@devalok/shilp-sutra 0.56.0 → 0.59.0

package/dist/_chunks/shared.js

@@ -1,36 +1,37 @@
 "use client";
 import { tweens as e } from "../ui/lib/motion.js";
-import { cn as t } from "../ui/lib/utils.js";
-import { Icon as n } from "../ui/icon.js";
-import { Button as r } from "../ui/button.js";
-import { Range as i, Root as a, Thumb as o, Track as s } from "./primitives/react-slider.js";
+import { MotionPreference as t } from "./motion-preference.js";
+import { cn as n } from "../ui/lib/utils.js";
+import { Icon as r } from "../ui/icon.js";
+import { Button as i } from "../ui/button.js";
+import { Range as a, Root as o, Thumb as s, Track as c } from "./primitives/react-slider.js";
 import "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { IconAlertTriangle as u, IconDownload as d, IconVolume as f, IconVolumeOff as p } from "@tabler/icons-react";
-import { motion as m } from "framer-motion";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { IconAlertTriangle as d, IconDownload as f, IconVolume as p, IconVolumeOff as m } from "@tabler/icons-react";
+import { motion as h } from "framer-motion";
 //#region src/composed/file-preview/shared.tsx
-function h({ message: e, url: t }) {
-	return /* @__PURE__ */ l("div", {
+function g({ message: e, url: t }) {
+	return /* @__PURE__ */ u("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",
 		children: [
-			/* @__PURE__ */ c(n, {
-				icon: u,
+			/* @__PURE__ */ l(r, {
+				icon: d,
 				size: "2xl",
 				className: "text-warning-9"
 			}),
-			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+			/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
 				className: "text-body-md font-semibold text-surface-fg",
 				children: "Preview unavailable"
-			}), /* @__PURE__ */ c("p", {
+			}), /* @__PURE__ */ l("p", {
 				className: "text-body-sm text-surface-fg-muted mt-ds-01",
 				children: e
 			})] }),
-			/* @__PURE__ */ c(r, {
+			/* @__PURE__ */ l(i, {
 				variant: "outline",
 				size: "xs",
-				startIcon: /* @__PURE__ */ c(n, { icon: d }),
+				startIcon: /* @__PURE__ */ l(r, { icon: f }),
 				asChild: !0,
-				children: /* @__PURE__ */ c("a", {
+				children: /* @__PURE__ */ l("a", {
 					href: t,
 					download: !0,
 					target: "_blank",
@@ -41,8 +42,8 @@ function h({ message: e, url: t }) {
 		]
 	});
 }
-function g({ children: n, className: r }) {
-	return /* @__PURE__ */ c(m.div, {
+function _({ children: r, className: i }) {
+	return /* @__PURE__ */ l(t, { children: /* @__PURE__ */ l(h.div, {
 		initial: {
 			opacity: 0,
 			y: 8
@@ -52,48 +53,48 @@ function g({ children: n, className: r }) {
 			y: 0
 		},
 		transition: e.fade,
-		className: t("flex items-center gap-ds-01 rounded-control bg-surface-overlay/95 px-ds-02 py-ds-01 shadow-floating backdrop-blur-xs", r),
-		children: n
-	});
+		className: n("flex items-center gap-ds-01 rounded-control bg-surface-overlay/95 px-ds-02 py-ds-01 shadow-floating backdrop-blur-xs", i),
+		children: r
+	}) });
 }
-function _() {
-	return /* @__PURE__ */ c("div", { className: "mx-ds-01 h-4 w-px bg-surface-border-subtle" });
+function v() {
+	return /* @__PURE__ */ l("div", { className: "mx-ds-01 h-4 w-px bg-surface-border-subtle" });
 }
-function v({ value: e, max: n = 100, step: r = 1, onValueChange: u, tone: d = "light", ariaLabel: f, disabled: p, className: m }) {
+function y({ value: e, max: t = 100, step: r = 1, onValueChange: i, tone: d = "light", ariaLabel: f, disabled: p, className: m }) {
 	let h = d === "dark";
-	return /* @__PURE__ */ l(a, {
-		className: t("group/ms relative flex h-3 w-full cursor-pointer touch-none select-none items-center", m),
+	return /* @__PURE__ */ u(o, {
+		className: n("group/ms relative flex h-3 w-full cursor-pointer touch-none select-none items-center", m),
 		value: [e],
-		max: n,
+		max: t,
 		step: r,
 		disabled: p,
-		onValueChange: (e) => u(e[0] ?? 0),
+		onValueChange: (e) => i(e[0] ?? 0),
 		"aria-label": f,
-		children: [/* @__PURE__ */ c(s, {
-			className: t("relative h-1 w-full grow overflow-hidden rounded-pill", h ? "bg-white/30" : "bg-surface-sunken"),
-			children: /* @__PURE__ */ c(i, { className: t("absolute h-full rounded-pill", h ? "bg-white" : "bg-accent-9") })
-		}), /* @__PURE__ */ c(o, { className: t("block h-3 w-3 rounded-pill shadow-raised outline-hidden transition-[opacity,transform] duration-fast-02", "opacity-0 group-hover/ms:opacity-100 focus:opacity-100 active:scale-110", "focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-1", h ? "bg-white focus-visible:ring-white" : "bg-accent-9 focus-visible:ring-accent-9") })]
+		children: [/* @__PURE__ */ l(c, {
+			className: n("relative h-1 w-full grow overflow-hidden rounded-pill", h ? "bg-white/30" : "bg-surface-sunken"),
+			children: /* @__PURE__ */ l(a, { className: n("absolute h-full rounded-pill", h ? "bg-white" : "bg-accent-9") })
+		}), /* @__PURE__ */ l(s, { className: n("block h-3 w-3 rounded-pill shadow-raised outline-hidden transition-[opacity,transform] duration-fast-02", "opacity-0 group-hover/ms:opacity-100 focus:opacity-100 active:scale-110", "focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-1", h ? "bg-white focus-visible:ring-white" : "bg-accent-9 focus-visible:ring-accent-9") })]
 	});
 }
-function y({ volume: e, muted: r, onVolumeChange: i, onMuteToggle: a, variant: o = "light" }) {
-	let s = r ? 0 : e;
-	return /* @__PURE__ */ l("div", {
+function b({ volume: e, muted: t, onVolumeChange: i, onMuteToggle: a, variant: o = "light" }) {
+	let s = t ? 0 : e;
+	return /* @__PURE__ */ u("div", {
 		className: "flex items-center gap-ds-02 shrink-0 group/vol",
-		children: [/* @__PURE__ */ c("button", {
+		children: [/* @__PURE__ */ l("button", {
 			onClick: a,
-			className: t("transition-colors", o === "dark" ? "text-white hover:text-white/80" : "text-surface-fg-muted hover:text-surface-fg"),
-			"aria-label": r ? "Unmute (M)" : "Mute (M)",
-			title: r ? "Unmute" : "Mute",
-			children: r || e === 0 ? /* @__PURE__ */ c(n, {
-				icon: p,
+			className: n("transition-colors", o === "dark" ? "text-white hover:text-white/80" : "text-surface-fg-muted hover:text-surface-fg"),
+			"aria-label": t ? "Unmute (M)" : "Mute (M)",
+			title: t ? "Unmute" : "Mute",
+			children: t || e === 0 ? /* @__PURE__ */ l(r, {
+				icon: m,
 				size: "sm"
-			}) : /* @__PURE__ */ c(n, {
-				icon: f,
+			}) : /* @__PURE__ */ l(r, {
+				icon: p,
 				size: "sm"
 			})
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: "flex w-0 items-center overflow-hidden transition-[width] duration-200 ease-productive-standard group-hover/vol:w-20 focus-within:w-20",
-			children: /* @__PURE__ */ c(v, {
+			children: /* @__PURE__ */ l(y, {
 				value: s,
 				max: 1,
 				step: .01,
@@ -104,10 +105,10 @@ function y({ volume: e, muted: r, onVolumeChange: i, onMuteToggle: a, variant: o
 		})]
 	});
 }
-function b(e) {
+function x(e) {
 	if (!isFinite(e) || e < 0) return "0:00";
 	let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
 	return t > 0 ? `${t}:${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}` : `${n}:${r.toString().padStart(2, "0")}`;
 }
 //#endregion
-export { h as ErrorFallback, v as MediaSlider, g as Toolbar, _ as ToolbarDivider, y as VolumeControl, b as formatTime };
+export { g as ErrorFallback, y as MediaSlider, _ as Toolbar, v as ToolbarDivider, b as VolumeControl, x as formatTime };

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 * as SliderPrimitive from '@primitives/react-slider'\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-body-md font-semibold text-surface-fg\">Preview unavailable</p>\n        <p className=\"text-body-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 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: MediaSlider — slim seek/scrub/volume control\n// Composes the Radix Slider primitive (the same one ui/Slider uses) so it's\n// keyboard-operable (Arrow/Home/End), shows a visible focus ring, and forced-colors-safe —\n// unlike the old mouse-only <div role=\"slider\">. Styled slim for media chrome;\n// the thumb is hover/focus-reveal (hidden at rest, shown on hover, drag, or\n// keyboard focus). `tone=\"dark\"` = white-on-overlay; `tone=\"light\"` = accent.\n// ============================================================\n\nexport function MediaSlider({\n  value,\n  max = 100,\n  step = 1,\n  onValueChange,\n  tone = 'light',\n  ariaLabel,\n  disabled,\n  className,\n}: {\n  value: number\n  max?: number\n  step?: number\n  onValueChange: (v: number) => void\n  tone?: 'light' | 'dark'\n  ariaLabel: string\n  disabled?: boolean\n  className?: string\n}) {\n  const isDark = tone === 'dark'\n  return (\n    <SliderPrimitive.Root\n      className={cn(\n        'group/ms relative flex h-3 w-full cursor-pointer touch-none select-none items-center',\n        className,\n      )}\n      value={[value]}\n      max={max}\n      step={step}\n      disabled={disabled}\n      onValueChange={(vals) => onValueChange(vals[0] ?? 0)}\n      aria-label={ariaLabel}\n    >\n      <SliderPrimitive.Track\n        className={cn(\n          'relative h-1 w-full grow overflow-hidden rounded-pill',\n          isDark ? 'bg-white/30' : 'bg-surface-sunken',\n        )}\n      >\n        <SliderPrimitive.Range\n          className={cn('absolute h-full rounded-pill', isDark ? 'bg-white' : 'bg-accent-9')}\n        />\n      </SliderPrimitive.Track>\n      <SliderPrimitive.Thumb\n        className={cn(\n          'block h-3 w-3 rounded-pill shadow-raised outline-hidden transition-[opacity,transform] duration-fast-02',\n          // hover/focus-reveal: hidden at rest, shown on hover, drag (focus), or keyboard\n          'opacity-0 group-hover/ms:opacity-100 focus:opacity-100 active:scale-110',\n          'focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-1',\n          isDark ? 'bg-white focus-visible:ring-white' : 'bg-accent-9 focus-visible:ring-accent-9',\n        )}\n      />\n    </SliderPrimitive.Root>\n  )\n}\n\n// ============================================================\n// Shared: Volume Slider (Spotify/YouTube style)\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 displayVolume = muted ? 0 : volume\n  const isDark = variant === 'dark'\n  const iconClass = isDark ? 'text-white hover:text-white/80' : 'text-surface-fg-muted hover:text-surface-fg'\n\n  return (\n    <div className=\"flex items-center gap-ds-02 shrink-0 group/vol\">\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=\"flex w-0 items-center overflow-hidden transition-[width] duration-200 ease-productive-standard group-hover/vol:w-20 focus-within:w-20\">\n        <MediaSlider\n          value={displayVolume}\n          max={1}\n          step={0.01}\n          onValueChange={onVolumeChange}\n          tone={variant}\n          ariaLabel=\"Volume\"\n        />\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":";;;;;;;;;;AAqBA,SAAgB,EAAc,EAAE,YAAS,UAAyC;CAChF,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IAAM,MAAM;IAAmB,MAAK;IAAM,WAAU;GAAkB,CAAA;GACtE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;IAAG,WAAU;cAA6C;GAAsB,CAAA,GAChF,kBAAC,KAAD;IAAG,WAAU;cAA+C;GAAW,CAAA,CACpE,EAAA,CAAA;GACL,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,WAAW,kBAAC,GAAD,EAAM,MAAM,EAAe,CAAA;IAAG,SAAA;cAC3E,kBAAC,KAAD;KAAG,MAAM;KAAK,UAAA;KAAS,QAAO;KAAS,KAAI;eAAsB;IAAgB,CAAA;GAC3E,CAAA;EACL;;AAET;AAMA,SAAgB,EAAQ,EAAE,aAAU,gBAAgE;CAClG,OACE,kBAAC,EAAO,KAAR;EACE,SAAS;GAAE,SAAS;GAAG,GAAG;EAAE;EAC5B,SAAS;GAAE,SAAS;GAAG,GAAG;EAAE;EAC5B,YAAY,EAAO;EACnB,WAAW,EACT,wHACA,CACF;EAEC;CACS,CAAA;AAEhB;AAEA,SAAgB,IAAiB;CAC/B,OAAO,kBAAC,OAAD,EAAK,WAAU,6CAA8C,CAAA;AACtE;AAWA,SAAgB,EAAY,EAC1B,UACA,SAAM,KACN,UAAO,GACP,kBACA,UAAO,SACP,cACA,aACA,gBAUC;CACD,IAAM,IAAS,MAAS;CACxB,OACE,kBAAC,GAAD;EACE,WAAW,EACT,wFACA,CACF;EACA,OAAO,CAAC,CAAK;EACR;EACC;EACI;EACV,gBAAgB,MAAS,EAAc,EAAK,MAAM,CAAC;EACnD,cAAY;YAVd,CAYE,kBAAC,GAAD;GACE,WAAW,EACT,yDACA,IAAS,gBAAgB,mBAC3B;aAEA,kBAAC,GAAD,EACE,WAAW,EAAG,gCAAgC,IAAS,aAAa,aAAa,EAClF,CAAA;EACoB,CAAA,GACvB,kBAAC,GAAD,EACE,WAAW,EACT,2GAEA,2EACA,8EACA,IAAS,sCAAsC,yCACjD,EACD,CAAA,CACmB;;AAE1B;AAMA,SAAgB,EAAc,EAC5B,WACA,UACA,mBACA,iBACA,aAAU,WAOT;CACD,IAAM,IAAgB,IAAQ,IAAI;CAIlC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GAAQ,SAAS;GAAc,WAAW,EAAG,qBALlC,MAAY,SACA,mCAAmC,6CAIiB;GAAG,cAAY,IAAQ,eAAe;GAAY,OAAO,IAAQ,WAAW;aACpJ,KAAS,MAAW,IAAI,kBAAC,GAAD;IAAM,MAAM;IAAe,MAAK;GAAM,CAAA,IAAI,kBAAC,GAAD;IAAM,MAAM;IAAY,MAAK;GAAM,CAAA;EAChG,CAAA,GACR,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,OAAO;IACP,KAAK;IACL,MAAM;IACN,eAAe;IACf,MAAM;IACN,WAAU;GACX,CAAA;EACE,CAAA,CACF;;AAET;AAMA,SAAgB,EAAW,GAAmB;CAC5C,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,GAAG,OAAO;CAClC,IAAM,IAAI,KAAK,MAAM,IAAI,IAAI,GACvB,IAAI,KAAK,MAAO,IAAI,OAAQ,EAAE,GAC9B,IAAM,KAAK,MAAM,IAAI,EAAE;CAE7B,OADI,IAAI,IAAU,GAAG,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,SAAS,GAAG,GAAG,EAAE,GAAG,EAAI,SAAS,CAAC,CAAC,SAAS,GAAG,GAAG,MAClF,GAAG,EAAE,GAAG,EAAI,SAAS,CAAC,CAAC,SAAS,GAAG,GAAG;AAC/C"}
+{"version":3,"file":"shared.js","names":[],"sources":["../../src/composed/file-preview/shared.tsx"],"sourcesContent":["'use client'\n\nimport * as SliderPrimitive from '@primitives/react-slider'\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 { MotionPreference } from '../../motion/motion-preference'\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-body-md font-semibold text-surface-fg\">Preview unavailable</p>\n        <p className=\"text-body-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    <MotionPreference>\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 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    </MotionPreference>\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: MediaSlider — slim seek/scrub/volume control\n// Composes the Radix Slider primitive (the same one ui/Slider uses) so it's\n// keyboard-operable (Arrow/Home/End), shows a visible focus ring, and forced-colors-safe —\n// unlike the old mouse-only <div role=\"slider\">. Styled slim for media chrome;\n// the thumb is hover/focus-reveal (hidden at rest, shown on hover, drag, or\n// keyboard focus). `tone=\"dark\"` = white-on-overlay; `tone=\"light\"` = accent.\n// ============================================================\n\nexport function MediaSlider({\n  value,\n  max = 100,\n  step = 1,\n  onValueChange,\n  tone = 'light',\n  ariaLabel,\n  disabled,\n  className,\n}: {\n  value: number\n  max?: number\n  step?: number\n  onValueChange: (v: number) => void\n  tone?: 'light' | 'dark'\n  ariaLabel: string\n  disabled?: boolean\n  className?: string\n}) {\n  const isDark = tone === 'dark'\n  return (\n    <SliderPrimitive.Root\n      className={cn(\n        'group/ms relative flex h-3 w-full cursor-pointer touch-none select-none items-center',\n        className,\n      )}\n      value={[value]}\n      max={max}\n      step={step}\n      disabled={disabled}\n      onValueChange={(vals) => onValueChange(vals[0] ?? 0)}\n      aria-label={ariaLabel}\n    >\n      <SliderPrimitive.Track\n        className={cn(\n          'relative h-1 w-full grow overflow-hidden rounded-pill',\n          isDark ? 'bg-white/30' : 'bg-surface-sunken',\n        )}\n      >\n        <SliderPrimitive.Range\n          className={cn('absolute h-full rounded-pill', isDark ? 'bg-white' : 'bg-accent-9')}\n        />\n      </SliderPrimitive.Track>\n      <SliderPrimitive.Thumb\n        className={cn(\n          'block h-3 w-3 rounded-pill shadow-raised outline-hidden transition-[opacity,transform] duration-fast-02',\n          // hover/focus-reveal: hidden at rest, shown on hover, drag (focus), or keyboard\n          'opacity-0 group-hover/ms:opacity-100 focus:opacity-100 active:scale-110',\n          'focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-1',\n          isDark ? 'bg-white focus-visible:ring-white' : 'bg-accent-9 focus-visible:ring-accent-9',\n        )}\n      />\n    </SliderPrimitive.Root>\n  )\n}\n\n// ============================================================\n// Shared: Volume Slider (Spotify/YouTube style)\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 displayVolume = muted ? 0 : volume\n  const isDark = variant === 'dark'\n  const iconClass = isDark ? 'text-white hover:text-white/80' : 'text-surface-fg-muted hover:text-surface-fg'\n\n  return (\n    <div className=\"flex items-center gap-ds-02 shrink-0 group/vol\">\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=\"flex w-0 items-center overflow-hidden transition-[width] duration-200 ease-productive-standard group-hover/vol:w-20 focus-within:w-20\">\n        <MediaSlider\n          value={displayVolume}\n          max={1}\n          step={0.01}\n          onValueChange={onVolumeChange}\n          tone={variant}\n          ariaLabel=\"Volume\"\n        />\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/success.js

@@ -1,9 +1,9 @@
 "use client";
 import { durations as e, springs as t, tweens 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 { Alert as a } from "../ui/alert.js";
-import { useMotion as o } from "./motion-provider.js";
+import { useMotion as r } from "./motion-provider.js";
+import { cn as i } from "../ui/lib/utils.js";
+import { Icon as a } from "../ui/icon.js";
+import { Alert as o } from "../ui/alert.js";
 import { Skeleton as s } from "../ui/skeleton.js";
 import { BadgeCompound as c } from "./badge-group.js";
 import { Button as l } from "../ui/button.js";
@@ -45,29 +45,29 @@ function j(e, t, n) {
 	});
 }
 var M = C.memo(function({ data: e, confidence: n }) {
-	let { reducedMotion: i } = o(), [a, s] = C.useState(null), [c, l] = C.useState(null), u = C.useCallback((t) => {
-		e.sortable && (a === t ? c === "asc" ? l("desc") : c === "desc" && (s(null), l(null)) : (s(t), l("asc")));
+	let { reducedMotion: a } = r(), [o, s] = C.useState(null), [c, l] = C.useState(null), u = C.useCallback((t) => {
+		e.sortable && (o === t ? c === "asc" ? l("desc") : c === "desc" && (s(null), l(null)) : (s(t), l("asc")));
 	}, [
 		e.sortable,
-		a,
+		o,
 		c
-	]), d = e.columns ?? [], f = j(e.rows ?? [], a, c);
+	]), d = e.columns ?? [], f = j(e.rows ?? [], o, c);
 	return /* @__PURE__ */ w(S, {
 		confidence: n,
 		className: "overflow-x-auto",
 		children: /* @__PURE__ */ T(p, { children: [
 			e.caption && /* @__PURE__ */ w(h, { children: e.caption }),
 			/* @__PURE__ */ w(v, { children: /* @__PURE__ */ w(y, { children: d.map((t) => {
-				let n = a === t.key, i = e.sortable ? n ? c === "asc" ? "ascending" : "descending" : "none" : void 0;
+				let n = o === t.key, r = e.sortable ? n ? c === "asc" ? "ascending" : "descending" : "none" : void 0;
 				return /* @__PURE__ */ w(_, {
 					role: "columnheader",
-					className: r(t.variant === "number" && "text-right", e.sortable && "cursor-pointer select-none"),
+					className: i(t.variant === "number" && "text-right", e.sortable && "cursor-pointer select-none"),
 					tabIndex: e.sortable ? 0 : void 0,
 					onClick: e.sortable ? () => u(t.key) : void 0,
 					onKeyDown: e.sortable ? (e) => {
 						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), u(t.key));
 					} : void 0,
-					"aria-sort": i,
+					"aria-sort": r,
 					children: /* @__PURE__ */ T("span", {
 						className: "inline-flex items-center gap-1",
 						children: [
@@ -85,10 +85,10 @@ var M = C.memo(function({ data: e, confidence: n }) {
 				}, t.key);
 			}) }) }),
 			/* @__PURE__ */ w(m, { children: f.map((e, n) => {
-				let a = typeof e.id == "string" || typeof e.id == "number" ? String(e.id) : `row-${n}`;
-				return /* @__PURE__ */ w(i ? "tr" : k.tr, {
-					className: "hover:bg-surface-raised-hover transition-colors",
-					...i ? {} : {
+				let r = typeof e.id == "string" || typeof e.id == "number" ? String(e.id) : `row-${n}`;
+				return /* @__PURE__ */ w(a ? "tr" : k.tr, {
+					className: "hover:bg-surface-panel-hover transition-colors",
+					...a ? {} : {
 						initial: {
 							opacity: 0,
 							y: 6
@@ -103,10 +103,10 @@ var M = C.memo(function({ data: e, confidence: n }) {
 						}
 					},
 					children: d.map((t) => /* @__PURE__ */ w(g, {
-						className: r("text-body-sm py-ds-02b px-ds-04", t.variant === "number" && "text-right tabular-nums font-medium"),
+						className: i("text-body-sm py-ds-02b px-ds-04", t.variant === "number" && "text-right tabular-nums font-medium"),
 						children: A(e[t.key], t)
 					}, t.key))
-				}, a);
+				}, r);
 			}) })
 		] })
 	});
@@ -150,7 +150,7 @@ var N = C.memo(function({ data: e, confidence: t, onAction: n }) {
 						children: "Why this action?"
 					})
 				}), /* @__PURE__ */ w(d, { children: /* @__PURE__ */ w("p", {
-					className: "text-body-sm text-surface-fg-muted mt-2 p-3 bg-surface-raised rounded-surface",
+					className: "text-body-sm text-surface-fg-muted mt-2 p-3 bg-surface-panel rounded-surface",
 					children: e.rationale
 				}) })]
 			})
@@ -161,7 +161,7 @@ N.displayName = "ConfirmBlock";
 //#endregion
 //#region src/ai/blocks/divider.tsx
 var P = C.memo(function(e) {
-	let { reducedMotion: t } = o();
+	let { reducedMotion: t } = r();
 	return t ? /* @__PURE__ */ w(b, {}) : /* @__PURE__ */ w(k.div, {
 		initial: { scaleX: 0 },
 		animate: { scaleX: 1 },
@@ -174,7 +174,7 @@ P.displayName = "DividerBlock";
 //#endregion
 //#region src/ai/blocks/info.tsx
 var F = C.memo(function({ data: e }) {
-	return /* @__PURE__ */ w(a, {
+	return /* @__PURE__ */ w(o, {
 		color: "info",
 		variant: "subtle",
 		role: "status",
@@ -201,7 +201,7 @@ function L({ status: e }) {
 	switch (e) {
 		case "done": return /* @__PURE__ */ w("span", {
 			"data-testid": "step-icon-done",
-			children: /* @__PURE__ */ w(i, {
+			children: /* @__PURE__ */ w(a, {
 				icon: D,
 				size: "sm",
 				className: "text-success-11"
@@ -210,7 +210,7 @@ function L({ status: e }) {
 		case "active": return /* @__PURE__ */ w(I, {});
 		case "error": return /* @__PURE__ */ w("span", {
 			"data-testid": "step-icon-error",
-			children: /* @__PURE__ */ w(i, {
+			children: /* @__PURE__ */ w(a, {
 				icon: O,
 				size: "sm",
 				className: "text-error-11"
@@ -218,7 +218,7 @@ function L({ status: e }) {
 		});
 		default: return /* @__PURE__ */ w("span", {
 			"data-testid": "step-icon-pending",
-			children: /* @__PURE__ */ w(i, {
+			children: /* @__PURE__ */ w(a, {
 				icon: E,
 				size: "sm",
 				className: "text-surface-fg-subtle opacity-50"
@@ -227,7 +227,7 @@ function L({ status: e }) {
 	}
 }
 var R = C.memo(function({ data: t }) {
-	let { reducedMotion: n } = o(), i = n;
+	let { reducedMotion: n } = r(), a = n;
 	if (t.lines != null) {
 		let e = Math.max(1, t.lines);
 		return /* @__PURE__ */ T("div", {
@@ -237,7 +237,7 @@ var R = C.memo(function({ data: t }) {
 			className: "flex flex-col gap-2",
 			children: [Array.from({ length: e }).map((t, n) => /* @__PURE__ */ w(s, {
 				animation: "shimmer",
-				className: r("h-4", n === e - 1 ? "w-3/5" : "w-full")
+				className: i("h-4", n === e - 1 ? "w-3/5" : "w-full")
 			}, n)), /* @__PURE__ */ w("span", {
 				className: "sr-only",
 				children: "Loading"
@@ -251,7 +251,7 @@ var R = C.memo(function({ data: t }) {
 		className: "flex flex-col gap-2",
 		children: [t.steps.map((t, n) => /* @__PURE__ */ T(k.div, {
 			className: "flex items-center gap-2",
-			initial: i ? void 0 : {
+			initial: a ? void 0 : {
 				opacity: 0,
 				x: -8
 			},
@@ -259,12 +259,12 @@ var R = C.memo(function({ data: t }) {
 				opacity: 1,
 				x: 0
 			},
-			transition: i ? { duration: 0 } : {
+			transition: a ? { duration: 0 } : {
 				duration: e.moderate01b,
 				delay: n * .06
 			},
 			children: [/* @__PURE__ */ w(L, { status: t.status }), /* @__PURE__ */ w("span", {
-				className: r("text-body-sm", t.status === "done" || t.status === "active" ? "text-surface-fg" : "text-surface-fg-subtle"),
+				className: i("text-body-sm", t.status === "done" || t.status === "active" ? "text-surface-fg" : "text-surface-fg-subtle"),
 				children: t.label
 			})]
 		}, t.id)), /* @__PURE__ */ w("span", {
@@ -285,10 +285,10 @@ R.displayName = "LoadingBlock";
 //#endregion
 //#region src/ai/blocks/stat-row.tsx
 var z = C.memo(function({ data: e }) {
-	let { reducedMotion: n } = o(), r = e.stats ?? [];
-	return r.length === 0 ? null : /* @__PURE__ */ w("div", {
+	let { reducedMotion: n } = r(), i = e.stats ?? [];
+	return i.length === 0 ? null : /* @__PURE__ */ w("div", {
 		className: "flex flex-wrap gap-ds-05",
-		children: r.map((e, r) => {
+		children: i.map((e, r) => {
 			let i = e.change ? {
 				value: e.change.value,
 				direction: e.change.direction
@@ -323,8 +323,8 @@ var z = C.memo(function({ data: e }) {
 z.displayName = "StatRowBlock";
 //#endregion
 //#region src/ai/blocks/success.tsx
-var B = 5e3, V = C.memo(function({ data: e, blockId: t, confidence: n, onAction: r }) {
-	let { reducedMotion: i } = o(), s = i, c = e.undoTimeout ?? B, [u, d] = C.useState(c), [f, p] = C.useState(!!e.undoable);
+var B = 5e3, V = C.memo(function({ data: e, blockId: t, confidence: n, onAction: i }) {
+	let { reducedMotion: a } = r(), s = a, c = e.undoTimeout ?? B, [u, d] = C.useState(c), [f, p] = C.useState(!!e.undoable);
 	C.useEffect(() => {
 		if (!e.undoable) return;
 		let t = setInterval(() => {
@@ -336,11 +336,11 @@ var B = 5e3, V = C.memo(function({ data: e, blockId: t, confidence: n, onAction:
 		return () => clearInterval(t);
 	}, [e.undoable, c]);
 	let m = C.useCallback(() => {
-		r?.(t || "unknown", "undo");
-	}, [t, r]), h = Math.ceil(u / 1e3), g = 2 * Math.PI * 9;
+		i?.(t || "unknown", "undo");
+	}, [t, i]), h = Math.ceil(u / 1e3), g = 2 * Math.PI * 9;
 	return /* @__PURE__ */ T(S, {
 		confidence: n,
-		children: [/* @__PURE__ */ w(a, {
+		children: [/* @__PURE__ */ w(o, {
 			color: "success",
 			variant: "subtle",
 			title: e.title,

package/dist/_chunks/success.js.map

@@ -1 +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'\nimport { BlockShell } from './block-shell'\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    <BlockShell confidence={confidence} className=\"overflow-x-auto\">\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-body-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    </BlockShell>\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 type { BlockComponentProps, ConfirmBlockData } from '../types'\nimport { BlockShell } from './block-shell'\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    <BlockShell confidence={confidence}>\n      {data.description && (\n        <p className=\"text-body-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-caption text-surface-fg-subtle underline cursor-pointer\"\n            >\n              Why this action?\n            </button>\n          </CollapsibleTrigger>\n          <CollapsibleContent>\n            <p className=\"text-body-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    </BlockShell>\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-body-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={{ 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 type { BlockComponentProps, SuccessBlockData } from '../types'\nimport { BlockShell } from './block-shell'\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    <BlockShell confidence={confidence}>\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    </BlockShell>\n  )\n})\n\nSuccessBlock.displayName = 'SuccessBlock'\n\nexport { SuccessBlock }\n"],"mappings":"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"}
+{"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'\nimport { BlockShell } from './block-shell'\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    <BlockShell confidence={confidence} className=\"overflow-x-auto\">\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-panel-hover transition-colors\"\n                {...motionProps}\n              >\n                {columns.map((col) => (\n                  <TableCell\n                    key={col.key}\n                    className={cn(\n                      'text-body-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    </BlockShell>\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 type { BlockComponentProps, ConfirmBlockData } from '../types'\nimport { BlockShell } from './block-shell'\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    <BlockShell confidence={confidence}>\n      {data.description && (\n        <p className=\"text-body-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-caption text-surface-fg-subtle underline cursor-pointer\"\n            >\n              Why this action?\n            </button>\n          </CollapsibleTrigger>\n          <CollapsibleContent>\n            <p className=\"text-body-sm text-surface-fg-muted mt-2 p-3 bg-surface-panel rounded-surface\">\n              {data.rationale}\n            </p>\n          </CollapsibleContent>\n        </Collapsible>\n      )}\n    </BlockShell>\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-body-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={{ 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 type { BlockComponentProps, SuccessBlockData } from '../types'\nimport { BlockShell } from './block-shell'\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    <BlockShell confidence={confidence}>\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    </BlockShell>\n  )\n})\n\nSuccessBlock.displayName = 'SuccessBlock'\n\nexport { SuccessBlock }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAuBA,SAAS,EAAgB,GAAgB,GAA0B;CACjE,IAAI,EAAO,YAAY,SAAS;EAC9B,IAAI,KAAS,OAAO,KAAU,YAAY,WAAW,GAAO;GAC1D,IAAM,IAAW;GACjB,OACE,kBAAC,GAAD;IAAO,SAAQ;IAAS,MAAK;IAAK,OAAO,EAAS;cAC/C,EAAS;GACL,CAAA;EAEX;EACA,OACE,kBAAC,GAAD;GAAO,SAAQ;GAAS,MAAK;aAC1B,OAAO,KAAS,EAAE;EACd,CAAA;CAEX;CAEA,OAAO,OAAO,KAAS,EAAE;AAC3B;AAEA,SAAS,EACP,GACA,GACA,GAC2B;CAE3B,OADI,CAAC,KAAW,CAAC,IAAgB,IAC1B,CAAC,GAAG,CAAI,CAAC,CAAC,MAAM,GAAG,MAAM;EAC9B,IAAM,IAAO,EAAE,IACT,IAAO,EAAE,IACT,IAAO,OAAO,KAAQ,EAAE,GACxB,IAAO,OAAO,KAAQ,EAAE,GACxB,IAAO,OAAO,CAAI,GAClB,IAAO,OAAO,CAAI;EAGxB,IAAI,CAAC,OAAO,MAAM,CAAI,KAAK,CAAC,OAAO,MAAM,CAAI,GAC3C,OAAO,MAAY,QAAQ,IAAO,IAAO,IAAO;EAIlD,IAAM,IAAM,EAAK,cAAc,CAAI;EACnC,OAAO,MAAY,QAAQ,IAAM,CAAC;CACpC,CAAC;AACH;AAEA,IAAM,IAAa,EAAM,KAAK,SAAoB,EAChD,SACA,iBACsC;CACtC,IAAM,EAAE,qBAAkB,EAAU,GAC9B,CAAC,GAAS,KAAc,EAAM,SAAwB,IAAI,GAC1D,CAAC,GAAS,KAAc,EAAM,SAAkB,IAAI,GAEpD,IAAoB,EAAM,aAC7B,MAAgB;EACV,EAAK,aACN,MAAY,IAGL,MAAY,QACrB,EAAW,MAAM,IACR,MAAY,WACrB,EAAW,IAAI,GACf,EAAW,IAAI,MANf,EAAW,CAAG,GACd,EAAW,KAAK;CAOpB,GACA;EAAC,EAAK;EAAU;EAAS;CAAO,CAClC,GAEM,IAAU,EAAK,WAAW,CAAC,GAC3B,IAAa,EAAS,EAAK,QAAQ,CAAC,GAAG,GAAS,CAAO;CAE7D,OACE,kBAAC,GAAD;EAAwB;EAAY,WAAU;YAC5C,kBAAC,GAAD,EAAA,UAAA;GACG,EAAK,WAAW,kBAAC,GAAD,EAAA,UAAe,EAAK,QAAsB,CAAA;GAC3D,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACG,EAAQ,KAAK,MAAQ;IACpB,IAAM,IAAW,MAAY,EAAI,KAC3B,IAAW,EAAK,WAClB,IACE,MAAY,QACT,cACA,eACF,SACH,KAAA;IAEJ,OACE,kBAAC,GAAD;KAEE,MAAK;KACL,WAAW,EACT,EAAI,YAAY,YAAY,cAC5B,EAAK,YAAY,4BACnB;KACA,UAAU,EAAK,WAAW,IAAI,KAAA;KAC9B,SACE,EAAK,iBACK,EAAkB,EAAI,GAAG,IAC/B,KAAA;KAEN,WACE,EAAK,YACA,MAA2B;MAC1B,CAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAe,GACjB,EAAkB,EAAI,GAAG;KAE7B,IACA,KAAA;KAEN,aAAW;eAEX,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,EAAI;OACJ,KAAY,MAAY,SACvB,kBAAC,QAAD;QAAM,eAAY;kBAAO;OAAa,CAAA;OAEvC,KAAY,MAAY,UACvB,kBAAC,QAAD;QAAM,eAAY;kBAAO;OAAa,CAAA;MAEpC;;IACG,GAjCJ,EAAI,GAiCA;GAEf,CAAC,EACO,CAAA,EACC,CAAA;GACb,kBAAC,GAAD,EAAA,UACG,EAAW,KAAK,GAAK,MAAa;IACjC,IAAM,IACJ,OAAO,EAAI,MAAO,YAAY,OAAO,EAAI,MAAO,WAC5C,OAAO,EAAI,EAAE,IACb,OAAO;IAYb,OACE,kBAXiB,IAAgB,OAAO,EAAO,IAW/C;KAEE,WAAU;KACV,GAZgB,IAChB,CAAC,IACD;MACE,SAAS;OAAE,SAAS;OAAG,GAAG;MAAE;MAC5B,SAAS;OAAE,SAAS;OAAG,GAAG;MAAE;MAC5B,YAAY;OAAE,GAAG,EAAQ;OAAY,OAAO,IAAW;MAAK;KAC9D;eAQC,EAAQ,KAAK,MACZ,kBAAC,GAAD;MAEE,WAAW,EACT,mCACA,EAAI,YAAY,YACd,qCACJ;gBAEC,EAAgB,EAAI,EAAI,MAAM,CAAG;KACzB,GARJ,EAAI,GAQA,CACZ;IACS,GAhBL,CAgBK;GAEhB,CAAC,EACQ,CAAA;EACN,EAAA,CAAA;CACG,CAAA;AAEhB,CAAC;AAED,EAAW,cAAc;;;ACtLzB,IAAM,IAAe,EAAM,KAAK,SAAsB,EACpD,SACA,eACA,eACwC;CACxC,IAAM,IAAgB,EAAM,kBAAkB;EAC5C,IAAW,EAAK,UAAU,SAAS;CACrC,GAAG,CAAC,EAAK,UAAU,CAAQ,CAAC,GAEtB,IAAe,EAAM,kBAAkB;EAC3C,IAAW,EAAK,UAAU,QAAQ;CACpC,GAAG,CAAC,EAAK,UAAU,CAAQ,CAAC;CAE5B,OACE,kBAAC,GAAD;EAAwB;YAAxB;GACG,EAAK,eACJ,kBAAC,KAAD;IAAG,WAAU;cACV,EAAK;GACL,CAAA;GAGL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,SAAQ;KACR,OAAO,EAAK,cAAc,UAAU,KAAA;KACpC,SAAS;eAER,EAAK;IACA,CAAA,GACR,kBAAC,GAAD;KAAQ,SAAQ;KAAQ,SAAS;eAAc;IAEvC,CAAA,CACL;;GAEJ,EAAK,aACJ,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,GAAD;KAAoB,SAAA;eAClB,kBAAC,UAAD;MACE,MAAK;MACL,WAAU;gBACX;KAEO,CAAA;IACU,CAAA,GACpB,kBAAC,GAAD,EAAA,UACE,kBAAC,KAAD;KAAG,WAAU;eACV,EAAK;IACL,CAAA,EACe,CAAA,CACT;;EAEL;;AAEhB,CAAC;AAED,EAAa,cAAc;;;AC1D3B,IAAM,IAAe,EAAM,KAAK,SAC9B,GACA;CACA,IAAM,EAAE,qBAAkB,EAAU;CAMpC,OAJI,IACK,kBAAC,GAAD,CAAY,CAAA,IAInB,kBAAC,EAAO,KAAR;EACE,SAAS,EAAE,QAAQ,EAAE;EACrB,SAAS,EAAE,QAAQ,EAAE;EACrB,OAAO,EAAE,SAAS,GAAI;EACtB,YAAY,EAAO;YAEnB,kBAAC,GAAD,CAAY,CAAA;CACF,CAAA;AAEhB,CAAC;AAED,EAAa,cAAc;;;ACxB3B,IAAM,IAAY,EAAM,KAAK,SAAmB,EAC9C,WAC2C;CAC3C,OACE,kBAAC,GAAD;EAAO,OAAM;EAAO,SAAQ;EAAS,MAAK;YACvC,EAAK;CACD,CAAA;AAEX,CAAC;AAED,EAAU,cAAc;;;ACCxB,SAAS,IAAc;CACrB,OACE,kBAAC,EAAO,MAAR;EACE,WAAU;EACV,SAAS,EAAE,QAAQ,IAAI;EACvB,YAAY;GAAE,QAAQ;GAAU,UAAU;GAAG,MAAM;EAAS;EAC5D,eAAY;EACZ,eAAY;CACb,CAAA;AAEL;AAGA,SAAS,EAAS,EAAE,aAAgD;CAClE,QAAQ,GAAR;EACE,KAAK,QACH,OACE,kBAAC,QAAD;GAAM,eAAY;aAChB,kBAAC,GAAD;IAAM,MAAM;IAAiB,MAAK;IAAK,WAAU;GAAmB,CAAA;EAChE,CAAA;EAEV,KAAK,UACH,OAAO,kBAAC,GAAD,CAAc,CAAA;EACvB,KAAK,SACH,OACE,kBAAC,QAAD;GAAM,eAAY;aAChB,kBAAC,GAAD;IAAM,MAAM;IAAa,MAAK;IAAK,WAAU;GAAiB,CAAA;EAC1D,CAAA;EAGV,SACE,OACE,kBAAC,QAAD;GAAM,eAAY;aAChB,kBAAC,GAAD;IAAM,MAAM;IAAY,MAAK;IAAK,WAAU;GAAqC,CAAA;EAC7E,CAAA;CAEZ;AACF;AAEA,IAAM,IAAe,EAAM,KAAK,SAAsB,EACpD,WACwC;CACxC,IAAM,EAAE,qBAAkB,EAAU,GAC9B,IAAY;CAGlB,IAAI,EAAK,SAAS,MAAM;EACtB,IAAM,IAAY,KAAK,IAAI,GAAG,EAAK,KAAK;EACxC,OACE,kBAAC,OAAD;GACE,MAAK;GACL,aAAU;GACV,cAAW;GACX,WAAU;aAJZ,CAMG,MAAM,KAAK,EAAE,QAAQ,EAAU,CAAC,CAAC,CAAC,KAAK,GAAG,MACzC,kBAAC,GAAD;IAEE,WAAU;IACV,WAAW,EACT,OACA,MAAM,IAAY,IAAI,UAAU,QAClC;GACD,GANM,CAMN,CACF,GACD,kBAAC,QAAD;IAAM,WAAU;cAAU;GAAa,CAAA,CACpC;;CAET;CA0CA,OAvCI,EAAK,QAEL,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,cAAW;EACX,WAAU;YAJZ,CAMG,EAAK,MAAM,KAAK,GAAM,MACrB,kBAAC,EAAO,KAAR;GAEE,WAAU;GACV,SAAS,IAAY,KAAA,IAAY;IAAE,SAAS;IAAG,GAAG;GAAG;GACrD,SAAS;IAAE,SAAS;IAAG,GAAG;GAAE;GAC5B,YACE,IACI,EAAE,UAAU,EAAE,IACd;IAAE,UAAU,EAAU;IAAa,OAAO,IAAQ;GAAK;aAR/D,CAWE,kBAAC,GAAD,EAAU,QAAQ,EAAK,OAAS,CAAA,GAChC,kBAAC,QAAD;IACE,WAAW,EACT,gBACA,EAAK,WAAW,UAAU,EAAK,WAAW,WACtC,oBACA,wBACN;cAEC,EAAK;GACF,CAAA,CACI;KArBL,EAAK,EAqBA,CACb,GACD,kBAAC,QAAD;GAAM,WAAU;aAAU;EAAgB,CAAA,CACvC;MAMP,kBAAC,OAAD;EAAK,MAAK;EAAS,aAAU;EAAO,cAAW;YAC7C,kBAAC,QAAD;GAAM,WAAU;aAAU;EAAa,CAAA;CACpC,CAAA;AAET,CAAC;AAED,EAAa,cAAc;;;AC7H3B,IAAM,IAAe,EAAM,KAAK,SAAsB,EACpD,WACwC;CACxC,IAAM,EAAE,qBAAkB,EAAU,GAC9B,IAAQ,EAAK,SAAS,CAAC;CAI7B,OAFI,EAAM,WAAW,IAAU,OAG7B,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAM,KAAK,GAAM,MAAU;GAC1B,IAAM,IAAQ,EAAK,SACf;IACE,OAAO,EAAK,OAAO;IACnB,WAAW,EAAK,OAAO;GACzB,IACA,KAAA;GAcJ,OAZI,IAEA,kBAAC,OAAD;IAAsB,WAAU;cAC9B,kBAAC,GAAD;KACE,OAAO,EAAK;KACZ,OAAO,EAAK;KACL;IACR,CAAA;GACE,GANK,EAAK,KAMV,IAKP,kBAAC,EAAO,KAAR;IAEE,WAAU;IACV,SAAS,EAAE,GAAG,EAAE;IAChB,SAAS;KAAE,SAAS;KAAG,GAAG;IAAE;IAC5B,YAAY;KAAE,GAAG,EAAQ;KAAY,OAAO,IAAQ;IAAK;cAEzD,kBAAC,GAAD;KACE,OAAO,EAAK;KACZ,OAAO,EAAK;KACL;IACR,CAAA;GACS,GAXL,EAAK,KAWA;EAEhB,CAAC;CACE,CAAA;AAET,CAAC;AAED,EAAa,cAAc;;;ACjD3B,IAAM,IAAuB,KAEvB,IAAe,EAAM,KAAK,SAAsB,EACpD,SACA,YACA,eACA,eACwC;CACxC,IAAM,EAAE,qBAAkB,EAAU,GAC9B,IAAY,GACZ,IAAc,EAAK,eAAe,GAClC,CAAC,GAAW,KAAgB,EAAM,SAAS,CAAW,GACtD,CAAC,GAAU,KAAe,EAAM,SAAS,CAAC,CAAC,EAAK,QAAQ;CAE9D,EAAM,gBAAgB;EACpB,IAAI,CAAC,EAAK,UAAU;EAEpB,IAAM,IAAW,kBAAkB;GACjC,GAAc,MAAS;IACrB,IAAM,IAAO,IAAO;IAMpB,OALI,KAAQ,KACV,cAAc,CAAQ,GACtB,EAAY,EAAK,GACV,KAEF;GACT,CAAC;EACH,GAAG,GAAG;EAEN,aAAa,cAAc,CAAQ;CACrC,GAAG,CAAC,EAAK,UAAU,CAAW,CAAC;CAE/B,IAAM,IAAa,EAAM,kBAAkB;EACzC,IAAW,KAAW,WAAW,MAAM;CACzC,GAAG,CAAC,GAAS,CAAQ,CAAC,GAEhB,IAAmB,KAAK,KAAK,IAAY,GAAI,GAM7C,IAAoB,IAAI,KAAK,KAAK;CAExC,OACE,kBAAC,GAAD;EAAwB;YAAxB,CACE,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,OAAO,EAAK;aAEX,EAAK;EACD,CAAA,GAEN,KAAY,EAAK,YAChB,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,SAAS;IACT,cAAY,gBAAgB,EAAiB;cAE7C,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,OAAD;MACE,OAAO;MACP,QAAQ;MACR,SAAS;MACT,WAAU;MACV,eAAY;gBALd,CAOE,kBAAC,UAAD;OACE,IAAI,KAAW;OACf,IAAI,KAAW;OACf,GAAG;OACH,MAAK;OACL,QAAO;OACP,aAAa;OACb,SAAS;MACV,CAAA,GACD,kBAAC,EAAO,QAAR;OACE,IAAI,KAAW;OACf,IAAI,KAAW;OACf,GAAG;OACH,MAAK;OACL,QAAO;OACP,aAAa;OACb,iBAAiB;OACjB,SAAS,IAAY,KAAA,IAAY,EAAE,kBAAkB,EAAE;OACvD,SAAS,EACP,kBAAkB,EACpB;OACA,YACE,IACI,EAAE,UAAU,EAAE,IACd;QACE,UAAU,IAAc;QACxB,MAAM;OACR;MAEP,CAAA,CACE;SAAC,MAEF;;GACA,CAAA;EACL,CAAA,CAGG;;AAEhB,CAAC;AAED,EAAa,cAAc"}

package/dist/_chunks/tree-view.js

@@ -175,7 +175,7 @@ var _ = a.forwardRef(({ itemId: o, label: s, icon: d, secondaryLabel: f, actions
 			onClick: w,
 			onKeyDown: E,
 			style: { paddingLeft: `calc(${_} * var(--spacing-ds-05b) + var(--spacing-ds-03))` },
-			className: t("flex items-center gap-ds-02 py-ds-02 px-ds-02 rounded-control cursor-pointer transition-colors duration-fast-01", "hover:bg-surface-raised", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9", C && "bg-accent-3 text-accent-11", h && "opacity-action-disabled cursor-not-allowed pointer-events-none", v),
+			className: t("flex items-center gap-ds-02 py-ds-02 px-ds-02 rounded-control cursor-pointer transition-colors duration-fast-01", !C && "hover:bg-surface-panel-hover", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9", C && "bg-accent-4 text-accent-11 hover:bg-accent-5", h && "opacity-action-disabled cursor-not-allowed pointer-events-none", v),
 			children: [
 				x ? /* @__PURE__ */ c("button", {
 					type: "button",