@imdanibytes/nexus-ui 0.8.0 → 0.9.0

package/dist/index.js

@@ -1,20 +1,20 @@
 import { jsx as a, jsxs as h } from "react/jsx-runtime";
 import * as L from "react";
-import { useState as A, useEffect as ce, memo as rt, useCallback as R, useRef as Q, useContext as ot, createContext as kt, forwardRef as yt, useMemo as vt } from "react";
+import { useState as A, useEffect as ce, memo as rt, useCallback as T, useRef as H, useContext as ot, createContext as kt, forwardRef as yt, useMemo as vt } from "react";
 import { HeroUIProvider as wt, Input as Nt, Button as Se, Tooltip as ze } from "@heroui/react";
 import { Toaster as Ct } from "sonner";
-import { Toaster as jo, toast as Bo } from "sonner";
+import { Toaster as Bo, toast as Fo } from "sonner";
 import { Streamdown as _t } from "streamdown";
 import { createMathPlugin as St } from "@streamdown/math";
 import { createCodePlugin as zt } from "@streamdown/code";
-import It from "remark-gfm";
-import { visit as Z } from "unist-util-visit";
-import { ChevronDownIcon as Rt, CheckIcon as Tt, CopyIcon as $t, ArrowUpIcon as Mt, SquareIcon as At, XIcon as Et } from "lucide-react";
-import { AnimatePresence as Ie, motion as we, LazyMotion as Be, domAnimation as Fe, m as de } from "framer-motion";
+import Rt from "remark-gfm";
+import { visit as Q } from "unist-util-visit";
+import { ChevronDownIcon as Tt, CheckIcon as It, CopyIcon as $t, ArrowUpIcon as Mt, SquareIcon as At, XIcon as Et } from "lucide-react";
+import { AnimatePresence as Re, motion as we, LazyMotion as Be, domAnimation as Fe, m as de } from "framer-motion";
 const nt = L.createContext({
   apiUrl: "http://localhost:9600"
 });
-function wo() {
+function No() {
   return L.useContext(nt);
 }
 function be(e) {
@@ -27,7 +27,7 @@ function Ot() {
     return;
   }
 }
-function No({
+function Co({
   children: e,
   apiUrl: t = "http://localhost:9600",
   toaster: r = !0
@@ -132,10 +132,10 @@ const Lt = (e, t) => {
   const r = at();
   for (const o in e) {
     const n = e[o];
-    Re(n, r, o, t);
+    Te(n, r, o, t);
   }
   return r;
-}, Re = (e, t, r, o) => {
+}, Te = (e, t, r, o) => {
   const n = e.length;
   for (let l = 0; l < n; l++) {
     const s = e[l];
@@ -156,7 +156,7 @@ const Lt = (e, t) => {
   o.classGroupId = r;
 }, qt = (e, t, r, o) => {
   if (Jt(e)) {
-    Re(e(o), t, r, o);
+    Te(e(o), t, r, o);
     return;
   }
   t.validators === null && (t.validators = []), t.validators.push(jt(r, e));
@@ -164,7 +164,7 @@ const Lt = (e, t) => {
   const n = Object.entries(e), l = n.length;
   for (let s = 0; s < l; s++) {
     const [i, c] = n[s];
-    Re(c, it(t, i), r, o);
+    Te(c, it(t, i), r, o);
   }
 }, it = (e, t) => {
   let r = e;
@@ -302,14 +302,14 @@ const Lt = (e, t) => {
       }
       z = !1;
     }
-    const ee = x.length === 0 ? "" : x.length === 1 ? x[0] : l(x).join(":"), K = v ? ee + Ne : ee, G = K + j;
+    const ee = x.length === 0 ? "" : x.length === 1 ? x[0] : l(x).join(":"), Y = v ? ee + Ne : ee, G = Y + j;
     if (s.indexOf(G) > -1)
       continue;
     s.push(G);
     const D = n(j, z);
     for (let B = 0; B < D.length; ++B) {
-      const Y = D[B];
-      s.push(K + Y);
+      const X = D[B];
+      s.push(Y + X);
     }
     c = b + (c.length > 0 ? " " + c : c);
   }
@@ -347,14 +347,14 @@ const Lt = (e, t) => {
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   lr.test(e) && !ir.test(e)
-), mt = () => !1, pr = (e) => cr.test(e), fr = (e) => dr.test(e), hr = (e) => !u(e) && !m(e), br = (e) => H(e, ht, mt), u = (e) => dt.test(e), W = (e) => H(e, bt, mr), xe = (e) => H(e, vr, k), Ve = (e) => H(e, pt, mt), gr = (e) => H(e, ft, fr), ae = (e) => H(e, gt, pr), m = (e) => ut.test(e), X = (e) => J(e, bt), xr = (e) => J(e, wr), Ue = (e) => J(e, pt), kr = (e) => J(e, ht), yr = (e) => J(e, ft), le = (e) => J(e, gt, !0), H = (e, t, r) => {
+), mt = () => !1, pr = (e) => cr.test(e), fr = (e) => dr.test(e), hr = (e) => !u(e) && !m(e), br = (e) => J(e, ht, mt), u = (e) => dt.test(e), W = (e) => J(e, bt, mr), xe = (e) => J(e, vr, k), Ve = (e) => J(e, pt, mt), gr = (e) => J(e, ft, fr), ae = (e) => J(e, gt, pr), m = (e) => ut.test(e), Z = (e) => K(e, bt), xr = (e) => K(e, wr), Ue = (e) => K(e, pt), kr = (e) => K(e, ht), yr = (e) => K(e, ft), le = (e) => K(e, gt, !0), J = (e, t, r) => {
   const o = dt.exec(e);
   return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
-}, J = (e, t, r = !1) => {
+}, K = (e, t, r = !1) => {
   const o = ut.exec(e);
   return o ? o[1] ? t(o[1]) : r : !1;
 }, pt = (e) => e === "position" || e === "percentage", ft = (e) => e === "image" || e === "url", ht = (e) => e === "length" || e === "size" || e === "bg-size", bt = (e) => e === "length", vr = (e) => e === "number", wr = (e) => e === "family-name", gt = (e) => e === "shadow", Nr = () => {
-  const e = N("color"), t = N("font"), r = N("text"), o = N("font-weight"), n = N("tracking"), l = N("leading"), s = N("breakpoint"), i = N("container"), c = N("spacing"), d = N("radius"), b = N("shadow"), y = N("inset-shadow"), x = N("text-shadow"), v = N("drop-shadow"), w = N("blur"), _ = N("perspective"), z = N("aspect"), j = N("ease"), ee = N("animate"), K = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [
+  const e = N("color"), t = N("font"), r = N("text"), o = N("font-weight"), n = N("tracking"), l = N("leading"), s = N("breakpoint"), i = N("container"), c = N("spacing"), d = N("radius"), b = N("shadow"), y = N("inset-shadow"), x = N("text-shadow"), v = N("drop-shadow"), w = N("blur"), _ = N("perspective"), z = N("aspect"), j = N("ease"), ee = N("animate"), Y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [
     "center",
     "top",
     "bottom",
@@ -372,7 +372,7 @@ const Lt = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], D = () => [...G(), m, u], B = () => ["auto", "hidden", "clip", "visible", "scroll"], Y = () => ["auto", "contain", "none"], g = () => [m, u, c], T = () => [U, "full", "auto", ...g()], $e = () => [E, "none", "subgrid", m, u], Me = () => ["auto", {
+  ], D = () => [...G(), m, u], B = () => ["auto", "hidden", "clip", "visible", "scroll"], X = () => ["auto", "contain", "none"], g = () => [m, u, c], I = () => [U, "full", "auto", ...g()], $e = () => [E, "none", "subgrid", m, u], Me = () => ["auto", {
     span: ["full", E, m, u]
   }, E, m, u], te = () => [E, "auto", m, u], Ae = () => ["auto", "min", "max", "fr", m, u], pe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], V = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], $ = () => ["auto", ...g()], F = () => [U, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...g()], f = () => [e, m, u], Ee = () => [...G(), Ue, Ve, {
     position: [m, u]
@@ -380,7 +380,7 @@ const Lt = (e, t) => {
     repeat: ["", "x", "y", "space", "round"]
   }], Pe = () => ["auto", "cover", "contain", kr, br, {
     size: [m, u]
-  }], fe = () => [ge, X, W], S = () => [
+  }], fe = () => [ge, Z, W], S = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -388,7 +388,7 @@ const Lt = (e, t) => {
     d,
     m,
     u
-  ], I = () => ["", k, X, W], re = () => ["solid", "dashed", "dotted", "double"], Le = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], C = () => [k, ge, Ue, Ve], je = () => [
+  ], R = () => ["", k, Z, W], re = () => ["solid", "dashed", "dotted", "double"], Le = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], C = () => [k, ge, Ue, Ve], je = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -448,14 +448,14 @@ const Lt = (e, t) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": K()
+        "break-after": Y()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": K()
+        "break-before": Y()
       }],
       /**
        * Break Inside
@@ -547,21 +547,21 @@ const Lt = (e, t) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: Y()
+        overscroll: X()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": Y()
+        "overscroll-x": X()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": Y()
+        "overscroll-y": X()
       }],
       /**
        * Position
@@ -573,63 +573,63 @@ const Lt = (e, t) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: T()
+        inset: I()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": T()
+        "inset-x": I()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": T()
+        "inset-y": I()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: T()
+        start: I()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: T()
+        end: I()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: T()
+        top: I()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: T()
+        right: I()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: T()
+        bottom: I()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: T()
+        left: I()
       }],
       /**
        * Visibility
@@ -1088,7 +1088,7 @@ const Lt = (e, t) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, X, W]
+        text: ["base", r, Z, W]
       }],
       /**
        * Font Smoothing
@@ -1538,70 +1538,70 @@ const Lt = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: I()
+        border: R()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": I()
+        "border-x": R()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": I()
+        "border-y": R()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": I()
+        "border-s": R()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": I()
+        "border-e": R()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": I()
+        "border-t": R()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": I()
+        "border-r": R()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": I()
+        "border-b": R()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": I()
+        "border-l": R()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": I()
+        "divide-x": R()
       }],
       /**
        * Divide Width X Reverse
@@ -1613,7 +1613,7 @@ const Lt = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": I()
+        "divide-y": R()
       }],
       /**
        * Divide Width Y Reverse
@@ -1723,7 +1723,7 @@ const Lt = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", k, X, W]
+        outline: ["", k, Z, W]
       }],
       /**
        * Outline Color
@@ -1775,7 +1775,7 @@ const Lt = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: I()
+        ring: R()
       }],
       /**
        * Ring Width Inset
@@ -1814,7 +1814,7 @@ const Lt = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": I()
+        "inset-ring": R()
       }],
       /**
        * Inset Ring Color
@@ -2748,7 +2748,7 @@ const Lt = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [k, X, W, xe]
+        stroke: [k, Z, W, xe]
       }],
       /**
        * Stroke
@@ -2832,7 +2832,7 @@ const _r = [
   { size: 600, x: "70%", y: "15%", color: "secondary", opacity: 0.06, drift: "drift-2", duration: "30s" },
   { size: 550, x: "30%", y: "65%", color: "primary", opacity: 0.05, drift: "drift-4", duration: "22s" }
 ];
-function Co({ blobs: e = _r, className: t }) {
+function _o({ blobs: e = _r, className: t }) {
   return /* @__PURE__ */ a("div", { className: p("fixed inset-0 -z-10 overflow-hidden bg-background", t), children: e.map((r, o) => /* @__PURE__ */ a(
     "div",
     {
@@ -2867,7 +2867,7 @@ const Sr = L.forwardRef(
   )
 );
 Sr.displayName = "Surface";
-function _o({
+function So({
   value: e,
   onChange: t,
   placeholder: r = "Search...",
@@ -2902,7 +2902,7 @@ const qe = {
   busy: "bg-warning",
   installing: "bg-warning"
 };
-function So({ status: e, ping: t, className: r }) {
+function zo({ status: e, ping: t, className: r }) {
   const o = t ?? e === "running";
   return /* @__PURE__ */ a("span", { className: p("flex items-center justify-center w-4 shrink-0", r), children: /* @__PURE__ */ h("span", { className: "relative flex h-2 w-2", children: [
     o && /* @__PURE__ */ a(
@@ -2946,13 +2946,13 @@ function zr({ text: e, label: t }) {
     }
   );
 }
-function zo({ text: e, copyLabel: t, className: r }) {
+function Ro({ text: e, copyLabel: t, className: r }) {
   return /* @__PURE__ */ h("div", { className: p("relative", r), children: [
     /* @__PURE__ */ a("pre", { className: "bg-background border border-default-100 rounded-[8px] p-3 text-[11px] text-default-500 font-mono overflow-x-auto leading-relaxed whitespace-pre-wrap break-all", children: e }),
     /* @__PURE__ */ a(zr, { text: e, label: t })
   ] });
 }
-function Io({ icon: e, title: t, description: r, action: o, className: n }) {
+function To({ icon: e, title: t, description: r, action: o, className: n }) {
   return /* @__PURE__ */ h("div", { className: p("text-center py-12 rounded-xl border border-dashed border-default-200/50", n), children: [
     /* @__PURE__ */ a(e, { size: 28, className: "mx-auto mb-3 text-default-400" }),
     /* @__PURE__ */ a("p", { className: "text-sm text-default-500", children: t }),
@@ -2961,9 +2961,9 @@ function Io({ icon: e, title: t, description: r, action: o, className: n }) {
   ] });
 }
 const He = /==([^\n]+?)==/g;
-function Ir() {
+function Rr() {
   return (e) => {
-    Z(e, "text", (t, r, o) => {
+    Q(e, "text", (t, r, o) => {
       if (r === void 0 || !o) return;
       He.lastIndex = 0;
       const n = [];
@@ -2976,9 +2976,9 @@ function Ir() {
   };
 }
 const Je = /~([^~\s][^~]*)~|\^([^^\s][^^]*)\^/g;
-function Rr() {
+function Tr() {
   return (e) => {
-    Z(e, "text", (t, r, o) => {
+    Q(e, "text", (t, r, o) => {
       if (r === void 0 || !o) return;
       Je.lastIndex = 0;
       const n = [];
@@ -2991,22 +2991,22 @@ function Rr() {
   };
 }
 const ke = /^\*\[([^\]]+)\]:\s*(.+)$/gm;
-function Tr() {
+function Ir() {
   return (e) => {
     const t = /* @__PURE__ */ new Map();
-    if (Z(e, "text", (n) => {
+    if (Q(e, "text", (n) => {
       ke.lastIndex = 0;
       let l;
       for (; (l = ke.exec(n.value)) !== null; )
         t.set(l[1], l[2]);
     }), t.size === 0) return;
-    Z(e, "paragraph", (n, l, s) => {
+    Q(e, "paragraph", (n, l, s) => {
       if (l === void 0 || !s) return;
       if (n.children.filter((d) => d.type === "text").map((d) => d.value).join("").replace(ke, "").trim() === "")
         return s.children.splice(l, 1), l;
     });
     const r = [...t.keys()].sort((n, l) => l.length - n.length), o = new RegExp(`\\b(${r.map($r).join("|")})\\b`, "g");
-    Z(e, "text", (n, l, s) => {
+    Q(e, "text", (n, l, s) => {
       if (l === void 0 || !s) return;
       o.lastIndex = 0;
       const i = [];
@@ -3034,10 +3034,10 @@ const Ar = {
   math: St({ singleDollarTextMath: !0 }),
   code: zt({ themes: ["github-light", "github-dark"] })
 }, Er = [
-  [It, { singleTilde: !1 }],
-  Ir,
+  [Rt, { singleTilde: !1 }],
   Rr,
-  Tr
+  Tr,
+  Ir
 ], Or = ({ text: e, isStreaming: t }) => /* @__PURE__ */ a(
   _t,
   {
@@ -3128,7 +3128,7 @@ const Ar = {
     }
   ),
   a: ({ className: e, node: t, href: r, ...o }) => {
-    const n = r?.startsWith("#"), l = R(
+    const n = r?.startsWith("#"), l = T(
       (s) => {
         if (!n || !r) return;
         s.preventDefault();
@@ -3282,7 +3282,7 @@ const Ar = {
   )
 };
 function jr(e, t) {
-  return R(() => {
+  return T(() => {
     const r = e.current;
     if (!r) return;
     let o = r.parentElement;
@@ -3439,11 +3439,11 @@ function Gr({
   children: n,
   ...l
 }) {
-  const s = Q(null), [i, c] = A(o), d = jr(s, Ye), b = t !== void 0, y = b ? t : i, x = R(() => {
+  const s = H(null), [i, c] = A(o), d = jr(s, Ye), b = t !== void 0, y = b ? t : i, x = T(() => {
     const v = !y;
     v || d(), b || c(v), r?.(v);
   }, [y, d, b, r]);
-  return /* @__PURE__ */ a(Te.Provider, { value: { isOpen: y, toggle: x }, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(Ie.Provider, { value: { isOpen: y, toggle: x }, children: /* @__PURE__ */ a(
     "div",
     {
       ref: s,
@@ -3462,7 +3462,7 @@ function Gr({
     }
   ) });
 }
-const Te = kt({
+const Ie = kt({
   isOpen: !1,
   toggle: () => {
   }
@@ -3481,7 +3481,7 @@ function Ur({
   className: o,
   ...n
 }) {
-  const { isOpen: l } = ot(Te), s = r?.type ?? "complete", i = s === "running", c = r?.type === "incomplete" && r.reason === "cancelled", d = Vr[s], b = Fr(e, t);
+  const { isOpen: l } = ot(Ie), s = r?.type ?? "complete", i = s === "running", c = r?.type === "incomplete" && r.reason === "cancelled", d = Vr[s], b = Fr(e, t);
   return /* @__PURE__ */ h(
     "button",
     {
@@ -3517,7 +3517,7 @@ function Ur({
           }
         ),
         /* @__PURE__ */ a(
-          Rt,
+          Tt,
           {
             "data-slot": "tool-fallback-trigger-chevron",
             className: p(
@@ -3535,8 +3535,8 @@ function qr({
   className: e,
   children: t
 }) {
-  const { isOpen: r } = ot(Te);
-  return /* @__PURE__ */ a(Ie, { initial: !1, children: r && /* @__PURE__ */ a(
+  const { isOpen: r } = ot(Ie);
+  return /* @__PURE__ */ a(Re, { initial: !1, children: r && /* @__PURE__ */ a(
     we.div,
     {
       "data-slot": "tool-fallback-content",
@@ -3577,7 +3577,7 @@ function Ce({ text: e }) {
       },
       className: "shrink-0 rounded-md p-1 text-default-400 transition-colors hover:bg-default-200/40 hover:text-default-600",
       "aria-label": "Copy",
-      children: t ? /* @__PURE__ */ a(Tt, { className: "size-3 text-success" }) : /* @__PURE__ */ a($t, { className: "size-3" })
+      children: t ? /* @__PURE__ */ a(It, { className: "size-3 text-success" }) : /* @__PURE__ */ a($t, { className: "size-3" })
     }
   );
 }
@@ -3643,7 +3643,7 @@ function Zr(e, t) {
 `), isTruncated: !0 };
 }
 function Qr({ text: e }) {
-  const [t, r] = A(!1), [o, n] = A(null), l = Q(null), s = Xr(e), i = s === "json" ? JSON.stringify(JSON.parse(e.trim()), null, 2) : e, { isTruncated: c } = Zr(i, Ze), d = R((v) => {
+  const [t, r] = A(!1), [o, n] = A(null), l = H(null), s = Xr(e), i = s === "json" ? JSON.stringify(JSON.parse(e.trim()), null, 2) : e, { isTruncated: c } = Zr(i, Ze), d = T((v) => {
     if (l.current = v, v && o === null) {
       const w = v.style, _ = {
         display: w.display,
@@ -3755,7 +3755,7 @@ const ro = ({
       ]
     }
   );
-}, Ro = rt(ro), xt = yt(({ children: e, tooltip: t, side: r = "bottom", className: o, variant: n, ...l }, s) => /* @__PURE__ */ a(ze, { content: t, placement: r ?? "bottom", children: /* @__PURE__ */ h(
+}, Io = rt(ro), xt = yt(({ children: e, tooltip: t, side: r = "bottom", className: o, variant: n, ...l }, s) => /* @__PURE__ */ a(ze, { content: t, placement: r ?? "bottom", children: /* @__PURE__ */ h(
   Se,
   {
     variant: n === "default" ? "solid" : n === "outline" ? "bordered" : n === "destructive" ? "solid" : "light",
@@ -3772,7 +3772,7 @@ const ro = ({
   }
 ) }));
 xt.displayName = "TooltipIconButton";
-const To = ({
+const $o = ({
   onSend: e,
   onCancel: t,
   isStreaming: r,
@@ -3780,15 +3780,15 @@ const To = ({
   placeholder: n = "Send a message...",
   leftSlot: l
 }) => {
-  const [s, i] = A(""), c = Q(null), d = R(() => {
+  const [s, i] = A(""), c = H(null), d = T(() => {
     const x = s.trim();
     !x || r || (e(x), i(""), c.current && (c.current.style.height = "auto"));
-  }, [s, r, e]), b = R(
+  }, [s, r, e]), b = T(
     (x) => {
       x.key === "Enter" && !x.shiftKey && (x.preventDefault(), d());
     },
     [d]
-  ), y = R(() => {
+  ), y = T(() => {
     const x = c.current;
     x && (x.style.height = "auto", x.style.height = `${x.scrollHeight}px`);
   }, []);
@@ -3882,7 +3882,7 @@ function ao(e) {
     l.push(s);
   return l;
 }
-function $o({ spans: e }) {
+function Mo({ spans: e }) {
   const [t, r] = A(null), { rows: o, totalMs: n, gridlines: l } = vt(() => {
     const s = oo(e), i = no(s), c = i.find((y) => y.span.name === "turn"), d = c ? c.span.endMs : Math.max(...e.map((y) => y.endMs), 1);
     return {
@@ -4041,7 +4041,7 @@ function tt(e) {
 function lo(e) {
   return e >= 1 ? `$${e.toFixed(2)}` : e >= 0.01 ? `$${e.toFixed(2)}` : e > 0 ? `$${e.toFixed(3)}` : "$0.00";
 }
-const Mo = ({
+const Ao = ({
   contextTokens: e,
   contextWindow: t,
   totalCost: r
@@ -4136,7 +4136,7 @@ const Mo = ({
 ] }), co = ({
   activeTab: e,
   children: t
-}) => /* @__PURE__ */ a("div", { className: "flex-1 min-h-0 nx-glass overflow-y-auto p-8", children: /* @__PURE__ */ a(Ie, { mode: "wait", children: /* @__PURE__ */ a(
+}) => /* @__PURE__ */ a("div", { className: "flex-1 min-h-0 nx-glass overflow-y-auto p-8", children: /* @__PURE__ */ a(Re, { mode: "wait", children: /* @__PURE__ */ a(
   de.div,
   {
     initial: { opacity: 0, y: 8 },
@@ -4146,7 +4146,7 @@ const Mo = ({
     children: t
   },
   e
-) }) }), Ao = ({
+) }) }), Eo = ({
   tabs: e,
   activeTab: t,
   onTabChange: r,
@@ -4158,7 +4158,7 @@ const Mo = ({
   tabBadge: c,
   className: d
 }) => {
-  const b = R(
+  const b = T(
     (v) => {
       n === "modal" && v.key === "Escape" && l?.();
     },
@@ -4184,7 +4184,7 @@ const Mo = ({
   return n === "panel" ? /* @__PURE__ */ a(Be, { features: Fe, children: /* @__PURE__ */ h("div", { className: p("flex h-full gap-3 p-3", d), children: [
     y,
     x
-  ] }) }) : /* @__PURE__ */ a(Be, { features: Fe, children: /* @__PURE__ */ a(Ie, { children: /* @__PURE__ */ h(
+  ] }) }) : /* @__PURE__ */ a(Be, { features: Fe, children: /* @__PURE__ */ a(Re, { children: /* @__PURE__ */ h(
     de.div,
     {
       className: p("absolute inset-0 z-50 flex items-center justify-center", d),
@@ -4217,31 +4217,37 @@ const Mo = ({
       ]
     }
   ) }) });
-};
-function Eo() {
-  const e = Q(null), t = Q(null), [r, o] = A(!0);
+}, uo = 50;
+function Oo() {
+  const e = H(null), t = H(null), [r, o] = A(!0), n = H(!0);
   ce(() => {
-    const s = t.current;
-    if (!s) return;
-    const i = new IntersectionObserver(
-      ([c]) => o(c.isIntersecting),
-      { root: e.current, threshold: 0 }
-    );
-    return i.observe(s), () => i.disconnect();
+    const i = e.current;
+    if (!i) return;
+    const c = () => {
+      const d = i.scrollHeight - i.scrollTop - i.clientHeight < uo;
+      n.current = d, o(d);
+    };
+    return i.addEventListener("scroll", c, { passive: !0 }), () => i.removeEventListener("scroll", c);
   }, []);
-  const n = R(() => {
-    const s = e.current;
-    s && s.scrollTo({ top: s.scrollHeight, behavior: "smooth" });
-  }, []), l = R(() => {
-    if (r) {
-      const s = e.current;
-      s && (s.scrollTop = s.scrollHeight);
+  const l = T(() => {
+    const i = e.current;
+    i && i.scrollTo({ top: i.scrollHeight, behavior: "smooth" });
+  }, []), s = T(() => {
+    if (n.current) {
+      const i = e.current;
+      i && (i.scrollTop = i.scrollHeight);
     }
-  }, [r]);
-  return { containerRef: e, sentinelRef: t, isAtBottom: r, scrollToBottom: n, scrollToBottomIfNeeded: l };
+  }, []);
+  return {
+    containerRef: e,
+    sentinelRef: t,
+    isAtBottom: r,
+    scrollToBottom: l,
+    scrollToBottomIfNeeded: s
+  };
 }
 const ve = 768;
-function Oo() {
+function Po() {
   const [e, t] = L.useState(void 0);
   return L.useEffect(() => {
     const r = window.matchMedia(`(max-width: ${ve - 1}px)`), o = () => {
@@ -4251,29 +4257,29 @@ function Oo() {
   }, []), !!e;
 }
 export {
-  zo as CodeBlock,
-  To as Composer,
-  Mo as ContextRing,
-  Io as EmptyState,
-  Co as GradientBackground,
+  Ro as CodeBlock,
+  $o as Composer,
+  Ao as ContextRing,
+  To as EmptyState,
+  _o as GradientBackground,
   Pr as MarkdownText,
-  No as NexusProvider,
-  _o as SearchBar,
-  Ao as SettingsShell,
-  So as StatusDot,
+  Co as NexusProvider,
+  So as SearchBar,
+  Eo as SettingsShell,
+  zo as StatusDot,
   Sr as Surface,
-  $o as TimingWaterfall,
-  jo as Toaster,
-  Ro as ToolFallback,
+  Mo as TimingWaterfall,
+  Bo as Toaster,
+  Io as ToolFallback,
   xt as TooltipIconButton,
   p as cn,
   Fr as formatToolDescription,
-  Tr as remarkAbbreviations,
-  Ir as remarkHighlight,
-  Rr as remarkSubSuperscript,
-  Bo as toast,
-  Eo as useAutoScroll,
-  Oo as useIsMobile,
-  wo as useNexus,
+  Ir as remarkAbbreviations,
+  Rr as remarkHighlight,
+  Tr as remarkSubSuperscript,
+  Fo as toast,
+  Oo as useAutoScroll,
+  Po as useIsMobile,
+  No as useNexus,
   jr as useScrollLock
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imdanibytes/nexus-ui",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Nexus theme, provider, and utilities for HeroUI-based plugins",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",

package/src/styles/base.css

@@ -166,3 +166,66 @@
   from { transform: translate3d(0, 0, 0); }
   to { transform: translate3d(25px, -35px, 0); }
 }
+
+/* ============================================
+   Markdown (MarkdownText / Streamdown)
+   ============================================ */
+
+/* Footnote scroll flash */
+@keyframes md-flash {
+  0% { background-color: hsl(var(--heroui-primary) / 0.2); }
+  100% { background-color: transparent; }
+}
+.aui-md-flash {
+  animation: md-flash 1.5s ease-out;
+  border-radius: 4px;
+}
+
+/* Streamdown code blocks — glass treatment */
+.aui-md [data-streamdown="code-block"] {
+  margin-top: 0.625rem;
+  margin-bottom: 0.625rem;
+  border-radius: 0.75rem;
+  border: 1px solid hsl(var(--heroui-default-200));
+  overflow: hidden;
+  backdrop-filter: blur(24px);
+  -webkit-backdrop-filter: blur(24px);
+}
+:is(.dark) .aui-md [data-streamdown="code-block"] {
+  border-color: hsl(var(--heroui-default-200) / 0.5);
+}
+.aui-md [data-streamdown="code-block-header"] {
+  background: hsl(var(--heroui-default-100));
+  padding: 0.375rem 0.75rem;
+  border-bottom: 1px solid hsl(var(--heroui-default-200));
+}
+:is(.dark) .aui-md [data-streamdown="code-block-header"] {
+  background: hsl(var(--heroui-default-100) / 0.4);
+  border-bottom-color: hsl(var(--heroui-default-200) / 0.5);
+}
+.aui-md [data-streamdown="code-block-body"] {
+  background: hsl(var(--heroui-default-100) / 0.6);
+  border-top: none !important;
+  padding: 0.75rem;
+  font-size: 0.75rem;
+  line-height: 1.625;
+}
+:is(.dark) .aui-md [data-streamdown="code-block-body"] {
+  background: hsl(var(--heroui-default-100) / 0.2);
+}
+/* Shiki dual-theme: force --shiki-dark in dark mode */
+:is(.dark) [data-streamdown="code-block-body"] span[style] {
+  color: var(--shiki-dark, inherit) !important;
+}
+@media (prefers-color-scheme: dark) {
+  [data-streamdown="code-block-body"] span[style] {
+    color: var(--shiki-dark, inherit) !important;
+  }
+}
+.aui-md [data-streamdown="inline-code"] {
+  border: 1px solid hsl(var(--heroui-default-200) / 0.5);
+  background: hsl(var(--heroui-default-100) / 0.4);
+  padding: 0.125rem 0.375rem;
+  border-radius: 0.375rem;
+  font-size: 0.85em;
+}