@streamoid/agent 0.5.14 → 0.5.16

package/dist/index.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { createContext, useContext, useRef, useLayoutEffect, useEffect, useId as useId$1, useInsertionEffect as useInsertionEffect$1, useMemo, useCallback, Children, isValidElement, useState, Fragment as Fragment$1, createElement, forwardRef, Component, memo as memo$2, createRef, cloneElement, useReducer, useTransition, useSyncExternalStore } from "react";
-import { ScThinkingStepIcon, ScSubAgent, ScInChatMessage, ScButton, ScFileField, ScTodoList, ScMediaSelect, ScMediaApproval, ScHDivider, ScSelection, ScCheckbox, ScSelect, ScTextField, ScTextArea, ScBriefCard, ScCxoCopilotLogo, ScOnlyField, ScMenuOptions } from "@streamoid/ui";
+import { ScThinkingStepIcon, ScSubAgent, ScInChatMessage, ScButton, ScFileField, ScTodoList, ScMediaSelect, ScMediaApproval, ScHDivider, ScSelection, ScCheckbox, ScSelect, ScTextField, ScTextArea, ScOnlyField, ScMenuOptions } from "@streamoid/ui";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal, flushSync } from "react-dom";
 import { SiconDown, SiconClose, SiconAttach, SiconSearch, SiconPlus, SiconMore } from "@streamoid/icons";
@@ -10653,8 +10653,8 @@ function compiler$1(e) {
       link: l(Un),
       listItem: l(Xn),
       listItemValue: R,
-      listOrdered: l(Gn, E),
-      listUnordered: l(Gn),
+      listOrdered: l(Hn, E),
+      listUnordered: l(Hn),
       paragraph: l(Qn),
       reference: _e,
       referenceString: c,
@@ -11092,7 +11092,7 @@ function compiler$1(e) {
       children: []
     };
   }
-  function Gn(Pt) {
+  function Hn(Pt) {
     return {
       type: "list",
       ordered: Pt.type === "listOrdered",
@@ -23922,8 +23922,8 @@ function compiler(e) {
       link: l(Un),
       listItem: l(Xn),
       listItemValue: R,
-      listOrdered: l(Gn, E),
-      listUnordered: l(Gn),
+      listOrdered: l(Hn, E),
+      listUnordered: l(Hn),
       paragraph: l(Qn),
       reference: _e,
       referenceString: c,
@@ -24361,7 +24361,7 @@ function compiler(e) {
       children: []
     };
   }
-  function Gn(Pt) {
+  function Hn(Pt) {
     return {
       type: "list",
       ordered: Pt.type === "listOrdered",
@@ -35273,7 +35273,7 @@ function requireJsuites() {
             }, Ze;
           }
           var Un = Vn();
-          function Gn(Ze, it) {
+          function Hn(Ze, it) {
             var Pe = {};
             Pe.options = {};
             var je = {
@@ -35896,7 +35896,7 @@ function requireJsuites() {
             notification: Un,
             palette: Je,
             picker: Ge,
-            progressbar: Gn,
+            progressbar: Hn,
             rating: Xn,
             search: Qn,
             slider: Jn,
@@ -37925,7 +37925,7 @@ function requireDist$1() {
           function Un(z) {
             return [M, I, T, F, P, R].indexOf(z) >= 0 || typeof z == "number" && (isNaN(z) || !isFinite(z));
           }
-          function Gn(z) {
+          function Hn(z) {
             return Un(z) || z === Z;
           }
           function Xn(z) {
@@ -39392,7 +39392,7 @@ function requireDist$1() {
           }, h.HYPGEOM = Ct, h.HYPGEOMDIST = Lu, h.IF = function(z, ee, Fe) {
             return z instanceof Error ? z : ((ee = !(arguments.length >= 2) || ee) == null && (ee = 0), (Fe = arguments.length === 3 && Fe) == null && (Fe = 0), z ? ee : Fe);
           }, h.IFERROR = function(z, ee) {
-            return Gn(z) ? ee : z;
+            return Hn(z) ? ee : z;
           }, h.IFNA = function(z, ee) {
             return z === Z ? ee : z;
           }, h.IFS = function() {
@@ -39514,7 +39514,7 @@ function requireDist$1() {
             return Yn;
           }, h.ISBLANK = function(z) {
             return z === null;
-          }, h.ISERR = Un, h.ISERROR = Gn, h.ISEVEN = function(z) {
+          }, h.ISERR = Un, h.ISERROR = Hn, h.ISEVEN = function(z) {
             return !(1 & Math.floor(Math.abs(z)));
           }, h.ISFORMULA = function() {
             throw new Error("ISFORMULA is not implemented");
@@ -39638,7 +39638,7 @@ function requireDist$1() {
           }, h.MUNIT = function(z) {
             return arguments.length > 1 ? Z : !(z = parseInt(z)) || z <= 0 ? M : Array(z).fill(0).map((() => Array(z).fill(0))).map(((ee, Fe) => (ee[Fe] = 1, ee)));
           }, h.N = function(z) {
-            return Qn(z) ? z : z instanceof Date ? z.getTime() : z === !0 ? 1 : z === !1 ? 0 : Gn(z) ? z : 0;
+            return Qn(z) ? z : z instanceof Date ? z.getTime() : z === !0 ? 1 : z === !1 ? 0 : Hn(z) ? z : 0;
           }, h.NA = function() {
             return Z;
           }, h.NEGBINOM = Mn, h.NEGBINOMDIST = Zc, h.NETWORKDAYS = Po, h.NETWORKDAYSINTL = wo, h.NOMINAL = function(z, ee) {
@@ -40064,7 +40064,7 @@ function requireDist$1() {
           }, h.TRUNC = function(z, ee) {
             return tt(z = _e(z), ee = _e(ee)) || (z > 0 ? 1 : -1) * Math.floor(Math.abs(z) * Math.pow(10, ee)) / Math.pow(10, ee);
           }, h.TTEST = Pu, h.TYPE = function(z) {
-            return Qn(z) ? 1 : Jn(z) ? 2 : Xn(z) ? 4 : Gn(z) ? 16 : Array.isArray(z) ? 64 : void 0;
+            return Qn(z) ? 1 : Jn(z) ? 2 : Xn(z) ? 4 : Hn(z) ? 16 : Array.isArray(z) ? 64 : void 0;
           }, h.UNICHAR = yl, h.UNICODE = Ki, h.UNIQUE = Sn, h.UPPER = function(z) {
             return (z = pt(z)) instanceof Error ? z : z.toUpperCase();
           }, h.VALUE = function(z) {
@@ -44972,7 +44972,7 @@ var CRC32 = /* @__PURE__ */ (function() {
     var vt = et & 7, ct = et >>> 3;
     return vt <= 5 ? Oe[ct] |= (st & 7) << vt : (Oe[ct] |= st << vt & 255, Oe[ct + 1] = (st & 7) >> 8 - vt), et + 3;
   }
-  function Gn(Oe, et, st) {
+  function Hn(Oe, et, st) {
     var vt = et & 7, ct = et >>> 3;
     return st = (st & 1) << vt, Oe[ct] |= st, et + 1;
   }
@@ -45079,7 +45079,7 @@ var CRC32 = /* @__PURE__ */ (function() {
               wn[In] = Wt & 32767, In = (In << 5 ^ Mt[Wt]) & 32767, ++Wt;
             En -= sr - 1;
           } else
-            Tn <= 143 ? Tn = Tn + 48 : Ut = Gn(It, Ut, 1), Ut = Xn(It, Ut, At[Tn]), wn[In] = Wt & 32767, ++Wt;
+            Tn <= 143 ? Tn = Tn + 48 : Ut = Hn(It, Ut, 1), Ut = Xn(It, Ut, At[Tn]), wn[In] = Wt & 32767, ++Wt;
         }
         Ut = Xn(It, Ut, 0) - 1;
       }
@@ -50078,9 +50078,9 @@ var WK_ = /* @__PURE__ */ (function() {
           /* NUMBER */
           case 16:
             Un == 14 && (on[2] & 112) == 112 && (on[2] & 15) > 1 && (on[2] & 15) < 15 && (on[1].z = at.dateNF || table_fmt[14], at.cellDates && (on[1].t = "d", on[1].v = numdate(on[1].v))), at.qpro && on[3] > Et && (pt["!ref"] = encode_range(xt), bt[St] = pt, At.push(St), pt = at.dense ? [] : {}, xt = { s: { r: 0, c: 0 }, e: { r: 0, c: 0 } }, Et = on[3], St = wt || "Sheet" + (Et + 1), wt = "");
-            var Gn = at.dense ? (pt[on[0].r] || [])[on[0].c] : pt[encode_cell(on[0])];
-            if (Gn) {
-              Gn.t = on[1].t, Gn.v = on[1].v, on[1].z != null && (Gn.z = on[1].z), on[1].f != null && (Gn.f = on[1].f);
+            var Hn = at.dense ? (pt[on[0].r] || [])[on[0].c] : pt[encode_cell(on[0])];
+            if (Hn) {
+              Hn.t = on[1].t, Hn.v = on[1].v, on[1].z != null && (Hn.z = on[1].z), on[1].f != null && (Hn.f = on[1].f);
               break;
             }
             at.dense ? (pt[on[0].r] || (pt[on[0].r] = []), pt[on[0].r][on[0].c] = on[1]) : pt[encode_cell(on[0])] = on[1];
@@ -58663,8 +58663,8 @@ function parse_workbook(e, t) {
             if (Q = make_cell(xt.val, xt.cell.ixfe, xt.tt), Q.XF = Ne[Q.ixfe], t.cellFormula) {
               var Vn = xt.formula;
               if (Vn && Vn[0] && Vn[0][0] && Vn[0][0][0] == "PtgExp") {
-                var Un = Vn[0][0][1][0], Gn = Vn[0][0][1][1], Xn = encode_cell({ r: Un, c: Gn });
-                F[Xn] ? Q.f = "" + stringify_formula(xt.formula, c, xt.cell, ut, qe) : Q.F = ((t.dense ? (s[Un] || [])[Gn] : s[Xn]) || {}).F;
+                var Un = Vn[0][0][1][0], Hn = Vn[0][0][1][1], Xn = encode_cell({ r: Un, c: Hn });
+                F[Xn] ? Q.f = "" + stringify_formula(xt.formula, c, xt.cell, ut, qe) : Q.F = ((t.dense ? (s[Un] || [])[Hn] : s[Xn]) || {}).F;
               } else Q.f = "" + stringify_formula(xt.formula, c, xt.cell, ut, qe);
             }
             Ve > 0 && (Q.z = _e[Q.ixfe >> 8 & 63]), safe_format_xf(Q, t, n.opts.Date1904), He(xt.cell, Q, t), f = xt;
@@ -68135,7 +68135,7 @@ function DynamicForm(e) {
     } finally {
       Ie(!1);
     }
-  }, Gn = async (nt) => {
+  }, Hn = async (nt) => {
     nt?.preventDefault(), Vn() && await Un(I, Ae);
   }, Xn = async () => {
     await Un(P ?? "Cancel", Ae);
@@ -68630,7 +68630,7 @@ function DynamicForm(e) {
             size: "md",
             text: I,
             onClick: () => {
-              Gn();
+              Hn();
             }
           }
         )
@@ -68690,7 +68690,7 @@ function DynamicForm(e) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: Gn, className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs("form", { onSubmit: Hn, className: "flex flex-col", children: [
       Ze && /* @__PURE__ */ jsx("div", { className: "px-[24px] pt-[16px]", children: Ze }),
       /* @__PURE__ */ jsx("div", { className: "max-h-[40vh] overflow-y-auto", children: Rt }),
       ft
@@ -68715,7 +68715,7 @@ function DynamicForm(e) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("form", { onSubmit: Gn, className: "relative flex-1 min-h-0 flex flex-col", children: [
+      /* @__PURE__ */ jsxs("form", { onSubmit: Hn, className: "relative flex-1 min-h-0 flex flex-col", children: [
         Ze && /* @__PURE__ */ jsx("div", { className: "px-3 sm:px-5 pb-2 flex-shrink-0", children: Ze }),
         /* @__PURE__ */ jsx("div", { className: `scroll-fade-top ${$t ? "" : "fade-hidden"}` }),
         /* @__PURE__ */ jsx(
@@ -69065,7 +69065,7 @@ function SpreadsheetField({
   }, [g, He, Je, E, pt]), Vn = on ? Object.keys(on).length : 0, Un = useMemo(
     () => `${He}:${gn.length}:${Bt.length}:${Je}:${Vn}`,
     [He, gn.length, Bt.length, Je, Vn]
-  ), Gn = useMemo(
+  ), Hn = useMemo(
     () => ({ current: null }),
     [ke, Un]
   ), Xn = useMemo(
@@ -69147,7 +69147,7 @@ function SpreadsheetField({
       }
     )
   ] }), jn = (mn, Ze) => {
-    const it = mn === "preview", Pe = it ? Xn : Gn, je = ke === "compact" ? "spreadsheet-density-compact" : "spreadsheet-density-comfortable";
+    const it = mn === "preview", Pe = it ? Xn : Hn, je = ke === "compact" ? "spreadsheet-density-compact" : "spreadsheet-density-comfortable";
     return gn.length ? /* @__PURE__ */ jsxs(
       "div",
       {
@@ -81085,7 +81085,7 @@ function SelectProducts({
       try {
         const Vn = await fetchRequiredFields(t);
         if (Vn?.status?.code !== 0 || !Vn.data) return;
-        const { columns: Un, allowedValues: Gn } = buildFromRequiredFields(Vn.data), Xn = new Set(DEFAULT_COLUMNS.map((Jn) => Jn.value)), Qn = Un.filter((Jn) => !Xn.has(Jn.value));
+        const { columns: Un, allowedValues: Hn } = buildFromRequiredFields(Vn.data), Xn = new Set(DEFAULT_COLUMNS.map((Jn) => Jn.value)), Qn = Un.filter((Jn) => !Xn.has(Jn.value));
         Qn.length > 0 && (P((Jn) => {
           const Sn = new Set(Jn.map((Pt) => Pt.value)), nr = Qn.filter((Pt) => !Sn.has(Pt.value));
           return nr.length > 0 ? [...Jn, ...nr] : Jn;
@@ -81094,7 +81094,7 @@ function SelectProducts({
           for (const nr of Qn)
             !CORE_COLUMN_VALUES.has(nr.value) && Sn[nr.value] === void 0 && (Sn[nr.value] = !1);
           return Sn;
-        })), Z((Jn) => mergeAllowedValues(Jn, Gn));
+        })), Z((Jn) => mergeAllowedValues(Jn, Hn));
       } catch (Vn) {
         console.error("Failed to fetch required fields:", Vn);
       } finally {
@@ -81105,12 +81105,12 @@ function SelectProducts({
   const At = useCallback(
     async (Vn = 1) => {
       if (!t) return;
-      const Un = ++bt.current, Gn = buildFieldsFromColumns(I, DEFAULT_SOURCE_MP), Xn = buildFiltersFromFields(Gn), Qn = (Vn - 1) * PRODUCTS_PER_PAGE;
+      const Un = ++bt.current, Hn = buildFieldsFromColumns(I, DEFAULT_SOURCE_MP), Xn = buildFiltersFromFields(Hn), Qn = (Vn - 1) * PRODUCTS_PER_PAGE;
       R(!0);
       try {
         const Jn = await searchProducts({
           storeId: t,
-          fields: Gn,
+          fields: Hn,
           filters: Xn,
           start: Qn,
           rows: PRODUCTS_PER_PAGE
@@ -81140,8 +81140,8 @@ function SelectProducts({
     !t || !Ke || At(Ne);
   }, [t, Ne, Ke]);
   const Ht = useCallback(
-    async (Vn, Un, Gn, Xn) => {
-      const Qn = Gn === "required" ? "product" : Gn, Jn = Vn.product_code, Sn = Vn.product_uuid;
+    async (Vn, Un, Hn, Xn) => {
+      const Qn = Hn === "required" ? "product" : Hn, Jn = Vn.product_code, Sn = Vn.product_uuid;
       if (!Jn || !Sn)
         throw new Error("Missing product code or UUID");
       await updateProduct({
@@ -81174,7 +81174,7 @@ function SelectProducts({
       new Set(gn.map((Qn) => Qn.product_uuid).filter(Boolean))
     ), Un = Array.from(
       new Set(gn.map((Qn) => Qn.product_code).filter(Boolean))
-    ), Gn = h ? { product_uuids: Vn } : { product_codes: Un }, Xn = {
+    ), Hn = h ? { product_uuids: Vn } : { product_codes: Un }, Xn = {
       product_uuids: Vn,
       product_codes: Un,
       workspaceId: e,
@@ -81191,7 +81191,7 @@ function SelectProducts({
         {},
         // filters
         h,
-        Gn,
+        Hn,
         Xn
       );
       Qn?.submitted && (at(!0), St(Qn.submittedValues ?? Xn));
@@ -81213,7 +81213,7 @@ function SelectProducts({
     }));
   }, []);
   if (_e) {
-    const Vn = pt, Un = Array.isArray(Vn?.product_uuids) ? Vn.product_uuids : [], Gn = Array.isArray(Vn?.product_codes) ? Vn.product_codes : [], Xn = Un.length || Gn.length;
+    const Vn = pt, Un = Array.isArray(Vn?.product_uuids) ? Vn.product_uuids : [], Hn = Array.isArray(Vn?.product_codes) ? Vn.product_codes : [], Xn = Un.length || Hn.length;
     return /* @__PURE__ */ jsx("div", { className: "w-fit max-w-full py-2 animate-in fade-in duration-300", children: /* @__PURE__ */ jsxs("div", { className: "rounded-md border p-2.5 flex items-start gap-2 bg-emerald-50/50 border-emerald-200 dark:bg-muted/20 dark:border-border", children: [
       /* @__PURE__ */ jsx("div", { className: "mt-px text-emerald-500", children: /* @__PURE__ */ jsx(CircleCheckBig$1, { className: "w-4 h-4" }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -82942,7 +82942,7 @@ function EditFeed({
       }), He((Xe) => new Set(Xe).add(`${Rt}:${Lt}`));
     },
     []
-  ), [Un, Gn] = useState(null), [Xn, Qn] = useState(null), Jn = useRef(null), Sn = useRef(Un);
+  ), [Un, Hn] = useState(null), [Xn, Qn] = useState(null), Jn = useRef(null), Sn = useRef(Un);
   useEffect(() => {
     Sn.current = Un;
   }, [Un]);
@@ -82953,10 +82953,10 @@ function EditFeed({
     at
   ]);
   const Pt = useCallback((Rt, Lt) => {
-    Gn({ col: Lt, anchorRow: Rt, focusRow: Rt });
+    Hn({ col: Lt, anchorRow: Rt, focusRow: Rt });
   }, []), Kt = useCallback(
     (Rt, Lt) => {
-      Gn((ze) => !ze || ze.col !== Lt ? { col: Lt, anchorRow: Rt, focusRow: Rt } : { ...ze, focusRow: Rt });
+      Hn((ze) => !ze || ze.col !== Lt ? { col: Lt, anchorRow: Rt, focusRow: Rt } : { ...ze, focusRow: Rt });
     },
     []
   ), pn = useCallback(
@@ -83009,7 +83009,7 @@ function EditFeed({
               const Gt = Tt - 1 - jt;
               Gt >= 0 && Vn(Gt, gt, Nn[jt]);
             }
-            return Gn({
+            return Hn({
               col: gt,
               anchorRow: Zt,
               focusRow: Vt
@@ -83019,7 +83019,7 @@ function EditFeed({
           const Xt = computeFillValues(Mn, qn.length);
           return qn.forEach((un, Nn) => {
             Vn(un, gt, Xt[Nn]);
-          }), Gn({
+          }), Hn({
             col: gt,
             anchorRow: Tt,
             focusRow: Zt
@@ -83060,7 +83060,7 @@ function EditFeed({
       else if (Lt.key === "ArrowLeft") ft = -1;
       else if (Lt.key === "ArrowRight") ft = 1;
       else if (Lt.key === "Escape") {
-        Lt.preventDefault(), Gn(null);
+        Lt.preventDefault(), Hn(null);
         return;
       } else
         return;
@@ -83073,11 +83073,11 @@ function EditFeed({
           0,
           Math.min(nt, Un.focusRow + Xe)
         );
-        Gn({ ...Un, focusRow: Zt }), it(Zt, Un.col);
+        Hn({ ...Un, focusRow: Zt }), it(Zt, Un.col);
         return;
       }
       const gt = Math.max(0, Math.min(dt, Ct + ft)), Tt = Ie[gt], Vt = Math.max(0, Math.min(nt, Un.focusRow + Xe));
-      Gn({ col: Tt, anchorRow: Vt, focusRow: Vt }), it(Vt, Tt);
+      Hn({ col: Tt, anchorRow: Vt, focusRow: Vt }), it(Vt, Tt);
     };
     return window.addEventListener("keydown", Rt), () => window.removeEventListener("keydown", Rt);
   }, [Un, Ie, F.length, it]);
@@ -85434,7 +85434,7 @@ var catalogixManifest = [
         }
       }
       function T() {
-        var ze = Gn.A;
+        var ze = Hn.A;
         return ze === null ? null : ze.getOwner();
       }
       function M() {
@@ -85675,7 +85675,7 @@ Your code should look like:
         throw ze._result;
       }
       function qe() {
-        var ze = Gn.H;
+        var ze = Hn.H;
         return ze === null && console.error(
           `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
 1. You might have mismatching versions of React and the renderer (such as React DOM)
@@ -85685,7 +85685,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         ), ze;
       }
       function Je() {
-        Gn.asyncTransitions--;
+        Hn.asyncTransitions--;
       }
       function Qe(ze) {
         if (it === null)
@@ -85715,7 +85715,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         ), Pe = Xe;
       }
       function Ke(ze, Xe, ft) {
-        var Ct = Gn.actQueue;
+        var Ct = Hn.actQueue;
         if (Ct !== null)
           if (Ct.length !== 0)
             try {
@@ -85724,10 +85724,10 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
               });
               return;
             } catch (nt) {
-              Gn.thrownErrors.push(nt);
+              Hn.thrownErrors.push(nt);
             }
-          else Gn.actQueue = null;
-        0 < Gn.thrownErrors.length ? (Ct = ot(Gn.thrownErrors), Gn.thrownErrors.length = 0, ft(Ct)) : Xe(ze);
+          else Hn.actQueue = null;
+        0 < Hn.thrownErrors.length ? (Ct = ot(Hn.thrownErrors), Hn.thrownErrors.length = 0, ft(Ct)) : Xe(ze);
       }
       function lt(ze) {
         if (!yt) {
@@ -85737,10 +85737,10 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
             for (; Xe < ze.length; Xe++) {
               var ft = ze[Xe];
               do {
-                Gn.didUsePromise = !1;
+                Hn.didUsePromise = !1;
                 var Ct = ft(!1);
                 if (Ct !== null) {
-                  if (Gn.didUsePromise) {
+                  if (Hn.didUsePromise) {
                     ze[Xe] = ft, ze.splice(0, Xe);
                     return;
                   }
@@ -85750,7 +85750,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
             }
             ze.length = 0;
           } catch (nt) {
-            ze.splice(0, Xe + 1), Gn.thrownErrors.push(nt);
+            ze.splice(0, Xe + 1), Hn.thrownErrors.push(nt);
           } finally {
             yt = !1;
           }
@@ -85793,7 +85793,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
       for (Lt in on)
         on.hasOwnProperty(Lt) && n(Lt, on[Lt]);
       c.prototype = l.prototype, on = f.prototype = new c(), on.constructor = f, vn(on, l.prototype), on.isPureReactComponent = !0;
-      var Vn = Array.isArray, Un = /* @__PURE__ */ Symbol.for("react.client.reference"), Gn = {
+      var Vn = Array.isArray, Un = /* @__PURE__ */ Symbol.for("react.client.reference"), Hn = {
         H: null,
         A: null,
         T: null,
@@ -85872,17 +85872,17 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
           return ze;
         }
       };
-      e.Activity = Ht, e.Children = Lt, e.Component = l, e.Fragment = $t, e.Profiler = _e, e.PureComponent = f, e.StrictMode = Ve, e.Suspense = wt, e.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = Gn, e.__COMPILER_RUNTIME = on, e.act = function(ze) {
-        var Xe = Gn.actQueue, ft = Pe;
+      e.Activity = Ht, e.Children = Lt, e.Component = l, e.Fragment = $t, e.Profiler = _e, e.PureComponent = f, e.StrictMode = Ve, e.Suspense = wt, e.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = Hn, e.__COMPILER_RUNTIME = on, e.act = function(ze) {
+        var Xe = Hn.actQueue, ft = Pe;
         Pe++;
-        var Ct = Gn.actQueue = Xe !== null ? Xe : [], nt = !1;
+        var Ct = Hn.actQueue = Xe !== null ? Xe : [], nt = !1;
         try {
           var dt = ze();
         } catch (Vt) {
-          Gn.thrownErrors.push(Vt);
+          Hn.thrownErrors.push(Vt);
         }
-        if (0 < Gn.thrownErrors.length)
-          throw tt(Xe, ft), ze = ot(Gn.thrownErrors), Gn.thrownErrors.length = 0, ze;
+        if (0 < Hn.thrownErrors.length)
+          throw tt(Xe, ft), ze = ot(Hn.thrownErrors), Hn.thrownErrors.length = 0, ze;
         if (dt !== null && typeof dt == "object" && typeof dt.then == "function") {
           var gt = dt;
           return Rt(function() {
@@ -85903,20 +85903,20 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
                         );
                       });
                     } catch (qn) {
-                      Gn.thrownErrors.push(qn);
+                      Hn.thrownErrors.push(qn);
                     }
-                    if (0 < Gn.thrownErrors.length) {
+                    if (0 < Hn.thrownErrors.length) {
                       var Mn = ot(
-                        Gn.thrownErrors
+                        Hn.thrownErrors
                       );
-                      Gn.thrownErrors.length = 0, Zt(Mn);
+                      Hn.thrownErrors.length = 0, Zt(Mn);
                     }
                   } else Vt(hn);
                 },
                 function(hn) {
-                  tt(Xe, ft), 0 < Gn.thrownErrors.length && (hn = ot(
-                    Gn.thrownErrors
-                  ), Gn.thrownErrors.length = 0), Zt(hn);
+                  tt(Xe, ft), 0 < Hn.thrownErrors.length && (hn = ot(
+                    Hn.thrownErrors
+                  ), Hn.thrownErrors.length = 0), Zt(hn);
                 }
               );
             }
@@ -85927,11 +85927,11 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
           nt || je || (je = !0, console.error(
             "A component suspended inside an `act` scope, but the `act` call was not awaited. When testing React components that depend on asynchronous data, you must await the result:\n\nawait act(() => ...)"
           ));
-        }), Gn.actQueue = null), 0 < Gn.thrownErrors.length)
-          throw ze = ot(Gn.thrownErrors), Gn.thrownErrors.length = 0, ze;
+        }), Hn.actQueue = null), 0 < Hn.thrownErrors.length)
+          throw ze = ot(Hn.thrownErrors), Hn.thrownErrors.length = 0, ze;
         return {
           then: function(Vt, Zt) {
-            nt = !0, ft === 0 ? (Gn.actQueue = Ct, Qe(function() {
+            nt = !0, ft === 0 ? (Hn.actQueue = Ct, Qe(function() {
               return Ke(
                 Tt,
                 Vt,
@@ -85947,7 +85947,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
       }, e.cacheSignal = function() {
         return null;
       }, e.captureOwnerStack = function() {
-        var ze = Gn.getCurrentStack;
+        var ze = Hn.getCurrentStack;
         return ze === null ? null : ze();
       }, e.cloneElement = function(ze, Xe, ft) {
         if (ze == null)
@@ -86025,7 +86025,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
           Ct,
           typeof ze == "function" ? ze.displayName || ze.name || "Unknown" : ze
         );
-        var Vt = 1e4 > Gn.recentlyCreatedOwnerStacks++;
+        var Vt = 1e4 > Hn.recentlyCreatedOwnerStacks++;
         return Z(
           ze,
           nt,
@@ -86097,11 +86097,11 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
           }
         }), Xe;
       }, e.startTransition = function(ze) {
-        var Xe = Gn.T, ft = {};
-        ft._updatedFibers = /* @__PURE__ */ new Set(), Gn.T = ft;
+        var Xe = Hn.T, ft = {};
+        ft._updatedFibers = /* @__PURE__ */ new Set(), Hn.T = ft;
         try {
-          var Ct = ze(), nt = Gn.S;
-          nt !== null && nt(ft, Ct), typeof Ct == "object" && Ct !== null && typeof Ct.then == "function" && (Gn.asyncTransitions++, Ct.then(Je, Je), Ct.then(h, mn));
+          var Ct = ze(), nt = Hn.S;
+          nt !== null && nt(ft, Ct), typeof Ct == "object" && Ct !== null && typeof Ct.then == "function" && (Hn.asyncTransitions++, Ct.then(Je, Je), Ct.then(h, mn));
         } catch (dt) {
           mn(dt);
         } finally {
@@ -86109,7 +86109,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
             "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
           )), Xe !== null && ft.types !== null && (Xe.types !== null && Xe.types !== ft.types && console.error(
             "We expected inner Transitions to have transferred the outer types set and that you cannot add to the outer Transition while inside the inner.This is a bug in React."
-          ), Xe.types = ft.types), Gn.T = Xe;
+          ), Xe.types = ft.types), Hn.T = Xe;
         }
       }, e.unstable_useCacheRefresh = function() {
         return qe().useCacheRefresh();
@@ -86874,7 +86874,7 @@ Error generating stack: ` + te.message + `
 ` + te.stack;
       }
     }
-    var Gn = Object.prototype.hasOwnProperty, Xn = t.unstable_scheduleCallback, Qn = t.unstable_cancelCallback, Jn = t.unstable_shouldYield, Sn = t.unstable_requestPaint, nr = t.unstable_now, Pt = t.unstable_getCurrentPriorityLevel, Kt = t.unstable_ImmediatePriority, pn = t.unstable_UserBlockingPriority, jn = t.unstable_NormalPriority, mn = t.unstable_LowPriority, Ze = t.unstable_IdlePriority, it = t.log, Pe = t.unstable_setDisableYieldValue, je = null, yt = null;
+    var Hn = Object.prototype.hasOwnProperty, Xn = t.unstable_scheduleCallback, Qn = t.unstable_cancelCallback, Jn = t.unstable_shouldYield, Sn = t.unstable_requestPaint, nr = t.unstable_now, Pt = t.unstable_getCurrentPriorityLevel, Kt = t.unstable_ImmediatePriority, pn = t.unstable_UserBlockingPriority, jn = t.unstable_NormalPriority, mn = t.unstable_LowPriority, Ze = t.unstable_IdlePriority, it = t.log, Pe = t.unstable_setDisableYieldValue, je = null, yt = null;
     function Rt(C) {
       if (typeof it == "function" && Pe(C), yt && typeof yt.setStrictMode == "function")
         try {
@@ -87144,7 +87144,7 @@ Error generating stack: ` + te.message + `
       "^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"
     ), Mi = {}, wi = {};
     function Cr(C) {
-      return Gn.call(wi, C) ? !0 : Gn.call(Mi, C) ? !1 : ur.test(C) ? wi[C] = !0 : (Mi[C] = !0, !1);
+      return Hn.call(wi, C) ? !0 : Hn.call(Mi, C) ? !1 : ur.test(C) ? wi[C] = !0 : (Mi[C] = !0, !1);
     }
     function Ta(C, j, V) {
       if (Cr(j))
@@ -87913,7 +87913,7 @@ Error generating stack: ` + te.message + `
       if (V.length !== te.length) return !1;
       for (te = 0; te < V.length; te++) {
         var Be = V[te];
-        if (!Gn.call(j, Be) || !Kn(C[Be], j[Be]))
+        if (!Hn.call(j, Be) || !Kn(C[Be], j[Be]))
           return !1;
       }
       return !0;
@@ -88046,10 +88046,10 @@ Error generating stack: ` + te.message + `
       va[Ea++] = C, va[Ea++] = j, va[Ea++] = V, va[Ea++] = te, oi |= te, C.lanes |= te, C = C.alternate, C !== null && (C.lanes |= te);
     }
     function Yt(C, j, V, te) {
-      return Ot(C, j, V, te), Hn(C);
+      return Ot(C, j, V, te), Gn(C);
     }
     function rn(C, j) {
-      return Ot(C, null, null, j), Hn(C);
+      return Ot(C, null, null, j), Gn(C);
     }
     function Wn(C, j, V) {
       C.lanes |= V;
@@ -88059,7 +88059,7 @@ Error generating stack: ` + te.message + `
         Ue.childLanes |= V, te = Ue.alternate, te !== null && (te.childLanes |= V), Ue.tag === 22 && (C = Ue.stateNode, C === null || C._visibility & 1 || (Be = !0)), C = Ue, Ue = Ue.return;
       return C.tag === 3 ? (Ue = C.stateNode, Be && j !== null && (Be = 31 - Lt(V), C = Ue.hiddenUpdates, te = C[Be], te === null ? C[Be] = [j] : te.push(j), j.lane = V | 536870912), Ue) : null;
     }
-    function Hn(C) {
+    function Gn(C) {
       if (50 < df)
         throw df = 0, Bp = null, Error(s(185));
       for (var j = C.return; j !== null; )
@@ -88984,9 +88984,9 @@ Error generating stack: ` + te.message + `
       if (te === null) return null;
       if (te = te.shared, (oa & 2) !== 0) {
         var Be = te.pending;
-        return Be === null ? j.next = j : (j.next = Be.next, Be.next = j), te.pending = j, j = Hn(C), Wn(C, null, V), j;
+        return Be === null ? j.next = j : (j.next = Be.next, Be.next = j), te.pending = j, j = Gn(C), Wn(C, null, V), j;
       }
-      return Ot(C, te, j, V), Hn(C);
+      return Ot(C, te, j, V), Gn(C);
     }
     function du(C, j, V) {
       if (j = j.updateQueue, j !== null && (j = j.shared, (V & 4194048) !== 0)) {
@@ -96949,7 +96949,7 @@ Error generating stack: ` + rt.message + `
             Bt(d)
           ), Jt(d);
       }
-      function Gn(d) {
+      function Hn(d) {
         if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > "u") return !1;
         var v = __REACT_DEVTOOLS_GLOBAL_HOOK__;
         if (v.isDisabled) return !0;
@@ -99877,7 +99877,7 @@ It can also happen if the client has a browser extension installed which messes
           d.actualDuration += v, d.selfBaseDuration = v, xs = -1;
         }
       }
-      function Hn(d) {
+      function Gn(d) {
         if (0 <= xs) {
           var v = Ui() - xs;
           d.actualDuration += v, xs = -1;
@@ -106851,7 +106851,7 @@ Learn more about data fetching with Hooks: https://react.dev/link/hooks-data-fet
             N,
             v,
             Mu
-          ), (v.mode & Fr) !== wr && Hn(v), N !== null) {
+          ), (v.mode & Fr) !== wr && Gn(v), N !== null) {
             Ur = N;
             return;
           }
@@ -106871,7 +106871,7 @@ Learn more about data fetching with Hooks: https://react.dev/link/hooks-data-fet
             return;
           }
           if ((d.mode & Fr) !== wr) {
-            Hn(d), N = d.actualDuration;
+            Gn(d), N = d.actualDuration;
             for (var q = d.child; q !== null; )
               N += q.actualDuration, q = q.sibling;
             d.actualDuration = N;
@@ -113198,7 +113198,7 @@ Learn more: https://react.dev/warnings/version-mismatch`)
           currentDispatcherRef: $n,
           reconcilerVersion: "19.2.4"
         };
-        return d.overrideHookState = o_, d.overrideHookStateDeletePath = s_, d.overrideHookStateRenamePath = l_, d.overrideProps = c_, d.overridePropsDeletePath = u_, d.overridePropsRenamePath = d_, d.scheduleUpdate = f_, d.scheduleRetry = p_, d.setErrorHandler = h_, d.setSuspenseHandler = m_, d.scheduleRefresh = I, d.scheduleRoot = M, d.setRefreshHandler = P, d.getCurrentFiber = wa, Gn(d);
+        return d.overrideHookState = o_, d.overrideHookStateDeletePath = s_, d.overrideHookStateRenamePath = l_, d.overrideProps = c_, d.overridePropsDeletePath = u_, d.overridePropsRenamePath = d_, d.scheduleUpdate = f_, d.scheduleRetry = p_, d.setErrorHandler = h_, d.setSuspenseHandler = m_, d.scheduleRefresh = I, d.scheduleRoot = M, d.setRefreshHandler = P, d.getCurrentFiber = wa, Hn(d);
       })() && Nu && window.top === window.self && (-1 < navigator.userAgent.indexOf("Chrome") && navigator.userAgent.indexOf("Edge") === -1 || -1 < navigator.userAgent.indexOf("Firefox"))) {
         var g_ = window.location.protocol;
         /^(https?|file):$/.test(g_) && console.info(
@@ -115863,7 +115863,7 @@ var ApiError = class extends Error {
     updateAdTemplate: on,
     deleteAdTemplate: Vn,
     addStylingCategory: Un,
-    updateStylingCategory: Gn,
+    updateStylingCategory: Hn,
     deleteStylingCategory: Xn,
     addStylingItem: Qn,
     updateStylingItem: Jn,
@@ -116043,7 +116043,7 @@ var ApiError = class extends Error {
       updateAdTemplate: on,
       deleteAdTemplate: Vn,
       addStylingCategory: Un,
-      updateStylingCategory: Gn,
+      updateStylingCategory: Hn,
       deleteStylingCategory: Xn,
       addStylingItem: Qn,
       updateStylingItem: Jn,
@@ -126093,7 +126093,7 @@ var import_react37 = __toESM(require_react(), 1), import_react_dom = __toESM(req
       const pn = new Map(Kt);
       return pn.delete(Pt), pn;
     });
-  }, Gn = (Pt) => {
+  }, Hn = (Pt) => {
     const Kt = b.selectedGroupIds.size > 0 ? Array.from(b.selectedGroupIds) : b.activeGroupId ? [b.activeGroupId] : [];
     b.hasGroups && Kt.length > 0 ? Qe((pn) => {
       const jn = new Map(pn);
@@ -126153,7 +126153,7 @@ var import_react37 = __toESM(require_react(), 1), import_react_dom = __toESM(req
           onChange: bt,
           variant: "modal",
           showFavorites: !0,
-          onUpload: Gn,
+          onUpload: Hn,
           onRemoveCustom: Xn,
           customUpload: tt || null
         }
@@ -126713,7 +126713,7 @@ var import_react37 = __toESM(require_react(), 1), import_react_dom = __toESM(req
     Jt?.age || ""
   ).length > 0, Un = (0, import_react51.useMemo)(() => new Set(
     Object.values(g).flat().filter((Xe) => Xe.isBackPose || Xe.name.toLowerCase().includes("back") || Xe.id.toLowerCase().includes("back")).map((Xe) => Xe.id)
-  ), [g]), Gn = (0, import_react51.useMemo)(() => {
+  ), [g]), Hn = (0, import_react51.useMemo)(() => {
     const Xe = /* @__PURE__ */ new Set();
     return R || Un.forEach((ft) => Xe.add(ft)), Xe;
   }, [R, Un]), Xn = (0, import_react51.useMemo)(() => {
@@ -126955,7 +126955,7 @@ ${xt}`,
                   modelAge: Jt?.age,
                   variant: "modal",
                   allowMultiSelect: !0,
-                  disabledPoseIds: Gn
+                  disabledPoseIds: Hn
                 }
               ) }),
               isValid: tt.size > 0
@@ -128110,7 +128110,7 @@ function DirectEditorHost({
         propIds: on = [],
         prompt: Vn = "",
         quality: Un,
-        ...Gn
+        ...Hn
       } = xt, Xn = Ke.find((Pe) => Pe.id === gn), Qn = lt.find((Pe) => Pe.id === Bt), Jn = vn.map((Pe) => ut.find((je) => je.id === Pe)?.image).filter(Boolean), Sn = Jt.map((Pe) => Ge.find((je) => je.id === Pe)?.image).filter(Boolean), nr = on.map((Pe) => $t.find((je) => je.id === Pe)?.image).filter(Boolean), Pt = Jt.map((Pe) => {
         const je = Ge.find((yt) => yt.id === Pe);
         return je?.prompt || je?.name || "";
@@ -128127,7 +128127,7 @@ function DirectEditorHost({
         propsPrompt: Kt
       });
       _e({
-        ...Gn,
+        ...Hn,
         modelId: gn,
         bgId: Bt,
         quality: Un,
@@ -128151,7 +128151,7 @@ function DirectEditorHost({
     ]
   ), pt = (0, import_react56.useCallback)(
     (xt) => {
-      const { selectedBgId: gn, propIds: Bt = [], customPrompt: vn = "", quality: Jt, ...on } = xt, Vn = lt.find((Pt) => Pt.id === gn), Un = Bt.map((Pt) => $t.find((Kt) => Kt.id === Pt)?.image).filter(Boolean), Gn = gn === CUSTOM_BG_ID, Xn = Vn ? isAllowedBgImage(Vn.name) : !1, Qn = Gn || Xn, Jn = tt("product-bg-change") || DEFAULT_BG_CHANGE_TEMPLATE, Sn = [Vn?.prompt, vn].filter(Boolean).join(" "), nr = Jn.replace("{{bgPrompt}}", Sn).replace("[BG PROMPT HERE]", Sn);
+      const { selectedBgId: gn, propIds: Bt = [], customPrompt: vn = "", quality: Jt, ...on } = xt, Vn = lt.find((Pt) => Pt.id === gn), Un = Bt.map((Pt) => $t.find((Kt) => Kt.id === Pt)?.image).filter(Boolean), Hn = gn === CUSTOM_BG_ID, Xn = Vn ? isAllowedBgImage(Vn.name) : !1, Qn = Hn || Xn, Jn = tt("product-bg-change") || DEFAULT_BG_CHANGE_TEMPLATE, Sn = [Vn?.prompt, vn].filter(Boolean).join(" "), nr = Jn.replace("{{bgPrompt}}", Sn).replace("[BG PROMPT HERE]", Sn);
       _e({
         ...on,
         selectedBgId: gn,
@@ -130302,6 +130302,37 @@ function AppChain({ apps: e }) {
     ] })
   ] }, t)) });
 }
+function BriefCard({
+  description: e,
+  children: t,
+  onActivate: n,
+  className: o = "",
+  ...s
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      onClick: n,
+      onKeyDown: (c) => {
+        c.key !== "Enter" && c.key !== " " || (c.preventDefault(), n());
+      },
+      className: [
+        "sa-brief-card sa-brief-card group/brief cursor-pointer outline-none",
+        "focus-visible:ring-2 focus-visible:ring-[var(--alias-border-focus)]",
+        "focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--alias-surface-base)]",
+        o
+      ].join(" "),
+      ...s,
+      children: /* @__PURE__ */ jsxs("div", { className: "sa-brief-card-inner", children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": !0, className: "sa-brief-card-glow" }),
+        /* @__PURE__ */ jsx("p", { className: "sa-brief-card-desc", children: e }),
+        t && /* @__PURE__ */ jsx("div", { className: "mt-auto w-full pt-[10px]", children: t })
+      ] })
+    }
+  );
+}
 function QuickPrompt({
   title: e,
   value: t,
@@ -130311,30 +130342,21 @@ function QuickPrompt({
   onClick: l,
   className: c = ""
 }) {
-  const f = t ?? e, h = n || e, g = useId$1(), b = (T) => {
-    T.key !== "Enter" && T.key !== " " || (T.preventDefault(), l?.(f));
-  }, E = /* @__PURE__ */ jsx(
-    ScBriefCard,
+  const f = t ?? e, h = n || e, g = useId$1(), b = /* @__PURE__ */ jsx(
+    BriefCard,
     {
-      role: "button",
-      tabIndex: 0,
       "aria-label": e,
       "aria-describedby": o ? g : void 0,
       description: h,
-      className: [
-        "cursor-pointer outline-none transition-transform",
-        "focus-visible:ring-2 focus-visible:ring-[var(--alias-border-focus)]",
-        "focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--alias-surface-base)]"
-      ].join(" "),
-      onClick: () => l?.(f),
-      onKeyDown: b
+      onActivate: () => l?.(f),
+      className: "min-h-0 flex-1",
+      children: /* @__PURE__ */ jsx(AppChain, { apps: s })
     }
-  ), R = s.length > 0 ? /* @__PURE__ */ jsx("div", { className: "mt-[6px] px-[2px]", children: /* @__PURE__ */ jsx(AppChain, { apps: s }) }) : null;
+  );
   return o ? (
     // Same hover-reveal idiom as the Products pills below the composer.
     /* @__PURE__ */ jsxs("div", { className: `group relative flex flex-col ${c}`, "data-id": "quick-prompt", children: [
-      E,
-      R,
+      b,
       /* @__PURE__ */ jsxs(
         "div",
         {
@@ -130362,10 +130384,7 @@ function QuickPrompt({
         }
       )
     ] })
-  ) : /* @__PURE__ */ jsxs("div", { className: `flex flex-col ${c}`, "data-id": "quick-prompt", children: [
-    E,
-    R
-  ] });
+  ) : /* @__PURE__ */ jsx("div", { className: `flex flex-col ${c}`, "data-id": "quick-prompt", children: b });
 }
 const FIELD_RE = /^([A-Za-z][A-Za-z0-9 /&-]{0,40}?)\s*:\s*(.+)$/, UPLOAD_VERB_RE = /^(upload|attach|add|drop)\b/i;
 function splitSegments(e) {
@@ -130470,15 +130489,22 @@ function QuickPromptSkeleton({ className: e = "" }) {
   );
 }
 function EmptyChatHero() {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     "div",
     {
-      className: "flex w-full flex-col items-center gap-[24px]",
+      className: "flex w-full flex-col items-center gap-[10px] pt-[110px]",
       "data-id": "empty-chat-hero",
-      children: [
-        /* @__PURE__ */ jsx(ScCxoCopilotLogo, {}),
-        /* @__PURE__ */ jsx("p", { className: "w-full text-center text-[18px] leading-[26px] text-[var(--alias-text---icons-primary)]", children: "Start with a task. Review outputs. Approve." })
-      ]
+      children: /* @__PURE__ */ jsx("h1", { className: "m-0 w-full text-center text-[24px] font-semibold leading-[32px] tracking-[-0.01em] text-[var(--alias-text---icons-primary)]", children: "Run your retail operations from here." })
+    }
+  );
+}
+function EmptyChatSubheading() {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-id": "empty-chat-subheading",
+      className: "m-0 w-full pt-[12px] text-center text-[14px] leading-[20px] text-[var(--alias-text---icons-tertiary)]",
+      children: "Plan, design, shoot, list. You decide what moves forward."
     }
   );
 }
@@ -130565,27 +130591,33 @@ function EmptyChatBelow({
             {
               role: "status",
               "aria-label": "Loading quick prompts",
-              className: "flex w-full min-w-0 flex-row flex-wrap items-start justify-center gap-[16px]",
+              className: "flex w-full min-w-0 flex-row flex-wrap items-stretch justify-center gap-[16px]",
               children: Array.from({ length: QUICK_PROMPT_SKELETON_COUNT }).map((R, T) => /* @__PURE__ */ jsx(QuickPromptSkeleton, {}, `quick-prompt-skeleton-${T}`))
             }
           ) : (
             // No inner scroll container even when expanded: the chat pane
             // above already scrolls, and clipping here would cut off the
             // hover panel that says what each task needs.
-            t.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex w-full min-w-0 flex-row flex-wrap items-start justify-center gap-[16px]", children: t.map((R) => /* @__PURE__ */ jsx(
-              QuickPrompt,
+            t.length > 0 && /* @__PURE__ */ jsx(
+              "div",
               {
-                title: R.title,
-                value: R.value,
-                description: R.description,
-                icon: R.icon,
-                hints: readBriefHints(R.meta),
-                apps: readBriefApps(R.meta),
-                onClick: (T) => o?.(R, T),
-                className: "flex-1 basis-[220px] min-w-[220px]"
-              },
-              `${R.title}:${R.value ?? R.title}`
-            )) })
+                className: "flex w-full min-w-0 flex-row flex-wrap items-stretch justify-center gap-[16px]",
+                children: t.map((R) => /* @__PURE__ */ jsx(
+                  QuickPrompt,
+                  {
+                    title: R.title,
+                    value: R.value,
+                    description: R.description,
+                    icon: R.icon,
+                    hints: readBriefHints(R.meta),
+                    apps: readBriefApps(R.meta),
+                    onClick: (T) => o?.(R, T),
+                    className: "flex-1 basis-[220px] min-w-[220px]"
+                  },
+                  `${R.title}:${R.value ?? R.title}`
+                ))
+              }
+            )
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "w-full pb-[8px]", children: [
@@ -130920,6 +130952,25 @@ function BriefChips({
     }
   );
 }
+function normalizeSpecializationKey(e) {
+  return e?.trim().toLowerCase() || null;
+}
+function briefsForRole(e, t) {
+  const n = normalizeSpecializationKey(t);
+  return n ? e.filter((o) => {
+    const s = normalizeSpecializationKey(o.specialization_key);
+    return !s || s === n;
+  }) : e.filter((o) => !normalizeSpecializationKey(o.specialization_key));
+}
+const EMPTY_CHAT_BRIEF_LIMIT = 3;
+function pickEmptyChatBriefs(e, t, n = EMPTY_CHAT_BRIEF_LIMIT) {
+  return e.map((o, s) => ({ brief: o, index: s })).sort((o, s) => {
+    const l = +!normalizeSpecializationKey(o.brief.specialization_key) - +!normalizeSpecializationKey(s.brief.specialization_key);
+    if (l !== 0) return l;
+    const c = t(s.brief) - t(o.brief);
+    return c !== 0 ? c : o.index - s.index;
+  }).slice(0, n).map((o) => o.brief);
+}
 function extractClipboardImageFiles(e) {
   return e?.items ? Array.from(e.items).flatMap((t) => {
     if (t.kind !== "file" || !t.type.startsWith("image/"))
@@ -133284,7 +133335,7 @@ function MoreBriefsBrowser({
     const Jt = [], on = [];
     for (const Un of o)
       matchesSearch(Un, Ke) && (Un.scope_type === "user" ? on.push(Un) : Jt.push(Un));
-    const Vn = (Un, Gn) => Un.sort_order - Gn.sort_order || Un.title.localeCompare(Gn.title);
+    const Vn = (Un, Hn) => Un.sort_order - Hn.sort_order || Un.title.localeCompare(Hn.title);
     return { presetBriefs: Jt.sort(Vn), customBriefs: on.sort(Vn) };
   }, [o, Ke]), Ge = useMemo(
     () => [
@@ -134573,9 +134624,6 @@ function isUserSideRow(e) {
 function isScrollAnchorRow(e) {
   return e === "user";
 }
-function normalizeSpecializationKey(e) {
-  return e?.trim().toLowerCase() || null;
-}
 function CopyContentButton({
   text: e,
   idleLabel: t,
@@ -134638,7 +134686,7 @@ function ChatScreen() {
     setTechpackStatus: Ke,
     removeBrowserSession: lt
   } = useChatStore(), ut = useRef(null), Ge = useRef(null), $t = useRef(n), Ve = useRef(n), _e = useRef(null), at = useRef(!0), pt = useRef(!0), St = useRef(!1), wt = useRef(null), Et = useRef(0), bt = useRef(!1), At = useRef(null), Ht = useRef([]), xt = useRef([]), gn = useRef(null), Bt = useRef(null), vn = useRef(null), Jt = useRef(!1), on = useRef(null), Vn = useRef(!1), Un = useRef(() => {
-  }), Gn = useRef(null), Xn = useRef(/* @__PURE__ */ new Set()), Qn = useRef(/* @__PURE__ */ new Set()), Jn = useRef([]), [Sn, nr] = useState(n);
+  }), Hn = useRef(null), Xn = useRef(/* @__PURE__ */ new Set()), Qn = useRef(/* @__PURE__ */ new Set()), Jn = useRef([]), [Sn, nr] = useState(n);
   useEffect(() => {
     Qe(null);
   }, [Sn, Qe]);
@@ -134677,7 +134725,7 @@ function ChatScreen() {
         specialization_key: Yt ?? void 0
       });
       if (Ot !== yl.current) return;
-      const Wn = Yt ? rn.data.filter((Hn) => normalizeSpecializationKey(Hn.specialization_key) === Yt) : rn.data.filter((Hn) => !normalizeSpecializationKey(Hn.specialization_key));
+      const Wn = briefsForRole(rn.data, Yt);
       wn(Wn.map(toPromptEntry));
     } catch (Yt) {
       if (Ot !== yl.current) return;
@@ -134728,8 +134776,8 @@ function ChatScreen() {
     In((Ot) => (Ot || _r(normalizeSpecializationKey(f) ?? ""), !Ot));
   }, [f]), bl = useCallback((Ot, Yt, rn) => {
     E((Wn) => dedupeMessagesByIdentity(
-      Wn.map((Hn) => Hn.role !== "user" || Hn.chatId !== Ot || getMessageClientMessageId(Hn) !== Yt ? Hn : {
-        ...Hn,
+      Wn.map((Gn) => Gn.role !== "user" || Gn.chatId !== Ot || getMessageClientMessageId(Gn) !== Yt ? Gn : {
+        ...Gn,
         request_id: rn
       })
     ));
@@ -134763,31 +134811,31 @@ function ChatScreen() {
   }, [Ci]), bo = useCallback((Ot, Yt) => {
     const rn = ut.current;
     if (!rn) return;
-    const Wn = rn.getBoundingClientRect(), Hn = Ot.element.getBoundingClientRect(), er = rn.scrollTop + (Hn.bottom - Wn.bottom);
+    const Wn = rn.getBoundingClientRect(), Gn = Ot.element.getBoundingClientRect(), er = rn.scrollTop + (Gn.bottom - Wn.bottom);
     Ci(Math.max(0, er), Yt);
   }, [Ci]), Ss = useRef(() => null), Cs = useRef(() => {
   }), Xc = useRef(() => !0), Da = useRef(!1), Di = useCallback((Ot, Yt = !1) => {
     const rn = ut.current, Wn = Ge.current;
     if (!rn || yt.current || !Yt && !at.current) return;
-    const Hn = Si(Ot);
+    const Gn = Si(Ot);
     if (Ot === "initial-load") {
-      kr(Hn);
+      kr(Gn);
       return;
     }
     if (Ot === "user-submit" && Ss.current() !== null) {
-      Cs.current(Hn);
+      Cs.current(Gn);
       return;
     }
     if (Ot === "follow-tail") {
       if (Da.current && Xc.current() && Ss.current() !== null) {
-        Cs.current(Hn);
+        Cs.current(Gn);
         return;
       }
-      kr(Hn);
+      kr(Gn);
       return;
     }
     const er = _i(Wn ?? rn, Ot);
-    er ? bo(er, Hn) : kr(Hn);
+    er ? bo(er, Gn) : kr(Gn);
   }, [Si, _i, bo, kr]), wl = useCallback((Ot) => Ot === "follow-tail" ? 0 : Ot === "initial-load" ? 1 : Ot === "form-close" ? 2 : Ot === "user-submit" ? 3 : 4, []), Us = useCallback(() => {
     vn.current = null, gn.current !== null && (window.clearTimeout(gn.current), gn.current = null), Bt.current !== null && (window.cancelAnimationFrame(Bt.current), Bt.current = null);
   }, []);
@@ -134797,30 +134845,30 @@ function ChatScreen() {
     if (Wn !== null && wl(Wn) > rn)
       return;
     vn.current = Ot, gn.current !== null && (window.clearTimeout(gn.current), gn.current = null), Bt.current !== null && (window.cancelAnimationFrame(Bt.current), Bt.current = null);
-    const Hn = () => {
+    const Gn = () => {
       Bt.current = window.requestAnimationFrame(() => {
         Bt.current = null, vn.current = null, Di(Ot, Yt?.force ?? !1);
       });
     };
     if (Yt?.delayMs && Yt.delayMs > 0) {
       gn.current = window.setTimeout(() => {
-        gn.current = null, Hn();
+        gn.current = null, Gn();
       }, Yt.delayMs);
       return;
     }
-    Hn();
+    Gn();
   }, [Di]), _l = useCallback(() => {
     Ht.current.forEach((Ot) => window.clearTimeout(Ot)), xt.current.forEach((Ot) => window.cancelAnimationFrame(Ot)), Ht.current = [], xt.current = [];
   }, []), ks = useCallback((Ot) => {
     _l(), pt.current = !0, Et.current = Date.now() + FORM_SCROLL_SUPPRESS_MS, (Ot === "form-open" ? [0, FORM_LAYOUT_SETTLE_MS] : [0, FORM_LAYOUT_SETTLE_MS, FORM_LAYOUT_SETTLE_MS * 2]).forEach((rn) => {
       const Wn = window.setTimeout(() => {
-        const Hn = window.requestAnimationFrame(() => {
+        const Gn = window.requestAnimationFrame(() => {
           const er = window.requestAnimationFrame(() => {
             Di(Ot, !0), xt.current = xt.current.filter((hr) => hr !== er);
           });
-          xt.current.push(er), xt.current = xt.current.filter((hr) => hr !== Hn);
+          xt.current.push(er), xt.current = xt.current.filter((hr) => hr !== Gn);
         });
-        xt.current.push(Hn), Ht.current = Ht.current.filter((er) => er !== Wn);
+        xt.current.push(Gn), Ht.current = Ht.current.filter((er) => er !== Wn);
       }, rn);
       Ht.current.push(Wn);
     });
@@ -134900,12 +134948,12 @@ function ChatScreen() {
         try {
           const Wn = await loadChat(o, Ot);
           if ($t.current !== Ot) return;
-          const Hn = hasArtifaxDreamerCanvas(
+          const Gn = hasArtifaxDreamerCanvas(
             Wn
           ), er = hasTechpackPane(
             Wn
           );
-          if (Hn ? oe(Ot, "loading") : Bo?.active || oe(Ot, null), er ? Ke("loading") : Ae?.active || Ke(null), E(
+          if (Gn ? oe(Ot, "loading") : Bo?.active || oe(Ot, null), er ? Ke("loading") : Ae?.active || Ke(null), E(
             (hr) => mergeHydratedMessages(
               hr,
               Wn,
@@ -134955,14 +135003,14 @@ function ChatScreen() {
       } else
         Oe(null);
       if (rn.length === 0) return;
-      const Hn = [];
+      const Gn = [];
       for (const er of rn) {
         const hr = uuidv7(), Tr = er.type.startsWith("image/");
         let La;
-        Tr && (La = URL.createObjectURL(er)), Hn.push({ id: hr, file: er, previewUrl: La, isImage: Tr, uploadStatus: "pending" });
+        Tr && (La = URL.createObjectURL(er)), Gn.push({ id: hr, file: er, previewUrl: La, isImage: Tr, uploadStatus: "pending" });
       }
-      gt((er) => [...er, ...Hn]);
-      for (const er of Hn) {
+      gt((er) => [...er, ...Gn]);
+      for (const er of Gn) {
         if (!o) continue;
         gt((Tr) => Tr.map((La) => La.id === er.id ? { ...La, uploadStatus: "uploading" } : La));
         const hr = new FormData();
@@ -134991,26 +135039,26 @@ function ChatScreen() {
     if (!o || !s || !l || Zt) return;
     const rn = Ot.trim();
     if (!rn) return;
-    const Wn = Yt?.forceNewConversation ?? !1, Hn = Wn ? uuidv7() : Sn || uuidv7(), er = Wn || !Sn, hr = uuidv7();
-    er && (_e.current = { chatId: Hn }, po.current = !0);
+    const Wn = Yt?.forceNewConversation ?? !1, Gn = Wn ? uuidv7() : Sn || uuidv7(), er = Wn || !Sn, hr = uuidv7();
+    er && (_e.current = { chatId: Gn }, po.current = !0);
     const Tr = {
       id: `opt-${Date.now()}`,
       client_message_id: hr,
       role: "user",
       type: "message",
       content: rn,
-      chatId: Hn
+      chatId: Gn
     };
     hn(!0);
     try {
       E((Ks) => [...Ks, Tr]), at.current = !0, pt.current = !0, yt.current = !1, ze(!1), requestAnimationFrame(() => {
         Rt.current(), ut.current?.scrollHeight, Ja("user-submit", { force: !0, delayMs: 150 });
-      }), Yt?.clearComposer && Kt(""), Yt?.clearPendingFiles && gt([]), ka(Hn), er && t(Hn), await Ga(Hn);
+      }), Yt?.clearComposer && Kt(""), Yt?.clearPendingFiles && gt([]), ka(Gn), er && t(Gn), await Ga(Gn);
       const Xa = await (await sendMessageToAgent(
         o,
         s,
         l,
-        Hn,
+        Gn,
         rn,
         !1,
         {
@@ -135021,7 +135069,7 @@ function ChatScreen() {
           widgetMode: h
         }
       )).clone().json().catch(() => null);
-      Xa?.request_id && (bl(Hn, hr, Xa.request_id), ka(Hn, Xa.request_id));
+      Xa?.request_id && (bl(Gn, hr, Xa.request_id), ka(Gn, Xa.request_id));
     } catch (La) {
       console.error("sendMessageToAgent failed", La);
     } finally {
@@ -135045,12 +135093,12 @@ function ChatScreen() {
     bl
   ]), Ld = useCallback(async (Ot, Yt) => {
     const rn = Yt || Ot;
-    if (!(Gn.current || Zt)) {
-      Gn.current = rn, qn(rn);
+    if (!(Hn.current || Zt)) {
+      Hn.current = rn, qn(rn);
       try {
         await ts(Ot);
       } finally {
-        Gn.current = null, qn(null);
+        Hn.current = null, qn(null);
       }
     }
   }, [Zt, ts]);
@@ -135142,25 +135190,28 @@ function ChatScreen() {
     vt(!1), _t("general"), Mt(!1), Ut(!1), Vs();
   }, [Vs]), ns = useMemo(() => {
     const Ot = b.filter(
-      (Hn) => (!Sn || !Hn.chatId || Hn.chatId === Sn) && !Hn.hidden && Hn.type !== "thinking"
+      (Gn) => (!Sn || !Gn.chatId || Gn.chatId === Sn) && !Gn.hidden && Gn.type !== "thinking"
     ), Yt = dedupeMessagesByIdentity(Ot), Wn = [...Yt];
     if (ki) {
-      for (let Hn = Wn.length - 1; Hn >= 0 && Wn[Hn].role !== "user"; Hn--)
-        if (Wn[Hn].role === "assistant" && Wn[Hn].type === "message" && !Wn[Hn].additional_kwargs?.ui_components) {
-          Wn.splice(Hn, 1);
+      for (let Gn = Wn.length - 1; Gn >= 0 && Wn[Gn].role !== "user"; Gn--)
+        if (Wn[Gn].role === "assistant" && Wn[Gn].type === "message" && !Wn[Gn].additional_kwargs?.ui_components) {
+          Wn.splice(Gn, 1);
           break;
         }
     }
     return Wn;
-  }, [b, ki, Sn]), tu = En ? sr : Wt.filter((Ot) => Ot.show_in_empty_chat), Fu = En || Wt.some((Ot) => !Ot.show_in_empty_chat), Ws = useMemo(
+  }, [b, ki, Sn]), tu = En ? sr : pickEmptyChatBriefs(
+    Wt.filter((Ot) => Ot.show_in_empty_chat),
+    (Ot) => readBriefApps(Ot.meta).length
+  ), Fu = En || Wt.some((Ot) => !Ot.show_in_empty_chat), Ws = useMemo(
     () => ur.map((Ot) => ({ id: Ot.key, label: Ot.label })),
     [ur]
   ), ia = useMemo(() => {
     const Ot = [];
     let Yt = null;
     return ns.forEach((rn, Wn) => {
-      const Hn = getMessageRequestId(rn);
-      rn.role === "user" ? Yt = Hn ?? `optimistic:${String(rn.id ?? rn.message_db_id ?? Wn)}` : Hn ? Yt = Hn : Yt || (Yt = `turn:${Wn}`);
+      const Gn = getMessageRequestId(rn);
+      rn.role === "user" ? Yt = Gn ?? `optimistic:${String(rn.id ?? rn.message_db_id ?? Wn)}` : Gn ? Yt = Gn : Yt || (Yt = `turn:${Wn}`);
       const er = {
         ...rn,
         __turnKey: Yt
@@ -135181,8 +135232,8 @@ function ChatScreen() {
       for (const Wn of String(Yt.content ?? "").split(`
 `))
         try {
-          const Hn = JSON.parse(Wn.trim());
-          Hn?.event === "END" && (Hn.id || Hn.message) && rn.add(Hn.id ?? Hn.message);
+          const Gn = JSON.parse(Wn.trim());
+          Gn?.event === "END" && (Gn.id || Gn.message) && rn.add(Gn.id ?? Gn.message);
         } catch {
         }
     }
@@ -135190,13 +135241,13 @@ function ChatScreen() {
   }, [ia]), El = useMemo(() => {
     const Ot = /* @__PURE__ */ new Map(), Yt = /* @__PURE__ */ new Map();
     return ia.forEach((rn, Wn) => {
-      let Hn = Yt.get(rn.__turnKey);
-      if (Hn || (Hn = /* @__PURE__ */ new Set(), Yt.set(rn.__turnKey, Hn)), Ot.set(Wn, new Set(Hn)), rn.type === "reasoning")
+      let Gn = Yt.get(rn.__turnKey);
+      if (Gn || (Gn = /* @__PURE__ */ new Set(), Yt.set(rn.__turnKey, Gn)), Ot.set(Wn, new Set(Gn)), rn.type === "reasoning")
         for (const er of String(rn.content ?? "").split(`
 `))
           try {
             const hr = JSON.parse(er.trim());
-            hr?.event === "START" && (hr.id || hr.message) && Hn.add(hr.id ?? hr.message);
+            hr?.event === "START" && (hr.id || hr.message) && Gn.add(hr.id ?? hr.message);
           } catch {
           }
     }), Ot;
@@ -135210,9 +135261,9 @@ function ChatScreen() {
         if (Ot.has(Wn)) continue;
         Ot.add(Wn);
       }
-      const Hn = getUIComponent(rn), er = Hn?.name;
-      if (!er || Hn?.submitted || Hn?.submitted_values) continue;
-      const hr = Hn?.props || {};
+      const Gn = getUIComponent(rn), er = Gn?.name;
+      if (!er || Gn?.submitted || Gn?.submitted_values) continue;
+      const hr = Gn?.props || {};
       if (DISPLAY_ONLY_COMPONENTS.has(er) && hr.resume === !0 || !DISPLAY_ONLY_COMPONENTS.has(er) && INPUT_BLOCKING_COMPONENTS.has(er))
         return rn;
     }
@@ -135232,7 +135283,7 @@ function ChatScreen() {
   }, [ia]), eo = useMemo(() => {
     const Ot = [];
     return ia.forEach((Yt, rn) => {
-      const Wn = String(Yt.id ?? Yt.message_db_id ?? rn), Hn = getUIComponent(Yt), er = !!(Hn?.submitted || Hn?.submitted_values), hr = !!Hn && Yt !== Xr;
+      const Wn = String(Yt.id ?? Yt.message_db_id ?? rn), Gn = getUIComponent(Yt), er = !!(Gn?.submitted || Gn?.submitted_values), hr = !!Gn && Yt !== Xr;
       if (Yt.type === "reasoning") {
         Ot.push({
           key: `${Wn}-reasoning`,
@@ -135259,7 +135310,7 @@ function ChatScreen() {
         message: Yt,
         sourceIndex: rn,
         turnKey: Yt.__turnKey
-      }), hr && er && !RECEIPT_BEARING_COMPONENTS.has(String(Hn?.name ?? "")) && Ot.push({
+      }), hr && er && !RECEIPT_BEARING_COMPONENTS.has(String(Gn?.name ?? "")) && Ot.push({
         key: `${Wn}-submitted`,
         kind: "submitted",
         message: Yt,
@@ -135272,10 +135323,10 @@ function ChatScreen() {
     for (const Yt of ia) {
       const rn = getUIComponent(Yt), Wn = rn?.name;
       if (!Wn || !registry.isSidePaneComponent(Wn) || rn?.submitted || rn?.submitted_values) continue;
-      const Hn = String(Yt.message_db_id ?? Yt.id ?? "");
-      if (!Hn) continue;
+      const Gn = String(Yt.message_db_id ?? Yt.id ?? "");
+      if (!Gn) continue;
       const er = rn?.props || {}, hr = registry.lookup(Wn), Tr = typeof er.title == "string" && er.title.trim() || hr?.panelTitle || "Panel";
-      Ot.push({ messageId: Hn, name: Wn, title: Tr });
+      Ot.push({ messageId: Gn, name: Wn, title: Tr });
     }
     return Ot;
   }, [ia]), z = useMemo(() => {
@@ -135284,7 +135335,7 @@ function ChatScreen() {
       if (!isAssistantMedia(Yt)) continue;
       const { items: rn } = collectMessageMedia(Yt);
       if (rn.length === 0) continue;
-      const Wn = rn.filter((Hn) => Hn.isImage || Hn.isVideo);
+      const Wn = rn.filter((Gn) => Gn.isImage || Gn.isVideo);
       Wn.length !== 0 && Ot.push({
         messageId: mediaSourceId(Yt),
         items: rn,
@@ -135302,14 +135353,14 @@ function ChatScreen() {
   }, [ia]), Fe = useCallback(
     (Ot, Yt, rn) => {
       if (!Sn || Ot.length === 0) return;
-      const Wn = mediaPanelId(Yt), Hn = Ot.map((er, hr) => ({
+      const Wn = mediaPanelId(Yt), Gn = Ot.map((er, hr) => ({
         id: er.id ?? `${Yt}-${hr}`,
         url: er.url,
         name: er.name
       }));
       nt((er) => {
         const hr = new Map(er);
-        return hr.set(Wn, { images: Hn, onRemoveImage: rn }), hr;
+        return hr.set(Wn, { images: Gn, onRemoveImage: rn }), hr;
       });
       for (const er of useChatStore.getState().panels)
         er.kind === "media" && er.chatId === Sn && er.id !== Wn && (qe(er.id), nt((hr) => {
@@ -135363,12 +135414,12 @@ function ChatScreen() {
     (Ot) => {
       if (!Ot || !Sn) return;
       const Yt = z.find(
-        (Hn) => Hn.messageId === mediaSourceId(Ot)
+        (Gn) => Gn.messageId === mediaSourceId(Ot)
       );
       if (!Yt) return;
       const rn = mediaPanelId(Yt.messageId);
       return {
-        showing: Me.some((Hn) => Hn.id === rn) && Ie === rn,
+        showing: Me.some((Gn) => Gn.id === rn) && Ie === rn,
         onOpen: () => Fe(Yt.items, Yt.messageId),
         onClose: () => qe(rn)
       };
@@ -135599,8 +135650,8 @@ function ChatScreen() {
     Er
   ]), Ts = useRef(!1);
   useEffect(() => {
-    const Ot = Ts.current, Yt = !!Xr, rn = wt.current, Wn = typeof rn?.id == "string" ? rn.id : typeof rn?.message_db_id == "string" ? rn.message_db_id : void 0, Hn = typeof Xr?.id == "string" ? Xr.id : typeof Xr?.message_db_id == "string" ? Xr.message_db_id : void 0;
-    !Ot && Yt ? (bt.current = !1, At.current = null, ks("form-open")) : Ot && !Yt ? (at.current = !0, bt.current = !0, At.current = typeof rn?.__turnKey == "string" && rn.__turnKey ? rn.__turnKey : null, Sn && ka(Sn), ks("form-close")) : Ot && Yt && Wn !== Hn && (at.current = !0, bt.current = !0, At.current = typeof rn?.__turnKey == "string" && rn.__turnKey ? rn.__turnKey : null, Sn && ka(Sn), ks("form-close"), ks("form-open")), Ts.current = Yt, wt.current = Xr;
+    const Ot = Ts.current, Yt = !!Xr, rn = wt.current, Wn = typeof rn?.id == "string" ? rn.id : typeof rn?.message_db_id == "string" ? rn.message_db_id : void 0, Gn = typeof Xr?.id == "string" ? Xr.id : typeof Xr?.message_db_id == "string" ? Xr.message_db_id : void 0;
+    !Ot && Yt ? (bt.current = !1, At.current = null, ks("form-open")) : Ot && !Yt ? (at.current = !0, bt.current = !0, At.current = typeof rn?.__turnKey == "string" && rn.__turnKey ? rn.__turnKey : null, Sn && ka(Sn), ks("form-close")) : Ot && Yt && Wn !== Gn && (at.current = !0, bt.current = !0, At.current = typeof rn?.__turnKey == "string" && rn.__turnKey ? rn.__turnKey : null, Sn && ka(Sn), ks("form-close"), ks("form-open")), Ts.current = Yt, wt.current = Xr;
   }, [Xr, Sn, ka, ks]), useEffect(() => {
     if (xa) {
       At.current = null;
@@ -135619,9 +135670,9 @@ function ChatScreen() {
     bt.current = !1;
     const rn = window.requestAnimationFrame(() => {
       const Wn = window.requestAnimationFrame(() => {
-        Di("form-close", !0), xt.current = xt.current.filter((Hn) => Hn !== Wn);
+        Di("form-close", !0), xt.current = xt.current.filter((Gn) => Gn !== Wn);
       });
-      xt.current.push(Wn), xt.current = xt.current.filter((Hn) => Hn !== rn);
+      xt.current.push(Wn), xt.current = xt.current.filter((Gn) => Gn !== rn);
     });
     xt.current.push(rn);
   }, [
@@ -135657,8 +135708,8 @@ function ChatScreen() {
       Yt.style.height = "0px";
       return;
     }
-    const Hn = rn.scrollHeight - Yt.offsetHeight - Wn;
-    Yt.style.height = `${Math.max(0, Ot.clientHeight - Hn - 28)}px`;
+    const Gn = rn.scrollHeight - Yt.offsetHeight - Wn;
+    Yt.style.height = `${Math.max(0, Ot.clientHeight - Gn - 28)}px`;
   }, [qa]), Yr = useCallback(() => {
     const Ot = ut.current, Yt = Ze.current, rn = Ge.current;
     if (!Ot || !rn) return !0;
@@ -135674,8 +135725,8 @@ function ChatScreen() {
     if (!Ot) return;
     const rn = Ot.scrollHeight - Ot.scrollTop - Ot.clientHeight < 100;
     at.current = rn;
-    const Wn = qa(), Hn = Wn !== null && Math.abs(Ot.scrollTop - Wn) <= 14;
-    (rn || Hn) && (yt.current = !1, pt.current = !0), je.current();
+    const Wn = qa(), Gn = Wn !== null && Math.abs(Ot.scrollTop - Wn) <= 14;
+    (rn || Gn) && (yt.current = !1, pt.current = !0), je.current();
   }, [qa]), Ys = useCallback((Ot) => {
     const Yt = ut.current;
     if (!Yt || Yt.scrollHeight - Yt.clientHeight <= 8) return;
@@ -135853,7 +135904,7 @@ function ChatScreen() {
                                     className: `max-w-[1020px] mx-auto flex flex-col gap-10 ${Ea ? "hidden" : ""} ${Lt ? "pb-[56px]" : ""}`,
                                     children: [
                                       ii.map((Ot, Yt) => {
-                                        const rn = Ot.message, Wn = rn?.type, Hn = String(rn?.content ?? ""), er = !!gi && Ot.turnKey === gi, hr = !!Ot.message?.additional_kwargs?.ui_components, Tr = er ? hr ? !0 : "position" : !1, La = Yt > 0 ? getRowSpeaker(ii[Yt - 1].kind) : null, Xa = (() => {
+                                        const rn = Ot.message, Wn = rn?.type, Gn = String(rn?.content ?? ""), er = !!gi && Ot.turnKey === gi, hr = !!Ot.message?.additional_kwargs?.ui_components, Tr = er ? hr ? !0 : "position" : !1, La = Yt > 0 ? getRowSpeaker(ii[Yt - 1].kind) : null, Xa = (() => {
                                           if (isUserSideRow(Ot.kind))
                                             return La !== getRowSpeaker(Ot.kind);
                                           for (let Jr = Yt + 1; Jr < ii.length; Jr++)
@@ -135870,7 +135921,7 @@ function ChatScreen() {
                                           (Jr) => Jr.kind === "reasoning" && Jr.turnKey === Ot.turnKey
                                         ), Id = Ot.kind === "reasoning" && hasDisplayOnlyUIComponent(rn);
                                         if (Ot.kind === "reasoning")
-                                          return !(la && Zs || traceHasContent(Hn, El.get(Ot.sourceIndex))) && !Id ? null : /* @__PURE__ */ jsx(
+                                          return !(la && Zs || traceHasContent(Gn, El.get(Ot.sourceIndex))) && !Id ? null : /* @__PURE__ */ jsx(
                                             motion$1.div,
                                             {
                                               layout: Tr,
@@ -135880,7 +135931,7 @@ function ChatScreen() {
                                                 /* @__PURE__ */ jsx(
                                                   AgentSteps,
                                                   {
-                                                    content: Hn,
+                                                    content: Gn,
                                                     isLoading: la && Zs,
                                                     completedStepIds: uo.get(Ot.turnKey ?? ""),
                                                     previouslyStartedIds: El.get(Ot.sourceIndex),
@@ -135929,7 +135980,7 @@ function ChatScreen() {
                                                   /* @__PURE__ */ jsx(
                                                     CopyContentButton,
                                                     {
-                                                      text: Hn,
+                                                      text: Gn,
                                                       idleLabel: "Copy message",
                                                       successLabel: "Message copied"
                                                     }
@@ -136066,7 +136117,7 @@ function ChatScreen() {
                                                   leadingAction: /* @__PURE__ */ jsx(
                                                     CopyContentButton,
                                                     {
-                                                      text: Hn,
+                                                      text: Gn,
                                                       idleLabel: "Copy markdown",
                                                       successLabel: "Markdown copied"
                                                     }
@@ -136237,25 +136288,28 @@ function ChatScreen() {
                         ]
                       }
                     ),
-                    Ea && /* @__PURE__ */ jsx("div", { className: "mb-auto shrink-0 overflow-visible px-3 pb-4 sm:px-6", children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-[800px]", children: /* @__PURE__ */ jsx(
-                      EmptyChatBelow,
-                      {
-                        quickPrompts: tu.map((Ot) => ({
-                          title: Ot.title,
-                          description: Ot.text,
-                          value: Ot.text,
-                          meta: Ot.meta
-                        })),
-                        isLoadingQuickPrompts: En ? br : Tn,
-                        onPromptCardClick: rp,
-                        onToggleQuickPrompts: Fu ? Gc : void 0,
-                        onManageQuickPromptsClick: Pu,
-                        quickPromptsExpanded: En,
-                        quickPromptRoles: Ws,
-                        activeQuickPromptRole: ta,
-                        onQuickPromptRoleChange: _r
-                      }
-                    ) }) })
+                    Ea && /* @__PURE__ */ jsx("div", { className: "mb-auto shrink-0 overflow-visible px-3 pb-4 sm:px-6", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-[800px]", children: [
+                      /* @__PURE__ */ jsx(EmptyChatSubheading, {}),
+                      /* @__PURE__ */ jsx(
+                        EmptyChatBelow,
+                        {
+                          quickPrompts: tu.map((Ot) => ({
+                            title: Ot.title,
+                            description: Ot.text,
+                            value: Ot.text,
+                            meta: Ot.meta
+                          })),
+                          isLoadingQuickPrompts: En ? br : Tn,
+                          onPromptCardClick: rp,
+                          onToggleQuickPrompts: Fu ? Gc : void 0,
+                          onManageQuickPromptsClick: Pu,
+                          quickPromptsExpanded: En,
+                          quickPromptRoles: Ws,
+                          activeQuickPromptRole: ta,
+                          onQuickPromptRoleChange: _r
+                        }
+                      )
+                    ] }) })
                   ]
                 }
               ),