@aparte/core 0.16.4 → 0.16.5

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

@@ -200,6 +200,8 @@ export interface AparteSplitAttributes {
     disabled?: boolean;
     /** The seam's accessible name. Defaults to the locale's `splitHandleLabel`. */
     label?: string;
+    /** Show one pane — the one `pane` names — whatever the width: the seam and the other pane are gone, as under the breakpoint. For a host that decides itself when a second pane exists (a preview with nothing to preview yet). `collapsed` is not this: it folds the primary pane to `--aparte-split-min` and keeps the seam. The CSS route, `.aparte-split--only-start` / `--only-end`, is the same state for a host that owns its breakpoints. */
+    single?: boolean;
     /** Written BY the element while one pane is shown. Read-only; style against it. */
     'data-stacked'?: 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":"AAIA,+CAA+C;AAC/C,MAAM,WAAW,oBAAoB;IACjC,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sGAAsG;IACtG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yLAAyL;IACzL,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,ueAAue;IACve,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2YAA2Y;IAC3Y,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,oGAAoG;AACpG,MAAM,WAAW,0BAA0B;IACvC,sNAAsN;IACtN,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yHAAyH;IACzH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,mSAAmS;AACnS,MAAM,WAAW,0BAA0B;IACvC,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4IAA4I;IAC5I,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,mJAAmJ;AACnJ,MAAM,WAAW,4BAA4B;IACzC,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sEAAsE;IACtE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gXAAgX;IAChX,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,4QAA4Q;AAC5Q,MAAM,WAAW,wBAAwB;IACrC,wLAAwL;IACxL,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mLAAmL;IACnL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kSAAkS;IAClS,iBAAiB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CACzC;AAED,0FAA0F;AAC1F,MAAM,WAAW,8BAA8B;IAC3C,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2LAA2L;IAC3L,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,qFAAqF;AACrF,MAAM,WAAW,qCAAqC;IAClD,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7B,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wEAAwE;AACxE,MAAM,WAAW,6BAA6B;IAC1C,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uLAAuL;IACvL,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,8QAA8Q;AAC9Q,MAAM,WAAW,+BAA+B;IAC5C,iKAAiK;IACjK,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wGAAwG;AACxG,MAAM,WAAW,uBAAuB;IACpC,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0EAA0E;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,mQAAmQ;AACnQ,MAAM,WAAW,gCAAgC;IAC7C,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,mCAAmC;AACnC,MAAM,WAAW,oBAAoB;IACjC,qIAAqI;IACrI,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,2CAA2C;AAC3C,MAAM,WAAW,wBAAwB;IACrC,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yIAAyI;IACzI,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,uCAAuC;AACvC,MAAM,WAAW,sBAAsB;IACnC,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,0DAA0D;AAC1D,MAAM,WAAW,+BAA+B;IAC5C,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,gLAAgL;AAChL,MAAM,WAAW,0BAA0B;IACvC,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,sJAAsJ;AACtJ,MAAM,WAAW,sBAAsB;IACnC,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,8QAA8Q;AAC9Q,MAAM,WAAW,uBAAuB;IACpC,uFAAuF;IACvF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qIAAqI;IACrI,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,gHAAgH;AAChH,MAAM,WAAW,qBAAqB;IAClC,4GAA4G;IAC5G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0GAA0G;IAC1G,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qHAAqH;IACrH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iHAAiH;IACjH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,+GAA+G;AAC/G,MAAM,WAAW,2BAA2B;IACxC,oMAAoM;IACpM,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2HAA2H;IAC3H,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kJAAkJ;IAClJ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0HAA0H;IAC1H,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oIAAoI;IACpI,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,WAAW,uBAAuB;IACpC,aAAa,EAAE,oBAAoB,CAAC;IACpC,oBAAoB,EAAE,0BAA0B,CAAC;IACjD,oBAAoB,EAAE,0BAA0B,CAAC;IACjD,sBAAsB,EAAE,4BAA4B,CAAC;IACrD,iBAAiB,EAAE,wBAAwB,CAAC;IAC5C,wBAAwB,EAAE,8BAA8B,CAAC;IACzD,gCAAgC,EAAE,qCAAqC,CAAC;IACxE,6BAA6B,EAAE,kBAAkB,CAAC;IAClD,wBAAwB,EAAE,kBAAkB,CAAC;IAC7C,uBAAuB,EAAE,6BAA6B,CAAC;IACvD,sBAAsB,EAAE,kBAAkB,CAAC;IAC3C,yBAAyB,EAAE,+BAA+B,CAAC;IAC3D,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,0BAA0B,EAAE,gCAAgC,CAAC;IAC7D,oBAAoB,EAAE,kBAAkB,CAAC;IACzC,aAAa,EAAE,oBAAoB,CAAC;IACpC,iBAAiB,EAAE,wBAAwB,CAAC;IAC5C,eAAe,EAAE,sBAAsB,CAAC;IACxC,yBAAyB,EAAE,+BAA+B,CAAC;IAC3D,oBAAoB,EAAE,0BAA0B,CAAC;IACjD,eAAe,EAAE,sBAAsB,CAAC;IACxC,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,cAAc,EAAE,qBAAqB,CAAC;IACtC,oBAAoB,EAAE,2BAA2B,CAAC;CACrD;AAED,2FAA2F;AAC3F,MAAM,MAAM,oBAAoB,GAAG,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"element-attributes.d.ts","sourceRoot":"","sources":["../../src/generated/element-attributes.ts"],"names":[],"mappings":"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"}

package/dist/index.css

@@ -596,7 +596,11 @@ aparte-chat {
      The eight text sizes were px and are rem now, like the rest of the typography:
      identical at a 16px root, and following the reader's setting elsewhere. */
   --aparte-message-gap: var(--aparte-space-6);
-  --aparte-message-padding: var(--aparte-space-8) var(--aparte-space-6);
+  /* Split, because the action bar's offset below a message is computed from the
+     vertical half (#56) — a shorthand cannot be read by parts. */
+  --aparte-message-padding-block: var(--aparte-space-8);
+  --aparte-message-padding-inline: var(--aparte-space-6);
+  --aparte-message-padding: var(--aparte-message-padding-block) var(--aparte-message-padding-inline);
   --aparte-message-content-padding: var(--aparte-space-5) var(--aparte-space-7);
   --aparte-action-bar-gap: var(--aparte-space-2);
   --aparte-branch-picker-gap: var(--aparte-space-2);
@@ -1030,6 +1034,10 @@ aparte-conversation-list {
  *       <button class="aparte-btn aparte-btn--surface">1 / 2</button>
  *       <button class="aparte-btn aparte-btn--surface">›</button>
  *     </div>
+ *     <div class="aparte-btn-group" role="group" aria-label="View">
+ *       <button class="aparte-btn aparte-btn--primary aparte-btn--outline" aria-pressed="true">Chat</button>
+ *       <button class="aparte-btn aparte-btn--primary aparte-btn--outline" aria-pressed="false">Preview</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.
@@ -1037,7 +1045,9 @@ aparte-conversation-list {
  * `.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.
+ * one too. A SEGMENTED control is the same group with one segment selected: mark it
+ * `aria-pressed="true"` (or `aria-selected="true"` under `role="tablist"`) and it is
+ * painted solid in the group's intent, at rest — not only under the pointer.
  *
  * 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
@@ -1242,12 +1252,23 @@ aparte-conversation-list {
   outline-offset: var(--aparte-btn-focus-offset);
 }
 
-/* Toggled — a disclosure that is open, a toggle that is on. */
+/* Toggled — a disclosure that is open, a toggle that is on, a tab that is current. */
 .aparte-btn[aria-expanded='true'],
-.aparte-btn[aria-pressed='true'] {
+.aparte-btn[aria-pressed='true'],
+.aparte-btn[aria-selected='true'] {
   background: var(--aparte-btn-bg-toggled);
   color: var(--aparte-btn-color-toggled);
 }
+/* On a coloured fill the toggled wash must be DEEPER than the hover wash (22 %), or the
+   pointer reads as the state and the state reads as nothing — measured on a dark
+   `Chat | Preview` group, where `--aparte-btn-bg-toggled` (surface-2) sits a hair from
+   surface-1 and the selected segment showed as an empty outline until hovered (#53). */
+.aparte-btn--outline[aria-pressed='true'],
+.aparte-btn--soft[aria-pressed='true'],
+.aparte-btn--outline[aria-selected='true'],
+.aparte-btn--soft[aria-selected='true'] {
+  background: color-mix(in srgb, var(--aparte-btn-intent) 30%, transparent);
+}
 
 /* Busy is NOT disabled: it stays focusable, and the app is what swaps the icon for a
    spinner. Only the cursor changes here. */
@@ -1294,6 +1315,24 @@ aparte-conversation-list {
 .aparte-btn-group > .aparte-btn:not(:first-child) { margin-inline-start: calc(var(--aparte-border-width) * -1); }
 .aparte-btn-group > .aparte-btn:hover,
 .aparte-btn-group > .aparte-btn:focus-visible { z-index: var(--aparte-z-raised); }
+/* The selected segment. Solid in the group's intent, whatever fill the segments wear:
+   a segmented control has exactly one thing to say at rest, and a wash could not say
+   it on dark (#53). `--surface` ignores the intent, so its groups select in neutral.
+   Hover leaves it alone — the pointer must never be what makes selection legible. */
+.aparte-btn-group > .aparte-btn[aria-pressed='true'],
+.aparte-btn-group > .aparte-btn[aria-selected='true'],
+.aparte-btn-group > .aparte-btn[aria-current] {
+  background: var(--aparte-btn-intent);
+  border-color: var(--aparte-btn-intent);
+  color: var(--aparte-btn-on-intent);
+  z-index: var(--aparte-z-raised);
+}
+.aparte-btn-group > .aparte-btn[aria-pressed='true']:hover:not(:disabled),
+.aparte-btn-group > .aparte-btn[aria-selected='true']:hover:not(:disabled),
+.aparte-btn-group > .aparte-btn[aria-current]:hover:not(:disabled) {
+  background: var(--aparte-btn-intent);
+  filter: none;
+}
 
 /* In forced-colors the UA repaints everything and drops backgrounds, so a solid button
    loses the only thing marking it as the primary action. A border survives. */
@@ -4549,7 +4588,10 @@ aparte-chat-viewport[framework-managed] {
   overscroll-behavior: contain;
   display: flex;
   flex-direction: column;
-  gap: var(--aparte-message-gap);
+  /* No flex gap — each bubble carries the distance to the next as its own padding,
+     inside its contained box, where an older message's action bar floats (#56;
+     the rationale is on `.aparte-messages-wrapper` in bubble.css). */
+  gap: 0;
   padding: var(--aparte-viewport-padding);
   /* 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
@@ -4583,11 +4625,10 @@ 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);
+  /* The column has no `gap` any more (each bubble carries its own), so this item pays
+     none — the negative margin that used to cancel it would now eat the last bubble's
+     padding. (History: with a gap, an EMPTY transcript was 8px taller than its box and
+     grew a scrollbar beside the welcome state.) */
 }
 
 aparte-chat-viewport.aparte-viewport--framework::-webkit-scrollbar {
@@ -4730,7 +4771,11 @@ aparte-chat[overlay-composer][center-empty][data-empty] > aparte-chat-viewport,
 .aparte-messages-wrapper {
   display: flex;
   flex-direction: column;
-  gap: var(--aparte-message-gap);
+  /* No flex gap: the space between two turns is each bubble's own padding-block-end
+     (below), so that it lies INSIDE the bubble's contained box — where the action
+     bar of an older message floats (#56). A flex gap is outside every box, and the
+     bubble's paint containment clipped anything placed there. */
+  gap: 0;
   padding: var(--aparte-viewport-padding);
 }
 
@@ -4753,6 +4798,10 @@ aparte-chat-bubble {
   contain: layout style paint;
   content-visibility: auto;
   contain-intrinsic-size: auto 320px;
+  /* The distance to the next turn, carried by the bubble rather than by the list's
+     `gap`, so it is part of this box: an older message's action bar floats over it
+     (#56). Same token, same distance — nothing moved. */
+  padding-block-end: var(--aparte-message-gap);
 }
 
 .aparte-message {
@@ -4799,6 +4848,9 @@ aparte-chat-bubble {
 .aparte-body {
   flex: 1;
   min-width: 0;
+  /* The containing block of a floating footer: the bar starts where the text starts
+     and sits under it, whichever way the avatar column is laid out. */
+  position: relative;
 }
 
 /* The message bubble — the surface fills ONLY the content (segments + text).
@@ -4866,11 +4918,22 @@ aparte-chat-bubble:last-of-type .aparte-message[data-role="assistant"]:not(.apar
  * Measured (UI audit 2026-08-28, §8.3 #7): 103px between the text of one turn and the
  * text of the next, and 34 of them were this footer — 28px of buttons nobody could
  * see plus its margin, under EVERY message, so that the bar could appear on hover
- * without moving anything. The market floats it instead. It cannot float below the
- * message here: the bubble is a paint-containment boundary (`content-visibility`),
- * so anything outside its box is clipped. It floats INSIDE the box, over the header
- * row's empty end — the one place it overlaps no text — as the small bordered
- * toolbar a Slack message shows on hover.
+ * without moving anything. The market floats it instead, BELOW the message, in the
+ * space that already separates two turns: that is where ChatGPT and Claude put it,
+ * and it takes no height because the space is already there.
+ *
+ * It floated top-right first (#56), over the header row's empty end, for one reason:
+ * the bubble is a paint-containment boundary (`content-visibility`), and the space
+ * between two bubbles was the list's flex `gap` — outside every box — so a bar
+ * placed under the text was clipped. The gap is the bubble's own padding-block-end
+ * now (see `aparte-chat-bubble` above), inside its box. The bar hangs from the
+ * content column's bottom edge by `message padding-block + gap`: 16 + 12 = 28px at
+ * the default density, 24 + 18 = 42px at the comfortable one, and the bar is 24px on
+ * these messages — it overlaps padding, never text. The distance between turns is
+ * what it was. A narrow container (responsive.css) shrinks the padding to 12 + 8 = 20:
+ * 4px of the bar reach the last line's leading, under glyphs that do not descend that
+ * far; and a narrow container is mostly a coarse pointer, where this block does not
+ * apply.
  *
  * Three footers stay in the flow. The last assistant message: its bar is always on
  * show, under the reply, where every chat puts it. A message whose branch picker is
@@ -4878,38 +4941,27 @@ aparte-chat-bubble:last-of-type .aparte-message[data-role="assistant"]:not(.apar
  * picker must stay in view. And every message under a pointer that cannot hover, or
  * that is coarse — `(hover: hover) and (pointer: fine)`, because the two features are
  * independent and a TV remote reports both hover and coarse; responsive.css gives a
- * coarse pointer a 44px bar in the flow, and floated over the header row a 44px bar
- * would sit on the first line of the reply.
- *
- * The bar's place depends on the header row: 8px from the top, it fills the empty end
- * of the "Assistant · 12:34" line and clears the text by the header's height. A host
- * that hides `.aparte-header` moves that line away and should move the bar too
- * (`.aparte-footer { top: … }`), or keep it in the flow.
+ * coarse pointer a 44px bar in the flow, and floated under the text a 44px bar would
+ * cover the next turn.
  *
  * Invisible but NOT inert, on purpose. `opacity: 0` keeps the bar hit-testable, so a
- * drag-select started on the empty end of the header row begins on a button nobody
- * sees — a review flagged it, and `pointer-events: none` until `:hover` was tried. It
- * made the bar unreachable to anything that clicks without hovering first: Playwright
- * (which hit-tests the point before it moves the mouse — the header "intercepted" the
- * edit button on four projects), and with it voice control and switch access, which
+ * drag-select started under a message begins on a button nobody sees — a review
+ * flagged it, and `pointer-events: none` until `:hover` was tried. It made the bar
+ * unreachable to anything that clicks without hovering first: Playwright (which
+ * hit-tests the point before it moves the mouse — the header "intercepted" the edit
+ * button on four projects), and with it voice control and switch access, which
  * synthesise a click the same way. A control only a hover can enable is a control
- * some users cannot reach; a phantom button on an empty header end is not. */
+ * some users cannot reach; a phantom button in the space between two turns is not. */
 @media (hover: hover) and (pointer: fine) {
   aparte-chat-bubble:not(:last-of-type) .aparte-message:not([data-branches]) .aparte-footer,
   aparte-chat-bubble:last-of-type .aparte-message[data-role="user"]:not([data-branches]) .aparte-footer {
     position: absolute;
-    top: var(--aparte-space-4);
-    inset-inline-end: var(--aparte-space-6);
+    inset-inline-start: 0;
+    inset-block-end: calc(-1 * (var(--aparte-message-padding-block) + var(--aparte-message-gap)));
     margin: 0;
     z-index: 1;
-  }
-
-  aparte-chat-bubble:not(:last-of-type) .aparte-message:not([data-branches]) .aparte-action-bar,
-  aparte-chat-bubble:last-of-type .aparte-message[data-role="user"]:not([data-branches]) .aparte-action-bar {
-    background: var(--aparte-surface-1);
-    border: var(--aparte-border-width) solid var(--aparte-border);
-    border-radius: var(--aparte-radius-md);
-    box-shadow: var(--aparte-popover-shadow);
+    /* Smaller than the last reply's 28px: this one lives in the padding. */
+    --aparte-action-bar-btn-size: 24px;
   }
 }
 
@@ -5449,11 +5501,18 @@ aparte-composer-input .aparte-ci-editor {
   caret-color: var(--aparte-text);
 }
 
-/* Placeholder via CSS */
+/* Placeholder via CSS. It never wraps: a `::before` counts in `scrollHeight`, and the
+   auto-grow measured it once in a box that had no width yet — "Type a message…" folded
+   over a dozen lines and the editor came up ~300 px tall while empty (#55). A
+   placeholder longer than the box is clipped, which is what every native input does. */
 aparte-composer-input .aparte-ci-editor:empty::before {
   content: attr(data-placeholder);
   color: var(--aparte-input-placeholder);
   pointer-events: none;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
 }
 
 aparte-composer-input .aparte-ci-editor[aria-disabled="true"] {
@@ -7262,6 +7321,7 @@ aparte-split[orientation='vertical'] .aparte-split__scrim,
    Not "position: 100% and a zero-size handle": that leaves a focusable separator of
    no width sitting in the tab order. */
 aparte-split[data-stacked],
+aparte-split[single],
 .aparte-split--only-start,
 .aparte-split--only-end {
   grid-template-columns: minmax(0, 1fr);
@@ -7269,17 +7329,23 @@ aparte-split[data-stacked],
 }
 
 aparte-split[data-stacked] > .aparte-split__handle,
+aparte-split[single] > .aparte-split__handle,
 .aparte-split--only-start > .aparte-split__handle,
 .aparte-split--only-end > .aparte-split__handle {
   display: none;
 }
 
+/* `single` is the host's word for the same state (#54): one pane, whatever the width,
+   the one `pane` names. Same rules as the breakpoint's, so the element reads both the
+   same way. */
 aparte-split[data-stacked]:not([pane='end']) > :nth-child(3),
+aparte-split[single]:not([pane='end']) > :nth-child(3),
 .aparte-split--only-start > :nth-child(3) {
   display: none;
 }
 
 aparte-split[data-stacked][pane='end'] > :nth-child(1),
+aparte-split[single][pane='end'] > :nth-child(1),
 .aparte-split--only-end > :nth-child(1) {
   display: none;
 }
@@ -7578,7 +7644,8 @@ aparte-split[disabled] > .aparte-split__handle:hover {
    without container-query support keep the wide defaults. */
 @container (max-width: 520px) {
   .aparte-message {
-    --aparte-message-padding: var(--aparte-space-6) var(--aparte-space-4);
+    --aparte-message-padding-block: var(--aparte-space-6);
+    --aparte-message-padding-inline: var(--aparte-space-4);
     --aparte-message-gap: var(--aparte-space-4);
   }
 

package/dist/index.js

@@ -2311,6 +2311,24 @@ class AparteChatViewport extends HTMLElement {
   /** How long after a scroll of ours we keep re-anchoring while the layout churns.
    *  Not `readonly`: a test shortens it to run past the window's end in a few frames. */
   _settleWindowMs = 400;
+  /**
+   * Until when a smooth scroll of ours is in flight (#57). A user send glides to the
+   * bottom with `scrollTo({ behavior: 'smooth' })`; the assistant placeholder and the
+   * first tokens used to land INSIDE that glide through the streaming path — an instant
+   * `scrollTop = scrollHeight` plus the settle chain — and an instant write cancels a
+   * running smooth scroll in every engine. Measured before the fix: five instant writes
+   * in the send's own frame (the spacer recalculation scrolls synchronously, the
+   * mutation observer queues another), so there never was a glide to cut — the view
+   * teleported. While this deadline is ahead, every bottom-pin RE-TARGETS the glide
+   * (a second smooth `scrollTo` is continuous) instead of writing `scrollTop`; the
+   * browser's `scrollend` closes it early where supported. Streaming is instant again
+   * after that, as it must be to keep up with token bursts.
+   */
+  _glideUntil = 0;
+  /** The glide's budget when `scrollend` is not there to close it: Chromium's smooth scroll over a viewport takes ~300–500 ms. */
+  _glideWindowMs = 450;
+  /** Armed with each glide: when the window closes, a view still short of the bottom is pinned. */
+  _glideSettleTimer = null;
   /** Deadline of the settle in flight (0 = none). Pushed forward, never stacked. */
   _settleUntil = 0;
   _settleRafId = null;
@@ -2347,6 +2365,7 @@ class AparteChatViewport extends HTMLElement {
   constructor() {
     super();
     this._handleScroll = this._handleScroll.bind(this);
+    this._handleScrollEnd = this._handleScrollEnd.bind(this);
   }
   connectedCallback() {
     if (this.hasAttribute("framework-managed")) this._frameworkManagedDOM = true;
@@ -2727,9 +2746,12 @@ class AparteChatViewport extends HTMLElement {
     }
     this._pruneRenderedBubbles();
     this._syncBusy();
-    this._recalculateSpacer();
     if (message.role === "user") {
       this._isAutoScrollEnabled = true;
+      this._smoothScrollToBottom();
+    }
+    this._recalculateSpacer();
+    if (message.role === "user") {
       requestAnimationFrame(() => {
         if (this._isAutoScrollEnabled) this._smoothScrollToBottom();
       });
@@ -3081,16 +3103,9 @@ class AparteChatViewport extends HTMLElement {
   }
   _autoScroll() {
     if (this._isAutoScrollEnabled) {
-      if (this._smoothScrollOnce) {
-        this._smoothScrollOnce = false;
-        requestAnimationFrame(() => {
-          if (this._isAutoScrollEnabled) this._smoothScrollToBottom();
-        });
-      } else {
-        requestAnimationFrame(() => {
-          if (this._isAutoScrollEnabled) this._scrollToBottom();
-        });
-      }
+      requestAnimationFrame(() => {
+        if (this._isAutoScrollEnabled) this._scrollToBottom();
+      });
     }
     this._pruneRenderedBubbles();
   }
@@ -3234,6 +3249,14 @@ class AparteChatViewport extends HTMLElement {
       if (!inGutter) return;
     }
     this._readerInputAt = performance.now();
+    if (this._gliding() && this._container) {
+      this._glideUntil = 0;
+      if (e.type === "wheel" || e.type === "touchmove") {
+        this._ownScrollAt = performance.now();
+        const here = this._container.scrollTop;
+        this._container.scrollTop = here;
+      }
+    }
   };
   _onBranchNavigate = (e) => {
     const evt = e;
@@ -3242,6 +3265,7 @@ class AparteChatViewport extends HTMLElement {
   };
   _setupEventListeners() {
     this._container?.addEventListener("scroll", this._handleScroll, { passive: true });
+    this._container?.addEventListener("scrollend", this._handleScrollEnd, { passive: true });
     for (const type of ["wheel", "touchmove", "pointerdown", "keydown"]) {
       this._container?.addEventListener(type, this._noteReaderInput, { passive: true });
     }
@@ -3275,8 +3299,16 @@ class AparteChatViewport extends HTMLElement {
       this._overlayObserver.observe(this._overlayRoot, { childList: true });
       this._updateOverlayInset();
     }
-    this._mutationObserver = new MutationObserver(() => {
+    this._mutationObserver = new MutationObserver((mutations) => {
       if (this._frameworkManagedDOM) this._keepScrollButtonLast();
+      if (this._isAutoScrollEnabled && !this._gliding()) {
+        const added = mutations.flatMap((m2) => Array.from(m2.addedNodes)).filter((n2) => n2 instanceof Element && n2.tagName === "APARTE-CHAT-BUBBLE");
+        const only = added.length === 1 ? added[0] : void 0;
+        if (only && only.getAttribute("data-role") === "user" && only.parentElement) {
+          const bubbles = only.parentElement.querySelectorAll("aparte-chat-bubble");
+          if (bubbles[bubbles.length - 1] === only) this._smoothScrollOnce = true;
+        }
+      }
       if (this._isAutoScrollEnabled) {
         requestAnimationFrame(() => {
           if (this._isAutoScrollEnabled) this._scrollToBottom();
@@ -3352,10 +3384,41 @@ class AparteChatViewport extends HTMLElement {
   }
   _scrollToBottom() {
     if (!this._container) return;
+    if (this._smoothScrollOnce) {
+      this._smoothScrollOnce = false;
+      this._smoothScrollToBottom();
+      return;
+    }
+    if (this._gliding()) {
+      this._retargetGlide();
+      return;
+    }
     this._ownScrollAt = performance.now();
     this._container.scrollTop = this._container.scrollHeight;
     this._settleAtBottom();
   }
+  _gliding() {
+    return performance.now() < this._glideUntil;
+  }
+  /** A second smooth `scrollTo` is continuous where an instant write is a cut. */
+  _retargetGlide() {
+    if (!this._container) return;
+    this._ownScrollAt = performance.now();
+    this._container.scrollTo({ top: this._container.scrollHeight, behavior: "smooth" });
+  }
+  /**
+   * The browser says a scroll came to rest — the glide is over ONLY if it rested at the
+   * bottom. WebKit fires `scrollend` when a smooth scroll is REPLACED by another (our own
+   * re-target), 45–60 ms into the glide and hundreds of pixels short; taken at its word,
+   * that closed the window and the next pin was the cut this guard exists to prevent
+   * (react-webkit and vanilla-webkit, 2 of 2). Short of the bottom, the budget keeps
+   * bounding the window.
+   */
+  _handleScrollEnd() {
+    if (!this._container) return;
+    const max = this._container.scrollHeight - this._container.clientHeight;
+    if (max - this._container.scrollTop <= 1) this._glideUntil = 0;
+  }
   /**
    * Confirm over the next few frames that we actually reached the bottom.
    *
@@ -3401,7 +3464,7 @@ class AparteChatViewport extends HTMLElement {
         return;
       }
       const max = this._container.scrollHeight - this._container.clientHeight;
-      if (max - this._container.scrollTop > 1) {
+      if (max - this._container.scrollTop > 1 && !this._gliding()) {
         this._ownScrollAt = performance.now();
         this._container.scrollTop = max;
       }
@@ -3414,7 +3477,15 @@ class AparteChatViewport extends HTMLElement {
     if (!this._container) return;
     this._ownScrollAt = performance.now();
     if (typeof this._container.scrollTo === "function" && !this._prefersReducedMotion()) {
+      this._glideUntil = performance.now() + this._glideWindowMs;
       this._container.scrollTo({ top: this._container.scrollHeight, behavior: "smooth" });
+      if (this._glideSettleTimer !== null) clearTimeout(this._glideSettleTimer);
+      this._glideSettleTimer = setTimeout(() => {
+        this._glideSettleTimer = null;
+        if (!this._container || !this._isAutoScrollEnabled || this._gliding()) return;
+        const max = this._container.scrollHeight - this._container.clientHeight;
+        if (max - this._container.scrollTop > 1) this._scrollToBottom();
+      }, this._glideWindowMs + 16);
     } else {
       this._container.scrollTop = this._container.scrollHeight;
     }
@@ -3530,6 +3601,11 @@ class AparteChatViewport extends HTMLElement {
   }
   _cleanup() {
     this._container?.removeEventListener("scroll", this._handleScroll);
+    this._container?.removeEventListener("scrollend", this._handleScrollEnd);
+    if (this._glideSettleTimer !== null) {
+      clearTimeout(this._glideSettleTimer);
+      this._glideSettleTimer = null;
+    }
     for (const type of ["wheel", "touchmove", "pointerdown", "keydown"]) {
       this._container?.removeEventListener(type, this._noteReaderInput);
     }
@@ -4041,6 +4117,14 @@ class AparteComposerInput extends HTMLElement {
   _editor = null;
   _maxHeight = 200;
   _minHeight = 44;
+  /**
+   * Re-measures the editor when its WIDTH changes (#55). The three fixed instants
+   * (connect, next frame, fonts.ready) all miss the same case: a box not yet laid
+   * out — the placeholder wraps in a 0 px column, `scrollHeight` reads ~300 px, and
+   * that became the inline height until the first keystroke. Width is the variable
+   * none of them watched.
+   */
+  _resizeObserver = null;
   _unsubscribes = [];
   // Bound handlers
   _onInput = this._handleInput.bind(this);
@@ -4061,6 +4145,10 @@ class AparteComposerInput extends HTMLElement {
     this._editor?.addEventListener("paste", this._onPaste);
     this._connectToRoot();
     this._scheduleInitialReflow();
+    if (this._editor && typeof ResizeObserver === "function") {
+      this._resizeObserver = new ResizeObserver(() => this._adjustHeight());
+      this._resizeObserver.observe(this._editor);
+    }
     this._unsubscribes.push(subscribeConfigChange(this, () => this._updatePlaceholder()));
   }
   disconnectedCallback() {
@@ -4069,6 +4157,8 @@ class AparteComposerInput extends HTMLElement {
     this._editor?.removeEventListener("focus", this._onFocus);
     this._editor?.removeEventListener("blur", this._onBlur);
     this._editor?.removeEventListener("paste", this._onPaste);
+    this._resizeObserver?.disconnect();
+    this._resizeObserver = null;
     this._unsubscribes.forEach((fn) => fn());
     this._unsubscribes = [];
   }
@@ -6133,7 +6223,7 @@ function toPercent(raw, fallback) {
 }
 class AparteSplit extends HTMLElement {
   static get observedAttributes() {
-    return ["position", "orientation", "primary", "collapsed", "breakpoint", "pane", "disabled", "label"];
+    return ["position", "orientation", "primary", "collapsed", "breakpoint", "pane", "disabled", "label", "single"];
   }
   _handle = null;
   _scrim = null;
@@ -6244,7 +6334,14 @@ class AparteSplit extends HTMLElement {
    * alone would measure a one-track grid and commit `position="100"`.
    */
   get stacked() {
-    return this.hasAttribute("data-stacked") || this.classList.contains("aparte-split--only-start") || this.classList.contains("aparte-split--only-end");
+    return this.hasAttribute("data-stacked") || this.hasAttribute("single") || this.classList.contains("aparte-split--only-start") || this.classList.contains("aparte-split--only-end");
+  }
+  /** One pane on demand, whatever the width (#54). Reflected. */
+  get single() {
+    return this.hasAttribute("single");
+  }
+  set single(value) {
+    this.toggleAttribute("single", value);
   }
   // ─── Public API ───────────────────────────────────────────────────────
   /** Fold the primary pane to its minimum, remembering the size it had. */
@@ -6375,6 +6472,10 @@ class AparteSplit extends HTMLElement {
         if (this.disabled && this._dragging) this._endDrag("pointer", this._dragStartPercent);
         this._stampHandle();
         return;
+      case "single":
+        if (this.single && this._dragging) this._endDrag("pointer", this._dragStartPercent);
+        this._stampHandle();
+        return;
       case "breakpoint":
         this._watchBreakpoint();
         return;