v0.2.0

src/web/css/pending-overlay.css

@@ -14,6 +14,7 @@
   border-radius: var(--radius, 12px);
   box-shadow: 0 8px 32px var(--overlay-bg);
   border: 1px solid var(--border);
+  border-top: 2px solid var(--accent);
   overflow: hidden;
   transition: all 0.3s ease;
   color: var(--text);
@@ -88,6 +89,7 @@
   border-radius: 10px;
   overflow: hidden;
   background: var(--surface-hover);
+  box-shadow: 0 1px 4px var(--shadow);
   transition: opacity 0.3s;
 }
 
@@ -96,6 +98,11 @@
   pointer-events: none;
 }
 
+.pending-overlay-card--resolved .pending-overlay-btn,
+.pending-overlay-card--resolved .pending-overlay-send-btn {
+  pointer-events: none;
+}
+
 .pending-overlay-card-header {
   display: flex;
   align-items: center;
@@ -149,9 +156,9 @@
 /* 工作空间越界审批提示（访问策略 policy_note） */
 .pending-overlay-note {
   font-size: 0.78rem;
-  color: #b45309;
-  background: color-mix(in srgb, #f59e0b 12%, transparent);
-  border: 1px solid color-mix(in srgb, #f59e0b 45%, transparent);
+  color: var(--warning, #b45309);
+  background: var(--warning-bg, color-mix(in srgb, #f59e0b 12%, transparent));
+  border: 1px solid color-mix(in srgb, var(--warning, #f59e0b) 45%, transparent);
   border-radius: 8px;
   padding: 0.4rem 0.55rem;
   margin-bottom: 0.5rem;
@@ -160,7 +167,7 @@
   word-break: break-all;
 }
 
-/* ===== tool_call 卡片：参数只读展示 ===== */
+/* ===== tool_call 卡片：参数摘要只读展示 ===== */
 .pending-overlay-tool-name {
   font-size: 0.8rem;
   font-weight: 600;
@@ -169,18 +176,19 @@
 }
 
 .pending-overlay-tool-args {
-  font-size: 0.76rem;
+  font-size: 0.78rem;
   color: var(--text);
-  background: color-mix(in srgb, var(--text) 6%, transparent);
-  border: 1px solid var(--border);
+  background: color-mix(in srgb, var(--accent) 5%, transparent);
+  border: 1px solid color-mix(in srgb, var(--accent) 22%, transparent);
   border-radius: 8px;
   padding: 0.4rem 0.55rem;
   margin-bottom: 0.5rem;
   white-space: pre-wrap;
   word-break: break-all;
-  max-height: 160px;
+  max-height: 120px;
   overflow-y: auto;
   font-family: var(--font-family, inherit);
+  line-height: 1.55;
 }
 
 /* ===== 按钮行（同意 / 拒绝 / 跳过）===== */
@@ -206,6 +214,16 @@
 .pending-overlay-btn:active {
   transform: translateY(1px);
 }
+.pending-overlay-btn:focus-visible,
+.pending-overlay-send-btn:focus-visible,
+.pending-overlay-submit-btn:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+}
+.pending-overlay-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
 
 .pending-overlay-btn--approve {
   background: var(--accent);