@jini-ai/ui 0.3.14 → 0.4.0

package/dist/features/privacy/types.d.ts

@@ -4,7 +4,7 @@
  * telemetry-consent card (share/decline + two per-category toggles) over a
  * generic `{ metrics, content }` shape, plus an installation-id
  * generate/rotate flow. Verified generic for this task (see
- * `packages/ui/source-map.md` for the full note): the only OD coupling was
+ * `packages/ui/archived provenance ledger` for the full note): the only OD coupling was
  * the `AppConfig`/`TelemetryConfig` type import (replaced by the local
  * types below) and the analytics tracking calls (dropped, same as every
  * other tab in this feature).

package/dist/features/privacy/types.js

@@ -4,7 +4,7 @@
  * telemetry-consent card (share/decline + two per-category toggles) over a
  * generic `{ metrics, content }` shape, plus an installation-id
  * generate/rotate flow. Verified generic for this task (see
- * `packages/ui/source-map.md` for the full note): the only OD coupling was
+ * `packages/ui/archived provenance ledger` for the full note): the only OD coupling was
  * the `AppConfig`/`TelemetryConfig` type import (replaced by the local
  * types below) and the analytics tracking calls (dropped, same as every
  * other tab in this feature).

package/dist/features/progress-card/reference-adapters.d.ts

@@ -6,7 +6,7 @@
  * on that package, and any host whose real types are a structural superset
  * can pass them in directly. Field-level provenance and what was
  * deliberately dropped (a Bash `rm`-command heuristic from the file-ops
- * derivation) are documented in `packages/ui/source-map.md`.
+ * derivation) are documented in `packages/ui/archived provenance ledger`.
  *
  * These adapters are shipped as documented reference material, not as the
  * package's primary port surface — a host with its own run/job shape maps

package/dist/features/progress-card/rules.d.ts

@@ -12,7 +12,7 @@ export declare function progressCardItemIcon(status: ProgressStatus): IconName |
 export declare function progressCardStatusLabel(status: ProgressStatus): string;
 /** Neutral fallback title used when a host doesn't supply one. Deliberately
  *  generic — the source cards' actual default copy is branded product voice,
- *  not part of the generic component (see `packages/ui/source-map.md`). */
+ *  not part of the generic component (see `packages/ui/archived provenance ledger`). */
 export declare function defaultProgressCardTitle(status: ProgressStatus): string;
 /** Neutral fallback detail line used when a host doesn't supply one. */
 export declare function defaultProgressCardDetail(status: ProgressStatus): string;

package/dist/features/progress-card/rules.js

@@ -29,7 +29,7 @@ export function progressCardStatusLabel(status) {
 }
 /** Neutral fallback title used when a host doesn't supply one. Deliberately
  *  generic — the source cards' actual default copy is branded product voice,
- *  not part of the generic component (see `packages/ui/source-map.md`). */
+ *  not part of the generic component (see `packages/ui/archived provenance ledger`). */
 export function defaultProgressCardTitle(status) {
     return progressCardStatusLabel(status);
 }

package/dist/features/progress-card/types.d.ts

@@ -1,7 +1,7 @@
 /**
  * Generic "a run/job in progress" domain shape — a progress bar + status icon
  * + step list, the pattern independently reimplemented twice against two
- * different source shapes. See `packages/ui/source-map.md` for provenance.
+ * different source shapes. See `packages/ui/archived provenance ledger` for provenance.
  * Deliberately maps close to Jini's own Run/Agent/Tool vocabulary rather than
  * either source's own naming.
  */

package/dist/features/progress-card/types.js

@@ -1,7 +1,7 @@
 /**
  * Generic "a run/job in progress" domain shape — a progress bar + status icon
  * + step list, the pattern independently reimplemented twice against two
- * different source shapes. See `packages/ui/source-map.md` for provenance.
+ * different source shapes. See `packages/ui/archived provenance ledger` for provenance.
  * Deliberately maps close to Jini's own Run/Agent/Tool vocabulary rather than
  * either source's own naming.
  */

package/dist/features/resource-dashboard/dependencies.d.ts

@@ -6,7 +6,7 @@
  * `ResourceBoardPort` nor `ResourceRowListPort` has an "add" concept at all
  * — both origins delegate creation entirely to host UI (DesignsTab's
  * `onNewProject`, TasksView's template-gallery + `NewAutomationModal`, both
- * out of this primitive's scope, see `packages/ui/source-map.md`'s
+ * out of this primitive's scope, see `packages/ui/archived provenance ledger`'s
  * "Dropped" list). So both fakes below can ship a genuinely useful
  * zero-config default, same reasoning as `features/asset-grid`'s read-only
  * fake.

package/dist/features/resource-dashboard/ports.d.ts

@@ -2,7 +2,7 @@
  * The DI seam for both composed components. Two separate port interfaces,
  * matching the two composed components — nothing here is shared, which is
  * itself evidence for the shared-vs-separate verdict recorded in `types.ts`
- * and `packages/ui/source-map.md`: the only shared surface in this feature
+ * and `packages/ui/archived provenance ledger`: the only shared surface in this feature
  * is pure (`rules.ts`) plus one presentational leaf (`StatusPill`), never a
  * transport-level one.
  */

package/dist/features/resource-dashboard/react/hooks/useResourceBoard.d.ts

@@ -67,7 +67,7 @@ export interface ResourceBoardController<TItem extends ResourceBoardItem> {
  * derivation. Interactive rename (which needs a text input the origin
  * collects via its own `Dialog`) is deliberately NOT handled here — see
  * `ResourceBoard.tsx`'s `onRenameRequest` prop and
- * `packages/ui/source-map.md`'s "Dropped" list.
+ * `packages/ui/archived provenance ledger`'s "Dropped" list.
  */
 export declare function useResourceBoard<TItem extends ResourceBoardItem>(params: UseResourceBoardParams<TItem>): ResourceBoardController<TItem>;
 export type UseWiredResourceBoardParams<TItem extends ResourceBoardItem> = {

package/dist/features/resource-dashboard/react/hooks/useResourceBoard.js

@@ -16,7 +16,7 @@ const DUPLICATE_FAILED_MESSAGE = 'Failed to duplicate item.';
  * derivation. Interactive rename (which needs a text input the origin
  * collects via its own `Dialog`) is deliberately NOT handled here — see
  * `ResourceBoard.tsx`'s `onRenameRequest` prop and
- * `packages/ui/source-map.md`'s "Dropped" list.
+ * `packages/ui/archived provenance ledger`'s "Dropped" list.
  */
 export function useResourceBoard(params) {
     const { port, refreshToken } = params;

package/dist/features/resource-dashboard/rules.d.ts

@@ -1,7 +1,7 @@
 import type { ResourceBoardItem, ResourceStatusTone, ResourceStatusToneMap } from './types.js';
 /** Resolves a status value's visual tone from a host-supplied map, defaulting to `'neutral'` for any status the host didn't classify. */
 export declare function statusToneFor(status: string, toneMap: ResourceStatusToneMap | undefined): ResourceStatusTone;
-/** Stable per-(id, kind) key used to track in-flight per-item actions independently, so one item's busy action never disables an unrelated item — same pattern already established by `features/source-config-list`'s `pendingActionKey`, re-derived fresh here (deliberately not imported cross-feature; see `packages/ui/source-map.md`'s "share only what correctness forces" note). */
+/** Stable per-(id, kind) key used to track in-flight per-item actions independently, so one item's busy action never disables an unrelated item — same pattern already established by `features/source-config-list`'s `pendingActionKey`, re-derived fresh here (deliberately not imported cross-feature; see `packages/ui/archived provenance ledger`'s "share only what correctness forces" note). */
 export declare function pendingActionKey(id: string, kind: string): string;
 export declare function isActionPending(pendingKeys: ReadonlySet<string>, id: string, kind: string): boolean;
 export declare function withPendingAction(pendingKeys: ReadonlySet<string>, id: string, kind: string): ReadonlySet<string>;

package/dist/features/resource-dashboard/rules.js

@@ -1,6 +1,6 @@
 /**
  * Pure logic shared by `ResourceBoard` and `ResourceRowList`. No React, no
- * transport, no DOM. See `packages/ui/source-map.md` for full provenance.
+ * transport, no DOM. See `packages/ui/archived provenance ledger` for full provenance.
  */
 import { DEFAULT_STATUS_TONE, UNMATCHED_STATUS_BUCKET } from './constants.js';
 // --- Shared: status tone + pending-action tracking ----------------------
@@ -8,7 +8,7 @@ import { DEFAULT_STATUS_TONE, UNMATCHED_STATUS_BUCKET } from './constants.js';
 export function statusToneFor(status, toneMap) {
     return toneMap?.[status] ?? DEFAULT_STATUS_TONE;
 }
-/** Stable per-(id, kind) key used to track in-flight per-item actions independently, so one item's busy action never disables an unrelated item — same pattern already established by `features/source-config-list`'s `pendingActionKey`, re-derived fresh here (deliberately not imported cross-feature; see `packages/ui/source-map.md`'s "share only what correctness forces" note). */
+/** Stable per-(id, kind) key used to track in-flight per-item actions independently, so one item's busy action never disables an unrelated item — same pattern already established by `features/source-config-list`'s `pendingActionKey`, re-derived fresh here (deliberately not imported cross-feature; see `packages/ui/archived provenance ledger`'s "share only what correctness forces" note). */
 export function pendingActionKey(id, kind) {
     return `${kind}:${id}`;
 }

package/dist/features/resource-dashboard/types.d.ts

@@ -8,7 +8,7 @@
  * over a config-driven status-kanban board) and `TasksView.tsx` (hero header
  * with metric tiles + a flat row-list with inline per-item action buttons +
  * a lazy-loaded expandable per-row run-history sublist). Both were read in
- * full from `/tmp/od-source` (see `packages/ui/source-map.md`'s
+ * full from `/tmp/od-source` (see `packages/ui/archived provenance ledger`'s
  * `features/resource-dashboard/` section for the full shared-vs-separate
  * verdict and quoted structural evidence).
  *
@@ -33,7 +33,7 @@
  * and TasksView's own 5-value run vocabulary
  * (`succeeded`/`failed`/`running`/`queued`/`canceled`) are two different,
  * non-identical instantiations of this same shape — see
- * `packages/ui/source-map.md` for the note on reconciling either against
+ * `packages/ui/archived provenance ledger` for the note on reconciling either against
  * `@jini-ai/protocol`'s own `RunState` later (explicitly out of scope here).
  */
 export interface ResourceStatusOption {
@@ -66,7 +66,7 @@ export interface ResourceMenuActionSpec {
  * `body` is a host-supplied render slot for anything else (DesignsTab's
  * cover-thumbnail resolution across html/image/video/logo/brand kinds stays
  * entirely host-owned, never ported into this generic primitive — see
- * source-map.md's "Dropped" list).
+ * archived provenance ledger's "Dropped" list).
  */
 export interface ResourceBoardItem<TBody = unknown> {
     id: string;
@@ -110,7 +110,7 @@ export interface ResourceRowItem {
     paused?: boolean;
     actions: ResourceRowAction[];
 }
-/** One entry in a row's expandable run-history sublist (TasksView's `RoutineRun`, lazy-fetched on first expand). `actions` generalizes the origin's per-run "crystallize"/"view progress" buttons — see source-map.md for what was dropped (the crystallize automation-evolution workflow is OD-specific and not ported; "open" is the one generic action kept). */
+/** One entry in a row's expandable run-history sublist (TasksView's `RoutineRun`, lazy-fetched on first expand). `actions` generalizes the origin's per-run "crystallize"/"view progress" buttons — see archived provenance ledger for what was dropped (the crystallize automation-evolution workflow is OD-specific and not ported; "open" is the one generic action kept). */
 export interface ResourceRunHistoryItem {
     id: string;
     status: string;

package/dist/features/resource-dashboard/types.js

@@ -8,7 +8,7 @@
  * over a config-driven status-kanban board) and `TasksView.tsx` (hero header
  * with metric tiles + a flat row-list with inline per-item action buttons +
  * a lazy-loaded expandable per-row run-history sublist). Both were read in
- * full from `/tmp/od-source` (see `packages/ui/source-map.md`'s
+ * full from `/tmp/od-source` (see `packages/ui/archived provenance ledger`'s
  * `features/resource-dashboard/` section for the full shared-vs-separate
  * verdict and quoted structural evidence).
  *

package/dist/features/schedule-picker/react/hooks/useRecurringSchedulePicker.js

@@ -22,7 +22,7 @@ export function useRecurringSchedulePicker({ value, onChange, timezones, }) {
         const local = detectLocalTimezone();
         return Array.from(new Set([local, ...listSupportedTimezones()]));
     }, [timezones]);
-    useDismissOnOutsideOrEscape(() => setOpen(false), { enabled: open, containerRef });
+    useDismissOnOutsideOrEscape({ onDismiss: () => setOpen(false) }, { enabled: open, containerRef });
     const toggleOpen = () => {
         setOpen((current) => {
             const next = !current;

package/dist/features/settings/dialog/styles/settings-dialog.css

@@ -122,9 +122,11 @@
    controls use this family instead of `.jini-btn`. `<a>` is included
    alongside `<button>` because the MCP server tab's "One-click install"
    deep link renders as an anchor styled as a button, not a real button. */
-.jini-btn,
-.jini-button,
-a.jini-button {
+/* These primitives belong to settings tab content, including standalone sections.
+   Scope them so loading this stylesheet cannot style another package's buttons. */
+.jini-settings-section .jini-btn,
+.jini-settings-section .jini-button,
+.jini-settings-section a.jini-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -142,13 +144,13 @@ a.jini-button {
   transition: border-color 120ms var(--jini-ease-out), background-color 120ms var(--jini-ease-out);
 }
 
-.jini-btn:hover:not(:disabled),
-.jini-button:hover:not(:disabled) {
+.jini-settings-section .jini-btn:hover:not(:disabled),
+.jini-settings-section .jini-button:hover:not(:disabled) {
   border-color: var(--jini-border-strong);
 }
 
-.jini-btn:disabled,
-.jini-button:disabled {
+.jini-settings-section .jini-btn:disabled,
+.jini-settings-section .jini-button:disabled {
   opacity: 0.55;
   cursor: not-allowed;
 }
@@ -160,18 +162,18 @@ a.jini-button {
    `disabled` (it drops `href` instead — see `IntegrationsTab.tsx`), so the
    component sets this class in the same case a real `disabled` attribute
    would apply. */
-.jini-button-primary {
-  color: #fff;
+.jini-settings-section .jini-button-primary {
+  color: var(--jini-accent-ink);
   background: var(--jini-accent);
   border-color: var(--jini-accent);
 }
 
-.jini-button-primary:hover {
+.jini-settings-section .jini-button-primary:hover {
   background: var(--jini-accent-hover);
   border-color: var(--jini-accent-hover);
 }
 
-.jini-button-disabled {
+.jini-settings-section .jini-button-disabled {
   opacity: 0.55;
   cursor: not-allowed;
   pointer-events: none;
@@ -344,7 +346,7 @@ a.jini-button {
 .jini-provider-chip.active {
   background: var(--jini-accent);
   border-color: var(--jini-accent);
-  color: #fff;
+  color: var(--jini-accent-ink);
 }
 
 .jini-provider-chip-status {
@@ -363,7 +365,7 @@ a.jini-button {
 
 .jini-provider-chip.active .jini-provider-chip-status.is-configured,
 .jini-provider-chip.active .jini-provider-chip-status.is-unset {
-  box-shadow: 0 0 0 2px color-mix(in srgb, #fff 40%, transparent);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--jini-accent-ink) 40%, transparent);
 }
 
 .jini-byok-card {
@@ -843,12 +845,12 @@ a.jini-button {
   gap: 8px;
 }
 
-.jini-btn-ghost,
-.jini-button-ghost {
+.jini-settings-section .jini-btn-ghost,
+.jini-settings-section .jini-button-ghost {
   background: transparent;
 }
 
-/* A host app's own global `button:disabled` reset (Tovu's admin: `styles.css`'s burnt-orange
+/* A host app's own global `button:disabled` reset (the host’s admin: `styles.css`'s burnt-orange
    `color-mix` tint) is a type selector + pseudo-class, (0,1,1) specificity — it outranks the
    class-only rule above for the SAME property, so a disabled ghost button would otherwise show
    that host's accent tint behind it instead of staying transparent (confirmed live: the Media
@@ -857,14 +859,14 @@ a.jini-button {
    any state, disabled included, and that contract shouldn't depend on what a consuming app's own
    button reset happens to do.
 
-   `color` needs the same treatment, not just `background`: Tovu's global rule sets BOTH as a
+   `color` needs the same treatment, not just `background`: the host’s global rule sets BOTH as a
    matched pair (a near-white "ink" meant to sit on ITS OWN peach fill), so resetting only the
    background left white-on-white invisible text — confirmed live, not a hypothetical. `.jini-
    button:disabled` (above, line ~150) already dims via `opacity: 0.55`; restoring the ordinary
    `var(--jini-text)` here just gives that opacity something visible to dim, same as every other
    disabled `.jini-button` variant that doesn't hit this host-specific collision. */
-.jini-btn-ghost:disabled,
-.jini-button-ghost:disabled {
+.jini-settings-section .jini-btn-ghost:disabled,
+.jini-settings-section .jini-button-ghost:disabled {
   background: transparent;
   color: var(--jini-text);
 }
@@ -1200,7 +1202,7 @@ a.jini-button {
 }
 
 .jini-privacy-consent-action--primary {
-  color: #fff;
+  color: var(--jini-accent-ink);
   background: var(--jini-accent);
   border-color: var(--jini-accent);
 }
@@ -1268,7 +1270,7 @@ a.jini-button {
   width: 16px;
   height: 16px;
   border-radius: 50%;
-  background: #fff;
+  background: var(--jini-bg);
   box-shadow: var(--jini-shadow-xs);
   transition: transform 120ms var(--jini-ease-out);
 }
@@ -1577,7 +1579,7 @@ a.jini-button {
 }
 
 .jini-snippet-code {
-  font-family: ui-monospace, "SF Mono", Menlo, monospace;
+  font-family: var(--jini-font-mono);
   font-size: 12px;
   line-height: 1.6;
   color: var(--jini-bg-panel);
@@ -1613,7 +1615,7 @@ a.jini-button {
    OD-global `button`/`.ghost`/`.primary`/`.icon-only` rule is rescoped
    under `.connectors-panel` — those are unscoped in OD's own app (a
    single-purpose SPA where every button gets that treatment), but here
-   they'd otherwise leak onto every unrelated `<button>` in the Tovu admin.
+   they'd otherwise leak onto every unrelated `<button>` in the the host admin.
    Two intentional substitutions where jini's token set has no equivalent:
    `var(--bg)` (OD's page-level background, distinct from `--bg-panel`) →
    `var(--jini-bg-subtle)` in the gate's backdrop gradient; OD's
@@ -1791,14 +1793,14 @@ a.jini-button {
 .connector-card:hover:not(.is-locked) {
   transform: translateY(-1px);
   border-color: color-mix(in srgb, var(--jini-text) 28%, var(--jini-border));
-  box-shadow: 0 8px 24px -14px rgba(0, 0, 0, 0.25), var(--jini-shadow-xs);
+  box-shadow: 0 8px 24px -14px color-mix(in srgb, var(--jini-text) 25%, transparent), var(--jini-shadow-xs);
 }
 .connector-card:focus-visible {
   outline: none;
   border-color: color-mix(in srgb, var(--jini-text) 48%, var(--jini-border));
   box-shadow:
     0 0 0 3px color-mix(in srgb, var(--jini-text) 14%, transparent),
-    0 8px 24px -14px rgba(0, 0, 0, 0.25);
+    0 8px 24px -14px color-mix(in srgb, var(--jini-text) 25%, transparent);
 }
 .connector-card.status-connected {
   border-color: color-mix(in srgb, var(--jini-success) 40%, var(--jini-border));
@@ -1936,28 +1938,28 @@ a.jini-button {
 }
 .connector-logo.state-error[data-palette='1'] .connector-logo-fallback,
 .connector-logo.is-fallback[data-palette='1'] .connector-logo-fallback {
-  background: color-mix(in oklab, #6b8afd 7%, var(--jini-bg-subtle));
-  color: color-mix(in oklab, #6b8afd 38%, var(--jini-text-muted));
+  background: color-mix(in oklab, var(--jini-primary) 7%, var(--jini-bg-subtle));
+  color: color-mix(in oklab, var(--jini-primary) 38%, var(--jini-text-muted));
 }
 .connector-logo.state-error[data-palette='2'] .connector-logo-fallback,
 .connector-logo.is-fallback[data-palette='2'] .connector-logo-fallback {
-  background: color-mix(in oklab, #2dbfa8 7%, var(--jini-bg-subtle));
-  color: color-mix(in oklab, #2dbfa8 38%, var(--jini-text-muted));
+  background: color-mix(in oklab, var(--jini-success) 7%, var(--jini-bg-subtle));
+  color: color-mix(in oklab, var(--jini-success) 38%, var(--jini-text-muted));
 }
 .connector-logo.state-error[data-palette='3'] .connector-logo-fallback,
 .connector-logo.is-fallback[data-palette='3'] .connector-logo-fallback {
-  background: color-mix(in oklab, #d18b3a 7%, var(--jini-bg-subtle));
-  color: color-mix(in oklab, #d18b3a 40%, var(--jini-text-muted));
+  background: color-mix(in oklab, var(--jini-warning) 7%, var(--jini-bg-subtle));
+  color: color-mix(in oklab, var(--jini-warning) 40%, var(--jini-text-muted));
 }
 .connector-logo.state-error[data-palette='4'] .connector-logo-fallback,
 .connector-logo.is-fallback[data-palette='4'] .connector-logo-fallback {
-  background: color-mix(in oklab, #c356b3 6%, var(--jini-bg-subtle));
-  color: color-mix(in oklab, #c356b3 38%, var(--jini-text-muted));
+  background: color-mix(in oklab, var(--jini-danger) 6%, var(--jini-bg-subtle));
+  color: color-mix(in oklab, var(--jini-danger) 38%, var(--jini-text-muted));
 }
 .connector-logo.state-error[data-palette='5'] .connector-logo-fallback,
 .connector-logo.is-fallback[data-palette='5'] .connector-logo-fallback {
-  background: color-mix(in oklab, #5d6b85 9%, var(--jini-bg-subtle));
-  color: color-mix(in oklab, #5d6b85 42%, var(--jini-text-muted));
+  background: color-mix(in oklab, var(--jini-muted) 9%, var(--jini-bg-subtle));
+  color: color-mix(in oklab, var(--jini-muted) 42%, var(--jini-text-muted));
 }
 .connector-logo.state-error,
 .connector-logo.is-fallback {
@@ -2120,7 +2122,7 @@ a.jini-button {
 /* Base button + `.ghost`/`.primary`/`.icon-only` — OD's `primitives.css`
    defines these UNSCOPED (every `<button>` in its single-purpose app gets
    them). Rescoped under `.connectors-panel` so they style only this
-   feature's buttons and never leak onto the rest of the Tovu admin. */
+   feature's buttons and never leak onto the rest of the the host admin. */
 .connectors-panel button {
   font: inherit;
   color: var(--jini-text);
@@ -2141,10 +2143,10 @@ a.jini-button {
   gap: 6px;
   background: var(--jini-accent);
   border-color: var(--jini-accent);
-  color: #fff;
+  color: var(--jini-accent-ink);
   font-weight: 500;
   line-height: 1.2;
-  box-shadow: 0 1px 0 rgba(180, 90, 59, 0.18) inset, var(--jini-shadow-xs);
+  box-shadow: 0 1px 0 color-mix(in srgb, var(--jini-text) 18%, transparent) inset, var(--jini-shadow-xs);
 }
 .connectors-panel button.primary:hover:not(:disabled) {
   background: var(--jini-accent-hover);
@@ -2271,7 +2273,7 @@ button.connector-action.is-loading { cursor: wait; }
 }
 .connector-card > .connector-authorization-link { margin-top: -2px; }
 
-/* Gate: masks the grid when the Composio API key is missing. */
+/* Gate: masks the grid when the Connector Provider API key is missing. */
 .connector-grid-wrap { position: relative; }
 .connector-grid-wrap.is-masked .connector-grid {
   filter: blur(2px) saturate(0.85);
@@ -2334,7 +2336,7 @@ button.connector-action.is-loading { cursor: wait; }
   flex: 0 0 auto;
 }
 /* Hide the provider tabs when there is only one option — no choice = no
-   need for a tab (matches OD exactly; Tovu's single "All" tab hits this). */
+   need for a tab (matches OD exactly; the host’s single "All" tab hits this). */
 .connectors-provider-tabs:has(> :only-child) { display: none; }
 .connectors-provider-tab {
   appearance: none;
@@ -2358,11 +2360,11 @@ button.connector-action.is-loading { cursor: wait; }
 .connectors-provider-tab.is-active {
   color: var(--jini-text);
   background: var(--jini-bg-panel);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 0 1px color-mix(in srgb, var(--jini-text) 12%, var(--jini-border));
+  box-shadow: 0 1px 2px color-mix(in srgb, var(--jini-text) 6%, transparent), 0 0 0 1px color-mix(in srgb, var(--jini-text) 12%, var(--jini-border));
 }
 .connectors-provider-tab:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--jini-text) 14%, transparent), 0 1px 2px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--jini-text) 14%, transparent), 0 1px 2px color-mix(in srgb, var(--jini-text) 6%, transparent);
 }
 .connectors-panel-embedded .connector-grid-wrap.is-masked {
   min-height: clamp(320px, 45vh, 420px);
@@ -2613,7 +2615,7 @@ button.connector-action.is-loading { cursor: wait; }
   position: fixed;
   inset: 0;
   z-index: 100;
-  background: color-mix(in srgb, #111827 18%, transparent);
+  background: color-mix(in srgb, var(--jini-text) 18%, transparent);
   backdrop-filter: blur(1px);
   -webkit-backdrop-filter: blur(1px);
   display: flex;
@@ -2636,7 +2638,7 @@ button.connector-action.is-loading { cursor: wait; }
   background: var(--jini-bg-panel);
   border: 1px solid color-mix(in srgb, var(--jini-border) 82%, transparent);
   border-radius: var(--jini-radius-lg);
-  box-shadow: 0 24px 64px -34px rgba(15, 23, 42, 0.5);
+  box-shadow: 0 24px 64px -34px color-mix(in srgb, var(--jini-text) 50%, transparent);
   overflow: hidden;
   animation: connector-drawer-slide 220ms cubic-bezier(0.23, 1, 0.32, 1);
 }
@@ -2890,7 +2892,7 @@ button.connector-action.is-loading { cursor: wait; }
   line-height: 1.42;
 }
 .connector-drawer-tool-name {
-  font-family: ui-monospace, "SF Mono", Menlo, monospace;
+  font-family: var(--jini-font-mono);
   font-size: 10.5px;
   color: var(--jini-text-disabled);
   background: color-mix(in srgb, var(--jini-bg-subtle) 76%, transparent);
@@ -2954,7 +2956,7 @@ button.connector-action.is-loading { cursor: wait; }
   height: 100%;
   max-height: none;
   border-radius: var(--jini-radius);
-  box-shadow: 0 20px 48px -28px rgba(15, 23, 42, 0.55);
+  box-shadow: 0 20px 48px -28px color-mix(in srgb, var(--jini-text) 55%, transparent);
 }
 @media (max-width: 720px) {
   .connectors-panel-embedded:has(.connector-drawer-backdrop) { min-height: clamp(520px, 70vh, 640px); }
@@ -3087,7 +3089,7 @@ button.connector-action.is-loading { cursor: wait; }
 }
 .jini-skills-row:hover {
   border-color: var(--jini-border-strong);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+  box-shadow: 0 1px 2px color-mix(in srgb, var(--jini-text) 4%, transparent);
 }
 .jini-skills-row-expanded {
   background: var(--jini-bg-subtle);
@@ -3308,7 +3310,7 @@ button.connector-action.is-loading { cursor: wait; }
   padding: 10px 12px;
   font-size: 12.5px;
   line-height: 1.55;
-  font-family: ui-monospace, "SF Mono", Menlo, monospace;
+  font-family: var(--jini-font-mono);
   white-space: pre-wrap;
 }
 .jini-skills-file-tree {
@@ -3355,7 +3357,7 @@ button.connector-action.is-loading { cursor: wait; }
   margin: 0;
   font-size: 11px;
   color: var(--jini-text-disabled);
-  font-family: ui-monospace, "SF Mono", Menlo, monospace;
+  font-family: var(--jini-font-mono);
 }
 
 /* Real OD form fields for `SkillDraftForm` — from `.../viewer/
@@ -3556,7 +3558,7 @@ button.connector-action.is-loading { cursor: wait; }
   width: 14px;
   left: 3px;
   bottom: 3px;
-  background-color: white;
+  background-color: var(--jini-bg);
   border-radius: 50%;
   transition: transform 0.2s;
 }
@@ -3577,7 +3579,7 @@ button.connector-action.is-loading { cursor: wait; }
    both features were functional but had literally never been styled by any
    host. Reference screenshots: `od-settings-memory.png`,
    `od-settings-memory-howitworks.png`, `od-settings-external-mcp.png`,
-   `od-settings-external-mcp-customform.png`. Tovu mounts the two new
+   `od-settings-external-mcp-customform.png`. the host mounts the two new
    composed components this section styles — `MemorySettingsPanel`
    (`features/memory`) and `ExternalMcpTab` (new `features/external-mcp`) —
    inert-wrapped in `SettingsUi.tsx`, same pattern as Media providers/
@@ -3629,7 +3631,7 @@ button.connector-action.is-loading { cursor: wait; }
   width: 16px;
   height: 16px;
   border-radius: 50%;
-  background: #fff;
+  background: var(--jini-bg);
   box-shadow: var(--jini-shadow-xs);
   transition: transform 120ms var(--jini-ease-out);
 }
@@ -3722,7 +3724,7 @@ button.connector-action.is-loading { cursor: wait; }
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  /* Tovu's own global `button { padding: 0.5rem 0.95rem }` reset otherwise
+  /* the host’s own global `button { padding: 0.5rem 0.95rem }` reset otherwise
      wins here (this rule never declared a `padding` of its own, so the
      cascade fills it in from that less-specific element selector) — 15.2px
      of horizontal padding on each side left a 34px button almost no room for
@@ -3888,7 +3890,7 @@ button.connector-action.is-loading { cursor: wait; }
 
 .library-empty-hint code {
   padding: 1px 6px;
-  font-family: ui-monospace, "SF Mono", Menlo, monospace;
+  font-family: var(--jini-font-mono);
   font-size: 11px;
   color: var(--jini-text);
   background: var(--jini-bg-panel);
@@ -4093,7 +4095,7 @@ button.connector-action.is-loading { cursor: wait; }
 .source-config-field textarea {
   min-height: 64px;
   resize: vertical;
-  font-family: ui-monospace, "SF Mono", Menlo, monospace;
+  font-family: var(--jini-font-mono);
   font-size: 12px;
 }
 
@@ -4149,7 +4151,7 @@ button.connector-action.is-loading { cursor: wait; }
   font: inherit;
   font-size: 13px;
   font-weight: 500;
-  color: #fff;
+  color: var(--jini-accent-ink);
   background: var(--jini-accent);
   border: 1px solid var(--jini-accent);
   border-radius: var(--jini-radius-sm);
@@ -4396,7 +4398,7 @@ button.connector-action.is-loading { cursor: wait; }
 .source-config-item-card-field dd {
   margin: 0;
   font-size: 12px;
-  font-family: ui-monospace, "SF Mono", Menlo, monospace;
+  font-family: var(--jini-font-mono);
   color: var(--jini-text);
   word-break: break-all;
 }
@@ -4440,7 +4442,7 @@ button.connector-action.is-loading { cursor: wait; }
   font: inherit;
   font-size: 13px;
   font-weight: 500;
-  color: #fff;
+  color: var(--jini-accent-ink);
   background: var(--jini-accent);
   border: 1px solid var(--jini-accent);
   border-radius: var(--jini-radius-sm);
@@ -4495,7 +4497,7 @@ button.connector-action.is-loading { cursor: wait; }
   padding: 5px 14px;
   font-size: 12px;
   font-weight: 600;
-  color: #fff;
+  color: var(--jini-accent-ink);
   background: var(--jini-accent);
   border-radius: var(--jini-radius-pill);
 }
@@ -4507,7 +4509,7 @@ button.connector-action.is-loading { cursor: wait; }
 
 .external-mcp-stored-at code {
   padding: 1px 6px;
-  font-family: ui-monospace, "SF Mono", Menlo, monospace;
+  font-family: var(--jini-font-mono);
   font-size: 11px;
   color: var(--jini-text);
   background: var(--jini-bg-subtle);

package/dist/features/sketch-editor/constants.d.ts

@@ -38,7 +38,7 @@ export declare const DEFAULT_SKETCH_DARK_TOOL_COLOR = "#ffffff";
  * Matches the Mermaid-dialog "Insert" button's rendered label (English
  * only). The source product's own pattern also matched a hardcoded Chinese
  * translation (`/^(Insert|插入)/i`) — dropped as real translated copy, not a
- * mechanism (see `packages/ui/source-map.md`); a host running Excalidraw in
+ * mechanism (see `packages/ui/archived provenance ledger`); a host running Excalidraw in
  * a locale where this button's label differs should pass its own pattern via
  * `SketchEditorProps.mermaidInsertLabelPattern`.
  */

package/dist/features/sketch-editor/constants.js

@@ -96,7 +96,7 @@ export const DEFAULT_SKETCH_DARK_TOOL_COLOR = '#ffffff';
  * Matches the Mermaid-dialog "Insert" button's rendered label (English
  * only). The source product's own pattern also matched a hardcoded Chinese
  * translation (`/^(Insert|插入)/i`) — dropped as real translated copy, not a
- * mechanism (see `packages/ui/source-map.md`); a host running Excalidraw in
+ * mechanism (see `packages/ui/archived provenance ledger`); a host running Excalidraw in
  * a locale where this button's label differs should pass its own pattern via
  * `SketchEditorProps.mermaidInsertLabelPattern`.
  */

package/dist/features/sketch-editor/dom.d.ts

@@ -21,7 +21,7 @@ export declare function applySketchContextMenuSimplification(root: HTMLElement,
  * Walks `root`'s text nodes and a fixed set of text-bearing attributes,
  * rewriting any that match `overrides`. `overrides` is entirely
  * host-supplied — no translated copy ships as a default (see
- * `packages/ui/source-map.md`).
+ * `packages/ui/archived provenance ledger`).
  */
 export declare function applySketchDomTextOverrides(root: ParentNode, overrides: SketchDomTextOverrides | undefined): void;
 export declare function rewriteExcalidrawUnableToEmbedToasts(root: HTMLElement, replacement: string, additionalPhrases?: readonly string[]): void;

package/dist/features/sketch-editor/dom.js

@@ -147,7 +147,7 @@ export function applySketchContextMenuSimplification(root, viewportRoot, allowLi
  * Walks `root`'s text nodes and a fixed set of text-bearing attributes,
  * rewriting any that match `overrides`. `overrides` is entirely
  * host-supplied — no translated copy ships as a default (see
- * `packages/ui/source-map.md`).
+ * `packages/ui/archived provenance ledger`).
  */
 export function applySketchDomTextOverrides(root, overrides) {
     if (!overrides || Object.keys(overrides).length === 0 || typeof document === 'undefined')