@workerdeck/ui 1.0.0 → 1.2.0

package/build/index.d.mts

@@ -1,78 +1,52 @@
-import { a as formatDuration, c as formatRelativeTime, d as rateLimitWindowSeconds, f as toolInputPreview, i as formatCountdown, l as formatTokens, n as formatBytes, o as formatRateLimitWindow, r as formatCost, s as formatRateLimitWindowLong, t as formatAgoPrecise, u as friendlyModel } from "./format-B8ZM9LPy.mjs";
-import { C as permissionModeChoices, S as PermissionModeSelectProps, _ as useAffordances, a as SessionVitals, b as PermissionModeMeta, c as TranscriptDensityProvider, d as TranscriptVariantProvider, f as useTranscriptDensity, g as WithActions, h as TerminalAffordances, i as SessionSurfacePanel, l as TranscriptFont, m as CopyAction, n as SessionPanel, o as TerminalMetrics, p as useTranscriptVariant, r as SessionPanelProps, s as TranscriptDensity, t as SessionControls, u as TranscriptVariant, v as PERMISSION_MODES, w as permissionModeMeta, x as PermissionModeSelect, y as PermissionModeChoice } from "./SessionPanel-E_L_ldQ5.mjs";
-import * as _$react from "react";
+import { a as formatCountdown, c as formatRateLimitWindowLong, d as friendlyModel, f as rateLimitWindowSeconds, i as formatCost, l as formatRelativeTime, n as formatAgoPrecise, o as formatDuration, p as toolInputPreview, r as formatBytes, s as formatRateLimitWindow, u as formatTokens } from "./format-C4h4jZL_.mjs";
+import { C as permissionModeChoices, S as PermissionModeSelectProps, _ as useAffordances, a as SessionVitals, b as PermissionModeMeta, c as TranscriptDensityProvider, d as TranscriptVariantProvider, f as useTranscriptDensity, g as WithActions, h as TerminalAffordances, i as SessionSurfacePanel, l as TranscriptFont, m as CopyAction, n as SessionPanel, o as TerminalMetrics, p as useTranscriptVariant, r as SessionPanelProps, s as TranscriptDensity, t as SessionControls, u as TranscriptVariant, v as PERMISSION_MODES, w as permissionModeMeta, x as PermissionModeSelect, y as PermissionModeChoice } from "./SessionPanel-yNO60Tzw.mjs";
 import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, InputHTMLAttributes, ReactElement, ReactNode, Ref, RefObject, TextareaHTMLAttributes } from "react";
 import { VariantProps } from "class-variance-authority";
 import { ClassValue } from "clsx";
-import * as _$_base_ui_react_select0 from "@base-ui/react/select";
 import { Select as Select$1 } from "@base-ui/react/select";
 import { LucideIcon } from "lucide-react";
-import * as _$_base_ui_react_alert_dialog0 from "@base-ui/react/alert-dialog";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 import { Menu as Menu$1 } from "@base-ui/react/menu";
-import * as _$_base_ui_react_dialog0 from "@base-ui/react/dialog";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
-import * as _$_base_ui_react_tooltip0 from "@base-ui/react/tooltip";
 import { Tooltip } from "@base-ui/react/tooltip";
 import { toast } from "sonner";
 import { ContextReading, ContextUsage, FilePatch, ModelOption, PermissionRequest, ProfileEngine, ProjectIcon as ProjectIcon$1, QuestionBehavior, RateLimitInfo, SessionInfo, SessionRow, SessionStatus, SkillInfo, SlashCommandInfo, UsageWindowRow, UserQuestion, ViewConfig, WorkspaceScope } from "@workerdeck/protocol";
 import { ConnectionState, TranscriptItem, TranscriptState, UseAttachmentsResult } from "@workerdeck/react";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 import { WorkerDeckClient } from "@workerdeck/client";
-
 //#region src/components/ui/Button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+  variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
   size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-sm" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {}
-declare const Button: _$react.ForwardRefExoticComponent<ButtonProps & _$react.RefAttributes<HTMLButtonElement>>;
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/ui/Badge.d.ts
 declare const badgeVariants: (props?: ({
   variant?: "neutral" | "accent" | "success" | "warning" | "danger" | "info" | null | undefined;
   mono?: boolean | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
   dot?: boolean;
 }
-declare function Badge({
-  className,
-  variant,
-  mono,
-  dot,
-  children,
-  ...props
-}: BadgeProps): _$react.JSX.Element;
+declare function Badge({ className, variant, mono, dot, children, ...props }: BadgeProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/ui/Card.d.ts
-declare function Card({
-  className,
-  ...props
-}: HTMLAttributes<HTMLDivElement>): _$react.JSX.Element;
-declare function CardHeader({
-  className,
-  ...props
-}: HTMLAttributes<HTMLDivElement>): _$react.JSX.Element;
-declare function CardTitle({
-  className,
-  ...props
-}: HTMLAttributes<HTMLHeadingElement>): _$react.JSX.Element;
-declare function CardContent({
-  className,
-  ...props
-}: HTMLAttributes<HTMLDivElement>): _$react.JSX.Element;
+declare function Card({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+declare function CardHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+declare function CardTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>): import("react").JSX.Element;
+declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 //#endregion
 //#region src/components/ui/Input.d.ts
-declare const Input: _$react.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & _$react.RefAttributes<HTMLInputElement>>;
+declare const Input: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/ui/Textarea.d.ts
-declare const Textarea: _$react.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & _$react.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 //#region src/components/ui/Select.d.ts
 declare const Select: typeof Select$1.Root;
-declare const SelectValue: _$react.ForwardRefExoticComponent<Omit<_$_base_ui_react_select0.SelectValueProps, "ref"> & _$react.RefAttributes<HTMLSpanElement>>;
-declare const SelectItemText: _$react.NamedExoticComponent<Omit<_$_base_ui_react_select0.SelectItemTextProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/select").SelectValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const SelectItemText: import("react").NamedExoticComponent<Omit<import("@base-ui/react/select").SelectItemTextProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const SelectTrigger: FunctionComponent<Select$1.Trigger.Props>;
 declare const SelectContent: FunctionComponent<Select$1.Popup.Props & Pick<Select$1.Positioner.Props, 'align' | 'alignItemWithTrigger' | 'side' | 'sideOffset'>>;
 declare const SelectItem: FunctionComponent<Select$1.Item.Props>;
@@ -80,13 +54,13 @@ declare const SelectItem: FunctionComponent<Select$1.Item.Props>;
 //#region src/components/ui/AlertDialog.d.ts
 declare const AlertDialog: typeof AlertDialog$1.Root;
 declare const AlertDialogTrigger: AlertDialog$1.Trigger;
-declare const AlertDialogClose: _$react.ForwardRefExoticComponent<Omit<_$_base_ui_react_alert_dialog0.AlertDialogCloseProps, "ref"> & _$react.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogClose: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/alert-dialog").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogContent: FunctionComponent<AlertDialog$1.Popup.Props>;
 declare const AlertDialogTitle: FunctionComponent<AlertDialog$1.Title.Props>;
 declare const AlertDialogDescription: FunctionComponent<AlertDialog$1.Description.Props>;
 //#endregion
 //#region src/components/ui/Menu.d.ts
-declare const Menu: <Payload>(props: Menu$1.Root.Props<Payload>) => _$react.JSX.Element;
+declare const Menu: <Payload>(props: Menu$1.Root.Props<Payload>) => import("react").JSX.Element;
 declare const MenuTrigger: Menu$1.Trigger;
 declare const MenuContent: FunctionComponent<Menu$1.Popup.Props & Pick<Menu$1.Positioner.Props, 'align' | 'side' | 'sideOffset'>>;
 declare const MenuItem: FunctionComponent<Menu$1.Item.Props & {
@@ -97,7 +71,7 @@ declare const MenuSeparator: FunctionComponent<Menu$1.Separator.Props>;
 //#region src/components/ui/Dialog.d.ts
 declare const Dialog: typeof Dialog$1.Root;
 declare const DialogTrigger: Dialog$1.Trigger;
-declare const DialogClose: _$react.ForwardRefExoticComponent<Omit<_$_base_ui_react_dialog0.DialogCloseProps, "ref"> & _$react.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/dialog").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 declare const DialogContent: FunctionComponent<Dialog$1.Popup.Props & {
   size?: 'sm' | 'md' | 'lg';
 }>;
@@ -114,43 +88,29 @@ declare const DialogRow: FunctionComponent<{
 }>;
 //#endregion
 //#region src/components/ui/Tooltip.d.ts
-declare const TooltipProvider: _$react.FC<_$_base_ui_react_tooltip0.TooltipProviderProps>;
+declare const TooltipProvider: import("react").FC<import("@base-ui/react/tooltip").TooltipProviderProps>;
 declare const TooltipContent: FunctionComponent<Tooltip.Popup.Props & Pick<Tooltip.Positioner.Props, 'side' | 'sideOffset'>>;
-declare function Tip({
-  content,
-  render,
-  side,
-  children
-}: {
+declare function Tip({ content, render, side, children }: {
   content: ReactNode;
   render?: ReactElement;
   side?: 'top' | 'right' | 'bottom' | 'left';
   children?: ReactNode;
-}): _$react.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 //#region src/components/ui/Sonner.d.ts
-declare function Toaster(): _$react.JSX.Element;
+declare function Toaster(): import("react").JSX.Element;
 //#endregion
 //#region src/components/ui/CopyButton.d.ts
 interface CopyButtonProps extends Omit<ButtonProps, 'onClick' | 'children'> {
   value: string;
   glyph?: boolean;
 }
-declare function CopyButton({
-  value,
-  glyph,
-  className,
-  variant,
-  size,
-  ...props
-}: CopyButtonProps): _$react.JSX.Element;
+declare function CopyButton({ value, glyph, className, variant, size, ...props }: CopyButtonProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/ui/Spinner.d.ts
-declare function Spinner({
-  className
-}: {
+declare function Spinner({ className }: {
   className?: string;
-}): _$react.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 //#region src/components/ui/CodeBlock.d.ts
 interface CodeBlockProps {
@@ -160,13 +120,7 @@ interface CodeBlockProps {
   variant?: 'panel' | 'plain';
   className?: string;
 }
-declare function CodeBlock({
-  code,
-  label,
-  copyable,
-  variant,
-  className
-}: CodeBlockProps): _$react.JSX.Element;
+declare function CodeBlock({ code, label, copyable, variant, className }: CodeBlockProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/ui/Splitter.d.ts
 interface SplitterProps {
@@ -181,38 +135,19 @@ interface SplitterProps {
   'aria-label': string;
   className?: string;
 }
-declare function Splitter({
-  orientation,
-  value,
-  onValueChange,
-  min,
-  max,
-  step,
-  defaultValue,
-  inverted,
-  'aria-label': label,
-  className
-}: SplitterProps): _$react.JSX.Element;
+declare function Splitter({ orientation, value, onValueChange, min, max, step, defaultValue, inverted, 'aria-label': label, className }: SplitterProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/ui/Empty.d.ts
-declare function Empty({
-  icon,
-  title,
-  description,
-  action,
-  onAction
-}: {
+declare function Empty({ icon, title, description, action, onAction }: {
   icon: ReactNode;
   title: string;
   description?: ReactNode;
   action?: string;
   onAction?: () => void;
-}): _$react.JSX.Element;
-declare function EmptyKey({
-  children
-}: {
+}): import("react").JSX.Element;
+declare function EmptyKey({ children }: {
   children: ReactNode;
-}): _$react.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 //#region src/components/ui/ProgressRing.d.ts
 interface ProgressRingProps {
@@ -221,12 +156,7 @@ interface ProgressRingProps {
   strokeWidth?: number;
   className?: string;
 }
-declare function ProgressRing({
-  value,
-  size,
-  strokeWidth,
-  className
-}: ProgressRingProps): _$react.JSX.Element;
+declare function ProgressRing({ value, size, strokeWidth, className }: ProgressRingProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/prompt-area/types.d.ts
 /**
@@ -245,10 +175,14 @@ type TextSegment = {
   text: string;
 };
 type ChipSegment = {
-  type: 'chip'; /** The trigger character that created this chip (e.g., '@', '#') */
-  trigger: string; /** The resolved value/ID (e.g., user ID, file ID) */
-  value: string; /** The display text shown in the chip */
-  displayText: string; /** Optional data payload attached to the chip */
+  type: 'chip';
+  /** The trigger character that created this chip (e.g., '@', '#') */
+  trigger: string;
+  /** The resolved value/ID (e.g., user ID, file ID) */
+  value: string;
+  /** The display text shown in the chip */
+  displayText: string;
+  /** Optional data payload attached to the chip */
   data?: unknown;
   /**
    * True when this chip was auto-created by pressing space (resolveOnSpace).
@@ -282,18 +216,26 @@ type ChipStyle = 'pill' | 'inline';
  * A suggestion item shown in the trigger dropdown.
  */
 type TriggerSuggestion = {
-  /** Unique value/ID for this suggestion */value: string; /** Display label shown in the dropdown */
-  label: string; /** Optional description shown below the label */
-  description?: string; /** Optional icon element rendered before the label */
-  icon?: React.ReactNode; /** Optional arbitrary data passed through on selection */
+  /** Unique value/ID for this suggestion */
+  value: string;
+  /** Display label shown in the dropdown */
+  label: string;
+  /** Optional description shown below the label */
+  description?: string;
+  /** Optional icon element rendered before the label */
+  icon?: React.ReactNode;
+  /** Optional arbitrary data passed through on selection */
   data?: unknown;
 };
 /**
  * Configuration for a trigger character.
  */
 type TriggerConfig = {
-  /** The trigger character (e.g., '/', '@', '#') */char: string; /** Where this trigger is valid */
-  position: TriggerPosition; /** How this trigger behaves */
+  /** The trigger character (e.g., '/', '@', '#') */
+  char: string;
+  /** Where this trigger is valid */
+  position: TriggerPosition;
+  /** How this trigger behaves */
   mode: TriggerMode;
   /**
    * For 'dropdown' mode: called with the current query to fetch suggestions.
@@ -352,8 +294,10 @@ type TriggerConfig = {
    * - 'pill' (default): Button-like pill with background, padding, border-radius
    * - 'inline': Bold inline text without pill styling
    */
-  chipStyle?: ChipStyle; /** CSS class name(s) applied to chips created by this trigger */
-  chipClassName?: string; /** Label used for accessibility (e.g., "mention", "command") */
+  chipStyle?: ChipStyle;
+  /** CSS class name(s) applied to chips created by this trigger */
+  chipClassName?: string;
+  /** Label used for accessibility (e.g., "mention", "command") */
   accessibilityLabel?: string;
   /**
    * Debounce delay in milliseconds before calling `onSearch`.
@@ -376,8 +320,11 @@ type TriggerConfig = {
  * Context passed to callback-mode trigger handlers.
  */
 type TriggerActivateContext = {
-  /** The full plain text content at the time of activation */text: string; /** The cursor offset position */
-  cursorPosition: number; /** Function to insert a chip at the current cursor position */
+  /** The full plain text content at the time of activation */
+  text: string;
+  /** The cursor offset position */
+  cursorPosition: number;
+  /** Function to insert a chip at the current cursor position */
   insertChip: (chip: Omit<ChipSegment, 'type'>) => void;
 };
 /**
@@ -385,9 +332,13 @@ type TriggerActivateContext = {
  * State is managed externally by the parent component.
  */
 type PromptAreaImage = {
-  /** Unique identifier for this image */id: string; /** URL to display (CDN URL or temporary blob URL for preview) */
-  url: string; /** Optional alt text for accessibility */
-  alt?: string; /** When true, shows a loading indicator over the thumbnail */
+  /** Unique identifier for this image */
+  id: string;
+  /** URL to display (CDN URL or temporary blob URL for preview) */
+  url: string;
+  /** Optional alt text for accessibility */
+  alt?: string;
+  /** When true, shows a loading indicator over the thumbnail */
   loading?: boolean;
 };
 /**
@@ -395,22 +346,34 @@ type PromptAreaImage = {
  * State is managed externally by the parent component.
  */
 type PromptAreaFile = {
-  /** Unique identifier for this file */id: string; /** Display filename (e.g., "report.pdf") */
-  name: string; /** File size in bytes */
-  size?: number; /** MIME type (used for icon selection, e.g., "application/pdf") */
-  type?: string; /** When true, shows a loading indicator over the file card */
+  /** Unique identifier for this file */
+  id: string;
+  /** Display filename (e.g., "report.pdf") */
+  name: string;
+  /** File size in bytes */
+  size?: number;
+  /** MIME type (used for icon selection, e.g., "application/pdf") */
+  type?: string;
+  /** When true, shows a loading indicator over the file card */
   loading?: boolean;
 };
 /**
  * Props for the PromptArea component.
  */
 type PromptAreaProps = {
-  /** The document segments (controlled) */value: Segment[]; /** Called when the content changes */
-  onChange: (segments: Segment[]) => void; /** Trigger configurations */
-  triggers?: TriggerConfig[]; /** Placeholder text when empty. Pass an array of strings to animate between them. */
-  placeholder?: string | string[]; /** Additional CSS class for the container */
-  className?: string; /** Whether the input is disabled */
-  disabled?: boolean; /** Whether to render simple inline markdown (bold, italic, URLs, lists) */
+  /** The document segments (controlled) */
+  value: Segment[];
+  /** Called when the content changes */
+  onChange: (segments: Segment[]) => void;
+  /** Trigger configurations */
+  triggers?: TriggerConfig[];
+  /** Placeholder text when empty. Pass an array of strings to animate between them. */
+  placeholder?: string | string[];
+  /** Additional CSS class for the container */
+  className?: string;
+  /** Whether the input is disabled */
+  disabled?: boolean;
+  /** Whether to render simple inline markdown (bold, italic, URLs, lists) */
   markdown?: boolean;
   /**
    * When markdown is on, the editor rewrites typed list markers (`- ` / `* `)
@@ -418,20 +381,31 @@ type PromptAreaProps = {
    * marker in the value/`onChange` text — needed when a host renders the output
    * as real markdown, where `•` is not a valid list marker. Default `true`.
    */
-  normalizeBullets?: boolean; /** Called when Enter is pressed (without Shift) */
-  onSubmit?: (segments: Segment[]) => void; /** Called when Escape is pressed */
-  onEscape?: () => void; /** Called when a chip element is clicked. Receives the chip's segment data. */
-  onChipClick?: (chip: ChipSegment) => void; /** Called when a new chip is added (dropdown selection, auto-resolve, paste, or imperative insert) */
-  onChipAdd?: (chip: ChipSegment) => void; /** Called when a chip is deleted (backspace or forward delete) */
-  onChipDelete?: (chip: ChipSegment) => void; /** Called when a URL link is clicked. Receives the URL string. */
-  onLinkClick?: (url: string) => void; /** Called after content is pasted. Receives the resulting segments and the paste source. */
+  normalizeBullets?: boolean;
+  /** Called when Enter is pressed (without Shift) */
+  onSubmit?: (segments: Segment[]) => void;
+  /** Called when Escape is pressed */
+  onEscape?: () => void;
+  /** Called when a chip element is clicked. Receives the chip's segment data. */
+  onChipClick?: (chip: ChipSegment) => void;
+  /** Called when a new chip is added (dropdown selection, auto-resolve, paste, or imperative insert) */
+  onChipAdd?: (chip: ChipSegment) => void;
+  /** Called when a chip is deleted (backspace or forward delete) */
+  onChipDelete?: (chip: ChipSegment) => void;
+  /** Called when a URL link is clicked. Receives the URL string. */
+  onLinkClick?: (url: string) => void;
+  /** Called after content is pasted. Receives the resulting segments and the paste source. */
   onPaste?: (data: {
     segments: Segment[];
     source: 'internal' | 'external';
-  }) => void; /** Called after an undo operation. Receives the restored segments. */
-  onUndo?: (segments: Segment[]) => void; /** Called after a redo operation. Receives the restored segments. */
-  onRedo?: (segments: Segment[]) => void; /** Minimum height in pixels */
-  minHeight?: number; /** Maximum height in pixels */
+  }) => void;
+  /** Called after an undo operation. Receives the restored segments. */
+  onUndo?: (segments: Segment[]) => void;
+  /** Called after a redo operation. Receives the restored segments. */
+  onRedo?: (segments: Segment[]) => void;
+  /** Minimum height in pixels */
+  minHeight?: number;
+  /** Maximum height in pixels */
   maxHeight?: number;
   /**
    * Maximum number of plain-text characters allowed, enforced on typed input:
@@ -444,19 +418,32 @@ type PromptAreaProps = {
    * bypass it, so a programmatic write can exceed the cap until the next
    * keystroke truncates.
    */
-  maxLength?: number; /** Auto-focus on mount */
-  autoFocus?: boolean; /** When true, the area auto-grows to fit content on focus and shrinks on blur */
-  autoGrow?: boolean; /** Accessible label for the input */
-  'aria-label'?: string; /** data-test-id for e2e testing */
-  'data-test-id'?: string; /** Array of image attachments to display */
-  images?: PromptAreaImage[]; /** Where to render the image strip relative to the text area. Defaults to 'above'. */
-  imagePosition?: 'above' | 'below'; /** Called when the user pastes an image from clipboard. Receives the File object. */
-  onImagePaste?: (file: File) => void; /** Called when the user clicks the remove button on an image */
-  onImageRemove?: (image: PromptAreaImage) => void; /** Called when the user clicks an image thumbnail */
-  onImageClick?: (image: PromptAreaImage) => void; /** Array of file attachments to display */
-  files?: PromptAreaFile[]; /** Where to render the file strip relative to the text area. Defaults to 'above'. */
-  filePosition?: 'above' | 'below'; /** Called when the user clicks the remove button on a file */
-  onFileRemove?: (file: PromptAreaFile) => void; /** Called when the user clicks a file attachment */
+  maxLength?: number;
+  /** Auto-focus on mount */
+  autoFocus?: boolean;
+  /** When true, the area auto-grows to fit content on focus and shrinks on blur */
+  autoGrow?: boolean;
+  /** Accessible label for the input */
+  'aria-label'?: string;
+  /** data-test-id for e2e testing */
+  'data-test-id'?: string;
+  /** Array of image attachments to display */
+  images?: PromptAreaImage[];
+  /** Where to render the image strip relative to the text area. Defaults to 'above'. */
+  imagePosition?: 'above' | 'below';
+  /** Called when the user pastes an image from clipboard. Receives the File object. */
+  onImagePaste?: (file: File) => void;
+  /** Called when the user clicks the remove button on an image */
+  onImageRemove?: (image: PromptAreaImage) => void;
+  /** Called when the user clicks an image thumbnail */
+  onImageClick?: (image: PromptAreaImage) => void;
+  /** Array of file attachments to display */
+  files?: PromptAreaFile[];
+  /** Where to render the file strip relative to the text area. Defaults to 'above'. */
+  filePosition?: 'above' | 'below';
+  /** Called when the user clicks the remove button on a file */
+  onFileRemove?: (file: PromptAreaFile) => void;
+  /** Called when the user clicks a file attachment */
   onFileClick?: (file: PromptAreaFile) => void;
   /**
    * Called on keydown before PromptArea's own handling. Call `preventDefault()`
@@ -481,18 +468,25 @@ type PromptAreaProps = {
    * to make Enter insert a newline instead (e.g. on touch devices where submit
    * is a dedicated button).
    */
-  submitOnEnter?: boolean; /** Forwarded to the editable element. */
-  spellCheck?: boolean; /** Forwarded to the editable element as `aria-describedby`. */
+  submitOnEnter?: boolean;
+  /** Forwarded to the editable element. */
+  spellCheck?: boolean;
+  /** Forwarded to the editable element as `aria-describedby`. */
   'aria-describedby'?: string;
 };
 /**
  * Ref handle exposed by PromptArea via useImperativeHandle.
  */
 type PromptAreaHandle = {
-  /** Focus the editable area */focus: () => void; /** Blur the editable area */
-  blur: () => void; /** Insert a chip at the current cursor position */
-  insertChip: (chip: Omit<ChipSegment, 'type'>) => void; /** Get the current plain text (without chip markup) */
-  getPlainText: () => string; /** Clear all content */
+  /** Focus the editable area */
+  focus: () => void;
+  /** Blur the editable area */
+  blur: () => void;
+  /** Insert a chip at the current cursor position */
+  insertChip: (chip: Omit<ChipSegment, 'type'>) => void;
+  /** Get the current plain text (without chip markup) */
+  getPlainText: () => string;
+  /** Clear all content */
   clear: () => void;
   /**
    * Replace all content with plain text (chips dropped), caret moved to the
@@ -503,14 +497,19 @@ type PromptAreaHandle = {
    * Append plain text at the end (existing chips preserved), caret moved to the
    * end. Not capped by `maxLength` (see its docs); undoable.
    */
-  appendText: (text: string) => void; /** Caret offset in plain-text characters, or null when unavailable. */
-  getCursorPosition: () => number | null; /** Move the caret to a plain-text offset. */
-  setCursorPosition: (offset: number) => void; /** Move the caret to the end of the content. */
-  setCursorToEnd: () => void; /** Current selection as plain-text offsets, or null when there is none. */
+  appendText: (text: string) => void;
+  /** Caret offset in plain-text characters, or null when unavailable. */
+  getCursorPosition: () => number | null;
+  /** Move the caret to a plain-text offset. */
+  setCursorPosition: (offset: number) => void;
+  /** Move the caret to the end of the content. */
+  setCursorToEnd: () => void;
+  /** Current selection as plain-text offsets, or null when there is none. */
   getSelection: () => {
     start: number;
     end: number;
-  } | null; /** Set the selection between two plain-text offsets. */
+  } | null;
+  /** Set the selection between two plain-text offsets. */
   setSelection: (start: number, end: number) => void;
 };
 //#endregion
@@ -540,69 +539,41 @@ type PromptAreaHandle = {
  * />
  * ```
  */
-declare function PromptArea({
-  value,
-  onChange,
-  triggers,
-  placeholder,
-  className,
-  disabled,
-  markdown,
-  normalizeBullets,
-  onSubmit,
-  onEscape,
-  onChipClick,
-  onChipAdd,
-  onChipDelete,
-  onLinkClick,
-  onPaste,
-  onUndo,
-  onRedo,
-  minHeight,
-  maxHeight,
-  autoFocus,
-  autoGrow,
-  'aria-label': ariaLabel,
-  'data-test-id': dataTestId,
-  images,
-  imagePosition,
-  onImagePaste,
-  onImageRemove,
-  onImageClick,
-  files,
-  filePosition,
-  onFileRemove,
-  onFileClick,
-  onKeyDown,
-  onBlur,
-  onRawPaste,
-  submitOnEnter,
-  spellCheck,
-  maxLength,
-  'aria-describedby': ariaDescribedBy,
-  ref
-}: PromptAreaProps & {
+declare function PromptArea({ value, onChange, triggers, placeholder, className, disabled, markdown, normalizeBullets, onSubmit, onEscape, onChipClick, onChipAdd, onChipDelete, onLinkClick, onPaste, onUndo, onRedo, minHeight, maxHeight, autoFocus, autoGrow, 'aria-label': ariaLabel, 'data-test-id': dataTestId, images, imagePosition, onImagePaste, onImageRemove, onImageClick, files, filePosition, onFileRemove, onFileClick, onKeyDown, onBlur, onRawPaste, submitOnEnter, spellCheck, maxLength, 'aria-describedby': ariaDescribedBy, ref }: PromptAreaProps & {
   ref?: React.Ref<PromptAreaHandle>;
-}): _$react.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 //#region src/components/prompt-area/use-prompt-area-state.d.ts
 type UsePromptAreaStateOptions = {
-  /** Initial segment value. Defaults to `[]`. */initialValue?: Segment[];
+  /** Initial segment value. Defaults to `[]`. */
+  initialValue?: Segment[];
 };
 type PromptAreaBind = {
-  /** Ref to attach to PromptArea — gives access to imperative methods. */ref: React.RefObject<PromptAreaHandle | null>; /** Current segment array — pass as `value` prop. */
-  value: Segment[]; /** Setter — pass as `onChange` prop. */
+  /** Ref to attach to PromptArea — gives access to imperative methods. */
+  ref: React.RefObject<PromptAreaHandle | null>;
+  /** Current segment array — pass as `value` prop. */
+  value: Segment[];
+  /** Setter — pass as `onChange` prop. */
   onChange: (segments: Segment[]) => void;
 };
 type PromptAreaState = {
-  /** Props to spread directly onto `<PromptArea {...bind} />`. Contains ref, value, and onChange. */bind: PromptAreaBind; /** Derived plain text representation of the current value. */
-  plainText: string; /** `true` when the value is empty or whitespace-only. */
-  isEmpty: boolean; /** `true` when the value contains at least one chip. */
-  hasChips: boolean; /** All chip segments in the current value. */
-  chips: ChipSegment[]; /** Clear all content (both state and the editor DOM). */
-  clear: () => void; /** Focus the editor. */
-  focus: () => void; /** Blur the editor. */
-  blur: () => void; /** Insert a chip at the current cursor position. */
+  /** Props to spread directly onto `<PromptArea {...bind} />`. Contains ref, value, and onChange. */
+  bind: PromptAreaBind;
+  /** Derived plain text representation of the current value. */
+  plainText: string;
+  /** `true` when the value is empty or whitespace-only. */
+  isEmpty: boolean;
+  /** `true` when the value contains at least one chip. */
+  hasChips: boolean;
+  /** All chip segments in the current value. */
+  chips: ChipSegment[];
+  /** Clear all content (both state and the editor DOM). */
+  clear: () => void;
+  /** Focus the editor. */
+  focus: () => void;
+  /** Blur the editor. */
+  blur: () => void;
+  /** Insert a chip at the current cursor position. */
   insertChip: (chip: Omit<ChipSegment, 'type'>) => void;
 };
 declare function usePromptAreaState(options?: UsePromptAreaStateOptions): PromptAreaState;
@@ -610,7 +581,8 @@ declare function usePromptAreaState(options?: UsePromptAreaStateOptions): Prompt
 //#region src/components/prompt-area/trigger-presets.d.ts
 type TriggerPresetOptions = Omit<Partial<TriggerConfig>, 'char' | 'position' | 'mode'>;
 type MentionTriggerOptions = TriggerPresetOptions & {
-  /** Override the trigger character. Defaults to `'@'`. */char?: string;
+  /** Override the trigger character. Defaults to `'@'`. */
+  char?: string;
 };
 /**
  * Creates a **mention** trigger (`@`).
@@ -620,7 +592,8 @@ type MentionTriggerOptions = TriggerPresetOptions & {
  */
 declare function mentionTrigger(opts?: MentionTriggerOptions): TriggerConfig;
 type CommandTriggerOptions = TriggerPresetOptions & {
-  /** Override the trigger character. Defaults to `'/'`. */char?: string;
+  /** Override the trigger character. Defaults to `'/'`. */
+  char?: string;
   /**
    * Where the command trigger is valid. Defaults to `'any'`, so commands fire
    * anywhere a `/` follows whitespace — not just at the start of a line.
@@ -640,7 +613,8 @@ type CommandTriggerOptions = TriggerPresetOptions & {
  */
 declare function commandTrigger(opts?: CommandTriggerOptions): TriggerConfig;
 type HashtagTriggerOptions = TriggerPresetOptions & {
-  /** Override the trigger character. Defaults to `'#'`. */char?: string;
+  /** Override the trigger character. Defaults to `'#'`. */
+  char?: string;
 };
 /**
  * Creates a **hashtag / tag** trigger (`#`).
@@ -706,30 +680,7 @@ interface TranscriptProps {
   emptyState?: ReactNode;
   className?: string;
 }
-declare function Transcript({
-  state,
-  fileUrl,
-  attachmentUrl,
-  canBrowseFiles,
-  hostImage,
-  variant,
-  density,
-  fontSize,
-  lineHeight,
-  affordances,
-  stickyPrompt,
-  scrubber,
-  bookmarks,
-  replaying,
-  catchUp,
-  jumpToRecapRef,
-  repinRef,
-  reveal,
-  frame,
-  onOpenSubagent,
-  emptyState,
-  className
-}: TranscriptProps): _$react.JSX.Element;
+declare function Transcript({ state, fileUrl, attachmentUrl, canBrowseFiles, hostImage, variant, density, fontSize, lineHeight, affordances, stickyPrompt, scrubber, bookmarks, replaying, catchUp, jumpToRecapRef, repinRef, reveal, frame, onOpenSubagent, emptyState, className }: TranscriptProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/terminal/surface.d.ts
 interface TerminalSurfaceProps extends HTMLAttributes<HTMLDivElement> {
@@ -738,16 +689,7 @@ interface TerminalSurfaceProps extends HTMLAttributes<HTMLDivElement> {
   bleed?: string;
   affordances?: TerminalAffordances | boolean;
 }
-declare function TerminalSurface({
-  fontSize,
-  lineHeight,
-  bleed,
-  affordances,
-  className,
-  style,
-  children,
-  ...props
-}: TerminalSurfaceProps): _$react.JSX.Element;
+declare function TerminalSurface({ fontSize, lineHeight, bleed, affordances, className, style, children, ...props }: TerminalSurfaceProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/terminal/TerminalTranscript.d.ts
 interface TerminalTranscriptProps {
@@ -758,21 +700,11 @@ interface TerminalTranscriptProps {
   affordances?: TerminalAffordances | boolean;
   className?: string;
 }
-declare function TerminalItemView({
-  item,
-  fileUrl
-}: {
+declare function TerminalItemView({ item, fileUrl }: {
   item: TranscriptItem;
   fileUrl?: (path: string) => string;
-}): _$react.JSX.Element | null;
-declare function TerminalTranscript({
-  state,
-  fileUrl,
-  fontSize,
-  lineHeight,
-  affordances,
-  className
-}: TerminalTranscriptProps): _$react.JSX.Element;
+}): import("react").JSX.Element | null;
+declare function TerminalTranscript({ state, fileUrl, fontSize, lineHeight, affordances, className }: TerminalTranscriptProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/terminal/StatusLine.d.ts
 interface TerminalStatusLineProps {
@@ -784,15 +716,7 @@ interface TerminalStatusLineProps {
   onOpenContext?: () => void;
   onOpenUsage?: () => void;
 }
-declare function TerminalStatusLine({
-  className,
-  state,
-  rateLimits,
-  connection,
-  onOpenStatus,
-  onOpenContext,
-  onOpenUsage
-}: TerminalStatusLineProps): _$react.JSX.Element;
+declare function TerminalStatusLine({ className, state, rateLimits, connection, onOpenStatus, onOpenContext, onOpenUsage }: TerminalStatusLineProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/terminal/PermissionPrompt.d.ts
 interface TerminalPermissionPromptProps {
@@ -801,12 +725,7 @@ interface TerminalPermissionPromptProps {
   onDeny: (requestId: string, message?: string, interrupt?: boolean) => void;
   className?: string;
 }
-declare function TerminalPermissionPrompt({
-  request,
-  onApprove,
-  onDeny,
-  className
-}: TerminalPermissionPromptProps): _$react.JSX.Element;
+declare function TerminalPermissionPrompt({ request, onApprove, onDeny, className }: TerminalPermissionPromptProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/terminal/QuestionPrompt.d.ts
 interface TerminalQuestionPromptProps {
@@ -815,20 +734,13 @@ interface TerminalQuestionPromptProps {
   onDismiss: (requestId: string, message?: string) => void;
   className?: string;
 }
-declare function TerminalQuestionPrompt({
-  request,
-  onAnswer,
-  onDismiss,
-  className
-}: TerminalQuestionPromptProps): _$react.JSX.Element;
+declare function TerminalQuestionPrompt({ request, onAnswer, onDismiss, className }: TerminalQuestionPromptProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/terminal/diff.d.ts
 declare function previewPatch(input: unknown): FilePatch | undefined;
-declare function TerminalDiff({
-  patch
-}: {
+declare function TerminalDiff({ patch }: {
   patch: FilePatch;
-}): _$react.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 //#region src/components/terminal/markdown.d.ts
 interface TerminalMarkdownProps {
@@ -836,11 +748,7 @@ interface TerminalMarkdownProps {
   streaming?: boolean;
   className?: string;
 }
-declare const TerminalMarkdown: _$react.MemoExoticComponent<({
-  children,
-  streaming,
-  className
-}: TerminalMarkdownProps) => _$react.JSX.Element>;
+declare const TerminalMarkdown: import("react").MemoExoticComponent<({ children, streaming, className }: TerminalMarkdownProps) => import("react").JSX.Element>;
 //#endregion
 //#region src/components/terminal/row.d.ts
 type Tone = 'fg' | 'bright' | 'dim' | 'faint' | 'mark' | 'blue' | 'green' | 'red' | 'yellow' | 'magenta';
@@ -853,69 +761,32 @@ interface RowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
   columns?: number;
   children?: ReactNode;
 }
-declare function Row({
-  glyph,
-  glyphTone,
-  tone,
-  bold,
-  indent,
-  columns,
-  className,
-  children,
-  style,
-  ...props
-}: RowProps): _$react.JSX.Element;
-declare function Blank(): _$react.JSX.Element;
-declare function Band({
-  className,
-  ...props
-}: HTMLAttributes<HTMLDivElement>): _$react.JSX.Element;
-declare function Ink({
-  tone,
-  bold,
-  className,
-  ...props
-}: HTMLAttributes<HTMLSpanElement> & {
+declare function Row({ glyph, glyphTone, tone, bold, indent, columns, className, children, style, ...props }: RowProps): import("react").JSX.Element;
+declare function Blank(): import("react").JSX.Element;
+declare function Band({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+declare function Ink({ tone, bold, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
   tone?: Tone;
   bold?: boolean;
-}): _$react.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/Conversation.d.ts
 interface ConversationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
   children: ReactNode;
 }
-declare function Conversation({
-  className,
-  children,
-  ...props
-}: ConversationProps): _$react.JSX.Element;
-declare function ConversationContent({
-  className,
-  children,
-  ...props
-}: HTMLAttributes<HTMLDivElement> & {
+declare function Conversation({ className, children, ...props }: ConversationProps): import("react").JSX.Element;
+declare function ConversationContent({ className, children, ...props }: HTMLAttributes<HTMLDivElement> & {
   children: ReactNode;
-}): _$react.JSX.Element;
-declare function ConversationScrollButton({
-  className
-}: {
+}): import("react").JSX.Element;
+declare function ConversationScrollButton({ className }: {
   className?: string;
-}): _$react.JSX.Element | null;
+}): import("react").JSX.Element | null;
 //#endregion
 //#region src/components/agent/Message.d.ts
 interface MessageProps extends HTMLAttributes<HTMLDivElement> {
   from: 'user' | 'assistant';
 }
-declare function Message({
-  from,
-  className,
-  children,
-  ...props
-}: MessageProps): _$react.JSX.Element;
-declare function MessageContent({
-  className,
-  ...props
-}: HTMLAttributes<HTMLDivElement>): _$react.JSX.Element;
+declare function Message({ from, className, children, ...props }: MessageProps): import("react").JSX.Element;
+declare function MessageContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/Response.d.ts
 interface ResponseProps {
@@ -923,11 +794,7 @@ interface ResponseProps {
   streaming?: boolean;
   className?: string;
 }
-declare const Response: _$react.MemoExoticComponent<({
-  children,
-  streaming,
-  className
-}: ResponseProps) => _$react.JSX.Element>;
+declare const Response: import("react").MemoExoticComponent<({ children, streaming, className }: ResponseProps) => import("react").JSX.Element>;
 //#endregion
 //#region src/components/agent/Reasoning.d.ts
 interface ReasoningProps {
@@ -936,12 +803,7 @@ interface ReasoningProps {
   defaultOpen?: boolean;
   className?: string;
 }
-declare function Reasoning({
-  children,
-  isStreaming,
-  defaultOpen,
-  className
-}: ReasoningProps): _$react.JSX.Element | null;
+declare function Reasoning({ children, isStreaming, defaultOpen, className }: ReasoningProps): import("react").JSX.Element | null;
 //#endregion
 //#region src/components/agent/Loader.d.ts
 interface LoaderProps {
@@ -950,10 +812,7 @@ interface LoaderProps {
   tokens?: number;
   className?: string;
 }
-declare function Loader({
-  label,
-  className
-}: LoaderProps): _$react.JSX.Element;
+declare function Loader({ label, className }: LoaderProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/ToolCallCard.d.ts
 type ToolCallItem = Extract<TranscriptItem, {
@@ -964,11 +823,7 @@ interface ToolCallCardProps {
   hostImage?: (path: string) => Promise<string | undefined>;
   className?: string;
 }
-declare function ToolCallCard({
-  item,
-  hostImage,
-  className
-}: ToolCallCardProps): _$react.JSX.Element;
+declare function ToolCallCard({ item, hostImage, className }: ToolCallCardProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/FileCard.d.ts
 type FileDeliveredItem = Extract<TranscriptItem, {
@@ -979,11 +834,7 @@ interface FileCardProps {
   href?: string;
   className?: string;
 }
-declare function FileCard({
-  item,
-  href,
-  className
-}: FileCardProps): _$react.JSX.Element;
+declare function FileCard({ item, href, className }: FileCardProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/PermissionPrompt.d.ts
 interface PermissionPromptProps {
@@ -992,12 +843,7 @@ interface PermissionPromptProps {
   onDeny: (requestId: string, message?: string, interrupt?: boolean) => void;
   className?: string;
 }
-declare function PermissionPrompt({
-  request,
-  onApprove,
-  onDeny,
-  className
-}: PermissionPromptProps): _$react.JSX.Element;
+declare function PermissionPrompt({ request, onApprove, onDeny, className }: PermissionPromptProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/QuestionPrompt.d.ts
 type QuestionBehaviorMeta = {
@@ -1013,12 +859,7 @@ interface QuestionPromptProps {
   onDismiss: (requestId: string, message?: string) => void;
   className?: string;
 }
-declare function QuestionPrompt({
-  request,
-  onAnswer,
-  onDismiss,
-  className
-}: QuestionPromptProps): _$react.JSX.Element;
+declare function QuestionPrompt({ request, onAnswer, onDismiss, className }: QuestionPromptProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/Composer.d.ts
 type ComposerFileMatch = {
@@ -1059,25 +900,7 @@ interface ComposerProps {
   ref?: Ref<ComposerHandle>;
 }
 declare function skillPrompt(skill: SkillInfo): string;
-declare function Composer({
-  onSend,
-  onInterrupt,
-  busy,
-  disabled,
-  placeholder,
-  commands,
-  skills,
-  onSearchFiles,
-  attachments,
-  toolbar,
-  layout,
-  fontSize,
-  lineHeight,
-  affordances,
-  draft,
-  className,
-  ref
-}: ComposerProps): _$react.JSX.Element;
+declare function Composer({ onSend, onInterrupt, busy, disabled, placeholder, commands, skills, onSearchFiles, attachments, toolbar, layout, fontSize, lineHeight, affordances, draft, className, ref }: ComposerProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/ModelSelect.d.ts
 interface ModelSelectProps {
@@ -1088,14 +911,7 @@ interface ModelSelectProps {
   disabled?: boolean;
   className?: string;
 }
-declare function ModelSelect({
-  models,
-  model,
-  onModelChange,
-  variant,
-  disabled,
-  className
-}: ModelSelectProps): _$react.JSX.Element;
+declare function ModelSelect({ models, model, onModelChange, variant, disabled, className }: ModelSelectProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/StatusBar.d.ts
 interface StatusBarProps {
@@ -1112,19 +928,7 @@ interface StatusBarProps {
   placement?: 'top' | 'bottom';
   className?: string;
 }
-declare function StatusBar({
-  state,
-  rateLimits,
-  connected,
-  connection,
-  onOpenStatus,
-  onOpenContext,
-  onOpenUsage,
-  controls,
-  actions,
-  placement,
-  className
-}: StatusBarProps): _$react.JSX.Element;
+declare function StatusBar({ state, rateLimits, connected, connection, onOpenStatus, onOpenContext, onOpenUsage, controls, actions, placement, className }: StatusBarProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/ContextDialog.d.ts
 interface ContextDialogProps {
@@ -1133,12 +937,7 @@ interface ContextDialogProps {
   onOpenChange: (open: boolean) => void;
   className?: string;
 }
-declare function ContextDialog({
-  usage,
-  open,
-  onOpenChange,
-  className
-}: ContextDialogProps): _$react.JSX.Element;
+declare function ContextDialog({ usage, open, onOpenChange, className }: ContextDialogProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/UsageDialog.d.ts
 interface UsageDialogProps {
@@ -1151,28 +950,15 @@ interface UsageDialogProps {
   onOpenChange: (open: boolean) => void;
   className?: string;
 }
-declare function UsageDialog({
-  rateLimits,
-  subscriptionType,
-  engine,
-  totalCostUsd,
-  updatedAt,
-  open,
-  onOpenChange,
-  className
-}: UsageDialogProps): _$react.JSX.Element;
+declare function UsageDialog({ rateLimits, subscriptionType, engine, totalCostUsd, updatedAt, open, onOpenChange, className }: UsageDialogProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/UsageMeters.d.ts
 declare function useMinuteClock(active?: boolean): number;
-declare function UsageMeters({
-  windows,
-  now,
-  className
-}: {
+declare function UsageMeters({ windows, now, className }: {
   windows: UsageWindowRow[];
   now?: number;
   className?: string;
-}): _$react.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/SessionInfoDialog.d.ts
 interface SessionInfoDialogProps {
@@ -1182,13 +968,7 @@ interface SessionInfoDialogProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
 }
-declare function SessionInfoDialog({
-  state,
-  client,
-  sessionId,
-  open,
-  onOpenChange
-}: SessionInfoDialogProps): _$react.JSX.Element;
+declare function SessionInfoDialog({ state, client, sessionId, open, onOpenChange }: SessionInfoDialogProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/McpDialog.d.ts
 interface McpDialogProps {
@@ -1199,14 +979,7 @@ interface McpDialogProps {
   canManageServers?: boolean;
   className?: string;
 }
-declare function McpDialog({
-  client,
-  sessionId,
-  open,
-  onOpenChange,
-  canManageServers,
-  className
-}: McpDialogProps): _$react.JSX.Element;
+declare function McpDialog({ client, sessionId, open, onOpenChange, canManageServers, className }: McpDialogProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/SkillsDialog.d.ts
 interface SkillsDialogProps {
@@ -1216,13 +989,7 @@ interface SkillsDialogProps {
   onUse?: (skill: SkillInfo) => void;
   className?: string;
 }
-declare function SkillsDialog({
-  skills,
-  open,
-  onOpenChange,
-  onUse,
-  className
-}: SkillsDialogProps): _$react.JSX.Element;
+declare function SkillsDialog({ skills, open, onOpenChange, onUse, className }: SkillsDialogProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/HostFilesDialog.d.ts
 interface HostFilesDialogProps {
@@ -1231,12 +998,7 @@ interface HostFilesDialogProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
 }
-declare function HostFilesDialog({
-  client,
-  cwd,
-  open,
-  onOpenChange
-}: HostFilesDialogProps): _$react.JSX.Element;
+declare function HostFilesDialog({ client, cwd, open, onOpenChange }: HostFilesDialogProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/SessionList.d.ts
 interface SessionListItemProps {
@@ -1246,13 +1008,7 @@ interface SessionListItemProps {
   onDelete?: (id: string) => void;
   className?: string;
 }
-declare function SessionListItem({
-  session,
-  active,
-  onSelect,
-  onDelete,
-  className
-}: SessionListItemProps): _$react.JSX.Element;
+declare function SessionListItem({ session, active, onSelect, onDelete, className }: SessionListItemProps): import("react").JSX.Element;
 interface SessionListProps {
   sessions: SessionInfo[];
   activeId?: string;
@@ -1261,23 +1017,13 @@ interface SessionListProps {
   emptyText?: string;
   className?: string;
 }
-declare function SessionList({
-  sessions,
-  activeId,
-  onSelect,
-  onDelete,
-  emptyText,
-  className
-}: SessionListProps): _$react.JSX.Element;
+declare function SessionList({ sessions, activeId, onSelect, onDelete, emptyText, className }: SessionListProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/SessionStatusIcon.d.ts
-declare function SessionStatusIcon({
-  row,
-  className
-}: {
+declare function SessionStatusIcon({ row, className }: {
   row: SessionRow;
   className?: string;
-}): _$react.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/SessionBrowser.d.ts
 interface SessionBrowserProps {
@@ -1299,24 +1045,7 @@ interface SessionBrowserProps {
   className?: string;
 }
 declare function rowShapeClass(active: boolean): string;
-declare function SessionBrowser({
-  rows,
-  config,
-  onConfigChange,
-  scope,
-  activeId,
-  activeSubagentId,
-  onSelect,
-  onDelete,
-  onRename,
-  onClearContext,
-  onSelectSubagent,
-  onRevealStep,
-  emptyState,
-  showControls,
-  projectIcons,
-  className
-}: SessionBrowserProps): _$react.JSX.Element;
+declare function SessionBrowser({ rows, config, onConfigChange, scope, activeId, activeSubagentId, onSelect, onDelete, onRename, onClearContext, onSelectSubagent, onRevealStep, emptyState, showControls, projectIcons, className }: SessionBrowserProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/SessionItem.d.ts
 interface SessionItemProps {
@@ -1338,39 +1067,17 @@ interface SessionItemProps {
   actions?: ReactNode;
   className?: string;
 }
-declare function SessionItem({
-  row,
-  active,
-  activeStepKey,
-  showGateway,
-  showProject,
-  projectIcons,
-  expanded,
-  onExpandedChange,
-  onSelect,
-  onSelectSubagent,
-  onRevealStep,
-  onRename,
-  renameOn,
-  editing,
-  onEditingChange,
-  actions,
-  className
-}: SessionItemProps): _$react.JSX.Element;
+declare function SessionItem({ row, active, activeStepKey, showGateway, showProject, projectIcons, expanded, onExpandedChange, onSelect, onSelectSubagent, onRevealStep, onRename, renameOn, editing, onEditingChange, actions, className }: SessionItemProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/EngineIcon.d.ts
 declare function engineMark(engine: string, model?: string): string | undefined;
 declare function vendorMarkClass(engine: string, model?: string): string;
 declare function vendorTextClass(engine: string, model?: string): string;
-declare function EngineIcon({
-  engine,
-  model,
-  className
-}: {
+declare function EngineIcon({ engine, model, className }: {
   engine: string;
   model?: string;
   className?: string;
-}): _$react.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/SessionSteps.d.ts
 type Step = {
@@ -1385,39 +1092,21 @@ type Step = {
 };
 declare function sessionSteps(info: SessionInfo, onSelect: (toolUseId: string, kind: Step['kind']) => void): Step[];
 declare function runningSteps(steps: readonly Step[]): number;
-declare function StepToggle({
-  expanded,
-  running,
-  total,
-  noun,
-  onToggle
-}: {
+declare function StepToggle({ expanded, running, total, noun, onToggle }: {
   expanded: boolean;
   running: number;
   total: number;
   noun: string;
   onToggle: () => void;
-}): _$react.JSX.Element;
-declare function StepRow({
-  step,
-  active,
-  onSelect
-}: {
+}): import("react").JSX.Element;
+declare function StepRow({ step, active, onSelect }: {
   step: Step;
   active?: boolean;
   onSelect: () => void;
-}): _$react.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/SubagentStrip.d.ts
-declare function SubagentStrip({
-  task,
-  items,
-  label,
-  onBack,
-  terminal,
-  fontSize,
-  lineHeight
-}: {
+declare function SubagentStrip({ task, items, label, onBack, terminal, fontSize, lineHeight }: {
   task: ToolCallItem$1 | undefined;
   items: readonly TranscriptItem[];
   label: string;
@@ -1425,20 +1114,15 @@ declare function SubagentStrip({
   terminal: boolean;
   fontSize?: number;
   lineHeight?: number;
-}): _$react.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/ProjectIcon.d.ts
-declare function ProjectIcon({
-  icon,
-  src,
-  name,
-  className
-}: {
+declare function ProjectIcon({ icon, src, name, className }: {
   icon: ProjectIcon$1 | undefined;
   src?: string;
   name?: string;
   className?: string;
-}): _$react.JSX.Element | null;
+}): import("react").JSX.Element | null;
 //#endregion
 //#region src/components/agent/SessionEmptyState.d.ts
 interface SessionEmptyStateProps {
@@ -1448,22 +1132,13 @@ interface SessionEmptyStateProps {
   canBrowseFiles?: boolean;
   className?: string;
 }
-declare function SessionEmptyState({
-  cwd,
-  hasCommands,
-  hasSkills,
-  canBrowseFiles,
-  className
-}: SessionEmptyStateProps): _$react.JSX.Element;
+declare function SessionEmptyState({ cwd, hasCommands, hasSkills, canBrowseFiles, className }: SessionEmptyStateProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/PromptTokenText.d.ts
-declare function PromptTokenText({
-  text,
-  className
-}: {
+declare function PromptTokenText({ text, className }: {
   text: string;
   className?: string;
-}): _$react.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/status.d.ts
 declare const STATUS_META: Record<SessionStatus, {
@@ -1473,15 +1148,11 @@ declare const STATUS_META: Record<SessionStatus, {
 }>;
 //#endregion
 //#region src/components/agent/ContextRing.d.ts
-declare function ContextRing({
-  usage,
-  size,
-  className
-}: {
+declare function ContextRing({ usage, size, className }: {
   usage: ContextReading | undefined;
   size?: number;
   className?: string;
-}): _$react.JSX.Element | null;
+}): import("react").JSX.Element | null;
 //#endregion
 //#region src/lib/utils.d.ts
 declare function cn(...inputs: ClassValue[]): string;