test: add ChatInput story to guard model favorites integration

Adds a story that clicks the model selector and verifies star icons
appear in the dropdown. This will fail if the defaultModel/onSetDefaultModel
props are not passed from ChatInput to ModelSelector.

Author: ethanndickson

src/browser/components/ChatInput/ChatInput.stories.tsx

@@ -0,0 +1,70 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { userEvent, within, expect } from "storybook/test";
+import React from "react";
+import { ChatInput } from "./index";
+import { ModeProvider } from "@/browser/contexts/ModeContext";
+import { ThinkingProvider } from "@/browser/contexts/ThinkingContext";
+
+const meta: Meta = {
+  title: "Components/ChatInput",
+  parameters: {
+    layout: "padded",
+  },
+  decorators: [
+    (Story) => (
+      <ModeProvider>
+        <ThinkingProvider workspaceId="storybook-test">
+          <div className="w-[600px]">
+            <Story />
+          </div>
+        </ThinkingProvider>
+      </ModeProvider>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj;
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = async () => {};
+
+export const WorkspaceVariant: Story = {
+  render: () => (
+    <ChatInput variant="workspace" workspaceId="test-workspace-id" onTruncateHistory={noop} />
+  ),
+};
+
+/**
+ * This story verifies the model favorites integration is working.
+ *
+ * When clicking the model selector, the dropdown should show star icons
+ * next to each model for setting/viewing the default model. If the stars
+ * are missing, the favorites integration has been broken.
+ */
+export const ModelFavoritesIntegration: Story = {
+  render: () => (
+    <ChatInput
+      variant="workspace"
+      workspaceId="test-workspace-favorites"
+      onTruncateHistory={noop}
+    />
+  ),
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+
+    // Click the model selector to open dropdown
+    const modelSelector = canvas.getByRole("button", { name: /claude|anthropic|model/i });
+    await userEvent.click(modelSelector);
+
+    // The dropdown should show star icons for setting default model
+    // Look for the star buttons in the dropdown
+    const starButtons = canvasElement.querySelectorAll(
+      '[data-component="ModelSelectorGroup"] button svg'
+    );
+
+    // There should be star icons visible (at least one for each model in dropdown)
+    // This will fail if defaultModel/onSetDefaultModel props are not passed
+    await expect(starButtons.length).toBeGreaterThan(0);
+  },
+};

src/browser/components/ChatInput/index.tsx

@@ -178,7 +178,6 @@ export const ChatInput: React.FC<ChatInputProps> = (props) => {
     [storageKeys.modelKey, addModel]
   );
 
-
   // When entering creation mode (or when the default model changes), reset the
   // project-scoped model to the explicit default so manual picks don't bleed
   // into subsequent creation flows.