@aparte/core 0.12.0 → 0.13.0

package/dist/components/composer/aparte-composer-input.d.ts

@@ -1,13 +1,33 @@
 /**
  * Contenteditable text input primitive.
  *
- * @element aparte-composer-input
- * Must be a descendant of <aparte-composer>.
+ * The element owns its subtree: on connect it writes one `.aparte-ci-editor`
+ * contenteditable and binds its listeners to that node, so children you place inside are
+ * replaced. There is nothing to project here — style the generated editor through the CSS
+ * variables below, or replace the whole primitive.
+ *
+ * Enter submits and Shift+Enter inserts a newline; `submit-on-enter="false"` on the
+ * composer inverts that mapping, and Enter never submits mid-IME-composition — the key
+ * that confirms a CJK candidate must not send the message. The editor auto-expands with
+ * its content up to `max-height`, then scrolls. Paste is intercepted: text lands as plain
+ * text with its markup stripped, and a pasted image goes to the composer's attachments.
+ *
+ * Without an `<aparte-composer>` ancestor it still works, and that is deliberate: a
+ * submitting Enter then dispatches `aparte-composer-submit` instead of calling
+ * `root.submit()`, which is how the bubble's inline editor reuses this primitive.
+ * Everything the root owns goes with it though — the mirrored value, the placeholder
+ * fallback, the disabled/streaming sync and image paste all need the composer.
+ *
+ * Not a `<textarea>` and not a stand-in for one: being a contenteditable it has no form
+ * value, no `name` and no native validation, and `getValue()` returns trimmed text with
+ * `<br>` serialized back to newlines. Use it for the chat draft, not as a form control.
  *
- * @fires aparte-composer-submit - Enter was pressed with content. No detail; the composer reads its own value.
+ * @element aparte-composer-input
  *
- * Behaviour: Enter submits (calls root.submit()), Shift+Enter inserts newline.
- * Auto-expands up to max-height. Paste strips HTML, handles image paste.
+ * @fires aparte-composer-submit - A submitting Enter was pressed with no
+ *   `<aparte-composer>` ancestor to submit to; with one it calls `root.submit()` and
+ *   dispatches nothing. No detail — the host that placed this primitive reads
+ *   `getValue()`.
  *
  * @attr {boolean} disabled - Makes the field non-editable; the composer's own `disabled` also reaches it.
  * @attr {string} placeholder - Placeholder text (fallback: reads from aparte-composer)
@@ -16,6 +36,27 @@
  *                      min-height governs (44px in aparte.css) — so themes can
  *                      resize the editor in pure CSS without being fought by
  *                      an inline height.
+ *
+ * @cssprop [--aparte-composer-control-size=44px] - Single-line min-height of the editor.
+ *          Inside the `.aparte-composer-row` layout helper the composer's buttons read
+ *          the same token, so one value resizes that whole control set and the row stays
+ *          aligned.
+ * @cssprop [--aparte-input-padding-y=10px] - Vertical padding inside the editor.
+ * @cssprop [--aparte-input-padding-x=12px] - Horizontal padding inside the editor.
+ * @cssprop [--aparte-input-font-size=14px] - Editor font size.
+ * @cssprop [--aparte-input-line-height=1.5] - Editor line height — also what the
+ *          auto-expand measures, so changing it changes the height the editor settles at
+ *          (until `max-height` clamps it).
+ * @cssprop --aparte-text - Text and caret colour of the editor.
+ * @cssprop --aparte-input-placeholder - Colour of the placeholder drawn by
+ *          `:empty::before` (falls back to `--aparte-text-muted`).
+ * @cssprop --aparte-input-bg - Field background, applied only when this input is the
+ *          bubble's inline editor (`.aparte-message[data-editing]`) — inside a composer
+ *          the shell paints the surface instead.
+ * @cssprop --aparte-input-border - Border colour of that same edit-mode box.
+ * @cssprop [--aparte-radius-input=8px] - Corner radius of the edit-mode box.
+ * @cssprop --aparte-input-focus-border - Border colour of the edit-mode box while it
+ *          holds focus (`:focus-within`).
   *
  * @example
  * <aparte-composer>
@@ -41,10 +82,18 @@ export declare class AparteComposerInput extends HTMLElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+    /**
+     * The editor's text, with `<br>` serialized back to newlines — `textContent`
+     * alone would collapse a multi-line draft onto a single line.
+     */
     getValue(): string;
+    /** Replace the editor's content and mirror the value onto the parent composer. */
     setValue(value: string): void;
+    /** Empty the editor and mirror the empty value onto the parent composer. */
     clear(): void;
+    /** Focus the inner contenteditable rather than the host element. */
     focus(): void;
+    /** Blur the inner contenteditable rather than the host element. */
     blur(): void;
     /** Focus the editor and place the caret at the very end of its content. */
     focusEnd(): void;

package/dist/components/composer/aparte-composer-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aparte-composer-input.d.ts","sourceRoot":"","sources":["../../../src/components/composer/aparte-composer-input.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,mBAAoB,SAAQ,WAAW;IAChD,OAAO,CAAC,OAAO,CAA+B;IAC9C,OAAO,CAAC,UAAU,CAAO;IACzB,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,aAAa,CAAsB;IAG3C,OAAO,CAAC,QAAQ,CAAgC;IAChD,OAAO,CAAC,UAAU,CAAkC;IACpD,OAAO,CAAC,QAAQ,CAAgC;IAChD,OAAO,CAAC,OAAO,CAA+B;IAC9C,OAAO,CAAC,QAAQ,CAAgC;IAEhD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAU5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IASvF,QAAQ,IAAI,MAAM;IAkBlB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAQ7B,KAAK,IAAI,IAAI;IAQJ,KAAK,IAAI,IAAI;IACb,IAAI,IAAI,IAAI;IAErB,2EAA2E;IAC3E,QAAQ,IAAI,IAAI;IAchB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,OAAO;IA8Bf,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,cAAc;IAoCtB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,aAAa;IAmBrB;;;;;;;OAOG;IACH,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,4BAA4B;IAIpC,OAAO,CAAC,eAAe;CAO1B"}
+{"version":3,"file":"aparte-composer-input.d.ts","sourceRoot":"","sources":["../../../src/components/composer/aparte-composer-input.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,qBAAa,mBAAoB,SAAQ,WAAW;IAChD,OAAO,CAAC,OAAO,CAA+B;IAC9C,OAAO,CAAC,UAAU,CAAO;IACzB,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,aAAa,CAAsB;IAG3C,OAAO,CAAC,QAAQ,CAAgC;IAChD,OAAO,CAAC,UAAU,CAAkC;IACpD,OAAO,CAAC,QAAQ,CAAgC;IAChD,OAAO,CAAC,OAAO,CAA+B;IAC9C,OAAO,CAAC,QAAQ,CAAgC;IAEhD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAU5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IASvF;;;OAGG;IACH,QAAQ,IAAI,MAAM;IAkBlB,kFAAkF;IAClF,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAQ7B,4EAA4E;IAC5E,KAAK,IAAI,IAAI;IAQb,oEAAoE;IAC3D,KAAK,IAAI,IAAI;IACtB,mEAAmE;IAC1D,IAAI,IAAI,IAAI;IAErB,2EAA2E;IAC3E,QAAQ,IAAI,IAAI;IAchB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,OAAO;IA8Bf,OAAO,CAAC,cAAc;IAqCtB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,cAAc;IAoCtB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,aAAa;IAmBrB;;;;;;;OAOG;IACH,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,4BAA4B;IAIpC,OAAO,CAAC,eAAe;CAO1B"}

package/dist/components/composer/aparte-composer-send.d.ts

@@ -1,15 +1,58 @@
 /**
  * Submit button primitive for <aparte-composer>.
  *
+ * One control, four meanings: **send**, **stop** while the root is streaming, and — when
+ * an elicitation panel is open — **submit** this answer or **advance** to the next
+ * question. The panel outranks streaming: while one is open the button stays the answer
+ * control and a streaming change is ignored. The icon moves with the meaning (paper
+ * plane, square, check, chevron), because a check on a form with three questions left is
+ * as wrong as a paper plane that means "answer". All four are decided by the root's state
+ * — its `value`, `attachments`, `disabled`, `streaming` and the panel payload it
+ * broadcasts — not by anything this element owns, which is why it recomputes its chrome
+ * rather than re-rendering: a rebuild would put a paper plane back mid-stream, drop out
+ * of answer mode, and take the focus off the control most likely to be holding it.
+ *
+ * "Empty" counts attachments: a pending attachment with no text still enables the
+ * button, because that is a message the composer can send.
+ *
+ * It owns its subtree — the button is generated on connect and children placed inside
+ * are replaced, so there is nothing to project. The host element itself is
+ * `display: contents`, so it adds no box: the layout comes from whatever flex row you put
+ * it in, and the CSS variables below style the inner button.
+ *
+ * It needs an `<aparte-composer>` ancestor: without one the button renders disabled, no
+ * root event ever reaches it, and a click has nothing to submit to.
+ *
+ * It is not the place to gate on model selection: the opt-in
+ * `aparteGlobalConfig.setRequireModelSelection()` gate already blocks this element's
+ * pointer events through `aparte-composer[data-model-gated]`.
+ *
  * @element aparte-composer-send
- * Must be a descendant of <aparte-composer>.
  *
- * - Disabled when composer value is empty, composer is disabled, or streaming
- * - While streaming: shows stop icon and acts as cancel button
+ * @cssprop [--aparte-composer-control-size=44px] - Width/height of the button inside the
+ *          `.aparte-composer-row` layout helper, shared with the input's single-line
+ *          height so the row stays aligned. It wins over `--aparte-send-btn-size` there.
+ * @cssprop [--aparte-send-btn-size=36px] - Width/height of the button outside that row
+ *          helper. On coarse pointers it is raised to `--aparte-touch-target-size`.
+ * @cssprop [--aparte-touch-target-size=44px] - Hit-area floor applied to the button
+ *          under `@media (pointer: coarse)`.
+ * @cssprop [--aparte-radius-send-btn=6px] - Corner radius of the button.
+ * @cssprop --aparte-primary - Button background.
+ * @cssprop --aparte-primary-hover - Button background on hover, while enabled.
+ * @cssprop --aparte-on-primary - The glyph's colour. Undeclared by default, which means
+ *          the recipe derives it from `--aparte-primary` itself, so a theme that changes
+ *          the fill gets a readable glyph with no second edit. Declare it to choose one
+ *          — it then applies to every primary control, which is the honest scope.
+ * @cssprop [--aparte-ink-flip=0.57] - Fill lightness at which the derived ink flips from
+ *          dark to light, for every solid control.
+ * @cssprop [--aparte-ink-dark=0.176] - How dark that derived ink goes. Not 0: at zero
+ *          lightness OKLCH drops the chroma, and the ink loses the fill's own hue.
+ * @cssprop --aparte-send-disabled-bg - Background while disabled (falls back to
+ *          `--aparte-primary`, which is then dimmed by opacity).
   *
  * @example
  * <!-- One button for both halves of the turn: it submits, and while a reply streams it
- *      becomes the stop button. Do not disable it on `streaming` or stop is unreachable. -->
+ *      becomes the stop button. -->
  * <aparte-composer>
  *   <div class="aparte-composer-row">
  *     <aparte-composer-input style="flex: 1"></aparte-composer-input>

package/dist/components/composer/aparte-composer-send.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aparte-composer-send.d.ts","sourceRoot":"","sources":["../../../src/components/composer/aparte-composer-send.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,kBAAmB,SAAQ,WAAW;IAC/C,OAAO,CAAC,OAAO,CAAkC;IACjD,OAAO,CAAC,aAAa,CAAsB;IAC3C;;;;;;;;OAQG;IACH,OAAO,CAAC,MAAM,CAAwF;IAGtG,OAAO,CAAC,QAAQ,CAAgC;IAEhD,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,OAAO;IAmBf,OAAO,CAAC,cAAc;IAgCtB;;;;;;;;;OASG;IACH,OAAO,CAAC,cAAc;IAOtB;;;;;;;;;OASG;IACH,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,mBAAmB;IAiB3B;;;OAGG;IACH,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;CAGvB"}
+{"version":3,"file":"aparte-composer-send.d.ts","sourceRoot":"","sources":["../../../src/components/composer/aparte-composer-send.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,qBAAa,kBAAmB,SAAQ,WAAW;IAC/C,OAAO,CAAC,OAAO,CAAkC;IACjD,OAAO,CAAC,aAAa,CAAsB;IAC3C;;;;;;;;OAQG;IACH,OAAO,CAAC,MAAM,CAA2F;IAGzG,OAAO,CAAC,QAAQ,CAAgC;IAEhD,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,OAAO;IAmBf,OAAO,CAAC,cAAc;IAgCtB;;;;;;;;;OASG;IACH,OAAO,CAAC,cAAc;IAOtB;;;;;;;;;OASG;IACH,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,mBAAmB;IAiB3B;;;OAGG;IACH,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;CAGvB"}

package/dist/components/composer/aparte-composer-toolbar.d.ts

@@ -3,18 +3,29 @@
  * counter belongs in, rather than a bar of your own floating below the chat. Purely
  * structural: it lays its children out in a row and gets out of the way.
  *
- * @element aparte-composer-toolbar
- *
  * **Position is the DOM order.** `margin-inline-start: auto` on a child pushes it (and
  * everything after it) to the end of the row. That is the whole placement API on
  * purpose: there is no `left`/`right` to be wrong about, so the row reads correctly in a
  * right-to-left locale without the author thinking about it.
  *
+ * The controls the row is made of can be any element, or plain text. Nothing is wrapped or
+ * reordered — the children ARE the row, laid out by flex in DOM order, and they may arrive
+ * after connection (a framework commits children in its own order). Non-whitespace TEXT
+ * counts as content too, so a hand-written row holding a bare token count stays visible
+ * instead of tripping the `data-empty` hide.
+ *
  * The row is not part of the default `<aparte-chat>` shell — nothing is drawn until you
  * put something in it.
  *
- * @attr {boolean} data-empty - Reflected BY the element while it holds no element child; the
- *                    stylesheet hides it then. Read-only, do not set it yourself.
+ * It declares no custom property of its own: the gap, the padding and the top separator
+ * come from the global `--aparte-space-*` and `--aparte-border*` tokens, so it inherits a
+ * theme rather than exposing knobs to re-set.
+ *
+ * @element aparte-composer-toolbar
+ *
+ * @attr {boolean} data-empty - Reflected BY the element while it holds neither an element
+ *                    child nor non-whitespace text; the stylesheet hides it then.
+ *                    Read-only, do not set it yourself.
  *
  * @example
  * <aparte-composer>

package/dist/components/composer/aparte-composer-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aparte-composer-toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/composer/aparte-composer-toolbar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,qBAAa,qBAAsB,SAAQ,WAAW;IAClD,OAAO,CAAC,SAAS,CAAiC;IAElD,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAK5B;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,UAAU;CAKrB"}
+{"version":3,"file":"aparte-composer-toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/composer/aparte-composer-toolbar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBAAa,qBAAsB,SAAQ,WAAW;IAClD,OAAO,CAAC,SAAS,CAAiC;IAElD,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAK5B;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,UAAU;CAKrB"}

package/dist/components/composer/aparte-composer.d.ts

@@ -1,3 +1,22 @@
+/**
+ * What the composer's one button means while a panel is up — and whether it is
+ * there at all.
+ *
+ * `'submit'` answers, `'advance'` moves to the next question of a form, and
+ * `'none'` says this panel has NO act left for that button, so it is not drawn.
+ *
+ * `'none'` exists because a panel could not previously say it. The composer's panel
+ * mode was one fixed policy — hide the input and the attachment picker, keep the
+ * strip and the toolbar, and ALWAYS keep the send button — and the approval panel
+ * showed what that costs: its options settle on the first click by design, so the
+ * button beside them sat permanently disabled, meaning nothing, until the optional
+ * instruction field was opened. A control that is never the way forward is not
+ * disabled, it is absent (ratified decision #8).
+ *
+ * Named rather than inlined at each of its six readers: this union is exactly the
+ * kind of list this repo has watched drift when every reader kept its own copy.
+ */
+export type AparteComposerPanelMode = 'advance' | 'submit' | 'none';
 export interface AparteComposerEventMap {
     'value-change': {
         value: string;
@@ -19,7 +38,7 @@ export interface AparteComposerEventMap {
     'panel-change': {
         active: boolean;
         submitEnabled: boolean;
-        mode: 'advance' | 'submit';
+        mode: AparteComposerPanelMode;
     };
 }
 export type AparteComposerEventType = keyof AparteComposerEventMap;
@@ -48,7 +67,46 @@ export interface AparteComposerChangeEventDetail {
 /**
  * The root context for every `aparte-composer-*` primitive. It imposes no visual
  * layout — the consumer owns the structure — and holds the shared state the parts
- * read: the value, the streaming flag, pending attachments, the panel slot.
+ * read: the value, the streaming flag, pending attachments, whether a panel is up.
+ *
+ * It renders nothing of its own — no shadow root, no markup, no default children — so
+ * an `<aparte-composer>` with nothing inside is an empty block. The parts that need
+ * that state locate it with `closest('aparte-composer')`, which is why they may sit at
+ * any depth and why the opt-in `.aparte-composer-shell` / `.aparte-composer-row`
+ * wrappers can exist without this element knowing about them.
+ * Not every part looks it up, though: `<aparte-composer-toolbar>` is purely structural
+ * — it lays its children out and never resolves this element at all.
+ *
+ * WHAT GOES INSIDE — ordinary light-DOM children. Core has no shadow root and no
+ * `<slot>`, so there is no slot name to write: drop in `<aparte-composer-input>`,
+ * `<aparte-composer-send>`, `<aparte-composer-cancel>`,
+ * `<aparte-composer-attachments>`, `<aparte-composer-add-attachment>`,
+ * `<aparte-composer-action>`, `<aparte-composer-toolbar>`, plus whatever markup you
+ * wrap them in. Order and nesting are yours. Two behaviours read the tree rather than a
+ * flag, so they depend on what you put in: `focus()` forwards to the first
+ * `<aparte-composer-input>` descendant, and `showPanel()` inserts the panel right after
+ * it (appending to the host when there is none).
+ *
+ * A PANEL is neither markup you write nor a named slot: `showPanel()` takes the element,
+ * stamps it `data-aparte-panel` and inserts it, `hidePanel()` removes it. One at a time
+ * — a second `showPanel()` evicts the first and calls its `onEvict`. While one is up the
+ * host carries `[data-panel-active]`, which hides `<aparte-composer-input>` and
+ * `<aparte-composer-add-attachment>` and leaves the attachments strip and the toolbar in
+ * place.
+ *
+ * It is not a transport either. `submit()` trims, checks the gates (disabled, empty,
+ * no model selected), dispatches `aparte-send` and clears — nothing here talks to a
+ * model, so without `AparteClient` or a listener of your own a send is a dispatched
+ * event and no answer. With no panel up it doubles as the stop button: while `streaming`
+ * it routes to `cancel()`, which is why the `getState` example below keeps a custom send
+ * button clickable rather than disabling it mid-stream. With a panel up it means "answer
+ * the question" instead — it calls the panel's `onSubmit` and returns, so neither the
+ * stop branch nor a send is reached.
+ *
+ * The streaming flag comes from WINDOW lifecycle events, filtered by target. On a page
+ * with two chats, give the composer a `target` — or put it under a chat host that has
+ * an `id` — otherwise it answers to every chat's events, and one chat's Stop resets the
+ * other's composer and evicts its open panel.
  *
  * Prose first, on purpose: when `@element` opens a docblock there is no free text
  * left for the analyser to use, and this component's description came out empty in
@@ -60,8 +118,12 @@ export interface AparteComposerChangeEventDetail {
  *
  * @element aparte-composer
  *
- * @attr {string} placeholder - Forwarded to `<aparte-composer-input>` through the internal bus.
- * @attr {boolean} disabled - Disables the whole composer, every part included.
+ * @attr {string} placeholder - Fallback placeholder for `<aparte-composer-input>`, which
+ *   reads it off this element when it carries none of its own. Read when that input
+ *   renders, not pushed: changing it here leaves an input already on the page as it was.
+ * @attr {boolean} disabled - Disables the composer's own controls — the input, send,
+ *   add-attachment and `<aparte-composer-action>` buttons each read it. What you put in
+ *   the toolbar is yours to disable.
  * @attr {string} target - The id of the `<aparte-chat>` this composer drives.
  * @attr {boolean} submit-on-enter - Enter sends and Shift+Enter breaks the line (the
  *   default); set it to the string `"false"` to swap them. Read lazily by the
@@ -71,8 +133,42 @@ export interface AparteComposerChangeEventDetail {
  * @fires {CustomEvent<AparteSendEventDetail>} aparte-send - A message was submitted: the text, its attachments and the target.
  * @fires aparte-cancel - The stop button was pressed. No detail; the two window events below carry the target.
  * @fires {CustomEvent<AparteAbortEventDetail>} aparte-abort - Dispatched on `window`: stop the run for this target.
- * @fires {CustomEvent<AparteMessageAbortedEventDetail>} aparte-message-aborted - Dispatched on `window`: the run for this target ended early.
+ * @fires {CustomEvent<AparteMessageAbortedEventDetail>} aparte-message-aborted - The run for this target ended early — the user pressed Stop, or `abort()` was called. This element dispatches it on `window`; `AparteClient` also dispatches it on the chat host, so it is listenable on either.
  * @fires {CustomEvent<AparteComposerChangeEventDetail>} aparte-composer-change - Any of value / streaming / disabled / attachments / panel changed, folded into one event.
+ *
+ * @cssprop [--aparte-composer-control-size=44px] - Width and height of the composer's
+ *   own control buttons (each is an `.aparte-btn--icon`, so it needs the opt-in
+ *   `.aparte-composer-row` wrapper, which is what carries the size down) and the
+ *   minimum height of the input's editor, which needs no wrapper. One knob for the
+ *   whole control set, so buttons stay aligned with a single line of text and anchored
+ *   to the bottom once the input grows. It reaches the buttons by declaration, not by
+ *   out-specifying them, so a panel mounted in the row keeps its own content's sizing.
+ * @cssprop [--aparte-input-bg=var(--aparte-surface-1)] - Background of the opt-in
+ *   `.aparte-composer-shell` wrapper.
+ * @cssprop [--aparte-input-border=var(--aparte-border)] - Border colour of that shell.
+ *   Its `:focus-within` colour is `--aparte-primary`, a global token rather than a
+ *   composer one.
+ * @cssprop [--aparte-radius-input=var(--aparte-radius-lg)] - Corner radius of the shell,
+ *   and of the dashed outline drawn while files are dragged over the composer.
+ * @cssprop [--aparte-message-max-width=800px] - Max width of the shell, which is
+ *   `margin: 0 auto` at this width — the same width `.aparte-message` uses, so the
+ *   composer keeps the transcript's column. Set on THIS element it moves the shell only:
+ *   custom properties inherit downward and the transcript is a sibling subtree, so set
+ *   it on a shared ancestor (the chat host, `:root`) to move both.
+ *
+ * @example
+ * <!-- It renders nothing of its own — no shadow root, no default children — so this
+ *      markup IS the component. The shell draws the border; the row keeps the controls
+ *      on the bottom edge of the text as it grows. Both are opt-in classes: drop them
+ *      and the parts still work, they just sit wherever your own layout puts them. -->
+ * <aparte-composer placeholder="Ask anything…">
+ *   <div class="aparte-composer-shell">
+ *     <div class="aparte-composer-row">
+ *       <aparte-composer-input style="flex: 1"></aparte-composer-input>
+ *       <aparte-composer-send></aparte-composer-send>
+ *     </div>
+ *   </div>
+ * </aparte-composer>
  */
 export declare class AparteComposer extends HTMLElement {
     private _value;
@@ -163,9 +259,22 @@ export declare class AparteComposer extends HTMLElement {
      * myButton.addEventListener('click', () => composer.submit()); // send or stop
      */
     getState(): AparteComposerState;
+    /**
+     * Set the composer's value — both what a send will submit and what the editor
+     * shows. `<aparte-composer-input>` writes through any value it does not already
+     * hold, so this prefills the visible field (a template button, a restored draft)
+     * as readily as it stages text for an immediate `submit()`.
+     */
     setValue(value: string): void;
+    /** Append files to the pending attachments and notify. Does not de-duplicate. */
     addAttachments(files: FileList | File[]): void;
+    /**
+     * Drop one pending attachment and notify. Matched by IDENTITY — pass the same
+     * `File` object the composer handed you, not an equal one; two picks of the same
+     * file on disk are two distinct objects.
+     */
     removeAttachment(file: File): void;
+    /** Drop every pending attachment and notify. */
     clearAttachments(): void;
     /**
      * Inject a panel into the composer. The send button calls `onSubmit` when clicked.
@@ -181,6 +290,15 @@ export declare class AparteComposer extends HTMLElement {
      * are the user's state and not an action to offer — hiding them would look like
      * losing them; and the toolbar, because switching model still does something.
      *
+     * The send button is the part the PANEL decides, through `mode`. `'submit'` and
+     * `'advance'` keep it; `'none'` says this panel has no act for it and it is not
+     * drawn. That third value is what a panel whose options settle on the first click
+     * needs — a single-choice question, an approval — and until it existed such a
+     * panel left a permanently disabled button beside options that never routed
+     * through it. Flip between them at any time with {@link setPanelSubmitEnabled},
+     * which is how a panel that grows an act (an "Other…" field, a written
+     * instruction) turns the button back on.
+     *
      * Declared with an attribute + CSS rather than the inline `style.display` this
      * used to set on a child: an attribute is themeable, is visible to a consumer's
      * own rules, and does not clobber a `display` the consumer had set (the restore
@@ -194,7 +312,12 @@ export declare class AparteComposer extends HTMLElement {
     showPanel(panel: HTMLElement, options?: {
         submitEnabled?: boolean;
         onSubmit?: () => void;
-        mode?: 'advance' | 'submit';
+        /**
+         * What the send button means for this panel — `'none'` if it has no act
+         * for it, in which case the button is not drawn. See
+         * {@link AparteComposerPanelMode}.
+         */
+        mode?: AparteComposerPanelMode;
         /** Called when something other than this owner closes the panel. */
         onEvict?: () => void;
     }): symbol;
@@ -241,7 +364,16 @@ export declare class AparteComposer extends HTMLElement {
      * "submit" (when it was the last one), and two separate calls would flash a
      * wrong icon between them.
      */
-    setPanelSubmitEnabled(enabled: boolean, mode?: 'advance' | 'submit'): void;
+    setPanelSubmitEnabled(enabled: boolean, mode?: AparteComposerPanelMode): void;
+    /**
+     * Publish the panel mode as an attribute, so CSS can act on it.
+     *
+     * The same reasoning `data-panel-active` is set for and the same one that took
+     * the old `style.display` off a child: an attribute is themeable, is visible to
+     * a consumer's own rules, and does not clobber what the consumer set. It is what
+     * lets `'none'` remove the send button without this component reaching into it.
+     */
+    private _reflectPanelMode;
     get panelActive(): boolean;
     /**
      * Recompute the model gate from the resolved config. When

package/dist/components/composer/aparte-composer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aparte-composer.d.ts","sourceRoot":"","sources":["../../../src/components/composer/aparte-composer.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,sBAAsB;IACnC,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,kBAAkB,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3C,iBAAiB,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;IACzC,oBAAoB,EAAE;QAAE,WAAW,EAAE,IAAI,EAAE,CAAA;KAAE,CAAC;IAC9C,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,IAAI,EAAE,CAAA;KAAE,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAChC,cAAc,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,aAAa,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAA;KAAE,CAAC;CAC3F;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,sBAAsB,CAAC;AAEnE;;;;;;GAMG;AACH,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,IAAI,EAAE,CAAC;IACpB,2EAA2E;IAC3E,WAAW,EAAE,OAAO,CAAC;IACrB,8EAA8E;IAC9E,aAAa,EAAE,OAAO,CAAC;CAC1B;AAED,+DAA+D;AAC/D,MAAM,WAAW,+BAA+B;IAC5C,KAAK,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,EAAE,cAAc,CAAC;CAC5B;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,cAAe,SAAQ,WAAW;IAC3C,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,UAAU,CAAsD;IACxE,OAAO,CAAC,YAAY,CAAS;IAC7B,wEAAwE;IACxE,OAAO,CAAC,UAAU,CAAkC;IACpD,OAAO,CAAC,mBAAmB,CAAS;IACpC,OAAO,CAAC,cAAc,CAA6B;IACnD;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,aAAa,CAA6B;IAKlD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAElC;IAGH,OAAO,CAAC,eAAe,CAAuC;IAC9D,OAAO,CAAC,cAAc,CAAsC;IAE5D,+EAA+E;IAC/E;;;;;;;;;OASG;IACH,OAAO,KAAK,IAAI,GAEf;IACD,8EAA8E;IAC9E,OAAO,CAAC,oBAAoB,CAI1B;IACF,uFAAuF;IACvF,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,eAAe,CAAsE;IAE7F;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,eAAe;IAMvB,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;IAS5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAWvF,IAAI,KAAK,IAAI,MAAM,CAAwB;IAC3C,IAAI,SAAS,IAAI,OAAO,CAA4B;IACpD,IAAI,QAAQ,IAAI,OAAO,CAA0C;IACjE;;;OAGG;IACH,IAAI,aAAa,IAAI,OAAO,CAA6D;IACzF,IAAI,WAAW,IAAI,IAAI,EAAE,CAA8B;IACvD,IAAI,WAAW,IAAI,MAAM,CAAmD;IAC5E,IAAI,QAAQ,IAAI,MAAM,GAAG,IAAI,CAAwC;IAErE;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,IAAI,mBAAmB;IAW/B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B,cAAc,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,IAAI;IAK9C,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAKlC,gBAAgB,IAAI,IAAI;IAKxB;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,SAAS,CACL,KAAK,EAAE,WAAW,EAClB,OAAO,CAAC,EAAE;QACN,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;QAC5B,oEAAoE;QACpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACxB,GACF,MAAM;IAuBT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8BG;IACH,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAS/B,8EAA8E;IAC9E,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,cAAc;IActB;;;;;;;OAOG;IACH,qBAAqB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,IAAI;IAO1E,IAAI,WAAW,IAAI,OAAO,CAA8B;IAExD;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB;IAO1B,oFAAoF;IACpF,MAAM,IAAI,IAAI;IAkCd,6CAA6C;IAC7C,MAAM,IAAI,IAAI;IA2Bd;;;;OAIG;IACH,KAAK,IAAI,IAAI;IAMb,sDAAsD;IAC7C,KAAK,IAAI,IAAI;IAOtB,KAAK,CAAC,CAAC,SAAS,uBAAuB,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,IAAI;IAa5F,GAAG,CAAC,CAAC,SAAS,uBAAuB,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,MAAM,IAAI;IAQ9G;;mFAE+E;IAC/E,OAAO,CAAC,kBAAkB;IAK1B;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,kBAAkB;CAO7B"}
+{"version":3,"file":"aparte-composer.d.ts","sourceRoot":"","sources":["../../../src/components/composer/aparte-composer.ts"],"names":[],"mappings":"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"}

package/dist/components/composer/index.d.ts

@@ -1,5 +1,5 @@
 export { AparteComposer } from './aparte-composer.js';
-export type { AparteComposerEventMap, AparteComposerEventType, AparteComposerState, AparteComposerChangeEventDetail, } from './aparte-composer.js';
+export type { AparteComposerEventMap, AparteComposerEventType, AparteComposerState, AparteComposerChangeEventDetail, AparteComposerPanelMode, } from './aparte-composer.js';
 export { AparteComposerInput } from './aparte-composer-input.js';
 export { AparteComposerSend } from './aparte-composer-send.js';
 export { AparteComposerCancel } from './aparte-composer-cancel.js';

package/dist/components/composer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/composer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EACR,sBAAsB,EACtB,uBAAuB,EACvB,mBAAmB,EACnB,+BAA+B,GAClC,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,KAAK,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AACtG,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/composer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EACR,sBAAsB,EACtB,uBAAuB,EACvB,mBAAmB,EACnB,+BAA+B,EAC/B,uBAAuB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,KAAK,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AACtG,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/components/conversation-list/aparte-conversation-list.d.ts

@@ -2,8 +2,7 @@ export interface AparteConversationListItem {
     id: string;
     title: string;
     updatedAt?: number;
-    /** When set, the item renders the unarchive action instead of archive.  *
- */
+    /** When set, the item renders the unarchive action instead of archive. */
     archivedAt?: number;
 }
 export interface AparteConversationSelectDetail {
@@ -20,12 +19,23 @@ export interface AparteConversationArchiveDetail {
  * the `conversations` JS property and the `active-id` attribute; this renders the
  * list and fires the user's intent, never acting on it itself.
  *
- * These four `@fires` reached the manifest through neither of its two paths, which
- * is why this element had no `events` key at all. The tag block was in a docblock at
- * the top of the file, separated from the class by imports and four interfaces — and
- * TypeScript attaches only the adjacent comment. The fallback could not save it
- * either: the analyser's auto-detection visits `ts.isMethodDeclaration` only, and
- * every dispatch here happens inside the `_onClick` arrow class field.
+ * Children are not a composition point: `_render()` assigns `innerHTML` from the
+ * `conversations` array, so any light-DOM child a host writes inside the element is
+ * discarded the next time the list renders — and switching this element's locale is
+ * enough to trigger one. Compose around the element, not inside it: it renders rows
+ * and nothing else, with no header, no new-conversation button and no search field.
+ *
+ * What it is not: a store. Clicking a row selects nothing, and the two row actions
+ * delete and archive nothing — the four events carry an id and stop. A row's text
+ * comes from the array, so it changes when the host assigns `conversations` again;
+ * the exception is an empty title, which falls back to the locale's new-chat label
+ * and therefore follows a locale switch. An archived item is still rendered (it gains
+ * `aparte-conv-item--archived` and swaps its action's icon and event name); filtering
+ * archived conversations out of the list is the host's decision, not this element's.
+ * The asymmetry between the two inputs is deliberate: `active-id` is an attribute
+ * because moving the selection patches the rendered rows in place, while
+ * `conversations` is a JS property because it is structured data an attribute cannot
+ * carry, and setting it re-renders the whole list.
  *
  * @element aparte-conversation-list
  * @attr {string} active-id - The id of the conversation to render as selected.
@@ -35,6 +45,38 @@ export interface AparteConversationArchiveDetail {
  * @fires {CustomEvent<AparteConversationArchiveDetail>} aparte-archive-conversation - The archive action was pressed on a live conversation.
  * @fires {CustomEvent<AparteConversationArchiveDetail>} aparte-unarchive-conversation - The same action on an already-archived one; same detail shape, opposite intent.
  *
+ * @cssprop [--aparte-conv-list-gap=2px] - Vertical gap between rows. The element itself is the flex column, so this is its `gap`.
+ * @cssprop [--aparte-conv-item-padding=7px 10px] - Padding of a row.
+ * @cssprop [--aparte-conv-item-gap=6px] - Gap between a row's title and its two action buttons.
+ * @cssprop [--aparte-conv-item-radius=var(--aparte-radius-md)] - Corner radius of a row.
+ * @cssprop [--aparte-conv-item-font-size=0.8125rem] - Font size of a row's title.
+ * @cssprop [--aparte-conv-item-color=var(--aparte-text-muted)] - Title colour of an inactive row.
+ * @cssprop [--aparte-conv-item-bg-hover=var(--aparte-surface-3)] - Row background on hover.
+ * @cssprop [--aparte-conv-item-bg-active=var(--aparte-surface-3)] - Background of the row matching `active-id`.
+ * @cssprop [--aparte-conv-item-color-active=var(--aparte-text)] - Title colour of the active row.
+ * @cssprop [--aparte-conv-item-font-weight-active=var(--aparte-font-weight-medium, 500)] - Title weight of the active row.
+ * @cssprop [--aparte-conv-action-btn-size=20px] - Square size of both action buttons. Under `(pointer: coarse)` the stylesheet redeclares it as 28px on the buttons themselves, so a value set on the element does not reach them there; the buttons also stay visible instead of appearing on hover.
+ * @cssprop [--aparte-conv-delete-color=var(--aparte-text-muted)] - Icon colour of the delete button.
+ * @cssprop [--aparte-conv-delete-bg-hover=var(--aparte-error)] - Delete button background on hover.
+ * @cssprop [--aparte-conv-delete-color-hover=var(--aparte-text-inverse)] - Delete button icon colour on hover.
+ * @cssprop [--aparte-conv-delete-radius=var(--aparte-radius-sm)] - Corner radius of the delete button.
+ * @cssprop [--aparte-conv-archive-color=var(--aparte-text-muted)] - Icon colour of the archive/unarchive button.
+ * @cssprop [--aparte-conv-archive-bg-hover=var(--aparte-surface-4, var(--aparte-surface-3))] - Archive button background on hover. Core declares no `--aparte-surface-4`, so unset it resolves to `--aparte-surface-3`.
+ * @cssprop [--aparte-conv-archive-color-hover=var(--aparte-text)] - Archive button icon colour on hover.
+ * @cssprop [--aparte-conv-archive-radius=var(--aparte-radius-sm)] - Corner radius of the archive button.
+ *
+ * @example
+ * <!-- It stores nothing and fetches nothing: an empty tag renders the empty state, and
+ *      the list appears when the host assigns `conversations`. -->
+ * <aparte-conversation-list active-id="c1" style="max-width: 20rem"></aparte-conversation-list>
+ *
+ * <script>
+ *   document.querySelector('aparte-conversation-list').conversations = [
+ *     { id: 'c1', title: 'Deploy checklist', updatedAt: Date.now() },
+ *     { id: 'c2', title: 'Rename the segment types', updatedAt: Date.now() - 864e5 },
+ *   ];
+ * </script>
+ *
  * @example
  * // The host owns the data: set the `conversations` property, listen for the intent.
  * const list = document.querySelector('aparte-conversation-list')!;

package/dist/components/conversation-list/aparte-conversation-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aparte-conversation-list.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-list/aparte-conversation-list.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,0BAA0B;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;GACD;IACC,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,8BAA8B;IAC3C,EAAE,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,8BAA8B;IAC3C,EAAE,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,+BAA+B;IAC5C,EAAE,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,qBAAa,sBAAuB,SAAQ,WAAW;IACnD,OAAO,CAAC,cAAc,CAAoC;IAC1D,OAAO,CAAC,SAAS,CAAuB;IAExC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAID,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAI5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQ9F;;;;OAIG;IACH,OAAO,CAAC,eAAe,CAIrB;IAIF,sEAAsE;IACtE,IAAI,aAAa,CAAC,KAAK,EAAE,0BAA0B,EAAE,EAGpD;IAED,IAAI,aAAa,IAAI,0BAA0B,EAAE,CAEhD;IAID,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,WAAW;IAiDnB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,QAAQ,CAkCd;IAEF,OAAO,CAAC,UAAU,CAOhB;IAEF,sEAAsE;IACtE,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,IAAI;CAQf"}
+{"version":3,"file":"aparte-conversation-list.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-list/aparte-conversation-list.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,0BAA0B;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,8BAA8B;IAC3C,EAAE,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,8BAA8B;IAC3C,EAAE,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,+BAA+B;IAC5C,EAAE,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AACH,qBAAa,sBAAuB,SAAQ,WAAW;IACnD,OAAO,CAAC,cAAc,CAAoC;IAC1D,OAAO,CAAC,SAAS,CAAuB;IAExC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAID,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAI5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQ9F;;;;OAIG;IACH,OAAO,CAAC,eAAe,CAIrB;IAIF,sEAAsE;IACtE,IAAI,aAAa,CAAC,KAAK,EAAE,0BAA0B,EAAE,EAGpD;IAED,IAAI,aAAa,IAAI,0BAA0B,EAAE,CAEhD;IAID,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,WAAW;IA8CnB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,QAAQ,CAkCd;IAEF,OAAO,CAAC,UAAU,CAoBhB;IAEF,sEAAsE;IACtE,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,IAAI;CAQf"}

package/dist/components/elicitation/aparte-elicitation.d.ts

@@ -33,8 +33,53 @@ import type { AparteConfig } from '../../config/aparte-config.js';
  * existed only because the buttons used to live in a segment renderer with no reference
  * to the client.
  *
+ * It has no children to project: `connectedCallback` sets
+ * `display: none`, and the composer it presents in is found by walking UP from
+ * `this.parentElement` — anything placed inside this element is only hidden with it.
+ * So its position matters but its content does not: mount it anywhere inside the
+ * `<aparte-chat>` whose questions it should answer.
+ *
+ * Not the element to reach for when you want a question UI of your own shape. It is
+ * one caller of `setElicitationPresenter`, and among presenters registered for the
+ * same chat the most recent one wins — so an app with a framework-native presenter
+ * registers that and does not mount this, and a second `<aparte-elicitation>` in one
+ * chat is redundant rather than additive. It is also not usable outside a chat that
+ * has an `<aparte-composer>`: with nowhere to mount a panel the request is REJECTED,
+ * on purpose, rather than borrowed into another chat's composer.
+ *
+ * The panel it mounts is styled by `@aparte/core/styles.css` — the `--aparte-elic-*`
+ * and `--aparte-approval-*` knobs below theme it. They are declared here rather than
+ * on the composer because this presenter is what builds the panel; the composer only
+ * lends it the slot.
+ *
  * @element aparte-elicitation
  *
+ * @cssprop [--aparte-elic-gap=6px] - Vertical gap between the panel's rows (message, body, tabs).
+ * @cssprop [--aparte-elic-padding=6px 4px] - Padding inside the panel.
+ * @cssprop [--aparte-elic-max-height=50vh] - Cap on the panel's height; its body scrolls, the panel does not.
+ * @cssprop [--aparte-elic-field-gap=8px] - Space and separator padding between two fields of an object schema.
+ * @cssprop [--aparte-elic-message-size=0.82rem] - Font size of the question text at the top of the panel.
+ * @cssprop [--aparte-elic-title-size=0.8rem] - Font size of a field's title.
+ * @cssprop [--aparte-elic-desc-size=0.76rem] - Font size of a field's description.
+ * @cssprop [--aparte-elic-option-padding=7px 10px] - Padding of one enum/boolean option row.
+ * @cssprop [--aparte-elic-option-radius=8px] - Corner radius of an option row.
+ * @cssprop [--aparte-elic-option-title-size=0.875rem] - Font size of an option's label, and of the text inputs.
+ * @cssprop [--aparte-elic-option-desc-size=0.78rem] - Font size of an option's secondary line.
+ * @cssprop [--aparte-elic-control-size=15px] - Size of the radio/checkbox control in an option row.
+ * @cssprop [--aparte-elic-input-radius=6px] - Corner radius of the text inputs and of the Skip button.
+ * @cssprop [--aparte-elic-textarea-min-height=64px] - Minimum height of a multi-line string field.
+ * @cssprop [--aparte-elic-input-size=0.85rem] - Font size of the approval panel's instruction field (the free-text note the user writes).
+ * @cssprop [--aparte-elic-skip-size=0.8rem] - Font size of the corner "Skip" affordance (the decline).
+ * @cssprop [--aparte-elic-step-size=0.78rem] - Font size of a step tab, when the schema is asked one field at a time.
+ * @cssprop [--aparte-elic-step-padding=4px 2px] - Padding of a step tab.
+ * @cssprop [--aparte-elic-step-gap=14px] - Gap between step tabs.
+ * @cssprop [--aparte-elic-step-underline=2px] - Thickness of the current step's underline (a tab, not a pill).
+ * @cssprop [--aparte-elic-dismiss-room=72px] - Space kept clear at the end of the tab rail for the corner escape.
+ * @cssprop [--aparte-approval-gap=4px] - Gap between the stacked options of an approval request.
+ * @cssprop [--aparte-approval-option-size=0.85rem] - Font size of an approval option button.
+ * @cssprop [--aparte-approval-option-padding=8px 10px] - Padding of an approval option button.
+ * @cssprop [--aparte-approval-option-radius=8px] - Corner radius of an approval option button.
+ *
  * @example
  * <!-- Renders nothing by itself: it registers as the presenter for its subtree, so a
  *      tool handler calling requestUserInput() gets its panel mounted in the composer. -->

package/dist/components/elicitation/aparte-elicitation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aparte-elicitation.d.ts","sourceRoot":"","sources":["../../../src/components/elicitation/aparte-elicitation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAgC,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEtG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAiClE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,iBAAkB,SAAQ,WAAY,YAAW,iBAAiB;IAC3E,OAAO,CAAC,QAAQ,CAAwB;IACxC;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,UAAU,CAKhB;IAEF,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,iBAAiB,IAAI,IAAI;IAiBzB;;;;;;;;;;;OAWG;IACH,mBAAmB,CAAC,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI;IAQrE,oBAAoB,IAAI,IAAI;IAY5B;;;;;;;OAOG;IACH,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,QAAQ,CAoJd;IAEF,OAAO,CAAC,cAAc;IAItB;;;;;;;;;OASG;IACH,OAAO,CAAC,gBAAgB;IAWxB;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,YAAY;CAwBvB"}
+{"version":3,"file":"aparte-elicitation.d.ts","sourceRoot":"","sources":["../../../src/components/elicitation/aparte-elicitation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAgC,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEtG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAiClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,qBAAa,iBAAkB,SAAQ,WAAY,YAAW,iBAAiB;IAC3E,OAAO,CAAC,QAAQ,CAAwB;IACxC;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,UAAU,CAKhB;IAEF,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,iBAAiB,IAAI,IAAI;IAiBzB;;;;;;;;;;;OAWG;IACH,mBAAmB,CAAC,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI;IAQrE,oBAAoB,IAAI,IAAI;IAY5B;;;;;;;OAOG;IACH,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,QAAQ,CAmKd;IAEF,OAAO,CAAC,cAAc;IAItB;;;;;;;;;OASG;IACH,OAAO,CAAC,gBAAgB;IAWxB;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,YAAY;CAwBvB"}

package/dist/components/index.d.ts

@@ -4,7 +4,7 @@ export type { SyncableBubble } from './bubble/index.js';
 export { AparteChatStatus } from './status/index.js';
 export { AparteChatViewport } from './viewport/index.js';
 export { AparteComposer, AparteComposerInput, AparteComposerSend, AparteComposerCancel, AparteComposerAttachments, AparteComposerAddAttachment, AparteComposerAction, AparteComposerToolbar } from './composer/index.js';
-export type { AparteComposerEventMap, AparteComposerEventType, AparteComposerState, AparteComposerChangeEventDetail, AparteActionClickEventDetail } from './composer/index.js';
+export type { AparteComposerEventMap, AparteComposerEventType, AparteComposerState, AparteComposerChangeEventDetail, AparteComposerPanelMode, AparteActionClickEventDetail } from './composer/index.js';
 export { AparteConversationList } from './conversation-list/index.js';
 export type { AparteConversationListItem, AparteConversationSelectDetail, AparteConversationDeleteDetail, AparteConversationArchiveDetail } from './conversation-list/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAChF,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACzN,YAAY,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,+BAA+B,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AAG/K,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,YAAY,EAAE,0BAA0B,EAAE,8BAA8B,EAAE,8BAA8B,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAChF,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACzN,YAAY,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,+BAA+B,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AAGxM,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,YAAY,EAAE,0BAA0B,EAAE,8BAA8B,EAAE,8BAA8B,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC"}