@jini-ai/ui 0.6.15-rc.2 → 0.6.15

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

@@ -25,7 +25,7 @@ export interface ProgressCardData {
      *  'indeterminate' (both always compute a percentage) — it's included as a
      *  forward-looking capability for Jini's own Run/Agent/Tool dashboards. */
     progress: number | 'indeterminate';
-    /** The primary step/todo checklist. */
+    /** The primary step/to-do checklist. */
     steps: ProgressCardItem[];
     /** An optional secondary list, e.g. "files touched" by an agent run. */
     secondaryItems?: ProgressCardItem[];

package/dist/features/project-locations/dependencies.js

@@ -6,6 +6,11 @@ const DEFAULT_BUILT_IN = {
     builtIn: true,
 };
 let nextFakeId = 1;
+function takeFakeId() {
+    const id = `fake-location-${nextFakeId}`;
+    nextFakeId += 1;
+    return id;
+}
 /**
  * An in-memory test/demo double. Per this package's established convention
  * (see `execution/dependencies.ts`, `integrations/dependencies.ts`), ships a
@@ -30,7 +35,7 @@ export function createFakeProjectLocationsPort(options = {}) {
         saveLocations(drafts) {
             const builtIn = locations.filter((location) => location.builtIn);
             const nextExternal = drafts.map((draft) => ({
-                id: draft.id ?? `fake-location-${nextFakeId++}`,
+                id: draft.id ?? takeFakeId(),
                 name: draft.path.split(/[\\/]/).filter(Boolean).pop() || draft.path,
                 path: draft.path,
             }));

package/dist/features/project-locations/react/components/ProjectLocationsTab.js

@@ -56,7 +56,8 @@ export function ProjectLocationsTab({ port, defaultLocationId, onDefaultLocation
                 return null;
         }
     })();
-    const errorNotice = result.status === 'save-error' ? saveErrorLabel : result.status === 'scan-error' ? scanErrorLabel : null;
+    const errorNoticeByStatus = { 'save-error': saveErrorLabel, 'scan-error': scanErrorLabel };
+    const errorNotice = errorNoticeByStatus[result.status] ?? null;
     return (_jsxs("section", { className: "jini-settings-section jini-settings-project-locations", children: [_jsx("div", { className: "jini-section-head", children: _jsxs("div", { children: [_jsx("h4", { children: title }), _jsx("p", { className: "jini-hint", children: description })] }) }), builtIn ? (_jsxs("div", { className: "jini-project-location-card jini-project-location-card-built-in", children: [_jsxs("div", { className: "jini-project-location-card-main", children: [_jsx("strong", { children: builtInLabel }), _jsx("code", { children: builtIn.path })] }), _jsxs("label", { className: "jini-project-location-default-control", children: [_jsx("input", { type: "radio", name: "jini-project-location-default", checked: effectiveDefaultLocationId === builtIn.id, onChange: () => setDefaultLocationId(builtIn.id) }), _jsx("span", { children: defaultControlLabel(effectiveDefaultLocationId === builtIn.id) })] })] })) : null, _jsx("div", { className: "jini-project-location-list", children: drafts.map((draft, index) => (_jsxs("div", { className: "jini-project-location-card", children: [_jsxs("div", { className: "jini-project-location-card-main", children: [_jsx("strong", { children: locationLabel(draft.path) }), _jsx("code", { children: draft.path }), _jsx("small", { className: "jini-hint", children: rowHint })] }), draft.id ? (_jsxs("label", { className: "jini-project-location-default-control", children: [_jsx("input", { type: "radio", name: "jini-project-location-default", checked: effectiveDefaultLocationId === draft.id, onChange: () => setDefaultLocationId(draft.id) }), _jsx("span", { children: defaultControlLabel(effectiveDefaultLocationId === draft.id) })] })) : null, _jsxs("button", { type: "button", className: "jini-button jini-button-ghost", onClick: () => removeDraft(index), disabled: saving, children: [_jsx(Icon, { name: "trash", size: 13 }), _jsx("span", { children: deleteLabel })] })] }, `${draft.id ?? 'new'}-${index}`))) }), _jsxs("button", { type: "button", className: "jini-button jini-button-ghost", onClick: addFolder, disabled: saving, children: [_jsx(Icon, { name: "plus", size: 12 }), _jsx("span", { children: addFolderLabel })] }), notice ? (_jsx("p", { className: "jini-hint", role: "status", children: notice })) : null, errorNotice ? (_jsx("p", { className: "jini-hint jini-hint-error", role: "alert", children: errorNotice })) : null] }));
 }
 //# sourceMappingURL=ProjectLocationsTab.js.map

package/dist/features/project-locations/rules.js

@@ -1,3 +1,4 @@
+import { trimTrailingChars } from '../../utils/trim-chars.js';
 /**
  * The id meaning "the host's own default root".
  *
@@ -77,6 +78,6 @@ function normalizePathForCompare(value) {
     const trimmed = value.trim();
     if (trimmed.length <= 1)
         return trimmed;
-    return trimmed.replace(/[\\/]+$/, '') || trimmed;
+    return trimTrailingChars(trimmed, '\\/') || trimmed;
 }
 //# sourceMappingURL=rules.js.map

package/dist/features/resource-dashboard/react/components/ResourceBoardToolbar.js

@@ -1,4 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** The select-mode bar while selecting, otherwise the button that enters select mode. */
+function ResourceBoardSelectControls({ selectMode, selectedCount, bulkDeleteBusy, onEnterSelectMode, onExitSelectMode, onBulkDelete, selectModeLabel, selectedCountLabel, deleteSelectedLabel, cancelSelectLabel, }) {
+    if (!selectMode) {
+        return (_jsx("button", { type: "button", className: "resource-board-select-toggle", onClick: onEnterSelectMode, children: selectModeLabel }));
+    }
+    return (_jsxs("div", { className: "resource-board-select-bar", role: "group", children: [_jsx("span", { className: "resource-board-select-count", children: selectedCountLabel(selectedCount) }), _jsx("button", { type: "button", disabled: selectedCount === 0 || bulkDeleteBusy, onClick: onBulkDelete, children: deleteSelectedLabel }), _jsx("button", { type: "button", onClick: onExitSelectMode, children: cancelSelectLabel })] }));
+}
 /**
  * DesignsTab's toolbar: sub-tab sort pills + a create button + search +
  * select-mode/bulk-delete bar (grid view only) + the grid/kanban view
@@ -9,6 +16,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 export function ResourceBoardToolbar({ sortOptions, activeSort, onSortChange, sortAriaLabel, query, onQueryChange, searchPlaceholder, viewMode, onViewModeChange, viewToggleAriaLabel, gridViewLabel, kanbanViewLabel, enableBulkDelete, selectMode, selectedCount, bulkDeleteBusy, onEnterSelectMode, onExitSelectMode, onBulkDelete, selectModeLabel, selectedCountLabel, deleteSelectedLabel, cancelSelectLabel, createLabel, onCreate, }) {
     const showSelectControls = enableBulkDelete && viewMode === 'grid';
-    return (_jsxs("div", { className: "resource-board-toolbar", children: [_jsx("div", { className: "resource-board-toolbar-left", children: sortOptions.length > 0 ? (_jsx("div", { className: "resource-board-sort-pill", role: "group", "aria-label": sortAriaLabel, children: sortOptions.map((option) => (_jsx("button", { type: "button", "aria-pressed": activeSort === option.value, className: activeSort === option.value ? 'active' : '', onClick: () => onSortChange(option.value), children: option.label }, option.value))) })) : null }), _jsxs("div", { className: "resource-board-toolbar-right", children: [onCreate && createLabel ? (_jsx("button", { type: "button", className: "resource-board-create-button", onClick: onCreate, children: createLabel })) : null, _jsx("div", { className: "resource-board-search", children: _jsx("input", { placeholder: searchPlaceholder, value: query, onChange: (event) => onQueryChange(event.target.value) }) }), showSelectControls ? (selectMode ? (_jsxs("div", { className: "resource-board-select-bar", role: "group", children: [_jsx("span", { className: "resource-board-select-count", children: selectedCountLabel(selectedCount) }), _jsx("button", { type: "button", disabled: selectedCount === 0 || bulkDeleteBusy, onClick: onBulkDelete, children: deleteSelectedLabel }), _jsx("button", { type: "button", onClick: onExitSelectMode, children: cancelSelectLabel })] })) : (_jsx("button", { type: "button", className: "resource-board-select-toggle", onClick: onEnterSelectMode, children: selectModeLabel }))) : null, _jsxs("div", { className: "resource-board-view-pill", role: "group", "aria-label": viewToggleAriaLabel, children: [_jsx("button", { "aria-pressed": viewMode === 'grid', className: viewMode === 'grid' ? 'active' : '', title: gridViewLabel, onClick: () => onViewModeChange('grid'), children: gridViewLabel }), _jsx("button", { "aria-pressed": viewMode === 'kanban', className: viewMode === 'kanban' ? 'active' : '', title: kanbanViewLabel, onClick: () => onViewModeChange('kanban'), children: kanbanViewLabel })] })] })] }));
+    return (_jsxs("div", { className: "resource-board-toolbar", children: [_jsx("div", { className: "resource-board-toolbar-left", children: sortOptions.length > 0 ? (_jsx("div", { className: "resource-board-sort-pill", role: "group", "aria-label": sortAriaLabel, children: sortOptions.map((option) => (_jsx("button", { type: "button", "aria-pressed": activeSort === option.value, className: activeSort === option.value ? 'active' : '', onClick: () => onSortChange(option.value), children: option.label }, option.value))) })) : null }), _jsxs("div", { className: "resource-board-toolbar-right", children: [onCreate && createLabel ? (_jsx("button", { type: "button", className: "resource-board-create-button", onClick: onCreate, children: createLabel })) : null, _jsx("div", { className: "resource-board-search", children: _jsx("input", { placeholder: searchPlaceholder, value: query, onChange: (event) => onQueryChange(event.target.value) }) }), showSelectControls ? (_jsx(ResourceBoardSelectControls, { selectMode: selectMode, selectedCount: selectedCount, bulkDeleteBusy: bulkDeleteBusy, onEnterSelectMode: onEnterSelectMode, onExitSelectMode: onExitSelectMode, onBulkDelete: onBulkDelete, selectModeLabel: selectModeLabel, selectedCountLabel: selectedCountLabel, deleteSelectedLabel: deleteSelectedLabel, cancelSelectLabel: cancelSelectLabel })) : null, _jsxs("div", { className: "resource-board-view-pill", role: "group", "aria-label": viewToggleAriaLabel, children: [_jsx("button", { "aria-pressed": viewMode === 'grid', className: viewMode === 'grid' ? 'active' : '', title: gridViewLabel, onClick: () => onViewModeChange('grid'), children: gridViewLabel }), _jsx("button", { "aria-pressed": viewMode === 'kanban', className: viewMode === 'kanban' ? 'active' : '', title: kanbanViewLabel, onClick: () => onViewModeChange('kanban'), children: kanbanViewLabel })] })] })] }));
 }
 //# sourceMappingURL=ResourceBoardToolbar.js.map

package/dist/features/resource-dashboard/react/components/ResourceCardParts.js

@@ -29,6 +29,7 @@ export function ResourceCardMenu({ menuActions, menuOpen, busy, moreLabel, menuC
 }
 /** Title, optional subtitle, and the status badge (only when the item has a status AND a pre-translated label). */
 export function ResourceCardMeta({ item, statusLabel, toneMap, }) {
-    return (_jsxs("div", { className: "resource-board-card-meta", children: [_jsx("div", { className: "resource-board-card-title", title: item.title, children: item.title }), item.subtitle ? _jsx("div", { className: "resource-board-card-subtitle", children: item.subtitle }) : null, item.status && statusLabel ? _jsx(StatusPill, { status: item.status, label: statusLabel, ...(toneMap ? { toneMap } : {}) }) : null] }));
+    const toneMapProps = toneMap ? { toneMap } : {};
+    return (_jsxs("div", { className: "resource-board-card-meta", children: [_jsx("div", { className: "resource-board-card-title", title: item.title, children: item.title }), item.subtitle ? _jsx("div", { className: "resource-board-card-subtitle", children: item.subtitle }) : null, item.status && statusLabel ? _jsx(StatusPill, { status: item.status, label: statusLabel, ...toneMapProps }) : null] }));
 }
 //# sourceMappingURL=ResourceCardParts.js.map

package/dist/features/resource-dashboard/react/components/ResourceRowListItem.js

@@ -9,6 +9,8 @@ import { ResourceRunHistoryList } from './ResourceRunHistoryList.js';
  * `ResourceRunHistoryList` sublist.
  */
 export function ResourceRowListItem({ row, busy, statusLabel, toneMap, canExpandHistory, expanded, showHistoryLabel, hideHistoryLabel, historyItems, historyLoading, historyTitleLabel, historyLoadingLabel, historyEmptyLabel, onToggleExpand, onAction, onHistoryItemAction, }) {
-    return (_jsxs("li", { className: `resource-row-list-item${row.paused ? ' is-paused' : ''}`, "data-testid": "resource-row-list-item", children: [_jsx("div", { className: "resource-row-list-item-main", children: _jsx(ResourceRowListItemContent, { row: row, statusLabel: statusLabel, toneMap: toneMap }) }), _jsx(ResourceRowListItemActions, { row: row, busy: busy, canExpandHistory: canExpandHistory, expanded: expanded, showHistoryLabel: showHistoryLabel, hideHistoryLabel: hideHistoryLabel, onToggleExpand: onToggleExpand, onAction: onAction }), expanded ? (_jsx(ResourceRunHistoryList, { items: historyItems, loading: historyLoading, titleLabel: historyTitleLabel, loadingLabel: historyLoadingLabel, emptyLabel: historyEmptyLabel, statusLabel: statusLabel, ...(toneMap ? { toneMap } : {}), ...(onHistoryItemAction ? { onAction: onHistoryItemAction } : {}) })) : null] }));
+    const toneMapProps = toneMap ? { toneMap } : {};
+    const historyActionProps = onHistoryItemAction ? { onAction: onHistoryItemAction } : {};
+    return (_jsxs("li", { className: `resource-row-list-item${row.paused ? ' is-paused' : ''}`, "data-testid": "resource-row-list-item", children: [_jsx("div", { className: "resource-row-list-item-main", children: _jsx(ResourceRowListItemContent, { row: row, statusLabel: statusLabel, toneMap: toneMap }) }), _jsx(ResourceRowListItemActions, { row: row, busy: busy, canExpandHistory: canExpandHistory, expanded: expanded, showHistoryLabel: showHistoryLabel, hideHistoryLabel: hideHistoryLabel, onToggleExpand: onToggleExpand, onAction: onAction }), expanded ? (_jsx(ResourceRunHistoryList, { items: historyItems, loading: historyLoading, titleLabel: historyTitleLabel, loadingLabel: historyLoadingLabel, emptyLabel: historyEmptyLabel, statusLabel: statusLabel, ...toneMapProps, ...historyActionProps })) : null] }));
 }
 //# sourceMappingURL=ResourceRowListItem.js.map

package/dist/features/resource-dashboard/react/components/ResourceRowListItemParts.js

@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StatusPill } from './StatusPill.js';
 /** Title/meta/detail lines plus the last-run `StatusPill` + label of one `ResourceRowListItem`. */
 export function ResourceRowListItemContent({ row, statusLabel, toneMap, }) {
-    return (_jsxs("div", { className: "resource-row-list-item-content", children: [_jsx("span", { className: "resource-row-list-item-title", children: row.title }), row.metaLine ? _jsx("span", { className: "resource-row-list-item-meta", children: row.metaLine }) : null, row.detailLine ? _jsx("span", { className: "resource-row-list-item-detail", children: row.detailLine }) : null, row.lastRunStatus ? (_jsxs("span", { className: "resource-row-list-item-last-run", children: [_jsx(StatusPill, { status: row.lastRunStatus, label: statusLabel(row.lastRunStatus), ...(toneMap ? { toneMap } : {}) }), row.lastRunLabel ? _jsx("span", { children: row.lastRunLabel }) : null] })) : null] }));
+    const toneMapProps = toneMap ? { toneMap } : {};
+    return (_jsxs("div", { className: "resource-row-list-item-content", children: [_jsx("span", { className: "resource-row-list-item-title", children: row.title }), row.metaLine ? _jsx("span", { className: "resource-row-list-item-meta", children: row.metaLine }) : null, row.detailLine ? _jsx("span", { className: "resource-row-list-item-detail", children: row.detailLine }) : null, row.lastRunStatus ? (_jsxs("span", { className: "resource-row-list-item-last-run", children: [_jsx(StatusPill, { status: row.lastRunStatus, label: statusLabel(row.lastRunStatus), ...toneMapProps }), row.lastRunLabel ? _jsx("span", { children: row.lastRunLabel }) : null] })) : null] }));
 }
 /** Always-visible inline action buttons (never a kebab menu, unlike `ResourceCard`) plus the optional history-expand toggle. */
 export function ResourceRowListItemActions({ row, busy, canExpandHistory, expanded, showHistoryLabel, hideHistoryLabel, onToggleExpand, onAction, }) {

package/dist/features/resource-dashboard/react/components/ResourceRowListView.js

@@ -13,6 +13,6 @@ import { ResourceRowListAlerts, ResourceRowListEmpty, ResourceRowListHero, Resou
 export function ResourceRowListView(props) {
     const { loading, rows, sectionLabel, loadingLabel } = props;
     const isEmpty = !loading && rows.length === 0;
-    return (_jsxs("section", { className: "resource-row-list", children: [_jsx(ResourceRowListHero, { ...props }), _jsx(ResourceRowListAlerts, { ...props }), _jsxs("section", { className: "resource-row-list-saved", "aria-label": sectionLabel, children: [_jsxs("div", { className: "resource-row-list-section-head", children: [_jsx("h2", { children: sectionLabel }), loading ? _jsx("span", { className: "resource-row-list-section-meta", children: loadingLabel }) : null] }), isEmpty ? _jsx(ResourceRowListEmpty, { ...props }) : rows.length > 0 ? _jsx(ResourceRowListRows, { ...props }) : null] })] }));
+    return (_jsxs("section", { className: "resource-row-list", children: [_jsx(ResourceRowListHero, { ...props }), _jsx(ResourceRowListAlerts, { ...props }), _jsxs("section", { className: "resource-row-list-saved", "aria-label": sectionLabel, children: [_jsxs("div", { className: "resource-row-list-section-head", children: [_jsx("h2", { children: sectionLabel }), loading ? _jsx("span", { className: "resource-row-list-section-meta", children: loadingLabel }) : null] }), isEmpty ? _jsx(ResourceRowListEmpty, { ...props }) : null, rows.length > 0 ? _jsx(ResourceRowListRows, { ...props }) : null] })] }));
 }
 //# sourceMappingURL=ResourceRowListView.js.map

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

@@ -76,7 +76,7 @@ export function useResourceBoard(params) {
     // same guard DesignsTab's own `menuContainerRef`-based effect uses.
     useEffect(() => {
         if (!openMenuId)
-            return;
+            return undefined;
         const onKey = (event) => {
             if (event.key === 'Escape')
                 setOpenMenuId(null);

package/dist/features/schedule-picker/rules.js

@@ -23,8 +23,12 @@ export function formatTime12h(time) {
     const h = Number(m[1]);
     const mm = m[2];
     const suffix = h >= 12 ? 'PM' : 'AM';
-    const h12 = h === 0 ? 12 : h > 12 ? h - 12 : h;
-    return `${h12}:${mm} ${suffix}`;
+    return `${to12Hour(h)}:${mm} ${suffix}`;
+}
+function to12Hour(h) {
+    if (h === 0)
+        return 12;
+    return h > 12 ? h - 12 : h;
 }
 function weekdayLongName(weekday, weekdays) {
     return weekdays.find((w) => w.value === weekday)?.long ?? weekdays[0]?.long ?? 'Sunday';
@@ -39,11 +43,13 @@ export function decomposeSchedule(schedule, weekdays = DEFAULT_WEEKDAYS) {
     if (schedule.kind === 'hourly') {
         return { kind: 'hourly', minute: String(schedule.minute).padStart(2, '0') };
     }
-    const freq = schedule.kind === 'daily'
-        ? 'Daily'
-        : schedule.kind === 'weekdays'
-            ? 'Weekdays'
-            : weekdayLongName(schedule.weekday, weekdays);
+    let freq;
+    if (schedule.kind === 'daily')
+        freq = 'Daily';
+    else if (schedule.kind === 'weekdays')
+        freq = 'Weekdays';
+    else
+        freq = weekdayLongName(schedule.weekday, weekdays);
     return { kind: 'timed', freq, time: formatTime12h(schedule.time), tz: schedule.timezone };
 }
 /** Plain-English one-line summary, e.g. `'Hourly at :05'` or

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

@@ -2,12 +2,6 @@ import type { SketchTooltipTarget } from './types.js';
 export declare const SAVED_VISIBLE_MS = 2000;
 export declare const EXPORTED_IMAGE_MIME_TYPE = "image/png";
 export declare const SKETCH_CONTEXT_MENU_MARGIN = 8;
-/**
- * Default tool/menu tooltip targets — these selectors and `data-testid`
- * values are Excalidraw's own toolbar markup, not host-product content.
- * Host-overridable via `SketchEditorProps.tooltipTargets` for a forked or
- * newer Excalidraw build with different markup.
- */
 export declare const DEFAULT_SKETCH_TOOLTIP_TARGETS: readonly SketchTooltipTarget[];
 /**
  * Default context-menu action allow-list + order. These are Excalidraw's

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

@@ -7,23 +7,25 @@ export const SKETCH_CONTEXT_MENU_MARGIN = 8;
  * Host-overridable via `SketchEditorProps.tooltipTargets` for a forked or
  * newer Excalidraw build with different markup.
  */
+/** Anchor the tooltip on the toolbar button's wrapping `<label>`. */
+const CLOSEST_LABEL = 'closest-label';
 export const DEFAULT_SKETCH_TOOLTIP_TARGETS = [
     { selector: '[data-testid="main-menu-trigger"]', label: 'mainMenu', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-lock"]', target: 'closest-label', label: 'lock', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-hand"]', target: 'closest-label', label: 'hand', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-selection"]', target: 'closest-label', label: 'selection', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-rectangle"]', target: 'closest-label', label: 'rectangle', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-diamond"]', target: 'closest-label', label: 'diamond', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-ellipse"]', target: 'closest-label', label: 'ellipse', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-arrow"]', target: 'closest-label', label: 'arrow', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-line"]', target: 'closest-label', label: 'line', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-freedraw"]', target: 'closest-label', label: 'freedraw', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-text"]', target: 'closest-label', label: 'text', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-image"]', target: 'closest-label', label: 'image', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-eraser"]', target: 'closest-label', label: 'eraser', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-frame"]', target: 'closest-label', label: 'frame', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-embeddable"]', target: 'closest-label', label: 'embeddable', placement: 'bottom' },
-    { selector: '[data-testid="toolbar-laser"]', target: 'closest-label', label: 'laser', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-lock"]', target: CLOSEST_LABEL, label: 'lock', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-hand"]', target: CLOSEST_LABEL, label: 'hand', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-selection"]', target: CLOSEST_LABEL, label: 'selection', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-rectangle"]', target: CLOSEST_LABEL, label: 'rectangle', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-diamond"]', target: CLOSEST_LABEL, label: 'diamond', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-ellipse"]', target: CLOSEST_LABEL, label: 'ellipse', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-arrow"]', target: CLOSEST_LABEL, label: 'arrow', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-line"]', target: CLOSEST_LABEL, label: 'line', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-freedraw"]', target: CLOSEST_LABEL, label: 'freedraw', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-text"]', target: CLOSEST_LABEL, label: 'text', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-image"]', target: CLOSEST_LABEL, label: 'image', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-eraser"]', target: CLOSEST_LABEL, label: 'eraser', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-frame"]', target: CLOSEST_LABEL, label: 'frame', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-embeddable"]', target: CLOSEST_LABEL, label: 'embeddable', placement: 'bottom' },
+    { selector: '[data-testid="toolbar-laser"]', target: CLOSEST_LABEL, label: 'laser', placement: 'bottom' },
     { selector: '.App-toolbar__extra-tools-trigger', label: 'moreTools', placement: 'bottom' },
 ];
 /**

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

@@ -109,18 +109,15 @@ function hasRecognizedContextMenuAction(menu, recognized) {
 function pruneContextMenuItems(menu, allowed) {
     const byAction = new Map();
     for (const child of Array.from(menu.children)) {
-        if (child instanceof HTMLHRElement) {
+        if (child instanceof HTMLHRElement)
             child.remove();
-            continue;
-        }
         if (!(child instanceof HTMLLIElement))
             continue;
         const actionName = child.getAttribute('data-testid') ?? '';
-        if (!allowed.has(actionName)) {
+        if (allowed.has(actionName))
+            byAction.set(actionName, child);
+        else
             child.remove();
-            continue;
-        }
-        byAction.set(actionName, child);
     }
     return byAction;
 }

package/dist/features/sketch-editor/react/components/SketchMainMenu.js

@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '../../../../react/components/Icon.js';
 /** The composed `<MainMenu>` Excalidraw renders inside its own menu popover. */
 export function SketchMainMenu({ MainMenu, t, saving, showSaved, canSave, onSave, exportAvailable, exporting, canExport, onExportImage, canClear, onClear, }) {
-    const saveLabel = saving ? t('Saving…') : showSaved ? t('Saved') : t('Save');
+    const idleSaveLabel = showSaved ? t('Saved') : t('Save');
+    const saveLabel = saving ? t('Saving…') : idleSaveLabel;
     const exportLabel = exporting ? t('Exporting image…') : t('Export image');
     return (_jsxs(MainMenu, { children: [_jsx(MainMenu.Item, { "data-testid": "sketch-menu-save", icon: showSaved ? _jsx(Icon, { name: "check", size: 16 }) : undefined, onClick: onSave, disabled: saving || !canSave, "aria-label": saveLabel, children: saveLabel }), exportAvailable ? (_jsx(MainMenu.Item, { "data-testid": "sketch-menu-export-image", icon: _jsx(Icon, { name: "download", size: 16 }), onClick: onExportImage, disabled: exporting || !canExport, "aria-label": exportLabel, children: exportLabel })) : null, _jsx(MainMenu.Separator, {}), _jsx(MainMenu.DefaultItems.SearchMenu, {}), _jsx(MainMenu.DefaultItems.Help, {}), _jsx(MainMenu.Item, { "data-testid": "sketch-menu-clear", icon: _jsx(Icon, { name: "trash", size: 16 }), onClick: onClear, disabled: !canClear, children: t('Clear canvas') }), _jsx(MainMenu.Separator, {}), _jsx(MainMenu.DefaultItems.ChangeCanvasBackground, {})] }));
 }

package/dist/features/sketch-editor/react/components/SketchSaveStateBadge.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '../../../../react/components/Icon.js';
+const STATE_ICONS = { saving: 'spinner', dirty: 'alert-triangle' };
 /** The small save-state indicator rendered in Excalidraw's own top-right UI slot. */
 export function SketchSaveStateBadge({ state, label }) {
-    return (_jsx("div", { className: "sketch-excalidraw-actions", "data-testid": "sketch-save-state", children: _jsxs("span", { className: `sketch-save-state is-${state}`, role: "status", "aria-live": "polite", children: [_jsx(Icon, { name: state === 'saving' ? 'spinner' : state === 'dirty' ? 'alert-triangle' : 'check', size: 12, className: state === 'saving' ? 'icon-spin' : undefined }), _jsx("span", { children: label })] }) }));
+    return (_jsx("div", { className: "sketch-excalidraw-actions", "data-testid": "sketch-save-state", children: _jsxs("span", { className: `sketch-save-state is-${state}`, role: "status", "aria-live": "polite", children: [_jsx(Icon, { name: STATE_ICONS[state] ?? 'check', size: 12, className: state === 'saving' ? 'icon-spin' : undefined }), _jsx("span", { children: label })] }) }));
 }
 //# sourceMappingURL=SketchSaveStateBadge.js.map

package/dist/features/sketch-editor/react/hooks/useSketchDomEnhancements.js

@@ -16,7 +16,7 @@ export function useSketchDomEnhancements({ containerRef, t, domTextOverrides, to
     useEffect(() => {
         const root = containerRef.current;
         if (!root)
-            return;
+            return undefined;
         let frame = null;
         const applyEnhancements = () => {
             frame = null;

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

@@ -136,12 +136,15 @@ export function exportedImageFileName(fileName, sourceExtension) {
     const slash = fileName.lastIndexOf('/');
     const baseName = slash >= 0 ? fileName.slice(slash + 1) : fileName;
     const stem = typeof sourceExtension === 'string'
-        ? baseName.toLowerCase().endsWith(sourceExtension.toLowerCase())
-            ? baseName.slice(0, baseName.length - sourceExtension.length)
-            : baseName
+        ? stripKnownExtension(baseName, sourceExtension)
         : baseName.replace(/\.[^./]+$/, '');
     return `${stem || 'sketch'}.png`;
 }
+function stripKnownExtension(baseName, extension) {
+    return baseName.toLowerCase().endsWith(extension.toLowerCase())
+        ? baseName.slice(0, baseName.length - extension.length)
+        : baseName;
+}
 export function exportedImageResultFileName(result, fallback) {
     if (result && typeof result === 'object' && typeof result.fileName === 'string') {
         return result.fileName;
@@ -197,15 +200,13 @@ export function buildSketchTooltipLabels(t) {
  * in `overrides` matches (caller should leave the node untouched).
  */
 export function translateDomTextValue(value, overrides) {
-    // Every group in this pattern is quantified with `*` (zero-or-more), so it
-    // matches every string input, including `''` — `.match()` can never return
-    // null here, and each capture group is always defined (possibly empty).
-    // The nullable return/`| undefined` group types are just `RegExp.match`'s
-    // and `RegExpMatchArray`'s general signatures, not a real runtime path.
-    const match = value.match(/^(\s*)([\s\S]*?)(\s*)$/);
-    const leading = match[1];
-    const core = match[2];
-    const trailing = match[3];
+    // Split into leading whitespace, core, trailing whitespace (an all-whitespace
+    // value is all leading). `trimStart`/`trimEnd` strip exactly regex `\s`.
+    const coreStart = value.length - value.trimStart().length;
+    const leading = value.slice(0, coreStart);
+    const rest = value.slice(coreStart);
+    const core = rest.trimEnd();
+    const trailing = rest.slice(core.length);
     const normalized = core.replace(/\s+/g, ' ').trim();
     if (!normalized)
         return null;

package/dist/features/skills/dependencies.js

@@ -1,3 +1,4 @@
+import { omitKeys } from '../../utils/omit-keys.js';
 const DEFAULT_FAKE_SKILLS = [
     {
         id: 'skill-summarize',
@@ -10,9 +11,13 @@ const DEFAULT_FAKE_SKILLS = [
     },
 ];
 let nextFakeId = 1;
+function takeFakeSkillId() {
+    const id = `fake-skill-${nextFakeId}`;
+    nextFakeId += 1;
+    return id;
+}
 function toSummary(detail) {
-    const { body: _body, ...summary } = detail;
-    return summary;
+    return omitKeys(detail, ['body']);
 }
 /**
  * An in-memory test/demo double. Per this package's established convention
@@ -39,7 +44,7 @@ export function createFakeSkillsPort(options = {}) {
             return delay([...(files.get(id) ?? [])]);
         },
         createSkill(payload) {
-            const id = `fake-skill-${nextFakeId++}`;
+            const id = takeFakeSkillId();
             const detail = {
                 id,
                 name: payload.name,
@@ -58,7 +63,7 @@ export function createFakeSkillsPort(options = {}) {
                 return Promise.reject(new Error(`Unknown skill: ${id}`));
             // A built-in edit writes a NEW user-owned shadow copy, same as the
             // origin — the requested id is never mutated in place.
-            const targetId = existing.source === 'user' ? id : `fake-skill-${nextFakeId++}`;
+            const targetId = existing.source === 'user' ? id : takeFakeSkillId();
             const detail = {
                 ...existing,
                 id: targetId,

package/dist/features/skills/react/components/SkillRow.js

@@ -18,7 +18,8 @@ export function SkillRow({ skill, locale, enabled, expanded, editing, body, body
     // Built-in skills are never edited in place — "editing" one creates a
     // user-owned override, so every edit affordance says so.
     const editActionLabel = builtIn ? l.overrideCreateLabel : l.editLabel;
-    return (_jsxs("div", { className: skillRowClassName({ enabled, expanded }), "data-testid": `skill-row-${skill.id}`, children: [_jsxs("div", { className: "jini-skills-row-head", children: [_jsx(SkillRowSummaryButton, { skill: skill, locale: locale, expanded: expanded, onToggleExpanded: onToggleExpanded, labels: l, agentHandle: agentHandle }), _jsxs("div", { className: "jini-skills-row-actions", children: [isDeletableSkill(skill) && confirmDelete ? (_jsx(SkillRowDeleteConfirm, { onCommitDelete: onCommitDelete, onCancelDelete: onCancelDelete, labels: l, agentHandle: agentHandle })) : (_jsx(SkillRowEditDeleteActions, { skill: skill, editActionLabel: editActionLabel, onStartEdit: onStartEdit, onArmDelete: onArmDelete, labels: l, agentHandle: agentHandle })), _jsxs("label", { className: "toggle-switch toggle-switch-sm jini-skills-row-enable", title: l.enableToggleLabel, children: [_jsx("input", { type: "checkbox", checked: enabled, onChange: (event) => onToggleEnabled(event.target.checked), "aria-label": l.enableToggleLabel, ...agentHandleProps({}, { base: agentHandle, action: 'enabled', role: 'checkbox', label: l.enableToggleLabel }) }), _jsx("span", { className: "toggle-slider" })] })] })] }), confirmBuiltInEdit ? (_jsx(SkillRowBuiltInEditWarning, { onCancelBuiltInEdit: onCancelBuiltInEdit, onConfirmBuiltInEdit: onConfirmBuiltInEdit, labels: l, agentHandle: agentHandle })) : null, expanded && !editing ? (_jsx(SkillRowDetail, { body: body, bodyLoading: bodyLoading, files: files, filesLoading: filesLoading, labels: l })) : null, editing && draft ? (_jsx(SkillDraftForm, { heading: editActionLabel, subheading: skill.id, draft: draft, onDraftChange: onDraftChange, error: draftError, saving: draftSaving, isEdit: true, isBuiltInOverride: builtIn, onCancel: onCancelEdit, onSubmit: onSubmitEdit, labels: labels, ...(agentHandle ? { agentHandle: agentSubHandle({ base: agentHandle, action: 'edit-form' }) } : {}) })) : null] }));
+    const editFormHandleProps = agentHandle ? { agentHandle: agentSubHandle({ base: agentHandle, action: 'edit-form' }) } : {};
+    return (_jsxs("div", { className: skillRowClassName({ enabled, expanded }), "data-testid": `skill-row-${skill.id}`, children: [_jsxs("div", { className: "jini-skills-row-head", children: [_jsx(SkillRowSummaryButton, { skill: skill, locale: locale, expanded: expanded, onToggleExpanded: onToggleExpanded, labels: l, agentHandle: agentHandle }), _jsxs("div", { className: "jini-skills-row-actions", children: [isDeletableSkill(skill) && confirmDelete ? (_jsx(SkillRowDeleteConfirm, { onCommitDelete: onCommitDelete, onCancelDelete: onCancelDelete, labels: l, agentHandle: agentHandle })) : (_jsx(SkillRowEditDeleteActions, { skill: skill, editActionLabel: editActionLabel, onStartEdit: onStartEdit, onArmDelete: onArmDelete, labels: l, agentHandle: agentHandle })), _jsxs("label", { className: "toggle-switch toggle-switch-sm jini-skills-row-enable", title: l.enableToggleLabel, children: [_jsx("input", { type: "checkbox", checked: enabled, onChange: (event) => onToggleEnabled(event.target.checked), "aria-label": l.enableToggleLabel, ...agentHandleProps({}, { base: agentHandle, action: 'enabled', role: 'checkbox', label: l.enableToggleLabel }) }), _jsx("span", { className: "toggle-slider" })] })] })] }), confirmBuiltInEdit ? (_jsx(SkillRowBuiltInEditWarning, { onCancelBuiltInEdit: onCancelBuiltInEdit, onConfirmBuiltInEdit: onConfirmBuiltInEdit, labels: l, agentHandle: agentHandle })) : null, expanded && !editing ? (_jsx(SkillRowDetail, { body: body, bodyLoading: bodyLoading, files: files, filesLoading: filesLoading, labels: l })) : null, editing && draft ? (_jsx(SkillDraftForm, { heading: editActionLabel, subheading: skill.id, draft: draft, onDraftChange: onDraftChange, error: draftError, saving: draftSaving, isEdit: true, isBuiltInOverride: builtIn, onCancel: onCancelEdit, onSubmit: onSubmitEdit, labels: labels, ...editFormHandleProps })) : null] }));
 }
 function skillRowClassName({ enabled, expanded }) {
     return `jini-skills-row${enabled ? '' : ' jini-skills-row-disabled'}${expanded ? ' jini-skills-row-expanded' : ''}`;

package/dist/features/skills/react/components/SkillsTab.js

@@ -21,7 +21,8 @@ export function SkillsTab({ port, disabledSkillIds, onToggleEnabled, locale = 'e
     const tab = useSkillsTab({ port, locale });
     const l = resolveLabels({ defaults: DEFAULT_SKILLS_TAB_LABELS, t }, { labels });
     const loadErrorLabel = labels?.loadErrorLabel ?? t('Could not load skills: {error}', { error: tab.loadError ?? '' });
-    return (_jsxs("section", { className: "jini-settings-section jini-settings-skills", children: [_jsx(SkillsTabToolbar, { tab: tab, labels: l, agentHandle: agentHandle }), tab.loadError ? (_jsx("div", { className: "jini-empty-card jini-empty-card-error", children: _jsx("strong", { children: loadErrorLabel }) })) : null, tab.creating ? (_jsx(SkillDraftForm, { heading: l.newSkillLabel, draft: tab.draft, onDraftChange: tab.setDraft, error: tab.draftError, saving: tab.draftSaving, isEdit: false, onCancel: tab.cancelDraft, onSubmit: tab.submitDraft, labels: labels, ...(agentHandle ? { agentHandle: agentSubHandle({ base: agentHandle, action: 'create-form' }) } : {}) })) : null, !tab.loading && tab.filteredSkills.length === 0 ? (_jsx("div", { className: "jini-empty-card", children: _jsx("strong", { children: l.noResultsLabel }) })) : (_jsx(SkillsTabRows, { tab: tab, disabledSkillIds: disabledSkillIds, onToggleEnabled: onToggleEnabled, locale: locale, labels: labels, agentHandle: agentHandle }))] }));
+    const createFormHandleProps = agentHandle ? { agentHandle: agentSubHandle({ base: agentHandle, action: 'create-form' }) } : {};
+    return (_jsxs("section", { className: "jini-settings-section jini-settings-skills", children: [_jsx(SkillsTabToolbar, { tab: tab, labels: l, agentHandle: agentHandle }), tab.loadError ? (_jsx("div", { className: "jini-empty-card jini-empty-card-error", children: _jsx("strong", { children: loadErrorLabel }) })) : null, tab.creating ? (_jsx(SkillDraftForm, { heading: l.newSkillLabel, draft: tab.draft, onDraftChange: tab.setDraft, error: tab.draftError, saving: tab.draftSaving, isEdit: false, onCancel: tab.cancelDraft, onSubmit: tab.submitDraft, labels: labels, ...createFormHandleProps })) : null, !tab.loading && tab.filteredSkills.length === 0 ? (_jsx("div", { className: "jini-empty-card", children: _jsx("strong", { children: l.noResultsLabel }) })) : (_jsx(SkillsTabRows, { tab: tab, disabledSkillIds: disabledSkillIds, onToggleEnabled: onToggleEnabled, locale: locale, labels: labels, agentHandle: agentHandle }))] }));
 }
 /** Search box, "New skill" button, and the source/mode/(category) selects. */
 function SkillsTabToolbar({ tab, labels: l, agentHandle, }) {

package/dist/features/skills/rules.js

@@ -146,16 +146,16 @@ const modeValue = (skill) => skill.mode;
 const categoryValue = (skill) => typeof skill.category === 'string' && skill.category ? skill.category : null;
 /** The data-derived pills (`mode`, `category`): option SET from every skill,
  *  COUNTS from `matching` — see `skillFilterOptions`. */
-function valueFilterOptions({ skills, matching, valueOf, }) {
+function valueFilterOptions({ skills, matching, valueOf: valueFor, }) {
     const values = new Set();
     for (const skill of skills) {
-        const value = valueOf(skill);
+        const value = valueFor(skill);
         if (value !== null)
             values.add(value);
     }
     const counts = new Map();
     for (const skill of matching) {
-        const value = valueOf(skill);
+        const value = valueFor(skill);
         if (value === null)
             continue;
         counts.set(value, (counts.get(value) ?? 0) + 1);

package/dist/features/source-config-list/agent-handles.js

@@ -39,6 +39,7 @@
  * why cards are keyed by id rather than list position.
  */
 import { agentHandle, buildAgentListHandles } from '@jini-ai/agentic';
+import { trimChars } from '../../utils/trim-chars.js';
 /** Segments of a derived handle: `<base>-field-<key>` and `<base>-<action>` share one joiner. */
 const HANDLE_SEPARATOR = '-';
 /** The namespace every host-described field sits under — see this module's doc for why. */
@@ -65,11 +66,11 @@ const LIST_ITEM_NAMESPACE = 'item';
  * @complexity O(n) in `segment.length`.
  */
 function sanitizeHandleSegment(segment) {
-    return segment
+    const separated = segment
         .replace(/([a-z0-9])([A-Z])/g, `$1${HANDLE_SEPARATOR}$2`)
         .toLowerCase()
-        .replace(/[^a-z0-9]+/g, HANDLE_SEPARATOR)
-        .replace(/^-+|-+$/g, '');
+        .replace(/[^a-z0-9]+/g, HANDLE_SEPARATOR);
+    return trimChars(separated, '-');
 }
 /**
  * The handle for one action or sub-control published under `base`.

package/dist/features/source-config-list/react/components/SourceConfigItemCard.js

@@ -122,7 +122,9 @@ function useItemCardEdit({ source, fieldSpecs, onUpdate }) {
 /** The expanded body: the Edit/Save/Cancel toggle, the editable or read-only fields, and the test control. */
 function ItemCardBody(props) {
     const { capabilities, testing, testResult, onTest, agentHandle, edit } = props;
-    return (_jsxs("div", { className: "source-config-item-card-body", children: [capabilities.canUpdate ? _jsx(ItemCardEditToggle, { ...props, edit: edit }) : null, edit.editing ? _jsx(ItemCardEditFields, { ...props, edit: edit }) : _jsx(ItemCardReadOnlyFields, { ...props }), capabilities.canTest ? (_jsx(SourceConfigTestControl, { running: testing, disabled: isAnyActionPending(props), onTest: onTest, ...(testResult ? { result: testResult } : {}), ...(agentHandle ? { agentHandle: sourceConfigActionHandle(agentHandle, 'test') } : {}) })) : null] }));
+    const testResultProps = testResult ? { result: testResult } : {};
+    const testHandleProps = agentHandle ? { agentHandle: sourceConfigActionHandle(agentHandle, 'test') } : {};
+    return (_jsxs("div", { className: "source-config-item-card-body", children: [capabilities.canUpdate ? _jsx(ItemCardEditToggle, { ...props, edit: edit }) : null, edit.editing ? _jsx(ItemCardEditFields, { ...props, edit: edit }) : _jsx(ItemCardReadOnlyFields, { ...props }), capabilities.canTest ? (_jsx(SourceConfigTestControl, { running: testing, disabled: isAnyActionPending(props), onTest: onTest, ...testResultProps, ...testHandleProps })) : null] }));
 }
 function ItemCardEditToggle(props) {
     const { updating, agentHandle, edit } = props;

package/dist/features/tab-strip/react/components/TabBar.hooks.js

@@ -138,9 +138,11 @@ export function useActiveTabInView({ activeId }, _optional = {}) {
             const tabBox = tab.getBoundingClientRect();
             // A host's end padding (e.g. room for an edge fade) counts as off-screen.
             const visibleRight = stripBox.right - (parseFloat(getComputedStyle(strip).paddingRight) || 0);
-            if (tabBox.left < stripBox.left)
+            if (tabBox.left < stripBox.left) {
                 strip.scrollLeft += tabBox.left - stripBox.left;
-            else if (tabBox.right > visibleRight)
+                return;
+            }
+            if (tabBox.right > visibleRight)
                 strip.scrollLeft += tabBox.right - visibleRight;
         }
         scrollActiveTabIntoView();

package/dist/features/version-manager/react/components/VersionPreviewFrame.js

@@ -11,6 +11,9 @@ export function VersionPreviewFrame({ previewDocument, frameReady, onFrameLoad,
     const [frameRef, canvasSize] = usePreviewCanvasSize();
     const preset = findViewportPreset(viewportPresets, viewport);
     const scale = effectivePreviewScale(preset, 1, canvasSize, DEFAULT_PREVIEW_CANVAS_PADDING);
-    return (_jsx("div", { className: "jini-version-preview", ref: frameRef, children: error ? (_jsx("div", { className: "jini-viewer-empty", role: "alert", children: error })) : (_jsxs(_Fragment, { children: [previewDocument ? (_jsx("div", { className: "jini-preview-viewport", style: previewViewportStyle(preset, scale, 1), children: _jsx("div", { className: "jini-preview-frame-clip", children: _jsx("div", { style: previewScaleShellStyle(preset, 1), children: _jsx("iframe", { title: title, sandbox: "allow-scripts allow-downloads", srcDoc: previewDocument, onLoad: onFrameLoad }) }) }) })) : !loading && !loadingContent ? (_jsx("div", { className: "jini-viewer-empty", children: t('No preview available.') })) : null, loading || loadingContent || (previewDocument && !frameReady) ? (_jsx("div", { className: "jini-version-preview-overlay", role: "status", "aria-label": t('Loading preview…'), children: _jsx("span", { className: "jini-version-preview-spinner", "aria-hidden": "true" }) })) : null] })) }));
+    const showEmpty = !previewDocument && !loading && !loadingContent;
+    const showLoading = loading || loadingContent || (previewDocument && !frameReady);
+    const emptyState = showEmpty ? _jsx("div", { className: "jini-viewer-empty", children: t('No preview available.') }) : null;
+    return (_jsx("div", { className: "jini-version-preview", ref: frameRef, children: error ? (_jsx("div", { className: "jini-viewer-empty", role: "alert", children: error })) : (_jsxs(_Fragment, { children: [previewDocument ? (_jsx("div", { className: "jini-preview-viewport", style: previewViewportStyle(preset, scale, 1), children: _jsx("div", { className: "jini-preview-frame-clip", children: _jsx("div", { style: previewScaleShellStyle(preset, 1), children: _jsx("iframe", { title: title, sandbox: "allow-scripts allow-downloads", srcDoc: previewDocument, onLoad: onFrameLoad }) }) }) })) : null, emptyState, showLoading ? (_jsx("div", { className: "jini-version-preview-overlay", role: "status", "aria-label": t('Loading preview…'), children: _jsx("span", { className: "jini-version-preview-spinner", "aria-hidden": "true" }) })) : null] })) }));
 }
 //# sourceMappingURL=VersionPreviewFrame.js.map

package/dist/features/version-manager/react/components/VersionSidebar.js

@@ -4,11 +4,13 @@ import { useT } from '../../../i18n/index.js';
  *  independent of whatever the preview pane is doing. */
 export function VersionSidebar({ countLabel, search, onSearchChange, showSearch, loading, versions, visibleVersions, selectedVersionId, onSelect, onPrefetch, formatDate, sourceLabel, sourceClassName, restoredFrom, }) {
     const t = useT();
-    return (_jsxs("div", { className: "jini-version-sidebar", children: [_jsx("div", { className: "jini-version-sidebar-head", children: _jsx("span", { className: "jini-version-count", children: countLabel }) }), showSearch ? (_jsxs("div", { className: "jini-version-search", children: [_jsx("input", { type: "search", value: search, onChange: (event) => onSearchChange(event.target.value), placeholder: t('Search…'), "aria-label": t('Search…') }), search ? (_jsx("button", { type: "button", className: "jini-version-search-clear", "aria-label": t('Clear'), onClick: () => onSearchChange(''), children: t('Clear') })) : null] })) : null, _jsx("div", { className: "jini-version-list", role: "listbox", "aria-label": t('Version history'), children: loading ? (_jsx("div", { className: "jini-version-skeleton-list", role: "status", "aria-label": t('Loading versions…'), children: [0, 1, 2, 3].map((row) => (_jsx("div", { className: "jini-version-skeleton-item", "aria-hidden": "true" }, row))) })) : versions.length === 0 ? (_jsx("div", { className: "jini-version-empty", children: t('No versions yet.') })) : visibleVersions.length === 0 ? (_jsx("div", { className: "jini-version-empty", children: t('No results for “{query}”.', { query: search.trim() }) })) : (visibleVersions.map((version) => {
-                    const selected = version.id === selectedVersionId;
-                    const itemRestoredFrom = restoredFrom(version);
-                    const prefetch = () => onPrefetch(version.id);
-                    return (_jsxs("button", { type: "button", className: `jini-version-item${selected ? ' active' : ''}`, role: "option", "aria-selected": selected, onClick: () => onSelect(version.id), onMouseEnter: prefetch, onFocus: prefetch, children: [_jsxs("span", { className: "jini-version-item-top", children: [version.current ? _jsx("span", { className: "jini-version-current-badge", children: t('Current') }) : null, _jsx("span", { className: `jini-version-source-badge ${sourceClassName(version)}`, children: sourceLabel(version) }), _jsx("span", { className: "jini-version-time", children: formatDate(version) })] }), _jsx("span", { className: "jini-version-item-title", children: version.prompt || version.label || t('Version {version}', { version: version.version }) }), _jsxs("span", { className: "jini-version-item-meta", children: [t('Version {version}', { version: version.version }), itemRestoredFrom ? (_jsx("span", { className: "jini-version-item-restored", children: t('Restored from v{version}', { version: itemRestoredFrom.version }) })) : null] })] }, version.id));
-                })) })] }));
+    const noResultsMessage = visibleVersions.length === 0 ? t('No results for “{query}”.', { query: search.trim() }) : null;
+    const emptyMessage = versions.length === 0 ? t('No versions yet.') : noResultsMessage;
+    return (_jsxs("div", { className: "jini-version-sidebar", children: [_jsx("div", { className: "jini-version-sidebar-head", children: _jsx("span", { className: "jini-version-count", children: countLabel }) }), showSearch ? (_jsxs("div", { className: "jini-version-search", children: [_jsx("input", { type: "search", value: search, onChange: (event) => onSearchChange(event.target.value), placeholder: t('Search…'), "aria-label": t('Search…') }), search ? (_jsx("button", { type: "button", className: "jini-version-search-clear", "aria-label": t('Clear'), onClick: () => onSearchChange(''), children: t('Clear') })) : null] })) : null, _jsxs("div", { className: "jini-version-list", role: "listbox", "aria-label": t('Version history'), children: [loading ? (_jsx("div", { className: "jini-version-skeleton-list", role: "status", "aria-label": t('Loading versions…'), children: [0, 1, 2, 3].map((row) => (_jsx("div", { className: "jini-version-skeleton-item", "aria-hidden": "true" }, row))) })) : null, !loading && emptyMessage ? _jsx("div", { className: "jini-version-empty", children: emptyMessage }) : null, !loading && !emptyMessage ? (visibleVersions.map((version) => {
+                        const selected = version.id === selectedVersionId;
+                        const itemRestoredFrom = restoredFrom(version);
+                        const prefetch = () => onPrefetch(version.id);
+                        return (_jsxs("button", { type: "button", className: `jini-version-item${selected ? ' active' : ''}`, role: "option", "aria-selected": selected, onClick: () => onSelect(version.id), onMouseEnter: prefetch, onFocus: prefetch, children: [_jsxs("span", { className: "jini-version-item-top", children: [version.current ? _jsx("span", { className: "jini-version-current-badge", children: t('Current') }) : null, _jsx("span", { className: `jini-version-source-badge ${sourceClassName(version)}`, children: sourceLabel(version) }), _jsx("span", { className: "jini-version-time", children: formatDate(version) })] }), _jsx("span", { className: "jini-version-item-title", children: version.prompt || version.label || t('Version {version}', { version: version.version }) }), _jsxs("span", { className: "jini-version-item-meta", children: [t('Version {version}', { version: version.version }), itemRestoredFrom ? (_jsx("span", { className: "jini-version-item-restored", children: t('Restored from v{version}', { version: itemRestoredFrom.version }) })) : null] })] }, version.id));
+                    })) : null] })] }));
 }
 //# sourceMappingURL=VersionSidebar.js.map

package/dist/features/version-manager/react/hooks/usePreviewCanvasSize.js

@@ -16,7 +16,7 @@ export function usePreviewCanvasSize() {
         // dead-branch-gets-refactored-away rule.
         const el = ref.current;
         if (!el)
-            return;
+            return undefined;
         const measure = () => {
             const rect = el.getBoundingClientRect();
             setSize({ width: rect.width, height: rect.height });

package/dist/features/version-manager/react/hooks/useVersionManager.js

@@ -108,10 +108,8 @@ export function useVersionManager(dependencies, options) {
         setVersions(nextVersions);
         const currentVersion = nextVersions.find((version) => version.current);
         seedCurrentVersionContent({ currentVersion, currentContent, contentCache: contentCacheRef.current });
-        const nextSelected = (preferredId ? nextVersions.find((version) => version.id === preferredId) : null) ??
-            currentVersion ??
-            nextVersions[0] ??
-            null;
+        const preferredVersion = preferredId ? nextVersions.find((version) => version.id === preferredId) : null;
+        const nextSelected = preferredVersion ?? currentVersion ?? nextVersions[0] ?? null;
         setSelectedId(nextSelected?.id ?? null);
         setLoading(false);
     }, [port, fileRef, currentContent]);
@@ -125,7 +123,7 @@ export function useVersionManager(dependencies, options) {
         if (!selectedId) {
             setSelectedContent(null);
             setSelectedContentVersionId(null);
-            return;
+            return undefined;
         }
         const cached = contentCacheRef.current.get(selectedId);
         if (cached !== undefined) {
@@ -138,7 +136,7 @@ export function useVersionManager(dependencies, options) {
             else {
                 setError(null);
             }
-            return;
+            return undefined;
         }
         // Cache miss: keep the previous preview mounted (don't clear
         // `selectedContent`) so switching versions never blanks to empty while
@@ -177,7 +175,7 @@ export function useVersionManager(dependencies, options) {
     // is ever missed.
     useEffect(() => {
         if (!previewDocument || loadedPreviewDocument === previewDocument)
-            return;
+            return undefined;
         const fallback = setTimeout(() => setLoadedPreviewDocument(previewDocument), PREVIEW_LOAD_FALLBACK_MS);
         return () => clearTimeout(fallback);
     }, [previewDocument, loadedPreviewDocument]);