@smwb/ui-solid 0.13.0 → 1.0.0

package/dist/components/dataDisplay/chat/chat.js

@@ -1,22 +1,23 @@
-import { insert as m, createComponent as o, memo as a, effect as I, className as _, template as b, spread as x, mergeProps as U } from "solid-js/web";
+import { insert as h, createComponent as r, memo as n, effect as $, className as z, template as w, mergeProps as f, spread as H } from "solid-js/web";
 import '../../../assets/styles/less/components/chat/chat.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                   */
-import { mergeProps as P, createMemo as T, children as N, Show as u } from "solid-js";
-import B from "clsx";
-import { createControllableState as p } from "../../../primitives/createControllableState.js";
-import { createId as E } from "../../../primitives/createId.js";
-import { ChatComposer as F } from "./chatComposer.js";
-import { ChatHeader as O } from "./chatHeader.js";
-import { ChatMessages as D } from "./chatMessages.js";
-import { ChatShell as $ } from "./chatShell.js";
-import { createChatFileUpload as k } from "./useChatFileUpload.js";
-import { CHAT_EXPAND_LAYOUTS as z } from "./types.js";
-import { resolveAllowedLayouts as H, pickInitialLayout as f, shouldShowChatCloseButton as V } from "./utils.js";
-import { FloatingButton as R } from "../../inputs/floatingButton/floatingButton.js";
-import { Icon as X } from "../../base/icon/icon.js";
-var Y = /* @__PURE__ */ b("<input>"), j = /* @__PURE__ */ b("<div data-testid=chat>");
-function ie(C) {
-  const e = P({
+import { mergeProps as V, createMemo as a, children as K, Show as d } from "solid-js";
+import b from "clsx";
+import { createControllableState as C } from "../../../primitives/createControllableState.js";
+import { createId as R } from "../../../primitives/createId.js";
+import { Composer as X } from "../../inputs/composer/composer.js";
+import { ChatComposer as Y } from "./chatComposer.js";
+import { ChatHeader as j } from "./chatHeader.js";
+import { ChatMessages as q } from "./chatMessages.js";
+import { ChatShell as G } from "./chatShell.js";
+import { createChatFileUpload as J } from "./useChatFileUpload.js";
+import { CHAT_EXPAND_LAYOUTS as Q } from "./types.js";
+import { resolveAllowedLayouts as W, pickInitialLayout as v, shouldShowChatCloseButton as Z } from "./utils.js";
+import { FloatingButton as ee } from "../../inputs/floatingButton/floatingButton.js";
+import { Icon as te } from "../../base/icon/icon.js";
+var oe = /* @__PURE__ */ w("<input>"), re = /* @__PURE__ */ w("<div data-testid=chat>");
+function ye(y) {
+  const e = V({
     showAvatars: !1,
     showAttachments: !1,
     anchor: "bottom-right",
@@ -30,39 +31,43 @@ function ie(C) {
     embedded: !1,
     overlayContext: !1,
     showStatus: !1
-  }, C), s = T(() => H(e.allowedLayouts ?? z)), [d, i] = p({
+  }, y), i = a(() => W(e.allowedLayouts ?? Q)), [c, g] = C({
     value: () => e.open,
     defaultValue: e.defaultOpen,
     onChange: e.onOpenChange
-  }), [n, g] = p({
+  }), [s, u] = C({
     value: () => e.layout,
-    defaultValue: f(s(), e.defaultLayout),
+    defaultValue: v(i(), e.defaultLayout),
     onChange: e.onLayoutChange
-  }), l = () => e.embedded ? "fullHeight" : e.floatingTrigger ? d() ? n() : "closed" : n(), w = () => {
-    i(!0), n() === "closed" && g(f(s(), e.defaultLayout));
-  }, v = () => {
-    i(!1);
-  }, y = (r) => {
-    i(!0), g(r);
-  }, t = k({
+  }), l = () => e.embedded ? "fullHeight" : e.floatingTrigger ? c() ? s() : "closed" : s(), S = () => {
+    g(!0), s() === "closed" && u(v(i(), e.defaultLayout));
+  }, L = () => {
+    g(!1);
+  }, M = (o) => {
+    g(!0), u(o);
+  }, t = J({
     enabled: () => e.fileUpload,
     accept: e.fileUploadAccept,
     maxFiles: e.fileUploadMaxFiles,
     onUploadFiles: e.onUploadFiles,
     disabled: () => !!e.composerDisabled
-  }), c = E(), L = () => !!e.onSendMessage || t.enabled(), S = () => o(u, {
+  }), p = R(), A = () => !!e.onSendMessage || t.enabled(), P = () => !!e.legacyComposer || t.enabled() && !e.onSendMessage, x = () => r(d, {
     get when() {
       return t.enabled();
     },
     get children() {
-      var r = Y();
-      return x(r, U(() => t.getInputProps({
-        id: c
+      var o = oe();
+      return H(o, f(() => t.getInputProps({
+        id: p
       }), {
         "data-testid": "chat-file-input"
-      }), !1, !1), r;
+      }), !1, !1), o;
     }
-  }), M = () => e.footer ?? e.children ?? (L() ? [a(S), o(F, {
+  }), F = (o) => {
+    e.onSendMessage?.(o);
+  }, I = (o) => {
+    e.onUploadFiles?.(o);
+  }, _ = () => [n(x), r(Y, {
     get onSendMessage() {
       return e.onSendMessage;
     },
@@ -82,51 +87,105 @@ function ie(C) {
       return t.enabled();
     },
     get attachInputId() {
-      return t.enabled() ? c : void 0;
+      return t.enabled() ? p : void 0;
     },
     get attachAriaLabel() {
       return e.attachAriaLabel;
     }
-  })] : void 0), A = () => V({
+  })], U = a(() => e.onSendMessage ? F : void 0), T = a(() => t.enabled() ? I : void 0), O = a(() => t.enabled() ? e.fileUploadAccept : void 0), B = a(() => t.enabled() ? t.maxFiles : void 0), N = a(() => t.enabled() ? t.maxFiles > 1 : void 0), D = () => r(X, f(() => e.composerProps, {
+    get class() {
+      return b("smwb-chat__composer", e.composerProps?.class);
+    },
+    get sendKey() {
+      return e.composerProps?.sendKey ?? "enter";
+    },
+    get "aria-label"() {
+      return e.composerProps?.["aria-label"] ?? (e.composerProps?.["aria-labelledby"] ? void 0 : "Message");
+    },
+    get sendLabel() {
+      return e.composerProps?.sendLabel ?? "Send message";
+    },
+    get attachLabel() {
+      return e.attachAriaLabel ?? e.composerProps?.attachLabel;
+    },
+    get placeholder() {
+      return e.composerPlaceholder;
+    },
+    get disabled() {
+      return e.composerDisabled;
+    },
+    get busy() {
+      return e.busy;
+    },
+    get onStop() {
+      return e.onStop;
+    },
+    get onSend() {
+      return U();
+    },
+    get onAttach() {
+      return T();
+    },
+    get accept() {
+      return O();
+    },
+    get maxFiles() {
+      return B();
+    },
+    get multiple() {
+      return N();
+    },
+    dropTarget: !1
+  })), E = () => e.footer ?? e.children ?? (A() ? r(d, {
+    get when() {
+      return P();
+    },
+    get fallback() {
+      return D();
+    },
+    get children() {
+      return _();
+    }
+  }) : void 0), k = () => Z({
     floatingTrigger: e.floatingTrigger,
     embedded: e.embedded,
     overlayContext: e.overlayContext,
     effectiveLayout: l(),
     showCloseButton: e.showCloseButton
-  }), h = N(() => e.floatingTrigger && !e.embedded && !d() ? e.triggerIcon : void 0);
+  }), m = K(() => e.floatingTrigger && !e.embedded && !c() ? e.triggerIcon : void 0);
   return (() => {
-    var r = j();
-    return m(r, o(u, {
+    var o = re();
+    return h(o, r(d, {
       get when() {
-        return a(() => !!(e.floatingTrigger && !e.embedded))() && !d();
+        return n(() => !!(e.floatingTrigger && !e.embedded))() && !c();
       },
       get children() {
-        return o(R, {
+        return r(ee, {
           class: "smwb-chat__trigger",
           get "aria-label"() {
             return e.triggerLabel ?? "Open chat";
           },
           "data-testid": "chat-trigger",
-          onClick: w,
+          onClick: S,
           get children() {
-            return o(u, {
+            return r(d, {
               get when() {
-                return h();
+                return m();
               },
               get fallback() {
-                return o(X, {
+                return r(te, {
                   name: "chat",
                   size: 24
                 });
               },
               get children() {
-                return h();
+                return m();
               }
             });
           }
         });
       }
-    }), null), m(r, o($, {
+    }), null), h(o, r(G, {
       get layout() {
         return l();
       },
@@ -143,13 +202,13 @@ function ie(C) {
         return e.overlayContext;
       },
       get fileDropzoneRootProps() {
-        return a(() => !!t.enabled())() ? t.getRootProps() : void 0;
+        return n(() => !!t.enabled())() ? t.getRootProps() : void 0;
       },
       get fileDropzoneActive() {
-        return a(() => !!t.enabled())() && t.isDragActive();
+        return n(() => !!t.enabled())() && t.isDragActive();
       },
       get header() {
-        return o(O, {
+        return r(j, {
           get title() {
             return e.headerTitle;
           },
@@ -160,22 +219,22 @@ function ie(C) {
             return e.headerActions;
           },
           get layout() {
-            return a(() => l() === "closed")() ? n() : l();
+            return n(() => l() === "closed")() ? s() : l();
           },
           get allowedLayouts() {
-            return s();
+            return i();
           },
-          onLayoutChange: y,
+          onLayoutChange: M,
           get onClose() {
-            return A() ? v : void 0;
+            return k() ? L : void 0;
           }
         });
       },
       get footer() {
-        return M();
+        return E();
       },
       get children() {
-        return o(D, {
+        return r(q, {
           get messages() {
             return e.messages;
           },
@@ -214,10 +273,10 @@ function ie(C) {
           }
         });
       }
-    }), null), I(() => _(r, B("smwb-chat", !e.embedded && `smwb-chat_${e.anchor}`, e.embedded && "smwb-chat_embedded", e.overlayContext && "smwb-chat_overlay-context", e.class))), r;
+    }), null), $(() => z(o, b("smwb-chat", !e.embedded && `smwb-chat_${e.anchor}`, e.embedded && "smwb-chat_embedded", e.overlayContext && "smwb-chat_overlay-context", e.class))), o;
   })();
 }
 export {
-  ie as Chat
+  ye as Chat
 };
 //# sourceMappingURL=chat.js.map

package/dist/components/dataDisplay/chat/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","sources":["../../../../src/components/dataDisplay/chat/chat.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, children, createMemo, mergeProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { FloatingButton } from \"../../inputs/floatingButton\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createId } from \"../../../primitives/createId\";\nimport { ChatComposer } from \"./chatComposer\";\nimport { ChatHeader } from \"./chatHeader\";\nimport { ChatMessages } from \"./chatMessages\";\nimport { ChatShell } from \"./chatShell\";\nimport { createChatFileUpload } from \"./useChatFileUpload\";\nimport {\n  type ChatAnchor,\n  type ChatLayoutMode,\n  type ChatMessage,\n  type ChatMessageRenderContext,\n  type ChatThemeMode,\n  CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\nexport interface ChatProps extends ParentProps, Omit<ChatMessageRenderContext, \"showAvatars\" | \"showAttachments\"> {\n  class?: string | undefined;\n  messages: ChatMessage[];\n  showAvatars?: boolean | undefined;\n  showAttachments?: boolean | undefined;\n  headerTitle?: JSX.Element;\n  headerSubtitle?: JSX.Element;\n  headerActions?: JSX.Element;\n  footer?: JSX.Element;\n  anchor?: ChatAnchor | undefined;\n  themeMode?: ChatThemeMode | undefined;\n  allowedLayouts?: ChatLayoutMode[] | undefined;\n  layout?: ChatLayoutMode | undefined;\n  defaultLayout?: ChatLayoutMode | undefined;\n  onLayoutChange?: ((layout: ChatLayoutMode) => void) | undefined;\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  floatingTrigger?: boolean | undefined;\n  triggerIcon?: JSX.Element;\n  triggerLabel?: string | undefined;\n  onLoadMore?: (() => void | Promise<void>) | undefined;\n  hasMore?: boolean | undefined;\n  onSendMessage?: ((text: string) => void | Promise<void>) | undefined;\n  composerPlaceholder?: string | undefined;\n  composerDisabled?: boolean | undefined;\n  composerShiftEnterNewline?: boolean | undefined;\n  composerCtrlEnterNewline?: boolean | undefined;\n  fileUpload?: boolean | undefined;\n  onUploadFiles?: ((files: File[]) => void | Promise<void>) | undefined;\n  fileUploadAccept?: Record<string, string[]> | string | undefined;\n  fileUploadMaxFiles?: number | undefined;\n  attachAriaLabel?: string | undefined;\n  loading?: boolean | undefined;\n  loadingMore?: boolean | undefined;\n  loadingSkeletonCount?: number | undefined;\n  renderMessage?: ((message: ChatMessage, ctx: ChatMessageRenderContext) => JSX.Element) | undefined;\n  embedded?: boolean | undefined;\n  overlayContext?: boolean | undefined;\n  showCloseButton?: boolean | undefined;\n}\n\nexport function Chat(props: ChatProps): JSX.Element {\n  const p = mergeProps(\n    {\n      showAvatars: false,\n      showAttachments: false,\n      anchor: \"bottom-right\" as const,\n      themeMode: \"inherit\" as const,\n      defaultOpen: false,\n      floatingTrigger: false,\n      composerPlaceholder: \"message\",\n      composerShiftEnterNewline: true,\n      composerCtrlEnterNewline: true,\n      fileUpload: false,\n      embedded: false,\n      overlayContext: false,\n      showStatus: false,\n    },\n    props\n  );\n\n  const allowedLayouts = createMemo(() => resolveAllowedLayouts(p.allowedLayouts ?? CHAT_EXPAND_LAYOUTS));\n\n  const [open, setOpen] = createControllableState<boolean>({\n    value: () => p.open,\n    defaultValue: p.defaultOpen,\n    onChange: p.onOpenChange,\n  });\n\n  const [layout, setLayout] = createControllableState<ChatLayoutMode>({\n    value: () => p.layout,\n    defaultValue: pickInitialLayout(allowedLayouts(), p.defaultLayout),\n    onChange: p.onLayoutChange,\n  });\n\n  const effectiveLayout = (): ChatLayoutMode =>\n    p.embedded ? \"fullHeight\" : p.floatingTrigger ? (open() ? layout() : \"closed\") : layout();\n\n  const handleOpen = (): void => {\n    setOpen(true);\n    if (layout() === \"closed\") {\n      setLayout(pickInitialLayout(allowedLayouts(), p.defaultLayout));\n    }\n  };\n\n  const handleClose = (): void => {\n    setOpen(false);\n  };\n\n  const handleLayoutChange = (next: ChatLayoutMode): void => {\n    setOpen(true);\n    setLayout(next);\n  };\n\n  const fileUpload = createChatFileUpload({\n    enabled: () => p.fileUpload,\n    accept: p.fileUploadAccept,\n    maxFiles: p.fileUploadMaxFiles,\n    onUploadFiles: p.onUploadFiles,\n    disabled: () => Boolean(p.composerDisabled),\n  });\n\n  const attachInputId = createId();\n\n  const showComposer = (): boolean => Boolean(p.onSendMessage) || fileUpload.enabled();\n\n  const fileInput = (): JSX.Element => (\n    <Show when={fileUpload.enabled()}>\n      <input {...fileUpload.getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n    </Show>\n  );\n\n  const resolvedFooter = (): JSX.Element =>\n    p.footer ??\n    p.children ??\n    (showComposer() ? (\n      <>\n        {fileInput()}\n        <ChatComposer\n          onSendMessage={p.onSendMessage}\n          placeholder={p.composerPlaceholder}\n          disabled={p.composerDisabled}\n          shiftEnterNewline={p.composerShiftEnterNewline}\n          ctrlEnterNewline={p.composerCtrlEnterNewline}\n          fileUpload={fileUpload.enabled()}\n          attachInputId={fileUpload.enabled() ? attachInputId : undefined}\n          attachAriaLabel={p.attachAriaLabel}\n        />\n      </>\n    ) : undefined);\n\n  const closeButtonVisible = (): boolean =>\n    shouldShowChatCloseButton({\n      floatingTrigger: p.floatingTrigger,\n      embedded: p.embedded,\n      overlayContext: p.overlayContext,\n      effectiveLayout: effectiveLayout(),\n      showCloseButton: p.showCloseButton,\n    });\n\n  // The trigger icon is read once, and only while the trigger is drawn: markup\n  // passed as a prop is created anew on every read, and during hydration a copy\n  // the server never rendered has no DOM node.\n  const triggerIcon = children(() => (p.floatingTrigger && !p.embedded && !open() ? p.triggerIcon : undefined));\n\n  return (\n    <div\n      class={cn(\n        \"smwb-chat\",\n        !p.embedded && `smwb-chat_${p.anchor}`,\n        p.embedded && \"smwb-chat_embedded\",\n        p.overlayContext && \"smwb-chat_overlay-context\",\n        p.class\n      )}\n      data-testid=\"chat\"\n    >\n      <Show when={p.floatingTrigger && !p.embedded && !open()}>\n        <FloatingButton\n          class=\"smwb-chat__trigger\"\n          aria-label={p.triggerLabel ?? \"Open chat\"}\n          data-testid=\"chat-trigger\"\n          onClick={handleOpen}\n        >\n          <Show when={triggerIcon()} fallback={<Icon name=\"chat\" size={24} />}>\n            {triggerIcon()}\n          </Show>\n        </FloatingButton>\n      </Show>\n      <ChatShell\n        layout={effectiveLayout()}\n        anchor={p.anchor}\n        themeMode={p.themeMode}\n        embedded={p.embedded}\n        overlayContext={p.overlayContext}\n        fileDropzoneRootProps={fileUpload.enabled() ? fileUpload.getRootProps() : undefined}\n        fileDropzoneActive={fileUpload.enabled() && fileUpload.isDragActive()}\n        header={\n          <ChatHeader\n            title={p.headerTitle}\n            subtitle={p.headerSubtitle}\n            actions={p.headerActions}\n            layout={effectiveLayout() === \"closed\" ? layout() : effectiveLayout()}\n            allowedLayouts={allowedLayouts()}\n            onLayoutChange={handleLayoutChange}\n            onClose={closeButtonVisible() ? handleClose : undefined}\n          />\n        }\n        footer={resolvedFooter()}\n      >\n        <ChatMessages\n          messages={p.messages}\n          showAvatars={p.showAvatars}\n          showAttachments={p.showAttachments}\n          showStatus={p.showStatus}\n          statusIcons={p.statusIcons}\n          renderStatus={p.renderStatus}\n          onLoadMore={p.onLoadMore}\n          hasMore={p.hasMore}\n          loading={p.loading}\n          loadingMore={p.loadingMore}\n          loadingSkeletonCount={p.loadingSkeletonCount}\n          renderMessage={p.renderMessage}\n        />\n      </ChatShell>\n    </div>\n  );\n}\n\nexport default Chat;\n"],"names":["Chat","props","p","mergeProps","showAvatars","showAttachments","anchor","themeMode","defaultOpen","floatingTrigger","composerPlaceholder","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","embedded","overlayContext","showStatus","allowedLayouts","createMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","createControllableState","value","defaultValue","onChange","onOpenChange","layout","setLayout","pickInitialLayout","defaultLayout","onLayoutChange","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","createChatFileUpload","enabled","accept","fileUploadAccept","maxFiles","fileUploadMaxFiles","onUploadFiles","disabled","Boolean","composerDisabled","attachInputId","createId","showComposer","onSendMessage","fileInput","_$createComponent","Show","when","children","_el$","_tmpl$","_$spread","_$mergeProps","getInputProps","id","resolvedFooter","footer","_$memo","ChatComposer","placeholder","shiftEnterNewline","ctrlEnterNewline","undefined","attachAriaLabel","closeButtonVisible","shouldShowChatCloseButton","showCloseButton","triggerIcon","_el$2","_tmpl$2","_$insert","FloatingButton","triggerLabel","onClick","fallback","Icon","name","size","ChatShell","fileDropzoneRootProps","getRootProps","fileDropzoneActive","isDragActive","header","ChatHeader","title","headerTitle","subtitle","headerSubtitle","actions","headerActions","onClose","ChatMessages","messages","statusIcons","renderStatus","onLoadMore","hasMore","loading","loadingMore","loadingSkeletonCount","renderMessage","_$effect","_$className","cn","class"],"mappings":"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"}
+{"version":3,"file":"chat.js","sources":["../../../../src/components/dataDisplay/chat/chat.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, children, createMemo, mergeProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { FloatingButton } from \"../../inputs/floatingButton\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createId } from \"../../../primitives/createId\";\nimport { Composer } from \"../../inputs/composer/composer\";\nimport type { ComposerProps } from \"../../inputs/composer/composer\";\nimport { ChatComposer } from \"./chatComposer\";\nimport { ChatHeader } from \"./chatHeader\";\nimport { ChatMessages } from \"./chatMessages\";\nimport { ChatShell } from \"./chatShell\";\nimport { createChatFileUpload } from \"./useChatFileUpload\";\nimport {\n  type ChatAnchor,\n  type ChatLayoutMode,\n  type ChatMessage,\n  type ChatMessageRenderContext,\n  type ChatThemeMode,\n  CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\n/**\n * Props for the `Composer` Chat draws as its footer. The props Chat owns itself — `onSendMessage` (the composer's\n * `onSend`), `busy`, `onStop`, `composerPlaceholder` (`placeholder`), `composerDisabled` (`disabled`), the file upload\n * props (`onAttach`, `accept`, `multiple`, `maxFiles`) and `dropTarget` (always `false`: the Chat shell is the drop\n * target) — are left out, Chat passes them and does not let a caller override them.\n */\nexport type ChatFooterComposerProps = Omit<\n  ComposerProps,\n  | \"onSend\"\n  | \"busy\"\n  | \"onStop\"\n  | \"disabled\"\n  | \"placeholder\"\n  | \"onAttach\"\n  | \"accept\"\n  | \"multiple\"\n  | \"maxFiles\"\n  | \"dropTarget\"\n>;\n\nexport interface ChatProps extends ParentProps, Omit<ChatMessageRenderContext, \"showAvatars\" | \"showAttachments\"> {\n  class?: string | undefined;\n  messages: ChatMessage[];\n  showAvatars?: boolean | undefined;\n  showAttachments?: boolean | undefined;\n  headerTitle?: JSX.Element;\n  headerSubtitle?: JSX.Element;\n  headerActions?: JSX.Element;\n  footer?: JSX.Element;\n  anchor?: ChatAnchor | undefined;\n  themeMode?: ChatThemeMode | undefined;\n  allowedLayouts?: ChatLayoutMode[] | undefined;\n  layout?: ChatLayoutMode | undefined;\n  defaultLayout?: ChatLayoutMode | undefined;\n  onLayoutChange?: ((layout: ChatLayoutMode) => void) | undefined;\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  floatingTrigger?: boolean | undefined;\n  triggerIcon?: JSX.Element;\n  triggerLabel?: string | undefined;\n  onLoadMore?: (() => void | Promise<void>) | undefined;\n  hasMore?: boolean | undefined;\n  onSendMessage?: ((text: string) => void | Promise<void>) | undefined;\n  /**\n   * The agent is replying: the composer's send button turns into Stop and calls `onStop`, the keys do not send, the\n   * text stays editable. Not the same as `loading` (the message list skeleton). The default composer only.\n   */\n  busy?: boolean | undefined;\n  /** Called when Stop is pressed while `busy` (and not `composerDisabled`). The default composer only. */\n  onStop?: (() => void) | undefined;\n  /**\n   * More props for the built-in `Composer`: `toolbar`, `attachments`, `maxLength`, `counter`, `minRows`, `maxRows`,\n   * `layout`, `sendKey` (default here `\"enter\"`), `value`/`defaultValue`/`onValueChange`, `clearOnSend`, `autofocus`,\n   * `inputRef`, `aria-*`, `sendLabel`, `stopLabel`, `attachLabel`, `class`, `data-*`, … Chat's own props\n   * (`onSendMessage`, `busy`, `onStop`, `composerPlaceholder`, `composerDisabled`, the file upload props) win.\n   */\n  composerProps?: ChatFooterComposerProps | undefined;\n  /**\n   * Deprecated: draws the old `ChatComposer` (Enter sends, TextField DOM, `chat-composer*` test ids) instead of the\n   * built-in `Composer`. Kept for the migration and removed with `ChatComposer` in the next major; `busy`, `onStop`\n   * and `composerProps` are ignored in this mode.\n   *\n   * @deprecated Migrate to the default `Composer`; see the README section \"Migrating from ChatComposer\".\n   */\n  legacyComposer?: boolean | undefined;\n  composerPlaceholder?: string | undefined;\n  composerDisabled?: boolean | undefined;\n  /**\n   * Deprecated: works with `legacyComposer` only — the built-in `Composer` always inserts a newline on Shift+Enter.\n   * Pass it together with `legacyComposer` until that is removed.\n   *\n   * @deprecated Use `legacyComposer`; the default `Composer` has no equivalent flag.\n   */\n  composerShiftEnterNewline?: boolean | undefined;\n  /**\n   * Deprecated: works with `legacyComposer` only — with the built-in `Composer` Ctrl/⌘+Enter sends. Pass it together\n   * with `legacyComposer` until that is removed.\n   *\n   * @deprecated Use `legacyComposer`; the default `Composer` has no equivalent flag.\n   */\n  composerCtrlEnterNewline?: boolean | undefined;\n  fileUpload?: boolean | undefined;\n  onUploadFiles?: ((files: File[]) => void | Promise<void>) | undefined;\n  fileUploadAccept?: Record<string, string[]> | string | undefined;\n  fileUploadMaxFiles?: number | undefined;\n  attachAriaLabel?: string | undefined;\n  loading?: boolean | undefined;\n  loadingMore?: boolean | undefined;\n  loadingSkeletonCount?: number | undefined;\n  renderMessage?: ((message: ChatMessage, ctx: ChatMessageRenderContext) => JSX.Element) | undefined;\n  embedded?: boolean | undefined;\n  overlayContext?: boolean | undefined;\n  showCloseButton?: boolean | undefined;\n}\n\nexport function Chat(props: ChatProps): JSX.Element {\n  const p = mergeProps(\n    {\n      showAvatars: false,\n      showAttachments: false,\n      anchor: \"bottom-right\" as const,\n      themeMode: \"inherit\" as const,\n      defaultOpen: false,\n      floatingTrigger: false,\n      composerPlaceholder: \"message\",\n      composerShiftEnterNewline: true,\n      composerCtrlEnterNewline: true,\n      fileUpload: false,\n      embedded: false,\n      overlayContext: false,\n      showStatus: false,\n    },\n    props\n  );\n\n  const allowedLayouts = createMemo(() => resolveAllowedLayouts(p.allowedLayouts ?? CHAT_EXPAND_LAYOUTS));\n\n  const [open, setOpen] = createControllableState<boolean>({\n    value: () => p.open,\n    defaultValue: p.defaultOpen,\n    onChange: p.onOpenChange,\n  });\n\n  const [layout, setLayout] = createControllableState<ChatLayoutMode>({\n    value: () => p.layout,\n    defaultValue: pickInitialLayout(allowedLayouts(), p.defaultLayout),\n    onChange: p.onLayoutChange,\n  });\n\n  const effectiveLayout = (): ChatLayoutMode =>\n    p.embedded ? \"fullHeight\" : p.floatingTrigger ? (open() ? layout() : \"closed\") : layout();\n\n  const handleOpen = (): void => {\n    setOpen(true);\n    if (layout() === \"closed\") {\n      setLayout(pickInitialLayout(allowedLayouts(), p.defaultLayout));\n    }\n  };\n\n  const handleClose = (): void => {\n    setOpen(false);\n  };\n\n  const handleLayoutChange = (next: ChatLayoutMode): void => {\n    setOpen(true);\n    setLayout(next);\n  };\n\n  const fileUpload = createChatFileUpload({\n    enabled: () => p.fileUpload,\n    accept: p.fileUploadAccept,\n    maxFiles: p.fileUploadMaxFiles,\n    onUploadFiles: p.onUploadFiles,\n    disabled: () => Boolean(p.composerDisabled),\n  });\n\n  const attachInputId = createId();\n\n  const showComposer = (): boolean => Boolean(p.onSendMessage) || fileUpload.enabled();\n  // Composer has no text-less mode, so an upload without a send handler keeps the old attach-only ChatComposer.\n  const useLegacyComposer = (): boolean => Boolean(p.legacyComposer) || (fileUpload.enabled() && !p.onSendMessage);\n\n  const fileInput = (): JSX.Element => (\n    <Show when={fileUpload.enabled()}>\n      <input {...fileUpload.getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n    </Show>\n  );\n\n  // The handlers are attached always and read the props when called: a handler that appears later still works.\n  const sendText = (text: string): void => {\n    void p.onSendMessage?.(text);\n  };\n\n  const uploadFiles = (files: File[]): void => {\n    void p.onUploadFiles?.(files);\n  };\n\n  const legacyFooter = (): JSX.Element => (\n    <>\n      {fileInput()}\n      <ChatComposer\n        onSendMessage={p.onSendMessage}\n        placeholder={p.composerPlaceholder}\n        disabled={p.composerDisabled}\n        shiftEnterNewline={p.composerShiftEnterNewline}\n        ctrlEnterNewline={p.composerCtrlEnterNewline}\n        fileUpload={fileUpload.enabled()}\n        attachInputId={fileUpload.enabled() ? attachInputId : undefined}\n        attachAriaLabel={p.attachAriaLabel}\n      />\n    </>\n  );\n\n  // Chat's own props are plain attributes after the spread, so they win; `dropTarget` is off because the shell\n  // already takes the drops. Every prop Chat owns is omitted from `ChatFooterComposerProps`, so none of them can\n  // leak back from the spread when its value is `undefined`.\n  // The upload gate is resolved in memos rather than inline: a conditional prop compiles to a `memo` created\n  // inside the prop getter, and Composer reads `onAttach`/`accept`/`maxFiles`/`multiple` from its pick and drop\n  // handlers — outside any owner, where such a computation is never disposed.\n  const composerOnSend = createMemo(() => (p.onSendMessage ? sendText : undefined));\n  const composerOnAttach = createMemo(() => (fileUpload.enabled() ? uploadFiles : undefined));\n  const composerAccept = createMemo(() => (fileUpload.enabled() ? p.fileUploadAccept : undefined));\n  const composerMaxFiles = createMemo(() => (fileUpload.enabled() ? fileUpload.maxFiles : undefined));\n  const composerMultiple = createMemo(() => (fileUpload.enabled() ? fileUpload.maxFiles > 1 : undefined));\n\n  const composerFooter = (): JSX.Element => (\n    <Composer\n      {...p.composerProps}\n      class={cn(\"smwb-chat__composer\", p.composerProps?.class)}\n      sendKey={p.composerProps?.sendKey ?? \"enter\"}\n      aria-label={p.composerProps?.[\"aria-label\"] ?? (p.composerProps?.[\"aria-labelledby\"] ? undefined : \"Message\")}\n      sendLabel={p.composerProps?.sendLabel ?? \"Send message\"}\n      attachLabel={p.attachAriaLabel ?? p.composerProps?.attachLabel}\n      placeholder={p.composerPlaceholder}\n      disabled={p.composerDisabled}\n      busy={p.busy}\n      onStop={p.onStop}\n      onSend={composerOnSend()}\n      onAttach={composerOnAttach()}\n      accept={composerAccept()}\n      maxFiles={composerMaxFiles()}\n      multiple={composerMultiple()}\n      dropTarget={false}\n    />\n  );\n\n  const resolvedFooter = (): JSX.Element =>\n    p.footer ??\n    p.children ??\n    (showComposer() ? (\n      <Show when={useLegacyComposer()} fallback={composerFooter()}>\n        {legacyFooter()}\n      </Show>\n    ) : undefined);\n\n  const closeButtonVisible = (): boolean =>\n    shouldShowChatCloseButton({\n      floatingTrigger: p.floatingTrigger,\n      embedded: p.embedded,\n      overlayContext: p.overlayContext,\n      effectiveLayout: effectiveLayout(),\n      showCloseButton: p.showCloseButton,\n    });\n\n  // The trigger icon is read once, and only while the trigger is drawn: markup\n  // passed as a prop is created anew on every read, and during hydration a copy\n  // the server never rendered has no DOM node.\n  const triggerIcon = children(() => (p.floatingTrigger && !p.embedded && !open() ? p.triggerIcon : undefined));\n\n  return (\n    <div\n      class={cn(\n        \"smwb-chat\",\n        !p.embedded && `smwb-chat_${p.anchor}`,\n        p.embedded && \"smwb-chat_embedded\",\n        p.overlayContext && \"smwb-chat_overlay-context\",\n        p.class\n      )}\n      data-testid=\"chat\"\n    >\n      <Show when={p.floatingTrigger && !p.embedded && !open()}>\n        <FloatingButton\n          class=\"smwb-chat__trigger\"\n          aria-label={p.triggerLabel ?? \"Open chat\"}\n          data-testid=\"chat-trigger\"\n          onClick={handleOpen}\n        >\n          <Show when={triggerIcon()} fallback={<Icon name=\"chat\" size={24} />}>\n            {triggerIcon()}\n          </Show>\n        </FloatingButton>\n      </Show>\n      <ChatShell\n        layout={effectiveLayout()}\n        anchor={p.anchor}\n        themeMode={p.themeMode}\n        embedded={p.embedded}\n        overlayContext={p.overlayContext}\n        fileDropzoneRootProps={fileUpload.enabled() ? fileUpload.getRootProps() : undefined}\n        fileDropzoneActive={fileUpload.enabled() && fileUpload.isDragActive()}\n        header={\n          <ChatHeader\n            title={p.headerTitle}\n            subtitle={p.headerSubtitle}\n            actions={p.headerActions}\n            layout={effectiveLayout() === \"closed\" ? layout() : effectiveLayout()}\n            allowedLayouts={allowedLayouts()}\n            onLayoutChange={handleLayoutChange}\n            onClose={closeButtonVisible() ? handleClose : undefined}\n          />\n        }\n        footer={resolvedFooter()}\n      >\n        <ChatMessages\n          messages={p.messages}\n          showAvatars={p.showAvatars}\n          showAttachments={p.showAttachments}\n          showStatus={p.showStatus}\n          statusIcons={p.statusIcons}\n          renderStatus={p.renderStatus}\n          onLoadMore={p.onLoadMore}\n          hasMore={p.hasMore}\n          loading={p.loading}\n          loadingMore={p.loadingMore}\n          loadingSkeletonCount={p.loadingSkeletonCount}\n          renderMessage={p.renderMessage}\n        />\n      </ChatShell>\n    </div>\n  );\n}\n\nexport default Chat;\n"],"names":["Chat","props","p","mergeProps","showAvatars","showAttachments","anchor","themeMode","defaultOpen","floatingTrigger","composerPlaceholder","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","embedded","overlayContext","showStatus","allowedLayouts","createMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","createControllableState","value","defaultValue","onChange","onOpenChange","layout","setLayout","pickInitialLayout","defaultLayout","onLayoutChange","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","createChatFileUpload","enabled","accept","fileUploadAccept","maxFiles","fileUploadMaxFiles","onUploadFiles","disabled","Boolean","composerDisabled","attachInputId","createId","showComposer","onSendMessage","useLegacyComposer","legacyComposer","fileInput","_$createComponent","Show","when","children","_el$","_tmpl$","_$spread","_$mergeProps","getInputProps","id","sendText","text","uploadFiles","files","legacyFooter","_$memo","ChatComposer","placeholder","shiftEnterNewline","ctrlEnterNewline","undefined","attachAriaLabel","composerOnSend","composerOnAttach","composerAccept","composerMaxFiles","composerMultiple","composerFooter","Composer","composerProps","cn","class","sendKey","sendLabel","attachLabel","busy","onStop","onSend","onAttach","multiple","dropTarget","resolvedFooter","footer","fallback","closeButtonVisible","shouldShowChatCloseButton","showCloseButton","triggerIcon","_el$2","_tmpl$2","_$insert","FloatingButton","triggerLabel","onClick","Icon","name","size","ChatShell","fileDropzoneRootProps","getRootProps","fileDropzoneActive","isDragActive","header","ChatHeader","title","headerTitle","subtitle","headerSubtitle","actions","headerActions","onClose","ChatMessages","messages","statusIcons","renderStatus","onLoadMore","hasMore","loading","loadingMore","loadingSkeletonCount","renderMessage","_$effect","_$className"],"mappings":"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"}

package/dist/components/dataDisplay/chat/chatComposer.d.ts

@@ -1,4 +1,13 @@
 import { type JSX } from "solid-js";
+/**
+ * Deprecated: the props of the old chat input. Use `ComposerProps` — `Chat` now draws a `Composer` as its footer,
+ * and the standalone `Composer` replaces these props (`onSendMessage` → `onSend`, `sendAriaLabel` → `sendLabel`,
+ * `attachAriaLabel` → `attachLabel`, `fileUpload` + `attachInputId`/`onAttachClick` → `onAttach`,
+ * `shiftEnterNewline` → `sendKey="enter"`; `ctrlEnterNewline` has no equivalent — Ctrl/⌘+Enter always sends).
+ * Removed in the next major.
+ *
+ * @deprecated Use `Composer` (`ComposerProps`); see the README section "Migrating from ChatComposer".
+ */
 export interface ChatComposerProps {
     class?: string | undefined;
     onSendMessage?: ((text: string) => void | Promise<void>) | undefined;
@@ -12,5 +21,13 @@ export interface ChatComposerProps {
     onAttachClick?: (() => void) | undefined;
     attachAriaLabel?: string | undefined;
 }
+/**
+ * Deprecated: the old chat input — Enter sends, a TextField-based DOM and the `chat-composer*` test ids.
+ * `Chat` draws a `Composer` as its footer now, and the standalone `Composer` replaces this component
+ * (`onSendMessage` → `onSend`, Enter-to-send → `sendKey="enter"`). Kept for the migration and removed in the
+ * next major; to keep this markup inside a Chat while migrating, pass `legacyComposer` to `Chat`.
+ *
+ * @deprecated Use `Composer`; see the README section "Migrating from ChatComposer".
+ */
 export declare function ChatComposer(props: ChatComposerProps): JSX.Element;
 export default ChatComposer;

package/dist/components/dataDisplay/chat/chatComposer.js

@@ -1,13 +1,13 @@
-import { createComponent as a, use as B, setAttribute as c, effect as f, className as v, memo as z, insert as M, template as S, delegateEvents as P } from "solid-js/web";
+import { createComponent as a, use as B, setAttribute as c, effect as f, className as v, memo as z, insert as M, template as C, delegateEvents as P } from "solid-js/web";
 import { mergeProps as W, createSignal as T, Show as u } from "solid-js";
 import h from "clsx";
 import { TextFieldWrapper as H } from "../../inputs/textField/textFieldWrapper.js";
-import { ChatIconButton as D } from "./chatIconButton.js";
+import { ChatIconButton as y } from "./chatIconButton.js";
 import { createId as K } from "../../../primitives/createId.js";
 import { shouldComposerNewlineOnEnter as U } from "./utils.js";
 import { TextField as V } from "../../inputs/textField/textField.js";
 import { Icon as A } from "../../base/icon/icon.js";
-var q = /* @__PURE__ */ S("<label data-testid=chat-composer-attach>"), O = /* @__PURE__ */ S("<textarea rows=1>"), R = /* @__PURE__ */ S("<div data-testid=chat-composer>");
+var q = /* @__PURE__ */ C("<label data-testid=chat-composer-attach>"), O = /* @__PURE__ */ C("<textarea rows=1>"), R = /* @__PURE__ */ C("<div data-testid=chat-composer>");
 function E(o) {
   o.stopPropagation();
 }
@@ -27,21 +27,23 @@ function ne(o) {
     ctrlEnterNewline: !0,
     fileUpload: !1,
     attachAriaLabel: "Attach file"
-  }, o), [s, i] = T(""), [b, m] = T(!1), _ = K();
+  }, o), [s, i] = T(""), [b, m] = T(!1), S = K();
   let p;
-  const L = () => e.shiftEnterNewline || e.ctrlEnterNewline, y = () => !!e.onSendMessage && s().trim().length > 0 && !e.disabled, g = () => e.fileUpload && !!(e.attachInputId || e.onAttachClick), C = () => {
+  const D = () => e.shiftEnterNewline || e.ctrlEnterNewline, L = () => !!e.onSendMessage && s().trim().length > 0 && !e.disabled, g = () => e.fileUpload && !!(e.attachInputId || e.onAttachClick), _ = () => {
     if (!e.onSendMessage) return;
     const t = s().trim();
     !t || e.disabled || (e.onSendMessage(t), i(""));
   }, k = (t) => {
-    if (U(t, {
-      shiftEnterNewline: e.shiftEnterNewline,
-      ctrlEnterNewline: e.ctrlEnterNewline
-    })) {
-      t.currentTarget instanceof HTMLTextAreaElement && (t.preventDefault(), j(t.currentTarget, s(), i));
-      return;
+    if (!(t.isComposing || t.keyCode === 229)) {
+      if (U(t, {
+        shiftEnterNewline: e.shiftEnterNewline,
+        ctrlEnterNewline: e.ctrlEnterNewline
+      })) {
+        t.currentTarget instanceof HTMLTextAreaElement && (t.preventDefault(), j(t.currentTarget, s(), i));
+        return;
+      }
+      t.key === "Enter" && (t.preventDefault(), _());
     }
-    t.key === "Enter" && (t.preventDefault(), C());
   }, F = () => h("smwb-chat-icon-button", "smwb-chat-icon-button_edge-start", e.disabled && "smwb-chat-icon-button_disabled"), w = () => a(u, {
     get when() {
       return g();
@@ -52,7 +54,7 @@ function ne(o) {
           return e.attachInputId;
         },
         get fallback() {
-          return a(D, {
+          return a(y, {
             edge: "start",
             get "aria-label"() {
               return e.attachAriaLabel;
@@ -93,7 +95,7 @@ function ne(o) {
       return e.onSendMessage;
     },
     get children() {
-      return a(D, {
+      return a(y, {
         edge: "end",
         color: "primary",
         get "aria-label"() {
@@ -101,9 +103,9 @@ function ne(o) {
         },
         "data-testid": "chat-composer-send",
         get disabled() {
-          return !y();
+          return !L();
         },
-        onClick: C,
+        onClick: _,
         onMouseDown: E,
         get children() {
           return a(A, {
@@ -129,7 +131,7 @@ function ne(o) {
     get children() {
       return a(u, {
         get when() {
-          return L();
+          return D();
         },
         get fallback() {
           return a(V, {
@@ -173,7 +175,7 @@ function ne(o) {
             get isFocused() {
               return b();
             },
-            for: _,
+            for: S,
             get shrink() {
               return z(() => !!(e.attachInputId || e.onAttachClick))() && g();
             },
@@ -186,7 +188,7 @@ function ne(o) {
             },
             get children() {
               var t = O();
-              return t.$$keydown = k, t.addEventListener("blur", () => m(!1)), t.addEventListener("focus", () => m(!0)), t.$$input = (r) => i(r.currentTarget.value), B((r) => p = r, t), c(t, "id", _), f((r) => {
+              return t.$$keydown = k, t.addEventListener("blur", () => m(!1)), t.addEventListener("focus", () => m(!0)), t.$$input = (r) => i(r.currentTarget.value), B((r) => p = r, t), c(t, "id", S), f((r) => {
                 var n = h("smwb-text-field__input", "smwb-chat-composer__input", "smwb-text-field__input--show-placeholder", g() && "smwb-text-field__input--adornment-start", e.onSendMessage && "smwb-text-field__input--adornment-end"), l = e.disabled, d = e.placeholder;
                 return n !== r.e && v(t, r.e = n), l !== r.t && (t.disabled = r.t = l), d !== r.a && c(t, "placeholder", r.a = d), r;
               }, {

package/dist/components/dataDisplay/chat/chatComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatComposer.js","sources":["../../../../src/components/dataDisplay/chat/chatComposer.tsx"],"sourcesContent":["import { type JSX, Show, createSignal, mergeProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { TextField } from \"../../inputs/textField\";\nimport { TextFieldWrapper } from \"../../inputs/textField/textFieldWrapper\";\nimport { ChatIconButton } from \"./chatIconButton\";\nimport { createId } from \"../../../primitives/createId\";\nimport { shouldComposerNewlineOnEnter } from \"./utils\";\n\nexport interface ChatComposerProps {\n  class?: string | undefined;\n  onSendMessage?: ((text: string) => void | Promise<void>) | undefined;\n  placeholder?: string | undefined;\n  disabled?: boolean | undefined;\n  sendAriaLabel?: string | undefined;\n  shiftEnterNewline?: boolean | undefined;\n  ctrlEnterNewline?: boolean | undefined;\n  fileUpload?: boolean | undefined;\n  attachInputId?: string | undefined;\n  onAttachClick?: (() => void) | undefined;\n  attachAriaLabel?: string | undefined;\n}\n\nfunction stopPropagation(event: Event): void {\n  event.stopPropagation();\n}\n\nfunction insertNewlineAtCursor(element: HTMLTextAreaElement, value: string, setValue: (next: string) => void): void {\n  const start = element.selectionStart ?? value.length;\n  const end = element.selectionEnd ?? value.length;\n  const nextValue = `${value.slice(0, start)}\\n${value.slice(end)}`;\n\n  setValue(nextValue);\n\n  requestAnimationFrame(() => {\n    element.selectionStart = start + 1;\n    element.selectionEnd = start + 1;\n  });\n}\n\nexport function ChatComposer(props: ChatComposerProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      placeholder: \"message\",\n      disabled: false,\n      sendAriaLabel: \"Send message\",\n      shiftEnterNewline: true,\n      ctrlEnterNewline: true,\n      fileUpload: false,\n      attachAriaLabel: \"Attach file\",\n    },\n    props\n  );\n\n  const [value, setValue] = createSignal(\"\");\n  const [isFocused, setIsFocused] = createSignal(false);\n  const inputId = createId();\n  let textareaRef: HTMLTextAreaElement | undefined;\n\n  const multiline = (): boolean => merged.shiftEnterNewline || merged.ctrlEnterNewline;\n  const canSend = (): boolean => Boolean(merged.onSendMessage) && value().trim().length > 0 && !merged.disabled;\n  const showAttach = (): boolean => merged.fileUpload && Boolean(merged.attachInputId || merged.onAttachClick);\n\n  const handleSend = (): void => {\n    if (!merged.onSendMessage) return;\n    const text = value().trim();\n    if (!text || merged.disabled) return;\n    void merged.onSendMessage(text);\n    setValue(\"\");\n  };\n\n  const handleKeyDown = (event: KeyboardEvent & { currentTarget: HTMLElement }): void => {\n    if (shouldComposerNewlineOnEnter(event, { shiftEnterNewline: merged.shiftEnterNewline, ctrlEnterNewline: merged.ctrlEnterNewline })) {\n      if (event.currentTarget instanceof HTMLTextAreaElement) {\n        event.preventDefault();\n        insertNewlineAtCursor(event.currentTarget, value(), setValue);\n      }\n      return;\n    }\n\n    if (event.key !== \"Enter\") return;\n\n    event.preventDefault();\n    handleSend();\n  };\n\n  const attachClass = (): string =>\n    cn(\"smwb-chat-icon-button\", \"smwb-chat-icon-button_edge-start\", merged.disabled && \"smwb-chat-icon-button_disabled\");\n\n  const attachButton = (): JSX.Element => (\n    <Show when={showAttach()}>\n      <Show\n        when={merged.attachInputId}\n        fallback={\n          <ChatIconButton\n            edge=\"start\"\n            aria-label={merged.attachAriaLabel}\n            data-testid=\"chat-composer-attach\"\n            disabled={merged.disabled}\n            onClick={() => merged.onAttachClick?.()}\n            onMouseDown={stopPropagation}\n          >\n            <Icon name=\"attach_file\" size={24} />\n          </ChatIconButton>\n        }\n      >\n        {(id) => (\n          <label\n            for={merged.disabled ? undefined : id()}\n            class={attachClass()}\n            aria-label={merged.attachAriaLabel}\n            aria-disabled={merged.disabled || undefined}\n            data-testid=\"chat-composer-attach\"\n            onMouseDown={stopPropagation}\n          >\n            <Icon name=\"attach_file\" size={24} />\n          </label>\n        )}\n      </Show>\n    </Show>\n  );\n\n  const sendButton = (): JSX.Element => (\n    <Show when={merged.onSendMessage}>\n      <ChatIconButton\n        edge=\"end\"\n        color=\"primary\"\n        aria-label={merged.sendAriaLabel}\n        data-testid=\"chat-composer-send\"\n        disabled={!canSend()}\n        onClick={handleSend}\n        onMouseDown={stopPropagation}\n      >\n        <Icon name=\"send\" size={24} />\n      </ChatIconButton>\n    </Show>\n  );\n\n  const onHolderMouseDown: JSX.EventHandler<HTMLDivElement, MouseEvent> = (event) => {\n    if (textareaRef && event.currentTarget === event.target) {\n      event.preventDefault();\n      textareaRef.focus();\n    }\n  };\n\n  return (\n    <Show\n      when={!(showAttach() && !merged.onSendMessage)}\n      fallback={\n        <div class={cn(\"smwb-chat-composer\", \"smwb-chat-composer_attach-only\", merged.class)} data-testid=\"chat-composer\">\n          {attachButton()}\n        </div>\n      }\n    >\n      <Show\n        when={multiline()}\n        fallback={\n          <TextField\n            class={cn(\"smwb-chat-composer\", merged.class)}\n            data-testid=\"chat-composer\"\n            fullWidth\n            value={value()}\n            disabled={merged.disabled}\n            placeholder={merged.placeholder}\n            onChange={(event) => setValue(event.currentTarget.value)}\n            startAdornment={attachButton()}\n            endAdornment={sendButton()}\n            onKeyDown={handleKeyDown}\n          />\n        }\n      >\n        <TextFieldWrapper\n          class={cn(\"smwb-chat-composer\", merged.class)}\n          data-testid=\"chat-composer\"\n          fullWidth\n          disabled={merged.disabled}\n          isFilledState={value().length > 0}\n          isFocused={isFocused()}\n          for={inputId}\n          shrink={Boolean(merged.attachInputId || merged.onAttachClick) && showAttach()}\n          onHolderMouseDown={onHolderMouseDown}\n          startAdornment={attachButton()}\n          endAdornment={sendButton()}\n        >\n          <textarea\n            id={inputId}\n            ref={(el) => (textareaRef = el)}\n            class={cn(\n              \"smwb-text-field__input\",\n              \"smwb-chat-composer__input\",\n              \"smwb-text-field__input--show-placeholder\",\n              showAttach() && \"smwb-text-field__input--adornment-start\",\n              merged.onSendMessage && \"smwb-text-field__input--adornment-end\"\n            )}\n            value={value()}\n            disabled={merged.disabled}\n            placeholder={merged.placeholder}\n            rows={1}\n            onInput={(event) => setValue(event.currentTarget.value)}\n            onFocus={() => setIsFocused(true)}\n            onBlur={() => setIsFocused(false)}\n            onKeyDown={handleKeyDown}\n          />\n        </TextFieldWrapper>\n      </Show>\n    </Show>\n  );\n}\n\nexport default ChatComposer;\n"],"names":["stopPropagation","event","insertNewlineAtCursor","element","value","setValue","start","selectionStart","length","end","selectionEnd","nextValue","slice","requestAnimationFrame","ChatComposer","props","merged","mergeProps","placeholder","disabled","sendAriaLabel","shiftEnterNewline","ctrlEnterNewline","fileUpload","attachAriaLabel","createSignal","isFocused","setIsFocused","inputId","createId","textareaRef","multiline","canSend","Boolean","onSendMessage","trim","showAttach","attachInputId","onAttachClick","handleSend","text","handleKeyDown","shouldComposerNewlineOnEnter","currentTarget","HTMLTextAreaElement","preventDefault","key","attachClass","cn","attachButton","_$createComponent","Show","when","children","fallback","ChatIconButton","edge","onClick","onMouseDown","Icon","name","size","id","_el$","_tmpl$","$$mousedown","_$insert","_$effect","_p$","_v$","undefined","_v$2","_v$3","_v$4","e","_$setAttribute","t","_$className","a","o","sendButton","color","onHolderMouseDown","target","focus","_el$3","_tmpl$3","class","TextField","fullWidth","onChange","startAdornment","endAdornment","onKeyDown","TextFieldWrapper","isFilledState","shrink","_$memo","_el$2","_tmpl$2","$$keydown","addEventListener","$$input","_$use","el","_v$5","_v$6","_v$7","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"chatComposer.js","sources":["../../../../src/components/dataDisplay/chat/chatComposer.tsx"],"sourcesContent":["import { type JSX, Show, createSignal, mergeProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { TextField } from \"../../inputs/textField\";\nimport { TextFieldWrapper } from \"../../inputs/textField/textFieldWrapper\";\nimport { ChatIconButton } from \"./chatIconButton\";\nimport { createId } from \"../../../primitives/createId\";\nimport { shouldComposerNewlineOnEnter } from \"./utils\";\n\n/**\n * Deprecated: the props of the old chat input. Use `ComposerProps` — `Chat` now draws a `Composer` as its footer,\n * and the standalone `Composer` replaces these props (`onSendMessage` → `onSend`, `sendAriaLabel` → `sendLabel`,\n * `attachAriaLabel` → `attachLabel`, `fileUpload` + `attachInputId`/`onAttachClick` → `onAttach`,\n * `shiftEnterNewline` → `sendKey=\"enter\"`; `ctrlEnterNewline` has no equivalent — Ctrl/⌘+Enter always sends).\n * Removed in the next major.\n *\n * @deprecated Use `Composer` (`ComposerProps`); see the README section \"Migrating from ChatComposer\".\n */\nexport interface ChatComposerProps {\n  class?: string | undefined;\n  onSendMessage?: ((text: string) => void | Promise<void>) | undefined;\n  placeholder?: string | undefined;\n  disabled?: boolean | undefined;\n  sendAriaLabel?: string | undefined;\n  shiftEnterNewline?: boolean | undefined;\n  ctrlEnterNewline?: boolean | undefined;\n  fileUpload?: boolean | undefined;\n  attachInputId?: string | undefined;\n  onAttachClick?: (() => void) | undefined;\n  attachAriaLabel?: string | undefined;\n}\n\nfunction stopPropagation(event: Event): void {\n  event.stopPropagation();\n}\n\nfunction insertNewlineAtCursor(element: HTMLTextAreaElement, value: string, setValue: (next: string) => void): void {\n  const start = element.selectionStart ?? value.length;\n  const end = element.selectionEnd ?? value.length;\n  const nextValue = `${value.slice(0, start)}\\n${value.slice(end)}`;\n\n  setValue(nextValue);\n\n  requestAnimationFrame(() => {\n    element.selectionStart = start + 1;\n    element.selectionEnd = start + 1;\n  });\n}\n\n/**\n * Deprecated: the old chat input — Enter sends, a TextField-based DOM and the `chat-composer*` test ids.\n * `Chat` draws a `Composer` as its footer now, and the standalone `Composer` replaces this component\n * (`onSendMessage` → `onSend`, Enter-to-send → `sendKey=\"enter\"`). Kept for the migration and removed in the\n * next major; to keep this markup inside a Chat while migrating, pass `legacyComposer` to `Chat`.\n *\n * @deprecated Use `Composer`; see the README section \"Migrating from ChatComposer\".\n */\nexport function ChatComposer(props: ChatComposerProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      placeholder: \"message\",\n      disabled: false,\n      sendAriaLabel: \"Send message\",\n      shiftEnterNewline: true,\n      ctrlEnterNewline: true,\n      fileUpload: false,\n      attachAriaLabel: \"Attach file\",\n    },\n    props\n  );\n\n  const [value, setValue] = createSignal(\"\");\n  const [isFocused, setIsFocused] = createSignal(false);\n  const inputId = createId();\n  let textareaRef: HTMLTextAreaElement | undefined;\n\n  const multiline = (): boolean => merged.shiftEnterNewline || merged.ctrlEnterNewline;\n  const canSend = (): boolean => Boolean(merged.onSendMessage) && value().trim().length > 0 && !merged.disabled;\n  const showAttach = (): boolean => merged.fileUpload && Boolean(merged.attachInputId || merged.onAttachClick);\n\n  const handleSend = (): void => {\n    if (!merged.onSendMessage) return;\n    const text = value().trim();\n    if (!text || merged.disabled) return;\n    void merged.onSendMessage(text);\n    setValue(\"\");\n  };\n\n  const handleKeyDown = (event: KeyboardEvent & { currentTarget: HTMLElement }): void => {\n    // Enter that commits or cancels an IME composition belongs to the IME, not to the composer.\n    if (event.isComposing || event.keyCode === 229) return;\n\n    if (shouldComposerNewlineOnEnter(event, { shiftEnterNewline: merged.shiftEnterNewline, ctrlEnterNewline: merged.ctrlEnterNewline })) {\n      if (event.currentTarget instanceof HTMLTextAreaElement) {\n        event.preventDefault();\n        insertNewlineAtCursor(event.currentTarget, value(), setValue);\n      }\n      return;\n    }\n\n    if (event.key !== \"Enter\") return;\n\n    event.preventDefault();\n    handleSend();\n  };\n\n  const attachClass = (): string =>\n    cn(\"smwb-chat-icon-button\", \"smwb-chat-icon-button_edge-start\", merged.disabled && \"smwb-chat-icon-button_disabled\");\n\n  const attachButton = (): JSX.Element => (\n    <Show when={showAttach()}>\n      <Show\n        when={merged.attachInputId}\n        fallback={\n          <ChatIconButton\n            edge=\"start\"\n            aria-label={merged.attachAriaLabel}\n            data-testid=\"chat-composer-attach\"\n            disabled={merged.disabled}\n            onClick={() => merged.onAttachClick?.()}\n            onMouseDown={stopPropagation}\n          >\n            <Icon name=\"attach_file\" size={24} />\n          </ChatIconButton>\n        }\n      >\n        {(id) => (\n          <label\n            for={merged.disabled ? undefined : id()}\n            class={attachClass()}\n            aria-label={merged.attachAriaLabel}\n            aria-disabled={merged.disabled || undefined}\n            data-testid=\"chat-composer-attach\"\n            onMouseDown={stopPropagation}\n          >\n            <Icon name=\"attach_file\" size={24} />\n          </label>\n        )}\n      </Show>\n    </Show>\n  );\n\n  const sendButton = (): JSX.Element => (\n    <Show when={merged.onSendMessage}>\n      <ChatIconButton\n        edge=\"end\"\n        color=\"primary\"\n        aria-label={merged.sendAriaLabel}\n        data-testid=\"chat-composer-send\"\n        disabled={!canSend()}\n        onClick={handleSend}\n        onMouseDown={stopPropagation}\n      >\n        <Icon name=\"send\" size={24} />\n      </ChatIconButton>\n    </Show>\n  );\n\n  const onHolderMouseDown: JSX.EventHandler<HTMLDivElement, MouseEvent> = (event) => {\n    if (textareaRef && event.currentTarget === event.target) {\n      event.preventDefault();\n      textareaRef.focus();\n    }\n  };\n\n  return (\n    <Show\n      when={!(showAttach() && !merged.onSendMessage)}\n      fallback={\n        <div class={cn(\"smwb-chat-composer\", \"smwb-chat-composer_attach-only\", merged.class)} data-testid=\"chat-composer\">\n          {attachButton()}\n        </div>\n      }\n    >\n      <Show\n        when={multiline()}\n        fallback={\n          <TextField\n            class={cn(\"smwb-chat-composer\", merged.class)}\n            data-testid=\"chat-composer\"\n            fullWidth\n            value={value()}\n            disabled={merged.disabled}\n            placeholder={merged.placeholder}\n            onChange={(event) => setValue(event.currentTarget.value)}\n            startAdornment={attachButton()}\n            endAdornment={sendButton()}\n            onKeyDown={handleKeyDown}\n          />\n        }\n      >\n        <TextFieldWrapper\n          class={cn(\"smwb-chat-composer\", merged.class)}\n          data-testid=\"chat-composer\"\n          fullWidth\n          disabled={merged.disabled}\n          isFilledState={value().length > 0}\n          isFocused={isFocused()}\n          for={inputId}\n          shrink={Boolean(merged.attachInputId || merged.onAttachClick) && showAttach()}\n          onHolderMouseDown={onHolderMouseDown}\n          startAdornment={attachButton()}\n          endAdornment={sendButton()}\n        >\n          <textarea\n            id={inputId}\n            ref={(el) => (textareaRef = el)}\n            class={cn(\n              \"smwb-text-field__input\",\n              \"smwb-chat-composer__input\",\n              \"smwb-text-field__input--show-placeholder\",\n              showAttach() && \"smwb-text-field__input--adornment-start\",\n              merged.onSendMessage && \"smwb-text-field__input--adornment-end\"\n            )}\n            value={value()}\n            disabled={merged.disabled}\n            placeholder={merged.placeholder}\n            rows={1}\n            onInput={(event) => setValue(event.currentTarget.value)}\n            onFocus={() => setIsFocused(true)}\n            onBlur={() => setIsFocused(false)}\n            onKeyDown={handleKeyDown}\n          />\n        </TextFieldWrapper>\n      </Show>\n    </Show>\n  );\n}\n\nexport default ChatComposer;\n"],"names":["stopPropagation","event","insertNewlineAtCursor","element","value","setValue","start","selectionStart","length","end","selectionEnd","nextValue","slice","requestAnimationFrame","ChatComposer","props","merged","mergeProps","placeholder","disabled","sendAriaLabel","shiftEnterNewline","ctrlEnterNewline","fileUpload","attachAriaLabel","createSignal","isFocused","setIsFocused","inputId","createId","textareaRef","multiline","canSend","Boolean","onSendMessage","trim","showAttach","attachInputId","onAttachClick","handleSend","text","handleKeyDown","isComposing","keyCode","shouldComposerNewlineOnEnter","currentTarget","HTMLTextAreaElement","preventDefault","key","attachClass","cn","attachButton","_$createComponent","Show","when","children","fallback","ChatIconButton","edge","onClick","onMouseDown","Icon","name","size","id","_el$","_tmpl$","$$mousedown","_$insert","_$effect","_p$","_v$","undefined","_v$2","_v$3","_v$4","e","_$setAttribute","t","_$className","a","o","sendButton","color","onHolderMouseDown","target","focus","_el$3","_tmpl$3","class","TextField","fullWidth","onChange","startAdornment","endAdornment","onKeyDown","TextFieldWrapper","isFilledState","shrink","_$memo","_el$2","_tmpl$2","$$keydown","addEventListener","$$input","_$use","el","_v$5","_v$6","_v$7","_$delegateEvents"],"mappings":"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"}

package/dist/components/dataDisplay/chat/index.d.ts

@@ -3,7 +3,7 @@ export type { ChatLayoutProps, ChatLayoutChatProps } from "./chatLayout";
 export { ChatOverlayLayout } from "./chatOverlayLayout";
 export type { ChatOverlayLayoutProps, ChatOverlayLayoutChatProps } from "./chatOverlayLayout";
 export { Chat, default } from "./chat";
-export type { ChatProps } from "./chat";
+export type { ChatProps, ChatFooterComposerProps } from "./chat";
 export { ChatShell } from "./chatShell";
 export type { ChatShellProps } from "./chatShell";
 export { ChatHeader } from "./chatHeader";

package/dist/components/dataDisplay/chat/utils.d.ts

@@ -14,10 +14,24 @@ export declare function shouldShowChatCloseButton(options: {
     effectiveLayout?: ChatLayoutMode | undefined;
     showCloseButton?: boolean | undefined;
 }): boolean;
+/**
+ * Deprecated: the newline flags of the old `ChatComposer`. `Composer` picks the send key with `sendKey` instead
+ * (`"enter"` = Enter sends, Shift+Enter makes a newline; `"modEnter"` = Ctrl/⌘+Enter sends). Removed with
+ * `ChatComposer` in the next major.
+ *
+ * @deprecated Use `Composer`'s `sendKey`; see the README section "Migrating from ChatComposer".
+ */
 export interface ChatComposerNewlineOptions {
     shiftEnterNewline?: boolean;
     ctrlEnterNewline?: boolean;
 }
+/**
+ * Deprecated: the key rule of the old `ChatComposer` (which Enter sends, which makes a newline).
+ * `Composer` resolves the same choice through `sendKey` in `resolveComposerKeyAction`, and `Chat` draws a `Composer`
+ * by default. Kept for `ChatComposer` and `legacyComposer` only; removed in the next major.
+ *
+ * @deprecated Use `Composer`'s `sendKey`; see the README section "Migrating from ChatComposer".
+ */
 export declare function shouldComposerNewlineOnEnter(event: {
     key: string;
     shiftKey: boolean;