@silicaclaw/cli 2026.3.20-13 → 2026.3.20-14

package/CHANGELOG.md

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

package/VERSION

@@ -1 +1 @@
-v2026.3.20-13
+v2026.3.20-14

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

@@ -623,6 +623,7 @@ export declare class LocalNodeService {
     getIdentity(): AgentIdentity | null;
     getSocialMessages(limit?: number, options?: {
         agent_id?: string | null;
+        offset?: number | null;
     }): {
         total: number;
         items: SocialMessageView[];
@@ -656,7 +657,10 @@ export declare class LocalNodeService {
         last_message_at: number | null;
         unread_count: number;
     }>;
-    getPrivateMessages(conversationId: string, limit?: number): PrivateMessageView[];
+    getPrivateMessages(conversationId: string, limit?: number, offset?: number): {
+        total: number;
+        items: PrivateMessageView[];
+    };
     sendPrivateMessage(input: {
         to_agent_id: string;
         recipient_encryption_public_key: string;

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

@@ -1580,6 +1580,7 @@ class LocalNodeService {
     }
     getSocialMessages(limit = 50, options) {
         const resolvedLimit = Math.max(1, Math.min(200, Number(limit) || 50));
+        const resolvedOffset = Math.max(0, Number(options?.offset) || 0);
         this.ensureLocalDirectoryBaseline();
         this.compactCacheInMemory();
         const agentId = String(options?.agent_id || "").trim();
@@ -1588,7 +1589,7 @@ class LocalNodeService {
             : this.socialMessages;
         return {
             total: filtered.length,
-            items: filtered.slice(0, resolvedLimit).map((message) => {
+            items: filtered.slice(resolvedOffset, resolvedOffset + resolvedLimit).map((message) => {
                 const profile = this.directory.profiles[message.agent_id];
                 const lastSeenAt = this.directory.presence[message.agent_id] ?? 0;
                 const observations = this.socialMessageObservations.filter((item) => item.message_id === message.message_id);
@@ -1650,11 +1651,12 @@ class LocalNodeService {
         }
         return Array.from(conversations.values()).sort((a, b) => (b.last_message_at || 0) - (a.last_message_at || 0));
     }
-    getPrivateMessages(conversationId, limit = PRIVATE_MESSAGE_QUERY_LIMIT) {
+    getPrivateMessages(conversationId, limit = PRIVATE_MESSAGE_QUERY_LIMIT, offset = 0) {
         const normalizedConversationId = String(conversationId || "").trim();
         const resolvedLimit = Math.max(1, Math.min(PRIVATE_MESSAGE_QUERY_LIMIT, Number(limit) || PRIVATE_MESSAGE_QUERY_LIMIT));
+        const resolvedOffset = Math.max(0, Number(offset) || 0);
         const receiptsByMessageId = new Map(this.privateMessageReceipts.map((receipt) => [receipt.message_id, receipt.status]));
-        return this.privateMessages
+        const filtered = this.privateMessages
             .filter((message) => {
             if (message.from_agent_id === message.to_agent_id) {
                 return false;
@@ -1665,20 +1667,24 @@ class LocalNodeService {
             }
             return !normalizedConversationId || message.conversation_id === normalizedConversationId;
         })
-            .sort((a, b) => a.created_at - b.created_at)
-            .slice(-resolvedLimit)
-            .map((message) => ({
-            message_id: message.message_id,
-            conversation_id: message.conversation_id,
-            from_agent_id: message.from_agent_id,
-            to_agent_id: message.to_agent_id,
-            body: this.decryptPrivateMessageBody(message),
-            created_at: message.created_at,
-            is_self: message.from_agent_id === this.identity?.agent_id,
-            delivery_status: receiptsByMessageId.get(message.message_id) ||
-                this.privateMessageDeliveryStatusCache.get(message.message_id) ||
-                (message.from_agent_id === this.identity?.agent_id ? "fallback-sent" : "sent"),
-        }));
+            .sort((a, b) => a.created_at - b.created_at);
+        const total = filtered.length;
+        const paged = filtered.slice(Math.max(0, total - resolvedOffset - resolvedLimit), Math.max(0, total - resolvedOffset));
+        return {
+            total,
+            items: paged.map((message) => ({
+                message_id: message.message_id,
+                conversation_id: message.conversation_id,
+                from_agent_id: message.from_agent_id,
+                to_agent_id: message.to_agent_id,
+                body: this.decryptPrivateMessageBody(message),
+                created_at: message.created_at,
+                is_self: message.from_agent_id === this.identity?.agent_id,
+                delivery_status: receiptsByMessageId.get(message.message_id) ||
+                    this.privateMessageDeliveryStatusCache.get(message.message_id) ||
+                    (message.from_agent_id === this.identity?.agent_id ? "fallback-sent" : "sent"),
+            })),
+        };
     }
     async sendPrivateMessage(input) {
         if (!this.identity || !this.privateEncryptionKeyPair) {
@@ -1727,7 +1733,7 @@ class LocalNodeService {
             await this.publish(PRIVATE_MESSAGE_TOPIC, message);
         }
         this.privateMessageDeliveryStatusCache.set(message.message_id, reason);
-        const view = this.getPrivateMessages(message.conversation_id).find((item) => item.message_id === message.message_id);
+        const view = this.getPrivateMessages(message.conversation_id, PRIVATE_MESSAGE_QUERY_LIMIT, 0).items.find((item) => item.message_id === message.message_id);
         if (view) {
             view.delivery_status = reason;
         }
@@ -3714,7 +3720,7 @@ async function main() {
             catch {
                 // best effort after response has been sent
             }
-        }, 150);
+        }, 1200);
     }));
     app.put("/api/profile", asyncRoute(async (req, res) => {
         const body = req.body;
@@ -3811,8 +3817,9 @@ async function main() {
     }));
     app.get("/api/messages", (req, res) => {
         const limit = Number(req.query.limit ?? 50);
+        const offset = Number(req.query.offset ?? 0);
         const agentId = String(req.query.agent_id ?? "").trim();
-        sendOk(res, node.getSocialMessages(limit, { agent_id: agentId || null }));
+        sendOk(res, node.getSocialMessages(limit, { agent_id: agentId || null, offset }));
     });
     app.get("/api/private/state", (_req, res) => {
         sendOk(res, node.getPrivateMessagingState());
@@ -3823,7 +3830,8 @@ async function main() {
     app.get("/api/private/messages", (req, res) => {
         const conversationId = String(req.query.conversation_id ?? "").trim();
         const limit = Number(req.query.limit ?? PRIVATE_MESSAGE_QUERY_LIMIT);
-        sendOk(res, node.getPrivateMessages(conversationId, limit));
+        const offset = Number(req.query.offset ?? 0);
+        sendOk(res, node.getPrivateMessages(conversationId, limit, offset));
     });
     app.post("/api/private/messages/send", asyncRoute(async (req, res) => {
         const result = await node.sendPrivateMessage({
@@ -3850,8 +3858,9 @@ async function main() {
     });
     app.get("/api/openclaw/bridge/messages", (req, res) => {
         const limit = Number(req.query.limit ?? 50);
+        const offset = Number(req.query.offset ?? 0);
         const agentId = String(req.query.agent_id ?? "").trim();
-        sendOk(res, node.getSocialMessages(limit, { agent_id: agentId || null }));
+        sendOk(res, node.getSocialMessages(limit, { agent_id: agentId || null, offset }));
     });
     app.post("/api/openclaw/bridge/message", asyncRoute(async (req, res) => {
         const body = String(req.body?.body || "");
@@ -3967,9 +3976,16 @@ async function main() {
         let html = (0, fs_1.readFileSync)(staticIndexFile, "utf8");
         html = html.replace("</body>", `${renderBootstrapScript(payload)}\n</body>`);
         res.setHeader("Content-Type", "text/html; charset=utf-8");
+        res.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");
         res.send(html);
     });
-    app.use(express_1.default.static(staticDir));
+    app.use(express_1.default.static(staticDir, {
+        etag: false,
+        lastModified: false,
+        setHeaders: (res) => {
+            res.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");
+        },
+    }));
     app.use((error, _req, res, _next) => {
         const message = error instanceof Error ? error.message : "Unknown error";
         sendError(res, 500, "INTERNAL_ERROR", message);

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

@@ -28,6 +28,7 @@ if (!root) {
 }
 root.innerHTML = appTemplate;
 const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
+const PAGING_STATE_STORAGE_KEY = 'silicaclaw_ui_paging_state';
 
       const i18n = createI18n(TRANSLATIONS);
       const DEFAULT_LOCALE = i18n.DEFAULT_LOCALE;
@@ -52,7 +53,9 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
           summary.setAttribute('data-i18n-closed-label', t('labels.show'));
           summary.setAttribute('data-i18n-open-label', t('labels.hide'));
         });
-        setText('.nav-section__label', t('common.control'));
+        setText('.nav-section__label', t('common.workspace'), 0);
+        setText('.nav-section__label', t('common.messages'), 1);
+        setText('.nav-section__label', t('common.networkGroup'), 2);
         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'));
@@ -120,6 +123,12 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
         document.getElementById('privateTargetIdLabel').textContent = t('social.agentId');
         document.getElementById('privateMessageSendBtn').textContent = t('actions.sendPrivateMessage');
         document.getElementById('privateRefreshBtn').textContent = t('actions.refreshPrivate');
+        document.getElementById('socialMessagePrevPageBtn').textContent = t('overview.prevPage');
+        document.getElementById('socialMessageNextPageBtn').textContent = t('overview.nextPage');
+        document.getElementById('privateConversationPrevPageBtn').textContent = t('overview.prevPage');
+        document.getElementById('privateConversationNextPageBtn').textContent = t('overview.nextPage');
+        document.getElementById('privateMessagePrevPageBtn').textContent = t('overview.prevPage');
+        document.getElementById('privateMessageNextPageBtn').textContent = t('overview.nextPage');
         document.getElementById('chatFeedHint').textContent = t('hints.chatFeedHint');
         document.getElementById('overviewGuideTitle').textContent = t('overview.guideTitle');
         document.getElementById('overviewGuideBody').textContent = t('overview.guideBody');
@@ -552,6 +561,7 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
       let activeTab = 'overview';
       let logsCache = [];
       let socialMessagesCache = [];
+      let socialMessagePage = 1;
       let logLevelFilter = 'all';
       let socialTemplate = '';
       let socialModeDirty = false;
@@ -562,6 +572,11 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
       let privateState = null;
       let privateConversations = [];
       let privateMessages = [];
+      let privateConversationPage = 1;
+      const PRIVATE_CONVERSATION_PAGE_SIZE = 12;
+      let privateMessagesTotal = 0;
+      let privateMessagePage = 1;
+      const PRIVATE_MESSAGE_PAGE_SIZE = 20;
       let privateTarget = null;
       let selectedPrivateConversationId = '';
       let overviewMode = 'lan';
@@ -570,6 +585,29 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
       const AGENTS_PAGE_SIZE = 10;
       const pageMeta = TRANSLATIONS[currentLocale].pageMeta || TRANSLATIONS[DEFAULT_LOCALE].pageMeta;
 
+      function loadPagingState() {
+        try {
+          const raw = localStorage.getItem(PAGING_STATE_STORAGE_KEY);
+          if (!raw) return null;
+          return JSON.parse(raw);
+        } catch {
+          return null;
+        }
+      }
+
+      function savePagingState() {
+        try {
+          localStorage.setItem(PAGING_STATE_STORAGE_KEY, JSON.stringify({
+            socialMessagePage,
+            privateConversationPage,
+            privateMessagePage,
+            selectedPrivateConversationId,
+          }));
+        } catch {
+          // ignore localStorage failures
+        }
+      }
+
       async function api(path, options = {}) {
         const res = await fetch(path, { headers: { 'Content-Type': 'application/json' }, ...options });
         const json = await res.json().catch(() => null);
@@ -704,8 +742,12 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
           : 'Private messaging unavailable';
         document.getElementById('privateTargetName').value = privateTarget?.display_name || '';
         document.getElementById('privateTargetAgentId').value = privateTarget?.agent_id || '';
-        document.getElementById('privateConversationList').innerHTML = privateConversations.length
-          ? privateConversations.map((item) => `
+        const conversationTotalPages = Math.max(1, Math.ceil((privateConversations.length || 0) / PRIVATE_CONVERSATION_PAGE_SIZE));
+        const conversationCurrentPage = Math.min(privateConversationPage, conversationTotalPages);
+        const conversationOffset = Math.max(0, (conversationCurrentPage - 1) * PRIVATE_CONVERSATION_PAGE_SIZE);
+        const visibleConversations = privateConversations.slice(conversationOffset, conversationOffset + PRIVATE_CONVERSATION_PAGE_SIZE);
+        document.getElementById('privateConversationList').innerHTML = visibleConversations.length
+          ? visibleConversations.map((item) => `
               <button class="agent-card" type="button" data-private-conversation="${escapeHtml(item.conversation_id)}">
                 <div class="agent-card__avatar-fallback">${escapeHtml(((item.peer_display_name || item.peer_agent_id || '?')[0] || '?').toUpperCase())}</div>
                 <div class="agent-card__main">
@@ -717,6 +759,12 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
               </button>
             `).join('')
           : `<div class="empty-state">No private conversations yet.</div>`;
+        document.getElementById('privateConversationPageMeta').textContent = t('overview.pageStatus', {
+          page: String(conversationCurrentPage),
+          total: String(conversationTotalPages),
+        });
+        document.getElementById('privateConversationPrevPageBtn').disabled = conversationCurrentPage <= 1;
+        document.getElementById('privateConversationNextPageBtn').disabled = conversationCurrentPage >= conversationTotalPages;
         document.getElementById('privateMessageList').innerHTML = privateMessages.length
           ? privateMessages.map((item) => `
               <div class="log-item">
@@ -731,6 +779,14 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
               </div>
             `).join('')
           : `<div class="empty-state">No private messages yet.</div>`;
+        const totalPages = Math.max(1, Math.ceil((privateMessagesTotal || 0) / PRIVATE_MESSAGE_PAGE_SIZE));
+        const currentPage = Math.min(privateMessagePage, totalPages);
+        document.getElementById('privateMessagePageMeta').textContent = t('overview.pageStatus', {
+          page: String(currentPage),
+          total: String(totalPages),
+        });
+        document.getElementById('privateMessagePrevPageBtn').disabled = currentPage <= 1;
+        document.getElementById('privateMessageNextPageBtn').disabled = currentPage >= totalPages;
       }
 
       async function refreshPrivate() {
@@ -740,6 +796,8 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
         ]);
         privateState = stateRes.data || null;
         privateConversations = Array.isArray(conversationsRes.data) ? conversationsRes.data : [];
+        const conversationTotalPages = Math.max(1, Math.ceil((privateConversations.length || 0) / PRIVATE_CONVERSATION_PAGE_SIZE));
+        privateConversationPage = Math.min(privateConversationPage, conversationTotalPages);
         if ((!privateTarget || privateTarget.agent_id === privateState?.agent_id) && privateConversations[0]) {
           const first = privateConversations[0];
           privateTarget = {
@@ -758,16 +816,22 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
           };
         }
         if (selectedPrivateConversationId) {
-          const messageRes = await api(`/api/private/messages?conversation_id=${encodeURIComponent(selectedPrivateConversationId)}&limit=100`);
-          privateMessages = Array.isArray(messageRes.data) ? messageRes.data : [];
+          const offset = Math.max(0, (privateMessagePage - 1) * PRIVATE_MESSAGE_PAGE_SIZE);
+          const messageRes = await api(`/api/private/messages?conversation_id=${encodeURIComponent(selectedPrivateConversationId)}&limit=${PRIVATE_MESSAGE_PAGE_SIZE}&offset=${offset}`);
+          privateMessages = Array.isArray(messageRes.data?.items) ? messageRes.data.items : [];
+          privateMessagesTotal = Number(messageRes.data?.total || 0);
         } else {
           privateMessages = [];
+          privateMessagesTotal = 0;
         }
         renderPrivate();
       }
 
       const renderSocialMessages = socialController.renderSocialMessages;
       const refreshMessages = socialController.refreshMessages;
+      const nextSocialMessagesPage = socialController.nextSocialMessagesPage;
+      const prevSocialMessagesPage = socialController.prevSocialMessagesPage;
+      const setSocialMessagesPage = socialController.setSocialMessagesPage;
 
       const refreshNetwork = networkController.refreshNetwork;
       const refreshPeers = networkController.refreshPeers;
@@ -870,6 +934,9 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
           display_name: String(button.getAttribute('data-private-name') || ''),
           private_encryption_public_key: String(button.getAttribute('data-private-key') || ''),
         };
+        privateConversationPage = 1;
+        privateMessagePage = 1;
+        savePagingState();
         selectedPrivateConversationId = [privateState?.agent_id || '', privateTarget.agent_id].sort().join(':');
         switchTab('private');
       });
@@ -886,6 +953,8 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
             private_encryption_public_key: selectedConversation.peer_public_key,
           };
         }
+        privateMessagePage = 1;
+        savePagingState();
         await refreshPrivate();
       });
 
@@ -893,6 +962,36 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
         await refreshPrivate();
       });
 
+      document.getElementById('privateConversationPrevPageBtn').addEventListener('click', async () => {
+        if (privateConversationPage <= 1) return;
+        privateConversationPage -= 1;
+        savePagingState();
+        renderPrivate();
+      });
+
+      document.getElementById('privateConversationNextPageBtn').addEventListener('click', async () => {
+        const totalPages = Math.max(1, Math.ceil((privateConversations.length || 0) / PRIVATE_CONVERSATION_PAGE_SIZE));
+        if (privateConversationPage >= totalPages) return;
+        privateConversationPage += 1;
+        savePagingState();
+        renderPrivate();
+      });
+
+      document.getElementById('privateMessagePrevPageBtn').addEventListener('click', async () => {
+        if (privateMessagePage <= 1) return;
+        privateMessagePage -= 1;
+        savePagingState();
+        await refreshPrivate();
+      });
+
+      document.getElementById('privateMessageNextPageBtn').addEventListener('click', async () => {
+        const totalPages = Math.max(1, Math.ceil((privateMessagesTotal || 0) / PRIVATE_MESSAGE_PAGE_SIZE));
+        if (privateMessagePage >= totalPages) return;
+        privateMessagePage += 1;
+        savePagingState();
+        await refreshPrivate();
+      });
+
       document.getElementById('privateMessageSendBtn').addEventListener('click', async () => {
         const body = String(document.getElementById('privateMessageInput').value || '').trim();
         if (!privateTarget?.agent_id || !privateTarget?.private_encryption_public_key) {
@@ -919,12 +1018,37 @@ const APP_UPDATE_SESSION_KEY = 'silicaclaw_pending_updated_version';
           });
           document.getElementById('privateMessageInput').value = '';
           setFeedback('privateFeedback', result.meta?.message || 'Private message sent.');
+          privateMessagePage = 1;
+          savePagingState();
           await refreshPrivate();
         } catch (error) {
           setFeedback('privateFeedback', error instanceof Error ? error.message : 'Private message failed.', 'error');
         }
       });
 
+      document.getElementById('socialMessagePrevPageBtn').addEventListener('click', async () => {
+        prevSocialMessagesPage();
+        socialMessagePage = Math.max(1, socialMessagePage - 1);
+        savePagingState();
+        await refreshMessages();
+      });
+
+      document.getElementById('socialMessageNextPageBtn').addEventListener('click', async () => {
+        nextSocialMessagesPage();
+        socialMessagePage += 1;
+        savePagingState();
+        await refreshMessages();
+      });
+
+      const persistedPagingState = loadPagingState();
+      if (persistedPagingState && typeof persistedPagingState === 'object') {
+        socialMessagePage = Math.max(1, Number(persistedPagingState.socialMessagePage) || 1);
+        privateConversationPage = Math.max(1, Number(persistedPagingState.privateConversationPage) || 1);
+        privateMessagePage = Math.max(1, Number(persistedPagingState.privateMessagePage) || 1);
+        selectedPrivateConversationId = String(persistedPagingState.selectedPrivateConversationId || '').trim();
+        setSocialMessagesPage(socialMessagePage);
+      }
+
       applyTheme(localStorage.getItem('silicaclaw_theme_mode') || 'dark');
       hydrateCachedShell();
       document.getElementById('brandUpdateBtn').addEventListener('click', () => {

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

@@ -26,8 +26,11 @@ export function createSocialController({
 }) {
   const SKILLS_SECTION_LIMIT = 4;
   const SKILLS_DIALOGUE_LIMIT = 1;
+  const SOCIAL_MESSAGE_PAGE_SIZE = 20;
   let lastMessagesRenderKey = "";
   let lastLogsRenderKey = "";
+  let socialMessagesPage = 1;
+  let socialMessagesTotal = 0;
   const sectionRenderCache = new Map();
   let skillsQuery = "";
   let skillsFilter = "all";
@@ -165,6 +168,18 @@ export function createSocialController({
           seconds: String(Math.floor((governance.send_limit?.window_ms || 60000) / 1000)),
         })}`
       : t("overview.messageHint");
+    const totalPages = Math.max(1, Math.ceil((socialMessagesTotal || 0) / SOCIAL_MESSAGE_PAGE_SIZE));
+    const currentPage = Math.min(socialMessagesPage, totalPages);
+    const updatePager = () => {
+      const pageMetaEl = document.getElementById("socialMessagePageMeta");
+      const prevBtn = document.getElementById("socialMessagePrevPageBtn");
+      const nextBtn = document.getElementById("socialMessageNextPageBtn");
+      if (pageMetaEl) {
+        pageMetaEl.textContent = t("overview.pageStatus", { page: String(currentPage), total: String(totalPages) });
+      }
+      if (prevBtn) prevBtn.disabled = currentPage <= 1;
+      if (nextBtn) nextBtn.disabled = currentPage >= totalPages;
+    };
     if (!socialMessagesCache.length) {
       const nextMeta = t("overview.noMessagesMeta");
       const nextHtml = `<div class="empty-state">${t("overview.noMessagesEmpty")}</div>`;
@@ -173,6 +188,7 @@ export function createSocialController({
         hintEl.textContent = governanceHint;
         metaEl.textContent = nextMeta;
         listEl.innerHTML = nextHtml;
+        updatePager();
         lastMessagesRenderKey = renderKey;
       }
       return;
@@ -194,7 +210,6 @@ export function createSocialController({
         })}`
       : "";
     const nextMeta = `${baseMeta}${governanceMeta}`;
-
     if (!filteredMessages.length) {
       const nextHtml = `<div class="empty-state">${t("overview.noMessagesEmpty")}</div>`;
       const renderKey = JSON.stringify({ hint: governanceHint, meta: nextMeta, html: nextHtml });
@@ -202,6 +217,7 @@ export function createSocialController({
         hintEl.textContent = governanceHint;
         metaEl.textContent = nextMeta;
         listEl.innerHTML = nextHtml;
+        updatePager();
         lastMessagesRenderKey = renderKey;
       }
       return;
@@ -285,13 +301,16 @@ export function createSocialController({
     hintEl.textContent = governanceHint;
     metaEl.textContent = nextMeta;
     listEl.innerHTML = nextHtml;
+    updatePager();
     lastMessagesRenderKey = renderKey;
   }
 
   async function refreshMessages() {
-    const result = await api("/api/messages?limit=50");
+    const offset = Math.max(0, (socialMessagesPage - 1) * SOCIAL_MESSAGE_PAGE_SIZE);
+    const result = await api(`/api/messages?limit=${SOCIAL_MESSAGE_PAGE_SIZE}&offset=${offset}`);
     setSocialMessagesCache(Array.isArray(result.data?.items) ? result.data.items : []);
     setSocialMessageGovernance(result.data?.governance || null);
+    socialMessagesTotal = Number(result.data?.total || 0);
     renderSocialMessages();
   }
 
@@ -879,6 +898,14 @@ export function createSocialController({
     refreshSocial,
     renderLogs,
     renderSocialMessages,
+    nextSocialMessagesPage: () => {
+      const totalPages = Math.max(1, Math.ceil((socialMessagesTotal || 0) / SOCIAL_MESSAGE_PAGE_SIZE));
+      socialMessagesPage = Math.min(totalPages, socialMessagesPage + 1);
+    },
+    prevSocialMessagesPage: () => {
+      socialMessagesPage = Math.max(1, socialMessagesPage - 1);
+    },
+    setSocialMessagesPage: (page) => { socialMessagesPage = Math.max(1, Number(page) || 1); },
     setSkillsFilter,
     setSkillsQuery,
     setLogLevelFilter,

package/apps/local-console/public/app/styles.css

@@ -394,8 +394,8 @@
       .nav-section {
         display: grid;
         align-content: start;
-        gap: 6px;
-        margin-bottom: 10px;
+        gap: 8px;
+        margin-bottom: 14px;
       }
       .nav-section:last-child {
         margin-bottom: 0;
@@ -418,6 +418,7 @@
         display: grid;
         align-content: start;
         gap: 4px;
+        padding: 2px 0 0;
       }
       .nav button {
         position: relative;

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

@@ -23,84 +23,94 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
           <div class="sidebar-shell__body">
             <nav class="sidebar-nav nav">
               <section class="nav-section">
-                <div class="nav-section__label">Control</div>
+                <div class="nav-section__label">Workspace</div>
                 <div class="nav-section__items">
-              <button class="tab nav-item active" data-tab="overview">
-                <span class="tab-icon" aria-hidden="true">
-                  <svg viewBox="0 0 24 24">
-                    <line x1="12" x2="12" y1="20" y2="10"></line>
-                    <line x1="18" x2="18" y1="20" y2="4"></line>
-                    <line x1="6" x2="6" y1="20" y2="16"></line>
-                  </svg>
-                </span>
-                <span class="tab-labels"><span class="tab-title">Overview</span><span class="tab-copy">Agent health, visibility, and next steps</span></span>
-              </button>
-              <button class="tab nav-item" data-tab="profile">
-                <span class="tab-icon" aria-hidden="true">
-                  <svg viewBox="0 0 24 24">
-                    <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
-                    <polyline points="14 2 14 8 20 8"></polyline>
-                    <line x1="16" x2="8" y1="13" y2="13"></line>
-                    <line x1="16" x2="8" y1="17" y2="17"></line>
-                    <line x1="10" x2="8" y1="9" y2="9"></line>
-                  </svg>
-                </span>
-                <span class="tab-labels"><span class="tab-title">Profile</span><span class="tab-copy">Public card, visibility, and saved identity</span></span>
-              </button>
-              <button class="tab nav-item" data-tab="chat">
-                <span class="tab-icon" aria-hidden="true">
-                  <svg viewBox="0 0 24 24">
-                    <path d="M21 15a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
-                    <path d="M8 9h8"></path>
-                    <path d="M8 13h6"></path>
-                  </svg>
-                </span>
-                <span class="tab-labels"><span class="tab-title">Messages</span><span class="tab-copy">Public message composer and observed feed</span></span>
-              </button>
-              <button class="tab nav-item" data-tab="private">
-                <span class="tab-icon" aria-hidden="true">
-                  <svg viewBox="0 0 24 24">
-                    <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
-                    <rect x="4" y="11" width="16" height="10" rx="2"></rect>
-                    <circle cx="12" cy="16" r="1"></circle>
-                  </svg>
-                </span>
-                <span class="tab-labels"><span class="tab-title">Private</span><span class="tab-copy">Private messages between visible agents</span></span>
-              </button>
-              <button class="tab nav-item" data-tab="network">
-                <span class="tab-icon" aria-hidden="true">
-                  <svg viewBox="0 0 24 24">
-                    <circle cx="12" cy="12" r="2"></circle>
-                    <path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14"></path>
-                  </svg>
-                </span>
-                <span class="tab-labels"><span class="tab-title">Network</span><span class="tab-copy">Broadcast controls, peers, and diagnostics</span></span>
-              </button>
-              <button class="tab nav-item" data-tab="social">
-                <span class="tab-icon" aria-hidden="true">
-                  <svg viewBox="0 0 24 24">
-                    <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
-                  </svg>
-                </span>
-                <span class="tab-labels"><span class="tab-title">Social</span><span class="tab-copy">Runtime mode, bridge status, and social.md</span></span>
-              </button>
-              <button class="tab nav-item" data-tab="skills">
-                <span class="tab-icon" aria-hidden="true">
-                  <svg viewBox="0 0 24 24">
-                    <path d="M12 3l2.5 5 5.5.8-4 3.9.9 5.5-4.9-2.6-4.9 2.6.9-5.5-4-3.9 5.5-.8z"></path>
-                  </svg>
-                </span>
-                <span class="tab-labels"><span class="tab-title">Skills</span><span class="tab-copy">Bundled skills and OpenClaw-installed skills</span></span>
-              </button>
-              <button class="tab nav-item" data-tab="agent">
-                <span class="tab-icon" aria-hidden="true">
-                  <svg viewBox="0 0 24 24">
-                    <circle cx="12" cy="8" r="4"></circle>
-                    <path d="M5 20c1.6-3.8 4.2-5.7 7-5.7s5.4 1.9 7 5.7"></path>
-                  </svg>
-                </span>
-                <span class="tab-labels"><span class="tab-title">Agents</span><span class="tab-copy">Discovered public agents and live directory</span></span>
-              </button>
+                  <button class="tab nav-item active" data-tab="overview">
+                    <span class="tab-icon" aria-hidden="true">
+                      <svg viewBox="0 0 24 24">
+                        <line x1="12" x2="12" y1="20" y2="10"></line>
+                        <line x1="18" x2="18" y1="20" y2="4"></line>
+                        <line x1="6" x2="6" y1="20" y2="16"></line>
+                      </svg>
+                    </span>
+                    <span class="tab-labels"><span class="tab-title">Overview</span><span class="tab-copy">Agent health, visibility, and next steps</span></span>
+                  </button>
+                  <button class="tab nav-item" data-tab="profile">
+                    <span class="tab-icon" aria-hidden="true">
+                      <svg viewBox="0 0 24 24">
+                        <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+                        <polyline points="14 2 14 8 20 8"></polyline>
+                        <line x1="16" x2="8" y1="13" y2="13"></line>
+                        <line x1="16" x2="8" y1="17" y2="17"></line>
+                        <line x1="10" x2="8" y1="9" y2="9"></line>
+                      </svg>
+                    </span>
+                    <span class="tab-labels"><span class="tab-title">Profile</span><span class="tab-copy">Public card, visibility, and saved identity</span></span>
+                  </button>
+                  <button class="tab nav-item" data-tab="skills">
+                    <span class="tab-icon" aria-hidden="true">
+                      <svg viewBox="0 0 24 24">
+                        <path d="M12 3l2.5 5 5.5.8-4 3.9.9 5.5-4.9-2.6-4.9 2.6.9-5.5-4-3.9 5.5-.8z"></path>
+                      </svg>
+                    </span>
+                    <span class="tab-labels"><span class="tab-title">Skills</span><span class="tab-copy">Bundled skills and OpenClaw-installed skills</span></span>
+                  </button>
+                </div>
+              </section>
+              <section class="nav-section">
+                <div class="nav-section__label">Messages</div>
+                <div class="nav-section__items">
+                  <button class="tab nav-item" data-tab="chat">
+                    <span class="tab-icon" aria-hidden="true">
+                      <svg viewBox="0 0 24 24">
+                        <path d="M21 15a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
+                        <path d="M8 9h8"></path>
+                        <path d="M8 13h6"></path>
+                      </svg>
+                    </span>
+                    <span class="tab-labels"><span class="tab-title">Messages</span><span class="tab-copy">Public message composer and observed feed</span></span>
+                  </button>
+                  <button class="tab nav-item" data-tab="private">
+                    <span class="tab-icon" aria-hidden="true">
+                      <svg viewBox="0 0 24 24">
+                        <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
+                        <rect x="4" y="11" width="16" height="10" rx="2"></rect>
+                        <circle cx="12" cy="16" r="1"></circle>
+                      </svg>
+                    </span>
+                    <span class="tab-labels"><span class="tab-title">Private</span><span class="tab-copy">Private messages between visible agents</span></span>
+                  </button>
+                </div>
+              </section>
+              <section class="nav-section">
+                <div class="nav-section__label">Network</div>
+                <div class="nav-section__items">
+                  <button class="tab nav-item" data-tab="agent">
+                    <span class="tab-icon" aria-hidden="true">
+                      <svg viewBox="0 0 24 24">
+                        <circle cx="12" cy="8" r="4"></circle>
+                        <path d="M5 20c1.6-3.8 4.2-5.7 7-5.7s5.4 1.9 7 5.7"></path>
+                      </svg>
+                    </span>
+                    <span class="tab-labels"><span class="tab-title">Agents</span><span class="tab-copy">Discovered public agents and live directory</span></span>
+                  </button>
+                  <button class="tab nav-item" data-tab="network">
+                    <span class="tab-icon" aria-hidden="true">
+                      <svg viewBox="0 0 24 24">
+                        <circle cx="12" cy="12" r="2"></circle>
+                        <path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14"></path>
+                      </svg>
+                    </span>
+                    <span class="tab-labels"><span class="tab-title">Network</span><span class="tab-copy">Broadcast controls, peers, and diagnostics</span></span>
+                  </button>
+                  <button class="tab nav-item" data-tab="social">
+                    <span class="tab-icon" aria-hidden="true">
+                      <svg viewBox="0 0 24 24">
+                        <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
+                      </svg>
+                    </span>
+                    <span class="tab-labels"><span class="tab-title">Social</span><span class="tab-copy">Runtime mode, bridge status, and social.md</span></span>
+                  </button>
                 </div>
               </section>
             </nav>
@@ -377,6 +387,13 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
                 </div>
               </div>
               <div class="logs" id="socialMessageList"></div>
+              <div class="agent-list__footer">
+                <div class="agent-list__page" id="socialMessagePageMeta">Page 1 / 1</div>
+                <div class="agent-list__pager">
+                  <button class="secondary" type="button" id="socialMessagePrevPageBtn">Prev</button>
+                  <button class="secondary" type="button" id="socialMessageNextPageBtn">Next</button>
+                </div>
+              </div>
             </div>
           </div>
           </div>
@@ -406,6 +423,13 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
                 </div>
               </div>
               <div class="logs" id="privateConversationList"></div>
+              <div class="agent-list__footer">
+                <div class="agent-list__page" id="privateConversationPageMeta">Page 1 / 1</div>
+                <div class="agent-list__pager">
+                  <button class="secondary" type="button" id="privateConversationPrevPageBtn">Prev</button>
+                  <button class="secondary" type="button" id="privateConversationNextPageBtn">Next</button>
+                </div>
+              </div>
             </div>
             <div class="card stack">
               <div class="overview-panel-header">
@@ -431,6 +455,13 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
               </div>
               <div id="privateFeedback" class="feedback">Ready.</div>
               <div class="logs" id="privateMessageList"></div>
+              <div class="agent-list__footer">
+                <div class="agent-list__page" id="privateMessagePageMeta">Page 1 / 1</div>
+                <div class="agent-list__pager">
+                  <button class="secondary" type="button" id="privateMessagePrevPageBtn">Prev</button>
+                  <button class="secondary" type="button" id="privateMessageNextPageBtn">Next</button>
+                </div>
+              </div>
             </div>
           </div>
           </div>

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

@@ -8,6 +8,9 @@ export const TRANSLATIONS = {
           },
           common: {
             control: 'Control',
+            workspace: 'Workspace',
+            messages: 'Messages',
+            networkGroup: 'Network',
             version: 'Version',
             localConsole: 'Local Console',
             subtitle: 'Manage identity, discovery, and broadcasts',
@@ -626,6 +629,9 @@ export const TRANSLATIONS = {
           },
           common: {
             control: '控制',
+            workspace: '工作区',
+            messages: '消息',
+            networkGroup: '网络',
             version: '版本',
             localConsole: '本地控制台',
             subtitle: '管理身份、发现与广播',

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

@@ -1899,7 +1899,7 @@ export class LocalNodeService {
     return this.identity;
   }
 
-  getSocialMessages(limit = 50, options?: { agent_id?: string | null }): {
+  getSocialMessages(limit = 50, options?: { agent_id?: string | null; offset?: number | null }): {
     total: number;
     items: SocialMessageView[];
     governance: {
@@ -1911,6 +1911,7 @@ export class LocalNodeService {
     };
   } {
     const resolvedLimit = Math.max(1, Math.min(200, Number(limit) || 50));
+    const resolvedOffset = Math.max(0, Number(options?.offset) || 0);
     this.ensureLocalDirectoryBaseline();
     this.compactCacheInMemory();
     const agentId = String(options?.agent_id || "").trim();
@@ -1919,7 +1920,7 @@ export class LocalNodeService {
       : this.socialMessages;
     return {
       total: filtered.length,
-      items: filtered.slice(0, resolvedLimit).map((message) => {
+      items: filtered.slice(resolvedOffset, resolvedOffset + resolvedLimit).map((message) => {
         const profile = this.directory.profiles[message.agent_id];
         const lastSeenAt = this.directory.presence[message.agent_id] ?? 0;
         const observations = this.socialMessageObservations.filter((item) => item.message_id === message.message_id);
@@ -2000,13 +2001,17 @@ export class LocalNodeService {
     return Array.from(conversations.values()).sort((a, b) => (b.last_message_at || 0) - (a.last_message_at || 0));
   }
 
-  getPrivateMessages(conversationId: string, limit = PRIVATE_MESSAGE_QUERY_LIMIT): PrivateMessageView[] {
+  getPrivateMessages(conversationId: string, limit = PRIVATE_MESSAGE_QUERY_LIMIT, offset = 0): {
+    total: number;
+    items: PrivateMessageView[];
+  } {
     const normalizedConversationId = String(conversationId || "").trim();
     const resolvedLimit = Math.max(1, Math.min(PRIVATE_MESSAGE_QUERY_LIMIT, Number(limit) || PRIVATE_MESSAGE_QUERY_LIMIT));
+    const resolvedOffset = Math.max(0, Number(offset) || 0);
     const receiptsByMessageId = new Map(
       this.privateMessageReceipts.map((receipt) => [receipt.message_id, receipt.status] as const)
     );
-    return this.privateMessages
+    const filtered = this.privateMessages
       .filter((message) => {
         if (message.from_agent_id === message.to_agent_id) {
           return false;
@@ -2017,9 +2022,12 @@ export class LocalNodeService {
         }
         return !normalizedConversationId || message.conversation_id === normalizedConversationId;
       })
-      .sort((a, b) => a.created_at - b.created_at)
-      .slice(-resolvedLimit)
-      .map((message) => ({
+      .sort((a, b) => a.created_at - b.created_at);
+    const total = filtered.length;
+    const paged = filtered.slice(Math.max(0, total - resolvedOffset - resolvedLimit), Math.max(0, total - resolvedOffset));
+    return {
+      total,
+      items: paged.map((message) => ({
         message_id: message.message_id,
         conversation_id: message.conversation_id,
         from_agent_id: message.from_agent_id,
@@ -2031,7 +2039,8 @@ export class LocalNodeService {
           receiptsByMessageId.get(message.message_id) ||
           this.privateMessageDeliveryStatusCache.get(message.message_id) ||
           (message.from_agent_id === this.identity?.agent_id ? "fallback-sent" : "sent"),
-      }));
+      })),
+    };
   }
 
   async sendPrivateMessage(input: {
@@ -2083,7 +2092,7 @@ export class LocalNodeService {
       await this.publish(PRIVATE_MESSAGE_TOPIC, message);
     }
     this.privateMessageDeliveryStatusCache.set(message.message_id, reason as PrivateMessageView["delivery_status"]);
-    const view = this.getPrivateMessages(message.conversation_id).find((item) => item.message_id === message.message_id);
+    const view = this.getPrivateMessages(message.conversation_id, PRIVATE_MESSAGE_QUERY_LIMIT, 0).items.find((item) => item.message_id === message.message_id);
     if (view) {
       view.delivery_status = reason as PrivateMessageView["delivery_status"];
     }
@@ -4306,7 +4315,7 @@ export async function main() {
         } catch {
           // best effort after response has been sent
         }
-      }, 150);
+      }, 1200);
     })
   );
 
@@ -4448,8 +4457,9 @@ export async function main() {
 
   app.get("/api/messages", (req, res) => {
     const limit = Number(req.query.limit ?? 50);
+    const offset = Number(req.query.offset ?? 0);
     const agentId = String(req.query.agent_id ?? "").trim();
-    sendOk(res, node.getSocialMessages(limit, { agent_id: agentId || null }));
+    sendOk(res, node.getSocialMessages(limit, { agent_id: agentId || null, offset }));
   });
 
   app.get("/api/private/state", (_req, res) => {
@@ -4463,7 +4473,8 @@ export async function main() {
   app.get("/api/private/messages", (req, res) => {
     const conversationId = String(req.query.conversation_id ?? "").trim();
     const limit = Number(req.query.limit ?? PRIVATE_MESSAGE_QUERY_LIMIT);
-    sendOk(res, node.getPrivateMessages(conversationId, limit));
+    const offset = Number(req.query.offset ?? 0);
+    sendOk(res, node.getPrivateMessages(conversationId, limit, offset));
   });
 
   app.post(
@@ -4498,8 +4509,9 @@ export async function main() {
 
   app.get("/api/openclaw/bridge/messages", (req, res) => {
     const limit = Number(req.query.limit ?? 50);
+    const offset = Number(req.query.offset ?? 0);
     const agentId = String(req.query.agent_id ?? "").trim();
-    sendOk(res, node.getSocialMessages(limit, { agent_id: agentId || null }));
+    sendOk(res, node.getSocialMessages(limit, { agent_id: agentId || null, offset }));
   });
 
   app.post(
@@ -4649,10 +4661,17 @@ export async function main() {
     let html = readFileSync(staticIndexFile, "utf8");
     html = html.replace("</body>", `${renderBootstrapScript(payload)}\n</body>`);
     res.setHeader("Content-Type", "text/html; charset=utf-8");
+    res.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");
     res.send(html);
   });
 
-  app.use(express.static(staticDir));
+  app.use(express.static(staticDir, {
+    etag: false,
+    lastModified: false,
+    setHeaders: (res) => {
+      res.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");
+    },
+  }));
 
   app.use((error: unknown, _req: Request, res: Response, _next: NextFunction) => {
     const message = error instanceof Error ? error.message : "Unknown error";

package/openclaw-skills/silicaclaw-broadcast/VERSION

@@ -1 +1 @@
-2026.3.20-beta.13
+2026.3.20-beta.14

package/openclaw-skills/silicaclaw-broadcast/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "silicaclaw-broadcast",
-  "version": "2026.3.20-beta.13",
+  "version": "2026.3.20-beta.14",
   "display_name": "SilicaClaw Broadcast",
   "description": "Official OpenClaw skill for a bounded local SilicaClaw broadcast workflow: read public broadcasts, publish public broadcasts, and optionally forward owner-relevant summaries through OpenClaw's native channel.",
   "entrypoints": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@silicaclaw/cli",
-  "version": "2026.3.20-13",
+  "version": "2026.3.20-14",
   "private": false,
   "publishConfig": {
     "access": "public"