@xopcai/xopc 0.0.308 → 0.0.311

package/dist/browser-ext/dist/sidepanel.js

@@ -1,5 +1,132 @@
 import { x as t, M as MAX_BROWSER_CONTEXTS_PER_TURN, c as browserPageContextsInputSchema, l as gatewayFetch, k as extensionLocale, o as openDatabase, a as RealtimeClient, R as REALTIME_PROTOCOL_VERSION, b as activeTabId, h as currentTabDescriptor, T as TAB_BINDING_PREFIX, m as getAccessProfile, u as runWithTabSiteAccess, P as PENDING_CONTEXT_KEY, f as captureTabWithPermission, p as pairGateway, w as setAutoConnectEnabled, r as readPendingBrowserPairing, q as readProfile, i as discoverLocalGateway, v as saveExtensionLocalePreference, t as revokeAndForgetProfile, d as cancelPendingBrowserPairing, n as loadExtensionLocalePreference } from './assets/auth-C3yV1y_l.js';
 
+const OTHER_ACTIVITY = {
+  category: "other",
+  action: "use",
+  source: "unknown",
+  sensitivity: "normal"
+};
+const TOOL_ACTIVITY_CATALOG = {
+  memory_search: {
+    category: "memory",
+    action: "search",
+    source: "memory",
+    sensitivity: "personal",
+    purpose: "personal_context"
+  },
+  memory_get: {
+    category: "memory",
+    action: "read",
+    source: "memory",
+    sensitivity: "personal",
+    purpose: "personal_context"
+  },
+  knowledge_search: {
+    category: "memory",
+    action: "search",
+    source: "memory",
+    sensitivity: "personal",
+    purpose: "personal_context"
+  },
+  knowledge_get: {
+    category: "memory",
+    action: "read",
+    source: "memory",
+    sensitivity: "personal",
+    purpose: "personal_context"
+  },
+  knowledge_write: {
+    category: "memory",
+    action: "write",
+    source: "memory",
+    sensitivity: "personal",
+    purpose: "personal_context"
+  },
+  user_context_search: {
+    category: "memory",
+    action: "search",
+    source: "memory",
+    sensitivity: "personal",
+    purpose: "personal_context"
+  },
+  user_context_get: {
+    category: "memory",
+    action: "read",
+    source: "memory",
+    sensitivity: "personal",
+    purpose: "personal_context"
+  },
+  user_context_update: {
+    category: "memory",
+    action: "edit",
+    source: "memory",
+    sensitivity: "personal",
+    purpose: "personal_context"
+  },
+  web_search: { category: "web", action: "search", source: "internet", sensitivity: "normal" },
+  brave_search: { category: "web", action: "search", source: "internet", sensitivity: "normal" },
+  image_query: { category: "web", action: "search", source: "internet", sensitivity: "normal" },
+  web_fetch: { category: "web", action: "read", source: "internet", sensitivity: "normal" },
+  fetch_url: { category: "web", action: "read", source: "internet", sensitivity: "normal" },
+  open_url: { category: "navigation", action: "open", source: "internet", sensitivity: "normal" },
+  browser_use: { category: "navigation", action: "open", source: "internet", sensitivity: "normal" },
+  grep: { category: "code", action: "search", source: "workspace", sensitivity: "normal" },
+  find: { category: "code", action: "search", source: "workspace", sensitivity: "normal" },
+  glob: { category: "code", action: "search", source: "workspace", sensitivity: "normal" },
+  find_files: { category: "code", action: "search", source: "workspace", sensitivity: "normal" },
+  session_search: { category: "other", action: "search", source: "runtime", sensitivity: "normal" },
+  search: { category: "other", action: "search", source: "unknown", sensitivity: "normal" },
+  read_file: { category: "file", action: "read", source: "workspace", sensitivity: "normal" },
+  "review.prepare_diff": { category: "file", action: "read", source: "workspace", sensitivity: "normal" },
+  list_dir: { category: "file", action: "list", source: "workspace", sensitivity: "normal" },
+  ls: { category: "file", action: "list", source: "workspace", sensitivity: "normal" },
+  write_file: { category: "file", action: "write", source: "workspace", sensitivity: "normal" },
+  apply_patch: { category: "file", action: "edit", source: "workspace", sensitivity: "normal" },
+  exec_command: { category: "command", action: "execute", source: "runtime", sensitivity: "normal" },
+  run_command: { category: "command", action: "execute", source: "runtime", sensitivity: "normal" },
+  update_plan: { category: "planning", action: "plan", source: "runtime", sensitivity: "normal" }
+};
+function toolActivityId(name) {
+  const normalized = name.trim().toLowerCase().replace(/-/g, "_");
+  const namespaced = normalized.split("__").at(-1) ?? normalized;
+  return namespaced.split(".").at(-1) ?? namespaced;
+}
+function resolveToolActivityDefinition(name) {
+  const normalized = name.trim().toLowerCase().replace(/-/g, "_");
+  return TOOL_ACTIVITY_CATALOG[normalized] ?? TOOL_ACTIVITY_CATALOG[toolActivityId(normalized)] ?? OTHER_ACTIVITY;
+}
+function asRecord(value) {
+  if (typeof value === "string") {
+    try {
+      return asRecord(JSON.parse(value));
+    } catch {
+      return null;
+    }
+  }
+  return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+function resultCount(result) {
+  const record = asRecord(result);
+  const details = asRecord(record?.details);
+  const results = details?.results ?? record?.results;
+  return Array.isArray(results) ? results.length : void 0;
+}
+function resultHasError(result) {
+  const record = asRecord(result);
+  const details = asRecord(record?.details);
+  return typeof (details?.error ?? record?.error) === "string";
+}
+function resolveToolActivity(name, status, result) {
+  const definition = resolveToolActivityDefinition(name);
+  const count = resultCount(result);
+  const resolvedStatus = status === "completed" && resultHasError(result) ? "failed" : status === "completed" && count === 0 ? "empty" : status;
+  return {
+    ...definition,
+    status: resolvedStatus,
+    ...count === void 0 ? {} : { count }
+  };
+}
+
 true              &&(function polyfill() {
   const relList = document.createElement("link").relList;
   if (relList && relList.supports && relList.supports("modulepreload")) {
@@ -18041,6 +18168,233 @@ function ComposerPreviewDialog({ preview, onClose }) {
   ] });
 }
 
+function toolStatusLabel(tool) {
+  if (tool.status === "running") return t("toolRunning");
+  if (tool.status === "error") return t("toolFailed");
+  return t("toolCompleted");
+}
+function toolDuration(tool) {
+  if (tool.startedAt === void 0 || tool.completedAt === void 0) return "";
+  const milliseconds = Math.max(0, tool.completedAt - tool.startedAt);
+  return milliseconds < 1e3 ? `${milliseconds} ms` : `${(milliseconds / 1e3).toFixed(1)} s`;
+}
+function AssistantActivity({
+  message,
+  detail,
+  streaming
+}) {
+  const [open, setOpen] = reactExports.useState(streaming && detail === "stream");
+  const blocks = message.blocks.filter((block) => block.type === "tool" || block.type === "thinking" && detail !== "off");
+  if (!blocks.length) return null;
+  const toolCount = blocks.filter((block) => block.type === "tool").length;
+  const running = blocks.some((block) => block.type === "thinking" && block.streaming || block.type === "tool" && block.status === "running");
+  const summary = running ? t("activityRunning") : toolCount > 0 ? t("activitySteps", String(toolCount)) : t("activityThoughts");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "assistant-activity", open, onToggle: (event) => setOpen(event.currentTarget.open), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("summary", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `activity-status${running ? " running" : ""}` }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: summary })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "activity-list", children: blocks.map((block, index) => block.type === "thinking" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "activity-thinking", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: block.streaming ? t("thinkingRunning") : t("thinking") }),
+      block.text ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: block.text }) : null
+    ] }, `thinking:${index}`) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `activity-tool ${block.status}`, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "tool-status-mark" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "tool-name", children: block.name }),
+      block.activity?.count !== void 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: block.activity.count }) : null,
+      toolDuration(block) ? /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: toolDuration(block) }) : null,
+      /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: toolStatusLabel(block) })
+    ] }, block.toolCallId)) })
+  ] });
+}
+
+function messageText(message) {
+  return message.blocks.filter((block) => block.type === "text").map((block) => block.text).join("");
+}
+function hasMessageContent(message) {
+  return message.blocks.some((block) => block.type === "tool" || block.text.trim().length > 0) || Boolean(message.attachments?.length);
+}
+function record(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : void 0;
+}
+function timestamp(value) {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value !== "string") return void 0;
+  const parsed = Date.parse(value);
+  return Number.isFinite(parsed) ? parsed : void 0;
+}
+function blockId(value, index) {
+  const id = value.toolCallId ?? value.tool_call_id ?? value.id;
+  return typeof id === "string" && id ? id : `tool:${index}`;
+}
+function parseBlocks(value, startedAt) {
+  if (typeof value === "string") return value ? [{ type: "text", text: value }] : [];
+  if (!Array.isArray(value)) return [];
+  return value.flatMap((item, index) => {
+    const block = record(item);
+    if (!block || typeof block.type !== "string") return [];
+    if (block.type === "text" && typeof block.text === "string") {
+      return [{ type: "text", text: block.text }];
+    }
+    if (block.type === "thinking") {
+      const text = typeof block.thinking === "string" ? block.thinking : typeof block.text === "string" ? block.text : "";
+      return [{ type: "thinking", text, streaming: false }];
+    }
+    if (block.type === "tool_use" || block.type === "tool_call" || block.type === "toolCall") {
+      const fn = record(block.function);
+      const name = typeof block.name === "string" ? block.name : typeof fn?.name === "string" ? fn.name : "unknown";
+      const result = block.result;
+      return [{
+        type: "tool",
+        toolCallId: blockId(block, index),
+        name,
+        status: block.isError === true ? "error" : "done",
+        input: block.input ?? block.args ?? block.arguments ?? fn?.arguments,
+        result,
+        details: block.details,
+        activity: resolveToolActivity(name, block.isError === true ? "failed" : "completed", result),
+        startedAt,
+        completedAt: startedAt
+      }];
+    }
+    return [];
+  });
+}
+function parseAttachments(value) {
+  if (!Array.isArray(value)) return [];
+  return value.flatMap((item) => {
+    const media = record(item);
+    if (!media) return [];
+    const mimeType = typeof media.mimeType === "string" ? media.mimeType : void 0;
+    const name = typeof media.name === "string" && media.name.trim() ? media.name.trim() : "Attachment";
+    return [{
+      type: media.type === "image" || media.type === "photo" || mimeType?.startsWith("image/") ? "image" : "file",
+      name,
+      ...mimeType ? { mimeType } : {},
+      ...typeof media.size === "number" && Number.isFinite(media.size) ? { size: media.size } : {}
+    }];
+  });
+}
+function parseSourceContexts(value) {
+  const metadata = record(value);
+  if (!Array.isArray(metadata?.sourceContexts)) return void 0;
+  const contexts = metadata.sourceContexts.flatMap((item) => {
+    const source = record(item);
+    if (!source || source.kind !== "note" && source.kind !== "browser_page" || typeof source.title !== "string") return [];
+    return [{
+      kind: source.kind,
+      title: source.title,
+      ...typeof source.url === "string" ? { url: source.url } : {},
+      ...source.truncated === true ? { truncated: true } : {}
+    }];
+  });
+  return contexts.length ? contexts : void 0;
+}
+function appendDeclaredTools(blocks, row, startedAt) {
+  const declarations = [
+    ...Array.isArray(row.tool_calls) ? row.tool_calls : [],
+    ...Array.isArray(row.toolCalls) ? row.toolCalls : []
+  ];
+  for (let index = 0; index < declarations.length; index += 1) {
+    const declaration = record(declarations[index]);
+    if (!declaration) continue;
+    const fn = record(declaration.function);
+    const id = blockId(declaration, index);
+    const name = typeof declaration.name === "string" ? declaration.name : typeof fn?.name === "string" ? fn.name : "unknown";
+    const existing = blocks.find((block) => block.type === "tool" && block.toolCallId === id);
+    const result = declaration.result;
+    const failed = declaration.isError === true;
+    if (existing) {
+      if (result !== void 0) {
+        existing.status = failed ? "error" : "done";
+        existing.result = result;
+        existing.completedAt = startedAt;
+      }
+      existing.details = declaration.details ?? existing.details;
+      continue;
+    }
+    blocks.push({
+      type: "tool",
+      toolCallId: id,
+      name,
+      input: declaration.args ?? declaration.arguments ?? fn?.arguments,
+      status: result === void 0 ? "running" : failed ? "error" : "done",
+      result,
+      details: declaration.details,
+      activity: resolveToolActivity(name, result === void 0 ? "running" : failed ? "failed" : "completed", result),
+      startedAt,
+      ...result === void 0 ? {} : { completedAt: startedAt }
+    });
+  }
+}
+function mergeAssistantBlocks(target, incoming) {
+  for (const block of incoming) {
+    if (block.type === "tool") {
+      const index = target.findIndex((candidate) => candidate.type === "tool" && candidate.toolCallId === block.toolCallId);
+      if (index >= 0) {
+        target[index] = block;
+        continue;
+      }
+    }
+    const previous = target.at(-1);
+    if (block.type === "thinking" && previous?.type === "thinking" && previous.text === block.text) continue;
+    target.push(block);
+  }
+}
+function applyToolResult(messages, row) {
+  const assistant = [...messages].reverse().find((message) => message.role === "assistant");
+  if (!assistant) return;
+  const id = row.toolCallId ?? row.tool_call_id;
+  if (typeof id !== "string") return;
+  const tool = assistant.blocks.find((block) => block.type === "tool" && block.toolCallId === id);
+  if (!tool) return;
+  const result = typeof row.content === "string" ? row.content : Array.isArray(row.content) ? row.content.flatMap((item) => {
+    const block = record(item);
+    return block?.type === "text" && typeof block.text === "string" ? [block.text] : [];
+  }).join("") : "";
+  const failed = row.isError === true;
+  tool.status = failed ? "error" : "done";
+  tool.result = result;
+  tool.details = row.details;
+  tool.completedAt = timestamp(row.timestamp);
+  tool.activity = resolveToolActivity(tool.name, failed ? "failed" : "completed", { result, details: row.details });
+}
+function normalizeChatMessages(values) {
+  const messages = [];
+  for (let index = 0; index < values.length; index += 1) {
+    const row = record(values[index]);
+    if (!row) continue;
+    if (row.role === "tool" || row.role === "toolResult") {
+      applyToolResult(messages, row);
+      continue;
+    }
+    if (row.role !== "user" && row.role !== "assistant" && row.role !== "system") continue;
+    const startedAt = timestamp(row.timestamp);
+    const rawBlocks = parseBlocks(row.rawContent, startedAt);
+    const blocks = rawBlocks.length ? rawBlocks : parseBlocks(row.content, startedAt);
+    if (row.role === "assistant") appendDeclaredTools(blocks, row, startedAt);
+    const attachments = [...parseAttachments(row.media), ...parseAttachments(row.attachments)];
+    const sourceContexts = parseSourceContexts(row.metadata);
+    const message = {
+      id: typeof row.id === "string" ? row.id : `${row.role}:${index}`,
+      role: row.role,
+      blocks,
+      ...startedAt === void 0 ? {} : { timestamp: startedAt },
+      ...attachments.length ? { attachments } : {},
+      ...sourceContexts ? { sourceContexts } : {}
+    };
+    if (!hasMessageContent(message)) continue;
+    const previous = messages.at(-1);
+    if (message.role === "assistant" && previous?.role === "assistant") {
+      mergeAssistantBlocks(previous.blocks, message.blocks);
+      previous.timestamp = message.timestamp ?? previous.timestamp;
+      if (message.attachments?.length) previous.attachments = [...previous.attachments ?? [], ...message.attachments];
+    } else {
+      messages.push(message);
+    }
+  }
+  return messages;
+}
+
 const OUTBOX_STORE = "outbox";
 function transactionResult(database, mode, createRequest) {
   return new Promise((resolve, reject) => {
@@ -18085,6 +18439,121 @@ async function deleteBrowserOutbox(conversationId) {
   }
 }
 
+function appendWithOverlap(base, incoming) {
+  if (!incoming || base.endsWith(incoming)) return base;
+  const max = Math.min(base.length, incoming.length, 512);
+  for (let length = max; length > 0; length -= 1) {
+    if (base.slice(-length) === incoming.slice(0, length)) {
+      return base + incoming.slice(length);
+    }
+  }
+  return base + incoming;
+}
+function closeThinking(blocks) {
+  const last = blocks.at(-1);
+  if (last?.type === "thinking") last.streaming = false;
+}
+function mergeDetails(previous, next) {
+  if (!next || typeof next !== "object" || Array.isArray(next)) return next;
+  const incoming = next;
+  if (typeof incoming.textDelta !== "string") return next;
+  const current = previous && typeof previous === "object" && !Array.isArray(previous) ? previous : {};
+  return { ...current, text: appendWithOverlap(String(current.text ?? ""), incoming.textDelta) };
+}
+function activity(value) {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return void 0;
+  return value;
+}
+function toolId(payload, fallback) {
+  return typeof payload.toolCallId === "string" && payload.toolCallId ? payload.toolCallId : fallback;
+}
+function createStreamingMessage(runId, timestamp = Date.now()) {
+  return { id: `stream:${runId}`, role: "assistant", blocks: [], timestamp };
+}
+function reduceRunEvent(current, input) {
+  const message = current ? { ...current, blocks: current.blocks.map((block) => ({ ...block })) } : createStreamingMessage(input.runId, input.timestamp);
+  const { event, payload } = input;
+  if (event === "assistant_delta" && typeof payload.delta === "string" && payload.delta) {
+    closeThinking(message.blocks);
+    const messageId = typeof payload.messageId === "string" ? payload.messageId : void 0;
+    const last = message.blocks.at(-1);
+    if (last?.type === "text" && last.messageId === messageId) {
+      last.text = appendWithOverlap(last.text, payload.delta);
+    } else {
+      message.blocks.push({ type: "text", text: payload.delta, ...messageId ? { messageId } : {} });
+    }
+  } else if (event === "thinking_delta" && typeof payload.delta === "string" && payload.delta) {
+    const last = message.blocks.at(-1);
+    if (last?.type === "thinking" && last.streaming) {
+      last.text = appendWithOverlap(last.text, payload.delta);
+    } else {
+      message.blocks.push({ type: "thinking", text: payload.delta, streaming: true });
+    }
+  } else if (event === "thinking_end" || event === "assistant_message_end") {
+    closeThinking(message.blocks);
+  } else if (event === "tool_start") {
+    closeThinking(message.blocks);
+    const name = typeof payload.toolName === "string" && payload.toolName ? payload.toolName : "unknown";
+    if (name !== "clarify") {
+      const id = toolId(payload, `tool:${message.blocks.length}`);
+      if (!message.blocks.some((block) => block.type === "tool" && block.toolCallId === id)) {
+        message.blocks.push({
+          type: "tool",
+          toolCallId: id,
+          name,
+          status: "running",
+          input: payload.args,
+          activity: activity(payload.activity) ?? resolveToolActivity(name, "running"),
+          startedAt: input.timestamp
+        });
+      }
+    }
+  } else if (event === "tool_update") {
+    const id = toolId(payload, "");
+    const block = [...message.blocks].reverse().find((candidate) => candidate.type === "tool" && (id ? candidate.toolCallId === id : candidate.name === payload.toolName));
+    if (block) {
+      if (payload.details !== void 0) block.details = mergeDetails(block.details, payload.details);
+      if (typeof payload.textDelta === "string" && payload.textDelta) {
+        block.details = mergeDetails(block.details, { textDelta: payload.textDelta });
+      }
+    }
+  } else if (event === "tool_end") {
+    const name = typeof payload.toolName === "string" && payload.toolName ? payload.toolName : "unknown";
+    if (name !== "clarify") {
+      const id = toolId(payload, `tool:${message.blocks.length}`);
+      let block = [...message.blocks].reverse().find((candidate) => candidate.type === "tool" && candidate.toolCallId === id);
+      if (!block) {
+        block = { type: "tool", toolCallId: id, name, status: "running", startedAt: input.timestamp };
+        message.blocks.push(block);
+      }
+      const failed = payload.status === "error" || payload.status === "cancelled";
+      block.status = failed ? "error" : "done";
+      block.result = payload.result;
+      block.activity = activity(payload.activity) ?? resolveToolActivity(name, failed ? "failed" : "completed", payload.result);
+      block.completedAt = input.timestamp;
+    }
+  }
+  return message;
+}
+function finalizeStreamingMessage(message, failed = false) {
+  return {
+    ...message,
+    blocks: message.blocks.map((block) => {
+      if (block.type === "thinking") {
+        return { ...block, text: block.text.trim(), streaming: false };
+      }
+      if (block.type === "tool" && block.status === "running") {
+        return {
+          ...block,
+          status: failed ? "error" : "done",
+          activity: resolveToolActivity(block.name, failed ? "failed" : "completed")
+        };
+      }
+      return { ...block };
+    })
+  };
+}
+
 const CLIENT_ID_KEY = "xopc.browser.client-id";
 const ACTIVE_CHAT_KEY = "xopc.browser.active-chat";
 const CURSOR_PREFIX = "xopc.browser.cursor.";
@@ -18120,53 +18589,10 @@ async function json(response) {
 function isRetryableDeliveryError(cause) {
   return !(cause instanceof GatewayRequestError) || cause.status === 408 || cause.status === 429 || cause.status >= 500;
 }
-function textContent(value) {
-  if (typeof value === "string") return value;
-  if (!Array.isArray(value)) return "";
-  return value.flatMap((block) => {
-    if (!block || typeof block !== "object") return [];
-    const row = block;
-    return row.type === "text" && typeof row.text === "string" ? [row.text] : [];
-  }).join("");
-}
-function mapMessage(value, index) {
-  if (!value || typeof value !== "object") return void 0;
-  const row = value;
-  if (row.role !== "user" && row.role !== "assistant" && row.role !== "system") return void 0;
-  const text = textContent(row.content);
-  const attachments = Array.isArray(row.media) ? row.media.flatMap((value2) => {
-    if (!value2 || typeof value2 !== "object") return [];
-    const media = value2;
-    const mimeType = typeof media.mimeType === "string" ? media.mimeType : void 0;
-    const name = typeof media.name === "string" && media.name.trim() ? media.name.trim() : t("attachment");
-    return [{
-      type: media.type === "image" || media.type === "photo" || mimeType?.startsWith("image/") ? "image" : "file",
-      name,
-      ...mimeType ? { mimeType } : {},
-      ...typeof media.size === "number" && Number.isFinite(media.size) ? { size: media.size } : {}
-    }];
-  }) : [];
-  if (!text && !attachments.length) return void 0;
-  return {
-    id: typeof row.id === "string" ? row.id : `${row.role}-${index}`,
-    role: row.role,
-    text,
-    ...typeof row.timestamp === "number" ? { timestamp: row.timestamp } : {},
-    ...attachments.length ? { attachments } : {},
-    ...row.metadata && typeof row.metadata === "object" && Array.isArray(row.metadata.sourceContexts) ? {
-      sourceContexts: row.metadata.sourceContexts.flatMap((value2) => {
-        if (!value2 || typeof value2 !== "object") return [];
-        const source = value2;
-        if (source.kind !== "note" && source.kind !== "browser_page" || typeof source.title !== "string") return [];
-        return [{
-          kind: source.kind,
-          title: source.title,
-          ...typeof source.url === "string" ? { url: source.url } : {},
-          ...source.truncated === true ? { truncated: true } : {}
-        }];
-      })
-    } : {}
-  };
+function activityDetail(config, fallback = "on") {
+  const detail = config.activityDetail && typeof config.activityDetail === "object" ? config.activityDetail : void 0;
+  const value = detail?.effective ?? config.reasoningLevel;
+  return value === "off" || value === "on" || value === "stream" ? value : fallback;
 }
 function mapClarification(value, conversationId) {
   if (!value || typeof value !== "object") return void 0;
@@ -18219,7 +18645,6 @@ class BrowserChatClient {
     pendingDelivery: false,
     sessions: [],
     messages: [],
-    streamingText: "",
     models: []
   };
   subscribe(listener) {
@@ -18396,7 +18821,7 @@ ${endpointId}`;
       conversationId,
       transcriptId: this.snapshot.sessions.find((candidate) => candidate.key === conversationId)?.transcriptId,
       messages: [],
-      streamingText: "",
+      streamingMessage: void 0,
       runId: void 0,
       stopping: false,
       sessionLoading: true,
@@ -18487,7 +18912,7 @@ ${endpointId}`;
         messages: this.snapshot.runId ? this.snapshot.messages : [...this.snapshot.messages, {
           id: clientMessageId,
           role: "user",
-          text,
+          blocks: text ? [{ type: "text", text }] : [],
           ...attachments.length ? {
             attachments: attachments.map((attachment) => ({
               type: attachment.type,
@@ -18497,7 +18922,7 @@ ${endpointId}`;
             }))
           } : {}
         }],
-        ...this.snapshot.runId ? {} : { streamingText: "" },
+        ...this.snapshot.runId ? {} : { streamingMessage: void 0 },
         error: void 0
       });
       const response = await json(
@@ -18605,7 +19030,7 @@ ${endpointId}`;
       else {
         if (this.runTopic) this.realtime?.unsubscribe(this.runTopic);
         this.runTopic = void 0;
-        this.update({ runId: void 0, streamingText: "", stopping: false });
+        this.update({ runId: void 0, streamingMessage: void 0, stopping: false });
       }
     }
   }
@@ -18739,7 +19164,7 @@ ${endpointId}`;
     const stored = await chrome.storage.session.get(`${CURSOR_PREFIX}${runId}`);
     if (this.snapshot.conversationId !== conversationId || this.runTopic !== topic) return;
     const cursor = typeof stored[`${CURSOR_PREFIX}${runId}`] === "number" ? stored[`${CURSOR_PREFIX}${runId}`] : void 0;
-    this.update({ runId, streamingText: "" });
+    this.update({ runId, streamingMessage: createStreamingMessage(runId) });
     this.realtime?.subscribe(topic, cursor);
   }
   async onRealtimeEvent(topic, seq, event, data) {
@@ -18759,12 +19184,23 @@ ${endpointId}`;
     }
     if (topic !== this.runTopic) return;
     const runId = topic.slice("run:".length);
-    await chrome.storage.session.set({ [`${CURSOR_PREFIX}${runId}`]: seq });
-    const payload = data && typeof data === "object" ? data.payload ?? {} : {};
-    if (event === "assistant_delta" && typeof payload.delta === "string") {
-      this.update({ streamingText: `${this.snapshot.streamingText}${payload.delta}` });
+    const envelope = data && typeof data === "object" ? data : {};
+    const payload = envelope.payload && typeof envelope.payload === "object" ? envelope.payload : {};
+    if (event !== "run_end" && event !== "error") {
+      this.update({ streamingMessage: reduceRunEvent(this.snapshot.streamingMessage, {
+        event,
+        payload,
+        runId,
+        timestamp: typeof envelope.timestamp === "number" ? envelope.timestamp : Date.now()
+      }) });
     }
+    await chrome.storage.session.set({ [`${CURSOR_PREFIX}${runId}`]: seq });
     if (event === "run_end" || event === "error") {
+      if (this.snapshot.streamingMessage) {
+        this.update({
+          streamingMessage: finalizeStreamingMessage(this.snapshot.streamingMessage, event === "error")
+        });
+      }
       this.realtime?.unsubscribe(topic);
       this.runTopic = void 0;
       await chrome.storage.session.remove(`${CURSOR_PREFIX}${runId}`);
@@ -18772,7 +19208,7 @@ ${endpointId}`;
         await this.reloadMessages();
       } finally {
         if (topic === this.runTopic || this.snapshot.runId === runId) {
-          this.update({ runId: void 0, streamingText: "", stopping: false });
+          this.update({ runId: void 0, streamingMessage: void 0, stopping: false });
         }
       }
     }
@@ -18781,10 +19217,7 @@ ${endpointId}`;
     const conversationId = this.snapshot.conversationId;
     if (!conversationId) return;
     const result = await json(await gatewayFetch(`/api/sessions/${encodeURIComponent(conversationId)}/messages?limit=200`));
-    const messages = (result.payload.messages ?? []).flatMap((value, index) => {
-      const message = mapMessage(value, index);
-      return message ? [message] : [];
-    });
+    const messages = normalizeChatMessages(result.payload.messages ?? []);
     if (this.snapshot.conversationId !== conversationId) return;
     const session = this.snapshot.sessions.find((candidate) => candidate.key === conversationId);
     this.update({ messages, transcriptId: session?.transcriptId });
@@ -18824,6 +19257,7 @@ ${endpointId}`;
     this.update({ modelConfig: {
       model: config.model,
       thinkingLevel: config.thinkingLevel,
+      activityDetail: activityDetail(config),
       ...typeof config.configVersion === "number" ? { configVersion: config.configVersion } : {},
       fixedModel: config.fixedModel === true
     } });
@@ -18848,6 +19282,7 @@ ${endpointId}`;
     this.update({ modelConfig: {
       model: config.model,
       thinkingLevel: config.thinkingLevel,
+      activityDetail: activityDetail(config, current.activityDetail),
       ...typeof config.configVersion === "number" ? { configVersion: config.configVersion } : {},
       fixedModel: config.fixedModel === true
     } });
@@ -18905,7 +19340,7 @@ ${endpointId}`;
           await this.reloadMessages();
         } finally {
           if (this.snapshot.conversationId === conversationId) {
-            this.update({ runId: void 0, streamingText: "", stopping: false });
+            this.update({ runId: void 0, streamingMessage: void 0, stopping: false });
           }
         }
         return;
@@ -27658,7 +28093,6 @@ const EMPTY = {
   pendingDelivery: false,
   sessions: [],
   messages: [],
-  streamingText: "",
   models: []
 };
 function formatMessageTime(timestamp) {
@@ -27816,7 +28250,7 @@ function ChatPanel({ gatewayId }) {
   }, [client]);
   reactExports.useEffect(() => {
     if (followingTail.current) scrollToBottom();
-  }, [scrollToBottom, snapshot.messages, snapshot.streamingText]);
+  }, [scrollToBottom, snapshot.messages, snapshot.streamingMessage]);
   reactExports.useEffect(() => {
     followingTail.current = true;
     setAtBottom(true);
@@ -28172,7 +28606,7 @@ function ChatPanel({ gatewayId }) {
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", {})
         ] }) : null,
-        !snapshot.sessionLoading && !snapshot.messages.length && !snapshot.streamingText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "empty-chat", children: [
+        !snapshot.sessionLoading && !snapshot.messages.length && !snapshot.streamingMessage ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "empty-chat", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty-mark", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SparkleIcon, {}) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { children: t("emptyChatTitle") }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: t("emptyChatDescription") }),
@@ -28191,39 +28625,46 @@ function ChatPanel({ gatewayId }) {
             ] })
           ] })
         ] }) : null,
-        snapshot.messages.map((message) => /* @__PURE__ */ jsxRuntimeExports.jsxs("article", { className: `message ${message.role}`, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "message-heading", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "message-author", children: message.role === "user" ? t("you") : message.role === "assistant" ? "xopc" : t("system") }),
-            formatMessageTime(message.timestamp) ? /* @__PURE__ */ jsxRuntimeExports.jsx("time", { children: formatMessageTime(message.timestamp) }) : null
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "message-body", children: [
-            message.sourceContexts?.length ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "message-sources", children: message.sourceContexts.map((source, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "source-badge", title: source.url, children: [
-              source.kind === "browser_page" ? /* @__PURE__ */ jsxRuntimeExports.jsx(PageIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, {}),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
-                source.title,
-                source.truncated ? ` · ${t("truncated")}` : ""
-              ] })
-            ] }, `${source.title}-${index}`)) }) : null,
-            message.attachments?.length ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "message-attachments", children: message.attachments.map((attachment, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "message-attachment", title: attachment.mimeType, children: [
-              attachment.type === "image" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CameraIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, {}),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: attachment.name }),
-                formatFileSize(attachment.size) ? /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: formatFileSize(attachment.size) }) : null
-              ] })
-            ] }, `${attachment.name}-${index}`)) }) : null,
-            message.text ? message.role === "assistant" ? /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownContent, { children: message.text }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "plain-message-content", children: message.text }) : null
-          ] }),
-          message.role === "assistant" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "message-actions", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", "aria-label": t("copyResponse"), title: t("copyResponse"), onClick: () => void copyMessage(message.id, message.text), children: [
-            copiedMessageId === message.id ? /* @__PURE__ */ jsxRuntimeExports.jsx(CheckIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: copiedMessageId === message.id ? t("copied") : t("copy") })
-          ] }) }) : null
-        ] }, message.id)),
-        snapshot.streamingText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("article", { className: "message assistant streaming", children: [
+        snapshot.messages.map((message) => {
+          const text = messageText(message);
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs("article", { className: `message ${message.role}`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "message-heading", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "message-author", children: message.role === "user" ? t("you") : message.role === "assistant" ? "xopc" : t("system") }),
+              formatMessageTime(message.timestamp) ? /* @__PURE__ */ jsxRuntimeExports.jsx("time", { children: formatMessageTime(message.timestamp) }) : null
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "message-body", children: [
+              message.sourceContexts?.length ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "message-sources", children: message.sourceContexts.map((source, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "source-badge", title: source.url, children: [
+                source.kind === "browser_page" ? /* @__PURE__ */ jsxRuntimeExports.jsx(PageIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, {}),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+                  source.title,
+                  source.truncated ? ` · ${t("truncated")}` : ""
+                ] })
+              ] }, `${source.title}-${index}`)) }) : null,
+              message.attachments?.length ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "message-attachments", children: message.attachments.map((attachment, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "message-attachment", title: attachment.mimeType, children: [
+                attachment.type === "image" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CameraIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, {}),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: attachment.name }),
+                  formatFileSize(attachment.size) ? /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: formatFileSize(attachment.size) }) : null
+                ] })
+              ] }, `${attachment.name}-${index}`)) }) : null,
+              message.role === "assistant" ? /* @__PURE__ */ jsxRuntimeExports.jsx(AssistantActivity, { message, detail: snapshot.modelConfig?.activityDetail ?? "on", streaming: false }) : null,
+              text ? message.role === "assistant" ? /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownContent, { children: text }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "plain-message-content", children: text }) : null
+            ] }),
+            message.role === "assistant" && text ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "message-actions", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", "aria-label": t("copyResponse"), title: t("copyResponse"), onClick: () => void copyMessage(message.id, text), children: [
+              copiedMessageId === message.id ? /* @__PURE__ */ jsxRuntimeExports.jsx(CheckIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: copiedMessageId === message.id ? t("copied") : t("copy") })
+            ] }) }) : null
+          ] }, message.id);
+        }),
+        snapshot.streamingMessage ? /* @__PURE__ */ jsxRuntimeExports.jsxs("article", { className: "message assistant streaming", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "message-heading", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "message-author", children: "xopc" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "responding-label", children: t("responding") })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "message-body", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownContent, { streaming: true, children: snapshot.streamingText }) })
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "message-body", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(AssistantActivity, { message: snapshot.streamingMessage, detail: snapshot.modelConfig?.activityDetail ?? "on", streaming: true }),
+            messageText(snapshot.streamingMessage) ? /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownContent, { streaming: true, children: messageText(snapshot.streamingMessage) }) : null
+          ] })
         ] }) : null
       ] }),
       !atBottom ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "scroll-bottom-button", type: "button", "aria-label": t("scrollLatest"), title: t("scrollLatest"), onClick: () => scrollToBottom(true), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowDownIcon, {}) }) : null
@@ -28468,7 +28909,7 @@ ${pageContext.context.selection ?? pageContext.context.text ?? ""}` }), children
                   const input = event.currentTarget;
                   const walk = historyWalk.current;
                   if (walk || event.key === "ArrowUp" && input.selectionStart === 0 && input.selectionEnd === 0) {
-                    const history = walk ?? { items: snapshot.messages.filter((message) => message.role === "user" && message.text.trim()).map((message) => message.text).reverse(), index: -1, draft };
+                    const history = walk ?? { items: snapshot.messages.filter((message) => message.role === "user" && messageText(message).trim()).map(messageText).reverse(), index: -1, draft };
                     const index = event.key === "ArrowUp" ? Math.min(history.index + 1, history.items.length - 1) : history.index - 1;
                     if (index >= 0 || walk) {
                       event.preventDefault();