@aparte/core 0.16.0 → 0.16.2

package/dist/generated/element-attributes.d.ts

@@ -8,6 +8,8 @@ export interface AparteChatAttributes {
     'center-empty'?: boolean;
     /** Add the file picker + chips strip to the default composition (opt-in: the host must consume the files — an `AparteClient` does, a hand-rolled loop must read `event.detail.files`) */
     attachments?: boolean;
+    /** The ChatGPT anatomy, opt-in: the transcript's scroll surface spans the whole column and the composer (with the rest of the bottom stack) floats over it, so the scrollbar runs edge to edge instead of stopping at the composer's top. The viewport measures the stack and publishes `--aparte-bottom-inset`; content, spacer and the scroll button clear it. Read when the viewport wires its observers — set it in the initial markup. Also honoured on a wrapper's `[data-aparte-chat]` root. */
+    'overlay-composer'?: boolean;
     /** The wrapper's explicit hands-off signal: set it and this element composes none of its own children, because the framework owns them. Read once at connect (it is not observed), so it has to be in the initial markup. Angular's wrapper sets it on this element — its component selector IS `aparte-chat`; React/Vue/Svelte render a `[data-aparte-chat]` div and never create this element at all. */
     'framework-managed'?: boolean;
 }

package/dist/generated/element-attributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element-attributes.d.ts","sourceRoot":"","sources":["../../src/generated/element-attributes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"element-attributes.d.ts","sourceRoot":"","sources":["../../src/generated/element-attributes.ts"],"names":[],"mappings":"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"}

package/dist/index.css

@@ -1025,10 +1025,20 @@ aparte-conversation-list {
  *     <button class="aparte-btn aparte-btn--icon" aria-label="Copy">
  *       <aparte-icon name="copy"></aparte-icon>
  *     </button>
+ *     <div class="aparte-btn-group" role="group" aria-label="Versions">
+ *       <button class="aparte-btn aparte-btn--surface">‹</button>
+ *       <button class="aparte-btn aparte-btn--surface">1 / 2</button>
+ *       <button class="aparte-btn aparte-btn--surface">›</button>
+ *     </div>
  *
  * An intent on its own is a ghost — the quietest form, and the one a chat uses most.
  * Add a fill when the button has to carry more weight.
  *
+ * `.aparte-btn-group` fuses adjacent buttons into ONE control: the inner corners
+ * drop, the shared borders overlap, and only the group's ends keep the radius. Give
+ * the wrapper `role="group"` and a name — visually one control, it should read as
+ * one too.
+ *
  * This layer is NEUTRAL: it is what a UI library offers, not a summary of what this
  * repo happens to use. A variant nothing wears still ships, because the plugin that
  * needs it is not written yet, and its absence is what makes an author invent a
@@ -4337,6 +4347,59 @@ aparte-chat > aparte-chat-viewport,
   min-height: 0;
 }
 
+/* ─── Overlay composer (`overlay-composer`) ───────────────────────────────────
+   The ChatGPT anatomy, opt-in: the transcript's scroll surface spans the WHOLE
+   column and the composer floats over it, so the scrollbar runs edge to edge
+   instead of stopping at the composer's top. Opt-in, never the default — a chat
+   embedded in a small box should not have its composer eating the transcript.
+
+   The viewport leaves the flow (absolute over the shell) and everything else —
+   elicitation, an above-composer row, the composer — keeps flowing, pushed to the
+   bottom and painted over it. The transcript clears that stack through
+   `--aparte-bottom-inset`, which the viewport measures from the stack's top edge
+   (see `_updateOverlayInset`): the `::after` spacer grows by it in
+   framework-managed mode, the container's own padding in core mode, and the
+   scroll button's `bottom` rides it in both. The inset var and its readers are
+   unconditional (0px when unset), so a host that overlays a composer of its own
+   can write the variable itself without this attribute.
+
+   Three shell shapes, because the wrappers differ: the vanilla <aparte-chat>
+   element, the [data-aparte-chat] div React/Vue/Svelte render, and Angular's
+   inner .aparte-chat-container (its host IS aparte-chat, but the viewport is a
+   child of the inner div, so that div is the shell the recipe lays out — the
+   Angular wrapper binds the attribute there). The inner-div shape declares its
+   own flex column: unlike the other two it inherits none. */
+aparte-chat[overlay-composer],
+[data-aparte-chat][overlay-composer],
+.aparte-chat-container[overlay-composer] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+
+aparte-chat[overlay-composer] > aparte-chat-viewport,
+[data-aparte-chat][overlay-composer] > aparte-chat-viewport,
+.aparte-chat-container[overlay-composer] > aparte-chat-viewport {
+  position: absolute;
+  /* The padding box, so the scroll surface reaches the shell's true bottom edge —
+     the `--aparte-chat-bottom-gap` padding stays under the floating stack and the
+     measured inset covers it. */
+  inset: 0;
+  height: auto;
+  z-index: 0;
+}
+
+/* The bottom stack paints over the absolutely positioned viewport. `:not()` is
+   exact here: the only child that is not the viewport IS the stack (the scroll
+   button lives inside the viewport). */
+aparte-chat[overlay-composer] > :not(aparte-chat-viewport),
+[data-aparte-chat][overlay-composer] > :not(aparte-chat-viewport),
+.aparte-chat-container[overlay-composer] > :not(aparte-chat-viewport) {
+  position: relative;
+  z-index: var(--aparte-z-raised);
+}
+
 /* center-empty: the shell centers the composer as a welcome state until the first
    message, then slides to the normal layout. The component toggles [data-empty]
    on itself by watching its viewport — only `flex-grow` animates, so the composer
@@ -4382,6 +4445,11 @@ aparte-chat-viewport {
   width: 100%;
   overflow-y: auto;
   overflow-x: hidden;
+  /* The overlay clearance (0 outside overlay mode). Padding is SAFE on this box —
+     the scroll button is absolute on the host, which does not scroll — where the
+     framework-managed host must carry the same clearance in its ::after instead,
+     because there the button is a sticky CHILD and padding would clamp it. */
+  padding-bottom: var(--aparte-bottom-inset, 0px);
   overscroll-behavior: contain;
   scrollbar-width: thin;
   scrollbar-color: var(--aparte-scrollbar-thumb) var(--aparte-scrollbar-track);
@@ -4392,6 +4460,11 @@ aparte-chat-viewport {
   scrollbar-gutter: stable both-edges;
 }
 
+/* NOT dead code: on modern Chromium/WebKit these ::-webkit-scrollbar-* blocks are
+   ignored the moment `scrollbar-width`/`scrollbar-color` above are non-initial
+   (CSSWG resolution, Chrome 121+). They exist for Safari BEFORE 18.2, which has no
+   `scrollbar-width` at all - remove them and old Safari falls back to the fat
+   native bar. Re-measured 2026-08-30 against MDN before a cleanup deletes them. */
 .aparte-viewport-container::-webkit-scrollbar {
   width: var(--aparte-scrollbar-width);
 }
@@ -4424,7 +4497,9 @@ aparte-chat-viewport.aparte-viewport--framework::-webkit-scrollbar-thumb {
 .aparte-scroll-btn {
   --aparte-btn-size: var(--aparte-scroll-btn-size);
   position: absolute;
-  bottom: var(--aparte-space-8);
+  /* Rides the overlay clearance (0 outside overlay mode), so it floats above a
+     composer laid over the transcript rather than behind it. */
+  bottom: calc(var(--aparte-space-8) + var(--aparte-bottom-inset, 0px));
   left: 50%;
   transform: translateX(-50%);
   z-index: var(--aparte-z-floating);
@@ -4450,10 +4525,19 @@ aparte-chat-viewport.aparte-viewport--framework::-webkit-scrollbar-thumb {
    the viewport does NOT relocate them into an internal wrapper (that would break
    the framework's DOM reconciliation). Instead the HOST itself is the scroll
    surface — these rules mirror .aparte-viewport-container + .aparte-messages-wrapper
-   onto the host, and the bottom spacer becomes an additive padding (no element,
-   so it can't collide with the framework's children). */
+   onto the host, and the bottom spacer becomes an `::after` flex item — still
+   nothing in the DOM, so it can't collide with the framework's children. */
 aparte-chat-viewport.aparte-viewport--framework,
 aparte-chat-viewport[framework-managed] {
+  /* The base rule gives this element `width: 100%`, and core ships no global
+     border-box reset — every `box-sizing` in these sheets is per-element, on purpose.
+     So the padding below was ADDED to 100% and the host overflowed its own chat by
+     32px, which `aparte-chat`'s `overflow: hidden` then clipped: measured on a 1500px
+     chat, the host was 1532 wide and hung 32px past the end edge. An app with its own
+     `* { box-sizing: border-box }` never saw it, which is exactly why it survived —
+     every example in this repo has one. The composer cannot share a column with a
+     transcript that is off-centre, so it is fixed here rather than compensated there. */
+  box-sizing: border-box;
   overflow-y: auto;
   overflow-x: hidden;
   overscroll-behavior: contain;
@@ -4461,7 +4545,10 @@ aparte-chat-viewport[framework-managed] {
   flex-direction: column;
   gap: var(--aparte-message-gap);
   padding: var(--aparte-viewport-padding);
-  padding-bottom: calc(var(--aparte-viewport-padding) + var(--aparte-fw-spacer, 0px));
+  /* No bottom padding: a sticky child is clamped to its parent's CONTENT box, so
+     clearance carried as padding held the scroll button `padding + spacer` above
+     the bottom edge — the whole clearance lives in the `::after` below instead. */
+  padding-bottom: 0;
   scrollbar-width: thin;
   scrollbar-color: var(--aparte-scrollbar-thumb) var(--aparte-scrollbar-track);
   /* Same gutter rule as `.aparte-viewport-container` above: the host is the scroll
@@ -4479,6 +4566,24 @@ aparte-chat-viewport[framework-managed] > * {
   flex-shrink: 0;
 }
 
+/* The bottom spacer: the base padding plus whatever `_setSpacerHeight` writes to
+   `--aparte-fw-spacer`. A flex item rather than host padding because the scroll
+   button's `position: sticky` is clamped to the CONTENT box — clearance carried as
+   padding is territory the button can never enter, and it floated the full
+   `padding + spacer` above the bottom edge (measured: 48-278px for 32 asked).
+   `flex: 0 0` spells out `flex-shrink: 0`: the `> *` pin above matches elements
+   only, never a pseudo. */
+aparte-chat-viewport.aparte-viewport--framework::after,
+aparte-chat-viewport[framework-managed]::after {
+  content: '';
+  flex: 0 0 calc(var(--aparte-viewport-padding) + var(--aparte-fw-spacer, 0px) + var(--aparte-bottom-inset, 0px));
+  /* A flex item pays the column's `gap`; the padding this replaced did not. Without
+     the cancel, an EMPTY transcript was 8px taller than its box and grew a scrollbar
+     beside the welcome state — with children the spacer recalc absorbed it, which is
+     why the geometry specs stayed green while the smoke case regressed. */
+  margin-block-start: calc(var(--aparte-message-gap) * -1);
+}
+
 aparte-chat-viewport.aparte-viewport--framework::-webkit-scrollbar {
   width: var(--aparte-scrollbar-width);
 }
@@ -4489,18 +4594,29 @@ aparte-chat-viewport.aparte-viewport--framework::-webkit-scrollbar-track {
 
 /* The scroll button lives INSIDE the scrolling host here (last child), so it
    floats with `position: sticky` instead of the `absolute` used in core mode
-   (where it sits outside the scroll container). */
+   (where it sits outside the scroll container). `order: 1` puts its FLOW position
+   after the `::after` spacer (source order cannot — a pseudo always renders last):
+   a bottom-sticky element sits at its flow position whenever that is above the
+   sticky line, so a button flowing before a 230px spacer drifted up to 262px from
+   the edge as the reader neared the bottom. Flowing last, its flow position is the
+   very end and the sticky line always wins. */
 aparte-chat-viewport.aparte-viewport--framework > .aparte-scroll-btn {
   position: sticky;
-  bottom: var(--aparte-space-8);
+  bottom: calc(var(--aparte-space-8) + var(--aparte-bottom-inset, 0px));
   left: auto;
   align-self: center;
   transform: none;
   flex-shrink: 0;
+  order: 1;
 }
 
+/* Fade only, no slide: since `order: 1` the button is the LAST flow content, so a
+   hidden-state translate overhangs the content end by its full distance — 8px of
+   scrollable overflow, which on an EMPTY transcript is the whole scrollbar (the old
+   padding used to absorb the overhang; the ::after spacer flows BEFORE the button
+   and cannot). Core mode keeps the slide: its button is absolute, out of flow. */
 aparte-chat-viewport.aparte-viewport--framework > .aparte-scroll-btn.aparte-scroll-btn--hidden {
-  transform: translateY(var(--aparte-slide-distance));
+  transform: none;
 }
 
 /* =========================================
@@ -4586,6 +4702,18 @@ aparte-chat-status:not([visible]) {
   aparte-chat-viewport.aparte-viewport--framework {
   flex-grow: 0;
 }
+
+/* overlay-composer × center-empty: while the welcome state centres the composer,
+   the overlay stands down — an empty transcript has nothing to scroll, so the
+   surface has nothing to span, and an absolute viewport would pin the welcome to
+   the top of the page while the composer floated alone at the bottom. One
+   property: back in the flow, the centring rules above govern the rest. The first
+   message drops the empty flag and the overlay takes over. */
+aparte-chat[overlay-composer][center-empty][data-empty] > aparte-chat-viewport,
+[data-aparte-chat][overlay-composer][data-aparte-empty] > aparte-chat-viewport,
+.aparte-chat-container[overlay-composer][data-aparte-empty] > aparte-chat-viewport {
+  position: static;
+}
 /*
  * aparté — A message: avatar, name, timestamp, body, action bar, branch picker.
  *
@@ -5259,6 +5387,34 @@ aparte-composer {
   display: block;
   /* Container-query root — see aparte-chat-viewport. */
   container-type: inline-size;
+  /* The transcript's own inline gutter, read from the token that produces it.
+     `.aparte-composer-shell` and `.aparte-message` both cap at
+     `--aparte-message-max-width` and centre with `margin: 0 auto`, so on a container
+     WIDER than the cap they lined up by construction. Below it the cap stops applying,
+     each becomes 100% of its own parent — and this element had no padding, so the
+     composer went flush to the chat's edges while the transcript kept its inset.
+     Measured at a 512px chat: message column 26/26, composer 0/0. Every chat narrower
+     than 800px was hit — a phone, an embedded widget, either pane of `<aparte-split>`,
+     an app shell whose docked sidebar leaves the chat narrow on a wide window.
+
+     INLINE ONLY, and that is not shorthand-avoidance: the block axis is already spaced
+     deliberately, 16px above from the viewport and 16px below from
+     `--aparte-chat-bottom-gap` (shell.css), which were tuned to match. The `padding`
+     shorthand would add a second 16px to each.
+
+     No 520px step to follow the transcript's, and it is not an oversight: a container
+     query cannot match its own container, and this element IS one (the line above).
+     Nothing above it is a container either, and `aparte-chat` may never become one —
+     it would then be the containing block of the `position: fixed` select dropdown
+     that exists to escape `overflow: hidden` (select.css, and the same warning in
+     split.css). So below 520px the transcript tightens to 8px and this stays at 16.
+     A flat 16 was measured against a step: the step wins for vanilla at phone width
+     and LOSES for framework-managed, which is the majority path, because the
+     transcript's own step targets a class framework mode never builds. Flat is a
+     uniform 10px worst case in both modes — which is the scrollbar gutter the
+     transcript reserves and the composer cannot, and which is 0 on the overlay
+     scrollbars every phone has. */
+  padding-inline: var(--aparte-viewport-padding);
 }
 
 aparte-composer-input {
@@ -5593,7 +5749,16 @@ aparte-composer-cancel .aparte-cc-button:hover {
    reply text beside it for attention it did not deserve. */
 .aparte-tool-summary {
     display: flex; align-items: center; gap: var(--aparte-space-4);
-    padding: var(--aparte-space-2) var(--aparte-space-3); margin-inline-start: calc(var(--aparte-space-3) * -1);
+    /* The negative margin is what puts the row's CONTENT on the message column rather
+       than one padding in from it — the padding here is the hover surface, not the
+       column. So it has to be given back on BOTH sides. It used to be
+       `margin-inline-start` alone: the name, the icon and the chevron landed on the
+       column, and the trailing state stopped `--aparte-space-3` short of the right edge
+       every line of prose reaches. Measured at a 512px chat: text L26/R26, the state's
+       right edge at R32 — six pixels, on the one line of a turn whose whole job is to
+       read as a quiet aside beside the text. `margin-inline` puts it at R26 and makes
+       the hover surface symmetric with it. */
+    padding: var(--aparte-space-2) var(--aparte-space-3); margin-inline: calc(var(--aparte-space-3) * -1);
     border-radius: var(--aparte-tool-row-radius);
     cursor: pointer; list-style: none;
 }
@@ -6807,7 +6972,7 @@ aparte-sidebar,
  *           <aparte-composer>
  *             <div class="aparte-composer-shell">
  *               <div class="aparte-composer-row">
- *                 <aparte-composer-input style="flex: 1"></aparte-composer-input>
+ *                 <aparte-composer-input></aparte-composer-input>
  *                 <aparte-composer-send></aparte-composer-send>
  *               </div>
  *             </div>
@@ -7295,6 +7460,26 @@ aparte-split[disabled] > .aparte-split__handle:hover {
   overflow-y: auto;
 }
 
+/* A fenced block that came through MARKDOWN, not through the `code` segment.
+   `@aparte/plugin-marked` renders ``` as a bare <pre><code>, and the recipe below is
+   scoped to `.aparte-code-content-wrapper` — a class only the code SEGMENT renderer
+   emits, which marked cannot produce. So a markdown block matched no `pre` rule at all
+   and kept the UA's `white-space: pre`: it never wrapped, laid out at its own intrinsic
+   width, and `aparte-chat-bubble`'s `overflow: hidden` amputated the tail. No scrollbar,
+   no ellipsis — the code was simply gone. Measured on the vanilla example: one block's
+   `scrollWidth` was a CONSTANT 963px at chat widths 1500, 800, 600, 512 and 380, against
+   client widths 776 / 724 / 524 / 460 / 328. It overflowed even at 1500.
+
+   Only the two wrapping declarations are shared, not the surface: the padding and the
+   background below are the code CARD's, and a markdown block has no card. Giving it one
+   is a look decision, not this fix. */
+.aparte-content pre,
+.aparte-segment-content pre,
+.aparte-thinking-content pre {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
 .aparte-code-content-wrapper pre {
   margin: 0;
   padding: var(--aparte-space-6);

package/dist/index.js

@@ -2328,6 +2328,12 @@ class AparteChatViewport extends HTMLElement {
   _maxRenderedBubbles = 1e3;
   _resizeObserver = null;
   _mutationObserver = null;
+  /** The `[overlay-composer]` shell this viewport floats in, if any. Read at observer setup, like `framework-managed`. */
+  _overlayRoot = null;
+  /** Watches the overlay shell's childList, so a stack child that mounts later (elicitation) gets observed too. */
+  _overlayObserver = null;
+  /** Last `--aparte-bottom-inset` written, in px — style writes only when it changes. */
+  _overlayInset = -1;
   _boundResetHandler = null;
   /**
    * When true, _reRenderActivePath() only dispatches aparte-path-changed without
@@ -3244,6 +3250,7 @@ class AparteChatViewport extends HTMLElement {
   }
   _setupObservers() {
     this._resizeObserver = new ResizeObserver(() => {
+      this._updateOverlayInset();
       if (this._isAutoScrollEnabled) {
         this._scrollToBottom();
       }
@@ -3258,6 +3265,16 @@ class AparteChatViewport extends HTMLElement {
         this._resizeObserver.observe(this._container);
       }
     }
+    this._overlayRoot = this.closest("[overlay-composer]");
+    if (this._overlayRoot && this._resizeObserver) {
+      for (const child of this._overlayStack()) this._resizeObserver.observe(child);
+      this._overlayObserver = new MutationObserver(() => {
+        for (const child of this._overlayStack()) this._resizeObserver?.observe(child);
+        this._updateOverlayInset();
+      });
+      this._overlayObserver.observe(this._overlayRoot, { childList: true });
+      this._updateOverlayInset();
+    }
     this._mutationObserver = new MutationObserver(() => {
       if (this._frameworkManagedDOM) this._keepScrollButtonLast();
       if (this._isAutoScrollEnabled) {
@@ -3275,6 +3292,37 @@ class AparteChatViewport extends HTMLElement {
       });
     }
   }
+  /** The overlay shell's element children that are not this viewport — the floating bottom stack. */
+  _overlayStack() {
+    if (!this._overlayRoot) return [];
+    return Array.from(this._overlayRoot.children).filter(
+      (el2) => el2 instanceof HTMLElement && el2 !== this
+    );
+  }
+  /**
+   * Measure how much of this viewport the overlay stack covers, and publish it as
+   * `--aparte-bottom-inset` — the `::after` spacer (framework mode), the
+   * container's own padding (core mode) and the scroll button's `bottom` all read
+   * it (shell.css). Measured from the stack's highest visible top edge rather
+   * than by summing heights, so margins and anything the host renders between
+   * the rows count themselves. No-op outside overlay mode, and when the value
+   * has not changed — a var write invalidates layout, and this runs from the
+   * ResizeObserver its own write can re-trigger (core mode observes the
+   * container's content box, which the padding is part of).
+   */
+  _updateOverlayInset() {
+    if (!this._overlayRoot) return;
+    const bottom = this.getBoundingClientRect().bottom;
+    let top = Infinity;
+    for (const el2 of this._overlayStack()) {
+      const rect = el2.getBoundingClientRect();
+      if (rect.height > 0) top = Math.min(top, rect.top);
+    }
+    const inset = top === Infinity ? 0 : Math.max(0, Math.round(bottom - top));
+    if (inset === this._overlayInset) return;
+    this._overlayInset = inset;
+    this.style.setProperty("--aparte-bottom-inset", `${inset}px`);
+  }
   /** Is the scroll surface within `_scrollThreshold` of its bottom, right now? */
   _isAtBottom() {
     if (!this._container) return true;
@@ -3290,9 +3338,10 @@ class AparteChatViewport extends HTMLElement {
     const now = performance.now();
     const settlingOurs = drop <= churn + 2 && now - this._ownScrollAt < this._ownScrollWindowMs && now - this._readerInputAt >= this._ownScrollWindowMs;
     const readerWentUp = drop > 1 && !settlingOurs;
+    const readerHandOnIt = drop > 1 && now - this._readerInputAt < this._ownScrollWindowMs;
     this._lastScrollTop = top;
     this._lastScrollHeight = height;
-    if (this._isAtBottom()) {
+    if (this._isAtBottom() && !readerHandOnIt) {
       this._isAutoScrollEnabled = true;
     } else if (readerWentUp) {
       this._isAutoScrollEnabled = false;
@@ -3488,6 +3537,10 @@ class AparteChatViewport extends HTMLElement {
     this.removeEventListener("aparte-branch-navigate", this._onBranchNavigate);
     this._resizeObserver?.disconnect();
     this._mutationObserver?.disconnect();
+    this._overlayObserver?.disconnect();
+    this._overlayObserver = null;
+    this._overlayRoot = null;
+    this._overlayInset = -1;
     this._resizeObserver = null;
     this._mutationObserver = null;
     if (this._spacerRafId !== null) {
@@ -4000,6 +4053,12 @@ class AparteComposerInput extends HTMLElement {
   }
   connectedCallback() {
     this._render();
+    this._editor = this.querySelector(".aparte-ci-editor");
+    this._editor?.addEventListener("input", this._onInput);
+    this._editor?.addEventListener("keydown", this._onKeydown);
+    this._editor?.addEventListener("focus", this._onFocus);
+    this._editor?.addEventListener("blur", this._onBlur);
+    this._editor?.addEventListener("paste", this._onPaste);
     this._connectToRoot();
     this._scheduleInitialReflow();
     this._unsubscribes.push(subscribeConfigChange(this, () => this._updatePlaceholder()));
@@ -4103,11 +4162,6 @@ class AparteComposerInput extends HTMLElement {
             data-placeholder="${placeholder}"
         ></div>`;
     this._editor = this.querySelector(".aparte-ci-editor");
-    this._editor?.addEventListener("input", this._onInput);
-    this._editor?.addEventListener("keydown", this._onKeydown);
-    this._editor?.addEventListener("focus", this._onFocus);
-    this._editor?.addEventListener("blur", this._onBlur);
-    this._editor?.addEventListener("paste", this._onPaste);
     this._adjustHeight();
   }
   _connectToRoot() {
@@ -4236,6 +4290,8 @@ class AparteComposerSend extends HTMLElement {
   _onClick = this._handleClick.bind(this);
   connectedCallback() {
     this._render();
+    this._button = this.querySelector(".aparte-cs-button");
+    this._button?.addEventListener("click", this._onClick);
     this._connectToRoot();
   }
   disconnectedCallback() {
@@ -4259,8 +4315,6 @@ class AparteComposerSend extends HTMLElement {
             title="${escapeAttr(label)}"
             ${disabled ? "disabled" : ""}
         >${icon}</button>`;
-    this._button = this.querySelector(".aparte-cs-button");
-    this._button?.addEventListener("click", this._onClick);
   }
   _connectToRoot() {
     const root = this._getRoot();
@@ -4388,6 +4442,8 @@ class AparteComposerCancel extends HTMLElement {
   _onClick = this._handleClick.bind(this);
   connectedCallback() {
     this._render();
+    this._button = this.querySelector(".aparte-cc-button");
+    this._button?.addEventListener("click", this._onClick);
     this._connectToRoot();
     this._unsubscribes.push(subscribeConfigChange(this, () => this._refreshChrome()));
   }
@@ -4410,8 +4466,6 @@ class AparteComposerCancel extends HTMLElement {
             title="${escapeAttr(label)}"
             hidden
         >${icon}</button>`;
-    this._button = this.querySelector(".aparte-cc-button");
-    this._button?.addEventListener("click", this._onClick);
   }
   _connectToRoot() {
     const root = this._getRoot();
@@ -4542,6 +4596,8 @@ class AparteComposerAddAttachment extends HTMLElement {
   }
   connectedCallback() {
     this._render();
+    this._button = this.querySelector(".aparte-caa-button");
+    this._button?.addEventListener("click", this._onClick);
     this._connectToRoot();
     this._setupDragDrop();
     this._unsubscribes.push(subscribeConfigChange(this, () => this._refreshChrome()));
@@ -4590,8 +4646,6 @@ class AparteComposerAddAttachment extends HTMLElement {
             type="button"
             ${disabled ? "disabled" : ""}
         >${icon}</button>`;
-    this._button = this.querySelector(".aparte-caa-button");
-    this._button?.addEventListener("click", this._onClick);
   }
   _connectToRoot() {
     const root = this._getRoot();
@@ -4667,6 +4721,8 @@ class AparteComposerAction extends HTMLElement {
   }
   connectedCallback() {
     this._render();
+    this._button = this.querySelector(".aparte-cact-button");
+    this._button?.addEventListener("click", this._onClick);
     this._connectToRoot();
     this._unsubscribes.push(subscribeConfigChange(this, () => {
       if (this._button) this._button.innerHTML = this._resolveIcon(this.getAttribute("icon") ?? "");
@@ -4706,8 +4762,6 @@ class AparteComposerAction extends HTMLElement {
             type="button"
             ${disabled ? "disabled" : ""}
         >${icon}</button>`;
-    this._button = this.querySelector(".aparte-cact-button");
-    this._button?.addEventListener("click", this._onClick);
   }
   _connectToRoot() {
     const root = this._getRoot();