@aparte/core 0.16.5 → 0.16.7

package/dist/index.css

@@ -453,11 +453,91 @@
   --aparte-model-select-chevron-room: 28px;
 }
 
+/* =========================================
+   The system decides, by default.
+
+   Dark used to exist only behind the attribute: on a dark OS an un-attributed chat
+   rendered LIGHT on the host's dark page, unreadable, with no error. This block is
+   the DARK block above, verbatim, applied when the OS asks and the host has not
+   said otherwise — `data-aparte-theme="light"` on the root is the veto.
+
+   A duplicate on purpose (CSS cannot share one block between a media query and an
+   attribute selector): `check:derived-vars` holds the two byte-identical, so
+   editing one without the other fails the build rather than forking the theme.
+   No `color-scheme` here — it is not namespaced, and a library setting it on the
+   host's :root would flip the whole page's native controls.
+   ========================================= */
+@media (prefers-color-scheme: dark) {
+  :root:not([data-aparte-theme="light"]) {
+    --aparte-bg: #17141c;
+    --aparte-surface-1: #211b28;
+    --aparte-surface-2: #2a2333;
+    --aparte-message-content-bg-assistant: transparent;
+    --aparte-text: #f2eee7;
+    --aparte-text-muted: #a89bb6;
+    --aparte-neutral: #a89bb6;
+    --aparte-border: #342a40;
+    --aparte-primary: #d9a24b;
+    --aparte-primary-hover: #e7c588;
+    --aparte-scroll-btn-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
+    --aparte-select-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 10px 28px rgba(0, 0, 0, 0.55);
+    --aparte-menu-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
+    --aparte-popover-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 10px 28px rgba(0, 0, 0, 0.55);
+    --aparte-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
+    --aparte-switch-thumb-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
+    --aparte-range-thumb-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
+    --aparte-ink-l: 0.85;
+    --aparte-error-bg: #2d1b1b;
+    --aparte-error-border: #7f1d1d;
+    --aparte-error-solid: #f87171;
+    --aparte-error-text: #fca5a5;
+    --aparte-error-title: #fecaca;
+  }
+}
+
+/* =========================================
+   Forced light — the veto, and the subtree escape.
+
+   New with the system default: without it, a host that wants light-always on a
+   dark OS has no lever, and a light island inside a dark page cannot exist. The
+   values are the light literals from the `:root` block above, one per property
+   the dark block overrides — `check:derived-vars` holds that pairing, so a light
+   literal edited above cannot drift from its copy here.
+   ========================================= */
+[data-aparte-theme="light"] {
+  color-scheme: light;
+  --aparte-bg: #f6f2ea;
+  --aparte-surface-1: #fffdf8;
+  --aparte-surface-2: #f1ebdf;
+  --aparte-message-content-bg-assistant: transparent;
+  --aparte-text: #241f2b;
+  --aparte-text-muted: #6d6479;
+  --aparte-neutral: #6d6479;
+  --aparte-border: #e5ddce;
+  --aparte-primary: #b07d33;
+  --aparte-primary-hover: #a06f28;
+  --aparte-scroll-btn-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
+  --aparte-select-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 10px 28px rgba(0, 0, 0, 0.16);
+  --aparte-menu-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  --aparte-popover-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 10px 28px rgba(0, 0, 0, 0.16);
+  --aparte-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
+  --aparte-switch-thumb-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+  --aparte-range-thumb-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+  --aparte-ink-l: 0.40;
+  --aparte-error-bg: #fef2f2;
+  --aparte-error-border: #fecaca;
+  --aparte-error-solid: #dc2626;
+  --aparte-error-text: #991b1b;
+  --aparte-error-title: #7f1d1d;
+}
+
+
 /* =========================================
    Dark Theme (App-controlled via attribute)
    Usage: <div data-aparte-theme="dark">...</div>
    ========================================= */
 [data-aparte-theme="dark"] {
+  color-scheme: dark;
   /* Backgrounds */
   --aparte-bg: #17141c;
   --aparte-surface-1: #211b28;
@@ -6112,7 +6192,11 @@ details[open] > .aparte-tool-summary .aparte-tool-toggle { transform: rotate(180
 }
 
 .aparte-elic-message {
-  margin: 0 var(--aparte-space-3) var(--aparte-space-3);
+  /* The end margin is the room the corner "Skip" needs, from the same token the tab
+     rail reserves — the button is absolutely positioned, so nothing in the flow knows
+     it is there, and a long question printed its first line underneath it (#50). One
+     token, because the button holds a word and the word changes width per locale. */
+  margin: 0 var(--aparte-elic-dismiss-room) var(--aparte-space-3) var(--aparte-space-3);
   font-size: var(--aparte-elic-message-size);
   font-weight: var(--aparte-font-weight-semibold);
   color: var(--aparte-text);

package/dist/index.js

@@ -1,5 +1,5 @@
-import { $ as resolveConfig, a4 as subscribeConfigChange, a1 as runWithConfig, o as AparteElicitationAbortError, w as buildApprovalPanel, x as buildElicitationPanel, J as escapeAttr, F as cssEscape, a7 as mergeSegmentUpdate, K as escapeHtml, a8 as writeStreamedMarkdown, C as copyText, N as getSegmentRenderer, O as installDefaultRenderersOnce, r as AparteMessageRepository, a9 as stampSegmentActivity, aa as stampSegmentOnInsert, ab as stampSegmentOnUpdate, ac as renumberSegments, ad as openSegmentIds, ae as isTerminalStatus, af as adoptMessageSegments, Q as isAwaitingReply, W as populateBubbleFromMessage, a6 as uuid, a0 as revokeAttachmentUrls, e as APARTE_DEFAULT_LOCALE, P as installDialogTriggersOnce } from "./dialog-triggers-CVCxqKg3.js";
-import { A, a, b, c, d, f, g, h, i, j, k, l, m, n, p, q, s, t, u, v, y, z, B, D, E, G, H, I, L, M, R, S, T, U, V, X, Y, Z, _, a2, a3, a5 } from "./dialog-triggers-CVCxqKg3.js";
+import { $ as resolveConfig, a4 as subscribeConfigChange, a1 as runWithConfig, o as AparteElicitationAbortError, w as buildApprovalPanel, x as buildElicitationPanel, J as escapeAttr, F as cssEscape, a7 as mergeSegmentUpdate, K as escapeHtml, a8 as writeStreamedMarkdown, C as copyText, N as getSegmentRenderer, O as installDefaultRenderersOnce, r as AparteMessageRepository, a9 as stampSegmentActivity, aa as stampSegmentOnInsert, ab as stampSegmentOnUpdate, ac as renumberSegments, ad as openSegmentIds, ae as isTerminalStatus, af as adoptMessageSegments, Q as isAwaitingReply, W as populateBubbleFromMessage, a6 as uuid, a0 as revokeAttachmentUrls, e as APARTE_DEFAULT_LOCALE, P as installDialogTriggersOnce } from "./dialog-triggers-Dw_DIlQ7.js";
+import { A, a, b, c, d, f, g, h, i, j, k, l, m, n, p, q, s, t, u, v, y, z, B, D, E, G, H, I, L, M, R, S, T, U, V, X, Y, Z, _, a2, a3, a5 } from "./dialog-triggers-Dw_DIlQ7.js";
 class AparteOption extends HTMLElement {
   static get observedAttributes() {
     return ["value", "disabled", "selected", "data-status"];
@@ -5914,6 +5914,9 @@ class AparteScrollRail extends HTMLElement {
 if (!customElements.get("aparte-scroll-rail")) {
   customElements.define("aparte-scroll-rail", AparteScrollRail);
 }
+function presenceOn(value) {
+  return value === "" ? true : Boolean(value);
+}
 const DRAWER_QUERY = "(max-width: 48rem)";
 class AparteSidebar extends HTMLElement {
   static get observedAttributes() {
@@ -5963,7 +5966,7 @@ class AparteSidebar extends HTMLElement {
     return this.hasAttribute("collapsed");
   }
   set collapsed(value) {
-    this.toggleAttribute("collapsed", value);
+    this.toggleAttribute("collapsed", presenceOn(value));
   }
   /** True while the window is under the breakpoint and the sidebar is a drawer. */
   get drawer() {
@@ -6307,7 +6310,7 @@ class AparteSplit extends HTMLElement {
     return this.hasAttribute("collapsed");
   }
   set collapsed(value) {
-    this.toggleAttribute("collapsed", value);
+    this.toggleAttribute("collapsed", presenceOn(value));
   }
   /** Which pane is shown while the split is stacked. */
   get pane() {
@@ -6321,7 +6324,7 @@ class AparteSplit extends HTMLElement {
     return this.hasAttribute("disabled");
   }
   set disabled(value) {
-    this.toggleAttribute("disabled", value);
+    this.toggleAttribute("disabled", presenceOn(value));
   }
   /**
    * True while the split is showing one pane. Read-only.
@@ -6341,7 +6344,7 @@ class AparteSplit extends HTMLElement {
     return this.hasAttribute("single");
   }
   set single(value) {
-    this.toggleAttribute("single", value);
+    this.toggleAttribute("single", presenceOn(value));
   }
   // ─── Public API ───────────────────────────────────────────────────────
   /** Fold the primary pane to its minimum, remembering the size it had. */