@elabs-ai/components-ai 4.2.0 → 5.1.0

package/dist/chunk-EV3U6ZZB.js

@@ -0,0 +1,209 @@
+"use client";
+
+// src/message-edit.tsx
+import {
+  createContext,
+  forwardRef,
+  use,
+  useCallback,
+  useEffect,
+  useId,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { Check, Pencil, X } from "lucide-react";
+import { Button, Textarea } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { useLocale } from "@elabs-ai/components-ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var MessageEditContext = createContext(null);
+function useMessageEditContext() {
+  const ctx = use(MessageEditContext);
+  if (!ctx) {
+    throw new Error("MessageEdit sub-components must be rendered inside <MessageEditProvider>.");
+  }
+  return ctx;
+}
+function useMessageEdit() {
+  const { editing, draft, beginEdit, cancel, submit } = useMessageEditContext();
+  return { editing, draft, beginEdit, cancel, submit };
+}
+function MessageEditProvider({
+  value,
+  onEditSubmit,
+  editing: editingProp,
+  defaultEditing = false,
+  onEditingChange,
+  children
+}) {
+  const editorId = useId();
+  const isControlled = editingProp !== void 0;
+  const [internalEditing, setInternalEditing] = useState(defaultEditing);
+  const editing = isControlled ? editingProp : internalEditing;
+  const [draft, setDraft] = useState(value);
+  const triggerRef = useRef(null);
+  const restoreFocus = useRef(false);
+  const setEditing = useCallback(
+    (next) => {
+      if (!isControlled) setInternalEditing(next);
+      onEditingChange?.(next);
+    },
+    [isControlled, onEditingChange]
+  );
+  const beginEdit = useCallback(() => {
+    setDraft(value);
+    setEditing(true);
+  }, [value, setEditing]);
+  const cancel = useCallback(() => {
+    setDraft(value);
+    restoreFocus.current = true;
+    setEditing(false);
+  }, [value, setEditing]);
+  const submit = useCallback(() => {
+    onEditSubmit?.(draft);
+    restoreFocus.current = true;
+    setEditing(false);
+  }, [draft, onEditSubmit, setEditing]);
+  useEffect(() => {
+    if (!editing && restoreFocus.current) {
+      restoreFocus.current = false;
+      triggerRef.current?.focus();
+    }
+  }, [editing]);
+  const contextValue = useMemo(
+    () => ({ editing, draft, setDraft, beginEdit, cancel, submit, triggerRef, editorId }),
+    [editing, draft, beginEdit, cancel, submit, editorId]
+  );
+  return /* @__PURE__ */ jsx(MessageEditContext.Provider, { value: contextValue, children });
+}
+var MessageEditForm = forwardRef(
+  function MessageEditForm2({ className, saveLabel = "Save", cancelLabel = "Cancel", ...props }, ref) {
+    const { t } = useLocale();
+    const { draft, setDraft, cancel, submit, editorId } = useMessageEditContext();
+    const textareaRef = useRef(null);
+    useEffect(() => {
+      const el = textareaRef.current;
+      if (el) {
+        el.focus();
+        el.setSelectionRange(el.value.length, el.value.length);
+      }
+    }, []);
+    const handleSubmit = (e) => {
+      e.preventDefault();
+      submit();
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        cancel();
+        return;
+      }
+      if (e.key === "Enter" && !e.shiftKey && e.target === textareaRef.current) {
+        e.preventDefault();
+        submit();
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      "form",
+      {
+        ref,
+        onSubmit: handleSubmit,
+        onKeyDown: handleKeyDown,
+        className: cn("flex w-full flex-col gap-2", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              ref: textareaRef,
+              id: editorId,
+              value: draft,
+              "aria-label": t("ai.message.editMessage"),
+              onChange: (e) => setDraft(e.target.value),
+              className: "min-h-16"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+            /* @__PURE__ */ jsxs(Button, { type: "button", variant: "ghost", size: "sm", onClick: cancel, children: [
+              /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "size-4" }),
+              cancelLabel
+            ] }),
+            /* @__PURE__ */ jsxs(Button, { type: "submit", size: "sm", disabled: draft.trim().length === 0, children: [
+              /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" }),
+              saveLabel
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+var MessageEditContent = forwardRef(
+  function MessageEditContent2({ className, children, ...props }, ref) {
+    const { editing } = useMessageEditContext();
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), ...props, children: editing ? /* @__PURE__ */ jsx(MessageEditForm, {}) : children });
+  }
+);
+var MessageEditTrigger = forwardRef(
+  function MessageEditTrigger2({ className, children, variant = "ghost", size = "sm", onClick, ...props }, ref) {
+    const { editing, beginEdit, triggerRef } = useMessageEditContext();
+    if (editing) return null;
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        ref: (node) => {
+          triggerRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
+        variant,
+        size,
+        className,
+        onClick: (e) => {
+          onClick?.(e);
+          beginEdit();
+        },
+        ...props,
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Pencil, { "aria-hidden": "true", className: "size-4" }),
+          "Edit"
+        ] })
+      }
+    );
+  }
+);
+var MessageEdit = forwardRef(function MessageEdit2({ value, onEditSubmit, editing, defaultEditing, onEditingChange, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    MessageEditProvider,
+    {
+      value,
+      onEditSubmit,
+      editing,
+      defaultEditing,
+      onEditingChange,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          className: cn("group/message-edit flex w-full flex-col gap-1", className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(MessageEditContent, { children }),
+            /* @__PURE__ */ jsx("div", { className: "flex justify-end opacity-0 transition-opacity duration-fast focus-within:opacity-100 group-hover/message-edit:opacity-100 motion-reduce:transition-none", children: /* @__PURE__ */ jsx(MessageEditTrigger, {}) })
+          ]
+        }
+      )
+    }
+  );
+});
+
+export {
+  useMessageEdit,
+  MessageEditProvider,
+  MessageEditForm,
+  MessageEditContent,
+  MessageEditTrigger,
+  MessageEdit
+};
+//# sourceMappingURL=chunk-EV3U6ZZB.js.map

package/dist/chunk-EV3U6ZZB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/message-edit.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * MessageEdit — edit-in-place for a user message.\n *\n * Swaps a message bubble between its display content and an inline editor\n * (the composer's `Textarea` primitive) seeded with the original text.\n * `onEditSubmit(newText)` fires on save — the consumer then creates a branch\n * (compose with `MessageBranch*`). Presentational only: it never mutates the\n * message; the original is simply restored on cancel because the source text is\n * untouched until `onEditSubmit`.\n *\n * Behavior: Enter submits, Shift+Enter inserts a newline, Esc cancels. Focus\n * moves into the editor on begin, is trapped within it while editing, and is\n * restored to the trigger on cancel/submit.\n *\n * Compound structure (the ChangeReview convention — named parts, lifted state):\n *   <MessageEditProvider>   — lifted edit state (editing + draft + actions)\n *     <MessageEditContent>  — display children, or the inline editor\n *     <MessageEditTrigger>  — begins editing (focus is restored here on exit)\n */\n\nimport {\n  createContext,\n  forwardRef,\n  use,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type FormEvent,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { Check, Pencil, X } from \"lucide-react\";\nimport { Button, Textarea } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { useLocale } from \"@elabs-ai/components-ui\";\n\n// ─── Context ────────────────────────────────────────────────────────────────\n\ninterface MessageEditContextValue {\n  editing: boolean;\n  draft: string;\n  setDraft: (value: string) => void;\n  beginEdit: () => void;\n  cancel: () => void;\n  submit: () => void;\n  /** Ref for the trigger element so focus can be restored to it on exit. */\n  triggerRef: React.MutableRefObject<HTMLElement | null>;\n  editorId: string;\n}\n\nconst MessageEditContext = createContext<MessageEditContextValue | null>(null);\n\nfunction useMessageEditContext(): MessageEditContextValue {\n  const ctx = use(MessageEditContext);\n  if (!ctx) {\n    throw new Error(\"MessageEdit sub-components must be rendered inside <MessageEditProvider>.\");\n  }\n  return ctx;\n}\n\n/** Read-only access to the edit state (for a custom trigger/toolbar). */\nexport function useMessageEdit(): Pick<\n  MessageEditContextValue,\n  \"editing\" | \"draft\" | \"beginEdit\" | \"cancel\" | \"submit\"\n> {\n  const { editing, draft, beginEdit, cancel, submit } = useMessageEditContext();\n  return { editing, draft, beginEdit, cancel, submit };\n}\n\n// ─── Provider ───────────────────────────────────────────────────────────────\n\nexport interface MessageEditProviderProps {\n  /** The editable source text (seeds the editor on begin). */\n  value: string;\n  /** Called with the new text on save. The consumer creates the branch. */\n  onEditSubmit?: (newText: string) => void;\n  /** Controlled editing state. When set, `onEditingChange` drives transitions. */\n  editing?: boolean;\n  /** Uncontrolled initial editing state. @default false */\n  defaultEditing?: boolean;\n  /** Called when editing begins/ends. */\n  onEditingChange?: (editing: boolean) => void;\n  children: ReactNode;\n}\n\n/** Lifts the edit state (editing + draft). Controlled or uncontrolled. */\nexport function MessageEditProvider({\n  value,\n  onEditSubmit,\n  editing: editingProp,\n  defaultEditing = false,\n  onEditingChange,\n  children,\n}: MessageEditProviderProps) {\n  const editorId = useId();\n  const isControlled = editingProp !== undefined;\n  const [internalEditing, setInternalEditing] = useState(defaultEditing);\n  const editing = isControlled ? (editingProp as boolean) : internalEditing;\n\n  const [draft, setDraft] = useState(value);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const restoreFocus = useRef(false);\n\n  const setEditing = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalEditing(next);\n      onEditingChange?.(next);\n    },\n    [isControlled, onEditingChange],\n  );\n\n  const beginEdit = useCallback(() => {\n    setDraft(value); // seed from the current source text\n    setEditing(true);\n  }, [value, setEditing]);\n\n  const cancel = useCallback(() => {\n    setDraft(value); // discard edits (original is restored)\n    restoreFocus.current = true;\n    setEditing(false);\n  }, [value, setEditing]);\n\n  const submit = useCallback(() => {\n    onEditSubmit?.(draft);\n    restoreFocus.current = true;\n    setEditing(false);\n  }, [draft, onEditSubmit, setEditing]);\n\n  // Restore focus to the trigger once the editor has unmounted.\n  useEffect(() => {\n    if (!editing && restoreFocus.current) {\n      restoreFocus.current = false;\n      triggerRef.current?.focus();\n    }\n  }, [editing]);\n\n  const contextValue = useMemo<MessageEditContextValue>(\n    () => ({ editing, draft, setDraft, beginEdit, cancel, submit, triggerRef, editorId }),\n    [editing, draft, beginEdit, cancel, submit, editorId],\n  );\n\n  return <MessageEditContext.Provider value={contextValue}>{children}</MessageEditContext.Provider>;\n}\n\n// ─── Inline editor ─────────────────────────────────────────────────────────────\n\nexport type MessageEditFormProps = Omit<HTMLAttributes<HTMLFormElement>, \"onSubmit\"> & {\n  /** Save button label. @default \"Save\" */\n  saveLabel?: string;\n  /** Cancel button label. @default \"Cancel\" */\n  cancelLabel?: string;\n};\n\n/** The inline editor: an autofocused textarea + Save/Cancel, Enter/Esc wired. */\nexport const MessageEditForm = forwardRef<HTMLFormElement, MessageEditFormProps>(\n  function MessageEditForm(\n    { className, saveLabel = \"Save\", cancelLabel = \"Cancel\", ...props },\n    ref,\n  ) {\n    const { t } = useLocale();\n    const { draft, setDraft, cancel, submit, editorId } = useMessageEditContext();\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    // Autofocus the textarea and place the caret at the end.\n    useEffect(() => {\n      const el = textareaRef.current;\n      if (el) {\n        el.focus();\n        el.setSelectionRange(el.value.length, el.value.length);\n      }\n    }, []);\n\n    const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n      e.preventDefault();\n      submit();\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        cancel();\n        return;\n      }\n      // Enter submits from the textarea; Shift+Enter inserts a newline.\n      if (e.key === \"Enter\" && !e.shiftKey && e.target === textareaRef.current) {\n        e.preventDefault();\n        submit();\n      }\n      // NOTE: Tab is deliberately NOT trapped — this is an inline, non-modal\n      // editor, and the repo a11y rule forbids trapping focus outside modals.\n      // Tab flows naturally out of the editor; focus is restored to the trigger\n      // only on cancel/submit.\n    };\n\n    return (\n      <form\n        ref={ref}\n        onSubmit={handleSubmit}\n        onKeyDown={handleKeyDown}\n        className={cn(\"flex w-full flex-col gap-2\", className)}\n        {...props}\n      >\n        <Textarea\n          ref={textareaRef}\n          id={editorId}\n          value={draft}\n          aria-label={t(\"ai.message.editMessage\")}\n          onChange={(e) => setDraft(e.target.value)}\n          className=\"min-h-16\"\n        />\n        <div className=\"flex items-center justify-end gap-2\">\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={cancel}>\n            <X aria-hidden=\"true\" className=\"size-4\" />\n            {cancelLabel}\n          </Button>\n          <Button type=\"submit\" size=\"sm\" disabled={draft.trim().length === 0}>\n            <Check aria-hidden=\"true\" className=\"size-4\" />\n            {saveLabel}\n          </Button>\n        </div>\n      </form>\n    );\n  },\n);\n\n// ─── Content ──────────────────────────────────────────────────────────────────\n\nexport type MessageEditContentProps = HTMLAttributes<HTMLDivElement>;\n\n/** Renders `children` in display mode, or the inline editor while editing. */\nexport const MessageEditContent = forwardRef<HTMLDivElement, MessageEditContentProps>(\n  function MessageEditContent({ className, children, ...props }, ref) {\n    const { editing } = useMessageEditContext();\n    return (\n      <div ref={ref} className={cn(\"w-full\", className)} {...props}>\n        {editing ? <MessageEditForm /> : children}\n      </div>\n    );\n  },\n);\n\n// ─── Trigger ──────────────────────────────────────────────────────────────────\n\nexport type MessageEditTriggerProps = React.ComponentProps<typeof Button>;\n\n/** Begins editing. Focus is restored here on cancel/submit. Hidden while editing. */\nexport const MessageEditTrigger = forwardRef<HTMLButtonElement, MessageEditTriggerProps>(\n  function MessageEditTrigger(\n    { className, children, variant = \"ghost\", size = \"sm\", onClick, ...props },\n    ref,\n  ) {\n    const { editing, beginEdit, triggerRef } = useMessageEditContext();\n    if (editing) return null;\n    return (\n      <Button\n        ref={(node) => {\n          triggerRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        variant={variant}\n        size={size}\n        className={className}\n        onClick={(e) => {\n          onClick?.(e);\n          beginEdit();\n        }}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <Pencil aria-hidden=\"true\" className=\"size-4\" />\n            Edit\n          </>\n        )}\n      </Button>\n    );\n  },\n);\n\n// ─── Root convenience ──────────────────────────────────────────────────────────\n\nexport interface MessageEditProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"onSubmit\" | \"children\"\n> {\n  /** The editable source text. */\n  value: string;\n  /** Called with the new text on save (consumer creates the branch). */\n  onEditSubmit?: (newText: string) => void;\n  /** Controlled editing state. */\n  editing?: boolean;\n  /** Uncontrolled initial editing state. */\n  defaultEditing?: boolean;\n  /** Called when editing begins/ends. */\n  onEditingChange?: (editing: boolean) => void;\n  /** The display content (usually the rendered message text). */\n  children: ReactNode;\n}\n\n/**\n * Convenience composition: display `children` + an \"Edit\" trigger, swapping to\n * the inline editor while editing. For toolbar-placed triggers, compose the\n * parts (`MessageEditProvider` + `MessageEditTrigger` in your toolbar).\n */\nexport const MessageEdit = forwardRef<HTMLDivElement, MessageEditProps>(function MessageEdit(\n  { value, onEditSubmit, editing, defaultEditing, onEditingChange, className, children, ...props },\n  ref,\n) {\n  return (\n    <MessageEditProvider\n      value={value}\n      onEditSubmit={onEditSubmit}\n      editing={editing}\n      defaultEditing={defaultEditing}\n      onEditingChange={onEditingChange}\n    >\n      <div\n        ref={ref}\n        className={cn(\"group/message-edit flex w-full flex-col gap-1\", className)}\n        {...props}\n      >\n        <MessageEditContent>{children}</MessageEditContent>\n        <div className=\"flex justify-end opacity-0 transition-opacity duration-fast focus-within:opacity-100 group-hover/message-edit:opacity-100 motion-reduce:transition-none\">\n          <MessageEditTrigger />\n        </div>\n      </div>\n    </MessageEditProvider>\n  );\n});\n"],"mappings":"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","names":["MessageEditForm","MessageEditContent","MessageEditTrigger","MessageEdit"]}

package/dist/chunk-EY7LVUKQ.js

@@ -0,0 +1,87 @@
+"use client";
+
+// src/snippet.tsx
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText
+} from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { useCopyToClipboard, useLocale } from "@elabs-ai/components-ui";
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { createContext, useCallback, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var SnippetContext = createContext({
+  code: ""
+});
+var Snippet = ({ code, className, children, ...props }) => {
+  const contextValue = useMemo(() => ({ code }), [code]);
+  return /* @__PURE__ */ jsx(SnippetContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(InputGroup, { className: cn("font-mono", className), ...props, children }) });
+};
+var SnippetAddon = (props) => /* @__PURE__ */ jsx(InputGroupAddon, { ...props });
+var SnippetText = ({ className, ...props }) => /* @__PURE__ */ jsx(InputGroupText, { className: cn("ps-2 font-normal text-muted-foreground", className), ...props });
+var SnippetInput = ({ className, ...props }) => {
+  const { code } = useContext(SnippetContext);
+  return /* @__PURE__ */ jsx(
+    InputGroupInput,
+    {
+      className: cn("text-foreground", className),
+      readOnly: true,
+      value: code,
+      ...props
+    }
+  );
+};
+var SnippetCopyButton = ({
+  onCopy,
+  onError,
+  timeout,
+  children,
+  className,
+  ...props
+}) => {
+  const { t } = useLocale();
+  const { code } = useContext(SnippetContext);
+  const { copied: isCopied, copy } = useCopyToClipboard(
+    timeout === void 0 ? void 0 : { resetAfterMs: timeout }
+  );
+  const copyToClipboard = useCallback(async () => {
+    const ok = await copy(code);
+    if (ok) {
+      onCopy?.();
+    } else {
+      onError?.(new Error("Clipboard API not available"));
+    }
+  }, [copy, code, onCopy, onError]);
+  const Icon = isCopied ? CheckIcon : CopyIcon;
+  return /* @__PURE__ */ jsx(
+    InputGroupButton,
+    {
+      "aria-label": t("copy"),
+      className,
+      onClick: copyToClipboard,
+      size: "icon-sm",
+      title: t("copy"),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "flex animate-in fade-in-0 zoom-in-95 duration-fast ease-entrance",
+          children: /* @__PURE__ */ jsx(Icon, { className: "size-3.5", size: 14 })
+        },
+        isCopied ? "check" : "copy"
+      )
+    }
+  );
+};
+
+export {
+  Snippet,
+  SnippetAddon,
+  SnippetText,
+  SnippetInput,
+  SnippetCopyButton
+};
+//# sourceMappingURL=chunk-EY7LVUKQ.js.map

package/dist/chunk-EY7LVUKQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/snippet.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n} from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { useCopyToClipboard, useLocale } from \"@elabs-ai/components-ui\";\nimport { CheckIcon, CopyIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { createContext, useCallback, useContext, useMemo } from \"react\";\n\ninterface SnippetContextType {\n  code: string;\n}\n\nconst SnippetContext = createContext<SnippetContextType>({\n  code: \"\",\n});\n\nexport type SnippetProps = ComponentProps<typeof InputGroup> & {\n  code: string;\n};\n\nexport const Snippet = ({ code, className, children, ...props }: SnippetProps) => {\n  const contextValue = useMemo(() => ({ code }), [code]);\n\n  return (\n    <SnippetContext.Provider value={contextValue}>\n      <InputGroup className={cn(\"font-mono\", className)} {...props}>\n        {children}\n      </InputGroup>\n    </SnippetContext.Provider>\n  );\n};\n\nexport type SnippetAddonProps = ComponentProps<typeof InputGroupAddon>;\n\nexport const SnippetAddon = (props: SnippetAddonProps) => <InputGroupAddon {...props} />;\n\nexport type SnippetTextProps = ComponentProps<typeof InputGroupText>;\n\nexport const SnippetText = ({ className, ...props }: SnippetTextProps) => (\n  <InputGroupText className={cn(\"ps-2 font-normal text-muted-foreground\", className)} {...props} />\n);\n\nexport type SnippetInputProps = Omit<ComponentProps<typeof InputGroupInput>, \"readOnly\" | \"value\">;\n\nexport const SnippetInput = ({ className, ...props }: SnippetInputProps) => {\n  const { code } = useContext(SnippetContext);\n\n  return (\n    <InputGroupInput\n      className={cn(\"text-foreground\", className)}\n      readOnly\n      value={code}\n      {...props}\n    />\n  );\n};\n\nexport type SnippetCopyButtonProps = ComponentProps<typeof InputGroupButton> & {\n  onCopy?: () => void;\n  onError?: (error: Error) => void;\n  timeout?: number;\n};\n\nexport const SnippetCopyButton = ({\n  onCopy,\n  onError,\n  timeout,\n  children,\n  className,\n  ...props\n}: SnippetCopyButtonProps) => {\n  const { t } = useLocale();\n  const { code } = useContext(SnippetContext);\n  // Shared implementation (`@elabs-ai/components-ui`) instead of a private\n  // copy of the same copy-to-clipboard state machine (issue-workflow.md\n  // dedupe finding) — see `CodeBlockCopyButton` for the reference usage.\n  const { copied: isCopied, copy } = useCopyToClipboard(\n    timeout === undefined ? undefined : { resetAfterMs: timeout },\n  );\n\n  const copyToClipboard = useCallback(async () => {\n    const ok = await copy(code);\n    if (ok) {\n      onCopy?.();\n    } else {\n      onError?.(new Error(\"Clipboard API not available\"));\n    }\n  }, [copy, code, onCopy, onError]);\n\n  const Icon = isCopied ? CheckIcon : CopyIcon;\n\n  return (\n    <InputGroupButton\n      aria-label={t(\"copy\")}\n      className={className}\n      onClick={copyToClipboard}\n      size=\"icon-sm\"\n      title={t(\"copy\")}\n      {...props}\n    >\n      {children ?? (\n        <span\n          key={isCopied ? \"check\" : \"copy\"}\n          className=\"flex animate-in fade-in-0 zoom-in-95 duration-fast ease-entrance\"\n        >\n          <Icon className=\"size-3.5\" size={14} />\n        </span>\n      )}\n    </InputGroupButton>\n  );\n};\n"],"mappings":";;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AACnB,SAAS,oBAAoB,iBAAiB;AAC9C,SAAS,WAAW,gBAAgB;AAEpC,SAAS,eAAe,aAAa,YAAY,eAAe;AAmB1D;AAbN,IAAM,iBAAiB,cAAkC;AAAA,EACvD,MAAM;AACR,CAAC;AAMM,IAAM,UAAU,CAAC,EAAE,MAAM,WAAW,UAAU,GAAG,MAAM,MAAoB;AAChF,QAAM,eAAe,QAAQ,OAAO,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC;AAErD,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,cAC9B,8BAAC,cAAW,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,OACpD,UACH,GACF;AAEJ;AAIO,IAAM,eAAe,CAAC,UAA6B,oBAAC,mBAAiB,GAAG,OAAO;AAI/E,IAAM,cAAc,CAAC,EAAE,WAAW,GAAG,MAAM,MAChD,oBAAC,kBAAe,WAAW,GAAG,0CAA0C,SAAS,GAAI,GAAG,OAAO;AAK1F,IAAM,eAAe,CAAC,EAAE,WAAW,GAAG,MAAM,MAAyB;AAC1E,QAAM,EAAE,KAAK,IAAI,WAAW,cAAc;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,mBAAmB,SAAS;AAAA,MAC1C,UAAQ;AAAA,MACR,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,EACN;AAEJ;AAQO,IAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA8B;AAC5B,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,QAAM,EAAE,KAAK,IAAI,WAAW,cAAc;AAI1C,QAAM,EAAE,QAAQ,UAAU,KAAK,IAAI;AAAA,IACjC,YAAY,SAAY,SAAY,EAAE,cAAc,QAAQ;AAAA,EAC9D;AAEA,QAAM,kBAAkB,YAAY,YAAY;AAC9C,UAAM,KAAK,MAAM,KAAK,IAAI;AAC1B,QAAI,IAAI;AACN,eAAS;AAAA,IACX,OAAO;AACL,gBAAU,IAAI,MAAM,6BAA6B,CAAC;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,MAAM,MAAM,QAAQ,OAAO,CAAC;AAEhC,QAAM,OAAO,WAAW,YAAY;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,EAAE,MAAM;AAAA,MACpB;AAAA,MACA,SAAS;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,MAAM;AAAA,MACd,GAAG;AAAA,MAEH,sBACC;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAEV,8BAAC,QAAK,WAAU,YAAW,MAAM,IAAI;AAAA;AAAA,QAHhC,WAAW,UAAU;AAAA,MAI5B;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-F4C74F7M.js

@@ -0,0 +1,230 @@
+"use client";
+
+// src/test-results.tsx
+import { StatusBadge, StatusIcon, useLocale } from "@elabs-ai/components-ui";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { ChevronRightIcon } from "lucide-react";
+import { createContext, useContext, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var testStatusToCanonical = {
+  passed: "complete",
+  failed: "failed",
+  running: "running",
+  skipped: "skipped"
+};
+var TestResultsContext = createContext({});
+var formatDuration = (ms) => {
+  if (ms < 1e3) {
+    return `${ms}ms`;
+  }
+  return `${(ms / 1e3).toFixed(2)}s`;
+};
+var TestResultsHeader = ({ className, children, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("flex min-w-0 items-center justify-between border-b px-4 py-3", className),
+    ...props,
+    children
+  }
+);
+var TestResultsDuration = ({
+  className,
+  children,
+  ...props
+}) => {
+  const { summary } = useContext(TestResultsContext);
+  if (!summary?.duration) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("shrink-0 text-muted-foreground text-body tabular-nums", className),
+      ...props,
+      children: children ?? formatDuration(summary.duration)
+    }
+  );
+};
+var TestResultsSummary = ({ className, children, ...props }) => {
+  const { summary } = useContext(TestResultsContext);
+  const { t } = useLocale();
+  if (!summary) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-2", className), ...props, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(StatusBadge, { size: "sm", status: "complete", children: t("ai.testResults.passedCount", { count: summary.passed }) }),
+    summary.failed > 0 && /* @__PURE__ */ jsx(StatusBadge, { size: "sm", status: "failed", children: t("ai.testResults.failedCount", { count: summary.failed }) }),
+    summary.skipped > 0 && /* @__PURE__ */ jsx(StatusBadge, { size: "sm", status: "skipped", children: t("ai.testResults.skippedCount", { count: summary.skipped }) })
+  ] }) });
+};
+var TestResults = ({ summary, className, children, ...props }) => {
+  const contextValue = useMemo(() => ({ summary }), [summary]);
+  return /* @__PURE__ */ jsx(TestResultsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className: cn("overflow-hidden rounded-lg border bg-background", className), ...props, children: children ?? (summary && /* @__PURE__ */ jsxs(TestResultsHeader, { children: [
+    /* @__PURE__ */ jsx(TestResultsSummary, {}),
+    /* @__PURE__ */ jsx(TestResultsDuration, {})
+  ] })) }) });
+};
+var TestResultsProgress = ({
+  className,
+  children,
+  ...props
+}) => {
+  const { summary } = useContext(TestResultsContext);
+  const { t, formatNumber } = useLocale();
+  if (!summary) {
+    return null;
+  }
+  const passedPercent = summary.passed / summary.total * 100;
+  const failedPercent = summary.failed / summary.total * 100;
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-1.5", className), ...props, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex h-1.5 overflow-hidden rounded-full bg-muted", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "bg-success transition-[width] duration-base ease-standard motion-reduce:transition-none",
+          style: { width: `${passedPercent}%` }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "bg-destructive transition-[width] duration-base ease-standard motion-reduce:transition-none",
+          style: { width: `${failedPercent}%` }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-muted-foreground text-meta tabular-nums", children: [
+      /* @__PURE__ */ jsx("span", { children: t("ai.testResults.testsPassed", { passed: summary.passed, total: summary.total }) }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        formatNumber(passedPercent, { maximumFractionDigits: 0 }),
+        "%"
+      ] })
+    ] })
+  ] }) });
+};
+var TestResultsMeta = ({ className, children, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("space-y-3 px-4 pb-4 pt-3", className), ...props, children });
+var TestResultsContent = ({ className, children, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("divide-y", className), ...props, children });
+var TestSuiteContext = createContext({
+  name: "",
+  status: "passed"
+});
+var TestStatusIcon = ({ status }) => /* @__PURE__ */ jsx(StatusIcon, { className: "shrink-0", status: testStatusToCanonical[status] });
+var TestSuite = ({ name, status, className, children, ...props }) => {
+  const contextValue = useMemo(() => ({ name, status }), [name, status]);
+  return /* @__PURE__ */ jsx(TestSuiteContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(Collapsible, { className: cn("group/suite", className), ...props, children }) });
+};
+var TestSuiteName = ({ className, children, ...props }) => {
+  const { name, status } = useContext(TestSuiteContext);
+  return /* @__PURE__ */ jsxs(
+    CollapsibleTrigger,
+    {
+      className: cn(
+        "group flex w-full items-center gap-2 px-4 py-2.5 text-start transition-colors duration-fast ease-standard motion-reduce:transition-none hover:bg-muted/50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-fast ease-standard motion-reduce:transition-none group-data-[state=open]:rotate-90" }),
+        /* @__PURE__ */ jsx(TestStatusIcon, { status }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-medium text-body", children: children ?? name })
+      ]
+    }
+  );
+};
+var TestSuiteStats = ({
+  passed = 0,
+  failed = 0,
+  skipped = 0,
+  className,
+  children,
+  ...props
+}) => {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("ms-auto flex shrink-0 items-center gap-3 text-meta tabular-nums", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        passed > 0 && /* @__PURE__ */ jsx("span", { className: "text-success-text", children: t("ai.testResults.passedCount", { count: passed }) }),
+        failed > 0 && /* @__PURE__ */ jsx("span", { className: "text-destructive-text", children: t("ai.testResults.failedCount", { count: failed }) }),
+        skipped > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("ai.testResults.skippedCount", { count: skipped }) })
+      ] })
+    }
+  );
+};
+var TestSuiteContent = ({ className, children, ...props }) => /* @__PURE__ */ jsx(CollapsibleContent, { className: cn("border-t", className), ...props, children: /* @__PURE__ */ jsx("div", { className: "divide-y", children }) });
+var TestContext = createContext({
+  name: "",
+  status: "passed"
+});
+var TestName = ({ className, children, ...props }) => {
+  const { name } = useContext(TestContext);
+  return /* @__PURE__ */ jsx("span", { className: cn("min-w-0 flex-1 truncate", className), ...props, children: children ?? name });
+};
+var TestDuration = ({ className, children, ...props }) => {
+  const { duration } = useContext(TestContext);
+  if (duration === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("shrink-0 text-muted-foreground text-meta tabular-nums", className),
+      ...props,
+      children: children ?? `${duration}ms`
+    }
+  );
+};
+var TestStatus = ({ className, children, ...props }) => {
+  const { status } = useContext(TestContext);
+  return /* @__PURE__ */ jsx("span", { className: cn("shrink-0", className), ...props, children: children ?? /* @__PURE__ */ jsx(StatusIcon, { status: testStatusToCanonical[status] }) });
+};
+var Test = ({ name, status, duration, className, children, ...props }) => {
+  const contextValue = useMemo(() => ({ duration, name, status }), [duration, name, status]);
+  return /* @__PURE__ */ jsx(TestContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex min-w-0 items-center gap-2 ps-10 pe-4 py-2 text-body", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(TestStatus, {}),
+        /* @__PURE__ */ jsx(TestName, {}),
+        duration !== void 0 && /* @__PURE__ */ jsx(TestDuration, {})
+      ] })
+    }
+  ) });
+};
+var TestError = ({ className, children, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("rounded-md bg-destructive/10 p-3", className), ...props, children });
+var TestErrorMessage = ({ className, children, ...props }) => /* @__PURE__ */ jsx("p", { className: cn("font-medium text-destructive-text text-body", className), ...props, children });
+var TestErrorStack = ({ className, children, ...props }) => /* @__PURE__ */ jsx(
+  "pre",
+  {
+    className: cn("mt-2 overflow-auto font-mono text-destructive-text text-meta", className),
+    ...props,
+    children
+  }
+);
+
+export {
+  TestResultsHeader,
+  TestResultsDuration,
+  TestResultsSummary,
+  TestResults,
+  TestResultsProgress,
+  TestResultsMeta,
+  TestResultsContent,
+  TestSuite,
+  TestSuiteName,
+  TestSuiteStats,
+  TestSuiteContent,
+  TestName,
+  TestDuration,
+  TestStatus,
+  Test,
+  TestError,
+  TestErrorMessage,
+  TestErrorStack
+};
+//# sourceMappingURL=chunk-F4C74F7M.js.map

package/dist/chunk-F4C74F7M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/test-results.tsx"],"sourcesContent":["\"use client\";\n\nimport { StatusBadge, StatusIcon, useLocale, type Status } from \"@elabs-ai/components-ui\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { ChevronRightIcon } from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\n\ntype TestStatus = \"passed\" | \"failed\" | \"skipped\" | \"running\";\n\n/** Test status → the canonical 7-state vocabulary (#189, research 10 §B.1). */\nconst testStatusToCanonical: Record<TestStatus, Status> = {\n  passed: \"complete\",\n  failed: \"failed\",\n  running: \"running\",\n  skipped: \"skipped\",\n};\n\ninterface TestResultsSummary {\n  passed: number;\n  failed: number;\n  skipped: number;\n  total: number;\n  duration?: number;\n}\n\ninterface TestResultsContextType {\n  summary?: TestResultsSummary;\n}\n\nconst TestResultsContext = createContext<TestResultsContextType>({});\n\nconst formatDuration = (ms: number) => {\n  if (ms < 1000) {\n    return `${ms}ms`;\n  }\n  return `${(ms / 1000).toFixed(2)}s`;\n};\n\nexport type TestResultsHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TestResultsHeader = ({ className, children, ...props }: TestResultsHeaderProps) => (\n  <div\n    className={cn(\"flex min-w-0 items-center justify-between border-b px-4 py-3\", className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type TestResultsDurationProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const TestResultsDuration = ({\n  className,\n  children,\n  ...props\n}: TestResultsDurationProps) => {\n  const { summary } = useContext(TestResultsContext);\n\n  if (!summary?.duration) {\n    return null;\n  }\n\n  return (\n    <span\n      className={cn(\"shrink-0 text-muted-foreground text-body tabular-nums\", className)}\n      {...props}\n    >\n      {children ?? formatDuration(summary.duration)}\n    </span>\n  );\n};\n\nexport type TestResultsSummaryProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TestResultsSummary = ({ className, children, ...props }: TestResultsSummaryProps) => {\n  const { summary } = useContext(TestResultsContext);\n  const { t } = useLocale();\n\n  if (!summary) {\n    return null;\n  }\n\n  return (\n    <div className={cn(\"flex items-center gap-2\", className)} {...props}>\n      {children ?? (\n        <>\n          <StatusBadge size=\"sm\" status=\"complete\">\n            {t(\"ai.testResults.passedCount\", { count: summary.passed })}\n          </StatusBadge>\n          {summary.failed > 0 && (\n            <StatusBadge size=\"sm\" status=\"failed\">\n              {t(\"ai.testResults.failedCount\", { count: summary.failed })}\n            </StatusBadge>\n          )}\n          {summary.skipped > 0 && (\n            <StatusBadge size=\"sm\" status=\"skipped\">\n              {t(\"ai.testResults.skippedCount\", { count: summary.skipped })}\n            </StatusBadge>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport type TestResultsProps = HTMLAttributes<HTMLDivElement> & {\n  summary?: TestResultsSummary;\n};\n\nexport const TestResults = ({ summary, className, children, ...props }: TestResultsProps) => {\n  const contextValue = useMemo(() => ({ summary }), [summary]);\n\n  return (\n    <TestResultsContext.Provider value={contextValue}>\n      <div className={cn(\"overflow-hidden rounded-lg border bg-background\", className)} {...props}>\n        {children ??\n          (summary && (\n            <TestResultsHeader>\n              <TestResultsSummary />\n              <TestResultsDuration />\n            </TestResultsHeader>\n          ))}\n      </div>\n    </TestResultsContext.Provider>\n  );\n};\n\nexport type TestResultsProgressProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TestResultsProgress = ({\n  className,\n  children,\n  ...props\n}: TestResultsProgressProps) => {\n  const { summary } = useContext(TestResultsContext);\n  const { t, formatNumber } = useLocale();\n\n  if (!summary) {\n    return null;\n  }\n\n  const passedPercent = (summary.passed / summary.total) * 100;\n  const failedPercent = (summary.failed / summary.total) * 100;\n\n  return (\n    <div className={cn(\"space-y-1.5\", className)} {...props}>\n      {children ?? (\n        <>\n          <div className=\"flex h-1.5 overflow-hidden rounded-full bg-muted\">\n            <div\n              className=\"bg-success transition-[width] duration-base ease-standard motion-reduce:transition-none\"\n              style={{ width: `${passedPercent}%` }}\n            />\n            <div\n              className=\"bg-destructive transition-[width] duration-base ease-standard motion-reduce:transition-none\"\n              style={{ width: `${failedPercent}%` }}\n            />\n          </div>\n          <div className=\"flex justify-between text-muted-foreground text-meta tabular-nums\">\n            <span>\n              {t(\"ai.testResults.testsPassed\", { passed: summary.passed, total: summary.total })}\n            </span>\n            <span>\n              {formatNumber(passedPercent, { maximumFractionDigits: 0 })}\n              {\"%\"}\n            </span>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\n/**\n * TestResultsMeta — the summary badges + progress bar block that sits between\n * the header and the suite list. Provides consistent `px-4 pt-3 pb-4` padding\n * so callers do not need ad-hoc wrapper divs.\n */\nexport type TestResultsMetaProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TestResultsMeta = ({ className, children, ...props }: TestResultsMetaProps) => (\n  <div className={cn(\"space-y-3 px-4 pb-4 pt-3\", className)} {...props}>\n    {children}\n  </div>\n);\n\n/**\n * TestResultsContent — the suite list. Uses `divide-y` instead of `space-y`\n * so suites are separated by a single structural divider, not nested boxes.\n */\nexport type TestResultsContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TestResultsContent = ({ className, children, ...props }: TestResultsContentProps) => (\n  <div className={cn(\"divide-y\", className)} {...props}>\n    {children}\n  </div>\n);\n\ninterface TestSuiteContextType {\n  name: string;\n  status: TestStatus;\n}\n\nconst TestSuiteContext = createContext<TestSuiteContextType>({\n  name: \"\",\n  status: \"passed\",\n});\n\n// The local status icon/color records were the 5th status idiom (#189);\n// re-pointed to the canonical `StatusIcon` vocabulary from @elabs-ai/components-ui.\nconst TestStatusIcon = ({ status }: { status: TestStatus }) => (\n  <StatusIcon className=\"shrink-0\" status={testStatusToCanonical[status]} />\n);\n\nexport type TestSuiteProps = ComponentProps<typeof Collapsible> & {\n  name: string;\n  status: TestStatus;\n};\n\n/**\n * TestSuite — one expandable file/suite row. Uses a quiet left rail\n * (`border-s-2`) as the sole focal separation gesture inside the divider-\n * separated list. No nested rounded box: that was redundant border-on-region\n * with no fill change (separation grammar).\n */\nexport const TestSuite = ({ name, status, className, children, ...props }: TestSuiteProps) => {\n  const contextValue = useMemo(() => ({ name, status }), [name, status]);\n\n  return (\n    <TestSuiteContext.Provider value={contextValue}>\n      <Collapsible className={cn(\"group/suite\", className)} {...props}>\n        {children}\n      </Collapsible>\n    </TestSuiteContext.Provider>\n  );\n};\n\nexport type TestSuiteNameProps = ComponentProps<typeof CollapsibleTrigger>;\n\nexport const TestSuiteName = ({ className, children, ...props }: TestSuiteNameProps) => {\n  const { name, status } = useContext(TestSuiteContext);\n\n  return (\n    <CollapsibleTrigger\n      className={cn(\n        \"group flex w-full items-center gap-2 px-4 py-2.5 text-start transition-colors duration-fast ease-standard motion-reduce:transition-none hover:bg-muted/50\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronRightIcon className=\"size-4 shrink-0 text-muted-foreground transition-transform duration-fast ease-standard motion-reduce:transition-none group-data-[state=open]:rotate-90\" />\n      <TestStatusIcon status={status} />\n      <span className=\"min-w-0 flex-1 truncate font-medium text-body\">{children ?? name}</span>\n    </CollapsibleTrigger>\n  );\n};\n\nexport type TestSuiteStatsProps = HTMLAttributes<HTMLDivElement> & {\n  passed?: number;\n  failed?: number;\n  skipped?: number;\n};\n\nexport const TestSuiteStats = ({\n  passed = 0,\n  failed = 0,\n  skipped = 0,\n  className,\n  children,\n  ...props\n}: TestSuiteStatsProps) => {\n  const { t } = useLocale();\n  return (\n    <div\n      className={cn(\"ms-auto flex shrink-0 items-center gap-3 text-meta tabular-nums\", className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          {passed > 0 && (\n            <span className=\"text-success-text\">\n              {t(\"ai.testResults.passedCount\", { count: passed })}\n            </span>\n          )}\n          {failed > 0 && (\n            <span className=\"text-destructive-text\">\n              {t(\"ai.testResults.failedCount\", { count: failed })}\n            </span>\n          )}\n          {skipped > 0 && (\n            <span className=\"text-muted-foreground\">\n              {t(\"ai.testResults.skippedCount\", { count: skipped })}\n            </span>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport type TestSuiteContentProps = ComponentProps<typeof CollapsibleContent>;\n\n/**\n * TestSuiteContent — the rows inside an expanded suite. A left rail\n * (`border-s-2 border-s-border ms-6`) indents the block under the suite\n * trigger and separates it structurally without a box. Rows are divided by\n * `divide-y`.\n */\nexport const TestSuiteContent = ({ className, children, ...props }: TestSuiteContentProps) => (\n  <CollapsibleContent className={cn(\"border-t\", className)} {...props}>\n    <div className=\"divide-y\">{children}</div>\n  </CollapsibleContent>\n);\n\ninterface TestContextType {\n  name: string;\n  status: TestStatus;\n  duration?: number;\n}\n\nconst TestContext = createContext<TestContextType>({\n  name: \"\",\n  status: \"passed\",\n});\n\nexport type TestNameProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const TestName = ({ className, children, ...props }: TestNameProps) => {\n  const { name } = useContext(TestContext);\n\n  return (\n    <span className={cn(\"min-w-0 flex-1 truncate\", className)} {...props}>\n      {children ?? name}\n    </span>\n  );\n};\n\nexport type TestDurationProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const TestDuration = ({ className, children, ...props }: TestDurationProps) => {\n  const { duration } = useContext(TestContext);\n\n  if (duration === undefined) {\n    return null;\n  }\n\n  return (\n    <span\n      className={cn(\"shrink-0 text-muted-foreground text-meta tabular-nums\", className)}\n      {...props}\n    >\n      {children ?? `${duration}ms`}\n    </span>\n  );\n};\n\nexport type TestStatusProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const TestStatus = ({ className, children, ...props }: TestStatusProps) => {\n  const { status } = useContext(TestContext);\n\n  return (\n    <span className={cn(\"shrink-0\", className)} {...props}>\n      {children ?? <StatusIcon status={testStatusToCanonical[status]} />}\n    </span>\n  );\n};\n\nexport type TestProps = HTMLAttributes<HTMLDivElement> & {\n  name: string;\n  status: TestStatus;\n  duration?: number;\n};\n\n/**\n * Test — a single test-case row. `ps-10` aligns the status icon with the\n * suite's status icon (after the trigger's chevron + gap), giving a clean\n * left-column across the expansion.\n */\nexport const Test = ({ name, status, duration, className, children, ...props }: TestProps) => {\n  const contextValue = useMemo(() => ({ duration, name, status }), [duration, name, status]);\n\n  return (\n    <TestContext.Provider value={contextValue}>\n      <div\n        className={cn(\"flex min-w-0 items-center gap-2 ps-10 pe-4 py-2 text-body\", className)}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <TestStatus />\n            <TestName />\n            {duration !== undefined && <TestDuration />}\n          </>\n        )}\n      </div>\n    </TestContext.Provider>\n  );\n};\n\nexport type TestErrorProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TestError = ({ className, children, ...props }: TestErrorProps) => (\n  <div className={cn(\"rounded-md bg-destructive/10 p-3\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type TestErrorMessageProps = HTMLAttributes<HTMLParagraphElement>;\n\nexport const TestErrorMessage = ({ className, children, ...props }: TestErrorMessageProps) => (\n  <p className={cn(\"font-medium text-destructive-text text-body\", className)} {...props}>\n    {children}\n  </p>\n);\n\nexport type TestErrorStackProps = HTMLAttributes<HTMLPreElement>;\n\nexport const TestErrorStack = ({ className, children, ...props }: TestErrorStackProps) => (\n  <pre\n    className={cn(\"mt-2 overflow-auto font-mono text-destructive-text text-meta\", className)}\n    {...props}\n  >\n    {children}\n  </pre>\n);\n"],"mappings":"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","names":[]}