feat: add Storybook component explorer

src/lib/ui/stories/StatusStrip.stories.svelte

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import { defineMeta } from "@storybook/addon-svelte-csf";
+  import StatusStrip from "../components/StatusStrip.svelte";
+  import { mixedStatusStrip, statusItems } from "./story-data";
+
+  const { Story } = defineMeta({
+    title: "Dashboard Primitives/StatusStrip",
+    component: StatusStrip,
+    tags: ["autodocs"],
+  });
+</script>
+
+<Story
+  name="All Operational"
+  args={{
+    items: [
+      { ...statusItems.ok, id: "status-ok-a" },
+      { ...statusItems.ok, id: "status-ok-b", label: "Queue" },
+      { ...statusItems.ok, id: "status-ok-c", label: "Sync" },
+    ],
+  }}
+/>
+<Story name="Degraded" args={{ items: [statusItems.ok, statusItems.degraded, statusItems.stale] }} />
+<Story name="Incident" args={{ items: [statusItems.ok, statusItems.incident, statusItems.degraded] }} />
+<Story name="Syncing" args={{ items: [statusItems.syncing, statusItems.ok, statusItems.action] }} />
+<Story name="Stale" args={{ items: [statusItems.stale, statusItems.long] }} />
+<Story name="Mixed Compact" args={{ items: mixedStatusStrip, compact: true }} />