@elizaos/ui 2.0.3-beta.4 → 2.0.3-beta.6

package/app-navigate-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-navigate-view.d.ts","sourceRoot":"","sources":["../../../../src/app-navigate-view.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"app-navigate-view.d.ts","sourceRoot":"","sources":["../../../../src/app-navigate-view.ts"],"names":[],"mappings":"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"}

package/app-navigate-view.js

@@ -129,7 +129,7 @@ export function createNavigateViewHandler({ availableViewsForDesktopTabs, closeD
                 recordRecentViewId(entry.id);
                 openDesktopTab(entry, { pinned: false });
             }
-            const primaryViewId = viewIds[0] ?? detail.viewId ?? null;
+            const primaryViewId = resolvedViewIds[0] ?? viewIds[0] ?? detail.viewId ?? null;
             if (primaryViewId)
                 setActiveDesktopTabId(primaryViewId);
             setViewLayout?.({

package/cloud/api-keys/ApiKeysView.d.ts

@@ -13,9 +13,12 @@
  * - Mutations use the shared cloud `apiFetch` client (auth injection +
  *   structured `ApiError`) and invalidate the react-query key, replacing the
  *   raw `fetch` + manual `response.ok` plumbing.
- * - The dead "copy stored key" action (which imported a non-existent
- *   `@/lib/client/api-keys` module and could never fetch a hashed secret) now
- *   copies the public key prefix — the only identifier visible after creation.
+ * - There is no row-level "copy key" action: the full secret is only ever
+ *   shown once, in the post-create reveal dialog (copyable via `handleCopyKey`).
+ *   A stored key exposes only its public prefix, so copying it is pointless.
+ * - Delete optimistically removes the row from the `["api-keys"]` cache because
+ *   Hyperdrive caches the list GET, so the post-delete refetch can briefly
+ *   serve the deleted key; the invalidate reconciles once the cache expires.
  */
 import { type ApiKeyDisplay, type ApiKeysSummaryData } from "../../cloud-ui/components/data-list/index.js";
 interface ApiKeysViewProps {

package/cloud/api-keys/ApiKeysView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeysView.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/api-keys/ApiKeysView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAQH,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,kBAAkB,EAExB,MAAM,qCAAqC,CAAC;AAkC7C,UAAU,gBAAgB;IACxB,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,OAAO,EAAE,kBAAkB,CAAC;CAC7B;AAoCD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAihB9D"}
+{"version":3,"file":"ApiKeysView.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/api-keys/ApiKeysView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAQH,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,kBAAkB,EAExB,MAAM,qCAAqC,CAAC;AAmC7C,UAAU,gBAAgB;IACxB,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,OAAO,EAAE,kBAAkB,CAAC;CAC7B;AAoCD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAkgB9D"}

package/cloud/api-keys/ApiKeysView.js

@@ -14,9 +14,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * - Mutations use the shared cloud `apiFetch` client (auth injection +
  *   structured `ApiError`) and invalidate the react-query key, replacing the
  *   raw `fetch` + manual `response.ok` plumbing.
- * - The dead "copy stored key" action (which imported a non-existent
- *   `@/lib/client/api-keys` module and could never fetch a hashed secret) now
- *   copies the public key prefix — the only identifier visible after creation.
+ * - There is no row-level "copy key" action: the full secret is only ever
+ *   shown once, in the post-create reveal dialog (copyable via `handleCopyKey`).
+ *   A stored key exposes only its public prefix, so copying it is pointless.
+ * - Delete optimistically removes the row from the `["api-keys"]` cache because
+ *   Hyperdrive caches the list GET, so the post-delete refetch can briefly
+ *   serve the deleted key; the invalidate reconciles once the cache expires.
  */
 import { useQueryClient } from "@tanstack/react-query";
 import { Copy, Plus } from "lucide-react";
@@ -34,7 +37,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "
 import { Textarea } from "../../components/ui/textarea.js";
 import { ApiError, apiFetch } from "../lib/api-client.js";
 import { useCloudT } from "../shell/CloudI18nProvider.js";
-import { copyApiKeyPrefix, copyApiKeyToClipboard } from "./copy-api-key.js";
+import { copyApiKeyToClipboard } from "./copy-api-key.js";
 const rateLimitPresets = [
     {
         value: "standard",
@@ -133,29 +136,6 @@ export function ApiKeysView({ keys, summary }) {
             }), { description: errorMessage(error) });
         }
     };
-    // The full secret is hashed + KMS-encrypted at rest and only returned once
-    // (on create / regenerate). For a stored key the only copyable identifier is
-    // its public prefix.
-    const handleCopyStoredKey = async (id) => {
-        const key = keys.find((k) => k.id === id);
-        if (!key)
-            return;
-        try {
-            await copyApiKeyPrefix(key.keyPrefix);
-            toast.success(t("cloud.apiKeys.prefixCopied", {
-                defaultValue: "Key prefix copied",
-            }), {
-                description: t("cloud.apiKeys.prefixCopiedDesc", {
-                    defaultValue: "The full key is only shown once, when it is created. Copied the public prefix instead.",
-                }),
-            });
-        }
-        catch (error) {
-            toast.error(t("cloud.apiKeys.copyFailed", {
-                defaultValue: "Failed to copy API key",
-            }), { description: errorMessage(error) });
-        }
-    };
     const handleDisableKey = (id) => {
         const key = keys.find((k) => k.id === id);
         const isCurrentlyActive = key?.status === "active";
@@ -235,12 +215,24 @@ export function ApiKeysView({ keys, summary }) {
         else if (type === "delete") {
             try {
                 await apiFetch(`/api/v1/api-keys/${id}`, { method: "DELETE" });
+                // Hyperdrive caches the list GET, so an immediate refetch can still
+                // serve the just-deleted row. Optimistically drop it from every cached
+                // `["api-keys", ...]` query (the key is partitioned per user, so match
+                // on the prefix) so it disappears immediately.
+                queryClient.setQueriesData({ queryKey: ["api-keys"] }, (existing) => existing?.filter((key) => key.id !== id));
                 toast.success(t("cloud.apiKeys.deleted", { defaultValue: "API key deleted" }), {
                     description: t("cloud.apiKeys.deletedDesc", {
                         defaultValue: "The API key has been permanently deleted.",
                     }),
                 });
-                refreshApiKeys();
+                // Mark the list stale WITHOUT an immediate refetch: refetching now would
+                // re-read the Hyperdrive-cached GET and clobber the optimistic removal
+                // above, making the deleted row reappear. It reconciles on the next
+                // natural refetch (mount/focus), by which point the cache has rolled over.
+                void queryClient.invalidateQueries({
+                    queryKey: ["api-keys"],
+                    refetchType: "none",
+                });
             }
             catch (error) {
                 toast.error(t("cloud.apiKeys.deleteFailed", {
@@ -301,7 +293,7 @@ export function ApiKeysView({ keys, summary }) {
                                         defaultValue: "API key created successfully",
                                     }) }), _jsx(DialogDescription, { children: t("cloud.apiKeys.createdDialogDesc", {
                                         defaultValue: "Make sure to copy your API key now. You won't be able to see it again!",
-                                    }) })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx("p", { className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: t("cloud.apiKeys.keyName", { defaultValue: "Key name" }) }), _jsx("div", { className: "font-mono text-sm font-semibold text-white", children: createdKey.name })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx("p", { className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: t("cloud.apiKeys.apiKeyLabel", { defaultValue: "API Key" }) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { value: createdKey.plainKey, readOnly: true, className: "font-mono text-sm rounded-sm border-white/10 bg-black/40 text-white" }), _jsx(BrandButton, { variant: "outline", onClick: () => void handleCopyKey(createdKey.plainKey), children: _jsx(Copy, { className: "h-4 w-4" }) })] })] })] }), _jsx(DialogFooter, { children: _jsx(BrandButton, { variant: "primary", onClick: () => setCreatedKey(null), children: t("cloud.apiKeys.done", { defaultValue: "Done" }) }) })] }) })), _jsx("div", { className: "space-y-6", children: hasKeys ? (_jsx(ApiKeysTable, { keys: keys, onCopyKey: (id) => void handleCopyStoredKey(id), onDisableKey: handleDisableKey, onDeleteKey: handleDeleteKey, onRegenerateKey: handleRegenerateKey })) : (_jsx(ApiKeyEmptyState, { onCreateKey: () => setCreateDialogOpen(true) })) }), _jsx(AlertDialog, { open: pendingAction !== null, onOpenChange: (open) => !open && setPendingAction(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: pendingAction?.title }), _jsx(AlertDialogDescription, { children: pendingAction?.description })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: t("cloud.apiKeys.cancel", { defaultValue: "Cancel" }) }), _jsx(AlertDialogAction, { onClick: () => void handleConfirmAction(), className: pendingAction?.type === "delete"
+                                    }) })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx("p", { className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: t("cloud.apiKeys.keyName", { defaultValue: "Key name" }) }), _jsx("div", { className: "font-mono text-sm font-semibold text-white", children: createdKey.name })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx("p", { className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: t("cloud.apiKeys.apiKeyLabel", { defaultValue: "API Key" }) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { value: createdKey.plainKey, readOnly: true, className: "font-mono text-sm rounded-sm border-white/10 bg-black/40 text-white" }), _jsx(BrandButton, { variant: "outline", onClick: () => void handleCopyKey(createdKey.plainKey), children: _jsx(Copy, { className: "h-4 w-4" }) })] })] })] }), _jsx(DialogFooter, { children: _jsx(BrandButton, { variant: "primary", onClick: () => setCreatedKey(null), children: t("cloud.apiKeys.done", { defaultValue: "Done" }) }) })] }) })), _jsx("div", { className: "space-y-6", children: hasKeys ? (_jsx(ApiKeysTable, { keys: keys, onDisableKey: handleDisableKey, onDeleteKey: handleDeleteKey, onRegenerateKey: handleRegenerateKey })) : (_jsx(ApiKeyEmptyState, { onCreateKey: () => setCreateDialogOpen(true) })) }), _jsx(AlertDialog, { open: pendingAction !== null, onOpenChange: (open) => !open && setPendingAction(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: pendingAction?.title }), _jsx(AlertDialogDescription, { children: pendingAction?.description })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: t("cloud.apiKeys.cancel", { defaultValue: "Cancel" }) }), _jsx(AlertDialogAction, { onClick: () => void handleConfirmAction(), className: pendingAction?.type === "delete"
                                         ? "bg-red-600 hover:bg-red-700"
                                         : "", children: t("cloud.apiKeys.confirm", { defaultValue: "Confirm" }) })] })] }) })] }));
 }

package/cloud/api-keys/copy-api-key.d.ts

@@ -12,20 +12,13 @@
  *   endpoint that reveals the secret of an existing key, so "copy the stored
  *   secret" is impossible by design.
  *
- * So this exposes exactly two operations:
+ * So this exposes a single operation:
  *   - {@link copyApiKeyToClipboard} — copy a one-time plaintext key (the value
  *     shown in the post-create reveal dialog).
- *   - {@link copyApiKeyPrefix} — copy the public key prefix (the only visible
- *     identifier for a stored key) for the row-level "Copy key" action.
  */
 /**
  * Copy a full plaintext API key (only available in the one-time reveal dialog).
  * Throws if the clipboard is unavailable so the caller can surface an error.
  */
 export declare function copyApiKeyToClipboard(plainKey: string): Promise<void>;
-/**
- * Copy the public key prefix for a stored key. The full secret cannot be
- * retrieved after creation, so the prefix is the only copyable identifier.
- */
-export declare function copyApiKeyPrefix(keyPrefix: string): Promise<void>;
 //# sourceMappingURL=copy-api-key.d.ts.map

package/cloud/api-keys/copy-api-key.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copy-api-key.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/api-keys/copy-api-key.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAIH;;;GAGG;AACH,wBAAsB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAE3E;AAED;;;GAGG;AACH,wBAAsB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAEvE"}
+{"version":3,"file":"copy-api-key.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/api-keys/copy-api-key.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH;;;GAGG;AACH,wBAAsB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAE3E"}

package/cloud/api-keys/copy-api-key.js

@@ -12,11 +12,9 @@
  *   endpoint that reveals the secret of an existing key, so "copy the stored
  *   secret" is impossible by design.
  *
- * So this exposes exactly two operations:
+ * So this exposes a single operation:
  *   - {@link copyApiKeyToClipboard} — copy a one-time plaintext key (the value
  *     shown in the post-create reveal dialog).
- *   - {@link copyApiKeyPrefix} — copy the public key prefix (the only visible
- *     identifier for a stored key) for the row-level "Copy key" action.
  */
 import { copyTextToClipboard } from "../../utils/clipboard.js";
 /**
@@ -26,10 +24,3 @@ import { copyTextToClipboard } from "../../utils/clipboard.js";
 export async function copyApiKeyToClipboard(plainKey) {
     await copyTextToClipboard(plainKey);
 }
-/**
- * Copy the public key prefix for a stored key. The full secret cannot be
- * retrieved after creation, so the prefix is the only copyable identifier.
- */
-export async function copyApiKeyPrefix(keyPrefix) {
-    await copyTextToClipboard(keyPrefix);
-}

package/cloud/api-keys/index.d.ts

@@ -22,7 +22,7 @@ import { type CloudRouteDef } from "../shell/cloud-route-registry.js";
 export { ApiKeysSurface, default as ApiKeysRoute } from "./ApiKeysRoute.js";
 export { ApiKeysSection } from "./ApiKeysSection.js";
 export { ApiKeysView } from "./ApiKeysView.js";
-export { copyApiKeyPrefix, copyApiKeyToClipboard } from "./copy-api-key.js";
+export { copyApiKeyToClipboard } from "./copy-api-key.js";
 export { API_KEYS_QUERY_KEY, type ApiKeyRecord, useApiKeys, } from "./use-api-keys.js";
 /** Stable settings-section id + URL hash for the API-keys surface. */
 export declare const API_KEYS_SECTION_ID = "api-keys";

package/cloud/api-keys/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/api-keys/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EACL,KAAK,aAAa,EAEnB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,cAAc,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EACL,kBAAkB,EAClB,KAAK,YAAY,EACjB,UAAU,GACX,MAAM,gBAAgB,CAAC;AAExB,sEAAsE;AACtE,eAAO,MAAM,mBAAmB,aAAa,CAAC;AAK9C;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,aAI/B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAChC,IAAI,CAEN"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/api-keys/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EACL,KAAK,aAAa,EAEnB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,cAAc,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EACL,kBAAkB,EAClB,KAAK,YAAY,EACjB,UAAU,GACX,MAAM,gBAAgB,CAAC;AAExB,sEAAsE;AACtE,eAAO,MAAM,mBAAmB,aAAa,CAAC;AAK9C;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,aAI/B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAChC,IAAI,CAEN"}

package/cloud/api-keys/index.js

@@ -23,7 +23,7 @@ import { registerCloudRoute, } from "../shell/cloud-route-registry.js";
 export { ApiKeysSurface, default as ApiKeysRoute } from "./ApiKeysRoute.js";
 export { ApiKeysSection } from "./ApiKeysSection.js";
 export { ApiKeysView } from "./ApiKeysView.js";
-export { copyApiKeyPrefix, copyApiKeyToClipboard } from "./copy-api-key.js";
+export { copyApiKeyToClipboard } from "./copy-api-key.js";
 export { API_KEYS_QUERY_KEY, useApiKeys, } from "./use-api-keys.js";
 /** Stable settings-section id + URL hash for the API-keys surface. */
 export const API_KEYS_SECTION_ID = "api-keys";

package/cloud/shell/CloudRouterShell.d.ts

@@ -29,6 +29,18 @@ export interface CloudRouterShellProps {
      */
     appElement: ReactNode;
 }
+/**
+ * Catch-all element. Renders the agent app exactly as before, EXCEPT on an apex
+ * control-plane host where the Steward session is resolved-and-unauthenticated —
+ * there it redirects to the registered cloud `/login` page (`returnTo`
+ * preserved) instead of booting the agent shell that would 401-wall. The apex
+ * 401-wall was a router fall-through: no route registers the apex root `/`, so
+ * an unauthenticated apex visitor hit this catch-all and booted the agent
+ * runtime against a backend that isn't there.
+ */
+export declare function AppCatchAllRoute({ appElement, }: {
+    appElement: ReactNode;
+}): React.JSX.Element;
 /**
  * The shell. Mounts the registered cloud routes + the `/dashboard/*` compat
  * redirects, and renders {@link CloudRouterShellProps.appElement} for every

package/cloud/shell/CloudRouterShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloudRouterShell.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/shell/CloudRouterShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAGH,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAsHf,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,UAAU,EAAE,SAAS,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,GACX,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwC3C;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"CloudRouterShell.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/shell/CloudRouterShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAGH,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAwHf,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,UAAU,EAAE,SAAS,CAAC;CACvB;AAsBD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,GACX,EAAE;IACD,UAAU,EAAE,SAAS,CAAC;CACvB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUpB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,GACX,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6C3C;AAED,eAAe,gBAAgB,CAAC"}

package/cloud/shell/CloudRouterShell.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * Top-level react-router shell for the Eliza web app (web build only).
  *
@@ -24,7 +24,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { QueryClientProvider } from "@tanstack/react-query";
 import { Suspense, } from "react";
 import { BrowserRouter, Navigate, Route, Routes, useLocation, useParams, } from "react-router-dom";
+import { ELIZA_CLOUD_CONTROL_PLANE_HOSTS } from "../../utils/cloud-agent-base.js";
 import { queryClient } from "../lib/query-client.js";
+import { useSessionAuth } from "../lib/use-session-auth.js";
 import { CloudI18nProvider, resolveInitialCloudLang, } from "./CloudI18nProvider.js";
 import { listCloudRoutes } from "./cloud-route-registry.js";
 import { StewardAuthProvider } from "./StewardProvider.js";
@@ -97,6 +99,40 @@ function CloudRouteElement({ route, }) {
     }
     return _jsx(StewardAuthProvider, { children: body });
 }
+/**
+ * Apex control-plane hosts that serve THIS console UI but have no same-origin
+ * agent backend — so an unauthenticated visitor must land on the Steward
+ * `/login` page, not the agent shell (which 401-walls on `/api/*`).
+ * `api.elizacloud.ai` is the API origin (it never serves this shell); per-agent
+ * `<id>.elizacloud.ai` subdomains are NOT in the control-plane set and boot
+ * their real runtime, so they fall through untouched.
+ */
+const APEX_UI_CONTROL_PLANE_HOSTS = new Set(
+// Exclude the API origins (api. / api-staging.) — they never serve this shell.
+[...ELIZA_CLOUD_CONTROL_PLANE_HOSTS].filter((h) => !/^api[.-]/.test(h)));
+function isApexControlPlaneHost() {
+    if (typeof window === "undefined")
+        return false;
+    return APEX_UI_CONTROL_PLANE_HOSTS.has(window.location.hostname.toLowerCase());
+}
+/**
+ * Catch-all element. Renders the agent app exactly as before, EXCEPT on an apex
+ * control-plane host where the Steward session is resolved-and-unauthenticated —
+ * there it redirects to the registered cloud `/login` page (`returnTo`
+ * preserved) instead of booting the agent shell that would 401-wall. The apex
+ * 401-wall was a router fall-through: no route registers the apex root `/`, so
+ * an unauthenticated apex visitor hit this catch-all and booted the agent
+ * runtime against a backend that isn't there.
+ */
+export function AppCatchAllRoute({ appElement, }) {
+    const { ready, authenticated } = useSessionAuth();
+    const location = useLocation();
+    if (isApexControlPlaneHost() && ready && !authenticated) {
+        const returnTo = encodeURIComponent(`${location.pathname}${location.search}`);
+        return _jsx(Navigate, { to: `/login?returnTo=${returnTo}`, replace: true });
+    }
+    return _jsx(_Fragment, { children: appElement });
+}
 /**
  * The shell. Mounts the registered cloud routes + the `/dashboard/*` compat
  * redirects, and renders {@link CloudRouterShellProps.appElement} for every
@@ -104,6 +140,6 @@ function CloudRouteElement({ route, }) {
  */
 export function CloudRouterShell({ appElement, }) {
     const cloudRoutes = listCloudRoutes();
-    return (_jsx(BrowserRouter, { children: _jsx(CloudProviders, { children: _jsxs(Routes, { children: [cloudRoutes.map((route) => (_jsx(Route, { path: route.path, element: _jsx(CloudRouteElement, { route: route }) }, route.path))), DASHBOARD_REDIRECTS.map(({ from, to }) => (_jsx(Route, { path: from, element: _jsx(ParamRedirect, { to: to }) }, from))), _jsx(Route, { path: "dashboard/*", element: _jsx(CloudNotFound, {}) }), _jsx(Route, { path: "*", element: appElement })] }) }) }));
+    return (_jsx(BrowserRouter, { children: _jsx(CloudProviders, { children: _jsxs(Routes, { children: [cloudRoutes.map((route) => (_jsx(Route, { path: route.path, element: _jsx(CloudRouteElement, { route: route }) }, route.path))), DASHBOARD_REDIRECTS.map(({ from, to }) => (_jsx(Route, { path: from, element: _jsx(ParamRedirect, { to: to }) }, from))), _jsx(Route, { path: "dashboard/*", element: _jsx(CloudNotFound, {}) }), _jsx(Route, { path: "*", element: _jsx(AppCatchAllRoute, { appElement: appElement }) })] }) }) }));
 }
 export default CloudRouterShell;

package/cloud-ui/components/data-list/api-keys-table.d.ts

@@ -13,10 +13,9 @@ export interface ApiKeyDisplay {
 }
 export interface ApiKeysTableProps {
     keys: ApiKeyDisplay[];
-    onCopyKey?: (id: string) => void;
     onDisableKey?: (id: string) => void;
     onDeleteKey?: (id: string) => void;
     onRegenerateKey?: (id: string) => void;
 }
-export declare function ApiKeysTable({ keys, onCopyKey, onDisableKey, onDeleteKey, onRegenerateKey, }: ApiKeysTableProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ApiKeysTable({ keys, onDisableKey, onDeleteKey, onRegenerateKey, }: ApiKeysTableProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=api-keys-table.d.ts.map

package/cloud-ui/components/data-list/api-keys-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-keys-table.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/data-list/api-keys-table.tsx"],"names":[],"mappings":"AAuBA,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;AAE7D,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AA6ED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,WAAW,EACX,eAAe,GAChB,EAAE,iBAAiB,kDAuLnB"}
+{"version":3,"file":"api-keys-table.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/data-list/api-keys-table.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;AAE7D,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAwED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,eAAe,GAChB,EAAE,iBAAiB,kDAoKnB"}

package/cloud-ui/components/data-list/api-keys-table.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { CalendarClock, Copy, RefreshCw, ShieldOff, Trash2, } from "lucide-react";
+import { CalendarClock, RefreshCw, ShieldOff, Trash2 } from "lucide-react";
 import { StatusBadge } from "../../../components/ui/status-badge.js";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../../../components/ui/table.js";
 import { BrandButton } from "../brand/brand-button.js";
@@ -39,11 +39,6 @@ function formatDate(value) {
 }
 function renderActions(key, handlers, triggerClassName) {
     return (_jsx(ListActionMenu, { label: "Manage key", triggerClassName: triggerClassName, items: [
-            {
-                label: "Copy key",
-                icon: Copy,
-                onSelect: () => handlers.onCopyKey?.(key.id),
-            },
             {
                 label: "Regenerate key",
                 icon: RefreshCw,
@@ -63,17 +58,16 @@ function renderActions(key, handlers, triggerClassName) {
             },
         ] }));
 }
-export function ApiKeysTable({ keys, onCopyKey, onDisableKey, onDeleteKey, onRegenerateKey, }) {
+export function ApiKeysTable({ keys, onDisableKey, onDeleteKey, onRegenerateKey, }) {
     if (keys.length === 0) {
         return null;
     }
     const handlers = {
-        onCopyKey,
         onDisableKey,
         onDeleteKey,
         onRegenerateKey,
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DashboardDataListMobile, { className: "space-y-3", children: keys.map((key) => (_jsxs("div", { className: "space-y-3 rounded-sm border border-white/10 bg-black/40 p-4", children: [_jsxs("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0 space-y-1", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "truncate font-semibold text-white", children: key.name }), _jsx(StatusBadge, { status: getStatusVariant(key.status), label: getStatusLabel(key.status) })] }), key.description ? (_jsx("p", { className: "line-clamp-2 text-xs text-white/60", children: key.description })) : null] }), renderActions(key, handlers)] }), _jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2 text-xs text-white/60", children: [_jsx("span", { className: "rounded-sm border border-white/10 bg-black/60 px-1.5 py-0.5 font-mono text-xs text-white", children: `${key.keyPrefix}.......` }), _jsxs(BrandButton, { variant: "ghost", size: "sm", className: "h-8 px-2", onClick: () => onCopyKey?.(key.id), children: [_jsx(Copy, { className: "mr-1 h-3.5 w-3.5" }), "Copy"] }), _jsxs(BrandButton, { variant: "ghost", size: "sm", className: "h-8 px-2", onClick: () => onRegenerateKey?.(key.id), children: [_jsx(RefreshCw, { className: "mr-1 h-3.5 w-3.5" }), "Regenerate"] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-white/10 pt-3 text-xs", children: [_jsxs("div", { children: [_jsx("p", { className: "text-white/40", children: "Usage" }), _jsxs("p", { className: "mt-1 font-medium text-white", children: [key.usageCount.toLocaleString(), " requests"] }), _jsxs("p", { className: "mt-0.5 text-white/74", children: [key.rateLimit.toLocaleString(), " / min"] })] }), _jsxs("div", { children: [_jsx("p", { className: "text-white/40", children: "Timeline" }), _jsxs("p", { className: "mt-1 text-white/60", children: ["Created ", formatDate(key.createdAt)] }), _jsxs("p", { className: "mt-0.5 text-white/60", children: ["Last used ", formatDate(key.lastUsedAt)] })] })] })] }, key.id))) }), _jsx(DashboardDataListDesktop, { className: "border-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Key" }), _jsx(TableHead, { children: "Usage" }), _jsx(TableHead, { children: "Timeline" }), _jsx(TableHead, { className: "text-right", children: "Actions" })] }) }), _jsx(TableBody, { children: keys.map((key) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-semibold text-white", children: key.name }), _jsx(StatusBadge, { status: getStatusVariant(key.status), label: getStatusLabel(key.status) })] }), key.description ? (_jsx("p", { className: "text-xs text-white/60", children: key.description })) : null, _jsxs("div", { className: "flex items-center gap-2 text-xs text-white/60", children: [_jsx("span", { className: "rounded-sm border border-white/10 bg-black/60 px-1.5 py-0.5 font-mono text-xs text-white", children: `${key.keyPrefix}.......` }), _jsxs(BrandButton, { variant: "ghost", size: "sm", className: "h-8 px-2", onClick: () => onCopyKey?.(key.id), children: [_jsx(Copy, { className: "mr-1 h-3.5 w-3.5" }), "Copy"] }), _jsxs(BrandButton, { variant: "ghost", size: "sm", className: "h-8 px-2", onClick: () => onRegenerateKey?.(key.id), children: [_jsx(RefreshCw, { className: "mr-1 h-3.5 w-3.5" }), "Regenerate"] })] })] }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("span", { className: "font-medium text-white", children: [key.usageCount.toLocaleString(), " requests"] }), _jsxs("p", { className: "text-xs text-white/74", children: ["Rate limit ", key.rateLimit.toLocaleString(), " / min"] })] }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex flex-col gap-2 text-xs text-white/60", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarClock, { className: "h-3.5 w-3.5 text-[#FF5800]" }), _jsxs("span", { children: ["Created ", formatDate(key.createdAt)] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarClock, { className: "h-3.5 w-3.5 text-[#FF5800]" }), _jsxs("span", { children: ["Last used ", formatDate(key.lastUsedAt)] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarClock, { className: "h-3.5 w-3.5 text-[#FF5800]" }), _jsx("span", { children: key.expiresAt
+    return (_jsxs(_Fragment, { children: [_jsx(DashboardDataListMobile, { className: "space-y-3", children: keys.map((key) => (_jsxs("div", { className: "space-y-3 rounded-sm border border-white/10 bg-black/40 p-4", children: [_jsxs("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0 space-y-1", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "truncate font-semibold text-white", children: key.name }), _jsx(StatusBadge, { status: getStatusVariant(key.status), label: getStatusLabel(key.status) })] }), key.description ? (_jsx("p", { className: "line-clamp-2 text-xs text-white/60", children: key.description })) : null] }), renderActions(key, handlers)] }), _jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2 text-xs text-white/60", children: [_jsx("span", { className: "rounded-sm border border-white/10 bg-black/60 px-1.5 py-0.5 font-mono text-xs text-white", children: `${key.keyPrefix}.......` }), _jsxs(BrandButton, { variant: "ghost", size: "sm", className: "h-8 px-2", onClick: () => onRegenerateKey?.(key.id), children: [_jsx(RefreshCw, { className: "mr-1 h-3.5 w-3.5" }), "Regenerate"] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-white/10 pt-3 text-xs", children: [_jsxs("div", { children: [_jsx("p", { className: "text-white/40", children: "Usage" }), _jsxs("p", { className: "mt-1 font-medium text-white", children: [key.usageCount.toLocaleString(), " requests"] }), _jsxs("p", { className: "mt-0.5 text-white/74", children: [key.rateLimit.toLocaleString(), " / min"] })] }), _jsxs("div", { children: [_jsx("p", { className: "text-white/40", children: "Timeline" }), _jsxs("p", { className: "mt-1 text-white/60", children: ["Created ", formatDate(key.createdAt)] }), _jsxs("p", { className: "mt-0.5 text-white/60", children: ["Last used ", formatDate(key.lastUsedAt)] })] })] })] }, key.id))) }), _jsx(DashboardDataListDesktop, { className: "border-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Key" }), _jsx(TableHead, { children: "Usage" }), _jsx(TableHead, { children: "Timeline" }), _jsx(TableHead, { className: "text-right", children: "Actions" })] }) }), _jsx(TableBody, { children: keys.map((key) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-semibold text-white", children: key.name }), _jsx(StatusBadge, { status: getStatusVariant(key.status), label: getStatusLabel(key.status) })] }), key.description ? (_jsx("p", { className: "text-xs text-white/60", children: key.description })) : null, _jsxs("div", { className: "flex items-center gap-2 text-xs text-white/60", children: [_jsx("span", { className: "rounded-sm border border-white/10 bg-black/60 px-1.5 py-0.5 font-mono text-xs text-white", children: `${key.keyPrefix}.......` }), _jsxs(BrandButton, { variant: "ghost", size: "sm", className: "h-8 px-2", onClick: () => onRegenerateKey?.(key.id), children: [_jsx(RefreshCw, { className: "mr-1 h-3.5 w-3.5" }), "Regenerate"] })] })] }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("span", { className: "font-medium text-white", children: [key.usageCount.toLocaleString(), " requests"] }), _jsxs("p", { className: "text-xs text-white/74", children: ["Rate limit ", key.rateLimit.toLocaleString(), " / min"] })] }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex flex-col gap-2 text-xs text-white/60", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarClock, { className: "h-3.5 w-3.5 text-[#FF5800]" }), _jsxs("span", { children: ["Created ", formatDate(key.createdAt)] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarClock, { className: "h-3.5 w-3.5 text-[#FF5800]" }), _jsxs("span", { children: ["Last used ", formatDate(key.lastUsedAt)] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarClock, { className: "h-3.5 w-3.5 text-[#FF5800]" }), _jsx("span", { children: key.expiresAt
                                                                 ? `Expires ${formatDate(key.expiresAt)}`
                                                                 : "No expiry" })] })] }) }), _jsx(TableCell, { className: "text-right", children: renderActions(key, handlers, "h-9 w-9") })] }, key.id))) })] }) })] }));
 }

package/cloud-ui/components/docs/api-route-explorer-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-route-explorer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/docs/api-route-explorer-client.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAc,MAAM,uBAAuB,CAAC;AAoG/E,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,GACP,EAAE;IACD,MAAM,EAAE,qBAAqB,EAAE,CAAC;CACjC,2CAogBA"}
+{"version":3,"file":"api-route-explorer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/docs/api-route-explorer-client.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAc,MAAM,uBAAuB,CAAC;AAqG/E,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,GACP,EAAE;IACD,MAAM,EAAE,qBAAqB,EAAE,CAAC;CACjC,2CAogBA"}

package/cloud-ui/components/docs/api-route-explorer-client.js

@@ -32,7 +32,8 @@ function methodBadgeClass(method) {
         case "GET":
             return `${base} bg-emerald-500/10 text-emerald-400 border-emerald-500/30 `;
         case "POST":
-            return `${base} bg-blue-500/10 text-blue-400 border-blue-500/30 `;
+            // Brand rule: no blue. Slate keeps POST distinct from the amber PUT.
+            return `${base} bg-slate-500/10 text-slate-300 border-slate-500/30 `;
         case "PUT":
             return `${base} bg-amber-500/10 text-amber-400 border-amber-500/30 `;
         case "PATCH":

package/cloud-ui/components/layout/dashboard-route-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-route-page.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/layout/dashboard-route-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,wBAAwB,EACxB,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG9E,KAAK,4BAA4B,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE7E,KAAK,gCAAgC,GAAG,IAAI,CAC1C,wBAAwB,CAAC,OAAO,sBAAsB,CAAC,EACvD,UAAU,CACX,CAAC;AAEF,KAAK,4BAA4B,GAAG,IAAI,CACtC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,EACnD,UAAU,CACX,CAAC;AAEF,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,gCAAgC,CAAC;IACvD,KAAK,CAAC,EAAE,OAAO,GAAG,4BAA4B,CAAC;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,4BAA4B,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAiBD,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAe,EACf,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,UAAmB,EACnB,eAAe,GAChB,EAAE,uBAAuB,2CAuCzB;AAED,YAAY,EACV,4BAA4B,EAC5B,gCAAgC,EAChC,uBAAuB,EACvB,4BAA4B,GAC7B,CAAC"}
+{"version":3,"file":"dashboard-route-page.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/layout/dashboard-route-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,wBAAwB,EACxB,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG9E,KAAK,4BAA4B,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE7E,KAAK,gCAAgC,GAAG,IAAI,CAC1C,wBAAwB,CAAC,OAAO,sBAAsB,CAAC,EACvD,UAAU,CACX,CAAC;AAEF,KAAK,4BAA4B,GAAG,IAAI,CACtC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,EACnD,UAAU,CACX,CAAC;AAEF,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,gCAAgC,CAAC;IACvD,KAAK,CAAC,EAAE,OAAO,GAAG,4BAA4B,CAAC;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,4BAA4B,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAmBD,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAe,EACf,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,UAAmB,EACnB,eAAe,GAChB,EAAE,uBAAuB,2CAuCzB;AAED,YAAY,EACV,4BAA4B,EAC5B,gCAAgC,EAChC,uBAAuB,EACvB,4BAA4B,GAC7B,CAAC"}

package/cloud-ui/components/layout/dashboard-route-page.js

@@ -4,7 +4,9 @@ import { cn } from "../../lib/utils.js";
 import { DashboardPageContainer, DashboardPageStack } from "./dashboard-page.js";
 import { useSetPageHeader } from "./page-header-context.hooks.js";
 const bannerTones = {
-    info: "border-blue-400/30 bg-blue-400/10 text-blue-100",
+    // Brand rule: no blue. Slate reads as neutral "info" alongside the
+    // emerald/amber/red tones below.
+    info: "border-slate-400/30 bg-slate-400/10 text-slate-100",
     success: "border-emerald-400/30 bg-emerald-400/10 text-emerald-100",
     warning: "border-amber-400/30 bg-amber-400/10 text-amber-100",
     error: "border-red-500/40 bg-red-500/10 text-red-400",

package/components/config-ui/config-field.js

@@ -25,5 +25,5 @@ export function ConfigField({ renderProps, renderer, pluginId, }) {
                             }, children: [_jsx("span", { className: "shrink-0 mt-px", children: t("config-field.Times") }), _jsx("span", { children: err })] }, err))) })), (renderProps.hint.help || renderProps.schema.description) && (_jsxs("div", { className: "mt-1 leading-relaxed line-clamp-2", style: {
                             fontSize: "var(--plugin-help-size)",
                             color: "var(--plugin-help)",
-                        }, children: [renderProps.hint.help ?? renderProps.schema.description, renderProps.schema.default != null && (_jsxs("span", { className: "opacity-70", children: [" ", t("common.default", { defaultValue: "Default" }), " ", String(renderProps.schema.default), ")"] }))] }))] })] }));
+                        }, children: [renderProps.hint.help ?? renderProps.schema.description, renderProps.schema.default != null && (_jsxs("span", { className: "opacity-90", children: [" ", t("common.default", { defaultValue: "Default" }), " ", String(renderProps.schema.default), ")"] }))] }))] })] }));
 }

package/components/pages/Springboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Springboard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/Springboard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAKH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAc1D,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8EAA8E;IAC9E,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;+CAC2C;IAC3C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmKD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,OAAe,EACf,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,iBAAiB,EACjB,OAAO,EAAE,WAAW,EACpB,eAAe,EACf,YAAmB,EACnB,SAAS,GACV,EAAE,gBAAgB,2CA0SlB"}
+{"version":3,"file":"Springboard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/Springboard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAMH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAc1D,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8EAA8E;IAC9E,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;+CAC2C;IAC3C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8JD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,OAAe,EACf,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,iBAAiB,EACjB,OAAO,EAAE,WAAW,EACpB,eAAe,EACf,YAAmB,EACnB,SAAS,GACV,EAAE,gBAAgB,2CA0UlB"}

package/components/pages/Springboard.js

@@ -13,8 +13,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * the shared root `AppBackground` shows through, matching the home screen.
  */
 import { Pencil, Trash2 } from "lucide-react";
-import { motion, Reorder } from "motion/react";
+import { Reorder } from "motion/react";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useHorizontalPager } from "../../hooks/useHorizontalPager.js";
 import { cn } from "../../lib/utils.js";
 import { moveIcon, readSpringboardLayout, reconcileLayout, SPRINGBOARD_DOCK_LIMIT, toggleFavorite, writeSpringboardLayout, } from "../../state/springboard-layout.js";
 import { emitViewInteraction } from "../../view-telemetry.js";
@@ -23,8 +24,6 @@ const LONG_PRESS_MS = 450;
 /** Finger travel (px) that aborts a long-press — a pan/swipe is not a press, so
  *  a horizontal swipe-back can never ghost-fire edit mode mid-gesture. */
 const LONG_PRESS_MOVE_SLOP = 10;
-/** Horizontal drag distance (px) needed to flip to the adjacent page. */
-const SWIPE_THRESHOLD = 60;
 // Memoized so a layout reconcile (install/uninstall/sort) re-renders only the
 // tiles whose props actually changed, not all ~20 on a page.
 const IconTile = memo(function IconTile({ entry, editing, favorited, manageable, onLaunch, onToggleFavorite, onEdit, onDelete, onLongPress, }) {
@@ -62,12 +61,9 @@ const IconTile = memo(function IconTile({ entry, editing, favorited, manageable,
                         // gesture interrupts the press — clear the timer so a long-press never
                         // ghost-fires edit mode after the user finishes scrolling.
                         onPointerCancel: clear, className: cn(
-                        // ViewTileImage handles image-vs-glyph internally, so the button is
-                        // one constant surface. The hero image (object-cover) covers the
-                        // tile when it loads; this dark neutral fill + white glyph is the
-                        // fallback so a tile reads as a real app icon (not a bare glyph
-                        // floating on the background) even before/without the image. Filter
-                        // effects (#9281) and focus rings (#9292) were removed on develop.
+                        // ViewTileImage renders this surface as an app icon, not as a
+                        // cropped catalog preview. The button stays one constant hit target
+                        // and owns hover/focus chrome; the inner visual owns color/glyph.
                         "h-16 w-16 overflow-hidden rounded-2xl border border-white/10 bg-black/35 text-white transition-colors hover:bg-black/45", editing && "animate-pulse"), children: _jsx(ViewTileImage, { entry: entry, source: "springboard", containerClassName: "grid h-full w-full place-items-center", glyphClassName: "h-7 w-7", imageTestId: `springboard-image-${entry.id}` }) }), editing ? (_jsx("button", { type: "button", "aria-label": favorited ? `Unpin ${entry.label}` : `Pin ${entry.label}`, "data-testid": `springboard-fav-${entry.id}`, onClick: (e) => {
                             e.stopPropagation();
                             onToggleFavorite(entry.id);
@@ -199,40 +195,33 @@ export function Springboard({ entries, loading = false, onLaunch, onEdgeSwipeRig
         onDeleteView,
         toggleEditMode,
     ]);
-    return (_jsxs("div", { className: cn("flex min-h-0 flex-1 flex-col", className), "data-testid": "springboard", children: [favoriteEntries.length > 0 ? (_jsx("div", { "data-testid": "springboard-dock", className: "mx-3 mt-2 mb-3 flex items-center justify-center gap-3 rounded-3xl border border-white/10 bg-black/45 px-3 py-3 sm:mx-4 sm:gap-4 sm:px-6", children: favoriteEntries.map((entry) => (_jsx("div", { children: renderTile(entry, true) }, `dock-${entry.id}`))) })) : null, _jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: [_jsx(motion.div
-                    // A stable identity (NOT `key={clampedPage}`): keying on the page
-                    // index forced a full unmount/remount of the page — Reorder.Group and
-                    // every tile — on each swipe, which janks the paging. The page content
-                    // already swaps via `pages[clampedPage]`, and `dragSnapToOrigin`
-                    // animates the drag back to origin, so the swap is smooth without a
-                    // remount (#9304).
-                    , { drag: editing ? false : "x", dragConstraints: { left: 0, right: 0 }, dragElastic: 0.2, dragSnapToOrigin: true, onDragEnd: (_event, info) => {
-                            if (editing)
-                                return;
-                            if (info.offset.x < -SWIPE_THRESHOLD &&
-                                clampedPage < pages.length - 1) {
-                                setActivePage(clampedPage + 1);
-                                emitViewInteraction({
-                                    source: "springboard",
-                                    action: "page-swipe",
-                                    count: clampedPage + 1,
-                                });
-                            }
-                            else if (info.offset.x > SWIPE_THRESHOLD && clampedPage > 0) {
-                                setActivePage(clampedPage - 1);
-                                emitViewInteraction({
-                                    source: "springboard",
-                                    action: "page-swipe",
-                                    count: clampedPage - 1,
-                                });
-                            }
-                            else if (info.offset.x > SWIPE_THRESHOLD && clampedPage === 0) {
-                                onEdgeSwipeRight?.();
-                            }
-                        }, className: "flex min-h-0 flex-1 items-start justify-center overflow-y-auto px-6 pt-2 pb-8", children: loading && entries.length === 0 ? (_jsx("div", { className: "grid w-full max-w-2xl grid-cols-4 gap-x-4 gap-y-5 sm:grid-cols-5", children: ["a", "b", "c", "d", "e", "f", "g", "h"].map((id) => (_jsxs("div", { className: "flex flex-col items-center gap-1.5 opacity-60", children: [_jsx("div", { className: "h-16 w-16 rounded-2xl bg-bg-accent/50" }), _jsx("div", { className: "h-2.5 w-12 rounded-full bg-bg-accent/50" })] }, id))) })) : (_jsx(Reorder.Group, { axis: "y", values: pages[clampedPage] ?? [], onReorder: (next) => handleReorder(clampedPage, next), className: "grid w-full max-w-2xl grid-cols-4 gap-x-4 gap-y-5 sm:grid-cols-5", children: (pages[clampedPage] ?? []).map((id) => {
-                                const entry = byId.get(id);
-                                if (!entry)
-                                    return null;
-                                return (_jsx(Reorder.Item, { value: id, drag: editing, dragListener: editing, className: "flex justify-center", children: renderTile(entry, favoriteSet.has(id)) }, id));
-                            }) })) }, "springboard-page"), showPageDots && pages.length > 1 ? (_jsx("div", { className: "flex items-center justify-center gap-2 pb-3", children: pages.map((pageIds, index) => (_jsx("button", { type: "button", "aria-label": `Page ${index + 1}`, "aria-current": index === clampedPage, onClick: () => setActivePage(index), className: cn("h-2 w-2 rounded-full transition-colors", index === clampedPage ? "bg-accent" : "bg-border") }, `dot-${index}-${pageIds[0] ?? "empty"}`))) })) : null] })] }));
+    const pager = useHorizontalPager({
+        page: clampedPage,
+        pageCount: pages.length,
+        enabled: !editing && pages.length > 1,
+        edgeSwipeRightEnabled: showPageDots && onEdgeSwipeRight != null,
+        onEdgeSwipeRight,
+        onPageChange: (nextPage) => {
+            setActivePage(nextPage);
+            emitViewInteraction({
+                source: "springboard",
+                action: "page-swipe",
+                count: nextPage,
+            });
+        },
+    });
+    return (_jsxs("div", { className: cn("flex min-h-0 flex-1 flex-col", className), "data-testid": "springboard", children: [favoriteEntries.length > 0 ? (_jsx("div", { "data-testid": "springboard-dock", className: "mx-3 mt-2 mb-3 flex items-center justify-center gap-3 rounded-3xl border border-white/10 bg-black/45 px-3 py-3 sm:mx-4 sm:gap-4 sm:px-6", children: favoriteEntries.map((entry) => (_jsx("div", { children: renderTile(entry, true) }, `dock-${entry.id}`))) })) : null, _jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: [_jsx("div", { ref: pager.viewportRef, "data-testid": "springboard-page-window", className: "relative flex min-h-0 flex-1 overflow-hidden touch-pan-y", onPointerDown: pager.handlers.onPointerDown, onPointerMove: pager.handlers.onPointerMove, onPointerUp: pager.handlers.onPointerUp, onPointerCancel: pager.handlers.onPointerCancel, onLostPointerCapture: pager.handlers.onLostPointerCapture, children: _jsx("div", { ref: pager.railRef, "data-testid": "springboard-page-rail", className: "flex h-full min-h-0 w-full motion-reduce:transition-none", children: loading && entries.length === 0 ? (_jsx("div", { className: "flex h-full min-h-0 min-w-full items-start justify-center overflow-y-auto px-6 pt-2 pb-8", children: _jsx("div", { className: "grid w-full max-w-2xl grid-cols-4 gap-x-4 gap-y-5 sm:grid-cols-5", children: ["a", "b", "c", "d", "e", "f", "g", "h"].map((id) => (_jsxs("div", { className: "flex flex-col items-center gap-1.5 opacity-60", children: [_jsx("div", { className: "h-16 w-16 rounded-2xl bg-bg-accent/50" }), _jsx("div", { className: "h-2.5 w-12 rounded-full bg-bg-accent/50" })] }, id))) }) })) : (pages.map((pageIds, pageIndex) => {
+                                const active = pageIndex === clampedPage;
+                                return (_jsx("div", { "data-testid": `springboard-page-${pageIndex}`, "aria-hidden": !active, inert: !active || undefined, className: cn("flex h-full min-h-0 min-w-full items-start justify-center overflow-y-auto px-6 pt-2 pb-8", !active && "pointer-events-none"), children: editing && active ? (_jsx(Reorder.Group, { axis: "y", values: pageIds, onReorder: (next) => handleReorder(pageIndex, next), className: "grid w-full max-w-2xl grid-cols-4 gap-x-4 gap-y-5 sm:grid-cols-5", children: pageIds.map((id) => {
+                                            const entry = byId.get(id);
+                                            if (!entry)
+                                                return null;
+                                            return (_jsx(Reorder.Item, { value: id, drag: editing, dragListener: editing, className: "flex justify-center", children: renderTile(entry, favoriteSet.has(id)) }, id));
+                                        }) })) : (_jsx("div", { className: "grid w-full max-w-2xl grid-cols-4 gap-x-4 gap-y-5 sm:grid-cols-5", children: pageIds.map((id) => {
+                                            const entry = byId.get(id);
+                                            if (!entry)
+                                                return null;
+                                            return (_jsx("div", { className: "flex justify-center", children: renderTile(entry, favoriteSet.has(id)) }, id));
+                                        }) })) }, `springboard-page-${pageIndex}`));
+                            })) }) }), showPageDots && pages.length > 1 ? (_jsx("div", { className: "flex items-center justify-center gap-2 pb-3", children: pages.map((pageIds, index) => (_jsx("button", { type: "button", "aria-label": `Page ${index + 1}`, "aria-current": index === clampedPage, onClick: () => setActivePage(index), className: cn("h-2 w-2 rounded-full transition-colors", index === clampedPage ? "bg-accent" : "bg-border") }, `dot-${index}-${pageIds[0] ?? "empty"}`))) })) : null] })] }));
 }

package/components/pages/SpringboardSurface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpringboardSurface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/SpringboardSurface.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2F/B,MAAM,WAAW,uBAAuB;IACtC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,kBAAkB,0DAE5B,uBAAuB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgF5C,CAAC"}
+{"version":3,"file":"SpringboardSurface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/SpringboardSurface.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsI/B,MAAM,WAAW,uBAAuB;IACtC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,kBAAkB,0DAE5B,uBAAuB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmR5C,CAAC"}