@streamoid/agent 0.5.8 → 0.5.9

package/dist/index.js

@@ -130381,42 +130381,58 @@ function SidePaneHost({
     }
   );
 }
+const ACCENT = {
+  Tactix: "#5B5FE3",
+  Artifax: "#8A4CC4",
+  Photogenix: "#0F7D8C",
+  Catalogix: "#A86A12"
+};
+function AppChain({ apps: e }) {
+  return e.length === 0 ? null : /* @__PURE__ */ jsx("span", { className: "sa-chain sa-chain", "data-testid": "app-chain", children: e.map((t, n) => /* @__PURE__ */ jsxs("span", { className: "contents", children: [
+    n > 0 && /* @__PURE__ */ jsx("span", { "aria-hidden": !0, className: "sa-chain-arrow", children: "→" }),
+    /* @__PURE__ */ jsxs("span", { className: "sa-chain-pill", children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": !0, className: "sa-chain-dot", style: { backgroundColor: ACCENT[t] } }),
+      t
+    ] })
+  ] }, t)) });
+}
 function QuickPrompt({
   title: e,
   value: t,
   description: n,
   hints: o,
-  onClick: s,
-  className: l = ""
+  apps: s = [],
+  onClick: l,
+  className: c = ""
 }) {
-  const c = t ?? e, f = n || e, h = useId$1(), g = (E) => {
-    E.key !== "Enter" && E.key !== " " || (E.preventDefault(), s?.(c));
-  }, b = /* @__PURE__ */ jsx(
+  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,
     {
       role: "button",
       tabIndex: 0,
       "aria-label": e,
-      "aria-describedby": o ? h : void 0,
-      description: f,
+      "aria-describedby": o ? g : void 0,
+      description: h,
       className: [
-        "h-full cursor-pointer outline-none transition-transform",
+        "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)]",
-        o ? "" : l
+        "focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--alias-surface-base)]"
       ].join(" "),
-      onClick: () => s?.(c),
-      onKeyDown: g
+      onClick: () => l?.(f),
+      onKeyDown: b
     }
-  );
+  ), 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 ${l}`, "data-id": "quick-prompt", children: [
-      b,
+    /* @__PURE__ */ jsxs("div", { className: `group relative flex flex-col ${c}`, "data-id": "quick-prompt", children: [
+      E,
+      R,
       /* @__PURE__ */ jsxs(
         "div",
         {
-          id: h,
+          id: g,
           role: "tooltip",
           className: "pointer-events-none absolute top-full left-1/2 z-30 mt-[8px] w-[280px] max-w-[90vw] -translate-x-1/2 -translate-y-1 rounded-[12px] border border-[var(--alias-border-subtle)] bg-[var(--alias-surface-base)] px-[12px] py-[10px] text-left opacity-0 shadow-none transition-all duration-150 group-hover:translate-y-0 group-hover:opacity-100 group-focus-within:translate-y-0 group-focus-within:opacity-100 dark:bg-[var(--alias-surface-raised)] dark:shadow-lg",
           children: [
@@ -130440,7 +130456,10 @@ function QuickPrompt({
         }
       )
     ] })
-  ) : b;
+  ) : /* @__PURE__ */ jsxs("div", { className: `flex flex-col ${c}`, "data-id": "quick-prompt", children: [
+    E,
+    R
+  ] });
 }
 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) {
@@ -130456,6 +130475,20 @@ function readString(e, t) {
 function fieldsFromInputList(e) {
   return e.split(",").map((t) => t.trim()).filter(Boolean).map((t) => ({ label: capitalize(t), value: "" }));
 }
+const KNOWN_APPS = ["Tactix", "Artifax", "Photogenix", "Catalogix"];
+function readBriefApps(e) {
+  const t = e?.apps;
+  if (!Array.isArray(t)) return [];
+  const n = /* @__PURE__ */ new Set(), o = [];
+  for (const s of t) {
+    if (typeof s != "string") continue;
+    const l = KNOWN_APPS.find(
+      (c) => c.toLowerCase() === s.trim().toLowerCase()
+    );
+    !l || n.has(l) || (n.add(l), o.push(l));
+  }
+  return o;
+}
 function readBriefHints(e) {
   const t = readString(e, "minimal_inputs_needed") || null, n = readString(e, "expected_output") || null;
   return !t && !n ? null : { needs: t, output: n };
@@ -130641,6 +130674,7 @@ function EmptyChatBelow({
                 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]"
               },