@dipertq/dsh-openviking-status 0.2.2 → 0.3.1

package/lib/client.cjs

@@ -37,26 +37,38 @@ var client_exports = {};
 __export(client_exports, {
   COMMIT_THRESHOLD: () => COMMIT_THRESHOLD,
   DEFAULT_OPENVIKING_ENDPOINT: () => DEFAULT_OPENVIKING_ENDPOINT,
+  ExtractionSection: () => ExtractionSection,
   OpenVikingClient: () => OpenVikingClient,
   OpenVikingSettingsSection: () => OpenVikingSettingsSection,
   OpenVikingStatusChip: () => OpenVikingStatusChip,
   OpenVikingStatusPopover: () => OpenVikingStatusPopover,
+  POLL_INTERVAL_ACTIVE_MS: () => POLL_INTERVAL_ACTIVE_MS,
+  POLL_INTERVAL_IDLE_MS: () => POLL_INTERVAL_IDLE_MS,
   PROXY_OPENVIKING_ENDPOINT: () => PROXY_OPENVIKING_ENDPOINT,
+  TASKS_LIMIT_CAP: () => TASKS_LIMIT_CAP,
   THEME: () => THEME,
+  WarningGlyph: () => WarningGlyph,
   apply: () => apply,
   chatNodesToText: () => chatNodesToText,
   checkHealth: () => checkHealth,
   commitSession: () => commitSession,
+  computeBreakdown: () => computeBreakdown,
   defaultOpenVikingClient: () => defaultOpenVikingClient,
+  extractTaskList: () => extractTaskList,
   fetchSession: () => fetchSession,
+  formatBacklog: () => formatBacklog,
   formatDaemonVersion: () => formatDaemonVersion,
+  formatDuration: () => formatDuration,
   formatEndpoint: () => formatEndpoint,
+  formatExtractionSummary: () => formatExtractionSummary,
   formatMemoryLeafName: () => formatMemoryLeafName,
   formatPendingTokens: () => formatPendingTokens,
   formatRelativeTime: () => formatRelativeTime,
   formatStatusLabel: () => formatStatusLabel,
   formatTooltipTitle: () => formatTooltipTitle,
   getCategoryBadgeStyle: () => getCategoryBadgeStyle,
+  getChipDotState: () => getChipDotState,
+  getDotColorForState: () => getDotColorForState,
   getProgressBarColor: () => getProgressBarColor,
   getProgressBarPercent: () => getProgressBarPercent,
   getSession: () => getSession,
@@ -65,9 +77,15 @@ __export(client_exports, {
   inferCategory: () => inferCategory,
   inject: () => inject,
   name: () => name,
+  normalizeExecutionEvent: () => normalizeExecutionEvent,
+  normalizeExtractionTask: () => normalizeExtractionTask,
+  normalizeTaskList: () => normalizeTaskList,
+  normalizeTimestamp: () => normalizeTimestamp,
   parseRecalledMemories: () => parseRecalledMemories,
   resolveApiKey: () => resolveApiKey,
   resolveEndpoint: () => resolveEndpoint,
+  seedRunningTask: () => seedRunningTask,
+  shouldPollActive: () => shouldPollActive,
   themeVar: () => themeVar,
   truncateSessionId: () => truncateSessionId
 });
@@ -78,6 +96,98 @@ var import_react2 = __toESM(require("react"), 1);
 var import_react_dom = __toESM(require("react-dom"), 1);
 
 // src/client/api.ts
+var TASKS_LIMIT_CAP = 200;
+function normalizeTimestamp(ts, isoFallback) {
+  if (typeof isoFallback === "string" && isoFallback.trim()) {
+    return isoFallback.trim();
+  }
+  if (typeof ts === "string" && ts.trim()) {
+    return ts.trim();
+  }
+  if (typeof ts === "number" && Number.isFinite(ts) && ts > 0) {
+    const ms = ts < 1e11 ? ts * 1e3 : ts;
+    return new Date(ms).toISOString();
+  }
+  return void 0;
+}
+function extractTaskList(data) {
+  if (!data || typeof data !== "object") return [];
+  if (Array.isArray(data)) return data;
+  const obj = data;
+  if (Array.isArray(obj.result)) return obj.result;
+  if (Array.isArray(obj.items)) return obj.items;
+  if (Array.isArray(obj.tasks)) return obj.tasks;
+  if (obj.result && typeof obj.result === "object") {
+    const res = obj.result;
+    if (Array.isArray(res.items)) return res.items;
+    if (Array.isArray(res.tasks)) return res.tasks;
+  }
+  return [];
+}
+function normalizeExtractionTask(raw) {
+  if (!raw || typeof raw !== "object") return null;
+  const taskId = typeof raw.task_id === "string" && raw.task_id || typeof raw.id === "string" && raw.id || "";
+  if (!taskId) return null;
+  const statusRaw = typeof raw.status === "string" ? raw.status : "";
+  const status = statusRaw === "running" || statusRaw === "pending" || statusRaw === "completed" || statusRaw === "failed" ? statusRaw : "pending";
+  const result = raw.result ?? {};
+  const extracted = result.memories_extracted ?? {};
+  const numberOf = (v) => typeof v === "number" && Number.isFinite(v) ? v : void 0;
+  const tokenUsageRaw = result.token_usage ?? raw.token_usage;
+  const tokenUsage = typeof tokenUsageRaw === "number" ? tokenUsageRaw : numberOf(
+    tokenUsageRaw?.total_tokens
+  );
+  const errorRaw = raw.error;
+  const errorMsg = typeof errorRaw === "string" ? errorRaw : typeof errorRaw?.message === "string" ? errorRaw.message : void 0;
+  return {
+    task_id: taskId,
+    status,
+    resource_id: typeof raw.resource_id === "string" ? raw.resource_id : void 0,
+    created_at: normalizeTimestamp(raw.created_at, raw.created_at_iso),
+    updated_at: normalizeTimestamp(raw.updated_at, raw.updated_at_iso),
+    memory_write: numberOf(extracted.memory_write ?? extracted.written),
+    memory_edit: numberOf(extracted.memory_edit ?? extracted.edited),
+    token_usage: tokenUsage,
+    error: errorMsg
+  };
+}
+function computeBreakdown(tasks) {
+  const b = {
+    running: 0,
+    pending: 0,
+    completed: 0,
+    failed: 0,
+    total: tasks.length,
+    firstRunning: null,
+    lastCompleted: null,
+    lastFailed: null
+  };
+  for (const t of tasks) {
+    if (t.status === "running") {
+      b.running += 1;
+      if (!b.firstRunning) b.firstRunning = t;
+    } else if (t.status === "pending") b.pending += 1;
+    else if (t.status === "completed") {
+      b.completed += 1;
+      if (!b.lastCompleted) b.lastCompleted = t;
+    } else if (t.status === "failed") {
+      b.failed += 1;
+      if (!b.lastFailed) b.lastFailed = t;
+    }
+  }
+  return b;
+}
+function normalizeExecutionEvent(raw) {
+  return {
+    seq: typeof raw.seq === "number" ? raw.seq : void 0,
+    recorded_at: normalizeTimestamp(raw.recorded_at, raw.recorded_at_iso),
+    kind: typeof raw.kind === "string" ? raw.kind : void 0,
+    status: typeof raw.status === "string" ? raw.status : void 0,
+    stage: typeof raw.stage === "string" ? raw.stage : null,
+    operation: typeof raw.operation === "string" ? raw.operation : null,
+    error: typeof raw.error === "string" ? raw.error : null
+  };
+}
 var DEFAULT_OPENVIKING_ENDPOINT = "http://127.0.0.1:1933";
 var PROXY_OPENVIKING_ENDPOINT = "/openviking-status/api";
 function resolveEndpoint(endpoint) {
@@ -386,7 +496,9 @@ var OpenVikingClient = class {
         const data = await res.json().catch(() => ({}));
         return {
           ok: data.ok === true,
-          error: typeof data.error === "string" ? data.error : void 0
+          error: typeof data.error === "string" ? data.error : void 0,
+          task_id: typeof data.task_id === "string" ? data.task_id : void 0,
+          resource_id: typeof data.resource_id === "string" ? data.resource_id : void 0
         };
       } catch (err) {
         return {
@@ -418,7 +530,14 @@ var OpenVikingClient = class {
           return { ok: false, error: String(errorMsg) };
         }
         this.resolvedSessionIds.set(sessionId.trim(), candidateId);
-        return { ok: true };
+        const okBody = await res.json().catch(() => ({}));
+        const container = okBody.result ?? okBody.data ?? okBody;
+        const taskId = container.task_id ?? container.id;
+        return {
+          ok: true,
+          task_id: typeof taskId === "string" && taskId.trim() ? taskId.trim() : void 0,
+          resource_id: candidateId
+        };
       } catch (err) {
         return {
           ok: false,
@@ -428,7 +547,192 @@ var OpenVikingClient = class {
     }
     return { ok: false, error: lastError };
   }
+  /**
+   * Список задач Phase 2 (Memory Extraction) текущей сессии со сводной
+   * разбивкой по статусам.
+   *
+   * Через прокси: один запрос `GET /tasks?session=<id>`, разбивка считается
+   * здесь. Напрямую: разрешаем `resource_id` через кандидатов и запрашиваем
+   * `GET /api/v1/tasks?resource_id=<id>&task_type=session_commit&limit=200`.
+   */
+  async listTasks(sessionId) {
+    if (!sessionId || !sessionId.trim()) {
+      return { status: "missing" };
+    }
+    if (this.isProxy()) {
+      try {
+        const res = await fetch(
+          `${this.endpoint}/tasks?session=${encodeURIComponent(
+            sessionId.trim()
+          )}&limit=${TASKS_LIMIT_CAP}`,
+          { method: "GET", headers: this.getHeaders() }
+        );
+        if (res.status === 401 || res.status === 403) {
+          return { status: "unauthorized" };
+        }
+        if (!res.ok) {
+          return { status: "error", detail: `HTTP ${res.status}` };
+        }
+        const data = await res.json();
+        if (data.status === "unauthorized") return { status: "unauthorized" };
+        if (data.status === "missing") return { status: "missing" };
+        if (data.status === "unreachable")
+          return {
+            status: "unreachable",
+            detail: typeof data.detail === "string" ? data.detail : void 0
+          };
+        if (data.status === "error")
+          return {
+            status: "error",
+            detail: typeof data.detail === "string" ? data.detail : void 0
+          };
+        const tasks = normalizeTaskList(extractTaskList(data.tasks ?? data));
+        return { status: "ok", breakdown: computeBreakdown(tasks), tasks };
+      } catch (err) {
+        return {
+          status: "unreachable",
+          detail: err instanceof Error ? err.message : String(err)
+        };
+      }
+    }
+    const candidates = this.getCandidateSessionIds(sessionId);
+    let resourceId = null;
+    for (const candidateId of candidates) {
+      try {
+        const probe = await fetch(
+          `${this.endpoint}/api/v1/sessions/${encodeURIComponent(candidateId)}`,
+          { method: "GET", headers: this.getHeaders() }
+        );
+        if (probe.status === 404) continue;
+        if (probe.status === 401 || probe.status === 403) {
+          return { status: "unauthorized" };
+        }
+        if (probe.ok) {
+          resourceId = candidateId;
+          this.resolvedSessionIds.set(sessionId.trim(), candidateId);
+          break;
+        }
+      } catch (err) {
+        return {
+          status: "unreachable",
+          detail: err instanceof Error ? err.message : String(err)
+        };
+      }
+    }
+    if (!resourceId) return { status: "missing" };
+    try {
+      const query = new URLSearchParams({
+        resource_id: resourceId,
+        task_type: "session_commit",
+        limit: String(TASKS_LIMIT_CAP)
+      });
+      const res = await fetch(
+        `${this.endpoint}/api/v1/tasks?${query.toString()}`,
+        { method: "GET", headers: this.getHeaders() }
+      );
+      if (res.status === 401 || res.status === 403) {
+        return { status: "unauthorized" };
+      }
+      if (!res.ok) {
+        return { status: "error", detail: `HTTP ${res.status}` };
+      }
+      const data = await res.json();
+      const tasks = normalizeTaskList(extractTaskList(data));
+      return { status: "ok", breakdown: computeBreakdown(tasks), tasks };
+    } catch (err) {
+      return {
+        status: "unreachable",
+        detail: err instanceof Error ? err.message : String(err)
+      };
+    }
+  }
+  /**
+   * Лениво загрузить одну задачу с лентой `execution_events` для «Show log».
+   */
+  async fetchTaskEvents(taskId) {
+    if (!taskId || !taskId.trim()) {
+      return { status: "missing" };
+    }
+    const buildOk = (taskRaw) => {
+      const task = normalizeExtractionTask(taskRaw);
+      const eventsContainer = taskRaw.execution_events ?? {};
+      const rawEvents = eventsContainer.items ?? (Array.isArray(taskRaw.execution_events) ? taskRaw.execution_events : []);
+      const events = (Array.isArray(rawEvents) ? rawEvents : []).filter(
+        (e) => !!e && typeof e === "object"
+      ).map(normalizeExecutionEvent);
+      if (!task) return { status: "error", detail: "malformed task" };
+      return { status: "ok", task, events };
+    };
+    if (this.isProxy()) {
+      try {
+        const res = await fetch(
+          `${this.endpoint}/task?id=${encodeURIComponent(
+            taskId.trim()
+          )}&events=1`,
+          { method: "GET", headers: this.getHeaders() }
+        );
+        if (res.status === 401 || res.status === 403) {
+          return { status: "unauthorized" };
+        }
+        if (!res.ok) {
+          return { status: "error", detail: `HTTP ${res.status}` };
+        }
+        const data = await res.json();
+        if (data.status === "unauthorized") return { status: "unauthorized" };
+        if (data.status === "missing") return { status: "missing" };
+        if (data.status === "unreachable")
+          return {
+            status: "unreachable",
+            detail: typeof data.detail === "string" ? data.detail : void 0
+          };
+        if (data.status === "error")
+          return {
+            status: "error",
+            detail: typeof data.detail === "string" ? data.detail : void 0
+          };
+        return buildOk(data.task ?? {});
+      } catch (err) {
+        return {
+          status: "unreachable",
+          detail: err instanceof Error ? err.message : String(err)
+        };
+      }
+    }
+    try {
+      const res = await fetch(
+        `${this.endpoint}/api/v1/tasks/${encodeURIComponent(
+          taskId.trim()
+        )}?include_events=true`,
+        { method: "GET", headers: this.getHeaders() }
+      );
+      if (res.status === 404) return { status: "missing" };
+      if (res.status === 401 || res.status === 403) {
+        return { status: "unauthorized" };
+      }
+      if (!res.ok) {
+        return { status: "error", detail: `HTTP ${res.status}` };
+      }
+      const data = await res.json();
+      const taskRaw = data?.result ?? data?.data ?? data;
+      return buildOk(taskRaw);
+    } catch (err) {
+      return {
+        status: "unreachable",
+        detail: err instanceof Error ? err.message : String(err)
+      };
+    }
+  }
 };
+function normalizeTaskList(raw) {
+  if (!Array.isArray(raw)) return [];
+  const tasks = [];
+  for (const entry of raw) {
+    if (!entry || typeof entry !== "object") continue;
+    const task = normalizeExtractionTask(entry);
+    if (task) tasks.push(task);
+  }
+  return tasks;
+}
 var defaultOpenVikingClient = new OpenVikingClient();
 function checkHealth(endpoint, apiKey) {
   const client = endpoint || apiKey ? new OpenVikingClient(endpoint, apiKey) : defaultOpenVikingClient;
@@ -802,6 +1106,39 @@ function dshIcon(name2) {
     return null;
   }
 }
+function formatDuration(startIso, endIso) {
+  if (!startIso || !endIso) return void 0;
+  const start = new Date(startIso).getTime();
+  const end = new Date(endIso).getTime();
+  if (isNaN(start) || isNaN(end) || end < start) return void 0;
+  const ms = end - start;
+  const sec = ms / 1e3;
+  if (sec < 60) {
+    return `${sec < 10 ? sec.toFixed(1) : Math.round(sec)}s`;
+  }
+  const min = Math.floor(sec / 60);
+  const rem = Math.round(sec % 60);
+  return `${min}m ${rem}s`;
+}
+function formatExtractionSummary(task, now = Date.now()) {
+  const write = task.memory_write ?? 0;
+  const edit = task.memory_edit ?? 0;
+  const parts = [`${write} written, ${edit} edited`];
+  const duration = formatDuration(task.created_at, task.updated_at);
+  if (duration) parts.push(duration);
+  const rel = formatRelativeTime(task.updated_at, now);
+  if (rel) parts.push(rel);
+  return parts.join(" \xB7 ");
+}
+function formatBacklog(breakdown) {
+  if (!breakdown) return null;
+  const { pending, failed } = breakdown;
+  if (pending <= 0 && failed <= 0) return null;
+  const parts = [];
+  if (pending > 0) parts.push(`${pending} pending`);
+  if (failed > 0) parts.push(`${failed} failed`);
+  return parts.join(" / ");
+}
 function getProgressBarPercent(pendingTokens, threshold = COMMIT_THRESHOLD) {
   if (!threshold || threshold <= 0) return 0;
   const ratio = (pendingTokens || 0) / threshold;
@@ -868,6 +1205,229 @@ function handleEscapeKey(event, onClose) {
   }
   return false;
 }
+function ExtractionSection({
+  breakdown,
+  client
+}) {
+  const [showLog, setShowLog] = (0, import_react.useState)(false);
+  const [events, setEvents] = (0, import_react.useState)(null);
+  const [logError, setLogError] = (0, import_react.useState)(null);
+  const [loadingLog, setLoadingLog] = (0, import_react.useState)(false);
+  if (!breakdown) return null;
+  const isRunning = breakdown.running >= 1;
+  const lastCompleted = breakdown.lastCompleted;
+  const lastFailed = breakdown.lastFailed;
+  const backlog = formatBacklog(breakdown);
+  const failedActive = !isRunning && breakdown.failed >= 1;
+  const logTaskId = (isRunning ? breakdown.firstRunning?.task_id : null) ?? (failedActive ? lastFailed?.task_id : null) ?? lastCompleted?.task_id ?? lastFailed?.task_id ?? null;
+  const mutedStyle = { color: themeVar("labelTertiary") };
+  const toggleLog = (0, import_react.useCallback)(async () => {
+    const next = !showLog;
+    setShowLog(next);
+    if (next && events === null && logTaskId && client) {
+      setLoadingLog(true);
+      setLogError(null);
+      const res = await client.fetchTaskEvents(logTaskId);
+      setLoadingLog(false);
+      if (res.status === "ok") {
+        setEvents(res.events);
+      } else {
+        setLogError(
+          res.status === "unauthorized" ? "No access to task log" : "Could not load log"
+        );
+      }
+    }
+  }, [showLog, events, logTaskId, client]);
+  if (!isRunning && !failedActive && !lastCompleted && !backlog) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "data-testid": "extraction-section", style: { marginBottom: "12px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        style: {
+          marginBottom: "4px",
+          color: themeVar("labelPrimary"),
+          fontWeight: 500
+        },
+        children: "Memory Extraction"
+      }
+    ),
+    isRunning ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "6px",
+            marginBottom: "4px"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                "data-testid": "extraction-status-dot",
+                "aria-hidden": "true",
+                style: {
+                  width: "6px",
+                  height: "6px",
+                  borderRadius: "50%",
+                  background: themeVar("stateSuccess"),
+                  animation: "ov-pulse 1.2s ease-in-out infinite",
+                  flexShrink: 0
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-testid": "extraction-running-label", children: "Extracting\u2026" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          "data-testid": "extraction-indeterminate-track",
+          style: {
+            width: "100%",
+            height: "6px",
+            borderRadius: "3px",
+            backgroundColor: themeVar("insetSurface"),
+            overflow: "hidden",
+            position: "relative"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              "data-testid": "extraction-indeterminate-fill",
+              style: {
+                position: "absolute",
+                left: 0,
+                top: 0,
+                height: "100%",
+                width: "40%",
+                borderRadius: "3px",
+                backgroundColor: themeVar("stateSuccess"),
+                animation: "ov-indeterminate 1.2s ease-in-out infinite"
+              }
+            }
+          )
+        }
+      )
+    ] }) : failedActive && lastFailed ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        "data-testid": "extraction-failed-line",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "6px",
+          color: themeVar("stateWarning")
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              "aria-hidden": "true",
+              style: { display: "inline-flex", flexShrink: 0 },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WarningGlyph, { size: 12, testId: "extraction-warning-glyph" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-testid": "extraction-failed-text", children: lastFailed.error || "extraction failed" })
+        ]
+      }
+    ) : lastCompleted ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "6px"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              "data-testid": "extraction-status-dot",
+              "aria-hidden": "true",
+              style: {
+                width: "6px",
+                height: "6px",
+                borderRadius: "50%",
+                background: themeVar("stateSuccess"),
+                flexShrink: 0
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-testid": "extraction-last-line", children: formatExtractionSummary(lastCompleted) })
+        ]
+      }
+    ) : null,
+    backlog && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        "data-testid": "extraction-backlog-line",
+        style: { ...mutedStyle, marginTop: "4px" },
+        children: backlog
+      }
+    ),
+    logTaskId && client && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginTop: "6px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          "data-testid": "extraction-show-log-btn",
+          onClick: () => void toggleLog(),
+          style: {
+            background: "none",
+            border: "none",
+            padding: 0,
+            cursor: "pointer",
+            font: "inherit",
+            color: themeVar("labelTertiary"),
+            textDecoration: "underline"
+          },
+          "aria-expanded": showLog,
+          children: showLog ? "Hide log" : "Show log"
+        }
+      ),
+      showLog && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          "data-testid": "extraction-log",
+          style: {
+            marginTop: "6px",
+            display: "flex",
+            flexDirection: "column",
+            gap: "2px",
+            maxHeight: "120px",
+            overflowY: "auto"
+          },
+          children: [
+            loadingLog && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-testid": "extraction-log-loading", style: mutedStyle, children: "Loading\u2026" }),
+            logError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-testid": "extraction-log-error", style: mutedStyle, children: logError }),
+            events && events.length === 0 && !loadingLog && !logError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-testid": "extraction-log-empty", style: mutedStyle, children: "No events" }),
+            events?.map((ev, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "div",
+              {
+                "data-testid": "extraction-log-event",
+                style: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  gap: "8px"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: ev.status || ev.kind || "event" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: mutedStyle, children: formatRelativeTime(ev.recorded_at) || "" })
+                ]
+              },
+              `${ev.seq ?? idx}-${ev.recorded_at ?? idx}`
+            ))
+          ]
+        }
+      )
+    ] })
+  ] });
+}
 function OpenVikingStatusPopover({
   sessionId,
   health,
@@ -877,6 +1437,8 @@ function OpenVikingStatusPopover({
   endpoint,
   isCommitting = false,
   commitError = null,
+  breakdown = null,
+  client,
   onCommitNow,
   onClose,
   className,
@@ -957,7 +1519,7 @@ function OpenVikingStatusPopover({
         ...style
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: `@keyframes ov-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }` }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: `@keyframes ov-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes ov-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.35; transform: scale(0.72); } } @keyframes ov-indeterminate { 0% { left: -40%; } 100% { left: 100%; } }` }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "div",
           {
@@ -1240,6 +1802,7 @@ function OpenVikingStatusPopover({
             }
           )
         ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExtractionSection, { breakdown, client }),
         commitError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
@@ -1297,6 +1860,81 @@ function OpenVikingStatusPopover({
 // src/client/OpenVikingStatusChip.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var COMMIT_THRESHOLD = 2e4;
+var POLL_INTERVAL_IDLE_MS = 15e3;
+var POLL_INTERVAL_ACTIVE_MS = 2500;
+function shouldPollActive(breakdown) {
+  if (!breakdown) return false;
+  return breakdown.running >= 1 || breakdown.pending >= 1;
+}
+function getChipDotState({
+  isOnline,
+  sessionUnreadable,
+  breakdown
+}) {
+  if (!isOnline) return "offline";
+  if (sessionUnreadable) return "session-unreadable";
+  if (breakdown && breakdown.running >= 1) return "busy";
+  if (breakdown && breakdown.failed >= 1) return "extraction-failed";
+  return "online-idle";
+}
+function WarningGlyph({
+  size = 11,
+  testId = "extraction-warning-glyph"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "svg",
+    {
+      "data-testid": testId,
+      width: size,
+      height: size,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": "true",
+      style: { flexShrink: 0, display: "block" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "path",
+          {
+            d: "M8 5v3.5",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "8", cy: "11", r: "0.9", fill: "currentColor" })
+      ]
+    }
+  );
+}
+function seedRunningTask(prev, taskId, resourceId) {
+  const existing = prev && prev.status === "ok" ? prev.tasks : [];
+  if (existing.some((t) => t.task_id === taskId)) {
+    return prev;
+  }
+  const seeded = {
+    task_id: taskId,
+    status: "running",
+    resource_id: resourceId,
+    updated_at: (/* @__PURE__ */ new Date()).toISOString()
+  };
+  const tasks = [seeded, ...existing];
+  return { status: "ok", breakdown: computeBreakdown(tasks), tasks };
+}
+function getDotColorForState(state) {
+  switch (state) {
+    case "offline":
+      return themeVar("stateError");
+    case "session-unreadable":
+    case "extraction-failed":
+      return themeVar("stateWarning");
+    case "busy":
+      return themeVar("stateSuccess");
+    case "online-idle":
+    default:
+      return themeVar("stateSuccess");
+  }
+}
 function formatPendingTokens(pendingTokens) {
   const k = Math.round((pendingTokens || 0) / 1e3);
   return `${k}k pend`;
@@ -1399,6 +2037,7 @@ function StatusChipView({
   initialHealth,
   initialSessionData,
   initialSessionRead,
+  initialTasksRead,
   initialOpen = false
 }) {
   const [health, setHealth] = (0, import_react2.useState)(
@@ -1407,6 +2046,9 @@ function StatusChipView({
   const [sessionRead, setSessionRead] = (0, import_react2.useState)(
     initialSessionRead ?? (initialSessionData ? { status: "ok", session: initialSessionData } : null)
   );
+  const [tasksRead, setTasksRead] = (0, import_react2.useState)(
+    initialTasksRead ?? null
+  );
   const [isOpen, setIsOpen] = (0, import_react2.useState)(initialOpen);
   const [isCommitting, setIsCommitting] = (0, import_react2.useState)(false);
   const [commitError, setCommitError] = (0, import_react2.useState)(null);
@@ -1442,16 +2084,24 @@ function StatusChipView({
       if (!healthRes.ok) {
         return;
       }
-      setSessionRead(await apiClient.readSession(sessionId));
+      const [session, tasks] = await Promise.all([
+        apiClient.readSession(sessionId),
+        apiClient.listTasks(sessionId)
+      ]);
+      setSessionRead(session);
+      setTasksRead(tasks);
     } catch {
       setHealth({ ok: false });
     }
   }, [sessionId, apiClient]);
+  const breakdown = tasksRead?.status === "ok" ? tasksRead.breakdown : null;
+  const hasActivePhase = shouldPollActive(breakdown);
   (0, import_react2.useEffect)(() => {
     fetchStatus();
-    const timer = setInterval(fetchStatus, 15e3);
+    const interval = hasActivePhase ? POLL_INTERVAL_ACTIVE_MS : POLL_INTERVAL_IDLE_MS;
+    const timer = setInterval(fetchStatus, interval);
     return () => clearInterval(timer);
-  }, [fetchStatus]);
+  }, [fetchStatus, hasActivePhase]);
   (0, import_react2.useEffect)(() => {
     function handleClickOutside(event) {
       if (popoverRef.current && !popoverRef.current.contains(event.target)) {
@@ -1481,6 +2131,11 @@ function StatusChipView({
         keep_recent_count: 10
       });
       if (res.ok) {
+        if (res.task_id) {
+          setTasksRead(
+            (prev) => seedRunningTask(prev, res.task_id, res.resource_id)
+          );
+        }
         await fetchStatus();
         onCommit?.();
       } else {
@@ -1499,11 +2154,15 @@ function StatusChipView({
   const sessionUnreadable = isOnline && sessionRead !== null && sessionRead.status !== "ok";
   const pendingTokens = sessionData?.pending_tokens ?? 0;
   const recalledCount = recalledResult.recalledCount;
-  const statusColor = getStatusIndicatorColor(
+  const rawDotState = getChipDotState({
     isOnline,
-    isCommitting,
-    sessionUnreadable
-  );
+    sessionUnreadable,
+    breakdown
+  });
+  const dotState = isCommitting && (rawDotState === "online-idle" || rawDotState === "busy") ? "busy" : rawDotState;
+  const dotBusy = dotState === "busy";
+  const dotFailed = dotState === "extraction-failed";
+  const statusColor = getDotColorForState(dotState);
   const tooltipTitle = formatTooltipTitle({
     isOnline,
     isCommitting,
@@ -1520,6 +2179,7 @@ function StatusChipView({
       style: { minWidth: 0, display: "inline-flex", position: "relative" },
       ref: popoverRef,
       children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("style", { children: `@keyframes ov-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.35; transform: scale(0.72); } }` }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
           "button",
           {
@@ -1550,17 +2210,32 @@ function StatusChipView({
             title: tooltipTitle,
             "aria-label": tooltipTitle,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              dotFailed ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                 "span",
                 {
                   "data-testid": "status-dot",
+                  "data-dot-state": dotState,
+                  "aria-hidden": "true",
+                  style: {
+                    display: "inline-flex",
+                    color: statusColor,
+                    flexShrink: 0
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(WarningGlyph, { size: 11, testId: "chip-warning-glyph" })
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "span",
+                {
+                  "data-testid": "status-dot",
+                  "data-dot-state": dotBusy ? "busy" : dotState,
                   "aria-hidden": "true",
                   style: {
                     width: "6px",
                     height: "6px",
                     borderRadius: "50%",
                     background: statusColor,
-                    flexShrink: 0
+                    flexShrink: 0,
+                    ...dotBusy ? { animation: "ov-pulse 1.2s ease-in-out infinite" } : {}
                   }
                 }
               ),
@@ -1579,6 +2254,8 @@ function StatusChipView({
             endpoint: apiClient.endpoint,
             isCommitting,
             commitError,
+            breakdown,
+            client: apiClient,
             onCommitNow: handleCommitNow,
             onClose: () => setIsOpen(false)
           }