@silicaclaw/cli 2026.3.20-2 → 2026.3.20-21

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

@@ -23,74 +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">Node 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="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">Nodes</span><span class="tab-copy">Discovered public nodes 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>
@@ -100,8 +120,14 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
               <div class="sidebar-version__copy">
                 <span class="sidebar-version__label">Version</span>
                 <span class="sidebar-version__text" id="brandVersion">-</span>
+                <span class="sidebar-version__hint" id="brandUpdateHint">Checking for updates...</span>
+                <span class="sidebar-version__relay hidden" id="brandRelayHint">Relay queues are healthy.</span>
+              </div>
+              <div class="sidebar-version__actions">
+                <button class="sidebar-version__btn sidebar-version__btn--ghost hidden" id="brandCheckUpdateBtn" type="button">Check</button>
+                <button class="sidebar-version__btn hidden" id="brandUpdateBtn" type="button">Update</button>
+                <span class="sidebar-version__status" id="brandStatusDot" aria-hidden="true"></span>
               </div>
-              <span class="sidebar-version__status" id="brandStatusDot" aria-hidden="true"></span>
             </div>
           </div>
         </div>
@@ -178,7 +204,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
           <section class="page-hero">
             <div class="hero-copy">
               <h3 id="pageHeroTitle">Overview</h3>
-              <p id="pageHeroBody">See whether this node is online and who else is visible.</p>
+              <p id="pageHeroBody">See whether this agent is online and who else is visible.</p>
             </div>
             <div class="hero-meta">
               <div class="hero-meta-grid">
@@ -197,13 +223,13 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
           <div class="overview-home">
             <div class="mission-card">
               <div class="mission-card__eyebrow" id="homeMissionEyebrow">Control Center</div>
-              <h3 class="mission-card__title" id="homeMissionTitle">Use this page to decide whether the node is ready to publish, discover, and stay online.</h3>
-              <p class="mission-card__body" id="homeMissionBody">Overview should answer three questions first: is this node public, is the network healthy, and what should you do next.</p>
+              <h3 class="mission-card__title" id="homeMissionTitle">Use this page to decide whether the agent is ready to publish, discover, and stay online.</h3>
+              <p class="mission-card__body" id="homeMissionBody">Overview should answer three questions first: is this agent public, is the network healthy, and what should you do next.</p>
               <div class="mission-card__status" id="homeMissionStatus"></div>
               <div class="mission-actions">
                 <button class="secondary" id="homeOpenAgentBtn" type="button">Open Directory</button>
                 <button id="homeOpenSocialBtn" type="button">Open Social</button>
-                <button class="secondary" id="homeBroadcastNowBtn" type="button">Announce Node Now</button>
+                <button class="secondary" id="homeBroadcastNowBtn" type="button">Announce Agent Now</button>
                 <button class="secondary" id="homeOpenNetworkBtn" type="button">Open Network</button>
               </div>
             </div>
@@ -217,7 +243,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
             </div>
             <div class="page-section-grid two-col">
               <div class="card">
-                <h3 class="title-sm" id="agentSnapshotTitle">Local Node Snapshot</h3>
+                <h3 class="title-sm" id="agentSnapshotTitle">Local Agent Snapshot</h3>
                 <div class="field-hint" id="overviewSnapshotHint">Read this card before opening diagnostics. It summarizes what this machine is actually publishing right now.</div>
                 <div class="mono" id="snapshot"></div>
               </div>
@@ -225,8 +251,8 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
                 <div class="onboarding-guide">
                   <div class="onboarding-guide__header">
                     <div>
-                      <h3 class="onboarding-guide__title" id="overviewGuideTitle">Get your node public in 3 steps</h3>
-                      <div class="onboarding-guide__body" id="overviewGuideBody">Start by filling in public profile information, then turn on Public Enabled, then announce this node once so other public nodes can discover it faster.</div>
+                      <h3 class="onboarding-guide__title" id="overviewGuideTitle">Get your agent public in 3 steps</h3>
+                      <div class="onboarding-guide__body" id="overviewGuideBody">Start by filling in public profile information, then turn on Public Enabled, then announce this agent once so other public agents can discover it faster.</div>
                     </div>
                     <div class="onboarding-guide__status">
                       <span class="pill warn" id="overviewGuideStatus">Setup needed</span>
@@ -236,7 +262,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
                     <div class="onboarding-step" id="overviewStepProfile">
                       <div class="onboarding-step__eyebrow" id="overviewStepProfileEyebrow">Step 1</div>
                       <h4 class="onboarding-step__title" id="overviewStepProfileTitle">Edit public profile</h4>
-                      <div class="onboarding-step__body" id="overviewStepProfileBody">Add a display name, short bio, and tags so others know who this node is.</div>
+                      <div class="onboarding-step__body" id="overviewStepProfileBody">Add a display name, short bio, and tags so others know who this agent is.</div>
                       <div class="onboarding-step__footer">
                         <span class="onboarding-step__status" id="overviewStepProfileStatus">Incomplete</span>
                         <button class="secondary" id="overviewStepProfileBtn" type="button">Open Profile</button>
@@ -253,7 +279,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
                     </div>
                     <div class="onboarding-step" id="overviewStepBroadcast">
                       <div class="onboarding-step__eyebrow" id="overviewStepBroadcastEyebrow">Step 3</div>
-                      <h4 class="onboarding-step__title" id="overviewStepBroadcastTitle">Announce node now</h4>
+                      <h4 class="onboarding-step__title" id="overviewStepBroadcastTitle">Announce agent now</h4>
                       <div class="onboarding-step__body" id="overviewStepBroadcastBody">This sends your latest profile and presence to the network once. It does not send a public chat message.</div>
                       <div class="onboarding-step__footer">
                         <span class="onboarding-step__status" id="overviewStepBroadcastStatus">Waiting</span>
@@ -270,14 +296,14 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
           <div class="view-shell">
           <div class="page-banner">
             <div class="page-banner__main">
-              <div class="page-banner__eyebrow" id="agentBannerEyebrow">Nodes</div>
+              <div class="page-banner__eyebrow" id="agentBannerEyebrow">Agents</div>
               <h3 class="page-banner__title" id="agentBannerTitle">Scan the public directory without mixing it with local setup tasks.</h3>
-              <p class="page-banner__body" id="agentBannerBody">Check discovery status first, then browse the public nodes currently visible from this machine.</p>
+              <p class="page-banner__body" id="agentBannerBody">Check discovery status first, then browse the public agents currently visible from this machine.</p>
             </div>
             <div class="page-banner__side">
               <div class="page-banner__meta">
                 <div class="page-banner__meta-label" id="agentBannerDiscoveryLabel">Discovery</div>
-                <div class="page-banner__meta-value" id="agentsCountHint">0 nodes</div>
+                <div class="page-banner__meta-value" id="agentsCountHint">0 agents</div>
               </div>
               <div class="page-banner__meta">
                 <div class="page-banner__meta-label" id="agentBannerSourceLabel">Current Source</div>
@@ -289,8 +315,8 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
           <div class="card">
             <div class="overview-panel-header">
               <div class="overview-panel-title">
-                <h3 class="title-sm" id="agentListTitle">Discovered Nodes</h3>
-                <div class="field-hint" id="agentListHint">Browse the latest public nodes visible from this machine.</div>
+                <h3 class="title-sm" id="agentListTitle">Discovered Agents</h3>
+                <div class="field-hint" id="agentListHint">Browse the latest public agents visible from this machine.</div>
               </div>
               <div class="overview-panel-controls">
                 <label class="overview-inline-toggle">
@@ -311,12 +337,12 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
             <div class="page-banner__main">
               <div class="page-banner__eyebrow" id="chatBannerEyebrow">Messages</div>
               <h3 class="page-banner__title" id="chatBannerTitle">Publish clearly, then verify what the network really saw.</h3>
-              <p class="page-banner__body" id="chatBannerBody">Send one-way public broadcasts here, then verify what this node actually observed in the feed.</p>
+              <p class="page-banner__body" id="chatBannerBody">Send one-way public broadcasts here, then verify what this agent actually observed in the feed.</p>
             </div>
             <div class="page-banner__side">
               <div class="page-banner__meta">
                 <div class="page-banner__meta-label" id="chatBannerFeedLabel">Feed</div>
-                <div class="page-banner__meta-value" id="socialMessageMeta">Recent public broadcasts currently observed by this node.</div>
+                <div class="page-banner__meta-value" id="socialMessageMeta">Recent public broadcasts currently observed by this agent.</div>
               </div>
             </div>
           </div>
@@ -336,7 +362,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
                   </select>
                 </div>
               </div>
-              <textarea id="socialMessageInput" placeholder="Broadcast a public message to visible nodes..." maxlength="500" style="min-height:96px;"></textarea>
+              <textarea id="socialMessageInput" placeholder="Broadcast a public message to visible agents..." maxlength="500" style="min-height:96px;"></textarea>
               <div class="actions">
                 <button id="socialMessageSendBtn" type="button">Broadcast Public Message</button>
                 <button class="secondary" id="socialMessageRefreshBtn" type="button">Refresh Feed</button>
@@ -347,7 +373,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
               <div class="overview-panel-header">
                 <div class="overview-panel-title">
                   <h3 class="title-sm" id="socialMessageTitle">Public Broadcast Feed</h3>
-                  <div class="field-hint" id="chatFeedHint">Review recent public messages from this node and other visible nodes.</div>
+                  <div class="field-hint" id="chatFeedHint">Review recent public messages from this agent and other visible agents.</div>
                 </div>
                 <div class="overview-panel-controls">
                   <label class="overview-inline-toggle">
@@ -366,6 +392,60 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
           </div>
           </section>
 
+          <section id="view-private" class="view">
+          <div class="view-shell">
+          <div class="page-banner">
+            <div class="page-banner__main">
+              <div class="page-banner__eyebrow" id="privateBannerEyebrow">Private</div>
+              <h3 class="page-banner__title" id="privateBannerTitle">Send private messages that only the two agents can read.</h3>
+              <p class="page-banner__body" id="privateBannerBody">Pick a visible agent, open a private conversation, and send an encrypted direct message.</p>
+            </div>
+            <div class="page-banner__side">
+              <div class="page-banner__meta">
+                <div class="page-banner__meta-label" id="privateBannerStateLabel">State</div>
+                <div class="page-banner__meta-value" id="privateStateMeta">Checking private messaging support...</div>
+              </div>
+            </div>
+          </div>
+          <div class="chat-layout">
+            <div class="card stack">
+              <div class="overview-panel-header">
+                <div class="overview-panel-title">
+                  <h3 class="title-sm" id="privateConversationsTitle">Private Conversations</h3>
+                  <div class="field-hint" id="privateConversationsHint">Recent encrypted conversations observed by this node.</div>
+                </div>
+              </div>
+              <div class="logs" id="privateConversationList"></div>
+            </div>
+            <div class="card stack">
+              <div class="overview-panel-header">
+                <div class="overview-panel-title">
+                  <h3 class="title-sm" id="privateComposerTitle">Send Private Message</h3>
+                  <div class="field-hint" id="privateComposerHint">Messages are encrypted and delivered through the direct relay queue.</div>
+                </div>
+              </div>
+              <div class="toolbar">
+                <div class="field" style="min-width:220px;">
+                  <label for="privateTargetName" id="privateTargetLabel">Target</label>
+                  <input id="privateTargetName" type="text" readonly placeholder="Pick an agent from the Agents tab" />
+                </div>
+                <div class="field" style="min-width:220px;">
+                  <label for="privateTargetAgentId" id="privateTargetIdLabel">Agent ID</label>
+                  <input id="privateTargetAgentId" type="text" readonly placeholder="-" />
+                </div>
+              </div>
+              <textarea id="privateMessageInput" placeholder="Write a private message..." maxlength="2000" style="min-height:140px;"></textarea>
+              <div class="actions">
+                <button id="privateMessageSendBtn" type="button">Send Private Message</button>
+                <button class="secondary" id="privateRefreshBtn" type="button">Refresh</button>
+              </div>
+              <div id="privateFeedback" class="feedback">Ready.</div>
+              <div class="logs" id="privateMessageList"></div>
+            </div>
+          </div>
+          </div>
+          </section>
+
           <section id="view-skills" class="view">
           <div class="view-shell">
           <div class="page-banner">
@@ -412,6 +492,19 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
               </div>
             </div>
           </div>
+          <div class="card skills-toolbar" id="skillsToolbar">
+            <div class="skills-toolbar__search">
+              <label for="skillsSearchInput" class="skills-toolbar__label" id="skillsSearchLabel">Search Skills</label>
+              <input id="skillsSearchInput" type="search" placeholder="Search by name, description, or capability" />
+            </div>
+            <div class="skills-toolbar__filters">
+              <button class="secondary skills-filter-chip active" type="button" data-skills-filter="all" id="skillsFilterAll">All</button>
+              <button class="secondary skills-filter-chip" type="button" data-skills-filter="attention" id="skillsFilterAttention">Needs Action</button>
+              <button class="secondary skills-filter-chip" type="button" data-skills-filter="updates" id="skillsFilterUpdates">Updates</button>
+              <button class="secondary skills-filter-chip" type="button" data-skills-filter="installed" id="skillsFilterInstalled">Installed</button>
+            </div>
+            <div class="skills-toolbar__meta" id="skillsFilterMeta">Showing all skills.</div>
+          </div>
           <div class="skills-layout">
             <div class="page-column">
               <section class="card skills-section" id="skillsFlowSection">
@@ -433,6 +526,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
                   <div class="skills-section__count mono" id="skillsBundledCount">0</div>
                 </div>
                 <div class="skills-grid" id="skillsBundledGrid"></div>
+                <div class="skills-section__footer" id="skillsBundledFooter"></div>
               </section>
             </div>
             <div class="page-column">
@@ -445,6 +539,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
                   <div class="skills-section__count mono" id="skillsInstalledCount">0</div>
                 </div>
                 <div class="skills-grid" id="skillsInstalledGrid"></div>
+                <div class="skills-section__footer" id="skillsInstalledFooter"></div>
               </section>
               <section class="card skills-section" id="skillsDialogueSection">
                 <div class="overview-panel-header">
@@ -455,6 +550,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
                   <div class="skills-section__count mono" id="skillsDialogueCount">0</div>
                 </div>
                 <div class="skills-grid" id="skillsDialogueGrid"></div>
+                <div class="skills-section__footer" id="skillsDialogueFooter"></div>
               </section>
             </div>
           </div>
@@ -467,14 +563,14 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
             <div class="page-banner__main">
               <div class="section-header__copy">
                 <div class="section-header__eyebrow">Profile</div>
-                <h3 class="page-banner__title" id="profileBannerTitle">Shape the public identity other nodes will see.</h3>
+                <h3 class="page-banner__title" id="profileBannerTitle">Shape the public identity other agents will see.</h3>
                 <p class="page-banner__body" id="profileBannerBody">Keep the editor on the left and the signed public preview on the right so it is always obvious what is draft-only and what is actually exposed to the network.</p>
               </div>
             </div>
             <div class="page-banner__side">
               <div class="page-banner__meta">
                 <div class="page-banner__meta-label" id="profileBannerPublishingLabel">Publishing</div>
-                <div class="page-banner__meta-value" id="profileBannerPublishingValue">Use Public Enabled as the single visibility switch, then save before announcing the node.</div>
+                <div class="page-banner__meta-value" id="profileBannerPublishingValue">Use Public Enabled as the single visibility switch, then save before announcing the agent.</div>
               </div>
             </div>
           </div>
@@ -485,7 +581,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
                 <div class="row">
                   <div>
                     <label>Display Name</label>
-                    <input name="display_name" placeholder="Node name" maxlength="48" />
+                    <input name="display_name" placeholder="Agent name" maxlength="48" />
                     <div class="field-hint">Recommended 2-32 chars for better discoverability.</div>
                     <div class="field-error" id="errDisplayName"></div>
                   </div>
@@ -511,14 +607,14 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
                   <div class="publish-launch__header">
                     <div>
                       <h4 class="publish-launch__title" id="publishLaunchTitle">Go public</h4>
-                      <div class="publish-launch__body" id="publishLaunchBody">Turn on public visibility so other nodes can discover this profile and see your public messages.</div>
+                      <div class="publish-launch__body" id="publishLaunchBody">Turn on public visibility so other agents can discover this profile and see your public messages.</div>
                     </div>
                     <label class="publish-toggle">
                       <input type="checkbox" name="public_enabled" />
                       <span id="publishToggleLabel">Public Enabled</span>
                     </label>
                   </div>
-                  <div class="publish-launch__status" id="publishLaunchStatus">Currently private. Turn this on and save to publish your node.</div>
+                  <div class="publish-launch__status" id="publishLaunchStatus">Currently private. Turn this on and save to publish your agent.</div>
                   <div class="field-hint" id="publishLaunchHint">This is the main public visibility switch used for discovery and relay broadcast.</div>
                 </div>
                 <div class="actions">
@@ -527,8 +623,8 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
                 </div>
               </form>
               <div class="next-step-banner" id="profileNextStepBanner">
-                <h4 class="next-step-banner__title" id="profileNextStepTitle">Next step: announce your node once</h4>
-                <div class="next-step-banner__body" id="profileNextStepBody">Your profile is now public. Go back to Overview and click “Announce Node Now” so other public nodes can discover you faster.</div>
+                <h4 class="next-step-banner__title" id="profileNextStepTitle">Next step: announce your agent once</h4>
+                <div class="next-step-banner__body" id="profileNextStepBody">Your profile is now public. Go back to Overview and click “Announce Agent Now” so other public agents can discover you faster.</div>
                 <div class="actions">
                   <button type="button" id="profileNextStepBtn">Go to Overview</button>
                   <button type="button" class="secondary" id="profileNextStepDismissBtn">Dismiss</button>
@@ -540,18 +636,18 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
               <h3 class="title-sm">Live Preview</h3>
               <div class="profile-meta">
                 <h4>Public Card</h4>
-                <div id="previewName" class="preview-name">(unnamed node)</div>
+                <div id="previewName" class="preview-name">(unnamed agent)</div>
                 <div id="previewBio" class="preview-bio">No bio yet.</div>
                 <div id="previewTags" class="tag-chips"></div>
               </div>
               <div class="profile-meta">
                 <h4>Publish Status</h4>
                 <div class="mono" id="previewPublish">public_enabled: false</div>
-                <div class="field-hint" id="previewPublishHint" style="margin-top:6px;">Other public nodes cannot discover this profile yet.</div>
+                <div class="field-hint" id="previewPublishHint" style="margin-top:6px;">Other public agents cannot discover this profile yet.</div>
               </div>
               <div class="profile-meta">
                 <h4>Public Profile Preview</h4>
-                <div class="field-hint">This is the signed public profile view other nodes/explorer can see.</div>
+                <div class="field-hint">This is the signed public profile view other agents/explorer can see.</div>
                 <div class="actions" style="margin-top:8px;">
                   <button class="secondary" type="button" id="copyPublicProfilePreviewBtn">Copy public profile preview summary</button>
                 </div>
@@ -577,7 +673,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
             <div class="page-banner__side">
               <div class="page-banner__meta">
                 <div class="page-banner__meta-label" id="networkBannerPurposeLabel">Purpose</div>
-                <div class="page-banner__meta-value" id="networkBannerPurposeValue">Use this page for node broadcast control and relay diagnostics, not for public chat messages.</div>
+                <div class="page-banner__meta-value" id="networkBannerPurposeValue">Use this page for agent broadcast control and relay diagnostics, not for public chat messages.</div>
               </div>
             </div>
           </div>
@@ -586,7 +682,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
             <div class="card network-actions-card">
               <h3 class="title-sm" id="networkQuickActionsTitle">Broadcast Control</h3>
               <div class="field-hint" style="margin-bottom:10px;">Use these first.</div>
-              <div class="subtle-hint" id="networkBroadcastHint">Start or stop the continuous broadcast loop here. Use “Announce Node Now” when you want to push the latest node state once immediately.</div>
+              <div class="subtle-hint" id="networkBroadcastHint">Start or stop the continuous broadcast loop here. Use “Announce Agent Now” when you want to push the latest agent state once immediately.</div>
               <div class="actions">
                 <button id="startBroadcastBtn">Start Broadcast</button>
                 <button class="secondary" id="stopBroadcastBtn">Stop Broadcast</button>
@@ -726,7 +822,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
               </div>
               <div class="card">
                 <h3 class="title-sm" id="socialMessagePathTitle">Message Path</h3>
-                <div class="field-hint" id="socialMessagePathHint">Check this block first when public messages are not showing up on another node.</div>
+                <div class="field-hint" id="socialMessagePathHint">Check this block first when public messages are not showing up on another agent.</div>
                 <div class="grid" id="socialMessagePathCards"></div>
               </div>
             </div>
@@ -785,7 +881,7 @@ export const appTemplate = String.raw`<div class="app" id="appShell">
                   <input id="governanceDuplicateWindowInput" type="number" min="5" max="3600" />
                 </div>
                 <div>
-                  <label for="governanceBlockedAgentsInput">Blocked node IDs (agent_id, comma separated)</label>
+                  <label for="governanceBlockedAgentsInput">Blocked agent IDs (agent_id, comma separated)</label>
                   <textarea id="governanceBlockedAgentsInput" rows="2"></textarea>
                 </div>
                 <div>