@streamoid/agent 0.5.15 → 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";
@@ -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: [
@@ -130930,6 +130962,15 @@ function briefsForRole(e, t) {
     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/"))
@@ -135159,7 +135200,10 @@ function ChatScreen() {
         }
     }
     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(() => {
@@ -136244,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
+                        }
+                      )
+                    ] }) })
                   ]
                 }
               ),