@akropolys/kiku 1.7.7 → 1.7.8

package/dist/index.js

@@ -1639,9 +1639,13 @@ function ThinkingBlock({ text, isComplete, seconds: fixedSeconds }) {
         onClick: expandable ? () => setIsOpen((o) => !o) : void 0,
         "aria-expanded": expandable ? isOpen : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: !isComplete ? "hsk-cb-think-spin" : void 0, children: [
+          isComplete ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
             /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
             /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M12 6v6l4 2" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "hsk-cb-typing", "aria-hidden": "true", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", {})
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: label }),
           expandable && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: cn("hsk-cb-think-chevron", isOpen && "hsk-cb-think-chevron--open"), children: "\u25B6" })
@@ -2074,13 +2078,14 @@ function ChatModal({
                   )) })
                 ] }) : displayMessages.map((msg, idx) => {
                   const isLast = idx === displayMessages.length - 1;
+                  const isLastUser = msg.role === "user" && !displayMessages.slice(idx + 1).some((m) => m.role === "user");
                   const isUser = msg.role === "user";
                   const compareSources = sources.filter((s) => s.id && referencedIds.includes(s.id));
                   const showMatrix = isLast && lastIntent === "compare" && compareSources.length >= 2;
                   const displayContent = !isUser && showMatrix ? stripMarkdownTables(msg.content) : msg.content;
                   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-msg-group", ref: (el) => {
                     messageRefs.current[idx] = el;
-                  }, children: isUser ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hsk-cb-user-msg", children: [
+                  }, children: isUser ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `hsk-cb-user-msg${isLastUser ? " hsk-sent" : ""}`, children: [
                     msg.images && msg.images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-user-imgs", children: msg.images.map((img, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: img, alt: `attachment ${i + 1}`, className: "hsk-cb-user-img-thumb" }, i)) }),
                     msg.content && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-user-bubble", children: /^@kiku\b/i.test(msg.content) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
                       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "hsk-kiku-badge", children: "@kiku" }),
@@ -2120,6 +2125,23 @@ function ChatModal({
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-viz-disclaimer", children: "AI-generated preview \u2014 colours, size and placement may differ from the real product." })
                       ] }),
+                      !isUser && (msg.knowledgeImages?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-kimgs", children: msg.knowledgeImages.map((ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hsk-cb-kimg-group", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-kimg-grid", children: ref.images.map((img, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                          "img",
+                          {
+                            src: img.url,
+                            alt: img.note || ref.title || "Reference image",
+                            className: "hsk-cb-kimg",
+                            loading: "lazy",
+                            onClick: () => setLightboxSrc(img.url),
+                            onError: (e) => {
+                              e.target.style.display = "none";
+                            }
+                          },
+                          i
+                        )) }),
+                        (ref.title || ref.images[0]?.note) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-kimg-caption", children: ref.title || ref.images[0]?.note })
+                      ] }, ref.entryId)) }),
                       showMatrix && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ComparisonMatrix, { sources: compareSources, defaultCurrency }),
                       (() => {
                         const msgReferencedIds = isLast ? referencedIds : msg.referencedIds ?? [];