@silicaclaw/cli 2026.3.19-9 → 2026.3.20-1

package/apps/local-console/dist/config/silicaclaw-defaults.json

@@ -0,0 +1,19 @@
+{
+    "ports": {
+        "local_console": 4310,
+        "public_explorer": 4311,
+        "openclaw_gateway": 18789,
+        "network_default": 44123
+    },
+    "network": {
+        "default_mode": "global-preview",
+        "default_namespace": "silicaclaw.preview",
+        "global_preview": {
+            "relay_url": "https://relay.silicaclaw.com",
+            "room": "silicaclaw-global-preview"
+        }
+    },
+    "bridge": {
+        "api_base": "http://localhost:4310"
+    }
+}

package/apps/local-console/dist/packages/core/src/socialConfig.js

@@ -1,10 +1,14 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseFrontmatterObject = parseFrontmatterObject;
 exports.extractFrontmatter = extractFrontmatter;
 exports.normalizeSocialConfig = normalizeSocialConfig;
 exports.getDefaultSocialConfig = getDefaultSocialConfig;
 exports.generateDefaultSocialMdTemplate = generateDefaultSocialMdTemplate;
+const silicaclaw_defaults_json_1 = __importDefault(require("../../../config/silicaclaw-defaults.json"));
 const DEFAULT_SOCIAL_CONFIG = {
     enabled: true,
     public_enabled: false,
@@ -15,13 +19,13 @@ const DEFAULT_SOCIAL_CONFIG = {
         tags: [],
     },
     network: {
-        mode: "global-preview",
-        namespace: "silicaclaw.preview",
+        mode: silicaclaw_defaults_json_1.default.network.default_mode,
+        namespace: silicaclaw_defaults_json_1.default.network.default_namespace,
         adapter: "relay-preview",
-        port: 44123,
-        signaling_url: "https://relay.silicaclaw.com",
+        port: silicaclaw_defaults_json_1.default.ports.network_default,
+        signaling_url: silicaclaw_defaults_json_1.default.network.global_preview.relay_url,
         signaling_urls: [],
-        room: "silicaclaw-global-preview",
+        room: silicaclaw_defaults_json_1.default.network.global_preview.room,
         seed_peers: [],
         bootstrap_hints: [],
     },

package/apps/local-console/dist/packages/network/src/realPreview.js

@@ -1,4 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RealNetworkAdapterPreview = void 0;
 const crypto_1 = require("crypto");
@@ -7,6 +10,7 @@ const jsonMessageEnvelopeCodec_1 = require("./codec/jsonMessageEnvelopeCodec");
 const jsonTopicCodec_1 = require("./codec/jsonTopicCodec");
 const udpLanBroadcastTransport_1 = require("./transport/udpLanBroadcastTransport");
 const heartbeatPeerDiscovery_1 = require("./discovery/heartbeatPeerDiscovery");
+const silicaclaw_defaults_json_1 = __importDefault(require("../../../config/silicaclaw-defaults.json"));
 class RealNetworkAdapterPreview {
     started = false;
     peerId;
@@ -46,7 +50,7 @@ class RealNetworkAdapterPreview {
     };
     constructor(options = {}) {
         this.peerId = options.peerId ?? `peer-${process.pid}-${Math.random().toString(36).slice(2, 10)}`;
-        this.namespace = this.normalizeNamespace(options.namespace ?? "silicaclaw.preview");
+        this.namespace = this.normalizeNamespace(options.namespace ?? silicaclaw_defaults_json_1.default.network.default_namespace);
         this.transport = options.transport ?? new udpLanBroadcastTransport_1.UdpLanBroadcastTransport();
         this.envelopeCodec = options.envelopeCodec ?? new jsonMessageEnvelopeCodec_1.JsonMessageEnvelopeCodec();
         this.topicCodec = options.topicCodec ?? new jsonTopicCodec_1.JsonTopicCodec();
@@ -315,7 +319,7 @@ class RealNetworkAdapterPreview {
     }
     normalizeNamespace(namespace) {
         const normalized = namespace.trim();
-        return normalized.length > 0 ? normalized : "silicaclaw.preview";
+        return normalized.length > 0 ? normalized : silicaclaw_defaults_json_1.default.network.default_namespace;
     }
     errorMessage(error) {
         if (error instanceof Error) {

package/apps/local-console/dist/packages/network/src/relayPreview.js

@@ -1,10 +1,14 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RelayPreviewAdapter = void 0;
 const crypto_1 = require("crypto");
 const messageEnvelope_1 = require("./abstractions/messageEnvelope");
 const jsonMessageEnvelopeCodec_1 = require("./codec/jsonMessageEnvelopeCodec");
 const jsonTopicCodec_1 = require("./codec/jsonTopicCodec");
+const silicaclaw_defaults_json_1 = __importDefault(require("../../../config/silicaclaw-defaults.json"));
 function dedupe(values) {
     return Array.from(new Set(values.map((value) => value.trim()).filter(Boolean)));
 }
@@ -77,13 +81,15 @@ class RelayPreviewAdapter {
     };
     constructor(options = {}) {
         this.peerId = options.peerId ?? `peer-${process.pid}-${Math.random().toString(36).slice(2, 10)}`;
-        this.namespace = String(options.namespace || "silicaclaw.preview").trim() || "silicaclaw.preview";
+        this.namespace =
+            String(options.namespace || silicaclaw_defaults_json_1.default.network.default_namespace).trim() || silicaclaw_defaults_json_1.default.network.default_namespace;
         this.signalingEndpoints = dedupe((options.signalingUrls && options.signalingUrls.length > 0
             ? options.signalingUrls
             : [options.signalingUrl || "http://localhost:4510"]));
         this.activeEndpoint = this.signalingEndpoints[0] || "http://localhost:4510";
         this.activeEndpointIndex = 0;
-        this.room = String(options.room || "silicaclaw-global-preview").trim() || "silicaclaw-global-preview";
+        this.room =
+            String(options.room || silicaclaw_defaults_json_1.default.network.global_preview.room).trim() || silicaclaw_defaults_json_1.default.network.global_preview.room;
         this.seedPeers = dedupe(options.seedPeers || []);
         this.bootstrapHints = dedupe(options.bootstrapHints || []);
         this.bootstrapSources = dedupe(options.bootstrapSources || []);

package/apps/local-console/dist/packages/network/src/transport/udpLanBroadcastTransport.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UdpLanBroadcastTransport = void 0;
 const dgram_1 = __importDefault(require("dgram"));
+const silicaclaw_defaults_json_1 = __importDefault(require("../../../../config/silicaclaw-defaults.json"));
 class UdpLanBroadcastTransport {
     socket = null;
     handlers = new Set();
@@ -28,7 +29,7 @@ class UdpLanBroadcastTransport {
     bindAddress;
     broadcastAddress;
     constructor(options = {}) {
-        this.port = options.port ?? 44123;
+        this.port = options.port ?? silicaclaw_defaults_json_1.default.ports.network_default;
         this.bindAddress = options.bindAddress ?? "0.0.0.0";
         this.broadcastAddress = options.broadcastAddress ?? "255.255.255.255";
     }

package/apps/local-console/dist/packages/network/src/webrtcPreview.js

@@ -1,10 +1,14 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WebRTCPreviewAdapter = void 0;
 const crypto_1 = require("crypto");
 const messageEnvelope_1 = require("./abstractions/messageEnvelope");
 const jsonMessageEnvelopeCodec_1 = require("./codec/jsonMessageEnvelopeCodec");
 const jsonTopicCodec_1 = require("./codec/jsonTopicCodec");
+const silicaclaw_defaults_json_1 = __importDefault(require("../../../config/silicaclaw-defaults.json"));
 function now() {
     return Date.now();
 }
@@ -103,7 +107,7 @@ class WebRTCPreviewAdapter {
     };
     constructor(options = {}) {
         this.peerId = options.peerId ?? `webrtc-${process.pid}-${Math.random().toString(36).slice(2, 9)}`;
-        this.namespace = (options.namespace ?? "silicaclaw.preview").trim() || "silicaclaw.preview";
+        this.namespace = (options.namespace ?? silicaclaw_defaults_json_1.default.network.default_namespace).trim() || silicaclaw_defaults_json_1.default.network.default_namespace;
         const configuredSignalingUrls = dedupeArray([
             ...(options.signalingUrls ?? []),
             options.signalingUrl ?? "",

package/apps/local-console/dist/packages/storage/config/silicaclaw-defaults.json

@@ -0,0 +1,19 @@
+{
+    "ports": {
+        "local_console": 4310,
+        "public_explorer": 4311,
+        "openclaw_gateway": 18789,
+        "network_default": 44123
+    },
+    "network": {
+        "default_mode": "global-preview",
+        "default_namespace": "silicaclaw.preview",
+        "global_preview": {
+            "relay_url": "https://relay.silicaclaw.com",
+            "room": "silicaclaw-global-preview"
+        }
+    },
+    "bridge": {
+        "api_base": "http://localhost:4310"
+    }
+}

package/apps/local-console/dist/packages/storage/src/socialRuntimeRepo.js

@@ -1,8 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SocialRuntimeRepo = void 0;
 const path_1 = require("path");
 const jsonRepo_1 = require("./jsonRepo");
+const silicaclaw_defaults_json_1 = __importDefault(require("../config/silicaclaw-defaults.json"));
 function emptyRuntime() {
     return {
         enabled: true,
@@ -14,13 +18,13 @@ function emptyRuntime() {
         resolved_identity: null,
         resolved_profile: null,
         resolved_network: {
-            mode: "global-preview",
+            mode: silicaclaw_defaults_json_1.default.network.default_mode,
             adapter: "relay-preview",
-            namespace: "silicaclaw.preview",
+            namespace: silicaclaw_defaults_json_1.default.network.default_namespace,
             port: null,
-            signaling_url: "https://relay.silicaclaw.com",
+            signaling_url: silicaclaw_defaults_json_1.default.network.global_preview.relay_url,
             signaling_urls: [],
-            room: "silicaclaw-global-preview",
+            room: silicaclaw_defaults_json_1.default.network.global_preview.room,
             seed_peers: [],
             bootstrap_hints: [],
             bootstrap_sources: [],

package/apps/local-console/public/app/app.js

@@ -190,19 +190,35 @@ root.innerHTML = appTemplate;
         document.getElementById('skillsBannerTitle').textContent = t('hints.skillsBannerTitle');
         document.getElementById('skillsBannerBody').textContent = t('hints.skillsBannerBody');
         document.getElementById('skillsBannerRuntimeLabel').textContent = t('hints.skillsBannerRuntime');
+        document.getElementById('skillsActionEyebrow').textContent = t('labels.skillsRecommendedAction');
+        document.getElementById('skillsActionTitle').textContent = t('hints.skillsActionInstallTitle');
+        document.getElementById('skillsActionBody').textContent = t('hints.skillsActionInstallBody');
+        document.getElementById('skillsActionState').textContent = t('labels.skillsStateReady');
+        document.getElementById('skillsJumpEyebrow').textContent = t('labels.skillsBrowseAreas');
+        document.getElementById('skillsJumpTitle').textContent = t('hints.skillsJumpTitle');
+        document.getElementById('skillsJumpFeatured').textContent = t('labels.skillsFeatured');
+        document.getElementById('skillsJumpBundled').textContent = t('labels.skillsBundled');
+        document.getElementById('skillsJumpInstalled').textContent = t('labels.skillsInstalled');
+        document.getElementById('skillsJumpDialogue').textContent = t('labels.skillsDialogue');
         document.getElementById('skillsFeaturedTitle').textContent = t('labels.skillsFeatured');
         document.getElementById('skillsFeaturedHint').textContent = t('hints.skillsFeaturedHint');
         document.getElementById('skillsBundledTitle').textContent = t('labels.skillsBundled');
         document.getElementById('skillsBundledHint').textContent = t('hints.skillsBundledHint');
+        document.getElementById('skillsDialogueTitle').textContent = t('labels.skillsDialogue');
+        document.getElementById('skillsDialogueHint').textContent = t('hints.skillsDialogueHint');
         document.getElementById('skillsInstalledTitle').textContent = t('labels.skillsInstalled');
         document.getElementById('skillsInstalledHint').textContent = t('hints.skillsInstalledHint');
-        document.getElementById('skillsInstallBtn').textContent = t('actions.learnOpenClawSkill');
+        document.getElementById('skillsInstallBtn').textContent = t('actions.installSilicaClawSkills');
         document.getElementById('socialIntegrationTitle').textContent = t('labels.integrationStatus');
         document.querySelector('#socialStatusLine').textContent = t('hints.checkingIntegration');
         document.getElementById('socialRuntimeSummaryTitle').textContent = t('labels.whatIsActive');
         document.getElementById('socialBridgeTitle').textContent = t('labels.identityBinding');
+        document.getElementById('socialCapabilityTitle').textContent = t('labels.ownerCommunicationCapabilities');
+        document.getElementById('socialCapabilityHint').textContent = t('hints.ownerCommunicationCapabilitiesHint');
         document.getElementById('socialOwnerDeliveryTitle').textContent = t('labels.ownerDelivery');
         document.getElementById('socialSkillLearningTitle').textContent = t('labels.openclawSkillLearning');
+        document.getElementById('socialMessagePathTitle').textContent = t('labels.messagePath');
+        document.getElementById('socialMessagePathHint').textContent = t('hints.socialMessagePathHint');
         document.getElementById('socialGovernanceTitle').textContent = t('labels.messageGovernance');
         document.getElementById('socialModerationTitle').textContent = t('labels.recentModeration');
         document.getElementById('socialAdvancedSummary').textContent = t('labels.advancedNetworkDetails');
@@ -268,6 +284,7 @@ root.innerHTML = appTemplate;
       const shell = createShellController({ resolveThemeMode, t });
       const {
         applyTheme,
+        clearUiCache,
         flashButton,
         hydrateCachedShell,
         peerStatusText,
@@ -406,6 +423,7 @@ root.innerHTML = appTemplate;
       const refreshNetwork = networkController.refreshNetwork;
       const refreshPeers = networkController.refreshPeers;
       const refreshDiscovery = networkController.refreshDiscovery;
+      const getQuickConnectDefaults = networkController.getQuickConnectDefaults;
 
       const refreshSocial = socialController.refreshSocial;
       const exportSocialTemplate = socialController.exportSocialTemplate;
@@ -438,6 +456,7 @@ root.innerHTML = appTemplate;
         parseCsv,
         profileController,
         pulseOverviewBroadcastStep,
+        clearUiCache,
         refreshAll,
         refreshLogs,
         refreshMessages,
@@ -461,6 +480,7 @@ root.innerHTML = appTemplate;
         t,
         toast,
         getSocialTemplate: () => socialTemplate,
+        getQuickConnectDefaults,
         setAgentsPage: (value) => { agentsPage = value; },
         getSocialMessagesCache: () => socialMessagesCache,
         toPrettyJson,

package/apps/local-console/public/app/events.js

@@ -7,6 +7,7 @@ export function bindAppEvents({
   parseCsv,
   profileController,
   pulseOverviewBroadcastStep,
+  clearUiCache,
   refreshAll,
   refreshLogs,
   refreshMessages,
@@ -30,6 +31,7 @@ export function bindAppEvents({
   t,
   toast,
   getSocialTemplate,
+  getQuickConnectDefaults,
   setAgentsPage,
   getSocialMessagesCache,
   toPrettyJson,
@@ -194,9 +196,12 @@ export function bindAppEvents({
   document.getElementById("broadcastNowBtn").addEventListener("click", () => runAction("/api/broadcast/now", t("actions.broadcastNow")));
 
   document.getElementById("quickGlobalPreviewBtn").addEventListener("click", async () => {
-    const currentSignaling = window.prompt(t("feedback.promptSignalingUrl"), "http://localhost:4510");
+    const quickConnectDefaults = typeof getQuickConnectDefaults === "function"
+      ? getQuickConnectDefaults()
+      : { signalingUrl: "http://localhost:4510", room: "" };
+    const currentSignaling = window.prompt(t("feedback.promptSignalingUrl"), quickConnectDefaults.signalingUrl || "http://localhost:4510");
     if (!currentSignaling) return;
-    const room = window.prompt(t("feedback.promptRoom"), "silicaclaw-global-preview") || "silicaclaw-global-preview";
+    const room = window.prompt(t("feedback.promptRoom"), quickConnectDefaults.room || "") || quickConnectDefaults.room || "";
     setFeedback("networkFeedback", t("feedback.crossPreviewEnabling"));
     try {
       const result = await api("/api/network/quick-connect-global-preview", {
@@ -223,6 +228,7 @@ export function bindAppEvents({
   document.getElementById("clearDiscoveryCacheBtn").addEventListener("click", async () => {
     try {
       await api("/api/cache/clear", { method: "POST" });
+      clearUiCache(["silicaclaw_ui_overview", "silicaclaw_ui_network", "silicaclaw_ui_social"]);
       setFeedback("networkFeedback", t("feedback.discoveryCacheCleared"));
       toast(t("feedback.discoveryCacheCleared"));
       setAgentsPage(1);
@@ -281,6 +287,38 @@ export function bindAppEvents({
     }
   });
 
+  document.getElementById("skillsBundledGrid").addEventListener("click", async (event) => {
+    const btn = event.target instanceof Element ? event.target.closest("[data-skill-install]") : null;
+    if (!btn) return;
+    const skillName = String(btn.getAttribute("data-skill-install") || "").trim();
+    if (!skillName) return;
+    btn.setAttribute("disabled", "true");
+    setFeedback("skillsFeedback", `${t("common.saving")} ${skillName}`);
+    try {
+      await api("/api/openclaw/bridge/skill-install", {
+        method: "POST",
+        body: JSON.stringify({ skill_name: skillName }),
+      });
+      setFeedback("skillsFeedback", t("feedback.openclawSkillInstalled"));
+      toast(`${t("feedback.openclawSkillInstalled")} · ${skillName}`);
+      await refreshSkills();
+      await refreshSocial();
+    } catch (e) {
+      setFeedback("skillsFeedback", e instanceof Error ? e.message : t("feedback.openclawSkillInstallFailed"), "error");
+    } finally {
+      btn.removeAttribute("disabled");
+      await refreshSkills().catch(() => {});
+    }
+  });
+
+  document.querySelectorAll("[data-skills-jump]").forEach((btn) => {
+    btn.addEventListener("click", () => {
+      const targetId = String(btn.getAttribute("data-skills-jump") || "").trim();
+      if (!targetId) return;
+      document.getElementById(targetId)?.scrollIntoView({ behavior: "smooth", block: "start" });
+    });
+  });
+
   document.getElementById("saveGovernanceBtn").addEventListener("click", async () => {
     setFeedback("socialGovernanceFeedback", t("common.saving"));
     try {

package/apps/local-console/public/app/network.js

@@ -8,6 +8,12 @@ export function createNetworkController({
   toPrettyJson,
   writeUiCache,
 }) {
+  const fallbackQuickConnectDefaults = {
+    signalingUrl: "http://localhost:4510",
+    room: "",
+  };
+  let quickConnectDefaults = { ...fallbackQuickConnectDefaults };
+
   async function refreshNetwork() {
     const [cfg, sts, rtp] = await Promise.all([api("/api/network/config"), api("/api/network/stats"), api("/api/runtime/paths")]);
     const c = cfg.data;
@@ -20,9 +26,31 @@ export function createNetworkController({
     const d = s.adapter_discovery_stats || {};
     const dx = s.adapter_diagnostics_summary || {};
     const ac = s.adapter_config || c.adapter_config || {};
+    quickConnectDefaults = {
+      signalingUrl: String(
+        dx.signaling_url ||
+        c.signaling_url ||
+        c.adapter_extra?.signaling_url ||
+        quickConnectDefaults.signalingUrl ||
+        fallbackQuickConnectDefaults.signalingUrl
+      ),
+      room: String(
+        dx.room ||
+        c.room ||
+        c.adapter_extra?.room ||
+        quickConnectDefaults.room ||
+        fallbackQuickConnectDefaults.room
+      ),
+    };
+    const relayCapable = c.adapter === "relay-preview" || c.adapter === "webrtc-preview";
+    const relayHealth = relayCapable
+      ? (dx.last_error ? t("network.degraded") : t("network.connected"))
+      : "-";
     document.getElementById("heroAdapter").textContent = c.adapter || "-";
-    document.getElementById("heroRelay").textContent = dx.signaling_url || "-";
-    document.getElementById("heroRoom").textContent = dx.room || "-";
+    const heroRelayEl = document.getElementById("heroRelay");
+    const heroRoomEl = document.getElementById("heroRoom");
+    if (heroRelayEl) heroRelayEl.textContent = dx.signaling_url || "-";
+    if (heroRoomEl) heroRoomEl.textContent = dx.room || "-";
 
     document.getElementById("pillAdapter").textContent = `${t("labels.adapter")}: ${c.adapter || "-"}`;
     writeUiCache("silicaclaw_ui_network", {
@@ -54,7 +82,7 @@ export function createNetworkController({
     ].map(([k, v]) => `<div class="card"><div class="label">${k}</div><div class="value" style="font-size:17px;">${v}</div></div>`).join("");
     document.getElementById("networkSummaryList").innerHTML = [
       [t("labels.mode"), describeCurrentMode(t, c.mode || "lan")],
-      [t("network.relayHealth"), dx.last_error ? t("network.degraded") : t("network.connected")],
+      [t("network.relayHealth"), relayHealth],
       [t("network.currentRelay"), dx.signaling_url || "-"],
       [t("network.currentRoom"), dx.room || "-"],
       [t("network.lastJoin"), ago(dx.last_join_at)],
@@ -205,6 +233,7 @@ export function createNetworkController({
   }
 
   return {
+    getQuickConnectDefaults: () => ({ ...quickConnectDefaults }),
     refreshDiscovery,
     refreshNetwork,
     refreshPeers,

package/apps/local-console/public/app/overview.js

@@ -143,9 +143,18 @@ export function createOverviewController({
       </div>
     `;
     document.getElementById("snapshot").innerHTML = snapshotHtml;
+    const networkDiag = networkStats.adapter_diagnostics_summary || {};
     const heroModeText = o.social?.network_mode || "-";
+    const heroAdapterText = networkCfg.adapter || "-";
+    const heroRelayText = String(networkDiag.signaling_url || networkCfg.adapter_extra?.signaling_url || "-");
+    const heroRoomText = String(networkDiag.room || networkCfg.adapter_extra?.room || "-");
     setOverviewMode(heroModeText);
     document.getElementById("heroMode").textContent = heroModeText;
+    document.getElementById("heroAdapter").textContent = heroAdapterText;
+    const heroRelayEl = document.getElementById("heroRelay");
+    const heroRoomEl = document.getElementById("heroRoom");
+    if (heroRelayEl) heroRelayEl.textContent = heroRelayText;
+    if (heroRoomEl) heroRoomEl.textContent = heroRoomText;
     document.getElementById("overviewModeHint").textContent = t("overview.modeCurrentSource", {
       mode: describeCurrentMode(t, heroModeText),
       hint: t("overview.modeCacheHint"),
@@ -160,7 +169,6 @@ export function createOverviewController({
     const openclawDetected = !!bridge.openclaw_installation?.detected || openclawRunning || !!bridge.openclaw_runtime?.gateway_reachable;
     const skillInstalled = !!bridge.skill_learning?.installed;
     const globalMode = heroModeText === "global-preview";
-    const networkDiag = networkStats.adapter_diagnostics_summary || {};
     const lastNetworkError = String(networkDiag.last_error || o.last_broadcast_error || "").trim();
     const broadcastHealthy = o.broadcast_enabled && !lastNetworkError;
     const roleKey = openclawRunning
@@ -242,6 +250,9 @@ export function createOverviewController({
         brandVersionText,
         snapshotText: snapshotHtml,
         heroModeText,
+        heroAdapterText,
+        heroRelayText,
+        heroRoomText,
         pillBroadcastText,
         pillBroadcastClassName,
         agentsCountHintText,
@@ -312,6 +323,9 @@ export function createOverviewController({
       brandVersionText,
       snapshotText: snapshotHtml,
       heroModeText,
+      heroAdapterText,
+      heroRelayText,
+      heroRoomText,
       pillBroadcastText,
       pillBroadcastClassName,
       agentsCountHintText,

package/apps/local-console/public/app/shell.js

@@ -1,4 +1,10 @@
 export function createShellController({ t, resolveThemeMode }) {
+  const REALTIME_UI_CACHE_KEYS = [
+    "silicaclaw_ui_overview",
+    "silicaclaw_ui_network",
+    "silicaclaw_ui_social",
+  ];
+
   function peerStatusText(status) {
     if (status === "online") return t("overview.online");
     if (status === "offline") return t("overview.offline");
@@ -6,48 +12,25 @@ export function createShellController({ t, resolveThemeMode }) {
     return status || "-";
   }
 
-  function readUiCache(key) {
-    try {
-      const raw = localStorage.getItem(key);
-      return raw ? JSON.parse(raw) : null;
-    } catch {
-      return null;
-    }
+  function writeUiCache(key, value) {
+    void key;
+    void value;
   }
 
-  function writeUiCache(key, value) {
+  function clearUiCache(keys) {
+    const values = Array.isArray(keys) ? keys : keys ? [keys] : REALTIME_UI_CACHE_KEYS;
     try {
-      localStorage.setItem(key, JSON.stringify(value));
+      for (const key of values) {
+        if (!key) continue;
+        localStorage.removeItem(key);
+      }
     } catch {
-      // ignore cache write failures
+      // ignore cache removal failures
     }
   }
 
   function hydrateCachedShell() {
-    const overview = readUiCache("silicaclaw_ui_overview");
-    if (overview) {
-      if (overview.overviewCardsHtml) document.getElementById("overviewCards").innerHTML = overview.overviewCardsHtml;
-      if (overview.snapshotText) document.getElementById("snapshot").innerHTML = overview.snapshotText;
-      if (overview.heroModeText) document.getElementById("heroMode").textContent = overview.heroModeText;
-      if (overview.pillBroadcastText) document.getElementById("pillBroadcast").textContent = overview.pillBroadcastText;
-      if (overview.pillBroadcastClassName) document.getElementById("pillBroadcast").className = overview.pillBroadcastClassName;
-      if (overview.agentsCountHintText) document.getElementById("agentsCountHint").textContent = overview.agentsCountHintText;
-      if (overview.agentsWrapHtml) document.getElementById("agentsWrap").innerHTML = overview.agentsWrapHtml;
-    }
-    const network = readUiCache("silicaclaw_ui_network");
-    if (network) {
-      if (network.heroAdapterText) document.getElementById("heroAdapter").textContent = network.heroAdapterText;
-      if (network.heroRelayText) document.getElementById("heroRelay").textContent = network.heroRelayText;
-      if (network.heroRoomText) document.getElementById("heroRoom").textContent = network.heroRoomText;
-      if (network.pillAdapterText) document.getElementById("pillAdapter").textContent = network.pillAdapterText;
-    }
-    const social = readUiCache("silicaclaw_ui_social");
-    if (social) {
-      if (social.integrationStatusText) document.getElementById("integrationStatusBar").textContent = social.integrationStatusText;
-      if (social.integrationStatusClassName) document.getElementById("integrationStatusBar").className = social.integrationStatusClassName;
-      if (social.socialStatusLineText) document.getElementById("socialStatusLine").textContent = social.socialStatusLineText;
-      if (social.socialStatusSublineText) document.getElementById("socialStatusSubline").textContent = social.socialStatusSublineText;
-    }
+    clearUiCache(REALTIME_UI_CACHE_KEYS);
   }
 
   function toast(msg) {
@@ -130,6 +113,7 @@ export function createShellController({ t, resolveThemeMode }) {
 
   return {
     applyTheme,
+    clearUiCache,
     flashButton,
     hydrateCachedShell,
     peerStatusText,