@akropolys/kiku 1.5.14 → 1.5.17

package/dist/index.mjs

@@ -653,7 +653,7 @@ I couldn't find any matching products in the store.`;
                 }) }) });
               }
               const featured = sources.filter((src) => src.id && referencedIds.includes(src.id));
-              const general = sources.filter((src) => !src.id || !referencedIds.includes(src.id));
+              const general = featured.length > 0 ? [] : sources.filter((src) => !src.id || !referencedIds.includes(src.id));
               return /* @__PURE__ */ jsxs4("div", { className: "hsk-sources-container", children: [
                 featured.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "hsk-sources-group", style: { marginBottom: "10px" }, children: [
                   /* @__PURE__ */ jsx5("div", { className: "hsk-sources-group-title", children: "\u2B50 Featured in response" }),
@@ -1324,8 +1324,10 @@ function SourcesCarousel({ sources, defaultCurrency, onSelectSource, referencedI
   const scrollNext = () => {
     railRef.current?.scrollBy({ left: 170, behavior: "smooth" });
   };
+  const referenced = sources.filter((s) => s.id && referencedIds.includes(s.id));
+  const display = referenced.length > 0 ? referenced : sources;
   return /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-sources-wrap", children: [
-    /* @__PURE__ */ jsx7("div", { className: "hsk-cb-sources", ref: railRef, children: sources.map((src, si) => {
+    /* @__PURE__ */ jsx7("div", { className: "hsk-cb-sources", ref: railRef, children: display.map((src, si) => {
       const isReferenced = !!(src.id && referencedIds.includes(src.id));
       return /* @__PURE__ */ jsxs6(
         "div",
@@ -1505,6 +1507,18 @@ var getFriendlyError = (err) => {
     return str;
   }
 };
+var MK_ADJ = ["flying", "silent", "golden", "lucky", "brave", "swift", "royal", "cosmic"];
+var MK_NOUN = ["thunder", "falcon", "river", "ember", "tiger", "comet", "willow", "onyx"];
+function generateMagicWord() {
+  return MK_ADJ[Math.floor(Math.random() * MK_ADJ.length)] + MK_NOUN[Math.floor(Math.random() * MK_NOUN.length)];
+}
+function parseMemoryKey(raw) {
+  const cleaned = raw.trim().replace(/\s+/g, "");
+  const m = cleaned.match(/^(\d{6,})([a-zA-Z].*)?$/);
+  const phone = m?.[1] || cleaned.replace(/\D/g, "");
+  const word = (m?.[2] || "").toLowerCase() || generateMagicWord();
+  return { phone, word };
+}
 function parseThinking(text) {
   const openMatch = text.match(/<\s*thinking\s*>/i);
   if (!openMatch) {
@@ -1646,17 +1660,34 @@ function ChatModal({
     const SR = window.SpeechRecognition || window.webkitSpeechRecognition;
     const recognition = new SR();
     recognition.lang = "en-US";
-    recognition.interimResults = false;
+    recognition.interimResults = true;
     recognition.maxAlternatives = 1;
     recognitionRef.current = recognition;
     recognition.onstart = () => setVoiceState("listening");
     recognition.onresult = (event) => {
-      const transcript = event.results[0][0].transcript;
-      setInput(transcript);
-      pendingVoiceRef.current = transcript;
-      setVoiceState("processing");
+      let finalText = "";
+      let interimText = "";
+      for (let i = 0; i < event.results.length; i++) {
+        const seg = event.results[i][0].transcript;
+        if (event.results[i].isFinal) finalText += seg;
+        else interimText += seg;
+      }
+      const live = (finalText + " " + interimText).trim();
+      if (live) setInput(live);
+      if (finalText.trim()) {
+        pendingVoiceRef.current = finalText.trim();
+        setVoiceState("processing");
+      }
+    };
+    recognition.onerror = (event) => {
+      const err = event?.error;
+      if (err === "not-allowed" || err === "service-not-allowed") {
+        setInput("Microphone access was blocked \u2014 enable it in your browser to use voice.");
+      } else if (err === "no-speech") {
+        setInput("Didn't catch that \u2014 tap the mic and try again.");
+      }
+      setVoiceState("idle");
     };
-    recognition.onerror = () => setVoiceState("idle");
     recognition.onend = () => {
       setVoiceState((prev) => prev === "listening" ? "idle" : prev);
     };
@@ -1684,6 +1715,7 @@ function ChatModal({
   });
   const [merchantRef, setMerchantRef] = useState5(null);
   const [paymentPhase, setPaymentPhase] = useState5("idle");
+  const [memoryKey, setMemoryKey] = useState5(null);
   const [sessions, setSessions] = useState5(() => loadSessions());
   const [sidebarOpen, setSidebarOpen] = useState5(false);
   const [replayMessages, setReplayMessages] = useState5(null);
@@ -1725,6 +1757,10 @@ function ChatModal({
       }
       const isHistoryIntent = lastIntent === "capture" || lastIntent === "delete" || lastIntent === "view_history";
       if (isHistoryIntent) {
+        const { phone, word } = parseMemoryKey(phoneInput);
+        if (!phone) return;
+        client.setShopperIdentity(phone, word);
+        setMemoryKey(phone + word);
         setPaymentPhase("idle");
         const lastUserMsg = [...messages].reverse().find((m) => m.role === "user");
         if (lastUserMsg) {
@@ -2030,7 +2066,25 @@ function ChatModal({
             !replayMessages && paymentPhase === "prompt_phone" && (() => {
               const isHistoryIntent = lastIntent === "capture" || lastIntent === "delete" || lastIntent === "view_history";
               if (isHistoryIntent) {
-                return null;
+                return /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-ai-msg", children: [
+                  /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-icon", style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx7(SparkleIcon2, {}) }),
+                  /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-body", children: /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-text", children: /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-phone-form", children: [
+                    /* @__PURE__ */ jsx7("label", { className: "hsk-cb-phone-label", children: "Your phone number \u2014 or paste your memory key" }),
+                    /* @__PURE__ */ jsx7(
+                      "input",
+                      {
+                        type: "text",
+                        className: "hsk-cb-phone-input",
+                        placeholder: "0712345678  or  0712345678flyingthunder",
+                        value: phoneInput,
+                        onChange: (e) => setPhoneInput(e.target.value.replace(/[^0-9a-zA-Z]/g, "")),
+                        onKeyDown: (e) => e.key === "Enter" && handlePhoneSubmit(),
+                        autoFocus: true
+                      }
+                    ),
+                    /* @__PURE__ */ jsx7("button", { className: "hsk-cb-phone-submit", onClick: handlePhoneSubmit, children: "Save & sync my items" })
+                  ] }) }) })
+                ] });
               }
               return /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-ai-msg", children: [
                 /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-icon", style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx7(SparkleIcon2, {}) }),
@@ -2052,6 +2106,22 @@ function ChatModal({
                 ] }) }) })
               ] });
             })(),
+            !replayMessages && memoryKey && /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-ai-msg", children: [
+              /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-icon", style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx7(SparkleIcon2, {}) }),
+              /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-body", children: /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-text", children: /* @__PURE__ */ jsxs6("div", { style: { padding: "10px 12px", border: "1px solid var(--hsk-border, #e5e5e5)", borderRadius: 8 }, children: [
+                /* @__PURE__ */ jsx7("div", { style: { fontSize: 12, fontWeight: 600, marginBottom: 4 }, children: "\u{1F511} Your memory key" }),
+                /* @__PURE__ */ jsx7("code", { style: { display: "block", fontSize: 14, fontWeight: 700, marginBottom: 6, wordBreak: "break-all" }, children: memoryKey }),
+                /* @__PURE__ */ jsxs6("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+                  /* @__PURE__ */ jsx7("button", { className: "hsk-cb-phone-submit", style: { padding: "4px 10px" }, onClick: () => {
+                    try {
+                      navigator.clipboard?.writeText(memoryKey);
+                    } catch {
+                    }
+                  }, children: "Copy" }),
+                  /* @__PURE__ */ jsx7("span", { style: { fontSize: 11, opacity: 0.7 }, children: "Save it \u2014 enter it on any site to get your items back." })
+                ] })
+              ] }) }) })
+            ] }),
             !replayMessages && paymentPhase === "awaiting" && /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-payment-prompt hsk-cb-payment-prompt--awaiting", children: [
               /* @__PURE__ */ jsx7("div", { className: "hsk-cb-payment-pulse-ring" }),
               /* @__PURE__ */ jsx7("div", { className: "hsk-cb-payment-icon-wrap", children: /* @__PURE__ */ jsx7("span", { style: { fontSize: "2rem" }, children: "\u{1F4F1}" }) }),
@@ -2148,7 +2218,7 @@ function ChatModal({
                   value: input,
                   onChange: handleInput,
                   onKeyDown: handleKeyDown,
-                  placeholder: activePlaceholder,
+                  placeholder: voiceState === "listening" ? "\u{1F399}\uFE0F Listening\u2026 tap the mic to stop" : voiceState === "processing" ? "Got it \u2014 sending\u2026" : activePlaceholder,
                   rows: 1,
                   disabled: loading,
                   autoFocus: true