@jini-ai/ui 0.1.2 → 0.3.1

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

@@ -0,0 +1,406 @@
+/**
+ * Default visual theme for `TabbedDialog` (the generic tabbed-dialog shell) and, by
+ * extension, for `SettingsDialogShell` and any other host that composes it — the shell
+ * component itself ships no CSS; it emits `jini-tabbed-dialog-*` class names and is
+ * deliberately style-free so a host can dress it however it likes. This stylesheet is the
+ * OPT-IN default look; import it to get a finished dialog, skip it to style from scratch.
+ *
+ * Split out of `../../settings/dialog/styles/settings-dialog.css` (2026-08-13) when the
+ * shell itself was extracted into this product-neutral module: that file still carries the
+ * `tabs/*` content styling (fields, cards, agent lists, byok forms, …) and `@import`s this
+ * one so its four existing consumers keep receiving the complete rule set without adding a
+ * second import. A new, non-Settings host of `TabbedDialog` can import just this file
+ * (`@jini-ai/ui/tabbed-dialog.css`) for the chrome alone.
+ *
+ * Every value below resolves through a CSS custom property declared in the `:root` block.
+ * That indirection IS the override mechanism: redefine any token downstream (in a later
+ * stylesheet, or on a wrapper element) and the whole dialog re-skins without forking a
+ * single rule. Nothing here uses a hard-coded color outside that block. The tokens live in
+ * THIS file (rather than only in `settings-dialog.css`) because the chrome rules below
+ * depend on them directly — a host importing only this stylesheet still needs a rendered
+ * dialog, not just unstyled structure.
+ *
+ * Dark mode follows `prefers-color-scheme` and can be forced either way with
+ * `data-theme="dark"` / `data-theme="light"` on any ancestor — which is what
+ * `AppearanceTab`'s `applyAppearanceToDocument` already stamps onto
+ * `document.documentElement`.
+ */
+
+:root {
+  --jini-bg-panel: #fdfcfa;
+  --jini-bg-subtle: #f4f5f7;
+  --jini-bg-elevated: #fffefc;
+  --jini-border: #e1e5eb;
+  --jini-border-strong: #c9d0da;
+
+  --jini-text: #1a1916;
+  --jini-text-strong: #0d0c0a;
+  --jini-text-muted: #74716b;
+  --jini-text-disabled: #b3b0a8;
+
+  --jini-accent: #c96442;
+  --jini-accent-hover: #b45a3b;
+
+  --jini-success: #1f7a3a;
+  --jini-danger: #9c2a25;
+  --jini-warning: #b26200;
+
+  --jini-backdrop: rgba(28, 27, 26, 0.42);
+  --jini-shadow-xs: 0 1px 0 rgba(28, 27, 26, 0.04);
+  --jini-shadow-md: 0 6px 24px rgba(28, 27, 26, 0.07), 0 2px 6px rgba(28, 27, 26, 0.04);
+  --jini-shadow-lg: 0 24px 60px rgba(28, 27, 26, 0.16), 0 8px 16px rgba(28, 27, 26, 0.07);
+
+  --jini-radius-xs: 4px;
+  --jini-radius-sm: 6px;
+  --jini-radius: 8px;
+  /* Ported alongside OD's real Connectors/Skills CSS (2026-07-31) — OD's
+     `.skills-row`/`.ds-picker-popover` reach for a 10px radius distinct
+     from both `--radius` (8px, generic cards) and `--radius-lg` (12px,
+     modals/gate cards); rather than round that down to an existing step
+     and lose the distinction OD's own scale makes, this token was added. */
+  --jini-radius-md: 10px;
+  --jini-radius-lg: 12px;
+  --jini-radius-pill: 999px;
+
+  --jini-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
+  --jini-modal-padding: 24px;
+  --jini-sidebar-width: 240px;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --jini-bg-panel: #222120;
+    --jini-bg-subtle: #252321;
+    --jini-bg-elevated: #2a2825;
+    --jini-border: #333128;
+    --jini-border-strong: #46433c;
+
+    --jini-text: #e8e4dc;
+    --jini-text-strong: #f2ede4;
+    --jini-text-muted: #9a9690;
+    --jini-text-disabled: #4e4b46;
+
+    --jini-accent: #d97a56;
+    --jini-accent-hover: #e8896a;
+
+    --jini-success: #4caf72;
+    --jini-danger: #e06b65;
+    --jini-warning: #e09a40;
+
+    --jini-backdrop: rgba(0, 0, 0, 0.55);
+    --jini-shadow-xs: 0 1px 0 rgba(0, 0, 0, 0.2);
+    --jini-shadow-md: 0 6px 24px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.25);
+    --jini-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.6), 0 8px 16px rgba(0, 0, 0, 0.3);
+  }
+}
+
+/* Explicit theme selection always wins over the media query, in both
+   directions — a host toggle must be able to force light inside a dark OS. */
+:root[data-theme='dark'],
+[data-theme='dark'] {
+  --jini-bg-panel: #222120;
+  --jini-bg-subtle: #252321;
+  --jini-bg-elevated: #2a2825;
+  --jini-border: #333128;
+  --jini-border-strong: #46433c;
+  --jini-text: #e8e4dc;
+  --jini-text-strong: #f2ede4;
+  --jini-text-muted: #9a9690;
+  --jini-text-disabled: #4e4b46;
+  --jini-accent: #d97a56;
+  --jini-accent-hover: #e8896a;
+  --jini-success: #4caf72;
+  --jini-danger: #e06b65;
+  --jini-warning: #e09a40;
+  --jini-backdrop: rgba(0, 0, 0, 0.55);
+  --jini-shadow-xs: 0 1px 0 rgba(0, 0, 0, 0.2);
+  --jini-shadow-md: 0 6px 24px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.25);
+  --jini-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.6), 0 8px 16px rgba(0, 0, 0, 0.3);
+}
+
+:root[data-theme='light'],
+[data-theme='light'] {
+  --jini-bg-panel: #fdfcfa;
+  --jini-bg-subtle: #f4f5f7;
+  --jini-bg-elevated: #fffefc;
+  --jini-border: #e1e5eb;
+  --jini-border-strong: #c9d0da;
+  --jini-text: #1a1916;
+  --jini-text-strong: #0d0c0a;
+  --jini-text-muted: #74716b;
+  --jini-text-disabled: #b3b0a8;
+  --jini-accent: #c96442;
+  --jini-accent-hover: #b45a3b;
+  --jini-success: #1f7a3a;
+  --jini-danger: #9c2a25;
+  --jini-warning: #b26200;
+  --jini-backdrop: rgba(28, 27, 26, 0.42);
+  --jini-shadow-xs: 0 1px 0 rgba(28, 27, 26, 0.04);
+  --jini-shadow-md: 0 6px 24px rgba(28, 27, 26, 0.07), 0 2px 6px rgba(28, 27, 26, 0.04);
+  --jini-shadow-lg: 0 24px 60px rgba(28, 27, 26, 0.16), 0 8px 16px rgba(28, 27, 26, 0.07);
+}
+
+/* ============================================================
+   Dialog chrome
+   ============================================================ */
+
+.jini-tabbed-dialog-backdrop {
+  position: fixed;
+  inset: 0;
+  background: var(--jini-backdrop);
+  backdrop-filter: blur(4px);
+  -webkit-backdrop-filter: blur(4px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 100;
+}
+
+.jini-tabbed-dialog {
+  position: relative;
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr);
+  width: min(1040px, 94vw);
+  height: min(720px, 90vh);
+  background: var(--jini-bg-elevated);
+  color: var(--jini-text);
+  border: 1px solid var(--jini-border);
+  border-radius: var(--jini-radius-lg);
+  box-shadow: var(--jini-shadow-lg);
+  overflow: hidden;
+}
+
+/* Page (non-modal) variant: the shell renders without `onClose`, so it should
+   sit in the flow rather than float. Hosts opt in with this class. */
+.jini-tabbed-dialog--inline {
+  width: 100%;
+  height: 100%;
+  min-height: 520px;
+  border-radius: var(--jini-radius);
+  box-shadow: none;
+}
+
+.jini-tabbed-dialog--fullscreen {
+  width: 100vw;
+  height: 100vh;
+  border-radius: 0;
+}
+
+.jini-tabbed-dialog-chrome {
+  position: absolute;
+  top: 24px;
+  right: 24px;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.jini-tabbed-dialog-chrome-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border-radius: var(--jini-radius-pill);
+  border: 1px solid var(--jini-border);
+  background: color-mix(in srgb, var(--jini-bg-panel) 90%, transparent);
+  color: var(--jini-text-muted);
+  cursor: pointer;
+  transition:
+    color 140ms var(--jini-ease-out),
+    border-color 140ms var(--jini-ease-out),
+    background-color 140ms var(--jini-ease-out),
+    transform 140ms var(--jini-ease-out);
+}
+
+.jini-tabbed-dialog-chrome-btn:hover {
+  color: var(--jini-text);
+  border-color: var(--jini-border-strong);
+  background: var(--jini-bg-panel);
+  transform: translateY(-1px);
+}
+
+.jini-tabbed-dialog-chrome-btn:focus-visible {
+  outline: 2px solid var(--jini-accent);
+  outline-offset: 2px;
+}
+
+.jini-tabbed-dialog-head {
+  padding: 24px var(--jini-modal-padding) 12px;
+}
+
+.jini-tabbed-dialog-kicker {
+  margin: 0 0 4px;
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--jini-text-muted);
+}
+
+.jini-tabbed-dialog-head-line {
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.jini-tabbed-dialog-head-line h2,
+.jini-tabbed-dialog-head h2 {
+  margin: 0;
+  font-size: 26px;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  color: var(--jini-text-strong);
+}
+
+.jini-tabbed-dialog-subtitle {
+  margin: 0;
+  font-size: 13px;
+  color: var(--jini-text-muted);
+}
+
+.jini-tabbed-dialog-body {
+  display: grid;
+  grid-template-columns: var(--jini-sidebar-width) minmax(0, 1fr);
+  min-height: 0;
+}
+
+/* Collapsed sidebar.
+ *
+ * This used to be written as `.jini-tabbed-dialog-body.is-sidebar-collapsed`,
+ * a selector nothing ever matched: `SettingsDialogShell` puts
+ * `jini-tabbed-dialog-sidebar-collapsed` on the DIALOG ROOT, not
+ * `is-sidebar-collapsed` on the body. The toggle therefore flipped its state
+ * and its `aria-pressed`, and repainted nothing — the chevron looked broken
+ * because visually it did nothing at all. */
+.jini-tabbed-dialog-sidebar-collapsed .jini-tabbed-dialog-body {
+  grid-template-columns: 0 minmax(0, 1fr);
+}
+
+.jini-tabbed-dialog-sidebar-collapsed .jini-tabbed-dialog-sidebar {
+  /* A zero-width grid track does NOT hide the nav on its own: the aside keeps
+     its own padding and its buttons keep their intrinsic width, so the labels
+     would spill across the panel instead of disappearing. The element is
+     already `aria-hidden` when collapsed, so removing it from the visual box
+     tree too keeps the two in agreement. */
+  display: none;
+}
+
+.jini-tabbed-dialog-sidebar-collapsed .jini-tabbed-dialog-sidebar-toggle {
+  /* Follows the sidebar's (now zero-width) trailing edge, so the control that
+     expands it again is still on screen. */
+  left: 0;
+}
+
+.jini-tabbed-dialog-sidebar {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 16px 10px;
+  background: var(--jini-bg-panel);
+  border-right: 1px solid var(--jini-border);
+  min-height: 0;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.jini-tabbed-dialog-nav-item {
+  width: 100%;
+  border: 1px solid transparent;
+  border-radius: var(--jini-radius);
+  background: transparent;
+  color: var(--jini-text);
+  display: grid;
+  grid-template-columns: 18px minmax(0, 1fr);
+  gap: 10px;
+  align-items: center;
+  padding: 7px 10px;
+  text-align: left;
+  font: inherit;
+  cursor: pointer;
+}
+
+.jini-tabbed-dialog-nav-item:hover {
+  background: color-mix(in srgb, var(--jini-text) 5%, transparent);
+}
+
+.jini-tabbed-dialog-nav-item.active,
+.jini-tabbed-dialog-nav-item.active:hover {
+  background: var(--jini-bg-subtle);
+  color: var(--jini-text);
+}
+
+.jini-tabbed-dialog-nav-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0.75;
+}
+
+.jini-tabbed-dialog-nav-item svg {
+  justify-self: center;
+  opacity: 0.75;
+}
+
+.jini-tabbed-dialog-nav-text {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.jini-tabbed-dialog-nav-text small {
+  font-size: 11px;
+  color: var(--jini-text-muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.jini-tabbed-dialog-nav-item strong {
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.3;
+  /* `anywhere` only as a last resort for a genuinely unbreakable label —
+     normal wrapping first, so a two-word label breaks at the space. */
+  overflow-wrap: break-word;
+}
+
+.jini-tabbed-dialog-nav-item.active strong {
+  font-weight: 600;
+}
+
+.jini-tabbed-dialog-content {
+  position: relative;
+  min-width: 0;
+  min-height: 0;
+  padding: 16px var(--jini-modal-padding) 22px;
+  overflow: auto;
+  overscroll-behavior: contain;
+}
+
+.jini-tabbed-dialog-sidebar-toggle {
+  position: absolute;
+  z-index: 4;
+  top: 50%;
+  left: var(--jini-sidebar-width);
+  width: 18px;
+  height: 46px;
+  padding: 0;
+  transform: translate(-50%, -50%);
+  border: 1px solid var(--jini-border);
+  border-radius: var(--jini-radius-pill);
+  background: var(--jini-bg-panel);
+  color: var(--jini-text-muted);
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 140ms var(--jini-ease-out), color 140ms var(--jini-ease-out);
+}
+
+.jini-tabbed-dialog:hover .jini-tabbed-dialog-sidebar-toggle,
+.jini-tabbed-dialog-sidebar-toggle:focus-visible {
+  opacity: 1;
+}

package/dist/features/tabbed-dialog/types.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Generic "tabbed dialog" shell types.
+ *
+ * Extracted (2026-08-13) from `SettingsDialogShell` (`../settings/dialog/`) once Tovu was
+ * mounting that shell for five different screens — only one of them (`SettingsUi.tsx`)
+ * was actually Settings; `AgentPlugins.tsx`, `AiAssistant.tsx`, `Authentication.tsx`, and
+ * `PlaceholderTabs.tsx` were reusing "the settings dialog" purely for its generic tabbed
+ * chrome. `SettingsDialogShell` now composes this module and supplies its own
+ * settings-flavoured label defaults (`t('Settings')`, `t('Settings sections')`, …) — see
+ * that component's doc comment. Original provenance: `SettingsDialog.tsx` (8,538 lines) in
+ * the vendored OD reference tree — see `packages/ui/source-map.md`.
+ *
+ * Only the dialog SHELL (sidebar nav + active-panel switching + modal chrome) is modeled
+ * here; a host supplies its own tabs as tab entries.
+ *
+ * Kept free of a `panel`/`icon` field on purpose: those are inherently React-shaped (JSX to
+ * render), so they live on the `react/`-layer prop type (`TabbedDialogTab` in
+ * `react/components/TabbedDialog.tsx`), which extends `TabbedDialogTabMeta` below with the
+ * render-specific fields. This file stays free of any `react` import, per this package's
+ * React-layout policy (see `packages/ui/README.md`).
+ */
+/** The non-rendering identity/copy of one tab. */
+export interface TabbedDialogTabMeta<TId extends string = string> {
+    id: TId;
+    /** Short label shown in the sidebar nav item. */
+    label: string;
+    /** Optional sidebar nav item sub-label (e.g. a one-line hint). */
+    navHint?: string;
+    /** Header title shown above the active tab's panel. Defaults to `label`. */
+    title?: string;
+    /** Header subtitle shown under the title. */
+    subtitle?: string;
+}
+/** Labels the shell renders itself (chrome, not any one tab). All optional —
+ *  every field has a plain-English, product-neutral default; a host wanting localization
+ *  wraps these through its own `useT()` before passing them in, or mounts
+ *  `I18nProvider` around the shell, which reads its own defaults through
+ *  `useT()` too. */
+export interface TabbedDialogChromeLabels {
+    kicker?: string;
+    welcomeKicker?: string;
+    welcomeTitle?: string;
+    welcomeSubtitle?: string;
+    closeLabel?: string;
+    fullscreenLabel?: string;
+    exitFullscreenLabel?: string;
+    collapseSidebarLabel?: string;
+    expandSidebarLabel?: string;
+    sidebarAriaLabel?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/features/tabbed-dialog/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/features/tabbed-dialog/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,kDAAkD;AAClD,MAAM,WAAW,mBAAmB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM;IAC9D,EAAE,EAAE,GAAG,CAAC;IACR,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;oBAIoB;AACpB,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/dist/features/tabbed-dialog/types.js

@@ -0,0 +1,23 @@
+/**
+ * Generic "tabbed dialog" shell types.
+ *
+ * Extracted (2026-08-13) from `SettingsDialogShell` (`../settings/dialog/`) once Tovu was
+ * mounting that shell for five different screens — only one of them (`SettingsUi.tsx`)
+ * was actually Settings; `AgentPlugins.tsx`, `AiAssistant.tsx`, `Authentication.tsx`, and
+ * `PlaceholderTabs.tsx` were reusing "the settings dialog" purely for its generic tabbed
+ * chrome. `SettingsDialogShell` now composes this module and supplies its own
+ * settings-flavoured label defaults (`t('Settings')`, `t('Settings sections')`, …) — see
+ * that component's doc comment. Original provenance: `SettingsDialog.tsx` (8,538 lines) in
+ * the vendored OD reference tree — see `packages/ui/source-map.md`.
+ *
+ * Only the dialog SHELL (sidebar nav + active-panel switching + modal chrome) is modeled
+ * here; a host supplies its own tabs as tab entries.
+ *
+ * Kept free of a `panel`/`icon` field on purpose: those are inherently React-shaped (JSX to
+ * render), so they live on the `react/`-layer prop type (`TabbedDialogTab` in
+ * `react/components/TabbedDialog.tsx`), which extends `TabbedDialogTabMeta` below with the
+ * render-specific fields. This file stays free of any `react` import, per this package's
+ * React-layout policy (see `packages/ui/README.md`).
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/features/tabbed-dialog/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/features/tabbed-dialog/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG"}

package/dist/features/viewer-shell/react/components/ViewportSwitcher.d.ts

@@ -13,7 +13,7 @@ export interface ViewportSwitcherProps {
  *
  * A second component in the same source tree (`DesignBrowserPanel.tsx`'s
  * `BrowserViewportControls`, not yet extracted — see
- * `foundry/docs/jini-port/god-components-extraction-plan.md`'s consolidation map)
+ * `ADS-memory/reports/jini-port/god-components-extraction-plan.md`'s consolidation map)
  * turned out, on a side-by-side read, to be the exact same shape: a trigger
  * button + dropdown listbox over the same preset list, same outside-
  * click/Escape-to-close behavior, differing only in cosmetic wrapper markup

package/dist/features/viewer-shell/react/components/ViewportSwitcher.js

@@ -10,7 +10,7 @@ import { useDismissOnOutsideOrEscape } from '../../../../browser/useDismissOnOut
  *
  * A second component in the same source tree (`DesignBrowserPanel.tsx`'s
  * `BrowserViewportControls`, not yet extracted — see
- * `foundry/docs/jini-port/god-components-extraction-plan.md`'s consolidation map)
+ * `ADS-memory/reports/jini-port/god-components-extraction-plan.md`'s consolidation map)
  * turned out, on a side-by-side read, to be the exact same shape: a trigger
  * button + dropdown listbox over the same preset list, same outside-
  * click/Escape-to-close behavior, differing only in cosmetic wrapper markup

package/dist/features/viewer-shell/rules.d.ts

@@ -21,7 +21,7 @@ export declare function appendSavedCommentOrder(currentOrderIds: string[], visib
 /** Default "just now / 5 minutes ago / 3 days ago" relative-time formatter.
  *  Pure given a `now` timestamp — callers wrap the result in `t()` at the
  *  call site (see the i18n policy in
- *  `foundry/docs/jini-port/god-components-extraction-plan.md`). Returns a
+ *  `ADS-memory/reports/jini-port/god-components-extraction-plan.md`). Returns a
  *  `{ key, vars }` pair rather than a finished string so a host's `t()` can
  *  supply its own plural/locale-aware phrasing; `key` is always one of a
  *  small fixed set of English template strings. */

package/dist/features/viewer-shell/rules.js

@@ -54,7 +54,7 @@ export function appendSavedCommentOrder(currentOrderIds, visibleIds, savedId) {
 /** Default "just now / 5 minutes ago / 3 days ago" relative-time formatter.
  *  Pure given a `now` timestamp — callers wrap the result in `t()` at the
  *  call site (see the i18n policy in
- *  `foundry/docs/jini-port/god-components-extraction-plan.md`). Returns a
+ *  `ADS-memory/reports/jini-port/god-components-extraction-plan.md`). Returns a
  *  `{ key, vars }` pair rather than a finished string so a host's `t()` can
  *  supply its own plural/locale-aware phrasing; `key` is always one of a
  *  small fixed set of English template strings. */

package/dist/icon-name.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Every icon `@jini-ai/ui`'s `Icon` component can render.
+ *
+ * A plain string union — data, not a component — so it lives here rather than
+ * beside the React component that consumes it. Feature modules in this package
+ * (memory's entry types, for one) name icons in their own contracts, and doing
+ * that must not drag a React import across the boundary. `Icon.tsx` re-exports
+ * this type, so existing importers are unchanged.
+ */
+export type IconName = 'alert-triangle' | 'arrow-left' | 'arrow-up' | 'attach' | 'bell' | 'blocks' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'close' | 'copy' | 'comment' | 'message-circle' | 'discord' | 'download' | 'draw' | 'edit' | 'external-link' | 'eye' | 'eye-off' | 'file' | 'file-code' | 'file-text' | 'folder' | 'folder-filled' | 'fork' | 'github' | 'github-filled' | 'grip-vertical' | 'grid' | 'globe' | 'hammer' | 'help-circle' | 'history' | 'home' | 'home-filled' | 'image' | 'import' | 'info' | 'kanban' | 'layers-filled' | 'languages' | 'layout' | 'lightbulb' | 'link' | 'lock' | 'log-out' | 'integrations-filled' | 'maximize' | 'mic' | 'minimize' | 'minus' | 'more-horizontal' | 'orbit' | 'paint-bucket' | 'panel-left' | 'palette' | 'palette-filled' | 'pencil' | 'plus' | 'plus-filled' | 'puzzle' | 'slides' | 'star' | 'swatchbook' | 'play' | 'present' | 'refresh' | 'reload' | 'search' | 'send' | 'settings' | 'share' | 'sliders' | 'smartphone' | 'spinner' | 'sparkles' | 'stop' | 'sun' | 'moon' | 'sun-moon' | 'terminal' | 'thumbs-down' | 'thumbs-up' | 'tweaks' | 'upload' | 'trash' | 'volume' | 'zoom-in' | 'zoom-out';
+/**
+ * Runtime enumeration of every {@link IconName}. A string union has no
+ * runtime representation of its own, so this exists as the one place a
+ * caller can enumerate/validate names at runtime — e.g. asserting a lookup
+ * table (`Icon.tsx`'s `ICON_RENDERERS`) actually has an entry for every
+ * name. Keep in sync with the union above; a mismatch here is a test-time
+ * signal (see `Icon.test.tsx`'s key-set completeness check), not a
+ * compile-time one, since TS can't derive a value from a type.
+ */
+export declare const ICON_NAMES: readonly IconName[];
+//# sourceMappingURL=icon-name.d.ts.map

package/dist/icon-name.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-name.d.ts","sourceRoot":"","sources":["../src/icon-name.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,MAAM,QAAQ,GAChB,gBAAgB,GAChB,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,OAAO,GACP,cAAc,GACd,cAAc,GACd,eAAe,GACf,OAAO,GACP,MAAM,GACN,SAAS,GACT,gBAAgB,GAChB,SAAS,GACT,UAAU,GACV,MAAM,GACN,MAAM,GACN,eAAe,GACf,KAAK,GACL,SAAS,GACT,MAAM,GACN,WAAW,GACX,WAAW,GACX,QAAQ,GACR,eAAe,GACf,MAAM,GACN,QAAQ,GACR,eAAe,GACf,eAAe,GACf,MAAM,GACN,OAAO,GACP,QAAQ,GACR,aAAa,GACb,SAAS,GACT,MAAM,GACN,aAAa,GACb,OAAO,GACP,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,eAAe,GACf,WAAW,GACX,QAAQ,GACR,WAAW,GACX,MAAM,GACN,MAAM,GACN,SAAS,GACT,qBAAqB,GACrB,UAAU,GACV,KAAK,GACL,UAAU,GACV,OAAO,GACP,iBAAiB,GACjB,OAAO,GACP,cAAc,GACd,YAAY,GACZ,SAAS,GACT,gBAAgB,GAChB,QAAQ,GACR,MAAM,GACN,aAAa,GACb,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,GACZ,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,UAAU,GACV,OAAO,GACP,SAAS,GACT,YAAY,GACZ,SAAS,GACT,UAAU,GACV,MAAM,GACN,KAAK,GACL,MAAM,GACN,UAAU,GACV,UAAU,GACV,aAAa,GACb,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,CAAC;AAEf;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,QAAQ,EAczC,CAAC"}

package/dist/icon-name.js

@@ -0,0 +1,25 @@
+/**
+ * Runtime enumeration of every {@link IconName}. A string union has no
+ * runtime representation of its own, so this exists as the one place a
+ * caller can enumerate/validate names at runtime — e.g. asserting a lookup
+ * table (`Icon.tsx`'s `ICON_RENDERERS`) actually has an entry for every
+ * name. Keep in sync with the union above; a mismatch here is a test-time
+ * signal (see `Icon.test.tsx`'s key-set completeness check), not a
+ * compile-time one, since TS can't derive a value from a type.
+ */
+export const ICON_NAMES = [
+    'alert-triangle', 'arrow-left', 'arrow-up', 'attach', 'bell', 'blocks', 'check',
+    'chevron-down', 'chevron-left', 'chevron-right', 'close', 'copy', 'comment',
+    'message-circle', 'discord', 'download', 'draw', 'edit', 'external-link', 'eye',
+    'eye-off', 'file', 'file-code', 'file-text', 'folder', 'folder-filled', 'fork',
+    'github', 'github-filled', 'grip-vertical', 'grid', 'globe', 'hammer', 'help-circle',
+    'history', 'home', 'home-filled', 'image', 'import', 'info', 'kanban', 'layers-filled',
+    'languages', 'layout', 'lightbulb', 'link', 'lock', 'log-out', 'integrations-filled',
+    'maximize', 'mic', 'minimize', 'minus', 'more-horizontal', 'orbit', 'paint-bucket',
+    'panel-left', 'palette', 'palette-filled', 'pencil', 'plus', 'plus-filled', 'puzzle',
+    'slides', 'star', 'swatchbook', 'play', 'present', 'refresh', 'reload', 'search',
+    'send', 'settings', 'share', 'sliders', 'smartphone', 'spinner', 'sparkles', 'stop',
+    'sun', 'moon', 'sun-moon', 'terminal', 'thumbs-down', 'thumbs-up', 'tweaks', 'upload',
+    'trash', 'volume', 'zoom-in', 'zoom-out',
+];
+//# sourceMappingURL=icon-name.js.map

package/dist/icon-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-name.js","sourceRoot":"","sources":["../src/icon-name.ts"],"names":[],"mappings":"AAsGA;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAwB;IAC7C,gBAAgB,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO;IAC/E,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS;IAC3E,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK;IAC/E,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM;IAC9E,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa;IACpF,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe;IACtF,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB;IACpF,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,cAAc;IAClF,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ;IACpF,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ;IAChF,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM;IACnF,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ;IACrF,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU;CACzC,CAAC"}

package/dist/index.d.ts

@@ -3,24 +3,30 @@ export * from './features/observability/index.js';
 export * from './features/connectors/index.js';
 export * from './features/progress-card/index.js';
 export * from './features/browser-chrome/index.js';
-export * from './features/sketch-editor/index.js';
 export * from './features/asset-grid/index.js';
 export * from './features/asset-tree-browser/index.js';
 export * from './features/viewer-shell/index.js';
 export * from './features/version-manager/index.js';
 export * from './features/html-viewer/index.js';
-export * from './features/settings-dialog/index.js';
-export * from './features/settings-dialog/tabs/appearance/index.js';
-export * from './features/settings-dialog/tabs/notifications/index.js';
-export * from './features/settings-dialog/tabs/language/index.js';
-export * from './features/settings-dialog/tabs/instructions/index.js';
-export * from './features/settings-dialog/tabs/privacy/index.js';
-export * from './features/settings-dialog/tabs/integrations/index.js';
+export * from './features/tabbed-dialog/index.js';
+export * from './features/settings/dialog/index.js';
+export * from './features/appearance/index.js';
+export * from './features/notifications/index.js';
+export * from './features/language/index.js';
+export * from './features/instructions/index.js';
+export * from './features/privacy/index.js';
+export * from './features/integrations/index.js';
+export * from './features/execution/index.js';
+export * from './features/skills/index.js';
+export * from './features/project-locations/index.js';
+export * from './features/about/index.js';
+export * from './features/media-providers/index.js';
 export * from './features/list-detail-panel/index.js';
 export * from './features/schedule-picker/index.js';
 export * from './features/mention-autocomplete/index.js';
 export * from './features/memory/index.js';
 export * from './features/source-config-list/index.js';
+export * from './features/external-mcp/index.js';
 export * from './features/resource-dashboard/index.js';
 export * from './features/iframe-pool/index.js';
 export * from './features/command-palette/index.js';
@@ -41,6 +47,7 @@ export * from './utils/polygon-selection.js';
 export * from './utils/scroll-tabs-with-wheel.js';
 export * from './utils/color-math.js';
 export * from './utils/design-md.js';
+export * from './utils/file-system-errors.js';
 export * from './react/hooks/useInView.js';
 export * from './react/hooks/useCoalescedCallback.js';
 export * from './react/hooks/useStableHandler.js';
@@ -50,7 +57,7 @@ export * from './react/hooks/useBrandFonts.js';
 export * from './react/hooks/useEdgeAutoScroll.js';
 export * from './browser/useModalWindowDragGuard.js';
 export * from './browser/index.js';
-export * from './react/components/Icon.js';
+export { Icon, type IconName } from './react/components/Icon.js';
 export * from './react/components/RemixIcon.js';
 export * from './react/components/AgentIcon.js';
 export * from './react/components/Toast.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,qDAAqD,CAAC;AACpE,cAAc,wDAAwD,CAAC;AACvE,cAAc,mDAAmD,CAAC;AAClE,cAAc,uDAAuD,CAAC;AACtE,cAAc,kDAAkD,CAAC;AACjE,cAAc,uDAAuD,CAAC;AACtE,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0CAA0C,CAAC;AACzD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AAErC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,sCAAsC,CAAC;AAErD,cAAc,oBAAoB,CAAC;AAEnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,0CAA0C,CAAC;AACzD,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,2CAA2C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}