@truefoundry/trueforge-ui 0.1.0 → 0.2.0

package/dist/chunk-EK6OUU24.js

@@ -0,0 +1,441 @@
+import {
+  useOptionalServer
+} from "./chunk-IDXUUOSM.js";
+import {
+  ThemeContext,
+  cn
+} from "./chunk-DTF7ZMUJ.js";
+
+// src/icons/Icon.tsx
+import { createElement, isValidElement, useContext } from "react";
+
+// src/icons/IconRegistry.tsx
+import {
+  Archive,
+  ArrowDown,
+  ArrowLeft,
+  ArrowUp,
+  BookOpen,
+  Bot,
+  Box,
+  Brain,
+  Check,
+  ChevronDown,
+  ChevronLeft,
+  ChevronRight,
+  CircleAlert,
+  CircleCheck,
+  CircleX,
+  Clock,
+  Code2,
+  Copy,
+  Cpu,
+  Download,
+  Ellipsis,
+  ExternalLink,
+  File,
+  Github,
+  History,
+  Info,
+  Lightbulb,
+  ListChecks,
+  ListFilter,
+  ListOrdered,
+  Loader2,
+  Lock,
+  LogOut,
+  Maximize2,
+  Menu,
+  Minimize2,
+  Moon,
+  PanelLeftClose,
+  PanelLeftOpen,
+  Paperclip,
+  Pencil,
+  Play,
+  Plug,
+  Plus,
+  RotateCw,
+  Save,
+  Search,
+  Settings,
+  Sparkle,
+  SquarePen,
+  Sun,
+  Terminal,
+  Trash2,
+  TriangleAlert,
+  Wrench,
+  X
+} from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Broom({ size = 24, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M13.5 10.5 22 2" }),
+        /* @__PURE__ */ jsx("path", { d: "M14.734 13.841a2 2 0 00-.314-2.42L12.58 9.58a2 2 0 00-2.421-.314l-7.657 4.461A1 1 0 002.3 15.3l6.403 6.403a1 1 0 001.571-.204z" }),
+        /* @__PURE__ */ jsx("path", { d: "m5 18 2-2" }),
+        /* @__PURE__ */ jsx("path", { d: "m7.699 10.7 5.602 5.601" })
+      ]
+    }
+  );
+}
+var registry = /* @__PURE__ */ new Map();
+function registerIcons(icons) {
+  for (const [name, icon] of Object.entries(icons)) {
+    registry.set(name, icon);
+  }
+}
+function resolveIconName(icon) {
+  if (typeof icon === "string") return icon;
+  return icon[icon.length - 1] ?? "";
+}
+var defaults = {
+  paperclip: Paperclip,
+  "arrow-up": ArrowUp,
+  "arrow-down": ArrowDown,
+  "arrow-left": ArrowLeft,
+  xmark: X,
+  check: Check,
+  pencil: Pencil,
+  play: Play,
+  "square-pen": SquarePen,
+  "rotate-right": RotateCw,
+  broom: Broom,
+  ellipsis: Ellipsis,
+  trash: Trash2,
+  "box-archive": Archive,
+  "clock-rotate-left": History,
+  "circle-exclamation": CircleAlert,
+  info: Info,
+  "triangle-exclamation": TriangleAlert,
+  "chevron-down": ChevronDown,
+  "chevron-left": ChevronLeft,
+  "chevron-right": ChevronRight,
+  loader: Loader2,
+  file: File,
+  clone: Copy,
+  copy: Copy,
+  bars: Menu,
+  "panel-left-close": PanelLeftClose,
+  "panel-left-open": PanelLeftOpen,
+  plus: Plus,
+  sun: Sun,
+  moon: Moon,
+  settings: Settings,
+  "log-out": LogOut,
+  search: Search,
+  clock: Clock,
+  "circle-check": CircleCheck,
+  "circle-xmark": CircleX,
+  "oauth-success": CircleCheck,
+  "oauth-error": CircleX,
+  "oauth-loading": Loader2,
+  "welcome-sparkle": Sparkle,
+  robot: Bot,
+  "book-open": BookOpen,
+  funnel: ListFilter,
+  plug: Plug,
+  "list-check": ListChecks,
+  lock: Lock,
+  lightbulb: Lightbulb,
+  wrench: Wrench,
+  cpu: Cpu,
+  cube: Box,
+  "list-ol": ListOrdered,
+  download: Download,
+  save: Save,
+  brain: Brain,
+  terminal: Terminal,
+  code: Code2,
+  expand: Maximize2,
+  "expand-alt": Maximize2,
+  compress: Minimize2,
+  "external-link": ExternalLink,
+  github: Github
+};
+for (const [name, icon] of Object.entries(defaults)) {
+  registry.set(name, icon);
+}
+function lookupIcon(name, themeIcons) {
+  if (themeIcons && name in themeIcons) {
+    return themeIcons[name];
+  }
+  return registry.get(name);
+}
+
+// src/icons/Icon.tsx
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+function isComponent(entry) {
+  if (typeof entry === "function") return true;
+  return typeof entry === "object" && entry !== null && !isValidElement(entry) && !Array.isArray(entry) && "$$typeof" in entry;
+}
+function renderEntry(entry, props) {
+  if (isComponent(entry)) {
+    const { size, className, style, ...aria } = props;
+    return createElement(entry, {
+      className: cn("inline-block shrink-0", className),
+      style,
+      size,
+      width: size,
+      height: size,
+      "aria-hidden": aria["aria-label"] ? void 0 : aria["aria-hidden"] ?? true,
+      "aria-label": aria["aria-label"],
+      ...aria["data-testid"] === void 0 ? {} : { "data-testid": aria["data-testid"] },
+      role: aria["aria-label"] ? "img" : void 0
+    });
+  }
+  return entry;
+}
+function Icon({ name, className, style, size = "1em", ...aria }) {
+  const themeIcons = useContext(ThemeContext)?.icons;
+  const resolved = resolveIconName(name);
+  const entry = lookupIcon(resolved, themeIcons);
+  if (!entry) return null;
+  return /* @__PURE__ */ jsx2(Fragment, { children: renderEntry(entry, { className, style, size, ...aria }) });
+}
+
+// src/atoms/primitives/Spinner.tsx
+import "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Spinner({ size = 16, className, ...props }) {
+  const r = size / 2 * 0.75;
+  const cx = size / 2;
+  const circumference = 2 * Math.PI * r;
+  return /* @__PURE__ */ jsx3(
+    "svg",
+    {
+      role: "status",
+      "aria-label": "Loading",
+      width: size,
+      height: size,
+      viewBox: `0 0 ${size} ${size}`,
+      fill: "none",
+      className: cn("animate-spin", className),
+      ...props,
+      children: /* @__PURE__ */ jsx3(
+        "circle",
+        {
+          cx,
+          cy: cx,
+          r,
+          stroke: "currentColor",
+          strokeWidth: 2,
+          strokeLinecap: "round",
+          strokeDasharray: `${circumference * 0.75} ${circumference * 0.25}`,
+          opacity: 0.8
+        }
+      )
+    }
+  );
+}
+
+// src/atoms/lib/buttonClasses.ts
+var variantClasses = {
+  default: "bg-primary-button-bg text-primary-button-text shadow hover:bg-primary-button-hover",
+  secondary: "border border-input-border bg-secondary-button-bg text-secondary-button-text shadow-sm hover:bg-secondary-button-hover",
+  ghost: "bg-ghost-button-bg text-ghost-button-text hover:bg-ghost-button-hover",
+  destructive: "bg-failure-bg text-failure-text shadow-sm hover:bg-failure-bg/90",
+  outline: "border border-input-border bg-secondary-button-bg text-secondary-button-text shadow-sm hover:bg-secondary-button-hover"
+};
+var sizeClasses = {
+  default: "h-9 px-4 py-2 text-sm",
+  sm: "h-8 rounded-md px-3 text-xs",
+  lg: "h-10 rounded-md px-8 text-base",
+  icon: "h-8 w-8"
+};
+var baseClasses = "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50";
+function auiButtonClass({
+  variant = "default",
+  size = "default",
+  className
+} = {}) {
+  return cn(baseClasses, variantClasses[variant], sizeClasses[size], className);
+}
+
+// src/utils/getErrorMessage.ts
+function isRecord(value) {
+  return value != null && typeof value === "object";
+}
+function readNonEmptyString(value) {
+  return typeof value === "string" && value.trim() !== "" ? value : void 0;
+}
+function messageFromErrorShaped(value) {
+  if (!isRecord(value)) return void 0;
+  const direct = readNonEmptyString(value.message);
+  if (direct != null) return direct;
+  if (isRecord(value.error)) {
+    return readNonEmptyString(value.error.message);
+  }
+  return void 0;
+}
+function stringifyError(error) {
+  if (typeof error === "string") return error;
+  if (isRecord(error)) {
+    try {
+      return JSON.stringify(error);
+    } catch {
+      return Object.prototype.toString.call(error);
+    }
+  }
+  return String(error);
+}
+function getErrorMessage(error, fallback) {
+  if (typeof error === "string") {
+    const trimmed = error.trim();
+    if (trimmed !== "") return error;
+    return fallback ?? error;
+  }
+  if (isRecord(error) && "body" in error) {
+    const fromBody = messageFromErrorShaped(error.body);
+    if (fromBody != null) return fromBody;
+    if (error.body != null) {
+      if (typeof error.body === "string") {
+        const trimmed = error.body.trim();
+        if (trimmed !== "") return error.body;
+      } else {
+        return stringifyError(error.body);
+      }
+    }
+  }
+  const fromShape = messageFromErrorShaped(error);
+  if (fromShape != null) return fromShape;
+  if (fallback != null) return fallback;
+  return stringifyError(error);
+}
+
+// src/atoms/lib/CompactLayoutContext.tsx
+import { createContext, useContext as useContext2 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var CompactLayoutContext = createContext(false);
+function CompactLayoutProvider({ children }) {
+  return /* @__PURE__ */ jsx4(CompactLayoutContext.Provider, { value: true, children });
+}
+function useCompactLayout() {
+  return useContext2(CompactLayoutContext);
+}
+
+// src/atoms/draft/DraftCatalogProvider.tsx
+import { createContext as createContext2, useCallback, useContext as useContext3, useEffect, useMemo, useState } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var DraftCatalogContext = createContext2(null);
+var IDLE_ENSURE = () => void 0;
+var IDLE_REFRESH = async () => void 0;
+function DraftCatalogProvider({ children }) {
+  const server = useOptionalServer();
+  const existing = useContext3(DraftCatalogContext);
+  if (existing?.server === server) {
+    return children;
+  }
+  return /* @__PURE__ */ jsx5(DraftCatalogStore, { server, children });
+}
+function DraftCatalogStore({ server, children }) {
+  const [requestEpoch, setRequestEpoch] = useState(null);
+  const [models, setModels] = useState([]);
+  const [skills, setSkills] = useState([]);
+  const [connectors, setConnectors] = useState([]);
+  const [completedEpoch, setCompletedEpoch] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const ensureLoaded = useCallback(() => {
+    setRequestEpoch((current) => current ?? 0);
+  }, []);
+  const refresh = useCallback(() => {
+    setRequestEpoch((current) => (current ?? -1) + 1);
+  }, []);
+  const refreshConnectors = useCallback(async () => {
+    if (!server) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const nextConnectors = await server.getMcp();
+      setConnectors(nextConnectors);
+    } catch (reason) {
+      setError(getErrorMessage(reason, "Failed to load connectors."));
+    } finally {
+      setLoading(false);
+    }
+  }, [server]);
+  useEffect(() => {
+    if (requestEpoch === null || !server) return;
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    void Promise.allSettled([server.getModels(), server.getSkills(), server.getMcp()]).then(([modelsResult, skillsResult, mcpResult]) => {
+      if (cancelled) return;
+      const errors = [];
+      if (modelsResult.status === "fulfilled") {
+        setModels(modelsResult.value);
+      } else {
+        errors.push(getErrorMessage(modelsResult.reason, "Failed to load models."));
+      }
+      if (skillsResult.status === "fulfilled") {
+        setSkills(skillsResult.value);
+      } else {
+        errors.push(getErrorMessage(skillsResult.reason, "Failed to load skills."));
+      }
+      if (mcpResult.status === "fulfilled") {
+        setConnectors(mcpResult.value);
+      } else {
+        errors.push(getErrorMessage(mcpResult.reason, "Failed to load connectors."));
+      }
+      setError(errors[0] ?? null);
+    }).finally(() => {
+      if (!cancelled) {
+        setCompletedEpoch(requestEpoch);
+        setLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [requestEpoch, server]);
+  const loaded = requestEpoch !== null && completedEpoch === requestEpoch;
+  const value = useMemo(
+    () => ({ server, models, skills, connectors, loaded, loading, error, ensureLoaded, refresh, refreshConnectors }),
+    [server, models, skills, connectors, loaded, loading, error, ensureLoaded, refresh, refreshConnectors]
+  );
+  return /* @__PURE__ */ jsx5(DraftCatalogContext.Provider, { value, children });
+}
+function useDraftCatalog() {
+  const ctx = useContext3(DraftCatalogContext);
+  if (ctx == null) {
+    return {
+      models: [],
+      skills: [],
+      connectors: [],
+      loaded: false,
+      loading: false,
+      error: null,
+      ensureLoaded: IDLE_ENSURE,
+      refresh: IDLE_ENSURE,
+      refreshConnectors: IDLE_REFRESH
+    };
+  }
+  return ctx;
+}
+
+export {
+  registerIcons,
+  Icon,
+  Spinner,
+  auiButtonClass,
+  getErrorMessage,
+  CompactLayoutProvider,
+  useCompactLayout,
+  DraftCatalogProvider,
+  useDraftCatalog
+};
+//# sourceMappingURL=chunk-EK6OUU24.js.map

package/dist/chunk-EK6OUU24.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/Icon.tsx","../src/icons/IconRegistry.tsx","../src/atoms/primitives/Spinner.tsx","../src/atoms/lib/buttonClasses.ts","../src/utils/getErrorMessage.ts","../src/atoms/lib/CompactLayoutContext.tsx","../src/atoms/draft/DraftCatalogProvider.tsx"],"sourcesContent":["import { createElement, isValidElement, useContext, type CSSProperties, type ReactNode } from 'react';\n\nimport { cn } from '../atoms/lib/cn.js';\nimport { ThemeContext } from '../theme/ThemeProvider.js';\nimport type { IconComponent, IconEntry, IconProps as ThemeIconProps } from '../theme/types.js';\nimport { lookupIcon, resolveIconName } from './IconRegistry.js';\n\nexport type IconProps = ThemeIconProps & {\n  name: string | readonly string[];\n};\n\ntype IconRenderProps = {\n  className?: string;\n  style?: CSSProperties;\n  size?: string | number;\n  width?: string | number;\n  height?: string | number;\n  role?: string;\n} & Pick<IconProps, 'aria-hidden' | 'aria-label' | 'data-testid'>;\n\nfunction isComponent(entry: IconEntry): entry is IconComponent {\n  if (typeof entry === 'function') return true;\n  // Lucide (and other) icons are forwardRef objects, not functions\n  return (\n    typeof entry === 'object' &&\n    entry !== null &&\n    !isValidElement(entry) &&\n    !Array.isArray(entry) &&\n    '$$typeof' in entry\n  );\n}\n\nfunction renderEntry(entry: IconEntry, props: IconRenderProps): ReactNode {\n  if (isComponent(entry)) {\n    const { size, className, style, ...aria } = props;\n    return createElement(entry, {\n      className: cn('inline-block shrink-0', className),\n      style,\n      size,\n      width: size,\n      height: size,\n      'aria-hidden': aria['aria-label'] ? undefined : (aria['aria-hidden'] ?? true),\n      'aria-label': aria['aria-label'],\n      ...(aria['data-testid'] === undefined ? {} : { 'data-testid': aria['data-testid'] }),\n      role: aria['aria-label'] ? 'img' : undefined,\n    });\n  }\n  return entry;\n}\n\nexport function Icon({ name, className, style, size = '1em', ...aria }: IconProps) {\n  const themeIcons = useContext(ThemeContext)?.icons;\n  const resolved = resolveIconName(name);\n  const entry = lookupIcon(resolved, themeIcons);\n  if (!entry) return null;\n  return <>{renderEntry(entry, { className, style, size, ...aria })}</>;\n}\n\nexport function useIcon(name: string | readonly string[]): IconEntry | undefined {\n  const themeIcons = useContext(ThemeContext)?.icons;\n  return lookupIcon(resolveIconName(name), themeIcons);\n}\n","import {\n  Archive,\n  ArrowDown,\n  ArrowLeft,\n  ArrowUp,\n  BookOpen,\n  Bot,\n  Box,\n  Brain,\n  Check,\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  CircleAlert,\n  CircleCheck,\n  CircleX,\n  Clock,\n  Code2,\n  Copy,\n  Cpu,\n  Download,\n  Ellipsis,\n  ExternalLink,\n  File,\n  Github,\n  History,\n  Info,\n  Lightbulb,\n  ListChecks,\n  ListFilter,\n  ListOrdered,\n  Loader2,\n  Lock,\n  LogOut,\n  Maximize2,\n  Menu,\n  Minimize2,\n  Moon,\n  PanelLeftClose,\n  PanelLeftOpen,\n  Paperclip,\n  Pencil,\n  Play,\n  Plug,\n  Plus,\n  RotateCw,\n  Save,\n  Search,\n  Settings,\n  Sparkle,\n  SquarePen,\n  Sun,\n  Terminal,\n  Trash2,\n  TriangleAlert,\n  Wrench,\n  X,\n} from 'lucide-react';\nimport type { SVGProps } from 'react';\n\nimport type { IconEntry, IconMap } from '../theme/types.js';\n\n/** Lucide `broom` (https://lucide.dev/icons/broom) — not in lucide-react 0.x. */\nfunction Broom({ size = 24, ...props }: SVGProps<SVGSVGElement> & { size?: string | number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M13.5 10.5 22 2\" />\n      <path d=\"M14.734 13.841a2 2 0 00-.314-2.42L12.58 9.58a2 2 0 00-2.421-.314l-7.657 4.461A1 1 0 002.3 15.3l6.403 6.403a1 1 0 001.571-.204z\" />\n      <path d=\"m5 18 2-2\" />\n      <path d=\"m7.699 10.7 5.602 5.601\" />\n    </svg>\n  );\n}\n\nconst registry = new Map<string, IconEntry>();\n\nexport function registerIcon(name: string, icon: IconEntry): void {\n  registry.set(name, icon);\n}\n\nexport function registerIcons(icons: IconMap): void {\n  for (const [name, icon] of Object.entries(icons)) {\n    registry.set(name, icon);\n  }\n}\n\nexport function getIcon(name: string): IconEntry | undefined {\n  return registry.get(name);\n}\n\nexport function resolveIconName(icon: string | readonly string[]): string {\n  if (typeof icon === 'string') return icon;\n  // e.g. [\"far\", \"clone\"] → \"clone\"\n  return icon[icon.length - 1] ?? '';\n}\n\nconst defaults: Record<string, IconEntry> = {\n  paperclip: Paperclip,\n  'arrow-up': ArrowUp,\n  'arrow-down': ArrowDown,\n  'arrow-left': ArrowLeft,\n  xmark: X,\n  check: Check,\n  pencil: Pencil,\n  play: Play,\n  'square-pen': SquarePen,\n  'rotate-right': RotateCw,\n  broom: Broom,\n  ellipsis: Ellipsis,\n  trash: Trash2,\n  'box-archive': Archive,\n  'clock-rotate-left': History,\n  'circle-exclamation': CircleAlert,\n  info: Info,\n  'triangle-exclamation': TriangleAlert,\n  'chevron-down': ChevronDown,\n  'chevron-left': ChevronLeft,\n  'chevron-right': ChevronRight,\n  loader: Loader2,\n  file: File,\n  clone: Copy,\n  copy: Copy,\n  bars: Menu,\n  'panel-left-close': PanelLeftClose,\n  'panel-left-open': PanelLeftOpen,\n  plus: Plus,\n  sun: Sun,\n  moon: Moon,\n  settings: Settings,\n  'log-out': LogOut,\n  search: Search,\n  clock: Clock,\n  'circle-check': CircleCheck,\n  'circle-xmark': CircleX,\n  'oauth-success': CircleCheck,\n  'oauth-error': CircleX,\n  'oauth-loading': Loader2,\n  'welcome-sparkle': Sparkle,\n  robot: Bot,\n  'book-open': BookOpen,\n  funnel: ListFilter,\n  plug: Plug,\n  'list-check': ListChecks,\n  lock: Lock,\n  lightbulb: Lightbulb,\n  wrench: Wrench,\n  cpu: Cpu,\n  cube: Box,\n  'list-ol': ListOrdered,\n  download: Download,\n  save: Save,\n  brain: Brain,\n  terminal: Terminal,\n  code: Code2,\n  expand: Maximize2,\n  'expand-alt': Maximize2,\n  compress: Minimize2,\n  'external-link': ExternalLink,\n  github: Github,\n};\n\nfor (const [name, icon] of Object.entries(defaults)) {\n  registry.set(name, icon);\n}\n\n/** Merge host `theme.icons` over the registry for a single lookup (does not mutate). */\nexport function lookupIcon(name: string, themeIcons?: IconMap): IconEntry | undefined {\n  if (themeIcons && name in themeIcons) {\n    return themeIcons[name];\n  }\n  return registry.get(name);\n}\n","import React from 'react';\n\nimport { cn } from '../lib/cn.js';\n\nexport type SpinnerProps = React.SVGProps<SVGSVGElement> & {\n  size?: number;\n};\n\nexport function Spinner({ size = 16, className, ...props }: SpinnerProps) {\n  const r = (size / 2) * 0.75;\n  const cx = size / 2;\n  const circumference = 2 * Math.PI * r;\n\n  return (\n    <svg\n      role=\"status\"\n      aria-label=\"Loading\"\n      width={size}\n      height={size}\n      viewBox={`0 0 ${size} ${size}`}\n      fill=\"none\"\n      className={cn('animate-spin', className)}\n      {...props}\n    >\n      <circle\n        cx={cx}\n        cy={cx}\n        r={r}\n        stroke=\"currentColor\"\n        strokeWidth={2}\n        strokeLinecap=\"round\"\n        strokeDasharray={`${circumference * 0.75} ${circumference * 0.25}`}\n        opacity={0.8}\n      />\n    </svg>\n  );\n}\n","import { cn } from './cn.js';\n\nexport type AuiButtonVariant = 'default' | 'secondary' | 'ghost' | 'destructive' | 'outline';\nexport type AuiButtonSize = 'default' | 'sm' | 'lg' | 'icon';\n\nconst variantClasses: Record<AuiButtonVariant, string> = {\n  default: 'bg-primary-button-bg text-primary-button-text shadow hover:bg-primary-button-hover',\n  secondary:\n    'border border-input-border bg-secondary-button-bg text-secondary-button-text shadow-sm hover:bg-secondary-button-hover',\n  ghost: 'bg-ghost-button-bg text-ghost-button-text hover:bg-ghost-button-hover',\n  destructive: 'bg-failure-bg text-failure-text shadow-sm hover:bg-failure-bg/90',\n  outline:\n    'border border-input-border bg-secondary-button-bg text-secondary-button-text shadow-sm hover:bg-secondary-button-hover',\n};\n\nconst sizeClasses: Record<AuiButtonSize, string> = {\n  default: 'h-9 px-4 py-2 text-sm',\n  sm: 'h-8 rounded-md px-3 text-xs',\n  lg: 'h-10 rounded-md px-8 text-base',\n  icon: 'h-8 w-8',\n};\n\nconst baseClasses =\n  'inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50';\n\n/** Shared Button / native `<button>` className helper (SDK utilities are layered). */\nexport function auiButtonClass({\n  variant = 'default',\n  size = 'default',\n  className,\n}: {\n  variant?: AuiButtonVariant;\n  size?: AuiButtonSize;\n  className?: string;\n} = {}): string {\n  return cn(baseClasses, variantClasses[variant], sizeClasses[size], className);\n}\n","function isRecord(value: unknown): value is Record<string, unknown> {\n  return value != null && typeof value === 'object';\n}\n\nfunction readNonEmptyString(value: unknown): string | undefined {\n  return typeof value === 'string' && value.trim() !== '' ? value : undefined;\n}\n\n/**\n * Reads a display string from API-shaped errors: `message`, then nested\n * `error.message`. When neither exists, stringifies the value.\n */\nfunction messageFromErrorShaped(value: unknown): string | undefined {\n  if (!isRecord(value)) return undefined;\n  const direct = readNonEmptyString(value.message);\n  if (direct != null) return direct;\n  if (isRecord(value.error)) {\n    return readNonEmptyString(value.error.message);\n  }\n  return undefined;\n}\n\nfunction stringifyError(error: unknown): string {\n  if (typeof error === 'string') return error;\n  if (isRecord(error)) {\n    try {\n      return JSON.stringify(error);\n    } catch {\n      return Object.prototype.toString.call(error);\n    }\n  }\n  return String(error);\n}\n\n/**\n * User-facing error text. Prefers HTTP body `{ error: { message } }` when\n * present (e.g. TrueForgeError), then `error.message` / `error.error.message`,\n * then `fallback`, then a string form of the value.\n */\nexport function getErrorMessage(error: unknown, fallback?: string): string {\n  if (typeof error === 'string') {\n    const trimmed = error.trim();\n    if (trimmed !== '') return error;\n    return fallback ?? error;\n  }\n\n  if (isRecord(error) && 'body' in error) {\n    const fromBody = messageFromErrorShaped(error.body);\n    if (fromBody != null) return fromBody;\n    if (error.body != null) {\n      if (typeof error.body === 'string') {\n        const trimmed = error.body.trim();\n        if (trimmed !== '') return error.body;\n      } else {\n        return stringifyError(error.body);\n      }\n    }\n  }\n\n  const fromShape = messageFromErrorShaped(error);\n  if (fromShape != null) return fromShape;\n\n  if (fallback != null) return fallback;\n  return stringifyError(error);\n}\n","'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\n\nconst CompactLayoutContext = createContext(false);\n\nexport function CompactLayoutProvider({ children }: { children: ReactNode }) {\n  return <CompactLayoutContext.Provider value>{children}</CompactLayoutContext.Provider>;\n}\n\nexport function useCompactLayout() {\n  return useContext(CompactLayoutContext);\n}\n","'use client';\n\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState, type ReactNode } from 'react';\n\nimport { useOptionalServer } from '../../server/ServerContext.js';\nimport type { AgentSkill, AgentUIServer, ConnectorState, ModelSelection } from '../../server/types.js';\nimport { getErrorMessage } from '../../utils/getErrorMessage.js';\n\ntype DraftCatalogValue = {\n  models: ModelSelection[];\n  skills: AgentSkill[];\n  connectors: ConnectorState[];\n  loaded: boolean;\n  loading: boolean;\n  error: string | null;\n  /** Kick off catalog fetch (idempotent). Call when a picker opens. */\n  ensureLoaded: () => void;\n  /** Reload all collections after settings mutate catalog-backed configuration. */\n  refresh: () => void;\n  /** Refresh connector auth state without reloading unrelated catalogs. */\n  refreshConnectors: () => Promise<void>;\n};\n\ntype DraftCatalogContextValue = DraftCatalogValue & {\n  server: AgentUIServer | null;\n};\n\nconst DraftCatalogContext = createContext<DraftCatalogContextValue | null>(null);\n\nconst IDLE_ENSURE = () => undefined;\nconst IDLE_REFRESH = async () => undefined;\n\nexport function DraftCatalogProvider({ children }: { children: ReactNode }) {\n  const server = useOptionalServer();\n  const existing = useContext(DraftCatalogContext);\n  if (existing?.server === server) {\n    return children;\n  }\n  return <DraftCatalogStore server={server}>{children}</DraftCatalogStore>;\n}\n\nfunction DraftCatalogStore({ server, children }: { server: AgentUIServer | null; children: ReactNode }) {\n  const [requestEpoch, setRequestEpoch] = useState<number | null>(null);\n  const [models, setModels] = useState<ModelSelection[]>([]);\n  const [skills, setSkills] = useState<AgentSkill[]>([]);\n  const [connectors, setConnectors] = useState<ConnectorState[]>([]);\n  const [completedEpoch, setCompletedEpoch] = useState<number | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const ensureLoaded = useCallback(() => {\n    setRequestEpoch(current => current ?? 0);\n  }, []);\n\n  const refresh = useCallback(() => {\n    setRequestEpoch(current => (current ?? -1) + 1);\n  }, []);\n\n  const refreshConnectors = useCallback(async () => {\n    if (!server) return;\n    setLoading(true);\n    setError(null);\n    try {\n      const nextConnectors = await server.getMcp();\n      setConnectors(nextConnectors);\n    } catch (reason: unknown) {\n      setError(getErrorMessage(reason, 'Failed to load connectors.'));\n    } finally {\n      setLoading(false);\n    }\n  }, [server]);\n\n  useEffect(() => {\n    if (requestEpoch === null || !server) return;\n    let cancelled = false;\n    setLoading(true);\n    setError(null);\n    // Settle each list alone so one failing picker does not blank the others.\n    void Promise.allSettled([server.getModels(), server.getSkills(), server.getMcp()])\n      .then(([modelsResult, skillsResult, mcpResult]) => {\n        if (cancelled) return;\n        const errors: string[] = [];\n        if (modelsResult.status === 'fulfilled') {\n          setModels(modelsResult.value);\n        } else {\n          errors.push(getErrorMessage(modelsResult.reason, 'Failed to load models.'));\n        }\n        if (skillsResult.status === 'fulfilled') {\n          setSkills(skillsResult.value);\n        } else {\n          errors.push(getErrorMessage(skillsResult.reason, 'Failed to load skills.'));\n        }\n        if (mcpResult.status === 'fulfilled') {\n          setConnectors(mcpResult.value);\n        } else {\n          errors.push(getErrorMessage(mcpResult.reason, 'Failed to load connectors.'));\n        }\n        setError(errors[0] ?? null);\n      })\n      .finally(() => {\n        if (!cancelled) {\n          setCompletedEpoch(requestEpoch);\n          setLoading(false);\n        }\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [requestEpoch, server]);\n\n  const loaded = requestEpoch !== null && completedEpoch === requestEpoch;\n  const value = useMemo(\n    () => ({ server, models, skills, connectors, loaded, loading, error, ensureLoaded, refresh, refreshConnectors }),\n    [server, models, skills, connectors, loaded, loading, error, ensureLoaded, refresh, refreshConnectors],\n  );\n\n  return <DraftCatalogContext.Provider value={value}>{children}</DraftCatalogContext.Provider>;\n}\n\nexport function useDraftCatalog(): DraftCatalogValue {\n  const ctx = useContext(DraftCatalogContext);\n  if (ctx == null) {\n    return {\n      models: [],\n      skills: [],\n      connectors: [],\n      loaded: false,\n      loading: false,\n      error: null,\n      ensureLoaded: IDLE_ENSURE,\n      refresh: IDLE_ENSURE,\n      refreshConnectors: IDLE_REFRESH,\n    };\n  }\n  return ctx;\n}\n"],"mappings":"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","names":["jsx","jsx","useContext","jsx","createContext","useContext","jsx","createContext","useContext"]}

package/dist/chunk-FXCYLEFB.js

@@ -0,0 +1,64 @@
+// src/hooks/useComposerBusyState.ts
+import { useThreadIsRunning } from "@assistant-ui/core/react";
+import { createContext, createElement, useCallback, useContext, useEffect, useState } from "react";
+var ComposerBusyContext = createContext(null);
+var busyFailureListeners = /* @__PURE__ */ new Set();
+function notifyComposerBusyFailure() {
+  for (const listener of busyFailureListeners) {
+    listener();
+  }
+}
+function useComposerBusyStateValue() {
+  const isRunning = useThreadIsRunning();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  useEffect(() => {
+    if (!isRunning) {
+      setIsSubmitting(false);
+    }
+  }, [isRunning]);
+  useEffect(() => {
+    const clearSubmitting = () => {
+      setIsSubmitting(false);
+    };
+    busyFailureListeners.add(clearSubmitting);
+    return () => {
+      busyFailureListeners.delete(clearSubmitting);
+    };
+  }, []);
+  const isBusy = isRunning || isSubmitting;
+  const resetBusy = useCallback(() => {
+    setIsSubmitting(false);
+  }, []);
+  const send = useCallback((sendFn) => {
+    setIsSubmitting(true);
+    try {
+      const result = sendFn();
+      if (result != null && typeof result.then === "function") {
+        void result.catch(() => {
+          setIsSubmitting(false);
+        });
+      }
+    } catch {
+      setIsSubmitting(false);
+    }
+  }, []);
+  return { isBusy, isRunning, isSubmitting, send, resetBusy };
+}
+function ComposerBusyProvider({ children }) {
+  const value = useComposerBusyStateValue();
+  return createElement(ComposerBusyContext.Provider, { value }, children);
+}
+function useComposerBusyState() {
+  const value = useContext(ComposerBusyContext);
+  if (value == null) {
+    throw new Error("useComposerBusyState must be used within ComposerBusyProvider");
+  }
+  return value;
+}
+
+export {
+  notifyComposerBusyFailure,
+  ComposerBusyProvider,
+  useComposerBusyState
+};
+//# sourceMappingURL=chunk-FXCYLEFB.js.map

package/dist/chunk-FXCYLEFB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useComposerBusyState.ts"],"sourcesContent":["'use client';\n\nimport { useThreadIsRunning } from '@assistant-ui/core/react';\nimport { createContext, createElement, useCallback, useContext, useEffect, useState, type ReactNode } from 'react';\n\nexport type ComposerBusyState = {\n  /** True while submitting or while the turn stream is active. */\n  isBusy: boolean;\n  isRunning: boolean;\n  isSubmitting: boolean;\n  send: (sendFn: () => void | Promise<void>) => void;\n  resetBusy: () => void;\n};\n\nconst ComposerBusyContext = createContext<ComposerBusyState | null>(null);\n\n/**\n * `aui.composer().send()` returns void and swallows `onNew` rejections, so the\n * optimistic submitting flag cannot clear via Promise.catch. First-message\n * failures (e.g. createSession) also never flip `useThreadIsRunning()`. Chat\n * runtime `onError` calls this so the Cancel/spinner state does not stick.\n */\nconst busyFailureListeners = new Set<() => void>();\n\nexport function notifyComposerBusyFailure(): void {\n  for (const listener of busyFailureListeners) {\n    listener();\n  }\n}\n\nfunction useComposerBusyStateValue(): ComposerBusyState {\n  const isRunning = useThreadIsRunning();\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  useEffect(() => {\n    if (!isRunning) {\n      setIsSubmitting(false);\n    }\n  }, [isRunning]);\n\n  useEffect(() => {\n    const clearSubmitting = () => {\n      setIsSubmitting(false);\n    };\n    busyFailureListeners.add(clearSubmitting);\n    return () => {\n      busyFailureListeners.delete(clearSubmitting);\n    };\n  }, []);\n\n  const isBusy = isRunning || isSubmitting;\n\n  const resetBusy = useCallback(() => {\n    setIsSubmitting(false);\n  }, []);\n\n  const send = useCallback((sendFn: () => void | Promise<void>) => {\n    setIsSubmitting(true);\n    try {\n      const result = sendFn();\n      if (result != null && typeof result.then === 'function') {\n        void result.catch(() => {\n          setIsSubmitting(false);\n        });\n      }\n    } catch {\n      setIsSubmitting(false);\n    }\n  }, []);\n\n  return { isBusy, isRunning, isSubmitting, send, resetBusy };\n}\n\nexport function ComposerBusyProvider({ children }: { children: ReactNode }) {\n  const value = useComposerBusyStateValue();\n  return createElement(ComposerBusyContext.Provider, { value }, children);\n}\n\n/**\n * Optimistic composer busy state shared across the thread. `useThreadIsRunning()`\n * only becomes true once the turn stream starts; this hook flips to busy\n * immediately on submit so the send button shows loading before session setup /\n * turn API work finishes.\n *\n * Must be used within `<ComposerBusyProvider>` (wired by default in `<Thread />`).\n */\nexport function useComposerBusyState(): ComposerBusyState {\n  const value = useContext(ComposerBusyContext);\n  if (value == null) {\n    throw new Error('useComposerBusyState must be used within ComposerBusyProvider');\n  }\n  return value;\n}\n"],"mappings":";AAEA,SAAS,0BAA0B;AACnC,SAAS,eAAe,eAAe,aAAa,YAAY,WAAW,gBAAgC;AAW3G,IAAM,sBAAsB,cAAwC,IAAI;AAQxE,IAAM,uBAAuB,oBAAI,IAAgB;AAE1C,SAAS,4BAAkC;AAChD,aAAW,YAAY,sBAAsB;AAC3C,aAAS;AAAA,EACX;AACF;AAEA,SAAS,4BAA+C;AACtD,QAAM,YAAY,mBAAmB;AACrC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,YAAU,MAAM;AACd,QAAI,CAAC,WAAW;AACd,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,YAAU,MAAM;AACd,UAAM,kBAAkB,MAAM;AAC5B,sBAAgB,KAAK;AAAA,IACvB;AACA,yBAAqB,IAAI,eAAe;AACxC,WAAO,MAAM;AACX,2BAAqB,OAAO,eAAe;AAAA,IAC7C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS,aAAa;AAE5B,QAAM,YAAY,YAAY,MAAM;AAClC,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO,YAAY,CAAC,WAAuC;AAC/D,oBAAgB,IAAI;AACpB,QAAI;AACF,YAAM,SAAS,OAAO;AACtB,UAAI,UAAU,QAAQ,OAAO,OAAO,SAAS,YAAY;AACvD,aAAK,OAAO,MAAM,MAAM;AACtB,0BAAgB,KAAK;AAAA,QACvB,CAAC;AAAA,MACH;AAAA,IACF,QAAQ;AACN,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,QAAQ,WAAW,cAAc,MAAM,UAAU;AAC5D;AAEO,SAAS,qBAAqB,EAAE,SAAS,GAA4B;AAC1E,QAAM,QAAQ,0BAA0B;AACxC,SAAO,cAAc,oBAAoB,UAAU,EAAE,MAAM,GAAG,QAAQ;AACxE;AAUO,SAAS,uBAA0C;AACxD,QAAM,QAAQ,WAAW,mBAAmB;AAC5C,MAAI,SAAS,MAAM;AACjB,UAAM,IAAI,MAAM,+DAA+D;AAAA,EACjF;AACA,SAAO;AACT;","names":[]}