@truefoundry/trueforge-ui 0.2.4 → 0.3.0-rc.1

package/dist/{chunk-IFLE7OMM.js → chunk-XAU7QFG3.js}

@@ -1,10 +1,10 @@
 import {
   useOptionalServer
-} from "./chunk-WQULF5AT.js";
+} from "./chunk-U7KURWW3.js";
 import {
   ThemeContext,
   cn
-} from "./chunk-72LC2M3R.js";
+} from "./chunk-7Z2C2K7F.js";
 
 // src/icons/Icon.tsx
 import { createElement, isValidElement, useContext } from "react";
@@ -19,6 +19,9 @@ import {
   Bot,
   Box,
   Brain,
+  Calendar,
+  CalendarClock,
+  CalendarPlus,
   Check,
   ChevronDown,
   ChevronLeft,
@@ -32,12 +35,17 @@ import {
   Cpu,
   Download,
   Ellipsis,
+  EllipsisVertical,
   ExternalLink,
   File,
   Github,
+  GripVertical,
   History,
   Info,
+  LibraryBig,
   Lightbulb,
+  LineChart,
+  Link2,
   ListChecks,
   ListFilter,
   ListOrdered,
@@ -46,11 +54,13 @@ import {
   LogOut,
   Maximize2,
   Menu,
+  MessageSquareText,
   Minimize2,
   Moon,
   PanelLeftClose,
   PanelLeftOpen,
   Paperclip,
+  Pause,
   Pencil,
   Play,
   Plug,
@@ -59,7 +69,9 @@ import {
   Save,
   Search,
   Settings,
+  SlidersHorizontal,
   Sparkle,
+  SquareArrowOutUpRight,
   SquarePen,
   Sun,
   Terminal,
@@ -111,10 +123,16 @@ var defaults = {
   check: Check,
   pencil: Pencil,
   play: Play,
+  pause: Pause,
+  calendar: Calendar,
+  "calendar-clock": CalendarClock,
+  "calendar-plus": CalendarPlus,
+  "grip-vertical": GripVertical,
   "square-pen": SquarePen,
   "rotate-right": RotateCw,
   broom: Broom,
   ellipsis: Ellipsis,
+  "ellipsis-vertical": EllipsisVertical,
   trash: Trash2,
   "box-archive": Archive,
   "clock-rotate-left": History,
@@ -135,6 +153,7 @@ var defaults = {
   sun: Sun,
   moon: Moon,
   settings: Settings,
+  sliders: SlidersHorizontal,
   "log-out": LogOut,
   search: Search,
   clock: Clock,
@@ -145,12 +164,16 @@ var defaults = {
   "oauth-loading": Loader2,
   "welcome-sparkle": Sparkle,
   robot: Bot,
+  bot: Bot,
+  "library-big": LibraryBig,
+  "message-square-text": MessageSquareText,
   "book-open": BookOpen,
   funnel: ListFilter,
   plug: Plug,
   "list-check": ListChecks,
   lock: Lock,
   lightbulb: Lightbulb,
+  link: Link2,
   wrench: Wrench,
   cpu: Cpu,
   cube: Box,
@@ -160,10 +183,12 @@ var defaults = {
   brain: Brain,
   terminal: Terminal,
   code: Code2,
+  chart: LineChart,
   expand: Maximize2,
   "expand-alt": Maximize2,
   compress: Minimize2,
   "external-link": ExternalLink,
+  "square-arrow-out-up-right": SquareArrowOutUpRight,
   github: Github
 };
 for (const [name, icon] of Object.entries(defaults)) {
@@ -252,11 +277,11 @@ var variantClasses = {
 };
 var sizeClasses = {
   default: "h-9 px-4 py-2 text-sm",
-  sm: "h-8 rounded-md px-3 text-xs",
+  sm: "h-8 rounded-md px-2 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";
+var baseClasses = "inline-flex cursor-pointer items-center justify-center gap-1 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",
@@ -402,98 +427,209 @@ function getErrorMessage(error, fallback) {
   return stringifyError(error);
 }
 
+// src/atoms/PageHeader.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var pageHeaderTitleClassName = "text-text-primary min-w-0 truncate text-md font-semibold";
+function PageHeader({ title, start, end, children, className }) {
+  return /* @__PURE__ */ jsxs2(
+    "header",
+    {
+      className: cn(
+        "flex min-h-14 shrink-0 flex-wrap items-center gap-2 border-b border-border px-4 md:px-6",
+        className
+      ),
+      children: [
+        start,
+        typeof title === "string" ? /* @__PURE__ */ jsx4("h1", { className: pageHeaderTitleClassName, children: title }) : title,
+        children,
+        end != null ? /* @__PURE__ */ jsx4("div", { className: "ml-auto flex min-w-0 flex-wrap items-center gap-2", children: end }) : null
+      ]
+    }
+  );
+}
+
 // src/atoms/lib/CompactLayoutContext.tsx
 import { createContext, useContext as useContext2 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var CompactLayoutContext = createContext(false);
 function CompactLayoutProvider({ children }) {
-  return /* @__PURE__ */ jsx4(CompactLayoutContext.Provider, { value: true, children });
+  return /* @__PURE__ */ jsx5(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";
+import { createContext as createContext2, useCallback, useContext as useContext3, useEffect, useMemo, useRef, useState } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var MCP_CONNECTORS_PAGE_SIZE = 50;
 var DraftCatalogContext = createContext2(null);
 var IDLE_ENSURE = () => void 0;
 var IDLE_REFRESH = async () => void 0;
+function appendConnectors({
+  previous,
+  next
+}) {
+  if (next.length === 0) return previous;
+  const seen = new Set(previous.map((connector) => connector.id));
+  const appended = next.filter((connector) => !seen.has(connector.id));
+  return appended.length === 0 ? previous : [...previous, ...appended];
+}
+async function fetchMcpPage({
+  server,
+  pageToken
+}) {
+  if (server.listMcp != null) {
+    return server.listMcp({
+      limit: MCP_CONNECTORS_PAGE_SIZE,
+      ...pageToken === void 0 ? {} : { pageToken }
+    });
+  }
+  const data = await server.getMcp();
+  return { data };
+}
 function DraftCatalogProvider({ children }) {
   const server = useOptionalServer();
   const existing = useContext3(DraftCatalogContext);
   if (existing?.server === server) {
     return children;
   }
-  return /* @__PURE__ */ jsx5(DraftCatalogStore, { server, children });
+  return /* @__PURE__ */ jsx6(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 [connectorsNextPageToken, setConnectorsNextPageToken] = useState(void 0);
+  const [connectorsLoadMoreFailed, setConnectorsLoadMoreFailed] = useState(false);
+  const [connectorsLoadingMore, setConnectorsLoadingMore] = useState(false);
   const [completedEpoch, setCompletedEpoch] = useState(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
+  const connectorsNextPageTokenRef = useRef(connectorsNextPageToken);
+  const connectorsLoadingMoreRef = useRef(connectorsLoadingMore);
+  const loadMoreFailedRef = useRef(false);
+  connectorsNextPageTokenRef.current = connectorsNextPageToken;
+  connectorsLoadingMoreRef.current = connectorsLoadingMore;
   const ensureLoaded = useCallback(() => {
     setRequestEpoch((current) => current ?? 0);
   }, []);
   const refresh = useCallback(() => {
+    loadMoreFailedRef.current = false;
+    setConnectorsLoadMoreFailed(false);
     setRequestEpoch((current) => (current ?? -1) + 1);
   }, []);
   const refreshConnectors = useCallback(async () => {
     if (!server) return;
     setLoading(true);
     setError(null);
+    loadMoreFailedRef.current = false;
+    setConnectorsLoadMoreFailed(false);
     try {
-      const nextConnectors = await server.getMcp();
-      setConnectors(nextConnectors);
+      const page = await fetchMcpPage({ server });
+      setConnectors(page.data);
+      setConnectorsNextPageToken(page.nextPageToken);
     } catch (reason) {
       setError(getErrorMessage(reason, "Failed to load connectors."));
     } finally {
       setLoading(false);
     }
   }, [server]);
+  const loadMoreConnectors = useCallback(() => {
+    if (!server) return;
+    const pageToken = connectorsNextPageTokenRef.current;
+    if (pageToken == null || pageToken.length === 0 || connectorsLoadingMoreRef.current) return;
+    setConnectorsLoadMoreFailed(false);
+    setConnectorsLoadingMore(true);
+    void fetchMcpPage({ server, pageToken }).then((page) => {
+      setConnectors((previous) => appendConnectors({ previous, next: page.data }));
+      setConnectorsNextPageToken(page.nextPageToken);
+      if (loadMoreFailedRef.current) {
+        loadMoreFailedRef.current = false;
+        setError(null);
+      }
+    }).catch((reason) => {
+      loadMoreFailedRef.current = true;
+      setConnectorsLoadMoreFailed(true);
+      setError(getErrorMessage(reason, "Failed to load more connectors."));
+    }).finally(() => {
+      setConnectorsLoadingMore(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) {
+    loadMoreFailedRef.current = false;
+    setConnectorsLoadMoreFailed(false);
+    void Promise.allSettled([server.getModels(), server.getSkills(), fetchMcpPage({ server })]).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.data);
+          setConnectorsNextPageToken(mcpResult.value.nextPageToken);
+        } else {
+          errors.push(getErrorMessage(mcpResult.reason, "Failed to load connectors."));
+        }
+        setError(errors[0] ?? null);
         setCompletedEpoch(requestEpoch);
         setLoading(false);
       }
-    });
+    );
     return () => {
       cancelled = true;
     };
   }, [requestEpoch, server]);
+  const connectorsHasMore = connectorsNextPageToken != null && connectorsNextPageToken.length > 0;
   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]
+    () => ({
+      server,
+      models,
+      skills,
+      connectors,
+      connectorsHasMore,
+      connectorsLoadMoreFailed,
+      connectorsLoadingMore,
+      loaded,
+      loading,
+      error,
+      ensureLoaded,
+      refresh,
+      refreshConnectors,
+      loadMoreConnectors
+    }),
+    [
+      server,
+      models,
+      skills,
+      connectors,
+      connectorsHasMore,
+      connectorsLoadMoreFailed,
+      connectorsLoadingMore,
+      loaded,
+      loading,
+      error,
+      ensureLoaded,
+      refresh,
+      refreshConnectors,
+      loadMoreConnectors
+    ]
   );
-  return /* @__PURE__ */ jsx5(DraftCatalogContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx6(DraftCatalogContext.Provider, { value, children });
 }
 function useDraftCatalog() {
   const ctx = useContext3(DraftCatalogContext);
@@ -502,12 +638,16 @@ function useDraftCatalog() {
       models: [],
       skills: [],
       connectors: [],
+      connectorsHasMore: false,
+      connectorsLoadMoreFailed: false,
+      connectorsLoadingMore: false,
       loaded: false,
       loading: false,
       error: null,
       ensureLoaded: IDLE_ENSURE,
       refresh: IDLE_ENSURE,
-      refreshConnectors: IDLE_REFRESH
+      refreshConnectors: IDLE_REFRESH,
+      loadMoreConnectors: IDLE_ENSURE
     };
   }
   return ctx;
@@ -519,9 +659,11 @@ export {
   Spinner,
   auiButtonClass,
   getErrorMessage,
+  pageHeaderTitleClassName,
+  PageHeader,
   CompactLayoutProvider,
   useCompactLayout,
   DraftCatalogProvider,
   useDraftCatalog
 };
-//# sourceMappingURL=chunk-IFLE7OMM.js.map
+//# sourceMappingURL=chunk-XAU7QFG3.js.map

package/dist/chunk-XAU7QFG3.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/PageHeader.tsx","../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  Calendar,\n  CalendarClock,\n  CalendarPlus,\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  EllipsisVertical,\n  ExternalLink,\n  File,\n  Github,\n  GripVertical,\n  History,\n  Info,\n  LibraryBig,\n  Lightbulb,\n  LineChart,\n  Link2,\n  ListChecks,\n  ListFilter,\n  ListOrdered,\n  Loader2,\n  Lock,\n  LogOut,\n  Maximize2,\n  Menu,\n  MessageSquareText,\n  Minimize2,\n  Moon,\n  PanelLeftClose,\n  PanelLeftOpen,\n  Paperclip,\n  Pause,\n  Pencil,\n  Play,\n  Plug,\n  Plus,\n  RotateCw,\n  Save,\n  Search,\n  Settings,\n  SlidersHorizontal,\n  Sparkle,\n  SquareArrowOutUpRight,\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  pause: Pause,\n  calendar: Calendar,\n  'calendar-clock': CalendarClock,\n  'calendar-plus': CalendarPlus,\n  'grip-vertical': GripVertical,\n  'square-pen': SquarePen,\n  'rotate-right': RotateCw,\n  broom: Broom,\n  ellipsis: Ellipsis,\n  'ellipsis-vertical': EllipsisVertical,\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  sliders: SlidersHorizontal,\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  bot: Bot,\n  'library-big': LibraryBig,\n  'message-square-text': MessageSquareText,\n  'book-open': BookOpen,\n  funnel: ListFilter,\n  plug: Plug,\n  'list-check': ListChecks,\n  lock: Lock,\n  lightbulb: Lightbulb,\n  link: Link2,\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  chart: LineChart,\n  expand: Maximize2,\n  'expand-alt': Maximize2,\n  compress: Minimize2,\n  'external-link': ExternalLink,\n  'square-arrow-out-up-right': SquareArrowOutUpRight,\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-2 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-1 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\nconst LITERAL_ESCAPE_PATTERN = /\\\\(?:[nrtbfv0'\"\\\\]|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{2})/; // literal escape sequences like \\n, \\t, \\b, \\f, \\v, \\uXXXX, \\xHH\nconst REAL_CONTROL_PATTERN = /[\\n\\t\\b\\f\\v]/; // real control characters like \\n, \\t, \\b, \\f, \\v\n\nfunction decodeLiteralEscapes(text: string): string {\n  let out = '';\n  for (let i = 0; i < text.length; i += 1) {\n    const char = text[i];\n    if (char !== '\\\\' || i + 1 >= text.length) {\n      out += char;\n      continue;\n    }\n\n    const next = text[i + 1];\n    switch (next) {\n      case 'n':\n        out += '\\n';\n        i += 1;\n        break;\n      case 't':\n        out += '\\t';\n        i += 1;\n        break;\n      case 'r':\n        out += '\\r';\n        i += 1;\n        break;\n      case 'b':\n        out += '\\b';\n        i += 1;\n        break;\n      case 'f':\n        out += '\\f';\n        i += 1;\n        break;\n      case 'v':\n        out += '\\v';\n        i += 1;\n        break;\n      case '0':\n        out += '\\0';\n        i += 1;\n        break;\n      case '\\\\':\n        out += '\\\\';\n        i += 1;\n        break;\n      case '\"':\n        out += '\"';\n        i += 1;\n        break;\n      case \"'\":\n        out += \"'\";\n        i += 1;\n        break;\n      case 'u': {\n        const hex = text.slice(i + 2, i + 6);\n        if (/^[0-9a-fA-F]{4}$/.test(hex)) {\n          out += String.fromCharCode(Number.parseInt(hex, 16));\n          i += 5;\n        } else {\n          out += char;\n        }\n        break;\n      }\n      case 'x': {\n        const hex = text.slice(i + 2, i + 4);\n        if (/^[0-9a-fA-F]{2}$/.test(hex)) {\n          out += String.fromCharCode(Number.parseInt(hex, 16));\n          i += 3;\n        } else {\n          out += char;\n        }\n        break;\n      }\n      default:\n        out += char;\n        break;\n    }\n  }\n  return out;\n}\n\n// Decodes JSON/C-style escape sequences (e.g., \\n, \\t) in error messages, preserving real control characters and normalizing line endings.\nexport function decodeErrorMessageEscapes(text: string): string {\n  const normalized = text.replace(/\\r\\n/g, '\\n').replace(/\\r/g, '\\n');\n  if (REAL_CONTROL_PATTERN.test(normalized) || !LITERAL_ESCAPE_PATTERN.test(normalized)) {\n    // If the string contains real control characters or no literal escape sequences, return the normalized string.\n    return normalized;\n  }\n  // else decode the literal escape sequences and normalize line endings\n  return decodeLiteralEscapes(normalized).replace(/\\r\\n/g, '\\n').replace(/\\r/g, '\\n');\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 *\n * Escape sequences (`\\n`, `\\t`, `\\r`, `\\uXXXX`, …) are decoded for display when\n * still present as literal text.\n */\nexport function getErrorMessage(error: unknown, fallback?: string): string {\n  if (typeof error === 'string') {\n    const trimmed = error.trim();\n    if (trimmed !== '') return decodeErrorMessageEscapes(error);\n    return fallback != null ? decodeErrorMessageEscapes(fallback) : decodeErrorMessageEscapes(error);\n  }\n\n  if (isRecord(error) && 'body' in error) {\n    const fromBody = messageFromErrorShaped(error.body);\n    if (fromBody != null) return decodeErrorMessageEscapes(fromBody);\n    if (error.body != null) {\n      if (typeof error.body === 'string') {\n        const trimmed = error.body.trim();\n        if (trimmed !== '') return decodeErrorMessageEscapes(error.body);\n      } else {\n        return stringifyError(error.body);\n      }\n    }\n  }\n\n  const fromShape = messageFromErrorShaped(error);\n  if (fromShape != null) return decodeErrorMessageEscapes(fromShape);\n\n  if (fallback != null) return decodeErrorMessageEscapes(fallback);\n  return stringifyError(error);\n}\n","'use client';\n\nimport type { ReactNode } from 'react';\n\nimport { cn } from './lib/cn.js';\n\n/** Shared title styles for page / chat chrome headers. */\nexport const pageHeaderTitleClassName = 'text-text-primary min-w-0 truncate text-md font-semibold';\n\nexport type PageHeaderProps = {\n  /** Page name, or a custom title node (e.g. `NamedAgentHeaderLabel`). Strings use the shared h1 styles. */\n  title?: ReactNode;\n  /** Leading chrome (back / menu). */\n  start?: ReactNode;\n  /** Trailing actions; pushed to the end. */\n  end?: ReactNode;\n  /** Extra content between title and end (prefer `start` / `end` when possible). */\n  children?: ReactNode;\n  className?: string;\n};\n\n/** Shared shell/page header bar used by chat chrome and list pages.\n * `min-h-14` keeps a single-row bar aligned with Agent Config; wrapping end actions can grow the bar.\n */\nexport function PageHeader({ title, start, end, children, className }: PageHeaderProps) {\n  return (\n    <header\n      className={cn(\n        'flex min-h-14 shrink-0 flex-wrap items-center gap-2 border-b border-border px-4 md:px-6',\n        className,\n      )}\n    >\n      {start}\n      {typeof title === 'string' ? <h1 className={pageHeaderTitleClassName}>{title}</h1> : title}\n      {children}\n      {end != null ? <div className=\"ml-auto flex min-w-0 flex-wrap items-center gap-2\">{end}</div> : null}\n    </header>\n  );\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, useRef, useState, type ReactNode } from 'react';\n\nimport { useOptionalServer } from '../../server/ServerContext.js';\nimport type { AgentSkill, AgentUIServer, ConnectorState, ListResult, ModelSelection } from '../../server/types.js';\nimport { getErrorMessage } from '../../utils/getErrorMessage.js';\n\n/** Picker page size for MCP infinite scroll. */\nexport const MCP_CONNECTORS_PAGE_SIZE = 50;\n\ntype DraftCatalogValue = {\n  models: ModelSelection[];\n  skills: AgentSkill[];\n  connectors: ConnectorState[];\n  connectorsHasMore: boolean;\n  connectorsLoadMoreFailed: boolean;\n  connectorsLoadingMore: boolean;\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  /** Append the next MCP page when `connectorsHasMore`. */\n  loadMoreConnectors: () => 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\nfunction appendConnectors({\n  previous,\n  next,\n}: {\n  previous: ConnectorState[];\n  next: ConnectorState[];\n}): ConnectorState[] {\n  if (next.length === 0) return previous;\n  const seen = new Set(previous.map(connector => connector.id));\n  const appended = next.filter(connector => !seen.has(connector.id));\n  return appended.length === 0 ? previous : [...previous, ...appended];\n}\n\nasync function fetchMcpPage({\n  server,\n  pageToken,\n}: {\n  server: AgentUIServer;\n  pageToken?: string;\n}): Promise<ListResult<ConnectorState>> {\n  if (server.listMcp != null) {\n    return server.listMcp({\n      limit: MCP_CONNECTORS_PAGE_SIZE,\n      ...(pageToken === undefined ? {} : { pageToken }),\n    });\n  }\n  const data = await server.getMcp();\n  return { data };\n}\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 [connectorsNextPageToken, setConnectorsNextPageToken] = useState<string | undefined>(undefined);\n  const [connectorsLoadMoreFailed, setConnectorsLoadMoreFailed] = useState(false);\n  const [connectorsLoadingMore, setConnectorsLoadingMore] = useState(false);\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 connectorsNextPageTokenRef = useRef(connectorsNextPageToken);\n  const connectorsLoadingMoreRef = useRef(connectorsLoadingMore);\n  const loadMoreFailedRef = useRef(false);\n  connectorsNextPageTokenRef.current = connectorsNextPageToken;\n  connectorsLoadingMoreRef.current = connectorsLoadingMore;\n\n  const ensureLoaded = useCallback(() => {\n    setRequestEpoch(current => current ?? 0);\n  }, []);\n\n  const refresh = useCallback(() => {\n    loadMoreFailedRef.current = false;\n    setConnectorsLoadMoreFailed(false);\n    setRequestEpoch(current => (current ?? -1) + 1);\n  }, []);\n\n  const refreshConnectors = useCallback(async () => {\n    if (!server) return;\n    setLoading(true);\n    setError(null);\n    loadMoreFailedRef.current = false;\n    setConnectorsLoadMoreFailed(false);\n    try {\n      const page = await fetchMcpPage({ server });\n      setConnectors(page.data);\n      setConnectorsNextPageToken(page.nextPageToken);\n    } catch (reason: unknown) {\n      setError(getErrorMessage(reason, 'Failed to load connectors.'));\n    } finally {\n      setLoading(false);\n    }\n  }, [server]);\n\n  const loadMoreConnectors = useCallback(() => {\n    if (!server) return;\n    const pageToken = connectorsNextPageTokenRef.current;\n    if (pageToken == null || pageToken.length === 0 || connectorsLoadingMoreRef.current) return;\n\n    setConnectorsLoadMoreFailed(false);\n    setConnectorsLoadingMore(true);\n    void fetchMcpPage({ server, pageToken })\n      .then(page => {\n        setConnectors(previous => appendConnectors({ previous, next: page.data }));\n        setConnectorsNextPageToken(page.nextPageToken);\n        // Clear a stale load-more failure once a retry succeeds.\n        if (loadMoreFailedRef.current) {\n          loadMoreFailedRef.current = false;\n          setError(null);\n        }\n      })\n      .catch((reason: unknown) => {\n        loadMoreFailedRef.current = true;\n        setConnectorsLoadMoreFailed(true);\n        setError(getErrorMessage(reason, 'Failed to load more connectors.'));\n      })\n      .finally(() => {\n        setConnectorsLoadingMore(false);\n      });\n  }, [server]);\n\n  useEffect(() => {\n    if (requestEpoch === null || !server) return;\n    let cancelled = false;\n    setLoading(true);\n    setError(null);\n    loadMoreFailedRef.current = false;\n    setConnectorsLoadMoreFailed(false);\n    // Settle each list alone so one failing picker does not blank the others.\n    void Promise.allSettled([server.getModels(), server.getSkills(), fetchMcpPage({ server })]).then(\n      ([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.data);\n          setConnectorsNextPageToken(mcpResult.value.nextPageToken);\n        } else {\n          errors.push(getErrorMessage(mcpResult.reason, 'Failed to load connectors.'));\n        }\n        setError(errors[0] ?? null);\n        setCompletedEpoch(requestEpoch);\n        setLoading(false);\n      },\n    );\n    return () => {\n      cancelled = true;\n    };\n  }, [requestEpoch, server]);\n\n  const connectorsHasMore = connectorsNextPageToken != null && connectorsNextPageToken.length > 0;\n  const loaded = requestEpoch !== null && completedEpoch === requestEpoch;\n  const value = useMemo(\n    () => ({\n      server,\n      models,\n      skills,\n      connectors,\n      connectorsHasMore,\n      connectorsLoadMoreFailed,\n      connectorsLoadingMore,\n      loaded,\n      loading,\n      error,\n      ensureLoaded,\n      refresh,\n      refreshConnectors,\n      loadMoreConnectors,\n    }),\n    [\n      server,\n      models,\n      skills,\n      connectors,\n      connectorsHasMore,\n      connectorsLoadMoreFailed,\n      connectorsLoadingMore,\n      loaded,\n      loading,\n      error,\n      ensureLoaded,\n      refresh,\n      refreshConnectors,\n      loadMoreConnectors,\n    ],\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      connectorsHasMore: false,\n      connectorsLoadMoreFailed: false,\n      connectorsLoadingMore: false,\n      loaded: false,\n      loading: false,\n      error: null,\n      ensureLoaded: IDLE_ENSURE,\n      refresh: IDLE_ENSURE,\n      refreshConnectors: IDLE_REFRESH,\n      loadMoreConnectors: IDLE_ENSURE,\n    };\n  }\n  return ctx;\n}\n"],"mappings":"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","names":["jsx","jsx","jsx","jsxs","useContext","jsx","createContext","useContext","jsx","createContext","useContext"]}

package/dist/chunk-Y6S4OVVQ.js

@@ -0,0 +1,16 @@
+// src/routing/ResolvedRoutesContext.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var ResolvedRoutesContext = createContext(null);
+function ResolvedRoutesProvider({ routes, children }) {
+  return /* @__PURE__ */ jsx(ResolvedRoutesContext.Provider, { value: routes, children });
+}
+function useOptionalResolvedRoutes() {
+  return useContext(ResolvedRoutesContext);
+}
+
+export {
+  ResolvedRoutesProvider,
+  useOptionalResolvedRoutes
+};
+//# sourceMappingURL=chunk-Y6S4OVVQ.js.map

package/dist/chunk-Y6S4OVVQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routing/ResolvedRoutesContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\n\nimport type { ResolvedRoutes } from './types.js';\n\nconst ResolvedRoutesContext = createContext<ResolvedRoutes | null>(null);\n\n/** Present only when the shell is mounted under `withRouter`. */\nexport function ResolvedRoutesProvider({ routes, children }: { routes: ResolvedRoutes; children: ReactNode }) {\n  return <ResolvedRoutesContext.Provider value={routes}>{children}</ResolvedRoutesContext.Provider>;\n}\n\nexport function useOptionalResolvedRoutes(): ResolvedRoutes | null {\n  return useContext(ResolvedRoutesContext);\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkC;AAQjD;AAJT,IAAM,wBAAwB,cAAqC,IAAI;AAGhE,SAAS,uBAAuB,EAAE,QAAQ,SAAS,GAAoD;AAC5G,SAAO,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,QAAS,UAAS;AAClE;AAEO,SAAS,4BAAmD;AACjE,SAAO,WAAW,qBAAqB;AACzC;","names":[]}

package/dist/chunk-ZKNUMH2M.js

@@ -0,0 +1,119 @@
+import {
+  formatCostUsd,
+  formatDurationMs,
+  useThemeMode
+} from "./chunk-ZTMKFZQ3.js";
+
+// src/atoms/agent-details/AgentMetricChart.tsx
+import {
+  CategoryScale,
+  Chart as ChartJS,
+  Legend,
+  LinearScale,
+  LineElement,
+  PointElement,
+  Tooltip
+} from "chart.js";
+import { useMemo } from "react";
+import { Line } from "react-chartjs-2";
+import { jsx, jsxs } from "react/jsx-runtime";
+ChartJS.register(CategoryScale, LinearScale, LineElement, PointElement, Legend, Tooltip);
+var LIGHT_COLORS = ["#2563eb", "#16a34a", "#9333ea", "#ea580c", "#0891b2"];
+var DARK_COLORS = ["#60a5fa", "#4ade80", "#c084fc", "#fb923c", "#22d3ee"];
+var numberFormatter = new Intl.NumberFormat(void 0, { maximumFractionDigits: 4 });
+var timestampFormatter = new Intl.DateTimeFormat(void 0, {
+  month: "short",
+  day: "numeric",
+  hour: "numeric",
+  minute: "2-digit"
+});
+function formatValue(value, unit) {
+  if (unit === "$") return formatCostUsd(value);
+  if (unit === "ms") return formatDurationMs(value);
+  return `${numberFormatter.format(value)}${unit === "count" || unit.length === 0 ? "" : ` ${unit}`}`;
+}
+function formatTimestamp(timestamp) {
+  const date = new Date(timestamp);
+  return Number.isNaN(date.getTime()) ? timestamp : timestampFormatter.format(date);
+}
+function AgentMetricChart({ graph, definition, error }) {
+  const mode = useThemeMode();
+  const colors = mode === "dark" ? DARK_COLORS : LIGHT_COLORS;
+  const axisColor = mode === "dark" ? "#a1a1aa" : "#71717a";
+  const gridColor = mode === "dark" ? "#27272a" : "#e4e4e7";
+  const labels = useMemo(
+    () => graph == null ? [] : [...new Set(graph.graphLines.flatMap((line) => line.values.map((point) => point.timestamp)))].sort(),
+    [graph]
+  );
+  const data = useMemo(
+    () => ({
+      labels: labels.map(formatTimestamp),
+      datasets: graph?.graphLines.map((line, index) => {
+        const valuesByTimestamp = new Map(line.values.map((point) => [point.timestamp, point.value]));
+        const color = colors[index % colors.length];
+        return {
+          label: line.name,
+          data: labels.map((timestamp) => valuesByTimestamp.get(timestamp) ?? null),
+          borderColor: color,
+          backgroundColor: color,
+          pointRadius: 2,
+          pointHoverRadius: 4,
+          borderWidth: 2,
+          tension: 0.25,
+          spanGaps: true
+        };
+      }) ?? []
+    }),
+    [colors, graph, labels]
+  );
+  const options = useMemo(
+    () => ({
+      responsive: true,
+      maintainAspectRatio: false,
+      animation: false,
+      interaction: { intersect: false, mode: "index" },
+      plugins: {
+        legend: {
+          display: (graph?.graphLines.length ?? 0) > 1,
+          labels: { color: axisColor, boxWidth: 10, boxHeight: 2 }
+        },
+        tooltip: {
+          callbacks: {
+            label: (context) => {
+              const value = context.parsed.y;
+              return `${context.dataset.label ?? ""}: ${value == null ? "\u2014" : formatValue(value, graph?.unit ?? "")}`;
+            }
+          }
+        }
+      },
+      scales: {
+        x: {
+          grid: { display: false },
+          border: { color: gridColor },
+          ticks: { color: axisColor, maxRotation: 0, autoSkip: true, maxTicksLimit: 8 }
+        },
+        y: {
+          beginAtZero: true,
+          grid: { color: gridColor },
+          border: { display: false },
+          ticks: {
+            color: axisColor,
+            callback: (value) => formatValue(Number(value), graph?.unit ?? "")
+          }
+        }
+      }
+    }),
+    [axisColor, graph, gridColor]
+  );
+  const hasData = graph?.graphLines.some((line) => line.values.length > 0) === true;
+  return /* @__PURE__ */ jsxs("section", { className: "min-w-0 rounded-lg border border-border bg-card-bg p-4", "data-slot": "agent-metric-chart", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-text-primary", children: graph?.displayName ?? definition.displayName }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-text-secondary", children: graph?.description ?? definition.description }),
+    /* @__PURE__ */ jsx("div", { className: "mt-4 h-64", children: error != null ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center text-sm text-failure-bg", children: error }) : hasData ? /* @__PURE__ */ jsx(Line, { data, options }) : /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center text-sm text-text-secondary", children: "No data" }) })
+  ] });
+}
+
+export {
+  AgentMetricChart
+};
+//# sourceMappingURL=chunk-ZKNUMH2M.js.map

package/dist/chunk-ZKNUMH2M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/agent-details/AgentMetricChart.tsx"],"sourcesContent":["'use client';\n\nimport {\n  CategoryScale,\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Tooltip,\n  type ChartData,\n  type ChartOptions,\n} from 'chart.js';\nimport { useMemo, type ComponentType } from 'react';\nimport { Line } from 'react-chartjs-2';\n\nimport { useThemeMode } from '../../theme/SlotsProvider.js';\nimport { formatCostUsd, formatDurationMs } from '../../utils/sessionDisplayFormat.js';\nimport type { AgentMetricChartProps } from './types.js';\n\nChartJS.register(CategoryScale, LinearScale, LineElement, PointElement, Legend, Tooltip);\n\nconst LIGHT_COLORS = ['#2563eb', '#16a34a', '#9333ea', '#ea580c', '#0891b2'];\nconst DARK_COLORS = ['#60a5fa', '#4ade80', '#c084fc', '#fb923c', '#22d3ee'];\nconst numberFormatter = new Intl.NumberFormat(undefined, { maximumFractionDigits: 4 });\nconst timestampFormatter = new Intl.DateTimeFormat(undefined, {\n  month: 'short',\n  day: 'numeric',\n  hour: 'numeric',\n  minute: '2-digit',\n});\n\nfunction formatValue(value: number, unit: string): string {\n  if (unit === '$') return formatCostUsd(value);\n  if (unit === 'ms') return formatDurationMs(value);\n  return `${numberFormatter.format(value)}${unit === 'count' || unit.length === 0 ? '' : ` ${unit}`}`;\n}\n\nfunction formatTimestamp(timestamp: string): string {\n  const date = new Date(timestamp);\n  return Number.isNaN(date.getTime()) ? timestamp : timestampFormatter.format(date);\n}\n\nexport function AgentMetricChart({ graph, definition, error }: AgentMetricChartProps) {\n  const mode = useThemeMode();\n  const colors = mode === 'dark' ? DARK_COLORS : LIGHT_COLORS;\n  const axisColor = mode === 'dark' ? '#a1a1aa' : '#71717a';\n  const gridColor = mode === 'dark' ? '#27272a' : '#e4e4e7';\n  const labels = useMemo(\n    () =>\n      graph == null\n        ? []\n        : [...new Set(graph.graphLines.flatMap(line => line.values.map(point => point.timestamp)))].sort(),\n    [graph],\n  );\n  const data = useMemo<ChartData<'line', Array<number | null>, string>>(\n    () => ({\n      labels: labels.map(formatTimestamp),\n      datasets:\n        graph?.graphLines.map((line, index) => {\n          const valuesByTimestamp = new Map(line.values.map(point => [point.timestamp, point.value]));\n          const color = colors[index % colors.length];\n          return {\n            label: line.name,\n            data: labels.map(timestamp => valuesByTimestamp.get(timestamp) ?? null),\n            borderColor: color,\n            backgroundColor: color,\n            pointRadius: 2,\n            pointHoverRadius: 4,\n            borderWidth: 2,\n            tension: 0.25,\n            spanGaps: true,\n          };\n        }) ?? [],\n    }),\n    [colors, graph, labels],\n  );\n  const options = useMemo<ChartOptions<'line'>>(\n    () => ({\n      responsive: true,\n      maintainAspectRatio: false,\n      animation: false,\n      interaction: { intersect: false, mode: 'index' },\n      plugins: {\n        legend: {\n          display: (graph?.graphLines.length ?? 0) > 1,\n          labels: { color: axisColor, boxWidth: 10, boxHeight: 2 },\n        },\n        tooltip: {\n          callbacks: {\n            label: context => {\n              const value = context.parsed.y;\n              return `${context.dataset.label ?? ''}: ${value == null ? '—' : formatValue(value, graph?.unit ?? '')}`;\n            },\n          },\n        },\n      },\n      scales: {\n        x: {\n          grid: { display: false },\n          border: { color: gridColor },\n          ticks: { color: axisColor, maxRotation: 0, autoSkip: true, maxTicksLimit: 8 },\n        },\n        y: {\n          beginAtZero: true,\n          grid: { color: gridColor },\n          border: { display: false },\n          ticks: {\n            color: axisColor,\n            callback: value => formatValue(Number(value), graph?.unit ?? ''),\n          },\n        },\n      },\n    }),\n    [axisColor, graph, gridColor],\n  );\n  const hasData = graph?.graphLines.some(line => line.values.length > 0) === true;\n\n  return (\n    <section className=\"min-w-0 rounded-lg border border-border bg-card-bg p-4\" data-slot=\"agent-metric-chart\">\n      <h3 className=\"text-sm font-semibold text-text-primary\">{graph?.displayName ?? definition.displayName}</h3>\n      <p className=\"mt-1 text-xs text-text-secondary\">{graph?.description ?? definition.description}</p>\n      <div className=\"mt-4 h-64\">\n        {error != null ? (\n          <div className=\"flex h-full items-center justify-center text-sm text-failure-bg\">{error}</div>\n        ) : hasData ? (\n          <Line data={data} options={options} />\n        ) : (\n          <div className=\"flex h-full items-center justify-center text-sm text-text-secondary\">No data</div>\n        )}\n      </div>\n    </section>\n  );\n}\n\ndeclare module '../../theme/SlotsProvider.js' {\n  interface AtomSlots {\n    AgentMetricChart: ComponentType<AgentMetricChartProps>;\n  }\n}\n"],"mappings":"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","names":[]}