SaaS fixes (#6578)

Co-authored-by: Claude Opus 4.8 <[email protected]>
Co-authored-by: James Brunton <[email protected]>
Co-authored-by: Reece Browne <[email protected]>
Co-authored-by: ConnorYoh <[email protected]>
Co-authored-by: Reece <[email protected]>
Co-authored-by: EthanHealy01 <[email protected]>
Co-authored-by: Ludy <[email protected]>

frontend/shared/components/StepIndicator.stories.tsx

@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { StepIndicator } from "@shared/components/StepIndicator";
+
+const meta: Meta<typeof StepIndicator> = {
+  title: "Primitives/StepIndicator",
+  component: StepIndicator,
+  tags: ["autodocs"],
+  parameters: { layout: "padded" },
+  args: { total: 3, current: 2, size: "md" },
+  argTypes: {
+    current: { control: { type: "number", min: 1, max: 5 } },
+    total: { control: { type: "number", min: 1, max: 5 } },
+    size: { control: "inline-radio", options: ["sm", "md"] },
+  },
+  decorators: [
+    (S) => (
+      <div style={{ maxWidth: "20rem" }}>
+        <S />
+      </div>
+    ),
+  ],
+};
+export default meta;
+type Story = StoryObj<typeof StepIndicator>;
+
+export const Step1: Story = { args: { total: 3, current: 1 } };
+export const Step2: Story = { args: { total: 3, current: 2 } };
+export const Step3: Story = { args: { total: 3, current: 3 } };
+export const Small: Story = { args: { total: 4, current: 2, size: "sm" } };