@dipertq/dsh-openviking-status 0.1.7 → 0.2.0

package/lib/client.cjs

@@ -4,9 +4,11 @@ window.__ModuleLoader__.load({
     var module = { exports: {} };
     var exports = module.exports;
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name2 in all)
@@ -20,6 +22,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/client/index.tsx
@@ -28,13 +38,17 @@ __export(client_exports, {
   COMMIT_THRESHOLD: () => COMMIT_THRESHOLD,
   DEFAULT_OPENVIKING_ENDPOINT: () => DEFAULT_OPENVIKING_ENDPOINT,
   OpenVikingClient: () => OpenVikingClient,
+  OpenVikingSettingsSection: () => OpenVikingSettingsSection,
   OpenVikingStatusChip: () => OpenVikingStatusChip,
   OpenVikingStatusPopover: () => OpenVikingStatusPopover,
+  THEME: () => THEME,
   apply: () => apply,
+  chatNodesToText: () => chatNodesToText,
   checkHealth: () => checkHealth,
   commitSession: () => commitSession,
   defaultOpenVikingClient: () => defaultOpenVikingClient,
   fetchSession: () => fetchSession,
+  formatDaemonVersion: () => formatDaemonVersion,
   formatEndpoint: () => formatEndpoint,
   formatMemoryLeafName: () => formatMemoryLeafName,
   formatPendingTokens: () => formatPendingTokens,
@@ -42,11 +56,9 @@ __export(client_exports, {
   formatStatusLabel: () => formatStatusLabel,
   formatTooltipTitle: () => formatTooltipTitle,
   getCategoryBadgeStyle: () => getCategoryBadgeStyle,
-  getFallbackSessionMessages: () => getFallbackSessionMessages,
   getProgressBarColor: () => getProgressBarColor,
   getProgressBarPercent: () => getProgressBarPercent,
   getSession: () => getSession,
-  getStatusGlow: () => getStatusGlow,
   getStatusIndicatorColor: () => getStatusIndicatorColor,
   handleEscapeKey: () => handleEscapeKey,
   inferCategory: () => inferCategory,
@@ -55,12 +67,14 @@ __export(client_exports, {
   parseRecalledMemories: () => parseRecalledMemories,
   resolveApiKey: () => resolveApiKey,
   resolveEndpoint: () => resolveEndpoint,
+  themeVar: () => themeVar,
   truncateSessionId: () => truncateSessionId
 });
 module.exports = __toCommonJS(client_exports);
 
 // src/client/OpenVikingStatusChip.tsx
-var import_react2 = require("react");
+var import_react2 = __toESM(require("react"), 1);
+var import_react_dom = __toESM(require("react-dom"), 1);
 
 // src/client/api.ts
 var DEFAULT_OPENVIKING_ENDPOINT = "http://127.0.0.1:1933";
@@ -114,6 +128,30 @@ var OpenVikingClient = class {
     this.endpoint = resolveEndpoint(endpoint);
     this.apiKey = resolveApiKey(apiKey);
   }
+  /**
+   * Обновление конфигурации клиента на лету (например, после сохранения настроек в UI).
+   */
+  updateConfig(config) {
+    if (config.endpoint && config.endpoint.trim()) {
+      this.endpoint = resolveEndpoint(config.endpoint);
+    }
+    if (config.apiKey !== void 0) {
+      this.apiKey = resolveApiKey(config.apiKey);
+    }
+    this.resolvedSessionIds.clear();
+  }
+  /**
+   * Очистить кэш разрешенных идентификаторов сессий.
+   */
+  clearResolvedSessions() {
+    this.resolvedSessionIds.clear();
+  }
+  /**
+   * Проверка, работает ли клиент через DSH Web Server proxy.
+   */
+  isProxy() {
+    return this.endpoint.startsWith("/") || this.endpoint.includes("/openviking-status/api");
+  }
   /**
    * Формирование заголовков запроса, включая опциональный заголовок авторизации
    */
@@ -144,6 +182,8 @@ var OpenVikingClient = class {
     } else if (raw.startsWith("dsh-")) {
       const suffix = raw.slice("dsh-".length);
       candidates.push(raw, `dsh-session-${suffix}`);
+    } else if (raw.startsWith("session-")) {
+      candidates.push(`dsh-${raw}`, raw);
     } else {
       candidates.push(`dsh-session-${raw}`, `dsh-${raw}`, raw);
     }
@@ -153,6 +193,32 @@ var OpenVikingClient = class {
    * Проверка доступности и состояния сервиса OpenViking
    */
   async checkHealth() {
+    if (this.isProxy()) {
+      try {
+        const res = await fetch(`${this.endpoint}/health`, {
+          method: "GET",
+          headers: this.getHeaders()
+        });
+        if (!res.ok) {
+          return {
+            ok: false,
+            error: `HTTP ${res.status}: ${res.statusText}`
+          };
+        }
+        const body = await res.json().catch(() => ({}));
+        const isOk = body.ok !== false && body.status !== "error" && (body.ok === true || body.status === "ok" || body.status === "healthy" || res.ok);
+        return {
+          ok: isOk,
+          version: typeof body.version === "string" ? body.version : void 0,
+          storage: typeof body.storage === "string" ? body.storage : void 0
+        };
+      } catch (err) {
+        return {
+          ok: false,
+          error: err instanceof Error ? err.message : String(err)
+        };
+      }
+    }
     try {
       const res = await fetch(`${this.endpoint}/health`, {
         method: "GET",
@@ -179,12 +245,58 @@ var OpenVikingClient = class {
     }
   }
   /**
-   * Получение метаданных сессии по идентификатору с автоматическим разрешением префикса.
-   * При сетевых сбоях или ошибках авторизации возвращает null, не выбрасывая исключений.
+   * Чтение метаданных сессии с явной причиной неудачи.
+   *
+   * Демон может работать с `auth_mode: api_key`: тогда `/health` остаётся
+   * открытым, а сессия отвечает 401. Схлопывать это в «нет данных» нельзя —
+   * иначе интерфейс покажет живой индикатор рядом с нулями и умолчит о том,
+   * что счётчики просто недоступны.
    */
-  async fetchSession(sessionId) {
+  async readSession(sessionId) {
     if (!sessionId || !sessionId.trim()) {
-      return null;
+      return { status: "missing" };
+    }
+    if (this.isProxy()) {
+      try {
+        const res = await fetch(
+          `${this.endpoint}/session?id=${encodeURIComponent(sessionId.trim())}`,
+          {
+            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
+          };
+        if (data.status === "ok" && data.session) {
+          return {
+            status: "ok",
+            session: data.session
+          };
+        }
+        return { status: "error", detail: "malformed response from proxy" };
+      } catch (err) {
+        return {
+          status: "unreachable",
+          detail: err instanceof Error ? err.message : String(err)
+        };
+      }
     }
     const candidates = this.getCandidateSessionIds(sessionId);
     for (const candidateId of candidates) {
@@ -199,30 +311,48 @@ var OpenVikingClient = class {
         if (res.status === 404) {
           continue;
         }
+        if (res.status === 401 || res.status === 403) {
+          return { status: "unauthorized" };
+        }
         if (!res.ok) {
-          return null;
+          return { status: "error", detail: `HTTP ${res.status}` };
         }
         const data = await res.json();
         const raw = data?.result ?? data?.data ?? data;
         if (!raw || typeof raw !== "object") {
-          return null;
+          return { status: "error", detail: "malformed response body" };
         }
         this.resolvedSessionIds.set(sessionId.trim(), candidateId);
         return {
-          session_id: typeof raw.session_id === "string" ? raw.session_id : candidateId,
-          peer_id: typeof raw.peer_id === "string" ? raw.peer_id : void 0,
-          pending_tokens: typeof raw.pending_tokens === "number" ? raw.pending_tokens : 0,
-          message_count: typeof raw.message_count === "number" ? raw.message_count : void 0,
-          commit_count: typeof raw.commit_count === "number" ? raw.commit_count : void 0,
-          last_commit_at: typeof raw.last_commit_at === "string" ? raw.last_commit_at : typeof raw.last_commit === "string" ? raw.last_commit : void 0,
-          created_at: typeof raw.created_at === "string" ? raw.created_at : void 0,
-          updated_at: typeof raw.updated_at === "string" ? raw.updated_at : void 0
+          status: "ok",
+          session: {
+            session_id: typeof raw.session_id === "string" ? raw.session_id : candidateId,
+            peer_id: typeof raw.peer_id === "string" ? raw.peer_id : void 0,
+            pending_tokens: typeof raw.pending_tokens === "number" ? raw.pending_tokens : 0,
+            message_count: typeof raw.message_count === "number" ? raw.message_count : void 0,
+            commit_count: typeof raw.commit_count === "number" ? raw.commit_count : void 0,
+            last_commit_at: typeof raw.last_commit_at === "string" ? raw.last_commit_at : typeof raw.last_commit === "string" ? raw.last_commit : void 0,
+            created_at: typeof raw.created_at === "string" ? raw.created_at : void 0,
+            updated_at: typeof raw.updated_at === "string" ? raw.updated_at : void 0
+          }
+        };
+      } catch (err) {
+        return {
+          status: "unreachable",
+          detail: err instanceof Error ? err.message : String(err)
         };
-      } catch {
-        return null;
       }
     }
-    return null;
+    return { status: "missing" };
+  }
+  /**
+   * Получение метаданных сессии по идентификатору.
+   * Обёртка над {@link readSession} для вызывающих, которым причина неудачи
+   * не нужна: любая неудача сводится к null.
+   */
+  async fetchSession(sessionId) {
+    const result = await this.readSession(sessionId);
+    return result.status === "ok" ? result.session : null;
   }
   /**
    * Алиас для fetchSession
@@ -237,6 +367,31 @@ var OpenVikingClient = class {
     if (!sessionId || !sessionId.trim()) {
       return { ok: false, error: "Missing sessionId" };
     }
+    if (this.isProxy()) {
+      try {
+        const res = await fetch(`${this.endpoint}/session/commit`, {
+          method: "POST",
+          headers: this.getHeaders(),
+          body: JSON.stringify({
+            sessionId: sessionId.trim(),
+            ...options ?? { keep_recent_count: 10 }
+          })
+        });
+        if (!res.ok) {
+          return { ok: false, error: `HTTP ${res.status}` };
+        }
+        const data = await res.json().catch(() => ({}));
+        return {
+          ok: data.ok === true,
+          error: typeof data.error === "string" ? data.error : void 0
+        };
+      } catch (err) {
+        return {
+          ok: false,
+          error: err instanceof Error ? err.message : String(err)
+        };
+      }
+    }
     const candidates = this.getCandidateSessionIds(sessionId);
     const bodyPayload = JSON.stringify(options ?? { keep_recent_count: 10 });
     let lastError = "Session commit failed";
@@ -288,6 +443,45 @@ function commitSession(sessionId, options, endpoint, apiKey) {
   return client.commitSession(sessionId, options);
 }
 
+// src/client/theme.ts
+var THEME = {
+  /** Фон всплывающей панели — тот же, что у меню и диалогов DSH. */
+  panelSurface: "--dsw-specific-menu",
+  /** Тень панели. */
+  panelElevation: "--dsw-elevation-prominent",
+  /** Контур панели; задаётся через переменную тени, а не через border. */
+  panelStroke: "--dsw-alias-border-l1",
+  /** Заголовки и акцентный текст. */
+  labelPrimary: "--dsw-alias-label-primary",
+  /** Основной текст панели. */
+  labelSecondary: "--dsw-alias-label-secondary",
+  /** Приглушённый текст: подписи, значения, текст чипа в покое. */
+  labelTertiary: "--dsw-alias-label-tertiary",
+  /** Разделительная линия внутри панели. */
+  hairline: "--dsw-alias-border-l2",
+  /** Подсветка интерактивного элемента под курсором. */
+  hoverBackground: "--dsw-alias-interactive-bg-hover",
+  /** Подсветка нажатого элемента. */
+  activeBackground: "--dsw-alias-interactive-bg-active",
+  /** Демон доступен. */
+  stateSuccess: "--dsw-alias-state-success-primary",
+  /** Демон недоступен или сессия нечитаема. */
+  stateError: "--dsw-alias-state-error-primary",
+  /** Идёт коммит, либо накоплено близко к порогу. */
+  stateWarning: "--dsw-alias-state-warn-primary",
+  /** Утопленная поверхность: дорожка прогресс-бара. */
+  insetSurface: "--dsw-alias-bg-layer-2",
+  /** Заливка основной кнопки действий. */
+  buttonPrimaryFill: "--dsw-alias-button-primary-fill",
+  /** Цвет текста на основной кнопке действий. */
+  buttonPrimaryText: "--dsw-alias-label-primary-inverted",
+  /** Моноширинный шрифт для идентификаторов и путей. */
+  fontMono: "--dsw-font-markdown-code-font-family"
+};
+function themeVar(role) {
+  return `var(${THEME[role]})`;
+}
+
 // src/client/recallParser.ts
 var KNOWN_CATEGORIES = /* @__PURE__ */ new Set([
   "preferences",
@@ -596,6 +790,15 @@ function parseRecalledMemories(input) {
 // src/client/OpenVikingStatusPopover.tsx
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+function dshIcon(name2) {
+  try {
+    const primitives = typeof require === "function" ? require("@deepseek-ai/dsh-client-ui-primitives") : null;
+    const icon = primitives?.[name2];
+    return typeof icon === "function" ? icon : null;
+  } catch {
+    return null;
+  }
+}
 function getProgressBarPercent(pendingTokens, threshold = COMMIT_THRESHOLD) {
   if (!threshold || threshold <= 0) return 0;
   const ratio = (pendingTokens || 0) / threshold;
@@ -603,9 +806,14 @@ function getProgressBarPercent(pendingTokens, threshold = COMMIT_THRESHOLD) {
 }
 function getProgressBarColor(percent) {
   if (percent >= 80) {
-    return "var(--dsw-status-warning, #fbbf24)";
+    return themeVar("stateWarning");
   }
-  return "var(--dsw-status-success, #34d399)";
+  return themeVar("stateSuccess");
+}
+function formatDaemonVersion(version) {
+  const value = version?.trim();
+  if (!value) return void 0;
+  return /^v/i.test(value) ? value : `v${value}`;
 }
 function formatRelativeTime(isoOrTimestamp, now = Date.now()) {
   if (!isoOrTimestamp) return void 0;
@@ -647,39 +855,8 @@ function truncateSessionId(id, maxLen = 16) {
   if (id.length <= maxLen) return id;
   return `${id.slice(0, maxLen)}...`;
 }
-function getCategoryBadgeStyle(category) {
-  switch (category?.toLowerCase()) {
-    case "preferences":
-      return {
-        backgroundColor: "rgba(168, 85, 247, 0.15)",
-        color: "var(--dsw-status-purple, #c084fc)"
-      };
-    case "entities":
-      return {
-        backgroundColor: "rgba(59, 130, 246, 0.15)",
-        color: "var(--dsw-status-info, #60a5fa)"
-      };
-    case "skills":
-      return {
-        backgroundColor: "rgba(236, 72, 153, 0.15)",
-        color: "var(--dsw-status-pink, #f472b6)"
-      };
-    case "events":
-      return {
-        backgroundColor: "rgba(245, 158, 11, 0.15)",
-        color: "var(--dsw-status-warning, #fbbf24)"
-      };
-    case "resources":
-      return {
-        backgroundColor: "rgba(20, 184, 166, 0.15)",
-        color: "var(--dsw-status-teal, #2dd4bf)"
-      };
-    default:
-      return {
-        backgroundColor: "rgba(148, 163, 184, 0.15)",
-        color: "var(--dsw-text-muted, #94a3b8)"
-      };
-  }
+function getCategoryBadgeStyle(_category) {
+  return { color: themeVar("labelTertiary") };
 }
 function handleEscapeKey(event, onClose) {
   if (event.key === "Escape") {
@@ -692,6 +869,7 @@ function OpenVikingStatusPopover({
   sessionId,
   health,
   sessionData,
+  sessionRead,
   recalledResult,
   endpoint,
   isCommitting = false,
@@ -711,13 +889,17 @@ function OpenVikingStatusPopover({
     };
   }, []);
   const isOnline = health?.ok === true;
-  const statusColor = isOnline ? "var(--dsw-status-success, #34d399)" : "var(--dsw-status-error, #f87171)";
+  const sessionUnreadable = isOnline && sessionRead != null && sessionRead.status !== "ok";
+  const unauthorized = sessionRead?.status === "unauthorized";
+  const statusColor = isOnline ? sessionUnreadable ? themeVar("stateWarning") : themeVar("stateSuccess") : themeVar("stateError");
   const displaySessionId = sessionData?.session_id || sessionId || "";
   const pendingTokens = sessionData?.pending_tokens ?? 0;
   const progressPercent = getProgressBarPercent(pendingTokens);
   const progressBarColor = getProgressBarColor(progressPercent);
   const memoryItems = recalledResult?.items || [];
   const recalledCount = recalledResult?.recalledCount ?? memoryItems.length;
+  const CopyIcon = dshIcon("IconCopyOutline16");
+  const CheckIcon = dshIcon("IconCheckOutline16");
   const handleCopySessionId = (0, import_react.useCallback)(() => {
     if (!displaySessionId) return;
     if (typeof navigator !== "undefined" && navigator.clipboard) {
@@ -733,7 +915,15 @@ function OpenVikingStatusPopover({
       }, 1500);
     }
   }, [displaySessionId]);
-  const isCommitDisabled = isCommitting || !isOnline || pendingTokens === 0;
+  const isCommitDisabled = isCommitting || !isOnline || sessionUnreadable || pendingTokens === 0;
+  const pendingLabel = sessionUnreadable ? "unavailable" : `${pendingTokens.toLocaleString()} / ${COMMIT_THRESHOLD.toLocaleString()}`;
+  const rowStyle = {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center"
+  };
+  const mutedStyle = { color: themeVar("labelTertiary") };
+  const monoStyle = { fontFamily: themeVar("fontMono") };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
@@ -744,17 +934,23 @@ function OpenVikingStatusPopover({
         position: "absolute",
         bottom: "calc(100% + 8px)",
         right: 0,
-        width: "320px",
-        backgroundColor: "var(--dsw-surface-overlay, #1e293b)",
-        border: "1px solid var(--dsw-border-default, #334155)",
-        borderRadius: "8px",
-        padding: "12px",
-        boxShadow: "0 10px 25px -5px rgba(0, 0, 0, 0.5)",
-        zIndex: 1e3,
-        fontSize: "12px",
-        color: "var(--dsw-text-default, #f1f5f9)",
-        fontFamily: "var(--dsw-font-sans, system-ui, sans-serif)",
+        zIndex: 1100,
         boxSizing: "border-box",
+        width: "max-content",
+        minWidth: "min(300px, 100vw - 24px)",
+        maxWidth: "min(440px, 100vw - 24px)",
+        background: themeVar("panelSurface"),
+        boxShadow: themeVar("panelElevation"),
+        color: themeVar("labelSecondary"),
+        cursor: "default",
+        border: 0,
+        borderRadius: "12px",
+        padding: "16px",
+        fontSize: "12px",
+        lineHeight: "18px",
+        ...{
+          "--dsw-elevation-stroke-color": themeVar("panelStroke")
+        },
         ...style
       },
       children: [
@@ -765,58 +961,41 @@ function OpenVikingStatusPopover({
             style: {
               display: "flex",
               justifyContent: "space-between",
-              alignItems: "flex-start",
-              marginBottom: "10px",
-              paddingBottom: "8px",
-              borderBottom: "1px solid var(--dsw-border-subtle, rgba(255, 255, 255, 0.08))"
+              gap: "16px",
+              marginBottom: "8px",
+              color: themeVar("labelPrimary"),
+              fontWeight: 500
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "div",
-                  {
-                    style: {
-                      fontWeight: 600,
-                      fontSize: "13px",
-                      color: "var(--dsw-text-default, #f1f5f9)"
-                    },
-                    children: "OpenViking Memory"
-                  }
-                ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { minWidth: 0 }, children: [
+                "OpenViking Memory",
+                " ",
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "div",
+                  "span",
                   {
                     "data-testid": "endpoint-label",
-                    style: {
-                      fontSize: "10px",
-                      color: "var(--dsw-text-muted, #94a3b8)",
-                      fontFamily: "var(--dsw-font-mono, monospace)",
-                      marginTop: "1px"
-                    },
+                    style: { ...mutedStyle, ...monoStyle, fontWeight: 400 },
                     children: formatEndpoint(endpoint)
                   }
                 )
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                "div",
+                "span",
                 {
                   "data-testid": "status-badge",
                   style: {
                     display: "inline-flex",
                     alignItems: "center",
-                    gap: "5px",
-                    fontSize: "10px",
-                    padding: "2px 7px",
-                    borderRadius: "4px",
-                    backgroundColor: isOnline ? "rgba(52, 211, 153, 0.15)" : "rgba(248, 113, 113, 0.15)",
+                    gap: "6px",
                     color: statusColor,
-                    fontWeight: 600
+                    flexShrink: 0
                   },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                       "span",
                       {
                         "data-testid": "status-badge-dot",
+                        "aria-hidden": "true",
                         style: {
                           width: "6px",
                           height: "6px",
@@ -826,13 +1005,27 @@ function OpenVikingStatusPopover({
                         }
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: isOnline ? health?.version ? `ONLINE v${health.version}` : "ONLINE" : "OFFLINE" })
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: isOnline ? [
+                      "ONLINE",
+                      formatDaemonVersion(health?.version),
+                      sessionUnreadable ? "\xB7 no session access" : null
+                    ].filter(Boolean).join(" ") : "OFFLINE" })
                   ]
                 }
               )
             ]
           }
         ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            style: {
+              borderTop: `.5px solid ${themeVar("hairline")}`,
+              marginBottom: "10px"
+            },
+            "aria-hidden": "true"
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "div",
           {
@@ -843,142 +1036,88 @@ function OpenVikingStatusPopover({
               marginBottom: "10px"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    justifyContent: "space-between",
-                    alignItems: "center"
-                  },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "var(--dsw-text-muted, #94a3b8)" }, children: "Session ID:" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                      "div",
-                      {
-                        style: {
-                          display: "flex",
-                          alignItems: "center",
-                          gap: "4px"
-                        },
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                            "span",
-                            {
-                              "data-testid": "session-id-value",
-                              role: "button",
-                              tabIndex: 0,
-                              onKeyDown: (e) => {
-                                if (e.key === "Enter" || e.key === " ") {
-                                  e.preventDefault();
-                                  handleCopySessionId();
-                                }
-                              },
-                              "aria-label": "Click to copy Session ID",
-                              style: {
-                                fontFamily: "var(--dsw-font-mono, monospace)",
-                                cursor: "pointer"
-                              },
-                              title: displaySessionId,
-                              onClick: handleCopySessionId,
-                              children: truncateSessionId(displaySessionId)
-                            }
-                          ),
-                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                            "button",
-                            {
-                              type: "button",
-                              "data-testid": "copy-session-btn",
-                              onClick: handleCopySessionId,
-                              title: copied ? "Copied!" : "Copy Session ID",
-                              "aria-label": copied ? "Copied!" : "Copy Session ID",
-                              style: {
-                                background: "none",
-                                border: "none",
-                                cursor: "pointer",
-                                padding: "2px 4px",
-                                fontSize: "10px",
-                                color: copied ? "var(--dsw-status-success, #34d399)" : "var(--dsw-text-muted, #94a3b8)",
-                                borderRadius: "3px"
-                              },
-                              children: copied ? "\u2713" : "\u{1F4CB}"
-                            }
-                          )
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              sessionData?.peer_id && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    justifyContent: "space-between",
-                    alignItems: "center"
-                  },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "var(--dsw-text-muted, #94a3b8)" }, children: "Peer ID:" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                      "span",
-                      {
-                        "data-testid": "peer-id-value",
-                        style: {
-                          maxWidth: "180px",
-                          overflow: "hidden",
-                          textOverflow: "ellipsis",
-                          whiteSpace: "nowrap",
-                          fontFamily: "var(--dsw-font-mono, monospace)"
-                        },
-                        title: sessionData.peer_id,
-                        children: sessionData.peer_id
-                      }
-                    )
-                  ]
-                }
-              ),
-              sessionData?.last_commit_at && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    justifyContent: "space-between",
-                    alignItems: "center"
-                  },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "var(--dsw-text-muted, #94a3b8)" }, children: "Last Commit:" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                      "span",
-                      {
-                        "data-testid": "last-commit-value",
-                        title: sessionData.last_commit_at,
-                        style: { color: "var(--dsw-text-default, #e2e8f0)" },
-                        children: formatRelativeTime(sessionData.last_commit_at) || sessionData.last_commit_at
-                      }
-                    )
-                  ]
-                }
-              )
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: rowStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: mutedStyle, children: "Session ID:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "span",
+                    {
+                      "data-testid": "session-id-value",
+                      role: "button",
+                      tabIndex: 0,
+                      onKeyDown: (e) => {
+                        if (e.key === "Enter" || e.key === " ") {
+                          e.preventDefault();
+                          handleCopySessionId();
+                        }
+                      },
+                      "aria-label": "Click to copy Session ID",
+                      style: { ...monoStyle, cursor: "pointer" },
+                      title: displaySessionId,
+                      onClick: handleCopySessionId,
+                      children: truncateSessionId(displaySessionId)
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      "data-testid": "copy-session-btn",
+                      onClick: handleCopySessionId,
+                      title: copied ? "Copied!" : "Copy Session ID",
+                      "aria-label": copied ? "Copied!" : "Copy Session ID",
+                      style: {
+                        background: "none",
+                        border: "none",
+                        cursor: "pointer",
+                        padding: "2px",
+                        display: "inline-flex",
+                        alignItems: "center",
+                        color: copied ? themeVar("stateSuccess") : themeVar("labelTertiary")
+                      },
+                      children: copied ? CheckIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckIcon, { size: 14 }) : CopyIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyIcon, { size: 14 })
+                    }
+                  )
+                ] })
+              ] }),
+              sessionData?.peer_id && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: rowStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: mutedStyle, children: "Peer ID:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "span",
+                  {
+                    "data-testid": "peer-id-value",
+                    style: {
+                      ...monoStyle,
+                      maxWidth: "180px",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap"
+                    },
+                    title: sessionData.peer_id,
+                    children: sessionData.peer_id
+                  }
+                )
+              ] }),
+              sessionData?.last_commit_at && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: rowStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: mutedStyle, children: "Last Commit:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "span",
+                  {
+                    "data-testid": "last-commit-value",
+                    title: sessionData.last_commit_at,
+                    children: formatRelativeTime(sessionData.last_commit_at) || sessionData.last_commit_at
+                  }
+                )
+              ] })
             ]
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: "12px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            "div",
-            {
-              style: {
-                display: "flex",
-                justifyContent: "space-between",
-                marginBottom: "4px"
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "var(--dsw-text-muted, #94a3b8)" }, children: "Pending Tokens:" }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-testid": "pending-tokens-label", style: { fontWeight: 500 }, children: `${pendingTokens.toLocaleString()} / ${COMMIT_THRESHOLD.toLocaleString()}` })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { ...rowStyle, marginBottom: "4px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: mutedStyle, children: "Pending Tokens:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-testid": "pending-tokens-label", children: pendingLabel })
+          ] }),
+          !sessionUnreadable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "div",
             {
               "data-testid": "progress-bar-track",
@@ -986,7 +1125,7 @@ function OpenVikingStatusPopover({
                 width: "100%",
                 height: "6px",
                 borderRadius: "3px",
-                backgroundColor: "rgba(255, 255, 255, 0.1)",
+                backgroundColor: themeVar("insetSurface"),
                 overflow: "hidden"
               },
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -1004,30 +1143,34 @@ function OpenVikingStatusPopover({
             }
           )
         ] }),
+        sessionUnreadable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            "data-testid": "session-unreadable-notice",
+            style: {
+              marginBottom: "12px",
+              color: themeVar("labelTertiary")
+            },
+            children: unauthorized ? "The daemon requires an API key. Set openviking_api_key in localStorage to read session counters." : "Session counters are unavailable right now."
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: "12px" }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "div",
             {
               style: {
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center",
-                marginBottom: "4px"
+                marginBottom: "4px",
+                color: themeVar("labelPrimary"),
+                fontWeight: 500
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontWeight: 600, fontSize: "11px" }, children: `Recalled Memories (${recalledCount})` })
+              children: `Recalled Memories (${recalledCount})`
             }
           ),
           memoryItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "div",
             {
               "data-testid": "empty-memories-message",
-              style: {
-                padding: "8px 0",
-                color: "var(--dsw-text-muted, #94a3b8)",
-                fontStyle: "italic",
-                fontSize: "11px",
-                textAlign: "center"
-              },
+              style: { ...mutedStyle, padding: "4px 0" },
               children: "No memories recalled in this session"
             }
           ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -1051,11 +1194,7 @@ function OpenVikingStatusPopover({
                     display: "flex",
                     alignItems: "center",
                     gap: "6px",
-                    padding: "4px 6px",
-                    borderRadius: "4px",
-                    backgroundColor: "rgba(255, 255, 255, 0.04)",
-                    border: "1px solid var(--dsw-border-subtle, rgba(255, 255, 255, 0.05))",
-                    fontSize: "11px"
+                    minWidth: 0
                   },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -1063,10 +1202,6 @@ function OpenVikingStatusPopover({
                       {
                         "data-testid": "memory-category-badge",
                         style: {
-                          fontSize: "9px",
-                          fontWeight: 600,
-                          padding: "1px 4px",
-                          borderRadius: "3px",
                           textTransform: "uppercase",
                           flexShrink: 0,
                           ...getCategoryBadgeStyle(item.category)
@@ -1078,21 +1213,7 @@ function OpenVikingStatusPopover({
                       "span",
                       {
                         "data-testid": "memory-source-badge",
-                        style: {
-                          fontSize: "9px",
-                          fontWeight: 600,
-                          padding: "1px 4px",
-                          borderRadius: "3px",
-                          textTransform: "uppercase",
-                          flexShrink: 0,
-                          ...item.source === "profile" ? {
-                            backgroundColor: "rgba(99, 102, 241, 0.15)",
-                            color: "#818cf8"
-                          } : {
-                            backgroundColor: "rgba(16, 185, 129, 0.15)",
-                            color: "var(--dsw-status-success, #34d399)"
-                          }
-                        },
+                        style: { ...mutedStyle, flexShrink: 0 },
                         children: item.source
                       }
                     ),
@@ -1101,12 +1222,10 @@ function OpenVikingStatusPopover({
                       {
                         "data-testid": "memory-leaf-name",
                         style: {
-                          flex: 1,
                           overflow: "hidden",
                           textOverflow: "ellipsis",
                           whiteSpace: "nowrap",
-                          fontFamily: "var(--dsw-font-mono, monospace)",
-                          color: "var(--dsw-text-default, #f1f5f9)"
+                          minWidth: 0
                         },
                         children: formatMemoryLeafName(item.uri)
                       }
@@ -1122,16 +1241,7 @@ function OpenVikingStatusPopover({
           "div",
           {
             "data-testid": "commit-error-message",
-            style: {
-              marginBottom: "8px",
-              padding: "6px 8px",
-              borderRadius: "4px",
-              backgroundColor: "rgba(248, 113, 113, 0.1)",
-              border: "1px solid var(--dsw-status-error, #f87171)",
-              color: "var(--dsw-status-error, #f87171)",
-              fontSize: "11px",
-              wordBreak: "break-word"
-            },
+            style: { marginBottom: "8px", color: themeVar("stateError") },
             children: commitError
           }
         ),
@@ -1140,19 +1250,17 @@ function OpenVikingStatusPopover({
           {
             type: "button",
             "data-testid": "commit-now-btn",
-            onClick: () => onCommitNow?.(),
+            onClick: () => void onCommitNow?.(),
             disabled: isCommitDisabled,
             style: {
               width: "100%",
-              padding: "7px 0",
-              borderRadius: "6px",
-              border: "1px solid var(--dsw-border-default, #475569)",
-              backgroundColor: isCommitting ? "var(--dsw-surface-active, #334155)" : isCommitDisabled ? "rgba(255, 255, 255, 0.03)" : "var(--dsw-surface-base, #1e293b)",
-              color: isCommitDisabled ? "var(--dsw-text-muted, #64748b)" : "var(--dsw-text-default, #f8fafc)",
-              cursor: isCommitDisabled ? "not-allowed" : "pointer",
-              fontWeight: 600,
-              fontSize: "12px",
-              transition: "all 0.15s ease",
+              padding: "6px 10px",
+              borderRadius: "8px",
+              border: `.5px solid ${themeVar("hairline")}`,
+              background: isCommitDisabled ? "transparent" : themeVar("hoverBackground"),
+              color: isCommitDisabled ? themeVar("labelTertiary") : themeVar("labelPrimary"),
+              cursor: isCommitDisabled ? "default" : "pointer",
+              font: "inherit",
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
@@ -1162,12 +1270,13 @@ function OpenVikingStatusPopover({
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 "span",
                 {
+                  "aria-hidden": "true",
                   style: {
                     display: "inline-block",
                     width: "10px",
                     height: "10px",
                     borderRadius: "50%",
-                    border: "2px solid var(--dsw-status-warning, #fbbf24)",
+                    border: `2px solid ${themeVar("stateWarning")}`,
                     borderTopColor: "transparent",
                     animation: "ov-spin 1s linear infinite"
                   }
@@ -1199,11 +1308,15 @@ function formatTooltipTitle({
   isOnline,
   isCommitting = false,
   recalledCount,
-  pendingTokens
+  pendingTokens,
+  sessionUnreadable = false
 }) {
   if (!isOnline) {
     return "OpenViking: Offline";
   }
+  if (sessionUnreadable) {
+    return "OpenViking: session unreadable \u2014 the daemon requires an API key";
+  }
   const countLabel = `${recalledCount} recalled`;
   const tokenLabel = `${(pendingTokens || 0).toLocaleString()} pending tokens`;
   if (isCommitting) {
@@ -1211,36 +1324,69 @@ function formatTooltipTitle({
   }
   return `OpenViking: Online (${countLabel}, ${tokenLabel})`;
 }
-function getStatusIndicatorColor(isOnline, isCommitting = false) {
+function getStatusIndicatorColor(isOnline, isCommitting = false, sessionUnreadable = false) {
   if (!isOnline) {
-    return "var(--dsw-status-error, #f87171)";
+    return themeVar("stateError");
   }
-  if (isCommitting) {
-    return "var(--dsw-status-warning, #fbbf24)";
+  if (isCommitting || sessionUnreadable) {
+    return themeVar("stateWarning");
   }
-  return "var(--dsw-status-success, #34d399)";
+  return themeVar("stateSuccess");
 }
-function getStatusGlow(isOnline, isCommitting = false) {
-  if (isOnline && !isCommitting) {
-    return "0 0 6px var(--dsw-status-success, #34d399)";
-  }
-  return "none";
+function chatNodesToText(nodes) {
+  if (!nodes) return "";
+  const source = Array.isArray(nodes) ? nodes : typeof nodes === "object" ? Object.values(nodes) : [];
+  const parts = [];
+  const visit = (value, depth = 0) => {
+    if (depth > 4 || value === null || value === void 0) return;
+    if (typeof value === "string") {
+      parts.push(value);
+      return;
+    }
+    if (Array.isArray(value)) {
+      for (const item of value) visit(item, depth + 1);
+      return;
+    }
+    if (typeof value === "object") {
+      const record = value;
+      for (const key of ["content", "text", "data", "body"]) {
+        if (key in record) visit(record[key], depth + 1);
+      }
+    }
+  };
+  for (const node of source) visit(node);
+  return parts.join("\n");
 }
-function getFallbackSessionMessages(sessionId) {
-  if (!sessionId || typeof window === "undefined") {
-    return void 0;
+function OpenVikingStatusChip(props) {
+  const { useChat, ...rest } = props;
+  if (useChat && rest.contextText === void 0 && rest.messages === void 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChatReadBoundary, { fallback: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StatusChipView, { ...rest }), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChatBackedStatusChip, { useChat, ...rest }) });
   }
-  const win = window;
-  if (win.__DSH_STORE__?.getState) {
-    const state = win.__DSH_STORE__.getState();
-    return state?.conversations?.[sessionId]?.messages || state?.sessions?.[sessionId]?.messages;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StatusChipView, { ...rest });
+}
+var ChatReadBoundary = class extends import_react2.default.Component {
+  state = { failed: false };
+  static getDerivedStateFromError() {
+    return { failed: true };
   }
-  if (win.__DSH_SESSION_MESSAGES__?.[sessionId]) {
-    return win.__DSH_SESSION_MESSAGES__[sessionId];
+  render() {
+    return this.state.failed ? this.props.fallback : this.props.children;
   }
-  return void 0;
+};
+function ChatBackedStatusChip({
+  useChat,
+  ...rest
+}) {
+  const nodes = useChat((snapshot) => {
+    try {
+      return snapshot?.legacy?.nodes !== void 0 ? snapshot.legacy.nodes : snapshot?.nodes;
+    } catch {
+      return void 0;
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StatusChipView, { ...rest, messages: nodes });
 }
-function OpenVikingStatusChip({
+function StatusChipView({
   sessionId,
   messages,
   contextText,
@@ -1249,32 +1395,42 @@ function OpenVikingStatusChip({
   className,
   initialHealth,
   initialSessionData,
+  initialSessionRead,
   initialOpen = false
 }) {
   const [health, setHealth] = (0, import_react2.useState)(
     initialHealth ?? null
   );
-  const [sessionData, setSessionData] = (0, import_react2.useState)(
-    initialSessionData ?? null
+  const [sessionRead, setSessionRead] = (0, import_react2.useState)(
+    initialSessionRead ?? (initialSessionData ? { status: "ok", session: initialSessionData } : 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);
+  const [isHovered, setIsHovered] = (0, import_react2.useState)(false);
+  const [statsHost, setStatsHost] = (0, import_react2.useState)(null);
   const popoverRef = (0, import_react2.useRef)(null);
   const apiClient = client ?? defaultOpenVikingClient;
-  const fallbackMessages = (0, import_react2.useMemo)(() => {
-    if (messages || contextText) return void 0;
-    return getFallbackSessionMessages(sessionId);
-  }, [sessionId, messages, contextText]);
-  const inputForParser = (0, import_react2.useMemo)(() => {
-    if (contextText && messages) {
-      return [contextText, ...messages];
+  (0, import_react2.useEffect)(() => {
+    if (typeof document === "undefined") return;
+    function findHost() {
+      const el = document.querySelector("[data-composer-stats]");
+      setStatsHost((prev) => prev !== el ? el : prev);
     }
-    return contextText ?? messages ?? fallbackMessages;
-  }, [contextText, messages, fallbackMessages]);
+    findHost();
+    const observer = new MutationObserver(() => {
+      findHost();
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+    return () => observer.disconnect();
+  }, []);
+  const conversationText = (0, import_react2.useMemo)(() => {
+    if (typeof contextText === "string") return contextText;
+    return chatNodesToText(messages);
+  }, [contextText, messages]);
   const recalledResult = (0, import_react2.useMemo)(
-    () => parseRecalledMemories(inputForParser),
-    [inputForParser]
+    () => parseRecalledMemories(conversationText),
+    [conversationText]
   );
   const fetchStatus = (0, import_react2.useCallback)(async () => {
     try {
@@ -1283,8 +1439,7 @@ function OpenVikingStatusChip({
       if (!healthRes.ok) {
         return;
       }
-      const session = await apiClient.fetchSession(sessionId);
-      setSessionData(session);
+      setSessionRead(await apiClient.readSession(sessionId));
     } catch {
       setHealth({ ok: false });
     }
@@ -1337,26 +1492,29 @@ function OpenVikingStatusChip({
     }
   };
   const isOnline = health?.ok === true;
+  const sessionData = sessionRead?.status === "ok" ? sessionRead.session : null;
+  const sessionUnreadable = isOnline && sessionRead !== null && sessionRead.status !== "ok";
   const pendingTokens = sessionData?.pending_tokens ?? 0;
-  const pendingTokensK = Math.round(pendingTokens / 1e3);
   const recalledCount = recalledResult.recalledCount;
-  const statusColor = getStatusIndicatorColor(isOnline, isCommitting);
-  const statusGlow = getStatusGlow(isOnline, isCommitting);
+  const statusColor = getStatusIndicatorColor(
+    isOnline,
+    isCommitting,
+    sessionUnreadable
+  );
   const tooltipTitle = formatTooltipTitle({
     isOnline,
     isCommitting,
     recalledCount,
-    pendingTokens
+    pendingTokens,
+    sessionUnreadable
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "div",
+  const label = !isOnline ? "OV offline" : sessionUnreadable ? `OV: ${recalledCount} rec \xB7 no access` : `OV: ${recalledCount} rec \xB7 ${Math.round(pendingTokens / 1e3)}k pend`;
+  const chipElement = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "span",
     {
       className,
-      style: {
-        position: "relative",
-        display: "inline-flex",
-        alignItems: "center"
-      },
+      "data-openviking-status": "true",
+      style: { minWidth: 0, display: "inline-flex", position: "relative" },
       ref: popoverRef,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
@@ -1364,23 +1522,27 @@ function OpenVikingStatusChip({
           {
             type: "button",
             onClick: () => setIsOpen(!isOpen),
+            onMouseEnter: () => setIsHovered(true),
+            onMouseLeave: () => setIsHovered(false),
             "aria-expanded": isOpen,
             "aria-haspopup": "dialog",
             style: {
-              display: "inline-flex",
+              boxSizing: "border-box",
+              maxWidth: "100%",
+              color: isHovered ? themeVar("labelSecondary") : themeVar("labelTertiary"),
+              fontFamily: "var(--dsw-font-family, system-ui)",
+              fontSize: "var(--dsh-content-font-size-secondary, 13px)",
+              lineHeight: "calc(20px + var(--dsh-content-font-delta-secondary, 0px))",
+              fontVariantNumeric: "tabular-nums",
+              whiteSpace: "nowrap",
+              background: isHovered ? themeVar("hoverBackground") : "transparent",
+              border: "none",
+              borderRadius: "24px",
               alignItems: "center",
               gap: "6px",
-              height: "26px",
-              padding: "0 8px",
-              fontSize: "12px",
-              fontFamily: "var(--dsw-font-mono, monospace)",
-              borderRadius: "6px",
-              background: "var(--dsw-surface-base, rgba(255, 255, 255, 0.05))",
-              border: "1px solid var(--dsw-border-subtle, rgba(255, 255, 255, 0.1))",
-              color: "var(--dsw-text-muted, #94a3b8)",
-              cursor: "pointer",
-              transition: "all 0.15s ease",
-              userSelect: "none"
+              padding: "1px 8px",
+              display: "inline-flex",
+              cursor: "pointer"
             },
             title: tooltipTitle,
             "aria-label": tooltipTitle,
@@ -1389,25 +1551,17 @@ function OpenVikingStatusChip({
                 "span",
                 {
                   "data-testid": "status-dot",
+                  "aria-hidden": "true",
                   style: {
-                    width: "7px",
-                    height: "7px",
+                    width: "6px",
+                    height: "6px",
                     borderRadius: "50%",
-                    backgroundColor: statusColor,
-                    boxShadow: statusGlow,
+                    background: statusColor,
                     flexShrink: 0
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "span",
-                {
-                  style: { fontWeight: 600, color: "var(--dsw-text-default, #e2e8f0)" },
-                  children: isOnline ? "OV:" : "OV"
-                }
-              ),
-              " ",
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: isOnline ? `${recalledCount} rec \xB7 ${pendingTokensK}k pend` : "offline" })
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { textOverflow: "ellipsis", minWidth: 0 }, children: label })
             ]
           }
         ),
@@ -1417,6 +1571,7 @@ function OpenVikingStatusChip({
             sessionId,
             health,
             sessionData,
+            sessionRead,
             recalledResult,
             endpoint: apiClient.endpoint,
             isCommitting,
@@ -1428,6 +1583,572 @@ function OpenVikingStatusChip({
       ]
     }
   );
+  if (statsHost && typeof document !== "undefined") {
+    return import_react_dom.default.createPortal(chipElement, statsHost);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      style: {
+        maxWidth: "var(--dsh-chat-content-width, 748px)",
+        boxSizing: "border-box",
+        width: "100%",
+        padding: "4px calc(var(--dsh-composer-side-clearance, 0px) + 16px) 0px",
+        fontSize: "var(--dsh-content-font-size-secondary, 13px)",
+        lineHeight: "calc(20px + var(--dsh-content-font-delta-secondary, 0px))",
+        justifyContent: "center",
+        gap: "12px",
+        margin: "0 auto",
+        display: "flex"
+      },
+      children: chipElement
+    }
+  );
+}
+
+// src/client/OpenVikingSettingsSection.tsx
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var API_CONFIG = "/openviking-status/api/config";
+var API_TEST = "/openviking-status/api/test-connection";
+var SOURCE_LABELS = {
+  ovcli: "Auto-detected from ~/.openviking/ovcli.conf",
+  env: "Auto-detected from environment variables",
+  ov: "Auto-detected from ~/.openviking/ov.conf",
+  settings: "Custom override in DSH settings.yaml",
+  default: "Default local configuration"
+};
+function OpenVikingSettingsSection({
+  initialConfig,
+  onConfigSaved,
+  className,
+  style
+}) {
+  const [endpoint, setEndpoint] = (0, import_react3.useState)(
+    initialConfig?.endpoint || "http://127.0.0.1:1933"
+  );
+  const [apiKey, setApiKey] = (0, import_react3.useState)("");
+  const [showKey, setShowKey] = (0, import_react3.useState)(false);
+  const [source, setSource] = (0, import_react3.useState)(
+    initialConfig?.source || "default"
+  );
+  const [hasStoredKey, setHasStoredKey] = (0, import_react3.useState)(
+    initialConfig?.hasApiKey || false
+  );
+  const [loading, setLoading] = (0, import_react3.useState)(!initialConfig);
+  const [testing, setTesting] = (0, import_react3.useState)(false);
+  const [saving, setSaving] = (0, import_react3.useState)(false);
+  const [testResult, setTestResult] = (0, import_react3.useState)(null);
+  const [flash, setFlash] = (0, import_react3.useState)(null);
+  (0, import_react3.useEffect)(() => {
+    if (initialConfig) return;
+    let active = true;
+    async function fetchConfig() {
+      try {
+        setLoading(true);
+        const res = await fetch(API_CONFIG, { cache: "no-store" });
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        const data = await res.json();
+        if (!active) return;
+        const newEp = data.endpoint || "http://127.0.0.1:1933";
+        setEndpoint(newEp);
+        setSource(data.source || "default");
+        setHasStoredKey(data.hasApiKey);
+        defaultOpenVikingClient.clearResolvedSessions();
+      } catch {
+      } finally {
+        if (active) setLoading(false);
+      }
+    }
+    void fetchConfig();
+    return () => {
+      active = false;
+    };
+  }, [initialConfig]);
+  async function handleTestConnection() {
+    setTesting(true);
+    setTestResult(null);
+    setFlash(null);
+    try {
+      const res = await fetch(API_TEST, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          endpoint: endpoint.trim(),
+          apiKey: apiKey.trim() || void 0
+        })
+      });
+      const data = await res.json();
+      setTestResult(data);
+    } catch (err) {
+      setTestResult({
+        ok: false,
+        authenticated: false,
+        error: String(err instanceof Error ? err.message : err)
+      });
+    } finally {
+      setTesting(false);
+    }
+  }
+  async function handleSave() {
+    setSaving(true);
+    setFlash(null);
+    try {
+      const res = await fetch(API_CONFIG, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          endpoint: endpoint.trim(),
+          apiKey: apiKey.trim() || void 0
+        })
+      });
+      const data = await res.json();
+      if (!res.ok || data.error) {
+        throw new Error(data.error || `HTTP ${res.status}`);
+      }
+      setFlash({ kind: "ok", message: "Settings saved successfully" });
+      setSource("settings");
+      defaultOpenVikingClient.clearResolvedSessions();
+      if (apiKey.trim()) {
+        setHasStoredKey(true);
+        setApiKey("");
+      }
+      onConfigSaved?.(
+        data.config || {
+          endpoint,
+          hasApiKey: hasStoredKey || Boolean(apiKey.trim()),
+          source: "settings"
+        }
+      );
+    } catch (err) {
+      setFlash({
+        kind: "err",
+        message: `Failed to save: ${err instanceof Error ? err.message : String(err)}`
+      });
+    } finally {
+      setSaving(false);
+    }
+  }
+  async function handleReset() {
+    setSaving(true);
+    setFlash(null);
+    setTestResult(null);
+    try {
+      const res = await fetch(API_CONFIG, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ reset: true })
+      });
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      const cfgRes = await fetch(API_CONFIG, { cache: "no-store" });
+      if (cfgRes.ok) {
+        const data = await cfgRes.json();
+        const newEp = data.endpoint || "http://127.0.0.1:1933";
+        setEndpoint(newEp);
+        setSource(data.source || "default");
+        setHasStoredKey(data.hasApiKey);
+        setApiKey("");
+        defaultOpenVikingClient.clearResolvedSessions();
+        setFlash({
+          kind: "ok",
+          message: "Reset to auto-detected local settings"
+        });
+        onConfigSaved?.(data);
+      }
+    } catch (err) {
+      setFlash({
+        kind: "err",
+        message: `Failed to reset: ${err instanceof Error ? err.message : String(err)}`
+      });
+    } finally {
+      setSaving(false);
+    }
+  }
+  const sourceBadgeText = SOURCE_LABELS[source] || SOURCE_LABELS["default"];
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      className: `ov-settings-root ${className || ""}`,
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 20,
+        maxWidth: 720,
+        padding: "24px 28px",
+        color: themeVar("labelPrimary"),
+        fontSize: 14,
+        lineHeight: 1.6,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "baseline",
+                gap: 12,
+                marginBottom: 6
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  "h2",
+                  {
+                    style: {
+                      fontSize: 20,
+                      fontWeight: 600,
+                      margin: 0,
+                      color: themeVar("labelPrimary")
+                    },
+                    children: "OpenViking Status"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  "span",
+                  {
+                    style: {
+                      fontSize: 12,
+                      fontWeight: 500,
+                      padding: "2px 8px",
+                      borderRadius: 6,
+                      background: themeVar("insetSurface"),
+                      border: `1px solid ${themeVar("hairline")}`,
+                      color: themeVar("labelSecondary")
+                    },
+                    children: sourceBadgeText
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "p",
+            {
+              style: { margin: 0, color: themeVar("labelSecondary"), fontSize: 13 },
+              children: "Configure connection credentials for monitoring OpenViking persistent memory and session status."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "div",
+          {
+            style: {
+              border: `1px solid ${themeVar("hairline")}`,
+              borderRadius: 12,
+              padding: 20,
+              background: themeVar("insetSurface"),
+              display: "flex",
+              flexDirection: "column",
+              gap: 16
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  "label",
+                  {
+                    style: {
+                      display: "block",
+                      fontSize: 13,
+                      fontWeight: 600,
+                      marginBottom: 6,
+                      color: themeVar("labelPrimary")
+                    },
+                    children: "Daemon Endpoint"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  "input",
+                  {
+                    type: "text",
+                    value: endpoint,
+                    onChange: (e) => setEndpoint(e.target.value),
+                    placeholder: "http://127.0.0.1:1933",
+                    style: {
+                      width: "100%",
+                      boxSizing: "border-box",
+                      padding: "9px 12px",
+                      fontSize: 14,
+                      fontFamily: themeVar("fontMono"),
+                      borderRadius: 8,
+                      border: `1px solid ${themeVar("hairline")}`,
+                      background: themeVar("panelSurface"),
+                      color: themeVar("labelPrimary"),
+                      outline: "none"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  "span",
+                  {
+                    style: {
+                      fontSize: 12,
+                      color: themeVar("labelTertiary"),
+                      marginTop: 4,
+                      display: "block"
+                    },
+                    children: "The URL of the local or remote OpenViking HTTP server. Resolved from the DSH host."
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      marginBottom: 6
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        "label",
+                        {
+                          style: {
+                            fontSize: 13,
+                            fontWeight: 600,
+                            color: themeVar("labelPrimary")
+                          },
+                          children: "API Token (Authentication)"
+                        }
+                      ),
+                      hasStoredKey && !apiKey && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        "span",
+                        {
+                          style: {
+                            fontSize: 12,
+                            color: themeVar("stateSuccess"),
+                            fontWeight: 500
+                          },
+                          children: "\u25CF Active token configured"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    "input",
+                    {
+                      type: showKey ? "text" : "password",
+                      value: apiKey,
+                      onChange: (e) => setApiKey(e.target.value),
+                      placeholder: hasStoredKey ? "(Token stored \u2014 leave blank to keep unchanged)" : "Optional or required if daemon uses auth_mode: api_key",
+                      style: {
+                        flex: 1,
+                        padding: "9px 12px",
+                        fontSize: 14,
+                        fontFamily: themeVar("fontMono"),
+                        borderRadius: 8,
+                        border: `1px solid ${themeVar("hairline")}`,
+                        background: themeVar("panelSurface"),
+                        color: themeVar("labelPrimary"),
+                        outline: "none"
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setShowKey((v) => !v),
+                      style: {
+                        padding: "0 14px",
+                        fontSize: 13,
+                        fontWeight: 500,
+                        borderRadius: 8,
+                        border: `1px solid ${themeVar("hairline")}`,
+                        background: themeVar("panelSurface"),
+                        color: themeVar("labelSecondary"),
+                        cursor: "pointer"
+                      },
+                      children: showKey ? "Hide" : "Show"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  "span",
+                  {
+                    style: {
+                      fontSize: 12,
+                      color: themeVar("labelTertiary"),
+                      marginTop: 4,
+                      display: "block"
+                    },
+                    children: "Required when the daemon runs with auth_mode: api_key. Local tokens are typically found in ~/.openviking/ovcli.conf."
+                  }
+                )
+              ] }),
+              testResult && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                "div",
+                {
+                  style: {
+                    padding: "10px 14px",
+                    borderRadius: 8,
+                    fontSize: 13,
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 8,
+                    border: `1px solid ${testResult.ok && testResult.authenticated ? themeVar("stateSuccess") : themeVar("stateError")}`,
+                    background: themeVar("panelSurface"),
+                    color: testResult.ok && testResult.authenticated ? themeVar("stateSuccess") : themeVar("stateError")
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: testResult.ok && testResult.authenticated ? "\u25CF" : "\u2715" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { flex: 1 }, children: testResult.ok && testResult.authenticated ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "Connected successfully" }),
+                      testResult.version && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
+                        " \xB7 ",
+                        testResult.version
+                      ] }),
+                      testResult.storage && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
+                        " (storage: ",
+                        testResult.storage,
+                        ")"
+                      ] })
+                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "Connection failed: " }),
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: testResult.error || "Unable to reach daemon or token unauthorized" })
+                    ] }) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexWrap: "wrap",
+                    alignItems: "center",
+                    gap: 10,
+                    paddingTop: 4
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        disabled: testing || loading,
+                        onClick: () => void handleTestConnection(),
+                        style: {
+                          padding: "8px 16px",
+                          fontSize: 13,
+                          fontWeight: 500,
+                          borderRadius: 8,
+                          border: `1px solid ${themeVar("hairline")}`,
+                          background: themeVar("panelSurface"),
+                          color: themeVar("labelPrimary"),
+                          cursor: testing ? "not-allowed" : "pointer",
+                          opacity: testing ? 0.6 : 1
+                        },
+                        children: testing ? "Testing..." : "Test Connection"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        disabled: saving || loading,
+                        onClick: () => void handleSave(),
+                        style: {
+                          padding: "8px 18px",
+                          fontSize: 13,
+                          fontWeight: 600,
+                          borderRadius: 8,
+                          border: "none",
+                          background: themeVar("buttonPrimaryFill"),
+                          color: themeVar("buttonPrimaryText"),
+                          cursor: saving ? "not-allowed" : "pointer",
+                          opacity: saving ? 0.6 : 1
+                        },
+                        children: saving ? "Saving..." : "Save Settings"
+                      }
+                    ),
+                    source === "settings" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        disabled: saving || loading,
+                        onClick: () => void handleReset(),
+                        style: {
+                          padding: "8px 14px",
+                          fontSize: 13,
+                          fontWeight: 500,
+                          borderRadius: 8,
+                          border: `1px solid ${themeVar("hairline")}`,
+                          background: "transparent",
+                          color: themeVar("labelSecondary"),
+                          cursor: "pointer",
+                          marginLeft: "auto"
+                        },
+                        children: "Reset to Auto-detected"
+                      }
+                    ),
+                    flash && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      "span",
+                      {
+                        style: {
+                          fontSize: 13,
+                          color: flash.kind === "ok" ? themeVar("stateSuccess") : themeVar("stateError"),
+                          fontWeight: 500
+                        },
+                        children: flash.message
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "div",
+          {
+            style: {
+              border: `1px solid ${themeVar("hairline")}`,
+              borderRadius: 10,
+              padding: "14px 18px",
+              background: themeVar("panelSurface"),
+              fontSize: 13,
+              color: themeVar("labelSecondary"),
+              lineHeight: 1.5
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                "p",
+                {
+                  style: {
+                    margin: "0 0 6px 0",
+                    fontWeight: 600,
+                    color: themeVar("labelPrimary")
+                  },
+                  children: "How OpenViking connection works:"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { style: { margin: 0, paddingLeft: 18 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { style: { marginBottom: 4 }, children: "All requests to OpenViking proxy through the DSH Desktop host, making it work seamlessly even when managing DSH remotely over Tailscale, mobile, or LAN." }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { style: { marginBottom: 4 }, children: [
+                  "If OpenViking runs locally on the standard port (1933), the plugin auto-detects credentials from ",
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("code", { children: "~/.openviking/ovcli.conf" }),
+                  "."
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { children: [
+                  "Custom values saved here are persisted in",
+                  " ",
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("code", { children: "~/.dsh/settings.yaml" }),
+                  " under the",
+                  " ",
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("code", { children: "openviking-status" }),
+                  " namespace."
+                ] })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 
 // src/client/index.tsx
@@ -1436,10 +2157,10 @@ var inject = ["slots"];
 function apply(ctx) {
   ctx.effect(
     () => ctx.slots.inject(
-      "conversation.input.right",
+      "conversation.composer.dock",
       () => ctx.slots.register(
         {
-          name: "conversation.input.right",
+          name: "conversation.composer.dock",
           id: "openviking-status",
           order: 50,
           label: "OpenViking"
@@ -1447,7 +2168,22 @@ function apply(ctx) {
         OpenVikingStatusChip
       )
     ),
-    "openviking-status: composer chip"
+    "openviking-status: composer stats chip"
+  );
+  ctx.effect(
+    () => ctx.slots.inject(
+      "settings.section",
+      () => ctx.slots.register(
+        {
+          name: "settings.section",
+          id: "openviking-status",
+          order: 35,
+          label: () => "OpenViking"
+        },
+        OpenVikingSettingsSection
+      )
+    ),
+    "openviking-status: settings section"
   );
 }
     return module.exports;