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

package/dist/forms/react/hooks/use-field-attributes-dialog.hooks.js

@@ -5,10 +5,8 @@ import { settingsFormFromField } from "../../field-settings.js";
 export function useFieldAttributesDialog(props, _optional = {}) {
     const { controller: stateController, snapshot: stateSnapshot } = useController({ create: () => createFieldAttributesDialogController({ field: props.field }), dependencies: [] });
     const state = stateSnapshot ?? { className: props.field.className ?? "", rows: [], settings: settingsFormFromField({ field: props.field }), error: null };
-    const className = state.className;
+    const { className, rows, error } = state;
     const setClassName = (value) => stateController?.update({ key: "className", value });
-    const rows = state.rows;
-    const error = state.error;
     function updateRow(rowId, patch) { stateController?.updateRow({ rowId, patch }); }
     function removeRow(rowId) { stateController?.removeRow({ rowId }); }
     function addRow() { stateController?.addRow({}); }

package/dist/forms/react/hooks/use-form-editor.hooks.js

@@ -8,24 +8,24 @@ import { useDirtyGuard } from "@jini-ai/ui/panel-kit";
 import { formEditorBaseline, formEditorDraft } from "../../form-editor-dirty.js";
 import { useFetchMutation, useFetchQuery } from "@jini-ai/ui/fetch-query";
 import { FORM_TABS, KEYS, existingFieldIdsOf, nextTabIndex, visibleFormEditorError } from "../../rules.js";
+/** Ordinary Builder saves keep their existing endpoint/permissions; a mode change is explicit. */
+function authoringPatch({ mode, html, savedMode }) {
+    if (mode === "html")
+        return { mode, html };
+    return savedMode === "html" ? { mode } : {};
+}
 export function useFormEditor(props, { clipboard } = {}) {
     const { port, navigate, t } = props;
     const { tab } = props;
     const isNew = props.formId === "new";
     const { controller: stateController, snapshot: stateSnapshot } = useController({ create: () => createFormEditorController({}), dependencies: [] });
     const state = stateSnapshot ?? initialFormEditorState({});
-    const form = state.form;
+    const { form, mode, html, copyFeedback, name, slug, fields, notify } = state;
     const setForm = (value) => stateController?.update({ key: "form", value });
-    const mode = state.mode;
-    const html = state.html;
     const setHtml = (value) => stateController?.update({ key: "html", value });
-    const copyFeedback = state.copyFeedback;
     const setCopyFeedback = (value) => stateController?.update({ key: "copyFeedback", value });
-    const name = state.name;
     const setName = (value) => stateController?.update({ key: "name", value });
-    const slug = state.slug;
     const setSlug = (value) => stateController?.update({ key: "slug", value });
-    const fields = state.fields;
     const setFields = (value) => stateController?.update({ key: "fields", value });
     // No UI edits this (owner ask 2026-09-22 removed the notify checkbox/recipients input from the
     // Fields tab — a future outside mail integration will design its own way to set it). Seeded from
@@ -33,7 +33,6 @@ export function useFormEditor(props, { clipboard } = {}) {
     // wipes out a `notify` setting that predates this UI removal. Lives in the section controller, not a
     // `const`, only so `handleSave`'s existing-form branch can resync it from the write's own response
     // exactly like `form`/`name`/`slug`/`fields` already do below.
-    const notify = state.notify;
     // Roving-tabindex focus targets for the tab strip below, indexed the same as `FORM_TABS` — see
     // `nextTabIndex`'s doc comment for why the index math itself lives outside the component.
     const tabRefs = useRef([]);
@@ -106,7 +105,7 @@ export function useFormEditor(props, { clipboard } = {}) {
     }
     async function handleSave() {
         // Ordinary Builder saves keep their existing endpoint/permissions. A mode change is explicit.
-        const authoring = mode === "html" ? { mode, html } : form?.mode === "html" ? { mode } : {};
+        const authoring = authoringPatch({ mode, html, savedMode: form?.mode });
         try {
             if (isNew) {
                 // `notify` here is always this hook's own blank default — a new form has no earlier value

package/dist/forms/react/hooks/use-form-submission-detail.hooks.js

@@ -56,13 +56,10 @@ export function useFormSubmissionDetail(props, _optional = {}) {
     // The delete's own failure outranks a background load-refresh failure — flat `if`s rather than a
     // nested ternary, per `@jini-ai/ui/fetch-query`'s `resolveFetchQueryStatus` doc on why the two carry
     // a different complexity-gate weight for the same branch count.
-    let error = null;
+    let error = list.error ? describeApiError(list.error, "failed to load submission") : null;
     if (deleteMutation.error) {
         error = describeTrashError({ error: deleteMutation.error, fallback: "delete failed", versionChangedMessage: t("This item changed since you loaded it. Reload and try again.") }).message;
     }
-    else if (list.error) {
-        error = describeApiError(list.error, "failed to load submission");
-    }
     return {
         submission,
         error,

package/dist/forms/react/hooks/use-form-submissions.hooks.js

@@ -17,15 +17,11 @@ export function useFormSubmissions(props, _optional = {}) {
     });
     const { controller: stateController, snapshot: stateSnapshot } = useController({ create: () => createFormSubmissionsController({}), dependencies: [] });
     const state = stateSnapshot ?? initialFormSubmissionsState({});
-    const morePages = state.morePages;
+    const { morePages, moreCursor, moreError, selectedId, loadingMore } = state;
     const setMorePages = (value) => stateController?.update({ key: "morePages", value });
-    const moreCursor = state.moreCursor;
     const setMoreCursor = (value) => stateController?.update({ key: "moreCursor", value });
-    const moreError = state.moreError;
     const setMoreError = (value) => stateController?.update({ key: "moreError", value });
-    const selectedId = state.selectedId;
     const setSelectedId = (value) => stateController?.update({ key: "selectedId", value });
-    const loadingMore = state.loadingMore;
     const setLoadingMore = (value) => stateController?.update({ key: "loadingMore", value });
     // The "latest call wins" guard for accumulated pages — see the file header. `loadingMoreRef` is
     // the synchronous half (blocks a same-tick double `loadMore`); `pageSettlement` is the async half

package/dist/forms/react/hooks/use-forms-list.hooks.js

@@ -15,7 +15,7 @@ export function useFormsList(deps, { locale = "en" } = {}) {
     useEffect(() => events?.subscribe({ onRefresh: invalidateList }), [events, invalidateList]);
     const { controller: stateController, snapshot: stateSnapshot } = useController({ create: () => createFormsListController({}), dependencies: [] });
     const state = stateSnapshot ?? initialFormsListState({});
-    const rowSavingId = state.rowSavingId;
+    const { rowSavingId, pendingDelete } = state;
     const setRowSavingId = (value) => stateController?.update({ key: "rowSavingId", value });
     const toggleMutation = useFetchMutation({
         run: ({ input: form }) => port.updateFormDefinition({ id: form.id }, { status: form.status === "active" ? "disabled" : "active" }),
@@ -25,7 +25,6 @@ export function useFormsList(deps, { locale = "en" } = {}) {
     // The form a `RowMenu` "Delete" selection is asking to confirm — `null` when the `ConfirmDialog`
     // is closed. `ConfirmDialog` stays mounted unconditionally in `FormsList.tsx`; this is what drives
     // its `open` prop — same shape `use-posts.hooks.ts`'s `pendingDelete` uses for its own row delete.
-    const pendingDelete = state.pendingDelete;
     const setPendingDelete = (value) => stateController?.update({ key: "pendingDelete", value });
     const deleteMutation = useFetchMutation({
         run: ({ input: form }) => trash.trash({ type: "form", id: form.id }),

package/dist/forms/rules.js

@@ -291,8 +291,13 @@ export const ATTRIBUTE_NAME_SUGGESTIONS = [
  *  stable identity — same `_rowId`/module-counter pattern `collections/rules.ts`'s
  *  `EditFieldsDialog` support uses for its own draft field rows. */
 let nextAttrRowId = 0;
+function takeAttrRowId() {
+    const id = nextAttrRowId;
+    nextAttrRowId += 1;
+    return id;
+}
 export function attrRowsFromField({ field }, _optional = {}) {
-    return Object.entries(field.attributes ?? {}).map(([name, value]) => ({ _rowId: nextAttrRowId++, name, value }));
+    return Object.entries(field.attributes ?? {}).map(([name, value]) => ({ _rowId: takeAttrRowId(), name, value }));
 }
 /** @complexity O(n) in `rows.length`. */
 export function updateAttrRow({ rows, rowId, patch }, _optional = {}) {
@@ -304,7 +309,7 @@ export function removeAttrRow({ rows, rowId }, _optional = {}) {
 }
 /** @complexity O(n) in `rows.length`. */
 export function addAttrRow({ rows }, _optional = {}) {
-    return [...rows, { _rowId: nextAttrRowId++, name: "", value: "" }];
+    return [...rows, { _rowId: takeAttrRowId(), name: "", value: "" }];
 }
 /**
  * Validates + shapes `FieldAttributesDialog`'s draft into the `Partial<AdminFormField>` patch

package/dist/media/adapters/memory.js

@@ -1,3 +1,4 @@
+import { trimCharsEnd } from '@jini-ai/core/text';
 import { queryMedia } from '../rules.js';
 const METADATA_KEYS = ['title', 'slug', 'alt', 'caption', 'credit', 'width', 'height', 'cssClass', 'htmlAttributes'];
 /** Only metadata keys with a defined value; null stays, so a patch can clear a nullable field. */
@@ -6,12 +7,13 @@ function pickMetadata({ patch }) {
 }
 /** Decoded length of a base64 string: 3 bytes per 4 chars, minus trailing padding. */
 function base64ByteSize({ dataBase64 }) {
-    const padding = dataBase64.match(/=+$/)?.[0].length ?? 0;
+    const padding = dataBase64.length - trimCharsEnd({ text: dataBase64, chars: '=' }).length;
     return Math.max(0, Math.floor(dataBase64.length * 3 / 4) - padding);
 }
 export function createMemoryMediaApi({ assets = [] }, { now = () => new Date().toISOString() } = {}) {
     const items = new Map(assets.map((item) => [item.id, Object.freeze({ ...item })]));
     let sequence = 0;
+    const nextSequence = () => { sequence += 1; return sequence; };
     function check(options) {
         options.signal?.throwIfAborted();
     }
@@ -30,7 +32,7 @@ export function createMemoryMediaApi({ assets = [] }, { now = () => new Date().t
         // The REAL server ignores the declared string and stores sniffContentType(bytes) instead.
         // This fake has no bytes to sniff — its input is an opaque base64 string a test made up —
         // so it echoes what the caller declared. Tests needing disagreement must seed assets directly.
-        return { byteSize: base64ByteSize(input), contentType: input.contentType, sha256: `memory-content-${++sequence}` };
+        return { byteSize: base64ByteSize(input), contentType: input.contentType, sha256: `memory-content-${nextSequence()}` };
     }
     return {
         replaceSupported: true,
@@ -43,7 +45,7 @@ export function createMemoryMediaApi({ assets = [] }, { now = () => new Date().t
             check(options);
             let id;
             do {
-                id = `memory-${++sequence}`;
+                id = `memory-${nextSequence()}`;
             } while (items.has(id));
             const timestamp = now();
             return put({

package/dist/media/controllers/library.controller.js

@@ -52,7 +52,8 @@ export function createLibraryController({ api }, { query = {} } = {}) {
         // Retry reads only, never destructive writes. Keep trying at a capped delay so
         // recovery needs no manual repair, while an offline service isn't hammered.
         if (isRetryableMediaError({ error })) {
-            const delay = Math.min(1000 * 2 ** Math.min(retryAttempt++, 5), 30000);
+            const delay = Math.min(1000 * 2 ** Math.min(retryAttempt, 5), 30000);
+            retryAttempt += 1;
             retryTimer = setTimeout(() => { retryTimer = null; void load(); }, delay);
         }
     }
@@ -63,7 +64,8 @@ export function createLibraryController({ api }, { query = {} } = {}) {
         readAbort?.abort();
         const abort = new AbortController();
         readAbort = abort;
-        const ticket = ++generation;
+        generation += 1;
+        const ticket = generation;
         store.set({ patch: { loading: true, error: null } });
         try {
             const all = await api.list({}, { signal: abort.signal });

package/dist/media/controllers/providers.controller.js

@@ -12,7 +12,8 @@ export function createProvidersController({ api }, _optional = {}) {
     async function load(_required = {}, _optional = {}) {
         if (store.signal.aborted)
             return;
-        const ticket = ++generation;
+        generation += 1;
+        const ticket = generation;
         store.set({ patch: { loading: true } });
         try {
             const items = await api.list({}, { signal: store.signal });

package/dist/media/react/components/MediaCard.js

@@ -2,8 +2,18 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Badge, Button, Menu } from '@jini-ai/ui-kit/react';
 import { useMediaCard } from '../hooks/MediaCard.hooks.js';
 import { EyeIcon, ExpandIcon, DocumentIcon } from './MediaIcons.js';
+/** Image (expandable when a preview exists), then video, then a download placeholder. */
+function previewMedia(vm) {
+    if (vm.image) {
+        const img = _jsx("img", { className: "jini-media-card-media", src: vm.src, alt: vm.alt, loading: "lazy", onError: vm.onImageError });
+        return vm.imagePreview ? _jsxs(Button, { className: "jini-media-card-expand jini-media-card-expand-fill", variant: "ghost", attrs: vm.previewAttrs, onPress: vm.preview, children: [img, _jsx(ExpandIcon, {})] }) : img;
+    }
+    if (vm.video)
+        return _jsx("video", { className: "jini-media-card-media", src: vm.src, controls: true, preload: "metadata", "aria-label": vm.alt, onError: vm.onVideoError });
+    return _jsxs("div", { className: "jini-media-card-placeholder", children: [_jsx(DocumentIcon, {}), _jsx("p", { className: "jini-media-card-placeholder-text", children: "Preview not available" }), vm.src && _jsx("a", { className: "jini-media-card-placeholder-link", href: vm.src, target: "_blank", rel: "noreferrer", children: "Download original" })] });
+}
 function PreviewMarkup(vm, _optional = {}) {
-    return _jsxs(_Fragment, { children: [vm.image ? (vm.imagePreview ? _jsxs(Button, { className: "jini-media-card-expand jini-media-card-expand-fill", variant: "ghost", attrs: vm.previewAttrs, onPress: vm.preview, children: [_jsx("img", { className: "jini-media-card-media", src: vm.src, alt: vm.alt, loading: "lazy", onError: vm.onImageError }), _jsx(ExpandIcon, {})] }) : _jsx("img", { className: "jini-media-card-media", src: vm.src, alt: vm.alt, loading: "lazy", onError: vm.onImageError })) : vm.video ? (_jsx("video", { className: "jini-media-card-media", src: vm.src, controls: true, preload: "metadata", "aria-label": vm.alt, onError: vm.onVideoError })) : (_jsxs("div", { className: "jini-media-card-placeholder", children: [_jsx(DocumentIcon, {}), _jsx("p", { className: "jini-media-card-placeholder-text", children: "Preview not available" }), vm.src && _jsx("a", { className: "jini-media-card-placeholder-link", href: vm.src, target: "_blank", rel: "noreferrer", children: "Download original" })] })), vm.onEdit && _jsxs(Button, { className: "jini-media-card-edit", variant: "ghost", attrs: vm.editAttrs, onPress: vm.onEdit, disabled: vm.busy, children: [_jsx(EyeIcon, {}), _jsx("span", { className: "jini-visually-hidden", children: "Edit metadata" })] }), vm.canPreview && !vm.imagePreview && _jsxs(Button, { className: "jini-media-card-expand", variant: "ghost", attrs: vm.previewAttrs, onPress: vm.preview, children: [_jsx(ExpandIcon, {}), _jsx("span", { className: "jini-visually-hidden", children: "View larger" })] })] });
+    return _jsxs(_Fragment, { children: [previewMedia(vm), vm.onEdit && _jsxs(Button, { className: "jini-media-card-edit", variant: "ghost", attrs: vm.editAttrs, onPress: vm.onEdit, disabled: vm.busy, children: [_jsx(EyeIcon, {}), _jsx("span", { className: "jini-visually-hidden", children: "Edit metadata" })] }), vm.canPreview && !vm.imagePreview && _jsxs(Button, { className: "jini-media-card-expand", variant: "ghost", attrs: vm.previewAttrs, onPress: vm.preview, children: [_jsx(ExpandIcon, {}), _jsx("span", { className: "jini-visually-hidden", children: "View larger" })] })] });
 }
 /** The lightbox uses the same fallback chain without the grid's metadata and actions. */
 export function MediaPreview(props, _optional = {}) {

package/dist/media/react/hooks/EditMediaPanel.hooks.js

@@ -4,6 +4,14 @@ import { useController } from '../../../core/react/use-controller.js';
 import { createEditMediaController } from '../../controllers/edit-media.controller.js';
 import { canReplaceMedia, mediaEmbedSnippet, parseOptionalPixelSize, safeMediaUrl } from '../../rules.js';
 import { parseMediaHtmlAttributes, describeMediaHtmlAttributeError } from '../../html-attributes.js';
+/** Draft value for an edited field: pixel sizes parse, optional text clears to null when blank. */
+function draftFieldValue(key, value) {
+    if (key === 'width' || key === 'height')
+        return parseOptionalPixelSize({ value });
+    if (key === 'cssClass' || key === 'htmlAttributes')
+        return value.trim() === '' ? null : value;
+    return value;
+}
 export function useEditMediaPanel(props, _optional = {}) {
     const cached = useMediaLibraryQuery({ api: props.api }, { enabled: false });
     const { controller, snapshot } = useController({
@@ -15,8 +23,12 @@ export function useEditMediaPanel(props, _optional = {}) {
     const mounted = useRef(false);
     useEffect(() => {
         mounted.current = true;
-        return () => { mounted.current = false; for (const timer of timers.current.values())
-            clearTimeout(timer); timers.current.clear(); };
+        return () => {
+            mounted.current = false;
+            for (const timer of timers.current.values())
+                clearTimeout(timer);
+            timers.current.clear();
+        };
     }, []);
     const saving = !snapshot || snapshot.saving;
     const titleRef = useRef(null);
@@ -53,9 +65,7 @@ export function useEditMediaPanel(props, _optional = {}) {
             ...(key === 'title' ? { 'data-jini-autofocus': true } : {}),
             ...(key === 'htmlAttributes' ? { 'aria-invalid': !!hint } : {}) },
         onValueChange: ({ value }, _optional = {}) => {
-            const next = key === 'width' || key === 'height' ? parseOptionalPixelSize({ value })
-                : key === 'cssClass' || key === 'htmlAttributes' ? value.trim() === '' ? null : value : value;
-            controller?.setDraft({ patch: { [key]: next } });
+            controller?.setDraft({ patch: { [key]: draftFieldValue(key, value) } });
         },
     }));
     // Server-computed public URL, never the authenticated original route. Trashed assets
@@ -65,6 +75,7 @@ export function useEditMediaPanel(props, _optional = {}) {
     const embed = mediaEmbedSnippet({ slug: props.item.slug });
     // Visible text is the legacy "Copy"/"Copied" on every row; the accessible name keeps
     // the value's noun so three identical buttons stay distinguishable, even mid-feedback.
+    const markCopied = (id, value) => setCopied(current => ({ ...current, [id]: value }));
     const copies = [
         { id: 'url', label: 'File URL', value: publicUrl, noun: 'URL' },
         { id: 'embed', label: 'Embed code', value: embed, noun: 'embed code' },
@@ -78,11 +89,11 @@ export function useEditMediaPanel(props, _optional = {}) {
                 await navigator.clipboard.writeText(row.value);
                 if (!mounted.current)
                     return;
-                setCopied(current => ({ ...current, [row.id]: true }));
+                markCopied(row.id, true);
                 clearTimeout(timers.current.get(row.id));
                 timers.current.set(row.id, setTimeout(() => {
                     timers.current.delete(row.id);
-                    setCopied(current => ({ ...current, [row.id]: false }));
+                    markCopied(row.id, false);
                 }, 1500));
             }
             catch {

package/dist/media/react/hooks/LibraryTab.hooks.js

@@ -7,6 +7,7 @@ import { settleFromCache, useSharedMediaLibrary } from './MediaPage.hooks.js';
 import { useMediaPorts } from './MediaPorts.hooks.js';
 import { mediaMessagesEn } from '../../messages.en.js';
 import { canRestoreMedia } from '../../rules.js';
+import { omitKeys } from '../../../core/omit-keys.js';
 const EMPTY_LABELS = {
     images: 'No images yet. Upload an image to see it here.',
     videos: 'No videos yet. Upload a video to see it here.',
@@ -52,7 +53,7 @@ function purgeDialogView({ snapshot }, _optional = {}) {
 function queryHandlers({ controller }, _optional = {}) {
     return {
         onStatus: ({ value }) => {
-            const { status: _status, ...query } = controller?.getSnapshot().query ?? {};
+            const query = omitKeys(controller?.getSnapshot().query ?? {}, ['status']);
             void controller?.setQuery({ query: { ...query, ...(value === 'active' || value === 'trashed' ? { status: value } : {}) } });
         },
         onSearch: ({ value: search }) => {
@@ -183,7 +184,7 @@ export function useLibraryTab({ params, permissions = [] }, _optional = {}) {
             const item = controller?.getSnapshot().pendingPurge;
             // The controller refuses to purge without a pending item, so there is nothing to announce.
             if (!can.canPurge || !controller || !item)
-                return;
+                return undefined;
             const index = items.findIndex(row => row.id === item.id);
             return controller.confirmPurge({ confirmed: true }).then(saved => {
                 if (saved) {

package/dist/media/react/hooks/ProvidersTab.hooks.js

@@ -34,8 +34,10 @@ async function saveProviderSettings({ port, item, entry, signal }, _optional = {
     await port.saveSettings({ id: item.id, ...next }, { signal });
 }
 async function saveProvider({ port, item, signal }, { entry } = {}) {
-    if (!entry)
-        return removeIfStored({ port, item, signal });
+    if (!entry) {
+        await removeIfStored({ port, item, signal });
+        return;
+    }
     await saveProviderSettings({ port, item, entry, signal });
     if (entry.apiKey?.trim())
         await port.saveCredential({ id: item.id, credential: entry.apiKey }, { signal });
@@ -57,17 +59,21 @@ async function saveSequentially({ port, providers, lastRead, signal }, _optional
 function rowStatus({ entry, pending }, _optional = {}) {
     const saved = isMarkerOnlyEntry(entry);
     const mask = saved ? maskedKeyLabel(entry) : null;
+    const unsavedLabel = pending ? 'Unsaved' : null;
     return {
         mask,
-        statusLabel: saved ? `Saved (${mask})` : pending ? 'Unsaved' : null,
+        statusLabel: saved ? `Saved (${mask})` : unsavedLabel,
         statusClassName: saved ? 'jini-field-status-badge jini-field-status-badge-success' : 'jini-field-status-badge',
     };
 }
+/** Names the provider default an empty endpoint falls back to, when it has one. */
+function defaultBaseUrlHint({ entry, item }) {
+    return !entry.baseUrl?.trim() && item.defaultBaseUrl ? `Uses ${item.defaultBaseUrl} by default.` : null;
+}
 function baseUrlHint({ entry, item }, _optional = {}) {
     const invalid = isProviderBaseUrlInvalid(entry);
     return {
-        invalid, hint: invalid ? 'Enter an absolute http:// or https:// URL that is not a private or internal address.'
-            : !entry.baseUrl?.trim() && item.defaultBaseUrl ? `Uses ${item.defaultBaseUrl} by default.` : null,
+        invalid, hint: invalid ? 'Enter an absolute http:// or https:// URL that is not a private or internal address.' : defaultBaseUrlHint({ entry, item }),
         hintClassName: invalid ? 'jini-field-hint jini-hint-error' : 'jini-field-hint',
         hintRole: invalid ? 'alert' : undefined,
         ariaInvalid: invalid || undefined,
@@ -177,10 +183,14 @@ export function useProvidersTab(_required = {}, _optional = {}) {
     const catalog = mediaProviders?.catalog ?? discoveredCatalog;
     const pinnedIds = mediaProviders?.pinnedProviderIds ?? [];
     const ordered = sortProvidersByConfigured(catalog, editor.providers, pinnedIds);
-    const toggleKey = (id) => setVisibleKeys(current => { const next = new Set(current); if (next.has(id))
-        next.delete(id);
-    else
-        next.add(id); return next; });
+    const toggleKey = (id) => setVisibleKeys(current => {
+        const next = new Set(current);
+        if (next.has(id))
+            next.delete(id);
+        else
+            next.add(id);
+        return next;
+    });
     const rows = ordered.map((item, index) => providerRow({ item, entry: editor.providers[item.id] ?? {}, editor, visible: visibleKeys.has(item.id), toggle: () => toggleKey(item.id) }, { divider: index > 0 && !pinnedIds.includes(item.id) && pinnedIds.includes(ordered[index - 1].id), disabled: !mediaProviders }));
     return { rows, ...editorView({ editor, port: mediaProviders }) };
 }

package/dist/media/rules.js

@@ -1,3 +1,4 @@
+import { trimChars } from '@jini-ai/core/text';
 /** Falls back to "all" for an absent or unrecognized ?tab= value — don't trust a raw
  * query value: a stale link or a typo must not blank the panel. */
 export function resolveActiveTab({ tabId }, _optional = {}) {
@@ -138,11 +139,13 @@ export function mediaEmbedSnippet({ slug }, _optional = {}) {
 export function mediaRowHandles({ media }, _optional = {}) {
     const used = new Set();
     return media.map((item, index) => {
-        const slug = item.id.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '');
+        const slug = trimChars({ text: item.id.toLowerCase().replace(/[^a-z0-9]+/g, '-'), chars: '-' });
         const preferred = `media-item-${slug || index + 1}`;
         let handle = preferred, suffix = 2;
-        while (used.has(handle))
-            handle = `${preferred}-${suffix++}`;
+        while (used.has(handle)) {
+            handle = `${preferred}-${suffix}`;
+            suffix += 1;
+        }
         used.add(handle);
         return handle;
     });

package/dist/playground/adapters/memory.js

@@ -18,13 +18,32 @@ export function createMemoryPlaygroundTargets(_required, { onListenerError } = {
     }
     return {
         getSnapshot: (_required = {}, _optional = {}) => snapshot,
-        subscribe({ listener }, _optional = {}) { if (!disposed)
-            listeners.add(listener); return () => listeners.delete(listener); },
-        register({ target }, _optional = {}) { if (disposed)
-            throw new Error('Playground target scope disposed'); const ticket = {}; owner = ticket; publish(target); return { release(_required = {}, _optional = {}) { if (owner !== ticket)
-                return; owner = null; publish(null); } }; },
-        dispose(_required = {}, _optional = {}) { if (disposed)
-            return; disposed = true; owner = null; publish(null); listeners.clear(); },
+        subscribe({ listener }, _optional = {}) {
+            if (!disposed)
+                listeners.add(listener);
+            return () => listeners.delete(listener);
+        },
+        register({ target }, _optional = {}) {
+            if (disposed)
+                throw new Error('Playground target scope disposed');
+            const ticket = {};
+            owner = ticket;
+            publish(target);
+            return { release(_required = {}, _optional = {}) {
+                    if (owner !== ticket)
+                        return;
+                    owner = null;
+                    publish(null);
+                } };
+        },
+        dispose(_required = {}, _optional = {}) {
+            if (disposed)
+                return;
+            disposed = true;
+            owner = null;
+            publish(null);
+            listeners.clear();
+        },
     };
 }
 //# sourceMappingURL=memory.js.map

package/dist/playground/conformance/playground-api.conformance.js

@@ -1,11 +1,14 @@
 /** Run with an isolated bus; this temporarily registers and releases test targets. */
 export function runPlaygroundApiConformance({ targets }, _optional = {}) {
     const checks = [];
-    const assert = (ok, name) => { if (!ok)
-        throw new Error(`Playground conformance: ${name}`); checks.push(name); };
+    const assert = (ok, name) => {
+        if (!ok)
+            throw new Error(`Playground conformance: ${name}`);
+        checks.push(name);
+    };
     const a = {}, b = {};
     let count = 0;
-    const stop = targets.subscribe({ listener: () => count++ });
+    const stop = targets.subscribe({ listener: () => { count += 1; } });
     const first = targets.register({ target: a });
     let second;
     try {

package/dist/playground/react/hooks/PlaygroundPorts.hooks.js

@@ -1,6 +1,10 @@
 import { createContext, useContext } from 'react';
 import { AdminConfigError } from '../../../core/module/index.js';
 export const PlaygroundPortsContext = createContext(null);
-export function usePlaygroundPorts(_required = {}, _optional = {}) { const ports = useContext(PlaygroundPortsContext); if (!ports)
-    throw new AdminConfigError({ issues: ['React scope unavailable: playground'] }); return ports; }
+export function usePlaygroundPorts(_required = {}, _optional = {}) {
+    const ports = useContext(PlaygroundPortsContext);
+    if (!ports)
+        throw new AdminConfigError({ issues: ['React scope unavailable: playground'] });
+    return ports;
+}
 //# sourceMappingURL=PlaygroundPorts.hooks.js.map

package/dist/react/components/ConfirmButton/ConfirmButton.hooks.js

@@ -22,7 +22,7 @@ export function useConfirmButton({ onConfirm, document }, { pending, disabled }
     // standing per-row document listener.
     useEffect(() => {
         if (!confirming)
-            return;
+            return undefined;
         function disarm() {
             setConfirming(false);
         }

package/dist/react/components/ConfirmButton/ConfirmButton.js

@@ -29,11 +29,8 @@ const DEFAULT_PENDING_LABEL = '…';
  */
 export function ConfirmButton({ useConfirmButton: useConfirmButtonState = useConfirmButton, ...props }) {
     const { confirming, buttonRef, handleClick, handleBlur } = useConfirmButtonState({ onConfirm: props.onConfirm, document }, { pending: props.pending, disabled: props.disabled });
-    const label = props.pending
-        ? (props.pendingLabel ?? DEFAULT_PENDING_LABEL)
-        : confirming
-            ? props.confirmLabel
-            : props.label;
+    const idleLabel = confirming ? props.confirmLabel : props.label;
+    const label = props.pending ? (props.pendingLabel ?? DEFAULT_PENDING_LABEL) : idleLabel;
     const className = [props.className, props.destructive ? 'btn-danger' : null].filter(Boolean).join(' ') || undefined;
     return (_jsxs(_Fragment, { children: [_jsx("button", { ref: buttonRef, type: "button", className: className, "data-armed": confirming ? 'true' : undefined, disabled: props.disabled || props.pending, onClick: handleClick, onBlur: handleBlur, "aria-label": props.ariaLabel, children: label }), _jsx("span", { className: "visually-hidden", role: "status", "aria-live": "polite", children: confirming ? `Press "${props.confirmLabel}" to confirm, or press Escape to cancel.` : '' })] }));
 }

package/dist/react/components/ConfirmDialog/confirm-dialog-attrs.js

@@ -1,4 +1,5 @@
 import { agentHandle } from '@jini-ai/agentic';
+import { omitKeys } from '../../../core/omit-keys.js';
 /**
  * The agent-attribute port `ConfirmDialog` hands UI-kit's confirm controller. UI-kit names selects
  * separately; agentic publishes them as fields and still owns handle validation. Absent role/label
@@ -18,7 +19,6 @@ export const confirmDialogAgentAttrs = (required, optional = {}) => agentHandle(
  * @complexity O(k) in the number of attributes.
  */
 export function withoutAccessibleName({ attrs }, _optional = {}) {
-    const { 'aria-label': _accessibleName, ...rest } = attrs ?? {};
-    return rest;
+    return omitKeys(attrs ?? {}, ['aria-label']);
 }
 //# sourceMappingURL=confirm-dialog-attrs.js.map

package/dist/react/components/InteractiveHtmlEditor/InteractiveHtmlEditor.js

@@ -154,7 +154,9 @@ function parseEmbedConfig(raw) {
 }
 function galleryIdentityLabel(config) {
     const count = Array.isArray(config.images) ? config.images.length : 0;
-    return count === 0 ? 'no images set' : `${count} ${count === 1 ? 'image' : 'images'}`;
+    if (count === 0)
+        return 'no images set';
+    return count === 1 ? '1 image' : `${count} images`;
 }
 export function InteractiveHtmlEditor(props) {
     return (_jsx(HtmlEditor, { ...props, isProtectedElement: (el) => isProtectedEmbedElement({ el }), describeEmbedPlaceholder: (el) => describeEmbedPlaceholder({ el }) }));

package/dist/react/components/RowMenu/RowMenu.hooks.js

@@ -121,14 +121,10 @@ export function useRowMenu({ itemCount, window, document }) {
             openAt(0);
     }
     function onTriggerKeyDown(e) {
-        if (e.key === 'ArrowDown') {
-            e.preventDefault();
-            openAt(0);
-        }
-        else if (e.key === 'ArrowUp') {
-            e.preventDefault();
-            openAt(itemCount - 1);
-        }
+        if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp')
+            return;
+        e.preventDefault();
+        openAt(e.key === 'ArrowDown' ? 0 : itemCount - 1);
     }
     function onMenuKeyDown(e) {
         switch (e.key) {

package/dist/react/components/Sidebar.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Fragment, createContext, createElement, useContext, useEffect, useMemo, useRef, useState, } from 'react';
+import { createContext, createElement, useContext, useEffect, useMemo, useRef, useState, } from 'react';
 import { createPortal } from 'react-dom';
 import { DEFAULT_ADMIN_BASE, adminHref } from '../../core/routing/rules.js';
 import { useNavSections } from '../hooks/use-nav-sections.js';

package/dist/react/entities/EntityField.js

@@ -43,6 +43,7 @@ export function EntityField(props) {
         case 'integer':
         case 'real': return _jsx(NumberInput, { ...props });
         case 'text': return _jsx("input", { ...commonProps(props), value: typeof value === 'string' ? value : '', onChange: (e) => onChange({ value: blankToUndefined(e.target.value) }) });
+        default: return null;
     }
 }
 //# sourceMappingURL=EntityField.js.map

package/dist/react/entities/contribution.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { trimCharsEnd } from '@jini-ai/core/text';
 import { EntityIndex } from './EntityIndex.js';
 import { EntityList } from './EntityList.js';
 import { EntityDetail } from './EntityDetail.js';
@@ -18,7 +19,7 @@ export function createEntityRoutes({ adminBase, panelId, navigate }) {
         throw new Error('Entity panelId must be one URL segment');
     if (!adminBase.startsWith('/') || adminBase.startsWith('//') || /[?#]/.test(adminBase))
         throw new Error('Entity adminBase must be an absolute pathname');
-    const base = adminBase.replace(/\/+$/, '');
+    const base = trimCharsEnd({ text: adminBase, chars: '/' });
     function routePath({ entity, id, view }) {
         const root = `/${panelId}`;
         if (entity === undefined)

package/dist/react/entities/types.js

@@ -1,6 +1,6 @@
 /** Stable source templates let host dictionaries translate copy before values are inserted. */
 export function entityText({ translate, key, values }) {
-    return translate({ key: key }).replace(/\{([\w]+)\}/g, (match, name) => Object.hasOwn(values, name) ? String(values[name]) : match);
+    return translate({ key: key }).replace(/\{(\w+)\}/g, (match, name) => Object.hasOwn(values, name) ? String(values[name]) : match);
 }
 /**
  * Adapts the host's object-arg {@link EntityTranslate} to the positional `(key) => string` form the

package/dist/react/overlays.js

@@ -4,6 +4,7 @@ import { createControllerStore } from '../core/module/controller-store.js';
 export function createOverlayController(_required = {}, _optional = {}) {
     const store = createControllerStore({ initial: { entries: [] } });
     let sequence = 0, cancelActive = null;
+    const nextSequence = () => { sequence += 1; return sequence; };
     return {
         getSnapshot: store.getSnapshot,
         subscribe: store.subscribe,
@@ -28,7 +29,7 @@ export function createOverlayController(_required = {}, _optional = {}) {
                 signal?.addEventListener('abort', cancel, { once: true });
                 store.set({
                     patch: {
-                        entries: [{ id: ++sequence, render: () => render({ resolve: finish, cancel }) }],
+                        entries: [{ id: nextSequence(), render: () => render({ resolve: finish, cancel }) }],
                     },
                 });
             });

package/dist/react/shell/AdminShell.hooks.js

@@ -14,7 +14,7 @@ export function useShellDrawer(args) {
     useEffect(() => setOpen(false), [args.routePath]);
     useEffect(() => {
         if (!open)
-            return;
+            return undefined;
         const onKeyDown = (event) => {
             if (event.key === 'Escape')
                 setOpen(false);