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

package/hooks/useCachedResource.d.ts

@@ -18,7 +18,7 @@
  * Passing the same `key` from multiple components (or mounting/unmounting the
  * same view repeatedly) is the whole point — they share one cache slot.
  */
-import type { UseFetchDataResult } from "./useFetchData";
+import type { UseFetchDataResult } from "./useFetchData.js";
 export interface CachedResourceOptions {
     /**
      * How long a cached value is considered fresh. Within this window a revisit

package/hooks/useCloudHandoffPhase.d.ts

@@ -1,4 +1,4 @@
-import { type CloudHandoffPhaseDetail } from "../events";
+import { type CloudHandoffPhaseDetail } from "../events/index.js";
 /**
  * Subscribe to the shared→dedicated cloud-agent handoff lifecycle
  * ({@link CLOUD_HANDOFF_PHASE_EVENT}) so a progress indicator can render it.

package/hooks/useCloudHandoffPhase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCloudHandoffPhase.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useCloudHandoffPhase.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,WAAW,CAAC;AAQnB;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,IAAI,uBAAuB,GAAG,IAAI,CAwBrE"}
+{"version":3,"file":"useCloudHandoffPhase.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useCloudHandoffPhase.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,WAAW,CAAC;AASnB;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,IAAI,uBAAuB,GAAG,IAAI,CA8BrE"}

package/hooks/useCloudHandoffPhase.js

@@ -1,10 +1,11 @@
 import { useEffect, useState } from "react";
 import { CLOUD_HANDOFF_PHASE_EVENT, } from "../events/index.js";
-// How long a terminal phase lingers before the banner self-clears. `migrating`
-// has no timer — it persists until the swap resolves (the container boot can
-// take 60-90s).
+// How long a successful terminal phase lingers before the banner self-clears.
+// `migrating` has no timer — it persists until the swap resolves (the container
+// boot can take 60-90s). `timed-out`/`failed` also have NO timer: they stay
+// until the user retries (or a retry resolves), so the failure isn't a silent
+// auto-dismissed fallback.
 const SUCCESS_LINGER_MS = 4000;
-const FAILURE_LINGER_MS = 8000;
 /**
  * Subscribe to the shared→dedicated cloud-agent handoff lifecycle
  * ({@link CLOUD_HANDOFF_PHASE_EVENT}) so a progress indicator can render it.
@@ -27,12 +28,17 @@ export function useCloudHandoffPhase() {
         return () => window.removeEventListener(CLOUD_HANDOFF_PHASE_EVENT, onPhase);
     }, []);
     useEffect(() => {
-        if (!detail || detail.phase === "migrating")
+        if (!detail)
             return;
-        const lingerMs = detail.phase === "timed-out" || detail.phase === "failed"
-            ? FAILURE_LINGER_MS
-            : SUCCESS_LINGER_MS;
-        const id = window.setTimeout(() => setDetail(null), lingerMs);
+        // `migrating` persists until the swap resolves; `timed-out`/`failed` persist
+        // until the user retries (the banner offers a retry). Only the success
+        // phases self-dismiss.
+        if (detail.phase === "migrating" ||
+            detail.phase === "timed-out" ||
+            detail.phase === "failed") {
+            return;
+        }
+        const id = window.setTimeout(() => setDetail(null), SUCCESS_LINGER_MS);
         return () => window.clearTimeout(id);
     }, [detail]);
     return detail;

package/hooks/useConnectorAccounts.d.ts

@@ -4,10 +4,9 @@
  * The backend route family is `/api/connectors/:provider/accounts`.
  * `connectorId` remains a UI grouping key for legacy connector config cards.
  */
-import type { ConnectorAccountActionResult, ConnectorAccountCreateInput, ConnectorAccountOAuthStartInput, ConnectorAccountRecord, ConnectorAccountsListResponse, ConnectorAccountUpdateInput } from "../api/client-agent";
+import type { ConnectorAccountActionResult, ConnectorAccountCreateInput, ConnectorAccountOAuthStartInput, ConnectorAccountRecord, ConnectorAccountsListResponse, ConnectorAccountUpdateInput } from "../api/client-agent.js";
+import type { ActionNoticeFn } from "../state/action-notice.js";
 export declare const DEFAULT_CONNECTOR_ACCOUNT_ID = "default";
-type ActionTone = "info" | "success" | "error";
-type ActionNoticeFn = (text: string, tone?: ActionTone, ttlMs?: number, once?: boolean, busy?: boolean) => void;
 export interface UseConnectorAccountsOptions {
     setActionNotice?: ActionNoticeFn;
     pollMs?: number;
@@ -35,5 +34,4 @@ export interface UseConnectorAccountsResult {
     makeDefault: (accountId: string) => Promise<ConnectorAccountActionResult>;
 }
 export declare function useConnectorAccounts(provider: string, connectorId?: string, options?: UseConnectorAccountsOptions): UseConnectorAccountsResult;
-export {};
 //# sourceMappingURL=useConnectorAccounts.d.ts.map

package/hooks/useConnectorAccounts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConnectorAccounts.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useConnectorAccounts.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EACV,4BAA4B,EAC5B,2BAA2B,EAC3B,+BAA+B,EAC/B,sBAAsB,EACtB,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,qBAAqB,CAAC;AAG7B,eAAO,MAAM,4BAA4B,YAAY,CAAC;AAEtD,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/C,KAAK,cAAc,GAAG,CACpB,IAAI,EAAE,MAAM,EACZ,IAAI,CAAC,EAAE,UAAU,EACjB,KAAK,CAAC,EAAE,MAAM,EACd,IAAI,CAAC,EAAE,OAAO,EACd,IAAI,CAAC,EAAE,OAAO,KACX,IAAI,CAAC;AAEV,MAAM,WAAW,2BAA2B;IAC1C,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,6BAA6B,GAAG,IAAI,CAAC;IAC3C,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,eAAe,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC/C,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,GAAG,EAAE,CACH,IAAI,CAAC,EAAE,2BAA2B,KAC/B,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAC3C,UAAU,EAAE,CACV,IAAI,CAAC,EAAE,+BAA+B,KACnC,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAC3C,MAAM,EAAE,CACN,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,2BAA2B,KAC9B,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACrC,IAAI,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,4BAA4B,CAAC,CAAC;IACnE,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAC7E,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,4BAA4B,CAAC,CAAC;IACrE,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,4BAA4B,CAAC,CAAC;CAC3E;AA2CD,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,EAChB,WAAW,SAAW,EACtB,OAAO,GAAE,2BAAgC,GACxC,0BAA0B,CAmS5B"}
+{"version":3,"file":"useConnectorAccounts.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useConnectorAccounts.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EACV,4BAA4B,EAC5B,2BAA2B,EAC3B,+BAA+B,EAC/B,sBAAsB,EACtB,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,eAAO,MAAM,4BAA4B,YAAY,CAAC;AAEtD,MAAM,WAAW,2BAA2B;IAC1C,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,6BAA6B,GAAG,IAAI,CAAC;IAC3C,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,eAAe,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC/C,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,GAAG,EAAE,CACH,IAAI,CAAC,EAAE,2BAA2B,KAC/B,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAC3C,UAAU,EAAE,CACV,IAAI,CAAC,EAAE,+BAA+B,KACnC,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAC3C,MAAM,EAAE,CACN,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,2BAA2B,KAC9B,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACrC,IAAI,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,4BAA4B,CAAC,CAAC;IACnE,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAC7E,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,4BAA4B,CAAC,CAAC;IACrE,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,4BAA4B,CAAC,CAAC;CAC3E;AA2CD,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,EAChB,WAAW,SAAW,EACtB,OAAO,GAAE,2BAAgC,GACxC,0BAA0B,CAmS5B"}

package/hooks/useConnectorAccounts.js

@@ -219,7 +219,7 @@ export function useConnectorAccounts(provider, connectorId = provider, options =
         }
     }, [connectorId, markSaving, notify, provider]);
     const accounts = useMemo(() => data?.accounts ?? [], [data?.accounts]);
-    const defaultAccountId = getPreferredAccountId(data);
+    const defaultAccountId = useMemo(() => getPreferredAccountId(data), [data]);
     const effectiveAccountId = selectedAccountId ?? defaultAccountId;
     const selectedAccount = useMemo(() => accounts.find((account) => account.id === effectiveAccountId) ?? null, [accounts, effectiveAccountId]);
     useEffect(() => {

package/hooks/useConnectorReconnect.d.ts

@@ -19,7 +19,7 @@
  * `retryAction` exactly once and reports the outcome. Cancellation is
  * cooperative: in-flight polls and the retry are abandoned and ignored.
  */
-import type { ConnectorAccountActionResult, ConnectorAccountRecord, ConnectorAccountStatus } from "../api/client-agent";
+import type { ConnectorAccountActionResult, ConnectorAccountRecord, ConnectorAccountStatus } from "../api/client-agent.js";
 export type ConnectorReconnectPhase = "idle" | "reconnecting" | "retrying" | "success" | "failed";
 /**
  * Result of a single `pollStatus` call. Either the resolved account record (the

package/hooks/useConnectorSendAsAccount.d.ts

@@ -1,7 +1,6 @@
-import type { ConnectorAccountActionResult, ConnectorAccountRecord } from "../api/client-agent";
-import { type ConnectorSendAsContext, normalizeConnectorSendAsContext } from "../components/chat/connector-send-as";
-type ActionTone = "info" | "success" | "error";
-type ActionNoticeFn = (text: string, tone?: ActionTone, ttlMs?: number, once?: boolean, busy?: boolean) => void;
+import type { ConnectorAccountActionResult, ConnectorAccountRecord } from "../api/client-agent.js";
+import { type ConnectorSendAsContext, normalizeConnectorSendAsContext } from "../components/chat/connector-send-as.js";
+import type { ActionNoticeFn } from "../state/action-notice.js";
 export interface UseConnectorSendAsAccountOptions {
     pollMs?: number;
     setActionNotice?: ActionNoticeFn;
@@ -24,5 +23,4 @@ export interface UseConnectorSendAsAccountResult {
     refresh: () => Promise<void>;
 }
 export declare function useConnectorSendAsAccount(rawContext: ConnectorSendAsContext | null | undefined, options?: UseConnectorSendAsAccountOptions): UseConnectorSendAsAccountResult;
-export {};
 //# sourceMappingURL=useConnectorSendAsAccount.d.ts.map

package/hooks/useConnectorSendAsAccount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConnectorSendAsAccount.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useConnectorSendAsAccount.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,4BAA4B,EAC5B,sBAAsB,EACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAEL,KAAK,sBAAsB,EAE3B,+BAA+B,EAEhC,MAAM,sCAAsC,CAAC;AAG9C,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/C,KAAK,cAAc,GAAG,CACpB,IAAI,EAAE,MAAM,EACZ,IAAI,CAAC,EAAE,UAAU,EACjB,KAAK,CAAC,EAAE,MAAM,EACd,IAAI,CAAC,EAAE,OAAO,EACd,IAAI,CAAC,EAAE,OAAO,KACX,IAAI,CAAC;AAEV,MAAM,WAAW,gCAAgC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,cAAc,CAAC;CAClC;AAED,MAAM,WAAW,+BAA+B;IAC9C,OAAO,EAAE,UAAU,CAAC,OAAO,+BAA+B,CAAC,CAAC;IAC5D,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,eAAe,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC/C,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IACpD,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,MAAM,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAC5D,gBAAgB,EAAE,CAChB,SAAS,EAAE,MAAM,KACd,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAOD,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,sBAAsB,GAAG,IAAI,GAAG,SAAS,EACrD,OAAO,GAAE,gCAAqC,GAC7C,+BAA+B,CAiFjC"}
+{"version":3,"file":"useConnectorSendAsAccount.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useConnectorSendAsAccount.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,4BAA4B,EAC5B,sBAAsB,EACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAEL,KAAK,sBAAsB,EAE3B,+BAA+B,EAEhC,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,MAAM,WAAW,gCAAgC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,cAAc,CAAC;CAClC;AAED,MAAM,WAAW,+BAA+B;IAC9C,OAAO,EAAE,UAAU,CAAC,OAAO,+BAA+B,CAAC,CAAC;IAC5D,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,eAAe,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC/C,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IACpD,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,MAAM,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAC5D,gBAAgB,EAAE,CAChB,SAAS,EAAE,MAAM,KACd,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAOD,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,sBAAsB,GAAG,IAAI,GAAG,SAAS,EACrD,OAAO,GAAE,gCAAqC,GAC7C,+BAA+B,CAiFjC"}

package/hooks/useContextMenu.d.ts

@@ -2,7 +2,7 @@
  * Listens for native desktop context-menu events
  * and dispatches actions into the app state.
  */
-import { type SavedCustomCommand } from "../chat";
+import { type SavedCustomCommand } from "../chat/index.js";
 export type CustomCommand = SavedCustomCommand;
 /** Read saved custom commands from localStorage. */
 export declare function loadCustomCommands(): CustomCommand[];

package/hooks/useContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useContextMenu.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC;AAE/C,oDAAoD;AACpD,wBAAgB,kBAAkB,IAAI,aAAa,EAAE,CAEpD;AAED,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAmBD,wBAAgB,cAAc,IAAI,gBAAgB,CAmIjD"}
+{"version":3,"file":"useContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useContextMenu.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC;AAE/C,oDAAoD;AACpD,wBAAgB,kBAAkB,IAAI,aAAa,EAAE,CAEpD;AAED,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAmBD,wBAAgB,cAAc,IAAI,gBAAgB,CAyIjD"}

package/hooks/useContextMenu.js

@@ -5,8 +5,8 @@
 import { useCallback, useEffect, useState } from "react";
 import { invokeDesktopBridgeRequest, isElectrobunRuntime, subscribeDesktopBridgeEvent, } from "../bridge/index.js";
 import { appendSavedCustomCommand, loadSavedCustomCommands, } from "../chat/index.js";
+import { useAppSelectorShallow } from "../state/app-store.js";
 import { useChatInputRef } from "../state/ChatComposerContext.hooks.js";
-import { useApp } from "../state/useApp.js";
 /** Read saved custom commands from localStorage. */
 export function loadCustomCommands() {
     return loadSavedCustomCommands();
@@ -24,7 +24,11 @@ function getSelectedText(target) {
     return "";
 }
 export function useContextMenu() {
-    const { setState, handleChatSend, setActionNotice } = useApp();
+    const { setState, handleChatSend, setActionNotice } = useAppSelectorShallow((s) => ({
+        setState: s.setState,
+        handleChatSend: s.handleChatSend,
+        setActionNotice: s.setActionNotice,
+    }));
     // useChatInputRef() returns a stable MutableRefObject — subscribing to it never
     // causes re-renders, so App.tsx (which calls this hook) stays quiet while typing.
     const chatInputRef = useChatInputRef();

package/hooks/useContinuousChat.d.ts

@@ -17,8 +17,8 @@
  * surface). When R11 lands, swap the local `CancellationToken` shape for the
  * runtime one and propagate the abort signal through the cloud relay.
  */
-import type { VoiceChatState } from "../voice/voice-chat-types";
-import { type VoiceContinuousMode, type VoiceContinuousStatus, type VoiceSpeakerMetadata } from "../voice/voice-chat-types";
+import type { VoiceChatState } from "../voice/voice-chat-types.js";
+import { type VoiceContinuousMode, type VoiceContinuousStatus, type VoiceSpeakerMetadata } from "../voice/voice-chat-types.js";
 export interface ContinuousChatLatency {
     /** Speech end → first assistant token, ms. */
     speechEndToFirstTokenMs: number | null;

package/hooks/useDefaultProviderPresets.d.ts

@@ -12,7 +12,7 @@
  * the persisted `VoiceConfig.provider` / `VoiceConfig.asr.provider`
  * is undefined.
  */
-import { type DefaultVoiceProviderResult, type PresetPlatform, type PresetRuntimeMode } from "../voice/voice-provider-defaults";
+import { type DefaultVoiceProviderResult, type PresetPlatform, type PresetRuntimeMode } from "../voice/voice-provider-defaults.js";
 export interface UseDefaultProviderPresetsOptions {
     /**
      * Test-only override for the platform detection. Production code

package/hooks/useDesktopTabs.d.ts

@@ -5,7 +5,7 @@
  * survive app restarts. Only the Electrobun desktop shell uses this hook; on
  * web and mobile it is inactive (empty list, inert methods).
  */
-import type { ViewRegistryEntry } from "./useAvailableViews";
+import type { ViewRegistryEntry } from "./useAvailableViews.js";
 export interface DesktopTab {
     viewId: string;
     label: string;

package/hooks/useDesktopTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDesktopTabs.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useDesktopTabs.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,MAAM,EAAE,OAAO,CAAC;CACjB;AA4CD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,OAAO,CAAC,IAAI,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvE,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,cAAc,IAAI,oBAAoB,CAkDrD"}
+{"version":3,"file":"useDesktopTabs.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useDesktopTabs.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,MAAM,EAAE,OAAO,CAAC;CACjB;AA8DD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,OAAO,CAAC,IAAI,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvE,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,cAAc,IAAI,oBAAoB,CAiDrD"}

package/hooks/useDesktopTabs.js

@@ -7,6 +7,7 @@
  */
 import { useCallback, useEffect, useState } from "react";
 import { isElectrobunRuntime } from "../bridge/electrobun-runtime.js";
+import { SPRINGBOARD_DOCK_LIMIT } from "../state/springboard-layout.js";
 const STORAGE_KEY = "elizaos.desktop.pinned-tabs";
 function loadPersistedTabs() {
     if (typeof window === "undefined")
@@ -48,6 +49,24 @@ function tabFromView(view, pinned) {
         pinned,
     };
 }
+/**
+ * iOS-style dock cap: at most SPRINGBOARD_DOCK_LIMIT pinned tabs. Pinning past
+ * the limit evicts (unpins) the oldest pinned tabs first, never the one the user
+ * just pinned (`keepId`). Unpinned tabs stay open; they just leave the dock.
+ */
+function capPinnedTabs(tabs, keepId) {
+    const pinnedCount = tabs.filter((t) => t.pinned).length;
+    if (pinnedCount <= SPRINGBOARD_DOCK_LIMIT)
+        return tabs;
+    let toEvict = pinnedCount - SPRINGBOARD_DOCK_LIMIT;
+    return tabs.map((tab) => {
+        if (toEvict > 0 && tab.pinned && tab.viewId !== keepId) {
+            toEvict -= 1;
+            return { ...tab, pinned: false };
+        }
+        return tab;
+    });
+}
 export function useDesktopTabs() {
     const [tabs, setTabs] = useState(() => {
         if (!isElectrobunRuntime())
@@ -66,14 +85,12 @@ export function useDesktopTabs() {
         setTabs((current) => {
             const exists = current.find((t) => t.viewId === view.id);
             const nextPinned = options?.pinned === true;
-            if (exists) {
-                return current.map((tab) => tab.viewId === view.id
-                    ? {
-                        ...tabFromView(view, tab.pinned || nextPinned),
-                    }
-                    : tab);
-            }
-            return [...current, tabFromView(view, nextPinned)];
+            const next = exists
+                ? current.map((tab) => tab.viewId === view.id
+                    ? { ...tabFromView(view, tab.pinned || nextPinned) }
+                    : tab)
+                : [...current, tabFromView(view, nextPinned)];
+            return nextPinned ? capPinnedTabs(next, view.id) : next;
         });
     }, []);
     const closeTab = useCallback((viewId) => {
@@ -88,7 +105,8 @@ export function useDesktopTabs() {
             const exists = current.find((t) => t.viewId === viewId);
             if (!exists)
                 return current;
-            return current.map((t) => t.viewId === viewId ? { ...t, pinned: true } : t);
+            const next = current.map((t) => t.viewId === viewId ? { ...t, pinned: true } : t);
+            return capPinnedTabs(next, viewId);
         });
     }, []);
     return { tabs, openTab, closeTab, pinTab };

package/hooks/useFrameBudgetMonitor.d.ts

@@ -0,0 +1,30 @@
+import { type FrameBudget, type FrameBudgetReportOptions } from "./frame-budget.js";
+/**
+ * Whether the dev-only frame-budget HUD should run. Requires the explicit
+ * `__ELIZA_PERF_HUD__` opt-in so it never runs in production (where render
+ * telemetry may be enabled but we don't want a permanent rAF loop).
+ */
+export declare function isPerfHudEnabled(): boolean;
+export interface FrameBudgetMonitorOptions extends FrameBudgetReportOptions {
+    /** Frame-rate target (default 60fps). */
+    budget?: FrameBudget;
+    /** Rolling window length in ms (default 1000). */
+    windowMs?: number;
+    /**
+     * Emit every window even when healthy (for a live HUD readout). Default false:
+     * only windows that breach the budget are emitted, matching the render-guard's
+     * "only surface a problem" behavior.
+     */
+    emitHealthy?: boolean;
+}
+/**
+ * Start sampling the frame budget. Returns a stop function. No-op (returns a
+ * no-op stop) when the HUD is disabled or the browser lacks rAF.
+ */
+export declare function startFrameBudgetMonitor(options?: FrameBudgetMonitorOptions): () => void;
+/**
+ * React hook: runs the frame-budget monitor while mounted, but only when the
+ * `__ELIZA_PERF_HUD__` dev opt-in is set. A no-op in production.
+ */
+export declare function useFrameBudgetMonitor(options?: FrameBudgetMonitorOptions): void;
+//# sourceMappingURL=useFrameBudgetMonitor.d.ts.map

package/hooks/useFrameBudgetMonitor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFrameBudgetMonitor.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useFrameBudgetMonitor.ts"],"names":[],"mappings":"AAcA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,wBAAwB,EAI9B,MAAM,gBAAgB,CAAC;AAaxB;;;;GAIG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAI1C;AAED,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACzE,yCAAyC;IACzC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAeD;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,GAAE,yBAA8B,GACtC,MAAM,IAAI,CAwCZ;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,GAAE,yBAA8B,GACtC,IAAI,CAkBN"}

package/hooks/useFrameBudgetMonitor.js

@@ -0,0 +1,105 @@
+// Dev-only frame-budget HUD wiring (issue #9141, task 1).
+//
+// Samples requestAnimationFrame deltas + PerformanceObserver('longtask') over a
+// rolling window and emits a FrameBudgetTelemetryEvent on the SAME
+// RENDER_TELEMETRY_EVENT channel the render-guard already uses (no second
+// channel — the issue is explicit about this). Off by default: only runs when
+// `globalThis.__ELIZA_PERF_HUD__` is truthy AND render telemetry is enabled, so
+// it never costs production a single rAF tick.
+//
+// The math lives in ./frame-budget (pure, unit-tested); this file is just the
+// browser glue and is intentionally thin.
+import { useEffect } from "react";
+import { PERF_TOGGLE_EVENT } from "../perf/perf-hud-control.js";
+import { DEFAULT_FRAME_BUDGET, FrameBudgetSampler, shouldReportFrameBudget, } from "./frame-budget.js";
+import { currentRoute, isRenderTelemetryEnabled, nextRenderTelemetrySequence, RENDER_TELEMETRY_EVENT, } from "./useRenderGuard.js";
+/**
+ * Whether the dev-only frame-budget HUD should run. Requires the explicit
+ * `__ELIZA_PERF_HUD__` opt-in so it never runs in production (where render
+ * telemetry may be enabled but we don't want a permanent rAF loop).
+ */
+export function isPerfHudEnabled() {
+    if (typeof window === "undefined")
+        return false;
+    if (globalThis.__ELIZA_PERF_HUD__ !== true)
+        return false;
+    return isRenderTelemetryEnabled();
+}
+/** Mirror emitRenderTelemetry's dispatch, but for the frame-budget event shape. */
+function emitFrameBudget(event) {
+    const globalObject = globalThis;
+    if (Array.isArray(globalObject.__ELIZA_RENDER_TELEMETRY__)) {
+        globalObject.__ELIZA_RENDER_TELEMETRY__.push(event);
+    }
+    if (typeof window !== "undefined" && typeof CustomEvent !== "undefined") {
+        window.dispatchEvent(new CustomEvent(RENDER_TELEMETRY_EVENT, { detail: event }));
+    }
+}
+/**
+ * Start sampling the frame budget. Returns a stop function. No-op (returns a
+ * no-op stop) when the HUD is disabled or the browser lacks rAF.
+ */
+export function startFrameBudgetMonitor(options = {}) {
+    if (!isPerfHudEnabled() || typeof requestAnimationFrame !== "function") {
+        return () => { };
+    }
+    const budget = options.budget ?? DEFAULT_FRAME_BUDGET;
+    const windowMs = options.windowMs ?? 1000;
+    const emitHealthy = options.emitHealthy ?? false;
+    // One shared rAF + longtask collector (see FrameBudgetSampler). It accumulates
+    // frame deltas + long tasks; we flush on a fixed time window and reset so each
+    // emitted summary covers exactly `windowMs`. windowSize is generous so a full
+    // window of frames is never pruned before the flush.
+    let windowStart = null;
+    const sampler = new FrameBudgetSampler({
+        budget,
+        windowSize: 1024,
+        onFrame: (now, currentSampler) => {
+            if (windowStart === null)
+                windowStart = now;
+            if (now - windowStart < windowMs)
+                return;
+            const summary = currentSampler.summary();
+            const report = shouldReportFrameBudget(summary, options);
+            if (emitHealthy || report) {
+                emitFrameBudget({
+                    source: "frameBudget",
+                    severity: report ? "error" : "info",
+                    summary,
+                    windowMs,
+                    at: now,
+                    sequence: nextRenderTelemetrySequence(),
+                    route: currentRoute(),
+                });
+            }
+            currentSampler.reset();
+            windowStart = now;
+        },
+    });
+    sampler.start();
+    return () => sampler.stop();
+}
+/**
+ * React hook: runs the frame-budget monitor while mounted, but only when the
+ * `__ELIZA_PERF_HUD__` dev opt-in is set. A no-op in production.
+ */
+export function useFrameBudgetMonitor(options = {}) {
+    // The monitor reads option values once at start; callers that want to change
+    // budget/window should remount. It restarts on PERF_TOGGLE_EVENT so the perf
+    // HUD hotkey turns the rAF sampler on/off live without a remount.
+    // biome-ignore lint/correctness/useExhaustiveDependencies: options are read once at start
+    useEffect(() => {
+        let stop = startFrameBudgetMonitor(options);
+        if (typeof window === "undefined")
+            return stop;
+        const onToggle = () => {
+            stop();
+            stop = startFrameBudgetMonitor(options);
+        };
+        window.addEventListener(PERF_TOGGLE_EVENT, onToggle);
+        return () => {
+            window.removeEventListener(PERF_TOGGLE_EVENT, onToggle);
+            stop();
+        };
+    }, []);
+}

package/hooks/useKeyboardShortcuts.d.ts

@@ -1,4 +1,6 @@
 export interface ShortcutDescriptor {
+    /** Stable kebab-case id reported to the agent as SHORTCUT_FIRED (#8792). */
+    id: string;
     key: string;
     ctrl?: boolean;
     shift?: boolean;
@@ -7,5 +9,7 @@ export interface ShortcutDescriptor {
     description: string;
     scope?: string;
 }
+export declare const SHORTCUT_OPEN_COMMAND_PALETTE = "open-command-palette";
+export declare const SHORTCUT_SHOW_KEYBOARD_SHORTCUTS = "show-keyboard-shortcuts";
 export declare const COMMON_SHORTCUTS: ShortcutDescriptor[];
 //# sourceMappingURL=useKeyboardShortcuts.d.ts.map

package/hooks/useKeyboardShortcuts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useKeyboardShortcuts.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,eAAO,MAAM,gBAAgB,EAAE,kBAAkB,EA6BhD,CAAC"}
+{"version":3,"file":"useKeyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useKeyboardShortcuts.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,4EAA4E;IAC5E,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID,eAAO,MAAM,6BAA6B,yBAAyB,CAAC;AACpE,eAAO,MAAM,gCAAgC,4BAA4B,CAAC;AAG1E,eAAO,MAAM,gBAAgB,EAAE,kBAAkB,EAiChD,CAAC"}

package/hooks/useKeyboardShortcuts.js

@@ -1,31 +1,39 @@
+// Stable shortcut ids that report to the agent (intent-bearing moments only —
+// see reportShortcutFired). Exported so handlers and tests share one source.
+export const SHORTCUT_OPEN_COMMAND_PALETTE = "open-command-palette";
+export const SHORTCUT_SHOW_KEYBOARD_SHORTCUTS = "show-keyboard-shortcuts";
 // Common shortcuts — app-specific definitions
 export const COMMON_SHORTCUTS = [
     {
+        id: SHORTCUT_OPEN_COMMAND_PALETTE,
         key: "k",
         ctrl: true,
         description: "Open command palette",
         scope: "global",
     },
-    { key: "Enter", ctrl: true, description: "Send message", scope: "chat" },
-    { key: "Escape", description: "Close modal / Cancel", scope: "global" },
     {
+        id: "send-message",
+        key: "Enter",
+        description: "Send message",
+        scope: "chat",
+    },
+    {
+        id: "close-modal",
+        key: "Escape",
+        description: "Close modal / Cancel",
+        scope: "global",
+    },
+    {
+        id: SHORTCUT_SHOW_KEYBOARD_SHORTCUTS,
         key: "?",
         shift: true,
         description: "Show keyboard shortcuts",
         scope: "global",
     },
     {
+        id: "focus-composer",
         key: "/",
         description: "Focus chat composer",
         scope: "global",
     },
-    { key: "r", ctrl: true, description: "Restart agent", scope: "global" },
-    { key: " ", description: "Pause/Resume agent", scope: "global" },
-    {
-        key: "t",
-        ctrl: true,
-        shift: true,
-        description: "Toggle terminal",
-        scope: "global",
-    },
 ];

package/hooks/useLayoutShiftMonitor.d.ts

@@ -0,0 +1,43 @@
+/** Web Vitals "good" CLS budget: above this, a window of shifts is flagged. */
+export declare const DEFAULT_CLS_BUDGET = 0.1;
+/** Telemetry payload emitted on the shared RENDER_TELEMETRY_EVENT channel. */
+export interface LayoutShiftTelemetryEvent {
+    source: "layoutShift";
+    severity: "info" | "error";
+    /** Cumulative layout shift over the window (recent-input shifts excluded). */
+    cls: number;
+    /** Number of qualifying (non-input) shifts in the window. */
+    shiftCount: number;
+    /** Largest single shift value in the window. */
+    largestShift: number;
+    /** The flush window length (ms) the burst was accumulated over. */
+    windowMs: number;
+    at: number;
+    sequence: number;
+    route?: string;
+}
+export interface LayoutShiftMonitorOptions {
+    /**
+     * Accumulate shifts for this long after the first one in a burst, then flush a
+     * single summary. Default 1000ms: long enough to coalesce a reflow cascade,
+     * short enough to attribute it to the interaction that caused it.
+     */
+    windowMs?: number;
+    /** Flag (severity "error") when windowed CLS exceeds this. Default 0.1. */
+    clsBudget?: number;
+    /** Emit every window even when under budget (for a live readout). Default false. */
+    emitHealthy?: boolean;
+}
+/**
+ * Start observing layout shifts. Returns a stop function. No-op (returns a no-op
+ * stop) when render telemetry is disabled or the engine lacks the layout-shift
+ * PerformanceObserver (notably Safari/WebKit).
+ */
+export declare function startLayoutShiftMonitor(options?: LayoutShiftMonitorOptions): () => void;
+/**
+ * React hook: observe layout shifts while mounted. A no-op in production. Reacts
+ * to nothing at runtime (always-on in dev), so callers mount it once near the
+ * shell root.
+ */
+export declare function useLayoutShiftMonitor(options?: LayoutShiftMonitorOptions): void;
+//# sourceMappingURL=useLayoutShiftMonitor.d.ts.map

package/hooks/useLayoutShiftMonitor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutShiftMonitor.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useLayoutShiftMonitor.ts"],"names":[],"mappings":"AAkCA,+EAA+E;AAC/E,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,8EAA8E;AAC9E,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,8EAA8E;IAC9E,GAAG,EAAE,MAAM,CAAC;IACZ,6DAA6D;IAC7D,UAAU,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA6BD;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,GAAE,yBAA8B,GACtC,MAAM,IAAI,CA2EZ;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,GAAE,yBAA8B,GACtC,IAAI,CAGN"}