vibe-coding-master 0.0.13 → 0.0.14

package/dist-frontend/assets/index-jEkUTnIY.css

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2014 The xterm.js authors. All rights reserved.
+ * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
+ * https://github.com/chjj/term.js
+ * @license MIT
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ * Originally forked from (with the author's permission):
+ *   Fabrice Bellard's javascript vt100 for jslinux:
+ *   http://bellard.org/jslinux/
+ *   Copyright (c) 2011 Fabrice Bellard
+ *   The original design remains. The terminal itself
+ *   has been extended to include xterm CSI codes, among
+ *   other features.
+ */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f2ea;color:#1c2024;line-height:1.5}html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f2ea}button,input,select,textarea{font:inherit}button{border:1px solid #9ba6ad;background:#f8f7f2;color:#1d252b;border-radius:6px;min-height:34px;padding:6px 10px;cursor:pointer}button:hover:not(:disabled){background:#eef4f2;border-color:#607d74}button:disabled{cursor:not-allowed;opacity:.55}.danger-button{border-color:#b84a45;background:#fff1ee;color:#8d211d;font-weight:750}.danger-button:hover:not(:disabled){border-color:#8d211d;background:#ffe2dc}input,select,textarea:not(.xterm-helper-textarea){width:100%;border:1px solid #b9b0a1;border-radius:6px;background:#fffdf8;color:#202326;padding:8px 10px}textarea:not(.xterm-helper-textarea){min-height:240px;resize:vertical;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px}h1,h2,p{margin-top:0}h1{margin-bottom:4px;font-size:26px;line-height:1.15}h2{margin-bottom:10px;font-size:14px;letter-spacing:0}.app-shell{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);height:100vh;min-height:0;overflow:hidden}.app-shell.is-sidebar-collapsed{grid-template-columns:46px minmax(0,1fr)}.app-sidebar{position:relative;min-width:0;border-right:1px solid #d3c9b8;background:#fbfaf6;padding:14px;overflow:auto}.app-shell.is-sidebar-collapsed .app-sidebar{overflow:hidden;padding:8px}.sidebar-toggle{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:28px;min-height:28px;padding:0;background:#fffdf8}.sidebar-toggle:before{width:8px;height:8px;border-color:currentColor;border-style:solid;border-width:0 2px 2px 0;content:"";transform:translate(2px) rotate(135deg)}.app-shell.is-sidebar-collapsed .sidebar-toggle{left:9px;right:auto}.app-shell.is-sidebar-collapsed .sidebar-toggle:before{transform:translate(-2px) rotate(-45deg)}.sidebar-content{min-width:0}.app-shell.is-sidebar-collapsed .sidebar-content{width:0;opacity:0;pointer-events:none}.app-main{min-width:0;height:100%;padding:14px 16px;overflow:auto}.brand-header{display:flex;gap:12px;align-items:baseline;margin-bottom:10px;padding-right:34px}.brand-header strong{font-size:18px}.brand-header span,.muted,.workspace-branch,.workspace-worktree{color:#667071;font-size:13px}.sidebar-section{margin-bottom:8px;border:1px solid #e0d6c7;border-radius:8px;background:#fffdfa;overflow:hidden}.sidebar-section-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:34px;border:0;border-radius:0;background:transparent;color:#1c2024;font-size:13px;font-weight:750;text-align:left}.sidebar-section-toggle:hover{background:#f5f1e8}.sidebar-section-toggle[aria-expanded=true]{border-bottom:1px solid #ece5d9}.sidebar-section-chevron{width:8px;height:8px;border-color:currentColor;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg)}.sidebar-section-toggle[aria-expanded=true] .sidebar-section-chevron{transform:rotate(-135deg)}.sidebar-section-content{padding:8px}.repo-connect,.project-summary,.harness-panel,.task-create{margin:0}.inline-form{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.inline-form.has-recent-paths{grid-template-columns:minmax(0,1fr) auto}.inline-form>input{grid-column:1 / -1}.inline-form>button{justify-self:end}.inline-form.has-recent-paths>button{justify-self:auto}.repo-recent-select{min-width:0;max-width:none}.project-summary dl{display:grid;gap:8px;margin:0}.project-summary div{min-width:0}.project-summary dt{color:#6c6255;font-size:12px}.project-summary dd{margin:0;overflow-wrap:anywhere;font-size:13px}.warnings,.error-banner{border:1px solid #c87b54;background:#fff4ed;color:#6f3218;border-radius:6px;padding:10px 12px}.round-notice{position:fixed;right:20px;bottom:20px;z-index:30;display:grid;gap:2px;min-width:220px;max-width:min(360px,calc(100vw - 40px));border:1px solid #2f6f73;border-radius:8px;background:#e8f4f2;color:#123f43;box-shadow:0 14px 32px #1f242b29;padding:10px 12px}.round-notice strong{font-size:13px}.round-notice span{font-size:12px}.warnings{margin:12px 0 0;padding-left:26px;font-size:13px}.harness-panel{display:grid;gap:8px}.harness-panel-header{display:flex;justify-content:space-between;gap:8px;align-items:center}.harness-panel-header h2,.harness-panel-header p,.harness-result p{margin-bottom:0}.harness-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.harness-file-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.harness-file-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #ece5d9;border-radius:6px;padding:6px 8px;background:#fffdfa}.harness-file-list span{overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.harness-changes,.harness-result{border:1px solid #e0d6c7;border-radius:6px;padding:8px;background:#f8f7f2;font-size:12px}.harness-changes h3{margin:0 0 4px;font-size:12px}.harness-changes ul,.harness-result ul{margin:0;padding-left:18px}.task-create form{display:grid;gap:8px}.task-create-preview{display:grid;gap:2px;border:1px solid #e0d6c7;border-radius:6px;background:#f8f7f2;padding:6px 8px}.task-create-option{display:flex;align-items:center;gap:8px;color:#1f242b;font-size:13px;font-weight:700}.task-create-option input{width:16px;height:16px;margin:0}.task-create-preview span{color:#255f3d;font-size:12px;font-weight:700}.task-create-preview small{overflow:hidden;color:#687273;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.task-nav{display:grid;gap:8px}.task-nav-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left}.task-nav-item.is-active,.role-tab.is-active{border-color:#2f6f73;background:#e8f1ef}.sidebar-settings{display:grid;gap:8px}.sidebar-settings button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;text-align:left}.sidebar-settings .settings-toggle.is-active{border-color:#2f6f73;background:#e8f1ef}.sidebar-settings .theme-mode-toggle span:last-child{font-weight:750}.workspace-header{display:grid;grid-template-columns:minmax(180px,auto) minmax(420px,1fr) auto auto;gap:16px;align-items:center;margin-bottom:6px}.workspace-title-line{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;min-width:0}.workspace-title-line h1{margin-bottom:0;font-size:18px;line-height:1.15}.workspace-branch{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-worktree{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eyebrow{color:#7a5c2f;font-size:12px;font-weight:700;text-transform:uppercase}.role-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px;min-width:0}.workspace-header .role-tabs{margin-bottom:0}.role-tab{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;min-height:30px;padding:4px 8px;text-align:left}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr);flex:1;gap:10px;align-items:stretch;min-height:0}.workspace-main{min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}.role-console-stack{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column}.role-console-panel{min-width:0;min-height:0;flex:1;display:none}.role-console-panel.is-active{display:flex;flex-direction:column}.session-console,.message-panel,.event-log,.empty-workspace{border:1px solid #d6d0c6;border-radius:8px;background:#fffdf8;padding:10px}.task-workspace{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}.session-console{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;flex:1;height:100%;min-height:0}.session-console-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.session-console-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.session-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:0 0 8px}.permission-mode-field{display:grid;grid-template-columns:auto minmax(180px,260px);gap:8px;align-items:center;width:fit-content;max-width:100%}.permission-mode-field span{color:#5f6a6c;font-size:13px;font-weight:650}.permission-mode-field small{display:block;color:#7b8587;font-size:11px;font-weight:500;line-height:1.2}.permission-mode-field select{width:100%;min-height:30px;border:1px solid #b9b0a1;border-radius:6px;background:#fffdf8;color:#202326;padding:4px 8px}.session-toolbar{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.session-toolbar button{min-height:30px;padding:4px 9px}.translation-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border:1px solid #b5bec4;border-radius:6px;background:#fffefa;color:#4f5558;font-size:12px;font-weight:650;padding:3px 10px;white-space:nowrap}.translation-toggle.is-active{border-color:#2f7e84;background:#e8f4f2;color:#145e64}.translation-settings-grid input[type=checkbox]{width:auto}.session-console-body{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;height:100%}.session-console-body.has-translation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}.terminal-pane,.translation-pane{display:grid;min-width:0;min-height:0;height:100%}.terminal-frame,.terminal-empty{width:100%;height:100%;min-height:0;border-radius:6px;overflow:hidden;background:#111316}.terminal-empty{display:grid;place-items:center;align-content:center;gap:8px;color:#d6d0c6;border:1px solid #292d31}.translation-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;height:100%;min-height:0;border:1px solid #292d31;border-radius:6px;background:#0d1117;color:#d6deeb;padding:8px;min-width:0;width:100%;overflow:hidden;font-family:Menlo,Monaco,Consolas,monospace}.translation-panel-header{display:grid;gap:3px}.translation-panel-titlebar,.translation-panel-actions,.translation-status-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between}.translation-panel-header h2,.translation-panel-header p{margin-bottom:0}.translation-panel-titlebar h2{font-size:16px}.translation-panel-header p,.translation-composer span{color:#8b949e;font-size:12px}.translation-panel-actions button{border-color:#3a4149;background:#161b22;color:#d6deeb;min-height:26px;padding:2px 8px;font-size:12px}.translation-panel-actions button:hover:not(:disabled),.translation-composer-actions button:hover:not(:disabled){border-color:#58a6ff;background:#1f2937}.translation-panel-actions .auto-send-toggle.is-active{border-color:#56d364;background:#12261a;color:#d6deeb}.translation-panel-actions{justify-content:flex-end}.translation-status-row{flex-wrap:nowrap}.translation-status-row p:last-child{flex:0 0 auto;text-align:right}.translation-entry-list{display:grid;align-content:start;gap:8px;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#4b5563 #0d1117}.translation-entry{border:0;border-radius:0;background:transparent;min-width:0;max-width:100%;padding:0}.translation-entry.is-user-input{border-top:4px solid #3a4149;margin-top:14px;padding-top:14px}.translation-entry.is-user-input:first-child{margin-top:0}.translation-entry pre{box-sizing:border-box;margin:0;max-height:none;max-width:100%;min-width:0;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.45;color:#d6deeb}.translation-markdown{max-width:100%;min-width:0;color:#d6deeb;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.translation-markdown>:first-child{margin-top:0}.translation-markdown>:last-child{margin-bottom:0}.translation-markdown p,.translation-markdown ul,.translation-markdown ol,.translation-markdown blockquote,.translation-markdown pre,.translation-markdown table{margin:0 0 8px}.translation-markdown h1,.translation-markdown h2,.translation-markdown h3,.translation-markdown h4,.translation-markdown h5,.translation-markdown h6{margin:10px 0 6px;color:#f0f6fc;font-weight:700;line-height:1.25}.translation-markdown h1{font-size:17px}.translation-markdown h2{font-size:15px}.translation-markdown h3,.translation-markdown h4,.translation-markdown h5,.translation-markdown h6{font-size:13px}.translation-markdown ul,.translation-markdown ol{padding-left:22px}.translation-markdown li{margin:2px 0}.translation-markdown .task-list-item{list-style:none}.translation-markdown input[type=checkbox]{width:13px;height:13px;margin:0 6px 0 0;accent-color:#56d364}.translation-markdown blockquote{border-left:3px solid #3a4149;color:#b7c0ca;padding-left:10px}.translation-markdown a{color:#79c0ff}.translation-markdown code{border-radius:4px;background:#161b22;color:#f0f6fc;padding:1px 4px;font-family:Menlo,Monaco,Consolas,monospace;font-size:.95em}.translation-markdown pre{overflow-x:auto;border:1px solid #292d31;border-radius:6px;background:#111316;padding:8px;white-space:pre}.translation-markdown pre code{background:transparent;padding:0}.translation-markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.translation-markdown img{max-width:100%;border-radius:4px}.translation-markdown th,.translation-markdown td{border:1px solid #30363d;padding:4px 6px;text-align:left;vertical-align:top}.translation-markdown hr{border:0;border-top:1px solid #292d31;margin:10px 0}.translation-entry.is-tool-output pre{display:block;overflow:hidden;color:#7d8590;text-overflow:ellipsis;white-space:nowrap;width:100%}.translation-entry-note{margin:2px 0 0;color:#6e7681;font-size:10px;line-height:1.35}.translation-entry-note.is-error{color:#a3715f}.translation-composer{display:grid;gap:6px;border-top:1px solid #292d31;padding-top:8px}.translation-composer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.translation-composer textarea{width:100%;min-height:38px;max-height:88px;border-color:#3a4149;background:#0d1117;color:#d6deeb;font-family:inherit;font-size:12px;line-height:1.35;resize:vertical}.translation-composer textarea::placeholder{color:#7d8590}.translation-composer textarea::selection{background:#8b949e59;color:#fff}.translation-composer textarea:focus,.translation-composer textarea:focus-visible{border-color:#4b5563;outline:none;box-shadow:none}.translation-composer-actions{display:grid;align-content:start;gap:6px;min-width:104px}.translation-composer-actions button{border-color:#3a4149;background:#161b22;color:#d6deeb;width:100%;min-height:38px;padding:4px 9px;font-size:12px}.translation-panel .muted{color:#8b949e}.translation-panel .error-banner{border-color:#da7b72;background:#2d1518;color:#ffdcd7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#181c1f61;padding:18px}.translation-settings-modal{display:grid;gap:12px;width:min(980px,100%);max-height:min(760px,92vh);overflow:auto;border:1px solid #d6d0c6;border-radius:8px;background:#fffdf8;padding:14px}.message-modal,.event-modal{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(980px,100%);max-height:min(760px,92vh);overflow:hidden;border:1px solid #d6d0c6;border-radius:8px;background:#fffdf8;padding:14px}.translation-settings-modal header,.message-modal header,.event-modal header,.translation-settings-modal footer{display:flex;gap:8px;align-items:center;justify-content:space-between}.translation-prompt-settings{display:grid;gap:10px;border-top:1px solid #ece5d9;padding-top:12px}.translation-prompt-settings header{display:flex;gap:10px;align-items:end;justify-content:space-between}.translation-prompt-settings h3,.translation-prompt-settings p{margin-bottom:0}.translation-prompt-settings h3{font-size:13px}.translation-prompt-settings textarea{min-height:120px;max-height:260px;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px}.translation-prompt-stack{display:grid;gap:10px}.translation-prompt-stack label{display:grid;gap:4px}.translation-prompt-stack span{color:#4f5558;font-size:12px;font-weight:650}.translation-settings-modal h2,.message-modal h2,.message-modal p,.event-modal h2,.event-modal p,.translation-settings-modal p{margin-bottom:0}.translation-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.translation-settings-grid label{display:grid;gap:4px}.translation-settings-grid span{color:#4f5558;font-size:12px;font-weight:650}.translation-settings-grid select,.translation-prompt-settings select{min-height:34px;border:1px solid #b9b0a1;border-radius:6px;background:#fffdf8;color:#202326;padding:6px 10px}.translation-test-result{border-radius:6px;padding:8px;font-size:13px}.translation-test-result.is-ok{border:1px solid #6ea77e;background:#e6f3e9;color:#245334}.translation-test-result.is-error{border:1px solid #c46e5f;background:#fae9e6;color:#6f2b21}.message-panel{display:grid;gap:8px}.message-modal .message-panel,.event-modal .event-log{min-height:0;overflow:auto;border:0;background:transparent;padding:0}.message-panel-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.message-panel-header h2,.message-panel-header p{margin-bottom:0}.message-controls,.message-mode-toggle,.modal-actions,.message-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.message-mode-toggle{color:#4f5558;font-size:13px;font-weight:650}.message-mode-toggle input{width:auto}.message-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.message-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid #ece5d9;border-radius:6px;padding:8px;background:#fffdfa}.message-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:4px}.message-meta time,.message-meta span:not(.status-badge),.message-reason,.message-path{color:#667071;font-size:12px}.message-sequence{min-width:32px;color:#1f242b;font-weight:800}.message-actions button{min-height:30px;padding:4px 10px}.message-item p{display:-webkit-box;margin-bottom:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.message-reason,.message-path{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-log ol{margin:0;padding-left:22px;font-size:13px}.event-log{max-height:92px;overflow:auto}.event-log h2{margin-bottom:4px;font-size:13px}.event-log p{margin-bottom:0}.event-log li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:66px;min-height:20px;border-radius:999px;padding:2px 8px;border:1px solid #c7c1b8;background:#f2eee7;color:#4f5558;font-size:11px;white-space:nowrap}.status-running,.status-ok{border-color:#6ea77e;background:#e6f3e9;color:#245334}.status-idle{border-color:#9aa3a8;background:#edf0f1;color:#465056}.status-blocked,.status-crashed,.status-missing,.status-empty{border-color:#c46e5f;background:#fae9e6;color:#6f2b21}.status-waiting,.status-starting,.status-incomplete{border-color:#c4a34e;background:#f7efcf;color:#604e16}.status-exited,.status-done,.status-resumable,.status-staged,.status-delivering,.status-submitted,.status-delivered,.status-acknowledged{border-color:#7b98b8;background:#e9f0f8;color:#2e4e70}.status-pending_approval,.status-queued,.status-translating,.status-ready,.status-create,.status-insert,.status-update{border-color:#c4a34e;background:#f7efcf;color:#604e16}.status-rejected,.status-failed,.status-delivery_failed,.status-response_ready_missing_result,.status-cancelled,.status-blocked{border-color:#c46e5f;background:#fae9e6;color:#6f2b21}.status-pending{border-color:#c7c1b8;background:#f2eee7;color:#4f5558}.status-translated,.status-preserved{border-color:#7b98b8;background:#e9f0f8;color:#2e4e70}.empty-workspace{max-width:680px}@media(max-width:980px){.app-shell,.workspace-grid{grid-template-columns:1fr}.app-sidebar{border-right:0;border-bottom:1px solid #d3c9b8}.role-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.session-console-body.has-translation,.translation-settings-grid{grid-template-columns:1fr}}@media(max-width:560px){.app-main,.app-sidebar{padding:12px}.workspace-header,.inline-form,.inline-form.has-recent-paths{grid-template-columns:1fr;display:grid}.role-tabs{grid-template-columns:1fr}.terminal-frame,.terminal-empty{min-height:300px;height:54vh}.permission-mode-field{grid-template-columns:1fr;width:100%}}:root[data-theme=dark]{color-scheme:dark;background:#0d1117;color:#e6edf3}:root[data-theme=dark] body,:root[data-theme=dark] .app-main{background:#0d1117;color:#e6edf3}:root[data-theme=dark] button{border-color:#3d4652;background:#161b22;color:#e6edf3}:root[data-theme=dark] button:hover:not(:disabled){border-color:#58a6ff;background:#1f2937}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea:not(.xterm-helper-textarea){border-color:#3d4652;background:#0d1117;color:#e6edf3}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#7d8590}:root[data-theme=dark] .danger-button{border-color:#da7b72;background:#2d1518;color:#ffdcd7}:root[data-theme=dark] .danger-button:hover:not(:disabled){border-color:#ffa198;background:#3d1f23}:root[data-theme=dark] .app-sidebar{border-color:#30363d;background:#0f141b}:root[data-theme=dark] .sidebar-toggle{background:#161b22}:root[data-theme=dark] .brand-header span,:root[data-theme=dark] .muted,:root[data-theme=dark] .workspace-branch,:root[data-theme=dark] .workspace-worktree,:root[data-theme=dark] .message-meta time,:root[data-theme=dark] .message-meta span:not(.status-badge),:root[data-theme=dark] .message-reason,:root[data-theme=dark] .message-path{color:#8b949e}:root[data-theme=dark] .sidebar-section,:root[data-theme=dark] .session-console,:root[data-theme=dark] .message-panel,:root[data-theme=dark] .event-log,:root[data-theme=dark] .empty-workspace,:root[data-theme=dark] .translation-settings-modal,:root[data-theme=dark] .message-modal,:root[data-theme=dark] .event-modal{border-color:#30363d;background:#11161d}:root[data-theme=dark] .sidebar-section-toggle{color:#e6edf3}:root[data-theme=dark] .sidebar-section-toggle:hover{background:#161b22}:root[data-theme=dark] .sidebar-section-toggle[aria-expanded=true],:root[data-theme=dark] .translation-prompt-settings{border-color:#30363d}:root[data-theme=dark] .project-summary dt,:root[data-theme=dark] .permission-mode-field span,:root[data-theme=dark] .translation-settings-grid span,:root[data-theme=dark] .translation-prompt-stack span,:root[data-theme=dark] .message-mode-toggle{color:#b7c0ca}:root[data-theme=dark] .permission-mode-field small,:root[data-theme=dark] .task-create-preview small{color:#8b949e}:root[data-theme=dark] .warnings,:root[data-theme=dark] .error-banner{border-color:#da7b72;background:#2d1518;color:#ffdcd7}:root[data-theme=dark] .round-notice{border-color:#56d4dd;background:#10262b;color:#d6fbff;box-shadow:0 14px 32px #0104097a}:root[data-theme=dark] .harness-file-list li,:root[data-theme=dark] .harness-changes,:root[data-theme=dark] .harness-result,:root[data-theme=dark] .task-create-preview,:root[data-theme=dark] .message-item{border-color:#30363d;background:#0d1117}:root[data-theme=dark] .task-create-option{color:#e6edf3}:root[data-theme=dark] .task-create-preview span{color:#7ee787}:root[data-theme=dark] .message-sequence{color:#f0f6fc}:root[data-theme=dark] .eyebrow{color:#d29922}:root[data-theme=dark] .task-nav-item.is-active,:root[data-theme=dark] .role-tab.is-active,:root[data-theme=dark] .sidebar-settings .settings-toggle.is-active,:root[data-theme=dark] .translation-toggle.is-active{border-color:#56d4dd;background:#10262b;color:#d6fbff}:root[data-theme=dark] .translation-toggle{border-color:#3d4652;background:#161b22;color:#b7c0ca}:root[data-theme=dark] .permission-mode-field select,:root[data-theme=dark] .translation-settings-grid select,:root[data-theme=dark] .translation-prompt-settings select{border-color:#3d4652;background:#0d1117;color:#e6edf3}:root[data-theme=dark] .terminal-empty{border-color:#30363d}:root[data-theme=dark] .modal-backdrop{background:#010409b8}:root[data-theme=dark] .message-modal .message-panel,:root[data-theme=dark] .event-modal .event-log{background:transparent}:root[data-theme=dark] .status-badge{border-color:#3d4652;background:#161b22;color:#d6deeb}:root[data-theme=dark] .translation-test-result.is-ok,:root[data-theme=dark] .status-running,:root[data-theme=dark] .status-ok{border-color:#3fb950;background:#12261a;color:#aff5b4}:root[data-theme=dark] .status-idle{border-color:#69717d;background:#20262f;color:#d6deeb}:root[data-theme=dark] .translation-test-result.is-error,:root[data-theme=dark] .status-blocked,:root[data-theme=dark] .status-crashed,:root[data-theme=dark] .status-missing,:root[data-theme=dark] .status-empty,:root[data-theme=dark] .status-rejected,:root[data-theme=dark] .status-failed,:root[data-theme=dark] .status-delivery_failed,:root[data-theme=dark] .status-response_ready_missing_result,:root[data-theme=dark] .status-cancelled{border-color:#f85149;background:#2d1518;color:#ffdcd7}:root[data-theme=dark] .status-waiting,:root[data-theme=dark] .status-starting,:root[data-theme=dark] .status-incomplete,:root[data-theme=dark] .status-pending_approval,:root[data-theme=dark] .status-queued,:root[data-theme=dark] .status-translating,:root[data-theme=dark] .status-ready,:root[data-theme=dark] .status-create,:root[data-theme=dark] .status-insert,:root[data-theme=dark] .status-update{border-color:#d29922;background:#2d2208;color:#f8e3a1}:root[data-theme=dark] .status-exited,:root[data-theme=dark] .status-done,:root[data-theme=dark] .status-resumable,:root[data-theme=dark] .status-staged,:root[data-theme=dark] .status-delivering,:root[data-theme=dark] .status-submitted,:root[data-theme=dark] .status-delivered,:root[data-theme=dark] .status-acknowledged,:root[data-theme=dark] .status-translated,:root[data-theme=dark] .status-preserved{border-color:#388bfd;background:#10223a;color:#c9e2ff}:root[data-theme=dark] .status-pending{border-color:#3d4652;background:#161b22;color:#d6deeb}

package/dist-frontend/index.html

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>VibeCodingMaster</title>
-    <script type="module" crossorigin src="/assets/index-CyJrJge9.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-N5DA0uE9.css">
+    <script type="module" crossorigin src="/assets/index-DVhkEVnA.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-jEkUTnIY.css">
   </head>
   <body>
     <div id="root"></div>

package/docs/cc-best-practices.md

@@ -215,6 +215,9 @@ Role-specific behavior lives in `.claude/agents/`.
 - Role outputs are exchanged through `.ai/vcm/handoffs/`, not through chat history.
 - Role messaging is turn-based. Keep at most one active message to the same target role.
 - After sending a role message, wait for that role to respond with `vcmctl reply` or `vcmctl result` before sending another message to the same role.
+- After any successful `vcmctl send`, `vcmctl reply`, or `vcmctl result`, end the current Claude Code turn. Treat the command as the final coordination action of that turn.
+- Do not run `vcmctl inbox`, poll files, start shell loops, or keep the turn open waiting for another role's answer.
+- Do not use Claude Code Task/Subagent for VCM role delegation; VCM owns the four long-running role sessions.
 - If new information appears while a role is still processing, update the handoff artifact or wait instead of sending fragmented follow-up messages.
 - When the required role route includes `architect`, coding must not start until the architecture and plan artifact exists.
 - If the current session was not started with the required role, stop and ask the user to restart with `claude --agent <role>`; do not pretend to be that role inside the wrong session.
@@ -1362,6 +1365,10 @@ Do not rely on `CLAUDE.md` for constraints that can be automated.
 Recommended hooks:
 
 ```text
+UserPromptSubmit:
+  confirm that a VCM message actually entered the target Claude Code role session
+  switch the role activity state to running
+
 PreToolUse:
   block protected files
   block destructive commands
@@ -1376,6 +1383,7 @@ PostToolUse:
   run cheap lint
 
 Stop:
+  switch the role activity state to idle
   check project manager did not bypass required role route
   check task severity and required role route
   check required handoff artifacts exist

package/docs/product-design.md

@@ -62,8 +62,6 @@ project-manager
   -> project-manager final acceptance, commit, and PR
 ```
 
-The workflow is a soft guide in V1. VCM computes readiness from handoff artifact checks and session state, then shows the result in the sidebar. It does not block the user from manually starting a role out of order.
-
 ### 4.1 Task Worktree Model
 
 Task-level worktree management is the recommended default model for multi-task parallelism:
@@ -221,7 +219,6 @@ Sections:
 
 - `Repository Path`
 - `Repository`
-- `Workflow`
 - `Settings`
 - `VCM Harness`
 - `New Task`
@@ -243,24 +240,18 @@ Repository Path
 
 The old `Dirty: yes/no` label is not used. The UI uses `Working tree: clean` or `Working tree: uncommitted changes`.
 
-`Workflow` shows the five soft workflow gates:
-
-- Architecture
-- Implementation
-- Review
-- Docs Sync
-- PM Final
-
 `Settings` contains:
 
 - `Theme` button, cycling through `System`, `Light`, and `Dark`.
 - `Round alert` button, on by default, controlling the completion prompt and sound.
+- `Try alert` button, firing the same completion prompt and sound for local verification.
 - `Messages` button, opening a modal list of role messages.
 - `Events` button, opening a modal list of runtime UI events for the current task.
 
 The default theme mode is `System`, which follows the OS/browser color-scheme preference. The entire application chrome, sidebar, forms, modals, status badges, and workspace panels must support both light and dark rendering. Embedded terminals keep their terminal-native dark styling.
 
 When `Round alert` is on, VCM shows a compact in-app prompt and plays a short local sound after a full conversation round truly ends.
+`Try alert` must work even when no conversation has just completed so the user can verify browser sound and notification behavior.
 
 There is no separate `Pause orchestration` or `Resume orchestration` control in the GUI. The current product model is one on/off toggle in the active role toolbar, immediately to the left of `Translate`.
 
@@ -288,7 +279,7 @@ TASK WORKSPACE  <task>  <branch>  <worktree>   [Project Manager] [Architect] [Co
 
 Role tabs show the session status for each role.
 
-The main task workspace only renders the active role console. Messages, Events, and Workflow are in the sidebar.
+The main task workspace only renders the active role console. Messages and Events are opened from the sidebar.
 
 ## 7. Role Console
 
@@ -325,22 +316,20 @@ The split should stay close to 50/50 width. Both panes expand vertically to fill
 
 ## 8. Round Completion Detection
 
-VCM detects answer completion from Claude Code transcript JSONL, not from terminal silence.
+VCM detects answer completion from VCM's hook-driven role activity state, not from terminal silence.
 
 Backend role state:
 
-- `tool_use`: role is using tools.
-- `tool_result`: tool is no longer pending.
-- `question`: role is waiting for user input.
-- assistant text with `stop_reason === "end_turn"`: candidate answer end.
-- candidate answer end becomes idle only after no pending tools remain and a short debounce passes.
+- `UserPromptSubmit`: role becomes `running`.
+- `Stop`: role becomes `idle` and records `lastStopAt`.
+- The role tab and Round alert use the same activity state source.
 
 Task-level round state:
 
-- If VCM role messages exist, the latest `delivered` or `staged` message defines the current target role.
-- A PM -> Coder -> PM chain completes only when the latest target role, PM, reaches the debounced `end_turn`.
+- If VCM role messages exist, the latest active `delivering`, `submitted`, `delivered`, or `staged` message defines the current target role.
+- A PM -> Coder -> PM chain completes only when the latest target role, PM, reaches hook `Stop`.
 - Queued or pending messages prevent completion because more role work is waiting.
-- If no VCM role message is involved, the latest direct role answer can complete the round.
+- If no VCM role message is involved, the latest direct role `Stop` can complete the round.
 
 The frontend polls this task-level round state. It deduplicates `completionId`, then shows the prompt and plays the sound only once per completed round.
 
@@ -466,19 +455,29 @@ Manual mode:
 - message status becomes `pending_approval` when the target role is running
 - user opens `Messages`
 - message rows show sequence, timestamp, status, body preview, path, and `Copy`
+- `Mark All Done` marks open message records as `acknowledged` after the user manually handled stuck messages
 - user decides whether to copy or manually act on the message
 - VCM does not write to the target terminal or submit Enter
 
 Auto mode:
 
-- if target role is running, VCM writes a `[VCM MESSAGE]` envelope and submits it
+- if target role is running, VCM writes a `[VCM MESSAGE]` envelope, submits Enter, and marks the message `delivering`
+- Claude Code `UserPromptSubmit` is the delivery acknowledgement; when the hook prompt contains the message id, VCM marks the message `submitted`
 - PM remains the routing hub
 - non-PM roles reply to PM
 - VCM enforces per-target-role turn-taking
-- each target role may have at most one active delivered message
+- each target role may have at most one active `delivering`, `submitted`, `delivered`, or `staged` message
 - extra messages to the same busy target role remain queued and are not written to the terminal
-- when the GUI sees a newly delivered auto message, it switches the active role tab to the target role
+- when the GUI sees a newly submitted auto message, it switches the active role tab to the target role
 - a role's `vcmctl reply` or `vcmctl result` acknowledges the active message and releases the next queued message for that role
+- `Mark All Done` is a manual recovery action for stuck orchestration. It marks `pending_approval`, `queued`, `staged`, `delivering`, `submitted`, `delivered`, and failed message states as `acknowledged` so the next queued work is not permanently blocked after the user manually copied or sent a message.
+
+VCM Harness injects Claude Code hooks into `.claude/settings.json`:
+
+- `UserPromptSubmit`: sets the role tab activity to `running` and confirms submitted VCM messages
+- `Stop`: sets the role tab activity to `idle`
+
+The injected role rules require asynchronous role messaging: after any successful `vcmctl send`, `vcmctl reply`, or `vcmctl result`, the role must end the current Claude Code turn and wait for VCM to deliver a later reply. Roles must not run `vcmctl inbox`, loop, poll, or wait inside the same turn for another role to answer, and they must not use Claude Code Task/Subagent for VCM role delegation.
 
 The backend still has `stage`, `approve`, `reject`, `paused`, and pause/resume API compatibility paths. The current GUI exposes only message copy plus manual/auto orchestration.
 
@@ -662,7 +661,7 @@ VCM V1 is successful when:
 - PM can route messages through `vcmctl`.
 - Manual orchestration lets the user inspect and stage messages without auto-submitting Enter.
 - Auto orchestration can deliver PM-approved work to running target roles.
-- Auto orchestration switches to the target role tab when a new message is delivered.
+- Auto orchestration switches to the target role tab when a new message is confirmed by `UserPromptSubmit`.
 - Round completion detection waits for the final role in a chained conversation and can alert with prompt plus sound.
 - Translation settings save to `~/.vcm/settings.json`.
 - Translation reads Claude transcript JSONL reliably after start, resume, and restart.

package/docs/v1-architecture-design.md

@@ -69,7 +69,6 @@ Main state lives in `App`:
 - task list
 - active task
 - active role
-- active workflow report
 - active messages
 - active orchestration state
 - task-local event list
@@ -93,8 +92,7 @@ Responsibilities:
 - Render collapsible sidebar sections.
 - Render repository connect form.
 - Render repository summary.
-- Render workflow panel.
-- Render settings section with Theme, Round alert, Messages, and Events.
+- Render settings section with Theme, Round alert, Try alert, Messages, and Events.
 - Render harness status/actions.
 - Render task creation form with one task-name field, a `Create worktree and branch` checkbox selected by default, and generated branch/path previews when selected.
 - Render task list.
@@ -115,10 +113,10 @@ Responsibilities:
 - Render compact header with task title, branch, immutable worktree path, role tabs, Refresh, and red `Close Task`.
 - Hold per-role permission mode selection.
 - Hold task orchestration state and pass its on/off control to the active role console.
-- Detect newly delivered auto-orchestration messages and switch the active role tab to the target role.
+- Detect newly submitted auto-orchestration messages from Claude Code `UserPromptSubmit` hooks and switch the active role tab to the target role.
 - Emit task round state to `App` so completion alerts can be deduplicated and displayed.
 - Render one `SessionConsole` per role but only show the active role.
-- Emit workflow/messages/orchestration/events back to `App` so sidebar stays synchronized.
+- Emit messages/orchestration/events back to `App` so sidebar stays synchronized.
 
 ### SessionConsole
 
@@ -434,9 +432,9 @@ Artifact checks are simple V1 checks:
 - placeholder / incomplete
 - ok
 
-They are used for workflow readiness, not content quality judgment.
+They are used for missing/incomplete artifact warnings, not content quality judgment.
 
-## 8. Workflow Computation
+## 8. Task Status Report
 
 File:
 
@@ -448,21 +446,7 @@ Endpoint:
 GET /api/tasks/:taskSlug/status
 ```
 
-The workflow has five steps:
-
-```text
-architecture-plan -> implementation -> review -> docs-sync -> final-acceptance
-```
-
-Step readiness:
-
-- Architecture is ready until `architecture-plan.md` is ok.
-- Implementation is blocked until architecture is ok.
-- Review is blocked until `implementation-log.md` and `validation-log.md` are ok.
-- Docs Sync is blocked until `review-report.md` is ok.
-- PM Final is blocked until `docs-sync-report.md` is ok.
-
-The report is displayed in the sidebar `Workflow` section.
+The status report returns the task record, role sessions, artifact checks, and warnings. VCM no longer computes or renders a Workflow panel; role sequencing is guided by the injected Claude rules and PM-mediated messages.
 
 ## 9. Session Runtime
 
@@ -591,17 +575,22 @@ Manual mode:
 send -> pending_approval or queued -> Messages modal -> Copy/manual action
 ```
 
-The current GUI shows sequence, timestamp, status, body preview, path, and a `Copy` button. It does not expose Open Role, Stage, or Reject buttons. The backend still exposes stage/approve/reject routes; `Stage` writes `Read and handle VCM message <id> at <bodyPath>` without appending Enter.
+The current GUI shows sequence, timestamp, status, body preview, path, `Copy`, and `Mark All Done`. It does not expose Open Role, Stage, or Reject buttons. The backend still exposes stage/approve/reject routes; `Stage` writes `Read and handle VCM message <id> at <bodyPath>` without appending Enter.
 
 Auto mode:
 
 ```text
-send -> delivered when target has no active message
-send -> queued when target is already handling a delivered message
+send -> delivering when target has no active message
+UserPromptSubmit hook containing message id -> submitted
+send -> queued when target is already handling an active delivering/submitted/staged message
 target role reply/result -> acknowledge active message -> deliver next queued message for that role
 ```
 
-The backend pastes a `[VCM MESSAGE]` envelope into the target terminal, then sends Enter as a separate terminal input event. Delivery is serialized per target role. VCM does not infer Claude Code readiness from PTY silence; it treats `vcmctl reply` and `vcmctl result` from that role as the turn-complete signal.
+The backend pastes a `[VCM MESSAGE]` envelope into the target terminal, then sends Enter as a separate terminal input event. That terminal write is only `delivering`. Delivery is confirmed by the target Claude Code `UserPromptSubmit` hook, which includes the submitted prompt and message id. Delivery is serialized per target role. VCM does not infer Claude Code readiness from PTY silence; it treats `vcmctl reply` and `vcmctl result` from that role as the workflow-complete signal for that message.
+
+VCM Harness owns Claude Code hook injection through `.claude/settings.json`. V1 injects only `UserPromptSubmit` and `Stop`. `UserPromptSubmit` switches the role activity badge to `running` and confirms submitted messages. `Stop` switches the role activity badge to `idle`. VCM does not use Claude Code Subagent hooks for role delegation.
+
+`Mark All Done` is a manual recovery action for stuck orchestration. It appends `acknowledged` snapshots for open messages, including `pending_approval`, `queued`, `staged`, `delivering`, `submitted`, `delivered`, and failed message states. It is intended for the case where the user manually copied or delivered stuck messages and wants auto orchestration to continue.
 
 The message service also serializes message mutations per task inside the VCM process so concurrent API calls cannot bypass the per-role in-flight check.
 
@@ -623,28 +612,29 @@ API:
 GET /api/tasks/:taskSlug/round
 ```
 
-The round service subscribes to the same backend Claude transcript tailer used by translation. It tracks one lightweight state record per running role session:
+The round service reads hook-driven role activity from `RoleSessionRecord`. It does not use transcript tailing as the source of truth for round completion.
 
 - `unknown`
-- `answering`
-- `using_tools`
-- `waiting_user`
-- `abnormal`
 - `idle`
+- `answering`
 
-`stop_reason === "end_turn"` is treated only as a candidate answer end. The service waits until pending tool uses are cleared and a short debounce passes before marking that role `idle`.
+Mapping:
+
+- `UserPromptSubmit` updates the session to `activityStatus: "running"` and the round role state to `answering`
+- `Stop` updates the session to `activityStatus: "idle"`, records `lastStopAt`, and the round role state becomes `idle`
 
 Task-level completion:
 
-- If a message is currently `delivered` or `staged`, the latest such message defines the round target.
-- In a PM -> role -> PM chain, completion follows the newest delivered message, so the round completes after PM finishes the final response.
+- If a message is currently `delivering`, `submitted`, `delivered`, or `staged`, the latest such message defines the round target.
+- In a PM -> role -> PM chain, completion follows the newest active message, so the round completes after PM emits hook `Stop` for the final response.
 - Queued or pending messages prevent completion.
-- If no VCM message is in the round, the latest direct role answer can still produce a completion state.
+- If no VCM message is in the round, the latest direct role `Stop` can still produce a completion state.
 
 Frontend behavior:
 
 - `TaskWorkspace` polls the round endpoint with the other task state.
 - `App` stores the sidebar `Round alert` preference in `~/.vcm/settings.json`.
+- `Try alert` is frontend-only and calls the same round completion notice/sound path without persisting any setting.
 - `App` deduplicates `completionId`, then shows a small `Round complete` prompt and plays a short Web Audio tone when alerts are enabled.
 
 ## 13. Role Command Compatibility
@@ -688,6 +678,7 @@ Harness files:
 ```text
 CLAUDE.md
 .gitignore
+.claude/settings.json
 .claude/agents/project-manager.md
 .claude/agents/architect.md
 .claude/agents/coder.md
@@ -711,6 +702,8 @@ Managed block:
 # VCM:END
 ```
 
+`.claude/settings.json` is JSON-merged by the harness. VCM preserves existing settings and adds command hooks for `UserPromptSubmit` and `Stop` that call `vcmctl hook-event` through the session-provided `VCM_CTL_COMMAND`.
+
 The service:
 
 - checks whether files exist
@@ -891,6 +884,7 @@ Messages:
 ```text
 GET  /api/tasks/:taskSlug/messages
 POST /api/tasks/:taskSlug/messages
+POST /api/tasks/:taskSlug/messages/mark-all-done
 POST /api/tasks/:taskSlug/messages/:messageId/stage
 POST /api/tasks/:taskSlug/messages/:messageId/approve
 POST /api/tasks/:taskSlug/messages/:messageId/reject
@@ -900,6 +894,12 @@ POST /api/tasks/:taskSlug/orchestration/pause
 POST /api/tasks/:taskSlug/orchestration/resume
 ```
 
+Claude Code hooks:
+
+```text
+POST /api/hooks/claude-code
+```
+
 Round:
 
 ```text
@@ -1002,6 +1002,6 @@ Current boundaries:
 - No branch switching for an existing task.
 - No main-page artifact inspector.
 - No raw PTY output translation.
-- No hard workflow gate enforcement.
+- No computed Workflow panel or hard gate enforcement.
 - No durable backend event log for the sidebar Events modal; current events are frontend runtime events for the active task.
 - No hosted multi-user collaboration.

package/docs/v1-implementation-plan.md

@@ -304,10 +304,6 @@ Defines:
 
 - `ApiErrorResponse`
 - `TaskStatusReport`
-- `TaskWorkflowStepId`
-- `TaskWorkflowStepStatus`
-- `TaskWorkflowStep`
-- `TaskWorkflowReport`
 - `DispatchRoleCommandResult`
 - `BootstrapState`
 
@@ -640,7 +636,7 @@ Responsibilities:
 - assemble `TaskStatusReport`
 - list sessions
 - list artifact checks
-- compute workflow report
+- emit missing/incomplete artifact warnings
 
 ### `src/backend/services/session-service.ts`
 
@@ -690,6 +686,8 @@ Responsibilities:
 
 - list messages
 - send messages
+- confirm submitted messages from Claude Code `UserPromptSubmit` hooks
+- mark all open messages done for manual recovery
 - stage/approve/reject messages
 - get/update orchestration state
 - enforce message policy
@@ -699,7 +697,7 @@ Responsibilities:
 - deliver the next queued message for that role after acknowledgement
 - persist message snapshots
 - write message body markdown
-- write staged or delivered messages to target terminal
+- write staged or delivering messages to target terminal
 
 In task-worktree mode:
 
@@ -709,6 +707,29 @@ In task-worktree mode:
 - terminal delivery uses the runtime session for the role, whose cwd is the task worktree
 - message mutations are serialized per task inside the VCM process to avoid concurrent API calls bypassing the in-flight check
 
+Auto-delivery state:
+
+- `send` writes the envelope and Enter, then stores `delivering`
+- `UserPromptSubmit` hook with the same message id stores `submitted`
+- `delivering`, `submitted`, `delivered`, and `staged` all count as active for per-role turn-taking
+- target-role `vcmctl reply` / `vcmctl result` acknowledges the active message and releases the next queued message
+- `markAllDone` appends `acknowledged` snapshots for open messages so the user can recover after manually copying or sending stuck queued work
+
+### `src/backend/services/claude-hook-service.ts`
+
+Exports:
+
+- `ClaudeHookService`
+- `createClaudeHookService(deps)`
+
+Responsibilities:
+
+- accept Claude Code hook events from `vcmctl hook-event`
+- support only `UserPromptSubmit` and `Stop` in V1
+- map hook events to the current VCM project, task, role, and persisted Claude session id
+- update `RoleSessionRecord.activityStatus`: `UserPromptSubmit -> running`, `Stop -> idle`
+- call `MessageService.confirmPromptSubmitted` when a `UserPromptSubmit` prompt contains a VCM message id
+
 ### `src/backend/services/command-dispatcher.ts`
 
 Exports:
@@ -846,13 +867,13 @@ Exports:
 
 Responsibilities:
 
-- subscribe to Claude transcript events for running role sessions
-- track per-role turn state, pending tool use ids, and debounced `end_turn`
-- mark a role idle only after `stop_reason === "end_turn"`, no pending tools, and debounce
+- read hook-driven role activity from `RoleSessionRecord`
+- map `activityStatus: "running"` to role state `answering`
+- map `activityStatus: "idle"` plus `lastStopAt` to role state `idle`
 - evaluate task-level round completion from messages plus role states
-- wait for the latest delivered/staged target role in PM -> role -> PM chains
+- wait for the latest active delivering/submitted/delivered/staged target role in PM -> role -> PM chains
 - ignore completion while queued or pending messages exist
-- stop trackers on session stop/restart and task close
+- keep `stopSession` and `stopTask` as no-op lifecycle compatibility hooks
 
 ## 9. Backend API
 
@@ -878,7 +899,8 @@ Registers HTTP routes and the terminal WebSocket.
 - `src/backend/api/task-routes.ts`: tasks, task status, and Close Task cleanup endpoint; Close Task stops running role sessions before translation/task cleanup
 - `src/backend/api/session-routes.ts`: session lifecycle and dispatch compatibility endpoint
 - `src/backend/api/artifact-routes.ts`: artifact, role command, and log reads/writes
-- `src/backend/api/message-routes.ts`: messages and orchestration
+- `src/backend/api/message-routes.ts`: messages, Mark All Done recovery, and orchestration
+- `src/backend/api/claude-hook-routes.ts`: Claude Code `UserPromptSubmit` and `Stop` hook receiver
 - `src/backend/api/round-routes.ts`: task round completion state
 - `src/backend/api/translation-routes.ts`: settings, prompt previews, provider test, start/poll, input/send, clear/retry
 
@@ -898,7 +920,7 @@ Terminal WebSocket forwards PTY output/input/resize.
 
 Translation does not use WebSocket. The backend writes cached translation events under `<taskRepoRoot>/.ai/vcm/translation/<task>/<role>/<session-id>.jsonl`; the frontend polls `GET /api/translation/sessions/:sessionId/events?after=<cursor>`. The cursor is the next expected seq, so `after=18` means seq `1..17` can be removed and seq `18+` should be returned.
 
-Round completion is HTTP-polled too. `GET /api/tasks/:taskSlug/round` returns `VcmTaskRoundState` from backend transcript trackers and message state; it is not a WebSocket stream.
+Round completion is HTTP-polled too. `GET /api/tasks/:taskSlug/round` returns `VcmTaskRoundState` from hook-driven role activity and message state; it is not a WebSocket stream.
 
 ## 10. Backend Templates
 
@@ -993,7 +1015,7 @@ Responsibilities:
 - load tasks and harness status after connect
 - pass sidebar props to `ProjectDashboard`
 - pass task props to `TaskWorkspace`
-- keep active workflow/messages/orchestration/events synchronized by task
+- keep active messages/orchestration/events synchronized by task
 - dedupe task round `completionId` values and show/play completion alerts when enabled
 
 ### `src/frontend/routes/project-dashboard.tsx`
@@ -1008,9 +1030,9 @@ Responsibilities:
 - collapsible sidebar
 - repository connect form
 - repository summary
-- workflow panel
 - settings section
 - round completion alert toggle
+- try alert test button
 - messages modal
 - events modal
 - harness panel
@@ -1070,15 +1092,6 @@ Exports:
 
 Shows harness status and install/update action.
 
-### `src/frontend/components/workflow-panel.tsx`
-
-Exports:
-
-- `WorkflowPanelProps`
-- `WorkflowPanel({ workflow })`
-
-Renders the sidebar workflow steps.
-
 ### `src/frontend/components/message-timeline.tsx`
 
 Exports:
@@ -1087,7 +1100,7 @@ Exports:
 - `getMessageCounts(messages)`
 - `MessageTimeline(props)`
 
-Used inside the Messages modal. Current UI rows show sequence, timestamp, route, type, status, body preview, body path, and a `Copy` button. Stage/approve/reject backend APIs remain compatibility paths, but those buttons are not displayed in the current modal.
+Used inside the Messages modal. Current UI rows show sequence, timestamp, route, type, status, body preview, body path, and a `Copy` button. The modal header includes `Mark All Done` for manual recovery from stuck queued/in-flight messages. Stage/approve/reject backend APIs remain compatibility paths, but those buttons are not displayed in the current modal.
 
 ### `src/frontend/components/event-log.tsx`
 
@@ -1197,23 +1210,23 @@ Sidebar:
 
 - all groups default collapsed
 - `Repository Path` default open only when no task is selected
-- `Settings` includes `Theme`, `Round alert`, `Messages`, and `Events`
+- `Settings` includes `Theme`, `Round alert`, `Try alert`, `Messages`, and `Events`
 - `Theme` cycles through `System`, `Light`, and `Dark`; `System` follows the browser/OS color-scheme preference
 - `Round alert` is on by default and controls the in-app completion prompt plus short sound
+- `Try alert` calls the same prompt/sound path without waiting for a real completed round
 
 Task workspace:
 
 - role tabs in the first header row
-- workflow is not in main workspace
 - messages/events are not in main workspace
 - active role console fills available space
 - `Auto orchestration` appears immediately to the left of `Translate` and uses the same compact toggle style
 
 Round completion:
 
-- backend transcript trackers use `stop_reason === "end_turn"` only after pending tools clear and debounce
-- task state follows the latest delivered/staged message target role
-- PM -> role -> PM chains complete after PM's final `end_turn`, not after the intermediate role's `end_turn`
+- task state follows the latest active delivering/submitted/delivered/staged message target role
+- role activity uses `UserPromptSubmit -> running` and `Stop -> idle`
+- PM -> role -> PM chains complete after PM's final hook `Stop`, not after the intermediate role's `Stop`
 - queued or pending messages keep the round active
 - frontend dedupes `completionId` before showing a prompt or playing sound
 
@@ -1317,7 +1330,7 @@ For frontend layout changes, also verify manually:
 - Messages modal opens from sidebar Settings
 - Events modal opens from sidebar Settings
 - Auto orchestration toggles on/off from the role toolbar
-- Auto orchestration switches to the target role tab when a new message is delivered
+- Auto orchestration switches to the target role tab when a new message is confirmed by `UserPromptSubmit`
 - Round alert can be toggled from sidebar Settings and fires once after a chained round truly completes
 - `Enter` in translation composer translates/sends
 - `Shift+Enter` inserts newline

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-coding-master",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Local GUI session cockpit for Claude Code role sessions.",
   "type": "module",
   "files": [