@hachej/boring-agent 0.1.30 → 0.1.32

package/dist/front/index.js

@@ -3,13 +3,19 @@ import {
   WORKSPACE_AGENT_PLUGINS_RELOADED_EVENT,
   extractToolUiMetadata
 } from "../chunk-B5JECXMG.js";
+import {
+  sanitizeUiMessage,
+  sanitizeUiMessages,
+  uiMessageContentKey
+} from "../chunk-IDRC4SFU.js";
 import {
   ErrorCode
 } from "../chunk-UBWQ5LT4.js";
 import {
   DebugDrawer,
-  cn
-} from "../chunk-MMJA3QON.js";
+  cn,
+  copyTextToClipboard
+} from "../chunk-UTUXVT2K.js";
 
 // src/front/upload/uploadFile.ts
 function readAsDataUrl(file) {
@@ -50,7 +56,7 @@ async function uploadFile(file, opts = {}) {
 // src/front/ChatPanel.tsx
 import { isToolUIPart as isToolUIPart2 } from "ai";
 import { motion as motion2 } from "motion/react";
-import { lazy, Suspense, useCallback as useCallback16, useEffect as useEffect18, useMemo as useMemo12, useRef as useRef13, useState as useState20 } from "react";
+import { lazy, Suspense, useCallback as useCallback17, useEffect as useEffect18, useMemo as useMemo12, useRef as useRef14, useState as useState20 } from "react";
 
 // src/front/primitives/mention-picker.tsx
 import { useEffect as useEffect2, useRef as useRef2, useState, useCallback } from "react";
@@ -256,12 +262,164 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
 // src/front/hooks/useAgentChat.ts
 import { useChat } from "@ai-sdk/react";
 import { DefaultChatTransport } from "ai";
-import { useEffect as useEffect4, useMemo as useMemo2, useRef as useRef4, useState as useState3 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect4, useMemo as useMemo2, useRef as useRef4, useState as useState3 } from "react";
+function mergeMessages(base, tail, opts) {
+  const seenIds = /* @__PURE__ */ new Set();
+  const seenContent = /* @__PURE__ */ new Set();
+  const stableContent = /* @__PURE__ */ new Set();
+  const pendingUserContent = /* @__PURE__ */ new Map();
+  const merged = [];
+  for (const rawMessage of [...base, ...tail]) {
+    const message = sanitizeUiMessage(rawMessage);
+    const id = typeof message.id === "string" ? message.id : void 0;
+    const contentKey = uiMessageContentKey(message);
+    const pendingUser = id?.startsWith("pending-user:") === true;
+    if (id) {
+      if (seenIds.has(id)) continue;
+      if (pendingUser && (seenContent.has(contentKey) || opts?.dedupePendingAgainstStable !== false && stableContent.has(contentKey))) continue;
+      if (!pendingUser) {
+        const pendingIndex = pendingUserContent.get(contentKey);
+        if (pendingIndex !== void 0) {
+          merged[pendingIndex] = message;
+          seenIds.add(id);
+          seenContent.add(contentKey);
+          pendingUserContent.delete(contentKey);
+          continue;
+        }
+      }
+      seenIds.add(id);
+      if (pendingUser) {
+        pendingUserContent.set(contentKey, merged.length);
+      } else {
+        stableContent.add(contentKey);
+      }
+    } else {
+      if (seenContent.has(contentKey)) continue;
+      seenContent.add(contentKey);
+    }
+    merged.push(message);
+  }
+  return sanitizeUiMessages(merged);
+}
+function sameMessageOrder(a, b) {
+  if (a.length !== b.length) return false;
+  return a.every((message, index) => {
+    const other = b[index];
+    return message.id === other?.id && JSON.stringify(message.parts ?? []) === JSON.stringify(other?.parts ?? []);
+  });
+}
+function sameMessageIdentityOrContent(a, b) {
+  if (!a || !b) return false;
+  if (typeof a.id === "string" && typeof b.id === "string" && a.id === b.id) return true;
+  return uiMessageContentKey(a) === uiMessageContentKey(b);
+}
+function mergeHydratedMessages(serverMessages, cachedMessages) {
+  if (serverMessages.length === 0) return mergeMessages([], cachedMessages);
+  if (cachedMessages.length === 0) return mergeMessages([], serverMessages);
+  let commonPrefix = 0;
+  while (commonPrefix < serverMessages.length && commonPrefix < cachedMessages.length && sameMessageIdentityOrContent(serverMessages[commonPrefix], cachedMessages[commonPrefix])) {
+    commonPrefix += 1;
+  }
+  if (commonPrefix > 0 && commonPrefix < cachedMessages.length && commonPrefix < serverMessages.length) {
+    return mergeMessages(serverMessages.slice(0, commonPrefix), [
+      ...cachedMessages.slice(commonPrefix),
+      ...serverMessages.slice(commonPrefix)
+    ]);
+  }
+  const firstCached = cachedMessages[0];
+  const serverHasUser = serverMessages.some((message) => message.role === "user");
+  if (commonPrefix === 0 && !serverHasUser && firstCached?.role === "user" && typeof firstCached.id === "string" && firstCached.id.startsWith("pending-user:") && serverMessages[0]?.role === "assistant") {
+    return mergeMessages([], [...cachedMessages, ...serverMessages]);
+  }
+  return mergeMessages(serverMessages, cachedMessages);
+}
+function messagesLookSettled(messages) {
+  const last = messages[messages.length - 1];
+  if (last?.role !== "assistant") return false;
+  return !last.parts?.some((part) => {
+    const candidate = part;
+    return typeof candidate.type === "string" && candidate.type.startsWith("tool-") && candidate.state !== "output-available" && candidate.state !== "output-error" && candidate.state !== "output-denied" && candidate.state !== "approval-responded";
+  });
+}
+function readCachedMessages(cacheKey) {
+  try {
+    const cached = globalThis.localStorage?.getItem(cacheKey);
+    if (!cached) return [];
+    const parsed = JSON.parse(cached);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch {
+    return [];
+  }
+}
+function messagesNeedResume(cachedMessages) {
+  const last = cachedMessages[cachedMessages.length - 1];
+  if (!last) return false;
+  if (last.role === "user") return true;
+  return Boolean(last.parts?.some((part) => {
+    const candidate = part;
+    if (typeof candidate.type === "string" && candidate.type.startsWith("tool-")) {
+      return candidate.state !== "output-available" && candidate.state !== "output-error" && candidate.state !== "output-denied" && candidate.state !== "approval-responded";
+    }
+    return false;
+  }));
+}
+function cachedMessagesNeedResume(cacheKey) {
+  return messagesNeedResume(readCachedMessages(cacheKey));
+}
+function cachedStatusNeedsResume(statusKey) {
+  try {
+    return globalThis.localStorage?.getItem(statusKey) === "active";
+  } catch {
+    return false;
+  }
+}
+function createClientTurnId() {
+  return `turn:${Date.now()}:${Math.random().toString(36).slice(2)}`;
+}
+function turnIdFromDataPart(part) {
+  const candidate = part;
+  if (candidate?.type !== "data-turn-start") return null;
+  return typeof candidate.data?.turnId === "string" && candidate.data.turnId.length > 0 ? candidate.data.turnId : null;
+}
+function optimisticUserMessageFromSendArgs(args) {
+  const input = args[0];
+  const text = typeof input?.text === "string" ? input.text : "";
+  if (!text.trim()) return null;
+  return {
+    id: `pending-user:${Date.now()}:${Math.random().toString(36).slice(2)}`,
+    role: "user",
+    parts: [{ type: "text", text }]
+  };
+}
+function writeCachedMessages(cacheKey, messages) {
+  try {
+    globalThis.localStorage?.setItem(cacheKey, JSON.stringify(messages));
+  } catch {
+  }
+}
+function clearCachedMessages(cacheKey) {
+  try {
+    globalThis.localStorage?.removeItem?.(cacheKey);
+  } catch {
+  }
+}
 function useAgentChat(opts) {
   const { sessionId } = opts;
   const hydrateMessages = opts.hydrateMessages ?? true;
   const optsRef = useRef4(opts);
   optsRef.current = opts;
+  const cacheKey = sessionId ? `boring-agent:messages:${sessionId}` : null;
+  const statusKey = sessionId ? `boring-agent:status:${sessionId}` : null;
+  const [settledResumeKey, setSettledResumeKey] = useState3(null);
+  const [localTurnActive, setLocalTurnActive] = useState3(false);
+  const localTurnVersionRef = useRef4(0);
+  const shouldResume = useMemo2(
+    () => hydrateMessages && Boolean(
+      cacheKey && !localTurnActive && settledResumeKey !== cacheKey && (cachedMessagesNeedResume(cacheKey) || (statusKey ? cachedStatusNeedsResume(statusKey) : false))
+    ),
+    [cacheKey, hydrateMessages, localTurnActive, settledResumeKey, statusKey]
+  );
+  const activeTurnIdRef = useRef4(null);
   const transport = useMemo2(
     () => new DefaultChatTransport({
       api: "/api/v1/agent/chat",
@@ -269,7 +427,8 @@ function useAgentChat(opts) {
       body: () => ({
         sessionId: optsRef.current.sessionId,
         model: optsRef.current.model,
-        thinkingLevel: optsRef.current.thinkingLevel
+        thinkingLevel: optsRef.current.thinkingLevel,
+        ...activeTurnIdRef.current ? { clientTurnId: activeTurnIdRef.current } : {}
       })
     }),
     [sessionId]
@@ -277,75 +436,166 @@ function useAgentChat(opts) {
   const chat = useChat({
     id: sessionId,
     transport,
-    resume: hydrateMessages,
+    resume: shouldResume,
     // Match AI SDK's documented React smoothing knob: render at most every
     // ~50ms while chunks stream instead of once per incoming chunk. This only
     // throttles AI SDK's own messages store; pi's custom data-pi projection
     // does its own matching delta batching in usePiChatProjection.
     experimental_throttle: 50,
     onData: (part) => {
+      const turnId = turnIdFromDataPart(part);
+      if (turnId) activeTurnIdRef.current = turnId;
       optsRef.current.onData?.(part);
     }
   });
+  const rawMessages = chat.messages;
+  const messages = useMemo2(() => mergeMessages([], rawMessages), [rawMessages]);
+  const messagesRef = useRef4(messages);
+  messagesRef.current = messages;
+  const rawStop = chat.stop;
+  const stop = useCallback3(() => {
+    rawStop();
+    if (!sessionId) return;
+    const turnId = activeTurnIdRef.current;
+    const suffix = turnId ? `?turnId=${encodeURIComponent(turnId)}` : "";
+    fetch(`/api/v1/agent/chat/${encodeURIComponent(sessionId)}/turn${suffix}`, {
+      method: "DELETE",
+      headers: optsRef.current.requestHeaders
+    }).catch(() => {
+    });
+  }, [rawStop, sessionId]);
+  useEffect4(() => {
+    setLocalTurnActive(false);
+  }, [sessionId]);
+  const sendMessage = useCallback3((...args) => {
+    activeTurnIdRef.current = createClientTurnId();
+    localTurnVersionRef.current += 1;
+    setLocalTurnActive(true);
+    setSettledResumeKey((current) => current === cacheKey ? null : current);
+    if (cacheKey) {
+      const optimisticUser = optimisticUserMessageFromSendArgs(args);
+      if (optimisticUser) {
+        const cachedMessages = readCachedMessages(cacheKey);
+        const base = messagesRef.current.length > 0 ? messagesRef.current : cachedMessages;
+        const next = mergeMessages(base, [optimisticUser], { dedupePendingAgainstStable: false });
+        writeCachedMessages(cacheKey, next);
+      }
+    }
+    if (statusKey) {
+      try {
+        globalThis.localStorage?.setItem(statusKey, "active");
+      } catch {
+      }
+    }
+    return chat.sendMessage(...args);
+  }, [cacheKey, chat.sendMessage, statusKey]);
   const setMessages = chat.setMessages;
-  const cacheKey = sessionId ? `boring-agent:messages:${sessionId}` : null;
-  const [hydrated, setHydrated] = useState3(false);
+  const [hydratedKey, setHydratedKey] = useState3(null);
+  const hydrated = !hydrateMessages || !sessionId || !cacheKey || hydratedKey === cacheKey;
   useEffect4(() => {
     if (!sessionId || !cacheKey) return;
     if (!hydrateMessages) {
-      setHydrated(true);
+      setHydratedKey(cacheKey);
       return;
     }
     let aborted = false;
-    setHydrated(false);
-    const loadFromCache = () => {
-      try {
-        const cached = globalThis.localStorage?.getItem(cacheKey);
-        if (!cached) return;
-        const parsed = JSON.parse(cached);
-        if (Array.isArray(parsed) && parsed.length > 0) {
-          setMessages(parsed);
+    setHydratedKey(null);
+    const hydrateLocalTurnVersion = localTurnVersionRef.current;
+    const hydrateMerged = (serverMessages, cachedMessages) => {
+      const current = messagesRef.current;
+      const fromServerAndCache = mergeHydratedMessages(serverMessages, cachedMessages);
+      const next = current.length > 0 ? mergeMessages(fromServerAndCache, current) : fromServerAndCache;
+      if (next.length > 0) {
+        setMessages(next);
+        const serverLatest = serverMessages[serverMessages.length - 1];
+        const cachedLatest = cachedMessages[cachedMessages.length - 1];
+        const serverCoversCachedTail = !messagesNeedResume(cachedMessages) || serverLatest && cachedLatest && sameMessageIdentityOrContent(serverLatest, cachedLatest) || serverMessages.length >= cachedMessages.length;
+        const authoritativeSettledServerTail = Boolean(
+          serverLatest && serverCoversCachedTail && messagesLookSettled(serverMessages)
+        );
+        if (authoritativeSettledServerTail) {
+          setSettledResumeKey(cacheKey);
+          if (localTurnVersionRef.current === hydrateLocalTurnVersion) rawStop();
+          clearCachedMessages(cacheKey);
+          if (statusKey) {
+            try {
+              globalThis.localStorage?.setItem(statusKey, "ready");
+            } catch {
+            }
+          }
         }
-      } catch {
       }
     };
+    const loadFromCache = () => {
+      const cachedMessages = readCachedMessages(cacheKey);
+      if (cachedMessages.length > 0) hydrateMerged([], cachedMessages);
+    };
     const fetchOpts = optsRef.current.requestHeaders ? { headers: optsRef.current.requestHeaders } : void 0;
     const messagesUrl = `/api/v1/agent/chat/${encodeURIComponent(sessionId)}/messages`;
     const request = fetchOpts ? fetch(messagesUrl, fetchOpts) : fetch(messagesUrl);
     request.then((res) => res.ok ? res.json() : null).then((payload) => {
       if (aborted) return;
-      const localTurnStarted = statusRef.current === "submitted" || statusRef.current === "streaming" || messagesRef.current.length > 0;
       const serverMessages = payload?.messages;
+      const cachedMessages = readCachedMessages(cacheKey);
       if (Array.isArray(serverMessages) && serverMessages.length > 0) {
-        if (!localTurnStarted) setMessages(serverMessages);
+        hydrateMerged(serverMessages, cachedMessages);
         return;
       }
-      if (!localTurnStarted) loadFromCache();
+      if (cachedMessages.length > 0) hydrateMerged([], cachedMessages);
     }).catch(() => {
       if (aborted) return;
-      const localTurnStarted = statusRef.current === "submitted" || statusRef.current === "streaming" || messagesRef.current.length > 0;
-      if (!localTurnStarted) loadFromCache();
+      loadFromCache();
     }).finally(() => {
-      if (!aborted) setHydrated(true);
+      if (!aborted) setHydratedKey(cacheKey);
     });
     return () => {
       aborted = true;
     };
-  }, [hydrateMessages, sessionId, cacheKey, setMessages]);
-  const messages = chat.messages;
-  const status = chat.status;
-  const messagesRef = useRef4(messages);
-  const statusRef = useRef4(status);
-  messagesRef.current = messages;
-  statusRef.current = status;
+  }, [hydrateMessages, sessionId, cacheKey, setMessages, statusKey, rawStop]);
+  const rawStatus = chat.status;
+  const rawStatusActive = rawStatus === "submitted" || rawStatus === "streaming";
+  const knownActiveTurn = localTurnActive || shouldResume;
+  const hydratingWithoutMessages = hydrateMessages && Boolean(sessionId) && !hydrated && messages.length === 0;
+  const status = hydratingWithoutMessages ? "ready" : rawStatusActive && !knownActiveTurn ? "ready" : knownActiveTurn && rawStatus === "ready" ? "submitted" : rawStatus;
+  const prevRawStatusRef = useRef4(rawStatus);
   useEffect4(() => {
-    if (opts.persistMessages === false) return;
-    if (!hydrated || !cacheKey) return;
-    if (messages.length === 0) return;
+    const prev = prevRawStatusRef.current;
+    prevRawStatusRef.current = rawStatus;
+    const prevActive = prev === "submitted" || prev === "streaming";
+    if (prevActive && (rawStatus === "ready" || rawStatus === "error")) {
+      setLocalTurnActive(false);
+      activeTurnIdRef.current = null;
+      if (cacheKey) setSettledResumeKey(cacheKey);
+      if (statusKey) {
+        try {
+          globalThis.localStorage?.setItem(statusKey, "ready");
+        } catch {
+        }
+      }
+      if (cacheKey && shouldResume) clearCachedMessages(cacheKey);
+    }
+  }, [rawStatus, sessionId, cacheKey, statusKey, shouldResume]);
+  useEffect4(() => {
+    if (!statusKey) return;
     try {
-      globalThis.localStorage?.setItem(cacheKey, JSON.stringify(messages));
+      if (knownActiveTurn) {
+        globalThis.localStorage?.setItem(statusKey, "active");
+      } else if (rawStatus === "ready" || rawStatus === "error" || rawStatusActive) {
+        globalThis.localStorage?.setItem(statusKey, "ready");
+      }
     } catch {
     }
+  }, [knownActiveTurn, rawStatus, rawStatusActive, statusKey]);
+  useEffect4(() => {
+    if (messages.length === 0) return;
+    const deduped = mergeMessages([], rawMessages);
+    if (!sameMessageOrder(rawMessages, deduped)) setMessages(deduped);
+  }, [rawMessages, messages.length, setMessages]);
+  useEffect4(() => {
+    if (opts.persistMessages === false) return;
+    if (!hydrated || !cacheKey) return;
+    if (messages.length === 0) return;
+    writeCachedMessages(cacheKey, mergeMessages([], messages));
   }, [opts.persistMessages, hydrated, cacheKey, messages]);
   const SETTLED_STATES = /* @__PURE__ */ new Set([
     "output-available",
@@ -388,7 +638,8 @@ function useAgentChat(opts) {
     if (prev !== "streaming" && prev !== "submitted") return;
     if (!sessionId || messages.length === 0) return;
     const url = `/api/v1/agent/chat/${encodeURIComponent(sessionId)}/messages`;
-    const stripped = messages.map((msg) => ({
+    const persistedMessages = mergeMessages([], messages);
+    const stripped = persistedMessages.map((msg) => ({
       ...msg,
       parts: msg.parts?.map((part) => {
         const p = part;
@@ -408,11 +659,11 @@ function useAgentChat(opts) {
     }).catch(() => {
     });
   }, [opts.persistMessages, sessionId, status, messages]);
-  return chat;
+  return { ...chat, messages, sendMessage, stop, status, hydrated, hydratingMessages: hydrateMessages && Boolean(sessionId) && !hydrated };
 }
 
 // src/front/pi/piChatProjection.ts
-import { useCallback as useCallback3, useEffect as useEffect5, useRef as useRef5, useState as useState4 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect5, useRef as useRef5, useState as useState4 } from "react";
 function asPiDataPart(part) {
   const typed = part;
   if (typeof typed.type !== "string" || !typed.type.startsWith("data-pi-")) return null;
@@ -584,12 +835,12 @@ function usePiChatProjection({
   const piMessagesRef = useRef5([]);
   const bufferedDeltaRef = useRef5(/* @__PURE__ */ new Map());
   const flushTimerRef = useRef5(null);
-  const updatePiMessages = useCallback3((updater) => {
+  const updatePiMessages = useCallback4((updater) => {
     const next = updater(piMessagesRef.current);
     piMessagesRef.current = next;
     setPiMessages(next);
   }, []);
-  const flushBufferedDeltas = useCallback3(() => {
+  const flushBufferedDeltas = useCallback4(() => {
     if (flushTimerRef.current) {
       clearTimeout(flushTimerRef.current);
       flushTimerRef.current = null;
@@ -599,7 +850,7 @@ function usePiChatProjection({
     bufferedDeltaRef.current.clear();
     updatePiMessages((items) => applyBufferedDeltas(items, deltas));
   }, [updatePiMessages]);
-  const queueBufferedDelta = useCallback3((entry) => {
+  const queueBufferedDelta = useCallback4((entry) => {
     const key = `${entry.kind}:${entry.messageId}:${entry.partId}`;
     const existing = bufferedDeltaRef.current.get(key);
     bufferedDeltaRef.current.set(key, existing ? { ...existing, delta: `${existing.delta}${entry.delta}` } : entry);
@@ -624,7 +875,7 @@ function usePiChatProjection({
     piMessagesRef.current = [];
     setPiMessages([]);
   }, [sessionId]);
-  const handleData = useCallback3((part) => {
+  const handleData = useCallback4((part) => {
     const typed = part;
     const data = typed.data ?? {};
     const piMessageId = typeof data.messageId === "string" ? data.messageId : void 0;
@@ -774,11 +1025,18 @@ function usePiChatProjection({
 }
 
 // src/front/pi/piNativeFollowUpQueue.ts
-import { useCallback as useCallback4, useEffect as useEffect6, useMemo as useMemo3, useRef as useRef6, useState as useState5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect6, useMemo as useMemo3, useRef as useRef6, useState as useState5 } from "react";
 var STORAGE_FOLLOWUP_SEQ_PREFIX = "boring-agent:followup-seq:";
+var STORAGE_FOLLOWUP_QUEUE_PREFIX = "boring-agent:followup-queue:";
 var MAX_FOLLOWUP_POST_ATTEMPTS = 5;
-function nextStoredFollowUpSeq(sessionId) {
-  const key = `${STORAGE_FOLLOWUP_SEQ_PREFIX}${sessionId}`;
+function workspaceScopeFromHeaders(headers) {
+  return headers?.["x-boring-workspace-id"] ?? headers?.["X-Boring-Workspace-Id"] ?? "global";
+}
+function scopedStorageKey(prefix, storageScope, sessionId) {
+  return `${prefix}${encodeURIComponent(storageScope)}:${encodeURIComponent(sessionId)}`;
+}
+function nextStoredFollowUpSeq(storageScope, sessionId) {
+  const key = scopedStorageKey(STORAGE_FOLLOWUP_SEQ_PREFIX, storageScope, sessionId);
   try {
     const current = Number(globalThis.localStorage?.getItem(key) ?? "0");
     const next = Number.isFinite(current) ? current + 1 : 1;
@@ -788,16 +1046,57 @@ function nextStoredFollowUpSeq(sessionId) {
     return Date.now();
   }
 }
+function followUpQueueStorageKey(storageScope, sessionId) {
+  return scopedStorageKey(STORAGE_FOLLOWUP_QUEUE_PREFIX, storageScope, sessionId);
+}
+function isPendingFollowUp(value, sessionId) {
+  const item = value;
+  return Boolean(
+    item && item.sessionId === sessionId && typeof item.id === "string" && typeof item.text === "string" && typeof item.serverMessage === "string" && typeof item.clientNonce === "string" && typeof item.clientSeq === "number" && typeof item.postAttempts === "number" && Array.isArray(item.files) && Array.isArray(item.attachments) && typeof item.posted === "boolean" && typeof item.consumed === "boolean"
+  );
+}
+function pendingToProjected(item) {
+  return {
+    id: item.id,
+    role: "user",
+    text: item.text,
+    files: item.files,
+    status: item.consumed ? "done" : "queued"
+  };
+}
+function readStoredFollowUps(storageScope, sessionId) {
+  try {
+    const raw = globalThis.localStorage?.getItem(followUpQueueStorageKey(storageScope, sessionId));
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return [];
+    return parsed.filter((item) => isPendingFollowUp(item, sessionId));
+  } catch {
+    return [];
+  }
+}
+function writeStoredFollowUps(storageScope, sessionId, items) {
+  try {
+    const scoped = items.filter((item) => item.sessionId === sessionId && !item.consumed);
+    const storage = globalThis.localStorage;
+    if (!storage) return;
+    const key = followUpQueueStorageKey(storageScope, sessionId);
+    if (scoped.length === 0) storage.removeItem(key);
+    else storage.setItem(key, JSON.stringify(scoped));
+  } catch {
+  }
+}
 function usePiNativeFollowUpQueue({
   sessionId,
   status,
   requestHeaders,
   stop
 }) {
-  const [pendingMessages, setPendingMessages] = useState5([]);
-  const pendingMessagesRef = useRef6([]);
-  const [projectedFollowUps, setProjectedFollowUps] = useState5([]);
-  const projectedFollowUpsRef = useRef6([]);
+  const storageScope = workspaceScopeFromHeaders(requestHeaders);
+  const [pendingMessages, setPendingMessages] = useState5(() => readStoredFollowUps(storageScope, sessionId));
+  const pendingMessagesRef = useRef6(pendingMessages);
+  const [projectedFollowUps, setProjectedFollowUps] = useState5(() => pendingMessages.map(pendingToProjected));
+  const projectedFollowUpsRef = useRef6(projectedFollowUps);
   const activeProjectedAssistantRef = useRef6(null);
   const lastConsumedProjectedUserRef = useRef6(null);
   const followUpPostTimerRef = useRef6(null);
@@ -805,34 +1104,50 @@ function usePiNativeFollowUpQueue({
   const postPendingFollowUpsRef = useRef6(() => {
   });
   const consumedFollowUpRef = useRef6(null);
-  const updatePendingMessages = useCallback4((updater) => {
+  const activeStorageRef = useRef6({ storageScope, sessionId });
+  activeStorageRef.current = { storageScope, sessionId };
+  const updatePendingMessages = useCallback5((updater) => {
     const next = updater(pendingMessagesRef.current);
     pendingMessagesRef.current = next;
+    writeStoredFollowUps(storageScope, sessionId, next);
     setPendingMessages(next);
-  }, []);
-  const updateProjectedFollowUps = useCallback4((updater) => {
+  }, [storageScope, sessionId]);
+  const updateProjectedFollowUps = useCallback5((updater) => {
     const next = updater(projectedFollowUpsRef.current);
     projectedFollowUpsRef.current = next;
     setProjectedFollowUps(next);
   }, []);
-  const clearLocal = useCallback4(() => {
+  const clearRuntimeState = useCallback5(() => {
     consumedFollowUpRef.current = null;
-    pendingMessagesRef.current = [];
-    projectedFollowUpsRef.current = [];
     activeProjectedAssistantRef.current = null;
     lastConsumedProjectedUserRef.current = null;
     if (followUpPostTimerRef.current) clearTimeout(followUpPostTimerRef.current);
     followUpPostTimerRef.current = null;
     followUpPostInFlightRef.current = false;
+  }, []);
+  const loadLocalForScope = useCallback5((nextStorageScope, nextSessionId) => {
+    clearRuntimeState();
+    const restored = readStoredFollowUps(nextStorageScope, nextSessionId);
+    const projected = restored.map(pendingToProjected);
+    pendingMessagesRef.current = restored;
+    projectedFollowUpsRef.current = projected;
+    setPendingMessages(restored);
+    setProjectedFollowUps(projected);
+  }, [clearRuntimeState]);
+  const clearLocal = useCallback5(() => {
+    clearRuntimeState();
+    pendingMessagesRef.current = [];
+    projectedFollowUpsRef.current = [];
+    writeStoredFollowUps(storageScope, sessionId, []);
     setPendingMessages([]);
     setProjectedFollowUps([]);
-  }, []);
-  const previousSessionIdRef = useRef6(sessionId);
+  }, [clearRuntimeState, storageScope, sessionId]);
+  const previousStorageRef = useRef6({ storageScope, sessionId });
   useEffect6(() => {
-    if (previousSessionIdRef.current === sessionId) return;
-    previousSessionIdRef.current = sessionId;
-    clearLocal();
-  }, [sessionId, clearLocal]);
+    if (previousStorageRef.current.storageScope === storageScope && previousStorageRef.current.sessionId === sessionId) return;
+    previousStorageRef.current = { storageScope, sessionId };
+    loadLocalForScope(storageScope, sessionId);
+  }, [storageScope, sessionId, loadLocalForScope]);
   useEffect6(() => {
     return () => {
       if (followUpPostTimerRef.current) {
@@ -841,18 +1156,22 @@ function usePiNativeFollowUpQueue({
       }
     };
   }, []);
-  const postPendingFollowUps = useCallback4(() => {
+  const postPendingFollowUps = useCallback5(() => {
     if (followUpPostInFlightRef.current) return;
+    const postStorageScope = storageScope;
+    const postSessionId = sessionId;
+    const isActiveScope = () => activeStorageRef.current.storageScope === postStorageScope && activeStorageRef.current.sessionId === postSessionId;
+    if (!isActiveScope()) return;
     followUpPostInFlightRef.current = true;
     void (async () => {
       let shouldContinue = true;
       try {
         while (true) {
-          const pending = pendingMessagesRef.current.find((item) => item.sessionId === sessionId && !item.posted);
+          if (!isActiveScope()) return;
+          const pending = pendingMessagesRef.current.find((item) => item.sessionId === postSessionId && !item.posted);
           if (!pending) return;
-          updatePendingMessages((items) => items.map((item) => item.id === pending.id ? { ...item, posted: true } : item));
           try {
-            const res = await fetch(`/api/v1/agent/chat/${encodeURIComponent(sessionId)}/followup`, {
+            const res = await fetch(`/api/v1/agent/chat/${encodeURIComponent(postSessionId)}/followup`, {
               method: "POST",
               headers: {
                 "Content-Type": "application/json",
@@ -867,8 +1186,11 @@ function usePiNativeFollowUpQueue({
               })
             });
             if (!res.ok) throw new Error(`follow-up rejected: ${res.status}`);
+            if (!isActiveScope()) return;
+            updatePendingMessages((items) => items.map((item) => item.id === pending.id ? { ...item, posted: true } : item));
           } catch {
             shouldContinue = false;
+            if (!isActiveScope()) return;
             const nextAttempts = pending.postAttempts + 1;
             updatePendingMessages((items) => items.map((item) => item.id === pending.id ? { ...item, posted: false, postAttempts: nextAttempts } : item));
             if (nextAttempts < MAX_FOLLOWUP_POST_ATTEMPTS) {
@@ -882,15 +1204,17 @@ function usePiNativeFollowUpQueue({
           }
         }
       } finally {
-        followUpPostInFlightRef.current = false;
-        if (shouldContinue && pendingMessagesRef.current.some((item) => item.sessionId === sessionId && !item.posted)) {
-          postPendingFollowUps();
+        if (isActiveScope()) {
+          followUpPostInFlightRef.current = false;
+          if (shouldContinue && pendingMessagesRef.current.some((item) => item.sessionId === postSessionId && !item.posted)) {
+            postPendingFollowUps();
+          }
         }
       }
     })();
-  }, [sessionId, requestHeaders, updatePendingMessages]);
+  }, [storageScope, sessionId, requestHeaders, updatePendingMessages]);
   postPendingFollowUpsRef.current = postPendingFollowUps;
-  const queueFollowUp = useCallback4((input) => {
+  const queueFollowUp = useCallback5((input) => {
     const nextPending = {
       id: globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`,
       sessionId,
@@ -901,7 +1225,7 @@ function usePiNativeFollowUpQueue({
       posted: false,
       consumed: false,
       clientNonce: globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}-nonce`,
-      clientSeq: nextStoredFollowUpSeq(sessionId),
+      clientSeq: nextStoredFollowUpSeq(storageScope, sessionId),
       postAttempts: 0
     };
     updatePendingMessages((items) => [...items, nextPending]);
@@ -920,8 +1244,8 @@ function usePiNativeFollowUpQueue({
         postPendingFollowUps();
       }, 1e3);
     }
-  }, [sessionId, status, postPendingFollowUps, updatePendingMessages, updateProjectedFollowUps]);
-  const handleData = useCallback4((part) => {
+  }, [storageScope, sessionId, status, postPendingFollowUps, updatePendingMessages, updateProjectedFollowUps]);
+  const handleData = useCallback5((part) => {
     const typed = part;
     if (typed.type === "data-followup-consumed") {
       const serverText = typeof typed.data?.text === "string" ? typed.data.text : "";
@@ -984,7 +1308,7 @@ function usePiNativeFollowUpQueue({
     lastConsumedProjectedUserRef.current = null;
     setProjectedFollowUps([]);
   }, [status, updatePendingMessages]);
-  const deleteFollowUp = useCallback4((id) => {
+  const deleteFollowUp = useCallback5((id) => {
     const pending = pendingMessagesRef.current.find((item) => item.id === id);
     updatePendingMessages((items) => items.filter((item) => item.id !== id));
     updateProjectedFollowUps((items) => items.filter((item) => item.id !== id));
@@ -998,7 +1322,7 @@ function usePiNativeFollowUpQueue({
     }).catch(() => {
     });
   }, [sessionId, requestHeaders, updatePendingMessages, updateProjectedFollowUps]);
-  const clearFollowUps = useCallback4(() => {
+  const clearFollowUps = useCallback5(() => {
     clearLocal();
     fetch(`/api/v1/agent/chat/${encodeURIComponent(sessionId)}/followup`, {
       method: "DELETE",
@@ -1006,7 +1330,7 @@ function usePiNativeFollowUpQueue({
     }).catch(() => {
     });
   }, [clearLocal, sessionId, requestHeaders]);
-  const stopAndClearFollowUps = useCallback4(() => {
+  const stopAndClearFollowUps = useCallback5(() => {
     stop();
     clearFollowUps();
   }, [stop, clearFollowUps]);
@@ -1103,21 +1427,27 @@ function createCommandRegistry(initial) {
 }
 
 // src/front/composer/PluginUpdateStatus.tsx
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect7, useRef as useRef7 } from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function PluginUpdateStatus({
   state,
   onDismiss,
   onRetry,
-  successAutoDismissMs = 4e3
+  successAutoDismissMs = 1400,
+  maxWidthClassName = "max-w-3xl"
 }) {
+  const onDismissRef = useRef7(onDismiss);
+  useEffect7(() => {
+    onDismissRef.current = onDismiss;
+  }, [onDismiss]);
+  const successDismissKey = state?.kind === "success" ? `${state.reloaded}:${(state.restartWarnings?.length ?? 0) > 0 || (state.diagnostics?.length ?? 0) > 0}` : null;
   useEffect7(() => {
     if (!state || state.kind !== "success" || successAutoDismissMs <= 0) return;
-    const hasDetails = (state.restartWarnings?.length ?? 0) > 0 || (state.diagnostics?.length ?? 0) > 0 || (state.frontEvents?.length ?? 0) > 0;
-    if (hasDetails) return;
-    const timeout = window.setTimeout(onDismiss, successAutoDismissMs);
+    const hasWarningsOrDiagnostics = (state.restartWarnings?.length ?? 0) > 0 || (state.diagnostics?.length ?? 0) > 0;
+    if (hasWarningsOrDiagnostics) return;
+    const timeout = window.setTimeout(() => onDismissRef.current(), successAutoDismissMs);
     return () => window.clearTimeout(timeout);
-  }, [state, onDismiss, successAutoDismissMs]);
+  }, [state?.kind, successDismissKey, successAutoDismissMs]);
   if (!state) return null;
   if (state.kind === "running") {
     return /* @__PURE__ */ jsxs3(
@@ -1127,8 +1457,9 @@ function PluginUpdateStatus({
         role: "status",
         "aria-live": "polite",
         className: cn(
-          "mx-auto mb-2 w-full max-w-3xl rounded-[var(--radius-md)] border border-accent/30 bg-[color:var(--accent-soft)]",
-          "px-3 py-2 text-xs text-foreground flex items-center gap-2"
+          "mx-auto mb-2 w-full rounded-[var(--radius-md)] border border-accent/30 bg-[color:var(--accent-soft)]",
+          "px-3 py-2 text-xs text-foreground flex items-center gap-2",
+          maxWidthClassName
         ),
         children: [
           /* @__PURE__ */ jsx3("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-accent", "aria-hidden": "true" }),
@@ -1141,6 +1472,9 @@ function PluginUpdateStatus({
     const warnings = state.restartWarnings ?? [];
     const diagnostics = state.diagnostics ?? [];
     const frontEvents = state.frontEvents ?? [];
+    const hasWarningsOrDiagnostics = warnings.length > 0 || diagnostics.length > 0;
+    const title = state.reloaded ? hasWarningsOrDiagnostics ? "Reload finished with warnings" : "Reload complete" : "Reload queued";
+    const detail = state.reloaded ? hasWarningsOrDiagnostics ? "Some plugin changes need attention." : frontEvents.length > 0 ? `${frontEvents.length} plugin module${frontEvents.length === 1 ? "" : "s"} refreshed. Changes are live.` : "Changes are live." : void 0;
     return /* @__PURE__ */ jsxs3(
       "div",
       {
@@ -1148,21 +1482,25 @@ function PluginUpdateStatus({
         role: "status",
         "aria-live": "polite",
         className: cn(
-          "mx-auto mb-2 w-full max-w-3xl rounded-[var(--radius-md)] border border-[oklch(0.78_0.13_148)]/40 bg-[oklch(0.95_0.05_148/0.3)]",
-          "px-3 py-2 text-xs text-foreground"
+          "mx-auto mb-2 w-full rounded-[var(--radius-md)] border border-[oklch(0.78_0.13_148)]/35 bg-[oklch(0.95_0.05_148/0.28)]",
+          "px-3 py-2 text-xs text-foreground shadow-sm",
+          maxWidthClassName
         ),
         children: [
-          /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx3("span", { className: "text-[oklch(0.45_0.13_148)]", "aria-hidden": "true", children: "\u2713" }),
-            /* @__PURE__ */ jsx3("span", { className: "flex-1", children: state.reloaded ? warnings.length > 0 || diagnostics.length > 0 ? "Plugins updated with warnings." : frontEvents.length > 0 ? "Plugins updated. Browser modules reloaded." : "Plugins updated." : "Plugins will reload on the next message." }),
+          /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx3("span", { className: "mt-0.5 text-[oklch(0.45_0.13_148)]", "aria-hidden": "true", children: "\u2713" }),
+            /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx3("span", { className: "block font-medium leading-5", children: title }),
+              detail ? /* @__PURE__ */ jsx3("span", { className: "block leading-4 text-muted-foreground", children: detail }) : null
+            ] }),
             /* @__PURE__ */ jsx3(
               "button",
               {
                 type: "button",
                 onClick: onDismiss,
-                className: "rounded border border-transparent px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:bg-muted hover:text-foreground",
+                className: "-mr-1 rounded border border-transparent px-1.5 py-0.5 text-[13px] leading-none text-muted-foreground hover:bg-muted hover:text-foreground",
                 "aria-label": "Dismiss plugin update status",
-                children: "Dismiss"
+                children: "\xD7"
               }
             )
           ] }),
@@ -1192,31 +1530,6 @@ function PluginUpdateStatus({
               ]
             }
           ) : null,
-          frontEvents.length > 0 ? /* @__PURE__ */ jsxs3(
-            "div",
-            {
-              "data-boring-plugin-update-front-events": "",
-              className: cn(
-                "mt-2 rounded border border-[oklch(0.78_0.13_148)]/35 bg-[oklch(0.95_0.05_148/0.25)]",
-                "px-2 py-1.5 text-[11px] text-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5 font-medium text-[oklch(0.45_0.13_148)]", children: [
-                  /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", children: "\u2713" }),
-                  /* @__PURE__ */ jsxs3("span", { children: [
-                    "Browser plugin modules updated (",
-                    frontEvents.length,
-                    ")"
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx3("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: frontEvents.map((event, index) => /* @__PURE__ */ jsxs3("li", { children: [
-                  /* @__PURE__ */ jsx3("code", { className: "font-mono text-[10.5px]", children: event.pluginId ?? event.source ?? "plugin" }),
-                  " \u2014 ",
-                  event.message ?? "front module updated"
-                ] }, `${event.pluginId ?? event.source ?? "plugin"}-${index}`)) })
-              ]
-            }
-          ) : null,
           warnings.length > 0 ? /* @__PURE__ */ jsxs3(
             "div",
             {
@@ -1255,8 +1568,9 @@ function PluginUpdateStatus({
       role: "status",
       "aria-live": "polite",
       className: cn(
-        "mx-auto mb-2 w-full max-w-3xl rounded-[var(--radius-md)] border border-destructive/40 bg-destructive/10",
-        "px-3 py-2 text-xs text-foreground"
+        "mx-auto mb-2 w-full rounded-[var(--radius-md)] border border-destructive/40 bg-destructive/10",
+        "px-3 py-2 text-xs text-foreground",
+        maxWidthClassName
       ),
       children: [
         /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
@@ -1291,7 +1605,7 @@ function PluginUpdateStatus({
 // src/front/primitives/tool-call-group.tsx
 import { getToolName, isToolUIPart } from "ai";
 import { ChevronDownIcon } from "lucide-react";
-import { memo as memo2, useCallback as useCallback6, useMemo as useMemo5, useState as useState9 } from "react";
+import { memo as memo2, useCallback as useCallback7, useMemo as useMemo5, useState as useState9 } from "react";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@hachej/boring-ui-kit";
 
 // src/front/bareToolRenderers/DiffView.tsx
@@ -1347,7 +1661,7 @@ function DiffView({ oldString, newString, path, replaceAll }) {
 }
 
 // src/front/barePrimitives/Tool.tsx
-import { useEffect as useEffect8, useRef as useRef7, useState as useState7 } from "react";
+import { useEffect as useEffect8, useRef as useRef8, useState as useState7 } from "react";
 import { Button as Button2 } from "@hachej/boring-ui-kit";
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function stateLabel(state) {
@@ -1386,7 +1700,7 @@ function Tool({
   const isRunning = state === "input-streaming" || state === "input-available";
   const isComplete = state === "output-available" || state === "output-error" || state === "output-denied";
   const [elapsedSec, setElapsedSec] = useState7(0);
-  const startRef = useRef7(0);
+  const startRef = useRef8(0);
   useEffect8(() => {
     if (!isRunning) {
       setElapsedSec(0);
@@ -1486,7 +1800,7 @@ function Terminal({
 }
 
 // src/front/barePrimitives/CodeBlock.tsx
-import { useCallback as useCallback5, useState as useState8 } from "react";
+import { useCallback as useCallback6, useState as useState8 } from "react";
 import { Button as Button3 } from "@hachej/boring-ui-kit";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function CodeBlock({
@@ -1498,8 +1812,9 @@ function CodeBlock({
   copyable = true
 }) {
   const [copied, setCopied] = useState8(false);
-  const handleCopy = useCallback5(() => {
-    navigator.clipboard.writeText(code3).then(() => {
+  const handleCopy = useCallback6(() => {
+    void copyTextToClipboard(code3).then((ok) => {
+      if (!ok) return;
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
     });
@@ -1824,7 +2139,7 @@ function getWorkspaceNotReadyStatus(output) {
     code: ErrorCode.enum.WORKSPACE_NOT_READY,
     retryable: true,
     requirement,
-    message: COPY[requirement]
+    message: COPY[requirement] ?? "Workspace is still preparing."
   };
 }
 
@@ -1872,7 +2187,7 @@ var ToolCallGroup = memo2(({ tools, mergedToolRenderers }) => {
     return part.state === "output-error";
   }) && !workspaceNotReady;
   const [isOpen, setIsOpen] = useState9(false);
-  const handleOpenChange = useCallback6((open) => setIsOpen(open), []);
+  const handleOpenChange = useCallback7((open) => setIsOpen(open), []);
   const title = useMemo5(() => buildTitle(tools, isSettled), [tools, isSettled]);
   return /* @__PURE__ */ jsxs9(Collapsible, { open: isOpen, onOpenChange: handleOpenChange, className: "not-prose my-1.5", children: [
     /* @__PURE__ */ jsxs9(
@@ -1951,11 +2266,11 @@ import { CheckIcon, CopyIcon } from "lucide-react";
 import {
   createContext,
   memo as memo3,
-  useCallback as useCallback7,
+  useCallback as useCallback8,
   useContext,
   useEffect as useEffect9,
   useMemo as useMemo6,
-  useRef as useRef8,
+  useRef as useRef9,
   useState as useState10
 } from "react";
 import { createHighlighter } from "shiki";
@@ -2195,7 +2510,7 @@ var CodeBlockContent = ({
     [code3, lang, rawTokens]
   );
   const [asyncTokens, setAsyncTokens] = useState10(null);
-  const asyncKeyRef = useRef8({ code: code3, language });
+  const asyncKeyRef = useRef9({ code: code3, language });
   if (asyncKeyRef.current.code !== code3 || asyncKeyRef.current.language !== language) {
     asyncKeyRef.current = { code: code3, language };
     setAsyncTokens(null);
@@ -2244,26 +2559,27 @@ var CodeBlockCopyButton = ({
   ...props
 }) => {
   const [isCopied, setIsCopied] = useState10(false);
-  const timeoutRef = useRef8(0);
+  const timeoutRef = useRef9(0);
   const { code: code3 } = useContext(CodeBlockContext);
-  const copyToClipboard = useCallback7(async () => {
-    if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
+  const copyToClipboard = useCallback8(async () => {
+    if (typeof window === "undefined") {
       onError?.(new Error("Clipboard API not available"));
       return;
     }
-    try {
-      if (!isCopied) {
-        await navigator.clipboard.writeText(code3);
-        setIsCopied(true);
-        onCopy?.();
-        timeoutRef.current = window.setTimeout(
-          () => setIsCopied(false),
-          timeout
-        );
-      }
-    } catch (error) {
-      onError?.(error);
+    if (isCopied) {
+      return;
     }
+    const copied = await copyTextToClipboard(code3);
+    if (!copied) {
+      onError?.(new Error("Clipboard API not available"));
+      return;
+    }
+    setIsCopied(true);
+    onCopy?.();
+    timeoutRef.current = window.setTimeout(
+      () => setIsCopied(false),
+      timeout
+    );
   }, [code3, onCopy, onError, timeout, isCopied]);
   useEffect9(
     () => () => {
@@ -2507,6 +2823,39 @@ var ArtifactContent = ({
 
 // src/front/toolRenderers.tsx
 import { CopyIcon as CopyIcon2, DownloadIcon } from "lucide-react";
+
+// src/front/runtimeReadinessStatus.ts
+var COPY2 = {
+  "runtime-dependencies": "Runtime dependencies are still installing.",
+  "runtime:python": "Python runtime dependencies are still installing.",
+  "runtime:node": "Node runtime dependencies are still installing."
+};
+function isRuntimeRequirement(requirement) {
+  return requirement === "runtime-dependencies" || requirement.startsWith("runtime:");
+}
+function detailsFromOutput2(output) {
+  if (!output || typeof output !== "object") return null;
+  const record = output;
+  const details = record.details && typeof record.details === "object" ? record.details : record;
+  return details;
+}
+function getRuntimeReadinessStatus(output) {
+  const details = detailsFromOutput2(output);
+  if (!details) return null;
+  if (details.code !== ErrorCode.enum.AGENT_RUNTIME_NOT_READY && details.code !== ErrorCode.enum.RUNTIME_PROVISIONING_FAILED) return null;
+  const requirement = details.requirement;
+  if (typeof requirement !== "string" || !isRuntimeRequirement(requirement)) return null;
+  const failed = details.code === ErrorCode.enum.RUNTIME_PROVISIONING_FAILED || details.state === "failed";
+  return {
+    code: details.code,
+    retryable: details.retryable === true,
+    requirement,
+    state: typeof details.state === "string" ? details.state : void 0,
+    message: failed ? "Runtime setup failed. Retry or reload the workspace." : COPY2[requirement] ?? "Runtime dependencies are still installing."
+  };
+}
+
+// src/front/toolRenderers.tsx
 import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function asRecord2(value) {
   return typeof value === "object" && value !== null ? value : {};
@@ -2581,6 +2930,22 @@ function renderWorkspaceNotReady(part) {
     ] }) })
   ] });
 }
+function renderRuntimeNotReady(part) {
+  const status = getRuntimeReadinessStatus(part.output);
+  if (!status) return null;
+  const suffix = status.code === ErrorCode.enum.RUNTIME_PROVISIONING_FAILED ? "Retry or reload the workspace." : "This is retryable; try again shortly.";
+  return /* @__PURE__ */ jsxs13(Tool2, { children: [
+    /* @__PURE__ */ jsx15(ToolHeader, { title: `${part.toolName} \xB7 ${status.message} ${suffix}`, ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsx15(ToolContent, { children: /* @__PURE__ */ jsxs13("div", { className: "rounded-md border border-border/60 bg-muted/30 px-3 py-2 text-sm text-muted-foreground", children: [
+      status.message,
+      " ",
+      suffix
+    ] }) })
+  ] });
+}
+function renderReadinessBlock(part) {
+  return renderWorkspaceNotReady(part) ?? renderRuntimeNotReady(part);
+}
 function pathTitle(prefix, path) {
   return /* @__PURE__ */ jsxs13("span", { className: "flex min-w-0 items-center gap-1.5", children: [
     /* @__PURE__ */ jsx15("span", { className: "text-muted-foreground", children: prefix }),
@@ -2589,7 +2954,7 @@ function pathTitle(prefix, path) {
   ] });
 }
 function renderBash2(part) {
-  const readiness = renderWorkspaceNotReady(part);
+  const readiness = renderReadinessBlock(part);
   if (readiness) return readiness;
   const input = asRecord2(part.input);
   const output = asRecord2(part.output);
@@ -2622,7 +2987,7 @@ function renderBash2(part) {
   ] });
 }
 function renderRead2(part) {
-  const readiness = renderWorkspaceNotReady(part);
+  const readiness = renderReadinessBlock(part);
   if (readiness) return readiness;
   const input = asRecord2(part.input);
   const output = asRecord2(part.output);
@@ -2641,7 +3006,7 @@ function renderRead2(part) {
   ] });
 }
 function renderWrite2(part) {
-  const readiness = renderWorkspaceNotReady(part);
+  const readiness = renderReadinessBlock(part);
   if (readiness) return readiness;
   const input = asRecord2(part.input);
   const path = typeof input.path === "string" ? input.path : "";
@@ -2669,10 +3034,7 @@ function renderWrite2(part) {
               tooltip: "Copy contents",
               label: "Copy",
               onClick: () => {
-                if (typeof navigator !== "undefined" && navigator.clipboard) {
-                  navigator.clipboard.writeText(content).catch(() => {
-                  });
-                }
+                void copyTextToClipboard(content);
               }
             }
           ),
@@ -2705,7 +3067,7 @@ function renderWrite2(part) {
   ] });
 }
 function renderEdit2(part) {
-  const readiness = renderWorkspaceNotReady(part);
+  const readiness = renderReadinessBlock(part);
   if (readiness) return readiness;
   const input = asRecord2(part.input);
   const path = typeof input.path === "string" ? input.path : "";
@@ -2732,7 +3094,7 @@ function renderEdit2(part) {
   ] });
 }
 function renderSearchLike2(toolName, part) {
-  const readiness = renderWorkspaceNotReady(part);
+  const readiness = renderReadinessBlock(part);
   if (readiness) return readiness;
   const input = asRecord2(part.input);
   const SearchLikeIcon = toolName === "find" || toolName === "grep" ? SearchIcon : FileTextIcon;
@@ -2770,7 +3132,7 @@ function extractParamTokens(value, depth = 0) {
   return [String(value)];
 }
 function renderExecUi2(part) {
-  const readiness = renderWorkspaceNotReady(part);
+  const readiness = renderReadinessBlock(part);
   if (readiness) return readiness;
   const input = asRecord2(part.input);
   const kind = typeof input.kind === "string" ? input.kind : "(empty)";
@@ -2828,7 +3190,7 @@ function renderExecUi2(part) {
   ] });
 }
 function renderFallback2(part) {
-  const readiness = renderWorkspaceNotReady(part);
+  const readiness = renderReadinessBlock(part);
   if (readiness) return readiness;
   return /* @__PURE__ */ jsxs13(Tool2, { children: [
     /* @__PURE__ */ jsx15(ToolHeader, { title: part.toolName, ...toHeaderProps(part) }),
@@ -2861,7 +3223,7 @@ function mergeShadcnToolRenderers(overrides) {
 // src/front/primitives/conversation.tsx
 import { Button as Button6 } from "@hachej/boring-ui-kit";
 import { ArrowDownIcon, DownloadIcon as DownloadIcon2 } from "lucide-react";
-import { useCallback as useCallback8, useEffect as useEffect10 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect10 } from "react";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
 import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var ConversationScrollController = ({
@@ -2909,7 +3271,7 @@ var ConversationScrollButton = ({
   ...props
 }) => {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const handleScrollToBottom = useCallback8(() => {
+  const handleScrollToBottom = useCallback9(() => {
     scrollToBottom();
   }, [scrollToBottom]);
   return !isAtBottom && /* @__PURE__ */ jsx16(
@@ -2973,17 +3335,24 @@ function ChatEmptyState({
     "div",
     {
       "data-boring-agent-part": "empty-state",
+      style: {
+        ["--chat-empty-eyebrow-color"]: "var(--muted-foreground)",
+        ["--chat-empty-title-color"]: "var(--foreground)",
+        ["--chat-empty-description-color"]: "var(--muted-foreground)",
+        ["--chat-empty-card-hover"]: "var(--accent-soft)",
+        ["--chat-empty-accent"]: "var(--accent)"
+      },
       className: cn(
         "mx-auto flex w-full max-w-[640px] flex-col px-2 pt-12 pb-4",
         className
       ),
       children: [
-        eyebrow && /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 text-[10.5px] font-medium uppercase tracking-[0.16em] text-muted-foreground dark:text-zinc-300", children: [
-          /* @__PURE__ */ jsx17("span", { className: "inline-block h-px w-4 bg-[color:var(--accent)]", "aria-hidden": "true" }),
+        eyebrow && /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 text-[10.5px] font-medium uppercase tracking-[0.16em] text-[color:var(--chat-empty-eyebrow-color)]", children: [
+          /* @__PURE__ */ jsx17("span", { className: "inline-block h-px w-4 bg-[color:var(--chat-empty-accent)]", "aria-hidden": "true" }),
           eyebrow
         ] }),
-        title && /* @__PURE__ */ jsx17("h3", { className: "mt-3 text-[34px] font-medium leading-[1.05] tracking-[-0.02em] text-foreground dark:text-zinc-50", children: title }),
-        description && /* @__PURE__ */ jsx17("p", { className: "mt-3 max-w-[440px] text-[14px] leading-relaxed text-muted-foreground dark:text-zinc-300", children: description }),
+        title && /* @__PURE__ */ jsx17("h3", { className: "mt-3 text-[34px] font-medium leading-[1.05] tracking-[-0.02em] text-[color:var(--chat-empty-title-color)]", children: title }),
+        description && /* @__PURE__ */ jsx17("p", { className: "mt-3 max-w-[440px] text-[14px] leading-relaxed text-[color:var(--chat-empty-description-color)]", children: description }),
         suggestions.length > 0 && /* @__PURE__ */ jsx17(
           "div",
           {
@@ -3004,12 +3373,12 @@ function ChatEmptyState({
                     }
                     onSelect?.(suggestion);
                   },
-                  className: "group h-auto justify-start gap-3 rounded-none bg-background px-4 py-3.5 text-left hover:bg-[color:var(--accent-soft)] focus-visible:bg-[color:var(--accent-soft)]",
+                  className: "group h-auto justify-start gap-3 rounded-none bg-background px-4 py-3.5 text-left hover:bg-[color:var(--chat-empty-card-hover)] focus-visible:bg-[color:var(--chat-empty-card-hover)]",
                   children: [
                     Icon && /* @__PURE__ */ jsx17(
                       Icon,
                       {
-                        className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground transition-colors group-hover:text-[color:var(--accent)]",
+                        className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground transition-colors group-hover:text-[color:var(--chat-empty-accent)]",
                         strokeWidth: 1.75
                       }
                     ),
@@ -3022,7 +3391,7 @@ function ChatEmptyState({
                       {
                         className: cn(
                           "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground opacity-0 transition-all duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]",
-                          "group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:opacity-100 group-hover:text-[color:var(--accent)]"
+                          "group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:opacity-100 group-hover:text-[color:var(--chat-empty-accent)]"
                         ),
                         strokeWidth: 2
                       }
@@ -3056,7 +3425,7 @@ import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import {
   createContext as createContext3,
   memo as memo4,
-  useCallback as useCallback9,
+  useCallback as useCallback10,
   useContext as useContext3,
   useEffect as useEffect11,
   useMemo as useMemo7,
@@ -3218,11 +3587,11 @@ import { BrainIcon, ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
 import {
   createContext as createContext4,
   memo as memo5,
-  useCallback as useCallback10,
+  useCallback as useCallback11,
   useContext as useContext4,
   useEffect as useEffect12,
   useMemo as useMemo8,
-  useRef as useRef9,
+  useRef as useRef10,
   useState as useState12
 } from "react";
 import { Streamdown as Streamdown2 } from "streamdown";
@@ -3259,9 +3628,9 @@ var Reasoning = memo5(
       defaultProp: void 0,
       prop: durationProp
     });
-    const hasEverStreamedRef = useRef9(isStreaming);
+    const hasEverStreamedRef = useRef10(isStreaming);
     const [hasAutoClosed, setHasAutoClosed] = useState12(false);
-    const startTimeRef = useRef9(null);
+    const startTimeRef = useRef10(null);
     useEffect12(() => {
       if (isStreaming) {
         hasEverStreamedRef.current = true;
@@ -3287,7 +3656,7 @@ var Reasoning = memo5(
         return () => clearTimeout(timer);
       }
     }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);
-    const handleOpenChange = useCallback10(
+    const handleOpenChange = useCallback11(
       (newOpen) => {
         setIsOpen(newOpen);
       },
@@ -3408,7 +3777,7 @@ import {
   XIcon as XIcon2
 } from "lucide-react";
 import { nanoid } from "nanoid";
-import { useCallback as useCallback11, useEffect as useEffect13, useMemo as useMemo9, useRef as useRef10, useState as useState13 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect13, useMemo as useMemo9, useRef as useRef11, useState as useState13 } from "react";
 
 // src/front/browserFiles.ts
 var convertBlobUrlToDataUrl = async (url) => {
@@ -3490,10 +3859,10 @@ var PromptInput = ({
 }) => {
   const controller = useOptionalPromptInputController();
   const usingProvider = !!controller;
-  const inputRef = useRef10(null);
-  const formRef = useRef10(null);
+  const inputRef = useRef11(null);
+  const formRef = useRef11(null);
   const [items, setItems] = useState13([]);
-  const setFileUrlLocal = useCallback11((id, url, status) => {
+  const setFileUrlLocal = useCallback12((id, url, status) => {
     setItems((prev) => prev.map((f) => {
       if (f.id !== id) return f;
       if (f.url !== url && f.url.startsWith("blob:")) URL.revokeObjectURL(f.url);
@@ -3502,14 +3871,14 @@ var PromptInput = ({
   }, []);
   const files = usingProvider ? controller.attachments.files : items;
   const [referencedSources, setReferencedSources] = useState13([]);
-  const filesRef = useRef10(files);
+  const filesRef = useRef11(files);
   useEffect13(() => {
     filesRef.current = files;
   }, [files]);
-  const openFileDialogLocal = useCallback11(() => {
+  const openFileDialogLocal = useCallback12(() => {
     inputRef.current?.click();
   }, []);
-  const matchesAccept = useCallback11(
+  const matchesAccept = useCallback12(
     (f) => {
       if (!accept || accept.trim() === "") {
         return true;
@@ -3525,7 +3894,7 @@ var PromptInput = ({
     },
     [accept]
   );
-  const addLocal = useCallback11(
+  const addLocal = useCallback12(
     (fileList) => {
       const incoming = [...fileList];
       const accepted = incoming.filter((f) => matchesAccept(f));
@@ -3572,7 +3941,7 @@ var PromptInput = ({
     },
     [matchesAccept, maxFiles, maxFileSize, onError, items.length, onUploadFile, setFileUrlLocal]
   );
-  const removeLocal = useCallback11(
+  const removeLocal = useCallback12(
     (id) => setItems((prev) => {
       const found = prev.find((file) => file.id === id);
       if (found?.url.startsWith("blob:")) {
@@ -3582,7 +3951,7 @@ var PromptInput = ({
     }),
     []
   );
-  const addWithProviderValidation = useCallback11(
+  const addWithProviderValidation = useCallback12(
     (fileList) => {
       const incoming = [...fileList];
       const accepted = incoming.filter((f) => matchesAccept(f));
@@ -3617,7 +3986,7 @@ var PromptInput = ({
     },
     [matchesAccept, maxFileSize, maxFiles, onError, files.length, controller]
   );
-  const clearAttachments = useCallback11(
+  const clearAttachments = useCallback12(
     () => usingProvider ? controller?.attachments.clear() : setItems((prev) => {
       for (const file of prev) {
         if (file.url.startsWith("blob:")) {
@@ -3628,14 +3997,14 @@ var PromptInput = ({
     }),
     [usingProvider, controller]
   );
-  const clearReferencedSources = useCallback11(
+  const clearReferencedSources = useCallback12(
     () => setReferencedSources([]),
     []
   );
   const add = usingProvider ? addWithProviderValidation : addLocal;
   const remove = usingProvider ? controller.attachments.remove : removeLocal;
   const openFileDialog = usingProvider ? controller.attachments.openFileDialog : openFileDialogLocal;
-  const clear = useCallback11(() => {
+  const clear = useCallback12(() => {
     clearAttachments();
     clearReferencedSources();
   }, [clearAttachments, clearReferencedSources]);
@@ -3714,7 +4083,7 @@ var PromptInput = ({
     },
     [usingProvider]
   );
-  const handleChange = useCallback11(
+  const handleChange = useCallback12(
     (event) => {
       if (event.currentTarget.files) {
         add(event.currentTarget.files);
@@ -3753,7 +4122,7 @@ var PromptInput = ({
     }),
     [referencedSources, clearReferencedSources]
   );
-  const handleSubmit = useCallback11(
+  const handleSubmit = useCallback12(
     async (event) => {
       event.preventDefault();
       const form = event.currentTarget;
@@ -3837,7 +4206,7 @@ var PromptInputTextarea = ({
   const controller = useOptionalPromptInputController();
   const attachments = usePromptInputAttachments();
   const [isComposing, setIsComposing] = useState13(false);
-  const handleKeyDown = useCallback11(
+  const handleKeyDown = useCallback12(
     (e) => {
       onKeyDown?.(e);
       if (e.defaultPrevented) {
@@ -3870,7 +4239,7 @@ var PromptInputTextarea = ({
     },
     [onKeyDown, isComposing, attachments]
   );
-  const handlePaste = useCallback11(
+  const handlePaste = useCallback12(
     (event) => {
       const items = event.clipboardData?.items;
       if (!items) {
@@ -3892,8 +4261,8 @@ var PromptInputTextarea = ({
     },
     [attachments]
   );
-  const handleCompositionEnd = useCallback11(() => setIsComposing(false), []);
-  const handleCompositionStart = useCallback11(() => setIsComposing(true), []);
+  const handleCompositionEnd = useCallback12(() => setIsComposing(false), []);
+  const handleCompositionStart = useCallback12(() => setIsComposing(true), []);
   const controlledProps = controller ? {
     onChange: (e) => {
       controller.textInput.setInput(e.currentTarget.value);
@@ -3938,7 +4307,7 @@ var PromptInputSubmit = ({
   } else if (status === "error") {
     Icon = /* @__PURE__ */ jsx21(XIcon2, { className: "size-4" });
   }
-  const handleClick = useCallback11(
+  const handleClick = useCallback12(
     (e) => {
       if (isGenerating && onStop) {
         e.preventDefault();
@@ -3975,7 +4344,7 @@ import {
   VideoIcon,
   XIcon as XIcon3
 } from "lucide-react";
-import { createContext as createContext6, useCallback as useCallback12, useContext as useContext6, useMemo as useMemo10 } from "react";
+import { createContext as createContext6, useCallback as useCallback13, useContext as useContext6, useMemo as useMemo10 } from "react";
 import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 var mediaCategoryIcons = {
   audio: Music2Icon,
@@ -4152,7 +4521,7 @@ var AttachmentRemove = ({
   ...props
 }) => {
   const { onRemove, variant } = useAttachmentContext();
-  const handleClick = useCallback12(
+  const handleClick = useCallback13(
     (e) => {
       e.stopPropagation();
       onRemove?.();
@@ -4195,7 +4564,7 @@ var AttachmentRemove = ({
 };
 
 // src/front/ChatPanel.tsx
-import { PaperclipIcon as PaperclipIcon2, CopyIcon as CopyIcon3, CheckIcon as CheckIcon3, RefreshCwIcon, Loader2, AlertCircleIcon, XIcon as XIcon4 } from "lucide-react";
+import { PaperclipIcon as PaperclipIcon2, CopyIcon as CopyIcon3, CheckIcon as CheckIcon3, RefreshCwIcon, Loader2, AlertCircleIcon, XIcon as XIcon4, SquareArrowOutUpRight } from "lucide-react";
 import {
   Button as Button10,
   IconButton as IconButton2
@@ -4269,7 +4638,7 @@ function getReasoningPart(part) {
 }
 
 // src/front/useComposerHistory.ts
-import { useCallback as useCallback13, useRef as useRef11 } from "react";
+import { useCallback as useCallback14, useRef as useRef12 } from "react";
 var HISTORY_RESET_IGNORED_KEYS = ["Shift", "Meta", "Control", "Alt", "CapsLock"];
 function setTextareaValue(textarea, value) {
   const setter = Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set;
@@ -4281,9 +4650,9 @@ function useComposerHistory({
   textareaRef,
   disabled
 }) {
-  const historyIdxRef = useRef11(-1);
-  const draftRef = useRef11("");
-  return useCallback13((e) => {
+  const historyIdxRef = useRef12(-1);
+  const draftRef = useRef12("");
+  return useCallback14((e) => {
     const ta = e.currentTarget;
     textareaRef.current = ta;
     if (disabled) return;
@@ -4312,7 +4681,7 @@ function useComposerHistory({
 }
 
 // src/front/useComposerPickers.ts
-import { useCallback as useCallback14, useState as useState14 } from "react";
+import { useCallback as useCallback15, useState as useState14 } from "react";
 function setTextareaValue2(textarea, value) {
   const setter = Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set;
   setter?.call(textarea, value);
@@ -4324,7 +4693,7 @@ function useComposerPickers({
   const [mentionState, setMentionState] = useState14(null);
   const [slashQuery, setSlashQuery] = useState14(null);
   const [mentionedFiles, setMentionedFiles] = useState14([]);
-  const handleComposerChange = useCallback14((e) => {
+  const handleComposerChange = useCallback15((e) => {
     const ta = e.currentTarget;
     textareaRef.current = ta;
     const cursor = ta.selectionStart ?? ta.value.length;
@@ -4338,7 +4707,7 @@ function useComposerPickers({
       setMentionState(detectMention(ta.value, cursor));
     }
   }, [textareaRef]);
-  const selectMention = useCallback14((path) => {
+  const selectMention = useCallback15((path) => {
     const ta = textareaRef.current;
     if (!ta || !mentionState) return;
     const { anchorStart, anchorEnd } = mentionState;
@@ -4351,7 +4720,7 @@ function useComposerPickers({
     setMentionState(null);
     setMentionedFiles((prev) => prev.includes(path) ? prev : [...prev, path]);
   }, [mentionState, textareaRef]);
-  const selectSlashCommand = useCallback14((name) => {
+  const selectSlashCommand = useCallback15((name) => {
     const ta = textareaRef.current;
     if (!ta) return;
     const newValue = `/${name} `;
@@ -4360,13 +4729,13 @@ function useComposerPickers({
     ta.focus();
     setSlashQuery(null);
   }, [textareaRef]);
-  const clearMentionedFiles = useCallback14(() => {
+  const clearMentionedFiles = useCallback15(() => {
     setMentionedFiles([]);
   }, []);
-  const dismissMention = useCallback14(() => {
+  const dismissMention = useCallback15(() => {
     setMentionState(null);
   }, []);
-  const dismissSlash = useCallback14(() => {
+  const dismissSlash = useCallback15(() => {
     setSlashQuery(null);
   }, []);
   return {
@@ -4437,7 +4806,7 @@ ${content}
 }
 
 // src/front/hooks/useChatModelSelection.ts
-import { useCallback as useCallback15, useEffect as useEffect14, useMemo as useMemo11, useRef as useRef12, useState as useState15 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect14, useMemo as useMemo11, useRef as useRef13, useState as useState15 } from "react";
 
 // src/front/chatPanelSettings.ts
 var STORAGE_MODEL_KEY = "boring-agent:composer:model";
@@ -4551,11 +4920,11 @@ function useChatModelSelection({
   const [userSelectedModel, setUserSelectedModel] = useState15(
     () => initialModelState.userSelected
   );
-  const userSelectedModelRef = useRef12(userSelectedModel);
+  const userSelectedModelRef = useRef13(userSelectedModel);
   useEffect14(() => {
     userSelectedModelRef.current = userSelectedModel;
   }, [userSelectedModel]);
-  const setModel = useCallback15((next) => {
+  const setModel = useCallback16((next) => {
     setUserSelectedModel(true);
     setModelState(next);
   }, []);
@@ -4961,7 +5330,7 @@ function KbdHints() {
 
 // src/front/ChatPanel.tsx
 import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
-var DebugDrawer2 = lazy(() => import("../DebugDrawer-MCYZ4AWZ.js").then((m) => ({ default: m.DebugDrawer })));
+var DebugDrawer2 = lazy(() => import("../DebugDrawer-PX2PHXJH.js").then((m) => ({ default: m.DebugDrawer })));
 function hasToolPart(message) {
   return (message.parts ?? []).some((part) => isToolUIPart2(part));
 }
@@ -5090,6 +5459,18 @@ function composerNoticeForWarmup(status) {
     code: ErrorCode.enum.AGENT_RUNTIME_NOT_READY
   };
 }
+function composerNoticeForRuntimeDependencies(status) {
+  const runtime = status?.runtimeDependencies;
+  if (!runtime || runtime.state === "ready") return null;
+  if (runtime.state === "failed") {
+    return {
+      title: "Runtime tools failed to prepare.",
+      detail: runtime.message ?? "Chat still works, but dependency-backed tools may be unavailable.",
+      code: ErrorCode.enum.RUNTIME_PROVISIONING_FAILED
+    };
+  }
+  return null;
+}
 function isComposerRuntimeNotice(error) {
   return error?.code === ErrorCode.enum.AGENT_RUNTIME_NOT_READY || error?.code === ErrorCode.enum.RUNTIME_PROVISIONING_FAILED;
 }
@@ -5166,18 +5547,18 @@ function ChatPanel(props) {
   } = props;
   const [debugWidth, setDebugWidth] = useState20(440);
   const capabilities = PI_AGENT_RUNTIME_CAPABILITIES;
-  const scrollToBottomRef = useRef13(() => {
+  const scrollToBottomRef = useRef14(() => {
   });
-  const piDataHandlerRef = useRef13(() => {
+  const piDataHandlerRef = useRef14(() => {
   });
-  const followUpDataHandlerRef = useRef13(() => {
+  const followUpDataHandlerRef = useRef14(() => {
   });
-  const autoSubmittedDraftRef = useRef13(void 0);
-  const autoSubmittingDraftRef = useRef13(void 0);
-  const pendingAutoSubmitUnlockRef = useRef13(void 0);
-  const pendingAutoSubmitSettleRef = useRef13(void 0);
-  const activeAutoSubmitSessionRef = useRef13(sessionId);
-  const liveSessionIdRef = useRef13(sessionId);
+  const autoSubmittedDraftRef = useRef14(void 0);
+  const autoSubmittingDraftRef = useRef14(void 0);
+  const pendingAutoSubmitUnlockRef = useRef14(void 0);
+  const pendingAutoSubmitSettleRef = useRef14(void 0);
+  const activeAutoSubmitSessionRef = useRef14(sessionId);
+  const liveSessionIdRef = useRef14(sessionId);
   liveSessionIdRef.current = sessionId;
   activeAutoSubmitSessionRef.current = sessionId;
   const [acceptedAutoSubmittedDraft, setAcceptedAutoSubmittedDraft] = useState20(void 0);
@@ -5196,7 +5577,8 @@ function ChatPanel(props) {
     status,
     error,
     stop,
-    clearError
+    clearError,
+    hydratingMessages
   } = useAgentChat({
     sessionId,
     onData: (part) => {
@@ -5238,11 +5620,15 @@ function ChatPanel(props) {
   const friendlyChatError = error ? friendlyError(error) : null;
   const runtimeErrorNotice = isComposerRuntimeNotice(friendlyChatError) ? friendlyChatError : null;
   const warmupNotice = composerNoticeForWarmup(workspaceWarmupStatus);
-  const composerStatusNotice = composerRuntimeNotice ?? runtimeErrorNotice ?? warmupNotice;
+  const runtimeDependenciesNotice = composerNoticeForRuntimeDependencies(workspaceWarmupStatus);
+  const composerStatusNotice = composerRuntimeNotice ?? runtimeErrorNotice ?? warmupNotice ?? runtimeDependenciesNotice;
   const workspaceWarmupBlocked = Boolean(warmupNotice);
-  const composerBlocked = workspaceWarmupBlocked || composerBlockers.length > 0;
+  const hostComposerBlocked = composerBlockers.length > 0;
+  const composerBlocked = workspaceWarmupBlocked || hostComposerBlocked;
   const primaryComposerBlocker = composerBlockers[0];
   const composerBlockerLabel = workspaceWarmupBlocked ? warmupNotice?.title ?? "Preparing workspace\u2026" : primaryComposerBlocker?.label ?? "Complete the pending workspace action to continue.";
+  const composerSubmitStatus = hostComposerBlocked && !workspaceWarmupBlocked ? "streaming" : status;
+  const activityBadgeLabel = hostComposerBlocked && !workspaceWarmupBlocked ? "Waiting for your answer\u2026" : "Working\u2026";
   const registry = useMemo12(
     () => {
       const effectiveBuiltins = hotReloadEnabled ? builtinCommands : builtinCommands.filter((cmd) => cmd.name !== "reload");
@@ -5259,7 +5645,7 @@ function ChatPanel(props) {
   });
   const { thinkingLevel, setThinkingLevel, showThoughts, setShowThoughts } = useThinkingSettings(thinkingControl);
   const { attachmentNotice, setAttachmentNotice } = useAttachmentNotice();
-  const callPluginReload = useCallback16(async () => {
+  const callPluginReload = useCallback17(async () => {
     const res = await fetch("/api/v1/agent/reload", {
       method: "POST",
       headers: { ...requestHeaders ?? {}, "content-type": "application/json" },
@@ -5279,7 +5665,7 @@ function ChatPanel(props) {
       ...payload.diagnostics && payload.diagnostics.length > 0 ? { diagnostics: payload.diagnostics } : {}
     };
   }, [requestHeaders, sessionId]);
-  const reloadAgentPlugins = useCallback16(async () => {
+  const reloadAgentPlugins = useCallback17(async () => {
     try {
       const { reloaded, diagnostics } = await callPluginReload();
       const base = reloaded ? "Agent plugins reloaded." : "Agent plugins will reload on the next message.";
@@ -5292,7 +5678,7 @@ ${formatPluginReloadDiagnostics(diagnostics)}` : base;
     }
   }, [callPluginReload]);
   const [pluginUpdateState, setPluginUpdateState] = useState20(null);
-  const activeSessionRef = useRef13(sessionId);
+  const activeSessionRef = useRef14(sessionId);
   useEffect18(() => {
     activeSessionRef.current = sessionId;
     setPluginUpdateState(null);
@@ -5323,7 +5709,7 @@ ${formatPluginReloadDiagnostics(diagnostics)}` : base;
     window.addEventListener(WORKSPACE_AGENT_PLUGINS_RELOADED_EVENT, onBrowserPluginReload);
     return () => window.removeEventListener(WORKSPACE_AGENT_PLUGINS_RELOADED_EVENT, onBrowserPluginReload);
   }, []);
-  const runPluginUpdate = useCallback16(async () => {
+  const runPluginUpdate = useCallback17(async () => {
     const capturedSession = activeSessionRef.current;
     setPluginUpdateState({ kind: "running" });
     try {
@@ -5347,7 +5733,7 @@ ${formatPluginReloadDiagnostics(diagnostics)}` : base;
       return `Plugin update failed: ${message}`;
     }
   }, [callPluginReload]);
-  const dismissPluginUpdate = useCallback16(() => setPluginUpdateState(null), []);
+  const dismissPluginUpdate = useCallback17(() => setPluginUpdateState(null), []);
   const isStreaming = status === "submitted" || status === "streaming";
   const attachmentsDisabled = isStreaming || pendingMessages.length > 0;
   const displayMessages = useMemo12(() => {
@@ -5396,32 +5782,36 @@ ${formatPluginReloadDiagnostics(diagnostics)}` : base;
     ];
   }, [acceptedAutoSubmittedDraft, messages, piMessages, projectedTailMessages, projectedStatusById, sessionId, status]);
   const renderMessages = displayMessages.filter((message) => message.role !== "assistant" || hasVisibleMessageContent(message));
-  const emptyHero = emptyPlacement === "hero" && renderMessages.length === 0;
-  const handleStop = useCallback16(() => {
+  const emptyHero = emptyPlacement === "hero" && renderMessages.length === 0 && !hydratingMessages;
+  const handleStop = useCallback17(() => {
     onComposerStop?.();
+    if (hostComposerBlocked && !workspaceWarmupBlocked) return;
     stopAndClearFollowUps();
-  }, [onComposerStop, stopAndClearFollowUps]);
-  const handleInterrupt = useCallback16(() => {
+  }, [hostComposerBlocked, onComposerStop, stopAndClearFollowUps, workspaceWarmupBlocked]);
+  const handleInterrupt = useCallback17(() => {
     stop();
   }, [stop]);
   useEffect18(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape" || !isStreaming) return;
-      const tag = e.target?.tagName;
+      const target = e.target instanceof HTMLElement ? e.target : null;
+      const tag = target?.tagName;
       if (tag === "INPUT" || tag === "TEXTAREA") return;
+      if (target?.closest('[role="dialog"], [role="menu"], [role="listbox"]')) return;
       e.preventDefault();
+      e.stopPropagation();
       handleInterrupt();
     };
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
+    window.addEventListener("keydown", onKeyDown, { capture: true });
+    return () => window.removeEventListener("keydown", onKeyDown, { capture: true });
   }, [isStreaming, handleInterrupt]);
   const userHistory = useMemo12(
     () => messages.filter((m) => m.role === "user").map((m) => m.parts.filter((p) => p.type === "text").map((p) => p.text).join("\n").trim()).filter(Boolean),
     [messages]
   );
-  const textareaRef = useRef13(null);
+  const textareaRef = useRef14(null);
   const promptInputController = useOptionalPromptInputController();
-  const setComposerDraft = useCallback16((draft, focus = true) => {
+  const setComposerDraft = useCallback17((draft, focus = true) => {
     promptInputController?.textInput.setInput(draft);
     if (textareaRef.current) {
       textareaRef.current.value = draft;
@@ -5444,7 +5834,7 @@ ${formatPluginReloadDiagnostics(diagnostics)}` : base;
     textareaRef,
     disabled: mentionState !== null || slashQuery !== null
   });
-  const restoredDraftRef = useRef13(void 0);
+  const restoredDraftRef = useRef14(void 0);
   useEffect18(() => {
     if (initialDraft === void 0) return;
     if (restoredDraftRef.current === initialDraft) return;
@@ -5473,6 +5863,7 @@ ${formatPluginReloadDiagnostics(diagnostics)}` : base;
     if (parsed) {
       const cmd = registry.get(parsed.name);
       if (cmd?.kind === "skill") {
+        dismissSlash();
         const skillMessage = parsed.args ? `skill: ${parsed.name}
 
 ${parsed.args}` : `skill: ${parsed.name}`;
@@ -5484,6 +5875,7 @@ ${parsed.args}` : `skill: ${parsed.name}`;
         return;
       }
       if (cmd) {
+        dismissSlash();
         const ctx = {
           sessionId,
           clearMessages: () => setMessages([]),
@@ -5568,7 +5960,7 @@ ${parsed.args}` : `skill: ${parsed.name}`;
     pendingAutoSubmitUnlockRef.current = void 0;
     onAutoSubmitInitialDraftAccepted?.();
   }, [messages, onAutoSubmitInitialDraftAccepted, status]);
-  const prevAutoSubmitStatusRef = useRef13(status);
+  const prevAutoSubmitStatusRef = useRef14(status);
   useEffect18(() => {
     const prev = prevAutoSubmitStatusRef.current;
     prevAutoSubmitStatusRef.current = status;
@@ -5661,7 +6053,11 @@ ${parsed.args}` : `skill: ${parsed.name}`;
                       chrome ? "max-w-3xl px-6 py-8" : "max-w-[680px] px-4 py-4",
                       emptyHero && "py-4 text-center"
                     ), children: [
-                      renderMessages.length === 0 && /* @__PURE__ */ jsx25(
+                      renderMessages.length === 0 && hydratingMessages && /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 rounded-xl border border-border bg-card/70 px-4 py-3 text-sm text-muted-foreground", children: [
+                        /* @__PURE__ */ jsx25(Loader2, { className: "h-4 w-4 animate-spin" }),
+                        "Loading chat history\u2026"
+                      ] }),
+                      renderMessages.length === 0 && !hydratingMessages && /* @__PURE__ */ jsx25(
                         ChatEmptyState,
                         {
                           eyebrow: emptyState?.eyebrow,
@@ -5923,13 +6319,12 @@ ${reasoningPart.text}`;
                 }
               ),
               /* @__PURE__ */ jsxs23("div", { className: cn(chrome ? "px-4 pb-4 pt-2 sm:px-6 sm:pb-5" : "px-3 pb-3 pt-1"), children: [
-                /* @__PURE__ */ jsx25(
+                (isStreaming || hostComposerBlocked && !workspaceWarmupBlocked) && /* @__PURE__ */ jsx25(
                   "div",
                   {
                     className: cn(
-                      "mx-auto w-full overflow-hidden transition-all duration-300",
-                      chrome ? "max-w-3xl" : "max-w-[680px]",
-                      isStreaming ? "mb-2 max-h-8" : "max-h-0"
+                      "mx-auto mb-2 w-full overflow-hidden transition-all duration-300 max-h-8",
+                      chrome ? "max-w-3xl" : "max-w-[680px]"
                     ),
                     children: /* @__PURE__ */ jsxs23(
                       "div",
@@ -5950,7 +6345,7 @@ ${reasoningPart.text}`;
                               transition: { duration: 1.2, repeat: Infinity, ease: "easeInOut" }
                             }
                           ),
-                          /* @__PURE__ */ jsx25("span", { children: "Working\u2026" })
+                          /* @__PURE__ */ jsx25("span", { children: activityBadgeLabel })
                         ]
                       }
                     )
@@ -5975,28 +6370,34 @@ ${reasoningPart.text}`;
                     ] })
                   }
                 ),
-                composerBlocked && !workspaceWarmupBlocked && /* @__PURE__ */ jsxs23(
+                composerBlocked && !workspaceWarmupBlocked && /* @__PURE__ */ jsx25(
                   "div",
                   {
                     role: "status",
                     "aria-live": "polite",
                     className: cn(
-                      "mx-auto mb-2 w-full max-w-3xl rounded-[var(--radius-md)] border border-primary/30 bg-primary/10",
-                      "px-3 py-2 text-xs text-foreground"
+                      "mx-auto mb-2 w-full rounded-[var(--radius-md)] border border-primary/30 bg-primary/10",
+                      "px-3 py-2 text-xs text-foreground",
+                      chrome ? "max-w-3xl" : "max-w-[680px]"
                     ),
-                    children: [
-                      /* @__PURE__ */ jsx25("span", { children: composerBlockerLabel }),
-                      primaryComposerBlocker?.actions?.map((action) => /* @__PURE__ */ jsx25(
-                        "button",
-                        {
-                          type: "button",
-                          className: "ml-2 rounded border border-primary/30 px-2 py-0.5 text-[11px] font-medium hover:bg-primary/10",
-                          onClick: () => onComposerBlockerAction?.(primaryComposerBlocker, action.id),
-                          children: action.label
-                        },
-                        action.id
-                      ))
-                    ]
+                    children: /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx25("span", { className: "min-w-0 flex-1 truncate", children: composerBlockerLabel }),
+                      primaryComposerBlocker?.actions?.map((action) => {
+                        const ActionIcon = action.id === "open" ? SquareArrowOutUpRight : action.id === "cancel" ? XIcon4 : null;
+                        return /* @__PURE__ */ jsx25(
+                          "button",
+                          {
+                            type: "button",
+                            "aria-label": action.label,
+                            title: action.label,
+                            className: "inline-flex size-6 shrink-0 items-center justify-center rounded border border-primary/30 text-primary hover:bg-primary/10",
+                            onClick: () => onComposerBlockerAction?.(primaryComposerBlocker, action.id),
+                            children: ActionIcon ? /* @__PURE__ */ jsx25(ActionIcon, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ jsx25("span", { className: "px-1 text-[11px] font-medium", children: action.label })
+                          },
+                          action.id
+                        );
+                      })
+                    ] })
                   }
                 ),
                 hotReloadEnabled && /* @__PURE__ */ jsx25(
@@ -6004,7 +6405,8 @@ ${reasoningPart.text}`;
                   {
                     state: pluginUpdateState,
                     onDismiss: dismissPluginUpdate,
-                    onRetry: runPluginUpdate
+                    onRetry: runPluginUpdate,
+                    maxWidthClassName: chrome ? "max-w-3xl" : "max-w-[680px]"
                   }
                 ),
                 attachmentNotice && /* @__PURE__ */ jsx25(
@@ -6149,9 +6551,9 @@ ${reasoningPart.text}`;
                                     /* @__PURE__ */ jsx25(
                                       PromptInputSubmit,
                                       {
-                                        status,
+                                        status: composerSubmitStatus,
                                         onStop: handleStop,
-                                        disabled: composerBlocked && !isStreaming,
+                                        disabled: workspaceWarmupBlocked,
                                         className: cn(
                                           // Primary action. Uses the warm accent (not `primary`,
                                           // which is a neutral foreground tone) — this is the one
@@ -6366,30 +6768,8 @@ function MessageActionsBar({
   };
   const handleCopy = async () => {
     if (!visible) return;
-    if (typeof navigator !== "undefined" && navigator.clipboard && window.isSecureContext) {
-      try {
-        await navigator.clipboard.writeText(text);
-        markCopied();
-        return;
-      } catch {
-      }
-    }
-    if (typeof document === "undefined") return;
-    const ta = document.createElement("textarea");
-    ta.value = text;
-    ta.setAttribute("readonly", "");
-    ta.style.position = "fixed";
-    ta.style.opacity = "0";
-    ta.style.pointerEvents = "none";
-    document.body.appendChild(ta);
-    ta.select();
-    try {
-      const ok = document.execCommand("copy");
-      if (ok) markCopied();
-    } catch {
-    } finally {
-      document.body.removeChild(ta);
-    }
+    const ok = await copyTextToClipboard(text);
+    if (ok) markCopied();
   };
   const iconActionBtnClass = cn(
     "inline-flex h-6 w-6 items-center justify-center rounded-[var(--radius-sm)]",
@@ -6453,7 +6833,7 @@ function getAgentCommands(options = {}) {
 }
 
 // src/front/hooks/useSessions.ts
-import { useState as useState21, useEffect as useEffect19, useCallback as useCallback17, useMemo as useMemo13, useRef as useRef14 } from "react";
+import { useState as useState21, useEffect as useEffect19, useCallback as useCallback18, useMemo as useMemo13, useRef as useRef15 } from "react";
 var API_BASE = "/api/v1/agent/sessions";
 var STORAGE_KEY = "boring-agent:activeSessionId";
 function readPersistedId(storageKey) {
@@ -6477,9 +6857,23 @@ function requestInit(headers) {
   if (!headers || Object.keys(headers).length === 0) return void 0;
   return { headers };
 }
+var SessionsPreparingError = class extends Error {
+  constructor() {
+    super("Agent runtime is still preparing");
+    this.name = "SessionsPreparingError";
+  }
+};
+var MAX_SESSIONS_RETRIES = 8;
+function retryDelayMs(attempt) {
+  return Math.min(250 * 2 ** attempt, 2e3);
+}
+function delay(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
 async function fetchSessions(headers) {
   const init = requestInit(headers);
   const res = init ? await fetch(API_BASE, init) : await fetch(API_BASE);
+  if (res.status === 503) throw new SessionsPreparingError();
   if (!res.ok) throw new Error(`Failed to load sessions: ${res.status}`);
   return res.json();
 }
@@ -6488,6 +6882,7 @@ function useSessions(opts = {}) {
   const requestHeaders = opts.requestHeaders;
   const enabled = opts.enabled ?? true;
   const refreshKey = opts.refreshKey;
+  const initialActiveSessionId = opts.initialActiveSessionId;
   const scopeKey = useMemo13(
     () => `${storageKey}
 ${headersScopeKey(requestHeaders)}`,
@@ -6495,15 +6890,24 @@ ${headersScopeKey(requestHeaders)}`,
   );
   const [sessions, setSessions] = useState21([]);
   const [activeSessionId, setActiveSessionId] = useState21(
-    () => readPersistedId(storageKey)
+    () => initialActiveSessionId ?? readPersistedId(storageKey)
   );
   const [loading, setLoading] = useState21(true);
   const [error, setError] = useState21();
   const [loaded, setLoaded] = useState21(false);
-  const versionRef = useRef14(0);
-  const loadedScopeRef = useRef14(scopeKey);
-  const refresh = useCallback17(async () => {
+  const versionRef = useRef15(0);
+  const loadedScopeRef = useRef15(scopeKey);
+  const pendingCreatedSessionsRef = useRef15(/* @__PURE__ */ new Map());
+  const pendingCreatedScopeRef = useRef15(scopeKey);
+  const mountedRef = useRef15(true);
+  function ensurePendingCreatedScope() {
+    if (pendingCreatedScopeRef.current === scopeKey) return;
+    pendingCreatedScopeRef.current = scopeKey;
+    pendingCreatedSessionsRef.current.clear();
+  }
+  const refresh = useCallback18(async () => {
     const v = ++versionRef.current;
+    const isCurrent = () => v === versionRef.current && mountedRef.current;
     if (!enabled) {
       setSessions([]);
       setActiveSessionId(void 0);
@@ -6515,25 +6919,45 @@ ${headersScopeKey(requestHeaders)}`,
     setLoaded(false);
     setLoading(true);
     try {
-      const data = await fetchSessions(requestHeaders);
-      if (v === versionRef.current) {
+      let data;
+      for (let attempt = 0; ; attempt++) {
+        try {
+          data = await fetchSessions(requestHeaders);
+          break;
+        } catch (err) {
+          const retryable = err instanceof SessionsPreparingError && attempt < MAX_SESSIONS_RETRIES;
+          if (!retryable) throw err;
+          if (!isCurrent()) return;
+          await delay(retryDelayMs(attempt));
+          if (!isCurrent()) return;
+        }
+      }
+      if (isCurrent() && data) {
+        ensurePendingCreatedScope();
+        const pendingCreatedSessions = pendingCreatedSessionsRef.current;
+        for (const session of data) pendingCreatedSessions.delete(session.id);
+        const serverIds = new Set(data.map((session) => session.id));
+        const mergedData = pendingCreatedSessions.size > 0 ? [
+          ...Array.from(pendingCreatedSessions.values()).filter((session) => !serverIds.has(session.id)),
+          ...data
+        ] : data;
         const replacingLoadedScope = loadedScopeRef.current !== scopeKey;
         loadedScopeRef.current = scopeKey;
-        const persisted = readPersistedId(storageKey);
+        const persisted = initialActiveSessionId ?? readPersistedId(storageKey);
         setError(void 0);
         setLoaded(true);
-        setSessions(data);
+        setSessions(mergedData);
         setActiveSessionId((prev) => {
           const preferred = replacingLoadedScope ? persisted : prev ?? persisted;
-          if (preferred && data.some((session) => session.id === preferred)) return preferred;
-          const next = data[0]?.id;
+          if (preferred && mergedData.some((session) => session.id === preferred)) return preferred;
+          const next = mergedData[0]?.id;
           persistId(storageKey, next);
           return next;
         });
         setLoading(false);
       }
     } catch (err) {
-      if (v === versionRef.current) {
+      if (isCurrent()) {
         const replacingLoadedScope = loadedScopeRef.current !== scopeKey;
         loadedScopeRef.current = scopeKey;
         if (replacingLoadedScope) {
@@ -6545,8 +6969,9 @@ ${headersScopeKey(requestHeaders)}`,
         setLoading(false);
       }
     }
-  }, [enabled, requestHeaders, scopeKey, storageKey]);
+  }, [enabled, initialActiveSessionId, requestHeaders, scopeKey, storageKey]);
   useEffect19(() => {
+    mountedRef.current = true;
     if (!enabled) {
       setSessions([]);
       setActiveSessionId(void 0);
@@ -6556,8 +6981,11 @@ ${headersScopeKey(requestHeaders)}`,
       return;
     }
     void refresh();
+    return () => {
+      mountedRef.current = false;
+    };
   }, [enabled, refresh, refreshKey, scopeKey]);
-  const create = useCallback17(
+  const create = useCallback18(
     async (init) => {
       if (!enabled) throw new Error("Sessions are disabled");
       const res = await fetch(API_BASE, {
@@ -6571,21 +6999,25 @@ ${headersScopeKey(requestHeaders)}`,
         throw err;
       }
       const session = await res.json();
-      setSessions((prev) => [session, ...prev]);
+      ensurePendingCreatedScope();
+      pendingCreatedSessionsRef.current.set(session.id, session);
+      setSessions((prev) => [session, ...prev.filter((existing) => existing.id !== session.id)]);
       setActiveSessionId(session.id);
       persistId(storageKey, session.id);
       void refresh();
       return session;
     },
-    [enabled, refresh, requestHeaders, storageKey]
+    [enabled, refresh, requestHeaders, scopeKey, storageKey]
   );
-  const switchSession = useCallback17((id) => {
+  const switchSession = useCallback18((id) => {
     setActiveSessionId(id);
     persistId(storageKey, id);
   }, [storageKey]);
-  const deleteSession = useCallback17(
+  const deleteSession = useCallback18(
     async (id) => {
       if (!enabled) throw new Error("Sessions are disabled");
+      ensurePendingCreatedScope();
+      pendingCreatedSessionsRef.current.delete(id);
       setSessions((prev) => prev.filter((s) => s.id !== id));
       setActiveSessionId((prev) => {
         if (prev === id) {
@@ -6609,7 +7041,7 @@ ${headersScopeKey(requestHeaders)}`,
       }
       void refresh();
     },
-    [enabled, refresh, requestHeaders, storageKey]
+    [enabled, refresh, requestHeaders, scopeKey, storageKey]
   );
   const scopeMatches = loadedScopeRef.current === scopeKey;
   const visibleSessions = enabled && scopeMatches ? sessions : [];