npm - @athenaintel/react - Versions diffs - 0.28.1 → 0.30.0 - Mend

@athenaintel/react 0.28.1 → 0.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (761) hide show

package/dist/tools/voice-update-tool-ui.cjs CHANGED Viewed

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("@assistant-ui/react");
 const lucideReact = require("lucide-react");
-const voicePresentation = require("../packages/agent-runtime/src/voice-presentation.cjs");
+const voicePresentation = require("../agent-runtime/src/voice-presentation.cjs");
 const cnfast = require("cnfast");
 const VoiceUpdateCard = ({
   text,

package/dist/tools/voice-update-tool-ui.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { makeAssistantToolUI } from "@assistant-ui/react";
 import { LoaderIcon, AudioLinesIcon, MessageSquareTextIcon } from "lucide-react";
-import { VOICE_UPDATE_TOOL_NAME, describeVoiceUpdateToolCall, voiceUpdateStatusLabel } from "../packages/agent-runtime/src/voice-presentation.js";
+import { VOICE_UPDATE_TOOL_NAME, describeVoiceUpdateToolCall, voiceUpdateStatusLabel } from "../agent-runtime/src/voice-presentation.js";
 import { cn } from "cnfast";
 const VoiceUpdateCard = ({
   text,

package/dist/tools/write-todos-tool-ui.cjs CHANGED Viewed

@@ -83,7 +83,7 @@ function parseTodoPlan({
     changeDescription: asDescription(resultRecord == null ? void 0 : resultRecord.description) ?? asDescription(resultRecord == null ? void 0 : resultRecord.todoChangeDescription)
   };
 }
-function StepMarker({
+function PlanStepMarker({
   status,
   index
 }) {
@@ -239,7 +239,7 @@ const WriteTodosToolUIImpl = ({
               className: "absolute left-[calc(1rem+8px)] top-[26px] h-[calc(100%-18px)] w-px bg-border/60"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-10 mt-[3px]", children: /* @__PURE__ */ jsxRuntime.jsx(StepMarker, { status: step.status, index }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-10 mt-[3px]", children: /* @__PURE__ */ jsxRuntime.jsx(PlanStepMarker, { status: step.status, index }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
@@ -265,6 +265,7 @@ const WriteTodosToolUI = react.memo(
 );
 WriteTodosToolUI.displayName = "WriteTodosToolUI";
 exports.HiddenWriteTodosToolUI = HiddenWriteTodosToolUI;
+exports.PlanStepMarker = PlanStepMarker;
 exports.WriteTodosToolUI = WriteTodosToolUI;
 exports.parseTodoPlan = parseTodoPlan;
 //# sourceMappingURL=write-todos-tool-ui.cjs.map

package/dist/tools/write-todos-tool-ui.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"write-todos-tool-ui.cjs","sources":["../../src/tools/write-todos-tool-ui.tsx"],"sourcesContent":["\"use client\";\n\nimport { memo, useEffect, useMemo, useState } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport {\n CheckIcon,\n ChevronDownIcon,\n ListChecksIcon,\n LoaderIcon,\n XIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\nimport {\n allocatePlanSeq,\n registerPlanCard,\n unregisterPlanCard,\n updatePlanCard,\n useIsLatestPlanCard,\n usePlanScope,\n} from \"./todo-plan-store\";\n\n// ─── Types ───────────────────────────────────────────────────────────\n\nexport type PlanStepStatus =\n \| \"pending\"\n \| \"in_progress\"\n \| \"completed\"\n \| \"cancelled\"\n \| \"failed\";\n\nexport type PlanStep = {\n id?: string;\n content: string;\n status: PlanStepStatus;\n};\n\nexport type TodoPlan = {\n steps: PlanStep[];\n changeDescription?: string;\n};\n\nconst STEP_STATUSES: readonly PlanStepStatus[] = [\n \"pending\",\n \"in_progress\",\n \"completed\",\n \"cancelled\",\n \"failed\",\n];\n\n// ─── Parsing ─────────────────────────────────────────────────────────\n\nfunction asRecord(value: unknown): Record<string, unknown> \| null {\n return typeof value === \"object\" && value !== null\n ? (value as Record<string, unknown>)\n : null;\n}\n\nfunction asStatus(value: unknown): PlanStepStatus {\n return typeof value === \"string\" &&\n (STEP_STATUSES as readonly string[]).includes(value)\n ? (value as PlanStepStatus)\n : \"pending\";\n}\n\nfunction parseSteps(value: unknown): PlanStep[] {\n if (!Array.isArray(value)) return [];\n const steps: PlanStep[] = [];\n for (const raw of value) {\n const record = asRecord(raw);\n if (!record) continue;\n const content = record.content ?? record.task ?? record.title;\n if (typeof content !== \"string\" \|\| content.trim() === \"\") continue;\n steps.push({\n id: typeof record.id === \"string\" ? record.id : undefined,\n content: content.trim(),\n status: asStatus(record.status),\n });\n }\n return steps;\n}\n\nfunction asDescription(value: unknown): string \| undefined {\n return typeof value === \"string\" && value.trim() !== \"\"\n ? value.trim()\n : undefined;\n}\n\nfunction parsePartialSteps(argsText: string \| undefined): PlanStep[] {\n if (!argsText) return [];\n const steps: PlanStep[] = [];\n const objectPattern = /\\{(?:[^{}\\\\\"]\|\"(?:[^\"\\\\]\|\\\\.)\")\\}?/g;\n for (const [chunk] of argsText.matchAll(objectPattern)) {\n const contentMatch = /\"(?:content\|task\|title)\"\\s:\\s\"((?:[^\"\\\\]\|\\\\.))\"/.exec(\n chunk,\n );\n if (!contentMatch) continue;\n let content: string;\n try {\n content = JSON.parse(`\"${contentMatch[1]}\"`) as string;\n } catch {\n content = contentMatch[1];\n }\n if (content.trim() === \"\") continue;\n const statusMatch = /\"status\"\\s:\\s\"([a-z_]+)\"/.exec(chunk);\n steps.push({\n content: content.trim(),\n status: asStatus(statusMatch?.[1]),\n });\n }\n return steps;\n}\n\nexport function parseTodoPlan({\n args,\n argsText,\n result,\n}: {\n args?: unknown;\n argsText?: string;\n result?: unknown;\n}): TodoPlan {\n const argsRecord = asRecord(args);\n const argSteps = parseSteps(argsRecord?.todos);\n\n let resultRecord = asRecord(result);\n if (!resultRecord && typeof result === \"string\") {\n try {\n resultRecord = asRecord(JSON.parse(result));\n } catch {\n resultRecord = null;\n }\n }\n\n const hasResultTodos = Array.isArray(resultRecord?.todos);\n const steps = hasResultTodos\n ? parseSteps(resultRecord?.todos)\n : argSteps.length > 0\n ? argSteps\n : parsePartialSteps(argsText);\n\n return {\n steps,\n changeDescription:\n asDescription(resultRecord?.description) ??\n asDescription(resultRecord?.todoChangeDescription),\n };\n}\n\n// ─── Presentation ────────────────────────────────────────────────────\n\nfunction StepMarker({\n status,\n index,\n}: {\n status: PlanStepStatus;\n index: number;\n}) {\n if (status === \"completed\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-emerald-500 text-white\">\n <CheckIcon className=\"size-3\" strokeWidth={3} />\n </span>\n );\n }\n if (status === \"in_progress\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary\">\n <LoaderIcon className=\"size-3 animate-spin\" strokeWidth={3} />\n </span>\n );\n }\n if (status === \"failed\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-destructive/10 text-destructive\">\n <XIcon className=\"size-3\" strokeWidth={3} />\n </span>\n );\n }\n if (status === \"cancelled\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full border border-border text-muted-foreground\">\n <XIcon className=\"size-3\" strokeWidth={3} />\n </span>\n );\n }\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full border border-dashed border-border text-[9px] font-medium text-muted-foreground\">\n {index + 1}\n </span>\n );\n}\n\nfunction PlanBadge({\n resolved,\n total,\n}: {\n resolved: number;\n total: number;\n}) {\n const isDone = total > 0 && resolved === total;\n\n return (\n <span\n className={cn(\n \"flex size-8 shrink-0 items-center justify-center rounded-lg\",\n isDone && \"bg-emerald-50 text-emerald-600\",\n !isDone && \"bg-primary/10 text-primary\",\n )}\n >\n {isDone ? (\n <CheckIcon className=\"size-4\" strokeWidth={3} />\n ) : (\n <ListChecksIcon className=\"size-4\" />\n )}\n </span>\n );\n}\n\n/\n Register this card in its chat's plan registry and report whether it is the\n * newest mounted one. Shared by the visible card (which hides superseded\n * instances) and {@link HiddenWriteTodosToolUI} (which renders nothing but\n * keeps the registry — and so `useLatestTodoPlan` — fed).\n /\nfunction usePlanCardRegistration(plan: TodoPlan, isWriting: boolean): boolean {\n const scope = usePlanScope();\n const [seq] = useState(allocatePlanSeq);\n useEffect(() => {\n registerPlanCard(scope, seq, plan, isWriting);\n return () => unregisterPlanCard(scope, seq);\n // Registration is keyed to this instance's lifetime (and its chat's\n // scope); content updates ride the effect below.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [scope, seq]);\n useEffect(() => {\n updatePlanCard(scope, seq, plan, isWriting);\n }, [scope, seq, plan, isWriting]);\n return useIsLatestPlanCard(scope, seq);\n}\n\n/\n Inline-invisible `write_todos` for hosts that pin the plan elsewhere:\n * feeds the plan registry exactly like the visible card, renders nothing.\n * Register it via `toolUIs={{ write_todos: HiddenWriteTodosToolUI }}` and\n * read the plan with `useLatestTodoPlan()` — a bare `() => null` override\n * would leave the registry (and the hook) permanently empty.\n /\nconst HiddenWriteTodosToolUIImpl: ToolCallMessagePartComponent = ({\n args,\n argsText,\n result,\n status,\n}) => {\n const plan = useMemo(\n () => parseTodoPlan({ args, argsText, result }),\n [args, argsText, result],\n );\n usePlanCardRegistration(plan, status?.type === \"running\");\n return null;\n};\n\nexport const HiddenWriteTodosToolUI = memo(\n HiddenWriteTodosToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nHiddenWriteTodosToolUI.displayName = \"HiddenWriteTodosToolUI\";\n\nconst WriteTodosToolUIImpl: ToolCallMessagePartComponent = ({\n args,\n argsText,\n result,\n status,\n}) => {\n const plan = useMemo(\n () => parseTodoPlan({ args, argsText, result }),\n [args, argsText, result],\n );\n const { steps, changeDescription } = plan;\n const [collapsed, setCollapsed] = useState(false);\n\n // Newest-plan dedupe: a run updates its plan by calling write_todos again,\n // so a conversation stacks cards that all describe the same plan. Only the\n // newest mounted card in this chat's scope renders (see todo-plan-store.ts).\n const isWriting = status?.type === \"running\";\n const isLatest = usePlanCardRegistration(plan, isWriting);\n if (!isLatest) return null;\n\n const completed = steps.filter((s) => s.status === \"completed\").length;\n const stopped = steps.filter(\n (s) => s.status === \"cancelled\" \|\| s.status === \"failed\",\n ).length;\n const current = steps.find((s) => s.status === \"in_progress\");\n const total = steps.length;\n const resolved = completed + stopped;\n const isDone = total > 0 && resolved === total;\n\n if (total === 0) {\n return isWriting ? (\n <div className=\"my-3 flex w-full items-center gap-2 rounded-xl border border-border/60 bg-background px-4 py-3 shadow-sm\">\n <LoaderIcon className=\"size-3.5 animate-spin text-primary\" />\n <span className=\"text-[13px] font-medium text-foreground\">\n Planning...\n </span>\n </div>\n ) : null;\n }\n\n const heading = isWriting\n ? \"Updating plan\"\n : isDone\n ? \"Plan complete\"\n : completed === 0 && !current\n ? \"Plan\"\n : \"Plan in progress\";\n\n const subtitle =\n changeDescription ?? (current ? current.content : undefined);\n\n return (\n <div className=\"my-3 w-full rounded-xl border border-border/60 bg-background shadow-sm\">\n <div className=\"sticky top-0 z-20 overflow-hidden rounded-t-xl bg-background\">\n <button\n type=\"button\"\n onClick={() => setCollapsed((prev) => !prev)}\n className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-muted/30\"\n aria-expanded={!collapsed}\n >\n <PlanBadge resolved={resolved} total={total} />\n <span className=\"min-w-0 flex-1\">\n <span className=\"flex items-baseline gap-2\">\n <span className=\"text-[13px] font-medium text-foreground\">\n {heading}\n </span>\n <span className=\"text-[11px] tabular-nums text-muted-foreground\">\n {resolved}/{total} steps\n </span>\n </span>\n {subtitle && (\n <span className=\"block truncate text-[12px] text-muted-foreground\">\n {subtitle}\n </span>\n )}\n </span>\n <ChevronDownIcon\n className={cn(\n \"size-4 shrink-0 text-muted-foreground transition-transform duration-200\",\n collapsed && \"-rotate-90\",\n )}\n />\n </button>\n\n <div className=\"h-0.5 w-full bg-muted\">\n <div\n className={cn(\n \"h-full transition-all duration-500\",\n isDone ? \"bg-emerald-500\" : \"bg-primary\",\n )}\n style={{ width: `${total > 0 ? (resolved / total) 100 : 0}%` }}\n />\n </div>\n </div>\n\n {!collapsed && (\n <ol className=\"flex max-h-72 flex-col overflow-y-auto rounded-b-xl border-t border-border/40 py-1\">\n {steps.map((step, index) => (\n <li\n key={step.id ?? `${index}-${step.content}`}\n className={cn(\n \"relative flex items-start gap-2.5 px-4 py-1.5\",\n step.status === \"in_progress\" && \"bg-primary/5\",\n )}\n >\n {index < steps.length - 1 && (\n <span\n aria-hidden\n className=\"absolute left-[calc(1rem+8px)] top-[26px] h-[calc(100%-18px)] w-px bg-border/60\"\n />\n )}\n <span className=\"relative z-10 mt-[3px]\">\n <StepMarker status={step.status} index={index} />\n </span>\n <span\n className={cn(\n \"text-[12.5px] leading-relaxed text-foreground\",\n step.status === \"completed\" &&\n \"text-muted-foreground line-through decoration-muted-foreground/40\",\n step.status === \"cancelled\" &&\n \"text-muted-foreground/70 line-through decoration-muted-foreground/40\",\n step.status === \"failed\" && \"text-destructive\",\n step.status === \"in_progress\" && \"font-medium text-primary\",\n step.status === \"pending\" && \"text-muted-foreground\",\n )}\n >\n {step.content}\n </span>\n </li>\n ))}\n </ol>\n )}\n </div>\n );\n};\n\nexport const WriteTodosToolUI = memo(\n WriteTodosToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nWriteTodosToolUI.displayName = \"WriteTodosToolUI\";\n"],"names":["jsx","CheckIcon","LoaderIcon","XIcon","cn","ListChecksIcon","usePlanScope","useState","allocatePlanSeq","useEffect","registerPlanCard","unregisterPlanCard","updatePlanCard","useIsLatestPlanCard","useMemo","memo","jsxs","ChevronDownIcon"],"mappings":"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"}
1	+ {"version":3,"file":"write-todos-tool-ui.cjs","sources":["../../src/tools/write-todos-tool-ui.tsx"],"sourcesContent":["\"use client\";\n\nimport { memo, useEffect, useMemo, useState } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport {\n CheckIcon,\n ChevronDownIcon,\n ListChecksIcon,\n LoaderIcon,\n XIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\nimport {\n allocatePlanSeq,\n registerPlanCard,\n unregisterPlanCard,\n updatePlanCard,\n useIsLatestPlanCard,\n usePlanScope,\n} from \"./todo-plan-store\";\n\n// ─── Types ───────────────────────────────────────────────────────────\n\nexport type PlanStepStatus =\n \| \"pending\"\n \| \"in_progress\"\n \| \"completed\"\n \| \"cancelled\"\n \| \"failed\";\n\nexport type PlanStep = {\n id?: string;\n content: string;\n status: PlanStepStatus;\n};\n\nexport type TodoPlan = {\n steps: PlanStep[];\n changeDescription?: string;\n};\n\nconst STEP_STATUSES: readonly PlanStepStatus[] = [\n \"pending\",\n \"in_progress\",\n \"completed\",\n \"cancelled\",\n \"failed\",\n];\n\n// ─── Parsing ─────────────────────────────────────────────────────────\n\nfunction asRecord(value: unknown): Record<string, unknown> \| null {\n return typeof value === \"object\" && value !== null\n ? (value as Record<string, unknown>)\n : null;\n}\n\nfunction asStatus(value: unknown): PlanStepStatus {\n return typeof value === \"string\" &&\n (STEP_STATUSES as readonly string[]).includes(value)\n ? (value as PlanStepStatus)\n : \"pending\";\n}\n\nfunction parseSteps(value: unknown): PlanStep[] {\n if (!Array.isArray(value)) return [];\n const steps: PlanStep[] = [];\n for (const raw of value) {\n const record = asRecord(raw);\n if (!record) continue;\n const content = record.content ?? record.task ?? record.title;\n if (typeof content !== \"string\" \|\| content.trim() === \"\") continue;\n steps.push({\n id: typeof record.id === \"string\" ? record.id : undefined,\n content: content.trim(),\n status: asStatus(record.status),\n });\n }\n return steps;\n}\n\nfunction asDescription(value: unknown): string \| undefined {\n return typeof value === \"string\" && value.trim() !== \"\"\n ? value.trim()\n : undefined;\n}\n\nfunction parsePartialSteps(argsText: string \| undefined): PlanStep[] {\n if (!argsText) return [];\n const steps: PlanStep[] = [];\n const objectPattern = /\\{(?:[^{}\\\\\"]\|\"(?:[^\"\\\\]\|\\\\.)\")\\}?/g;\n for (const [chunk] of argsText.matchAll(objectPattern)) {\n const contentMatch = /\"(?:content\|task\|title)\"\\s:\\s\"((?:[^\"\\\\]\|\\\\.))\"/.exec(\n chunk,\n );\n if (!contentMatch) continue;\n let content: string;\n try {\n content = JSON.parse(`\"${contentMatch[1]}\"`) as string;\n } catch {\n content = contentMatch[1];\n }\n if (content.trim() === \"\") continue;\n const statusMatch = /\"status\"\\s:\\s\"([a-z_]+)\"/.exec(chunk);\n steps.push({\n content: content.trim(),\n status: asStatus(statusMatch?.[1]),\n });\n }\n return steps;\n}\n\nexport function parseTodoPlan({\n args,\n argsText,\n result,\n}: {\n args?: unknown;\n argsText?: string;\n result?: unknown;\n}): TodoPlan {\n const argsRecord = asRecord(args);\n const argSteps = parseSteps(argsRecord?.todos);\n\n let resultRecord = asRecord(result);\n if (!resultRecord && typeof result === \"string\") {\n try {\n resultRecord = asRecord(JSON.parse(result));\n } catch {\n resultRecord = null;\n }\n }\n\n const hasResultTodos = Array.isArray(resultRecord?.todos);\n const steps = hasResultTodos\n ? parseSteps(resultRecord?.todos)\n : argSteps.length > 0\n ? argSteps\n : parsePartialSteps(argsText);\n\n return {\n steps,\n changeDescription:\n asDescription(resultRecord?.description) ??\n asDescription(resultRecord?.todoChangeDescription),\n };\n}\n\n// ─── Presentation ────────────────────────────────────────────────────\n\n/* A plan step's status glyph (its number while pending) — shared with the workbench's Tasks pane. /\nexport function PlanStepMarker({\n status,\n index,\n}: {\n status: PlanStepStatus;\n index: number;\n}) {\n if (status === \"completed\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-emerald-500 text-white\">\n <CheckIcon className=\"size-3\" strokeWidth={3} />\n </span>\n );\n }\n if (status === \"in_progress\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary\">\n <LoaderIcon className=\"size-3 animate-spin\" strokeWidth={3} />\n </span>\n );\n }\n if (status === \"failed\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-destructive/10 text-destructive\">\n <XIcon className=\"size-3\" strokeWidth={3} />\n </span>\n );\n }\n if (status === \"cancelled\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full border border-border text-muted-foreground\">\n <XIcon className=\"size-3\" strokeWidth={3} />\n </span>\n );\n }\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full border border-dashed border-border text-[9px] font-medium text-muted-foreground\">\n {index + 1}\n </span>\n );\n}\n\nfunction PlanBadge({\n resolved,\n total,\n}: {\n resolved: number;\n total: number;\n}) {\n const isDone = total > 0 && resolved === total;\n\n return (\n <span\n className={cn(\n \"flex size-8 shrink-0 items-center justify-center rounded-lg\",\n isDone && \"bg-emerald-50 text-emerald-600\",\n !isDone && \"bg-primary/10 text-primary\",\n )}\n >\n {isDone ? (\n <CheckIcon className=\"size-4\" strokeWidth={3} />\n ) : (\n <ListChecksIcon className=\"size-4\" />\n )}\n </span>\n );\n}\n\n/\n Register this card in its chat's plan registry and report whether it is the\n * newest mounted one. Shared by the visible card (which hides superseded\n * instances) and {@link HiddenWriteTodosToolUI} (which renders nothing but\n * keeps the registry — and so `useLatestTodoPlan` — fed).\n /\nfunction usePlanCardRegistration(plan: TodoPlan, isWriting: boolean): boolean {\n const scope = usePlanScope();\n const [seq] = useState(allocatePlanSeq);\n useEffect(() => {\n registerPlanCard(scope, seq, plan, isWriting);\n return () => unregisterPlanCard(scope, seq);\n // Registration is keyed to this instance's lifetime (and its chat's\n // scope); content updates ride the effect below.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [scope, seq]);\n useEffect(() => {\n updatePlanCard(scope, seq, plan, isWriting);\n }, [scope, seq, plan, isWriting]);\n return useIsLatestPlanCard(scope, seq);\n}\n\n/\n Inline-invisible `write_todos` for hosts that pin the plan elsewhere:\n * feeds the plan registry exactly like the visible card, renders nothing.\n * Register it via `toolUIs={{ write_todos: HiddenWriteTodosToolUI }}` and\n * read the plan with `useLatestTodoPlan()` — a bare `() => null` override\n * would leave the registry (and the hook) permanently empty.\n /\nconst HiddenWriteTodosToolUIImpl: ToolCallMessagePartComponent = ({\n args,\n argsText,\n result,\n status,\n}) => {\n const plan = useMemo(\n () => parseTodoPlan({ args, argsText, result }),\n [args, argsText, result],\n );\n usePlanCardRegistration(plan, status?.type === \"running\");\n return null;\n};\n\nexport const HiddenWriteTodosToolUI = memo(\n HiddenWriteTodosToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nHiddenWriteTodosToolUI.displayName = \"HiddenWriteTodosToolUI\";\n\nconst WriteTodosToolUIImpl: ToolCallMessagePartComponent = ({\n args,\n argsText,\n result,\n status,\n}) => {\n const plan = useMemo(\n () => parseTodoPlan({ args, argsText, result }),\n [args, argsText, result],\n );\n const { steps, changeDescription } = plan;\n const [collapsed, setCollapsed] = useState(false);\n\n // Newest-plan dedupe: a run updates its plan by calling write_todos again,\n // so a conversation stacks cards that all describe the same plan. Only the\n // newest mounted card in this chat's scope renders (see todo-plan-store.ts).\n const isWriting = status?.type === \"running\";\n const isLatest = usePlanCardRegistration(plan, isWriting);\n if (!isLatest) return null;\n\n const completed = steps.filter((s) => s.status === \"completed\").length;\n const stopped = steps.filter(\n (s) => s.status === \"cancelled\" \|\| s.status === \"failed\",\n ).length;\n const current = steps.find((s) => s.status === \"in_progress\");\n const total = steps.length;\n const resolved = completed + stopped;\n const isDone = total > 0 && resolved === total;\n\n if (total === 0) {\n return isWriting ? (\n <div className=\"my-3 flex w-full items-center gap-2 rounded-xl border border-border/60 bg-background px-4 py-3 shadow-sm\">\n <LoaderIcon className=\"size-3.5 animate-spin text-primary\" />\n <span className=\"text-[13px] font-medium text-foreground\">\n Planning...\n </span>\n </div>\n ) : null;\n }\n\n const heading = isWriting\n ? \"Updating plan\"\n : isDone\n ? \"Plan complete\"\n : completed === 0 && !current\n ? \"Plan\"\n : \"Plan in progress\";\n\n const subtitle =\n changeDescription ?? (current ? current.content : undefined);\n\n return (\n <div className=\"my-3 w-full rounded-xl border border-border/60 bg-background shadow-sm\">\n <div className=\"sticky top-0 z-20 overflow-hidden rounded-t-xl bg-background\">\n <button\n type=\"button\"\n onClick={() => setCollapsed((prev) => !prev)}\n className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-muted/30\"\n aria-expanded={!collapsed}\n >\n <PlanBadge resolved={resolved} total={total} />\n <span className=\"min-w-0 flex-1\">\n <span className=\"flex items-baseline gap-2\">\n <span className=\"text-[13px] font-medium text-foreground\">\n {heading}\n </span>\n <span className=\"text-[11px] tabular-nums text-muted-foreground\">\n {resolved}/{total} steps\n </span>\n </span>\n {subtitle && (\n <span className=\"block truncate text-[12px] text-muted-foreground\">\n {subtitle}\n </span>\n )}\n </span>\n <ChevronDownIcon\n className={cn(\n \"size-4 shrink-0 text-muted-foreground transition-transform duration-200\",\n collapsed && \"-rotate-90\",\n )}\n />\n </button>\n\n <div className=\"h-0.5 w-full bg-muted\">\n <div\n className={cn(\n \"h-full transition-all duration-500\",\n isDone ? \"bg-emerald-500\" : \"bg-primary\",\n )}\n style={{ width: `${total > 0 ? (resolved / total) 100 : 0}%` }}\n />\n </div>\n </div>\n\n {!collapsed && (\n <ol className=\"flex max-h-72 flex-col overflow-y-auto rounded-b-xl border-t border-border/40 py-1\">\n {steps.map((step, index) => (\n <li\n key={step.id ?? `${index}-${step.content}`}\n className={cn(\n \"relative flex items-start gap-2.5 px-4 py-1.5\",\n step.status === \"in_progress\" && \"bg-primary/5\",\n )}\n >\n {index < steps.length - 1 && (\n <span\n aria-hidden\n className=\"absolute left-[calc(1rem+8px)] top-[26px] h-[calc(100%-18px)] w-px bg-border/60\"\n />\n )}\n <span className=\"relative z-10 mt-[3px]\">\n <PlanStepMarker status={step.status} index={index} />\n </span>\n <span\n className={cn(\n \"text-[12.5px] leading-relaxed text-foreground\",\n step.status === \"completed\" &&\n \"text-muted-foreground line-through decoration-muted-foreground/40\",\n step.status === \"cancelled\" &&\n \"text-muted-foreground/70 line-through decoration-muted-foreground/40\",\n step.status === \"failed\" && \"text-destructive\",\n step.status === \"in_progress\" && \"font-medium text-primary\",\n step.status === \"pending\" && \"text-muted-foreground\",\n )}\n >\n {step.content}\n </span>\n </li>\n ))}\n </ol>\n )}\n </div>\n );\n};\n\nexport const WriteTodosToolUI = memo(\n WriteTodosToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nWriteTodosToolUI.displayName = \"WriteTodosToolUI\";\n"],"names":["jsx","CheckIcon","LoaderIcon","XIcon","cn","ListChecksIcon","usePlanScope","useState","allocatePlanSeq","useEffect","registerPlanCard","unregisterPlanCard","updatePlanCard","useIsLatestPlanCard","useMemo","memo","jsxs","ChevronDownIcon"],"mappings":"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"}

package/dist/tools/write-todos-tool-ui.d.ts CHANGED Viewed

@@ -14,5 +14,10 @@ export declare function parseTodoPlan({ args, argsText, result, }: {
     argsText?: string;
     result?: unknown;
 }): TodoPlan;
+/** A plan step's status glyph (its number while pending) — shared with the workbench's Tasks pane. */
+export declare function PlanStepMarker({ status, index, }: {
+    status: PlanStepStatus;
+    index: number;
+}): import("react").JSX.Element;
 export declare const HiddenWriteTodosToolUI: ToolCallMessagePartComponent;
 export declare const WriteTodosToolUI: ToolCallMessagePartComponent;

package/dist/tools/write-todos-tool-ui.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { memo, useMemo, useState, useEffect } from "react";
-import { LoaderIcon, ChevronDownIcon, CheckIcon, ListChecksIcon, XIcon } from "lucide-react";
+import { CheckIcon, LoaderIcon, XIcon, ChevronDownIcon, ListChecksIcon } from "lucide-react";
 import { usePlanScope, allocatePlanSeq, registerPlanCard, unregisterPlanCard, updatePlanCard, useIsLatestPlanCard } from "./todo-plan-store.js";
 import { cn } from "cnfast";
 const STEP_STATUSES = [
@@ -81,7 +81,7 @@ function parseTodoPlan({
     changeDescription: asDescription(resultRecord == null ? void 0 : resultRecord.description) ?? asDescription(resultRecord == null ? void 0 : resultRecord.todoChangeDescription)
   };
 }
-function StepMarker({
+function PlanStepMarker({
   status,
   index
 }) {
@@ -237,7 +237,7 @@ const WriteTodosToolUIImpl = ({
               className: "absolute left-[calc(1rem+8px)] top-[26px] h-[calc(100%-18px)] w-px bg-border/60"
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "relative z-10 mt-[3px]", children: /* @__PURE__ */ jsx(StepMarker, { status: step.status, index }) }),
+          /* @__PURE__ */ jsx("span", { className: "relative z-10 mt-[3px]", children: /* @__PURE__ */ jsx(PlanStepMarker, { status: step.status, index }) }),
           /* @__PURE__ */ jsx(
             "span",
             {
@@ -264,6 +264,7 @@ const WriteTodosToolUI = memo(
 WriteTodosToolUI.displayName = "WriteTodosToolUI";
 export {
   HiddenWriteTodosToolUI,
+  PlanStepMarker,
   WriteTodosToolUI,
   parseTodoPlan
 };

package/dist/tools/write-todos-tool-ui.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"write-todos-tool-ui.js","sources":["../../src/tools/write-todos-tool-ui.tsx"],"sourcesContent":["\"use client\";\n\nimport { memo, useEffect, useMemo, useState } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport {\n CheckIcon,\n ChevronDownIcon,\n ListChecksIcon,\n LoaderIcon,\n XIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\nimport {\n allocatePlanSeq,\n registerPlanCard,\n unregisterPlanCard,\n updatePlanCard,\n useIsLatestPlanCard,\n usePlanScope,\n} from \"./todo-plan-store\";\n\n// ─── Types ───────────────────────────────────────────────────────────\n\nexport type PlanStepStatus =\n \| \"pending\"\n \| \"in_progress\"\n \| \"completed\"\n \| \"cancelled\"\n \| \"failed\";\n\nexport type PlanStep = {\n id?: string;\n content: string;\n status: PlanStepStatus;\n};\n\nexport type TodoPlan = {\n steps: PlanStep[];\n changeDescription?: string;\n};\n\nconst STEP_STATUSES: readonly PlanStepStatus[] = [\n \"pending\",\n \"in_progress\",\n \"completed\",\n \"cancelled\",\n \"failed\",\n];\n\n// ─── Parsing ─────────────────────────────────────────────────────────\n\nfunction asRecord(value: unknown): Record<string, unknown> \| null {\n return typeof value === \"object\" && value !== null\n ? (value as Record<string, unknown>)\n : null;\n}\n\nfunction asStatus(value: unknown): PlanStepStatus {\n return typeof value === \"string\" &&\n (STEP_STATUSES as readonly string[]).includes(value)\n ? (value as PlanStepStatus)\n : \"pending\";\n}\n\nfunction parseSteps(value: unknown): PlanStep[] {\n if (!Array.isArray(value)) return [];\n const steps: PlanStep[] = [];\n for (const raw of value) {\n const record = asRecord(raw);\n if (!record) continue;\n const content = record.content ?? record.task ?? record.title;\n if (typeof content !== \"string\" \|\| content.trim() === \"\") continue;\n steps.push({\n id: typeof record.id === \"string\" ? record.id : undefined,\n content: content.trim(),\n status: asStatus(record.status),\n });\n }\n return steps;\n}\n\nfunction asDescription(value: unknown): string \| undefined {\n return typeof value === \"string\" && value.trim() !== \"\"\n ? value.trim()\n : undefined;\n}\n\nfunction parsePartialSteps(argsText: string \| undefined): PlanStep[] {\n if (!argsText) return [];\n const steps: PlanStep[] = [];\n const objectPattern = /\\{(?:[^{}\\\\\"]\|\"(?:[^\"\\\\]\|\\\\.)\")\\}?/g;\n for (const [chunk] of argsText.matchAll(objectPattern)) {\n const contentMatch = /\"(?:content\|task\|title)\"\\s:\\s\"((?:[^\"\\\\]\|\\\\.))\"/.exec(\n chunk,\n );\n if (!contentMatch) continue;\n let content: string;\n try {\n content = JSON.parse(`\"${contentMatch[1]}\"`) as string;\n } catch {\n content = contentMatch[1];\n }\n if (content.trim() === \"\") continue;\n const statusMatch = /\"status\"\\s:\\s\"([a-z_]+)\"/.exec(chunk);\n steps.push({\n content: content.trim(),\n status: asStatus(statusMatch?.[1]),\n });\n }\n return steps;\n}\n\nexport function parseTodoPlan({\n args,\n argsText,\n result,\n}: {\n args?: unknown;\n argsText?: string;\n result?: unknown;\n}): TodoPlan {\n const argsRecord = asRecord(args);\n const argSteps = parseSteps(argsRecord?.todos);\n\n let resultRecord = asRecord(result);\n if (!resultRecord && typeof result === \"string\") {\n try {\n resultRecord = asRecord(JSON.parse(result));\n } catch {\n resultRecord = null;\n }\n }\n\n const hasResultTodos = Array.isArray(resultRecord?.todos);\n const steps = hasResultTodos\n ? parseSteps(resultRecord?.todos)\n : argSteps.length > 0\n ? argSteps\n : parsePartialSteps(argsText);\n\n return {\n steps,\n changeDescription:\n asDescription(resultRecord?.description) ??\n asDescription(resultRecord?.todoChangeDescription),\n };\n}\n\n// ─── Presentation ────────────────────────────────────────────────────\n\nfunction StepMarker({\n status,\n index,\n}: {\n status: PlanStepStatus;\n index: number;\n}) {\n if (status === \"completed\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-emerald-500 text-white\">\n <CheckIcon className=\"size-3\" strokeWidth={3} />\n </span>\n );\n }\n if (status === \"in_progress\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary\">\n <LoaderIcon className=\"size-3 animate-spin\" strokeWidth={3} />\n </span>\n );\n }\n if (status === \"failed\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-destructive/10 text-destructive\">\n <XIcon className=\"size-3\" strokeWidth={3} />\n </span>\n );\n }\n if (status === \"cancelled\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full border border-border text-muted-foreground\">\n <XIcon className=\"size-3\" strokeWidth={3} />\n </span>\n );\n }\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full border border-dashed border-border text-[9px] font-medium text-muted-foreground\">\n {index + 1}\n </span>\n );\n}\n\nfunction PlanBadge({\n resolved,\n total,\n}: {\n resolved: number;\n total: number;\n}) {\n const isDone = total > 0 && resolved === total;\n\n return (\n <span\n className={cn(\n \"flex size-8 shrink-0 items-center justify-center rounded-lg\",\n isDone && \"bg-emerald-50 text-emerald-600\",\n !isDone && \"bg-primary/10 text-primary\",\n )}\n >\n {isDone ? (\n <CheckIcon className=\"size-4\" strokeWidth={3} />\n ) : (\n <ListChecksIcon className=\"size-4\" />\n )}\n </span>\n );\n}\n\n/\n Register this card in its chat's plan registry and report whether it is the\n * newest mounted one. Shared by the visible card (which hides superseded\n * instances) and {@link HiddenWriteTodosToolUI} (which renders nothing but\n * keeps the registry — and so `useLatestTodoPlan` — fed).\n /\nfunction usePlanCardRegistration(plan: TodoPlan, isWriting: boolean): boolean {\n const scope = usePlanScope();\n const [seq] = useState(allocatePlanSeq);\n useEffect(() => {\n registerPlanCard(scope, seq, plan, isWriting);\n return () => unregisterPlanCard(scope, seq);\n // Registration is keyed to this instance's lifetime (and its chat's\n // scope); content updates ride the effect below.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [scope, seq]);\n useEffect(() => {\n updatePlanCard(scope, seq, plan, isWriting);\n }, [scope, seq, plan, isWriting]);\n return useIsLatestPlanCard(scope, seq);\n}\n\n/\n Inline-invisible `write_todos` for hosts that pin the plan elsewhere:\n * feeds the plan registry exactly like the visible card, renders nothing.\n * Register it via `toolUIs={{ write_todos: HiddenWriteTodosToolUI }}` and\n * read the plan with `useLatestTodoPlan()` — a bare `() => null` override\n * would leave the registry (and the hook) permanently empty.\n /\nconst HiddenWriteTodosToolUIImpl: ToolCallMessagePartComponent = ({\n args,\n argsText,\n result,\n status,\n}) => {\n const plan = useMemo(\n () => parseTodoPlan({ args, argsText, result }),\n [args, argsText, result],\n );\n usePlanCardRegistration(plan, status?.type === \"running\");\n return null;\n};\n\nexport const HiddenWriteTodosToolUI = memo(\n HiddenWriteTodosToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nHiddenWriteTodosToolUI.displayName = \"HiddenWriteTodosToolUI\";\n\nconst WriteTodosToolUIImpl: ToolCallMessagePartComponent = ({\n args,\n argsText,\n result,\n status,\n}) => {\n const plan = useMemo(\n () => parseTodoPlan({ args, argsText, result }),\n [args, argsText, result],\n );\n const { steps, changeDescription } = plan;\n const [collapsed, setCollapsed] = useState(false);\n\n // Newest-plan dedupe: a run updates its plan by calling write_todos again,\n // so a conversation stacks cards that all describe the same plan. Only the\n // newest mounted card in this chat's scope renders (see todo-plan-store.ts).\n const isWriting = status?.type === \"running\";\n const isLatest = usePlanCardRegistration(plan, isWriting);\n if (!isLatest) return null;\n\n const completed = steps.filter((s) => s.status === \"completed\").length;\n const stopped = steps.filter(\n (s) => s.status === \"cancelled\" \|\| s.status === \"failed\",\n ).length;\n const current = steps.find((s) => s.status === \"in_progress\");\n const total = steps.length;\n const resolved = completed + stopped;\n const isDone = total > 0 && resolved === total;\n\n if (total === 0) {\n return isWriting ? (\n <div className=\"my-3 flex w-full items-center gap-2 rounded-xl border border-border/60 bg-background px-4 py-3 shadow-sm\">\n <LoaderIcon className=\"size-3.5 animate-spin text-primary\" />\n <span className=\"text-[13px] font-medium text-foreground\">\n Planning...\n </span>\n </div>\n ) : null;\n }\n\n const heading = isWriting\n ? \"Updating plan\"\n : isDone\n ? \"Plan complete\"\n : completed === 0 && !current\n ? \"Plan\"\n : \"Plan in progress\";\n\n const subtitle =\n changeDescription ?? (current ? current.content : undefined);\n\n return (\n <div className=\"my-3 w-full rounded-xl border border-border/60 bg-background shadow-sm\">\n <div className=\"sticky top-0 z-20 overflow-hidden rounded-t-xl bg-background\">\n <button\n type=\"button\"\n onClick={() => setCollapsed((prev) => !prev)}\n className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-muted/30\"\n aria-expanded={!collapsed}\n >\n <PlanBadge resolved={resolved} total={total} />\n <span className=\"min-w-0 flex-1\">\n <span className=\"flex items-baseline gap-2\">\n <span className=\"text-[13px] font-medium text-foreground\">\n {heading}\n </span>\n <span className=\"text-[11px] tabular-nums text-muted-foreground\">\n {resolved}/{total} steps\n </span>\n </span>\n {subtitle && (\n <span className=\"block truncate text-[12px] text-muted-foreground\">\n {subtitle}\n </span>\n )}\n </span>\n <ChevronDownIcon\n className={cn(\n \"size-4 shrink-0 text-muted-foreground transition-transform duration-200\",\n collapsed && \"-rotate-90\",\n )}\n />\n </button>\n\n <div className=\"h-0.5 w-full bg-muted\">\n <div\n className={cn(\n \"h-full transition-all duration-500\",\n isDone ? \"bg-emerald-500\" : \"bg-primary\",\n )}\n style={{ width: `${total > 0 ? (resolved / total) 100 : 0}%` }}\n />\n </div>\n </div>\n\n {!collapsed && (\n <ol className=\"flex max-h-72 flex-col overflow-y-auto rounded-b-xl border-t border-border/40 py-1\">\n {steps.map((step, index) => (\n <li\n key={step.id ?? `${index}-${step.content}`}\n className={cn(\n \"relative flex items-start gap-2.5 px-4 py-1.5\",\n step.status === \"in_progress\" && \"bg-primary/5\",\n )}\n >\n {index < steps.length - 1 && (\n <span\n aria-hidden\n className=\"absolute left-[calc(1rem+8px)] top-[26px] h-[calc(100%-18px)] w-px bg-border/60\"\n />\n )}\n <span className=\"relative z-10 mt-[3px]\">\n <StepMarker status={step.status} index={index} />\n </span>\n <span\n className={cn(\n \"text-[12.5px] leading-relaxed text-foreground\",\n step.status === \"completed\" &&\n \"text-muted-foreground line-through decoration-muted-foreground/40\",\n step.status === \"cancelled\" &&\n \"text-muted-foreground/70 line-through decoration-muted-foreground/40\",\n step.status === \"failed\" && \"text-destructive\",\n step.status === \"in_progress\" && \"font-medium text-primary\",\n step.status === \"pending\" && \"text-muted-foreground\",\n )}\n >\n {step.content}\n </span>\n </li>\n ))}\n </ol>\n )}\n </div>\n );\n};\n\nexport const WriteTodosToolUI = memo(\n WriteTodosToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nWriteTodosToolUI.displayName = \"WriteTodosToolUI\";\n"],"names":[],"mappings":";;;;;AAyCA,MAAM,gBAA2C;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIA,SAAS,SAAS,OAAgD;AAChE,SAAO,OAAO,UAAU,YAAY,UAAU,OACzC,QACD;AACN;AAEA,SAAS,SAAS,OAAgC;AAChD,SAAO,OAAO,UAAU,YACrB,cAAoC,SAAS,KAAK,IAChD,QACD;AACN;AAEA,SAAS,WAAW,OAA4B;AAC9C,MAAI,CAAC,MAAM,QAAQ,KAAK,UAAU,CAAA;AAClC,QAAM,QAAoB,CAAA;AAC1B,aAAW,OAAO,OAAO;AACvB,UAAM,SAAS,SAAS,GAAG;AAC3B,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,OAAO,WAAW,OAAO,QAAQ,OAAO;AACxD,QAAI,OAAO,YAAY,YAAY,QAAQ,KAAA,MAAW,GAAI;AAC1D,UAAM,KAAK;AAAA,MACT,IAAI,OAAO,OAAO,OAAO,WAAW,OAAO,KAAK;AAAA,MAChD,SAAS,QAAQ,KAAA;AAAA,MACjB,QAAQ,SAAS,OAAO,MAAM;AAAA,IAAA,CAC/B;AAAA,EACH;AACA,SAAO;AACT;AAEA,SAAS,cAAc,OAAoC;AACzD,SAAO,OAAO,UAAU,YAAY,MAAM,WAAW,KACjD,MAAM,KAAA,IACN;AACN;AAEA,SAAS,kBAAkB,UAA0C;AACnE,MAAI,CAAC,SAAU,QAAO,CAAA;AACtB,QAAM,QAAoB,CAAA;AAC1B,QAAM,gBAAgB;AACtB,aAAW,CAAC,KAAK,KAAK,SAAS,SAAS,aAAa,GAAG;AACtD,UAAM,eAAe,qDAAqD;AAAA,MACxE;AAAA,IAAA;AAEF,QAAI,CAAC,aAAc;AACnB,QAAI;AACJ,QAAI;AACF,gBAAU,KAAK,MAAM,IAAI,aAAa,CAAC,CAAC,GAAG;AAAA,IAC7C,QAAQ;AACN,gBAAU,aAAa,CAAC;AAAA,IAC1B;AACA,QAAI,QAAQ,KAAA,MAAW,GAAI;AAC3B,UAAM,cAAc,6BAA6B,KAAK,KAAK;AAC3D,UAAM,KAAK;AAAA,MACT,SAAS,QAAQ,KAAA;AAAA,MACjB,QAAQ,SAAS,2CAAc,EAAE;AAAA,IAAA,CAClC;AAAA,EACH;AACA,SAAO;AACT;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIa;AACX,QAAM,aAAa,SAAS,IAAI;AAChC,QAAM,WAAW,WAAW,yCAAY,KAAK;AAE7C,MAAI,eAAe,SAAS,MAAM;AAClC,MAAI,CAAC,gBAAgB,OAAO,WAAW,UAAU;AAC/C,QAAI;AACF,qBAAe,SAAS,KAAK,MAAM,MAAM,CAAC;AAAA,IAC5C,QAAQ;AACN,qBAAe;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,iBAAiB,MAAM,QAAQ,6CAAc,KAAK;AACxD,QAAM,QAAQ,iBACV,WAAW,6CAAc,KAAK,IAC9B,SAAS,SAAS,IAChB,WACA,kBAAkB,QAAQ;AAEhC,SAAO;AAAA,IACL;AAAA,IACA,mBACE,cAAc,6CAAc,WAAW,KACvC,cAAc,6CAAc,qBAAqB;AAAA,EAAA;AAEvD;AAIA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AACF,GAGG;AACD,MAAI,WAAW,aAAa;AAC1B,WACE,oBAAC,QAAA,EAAK,WAAU,gGACd,UAAA,oBAAC,aAAU,WAAU,UAAS,aAAa,EAAA,CAAG,EAAA,CAChD;AAAA,EAEJ;AACA,MAAI,WAAW,eAAe;AAC5B,WACE,oBAAC,QAAA,EAAK,WAAU,iGACd,UAAA,oBAAC,cAAW,WAAU,uBAAsB,aAAa,EAAA,CAAG,EAAA,CAC9D;AAAA,EAEJ;AACA,MAAI,WAAW,UAAU;AACvB,WACE,oBAAC,QAAA,EAAK,WAAU,yGACd,UAAA,oBAAC,SAAM,WAAU,UAAS,aAAa,EAAA,CAAG,EAAA,CAC5C;AAAA,EAEJ;AACA,MAAI,WAAW,aAAa;AAC1B,WACE,oBAAC,QAAA,EAAK,WAAU,iHACd,UAAA,oBAAC,SAAM,WAAU,UAAS,aAAa,EAAA,CAAG,EAAA,CAC5C;AAAA,EAEJ;AACA,SACE,oBAAC,QAAA,EAAK,WAAU,sJACb,kBAAQ,GACX;AAEJ;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AACF,GAGG;AACD,QAAM,SAAS,QAAQ,KAAK,aAAa;AAEzC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,UAAU;AAAA,QACV,CAAC,UAAU;AAAA,MAAA;AAAA,MAGZ,UAAA,SACC,oBAAC,WAAA,EAAU,WAAU,UAAS,aAAa,EAAA,CAAG,IAE9C,oBAAC,gBAAA,EAAe,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAI3C;AAQA,SAAS,wBAAwB,MAAgB,WAA6B;AAC5E,QAAM,QAAQ,aAAA;AACd,QAAM,CAAC,GAAG,IAAI,SAAS,eAAe;AACtC,YAAU,MAAM;AACd,qBAAiB,OAAO,KAAK,MAAM,SAAS;AAC5C,WAAO,MAAM,mBAAmB,OAAO,GAAG;AAAA,EAI5C,GAAG,CAAC,OAAO,GAAG,CAAC;AACf,YAAU,MAAM;AACd,mBAAe,OAAO,KAAK,MAAM,SAAS;AAAA,EAC5C,GAAG,CAAC,OAAO,KAAK,MAAM,SAAS,CAAC;AAChC,SAAO,oBAAoB,OAAO,GAAG;AACvC;AASA,MAAM,6BAA2D,CAAC;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAO;AAAA,IACX,MAAM,cAAc,EAAE,MAAM,UAAU,QAAQ;AAAA,IAC9C,CAAC,MAAM,UAAU,MAAM;AAAA,EAAA;AAEzB,0BAAwB,OAAM,iCAAQ,UAAS,SAAS;AACxD,SAAO;AACT;AAEO,MAAM,yBAAyB;AAAA,EACpC;AACF;AACA,uBAAuB,cAAc;AAErC,MAAM,uBAAqD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAO;AAAA,IACX,MAAM,cAAc,EAAE,MAAM,UAAU,QAAQ;AAAA,IAC9C,CAAC,MAAM,UAAU,MAAM;AAAA,EAAA;AAEzB,QAAM,EAAE,OAAO,kBAAA,IAAsB;AACrC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAKhD,QAAM,aAAY,iCAAQ,UAAS;AACnC,QAAM,WAAW,wBAAwB,MAAM,SAAS;AACxD,MAAI,CAAC,SAAU,QAAO;AAEtB,QAAM,YAAY,MAAM,OAAO,CAAC,MAAM,EAAE,WAAW,WAAW,EAAE;AAChE,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,MAAM,EAAE,WAAW,eAAe,EAAE,WAAW;AAAA,EAAA,EAChD;AACF,QAAM,UAAU,MAAM,KAAK,CAAC,MAAM,EAAE,WAAW,aAAa;AAC5D,QAAM,QAAQ,MAAM;AACpB,QAAM,WAAW,YAAY;AAC7B,QAAM,SAAS,QAAQ,KAAK,aAAa;AAEzC,MAAI,UAAU,GAAG;AACf,WAAO,YACL,qBAAC,OAAA,EAAI,WAAU,4GACb,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,WAAU,qCAAA,CAAqC;AAAA,MAC3D,oBAAC,QAAA,EAAK,WAAU,2CAA0C,UAAA,cAAA,CAE1D;AAAA,IAAA,EAAA,CACF,IACE;AAAA,EACN;AAEA,QAAM,UAAU,YACZ,kBACA,SACE,kBACA,cAAc,KAAK,CAAC,UAClB,SACA;AAER,QAAM,WACJ,sBAAsB,UAAU,QAAQ,UAAU;AAEpD,SACE,qBAAC,OAAA,EAAI,WAAU,0EACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,gEACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,aAAa,CAAC,SAAS,CAAC,IAAI;AAAA,UAC3C,WAAU;AAAA,UACV,iBAAe,CAAC;AAAA,UAEhB,UAAA;AAAA,YAAA,oBAAC,WAAA,EAAU,UAAoB,MAAA,CAAc;AAAA,YAC7C,qBAAC,QAAA,EAAK,WAAU,kBACd,UAAA;AAAA,cAAA,qBAAC,QAAA,EAAK,WAAU,6BACd,UAAA;AAAA,gBAAA,oBAAC,QAAA,EAAK,WAAU,2CACb,UAAA,SACH;AAAA,gBACA,qBAAC,QAAA,EAAK,WAAU,kDACb,UAAA;AAAA,kBAAA;AAAA,kBAAS;AAAA,kBAAE;AAAA,kBAAM;AAAA,gBAAA,EAAA,CACpB;AAAA,cAAA,GACF;AAAA,cACC,YACC,oBAAC,QAAA,EAAK,WAAU,oDACb,UAAA,SAAA,CACH;AAAA,YAAA,GAEJ;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,aAAa;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAGF,oBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,SAAS,mBAAmB;AAAA,UAAA;AAAA,UAE9B,OAAO,EAAE,OAAO,GAAG,QAAQ,IAAK,WAAW,QAAS,MAAM,CAAC,IAAA;AAAA,QAAI;AAAA,MAAA,EACjE,CACF;AAAA,IAAA,GACF;AAAA,IAEC,CAAC,aACA,oBAAC,MAAA,EAAG,WAAU,sFACX,UAAA,MAAM,IAAI,CAAC,MAAM,UAChB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAW;AAAA,UACT;AAAA,UACA,KAAK,WAAW,iBAAiB;AAAA,QAAA;AAAA,QAGlC,UAAA;AAAA,UAAA,QAAQ,MAAM,SAAS,KACtB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGd,oBAAC,QAAA,EAAK,WAAU,0BACd,UAAA,oBAAC,cAAW,QAAQ,KAAK,QAAQ,MAAA,CAAc,EAAA,CACjD;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,KAAK,WAAW,eACd;AAAA,gBACF,KAAK,WAAW,eACd;AAAA,gBACF,KAAK,WAAW,YAAY;AAAA,gBAC5B,KAAK,WAAW,iBAAiB;AAAA,gBACjC,KAAK,WAAW,aAAa;AAAA,cAAA;AAAA,cAG9B,UAAA,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,MA5BK,KAAK,MAAM,GAAG,KAAK,IAAI,KAAK,OAAO;AAAA,IAAA,CA8B3C,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;AAEO,MAAM,mBAAmB;AAAA,EAC9B;AACF;AACA,iBAAiB,cAAc;"}
1	+ {"version":3,"file":"write-todos-tool-ui.js","sources":["../../src/tools/write-todos-tool-ui.tsx"],"sourcesContent":["\"use client\";\n\nimport { memo, useEffect, useMemo, useState } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport {\n CheckIcon,\n ChevronDownIcon,\n ListChecksIcon,\n LoaderIcon,\n XIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\nimport {\n allocatePlanSeq,\n registerPlanCard,\n unregisterPlanCard,\n updatePlanCard,\n useIsLatestPlanCard,\n usePlanScope,\n} from \"./todo-plan-store\";\n\n// ─── Types ───────────────────────────────────────────────────────────\n\nexport type PlanStepStatus =\n \| \"pending\"\n \| \"in_progress\"\n \| \"completed\"\n \| \"cancelled\"\n \| \"failed\";\n\nexport type PlanStep = {\n id?: string;\n content: string;\n status: PlanStepStatus;\n};\n\nexport type TodoPlan = {\n steps: PlanStep[];\n changeDescription?: string;\n};\n\nconst STEP_STATUSES: readonly PlanStepStatus[] = [\n \"pending\",\n \"in_progress\",\n \"completed\",\n \"cancelled\",\n \"failed\",\n];\n\n// ─── Parsing ─────────────────────────────────────────────────────────\n\nfunction asRecord(value: unknown): Record<string, unknown> \| null {\n return typeof value === \"object\" && value !== null\n ? (value as Record<string, unknown>)\n : null;\n}\n\nfunction asStatus(value: unknown): PlanStepStatus {\n return typeof value === \"string\" &&\n (STEP_STATUSES as readonly string[]).includes(value)\n ? (value as PlanStepStatus)\n : \"pending\";\n}\n\nfunction parseSteps(value: unknown): PlanStep[] {\n if (!Array.isArray(value)) return [];\n const steps: PlanStep[] = [];\n for (const raw of value) {\n const record = asRecord(raw);\n if (!record) continue;\n const content = record.content ?? record.task ?? record.title;\n if (typeof content !== \"string\" \|\| content.trim() === \"\") continue;\n steps.push({\n id: typeof record.id === \"string\" ? record.id : undefined,\n content: content.trim(),\n status: asStatus(record.status),\n });\n }\n return steps;\n}\n\nfunction asDescription(value: unknown): string \| undefined {\n return typeof value === \"string\" && value.trim() !== \"\"\n ? value.trim()\n : undefined;\n}\n\nfunction parsePartialSteps(argsText: string \| undefined): PlanStep[] {\n if (!argsText) return [];\n const steps: PlanStep[] = [];\n const objectPattern = /\\{(?:[^{}\\\\\"]\|\"(?:[^\"\\\\]\|\\\\.)\")\\}?/g;\n for (const [chunk] of argsText.matchAll(objectPattern)) {\n const contentMatch = /\"(?:content\|task\|title)\"\\s:\\s\"((?:[^\"\\\\]\|\\\\.))\"/.exec(\n chunk,\n );\n if (!contentMatch) continue;\n let content: string;\n try {\n content = JSON.parse(`\"${contentMatch[1]}\"`) as string;\n } catch {\n content = contentMatch[1];\n }\n if (content.trim() === \"\") continue;\n const statusMatch = /\"status\"\\s:\\s\"([a-z_]+)\"/.exec(chunk);\n steps.push({\n content: content.trim(),\n status: asStatus(statusMatch?.[1]),\n });\n }\n return steps;\n}\n\nexport function parseTodoPlan({\n args,\n argsText,\n result,\n}: {\n args?: unknown;\n argsText?: string;\n result?: unknown;\n}): TodoPlan {\n const argsRecord = asRecord(args);\n const argSteps = parseSteps(argsRecord?.todos);\n\n let resultRecord = asRecord(result);\n if (!resultRecord && typeof result === \"string\") {\n try {\n resultRecord = asRecord(JSON.parse(result));\n } catch {\n resultRecord = null;\n }\n }\n\n const hasResultTodos = Array.isArray(resultRecord?.todos);\n const steps = hasResultTodos\n ? parseSteps(resultRecord?.todos)\n : argSteps.length > 0\n ? argSteps\n : parsePartialSteps(argsText);\n\n return {\n steps,\n changeDescription:\n asDescription(resultRecord?.description) ??\n asDescription(resultRecord?.todoChangeDescription),\n };\n}\n\n// ─── Presentation ────────────────────────────────────────────────────\n\n/* A plan step's status glyph (its number while pending) — shared with the workbench's Tasks pane. /\nexport function PlanStepMarker({\n status,\n index,\n}: {\n status: PlanStepStatus;\n index: number;\n}) {\n if (status === \"completed\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-emerald-500 text-white\">\n <CheckIcon className=\"size-3\" strokeWidth={3} />\n </span>\n );\n }\n if (status === \"in_progress\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary\">\n <LoaderIcon className=\"size-3 animate-spin\" strokeWidth={3} />\n </span>\n );\n }\n if (status === \"failed\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-destructive/10 text-destructive\">\n <XIcon className=\"size-3\" strokeWidth={3} />\n </span>\n );\n }\n if (status === \"cancelled\") {\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full border border-border text-muted-foreground\">\n <XIcon className=\"size-3\" strokeWidth={3} />\n </span>\n );\n }\n return (\n <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full border border-dashed border-border text-[9px] font-medium text-muted-foreground\">\n {index + 1}\n </span>\n );\n}\n\nfunction PlanBadge({\n resolved,\n total,\n}: {\n resolved: number;\n total: number;\n}) {\n const isDone = total > 0 && resolved === total;\n\n return (\n <span\n className={cn(\n \"flex size-8 shrink-0 items-center justify-center rounded-lg\",\n isDone && \"bg-emerald-50 text-emerald-600\",\n !isDone && \"bg-primary/10 text-primary\",\n )}\n >\n {isDone ? (\n <CheckIcon className=\"size-4\" strokeWidth={3} />\n ) : (\n <ListChecksIcon className=\"size-4\" />\n )}\n </span>\n );\n}\n\n/\n Register this card in its chat's plan registry and report whether it is the\n * newest mounted one. Shared by the visible card (which hides superseded\n * instances) and {@link HiddenWriteTodosToolUI} (which renders nothing but\n * keeps the registry — and so `useLatestTodoPlan` — fed).\n /\nfunction usePlanCardRegistration(plan: TodoPlan, isWriting: boolean): boolean {\n const scope = usePlanScope();\n const [seq] = useState(allocatePlanSeq);\n useEffect(() => {\n registerPlanCard(scope, seq, plan, isWriting);\n return () => unregisterPlanCard(scope, seq);\n // Registration is keyed to this instance's lifetime (and its chat's\n // scope); content updates ride the effect below.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [scope, seq]);\n useEffect(() => {\n updatePlanCard(scope, seq, plan, isWriting);\n }, [scope, seq, plan, isWriting]);\n return useIsLatestPlanCard(scope, seq);\n}\n\n/\n Inline-invisible `write_todos` for hosts that pin the plan elsewhere:\n * feeds the plan registry exactly like the visible card, renders nothing.\n * Register it via `toolUIs={{ write_todos: HiddenWriteTodosToolUI }}` and\n * read the plan with `useLatestTodoPlan()` — a bare `() => null` override\n * would leave the registry (and the hook) permanently empty.\n /\nconst HiddenWriteTodosToolUIImpl: ToolCallMessagePartComponent = ({\n args,\n argsText,\n result,\n status,\n}) => {\n const plan = useMemo(\n () => parseTodoPlan({ args, argsText, result }),\n [args, argsText, result],\n );\n usePlanCardRegistration(plan, status?.type === \"running\");\n return null;\n};\n\nexport const HiddenWriteTodosToolUI = memo(\n HiddenWriteTodosToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nHiddenWriteTodosToolUI.displayName = \"HiddenWriteTodosToolUI\";\n\nconst WriteTodosToolUIImpl: ToolCallMessagePartComponent = ({\n args,\n argsText,\n result,\n status,\n}) => {\n const plan = useMemo(\n () => parseTodoPlan({ args, argsText, result }),\n [args, argsText, result],\n );\n const { steps, changeDescription } = plan;\n const [collapsed, setCollapsed] = useState(false);\n\n // Newest-plan dedupe: a run updates its plan by calling write_todos again,\n // so a conversation stacks cards that all describe the same plan. Only the\n // newest mounted card in this chat's scope renders (see todo-plan-store.ts).\n const isWriting = status?.type === \"running\";\n const isLatest = usePlanCardRegistration(plan, isWriting);\n if (!isLatest) return null;\n\n const completed = steps.filter((s) => s.status === \"completed\").length;\n const stopped = steps.filter(\n (s) => s.status === \"cancelled\" \|\| s.status === \"failed\",\n ).length;\n const current = steps.find((s) => s.status === \"in_progress\");\n const total = steps.length;\n const resolved = completed + stopped;\n const isDone = total > 0 && resolved === total;\n\n if (total === 0) {\n return isWriting ? (\n <div className=\"my-3 flex w-full items-center gap-2 rounded-xl border border-border/60 bg-background px-4 py-3 shadow-sm\">\n <LoaderIcon className=\"size-3.5 animate-spin text-primary\" />\n <span className=\"text-[13px] font-medium text-foreground\">\n Planning...\n </span>\n </div>\n ) : null;\n }\n\n const heading = isWriting\n ? \"Updating plan\"\n : isDone\n ? \"Plan complete\"\n : completed === 0 && !current\n ? \"Plan\"\n : \"Plan in progress\";\n\n const subtitle =\n changeDescription ?? (current ? current.content : undefined);\n\n return (\n <div className=\"my-3 w-full rounded-xl border border-border/60 bg-background shadow-sm\">\n <div className=\"sticky top-0 z-20 overflow-hidden rounded-t-xl bg-background\">\n <button\n type=\"button\"\n onClick={() => setCollapsed((prev) => !prev)}\n className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-muted/30\"\n aria-expanded={!collapsed}\n >\n <PlanBadge resolved={resolved} total={total} />\n <span className=\"min-w-0 flex-1\">\n <span className=\"flex items-baseline gap-2\">\n <span className=\"text-[13px] font-medium text-foreground\">\n {heading}\n </span>\n <span className=\"text-[11px] tabular-nums text-muted-foreground\">\n {resolved}/{total} steps\n </span>\n </span>\n {subtitle && (\n <span className=\"block truncate text-[12px] text-muted-foreground\">\n {subtitle}\n </span>\n )}\n </span>\n <ChevronDownIcon\n className={cn(\n \"size-4 shrink-0 text-muted-foreground transition-transform duration-200\",\n collapsed && \"-rotate-90\",\n )}\n />\n </button>\n\n <div className=\"h-0.5 w-full bg-muted\">\n <div\n className={cn(\n \"h-full transition-all duration-500\",\n isDone ? \"bg-emerald-500\" : \"bg-primary\",\n )}\n style={{ width: `${total > 0 ? (resolved / total) 100 : 0}%` }}\n />\n </div>\n </div>\n\n {!collapsed && (\n <ol className=\"flex max-h-72 flex-col overflow-y-auto rounded-b-xl border-t border-border/40 py-1\">\n {steps.map((step, index) => (\n <li\n key={step.id ?? `${index}-${step.content}`}\n className={cn(\n \"relative flex items-start gap-2.5 px-4 py-1.5\",\n step.status === \"in_progress\" && \"bg-primary/5\",\n )}\n >\n {index < steps.length - 1 && (\n <span\n aria-hidden\n className=\"absolute left-[calc(1rem+8px)] top-[26px] h-[calc(100%-18px)] w-px bg-border/60\"\n />\n )}\n <span className=\"relative z-10 mt-[3px]\">\n <PlanStepMarker status={step.status} index={index} />\n </span>\n <span\n className={cn(\n \"text-[12.5px] leading-relaxed text-foreground\",\n step.status === \"completed\" &&\n \"text-muted-foreground line-through decoration-muted-foreground/40\",\n step.status === \"cancelled\" &&\n \"text-muted-foreground/70 line-through decoration-muted-foreground/40\",\n step.status === \"failed\" && \"text-destructive\",\n step.status === \"in_progress\" && \"font-medium text-primary\",\n step.status === \"pending\" && \"text-muted-foreground\",\n )}\n >\n {step.content}\n </span>\n </li>\n ))}\n </ol>\n )}\n </div>\n );\n};\n\nexport const WriteTodosToolUI = memo(\n WriteTodosToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nWriteTodosToolUI.displayName = \"WriteTodosToolUI\";\n"],"names":[],"mappings":"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"}

package/dist/ui/popover.cjs CHANGED Viewed

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const radixUi = require("radix-ui");
+const lib_ownerDocument = require("../lib/owner-document.cjs");
+const portalSurface = require("../lib/portal-surface.cjs");
 const themeStyleContext = require("../provider/theme-style-context.cjs");
 const cnfast = require("cnfast");
 function Popover({ ...props }) {
@@ -19,20 +21,18 @@ function PopoverContent({
   ...props
 }) {
   const themeStyle = themeStyleContext.useAthenaThemeStyle();
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  const container = lib_ownerDocument.usePortalContainer();
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
     radixUi.Popover.Content,
     {
       "data-slot": "popover-content",
       align,
       sideOffset,
       collisionPadding,
-      style: themeStyle || style ? { ...themeStyle, ...style } : void 0,
+      style: portalSurface.portalSurfaceStyle({ surface: "popover", className, themeStyle, style }),
       className: cnfast.cn(
-        // The scope classes bring the tokens and the scoped reset;
-        // `.athena-sdk` is `display: contents` (the wrapper's role), so the
-        // portal root sets its own box with `block`.
+        // The scope classes bring the tokens and the scoped reset.
         "athena-sdk athena-sdk-chrome",
-        themeStyle && "athena-themed",
         "block bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-1 shadow-md outline-none",
         className
       ),

package/dist/ui/popover.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.cjs","sources":["../../src/ui/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\nimport { cn } from \"../lib/utils\"\nimport { useAthenaThemeStyle } from \"../provider/theme-style-context\"\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n style,\n align = \"center\",\n sideOffset = 4,\n collisionPadding = 8,\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n const themeStyle = useAthenaThemeStyle()\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n collisionPadding={collisionPadding}\n // Portaled outside the provider wrapper, so it neither inherits the\n // theme's variables nor the SDK tokens: it carries both itself.\n style={~~\n themeStyle~~ \|\| ~~style~~\~~n ?~~ ({ ~~...~~themeStyle, ~~...~~style } ~~as React.CSSProperties~~)~~\n : undefined\n~~ }\n className={cn(\n // The scope classes bring the tokens and the scoped reset;\n ~~// `.athena-sdk` is `display: contents` (the wrapper's role), so the~~\~~n // portal root sets its own box with `block`.\n \~~"athena-sdk athena-sdk-chrome\",\n ~~themeStyle &&~~ \"~~athena-themed\",\n \"~~block bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-1 shadow-md outline-none\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n )\n}\n\nexport { Popover, PopoverTrigger, PopoverContent }\n"],"names":["PopoverPrimitive","useAthenaThemeStyle","jsx","cn"],"mappings":"~~;;;;;;AAOA~~,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,wCAAQA,QAAAA,QAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,wCAAQA,QAAAA,QAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,GAAG;AACL,GAA0D;AACxD,QAAM,aAAaC,kBAAAA,oBAAA;AACnB,SACEC,2BAAAA,~~IAACF~~,QAAAA,QAAiB,QAAjB,~~EACC~~,~~UAAAE~~,2BAAAA;AAAAA,~~IAACF~~,QAAAA,QAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,~~MAGA~~,~~OACE~~,~~cAAc~~,~~QACT~~,EAAE,~~GAAG~~,YAAY,~~GAAG,UACrB~~;AAAA,~~MAEN~~,~~WAAWG~~,OAAAA;AAAAA;AAAAA~~;AAAAA;AAAAA~~,~~QAIT~~;AAAA,QACA~~,cAAc~~;AAAA,~~QACd;AAAA,~~QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;;;;"}
1	+ {"version":3,"file":"popover.cjs","sources":["../../src/ui/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\nimport { usePortalContainer } from \"../lib/owner-document\"\nimport { portalSurfaceStyle } from \"../lib/portal-surface\"\nimport { cn } from \"../lib/utils\"\nimport { useAthenaThemeStyle } from \"../provider/theme-style-context\"\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n style,\n align = \"center\",\n sideOffset = 4,\n collisionPadding = 8,\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n const themeStyle = useAthenaThemeStyle()\n const container = usePortalContainer()\n return (\n <PopoverPrimitive.Portal container={container}>\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n collisionPadding={collisionPadding}\n // Portaled outside the provider wrapper, so it neither inherits the\n // theme's variables nor the SDK tokens: it carries both itself, and\n // its box and colours inline (lib/portal-surface.ts).\n style={portalSurfaceStyle({ surface: \"popover\", className, themeStyle, style })}\n className={cn(\n // The scope classes bring the tokens and the scoped reset.\n \"athena-sdk athena-sdk-chrome\",\n \"block bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-1 shadow-md outline-none\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n )\n}\n\nexport { Popover, PopoverTrigger, PopoverContent }\n"],"names":["PopoverPrimitive","useAthenaThemeStyle","usePortalContainer","jsx","portalSurfaceStyle","cn"],"mappings":";;;;;;;;AASA,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,wCAAQA,QAAAA,QAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,wCAAQA,QAAAA,QAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,GAAG;AACL,GAA0D;AACxD,QAAM,aAAaC,kBAAAA,oBAAA;AACnB,QAAM,YAAYC,kBAAAA,mBAAA;AAClB,SACEC,2BAAAA,IAACH,QAAAA,QAAiB,QAAjB,EAAwB,WACvB,UAAAG,2BAAAA;AAAAA,IAACH,QAAAA,QAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MAIA,OAAOI,cAAAA,mBAAmB,EAAE,SAAS,WAAW,WAAW,YAAY,OAAO;AAAA,MAC9E,WAAWC,OAAAA;AAAAA;AAAAA,QAET;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;;;;"}

package/dist/ui/popover.js CHANGED Viewed

@@ -1,5 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Popover as Popover$1 } from "radix-ui";
+import { usePortalContainer } from "../lib/owner-document.js";
+import { portalSurfaceStyle } from "../lib/portal-surface.js";
 import { useAthenaThemeStyle } from "../provider/theme-style-context.js";
 import { cn } from "cnfast";
 function Popover({ ...props }) {
@@ -17,20 +19,18 @@ function PopoverContent({
   ...props
 }) {
   const themeStyle = useAthenaThemeStyle();
-  return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(
+  const container = usePortalContainer();
+  return /* @__PURE__ */ jsx(Popover$1.Portal, { container, children: /* @__PURE__ */ jsx(
     Popover$1.Content,
     {
       "data-slot": "popover-content",
       align,
       sideOffset,
       collisionPadding,
-      style: themeStyle || style ? { ...themeStyle, ...style } : void 0,
+      style: portalSurfaceStyle({ surface: "popover", className, themeStyle, style }),
       className: cn(
-        // The scope classes bring the tokens and the scoped reset;
-        // `.athena-sdk` is `display: contents` (the wrapper's role), so the
-        // portal root sets its own box with `block`.
+        // The scope classes bring the tokens and the scoped reset.
         "athena-sdk athena-sdk-chrome",
-        themeStyle && "athena-themed",
         "block bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-1 shadow-md outline-none",
         className
       ),

package/dist/ui/popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.js","sources":["../../src/ui/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\nimport { cn } from \"../lib/utils\"\nimport { useAthenaThemeStyle } from \"../provider/theme-style-context\"\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n style,\n align = \"center\",\n sideOffset = 4,\n collisionPadding = 8,\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n const themeStyle = useAthenaThemeStyle()\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n collisionPadding={collisionPadding}\n // Portaled outside the provider wrapper, so it neither inherits the\n // theme's variables nor the SDK tokens: it carries both itself.\n style={~~\n themeStyle~~ \|\| ~~style~~\~~n ?~~ ({ ~~...~~themeStyle, ~~...~~style } ~~as React.CSSProperties~~)~~\n : undefined\n~~ }\n className={cn(\n // The scope classes bring the tokens and the scoped reset;\n ~~// `.athena-sdk` is `display: contents` (the wrapper's role), so the~~\~~n // portal root sets its own box with `block`.\n \~~"athena-sdk athena-sdk-chrome\",\n ~~themeStyle &&~~ \"~~athena-themed\",\n \"~~block bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-1 shadow-md outline-none\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n )\n}\n\nexport { Popover, PopoverTrigger, PopoverContent }\n"],"names":["PopoverPrimitive"],"mappings":"~~;;;;AAOA~~,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,6BAAQA,UAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,6BAAQA,UAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,GAAG;AACL,GAA0D;AACxD,QAAM,aAAa,oBAAA;AACnB,SACE,oBAACA,UAAiB,QAAjB,~~EACC~~,UAAA;AAAA,IAACA,UAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,~~MAGA~~,~~OACE~~,~~cAAc~~,~~QACT,~~EAAE,~~GAAG~~,YAAY,~~GAAG,UACrB~~;AAAA,~~MAEN~~,WAAW;AAAA;AAAA~~;AAAA;AAAA~~,~~QAIT~~;AAAA,QACA~~,cAAc~~;AAAA,~~QACd;AAAA,~~QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
1	+ {"version":3,"file":"popover.js","sources":["../../src/ui/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\nimport { usePortalContainer } from \"../lib/owner-document\"\nimport { portalSurfaceStyle } from \"../lib/portal-surface\"\nimport { cn } from \"../lib/utils\"\nimport { useAthenaThemeStyle } from \"../provider/theme-style-context\"\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n style,\n align = \"center\",\n sideOffset = 4,\n collisionPadding = 8,\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n const themeStyle = useAthenaThemeStyle()\n const container = usePortalContainer()\n return (\n <PopoverPrimitive.Portal container={container}>\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n collisionPadding={collisionPadding}\n // Portaled outside the provider wrapper, so it neither inherits the\n // theme's variables nor the SDK tokens: it carries both itself, and\n // its box and colours inline (lib/portal-surface.ts).\n style={portalSurfaceStyle({ surface: \"popover\", className, themeStyle, style })}\n className={cn(\n // The scope classes bring the tokens and the scoped reset.\n \"athena-sdk athena-sdk-chrome\",\n \"block bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-1 shadow-md outline-none\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n )\n}\n\nexport { Popover, PopoverTrigger, PopoverContent }\n"],"names":["PopoverPrimitive"],"mappings":";;;;;;AASA,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,6BAAQA,UAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,6BAAQA,UAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,GAAG;AACL,GAA0D;AACxD,QAAM,aAAa,oBAAA;AACnB,QAAM,YAAY,mBAAA;AAClB,SACE,oBAACA,UAAiB,QAAjB,EAAwB,WACvB,UAAA;AAAA,IAACA,UAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MAIA,OAAO,mBAAmB,EAAE,SAAS,WAAW,WAAW,YAAY,OAAO;AAAA,MAC9E,WAAW;AAAA;AAAA,QAET;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

package/dist/ui/tooltip.cjs CHANGED Viewed

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const radixUi = require("radix-ui");
+const lib_ownerDocument = require("../lib/owner-document.cjs");
+const portalSurface = require("../lib/portal-surface.cjs");
+const themeStyleContext = require("../provider/theme-style-context.cjs");
 const cnfast = require("cnfast");
 function TooltipProvider({
   delayDuration = 0,
@@ -17,15 +20,20 @@ function TooltipTrigger({ ...props }) {
 }
 function TooltipContent({
   className,
+  style,
   sideOffset = 0,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+  const themeStyle = themeStyleContext.useAthenaThemeStyle();
+  const container = lib_ownerDocument.usePortalContainer();
+  const surfaceStyle = portalSurface.portalSurfaceStyle({ surface: "tooltip", className, themeStyle, style });
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsxs(
     radixUi.Tooltip.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset,
+      style: surfaceStyle,
       className: cnfast.cn(
         // Portaled outside the provider wrapper — carries the SDK scope
         // classes itself so tokens and the scoped reset still apply.
@@ -36,7 +44,13 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          radixUi.Tooltip.Arrow,
+          {
+            className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]",
+            style: surfaceStyle.backgroundColor ? { backgroundColor: surfaceStyle.backgroundColor, fill: surfaceStyle.backgroundColor } : void 0
+          }
+        )
       ]
     }
   ) });

package/dist/ui/tooltip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip.cjs","sources":["../../src/ui/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\nimport { cn } from \"../lib/utils\"\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n className,\n sideOffset = 0,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n className={cn(\n // Portaled outside the provider wrapper — carries the SDK scope\n // classes itself so tokens and the scoped reset still apply.\n \"athena-sdk athena-sdk-chrome\",\n \"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n className\n )}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":["jsx","TooltipPrimitive","jsxs","cn"],"mappings":"~~;;;;;AAMA~~,SAAS,gBAAgB;AAAA,EACvB,gBAAgB;AAAA,EAChB,GAAG;AACL,GAA2D;AACzD,SAAOA,2BAAAA,IAACC,QAAAA,QAAiB,UAAjB,EAA0B,aAAU,oBAAmB,eAA+B,GAAG,OAAO;AAC1G;AAEA,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,wCAAQA,QAAAA,QAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,wCAAQA,QAAAA,QAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,~~SACED~~,2BAAAA,IAACC,QAAAA,QAAiB,QAAjB,~~EACC~~,~~UAAAC~~,2BAAAA;AAAAA,~~IAACD~~,QAAAA,QAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,~~MACA~~,~~WAAWE~~,OAAAA;AAAAA;AAAAA;AAAAA,QAGT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,~~QACDH~~,2BAAAA,~~IAACC~~,QAAAA,QAAiB,~~OAAjB~~,~~EAAuB~~,WAAU,~~qGAAA~~,~~CAAqG~~;AAAA,~~MAAA~~;AAAA,IAAA;AAAA,EAAA,~~GAE3I~~;AAEJ;;;;;"}
1	+ {"version":3,"file":"tooltip.cjs","sources":["../../src/ui/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\nimport { usePortalContainer } from \"../lib/owner-document\"\nimport { portalSurfaceStyle } from \"../lib/portal-surface\"\nimport { cn } from \"../lib/utils\"\nimport { useAthenaThemeStyle } from \"../provider/theme-style-context\"\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n className,\n style,\n sideOffset = 0,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n const themeStyle = useAthenaThemeStyle()\n const container = usePortalContainer()\n const surfaceStyle = portalSurfaceStyle({ surface: \"tooltip\", className, themeStyle, style })\n return (\n <TooltipPrimitive.Portal container={container}>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n // Its box and colours inline: no host stylesheet can take them away\n // (lib/portal-surface.ts).\n style={surfaceStyle}\n className={cn(\n // Portaled outside the provider wrapper — carries the SDK scope\n // classes itself so tokens and the scoped reset still apply.\n \"athena-sdk athena-sdk-chrome\",\n \"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n className\n )}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow\n className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\"\n // The tooltip's own background when it is inline (the default or the\n // caller's `style`); a caller's colour class leaves both to the classes.\n style={\n surfaceStyle.backgroundColor\n ? { backgroundColor: surfaceStyle.backgroundColor, fill: surfaceStyle.backgroundColor }\n : undefined\n }\n />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":["jsx","TooltipPrimitive","useAthenaThemeStyle","usePortalContainer","portalSurfaceStyle","jsxs","cn"],"mappings":";;;;;;;;AASA,SAAS,gBAAgB;AAAA,EACvB,gBAAgB;AAAA,EAChB,GAAG;AACL,GAA2D;AACzD,SAAOA,2BAAAA,IAACC,QAAAA,QAAiB,UAAjB,EAA0B,aAAU,oBAAmB,eAA+B,GAAG,OAAO;AAC1G;AAEA,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,wCAAQA,QAAAA,QAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,wCAAQA,QAAAA,QAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,QAAM,aAAaC,kBAAAA,oBAAA;AACnB,QAAM,YAAYC,kBAAAA,mBAAA;AAClB,QAAM,eAAeC,cAAAA,mBAAmB,EAAE,SAAS,WAAW,WAAW,YAAY,OAAO;AAC5F,SACEJ,2BAAAA,IAACC,QAAAA,QAAiB,QAAjB,EAAwB,WACvB,UAAAI,2BAAAA;AAAAA,IAACJ,QAAAA,QAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MAGA,OAAO;AAAA,MACP,WAAWK,OAAAA;AAAAA;AAAAA;AAAAA,QAGT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACDN,2BAAAA;AAAAA,UAACC,QAAAA,QAAiB;AAAA,UAAjB;AAAA,YACC,WAAU;AAAA,YAGV,OACE,aAAa,kBACT,EAAE,iBAAiB,aAAa,iBAAiB,MAAM,aAAa,oBACpE;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;;;;;"}

package/dist/ui/tooltip.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ import { Tooltip as TooltipPrimitive } from "radix-ui";
 declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
 declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
 declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+declare function TooltipContent({ className, style, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/ui/tooltip.js CHANGED Viewed

@@ -1,5 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "radix-ui";
+import { usePortalContainer } from "../lib/owner-document.js";
+import { portalSurfaceStyle } from "../lib/portal-surface.js";
+import { useAthenaThemeStyle } from "../provider/theme-style-context.js";
 import { cn } from "cnfast";
 function TooltipProvider({
   delayDuration = 0,
@@ -15,15 +18,20 @@ function TooltipTrigger({ ...props }) {
 }
 function TooltipContent({
   className,
+  style,
   sideOffset = 0,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(
+  const themeStyle = useAthenaThemeStyle();
+  const container = usePortalContainer();
+  const surfaceStyle = portalSurfaceStyle({ surface: "tooltip", className, themeStyle, style });
+  return /* @__PURE__ */ jsx(Tooltip$1.Portal, { container, children: /* @__PURE__ */ jsxs(
     Tooltip$1.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset,
+      style: surfaceStyle,
       className: cn(
         // Portaled outside the provider wrapper — carries the SDK scope
         // classes itself so tokens and the scoped reset still apply.
@@ -34,7 +42,13 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ jsx(
+          Tooltip$1.Arrow,
+          {
+            className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]",
+            style: surfaceStyle.backgroundColor ? { backgroundColor: surfaceStyle.backgroundColor, fill: surfaceStyle.backgroundColor } : void 0
+          }
+        )
       ]
     }
   ) });

package/dist/ui/tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip.js","sources":["../../src/ui/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\nimport { cn } from \"../lib/utils\"\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n className,\n sideOffset = 0,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n className={cn(\n // Portaled outside the provider wrapper — carries the SDK scope\n // classes itself so tokens and the scoped reset still apply.\n \"athena-sdk athena-sdk-chrome\",\n \"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n className\n )}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":["TooltipPrimitive"],"mappings":"~~;;;AAMA~~,SAAS,gBAAgB;AAAA,EACvB,gBAAgB;AAAA,EAChB,GAAG;AACL,GAA2D;AACzD,SAAO,oBAACA,UAAiB,UAAjB,EAA0B,aAAU,oBAAmB,eAA+B,GAAG,OAAO;AAC1G;AAEA,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,6BAAQA,UAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,6BAAQA,UAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,SACE,oBAACA,UAAiB,QAAjB,~~EACC~~,UAAA;AAAA,IAACA,UAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,~~MACA~~,WAAW;AAAA;AAAA;AAAA,QAGT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACD,~~oBAACA~~,UAAiB,~~OAAjB~~,~~EAAuB~~,WAAU,~~qGAAA~~,~~CAAqG~~;AAAA,~~MAAA~~;AAAA,IAAA;AAAA,EAAA,~~GAE3I~~;AAEJ;"}
1	+ {"version":3,"file":"tooltip.js","sources":["../../src/ui/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\nimport { usePortalContainer } from \"../lib/owner-document\"\nimport { portalSurfaceStyle } from \"../lib/portal-surface\"\nimport { cn } from \"../lib/utils\"\nimport { useAthenaThemeStyle } from \"../provider/theme-style-context\"\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n className,\n style,\n sideOffset = 0,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n const themeStyle = useAthenaThemeStyle()\n const container = usePortalContainer()\n const surfaceStyle = portalSurfaceStyle({ surface: \"tooltip\", className, themeStyle, style })\n return (\n <TooltipPrimitive.Portal container={container}>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n // Its box and colours inline: no host stylesheet can take them away\n // (lib/portal-surface.ts).\n style={surfaceStyle}\n className={cn(\n // Portaled outside the provider wrapper — carries the SDK scope\n // classes itself so tokens and the scoped reset still apply.\n \"athena-sdk athena-sdk-chrome\",\n \"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n className\n )}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow\n className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\"\n // The tooltip's own background when it is inline (the default or the\n // caller's `style`); a caller's colour class leaves both to the classes.\n style={\n surfaceStyle.backgroundColor\n ? { backgroundColor: surfaceStyle.backgroundColor, fill: surfaceStyle.backgroundColor }\n : undefined\n }\n />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":["TooltipPrimitive"],"mappings":";;;;;;AASA,SAAS,gBAAgB;AAAA,EACvB,gBAAgB;AAAA,EAChB,GAAG;AACL,GAA2D;AACzD,SAAO,oBAACA,UAAiB,UAAjB,EAA0B,aAAU,oBAAmB,eAA+B,GAAG,OAAO;AAC1G;AAEA,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,6BAAQA,UAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,6BAAQA,UAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,QAAM,aAAa,oBAAA;AACnB,QAAM,YAAY,mBAAA;AAClB,QAAM,eAAe,mBAAmB,EAAE,SAAS,WAAW,WAAW,YAAY,OAAO;AAC5F,SACE,oBAACA,UAAiB,QAAjB,EAAwB,WACvB,UAAA;AAAA,IAACA,UAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MAGA,OAAO;AAAA,MACP,WAAW;AAAA;AAAA;AAAA,QAGT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACD;AAAA,UAACA,UAAiB;AAAA,UAAjB;AAAA,YACC,WAAU;AAAA,YAGV,OACE,aAAa,kBACT,EAAE,iBAAiB,aAAa,iBAAiB,MAAM,aAAa,oBACpE;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/version.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _package = require("./packages/react/package.json.cjs");
+const _package = require("./react/package.json.cjs");
 const ATHENA_REACT_SDK_VERSION = _package.default.version;
 exports.ATHENA_REACT_SDK_VERSION = ATHENA_REACT_SDK_VERSION;
 //# sourceMappingURL=version.cjs.map

package/dist/version.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import packageJson from "./packages/react/package.json.js";
+import packageJson from "./react/package.json.js";
 const ATHENA_REACT_SDK_VERSION = packageJson.version;
 export {
   ATHENA_REACT_SDK_VERSION