@mieweb/ui 0.10.0-dev.30 → 0.10.0-dev.32

package/dist/components/RecordHeader/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var chunkP55LNEDH_cjs = require('../../chunk-P55LNEDH.cjs');
+require('../../chunk-C77FAR3F.cjs');
+require('../../chunk-GKDHMNUA.cjs');
+require('../../chunk-I44YNYI6.cjs');
+require('../../chunk-Z5S5JEJD.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-FSGEDDF2.cjs');
+require('../../chunk-AOHJILLU.cjs');
+require('../../chunk-YVL3XATO.cjs');
+require('../../chunk-ANMX7YDL.cjs');
+require('../../chunk-DXEPYK3I.cjs');
+require('../../chunk-IEY3ZJIT.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "RecordHeader", {
+  enumerable: true,
+  get: function () { return chunkP55LNEDH_cjs.RecordHeader; }
+});
+Object.defineProperty(exports, "defaultRecordHeaderLabels", {
+  enumerable: true,
+  get: function () { return chunkP55LNEDH_cjs.defaultRecordHeaderLabels; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/RecordHeader/index.cjs.map

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

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

@@ -0,0 +1,86 @@
+import * as React from 'react';
+import { LucideIcon } from 'lucide-react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "success" | "warning" | "danger" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    /** Optional icon before the text */
+    icon?: React.ReactNode;
+}
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "secondary" | "danger" | "outline" | "primary" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    effect?: "none" | "sheen" | "orbit" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** Optional icon element to render before the button text */
+    leftIcon?: React.ReactElement | null;
+    /** Optional icon element to render after the button text */
+    rightIcon?: React.ReactElement | null;
+    /** Shows a loading spinner and disables the button */
+    isLoading?: boolean;
+    /** Accessible label for the loading state */
+    loadingText?: string;
+}
+
+interface RecordHeaderBadge {
+    id: string;
+    label: string;
+    variant?: BadgeProps['variant'];
+}
+interface RecordHeaderMetaItem {
+    id: string;
+    label: string;
+    icon?: LucideIcon;
+    href?: string;
+}
+interface RecordHeaderAction {
+    id: string;
+    label: string;
+    icon?: LucideIcon;
+    /** With `href`, call `event.preventDefault()` to route client-side. */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    href?: string;
+    /** Defaults to `primary` for the first action and `outline` for the rest. */
+    variant?: ButtonProps['variant'];
+    disabled?: boolean;
+}
+interface RecordHeaderLabels {
+    back: string;
+    moreActions: string;
+    meta: string;
+}
+declare const defaultRecordHeaderLabels: RecordHeaderLabels;
+interface RecordHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    title: React.ReactNode;
+    headingLevel?: 'h1' | 'h2' | 'h3';
+    subtitle?: React.ReactNode;
+    avatar?: {
+        src?: string | null;
+        name: string;
+    };
+    icon?: LucideIcon;
+    /** Replaces avatar/icon, e.g. a company logo. */
+    media?: React.ReactNode;
+    badges?: RecordHeaderBadge[];
+    meta?: RecordHeaderMetaItem[];
+    actions?: RecordHeaderAction[];
+    /** Actions shown as buttons from `sm` up; the rest go to the overflow menu. */
+    maxVisibleActions?: number;
+    presence?: React.ReactNode;
+    breadcrumbs?: React.ReactNode;
+    onBack?: (event: React.MouseEvent<HTMLElement>) => void;
+    backHref?: string;
+    sticky?: boolean;
+    labels?: Partial<RecordHeaderLabels>;
+}
+declare const RecordHeader: React.ForwardRefExoticComponent<RecordHeaderProps & React.RefAttributes<HTMLElement>>;
+
+export { RecordHeader, type RecordHeaderAction, type RecordHeaderBadge, type RecordHeaderLabels, type RecordHeaderMetaItem, type RecordHeaderProps, defaultRecordHeaderLabels };

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

@@ -0,0 +1,86 @@
+import * as React from 'react';
+import { LucideIcon } from 'lucide-react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "success" | "warning" | "danger" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    /** Optional icon before the text */
+    icon?: React.ReactNode;
+}
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "secondary" | "danger" | "outline" | "primary" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    effect?: "none" | "sheen" | "orbit" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** Optional icon element to render before the button text */
+    leftIcon?: React.ReactElement | null;
+    /** Optional icon element to render after the button text */
+    rightIcon?: React.ReactElement | null;
+    /** Shows a loading spinner and disables the button */
+    isLoading?: boolean;
+    /** Accessible label for the loading state */
+    loadingText?: string;
+}
+
+interface RecordHeaderBadge {
+    id: string;
+    label: string;
+    variant?: BadgeProps['variant'];
+}
+interface RecordHeaderMetaItem {
+    id: string;
+    label: string;
+    icon?: LucideIcon;
+    href?: string;
+}
+interface RecordHeaderAction {
+    id: string;
+    label: string;
+    icon?: LucideIcon;
+    /** With `href`, call `event.preventDefault()` to route client-side. */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    href?: string;
+    /** Defaults to `primary` for the first action and `outline` for the rest. */
+    variant?: ButtonProps['variant'];
+    disabled?: boolean;
+}
+interface RecordHeaderLabels {
+    back: string;
+    moreActions: string;
+    meta: string;
+}
+declare const defaultRecordHeaderLabels: RecordHeaderLabels;
+interface RecordHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    title: React.ReactNode;
+    headingLevel?: 'h1' | 'h2' | 'h3';
+    subtitle?: React.ReactNode;
+    avatar?: {
+        src?: string | null;
+        name: string;
+    };
+    icon?: LucideIcon;
+    /** Replaces avatar/icon, e.g. a company logo. */
+    media?: React.ReactNode;
+    badges?: RecordHeaderBadge[];
+    meta?: RecordHeaderMetaItem[];
+    actions?: RecordHeaderAction[];
+    /** Actions shown as buttons from `sm` up; the rest go to the overflow menu. */
+    maxVisibleActions?: number;
+    presence?: React.ReactNode;
+    breadcrumbs?: React.ReactNode;
+    onBack?: (event: React.MouseEvent<HTMLElement>) => void;
+    backHref?: string;
+    sticky?: boolean;
+    labels?: Partial<RecordHeaderLabels>;
+}
+declare const RecordHeader: React.ForwardRefExoticComponent<RecordHeaderProps & React.RefAttributes<HTMLElement>>;
+
+export { RecordHeader, type RecordHeaderAction, type RecordHeaderBadge, type RecordHeaderLabels, type RecordHeaderMetaItem, type RecordHeaderProps, defaultRecordHeaderLabels };

package/dist/components/RecordHeader/index.js

@@ -0,0 +1,16 @@
+export { RecordHeader, defaultRecordHeaderLabels } from '../../chunk-EPTP3VKT.js';
+import '../../chunk-EEOGIGIA.js';
+import '../../chunk-TI3TQQ7F.js';
+import '../../chunk-6NZXWKUE.js';
+import '../../chunk-3IMM2PM4.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-62ZOA6PX.js';
+import '../../chunk-WSNMQQ4P.js';
+import '../../chunk-BMSG4NBH.js';
+import '../../chunk-WFBUBT54.js';
+import '../../chunk-GVM6DTR5.js';
+import '../../chunk-F4N67NAF.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/RecordLayout/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkORCCJ5VY_cjs = require('../../chunk-ORCCJ5VY.cjs');
+require('../../chunk-LC7PVBXH.cjs');
+require('../../chunk-7WJ6MBF5.cjs');
+require('../../chunk-YVL3XATO.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "RecordLayout", {
+  enumerable: true,
+  get: function () { return chunkORCCJ5VY_cjs.RecordLayout; }
+});
+Object.defineProperty(exports, "defaultRecordLayoutLabels", {
+  enumerable: true,
+  get: function () { return chunkORCCJ5VY_cjs.defaultRecordLayoutLabels; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/RecordLayout/index.cjs.map

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

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

@@ -0,0 +1,40 @@
+import * as React from 'react';
+
+interface RecordLayoutTab {
+    id: string;
+    label: string;
+    count?: number;
+    content: React.ReactNode;
+}
+interface RecordLayoutLabels {
+    sidebar: string;
+    aside: string;
+    main: string;
+    tabs: string;
+    sidebarToggle: string;
+}
+declare const defaultRecordLayoutLabels: RecordLayoutLabels;
+interface RecordLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Usually a `RecordHeader`. */
+    header?: React.ReactNode;
+    /** Start column: the record's fields. */
+    sidebar?: React.ReactNode;
+    /** End column from `xl`; below the main column on tablet and mobile. */
+    aside?: React.ReactNode;
+    /** Rendered with `Tabs` in the main column; replaces `children`. */
+    tabs?: RecordLayoutTab[];
+    activeTab?: string;
+    defaultTab?: string;
+    onTabChange?: (id: string) => void;
+    /** Query parameter that mirrors the active tab (uncontrolled only). */
+    tabsUrlParam?: string;
+    /** Below `md`, hide the sidebar behind a toggle. */
+    sidebarCollapsible?: boolean;
+    defaultSidebarOpen?: boolean;
+    /** Persists the mobile sidebar's open state in `localStorage`. */
+    sidebarStorageKey?: string;
+    labels?: Partial<RecordLayoutLabels>;
+}
+declare const RecordLayout: React.ForwardRefExoticComponent<RecordLayoutProps & React.RefAttributes<HTMLDivElement>>;
+
+export { RecordLayout, type RecordLayoutLabels, type RecordLayoutProps, type RecordLayoutTab, defaultRecordLayoutLabels };

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

@@ -0,0 +1,40 @@
+import * as React from 'react';
+
+interface RecordLayoutTab {
+    id: string;
+    label: string;
+    count?: number;
+    content: React.ReactNode;
+}
+interface RecordLayoutLabels {
+    sidebar: string;
+    aside: string;
+    main: string;
+    tabs: string;
+    sidebarToggle: string;
+}
+declare const defaultRecordLayoutLabels: RecordLayoutLabels;
+interface RecordLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Usually a `RecordHeader`. */
+    header?: React.ReactNode;
+    /** Start column: the record's fields. */
+    sidebar?: React.ReactNode;
+    /** End column from `xl`; below the main column on tablet and mobile. */
+    aside?: React.ReactNode;
+    /** Rendered with `Tabs` in the main column; replaces `children`. */
+    tabs?: RecordLayoutTab[];
+    activeTab?: string;
+    defaultTab?: string;
+    onTabChange?: (id: string) => void;
+    /** Query parameter that mirrors the active tab (uncontrolled only). */
+    tabsUrlParam?: string;
+    /** Below `md`, hide the sidebar behind a toggle. */
+    sidebarCollapsible?: boolean;
+    defaultSidebarOpen?: boolean;
+    /** Persists the mobile sidebar's open state in `localStorage`. */
+    sidebarStorageKey?: string;
+    labels?: Partial<RecordLayoutLabels>;
+}
+declare const RecordLayout: React.ForwardRefExoticComponent<RecordLayoutProps & React.RefAttributes<HTMLDivElement>>;
+
+export { RecordLayout, type RecordLayoutLabels, type RecordLayoutProps, type RecordLayoutTab, defaultRecordLayoutLabels };

package/dist/components/RecordLayout/index.js

@@ -0,0 +1,8 @@
+export { RecordLayout, defaultRecordLayoutLabels } from '../../chunk-H3QPREIJ.js';
+import '../../chunk-B4CKCNWD.js';
+import '../../chunk-CVNPNZMX.js';
+import '../../chunk-BMSG4NBH.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/RichTextEditor/index.cjs

@@ -1,15 +1,17 @@
 'use strict';
 
-var chunkHC3NAN55_cjs = require('../../chunk-HC3NAN55.cjs');
+var chunkIPL2O2OL_cjs = require('../../chunk-IPL2O2OL.cjs');
 require('../../chunk-YP5T6NZD.cjs');
-require('../../chunk-TJCX4OML.cjs');
+require('../../chunk-ZNUMOJOI.cjs');
+require('../../chunk-C77FAR3F.cjs');
 var chunkC7RVKV25_cjs = require('../../chunk-C7RVKV25.cjs');
 require('../../chunk-I44YNYI6.cjs');
 require('../../chunk-Z5S5JEJD.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
 require('../../chunk-AOHJILLU.cjs');
-require('../../chunk-X6A27RGO.cjs');
+require('../../chunk-EACNRR3C.cjs');
+require('../../chunk-ANMX7YDL.cjs');
 require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-IEY3ZJIT.cjs');
 require('../../chunk-S5RVSXDV.cjs');
@@ -19,15 +21,15 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "RichTextEditor", {
   enumerable: true,
-  get: function () { return chunkHC3NAN55_cjs.RichTextEditor; }
+  get: function () { return chunkIPL2O2OL_cjs.RichTextEditor; }
 });
 Object.defineProperty(exports, "convertAngleBracketsToMustache", {
   enumerable: true,
-  get: function () { return chunkHC3NAN55_cjs.convertAngleBracketsToMustache; }
+  get: function () { return chunkIPL2O2OL_cjs.convertAngleBracketsToMustache; }
 });
 Object.defineProperty(exports, "processDictation", {
   enumerable: true,
-  get: function () { return chunkHC3NAN55_cjs.processDictation; }
+  get: function () { return chunkIPL2O2OL_cjs.processDictation; }
 });
 Object.defineProperty(exports, "isHtmlEmpty", {
   enumerable: true,

package/dist/components/RichTextEditor/index.js

@@ -1,13 +1,15 @@
-export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from '../../chunk-D22GE27K.js';
+export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from '../../chunk-5A4SL436.js';
 import '../../chunk-OQWZYKJM.js';
-import '../../chunk-E2PBPQGS.js';
+import '../../chunk-AMYFRY7K.js';
+import '../../chunk-EEOGIGIA.js';
 export { isHtmlEmpty } from '../../chunk-ERLPVXOV.js';
 import '../../chunk-6NZXWKUE.js';
 import '../../chunk-3IMM2PM4.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';
 import '../../chunk-WSNMQQ4P.js';
-import '../../chunk-7YO7DNUV.js';
+import '../../chunk-N5JDL4VE.js';
+import '../../chunk-WFBUBT54.js';
 import '../../chunk-GVM6DTR5.js';
 import '../../chunk-F4N67NAF.js';
 import '../../chunk-TQONQSJO.js';

package/dist/components/SectionSpyNav/index.cjs

@@ -2,7 +2,8 @@
 
 var chunkKDW6BD4O_cjs = require('../../chunk-KDW6BD4O.cjs');
 require('../../chunk-7IKLGH3Z.cjs');
-require('../../chunk-X6A27RGO.cjs');
+require('../../chunk-EACNRR3C.cjs');
+require('../../chunk-ANMX7YDL.cjs');
 require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');

package/dist/components/SectionSpyNav/index.js

@@ -1,6 +1,7 @@
 export { SectionSpyNav } from '../../chunk-FIKO4WR6.js';
 import '../../chunk-WBGUYSWY.js';
-import '../../chunk-7YO7DNUV.js';
+import '../../chunk-N5JDL4VE.js';
+import '../../chunk-WFBUBT54.js';
 import '../../chunk-GVM6DTR5.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';

package/dist/components/SuperChat/index.cjs

@@ -2,16 +2,19 @@
 
 var chunkJFLC7SHM_cjs = require('../../chunk-JFLC7SHM.cjs');
 var chunkXRVMYT5G_cjs = require('../../chunk-XRVMYT5G.cjs');
-var chunkR5Z7AOVU_cjs = require('../../chunk-R5Z7AOVU.cjs');
-var chunkWXFGHDTV_cjs = require('../../chunk-WXFGHDTV.cjs');
+var chunkDZ3JTMKM_cjs = require('../../chunk-DZ3JTMKM.cjs');
+var chunk57G3O552_cjs = require('../../chunk-57G3O552.cjs');
 require('../../chunk-GLXTVCHN.cjs');
-var chunkBUT6MF5K_cjs = require('../../chunk-BUT6MF5K.cjs');
-var chunkTJCX4OML_cjs = require('../../chunk-TJCX4OML.cjs');
+var chunkKQ6GLYFZ_cjs = require('../../chunk-KQ6GLYFZ.cjs');
+require('../../chunk-ZNUMOJOI.cjs');
+var chunkC77FAR3F_cjs = require('../../chunk-C77FAR3F.cjs');
 require('../../chunk-PJ6CC53R.cjs');
-var chunkJEIW7BSV_cjs = require('../../chunk-JEIW7BSV.cjs');
 require('../../chunk-VBWRH4UW.cjs');
 var chunkVPTASZ2O_cjs = require('../../chunk-VPTASZ2O.cjs');
 require('../../chunk-254QK722.cjs');
+require('../../chunk-P22YCUVM.cjs');
+require('../../chunk-Q3YVLO52.cjs');
+var chunkGKDHMNUA_cjs = require('../../chunk-GKDHMNUA.cjs');
 require('../../chunk-T4L7Q5FA.cjs');
 require('../../chunk-I44YNYI6.cjs');
 require('../../chunk-Z5S5JEJD.cjs');
@@ -22,8 +25,9 @@ require('../../chunk-AOHJILLU.cjs');
 require('../../chunk-SCV7C55E.cjs');
 require('../../chunk-L7L5S2HO.cjs');
 var chunkYW2AKBLS_cjs = require('../../chunk-YW2AKBLS.cjs');
-var chunkX6A27RGO_cjs = require('../../chunk-X6A27RGO.cjs');
 var chunkYVL3XATO_cjs = require('../../chunk-YVL3XATO.cjs');
+require('../../chunk-EACNRR3C.cjs');
+var chunkANMX7YDL_cjs = require('../../chunk-ANMX7YDL.cjs');
 require('../../chunk-DXEPYK3I.cjs');
 var chunkIEY3ZJIT_cjs = require('../../chunk-IEY3ZJIT.cjs');
 var chunkS5RVSXDV_cjs = require('../../chunk-S5RVSXDV.cjs');
@@ -92,7 +96,7 @@ function MessageMedia({
           // An opaque themed surface: the player's semi-transparent states
           // (error, loading) must never compose onto a colored chat bubble.
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-background overflow-hidden rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkBUT6MF5K_cjs.MediaPlayer,
+            chunkKQ6GLYFZ_cjs.MediaPlayer,
             {
               src: attachment.src,
               kind: attachment.kind,
@@ -115,7 +119,7 @@ function MessageMedia({
         ) : null,
         attachment.caption && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: attachment.caption }),
         onOpen && /* @__PURE__ */ jsxRuntime.jsx(chunkXRVMYT5G_cjs.ButtonGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkX6A27RGO_cjs.Button,
+          chunkANMX7YDL_cjs.Button,
           {
             "data-media-launch-id": launchId,
             variant: "secondary",
@@ -215,7 +219,7 @@ function ParticipantAvatar({
   const isAgent = participant?.kind === "agent";
   const backgroundColor = participant?.color ?? (isAgent ? "var(--mieweb-primary-700, #1f2937)" : "#64748b");
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkJEIW7BSV_cjs.Avatar,
+    chunkGKDHMNUA_cjs.Avatar,
     {
       size: "xs",
       src: participant?.avatar,
@@ -362,7 +366,7 @@ function ActionMenuItem({
   item,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkTJCX4OML_cjs.DropdownItem, { onClick: () => onSelect(item.onSelect), children: item.description ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col items-start", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkC77FAR3F_cjs.DropdownItem, { onClick: () => onSelect(item.onSelect), children: item.description ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col items-start", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-normal text-neutral-400", children: item.description })
   ] }) : item.label });
@@ -394,7 +398,7 @@ function FooterActionButton({
   );
   if (!action.submenu) return button;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTJCX4OML_cjs.Dropdown,
+    chunkC77FAR3F_cjs.Dropdown,
     {
       open,
       onOpenChange: setOpen,
@@ -449,7 +453,7 @@ function MessageOverflowMenu({
         footerVisible && !open && "pointer-events-none invisible opacity-0"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTJCX4OML_cjs.Dropdown,
+        chunkC77FAR3F_cjs.Dropdown,
         {
           open,
           onOpenChange: setOpen,
@@ -468,9 +472,9 @@ function MessageOverflowMenu({
             (action) => action.submenu ? (
               // Actions with variants collapse to just their submenu — a
               // top-level default item would duplicate the flyout's options.
-              /* @__PURE__ */ jsxRuntime.jsx(chunkTJCX4OML_cjs.DropdownSubmenu, { label: action.submenu.label, children: action.submenu.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ActionMenuItem, { item, onSelect: select }, item.id)) }, action.id)
+              /* @__PURE__ */ jsxRuntime.jsx(chunkC77FAR3F_cjs.DropdownSubmenu, { label: action.submenu.label, children: action.submenu.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ActionMenuItem, { item, onSelect: select }, item.id)) }, action.id)
             ) : /* @__PURE__ */ jsxRuntime.jsx(
-              chunkTJCX4OML_cjs.DropdownItem,
+              chunkC77FAR3F_cjs.DropdownItem,
               {
                 onClick: () => select(action.onSelect),
                 children: action.label
@@ -1279,6 +1283,17 @@ function SuperChat({
   linkBuilder,
   defaultCopyFormat,
   className,
+  showHeader = true,
+  placeholder,
+  allowAttachments,
+  agents,
+  selectedAgent,
+  onAgentChange,
+  agentSelectorLabel,
+  modelSelectorProps,
+  isStreaming,
+  onStop,
+  stopLabel,
   onMessageSent,
   onMessageEdited,
   onConversationClosed,
@@ -1395,7 +1410,7 @@ function SuperChat({
     mediaItems.length
   ]);
   React3__namespace.useEffect(() => {
-    chunkR5Z7AOVU_cjs.notifyComposerMigrationOnce("SuperChat");
+    chunkDZ3JTMKM_cjs.notifyComposerMigrationOnce("SuperChat");
   }, []);
   const renderText = React3__namespace.useMemo(
     () => renderTextContent ?? createMarkdownRenderer({
@@ -1687,7 +1702,7 @@ function SuperChat({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
+        showHeader ? /* @__PURE__ */ jsxRuntime.jsxs(
           "header",
           {
             "data-slot": "superchat-header",
@@ -1751,6 +1766,9 @@ function SuperChat({
               )
             ]
           }
+        ) : (
+          // Keeps the panel's aria-labelledby reference valid without a visible header.
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { id: headingId, className: "sr-only", children: conversation.title })
         ),
         activeView === "media" ? /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -1759,7 +1777,7 @@ function SuperChat({
             className: "flex min-h-0 flex-1 flex-col",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunkXRVMYT5G_cjs.ButtonGroup, { className: "justify-start", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkX6A27RGO_cjs.Button,
+                chunkANMX7YDL_cjs.Button,
                 {
                   ref: backToConversationRef,
                   variant: "ghost",
@@ -1776,7 +1794,7 @@ function SuperChat({
                 }
               ) }) }),
               /* @__PURE__ */ React3.createElement(
-                chunkWXFGHDTV_cjs.MediaFeed,
+                chunk57G3O552_cjs.MediaFeed,
                 {
                   ...mediaFeedProps,
                   ref: mediaFeedRef,
@@ -1878,20 +1896,30 @@ function SuperChat({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkR5Z7AOVU_cjs.ChatComposer,
+          chunkDZ3JTMKM_cjs.ChatComposer,
           {
             value: draft,
             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",
+            placeholder: readOnly ? "Read-only conversation" : placeholder ?? "Type a message\u2026 use @ to address an agent",
             mentionOptions,
-            allowAttachments: !readOnly,
+            allowAttachments: !readOnly && (allowAttachments ?? true),
             acceptedFileTypes: composerAccept,
             maxFileSize: 25 * 1024 * 1024,
             maxLength: 1e5,
-            inputLabel: "Message"
+            inputLabel: "Message",
+            showAgentSelector: !!agents?.length,
+            agents,
+            selectedAgent,
+            onAgentChange,
+            agentSelectorLabel,
+            showModelSelector: !!modelSelectorProps,
+            modelSelectorProps,
+            isStreaming,
+            onStop,
+            stopLabel
           }
         )
       ]