acdev 1.2.0 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "acdev",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "Local CLI + web UI for running AI agents on GitHub issues via git worktrees",
   "type": "module",
   "bin": {

package/public/styles.css

@@ -2,13 +2,13 @@
 
 :root,
 [data-theme="light"] {
-  --bg: #f5f5f6;
-  --surface: #ffffff;
-  --surface-2: #f0f0f1;
+  --bg: #eef0f3;
+  --surface: var(--bg);
+  --surface-2: #e4e7ec;
   --text: #18181b;
   --text-muted: rgba(24, 24, 27, 0.55);
-  --border: rgba(24, 24, 27, 0.1);
-  --border-soft: rgba(24, 24, 27, 0.06);
+  --border: rgba(24, 24, 27, 0.07);
+  --border-soft: rgba(24, 24, 27, 0.045);
   --primary: #5b4fe8;
   --primary-hover: #4c3fd9;
   --primary-100: #ece9fd;
@@ -26,7 +26,12 @@
   --slate-800: #3a4149;
   --nav-badge-bg: #e9e9eb;
   --nav-badge-text: #55565c;
-  --shadow-sm: 0 1px 2px rgba(20, 20, 30, 0.05), 0 1px 1px rgba(20, 20, 30, 0.04);
+  --neu-light: #ffffff;
+  --neu-dark: #c7cbd3;
+  --shadow-sm: 7px 7px 15px var(--neu-dark), -7px -7px 15px var(--neu-light);
+  --shadow-neu-sm: 4px 4px 9px var(--neu-dark), -4px -4px 9px var(--neu-light);
+  --shadow-neu-inset: inset 4px 4px 9px var(--neu-dark), inset -4px -4px 9px var(--neu-light);
+  --shadow-neu-inset-sm: inset 2px 2px 5px var(--neu-dark), inset -2px -2px 5px var(--neu-light);
   --diff-del-bg: oklch(0.93 0.05 25);
   --diff-del-fg: oklch(0.36 0.13 25);
   --diff-add-bg: oklch(0.93 0.05 145);
@@ -36,12 +41,12 @@
 
 [data-theme="dark"] {
   --bg: #141316;
-  --surface: #1d1c20;
-  --surface-2: #242327;
+  --surface: var(--bg);
+  --surface-2: #101013;
   --text: #f1f0f3;
   --text-muted: rgba(241, 240, 243, 0.55);
-  --border: rgba(255, 255, 255, 0.1);
-  --border-soft: rgba(255, 255, 255, 0.06);
+  --border: rgba(255, 255, 255, 0.07);
+  --border-soft: rgba(255, 255, 255, 0.045);
   --primary: #8c80f5;
   --primary-hover: #a196f7;
   --primary-100: #2a2560;
@@ -59,7 +64,12 @@
   --slate-800: #ccd1d6;
   --nav-badge-bg: #2c2b30;
   --nav-badge-text: #c7c6cc;
-  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
+  --neu-light: rgba(255, 255, 255, 0.05);
+  --neu-dark: rgba(0, 0, 0, 0.6);
+  --shadow-sm: 7px 7px 15px var(--neu-dark), -7px -7px 15px var(--neu-light);
+  --shadow-neu-sm: 4px 4px 9px var(--neu-dark), -4px -4px 9px var(--neu-light);
+  --shadow-neu-inset: inset 4px 4px 9px var(--neu-dark), inset -4px -4px 9px var(--neu-light);
+  --shadow-neu-inset-sm: inset 2px 2px 5px var(--neu-dark), inset -2px -2px 5px var(--neu-light);
   --diff-del-bg: oklch(0.28 0.06 25);
   --diff-del-fg: oklch(0.82 0.08 25);
   --diff-add-bg: oklch(0.28 0.05 145);
@@ -173,23 +183,25 @@ a { color: var(--primary); text-underline-offset: 3px; }
   width: 100%;
   padding: 8px 10px;
   border: none;
-  border-radius: 8px;
+  border-radius: 10px;
   background: transparent;
   color: var(--text);
   font-size: 14px;
   font-weight: 500;
   text-align: left;
-  transition: background 0.12s ease, color 0.12s ease;
+  transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
 }
 
 .nav-item:hover {
   background: var(--surface-2);
+  box-shadow: var(--shadow-neu-sm);
 }
 
 .nav-item.active {
   background: var(--primary-100);
   color: var(--primary);
   font-weight: 600;
+  box-shadow: var(--shadow-neu-inset-sm);
 }
 
 .nav-icon {
@@ -333,16 +345,22 @@ a { color: var(--primary); text-underline-offset: 3px; }
   display: flex;
   align-items: center;
   justify-content: center;
-  border: 1px solid var(--border);
+  border: none;
   background: var(--surface);
   color: var(--text);
   padding: 0;
+  box-shadow: var(--shadow-neu-sm);
+  transition: box-shadow 0.12s ease, background 0.12s ease;
 }
 
 .theme-toggle:hover {
   background: var(--surface-2);
 }
 
+.theme-toggle:active {
+  box-shadow: var(--shadow-neu-inset-sm);
+}
+
 .main-scroll {
   flex: 1;
   overflow: auto;
@@ -375,8 +393,8 @@ a { color: var(--primary); text-underline-offset: 3px; }
 /* —— Cards / surfaces —— */
 .card {
   background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 12px;
+  border: none;
+  border-radius: 18px;
   padding: 16px;
   box-shadow: var(--shadow-sm);
 }
@@ -500,9 +518,9 @@ a { color: var(--primary); text-underline-offset: 3px; }
   line-height: 1.4;
   color: var(--text);
   background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 5px;
-  box-shadow: 0 1px 0 color-mix(in srgb, var(--text) 8%, transparent);
+  border: none;
+  border-radius: 6px;
+  box-shadow: var(--shadow-neu-sm);
 }
 
 .enqueue-info-banner {
@@ -511,8 +529,9 @@ a { color: var(--primary); text-underline-offset: 3px; }
   gap: 10px;
   padding: 11px 13px;
   background: var(--surface-2);
-  border: 1px solid var(--border-soft);
-  border-radius: 10px;
+  border: none;
+  border-radius: 12px;
+  box-shadow: var(--shadow-neu-inset-sm);
 }
 
 .enqueue-info-icon {
@@ -562,13 +581,14 @@ a { color: var(--primary); text-underline-offset: 3px; }
   text-align: left;
   cursor: pointer;
   background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  transition: border-color 0.12s ease, box-shadow 0.12s ease;
+  border: none;
+  border-radius: 12px;
+  box-shadow: var(--shadow-neu-sm);
+  transition: box-shadow 0.12s ease;
 }
 
 .agent-pill:hover {
-  border-color: color-mix(in srgb, var(--text) 18%, var(--border));
+  box-shadow: var(--shadow-sm);
 }
 
 .agent-pill:focus-visible {
@@ -735,6 +755,7 @@ a { color: var(--primary); text-underline-offset: 3px; }
   border: none;
   border-bottom: 1px solid var(--border-soft);
   border-radius: 0;
+  box-shadow: none;
 }
 
 .agent-picker-search:focus-visible {
@@ -850,8 +871,8 @@ a { color: var(--primary); text-underline-offset: 3px; }
 
 .stat-card {
   background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 12px;
+  border: none;
+  border-radius: 18px;
   padding: 16px;
   box-shadow: var(--shadow-sm);
 }
@@ -903,8 +924,8 @@ a { color: var(--primary); text-underline-offset: 3px; }
   align-items: center;
   gap: 16px;
   background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 12px;
+  border: none;
+  border-radius: 18px;
   padding: 14px 16px;
   box-shadow: var(--shadow-sm);
 }
@@ -1097,12 +1118,13 @@ a { color: var(--primary); text-underline-offset: 3px; }
 }
 
 .empty-dashed {
-  border: 1px dashed var(--border);
-  border-radius: 12px;
+  border: none;
+  border-radius: 16px;
   padding: 28px;
   text-align: center;
   font-size: 13px;
   color: var(--text-muted);
+  box-shadow: var(--shadow-neu-inset);
 }
 
 .empty-inline {
@@ -1121,12 +1143,13 @@ a { color: var(--primary); text-underline-offset: 3px; }
   font-size: 14px;
   color: var(--text);
   background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  transition: border-color 0.12s ease;
+  border: none;
+  border-radius: 10px;
+  box-shadow: var(--shadow-neu-inset-sm);
+  transition: box-shadow 0.12s ease;
 }
 
-.input:hover { border-color: color-mix(in srgb, var(--text) 20%, var(--border)); }
+.input:hover { box-shadow: var(--shadow-neu-inset); }
 
 .input:focus-visible {
   border-color: var(--primary);
@@ -1191,7 +1214,7 @@ a { color: var(--primary); text-underline-offset: 3px; }
   font-size: 14px;
   line-height: 1.2;
   border: none;
-  border-radius: 8px;
+  border-radius: 10px;
   padding: 9px 16px;
   min-height: 36px;
   cursor: pointer;
@@ -1212,25 +1235,38 @@ a { color: var(--primary); text-underline-offset: 3px; }
 .btn-primary {
   background: var(--primary);
   color: var(--btn-on-primary);
+  box-shadow: var(--shadow-neu-sm);
+  transition: background 0.12s ease, box-shadow 0.12s ease;
 }
 
 .btn-primary:hover:not(:disabled) {
   background: var(--primary-hover);
 }
 
+.btn-primary:active:not(:disabled) {
+  box-shadow: var(--shadow-neu-inset-sm);
+}
+
 .btn-secondary {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: none;
   color: var(--text);
+  box-shadow: var(--shadow-neu-sm);
+  transition: background 0.12s ease, box-shadow 0.12s ease;
 }
 
 .btn-secondary:hover:not(:disabled) {
   background: var(--surface-2);
 }
 
+.btn-secondary:active:not(:disabled) {
+  box-shadow: var(--shadow-neu-inset-sm);
+}
+
 .btn-warn {
   background: var(--amber-100);
   color: var(--amber-800);
+  box-shadow: var(--shadow-neu-sm);
 }
 
 .btn-danger-text {
@@ -1275,8 +1311,8 @@ a { color: var(--primary); text-underline-offset: 3px; }
 /* —— Runs cards —— */
 .run-card {
   background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 12px;
+  border: none;
+  border-radius: 18px;
   padding: 18px 20px;
   box-shadow: var(--shadow-sm);
   display: flex;
@@ -1287,15 +1323,15 @@ a { color: var(--primary); text-underline-offset: 3px; }
   width: 100%;
   color: inherit;
   font: inherit;
+  transition: box-shadow 0.12s ease;
 }
 
 .run-card:hover {
-  border-color: color-mix(in srgb, var(--primary) 35%, var(--border));
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 35%, transparent), var(--shadow-sm);
 }
 
 .run-card.selected {
-  border-color: var(--primary);
-  box-shadow: 0 0 0 1px var(--primary), var(--shadow-sm);
+  box-shadow: var(--shadow-neu-inset), 0 0 0 2px var(--primary);
 }
 
 .run-card-top {
@@ -1351,10 +1387,14 @@ a { color: var(--primary); text-underline-offset: 3px; }
 }
 
 .log-pane-wrap {
-  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 6px;
 }
 
 .log-pane {
+  width: 100%;
   background: var(--surface-2);
   border-radius: 8px;
   padding: 8px 10px;
@@ -1365,12 +1405,8 @@ a { color: var(--primary); text-underline-offset: 3px; }
 }
 
 .log-jump-latest {
-  position: absolute;
-  right: 12px;
-  bottom: 10px;
-  z-index: 1;
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: none;
   color: var(--text);
   border-radius: 8px;
   padding: 6px 12px;
@@ -1492,9 +1528,10 @@ a { color: var(--primary); text-underline-offset: 3px; }
 .log-raw-pre {
   margin: 6px 0 4px;
   padding: 10px 12px;
-  background: var(--bg);
-  border: 1px solid var(--border);
-  border-radius: 6px;
+  background: var(--surface-2);
+  border: none;
+  border-radius: 8px;
+  box-shadow: var(--shadow-neu-inset-sm);
   font-family: "JetBrains Mono", ui-monospace, monospace;
   font-size: 11px;
   line-height: 1.5;
@@ -1524,7 +1561,7 @@ a { color: var(--primary); text-underline-offset: 3px; }
   display: inline-flex;
   align-items: center;
   gap: 6px;
-  border: 1px solid var(--border);
+  border: none;
   background: var(--surface);
   color: var(--text-muted);
   font-family: inherit;
@@ -1533,7 +1570,8 @@ a { color: var(--primary); text-underline-offset: 3px; }
   padding: 6px 11px;
   border-radius: 999px;
   cursor: pointer;
-  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
+  box-shadow: var(--shadow-neu-sm);
+  transition: background 0.12s ease, box-shadow 0.12s ease, color 0.12s ease;
 }
 
 .filter-chip:hover {
@@ -1543,8 +1581,8 @@ a { color: var(--primary); text-underline-offset: 3px; }
 
 .filter-chip[aria-selected="true"] {
   background: var(--primary-100);
-  border-color: transparent;
   color: var(--primary);
+  box-shadow: var(--shadow-neu-inset-sm);
 }
 
 .filter-chip-count {
@@ -1595,7 +1633,7 @@ a { color: var(--primary); text-underline-offset: 3px; }
 
 .review-pick:hover { background: var(--surface-2); }
 
-.review-pick.selected { background: var(--surface-2); }
+.review-pick.selected { background: var(--surface-2); box-shadow: var(--shadow-neu-inset-sm); }
 
 .review-pick-title {
   font-size: 13px;
@@ -1641,9 +1679,10 @@ a { color: var(--primary); text-underline-offset: 3px; }
 
 .pr-status-note {
   padding: 10px 12px;
-  border: 1px solid var(--border-soft);
-  border-radius: 10px;
+  border: none;
+  border-radius: 12px;
   background: var(--surface-2);
+  box-shadow: var(--shadow-neu-inset-sm);
 }
 
 .markdown-view {
@@ -1747,14 +1786,15 @@ a { color: var(--primary); text-underline-offset: 3px; }
   align-items: flex-start;
   gap: 10px;
   padding: 8px 10px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
+  border: none;
+  border-radius: 10px;
   background: var(--surface-2);
   font-size: 12.5px;
   font-family: "JetBrains Mono", ui-monospace, monospace;
   cursor: pointer;
   user-select: none;
   word-break: break-all;
+  box-shadow: var(--shadow-neu-inset-sm);
 }
 
 .review-file-check:has(input:not(:checked)) {
@@ -1762,7 +1802,7 @@ a { color: var(--primary); text-underline-offset: 3px; }
 }
 
 .review-file-check:has(input:checked) {
-  border-color: color-mix(in srgb, var(--primary) 40%, var(--border));
+  box-shadow: var(--shadow-neu-inset-sm), 0 0 0 1.5px var(--primary);
 }
 
 .review-file-check input {
@@ -1799,14 +1839,15 @@ a { color: var(--primary); text-underline-offset: 3px; }
 }
 
 .diff-viewer {
-  border: 1px solid var(--border);
-  border-radius: 10px;
+  border: none;
+  border-radius: 14px;
   font-family: "JetBrains Mono", ui-monospace, monospace;
   font-size: 12.5px;
   overflow: hidden;
   max-height: min(48vh, 520px);
   overflow-y: auto;
   background: var(--surface);
+  box-shadow: var(--shadow-sm);
 }
 
 .diff-section.diff-fullscreen {
@@ -2005,12 +2046,13 @@ body.diff-fs-open {
 }
 
 .diff-pending-chip {
-  border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--border));
+  border: 1px solid color-mix(in srgb, var(--primary) 30%, transparent);
   background: var(--surface);
-  border-radius: 8px;
+  border-radius: 10px;
   padding: 8px 10px;
   font-family: "DM Sans", system-ui, sans-serif;
   font-size: 12px;
+  box-shadow: var(--shadow-neu-sm);
 }
 
 .diff-pending-chip-path {
@@ -2052,10 +2094,11 @@ body.diff-fs-open {
   gap: 10px;
   align-items: flex-start;
   justify-content: space-between;
-  border: 1px solid var(--border);
-  border-radius: 8px;
+  border: none;
+  border-radius: 10px;
   padding: 8px 10px;
   background: var(--surface-2);
+  box-shadow: var(--shadow-neu-inset-sm);
 }
 
 .review-pending-item-main {
@@ -2134,8 +2177,8 @@ body.diff-fs-open {
 /* —— Alerts —— */
 .alert-card {
   background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 12px;
+  border: none;
+  border-radius: 18px;
   padding: 16px 18px;
   box-shadow: var(--shadow-sm);
   display: flex;
@@ -2184,8 +2227,9 @@ body.diff-fs-open {
   padding: 10px 12px;
   background: var(--accent-100);
   color: var(--accent-800);
-  border-radius: 8px;
+  border-radius: 10px;
   font-size: 13px;
+  box-shadow: var(--shadow-neu-sm);
 }
 
 .pr-banner {
@@ -2197,8 +2241,9 @@ body.diff-fs-open {
   padding: 10px 12px;
   background: var(--green-100);
   color: var(--green-800);
-  border-radius: 8px;
+  border-radius: 10px;
   font-size: 13px;
+  box-shadow: var(--shadow-neu-sm);
 }
 
 .permission-card {
@@ -2208,8 +2253,9 @@ body.diff-fs-open {
   padding: 12px 14px;
   background: var(--amber-100);
   color: var(--amber-800);
-  border-radius: 8px;
+  border-radius: 10px;
   font-size: 13px;
+  box-shadow: var(--shadow-neu-sm);
 }
 
 .permission-card-header {
@@ -2237,14 +2283,15 @@ body.diff-fs-open {
   padding: 8px 10px;
   background: var(--bg);
   color: var(--text);
-  border: 1px solid var(--border-soft);
-  border-radius: 6px;
+  border: none;
+  border-radius: 8px;
   font-family: "JetBrains Mono", ui-monospace, monospace;
   font-size: 12px;
   white-space: pre-wrap;
   word-break: break-word;
   max-height: 160px;
   overflow: auto;
+  box-shadow: var(--shadow-neu-inset-sm);
 }
 
 /* —— Scrollbars —— */
@@ -2326,16 +2373,17 @@ body.diff-fs-open {
 }
 
 .settings-tab {
-  border: 1px solid var(--border);
+  border: none;
   background: var(--surface);
   color: var(--text-muted);
   font-family: inherit;
   font-size: 12px;
   font-weight: 600;
   padding: 7px 12px;
-  border-radius: 8px;
+  border-radius: 10px;
   cursor: pointer;
-  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
+  box-shadow: var(--shadow-neu-sm);
+  transition: background 0.12s ease, box-shadow 0.12s ease, color 0.12s ease;
 }
 
 .settings-tab:hover {
@@ -2345,8 +2393,8 @@ body.diff-fs-open {
 
 .settings-tab[aria-selected="true"] {
   background: var(--primary-100);
-  border-color: transparent;
   color: var(--primary);
+  box-shadow: var(--shadow-neu-inset-sm);
 }
 
 .settings-panel {
@@ -2477,6 +2525,7 @@ body.diff-fs-open {
   border: none;
   border-bottom: 1px solid var(--border);
   border-radius: 0;
+  box-shadow: none;
 }
 
 .model-picker-search:focus-visible {
@@ -2562,19 +2611,20 @@ body.diff-fs-open {
   align-items: center;
   gap: 8px;
   padding: 8px 12px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
+  border: none;
+  border-radius: 10px;
   background: var(--surface-2);
   font-size: 13px;
   font-weight: 500;
   cursor: pointer;
   user-select: none;
+  box-shadow: var(--shadow-neu-sm);
 }
 
 .tool-check:has(input:checked) {
-  border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
   background: var(--primary-100);
   color: var(--primary);
+  box-shadow: var(--shadow-neu-inset-sm);
 }
 
 .tool-check input {
@@ -2609,9 +2659,10 @@ body.diff-fs-open {
   gap: 4px;
   max-width: 360px;
   padding: 3px;
-  border: 1px solid var(--border);
+  border: none;
   border-radius: 999px;
   background: var(--surface-2);
+  box-shadow: var(--shadow-neu-inset-sm);
 }
 
 .source-toggle--compact {
@@ -2648,8 +2699,8 @@ body.diff-fs-open {
 .source-btn.active {
   background: var(--surface);
   color: var(--text);
-  border-color: var(--border-soft);
-  box-shadow: var(--shadow-sm);
+  border-color: transparent;
+  box-shadow: var(--shadow-neu-sm);
 }
 
 /* Agent permission mode: selected button uses the theme's primary color. */
@@ -2657,13 +2708,14 @@ body.diff-fs-open {
 #overview-permission-mode .source-btn.active {
   background: var(--primary);
   color: var(--btn-on-primary);
-  border-color: var(--primary);
+  border-color: transparent;
+  box-shadow: var(--shadow-neu-sm);
 }
 
 #settings-permission-mode .source-btn.active:hover:not(:disabled),
 #overview-permission-mode .source-btn.active:hover:not(:disabled) {
   background: var(--primary-hover);
-  border-color: var(--primary-hover);
+  border-color: transparent;
 }
 
 .source-btn:disabled {
@@ -2796,7 +2848,7 @@ body.diff-fs-open {
   border-radius: 6px;
   background: var(--surface-2);
   color: var(--text-muted);
-  border: 1px solid var(--border);
+  border: none;
   white-space: nowrap;
 }
 

package/src/agent.js

@@ -468,7 +468,12 @@ async function runAgentQuery({
         prompt,
         options: {
           cwd: worktreePath,
-          allowedTools: config.allowedTools,
+          // `allowedTools` auto-approves those tools without ever calling
+          // `canUseTool` (SDK semantics) — fine for full_auto (no gate), but
+          // it would silently bypass manual/auto_edit gating. When a gate is
+          // active, restrict availability via `tools` instead so every call
+          // actually reaches `canUseTool`.
+          ...(canUseTool ? { tools: config.allowedTools } : { allowedTools: config.allowedTools }),
           disallowedTools: DISALLOWED_AGENT_TOOLS,
           permissionMode: canUseTool ? 'default' : 'acceptEdits',
           maxTurns: config.maxAgentTurns,