@akropolys/kiku 1.7.1 → 1.7.3

package/dist/index.js

@@ -1367,7 +1367,7 @@ function SourceImg({ src, alt, onImageClick }) {
     }
   );
 }
-function SourcesCarousel({ sources, defaultCurrency, onSelectSource, onImageClick, referencedIds = [] }) {
+function SourcesCarousel({ sources, defaultCurrency, onSelectSource, onImageClick, referencedIds = [], compact = false }) {
   const client = (0, import_sdk6.useAkropolysContext)();
   const isProperty = client?.vertical === "property";
   const railRef = (0, import_react5.useRef)(null);
@@ -1395,7 +1395,7 @@ function SourcesCarousel({ sources, defaultCurrency, onSelectSource, onImageClic
   };
   const display = sources.filter((s) => s.id && referencedIds.includes(s.id));
   if (display.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hsk-cb-sources-wrap", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: cn("hsk-cb-sources-wrap", compact && "hsk-cb-sources-wrap--compact"), children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-sources", ref: railRef, children: display.map((src, si) => {
       const isReferenced = !!(src.id && referencedIds.includes(src.id));
       return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
@@ -2025,7 +2025,9 @@ function ChatModal({
                 ] }) : displayMessages.map((msg, idx) => {
                   const isLast = idx === displayMessages.length - 1;
                   const isUser = msg.role === "user";
-                  const displayContent = !isUser && isLast && lastIntent === "compare" && sources.length >= 2 ? stripMarkdownTables(msg.content) : msg.content;
+                  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: [
@@ -2051,18 +2053,21 @@ function ChatModal({
                         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "hsk-cb-viz-spinner" }),
                         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "Visualizing\u2026" })
                       ] }),
-                      msg.visualization && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-viz", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                        "img",
-                        {
-                          src: msg.visualization,
-                          alt: "Product visualized in your photo",
-                          className: "hsk-markdown-img",
-                          onError: (e) => {
-                            e.target.style.display = "none";
+                      msg.visualization && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hsk-cb-viz", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                          "img",
+                          {
+                            src: msg.visualization,
+                            alt: "Product visualized in your photo",
+                            className: "hsk-markdown-img",
+                            onError: (e) => {
+                              e.target.style.display = "none";
+                            }
                           }
-                        }
-                      ) }),
-                      isLast && lastIntent === "compare" && sources.length >= 2 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ComparisonMatrix, { sources, defaultCurrency }),
+                        ),
+                        /* @__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." })
+                      ] }),
+                      showMatrix && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ComparisonMatrix, { sources: compareSources, defaultCurrency }),
                       (() => {
                         const msgReferencedIds = isLast ? referencedIds : msg.referencedIds ?? [];
                         const msgSources = isLast ? sources : msg.sources ?? [];
@@ -2076,7 +2081,8 @@ function ChatModal({
                             defaultCurrency,
                             onSelectSource: handleSourceClick,
                             onImageClick: setLightboxSrc,
-                            referencedIds: msgReferencedIds
+                            referencedIds: msgReferencedIds,
+                            compact: !!msg.visualization
                           }
                         );
                       })(),
@@ -2117,6 +2123,7 @@ function ChatModal({
                 loading && !streaming && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hsk-cb-typing-row", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hsk-cb-thinking-icon", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { className: "hsk-brand-mark", viewBox: "0 0 100 100", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M39.4 10.4 Q44 0 48.6 10.4 L86.1 95.8 Q88 100 83.4 100 L4.6 100 Q0 100 1.9 95.8 Z M24 100 L24 65 Q24 60 27.4 56.3 Q44 38 60.6 56.3 Q64 60 64 65 L64 100 Z", transform: "translate(22.7 19) scale(0.62)", fillRule: "evenodd" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { className: "hsk-brand-mark hsk-brand-mark--sheen", viewBox: "0 0 100 100", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M39.4 10.4 Q44 0 48.6 10.4 L86.1 95.8 Q88 100 83.4 100 L4.6 100 Q0 100 1.9 95.8 Z M24 100 L24 65 Q24 60 27.4 56.3 Q44 38 60.6 56.3 Q64 60 64 65 L64 100 Z", transform: "translate(22.7 19) scale(0.62)", fillRule: "evenodd" }) }),
                     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "hsk-handle-orbit", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "hsk-handle-ring", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "hsk-handle-ball" }),
                       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "hsk-handle-ball" }),