@signalflare-ai/ui 0.5.0

package/dist/command-palette-CBTY8EiF.js

@@ -0,0 +1,484 @@
+"use client";
+import { t as cn } from "./cn-YROP2_ox.js";
+import { t as Loader } from "./loader-DAcc-Uag.js";
+import { t as Surface } from "./surface-BduI7Ehl.js";
+import { createContext, forwardRef, useCallback, useContext, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRightIcon, ArrowSquareOutIcon, CaretRightIcon, MagnifyingGlassIcon } from "@phosphor-icons/react";
+import { Dialog } from "@base-ui/react/dialog";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/command-palette/command-palette.tsx
+var DialogContext = createContext({});
+/**
+* Dialog component - Modal wrapper for command palette content.
+*
+* Use this when you need a dialog that can swap between different Panel contents
+* without re-mounting (e.g., drill-down navigation).
+*
+* @example
+* ```tsx
+* <CommandPalette.Dialog open={open} onOpenChange={setOpen}>
+*   {showDrillDown ? (
+*     <ZonePicker />
+*   ) : (
+*     <CommandPalette.Panel items={results} ...>
+*       ...
+*     </CommandPalette.Panel>
+*   )}
+* </CommandPalette.Dialog>
+* ```
+*/
+function Dialog$1({ open, onOpenChange, onBackdropClick, children }) {
+	const handleBackdropClick = (e) => {
+		if (onBackdropClick) onBackdropClick(e);
+		else onOpenChange(false);
+	};
+	const handleClose = useCallback(() => {
+		onOpenChange(false);
+	}, [onOpenChange]);
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open,
+		onOpenChange,
+		modal: true,
+		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {
+			className: "fixed inset-0 bg-sf-overlay opacity-80 transition-all duration-150 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
+			onClick: handleBackdropClick
+		}), /* @__PURE__ */ jsx(Surface, {
+			as: Dialog.Popup,
+			className: cn("fixed top-[10vh] left-1/2 w-full max-w-2xl -translate-x-1/2", "overflow-hidden rounded-lg", "duration-150 data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[starting-style]:scale-90 data-[starting-style]:opacity-0"),
+			style: {
+				transitionProperty: "scale, opacity",
+				transitionTimingFunction: "var(--default-transition-timing-function)"
+			},
+			children: /* @__PURE__ */ jsx(DialogContext.Provider, {
+				value: { onClose: handleClose },
+				children
+			})
+		})] })
+	});
+}
+/**
+* Root component - Dialog + Panel combined for simple use cases.
+*
+* For cases where you need to swap content inside the dialog without
+* re-mounting (e.g., drill-down navigation), use Dialog + Panel separately.
+*
+* Keyboard navigation is always enabled:
+* - Arrow keys (up/down) move highlight
+* - Enter selects highlighted item
+* - Cmd/Ctrl+Enter selects with newTab: true
+* - First item is auto-highlighted when results change
+*/
+function Root({ open, onOpenChange, onBackdropClick, children, items, value, onValueChange, onItemHighlighted, itemToStringValue, filter, onSelect, getSelectableItems }) {
+	return /* @__PURE__ */ jsx(Dialog$1, {
+		open,
+		onOpenChange,
+		onBackdropClick,
+		children: /* @__PURE__ */ jsx(Panel, {
+			items,
+			value,
+			onValueChange,
+			onItemHighlighted,
+			itemToStringValue,
+			filter,
+			open,
+			onSelect,
+			getSelectableItems,
+			children
+		})
+	});
+}
+/**
+* InputHeader component - Internal styled container for search input.
+*/
+function InputHeader({ children, leading, trailing }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-3 bg-sf-elevated px-4 py-3",
+		children: [
+			leading ?? /* @__PURE__ */ jsx(MagnifyingGlassIcon, {
+				className: "h-4 w-4 text-sf-subtle",
+				weight: "bold"
+			}),
+			children,
+			trailing
+		]
+	});
+}
+/**
+* List component - Scrollable results container
+*
+* Wrapper div with proper styling, contains Autocomplete.List internally.
+* Supports ref forwarding for scroll control.
+*/
+var List = forwardRef(function List({ children, className }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("z-10 min-h-0 flex-1 overflow-y-auto rounded-b-lg bg-sf-elevated px-2 py-2 ring-1 ring-sf-line", className),
+		children
+	});
+});
+List.displayName = "CommandPalette.List";
+/**
+* Group component - Category grouping
+*
+* Re-export of Autocomplete.Group with default styling.
+*/
+function Group({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx(Autocomplete.Group, {
+		className: cn("space-y-0.5", className),
+		...props,
+		children
+	});
+}
+/**
+* GroupLabel component - Section header text
+*
+* Re-export of Autocomplete.GroupLabel with styling matching SectionHeader.
+*/
+function GroupLabel({ children, className }) {
+	return /* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
+		className: cn("mb-2 px-2 pt-1 text-xs font-semibold text-sf-strong", className),
+		children
+	});
+}
+/**
+* Item component - Individual result item
+*
+* Re-export of Autocomplete.Item with styling matching SearchResultItem.
+* Note: Use onClick for selection handling, matching the existing CommandPalette pattern.
+*/
+function Item({ value, disabled, children, className, onClick }) {
+	return /* @__PURE__ */ jsx(Autocomplete.Item, {
+		value,
+		disabled,
+		onClick,
+		className: cn("group flex w-full items-center gap-3 px-2 py-1.5 text-left transition-colors", "cursor-pointer data-[highlighted]:bg-sf-overlay", "rounded-lg", disabled && "cursor-default opacity-50", className),
+		children
+	});
+}
+/**
+* Empty component - Empty state when no results
+*
+* Re-export of Autocomplete.Empty with default styling.
+*/
+function Empty({ children }) {
+	return /* @__PURE__ */ jsx(Autocomplete.Empty, { children: /* @__PURE__ */ jsx("div", {
+		className: "p-8 text-center",
+		children: /* @__PURE__ */ jsx("p", {
+			className: "text-sf-strong",
+			children: children ?? "No results found"
+		})
+	}) });
+}
+/**
+* Loading component - Loading spinner state
+*
+* Centered loading spinner using SF Loader.
+*/
+function Loading({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-center p-8",
+		children: children ?? /* @__PURE__ */ jsx(Loader, { size: 24 })
+	});
+}
+/**
+* Footer component - Styled container for keyboard hints or other footer content.
+*
+* Children are required - this is just a styled container.
+* Consumers should provide their own keyboard hints with proper i18n.
+*/
+function Footer({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-between rounded-b-lg bg-sf-elevated px-4 py-3 text-xs text-sf-strong",
+		children
+	});
+}
+/**
+* HighlightedText - Renders text with highlighted portions based on match indices.
+* Highlighted text is shown with a background color to indicate matches.
+*/
+function HighlightedText({ text, highlights, className }) {
+	if (!highlights || highlights.length === 0) return /* @__PURE__ */ jsx("span", {
+		className,
+		children: text
+	});
+	const sortedHighlights = [...highlights].sort((a, b) => a[0] - b[0]);
+	const mergedHighlights = [];
+	for (const range of sortedHighlights) {
+		const last = mergedHighlights[mergedHighlights.length - 1];
+		if (last && range[0] <= last[1] + 1) last[1] = Math.max(last[1], range[1]);
+		else mergedHighlights.push([...range]);
+	}
+	const parts = [];
+	let lastIndex = 0;
+	mergedHighlights.forEach((range, i) => {
+		const [start, end] = range;
+		if (start > lastIndex) parts.push(/* @__PURE__ */ jsx("span", { children: text.slice(lastIndex, start) }, `text-${i}`));
+		parts.push(/* @__PURE__ */ jsx("mark", {
+			className: "rounded-sm bg-sf-warning/50 text-sf-default",
+			children: text.slice(start, end + 1)
+		}, `highlight-${i}`));
+		lastIndex = end + 1;
+	});
+	if (lastIndex < text.length) parts.push(/* @__PURE__ */ jsx("span", { children: text.slice(lastIndex) }, "text-end"));
+	return /* @__PURE__ */ jsx("span", {
+		className,
+		children: parts
+	});
+}
+/**
+* ResultItem - Rich item component with breadcrumbs, highlights, icons, and external indicators.
+*
+* Use this for search result items that need breadcrumb navigation, text highlighting,
+* or external link indicators. For simple items, use Item instead.
+*/
+function ResultItem({ title, breadcrumbs, titleHighlights, breadcrumbHighlights, description, icon, value, onClick, showArrow = true, external = false, nonInteractive = false }) {
+	return /* @__PURE__ */ jsxs(Autocomplete.Item, {
+		value,
+		onClick: nonInteractive ? void 0 : (e) => onClick(e),
+		className: cn("group flex w-full items-center gap-3 rounded-lg px-2 py-1.5 text-left transition-colors", nonInteractive ? "cursor-default" : "cursor-pointer data-[highlighted]:bg-sf-overlay"),
+		children: [
+			icon && /* @__PURE__ */ jsx("div", {
+				className: "flex flex-shrink-0 items-center text-sf-subtle",
+				children: icon
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2 truncate",
+					children: [
+						breadcrumbs?.map((crumb, index) => /* @__PURE__ */ jsxs("span", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx(HighlightedText, {
+								text: crumb,
+								highlights: breadcrumbHighlights?.[index],
+								className: "text-base text-sf-default"
+							}), /* @__PURE__ */ jsx(CaretRightIcon, {
+								className: "h-3 w-3 flex-shrink-0 text-sf-subtle",
+								weight: "bold"
+							})]
+						}, index)),
+						/* @__PURE__ */ jsx(HighlightedText, {
+							text: title,
+							highlights: titleHighlights,
+							className: "text-base text-sf-default"
+						}),
+						external && /* @__PURE__ */ jsx(ArrowSquareOutIcon, { className: "h-3.5 w-3.5 flex-shrink-0 text-sf-subtle" }),
+						description && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+							className: "text-sf-strong",
+							children: "—"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "truncate text-sm text-sf-strong",
+							children: description
+						})] })
+					]
+				})
+			}),
+			showArrow && !external && !nonInteractive && /* @__PURE__ */ jsx(ArrowRightIcon, { className: "h-4 w-4 flex-shrink-0 text-sf-subtle opacity-0 transition-opacity group-data-[highlighted]:opacity-100" })
+		]
+	});
+}
+/**
+* Container component - Internal styled wrapper.
+*/
+function Container({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex max-h-[60vh] flex-col overflow-hidden rounded-lg bg-sf-elevated", className),
+		children
+	});
+}
+var PanelContext = createContext({});
+/**
+* Panel component - Command palette without dialog wrapper.
+*
+* Use this when you need to render command palette content inside an existing dialog
+* (e.g., for drill-down navigation where the dialog stays open but content changes).
+*
+* Combines Container + Autocomplete functionality with a clean API.
+*
+* @example
+* ```tsx
+* <DialogRoot open={open} onOpenChange={setOpen}>
+*   <Dialog>
+*     <CommandPalette.Panel
+*       items={results}
+*       value={searchTerm}
+*       onValueChange={setSearchTerm}
+*       itemToStringValue={(group) => group.label}
+*     >
+*       <CommandPalette.Input placeholder="Search..." />
+*       <CommandPalette.List>
+*         <CommandPalette.Results>
+*           {(group) => (
+*             <CommandPalette.Group items={group.items}>
+*               <CommandPalette.GroupLabel>{group.label}</CommandPalette.GroupLabel>
+*               <CommandPalette.Items>
+*                 {(item) => <CommandPalette.ResultItem ... />}
+*               </CommandPalette.Items>
+*             </CommandPalette.Group>
+*           )}
+*         </CommandPalette.Results>
+*         <CommandPalette.Empty>No results</CommandPalette.Empty>
+*       </CommandPalette.List>
+*       <CommandPalette.Footer>...</CommandPalette.Footer>
+*     </CommandPalette.Panel>
+*   </Dialog>
+* </DialogRoot>
+* ```
+*/
+var defaultFilter = () => true;
+function Panel({ children, items, value, onValueChange, onItemHighlighted, itemToStringValue, filter = defaultFilter, open = true, className, onSelect, getSelectableItems }) {
+	const highlightedIndexRef = useRef(-1);
+	const handleItemHighlighted = useCallback((item, details) => {
+		highlightedIndexRef.current = details.index;
+		onItemHighlighted?.(item, details);
+	}, [onItemHighlighted]);
+	const handleInputKeyDown = useCallback((e) => {
+		const isEnter = e.key === "Enter";
+		const withModifier = e.metaKey || e.ctrlKey;
+		if (isEnter && withModifier && onSelect && getSelectableItems) {
+			const highlightedItem = getSelectableItems(items)[highlightedIndexRef.current];
+			if (highlightedItem !== void 0) {
+				e.preventDefault();
+				onSelect(highlightedItem, { newTab: true });
+			}
+		}
+	}, [
+		items,
+		onSelect,
+		getSelectableItems
+	]);
+	return /* @__PURE__ */ jsx(Container, {
+		className,
+		children: /* @__PURE__ */ jsx(Autocomplete.Root, {
+			items,
+			value,
+			onValueChange,
+			onItemHighlighted: handleItemHighlighted,
+			itemToStringValue,
+			filter,
+			autoHighlight: "always",
+			keepHighlight: true,
+			open,
+			children: /* @__PURE__ */ jsx(PanelContext.Provider, {
+				value: { onInputKeyDown: handleInputKeyDown },
+				children
+			})
+		})
+	});
+}
+/**
+* PanelInput component - Input that works inside Panel.
+*
+* Similar to Input but designed for use with Panel instead of Root.
+* Automatically wires up Cmd/Ctrl+Enter handling from Panel.
+*/
+function PanelInput({ autoFocus = true, placeholder, className, onKeyDown: onKeyDownProp, leading, trailing, ...props }) {
+	const { onInputKeyDown } = useContext(PanelContext);
+	const { onClose } = useContext(DialogContext);
+	const handleKeyDown = useCallback((e) => {
+		onKeyDownProp?.(e);
+		if (e.defaultPrevented) return;
+		if (e.key === "Escape" && onClose) {
+			e.preventDefault();
+			onClose();
+			return;
+		}
+		onInputKeyDown?.(e);
+	}, [
+		onInputKeyDown,
+		onKeyDownProp,
+		onClose
+	]);
+	return /* @__PURE__ */ jsx(InputHeader, {
+		leading,
+		trailing,
+		children: /* @__PURE__ */ jsx(Autocomplete.Input, {
+			placeholder,
+			className: cn("flex-1 border-none bg-transparent text-base placeholder:text-sf-subtle", "outline-none focus-visible:outline-none", className),
+			onKeyDown: handleKeyDown,
+			autoFocus,
+			...props
+		})
+	});
+}
+/**
+* Render prop iterators - wrap base-ui primitives with cleaner names.
+*/
+/**
+* Results component - Render prop iterator for groups.
+*
+* Wraps Autocomplete.List with default spacing between groups.
+*/
+function Results({ children, className }) {
+	return /* @__PURE__ */ jsx(Autocomplete.List, {
+		className: cn("space-y-3", className),
+		children
+	});
+}
+var Items = Autocomplete.Collection;
+/** CommandPalette variant definitions (no user-facing variants; structure reserved for future use). */
+var SF_COMMAND_PALETTE_VARIANTS = {};
+var SF_COMMAND_PALETTE_DEFAULT_VARIANTS = {};
+/**
+* CommandPalette — accessible command palette / spotlight search overlay.
+*
+* Compound component: `CommandPalette.Root` (or `.Dialog` + `.Panel`),
+* `.Input`, `.List`, `.Results`, `.Items`, `.Group`, `.GroupLabel`,
+* `.Item`, `.ResultItem`, `.HighlightedText`, `.Empty`, `.Loading`, `.Footer`.
+*
+* Built on `@base-ui/react/autocomplete` + `@base-ui/react/dialog`.
+*
+* @example
+* ```tsx
+* <CommandPalette.Root
+*   open={open}
+*   onOpenChange={setOpen}
+*   items={results}
+*   value={query}
+*   onValueChange={setQuery}
+*   itemToStringValue={(g) => g.label}
+*   onSelect={(item, { newTab }) => navigate(item, newTab)}
+*   getSelectableItems={(groups) => groups.flatMap((g) => g.items)}
+* >
+*   <CommandPalette.Input placeholder="Search…" />
+*   <CommandPalette.List>
+*     <CommandPalette.Results>
+*       {(group) => (
+*         <CommandPalette.Group items={group.items}>
+*           <CommandPalette.GroupLabel>{group.label}</CommandPalette.GroupLabel>
+*           <CommandPalette.Items>
+*             {(item) => (
+*               <CommandPalette.ResultItem title={item.title} value={item} onClick={…} />
+*             )}
+*           </CommandPalette.Items>
+*         </CommandPalette.Group>
+*       )}
+*     </CommandPalette.Results>
+*     <CommandPalette.Empty>No results found</CommandPalette.Empty>
+*   </CommandPalette.List>
+*   <CommandPalette.Footer>…keyboard hints…</CommandPalette.Footer>
+* </CommandPalette.Root>
+* ```
+*/
+var CommandPalette = {
+	Dialog: Dialog$1,
+	Root,
+	Panel,
+	Input: PanelInput,
+	List,
+	Group,
+	GroupLabel,
+	Item,
+	ResultItem,
+	HighlightedText,
+	Empty,
+	Loading,
+	Footer,
+	Results,
+	Items
+};
+//#endregion
+export { SF_COMMAND_PALETTE_DEFAULT_VARIANTS as n, SF_COMMAND_PALETTE_VARIANTS as r, CommandPalette as t };
+
+//# sourceMappingURL=command-palette-CBTY8EiF.js.map

package/dist/command-palette-CBTY8EiF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette-CBTY8EiF.js","names":[],"sources":["../src/components/command-palette/command-palette.tsx"],"sourcesContent":["import { Autocomplete } from \"@base-ui/react/autocomplete\";\nimport { Dialog as DialogBase } from \"@base-ui/react/dialog\";\nimport {\n  MagnifyingGlassIcon,\n  ArrowRightIcon,\n  ArrowSquareOutIcon,\n  CaretRightIcon,\n} from \"@phosphor-icons/react\";\nimport {\n  useRef,\n  useCallback,\n  createContext,\n  useContext,\n  forwardRef,\n  type CSSProperties,\n} from \"react\";\n\nimport { cn } from \"../../utils\";\nimport { Loader } from \"../loader\";\nimport { Surface } from \"../surface\";\nimport type {\n  HighlightRange,\n  CommandPaletteRootProps,\n  CommandPaletteListProps,\n  CommandPaletteGroupProps,\n  CommandPaletteGroupLabelProps,\n  CommandPaletteItemProps,\n  CommandPaletteEmptyProps,\n  CommandPaletteLoadingProps,\n  CommandPaletteFooterProps,\n  CommandPaletteResultItemProps,\n} from \"./types\";\n\n/**\n * CommandPalette - A composable command palette component for SF\n *\n * Uses @base-ui/react/autocomplete primitives for accessible command palette functionality.\n *\n * Keyboard navigation is built-in:\n * - Arrow keys (up/down) move highlight between items\n * - Enter selects the highlighted item (calls onSelect with newTab: false)\n * - Cmd+Enter (Mac) / Ctrl+Enter (Windows/Linux) selects with newTab: true\n * - First item is auto-highlighted when results change\n * - Escape closes the dialog\n *\n * Usage:\n * ```tsx\n * <CommandPalette.Root\n *   open={open}\n *   onOpenChange={setOpen}\n *   items={results}\n *   value={searchTerm}\n *   onValueChange={setSearchTerm}\n *   itemToStringValue={(group) => group.label}\n *   onSelect={(item, { newTab }) => handleSelect(item, newTab)}\n *   getSelectableItems={(groups) => groups.flatMap(g => g.items)}\n * >\n *   <CommandPalette.Input placeholder=\"Search...\" />\n *   <CommandPalette.List>\n *     <Autocomplete.List>\n *       {(group) => (\n *         <CommandPalette.Group items={group.items}>\n *           <CommandPalette.GroupLabel>{group.label}</CommandPalette.GroupLabel>\n *           <Autocomplete.Collection>\n *             {(item) => (\n *               <CommandPalette.Item value={item} onClick={(e) => handleSelect(item, e.metaKey || e.ctrlKey)}>\n *                 {item.title}\n *               </CommandPalette.Item>\n *             )}\n *           </Autocomplete.Collection>\n *         </CommandPalette.Group>\n *       )}\n *     </Autocomplete.List>\n *     <CommandPalette.Empty>No results found</CommandPalette.Empty>\n *   </CommandPalette.List>\n *   <CommandPalette.Footer />\n * </CommandPalette.Root>\n * ```\n */\n\n/**\n * Dialog context for passing close handler to children\n */\ninterface DialogContextValue {\n  onClose?: () => void;\n}\n\nconst DialogContext = createContext<DialogContextValue>({});\n\n/**\n * Props for the Dialog component\n */\ninterface DialogProps {\n  /** Whether the dialog is open */\n  open: boolean;\n  /** Callback when the open state changes */\n  onOpenChange: (open: boolean) => void;\n  /**\n   * Optional callback when backdrop is clicked.\n   * Receives the mouse event for position tracking (e.g., for ripple effects).\n   * If not provided, backdrop click calls onOpenChange(false).\n   */\n  onBackdropClick?: (e: React.MouseEvent) => void;\n  /** Child content - typically one or more Panel components */\n  children: React.ReactNode;\n}\n\n/**\n * Dialog component - Modal wrapper for command palette content.\n *\n * Use this when you need a dialog that can swap between different Panel contents\n * without re-mounting (e.g., drill-down navigation).\n *\n * @example\n * ```tsx\n * <CommandPalette.Dialog open={open} onOpenChange={setOpen}>\n *   {showDrillDown ? (\n *     <ZonePicker />\n *   ) : (\n *     <CommandPalette.Panel items={results} ...>\n *       ...\n *     </CommandPalette.Panel>\n *   )}\n * </CommandPalette.Dialog>\n * ```\n */\nfunction Dialog({\n  open,\n  onOpenChange,\n  onBackdropClick,\n  children,\n}: DialogProps) {\n  const handleBackdropClick = (e: React.MouseEvent) => {\n    if (onBackdropClick) {\n      onBackdropClick(e);\n    } else {\n      onOpenChange(false);\n    }\n  };\n\n  const handleClose = useCallback(() => {\n    onOpenChange(false);\n  }, [onOpenChange]);\n\n  return (\n    <DialogBase.Root open={open} onOpenChange={onOpenChange} modal>\n      <DialogBase.Portal>\n        <DialogBase.Backdrop\n          className=\"fixed inset-0 bg-sf-overlay opacity-80 transition-all duration-150 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0\"\n          onClick={handleBackdropClick}\n        />\n        <Surface\n          as={DialogBase.Popup}\n          className={cn(\n            \"fixed top-[10vh] left-1/2 w-full max-w-2xl -translate-x-1/2\",\n            \"overflow-hidden rounded-lg\",\n            \"duration-150 data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[starting-style]:scale-90 data-[starting-style]:opacity-0\"\n          )}\n          style={\n            {\n              transitionProperty: \"scale, opacity\",\n              transitionTimingFunction:\n                \"var(--default-transition-timing-function)\",\n            } as CSSProperties\n          }\n        >\n          <DialogContext.Provider value={{ onClose: handleClose }}>\n            {children}\n          </DialogContext.Provider>\n        </Surface>\n      </DialogBase.Portal>\n    </DialogBase.Root>\n  );\n}\n\n/**\n * Root component - Dialog + Panel combined for simple use cases.\n *\n * For cases where you need to swap content inside the dialog without\n * re-mounting (e.g., drill-down navigation), use Dialog + Panel separately.\n *\n * Keyboard navigation is always enabled:\n * - Arrow keys (up/down) move highlight\n * - Enter selects highlighted item\n * - Cmd/Ctrl+Enter selects with newTab: true\n * - First item is auto-highlighted when results change\n */\nfunction Root<TGroup, TItem = TGroup>({\n  open,\n  onOpenChange,\n  onBackdropClick,\n  children,\n  items,\n  value,\n  onValueChange,\n  onItemHighlighted,\n  itemToStringValue,\n  filter,\n  onSelect,\n  getSelectableItems,\n}: CommandPaletteRootProps<TGroup, TItem>) {\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={onOpenChange}\n      onBackdropClick={onBackdropClick}\n    >\n      <Panel\n        items={items}\n        value={value}\n        onValueChange={onValueChange}\n        onItemHighlighted={onItemHighlighted}\n        itemToStringValue={itemToStringValue}\n        filter={filter}\n        open={open}\n        onSelect={onSelect}\n        getSelectableItems={getSelectableItems}\n      >\n        {children}\n      </Panel>\n    </Dialog>\n  );\n}\n\n/**\n * InputHeader component - Internal styled container for search input.\n */\nfunction InputHeader({\n  children,\n  leading,\n  trailing,\n}: {\n  children: React.ReactNode;\n  leading?: React.ReactNode;\n  trailing?: React.ReactNode;\n}) {\n  return (\n    <div className=\"flex items-center gap-3 bg-sf-elevated px-4 py-3\">\n      {leading ?? (\n        <MagnifyingGlassIcon className=\"h-4 w-4 text-sf-subtle\" weight=\"bold\" />\n      )}\n      {children}\n      {trailing}\n    </div>\n  );\n}\n\n/**\n * List component - Scrollable results container\n *\n * Wrapper div with proper styling, contains Autocomplete.List internally.\n * Supports ref forwarding for scroll control.\n */\nconst List = forwardRef<\n  HTMLDivElement,\n  CommandPaletteListProps & { className?: string }\n>(function List({ children, className }, ref) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"z-10 min-h-0 flex-1 overflow-y-auto rounded-b-lg bg-sf-elevated px-2 py-2 ring-1 ring-sf-line\",\n        className\n      )}\n    >\n      {children}\n    </div>\n  );\n});\n\nList.displayName = \"CommandPalette.List\";\n\n/**\n * Group component - Category grouping\n *\n * Re-export of Autocomplete.Group with default styling.\n */\nfunction Group({\n  children,\n  className,\n  ...props\n}: CommandPaletteGroupProps & {\n  className?: string;\n  items?: unknown[];\n}) {\n  return (\n    <Autocomplete.Group className={cn(\"space-y-0.5\", className)} {...props}>\n      {children}\n    </Autocomplete.Group>\n  );\n}\n\n/**\n * GroupLabel component - Section header text\n *\n * Re-export of Autocomplete.GroupLabel with styling matching SectionHeader.\n */\nfunction GroupLabel({\n  children,\n  className,\n}: CommandPaletteGroupLabelProps & { className?: string }) {\n  return (\n    <Autocomplete.GroupLabel\n      className={cn(\n        \"mb-2 px-2 pt-1 text-xs font-semibold text-sf-strong\",\n        className\n      )}\n    >\n      {children}\n    </Autocomplete.GroupLabel>\n  );\n}\n\n/**\n * Item component - Individual result item\n *\n * Re-export of Autocomplete.Item with styling matching SearchResultItem.\n * Note: Use onClick for selection handling, matching the existing CommandPalette pattern.\n */\nfunction Item<T>({\n  value,\n  disabled,\n  children,\n  className,\n  onClick,\n}: CommandPaletteItemProps<T> & {\n  className?: string;\n}) {\n  return (\n    <Autocomplete.Item\n      value={value}\n      disabled={disabled}\n      onClick={onClick}\n      className={cn(\n        \"group flex w-full items-center gap-3 px-2 py-1.5 text-left transition-colors\",\n        \"cursor-pointer data-[highlighted]:bg-sf-overlay\",\n        \"rounded-lg\",\n        disabled && \"cursor-default opacity-50\",\n        className\n      )}\n    >\n      {children}\n    </Autocomplete.Item>\n  );\n}\n\n/**\n * Empty component - Empty state when no results\n *\n * Re-export of Autocomplete.Empty with default styling.\n */\nfunction Empty({ children }: CommandPaletteEmptyProps) {\n  return (\n    <Autocomplete.Empty>\n      <div className=\"p-8 text-center\">\n        <p className=\"text-sf-strong\">{children ?? \"No results found\"}</p>\n      </div>\n    </Autocomplete.Empty>\n  );\n}\n\n/**\n * Loading component - Loading spinner state\n *\n * Centered loading spinner using SF Loader.\n */\nfunction Loading({ children }: CommandPaletteLoadingProps) {\n  return (\n    <div className=\"flex items-center justify-center p-8\">\n      {children ?? <Loader size={24} />}\n    </div>\n  );\n}\n\n/**\n * Footer component - Styled container for keyboard hints or other footer content.\n *\n * Children are required - this is just a styled container.\n * Consumers should provide their own keyboard hints with proper i18n.\n */\nfunction Footer({ children }: CommandPaletteFooterProps) {\n  return (\n    <div className=\"flex items-center justify-between rounded-b-lg bg-sf-elevated px-4 py-3 text-xs text-sf-strong\">\n      {children}\n    </div>\n  );\n}\n\n/**\n * HighlightedText - Renders text with highlighted portions based on match indices.\n * Highlighted text is shown with a background color to indicate matches.\n */\nfunction HighlightedText({\n  text,\n  highlights,\n  className,\n}: {\n  text: string;\n  highlights?: HighlightRange[];\n  className?: string;\n}) {\n  if (!highlights || highlights.length === 0) {\n    return <span className={className}>{text}</span>;\n  }\n\n  // Sort highlights by start index and merge overlapping ranges\n  const sortedHighlights = [...highlights].sort((a, b) => a[0] - b[0]);\n  const mergedHighlights: HighlightRange[] = [];\n\n  for (const range of sortedHighlights) {\n    const last = mergedHighlights[mergedHighlights.length - 1];\n    if (last && range[0] <= last[1] + 1) {\n      // Merge overlapping or adjacent ranges\n      last[1] = Math.max(last[1], range[1]);\n    } else {\n      mergedHighlights.push([...range]);\n    }\n  }\n\n  const parts: React.ReactNode[] = [];\n  let lastIndex = 0;\n\n  mergedHighlights.forEach((range, i) => {\n    const [start, end] = range;\n\n    // Add non-highlighted text before this match\n    if (start > lastIndex) {\n      parts.push(<span key={`text-${i}`}>{text.slice(lastIndex, start)}</span>);\n    }\n\n    // Add highlighted text (end index is inclusive)\n    parts.push(\n      <mark\n        key={`highlight-${i}`}\n        className=\"rounded-sm bg-sf-warning/50 text-sf-default\"\n      >\n        {text.slice(start, end + 1)}\n      </mark>\n    );\n\n    lastIndex = end + 1;\n  });\n\n  // Add remaining non-highlighted text\n  if (lastIndex < text.length) {\n    parts.push(<span key=\"text-end\">{text.slice(lastIndex)}</span>);\n  }\n\n  return <span className={className}>{parts}</span>;\n}\n\n/**\n * ResultItem - Rich item component with breadcrumbs, highlights, icons, and external indicators.\n *\n * Use this for search result items that need breadcrumb navigation, text highlighting,\n * or external link indicators. For simple items, use Item instead.\n */\nfunction ResultItem<T>({\n  title,\n  breadcrumbs,\n  titleHighlights,\n  breadcrumbHighlights,\n  description,\n  icon,\n  value,\n  onClick,\n  showArrow = true,\n  external = false,\n  nonInteractive = false,\n}: CommandPaletteResultItemProps<T>) {\n  return (\n    <Autocomplete.Item\n      value={value}\n      onClick={nonInteractive ? undefined : (e: React.MouseEvent) => onClick(e)}\n      className={cn(\n        \"group flex w-full items-center gap-3 rounded-lg px-2 py-1.5 text-left transition-colors\",\n        nonInteractive\n          ? \"cursor-default\"\n          : \"cursor-pointer data-[highlighted]:bg-sf-overlay\"\n      )}\n    >\n      {icon && (\n        <div className=\"flex flex-shrink-0 items-center text-sf-subtle\">\n          {icon}\n        </div>\n      )}\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center gap-2 truncate\">\n          {breadcrumbs?.map((crumb, index) => (\n            <span key={index} className=\"flex items-center gap-2\">\n              <HighlightedText\n                text={crumb}\n                highlights={breadcrumbHighlights?.[index]}\n                className=\"text-base text-sf-default\"\n              />\n              <CaretRightIcon\n                className=\"h-3 w-3 flex-shrink-0 text-sf-subtle\"\n                weight=\"bold\"\n              />\n            </span>\n          ))}\n          <HighlightedText\n            text={title}\n            highlights={titleHighlights}\n            className=\"text-base text-sf-default\"\n          />\n          {external && (\n            <ArrowSquareOutIcon className=\"h-3.5 w-3.5 flex-shrink-0 text-sf-subtle\" />\n          )}\n          {description && (\n            <>\n              <span className=\"text-sf-strong\">—</span>\n              <span className=\"truncate text-sm text-sf-strong\">\n                {description}\n              </span>\n            </>\n          )}\n        </div>\n      </div>\n      {showArrow && !external && !nonInteractive && (\n        <ArrowRightIcon className=\"h-4 w-4 flex-shrink-0 text-sf-subtle opacity-0 transition-opacity group-data-[highlighted]:opacity-100\" />\n      )}\n    </Autocomplete.Item>\n  );\n}\n\n/**\n * Container component - Internal styled wrapper.\n */\nfunction Container({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        \"flex max-h-[60vh] flex-col overflow-hidden rounded-lg bg-sf-elevated\",\n        className\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * Panel context for passing handlers from Panel to children\n */\ninterface PanelContextValue {\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n}\n\nconst PanelContext = createContext<PanelContextValue>({});\n\n/**\n * Props for the Panel component\n */\ninterface PanelProps<TGroup, TItem = TGroup> {\n  /** Child components (Input, List, Footer, etc.) */\n  children: React.ReactNode;\n  /** Items for the autocomplete */\n  items: TGroup[];\n  /** Controlled input value */\n  value?: string;\n  /** Callback when input value changes */\n  onValueChange?: (value: string) => void;\n  /** Callback when an item is highlighted */\n  onItemHighlighted?: (\n    item: TGroup | undefined,\n    details: { reason: string; event: Event; index: number }\n  ) => void;\n  /** Convert item to string for accessibility */\n  itemToStringValue?: (item: TGroup) => string;\n  /** Custom filter function */\n  filter?: (item: TGroup, query: string) => boolean;\n  /** Whether the panel is active/open (for autocomplete state) */\n  open?: boolean;\n  /** Optional className for the container */\n  className?: string;\n  /**\n   * Callback when an item is selected via Cmd/Ctrl+Enter.\n   * Requires getSelectableItems to be provided.\n   */\n  onSelect?: (item: TItem, options: { newTab: boolean }) => void;\n  /**\n   * Function to get flat list of selectable items from groups.\n   * Required when items are grouped and onSelect is used.\n   */\n  getSelectableItems?: (items: TGroup[]) => TItem[];\n}\n\n/**\n * Panel component - Command palette without dialog wrapper.\n *\n * Use this when you need to render command palette content inside an existing dialog\n * (e.g., for drill-down navigation where the dialog stays open but content changes).\n *\n * Combines Container + Autocomplete functionality with a clean API.\n *\n * @example\n * ```tsx\n * <DialogRoot open={open} onOpenChange={setOpen}>\n *   <Dialog>\n *     <CommandPalette.Panel\n *       items={results}\n *       value={searchTerm}\n *       onValueChange={setSearchTerm}\n *       itemToStringValue={(group) => group.label}\n *     >\n *       <CommandPalette.Input placeholder=\"Search...\" />\n *       <CommandPalette.List>\n *         <CommandPalette.Results>\n *           {(group) => (\n *             <CommandPalette.Group items={group.items}>\n *               <CommandPalette.GroupLabel>{group.label}</CommandPalette.GroupLabel>\n *               <CommandPalette.Items>\n *                 {(item) => <CommandPalette.ResultItem ... />}\n *               </CommandPalette.Items>\n *             </CommandPalette.Group>\n *           )}\n *         </CommandPalette.Results>\n *         <CommandPalette.Empty>No results</CommandPalette.Empty>\n *       </CommandPalette.List>\n *       <CommandPalette.Footer>...</CommandPalette.Footer>\n *     </CommandPalette.Panel>\n *   </Dialog>\n * </DialogRoot>\n * ```\n */\nconst defaultFilter = () => true;\n\nfunction Panel<TGroup, TItem = TGroup>({\n  children,\n  items,\n  value,\n  onValueChange,\n  onItemHighlighted,\n  itemToStringValue,\n  filter = defaultFilter,\n  open = true,\n  className,\n  onSelect,\n  getSelectableItems,\n}: PanelProps<TGroup, TItem>) {\n  const highlightedIndexRef = useRef<number>(-1);\n\n  const handleItemHighlighted = useCallback(\n    (\n      item: TGroup | undefined,\n      details: { reason: string; event: Event; index: number }\n    ) => {\n      highlightedIndexRef.current = details.index;\n      onItemHighlighted?.(item, details);\n    },\n    [onItemHighlighted]\n  );\n\n  // Handle Cmd/Ctrl+Enter for new tab selection\n  const handleInputKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const isEnter = e.key === \"Enter\";\n      const withModifier = e.metaKey || e.ctrlKey;\n\n      if (isEnter && withModifier && onSelect && getSelectableItems) {\n        const selectableItems = getSelectableItems(items);\n        const highlightedItem = selectableItems[highlightedIndexRef.current];\n\n        if (highlightedItem !== undefined) {\n          e.preventDefault();\n          onSelect(highlightedItem, { newTab: true });\n        }\n      }\n    },\n    [items, onSelect, getSelectableItems]\n  );\n\n  return (\n    <Container className={className}>\n      <Autocomplete.Root\n        items={items}\n        value={value}\n        onValueChange={onValueChange}\n        onItemHighlighted={handleItemHighlighted}\n        itemToStringValue={itemToStringValue}\n        filter={filter}\n        autoHighlight=\"always\"\n        keepHighlight\n        open={open}\n      >\n        <PanelContext.Provider value={{ onInputKeyDown: handleInputKeyDown }}>\n          {children}\n        </PanelContext.Provider>\n      </Autocomplete.Root>\n    </Container>\n  );\n}\n\n/**\n * PanelInput component - Input that works inside Panel.\n *\n * Similar to Input but designed for use with Panel instead of Root.\n * Automatically wires up Cmd/Ctrl+Enter handling from Panel.\n */\nfunction PanelInput({\n  autoFocus = true,\n  placeholder,\n  className,\n  onKeyDown: onKeyDownProp,\n  leading,\n  trailing,\n  ...props\n}: {\n  autoFocus?: boolean;\n  placeholder?: string;\n  className?: string;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  /** Optional leading content (e.g., back button) */\n  leading?: React.ReactNode;\n  /** Optional trailing content (e.g., Esc button) */\n  trailing?: React.ReactNode;\n}) {\n  const { onInputKeyDown } = useContext(PanelContext);\n  const { onClose } = useContext(DialogContext);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      // Let consumer handle first (e.g., for custom Escape/Backspace behavior)\n      onKeyDownProp?.(e);\n      if (e.defaultPrevented) return;\n\n      // Handle Escape to close the dialog\n      if (e.key === \"Escape\" && onClose) {\n        e.preventDefault();\n        onClose();\n        return;\n      }\n      onInputKeyDown?.(e);\n    },\n    [onInputKeyDown, onKeyDownProp, onClose]\n  );\n\n  return (\n    <InputHeader leading={leading} trailing={trailing}>\n      <Autocomplete.Input\n        placeholder={placeholder}\n        className={cn(\n          \"flex-1 border-none bg-transparent text-base placeholder:text-sf-subtle\",\n          \"outline-none focus-visible:outline-none\",\n          className\n        )}\n        onKeyDown={handleKeyDown}\n        // oxlint-disable-next-line no-autofocus -- Command palette input should autofocus for keyboard-driven UX\n        autoFocus={autoFocus}\n        {...props}\n      />\n    </InputHeader>\n  );\n}\n\n/**\n * Render prop iterators - wrap base-ui primitives with cleaner names.\n */\n\n/**\n * Results component - Render prop iterator for groups.\n *\n * Wraps Autocomplete.List with default spacing between groups.\n */\nfunction Results({\n  children,\n  className,\n}: React.ComponentProps<typeof Autocomplete.List> & { className?: string }) {\n  return (\n    <Autocomplete.List className={cn(\"space-y-3\", className)}>\n      {children}\n    </Autocomplete.List>\n  );\n}\n\nconst Items = Autocomplete.Collection;\n\n/** CommandPalette variant definitions (no user-facing variants; structure reserved for future use). */\nexport const SF_COMMAND_PALETTE_VARIANTS = {} as const;\n\nexport const SF_COMMAND_PALETTE_DEFAULT_VARIANTS = {} as const;\n\n/**\n * CommandPalette — accessible command palette / spotlight search overlay.\n *\n * Compound component: `CommandPalette.Root` (or `.Dialog` + `.Panel`),\n * `.Input`, `.List`, `.Results`, `.Items`, `.Group`, `.GroupLabel`,\n * `.Item`, `.ResultItem`, `.HighlightedText`, `.Empty`, `.Loading`, `.Footer`.\n *\n * Built on `@base-ui/react/autocomplete` + `@base-ui/react/dialog`.\n *\n * @example\n * ```tsx\n * <CommandPalette.Root\n *   open={open}\n *   onOpenChange={setOpen}\n *   items={results}\n *   value={query}\n *   onValueChange={setQuery}\n *   itemToStringValue={(g) => g.label}\n *   onSelect={(item, { newTab }) => navigate(item, newTab)}\n *   getSelectableItems={(groups) => groups.flatMap((g) => g.items)}\n * >\n *   <CommandPalette.Input placeholder=\"Search…\" />\n *   <CommandPalette.List>\n *     <CommandPalette.Results>\n *       {(group) => (\n *         <CommandPalette.Group items={group.items}>\n *           <CommandPalette.GroupLabel>{group.label}</CommandPalette.GroupLabel>\n *           <CommandPalette.Items>\n *             {(item) => (\n *               <CommandPalette.ResultItem title={item.title} value={item} onClick={…} />\n *             )}\n *           </CommandPalette.Items>\n *         </CommandPalette.Group>\n *       )}\n *     </CommandPalette.Results>\n *     <CommandPalette.Empty>No results found</CommandPalette.Empty>\n *   </CommandPalette.List>\n *   <CommandPalette.Footer>…keyboard hints…</CommandPalette.Footer>\n * </CommandPalette.Root>\n * ```\n */\nexport const CommandPalette = {\n  /** Modal dialog wrapper - use with Panel for content that can swap */\n  Dialog,\n  /** Dialog + Panel combined - for simple single-view command palettes */\n  Root,\n  /** Autocomplete panel without dialog - use inside Dialog for swappable content */\n  Panel,\n  /** Input for use inside Panel */\n  Input: PanelInput,\n  /** Scrollable results container */\n  List,\n  /** Category grouping */\n  Group,\n  /** Section header text */\n  GroupLabel,\n  /** Basic item */\n  Item,\n  /** Rich item with breadcrumbs, highlights, icons */\n  ResultItem,\n  /** Text with highlighted portions */\n  HighlightedText,\n  /** Empty state */\n  Empty,\n  /** Loading state */\n  Loading,\n  /** Footer for keyboard hints */\n  Footer,\n  /** Render prop iterator for groups */\n  Results,\n  /** Render prop iterator for items within a group */\n  Items,\n};\n"],"mappings":"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"}

package/dist/components/ai-actions.js

@@ -0,0 +1,3 @@
+"use client";
+import { i as SF_AI_ACTIONS_VARIANTS, n as AiActions, r as SF_AI_ACTIONS_DEFAULT_VARIANTS, t as AiAction } from "../ai-actions-DG1dhDMP.js";
+export { AiAction, AiActions, SF_AI_ACTIONS_DEFAULT_VARIANTS, SF_AI_ACTIONS_VARIANTS };

package/dist/components/ai-agent-card.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as SF_AI_AGENT_CARD_DEFAULT_VARIANTS, r as SF_AI_AGENT_CARD_VARIANTS, t as AiAgentCard } from "../ai-agent-card-BbtL4NII.js";
+export { AiAgentCard, SF_AI_AGENT_CARD_DEFAULT_VARIANTS, SF_AI_AGENT_CARD_VARIANTS };

package/dist/components/ai-approval.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as SF_AI_APPROVAL_DEFAULT_VARIANTS, r as SF_AI_APPROVAL_VARIANTS, t as AiApproval } from "../ai-approval-Mb7-BY6i.js";
+export { AiApproval, SF_AI_APPROVAL_DEFAULT_VARIANTS, SF_AI_APPROVAL_VARIANTS };

package/dist/components/ai-code-block.js

@@ -0,0 +1,3 @@
+"use client";
+import { i as SF_AI_CODE_BLOCK_VARIANTS, n as AiCodeBlockCopyButton, r as SF_AI_CODE_BLOCK_DEFAULT_VARIANTS, t as AiCodeBlock } from "../ai-code-block-BI_z0UVR.js";
+export { AiCodeBlock, AiCodeBlockCopyButton, SF_AI_CODE_BLOCK_DEFAULT_VARIANTS, SF_AI_CODE_BLOCK_VARIANTS };

package/dist/components/ai-conversation.js

@@ -0,0 +1,3 @@
+"use client";
+import { a as SF_AI_CONVERSATION_VARIANTS, i as SF_AI_CONVERSATION_DEFAULT_VARIANTS, n as AiConversationContent, o as useConversationVirtualizer, r as AiConversationScrollButton, t as AiConversation } from "../ai-conversation-DYtExcrw.js";
+export { AiConversation, AiConversationContent, AiConversationScrollButton, SF_AI_CONVERSATION_DEFAULT_VARIANTS, SF_AI_CONVERSATION_VARIANTS, useConversationVirtualizer };

package/dist/components/ai-info-banner.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as SF_AI_INFO_BANNER_DEFAULT_VARIANTS, r as SF_AI_INFO_BANNER_VARIANTS, t as AiInfoBanner } from "../ai-info-banner-BpzauUAY.js";
+export { AiInfoBanner, SF_AI_INFO_BANNER_DEFAULT_VARIANTS, SF_AI_INFO_BANNER_VARIANTS };

package/dist/components/ai-loader.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as SF_AI_LOADER_DEFAULT_VARIANTS, r as SF_AI_LOADER_VARIANTS, t as AiLoader } from "../ai-loader-Cr3eQkNS.js";
+export { AiLoader, SF_AI_LOADER_DEFAULT_VARIANTS, SF_AI_LOADER_VARIANTS };

package/dist/components/ai-message.js

@@ -0,0 +1,3 @@
+"use client";
+import { a as AiMessageAttachments, c as AiMessageBranchSelector, d as SF_AI_MESSAGE_DEFAULT_VARIANTS, f as SF_AI_MESSAGE_VARIANTS, i as AiMessageAttachment, l as AiMessageContent, n as AiMessageAction, o as AiMessageBranch, r as AiMessageActions, s as AiMessageBranchContent, t as AiMessage, u as AiMessageToolbar } from "../ai-message-CV8SBoHM.js";
+export { AiMessage, AiMessageAction, AiMessageActions, AiMessageAttachment, AiMessageAttachments, AiMessageBranch, AiMessageBranchContent, AiMessageBranchSelector, AiMessageContent, AiMessageToolbar, SF_AI_MESSAGE_DEFAULT_VARIANTS, SF_AI_MESSAGE_VARIANTS };

package/dist/components/ai-mission-header.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as SF_AI_MISSION_HEADER_DEFAULT_VARIANTS, r as SF_AI_MISSION_HEADER_VARIANTS, t as AiMissionHeader } from "../ai-mission-header-ByYkJ6YP.js";
+export { AiMissionHeader, SF_AI_MISSION_HEADER_DEFAULT_VARIANTS, SF_AI_MISSION_HEADER_VARIANTS };

package/dist/components/ai-prompt-input.js

@@ -0,0 +1,3 @@
+"use client";
+import { C as usePromptInputController, S as usePromptInputAttachments, _ as PromptInputTextarea, a as PromptInputActionMenuItem, b as SF_AI_PROMPT_INPUT_DEFAULT_VARIANTS, c as PromptInputAttachment, d as PromptInputBody, f as PromptInputButton, g as PromptInputSubmit, h as PromptInputSpeechButton, i as PromptInputActionMenuContent, l as PromptInputAttachments, m as PromptInputProvider, n as PromptInputActionAddAttachments, o as PromptInputActionMenuTrigger, p as PromptInputModeSelector, r as PromptInputActionMenu, s as PromptInputAttachButton, t as PromptInput, u as PromptInputBackLayer, v as PromptInputToolbar, w as useProviderAttachments, x as SF_AI_PROMPT_INPUT_VARIANTS, y as PromptInputTools } from "../ai-prompt-input-Bo1YuJly.js";
+export { PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputAttachButton, PromptInputAttachment, PromptInputAttachments, PromptInputBackLayer, PromptInputBody, PromptInputButton, PromptInputModeSelector, PromptInputProvider, PromptInputSpeechButton, PromptInputSubmit, PromptInputTextarea, PromptInputToolbar, PromptInputTools, SF_AI_PROMPT_INPUT_DEFAULT_VARIANTS, SF_AI_PROMPT_INPUT_VARIANTS, usePromptInputAttachments, usePromptInputController, useProviderAttachments };

package/dist/components/ai-question.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as SF_AI_QUESTION_DEFAULT_VARIANTS, r as SF_AI_QUESTION_VARIANTS, t as AiQuestion } from "../ai-question-Dp1g9k2o.js";
+export { AiQuestion, SF_AI_QUESTION_DEFAULT_VARIANTS, SF_AI_QUESTION_VARIANTS };

package/dist/components/ai-reasoning.js

@@ -0,0 +1,3 @@
+"use client";
+import { a as extractFirstBoldText, i as SF_AI_REASONING_VARIANTS, n as AiReasoningGroup, o as formatDuration, r as SF_AI_REASONING_DEFAULT_VARIANTS, s as truncateReasoning, t as AiReasoning } from "../ai-reasoning-UAmNx_LD.js";
+export { AiReasoning, AiReasoningGroup, SF_AI_REASONING_DEFAULT_VARIANTS, SF_AI_REASONING_VARIANTS, extractFirstBoldText, formatDuration, truncateReasoning };

package/dist/components/ai-response.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as SF_AI_RESPONSE_DEFAULT_VARIANTS, r as SF_AI_RESPONSE_VARIANTS, t as AiResponse } from "../ai-response-BWoVsNQG.js";
+export { AiResponse, SF_AI_RESPONSE_DEFAULT_VARIANTS, SF_AI_RESPONSE_VARIANTS };

package/dist/components/ai-shimmer.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as SF_AI_SHIMMER_DEFAULT_VARIANTS, r as SF_AI_SHIMMER_VARIANTS, t as AiShimmer } from "../ai-shimmer-BpOmfonu.js";
+export { AiShimmer, SF_AI_SHIMMER_DEFAULT_VARIANTS, SF_AI_SHIMMER_VARIANTS };

package/dist/components/ai-status-badge.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as SF_AI_STATUS_BADGE_DEFAULT_VARIANTS, r as SF_AI_STATUS_BADGE_VARIANTS, t as AiStatusBadge } from "../ai-status-badge-WhbKVeqn.js";
+export { AiStatusBadge, SF_AI_STATUS_BADGE_DEFAULT_VARIANTS, SF_AI_STATUS_BADGE_VARIANTS };

package/dist/components/ai-streaming-text.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as SF_AI_STREAMING_TEXT_VARIANTS, r as useAiStreamingText, t as SF_AI_STREAMING_TEXT_DEFAULT_VARIANTS } from "../ai-streaming-text-ClL7FwvD.js";
+export { SF_AI_STREAMING_TEXT_DEFAULT_VARIANTS, SF_AI_STREAMING_TEXT_VARIANTS, useAiStreamingText };

package/dist/components/ai-subagent.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as SF_AI_SUBAGENT_DEFAULT_VARIANTS, r as SF_AI_SUBAGENT_VARIANTS, t as AiSubagent } from "../ai-subagent-BruGN1UE.js";
+export { AiSubagent, SF_AI_SUBAGENT_DEFAULT_VARIANTS, SF_AI_SUBAGENT_VARIANTS };

package/dist/components/ai-suggestion.js

@@ -0,0 +1,3 @@
+"use client";
+import { i as SF_AI_SUGGESTION_VARIANTS, n as AiSuggestions, r as SF_AI_SUGGESTION_DEFAULT_VARIANTS, t as AiSuggestion } from "../ai-suggestion-CNsCZj5P.js";
+export { AiSuggestion, AiSuggestions, SF_AI_SUGGESTION_DEFAULT_VARIANTS, SF_AI_SUGGESTION_VARIANTS };

package/dist/components/ai-task-list.js

@@ -0,0 +1,3 @@
+"use client";
+import { i as SF_AI_TASK_LIST_VARIANTS, n as AiTaskListItem, r as SF_AI_TASK_LIST_DEFAULT_VARIANTS, t as AiTaskList } from "../ai-task-list-B9CpMDYN.js";
+export { AiTaskList, AiTaskListItem, SF_AI_TASK_LIST_DEFAULT_VARIANTS, SF_AI_TASK_LIST_VARIANTS };