@ethora/chat-component 26.7.6 → 26.7.8

package/dist/{ManageDataModal-CDPXcC93.js → ManageDataModal-Dje7zTG4.js}

@@ -1,8 +1,8 @@
-import { jsxs as r, Fragment as T, jsx as a } from "react/jsx-runtime";
-import { useState as x, useCallback as M } from "react";
-import { x as t, C as j, aj as v, B, u as I, n as E, J as F, aA as R, L as U, v as h, aB as z, aC as A, aD as O, aE as $ } from "./main-B-8IhwaP.js";
-import { S as H, D as f, a as D, b as u, e as y, f as b } from "./SideDrawer-Dr_lkaOW.js";
-t(j)`
+import { jsxs as o, Fragment as T, jsx as a } from "react/jsx-runtime";
+import { useState as m, useCallback as M } from "react";
+import { av as B, v as t, aw as I, ax as w, B as j, u as z, n as F, F as E, ay as R, J as U, t as x, az as A, aA as $, aB as O, aC as H } from "./main-SdAeI1xI.js";
+import { S as J, D as f, a as u, b as D, e as v, f as b } from "./SideDrawer-DWeOHKWM.js";
+t(I)`
   display: flex;
   box-sizing: border-box;
   align-items: flex-start;
@@ -19,7 +19,7 @@ t.div`
   flex-direction: column;
   gap: 8px;
 `;
-t(v)`
+t(w)`
   font-weight: 600;
   text-align: start;
   flex-wrap: wrap;
@@ -31,50 +31,69 @@ t.div`
   align-items: center;
   gap: 4px;
 `;
-t(v)`
+t(w)`
   font-size: 12px;
   text-align: start;
   color: var(--ethora-color-text-muted, #8c8c8c);
 `;
-const C = t(B)`
-  min-height: 40px;
+const y = t(j)`
+  min-height: 44px;
   display: flex;
   flex-direction: column;
-  gap: 2px;
+  gap: var(--ethora-space-1, 4px);
   align-items: center;
   justify-content: center;
   text-align: center;
   width: 100%;
-  padding: 8px;
-  border-radius: var(--ethora-radius-sm, 8px);
-  border: 1px solid ${({ borderColor: o }) => o};
-`, J = t.div`
+  padding: var(--ethora-space-2, 8px) var(--ethora-space-4, 16px);
+  border-radius: var(--ethora-radius-md, 12px);
+  border: 1px solid ${({ borderColor: r }) => r};
+  font-weight: var(--ethora-font-weight-semibold, 600);
+  transition: background-color var(--ethora-motion-fast, 150ms),
+    box-shadow var(--ethora-motion-fast, 150ms);
+
+  &:hover {
+    background-color: var(--ethora-color-bg-hover, #f0f2f5);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--ethora-color-primary, #0052cd);
+    outline-offset: 2px;
+  }
+
+  &:active {
+    box-shadow: var(--ethora-shadow-sm, 0 1px 2px rgba(16, 24, 40, 0.06));
+  }
+
+  ${B}
+`, P = t.div`
   display: flex;
   align-items: flex-start;
-  background-color: ${({ bgColor: o }) => o};
-  padding: 16px;
-  border-radius: var(--ethora-radius-sm, 8px);
-  gap: 8px;
-`, P = t.div`
-  font-size: 12px;
+  background-color: ${({ bgColor: r }) => r};
+  padding: var(--ethora-space-4, 16px);
+  border-radius: var(--ethora-radius-md, 12px);
+  gap: var(--ethora-space-2, 8px);
+`, W = t.div`
+  font-size: var(--ethora-font-size-xs, 12px);
+  line-height: var(--ethora-line-height-normal, 1.5);
   color: var(--ethora-color-text, #141414);
   display: flex;
   text-align: start;
-`, N = ({
-  handleCloseModal: o
+`, Q = ({
+  handleCloseModal: r
 }) => {
-  const { config: s } = I((l) => l.chatSettingStore), e = E(), { showToast: d } = F(), [w, c] = x(!1), [i, g] = x(!1), S = async () => {
-    const p = (await $()).data;
-    h.log(p);
-    const L = new Blob([p], { type: "text/plain" }), m = URL.createObjectURL(L), n = document.createElement("a");
-    n.href = m, n.download = "mydata.json", document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(m);
+  const { config: l } = z((s) => s.chatSettingStore), e = F(), { showToast: d } = E(), [C, c] = m(!1), [i, g] = m(!1), S = async () => {
+    const p = (await H()).data;
+    x.log(p);
+    const L = new Blob([p], { type: "text/plain" }), h = URL.createObjectURL(L), n = document.createElement("a");
+    n.href = h, n.download = "mydata.json", document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(h);
   }, k = M(async () => {
     if (!i) {
       g(!0);
       try {
         await R(), c(!1), await U.performLogout();
-      } catch (l) {
-        h.error("Failed to delete account", l), d({
+      } catch (s) {
+        x.error("Failed to delete account", s), d({
           id: Date.now().toString(),
           title: e("toast.error"),
           message: e("settings.manageData.deleteFailed"),
@@ -84,22 +103,22 @@ const C = t(B)`
       }
     }
   }, [i, d, e]);
-  return /* @__PURE__ */ r(T, { children: [
-    /* @__PURE__ */ r(
-      H,
+  return /* @__PURE__ */ o(T, { children: [
+    /* @__PURE__ */ o(
+      J,
       {
         title: e("settings.manageData.title"),
-        onClose: o,
+        onClose: r,
         backLabel: e("action.back"),
         children: [
-          /* @__PURE__ */ r(f, { children: [
-            /* @__PURE__ */ a(D, { children: e("settings.manageData.section.export") }),
-            /* @__PURE__ */ a(u, { children: /* @__PURE__ */ r(y, { children: [
+          /* @__PURE__ */ o(f, { children: [
+            /* @__PURE__ */ a(u, { children: e("settings.manageData.section.export") }),
+            /* @__PURE__ */ a(D, { children: /* @__PURE__ */ o(v, { children: [
               /* @__PURE__ */ a(b, { children: e("settings.manageData.downloadDescription") }),
               /* @__PURE__ */ a(
-                C,
+                y,
                 {
-                  borderColor: s?.colors?.primary || "var(--ethora-color-primary, #0052CD)",
+                  borderColor: l?.colors?.primary || "var(--ethora-color-primary, #0052CD)",
                   onClick: S,
                   style: { marginTop: "var(--ethora-space-2, 8px)" },
                   children: e("settings.manageData.downloadLabel")
@@ -107,23 +126,23 @@ const C = t(B)`
               )
             ] }) })
           ] }),
-          /* @__PURE__ */ r(f, { children: [
-            /* @__PURE__ */ a(D, { children: e("settings.manageData.deleteLabel") }),
-            /* @__PURE__ */ a(u, { children: /* @__PURE__ */ r(y, { children: [
+          /* @__PURE__ */ o(f, { children: [
+            /* @__PURE__ */ a(u, { children: e("settings.manageData.deleteLabel") }),
+            /* @__PURE__ */ a(D, { children: /* @__PURE__ */ o(v, { children: [
               /* @__PURE__ */ a(b, { children: e("settings.manageData.deleteDescription") }),
-              /* @__PURE__ */ r(
-                J,
+              /* @__PURE__ */ o(
+                P,
                 {
-                  bgColor: s?.colors?.secondary || "var(--ethora-color-primary-soft, #E7EDF9)",
+                  bgColor: l?.colors?.secondary || "var(--ethora-color-primary-soft, #E7EDF9)",
                   style: { marginTop: "var(--ethora-space-2, 8px)" },
                   children: [
-                    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(z, { color: A(s) }) }),
-                    /* @__PURE__ */ a(P, { children: e("settings.manageData.deleteDisclosure") })
+                    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(A, { color: $(l) }) }),
+                    /* @__PURE__ */ a(W, { children: e("settings.manageData.deleteDisclosure") })
                   ]
                 }
               ),
               /* @__PURE__ */ a(
-                C,
+                y,
                 {
                   borderColor: "var(--ethora-color-danger, #D92D20)",
                   style: {
@@ -139,7 +158,7 @@ const C = t(B)`
         ]
       }
     ),
-    w && /* @__PURE__ */ a(
+    C && /* @__PURE__ */ a(
       O,
       {
         title: e("settings.manageData.deleteConfirmTitle"),
@@ -155,5 +174,5 @@ const C = t(B)`
   ] });
 };
 export {
-  N as default
+  Q as default
 };

package/dist/{MarkdownBody-DBJGraWM.js → MarkdownBody-Cm3GPQGA.js}

@@ -1,6 +1,6 @@
 import { jsxs as fs, jsx as ie, Fragment as hs } from "react/jsx-runtime";
 import "react";
-import { m as ei } from "./main-B-8IhwaP.js";
+import { m as ei } from "./main-SdAeI1xI.js";
 function zr(e) {
   const t = [], n = String(e || "");
   let r = n.indexOf(","), u = 0, i = !1;

package/dist/{SideDrawer-Dr_lkaOW.js → SideDrawer-DWeOHKWM.js}

@@ -1,7 +1,7 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { useId as x, useRef as v } from "react";
-import { n as f, w as g, aH as u, B as w, aI as m, x as e, aJ as b } from "./main-B-8IhwaP.js";
-const c = 767, D = `${c}px`, y = e.div`
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { useId as f, useRef as v } from "react";
+import { n as u, w as g, aF as m, aG as w, B as b, aH as y, v as e, aI as D, aJ as k } from "./main-SdAeI1xI.js";
+const c = 767, R = `${c}px`, z = e.div`
   position: relative;
   pointer-events: auto;
   display: flex;
@@ -11,15 +11,16 @@ const c = 767, D = `${c}px`, y = e.div`
   height: 100%;
   background-color: var(--ethora-color-bg, #fff);
   overflow: hidden;
-  ${b}
+  ${({ $closing: r }) => r ? D : k}
 
+  /* The width belongs to the column (SidePanel), not to the panel: this is
+     in-layout furniture now, so it takes the space it is given. A hairline
+     separates it from the chat; the drop shadow it used to carry belonged to
+     a floating overlay and read as wrong once the panel stopped floating. */
   @media (min-width: 768px) {
-    width: 400px;
-    max-width: 100%;
     border-left: 1px solid var(--ethora-color-border, #e6e8ec);
-    box-shadow: var(--ethora-shadow-lg, 0 12px 32px rgba(16, 24, 40, 0.14));
   }
-`, R = e.header`
+`, B = e.header`
   display: flex;
   align-items: center;
   gap: var(--ethora-space-2, 8px);
@@ -27,7 +28,7 @@ const c = 767, D = `${c}px`, y = e.div`
   padding: var(--ethora-space-2, 8px) var(--ethora-space-3, 12px);
   border-bottom: 1px solid var(--ethora-color-border, #e6e8ec);
   background-color: var(--ethora-color-bg, #fff);
-`, k = e.h2`
+`, I = e.h2`
   flex: 1 1 auto;
   margin: 0;
   min-width: 0;
@@ -37,12 +38,12 @@ const c = 767, D = `${c}px`, y = e.div`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`, z = e.div`
+`, S = e.div`
   display: flex;
   align-items: center;
   gap: var(--ethora-space-1, 4px);
   flex: 0 0 auto;
-`, B = e.div`
+`, A = e.div`
   flex: 1 1 auto;
   min-height: 0;
   overflow-y: auto;
@@ -53,15 +54,15 @@ const c = 767, D = `${c}px`, y = e.div`
   padding: var(--ethora-space-5, 20px) var(--ethora-space-4, 16px)
     var(--ethora-space-6, 24px);
 
-  @media (max-width: ${D}) {
+  @media (max-width: ${R}) {
     padding-left: var(--ethora-space-4, 16px);
     padding-right: var(--ethora-space-4, 16px);
   }
-`, j = e.section`
+`, $ = e.section`
   display: flex;
   flex-direction: column;
   gap: var(--ethora-space-2, 8px);
-`, M = e.h3`
+`, O = e.h3`
   margin: 0;
   padding: 0 var(--ethora-space-1, 4px);
   font-size: var(--ethora-font-size-xs, 12px);
@@ -69,7 +70,7 @@ const c = 767, D = `${c}px`, y = e.div`
   letter-spacing: 0.06em;
   text-transform: uppercase;
   color: var(--ethora-color-text-muted, #8c8c8c);
-`, P = e.div`
+`, W = e.div`
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -78,17 +79,17 @@ const c = 767, D = `${c}px`, y = e.div`
   border-radius: var(--ethora-radius-md, 12px);
   background-color: var(--ethora-color-bg, #fff);
   overflow: hidden;
-`, W = e.div`
+`, _ = e.div`
   display: flex;
   flex-direction: column;
   gap: var(--ethora-space-1, 4px);
   padding: var(--ethora-space-3, 12px) var(--ethora-space-4, 16px);
-`, _ = e.div`
+`, F = e.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
   gap: var(--ethora-space-2, 8px);
-`, $ = e.button`
+`, K = e.button`
   border: none;
   background: transparent;
   padding: var(--ethora-space-2, 8px) 0;
@@ -108,22 +109,61 @@ const c = 767, D = `${c}px`, y = e.div`
     outline-offset: 2px;
     border-radius: var(--ethora-radius-sm, 8px);
   }
-`, K = e.div`
+`, G = e.div`
   height: 1px;
   margin: 0 var(--ethora-space-4, 16px);
   background-color: var(--ethora-color-border, #e6e8ec);
-`, I = e.div`
+`, J = e.div`
+  display: flex;
+  align-items: center;
+  gap: var(--ethora-space-2, 8px);
+  width: 100%;
+  box-sizing: border-box;
+  height: 44px;
+  padding: 0 var(--ethora-space-3, 12px);
+  border-radius: var(--ethora-radius-md, 12px);
+  background: var(--ethora-color-bg-subtle, #f5f7fa);
+  color: var(--ethora-color-text-muted, #8c8c8c);
+  transition: background-color var(--ethora-motion-fast, 150ms)
+    var(--ethora-motion-ease, ease);
+
+  &:focus-within {
+    outline: 2px solid var(--ethora-color-primary, #0052cd);
+    outline-offset: 1px;
+  }
+
+  & > svg {
+    flex: 0 0 auto;
+  }
+`, V = e.input`
+  flex: 1 1 auto;
+  min-width: 0;
+  border: none;
+  background: transparent;
+  outline: none;
+  font: inherit;
+  font-size: var(--ethora-font-size-sm, 14px);
+  color: var(--ethora-color-text, #141414);
+
+  &::placeholder {
+    color: var(--ethora-color-text-muted, #8c8c8c);
+  }
+`, X = e.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`, T = e.div`
   font-size: var(--ethora-font-size-sm, 14px);
   font-weight: var(--ethora-font-weight-medium, 500);
   color: var(--ethora-color-text, #141414);
   text-align: start;
-`, S = e.div`
+`, C = e.div`
   font-size: var(--ethora-font-size-xs, 12px);
   font-weight: var(--ethora-font-weight-regular, 400);
   color: var(--ethora-color-text-muted, #8c8c8c);
   text-align: start;
   line-height: 1.4;
-`, T = e.button`
+`, E = e.button`
   display: flex;
   align-items: center;
   gap: var(--ethora-space-3, 12px);
@@ -146,17 +186,17 @@ const c = 767, D = `${c}px`, y = e.div`
     outline: 2px solid var(--ethora-color-primary, #0052cd);
     outline-offset: -2px;
   }
-`, A = e.span`
+`, L = e.span`
   display: flex;
   flex-direction: column;
   gap: var(--ethora-space-1, 4px);
   flex: 1 1 auto;
   min-width: 0;
-`, C = e.span`
+`, j = e.span`
   flex: 0 0 auto;
   display: inline-flex;
   color: var(--ethora-color-text-muted, #8c8c8c);
-`, E = () => /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ r(
+`, H = () => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o(
   "path",
   {
     d: "M6 3.5L10.5 8L6 12.5",
@@ -165,62 +205,66 @@ const c = 767, D = `${c}px`, y = e.div`
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }
-) }), O = ({
-  label: i,
-  hint: o,
-  onClick: a
-}) => /* @__PURE__ */ t(T, { type: "button", onClick: a, children: [
-  /* @__PURE__ */ t(A, { children: [
-    /* @__PURE__ */ r(I, { children: i }),
-    o && /* @__PURE__ */ r(S, { children: o })
+) }), q = ({
+  label: r,
+  hint: a,
+  onClick: t
+}) => /* @__PURE__ */ i(E, { type: "button", onClick: t, children: [
+  /* @__PURE__ */ i(L, { children: [
+    /* @__PURE__ */ o(T, { children: r }),
+    a && /* @__PURE__ */ o(C, { children: a })
   ] }),
-  /* @__PURE__ */ r(C, { "aria-hidden": "true", children: /* @__PURE__ */ r(E, {}) })
-] }), F = ({
-  title: i,
-  onClose: o,
-  headerActions: a,
-  backLabel: d,
-  children: l
+  /* @__PURE__ */ o(j, { "aria-hidden": "true", children: /* @__PURE__ */ o(H, {}) })
+] }), Q = ({
+  title: r,
+  onClose: a,
+  headerActions: t,
+  backLabel: l,
+  children: d
 }) => {
-  const h = f(), n = x(), s = v(null);
-  g({ onClose: o, containerRef: s });
-  const p = u(c);
-  return /* @__PURE__ */ t(
-    y,
+  const h = u(), n = f(), s = v(null);
+  g({ onClose: a, containerRef: s });
+  const p = m(c), x = w();
+  return /* @__PURE__ */ i(
+    z,
     {
       ref: s,
       role: "dialog",
       "aria-modal": p ? !0 : void 0,
       "aria-labelledby": n,
       "data-testid": "side-drawer",
+      $closing: x,
       children: [
-        /* @__PURE__ */ t(R, { children: [
-          /* @__PURE__ */ r(
-            w,
+        /* @__PURE__ */ i(B, { children: [
+          /* @__PURE__ */ o(
+            b,
             {
-              EndIcon: /* @__PURE__ */ r(m, {}),
-              onClick: o,
-              "aria-label": d ?? h("action.close")
+              EndIcon: /* @__PURE__ */ o(y, {}),
+              onClick: a,
+              "aria-label": l ?? h("action.close")
             }
           ),
-          /* @__PURE__ */ r(k, { id: n, children: i }),
-          a && /* @__PURE__ */ r(z, { children: a })
+          /* @__PURE__ */ o(I, { id: n, children: r }),
+          t && /* @__PURE__ */ o(S, { children: t })
         ] }),
-        /* @__PURE__ */ r(B, { children: l })
+        /* @__PURE__ */ o(A, { children: d })
       ]
     }
   );
 };
 export {
-  j as D,
-  F as S,
-  M as a,
-  P as b,
-  K as c,
-  O as d,
-  W as e,
-  S as f,
-  I as g,
-  $ as h,
-  _ as i
+  $ as D,
+  Q as S,
+  O as a,
+  W as b,
+  G as c,
+  q as d,
+  _ as e,
+  C as f,
+  T as g,
+  F as h,
+  J as i,
+  V as j,
+  X as k,
+  K as l
 };