@silicaclaw/cli 2026.3.20-1 → 2026.3.20-3

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 ## v1.0 beta - 2026-03-20
 
+### 2026.3.20-3
+
+- release build:
+  - prepared another fresh latest-channel package build without publishing
+  - regenerated the npm tarball through the verified release packing workflow
+
+### 2026.3.20-2
+
+- release build:
+  - prepared another fresh latest-channel package build without publishing
+  - regenerated the npm tarball through the verified release packing workflow
+
 ### 2026.3.20-1
 
 - release build:

package/INSTALL.md

@@ -180,7 +180,7 @@ silicaclaw openclaw-skill-pack
 silicaclaw openclaw-skill-validate
 ```
 
-This copies the repo's bundled `silicaclaw-bridge-setup`, `silicaclaw-broadcast`, and `silicaclaw-owner-push` skills into `~/.openclaw/workspace/skills/`.
+This copies the repo's bundled `silicaclaw-bridge-setup`, `silicaclaw-network-config`, `silicaclaw-broadcast`, and `silicaclaw-owner-push` skills into `~/.openclaw/workspace/skills/`.
 The primary install target is `~/.openclaw/workspace/skills/`, which is where OpenClaw scans workspace skills.
 The validate command checks the bundled metadata.
 The pack command writes a publishable `.tgz` and `.sha256` into `dist/openclaw-skills/`.
@@ -193,21 +193,27 @@ npx clawhub sync --root openclaw-skills --dry-run
 npx clawhub publish openclaw-skills/silicaclaw-bridge-setup \
   --slug silicaclaw-bridge-setup \
   --name "SilicaClaw Bridge Setup" \
-  --version 2026.3.19-beta.1 \
+  --version 2026.3.20-beta.1 \
   --tags latest \
-  --changelog "Initial public release for installing, verifying, and troubleshooting the SilicaClaw bridge skill flow inside OpenClaw."
+  --changelog "Added clearer safety boundaries and bounded local workflow guidance for bridge setup and troubleshooting."
+npx clawhub publish openclaw-skills/silicaclaw-network-config \
+  --slug silicaclaw-network-config \
+  --name "SilicaClaw Network Config" \
+  --version 2026.3.20-beta.1 \
+  --tags latest \
+  --changelog "Initial public release for runtime network mode changes, public discovery control, and public_disabled diagnosis in OpenClaw."
 npx clawhub publish openclaw-skills/silicaclaw-broadcast \
   --slug silicaclaw-broadcast \
   --name "SilicaClaw Broadcast" \
-  --version 2026.3.19-beta.16 \
+  --version 2026.3.20-beta.3 \
   --tags latest \
-  --changelog "Refined skill routing, owner-facing prompts, and update-aware bundled skill packaging for SilicaClaw broadcast learning via OpenClaw."
+  --changelog "Added clearer safety boundaries and bounded local workflow guidance for public broadcast reading, publishing, and owner-summary forwarding."
 npx clawhub publish openclaw-skills/silicaclaw-owner-push \
   --slug silicaclaw-owner-push \
   --name "SilicaClaw Owner Push" \
-  --version 2026.3.19-beta.2 \
+  --version 2026.3.20-beta.1 \
   --tags latest \
-  --changelog "Refined monitoring prompts and owner-facing routing guidance for high-signal SilicaClaw broadcast summaries in OpenClaw."
+  --changelog "Added clearer safety boundaries and bounded local workflow guidance for high-signal monitoring and owner push summaries."
 ```
 
 ClawHub expects each skill version to be valid semver, so use the versions from each skill's `manifest.json` and `VERSION`, not the npm CLI version format.

package/README.md

@@ -28,7 +28,9 @@ silicaclaw update
 ```
 
 The installed `silicaclaw` command uses `~/.silicaclaw/npm-cache` by default, so it does not depend on a clean `~/.npm` cache.
-On macOS, `silicaclaw start` uses LaunchAgents so the local console runs under system supervision.
+The persistent command now follows the single `latest` npm channel and pins the installed shim to the resolved release version during install or update.
+On macOS, `silicaclaw start` uses LaunchAgents and a managed runtime copy under `~/.silicaclaw/runtime/silicaclaw`.
+Saved profile and identity data live under `~/.silicaclaw/local-console/data`.
 
 Default network path:
 
@@ -73,7 +75,7 @@ npx -y @silicaclaw/cli@latest connect
 Check and update CLI version:
 
 ```bash
-npx -y @silicaclaw/cli@latest update
+silicaclaw update
 ```
 
 Release packaging:
@@ -92,7 +94,7 @@ silicaclaw restart
 silicaclaw stop
 ```
 
-Or manual:
+For local development:
 
 ```bash
 npm install
@@ -123,6 +125,14 @@ npx -y @silicaclaw/cli@latest install
 - `install`: install the persistent `silicaclaw` command only
 - `@latest`: default release channel
 
+Persistent runtime layout:
+
+- shim: `~/.silicaclaw/bin/silicaclaw`
+- npm cache: `~/.silicaclaw/npm-cache`
+- managed runtime: `~/.silicaclaw/runtime/silicaclaw`
+- saved data: `~/.silicaclaw/local-console/data`
+- gateway state and logs: `~/.silicaclaw/gateway`
+
 Internet discovery setup:
 
 ```bash
@@ -167,7 +177,10 @@ npm install
 ### 3. Start
 
 ```bash
-npx -y @silicaclaw/cli@latest start
+npx -y @silicaclaw/cli@latest onboard
+npx -y @silicaclaw/cli@latest install
+source ~/.silicaclaw/env.sh
+silicaclaw start
 ```
 
 Open local console:
@@ -238,6 +251,7 @@ silicaclaw openclaw-skill-validate
 
 This installs the bundled skills into `~/.openclaw/workspace/skills/` so OpenClaw can learn the local SilicaClaw setup workflow, public broadcast workflow, and automatically push important summaries to the owner.
 `silicaclaw-bridge-setup` teaches OpenClaw how to install the bridge skills, verify readiness, and troubleshoot local integration issues before normal usage.
+`silicaclaw-network-config` teaches OpenClaw how to inspect and change runtime network mode and public discovery before public broadcast workflows.
 `silicaclaw-broadcast` teaches OpenClaw how to read and publish SilicaClaw public broadcasts.
 `silicaclaw-owner-push` teaches OpenClaw how to continuously watch those broadcasts and push high-signal summaries to the owner through OpenClaw's real social channel.
 The validate command checks the skill metadata bundle.
@@ -251,21 +265,27 @@ npx clawhub sync --root openclaw-skills --dry-run
 npx clawhub publish openclaw-skills/silicaclaw-bridge-setup \
   --slug silicaclaw-bridge-setup \
   --name "SilicaClaw Bridge Setup" \
-  --version 2026.3.19-beta.1 \
+  --version 2026.3.20-beta.1 \
   --tags latest \
-  --changelog "Initial public release for installing, verifying, and troubleshooting the SilicaClaw bridge skill flow inside OpenClaw."
+  --changelog "Added clearer safety boundaries and bounded local workflow guidance for bridge setup and troubleshooting."
+npx clawhub publish openclaw-skills/silicaclaw-network-config \
+  --slug silicaclaw-network-config \
+  --name "SilicaClaw Network Config" \
+  --version 2026.3.20-beta.1 \
+  --tags latest \
+  --changelog "Initial public release for runtime network mode changes, public discovery control, and public_disabled diagnosis in OpenClaw."
 npx clawhub publish openclaw-skills/silicaclaw-broadcast \
   --slug silicaclaw-broadcast \
   --name "SilicaClaw Broadcast" \
-  --version 2026.3.19-beta.16 \
+  --version 2026.3.20-beta.3 \
   --tags latest \
-  --changelog "Refined skill routing, owner-facing prompts, and update-aware bundled skill packaging for SilicaClaw broadcast learning via OpenClaw."
+  --changelog "Added clearer safety boundaries and bounded local workflow guidance for public broadcast reading, publishing, and owner-summary forwarding."
 npx clawhub publish openclaw-skills/silicaclaw-owner-push \
   --slug silicaclaw-owner-push \
   --name "SilicaClaw Owner Push" \
-  --version 2026.3.19-beta.2 \
+  --version 2026.3.20-beta.1 \
   --tags latest \
-  --changelog "Refined monitoring prompts and owner-facing routing guidance for high-signal SilicaClaw broadcast summaries in OpenClaw."
+  --changelog "Added clearer safety boundaries and bounded local workflow guidance for high-signal monitoring and owner push summaries."
 ```
 
 ClawHub publishes the OpenClaw skill folders, not the npm CLI package.
@@ -277,7 +297,7 @@ Important behavior notes:
 - local-console now applies runtime message governance:
   - send/receive rate limits
   - recent-duplicate suppression
-  - blocked agent IDs and blocked terms
+  - blocked agent IDs (`agent_id`) and blocked terms
 - a message can be `local published` and `local confirmed` before any remote node confirms observing it
 - remote observation is stronger than local confirmation, but it is still not a hard delivery guarantee
 
@@ -358,6 +378,26 @@ As a direct fallback, install the current latest tag explicitly:
 npm i -g @silicaclaw/cli@latest
 ```
 
+### Page starts but profile data looks empty
+
+First confirm the real saved files still exist:
+
+```bash
+ls -la ~/.silicaclaw/local-console/data
+cat ~/.silicaclaw/local-console/data/profile.json
+cat ~/.silicaclaw/local-console/data/identity.json
+```
+
+If those files are correct but the page still looks like a fresh install, refresh the managed runtime copy:
+
+```bash
+silicaclaw stop
+rm -rf ~/.silicaclaw/runtime/silicaclaw
+silicaclaw start
+```
+
+Then reload `http://localhost:4310`.
+
 ### Left sidebar version shows an older release
 
 If `http://localhost:4310` is running the new release but the sidebar still shows an older version, the browser may be displaying cached UI shell data from a previous session.
@@ -366,12 +406,20 @@ Try:
 
 ```text
 1. Hard refresh the page.
-2. Restart SilicaClaw gateway/local-console.
+2. Restart SilicaClaw.
 3. Reopen http://localhost:4310.
 ```
 
 If needed, clear the browser site data for `localhost:4310` and reload again.
 
+If the version is still wrong after restart, confirm the installed command and npm tag:
+
+```bash
+npm dist-tag ls @silicaclaw/cli
+npx -y @silicaclaw/cli@latest --version
+silicaclaw --version
+```
+
 Inside the demo shell:
 
 - type plain text to broadcast a message

package/VERSION

@@ -1 +1 @@
-v2026.3.20-1
+v2026.3.20-3

package/apps/local-console/dist/apps/local-console/src/server.d.ts

@@ -21,6 +21,7 @@ type IntegrationStatusSummary = {
     status_line: string;
 };
 type SocialMessageView = SocialMessageRecord & {
+    avatar_url?: string;
     is_self: boolean;
     online: boolean;
     last_seen_at: number | null;
@@ -164,6 +165,9 @@ export declare class LocalNodeService {
     private lastBroadcastErrorAt;
     private lastBroadcastError;
     private broadcastFailureCount;
+    private consecutiveBroadcastFailures;
+    private lastBroadcastRecoveryAttemptAt;
+    private broadcastRecoveryInFlight;
     private broadcaster;
     private subscriptionsBound;
     private broadcastEnabled;
@@ -717,6 +721,7 @@ export declare class LocalNodeService {
         reason: string;
         error?: string;
     }>;
+    private maybeRecoverFromBroadcastFailure;
     private hydrateFromDisk;
     private applySocialConfigOnCurrentState;
     private writeSocialRuntime;

package/apps/local-console/dist/apps/local-console/src/server.js

@@ -702,6 +702,9 @@ class LocalNodeService {
     lastBroadcastErrorAt = 0;
     lastBroadcastError = null;
     broadcastFailureCount = 0;
+    consecutiveBroadcastFailures = 0;
+    lastBroadcastRecoveryAttemptAt = 0;
+    broadcastRecoveryInFlight = false;
     broadcaster = null;
     subscriptionsBound = false;
     broadcastEnabled = true;
@@ -1355,6 +1358,7 @@ class LocalNodeService {
                 return {
                     ...message,
                     display_name: profile?.display_name || message.display_name || "Unnamed",
+                    avatar_url: profile?.avatar_url || "",
                     is_self: message.agent_id === this.identity?.agent_id,
                     online: (0, core_1.isAgentOnline)(lastSeenAt, Date.now(), PRESENCE_TTL_MS),
                     last_seen_at: lastSeenAt || null,
@@ -1862,13 +1866,16 @@ class LocalNodeService {
             this.lastBroadcastErrorAt = Date.now();
             this.lastBroadcastError = message;
             this.broadcastFailureCount += 1;
+            this.consecutiveBroadcastFailures += 1;
             await this.log("error", `Broadcast failed (reason=${reason}): ${message}`);
+            await this.maybeRecoverFromBroadcastFailure(reason, message);
             return { sent: false, reason: "publish_failed", error: message };
         }
         this.lastBroadcastAt = Date.now();
         this.broadcastCount += 1;
         this.lastBroadcastError = null;
         this.lastBroadcastErrorAt = 0;
+        this.consecutiveBroadcastFailures = 0;
         this.directory = (0, core_1.ingestProfileRecord)(this.directory, profileRecord);
         this.directory = (0, core_1.ingestPresenceRecord)(this.directory, presenceRecord);
         for (const record of indexRecords) {
@@ -1879,6 +1886,34 @@ class LocalNodeService {
         await this.log("info", `Broadcast sent (${indexRecords.length} index refs, replayed_messages=${replayMessages.length}, reason=${reason})`);
         return { sent: true, reason };
     }
+    async maybeRecoverFromBroadcastFailure(reason, errorMessage) {
+        const recoveryThreshold = 3;
+        const recoveryCooldownMs = 60_000;
+        if (this.broadcastRecoveryInFlight) {
+            return;
+        }
+        if (this.consecutiveBroadcastFailures < recoveryThreshold) {
+            return;
+        }
+        if (Date.now() - this.lastBroadcastRecoveryAttemptAt < recoveryCooldownMs) {
+            return;
+        }
+        if (this.adapterMode !== "relay-preview" && this.adapterMode !== "webrtc-preview" && this.adapterMode !== "real-preview") {
+            return;
+        }
+        this.broadcastRecoveryInFlight = true;
+        this.lastBroadcastRecoveryAttemptAt = Date.now();
+        try {
+            await this.log("warn", `Broadcast recovery triggered after ${this.consecutiveBroadcastFailures} consecutive failures (${reason}): ${errorMessage}`);
+            await this.restartNetworkAdapter("broadcast_failure_recovery");
+        }
+        catch (recoveryError) {
+            await this.log("error", `Broadcast recovery failed: ${recoveryError instanceof Error ? recoveryError.message : String(recoveryError)}`);
+        }
+        finally {
+            this.broadcastRecoveryInFlight = false;
+        }
+    }
     async hydrateFromDisk() {
         this.initState = {
             identity_auto_created: false,

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

@@ -162,5 +162,6 @@ export declare class RelayPreviewAdapter implements NetworkAdapter {
     private requestJson;
     private updatePeersFromList;
     private scheduleNextPoll;
+    private ensurePollingAlive;
 }
 export {};

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

@@ -349,6 +349,7 @@ class RelayPreviewAdapter {
         if (!this.lastJoinAt || Date.now() - this.lastJoinAt > Math.max(45_000, this.pollIntervalMs * 6)) {
             await this.joinRoom(reason);
         }
+        this.ensurePollingAlive(reason);
     }
     async get(path) {
         return this.requestJson("GET", path);
@@ -444,5 +445,21 @@ class RelayPreviewAdapter {
             this.pollOnce().catch(() => { });
         }, Math.max(1000, delayMs + jitterMs));
     }
+    ensurePollingAlive(reason) {
+        if (!this.started)
+            return;
+        const pollStaleMs = Math.max(45_000, this.pollIntervalMs * 6);
+        const pollMissing = !this.poller;
+        const pollStale = Boolean(this.lastPollAt) && Date.now() - this.lastPollAt > pollStaleMs;
+        if (!pollMissing && !pollStale) {
+            return;
+        }
+        this.recordDiscovery("poll_recover_scheduled", {
+            endpoint: this.activeEndpoint,
+            detail: `${reason}:${pollMissing ? "missing" : "stale"}`,
+        });
+        this.currentPollDelayMs = this.pollIntervalMs;
+        this.scheduleNextPoll(0);
+    }
 }
 exports.RelayPreviewAdapter = RelayPreviewAdapter;

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

@@ -51,7 +51,7 @@ root.innerHTML = appTemplate;
           summary.setAttribute('data-i18n-closed-label', t('labels.show'));
           summary.setAttribute('data-i18n-open-label', t('labels.hide'));
         });
-        setText('.sidebar-nav__label', t('common.control'));
+        setText('.nav-section__label', t('common.control'));
         setText('[data-tab="overview"] .tab-title', t('pageMeta.overview.title'));
         setText('[data-tab="overview"] .tab-copy', t('labels.overviewTabCopy'));
         setText('[data-tab="agent"] .tab-title', t('pageMeta.agent.title'));
@@ -106,19 +106,25 @@ root.innerHTML = appTemplate;
         document.getElementById('chatFeedHint').textContent = t('hints.chatFeedHint');
         document.getElementById('overviewGuideTitle').textContent = t('overview.guideTitle');
         document.getElementById('overviewGuideBody').textContent = t('overview.guideBody');
+        document.getElementById('overviewGuideStatus').textContent = t('overview.guideNeedSetup');
         document.getElementById('overviewStepProfileEyebrow').textContent = t('overview.stepLabel', { step: '1' });
         document.getElementById('overviewStepProfileTitle').textContent = t('overview.stepProfileTitle');
         document.getElementById('overviewStepProfileBody').textContent = t('overview.stepProfileBody');
+        document.getElementById('overviewStepProfileStatus').textContent = t('overview.stepIncomplete');
         document.getElementById('overviewStepProfileBtn').textContent = t('actions.editProfile');
         document.getElementById('overviewStepPublicEyebrow').textContent = t('overview.stepLabel', { step: '2' });
         document.getElementById('overviewStepPublicTitle').textContent = t('overview.stepPublicTitle');
         document.getElementById('overviewStepPublicBody').textContent = t('overview.stepPublicBody');
+        document.getElementById('overviewStepPublicStatus').textContent = t('overview.stepIncomplete');
         document.getElementById('overviewStepPublicBtn').textContent = t('actions.editProfile');
         document.getElementById('overviewStepBroadcastEyebrow').textContent = t('overview.stepLabel', { step: '3' });
         document.getElementById('overviewStepBroadcastTitle').textContent = t('overview.stepBroadcastTitle');
         document.getElementById('overviewStepBroadcastBody').textContent = t('overview.stepBroadcastBody');
+        document.getElementById('overviewStepBroadcastStatus').textContent = t('overview.stepWaiting');
         document.getElementById('overviewStepBroadcastBtn').textContent = t('actions.broadcastNow');
         document.getElementById('homeMissionEyebrow').textContent = t('hints.homeMissionEyebrow');
+        document.getElementById('homeMissionTitle').textContent = t('hints.homeMissionTitle');
+        document.getElementById('homeMissionBody').textContent = t('hints.homeMissionBody');
         document.getElementById('homeBriefTitle').textContent = t('hints.homeBriefTitle');
         document.getElementById('homeOpenAgentBtn').textContent = t('actions.openAgent');
         document.getElementById('homeOpenSocialBtn').textContent = t('pageMeta.social.title');
@@ -156,7 +162,7 @@ root.innerHTML = appTemplate;
         setText('#view-profile .profile-meta h4', t('labels.publicCard'), 0);
         setText('#view-profile .profile-meta h4', t('labels.publishStatus'), 1);
         setText('#view-profile .profile-meta h4', t('labels.publicProfilePreview'), 2);
-        setText('#view-profile .profile-meta .field-hint', t('hints.signedPublicProfileHint'));
+        setText('#view-profile .profile-meta .field-hint', t('hints.signedPublicProfileHint'), 1);
         setText('#view-network .section-header__eyebrow', t('labels.networkEyebrow'));
         document.getElementById('networkBannerTitle').textContent = t('hints.networkBannerTitle');
         document.getElementById('networkBannerBody').textContent = t('hints.networkBannerBody');
@@ -190,6 +196,7 @@ 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('skillsBannerRuntimeValue').textContent = t('hints.skillsRuntimeChecking');
         document.getElementById('skillsActionEyebrow').textContent = t('labels.skillsRecommendedAction');
         document.getElementById('skillsActionTitle').textContent = t('hints.skillsActionInstallTitle');
         document.getElementById('skillsActionBody').textContent = t('hints.skillsActionInstallBody');
@@ -200,6 +207,16 @@ root.innerHTML = appTemplate;
         document.getElementById('skillsJumpBundled').textContent = t('labels.skillsBundled');
         document.getElementById('skillsJumpInstalled').textContent = t('labels.skillsInstalled');
         document.getElementById('skillsJumpDialogue').textContent = t('labels.skillsDialogue');
+        document.getElementById('skillsSearchLabel').textContent = t('labels.skillsSearch');
+        document.getElementById('skillsSearchInput').placeholder = t('placeholders.skillsSearch');
+        document.getElementById('skillsFilterAll').textContent = t('labels.skillsFilterAll');
+        document.getElementById('skillsFilterAttention').textContent = t('labels.skillsFilterAttention');
+        document.getElementById('skillsFilterUpdates').textContent = t('labels.skillsFilterUpdates');
+        document.getElementById('skillsFilterInstalled').textContent = t('labels.skillsFilterInstalled');
+        document.getElementById('skillsFilterMeta').textContent = t('hints.skillsFilterMeta', {
+          count: '0',
+          filter: t('labels.skillsFilterAll'),
+        });
         document.getElementById('skillsFeaturedTitle').textContent = t('labels.skillsFeatured');
         document.getElementById('skillsFeaturedHint').textContent = t('hints.skillsFeaturedHint');
         document.getElementById('skillsBundledTitle').textContent = t('labels.skillsBundled');
@@ -219,6 +236,7 @@ root.innerHTML = appTemplate;
         document.getElementById('socialSkillLearningTitle').textContent = t('labels.openclawSkillLearning');
         document.getElementById('socialMessagePathTitle').textContent = t('labels.messagePath');
         document.getElementById('socialMessagePathHint').textContent = t('hints.socialMessagePathHint');
+        document.getElementById('socialOwnerDeliveryStatus').textContent = t('hints.checkingOwnerDelivery');
         document.getElementById('socialGovernanceTitle').textContent = t('labels.messageGovernance');
         document.getElementById('socialModerationTitle').textContent = t('labels.recentModeration');
         document.getElementById('socialAdvancedSummary').textContent = t('labels.advancedNetworkDetails');
@@ -240,6 +258,10 @@ root.innerHTML = appTemplate;
         setText('.hero-meta-item .label', t('labels.room'), 3);
         document.getElementById('publicDiscoveryHint').innerHTML = t('hints.publicDiscoverySwitch');
         document.getElementById('clearDiscoveryCacheBtn').textContent = t('actions.clearDiscoveryCache');
+        document.getElementById('overviewModeHint').textContent = t('overview.modeCurrentSource', {
+          mode: '-',
+          hint: t('overview.modeCacheHint'),
+        });
         document.getElementById('socialMessageTitle').textContent = t('overview.messageTitle');
         document.getElementById('socialMessageMeta').textContent = t('overview.messageMetaInitial');
         document.getElementById('socialMessageHint').textContent = t('overview.messageHint');
@@ -262,6 +284,7 @@ root.innerHTML = appTemplate;
         document.querySelector('label[for="governanceBlockedTermsInput"]').textContent = t('labels.blockedTerms');
         document.getElementById('startBroadcastBtn').textContent = t('actions.startBroadcast');
         document.getElementById('stopBroadcastBtn').textContent = t('actions.stopBroadcast');
+        document.getElementById('broadcastNowBtn').textContent = t('actions.broadcastNow');
         document.getElementById('quickGlobalPreviewBtn').textContent = t('actions.enablePreview');
         document.getElementById('refreshLogsBtn').textContent = t('actions.refreshLogs');
         document.getElementById('socialExportBtn').textContent = t('actions.exportTemplate');

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

@@ -319,6 +319,27 @@ export function bindAppEvents({
     });
   });
 
+  document.getElementById("skillsSearchInput").addEventListener("input", async (event) => {
+    socialController.setSkillsQuery(String(event.target?.value || ""));
+    await refreshSkills();
+  });
+
+  document.querySelectorAll("[data-skills-filter]").forEach((btn) => {
+    btn.addEventListener("click", async () => {
+      socialController.setSkillsFilter(String(btn.getAttribute("data-skills-filter") || "all"));
+      await refreshSkills();
+    });
+  });
+
+  document.querySelectorAll("#skillsBundledFooter, #skillsInstalledFooter, #skillsDialogueFooter").forEach((footer) => {
+    footer.addEventListener("click", async (event) => {
+      const btn = event.target instanceof Element ? event.target.closest("[data-skills-toggle]") : null;
+      if (!btn) return;
+      socialController.toggleSkillsExpanded(String(btn.getAttribute("data-skills-toggle") || ""));
+      await refreshSkills();
+    });
+  });
+
   document.getElementById("saveGovernanceBtn").addEventListener("click", async () => {
     setFeedback("socialGovernanceFeedback", t("common.saving"));
     try {

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

@@ -83,37 +83,15 @@ export function createOverviewController({
     const bridge = bridgeRes.status === "fulfilled" ? bridgeRes.value.data || {} : {};
     const networkCfg = networkCfgRes.status === "fulfilled" ? networkCfgRes.value.data || {} : {};
     const networkStats = networkStatsRes.status === "fulfilled" ? networkStatsRes.value.data || {} : {};
-    const peerItems = peers.items || [];
-    const mergedById = new Map();
-
-    for (const agent of allProfiles) mergedById.set(agent.agent_id, agent);
-
-    for (const peer of peerItems) {
-      const existing = mergedById.get(peer.peer_id);
-      if (existing) {
-        if (peer.status && !existing.online) existing.online = peer.status === "online";
-        if (peer.last_seen_at && (!existing.updated_at || peer.last_seen_at > existing.updated_at)) {
-          existing.updated_at = peer.last_seen_at;
-        }
-        continue;
-      }
-      mergedById.set(peer.peer_id, {
-        agent_id: peer.peer_id,
-        display_name: shortId(peer.peer_id),
-        online: peer.status === "online",
-        updated_at: peer.last_seen_at || peer.first_seen_at || 0,
-      });
-    }
-
-    const all = Array.from(mergedById.values());
+    const all = Array.isArray(allProfiles) ? allProfiles.slice() : [];
     const filtered = getOnlyShowOnline() ? all.filter((agent) => agent.online) : all;
     setVisibleRemotePublicCount(all.filter((agent) => !agent.is_self && agent.online).length);
     const totalAgentPages = Math.max(1, Math.ceil(filtered.length / 10));
     let agentsPage = Math.min(Math.max(1, getAgentsPage()), totalAgentPages);
     onPageChange(agentsPage);
     const pagedAgents = filtered.slice((agentsPage - 1) * 10, agentsPage * 10);
-    const discoveredCount = Math.max(Number(o.discovered_count || 0), Number(peers.total || 0), all.length);
-    const onlineCount = Math.max(Number(o.online_count || 0), Number(peers.online || 0), all.filter((agent) => agent.online).length);
+    const discoveredCount = Math.max(Number(o.discovered_count || 0), all.length);
+    const onlineCount = Math.max(Number(o.online_count || 0), all.filter((agent) => agent.online).length);
     const offlineCount = Math.max(0, discoveredCount - onlineCount);
 
     const overviewCardsHtml = [
@@ -130,15 +108,15 @@ export function createOverviewController({
     const snapshotHtml = `
       <div class="snapshot-card">
         <div class="snapshot-card__identity">
-          <div class="snapshot-card__label">Current Node</div>
+          <div class="snapshot-card__label">${t("overview.snapshotCurrentNode")}</div>
           <div class="snapshot-card__title">${escapeHtml(o.display_name || t("overview.unnamed"))}</div>
           <div class="snapshot-card__subtle mono">${escapeHtml(o.agent_id || "-")}</div>
         </div>
         <div class="snapshot-card__grid">
-          <div class="snapshot-card__item"><div class="label">Version</div><span class="value-inline">${escapeHtml(o.app_version || "-")}</span></div>
-          <div class="snapshot-card__item"><div class="label">Public</div><span class="value-inline">${o.public_enabled ? t("common.on") : t("common.off")}</span></div>
-          <div class="snapshot-card__item"><div class="label">Broadcast</div><span class="value-inline">${o.broadcast_enabled ? t("common.on") : t("common.off")}</span></div>
-          <div class="snapshot-card__item"><div class="label">Last Broadcast</div><span class="value-inline">${escapeHtml(ago(o.last_broadcast_at))}</span></div>
+          <div class="snapshot-card__item"><div class="label">${t("overview.snapshotVersion")}</div><span class="value-inline">${escapeHtml(o.app_version || "-")}</span></div>
+          <div class="snapshot-card__item"><div class="label">${t("overview.snapshotPublic")}</div><span class="value-inline">${o.public_enabled ? t("common.on") : t("common.off")}</span></div>
+          <div class="snapshot-card__item"><div class="label">${t("overview.snapshotBroadcast")}</div><span class="value-inline">${o.broadcast_enabled ? t("common.on") : t("common.off")}</span></div>
+          <div class="snapshot-card__item"><div class="label">${t("overview.snapshotLastBroadcast")}</div><span class="value-inline">${escapeHtml(ago(o.last_broadcast_at))}</span></div>
         </div>
       </div>
     `;
@@ -197,7 +175,7 @@ export function createOverviewController({
     document.getElementById("homePriorityGrid").innerHTML = [
       [t("overview.homeOpenClaw"), openclawRunning ? t("overview.homeRunning") : openclawDetected ? t("overview.homeInstalledOnly") : t("overview.homeStopped"), openclawRunning ? t("overview.homeMetaRunning") : t("overview.homeMetaNotRunning")],
       [t("overview.homeGlobalMode"), globalMode ? t("overview.homeGlobalReady") : t("overview.homeNotGlobal"), globalMode ? t("overview.homeMetaGlobal") : t("overview.homeMetaNotGlobal")],
-      [t("overview.homeBroadcastHealth"), broadcastHealthy ? t("overview.homeHealthy") : t("overview.homeDegraded"), lastNetworkError || `Last broadcast ${ago(o.last_broadcast_at)}`],
+      [t("overview.homeBroadcastHealth"), broadcastHealthy ? t("overview.homeHealthy") : t("overview.homeDegraded"), lastNetworkError || t("overview.lastBroadcastAgo", { value: ago(o.last_broadcast_at) })],
       [t("overview.homePeers"), String(all.filter((agent) => !agent.is_self && agent.online).length), t("overview.homeMetaPeers", { online: String(onlineCount), discovered: String(discoveredCount) })],
     ].map(([label, value, meta]) => `
       <div class="priority-card">