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

package/dist/features/panel-kit/fetch-query/adapter.tanstack.js

@@ -70,7 +70,8 @@ async function read({ scope, key, fetch }) {
     const query = scope.client.getQueryCache().find({ queryKey: key, exact: true });
     const history = historyFor({ scope, query });
     const generation = history.replacement;
-    const request = ++history.request;
+    history.request += 1;
+    const request = history.request;
     try {
         const value = await scope.gate.runOnline({ run: fetch });
         if (generation !== history.replacement)
@@ -132,7 +133,7 @@ function useFetchQuery({ key, fetch }, { enabled = true, staleTime = DEFAULT_STA
     }, [scope, refresh, JSON.stringify(key)]);
     useEffect(() => {
         if (!enabled || !refetchOnWindowFocus)
-            return;
+            return undefined;
         return scope.environment.subscribeFocus({ listener: () => {
                 const cached = scope.client.getQueryCache().find({ queryKey: key, exact: true });
                 if (scope.environment.isOnline() && cached?.isStaleByTime(staleTime) && cached.state.fetchStatus !== 'fetching')

package/dist/features/panel-kit/fetch-query/binding.react.js

@@ -7,7 +7,8 @@ function createQueryScopes(_required, _options = {}) {
     return ({ owner }, _optional = {}) => {
         let scope = scopes.get(owner);
         if (scope === undefined) {
-            scope = ++nextScope;
+            nextScope += 1;
+            scope = nextScope;
             scopes.set(owner, scope);
         }
         return scope;

package/dist/features/panel-kit/helpers/standing-draft-recovery-message.js

@@ -9,9 +9,18 @@ function formatSavedAtLocal(iso) {
 export function standingDraftRecoveryMessage({ draft, t, serverUpdatedAt }, { formatSavedAt = formatSavedAtLocal } = {}) {
     const captured = Date.parse(draft.savedAt);
     const server = Date.parse(serverUpdatedAt ?? draft.serverUpdatedAt ?? "");
-    const comparison = server > captured ? "Server content is newer."
-        : server < captured ? "Local changes are newer."
-            : server === captured ? "Both copies have the same timestamp." : "";
-    return `${t("Restore unsaved changes from")} ${formatSavedAt(draft.savedAt)}${comparison ? ` · ${t(comparison)}` : ""}`;
+    const comparison = compareTimestamps(server, captured);
+    const suffix = comparison ? ` · ${t(comparison)}` : "";
+    return `${t("Restore unsaved changes from")} ${formatSavedAt(draft.savedAt)}${suffix}`;
+}
+/** Which copy is newer; empty when either timestamp failed to parse (NaN compares unequal to all). */
+function compareTimestamps(server, captured) {
+    if (server > captured)
+        return "Server content is newer.";
+    if (server < captured)
+        return "Local changes are newer.";
+    if (server === captured)
+        return "Both copies have the same timestamp.";
+    return "";
 }
 //# sourceMappingURL=standing-draft-recovery-message.js.map

package/dist/features/panel-kit/hooks/use-dirty-guard.hooks.js

@@ -13,7 +13,7 @@ export function useDirtyGuard({ current, original }, { translate = (key) => key,
     const isDirty = original !== null && !shallowJsonEqual(current, original);
     useEffect(() => {
         if (!isDirty)
-            return;
+            return undefined;
         function onBeforeUnload(e) {
             e.preventDefault();
             // Both assignments are the standard cross-browser incantation (the returned string is

package/dist/features/panel-kit/hooks/use-focus-trap.hooks.js

@@ -45,7 +45,7 @@ function redirectTarget(container, shiftKey) {
 export function useFocusTrap({ containerRef }, { active = true } = {}) {
     useEffect(() => {
         if (!active)
-            return;
+            return undefined;
         // Captured before anything inside the dialog takes focus, so keyboard users land back on the
         // control they opened it from instead of at the top of the page. An element already inside the
         // container (an autoFocus child committed first) is not the opener, so nothing is restored then.

package/dist/features/panel-kit/hooks/use-settings-slice.hooks.js

@@ -261,9 +261,15 @@ export function useSettingsSlice(options, _optional = {}) {
         // left to paint. The write itself still has to happen — through the same
         // lane as the debounce path, so it diffs against the base that is
         // current when it RUNS, not the one that was current when it was queued.
-        void writes.run({ task: () => runSave().then(() => { }, 
-            // No view remains to show the failure; settings and native errors may contain secrets.
-            () => { console.error('[settings] Final save failed after unmount.'); }) });
+        // No view remains to show the failure; settings and native errors may contain secrets.
+        const reportFinalFailure = () => { console.error('[settings] Final save failed after unmount.'); };
+        const finalSave = async () => { try {
+            await runSave();
+        }
+        catch {
+            reportFinalFailure();
+        } };
+        void writes.run({ task: finalSave });
     }, [runSave, writes]);
     const onChange = useCallback((next) => {
         setValue(next);
@@ -278,14 +284,12 @@ export function useSettingsSlice(options, _optional = {}) {
             // "operator has work in flight" signal, and a handle that never cleared would refuse every
             // external refresh for the rest of the component's life after the first keystroke.
             timer.current = null;
-            const ticket = ++saveTicket.current;
+            saveTicket.current += 1;
+            const ticket = saveTicket.current;
             setSaveState({ status: "saving" });
-            void writes.run({ task: () => commitQueuedSave({ ticket, deps: {
-                        runSave,
-                        currentTicket: () => saveTicket.current,
-                        hasUnsavedEdits: () => hasUnsavedEdits.current,
-                        setSaveState,
-                    } }, {}) });
+            const deps = { runSave, currentTicket: () => saveTicket.current,
+                hasUnsavedEdits: () => hasUnsavedEdits.current, setSaveState };
+            void writes.run({ task: () => commitQueuedSave({ ticket, deps }, {}) });
         }, SAVE_DEBOUNCE_MS);
     }, [runSave, writes]);
     /**

package/dist/features/panel-kit/hooks/use-standing-draft-autosave.hooks.js

@@ -88,7 +88,7 @@ export function useStandingDraftAutosave(deps, _options = {}) {
         minBaseVersionRef.current = null;
         latestDraftRef.current = null;
         if (!enabled || !entryId)
-            return;
+            return undefined;
         let cancelled = false;
         port
             .getAutosave({ id: entryId }, {})
@@ -241,7 +241,7 @@ export function useStandingDraftAutosave(deps, _options = {}) {
     // events (a close fires blur AND pagehide) cost one write, not three.
     useEffect(() => {
         if (!enabled || !entryId)
-            return;
+            return undefined;
         // Wrapped rather than passed straight to `addEventListener`: a listener is called WITH the
         // Event, which would arrive as `flushPendingAutosave`'s `keepalive` argument — a truthy object,
         // so every flush would silently request keepalive whether or not it is an exit.

package/dist/features/progress-card/components/ProgressCard.d.ts

@@ -2,7 +2,7 @@ import type { ProgressCardData } from '../types.js';
 export interface ProgressCardProps {
     data: ProgressCardData;
     /** Caps how many `steps` render before the rest are truncated. Matches
-     *  the source `WorkspaceActivityCard`'s todo-list cap. */
+     *  the source `WorkspaceActivityCard`'s to-do list cap. */
     maxSteps?: number;
     /** Caps how many `secondaryItems` render. Matches the source's
      *  files-touched cap. */

package/dist/features/progress-card/reference-adapters.js

@@ -23,7 +23,7 @@ export function parseTodoWriteInput(input) {
     if (!input || typeof input !== 'object')
         return [];
     const record = input;
-    const rawItems = Array.isArray(record.todos) ? record.todos : Array.isArray(record.plan) ? record.plan : [];
+    const rawItems = [record.todos, record.plan].find(Array.isArray) ?? [];
     return rawItems
         .map((todo) => {
         if (!todo || typeof todo !== 'object')
@@ -91,7 +91,8 @@ function extractFileOpPath(input) {
     if (!input || typeof input !== 'object')
         return null;
     const record = input;
-    const filePath = record.file_path ?? record.filePath ?? record.path ?? record.filename ?? record.target_path ?? record.targetPath;
+    let filePath = record.file_path ?? record.filePath ?? record.path;
+    filePath ??= record.filename ?? record.target_path ?? record.targetPath;
     return typeof filePath === 'string' && filePath.trim() ? filePath : null;
 }
 function basename(path) {
@@ -137,7 +138,9 @@ function fileOpFromAgentEvent({ event, resultByToolUseId }, _options = {}) {
     if (!fullPath)
         return null;
     const result = resultByToolUseId.get(event.id);
-    const status = result === undefined ? 'running' : result.isError ? 'error' : 'done';
+    let status = 'running';
+    if (result !== undefined)
+        status = result.isError ? 'error' : 'done';
     return { fullPath, kind, status };
 }
 export function deriveFileOpsFromAgentEvents(events) {
@@ -155,14 +158,15 @@ export function deriveFileOpsFromAgentEvents(events) {
             if (!existing.ops.includes(entry.kind))
                 existing.ops.push(entry.kind);
             existing.status = mergeFileOpStatus(existing.status, entry.status);
-            continue;
         }
-        byPath.set(entry.fullPath, {
-            path: basename(entry.fullPath),
-            fullPath: entry.fullPath,
-            ops: [entry.kind],
-            status: entry.status,
-        });
+        else {
+            byPath.set(entry.fullPath, {
+                path: basename(entry.fullPath),
+                fullPath: entry.fullPath,
+                ops: [entry.kind],
+                status: entry.status,
+            });
+        }
     }
     return Array.from(byPath.values());
 }
@@ -202,7 +206,7 @@ function fallbackChatActivitySteps(status, fileOps) {
         {
             id: 'read-current-state',
             label: 'Read current state',
-            status: hasRead || hasMutation || status === 'succeeded' ? 'succeeded' : status === 'running' ? 'running' : 'pending',
+            status: fallbackReadStatus({ status, done: hasRead || hasMutation }),
         },
         {
             id: 'update-files',
@@ -212,10 +216,15 @@ function fallbackChatActivitySteps(status, fileOps) {
         {
             id: 'finalize',
             label: 'Finalize',
-            status: status === 'succeeded' ? 'succeeded' : status === 'failed' ? 'failed' : 'pending',
+            status: status === 'succeeded' || status === 'failed' ? status : 'pending',
         },
     ];
 }
+function fallbackReadStatus({ status, done }) {
+    if (done || status === 'succeeded')
+        return 'succeeded';
+    return status === 'running' ? 'running' : 'pending';
+}
 function fallbackUpdateStatus({ status, fileOps, hasError, hasMutation }, _options = {}) {
     if (hasError)
         return 'failed';
@@ -242,7 +251,8 @@ export function chatActivityToProgressCard(message, options) {
     const fileOps = deriveFileOpsFromAgentEvents(events);
     const status = chatActivityStatus(message, options.active);
     const statusDetail = latestStatusDetailFromAgentEvents(events);
-    const hasActivity = options.active || todos.length > 0 || fileOps.length > 0 || statusDetail !== null || status === 'failed';
+    const hasSteps = todos.length > 0 || fileOps.length > 0;
+    const hasActivity = options.active || hasSteps || statusDetail !== null || status === 'failed';
     if (!hasActivity)
         return null;
     const steps = chatActivitySteps({ todos, status, fileOps });

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

@@ -14,7 +14,6 @@ export declare function progressCardStatusLabel(status: ProgressStatus): string;
  *  generic — the source cards' actual default copy is branded product voice,
  *  not part of the generic component (see `packages/ui/archived provenance ledger`). */
 export declare function defaultProgressCardTitle(status: ProgressStatus): string;
-/** Neutral fallback detail line used when a host doesn't supply one. */
 export declare function defaultProgressCardDetail(status: ProgressStatus): string;
 export declare function clampProgressPercent(value: number): number;
 /** CSS width percentage for the progress bar fill, or `null` for an

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

@@ -15,17 +15,14 @@ export function progressCardStatusIcon(status) {
 export function progressCardItemIcon(status) {
     return status === 'succeeded' ? 'check' : null;
 }
+const STATUS_LABELS = {
+    pending: 'Queued',
+    running: 'Running',
+    succeeded: 'Complete',
+    failed: 'Needs attention',
+};
 export function progressCardStatusLabel(status) {
-    switch (status) {
-        case 'pending':
-            return 'Queued';
-        case 'running':
-            return 'Running';
-        case 'succeeded':
-            return 'Complete';
-        case 'failed':
-            return 'Needs attention';
-    }
+    return STATUS_LABELS[status];
 }
 /** Neutral fallback title used when a host doesn't supply one. Deliberately
  *  generic — the source cards' actual default copy is branded product voice,
@@ -34,17 +31,14 @@ export function defaultProgressCardTitle(status) {
     return progressCardStatusLabel(status);
 }
 /** Neutral fallback detail line used when a host doesn't supply one. */
+const DEFAULT_DETAILS = {
+    pending: 'Waiting to start.',
+    running: 'In progress.',
+    succeeded: 'Completed.',
+    failed: 'Needs attention.',
+};
 export function defaultProgressCardDetail(status) {
-    switch (status) {
-        case 'pending':
-            return 'Waiting to start.';
-        case 'running':
-            return 'In progress.';
-        case 'succeeded':
-            return 'Completed.';
-        case 'failed':
-            return 'Needs attention.';
-    }
+    return DEFAULT_DETAILS[status];
 }
 export function clampProgressPercent(value) {
     if (!Number.isFinite(value))

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;