@devalok/shilp-sutra 0.56.0 → 0.59.0

package/dist/ai/conversation.js

@@ -1,9 +1,9 @@
 "use client";
-import { IconProvider as e } from "../ui/icon-context.js";
-import { durations as t, springs as n } from "../ui/lib/motion.js";
-import { cn as r } from "../ui/lib/utils.js";
-import { Icon as i } from "../ui/icon.js";
-import { useMotion as a } from "../_chunks/motion-provider.js";
+import { durations as e, springs as t } from "../ui/lib/motion.js";
+import { useMotion as n } from "../_chunks/motion-provider.js";
+import { IconProvider as r } from "../ui/icon-context.js";
+import { cn as i } from "../ui/lib/utils.js";
+import { Icon as a } from "../ui/icon.js";
 import { normalizeIcon as o } from "../_chunks/normalize-icon.js";
 import { useAICommand as s } from "./ai-command-provider.js";
 import { BlockRenderer as c } from "./block-renderer.js";
@@ -14,7 +14,7 @@ import { AnimatePresence as g, motion as _ } from "framer-motion";
 //#region src/ai/conversation.tsx
 function v({ status: e }) {
 	switch (e) {
-		case "done": return /* @__PURE__ */ u(i, {
+		case "done": return /* @__PURE__ */ u(a, {
 			icon: p,
 			size: "sm",
 			className: "text-success-11"
@@ -28,53 +28,53 @@ function v({ status: e }) {
 				ease: "linear"
 			},
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ u(i, {
+			children: /* @__PURE__ */ u(a, {
 				icon: h,
 				size: "sm"
 			})
 		});
-		case "error": return /* @__PURE__ */ u(i, {
+		case "error": return /* @__PURE__ */ u(a, {
 			icon: m,
 			size: "sm",
 			className: "text-error-11"
 		});
-		default: return /* @__PURE__ */ u(i, {
+		default: return /* @__PURE__ */ u(a, {
 			icon: f,
 			size: "sm",
 			className: "text-surface-fg-subtle opacity-50"
 		});
 	}
 }
-function y({ name: t, icon: n }) {
+function y({ name: e, icon: t }) {
 	return /* @__PURE__ */ d("div", {
 		className: "flex items-center gap-ds-02b mb-ds-03",
-		children: [n && /* @__PURE__ */ u("span", {
+		children: [t && /* @__PURE__ */ u("span", {
 			className: "h-4 w-4 flex items-center justify-center",
-			children: /* @__PURE__ */ u(e, {
+			children: /* @__PURE__ */ u(r, {
 				size: "sm",
-				children: o(n)
+				children: o(t)
 			})
 		}), /* @__PURE__ */ u("span", {
 			className: "text-label-xs font-semibold uppercase tracking-wider text-surface-fg-subtle",
-			children: t
+			children: e
 		})]
 	});
 }
-function b({ message: e, reducedMotion: t }) {
-	return t ? /* @__PURE__ */ u("div", {
-		className: "bg-surface-raised rounded-surface px-ds-05 py-ds-04",
+function b({ message: e, reducedMotion: n }) {
+	return n ? /* @__PURE__ */ u("div", {
+		className: "bg-surface-panel-hover rounded-surface px-ds-05 py-ds-04",
 		children: /* @__PURE__ */ u("p", {
 			className: "text-body-sm text-surface-fg",
 			children: e.content
 		})
 	}) : /* @__PURE__ */ u(_.div, {
-		className: "bg-surface-raised rounded-surface px-ds-05 py-ds-04",
+		className: "bg-surface-panel-hover rounded-surface px-ds-05 py-ds-04",
 		initial: { y: 8 },
 		animate: {
 			opacity: 1,
 			y: 0
 		},
-		transition: n.snappy,
+		transition: t.snappy,
 		children: /* @__PURE__ */ u("p", {
 			className: "text-body-sm text-surface-fg",
 			children: e.content
@@ -91,8 +91,8 @@ function x({ message: e, agent: t, onAction: n, customBlocks: r }) {
 		customBlocks: r
 	})] });
 }
-function S({ steps: e, agent: n, reducedMotion: i }) {
-	return e && e.length > 0 ? /* @__PURE__ */ d("div", {
+function S({ steps: t, agent: n, reducedMotion: r }) {
+	return t && t.length > 0 ? /* @__PURE__ */ d("div", {
 		role: "status",
 		"aria-busy": "true",
 		"aria-label": "Processing",
@@ -101,9 +101,9 @@ function S({ steps: e, agent: n, reducedMotion: i }) {
 			icon: n.icon
 		}), /* @__PURE__ */ u("div", {
 			className: "flex flex-col gap-ds-02b",
-			children: e.map((e, n) => /* @__PURE__ */ d(_.div, {
+			children: t.map((t, n) => /* @__PURE__ */ d(_.div, {
 				className: "flex items-center gap-ds-02b",
-				initial: i ? void 0 : {
+				initial: r ? void 0 : {
 					opacity: 0,
 					x: -8
 				},
@@ -111,15 +111,15 @@ function S({ steps: e, agent: n, reducedMotion: i }) {
 					opacity: 1,
 					x: 0
 				},
-				transition: i ? { duration: 0 } : {
-					duration: t.moderate01b,
+				transition: r ? { duration: 0 } : {
+					duration: e.moderate01b,
 					delay: n * .05
 				},
-				children: [/* @__PURE__ */ u(v, { status: e.status }), /* @__PURE__ */ u("span", {
-					className: r("text-body-sm", e.status === "pending" ? "text-surface-fg-subtle" : "text-surface-fg"),
-					children: e.label
+				children: [/* @__PURE__ */ u(v, { status: t.status }), /* @__PURE__ */ u("span", {
+					className: i("text-body-sm", t.status === "pending" ? "text-surface-fg-subtle" : "text-surface-fg"),
+					children: t.label
 				})]
-			}, e.id))
+			}, t.id))
 		})]
 	}) : /* @__PURE__ */ d("div", {
 		role: "status",
@@ -130,7 +130,7 @@ function S({ steps: e, agent: n, reducedMotion: i }) {
 			icon: n.icon
 		}), /* @__PURE__ */ d("div", {
 			className: "flex items-center gap-ds-02",
-			children: [!i && [
+			children: [!r && [
 				0,
 				1,
 				2
@@ -175,13 +175,13 @@ function C({ onClick: e }) {
 			opacity: 0,
 			y: 8
 		},
-		transition: n.snappy,
+		transition: t.snappy,
 		onClick: e,
 		children: ["↓", " New response"]
 	});
 }
-var w = { name: "Assistant" }, T = l.forwardRef(({ messages: e, isProcessing: t = !1, processingSteps: n, agent: i, onAction: o, customBlocks: c, maxHeight: f, autoScroll: p = !0, className: m }, h) => {
-	let _ = s(), { reducedMotion: v } = a(), y = i ?? _?.agent ?? w, T = o ?? _?.onAction, E = l.useMemo(() => ({
+var w = { name: "Assistant" }, T = l.forwardRef(({ messages: e, isProcessing: t = !1, processingSteps: r, agent: a, onAction: o, customBlocks: c, maxHeight: f, autoScroll: p = !0, className: m }, h) => {
+	let _ = s(), { reducedMotion: v } = n(), y = a ?? _?.agent ?? w, T = o ?? _?.onAction, E = l.useMemo(() => ({
 		..._?.customBlocks ?? {},
 		...c
 	}), [_?.customBlocks, c]), D = l.useRef(null), O = l.useRef(null), [k, A] = l.useState(!0), [j, M] = l.useState(!1), N = l.useRef(e.length), P = l.useRef(t);
@@ -214,7 +214,7 @@ var w = { name: "Assistant" }, T = l.forwardRef(({ messages: e, isProcessing: t
 	}, []);
 	return /* @__PURE__ */ d("div", {
 		ref: h,
-		className: r("relative", m),
+		className: i("relative", m),
 		children: [/* @__PURE__ */ d("div", {
 			ref: D,
 			className: "flex flex-col gap-ds-05 overflow-y-auto",
@@ -231,7 +231,7 @@ var w = { name: "Assistant" }, T = l.forwardRef(({ messages: e, isProcessing: t
 					customBlocks: E
 				}, e.id)),
 				t && /* @__PURE__ */ u(S, {
-					steps: n,
+					steps: r,
 					agent: y,
 					reducedMotion: v
 				}),

package/dist/ai/conversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.js","names":[],"sources":["../../src/ai/conversation.tsx"],"sourcesContent":["'use client'\n\nimport {\n  IconCircle,\n  IconCircleCheck,\n  IconCircleX,\n  IconLoader2,\n} from '@tabler/icons-react'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../motion/motion-provider'\nimport { Icon } from '../ui/icon'\nimport { IconProvider } from '../ui/icon-context'\nimport type { IconInput } from '../ui/lib/icon-input'\nimport { durations,springs } from '../ui/lib/motion'\nimport { normalizeIcon } from '../ui/lib/normalize-icon'\nimport { cn } from '../ui/lib/utils'\nimport { useAICommand } from './ai-command-provider'\nimport { BlockRenderer } from './block-renderer'\nimport type {\n  BlockComponentProps,\n  ConversationMessage,\n  ProcessingStep,\n} from './types'\n\n// ── Props ────────────────────────────────────────────────────────────────────\n\n/**\n * Renders a scrollable AI conversation thread with support for streaming\n * processing steps, custom content blocks, and action confirmations.\n */\nexport interface AIConversationProps {\n  /** Ordered conversation messages (user + assistant turns). */\n  messages: ConversationMessage[]\n  /** When true, shows a live processing indicator below the last message. */\n  isProcessing?: boolean\n  /** Granular processing steps shown during the processing state. */\n  processingSteps?: ProcessingStep[]\n  /** Agent identity displayed as a header on assistant messages. */\n  agent?: { name: string; icon?: IconInput }\n  /** Called when user interacts with an action block (confirm/cancel/undo). */\n  onAction?: (actionId: string, type: 'confirm' | 'cancel' | 'undo') => void\n  /** Map of custom block type names to React components for extensible rendering. */\n  customBlocks?: Record<string, React.ComponentType<BlockComponentProps<any>>>\n  /** Max height of the conversation container (CSS value). Enables scrolling. */\n  maxHeight?: string | number\n  /** Auto-scroll to bottom on new messages. @default true */\n  autoScroll?: boolean\n  className?: string\n}\n\n// ── Step status icon ─────────────────────────────────────────────────────────\n\nfunction StepStatusIcon({ status }: { status: ProcessingStep['status'] }) {\n  switch (status) {\n    case 'done':\n      return (\n        <Icon icon={IconCircleCheck} size=\"sm\" className=\"text-success-11\" />\n      )\n    case 'active':\n      return (\n        <motion.span\n          className=\"inline-flex items-center justify-center text-accent-9\"\n          animate={{ rotate: 360 }}\n          transition={{ repeat: Infinity, duration: 1, ease: 'linear' }}\n          aria-hidden=\"true\"\n        >\n          <Icon icon={IconLoader2} size=\"sm\" />\n        </motion.span>\n      )\n    case 'error':\n      return (\n        <Icon icon={IconCircleX} size=\"sm\" className=\"text-error-11\" />\n      )\n    case 'pending':\n    default:\n      return (\n        <Icon icon={IconCircle} size=\"sm\" className=\"text-surface-fg-subtle opacity-50\" />\n      )\n  }\n}\n\n// ── Agent header ─────────────────────────────────────────────────────────────\n\nfunction AgentHeader({\n  name,\n  icon,\n}: {\n  name: string\n  icon?: IconInput\n}) {\n  return (\n    <div className=\"flex items-center gap-ds-02b mb-ds-03\">\n      {icon && <span className=\"h-4 w-4 flex items-center justify-center\"><IconProvider size=\"sm\">{normalizeIcon(icon)}</IconProvider></span>}\n      <span className=\"text-label-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n        {name}\n      </span>\n    </div>\n  )\n}\n\n// ── User message ─────────────────────────────────────────────────────────────\n\nfunction UserMessage({\n  message,\n  reducedMotion,\n}: {\n  message: ConversationMessage\n  reducedMotion: boolean\n}) {\n  if (reducedMotion) {\n    return (\n      <div className=\"bg-surface-raised rounded-surface px-ds-05 py-ds-04\">\n        <p className=\"text-body-sm text-surface-fg\">{message.content}</p>\n      </div>\n    )\n  }\n\n  return (\n    <motion.div\n      className=\"bg-surface-raised rounded-surface px-ds-05 py-ds-04\"\n      initial={{ y: 8 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={springs.snappy}\n    >\n      <p className=\"text-body-sm text-surface-fg\">{message.content}</p>\n    </motion.div>\n  )\n}\n\n// ── Assistant message ────────────────────────────────────────────────────────\n\nfunction AssistantMessage({\n  message,\n  agent,\n  onAction,\n  customBlocks,\n}: {\n  message: ConversationMessage\n  agent: { name: string; icon?: IconInput }\n  onAction?: (actionId: string, type: 'confirm' | 'cancel' | 'undo') => void\n  customBlocks?: Record<string, React.ComponentType<BlockComponentProps<any>>>\n}) {\n  return (\n    <div>\n      <AgentHeader name={agent.name} icon={agent.icon} />\n      {message.blocks && (\n        <BlockRenderer\n          blocks={message.blocks}\n          onAction={onAction}\n          customBlocks={customBlocks}\n        />\n      )}\n    </div>\n  )\n}\n\n// ── Processing indicator ─────────────────────────────────────────────────────\n\nfunction ProcessingIndicator({\n  steps,\n  agent,\n  reducedMotion,\n}: {\n  steps?: ProcessingStep[]\n  agent: { name: string; icon?: IconInput }\n  reducedMotion: boolean\n}) {\n  // Step visualization\n  if (steps && steps.length > 0) {\n    return (\n      <div role=\"status\" aria-busy=\"true\" aria-label=\"Processing\">\n        <AgentHeader name={agent.name} icon={agent.icon} />\n        <div className=\"flex flex-col gap-ds-02b\">\n          {steps.map((step, i) => (\n            <motion.div\n              key={step.id}\n              className=\"flex items-center gap-ds-02b\"\n              initial={reducedMotion ? undefined : { opacity: 0, x: -8 }}\n              animate={{ opacity: 1, x: 0 }}\n              transition={\n                reducedMotion\n                  ? { duration: 0 }\n                  : { duration: durations.moderate01b, delay: i * 0.05 }\n              }\n            >\n              <StepStatusIcon status={step.status} />\n              <span\n                className={cn(\n                  'text-body-sm',\n                  step.status === 'pending'\n                    ? 'text-surface-fg-subtle'\n                    : 'text-surface-fg',\n                )}\n              >\n                {step.label}\n              </span>\n            </motion.div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n\n  // Breathing dots\n  return (\n    <div\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label={`${agent.name} is processing`}\n    >\n      <AgentHeader name={agent.name} icon={agent.icon} />\n      <div className=\"flex items-center gap-ds-02\">\n        {!reducedMotion &&\n          [0, 1, 2].map((i) => (\n            <motion.span\n              key={i}\n              className=\"h-1.5 w-1.5 rounded-pill bg-accent-9\"\n              animate={{ scale: [1, 1.4, 1], opacity: [0.4, 1, 0.4] }}\n              transition={{\n                duration: 1.4,\n                repeat: Infinity,\n                ease: 'easeInOut',\n                delay: i * 0.16,\n              }}\n            />\n          ))}\n        <span className=\"ml-ds-02b text-body-sm text-surface-fg-subtle\">\n          {agent.name} is thinking...\n        </span>\n      </div>\n    </div>\n  )\n}\n\n// ── Scroll-to-bottom pill ────────────────────────────────────────────────────\n\nfunction ScrollToBottomPill({ onClick }: { onClick: () => void }) {\n  return (\n    <motion.button\n      role=\"button\"\n      aria-label=\"Scroll to latest response\"\n      className=\"absolute bottom-ds-04 left-1/2 -translate-x-1/2 z-10 flex items-center gap-ds-02 bg-accent-9 text-accent-fg text-body-xs font-medium rounded-pill px-ds-04 py-ds-02 shadow-floating\"\n      initial={{ y: 8 }}\n      animate={{ opacity: 1, y: 0 }}\n      exit={{ opacity: 0, y: 8 }}\n      transition={springs.snappy}\n      onClick={onClick}\n    >\n      {'\\u2193'} New response\n    </motion.button>\n  )\n}\n\n// ── Default agent ────────────────────────────────────────────────────────────\n\nconst DEFAULT_AGENT = { name: 'Assistant' }\n\n// ── AIConversation ───────────────────────────────────────────────────────────\n\nconst AIConversation = React.forwardRef<HTMLDivElement, AIConversationProps>(({\n  messages,\n  isProcessing = false,\n  processingSteps,\n  agent: agentProp,\n  onAction,\n  customBlocks,\n  maxHeight,\n  autoScroll = true,\n  className,\n}, ref) => {\n  const ctx = useAICommand()\n  const { reducedMotion } = useMotion()\n\n  // Resolve agent: prop > context > default\n  const agent = agentProp ?? ctx?.agent ?? DEFAULT_AGENT\n\n  // Resolve onAction: prop > context\n  const resolvedOnAction = onAction ?? ctx?.onAction\n\n  // Resolve customBlocks: prop wins over context\n  const resolvedCustomBlocks = React.useMemo(() => {\n    const contextBlocks = ctx?.customBlocks ?? {}\n    return { ...contextBlocks, ...customBlocks }\n  }, [ctx?.customBlocks, customBlocks])\n\n  // ── Auto-scroll ──────────────────────────────────────────────────────────\n\n  const scrollRef = React.useRef<HTMLDivElement>(null)\n  const sentinelRef = React.useRef<HTMLDivElement>(null)\n  const [isAtBottom, setIsAtBottom] = React.useState(true)\n  const [hasNewContent, setHasNewContent] = React.useState(false)\n  const prevMessageCount = React.useRef(messages.length)\n  const prevProcessing = React.useRef(isProcessing)\n\n  // Track if user is scrolled to bottom via IntersectionObserver\n  React.useEffect(() => {\n    if (!autoScroll || !sentinelRef.current) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        setIsAtBottom(entry.isIntersecting)\n        if (entry.isIntersecting) {\n          setHasNewContent(false)\n        }\n      },\n      {\n        root: scrollRef.current,\n        threshold: 0.1,\n      },\n    )\n\n    observer.observe(sentinelRef.current)\n    return () => observer.disconnect()\n  }, [autoScroll])\n\n  // Auto-scroll or show pill on new content\n  React.useEffect(() => {\n    const contentChanged =\n      messages.length !== prevMessageCount.current ||\n      isProcessing !== prevProcessing.current\n\n    prevMessageCount.current = messages.length\n    prevProcessing.current = isProcessing\n\n    if (!contentChanged || !autoScroll) return\n\n    if (isAtBottom) {\n      sentinelRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' })\n    } else {\n      setHasNewContent(true)\n    }\n  }, [messages, isProcessing, isAtBottom, autoScroll])\n\n  const scrollToBottom = React.useCallback(() => {\n    sentinelRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' })\n    setIsAtBottom(true)\n    setHasNewContent(false)\n  }, [])\n\n  // ── Render ───────────────────────────────────────────────────────────────\n\n  return (\n    <div ref={ref} className={cn('relative', className)}>\n      <div\n        ref={scrollRef}\n        className=\"flex flex-col gap-ds-05 overflow-y-auto\"\n        aria-live=\"polite\"\n        style={\n          maxHeight\n            ? {\n                maxHeight:\n                  typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,\n              }\n            : undefined\n        }\n      >\n        {messages.map((msg) =>\n          msg.role === 'user' ? (\n            <UserMessage\n              key={msg.id}\n              message={msg}\n              reducedMotion={reducedMotion}\n            />\n          ) : (\n            <AssistantMessage\n              key={msg.id}\n              message={msg}\n              agent={agent}\n              onAction={resolvedOnAction}\n              customBlocks={resolvedCustomBlocks}\n            />\n          ),\n        )}\n        {isProcessing && (\n          <ProcessingIndicator\n            steps={processingSteps}\n            agent={agent}\n            reducedMotion={reducedMotion}\n          />\n        )}\n        <div ref={sentinelRef} className=\"h-px\" />\n      </div>\n      <AnimatePresence>\n        {!isAtBottom && hasNewContent && (\n          <ScrollToBottomPill onClick={scrollToBottom} />\n        )}\n      </AnimatePresence>\n    </div>\n  )\n})\nAIConversation.displayName = 'AIConversation'\n\nexport { AIConversation }\n"],"mappings":"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"}
+{"version":3,"file":"conversation.js","names":[],"sources":["../../src/ai/conversation.tsx"],"sourcesContent":["'use client'\n\nimport {\n  IconCircle,\n  IconCircleCheck,\n  IconCircleX,\n  IconLoader2,\n} from '@tabler/icons-react'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../motion/motion-provider'\nimport { Icon } from '../ui/icon'\nimport { IconProvider } from '../ui/icon-context'\nimport type { IconInput } from '../ui/lib/icon-input'\nimport { durations,springs } from '../ui/lib/motion'\nimport { normalizeIcon } from '../ui/lib/normalize-icon'\nimport { cn } from '../ui/lib/utils'\nimport { useAICommand } from './ai-command-provider'\nimport { BlockRenderer } from './block-renderer'\nimport type {\n  BlockComponentProps,\n  ConversationMessage,\n  ProcessingStep,\n} from './types'\n\n// ── Props ────────────────────────────────────────────────────────────────────\n\n/**\n * Renders a scrollable AI conversation thread with support for streaming\n * processing steps, custom content blocks, and action confirmations.\n */\nexport interface AIConversationProps {\n  /** Ordered conversation messages (user + assistant turns). */\n  messages: ConversationMessage[]\n  /** When true, shows a live processing indicator below the last message. */\n  isProcessing?: boolean\n  /** Granular processing steps shown during the processing state. */\n  processingSteps?: ProcessingStep[]\n  /** Agent identity displayed as a header on assistant messages. */\n  agent?: { name: string; icon?: IconInput }\n  /** Called when user interacts with an action block (confirm/cancel/undo). */\n  onAction?: (actionId: string, type: 'confirm' | 'cancel' | 'undo') => void\n  /** Map of custom block type names to React components for extensible rendering. */\n  customBlocks?: Record<string, React.ComponentType<BlockComponentProps<any>>>\n  /** Max height of the conversation container (CSS value). Enables scrolling. */\n  maxHeight?: string | number\n  /** Auto-scroll to bottom on new messages. @default true */\n  autoScroll?: boolean\n  className?: string\n}\n\n// ── Step status icon ─────────────────────────────────────────────────────────\n\nfunction StepStatusIcon({ status }: { status: ProcessingStep['status'] }) {\n  switch (status) {\n    case 'done':\n      return (\n        <Icon icon={IconCircleCheck} size=\"sm\" className=\"text-success-11\" />\n      )\n    case 'active':\n      return (\n        <motion.span\n          className=\"inline-flex items-center justify-center text-accent-9\"\n          animate={{ rotate: 360 }}\n          transition={{ repeat: Infinity, duration: 1, ease: 'linear' }}\n          aria-hidden=\"true\"\n        >\n          <Icon icon={IconLoader2} size=\"sm\" />\n        </motion.span>\n      )\n    case 'error':\n      return (\n        <Icon icon={IconCircleX} size=\"sm\" className=\"text-error-11\" />\n      )\n    case 'pending':\n    default:\n      return (\n        <Icon icon={IconCircle} size=\"sm\" className=\"text-surface-fg-subtle opacity-50\" />\n      )\n  }\n}\n\n// ── Agent header ─────────────────────────────────────────────────────────────\n\nfunction AgentHeader({\n  name,\n  icon,\n}: {\n  name: string\n  icon?: IconInput\n}) {\n  return (\n    <div className=\"flex items-center gap-ds-02b mb-ds-03\">\n      {icon && <span className=\"h-4 w-4 flex items-center justify-center\"><IconProvider size=\"sm\">{normalizeIcon(icon)}</IconProvider></span>}\n      <span className=\"text-label-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n        {name}\n      </span>\n    </div>\n  )\n}\n\n// ── User message ─────────────────────────────────────────────────────────────\n\nfunction UserMessage({\n  message,\n  reducedMotion,\n}: {\n  message: ConversationMessage\n  reducedMotion: boolean\n}) {\n  if (reducedMotion) {\n    return (\n      <div className=\"bg-surface-panel-hover rounded-surface px-ds-05 py-ds-04\">\n        <p className=\"text-body-sm text-surface-fg\">{message.content}</p>\n      </div>\n    )\n  }\n\n  return (\n    <motion.div\n      className=\"bg-surface-panel-hover rounded-surface px-ds-05 py-ds-04\"\n      initial={{ y: 8 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={springs.snappy}\n    >\n      <p className=\"text-body-sm text-surface-fg\">{message.content}</p>\n    </motion.div>\n  )\n}\n\n// ── Assistant message ────────────────────────────────────────────────────────\n\nfunction AssistantMessage({\n  message,\n  agent,\n  onAction,\n  customBlocks,\n}: {\n  message: ConversationMessage\n  agent: { name: string; icon?: IconInput }\n  onAction?: (actionId: string, type: 'confirm' | 'cancel' | 'undo') => void\n  customBlocks?: Record<string, React.ComponentType<BlockComponentProps<any>>>\n}) {\n  return (\n    <div>\n      <AgentHeader name={agent.name} icon={agent.icon} />\n      {message.blocks && (\n        <BlockRenderer\n          blocks={message.blocks}\n          onAction={onAction}\n          customBlocks={customBlocks}\n        />\n      )}\n    </div>\n  )\n}\n\n// ── Processing indicator ─────────────────────────────────────────────────────\n\nfunction ProcessingIndicator({\n  steps,\n  agent,\n  reducedMotion,\n}: {\n  steps?: ProcessingStep[]\n  agent: { name: string; icon?: IconInput }\n  reducedMotion: boolean\n}) {\n  // Step visualization\n  if (steps && steps.length > 0) {\n    return (\n      <div role=\"status\" aria-busy=\"true\" aria-label=\"Processing\">\n        <AgentHeader name={agent.name} icon={agent.icon} />\n        <div className=\"flex flex-col gap-ds-02b\">\n          {steps.map((step, i) => (\n            <motion.div\n              key={step.id}\n              className=\"flex items-center gap-ds-02b\"\n              initial={reducedMotion ? undefined : { opacity: 0, x: -8 }}\n              animate={{ opacity: 1, x: 0 }}\n              transition={\n                reducedMotion\n                  ? { duration: 0 }\n                  : { duration: durations.moderate01b, delay: i * 0.05 }\n              }\n            >\n              <StepStatusIcon status={step.status} />\n              <span\n                className={cn(\n                  'text-body-sm',\n                  step.status === 'pending'\n                    ? 'text-surface-fg-subtle'\n                    : 'text-surface-fg',\n                )}\n              >\n                {step.label}\n              </span>\n            </motion.div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n\n  // Breathing dots\n  return (\n    <div\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label={`${agent.name} is processing`}\n    >\n      <AgentHeader name={agent.name} icon={agent.icon} />\n      <div className=\"flex items-center gap-ds-02\">\n        {!reducedMotion &&\n          [0, 1, 2].map((i) => (\n            <motion.span\n              key={i}\n              className=\"h-1.5 w-1.5 rounded-pill bg-accent-9\"\n              animate={{ scale: [1, 1.4, 1], opacity: [0.4, 1, 0.4] }}\n              transition={{\n                duration: 1.4,\n                repeat: Infinity,\n                ease: 'easeInOut',\n                delay: i * 0.16,\n              }}\n            />\n          ))}\n        <span className=\"ml-ds-02b text-body-sm text-surface-fg-subtle\">\n          {agent.name} is thinking...\n        </span>\n      </div>\n    </div>\n  )\n}\n\n// ── Scroll-to-bottom pill ────────────────────────────────────────────────────\n\nfunction ScrollToBottomPill({ onClick }: { onClick: () => void }) {\n  return (\n    <motion.button\n      role=\"button\"\n      aria-label=\"Scroll to latest response\"\n      className=\"absolute bottom-ds-04 left-1/2 -translate-x-1/2 z-10 flex items-center gap-ds-02 bg-accent-9 text-accent-fg text-body-xs font-medium rounded-pill px-ds-04 py-ds-02 shadow-floating\"\n      initial={{ y: 8 }}\n      animate={{ opacity: 1, y: 0 }}\n      exit={{ opacity: 0, y: 8 }}\n      transition={springs.snappy}\n      onClick={onClick}\n    >\n      {'\\u2193'} New response\n    </motion.button>\n  )\n}\n\n// ── Default agent ────────────────────────────────────────────────────────────\n\nconst DEFAULT_AGENT = { name: 'Assistant' }\n\n// ── AIConversation ───────────────────────────────────────────────────────────\n\nconst AIConversation = React.forwardRef<HTMLDivElement, AIConversationProps>(({\n  messages,\n  isProcessing = false,\n  processingSteps,\n  agent: agentProp,\n  onAction,\n  customBlocks,\n  maxHeight,\n  autoScroll = true,\n  className,\n}, ref) => {\n  const ctx = useAICommand()\n  const { reducedMotion } = useMotion()\n\n  // Resolve agent: prop > context > default\n  const agent = agentProp ?? ctx?.agent ?? DEFAULT_AGENT\n\n  // Resolve onAction: prop > context\n  const resolvedOnAction = onAction ?? ctx?.onAction\n\n  // Resolve customBlocks: prop wins over context\n  const resolvedCustomBlocks = React.useMemo(() => {\n    const contextBlocks = ctx?.customBlocks ?? {}\n    return { ...contextBlocks, ...customBlocks }\n  }, [ctx?.customBlocks, customBlocks])\n\n  // ── Auto-scroll ──────────────────────────────────────────────────────────\n\n  const scrollRef = React.useRef<HTMLDivElement>(null)\n  const sentinelRef = React.useRef<HTMLDivElement>(null)\n  const [isAtBottom, setIsAtBottom] = React.useState(true)\n  const [hasNewContent, setHasNewContent] = React.useState(false)\n  const prevMessageCount = React.useRef(messages.length)\n  const prevProcessing = React.useRef(isProcessing)\n\n  // Track if user is scrolled to bottom via IntersectionObserver\n  React.useEffect(() => {\n    if (!autoScroll || !sentinelRef.current) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        setIsAtBottom(entry.isIntersecting)\n        if (entry.isIntersecting) {\n          setHasNewContent(false)\n        }\n      },\n      {\n        root: scrollRef.current,\n        threshold: 0.1,\n      },\n    )\n\n    observer.observe(sentinelRef.current)\n    return () => observer.disconnect()\n  }, [autoScroll])\n\n  // Auto-scroll or show pill on new content\n  React.useEffect(() => {\n    const contentChanged =\n      messages.length !== prevMessageCount.current ||\n      isProcessing !== prevProcessing.current\n\n    prevMessageCount.current = messages.length\n    prevProcessing.current = isProcessing\n\n    if (!contentChanged || !autoScroll) return\n\n    if (isAtBottom) {\n      sentinelRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' })\n    } else {\n      setHasNewContent(true)\n    }\n  }, [messages, isProcessing, isAtBottom, autoScroll])\n\n  const scrollToBottom = React.useCallback(() => {\n    sentinelRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' })\n    setIsAtBottom(true)\n    setHasNewContent(false)\n  }, [])\n\n  // ── Render ───────────────────────────────────────────────────────────────\n\n  return (\n    <div ref={ref} className={cn('relative', className)}>\n      <div\n        ref={scrollRef}\n        className=\"flex flex-col gap-ds-05 overflow-y-auto\"\n        aria-live=\"polite\"\n        style={\n          maxHeight\n            ? {\n                maxHeight:\n                  typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,\n              }\n            : undefined\n        }\n      >\n        {messages.map((msg) =>\n          msg.role === 'user' ? (\n            <UserMessage\n              key={msg.id}\n              message={msg}\n              reducedMotion={reducedMotion}\n            />\n          ) : (\n            <AssistantMessage\n              key={msg.id}\n              message={msg}\n              agent={agent}\n              onAction={resolvedOnAction}\n              customBlocks={resolvedCustomBlocks}\n            />\n          ),\n        )}\n        {isProcessing && (\n          <ProcessingIndicator\n            steps={processingSteps}\n            agent={agent}\n            reducedMotion={reducedMotion}\n          />\n        )}\n        <div ref={sentinelRef} className=\"h-px\" />\n      </div>\n      <AnimatePresence>\n        {!isAtBottom && hasNewContent && (\n          <ScrollToBottomPill onClick={scrollToBottom} />\n        )}\n      </AnimatePresence>\n    </div>\n  )\n})\nAIConversation.displayName = 'AIConversation'\n\nexport { AIConversation }\n"],"mappings":"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"}

package/dist/ai/index.js

@@ -1,6 +1,6 @@
 "use client";
-import { cn as e } from "../ui/lib/utils.js";
-import { useMotion as t } from "../_chunks/motion-provider.js";
+import { useMotion as e } from "../_chunks/motion-provider.js";
+import { cn as t } from "../ui/lib/utils.js";
 import { AICommandProvider as n, useAICommand as r } from "./ai-command-provider.js";
 import { CommandBar as i } from "./command-bar.js";
 import { BlockTable as a, ConfirmBlock as o, DividerBlock as s, InfoBlock as c, LoadingBlock as l, StatRowBlock as u, SuccessBlock as d } from "../_chunks/success.js";
@@ -22,7 +22,7 @@ function O(e) {
 	}, [t, e]), b(t, (e) => `rotate(${e}, 16, 16)`);
 }
 var k = p.memo(function({ state: n = "idle", size: r = 20, className: i }) {
-	let { reducedMotion: a } = t(), o = O(n), s = p.useId();
+	let { reducedMotion: a } = e(), o = O(n), s = p.useId();
 	if (a) return /* @__PURE__ */ m("svg", {
 		viewBox: "0 0 32 32",
 		width: r,
@@ -52,7 +52,7 @@ var k = p.memo(function({ state: n = "idle", size: r = 20, className: i }) {
 		s3: S
 	};
 	return /* @__PURE__ */ m("span", {
-		className: e("relative inline-flex items-center justify-center", i),
+		className: t("relative inline-flex items-center justify-center", i),
 		style: {
 			width: r,
 			height: r

package/dist/composed/activity-feed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-feed.d.ts","sourceRoot":"","sources":["../../src/composed/activity-feed.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAMrD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,+GAA+G;IAC/G,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,GAAG,SAAS,CAAA;CAChF;AAiBD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,EAAE,EACrB,MAAM,CAAC,EAAE,WAAW,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,EAAE,CA6C5C;AAoKD,QAAA,MAAM,YAAY,0FAiHjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"activity-feed.d.ts","sourceRoot":"","sources":["../../src/composed/activity-feed.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAMrD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,+GAA+G;IAC/G,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,GAAG,SAAS,CAAA;CAChF;AAiBD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,EAAE,EACrB,MAAM,CAAC,EAAE,WAAW,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,EAAE,CA6C5C;AAsKD,QAAA,MAAM,YAAY,0FAmHjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}