@mieweb/ui 0.10.0-dev.6 → 0.10.0-dev.8

package/dist/components/ListView/index.d.cts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { a as ViewBaseProps, S as Stage } from '../../types-CbWXIKbe.cjs';
+import 'react';
+import 'luxon';
+
+type ListViewSlot = 'group' | 'groupHeader' | 'item' | 'selectedItem' | 'state';
+interface ListViewProps<T> extends ViewBaseProps<T>, VariantProps<typeof itemVariants> {
+    /**
+     * Group rows by `accessors.getStatus`, using these stages for order and
+     * labels. Items whose status matches no stage are appended under their own
+     * heading rather than dropped.
+     */
+    stages?: readonly Stage[];
+    /** Group by `accessors.getGroup` instead of by stage. */
+    groupBy?: 'status' | 'group' | 'none';
+    /** Groups that start collapsed. Uncontrolled; the user can reopen them. */
+    defaultCollapsedGroups?: readonly string[];
+    /** Retries the failed load. Renders the retry action only when provided. */
+    onRetry?: () => void;
+    classNames?: Partial<Record<ListViewSlot, string>>;
+    /** Heading level for group headers, under the page's own heading. */
+    headingLevel?: 'h2' | 'h3' | 'h4';
+}
+declare const itemVariants: (props?: ({
+    density?: "compact" | "comfortable" | null | undefined;
+    interactive?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Declared `parameters.catalog.collection` — the three load states below are
+ * part of this component's API, not decoration.
+ */
+declare function ListView<T>({ items, accessors, loading, error, selectedId, onOpen, getHref, renderItem, emptyState, labels, stages, groupBy, defaultCollapsedGroups, onRetry, density, className, classNames, headingLevel: Heading, }: ListViewProps<T>): react_jsx_runtime.JSX.Element;
+
+export { ListView, type ListViewProps, type ListViewSlot, itemVariants as listViewItemVariants };

package/dist/components/ListView/index.d.ts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { a as ViewBaseProps, S as Stage } from '../../types-CbWXIKbe.js';
+import 'react';
+import 'luxon';
+
+type ListViewSlot = 'group' | 'groupHeader' | 'item' | 'selectedItem' | 'state';
+interface ListViewProps<T> extends ViewBaseProps<T>, VariantProps<typeof itemVariants> {
+    /**
+     * Group rows by `accessors.getStatus`, using these stages for order and
+     * labels. Items whose status matches no stage are appended under their own
+     * heading rather than dropped.
+     */
+    stages?: readonly Stage[];
+    /** Group by `accessors.getGroup` instead of by stage. */
+    groupBy?: 'status' | 'group' | 'none';
+    /** Groups that start collapsed. Uncontrolled; the user can reopen them. */
+    defaultCollapsedGroups?: readonly string[];
+    /** Retries the failed load. Renders the retry action only when provided. */
+    onRetry?: () => void;
+    classNames?: Partial<Record<ListViewSlot, string>>;
+    /** Heading level for group headers, under the page's own heading. */
+    headingLevel?: 'h2' | 'h3' | 'h4';
+}
+declare const itemVariants: (props?: ({
+    density?: "compact" | "comfortable" | null | undefined;
+    interactive?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Declared `parameters.catalog.collection` — the three load states below are
+ * part of this component's API, not decoration.
+ */
+declare function ListView<T>({ items, accessors, loading, error, selectedId, onOpen, getHref, renderItem, emptyState, labels, stages, groupBy, defaultCollapsedGroups, onRetry, density, className, classNames, headingLevel: Heading, }: ListViewProps<T>): react_jsx_runtime.JSX.Element;
+
+export { ListView, type ListViewProps, type ListViewSlot, itemVariants as listViewItemVariants };

package/dist/components/ListView/index.js

@@ -0,0 +1,9 @@
+export { ListView, itemVariants as listViewItemVariants } from '../../chunk-DZ5HFLRC.js';
+import '../../chunk-3YBS4WUQ.js';
+import '../../chunk-UA7E7PDS.js';
+import '../../chunk-BKSPDTX4.js';
+import '../../chunk-GOALNQZ2.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ListView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Markdown/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunk2QKBTPUC_cjs = require('../../chunk-2QKBTPUC.cjs');
-var chunk7ZXAQTV4_cjs = require('../../chunk-7ZXAQTV4.cjs');
-var chunk5MCBWTIF_cjs = require('../../chunk-5MCBWTIF.cjs');
+var chunkZPSJ2UV6_cjs = require('../../chunk-ZPSJ2UV6.cjs');
 var chunk3QEVGSFG_cjs = require('../../chunk-3QEVGSFG.cjs');
 var chunkIX6KFB3K_cjs = require('../../chunk-IX6KFB3K.cjs');
+var chunk7ZXAQTV4_cjs = require('../../chunk-7ZXAQTV4.cjs');
+var chunk5MCBWTIF_cjs = require('../../chunk-5MCBWTIF.cjs');
 var chunkUV2FVNWT_cjs = require('../../chunk-UV2FVNWT.cjs');
 require('../../chunk-VNYW4C4J.cjs');
 require('../../chunk-S5RVSXDV.cjs');
@@ -14,27 +14,19 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "CodeBlock", {
   enumerable: true,
-  get: function () { return chunk2QKBTPUC_cjs.CodeBlock; }
+  get: function () { return chunkZPSJ2UV6_cjs.CodeBlock; }
 });
 Object.defineProperty(exports, "MarkdownRenderer", {
   enumerable: true,
-  get: function () { return chunk2QKBTPUC_cjs.MarkdownRenderer; }
+  get: function () { return chunkZPSJ2UV6_cjs.MarkdownRenderer; }
 });
 Object.defineProperty(exports, "highlightCode", {
   enumerable: true,
-  get: function () { return chunk2QKBTPUC_cjs.highlightCode; }
+  get: function () { return chunkZPSJ2UV6_cjs.highlightCode; }
 });
 Object.defineProperty(exports, "useMarkdown", {
   enumerable: true,
-  get: function () { return chunk2QKBTPUC_cjs.useMarkdown; }
-});
-Object.defineProperty(exports, "HtmlPreviewBlock", {
-  enumerable: true,
-  get: function () { return chunk7ZXAQTV4_cjs.HtmlPreviewBlock; }
-});
-Object.defineProperty(exports, "MermaidBlock", {
-  enumerable: true,
-  get: function () { return chunk5MCBWTIF_cjs.MermaidBlock; }
+  get: function () { return chunkZPSJ2UV6_cjs.useMarkdown; }
 });
 Object.defineProperty(exports, "SurveyBlock", {
   enumerable: true,
@@ -44,6 +36,14 @@ Object.defineProperty(exports, "CsvBlock", {
   enumerable: true,
   get: function () { return chunkIX6KFB3K_cjs.CsvBlock; }
 });
+Object.defineProperty(exports, "HtmlPreviewBlock", {
+  enumerable: true,
+  get: function () { return chunk7ZXAQTV4_cjs.HtmlPreviewBlock; }
+});
+Object.defineProperty(exports, "MermaidBlock", {
+  enumerable: true,
+  get: function () { return chunk5MCBWTIF_cjs.MermaidBlock; }
+});
 Object.defineProperty(exports, "FenceBlock", {
   enumerable: true,
   get: function () { return chunkUV2FVNWT_cjs.FenceBlock; }

package/dist/components/Markdown/index.js

@@ -1,8 +1,8 @@
-export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from '../../chunk-WNM7IZJ7.js';
-export { HtmlPreviewBlock } from '../../chunk-V7D3YGUV.js';
-export { MermaidBlock } from '../../chunk-KZFBQ7GY.js';
+export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from '../../chunk-MNILXWVY.js';
 export { SurveyBlock } from '../../chunk-DEDN5HAG.js';
 export { CsvBlock } from '../../chunk-TMMVIUUN.js';
+export { HtmlPreviewBlock } from '../../chunk-V7D3YGUV.js';
+export { MermaidBlock } from '../../chunk-KZFBQ7GY.js';
 export { FenceBlock } from '../../chunk-H4ZXMQQW.js';
 import '../../chunk-GOALNQZ2.js';
 import '../../chunk-TQONQSJO.js';

package/dist/components/QuickAction/index.d.cts

@@ -3,7 +3,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 
 declare const quickActionIconVariants: (props?: ({
-    color?: "primary" | "blue" | "green" | "orange" | "purple" | "red" | "amber" | "neutral" | null | undefined;
+    color?: "primary" | "blue" | "green" | "orange" | "purple" | "red" | "neutral" | "amber" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const quickActionVariants: (props?: ({
     disabled?: boolean | null | undefined;

package/dist/components/QuickAction/index.d.ts

@@ -3,7 +3,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 
 declare const quickActionIconVariants: (props?: ({
-    color?: "primary" | "blue" | "green" | "orange" | "purple" | "red" | "amber" | "neutral" | null | undefined;
+    color?: "primary" | "blue" | "green" | "orange" | "purple" | "red" | "neutral" | "amber" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const quickActionVariants: (props?: ({
     disabled?: boolean | null | undefined;

package/dist/components/SuperChat/index.cjs

@@ -604,11 +604,7 @@ var MessageActionsBar = React2__namespace.forwardRef(function MessageActionsBar2
     {
       ref,
       "data-slot": "superchat-message-actions",
-      className: chunkS5RVSXDV_cjs.cn(
-        "flex items-center gap-0.5",
-        isSelf && "justify-end",
-        actionRevealClass
-      ),
+      className: chunkS5RVSXDV_cjs.cn("flex flex-col items-center gap-0.5", actionRevealClass),
       children: actions.map((action) => /* @__PURE__ */ jsxRuntime.jsx(FooterActionButton, { action, isSelf }, action.id))
     }
   );
@@ -627,7 +623,7 @@ function MessageOverflowMenu({
     "div",
     {
       className: chunkS5RVSXDV_cjs.cn(
-        "sticky bottom-2 shrink-0 self-end transition-opacity",
+        "sticky bottom-2 mt-auto shrink-0 transition-opacity",
         // Rich content (e.g. NITRO tables) layers internals up to z-50, so the
         // open menu's stacking context must clear that.
         open ? "z-[60]" : "z-10",
@@ -686,6 +682,7 @@ var MessageRow = React2__namespace.memo(function MessageRow2({
   const hasBody = !!message.text || (message.content?.length ?? 0) > 0;
   const [isEditing, setIsEditing] = React2__namespace.useState(false);
   const [draft, setDraft] = React2__namespace.useState(message.text ?? "");
+  const [editMinWidth, setEditMinWidth] = React2__namespace.useState();
   const editRef = React2__namespace.useRef(null);
   const bubbleRef = React2__namespace.useRef(null);
   const autosize = React2__namespace.useCallback(() => {
@@ -715,7 +712,10 @@ ${block.text}
     return "";
   }).filter(Boolean).join("\n\n") ?? "";
   const canCopy = !isEditing && (!!message.content?.length || typeof message.text === "string" && message.text.length > 0);
-  const hasActions = canCopy || canEdit && !isEditing;
+  const showEditAction = canEdit && !isEditing;
+  const actionCount = (canCopy ? 1 : 0) + (showEditAction ? 1 : 0);
+  const hasActions = actionCount > 0;
+  const collapseToMenu = actionCount > 1;
   const copy = useMessageCopy({
     markdown: markdownSource,
     getHtml: () => bubbleRef.current?.innerHTML ?? "",
@@ -732,7 +732,7 @@ ${block.text}
     });
     observer.observe(el);
     return () => observer.disconnect();
-  }, [hasActions]);
+  }, [hasActions, collapseToMenu]);
   if (message.type === "system") {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -765,6 +765,12 @@ ${block.text}
   const accentTextColor = accessibleAccentTextColor(accent);
   const authorName = participant?.name ?? "Unknown";
   const startEdit = () => {
+    const el = bubbleRef.current;
+    if (el) {
+      const cs = getComputedStyle(el);
+      const contentWidth = el.clientWidth - parseFloat(cs.paddingLeft) - parseFloat(cs.paddingRight);
+      setEditMinWidth(contentWidth > 0 ? contentWidth : void 0);
+    }
     setDraft(message.text ?? "");
     setIsEditing(true);
   };
@@ -838,7 +844,7 @@ ${block.text}
         }
       }
     ] : [],
-    ...canEdit && !isEditing ? [
+    ...showEditAction ? [
       {
         id: "edit",
         label: "Edit message",
@@ -858,172 +864,191 @@ ${block.text}
         isSelf ? "flex-row-reverse" : "flex-row"
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ParticipantAvatar, { participant }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkS5RVSXDV_cjs.cn("flex min-w-0 flex-col gap-1", isSelf && "items-end"), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              "data-slot": "superchat-message-meta",
-              className: "flex items-baseline gap-2",
-              children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-slot": "superchat-message-gutter",
+            className: "flex shrink-0 flex-col items-center gap-1",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ParticipantAvatar, { participant }),
+              hasActions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    className: "text-xs font-medium",
-                    style: accentTextColor ? { color: accentTextColor } : void 0,
-                    children: authorName
-                  }
-                ),
-                participant?.role && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-neutral-500 dark:text-neutral-400", children: participant.role }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-neutral-500 dark:text-neutral-400", children: formatTime(message.time) }),
-                message.editedAt && /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    "data-slot": "superchat-edited-indicator",
-                    className: "text-[10px] text-neutral-500 dark:text-neutral-400",
-                    title: `Edited ${formatTime(message.editedAt)}`,
-                    children: "(edited)"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: chunkS5RVSXDV_cjs.cn(
-                "flex items-center gap-1",
-                isSelf ? "flex-row-reverse" : "flex-row"
-              ),
-              children: [
-                hasActions && /* @__PURE__ */ jsxRuntime.jsx(
                   MessageOverflowMenu,
                   {
                     isSelf,
                     actions,
-                    footerVisible
+                    footerVisible: collapseToMenu ? false : footerVisible
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkWIAQQNFU_cjs.ChatBubble,
+                !collapseToMenu && /* @__PURE__ */ jsxRuntime.jsx(
+                  MessageActionsBar,
                   {
-                    ref: bubbleRef,
-                    "data-slot": "superchat-bubble",
-                    variant: isSelf ? "user" : "assistant",
-                    hasError: message.status === "error",
-                    className: "text-sm has-[[data-slot=superchat-nitro-table]]:w-full has-[[data-slot=superchat-nitro-table]]:max-w-full",
-                    children: isEditing ? /* @__PURE__ */ jsxRuntime.jsxs(
-                      "div",
+                    ref: actionsBarRef,
+                    actions,
+                    isSelf
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: chunkS5RVSXDV_cjs.cn(
+              "flex min-w-0 flex-1 flex-col gap-1",
+              isSelf && "items-end"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  "data-slot": "superchat-message-meta",
+                  className: "flex items-baseline gap-2",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
                       {
-                        "data-slot": "superchat-message-editor",
-                        className: "flex w-80 max-w-full flex-col gap-2",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            "textarea",
-                            {
-                              value: draft,
-                              ref: editRef,
-                              rows: 2,
-                              onChange: (e) => {
-                                setDraft(e.target.value);
-                                autosize();
-                              },
-                              onPaste: handleEditPaste,
-                              onKeyDown: (e) => {
-                                if (e.key === "Enter" && !e.shiftKey) {
-                                  e.preventDefault();
-                                  saveEdit();
-                                } else if (e.key === "Escape") {
-                                  e.preventDefault();
-                                  cancelEdit();
-                                }
-                              },
-                              "aria-label": "Edit message",
-                              className: "focus:ring-primary-500 max-h-60 min-h-16 w-full resize-none rounded-lg border border-neutral-300 bg-white px-3 py-2 text-sm text-neutral-900 focus:ring-1 focus:outline-none dark:border-neutral-600 dark:bg-neutral-900 dark:text-white"
-                            }
-                          ),
-                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
+                        className: "text-xs font-medium",
+                        style: accentTextColor ? { color: accentTextColor } : void 0,
+                        children: authorName
+                      }
+                    ),
+                    participant?.role && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-neutral-500 dark:text-neutral-400", children: participant.role }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-neutral-500 dark:text-neutral-400", children: formatTime(message.time) }),
+                    message.editedAt && /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        "data-slot": "superchat-edited-indicator",
+                        className: "text-[10px] text-neutral-500 dark:text-neutral-400",
+                        title: `Edited ${formatTime(message.editedAt)}`,
+                        children: "(edited)"
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkS5RVSXDV_cjs.cn(
+                    "flex w-full items-center gap-1",
+                    isSelf ? "flex-row-reverse" : "flex-row"
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    chunkWIAQQNFU_cjs.ChatBubble,
+                    {
+                      ref: bubbleRef,
+                      "data-slot": "superchat-bubble",
+                      variant: isSelf ? "user" : "assistant",
+                      hasError: message.status === "error",
+                      className: "text-sm has-[[data-slot=superchat-nitro-table]]:w-full has-[[data-slot=superchat-nitro-table]]:max-w-full",
+                      children: isEditing ? /* @__PURE__ */ jsxRuntime.jsxs(
+                        "div",
+                        {
+                          "data-slot": "superchat-message-editor",
+                          className: "flex w-80 max-w-full flex-col gap-2",
+                          style: editMinWidth ? { minWidth: editMinWidth } : void 0,
+                          children: [
                             /* @__PURE__ */ jsxRuntime.jsx(
-                              "button",
+                              "textarea",
                               {
-                                type: "button",
-                                onClick: cancelEdit,
-                                className: "rounded-md px-2.5 py-1 text-xs font-medium text-neutral-200 hover:bg-white/10",
-                                children: "Cancel"
+                                value: draft,
+                                ref: editRef,
+                                rows: 2,
+                                onChange: (e) => {
+                                  setDraft(e.target.value);
+                                  autosize();
+                                },
+                                onPaste: handleEditPaste,
+                                onKeyDown: (e) => {
+                                  if (e.key === "Enter" && !e.shiftKey) {
+                                    e.preventDefault();
+                                    saveEdit();
+                                  } else if (e.key === "Escape") {
+                                    e.preventDefault();
+                                    cancelEdit();
+                                  }
+                                },
+                                "aria-label": "Edit message",
+                                className: "focus:ring-primary-500 max-h-60 min-h-16 w-full resize-none rounded-lg border border-neutral-300 bg-white px-3 py-2 text-sm text-neutral-900 focus:ring-1 focus:outline-none dark:border-neutral-600 dark:bg-neutral-900 dark:text-white"
                               }
                             ),
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              "button",
-                              {
-                                type: "button",
-                                onClick: saveEdit,
-                                disabled: !draft.trim() || draft.trim() === message.text,
-                                className: "rounded-md bg-white px-2.5 py-1 text-xs font-medium text-neutral-900 hover:bg-neutral-100 disabled:opacity-40",
-                                children: "Save"
-                              }
-                            )
-                          ] })
-                        ]
-                      }
-                    ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      message.content?.map((block, i) => {
-                        if (block.type === "tool_use" && block.toolCall) {
-                          return /* @__PURE__ */ jsxRuntime.jsx(chunkWIAQQNFU_cjs.MCPToolCallDisplay, { toolCall: block.toolCall }, i);
-                        }
-                        if ((block.type === "text" || block.type === "thinking") && block.text) {
-                          return /* @__PURE__ */ jsxRuntime.jsx(
-                            "div",
-                            {
-                              className: "prose prose-sm dark:prose-invert max-w-none **:wrap-break-word",
-                              children: renderText(block.text, {
-                                messageId: message.id,
-                                streaming,
-                                role: participant?.kind === "human" ? "user" : "assistant"
-                              })
-                            },
-                            i
-                          );
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "button",
+                                {
+                                  type: "button",
+                                  onClick: cancelEdit,
+                                  className: "rounded-md px-2.5 py-1 text-xs font-medium text-neutral-200 hover:bg-white/10",
+                                  children: "Cancel"
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "button",
+                                {
+                                  type: "button",
+                                  onClick: saveEdit,
+                                  disabled: !draft.trim() || draft.trim() === message.text,
+                                  className: "rounded-md bg-white px-2.5 py-1 text-xs font-medium text-neutral-900 hover:bg-neutral-100 disabled:opacity-40",
+                                  children: "Save"
+                                }
+                              )
+                            ] })
+                          ]
                         }
-                        if (block.type === "code" && block.text) {
-                          const fenced = `\`\`\`${block.language ?? ""}
+                      ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        message.content?.map((block, i) => {
+                          if (block.type === "tool_use" && block.toolCall) {
+                            return /* @__PURE__ */ jsxRuntime.jsx(chunkWIAQQNFU_cjs.MCPToolCallDisplay, { toolCall: block.toolCall }, i);
+                          }
+                          if ((block.type === "text" || block.type === "thinking") && block.text) {
+                            return /* @__PURE__ */ jsxRuntime.jsx(
+                              "div",
+                              {
+                                className: "prose prose-sm dark:prose-invert max-w-none **:wrap-break-word",
+                                children: renderText(block.text, {
+                                  messageId: message.id,
+                                  streaming,
+                                  role: participant?.kind === "human" ? "user" : "assistant"
+                                })
+                              },
+                              i
+                            );
+                          }
+                          if (block.type === "code" && block.text) {
+                            const fenced = `\`\`\`${block.language ?? ""}
 ${block.text}
 \`\`\``;
-                          return /* @__PURE__ */ jsxRuntime.jsx(
-                            "div",
-                            {
-                              className: "prose prose-sm dark:prose-invert max-w-none **:wrap-break-word",
-                              children: renderText(fenced, {
-                                messageId: message.id,
-                                streaming,
-                                role: participant?.kind === "human" ? "user" : "assistant"
-                              })
-                            },
-                            i
-                          );
-                        }
-                        return null;
-                      }),
-                      message.text && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none **:wrap-break-word", children: renderText(message.text, {
-                        messageId: message.id,
-                        streaming,
-                        role: participant?.kind === "human" ? "user" : "assistant"
-                      }) }),
-                      streaming && !hasBody && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkWIAQQNFU_cjs.AITypingIndicator, {}) })
-                    ] })
-                  }
-                )
-              ]
-            }
-          ),
-          hasActions && /* @__PURE__ */ jsxRuntime.jsx(
-            MessageActionsBar,
-            {
-              ref: actionsBarRef,
-              actions,
-              isSelf
-            }
-          )
-        ] })
+                            return /* @__PURE__ */ jsxRuntime.jsx(
+                              "div",
+                              {
+                                className: "prose prose-sm dark:prose-invert max-w-none **:wrap-break-word",
+                                children: renderText(fenced, {
+                                  messageId: message.id,
+                                  streaming,
+                                  role: participant?.kind === "human" ? "user" : "assistant"
+                                })
+                              },
+                              i
+                            );
+                          }
+                          return null;
+                        }),
+                        message.text && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none **:wrap-break-word", children: renderText(message.text, {
+                          messageId: message.id,
+                          streaming,
+                          role: participant?.kind === "human" ? "user" : "assistant"
+                        }) }),
+                        streaming && !hasBody && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkWIAQQNFU_cjs.AITypingIndicator, {}) })
+                      ] })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
       ]
     }
   );
@@ -1350,6 +1375,7 @@ function SuperChat({
             onValueChange: handleDraftChange,
             onSend: handleComposerSend,
             disabled: readOnly,
+            className: "px-4 pb-4",
             placeholder: readOnly ? "Read-only conversation" : "Type a message\u2026 use @ to address an agent",
             mentionOptions,
             allowAttachments: !readOnly,