@jini-ai/admin 0.4.3 → 0.4.5

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

@@ -12,13 +12,14 @@ const VIEWPORT_MARGIN = 8;
  * visible jump. Recomputed on scroll and resize too: a portaled menu is a DOM sibling of its anchor,
  * not a child, so it does not track the anchor's position on its own the way an in-flow popup would.
  *
- * Click-outside closes. Scoped to the open window only, same lifecycle discipline as
+ * Click-outside and Escape close. Escape is document-scoped so it also works after focus
+ * moves away from the popup. Scoped to the open window only, same lifecycle discipline as
  * `ConfirmButton`'s armed-only document listeners — a closed, idle `RowMenu` costs nothing beyond
  * its trigger button even with many mounted per table.
  *
  * @complexity O(1) per call and per scroll/resize/mousedown event.
  */
-function trackOpenMenu({ trigger, menu }, { window, document, onPosition, onDismiss }) {
+function trackOpenMenu({ trigger, menu }, { window, document, onPosition, onDismiss, onEscape }) {
     function reposition() {
         const rect = trigger.getBoundingClientRect();
         const menuHeight = menu.offsetHeight;
@@ -41,14 +42,23 @@ function trackOpenMenu({ trigger, menu }, { window, document, onPosition, onDism
             return;
         onDismiss();
     }
+    function onDocKeyDown(e) {
+        if (e.key !== 'Escape' || e.defaultPrevented)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        onEscape();
+    }
     reposition();
     window.addEventListener('scroll', reposition, true);
     window.addEventListener('resize', reposition);
     document.addEventListener('mousedown', onDocMouseDown);
+    document.addEventListener('keydown', onDocKeyDown);
     return () => {
         window.removeEventListener('scroll', reposition, true);
         window.removeEventListener('resize', reposition);
         document.removeEventListener('mousedown', onDocMouseDown);
+        document.removeEventListener('keydown', onDocKeyDown);
     };
 }
 /**
@@ -89,7 +99,7 @@ export function useRowMenu({ itemCount, window, document }) {
         let stop;
         return (menu) => {
             if (menu)
-                stop = trackOpenMenu({ trigger: anchor, menu }, { window, document, onPosition: setPosition, onDismiss: () => close(false) });
+                stop = trackOpenMenu({ trigger: anchor, menu }, { window, document, onPosition: setPosition, onDismiss: () => close(false), onEscape: () => close(true) });
             else
                 stop();
         };
@@ -140,6 +150,7 @@ export function useRowMenu({ itemCount, window, document }) {
                 break;
             case 'Escape':
                 e.preventDefault();
+                e.stopPropagation();
                 close(true);
                 break;
             case 'Tab':

package/dist/react/index.d.ts

@@ -37,6 +37,8 @@ export { ConfirmButton } from './components/ConfirmButton/ConfirmButton.js';
 export type { ConfirmButtonProps } from './components/ConfirmButton/ConfirmButton.js';
 export { ConfirmDialog } from './components/ConfirmDialog/ConfirmDialog.js';
 export type { ConfirmDialogProps } from './components/ConfirmDialog/ConfirmDialog.js';
+export { useConfirmRequest } from './components/ConfirmDialog/use-confirm-request.js';
+export type { ConfirmRequestController, ConfirmRequestPresentation } from './components/ConfirmDialog/use-confirm-request.js';
 export type { ConfirmDialogController, UseConfirmDialog } from './components/ConfirmDialog/ConfirmDialog.hooks.js';
 export { ConfirmDialogDefaultsProvider } from './components/ConfirmDialog/ConfirmDialog.hooks.js';
 export type { ConfirmDialogDefaults, ConfirmDialogDefaultsProviderProps, } from './components/ConfirmDialog/ConfirmDialog.hooks.js';

package/dist/react/index.js

@@ -36,6 +36,7 @@
 export { resolveTone, toneClassName } from './types.js';
 export { ConfirmButton } from './components/ConfirmButton/ConfirmButton.js';
 export { ConfirmDialog } from './components/ConfirmDialog/ConfirmDialog.js';
+export { useConfirmRequest } from './components/ConfirmDialog/use-confirm-request.js';
 // Host-wide `ConfirmDialog` defaults (today just a translated `cancelLabel`), set once at an app
 // root rather than passed at every call site — see `ConfirmDialogDefaultsProvider`'s doc comment.
 export { ConfirmDialogDefaultsProvider } from './components/ConfirmDialog/ConfirmDialog.hooks.js';

package/dist/redirects/messages.en.d.ts

@@ -9,8 +9,7 @@ export declare const redirectsMessagesEn: {
     readonly Import: "Import";
     readonly Marketing: "Marketing";
     readonly Redirects: "Redirects";
-    readonly "Manual URL redirect rules. Rules created automatically from a slug change (source": "Manual URL redirect rules. Rules created automatically from a slug change (source";
-    readonly ") also show up here.": ") also show up here.";
+    readonly "Manage URL redirects, including those created automatically when a page's address changes.": "Manage URL redirects, including those created automatically when a page's address changes.";
     readonly "Match type": "Match type";
     readonly "From path": "From path";
     readonly "To target": "To target";
@@ -31,9 +30,9 @@ export declare const redirectsMessagesEn: {
     readonly "Loading redirects\u2026": "Loading redirects…";
     readonly "Not valid JSON.": "Not valid JSON.";
     readonly "Must be a JSON array of rule objects.": "Must be a JSON array of rule objects.";
-    readonly exact: "exact";
-    readonly prefix: "prefix";
-    readonly wildcard: "wildcard";
+    readonly exact: "Exact match";
+    readonly prefix: "Starts with";
+    readonly wildcard: "Wildcard";
     readonly Status: "Status";
     readonly More: "More";
     readonly Delete: "Delete";
@@ -41,8 +40,8 @@ export declare const redirectsMessagesEn: {
     readonly Enable: "Enable";
     readonly "Saving\u2026": "Saving…";
     readonly Created: "Created";
-    readonly active: "active";
-    readonly disabled: "disabled";
+    readonly active: "Active";
+    readonly disabled: "Disabled";
     readonly "{created} created, {failed} failed.": "{created} created, {failed} failed.";
     readonly "Item {index} ({code})": "Item {index} ({code})";
     readonly "Actions for redirect rule from \"{fromPattern}\"": "Actions for redirect rule from \"{fromPattern}\"";
@@ -50,6 +49,9 @@ export declare const redirectsMessagesEn: {
     readonly " rule objects (1-500 items)": " rule objects (1-500 items)";
     readonly "Delete the redirect rule from \"": "Delete the redirect rule from \"";
     readonly "\"?": "\"?";
+    readonly manual: "Manual";
+    readonly auto_slug_change: "URL change";
+    readonly import: "Imported";
 };
 /** English fallback with the same named-placeholder interpolation as the host dictionary. */
 export declare const translateRedirectsEn: RedirectsTranslate;

package/dist/redirects/messages.en.js

@@ -8,8 +8,7 @@ export const redirectsMessagesEn = {
     "Import": "Import",
     "Marketing": "Marketing",
     "Redirects": "Redirects",
-    "Manual URL redirect rules. Rules created automatically from a slug change (source": "Manual URL redirect rules. Rules created automatically from a slug change (source",
-    ") also show up here.": ") also show up here.",
+    "Manage URL redirects, including those created automatically when a page's address changes.": "Manage URL redirects, including those created automatically when a page's address changes.",
     "Match type": "Match type",
     "From path": "From path",
     "To target": "To target",
@@ -30,9 +29,9 @@ export const redirectsMessagesEn = {
     "Loading redirects…": "Loading redirects…",
     "Not valid JSON.": "Not valid JSON.",
     "Must be a JSON array of rule objects.": "Must be a JSON array of rule objects.",
-    "exact": "exact",
-    "prefix": "prefix",
-    "wildcard": "wildcard",
+    "exact": "Exact match",
+    "prefix": "Starts with",
+    "wildcard": "Wildcard",
     "Status": "Status",
     "More": "More",
     "Delete": "Delete",
@@ -40,16 +39,22 @@ export const redirectsMessagesEn = {
     "Enable": "Enable",
     "Saving…": "Saving…",
     "Created": "Created",
-    "active": "active",
-    "disabled": "disabled",
+    "active": "Active",
+    "disabled": "Disabled",
     "{created} created, {failed} failed.": "{created} created, {failed} failed.",
     "Item {index} ({code})": "Item {index} ({code})",
     "Actions for redirect rule from \"{fromPattern}\"": "Actions for redirect rule from \"{fromPattern}\"",
     "Paste a JSON array of ": "Paste a JSON array of ",
     " rule objects (1-500 items)": " rule objects (1-500 items)",
     "Delete the redirect rule from \"": "Delete the redirect rule from \"",
-    "\"?": "\"?"
+    "\"?": "\"?",
+    "manual": "Manual",
+    "auto_slug_change": "URL change",
+    "import": "Imported",
 };
 /** English fallback with the same named-placeholder interpolation as the host dictionary. */
-export const translateRedirectsEn = (key, vars = {}) => key.replace(/\{(\w+)\}/g, (match, name) => String(vars[name] ?? match));
+export const translateRedirectsEn = (key, vars = {}) => {
+    const template = Object.hasOwn(redirectsMessagesEn, key) ? redirectsMessagesEn[key] : key;
+    return template.replace(/\{(\w+)\}/g, (match, name) => String(vars[name] ?? match));
+};
 //# sourceMappingURL=messages.en.js.map

package/dist/redirects/react/hooks/RedirectsPage.hooks.js

@@ -12,9 +12,9 @@ export function useRedirectsPage({ useRedirectsHook = useWiredRedirects }, _opti
     const columns = [
         { key: 'from', header: t('From'), cell: (rule) => rule.fromPattern },
         { key: 'to', header: t('To'), cell: (rule) => rule.toTarget },
-        { key: 'type', header: t('Type'), cell: (rule) => rule.matchType },
+        { key: 'type', header: t('Type'), cell: (rule) => t(rule.matchType, { serverLabel: rule.matchType }) },
         { key: 'code', header: t('Code'), cell: (rule) => rule.statusCode },
-        { key: 'source', header: t('Source'), cell: (rule) => rule.source },
+        { key: 'source', header: t('Source'), cell: (rule) => t(rule.source, { serverLabel: rule.source }) },
         // The host's shared serverLabel owns enum localization, including unknown-value passthrough.
         { key: 'status', header: t('Status'), cell: (rule) => createElement('span', { className: `status status-${rule.status}` }, t(rule.status, { serverLabel: rule.status })) },
         { key: 'hits', header: t('Hits'), cell: (rule, index) => createElement(HitCountCell, { t, redirectId: rule.id, ...(rowMenuHandles[index] ? { agentHandleBase: rowMenuHandles[index] } : {}) }) },

package/dist/redirects/react/index.d.ts

@@ -24,8 +24,7 @@ export declare function redirects(_required: Record<string, never>, options?: Re
         readonly Import: "Import";
         readonly Marketing: "Marketing";
         readonly Redirects: "Redirects";
-        readonly "Manual URL redirect rules. Rules created automatically from a slug change (source": "Manual URL redirect rules. Rules created automatically from a slug change (source";
-        readonly ") also show up here.": ") also show up here.";
+        readonly "Manage URL redirects, including those created automatically when a page's address changes.": "Manage URL redirects, including those created automatically when a page's address changes.";
         readonly "Match type": "Match type";
         readonly "From path": "From path";
         readonly "To target": "To target";
@@ -46,9 +45,9 @@ export declare function redirects(_required: Record<string, never>, options?: Re
         readonly "Loading redirects\u2026": "Loading redirects…";
         readonly "Not valid JSON.": "Not valid JSON.";
         readonly "Must be a JSON array of rule objects.": "Must be a JSON array of rule objects.";
-        readonly exact: "exact";
-        readonly prefix: "prefix";
-        readonly wildcard: "wildcard";
+        readonly exact: "Exact match";
+        readonly prefix: "Starts with";
+        readonly wildcard: "Wildcard";
         readonly Status: "Status";
         readonly More: "More";
         readonly Delete: "Delete";
@@ -56,8 +55,8 @@ export declare function redirects(_required: Record<string, never>, options?: Re
         readonly Enable: "Enable";
         readonly "Saving\u2026": "Saving…";
         readonly Created: "Created";
-        readonly active: "active";
-        readonly disabled: "disabled";
+        readonly active: "Active";
+        readonly disabled: "Disabled";
         readonly "{created} created, {failed} failed.": "{created} created, {failed} failed.";
         readonly "Item {index} ({code})": "Item {index} ({code})";
         readonly "Actions for redirect rule from \"{fromPattern}\"": "Actions for redirect rule from \"{fromPattern}\"";
@@ -65,6 +64,9 @@ export declare function redirects(_required: Record<string, never>, options?: Re
         readonly " rule objects (1-500 items)": " rule objects (1-500 items)";
         readonly "Delete the redirect rule from \"": "Delete the redirect rule from \"";
         readonly "\"?": "\"?";
+        readonly manual: "Manual";
+        readonly auto_slug_change: "URL change";
+        readonly import: "Imported";
     };
     pages: {
         readonly list: {
@@ -101,8 +103,7 @@ export declare function redirects(_required: Record<string, never>, options?: Re
                 readonly Import: "Import";
                 readonly Marketing: "Marketing";
                 readonly Redirects: "Redirects";
-                readonly "Manual URL redirect rules. Rules created automatically from a slug change (source": "Manual URL redirect rules. Rules created automatically from a slug change (source";
-                readonly ") also show up here.": ") also show up here.";
+                readonly "Manage URL redirects, including those created automatically when a page's address changes.": "Manage URL redirects, including those created automatically when a page's address changes.";
                 readonly "Match type": "Match type";
                 readonly "From path": "From path";
                 readonly "To target": "To target";
@@ -123,9 +124,9 @@ export declare function redirects(_required: Record<string, never>, options?: Re
                 readonly "Loading redirects\u2026": "Loading redirects…";
                 readonly "Not valid JSON.": "Not valid JSON.";
                 readonly "Must be a JSON array of rule objects.": "Must be a JSON array of rule objects.";
-                readonly exact: "exact";
-                readonly prefix: "prefix";
-                readonly wildcard: "wildcard";
+                readonly exact: "Exact match";
+                readonly prefix: "Starts with";
+                readonly wildcard: "Wildcard";
                 readonly Status: "Status";
                 readonly More: "More";
                 readonly Delete: "Delete";
@@ -133,8 +134,8 @@ export declare function redirects(_required: Record<string, never>, options?: Re
                 readonly Enable: "Enable";
                 readonly "Saving\u2026": "Saving…";
                 readonly Created: "Created";
-                readonly active: "active";
-                readonly disabled: "disabled";
+                readonly active: "Active";
+                readonly disabled: "Disabled";
                 readonly "{created} created, {failed} failed.": "{created} created, {failed} failed.";
                 readonly "Item {index} ({code})": "Item {index} ({code})";
                 readonly "Actions for redirect rule from \"{fromPattern}\"": "Actions for redirect rule from \"{fromPattern}\"";
@@ -142,6 +143,9 @@ export declare function redirects(_required: Record<string, never>, options?: Re
                 readonly " rule objects (1-500 items)": " rule objects (1-500 items)";
                 readonly "Delete the redirect rule from \"": "Delete the redirect rule from \"";
                 readonly "\"?": "\"?";
+                readonly manual: "Manual";
+                readonly auto_slug_change: "URL change";
+                readonly import: "Imported";
             };
             readonly pages: {
                 readonly list: {
@@ -176,8 +180,7 @@ export declare function redirects(_required: Record<string, never>, options?: Re
                 readonly Import: "Import";
                 readonly Marketing: "Marketing";
                 readonly Redirects: "Redirects";
-                readonly "Manual URL redirect rules. Rules created automatically from a slug change (source": "Manual URL redirect rules. Rules created automatically from a slug change (source";
-                readonly ") also show up here.": ") also show up here.";
+                readonly "Manage URL redirects, including those created automatically when a page's address changes.": "Manage URL redirects, including those created automatically when a page's address changes.";
                 readonly "Match type": "Match type";
                 readonly "From path": "From path";
                 readonly "To target": "To target";
@@ -198,9 +201,9 @@ export declare function redirects(_required: Record<string, never>, options?: Re
                 readonly "Loading redirects\u2026": "Loading redirects…";
                 readonly "Not valid JSON.": "Not valid JSON.";
                 readonly "Must be a JSON array of rule objects.": "Must be a JSON array of rule objects.";
-                readonly exact: "exact";
-                readonly prefix: "prefix";
-                readonly wildcard: "wildcard";
+                readonly exact: "Exact match";
+                readonly prefix: "Starts with";
+                readonly wildcard: "Wildcard";
                 readonly Status: "Status";
                 readonly More: "More";
                 readonly Delete: "Delete";
@@ -208,8 +211,8 @@ export declare function redirects(_required: Record<string, never>, options?: Re
                 readonly Enable: "Enable";
                 readonly "Saving\u2026": "Saving…";
                 readonly Created: "Created";
-                readonly active: "active";
-                readonly disabled: "disabled";
+                readonly active: "Active";
+                readonly disabled: "Disabled";
                 readonly "{created} created, {failed} failed.": "{created} created, {failed} failed.";
                 readonly "Item {index} ({code})": "Item {index} ({code})";
                 readonly "Actions for redirect rule from \"{fromPattern}\"": "Actions for redirect rule from \"{fromPattern}\"";
@@ -217,6 +220,9 @@ export declare function redirects(_required: Record<string, never>, options?: Re
                 readonly " rule objects (1-500 items)": " rule objects (1-500 items)";
                 readonly "Delete the redirect rule from \"": "Delete the redirect rule from \"";
                 readonly "\"?": "\"?";
+                readonly manual: "Manual";
+                readonly auto_slug_change: "URL change";
+                readonly import: "Imported";
             };
             readonly pages: {
                 readonly list: {
@@ -255,8 +261,7 @@ export declare function redirects(_required: Record<string, never>, options?: Re
                 readonly Import: "Import";
                 readonly Marketing: "Marketing";
                 readonly Redirects: "Redirects";
-                readonly "Manual URL redirect rules. Rules created automatically from a slug change (source": "Manual URL redirect rules. Rules created automatically from a slug change (source";
-                readonly ") also show up here.": ") also show up here.";
+                readonly "Manage URL redirects, including those created automatically when a page's address changes.": "Manage URL redirects, including those created automatically when a page's address changes.";
                 readonly "Match type": "Match type";
                 readonly "From path": "From path";
                 readonly "To target": "To target";
@@ -277,9 +282,9 @@ export declare function redirects(_required: Record<string, never>, options?: Re
                 readonly "Loading redirects\u2026": "Loading redirects…";
                 readonly "Not valid JSON.": "Not valid JSON.";
                 readonly "Must be a JSON array of rule objects.": "Must be a JSON array of rule objects.";
-                readonly exact: "exact";
-                readonly prefix: "prefix";
-                readonly wildcard: "wildcard";
+                readonly exact: "Exact match";
+                readonly prefix: "Starts with";
+                readonly wildcard: "Wildcard";
                 readonly Status: "Status";
                 readonly More: "More";
                 readonly Delete: "Delete";
@@ -287,8 +292,8 @@ export declare function redirects(_required: Record<string, never>, options?: Re
                 readonly Enable: "Enable";
                 readonly "Saving\u2026": "Saving…";
                 readonly Created: "Created";
-                readonly active: "active";
-                readonly disabled: "disabled";
+                readonly active: "Active";
+                readonly disabled: "Disabled";
                 readonly "{created} created, {failed} failed.": "{created} created, {failed} failed.";
                 readonly "Item {index} ({code})": "Item {index} ({code})";
                 readonly "Actions for redirect rule from \"{fromPattern}\"": "Actions for redirect rule from \"{fromPattern}\"";
@@ -296,6 +301,9 @@ export declare function redirects(_required: Record<string, never>, options?: Re
                 readonly " rule objects (1-500 items)": " rule objects (1-500 items)";
                 readonly "Delete the redirect rule from \"": "Delete the redirect rule from \"";
                 readonly "\"?": "\"?";
+                readonly manual: "Manual";
+                readonly auto_slug_change: "URL change";
+                readonly import: "Imported";
             };
             readonly pages: {
                 readonly list: {

package/dist/redirects/react/pages/RedirectsPage.js

@@ -15,6 +15,6 @@ export function RedirectsPage({ useRedirectsHook = useWiredRedirects } = {}) {
     }
     if (!redirects)
         return _jsx("div", { className: "notice", children: t("Loading redirects…") });
-    return (_jsxs("div", { className: "page", children: [_jsxs("div", { className: "page-header", children: [_jsxs("div", { className: "page-header-text", children: [_jsx("p", { className: "page-kicker", children: t("Marketing") }), _jsx("h1", { className: "page-title", children: t("Redirects") }), _jsxs("p", { className: "page-description", children: [t("Manual URL redirect rules. Rules created automatically from a slug change (source"), _jsx("code", { children: " auto_slug_change" }), t(") also show up here.")] })] }), _jsx("div", { className: "page-actions", children: headerActions })] }), error ? _jsx("div", { className: "notice error", children: describeApiError({ e: error, fallback: "request failed" }) }) : null, _jsxs("form", { className: "card form-measure", onSubmit: submitCreate, children: [_jsx("div", { className: "field-group", children: _jsxs("div", { className: "field-row", children: [_jsxs("div", { className: "field", children: [_jsx("label", { className: "field-label", htmlFor: "redirect-match-type", children: t("Match type") }), _jsxs("select", { id: "redirect-match-type", name: "matchType", defaultValue: "exact", ...agentHandle({ handle: "redirects-create-match-type" }, { role: "field", label: "New redirect's match type" }), children: [_jsx("option", { value: "exact", children: t("exact") }), _jsx("option", { value: "prefix", children: t("prefix") }), _jsx("option", { value: "wildcard", children: t("wildcard") })] })] }), _jsxs("div", { className: "field", children: [_jsx("label", { className: "field-label", htmlFor: "redirect-from-pattern", children: t("From path") }), _jsx("input", { id: "redirect-from-pattern", name: "fromPattern", placeholder: "/old-path", required: true, ...agentHandle({ handle: "redirects-create-from-pattern" }, { role: "field", label: "New redirect's source path or pattern" }) })] }), _jsxs("div", { className: "field", children: [_jsx("label", { className: "field-label", htmlFor: "redirect-to-target", children: t("To target") }), _jsx("input", { id: "redirect-to-target", name: "toTarget", placeholder: "/new-path or https://example.com/...", required: true, ...agentHandle({ handle: "redirects-create-to-target" }, { role: "field", label: "New redirect's destination path or URL" }) })] }), _jsxs("div", { className: "field", children: [_jsx("label", { className: "field-label", htmlFor: "redirect-status-code", children: t("Status code") }), _jsxs("select", { id: "redirect-status-code", name: "statusCode", defaultValue: "301", ...agentHandle({ handle: "redirects-create-status-code" }, { role: "field", label: "New redirect's HTTP status code" }), children: [_jsx("option", { value: "301", children: t("301 (permanent)") }), _jsx("option", { value: "302", children: t("302 (temporary)") }), _jsx("option", { value: "307", children: t("307 (temporary, method-preserving)") }), _jsx("option", { value: "308", children: t("308 (permanent, method-preserving)") })] })] })] }) }), _jsx("div", { className: "editor-actions form-actions", children: _jsx("button", { type: "submit", disabled: saving, ...agentHandle({ handle: "redirects-create-submit" }, { role: "button", label: "Add this redirect rule" }), children: saving ? t("Saving…") : t("Add redirect") }) })] }), _jsx(ImportRedirectsForm, { t: t, locale: locale }), _jsx(DataTable, { rows: redirects, rowKey: (rule) => rule.id, empty: _jsx("div", { className: "card", children: _jsx("div", { className: "empty-state", children: _jsx("p", { children: t("No redirect rules yet.") }) }) }), columns: columns }), _jsx(ConfirmDialog, { open: pendingDelete !== null, agentHandle: "redirects-delete", title: t("Delete redirect rule?"), body: deleteBody, confirmLabel: t("Delete"), destructive: true, pending: deletePending, onConfirm: confirmDelete, onCancel: cancelDelete })] }));
+    return (_jsxs("div", { className: "page", children: [_jsxs("div", { className: "page-header", children: [_jsxs("div", { className: "page-header-text", children: [_jsx("p", { className: "page-kicker", children: t("Marketing") }), _jsx("h1", { className: "page-title", children: t("Redirects") }), _jsx("p", { className: "page-description", children: t("Manage URL redirects, including those created automatically when a page's address changes.") })] }), _jsx("div", { className: "page-actions", children: headerActions })] }), error ? _jsx("div", { className: "notice error", children: describeApiError({ e: error, fallback: "request failed" }) }) : null, _jsxs("form", { className: "card form-measure", onSubmit: submitCreate, children: [_jsx("div", { className: "field-group", children: _jsxs("div", { className: "field-row", children: [_jsxs("div", { className: "field", children: [_jsx("label", { className: "field-label", htmlFor: "redirect-match-type", children: t("Match type") }), _jsxs("select", { id: "redirect-match-type", name: "matchType", defaultValue: "exact", ...agentHandle({ handle: "redirects-create-match-type" }, { role: "field", label: "New redirect's match type" }), children: [_jsx("option", { value: "exact", children: t("exact", { serverLabel: "exact" }) }), _jsx("option", { value: "prefix", children: t("prefix", { serverLabel: "prefix" }) }), _jsx("option", { value: "wildcard", children: t("wildcard", { serverLabel: "wildcard" }) })] })] }), _jsxs("div", { className: "field", children: [_jsx("label", { className: "field-label", htmlFor: "redirect-from-pattern", children: t("From path") }), _jsx("input", { id: "redirect-from-pattern", name: "fromPattern", placeholder: "/old-path", required: true, ...agentHandle({ handle: "redirects-create-from-pattern" }, { role: "field", label: "New redirect's source path or pattern" }) })] }), _jsxs("div", { className: "field", children: [_jsx("label", { className: "field-label", htmlFor: "redirect-to-target", children: t("To target") }), _jsx("input", { id: "redirect-to-target", name: "toTarget", placeholder: "/new-path or https://example.com/...", required: true, ...agentHandle({ handle: "redirects-create-to-target" }, { role: "field", label: "New redirect's destination path or URL" }) })] }), _jsxs("div", { className: "field", children: [_jsx("label", { className: "field-label", htmlFor: "redirect-status-code", children: t("Status code") }), _jsxs("select", { id: "redirect-status-code", name: "statusCode", defaultValue: "301", ...agentHandle({ handle: "redirects-create-status-code" }, { role: "field", label: "New redirect's HTTP status code" }), children: [_jsx("option", { value: "301", children: t("301 (permanent)") }), _jsx("option", { value: "302", children: t("302 (temporary)") }), _jsx("option", { value: "307", children: t("307 (temporary, method-preserving)") }), _jsx("option", { value: "308", children: t("308 (permanent, method-preserving)") })] })] })] }) }), _jsx("div", { className: "editor-actions form-actions", children: _jsx("button", { type: "submit", disabled: saving, ...agentHandle({ handle: "redirects-create-submit" }, { role: "button", label: "Add this redirect rule" }), children: saving ? t("Saving…") : t("Add redirect") }) })] }), _jsx(ImportRedirectsForm, { t: t, locale: locale }), _jsx(DataTable, { rows: redirects, rowKey: (rule) => rule.id, empty: _jsx("div", { className: "card", children: _jsx("div", { className: "empty-state", children: _jsx("p", { children: t("No redirect rules yet.") }) }) }), columns: columns }), _jsx(ConfirmDialog, { open: pendingDelete !== null, agentHandle: "redirects-delete", title: t("Delete redirect rule?"), body: deleteBody, confirmLabel: t("Delete"), destructive: true, pending: deletePending, onConfirm: confirmDelete, onCancel: cancelDelete })] }));
 }
 //# sourceMappingURL=RedirectsPage.js.map

package/dist/redirects/redirects.module.d.ts

@@ -16,8 +16,7 @@ export declare const redirectsModule: {
         readonly Import: "Import";
         readonly Marketing: "Marketing";
         readonly Redirects: "Redirects";
-        readonly "Manual URL redirect rules. Rules created automatically from a slug change (source": "Manual URL redirect rules. Rules created automatically from a slug change (source";
-        readonly ") also show up here.": ") also show up here.";
+        readonly "Manage URL redirects, including those created automatically when a page's address changes.": "Manage URL redirects, including those created automatically when a page's address changes.";
         readonly "Match type": "Match type";
         readonly "From path": "From path";
         readonly "To target": "To target";
@@ -38,9 +37,9 @@ export declare const redirectsModule: {
         readonly "Loading redirects\u2026": "Loading redirects…";
         readonly "Not valid JSON.": "Not valid JSON.";
         readonly "Must be a JSON array of rule objects.": "Must be a JSON array of rule objects.";
-        readonly exact: "exact";
-        readonly prefix: "prefix";
-        readonly wildcard: "wildcard";
+        readonly exact: "Exact match";
+        readonly prefix: "Starts with";
+        readonly wildcard: "Wildcard";
         readonly Status: "Status";
         readonly More: "More";
         readonly Delete: "Delete";
@@ -48,8 +47,8 @@ export declare const redirectsModule: {
         readonly Enable: "Enable";
         readonly "Saving\u2026": "Saving…";
         readonly Created: "Created";
-        readonly active: "active";
-        readonly disabled: "disabled";
+        readonly active: "Active";
+        readonly disabled: "Disabled";
         readonly "{created} created, {failed} failed.": "{created} created, {failed} failed.";
         readonly "Item {index} ({code})": "Item {index} ({code})";
         readonly "Actions for redirect rule from \"{fromPattern}\"": "Actions for redirect rule from \"{fromPattern}\"";
@@ -57,6 +56,9 @@ export declare const redirectsModule: {
         readonly " rule objects (1-500 items)": " rule objects (1-500 items)";
         readonly "Delete the redirect rule from \"": "Delete the redirect rule from \"";
         readonly "\"?": "\"?";
+        readonly manual: "Manual";
+        readonly auto_slug_change: "URL change";
+        readonly import: "Imported";
     };
     readonly pages: {
         readonly list: {

package/dist/seo/messages.en.d.ts

@@ -22,10 +22,10 @@ export declare const seoMessagesEn: {
     readonly Nofollow: "Nofollow";
     readonly "OG title": "OG title";
     readonly "OG description": "OG description";
-    readonly "OG image (media ref or URL)": "OG image (media ref or URL)";
+    readonly "OG image": "OG image";
     readonly "Twitter title": "Twitter title";
     readonly "Twitter description": "Twitter description";
-    readonly "Twitter image (media ref or URL)": "Twitter image (media ref or URL)";
+    readonly "Twitter image": "Twitter image";
     readonly "Saving\u2026": "Saving…";
     readonly "Save overrides": "Save overrides";
     readonly "Per-entry SEO": "Per-entry SEO";
@@ -33,7 +33,7 @@ export declare const seoMessagesEn: {
     readonly "Title template (must contain %s)": "Title template (must contain %s)";
     readonly "Default meta description": "Default meta description";
     readonly "Social sharing": "Social sharing";
-    readonly "Default Open Graph / Twitter image (media ref)": "Default Open Graph / Twitter image (media ref)";
+    readonly "Default Open Graph / Twitter image": "Default Open Graph / Twitter image";
     readonly "Twitter @site handle": "Twitter @site handle";
     readonly Crawling: "Crawling";
     readonly "Default noindex": "Default noindex";
@@ -41,7 +41,7 @@ export declare const seoMessagesEn: {
     readonly "Sitemap enabled": "Sitemap enabled";
     readonly "Save settings": "Save settings";
     readonly "Cached sitemap": "Cached sitemap";
-    readonly "Force-rebuild the cached sitemap now, bypassing the normal cache-hit path.": "Force-rebuild the cached sitemap now, bypassing the normal cache-hit path.";
+    readonly "Rebuild the sitemap now to include the latest published content.": "Rebuild the sitemap now to include the latest published content.";
     readonly "Working\u2026": "Working…";
     readonly "Regenerate sitemap": "Regenerate sitemap";
     readonly "View sitemap": "View sitemap";
@@ -74,5 +74,6 @@ export declare const seoMessagesEn: {
     readonly "failed to regenerate sitemap": "failed to regenerate sitemap";
     readonly "failed to load the sitemap": "failed to load the sitemap";
     readonly "Could not load the sitemap (HTTP {status}).": "Could not load the sitemap (HTTP {status}).";
+    readonly "Selected image": "Selected image";
 };
 //# sourceMappingURL=messages.en.d.ts.map

package/dist/seo/messages.en.js

@@ -22,10 +22,10 @@ export const seoMessagesEn = {
     "Nofollow": "Nofollow",
     "OG title": "OG title",
     "OG description": "OG description",
-    "OG image (media ref or URL)": "OG image (media ref or URL)",
+    "OG image": "OG image",
     "Twitter title": "Twitter title",
     "Twitter description": "Twitter description",
-    "Twitter image (media ref or URL)": "Twitter image (media ref or URL)",
+    "Twitter image": "Twitter image",
     "Saving…": "Saving…",
     "Save overrides": "Save overrides",
     "Per-entry SEO": "Per-entry SEO",
@@ -33,7 +33,7 @@ export const seoMessagesEn = {
     "Title template (must contain %s)": "Title template (must contain %s)",
     "Default meta description": "Default meta description",
     "Social sharing": "Social sharing",
-    "Default Open Graph / Twitter image (media ref)": "Default Open Graph / Twitter image (media ref)",
+    "Default Open Graph / Twitter image": "Default Open Graph / Twitter image",
     "Twitter @site handle": "Twitter @site handle",
     "Crawling": "Crawling",
     "Default noindex": "Default noindex",
@@ -41,7 +41,7 @@ export const seoMessagesEn = {
     "Sitemap enabled": "Sitemap enabled",
     "Save settings": "Save settings",
     "Cached sitemap": "Cached sitemap",
-    "Force-rebuild the cached sitemap now, bypassing the normal cache-hit path.": "Force-rebuild the cached sitemap now, bypassing the normal cache-hit path.",
+    "Rebuild the sitemap now to include the latest published content.": "Rebuild the sitemap now to include the latest published content.",
     "Working…": "Working…",
     "Regenerate sitemap": "Regenerate sitemap",
     "View sitemap": "View sitemap",
@@ -73,6 +73,7 @@ export const seoMessagesEn = {
     "Sitemap regeneration accepted.": "Sitemap regeneration accepted.",
     "failed to regenerate sitemap": "failed to regenerate sitemap",
     "failed to load the sitemap": "failed to load the sitemap",
-    "Could not load the sitemap (HTTP {status}).": "Could not load the sitemap (HTTP {status})."
+    "Could not load the sitemap (HTTP {status}).": "Could not load the sitemap (HTTP {status}).",
+    "Selected image": "Selected image",
 };
 //# sourceMappingURL=messages.en.js.map

package/dist/seo/react/components/MediaRefField.d.ts

@@ -12,6 +12,10 @@ import { useWiredMediaRefField } from "../hooks/MediaRefField.hooks.js";
  * `react/hooks/MediaRefField.hooks.ts`, split out the same way `MediaPickerDialog`/`MediaPickerDialog.hooks
  * .tsx` does; this file stays props-and-JSX only. `MediaPickerDialog` itself is reused unchanged
  * (`components/MediaPickerDialog/MediaPickerDialog.tsx`) — no fork, no new picker UI.
+ *
+ * 2026-10-08 polish: the original editable-input rationale above still applies to pasted URLs
+ * and empty fields. A selected library reference now shows plain copy with its preview; Remove
+ * returns to manual entry. A hidden input preserves the exact FormData value on defaults saves.
  */
 export interface MediaRefFieldProps {
     locale: string;

package/dist/seo/react/components/MediaRefField.js

@@ -5,8 +5,8 @@ import { useSeoCopy } from "../hooks/SeoPorts.hooks.js";
 import { useWiredMediaRefField, useMediaRefPresentation, handleSpread } from "../hooks/MediaRefField.hooks.js";
 export function MediaRefField({ locale, id, name, label, value, onChange, agentHandle: base, useField = useWiredMediaRefField, }, _optional = {}) {
     const t = useSeoCopy();
-    const { Picker = MediaPickerBridge } = useMediaRefPresentation();
+    const { Picker = MediaPickerBridge, storedReference } = useMediaRefPresentation({ value });
     const { pickerOpen, openPicker, closePicker, handleSelect, clear, previewUrl, accept } = useField({ value, onChange });
-    return (_jsxs("div", { className: "field media-ref-field", children: [_jsx("label", { className: "field-label", htmlFor: id, children: label }), _jsxs("div", { className: "media-ref-field-row", children: [_jsx("input", { id: id, name: name, value: value, onChange: (e) => onChange(e.target.value), ...(base ? agentHandle({ handle: base }, { role: "field", label }) : {}) }), _jsx("button", { type: "button", className: "btn-secondary", onClick: openPicker, ...handleSpread({ ...(base === undefined ? {} : { base }), suffix: "choose", label: `Choose an image for: ${label}` }), children: t({ locale: locale, key: "Choose image" }) }), value ? (_jsx("button", { type: "button", className: "btn-secondary", onClick: clear, ...handleSpread({ ...(base === undefined ? {} : { base }), suffix: "clear", label: `Remove the selected image for: ${label}` }), children: t({ locale: locale, key: "Remove" }) })) : null] }), previewUrl ? _jsx("img", { className: "media-ref-field-preview", src: previewUrl, alt: `${label} preview` }) : null, pickerOpen ? (_jsx(Picker, { onSelect: handleSelect, onCancel: closePicker, accept: accept, agentHandle: base ? `${base}-dialog` : undefined })) : null] }));
+    return (_jsxs("div", { className: "jini-field jini-media-ref-field", children: [_jsx("label", { className: "jini-field-label", htmlFor: id, children: label }), _jsxs("div", { className: "jini-media-ref-field-row", children: [_jsx("input", { className: "jini-input", id: id, name: storedReference ? undefined : name, value: storedReference ? t({ locale, key: "Selected image" }) : value, readOnly: storedReference, onChange: (e) => onChange(e.target.value), ...(base ? agentHandle({ handle: base }, { role: "field", label }) : {}) }), storedReference && name ? _jsx("input", { type: "hidden", name: name, value: value }) : null, _jsx("button", { type: "button", className: "jini-btn jini-btn-secondary", onClick: openPicker, ...handleSpread({ ...(base === undefined ? {} : { base }), suffix: "choose", label: `Choose an image for: ${label}` }), children: t({ locale: locale, key: "Choose image" }) }), value ? (_jsx("button", { type: "button", className: "jini-btn jini-btn-secondary", onClick: clear, ...handleSpread({ ...(base === undefined ? {} : { base }), suffix: "clear", label: `Remove the selected image for: ${label}` }), children: t({ locale: locale, key: "Remove" }) })) : null] }), previewUrl ? _jsx("img", { className: "jini-media-ref-field-preview", src: previewUrl, alt: `${label} preview` }) : null, pickerOpen ? (_jsx(Picker, { onSelect: handleSelect, onCancel: closePicker, accept: accept, agentHandle: base ? `${base}-dialog` : undefined })) : null] }));
 }
 //# sourceMappingURL=MediaRefField.js.map

package/dist/seo/react/components/SitemapModal.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { agentHandle } from "@jini-ai/agentic";
 import { Dialog } from "@jini-ai/ui-kit/react";
-import { useSeoCopy } from "../hooks/SeoPorts.hooks.js";
+import { formatTimestamp } from "@jini-ai/ui/panel-kit";
+import { useSeoCopy, useSeoOptions } from "../hooks/SeoPorts.hooks.js";
 import { actionLabel } from "../../rules.js";
 import { useWiredSitemapModal } from "../hooks/use-sitemap-modal.hooks.js";
 import { useSitemapModalRegenerate, useSitemapPresentation, useSitemapTable, useSitemapViewToggle } from "../hooks/SitemapModal.hooks.js";
@@ -30,13 +31,14 @@ function SitemapModalHeaderActions({ locale, modal }) {
  *   `useSitemapModal` (memoized there), this only maps them to JSX. */
 function SitemapModalTable({ locale, modal }) {
     const t = useSeoCopy();
+    const { formatDate = formatTimestamp } = useSeoOptions();
     const { rowHandles } = useSitemapTable({ modal });
     if (modal.entries.length === 0)
         return _jsx("div", { className: "notice", children: t({ locale: locale, key: "The sitemap has no URLs yet." }) });
     return (_jsxs(_Fragment, { children: [_jsx("input", { type: "search", className: "sitemap-modal-filter", "aria-label": t({ locale: locale, key: "Filter sitemap URLs" }), placeholder: t({ locale: locale, key: "Filter by URL…" }), value: modal.filter, onChange: (e) => modal.setFilter(e.target.value), ...agentHandle({ handle: "seo-sitemap-filter" }, {
                     role: "field",
                     label: "Narrow the sitemap table by a substring match on the URL",
-                }) }), modal.filteredEntries.length === 0 ? (_jsx("p", { className: "muted-cell", children: t({ locale: locale, key: "No URLs match this filter." }) })) : (_jsx("div", { className: "table-scroll", children: _jsxs("table", { className: "list-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: t({ locale: locale, key: "URL" }) }), _jsx("th", { children: t({ locale: locale, key: "Last modified" }) })] }) }), _jsx("tbody", { children: modal.filteredEntries.map((entry, index) => (_jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: entry.loc, target: "_blank", rel: "noreferrer", ...agentHandle({ handle: rowHandles[index] }, { role: "link", label: "Open this URL on the live site" }), children: entry.loc }) }), _jsx("td", { children: entry.lastmod ?? _jsx("span", { className: "muted-cell", children: t({ locale: locale, key: "—" }) }) })] }, entry.loc))) })] }) }))] }));
+                }) }), modal.filteredEntries.length === 0 ? (_jsx("p", { className: "muted-cell", children: t({ locale: locale, key: "No URLs match this filter." }) })) : (_jsx("div", { className: "table-scroll", children: _jsxs("table", { className: "list-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: t({ locale: locale, key: "URL" }) }), _jsx("th", { children: t({ locale: locale, key: "Last modified" }) })] }) }), _jsx("tbody", { children: modal.filteredEntries.map((entry, index) => (_jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: entry.loc, target: "_blank", rel: "noreferrer", ...agentHandle({ handle: rowHandles[index] }, { role: "link", label: "Open this URL on the live site" }), children: entry.loc }) }), _jsx("td", { children: entry.lastmod === null ? _jsx("span", { className: "muted-cell", children: t({ locale: locale, key: "—" }) }) : formatDate({ iso: entry.lastmod }) })] }, entry.loc))) })] }) }))] }));
 }
 /** The body's content-status switch (REQ 8/9: disabled, loading, error, then raw-vs-table) — kept
  *  as its own flat sequence of guards rather than a nested ternary inline in {@link SitemapModal}.

package/dist/seo/react/hooks/MediaRefField.hooks.d.ts

@@ -11,8 +11,11 @@ export declare function useWiredMediaRefField({ value, onChange }: {
     onChange: (value: string) => void;
 }, _optional?: Record<string, never>): MediaRefFieldController;
 /** Slot or existing promise picker; no picker implementation is forked into SEO. */
-export declare function useMediaRefPresentation(_required?: Record<string, never>, _optional?: Record<string, never>): {
+export declare function useMediaRefPresentation({ value }: {
+    value: string;
+}, _optional?: Record<string, never>): {
     Picker: import("react").ComponentType<import("../options.js").SeoMediaPickerSlotProps> | undefined;
+    storedReference: boolean;
 };
 export declare function handleSpread({ base, suffix, label }: {
     base?: string;

package/dist/seo/react/hooks/MediaRefField.hooks.js

@@ -2,7 +2,7 @@ import { useRef } from 'react';
 import { agentHandle } from '@jini-ai/agentic';
 import { useController } from '../../../core/react/use-controller.js';
 import { createMediaRefController } from '../../controllers/media-ref.controller.js';
-import { resolveMediaRefPreviewUrl } from '../../rules.js';
+import { isStoredMediaRef, resolveMediaRefPreviewUrl } from '../../rules.js';
 import { useSeoPorts, useSeoOptions } from './SeoPorts.hooks.js';
 export function useMediaRefField({ value, onChange, api }, _optional = {}) {
     const change = useRef(onChange);
@@ -20,9 +20,9 @@ export function useWiredMediaRefField({ value, onChange }, _optional = {}) {
     return useMediaRefField({ value, onChange, api });
 }
 /** Slot or existing promise picker; no picker implementation is forked into SEO. */
-export function useMediaRefPresentation(_required = {}, _optional = {}) {
+export function useMediaRefPresentation({ value }, _optional = {}) {
     const { slots } = useSeoOptions();
-    return { Picker: slots?.MediaPickerDialog };
+    return { Picker: slots?.MediaPickerDialog, storedReference: isStoredMediaRef({ value }) };
 }
 export function handleSpread({ base, suffix, label }, _optional = {}) {
     return base ? agentHandle({ handle: `${base}-${suffix}` }, { role: 'button', label }) : {};