@athenaintel/react 0.38.1 → 0.40.0

package/dist/chat-ui/composer/tiptap-composer.js.map

@@ -1 +1 @@
-{"version":3,"file":"tiptap-composer.js","sources":["../../../src/chat-ui/composer/tiptap-composer.tsx"],"sourcesContent":["/**\n * Tiptap Composer — Full Olympus mention system integration\n *\n * Uses the ported Olympus infrastructure:\n * - MentionSuggestionList (with scope navigation, breadcrumbs, keyboard nav)\n * - MentionSuggestionPopup (Floating UI positioning)\n * - MentionSuggestionsExtension (Tiptap @ trigger)\n * - MentionExtension (inline mention chips)\n * - useMentionSuggestions (full Olympus categories + async data)\n *\n * Auth credentials for GraphQL are provided via MentionAuthCtx, and the host\n * app (Chrome side panel, Office task pane, the SDK's AthenaChat) supplies any\n * host-only mention items — browser tabs through `webpages`, its own Tools /\n * Toolkits list through `tools`.\n *\n * The draft serializes to Markdown through `tiptap-markdown`, so pasted\n * hyperlinks keep their URL, formatting marks survive, paragraphs stay\n * separated, and a mention is the `[@Name](url)` link the message renderer\n * parses back into a chip. Send delivers that Markdown with every plain-text\n * run written exactly as typed (`serializeComposerMessage`), as the Olympus\n * chat composer does, and the message carries the draft it was sent from\n * (`metadata.composer_markdown`, only when the two differ) so its bubble\n * shows the text exactly as typed.\n */\n\nimport { athenaDiagnostics } from \"../../diagnostics/athena-diagnostics\";\nimport {\n  clipboardHasMeaningfulText,\n  extractPastedImages,\n} from \"../../composer/clipboard\";\nimport {\n  useRef,\n  useState,\n  useCallback,\n  useEffect,\n  forwardRef,\n  useImperativeHandle,\n  type DragEvent as ReactDragEvent,\n} from \"react\";\nimport { useEditor, EditorContent } from \"@tiptap/react\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport { Extension, type Editor } from \"@tiptap/core\";\nimport { unstable_useComposerInput, useAui } from \"@assistant-ui/react\";\nimport { useComposerHandoffStore } from \"../../composer/composer-handoff\";\nimport { LoaderCircleIcon, XIcon } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\";\nimport { CHAT_TEXT_CLASS, createChatTextExtensions } from \"../rich-text/chat-text-schema\";\nimport {\n  MentionSuggestionsExtension,\n  type MentionSuggestionCallbacks,\n  type MentionSuggestionRenderProps,\n} from \"../mentions/suggestions/mention-suggestions.extension\";\nimport { MentionSuggestionPopup } from \"../mentions/suggestions/components/mention-suggestion-popup\";\nimport {\n  MentionSuggestionList,\n} from \"../mentions/suggestions/components/mention-suggestion-list\";\nimport {\n  useMentionSuggestions,\n  type MentionRootCategory,\n} from \"../mentions/suggestions/data/use-mention-suggestions\";\nimport type {\n  MentionTool,\n  MenuItem,\n  WebpageMention,\n} from \"../mentions/suggestions/data/types\";\nimport type { KeyboardNavigationHandle } from \"../mentions/suggestions/components/use-keyboard-navigation\";\nimport { Selection } from \"@tiptap/pm/state\";\nimport type { EditorView } from \"@tiptap/pm/view\";\nimport {\n  isAthenaAssetDrag,\n  readAthenaAssetDrop,\n  registerChatAssetMentionHandler,\n  type UploadedChatAsset,\n} from \"@athenaintel/agent-runtime\";\nimport {\n  captureComposerSend,\n  ComposerDraftWhitespace,\n  type ComposerSend,\n  draftForReturnedSend,\n  prepareComposerSend,\n  serializeComposerDraft,\n} from \"./composer-message\";\nimport { PendingAttachmentUploads } from \"./pending-attachment-uploads\";\nimport { runInputRulesOnEnter } from \"./run-input-rules-on-enter\";\n\n// ── Submit keybind extension ──\n\nconst SubmitKeybind = Extension.create<{ onSubmit: () => void; isMentionOpen: () => boolean }>({\n  name: \"submitKeybind\",\n  priority: 1000,\n  addOptions() {\n    return { onSubmit: () => {}, isMentionOpen: () => false };\n  },\n  addKeyboardShortcuts() {\n    return {\n      Enter: () => {\n        // Don't submit when the mention popup is open — let it handle Enter\n        if (this.options.isMentionOpen()) return false;\n        // A typed \"1.\" or \"-\" starts a list rather than sending.\n        if (runInputRulesOnEnter(this.editor)) return true;\n        // Let the schema's keymaps continue lists, insert code newlines, and\n        // split paragraphs inside structured blocks, as in the web composer.\n        if ([\"listItem\", \"taskItem\", \"codeBlock\", \"table\", \"blockquote\"].some(\n          (node) => this.editor.isActive(node),\n        )) return false;\n        this.options.onSubmit();\n        return true;\n      },\n      \"Shift-Enter\": () => {\n        return this.editor.commands.newlineInCode() || this.editor.commands.setHardBreak();\n      },\n    };\n  },\n});\n\n// ── CSS for mention chips + editor ──\n\nconst MENTION_STYLES = `\n  .image-preview-composer .mention-chip[data-display-as-preview=\"true\"] {\n    display: none;\n  }\n  /* Scoped to this editor: hosts render other ProseMirror instances on the\n     same page (AthenaChat's message renderer), which must keep their own\n     height and placeholder rules. */\n  .athena-chat-composer .ProseMirror {\n    outline: none;\n    min-height: 36px;\n    max-height: 120px;\n    overflow-y: auto;\n  }\n  .athena-chat-composer .ProseMirror p.is-editor-empty:first-child::before {\n    content: attr(data-placeholder);\n    float: left;\n    color: #9ca3af;\n    pointer-events: none;\n    height: 0;\n  }\n  /* The paper appearance (the SDK thread): a taller resting height, room for\n     about eight lines before the draft scrolls, and a placeholder at 35% of\n     the text colour. Same specificity as the rules above, so order decides. */\n  .athena-chat-composer--paper .ProseMirror {\n    min-height: 44px;\n    max-height: 12rem;\n  }\n  .athena-chat-composer--paper .ProseMirror p.is-editor-empty:first-child::before {\n    color: color-mix(in srgb, currentColor 35%, transparent);\n  }\n`;\n\n/**\n * The editor's look. `default` is what the Chrome extension and Office add-in\n * render; `paper` pairs with `ChatComposerDock appearance=\"paper\"`.\n */\nexport type TiptapComposerAppearance = \"default\" | \"paper\";\n\n/**\n * The draft as Markdown, mentions as `[@Name](url)` links: what the composer\n * mirrors into the composer runtime and parses back on a restore\n * (`serializeComposerDraft`, which reads back into the same document). Send\n * delivers it with plain text written as typed (`serializeComposerMessage`).\n */\nexport function serializeDraft(editor: Editor): string {\n  return serializeComposerDraft(editor);\n}\n\n/**\n * Append `text` to the editor's draft as typed plain text — never read as\n * Markdown — one space after any text already on the last line, the way a\n * dictated phrase joins the draft. Returns whether anything was added.\n */\nfunction appendPlainText(editor: Editor, text: string): boolean {\n  const words = text.trim();\n  if (!words || editor.isDestroyed) return false;\n  const end = Selection.atEnd(editor.state.doc);\n  const before = end.$from.nodeBefore;\n  const needsSpace =\n    before !== null &&\n    before.type.name !== \"hardBreak\" &&\n    !(before.isText && /\\s$/.test(before.text ?? \"\"));\n  editor\n    .chain()\n    .setTextSelection(end.from)\n    // A text node, not a string: the Markdown extension parses string content\n    // as Markdown, which would turn spoken words into formatting.\n    .insertContent({ type: \"text\", text: needsSpace ? ` ${words}` : words })\n    .run();\n  return true;\n}\n\n/**\n * A host's own intake for the files pasted into or dropped on the composer\n * (AthenaChat uploads them into its attachment pills). Without `onDrop` the\n * composer leaves drops untouched so an enclosing drop zone receives them.\n */\nexport interface ComposerFileIntake {\n  onPaste: (files: readonly File[]) => void;\n  onDrop?: (files: readonly File[]) => void;\n}\n\n// ── Main component ──\n\nexport interface TiptapComposerHandle {\n  submit: () => Promise<void>;\n  addAttachment: (file: File) => Promise<void>;\n  insertAssetMention: (asset: UploadedChatAsset) => void;\n  /**\n   * Focuses the editor and types the `@` trigger at the caret (after a space\n   * when the caret follows a word), opening the mention menu — the toolbar's\n   * `@` button. A no-op while the editor is disabled or the menu is open.\n   * Optional on the type so hosts' handle stand-ins written before it keep\n   * type-checking; the composer itself always provides it.\n   */\n  openMentionMenu?: () => void;\n  /**\n   * Appends `text` to the draft as typed plain text, never read as Markdown,\n   * one space after any text on the draft's last line — how dictated words\n   * join the draft. Optional on the type, like `openMentionMenu`.\n   */\n  appendText?: (text: string) => void;\n  /**\n   * The draft as a send would deliver it — `text` with plain text exactly as\n   * typed, `draftMarkdown` the same document as Markdown that reads back into\n   * it — or `null` before the editor mounts. For a host that sends the draft\n   * itself (AthenaChat's dictated send) through `prepareComposerSend`.\n   */\n  captureSend?: () => ComposerSend | null;\n}\n\nexport interface TiptapComposerProps {\n  placeholder?: string;\n  threadId: string;\n  disabled?: boolean;\n  /** Editor look; defaults to the side-panel / task-pane editor. */\n  appearance?: TiptapComposerAppearance;\n  /** Host-provided browser-tab mentions; empty in hosts without tab access. */\n  webpages?: readonly WebpageMention[];\n  /**\n   * Host-provided Tools / Toolkits mention candidates. When set they replace\n   * the server tool catalog for those categories (see `useMentionSuggestions`).\n   */\n  tools?: readonly MentionTool[];\n  rootCategories?: readonly MentionRootCategory[];\n  onDraftStateChange?: (hasDraft: boolean) => void;\n  /** Show local image thumbnails while mention-backed uploads are in the draft. */\n  showImagePreviews?: boolean;\n  /** Surface paste/drop attachment failures in host UI as well as diagnostics. */\n  onAttachmentError?: (message: string) => void;\n  /**\n   * Host-owned intake for pasted and dropped files. Without it the composer\n   * attaches them itself through `aui.composer.addAttachment`.\n   */\n  fileIntake?: ComposerFileIntake;\n  /**\n   * Awaited before every submit (Enter and the imperative handle), after the\n   * composer's own pending uploads have settled: a host whose uploads live\n   * outside the composer (AthenaChat's attachment pills) resolves once they\n   * land, so a send never leaves without its attachment.\n   */\n  waitForHostUploads?: () => Promise<void> | void;\n  /**\n   * Optional submit interception: called with the serialized draft — possibly\n   * empty, for a host composing its own extras into the send — before the\n   * composer-runtime send. Return `true` when the host consumed the draft\n   * through another lane (e.g. a live voice session) — the editor clears and\n   * the normal send is skipped. Return `false` to fall through unchanged.\n   * `text` is plain text written exactly as typed (what the model should\n   * read); `draftMarkdown` is the same draft with plain text escaped for\n   * Markdown (`serializeComposerDraft`), for a host that sends the message\n   * itself: `prepareComposerSend` remembers it, so a send handed back loads\n   * exactly, and puts it on the message as its composer markdown.\n   */\n  interceptSubmit?: (text: string, draftMarkdown: string) => boolean | Promise<boolean>;\n  /**\n   * Called after a draft has left the editor — through the composer-runtime\n   * send or a host interception — from Enter and the imperative handle alike.\n   * Hosts use it for per-send UI such as a first-use keyboard hint.\n   */\n  onSubmitted?: () => void;\n}\n\nconst NO_WEBPAGES: readonly WebpageMention[] = [];\n\ninterface ComposerImagePreview {\n  key: string;\n  file: File;\n  name: string;\n  src: string;\n  assetId?: string;\n}\n\nfunction revokeImagePreview(src: string): void {\n  if (typeof URL.revokeObjectURL === \"function\") URL.revokeObjectURL(src);\n}\n\nfunction ImagePreviewStrip({\n  previews,\n  onRemove,\n}: {\n  previews: readonly ComposerImagePreview[];\n  onRemove: (preview: ComposerImagePreview) => void;\n}) {\n  if (previews.length === 0) return null;\n\n  return (\n    <div\n      className=\"flex w-full gap-2 overflow-x-auto px-1.5 pb-1 pt-1.5\"\n      role=\"list\"\n      aria-label=\"Image attachments\"\n    >\n      {previews.map((preview) => {\n        const uploading = preview.assetId === undefined;\n        return (\n          <div\n            key={preview.key}\n            className=\"group relative h-16 w-[clamp(76px,30vw,112px)] shrink-0 overflow-hidden rounded-lg border border-neutral-200 bg-neutral-100 shadow-sm\"\n            role=\"listitem\"\n          >\n            <img\n              src={preview.src}\n              alt={preview.name}\n              className=\"size-full object-cover\"\n            />\n            <div className=\"absolute inset-x-0 bottom-0 truncate bg-gradient-to-t from-black/75 to-transparent px-1.5 pb-1 pt-4 text-[10px] font-medium text-white\">\n              {preview.name}\n            </div>\n            {uploading ? (\n              <span\n                className=\"absolute left-1 top-1 inline-flex size-5 items-center justify-center rounded-full bg-black/65 text-white\"\n                title=\"Uploading image\"\n              >\n                <LoaderCircleIcon className=\"size-3 animate-spin\" />\n              </span>\n            ) : (\n              <button\n                type=\"button\"\n                onClick={() => onRemove(preview)}\n                className=\"absolute right-1 top-1 inline-flex size-5 items-center justify-center rounded-full bg-black/65 text-white opacity-80 transition-opacity hover:bg-black/80 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white\"\n                aria-label={`Remove ${preview.name}`}\n                title=\"Remove image\"\n              >\n                <XIcon className=\"size-3\" />\n              </button>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport const TiptapComposer = forwardRef<\n  TiptapComposerHandle,\n  TiptapComposerProps\n>(\n  (\n    {\n      placeholder = \"Message Athena... (type @ to mention)\",\n      threadId,\n      disabled = false,\n      appearance = \"default\",\n      webpages = NO_WEBPAGES,\n      tools,\n      rootCategories,\n      onDraftStateChange,\n      showImagePreviews = false,\n      onAttachmentError,\n      fileIntake,\n      waitForHostUploads,\n      interceptSubmit,\n      onSubmitted,\n    },\n    outerRef,\n  ) => {\n  const aui = useAui();\n  const composerInput = unstable_useComposerInput();\n  const handoff = useComposerHandoffStore();\n  const applyingRuntimeTextRef = useRef(false);\n  // What this editor last mirrored into the composer runtime; a value equal to\n  // it is our own echo and needs no re-serialization or restore.\n  const lastEmittedMarkdownRef = useRef<string | null>(null);\n  // The returned send last loaded from its draft: the runtime still holds its\n  // verbatim text, which must not be parsed over the draft on a later pass.\n  const restoredSendRef = useRef<string | null>(null);\n  const listRef = useRef<KeyboardNavigationHandle>(null);\n  const pendingUploadsRef = useRef(new PendingAttachmentUploads());\n  const submitInFlightRef = useRef(false);\n  const imagePreviewsRef = useRef<ComposerImagePreview[]>([]);\n  const [imagePreviews, setImagePreviews] = useState<ComposerImagePreview[]>([]);\n\n  const replaceImagePreviews = useCallback((next: ComposerImagePreview[]) => {\n    imagePreviewsRef.current = next;\n    setImagePreviews(next);\n  }, []);\n\n  const removeImagePreviews = useCallback(\n    (shouldRemove: (preview: ComposerImagePreview) => boolean) => {\n      const kept: ComposerImagePreview[] = [];\n      let removed = false;\n      for (const preview of imagePreviewsRef.current) {\n        if (shouldRemove(preview)) {\n          revokeImagePreview(preview.src);\n          removed = true;\n        } else kept.push(preview);\n      }\n      if (removed) replaceImagePreviews(kept);\n    },\n    [replaceImagePreviews],\n  );\n\n  const clearImagePreviews = useCallback(() => {\n    removeImagePreviews(() => true);\n  }, [removeImagePreviews]);\n\n  useEffect(() => clearImagePreviews(), [clearImagePreviews, threadId]);\n  useEffect(\n    () => () => {\n      for (const preview of imagePreviewsRef.current) {\n        revokeImagePreview(preview.src);\n      }\n      imagePreviewsRef.current = [];\n    },\n    [],\n  );\n\n  const { store } = useMentionSuggestions({ webpages, tools, rootCategories });\n\n  // Popup state\n  const [popupOpen, setPopupOpen] = useState(false);\n  const popupOpenRef = useRef(false);\n  const [popupProps, setPopupProps] = useState<MentionSuggestionRenderProps | null>(null);\n\n  // Suggestion callbacks — drive the popup lifecycle\n  const callbacksRef = useRef<MentionSuggestionCallbacks>({\n    onStart: (props) => {\n      setPopupOpen(true);\n      popupOpenRef.current = true;\n      setPopupProps(props);\n    },\n    onUpdate: (props) => {\n      setPopupProps(props);\n    },\n    onKeyDown: (event) => {\n      // Route keyboard events to the MentionSuggestionList\n      return listRef.current?.onKeyDown(event) ?? false;\n    },\n    onExit: () => {\n      setPopupOpen(false);\n      popupOpenRef.current = false;\n      setPopupProps(null);\n    },\n  });\n\n  // Editor ref — needed because handleSubmit is created before useEditor returns\n  const editorRef = useRef<ReturnType<typeof useEditor>>(null);\n\n  // Submit via composer runtime so attachments (screenshots, files) are included.\n  // aui.composer.setText() + aui.composer.send() bundles text + pending attachments.\n  //\n  // Statewire turns a send during an active run into a queued command. Do not\n  // cancel first: cancellation aborts the shared run for every connected\n  // client and turns a normal queued follow-up into a destructive stop.\n  const handleSubmit = useCallback(async () => {\n    if (disabled) return;\n    if (submitInFlightRef.current) return;\n    submitInFlightRef.current = true;\n    try {\n      await pendingUploadsRef.current.waitForIdle();\n      await waitForHostUploads?.();\n      const ed = editorRef.current;\n      if (!ed) return;\n      // The model reads the sent text literally, so plain text goes out\n      // exactly as typed; the draft keeps its Markdown escaping.\n      const { text, draftMarkdown } = captureComposerSend(ed);\n\n      // Interception carries TEXT only: a draft with pending attachments\n      // (screenshots, files) must ride the composer-runtime send that\n      // bundles them, or the attachments would silently vanish. Attachment\n      // state is read only when a host actually intercepts. It runs before\n      // the empty check because a host may compose extras of its own into\n      // an otherwise empty draft (AthenaChat's quote and attachment pills).\n      if (interceptSubmit) {\n        const hasAttachments =\n          (aui.composer.getState().attachments?.length ?? 0) > 0;\n        if (!hasAttachments && (await interceptSubmit(text, draftMarkdown))) {\n          ed.commands.clearContent(false);\n          clearImagePreviews();\n          onDraftStateChange?.(false);\n          onSubmitted?.();\n          return;\n        }\n      }\n\n      if (!text) return;\n      if (!composerInput.canSend) return;\n\n      // A send statewire hands back (refused during a reconnect) is restored\n      // from the draft it was sent from, not parsed from its verbatim text;\n      // the message carries that draft so its bubble shows it as typed.\n      prepareComposerSend({ threadId, text, draftMarkdown });\n      composerInput.setText(text);\n      composerInput.send({ steer: false });\n\n      ed.commands.clearContent(false);\n      clearImagePreviews();\n      onDraftStateChange?.(false);\n      onSubmitted?.();\n    } finally {\n      submitInFlightRef.current = false;\n    }\n  }, [\n    clearImagePreviews,\n    composerInput,\n    disabled,\n    interceptSubmit,\n    onDraftStateChange,\n    onSubmitted,\n    threadId,\n    waitForHostUploads,\n  ]);\n\n  const handleSubmitRef = useRef(handleSubmit);\n  handleSubmitRef.current = handleSubmit;\n\n  const addAttachment = useCallback(\n    (file: File) => {\n      let previewKey: string | undefined;\n      if (\n        showImagePreviews &&\n        file.type.startsWith(\"image/\") &&\n        typeof URL.createObjectURL === \"function\"\n      ) {\n        previewKey = crypto.randomUUID();\n        replaceImagePreviews([\n          ...imagePreviewsRef.current,\n          {\n            key: previewKey,\n            file,\n            name: file.name || \"Pasted image\",\n            src: URL.createObjectURL(file),\n          },\n        ]);\n      }\n\n      return pendingUploadsRef.current\n        .track(aui.composer.addAttachment(file))\n        .catch((error: unknown) => {\n          if (previewKey) {\n            removeImagePreviews((preview) => preview.key === previewKey);\n          }\n          throw error;\n        });\n    },\n    [aui, removeImagePreviews, replaceImagePreviews, showImagePreviews],\n  );\n\n  // Handle paste events — intercept images from clipboard and add as attachments\n  const handlePaste = useCallback(\n    (_view: unknown, event: ClipboardEvent) => {\n      const clipboardData = event.clipboardData;\n      if (!clipboardData) return false;\n\n      const images = extractPastedImages({ clipboardData });\n      if (images.length === 0) return false;\n      // Office and spreadsheet copies put the cells' text beside a bitmap of\n      // them: the text is what the user copied, so the editor's native paste\n      // keeps it and the incidental screenshot is left alone. A copied image\n      // file's own name (Finder, Explorer) is not such text.\n      if (\n        clipboardHasMeaningfulText({\n          clipboardData,\n          pastedFileNames: images.map((image) => image.originalName),\n        })\n      ) {\n        return false;\n      }\n      event.preventDefault();\n\n      const files = images.map((image) => image.file);\n      if (fileIntake) {\n        fileIntake.onPaste(files);\n        return true;\n      }\n      for (const file of files) {\n        void addAttachment(file).catch((error: unknown) => {\n          onAttachmentError?.(\"Couldn’t paste that image.\");\n          athenaDiagnostics.error(\n            \"composer.attachment.error\",\n            error,\n            { code: \"attachment_failed\", message: \"Pasted image upload failed\" },\n            { source: \"paste\", type: file.type },\n          );\n        });\n      }\n      return true;\n    },\n    [addAttachment, fileIntake, onAttachmentError],\n  );\n\n  // Without a host intake the composer attaches dropped images itself; a host\n  // intake without `onDrop` leaves drops to the enclosing drop zone.\n  const addDroppedImages = useCallback(\n    (files: FileList | readonly File[]) => {\n      const images = Array.from(files).filter((file) =>\n        file.type.startsWith(\"image/\"),\n      );\n      if (images.length === 0) return false;\n      if (fileIntake) {\n        if (!fileIntake.onDrop) return false;\n        fileIntake.onDrop(images);\n        return true;\n      }\n      for (const file of images) {\n        void addAttachment(file).catch((error: unknown) => {\n          onAttachmentError?.(\"Couldn’t attach that dropped image.\");\n          athenaDiagnostics.error(\n            \"composer.attachment.error\",\n            error,\n            { code: \"attachment_failed\", message: \"Dropped image upload failed\" },\n            { source: \"drop\", type: file.type },\n          );\n        });\n      }\n      return true;\n    },\n    [addAttachment, fileIntake, onAttachmentError],\n  );\n\n  // Read through a ref: the mention inserter is defined after the editor.\n  const disabledRef = useRef(disabled);\n  disabledRef.current = disabled;\n  const insertAssetMentionRef = useRef<(asset: UploadedChatAsset) => void>(\n    () => {},\n  );\n\n  // A Spaces asset dragged in from Olympus becomes a mention. Without this,\n  // ProseMirror pastes the drag's text — FlexLayout's `--flexlayout--`.\n  const handleAssetDrop = useCallback(\n    (event: DragEvent, view?: EditorView): boolean => {\n      if (disabledRef.current || !event.dataTransfer) return false;\n      const dropped = readAthenaAssetDrop(event.dataTransfer);\n      if (!dropped) return false;\n      event.preventDefault();\n      if (dropped.kind !== \"asset\") return true;\n      const position = view?.posAtCoords({\n        left: event.clientX,\n        top: event.clientY,\n      });\n      if (view) {\n        // A drop outside the text (e.g. on the preview strip) lands at the\n        // end rather than replacing whatever is selected.\n        const { state } = view;\n        view.dispatch(\n          state.tr.setSelection(\n            position\n              ? Selection.near(state.doc.resolve(position.pos))\n              : Selection.atEnd(state.doc),\n          ),\n        );\n      }\n      insertAssetMentionRef.current(dropped.asset);\n      return true;\n    },\n    [],\n  );\n\n  // ProseMirror owns drops that land in the editable surface. The React\n  // wrapper below catches the rest of the composer area; defaultPrevented\n  // keeps one gesture from being attached twice.\n  const handleDrop = useCallback(\n    (view: EditorView, event: DragEvent) => {\n      if (handleAssetDrop(event, view)) return true;\n      const files = event.dataTransfer?.files;\n      if (!files?.length) return false;\n      const handled = addDroppedImages(files);\n      if (handled) event.preventDefault();\n      return handled;\n    },\n    [addDroppedImages, handleAssetDrop],\n  );\n\n  const handleComposerDrop = useCallback(\n    (event: ReactDragEvent<HTMLDivElement>) => {\n      if (event.defaultPrevented) return;\n      if (handleAssetDrop(event.nativeEvent, editorRef.current?.view)) return;\n      if (addDroppedImages(event.dataTransfer.files)) event.preventDefault();\n    },\n    [addDroppedImages, handleAssetDrop],\n  );\n\n  // Read through a ref so a host can change the hint (e.g. while a run is\n  // live) without rebuilding the editor; the effect below repaints it.\n  const placeholderRef = useRef(placeholder);\n  placeholderRef.current = placeholder;\n  const editor = useEditor({\n    editable: !disabled,\n    extensions: [\n      ...createChatTextExtensions(),\n      ComposerDraftWhitespace,\n      Placeholder.configure({ placeholder: () => placeholderRef.current }),\n      MentionSuggestionsExtension.configure({\n        store,\n        callbacks: callbacksRef.current,\n      }),\n      SubmitKeybind.configure({\n        onSubmit: () => void handleSubmitRef.current(),\n        isMentionOpen: () => popupOpenRef.current,\n      }),\n    ],\n    editorProps: {\n      attributes: {\n        class: cn(CHAT_TEXT_CLASS, \"w-full resize-none bg-transparent px-1.5 py-2 outline-none\"),\n        \"data-testid\": \"athena-chat-composer\",\n      },\n      handlePaste,\n      handleDrop,\n    },\n    onUpdate: ({ editor: updatedEditor }) => {\n      const nextText = serializeDraft(updatedEditor);\n      lastEmittedMarkdownRef.current = nextText;\n      if (!applyingRuntimeTextRef.current) {\n        composerInput.setText(nextText);\n      }\n      onDraftStateChange?.(nextText.trim().length > 0);\n\n      if (showImagePreviews) {\n        const mentionedAssetIds = new Set<string>();\n        updatedEditor.state.doc.descendants((node) => {\n          if (\n            node.type.name === \"mention\" &&\n            node.attrs.type === \"asset\" &&\n            typeof node.attrs.id === \"string\"\n          ) {\n            mentionedAssetIds.add(node.attrs.id);\n          }\n        });\n        removeImagePreviews(\n          (preview) =>\n            preview.assetId !== undefined &&\n            !mentionedAssetIds.has(preview.assetId),\n        );\n      }\n    },\n    immediatelyRender: false,\n  });\n\n  // Keep ref in sync so handleSubmit always has the editor\n  editorRef.current = editor;\n\n  useEffect(() => {\n    editor?.setEditable(!disabled);\n  }, [disabled, editor]);\n\n  // The placeholder decoration is recomputed per transaction; an empty one\n  // repaints a changed hint at once.\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    editor.view.dispatch(editor.state.tr.setMeta(\"addToHistory\", false));\n  }, [editor, placeholder]);\n\n  // This rich editor replaces ComposerPrimitive.Input, so it must mirror its\n  // draft into assistant-ui's composer state. Statewire restores that state\n  // when a send is rejected during reconnect, and a host may write to it\n  // (`useAppendToComposer`); mirroring it back into Tiptap — parsed as the\n  // Markdown it was serialized to, mention links included — preserves the\n  // user's message instead of leaving an empty composer. A send this composer\n  // made (its text is verbatim) that comes back to the empty composer soon\n  // after loads the draft it was sent from (`draftForReturnedSend`); any other\n  // value, a host's prefill included, is parsed as Markdown. Our own echo is\n  // skipped on the ref; a restore's re-serialization may differ from the\n  // value byte-for-byte, so the ref takes that form to stop a second pass,\n  // and a returned send already loaded from its draft is not loaded again.\n  useEffect(() => {\n    if (!editor) return;\n    const value = composerInput.value;\n    if (value === lastEmittedMarkdownRef.current) return;\n    if (value === restoredSendRef.current) return;\n    restoredSendRef.current = null;\n    const currentMarkdown = serializeDraft(editor);\n    lastEmittedMarkdownRef.current = currentMarkdown;\n    // Statewire puts a refused send back only into an empty composer.\n    const returnedDraft: string | null = editor.isEmpty\n      ? draftForReturnedSend({ threadId, text: value })\n      : null;\n    const restored = returnedDraft ?? value;\n    if (restored === currentMarkdown) return;\n    // React node views flush their mounts synchronously. Restore outside\n    // React's effect phase, and cancel a restore superseded by a newer draft.\n    let cancelled = false;\n    queueMicrotask(() => {\n      if (cancelled || editor.isDestroyed) return;\n      applyingRuntimeTextRef.current = true;\n      try {\n        editor.commands.setContent(restored, { emitUpdate: false });\n        lastEmittedMarkdownRef.current = serializeDraft(editor);\n        if (returnedDraft !== null) restoredSendRef.current = value;\n      } finally {\n        applyingRuntimeTextRef.current = false;\n      }\n      onDraftStateChange?.(value.trim().length > 0);\n      // A host prefill (`useAppendToComposer(..., { focus: true })`) asked\n      // for the caret after its text: now that the text is on screen.\n      if (handoff?.focusOnNextMirror) {\n        handoff.focusOnNextMirror = false;\n        editor.commands.focus(\"end\");\n      }\n    });\n    return () => { cancelled = true; };\n  }, [composerInput.value, editor, handoff, onDraftStateChange, threadId]);\n\n  // Lets host UI outside the chat place the caret at the end of the draft\n  // (`useAppendToComposer` focus option) without reaching into the DOM.\n  useEffect(() => {\n    if (!editor || !handoff) return;\n    handoff.focusEnd = () => {\n      if (!editor.isDestroyed) editor.commands.focus(\"end\");\n    };\n    // `useFocusComposer` asked before this editor mounted.\n    if (handoff.focusOnMount) {\n      handoff.focusOnMount = false;\n      handoff.focusEnd();\n    }\n    return () => {\n      handoff.focusEnd = null;\n    };\n  }, [editor, handoff]);\n\n  const insertAssetMention = useCallback(\n    (asset: UploadedChatAsset, sourceFile?: File) => {\n      const currentEditor = editorRef.current;\n      if (!currentEditor) throw new Error(\"The chat composer is not ready.\");\n      currentEditor\n        .chain()\n        .focus()\n        .insertContent({\n          type: \"mention\",\n          attrs: {\n            type: \"asset\",\n            name: asset.title,\n            id: asset.id,\n            assetType: asset.assetType,\n            displayAsPreview:\n              showImagePreviews && sourceFile?.type.startsWith(\"image/\"),\n          },\n        })\n        // A text node, not a string: the Markdown extension parses string\n        // content as Markdown, which would drop a lone space.\n        .insertContent({ type: \"text\", text: \" \" })\n        .run();\n\n      if (\n        showImagePreviews &&\n        sourceFile?.type.startsWith(\"image/\") &&\n        typeof URL.createObjectURL === \"function\"\n      ) {\n        const existing = imagePreviewsRef.current.find(\n          (preview) => preview.file === sourceFile,\n        );\n        if (existing) {\n          replaceImagePreviews(\n            imagePreviewsRef.current.map((preview) =>\n              preview.key === existing.key\n                ? { ...preview, assetId: asset.id, name: asset.title }\n                : preview,\n            ),\n          );\n        } else {\n          replaceImagePreviews([\n            ...imagePreviewsRef.current,\n            {\n              key: crypto.randomUUID(),\n              file: sourceFile,\n              name: asset.title,\n              src: URL.createObjectURL(sourceFile),\n              assetId: asset.id,\n            },\n          ]);\n        }\n      }\n    },\n    [replaceImagePreviews, showImagePreviews],\n  );\n  insertAssetMentionRef.current = insertAssetMention;\n\n  const removeImagePreview = useCallback(\n    (preview: ComposerImagePreview) => {\n      if (!preview.assetId) return;\n      const currentEditor = editorRef.current;\n      if (!currentEditor) return;\n      const positions: Array<{ from: number; to: number }> = [];\n      currentEditor.state.doc.descendants((node, position) => {\n        if (\n          node.type.name === \"mention\" &&\n          node.attrs.type === \"asset\" &&\n          node.attrs.id === preview.assetId\n        ) {\n          positions.push({ from: position, to: position + node.nodeSize });\n        }\n      });\n      let transaction = currentEditor.state.tr;\n      for (const position of positions.reverse()) {\n        transaction = transaction.delete(position.from, position.to);\n      }\n      if (transaction.docChanged) currentEditor.view.dispatch(transaction);\n      removeImagePreviews((candidate) => candidate.key === preview.key);\n      currentEditor.commands.focus();\n    },\n    [removeImagePreviews],\n  );\n\n  useEffect(\n    () => registerChatAssetMentionHandler(threadId, insertAssetMention),\n    [insertAssetMention, threadId],\n  );\n\n  const openMentionMenu = useCallback(() => {\n    if (disabled) return;\n    const currentEditor = editorRef.current;\n    if (!currentEditor || currentEditor.isDestroyed) return;\n    if (popupOpenRef.current) {\n      currentEditor.commands.focus();\n      return;\n    }\n    // The suggestion plugin only opens on an `@` that starts a word\n    // (`allowedPrefixes`), so a trigger typed right after text — or after a\n    // mention chip, which `textBetween` reports as its leaf text — gets the\n    // separating space a user would type.\n    const { from } = currentEditor.state.selection;\n    const before =\n      from > 0\n        ? currentEditor.state.doc.textBetween(from - 1, from, \"\\0\", \"\\0\")\n        : \"\";\n    const needsSpace = before.length > 0 && !/[\\s([{\"']/.test(before);\n    currentEditor\n      .chain()\n      .focus()\n      .insertContent({ type: \"text\", text: needsSpace ? \" @\" : \"@\" })\n      .run();\n  }, [disabled]);\n\n  const appendText = useCallback((text: string) => {\n    const currentEditor = editorRef.current;\n    if (currentEditor) appendPlainText(currentEditor, text);\n  }, []);\n\n  const captureSend = useCallback((): ComposerSend | null => {\n    const currentEditor = editorRef.current;\n    return currentEditor && !currentEditor.isDestroyed\n      ? captureComposerSend(currentEditor)\n      : null;\n  }, []);\n\n  useImperativeHandle(\n    outerRef,\n    () => ({\n      submit: handleSubmit,\n      addAttachment,\n      insertAssetMention,\n      openMentionMenu,\n      appendText,\n      captureSend,\n    }),\n    [\n      addAttachment,\n      appendText,\n      captureSend,\n      handleSubmit,\n      insertAssetMention,\n      openMentionMenu,\n    ],\n  );\n\n  return (\n    <>\n      <style>{MENTION_STYLES}</style>\n      <div\n        className={cn(\n          \"athena-chat-composer flex-1 min-w-0\",\n          appearance === \"paper\" && \"athena-chat-composer--paper\",\n          showImagePreviews && \"image-preview-composer\",\n        )}\n        aria-label=\"Message composer\"\n        aria-disabled={disabled}\n        onDragOver={(event) => {\n          const types = Array.from(event.dataTransfer.types);\n          if (\n            types.includes(\"Files\") ||\n            (!disabled && isAthenaAssetDrag(types))\n          ) {\n            event.preventDefault();\n            event.dataTransfer.dropEffect = \"copy\";\n          }\n        }}\n        onDrop={handleComposerDrop}\n      >\n        <ImagePreviewStrip\n          previews={imagePreviews}\n          onRemove={removeImagePreview}\n        />\n        <EditorContent editor={editor} />\n      </div>\n\n      {/* Olympus-style mention popup */}\n      {popupOpen && popupProps && editor && (\n        <MentionSuggestionPopup clientRect={popupProps.clientRect}>\n          <MentionSuggestionList\n            ref={listRef}\n            store={store}\n            editor={editor}\n            query={popupProps.query}\n            command={(item: MenuItem) => popupProps.command(item)}\n            closeMenu={() => {\n              setPopupOpen(false);\n              editor.commands.focus();\n            }}\n          />\n        </MentionSuggestionPopup>\n      )}\n    </>\n  );\n  },\n);\n\nTiptapComposer.displayName = \"TiptapComposer\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tiptap-composer.js","sources":["../../../src/chat-ui/composer/tiptap-composer.tsx"],"sourcesContent":["/**\n * Tiptap Composer — Full Olympus mention system integration\n *\n * Uses the ported Olympus infrastructure:\n * - MentionSuggestionList (with scope navigation, breadcrumbs, keyboard nav)\n * - MentionSuggestionPopup (Floating UI positioning)\n * - MentionSuggestionsExtension (Tiptap @ trigger)\n * - MentionExtension (inline mention chips)\n * - useMentionSuggestions (full Olympus categories + async data)\n *\n * Auth credentials for GraphQL are provided via MentionAuthCtx, and the host\n * app (Chrome side panel, Office task pane, the SDK's AthenaChat) supplies any\n * host-only mention items — browser tabs through `webpages`, its own Tools /\n * Toolkits list through `tools`.\n *\n * The draft serializes to Markdown through `tiptap-markdown`, so pasted\n * hyperlinks keep their URL, formatting marks survive, paragraphs stay\n * separated, and a mention is the `[@Name](url)` link the message renderer\n * parses back into a chip. Send delivers that Markdown with every plain-text\n * run written exactly as typed (`serializeComposerMessage`), as the Olympus\n * chat composer does, and the message carries the draft it was sent from\n * (`metadata.composer_markdown`, only when the two differ) so its bubble\n * shows the text exactly as typed.\n */\n\nimport { athenaDiagnostics } from \"../../diagnostics/athena-diagnostics\";\nimport {\n  clipboardHasMeaningfulText,\n  extractPastedImages,\n  extractPastedNonImageFiles,\n  isImageFile,\n} from \"../../composer/clipboard\";\nimport {\n  useRef,\n  useState,\n  useCallback,\n  useEffect,\n  forwardRef,\n  useImperativeHandle,\n  type DragEvent as ReactDragEvent,\n} from \"react\";\nimport { useEditor, EditorContent } from \"@tiptap/react\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport { Extension, type Editor } from \"@tiptap/core\";\nimport { unstable_useComposerInput, useAui } from \"@assistant-ui/react\";\nimport { useComposerHandoffStore } from \"../../composer/composer-handoff\";\nimport { LoaderCircleIcon, XIcon } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\";\nimport { CHAT_TEXT_CLASS, createChatTextExtensions } from \"../rich-text/chat-text-schema\";\nimport {\n  MentionSuggestionsExtension,\n  type MentionSuggestionCallbacks,\n  type MentionSuggestionRenderProps,\n} from \"../mentions/suggestions/mention-suggestions.extension\";\nimport { MentionSuggestionPopup } from \"../mentions/suggestions/components/mention-suggestion-popup\";\nimport {\n  MentionSuggestionList,\n} from \"../mentions/suggestions/components/mention-suggestion-list\";\nimport {\n  useMentionSuggestions,\n  type MentionRootCategory,\n} from \"../mentions/suggestions/data/use-mention-suggestions\";\nimport type {\n  MentionTool,\n  MenuItem,\n  WebpageMention,\n} from \"../mentions/suggestions/data/types\";\nimport type { KeyboardNavigationHandle } from \"../mentions/suggestions/components/use-keyboard-navigation\";\nimport { Selection } from \"@tiptap/pm/state\";\nimport type { EditorView } from \"@tiptap/pm/view\";\nimport {\n  isAthenaAssetDrag,\n  readAthenaAssetDrop,\n  registerChatAssetMentionHandler,\n  type UploadedChatAsset,\n} from \"@athenaintel/agent-runtime\";\nimport {\n  captureComposerSend,\n  ComposerDraftWhitespace,\n  type ComposerSend,\n  draftForReturnedSend,\n  prepareComposerSend,\n  serializeComposerDraft,\n} from \"./composer-message\";\nimport { PendingAttachmentUploads } from \"./pending-attachment-uploads\";\nimport { runInputRulesOnEnter } from \"./run-input-rules-on-enter\";\n\n// ── Submit keybind extension ──\n\nconst SubmitKeybind = Extension.create<{ onSubmit: () => void; isMentionOpen: () => boolean }>({\n  name: \"submitKeybind\",\n  priority: 1000,\n  addOptions() {\n    return { onSubmit: () => {}, isMentionOpen: () => false };\n  },\n  addKeyboardShortcuts() {\n    return {\n      Enter: () => {\n        // Don't submit when the mention popup is open — let it handle Enter\n        if (this.options.isMentionOpen()) return false;\n        // A typed \"1.\" or \"-\" starts a list rather than sending.\n        if (runInputRulesOnEnter(this.editor)) return true;\n        // Let the schema's keymaps continue lists, insert code newlines, and\n        // split paragraphs inside structured blocks, as in the web composer.\n        if ([\"listItem\", \"taskItem\", \"codeBlock\", \"table\", \"blockquote\"].some(\n          (node) => this.editor.isActive(node),\n        )) return false;\n        this.options.onSubmit();\n        return true;\n      },\n      \"Shift-Enter\": () => {\n        return this.editor.commands.newlineInCode() || this.editor.commands.setHardBreak();\n      },\n    };\n  },\n});\n\n// ── CSS for mention chips + editor ──\n\nconst MENTION_STYLES = `\n  .image-preview-composer .mention-chip[data-display-as-preview=\"true\"] {\n    display: none;\n  }\n  /* Scoped to this editor: hosts render other ProseMirror instances on the\n     same page (AthenaChat's message renderer), which must keep their own\n     height and placeholder rules. */\n  .athena-chat-composer .ProseMirror {\n    outline: none;\n    min-height: 36px;\n    max-height: 120px;\n    overflow-y: auto;\n  }\n  .athena-chat-composer .ProseMirror p.is-editor-empty:first-child::before {\n    content: attr(data-placeholder);\n    float: left;\n    color: #9ca3af;\n    pointer-events: none;\n    height: 0;\n  }\n  /* The paper appearance (the SDK thread): a taller resting height, room for\n     about eight lines before the draft scrolls, and a placeholder at 35% of\n     the text colour. Same specificity as the rules above, so order decides. */\n  .athena-chat-composer--paper .ProseMirror {\n    min-height: 44px;\n    max-height: 12rem;\n  }\n  .athena-chat-composer--paper .ProseMirror p.is-editor-empty:first-child::before {\n    color: color-mix(in srgb, currentColor 35%, transparent);\n  }\n`;\n\n/**\n * The editor's look. `default` is what the Chrome extension and Office add-in\n * render; `paper` pairs with `ChatComposerDock appearance=\"paper\"`.\n */\nexport type TiptapComposerAppearance = \"default\" | \"paper\";\n\n/**\n * The draft as Markdown, mentions as `[@Name](url)` links: what the composer\n * mirrors into the composer runtime and parses back on a restore\n * (`serializeComposerDraft`, which reads back into the same document). Send\n * delivers it with plain text written as typed (`serializeComposerMessage`).\n */\nexport function serializeDraft(editor: Editor): string {\n  return serializeComposerDraft(editor);\n}\n\n/**\n * Append `text` to the editor's draft as typed plain text — never read as\n * Markdown — one space after any text already on the last line, the way a\n * dictated phrase joins the draft. Returns whether anything was added.\n */\nfunction appendPlainText(editor: Editor, text: string): boolean {\n  const words = text.trim();\n  if (!words || editor.isDestroyed) return false;\n  const end = Selection.atEnd(editor.state.doc);\n  const before = end.$from.nodeBefore;\n  const needsSpace =\n    before !== null &&\n    before.type.name !== \"hardBreak\" &&\n    !(before.isText && /\\s$/.test(before.text ?? \"\"));\n  editor\n    .chain()\n    .setTextSelection(end.from)\n    // A text node, not a string: the Markdown extension parses string content\n    // as Markdown, which would turn spoken words into formatting.\n    .insertContent({ type: \"text\", text: needsSpace ? ` ${words}` : words })\n    .run();\n  return true;\n}\n\n/**\n * A host's own intake for the files pasted into or dropped on the composer\n * (AthenaChat uploads them into its attachment pills). Without `onDrop` the\n * composer leaves drops untouched so an enclosing drop zone receives them.\n */\nexport interface ComposerFileIntake {\n  onPaste: (files: readonly File[]) => void;\n  onDrop?: (files: readonly File[]) => void;\n}\n\n// ── Main component ──\n\nexport interface TiptapComposerHandle {\n  submit: () => Promise<void>;\n  addAttachment: (file: File) => Promise<void>;\n  insertAssetMention: (asset: UploadedChatAsset) => void;\n  /**\n   * Focuses the editor and types the `@` trigger at the caret (after a space\n   * when the caret follows a word), opening the mention menu — the toolbar's\n   * `@` button. A no-op while the editor is disabled or the menu is open.\n   * Optional on the type so hosts' handle stand-ins written before it keep\n   * type-checking; the composer itself always provides it.\n   */\n  openMentionMenu?: () => void;\n  /**\n   * Appends `text` to the draft as typed plain text, never read as Markdown,\n   * one space after any text on the draft's last line — how dictated words\n   * join the draft. Optional on the type, like `openMentionMenu`.\n   */\n  appendText?: (text: string) => void;\n  /**\n   * The draft as a send would deliver it — `text` with plain text exactly as\n   * typed, `draftMarkdown` the same document as Markdown that reads back into\n   * it — or `null` before the editor mounts. For a host that sends the draft\n   * itself (AthenaChat's dictated send) through `prepareComposerSend`.\n   */\n  captureSend?: () => ComposerSend | null;\n}\n\nexport interface TiptapComposerProps {\n  placeholder?: string;\n  threadId: string;\n  disabled?: boolean;\n  /** Editor look; defaults to the side-panel / task-pane editor. */\n  appearance?: TiptapComposerAppearance;\n  /** Host-provided browser-tab mentions; empty in hosts without tab access. */\n  webpages?: readonly WebpageMention[];\n  /**\n   * Host-provided Tools / Toolkits mention candidates. When set they replace\n   * the server tool catalog for those categories (see `useMentionSuggestions`).\n   */\n  tools?: readonly MentionTool[];\n  rootCategories?: readonly MentionRootCategory[];\n  onDraftStateChange?: (hasDraft: boolean) => void;\n  /** Show local image thumbnails while mention-backed uploads are in the draft. */\n  showImagePreviews?: boolean;\n  /**\n   * Paste and drop attach files of any type, as Olympus's composer does.\n   * Off by default: those hosts attach pasted or dropped images only.\n   */\n  attachAnyFile?: boolean;\n  /** Surface paste/drop attachment failures in host UI as well as diagnostics. */\n  onAttachmentError?: (message: string) => void;\n  /**\n   * Host-owned intake for pasted and dropped files. Without it the composer\n   * attaches them itself through `aui.composer.addAttachment`.\n   */\n  fileIntake?: ComposerFileIntake;\n  /**\n   * Awaited before every submit (Enter and the imperative handle), after the\n   * composer's own pending uploads have settled: a host whose uploads live\n   * outside the composer (AthenaChat's attachment pills) resolves once they\n   * land, so a send never leaves without its attachment.\n   */\n  waitForHostUploads?: () => Promise<void> | void;\n  /**\n   * Optional submit interception: called with the serialized draft — possibly\n   * empty, for a host composing its own extras into the send — before the\n   * composer-runtime send. Return `true` when the host consumed the draft\n   * through another lane (e.g. a live voice session) — the editor clears and\n   * the normal send is skipped. Return `false` to fall through unchanged.\n   * `text` is plain text written exactly as typed (what the model should\n   * read); `draftMarkdown` is the same draft with plain text escaped for\n   * Markdown (`serializeComposerDraft`), for a host that sends the message\n   * itself: `prepareComposerSend` remembers it, so a send handed back loads\n   * exactly, and puts it on the message as its composer markdown.\n   */\n  interceptSubmit?: (text: string, draftMarkdown: string) => boolean | Promise<boolean>;\n  /**\n   * Called after a draft has left the editor — through the composer-runtime\n   * send or a host interception — from Enter and the imperative handle alike.\n   * Hosts use it for per-send UI such as a first-use keyboard hint.\n   */\n  onSubmitted?: () => void;\n}\n\nconst NO_WEBPAGES: readonly WebpageMention[] = [];\n\ninterface ComposerImagePreview {\n  key: string;\n  file: File;\n  name: string;\n  src: string;\n  assetId?: string;\n}\n\nfunction revokeImagePreview(src: string): void {\n  if (typeof URL.revokeObjectURL === \"function\") URL.revokeObjectURL(src);\n}\n\nfunction ImagePreviewStrip({\n  previews,\n  onRemove,\n}: {\n  previews: readonly ComposerImagePreview[];\n  onRemove: (preview: ComposerImagePreview) => void;\n}) {\n  if (previews.length === 0) return null;\n\n  return (\n    <div\n      className=\"flex w-full gap-2 overflow-x-auto px-1.5 pb-1 pt-1.5\"\n      role=\"list\"\n      aria-label=\"Image attachments\"\n    >\n      {previews.map((preview) => {\n        const uploading = preview.assetId === undefined;\n        return (\n          <div\n            key={preview.key}\n            className=\"group relative h-16 w-[clamp(76px,30vw,112px)] shrink-0 overflow-hidden rounded-lg border border-neutral-200 bg-neutral-100 shadow-sm\"\n            role=\"listitem\"\n          >\n            <img\n              src={preview.src}\n              alt={preview.name}\n              className=\"size-full object-cover\"\n            />\n            <div className=\"absolute inset-x-0 bottom-0 truncate bg-gradient-to-t from-black/75 to-transparent px-1.5 pb-1 pt-4 text-[10px] font-medium text-white\">\n              {preview.name}\n            </div>\n            {uploading ? (\n              <span\n                className=\"absolute left-1 top-1 inline-flex size-5 items-center justify-center rounded-full bg-black/65 text-white\"\n                title=\"Uploading image\"\n              >\n                <LoaderCircleIcon className=\"size-3 animate-spin\" />\n              </span>\n            ) : (\n              <button\n                type=\"button\"\n                onClick={() => onRemove(preview)}\n                className=\"absolute right-1 top-1 inline-flex size-5 items-center justify-center rounded-full bg-black/65 text-white opacity-80 transition-opacity hover:bg-black/80 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white\"\n                aria-label={`Remove ${preview.name}`}\n                title=\"Remove image\"\n              >\n                <XIcon className=\"size-3\" />\n              </button>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport const TiptapComposer = forwardRef<\n  TiptapComposerHandle,\n  TiptapComposerProps\n>(\n  (\n    {\n      placeholder = \"Message Athena... (type @ to mention)\",\n      threadId,\n      disabled = false,\n      appearance = \"default\",\n      webpages = NO_WEBPAGES,\n      tools,\n      rootCategories,\n      onDraftStateChange,\n      showImagePreviews = false,\n      attachAnyFile = false,\n      onAttachmentError,\n      fileIntake,\n      waitForHostUploads,\n      interceptSubmit,\n      onSubmitted,\n    },\n    outerRef,\n  ) => {\n  const aui = useAui();\n  const composerInput = unstable_useComposerInput();\n  const handoff = useComposerHandoffStore();\n  const applyingRuntimeTextRef = useRef(false);\n  // What this editor last mirrored into the composer runtime; a value equal to\n  // it is our own echo and needs no re-serialization or restore.\n  const lastEmittedMarkdownRef = useRef<string | null>(null);\n  // The returned send last loaded from its draft: the runtime still holds its\n  // verbatim text, which must not be parsed over the draft on a later pass.\n  const restoredSendRef = useRef<string | null>(null);\n  const listRef = useRef<KeyboardNavigationHandle>(null);\n  const pendingUploadsRef = useRef(new PendingAttachmentUploads());\n  const submitInFlightRef = useRef(false);\n  const imagePreviewsRef = useRef<ComposerImagePreview[]>([]);\n  const [imagePreviews, setImagePreviews] = useState<ComposerImagePreview[]>([]);\n\n  const replaceImagePreviews = useCallback((next: ComposerImagePreview[]) => {\n    imagePreviewsRef.current = next;\n    setImagePreviews(next);\n  }, []);\n\n  const removeImagePreviews = useCallback(\n    (shouldRemove: (preview: ComposerImagePreview) => boolean) => {\n      const kept: ComposerImagePreview[] = [];\n      let removed = false;\n      for (const preview of imagePreviewsRef.current) {\n        if (shouldRemove(preview)) {\n          revokeImagePreview(preview.src);\n          removed = true;\n        } else kept.push(preview);\n      }\n      if (removed) replaceImagePreviews(kept);\n    },\n    [replaceImagePreviews],\n  );\n\n  const clearImagePreviews = useCallback(() => {\n    removeImagePreviews(() => true);\n  }, [removeImagePreviews]);\n\n  useEffect(() => clearImagePreviews(), [clearImagePreviews, threadId]);\n  useEffect(\n    () => () => {\n      for (const preview of imagePreviewsRef.current) {\n        revokeImagePreview(preview.src);\n      }\n      imagePreviewsRef.current = [];\n    },\n    [],\n  );\n\n  const { store } = useMentionSuggestions({ webpages, tools, rootCategories });\n\n  // Popup state\n  const [popupOpen, setPopupOpen] = useState(false);\n  const popupOpenRef = useRef(false);\n  const [popupProps, setPopupProps] = useState<MentionSuggestionRenderProps | null>(null);\n\n  // Suggestion callbacks — drive the popup lifecycle\n  const callbacksRef = useRef<MentionSuggestionCallbacks>({\n    onStart: (props) => {\n      setPopupOpen(true);\n      popupOpenRef.current = true;\n      setPopupProps(props);\n    },\n    onUpdate: (props) => {\n      setPopupProps(props);\n    },\n    onKeyDown: (event) => {\n      // Route keyboard events to the MentionSuggestionList\n      return listRef.current?.onKeyDown(event) ?? false;\n    },\n    onExit: () => {\n      setPopupOpen(false);\n      popupOpenRef.current = false;\n      setPopupProps(null);\n    },\n  });\n\n  // Editor ref — needed because handleSubmit is created before useEditor returns\n  const editorRef = useRef<ReturnType<typeof useEditor>>(null);\n\n  // Submit via composer runtime so attachments (screenshots, files) are included.\n  // aui.composer.setText() + aui.composer.send() bundles text + pending attachments.\n  //\n  // Statewire turns a send during an active run into a queued command. Do not\n  // cancel first: cancellation aborts the shared run for every connected\n  // client and turns a normal queued follow-up into a destructive stop.\n  const handleSubmit = useCallback(async () => {\n    if (disabled) return;\n    if (submitInFlightRef.current) return;\n    submitInFlightRef.current = true;\n    try {\n      await pendingUploadsRef.current.waitForIdle();\n      await waitForHostUploads?.();\n      const ed = editorRef.current;\n      if (!ed) return;\n      // The model reads the sent text literally, so plain text goes out\n      // exactly as typed; the draft keeps its Markdown escaping.\n      const { text, draftMarkdown } = captureComposerSend(ed);\n\n      // Interception carries TEXT only: a draft with pending attachments\n      // (screenshots, files) must ride the composer-runtime send that\n      // bundles them, or the attachments would silently vanish. Attachment\n      // state is read only when a host actually intercepts. It runs before\n      // the empty check because a host may compose extras of its own into\n      // an otherwise empty draft (AthenaChat's quote and attachment pills).\n      if (interceptSubmit) {\n        const hasAttachments =\n          (aui.composer.getState().attachments?.length ?? 0) > 0;\n        if (!hasAttachments && (await interceptSubmit(text, draftMarkdown))) {\n          ed.commands.clearContent(false);\n          clearImagePreviews();\n          onDraftStateChange?.(false);\n          onSubmitted?.();\n          return;\n        }\n      }\n\n      if (!text) return;\n      if (!composerInput.canSend) return;\n\n      // A send statewire hands back (refused during a reconnect) is restored\n      // from the draft it was sent from, not parsed from its verbatim text;\n      // the message carries that draft so its bubble shows it as typed.\n      prepareComposerSend({ threadId, text, draftMarkdown });\n      composerInput.setText(text);\n      composerInput.send({ steer: false });\n\n      ed.commands.clearContent(false);\n      clearImagePreviews();\n      onDraftStateChange?.(false);\n      onSubmitted?.();\n    } finally {\n      submitInFlightRef.current = false;\n    }\n  }, [\n    clearImagePreviews,\n    composerInput,\n    disabled,\n    interceptSubmit,\n    onDraftStateChange,\n    onSubmitted,\n    threadId,\n    waitForHostUploads,\n  ]);\n\n  const handleSubmitRef = useRef(handleSubmit);\n  handleSubmitRef.current = handleSubmit;\n\n  const addAttachment = useCallback(\n    (file: File) => {\n      let previewKey: string | undefined;\n      if (\n        showImagePreviews &&\n        file.type.startsWith(\"image/\") &&\n        typeof URL.createObjectURL === \"function\"\n      ) {\n        previewKey = crypto.randomUUID();\n        replaceImagePreviews([\n          ...imagePreviewsRef.current,\n          {\n            key: previewKey,\n            file,\n            name: file.name || \"Pasted image\",\n            src: URL.createObjectURL(file),\n          },\n        ]);\n      }\n\n      return pendingUploadsRef.current\n        .track(aui.composer.addAttachment(file))\n        .catch((error: unknown) => {\n          if (previewKey) {\n            removeImagePreviews((preview) => preview.key === previewKey);\n          }\n          throw error;\n        });\n    },\n    [aui, removeImagePreviews, replaceImagePreviews, showImagePreviews],\n  );\n\n  // Handle paste events — intercept images from clipboard and add as attachments\n  const handlePaste = useCallback(\n    (_view: unknown, event: ClipboardEvent) => {\n      const clipboardData = event.clipboardData;\n      if (!clipboardData) return false;\n\n      const images = extractPastedImages({ clipboardData });\n      const otherFiles = attachAnyFile\n        ? extractPastedNonImageFiles({ clipboardData })\n        : [];\n      if (images.length === 0 && otherFiles.length === 0) return false;\n      // Office and spreadsheet copies put the cells' text beside a bitmap of\n      // them: the text is what the user copied, so the editor's native paste\n      // keeps it and the incidental screenshot is left alone. A copied image\n      // file's own name (Finder, Explorer) is not such text. Only a bitmap\n      // competes with text; a copied document is the thing being pasted.\n      if (\n        otherFiles.length === 0 &&\n        clipboardHasMeaningfulText({\n          clipboardData,\n          pastedFileNames: images.map((image) => image.originalName),\n        })\n      ) {\n        return false;\n      }\n      event.preventDefault();\n\n      const files = [...images.map((image) => image.file), ...otherFiles];\n      if (fileIntake) {\n        fileIntake.onPaste(files);\n        return true;\n      }\n      for (const file of files) {\n        void addAttachment(file).catch((error: unknown) => {\n          onAttachmentError?.(\n            isImageFile(file)\n              ? \"Couldn’t paste that image.\"\n              : \"Couldn’t paste that file.\",\n          );\n          athenaDiagnostics.error(\n            \"composer.attachment.error\",\n            error,\n            { code: \"attachment_failed\", message: \"Pasted file upload failed\" },\n            { source: \"paste\", type: file.type },\n          );\n        });\n      }\n      return true;\n    },\n    [addAttachment, attachAnyFile, fileIntake, onAttachmentError],\n  );\n\n  // Without a host intake the composer attaches dropped files itself; a host\n  // intake without `onDrop` leaves drops to the enclosing drop zone.\n  const addDroppedFiles = useCallback(\n    (files: FileList | readonly File[]) => {\n      const attachable = Array.from(files).filter(\n        (file) => attachAnyFile || isImageFile(file),\n      );\n      if (attachable.length === 0) return false;\n      if (fileIntake) {\n        if (!fileIntake.onDrop) return false;\n        fileIntake.onDrop(attachable);\n        return true;\n      }\n      for (const file of attachable) {\n        void addAttachment(file).catch((error: unknown) => {\n          onAttachmentError?.(\n            isImageFile(file)\n              ? \"Couldn’t attach that dropped image.\"\n              : \"Couldn’t attach that dropped file.\",\n          );\n          athenaDiagnostics.error(\n            \"composer.attachment.error\",\n            error,\n            { code: \"attachment_failed\", message: \"Dropped file upload failed\" },\n            { source: \"drop\", type: file.type },\n          );\n        });\n      }\n      return true;\n    },\n    [addAttachment, attachAnyFile, fileIntake, onAttachmentError],\n  );\n\n  // Read through a ref: the mention inserter is defined after the editor.\n  const disabledRef = useRef(disabled);\n  disabledRef.current = disabled;\n  const insertAssetMentionRef = useRef<(asset: UploadedChatAsset) => void>(\n    () => {},\n  );\n\n  // A Spaces asset dragged in from Olympus becomes a mention. Without this,\n  // ProseMirror pastes the drag's text — FlexLayout's `--flexlayout--`.\n  const handleAssetDrop = useCallback(\n    (event: DragEvent, view?: EditorView): boolean => {\n      if (disabledRef.current || !event.dataTransfer) return false;\n      const dropped = readAthenaAssetDrop(event.dataTransfer);\n      if (!dropped) return false;\n      event.preventDefault();\n      if (dropped.kind !== \"asset\") return true;\n      const position = view?.posAtCoords({\n        left: event.clientX,\n        top: event.clientY,\n      });\n      if (view) {\n        // A drop outside the text (e.g. on the preview strip) lands at the\n        // end rather than replacing whatever is selected.\n        const { state } = view;\n        view.dispatch(\n          state.tr.setSelection(\n            position\n              ? Selection.near(state.doc.resolve(position.pos))\n              : Selection.atEnd(state.doc),\n          ),\n        );\n      }\n      insertAssetMentionRef.current(dropped.asset);\n      return true;\n    },\n    [],\n  );\n\n  // ProseMirror owns drops that land in the editable surface. The React\n  // wrapper below catches the rest of the composer area; defaultPrevented\n  // keeps one gesture from being attached twice.\n  const handleDrop = useCallback(\n    (view: EditorView, event: DragEvent) => {\n      if (handleAssetDrop(event, view)) return true;\n      const files = event.dataTransfer?.files;\n      if (!files?.length) return false;\n      const handled = addDroppedFiles(files);\n      if (handled) event.preventDefault();\n      return handled;\n    },\n    [addDroppedFiles, handleAssetDrop],\n  );\n\n  const handleComposerDrop = useCallback(\n    (event: ReactDragEvent<HTMLDivElement>) => {\n      if (event.defaultPrevented) return;\n      if (handleAssetDrop(event.nativeEvent, editorRef.current?.view)) return;\n      if (addDroppedFiles(event.dataTransfer.files)) event.preventDefault();\n    },\n    [addDroppedFiles, handleAssetDrop],\n  );\n\n  // Read through a ref so a host can change the hint (e.g. while a run is\n  // live) without rebuilding the editor; the effect below repaints it.\n  const placeholderRef = useRef(placeholder);\n  placeholderRef.current = placeholder;\n  const editor = useEditor({\n    editable: !disabled,\n    extensions: [\n      ...createChatTextExtensions(),\n      ComposerDraftWhitespace,\n      Placeholder.configure({ placeholder: () => placeholderRef.current }),\n      MentionSuggestionsExtension.configure({\n        store,\n        callbacks: callbacksRef.current,\n      }),\n      SubmitKeybind.configure({\n        onSubmit: () => void handleSubmitRef.current(),\n        isMentionOpen: () => popupOpenRef.current,\n      }),\n    ],\n    editorProps: {\n      attributes: {\n        class: cn(CHAT_TEXT_CLASS, \"w-full resize-none bg-transparent px-1.5 py-2 outline-none\"),\n        \"data-testid\": \"athena-chat-composer\",\n      },\n      handlePaste,\n      handleDrop,\n    },\n    onUpdate: ({ editor: updatedEditor }) => {\n      const nextText = serializeDraft(updatedEditor);\n      lastEmittedMarkdownRef.current = nextText;\n      if (!applyingRuntimeTextRef.current) {\n        composerInput.setText(nextText);\n      }\n      onDraftStateChange?.(nextText.trim().length > 0);\n\n      if (showImagePreviews) {\n        const mentionedAssetIds = new Set<string>();\n        updatedEditor.state.doc.descendants((node) => {\n          if (\n            node.type.name === \"mention\" &&\n            node.attrs.type === \"asset\" &&\n            typeof node.attrs.id === \"string\"\n          ) {\n            mentionedAssetIds.add(node.attrs.id);\n          }\n        });\n        removeImagePreviews(\n          (preview) =>\n            preview.assetId !== undefined &&\n            !mentionedAssetIds.has(preview.assetId),\n        );\n      }\n    },\n    immediatelyRender: false,\n  });\n\n  // Keep ref in sync so handleSubmit always has the editor\n  editorRef.current = editor;\n\n  useEffect(() => {\n    editor?.setEditable(!disabled);\n  }, [disabled, editor]);\n\n  // The placeholder decoration is recomputed per transaction; an empty one\n  // repaints a changed hint at once.\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    editor.view.dispatch(editor.state.tr.setMeta(\"addToHistory\", false));\n  }, [editor, placeholder]);\n\n  // This rich editor replaces ComposerPrimitive.Input, so it must mirror its\n  // draft into assistant-ui's composer state. Statewire restores that state\n  // when a send is rejected during reconnect, and a host may write to it\n  // (`useAppendToComposer`); mirroring it back into Tiptap — parsed as the\n  // Markdown it was serialized to, mention links included — preserves the\n  // user's message instead of leaving an empty composer. A send this composer\n  // made (its text is verbatim) that comes back to the empty composer soon\n  // after loads the draft it was sent from (`draftForReturnedSend`); any other\n  // value, a host's prefill included, is parsed as Markdown. Our own echo is\n  // skipped on the ref; a restore's re-serialization may differ from the\n  // value byte-for-byte, so the ref takes that form to stop a second pass,\n  // and a returned send already loaded from its draft is not loaded again.\n  useEffect(() => {\n    if (!editor) return;\n    const value = composerInput.value;\n    if (value === lastEmittedMarkdownRef.current) return;\n    if (value === restoredSendRef.current) return;\n    restoredSendRef.current = null;\n    const currentMarkdown = serializeDraft(editor);\n    lastEmittedMarkdownRef.current = currentMarkdown;\n    // Statewire puts a refused send back only into an empty composer.\n    const returnedDraft: string | null = editor.isEmpty\n      ? draftForReturnedSend({ threadId, text: value })\n      : null;\n    const restored = returnedDraft ?? value;\n    if (restored === currentMarkdown) return;\n    // React node views flush their mounts synchronously. Restore outside\n    // React's effect phase, and cancel a restore superseded by a newer draft.\n    let cancelled = false;\n    queueMicrotask(() => {\n      if (cancelled || editor.isDestroyed) return;\n      applyingRuntimeTextRef.current = true;\n      try {\n        editor.commands.setContent(restored, { emitUpdate: false });\n        lastEmittedMarkdownRef.current = serializeDraft(editor);\n        if (returnedDraft !== null) restoredSendRef.current = value;\n      } finally {\n        applyingRuntimeTextRef.current = false;\n      }\n      onDraftStateChange?.(value.trim().length > 0);\n      // A host prefill (`useAppendToComposer(..., { focus: true })`) asked\n      // for the caret after its text: now that the text is on screen.\n      if (handoff?.focusOnNextMirror) {\n        handoff.focusOnNextMirror = false;\n        editor.commands.focus(\"end\");\n      }\n    });\n    return () => { cancelled = true; };\n  }, [composerInput.value, editor, handoff, onDraftStateChange, threadId]);\n\n  // Lets host UI outside the chat place the caret at the end of the draft\n  // (`useAppendToComposer` focus option) without reaching into the DOM.\n  useEffect(() => {\n    if (!editor || !handoff) return;\n    handoff.focusEnd = () => {\n      if (!editor.isDestroyed) editor.commands.focus(\"end\");\n    };\n    // `useFocusComposer` asked before this editor mounted.\n    if (handoff.focusOnMount) {\n      handoff.focusOnMount = false;\n      handoff.focusEnd();\n    }\n    return () => {\n      handoff.focusEnd = null;\n    };\n  }, [editor, handoff]);\n\n  const insertAssetMention = useCallback(\n    (asset: UploadedChatAsset, sourceFile?: File) => {\n      const currentEditor = editorRef.current;\n      if (!currentEditor) throw new Error(\"The chat composer is not ready.\");\n      currentEditor\n        .chain()\n        .focus()\n        .insertContent({\n          type: \"mention\",\n          attrs: {\n            type: \"asset\",\n            name: asset.title,\n            id: asset.id,\n            assetType: asset.assetType,\n            displayAsPreview:\n              showImagePreviews && sourceFile?.type.startsWith(\"image/\"),\n          },\n        })\n        // A text node, not a string: the Markdown extension parses string\n        // content as Markdown, which would drop a lone space.\n        .insertContent({ type: \"text\", text: \" \" })\n        .run();\n\n      if (\n        showImagePreviews &&\n        sourceFile?.type.startsWith(\"image/\") &&\n        typeof URL.createObjectURL === \"function\"\n      ) {\n        const existing = imagePreviewsRef.current.find(\n          (preview) => preview.file === sourceFile,\n        );\n        if (existing) {\n          replaceImagePreviews(\n            imagePreviewsRef.current.map((preview) =>\n              preview.key === existing.key\n                ? { ...preview, assetId: asset.id, name: asset.title }\n                : preview,\n            ),\n          );\n        } else {\n          replaceImagePreviews([\n            ...imagePreviewsRef.current,\n            {\n              key: crypto.randomUUID(),\n              file: sourceFile,\n              name: asset.title,\n              src: URL.createObjectURL(sourceFile),\n              assetId: asset.id,\n            },\n          ]);\n        }\n      }\n    },\n    [replaceImagePreviews, showImagePreviews],\n  );\n  insertAssetMentionRef.current = insertAssetMention;\n\n  const removeImagePreview = useCallback(\n    (preview: ComposerImagePreview) => {\n      if (!preview.assetId) return;\n      const currentEditor = editorRef.current;\n      if (!currentEditor) return;\n      const positions: Array<{ from: number; to: number }> = [];\n      currentEditor.state.doc.descendants((node, position) => {\n        if (\n          node.type.name === \"mention\" &&\n          node.attrs.type === \"asset\" &&\n          node.attrs.id === preview.assetId\n        ) {\n          positions.push({ from: position, to: position + node.nodeSize });\n        }\n      });\n      let transaction = currentEditor.state.tr;\n      for (const position of positions.reverse()) {\n        transaction = transaction.delete(position.from, position.to);\n      }\n      if (transaction.docChanged) currentEditor.view.dispatch(transaction);\n      removeImagePreviews((candidate) => candidate.key === preview.key);\n      currentEditor.commands.focus();\n    },\n    [removeImagePreviews],\n  );\n\n  useEffect(\n    () => registerChatAssetMentionHandler(threadId, insertAssetMention),\n    [insertAssetMention, threadId],\n  );\n\n  const openMentionMenu = useCallback(() => {\n    if (disabled) return;\n    const currentEditor = editorRef.current;\n    if (!currentEditor || currentEditor.isDestroyed) return;\n    if (popupOpenRef.current) {\n      currentEditor.commands.focus();\n      return;\n    }\n    // The suggestion plugin only opens on an `@` that starts a word\n    // (`allowedPrefixes`), so a trigger typed right after text — or after a\n    // mention chip, which `textBetween` reports as its leaf text — gets the\n    // separating space a user would type.\n    const { from } = currentEditor.state.selection;\n    const before =\n      from > 0\n        ? currentEditor.state.doc.textBetween(from - 1, from, \"\\0\", \"\\0\")\n        : \"\";\n    const needsSpace = before.length > 0 && !/[\\s([{\"']/.test(before);\n    currentEditor\n      .chain()\n      .focus()\n      .insertContent({ type: \"text\", text: needsSpace ? \" @\" : \"@\" })\n      .run();\n  }, [disabled]);\n\n  const appendText = useCallback((text: string) => {\n    const currentEditor = editorRef.current;\n    if (currentEditor) appendPlainText(currentEditor, text);\n  }, []);\n\n  const captureSend = useCallback((): ComposerSend | null => {\n    const currentEditor = editorRef.current;\n    return currentEditor && !currentEditor.isDestroyed\n      ? captureComposerSend(currentEditor)\n      : null;\n  }, []);\n\n  useImperativeHandle(\n    outerRef,\n    () => ({\n      submit: handleSubmit,\n      addAttachment,\n      insertAssetMention,\n      openMentionMenu,\n      appendText,\n      captureSend,\n    }),\n    [\n      addAttachment,\n      appendText,\n      captureSend,\n      handleSubmit,\n      insertAssetMention,\n      openMentionMenu,\n    ],\n  );\n\n  return (\n    <>\n      <style>{MENTION_STYLES}</style>\n      <div\n        className={cn(\n          \"athena-chat-composer flex-1 min-w-0\",\n          appearance === \"paper\" && \"athena-chat-composer--paper\",\n          showImagePreviews && \"image-preview-composer\",\n        )}\n        aria-label=\"Message composer\"\n        aria-disabled={disabled}\n        onDragOver={(event) => {\n          const types = Array.from(event.dataTransfer.types);\n          if (\n            types.includes(\"Files\") ||\n            (!disabled && isAthenaAssetDrag(types))\n          ) {\n            event.preventDefault();\n            event.dataTransfer.dropEffect = \"copy\";\n          }\n        }}\n        onDrop={handleComposerDrop}\n      >\n        <ImagePreviewStrip\n          previews={imagePreviews}\n          onRemove={removeImagePreview}\n        />\n        <EditorContent editor={editor} />\n      </div>\n\n      {/* Olympus-style mention popup */}\n      {popupOpen && popupProps && editor && (\n        <MentionSuggestionPopup clientRect={popupProps.clientRect}>\n          <MentionSuggestionList\n            ref={listRef}\n            store={store}\n            editor={editor}\n            query={popupProps.query}\n            command={(item: MenuItem) => popupProps.command(item)}\n            closeMenu={() => {\n              setPopupOpen(false);\n              editor.commands.focus();\n            }}\n          />\n        </MentionSuggestionPopup>\n      )}\n    </>\n  );\n  },\n);\n\nTiptapComposer.displayName = \"TiptapComposer\";\n"],"names":[],"mappings":"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"}

package/dist/chat-ui/thread/statewire-history-edge.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("@assistant-ui/react");
 const react$1 = require("react");
+const statewireHistoryContext = require("../../provider/statewire-history-context.cjs");
 const statewireWindowContext = require("../../provider/statewire-window-context.cjs");
 const threadIdContext = require("../../threads/thread-id-context.cjs");
 const useDeepAgentWindowSync = require("../../agent-runtime/src/use-deep-agent-window-sync.cjs");
@@ -182,6 +183,7 @@ const StatewireHistoryEdge = ({
     hasViewport: hasViewportStore || viewport !== null,
     messages
   });
+  const historyStore = react$1.useContext(statewireHistoryContext.StatewireHistoryContext);
   const { hasOlder, canLoadOlder, loading, loadOlder } = useDeepAgentWindowSync.useDeepAgentWindowSync({
     messages,
     toolOutputs,
@@ -195,6 +197,17 @@ const StatewireHistoryEdge = ({
       console.warn(`[StatewireHistoryEdge] ${command} failed:`, error);
     }
   });
+  react$1.useEffect(() => {
+    if (!historyStore || !threadId) return void 0;
+    historyStore.set({ threadId, hasOlder, canLoadOlder, loading, loadOlder });
+    return void 0;
+  }, [historyStore, threadId, hasOlder, canLoadOlder, loading, loadOlder]);
+  react$1.useEffect(() => {
+    if (!historyStore || !threadId) return void 0;
+    return () => {
+      if (historyStore.get().threadId === threadId) historyStore.set(statewireHistoryContext.NO_STATEWIRE_HISTORY);
+    };
+  }, [historyStore, threadId]);
   react$1.useEffect(() => {
     if (!rowEl || !hasOlder || typeof IntersectionObserver === "undefined") return;
     const observer = new IntersectionObserver(

package/dist/chat-ui/thread/statewire-history-edge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"statewire-history-edge.cjs","sources":["../../../src/chat-ui/thread/statewire-history-edge.tsx"],"sourcesContent":["import {\n  getExternalStoreMessages,\n  type ThreadMessage,\n  type ThreadViewportState,\n  useAuiState,\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"@assistant-ui/react\";\nimport {\n  type DeepAgentHistoryLoadEvent,\n  type DeepAgentToolOutputStore,\n  isStatewireChannelTeardown,\n  useDeepAgentWindowSync,\n} from \"@athenaintel/agent-runtime\";\nimport type { FC } from \"react\";\nimport { Component, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { useStatewireToolOutputs } from \"../../provider/statewire-window-context\";\nimport { AthenaStatewireThreadIdContext } from \"../../threads/thread-id-context\";\n\n/** The attribute `ChatThreadShell` stamps on the scroll viewport. */\nexport const THREAD_VIEWPORT_ATTR = \"data-aui-thread-viewport\";\n\n/**\n * How far above the viewport the edge row counts as near: the row sits above\n * the first loaded message, so reaching it means the user has scrolled past\n * everything loaded and the next page should already be on its way. Messages\n * this close to the viewport also count as on screen for cut tool outputs.\n */\nexport const HISTORY_EDGE_NEAR_MARGIN_PX = 1500;\n\n/**\n * Cut tool outputs a transcript reads at once. The reads share the session's\n * command lane with everything the person sends, so a long transcript must\n * not queue dozens of them ahead of a message or a Stop.\n */\nexport const HISTORY_EDGE_TOOL_OUTPUT_CONCURRENCY = 2;\n\n/** What assistant-ui's `MessagePrimitive.Root` stamps on every message. */\nconst MESSAGE_SELECTOR = \"[data-message-id]\";\n\nconst NO_MESSAGE_IDS: ReadonlySet<string> = new Set();\n\nfunction sameIds({ a, b }: { a: ReadonlySet<string>; b: ReadonlySet<string> }): boolean {\n  if (a.size !== b.size) return false;\n  for (const id of a) if (!b.has(id)) return false;\n  return true;\n}\n\n/**\n * Which messages sit within {@link HISTORY_EDGE_NEAR_MARGIN_PX} of the\n * viewport, so cut tool outputs are read for what the person can reach. A\n * thread opens at its newest turn; reading every loaded step's output up\n * front sent dozens of reads, each re-rendering the transcript, for steps\n * nobody had scrolled to.\n *\n * `undefined` (every message counts) where nothing can be observed: no\n * viewport around the row, or no `IntersectionObserver`. A message rendered\n * without a `data-message-id` root (a host's own renderer) cannot be observed\n * either, so it counts as before.\n */\nfunction useMessagesNearViewport({\n  viewport,\n  hasViewport,\n  messages,\n}: {\n  viewport: HTMLElement | null;\n  /** A viewport is (or will be) registered around the row. */\n  hasViewport: boolean;\n  /** The converted thread: every change may have mounted or remounted a message. */\n  messages: readonly ThreadMessage[];\n}): ((messageId: string) => boolean) | undefined {\n  const [nearIds, setNearIds] = useState<ReadonlySet<string>>(NO_MESSAGE_IDS);\n  const observable = hasViewport && typeof IntersectionObserver !== \"undefined\";\n  const trackRef = useRef<(() => void) | null>(null);\n  // Every id a rendered element carries, as of the last scan.\n  const renderedIdsRef = useRef<ReadonlySet<string>>(NO_MESSAGE_IDS);\n\n  useEffect(() => {\n    if (!viewport || !observable) return undefined;\n    const near = new Set<Element>();\n    const observed = new Set<Element>();\n    const publish = () => {\n      const ids = new Set<string>();\n      for (const element of near) {\n        const id = element.getAttribute(\"data-message-id\");\n        if (id) ids.add(id);\n      }\n      setNearIds((previous) => (sameIds({ a: previous, b: ids }) ? previous : ids));\n    };\n    const intersections = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting && entry.target.isConnected) near.add(entry.target);\n          else near.delete(entry.target);\n        }\n        publish();\n      },\n      { root: viewport, rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px` },\n    );\n    // Messages remount when a page folds into them (a new id), so what is\n    // observed follows the rendered elements, not the message list.\n    const track = () => {\n      let dropped = false;\n      for (const element of observed) {\n        if (element.isConnected) continue;\n        intersections.unobserve(element);\n        observed.delete(element);\n        dropped = near.delete(element) || dropped;\n      }\n      const rendered = new Set<string>();\n      for (const element of viewport.querySelectorAll(MESSAGE_SELECTOR)) {\n        const id = element.getAttribute(\"data-message-id\");\n        if (id) rendered.add(id);\n        if (observed.has(element)) continue;\n        observed.add(element);\n        intersections.observe(element);\n      }\n      renderedIdsRef.current = rendered;\n      if (dropped) publish();\n    };\n    trackRef.current = track;\n    track();\n    return () => {\n      trackRef.current = null;\n      renderedIdsRef.current = NO_MESSAGE_IDS;\n      intersections.disconnect();\n      setNearIds(NO_MESSAGE_IDS);\n    };\n  }, [viewport, observable]);\n\n  // A changed message list is the trigger to re-scan: its messages render in\n  // the same commit, so their elements are in the DOM by this effect (a\n  // query, no layout read).\n  useEffect(() => {\n    trackRef.current?.();\n  }, [messages]);\n\n  return useMemo(() => {\n    if (!observable) return undefined;\n    return (messageId: string) => {\n      // Not registered yet: nothing is on screen to read for.\n      if (viewport === null) return false;\n      return nearIds.has(messageId) || !renderedIdsRef.current.has(messageId);\n    };\n  }, [nearIds, observable, viewport]);\n}\n\n/** The wire message a converted message was built from first (its oldest source). */\nfunction oldestSourceId(message: ThreadMessage): string | undefined {\n  const source = getExternalStoreMessages<{ id?: unknown }>(message)[0];\n  return typeof source?.id === \"string\" ? source.id : undefined;\n}\n\n/**\n * Whether older history landed ahead of what was loaded: the old first\n * message now sits further down (a page ahead of it), or the first message's\n * old oldest wire message now follows earlier ones (a page that folded into\n * the first loaded turn). A first message replaced in place — a branch picked\n * on it, an edit — is neither, and a run streaming at the tail never touches\n * the first message.\n */\nfunction prependedOlderHistory({\n  previous,\n  next,\n}: {\n  previous: readonly ThreadMessage[];\n  next: readonly ThreadMessage[];\n}): boolean {\n  const previousFirst = previous[0];\n  const nextFirst = next[0];\n  if (previousFirst === undefined || nextFirst === undefined || previousFirst === nextFirst) return false;\n  if (previousFirst.id !== nextFirst.id && next.some((message, index) => index > 0 && message.id === previousFirst.id)) {\n    return true;\n  }\n  const previousOldest = oldestSourceId(previousFirst);\n  if (previousOldest === undefined || previousOldest === oldestSourceId(nextFirst)) return false;\n  return getExternalStoreMessages<{ id?: unknown }>(nextFirst).some(\n    (source, index) => index > 0 && source?.id === previousOldest,\n  );\n}\n\ninterface KeepReadingPlaceProps {\n  viewport: HTMLElement | null;\n  threadId: string | null;\n  /** The converted thread. */\n  messages: readonly ThreadMessage[];\n}\n\n/**\n * Keeps the reader's place when older history lands. Everything a page adds\n * sits above what the person is reading, so their distance from the bottom of\n * the transcript is what must survive. A class for `getSnapshotBeforeUpdate`:\n * the distance is read right before React applies the commit that renders the\n * page — the one moment it is exact, even for a scroll the browser has not\n * reported yet — and restored after it, instantly (never through the\n * viewport's smooth scrolling). Other commits read no layout.\n *\n * The browser's scroll anchoring and assistant-ui's prepend anchor aim at the\n * same position, so whichever ran first leaves this nothing to do; on its own\n * it covers what they miss: a reader at the very top (browsers never anchor\n * at scroll offset 0) and a page that folds into the first loaded turn (that\n * message remounts under a new id, taking the browser's anchor node with it).\n */\nclass KeepReadingPlace extends Component<KeepReadingPlaceProps> {\n  getSnapshotBeforeUpdate(previous: Readonly<KeepReadingPlaceProps>): number | null {\n    const { viewport, threadId, messages } = this.props;\n    if (\n      viewport === null ||\n      viewport !== previous.viewport ||\n      threadId !== previous.threadId ||\n      messages === previous.messages ||\n      !prependedOlderHistory({ previous: previous.messages, next: messages })\n    ) {\n      return null;\n    }\n    return viewport.scrollHeight - viewport.scrollTop;\n  }\n\n  componentDidUpdate(\n    _previous: Readonly<KeepReadingPlaceProps>,\n    _state: unknown,\n    fromBottom: number | null,\n  ): void {\n    const { viewport } = this.props;\n    if (viewport === null || fromBottom === null) return;\n    const top = viewport.scrollHeight - fromBottom;\n    if (Math.abs(viewport.scrollTop - top) >= 1) viewport.scrollTo({ top, behavior: \"instant\" });\n  }\n\n  render(): null {\n    return null;\n  }\n}\n\nexport interface HistoryEdgeRowProps {\n  /** Whether the server holds messages older than the loaded window. */\n  hasOlder: boolean;\n  /** Whether the next page can be asked for; `false` with `hasOlder` is the connection's loading depth spent. Defaults to `hasOlder`. */\n  canLoadOlder?: boolean;\n  /** A page of older history is in flight. */\n  loading: boolean;\n  onLoadOlder: () => void;\n  className?: string;\n  /** The row element, for the viewport observer. */\n  rowRef?: (element: HTMLElement | null) => void;\n}\n\n/**\n * The top edge of the LOADED history: a manual way to load the next page of\n * older messages, and the in-flight state. Renders nothing when the whole\n * transcript is loaded (or the head interest has not resolved).\n */\nexport const HistoryEdgeRow: FC<HistoryEdgeRowProps> = ({\n  hasOlder,\n  canLoadOlder = hasOlder,\n  loading,\n  onLoadOlder,\n  className,\n  rowRef,\n}) => {\n  if (!hasOlder) return null;\n  return (\n    <div\n      ref={rowRef}\n      data-testid=\"thread-history-edge\"\n      className={cn(\n        \"flex w-full max-w-(--thread-max-width) items-center justify-center py-1 text-xs text-muted-foreground\",\n        className,\n      )}\n    >\n      {loading ? (\n        <span data-testid=\"thread-history-edge-loading\">Loading earlier messages…</span>\n      ) : canLoadOlder ? (\n        <button\n          type=\"button\"\n          data-testid=\"thread-history-edge-load\"\n          onClick={onLoadOlder}\n          className=\"rounded-lg px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n        >\n          Load earlier messages\n        </button>\n      ) : (\n        <span data-testid=\"thread-history-edge-limit\">Earlier messages can't be loaded here</span>\n      )}\n    </div>\n  );\n};\n\nexport interface StatewireHistoryEdgeProps {\n  /**\n   * The thread's tool-output store (the one its converter substitutes from).\n   * Defaults to `AthenaProvider`'s; hosts mounting the runtime themselves pass\n   * the store they gave `useDeepAgentRuntime({ toolOutputs })`.\n   */\n  toolOutputs?: DeepAgentToolOutputStore;\n  className?: string;\n  /** A page interest resolved (telemetry). */\n  onHistoryLoad?: (event: DeepAgentHistoryLoadEvent) => void;\n}\n\n/**\n * The client half of the interest window for a DOM thread — mounted once per\n * thread, inside the scroll viewport above the messages (`ChatThreadShell`'s\n * `beforeMessages` slot):\n *\n * - renders the \"Load earlier messages\" edge row and loads the next page when\n *   the row comes near the viewport (scrolling up) or on its button, keeping\n *   the reading position when the page lands above the view;\n * - fetches cut tool outputs whole for the cards near the viewport, a few at\n *   a time, so they re-render complete through the converter (`toolOutputs`).\n *\n * Inert until the head interest resolves: no row, no reads.\n */\nexport const StatewireHistoryEdge: FC<StatewireHistoryEdgeProps> = ({\n  toolOutputs: toolOutputsProp,\n  className,\n  onHistoryLoad,\n}) => {\n  const providerToolOutputs = useStatewireToolOutputs();\n  const toolOutputs = toolOutputsProp ?? providerToolOutputs ?? undefined;\n  const messages = useAuiState((s) => s.thread.messages);\n  const threadId = useContext(AthenaStatewireThreadIdContext);\n  const [nearTop, setNearTop] = useState(false);\n  const [nearTopEpoch, setNearTopEpoch] = useState(0);\n  const nearTopRef = useRef(false);\n  const [rowEl, setRowEl] = useState<HTMLElement | null>(null);\n  // The scroll viewport the thread registered (assistant-ui's viewport store),\n  // known even while the row renders nothing; the row's ancestor otherwise.\n  const hasViewportStore = useThreadViewportStore({ optional: true }) !== null;\n  const registeredViewport = useThreadViewport({\n    optional: true,\n    selector: (state: ThreadViewportState) => state.element.viewport,\n  });\n  const viewport =\n    registeredViewport ?? rowEl?.closest<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`) ?? null;\n  const isMessageMounted = useMessagesNearViewport({\n    viewport,\n    hasViewport: hasViewportStore || viewport !== null,\n    messages,\n  });\n  const { hasOlder, canLoadOlder, loading, loadOlder } = useDeepAgentWindowSync({\n    messages,\n    toolOutputs,\n    nearTop,\n    nearTopEpoch,\n    isMessageMounted,\n    maxConcurrentToolOutputs: HISTORY_EDGE_TOOL_OUTPUT_CONCURRENCY,\n    onHistoryLoad,\n    onError: (error, command) => {\n      // Leaving the thread settles an in-flight read as lost: lifecycle, not a failure.\n      if (error instanceof Error && isStatewireChannelTeardown(error)) return;\n      console.warn(`[StatewireHistoryEdge] ${command} failed:`, error);\n    },\n  });\n\n  // The row's own visibility is the near-top level: a level, not an edge, so\n  // pages chain while the user stays at the top and stop once the prepended\n  // content has pushed the row away again.\n  useEffect(() => {\n    if (!rowEl || !hasOlder || typeof IntersectionObserver === \"undefined\") return;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          const near = entry.isIntersecting;\n          if (nearTopRef.current === near) continue;\n          nearTopRef.current = near;\n          setNearTop(near);\n          if (near) setNearTopEpoch((epoch) => epoch + 1);\n        }\n      },\n      {\n        root: viewport,\n        rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px`,\n      },\n    );\n    observer.observe(rowEl);\n    return () => {\n      observer.disconnect();\n      nearTopRef.current = false;\n      setNearTop(false);\n    };\n  }, [rowEl, hasOlder, viewport]);\n\n  return (\n    <>\n      <KeepReadingPlace viewport={viewport} threadId={threadId} messages={messages} />\n      <HistoryEdgeRow\n        rowRef={setRowEl}\n        hasOlder={hasOlder}\n        canLoadOlder={canLoadOlder}\n        loading={loading}\n        onLoadOlder={loadOlder}\n        className={className}\n      />\n    </>\n  );\n};\n"],"names":["useState","useRef","useEffect","useMemo","getExternalStoreMessages","Component","jsx","cn","useStatewireToolOutputs","useAuiState","useContext","AthenaStatewireThreadIdContext","useThreadViewportStore","useThreadViewport","useDeepAgentWindowSync","isStatewireChannelTeardown","jsxs","Fragment"],"mappings":"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"}
+{"version":3,"file":"statewire-history-edge.cjs","sources":["../../../src/chat-ui/thread/statewire-history-edge.tsx"],"sourcesContent":["import {\n  getExternalStoreMessages,\n  type ThreadMessage,\n  type ThreadViewportState,\n  useAuiState,\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"@assistant-ui/react\";\nimport {\n  type DeepAgentHistoryLoadEvent,\n  type DeepAgentToolOutputStore,\n  isStatewireChannelTeardown,\n  useDeepAgentWindowSync,\n} from \"@athenaintel/agent-runtime\";\nimport type { FC } from \"react\";\nimport { Component, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  NO_STATEWIRE_HISTORY,\n  StatewireHistoryContext,\n} from \"../../provider/statewire-history-context\";\nimport { useStatewireToolOutputs } from \"../../provider/statewire-window-context\";\nimport { AthenaStatewireThreadIdContext } from \"../../threads/thread-id-context\";\n\n/** The attribute `ChatThreadShell` stamps on the scroll viewport. */\nexport const THREAD_VIEWPORT_ATTR = \"data-aui-thread-viewport\";\n\n/**\n * How far above the viewport the edge row counts as near: the row sits above\n * the first loaded message, so reaching it means the user has scrolled past\n * everything loaded and the next page should already be on its way. Messages\n * this close to the viewport also count as on screen for cut tool outputs.\n */\nexport const HISTORY_EDGE_NEAR_MARGIN_PX = 1500;\n\n/**\n * Cut tool outputs a transcript reads at once. The reads share the session's\n * command lane with everything the person sends, so a long transcript must\n * not queue dozens of them ahead of a message or a Stop.\n */\nexport const HISTORY_EDGE_TOOL_OUTPUT_CONCURRENCY = 2;\n\n/** What assistant-ui's `MessagePrimitive.Root` stamps on every message. */\nconst MESSAGE_SELECTOR = \"[data-message-id]\";\n\nconst NO_MESSAGE_IDS: ReadonlySet<string> = new Set();\n\nfunction sameIds({ a, b }: { a: ReadonlySet<string>; b: ReadonlySet<string> }): boolean {\n  if (a.size !== b.size) return false;\n  for (const id of a) if (!b.has(id)) return false;\n  return true;\n}\n\n/**\n * Which messages sit within {@link HISTORY_EDGE_NEAR_MARGIN_PX} of the\n * viewport, so cut tool outputs are read for what the person can reach. A\n * thread opens at its newest turn; reading every loaded step's output up\n * front sent dozens of reads, each re-rendering the transcript, for steps\n * nobody had scrolled to.\n *\n * `undefined` (every message counts) where nothing can be observed: no\n * viewport around the row, or no `IntersectionObserver`. A message rendered\n * without a `data-message-id` root (a host's own renderer) cannot be observed\n * either, so it counts as before.\n */\nfunction useMessagesNearViewport({\n  viewport,\n  hasViewport,\n  messages,\n}: {\n  viewport: HTMLElement | null;\n  /** A viewport is (or will be) registered around the row. */\n  hasViewport: boolean;\n  /** The converted thread: every change may have mounted or remounted a message. */\n  messages: readonly ThreadMessage[];\n}): ((messageId: string) => boolean) | undefined {\n  const [nearIds, setNearIds] = useState<ReadonlySet<string>>(NO_MESSAGE_IDS);\n  const observable = hasViewport && typeof IntersectionObserver !== \"undefined\";\n  const trackRef = useRef<(() => void) | null>(null);\n  // Every id a rendered element carries, as of the last scan.\n  const renderedIdsRef = useRef<ReadonlySet<string>>(NO_MESSAGE_IDS);\n\n  useEffect(() => {\n    if (!viewport || !observable) return undefined;\n    const near = new Set<Element>();\n    const observed = new Set<Element>();\n    const publish = () => {\n      const ids = new Set<string>();\n      for (const element of near) {\n        const id = element.getAttribute(\"data-message-id\");\n        if (id) ids.add(id);\n      }\n      setNearIds((previous) => (sameIds({ a: previous, b: ids }) ? previous : ids));\n    };\n    const intersections = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting && entry.target.isConnected) near.add(entry.target);\n          else near.delete(entry.target);\n        }\n        publish();\n      },\n      { root: viewport, rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px` },\n    );\n    // Messages remount when a page folds into them (a new id), so what is\n    // observed follows the rendered elements, not the message list.\n    const track = () => {\n      let dropped = false;\n      for (const element of observed) {\n        if (element.isConnected) continue;\n        intersections.unobserve(element);\n        observed.delete(element);\n        dropped = near.delete(element) || dropped;\n      }\n      const rendered = new Set<string>();\n      for (const element of viewport.querySelectorAll(MESSAGE_SELECTOR)) {\n        const id = element.getAttribute(\"data-message-id\");\n        if (id) rendered.add(id);\n        if (observed.has(element)) continue;\n        observed.add(element);\n        intersections.observe(element);\n      }\n      renderedIdsRef.current = rendered;\n      if (dropped) publish();\n    };\n    trackRef.current = track;\n    track();\n    return () => {\n      trackRef.current = null;\n      renderedIdsRef.current = NO_MESSAGE_IDS;\n      intersections.disconnect();\n      setNearIds(NO_MESSAGE_IDS);\n    };\n  }, [viewport, observable]);\n\n  // A changed message list is the trigger to re-scan: its messages render in\n  // the same commit, so their elements are in the DOM by this effect (a\n  // query, no layout read).\n  useEffect(() => {\n    trackRef.current?.();\n  }, [messages]);\n\n  return useMemo(() => {\n    if (!observable) return undefined;\n    return (messageId: string) => {\n      // Not registered yet: nothing is on screen to read for.\n      if (viewport === null) return false;\n      return nearIds.has(messageId) || !renderedIdsRef.current.has(messageId);\n    };\n  }, [nearIds, observable, viewport]);\n}\n\n/** The wire message a converted message was built from first (its oldest source). */\nfunction oldestSourceId(message: ThreadMessage): string | undefined {\n  const source = getExternalStoreMessages<{ id?: unknown }>(message)[0];\n  return typeof source?.id === \"string\" ? source.id : undefined;\n}\n\n/**\n * Whether older history landed ahead of what was loaded: the old first\n * message now sits further down (a page ahead of it), or the first message's\n * old oldest wire message now follows earlier ones (a page that folded into\n * the first loaded turn). A first message replaced in place — a branch picked\n * on it, an edit — is neither, and a run streaming at the tail never touches\n * the first message.\n */\nfunction prependedOlderHistory({\n  previous,\n  next,\n}: {\n  previous: readonly ThreadMessage[];\n  next: readonly ThreadMessage[];\n}): boolean {\n  const previousFirst = previous[0];\n  const nextFirst = next[0];\n  if (previousFirst === undefined || nextFirst === undefined || previousFirst === nextFirst) return false;\n  if (previousFirst.id !== nextFirst.id && next.some((message, index) => index > 0 && message.id === previousFirst.id)) {\n    return true;\n  }\n  const previousOldest = oldestSourceId(previousFirst);\n  if (previousOldest === undefined || previousOldest === oldestSourceId(nextFirst)) return false;\n  return getExternalStoreMessages<{ id?: unknown }>(nextFirst).some(\n    (source, index) => index > 0 && source?.id === previousOldest,\n  );\n}\n\ninterface KeepReadingPlaceProps {\n  viewport: HTMLElement | null;\n  threadId: string | null;\n  /** The converted thread. */\n  messages: readonly ThreadMessage[];\n}\n\n/**\n * Keeps the reader's place when older history lands. Everything a page adds\n * sits above what the person is reading, so their distance from the bottom of\n * the transcript is what must survive. A class for `getSnapshotBeforeUpdate`:\n * the distance is read right before React applies the commit that renders the\n * page — the one moment it is exact, even for a scroll the browser has not\n * reported yet — and restored after it, instantly (never through the\n * viewport's smooth scrolling). Other commits read no layout.\n *\n * The browser's scroll anchoring and assistant-ui's prepend anchor aim at the\n * same position, so whichever ran first leaves this nothing to do; on its own\n * it covers what they miss: a reader at the very top (browsers never anchor\n * at scroll offset 0) and a page that folds into the first loaded turn (that\n * message remounts under a new id, taking the browser's anchor node with it).\n */\nclass KeepReadingPlace extends Component<KeepReadingPlaceProps> {\n  getSnapshotBeforeUpdate(previous: Readonly<KeepReadingPlaceProps>): number | null {\n    const { viewport, threadId, messages } = this.props;\n    if (\n      viewport === null ||\n      viewport !== previous.viewport ||\n      threadId !== previous.threadId ||\n      messages === previous.messages ||\n      !prependedOlderHistory({ previous: previous.messages, next: messages })\n    ) {\n      return null;\n    }\n    return viewport.scrollHeight - viewport.scrollTop;\n  }\n\n  componentDidUpdate(\n    _previous: Readonly<KeepReadingPlaceProps>,\n    _state: unknown,\n    fromBottom: number | null,\n  ): void {\n    const { viewport } = this.props;\n    if (viewport === null || fromBottom === null) return;\n    const top = viewport.scrollHeight - fromBottom;\n    if (Math.abs(viewport.scrollTop - top) >= 1) viewport.scrollTo({ top, behavior: \"instant\" });\n  }\n\n  render(): null {\n    return null;\n  }\n}\n\nexport interface HistoryEdgeRowProps {\n  /** Whether the server holds messages older than the loaded window. */\n  hasOlder: boolean;\n  /** Whether the next page can be asked for; `false` with `hasOlder` is the connection's loading depth spent. Defaults to `hasOlder`. */\n  canLoadOlder?: boolean;\n  /** A page of older history is in flight. */\n  loading: boolean;\n  onLoadOlder: () => void;\n  className?: string;\n  /** The row element, for the viewport observer. */\n  rowRef?: (element: HTMLElement | null) => void;\n}\n\n/**\n * The top edge of the LOADED history: a manual way to load the next page of\n * older messages, and the in-flight state. Renders nothing when the whole\n * transcript is loaded (or the head interest has not resolved).\n */\nexport const HistoryEdgeRow: FC<HistoryEdgeRowProps> = ({\n  hasOlder,\n  canLoadOlder = hasOlder,\n  loading,\n  onLoadOlder,\n  className,\n  rowRef,\n}) => {\n  if (!hasOlder) return null;\n  return (\n    <div\n      ref={rowRef}\n      data-testid=\"thread-history-edge\"\n      className={cn(\n        \"flex w-full max-w-(--thread-max-width) items-center justify-center py-1 text-xs text-muted-foreground\",\n        className,\n      )}\n    >\n      {loading ? (\n        <span data-testid=\"thread-history-edge-loading\">Loading earlier messages…</span>\n      ) : canLoadOlder ? (\n        <button\n          type=\"button\"\n          data-testid=\"thread-history-edge-load\"\n          onClick={onLoadOlder}\n          className=\"rounded-lg px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n        >\n          Load earlier messages\n        </button>\n      ) : (\n        <span data-testid=\"thread-history-edge-limit\">Earlier messages can't be loaded here</span>\n      )}\n    </div>\n  );\n};\n\nexport interface StatewireHistoryEdgeProps {\n  /**\n   * The thread's tool-output store (the one its converter substitutes from).\n   * Defaults to `AthenaProvider`'s; hosts mounting the runtime themselves pass\n   * the store they gave `useDeepAgentRuntime({ toolOutputs })`.\n   */\n  toolOutputs?: DeepAgentToolOutputStore;\n  className?: string;\n  /** A page interest resolved (telemetry). */\n  onHistoryLoad?: (event: DeepAgentHistoryLoadEvent) => void;\n}\n\n/**\n * The client half of the interest window for a DOM thread — mounted once per\n * thread, inside the scroll viewport above the messages (`ChatThreadShell`'s\n * `beforeMessages` slot):\n *\n * - renders the \"Load earlier messages\" edge row and loads the next page when\n *   the row comes near the viewport (scrolling up) or on its button, keeping\n *   the reading position when the page lands above the view;\n * - fetches cut tool outputs whole for the cards near the viewport, a few at\n *   a time, so they re-render complete through the converter (`toolOutputs`).\n *\n * Inert until the head interest resolves: no row, no reads.\n */\nexport const StatewireHistoryEdge: FC<StatewireHistoryEdgeProps> = ({\n  toolOutputs: toolOutputsProp,\n  className,\n  onHistoryLoad,\n}) => {\n  const providerToolOutputs = useStatewireToolOutputs();\n  const toolOutputs = toolOutputsProp ?? providerToolOutputs ?? undefined;\n  const messages = useAuiState((s) => s.thread.messages);\n  const threadId = useContext(AthenaStatewireThreadIdContext);\n  const [nearTop, setNearTop] = useState(false);\n  const [nearTopEpoch, setNearTopEpoch] = useState(0);\n  const nearTopRef = useRef(false);\n  const [rowEl, setRowEl] = useState<HTMLElement | null>(null);\n  // The scroll viewport the thread registered (assistant-ui's viewport store),\n  // known even while the row renders nothing; the row's ancestor otherwise.\n  const hasViewportStore = useThreadViewportStore({ optional: true }) !== null;\n  const registeredViewport = useThreadViewport({\n    optional: true,\n    selector: (state: ThreadViewportState) => state.element.viewport,\n  });\n  const viewport =\n    registeredViewport ?? rowEl?.closest<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`) ?? null;\n  const isMessageMounted = useMessagesNearViewport({\n    viewport,\n    hasViewport: hasViewportStore || viewport !== null,\n    messages,\n  });\n  const historyStore = useContext(StatewireHistoryContext);\n  const { hasOlder, canLoadOlder, loading, loadOlder } = useDeepAgentWindowSync({\n    messages,\n    toolOutputs,\n    nearTop,\n    nearTopEpoch,\n    isMessageMounted,\n    maxConcurrentToolOutputs: HISTORY_EDGE_TOOL_OUTPUT_CONCURRENCY,\n    onHistoryLoad,\n    onError: (error, command) => {\n      // Leaving the thread settles an in-flight read as lost: lifecycle, not a failure.\n      if (error instanceof Error && isStatewireChannelTeardown(error)) return;\n      console.warn(`[StatewireHistoryEdge] ${command} failed:`, error);\n    },\n  });\n\n  // Other surfaces of the provider (the workbench's Shell pane) read where the\n  // history stands; leaving the thread or unmounting withdraws the report.\n  useEffect(() => {\n    if (!historyStore || !threadId) return undefined;\n    historyStore.set({ threadId, hasOlder, canLoadOlder, loading, loadOlder });\n    return undefined;\n  }, [historyStore, threadId, hasOlder, canLoadOlder, loading, loadOlder]);\n  useEffect(() => {\n    if (!historyStore || !threadId) return undefined;\n    return () => {\n      if (historyStore.get().threadId === threadId) historyStore.set(NO_STATEWIRE_HISTORY);\n    };\n  }, [historyStore, threadId]);\n\n  // The row's own visibility is the near-top level: a level, not an edge, so\n  // pages chain while the user stays at the top and stop once the prepended\n  // content has pushed the row away again.\n  useEffect(() => {\n    if (!rowEl || !hasOlder || typeof IntersectionObserver === \"undefined\") return;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          const near = entry.isIntersecting;\n          if (nearTopRef.current === near) continue;\n          nearTopRef.current = near;\n          setNearTop(near);\n          if (near) setNearTopEpoch((epoch) => epoch + 1);\n        }\n      },\n      {\n        root: viewport,\n        rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px`,\n      },\n    );\n    observer.observe(rowEl);\n    return () => {\n      observer.disconnect();\n      nearTopRef.current = false;\n      setNearTop(false);\n    };\n  }, [rowEl, hasOlder, viewport]);\n\n  return (\n    <>\n      <KeepReadingPlace viewport={viewport} threadId={threadId} messages={messages} />\n      <HistoryEdgeRow\n        rowRef={setRowEl}\n        hasOlder={hasOlder}\n        canLoadOlder={canLoadOlder}\n        loading={loading}\n        onLoadOlder={loadOlder}\n        className={className}\n      />\n    </>\n  );\n};\n"],"names":["useState","useRef","useEffect","useMemo","getExternalStoreMessages","Component","jsx","cn","useStatewireToolOutputs","useAuiState","useContext","AthenaStatewireThreadIdContext","useThreadViewportStore","useThreadViewport","StatewireHistoryContext","useDeepAgentWindowSync","isStatewireChannelTeardown","NO_STATEWIRE_HISTORY","jsxs","Fragment"],"mappings":"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"}

package/dist/chat-ui/thread/statewire-history-edge.js

@@ -1,6 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useAuiState, useThreadViewportStore, useThreadViewport, getExternalStoreMessages } from "@assistant-ui/react";
 import { useContext, useState, useRef, useEffect, useMemo, Component } from "react";
+import { StatewireHistoryContext, NO_STATEWIRE_HISTORY } from "../../provider/statewire-history-context.js";
 import { useStatewireToolOutputs } from "../../provider/statewire-window-context.js";
 import { AthenaStatewireThreadIdContext } from "../../threads/thread-id-context.js";
 import { useDeepAgentWindowSync } from "../../agent-runtime/src/use-deep-agent-window-sync.js";
@@ -180,6 +181,7 @@ const StatewireHistoryEdge = ({
     hasViewport: hasViewportStore || viewport !== null,
     messages
   });
+  const historyStore = useContext(StatewireHistoryContext);
   const { hasOlder, canLoadOlder, loading, loadOlder } = useDeepAgentWindowSync({
     messages,
     toolOutputs,
@@ -193,6 +195,17 @@ const StatewireHistoryEdge = ({
       console.warn(`[StatewireHistoryEdge] ${command} failed:`, error);
     }
   });
+  useEffect(() => {
+    if (!historyStore || !threadId) return void 0;
+    historyStore.set({ threadId, hasOlder, canLoadOlder, loading, loadOlder });
+    return void 0;
+  }, [historyStore, threadId, hasOlder, canLoadOlder, loading, loadOlder]);
+  useEffect(() => {
+    if (!historyStore || !threadId) return void 0;
+    return () => {
+      if (historyStore.get().threadId === threadId) historyStore.set(NO_STATEWIRE_HISTORY);
+    };
+  }, [historyStore, threadId]);
   useEffect(() => {
     if (!rowEl || !hasOlder || typeof IntersectionObserver === "undefined") return;
     const observer = new IntersectionObserver(

package/dist/chat-ui/thread/statewire-history-edge.js.map

@@ -1 +1 @@
-{"version":3,"file":"statewire-history-edge.js","sources":["../../../src/chat-ui/thread/statewire-history-edge.tsx"],"sourcesContent":["import {\n  getExternalStoreMessages,\n  type ThreadMessage,\n  type ThreadViewportState,\n  useAuiState,\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"@assistant-ui/react\";\nimport {\n  type DeepAgentHistoryLoadEvent,\n  type DeepAgentToolOutputStore,\n  isStatewireChannelTeardown,\n  useDeepAgentWindowSync,\n} from \"@athenaintel/agent-runtime\";\nimport type { FC } from \"react\";\nimport { Component, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { useStatewireToolOutputs } from \"../../provider/statewire-window-context\";\nimport { AthenaStatewireThreadIdContext } from \"../../threads/thread-id-context\";\n\n/** The attribute `ChatThreadShell` stamps on the scroll viewport. */\nexport const THREAD_VIEWPORT_ATTR = \"data-aui-thread-viewport\";\n\n/**\n * How far above the viewport the edge row counts as near: the row sits above\n * the first loaded message, so reaching it means the user has scrolled past\n * everything loaded and the next page should already be on its way. Messages\n * this close to the viewport also count as on screen for cut tool outputs.\n */\nexport const HISTORY_EDGE_NEAR_MARGIN_PX = 1500;\n\n/**\n * Cut tool outputs a transcript reads at once. The reads share the session's\n * command lane with everything the person sends, so a long transcript must\n * not queue dozens of them ahead of a message or a Stop.\n */\nexport const HISTORY_EDGE_TOOL_OUTPUT_CONCURRENCY = 2;\n\n/** What assistant-ui's `MessagePrimitive.Root` stamps on every message. */\nconst MESSAGE_SELECTOR = \"[data-message-id]\";\n\nconst NO_MESSAGE_IDS: ReadonlySet<string> = new Set();\n\nfunction sameIds({ a, b }: { a: ReadonlySet<string>; b: ReadonlySet<string> }): boolean {\n  if (a.size !== b.size) return false;\n  for (const id of a) if (!b.has(id)) return false;\n  return true;\n}\n\n/**\n * Which messages sit within {@link HISTORY_EDGE_NEAR_MARGIN_PX} of the\n * viewport, so cut tool outputs are read for what the person can reach. A\n * thread opens at its newest turn; reading every loaded step's output up\n * front sent dozens of reads, each re-rendering the transcript, for steps\n * nobody had scrolled to.\n *\n * `undefined` (every message counts) where nothing can be observed: no\n * viewport around the row, or no `IntersectionObserver`. A message rendered\n * without a `data-message-id` root (a host's own renderer) cannot be observed\n * either, so it counts as before.\n */\nfunction useMessagesNearViewport({\n  viewport,\n  hasViewport,\n  messages,\n}: {\n  viewport: HTMLElement | null;\n  /** A viewport is (or will be) registered around the row. */\n  hasViewport: boolean;\n  /** The converted thread: every change may have mounted or remounted a message. */\n  messages: readonly ThreadMessage[];\n}): ((messageId: string) => boolean) | undefined {\n  const [nearIds, setNearIds] = useState<ReadonlySet<string>>(NO_MESSAGE_IDS);\n  const observable = hasViewport && typeof IntersectionObserver !== \"undefined\";\n  const trackRef = useRef<(() => void) | null>(null);\n  // Every id a rendered element carries, as of the last scan.\n  const renderedIdsRef = useRef<ReadonlySet<string>>(NO_MESSAGE_IDS);\n\n  useEffect(() => {\n    if (!viewport || !observable) return undefined;\n    const near = new Set<Element>();\n    const observed = new Set<Element>();\n    const publish = () => {\n      const ids = new Set<string>();\n      for (const element of near) {\n        const id = element.getAttribute(\"data-message-id\");\n        if (id) ids.add(id);\n      }\n      setNearIds((previous) => (sameIds({ a: previous, b: ids }) ? previous : ids));\n    };\n    const intersections = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting && entry.target.isConnected) near.add(entry.target);\n          else near.delete(entry.target);\n        }\n        publish();\n      },\n      { root: viewport, rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px` },\n    );\n    // Messages remount when a page folds into them (a new id), so what is\n    // observed follows the rendered elements, not the message list.\n    const track = () => {\n      let dropped = false;\n      for (const element of observed) {\n        if (element.isConnected) continue;\n        intersections.unobserve(element);\n        observed.delete(element);\n        dropped = near.delete(element) || dropped;\n      }\n      const rendered = new Set<string>();\n      for (const element of viewport.querySelectorAll(MESSAGE_SELECTOR)) {\n        const id = element.getAttribute(\"data-message-id\");\n        if (id) rendered.add(id);\n        if (observed.has(element)) continue;\n        observed.add(element);\n        intersections.observe(element);\n      }\n      renderedIdsRef.current = rendered;\n      if (dropped) publish();\n    };\n    trackRef.current = track;\n    track();\n    return () => {\n      trackRef.current = null;\n      renderedIdsRef.current = NO_MESSAGE_IDS;\n      intersections.disconnect();\n      setNearIds(NO_MESSAGE_IDS);\n    };\n  }, [viewport, observable]);\n\n  // A changed message list is the trigger to re-scan: its messages render in\n  // the same commit, so their elements are in the DOM by this effect (a\n  // query, no layout read).\n  useEffect(() => {\n    trackRef.current?.();\n  }, [messages]);\n\n  return useMemo(() => {\n    if (!observable) return undefined;\n    return (messageId: string) => {\n      // Not registered yet: nothing is on screen to read for.\n      if (viewport === null) return false;\n      return nearIds.has(messageId) || !renderedIdsRef.current.has(messageId);\n    };\n  }, [nearIds, observable, viewport]);\n}\n\n/** The wire message a converted message was built from first (its oldest source). */\nfunction oldestSourceId(message: ThreadMessage): string | undefined {\n  const source = getExternalStoreMessages<{ id?: unknown }>(message)[0];\n  return typeof source?.id === \"string\" ? source.id : undefined;\n}\n\n/**\n * Whether older history landed ahead of what was loaded: the old first\n * message now sits further down (a page ahead of it), or the first message's\n * old oldest wire message now follows earlier ones (a page that folded into\n * the first loaded turn). A first message replaced in place — a branch picked\n * on it, an edit — is neither, and a run streaming at the tail never touches\n * the first message.\n */\nfunction prependedOlderHistory({\n  previous,\n  next,\n}: {\n  previous: readonly ThreadMessage[];\n  next: readonly ThreadMessage[];\n}): boolean {\n  const previousFirst = previous[0];\n  const nextFirst = next[0];\n  if (previousFirst === undefined || nextFirst === undefined || previousFirst === nextFirst) return false;\n  if (previousFirst.id !== nextFirst.id && next.some((message, index) => index > 0 && message.id === previousFirst.id)) {\n    return true;\n  }\n  const previousOldest = oldestSourceId(previousFirst);\n  if (previousOldest === undefined || previousOldest === oldestSourceId(nextFirst)) return false;\n  return getExternalStoreMessages<{ id?: unknown }>(nextFirst).some(\n    (source, index) => index > 0 && source?.id === previousOldest,\n  );\n}\n\ninterface KeepReadingPlaceProps {\n  viewport: HTMLElement | null;\n  threadId: string | null;\n  /** The converted thread. */\n  messages: readonly ThreadMessage[];\n}\n\n/**\n * Keeps the reader's place when older history lands. Everything a page adds\n * sits above what the person is reading, so their distance from the bottom of\n * the transcript is what must survive. A class for `getSnapshotBeforeUpdate`:\n * the distance is read right before React applies the commit that renders the\n * page — the one moment it is exact, even for a scroll the browser has not\n * reported yet — and restored after it, instantly (never through the\n * viewport's smooth scrolling). Other commits read no layout.\n *\n * The browser's scroll anchoring and assistant-ui's prepend anchor aim at the\n * same position, so whichever ran first leaves this nothing to do; on its own\n * it covers what they miss: a reader at the very top (browsers never anchor\n * at scroll offset 0) and a page that folds into the first loaded turn (that\n * message remounts under a new id, taking the browser's anchor node with it).\n */\nclass KeepReadingPlace extends Component<KeepReadingPlaceProps> {\n  getSnapshotBeforeUpdate(previous: Readonly<KeepReadingPlaceProps>): number | null {\n    const { viewport, threadId, messages } = this.props;\n    if (\n      viewport === null ||\n      viewport !== previous.viewport ||\n      threadId !== previous.threadId ||\n      messages === previous.messages ||\n      !prependedOlderHistory({ previous: previous.messages, next: messages })\n    ) {\n      return null;\n    }\n    return viewport.scrollHeight - viewport.scrollTop;\n  }\n\n  componentDidUpdate(\n    _previous: Readonly<KeepReadingPlaceProps>,\n    _state: unknown,\n    fromBottom: number | null,\n  ): void {\n    const { viewport } = this.props;\n    if (viewport === null || fromBottom === null) return;\n    const top = viewport.scrollHeight - fromBottom;\n    if (Math.abs(viewport.scrollTop - top) >= 1) viewport.scrollTo({ top, behavior: \"instant\" });\n  }\n\n  render(): null {\n    return null;\n  }\n}\n\nexport interface HistoryEdgeRowProps {\n  /** Whether the server holds messages older than the loaded window. */\n  hasOlder: boolean;\n  /** Whether the next page can be asked for; `false` with `hasOlder` is the connection's loading depth spent. Defaults to `hasOlder`. */\n  canLoadOlder?: boolean;\n  /** A page of older history is in flight. */\n  loading: boolean;\n  onLoadOlder: () => void;\n  className?: string;\n  /** The row element, for the viewport observer. */\n  rowRef?: (element: HTMLElement | null) => void;\n}\n\n/**\n * The top edge of the LOADED history: a manual way to load the next page of\n * older messages, and the in-flight state. Renders nothing when the whole\n * transcript is loaded (or the head interest has not resolved).\n */\nexport const HistoryEdgeRow: FC<HistoryEdgeRowProps> = ({\n  hasOlder,\n  canLoadOlder = hasOlder,\n  loading,\n  onLoadOlder,\n  className,\n  rowRef,\n}) => {\n  if (!hasOlder) return null;\n  return (\n    <div\n      ref={rowRef}\n      data-testid=\"thread-history-edge\"\n      className={cn(\n        \"flex w-full max-w-(--thread-max-width) items-center justify-center py-1 text-xs text-muted-foreground\",\n        className,\n      )}\n    >\n      {loading ? (\n        <span data-testid=\"thread-history-edge-loading\">Loading earlier messages…</span>\n      ) : canLoadOlder ? (\n        <button\n          type=\"button\"\n          data-testid=\"thread-history-edge-load\"\n          onClick={onLoadOlder}\n          className=\"rounded-lg px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n        >\n          Load earlier messages\n        </button>\n      ) : (\n        <span data-testid=\"thread-history-edge-limit\">Earlier messages can't be loaded here</span>\n      )}\n    </div>\n  );\n};\n\nexport interface StatewireHistoryEdgeProps {\n  /**\n   * The thread's tool-output store (the one its converter substitutes from).\n   * Defaults to `AthenaProvider`'s; hosts mounting the runtime themselves pass\n   * the store they gave `useDeepAgentRuntime({ toolOutputs })`.\n   */\n  toolOutputs?: DeepAgentToolOutputStore;\n  className?: string;\n  /** A page interest resolved (telemetry). */\n  onHistoryLoad?: (event: DeepAgentHistoryLoadEvent) => void;\n}\n\n/**\n * The client half of the interest window for a DOM thread — mounted once per\n * thread, inside the scroll viewport above the messages (`ChatThreadShell`'s\n * `beforeMessages` slot):\n *\n * - renders the \"Load earlier messages\" edge row and loads the next page when\n *   the row comes near the viewport (scrolling up) or on its button, keeping\n *   the reading position when the page lands above the view;\n * - fetches cut tool outputs whole for the cards near the viewport, a few at\n *   a time, so they re-render complete through the converter (`toolOutputs`).\n *\n * Inert until the head interest resolves: no row, no reads.\n */\nexport const StatewireHistoryEdge: FC<StatewireHistoryEdgeProps> = ({\n  toolOutputs: toolOutputsProp,\n  className,\n  onHistoryLoad,\n}) => {\n  const providerToolOutputs = useStatewireToolOutputs();\n  const toolOutputs = toolOutputsProp ?? providerToolOutputs ?? undefined;\n  const messages = useAuiState((s) => s.thread.messages);\n  const threadId = useContext(AthenaStatewireThreadIdContext);\n  const [nearTop, setNearTop] = useState(false);\n  const [nearTopEpoch, setNearTopEpoch] = useState(0);\n  const nearTopRef = useRef(false);\n  const [rowEl, setRowEl] = useState<HTMLElement | null>(null);\n  // The scroll viewport the thread registered (assistant-ui's viewport store),\n  // known even while the row renders nothing; the row's ancestor otherwise.\n  const hasViewportStore = useThreadViewportStore({ optional: true }) !== null;\n  const registeredViewport = useThreadViewport({\n    optional: true,\n    selector: (state: ThreadViewportState) => state.element.viewport,\n  });\n  const viewport =\n    registeredViewport ?? rowEl?.closest<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`) ?? null;\n  const isMessageMounted = useMessagesNearViewport({\n    viewport,\n    hasViewport: hasViewportStore || viewport !== null,\n    messages,\n  });\n  const { hasOlder, canLoadOlder, loading, loadOlder } = useDeepAgentWindowSync({\n    messages,\n    toolOutputs,\n    nearTop,\n    nearTopEpoch,\n    isMessageMounted,\n    maxConcurrentToolOutputs: HISTORY_EDGE_TOOL_OUTPUT_CONCURRENCY,\n    onHistoryLoad,\n    onError: (error, command) => {\n      // Leaving the thread settles an in-flight read as lost: lifecycle, not a failure.\n      if (error instanceof Error && isStatewireChannelTeardown(error)) return;\n      console.warn(`[StatewireHistoryEdge] ${command} failed:`, error);\n    },\n  });\n\n  // The row's own visibility is the near-top level: a level, not an edge, so\n  // pages chain while the user stays at the top and stop once the prepended\n  // content has pushed the row away again.\n  useEffect(() => {\n    if (!rowEl || !hasOlder || typeof IntersectionObserver === \"undefined\") return;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          const near = entry.isIntersecting;\n          if (nearTopRef.current === near) continue;\n          nearTopRef.current = near;\n          setNearTop(near);\n          if (near) setNearTopEpoch((epoch) => epoch + 1);\n        }\n      },\n      {\n        root: viewport,\n        rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px`,\n      },\n    );\n    observer.observe(rowEl);\n    return () => {\n      observer.disconnect();\n      nearTopRef.current = false;\n      setNearTop(false);\n    };\n  }, [rowEl, hasOlder, viewport]);\n\n  return (\n    <>\n      <KeepReadingPlace viewport={viewport} threadId={threadId} messages={messages} />\n      <HistoryEdgeRow\n        rowRef={setRowEl}\n        hasOlder={hasOlder}\n        canLoadOlder={canLoadOlder}\n        loading={loading}\n        onLoadOlder={loadOlder}\n        className={className}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"statewire-history-edge.js","sources":["../../../src/chat-ui/thread/statewire-history-edge.tsx"],"sourcesContent":["import {\n  getExternalStoreMessages,\n  type ThreadMessage,\n  type ThreadViewportState,\n  useAuiState,\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"@assistant-ui/react\";\nimport {\n  type DeepAgentHistoryLoadEvent,\n  type DeepAgentToolOutputStore,\n  isStatewireChannelTeardown,\n  useDeepAgentWindowSync,\n} from \"@athenaintel/agent-runtime\";\nimport type { FC } from \"react\";\nimport { Component, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  NO_STATEWIRE_HISTORY,\n  StatewireHistoryContext,\n} from \"../../provider/statewire-history-context\";\nimport { useStatewireToolOutputs } from \"../../provider/statewire-window-context\";\nimport { AthenaStatewireThreadIdContext } from \"../../threads/thread-id-context\";\n\n/** The attribute `ChatThreadShell` stamps on the scroll viewport. */\nexport const THREAD_VIEWPORT_ATTR = \"data-aui-thread-viewport\";\n\n/**\n * How far above the viewport the edge row counts as near: the row sits above\n * the first loaded message, so reaching it means the user has scrolled past\n * everything loaded and the next page should already be on its way. Messages\n * this close to the viewport also count as on screen for cut tool outputs.\n */\nexport const HISTORY_EDGE_NEAR_MARGIN_PX = 1500;\n\n/**\n * Cut tool outputs a transcript reads at once. The reads share the session's\n * command lane with everything the person sends, so a long transcript must\n * not queue dozens of them ahead of a message or a Stop.\n */\nexport const HISTORY_EDGE_TOOL_OUTPUT_CONCURRENCY = 2;\n\n/** What assistant-ui's `MessagePrimitive.Root` stamps on every message. */\nconst MESSAGE_SELECTOR = \"[data-message-id]\";\n\nconst NO_MESSAGE_IDS: ReadonlySet<string> = new Set();\n\nfunction sameIds({ a, b }: { a: ReadonlySet<string>; b: ReadonlySet<string> }): boolean {\n  if (a.size !== b.size) return false;\n  for (const id of a) if (!b.has(id)) return false;\n  return true;\n}\n\n/**\n * Which messages sit within {@link HISTORY_EDGE_NEAR_MARGIN_PX} of the\n * viewport, so cut tool outputs are read for what the person can reach. A\n * thread opens at its newest turn; reading every loaded step's output up\n * front sent dozens of reads, each re-rendering the transcript, for steps\n * nobody had scrolled to.\n *\n * `undefined` (every message counts) where nothing can be observed: no\n * viewport around the row, or no `IntersectionObserver`. A message rendered\n * without a `data-message-id` root (a host's own renderer) cannot be observed\n * either, so it counts as before.\n */\nfunction useMessagesNearViewport({\n  viewport,\n  hasViewport,\n  messages,\n}: {\n  viewport: HTMLElement | null;\n  /** A viewport is (or will be) registered around the row. */\n  hasViewport: boolean;\n  /** The converted thread: every change may have mounted or remounted a message. */\n  messages: readonly ThreadMessage[];\n}): ((messageId: string) => boolean) | undefined {\n  const [nearIds, setNearIds] = useState<ReadonlySet<string>>(NO_MESSAGE_IDS);\n  const observable = hasViewport && typeof IntersectionObserver !== \"undefined\";\n  const trackRef = useRef<(() => void) | null>(null);\n  // Every id a rendered element carries, as of the last scan.\n  const renderedIdsRef = useRef<ReadonlySet<string>>(NO_MESSAGE_IDS);\n\n  useEffect(() => {\n    if (!viewport || !observable) return undefined;\n    const near = new Set<Element>();\n    const observed = new Set<Element>();\n    const publish = () => {\n      const ids = new Set<string>();\n      for (const element of near) {\n        const id = element.getAttribute(\"data-message-id\");\n        if (id) ids.add(id);\n      }\n      setNearIds((previous) => (sameIds({ a: previous, b: ids }) ? previous : ids));\n    };\n    const intersections = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting && entry.target.isConnected) near.add(entry.target);\n          else near.delete(entry.target);\n        }\n        publish();\n      },\n      { root: viewport, rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px` },\n    );\n    // Messages remount when a page folds into them (a new id), so what is\n    // observed follows the rendered elements, not the message list.\n    const track = () => {\n      let dropped = false;\n      for (const element of observed) {\n        if (element.isConnected) continue;\n        intersections.unobserve(element);\n        observed.delete(element);\n        dropped = near.delete(element) || dropped;\n      }\n      const rendered = new Set<string>();\n      for (const element of viewport.querySelectorAll(MESSAGE_SELECTOR)) {\n        const id = element.getAttribute(\"data-message-id\");\n        if (id) rendered.add(id);\n        if (observed.has(element)) continue;\n        observed.add(element);\n        intersections.observe(element);\n      }\n      renderedIdsRef.current = rendered;\n      if (dropped) publish();\n    };\n    trackRef.current = track;\n    track();\n    return () => {\n      trackRef.current = null;\n      renderedIdsRef.current = NO_MESSAGE_IDS;\n      intersections.disconnect();\n      setNearIds(NO_MESSAGE_IDS);\n    };\n  }, [viewport, observable]);\n\n  // A changed message list is the trigger to re-scan: its messages render in\n  // the same commit, so their elements are in the DOM by this effect (a\n  // query, no layout read).\n  useEffect(() => {\n    trackRef.current?.();\n  }, [messages]);\n\n  return useMemo(() => {\n    if (!observable) return undefined;\n    return (messageId: string) => {\n      // Not registered yet: nothing is on screen to read for.\n      if (viewport === null) return false;\n      return nearIds.has(messageId) || !renderedIdsRef.current.has(messageId);\n    };\n  }, [nearIds, observable, viewport]);\n}\n\n/** The wire message a converted message was built from first (its oldest source). */\nfunction oldestSourceId(message: ThreadMessage): string | undefined {\n  const source = getExternalStoreMessages<{ id?: unknown }>(message)[0];\n  return typeof source?.id === \"string\" ? source.id : undefined;\n}\n\n/**\n * Whether older history landed ahead of what was loaded: the old first\n * message now sits further down (a page ahead of it), or the first message's\n * old oldest wire message now follows earlier ones (a page that folded into\n * the first loaded turn). A first message replaced in place — a branch picked\n * on it, an edit — is neither, and a run streaming at the tail never touches\n * the first message.\n */\nfunction prependedOlderHistory({\n  previous,\n  next,\n}: {\n  previous: readonly ThreadMessage[];\n  next: readonly ThreadMessage[];\n}): boolean {\n  const previousFirst = previous[0];\n  const nextFirst = next[0];\n  if (previousFirst === undefined || nextFirst === undefined || previousFirst === nextFirst) return false;\n  if (previousFirst.id !== nextFirst.id && next.some((message, index) => index > 0 && message.id === previousFirst.id)) {\n    return true;\n  }\n  const previousOldest = oldestSourceId(previousFirst);\n  if (previousOldest === undefined || previousOldest === oldestSourceId(nextFirst)) return false;\n  return getExternalStoreMessages<{ id?: unknown }>(nextFirst).some(\n    (source, index) => index > 0 && source?.id === previousOldest,\n  );\n}\n\ninterface KeepReadingPlaceProps {\n  viewport: HTMLElement | null;\n  threadId: string | null;\n  /** The converted thread. */\n  messages: readonly ThreadMessage[];\n}\n\n/**\n * Keeps the reader's place when older history lands. Everything a page adds\n * sits above what the person is reading, so their distance from the bottom of\n * the transcript is what must survive. A class for `getSnapshotBeforeUpdate`:\n * the distance is read right before React applies the commit that renders the\n * page — the one moment it is exact, even for a scroll the browser has not\n * reported yet — and restored after it, instantly (never through the\n * viewport's smooth scrolling). Other commits read no layout.\n *\n * The browser's scroll anchoring and assistant-ui's prepend anchor aim at the\n * same position, so whichever ran first leaves this nothing to do; on its own\n * it covers what they miss: a reader at the very top (browsers never anchor\n * at scroll offset 0) and a page that folds into the first loaded turn (that\n * message remounts under a new id, taking the browser's anchor node with it).\n */\nclass KeepReadingPlace extends Component<KeepReadingPlaceProps> {\n  getSnapshotBeforeUpdate(previous: Readonly<KeepReadingPlaceProps>): number | null {\n    const { viewport, threadId, messages } = this.props;\n    if (\n      viewport === null ||\n      viewport !== previous.viewport ||\n      threadId !== previous.threadId ||\n      messages === previous.messages ||\n      !prependedOlderHistory({ previous: previous.messages, next: messages })\n    ) {\n      return null;\n    }\n    return viewport.scrollHeight - viewport.scrollTop;\n  }\n\n  componentDidUpdate(\n    _previous: Readonly<KeepReadingPlaceProps>,\n    _state: unknown,\n    fromBottom: number | null,\n  ): void {\n    const { viewport } = this.props;\n    if (viewport === null || fromBottom === null) return;\n    const top = viewport.scrollHeight - fromBottom;\n    if (Math.abs(viewport.scrollTop - top) >= 1) viewport.scrollTo({ top, behavior: \"instant\" });\n  }\n\n  render(): null {\n    return null;\n  }\n}\n\nexport interface HistoryEdgeRowProps {\n  /** Whether the server holds messages older than the loaded window. */\n  hasOlder: boolean;\n  /** Whether the next page can be asked for; `false` with `hasOlder` is the connection's loading depth spent. Defaults to `hasOlder`. */\n  canLoadOlder?: boolean;\n  /** A page of older history is in flight. */\n  loading: boolean;\n  onLoadOlder: () => void;\n  className?: string;\n  /** The row element, for the viewport observer. */\n  rowRef?: (element: HTMLElement | null) => void;\n}\n\n/**\n * The top edge of the LOADED history: a manual way to load the next page of\n * older messages, and the in-flight state. Renders nothing when the whole\n * transcript is loaded (or the head interest has not resolved).\n */\nexport const HistoryEdgeRow: FC<HistoryEdgeRowProps> = ({\n  hasOlder,\n  canLoadOlder = hasOlder,\n  loading,\n  onLoadOlder,\n  className,\n  rowRef,\n}) => {\n  if (!hasOlder) return null;\n  return (\n    <div\n      ref={rowRef}\n      data-testid=\"thread-history-edge\"\n      className={cn(\n        \"flex w-full max-w-(--thread-max-width) items-center justify-center py-1 text-xs text-muted-foreground\",\n        className,\n      )}\n    >\n      {loading ? (\n        <span data-testid=\"thread-history-edge-loading\">Loading earlier messages…</span>\n      ) : canLoadOlder ? (\n        <button\n          type=\"button\"\n          data-testid=\"thread-history-edge-load\"\n          onClick={onLoadOlder}\n          className=\"rounded-lg px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n        >\n          Load earlier messages\n        </button>\n      ) : (\n        <span data-testid=\"thread-history-edge-limit\">Earlier messages can't be loaded here</span>\n      )}\n    </div>\n  );\n};\n\nexport interface StatewireHistoryEdgeProps {\n  /**\n   * The thread's tool-output store (the one its converter substitutes from).\n   * Defaults to `AthenaProvider`'s; hosts mounting the runtime themselves pass\n   * the store they gave `useDeepAgentRuntime({ toolOutputs })`.\n   */\n  toolOutputs?: DeepAgentToolOutputStore;\n  className?: string;\n  /** A page interest resolved (telemetry). */\n  onHistoryLoad?: (event: DeepAgentHistoryLoadEvent) => void;\n}\n\n/**\n * The client half of the interest window for a DOM thread — mounted once per\n * thread, inside the scroll viewport above the messages (`ChatThreadShell`'s\n * `beforeMessages` slot):\n *\n * - renders the \"Load earlier messages\" edge row and loads the next page when\n *   the row comes near the viewport (scrolling up) or on its button, keeping\n *   the reading position when the page lands above the view;\n * - fetches cut tool outputs whole for the cards near the viewport, a few at\n *   a time, so they re-render complete through the converter (`toolOutputs`).\n *\n * Inert until the head interest resolves: no row, no reads.\n */\nexport const StatewireHistoryEdge: FC<StatewireHistoryEdgeProps> = ({\n  toolOutputs: toolOutputsProp,\n  className,\n  onHistoryLoad,\n}) => {\n  const providerToolOutputs = useStatewireToolOutputs();\n  const toolOutputs = toolOutputsProp ?? providerToolOutputs ?? undefined;\n  const messages = useAuiState((s) => s.thread.messages);\n  const threadId = useContext(AthenaStatewireThreadIdContext);\n  const [nearTop, setNearTop] = useState(false);\n  const [nearTopEpoch, setNearTopEpoch] = useState(0);\n  const nearTopRef = useRef(false);\n  const [rowEl, setRowEl] = useState<HTMLElement | null>(null);\n  // The scroll viewport the thread registered (assistant-ui's viewport store),\n  // known even while the row renders nothing; the row's ancestor otherwise.\n  const hasViewportStore = useThreadViewportStore({ optional: true }) !== null;\n  const registeredViewport = useThreadViewport({\n    optional: true,\n    selector: (state: ThreadViewportState) => state.element.viewport,\n  });\n  const viewport =\n    registeredViewport ?? rowEl?.closest<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`) ?? null;\n  const isMessageMounted = useMessagesNearViewport({\n    viewport,\n    hasViewport: hasViewportStore || viewport !== null,\n    messages,\n  });\n  const historyStore = useContext(StatewireHistoryContext);\n  const { hasOlder, canLoadOlder, loading, loadOlder } = useDeepAgentWindowSync({\n    messages,\n    toolOutputs,\n    nearTop,\n    nearTopEpoch,\n    isMessageMounted,\n    maxConcurrentToolOutputs: HISTORY_EDGE_TOOL_OUTPUT_CONCURRENCY,\n    onHistoryLoad,\n    onError: (error, command) => {\n      // Leaving the thread settles an in-flight read as lost: lifecycle, not a failure.\n      if (error instanceof Error && isStatewireChannelTeardown(error)) return;\n      console.warn(`[StatewireHistoryEdge] ${command} failed:`, error);\n    },\n  });\n\n  // Other surfaces of the provider (the workbench's Shell pane) read where the\n  // history stands; leaving the thread or unmounting withdraws the report.\n  useEffect(() => {\n    if (!historyStore || !threadId) return undefined;\n    historyStore.set({ threadId, hasOlder, canLoadOlder, loading, loadOlder });\n    return undefined;\n  }, [historyStore, threadId, hasOlder, canLoadOlder, loading, loadOlder]);\n  useEffect(() => {\n    if (!historyStore || !threadId) return undefined;\n    return () => {\n      if (historyStore.get().threadId === threadId) historyStore.set(NO_STATEWIRE_HISTORY);\n    };\n  }, [historyStore, threadId]);\n\n  // The row's own visibility is the near-top level: a level, not an edge, so\n  // pages chain while the user stays at the top and stop once the prepended\n  // content has pushed the row away again.\n  useEffect(() => {\n    if (!rowEl || !hasOlder || typeof IntersectionObserver === \"undefined\") return;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          const near = entry.isIntersecting;\n          if (nearTopRef.current === near) continue;\n          nearTopRef.current = near;\n          setNearTop(near);\n          if (near) setNearTopEpoch((epoch) => epoch + 1);\n        }\n      },\n      {\n        root: viewport,\n        rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px`,\n      },\n    );\n    observer.observe(rowEl);\n    return () => {\n      observer.disconnect();\n      nearTopRef.current = false;\n      setNearTop(false);\n    };\n  }, [rowEl, hasOlder, viewport]);\n\n  return (\n    <>\n      <KeepReadingPlace viewport={viewport} threadId={threadId} messages={messages} />\n      <HistoryEdgeRow\n        rowRef={setRowEl}\n        hasOlder={hasOlder}\n        canLoadOlder={canLoadOlder}\n        loading={loading}\n        onLoadOlder={loadOlder}\n        className={className}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/composer/clipboard.cjs

@@ -57,6 +57,22 @@ function extractPastedImages({
   }
   return images;
 }
+function isImageFile(file) {
+  return file.type.startsWith("image/");
+}
+function extractPastedNonImageFiles({
+  clipboardData
+}) {
+  const files = [];
+  for (const item of Array.from(clipboardData.items ?? [])) {
+    if (item.kind !== "file" || item.type.startsWith("image/")) continue;
+    const file = item.getAsFile();
+    if (file) files.push(file);
+  }
+  return files;
+}
 exports.clipboardHasMeaningfulText = clipboardHasMeaningfulText;
 exports.extractPastedImages = extractPastedImages;
+exports.extractPastedNonImageFiles = extractPastedNonImageFiles;
+exports.isImageFile = isImageFile;
 //# sourceMappingURL=clipboard.cjs.map

package/dist/composer/clipboard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"clipboard.cjs","sources":["../../src/composer/clipboard.ts"],"sourcesContent":["const IMAGE_EXTENSION_BY_MIME_TYPE: Record<string, string> = {\n  'image/avif': 'avif',\n  'image/bmp': 'bmp',\n  'image/gif': 'gif',\n  'image/heic': 'heic',\n  'image/jpeg': 'jpg',\n  'image/png': 'png',\n  'image/svg+xml': 'svg',\n  'image/tiff': 'tiff',\n  'image/webp': 'webp',\n};\n\n/** A lone image file name — what Finder and Explorer put in `text/plain` beside a copied image file. */\nconst IMAGE_FILE_NAME = /^[^\\s\\\\/]+\\.(?:png|jpe?g|gif|webp|svg|bmp|tiff?|heic|avif)$/i;\n\n/**\n * Whether a clipboard carries text the user meant to paste: non-blank\n * `text/plain`, or `text/html` with text content once tags are stripped. An\n * Excel, Sheets or Word copy puts the cells' text beside a bitmap of them —\n * the text is the payload and the image is incidental; a copied web image\n * carries only an `<img>` tag, which has no text content; a copied image\n * *file* carries its own name in `text/plain` (Finder, Explorer), which is\n * not content either — pass the pasted files' names so it is recognized.\n * Tolerates the partial `DataTransfer` shapes test environments hand out.\n */\nexport function clipboardHasMeaningfulText({\n  clipboardData,\n  pastedFileNames = [],\n}: {\n  clipboardData: DataTransfer;\n  pastedFileNames?: readonly string[];\n}): boolean {\n  const types = Array.from(clipboardData.types ?? []);\n  if (typeof clipboardData.getData !== 'function') return false;\n\n  if (types.includes('text/plain')) {\n    const plainText = clipboardData.getData('text/plain').trim();\n    const isFileName =\n      pastedFileNames.includes(plainText) || IMAGE_FILE_NAME.test(plainText);\n    if (plainText.length > 0 && !isFileName) {\n      return true;\n    }\n  }\n\n  if (types.includes('text/html')) {\n    const html = clipboardData.getData('text/html');\n    const textContent = html.replace(/<[^>]*>/g, '').trim();\n    if (textContent.length > 0) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nexport interface PastedImage {\n  /** The file as the composer attaches it: renamed so the asset gets a useful, unique title. */\n  file: File;\n  /** The name the clipboard carried — a copied file's own name, or the browser's bitmap default. */\n  originalName: string;\n}\n\n/**\n * The image files of a paste, from the clipboard's items. Each is renamed\n * `pasted-image-<stamp>.<ext>` (the second and later of one paste get a\n * `-2`, `-3`, … suffix) with the extension taken from the MIME type, so a\n * pasted bitmap becomes an asset titled by the paste rather than the\n * browser's `image.png` default.\n */\nexport function extractPastedImages({\n  clipboardData,\n}: {\n  clipboardData: DataTransfer;\n}): PastedImage[] {\n  const stamp = Date.now();\n  const images: PastedImage[] = [];\n  for (const item of Array.from(clipboardData.items ?? [])) {\n    if (!item.type.startsWith('image/')) continue;\n    const blob = item.getAsFile();\n    if (!blob) continue;\n    const originalName = blob.name || '';\n    const ordinal = images.length === 0 ? '' : `-${images.length + 1}`;\n    const extension =\n      IMAGE_EXTENSION_BY_MIME_TYPE[item.type] ??\n      item.type.slice('image/'.length).replace(/[^a-z0-9]/gi, '');\n    // Two parts on purpose: a File built from a single File part shares that\n    // part's name handle in some runtimes (Bun 1.3), so the rename would\n    // either be lost or applied to the clipboard's file as well.\n    images.push({\n      file: new File(\n        [blob, new Blob([])],\n        `pasted-image-${stamp}${ordinal}.${extension || 'png'}`,\n        { type: item.type },\n      ),\n      originalName,\n    });\n  }\n  return images;\n}\n"],"names":[],"mappings":";;AAAA,MAAM,+BAAuD;AAAA,EAC3D,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,cAAc;AAChB;AAGA,MAAM,kBAAkB;AAYjB,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA,kBAAkB,CAAA;AACpB,GAGY;AACV,QAAM,QAAQ,MAAM,KAAK,cAAc,SAAS,CAAA,CAAE;AAClD,MAAI,OAAO,cAAc,YAAY,WAAY,QAAO;AAExD,MAAI,MAAM,SAAS,YAAY,GAAG;AAChC,UAAM,YAAY,cAAc,QAAQ,YAAY,EAAE,KAAA;AACtD,UAAM,aACJ,gBAAgB,SAAS,SAAS,KAAK,gBAAgB,KAAK,SAAS;AACvE,QAAI,UAAU,SAAS,KAAK,CAAC,YAAY;AACvC,aAAO;AAAA,IACT;AAAA,EACF;AAEA,MAAI,MAAM,SAAS,WAAW,GAAG;AAC/B,UAAM,OAAO,cAAc,QAAQ,WAAW;AAC9C,UAAM,cAAc,KAAK,QAAQ,YAAY,EAAE,EAAE,KAAA;AACjD,QAAI,YAAY,SAAS,GAAG;AAC1B,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;AAgBO,SAAS,oBAAoB;AAAA,EAClC;AACF,GAEkB;AAChB,QAAM,QAAQ,KAAK,IAAA;AACnB,QAAM,SAAwB,CAAA;AAC9B,aAAW,QAAQ,MAAM,KAAK,cAAc,SAAS,CAAA,CAAE,GAAG;AACxD,QAAI,CAAC,KAAK,KAAK,WAAW,QAAQ,EAAG;AACrC,UAAM,OAAO,KAAK,UAAA;AAClB,QAAI,CAAC,KAAM;AACX,UAAM,eAAe,KAAK,QAAQ;AAClC,UAAM,UAAU,OAAO,WAAW,IAAI,KAAK,IAAI,OAAO,SAAS,CAAC;AAChE,UAAM,YACJ,6BAA6B,KAAK,IAAI,KACtC,KAAK,KAAK,MAAM,SAAS,MAAM,EAAE,QAAQ,eAAe,EAAE;AAI5D,WAAO,KAAK;AAAA,MACV,MAAM,IAAI;AAAA,QACR,CAAC,MAAM,IAAI,KAAK,CAAA,CAAE,CAAC;AAAA,QACnB,gBAAgB,KAAK,GAAG,OAAO,IAAI,aAAa,KAAK;AAAA,QACrD,EAAE,MAAM,KAAK,KAAA;AAAA,MAAK;AAAA,MAEpB;AAAA,IAAA,CACD;AAAA,EACH;AACA,SAAO;AACT;;;"}
+{"version":3,"file":"clipboard.cjs","sources":["../../src/composer/clipboard.ts"],"sourcesContent":["const IMAGE_EXTENSION_BY_MIME_TYPE: Record<string, string> = {\n  'image/avif': 'avif',\n  'image/bmp': 'bmp',\n  'image/gif': 'gif',\n  'image/heic': 'heic',\n  'image/jpeg': 'jpg',\n  'image/png': 'png',\n  'image/svg+xml': 'svg',\n  'image/tiff': 'tiff',\n  'image/webp': 'webp',\n};\n\n/** A lone image file name — what Finder and Explorer put in `text/plain` beside a copied image file. */\nconst IMAGE_FILE_NAME = /^[^\\s\\\\/]+\\.(?:png|jpe?g|gif|webp|svg|bmp|tiff?|heic|avif)$/i;\n\n/**\n * Whether a clipboard carries text the user meant to paste: non-blank\n * `text/plain`, or `text/html` with text content once tags are stripped. An\n * Excel, Sheets or Word copy puts the cells' text beside a bitmap of them —\n * the text is the payload and the image is incidental; a copied web image\n * carries only an `<img>` tag, which has no text content; a copied image\n * *file* carries its own name in `text/plain` (Finder, Explorer), which is\n * not content either — pass the pasted files' names so it is recognized.\n * Tolerates the partial `DataTransfer` shapes test environments hand out.\n */\nexport function clipboardHasMeaningfulText({\n  clipboardData,\n  pastedFileNames = [],\n}: {\n  clipboardData: DataTransfer;\n  pastedFileNames?: readonly string[];\n}): boolean {\n  const types = Array.from(clipboardData.types ?? []);\n  if (typeof clipboardData.getData !== 'function') return false;\n\n  if (types.includes('text/plain')) {\n    const plainText = clipboardData.getData('text/plain').trim();\n    const isFileName =\n      pastedFileNames.includes(plainText) || IMAGE_FILE_NAME.test(plainText);\n    if (plainText.length > 0 && !isFileName) {\n      return true;\n    }\n  }\n\n  if (types.includes('text/html')) {\n    const html = clipboardData.getData('text/html');\n    const textContent = html.replace(/<[^>]*>/g, '').trim();\n    if (textContent.length > 0) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nexport interface PastedImage {\n  /** The file as the composer attaches it: renamed so the asset gets a useful, unique title. */\n  file: File;\n  /** The name the clipboard carried — a copied file's own name, or the browser's bitmap default. */\n  originalName: string;\n}\n\n/**\n * The image files of a paste, from the clipboard's items. Each is renamed\n * `pasted-image-<stamp>.<ext>` (the second and later of one paste get a\n * `-2`, `-3`, … suffix) with the extension taken from the MIME type, so a\n * pasted bitmap becomes an asset titled by the paste rather than the\n * browser's `image.png` default.\n */\nexport function extractPastedImages({\n  clipboardData,\n}: {\n  clipboardData: DataTransfer;\n}): PastedImage[] {\n  const stamp = Date.now();\n  const images: PastedImage[] = [];\n  for (const item of Array.from(clipboardData.items ?? [])) {\n    if (!item.type.startsWith('image/')) continue;\n    const blob = item.getAsFile();\n    if (!blob) continue;\n    const originalName = blob.name || '';\n    const ordinal = images.length === 0 ? '' : `-${images.length + 1}`;\n    const extension =\n      IMAGE_EXTENSION_BY_MIME_TYPE[item.type] ??\n      item.type.slice('image/'.length).replace(/[^a-z0-9]/gi, '');\n    // Two parts on purpose: a File built from a single File part shares that\n    // part's name handle in some runtimes (Bun 1.3), so the rename would\n    // either be lost or applied to the clipboard's file as well.\n    images.push({\n      file: new File(\n        [blob, new Blob([])],\n        `pasted-image-${stamp}${ordinal}.${extension || 'png'}`,\n        { type: item.type },\n      ),\n      originalName,\n    });\n  }\n  return images;\n}\n\nexport function isImageFile(file: File): boolean {\n  return file.type.startsWith('image/');\n}\n\n/**\n * The non-image files of a paste (a PDF or spreadsheet copied in Finder or\n * Explorer), kept under their own names. Images come from\n * {@link extractPastedImages}, which renames them.\n */\nexport function extractPastedNonImageFiles({\n  clipboardData,\n}: {\n  clipboardData: DataTransfer;\n}): File[] {\n  const files: File[] = [];\n  for (const item of Array.from(clipboardData.items ?? [])) {\n    if (item.kind !== 'file' || item.type.startsWith('image/')) continue;\n    const file = item.getAsFile();\n    if (file) files.push(file);\n  }\n  return files;\n}\n"],"names":[],"mappings":";;AAAA,MAAM,+BAAuD;AAAA,EAC3D,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,cAAc;AAChB;AAGA,MAAM,kBAAkB;AAYjB,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA,kBAAkB,CAAA;AACpB,GAGY;AACV,QAAM,QAAQ,MAAM,KAAK,cAAc,SAAS,CAAA,CAAE;AAClD,MAAI,OAAO,cAAc,YAAY,WAAY,QAAO;AAExD,MAAI,MAAM,SAAS,YAAY,GAAG;AAChC,UAAM,YAAY,cAAc,QAAQ,YAAY,EAAE,KAAA;AACtD,UAAM,aACJ,gBAAgB,SAAS,SAAS,KAAK,gBAAgB,KAAK,SAAS;AACvE,QAAI,UAAU,SAAS,KAAK,CAAC,YAAY;AACvC,aAAO;AAAA,IACT;AAAA,EACF;AAEA,MAAI,MAAM,SAAS,WAAW,GAAG;AAC/B,UAAM,OAAO,cAAc,QAAQ,WAAW;AAC9C,UAAM,cAAc,KAAK,QAAQ,YAAY,EAAE,EAAE,KAAA;AACjD,QAAI,YAAY,SAAS,GAAG;AAC1B,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;AAgBO,SAAS,oBAAoB;AAAA,EAClC;AACF,GAEkB;AAChB,QAAM,QAAQ,KAAK,IAAA;AACnB,QAAM,SAAwB,CAAA;AAC9B,aAAW,QAAQ,MAAM,KAAK,cAAc,SAAS,CAAA,CAAE,GAAG;AACxD,QAAI,CAAC,KAAK,KAAK,WAAW,QAAQ,EAAG;AACrC,UAAM,OAAO,KAAK,UAAA;AAClB,QAAI,CAAC,KAAM;AACX,UAAM,eAAe,KAAK,QAAQ;AAClC,UAAM,UAAU,OAAO,WAAW,IAAI,KAAK,IAAI,OAAO,SAAS,CAAC;AAChE,UAAM,YACJ,6BAA6B,KAAK,IAAI,KACtC,KAAK,KAAK,MAAM,SAAS,MAAM,EAAE,QAAQ,eAAe,EAAE;AAI5D,WAAO,KAAK;AAAA,MACV,MAAM,IAAI;AAAA,QACR,CAAC,MAAM,IAAI,KAAK,CAAA,CAAE,CAAC;AAAA,QACnB,gBAAgB,KAAK,GAAG,OAAO,IAAI,aAAa,KAAK;AAAA,QACrD,EAAE,MAAM,KAAK,KAAA;AAAA,MAAK;AAAA,MAEpB;AAAA,IAAA,CACD;AAAA,EACH;AACA,SAAO;AACT;AAEO,SAAS,YAAY,MAAqB;AAC/C,SAAO,KAAK,KAAK,WAAW,QAAQ;AACtC;AAOO,SAAS,2BAA2B;AAAA,EACzC;AACF,GAEW;AACT,QAAM,QAAgB,CAAA;AACtB,aAAW,QAAQ,MAAM,KAAK,cAAc,SAAS,CAAA,CAAE,GAAG;AACxD,QAAI,KAAK,SAAS,UAAU,KAAK,KAAK,WAAW,QAAQ,EAAG;AAC5D,UAAM,OAAO,KAAK,UAAA;AAClB,QAAI,KAAM,OAAM,KAAK,IAAI;AAAA,EAC3B;AACA,SAAO;AACT;;;;;"}