@symerian/symi 2.2.3 → 2.2.5

package/dist/{configure-CgpKvTTe.js → configure-B90B0uFn.js}

@@ -1,31 +1,31 @@
 import { t as __exportAll } from "./rolldown-runtime-Cbj13DAv.js";
 import { Pt as CONFIG_PATH, Ut as resolveGatewayPort, _ as defaultRuntime, lt as shortenHomePath, ot as resolveUserPath } from "./entry.js";
-import { b as ensureAuthProfileStore } from "./auth-profiles-D50VvUSM.js";
+import { b as ensureAuthProfileStore } from "./auth-profiles-Q1xTr5SX.js";
 import { t as formatCliCommand } from "./command-format-BtYOfWxC.js";
-import { i as loadConfig, l as writeConfigFile, o as readConfigFileSnapshot } from "./config-DUFzG8nk.js";
+import { i as loadConfig, l as writeConfigFile, o as readConfigFileSnapshot } from "./config-CJigbfdK.js";
 import { n as listChannelPlugins, t as getChannelPlugin } from "./plugins-CwSlLxM8.js";
 import { a as findTailscaleBinary } from "./tailscale-CbbvYNVw.js";
 import { n as withProgress } from "./progress-BAHiAaDW.js";
-import { a as ensureWorkspaceAndSessions, b as waitForGatewayReachable, g as resolveControlUiLinks, h as randomToken, m as probeGatewayReachable, n as applyWizardMetadata, p as printWizardHeader, s as guardCancel, t as DEFAULT_WORKSPACE, u as normalizeGatewayTokenInput, v as summarizeExistingConfig, y as validateGatewayPasswordInput } from "./onboard-helpers-Dzgje2oV.js";
+import { a as ensureWorkspaceAndSessions, b as waitForGatewayReachable, g as resolveControlUiLinks, h as randomToken, m as probeGatewayReachable, n as applyWizardMetadata, p as printWizardHeader, s as guardCancel, t as DEFAULT_WORKSPACE, u as normalizeGatewayTokenInput, v as summarizeExistingConfig, y as validateGatewayPasswordInput } from "./onboard-helpers-Cammg0Xb.js";
 import { n as stylePromptMessage, r as stylePromptTitle, t as stylePromptHint } from "./prompt-style-DwCXob2h.js";
 import { t as note$1 } from "./note-DDecZomM.js";
 import { t as WizardCancelledError } from "./prompts-m1IJwIAx.js";
 import { t as createClackPrompter } from "./clack-prompter-B1aVoXd5.js";
-import { r as setupChannels, t as noteChannelStatus } from "./onboard-channels-BTlSk2wA.js";
-import { a as gatewayInstallErrorHint, i as buildGatewayInstallPlan, n as GATEWAY_DAEMON_RUNTIME_OPTIONS, t as DEFAULT_GATEWAY_DAEMON_RUNTIME } from "./daemon-runtime-C7nsIPCx.js";
+import { r as setupChannels, t as noteChannelStatus } from "./onboard-channels-Iy7uyjqi.js";
+import { a as gatewayInstallErrorHint, i as buildGatewayInstallPlan, n as GATEWAY_DAEMON_RUNTIME_OPTIONS, t as DEFAULT_GATEWAY_DAEMON_RUNTIME } from "./daemon-runtime-Co0_hiZm.js";
 import { t as resolveGatewayService } from "./service-Cm9j9WzQ.js";
-import { r as healthCommand } from "./health-Qt9scNxY.js";
+import { r as healthCommand } from "./health-C1DLgFhT.js";
 import { t as ensureControlUiAssetsBuilt } from "./control-ui-assets-BseSWee1.js";
 import { n as logConfigUpdated } from "./logging-BGewRZy0.js";
 import { n as promptAuthChoiceGrouped } from "./auth-choice-prompt-DVcYPG2v.js";
-import { i as applyAuthChoice, n as resolvePreferredProviderForAuthChoice } from "./auth-choice-BozovyEs.js";
-import { a as promptDefaultModel, n as applyModelFallbacksFromSelection, o as promptModelAllowlist, r as applyPrimaryModel, t as applyModelAllowlist } from "./model-picker-mNeRVvgh.js";
+import { i as applyAuthChoice, n as resolvePreferredProviderForAuthChoice } from "./auth-choice-BRJsVuNT.js";
+import { a as promptDefaultModel, n as applyModelFallbacksFromSelection, o as promptModelAllowlist, r as applyPrimaryModel, t as applyModelAllowlist } from "./model-picker-Cv_lMtfR.js";
 import { t as ensureSystemdUserLingerInteractive } from "./systemd-linger-DA_LW52P.js";
-import { a as promptCustomApiConfig } from "./onboard-custom-DNY7TE24.js";
+import { a as promptCustomApiConfig } from "./onboard-custom-Bcifi3N2.js";
 import { i as TAILSCALE_MISSING_BIN_NOTE_LINES, n as TAILSCALE_DOCS_LINES, r as TAILSCALE_EXPOSURE_OPTIONS, t as validateIPv4AddressInput } from "./ipv4-B-xy96ST.js";
 import { t as formatHealthCheckFailure } from "./health-format-CzgUHmmX.js";
-import { n as promptRemoteGatewayConfig } from "./onboard-remote-DAi8E8g1.js";
-import { n as setupSkills } from "./onboard-skills-DarFLGte.js";
+import { n as promptRemoteGatewayConfig } from "./onboard-remote-BnOKv_rG.js";
+import { n as setupSkills } from "./onboard-skills-LkCNrrQL.js";
 import { confirm, intro, outro, select, text } from "@clack/prompts";
 
 //#region src/commands/configure.shared.ts

package/dist/{configure-B_VM3Jn-.js → configure-kEIiLFLp.js}

@@ -2,32 +2,32 @@ import { t as __exportAll } from "./rolldown-runtime-Cbj13DAv.js";
 import { t as CONFIG_PATH, u as resolveGatewayPort } from "./paths-Cqn-zk3M.js";
 import { S as shortenHomePath, y as resolveUserPath } from "./utils-B-0b9bGM.js";
 import { f as defaultRuntime } from "./subsystem-D9vIQve0.js";
-import { At as ensureAuthProfileStore } from "./model-selection-BE-cZv7E.js";
+import { At as ensureAuthProfileStore } from "./model-selection-CyFvYcRt.js";
 import { t as formatCliCommand } from "./command-format-COaS-S7B.js";
-import { i as loadConfig, l as writeConfigFile, o as readConfigFileSnapshot } from "./config-BKHu57Z8.js";
+import { i as loadConfig, l as writeConfigFile, o as readConfigFileSnapshot } from "./config-CkPct-ND.js";
 import { a as findTailscaleBinary } from "./tailscale-D5dKabOc.js";
 import { n as listChannelPlugins, t as getChannelPlugin } from "./plugins-DKDeQZF0.js";
 import { n as withProgress } from "./progress-jIePzvGA.js";
-import { a as ensureWorkspaceAndSessions, b as waitForGatewayReachable, g as resolveControlUiLinks, h as randomToken, m as probeGatewayReachable, n as applyWizardMetadata, p as printWizardHeader, s as guardCancel, t as DEFAULT_WORKSPACE, u as normalizeGatewayTokenInput, v as summarizeExistingConfig, y as validateGatewayPasswordInput } from "./onboard-helpers-kUQUE1Cd.js";
+import { a as ensureWorkspaceAndSessions, b as waitForGatewayReachable, g as resolveControlUiLinks, h as randomToken, m as probeGatewayReachable, n as applyWizardMetadata, p as printWizardHeader, s as guardCancel, t as DEFAULT_WORKSPACE, u as normalizeGatewayTokenInput, v as summarizeExistingConfig, y as validateGatewayPasswordInput } from "./onboard-helpers-DHgVt6rY.js";
 import { n as stylePromptMessage, r as stylePromptTitle, t as stylePromptHint } from "./prompt-style-8JqOYj0q.js";
 import { t as note$1 } from "./note-DeHoW7xO.js";
 import { t as WizardCancelledError } from "./prompts-Xu2Sveka.js";
 import { t as createClackPrompter } from "./clack-prompter-B7pN13HV.js";
-import { r as setupChannels, t as noteChannelStatus } from "./onboard-channels-CqYJzdYN.js";
-import { a as gatewayInstallErrorHint, i as buildGatewayInstallPlan, n as GATEWAY_DAEMON_RUNTIME_OPTIONS, t as DEFAULT_GATEWAY_DAEMON_RUNTIME } from "./daemon-runtime-Zn1biSyw.js";
+import { r as setupChannels, t as noteChannelStatus } from "./onboard-channels-DDt5x3Xi.js";
+import { a as gatewayInstallErrorHint, i as buildGatewayInstallPlan, n as GATEWAY_DAEMON_RUNTIME_OPTIONS, t as DEFAULT_GATEWAY_DAEMON_RUNTIME } from "./daemon-runtime-DpFImSwP.js";
 import { t as resolveGatewayService } from "./service-Cl74hx8J.js";
-import { r as healthCommand } from "./health-D0lyZ3zu.js";
+import { r as healthCommand } from "./health-CJoGuAfg.js";
 import { t as ensureControlUiAssetsBuilt } from "./control-ui-assets-Z947tKLt.js";
 import { n as logConfigUpdated } from "./logging-BzzwiKjv.js";
 import { n as promptAuthChoiceGrouped } from "./auth-choice-prompt-BLzEBA1v.js";
-import { i as applyAuthChoice, n as resolvePreferredProviderForAuthChoice } from "./auth-choice-emROIg2T.js";
-import { a as promptDefaultModel, n as applyModelFallbacksFromSelection, o as promptModelAllowlist, r as applyPrimaryModel, t as applyModelAllowlist } from "./model-picker-Cj2Q7Lbt.js";
+import { i as applyAuthChoice, n as resolvePreferredProviderForAuthChoice } from "./auth-choice-D3a-vonc.js";
+import { a as promptDefaultModel, n as applyModelFallbacksFromSelection, o as promptModelAllowlist, r as applyPrimaryModel, t as applyModelAllowlist } from "./model-picker-C5-xr7Au.js";
 import { t as ensureSystemdUserLingerInteractive } from "./systemd-linger-aQ75ZlXY.js";
-import { a as promptCustomApiConfig } from "./onboard-custom-czPbiodI.js";
+import { a as promptCustomApiConfig } from "./onboard-custom-BiDvzYz-.js";
 import { i as TAILSCALE_MISSING_BIN_NOTE_LINES, n as TAILSCALE_DOCS_LINES, r as TAILSCALE_EXPOSURE_OPTIONS, t as validateIPv4AddressInput } from "./ipv4-CxY-xbsH.js";
 import { t as formatHealthCheckFailure } from "./health-format-DSwnXZPU.js";
-import { n as promptRemoteGatewayConfig } from "./onboard-remote-Ctw4GIh3.js";
-import { n as setupSkills } from "./onboard-skills-D8bU-3Js.js";
+import { n as promptRemoteGatewayConfig } from "./onboard-remote-CPI1Dsgo.js";
+import { n as setupSkills } from "./onboard-skills-5R6rRZiZ.js";
 import { confirm, intro, outro, select, text } from "@clack/prompts";
 
 //#region src/commands/configure.shared.ts

package/dist/{control-service-Cp6YF9nL.js → control-service-D2-SfYYP.js}

@@ -1,8 +1,8 @@
 import { t as __exportAll } from "./rolldown-runtime-Cbj13DAv.js";
 import { o as createSubsystemLogger } from "./entry.js";
-import { i as loadConfig } from "./config-DUFzG8nk.js";
-import { x as ensureChromeExtensionRelayServer } from "./chrome-BrvzGNct.js";
-import { a as resolveProfile, i as resolveBrowserConfig, n as listKnownProfileNames, p as ensureBrowserControlAuth, t as createBrowserRouteContext } from "./server-context-UyRba8WQ.js";
+import { i as loadConfig } from "./config-CJigbfdK.js";
+import { x as ensureChromeExtensionRelayServer } from "./chrome-CCN6Uf1O.js";
+import { a as resolveProfile, i as resolveBrowserConfig, n as listKnownProfileNames, p as ensureBrowserControlAuth, t as createBrowserRouteContext } from "./server-context-BogDcclm.js";
 
 //#region src/browser/server-lifecycle.ts
 async function ensureExtensionRelayForProfiles(params) {
@@ -80,7 +80,7 @@ async function stopBrowserControlService() {
 	});
 	state = null;
 	try {
-		await (await import("./pw-ai-B1JS5-K8.js")).closePlaywrightBrowserConnection();
+		await (await import("./pw-ai-DgDn1s1W.js")).closePlaywrightBrowserConnection();
 	} catch {}
 }
 

package/dist/{control-service-Bqt8XaMU.js → control-service-DWy5T1wZ.js}

@@ -1,8 +1,8 @@
 import { t as __exportAll } from "./rolldown-runtime-Cbj13DAv.js";
 import { t as createSubsystemLogger } from "./subsystem-D9vIQve0.js";
-import { i as loadConfig } from "./config-BKHu57Z8.js";
-import { x as ensureChromeExtensionRelayServer } from "./chrome-CWZN2Wru.js";
-import { a as resolveProfile, i as resolveBrowserConfig, n as listKnownProfileNames, p as ensureBrowserControlAuth, t as createBrowserRouteContext } from "./server-context-fHyIAV04.js";
+import { i as loadConfig } from "./config-CkPct-ND.js";
+import { x as ensureChromeExtensionRelayServer } from "./chrome-BtuJAYB6.js";
+import { a as resolveProfile, i as resolveBrowserConfig, n as listKnownProfileNames, p as ensureBrowserControlAuth, t as createBrowserRouteContext } from "./server-context-Bn72icrR.js";
 
 //#region src/browser/server-lifecycle.ts
 async function ensureExtensionRelayForProfiles(params) {
@@ -80,7 +80,7 @@ async function stopBrowserControlService() {
 	});
 	state = null;
 	try {
-		await (await import("./pw-ai-Dh66TRm0.js")).closePlaywrightBrowserConnection();
+		await (await import("./pw-ai-CsvxsEwI.js")).closePlaywrightBrowserConnection();
 	} catch {}
 }
 

package/dist/control-ui/css/style.css

@@ -3720,6 +3720,95 @@ html, body {
   padding: 2px 0 0;
 }
 
+/* ── Symipulse Panel ────────────────────────────────────────────── */
+.symipulse-panel {
+  cursor: pointer;
+  transition: max-height 0.3s ease, border-color 0.3s;
+}
+
+.symipulse-feed {
+  max-height: 3.2em;
+  overflow: hidden;
+  transition: max-height 0.3s ease;
+  font-size: 11px;
+  line-height: 1.5;
+  color: var(--text-dim);
+  font-family: var(--font-mono);
+}
+
+.symipulse-panel.expanded .symipulse-feed {
+  max-height: 300px;
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(0, 212, 255, 0.2) transparent;
+}
+.symipulse-panel.expanded .symipulse-feed::-webkit-scrollbar { width: 3px; }
+.symipulse-panel.expanded .symipulse-feed::-webkit-scrollbar-track { background: transparent; }
+.symipulse-panel.expanded .symipulse-feed::-webkit-scrollbar-thumb { background: rgba(0, 212, 255, 0.2); border-radius: 2px; }
+
+.symipulse-entry {
+  padding: 3px 0;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+}
+.symipulse-entry:last-child { border-bottom: none; }
+
+.symipulse-entry-time {
+  color: var(--text-muted);
+  font-size: 10px;
+  flex-shrink: 0;
+}
+
+.symipulse-entry-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text-dim);
+}
+
+.symipulse-panel.expanded .symipulse-entry {
+  white-space: normal;
+  word-break: break-word;
+}
+.symipulse-panel.expanded .symipulse-entry-text {
+  white-space: normal;
+  overflow: visible;
+}
+
+.symipulse-live-dot {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--accent-green);
+  margin-left: 6px;
+  vertical-align: middle;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+.symipulse-live-dot.active {
+  opacity: 1;
+  animation: pulse 1.2s ease-in-out infinite;
+}
+
+.symipulse-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px 0;
+  color: var(--text-dim);
+}
+.symipulse-empty-text {
+  font-size: 11px;
+  font-family: var(--font-mono);
+  opacity: 0.5;
+}
+
 /* ── Lazy-load sentinel ──────────────────────────────────────────── */
 .load-more-sentinel {
   text-align: center;

package/dist/control-ui/index.html

@@ -260,6 +260,19 @@
         <span>Add Schedule</span>
       </button>
     </div>
+
+    <!-- Symipulse Panel -->
+    <div class="glass-panel symipulse-panel" id="symipulse-panel">
+      <div class="panel-label">
+        SYMIPULSE
+        <span class="symipulse-live-dot" id="symipulse-live-dot"></span>
+      </div>
+      <div class="symipulse-feed" id="symipulse-feed">
+        <div class="symipulse-empty" id="symipulse-empty">
+          <div class="symipulse-empty-text">No heartbeats yet</div>
+        </div>
+      </div>
+    </div>
   </aside>
 
   <!-- Response waterfall area -->
@@ -711,6 +724,7 @@
   <script src="js/metrics.js"></script>
   <script src="js/gateway.js"></script>
   <script src="js/render.js"></script>
+  <script src="js/symipulse.js"></script>
   <script src="js/app.js"></script>
   <script src="js/menu.js"></script>
   <script src="js/history.js"></script>

package/dist/control-ui/js/app.js

@@ -251,10 +251,13 @@ function handleRunFailure(reason) {
 
 // ── Render history (on first connect) ─────────────────────────────
 function renderHistory(messages) {
-  // Clear reasoning panel in sync with the feed — prevents double-entries on reconnect
+  // Clear reasoning + symipulse panels in sync with the feed — prevents double-entries on reconnect
   if (typeof window.clearReasoningPanel === "function") {
     window.clearReasoningPanel();
   }
+  if (typeof window.clearSymipulsePanel === "function") {
+    window.clearSymipulsePanel();
+  }
   responseArea.innerHTML = "";
   responseArea.prepend(loadMoreSentinel);
   for (const m of messages) {
@@ -284,30 +287,22 @@ function renderHistory(messages) {
       continue;
     }
 
-    // Route heartbeat/symipulse and NO_REPLY assistant messages to Reasoning Panel
-    if (m.role === "assistant") {
-      const blocks = Array.isArray(m.content) ? m.content : [];
-      const txt = blocks
-        .filter((b) => b.type === "text")
-        .map((b) => b.text ?? "")
-        .join("")
-        .trim();
-      if (
-        /SYMIPULSE|heartbeat|System\s*Health|Pattern\s*Detection|systemHealth|count\s*→/i.test(
-          txt,
-        ) ||
-        /^[A-Z_]+_OK$/i.test(txt) ||
-        /^\s*NO_REPLY\s*$/i.test(txt) ||
-        /^⚠️.*(heartbeat|Agent failed before reply)/i.test(txt)
-      ) {
-        if (typeof window.appendToReasoningPanel === "function") {
-          window.appendToReasoningPanel({ type: "text", text: "[Symipulse]" });
-        }
-        continue;
+    // Route symipulse messages to dedicated Symipulse Panel
+    if (typeof window.isSymipulseMessage === "function" && window.isSymipulseMessage(m)) {
+      const txt = Array.isArray(m.content)
+        ? m.content
+            .filter((b) => b.type === "text")
+            .map((b) => b.text ?? "")
+            .join("")
+            .trim()
+        : extractText(m.content).trim();
+      if (txt && typeof window.appendToSymipulsePanel === "function") {
+        window.appendToSymipulsePanel(txt, m.timestamp);
       }
+      continue;
     }
 
-    // Route heartbeat poll, verification-pass & plugin context user messages to Reasoning Panel
+    // Route plugin context user messages to Reasoning Panel
     if (m.role === "user") {
       const txt = Array.isArray(m.content)
         ? m.content
@@ -322,12 +317,6 @@ function renderHistory(messages) {
         }
         continue;
       }
-      if (/^Read SYMIPULSE\.md/i.test(txt) || /SYMIPULSE_OK/i.test(txt)) {
-        if (typeof window.appendToReasoningPanel === "function") {
-          window.appendToReasoningPanel({ type: "text", text: "[Heartbeat poll]" });
-        }
-        continue;
-      }
       if (/^Review your response against the original user request/i.test(txt)) {
         if (typeof window.appendToReasoningPanel === "function") {
           window.appendToReasoningPanel({ type: "text", text: "[Post-generation verification]" });
@@ -434,30 +423,22 @@ async function loadMoreHistory() {
       if (m.role === "system") {
         continue;
       }
-      // Route heartbeat/symipulse and NO_REPLY assistant messages to Reasoning Panel
-      if (m.role === "assistant") {
-        const blocks = Array.isArray(m.content) ? m.content : [];
-        const txt = blocks
-          .filter((b) => b.type === "text")
-          .map((b) => b.text ?? "")
-          .join("")
-          .trim();
-        if (
-          /SYMIPULSE|heartbeat|System\s*Health|Pattern\s*Detection|systemHealth|count\s*→/i.test(
-            txt,
-          ) ||
-          /^[A-Z_]+_OK$/i.test(txt) ||
-          /^\s*NO_REPLY\s*$/i.test(txt) ||
-          /^⚠️.*(heartbeat|Agent failed before reply)/i.test(txt)
-        ) {
-          if (typeof window.appendToReasoningPanel === "function") {
-            window.appendToReasoningPanel({ type: "text", text: "[Symipulse]" });
-          }
-          continue;
+      // Route symipulse messages to dedicated Symipulse Panel
+      if (typeof window.isSymipulseMessage === "function" && window.isSymipulseMessage(m)) {
+        const txt = Array.isArray(m.content)
+          ? m.content
+              .filter((b) => b.type === "text")
+              .map((b) => b.text ?? "")
+              .join("")
+              .trim()
+          : extractText(m.content).trim();
+        if (txt && typeof window.appendToSymipulsePanel === "function") {
+          window.appendToSymipulsePanel(txt, m.timestamp);
         }
+        continue;
       }
 
-      // Route heartbeat poll & verification-pass user messages to Reasoning Panel
+      // Route plugin context & verification user messages to Reasoning Panel
       if (m.role === "user") {
         const txt = Array.isArray(m.content)
           ? m.content
@@ -466,12 +447,6 @@ async function loadMoreHistory() {
               .join("")
               .trim()
           : extractText(m.content).trim();
-        if (/^Read SYMIPULSE\.md/i.test(txt) || /SYMIPULSE_OK/i.test(txt)) {
-          if (typeof window.appendToReasoningPanel === "function") {
-            window.appendToReasoningPanel({ type: "text", text: "[Heartbeat poll]" });
-          }
-          continue;
-        }
         if (/^Review your response against the original user request/i.test(txt)) {
           if (typeof window.appendToReasoningPanel === "function") {
             window.appendToReasoningPanel({ type: "text", text: "[Post-generation verification]" });
@@ -559,6 +534,18 @@ function handleGatewayEvent(event) {
   }
 
   if (p.state === "delta") {
+    // Route heartbeat/symipulse deltas to dedicated panel
+    if (p.isHeartbeat) {
+      const text = extractText(p.message);
+      if (text && typeof window.appendToSymipulsePanel === "function") {
+        window.appendToSymipulsePanel(text, Date.now());
+      }
+      if (typeof window.setSymipulseLiveDot === "function") {
+        window.setSymipulseLiveDot(true);
+      }
+      return;
+    }
+
     // Capture runId on first delta so abort can target the exact run
     if (p.runId && !currentRunId) {
       currentRunId = p.runId;
@@ -585,6 +572,18 @@ function handleGatewayEvent(event) {
       window.updateLiveThinking(thinkingText);
     }
   } else if (p.state === "final") {
+    // Route heartbeat/symipulse finals to dedicated panel
+    if (p.isHeartbeat) {
+      const text = extractText(p.message?.content ?? p.message);
+      if (text && typeof window.appendToSymipulsePanel === "function") {
+        window.appendToSymipulsePanel(text, Date.now());
+      }
+      if (typeof window.setSymipulseLiveDot === "function") {
+        window.setSymipulseLiveDot(false);
+      }
+      return;
+    }
+
     stopElapsedTimer();
     clearWatchdog();
     if (typeof window.closeLiveThinking === "function") {
@@ -840,6 +839,9 @@ async function handleNewSession() {
     if (typeof window.clearReasoningPanel === "function") {
       window.clearReasoningPanel();
     }
+    if (typeof window.clearSymipulsePanel === "function") {
+      window.clearSymipulsePanel();
+    }
 
     // Show empty-state indicator
     const cleared = document.createElement("div");

package/dist/control-ui/js/connections.js

@@ -263,7 +263,6 @@
 
     // Also check when gateway connects
     window.addEventListener("gateway:connected", checkChannelStatus);
-    window.addEventListener("gateway:hello", checkChannelStatus);
   }
 
   // Wait for DOM and gateway

package/dist/control-ui/js/render.js

@@ -730,7 +730,7 @@ window.renderMessage = function (message) {
   const { role, content, timestamp } = message;
   const isUser = role === "user";
 
-  // ── Filter noisy/internal messages → Reasoning Panel ──────────────
+  // ── Filter noisy/internal messages ────────────────────────────────
   const _msgText = Array.isArray(content)
     ? content
         .filter((b) => b.type === "text")
@@ -739,19 +739,8 @@ window.renderMessage = function (message) {
         .trim()
     : extractText(content).trim();
 
-  // Heartbeat/symipulse, NO_REPLY, and plugin context assistant messages
-  if (
-    role === "assistant" &&
-    (/SYMIPULSE|heartbeat|System\s*Health|Pattern\s*Detection|systemHealth|count\s*→/i.test(
-      _msgText,
-    ) ||
-      /^[A-Z_]+_OK$/i.test(_msgText) ||
-      /^\s*NO_REPLY\s*$/i.test(_msgText) ||
-      /^⚠️.*(heartbeat|Agent failed before reply)/i.test(_msgText))
-  ) {
-    if (typeof window.appendToReasoningPanel === "function") {
-      window.appendToReasoningPanel({ type: "text", text: "[Symipulse]" });
-    }
+  // Symipulse messages → routed to Symipulse Panel by caller; guard here as safety net
+  if (typeof window.isSymipulseMessage === "function" && window.isSymipulseMessage(message)) {
     return null;
   }
 
@@ -763,17 +752,6 @@ window.renderMessage = function (message) {
     return null;
   }
 
-  // Heartbeat poll user messages
-  if (
-    role === "user" &&
-    (/^Read SYMIPULSE\.md/i.test(_msgText) || /SYMIPULSE_OK/i.test(_msgText))
-  ) {
-    if (typeof window.appendToReasoningPanel === "function") {
-      window.appendToReasoningPanel({ type: "text", text: "[Heartbeat poll]" });
-    }
-    return null;
-  }
-
   // Post-generation verification user messages
   if (
     role === "user" &&

package/dist/control-ui/js/symipulse.js

@@ -0,0 +1,140 @@
+// ── Symi UI — Symipulse Panel ─────────────────────────────────────────
+// Dedicated panel for heartbeat/symipulse system health messages.
+// Routes all symipulse traffic out of the main chat feed into a
+// collapsible right-side panel.
+
+const SYMIPULSE_MAX_ENTRIES = 50;
+
+// ── Centralized classifier ────────────────────────────────────────────
+// Checks server-side tag first (real-time), falls back to regex for
+// history messages that predate the isHeartbeat flag.
+window.isSymipulseMessage = function (message) {
+  if (message?.isHeartbeat === true) {
+    return true;
+  }
+
+  const role = message?.role;
+  const txt = Array.isArray(message?.content)
+    ? message.content
+        .filter((b) => b.type === "text")
+        .map((b) => b.text ?? "")
+        .join("")
+        .trim()
+    : (typeof message?.content === "string"
+        ? message.content
+        : (window.extractText?.(message?.content) ?? "")
+      ).trim();
+
+  if (!txt) {
+    return false;
+  }
+
+  if (role === "assistant") {
+    if (
+      /SYMIPULSE|heartbeat|System\s*Health|Pattern\s*Detection|systemHealth|count\s*→/i.test(txt)
+    ) {
+      return true;
+    }
+    if (/^[A-Z_]+_OK$/i.test(txt)) {
+      return true;
+    }
+    if (/^\s*NO_REPLY\s*$/i.test(txt)) {
+      return true;
+    }
+    if (/^⚠️.*(heartbeat|Agent failed before reply)/i.test(txt)) {
+      return true;
+    }
+  }
+
+  if (role === "user") {
+    if (/^Read SYMIPULSE\.md/i.test(txt) || /SYMIPULSE_OK/i.test(txt)) {
+      return true;
+    }
+  }
+
+  return false;
+};
+
+// ── Panel DOM references ──────────────────────────────────────────────
+const _spPanel = document.getElementById("symipulse-panel");
+const _spFeed = document.getElementById("symipulse-feed");
+const _spEmpty = document.getElementById("symipulse-empty");
+const _spDot = document.getElementById("symipulse-live-dot");
+
+// ── Append entry to Symipulse Panel ───────────────────────────────────
+window.appendToSymipulsePanel = function (text, timestamp) {
+  if (!_spFeed || !text) {
+    return;
+  }
+
+  // Remove empty placeholder
+  if (_spEmpty && _spEmpty.parentNode) {
+    _spEmpty.remove();
+  }
+
+  const entry = document.createElement("div");
+  entry.className = "symipulse-entry";
+
+  const time = timestamp
+    ? new Date(typeof timestamp === "number" && timestamp < 1e12 ? timestamp * 1000 : timestamp)
+    : new Date();
+  const hhmm = time.toLocaleTimeString("en-US", {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false,
+  });
+
+  const timeSpan = document.createElement("span");
+  timeSpan.className = "symipulse-entry-time";
+  timeSpan.textContent = hhmm;
+
+  const textSpan = document.createElement("span");
+  textSpan.className = "symipulse-entry-text";
+  textSpan.textContent = text;
+
+  entry.appendChild(timeSpan);
+  entry.appendChild(textSpan);
+  _spFeed.appendChild(entry);
+
+  // Cap entries
+  while (_spFeed.querySelectorAll(".symipulse-entry").length > SYMIPULSE_MAX_ENTRIES) {
+    const oldest = _spFeed.querySelector(".symipulse-entry");
+    if (!oldest) {
+      break;
+    }
+    oldest.remove();
+  }
+
+  // Auto-scroll when expanded
+  if (_spPanel?.classList.contains("expanded")) {
+    _spFeed.scrollTop = _spFeed.scrollHeight;
+  }
+};
+
+// ── Clear panel (on new session) ──────────────────────────────────────
+window.clearSymipulsePanel = function () {
+  if (!_spFeed) {
+    return;
+  }
+  _spFeed.innerHTML = `
+    <div class="symipulse-empty" id="symipulse-empty">
+      <div class="symipulse-empty-text">No heartbeats yet</div>
+    </div>`;
+};
+
+// ── Live dot control ──────────────────────────────────────────────────
+window.setSymipulseLiveDot = function (active) {
+  if (_spDot) {
+    _spDot.classList.toggle("active", active);
+  }
+};
+
+// ── Toggle expand/collapse on click ───────────────────────────────────
+if (_spPanel) {
+  _spPanel.addEventListener("click", () => {
+    _spPanel.classList.toggle("expanded");
+    if (_spPanel.classList.contains("expanded") && _spFeed) {
+      _spFeed.scrollTop = _spFeed.scrollHeight;
+    }
+  });
+}