@jini-ai/ui 0.5.5 → 0.6.10

package/CHANGELOG.md

@@ -1,5 +1,96 @@
 # @jini-ai/ui
 
+## 0.6.10
+
+### Patch Changes
+
+- 72ea04d: Folded `@jini-ai/renderers-react` into `@jini-ai/ui` as an independently-importable, tree-shakeable
+  `./renderers` subpath, and retired the package.
+
+  Real (non-comment) imports of `@jini-ai/renderers-react` anywhere in the repo were exactly 3 files,
+  2 symbols, all inside `@jini-ai/ui`'s own `features/html-viewer` — `openSandboxedPreviewInNewTab`
+  and `useSandboxBridge`. `@jini-ai/ui` was already the package's only real consumer, so a standalone
+  package bought nothing, the same reasoning that folded `@jini-ai/ui-core` into `./core` and
+  `@jini-ai/composio` into `@jini-ai/admin`. The whole `src/**` tree (registry, renderers, srcDoc
+  host, annotation-canvas, preview-modal-shell, i18n) moves to `packages/ui/src/renderers/` as one
+  `git mv`, unchanged in shape; `html-viewer`'s two consumers switch from the package-qualified
+  import to a relative one, since they're now in the same package.
+
+  **The `@jini-ai/renderers-react → @jini-ai/chat` dependency was dropped first, before the move,
+  not after.** `registry.ts` imported `ArtifactManifest`/`inferLegacyManifest` from `@jini-ai/chat`,
+  and `types.ts` re-exported five manifest types from there. `@jini-ai/chat` already depends on
+  `@jini-ai/ui`, so folding renderers-react into `ui` unchanged would have created a real `ui ↔ chat`
+  package cycle. The five manifest types (`ArtifactManifest`, `ArtifactKind`, `ArtifactRendererId`,
+  `ArtifactExportKind`, `ArtifactStatus`) are now defined locally in `types.ts`, copied verbatim from
+  `@jini-ai/chat`'s `src/core/util/types.ts` — a small duplicated-type cost, accepted because a
+  renderer package must not depend on a chat package.
+
+  **`resolveArtifactManifest` no longer infers a legacy manifest from a file's name/extension** — a
+  real, disclosed API behavior change. It now returns `file.manifest ?? null`. Manifest inference
+  (guessing kind/renderer from `.md`/`.html`/`.svg`/`.tsx`, etc.) is a caller concern that depends on
+  a product's own naming conventions, not something a generic renderer registry should do on a
+  caller's behalf; a caller that still wants that inference should resolve a manifest for the file
+  itself (see `@jini-ai/chat`'s `inferLegacyManifest`) before handing it to this registry. Verified
+  zero external callers of `RendererRegistry`/`resolveArtifactManifest`/`createDefaultRendererRegistry`
+  anywhere in Jini or Tovu before making this change — `@jini-ai/chat`'s own `RendererRegistry` is an
+  unrelated, locally-defined class in `artifact-types.ts`, and `@jini-ai/artifacts`' own
+  `resolveArtifactManifest` is an unrelated 3-argument function; both are same-name coincidences, not
+  real dependents. The four bundled renderers (`HtmlRenderer`, `MarkdownRenderer`, `SvgRenderer`,
+  `ReactComponentRenderer`) gate `canRender` on a resolvable manifest before falling back to any
+  `file.kind`/extension heuristic of their own, so this ripples into every test that exercised
+  default-registry routing via a bare file name with no explicit `manifest` — all updated to attach
+  one, with the extension-inference-specific assertions flipped to assert the removed behavior no
+  longer fires. No test was weakened or deleted: every changed assertion now tests the new,
+  documented contract, or restores a manifest to keep testing what it always meant to test.
+
+  **`@jini-ai/renderers-react` is retired, not versioned forward.** It was published (0.1.2), and
+  `packages/renderers-react` is deleted from this workspace. Deleting the source does not unpublish
+  anything, so whoever runs the next release should follow up with:
+
+  ```
+  npm deprecate @jini-ai/renderers-react "Merged into @jini-ai/ui; import from '@jini-ai/ui/renderers' instead."
+  ```
+
+  `@jini-ai/chat`'s dead `@jini-ai/renderers-react` dependency (declared, never imported — its own
+  `react/artifact-types.ts` defines a local placeholder registry instead, per its
+  `TODO(renderers-react)` header, left untouched here as out of scope) is removed from its
+  `package.json`, hence the accompanying patch bump.
+
+- 4082999: Folded `@jini-ai/ui-core` into `@jini-ai/ui` as an independently-importable `./core` subpath.
+
+  `ui-core` was never a standalone concern — it was always the framework-free half (types, decision
+  rules, catalogs, host port contracts; no React, no DOM) of `@jini-ai/ui`'s own features, published
+  separately only because that pairing was undiscoverable without reading both trees side by side.
+  All 13 `ui-core` features move to their same-named `@jini-ai/ui` feature directory, alongside the
+  React half they were always paired with; `@jini-ai/ui/core` (`src/core.ts`) is the new entry point
+  that re-exports exactly what `@jini-ai/ui-core`'s own root barrel did. `react`/`react-dom` move
+  from required to optional peer dependencies (`peerDependenciesMeta`, matching `@jini-ai/admin`'s
+  existing `./core`/`./browser` split) so `./core` stays importable without installing React. The
+  no-DOM guard `ui-core`'s own `vitest.config.ts` provided by never configuring a `jsdom` environment
+  is now enforced by `environmentMatchGlobs` over the (unchanged) centralized `src/__tests__/`
+  subtree that used to be `ui-core`'s whole test suite, so a DOM-dependent test landing there still
+  fails loudly instead of silently inheriting this package's `jsdom` default.
+
+  **`@jini-ai/ui-core` is retired, not versioned forward.** `packages/ui-core` is deleted from this
+  workspace; nothing else in it depended on the package name directly (only on `@jini-ai/ui`, which
+  already re-exported everything ui-core had). It had no confirmed external consumers, so a
+  deprecation-stub package was judged not worth the ongoing maintenance of keeping a zombie package
+  alive and published indefinitely for a name nothing currently needs. It was still published
+  (`0.1.2`, `publishConfig.access: public`), so it is not silently orphaned: whoever runs the next
+  release should follow up with `npm deprecate @jini-ai/ui-core "Merged into @jini-ai/ui; import from
+'@jini-ai/ui/core' instead."` against the npm registry.
+
+- 82ed2d3: Remove private fetch-query shims and point deprecated public type re-exports directly at core. Memory wired hooks require MemoryPortsProvider; deprecated REST/demo singletons remain explicit compatibility bindings pending a breaking-release removal.
+- ea8d883: Remove obsolete fetch-query build shims and replace prose checks with runtime and type contract coverage.
+- Updated dependencies [22f0619]
+- Updated dependencies [82ed2d3]
+- Updated dependencies [5a3de86]
+  - @jini-ai/core@0.6.10
+
+## 0.5.6 — 2026-10-22
+
+- 2026-10-22: MCP-UI question cards follow dark hosts, optional useCachedLoader fetch, trust options, html-editor fallbacks removed, coverage.
+
 ## 0.5.5 — 2026-10-16
 
 - `admin-widgets` Select paints group headings and per-option badges (dc770a41) and is pane-aware; image fields name the file (bc1dbf0d).
@@ -77,7 +168,6 @@
 - Adopt shared kernel contracts and preserve the module rationale in neutral documentation.
 - BREAKING: replace package-local clock contracts with core Clock.nowMs().
 
-
 ### UI parity fixes
 
 - Keep replacement writes successful when an older read rejects, including their freshness timestamp.
@@ -118,7 +208,6 @@
   resolution hints move to the second object, including the renderer matching port.
 - Canvas chrome attributes change to `data-jini-*`; hosts selecting the old attributes must update.
 
-
 - Add generic admin widgets with opt-in `@jini-ai/ui/admin-widgets.css`, using the existing
   `--jini-*` tokens with standalone fallbacks. `TabBar` joins the existing `tab-strip` feature
   and shares its tablist shell; existing `TabStrip` exports and behavior remain available.

package/dist/core/theme/validation.js

@@ -6,50 +6,52 @@ const safeValue = (value) => typeof value === 'string' && value.trim().length >
 const component = '(?:[+-]?(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:%|deg|rad|grad|turn)?|none)';
 const components = new RegExp(`^(?:rgb|rgba|hsl|hsla|oklch|oklab|lab|lch)\\(\\s*${component}(?:\\s*,\\s*|\\s+)${component}(?:\\s*,\\s*|\\s+)${component}(?:(?:\\s*[,/]\\s*)${component})?\\s*\\)$`, 'i');
 const colorValue = (value) => safeValue(value)
-    && (/^#[\da-f]{3}(?:[\da-f]{1}|[\da-f]{3}|[\da-f]{5})?$/i.test(value)
+    && (/^#[\da-f]{3}(?:[\da-f]|[\da-f]{3}|[\da-f]{5})?$/i.test(value)
         || components.test(value)
         || /^(?:transparent|black|white|red|green|blue|gray|grey)$/i.test(value));
+const fontStacksValid = ({ fonts }) => record(fonts) && safeValue(fonts.body) && safeValue(fonts.heading) && (fonts.mono === undefined || safeValue(fonts.mono));
+const stylesheetUrlValid = ({ url }) => {
+    if (typeof url !== 'string' || url.length > 4096 || /[\x00-\x20<>]/.test(url))
+        return false;
+    try {
+        return new URL(url, 'https://font-base.invalid').protocol === 'https:';
+    }
+    catch {
+        return false;
+    }
+};
+const fontLoadValid = ({ load }) => load === undefined || (Array.isArray(load) && load.length <= 16 && load.every((url) => stylesheetUrlValid({ url })));
+function fontErrors({ fonts }) {
+    const errors = [];
+    if (!fontStacksValid({ fonts }))
+        errors.push('fonts must provide body and heading font stacks');
+    if (record(fonts) && !fontLoadValid({ load: fonts.load }))
+        errors.push('fonts.load must contain relative or HTTPS stylesheet URLs');
+    return errors;
+}
+function paletteErrors({ scheme, colors }) {
+    if (!record(colors))
+        return [`${scheme} must be a complete palette`];
+    const known = adminThemeColorKeys;
+    const invalid = adminThemeColorKeys.filter((key) => !Object.hasOwn(colors, key) || !colorValue(colors[key]))
+        .map((key) => `${scheme}.${key} must be a concrete CSS color`);
+    const unknown = Object.keys(colors).filter((key) => !known.includes(key)).map((key) => `${scheme}.${key} is not a theme color`);
+    return [...invalid, ...unknown];
+}
+const radiusValid = ({ radius }) => radius === undefined || (typeof radius === 'string' && /^(?:0|\d+(?:\.\d+)?(?:px|rem|em))$/.test(radius));
+const densityValid = ({ density }) => density === undefined || (typeof density === 'number' && Number.isFinite(density) && density >= 0.5 && density <= 2);
 /** Validate serializable theme data before any DOM or font-loading effect. */
 export function validateAdminTheme({ theme }) {
-    const errors = [];
     if (!record(theme))
         return { valid: false, errors: ['Theme must be an object'] };
-    if (!safeValue(theme.name))
-        errors.push('name must be a nonempty safe string');
-    const fonts = theme.fonts;
-    if (!record(fonts) || !safeValue(fonts.body) || !safeValue(fonts.heading) || (fonts.mono !== undefined && !safeValue(fonts.mono))) {
-        errors.push('fonts must provide body and heading font stacks');
-    }
-    if (record(fonts) && fonts.load !== undefined) {
-        if (!Array.isArray(fonts.load) || fonts.load.length > 16 || !fonts.load.every((url) => {
-            if (typeof url !== 'string' || url.length > 4096 || /[\x00-\x20<>]/.test(url))
-                return false;
-            try {
-                return new URL(url, 'https://font-base.invalid').protocol === 'https:';
-            }
-            catch {
-                return false;
-            }
-        }))
-            errors.push('fonts.load must contain relative or HTTPS stylesheet URLs');
-    }
-    for (const scheme of ['light', 'dark']) {
-        const colors = theme[scheme];
-        if (!record(colors)) {
-            errors.push(`${scheme} must be a complete palette`);
-            continue;
-        }
-        for (const key of adminThemeColorKeys)
-            if (!Object.hasOwn(colors, key) || !colorValue(colors[key]))
-                errors.push(`${scheme}.${key} must be a concrete CSS color`);
-        for (const key of Object.keys(colors))
-            if (!adminThemeColorKeys.includes(key))
-                errors.push(`${scheme}.${key} is not a theme color`);
-    }
-    if (theme.radius !== undefined && (typeof theme.radius !== 'string' || !/^(?:0|\d+(?:\.\d+)?(?:px|rem|em))$/.test(theme.radius)))
-        errors.push('radius must be a nonnegative CSS length');
-    if (theme.density !== undefined && (typeof theme.density !== 'number' || !Number.isFinite(theme.density) || theme.density < 0.5 || theme.density > 2))
-        errors.push('density must be between 0.5 and 2');
+    const errors = [
+        ...(safeValue(theme.name) ? [] : ['name must be a nonempty safe string']),
+        ...fontErrors({ fonts: theme.fonts }),
+        ...paletteErrors({ scheme: 'light', colors: theme.light }),
+        ...paletteErrors({ scheme: 'dark', colors: theme.dark }),
+        ...(radiusValid({ radius: theme.radius }) ? [] : ['radius must be a nonnegative CSS length']),
+        ...(densityValid({ density: theme.density }) ? [] : ['density must be between 0.5 and 2']),
+    ];
     return errors.length ? { valid: false, errors } : { valid: true, theme: theme };
 }
 //# sourceMappingURL=validation.js.map

package/dist/features/a2ui/renderer.js

@@ -11,6 +11,19 @@ const PROVIDER_ACTION_PROPS = new Map([
     ['shadcn.text-input', 'onValueChange'],
     ['shadcn.select', 'onValueChange'],
 ]);
+function renderRegistryComponent({ component, registry, componentId, onAction }, _options = {}) {
+    const entry = registry.resolveById({ id: component.component });
+    if (!entry) {
+        return (_jsxs("span", { className: "a2ui-placeholder", "data-a2ui-status": "unrenderable-type", "data-a2ui-component-id": componentId, children: ["\u26A0 no renderer yet for component type \"", component.component, "\""] }));
+    }
+    const RegistryComponent = entry.Component;
+    // `onRowClick` belongs to `native.data-table`/`shadcn.data-table`, not a generic
+    // per-component-type feedback convention — each non-table provider needs an explicit
+    // callback contract, supplied by the built-in map or its registry entry, not a guess.
+    // Unannotated custom entries retain the old table callback for compatibility.
+    const actionProp = entry.actionProp ?? PROVIDER_ACTION_PROPS.get(entry.id) ?? 'onRowClick';
+    return _jsx(RegistryComponent, { ...component.props, [actionProp]: () => onAction(componentId) });
+}
 /**
  * Recursively walks a surface's component map from `componentId` — same shape as
  * `@jini-ai/chat/react`'s `A2uiSurfaceCard`'s `RenderComponent` (cycle guard via `ancestors`,
@@ -59,19 +72,8 @@ function RenderNode({ interpreter, surfaceId, registry, componentId, ancestors,
             return (_jsx("div", { className: "a2ui-card", "data-a2ui-component-id": componentId, children: _jsx(RenderNode, { ...childProps, componentId: String(component.props.child) }) }));
         case 'Button':
             return (_jsx("button", { type: "button", className: `a2ui-button a2ui-button-${String(component.props.variant)}`, "data-a2ui-component-id": componentId, onClick: () => onAction(componentId), children: _jsx(RenderNode, { ...childProps, componentId: String(component.props.child) }) }));
-        default: {
-            const entry = registry.resolveById({ id: component.component });
-            if (!entry) {
-                return (_jsxs("span", { className: "a2ui-placeholder", "data-a2ui-status": "unrenderable-type", "data-a2ui-component-id": componentId, children: ["\u26A0 no renderer yet for component type \"", component.component, "\""] }));
-            }
-            const RegistryComponent = entry.Component;
-            // `onRowClick` belongs to `native.data-table`/`shadcn.data-table`, not a generic
-            // per-component-type feedback convention — each non-table provider needs an explicit
-            // callback contract, supplied by the built-in map or its registry entry, not a guess.
-            // Unannotated custom entries retain the old table callback for compatibility.
-            const actionProp = entry.actionProp ?? PROVIDER_ACTION_PROPS.get(entry.id) ?? 'onRowClick';
-            return _jsx(RegistryComponent, { ...component.props, [actionProp]: () => onAction(componentId) });
-        }
+        default:
+            return renderRegistryComponent({ component, registry, componentId, onAction });
     }
 }
 /**

package/dist/features/about/react/components/AboutTab.js

@@ -3,6 +3,65 @@ import { useMemo, useState } from 'react';
 import { useT } from '../../../i18n/index.js';
 import { deriveAboutUpdateControl, isAboutUpdateActionDisabled } from '../../rules.js';
 import { useSilentUpdatesToggle } from '../hooks/useSilentUpdatesToggle.js';
+/** Built-in (untranslated) copy for every label a host may override. */
+const DEFAULT_LABELS = {
+    versionLabel: 'Version',
+    runtimeLabel: 'Runtime',
+    packagedLabel: 'Packaged',
+    developmentLabel: 'Development build',
+    channelLabel: 'Channel',
+    platformLabel: 'Platform',
+    archLabel: 'Architecture',
+    releaseLinkLabel: 'View releases',
+    actionFailedLabel: 'Something went wrong. Try again.',
+    versionUnavailableLabel: 'Version information is unavailable.',
+    silentUpdatesLabel: 'Install updates automatically',
+    silentUpdatesHint: 'Apply updates in the background without asking first.',
+};
+const LABEL_KEYS = Object.keys(DEFAULT_LABELS);
+/** Each label is the host override when given, else the translated default. */
+function resolveLabels({ t }, { labels }) {
+    const resolved = { ...DEFAULT_LABELS };
+    for (const key of LABEL_KEYS)
+        resolved[key] = labels?.[key] ?? t(DEFAULT_LABELS[key]);
+    return resolved;
+}
+/**
+ * The one thing that's genuinely render-local: whether an update action this
+ * tab itself kicked off is still in flight, and whether the last one failed.
+ */
+function useUpdateActionRunner({ onPerformUpdateAction, }) {
+    const [actionBusy, setActionBusy] = useState(false);
+    const [actionFailed, setActionFailed] = useState(false);
+    const run = (action) => {
+        setActionBusy(true);
+        setActionFailed(false);
+        void onPerformUpdateAction(action).then(() => setActionBusy(false), () => {
+            setActionBusy(false);
+            setActionFailed(true);
+        });
+    };
+    return { actionBusy, actionFailed, run };
+}
+function UpdateActions({ control, primaryLabel, actionDisabled, onPrimaryAction, onOpenReleaseLink, releaseLinkLabel, }) {
+    // Origin styled 'download'/'install'/'quit' as primary and left 'check'
+    // plain; simplified to "any actionable state reads as primary, any inert
+    // one reads as ghost" — same visual intent, one fewer hardcoded branch,
+    // and it falls straight out of a field `deriveAboutUpdateControl` already
+    // computes rather than re-deriving OD's three-way action match.
+    const primaryButtonClassName = `jini-button${control.primaryAction ? ' jini-button-primary' : ' jini-button-ghost'}`;
+    return (_jsxs("div", { className: "jini-settings-about-actions", children: [primaryLabel ? (_jsx("button", { type: "button", className: primaryButtonClassName, disabled: actionDisabled, onClick: onPrimaryAction, "data-testid": "about-update-action", children: primaryLabel })) : null, control.showReleaseLink ? (_jsx("button", { type: "button", className: "jini-button jini-button-ghost", onClick: onOpenReleaseLink, "data-testid": "about-release-link", children: releaseLinkLabel })) : null] }));
+}
+/** A `<dt>/<dd>` row rendered only when the host supplied a value for it. */
+function OptionalFactRow({ label, value }) {
+    return value ? (_jsxs("div", { children: [_jsx("dt", { children: label }), _jsx("dd", { children: value })] })) : null;
+}
+function VersionDetails({ appVersionInfo, labels, statusTone, statusText, actions, actionFailed }) {
+    return (_jsxs("dl", { className: "jini-settings-about-list", children: [_jsxs("div", { className: "jini-settings-about-version-row", children: [_jsxs("div", { className: "jini-settings-about-version-copy", children: [_jsx("dt", { children: labels.versionLabel }), _jsx("span", { className: "jini-settings-about-version-num", children: appVersionInfo.version }), _jsx("dd", { "aria-live": "polite", className: `jini-settings-about-status jini-settings-about-status--${statusTone}`, children: statusText })] }), actions] }), actionFailed ? (_jsx("p", { className: "jini-hint jini-settings-about-error", role: "status", children: labels.actionFailedLabel })) : null, _jsxs("div", { children: [_jsx("dt", { children: labels.runtimeLabel }), _jsx("dd", { children: appVersionInfo.packaged === false ? labels.developmentLabel : labels.packagedLabel })] }), _jsx(OptionalFactRow, { label: labels.channelLabel, value: appVersionInfo.channel }), _jsx(OptionalFactRow, { label: labels.platformLabel, value: appVersionInfo.platform }), _jsx(OptionalFactRow, { label: labels.archLabel, value: appVersionInfo.arch })] }));
+}
+function SilentUpdatesToggle({ silentUpdates, labels, }) {
+    return (_jsx("div", { className: "jini-settings-subsection jini-settings-about-silent-updates", children: _jsxs("label", { className: "jini-settings-about-toggle", children: [_jsx("input", { type: "checkbox", checked: silentUpdates.allowSilentUpdates, disabled: silentUpdates.busy, onChange: (event) => silentUpdates.toggle(event.currentTarget.checked), "data-testid": "about-silent-updates-toggle" }), _jsxs("span", { className: "jini-settings-about-toggle-copy", children: [_jsx("span", { children: labels.silentUpdatesLabel }), _jsx("span", { className: "jini-hint", children: labels.silentUpdatesHint })] })] }) }));
+}
 /**
  * App version + auto-update panel, plus the "allow silent updates"
  * preference. Origin: the `activeSection === 'about'` block in
@@ -25,46 +84,17 @@ import { useSilentUpdatesToggle } from '../hooks/useSilentUpdatesToggle.js';
  */
 export function AboutTab({ appVersionInfo, updaterModel, onPerformUpdateAction, onOpenReleaseLink, allowSilentUpdates = false, onSilentUpdatePreferenceChange, labels, }) {
     const t = useT();
-    const [actionBusy, setActionBusy] = useState(false);
-    const [actionFailed, setActionFailed] = useState(false);
+    const { actionBusy, actionFailed, run } = useUpdateActionRunner({ onPerformUpdateAction });
     const silentUpdates = useSilentUpdatesToggle({ allowSilentUpdates, onSilentUpdatePreferenceChange });
-    const control = useMemo(() => deriveAboutUpdateControl(updaterModel, appVersionInfo ?? null), [updaterModel, appVersionInfo]);
+    const control = useMemo(() => deriveAboutUpdateControl(updaterModel, appVersionInfo), [updaterModel, appVersionInfo]);
     const actionDisabled = isAboutUpdateActionDisabled(control, updaterModel, actionBusy);
-    const versionLabel = labels?.versionLabel ?? t('Version');
-    const runtimeLabel = labels?.runtimeLabel ?? t('Runtime');
-    const packagedLabel = labels?.packagedLabel ?? t('Packaged');
-    const developmentLabel = labels?.developmentLabel ?? t('Development build');
-    const channelLabel = labels?.channelLabel ?? t('Channel');
-    const platformLabel = labels?.platformLabel ?? t('Platform');
-    const archLabel = labels?.archLabel ?? t('Architecture');
-    const releaseLinkLabel = labels?.releaseLinkLabel ?? t('View releases');
-    const actionFailedLabel = labels?.actionFailedLabel ?? t('Something went wrong. Try again.');
-    const versionUnavailableLabel = labels?.versionUnavailableLabel ?? t('Version information is unavailable.');
-    const silentUpdatesLabel = labels?.silentUpdatesLabel ?? t('Install updates automatically');
-    const silentUpdatesHint = labels?.silentUpdatesHint ?? t('Apply updates in the background without asking first.');
-    const statusText = t(control.statusKey, control.statusVars);
-    const primaryLabel = control.primaryLabelKey ? t(control.primaryLabelKey) : null;
-    // Origin styled 'download'/'install'/'quit' as primary and left 'check'
-    // plain; simplified to "any actionable state reads as primary, any inert
-    // one reads as ghost" — same visual intent, one fewer hardcoded branch,
-    // and it falls straight out of a field `deriveAboutUpdateControl` already
-    // computes rather than re-deriving OD's three-way action match.
-    const primaryButtonClassName = `jini-button${control.primaryAction ? ' jini-button-primary' : ' jini-button-ghost'}`;
+    const resolvedLabels = resolveLabels({ t }, { labels });
     // `handlePrimaryAction` only exists when there is an action to run — it is
     // `undefined` in every state that renders the button disabled-and-inert
     // (e.g. "downloading"), so there is no dead "disabled but somehow clicked"
     // branch to guard against inside the handler itself.
     const { primaryAction } = control;
-    const handlePrimaryAction = primaryAction == null
-        ? undefined
-        : () => {
-            setActionBusy(true);
-            setActionFailed(false);
-            void onPerformUpdateAction(primaryAction).then(() => setActionBusy(false), () => {
-                setActionBusy(false);
-                setActionFailed(true);
-            });
-        };
-    return (_jsxs("section", { className: "jini-settings-section jini-settings-about", children: [appVersionInfo ? (_jsxs("dl", { className: "jini-settings-about-list", children: [_jsxs("div", { className: "jini-settings-about-version-row", children: [_jsxs("div", { className: "jini-settings-about-version-copy", children: [_jsx("dt", { children: versionLabel }), _jsx("span", { className: "jini-settings-about-version-num", children: appVersionInfo.version }), _jsx("dd", { "aria-live": "polite", className: `jini-settings-about-status jini-settings-about-status--${control.statusTone}`, children: statusText })] }), _jsxs("div", { className: "jini-settings-about-actions", children: [primaryLabel ? (_jsx("button", { type: "button", className: primaryButtonClassName, disabled: actionDisabled, onClick: handlePrimaryAction, "data-testid": "about-update-action", children: primaryLabel })) : null, control.showReleaseLink ? (_jsx("button", { type: "button", className: "jini-button jini-button-ghost", onClick: onOpenReleaseLink, "data-testid": "about-release-link", children: releaseLinkLabel })) : null] })] }), actionFailed ? (_jsx("p", { className: "jini-hint jini-settings-about-error", role: "status", children: actionFailedLabel })) : null, _jsxs("div", { children: [_jsx("dt", { children: runtimeLabel }), _jsx("dd", { children: appVersionInfo.packaged === false ? developmentLabel : packagedLabel })] }), appVersionInfo.channel ? (_jsxs("div", { children: [_jsx("dt", { children: channelLabel }), _jsx("dd", { children: appVersionInfo.channel })] })) : null, appVersionInfo.platform ? (_jsxs("div", { children: [_jsx("dt", { children: platformLabel }), _jsx("dd", { children: appVersionInfo.platform })] })) : null, appVersionInfo.arch ? (_jsxs("div", { children: [_jsx("dt", { children: archLabel }), _jsx("dd", { children: appVersionInfo.arch })] })) : null] })) : (_jsx("div", { className: "jini-empty-card", children: versionUnavailableLabel })), onSilentUpdatePreferenceChange ? (_jsx("div", { className: "jini-settings-subsection jini-settings-about-silent-updates", children: _jsxs("label", { className: "jini-settings-about-toggle", children: [_jsx("input", { type: "checkbox", checked: silentUpdates.allowSilentUpdates, disabled: silentUpdates.busy, onChange: (event) => silentUpdates.toggle(event.currentTarget.checked), "data-testid": "about-silent-updates-toggle" }), _jsxs("span", { className: "jini-settings-about-toggle-copy", children: [_jsx("span", { children: silentUpdatesLabel }), _jsx("span", { className: "jini-hint", children: silentUpdatesHint })] })] }) })) : null] }));
+    const handlePrimaryAction = primaryAction == null ? undefined : () => run(primaryAction);
+    return (_jsxs("section", { className: "jini-settings-section jini-settings-about", children: [appVersionInfo ? (_jsx(VersionDetails, { appVersionInfo: appVersionInfo, labels: resolvedLabels, statusTone: control.statusTone, statusText: t(control.statusKey, control.statusVars), actionFailed: actionFailed, actions: _jsx(UpdateActions, { control: control, primaryLabel: control.primaryLabelKey ? t(control.primaryLabelKey) : null, actionDisabled: actionDisabled, onPrimaryAction: handlePrimaryAction, onOpenReleaseLink: onOpenReleaseLink, releaseLinkLabel: resolvedLabels.releaseLinkLabel }) })) : (_jsx("div", { className: "jini-empty-card", children: resolvedLabels.versionUnavailableLabel })), onSilentUpdatePreferenceChange ? _jsx(SilentUpdatesToggle, { silentUpdates: silentUpdates, labels: resolvedLabels }) : null] }));
 }
 //# sourceMappingURL=AboutTab.js.map

package/dist/features/about/rules.d.ts

@@ -46,7 +46,7 @@ export declare const ABOUT_UPDATE_KEYS: {
  *    build — one shared "unsupported" outcome, since the operator can do
  *    nothing about any of them from this panel.
  *
- * After that it is a switch over the reported state. Two subtleties worth
+ * After that it is a lookup of the reported state in `STATE_DERIVERS`. Two subtleties worth
  * keeping when reading it:
  *
  * - `primaryLabelKey` can be set while `primaryAction` is `null`. That is the
@@ -56,7 +56,7 @@ export declare const ABOUT_UPDATE_KEYS: {
  *   about to disappear (installing, or quitting to let an installer run).
  *   Offering a navigation there invites a click that cannot complete.
  *
- * @complexity O(1) — a fixed switch, no iteration.
+ * @complexity O(1) — a fixed-size map lookup, no iteration.
  */
 export declare function deriveAboutUpdateControl(model: UpdaterModel, appVersionInfo: AppVersionInfo | null): AboutUpdateControl;
 /**