Include widgets in README, setup storybook

2026-04-15 04:12:32 +02:00
parent 8b1f22d573
commit 299036eced
12 changed files with 4079 additions and 1 deletions
@@ -0,0 +1,38 @@
+import { html } from 'lit';
+
+import '../js/ai-assist-bar.js';
+
+const meta = {
+  title: 'Widgets/AI Assist Bar',
+  tags: ['autodocs'],
+  argTypes: {
+    mode: {
+      control: 'radio',
+      options: ['project', 'frontpage'],
+    },
+  },
+  args: {
+    mode: 'project',
+  },
+  render: ({ mode }) => html`
+    <div class="story-stack">
+      <p class="story-heading">Interactive Preview</p>
+      <p class="story-note">
+        Use the controls panel to switch the widget context. The component itself is live,
+        so you can type into it, change the fake model, and submit to watch its loading and
+        reveal states.
+      </p>
+      <ai-assist-bar mode=${mode}></ai-assist-bar>
+    </div>
+  `,
+};
+
+export default meta;
+
+export const Default = {};
+
+export const Frontpage = {
+  args: {
+    mode: 'frontpage',
+  },
+};