diff --git a/frontend/src/components/workspace/input-box.tsx b/frontend/src/components/workspace/input-box.tsx index 73b412392..7cb8bfc68 100644 --- a/frontend/src/components/workspace/input-box.tsx +++ b/frontend/src/components/workspace/input-box.tsx @@ -2673,7 +2673,7 @@ export function InputBox({ className="max-w-40 min-w-0 sm:max-w-56" disabled={composerLocked} > -
+
{selectedModel?.display_name} diff --git a/frontend/src/components/workspace/sidecar/sidecar-panel.tsx b/frontend/src/components/workspace/sidecar/sidecar-panel.tsx index a399a7710..af271fd15 100644 --- a/frontend/src/components/workspace/sidecar/sidecar-panel.tsx +++ b/frontend/src/components/workspace/sidecar/sidecar-panel.tsx @@ -939,7 +939,7 @@ function SidecarModelSelector({ -
+
{selectedModel.display_name} diff --git a/frontend/tests/unit/components/workspace/model-selector-overflow.test.ts b/frontend/tests/unit/components/workspace/model-selector-overflow.test.ts new file mode 100644 index 000000000..e8985c96c --- /dev/null +++ b/frontend/tests/unit/components/workspace/model-selector-overflow.test.ts @@ -0,0 +1,32 @@ +import { readFileSync } from "node:fs"; +import path from "node:path"; + +import { describe, expect, it } from "@rstest/core"; + +const FRONTEND_ROOT = path.resolve(__dirname, "../../../.."); +const SELECTED_MODEL_WRAPPER_PATTERN = + /[\s\S]*?
\s* { + it.each([ + "src/components/workspace/input-box.tsx", + "src/components/workspace/sidecar/sidecar-panel.tsx", + ])("lets ModelSelectorName stretch in %s", (relativePath) => { + const classes = selectedModelWrapperClasses(relativePath); + + expect(classes).toEqual( + expect.arrayContaining(["flex", "min-w-0", "flex-col"]), + ); + expect(classes).not.toContain("items-start"); + }); +});