@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ai/conversation.js

@@ -1,235 +1,249 @@
 "use client";
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import * as a from "react";
-import { IconCircle as O, IconCircleX as S, IconLoader2 as L, IconCircleCheck as U } from "@tabler/icons-react";
-import { Icon as f } from "../ui/icon.js";
-import { cn as w } from "../ui/lib/utils.js";
-import { springs as B } from "../ui/lib/motion.js";
-import { u as V } from "../_chunks/motion-provider.js";
-import { BlockRenderer as $ } from "./block-renderer.js";
-import { useAICommand as D } from "./ai-command-provider.js";
-import { A as F, m as l } from "../_chunks/framer.js";
-function G({ status: t }) {
-  switch (t) {
-    case "done":
-      return /* @__PURE__ */ e(f, { icon: U, size: "sm", className: "text-success-11" });
-    case "active":
-      return /* @__PURE__ */ e(
-        l.span,
-        {
-          className: "inline-flex items-center justify-center text-accent-9",
-          animate: { rotate: 360 },
-          transition: { repeat: 1 / 0, duration: 1, ease: "linear" },
-          "aria-hidden": "true",
-          children: /* @__PURE__ */ e(f, { icon: L, size: "sm" })
-        }
-      );
-    case "error":
-      return /* @__PURE__ */ e(f, { icon: S, size: "sm", className: "text-error-11" });
-    default:
-      return /* @__PURE__ */ e(f, { icon: O, size: "sm", className: "text-surface-fg-subtle opacity-50" });
-  }
+import { a as e, c as t } from "../_chunks/framer.js";
+import { springs as n } from "../ui/lib/motion.js";
+import { cn as r } from "../ui/lib/utils.js";
+import { Icon as i } from "../ui/icon.js";
+import { n as a } from "../_chunks/motion-provider.js";
+import { useAICommand as o } from "./ai-command-provider.js";
+import { BlockRenderer as s } from "./block-renderer.js";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { IconCircle as d, IconCircleCheck as f, IconCircleX as p, IconLoader2 as m } from "@tabler/icons-react";
+//#region src/ai/conversation.tsx
+function h({ status: t }) {
+	switch (t) {
+		case "done": return /* @__PURE__ */ l(i, {
+			icon: f,
+			size: "sm",
+			className: "text-success-11"
+		});
+		case "active": return /* @__PURE__ */ l(e.span, {
+			className: "inline-flex items-center justify-center text-accent-9",
+			animate: { rotate: 360 },
+			transition: {
+				repeat: Infinity,
+				duration: 1,
+				ease: "linear"
+			},
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ l(i, {
+				icon: m,
+				size: "sm"
+			})
+		});
+		case "error": return /* @__PURE__ */ l(i, {
+			icon: p,
+			size: "sm",
+			className: "text-error-11"
+		});
+		default: return /* @__PURE__ */ l(i, {
+			icon: d,
+			size: "sm",
+			className: "text-surface-fg-subtle opacity-50"
+		});
+	}
 }
-function b({
-  name: t,
-  icon: s
-}) {
-  return /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-02b mb-ds-03", children: [
-    s && /* @__PURE__ */ e("span", { className: "h-4 w-4 flex items-center justify-center", children: s }),
-    /* @__PURE__ */ e("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle", children: t })
-  ] });
+function g({ name: e, icon: t }) {
+	return /* @__PURE__ */ u("div", {
+		className: "flex items-center gap-ds-02b mb-ds-03",
+		children: [t && /* @__PURE__ */ l("span", {
+			className: "h-4 w-4 flex items-center justify-center",
+			children: t
+		}), /* @__PURE__ */ l("span", {
+			className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle",
+			children: e
+		})]
+	});
 }
-function P({
-  message: t,
-  reducedMotion: s
-}) {
-  return s ? /* @__PURE__ */ e("div", { className: "bg-surface-raised rounded-ds-lg px-ds-05 py-ds-04", children: /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg", children: t.content }) }) : /* @__PURE__ */ e(
-    l.div,
-    {
-      className: "bg-surface-raised rounded-ds-lg px-ds-05 py-ds-04",
-      initial: { opacity: 0, y: 8 },
-      animate: { opacity: 1, y: 0 },
-      transition: B.snappy,
-      children: /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg", children: t.content })
-    }
-  );
+function _({ message: t, reducedMotion: r }) {
+	return r ? /* @__PURE__ */ l("div", {
+		className: "bg-surface-raised rounded-ds-lg px-ds-05 py-ds-04",
+		children: /* @__PURE__ */ l("p", {
+			className: "text-ds-sm text-surface-fg",
+			children: t.content
+		})
+	}) : /* @__PURE__ */ l(e.div, {
+		className: "bg-surface-raised rounded-ds-lg px-ds-05 py-ds-04",
+		initial: {
+			opacity: 0,
+			y: 8
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		transition: n.snappy,
+		children: /* @__PURE__ */ l("p", {
+			className: "text-ds-sm text-surface-fg",
+			children: t.content
+		})
+	});
 }
-function X({
-  message: t,
-  agent: s,
-  onAction: c,
-  customBlocks: n
-}) {
-  return /* @__PURE__ */ o("div", { children: [
-    /* @__PURE__ */ e(b, { name: s.name, icon: s.icon }),
-    t.blocks && /* @__PURE__ */ e(
-      $,
-      {
-        blocks: t.blocks,
-        onAction: c,
-        customBlocks: n
-      }
-    )
-  ] });
+function v({ message: e, agent: t, onAction: n, customBlocks: r }) {
+	return /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(g, {
+		name: t.name,
+		icon: t.icon
+	}), e.blocks && /* @__PURE__ */ l(s, {
+		blocks: e.blocks,
+		onAction: n,
+		customBlocks: r
+	})] });
 }
-function _({
-  steps: t,
-  agent: s,
-  reducedMotion: c
-}) {
-  return t && t.length > 0 ? /* @__PURE__ */ o("div", { role: "status", "aria-busy": "true", "aria-label": "Processing", children: [
-    /* @__PURE__ */ e(b, { name: s.name, icon: s.icon }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-02b", children: t.map((n, p) => /* @__PURE__ */ o(
-      l.div,
-      {
-        className: "flex items-center gap-ds-02b",
-        initial: c ? void 0 : { opacity: 0, x: -8 },
-        animate: { opacity: 1, x: 0 },
-        transition: c ? { duration: 0 } : { duration: 0.2, delay: p * 0.05 },
-        children: [
-          /* @__PURE__ */ e(G, { status: n.status }),
-          /* @__PURE__ */ e(
-            "span",
-            {
-              className: w(
-                "text-ds-sm",
-                n.status === "pending" ? "text-surface-fg-subtle" : "text-surface-fg"
-              ),
-              children: n.label
-            }
-          )
-        ]
-      },
-      n.id
-    )) })
-  ] }) : /* @__PURE__ */ o(
-    "div",
-    {
-      role: "status",
-      "aria-busy": "true",
-      "aria-label": `${s.name} is processing`,
-      children: [
-        /* @__PURE__ */ e(b, { name: s.name, icon: s.icon }),
-        /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-02", children: [
-          !c && [0, 1, 2].map((n) => /* @__PURE__ */ e(
-            l.span,
-            {
-              className: "h-1.5 w-1.5 rounded-full bg-accent-9",
-              animate: { scale: [1, 1.4, 1], opacity: [0.4, 1, 0.4] },
-              transition: {
-                duration: 1.4,
-                repeat: 1 / 0,
-                ease: "easeInOut",
-                delay: n * 0.16
-              }
-            },
-            n
-          )),
-          /* @__PURE__ */ o("span", { className: "ml-ds-02b text-ds-sm text-surface-fg-subtle", children: [
-            s.name,
-            " is thinking..."
-          ] })
-        ] })
-      ]
-    }
-  );
+function y({ steps: t, agent: n, reducedMotion: i }) {
+	return t && t.length > 0 ? /* @__PURE__ */ u("div", {
+		role: "status",
+		"aria-busy": "true",
+		"aria-label": "Processing",
+		children: [/* @__PURE__ */ l(g, {
+			name: n.name,
+			icon: n.icon
+		}), /* @__PURE__ */ l("div", {
+			className: "flex flex-col gap-ds-02b",
+			children: t.map((t, n) => /* @__PURE__ */ u(e.div, {
+				className: "flex items-center gap-ds-02b",
+				initial: i ? void 0 : {
+					opacity: 0,
+					x: -8
+				},
+				animate: {
+					opacity: 1,
+					x: 0
+				},
+				transition: i ? { duration: 0 } : {
+					duration: .2,
+					delay: n * .05
+				},
+				children: [/* @__PURE__ */ l(h, { status: t.status }), /* @__PURE__ */ l("span", {
+					className: r("text-ds-sm", t.status === "pending" ? "text-surface-fg-subtle" : "text-surface-fg"),
+					children: t.label
+				})]
+			}, t.id))
+		})]
+	}) : /* @__PURE__ */ u("div", {
+		role: "status",
+		"aria-busy": "true",
+		"aria-label": `${n.name} is processing`,
+		children: [/* @__PURE__ */ l(g, {
+			name: n.name,
+			icon: n.icon
+		}), /* @__PURE__ */ u("div", {
+			className: "flex items-center gap-ds-02",
+			children: [!i && [
+				0,
+				1,
+				2
+			].map((t) => /* @__PURE__ */ l(e.span, {
+				className: "h-1.5 w-1.5 rounded-full bg-accent-9",
+				animate: {
+					scale: [
+						1,
+						1.4,
+						1
+					],
+					opacity: [
+						.4,
+						1,
+						.4
+					]
+				},
+				transition: {
+					duration: 1.4,
+					repeat: Infinity,
+					ease: "easeInOut",
+					delay: t * .16
+				}
+			}, t)), /* @__PURE__ */ u("span", {
+				className: "ml-ds-02b text-ds-sm text-surface-fg-subtle",
+				children: [n.name, " is thinking..."]
+			})]
+		})]
+	});
 }
-function q({ onClick: t }) {
-  return /* @__PURE__ */ o(
-    l.button,
-    {
-      role: "button",
-      "aria-label": "Scroll to latest response",
-      className: "absolute bottom-ds-04 left-1/2 -translate-x-1/2 z-10 flex items-center gap-ds-02 bg-accent-9 text-accent-fg text-ds-xs font-medium rounded-full px-ds-04 py-ds-02 shadow-floating",
-      initial: { opacity: 0, y: 8 },
-      animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0, y: 8 },
-      transition: B.snappy,
-      onClick: t,
-      children: [
-        "↓",
-        " New response"
-      ]
-    }
-  );
+function b({ onClick: t }) {
+	return /* @__PURE__ */ u(e.button, {
+		role: "button",
+		"aria-label": "Scroll to latest response",
+		className: "absolute bottom-ds-04 left-1/2 -translate-x-1/2 z-10 flex items-center gap-ds-02 bg-accent-9 text-accent-fg text-ds-xs font-medium rounded-full px-ds-04 py-ds-02 shadow-floating",
+		initial: {
+			opacity: 0,
+			y: 8
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		exit: {
+			opacity: 0,
+			y: 8
+		},
+		transition: n.snappy,
+		onClick: t,
+		children: ["↓", " New response"]
+	});
 }
-const H = { name: "Assistant" }, J = a.forwardRef(({
-  messages: t,
-  isProcessing: s = !1,
-  processingSteps: c,
-  agent: n,
-  onAction: p,
-  customBlocks: y,
-  maxHeight: d,
-  autoScroll: u = !0,
-  className: R
-}, z) => {
-  const m = D(), { reducedMotion: v } = V(), N = n ?? m?.agent ?? H, j = p ?? m?.onAction, E = a.useMemo(() => ({ ...m?.customBlocks ?? {}, ...y }), [m?.customBlocks, y]), g = a.useRef(null), i = a.useRef(null), [x, I] = a.useState(!0), [M, h] = a.useState(!1), k = a.useRef(t.length), A = a.useRef(s);
-  a.useEffect(() => {
-    if (!u || !i.current) return;
-    const r = new IntersectionObserver(
-      ([C]) => {
-        I(C.isIntersecting), C.isIntersecting && h(!1);
-      },
-      {
-        root: g.current,
-        threshold: 0.1
-      }
-    );
-    return r.observe(i.current), () => r.disconnect();
-  }, [u]), a.useEffect(() => {
-    const r = t.length !== k.current || s !== A.current;
-    k.current = t.length, A.current = s, !(!r || !u) && (x ? i.current?.scrollIntoView({ behavior: "smooth", block: "end" }) : h(!0));
-  }, [t, s, x, u]);
-  const T = a.useCallback(() => {
-    i.current?.scrollIntoView({ behavior: "smooth", block: "end" }), I(!0), h(!1);
-  }, []);
-  return /* @__PURE__ */ o("div", { ref: z, className: w("relative", R), children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        ref: g,
-        className: "flex flex-col gap-ds-05 overflow-y-auto",
-        "aria-live": "polite",
-        style: d ? {
-          maxHeight: typeof d == "number" ? `${d}px` : d
-        } : void 0,
-        children: [
-          t.map(
-            (r) => r.role === "user" ? /* @__PURE__ */ e(
-              P,
-              {
-                message: r,
-                reducedMotion: v
-              },
-              r.id
-            ) : /* @__PURE__ */ e(
-              X,
-              {
-                message: r,
-                agent: N,
-                onAction: j,
-                customBlocks: E
-              },
-              r.id
-            )
-          ),
-          s && /* @__PURE__ */ e(
-            _,
-            {
-              steps: c,
-              agent: N,
-              reducedMotion: v
-            }
-          ),
-          /* @__PURE__ */ e("div", { ref: i, className: "h-px" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(F, { children: !x && M && /* @__PURE__ */ e(q, { onClick: T }) })
-  ] });
+var x = { name: "Assistant" }, S = c.forwardRef(({ messages: e, isProcessing: n = !1, processingSteps: i, agent: s, onAction: d, customBlocks: f, maxHeight: p, autoScroll: m = !0, className: h }, g) => {
+	let S = o(), { reducedMotion: C } = a(), w = s ?? S?.agent ?? x, T = d ?? S?.onAction, E = c.useMemo(() => ({
+		...S?.customBlocks ?? {},
+		...f
+	}), [S?.customBlocks, f]), D = c.useRef(null), O = c.useRef(null), [k, A] = c.useState(!0), [j, M] = c.useState(!1), N = c.useRef(e.length), P = c.useRef(n);
+	c.useEffect(() => {
+		if (!m || !O.current) return;
+		let e = new IntersectionObserver(([e]) => {
+			A(e.isIntersecting), e.isIntersecting && M(!1);
+		}, {
+			root: D.current,
+			threshold: .1
+		});
+		return e.observe(O.current), () => e.disconnect();
+	}, [m]), c.useEffect(() => {
+		let t = e.length !== N.current || n !== P.current;
+		N.current = e.length, P.current = n, !(!t || !m) && (k ? O.current?.scrollIntoView({
+			behavior: "smooth",
+			block: "end"
+		}) : M(!0));
+	}, [
+		e,
+		n,
+		k,
+		m
+	]);
+	let F = c.useCallback(() => {
+		O.current?.scrollIntoView({
+			behavior: "smooth",
+			block: "end"
+		}), A(!0), M(!1);
+	}, []);
+	return /* @__PURE__ */ u("div", {
+		ref: g,
+		className: r("relative", h),
+		children: [/* @__PURE__ */ u("div", {
+			ref: D,
+			className: "flex flex-col gap-ds-05 overflow-y-auto",
+			"aria-live": "polite",
+			style: p ? { maxHeight: typeof p == "number" ? `${p}px` : p } : void 0,
+			children: [
+				e.map((e) => e.role === "user" ? /* @__PURE__ */ l(_, {
+					message: e,
+					reducedMotion: C
+				}, e.id) : /* @__PURE__ */ l(v, {
+					message: e,
+					agent: w,
+					onAction: T,
+					customBlocks: E
+				}, e.id)),
+				n && /* @__PURE__ */ l(y, {
+					steps: i,
+					agent: w,
+					reducedMotion: C
+				}),
+				/* @__PURE__ */ l("div", {
+					ref: O,
+					className: "h-px"
+				})
+			]
+		}), /* @__PURE__ */ l(t, { children: !k && j && /* @__PURE__ */ l(b, { onClick: F }) })]
+	});
 });
-J.displayName = "AIConversation";
-export {
-  J as AIConversation
-};
+S.displayName = "AIConversation";
+//#endregion
+export { S as AIConversation };