@lambda-development/erp-core 0.6.10 → 0.6.11

package/dist/components/ui/confirm-button.d.ts

@@ -9,6 +9,13 @@ interface ConfirmButtonProps {
     disabled?: boolean;
     className?: string;
     timeout?: number;
+    /** Armed-button size: "sm" (compact, for icon triggers — default) or "md"
+     * (normal button height, to match a full-size labelled trigger). */
+    size?: "sm" | "md";
+    /** Which side the Cancel button sits on when armed. It should land where the
+     * trigger was so a double-click cancels: "left" for a left-aligned trigger
+     * (default), "right" for a right-aligned one (e.g. a toolbar delete button). */
+    cancelSide?: "left" | "right";
 }
-export declare function ConfirmButton({ onConfirm, children, confirmLabel, cancelLabel, title, danger, disabled, className, timeout, }: ConfirmButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfirmButton({ onConfirm, children, confirmLabel, cancelLabel, title, danger, disabled, className, timeout, size, cancelSide, }: ConfirmButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.js

@@ -51,7 +51,7 @@ async function L(t, n) {
   }
   return a.json();
 }
-function Ie(t) {
+function Be(t) {
   if (!t) return "";
   const n = Object.fromEntries(
     Object.entries(t).filter(([, s]) => s !== void 0 && s !== "")
@@ -89,12 +89,12 @@ const R = {
   ),
   // Documents
   listDocuments: (t, n) => L(
-    `/documents/${t}${Ie(n)}`
+    `/documents/${t}${Be(n)}`
   ),
   getDocument: (t, n) => L(`/documents/${t}/${encodeURIComponent(n)}`),
   // Prev/next record around `name` in the same order+filters the list uses.
   adjacentDocument: (t, n, a) => L(
-    `/documents/${t}/${encodeURIComponent(n)}/adjacent${Ie(a)}`
+    `/documents/${t}/${encodeURIComponent(n)}/adjacent${Be(a)}`
   ),
   // Prev/next master record around `name` in the master list's order (name ASC).
   adjacentMaster: (t, n) => L(
@@ -115,7 +115,7 @@ const R = {
   // Proposal (Sammelofferte) extras — CRUD goes through the document methods
   // above (doctype "proposal"); these cover the appendix blob + cover default.
   getProposalCoverDefault: (t, n) => L(
-    `/proposals/cover-default${Ie({ company: t, customer: n })}`
+    `/proposals/cover-default${Be({ company: t, customer: n })}`
   ),
   uploadProposalAppendix: async (t, n) => {
     const a = new FormData();
@@ -137,7 +137,7 @@ const R = {
   proposalPdfUrl: (t) => `${ct}/documents/proposal/${encodeURIComponent(t)}/pdf`,
   // Masters
   listMasters: (t, n) => L(
-    `/masters/${t}${Ie(n)}`
+    `/masters/${t}${Be(n)}`
   ),
   searchMasters: (t, n) => L(`/masters/${t}/search?q=${encodeURIComponent(n)}`),
   searchDocuments: (t, n) => L(`/documents/${t}/search?q=${encodeURIComponent(n)}`),
@@ -151,7 +151,7 @@ const R = {
   },
   getMaster: (t, n) => L(`/masters/${t}/${encodeURIComponent(n)}`),
   currencies: (t) => L(
-    `/accounting/currencies${Ie({ company: t })}`
+    `/accounting/currencies${Be({ company: t })}`
   ),
   createMaster: (t, n) => L(`/masters/${t}`, { method: "POST", body: JSON.stringify(n) }),
   updateMaster: (t, n, a) => L(`/masters/${t}/${encodeURIComponent(n)}`, {
@@ -161,20 +161,20 @@ const R = {
   deleteMaster: (t, n) => L(`/masters/${t}/${encodeURIComponent(n)}`, { method: "DELETE" }),
   // Reports
   trialBalance: (t) => L(
-    `/reports/trial-balance${Ie(t)}`
+    `/reports/trial-balance${Be(t)}`
   ),
   chartOfAccounts: (t) => L(
-    `/reports/chart-of-accounts${Ie(t)}`
+    `/reports/chart-of-accounts${Be(t)}`
   ),
-  generalLedger: (t) => L(`/reports/general-ledger${Ie(t)}`),
-  stockBalance: (t) => L(`/reports/stock-balance${Ie(t)}`),
-  dashboardSummary: (t) => L(`/reports/dashboard-summary${Ie({ company: t })}`),
-  profitAndLoss: (t) => L(`/reports/profit-and-loss${Ie(t)}`),
-  balanceSheet: (t) => L(`/reports/balance-sheet${Ie(t)}`),
-  arAging: (t) => L(`/reports/ar-aging${Ie(t)}`),
-  apAging: (t) => L(`/reports/ap-aging${Ie(t)}`),
+  generalLedger: (t) => L(`/reports/general-ledger${Be(t)}`),
+  stockBalance: (t) => L(`/reports/stock-balance${Be(t)}`),
+  dashboardSummary: (t) => L(`/reports/dashboard-summary${Be({ company: t })}`),
+  profitAndLoss: (t) => L(`/reports/profit-and-loss${Be(t)}`),
+  balanceSheet: (t) => L(`/reports/balance-sheet${Be(t)}`),
+  arAging: (t) => L(`/reports/ar-aging${Be(t)}`),
+  apAging: (t) => L(`/reports/ap-aging${Be(t)}`),
   analyticsMetrics: () => L("/reports/analytics/metrics"),
-  analytics: (t) => L(`/reports/analytics${Ie(t)}`),
+  analytics: (t) => L(`/reports/analytics${Be(t)}`),
   runtimeDatasets: () => L("/reports/runtime/datasets"),
   runtimeData: (t) => L("/reports/runtime/data", { method: "POST", body: JSON.stringify(t) }),
   createRuntimeDraft: (t) => L("/reports/runtime/drafts", { method: "POST", body: JSON.stringify(t) }),
@@ -413,16 +413,16 @@ function hr({ children: t }) {
   }
   function ie(I, K, Y) {
     return new Promise((xe, we) => {
-      const Te = pr();
-      $.current.set(Te, {
+      const Re = pr();
+      $.current.set(Re, {
         expectedType: Y,
         resolve: xe,
         reject: we
       });
       try {
-        B({ type: I, request_id: Te, ...K });
+        B({ type: I, request_id: Re, ...K });
       } catch (ot) {
-        $.current.delete(Te), we(ot instanceof Error ? ot : new Error("Chat request failed."));
+        $.current.delete(Re), we(ot instanceof Error ? ot : new Error("Chat request failed."));
       }
     });
   }
@@ -437,11 +437,11 @@ function hr({ children: t }) {
           we.close();
           return;
         }
-        D("connected"), E((Te) => Te + 1);
-      }, we.onmessage = (Te) => {
+        D("connected"), E((Re) => Re + 1);
+      }, we.onmessage = (Re) => {
         var ot;
         try {
-          const j = JSON.parse(Te.data), Ze = typeof j.request_id == "string" ? j.request_id : null, fe = typeof j.type == "string" ? j.type : null, O = typeof j.session_id == "string" ? j.session_id : null;
+          const j = JSON.parse(Re.data), Ze = typeof j.request_id == "string" ? j.request_id : null, fe = typeof j.type == "string" ? j.type : null, O = typeof j.session_id == "string" ? j.session_id : null;
           if (Ze) {
             const q = $.current.get(Ze);
             q && (fe === "error" ? ($.current.delete(Ze), q.reject(new Error(String(j.content || "Request failed.")))) : fe === q.expectedType && ($.current.delete(Ze), q.resolve(j)));
@@ -659,9 +659,9 @@ function hr({ children: t }) {
         }
       }, we.onerror = () => {
         we.close();
-      }, we.onclose = (Te) => {
+      }, we.onclose = (Re) => {
         if (G.current === we && (G.current = null), T("Chat disconnected."), D("disconnected"), !I) {
-          if (Te.code === 4001 || Te.code === 4003) {
+          if (Re.code === 4001 || Re.code === 4003) {
             window.location.href = "/login";
             return;
           }
@@ -684,7 +684,7 @@ function hr({ children: t }) {
     });
     return te.current = I, I;
   }
-  async function _e(I) {
+  async function Te(I) {
     se(I, "running"), _(I, null);
     try {
       await ie("start_demo", { session_id: I }, "demo_started");
@@ -728,17 +728,17 @@ function hr({ children: t }) {
     if (!xe && !we) return !1;
     try {
       X(I, !0);
-      const Te = {
+      const Re = {
         type: "send_message",
         session_id: I,
         content: xe
       };
-      return we && (Te.attachment_ids = Y), B(Te), !0;
+      return we && (Re.attachment_ids = Y), B(Re), !0;
     } catch {
       return X(I, !1), !1;
     }
   }
-  async function Re(I, K, Y) {
+  async function Ie(I, K, Y) {
     const xe = await ie(
       "transcribe",
       { audio_data: I, audio_format: K, session_id: Y },
@@ -775,14 +775,14 @@ function hr({ children: t }) {
         connectionVersion: N,
         navigationFlash: v,
         createSession: Le,
-        startDemo: _e,
+        startDemo: Te,
         completeDemoTyping: Ke,
         deleteSession: Fe,
         loadHistory: xt,
         loadMoreHistory: pt,
         clearHistory: Je,
         sendMessage: De,
-        transcribeAudio: Re,
+        transcribeAudio: Ie,
         getMessages: je,
         hasMoreHistory: Oe,
         isLoadingOlder: ht,
@@ -800,7 +800,7 @@ function mt() {
     throw new Error("useChat must be used within ChatProvider.");
   return t;
 }
-function Be(...t) {
+function _e(...t) {
   return t.filter(Boolean).join(" ");
 }
 function qe(t, n = "USD") {
@@ -859,7 +859,7 @@ function Q({
       type: l,
       disabled: a,
       onClick: s,
-      className: Be(
+      className: _e(
         // Layout + base interaction. focus-visible (not :focus) so
         // mouse clicks don't leave a permanent ring; only keyboard
         // navigation gets the visible outline.
@@ -892,7 +892,7 @@ function ee({ label: t, hint: n, error: a, className: s, id: o, ...i }) {
         id: l,
         "aria-invalid": !!a || void 0,
         "aria-describedby": a || n ? `${l}-help` : void 0,
-        className: Be(
+        className: _e(
           // Bigger touch target (h-10) than the previous py-2 default;
           // brand-coloured halo on focus instead of a single hard ring.
           // text-sm is fine on desktop; the global media-query in
@@ -912,7 +912,7 @@ function ee({ label: t, hint: n, error: a, className: s, id: o, ...i }) {
       "p",
       {
         id: `${l}-help`,
-        className: Be(
+        className: _e(
           "mt-1.5 text-xs",
           a ? "text-red-600" : "text-fg-muted"
         ),
@@ -1181,7 +1181,7 @@ function Nr() {
             qt,
             {
               to: `/chat/${p.id}`,
-              className: Be(
+              className: _e(
                 "relative block truncate px-4 py-1.5 pl-10 pr-8 text-sm transition-colors",
                 u ? "bg-surface-subtle font-medium text-fg" : "text-fg-muted hover:bg-surface-subtle hover:text-fg"
               ),
@@ -1247,7 +1247,7 @@ function wr() {
       {
         type: "button",
         onClick: n,
-        className: Be(
+        className: _e(
           "flex w-full items-center gap-2 px-4 py-2 text-xs font-semibold uppercase tracking-wider text-fg-muted transition-all duration-300 hover:text-fg",
           p && u
         ),
@@ -1277,7 +1277,7 @@ function wr() {
             qt,
             {
               to: v,
-              className: Be(
+              className: _e(
                 "relative block truncate px-4 py-1.5 pl-10 pr-8 text-sm transition-all duration-300",
                 !f && "text-fg-muted hover:bg-surface-subtle hover:text-fg",
                 f && "bg-surface-subtle font-medium text-fg",
@@ -1310,7 +1310,7 @@ function kr({ group: t }) {
       {
         type: "button",
         onClick: a,
-        className: Be(
+        className: _e(
           "flex w-full items-center gap-2 px-4 py-2 text-xs font-semibold uppercase tracking-wider text-fg-muted transition-all duration-300 hover:text-fg",
           i && l
         ),
@@ -1330,7 +1330,7 @@ function kr({ group: t }) {
         {
           to: c.path,
           end: h,
-          className: ({ isActive: d }) => Be(
+          className: ({ isActive: d }) => _e(
             "relative block px-4 py-1.5 pl-10 text-sm transition-all duration-300",
             !d && "text-fg-muted hover:bg-surface-subtle hover:text-fg",
             d && "bg-surface-subtle font-medium text-fg",
@@ -1369,7 +1369,7 @@ function Sr({ isMobileOpen: t = !1, onClose: n }) {
   return /* @__PURE__ */ r(
     "aside",
     {
-      className: Be(
+      className: _e(
         "fixed left-0 top-0 z-40 flex h-dvh w-64 flex-col border-r border-line bg-surface transition-transform duration-300 ease-out",
         "md:translate-x-0",
         t ? "translate-x-0 shadow-2xl" : "-translate-x-full"
@@ -1470,7 +1470,7 @@ function _r() {
             "button",
             {
               onClick: () => p(!0),
-              className: Be(
+              className: _e(
                 "rounded p-1 text-gray-500 transition-all duration-300 hover:bg-gray-100 hover:text-gray-900 md:hidden",
                 u
               ),
@@ -1516,7 +1516,7 @@ function M({ title: t, children: n, className: a, interactive: s }) {
   return /* @__PURE__ */ r(
     "div",
     {
-      className: Be(
+      className: _e(
         // Surface + 1px hairline ring + multi-layer soft shadow gives
         // the card depth on a tinted page background. The shadow is
         // closer in feel to Linear / Vercel than Tailwind's default
@@ -1544,7 +1544,7 @@ function Rt({ variant: t = "default", dot: n, children: a, className: s }) {
   return /* @__PURE__ */ r(
     "span",
     {
-      className: Be(
+      className: _e(
         "inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium",
         Rr[t],
         s
@@ -2487,7 +2487,7 @@ function Ve({ label: t, options: n, value: a, onChange: s, className: o, require
         onChange: s,
         required: i,
         disabled: l,
-        className: Be(
+        className: _e(
           // Same shape as the Input primitive: h-10, surface bg, line ring,
           // brand-tinted halo on focus.
           "block h-10 w-full rounded-lg bg-surface px-3 text-sm text-fg",
@@ -2983,16 +2983,16 @@ function Dn() {
   }), G = Pe(
     (B, ie) => {
       B === "currency" && p(!0), h((Le) => {
-        const _e = { ...Le, [B]: ie };
-        return B === "currency" && (_e.conversion_rate = 0), Sn(_e, i);
+        const Te = { ...Le, [B]: ie };
+        return B === "currency" && (Te.conversion_rate = 0), Sn(Te, i);
       });
     },
     [i]
   ), k = Pe(
     (B, ie) => {
       h((Le) => {
-        const _e = { ...Le, [B]: ie };
-        return Sn(_e, i);
+        const Te = { ...Le, [B]: ie };
+        return Sn(Te, i);
       });
     },
     [i]
@@ -3637,7 +3637,7 @@ function Ae({
         },
         onBlur: G,
         placeholder: `Search ${s}...`,
-        className: Be(
+        className: _e(
           "block h-9 w-full rounded-lg bg-surface px-3 text-sm text-fg ring-1 ring-line transition-all placeholder:text-fg-muted/70 focus:outline-none focus:ring-2 focus:ring-brand/30",
           u && "bg-surface-subtle"
         )
@@ -4965,9 +4965,9 @@ function As() {
         const Le = window.setTimeout(() => {
           ce.terminate(), ie(new Error("Report runtime exceeded 4 seconds"));
         }, 4e3);
-        ce.onmessage = (_e) => {
+        ce.onmessage = (Te) => {
           var Ke, Fe;
-          window.clearTimeout(Le), ce.terminate(), E.current === ce && (E.current = null), (Ke = _e.data) != null && Ke.ok ? B(_e.data.output) : ie(new Error(((Fe = _e.data) == null ? void 0 : Fe.error) || "Runtime failed"));
+          window.clearTimeout(Le), ce.terminate(), E.current === ce && (E.current = null), (Ke = Te.data) != null && Ke.ok ? B(Te.data.output) : ie(new Error(((Fe = Te.data) == null ? void 0 : Fe.error) || "Runtime failed"));
         }, ce.postMessage({
           datasets: H.datasets,
           params: {},
@@ -6076,7 +6076,7 @@ function Mn() {
     isThinking: X,
     getDemoStatus: se,
     getDemoTypingCue: _
-  } = mt(), U = oe(null), ne = oe(null), H = oe(null), ce = oe(null), [Se, B] = w(0), ie = oe(!1), Le = oe(null), _e = oe(0), Ke = oe(!0), Fe = oe(null), xt = oe(!1), pt = oe(null), Je = P(n), De = D === "connected", Re = X(n), je = se(n), Qe = _(n), Oe = i || je === "running", ht = T(n), it = z(n), gt = Je[Je.length - 1], I = gt ? `${gt.type}:${gt.timestamp || ""}:${gt.content}` : "empty", K = Pe(() => {
+  } = mt(), U = oe(null), ne = oe(null), H = oe(null), ce = oe(null), [Se, B] = w(0), ie = oe(!1), Le = oe(null), Te = oe(0), Ke = oe(!0), Fe = oe(null), xt = oe(!1), pt = oe(null), Je = P(n), De = D === "connected", Ie = X(n), je = se(n), Qe = _(n), Oe = i || je === "running", ht = T(n), it = z(n), gt = Je[Je.length - 1], I = gt ? `${gt.type}:${gt.timestamp || ""}:${gt.content}` : "empty", K = Pe(() => {
     xt.current = !0, pt.current !== null && window.clearTimeout(pt.current), pt.current = window.setTimeout(() => {
       xt.current = !1, pt.current = null;
     }, 600);
@@ -6086,23 +6086,23 @@ function Mn() {
     K(), F.scrollTo({ top: F.scrollHeight, behavior: C });
     const ae = () => {
       const he = U.current;
-      he && (!Ke.current && !Oe && !Re || he.scrollTop + he.clientHeight >= he.scrollHeight - 2 || (K(), he.scrollTo({ top: he.scrollHeight, behavior: "auto" })));
+      he && (!Ke.current && !Oe && !Ie || he.scrollTop + he.clientHeight >= he.scrollHeight - 2 || (K(), he.scrollTo({ top: he.scrollHeight, behavior: "auto" })));
     };
     requestAnimationFrame(ae), window.setTimeout(ae, 120);
-  }, [Oe, Re, K]);
+  }, [Oe, Ie, K]);
   pn(() => {
     const C = U.current, F = Fe.current;
     if (!C || F === null) return;
     const ae = C.scrollHeight - F;
     ae > 0 && (C.scrollTop = C.scrollTop + ae), Fe.current = null;
   }, [Je.length]), re(() => {
-    Fe.current === null && (!Ke.current && !Oe && !Re || Y(Oe ? "auto" : "smooth"));
-  }, [I, Oe, Re, Y]), re(() => {
+    Fe.current === null && (!Ke.current && !Oe && !Ie || Y(Oe ? "auto" : "smooth"));
+  }, [I, Oe, Ie, Y]), re(() => {
     const C = U.current;
     if (!C || typeof ResizeObserver > "u") return;
     let F = 0;
     const ae = new ResizeObserver(() => {
-      Fe.current === null && (!Ke.current && !Oe && !Re || (cancelAnimationFrame(F), F = requestAnimationFrame(() => {
+      Fe.current === null && (!Ke.current && !Oe && !Ie || (cancelAnimationFrame(F), F = requestAnimationFrame(() => {
         const ye = U.current;
         if (!ye) return;
         ye.scrollHeight - ye.scrollTop - ye.clientHeight <= 120 && (K(), ye.scrollTo({ top: ye.scrollHeight, behavior: "auto" }));
@@ -6111,7 +6111,7 @@ function Mn() {
     return he && ae.observe(he), ae.observe(C), () => {
       ae.disconnect(), cancelAnimationFrame(F);
     };
-  }, [Oe, Re, K]), pn(() => {
+  }, [Oe, Ie, K]), pn(() => {
     const C = ce.current;
     if (!C || (B(C.offsetHeight), typeof ResizeObserver > "u")) return;
     const F = new ResizeObserver(() => B(C.offsetHeight));
@@ -6125,7 +6125,7 @@ function Mn() {
     });
   }, [n, it, ht, te]), we = oe(null);
   re(() => {
-    d(""), Le.current = null, _e.current += 1, n && ia(n);
+    d(""), Le.current = null, Te.current += 1, n && ia(n);
     const C = s.state;
     C != null && C.prefillMessage && we.current !== C ? (we.current = C, c(C.prefillMessage), window.setTimeout(() => {
       var F;
@@ -6141,18 +6141,18 @@ function Mn() {
       C = !0;
     };
   }, [n, De, a]);
-  const Te = oe($);
+  const Re = oe($);
   re(() => {
-    Te.current = $;
+    Re.current = $;
   }, [$]), re(() => {
-    !n || !De || i || je === "running" || Te.current(n).catch(() => {
+    !n || !De || i || je === "running" || Re.current(n).catch(() => {
     });
   }, [n, De, N, i, je]), re(() => {
-    ie.current && !Re && De && setTimeout(() => {
+    ie.current && !Ie && De && setTimeout(() => {
       var C;
       return (C = H.current) == null ? void 0 : C.focus();
-    }, 50), ie.current = Re;
-  }, [Re, De]);
+    }, 50), ie.current = Ie;
+  }, [Ie, De]);
   function ot(C) {
     if (xt.current) return;
     const F = C.currentTarget, ae = F.scrollHeight - F.scrollTop - F.clientHeight;
@@ -6173,18 +6173,18 @@ function Mn() {
   re(() => {
     if (!Qe || !n || Ze.current === Qe.seq) return;
     Ze.current = Qe.seq;
-    const C = n, F = Qe.content, ae = F.length > 0 ? Math.max(8, Qe.typingMs / F.length) : 0, he = Qe.seq, ye = ++_e.current;
+    const C = n, F = Qe.content, ae = F.length > 0 ? Math.max(8, Qe.typingMs / F.length) : 0, he = Qe.seq, ye = ++Te.current;
     async function et() {
       c("");
       for (const yt of F) {
-        if (ye !== _e.current) return;
+        if (ye !== Te.current) return;
         c((Ge) => Ge + yt), await Ws(ae);
       }
-      ye === _e.current && j.current(C, he);
+      ye === Te.current && j.current(C, he);
     }
     et();
   }, [Qe, n]), re(() => {
-    je === "complete" && (_e.current += 1, c(""));
+    je === "complete" && (Te.current += 1, c(""));
   }, [je]);
   const fe = Pe((C) => {
     if (!n) return;
@@ -6414,7 +6414,7 @@ function Mn() {
                     onKeyDown: Nt,
                     onPaste: Me,
                     placeholder: t(Oe ? "chat.placeholderDemo" : De ? "chat.placeholderType" : "chat.placeholderConnecting"),
-                    disabled: !De || !n || Re || Oe,
+                    disabled: !De || !n || Ie || Oe,
                     rows: 2,
                     className: "block flex-1 resize-none bg-transparent px-2.5 py-1.5 text-sm text-fg outline-none placeholder:text-fg-muted/70 disabled:text-fg-muted",
                     style: { minHeight: "3rem", maxHeight: "120px" },
@@ -6431,7 +6431,7 @@ function Mn() {
                       var C;
                       return (C = v.current) == null ? void 0 : C.click();
                     },
-                    disabled: !De || !n || Re || Oe || p.length >= Qt,
+                    disabled: !De || !n || Ie || Oe || p.length >= Qt,
                     className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-lg text-fg-muted transition-all hover:bg-surface-subtle hover:text-fg disabled:cursor-not-allowed disabled:opacity-40 md:h-10 md:w-10",
                     title: t("chat.attachTitle"),
                     children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" }) })
@@ -6441,7 +6441,7 @@ function Mn() {
                   "button",
                   {
                     onClick: Ra,
-                    disabled: !De || !n || Re || Oe || S === "transcribing",
+                    disabled: !De || !n || Ie || Oe || S === "transcribing",
                     className: `flex h-11 w-11 shrink-0 items-center justify-center rounded-lg transition-all disabled:cursor-not-allowed disabled:opacity-40 md:h-10 md:w-10 ${S === "recording" ? "bg-rose-500/10 text-rose-600 hover:bg-rose-500/20" : "text-fg-muted hover:bg-surface-subtle hover:text-fg"}`,
                     title: t(S === "recording" ? "chat.voiceStop" : S === "transcribing" ? "chat.voiceTranscribing" : "chat.voiceStart"),
                     children: S === "transcribing" ? /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "animate-spin", children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 11-6.219-8.56", strokeLinecap: "round" }) }) : S === "recording" ? /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "currentColor", className: "animate-pulse", children: /* @__PURE__ */ e("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) }) : /* @__PURE__ */ r("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -6456,7 +6456,7 @@ function Mn() {
                   "button",
                   {
                     onClick: ft,
-                    disabled: !l.trim() && ge.length === 0 || !De || !n || Re || Oe || ke || pe,
+                    disabled: !l.trim() && ge.length === 0 || !De || !n || Ie || Oe || ke || pe,
                     className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-lg text-brand transition-all hover:bg-brand/10 active:translate-y-px disabled:cursor-not-allowed disabled:text-fg-muted disabled:active:translate-y-0 md:h-10 md:w-10",
                     children: /* @__PURE__ */ e(
                       "svg",
@@ -8161,52 +8161,60 @@ function tl({
   danger: i = !0,
   disabled: l,
   className: c,
-  timeout: h = 4e3
+  timeout: h = 4e3,
+  size: d = "sm",
+  cancelSide: p = "left"
 }) {
-  const { t: d } = Z(), [p, u] = w(!1), g = oe(void 0);
-  return re(() => {
-    if (p)
-      return g.current = setTimeout(() => u(!1), h), () => clearTimeout(g.current);
-  }, [p, h]), p ? /* @__PURE__ */ r(
-    "span",
+  const { t: u } = Z(), [g, b] = w(!1), x = oe(void 0);
+  if (re(() => {
+    if (g)
+      return x.current = setTimeout(() => b(!1), h), () => clearTimeout(x.current);
+  }, [g, h]), !g)
+    return /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        disabled: l,
+        title: o,
+        onClick: () => b(!0),
+        className: c,
+        children: n
+      }
+    );
+  const y = d === "md", S = /* @__PURE__ */ e(
+    "button",
     {
-      className: "inline-flex items-center gap-1",
-      onMouseLeave: () => u(!1),
-      children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            onClick: () => u(!1),
-            className: "rounded-md px-2 py-1 text-xs text-fg-muted hover:text-fg",
-            children: s ?? d("common.cancel", { defaultValue: "Cancel" })
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              u(!1), t();
-            },
-            className: Be(
-              "rounded-md px-2 py-1 text-xs font-medium text-white",
-              i ? "bg-red-600 hover:bg-red-700" : "bg-brand hover:bg-brand/90"
-            ),
-            children: a ?? d("common.delete", { defaultValue: "Delete" })
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ e(
+      type: "button",
+      onClick: () => {
+        b(!1), t();
+      },
+      className: _e(
+        "rounded-md font-medium text-white",
+        y ? "px-3 py-1.5 text-sm" : "px-2 py-1 text-xs",
+        i ? "bg-red-600 hover:bg-red-700" : "bg-brand hover:bg-brand/90"
+      ),
+      children: a ?? u("common.delete", { defaultValue: "Delete" })
+    },
+    "confirm"
+  ), A = /* @__PURE__ */ e(
     "button",
     {
       type: "button",
-      disabled: l,
-      title: o,
-      onClick: () => u(!0),
-      className: c,
-      children: n
+      onClick: () => b(!1),
+      className: _e(
+        "rounded-md",
+        y ? "px-3 py-1.5 text-sm font-medium text-fg ring-1 ring-line hover:bg-surface-subtle" : "px-2 py-1 text-xs text-fg-muted hover:text-fg"
+      ),
+      children: s ?? u("common.cancel", { defaultValue: "Cancel" })
+    },
+    "cancel"
+  );
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: _e("inline-flex items-center", y ? "gap-2" : "gap-1"),
+      onMouseLeave: () => b(!1),
+      children: p === "right" ? [S, A] : [A, S]
     }
   );
 }