npm - cli-jaw - Versions diffs - 1.7.33 → 1.7.34 - Mend

cli-jaw 1.7.33 → 1.7.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/dist/bin/commands/dispatch.js +8 -0
package/dist/bin/commands/dispatch.js.map +1 -1
package/dist/bin/commands/memory.js +7 -1
package/dist/bin/commands/memory.js.map +1 -1
package/dist/bin/commands/orchestrate.js +67 -8
package/dist/bin/commands/orchestrate.js.map +1 -1
package/dist/src/agent/args.js +4 -0
package/dist/src/agent/args.js.map +1 -1
package/dist/src/agent/events.js +50 -20
package/dist/src/agent/events.js.map +1 -1
package/dist/src/agent/opencode-diagnostics.js +106 -0
package/dist/src/agent/opencode-diagnostics.js.map +1 -0
package/dist/src/agent/spawn-env.js +75 -4
package/dist/src/agent/spawn-env.js.map +1 -1
package/dist/src/agent/spawn.js +104 -15
package/dist/src/agent/spawn.js.map +1 -1
package/dist/src/cli/commands.js +1 -1
package/dist/src/cli/commands.js.map +1 -1
package/dist/src/cli/handlers-runtime.js +23 -5
package/dist/src/cli/handlers-runtime.js.map +1 -1
package/dist/src/core/compact.js +8 -7
package/dist/src/core/compact.js.map +1 -1
package/dist/src/core/runtime-settings-gate.js +40 -0
package/dist/src/core/runtime-settings-gate.js.map +1 -0
package/dist/src/core/runtime-settings.js +71 -64
package/dist/src/core/runtime-settings.js.map +1 -1
package/dist/src/orchestrator/pipeline.js +20 -0
package/dist/src/orchestrator/pipeline.js.map +1 -1
package/dist/src/orchestrator/state-machine.js +8 -5
package/dist/src/orchestrator/state-machine.js.map +1 -1
package/dist/src/prompt/templates/a1-system.md +9 -1
package/dist/src/prompt/templates/employee.md +5 -1
package/dist/src/routes/orchestrate.js +52 -11
package/dist/src/routes/orchestrate.js.map +1 -1
package/package.json +6 -5
package/public/css/modals.css +126 -0
package/public/dist/assets/{employees-Do9d6Xi5.js → employees-p53cgGmH.js} +1 -1
package/public/dist/assets/{index-qALA03H1.css → index-CLKLbGzn.css} +1 -1
package/public/dist/assets/index-wUWc2M5K.js +32 -0
package/public/dist/assets/memory-6zLEr-qI.js +1 -0
package/public/dist/assets/{memory-DeZSzBAb.js → memory-C2i7ZIvv.js} +2 -2
package/public/dist/assets/{render-CQnnZ-_i.js → render-CulTuvJs.js} +1 -1
package/public/dist/assets/settings-BUEiZgkm.js +40 -0
package/public/dist/assets/settings-BhrOslae.js +1 -0
package/public/dist/assets/{skills-Ci5t_dsV.js → skills-CSuSbBWa.js} +1 -1
package/public/dist/assets/skills-CgwxEvFx.js +1 -0
package/public/dist/assets/slash-commands-Bo8jvBfI.js +1 -0
package/public/dist/assets/{slash-commands-0RvnZU9z.js → slash-commands-D-v0DlbY.js} +1 -1
package/public/dist/assets/ui-4JiRyxJy.js +131 -0
package/public/dist/assets/ui-Dx0MwI23.js +1 -0
package/public/dist/assets/ws-DKtFfZsY.js +14 -0
package/public/dist/index.html +74 -15
package/public/index.html +72 -13
package/public/js/features/attention-badge.ts +151 -0
package/public/js/features/chat.ts +16 -0
package/public/js/features/help-content.ts +75 -0
package/public/js/features/help-dialog.ts +164 -0
package/public/js/features/memory.ts +2 -2
package/public/js/features/orchestrate-scope.ts +4 -0
package/public/js/features/settings-core.ts +36 -11
package/public/js/main.ts +4 -0
package/public/js/ui.ts +21 -1
package/public/js/virtual-scroll.ts +72 -8
package/public/js/ws.ts +50 -6
package/public/locales/en.json +183 -2
package/public/locales/ko.json +183 -2
package/scripts/smoke/opencode-external-dir-smoke.ts +350 -0
package/public/dist/assets/index-yGExjgR_.js +0 -32
package/public/dist/assets/memory-Dpe-qPbZ.js +0 -1
package/public/dist/assets/settings-C8bSXG3q.js +0 -40
package/public/dist/assets/settings-COrhSfDh.js +0 -1
package/public/dist/assets/skills-BO0V4aHG.js +0 -1
package/public/dist/assets/slash-commands-DbUvFtCk.js +0 -1
package/public/dist/assets/ui-Cxk1_e0b.js +0 -1
package/public/dist/assets/ui-IWxpAzJ7.js +0 -131
package/public/dist/assets/ws-FsYmCE65.js +0 -14
/package/public/dist/assets/{constants-IeOVgtYz.js → constants-BU8a_R5s.js} +0 -0

package/public/dist/index.html CHANGED Viewed

@@ -25,9 +25,9 @@
         href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap"
         rel="stylesheet">
     <!-- Vite handles module bundling in dev (HMR) and production (build) -->
-  <script type="module" crossorigin src="/dist/assets/index-yGExjgR_.js"></script>
+  <script type="module" crossorigin src="/dist/assets/index-wUWc2M5K.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-Bjnw0wQ6.css">
-  <link rel="stylesheet" crossorigin href="/dist/assets/index-qALA03H1.css">
+  <link rel="stylesheet" crossorigin href="/dist/assets/index-CLKLbGzn.css">
 </head>
 <body>
@@ -43,7 +43,11 @@
         </div>
         <div>
-            <div class="section-title" data-i18n="sidebar.memory">메모리</div>
+            <div class="section-title-row">
+                <div class="section-title" data-i18n="sidebar.memory">메모리</div>
+                <button class="help-trigger" type="button" data-help-topic="memory"
+                    data-i18n-aria="help.memory.aria" aria-label="메모리 도움말">?</button>
+            </div>
             <button class="sidebar-hb-btn" id="memorySidebarBtn" aria-label="Open memory panel"><span data-icon="brain"></span> Memory (0)</button>
         </div>
@@ -118,7 +122,11 @@
             </div>
             <button class="sidebar-hb-btn" id="btnClearChat">/clear</button>
             <button class="sidebar-hb-btn" id="hbSidebarBtn"><span data-icon="heartPulse"></span> Heartbeat (0)</button>
-            <button class="sidebar-hb-btn" data-action="openTemplates"><span data-icon="plan"></span> 프롬프트 템플릿</button>
+            <div class="sidebar-action-row">
+                <button class="sidebar-hb-btn" data-action="openTemplates"><span data-icon="plan"></span> 프롬프트 템플릿</button>
+                <button class="help-trigger" type="button" data-help-topic="promptTemplates"
+                    data-i18n-aria="help.promptTemplates.aria" aria-label="프롬프트 템플릿 도움말">?</button>
+            </div>
             <button class="sidebar-hb-btn" id="langToggle" title="한국어 ⇄ English"><span data-icon="web"></span> 한국어</button>
         </div>
     </nav>
@@ -197,7 +205,11 @@
         <!-- Agents Tab -->
         <div id="tabAgents" class="tab-content active" role="tabpanel" aria-labelledby="tabBtnAgents">
             <div>
-                <label data-i18n="label.activeCli">활성 CLI</label>
+                <label class="label-with-help">
+                    <span data-i18n="label.activeCli">활성 CLI</span>
+                    <button class="help-trigger" type="button" data-help-topic="activeCli"
+                        data-i18n-aria="help.activeCli.aria" aria-label="활성 CLI 도움말">?</button>
+                </label>
                 <select id="selCli">
                     <option value="claude">Claude</option>
                     <option value="codex">Codex</option>
@@ -208,11 +220,19 @@
             </div>
             <div>
-                <label data-i18n="label.model">모델</label>
+                <label class="label-with-help">
+                    <span data-i18n="label.model">모델</span>
+                    <button class="help-trigger" type="button" data-help-topic="model"
+                        data-i18n-aria="help.model.aria" aria-label="모델 도움말">?</button>
+                </label>
                 <select id="selModel"></select>
             </div>
             <div>
-                <label data-i18n="label.effort">추론 강도</label>
+                <label class="label-with-help">
+                    <span data-i18n="label.effort">추론 강도</span>
+                    <button class="help-trigger" type="button" data-help-topic="effort"
+                        data-i18n-aria="help.effort.aria" aria-label="추론 강도 도움말">?</button>
+                </label>
                 <select id="selEffort">
                     <option value="">— none</option>
                     <option value="low">🟢 low</option>
@@ -222,7 +242,11 @@
             </div>
             <div>
-                <label data-i18n="label.permissions">권한</label>
+                <label class="label-with-help">
+                    <span data-i18n="label.permissions">권한</span>
+                    <button class="help-trigger" type="button" data-help-topic="permissions"
+                        data-i18n-aria="help.permissions.aria" aria-label="권한 도움말">?</button>
+                </label>
                 <div class="perm-toggle">
                     <span class="perm-btn active perm-auto" ><span data-icon="exec"></span> Auto</span>
                 </div>
@@ -238,6 +262,8 @@
             <details id="flushAgentDetails" class="flush-agent-section">
                 <summary class="section-title" style="cursor:pointer; user-select:none;">
                     <span data-icon="lightbulb"></span> Flush Agent
+                    <button class="help-trigger" type="button" data-help-topic="flushAgent"
+                        data-i18n-aria="help.flushAgent.aria" aria-label="Flush Agent 도움말">?</button>
                     <span id="flushAgentBadge" class="text-xs text-dim" style="margin-left:4px"></span>
                 </summary>
                 <div class="flush-agent-fields" style="margin-top:6px">
@@ -264,7 +290,11 @@
             <hr class="hr-divider">
             <div class="flex justify-between items-center">
-                <div class="section-title" data-i18n="sidebar.employees">직원</div>
+                <div class="label-with-help">
+                    <div class="section-title" data-i18n="sidebar.employees">직원</div>
+                    <button class="help-trigger" type="button" data-help-topic="employees"
+                        data-i18n-aria="help.employees.aria" aria-label="직원 도움말">?</button>
+                </div>
                 <button class="btn-clear btn-action-sm" data-action="addEmployee"
                     data-i18n="btn.addEmployee">+ 추가</button>
             </div>
@@ -275,6 +305,11 @@
         <!-- Skills Tab -->
         <div id="tabSkills" class="tab-content" role="tabpanel" aria-labelledby="tabBtnSkills">
+            <div class="section-title-row">
+                <div class="section-title" data-i18n="tab.skills">스킬</div>
+                <button class="help-trigger" type="button" data-help-topic="skills"
+                    data-i18n-aria="help.skills.aria" aria-label="스킬 도움말">?</button>
+            </div>
             <div class="flex gap-2 flex-wrap">
                 <button class="skill-filter active" data-filter="all" data-i18n="skill.filter.all">전체</button>
                 <button class="skill-filter" data-filter="installed" data-i18n="skill.filter.installed"><span data-icon="compacting"></span> 설치됨</button>
@@ -299,7 +334,11 @@
                 시스템 프롬프트 편집</button>
             <!-- Active Channel Toggle -->
             <div class="settings-group">
-                <h4><span data-icon="radio"></span> Active Channel</h4>
+                <h4 class="section-title-row">
+                    <span><span data-icon="radio"></span> Active Channel</span>
+                    <button class="help-trigger" type="button" data-help-topic="activeChannel"
+                        data-i18n-aria="help.activeChannel.aria" aria-label="Active Channel 도움말">?</button>
+                </h4>
                 <div class="settings-row">
                     <label>Runtime</label>
                     <div>
@@ -311,7 +350,11 @@
             <!-- Telegram Bot -->
             <div id="channelTelegramSettings" class="settings-group">
-                <h4><span data-provider="telegram"></span> Telegram</h4>
+                <h4 class="section-title-row">
+                    <span><span data-provider="telegram"></span> Telegram</span>
+                    <button class="help-trigger" type="button" data-help-topic="telegram"
+                        data-i18n-aria="help.telegram.aria" aria-label="Telegram 도움말">?</button>
+                </h4>
                 <div class="settings-row">
                     <label data-i18n="label.enabled">활성화</label>
                     <div>
@@ -346,7 +389,11 @@
             <!-- Discord Bot -->
             <div id="channelDiscordSettings" class="settings-group" style="display:none">
-                <h4><span data-provider="discord"></span> Discord</h4>
+                <h4 class="section-title-row">
+                    <span><span data-provider="discord"></span> Discord</span>
+                    <button class="help-trigger" type="button" data-help-topic="discord"
+                        data-i18n-aria="help.discord.aria" aria-label="Discord 도움말">?</button>
+                </h4>
                 <div class="settings-row">
                     <label data-i18n="label.enabled">활성화</label>
                     <div>
@@ -508,7 +555,11 @@
             <!-- Fallback Order -->
             <div class="settings-group">
-                <h4><span data-icon="exec"></span> Fallback</h4>
+                <h4 class="section-title-row">
+                    <span><span data-icon="exec"></span> Fallback</span>
+                    <button class="help-trigger" type="button" data-help-topic="fallbackOrder"
+                        data-i18n-aria="help.fallbackOrder.aria" aria-label="Fallback 도움말">?</button>
+                </h4>
                 <p class="text-xs text-dim fallback-desc" data-i18n="fallback.desc">CLI 실패 시 자동
                     재시도 순서</p>
                 <div id="fallbackOrderList"></div>
@@ -516,7 +567,11 @@
             <!-- MCP Servers -->
             <div class="settings-group">
-                <h4><span data-icon="link"></span> MCP Servers</h4>
+                <h4 class="section-title-row">
+                    <span><span data-icon="link"></span> MCP Servers</span>
+                    <button class="help-trigger" type="button" data-help-topic="mcp"
+                        data-i18n-aria="help.mcp.aria" aria-label="MCP 도움말">?</button>
+                </h4>
                 <div id="mcpServerList" class="text-status py-1">
                     Loading...
                 </div>
@@ -529,7 +584,11 @@
             <!-- STT Settings -->
             <div class="settings-group">
-                <h4 data-i18n="stt.title"><span data-icon="mic"></span> 음성 인식 (STT)</h4>
+                <h4 class="section-title-row">
+                    <span><span data-icon="mic"></span> <span data-i18n="stt.title">음성 인식 (STT)</span></span>
+                    <button class="help-trigger" type="button" data-help-topic="stt"
+                        data-i18n-aria="help.stt.aria" aria-label="STT 도움말">?</button>
+                </h4>
                 <div class="settings-row">
                     <label data-i18n="stt.engine">엔진</label>
                     <select id="sttEngine">

package/public/index.html CHANGED Viewed

@@ -49,7 +49,11 @@
         </div>
         <div>
-            <div class="section-title" data-i18n="sidebar.memory">메모리</div>
+            <div class="section-title-row">
+                <div class="section-title" data-i18n="sidebar.memory">메모리</div>
+                <button class="help-trigger" type="button" data-help-topic="memory"
+                    data-i18n-aria="help.memory.aria" aria-label="메모리 도움말">?</button>
+            </div>
             <button class="sidebar-hb-btn" id="memorySidebarBtn" aria-label="Open memory panel"><span data-icon="brain"></span> Memory (0)</button>
         </div>
@@ -124,7 +128,11 @@
             </div>
             <button class="sidebar-hb-btn" id="btnClearChat">/clear</button>
             <button class="sidebar-hb-btn" id="hbSidebarBtn"><span data-icon="heartPulse"></span> Heartbeat (0)</button>
-            <button class="sidebar-hb-btn" data-action="openTemplates"><span data-icon="plan"></span> 프롬프트 템플릿</button>
+            <div class="sidebar-action-row">
+                <button class="sidebar-hb-btn" data-action="openTemplates"><span data-icon="plan"></span> 프롬프트 템플릿</button>
+                <button class="help-trigger" type="button" data-help-topic="promptTemplates"
+                    data-i18n-aria="help.promptTemplates.aria" aria-label="프롬프트 템플릿 도움말">?</button>
+            </div>
             <button class="sidebar-hb-btn" id="langToggle" title="한국어 ⇄ English"><span data-icon="web"></span> 한국어</button>
         </div>
     </nav>
@@ -203,7 +211,11 @@
         <!-- Agents Tab -->
         <div id="tabAgents" class="tab-content active" role="tabpanel" aria-labelledby="tabBtnAgents">
             <div>
-                <label data-i18n="label.activeCli">활성 CLI</label>
+                <label class="label-with-help">
+                    <span data-i18n="label.activeCli">활성 CLI</span>
+                    <button class="help-trigger" type="button" data-help-topic="activeCli"
+                        data-i18n-aria="help.activeCli.aria" aria-label="활성 CLI 도움말">?</button>
+                </label>
                 <select id="selCli">
                     <option value="claude">Claude</option>
                     <option value="codex">Codex</option>
@@ -214,11 +226,19 @@
             </div>
             <div>
-                <label data-i18n="label.model">모델</label>
+                <label class="label-with-help">
+                    <span data-i18n="label.model">모델</span>
+                    <button class="help-trigger" type="button" data-help-topic="model"
+                        data-i18n-aria="help.model.aria" aria-label="모델 도움말">?</button>
+                </label>
                 <select id="selModel"></select>
             </div>
             <div>
-                <label data-i18n="label.effort">추론 강도</label>
+                <label class="label-with-help">
+                    <span data-i18n="label.effort">추론 강도</span>
+                    <button class="help-trigger" type="button" data-help-topic="effort"
+                        data-i18n-aria="help.effort.aria" aria-label="추론 강도 도움말">?</button>
+                </label>
                 <select id="selEffort">
                     <option value="">— none</option>
                     <option value="low">🟢 low</option>
@@ -228,7 +248,11 @@
             </div>
             <div>
-                <label data-i18n="label.permissions">권한</label>
+                <label class="label-with-help">
+                    <span data-i18n="label.permissions">권한</span>
+                    <button class="help-trigger" type="button" data-help-topic="permissions"
+                        data-i18n-aria="help.permissions.aria" aria-label="권한 도움말">?</button>
+                </label>
                 <div class="perm-toggle">
                     <span class="perm-btn active perm-auto" ><span data-icon="exec"></span> Auto</span>
                 </div>
@@ -244,6 +268,8 @@
             <details id="flushAgentDetails" class="flush-agent-section">
                 <summary class="section-title" style="cursor:pointer; user-select:none;">
                     <span data-icon="lightbulb"></span> Flush Agent
+                    <button class="help-trigger" type="button" data-help-topic="flushAgent"
+                        data-i18n-aria="help.flushAgent.aria" aria-label="Flush Agent 도움말">?</button>
                     <span id="flushAgentBadge" class="text-xs text-dim" style="margin-left:4px"></span>
                 </summary>
                 <div class="flush-agent-fields" style="margin-top:6px">
@@ -270,7 +296,11 @@
             <hr class="hr-divider">
             <div class="flex justify-between items-center">
-                <div class="section-title" data-i18n="sidebar.employees">직원</div>
+                <div class="label-with-help">
+                    <div class="section-title" data-i18n="sidebar.employees">직원</div>
+                    <button class="help-trigger" type="button" data-help-topic="employees"
+                        data-i18n-aria="help.employees.aria" aria-label="직원 도움말">?</button>
+                </div>
                 <button class="btn-clear btn-action-sm" data-action="addEmployee"
                     data-i18n="btn.addEmployee">+ 추가</button>
             </div>
@@ -281,6 +311,11 @@
         <!-- Skills Tab -->
         <div id="tabSkills" class="tab-content" role="tabpanel" aria-labelledby="tabBtnSkills">
+            <div class="section-title-row">
+                <div class="section-title" data-i18n="tab.skills">스킬</div>
+                <button class="help-trigger" type="button" data-help-topic="skills"
+                    data-i18n-aria="help.skills.aria" aria-label="스킬 도움말">?</button>
+            </div>
             <div class="flex gap-2 flex-wrap">
                 <button class="skill-filter active" data-filter="all" data-i18n="skill.filter.all">전체</button>
                 <button class="skill-filter" data-filter="installed" data-i18n="skill.filter.installed"><span data-icon="compacting"></span> 설치됨</button>
@@ -305,7 +340,11 @@
                 시스템 프롬프트 편집</button>
             <!-- Active Channel Toggle -->
             <div class="settings-group">
-                <h4><span data-icon="radio"></span> Active Channel</h4>
+                <h4 class="section-title-row">
+                    <span><span data-icon="radio"></span> Active Channel</span>
+                    <button class="help-trigger" type="button" data-help-topic="activeChannel"
+                        data-i18n-aria="help.activeChannel.aria" aria-label="Active Channel 도움말">?</button>
+                </h4>
                 <div class="settings-row">
                     <label>Runtime</label>
                     <div>
@@ -317,7 +356,11 @@
             <!-- Telegram Bot -->
             <div id="channelTelegramSettings" class="settings-group">
-                <h4><span data-provider="telegram"></span> Telegram</h4>
+                <h4 class="section-title-row">
+                    <span><span data-provider="telegram"></span> Telegram</span>
+                    <button class="help-trigger" type="button" data-help-topic="telegram"
+                        data-i18n-aria="help.telegram.aria" aria-label="Telegram 도움말">?</button>
+                </h4>
                 <div class="settings-row">
                     <label data-i18n="label.enabled">활성화</label>
                     <div>
@@ -352,7 +395,11 @@
             <!-- Discord Bot -->
             <div id="channelDiscordSettings" class="settings-group" style="display:none">
-                <h4><span data-provider="discord"></span> Discord</h4>
+                <h4 class="section-title-row">
+                    <span><span data-provider="discord"></span> Discord</span>
+                    <button class="help-trigger" type="button" data-help-topic="discord"
+                        data-i18n-aria="help.discord.aria" aria-label="Discord 도움말">?</button>
+                </h4>
                 <div class="settings-row">
                     <label data-i18n="label.enabled">활성화</label>
                     <div>
@@ -514,7 +561,11 @@
             <!-- Fallback Order -->
             <div class="settings-group">
-                <h4><span data-icon="exec"></span> Fallback</h4>
+                <h4 class="section-title-row">
+                    <span><span data-icon="exec"></span> Fallback</span>
+                    <button class="help-trigger" type="button" data-help-topic="fallbackOrder"
+                        data-i18n-aria="help.fallbackOrder.aria" aria-label="Fallback 도움말">?</button>
+                </h4>
                 <p class="text-xs text-dim fallback-desc" data-i18n="fallback.desc">CLI 실패 시 자동
                     재시도 순서</p>
                 <div id="fallbackOrderList"></div>
@@ -522,7 +573,11 @@
             <!-- MCP Servers -->
             <div class="settings-group">
-                <h4><span data-icon="link"></span> MCP Servers</h4>
+                <h4 class="section-title-row">
+                    <span><span data-icon="link"></span> MCP Servers</span>
+                    <button class="help-trigger" type="button" data-help-topic="mcp"
+                        data-i18n-aria="help.mcp.aria" aria-label="MCP 도움말">?</button>
+                </h4>
                 <div id="mcpServerList" class="text-status py-1">
                     Loading...
                 </div>
@@ -535,7 +590,11 @@
             <!-- STT Settings -->
             <div class="settings-group">
-                <h4 data-i18n="stt.title"><span data-icon="mic"></span> 음성 인식 (STT)</h4>
+                <h4 class="section-title-row">
+                    <span><span data-icon="mic"></span> <span data-i18n="stt.title">음성 인식 (STT)</span></span>
+                    <button class="help-trigger" type="button" data-help-topic="stt"
+                        data-i18n-aria="help.stt.aria" aria-label="STT 도움말">?</button>
+                </h4>
                 <div class="settings-row">
                     <label data-i18n="stt.engine">엔진</label>
                     <select id="sttEngine">

package/public/js/features/attention-badge.ts ADDED Viewed

@@ -0,0 +1,151 @@
+type BadgeNavigator = Navigator & {
+    setAppBadge?: (contents?: number) => Promise<void>;
+    clearAppBadge?: () => Promise<void>;
+};
+const COMPLETION_DEDUPE_MS = 800;
+const BADGE_SIZE = 64;
+const BASE_TITLE_FALLBACK = 'CLI-JAW';
+let initialized = false;
+let unreadCount = 0;
+let baseTitle = BASE_TITLE_FALLBACK;
+let faviconLink: HTMLLinkElement | null = null;
+let originalFaviconHref = '';
+let createdFaviconLink = false;
+let lastNotifyAt = 0;
+function getBadgeNavigator(): BadgeNavigator {
+    return navigator as BadgeNavigator;
+}
+function shouldCountUnread(): boolean {
+    return document.visibilityState !== 'visible' || !document.hasFocus();
+}
+function isDuplicateCompletion(now: number): boolean {
+    return now - lastNotifyAt < COMPLETION_DEDUPE_MS;
+}
+function getOrCreateFaviconLink(): HTMLLinkElement | null {
+    if (faviconLink) return faviconLink;
+    const existing = document.querySelector<HTMLLinkElement>('link[rel~="icon"]');
+    if (existing) {
+        faviconLink = existing;
+        originalFaviconHref = existing.href || existing.getAttribute('href') || '';
+        return existing;
+    }
+    const link = document.createElement('link');
+    link.rel = 'icon';
+    document.head.appendChild(link);
+    faviconLink = link;
+    createdFaviconLink = true;
+    return link;
+}
+function renderBadgeFavicon(count: number): string {
+    const canvas = document.createElement('canvas');
+    canvas.width = BADGE_SIZE;
+    canvas.height = BADGE_SIZE;
+    const ctx = canvas.getContext('2d');
+    if (!ctx) return originalFaviconHref;
+    ctx.clearRect(0, 0, BADGE_SIZE, BADGE_SIZE);
+    ctx.font = '44px "Apple Color Emoji", "Segoe UI Emoji", sans-serif';
+    ctx.textAlign = 'center';
+    ctx.textBaseline = 'middle';
+    ctx.fillText('🦈', 28, 36);
+    ctx.beginPath();
+    ctx.arc(50, 15, count > 1 ? 12 : 9, 0, Math.PI * 2);
+    ctx.fillStyle = '#ff335f';
+    ctx.fill();
+    ctx.lineWidth = 4;
+    ctx.strokeStyle = '#ffffff';
+    ctx.stroke();
+    if (count > 1) {
+        ctx.fillStyle = '#ffffff';
+        ctx.font = 'bold 15px sans-serif';
+        ctx.textAlign = 'center';
+        ctx.textBaseline = 'middle';
+        ctx.fillText(String(Math.min(count, 9)), 50, 16);
+    }
+    return canvas.toDataURL('image/png');
+}
+async function setAppBadgeBestEffort(count: number): Promise<void> {
+    const nav = getBadgeNavigator();
+    if (typeof nav.setAppBadge !== 'function') return;
+    try {
+        await nav.setAppBadge(count);
+    } catch {
+        // Browser support varies; title/favicon remain the reliable baseline.
+    }
+}
+async function clearAppBadgeBestEffort(): Promise<void> {
+    const nav = getBadgeNavigator();
+    if (typeof nav.clearAppBadge !== 'function') return;
+    try {
+        await nav.clearAppBadge();
+    } catch {
+        // Best-effort only.
+    }
+}
+function applyUnreadState(): void {
+    document.title = `(${unreadCount}) ${baseTitle}`;
+    const link = getOrCreateFaviconLink();
+    if (link) link.href = renderBadgeFavicon(unreadCount);
+    void setAppBadgeBestEffort(unreadCount);
+}
+function restoreTitle(): void {
+    document.title = baseTitle;
+}
+function restoreFavicon(): void {
+    if (!faviconLink) return;
+    if (createdFaviconLink) {
+        faviconLink.remove();
+        faviconLink = null;
+        createdFaviconLink = false;
+        return;
+    }
+    faviconLink.href = originalFaviconHref;
+}
+export function initAttentionBadge(): void {
+    if (initialized) return;
+    initialized = true;
+    baseTitle = document.title || BASE_TITLE_FALLBACK;
+    getOrCreateFaviconLink();
+    document.addEventListener('visibilitychange', () => {
+        if (document.visibilityState === 'visible') clearUnreadResponses();
+    });
+    window.addEventListener('focus', () => clearUnreadResponses());
+}
+export function notifyUnreadResponse(): void {
+    if (!initialized || !shouldCountUnread()) return;
+    const now = Date.now();
+    if (isDuplicateCompletion(now)) return;
+    lastNotifyAt = now;
+    unreadCount += 1;
+    applyUnreadState();
+}
+export function clearUnreadResponses(): void {
+    if (!initialized || unreadCount === 0) return;
+    unreadCount = 0;
+    lastNotifyAt = 0;
+    restoreTitle();
+    restoreFavicon();
+    void clearAppBadgeBestEffort();
+}
+export function getUnreadResponseCount(): number {
+    return unreadCount;
+}

package/public/js/features/chat.ts CHANGED Viewed

@@ -9,6 +9,9 @@ import { escapeHtml, cancelPostRender } from '../render.js';
 import { getVirtualScroll } from '../virtual-scroll.js';
 import { clearCache, upsertMessage } from './idb-cache.js';
 import { ICONS } from '../icons.js';
+import { clearUnreadResponses } from './attention-badge.js';
+import { syncOrchestrateSnapshot } from '../ws.js';
+import { waitForSettingsSaveIdle } from './settings-core.js';
 let activeObjectURLs: string[] = [];
@@ -20,6 +23,10 @@ function getCommandTimeoutMs(text: string): number {
     return /^\/compact(?:\s|$)/i.test(String(text || '').trim()) ? 5 * 60 * 1000 : 10_000;
 }
+function isOrchestrateCommand(text: string): boolean {
+    return /^\/(?:orchestrate|pabcd)(?:\s|$)/i.test(String(text || '').trim());
+}
 // In-flight guard: prevents double-send from rapid clicks / Enter-bursts while the
 // POST to /api/message is outstanding. Server-side dedup in gateway.ts is the
 // second line of defense. See devlog/_plan/260417_message_duplication/.
@@ -43,6 +50,7 @@ export async function sendMessage(): Promise<void> {
     const text = input.value.trim();
     if (!text && !state.attachedFiles.length) return;
+    clearUnreadResponses();
     // Mark in-flight AND disable send button for visual feedback.
     __chatSending = true;
@@ -50,12 +58,15 @@ export async function sendMessage(): Promise<void> {
     const prevDisabled = sendBtn.disabled;
     sendBtn.disabled = true;
     try {
+        await waitForSettingsSaveIdle();
         // File paths like /Users/junny/... or /tmp/foo — not commands
         const afterSlash = text.slice(1).trim();
         const firstToken = afterSlash.split(/\s+/)[0] || '';
         const isFilePath = firstToken.includes('/') || firstToken.includes('\\');
         if (text.startsWith('/') && !state.attachedFiles.length && !isFilePath) {
+            const shouldSyncOrchestrate = isOrchestrateCommand(text);
             input.value = '';
             resetInputHeight();
             slashCmd.close();
@@ -100,6 +111,10 @@ export async function sendMessage(): Promise<void> {
                 if (result?.text) addSystemMsg(escapeHtml(result.text), '', result.type);
             } catch (err) {
                 addSystemMsg(t('chat.cmd.fail', { msg: (err as Error).message }), '', 'error');
+            } finally {
+                if (shouldSyncOrchestrate) {
+                    syncOrchestrateSnapshot('command').catch(() => {});
+                }
             }
             return;
         }
@@ -244,6 +259,7 @@ export async function clearChat(): Promise<void> {
     const { cleanupToolActivity } = await import('../ui.js');
     cleanupToolActivity();
     clearCache().catch(() => {});
+    clearUnreadResponses();
 }
 // ── Auto-resize textarea (RAF-batched to avoid blocking input) ──