@alexgorbatchev/shadcn 0.0.18 → 0.0.20

package/llms/components/assistant-ui/elements/code-diffs/ReviewableDiff.md

@@ -0,0 +1,102 @@
+# ReviewableDiff
+
+Story: @alexgorbatchev/shadcn/components/assistant-ui/elements/code-diffs/ReviewableDiff
+Source: src/components/stories/assistant-ui/elements/code-diffs/ReviewableDiff.stories.tsx
+
+[Full source and local helpers](https://github.com/alexgorbatchev/shadcn/blob/main/src/components/stories/assistant-ui/elements/code-diffs/ReviewableDiff.stories.tsx)
+
+## Public imports
+
+```tsx
+import { ReviewableDiff } from "@alexgorbatchev/shadcn/assistant-ui";
+```
+
+## Default component
+
+```tsx
+ReviewableDiff
+```
+
+## Default render
+
+```tsx
+(args) => <ReviewableDiff {...args}/>
+```
+
+## Examples
+
+Storybook CSF excerpts. Default args and render apply unless overridden. Local helpers, fixtures, decorators, and providers may be required; these are reference excerpts, not standalone consumer modules. Interaction tests are omitted.
+
+### Default
+
+```tsx
+{
+    args: {
+        filename: "src/workspace.ts",
+        hunks: [
+            {
+                id: "one",
+                range: "1–2",
+                decision: "pending",
+                lines: [
+                    { kind: "removed", text: "const ready = false;" },
+                    { kind: "added", text: "const ready = true;" },
+                ],
+            },
+        ],
+        onKeep: fn(),
+        onDiscard: fn(),
+        onApply: fn(),
+    }
+}
+```
+
+### LightTheme
+
+```tsx
+{
+    args: {
+        filename: "src/workspace.ts",
+        hunks: [
+            {
+                id: "one",
+                range: "1–2",
+                decision: "pending",
+                lines: [
+                    { kind: "removed", text: "const ready = false;" },
+                    { kind: "added", text: "const ready = true;" },
+                ],
+            },
+        ],
+        onKeep: fn(),
+        onDiscard: fn(),
+        onApply: fn(),
+    },
+    globals: { theme: "light" }
+}
+```
+
+### DarkTheme
+
+```tsx
+{
+    args: {
+        filename: "src/workspace.ts",
+        hunks: [
+            {
+                id: "one",
+                range: "1–2",
+                decision: "pending",
+                lines: [
+                    { kind: "removed", text: "const ready = false;" },
+                    { kind: "added", text: "const ready = true;" },
+                ],
+            },
+        ],
+        onKeep: fn(),
+        onDiscard: fn(),
+        onApply: fn(),
+    },
+    globals: { theme: "dark" }
+}
+```

package/llms/components/assistant-ui/elements/code-diffs/ShikiHighlighter.md

@@ -0,0 +1,131 @@
+# ShikiHighlighter
+
+Story: @alexgorbatchev/shadcn/components/assistant-ui/elements/code-diffs/ShikiHighlighter
+Source: src/components/stories/assistant-ui/elements/code-diffs/ShikiHighlighter.stories.tsx
+
+[Full source and local helpers](https://github.com/alexgorbatchev/shadcn/blob/main/src/components/stories/assistant-ui/elements/code-diffs/ShikiHighlighter.stories.tsx)
+
+## Public imports
+
+```tsx
+import { ShikiHighlighter } from "@alexgorbatchev/shadcn/assistant-ui";
+```
+
+## Default component
+
+```tsx
+ShikiHighlighter
+```
+
+## Default render
+
+```tsx
+(args) => <ShikiHighlighter {...args}/>
+```
+
+## Examples
+
+Storybook CSF excerpts. Default args and render apply unless overridden. Local helpers, fixtures, decorators, and providers may be required; these are reference excerpts, not standalone consumer modules. Interaction tests are omitted.
+
+### Default
+
+```tsx
+{
+    args: { code: "const ready = true;", language: "typescript", streaming: true }
+}
+```
+
+### Highlighted
+
+```tsx
+{
+    args: { ...Default.args, streaming: false, highlightLines: [1] }
+}
+```
+
+### LightTheme
+
+```tsx
+{
+    args: { code: "const ready = true;", language: "typescript", streaming: true },
+    globals: { theme: "light" }
+}
+```
+
+### CompactLightHighlighted
+
+```tsx
+{
+    args: { ...Default.args, streaming: false, highlightLines: [1] },
+    globals: { theme: "light", density: "compact" }
+}
+```
+
+### DarkTheme
+
+```tsx
+{
+    args: { code: "const ready = true;", language: "typescript", streaming: true },
+    globals: { theme: "dark" }
+}
+```
+
+### ConsumerPalette
+
+```tsx
+{
+    args: { code: "const ready = true;", language: "typescript" }
+}
+```
+
+### AliasedLanguage
+
+```tsx
+{
+    args: {
+        code: "const first = true;\nconst second = false;",
+        language: "review-ts",
+        langAlias: { "review-ts": "typescript" },
+        preloadLanguages: ["javascript"],
+        highlightLines: [2],
+        theme: { light: "github-light", dark: "github-dark" },
+    }
+}
+```
+
+### CustomGrammar
+
+```tsx
+{
+    args: {
+        code: "READY review",
+        language: "review-language",
+        preloadLanguages: [fixture_reviewLanguage],
+        highlightLines: [1],
+    }
+}
+```
+
+### LazyGrammar
+
+```tsx
+{
+    args: { ...CustomGrammar.args, preloadLanguages: [fixture_reviewLanguageLoader] }
+}
+```
+
+### Oniguruma
+
+```tsx
+{
+    args: { ...Highlighted.args, engine: "oniguruma" }
+}
+```
+
+### PlainText
+
+```tsx
+{
+    args: { code: "An unformatted result", language: "text" }
+}
+```

package/llms/components/assistant-ui/elements/code-diffs/SyntaxHighlighter.md

@@ -0,0 +1,62 @@
+# SyntaxHighlighter
+
+Story: @alexgorbatchev/shadcn/components/assistant-ui/elements/code-diffs/SyntaxHighlighter
+Source: src/components/stories/assistant-ui/elements/code-diffs/SyntaxHighlighter.stories.tsx
+
+[Full source and local helpers](https://github.com/alexgorbatchev/shadcn/blob/main/src/components/stories/assistant-ui/elements/code-diffs/SyntaxHighlighter.stories.tsx)
+
+## Public imports
+
+```tsx
+import { SyntaxHighlighter } from "@alexgorbatchev/shadcn/assistant-ui";
+```
+
+## Default component
+
+```tsx
+SyntaxHighlighter
+```
+
+## Default render
+
+```tsx
+(args) => (<NativeMarkdownFixture text={`\`\`\`${args.language}\n${args.code}\n\`\`\``} components={{ SyntaxHighlighter }}/>)
+```
+
+## Examples
+
+Storybook CSF excerpts. Default args and render apply unless overridden. Local helpers, fixtures, decorators, and providers may be required; these are reference excerpts, not standalone consumer modules. Interaction tests are omitted.
+
+### Default
+
+```tsx
+{
+    args: { code: "const ready = true;", language: "typescript" }
+}
+```
+
+### LightTheme
+
+```tsx
+{
+    args: { code: "const ready = true;", language: "typescript" },
+    globals: { theme: "light" }
+}
+```
+
+### DarkTheme
+
+```tsx
+{
+    args: { code: "const ready = true;", language: "typescript" },
+    globals: { theme: "dark" }
+}
+```
+
+### ConsumerPalette
+
+```tsx
+{
+    args: { code: "const ready = true;", language: "typescript" }
+}
+```

package/llms/components/assistant-ui/elements/code-diffs/TerminalAnsiFragment.md

@@ -0,0 +1,66 @@
+# TerminalAnsiFragment
+
+Story: @alexgorbatchev/shadcn/components/assistant-ui/elements/code-diffs/TerminalAnsiFragment
+Source: src/components/stories/assistant-ui/elements/code-diffs/TerminalAnsiFragment.stories.tsx
+
+[Full source and local helpers](https://github.com/alexgorbatchev/shadcn/blob/main/src/components/stories/assistant-ui/elements/code-diffs/TerminalAnsiFragment.stories.tsx)
+
+## Public imports
+
+```tsx
+import { Card, CardContent } from "@alexgorbatchev/shadcn";
+```
+
+## Supporting imports
+
+```tsx
+import Color from "colorjs.io";
+```
+
+## Default component
+
+```tsx
+TerminalAnsiFragment
+```
+
+## Default args
+
+```tsx
+{ fragment }
+```
+
+## Default render
+
+```tsx
+(args) => (<Card>
+      <CardContent>
+        <TerminalAnsiFragment {...args}/>
+      </CardContent>
+    </Card>)
+```
+
+## Examples
+
+Storybook CSF excerpts. Default args and render apply unless overridden. Local helpers, fixtures, decorators, and providers may be required; these are reference excerpts, not standalone consumer modules. Interaction tests are omitted.
+
+### ForegroundContrast
+
+```tsx
+{}
+```
+
+### Dim
+
+```tsx
+{
+    args: { fragment: { ...fragment, isDim: true } }
+}
+```
+
+### Light
+
+```tsx
+{
+    globals: { theme: "light" }
+}
+```

package/llms/components/assistant-ui/elements/code-diffs/TerminalBlock.md

@@ -0,0 +1,131 @@
+# TerminalBlock
+
+Story: @alexgorbatchev/shadcn/components/assistant-ui/elements/code-diffs/TerminalBlock
+Source: src/components/stories/assistant-ui/elements/code-diffs/TerminalBlock.stories.tsx
+
+[Full source and local helpers](https://github.com/alexgorbatchev/shadcn/blob/main/src/components/stories/assistant-ui/elements/code-diffs/TerminalBlock.stories.tsx)
+
+## Public imports
+
+```tsx
+import { TerminalBlock } from "@alexgorbatchev/shadcn/assistant-ui";
+```
+
+## Supporting imports
+
+```tsx
+import Color from "colorjs.io";
+```
+
+## Default component
+
+```tsx
+TerminalBlock
+```
+
+## Default render
+
+```tsx
+(args) => <TerminalBlock {...args}/>
+```
+
+## Examples
+
+Storybook CSF excerpts. Default args and render apply unless overridden. Local helpers, fixtures, decorators, and providers may be required; these are reference excerpts, not standalone consumer modules. Interaction tests are omitted.
+
+### Default
+
+```tsx
+{
+    args: {
+        command: "bun test",
+        lines: ["First test passed", "Second test passed"],
+        visibleCount: 2,
+        done: true,
+        maxCollapsedLines: 1,
+        durationMs: 2000,
+    }
+}
+```
+
+### Failed
+
+```tsx
+{
+    args: {
+        ...Default.args,
+        lines: ["Compilation failed"],
+        visibleCount: 2,
+        exitCode: 1,
+        stderr: ["Invalid source"],
+        maxCollapsedLines: undefined,
+    }
+}
+```
+
+### Running
+
+```tsx
+{
+    args: { ...Default.args, done: false, maxCollapsedLines: undefined }
+}
+```
+
+### Ink
+
+```tsx
+{
+    args: {
+        ...Default.args,
+        variant: "ink",
+        lines: ["ANSI \u001b[31mred\u001b[0m output"],
+        maxCollapsedLines: undefined,
+    }
+}
+```
+
+### LightAnsi
+
+```tsx
+{
+    args: {
+        ...Default.args,
+        variant: "ink",
+        lines: ["ANSI \u001b[31mred\u001b[0m output"],
+        maxCollapsedLines: undefined,
+    },
+    globals: { theme: "light" }
+}
+```
+
+### LightTheme
+
+```tsx
+{
+    args: {
+        command: "bun test",
+        lines: ["First test passed", "Second test passed"],
+        visibleCount: 2,
+        done: true,
+        maxCollapsedLines: 1,
+        durationMs: 2000,
+    },
+    globals: { theme: "light" }
+}
+```
+
+### DarkTheme
+
+```tsx
+{
+    args: {
+        command: "bun test",
+        lines: ["First test passed", "Second test passed"],
+        visibleCount: 2,
+        done: true,
+        maxCollapsedLines: 1,
+        durationMs: 2000,
+    },
+    globals: { theme: "dark" }
+}
+```

package/llms/components/assistant-ui/elements/composer/CommandPalette.md

@@ -0,0 +1,79 @@
+# CommandPalette
+
+Story: @alexgorbatchev/shadcn/components/assistant-ui/elements/composer/CommandPalette
+Source: src/components/stories/assistant-ui/elements/composer/CommandPalette.stories.tsx
+
+[Full source and local helpers](https://github.com/alexgorbatchev/shadcn/blob/main/src/components/stories/assistant-ui/elements/composer/CommandPalette.stories.tsx)
+
+## Public imports
+
+```tsx
+import { CommandPalette } from "@alexgorbatchev/shadcn/assistant-ui";
+```
+
+## Supporting imports
+
+```tsx
+import { useState } from "react";
+```
+
+## Default component
+
+```tsx
+CommandPalette
+```
+
+## Default args
+
+```tsx
+{
+    commands: [
+        { id: "new", label: "New conversation", group: "Conversations", keys: ["Ctrl", "N"] },
+        { id: "export", label: "Export conversation", group: "Conversations", keys: [] },
+        { id: "settings", label: "Open settings", group: "Settings", keys: ["Ctrl", ","] },
+    ],
+    query: "",
+    activeId: "new",
+    onQueryChange: fn(),
+    onActiveChange: fn(),
+    onRun: fn(),
+}
+```
+
+## Examples
+
+Storybook CSF excerpts. Default args and render apply unless overridden. Local helpers, fixtures, decorators, and providers may be required; these are reference excerpts, not standalone consumer modules. Interaction tests are omitted.
+
+### SearchAndRun
+
+```tsx
+{
+    render: function Render(args) {
+        const [query, setQuery] = useState(args.query);
+        const [activeId, setActiveId] = useState(args.activeId);
+        return (<CommandPalette {...args} query={query} activeId={activeId} onQueryChange={(value) => {
+                args.onQueryChange?.(value);
+                setQuery(value);
+            }} onActiveChange={(id) => {
+                args.onActiveChange?.(id);
+                setActiveId(id);
+            }}/>);
+    }
+}
+```
+
+### NoMatches
+
+```tsx
+{
+    args: { query: "missing" }
+}
+```
+
+### ReadOnly
+
+```tsx
+{
+    args: { onRun: undefined, onQueryChange: undefined }
+}
+```

package/llms/components/assistant-ui/elements/composer/Composer.md

@@ -0,0 +1,62 @@
+# Composer
+
+Story: @alexgorbatchev/shadcn/components/assistant-ui/elements/composer/Composer
+Source: src/components/stories/assistant-ui/elements/composer/Composer.stories.tsx
+
+[Full source and local helpers](https://github.com/alexgorbatchev/shadcn/blob/main/src/components/stories/assistant-ui/elements/composer/Composer.stories.tsx)
+
+## Public imports
+
+```tsx
+import { Composer } from "@alexgorbatchev/shadcn/assistant-ui";
+```
+
+## Default component
+
+```tsx
+Composer
+```
+
+## Default render
+
+```tsx
+() => <ComposerExample />
+```
+
+## Examples
+
+Storybook CSF excerpts. Default args and render apply unless overridden. Local helpers, fixtures, decorators, and providers may be required; these are reference excerpts, not standalone consumer modules. Interaction tests are omitted.
+
+### Message
+
+```tsx
+{}
+```
+
+### SlashCommand
+
+```tsx
+{
+    render: () => <ComposerExample defaultValue="/rev"/>
+}
+```
+
+### Mention
+
+```tsx
+{
+    render: () => <ComposerExample defaultValue="Ask @rev"/>
+}
+```
+
+### Attachments
+
+```tsx
+{}
+```
+
+### VoiceInput
+
+```tsx
+{}
+```

package/llms/components/assistant-ui/elements/composer/ComposerActions.md

@@ -0,0 +1,34 @@
+# ComposerActions
+
+Story: @alexgorbatchev/shadcn/components/assistant-ui/elements/composer/ComposerActions
+Source: src/components/stories/assistant-ui/elements/composer/ComposerActions.stories.tsx
+
+[Full source and local helpers](https://github.com/alexgorbatchev/shadcn/blob/main/src/components/stories/assistant-ui/elements/composer/ComposerActions.stories.tsx)
+
+## Public imports
+
+```tsx
+import { ComposerActions, ComposerAttachButton, ComposerVoiceButton } from "@alexgorbatchev/shadcn/assistant-ui";
+```
+
+## Default component
+
+```tsx
+ComposerActions
+```
+
+## Default args
+
+```tsx
+{
+    children: (<>
+        <ComposerAttachButton onClick={fn()}/>
+        <ComposerVoiceButton active={false}/>
+      </>),
+    onClick: fn(),
+}
+```
+
+## Examples
+
+Storybook CSF excerpts. Default args and render apply unless overridden. Local helpers, fixtures, decorators, and providers may be required; these are reference excerpts, not standalone consumer modules. Interaction tests are omitted.