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

package/dist/browser/useDismissOnOutsideOrEscape.js

@@ -39,7 +39,7 @@ export function useDismissOnOutsideOrEscape({ onDismiss }, options = {}) {
     }, [onDismiss]);
     useEffect(() => {
         if (!enabled)
-            return;
+            return undefined;
         return subscription.subscribe({ containerRef, onDismiss: () => onDismissRef.current() });
     }, [enabled, containerRef, subscription]);
 }

package/dist/browser/useGlobalKeydown.js

@@ -36,11 +36,11 @@ export function useGlobalKeydown({ handler }, options = {}) {
     }, [handler]);
     useEffect(() => {
         if (!enabled)
-            return;
+            return undefined;
         const eventTarget = resolveTarget({ target });
         // A host may intentionally provide no target while its surface is detached.
         if (typeof eventTarget === 'undefined')
-            return;
+            return undefined;
         function onKeyDown(event) {
             handlerRef.current(event);
         }

package/dist/browser/useModalWindowDragGuard.js

@@ -32,7 +32,7 @@ export function useModalWindowDragGuard(options) {
     const { backdropSelector, enabled = true } = options;
     useEffect(() => {
         if (!enabled)
-            return;
+            return undefined;
         const stopBackdropDismissInDragStrip = (event) => {
             if (eventHitsModalWindowDragStrip(event, backdropSelector)) {
                 event.stopPropagation();

package/dist/core/theme/css-name.d.ts

@@ -0,0 +1,3 @@
+/** `camelCase` theme key → `kebab-case` CSS custom-property segment (`surfaceMuted` → `surface-muted`). */
+export declare function kebabThemeKey(key: string): string;
+//# sourceMappingURL=css-name.d.ts.map

package/dist/core/theme/css-name.js

@@ -0,0 +1,5 @@
+/** `camelCase` theme key → `kebab-case` CSS custom-property segment (`surfaceMuted` → `surface-muted`). */
+export function kebabThemeKey(key) {
+    return key.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
+}
+//# sourceMappingURL=css-name.js.map

package/dist/core/theme/stylesheet.js

@@ -1,5 +1,6 @@
 import { adminThemeColorKeys, validateAdminTheme } from './validation.js';
 import { defaultAdminTheme } from './default.js';
+import { kebabThemeKey } from './css-name.js';
 /** Internal document adapter: isolated previews cannot inherit the admin's stylesheet. */
 export function renderAdminThemeVariables({ theme }, { colorScheme = 'light' } = {}) {
     if (colorScheme !== 'light' && colorScheme !== 'dark')
@@ -7,7 +8,7 @@ export function renderAdminThemeVariables({ theme }, { colorScheme = 'light' } =
     const checked = validateAdminTheme({ theme });
     if (!checked.valid)
         throw new TypeError(checked.errors.join('; '));
-    const values = adminThemeColorKeys.map((key) => `--jini-${key.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)}:${theme[colorScheme][key]};`);
+    const values = adminThemeColorKeys.map((key) => `--jini-${kebabThemeKey(key)}:${theme[colorScheme][key]};`);
     values.push(`--jini-font-body:${theme.fonts.body};`, `--jini-font-heading:${theme.fonts.heading};`, `--jini-font-mono:${theme.fonts.mono ?? defaultAdminTheme.fonts.mono};`, `--jini-radius:${theme.radius ?? defaultAdminTheme.radius};`);
     return `:root{color-scheme:${colorScheme};${values.join('')}}`;
 }

package/dist/core/theme/validation.js

@@ -1,7 +1,10 @@
 export const adminThemeColorKeys = ['primary', 'primaryInk', 'bg', 'surface', 'text', 'muted', 'border', 'danger', 'success', 'warning'];
 const record = (value) => typeof value === 'object' && value !== null && !Array.isArray(value);
-const safeValue = (value) => typeof value === 'string' && value.trim().length > 0
-    && value.length <= 512 && !/[;{}\x00-\x1f<>\\]/.test(value) && !/url\s*\(|\/\*|\*\//i.test(value);
+const safeValue = (value) => {
+    if (typeof value !== 'string' || value.trim().length === 0 || value.length > 512)
+        return false;
+    return !/[;{}\x00-\x1f<>\\]/.test(value) && !/url\s*\(|\/\*|\*\//i.test(value);
+};
 // Concrete palette values, deliberately excluding dependent var()/url() expressions.
 const component = '(?:[+-]?(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:%|deg|rad|grad|turn)?|none)';
 const components = new RegExp(`^(?:rgb|rgba|hsl|hsla|oklch|oklab|lab|lch)\\(\\s*${component}(?:\\s*,\\s*|\\s+)${component}(?:\\s*,\\s*|\\s+)${component}(?:(?:\\s*[,/]\\s*)${component})?\\s*\\)$`, 'i');
@@ -9,7 +12,11 @@ const colorValue = (value) => safeValue(value)
     && (/^#[\da-f]{3}(?:[\da-f]|[\da-f]{3}|[\da-f]{5})?$/i.test(value)
         || components.test(value)
         || /^(?:transparent|black|white|red|green|blue|gray|grey)$/i.test(value));
-const fontStacksValid = ({ fonts }) => record(fonts) && safeValue(fonts.body) && safeValue(fonts.heading) && (fonts.mono === undefined || safeValue(fonts.mono));
+const fontStacksValid = ({ fonts }) => {
+    if (!record(fonts) || !safeValue(fonts.body) || !safeValue(fonts.heading))
+        return false;
+    return fonts.mono === undefined || safeValue(fonts.mono);
+};
 const stylesheetUrlValid = ({ url }) => {
     if (typeof url !== 'string' || url.length > 4096 || /[\x00-\x20<>]/.test(url))
         return false;
@@ -39,7 +46,11 @@ function paletteErrors({ scheme, colors }) {
     return [...invalid, ...unknown];
 }
 const radiusValid = ({ radius }) => radius === undefined || (typeof radius === 'string' && /^(?:0|\d+(?:\.\d+)?(?:px|rem|em))$/.test(radius));
-const densityValid = ({ density }) => density === undefined || (typeof density === 'number' && Number.isFinite(density) && density >= 0.5 && density <= 2);
+const densityValid = ({ density }) => {
+    if (density === undefined)
+        return true;
+    return typeof density === 'number' && Number.isFinite(density) && density >= 0.5 && density <= 2;
+};
 /** Validate serializable theme data before any DOM or font-loading effect. */
 export function validateAdminTheme({ theme }) {
     if (!record(theme))

package/dist/features/about/rules.js

@@ -92,9 +92,10 @@ function deriveDownloaded(model) {
         };
     }
     const installable = canInstall(model);
+    const installLabelKey = payload ? K.installRestart : K.installNow;
     return {
         primaryAction: installable ? 'install' : null,
-        primaryLabelKey: installable ? (payload ? K.installRestart : K.installNow) : null,
+        primaryLabelKey: installable ? installLabelKey : null,
         showReleaseLink: true,
         statusKey: model.availableVersion ? K.ready : K.readyUnknown,
         statusTone: 'success',

package/dist/features/admin-widgets/components/InfoTip.hooks.js

@@ -7,9 +7,9 @@ import { placeInfoTipBubble } from "./InfoTip.rules.js";
 export const TIP_BOUNDS_ATTRIBUTE = "data-jini-tip-bounds";
 /** How long a tap-opened tip stays up on its own; touch has no pointer-leave to close it. */
 export const TAP_TIP_MS = 2500;
-/** The close of the one tip open app-wide. A pinned or focused tip used to stay up beside the one
- * the pointer had just reached (owner, 2026-10-25: two "Soon" tips open at once). */
-let closeOpenTip = null;
+/** A pinned or focused tip used to stay up beside the one the pointer had just reached
+ * (owner, 2026-10-25: two "Soon" tips open at once). Each claim owns its document listener. */
+const OPEN_TIP_EVENT = "jini:claim-open-tip";
 /**
  * Makes `close` the one open tip, closing whichever tip held that slot before. Hosts with their own
  * tip state (e.g. a dock-header tip) can call it too, to join the same one-open rule.
@@ -18,13 +18,23 @@ let closeOpenTip = null;
  * @complexity O(1).
  */
 export function claimOpenTip(close) {
-    if (closeOpenTip && closeOpenTip !== close)
-        closeOpenTip();
-    closeOpenTip = close;
-    return () => {
-        if (closeOpenTip === close)
-            closeOpenTip = null;
+    const target = document;
+    const claim = { close };
+    const release = () => target.removeEventListener(OPEN_TIP_EVENT, onClaim);
+    const onClaim = (event) => {
+        const next = event.detail;
+        if (next.close === close) {
+            next.release = release;
+            return;
+        }
+        release();
+        close();
     };
+    target.dispatchEvent(new CustomEvent(OPEN_TIP_EVENT, { detail: claim }));
+    if (claim.release)
+        return claim.release;
+    target.addEventListener(OPEN_TIP_EVENT, onClaim);
+    return release;
 }
 /** Prefer a host's placement when the measured bubble fits; default preserves automatic flipping.
  * @complexity Time/space: O(1), with one icon and one bubble measurement.
@@ -93,7 +103,7 @@ export function useInfoTip(_input = {}, { placement: preferredPlacement } = {})
     };
     useEffect(() => {
         if (!open)
-            return;
+            return undefined;
         return claimOpenTip(hide);
     }, [open]);
     // A tapped-open tip stays up until the operator taps elsewhere or it times out; the bubble
@@ -101,7 +111,7 @@ export function useInfoTip(_input = {}, { placement: preferredPlacement } = {})
     useDismissOnOutsideOrEscape({ onDismiss: hide }, { enabled: pinned !== false, containerRef: iconRef });
     useEffect(() => {
         if (pinned !== "tap")
-            return;
+            return undefined;
         const timer = setTimeout(hide, TAP_TIP_MS);
         return () => clearTimeout(timer);
     }, [pinned]);
@@ -111,7 +121,7 @@ export function useInfoTip(_input = {}, { placement: preferredPlacement } = {})
     // leaves it be. A resize re-measures instead, so it keeps following its icon.
     useEffect(() => {
         if (!open)
-            return;
+            return undefined;
         const closeIfMoved = (e) => {
             const icon = iconRef.current;
             if (icon && e.target instanceof Node && !e.target.contains(icon))

package/dist/features/admin-widgets/components/Lightbox/Lightbox.hooks.js

@@ -89,7 +89,7 @@ export function useLightbox(input) {
     useEffect(() => {
         const dialog = dialogRef.current;
         if (!dialog || !input.open)
-            return;
+            return undefined;
         const onKey = (event) => {
             if (event.key !== "ArrowLeft" && event.key !== "ArrowRight")
                 return;

package/dist/features/admin-widgets/components/ScrollJump/ScrollJump.hooks.js

@@ -13,7 +13,7 @@ export function useScrollJump({ container }, { reducedMotion = prefersReducedMot
     const [visibility, setVisibility] = useState(HIDDEN);
     useEffect(() => {
         if (!container)
-            return;
+            return undefined;
         // Same-value updates keep the previous object so a scroll that changes nothing does not re-render.
         const update = () => setVisibility((previous) => {
             const next = scrollJumpVisibility(container);

package/dist/features/admin-widgets/components/SeeMore/SeeMore.hooks.js

@@ -39,7 +39,7 @@ export function useSeeMoreClamp({ lines, children }) {
     }, [expanded, lineCount, children, measure]);
     useEffect(() => {
         if (expanded)
-            return;
+            return undefined;
         const el = textRef.current;
         // Guarded rather than assumed, the same way `Select.tsx` guards `elementFromPoint` and
         // `scrollIntoView`: this app's jsdom test harness implements no `ResizeObserver` at all, so an
@@ -47,7 +47,7 @@ export function useSeeMoreClamp({ lines, children }) {
         // Where it is missing, the layout effect above still measures on mount and on content change —
         // only reflow-from-width-change goes unnoticed, which jsdom has no layout engine to produce.
         if (!el || typeof ResizeObserver !== "function")
-            return;
+            return undefined;
         const observer = new ResizeObserver(() => measure());
         observer.observe(el);
         return () => observer.disconnect();

package/dist/features/admin-widgets/components/SeeMore/SeeMore.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { agentHandle } from "@jini-ai/agentic";
 import { useSeeMoreClamp } from "./SeeMore.hooks.js";
+import { withClassName } from "../../../../utils/class-names.js";
 const DEFAULT_LINES = 2;
 // Presentation depends only on props and expanded state, so this decision needs no React render.
 export function resolveSeeMoreView({ expanded, }, { moreLabel = "See more", lessLabel = "See less", className, textClassName, toggleClassName, } = {}) {
     return {
         wrapperClassName: className ? `see-more ${className}` : "see-more",
-        textClassName: `see-more-text${expanded ? " is-expanded" : ""}${textClassName ? ` ${textClassName}` : ""}`,
+        textClassName: withClassName(expanded ? "see-more-text is-expanded" : "see-more-text", textClassName),
         toggleClassName: toggleClassName ? `see-more-toggle ${toggleClassName}` : "see-more-toggle",
         toggleLabel: expanded ? lessLabel : moreLabel,
     };
@@ -16,9 +17,10 @@ export function SeeMore({ useClamp = useSeeMoreClamp, agentHandle: handle, ...pr
     const { children, lines = DEFAULT_LINES, moreLabel, lessLabel, className, textClassName, toggleClassName, toggleAriaLabel } = props;
     const { expanded, setExpanded, overflows, textRef, regionId, lineCount } = useClamp({ lines, children });
     const view = resolveSeeMoreView({ expanded }, { moreLabel, lessLabel, className, textClassName, toggleClassName });
+    const toggleHandleProps = handle ? agentHandle({ handle: handle }, { role: "button", label: toggleAriaLabel ?? view.toggleLabel }) : {};
     return (_jsxs("div", { className: view.wrapperClassName, children: [_jsx("div", { ref: textRef, id: regionId, className: view.textClassName, 
                 // The line count rides a custom property rather than a class-per-N (`.see-more-text--3`),
                 // so `lines` can be any integer a caller needs without this file growing a rule for each.
-                style: { "--see-more-lines": lineCount }, children: children }), overflows ? (_jsx("button", { type: "button", className: view.toggleClassName, "aria-expanded": expanded, "aria-controls": regionId, "aria-label": toggleAriaLabel, onClick: () => setExpanded((current) => !current), ...(handle ? agentHandle({ handle: handle }, { role: "button", label: toggleAriaLabel ?? view.toggleLabel }) : {}), children: view.toggleLabel })) : null] }));
+                style: { "--see-more-lines": lineCount }, children: children }), overflows ? (_jsx("button", { type: "button", className: view.toggleClassName, "aria-expanded": expanded, "aria-controls": regionId, "aria-label": toggleAriaLabel, onClick: () => setExpanded((current) => !current), ...toggleHandleProps, children: view.toggleLabel })) : null] }));
 }
 //# sourceMappingURL=SeeMore.js.map

package/dist/features/admin-widgets/components/Select/Select.hooks.js

@@ -149,7 +149,8 @@ export function useSelectDropdown({ value, onChange, options, }, { disabled } =
         const initialIndex = options.findIndex((o) => o.value === value);
         setQuery("");
         popover.openPanel();
-        setHighlightedIndex(initialIndex >= 0 ? initialIndex : options.length ? 0 : -1);
+        const firstIndex = options.length ? 0 : -1;
+        setHighlightedIndex(initialIndex >= 0 ? initialIndex : firstIndex);
     }
     function selectOption(option) {
         onChange(option.value);

package/dist/features/admin-widgets/components/Select/Select.js

@@ -9,7 +9,8 @@ function SelectOptionRow({ option, index, isSelected, isHighlighted, optionId, s
     return (_jsxs("li", { ref: (el) => setOptionRef(index, el), id: optionId, role: "option", "aria-selected": isSelected, className: `select-option${isSelected ? " is-selected" : ""}${isHighlighted ? " is-highlighted" : ""}`, onMouseEnter: () => onHighlight(index), onClick: () => onSelect(option), ...(optionHandle ? agentHandle({ handle: optionHandle }, { role: "button", label: option.label }) : {}), children: [_jsx("span", { className: "select-option-label", children: option.label }), option.detail ? _jsx("span", { className: "select-option-detail", children: option.detail }) : null, option.badge ? _jsx("span", { className: "select-option-badge", children: option.badge }) : null, isSelected ? (_jsx("svg", { className: "select-option-check", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3.5 8.5 6.5 11.5 12.5 4.5", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) })) : null] }));
 }
 function SelectPanel({ panelRef, position, showSearch, searchInputRef, query, setQuery, filtered, value, highlightedIndex, listboxId, optionId, setOptionRef, onHighlight, onSelect, onKeyDown, searchHandle, optionHandles, t, }) {
-    return (_jsxs("div", { ref: panelRef, className: "select-panel", style: { left: position.left, width: position.width, top: position.top, bottom: position.bottom, maxHeight: position.maxHeight }, tabIndex: -1, onKeyDown: onKeyDown, children: [showSearch ? (_jsx("input", { ref: searchInputRef, type: "text", className: "select-search", "aria-label": t("Search options"), placeholder: t("Search…"), value: query, onChange: (e) => setQuery(e.target.value), ...(searchHandle ? agentHandle({ handle: searchHandle }, { role: "field", label: "Search the option list" }) : {}) })) : null, _jsx("ul", { className: "select-list", role: "listbox", id: listboxId, children: filtered.length === 0 ? (_jsx("li", { className: "select-empty", role: "presentation", children: t("No matches") })) : (filtered.map((option, index) => (_jsxs(Fragment, { children: [groupHeadingAt({ options: filtered, index }) ? (_jsx("li", { className: "select-group-label", role: "presentation", children: option.group })) : null, _jsx(SelectOptionRow, { option: option, index: index, isSelected: option.value === value, isHighlighted: index === highlightedIndex, optionId: optionId(index), setOptionRef: setOptionRef, onHighlight: onHighlight, onSelect: onSelect, agentHandle: optionHandles?.[index] })] }, option.value)))) })] }));
+    const searchHandleProps = searchHandle ? agentHandle({ handle: searchHandle }, { role: "field", label: "Search the option list" }) : {};
+    return (_jsxs("div", { ref: panelRef, className: "select-panel", style: { left: position.left, width: position.width, top: position.top, bottom: position.bottom, maxHeight: position.maxHeight }, tabIndex: -1, onKeyDown: onKeyDown, children: [showSearch ? (_jsx("input", { ref: searchInputRef, type: "text", className: "select-search", "aria-label": t("Search options"), placeholder: t("Search…"), value: query, onChange: (e) => setQuery(e.target.value), ...searchHandleProps })) : null, _jsx("ul", { className: "select-list", role: "listbox", id: listboxId, children: filtered.length === 0 ? (_jsx("li", { className: "select-empty", role: "presentation", children: t("No matches") })) : (filtered.map((option, index) => (_jsxs(Fragment, { children: [groupHeadingAt({ options: filtered, index }) ? (_jsx("li", { className: "select-group-label", role: "presentation", children: option.group })) : null, _jsx(SelectOptionRow, { option: option, index: index, isSelected: option.value === value, isHighlighted: index === highlightedIndex, optionId: optionId(index), setOptionRef: setOptionRef, onHighlight: onHighlight, onSelect: onSelect, agentHandle: optionHandles?.[index] })] }, option.value)))) })] }));
 }
 export function resolveSelectTriggerLabel({ selectedOption, placeholder }, { t = (key) => key } = {}) {
     if (selectedOption)

package/dist/features/admin-widgets/components/SuggestInput/SuggestInput.js

@@ -9,8 +9,10 @@ export function SuggestInput({ value, onValueChange, suggestions, onPick, onKeyD
     const listId = useId();
     const optionId = (index) => `${listId}-opt-${index}`;
     return (_jsxs("span", { className: className ? `jini-suggest-input ${className}` : 'jini-suggest-input', children: [_jsx("input", { type: "text", role: "combobox", "aria-autocomplete": "list", "aria-expanded": vm.open, "aria-controls": listId, "aria-activedescendant": vm.open && vm.highlighted >= 0 ? optionId(vm.highlighted) : undefined, "aria-label": rest['aria-label'], placeholder: placeholder, disabled: disabled, value: value, autoComplete: "off", onChange: (event) => { onValueChange(event.target.value); vm.openList(); }, onFocus: vm.openList, onBlur: vm.closeList, onKeyDown: (event) => {
-                    if (event.nativeEvent.isComposing)
-                        return onKeyDown?.(event);
+                    if (event.nativeEvent.isComposing) {
+                        onKeyDown?.(event);
+                        return;
+                    }
                     const result = vm.handleKey(event.key);
                     if (result.consumed) {
                         event.preventDefault();

package/dist/features/admin-widgets/components/useDebouncedHtmlPreview.hooks.js

@@ -14,11 +14,12 @@ export function useDebouncedHtmlPreview({ source, render }, { revision = '', del
     useEffect(() => {
         let current = true;
         const controller = new AbortController();
+        const fail = () => { if (current)
+            setState(previous => ({ ...previous, error: 'Preview unavailable.', settled: key })); };
         const timer = setTimeout(() => {
             // Promise.resolve also maps a synchronously throwing host adapter to the error state.
             void Promise.resolve().then(() => render({ source }, { signal: controller.signal })).then(document => { if (current)
-                setState({ document, error: null, settled: key }); }, () => { if (current)
-                setState(previous => ({ ...previous, error: 'Preview unavailable.', settled: key })); });
+                setState({ document, error: null, settled: key }); }, fail);
         }, delayMs);
         return () => { current = false; clearTimeout(timer); controller.abort(); };
     }, [key, source, render, delayMs]);

package/dist/features/asset-grid/react/components/AssetGrid.js

@@ -21,6 +21,9 @@ function renderGridContent({ loading, emptyState, t, ...bodyProps }, _options =
         return emptyState ?? _jsx("div", { className: "asset-grid-empty", children: t('No assets yet.') });
     return _jsx(AssetGridBody, { ...bodyProps });
 }
+function withoutAssetIds({ assets, ids }, _options = {}) {
+    return assets.filter(asset => !ids.has(asset.id));
+}
 /**
  * A live-updating, filterable, multi-selectable asset grid — the generic
  * pattern behind a photo library / DAM. See `packages/ui/source-map.md` for
@@ -102,9 +105,10 @@ export function AssetGrid({ active = true, selectors, dependencies, kindFacets:
         const ids = [...selectedIds];
         if (!ids.length)
             return;
+        const idSet = new Set(ids);
+        const removeDeleted = (prev) => withoutAssetIds({ assets: prev, ids: idSet });
         await runDelete(onDeleteSelected ? (batch) => onDeleteSelected([...batch]) : null, ids, () => {
-            const idSet = new Set(ids);
-            setAssets((prev) => prev.filter((a) => !idSet.has(a.id)));
+            setAssets(removeDeleted);
             setSelectedIds(new Set());
         });
     }, [selectedIds, onDeleteSelected, setAssets, setSelectedIds, runDelete]);
@@ -113,8 +117,9 @@ export function AssetGrid({ active = true, selectors, dependencies, kindFacets:
     // here (the old inline `onDeleteAsset ? … : null` could never see `null` from a rendered card).
     const handleDeleteAsset = useMemo(() => onDeleteAsset
         ? async (id) => {
+            const removeDeleted = (prev) => withoutAssetIds({ assets: prev, ids: new Set([id]) });
             await runDelete((batch) => onDeleteAsset(batch[0]), [id], () => {
-                setAssets((prev) => prev.filter((a) => a.id !== id));
+                setAssets(removeDeleted);
             });
         }
         : undefined, [onDeleteAsset, setAssets, runDelete]);

package/dist/features/asset-grid/react/hooks/useAssetGridKeyboardShortcuts.js

@@ -6,13 +6,14 @@ function handleSelectionKey({ event, typing, hasSelection, isPreviewOpen, onClea
             return; // the preview surface owns Escape while it's open
         if (hasSelection)
             onClearSelection();
+        return;
     }
-    else if (event.key === 'Delete' || event.key === 'Backspace') {
-        if (typing || isPreviewOpen || !hasSelection)
-            return;
-        event.preventDefault();
-        onRequestDeleteSelected();
-    }
+    if (event.key !== 'Delete' && event.key !== 'Backspace')
+        return;
+    if (typing || isPreviewOpen || !hasSelection)
+        return;
+    event.preventDefault();
+    onRequestDeleteSelected();
 }
 /** Cmd/Ctrl+A select-all, Escape clear-selection, Delete/Backspace triggers the bulk-delete confirm flow. */
 export function useAssetGridKeyboardShortcuts(params) {

package/dist/features/asset-grid/react/hooks/useAssetGridLiveUpdates.js

@@ -46,7 +46,7 @@ export function useAssetGridLiveUpdates(params) {
     }, [fetchAssetById]);
     useEffect(() => {
         if (!active || !liveUpdates)
-            return;
+            return undefined;
         let disposed = false;
         let timer = null;
         const pendingIngest = new Set();
@@ -110,6 +110,12 @@ export function useAssetGridLiveUpdates(params) {
          */
         let flushing = false;
         let rerun = false;
+        const reportFlushFailure = () => {
+            if (!disposed) {
+                pendingFull = true;
+                console.error('[asset-grid] Live update failed.');
+            }
+        };
         const flush = async () => {
             timer = null;
             if (flushing) {
@@ -120,15 +126,7 @@ export function useAssetGridLiveUpdates(params) {
             try {
                 do {
                     rerun = false;
-                    try {
-                        await runFlushPass();
-                    }
-                    catch {
-                        if (!disposed) {
-                            pendingFull = true;
-                            console.error('[asset-grid] Live update failed.');
-                        }
-                    }
+                    await runFlushPass().catch(reportFlushFailure);
                 } while (rerun && !disposed);
             }
             finally {

package/dist/features/asset-grid/react/hooks/useRubberBandDrag.js

@@ -36,7 +36,7 @@ export function useRubberBandDrag({ containerRef, selectedIds, setSelectedIds, }
     }, [selectedIds, containerRef]);
     useEffect(() => {
         if (!dragging)
-            return;
+            return undefined;
         let raf = 0;
         // `dragging` only ever flips true inside `onMouseDown` above, which sets
         // `dragRef.current` synchronously in that same callback before calling

package/dist/features/asset-tree-browser/react/components/AssetTreeFileRow.js

@@ -48,16 +48,14 @@ export function AssetTreeFileRow({ path, displayName, active, selected, kindLabe
                             return;
                         onCommitRename();
                     }, onKeyDown: (event) => {
-                        if (event.key === 'Enter') {
-                            event.preventDefault();
-                            event.currentTarget.dataset.skipRenameCommit = '1';
+                        if (event.key !== 'Enter' && event.key !== 'Escape')
+                            return;
+                        event.preventDefault();
+                        event.currentTarget.dataset.skipRenameCommit = '1';
+                        if (event.key === 'Enter')
                             onCommitRename();
-                        }
-                        else if (event.key === 'Escape') {
-                            event.preventDefault();
-                            event.currentTarget.dataset.skipRenameCommit = '1';
+                        else
                             onCancelRename();
-                        }
                     } })) : (_jsx("button", { type: "button", className: "asset-tree-row-name-btn", onClick: () => onSelectPreview(path), onDoubleClick: () => onOpen(path), onKeyDown: handleNameKeyDown, children: _jsxs("span", { className: "asset-tree-row-name-wrap", children: [_jsx("span", { className: "asset-tree-row-name", title: displayName, children: displayName }), _jsx("span", { className: "asset-tree-row-sub", children: kindLabel })] }) })) }), _jsx("span", { className: "asset-tree-row-size", onClick: () => onSelectPreview(path), onDoubleClick: () => onOpen(path), children: humanBytes(size) }), _jsx("span", { className: "asset-tree-row-time", onClick: () => onSelectPreview(path), onDoubleClick: () => onOpen(path), children: timeLabel }), _jsx("span", { "data-testid": `asset-tree-file-menu-${path}`, className: "asset-tree-row-menu", role: "button", tabIndex: 0, "aria-label": t('Row actions for {name}', { name: displayName }), onClick: handleMenuTrigger, onKeyDown: (event) => {
                     if (event.key === 'Enter' || event.key === ' ') {
                         event.preventDefault();

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeRowMenu.js

@@ -16,7 +16,7 @@ export function useAssetTreeRowMenu(dom) {
     const closeMenu = useCallback(() => setMenuPos(null), []);
     useEffect(() => {
         if (!menuPos)
-            return;
+            return undefined;
         return dom.subscribeOutsideDismiss(containerRef, closeMenu);
     }, [menuPos, dom, closeMenu]);
     return { menuPos, containerRef, openMenuFor, closeMenu };

package/dist/features/asset-tree-browser/rules.js

@@ -67,9 +67,7 @@ function collectFileChildren(input) {
 function collectFolderChildren(input) {
     for (const folder of input.folders) {
         const segment = childSegment(folder.path, input.prefix);
-        if (!segment)
-            continue;
-        if (!segment.nested && !segment.head)
+        if (!segment || (!segment.nested && !segment.head))
             continue; // the current directory itself
         input.dirs.add(segment.head);
     }

package/dist/features/browser-chrome/rules.js

@@ -1,4 +1,5 @@
 import { DEFAULT_HOME_NAVIGATION_ENTRY, EMPTY_URL, HISTORY_LIMIT } from './constants.js';
+import { trimTrailingChars } from '../../utils/trim-chars.js';
 function escapeRegExp(value) {
     return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 }
@@ -46,7 +47,7 @@ export function formatAddressDisplayParts(url, title, homeLabel = DEFAULT_HOME_N
     const fallback = labelFromUrl(url, homeLabel);
     if (cleanTitle === fallback || cleanTitle === url)
         return { url };
-    return { url: url.replace(/\/+$/, ''), title: cleanTitle };
+    return { url: trimTrailingChars(url, '/'), title: cleanTitle };
 }
 export function formatAddressDisplay(url, title, homeLabel = DEFAULT_HOME_NAVIGATION_ENTRY.title) {
     const parts = formatAddressDisplayParts(url, title, homeLabel);
@@ -81,7 +82,7 @@ export function isHistoryUrl(url) {
     return url !== EMPTY_URL && (isHttpLikeUrl(url) || /^file:\/\//i.test(url));
 }
 export function sameUrl(left, right) {
-    return left.replace(/\/+$/, '') === right.replace(/\/+$/, '');
+    return trimTrailingChars(left, '/') === trimTrailingChars(right, '/');
 }
 function cleanIconUrl(url) {
     const value = url?.trim();
@@ -98,11 +99,11 @@ export function isHistoryEntry(value) {
     if (typeof value !== 'object' || value == null || Array.isArray(value))
         return false;
     const record = value;
-    return (typeof record.url === 'string'
-        && typeof record.title === 'string'
-        && typeof record.lastVisitedAt === 'number'
-        && typeof record.visitCount === 'number'
-        && (record.iconUrl === undefined || typeof record.iconUrl === 'string'));
+    if (typeof record.url !== 'string' || typeof record.title !== 'string')
+        return false;
+    if (typeof record.lastVisitedAt !== 'number' || typeof record.visitCount !== 'number')
+        return false;
+    return record.iconUrl === undefined || typeof record.iconUrl === 'string';
 }
 /** Namespace + scope key -> storage key. Namespace defaults to a generic Jini prefix (see `constants.ts`); scope key is host-supplied (e.g. a project or tab id). */
 export function historyStorageKey(namespace, scopeKey) {
@@ -234,7 +235,8 @@ function navigationTitle({ url }, { title, homeLabel }) {
 function findRejoinTarget({ state, url }, { replacePendingTarget, pendingTarget }) {
     const { navigationStack: stack, navigationIndex: index } = state;
     const current = stack[index];
-    if (current && (sameUrl(current.url, url) || (replacePendingTarget && pendingTarget && sameUrl(current.url, pendingTarget)))) {
+    const replacingCurrent = current && replacePendingTarget && pendingTarget && sameUrl(current.url, pendingTarget);
+    if (current && (sameUrl(current.url, url) || replacingCurrent)) {
         return { index, entry: current };
     }
     return [index - 1, index + 1]

package/dist/features/charts/browser.js

@@ -111,7 +111,8 @@ export function mountChart({ element, spec, registry }, options = {}) {
         async update({ spec: nextSpec, theme = input.theme }, _options = {}) {
             if (destroyed)
                 return;
-            const updateRevision = ++revision;
+            revision += 1;
+            const updateRevision = revision;
             input = { spec: nextSpec, theme };
             showData();
             const preferred = candidates()[0];

package/dist/features/charts/react.js

@@ -34,9 +34,11 @@ export function ChartHost({ spec, registry, theme = DEFAULT_CHART_THEME, sitePro
 /** Known wire kinds use the established shapes. Other providers register spec-based entries without
  * adding fields or kinds to the core grammar. This closure is built once per host snapshot.
  */
+/** Wire kinds that predate spec-based entries and keep their established prop shapes. */
+const LEGACY_CHART_KINDS = ['bar', 'line', 'pie'];
 function chartComponent(kind, providers, options) {
     return function RegisteredChart(props) {
-        const legacyKind = kind === 'bar' ? 'bar' : kind === 'line' ? 'line' : kind === 'pie' ? 'pie' : undefined;
+        const legacyKind = LEGACY_CHART_KINDS.find((legacy) => legacy === kind);
         const spec = legacyKind ? legacyChartSpec({ kind: legacyKind, props }) : chartSpecSchema.parse(props.spec);
         return _jsx(ChartHost, { spec: spec, registry: providers, ...options });
     };

package/dist/features/connectors/ConnectorsBrowser.js

@@ -67,6 +67,8 @@ export function ConnectorsBrowser({ unlocked, providerTabs = DEFAULT_PROVIDER_TA
         onCancelAuthorization: (connectorId) => void authorization.cancelAuthorization(connectorId),
         onOpenExternalUrl: (url) => void deps.data.openExternalUrl(url),
     };
-    return (_jsxs("div", { className: "tab-panel connectors-panel connectors-panel-embedded", children: [_jsxs("div", { className: "tab-panel-toolbar", children: [_jsx("div", { className: "toolbar-left connectors-heading", children: _jsxs("div", { children: [_jsx("h2", { children: t('Connectors') }), _jsx("p", { children: t('Connect third-party tools and services.') })] }) }), _jsxs("div", { className: "toolbar-right", children: [_jsx(ProviderTabBar, { tabs: providerTabs, selectedId: selectedProvider, onSelect: handleProviderTabSelect, ...subHandleProp({ base: agentHandle, action: 'provider' }) }), _jsx(ConnectorSearchBar, { value: filter, onChange: setFilter, disabled: !unlocked, onFocus: () => onProviderTabClick?.('search_connectors'), ...subHandleProp({ base: agentHandle, action: 'search' }) })] })] }), _jsx(ConnectorAlertList, { alerts: alerts, onOpenDetails: detail.openDetails }), catalog.loading ? (_jsx(CenteredLoader, { label: t('Loading…') })) : (_jsx(ConnectorGrid, { connectors: filteredConnectors, locked: !unlocked, hasNoResults: hasNoResults, searchQuery: filter, pendingConnectorAction: authorization.pendingConnectorAction, authorizationPending: authorization.pending, authorizationCancelFailed: authorization.cancelFailed, toolsLoaded: catalog.enriched, ...actions, onOpenDetails: detail.openDetails, ...(getCategoryLabel ? { getCategoryLabel } : {}), onClearSearch: () => setFilter(''), ...(gate ? { gate: { ...gate, onClick: handleGateClick } } : {}), ...subHandleProp({ base: agentHandle, action: 'connector' }) })), _jsx(ConnectorsDetailPane, { detail: detail, authorization: authorization, unlocked: unlocked, actions: actions, getCategoryLabel: getCategoryLabel, getDisplayableAccountLabel: getDisplayableAccountLabel, agentHandle: agentHandle })] }));
+    const categoryLabelProps = getCategoryLabel ? { getCategoryLabel } : {};
+    const gateProps = gate ? { gate: { ...gate, onClick: handleGateClick } } : {};
+    return (_jsxs("div", { className: "tab-panel connectors-panel connectors-panel-embedded", children: [_jsxs("div", { className: "tab-panel-toolbar", children: [_jsx("div", { className: "toolbar-left connectors-heading", children: _jsxs("div", { children: [_jsx("h2", { children: t('Connectors') }), _jsx("p", { children: t('Connect third-party tools and services.') })] }) }), _jsxs("div", { className: "toolbar-right", children: [_jsx(ProviderTabBar, { tabs: providerTabs, selectedId: selectedProvider, onSelect: handleProviderTabSelect, ...subHandleProp({ base: agentHandle, action: 'provider' }) }), _jsx(ConnectorSearchBar, { value: filter, onChange: setFilter, disabled: !unlocked, onFocus: () => onProviderTabClick?.('search_connectors'), ...subHandleProp({ base: agentHandle, action: 'search' }) })] })] }), _jsx(ConnectorAlertList, { alerts: alerts, onOpenDetails: detail.openDetails }), catalog.loading ? (_jsx(CenteredLoader, { label: t('Loading…') })) : (_jsx(ConnectorGrid, { connectors: filteredConnectors, locked: !unlocked, hasNoResults: hasNoResults, searchQuery: filter, pendingConnectorAction: authorization.pendingConnectorAction, authorizationPending: authorization.pending, authorizationCancelFailed: authorization.cancelFailed, toolsLoaded: catalog.enriched, ...actions, onOpenDetails: detail.openDetails, ...categoryLabelProps, onClearSearch: () => setFilter(''), ...gateProps, ...subHandleProp({ base: agentHandle, action: 'connector' }) })), _jsx(ConnectorsDetailPane, { detail: detail, authorization: authorization, unlocked: unlocked, actions: actions, getCategoryLabel: getCategoryLabel, getDisplayableAccountLabel: getDisplayableAccountLabel, agentHandle: agentHandle })] }));
 }
 //# sourceMappingURL=ConnectorsBrowser.js.map

package/dist/features/connectors/hooks/useConnectorAuthorization.js

@@ -176,7 +176,7 @@ export function useConnectorAuthorization(port, authPendingStorage, authBridge,
     // Poll statuses while any authorization is in flight.
     useEffect(() => {
         if (Object.keys(pending).length === 0)
-            return;
+            return undefined;
         const interval = setInterval(() => {
             setPending((curr) => pruneConnectorAuthorizationPending(curr, Date.now()));
             void reloadStatuses();

package/dist/features/connectors/hooks/useConnectorCatalog.js

@@ -42,10 +42,10 @@ export function useConnectorCatalog(port, options) {
         if (!unlocked || !port.fetchConnectorEnrichment) {
             setEnriched(false);
             setEnriching(false);
-            return;
+            return undefined;
         }
         if (enriched)
-            return;
+            return undefined;
         let cancelled = false;
         setEnriching(true);
         void (async () => {