@invana/ui 0.0.19 → 0.0.20

package/dist/index.d.cts

@@ -637,6 +637,175 @@ interface ChatSessionComposerProps {
  */
 declare function ChatSessionComposer({ value, onChange, onSend, onStop, isRunning, disabled, placeholder, toolbarStart, toolbarEnd, attachments, sendIcon, stopIcon, sendDisabled, className, textareaClassName, }: ChatSessionComposerProps): React$1.JSX.Element;
 
+/**
+ * Shared gutter column for the console-style transcript. Every leading glyph —
+ * status dot, prompt caret, spinner — occupies this fixed-width column so all
+ * body text starts on one left edge ({@link ChatSessionPromptRow},
+ * {@link ChatSessionProgressLine} and this row all use it).
+ */
+declare const chatSessionGutterClass = "w-3.5 shrink-0 flex justify-center";
+/**
+ * Semantic state of an activity row, mapped to the status tokens from
+ * `@invana/styling`. `pending` renders a hollow dot (queued / not started).
+ */
+type ChatSessionActivityStatus = "default" | "info" | "success" | "warning" | "error" | "pending";
+interface ChatSessionActivityRowProps {
+    /** Colors the gutter marker; `warning`/`error` also tint the body text. */
+    status?: ChatSessionActivityStatus;
+    /** Replaces the status dot with a custom gutter node (e.g. a spinner). */
+    marker?: React$1.ReactNode;
+    /** Row body. Plain text wraps and preserves newlines; nodes render as-is. */
+    children?: React$1.ReactNode;
+    /** Action row, typically a `<ChatSessionMessageOptions />`. */
+    actions?: React$1.ReactNode;
+    /** Meta line under the body — e.g. "Cypher · 50 rows · 12ms". */
+    meta?: React$1.ReactNode;
+    /** Extra content below — sub-lines, a `<ChatSessionDisclosure />`, results. */
+    footer?: React$1.ReactNode;
+    className?: string;
+}
+/**
+ * One event in a console-style transcript: a status-colored dot in the shared
+ * gutter and a left-aligned body. Assistant text, tool calls, spawned agents,
+ * and errors all render as activity rows — one visual grammar for everything
+ * the system does. Nest `<ChatSessionActivitySubLine />` in `footer` for the
+ * elbow-prefixed detail lines, and drop `<ChatSessionMessageOptions />` into
+ * `actions` for the re-run / view-query / copy / vote toolbar.
+ *
+ * Presentational only — no data fetching or state.
+ */
+declare function ChatSessionActivityRow({ status, marker, children, actions, meta, footer, className, }: ChatSessionActivityRowProps): React$1.JSX.Element;
+interface ChatSessionActivitySubLineProps {
+    /** Elbow glyph in front of the line. Defaults to "└". */
+    elbow?: React$1.ReactNode;
+    children?: React$1.ReactNode;
+    className?: string;
+}
+/**
+ * An indented detail line under an activity row — "└ Backgrounded agent
+ * (↓ to manage)", an interruption note, a one-line result. Render inside the
+ * row's `footer` (or directly after the body in `children`).
+ */
+declare function ChatSessionActivitySubLine({ elbow, children, className, }: ChatSessionActivitySubLineProps): React$1.JSX.Element;
+
+interface ChatSessionPromptRowProps {
+    /** The echoed user input. Plain text wraps and preserves newlines. */
+    children?: React$1.ReactNode;
+    /** Gutter glyph. Defaults to "❯". */
+    caret?: React$1.ReactNode;
+    /** Right-aligned meta — a timestamp, an attachment count. */
+    meta?: React$1.ReactNode;
+    className?: string;
+}
+/**
+ * The user's turn in a console-style transcript: a full-bleed highlighted band
+ * with the caret in the shared gutter, so the echoed text sits on exactly the
+ * same left edge as the {@link ChatSessionActivityRow} bodies below it.
+ *
+ * Full bleed assumes the default `ChatSession` body padding (`p-3`) — the
+ * negative margins here cancel it. If you override `bodyClassName` with a
+ * different horizontal padding, pass matching `-mx-*`/`px-*` via `className`.
+ */
+declare function ChatSessionPromptRow({ children, caret, meta, className, }: ChatSessionPromptRowProps): React$1.JSX.Element;
+
+interface ChatSessionProgressLineProps {
+    /** What's happening — "Waiting for 1 background agent to finish". */
+    children?: React$1.ReactNode;
+    /** Custom spinner node in the gutter; defaults to a CSS ring spinner. */
+    spinner?: React$1.ReactNode;
+    /** Right-aligned elapsed/progress readout — "29s", "12k tokens". */
+    elapsed?: React$1.ReactNode;
+    className?: string;
+}
+/**
+ * A transient "work in flight" line in the transcript — spinner in the shared
+ * gutter, label, and an optional right-aligned elapsed readout. Replace it with
+ * a settled {@link ChatSessionActivityRow} when the run finishes.
+ */
+declare function ChatSessionProgressLine({ children, spinner, elapsed, className, }: ChatSessionProgressLineProps): React$1.JSX.Element;
+
+interface ChatSessionDisclosureProps {
+    /** Header label — "cypher", "result", "context". */
+    label: React$1.ReactNode;
+    /** Right-aligned header meta — "50 rows · 12ms". */
+    meta?: React$1.ReactNode;
+    /** Disclosed content. Wrapped in an `overflow-x-auto` container. */
+    children?: React$1.ReactNode;
+    /** Controlled open state. Omit for uncontrolled (see `defaultOpen`). */
+    open?: boolean;
+    /** Uncontrolled initial state. Defaults to closed. */
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Custom chevron node; the default "▸" rotates when open. */
+    chevron?: React$1.ReactNode;
+    className?: string;
+    /** Classes for the content area — e.g. `font-mono` for a query block. */
+    contentClassName?: string;
+}
+/**
+ * A collapsible detail block under an activity row — the expanded state of
+ * "View query": generated Cypher, a result preview, gathered context. Renders
+ * as a bordered card with a click-to-toggle header (label + meta) and an
+ * `overflow-x-auto` body, matching the transcript's nested-detail grammar.
+ *
+ * Controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
+ */
+declare function ChatSessionDisclosure({ label, meta, children, open, defaultOpen, onOpenChange, chevron, className, contentClassName, }: ChatSessionDisclosureProps): React$1.JSX.Element;
+
+/**
+ * Lifecycle of a background task / session. Mapped to the status tokens from
+ * `@invana/styling`: `running` pulses the primary dot, `needs-input` is the
+ * warning color, `queued` renders hollow.
+ */
+type ChatSessionTaskStatus = "running" | "needs-input" | "success" | "error" | "queued";
+interface ChatSessionTaskRowProps {
+    /** Colors the leading dot. */
+    status?: ChatSessionTaskStatus;
+    /** Replaces the status dot — e.g. a spinner node for a running task. */
+    indicator?: React$1.ReactNode;
+    /** Task/agent name, kept bold and never truncated. */
+    name: React$1.ReactNode;
+    /** One-line summary; truncates with ellipsis. */
+    description?: React$1.ReactNode;
+    /** Right-aligned meta — "2s · ↑ 18.4k tokens", "38d". */
+    meta?: React$1.ReactNode;
+    /** Makes the row an interactive button (hover surface, focus ring). */
+    onClick?: () => void;
+    className?: string;
+}
+/**
+ * One background task / agent / session: status dot, bold name, truncating
+ * description, right-aligned meta. Used both in the pinned strip under a
+ * transcript and in the grouped task dashboard ({@link ChatSessionTaskGroup}).
+ */
+declare function ChatSessionTaskRow({ status, indicator, name, description, meta, onClick, className, }: ChatSessionTaskRowProps): React$1.JSX.Element;
+interface ChatSessionTaskGroupProps {
+    /** Section heading — "Needs input", "Completed", "Running". */
+    heading?: React$1.ReactNode;
+    /** The rows — typically `<ChatSessionTaskRow />` nodes. */
+    children?: React$1.ReactNode;
+    className?: string;
+}
+/**
+ * A titled section of task rows — the "Needs input" / "Completed" groups of a
+ * session dashboard.
+ */
+declare function ChatSessionTaskGroup({ heading, children, className, }: ChatSessionTaskGroupProps): React$1.JSX.Element;
+
+interface ChatSessionStatusBarProps {
+    /** Left-aligned items — mode indicator, view switch. Grows and truncates. */
+    start?: React$1.ReactNode;
+    /** Right-aligned items — agent count, shortcut hints. */
+    end?: React$1.ReactNode;
+    className?: string;
+}
+/**
+ * The slim bar under a chat session's composer — mode indicator, view
+ * switches, agent counts, keyboard hints. Two slots, muted by default; put
+ * interactive elements (buttons, toggles) straight into the slots.
+ */
+declare function ChatSessionStatusBar({ start, end, className, }: ChatSessionStatusBarProps): React$1.JSX.Element;
+
 declare class ErrorBoundary extends Component<{
     children: ReactNode;
 }, {
@@ -1312,4 +1481,4 @@ declare const Typography: {
     Pre: React$1.ForwardRefExoticComponent<TypographyPreProps & React$1.RefAttributes<HTMLPreElement>>;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BaseNavProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, ButtonWithTooltip, type ButtonWithTooltipProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatSession, ChatSessionComposer, type ChatSessionComposerProps, ChatSessionMessage, type ChatSessionMessageAction, ChatSessionMessageOptions, type ChatSessionMessageOptionsProps, type ChatSessionMessageProps, type ChatSessionMessageRole, type ChatSessionMessageStatus, type ChatSessionProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorBoundary, HoverCard, HoverCardContent, HoverCardTrigger, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, MenuItem, type MenuItemProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavBase, NavHorizontal, type NavHorizontalItem, NavHorizontalItems, type NavHorizontalItemsProps, type NavHorizontalProps, type NavItemConfig, NavItems, type NavItemsProps, type NavSection, NavVertical, type NavVerticalItem, NavVerticalItems, type NavVerticalItemsProps, type NavVerticalProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, type NestedMenuProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelContent, type PanelContentProps, PanelStack, type PanelStackProps, type PanelStackSection, Popover, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichSelect, type RichSelectOption, type RichSelectProps, ScrollArea, ScrollBar, SearchInput, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, type TabConfig, TabbedPanel, type TabbedPanelProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, type TourController, type TourProps, type TourReference, type TourStep, TreeItem, TreeView, type TreeViewProps, Typography, TypographyBlockquote, type TypographyBlockquoteProps, TypographyH1, type TypographyH1Props, TypographyH2, type TypographyH2Props, TypographyH3, type TypographyH3Props, TypographyH4, type TypographyH4Props, TypographyH5, type TypographyH5Props, TypographyH6, type TypographyH6Props, TypographyInlineCode, type TypographyInlineCodeProps, TypographyLarge, type TypographyLargeProps, TypographyLead, type TypographyLeadProps, TypographyList, type TypographyListProps, TypographyMuted, type TypographyMutedProps, TypographyP, type TypographyPProps, TypographyPre, type TypographyPreProps, TypographySmall, type TypographySmallProps, UnderDevelopment, type UnderDevelopmentProps, type UseTourOptions, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useSidebar, useTour };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BaseNavProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, ButtonWithTooltip, type ButtonWithTooltipProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatSession, ChatSessionActivityRow, type ChatSessionActivityRowProps, type ChatSessionActivityStatus, ChatSessionActivitySubLine, type ChatSessionActivitySubLineProps, ChatSessionComposer, type ChatSessionComposerProps, ChatSessionDisclosure, type ChatSessionDisclosureProps, ChatSessionMessage, type ChatSessionMessageAction, ChatSessionMessageOptions, type ChatSessionMessageOptionsProps, type ChatSessionMessageProps, type ChatSessionMessageRole, type ChatSessionMessageStatus, ChatSessionProgressLine, type ChatSessionProgressLineProps, ChatSessionPromptRow, type ChatSessionPromptRowProps, type ChatSessionProps, ChatSessionStatusBar, type ChatSessionStatusBarProps, ChatSessionTaskGroup, type ChatSessionTaskGroupProps, ChatSessionTaskRow, type ChatSessionTaskRowProps, type ChatSessionTaskStatus, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorBoundary, HoverCard, HoverCardContent, HoverCardTrigger, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, MenuItem, type MenuItemProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavBase, NavHorizontal, type NavHorizontalItem, NavHorizontalItems, type NavHorizontalItemsProps, type NavHorizontalProps, type NavItemConfig, NavItems, type NavItemsProps, type NavSection, NavVertical, type NavVerticalItem, NavVerticalItems, type NavVerticalItemsProps, type NavVerticalProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, type NestedMenuProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelContent, type PanelContentProps, PanelStack, type PanelStackProps, type PanelStackSection, Popover, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichSelect, type RichSelectOption, type RichSelectProps, ScrollArea, ScrollBar, SearchInput, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, type TabConfig, TabbedPanel, type TabbedPanelProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, type TourController, type TourProps, type TourReference, type TourStep, TreeItem, TreeView, type TreeViewProps, Typography, TypographyBlockquote, type TypographyBlockquoteProps, TypographyH1, type TypographyH1Props, TypographyH2, type TypographyH2Props, TypographyH3, type TypographyH3Props, TypographyH4, type TypographyH4Props, TypographyH5, type TypographyH5Props, TypographyH6, type TypographyH6Props, TypographyInlineCode, type TypographyInlineCodeProps, TypographyLarge, type TypographyLargeProps, TypographyLead, type TypographyLeadProps, TypographyList, type TypographyListProps, TypographyMuted, type TypographyMutedProps, TypographyP, type TypographyPProps, TypographyPre, type TypographyPreProps, TypographySmall, type TypographySmallProps, UnderDevelopment, type UnderDevelopmentProps, type UseTourOptions, badgeVariants, buttonGroupVariants, buttonVariants, chatSessionGutterClass, cn, navigationMenuTriggerStyle, toggleVariants, useSidebar, useTour };

package/dist/index.d.ts

@@ -637,6 +637,175 @@ interface ChatSessionComposerProps {
  */
 declare function ChatSessionComposer({ value, onChange, onSend, onStop, isRunning, disabled, placeholder, toolbarStart, toolbarEnd, attachments, sendIcon, stopIcon, sendDisabled, className, textareaClassName, }: ChatSessionComposerProps): React$1.JSX.Element;
 
+/**
+ * Shared gutter column for the console-style transcript. Every leading glyph —
+ * status dot, prompt caret, spinner — occupies this fixed-width column so all
+ * body text starts on one left edge ({@link ChatSessionPromptRow},
+ * {@link ChatSessionProgressLine} and this row all use it).
+ */
+declare const chatSessionGutterClass = "w-3.5 shrink-0 flex justify-center";
+/**
+ * Semantic state of an activity row, mapped to the status tokens from
+ * `@invana/styling`. `pending` renders a hollow dot (queued / not started).
+ */
+type ChatSessionActivityStatus = "default" | "info" | "success" | "warning" | "error" | "pending";
+interface ChatSessionActivityRowProps {
+    /** Colors the gutter marker; `warning`/`error` also tint the body text. */
+    status?: ChatSessionActivityStatus;
+    /** Replaces the status dot with a custom gutter node (e.g. a spinner). */
+    marker?: React$1.ReactNode;
+    /** Row body. Plain text wraps and preserves newlines; nodes render as-is. */
+    children?: React$1.ReactNode;
+    /** Action row, typically a `<ChatSessionMessageOptions />`. */
+    actions?: React$1.ReactNode;
+    /** Meta line under the body — e.g. "Cypher · 50 rows · 12ms". */
+    meta?: React$1.ReactNode;
+    /** Extra content below — sub-lines, a `<ChatSessionDisclosure />`, results. */
+    footer?: React$1.ReactNode;
+    className?: string;
+}
+/**
+ * One event in a console-style transcript: a status-colored dot in the shared
+ * gutter and a left-aligned body. Assistant text, tool calls, spawned agents,
+ * and errors all render as activity rows — one visual grammar for everything
+ * the system does. Nest `<ChatSessionActivitySubLine />` in `footer` for the
+ * elbow-prefixed detail lines, and drop `<ChatSessionMessageOptions />` into
+ * `actions` for the re-run / view-query / copy / vote toolbar.
+ *
+ * Presentational only — no data fetching or state.
+ */
+declare function ChatSessionActivityRow({ status, marker, children, actions, meta, footer, className, }: ChatSessionActivityRowProps): React$1.JSX.Element;
+interface ChatSessionActivitySubLineProps {
+    /** Elbow glyph in front of the line. Defaults to "└". */
+    elbow?: React$1.ReactNode;
+    children?: React$1.ReactNode;
+    className?: string;
+}
+/**
+ * An indented detail line under an activity row — "└ Backgrounded agent
+ * (↓ to manage)", an interruption note, a one-line result. Render inside the
+ * row's `footer` (or directly after the body in `children`).
+ */
+declare function ChatSessionActivitySubLine({ elbow, children, className, }: ChatSessionActivitySubLineProps): React$1.JSX.Element;
+
+interface ChatSessionPromptRowProps {
+    /** The echoed user input. Plain text wraps and preserves newlines. */
+    children?: React$1.ReactNode;
+    /** Gutter glyph. Defaults to "❯". */
+    caret?: React$1.ReactNode;
+    /** Right-aligned meta — a timestamp, an attachment count. */
+    meta?: React$1.ReactNode;
+    className?: string;
+}
+/**
+ * The user's turn in a console-style transcript: a full-bleed highlighted band
+ * with the caret in the shared gutter, so the echoed text sits on exactly the
+ * same left edge as the {@link ChatSessionActivityRow} bodies below it.
+ *
+ * Full bleed assumes the default `ChatSession` body padding (`p-3`) — the
+ * negative margins here cancel it. If you override `bodyClassName` with a
+ * different horizontal padding, pass matching `-mx-*`/`px-*` via `className`.
+ */
+declare function ChatSessionPromptRow({ children, caret, meta, className, }: ChatSessionPromptRowProps): React$1.JSX.Element;
+
+interface ChatSessionProgressLineProps {
+    /** What's happening — "Waiting for 1 background agent to finish". */
+    children?: React$1.ReactNode;
+    /** Custom spinner node in the gutter; defaults to a CSS ring spinner. */
+    spinner?: React$1.ReactNode;
+    /** Right-aligned elapsed/progress readout — "29s", "12k tokens". */
+    elapsed?: React$1.ReactNode;
+    className?: string;
+}
+/**
+ * A transient "work in flight" line in the transcript — spinner in the shared
+ * gutter, label, and an optional right-aligned elapsed readout. Replace it with
+ * a settled {@link ChatSessionActivityRow} when the run finishes.
+ */
+declare function ChatSessionProgressLine({ children, spinner, elapsed, className, }: ChatSessionProgressLineProps): React$1.JSX.Element;
+
+interface ChatSessionDisclosureProps {
+    /** Header label — "cypher", "result", "context". */
+    label: React$1.ReactNode;
+    /** Right-aligned header meta — "50 rows · 12ms". */
+    meta?: React$1.ReactNode;
+    /** Disclosed content. Wrapped in an `overflow-x-auto` container. */
+    children?: React$1.ReactNode;
+    /** Controlled open state. Omit for uncontrolled (see `defaultOpen`). */
+    open?: boolean;
+    /** Uncontrolled initial state. Defaults to closed. */
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Custom chevron node; the default "▸" rotates when open. */
+    chevron?: React$1.ReactNode;
+    className?: string;
+    /** Classes for the content area — e.g. `font-mono` for a query block. */
+    contentClassName?: string;
+}
+/**
+ * A collapsible detail block under an activity row — the expanded state of
+ * "View query": generated Cypher, a result preview, gathered context. Renders
+ * as a bordered card with a click-to-toggle header (label + meta) and an
+ * `overflow-x-auto` body, matching the transcript's nested-detail grammar.
+ *
+ * Controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
+ */
+declare function ChatSessionDisclosure({ label, meta, children, open, defaultOpen, onOpenChange, chevron, className, contentClassName, }: ChatSessionDisclosureProps): React$1.JSX.Element;
+
+/**
+ * Lifecycle of a background task / session. Mapped to the status tokens from
+ * `@invana/styling`: `running` pulses the primary dot, `needs-input` is the
+ * warning color, `queued` renders hollow.
+ */
+type ChatSessionTaskStatus = "running" | "needs-input" | "success" | "error" | "queued";
+interface ChatSessionTaskRowProps {
+    /** Colors the leading dot. */
+    status?: ChatSessionTaskStatus;
+    /** Replaces the status dot — e.g. a spinner node for a running task. */
+    indicator?: React$1.ReactNode;
+    /** Task/agent name, kept bold and never truncated. */
+    name: React$1.ReactNode;
+    /** One-line summary; truncates with ellipsis. */
+    description?: React$1.ReactNode;
+    /** Right-aligned meta — "2s · ↑ 18.4k tokens", "38d". */
+    meta?: React$1.ReactNode;
+    /** Makes the row an interactive button (hover surface, focus ring). */
+    onClick?: () => void;
+    className?: string;
+}
+/**
+ * One background task / agent / session: status dot, bold name, truncating
+ * description, right-aligned meta. Used both in the pinned strip under a
+ * transcript and in the grouped task dashboard ({@link ChatSessionTaskGroup}).
+ */
+declare function ChatSessionTaskRow({ status, indicator, name, description, meta, onClick, className, }: ChatSessionTaskRowProps): React$1.JSX.Element;
+interface ChatSessionTaskGroupProps {
+    /** Section heading — "Needs input", "Completed", "Running". */
+    heading?: React$1.ReactNode;
+    /** The rows — typically `<ChatSessionTaskRow />` nodes. */
+    children?: React$1.ReactNode;
+    className?: string;
+}
+/**
+ * A titled section of task rows — the "Needs input" / "Completed" groups of a
+ * session dashboard.
+ */
+declare function ChatSessionTaskGroup({ heading, children, className, }: ChatSessionTaskGroupProps): React$1.JSX.Element;
+
+interface ChatSessionStatusBarProps {
+    /** Left-aligned items — mode indicator, view switch. Grows and truncates. */
+    start?: React$1.ReactNode;
+    /** Right-aligned items — agent count, shortcut hints. */
+    end?: React$1.ReactNode;
+    className?: string;
+}
+/**
+ * The slim bar under a chat session's composer — mode indicator, view
+ * switches, agent counts, keyboard hints. Two slots, muted by default; put
+ * interactive elements (buttons, toggles) straight into the slots.
+ */
+declare function ChatSessionStatusBar({ start, end, className, }: ChatSessionStatusBarProps): React$1.JSX.Element;
+
 declare class ErrorBoundary extends Component<{
     children: ReactNode;
 }, {
@@ -1312,4 +1481,4 @@ declare const Typography: {
     Pre: React$1.ForwardRefExoticComponent<TypographyPreProps & React$1.RefAttributes<HTMLPreElement>>;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BaseNavProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, ButtonWithTooltip, type ButtonWithTooltipProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatSession, ChatSessionComposer, type ChatSessionComposerProps, ChatSessionMessage, type ChatSessionMessageAction, ChatSessionMessageOptions, type ChatSessionMessageOptionsProps, type ChatSessionMessageProps, type ChatSessionMessageRole, type ChatSessionMessageStatus, type ChatSessionProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorBoundary, HoverCard, HoverCardContent, HoverCardTrigger, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, MenuItem, type MenuItemProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavBase, NavHorizontal, type NavHorizontalItem, NavHorizontalItems, type NavHorizontalItemsProps, type NavHorizontalProps, type NavItemConfig, NavItems, type NavItemsProps, type NavSection, NavVertical, type NavVerticalItem, NavVerticalItems, type NavVerticalItemsProps, type NavVerticalProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, type NestedMenuProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelContent, type PanelContentProps, PanelStack, type PanelStackProps, type PanelStackSection, Popover, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichSelect, type RichSelectOption, type RichSelectProps, ScrollArea, ScrollBar, SearchInput, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, type TabConfig, TabbedPanel, type TabbedPanelProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, type TourController, type TourProps, type TourReference, type TourStep, TreeItem, TreeView, type TreeViewProps, Typography, TypographyBlockquote, type TypographyBlockquoteProps, TypographyH1, type TypographyH1Props, TypographyH2, type TypographyH2Props, TypographyH3, type TypographyH3Props, TypographyH4, type TypographyH4Props, TypographyH5, type TypographyH5Props, TypographyH6, type TypographyH6Props, TypographyInlineCode, type TypographyInlineCodeProps, TypographyLarge, type TypographyLargeProps, TypographyLead, type TypographyLeadProps, TypographyList, type TypographyListProps, TypographyMuted, type TypographyMutedProps, TypographyP, type TypographyPProps, TypographyPre, type TypographyPreProps, TypographySmall, type TypographySmallProps, UnderDevelopment, type UnderDevelopmentProps, type UseTourOptions, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useSidebar, useTour };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BaseNavProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, ButtonWithTooltip, type ButtonWithTooltipProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatSession, ChatSessionActivityRow, type ChatSessionActivityRowProps, type ChatSessionActivityStatus, ChatSessionActivitySubLine, type ChatSessionActivitySubLineProps, ChatSessionComposer, type ChatSessionComposerProps, ChatSessionDisclosure, type ChatSessionDisclosureProps, ChatSessionMessage, type ChatSessionMessageAction, ChatSessionMessageOptions, type ChatSessionMessageOptionsProps, type ChatSessionMessageProps, type ChatSessionMessageRole, type ChatSessionMessageStatus, ChatSessionProgressLine, type ChatSessionProgressLineProps, ChatSessionPromptRow, type ChatSessionPromptRowProps, type ChatSessionProps, ChatSessionStatusBar, type ChatSessionStatusBarProps, ChatSessionTaskGroup, type ChatSessionTaskGroupProps, ChatSessionTaskRow, type ChatSessionTaskRowProps, type ChatSessionTaskStatus, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorBoundary, HoverCard, HoverCardContent, HoverCardTrigger, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, MenuItem, type MenuItemProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavBase, NavHorizontal, type NavHorizontalItem, NavHorizontalItems, type NavHorizontalItemsProps, type NavHorizontalProps, type NavItemConfig, NavItems, type NavItemsProps, type NavSection, NavVertical, type NavVerticalItem, NavVerticalItems, type NavVerticalItemsProps, type NavVerticalProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, type NestedMenuProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelContent, type PanelContentProps, PanelStack, type PanelStackProps, type PanelStackSection, Popover, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichSelect, type RichSelectOption, type RichSelectProps, ScrollArea, ScrollBar, SearchInput, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, type TabConfig, TabbedPanel, type TabbedPanelProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, type TourController, type TourProps, type TourReference, type TourStep, TreeItem, TreeView, type TreeViewProps, Typography, TypographyBlockquote, type TypographyBlockquoteProps, TypographyH1, type TypographyH1Props, TypographyH2, type TypographyH2Props, TypographyH3, type TypographyH3Props, TypographyH4, type TypographyH4Props, TypographyH5, type TypographyH5Props, TypographyH6, type TypographyH6Props, TypographyInlineCode, type TypographyInlineCodeProps, TypographyLarge, type TypographyLargeProps, TypographyLead, type TypographyLeadProps, TypographyList, type TypographyListProps, TypographyMuted, type TypographyMutedProps, TypographyP, type TypographyPProps, TypographyPre, type TypographyPreProps, TypographySmall, type TypographySmallProps, UnderDevelopment, type UnderDevelopmentProps, type UseTourOptions, badgeVariants, buttonGroupVariants, buttonVariants, chatSessionGutterClass, cn, navigationMenuTriggerStyle, toggleVariants, useSidebar, useTour };