@axiom-lattice/react-sdk 4.6.1 → 4.6.2

package/dist/embed-page.js

@@ -1,4 +1,4 @@
-import{b as f}from"./embed-page-chunk-OHDEKFTU.js";import"./embed-page-chunk-XIXSRYJY.js";import"./embed-page-chunk-HEMNMC4X.js";import{a as b}from"./embed-page-chunk-MB65DZAX.js";import"./embed-page-chunk-VW3NF5NT.js";import"./embed-page-chunk-5JDQ456X.js";import"./embed-page-chunk-Z7USDLHI.js";import{a as g}from"./embed-page-chunk-O4QK5LWZ.js";import"./embed-page-chunk-4BKXE5ON.js";import"./embed-page-chunk-IX4WLWCY.js";import"./embed-page-chunk-EUOOO2LS.js";import{b as U,e as s}from"./embed-page-chunk-6Y3UYJ6Z.js";var h=U(d=>{"use strict";var E=g();d.createRoot=E.createRoot,d.hydrateRoot=E.hydrateRoot;var ee});var T=s(h()),k=s(g());var y="axiom-web-app-embed";var x=["axiom:hello","axiom:identity","axiom:send","axiom:config"];function w(e,t){return{source:y,version:1,type:e,payload:t}}var N=6,z=40,B=500;function H(e){if(typeof e!="object"||e===null||Array.isArray(e))return!1;let t=e,n=Object.keys(t);return n.length!==2||!n.includes("label")||!n.includes("text")?!1:typeof t.label=="string"&&t.label.length>=1&&t.label.length<=z&&typeof t.text=="string"&&t.text.length>=1&&t.text.length<=B}function Q(e){if(!Array.isArray(e))return[];let t=[];for(let n of e){if(t.length>=N)break;H(n)&&t.push({label:n.label,text:n.text})}return t}function _(e){if(typeof e!="object"||e===null)return null;let t=e,n={};if(typeof t.welcome=="string"&&t.welcome.length>0&&(n.welcome=t.welcome),Array.isArray(t.quicks)){let r=Q(t.quicks);(r.length>0||t.quicks.length===0)&&(n.quicks=r)}return n.welcome===void 0&&n.quicks===void 0?null:n}function R(e,t){if(typeof e!="object"||e===null)return null;let n=e;return n.source!==y||n.version!==1||typeof n.type!="string"||!t.includes(n.type)?null:{type:n.type,payload:n.payload}}var p=s(b()),P=/^[A-Za-z0-9._:@-]{1,128}$/,q="Open this chat from the host page embed to start chatting.",v="axiom-embed-root",C="axiom-embed-style",A=32768,G=`
+import{b as f}from"./embed-page-chunk-O72XBKQH.js";import"./embed-page-chunk-QMVIL4BJ.js";import"./embed-page-chunk-YPNSOZYW.js";import{a as b}from"./embed-page-chunk-MB65DZAX.js";import"./embed-page-chunk-VW3NF5NT.js";import"./embed-page-chunk-5JDQ456X.js";import"./embed-page-chunk-Z7USDLHI.js";import{a as g}from"./embed-page-chunk-O4QK5LWZ.js";import"./embed-page-chunk-4BKXE5ON.js";import"./embed-page-chunk-IX4WLWCY.js";import"./embed-page-chunk-EUOOO2LS.js";import{b as U,e as s}from"./embed-page-chunk-6Y3UYJ6Z.js";var h=U(d=>{"use strict";var E=g();d.createRoot=E.createRoot,d.hydrateRoot=E.hydrateRoot;var ee});var T=s(h()),k=s(g());var y="axiom-web-app-embed";var x=["axiom:hello","axiom:identity","axiom:send","axiom:config"];function w(e,t){return{source:y,version:1,type:e,payload:t}}var N=6,z=40,B=500;function H(e){if(typeof e!="object"||e===null||Array.isArray(e))return!1;let t=e,n=Object.keys(t);return n.length!==2||!n.includes("label")||!n.includes("text")?!1:typeof t.label=="string"&&t.label.length>=1&&t.label.length<=z&&typeof t.text=="string"&&t.text.length>=1&&t.text.length<=B}function Q(e){if(!Array.isArray(e))return[];let t=[];for(let n of e){if(t.length>=N)break;H(n)&&t.push({label:n.label,text:n.text})}return t}function _(e){if(typeof e!="object"||e===null)return null;let t=e,n={};if(typeof t.welcome=="string"&&t.welcome.length>0&&(n.welcome=t.welcome),Array.isArray(t.quicks)){let r=Q(t.quicks);(r.length>0||t.quicks.length===0)&&(n.quicks=r)}return n.welcome===void 0&&n.quicks===void 0?null:n}function R(e,t){if(typeof e!="object"||e===null)return null;let n=e;return n.source!==y||n.version!==1||typeof n.type!="string"||!t.includes(n.type)?null:{type:n.type,payload:n.payload}}var p=s(b()),P=/^[A-Za-z0-9._:@-]{1,128}$/,q="Open this chat from the host page embed to start chatting.",v="axiom-embed-root",C="axiom-embed-style",A=32768,G=`
 html, body, #${v} { height: 100%; margin: 0; }
 .axiom-embed-fill { height: 100% !important; min-height: 0 !important; }
 .axiom-embed-card { display: flex; align-items: center; justify-content: center; height: 100%; margin: 0; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 14px; color: #64748b; padding: 24px; box-sizing: border-box; text-align: center; }

package/dist/index.js

@@ -88484,7 +88484,10 @@ ${JSON.stringify(
       }, []);
       const items3 = (0, import_react87.useMemo)(
         () => deferredMessages.map((message49, index3) => ({
-          key: message49.id,
+          // Some locally-constructed threads (e.g. the Architect copilot) can
+          // carry messages without a server id; fall back to the index so
+          // Bubble.List always receives a key and does not warn.
+          key: message49.id || `message-${index3}`,
           role: message49.role,
           typing: false,
           content: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
@@ -104574,6 +104577,7 @@ var init_TaskCommentComposer = __esm({
             value: content,
             header: senderHeader,
             prefix: attachButton,
+            suffix: (_actionNode, { components }) => /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(components.SendButton, { "aria-label": "Send comment" }),
             onChange: setContent,
             onSubmit: (next) => void submit(next),
             placeholder: "Add a comment\u2026",
@@ -109330,6 +109334,10 @@ var init_SideAppViewBrowser = __esm({
       display: flex;
       flex-direction: column;
       align-items: center;
+      // The wrapper spans the full width only to center the pill. Keep it
+      // transparent to pointer events so the empty top band never intercepts
+      // clicks on the content beneath; the visible pill/header opt back in.
+      pointer-events: none;
     `,
         compactPill: css`
       display: flex;
@@ -109348,6 +109356,7 @@ var init_SideAppViewBrowser = __esm({
       cursor: default;
       transition: all 0.2s ease;
       margin-top: 0;
+      pointer-events: auto;
 
       &:hover {
         color: ${token.colorText};
@@ -109373,6 +109382,7 @@ var init_SideAppViewBrowser = __esm({
       padding: 4px 8px;
       gap: 4px;
       width: 100%;
+      pointer-events: auto;
       animation: floatIn 0.2s ease;
       transition: background 0.2s ease;
 
@@ -109585,61 +109595,64 @@ var init_SideAppViewBrowser = __esm({
         [openApp]
       );
       return /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)("div", { className: styles.container, children: [
-        compact && items3.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+        compact && items3.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("div", { className: styles.compactWrapper, children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
           "div",
           {
-            className: styles.compactWrapper,
+            className: `${styles.floatingHeader} ${autoPeek ? styles.floatingHeaderPeek : ""} ${isLeaving ? styles.floatingHeaderLeaving : ""}`,
+            style: { width: "fit-content", maxWidth: "100%" },
             onMouseEnter: handleMouseEnter,
             onMouseLeave: handleMouseLeave,
-            children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
-              "div",
-              {
-                className: `${styles.floatingHeader} ${autoPeek ? styles.floatingHeaderPeek : ""} ${isLeaving ? styles.floatingHeaderLeaving : ""}`,
-                onAnimationEnd: handleFloatingAnimationEnd,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("div", { className: styles.floatingTabsStrip, children: items3.map((item) => /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_antd114.Tooltip, { title: item.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
-                    "div",
-                    {
-                      "data-tab-key": item.key,
-                      className: `${styles.tab} ${item.key === activeKey ? "active" : ""}`,
-                      onClick: () => switchTab(item.key),
-                      onMouseEnter: () => setHoveredTab(item.key),
-                      onMouseLeave: () => setHoveredTab(null),
-                      children: [
-                        getTabIcon(item.componentKey),
-                        /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("span", { className: styles.tabLabel, children: item.label }),
-                        /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
-                          "span",
-                          {
-                            className: `${styles.closeIndicator} ${hoveredTab === item.key || item.key === activeKey ? "always-visible" : ""}`,
-                            onClick: (e8) => {
-                              e8.stopPropagation();
-                              remove2(item.key);
-                            },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_icons36.CloseOutlined, { style: { fontSize: 10 } })
-                          }
-                        )
-                      ]
-                    }
-                  ) }, item.key)) }),
-                  items3.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
-                    import_antd114.Dropdown,
-                    {
-                      menu: { items: dropdownItems },
-                      placement: "bottomRight",
-                      trigger: ["click"],
-                      children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_icons36.MoreOutlined, {}) })
-                    }
-                  ),
-                  showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_antd114.Tooltip, { title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_icons36.CloseOutlined, {}) }) })
-                ]
-              }
-            ) : activeItem && /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)("div", { className: styles.compactPill, children: [
+            onAnimationEnd: handleFloatingAnimationEnd,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("div", { className: styles.floatingTabsStrip, children: items3.map((item) => /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_antd114.Tooltip, { title: item.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
+                "div",
+                {
+                  "data-tab-key": item.key,
+                  className: `${styles.tab} ${item.key === activeKey ? "active" : ""}`,
+                  onClick: () => switchTab(item.key),
+                  onMouseEnter: () => setHoveredTab(item.key),
+                  onMouseLeave: () => setHoveredTab(null),
+                  children: [
+                    getTabIcon(item.componentKey),
+                    /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("span", { className: styles.tabLabel, children: item.label }),
+                    /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+                      "span",
+                      {
+                        className: `${styles.closeIndicator} ${hoveredTab === item.key || item.key === activeKey ? "always-visible" : ""}`,
+                        onClick: (e8) => {
+                          e8.stopPropagation();
+                          remove2(item.key);
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_icons36.CloseOutlined, { style: { fontSize: 10 } })
+                      }
+                    )
+                  ]
+                }
+              ) }, item.key)) }),
+              items3.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+                import_antd114.Dropdown,
+                {
+                  menu: { items: dropdownItems },
+                  placement: "bottomRight",
+                  trigger: ["click"],
+                  children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_icons36.MoreOutlined, {}) })
+                }
+              ),
+              showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_antd114.Tooltip, { title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_icons36.CloseOutlined, {}) }) })
+            ]
+          }
+        ) : activeItem && /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
+          "div",
+          {
+            className: styles.compactPill,
+            onMouseEnter: handleMouseEnter,
+            onMouseLeave: handleMouseLeave,
+            children: [
               getTabIcon(activeItem.componentKey),
               /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("span", { className: styles.compactPillLabel, children: activeItem.label })
-            ] })
+            ]
           }
-        ),
+        ) }),
         !compact && /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)("div", { className: styles.header, children: [
           /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("div", { className: styles.tabsStrip, children: items3.map((item) => /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_antd114.Tooltip, { title: item.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
             "div",
@@ -142642,7 +142655,7 @@ var init_WorkspaceResourceManager = __esm({
                     )
                   }
                 ),
-                main: /* @__PURE__ */ (0, import_jsx_runtime369.jsx)(SideAppViewBrowser, { region: "content", showCloseButton: false }),
+                main: /* @__PURE__ */ (0, import_jsx_runtime369.jsx)(SideAppViewBrowser, { region: "content", compact: false, showCloseButton: false }),
                 mainStyle: { padding: 0 }
               }
             ),