@assistant-ui/mcp-docs-server 0.2.2 → 0.3.0

package/.docs/raw/docs/ui/tabs.mdx

@@ -1,271 +0,0 @@
----
-title: Tabs
-description: A multi-variant tabs component for organizing content into switchable panels.
-links:
-  - label: Radix UI Tabs (Radix styles)
-    url: https://www.radix-ui.com/primitives/docs/components/tabs
-  - label: Base UI Tabs (base styles)
-    url: https://base-ui.com/react/components/tabs
-platforms: ["react"]
----
-
-import { PreviewCode } from "@/components/docs/preview-code.server";
-import {
-  TabsSample,
-  TabsVariantsSample,
-  TabsSizesSample,
-  TabsWithIconsSample,
-  TabsControlledSample,
-  TabsAsLinkSample,
-  TabsAnimatedIndicatorSample,
-} from "@/components/docs/samples/tabs";
-import * as TabsRadixSamples from "@/components/docs/samples/tabs.radix";
-import { Flavored, FlavorSwitcher } from "@/components/docs/contexts/flavor.server";
-
-<Callout>
-  This is a **standalone component** that does not depend on the assistant-ui runtime. Use it anywhere in your application.
-</Callout>
-
-<FlavorSwitcher />
-
-<Flavored radix={<TabsRadixSamples.TabsSample />} base={<TabsSample />} />
-
-## Installation
-
-<InstallCommand shadcn={["tabs"]} />
-
-## Usage
-
-```tsx
-import {
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent,
-} from "@/components/assistant-ui/tabs";
-
-export function Example() {
-  return (
-    <Tabs defaultValue="account">
-      <TabsList>
-        <TabsTrigger value="account">Account</TabsTrigger>
-        <TabsTrigger value="password">Password</TabsTrigger>
-      </TabsList>
-      <TabsContent value="account">Account settings here.</TabsContent>
-      <TabsContent value="password">Password settings here.</TabsContent>
-    </Tabs>
-  );
-}
-```
-
-## Examples
-
-### Variants
-
-Use the `variant` prop on `TabsList` to change the visual style. Child components inherit the variant automatically.
-
-<Flavored radix={<TabsRadixSamples.TabsVariantsSample />} base={<TabsVariantsSample />} />
-
-```tsx
-<TabsList variant="default" />  // Muted background with shadow (default)
-<TabsList variant="line" />     // Underline indicator
-<TabsList variant="ghost" />    // Transparent with hover states
-<TabsList variant="pills" />    // Rounded pill buttons
-<TabsList variant="outline" />  // Border with background on active
-```
-
-### Sizes
-
-Use the `size` prop on `TabsList` to change the tab height. Child components inherit the size automatically.
-
-<Flavored radix={<TabsRadixSamples.TabsSizesSample />} base={<TabsSizesSample />} />
-
-```tsx
-<TabsList size="sm" />      // 32px height
-<TabsList size="default" /> // 36px height
-<TabsList size="lg" />      // 40px height
-```
-
-### With Icons
-
-Tabs automatically style SVG icons placed inside triggers.
-
-<PreviewCode file="components/docs/samples/tabs" name="TabsWithIconsSample" base={<TabsWithIconsSample />}>
-  <TabsRadixSamples.TabsWithIconsSample />
-</PreviewCode>
-
-### Controlled
-
-Use `value` and `onValueChange` for controlled tab state.
-
-<PreviewCode file="components/docs/samples/tabs" name="TabsControlledSample" base={<TabsControlledSample />}>
-  <TabsRadixSamples.TabsControlledSample />
-</PreviewCode>
-
-### As Link
-
-Compose with `render` (Base UI) or `asChild` (Radix) on `TabsTrigger` to render as a different element, like a navigation link.
-
-<PreviewCode file="components/docs/samples/tabs" name="TabsAsLinkSample" base={<TabsAsLinkSample />}>
-  <TabsRadixSamples.TabsAsLinkSample />
-</PreviewCode>
-
-### Animated Indicator
-
-All variants feature smooth animated indicators that slide between tabs:
-
-| Variant | Indicator Style |
-|---------|-----------------|
-| `default` | Sliding background with shadow |
-| `line` | Sliding underline |
-| `ghost` | Sliding background with hover effect |
-| `pills` | Sliding pill background |
-| `outline` | Sliding border |
-
-<PreviewCode file="components/docs/samples/tabs" name="TabsAnimatedIndicatorSample" base={<TabsAnimatedIndicatorSample />}>
-  <TabsRadixSamples.TabsAnimatedIndicatorSample />
-</PreviewCode>
-
-## API Reference
-
-### Composable API
-
-| Component | Description |
-|-----------|-------------|
-| `Tabs` | The root component that manages tab state. |
-| `TabsList` | The container for tab triggers. Set `variant` and `size` here. |
-| `TabsTrigger` | An individual tab button. Inherits variant/size from TabsList. |
-| `TabsContent` | The content panel for a tab. |
-
-### Tabs
-
-The root component that manages tab state.
-
-<ParametersTable
-  type="TabsProps"
-  parameters={[
-    {
-      name: "defaultValue",
-      type: "string",
-      description: "The default active tab value (uncontrolled).",
-    },
-    {
-      name: "value",
-      type: "string",
-      description: "The controlled active tab value.",
-    },
-    {
-      name: "onValueChange",
-      type: "(value: string) => void",
-      description: "Callback when the active tab changes.",
-    },
-    {
-      name: "className",
-      type: "string",
-      description: "Additional CSS classes.",
-    },
-  ]}
-/>
-
-### TabsList
-
-The container for tab triggers. Set `variant` and `size` here to style all child components.
-
-<ParametersTable
-  type="TabsListProps"
-  parameters={[
-    {
-      name: "variant",
-      type: '"default" | "line" | "ghost" | "pills" | "outline"',
-      default: '"default"',
-      description: "The visual style of the tabs. Child components inherit this automatically.",
-    },
-    {
-      name: "size",
-      type: '"sm" | "default" | "lg"',
-      default: '"default"',
-      description: "The size of the tabs. Child components inherit this automatically.",
-    },
-    {
-      name: "className",
-      type: "string",
-      description: "Additional CSS classes.",
-    },
-  ]}
-/>
-
-### TabsTrigger
-
-An individual tab button.
-
-<ParametersTable
-  type="TabsTriggerProps"
-  parameters={[
-    {
-      name: "value",
-      type: "string",
-      required: true,
-      description: "The unique value for this tab.",
-    },
-    {
-      name: "render",
-      type: "ReactElement | function",
-      description: "Base UI: compose as a different element instead of rendering a button.",
-    },
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Radix: merge props with a child element instead of rendering a button.",
-    },
-    {
-      name: "disabled",
-      type: "boolean",
-      description: "Whether the tab is disabled.",
-    },
-    {
-      name: "className",
-      type: "string",
-      description: "Additional CSS classes.",
-    },
-  ]}
-/>
-
-### TabsContent
-
-The content panel for a tab.
-
-<ParametersTable
-  type="TabsContentProps"
-  parameters={[
-    {
-      name: "value",
-      type: "string",
-      required: true,
-      description: "The value matching the corresponding TabsTrigger.",
-    },
-    {
-      name: "className",
-      type: "string",
-      description: "Additional CSS classes.",
-    },
-  ]}
-/>
-
-### Style Variants (CVA)
-
-| Export | Description |
-|--------|-------------|
-| `tabsListVariants` | Styles for the tabs list container. |
-| `tabsActiveIndicatorVariants` | Styles for the animated active indicator. |
-
-```tsx
-import {
-  tabsListVariants,
-  tabsActiveIndicatorVariants,
-} from "@/components/assistant-ui/tabs";
-
-<div className={tabsListVariants({ variant: "ghost", size: "sm" })}>
-  Custom Tabs Container
-</div>
-```

package/.docs/raw/docs/ui/thread-list.mdx

@@ -1,372 +0,0 @@
----
-title: Thread List Component
-description: Sidebar or dropdown component for switching between AI chat conversations. Persistent thread state, search, and active selection — built for assistant-ui apps.
-platforms: ["react"]
----
-
-import { ThreadListSample } from "@/components/docs/samples/threadlist";
-
-<ThreadListSample />
-
-<Callout>
-This demo uses `ThreadListSidebar`, which includes `thread-list` as a dependency and provides a complete sidebar layout. For custom implementations, you can use `thread-list` directly.
-</Callout>
-
-## Getting Started
-
-<Steps>
-  <Step>
-
-### Add the component
-
-Use `threadlist-sidebar` for a complete sidebar layout or `thread-list` for custom layouts.
-
-#### ThreadListSidebar
-
-<InstallCommand shadcn={["threadlist-sidebar"]} />
-
-#### ThreadList
-
-<InstallCommand shadcn={["thread-list"]} />
-
-  </Step>
-  <Step>
-
-### Use in your application
-
-<Tabs items={["With Sidebar", "Without Sidebar"]}>
-  <Tab value="With Sidebar">
-    ```tsx title="/app/assistant.tsx"
-    import { Thread } from "@/components/assistant-ui/thread";
-    import { ThreadListSidebar } from "@/components/assistant-ui/threadlist-sidebar";
-    import {
-      SidebarProvider,
-      SidebarInset,
-      SidebarTrigger
-    } from "@/components/ui/sidebar";
-
-    export default function Assistant() {
-      return (
-        <SidebarProvider>
-          <div className="flex h-dvh w-full">
-            <ThreadListSidebar />
-            <SidebarInset>
-              {/* Add sidebar trigger, location can be customized */}
-              <SidebarTrigger className="absolute top-4 left-4" />
-              <Thread />
-            </SidebarInset>
-          </div>
-        </SidebarProvider>
-      );
-    }
-    ```
-  </Tab>
-  <Tab value="Without Sidebar">
-    ```tsx title="/app/assistant.tsx"
-    import { Thread } from "@/components/assistant-ui/thread";
-    import { ThreadList } from "@/components/assistant-ui/thread-list";
-
-    export default function Assistant() {
-      return (
-        <div className="grid h-full grid-cols-[200px_1fr]">
-          <ThreadList />
-          <Thread />
-        </div>
-      );
-    }
-    ```
-  </Tab>
-</Tabs>
-
-  </Step>
-</Steps>
-
-## Anatomy
-
-The `ThreadList` component is built with the following primitives:
-
-```tsx
-import { ThreadListPrimitive, ThreadListItemPrimitive } from "@assistant-ui/react";
-
-<ThreadListPrimitive.Root>
-  <ThreadListPrimitive.New />
-  <ThreadListPrimitive.Items>
-    {() => (
-      <ThreadListItemPrimitive.Root>
-        <ThreadListItemPrimitive.Trigger>
-          <ThreadListItemPrimitive.Title />
-        </ThreadListItemPrimitive.Trigger>
-        <ThreadListItemPrimitive.Archive />
-        <ThreadListItemPrimitive.Delete />
-      </ThreadListItemPrimitive.Root>
-    )}
-  </ThreadListPrimitive.Items>
-</ThreadListPrimitive.Root>
-```
-
-## API Reference
-
-### ThreadListPrimitive.Root
-
-Container for the thread list.
-
-<ParametersTable
-  type="ThreadListPrimitiveRootProps"
-  parameters={[
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper div.",
-    },
-  ]}
-/>
-
-### ThreadListPrimitive.Items
-
-Renders all threads in the list.
-
-<ParametersTable
-  type="ThreadListPrimitiveItemsProps"
-  parameters={[
-    {
-      name: "archived",
-      type: "boolean",
-      description: "When true, renders archived threads instead of active threads.",
-    },
-    {
-      name: "components",
-      type: "object",
-      required: true,
-      description: "Component configuration.",
-      children: [
-        {
-          type: "Components",
-          parameters: [
-            {
-              name: "ThreadListItem",
-              type: "ComponentType",
-              required: true,
-              description: "Component to render for each thread item.",
-            },
-          ],
-        },
-      ],
-    },
-  ]}
-/>
-
-### ThreadListPrimitive.New
-
-A button to create a new thread.
-
-<ParametersTable
-  type="ThreadListPrimitiveNewProps"
-  parameters={[
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper button.",
-    },
-  ]}
-/>
-
-### ThreadListPrimitive.LoadMore
-
-A button that appends the next page of threads. See the [LoadMore primitive reference](/docs/primitives/thread-list#loadmore) for usage and [Threads concepts](/docs/runtimes/concepts/threads#paginating-the-thread-list) for the adapter contract.
-
-<ParametersTable
-  type="ThreadListPrimitiveLoadMoreProps"
-  parameters={[
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper button.",
-    },
-  ]}
-/>
-
-### ThreadListItemPrimitive.Root
-
-Container for a single thread item. Automatically sets `data-active` and `aria-current` when this is the current thread.
-
-<ParametersTable
-  type="ThreadListItemPrimitiveRootProps"
-  parameters={[
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper div.",
-    },
-  ]}
-/>
-
-### ThreadListItemPrimitive.Trigger
-
-A button that switches to this thread when clicked.
-
-<ParametersTable
-  type="ThreadListItemPrimitiveTriggerProps"
-  parameters={[
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper button.",
-    },
-  ]}
-/>
-
-### ThreadListItemPrimitive.Title
-
-Renders the thread's title.
-
-<ParametersTable
-  type="ThreadListItemPrimitiveTitleProps"
-  parameters={[
-    {
-      name: "fallback",
-      type: "ReactNode",
-      description: "Content to display when the thread has no title.",
-    },
-  ]}
-/>
-
-### ThreadListItemPrimitive.Archive
-
-A button to archive the thread.
-
-<ParametersTable
-  type="ThreadListItemPrimitiveArchiveProps"
-  parameters={[
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper button.",
-    },
-  ]}
-/>
-
-### ThreadListItemPrimitive.Unarchive
-
-A button to restore an archived thread.
-
-<ParametersTable
-  type="ThreadListItemPrimitiveUnarchiveProps"
-  parameters={[
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper button.",
-    },
-  ]}
-/>
-
-### ThreadListItemPrimitive.Delete
-
-A button to permanently delete the thread.
-
-<ParametersTable
-  type="ThreadListItemPrimitiveDeleteProps"
-  parameters={[
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper button.",
-    },
-  ]}
-/>
-
-### ThreadListItemMorePrimitive
-
-A dropdown menu for additional thread actions, built on Radix UI DropdownMenu.
-
-#### ThreadListItemMorePrimitive.Root
-
-Menu container that manages dropdown state.
-
-<ParametersTable
-  type="ThreadListItemMorePrimitiveRootProps"
-  parameters={[
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper div.",
-    },
-  ]}
-/>
-
-#### ThreadListItemMorePrimitive.Trigger
-
-Button to open the menu.
-
-<ParametersTable
-  type="ThreadListItemMorePrimitiveTriggerProps"
-  parameters={[
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper button.",
-    },
-  ]}
-/>
-
-#### ThreadListItemMorePrimitive.Content
-
-Menu content container.
-
-<ParametersTable
-  type="ThreadListItemMorePrimitiveContentProps"
-  parameters={[
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper div.",
-    },
-  ]}
-/>
-
-#### ThreadListItemMorePrimitive.Item
-
-Individual menu item.
-
-<ParametersTable
-  type="ThreadListItemMorePrimitiveItemProps"
-  parameters={[
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper div.",
-    },
-  ]}
-/>
-
-#### ThreadListItemMorePrimitive.Separator
-
-Visual separator between items.
-
-<ParametersTable
-  type="ThreadListItemMorePrimitiveSeparatorProps"
-  parameters={[
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper div.",
-    },
-  ]}
-/>
-
-## Related Components
-
-- [Thread](/docs/ui/thread) - The main chat interface displayed alongside the list