@aparte/core 0.6.0 → 0.7.0

package/dist/index.css

@@ -2059,7 +2059,12 @@ aparte-composer.is-dragover:not(:has(.aparte-composer-shell)) {
   justify-content: center;
 }
 
-/* Footer row below the input row (model selector etc.) */
+/* The composer's bottom row (mode picker, model selector, token counter…).
+   `aparte-composer-toolbar` is the element consumers write — one name for vanilla and
+   every wrapper. `.aparte-composer-footer` is the class the same row used to be built
+   with, kept so markup that predates the element keeps its styling instead of silently
+   rendering as a bare div. Removable at 1.0. */
+aparte-composer-toolbar,
 .aparte-composer-footer {
   display: flex;
   align-items: center;
@@ -2068,6 +2073,11 @@ aparte-composer.is-dragover:not(:has(.aparte-composer-shell)) {
   border-top: var(--aparte-border-width, 1px) solid var(--aparte-border);
 }
 
+/* A row with nothing in it must not draw its separator. The element reflects
+   `data-empty` itself (see aparte-composer-toolbar.ts) because `:empty` is defeated by
+   the whitespace text node an indented template leaves behind; the legacy class keeps
+   `:empty`, which is all it ever had. */
+aparte-composer-toolbar[data-empty],
 .aparte-composer-footer:empty {
   display: none;
 }

package/dist/index.d.ts

@@ -26,7 +26,7 @@ export { AparteChatBubble, populateBubbleFromMessage } from './components/index.
 export type { SyncableBubble } from './components/index.js';
 export { AparteChatStatus } from './components/index.js';
 export { AparteChatViewport } from './components/index.js';
-export { AparteComposer, AparteComposerInput, AparteComposerSend, AparteComposerCancel, AparteComposerAttachments, AparteComposerAddAttachment, AparteComposerAction } from './components/index.js';
+export { AparteComposer, AparteComposerInput, AparteComposerSend, AparteComposerCancel, AparteComposerAttachments, AparteComposerAddAttachment, AparteComposerAction, AparteComposerToolbar } from './components/index.js';
 export type { AparteComposerEventMap, AparteComposerEventType, AparteComposerState, AparteComposerChangeEventDetail } from './components/index.js';
 export { AparteConversationList } from './components/index.js';
 export type { AparteConversationListItem, AparteConversationSelectDetail, AparteConversationDeleteDetail } from './components/index.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gCAAgC,CAAC;AACxC,OAAO,oDAAoD,CAAC;AAG5D,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,KAAK,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAGzI,YAAY,EACR,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACnB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,EACzB,sBAAsB,EACtB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EAErB,gBAAgB,EAChB,aAAa,EACb,2BAA2B,EAC3B,4BAA4B,EAC5B,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,4BAA4B,EAC5B,4BAA4B,EAC5B,4BAA4B,EAC5B,iBAAiB,EACjB,+BAA+B,EAC/B,4BAA4B,EAC5B,sBAAsB,EACtB,qBAAqB,EACrB,yBAAyB,EACzB,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAE7B,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,WAAW,EAEX,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,wBAAwB,EACxB,+BAA+B,EAC/B,sBAAsB,EAEtB,uBAAuB,EAC1B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAG/E,OAAO,EACH,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EAC3B,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AACpF,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACpM,YAAY,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,+BAA+B,EAAE,MAAM,uBAAuB,CAAC;AAGnJ,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,YAAY,EAAE,0BAA0B,EAAE,8BAA8B,EAAE,8BAA8B,EAAE,MAAM,uBAAuB,CAAC;AAGxI,YAAY,EACR,kBAAkB,EAClB,sBAAsB,EACtB,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,GACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,kCAAkC,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,KAAK,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAChG,OAAO,EACH,4BAA4B,EAC5B,KAAK,iBAAiB,EACtB,KAAK,mCAAmC,GAC3C,MAAM,0BAA0B,CAAC;AAIlC,OAAO,EACH,cAAc,EACd,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,GAC7B,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACrG,YAAY,EAAE,yBAAyB,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxI,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAG5D,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACnH,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC9H,YAAY,EAAE,sBAAsB,EAAE,+BAA+B,EAAE,+BAA+B,EAAE,uBAAuB,EAAE,8BAA8B,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,cAAc,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,6BAA6B,EAAE,4BAA4B,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC9iB,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,cAAc,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGpI,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAIlF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAGrE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE3H,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC1F,YAAY,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAG5L,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnH,YAAY,EAAE,eAAe,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGzM,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,YAAY,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAGjF,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACjF,YAAY,EACR,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,EAC5B,6BAA6B,EAC7B,wBAAwB,EACxB,uBAAuB,EACvB,0BAA0B,EAC1B,qBAAqB,GACxB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AAInF,OAAO,kCAAkC,CAAC;AAC1C,OAAO,2CAA2C,CAAC;AACnD,OAAO,2CAA2C,CAAC;AACnD,OAAO,+CAA+C,CAAC;AACvD,OAAO,gDAAgD,CAAC;AAExD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,wCAAwC,CAAC;AAEhD;;;GAGG;AACH,wBAAgB,qBAAqB,IAAI,IAAI,CAU5C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -312,8 +312,23 @@ class AparteSelect extends HTMLElement {
   _setupMutationObserver() {
     this._observer = new MutationObserver(() => {
       this._updateDropdownContent();
+      this._restoreActive();
     });
-    this._observer.observe(this, { childList: true });
+    this._observer.observe(this, { childList: true, subtree: true });
+  }
+  /**
+   * Put the roving highlight back after the options changed underneath it.
+   *
+   * `data-active` lives on an option ELEMENT, so replacing the list throws it
+   * away while `_activeIndex` still claims a position: the highlight disappeared,
+   * `aria-activedescendant` kept pointing at an id no longer in the document, and
+   * the next ArrowDown moved from the stale index — skipping an option. Only when
+   * open and only when a position was held, so a refresh never invents one.
+   */
+  _restoreActive() {
+    if (!this._isOpen || this._activeIndex < 0) return;
+    if (this.querySelector("aparte-option[data-active]")) return;
+    this._setActive(this._activeIndex);
   }
   _updateDropdownContent() {
     if (!this._trigger || !this.contains(this._trigger)) {
@@ -335,9 +350,10 @@ class AparteSelect extends HTMLElement {
       optionsContainer.appendChild(child);
     });
     if (this.isConnected) {
-      this._observer?.observe(this, { childList: true });
+      this._observer?.observe(this, { childList: true, subtree: true });
     }
     this._updateTriggerLabel();
+    this._restoreActive();
   }
   _setupEventListeners() {
     this._trigger?.addEventListener("click", () => this._toggle());
@@ -772,7 +788,23 @@ class AparteChatBubble extends HTMLElement {
     const detail = e2.detail;
     if (detail?.config && detail.config !== this._cfg) return;
     this._updateActionBar();
+    this._updateName();
+    this._updateLocalizedLabels();
+    this._updateWaiting();
   };
+  /**
+   * Re-apply the locale strings written straight into the markup by `_render()` —
+   * the accessible names a screen reader reads, which nothing else refreshes.
+   */
+  _updateLocalizedLabels() {
+    const locale = this._cfg.getLocale();
+    const set = (selector, label) => {
+      this.querySelector(selector)?.setAttribute("aria-label", label);
+    };
+    set(".aparte-branch-prev", locale.previousResponse ?? "Previous response");
+    set(".aparte-branch-next", locale.nextResponse ?? "Next response");
+    set(".aparte-action-bar", locale.messageActions ?? "Message actions");
+  }
   /**
    * Config governing this bubble: the instance config of the nearest
    * `[data-aparte-host]` boundary, else the global singleton. Resolved live
@@ -1797,8 +1829,28 @@ class AparteChatViewport extends HTMLElement {
     this._setupObservers();
     this._boundResetHandler = () => this.clearAll();
     window.addEventListener("aparte-reset", this._boundResetHandler);
+    window.addEventListener("aparte-config-change", this._onConfigChange);
+  }
+  /**
+   * A locale switch changes the reading direction, and `dir` was applied once at
+   * render — so a chat already on screen never flipped to RTL until a reload.
+   * Only OUR config: an instance-scoped change elsewhere must not touch us.
+   */
+  _onConfigChange = (e2) => {
+    const detail = e2.detail;
+    if (detail?.config && detail.config !== resolveConfig(this)) return;
+    this._applyDirection();
+  };
+  /** Mirror `locale.direction` onto the scroll container. */
+  _applyDirection() {
+    const container = this.querySelector(".aparte-viewport-container");
+    if (!container) return;
+    const direction = resolveConfig(this).getLocale().direction;
+    if (direction) container.setAttribute("dir", direction);
+    else container.removeAttribute("dir");
   }
   disconnectedCallback() {
+    window.removeEventListener("aparte-config-change", this._onConfigChange);
     if (this._boundResetHandler) {
       window.removeEventListener("aparte-reset", this._boundResetHandler);
       this._boundResetHandler = null;
@@ -2697,7 +2749,25 @@ class AparteComposer extends HTMLElement {
   _modelGated = false;
   _onConfigChange = () => {
     this._evaluateModelGate();
+    this._applyDirection();
   };
+  /**
+   * Mirror `locale.direction` onto ourselves, so everything inside — input, buttons,
+   * the toolbar row and whatever the consumer put in it — inherits it.
+   *
+   * The direction used to stop at the transcript: only the viewport applied `dir`, so
+   * an RTL locale flipped the conversation and left the composer left-to-right. It is
+   * also what makes the toolbar's placement idiom real: `margin-inline-start: auto` in
+   * a subtree that inherits no direction is just `margin-left`.
+   *
+   * One attribute on the host rather than a stamp per child: inheritance is the
+   * mechanism, so nothing needs to know about the consumer's markup.
+   */
+  _applyDirection() {
+    const direction = (this._cfg ?? resolveConfig(this)).getLocale().direction;
+    if (direction) this.setAttribute("dir", direction);
+    else this.removeAttribute("dir");
+  }
   static get observedAttributes() {
     return ["placeholder", "disabled", "target"];
   }
@@ -2709,6 +2779,7 @@ class AparteComposer extends HTMLElement {
     this._cfg = resolveConfig(this);
     this._configUnsub = this._cfg.subscribe(this._onConfigChange);
     this._evaluateModelGate();
+    this._applyDirection();
   }
   disconnectedCallback() {
     window.removeEventListener("aparte-message-start", this._onMessageStart);
@@ -3594,6 +3665,39 @@ class AparteComposerAction extends HTMLElement {
 if (!customElements.get("aparte-composer-action")) {
   customElements.define("aparte-composer-action", AparteComposerAction);
 }
+class AparteComposerToolbar extends HTMLElement {
+  _observer = null;
+  connectedCallback() {
+    this._syncEmpty();
+    this._observer ??= new MutationObserver(() => this._syncEmpty());
+    this._observer.observe(this, { childList: true });
+  }
+  disconnectedCallback() {
+    this._observer?.disconnect();
+    this._observer = null;
+  }
+  /**
+   * Reflect `data-empty` from the presence of an ELEMENT child.
+   *
+   * Not `:empty` in CSS: that selector does not match an element holding a whitespace
+   * text node, so a template that indents its content keeps the row — separator,
+   * padding and all — while it looks empty to the user. Every framework template
+   * indents. An empty row must not draw its own separator (the same rule as an empty
+   * bubble action bar).
+   *
+   * Non-whitespace TEXT counts as content, not just an element child: a hand-written
+   * row holding a bare token count (`<aparte-composer-toolbar>1 240 tokens</…>`) is
+   * not empty, and hiding it would be a twenty-minute mystery for whoever wrote it.
+   */
+  _syncEmpty() {
+    const hasContent = Boolean(this.firstElementChild) || this.textContent?.trim() !== "";
+    if (hasContent) this.removeAttribute("data-empty");
+    else this.setAttribute("data-empty", "");
+  }
+}
+if (!customElements.get("aparte-composer-toolbar")) {
+  customElements.define("aparte-composer-toolbar", AparteComposerToolbar);
+}
 class AparteConversationList extends HTMLElement {
   _conversations = [];
   _activeId = null;
@@ -3609,6 +3713,10 @@ class AparteConversationList extends HTMLElement {
       this.setAttribute("role", "navigation");
     }
     this._render();
+    window.addEventListener("aparte-config-change", this._onConfigChange);
+  }
+  disconnectedCallback() {
+    window.removeEventListener("aparte-config-change", this._onConfigChange);
   }
   attributeChangedCallback(name, oldValue, newValue) {
     if (oldValue === newValue) return;
@@ -3617,6 +3725,16 @@ class AparteConversationList extends HTMLElement {
       this._updateActiveState();
     }
   }
+  /**
+   * Re-render on a locale switch: every row's title fallback and both button
+   * labels come from the locale, so without this the list stayed in the previous
+   * language until something else happened to re-render it. Only OUR config.
+   */
+  _onConfigChange = (e2) => {
+    const detail = e2.detail;
+    if (detail?.config && detail.config !== resolveConfig(this)) return;
+    this._render();
+  };
   // ─── Public API ───────────────────────────────────────────────────────
   /** Set the list of conversations to display. Triggers a re-render. */
   set conversations(items) {
@@ -3865,6 +3983,7 @@ export {
   AparteComposerCancel,
   AparteComposerInput,
   AparteComposerSend,
+  AparteComposerToolbar,
   AparteConfig,
   e as AparteConfigClass,
   f as AparteConversationController,