@devalok/shilp-sutra 0.38.0 → 0.40.0

package/dist/_chunks/shared.js

@@ -10,7 +10,7 @@ import { motion as d } from "framer-motion";
 //#region src/composed/file-preview/shared.tsx
 function f({ message: e, url: t }) {
 	return /* @__PURE__ */ o("div", {
-		className: "flex flex-col items-center justify-center gap-ds-04 rounded-ds-md border border-surface-border bg-surface-sunken p-ds-08 text-center",
+		className: "flex flex-col items-center justify-center gap-ds-04 rounded-control border border-surface-border bg-surface-sunken p-ds-08 text-center",
 		children: [
 			/* @__PURE__ */ a(n, {
 				icon: s,
@@ -51,7 +51,7 @@ function p({ children: n, className: r }) {
 			y: 0
 		},
 		transition: e.fade,
-		className: t("flex items-center gap-ds-01 rounded-ds-md border border-surface-border bg-surface-overlay/95 px-ds-02 py-ds-01 shadow-floating backdrop-blur-xs", r),
+		className: t("flex items-center gap-ds-01 rounded-control border border-surface-border bg-surface-overlay/95 px-ds-02 py-ds-01 shadow-floating backdrop-blur-xs", r),
 		children: n
 	});
 }
@@ -93,7 +93,7 @@ function h({ volume: e, muted: r, onVolumeChange: s, onMuteToggle: c, variant: d
 			className: "w-0 overflow-hidden group-hover/vol:w-20 transition-[width] duration-200 ease-productive-standard flex items-center",
 			children: /* @__PURE__ */ o("div", {
 				ref: f,
-				className: t("relative w-full h-1 rounded-full cursor-pointer", x),
+				className: t("relative w-full h-1 rounded-pill cursor-pointer", x),
 				onPointerDown: _,
 				onPointerMove: v,
 				onPointerUp: y,
@@ -104,10 +104,10 @@ function h({ volume: e, muted: r, onVolumeChange: s, onMuteToggle: c, variant: d
 				"aria-valuemax": 100,
 				tabIndex: 0,
 				children: [/* @__PURE__ */ a("div", {
-					className: t("absolute left-0 top-0 h-full rounded-full transition-[width] duration-75", S),
+					className: t("absolute left-0 top-0 h-full rounded-pill transition-[width] duration-75", S),
 					style: { width: `${h * 100}%` }
 				}), /* @__PURE__ */ a("div", {
-					className: t("absolute top-1/2 -translate-y-1/2 h-2.5 w-2.5 rounded-full shadow-raised transition-opacity", C, p ? "opacity-100 scale-110" : "opacity-0 group-hover/vol:opacity-100"),
+					className: t("absolute top-1/2 -translate-y-1/2 h-2.5 w-2.5 rounded-pill shadow-raised transition-opacity", C, p ? "opacity-100 scale-110" : "opacity-0 group-hover/vol:opacity-100"),
 					style: {
 						left: `${h * 100}%`,
 						marginLeft: "-5px"

package/dist/_chunks/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","names":[],"sources":["../../src/composed/file-preview/shared.tsx"],"sourcesContent":["'use client'\n\nimport {\n  IconAlertTriangle,\n  IconDownload,\n  IconVolume,\n  IconVolumeOff,\n} from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { Button } from '../../ui/button'\nimport { Icon } from '../../ui/icon'\nimport { tweens } from '../../ui/lib/motion'\nimport { cn } from '../../ui/lib/utils'\n\n// ============================================================\n// Shared: Error Fallback\n// ============================================================\n\nexport function ErrorFallback({ message, url }: { message: string; url: string }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-ds-04 rounded-ds-md border border-surface-border bg-surface-sunken p-ds-08 text-center\">\n      <Icon icon={IconAlertTriangle} size=\"2xl\" className=\"text-warning-9\" />\n      <div>\n        <p className=\"text-ds-md font-semibold text-surface-fg\">Preview unavailable</p>\n        <p className=\"text-ds-sm text-surface-fg-muted mt-ds-01\">{message}</p>\n      </div>\n      <Button variant=\"outline\" size=\"xs\" startIcon={<Icon icon={IconDownload} />} asChild>\n        <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">Download file</a>\n      </Button>\n    </div>\n  )\n}\n\n// ============================================================\n// Shared: Floating Toolbar\n// ============================================================\n\nexport function Toolbar({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <motion.div\n      initial={{ opacity: 0, y: 8 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={tweens.fade}\n      className={cn(\n        'flex items-center gap-ds-01 rounded-ds-md border border-surface-border bg-surface-overlay/95 px-ds-02 py-ds-01 shadow-floating backdrop-blur-xs',\n        className,\n      )}\n    >\n      {children}\n    </motion.div>\n  )\n}\n\nexport function ToolbarDivider() {\n  return <div className=\"mx-ds-01 h-4 w-px bg-surface-border-subtle\" />\n}\n\n// ============================================================\n// Shared: Volume Slider (Spotify/YouTube style)\n// Custom-built — no native input range. Consistent across browsers.\n// ============================================================\n\nexport function VolumeControl({\n  volume,\n  muted,\n  onVolumeChange,\n  onMuteToggle,\n  variant = 'light',\n}: {\n  volume: number\n  muted: boolean\n  onVolumeChange: (v: number) => void\n  onMuteToggle: () => void\n  variant?: 'light' | 'dark'\n}) {\n  const trackRef = React.useRef<HTMLDivElement>(null)\n  const [dragging, setDragging] = React.useState(false)\n  const displayVolume = muted ? 0 : volume\n\n  function getVolumeFromEvent(e: MouseEvent | React.MouseEvent) {\n    if (!trackRef.current) return volume\n    const rect = trackRef.current.getBoundingClientRect()\n    return Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n  }\n\n  function handlePointerDown(e: React.PointerEvent) {\n    e.preventDefault()\n    setDragging(true)\n    const v = getVolumeFromEvent(e)\n    onVolumeChange(v)\n    ;(e.target as HTMLElement).setPointerCapture(e.pointerId)\n  }\n\n  function handlePointerMove(e: React.PointerEvent) {\n    if (!dragging) return\n    onVolumeChange(getVolumeFromEvent(e))\n  }\n\n  function handlePointerUp() {\n    setDragging(false)\n  }\n\n  const isDark = variant === 'dark'\n  const trackBg = isDark ? 'bg-white/30' : 'bg-surface-sunken'\n  const fillBg = isDark ? 'bg-white' : 'bg-accent-9'\n  const thumbBg = isDark ? 'bg-white' : 'bg-accent-9'\n  const iconClass = isDark ? 'text-white hover:text-white/80' : 'text-surface-fg-muted hover:text-surface-fg'\n\n  return (\n    <div className=\"group/vol flex items-center gap-ds-02 shrink-0\">\n      <button onClick={onMuteToggle} className={cn('transition-colors', iconClass)} aria-label={muted ? 'Unmute (M)' : 'Mute (M)'} title={muted ? 'Unmute' : 'Mute'}>\n        {muted || volume === 0 ? <Icon icon={IconVolumeOff} size=\"sm\" /> : <Icon icon={IconVolume} size=\"sm\" />}\n      </button>\n      <div className=\"w-0 overflow-hidden group-hover/vol:w-20 transition-[width] duration-200 ease-productive-standard flex items-center\">\n        <div\n          ref={trackRef}\n          className={cn('relative w-full h-1 rounded-full cursor-pointer', trackBg)}\n          onPointerDown={handlePointerDown}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerUp}\n          role=\"slider\"\n          aria-label=\"Volume\"\n          aria-valuenow={Math.round(displayVolume * 100)}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          tabIndex={0}\n        >\n          {/* Fill */}\n          <div\n            className={cn('absolute left-0 top-0 h-full rounded-full transition-[width] duration-75', fillBg)}\n            style={{ width: `${displayVolume * 100}%` }}\n          />\n          {/* Thumb */}\n          <div\n            className={cn(\n              'absolute top-1/2 -translate-y-1/2 h-2.5 w-2.5 rounded-full shadow-raised transition-opacity',\n              thumbBg,\n              dragging ? 'opacity-100 scale-110' : 'opacity-0 group-hover/vol:opacity-100',\n            )}\n            style={{ left: `${displayVolume * 100}%`, marginLeft: '-5px' }}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\n// ============================================================\n// Shared: Time Formatting\n// ============================================================\n\nexport function formatTime(s: number): string {\n  if (!isFinite(s) || s < 0) return '0:00'\n  const h = Math.floor(s / 3600)\n  const m = Math.floor((s % 3600) / 60)\n  const sec = Math.floor(s % 60)\n  if (h > 0) return `${h}:${m.toString().padStart(2, '0')}:${sec.toString().padStart(2, '0')}`\n  return `${m}:${sec.toString().padStart(2, '0')}`\n}\n"],"mappings":"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"}
+{"version":3,"file":"shared.js","names":[],"sources":["../../src/composed/file-preview/shared.tsx"],"sourcesContent":["'use client'\n\nimport {\n  IconAlertTriangle,\n  IconDownload,\n  IconVolume,\n  IconVolumeOff,\n} from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { Button } from '../../ui/button'\nimport { Icon } from '../../ui/icon'\nimport { tweens } from '../../ui/lib/motion'\nimport { cn } from '../../ui/lib/utils'\n\n// ============================================================\n// Shared: Error Fallback\n// ============================================================\n\nexport function ErrorFallback({ message, url }: { message: string; url: string }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-ds-04 rounded-control border border-surface-border bg-surface-sunken p-ds-08 text-center\">\n      <Icon icon={IconAlertTriangle} size=\"2xl\" className=\"text-warning-9\" />\n      <div>\n        <p className=\"text-ds-md font-semibold text-surface-fg\">Preview unavailable</p>\n        <p className=\"text-ds-sm text-surface-fg-muted mt-ds-01\">{message}</p>\n      </div>\n      <Button variant=\"outline\" size=\"xs\" startIcon={<Icon icon={IconDownload} />} asChild>\n        <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">Download file</a>\n      </Button>\n    </div>\n  )\n}\n\n// ============================================================\n// Shared: Floating Toolbar\n// ============================================================\n\nexport function Toolbar({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <motion.div\n      initial={{ opacity: 0, y: 8 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={tweens.fade}\n      className={cn(\n        'flex items-center gap-ds-01 rounded-control border border-surface-border bg-surface-overlay/95 px-ds-02 py-ds-01 shadow-floating backdrop-blur-xs',\n        className,\n      )}\n    >\n      {children}\n    </motion.div>\n  )\n}\n\nexport function ToolbarDivider() {\n  return <div className=\"mx-ds-01 h-4 w-px bg-surface-border-subtle\" />\n}\n\n// ============================================================\n// Shared: Volume Slider (Spotify/YouTube style)\n// Custom-built — no native input range. Consistent across browsers.\n// ============================================================\n\nexport function VolumeControl({\n  volume,\n  muted,\n  onVolumeChange,\n  onMuteToggle,\n  variant = 'light',\n}: {\n  volume: number\n  muted: boolean\n  onVolumeChange: (v: number) => void\n  onMuteToggle: () => void\n  variant?: 'light' | 'dark'\n}) {\n  const trackRef = React.useRef<HTMLDivElement>(null)\n  const [dragging, setDragging] = React.useState(false)\n  const displayVolume = muted ? 0 : volume\n\n  function getVolumeFromEvent(e: MouseEvent | React.MouseEvent) {\n    if (!trackRef.current) return volume\n    const rect = trackRef.current.getBoundingClientRect()\n    return Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n  }\n\n  function handlePointerDown(e: React.PointerEvent) {\n    e.preventDefault()\n    setDragging(true)\n    const v = getVolumeFromEvent(e)\n    onVolumeChange(v)\n    ;(e.target as HTMLElement).setPointerCapture(e.pointerId)\n  }\n\n  function handlePointerMove(e: React.PointerEvent) {\n    if (!dragging) return\n    onVolumeChange(getVolumeFromEvent(e))\n  }\n\n  function handlePointerUp() {\n    setDragging(false)\n  }\n\n  const isDark = variant === 'dark'\n  const trackBg = isDark ? 'bg-white/30' : 'bg-surface-sunken'\n  const fillBg = isDark ? 'bg-white' : 'bg-accent-9'\n  const thumbBg = isDark ? 'bg-white' : 'bg-accent-9'\n  const iconClass = isDark ? 'text-white hover:text-white/80' : 'text-surface-fg-muted hover:text-surface-fg'\n\n  return (\n    <div className=\"group/vol flex items-center gap-ds-02 shrink-0\">\n      <button onClick={onMuteToggle} className={cn('transition-colors', iconClass)} aria-label={muted ? 'Unmute (M)' : 'Mute (M)'} title={muted ? 'Unmute' : 'Mute'}>\n        {muted || volume === 0 ? <Icon icon={IconVolumeOff} size=\"sm\" /> : <Icon icon={IconVolume} size=\"sm\" />}\n      </button>\n      <div className=\"w-0 overflow-hidden group-hover/vol:w-20 transition-[width] duration-200 ease-productive-standard flex items-center\">\n        <div\n          ref={trackRef}\n          className={cn('relative w-full h-1 rounded-pill cursor-pointer', trackBg)}\n          onPointerDown={handlePointerDown}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerUp}\n          role=\"slider\"\n          aria-label=\"Volume\"\n          aria-valuenow={Math.round(displayVolume * 100)}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          tabIndex={0}\n        >\n          {/* Fill */}\n          <div\n            className={cn('absolute left-0 top-0 h-full rounded-pill transition-[width] duration-75', fillBg)}\n            style={{ width: `${displayVolume * 100}%` }}\n          />\n          {/* Thumb */}\n          <div\n            className={cn(\n              'absolute top-1/2 -translate-y-1/2 h-2.5 w-2.5 rounded-pill shadow-raised transition-opacity',\n              thumbBg,\n              dragging ? 'opacity-100 scale-110' : 'opacity-0 group-hover/vol:opacity-100',\n            )}\n            style={{ left: `${displayVolume * 100}%`, marginLeft: '-5px' }}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\n// ============================================================\n// Shared: Time Formatting\n// ============================================================\n\nexport function formatTime(s: number): string {\n  if (!isFinite(s) || s < 0) return '0:00'\n  const h = Math.floor(s / 3600)\n  const m = Math.floor((s % 3600) / 60)\n  const sec = Math.floor(s % 60)\n  if (h > 0) return `${h}:${m.toString().padStart(2, '0')}:${sec.toString().padStart(2, '0')}`\n  return `${m}:${sec.toString().padStart(2, '0')}`\n}\n"],"mappings":"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"}

package/dist/_chunks/{text.js → success.js}

@@ -15,10 +15,8 @@ import * as S from "react";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
 import { IconCircle as T, IconCircleCheck as E, IconCircleX as D } from "@tabler/icons-react";
 import { motion as O } from "framer-motion";
-import k from "react-markdown";
-import A from "remark-gfm";
 //#region src/ai/blocks/block-table.tsx
-function j(e, t) {
+function k(e, t) {
 	if (t.variant === "badge") {
 		if (e && typeof e == "object" && "label" in e) {
 			let t = e;
@@ -37,7 +35,7 @@ function j(e, t) {
 	}
 	return String(e ?? "");
 }
-function M(e, t, n) {
+function A(e, t, n) {
 	return !t || !n ? e : [...e].sort((e, r) => {
 		let i = e[t], a = r[t], o = String(i ?? ""), s = String(a ?? ""), c = Number(i), l = Number(a);
 		if (!Number.isNaN(c) && !Number.isNaN(l)) return n === "asc" ? c - l : l - c;
@@ -45,14 +43,14 @@ function M(e, t, n) {
 		return n === "asc" ? u : -u;
 	});
 }
-var N = S.memo(function({ data: e, confidence: n }) {
+var j = S.memo(function({ data: e, confidence: n }) {
 	let { reducedMotion: i } = x(), [a, o] = S.useState(null), [s, c] = S.useState(null), l = S.useCallback((t) => {
 		e.sortable && (a === t ? s === "asc" ? c("desc") : s === "desc" && (o(null), c(null)) : (o(t), c("asc")));
 	}, [
 		e.sortable,
 		a,
 		s
-	]), u = e.columns ?? [], d = M(e.rows ?? [], a, s);
+	]), u = e.columns ?? [], d = A(e.rows ?? [], a, s);
 	return /* @__PURE__ */ C("div", {
 		className: r("overflow-x-auto", n === "low" && "border-l-2 border-warning-7 pl-3"),
 		children: /* @__PURE__ */ w(f, { children: [
@@ -104,17 +102,17 @@ var N = S.memo(function({ data: e, confidence: n }) {
 					},
 					children: u.map((t) => /* @__PURE__ */ C(h, {
 						className: r("text-ds-sm py-ds-02b px-ds-04", t.variant === "number" && "text-right tabular-nums font-medium"),
-						children: j(e[t.key], t)
+						children: k(e[t.key], t)
 					}, t.key))
 				}, a);
 			}) })
 		] })
 	});
 });
-N.displayName = "BlockTable";
+j.displayName = "BlockTable";
 //#endregion
 //#region src/ai/blocks/confirm.tsx
-var P = S.memo(function({ data: e, confidence: t, onAction: n }) {
+var M = S.memo(function({ data: e, confidence: t, onAction: n }) {
 	let i = S.useCallback(() => {
 		n?.(e.actionId, "confirm");
 	}, [e.actionId, n]), a = S.useCallback(() => {
@@ -150,17 +148,17 @@ var P = S.memo(function({ data: e, confidence: t, onAction: n }) {
 						children: "Why this action?"
 					})
 				}), /* @__PURE__ */ C(l, { children: /* @__PURE__ */ C("p", {
-					className: "text-ds-sm text-surface-fg-muted mt-2 p-3 bg-surface-raised rounded-ds-lg",
+					className: "text-ds-sm text-surface-fg-muted mt-2 p-3 bg-surface-raised rounded-surface",
 					children: e.rationale
 				}) })]
 			})
 		]
 	});
 });
-P.displayName = "ConfirmBlock";
+M.displayName = "ConfirmBlock";
 //#endregion
 //#region src/ai/blocks/divider.tsx
-var F = S.memo(function(e) {
+var N = S.memo(function(e) {
 	let { reducedMotion: t } = x();
 	return t ? /* @__PURE__ */ C(y, {}) : /* @__PURE__ */ C(O.div, {
 		initial: { scaleX: 0 },
@@ -170,33 +168,10 @@ var F = S.memo(function(e) {
 		children: /* @__PURE__ */ C(y, {})
 	});
 });
-F.displayName = "DividerBlock";
-//#endregion
-//#region src/ai/blocks/error.tsx
-var I = S.memo(function({ data: e, confidence: t }) {
-	return /* @__PURE__ */ w("div", {
-		className: r(t === "low" && "border-l-2 border-warning-7 pl-3"),
-		children: [/* @__PURE__ */ C(a, {
-			color: "error",
-			variant: "subtle",
-			title: e.title,
-			children: /* @__PURE__ */ C("div", {
-				className: "prose prose-sm",
-				children: /* @__PURE__ */ C(k, {
-					remarkPlugins: [A],
-					children: e.message
-				})
-			})
-		}), e.suggestion && /* @__PURE__ */ C("p", {
-			className: "mt-2 text-ds-sm text-surface-fg-muted",
-			children: e.suggestion
-		})]
-	});
-});
-I.displayName = "ErrorBlock";
+N.displayName = "DividerBlock";
 //#endregion
 //#region src/ai/blocks/info.tsx
-var L = S.memo(function({ data: e }) {
+var P = S.memo(function({ data: e }) {
 	return /* @__PURE__ */ C(a, {
 		color: "info",
 		variant: "subtle",
@@ -204,12 +179,12 @@ var L = S.memo(function({ data: e }) {
 		children: e.message
 	});
 });
-L.displayName = "InfoBlock";
+P.displayName = "InfoBlock";
 //#endregion
 //#region src/ai/blocks/loading.tsx
-function R() {
+function F() {
 	return /* @__PURE__ */ C(O.span, {
-		className: "inline-block h-4 w-4 rounded-full border-2 border-current border-t-transparent text-accent-9",
+		className: "inline-block h-4 w-4 rounded-pill border-2 border-current border-t-transparent text-accent-9",
 		animate: { rotate: 360 },
 		transition: {
 			repeat: Infinity,
@@ -220,7 +195,7 @@ function R() {
 		"data-testid": "step-spinner"
 	});
 }
-function z({ status: e }) {
+function I({ status: e }) {
 	switch (e) {
 		case "done": return /* @__PURE__ */ C("span", {
 			"data-testid": "step-icon-done",
@@ -230,7 +205,7 @@ function z({ status: e }) {
 				className: "text-success-11"
 			})
 		});
-		case "active": return /* @__PURE__ */ C(R, {});
+		case "active": return /* @__PURE__ */ C(F, {});
 		case "error": return /* @__PURE__ */ C("span", {
 			"data-testid": "step-icon-error",
 			children: /* @__PURE__ */ C(i, {
@@ -249,7 +224,7 @@ function z({ status: e }) {
 		});
 	}
 }
-var B = S.memo(function({ data: t }) {
+var L = S.memo(function({ data: t }) {
 	let { reducedMotion: n } = x(), i = n;
 	if (t.lines != null) {
 		let e = Math.max(1, t.lines);
@@ -286,7 +261,7 @@ var B = S.memo(function({ data: t }) {
 				duration: e.moderate01b,
 				delay: n * .06
 			},
-			children: [/* @__PURE__ */ C(z, { status: t.status }), /* @__PURE__ */ C("span", {
+			children: [/* @__PURE__ */ C(I, { status: t.status }), /* @__PURE__ */ C("span", {
 				className: r("text-ds-sm", t.status === "done" || t.status === "active" ? "text-surface-fg" : "text-surface-fg-subtle"),
 				children: t.label
 			})]
@@ -304,10 +279,10 @@ var B = S.memo(function({ data: t }) {
 		})
 	});
 });
-B.displayName = "LoadingBlock";
+L.displayName = "LoadingBlock";
 //#endregion
 //#region src/ai/blocks/stat-row.tsx
-var V = S.memo(function({ data: e }) {
+var R = S.memo(function({ data: e }) {
 	let { reducedMotion: n } = x(), r = e.stats ?? [];
 	return r.length === 0 ? null : /* @__PURE__ */ C("div", {
 		className: "flex flex-wrap gap-ds-05",
@@ -346,11 +321,11 @@ var V = S.memo(function({ data: e }) {
 		})
 	});
 });
-V.displayName = "StatRowBlock";
+R.displayName = "StatRowBlock";
 //#endregion
 //#region src/ai/blocks/success.tsx
-var H = 5e3, U = S.memo(function({ data: e, blockId: t, confidence: n, onAction: i }) {
-	let { reducedMotion: o } = x(), c = o, l = e.undoTimeout ?? H, [u, d] = S.useState(l), [f, p] = S.useState(!!e.undoable);
+var z = 5e3, B = S.memo(function({ data: e, blockId: t, confidence: n, onAction: i }) {
+	let { reducedMotion: o } = x(), c = o, l = e.undoTimeout ?? z, [u, d] = S.useState(l), [f, p] = S.useState(!!e.undoable);
 	S.useEffect(() => {
 		if (!e.undoable) return;
 		let t = setInterval(() => {
@@ -415,18 +390,6 @@ var H = 5e3, U = S.memo(function({ data: e, blockId: t, confidence: n, onAction:
 		})]
 	});
 });
-U.displayName = "SuccessBlock";
-//#endregion
-//#region src/ai/blocks/text.tsx
-var W = S.memo(function({ data: e, confidence: t }) {
-	return /* @__PURE__ */ C("div", {
-		className: r("prose prose-sm", "text-surface-fg", "prose-headings:text-surface-fg", "prose-a:text-accent-11 prose-a:underline", "prose-code:text-accent-11 prose-code:bg-surface-raised prose-code:rounded prose-code:px-1", "prose-strong:text-surface-fg", t === "low" && "border-l-2 border-warning-7 pl-3"),
-		children: /* @__PURE__ */ C(k, {
-			remarkPlugins: [A],
-			children: e.content
-		})
-	});
-});
-W.displayName = "TextBlock";
+B.displayName = "SuccessBlock";
 //#endregion
-export { L as a, P as c, B as i, N as l, U as n, I as o, V as r, F as s, W as t };
+export { N as a, P as i, R as n, M as o, L as r, j as s, B as t };

package/dist/_chunks/success.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"success.js","names":[],"sources":["../../src/ai/blocks/block-table.tsx","../../src/ai/blocks/confirm.tsx","../../src/ai/blocks/divider.tsx","../../src/ai/blocks/info.tsx","../../src/ai/blocks/loading.tsx","../../src/ai/blocks/stat-row.tsx","../../src/ai/blocks/success.tsx"],"sourcesContent":["'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { Badge } from '../../ui/badge'\nimport { springs } from '../../ui/lib/motion'\nimport { cn } from '../../ui/lib/utils'\nimport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '../../ui/table'\nimport type { BlockComponentProps, BlockTableColumn,BlockTableData } from '../types'\n\ntype SortDir = 'asc' | 'desc' | null\n\nfunction renderCellValue(value: unknown, column: BlockTableColumn) {\n  if (column.variant === 'badge') {\n    if (value && typeof value === 'object' && 'label' in value) {\n      const badgeObj = value as { label: string; color: string }\n      return (\n        <Badge variant=\"subtle\" size=\"sm\" color={badgeObj.color as 'default'}>\n          {badgeObj.label}\n        </Badge>\n      )\n    }\n    return (\n      <Badge variant=\"subtle\" size=\"sm\">\n        {String(value ?? '')}\n      </Badge>\n    )\n  }\n\n  return String(value ?? '')\n}\n\nfunction sortRows(\n  rows: Record<string, unknown>[],\n  sortKey: string | null,\n  sortDir: SortDir,\n): Record<string, unknown>[] {\n  if (!sortKey || !sortDir) return rows\n  return [...rows].sort((a, b) => {\n    const aVal = a[sortKey]\n    const bVal = b[sortKey]\n    const aStr = String(aVal ?? '')\n    const bStr = String(bVal ?? '')\n    const aNum = Number(aVal)\n    const bNum = Number(bVal)\n\n    // If both are numeric, sort numerically\n    if (!Number.isNaN(aNum) && !Number.isNaN(bNum)) {\n      return sortDir === 'asc' ? aNum - bNum : bNum - aNum\n    }\n\n    // Otherwise sort lexicographically\n    const cmp = aStr.localeCompare(bStr)\n    return sortDir === 'asc' ? cmp : -cmp\n  })\n}\n\nconst BlockTable = React.memo(function BlockTable({\n  data,\n  confidence,\n}: BlockComponentProps<BlockTableData>) {\n  const { reducedMotion } = useMotion()\n  const [sortKey, setSortKey] = React.useState<string | null>(null)\n  const [sortDir, setSortDir] = React.useState<SortDir>(null)\n\n  const handleHeaderClick = React.useCallback(\n    (key: string) => {\n      if (!data.sortable) return\n      if (sortKey !== key) {\n        setSortKey(key)\n        setSortDir('asc')\n      } else if (sortDir === 'asc') {\n        setSortDir('desc')\n      } else if (sortDir === 'desc') {\n        setSortKey(null)\n        setSortDir(null)\n      }\n    },\n    [data.sortable, sortKey, sortDir],\n  )\n\n  const columns = data.columns ?? []\n  const sortedRows = sortRows(data.rows ?? [], sortKey, sortDir)\n\n  return (\n    <div\n      className={cn(\n        'overflow-x-auto',\n        confidence === 'low' && 'border-l-2 border-warning-7 pl-3',\n      )}\n    >\n      <Table>\n        {data.caption && <TableCaption>{data.caption}</TableCaption>}\n        <TableHeader>\n          <TableRow>\n            {columns.map((col) => {\n              const isSorted = sortKey === col.key\n              const ariaSort = data.sortable\n                ? isSorted\n                  ? sortDir === 'asc'\n                    ? ('ascending' as const)\n                    : ('descending' as const)\n                  : ('none' as const)\n                : undefined\n\n              return (\n                <TableHead\n                  key={col.key}\n                  role=\"columnheader\"\n                  className={cn(\n                    col.variant === 'number' && 'text-right',\n                    data.sortable && 'cursor-pointer select-none',\n                  )}\n                  tabIndex={data.sortable ? 0 : undefined}\n                  onClick={\n                    data.sortable\n                      ? () => handleHeaderClick(col.key)\n                      : undefined\n                  }\n                  onKeyDown={\n                    data.sortable\n                      ? (e: React.KeyboardEvent) => {\n                          if (e.key === 'Enter' || e.key === ' ') {\n                            e.preventDefault()\n                            handleHeaderClick(col.key)\n                          }\n                        }\n                      : undefined\n                  }\n                  aria-sort={ariaSort}\n                >\n                  <span className=\"inline-flex items-center gap-1\">\n                    {col.label}\n                    {isSorted && sortDir === 'asc' && (\n                      <span aria-hidden=\"true\">&#9650;</span>\n                    )}\n                    {isSorted && sortDir === 'desc' && (\n                      <span aria-hidden=\"true\">&#9660;</span>\n                    )}\n                  </span>\n                </TableHead>\n              )\n            })}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {sortedRows.map((row, rowIndex) => {\n            const rowKey =\n              typeof row.id === 'string' || typeof row.id === 'number'\n                ? String(row.id)\n                : `row-${rowIndex}`\n\n            const RowWrapper = reducedMotion ? 'tr' : motion.tr\n\n            const motionProps = reducedMotion\n              ? {}\n              : {\n                  initial: { opacity: 0, y: 6 } as const,\n                  animate: { opacity: 1, y: 0 } as const,\n                  transition: { ...springs.responsive, delay: rowIndex * 0.03 },\n                }\n\n            return (\n              <RowWrapper\n                key={rowKey}\n                className=\"hover:bg-surface-raised-hover transition-colors\"\n                {...motionProps}\n              >\n                {columns.map((col) => (\n                  <TableCell\n                    key={col.key}\n                    className={cn(\n                      'text-ds-sm py-ds-02b px-ds-04',\n                      col.variant === 'number' &&\n                        'text-right tabular-nums font-medium',\n                    )}\n                  >\n                    {renderCellValue(row[col.key], col)}\n                  </TableCell>\n                ))}\n              </RowWrapper>\n            )\n          })}\n        </TableBody>\n      </Table>\n    </div>\n  )\n})\n\nBlockTable.displayName = 'BlockTable'\n\nexport { BlockTable }\n","'use client'\n\nimport * as React from 'react'\n\nimport { Button } from '../../ui/button'\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../../ui/collapsible'\nimport { cn } from '../../ui/lib/utils'\nimport type { BlockComponentProps, ConfirmBlockData } from '../types'\n\nconst ConfirmBlock = React.memo(function ConfirmBlock({\n  data,\n  confidence,\n  onAction,\n}: BlockComponentProps<ConfirmBlockData>) {\n  const handleConfirm = React.useCallback(() => {\n    onAction?.(data.actionId, 'confirm')\n  }, [data.actionId, onAction])\n\n  const handleCancel = React.useCallback(() => {\n    onAction?.(data.actionId, 'cancel')\n  }, [data.actionId, onAction])\n\n  return (\n    <div\n      className={cn(\n        confidence === 'low' && 'border-l-2 border-warning-7 pl-3',\n      )}\n    >\n      {data.description && (\n        <p className=\"text-ds-sm text-surface-fg-muted mb-3\">\n          {data.description}\n        </p>\n      )}\n\n      <div className=\"flex items-center gap-3\">\n        <Button\n          variant=\"solid\"\n          color={data.destructive ? 'error' : undefined}\n          onClick={handleConfirm}\n        >\n          {data.label}\n        </Button>\n        <Button variant=\"ghost\" onClick={handleCancel}>\n          Cancel\n        </Button>\n      </div>\n\n      {data.rationale && (\n        <Collapsible className=\"mt-3\">\n          <CollapsibleTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"text-ds-xs text-surface-fg-subtle underline cursor-pointer\"\n            >\n              Why this action?\n            </button>\n          </CollapsibleTrigger>\n          <CollapsibleContent>\n            <p className=\"text-ds-sm text-surface-fg-muted mt-2 p-3 bg-surface-raised rounded-surface\">\n              {data.rationale}\n            </p>\n          </CollapsibleContent>\n        </Collapsible>\n      )}\n    </div>\n  )\n})\n\nConfirmBlock.displayName = 'ConfirmBlock'\n\nexport { ConfirmBlock }\n","'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { tweens } from '../../ui/lib/motion'\nimport { Separator } from '../../ui/separator'\nimport type { BlockComponentProps } from '../types'\n\nconst DividerBlock = React.memo(function DividerBlock(\n  _props: BlockComponentProps<Record<string, never>>,\n) {\n  const { reducedMotion } = useMotion()\n\n  if (reducedMotion) {\n    return <Separator />\n  }\n\n  return (\n    <motion.div\n      initial={{ scaleX: 0 }}\n      animate={{ scaleX: 1 }}\n      style={{ originX: 0.5 }}\n      transition={tweens.elegant}\n    >\n      <Separator />\n    </motion.div>\n  )\n})\n\nDividerBlock.displayName = 'DividerBlock'\n\nexport { DividerBlock }\n","'use client'\n\nimport * as React from 'react'\n\nimport { Alert } from '../../ui/alert'\nimport type { BlockComponentProps } from '../types'\n\nconst InfoBlock = React.memo(function InfoBlock({\n  data,\n}: BlockComponentProps<{ message: string }>) {\n  return (\n    <Alert color=\"info\" variant=\"subtle\" role=\"status\">\n      {data.message}\n    </Alert>\n  )\n})\n\nInfoBlock.displayName = 'InfoBlock'\n\nexport { InfoBlock }\n","'use client'\n\nimport {\n  IconCircle,\n  IconCircleCheck,\n  IconCircleX,\n} from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { Icon } from '../../ui/icon'\nimport { durations } from '../../ui/lib/motion'\nimport { cn } from '../../ui/lib/utils'\nimport { Skeleton } from '../../ui/skeleton'\nimport type { BlockComponentProps, LoadingBlockData, ProcessingStep } from '../types'\n\n/** Spinning indicator for active steps */\nfunction StepSpinner() {\n  return (\n    <motion.span\n      className=\"inline-block h-4 w-4 rounded-pill border-2 border-current border-t-transparent text-accent-9\"\n      animate={{ rotate: 360 }}\n      transition={{ repeat: Infinity, duration: 1, ease: 'linear' }}\n      aria-hidden=\"true\"\n      data-testid=\"step-spinner\"\n    />\n  )\n}\n\n/** Icon for a processing step based on its status */\nfunction StepIcon({ status }: { status: ProcessingStep['status'] }) {\n  switch (status) {\n    case 'done':\n      return (\n        <span data-testid=\"step-icon-done\">\n          <Icon icon={IconCircleCheck} size=\"sm\" className=\"text-success-11\" />\n        </span>\n      )\n    case 'active':\n      return <StepSpinner />\n    case 'error':\n      return (\n        <span data-testid=\"step-icon-error\">\n          <Icon icon={IconCircleX} size=\"sm\" className=\"text-error-11\" />\n        </span>\n      )\n    case 'pending':\n    default:\n      return (\n        <span data-testid=\"step-icon-pending\">\n          <Icon icon={IconCircle} size=\"sm\" className=\"text-surface-fg-subtle opacity-50\" />\n        </span>\n      )\n  }\n}\n\nconst LoadingBlock = React.memo(function LoadingBlock({\n  data,\n}: BlockComponentProps<LoadingBlockData>) {\n  const { reducedMotion } = useMotion()\n  const isReduced = reducedMotion\n\n  // Mode A: Skeleton lines\n  if (data.lines != null) {\n    const lineCount = Math.max(1, data.lines)\n    return (\n      <div\n        role=\"status\"\n        aria-busy=\"true\"\n        aria-label=\"Loading\"\n        className=\"flex flex-col gap-2\"\n      >\n        {Array.from({ length: lineCount }).map((_, i) => (\n          <Skeleton\n            key={i}\n            animation=\"shimmer\"\n            className={cn(\n              'h-4',\n              i === lineCount - 1 ? 'w-3/5' : 'w-full',\n            )}\n          />\n        ))}\n        <span className=\"sr-only\">Loading</span>\n      </div>\n    )\n  }\n\n  // Mode B: Processing steps\n  if (data.steps) {\n    return (\n      <div\n        role=\"status\"\n        aria-busy=\"true\"\n        aria-label=\"Processing\"\n        className=\"flex flex-col gap-2\"\n      >\n        {data.steps.map((step, index) => (\n          <motion.div\n            key={step.id}\n            className=\"flex items-center gap-2\"\n            initial={isReduced ? undefined : { opacity: 0, x: -8 }}\n            animate={{ opacity: 1, x: 0 }}\n            transition={\n              isReduced\n                ? { duration: 0 }\n                : { duration: durations.moderate01b, delay: index * 0.06 }\n            }\n          >\n            <StepIcon status={step.status} />\n            <span\n              className={cn(\n                'text-ds-sm',\n                step.status === 'done' || step.status === 'active'\n                  ? 'text-surface-fg'\n                  : 'text-surface-fg-subtle',\n              )}\n            >\n              {step.label}\n            </span>\n          </motion.div>\n        ))}\n        <span className=\"sr-only\">Processing</span>\n      </div>\n    )\n  }\n\n  // Fallback: empty status container\n  return (\n    <div role=\"status\" aria-busy=\"true\" aria-label=\"Loading\">\n      <span className=\"sr-only\">Loading</span>\n    </div>\n  )\n})\n\nLoadingBlock.displayName = 'LoadingBlock'\n\nexport { LoadingBlock }\n","'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { springs } from '../../ui/lib/motion'\nimport { StatCard } from '../../ui/stat-card'\nimport type { BlockComponentProps, StatRowBlockData } from '../types'\n\nconst StatRowBlock = React.memo(function StatRowBlock({\n  data,\n}: BlockComponentProps<StatRowBlockData>) {\n  const { reducedMotion } = useMotion()\n  const stats = data.stats ?? []\n\n  if (stats.length === 0) return null\n\n  return (\n    <div className=\"flex flex-wrap gap-ds-05\">\n      {stats.map((stat, index) => {\n        const delta = stat.change\n          ? {\n              value: stat.change.value,\n              direction: stat.change.direction,\n            }\n          : undefined\n\n        if (reducedMotion) {\n          return (\n            <div key={stat.label} className=\"flex-1 min-w-[140px]\">\n              <StatCard\n                label={stat.label}\n                value={stat.value}\n                delta={delta}\n              />\n            </div>\n          )\n        }\n\n        return (\n          <motion.div\n            key={stat.label}\n            className=\"flex-1 min-w-[140px]\"\n            initial={{ opacity: 0, y: 8 }}\n            animate={{ opacity: 1, y: 0 }}\n            transition={{ ...springs.responsive, delay: index * 0.08 }}\n          >\n            <StatCard\n              label={stat.label}\n              value={stat.value}\n              delta={delta}\n            />\n          </motion.div>\n        )\n      })}\n    </div>\n  )\n})\n\nStatRowBlock.displayName = 'StatRowBlock'\n\nexport { StatRowBlock }\n","'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { Alert } from '../../ui/alert'\nimport { Button } from '../../ui/button'\nimport { cn } from '../../ui/lib/utils'\nimport type { BlockComponentProps, SuccessBlockData } from '../types'\n\nconst DEFAULT_UNDO_TIMEOUT = 5000\n\nconst SuccessBlock = React.memo(function SuccessBlock({\n  data,\n  blockId,\n  confidence,\n  onAction,\n}: BlockComponentProps<SuccessBlockData>) {\n  const { reducedMotion } = useMotion()\n  const isReduced = reducedMotion\n  const undoTimeout = data.undoTimeout ?? DEFAULT_UNDO_TIMEOUT\n  const [remaining, setRemaining] = React.useState(undoTimeout)\n  const [showUndo, setShowUndo] = React.useState(!!data.undoable)\n\n  React.useEffect(() => {\n    if (!data.undoable) return\n\n    const interval = setInterval(() => {\n      setRemaining((prev) => {\n        const next = prev - 100\n        if (next <= 0) {\n          clearInterval(interval)\n          setShowUndo(false)\n          return 0\n        }\n        return next\n      })\n    }, 100)\n\n    return () => clearInterval(interval)\n  }, [data.undoable, undoTimeout])\n\n  const handleUndo = React.useCallback(() => {\n    onAction?.(blockId || 'unknown', 'undo')\n  }, [blockId, onAction])\n\n  const remainingSeconds = Math.ceil(remaining / 1000)\n\n  // Countdown ring dimensions\n  const ringSize = 20\n  const ringStroke = 2\n  const ringRadius = (ringSize - ringStroke) / 2\n  const ringCircumference = 2 * Math.PI * ringRadius\n\n  return (\n    <div\n      className={cn(\n        confidence === 'low' && 'border-l-2 border-warning-7 pl-3',\n      )}\n    >\n      <Alert\n        color=\"success\"\n        variant=\"subtle\"\n        title={data.title}\n      >\n        {data.message}\n      </Alert>\n\n      {showUndo && data.undoable && (\n        <div className=\"mt-2 flex items-center gap-2\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={handleUndo}\n            aria-label={`Undo action, ${remainingSeconds} seconds remaining`}\n          >\n            <span className=\"flex items-center gap-1.5\">\n              <svg\n                width={ringSize}\n                height={ringSize}\n                viewBox={`0 0 ${ringSize} ${ringSize}`}\n                className=\"shrink-0 -rotate-90\"\n                aria-hidden=\"true\"\n              >\n                <circle\n                  cx={ringSize / 2}\n                  cy={ringSize / 2}\n                  r={ringRadius}\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth={ringStroke}\n                  opacity={0.2}\n                />\n                <motion.circle\n                  cx={ringSize / 2}\n                  cy={ringSize / 2}\n                  r={ringRadius}\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth={ringStroke}\n                  strokeDasharray={ringCircumference}\n                  initial={isReduced ? undefined : { strokeDashoffset: 0 }}\n                  animate={{\n                    strokeDashoffset: ringCircumference,\n                  }}\n                  transition={\n                    isReduced\n                      ? { duration: 0 }\n                      : {\n                          duration: undoTimeout / 1000,\n                          ease: 'linear',\n                        }\n                  }\n                />\n              </svg>\n              Undo\n            </span>\n          </Button>\n        </div>\n      )}\n\n    </div>\n  )\n})\n\nSuccessBlock.displayName = 'SuccessBlock'\n\nexport { SuccessBlock }\n"],"mappings":"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"}