bosun 0.36.0 → 0.36.2

package/ui/tabs/infra.js

@@ -419,10 +419,10 @@ export function InfraTab() {
             onKeyDown=${(e) => e.key === "Enter" && handleCreateWorkspace()}
           />
           <button class="btn btn-primary btn-sm" onClick=${handleCreateWorkspace}>
-            ${iconText("➕ Create")}
+            ${iconText(":plus: Create")}
           </button>
           <button class="btn btn-secondary btn-sm" onClick=${handleScanDisk}>
-            ${iconText("🔄 Scan")}
+            ${iconText(":refresh: Scan")}
           </button>
         </div>
 
@@ -448,13 +448,13 @@ export function InfraTab() {
                     class="btn btn-secondary btn-sm"
                     onClick=${() => handlePullWorkspace(ws.id)}
                   >
-                    ⬇️ Pull
+                    :download: Pull
                   </button>
                   <button
                     class="btn btn-danger btn-sm"
                     onClick=${() => handleDeleteWorkspace(ws.id)}
                   >
-                    ${resolveIcon("🗑")}
+                    ${resolveIcon(":trash:")}
                   </button>
                 </div>
               </div>
@@ -472,7 +472,7 @@ export function InfraTab() {
                         class="flex-between"
                         style="padding:4px 0;border-bottom:1px solid rgba(255,255,255,0.05)"
                       >
-                        <span class="meta-text">${iconText(`📁 ${repoName}`)}</span>
+                        <span class="meta-text">${iconText(`:folder: ${repoName}`)}</span>
                         <button
                           class="btn btn-ghost btn-sm"
                           onClick=${() => handleRemoveRepo(ws.id, repoName)}
@@ -501,7 +501,7 @@ export function InfraTab() {
                   class="btn btn-secondary btn-sm"
                   onClick=${() => handleAddRepo(ws.id, addRepoWs === ws.id ? addRepoUrl : "")}
                 >
-                  ${iconText("📥 Clone")}
+                  ${iconText(":download: Clone")}
                 </button>
               </div>
             </div>
@@ -544,7 +544,7 @@ export function InfraTab() {
             Release
           </button>
           <button class="btn btn-danger btn-sm" onClick=${handlePrune}>
-            ${iconText("🗑 Prune")}
+            ${iconText(":trash: Prune")}
           </button>
         </div>
 
@@ -721,7 +721,7 @@ export function InfraTab() {
                   class="btn btn-primary btn-sm"
                   onClick=${() => handleClaim(ws.id)}
                 >
-                  ${iconText("🔒 Claim")}
+                  ${iconText(":lock: Claim")}
                 </button>
                 <button
                   class="btn btn-secondary btn-sm"
@@ -733,7 +733,7 @@ export function InfraTab() {
                   class="btn btn-ghost btn-sm"
                   onClick=${() => handleSharedRelease(ws.id)}
                 >
-                  ${iconText("🔓 Release")}
+                  ${iconText(":unlock: Release")}
                 </button>
               </div>
             </div>
@@ -749,7 +749,7 @@ export function InfraTab() {
       <${Card}>
         <!-- Coordinator info -->
         <div class="task-card mb-md">
-          <div class="task-card-title">${iconText("🎯 Coordinator")}</div>
+          <div class="task-card-title">${iconText(":target: Coordinator")}</div>
           <div class="meta-text">
             ${coordinator?.instance_label || coordinator?.instance_id || "none"}
             · Priority ${coordinator?.coordinator_priority ?? "—"}

package/ui/tabs/library.js

@@ -217,7 +217,7 @@ async function testProfileMatch(title) {
  *  Icons per type
  * ═══════════════════════════════════════════════════════════════ */
 
-const TYPE_ICONS = { prompt: "📝", agent: "🤖", skill: "🧠" };
+const TYPE_ICONS = { prompt: ":edit:", agent: ":bot:", skill: ":cpu:" };
 const TYPE_LABELS = { prompt: "Prompt", agent: "Agent Profile", skill: "Skill" };
 const TYPE_COLORS = { prompt: "#58a6ff", agent: "#af7bff", skill: "#3fb950" };
 
@@ -272,7 +272,7 @@ function TypePills() {
 }
 
 function LibraryCard({ entry, onSelect }) {
-  const icon = TYPE_ICONS[entry.type] || "📄";
+  const icon = TYPE_ICONS[entry.type] || ":file:";
   const typeLabel = TYPE_LABELS[entry.type] || entry.type;
   const typeColor = TYPE_COLORS[entry.type] || "#aaa";
   return html`
@@ -296,7 +296,7 @@ function LibraryCard({ entry, onSelect }) {
           <span class="library-card-tag" key=${tag}>${tag}</span>
         `)}
         ${entry.scope && entry.scope !== "global" && html`
-          <span class="library-card-scope">${iconText(`📌 ${entry.scope}`)}</span>
+          <span class="library-card-scope">${iconText(`:pin: ${entry.scope}`)}</span>
         `}
       </div>
     </div>
@@ -497,7 +497,7 @@ function ScopeDetector() {
   return html`
     <div>
       <button class="btn-ghost library-type-pill" onClick=${loadScopes} style="font-size:0.82em;">
-        ${loading ? html`<${Spinner} size=${12} />` : iconText("🔍 Detect Scopes")}
+        ${loading ? html`<${Spinner} size=${12} />` : iconText(":search: Detect Scopes")}
       </button>
       ${showing && scopes.value.length > 0 && html`
         <div class="library-scopes">
@@ -547,7 +547,7 @@ function ProfileMatcher() {
           style="flex:1;padding:6px 10px;border-radius:8px;border:1px solid var(--border,#333);
             background:var(--bg-input,#0d1117);color:var(--text-primary,#eee);font-size:0.85em;" />
         <button class="library-type-pill active" onClick=${doMatch} style="font-size:0.82em;" disabled=${loading}>
-          ${loading ? html`<${Spinner} size=${12} />` : iconText("🎯 Match")}
+          ${loading ? html`<${Spinner} size=${12} />` : iconText(":target: Match")}
         </button>
       </div>
       ${match && html`
@@ -658,10 +658,10 @@ export function LibraryTab() {
   return html`
     <div class="library-root">
       <div class="library-header">
-        <h2>${iconText("📚 Library")}</h2>
+        <h2>${iconText(":u1f4da: Library")}</h2>
         <button class="library-type-pill" onClick=${handleRebuild}
           title="Rescan directories and rebuild manifest">
-          ${iconText("🔄 Rebuild")}
+          ${iconText(":refresh: Rebuild")}
         </button>
         <button class="library-type-pill active" onClick=${() => setEditing({})}>
           ＋ New
@@ -672,7 +672,7 @@ export function LibraryTab() {
         <div class="library-init-banner">
           <p><b>Welcome to the Library!</b></p>
           <p>Initialize to scaffold built-in agent profiles and index existing prompts and skills.</p>
-          <button onClick=${handleInit}>${iconText("🚀 Initialize Library")}</button>
+          <button onClick=${handleInit}>${iconText(":rocket: Initialize Library")}</button>
         </div>
       `}
 

package/ui/tabs/logs.js

@@ -568,13 +568,13 @@ export function LogsTab() {
           class="btn btn-ghost btn-sm"
           onClick=${() => copyToClipboard(filteredLogText, "Logs")}
         >
-          ${iconText("📋 Copy")}
+          ${iconText(":clipboard: Copy")}
         </button>
         <button
           class="btn btn-ghost btn-sm"
           onClick=${downloadLogs}
         >
-          ${iconText("💾 Download")}
+          ${iconText(":save: Download")}
         </button>
       </div>
     <//>
@@ -591,7 +591,7 @@ export function LogsTab() {
           }}
         />
         <button class="btn btn-secondary btn-sm" onClick=${handleAgentSearch}>
-          ${iconText("🔍 Search")}
+          ${iconText(":search: Search")}
         </button>
       </div>
       <div class="range-row mb-md">
@@ -647,7 +647,7 @@ export function LogsTab() {
           class="btn btn-ghost btn-sm"
           onClick=${() => copyToClipboard(rawTailText, "Log tail")}
         >
-          ${iconText("📋 Copy")}
+          ${iconText(":clipboard: Copy")}
         </button>
       </div>
     <//>
@@ -665,7 +665,7 @@ export function LogsTab() {
           }}
         />
         <button class="btn btn-secondary btn-sm" onClick=${handleContextLoad}>
-          ${iconText("📂 Load")}
+          ${iconText(":folder: Load")}
         </button>
       </div>
       <div class="log-box">
@@ -698,7 +698,7 @@ export function LogsTab() {
                 "Context",
               )}
           >
-            ${iconText("📋 Copy")}
+            ${iconText(":clipboard: Copy")}
           </button>
         </div>
       `}
@@ -720,7 +720,7 @@ export function LogsTab() {
           class="btn btn-ghost btn-sm"
           onClick=${() => copyToClipboard(gitDiff?.value || "", "Diff")}
         >
-          ${iconText("📋 Copy")}
+          ${iconText(":clipboard: Copy")}
         </button>
       </div>
       <div class="log-box mb-md">
@@ -766,19 +766,19 @@ export function LogsTab() {
           <div class="btn-row mb-sm">
             ${(branchDetail.workspaceTarget || branchDetail.activeSlot || branchDetail.worktree) &&
             html`<button class="btn btn-primary btn-sm" onClick=${() => openWorkspace(branchDetail)}>
-              ${iconText("🔍 Open Workspace Viewer")}
+              ${iconText(":search: Open Workspace Viewer")}
             </button>`}
             ${branchDetail.workspaceLink?.url &&
             html`<button
               class="btn btn-secondary btn-sm"
               onClick=${() => openLink(branchDetail.workspaceLink.url)}
             >
-              ${iconText("🔗 Open Workspace Link")}
+              ${iconText(":link: Open Workspace Link")}
             </button>`}
             <button
               class="btn btn-ghost btn-sm"
               onClick=${() => copyToClipboard(branchDetail.diffStat || "", "Diff")}
-            >${iconText("📋 Copy Diff")}</button>
+            >${iconText(":clipboard: Copy Diff")}</button>
           </div>
           ${workspaceLink &&
           html`

package/ui/tabs/settings.js

@@ -972,7 +972,7 @@ function ServerConfigMode() {
                 type="button"
                 title=${secretVisible ? "Hide" : "Show"}
               >
-                ${resolveIcon(secretVisible ? "🙈" : "👁")}
+                ${resolveIcon(secretVisible ? ":eyeOff:" : ":eye:")}
               </button>
             </div>
           `;
@@ -1048,7 +1048,7 @@ function ServerConfigMode() {
           </div>
           <div class="setting-row-key">${def.key}</div>
           ${control}
-          ${error && html`<div class="setting-validation-error">${iconText(`⚠ ${error}`)}</div>`}
+          ${error && html`<div class="setting-validation-error">${iconText(`:alert: ${error}`)}</div>`}
         </div>
       `;
     },
@@ -1067,7 +1067,7 @@ function ServerConfigMode() {
     ${loadError &&
     html`
       <div class="settings-banner settings-banner-error">
-        <span>${resolveIcon("⚠️")}</span>
+        <span>${resolveIcon(":alert:")}</span>
         <span class="settings-banner-text">
           <strong>Backend Unreachable</strong> — ${loadError}
         </span>
@@ -1079,7 +1079,7 @@ function ServerConfigMode() {
     !loadError &&
     html`
       <div class="settings-banner settings-banner-warn">
-        <span>${resolveIcon("🧠")}</span>
+        <span>${resolveIcon(":cpu:")}</span>
         <span class="settings-banner-text">Connection lost — reconnecting…</span>
       </div>
     `}
@@ -1087,7 +1087,7 @@ function ServerConfigMode() {
     ${configSync &&
     html`
       <div class="settings-banner ${configSync.skipped?.length ? "settings-banner-warn" : "settings-banner-info"}">
-        <span>${resolveIcon("💾")}</span>
+        <span>${resolveIcon(":save:")}</span>
         <span class="settings-banner-text">
           ${configSync.skipped?.length
             ? `Saved ${configSync.total} settings; synced ${configSync.updated} to config file.`
@@ -1108,7 +1108,7 @@ function ServerConfigMode() {
     !loadError &&
     html`
       <div class="settings-banner settings-banner-info">
-        <span>${resolveIcon("🧭")}</span>
+        <span>${resolveIcon(":compass:")}</span>
         <span class="settings-banner-text">
           Settings are saved to <code>${serverMeta.envPath}</code> and synced to <code>${serverMeta.configPath}</code> for supported keys.
         </span>
@@ -1151,7 +1151,7 @@ function ServerConfigMode() {
         if (filteredSettings.length === 0) {
           return html`
             <div class="settings-empty-search">
-              <div class="settings-empty-search-icon">${resolveIcon("🔍")}</div>
+              <div class="settings-empty-search-icon">${resolveIcon(":search:")}</div>
               <div>No settings match "<strong>${searchQuery}</strong>"</div>
               <div class="meta-text mt-sm">Try a different search term</div>
             </div>
@@ -1271,7 +1271,7 @@ function ServerConfigMode() {
           ${hasRestartSetting &&
           html`
             <div class="settings-banner settings-banner-warn" style="margin-top:8px">
-              <span>${resolveIcon("🔄")}</span>
+              <span>${resolveIcon(":refresh:")}</span>
               <span class="settings-banner-text">
                 Some changes require a restart. The server will auto-reload (~2 seconds).
               </span>
@@ -1553,7 +1553,7 @@ function AppPreferencesMode() {
 
 
     <!-- ─── Account ─── -->
-    <${Collapsible} title=${iconText("👤 Account")} defaultOpen=${true}>
+    <${Collapsible} title=${iconText(":user: Account")} defaultOpen=${true}>
       <${Card}>
         <div class="settings-row">
           ${user?.photo_url &&
@@ -1578,7 +1578,7 @@ function AppPreferencesMode() {
     <//>
 
     <!-- ─── Appearance ─── -->
-    <${Collapsible} title=${iconText("🎨 Appearance")} defaultOpen=${false}>
+    <${Collapsible} title=${iconText(":palette: Appearance")} defaultOpen=${false}>
       <${Card}>
         <div class="card-subtitle mb-sm">Color Theme</div>
         <div class="theme-picker-grid">
@@ -1628,7 +1628,7 @@ function AppPreferencesMode() {
     <//>
 
     <!-- ─── Notifications ─── -->
-    <${Collapsible} title=${iconText("🔔 Notifications")} defaultOpen=${false}>
+    <${Collapsible} title=${iconText(":bell: Notifications")} defaultOpen=${false}>
       <${Card}>
         <${ListItem}
           title="Real-time Updates"
@@ -1667,7 +1667,7 @@ function AppPreferencesMode() {
     <//>
 
     <!-- ─── Data & Storage ─── -->
-    <${Collapsible} title=${iconText("💾 Data & Storage")} defaultOpen=${false}>
+    <${Collapsible} title=${iconText(":save: Data & Storage")} defaultOpen=${false}>
       <${Card}>
         <${ListItem}
           title="WebSocket"
@@ -1688,7 +1688,7 @@ function AppPreferencesMode() {
           subtitle="Remove all stored preferences"
           trailing=${html`
             <button class="btn btn-ghost btn-sm" onClick=${handleClearCache}>
-              ${iconText("🗑 Clear")}
+              ${iconText(":trash: Clear")}
             </button>
           `}
         />
@@ -1696,7 +1696,7 @@ function AppPreferencesMode() {
     <//>
 
     <!-- ─── Executor Defaults ─── -->
-    <${Collapsible} title=${iconText("⚙️ Executor Defaults")} defaultOpen=${false}>
+    <${Collapsible} title=${iconText(":settings: Executor Defaults")} defaultOpen=${false}>
       <${Card}>
         <div class="card-subtitle mb-sm">Default Max Parallel</div>
         <div class="range-row mb-md">
@@ -1743,7 +1743,7 @@ function AppPreferencesMode() {
     <//>
 
     <!-- ─── Advanced ─── -->
-    <${Collapsible} title=${iconText("🔧 Advanced")} defaultOpen=${false}>
+    <${Collapsible} title=${iconText(":settings: Advanced")} defaultOpen=${false}>
       <${Card}>
         <${ListItem}
           title="Debug Mode"
@@ -1794,7 +1794,7 @@ function AppPreferencesMode() {
     <//>
 
     <!-- ─── About ─── -->
-    <${Collapsible} title="ℹ️ About" defaultOpen=${false}>
+    <${Collapsible} title=":help: About" defaultOpen=${false}>
       <${Card}>
         <div style="text-align:center;padding:12px 0">
           <div style="font-size:18px;font-weight:700;margin-bottom:4px">
@@ -1958,7 +1958,7 @@ function GitHubDeviceFlowCard({ config }) {
     return html`
       <${Card}>
         <div style="display:flex;align-items:center;gap:10px;padding:4px 0">
-          <span style="font-size:20px">${resolveIcon("🐙")}</span>
+          <span style="font-size:20px">${resolveIcon(":git:")}</span>
           <div style="flex:1;min-width:0">
             <div style="font-size:13px;font-weight:600;color:var(--text-primary)">GitHub Connected</div>
             <div style="font-size:12px;color:var(--text-secondary)">Token is configured. Re-authenticate below if needed.</div>
@@ -1976,7 +1976,7 @@ function GitHubDeviceFlowCard({ config }) {
     return html`
       <${Card}>
         <div style="text-align:center;padding:12px 0">
-          <div style="font-size:32px;margin-bottom:8px">${resolveIcon("✅")}</div>
+          <div style="font-size:32px;margin-bottom:8px">${resolveIcon(":check:")}</div>
           <div style="font-size:15px;font-weight:600;color:var(--text-primary)">Signed in as ${ghUser}</div>
           <div style="font-size:12px;color:var(--text-secondary);margin-top:4px">GitHub token saved to .env</div>
         </div>
@@ -2016,7 +2016,7 @@ function GitHubDeviceFlowCard({ config }) {
     return html`
       <${Card}>
         <div style="text-align:center;padding:12px 0">
-          <div style="font-size:24px;margin-bottom:8px">${resolveIcon("⚠️")}</div>
+          <div style="font-size:24px;margin-bottom:8px">${resolveIcon(":alert:")}</div>
           <div style="font-size:13px;color:var(--color-error);margin-bottom:12px">${error}</div>
           <button class="btn btn-sm btn-primary" onClick=${startFlow}>Try Again</button>
         </div>
@@ -2028,7 +2028,7 @@ function GitHubDeviceFlowCard({ config }) {
   return html`
     <${Card}>
       <div style="text-align:center;padding:16px 0">
-        <div style="font-size:32px;margin-bottom:8px">${resolveIcon("🐙")}</div>
+        <div style="font-size:32px;margin-bottom:8px">${resolveIcon(":git:")}</div>
         <div style="font-size:15px;font-weight:600;margin-bottom:4px;color:var(--text-primary)">
           Sign in with GitHub
         </div>