Move agent section to fab (#6597)

frontend/shared/components/ChatFABButton.stories.tsx

@@ -0,0 +1,37 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { ChatFABButton } from "@shared/components/ChatFABButton";
+
+const meta: Meta<typeof ChatFABButton> = {
+  title: "Editor/ChatFAB/ChatFABButton",
+  component: ChatFABButton,
+  parameters: { layout: "centered" },
+  argTypes: {
+    isLoading: { control: "boolean" },
+    showTick: { control: "boolean" },
+    onClick: { action: "clicked" },
+  },
+};
+export default meta;
+type Story = StoryObj<typeof ChatFABButton>;
+
+/** Default idle state — no agent running, no unread result. */
+export const Default: Story = {};
+
+/** Agent is actively working — the logo paths animate and a green pulse dot appears. */
+export const Loading: Story = {
+  args: { isLoading: true },
+};
+
+/** Agent finished while the panel was closed — tick badge pops in to signal an unread result. */
+export const Tick: Story = {
+  args: { showTick: true },
+};
+
+/**
+ * If loading restarts while a tick is already showing, the pulse dot is
+ * suppressed in favour of the tick until the user opens the panel.
+ * In practice this transition is handled by the parent via `hasUnviewedResult`.
+ */
+export const TickWhileLoading: Story = {
+  args: { isLoading: true, showTick: true },
+};