@arbidocs/blocks 0.4.9 → 0.4.10

package/dist/chunk-RUNQFXPH.cjs

@@ -0,0 +1,89 @@
+"use client";
+'use strict';
+
+var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
+var react = require('react');
+var editor = require('@mdxeditor/editor');
+var jsxRuntime = require('react/jsx-runtime');
+
+function DictationSlot({
+  render
+}) {
+  const insertMarkdown = editor.usePublisher(editor.insertMarkdown$);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: render(insertMarkdown) });
+}
+var DEFAULT_ARTIFACT_MARKDOWN_EDITOR_LABELS = {
+  editor: "Document editor",
+  placeholder: "Start typing\u2026"
+};
+function ArtifactMarkdownEditor({
+  markdown,
+  onChange,
+  onNormalized,
+  dictation,
+  labels,
+  testId
+}) {
+  const l = { ...DEFAULT_ARTIFACT_MARKDOWN_EDITOR_LABELS, ...labels };
+  const ref = react.useRef(null);
+  const pendingNormalizationRef = react.useRef(true);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": l.editor,
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "artifact-markdown-editor" }),
+      className: "h-full pointer-coarse:[&_[role=toolbar]_button]:min-h-11 pointer-coarse:[&_[role=toolbar]_button]:min-w-11",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        editor.MDXEditor,
+        {
+          ref,
+          markdown,
+          onChange: (next) => {
+            if (pendingNormalizationRef.current) {
+              pendingNormalizationRef.current = false;
+              onNormalized?.(next);
+            }
+            onChange(next);
+          },
+          contentEditableClassName: "markdown-content max-w-none px-6 py-4 outline-none min-h-full",
+          className: "h-full overflow-auto bg-background",
+          placeholder: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: l.placeholder }),
+          plugins: [
+            editor.headingsPlugin(),
+            editor.listsPlugin(),
+            editor.quotePlugin(),
+            editor.thematicBreakPlugin(),
+            editor.linkPlugin(),
+            editor.linkDialogPlugin(),
+            editor.tablePlugin(),
+            editor.markdownShortcutPlugin(),
+            editor.toolbarPlugin({
+              toolbarContents: () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(editor.UndoRedo, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(editor.Separator, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(editor.BoldItalicUnderlineToggles, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(editor.Separator, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(editor.BlockTypeSelect, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(editor.ListsToggle, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(editor.Separator, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(editor.CreateLink, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(editor.InsertTable, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(editor.InsertThematicBreak, {}),
+                dictation && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(editor.Separator, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(DictationSlot, { render: dictation })
+                ] })
+              ] })
+            })
+          ]
+        }
+      )
+    }
+  );
+}
+
+exports.ArtifactMarkdownEditor = ArtifactMarkdownEditor;
+exports.DEFAULT_ARTIFACT_MARKDOWN_EDITOR_LABELS = DEFAULT_ARTIFACT_MARKDOWN_EDITOR_LABELS;
+//# sourceMappingURL=chunk-RUNQFXPH.cjs.map
+//# sourceMappingURL=chunk-RUNQFXPH.cjs.map

package/dist/chunk-RUNQFXPH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/artifacts/editor/ArtifactMarkdownEditor.tsx"],"names":["usePublisher","insertMarkdown$","jsx","Fragment","useRef","testIdOr","MDXEditor","headingsPlugin","listsPlugin","quotePlugin","thematicBreakPlugin","linkPlugin","linkDialogPlugin","tablePlugin","markdownShortcutPlugin","toolbarPlugin","jsxs","UndoRedo","Separator","BoldItalicUnderlineToggles","BlockTypeSelect","ListsToggle","CreateLink","InsertTable","InsertThematicBreak"],"mappings":"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","file":"chunk-RUNQFXPH.cjs","sourcesContent":["import { useRef, type ReactNode } from 'react'\nimport {\n  MDXEditor,\n  type MDXEditorMethods,\n  headingsPlugin,\n  listsPlugin,\n  quotePlugin,\n  thematicBreakPlugin,\n  linkPlugin,\n  linkDialogPlugin,\n  tablePlugin,\n  markdownShortcutPlugin,\n  toolbarPlugin,\n  UndoRedo,\n  BoldItalicUnderlineToggles,\n  BlockTypeSelect,\n  ListsToggle,\n  CreateLink,\n  InsertTable,\n  InsertThematicBreak,\n  Separator,\n  insertMarkdown$,\n  usePublisher,\n} from '@mdxeditor/editor'\nimport { testIdOr } from '../../chat/test-id'\n\n/** Renders the host's dictation control; `insert` puts text at the cursor. */\nfunction DictationSlot({\n  render,\n}: {\n  render: (insert: (markdown: string) => void) => ReactNode\n}): React.ReactElement {\n  const insertMarkdown = usePublisher(insertMarkdown$)\n  return <>{render(insertMarkdown)}</>\n}\n\nexport interface ArtifactMarkdownEditorLabels {\n  /** The accessible name of the editor region. */\n  editor: string\n  placeholder: string\n}\n\nexport const DEFAULT_ARTIFACT_MARKDOWN_EDITOR_LABELS: ArtifactMarkdownEditorLabels = {\n  editor: 'Document editor',\n  placeholder: 'Start typing…',\n}\n\nexport interface ArtifactMarkdownEditorProps {\n  /** Current markdown (controlled by the parent). */\n  markdown: string\n  /** Called with the new markdown whenever the document changes. */\n  onChange: (markdown: string) => void\n  /**\n   * Fired exactly once per editor instance, with the markdown the editor produces on mount.\n   * MDXEditor canonicalises the source as it parses (table padding, escapes, thematic-break\n   * style), so the first `onChange` after mount is the round-tripped form of the input, not a\n   * user edit. Use it to adopt the normalised form as the baseline so entering edit mode does\n   * not look dirty. Remount via `key` to receive it for the next document.\n   */\n  onNormalized?: (normalized: string) => void\n  /**\n   * A dictation control for the toolbar (the host owns recording and transcription, for example\n   * `@arbidocs/react`'s `InlineMicButton`). It gets a function that inserts text at the cursor.\n   */\n  dictation?: (insert: (markdown: string) => void) => ReactNode\n  labels?: Partial<ArtifactMarkdownEditorLabels>\n  testId?: string\n}\n\n/**\n * WYSIWYG editor for artifact documents: the user edits the rendered document directly and the\n * editor round-trips Markdown, so `onChange` always yields markdown a save can persist unchanged.\n *\n *\n * Heavy (Lexical via MDXEditor): mount it behind a lazy boundary. The host imports\n * `@mdxeditor/editor/style.css` once and, from the module that lazily imports this one, a module\n * that defines the global `Prism` FIRST (assign the prismjs core to `globalThis.Prism`):\n * `@lexical/code` reads it while it evaluates, and a library cannot order that in every bundler.\n */\nexport function ArtifactMarkdownEditor({\n  markdown,\n  onChange,\n  onNormalized,\n  dictation,\n  labels,\n  testId,\n}: ArtifactMarkdownEditorProps): React.ReactElement {\n  const l = { ...DEFAULT_ARTIFACT_MARKDOWN_EDITOR_LABELS, ...labels }\n  const ref = useRef<MDXEditorMethods>(null)\n  // Latched until MDXEditor fires its first onChange after mount: that is the canonicalisation\n  // round-trip, not a user edit.\n  const pendingNormalizationRef = useRef(true)\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={l.editor}\n      data-testid={testIdOr(testId, { testId: 'artifact-markdown-editor' })}\n      className=\"h-full pointer-coarse:[&_[role=toolbar]_button]:min-h-11 pointer-coarse:[&_[role=toolbar]_button]:min-w-11\"\n    >\n      <MDXEditor\n        ref={ref}\n        markdown={markdown}\n        onChange={(next) => {\n          if (pendingNormalizationRef.current) {\n            pendingNormalizationRef.current = false\n            onNormalized?.(next)\n          }\n          onChange(next)\n        }}\n        contentEditableClassName=\"markdown-content max-w-none px-6 py-4 outline-none min-h-full\"\n        className=\"h-full overflow-auto bg-background\"\n        placeholder={<span className=\"text-muted-foreground\">{l.placeholder}</span>}\n        plugins={[\n          headingsPlugin(),\n          listsPlugin(),\n          quotePlugin(),\n          thematicBreakPlugin(),\n          linkPlugin(),\n          linkDialogPlugin(),\n          tablePlugin(),\n          markdownShortcutPlugin(),\n          toolbarPlugin({\n            toolbarContents: () => (\n              <>\n                <UndoRedo />\n                <Separator />\n                <BoldItalicUnderlineToggles />\n                <Separator />\n                <BlockTypeSelect />\n                <ListsToggle />\n                <Separator />\n                <CreateLink />\n                <InsertTable />\n                <InsertThematicBreak />\n                {dictation && (\n                  <>\n                    <Separator />\n                    <DictationSlot render={dictation} />\n                  </>\n                )}\n              </>\n            ),\n          }),\n        ]}\n      />\n    </div>\n  )\n}\n"]}

package/dist/{chunk-TO4FAMQP.cjs → chunk-XKSFJYOD.cjs}

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkFX3K6LNZ_cjs = require('./chunk-FX3K6LNZ.cjs');
 var chunkVGOFFCMT_cjs = require('./chunk-VGOFFCMT.cjs');
+var chunkFX3K6LNZ_cjs = require('./chunk-FX3K6LNZ.cjs');
 var react = require('react');
 var shell = require('@arbidocs/react/shell');
 var jsxRuntime = require('react/jsx-runtime');
@@ -33,5 +33,5 @@ function Toaster({
 
 exports.DEFAULT_DOCK_WIDTH = DEFAULT_DOCK_WIDTH;
 exports.Toaster = Toaster;
-//# sourceMappingURL=chunk-TO4FAMQP.cjs.map
-//# sourceMappingURL=chunk-TO4FAMQP.cjs.map
+//# sourceMappingURL=chunk-XKSFJYOD.cjs.map
+//# sourceMappingURL=chunk-XKSFJYOD.cjs.map

package/dist/{chunk-TO4FAMQP.cjs.map → chunk-XKSFJYOD.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/shell/Toaster.tsx"],"names":["useIsPhone","useMemo","SHELL_BOTTOM_INSET_VAR","KitToaster"],"mappings":";;;;;;;;AAMO,IAAM,kBAAA,GAAqB;AAelC,IAAM,QAAA,GAAW,CAAC,CAAA,KAAwB,OAAO,MAAM,QAAA,GAAW,CAAA,EAAG,CAAC,CAAA,EAAA,CAAA,GAAO,CAAA;AActE,SAAS,OAAA,CAAQ;AAAA,EACtB,QAAA,GAAW,cAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,kBAAA;AAAA,EACZ,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,MAAM,UAAUA,4BAAA,EAAW;AAC3B,EAAA,MAAM,GAAA,GAAM,OAAA,KAAY,OAAA,GAAU,SAAA,GAAY,MAAA,CAAA;AAC9C,EAAA,MAAM,QAAA,GAAW,QAAA,CAAS,UAAA,CAAW,QAAQ,CAAA;AAC7C,EAAA,MAAM,OAAA,GAAU,QAAA,CAAS,QAAA,CAAS,OAAO,CAAA;AACzC,EAAA,MAAM,YAAA,GAAe,QAAA,IAAY,OAAA,IAAW,CAAC,OAAA;AAE7C,EAAA,MAAM,MAAA,GAASC,cAAQ,MAAM;AAC3B,IAAA,MAAM,KAAA,GAAQ,CAAA,aAAA,EAAgBC,wCAAsB,CAAA,4CAAA,EAA+C,GAAG,CAAA,CAAA,CAAA;AACtG,IAAA,MAAM,GAAA,GAAM,wCAAwC,GAAG,CAAA,CAAA,CAAA;AACvD,IAAA,MAAM,KAAA,GAAQ,YAAA,GACV,CAAA,KAAA,EAAQ,QAAA,CAAS,SAAS,CAAC,CAAA,GAAA,EAAM,GAAG,CAAA,CAAA,CAAA,GACpC,CAAA,uCAAA,EAA0C,GAAG,CAAA,CAAA,CAAA;AACjD,IAAA,MAAM,IAAA,GAAO,yCAAyC,GAAG,CAAA,CAAA,CAAA;AACzD,IAAA,OAAO,QAAA,GAAW,EAAE,MAAA,EAAQ,KAAA,EAAO,KAAA,EAAO,MAAK,GAAI,EAAE,GAAA,EAAK,KAAA,EAAO,IAAA,EAAK;AAAA,EACxE,GAAG,CAAC,GAAA,EAAK,QAAA,EAAU,YAAA,EAAc,SAAS,CAAC,CAAA;AAE3C,EAAA,sCAAQC,aAAA,EAAA,EAAW,QAAA,EAAoB,QAAgB,YAAA,EAAc,MAAA,EAAS,GAAG,KAAA,EAAO,CAAA;AAC1F","file":"chunk-TO4FAMQP.cjs","sourcesContent":["import { useMemo } from 'react'\nimport { Toaster as KitToaster, type ToasterProps } from '@arbidocs/react/shell'\nimport { SHELL_BOTTOM_INSET_VAR } from '../lib/bottom-inset'\nimport { useIsPhone } from '../lib/use-media-query'\n\n/** The assistant dock's default width, in CSS px (`AssistantDock`'s `width` default). */\nexport const DEFAULT_DOCK_WIDTH = 380\n\nexport interface ShellToasterProps extends Omit<ToasterProps, 'offset' | 'mobileOffset'> {\n  /**\n   * A right-hand dock (the assistant chat) is open beside the content. A right-aligned stack then\n   * slides left by `dockWidth` so it never sits on the dock. On a phone the dock is a full-screen\n   * modal, so no shift applies. `AssistantToaster` from `@arbidocs/blocks/chat` wires this for you.\n   */\n  dockOpen?: boolean\n  /** Width of the open dock: a number is px, a string any CSS length. Default 380. */\n  dockWidth?: number | string\n  /** Gap kept to the screen edges, any CSS length. Default `1rem` (`0.75rem` on a phone). */\n  edgeGap?: string\n}\n\nconst asLength = (v: number | string) => (typeof v === 'number' ? `${v}px` : v)\n\n/**\n * The shell's toast stack: the shared sonner `Toaster` placed so it never covers shell chrome.\n * Default position is bottom-right. It keeps clear of:\n *\n *  - pinned bottom bars (the phone tab bar, the chat composer), through `--shell-bottom-inset`\n *    that `useShellBottomInset` publishes; a bottom stack sits `edgeGap` above it;\n *  - the device's home indicator and notch (`env(safe-area-inset-*)`);\n *  - an open right-hand dock (`dockOpen` + `dockWidth`).\n *\n * Mount it once near the app root. Every other sonner prop (`theme`, `closeButton`,\n * `toastOptions`, ...) passes through; fire toasts with `notify.*` / `toast` from `@arbidocs/react`.\n */\nexport function Toaster({\n  position = 'bottom-right',\n  dockOpen = false,\n  dockWidth = DEFAULT_DOCK_WIDTH,\n  edgeGap,\n  ...props\n}: ShellToasterProps) {\n  const isPhone = useIsPhone()\n  const gap = edgeGap ?? (isPhone ? '0.75rem' : '1rem')\n  const isBottom = position.startsWith('bottom')\n  const isRight = position.endsWith('right')\n  const shiftForDock = dockOpen && isRight && !isPhone\n\n  const offset = useMemo(() => {\n    const inset = `calc(max(var(${SHELL_BOTTOM_INSET_VAR}, 0px), env(safe-area-inset-bottom, 0px)) + ${gap})`\n    const top = `calc(env(safe-area-inset-top, 0px) + ${gap})`\n    const right = shiftForDock\n      ? `calc(${asLength(dockWidth)} + ${gap})`\n      : `calc(env(safe-area-inset-right, 0px) + ${gap})`\n    const left = `calc(env(safe-area-inset-left, 0px) + ${gap})`\n    return isBottom ? { bottom: inset, right, left } : { top, right, left }\n  }, [gap, isBottom, shiftForDock, dockWidth])\n\n  return <KitToaster position={position} offset={offset} mobileOffset={offset} {...props} />\n}\n"]}
+{"version":3,"sources":["../src/shell/Toaster.tsx"],"names":["useIsPhone","useMemo","SHELL_BOTTOM_INSET_VAR","KitToaster"],"mappings":";;;;;;;;AAMO,IAAM,kBAAA,GAAqB;AAelC,IAAM,QAAA,GAAW,CAAC,CAAA,KAAwB,OAAO,MAAM,QAAA,GAAW,CAAA,EAAG,CAAC,CAAA,EAAA,CAAA,GAAO,CAAA;AActE,SAAS,OAAA,CAAQ;AAAA,EACtB,QAAA,GAAW,cAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,kBAAA;AAAA,EACZ,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,MAAM,UAAUA,4BAAA,EAAW;AAC3B,EAAA,MAAM,GAAA,GAAM,OAAA,KAAY,OAAA,GAAU,SAAA,GAAY,MAAA,CAAA;AAC9C,EAAA,MAAM,QAAA,GAAW,QAAA,CAAS,UAAA,CAAW,QAAQ,CAAA;AAC7C,EAAA,MAAM,OAAA,GAAU,QAAA,CAAS,QAAA,CAAS,OAAO,CAAA;AACzC,EAAA,MAAM,YAAA,GAAe,QAAA,IAAY,OAAA,IAAW,CAAC,OAAA;AAE7C,EAAA,MAAM,MAAA,GAASC,cAAQ,MAAM;AAC3B,IAAA,MAAM,KAAA,GAAQ,CAAA,aAAA,EAAgBC,wCAAsB,CAAA,4CAAA,EAA+C,GAAG,CAAA,CAAA,CAAA;AACtG,IAAA,MAAM,GAAA,GAAM,wCAAwC,GAAG,CAAA,CAAA,CAAA;AACvD,IAAA,MAAM,KAAA,GAAQ,YAAA,GACV,CAAA,KAAA,EAAQ,QAAA,CAAS,SAAS,CAAC,CAAA,GAAA,EAAM,GAAG,CAAA,CAAA,CAAA,GACpC,CAAA,uCAAA,EAA0C,GAAG,CAAA,CAAA,CAAA;AACjD,IAAA,MAAM,IAAA,GAAO,yCAAyC,GAAG,CAAA,CAAA,CAAA;AACzD,IAAA,OAAO,QAAA,GAAW,EAAE,MAAA,EAAQ,KAAA,EAAO,KAAA,EAAO,MAAK,GAAI,EAAE,GAAA,EAAK,KAAA,EAAO,IAAA,EAAK;AAAA,EACxE,GAAG,CAAC,GAAA,EAAK,QAAA,EAAU,YAAA,EAAc,SAAS,CAAC,CAAA;AAE3C,EAAA,sCAAQC,aAAA,EAAA,EAAW,QAAA,EAAoB,QAAgB,YAAA,EAAc,MAAA,EAAS,GAAG,KAAA,EAAO,CAAA;AAC1F","file":"chunk-XKSFJYOD.cjs","sourcesContent":["import { useMemo } from 'react'\nimport { Toaster as KitToaster, type ToasterProps } from '@arbidocs/react/shell'\nimport { SHELL_BOTTOM_INSET_VAR } from '../lib/bottom-inset'\nimport { useIsPhone } from '../lib/use-media-query'\n\n/** The assistant dock's default width, in CSS px (`AssistantDock`'s `width` default). */\nexport const DEFAULT_DOCK_WIDTH = 380\n\nexport interface ShellToasterProps extends Omit<ToasterProps, 'offset' | 'mobileOffset'> {\n  /**\n   * A right-hand dock (the assistant chat) is open beside the content. A right-aligned stack then\n   * slides left by `dockWidth` so it never sits on the dock. On a phone the dock is a full-screen\n   * modal, so no shift applies. `AssistantToaster` from `@arbidocs/blocks/chat` wires this for you.\n   */\n  dockOpen?: boolean\n  /** Width of the open dock: a number is px, a string any CSS length. Default 380. */\n  dockWidth?: number | string\n  /** Gap kept to the screen edges, any CSS length. Default `1rem` (`0.75rem` on a phone). */\n  edgeGap?: string\n}\n\nconst asLength = (v: number | string) => (typeof v === 'number' ? `${v}px` : v)\n\n/**\n * The shell's toast stack: the shared sonner `Toaster` placed so it never covers shell chrome.\n * Default position is bottom-right. It keeps clear of:\n *\n *  - pinned bottom bars (the phone tab bar, the chat composer), through `--shell-bottom-inset`\n *    that `useShellBottomInset` publishes; a bottom stack sits `edgeGap` above it;\n *  - the device's home indicator and notch (`env(safe-area-inset-*)`);\n *  - an open right-hand dock (`dockOpen` + `dockWidth`).\n *\n * Mount it once near the app root. Every other sonner prop (`theme`, `closeButton`,\n * `toastOptions`, ...) passes through; fire toasts with `notify.*` / `toast` from `@arbidocs/react`.\n */\nexport function Toaster({\n  position = 'bottom-right',\n  dockOpen = false,\n  dockWidth = DEFAULT_DOCK_WIDTH,\n  edgeGap,\n  ...props\n}: ShellToasterProps) {\n  const isPhone = useIsPhone()\n  const gap = edgeGap ?? (isPhone ? '0.75rem' : '1rem')\n  const isBottom = position.startsWith('bottom')\n  const isRight = position.endsWith('right')\n  const shiftForDock = dockOpen && isRight && !isPhone\n\n  const offset = useMemo(() => {\n    const inset = `calc(max(var(${SHELL_BOTTOM_INSET_VAR}, 0px), env(safe-area-inset-bottom, 0px)) + ${gap})`\n    const top = `calc(env(safe-area-inset-top, 0px) + ${gap})`\n    const right = shiftForDock\n      ? `calc(${asLength(dockWidth)} + ${gap})`\n      : `calc(env(safe-area-inset-right, 0px) + ${gap})`\n    const left = `calc(env(safe-area-inset-left, 0px) + ${gap})`\n    return isBottom ? { bottom: inset, right, left } : { top, right, left }\n  }, [gap, isBottom, shiftForDock, dockWidth])\n\n  return <KitToaster position={position} offset={offset} mobileOffset={offset} {...props} />\n}\n"]}

package/dist/{chunk-22T6KHGB.cjs → chunk-YWSWRTGH.cjs}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkTO4FAMQP_cjs = require('./chunk-TO4FAMQP.cjs');
+var chunkXKSFJYOD_cjs = require('./chunk-XKSFJYOD.cjs');
 var chunkPRVKJ5XL_cjs = require('./chunk-PRVKJ5XL.cjs');
 var chunkVGOFFCMT_cjs = require('./chunk-VGOFFCMT.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
@@ -1630,7 +1630,7 @@ function LabelPinRow({
 function AssistantToaster(props) {
   const dock = chunkPRVKJ5XL_cjs.useAssistantDock();
   const { isDockAvailable } = chunkPRVKJ5XL_cjs.useChatSurface();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkTO4FAMQP_cjs.Toaster, { ...props, dockOpen: dock.isOpen && isDockAvailable });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkXKSFJYOD_cjs.Toaster, { ...props, dockOpen: dock.isOpen && isDockAvailable });
 }
 
 exports.AssistantToaster = AssistantToaster;
@@ -1695,5 +1695,5 @@ exports.isLongPastedText = isLongPastedText;
 exports.useDismissibleCard = useDismissibleCard;
 exports.useListKeyNav = useListKeyNav;
 exports.useLongPaste = useLongPaste;
-//# sourceMappingURL=chunk-22T6KHGB.cjs.map
-//# sourceMappingURL=chunk-22T6KHGB.cjs.map
+//# sourceMappingURL=chunk-YWSWRTGH.cjs.map
+//# sourceMappingURL=chunk-YWSWRTGH.cjs.map