@akropolys/kiku 1.6.4 → 1.6.7

package/dist/index.mjs

@@ -515,7 +515,6 @@ function ChatWidget({
             next[historyIdx] = {
               ...next[historyIdx],
               content: messages[hookIdx].content,
-              cartSnapshot: messages[hookIdx].cartSnapshot,
               actionType: messages[hookIdx].actionType
             };
             break;
@@ -1169,30 +1168,11 @@ var HistoryIcon = () => /* @__PURE__ */ jsxs6("svg", { width: "16", height: "16"
   /* @__PURE__ */ jsx7("path", { d: "M12 7v5l4 2" })
 ] });
 var NewChatIcon = () => /* @__PURE__ */ jsx7("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx7("path", { d: "M12 5v14M5 12h14" }) });
-var ShoppingBagIcon = () => /* @__PURE__ */ jsxs6("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx7("path", { d: "M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z" }),
-  /* @__PURE__ */ jsx7("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
-  /* @__PURE__ */ jsx7("path", { d: "M16 10a4 4 0 0 1-8 0" })
+var BookmarkIcon = () => /* @__PURE__ */ jsx7("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx7("path", { d: "M19 21 12 16l-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" }) });
+var TrashIcon = () => /* @__PURE__ */ jsxs6("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx7("path", { d: "M3 6h18" }),
+  /* @__PURE__ */ jsx7("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
 ] });
-var SecureShieldIcon = ({ className, size = 18 }) => /* @__PURE__ */ jsxs6(
-  "svg",
-  {
-    className,
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: [
-      /* @__PURE__ */ jsx7("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }),
-      /* @__PURE__ */ jsx7("path", { d: "M12 11a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z" }),
-      /* @__PURE__ */ jsx7("path", { d: "M12 11v4" })
-    ]
-  }
-);
 var PaperclipIcon = () => /* @__PURE__ */ jsx7("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx7("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" }) });
 var MicIcon2 = () => /* @__PURE__ */ jsxs6("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx7("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z" }),
@@ -1255,73 +1235,62 @@ function KikuPickerMenu({
       "aria-label": "@kiku commands",
       onMouseDown: (e) => e.preventDefault(),
       children: [
-        /* @__PURE__ */ jsxs6("div", { className: "hsk-kiku-picker-header", children: [
-          /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-at", children: "@kiku" }),
-          /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-hint", children: "What would you like to do?" }),
-          /* @__PURE__ */ jsx7("button", { className: "hsk-kiku-picker-close", onClick: onDismiss, "aria-label": "Close", children: /* @__PURE__ */ jsx7(CloseIcon, {}) })
-        ] }),
-        discussed.length > 0 && /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          /* @__PURE__ */ jsx7("div", { className: "hsk-kiku-picker-section", children: "Discussed in this chat" }),
-          discussed.map((src, i) => /* @__PURE__ */ jsxs6(
-            "button",
-            {
-              className: "hsk-kiku-picker-item",
-              role: "menuitem",
-              onClick: () => {
-                onCapture(src);
-                onDismiss();
-              },
-              children: [
-                src.image ? /* @__PURE__ */ jsx7("img", { src: src.image, alt: src.name, className: "hsk-kiku-picker-img" }) : /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-img-placeholder", children: /* @__PURE__ */ jsx7(SecureShieldIcon, { size: 14 }) }),
-                /* @__PURE__ */ jsxs6("span", { className: "hsk-kiku-picker-item-body", children: [
-                  /* @__PURE__ */ jsxs6("span", { className: "hsk-kiku-picker-item-name", children: [
-                    "\u{1F4CC} ",
-                    src.name
-                  ] }),
-                  src.price && /* @__PURE__ */ jsxs6("span", { className: "hsk-kiku-picker-item-price", children: [
-                    src.currency ?? defaultCurrency,
-                    " ",
-                    parseFloat(String(src.price).replace(/[^0-9.]/g, "") || "0").toLocaleString()
-                  ] })
-                ] })
-              ]
+        discussed.map((src, i) => /* @__PURE__ */ jsxs6(
+          "button",
+          {
+            className: "hsk-kiku-picker-item",
+            role: "menuitem",
+            onClick: () => {
+              onCapture(src);
+              onDismiss();
             },
-            src.id ?? i
-          )),
-          discussed.length > 1 && /* @__PURE__ */ jsx7(
-            "button",
-            {
-              className: "hsk-kiku-picker-item hsk-kiku-picker-item--all",
-              role: "menuitem",
-              onClick: () => {
-                onCaptureAll(discussed);
-                onDismiss();
-              },
-              children: /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-body", children: /* @__PURE__ */ jsxs6("span", { className: "hsk-kiku-picker-item-name", children: [
-                "\u{1F4CC} Capture all (",
+            children: [
+              /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-icon", children: src.image ? /* @__PURE__ */ jsx7("img", { src: src.image, alt: "" }) : /* @__PURE__ */ jsx7(BookmarkIcon, {}) }),
+              /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-name", children: src.name }),
+              src.price && /* @__PURE__ */ jsxs6("span", { className: "hsk-kiku-picker-item-price", children: [
+                src.currency ?? defaultCurrency,
+                " ",
+                parseFloat(String(src.price).replace(/[^0-9.]/g, "") || "0").toLocaleString()
+              ] })
+            ]
+          },
+          src.id ?? i
+        )),
+        discussed.length > 1 && /* @__PURE__ */ jsxs6(
+          "button",
+          {
+            className: "hsk-kiku-picker-item",
+            role: "menuitem",
+            onClick: () => {
+              onCaptureAll(discussed);
+              onDismiss();
+            },
+            children: [
+              /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-icon", children: /* @__PURE__ */ jsx7(BookmarkIcon, {}) }),
+              /* @__PURE__ */ jsxs6("span", { className: "hsk-kiku-picker-item-name", children: [
+                "Capture all (",
                 discussed.length,
-                " items)"
-              ] }) })
-            }
-          ),
-          /* @__PURE__ */ jsx7("div", { className: "hsk-kiku-picker-divider" })
-        ] }),
-        discussed.length === 0 && /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          /* @__PURE__ */ jsx7(
-            "button",
-            {
-              className: "hsk-kiku-picker-item",
-              role: "menuitem",
-              onClick: () => {
-                onCapture({ name: "current page", id: void 0 });
-                onDismiss();
-              },
-              children: /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-body", children: /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-name", children: "\u{1F4CC} Capture current page" }) })
-            }
-          ),
-          /* @__PURE__ */ jsx7("div", { className: "hsk-kiku-picker-divider" })
-        ] }),
-        /* @__PURE__ */ jsx7(
+                ")"
+              ] })
+            ]
+          }
+        ),
+        discussed.length === 0 && /* @__PURE__ */ jsxs6(
+          "button",
+          {
+            className: "hsk-kiku-picker-item",
+            role: "menuitem",
+            onClick: () => {
+              onCapture({ name: "current page", id: void 0 });
+              onDismiss();
+            },
+            children: [
+              /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-icon", children: /* @__PURE__ */ jsx7(BookmarkIcon, {}) }),
+              /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-name", children: "Capture current page" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs6(
           "button",
           {
             className: "hsk-kiku-picker-item",
@@ -1330,10 +1299,13 @@ function KikuPickerMenu({
               onViewHistory();
               onDismiss();
             },
-            children: /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-body", children: /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-name", children: "\u{1F4CB} What have you saved?" }) })
+            children: [
+              /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-icon", children: /* @__PURE__ */ jsx7(HistoryIcon, {}) }),
+              /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-name", children: "What have you saved?" })
+            ]
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs6(
           "button",
           {
             className: "hsk-kiku-picker-item",
@@ -1342,7 +1314,10 @@ function KikuPickerMenu({
               onDelete();
               onDismiss();
             },
-            children: /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-body", children: /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-name", children: "\u{1F5D1}\uFE0F Delete this" }) })
+            children: [
+              /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-icon", children: /* @__PURE__ */ jsx7(TrashIcon, {}) }),
+              /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-name", children: "Delete this" })
+            ]
           }
         )
       ]
@@ -1350,35 +1325,25 @@ function KikuPickerMenu({
   );
 }
 function AtPickerMenu({ onSelect, onDismiss }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       className: "hsk-kiku-picker",
       role: "menu",
       "aria-label": "Extensions",
       onMouseDown: (e) => e.preventDefault(),
-      children: [
-        /* @__PURE__ */ jsxs6("div", { className: "hsk-kiku-picker-header", children: [
-          /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-at", children: "@" }),
-          /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-hint", children: "Use an extension" }),
-          /* @__PURE__ */ jsx7("button", { className: "hsk-kiku-picker-close", onClick: onDismiss, "aria-label": "Close", children: /* @__PURE__ */ jsx7(CloseIcon, {}) })
-        ] }),
-        /* @__PURE__ */ jsxs6(
-          "button",
-          {
-            className: "hsk-kiku-picker-item",
-            role: "menuitem",
-            onClick: () => onSelect("@kiku"),
-            children: [
-              /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-img-placeholder", style: { background: "color-mix(in srgb, var(--hsk-primary, #7c5cfc) 15%, transparent)", color: "var(--hsk-primary, #7c5cfc)" }, children: /* @__PURE__ */ jsx7(SparkleIcon2, {}) }),
-              /* @__PURE__ */ jsxs6("span", { className: "hsk-kiku-picker-item-body", children: [
-                /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-name", children: "@kiku" }),
-                /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-price", style: { fontSize: "11px", whiteSpace: "normal", lineHeight: "1.3" }, children: "Ask Kiku to capture pages, remember items, or show your history" })
-              ] })
-            ]
-          }
-        )
-      ]
+      children: /* @__PURE__ */ jsxs6(
+        "button",
+        {
+          className: "hsk-kiku-picker-item",
+          role: "menuitem",
+          onClick: () => onSelect("@kiku"),
+          children: [
+            /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-icon hsk-kiku-picker-icon--accent", children: /* @__PURE__ */ jsx7(SparkleIcon2, {}) }),
+            /* @__PURE__ */ jsx7("span", { className: "hsk-kiku-picker-item-name", children: "kiku \u2014 capture & remember" })
+          ]
+        }
+      )
     }
   );
 }
@@ -1408,88 +1373,6 @@ function relativeTime(ts) {
   const days = Math.floor(hrs / 24);
   return `${days}d ago`;
 }
-function CartContextCard({ cart, defaultCurrency }) {
-  if (!cart.items || cart.items.length === 0) return null;
-  const currency = cart.currency || defaultCurrency;
-  const total = cart.total ?? cart.items.reduce((s, i) => s + i.price_numeric * i.quantity, 0);
-  return /* @__PURE__ */ jsxs6("div", { className: "hsk-cart-card", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "hsk-cart-card-header", children: [
-      /* @__PURE__ */ jsx7(ShoppingBagIcon, {}),
-      /* @__PURE__ */ jsxs6("span", { children: [
-        "Your cart \xB7 ",
-        cart.item_count ?? cart.items.length,
-        " item",
-        (cart.item_count ?? cart.items.length) !== 1 ? "s" : ""
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx7("div", { className: "hsk-cart-items", children: cart.items.map((item) => /* @__PURE__ */ jsxs6("div", { className: "hsk-cart-item", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "hsk-cart-item-img-wrap", children: [
-        item.image ? /* @__PURE__ */ jsx7("img", { className: "hsk-cart-item-img", src: item.image, alt: item.name, loading: "lazy" }) : /* @__PURE__ */ jsx7("div", { className: "hsk-cart-item-img-placeholder", children: /* @__PURE__ */ jsx7(ShoppingBagIcon, {}) }),
-        item.quantity > 1 && /* @__PURE__ */ jsx7("span", { className: "hsk-cart-item-qty", children: item.quantity })
-      ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "hsk-cart-item-info", children: [
-        /* @__PURE__ */ jsx7("div", { className: "hsk-cart-item-name", children: item.name }),
-        /* @__PURE__ */ jsxs6("div", { className: "hsk-cart-item-price", children: [
-          item.quantity > 1 && /* @__PURE__ */ jsxs6("span", { className: "hsk-cart-item-qty-label", children: [
-            item.quantity,
-            "\xD7 "
-          ] }),
-          currency,
-          " ",
-          (item.price_numeric * item.quantity).toLocaleString()
-        ] })
-      ] })
-    ] }, item.id)) }),
-    /* @__PURE__ */ jsxs6("div", { className: "hsk-cart-total", children: [
-      /* @__PURE__ */ jsx7("span", { children: "Total" }),
-      /* @__PURE__ */ jsxs6("span", { className: "hsk-cart-total-amount", children: [
-        currency,
-        " ",
-        total.toLocaleString()
-      ] })
-    ] })
-  ] });
-}
-function ActionPills({ cart, actionType, onSend, loading }) {
-  const hasItems = cart.items && cart.items.length > 0;
-  const lastItem = hasItems ? cart.items[cart.items.length - 1] : null;
-  const pills = [];
-  if (hasItems && lastItem) {
-    if (actionType === "add_to_cart") {
-      const name = lastItem.name || "item";
-      const shortName = name.split(" ")[0] || "item";
-      pills.push({ emoji: "\u2795", label: "Add 1 more", query: `Add one more ${name} to my cart` });
-      pills.push({ emoji: "\u{1F5D1}\uFE0F", label: `Remove ${shortName}`, query: `Remove the ${name} from my cart` });
-    }
-    if (cart.items.length > 1) {
-      pills.push({ emoji: "\u{1F6D2}", label: "View cart", query: "Show me my cart" });
-    }
-    pills.push({ emoji: "\u{1F4B3}", label: "Checkout", query: "Proceed to checkout" });
-    pills.push({ emoji: "\u{1F6CD}\uFE0F", label: "Keep shopping", query: "What else do you recommend?" });
-  } else if (actionType === "clear_cart" || actionType === "remove_from_cart") {
-    pills.push({ emoji: "\u{1F6CD}\uFE0F", label: "Continue shopping", query: "Show me popular products" });
-    pills.push({ emoji: "\u{1F50D}", label: "Search again", query: "Help me find something" });
-  } else if (actionType === "view_cart") {
-    if (hasItems) {
-      pills.push({ emoji: "\u{1F4B3}", label: "Checkout", query: "Proceed to checkout" });
-      pills.push({ emoji: "\u{1F5D1}\uFE0F", label: "Clear cart", query: "Clear my cart" });
-    }
-  }
-  if (pills.length === 0) return null;
-  return /* @__PURE__ */ jsx7("div", { className: "hsk-action-pills", children: pills.map((pill) => /* @__PURE__ */ jsxs6(
-    "button",
-    {
-      className: "hsk-action-pill",
-      onClick: () => onSend(pill.query),
-      disabled: loading,
-      children: [
-        /* @__PURE__ */ jsx7("span", { className: "hsk-pill-emoji", children: pill.emoji }),
-        pill.label
-      ]
-    },
-    pill.query
-  )) });
-}
 function SourcesCarousel({ sources, defaultCurrency, onSelectSource, referencedIds = [] }) {
   const client = useAkropolysContext3();
   const isProperty = client?.vertical === "property";
@@ -1610,13 +1493,12 @@ function SmartContextPills({
         query: `Compare the ${firstTwo[0]} and ${firstTwo[1]}`
       });
     }
-    if (cheapest && !isProperty) {
-      const name = cheapest.name || "";
-      const short = name.split(" ").slice(0, 3).join(" ");
+    if (cheapest && !isProperty && cheapest.name) {
+      const short = cheapest.name.split(" ").slice(0, 3).join(" ");
       pills.push({
-        emoji: "\u{1F6D2}",
-        label: `Add ${short}`,
-        query: `Add the ${name} to my cart`
+        emoji: "\u{1F4A1}",
+        label: `More on ${short}`,
+        query: `Tell me more about the ${cheapest.name}`
       });
     }
     if (isProperty) {
@@ -1625,15 +1507,6 @@ function SmartContextPills({
       pills.push({ emoji: "\u{1F4B0}", label: "Under KSh 20K", query: "Show me options under KSh 20,000" });
     }
   } else if (intent === "compare" && sources.length > 0) {
-    if (cheapest && !isProperty) {
-      const name = cheapest.name || "";
-      const short = name.split(" ").slice(0, 3).join(" ");
-      pills.push({
-        emoji: "\u{1F6D2}",
-        label: `Add ${short}`,
-        query: `Add the ${name} to my cart`
-      });
-    }
     if (firstName) {
       pills.push({
         emoji: "\u{1F50D}",
@@ -1644,9 +1517,6 @@ function SmartContextPills({
     pills.push({ emoji: "\u{1F4A1}", label: "Which is best?", query: "Which one would you recommend and why?" });
   } else if (intent === "specs" && sources.length > 0) {
     if (firstName) {
-      if (!isProperty) {
-        pills.push({ emoji: "\u{1F6D2}", label: "Add to cart", query: `Add the ${firstName} to my cart` });
-      }
       pills.push({
         emoji: "\u{1F504}",
         label: "Find alternatives",
@@ -2243,7 +2113,7 @@ function ChatModal({
                     ] });
                   })(),
                   isLast && lastIntent === "compare" && sources.length >= 2 && !replayMessages && /* @__PURE__ */ jsx7(ComparisonMatrix, { sources, defaultCurrency }),
-                  isLast && referencedIds.length > 0 && lastIntent !== "compare" && lastAction?.type !== "request_kiku_key" && lastAction?.type !== "awaiting_payment" && lastAction?.type !== "checkout" && lastAction?.type !== "capture" && lastAction?.type !== "delete" && lastAction?.type !== "view_history" && !msg.cartSnapshot && /* @__PURE__ */ jsx7(
+                  isLast && referencedIds.length > 0 && lastIntent !== "compare" && lastAction?.type !== "request_kiku_key" && lastAction?.type !== "capture" && lastAction?.type !== "delete" && lastAction?.type !== "view_history" && /* @__PURE__ */ jsx7(
                     SourcesCarousel,
                     {
                       sources,
@@ -2252,23 +2122,11 @@ function ChatModal({
                       referencedIds
                     }
                   ),
-                  msg.cartSnapshot && msg.cartSnapshot.items?.length > 0 && /* @__PURE__ */ jsx7(
-                    CartContextCard,
-                    {
-                      cart: msg.cartSnapshot,
-                      defaultCurrency
-                    }
-                  ),
-                  isLast && msg.cartSnapshot && !loading && /* @__PURE__ */ jsx7(
-                    ActionPills,
-                    {
-                      cart: msg.cartSnapshot,
-                      actionType: msg.actionType,
-                      onSend: handleSend,
-                      loading
-                    }
-                  ),
-                  isLast && !loading && !msg.cartSnapshot && !replayMessages && /* @__PURE__ */ jsx7(
+                  isLast && !loading && lastAction?.url && /* @__PURE__ */ jsx7("div", { className: "hsk-action-pills", children: /* @__PURE__ */ jsxs6("a", { className: "hsk-action-pill", href: lastAction.url, children: [
+                    String(lastAction.type || "continue").replace(/_/g, " "),
+                    " \u2192"
+                  ] }) }),
+                  isLast && !loading && !replayMessages && /* @__PURE__ */ jsx7(
                     SmartContextPills,
                     {
                       intent: lastIntent,