page-agent-sdk 3.3.0 → 3.5.0

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 (12) hide show
  1. package/README.md +4 -4
  2. package/README.zh-CN.md +4 -4
  3. package/dist/page-agent-sdk.headless.js +2481 -2283
  4. package/dist/page-agent-sdk.iife.js +200 -215
  5. package/dist/page-agent-sdk.js +4978 -4704
  6. package/dist/page-agent-sdk.umd.cjs +147 -162
  7. package/dist/style.css +1 -1
  8. package/package.json +1 -1
  9. package/skills/html-fragment/SKILL.md +14 -16
  10. package/types/headless.d.ts +22 -13
  11. package/types/index.d.ts +28 -13
  12. package/skills/html-builder/SKILL.md +0 -56
package/dist/style.css CHANGED
@@ -1,2 +1,2 @@
1
- .chat-header[data-v-9e29849d]{background:var(--cs-header-bg,var(--cs-primary));color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:16;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:relative}.header-left[data-v-9e29849d]{align-items:center;gap:8px;display:flex}.header-icon[data-v-9e29849d]{font-size:20px}.header-title[data-v-9e29849d]{font-size:15px;font-weight:600}.status-dot[data-v-9e29849d]{background:#4ade80;border-radius:50%;width:8px;height:8px}.status-dot.pulse[data-v-9e29849d]{animation:1.5s infinite cs-pulse-9e29849d}@keyframes cs-pulse-9e29849d{0%,to{opacity:1}50%{opacity:.4}}.header-actions[data-v-9e29849d]{z-index:20;gap:4px;display:flex;position:relative}.action-btn[data-v-9e29849d]{background:var(--cs-action-bg,#ffffff26);width:28px;height:28px;color:var(--cs-action-text,#fff);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .2s;display:flex}.action-btn[data-v-9e29849d]:hover:not(:disabled){background:var(--cs-action-hover,#ffffff4d)}.action-btn[data-v-9e29849d]:disabled{opacity:.4;cursor:not-allowed}.more-btn[data-v-9e29849d]{position:relative}.more-btn.active[data-v-9e29849d]{background:var(--cs-action-hover,#ffffff73)}.more-menu[data-v-9e29849d]{z-index:20;background:var(--cs-surface,#fff);min-width:168px;color:var(--cs-surface-text,#1f2937);border:1px solid var(--cs-surface-border,#0000001f);border-radius:8px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000029}.more-item[data-v-9e29849d]{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.more-item[data-v-9e29849d]:hover:not(:disabled){background:var(--cs-surface-hover,#0000000f)}.more-item[data-v-9e29849d]:disabled{opacity:.4;cursor:not-allowed}.more-item svg[data-v-9e29849d]{opacity:.7;flex-shrink:0}.more-item-badge[data-v-9e29849d]{background:var(--cs-primary,#1f4d3a);color:#fff;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px}.more-overlay[data-v-9e29849d]{z-index:15;position:fixed;inset:0}.cs-history-menu[data-v-9e29849d]{z-index:20;background:var(--cs-surface,#fff);min-width:220px;max-height:320px;color:var(--cs-surface-text,#1f2937);border:1px solid var(--cs-surface-border,#0000001f);border-radius:8px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 8px 24px #00000029}.hist-item[data-v-9e29849d]{cursor:pointer;border-radius:6px;padding:8px 10px}.hist-item[data-v-9e29849d]:hover{background:var(--cs-surface-hover,#0000000f)}.hist-item.active[data-v-9e29849d]{background:var(--cs-hist-active-bg,rgba(var(--cs-primary-rgb,31, 77, 58), .15));border-left:var(--cs-hist-active-border,2px solid var(--cs-primary,#1f4d3a));color:var(--cs-hist-active-text,inherit)}.hist-title[data-v-9e29849d]{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:13px;overflow:hidden}.hist-meta[data-v-9e29849d]{opacity:.6;justify-content:space-between;align-items:center;font-size:11px;display:flex}.hist-del[data-v-9e29849d]{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 4px;font-size:13px}.hist-del[data-v-9e29849d]:hover{opacity:1;color:#dc2626}.debug-badge[data-v-9e29849d]{color:#fff;background:#ef4444;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:-2px;right:-2px}.focus-bar[data-v-0d078a41]{background:rgba(var(--cs-primary-rgb,108, 92, 231), .12);border-bottom:1px solid rgba(var(--cs-primary-rgb,108, 92, 231), .2);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.focus-bar-icon[data-v-0d078a41]{font-size:14px}.focus-bar-text[data-v-0d078a41]{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.focus-bar-label[data-v-0d078a41]{color:var(--cs-primary,#6c5ce7);white-space:nowrap;font-weight:600}.focus-bar-path[data-v-0d078a41]{color:var(--cs-bg-muted,#88a);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;overflow:hidden}.focus-bar-btn[data-v-0d078a41]{color:var(--cs-bg-muted,#88a);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px;line-height:1}.focus-bar-btn[data-v-0d078a41]:hover{color:var(--cs-primary,#6c5ce7);background:#ffffff1a}.focus-edit-row[data-v-0d078a41]{background:rgba(var(--cs-primary-rgb,108, 92, 231), .06);border-bottom:1px solid rgba(var(--cs-primary-rgb,108, 92, 231), .15);box-sizing:border-box;gap:6px;width:100%;padding:6px 12px 8px;display:flex}.focus-edit-input[data-v-0d078a41]{background:var(--cs-bg,#224);min-width:0;color:var(--cs-bg-text,#e5e7eb);border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:5px 8px;font-family:inherit;font-size:12px}.focus-edit-input[data-v-0d078a41]:focus{border-color:var(--cs-primary,#6c5ce7);outline:none}.focus-edit-input[data-v-0d078a41]::placeholder{color:var(--cs-bg-muted,#88a);opacity:.7}.focus-edit-label[data-v-0d078a41]{flex:0 0 90px}.focus-edit-go[data-v-0d078a41]{background:var(--cs-primary,#6c5ce7);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:5px 12px;font-size:12px}.focus-edit-go[data-v-0d078a41]:hover{opacity:.9}.reasoning-block[data-v-01f28016]{border:1px solid var(--cs-reason-border);background:var(--cs-reason-bg);border-radius:8px;margin-bottom:6px;overflow:hidden}.reasoning-header[data-v-01f28016]{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--cs-reason-head);align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.reasoning-title[data-v-01f28016]{font-weight:600}.reasoning-toggle[data-v-01f28016]{color:var(--cs-reason-toggle);margin-left:auto;font-size:12px}.reasoning-body[data-v-01f28016]{border-top:1px solid var(--cs-reason-border);color:var(--cs-reason-text);white-space:pre-wrap;word-break:break-word;padding:8px 10px;font-size:12px;line-height:1.6}.status-dot[data-v-01f28016]{background:var(--cs-step-meta);border-radius:3px;flex-shrink:0;width:8px;height:8px}.status-dot.ok[data-v-01f28016]{background:var(--cs-ok)}.steps-block[data-v-ab63d20b]{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:6px;display:flex}.step-item[data-v-ab63d20b]{background:var(--cs-step-bg);border:1px solid var(--cs-step-border);color:var(--cs-step-text);border-radius:8px;flex-direction:column;align-self:flex-start;gap:3px;max-width:100%;padding:5px 10px;font-size:11px;display:flex}.step-head[data-v-ab63d20b]{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.step-name[data-v-ab63d20b]{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600}.step-count[data-v-ab63d20b]{color:var(--cs-step-meta);font-size:10px;font-weight:600}.step-status[data-v-ab63d20b]{letter-spacing:.2px;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.step-status.done[data-v-ab63d20b]{color:var(--cs-ok);background:rgba(var(--cs-ok-rgb), .12)}.step-status.running[data-v-ab63d20b]{color:var(--cs-warn);background:rgba(var(--cs-warn-rgb), .12)}.step-status.error[data-v-ab63d20b]{color:var(--cs-err);background:rgba(var(--cs-err-rgb), .12)}.step-duration[data-v-ab63d20b]{color:var(--cs-step-meta);font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.step-children[data-v-ab63d20b]{border-left:2px solid var(--cs-sub-border);background:var(--cs-sub-bg);border-radius:0 6px 6px 0;flex-direction:column;gap:3px;margin-top:4px;padding:4px 8px 4px 10px;display:flex}.step-children-label[data-v-ab63d20b]{color:var(--cs-sub-text);letter-spacing:.3px;font-size:10px;font-weight:600}.step-child[data-v-ab63d20b]{color:var(--cs-sub-text);border-radius:6px;align-items:center;gap:5px;padding:1px 4px;font-size:10px;display:inline-flex}.step-child .step-name[data-v-ab63d20b]{color:var(--cs-sub-text);font-weight:400}.step-child .step-status.running[data-v-ab63d20b]{color:var(--cs-sub-text);background:#6c5ce71f}.step-sub-reason[data-v-ab63d20b]{border-left:2px solid var(--cs-sub-border);background:var(--cs-sub-bg);border-radius:0 6px 6px 0;margin-top:4px}.sub-reason-head[data-v-ab63d20b]{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--cs-sub-text);align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:600;list-style:none;display:flex}.sub-reason-head[data-v-ab63d20b]::-webkit-details-marker{display:none}.sub-reason-head[data-v-ab63d20b]:before{content:"▸";color:var(--cs-sub-text);font-size:9px;transition:transform .15s;display:inline-block}.step-sub-reason[open] .sub-reason-head[data-v-ab63d20b]:before{transform:rotate(90deg)}.sub-reason-body[data-v-ab63d20b]{border-top:1px solid var(--cs-sub-border);color:var(--cs-sub-text);white-space:pre-wrap;word-break:break-word;max-height:200px;padding:4px 10px 6px;font-size:10px;line-height:1.5;overflow-y:auto}.status-dot.ok[data-v-ab63d20b]{background:var(--cs-ok)}.status-dot[data-v-ab63d20b]{background:var(--cs-step-meta);border-radius:3px;flex-shrink:0;width:8px;height:8px}.status-dot.done[data-v-ab63d20b]{background:var(--cs-ok)}.status-dot.running[data-v-ab63d20b]{background:var(--cs-warn)}.status-dot.error[data-v-ab63d20b]{background:var(--cs-err)}.status-dot.sm[data-v-ab63d20b]{border-radius:2px;width:6px;height:6px}.code-preview-overlay[data-v-985c5382]{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.code-preview-modal[data-v-985c5382]{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:900px;height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.preview-header[data-v-985c5382]{color:#fff;background:#1f2937;align-items:center;gap:12px;padding:10px 16px;display:flex}.preview-title[data-v-985c5382]{font-size:14px;font-weight:600}.preview-tabs[data-v-985c5382]{gap:4px;margin-left:auto;display:flex}.preview-tabs button[data-v-985c5382]{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:4px 12px;font-size:13px}.preview-tabs button.active[data-v-985c5382]{background:#667eea}.preview-tabs button[data-v-985c5382]:disabled{opacity:.4;cursor:not-allowed}.preview-actions[data-v-985c5382]{gap:4px;display:flex}.icon-btn[data-v-985c5382]{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.icon-btn[data-v-985c5382]:hover{background:#ffffff40}.preview-body[data-v-985c5382]{background:#f9fafb;flex:1;overflow:hidden}.preview-iframe[data-v-985c5382]{background:#fff;border:none;width:100%;height:100%}.preview-source[data-v-985c5382]{color:#e5e7eb;white-space:pre-wrap;word-break:break-word;background:#1f2937;height:100%;margin:0;padding:16px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;overflow:auto}.message-md{overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.7}.message-md p{margin:0 0 8px}.message-md p:last-child{margin-bottom:0}.message-md table{border-collapse:collapse;max-width:100%;margin:8px 0;display:block;overflow-x:auto}.message-md th,.message-md td{border:1px solid var(--cs-md-border,#e5e7eb);white-space:nowrap;padding:4px 8px;font-size:12px}.message-md th{background:var(--cs-md-th-bg,#f9fafb)}.message-md img{max-width:100%}.message-md ul,.message-md ol{margin:6px 0;padding-left:20px}.message-md li{margin:2px 0}.message-md h1,.message-md h2,.message-md h3{margin:10px 0 6px;font-weight:600}.message-md h1{font-size:18px}.message-md h2{font-size:16px}.message-md h3{font-size:15px}.message-md a{color:#667eea;text-decoration:underline}.message-md code:not(.hljs){background:var(--cs-md-code-bg,#667eea1a);color:var(--cs-md-code-text,#4338ca);border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px}.message-md .code-block{background:#1f2937;border-radius:8px;margin:10px 0;padding:0;position:relative;overflow:hidden}.message-md .code-block code{color:#e5e7eb;background:0 0;padding:12px 14px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;display:block;overflow-x:auto}.message-md .code-toolbar{background:#00000040;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:6px 12px;display:flex}.message-md .code-lang{color:#9ca3af;text-transform:lowercase;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px}.message-md .code-action-btn{color:#e5e7eb;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;margin-left:auto;padding:3px 10px;font-size:12px;transition:background .2s}.message-md .code-action-btn:hover{background:#fff3}.message-md .code-action-btn.preview-btn{color:#fff;background:#667eea;margin-left:4px}.message-md .code-action-btn.preview-btn:hover{background:#5568d3}.message-md .hljs{color:#e5e7eb}.message-md .hljs-keyword{color:#c084fc}.message-md .hljs-string{color:#86efac}.message-md .hljs-comment{color:#6b7280;font-style:italic}.message-md .hljs-number{color:#fca5a5}.message-md .hljs-function .hljs-title,.message-md .hljs-title{color:#93c5fd}.message-md .hljs-tag{color:#fca5a5}.message-md .hljs-attr{color:#fcd34d}.message-md .hljs-built_in{color:#67e8f9}.message-bubble[data-v-c38029d9]{border-radius:var(--cs-radius-bubble,12px);overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;padding:9px 13px;font-size:12px;line-height:1.7}.message-bubble.assistant[data-v-c38029d9]{background:var(--cs-bubble-ai,#f3f4f6);color:var(--cs-bg-text,#1f2937);white-space:normal;overflow-wrap:anywhere;border-bottom-left-radius:4px}.message-bubble.user[data-v-c38029d9]{background:var(--cs-bubble-user,var(--cs-primary,#1f4d3a));color:#fff;border-bottom-right-radius:4px}.typing[data-v-c38029d9]{align-items:center;gap:6px;padding:4px 2px;display:flex}.typing-dot[data-v-c38029d9]{background:var(--cs-typing-dot,var(--cs-primary,#1f4d3a));border-radius:3px;flex-shrink:0;width:8px;height:8px}.typing-dot.pulse[data-v-c38029d9]{animation:1.2s ease-in-out infinite cs-dot-pulse-c38029d9}@keyframes cs-dot-pulse-c38029d9{0%,to{opacity:1}50%{opacity:.35}}.typing-text[data-v-c38029d9]{color:var(--cs-bg-text,#6b7280);font-size:13px}.stream-cursor[data-v-c38029d9]{vertical-align:text-bottom;background:var(--cs-primary);width:7px;height:14px;margin-left:2px;animation:1s steps(2,end) infinite cs-blink-c38029d9;display:inline-block}@keyframes cs-blink-c38029d9{0%,50%{opacity:1}51%,to{opacity:0}}.message-time[data-v-4a976e4a]{color:#9ca3af;margin-top:4px;padding:0 4px;font-size:11px}.msg-actions[data-v-33638c4b]{opacity:0;gap:6px;margin-top:4px;transition:opacity .2s;display:flex}.msg-action-btn[data-v-33638c4b]{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:2px 8px;font-size:11px;transition:all .2s}.msg-action-btn[data-v-33638c4b]:hover{border-color:var(--cs-primary);color:var(--cs-primary);background:#f0f7f3}.avatar-icon[data-v-dd253c12]{fill:currentColor;width:62%;height:62%}.message-row[data-v-cc6e79b0]{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.message-row.user[data-v-cc6e79b0]{flex-direction:row-reverse}.message-avatar[data-v-cc6e79b0]{width:var(--cs-avatar-size,32px);height:var(--cs-avatar-size,32px);border-radius:var(--cs-avatar-radius,50%);background:var(--cs-avatar-bg,#f3f4f6);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.message-row.assistant .message-avatar[data-v-cc6e79b0]{background:var(--cs-avatar-grad,var(--cs-avatar-bg,#f3f4f6));color:var(--cs-avatar-fg,#fff)}.message-row.user .message-avatar[data-v-cc6e79b0]{background:var(--cs-avatar-user-bg,#ecf5ef);color:var(--cs-avatar-user-fg,#3b5e4a)}.message-content[data-v-cc6e79b0]{min-width:0;max-width:80%}.msg-focuses[data-v-cc6e79b0]{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-bottom:4px;display:flex}.msg-focus-chip[data-v-cc6e79b0]{background:rgba(var(--cs-primary-rgb,31, 77, 58), .12);color:var(--cs-primary,#1f4d3a);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:2px;padding:1px 4px 1px 6px;font-size:11px;line-height:1.6;display:inline-flex}.msg-focus-chip[data-v-cc6e79b0]:hover{background:rgba(var(--cs-primary-rgb,31, 77, 58), .2)}.msg-focus-chip-x[data-v-cc6e79b0]{color:inherit;cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:8px;padding:0 4px;font-size:11px;line-height:1;transition:opacity .15s,background .15s}.msg-focus-chip-x[data-v-cc6e79b0]:hover{opacity:1;background:rgba(var(--cs-err-rgb,220, 38, 38), .15);color:var(--cs-err,#dc2626)}.message-row.user .message-content[data-v-cc6e79b0]{flex-direction:column;align-items:flex-end;display:flex}.message-row.assistant[data-v-cc6e79b0]:hover .msg-actions{opacity:1}.chat-body[data-v-79cdf41e]{flex-direction:column;min-height:100%;padding:16px;display:flex}.empty-state[data-v-79cdf41e]{color:#9ca3af;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:200px;display:flex}.empty-icon[data-v-79cdf41e]{margin-bottom:12px;font-size:48px}.empty-state p[data-v-79cdf41e]{font-size:14px}.message-row[data-v-79cdf41e]{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.message-avatar[data-v-79cdf41e]{color:#4b5563;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.message-row.assistant .message-avatar[data-v-79cdf41e]{background:var(--cs-avatar-grad,linear-gradient(135deg, #92a2fe 0%, #645bff 100%));color:#fff}.message-content[data-v-79cdf41e]{min-width:0;max-width:80%}.error-bar[data-v-79cdf41e]{color:#dc2626;background:#fef2f2;border-radius:8px;align-items:flex-start;gap:10px;margin-top:8px;padding:8px 12px;font-size:13px;display:flex}.error-text[data-v-79cdf41e]{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;flex:1;min-width:0;max-height:120px;line-height:1.5;overflow-y:auto}.error-bar .retry-btn[data-v-79cdf41e],.error-bar .undo-btn[data-v-79cdf41e]{flex-shrink:0;margin-top:1px}.retry-btn[data-v-79cdf41e]{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;flex-shrink:0;padding:3px 12px;font-size:12px;font-weight:600;transition:background .2s}.retry-btn[data-v-79cdf41e]:hover{background:#b91c1c}.undo-btn[data-v-79cdf41e]{color:#92400e;cursor:pointer;background:#fffbeb;border:1px solid #f59e0b;border-radius:6px;margin-left:6px;padding:2px 10px;font-size:11px;transition:all .2s}.undo-btn[data-v-79cdf41e]:hover{background:#fde68a}.queued-bar[data-v-f32730a9]{border:1px solid #e5e7eb;border-left:3px solid var(--cs-primary);background:linear-gradient(#f9fafb 0%,#fff 100%);border-radius:10px;margin:10px 12px;padding:10px 12px;box-shadow:0 1px 3px #0000000a}.queued-head[data-v-f32730a9]{color:#6b7280;letter-spacing:.2px;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.queued-icon[data-v-f32730a9]{font-size:13px}.queued-title[data-v-f32730a9]{color:#4b5563;font-weight:600}.queued-count[data-v-f32730a9]{background:var(--cs-primary);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:600;line-height:18px}.queued-item[data-v-f32730a9]{background:#fff;border:1px solid #eef0f3;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:7px 10px;transition:border-color .2s,box-shadow .2s;animation:.22s cubic-bezier(.16,1,.3,1) cs-queued-in-f32730a9;display:flex}.queued-item[data-v-f32730a9]:hover{border-color:#d1d5db;box-shadow:0 2px 5px #0000000d}.queued-idx[data-v-f32730a9]{background:rgba(var(--cs-primary-rgb), .1);width:20px;height:20px;color:var(--cs-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.queued-text[data-v-f32730a9]{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;line-height:1.5;overflow:hidden}.queued-act[data-v-f32730a9]{color:#9ca3af;cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .15s;display:flex}.queued-item:hover .queued-act[data-v-f32730a9]{opacity:1}.queued-act[data-v-f32730a9]:hover{color:#1f2937;background:#f3f4f6}.queued-act.queued-del[data-v-f32730a9]:hover{color:#dc2626;background:#fef2f2}@keyframes cs-queued-in-f32730a9{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.queued-item[data-v-f32730a9]{animation:none}}.approval-bar[data-v-296a936f]{background:linear-gradient(#fffbeb 0%,#fffef5 100%);border:1px solid #fcd34d;border-left:4px solid #f59e0b;border-radius:10px;margin:10px 12px;padding:12px 14px;box-shadow:0 2px 8px #f59e0b14}.approval-head[data-v-296a936f]{color:#92400e;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.approval-icon[data-v-296a936f]{font-size:18px}.approval-title[data-v-296a936f]{flex:1;min-width:0}.approval-title code[data-v-296a936f]{color:#78350f;background:#fef3c7;border-radius:5px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.approval-toggle[data-v-296a936f]{color:#92400e;cursor:pointer;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:3px 10px;font-size:12px;transition:all .2s}.approval-toggle[data-v-296a936f]:hover{background:#fef3c7;border-color:#f59e0b}.approval-args[data-v-296a936f]{color:#57534e;white-space:pre-wrap;word-break:break-all;background:#fff;border:1px solid #fde68a;border-radius:8px;max-height:160px;margin:10px 0;padding:10px;font-size:12px;line-height:1.5;overflow:auto}.approval-actions[data-v-296a936f]{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.approval-options[data-v-296a936f]{flex-direction:column;gap:8px;margin-top:10px;display:flex}.approval-options .approval-opt[data-v-296a936f]{text-align:left;white-space:normal;width:100%;padding:9px 14px;line-height:1.5}.approval-actions button[data-v-296a936f]{cursor:pointer;border:none;border-radius:7px;padding:6px 18px;font-size:13px;font-weight:500;transition:all .2s}.approval-deny[data-v-296a936f]{color:#6b7280;background:#fff;border:1px solid #e5e7eb}.approval-deny[data-v-296a936f]:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.approval-allow[data-v-296a936f]{background:var(--cs-primary);color:#fff;box-shadow:0 1px 3px rgba(var(--cs-primary-rgb), .3)}.approval-allow[data-v-296a936f]:hover{opacity:.92;transform:translateY(-1px)}.approval-question[data-v-296a936f]{color:#1f2937;white-space:pre-wrap;background:#fff;border:1px solid #fde68a;border-radius:8px;margin:10px 0;padding:10px 12px;font-size:13px;line-height:1.6;box-shadow:0 1px 2px #00000008}.approval-context[data-v-296a936f]{color:#92400e;margin:6px 0 10px;padding:0 2px;font-size:12px;line-height:1.6}.approval-recommend[data-v-296a936f]{background:rgba(var(--cs-primary-rgb), .06);border-left:3px solid var(--cs-primary);color:var(--cs-primary);border-radius:8px;margin:8px 0 10px;padding:8px 12px;font-size:12px;line-height:1.6}.approval-opt[data-v-296a936f]{border:1px solid var(--cs-primary);color:var(--cs-primary);cursor:pointer;background:#fff;border-radius:7px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.approval-opt[data-v-296a936f]:hover{background:var(--cs-primary);color:#fff;transform:translateY(-1px)}.conflict-bar[data-v-195e5b23]{background:#fef2f2;border:1px solid #dc2626;border-radius:10px;margin:8px 12px;padding:10px 12px}.conflict-head[data-v-195e5b23]{color:#991b1b;align-items:center;gap:6px;font-size:13px;display:flex}.conflict-icon[data-v-195e5b23]{font-size:15px}.conflict-title code[data-v-195e5b23]{color:#7f1d1d;background:#fee2e2;border-radius:4px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.conflict-detail[data-v-195e5b23]{color:#7f1d1d;margin:6px 0 8px;font-size:12px;line-height:1.5}.conflict-actions[data-v-195e5b23]{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.conflict-actions button[data-v-195e5b23]{cursor:pointer;border:none;border-radius:6px;padding:5px 14px;font-size:13px;transition:opacity .2s}.conflict-keep[data-v-195e5b23]{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.conflict-keep[data-v-195e5b23]:hover{color:#374151;background:#e5e7eb}.conflict-overwrite[data-v-195e5b23]{color:#fff;background:#dc2626}.conflict-overwrite[data-v-195e5b23]:hover{opacity:.9}.conflict-restore[data-v-195e5b23]{color:#dc2626;background:#fff;border:1px solid #dc2626}.conflict-restore[data-v-195e5b23]:hover{background:#fee2e2}.conflict-toggle[data-v-195e5b23]{color:#991b1b;cursor:pointer;background:0 0;border:none;border-radius:4px;margin:2px 0 6px;padding:2px 8px;font-size:12px}.conflict-toggle[data-v-195e5b23]:hover{background:#fee2e2}.conflict-diff[data-v-195e5b23]{gap:8px;margin:4px 0 8px;display:flex}.conflict-diff-col[data-v-195e5b23]{flex:1;min-width:0}.conflict-diff-label[data-v-195e5b23]{color:#7f1d1d;margin-bottom:2px;font-size:11px}.conflict-diff-pre[data-v-195e5b23]{color:#57534e;white-space:pre-wrap;word-break:break-all;background:#fff;border:1px solid #fecaca;border-radius:6px;max-height:140px;margin:0;padding:6px;font-size:11px;overflow:auto}.chat-footer[data-v-a9087737]{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.chat-input-wrap[data-v-a9087737]{flex:1;min-width:0;position:relative}.focus-chips[data-v-a9087737]{z-index:1;flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:5px;left:8px;right:8px}.focus-chip[data-v-a9087737]{background:rgba(var(--cs-primary-rgb,31, 77, 58), .12);color:var(--cs-primary,#1f4d3a);cursor:pointer;border-radius:10px;align-items:center;gap:2px;max-width:100%;padding:1px 4px 1px 6px;font-size:11px;line-height:1.6;display:inline-flex}.focus-chip[data-v-a9087737]:hover{background:rgba(var(--cs-primary-rgb,31, 77, 58), .2)}.focus-chip-icon[data-v-a9087737]{font-size:11px}.focus-chip-path[data-v-a9087737]{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;overflow:hidden}.focus-chip-x[data-v-a9087737]{color:inherit;cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:8px;padding:0 4px;font-size:11px;line-height:1;transition:opacity .15s,background .15s}.focus-chip-x[data-v-a9087737]:hover{opacity:1;background:rgba(var(--cs-err-rgb,220, 38, 38), .15);color:var(--cs-err,#dc2626)}.chat-input.has-focus-chip[data-v-a9087737]{padding-top:30px}.chat-input[data-v-a9087737]{resize:vertical;border:1px solid var(--cs-input-border,rgba(var(--cs-primary-rgb,31, 77, 58), .2));border-radius:var(--cs-input-radius,8px);width:100%;color:var(--cs-bg-text,inherit);background:var(--cs-input-bg,transparent);overflow-wrap:anywhere;word-break:break-word;outline:none;min-height:38px;max-height:50vh;padding:9px 12px 38px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .2s;overflow-y:auto}.chat-input[data-v-a9087737]::placeholder{color:var(--cs-bg-muted,#9ca3af);opacity:.7}.chat-input[data-v-a9087737]:focus{border-color:var(--cs-primary);box-shadow:0 0 0 2px rgba(var(--cs-primary-rgb), .1)}.input-actions[data-v-a9087737]{align-items:center;gap:8px;display:flex;position:absolute;bottom:10px;right:10px}.send-hint[data-v-a9087737]{color:var(--cs-bg-muted,#9ca3af);opacity:.6;pointer-events:none;white-space:nowrap;font-size:10px}.send-btn[data-v-a9087737]{border-radius:var(--cs-send-radius,50%);background:var(--cs-send-grad,var(--cs-primary));color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s,transform .1s;display:flex}.send-btn[data-v-a9087737]:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.send-btn[data-v-a9087737]:active:not(:disabled){transform:scale(.95)}.send-btn[data-v-a9087737]:disabled{opacity:.4;cursor:not-allowed}.send-btn.stop-btn[data-v-a9087737]{background:#9ca3af}.send-btn.stop-btn[data-v-a9087737]:hover:not(:disabled){background:#6b7280;transform:none}.undo-foot-btn[data-v-a9087737]{border:1px solid var(--cs-surface-border,#e5e7eb);background:var(--cs-surface,#f9fafb);color:var(--cs-bg-muted,#6b7280);cursor:pointer;border-radius:14px;flex-shrink:0;align-self:center;padding:4px 10px;font-size:11px;transition:all .2s}.undo-foot-btn[data-v-a9087737]:hover{border-color:var(--cs-primary);color:var(--cs-primary);background:#f0f7f3}.debug-drawer[data-v-bb8e2650]{z-index:9000;pointer-events:none;position:fixed;inset:0}.drawer-mask[data-v-bb8e2650]{pointer-events:auto;background:#00000040;position:absolute;inset:0}.drawer-panel[data-v-bb8e2650]{--cs-primary:#1f4d3a;--cs-primary-rgb:31, 77, 58;--dd-bg:#fff;--dd-surface:#f9fafb;--dd-surface-2:#fafafa;--dd-border:#e5e7eb;--dd-border-soft:#f3f4f6;--dd-text:#1f2937;--dd-text-2:#374151;--dd-text-3:#4b5563;--dd-muted:#6b7280;--dd-faint:#9ca3af;--dd-accent-bg:#ecf5ef;--dd-accent-text:#2d5a47;--dd-accent-bg-2:#dbeee4;--dd-accent-soft:#f0f7f3;--dd-accent-border:#c3dcd0;--dd-err-bg:#fef2f2;--dd-err-text:#991b1b;--dd-err-border:#fecaca;--dd-warn-bg:#fef3c7;--dd-warn-text:#92400e;--dd-purple-bg:#f3e8ff;--dd-purple-text:#7c3aed;--dd-blue-bg:#dbeafe;--dd-blue-text:#2563eb;--dd-usage-bg:#ecfdf5;--dd-usage-text:#047857;background:var(--dd-bg);pointer-events:auto;z-index:2;flex-direction:column;width:520px;max-width:90vw;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #00000026}.drawer-mask[data-v-bb8e2650]{z-index:1}.drawer-header[data-v-bb8e2650]{background:var(--dd-header-bg,linear-gradient(135deg, #1f2937, #111827));color:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.drawer-title[data-v-bb8e2650]{font-size:15px;font-weight:600}.tab-group[data-v-bb8e2650]{gap:4px;display:flex}.tab-btn[data-v-bb8e2650]{background:var(--dd-tab-bg,#ffffff1f);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-size:13px;transition:background .2s}.tab-btn[data-v-bb8e2650]:hover{background:var(--dd-tab-hover,#ffffff38)}.tab-btn.active[data-v-bb8e2650]{background:var(--dd-tab-active,#ffffff73);font-weight:600}.info-body[data-v-bb8e2650]{padding:4px 0}.info-section[data-v-bb8e2650]{margin-bottom:14px}.info-title[data-v-bb8e2650]{color:var(--dd-accent-text);border-bottom:1px solid var(--dd-border-soft);margin-bottom:6px;padding-bottom:4px;font-size:12px;font-weight:600}.info-item[data-v-bb8e2650]{background:var(--dd-surface);border-radius:6px;margin-bottom:4px;padding:6px 8px}.info-name[data-v-bb8e2650]{color:var(--dd-text);font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:600}.info-desc[data-v-bb8e2650]{color:var(--dd-muted);margin-top:2px;font-size:11px;line-height:1.5}.info-desc.muted[data-v-bb8e2650]{color:var(--dd-faint)}.info-hint[data-v-bb8e2650]{color:var(--dd-faint);margin-left:6px;font-size:10px;font-weight:400}.skill-toggle[data-v-bb8e2650]{cursor:pointer;align-items:center;gap:4px;display:flex}.skill-toggle[data-v-bb8e2650]:hover{color:var(--cs-primary,#1f4d3a)}.skill-arrow[data-v-bb8e2650]{color:var(--dd-faint);font-size:8px;transition:transform .15s;display:inline-block}.skill-arrow.open[data-v-bb8e2650]{transform:rotate(90deg)}.skill-content[data-v-bb8e2650]{margin-top:6px}.skill-loading[data-v-bb8e2650]{color:var(--dd-muted);padding:6px 8px;font-size:11px}.skill-error[data-v-bb8e2650]{color:#dc2626;padding:6px 8px;font-size:11px}.skill-pre[data-v-bb8e2650]{color:var(--dd-text-2);background:var(--dd-surface);border:1px solid var(--dd-border);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:320px;margin:0;padding:8px 10px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;line-height:1.6;overflow:auto}.src-tag[data-v-bb8e2650]{vertical-align:middle;border-radius:8px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;display:inline-block}.src-tag.builtin[data-v-bb8e2650]{background:var(--dd-border-soft);color:var(--dd-muted)}.src-tag.mcp[data-v-bb8e2650]{background:var(--dd-purple-bg);color:var(--dd-purple-text)}.src-tag.user[data-v-bb8e2650]{background:var(--dd-blue-bg);color:var(--dd-blue-text)}.info-todo[data-v-bb8e2650]{color:var(--dd-text-2);background:var(--dd-surface);border-radius:6px;align-items:center;gap:6px;margin-bottom:4px;padding:4px 8px;font-size:12px;display:flex}.todo-tag[data-v-bb8e2650]{color:#fff;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:10px}.info-pre[data-v-bb8e2650]{background:var(--dd-surface);color:var(--dd-text-3);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:200px;margin:0;padding:8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;overflow-y:auto}.header-actions[data-v-bb8e2650]{gap:4px;display:flex}.hd-btn[data-v-bb8e2650]{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:6px;width:28px;height:28px}.hd-btn[data-v-bb8e2650]:hover{background:#ffffff40}.drawer-filters[data-v-bb8e2650]{border-bottom:1px solid var(--dd-border-soft);background:var(--dd-surface-2);flex-wrap:wrap;gap:6px;padding:10px 16px;display:flex}.filter-chip[data-v-bb8e2650]{border:1px solid var(--dd-border);background:var(--dd-bg);color:var(--dd-muted);cursor:pointer;border-radius:14px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s;display:inline-flex}.filter-chip[data-v-bb8e2650]:hover{border-color:var(--chip-color,var(--cs-primary))}.filter-chip.active[data-v-bb8e2650]{background:var(--chip-color,var(--cs-primary));border-color:var(--chip-color,var(--cs-primary));color:#fff}.chip-count[data-v-bb8e2650]{background:#7f7f7f1f;border-radius:8px;padding:0 5px;font-size:11px}.filter-chip.active .chip-count[data-v-bb8e2650]{background:#ffffff40}.drawer-body[data-v-bb8e2650]{flex:1;padding:12px;overflow-y:auto}.empty[data-v-bb8e2650]{text-align:center;color:var(--dd-faint);padding:40px 20px;font-size:13px}.log-item[data-v-bb8e2650]{border:1px solid var(--dd-border);background:var(--dd-bg);border-radius:8px;margin-bottom:10px;overflow:hidden}.log-head[data-v-bb8e2650]{background:var(--dd-surface);align-items:center;gap:8px;padding:8px 10px;display:flex}.log-type[data-v-bb8e2650]{color:#fff;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.log-source[data-v-bb8e2650]{color:var(--dd-purple-text);background:var(--dd-purple-bg);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.log-time[data-v-bb8e2650]{color:var(--dd-faint);font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px}.log-body[data-v-bb8e2650]{padding:10px 12px}.log-footer[data-v-bb8e2650]{border-top:1px dashed var(--dd-border-soft);gap:8px;padding:6px 12px;display:flex}.raw-toggle[data-v-bb8e2650]{color:var(--cs-primary);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px}.raw-toggle[data-v-bb8e2650]:hover{text-decoration:underline}.log-raw[data-v-bb8e2650]{border-top:1px solid var(--dd-border-soft);color:#e5e7eb;white-space:pre-wrap;word-break:break-word;background:#1f2937;max-height:280px;margin:0;padding:10px 12px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;line-height:1.5;overflow:auto}.kv-grid[data-v-bb8e2650]{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;display:grid}.kv[data-v-bb8e2650]{background:var(--dd-surface);border-radius:6px;flex-direction:column;padding:6px 8px;display:flex}.kv .k[data-v-bb8e2650]{color:var(--dd-faint);text-transform:uppercase;font-size:10px}.kv .v[data-v-bb8e2650]{color:var(--dd-text);font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:600}.section-label[data-v-bb8e2650]{color:var(--dd-muted);margin:10px 0 4px;font-size:11px;font-weight:600}.chip-row[data-v-bb8e2650]{flex-wrap:wrap;gap:4px;display:flex}.tool-chip[data-v-bb8e2650]{background:var(--dd-accent-bg);color:var(--dd-accent-text);border-radius:10px;padding:2px 8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px}.msg-list[data-v-bb8e2650]{flex-direction:column;gap:4px;display:flex}.msg-row[data-v-bb8e2650]{background:var(--dd-surface);border-radius:6px;align-items:flex-start;gap:6px;padding:5px 8px;display:flex}.msg-role[data-v-bb8e2650]{color:#fff;border-radius:3px;flex-shrink:0;margin-top:1px;padding:2px 6px;font-size:9px;font-weight:700}.msg-text[data-v-bb8e2650]{color:var(--dd-text-2);white-space:pre-wrap;word-break:break-word;flex:1;font-size:12px;line-height:1.5}.msg-tool-hint[data-v-bb8e2650]{color:var(--dd-purple-text);flex-shrink:0;font-size:10px}.badge-row[data-v-bb8e2650]{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.badge[data-v-bb8e2650]{background:var(--dd-accent-bg-2);color:var(--dd-accent-text);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.badge.muted[data-v-bb8e2650]{background:var(--dd-border-soft);color:var(--dd-muted)}.badge.warn[data-v-bb8e2650]{background:var(--dd-warn-bg);color:var(--dd-warn-text)}.resp-content[data-v-bb8e2650]{color:var(--dd-text);background:var(--dd-warn-bg);white-space:pre-wrap;word-break:break-word;border-left:3px solid #d97706;border-radius:4px;margin-bottom:8px;padding:6px 10px;font-size:12px}.tc-list[data-v-bb8e2650]{flex-direction:column;gap:6px;display:flex}.tc-card[data-v-bb8e2650]{border:1px solid var(--dd-border);border-radius:6px;overflow:hidden}.tc-card.inline[data-v-bb8e2650]{margin-top:4px}.tc-name[data-v-bb8e2650]{color:var(--dd-accent-text);background:var(--dd-accent-bg);padding:5px 8px;font-size:12px;font-weight:600}.tc-args[data-v-bb8e2650]{color:#e5e7eb;white-space:pre-wrap;word-break:break-word;background:#1f2937;max-height:200px;margin:0;padding:8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;line-height:1.5;overflow-y:auto}.usage-row[data-v-bb8e2650]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.usage[data-v-bb8e2650]{background:var(--dd-usage-bg);color:var(--dd-usage-text);border-radius:10px;padding:2px 8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px}.err-box[data-v-bb8e2650]{color:var(--dd-err-text);background:var(--dd-err-bg);border:1px solid var(--dd-err-border);white-space:pre-wrap;word-break:break-word;border-radius:6px;padding:8px 10px;font-size:12px}.msg-detail[data-v-bb8e2650]{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.tc-inline[data-v-bb8e2650]{background:var(--dd-accent-soft);border:1px solid var(--dd-accent-border);border-radius:4px;align-items:baseline;gap:4px;padding:2px 6px;font-size:11px;display:flex}.tc-inline-name[data-v-bb8e2650]{color:var(--dd-accent-text);white-space:nowrap;font-weight:600}.tc-inline-args[data-v-bb8e2650]{color:var(--dd-text-2);word-break:break-all;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.tc-id[data-v-bb8e2650]{color:var(--dd-faint);font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.view-toggle[data-v-bb8e2650]{border:1px solid var(--dd-accent-border);background:var(--dd-accent-bg);color:var(--dd-accent-text);cursor:pointer;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px}.view-toggle[data-v-bb8e2650]:hover{background:var(--dd-accent-bg-2)}.drawer-enter-active[data-v-bb8e2650],.drawer-leave-active[data-v-bb8e2650]{transition:opacity .25s}.drawer-enter-active .drawer-panel[data-v-bb8e2650],.drawer-leave-active .drawer-panel[data-v-bb8e2650]{transition:transform .25s}.drawer-enter-from[data-v-bb8e2650],.drawer-leave-to[data-v-bb8e2650]{opacity:0}.drawer-enter-from .drawer-panel[data-v-bb8e2650],.drawer-leave-to .drawer-panel[data-v-bb8e2650]{transform:translate(100%)}.flow-section[data-v-bb8e2650]{margin-bottom:14px}.flow-section-title[data-v-bb8e2650]{color:var(--dd-muted);margin-bottom:6px;padding-left:2px;font-size:11px;font-weight:600}.flow-round[data-v-bb8e2650]{border:1px solid var(--dd-border);border-radius:8px;margin-bottom:12px;overflow:hidden}.flow-round-head[data-v-bb8e2650]{color:#fff;background:var(--cs-primary);padding:5px 10px;font-size:12px;font-weight:600}.flow-round-body[data-v-bb8e2650]{flex-direction:column;gap:3px;padding:6px;display:flex}.flow-node[data-v-bb8e2650]{background:var(--dd-surface);border-left:3px solid var(--cs-primary);border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:flex}.flow-node.llm_request[data-v-bb8e2650]{border-left-color:#059669}.flow-node.llm_response[data-v-bb8e2650]{border-left-color:#d97706}.flow-node.tool_call[data-v-bb8e2650]{border-left-color:#7c3aed}.flow-node.tool_result[data-v-bb8e2650]{border-left-color:#2563eb}.flow-node.error[data-v-bb8e2650]{background:var(--dd-err-bg);border-left-color:#dc2626}.flow-node.middleware[data-v-bb8e2650]{border-left-color:#0891b2}.flow-ico[data-v-bb8e2650]{flex-shrink:0;font-size:13px}.flow-label[data-v-bb8e2650]{color:var(--dd-text-2);white-space:nowrap;flex-shrink:0;font-weight:600}.flow-detail[data-v-bb8e2650]{color:var(--dd-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;overflow:hidden}.flow-time[data-v-bb8e2650]{color:var(--dd-faint);flex-shrink:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.trace-panel[data-v-bb8e2650]{padding:10px}.trace-empty[data-v-bb8e2650]{color:var(--dd-faint);text-align:center;padding:30px;font-size:12px;line-height:1.6}.trace-empty code[data-v-bb8e2650]{background:var(--dd-border-soft);border-radius:4px;padding:1px 5px;font-size:11px}.trace-metrics[data-v-bb8e2650]{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.metric-card[data-v-bb8e2650]{background:var(--dd-accent-soft);border:1px solid var(--dd-accent-border);border-radius:8px;flex-direction:column;min-width:70px;padding:6px 10px;display:flex}.metric-card span[data-v-bb8e2650]{color:var(--dd-muted);font-size:10px}.metric-card b[data-v-bb8e2650]{color:var(--cs-primary);font-size:14px}.trace-spans[data-v-bb8e2650]{flex-direction:column;gap:3px;display:flex}.trace-span[data-v-bb8e2650]{background:var(--dd-surface);border-left:3px solid var(--cs-primary);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.trace-span.model[data-v-bb8e2650]{border-left-color:#059669}.trace-span.tool[data-v-bb8e2650]{border-left-color:#7c3aed}.trace-span.compression[data-v-bb8e2650]{border-left-color:#d97706}.trace-span.error[data-v-bb8e2650]{background:var(--dd-err-bg)}.span-ico[data-v-bb8e2650]{flex-shrink:0;font-size:12px}.span-name[data-v-bb8e2650]{color:var(--dd-text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:SF Mono,Monaco,Consolas,monospace;overflow:hidden}.span-dur[data-v-bb8e2650]{color:var(--dd-muted);flex-shrink:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.span-status[data-v-bb8e2650]{flex-shrink:0;font-size:11px}.context-panel[data-v-bb8e2650]{padding:12px}.ctx-overview[data-v-bb8e2650]{margin-bottom:14px}.ctx-occupancy[data-v-bb8e2650]{align-items:center;gap:8px;margin-bottom:6px;display:flex}.ctx-bar-track[data-v-bb8e2650]{background:var(--dd-border-soft);cursor:help;border-radius:5px;flex:1;height:10px;position:relative;overflow:hidden}.ctx-bar-fill[data-v-bb8e2650]{border-radius:5px;height:100%;transition:width .3s}.ctx-bar-fill.green[data-v-bb8e2650]{background:#10b981}.ctx-bar-fill.yellow[data-v-bb8e2650]{background:#f59e0b}.ctx-bar-fill.red[data-v-bb8e2650]{background:#ef4444}.ctx-threshold-mark[data-v-bb8e2650]{background:var(--dd-muted);width:2px;position:absolute;top:-2px;bottom:-2px}.ctx-pct[data-v-bb8e2650]{color:var(--dd-text);min-width:40px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:700}.ctx-kv-row[data-v-bb8e2650]{flex-wrap:wrap;gap:6px;display:flex}.ctx-kv[data-v-bb8e2650]{color:var(--dd-muted);background:var(--dd-surface);border-radius:8px;padding:2px 8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px}.ctx-section-title[data-v-bb8e2650]{color:var(--dd-muted);margin:12px 0 6px;font-size:11px;font-weight:600}.ctx-cat[data-v-bb8e2650]{align-items:center;gap:8px;padding:4px 0;font-size:11px;display:flex}.ctx-cat-label[data-v-bb8e2650]{width:130px;color:var(--dd-text-2);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;overflow:hidden}.ctx-cat-bar[data-v-bb8e2650]{background:var(--dd-border-soft);border-radius:4px;flex:1;height:8px;overflow:hidden}.ctx-cat-fill[data-v-bb8e2650]{background:var(--cs-primary);border-radius:4px;height:100%}.ctx-cat-tokens[data-v-bb8e2650]{text-align:right;min-width:76px;color:var(--dd-muted);flex-shrink:0;font-family:SF Mono,Monaco,Consolas,monospace}.ctx-cat-tokens i[data-v-bb8e2650]{color:var(--dd-faint);font-style:normal}.ctx-compression[data-v-bb8e2650]{border-top:1px solid var(--dd-border-soft);margin-top:14px;padding-top:10px}.subagent-panel[data-v-bb8e2650]{padding:12px}.sub-section[data-v-bb8e2650]{margin-bottom:16px}.sub-section-title[data-v-bb8e2650]{color:var(--dd-muted);margin-bottom:8px;font-size:11px;font-weight:600}.sub-card[data-v-bb8e2650]{background:var(--dd-surface);border-left:3px solid var(--cs-primary);border-radius:8px;margin-bottom:6px;padding:8px 10px}.sub-card.running[data-v-bb8e2650]{border-left-color:#059669}.sub-card.done[data-v-bb8e2650]{border-left-color:var(--dd-muted)}.sub-card.error[data-v-bb8e2650]{background:var(--dd-err-bg);border-left-color:#dc2626}.sub-head[data-v-bb8e2650]{align-items:center;gap:6px;margin-bottom:4px;display:flex}.sub-status[data-v-bb8e2650]{color:#fff;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:10px}.sub-label[data-v-bb8e2650]{color:var(--dd-text);font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:600}.sub-steps-badge[data-v-bb8e2650]{color:var(--dd-muted);margin-left:auto;font-size:10px}.sub-dur[data-v-bb8e2650]{color:var(--dd-muted);margin-left:auto;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.sub-toggle[data-v-bb8e2650]{border:1px solid var(--dd-border);background:var(--dd-bg);color:var(--dd-muted);cursor:pointer;border-radius:8px;padding:1px 6px;font-size:10px}.sub-toggle[data-v-bb8e2650]:hover{background:var(--dd-border-soft)}.sub-task[data-v-bb8e2650]{color:var(--dd-text-2);font-size:11px;line-height:1.5}.sub-result[data-v-bb8e2650]{color:var(--dd-text-3);background:var(--dd-bg);border:1px solid var(--dd-border);white-space:pre-wrap;word-break:break-word;border-radius:4px;margin-top:4px;padding:4px 6px;font-size:11px}.sub-steps-list[data-v-bb8e2650]{border-top:1px dashed var(--dd-border);margin-top:6px;padding-top:6px}.sub-step[data-v-bb8e2650]{align-items:center;gap:6px;padding:2px 0;font-size:11px;display:flex}.sub-step-kind[data-v-bb8e2650]{flex-shrink:0}.sub-step-name[data-v-bb8e2650]{color:var(--dd-text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:SF Mono,Monaco,Consolas,monospace;overflow:hidden}.sub-step-ts[data-v-bb8e2650]{color:var(--dd-faint);flex-shrink:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.drawer-panel.cs-theme-dark[data-v-bb8e2650]{--cs-primary:#7063e7;--cs-primary-rgb:112, 99, 231;--dd-bg:#222;--dd-surface:#2c2c2c;--dd-surface-2:#2a2a2a;--dd-border:#444;--dd-border-soft:#3a3a3a;--dd-text:#f1f1fa;--dd-text-2:#d5d5e2;--dd-text-3:#b9b9c8;--dd-muted:#9a9ab0;--dd-faint:#77778c;--dd-accent-bg:#00c5621f;--dd-accent-text:#00c562;--dd-accent-bg-2:#00c56233;--dd-accent-soft:#9993ff14;--dd-accent-border:#444;--dd-err-bg:#f048481f;--dd-err-text:#ff9090;--dd-err-border:#f0484873;--dd-warn-bg:#f0a0201f;--dd-warn-text:#f0a020;--dd-purple-bg:#7c3aed2e;--dd-purple-text:#c4a5ff;--dd-blue-bg:#2563eb2e;--dd-blue-text:#93b4ff;--dd-usage-bg:#00c5621f;--dd-usage-text:#4ade80;--dd-header-bg:#353535;--dd-tab-bg:#444;--dd-tab-hover:#555;--dd-tab-active:#7063e7;box-shadow:-8px 0 32px #00000080}.skill-mask[data-v-c6a22ea5]{z-index:10002;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.skill-panel[data-v-c6a22ea5]{color:#1f2937;background:#fff;border-radius:12px;width:480px;max-width:92vw;max-height:86vh;padding:18px 20px;font-size:13px;overflow:auto;box-shadow:0 12px 40px #0003}.skill-header[data-v-c6a22ea5]{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.skill-title[data-v-c6a22ea5]{font-size:16px;font-weight:600}.skill-close[data-v-c6a22ea5]{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px}.skill-close[data-v-c6a22ea5]:hover{background:#f3f4f6}.skill-section[data-v-c6a22ea5]{background:#f9fafb;border-radius:8px;margin-bottom:16px;padding:12px}.section-title[data-v-c6a22ea5]{color:#374151;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.field[data-v-c6a22ea5]{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.field-label[data-v-c6a22ea5]{color:#6b7280;font-size:12px}.field-input[data-v-c6a22ea5]{border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:13px}.field-input[data-v-c6a22ea5]:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f126}.field-input[data-v-c6a22ea5]:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}textarea.field-input[data-v-c6a22ea5]{resize:vertical;font-family:ui-monospace,monospace}.skill-error[data-v-c6a22ea5]{color:#dc2626;margin-bottom:8px;font-size:12px}.btn[data-v-c6a22ea5]{cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:13px}.btn-primary[data-v-c6a22ea5]{color:#fff;background:#4338ca}.btn-primary[data-v-c6a22ea5]:hover{background:#3730a3}.btn-ghost[data-v-c6a22ea5]{color:#6b7280;background:0 0;border:1px solid #e5e7eb}.btn-ghost[data-v-c6a22ea5]:hover{background:#f3f4f6}.btn-cancel[data-v-c6a22ea5]{margin-left:8px;padding:2px 8px;font-size:11px}.btn-edit[data-v-c6a22ea5]{color:#4338ca;border-color:#c7d2fe;padding:3px 10px;font-size:12px}.btn-edit[data-v-c6a22ea5]:hover{background:#eef2ff}.btn-del[data-v-c6a22ea5]{color:#dc2626;border-color:#fecaca;padding:3px 10px;font-size:12px}.btn-del[data-v-c6a22ea5]:hover{background:#fef2f2}.empty-hint[data-v-c6a22ea5]{color:#9ca3af;font-size:12px}.skill-list[data-v-c6a22ea5]{margin:0;padding:0;list-style:none}.skill-item[data-v-c6a22ea5]{border-bottom:1px dashed #e5e7eb;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.skill-item[data-v-c6a22ea5]:last-child{border-bottom:none}.skill-name[data-v-c6a22ea5]{color:#4338ca;font-family:ui-monospace,monospace;font-size:12px}.skill-name.active[data-v-c6a22ea5]{color:#3730a3;font-weight:600}.skill-actions[data-v-c6a22ea5]{gap:6px;display:flex}.skill-hint[data-v-c6a22ea5]{color:#6b7280;background:#eef2ff;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.6}.skill-hint code[data-v-c6a22ea5]{color:#4338ca;background:#e0e7ff;border-radius:3px;padding:1px 5px;font-size:11px}.cs-skill-fade-enter-active[data-v-c6a22ea5],.cs-skill-fade-leave-active[data-v-c6a22ea5]{transition:opacity .2s}.cs-skill-fade-enter-from[data-v-c6a22ea5],.cs-skill-fade-leave-to[data-v-c6a22ea5]{opacity:0}.chat-mask[data-v-69c13a8d]{z-index:9998;background:#00000073;animation:.28s cs-mask-in-69c13a8d;position:fixed;inset:0}@keyframes cs-mask-in-69c13a8d{0%{opacity:0}to{opacity:1}}.chat-dialog.drawer[data-v-69c13a8d]{z-index:9999;border-radius:0;width:420px;max-width:92vw;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) cs-drawer-slide-in-69c13a8d;position:fixed;top:0;bottom:0;right:0}@keyframes cs-drawer-slide-in-69c13a8d{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.chat-mask[data-v-69c13a8d],.chat-dialog.drawer[data-v-69c13a8d]{animation:none}}.chat-dialog[data-v-69c13a8d]{--cs-primary:#1f4d3a;--cs-primary-rgb:31, 77, 58;--cs-bg:#fff;--cs-bg-text:#1f2937;--cs-bg-muted:#9ca3af;--cs-bubble-ai:#f3f4f6;--cs-radius:12px;--cs-reason-bg:#f0f7f3;--cs-reason-border:#b8d4c5;--cs-reason-head:#2d5a47;--cs-reason-text:#41544c;--cs-reason-toggle:#6b8c79;--cs-step-bg:#f4f6f8;--cs-step-border:#e2e6ea;--cs-step-text:#374151;--cs-step-meta:#9ca3af;--cs-ok:#16a34a;--cs-ok-rgb:22, 163, 74;--cs-warn:#d97706;--cs-warn-rgb:217, 119, 6;--cs-err:#dc2626;--cs-err-rgb:220, 38, 38;--cs-sub-bg:#faf5ff;--cs-sub-border:#c4b5fd;--cs-sub-text:#6d28d9;--cs-md-border:#e5e7eb;--cs-md-th-bg:#f9fafb;--cs-md-code-bg:#667eea1a;--cs-md-code-text:#4338ca;border-radius:var(--cs-radius);background:var(--cs-bg);flex-direction:column;width:100%;height:100%;transition:all .3s;animation:.28s cubic-bezier(.16,1,.3,1) cs-drawer-in-69c13a8d;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}.chat-main[data-v-69c13a8d]{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}@keyframes cs-drawer-in-69c13a8d{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.chat-dialog[data-v-69c13a8d]{animation:none}}.chat-dialog.collapsed[data-v-69c13a8d]{height:52px}.cs-slide-enter-active[data-v-69c13a8d],.cs-slide-leave-active[data-v-69c13a8d]{transition:opacity .22s,transform .22s}.cs-slide-enter-from[data-v-69c13a8d],.cs-slide-leave-to[data-v-69c13a8d]{opacity:0;transform:translateY(-6px)}.chat-dialog.cs-leaving[data-v-69c13a8d]{opacity:0;pointer-events:none;transform:scale(.96)translateY(8px)}.chat-dialog.drawer.cs-leaving[data-v-69c13a8d]{transform:translate(100%)}.chat-mask.cs-leaving[data-v-69c13a8d]{opacity:0}.chat-dialog.cs-hidden[data-v-69c13a8d],.chat-mask.cs-hidden[data-v-69c13a8d]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s}.chat-dialog.cs-theme-dark[data-v-69c13a8d]{--cs-primary:#7063e7;--cs-primary-rgb:112, 99, 231;--cs-accent:#9993ff;--cs-bg:#222;--cs-bg-text:#fff;--cs-bg-muted:#999;--cs-bubble-ai:#353535;--cs-bubble-user:#7063e7;--cs-radius:6px;--cs-radius-bubble:9px;--cs-header-bg:#353535;--cs-surface:#353535;--cs-surface-text:#fff;--cs-surface-border:#ffffff1f;--cs-action-bg:#444;--cs-action-hover:#555;--cs-action-text:#9993ff;--cs-surface-hover:#5a5a5a80;--cs-hist-active-bg:#7063e7;--cs-hist-active-border:none;--cs-hist-active-text:#fff;--cs-typing-dot:#7063e7;--cs-reason-bg:#2c2c2c;--cs-reason-border:#3a3a3a;--cs-reason-head:#fff;--cs-reason-text:#999;--cs-reason-toggle:#9993ff;--cs-step-bg:#2c2c2c;--cs-step-border:#3a3a3a;--cs-step-text:#fff;--cs-step-meta:#666;--cs-ok:#00c562;--cs-ok-rgb:0, 197, 98;--cs-warn:#f0a020;--cs-warn-rgb:240, 160, 32;--cs-err:#f04848;--cs-err-rgb:240, 72, 72;--cs-sub-bg:#7063e71f;--cs-sub-border:#7063e7;--cs-sub-text:#9993ff;--cs-md-border:#5a5a5a;--cs-md-th-bg:#444;--cs-md-code-bg:#9993ff1f;--cs-md-code-text:#9993ff;--cs-input-bg:#12121266;--cs-input-border:#7372ff80;--cs-input-radius:12px;--cs-send-radius:18px;--cs-send-grad:linear-gradient(97.7deg, #5e54ff 0%, #95a6ff 100%);--cs-avatar-grad:linear-gradient(135deg, #92a2fe 0%, #645bff 100%);--cs-avatar-size:28px;--cs-avatar-radius:14px;background:linear-gradient(#2223 1.4%,#4f3fe929 100%),#222;border:1px solid #353535;box-shadow:0 8px 32px #0006}
1
+ .chat-header[data-v-9e29849d]{background:var(--cs-header-bg,var(--cs-primary));color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:16;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:relative}.header-left[data-v-9e29849d]{align-items:center;gap:8px;display:flex}.header-icon[data-v-9e29849d]{font-size:20px}.header-title[data-v-9e29849d]{font-size:15px;font-weight:600}.status-dot[data-v-9e29849d]{background:#4ade80;border-radius:50%;width:8px;height:8px}.status-dot.pulse[data-v-9e29849d]{animation:1.5s infinite cs-pulse-9e29849d}@keyframes cs-pulse-9e29849d{0%,to{opacity:1}50%{opacity:.4}}.header-actions[data-v-9e29849d]{z-index:20;gap:4px;display:flex;position:relative}.action-btn[data-v-9e29849d]{background:var(--cs-action-bg,#ffffff26);width:28px;height:28px;color:var(--cs-action-text,#fff);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .2s;display:flex}.action-btn[data-v-9e29849d]:hover:not(:disabled){background:var(--cs-action-hover,#ffffff4d)}.action-btn[data-v-9e29849d]:disabled{opacity:.4;cursor:not-allowed}.more-btn[data-v-9e29849d]{position:relative}.more-btn.active[data-v-9e29849d]{background:var(--cs-action-hover,#ffffff73)}.more-menu[data-v-9e29849d]{z-index:20;background:var(--cs-surface,#fff);min-width:168px;color:var(--cs-surface-text,#1f2937);border:1px solid var(--cs-surface-border,#0000001f);border-radius:8px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000029}.more-item[data-v-9e29849d]{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.more-item[data-v-9e29849d]:hover:not(:disabled){background:var(--cs-surface-hover,#0000000f)}.more-item[data-v-9e29849d]:disabled{opacity:.4;cursor:not-allowed}.more-item svg[data-v-9e29849d]{opacity:.7;flex-shrink:0}.more-item-badge[data-v-9e29849d]{background:var(--cs-primary,#1f4d3a);color:#fff;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px}.more-overlay[data-v-9e29849d]{z-index:15;position:fixed;inset:0}.cs-history-menu[data-v-9e29849d]{z-index:20;background:var(--cs-surface,#fff);min-width:220px;max-height:320px;color:var(--cs-surface-text,#1f2937);border:1px solid var(--cs-surface-border,#0000001f);border-radius:8px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 8px 24px #00000029}.hist-item[data-v-9e29849d]{cursor:pointer;border-radius:6px;padding:8px 10px}.hist-item[data-v-9e29849d]:hover{background:var(--cs-surface-hover,#0000000f)}.hist-item.active[data-v-9e29849d]{background:var(--cs-hist-active-bg,rgba(var(--cs-primary-rgb,31, 77, 58), .15));border-left:var(--cs-hist-active-border,2px solid var(--cs-primary,#1f4d3a));color:var(--cs-hist-active-text,inherit)}.hist-title[data-v-9e29849d]{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:13px;overflow:hidden}.hist-meta[data-v-9e29849d]{opacity:.6;justify-content:space-between;align-items:center;font-size:11px;display:flex}.hist-del[data-v-9e29849d]{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 4px;font-size:13px}.hist-del[data-v-9e29849d]:hover{opacity:1;color:#dc2626}.debug-badge[data-v-9e29849d]{color:#fff;background:#ef4444;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:-2px;right:-2px}.focus-bar[data-v-0d078a41]{background:rgba(var(--cs-primary-rgb,108, 92, 231), .12);border-bottom:1px solid rgba(var(--cs-primary-rgb,108, 92, 231), .2);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.focus-bar-icon[data-v-0d078a41]{font-size:14px}.focus-bar-text[data-v-0d078a41]{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.focus-bar-label[data-v-0d078a41]{color:var(--cs-primary,#6c5ce7);white-space:nowrap;font-weight:600}.focus-bar-path[data-v-0d078a41]{color:var(--cs-bg-muted,#88a);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;overflow:hidden}.focus-bar-btn[data-v-0d078a41]{color:var(--cs-bg-muted,#88a);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px;line-height:1}.focus-bar-btn[data-v-0d078a41]:hover{color:var(--cs-primary,#6c5ce7);background:#ffffff1a}.focus-edit-row[data-v-0d078a41]{background:rgba(var(--cs-primary-rgb,108, 92, 231), .06);border-bottom:1px solid rgba(var(--cs-primary-rgb,108, 92, 231), .15);box-sizing:border-box;gap:6px;width:100%;padding:6px 12px 8px;display:flex}.focus-edit-input[data-v-0d078a41]{background:var(--cs-bg,#224);min-width:0;color:var(--cs-bg-text,#e5e7eb);border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:5px 8px;font-family:inherit;font-size:12px}.focus-edit-input[data-v-0d078a41]:focus{border-color:var(--cs-primary,#6c5ce7);outline:none}.focus-edit-input[data-v-0d078a41]::placeholder{color:var(--cs-bg-muted,#88a);opacity:.7}.focus-edit-label[data-v-0d078a41]{flex:0 0 90px}.focus-edit-go[data-v-0d078a41]{background:var(--cs-primary,#6c5ce7);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:5px 12px;font-size:12px}.focus-edit-go[data-v-0d078a41]:hover{opacity:.9}.reasoning-block[data-v-dbe90e42]{border:1px solid var(--cs-reason-border);background:var(--cs-reason-bg);border-radius:8px;margin-bottom:6px;overflow:hidden}.reasoning-header[data-v-dbe90e42]{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--cs-reason-head);align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.reasoning-title[data-v-dbe90e42]{font-weight:600}.reasoning-toggle[data-v-dbe90e42]{color:var(--cs-reason-toggle);margin-left:auto;font-size:12px}.reasoning-body[data-v-dbe90e42]{border-top:1px solid var(--cs-reason-border);color:var(--cs-reason-text);white-space:pre-wrap;word-break:break-word;max-height:300px;padding:8px 10px;font-size:12px;line-height:1.6;overflow-y:auto}.status-dot[data-v-dbe90e42]{background:var(--cs-step-meta);border-radius:3px;flex-shrink:0;width:8px;height:8px}.status-dot.ok[data-v-dbe90e42]{background:var(--cs-ok)}.step-sub-reason[data-v-f415f3c9]{border-left:2px solid var(--cs-sub-border);background:var(--cs-sub-bg);border-radius:0 6px 6px 0;margin-top:4px}.sub-reason-head[data-v-f415f3c9]{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--cs-sub-text);align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:600;list-style:none;display:flex}.sub-reason-head[data-v-f415f3c9]::-webkit-details-marker{display:none}.sub-reason-head[data-v-f415f3c9]:before{content:"▸";color:var(--cs-sub-text);font-size:9px;transition:transform .15s;display:inline-block}.step-sub-reason[open] .sub-reason-head[data-v-f415f3c9]:before{transform:rotate(90deg)}.sub-reason-label.pulsing[data-v-f415f3c9]:after{content:" ●";margin-left:1px;animation:1.2s ease-in-out infinite cs-think-pulse-f415f3c9}@keyframes cs-think-pulse-f415f3c9{0%,to{opacity:.3}50%{opacity:1}}.sub-reason-body[data-v-f415f3c9]{border-top:1px solid var(--cs-sub-border);color:var(--cs-sub-text);white-space:pre-wrap;word-break:break-word;max-height:240px;padding:4px 10px 6px;font-size:10px;line-height:1.5;overflow-y:auto}.sub-reason-trunc[data-v-f415f3c9]{opacity:.7;margin-left:4px;font-size:9px;font-weight:400}.sub-reason-copy[data-v-f415f3c9]{color:var(--cs-sub-text);cursor:pointer;background:#6c5ce724;border:none;border-radius:4px;margin-left:auto;padding:1px 7px;font-size:10px;line-height:1.5;transition:background .15s}.sub-reason-copy[data-v-f415f3c9]:hover{background:#6c5ce742}.sub-reason-copy.copied[data-v-f415f3c9]{color:var(--cs-ok);background:#10b98133}.status-dot[data-v-f415f3c9]{background:var(--cs-step-meta);border-radius:2px;flex-shrink:0;width:6px;height:6px}.status-dot.running[data-v-f415f3c9]{background:var(--cs-warn)}.status-dot.ok[data-v-f415f3c9]{background:var(--cs-ok)}.steps-block[data-v-24647b00]{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:6px;display:flex}.step-item[data-v-24647b00]{background:var(--cs-step-bg);border:1px solid var(--cs-step-border);color:var(--cs-step-text);border-radius:8px;flex-direction:column;align-self:flex-start;gap:3px;max-width:100%;padding:5px 10px;font-size:11px;display:flex}.step-head[data-v-24647b00]{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.step-name[data-v-24647b00]{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600}.step-count[data-v-24647b00]{color:var(--cs-step-meta);font-size:10px;font-weight:600}.step-status[data-v-24647b00]{letter-spacing:.2px;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.step-status.done[data-v-24647b00]{color:var(--cs-ok);background:rgba(var(--cs-ok-rgb), .12)}.step-status.running[data-v-24647b00]{color:var(--cs-warn);background:rgba(var(--cs-warn-rgb), .12)}.step-status.error[data-v-24647b00]{color:var(--cs-err);background:rgba(var(--cs-err-rgb), .12)}.step-duration[data-v-24647b00]{color:var(--cs-step-meta);font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.subagent-badge[data-v-24647b00]{color:var(--cs-sub-text);letter-spacing:.2px;white-space:nowrap;background:#6c5ce724;border-radius:4px;padding:0 5px;font-size:9px;font-weight:600;line-height:1.6}.step-children[data-v-24647b00]{border-left:2px solid var(--cs-sub-border);background:var(--cs-sub-bg);border-radius:0 6px 6px 0;flex-direction:column;gap:3px;margin-top:4px;padding:4px 8px 4px 10px;display:flex}.step-children-label[data-v-24647b00]{color:var(--cs-sub-text);letter-spacing:.3px;font-size:10px;font-weight:600}.step-child[data-v-24647b00]{color:var(--cs-sub-text);border-radius:6px;align-items:center;gap:5px;padding:1px 4px;font-size:10px;display:inline-flex}.step-child .step-name[data-v-24647b00]{color:var(--cs-sub-text);font-weight:400}.step-child .step-status.running[data-v-24647b00]{color:var(--cs-sub-text);background:#6c5ce71f}.status-dot.ok[data-v-24647b00]{background:var(--cs-ok)}.status-dot[data-v-24647b00]{background:var(--cs-step-meta);border-radius:3px;flex-shrink:0;width:8px;height:8px}.status-dot.done[data-v-24647b00]{background:var(--cs-ok)}.status-dot.running[data-v-24647b00]{background:var(--cs-warn)}.status-dot.error[data-v-24647b00]{background:var(--cs-err)}.status-dot.sm[data-v-24647b00]{border-radius:2px;width:6px;height:6px}.code-preview-overlay[data-v-985c5382]{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.code-preview-modal[data-v-985c5382]{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:900px;height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.preview-header[data-v-985c5382]{color:#fff;background:#1f2937;align-items:center;gap:12px;padding:10px 16px;display:flex}.preview-title[data-v-985c5382]{font-size:14px;font-weight:600}.preview-tabs[data-v-985c5382]{gap:4px;margin-left:auto;display:flex}.preview-tabs button[data-v-985c5382]{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:4px 12px;font-size:13px}.preview-tabs button.active[data-v-985c5382]{background:#667eea}.preview-tabs button[data-v-985c5382]:disabled{opacity:.4;cursor:not-allowed}.preview-actions[data-v-985c5382]{gap:4px;display:flex}.icon-btn[data-v-985c5382]{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.icon-btn[data-v-985c5382]:hover{background:#ffffff40}.preview-body[data-v-985c5382]{background:#f9fafb;flex:1;overflow:hidden}.preview-iframe[data-v-985c5382]{background:#fff;border:none;width:100%;height:100%}.preview-source[data-v-985c5382]{color:#e5e7eb;white-space:pre-wrap;word-break:break-word;background:#1f2937;height:100%;margin:0;padding:16px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;overflow:auto}.message-md{overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.7}.message-md p{margin:0 0 8px}.message-md p:last-child{margin-bottom:0}.message-md table{border-collapse:collapse;max-width:100%;margin:8px 0;display:block;overflow-x:auto}.message-md th,.message-md td{border:1px solid var(--cs-md-border,#e5e7eb);white-space:nowrap;padding:4px 8px;font-size:12px}.message-md th{background:var(--cs-md-th-bg,#f9fafb)}.message-md img{max-width:100%}.message-md ul,.message-md ol{margin:6px 0;padding-left:20px}.message-md li{margin:2px 0}.message-md h1,.message-md h2,.message-md h3{margin:10px 0 6px;font-weight:600}.message-md h1{font-size:18px}.message-md h2{font-size:16px}.message-md h3{font-size:15px}.message-md a{color:#667eea;text-decoration:underline}.message-md code:not(.hljs){background:var(--cs-md-code-bg,#667eea1a);color:var(--cs-md-code-text,#4338ca);border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px}.message-md .code-block{background:#1f2937;border-radius:8px;margin:10px 0;padding:0;position:relative;overflow:hidden}.message-md .code-block code{color:#e5e7eb;background:0 0;padding:12px 14px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;display:block;overflow-x:auto}.message-md .code-toolbar{background:#00000040;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:6px 12px;display:flex}.message-md .code-lang{color:#9ca3af;text-transform:lowercase;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px}.message-md .code-action-btn{color:#e5e7eb;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;margin-left:auto;padding:3px 10px;font-size:12px;transition:background .2s}.message-md .code-action-btn:hover{background:#fff3}.message-md .code-action-btn.preview-btn{color:#fff;background:#667eea;margin-left:4px}.message-md .code-action-btn.preview-btn:hover{background:#5568d3}.message-md .hljs{color:#e5e7eb}.message-md .hljs-keyword{color:#c084fc}.message-md .hljs-string{color:#86efac}.message-md .hljs-comment{color:#6b7280;font-style:italic}.message-md .hljs-number{color:#fca5a5}.message-md .hljs-function .hljs-title,.message-md .hljs-title{color:#93c5fd}.message-md .hljs-tag{color:#fca5a5}.message-md .hljs-attr{color:#fcd34d}.message-md .hljs-built_in{color:#67e8f9}.message-bubble[data-v-c38029d9]{border-radius:var(--cs-radius-bubble,12px);overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;padding:9px 13px;font-size:12px;line-height:1.7}.message-bubble.assistant[data-v-c38029d9]{background:var(--cs-bubble-ai,#f3f4f6);color:var(--cs-bg-text,#1f2937);white-space:normal;overflow-wrap:anywhere;border-bottom-left-radius:4px}.message-bubble.user[data-v-c38029d9]{background:var(--cs-bubble-user,var(--cs-primary,#1f4d3a));color:#fff;border-bottom-right-radius:4px}.typing[data-v-c38029d9]{align-items:center;gap:6px;padding:4px 2px;display:flex}.typing-dot[data-v-c38029d9]{background:var(--cs-typing-dot,var(--cs-primary,#1f4d3a));border-radius:3px;flex-shrink:0;width:8px;height:8px}.typing-dot.pulse[data-v-c38029d9]{animation:1.2s ease-in-out infinite cs-dot-pulse-c38029d9}@keyframes cs-dot-pulse-c38029d9{0%,to{opacity:1}50%{opacity:.35}}.typing-text[data-v-c38029d9]{color:var(--cs-bg-text,#6b7280);font-size:13px}.stream-cursor[data-v-c38029d9]{vertical-align:text-bottom;background:var(--cs-primary);width:7px;height:14px;margin-left:2px;animation:1s steps(2,end) infinite cs-blink-c38029d9;display:inline-block}@keyframes cs-blink-c38029d9{0%,50%{opacity:1}51%,to{opacity:0}}.message-time[data-v-4a976e4a]{color:#9ca3af;margin-top:4px;padding:0 4px;font-size:11px}.msg-actions[data-v-33638c4b]{opacity:0;gap:6px;margin-top:4px;transition:opacity .2s;display:flex}.msg-action-btn[data-v-33638c4b]{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:2px 8px;font-size:11px;transition:all .2s}.msg-action-btn[data-v-33638c4b]:hover{border-color:var(--cs-primary);color:var(--cs-primary);background:#f0f7f3}.avatar-icon[data-v-dd253c12]{fill:currentColor;width:62%;height:62%}.message-row[data-v-cc6e79b0]{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.message-row.user[data-v-cc6e79b0]{flex-direction:row-reverse}.message-avatar[data-v-cc6e79b0]{width:var(--cs-avatar-size,32px);height:var(--cs-avatar-size,32px);border-radius:var(--cs-avatar-radius,50%);background:var(--cs-avatar-bg,#f3f4f6);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.message-row.assistant .message-avatar[data-v-cc6e79b0]{background:var(--cs-avatar-grad,var(--cs-avatar-bg,#f3f4f6));color:var(--cs-avatar-fg,#fff)}.message-row.user .message-avatar[data-v-cc6e79b0]{background:var(--cs-avatar-user-bg,#ecf5ef);color:var(--cs-avatar-user-fg,#3b5e4a)}.message-content[data-v-cc6e79b0]{min-width:0;max-width:80%}.msg-focuses[data-v-cc6e79b0]{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-bottom:4px;display:flex}.msg-focus-chip[data-v-cc6e79b0]{background:rgba(var(--cs-primary-rgb,31, 77, 58), .12);color:var(--cs-primary,#1f4d3a);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:2px;padding:1px 4px 1px 6px;font-size:11px;line-height:1.6;display:inline-flex}.msg-focus-chip[data-v-cc6e79b0]:hover{background:rgba(var(--cs-primary-rgb,31, 77, 58), .2)}.msg-focus-chip-x[data-v-cc6e79b0]{color:inherit;cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:8px;padding:0 4px;font-size:11px;line-height:1;transition:opacity .15s,background .15s}.msg-focus-chip-x[data-v-cc6e79b0]:hover{opacity:1;background:rgba(var(--cs-err-rgb,220, 38, 38), .15);color:var(--cs-err,#dc2626)}.message-row.user .message-content[data-v-cc6e79b0]{flex-direction:column;align-items:flex-end;display:flex}.message-row.assistant[data-v-cc6e79b0]:hover .msg-actions{opacity:1}.chat-body[data-v-79cdf41e]{flex-direction:column;min-height:100%;padding:16px;display:flex}.empty-state[data-v-79cdf41e]{color:#9ca3af;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:200px;display:flex}.empty-icon[data-v-79cdf41e]{margin-bottom:12px;font-size:48px}.empty-state p[data-v-79cdf41e]{font-size:14px}.message-row[data-v-79cdf41e]{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.message-avatar[data-v-79cdf41e]{color:#4b5563;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.message-row.assistant .message-avatar[data-v-79cdf41e]{background:var(--cs-avatar-grad,linear-gradient(135deg, #92a2fe 0%, #645bff 100%));color:#fff}.message-content[data-v-79cdf41e]{min-width:0;max-width:80%}.error-bar[data-v-79cdf41e]{color:#dc2626;background:#fef2f2;border-radius:8px;align-items:flex-start;gap:10px;margin-top:8px;padding:8px 12px;font-size:13px;display:flex}.error-text[data-v-79cdf41e]{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;flex:1;min-width:0;max-height:120px;line-height:1.5;overflow-y:auto}.error-bar .retry-btn[data-v-79cdf41e],.error-bar .undo-btn[data-v-79cdf41e]{flex-shrink:0;margin-top:1px}.retry-btn[data-v-79cdf41e]{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;flex-shrink:0;padding:3px 12px;font-size:12px;font-weight:600;transition:background .2s}.retry-btn[data-v-79cdf41e]:hover{background:#b91c1c}.undo-btn[data-v-79cdf41e]{color:#92400e;cursor:pointer;background:#fffbeb;border:1px solid #f59e0b;border-radius:6px;margin-left:6px;padding:2px 10px;font-size:11px;transition:all .2s}.undo-btn[data-v-79cdf41e]:hover{background:#fde68a}.queued-bar[data-v-f32730a9]{border:1px solid #e5e7eb;border-left:3px solid var(--cs-primary);background:linear-gradient(#f9fafb 0%,#fff 100%);border-radius:10px;margin:10px 12px;padding:10px 12px;box-shadow:0 1px 3px #0000000a}.queued-head[data-v-f32730a9]{color:#6b7280;letter-spacing:.2px;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.queued-icon[data-v-f32730a9]{font-size:13px}.queued-title[data-v-f32730a9]{color:#4b5563;font-weight:600}.queued-count[data-v-f32730a9]{background:var(--cs-primary);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:600;line-height:18px}.queued-item[data-v-f32730a9]{background:#fff;border:1px solid #eef0f3;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:7px 10px;transition:border-color .2s,box-shadow .2s;animation:.22s cubic-bezier(.16,1,.3,1) cs-queued-in-f32730a9;display:flex}.queued-item[data-v-f32730a9]:hover{border-color:#d1d5db;box-shadow:0 2px 5px #0000000d}.queued-idx[data-v-f32730a9]{background:rgba(var(--cs-primary-rgb), .1);width:20px;height:20px;color:var(--cs-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.queued-text[data-v-f32730a9]{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;line-height:1.5;overflow:hidden}.queued-act[data-v-f32730a9]{color:#9ca3af;cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .15s;display:flex}.queued-item:hover .queued-act[data-v-f32730a9]{opacity:1}.queued-act[data-v-f32730a9]:hover{color:#1f2937;background:#f3f4f6}.queued-act.queued-del[data-v-f32730a9]:hover{color:#dc2626;background:#fef2f2}@keyframes cs-queued-in-f32730a9{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.queued-item[data-v-f32730a9]{animation:none}}.approval-bar[data-v-296a936f]{background:linear-gradient(#fffbeb 0%,#fffef5 100%);border:1px solid #fcd34d;border-left:4px solid #f59e0b;border-radius:10px;margin:10px 12px;padding:12px 14px;box-shadow:0 2px 8px #f59e0b14}.approval-head[data-v-296a936f]{color:#92400e;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.approval-icon[data-v-296a936f]{font-size:18px}.approval-title[data-v-296a936f]{flex:1;min-width:0}.approval-title code[data-v-296a936f]{color:#78350f;background:#fef3c7;border-radius:5px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.approval-toggle[data-v-296a936f]{color:#92400e;cursor:pointer;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:3px 10px;font-size:12px;transition:all .2s}.approval-toggle[data-v-296a936f]:hover{background:#fef3c7;border-color:#f59e0b}.approval-args[data-v-296a936f]{color:#57534e;white-space:pre-wrap;word-break:break-all;background:#fff;border:1px solid #fde68a;border-radius:8px;max-height:160px;margin:10px 0;padding:10px;font-size:12px;line-height:1.5;overflow:auto}.approval-actions[data-v-296a936f]{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.approval-options[data-v-296a936f]{flex-direction:column;gap:8px;margin-top:10px;display:flex}.approval-options .approval-opt[data-v-296a936f]{text-align:left;white-space:normal;width:100%;padding:9px 14px;line-height:1.5}.approval-actions button[data-v-296a936f]{cursor:pointer;border:none;border-radius:7px;padding:6px 18px;font-size:13px;font-weight:500;transition:all .2s}.approval-deny[data-v-296a936f]{color:#6b7280;background:#fff;border:1px solid #e5e7eb}.approval-deny[data-v-296a936f]:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.approval-allow[data-v-296a936f]{background:var(--cs-primary);color:#fff;box-shadow:0 1px 3px rgba(var(--cs-primary-rgb), .3)}.approval-allow[data-v-296a936f]:hover{opacity:.92;transform:translateY(-1px)}.approval-question[data-v-296a936f]{color:#1f2937;white-space:pre-wrap;background:#fff;border:1px solid #fde68a;border-radius:8px;margin:10px 0;padding:10px 12px;font-size:13px;line-height:1.6;box-shadow:0 1px 2px #00000008}.approval-context[data-v-296a936f]{color:#92400e;margin:6px 0 10px;padding:0 2px;font-size:12px;line-height:1.6}.approval-recommend[data-v-296a936f]{background:rgba(var(--cs-primary-rgb), .06);border-left:3px solid var(--cs-primary);color:var(--cs-primary);border-radius:8px;margin:8px 0 10px;padding:8px 12px;font-size:12px;line-height:1.6}.approval-opt[data-v-296a936f]{border:1px solid var(--cs-primary);color:var(--cs-primary);cursor:pointer;background:#fff;border-radius:7px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.approval-opt[data-v-296a936f]:hover{background:var(--cs-primary);color:#fff;transform:translateY(-1px)}.conflict-bar[data-v-195e5b23]{background:#fef2f2;border:1px solid #dc2626;border-radius:10px;margin:8px 12px;padding:10px 12px}.conflict-head[data-v-195e5b23]{color:#991b1b;align-items:center;gap:6px;font-size:13px;display:flex}.conflict-icon[data-v-195e5b23]{font-size:15px}.conflict-title code[data-v-195e5b23]{color:#7f1d1d;background:#fee2e2;border-radius:4px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.conflict-detail[data-v-195e5b23]{color:#7f1d1d;margin:6px 0 8px;font-size:12px;line-height:1.5}.conflict-actions[data-v-195e5b23]{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.conflict-actions button[data-v-195e5b23]{cursor:pointer;border:none;border-radius:6px;padding:5px 14px;font-size:13px;transition:opacity .2s}.conflict-keep[data-v-195e5b23]{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.conflict-keep[data-v-195e5b23]:hover{color:#374151;background:#e5e7eb}.conflict-overwrite[data-v-195e5b23]{color:#fff;background:#dc2626}.conflict-overwrite[data-v-195e5b23]:hover{opacity:.9}.conflict-restore[data-v-195e5b23]{color:#dc2626;background:#fff;border:1px solid #dc2626}.conflict-restore[data-v-195e5b23]:hover{background:#fee2e2}.conflict-toggle[data-v-195e5b23]{color:#991b1b;cursor:pointer;background:0 0;border:none;border-radius:4px;margin:2px 0 6px;padding:2px 8px;font-size:12px}.conflict-toggle[data-v-195e5b23]:hover{background:#fee2e2}.conflict-diff[data-v-195e5b23]{gap:8px;margin:4px 0 8px;display:flex}.conflict-diff-col[data-v-195e5b23]{flex:1;min-width:0}.conflict-diff-label[data-v-195e5b23]{color:#7f1d1d;margin-bottom:2px;font-size:11px}.conflict-diff-pre[data-v-195e5b23]{color:#57534e;white-space:pre-wrap;word-break:break-all;background:#fff;border:1px solid #fecaca;border-radius:6px;max-height:140px;margin:0;padding:6px;font-size:11px;overflow:auto}.chat-footer[data-v-a9087737]{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.chat-input-wrap[data-v-a9087737]{flex:1;min-width:0;position:relative}.focus-chips[data-v-a9087737]{z-index:1;flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:5px;left:8px;right:8px}.focus-chip[data-v-a9087737]{background:rgba(var(--cs-primary-rgb,31, 77, 58), .12);color:var(--cs-primary,#1f4d3a);cursor:pointer;border-radius:10px;align-items:center;gap:2px;max-width:100%;padding:1px 4px 1px 6px;font-size:11px;line-height:1.6;display:inline-flex}.focus-chip[data-v-a9087737]:hover{background:rgba(var(--cs-primary-rgb,31, 77, 58), .2)}.focus-chip-icon[data-v-a9087737]{font-size:11px}.focus-chip-path[data-v-a9087737]{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;overflow:hidden}.focus-chip-x[data-v-a9087737]{color:inherit;cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:8px;padding:0 4px;font-size:11px;line-height:1;transition:opacity .15s,background .15s}.focus-chip-x[data-v-a9087737]:hover{opacity:1;background:rgba(var(--cs-err-rgb,220, 38, 38), .15);color:var(--cs-err,#dc2626)}.chat-input.has-focus-chip[data-v-a9087737]{padding-top:30px}.chat-input[data-v-a9087737]{resize:vertical;border:1px solid var(--cs-input-border,rgba(var(--cs-primary-rgb,31, 77, 58), .2));border-radius:var(--cs-input-radius,8px);width:100%;color:var(--cs-bg-text,inherit);background:var(--cs-input-bg,transparent);overflow-wrap:anywhere;word-break:break-word;outline:none;min-height:38px;max-height:50vh;padding:9px 12px 38px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .2s;overflow-y:auto}.chat-input[data-v-a9087737]::placeholder{color:var(--cs-bg-muted,#9ca3af);opacity:.7}.chat-input[data-v-a9087737]:focus{border-color:var(--cs-primary);box-shadow:0 0 0 2px rgba(var(--cs-primary-rgb), .1)}.input-actions[data-v-a9087737]{align-items:center;gap:8px;display:flex;position:absolute;bottom:10px;right:10px}.send-hint[data-v-a9087737]{color:var(--cs-bg-muted,#9ca3af);opacity:.6;pointer-events:none;white-space:nowrap;font-size:10px}.send-btn[data-v-a9087737]{border-radius:var(--cs-send-radius,50%);background:var(--cs-send-grad,var(--cs-primary));color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s,transform .1s;display:flex}.send-btn[data-v-a9087737]:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.send-btn[data-v-a9087737]:active:not(:disabled){transform:scale(.95)}.send-btn[data-v-a9087737]:disabled{opacity:.4;cursor:not-allowed}.send-btn.stop-btn[data-v-a9087737]{background:#9ca3af}.send-btn.stop-btn[data-v-a9087737]:hover:not(:disabled){background:#6b7280;transform:none}.undo-foot-btn[data-v-a9087737]{border:1px solid var(--cs-surface-border,#e5e7eb);background:var(--cs-surface,#f9fafb);color:var(--cs-bg-muted,#6b7280);cursor:pointer;border-radius:14px;flex-shrink:0;align-self:center;padding:4px 10px;font-size:11px;transition:all .2s}.undo-foot-btn[data-v-a9087737]:hover{border-color:var(--cs-primary);color:var(--cs-primary);background:#f0f7f3}.debug-drawer[data-v-68475922]{z-index:9000;pointer-events:none;position:fixed;inset:0}.drawer-mask[data-v-68475922]{pointer-events:auto;background:#00000040;position:absolute;inset:0}.drawer-panel[data-v-68475922]{--cs-primary:#1f4d3a;--cs-primary-rgb:31, 77, 58;--dd-bg:#fff;--dd-surface:#f9fafb;--dd-surface-2:#fafafa;--dd-border:#e5e7eb;--dd-border-soft:#f3f4f6;--dd-text:#1f2937;--dd-text-2:#374151;--dd-text-3:#4b5563;--dd-muted:#6b7280;--dd-faint:#9ca3af;--dd-accent-bg:#ecf5ef;--dd-accent-text:#2d5a47;--dd-accent-bg-2:#dbeee4;--dd-accent-soft:#f0f7f3;--dd-accent-border:#c3dcd0;--dd-err-bg:#fef2f2;--dd-err-text:#991b1b;--dd-err-border:#fecaca;--dd-warn-bg:#fef3c7;--dd-warn-text:#92400e;--dd-purple-bg:#f3e8ff;--dd-purple-text:#7c3aed;--dd-blue-bg:#dbeafe;--dd-blue-text:#2563eb;--dd-usage-bg:#ecfdf5;--dd-usage-text:#047857;background:var(--dd-bg);pointer-events:auto;z-index:2;flex-direction:column;width:520px;max-width:90vw;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #00000026}.drawer-mask[data-v-68475922]{z-index:1}.drawer-header[data-v-68475922]{background:var(--dd-header-bg,linear-gradient(135deg, #1f2937, #111827));color:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.drawer-title[data-v-68475922]{font-size:15px;font-weight:600}.tab-group[data-v-68475922]{gap:4px;display:flex}.tab-btn[data-v-68475922]{background:var(--dd-tab-bg,#ffffff1f);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-size:13px;transition:background .2s}.tab-btn[data-v-68475922]:hover{background:var(--dd-tab-hover,#ffffff38)}.tab-btn.active[data-v-68475922]{background:var(--dd-tab-active,#ffffff73);font-weight:600}.info-body[data-v-68475922]{padding:4px 0}.info-section[data-v-68475922]{margin-bottom:14px}.info-title[data-v-68475922]{color:var(--dd-accent-text);border-bottom:1px solid var(--dd-border-soft);margin-bottom:6px;padding-bottom:4px;font-size:12px;font-weight:600}.info-item[data-v-68475922]{background:var(--dd-surface);border-radius:6px;margin-bottom:4px;padding:6px 8px}.info-name[data-v-68475922]{color:var(--dd-text);font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:600}.info-desc[data-v-68475922]{color:var(--dd-muted);margin-top:2px;font-size:11px;line-height:1.5}.info-desc.muted[data-v-68475922]{color:var(--dd-faint)}.info-hint[data-v-68475922]{color:var(--dd-faint);margin-left:6px;font-size:10px;font-weight:400}.skill-toggle[data-v-68475922]{cursor:pointer;align-items:center;gap:4px;display:flex}.skill-toggle[data-v-68475922]:hover{color:var(--cs-primary,#1f4d3a)}.skill-arrow[data-v-68475922]{color:var(--dd-faint);font-size:8px;transition:transform .15s;display:inline-block}.skill-arrow.open[data-v-68475922]{transform:rotate(90deg)}.skill-content[data-v-68475922]{margin-top:6px}.skill-loading[data-v-68475922]{color:var(--dd-muted);padding:6px 8px;font-size:11px}.skill-error[data-v-68475922]{color:#dc2626;padding:6px 8px;font-size:11px}.skill-pre[data-v-68475922]{color:var(--dd-text-2);background:var(--dd-surface);border:1px solid var(--dd-border);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:320px;margin:0;padding:8px 10px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;line-height:1.6;overflow:auto}.src-tag[data-v-68475922]{vertical-align:middle;border-radius:8px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;display:inline-block}.src-tag.builtin[data-v-68475922]{background:var(--dd-border-soft);color:var(--dd-muted)}.src-tag.mcp[data-v-68475922]{background:var(--dd-purple-bg);color:var(--dd-purple-text)}.src-tag.user[data-v-68475922]{background:var(--dd-blue-bg);color:var(--dd-blue-text)}.info-todo[data-v-68475922]{color:var(--dd-text-2);background:var(--dd-surface);border-radius:6px;align-items:center;gap:6px;margin-bottom:4px;padding:4px 8px;font-size:12px;display:flex}.todo-tag[data-v-68475922]{color:#fff;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:10px}.info-pre[data-v-68475922]{background:var(--dd-surface);color:var(--dd-text-3);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:200px;margin:0;padding:8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;overflow-y:auto}.header-actions[data-v-68475922]{gap:4px;display:flex}.hd-btn[data-v-68475922]{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:6px;width:28px;height:28px}.hd-btn[data-v-68475922]:hover{background:#ffffff40}.drawer-filters[data-v-68475922]{border-bottom:1px solid var(--dd-border-soft);background:var(--dd-surface-2);flex-wrap:wrap;gap:6px;padding:10px 16px;display:flex}.filter-chip[data-v-68475922]{border:1px solid var(--dd-border);background:var(--dd-bg);color:var(--dd-muted);cursor:pointer;border-radius:14px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s;display:inline-flex}.filter-chip[data-v-68475922]:hover{border-color:var(--chip-color,var(--cs-primary))}.filter-chip.active[data-v-68475922]{background:var(--chip-color,var(--cs-primary));border-color:var(--chip-color,var(--cs-primary));color:#fff}.chip-count[data-v-68475922]{background:#7f7f7f1f;border-radius:8px;padding:0 5px;font-size:11px}.filter-chip.active .chip-count[data-v-68475922]{background:#ffffff40}.drawer-body[data-v-68475922]{flex:1;padding:12px;overflow-y:auto}.empty[data-v-68475922]{text-align:center;color:var(--dd-faint);padding:40px 20px;font-size:13px}.log-item[data-v-68475922]{border:1px solid var(--dd-border);background:var(--dd-bg);border-radius:8px;margin-bottom:10px;overflow:hidden}.log-head[data-v-68475922]{background:var(--dd-surface);align-items:center;gap:8px;padding:8px 10px;display:flex}.log-type[data-v-68475922]{color:#fff;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.log-source[data-v-68475922]{color:var(--dd-purple-text);background:var(--dd-purple-bg);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.log-time[data-v-68475922]{color:var(--dd-faint);font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px}.log-body[data-v-68475922]{padding:10px 12px}.log-footer[data-v-68475922]{border-top:1px dashed var(--dd-border-soft);gap:8px;padding:6px 12px;display:flex}.raw-toggle[data-v-68475922]{color:var(--cs-primary);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px}.raw-toggle[data-v-68475922]:hover{text-decoration:underline}.log-raw[data-v-68475922]{border-top:1px solid var(--dd-border-soft);color:#e5e7eb;white-space:pre-wrap;word-break:break-word;background:#1f2937;max-height:280px;margin:0;padding:10px 12px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;line-height:1.5;overflow:auto}.kv-grid[data-v-68475922]{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;display:grid}.kv[data-v-68475922]{background:var(--dd-surface);border-radius:6px;flex-direction:column;padding:6px 8px;display:flex}.kv .k[data-v-68475922]{color:var(--dd-faint);text-transform:uppercase;font-size:10px}.kv .v[data-v-68475922]{color:var(--dd-text);font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:600}.section-label[data-v-68475922]{color:var(--dd-muted);margin:10px 0 4px;font-size:11px;font-weight:600}.chip-row[data-v-68475922]{flex-wrap:wrap;gap:4px;display:flex}.tool-chip[data-v-68475922]{background:var(--dd-accent-bg);color:var(--dd-accent-text);border-radius:10px;padding:2px 8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px}.msg-list[data-v-68475922]{flex-direction:column;gap:4px;display:flex}.msg-row[data-v-68475922]{background:var(--dd-surface);border-radius:6px;align-items:flex-start;gap:6px;padding:5px 8px;display:flex}.msg-role[data-v-68475922]{color:#fff;border-radius:3px;flex-shrink:0;margin-top:1px;padding:2px 6px;font-size:9px;font-weight:700}.msg-text[data-v-68475922]{color:var(--dd-text-2);white-space:pre-wrap;word-break:break-word;flex:1;font-size:12px;line-height:1.5}.msg-tool-hint[data-v-68475922]{color:var(--dd-purple-text);flex-shrink:0;font-size:10px}.badge-row[data-v-68475922]{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.badge[data-v-68475922]{background:var(--dd-accent-bg-2);color:var(--dd-accent-text);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.badge.muted[data-v-68475922]{background:var(--dd-border-soft);color:var(--dd-muted)}.badge.warn[data-v-68475922]{background:var(--dd-warn-bg);color:var(--dd-warn-text)}.resp-content[data-v-68475922]{color:var(--dd-text);background:var(--dd-warn-bg);white-space:pre-wrap;word-break:break-word;border-left:3px solid #d97706;border-radius:4px;margin-bottom:8px;padding:6px 10px;font-size:12px}.tc-list[data-v-68475922]{flex-direction:column;gap:6px;display:flex}.tc-card[data-v-68475922]{border:1px solid var(--dd-border);border-radius:6px;overflow:hidden}.tc-card.inline[data-v-68475922]{margin-top:4px}.tc-name[data-v-68475922]{color:var(--dd-accent-text);background:var(--dd-accent-bg);padding:5px 8px;font-size:12px;font-weight:600}.tc-args[data-v-68475922]{color:#e5e7eb;white-space:pre-wrap;word-break:break-word;background:#1f2937;max-height:200px;margin:0;padding:8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;line-height:1.5;overflow-y:auto}.usage-row[data-v-68475922]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.usage[data-v-68475922]{background:var(--dd-usage-bg);color:var(--dd-usage-text);border-radius:10px;padding:2px 8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px}.err-box[data-v-68475922]{color:var(--dd-err-text);background:var(--dd-err-bg);border:1px solid var(--dd-err-border);white-space:pre-wrap;word-break:break-word;border-radius:6px;padding:8px 10px;font-size:12px}.msg-detail[data-v-68475922]{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.tc-inline[data-v-68475922]{background:var(--dd-accent-soft);border:1px solid var(--dd-accent-border);border-radius:4px;align-items:baseline;gap:4px;padding:2px 6px;font-size:11px;display:flex}.tc-inline-name[data-v-68475922]{color:var(--dd-accent-text);white-space:nowrap;font-weight:600}.tc-inline-args[data-v-68475922]{color:var(--dd-text-2);word-break:break-all;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.tc-id[data-v-68475922]{color:var(--dd-faint);font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.view-toggle[data-v-68475922]{border:1px solid var(--dd-accent-border);background:var(--dd-accent-bg);color:var(--dd-accent-text);cursor:pointer;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px}.view-toggle[data-v-68475922]:hover{background:var(--dd-accent-bg-2)}.drawer-enter-active[data-v-68475922],.drawer-leave-active[data-v-68475922]{transition:opacity .25s}.drawer-enter-active .drawer-panel[data-v-68475922],.drawer-leave-active .drawer-panel[data-v-68475922]{transition:transform .25s}.drawer-enter-from[data-v-68475922],.drawer-leave-to[data-v-68475922]{opacity:0}.drawer-enter-from .drawer-panel[data-v-68475922],.drawer-leave-to .drawer-panel[data-v-68475922]{transform:translate(100%)}.flow-section[data-v-68475922]{margin-bottom:14px}.flow-section-title[data-v-68475922]{color:var(--dd-muted);margin-bottom:6px;padding-left:2px;font-size:11px;font-weight:600}.flow-round[data-v-68475922]{border:1px solid var(--dd-border);border-radius:8px;margin-bottom:12px;overflow:hidden}.flow-round-head[data-v-68475922]{color:#fff;background:var(--cs-primary);padding:5px 10px;font-size:12px;font-weight:600}.flow-round-body[data-v-68475922]{flex-direction:column;gap:3px;padding:6px;display:flex}.flow-node[data-v-68475922]{background:var(--dd-surface);border-left:3px solid var(--cs-primary);border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:flex}.flow-node.llm_request[data-v-68475922]{border-left-color:#059669}.flow-node.llm_response[data-v-68475922]{border-left-color:#d97706}.flow-node.tool_call[data-v-68475922]{border-left-color:#7c3aed}.flow-node.tool_result[data-v-68475922]{border-left-color:#2563eb}.flow-node.error[data-v-68475922]{background:var(--dd-err-bg);border-left-color:#dc2626}.flow-node.middleware[data-v-68475922]{border-left-color:#0891b2}.flow-ico[data-v-68475922]{flex-shrink:0;font-size:13px}.flow-label[data-v-68475922]{color:var(--dd-text-2);white-space:nowrap;flex-shrink:0;font-weight:600}.flow-detail[data-v-68475922]{color:var(--dd-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;overflow:hidden}.flow-time[data-v-68475922]{color:var(--dd-faint);flex-shrink:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.trace-panel[data-v-68475922]{padding:10px}.trace-empty[data-v-68475922]{color:var(--dd-faint);text-align:center;padding:30px;font-size:12px;line-height:1.6}.trace-empty code[data-v-68475922]{background:var(--dd-border-soft);border-radius:4px;padding:1px 5px;font-size:11px}.trace-metrics[data-v-68475922]{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.metric-card[data-v-68475922]{background:var(--dd-accent-soft);border:1px solid var(--dd-accent-border);border-radius:8px;flex-direction:column;min-width:70px;padding:6px 10px;display:flex}.metric-card span[data-v-68475922]{color:var(--dd-muted);font-size:10px}.metric-card b[data-v-68475922]{color:var(--cs-primary);font-size:14px}.trace-spans[data-v-68475922]{flex-direction:column;gap:3px;display:flex}.trace-span[data-v-68475922]{background:var(--dd-surface);border-left:3px solid var(--cs-primary);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.trace-span.model[data-v-68475922]{border-left-color:#059669}.trace-span.tool[data-v-68475922]{border-left-color:#7c3aed}.trace-span.compression[data-v-68475922]{border-left-color:#d97706}.trace-span.error[data-v-68475922]{background:var(--dd-err-bg)}.span-ico[data-v-68475922]{flex-shrink:0;font-size:12px}.span-name[data-v-68475922]{color:var(--dd-text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:SF Mono,Monaco,Consolas,monospace;overflow:hidden}.span-dur[data-v-68475922]{color:var(--dd-muted);flex-shrink:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.span-status[data-v-68475922]{flex-shrink:0;font-size:11px}.context-panel[data-v-68475922]{padding:12px}.ctx-overview[data-v-68475922]{margin-bottom:14px}.ctx-occupancy[data-v-68475922]{align-items:center;gap:8px;margin-bottom:6px;display:flex}.ctx-bar-track[data-v-68475922]{background:var(--dd-border-soft);cursor:help;border-radius:5px;flex:1;height:10px;position:relative;overflow:hidden}.ctx-bar-fill[data-v-68475922]{border-radius:5px;height:100%;transition:width .3s}.ctx-bar-fill.green[data-v-68475922]{background:#10b981}.ctx-bar-fill.yellow[data-v-68475922]{background:#f59e0b}.ctx-bar-fill.red[data-v-68475922]{background:#ef4444}.ctx-threshold-mark[data-v-68475922]{background:var(--dd-muted);width:2px;position:absolute;top:-2px;bottom:-2px}.ctx-pct[data-v-68475922]{color:var(--dd-text);min-width:40px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:700}.ctx-kv-row[data-v-68475922]{flex-wrap:wrap;gap:6px;display:flex}.ctx-kv[data-v-68475922]{color:var(--dd-muted);background:var(--dd-surface);border-radius:8px;padding:2px 8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px}.ctx-section-title[data-v-68475922]{color:var(--dd-muted);margin:12px 0 6px;font-size:11px;font-weight:600}.ctx-cat[data-v-68475922]{align-items:center;gap:8px;padding:4px 0;font-size:11px;display:flex}.ctx-cat-label[data-v-68475922]{width:130px;color:var(--dd-text-2);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;overflow:hidden}.ctx-cat-bar[data-v-68475922]{background:var(--dd-border-soft);border-radius:4px;flex:1;height:8px;overflow:hidden}.ctx-cat-fill[data-v-68475922]{background:var(--cs-primary);border-radius:4px;height:100%}.ctx-cat-tokens[data-v-68475922]{text-align:right;min-width:76px;color:var(--dd-muted);flex-shrink:0;font-family:SF Mono,Monaco,Consolas,monospace}.ctx-cat-tokens i[data-v-68475922]{color:var(--dd-faint);font-style:normal}.ctx-compression[data-v-68475922]{border-top:1px solid var(--dd-border-soft);margin-top:14px;padding-top:10px}.subagent-panel[data-v-68475922]{padding:12px}.sub-section[data-v-68475922]{margin-bottom:16px}.sub-section-title[data-v-68475922]{color:var(--dd-muted);margin-bottom:8px;font-size:11px;font-weight:600}.sub-card[data-v-68475922]{background:var(--dd-surface);border-left:3px solid var(--cs-primary);border-radius:8px;margin-bottom:6px;padding:8px 10px}.sub-card.running[data-v-68475922]{border-left-color:#059669}.sub-card.done[data-v-68475922]{border-left-color:var(--dd-muted)}.sub-card.error[data-v-68475922]{background:var(--dd-err-bg);border-left-color:#dc2626}.sub-head[data-v-68475922]{align-items:center;gap:6px;margin-bottom:4px;display:flex}.sub-status[data-v-68475922]{color:#fff;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:10px}.sub-label[data-v-68475922]{color:var(--dd-text);font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:600}.sub-steps-badge[data-v-68475922]{color:var(--dd-muted);margin-left:auto;font-size:10px}.sub-dur[data-v-68475922]{color:var(--dd-muted);margin-left:auto;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.sub-toggle[data-v-68475922]{border:1px solid var(--dd-border);background:var(--dd-bg);color:var(--dd-muted);cursor:pointer;border-radius:8px;padding:1px 6px;font-size:10px}.sub-toggle[data-v-68475922]:hover{background:var(--dd-border-soft)}.sub-task[data-v-68475922]{color:var(--dd-text-2);font-size:11px;line-height:1.5}.sub-result[data-v-68475922]{color:var(--dd-text-3);background:var(--dd-bg);border:1px solid var(--dd-border);white-space:pre-wrap;word-break:break-word;border-radius:4px;margin-top:4px;padding:4px 6px;font-size:11px}.sub-steps-list[data-v-68475922]{border-top:1px dashed var(--dd-border);margin-top:6px;padding-top:6px}.sub-step[data-v-68475922]{align-items:center;gap:6px;padding:2px 0;font-size:11px;display:flex}.sub-step-kind[data-v-68475922]{flex-shrink:0}.sub-step-name[data-v-68475922]{color:var(--dd-text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:SF Mono,Monaco,Consolas,monospace;overflow:hidden}.sub-step-ts[data-v-68475922]{color:var(--dd-faint);flex-shrink:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.drawer-panel.cs-theme-dark[data-v-68475922]{--cs-primary:#7063e7;--cs-primary-rgb:112, 99, 231;--dd-bg:#222;--dd-surface:#2c2c2c;--dd-surface-2:#2a2a2a;--dd-border:#444;--dd-border-soft:#3a3a3a;--dd-text:#f1f1fa;--dd-text-2:#d5d5e2;--dd-text-3:#b9b9c8;--dd-muted:#9a9ab0;--dd-faint:#77778c;--dd-accent-bg:#00c5621f;--dd-accent-text:#00c562;--dd-accent-bg-2:#00c56233;--dd-accent-soft:#9993ff14;--dd-accent-border:#444;--dd-err-bg:#f048481f;--dd-err-text:#ff9090;--dd-err-border:#f0484873;--dd-warn-bg:#f0a0201f;--dd-warn-text:#f0a020;--dd-purple-bg:#7c3aed2e;--dd-purple-text:#c4a5ff;--dd-blue-bg:#2563eb2e;--dd-blue-text:#93b4ff;--dd-usage-bg:#00c5621f;--dd-usage-text:#4ade80;--dd-header-bg:#353535;--dd-tab-bg:#444;--dd-tab-hover:#555;--dd-tab-active:#7063e7;box-shadow:-8px 0 32px #00000080}.skill-mask[data-v-c6a22ea5]{z-index:10002;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.skill-panel[data-v-c6a22ea5]{color:#1f2937;background:#fff;border-radius:12px;width:480px;max-width:92vw;max-height:86vh;padding:18px 20px;font-size:13px;overflow:auto;box-shadow:0 12px 40px #0003}.skill-header[data-v-c6a22ea5]{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.skill-title[data-v-c6a22ea5]{font-size:16px;font-weight:600}.skill-close[data-v-c6a22ea5]{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px}.skill-close[data-v-c6a22ea5]:hover{background:#f3f4f6}.skill-section[data-v-c6a22ea5]{background:#f9fafb;border-radius:8px;margin-bottom:16px;padding:12px}.section-title[data-v-c6a22ea5]{color:#374151;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.field[data-v-c6a22ea5]{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.field-label[data-v-c6a22ea5]{color:#6b7280;font-size:12px}.field-input[data-v-c6a22ea5]{border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:13px}.field-input[data-v-c6a22ea5]:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f126}.field-input[data-v-c6a22ea5]:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}textarea.field-input[data-v-c6a22ea5]{resize:vertical;font-family:ui-monospace,monospace}.skill-error[data-v-c6a22ea5]{color:#dc2626;margin-bottom:8px;font-size:12px}.btn[data-v-c6a22ea5]{cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:13px}.btn-primary[data-v-c6a22ea5]{color:#fff;background:#4338ca}.btn-primary[data-v-c6a22ea5]:hover{background:#3730a3}.btn-ghost[data-v-c6a22ea5]{color:#6b7280;background:0 0;border:1px solid #e5e7eb}.btn-ghost[data-v-c6a22ea5]:hover{background:#f3f4f6}.btn-cancel[data-v-c6a22ea5]{margin-left:8px;padding:2px 8px;font-size:11px}.btn-edit[data-v-c6a22ea5]{color:#4338ca;border-color:#c7d2fe;padding:3px 10px;font-size:12px}.btn-edit[data-v-c6a22ea5]:hover{background:#eef2ff}.btn-del[data-v-c6a22ea5]{color:#dc2626;border-color:#fecaca;padding:3px 10px;font-size:12px}.btn-del[data-v-c6a22ea5]:hover{background:#fef2f2}.empty-hint[data-v-c6a22ea5]{color:#9ca3af;font-size:12px}.skill-list[data-v-c6a22ea5]{margin:0;padding:0;list-style:none}.skill-item[data-v-c6a22ea5]{border-bottom:1px dashed #e5e7eb;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.skill-item[data-v-c6a22ea5]:last-child{border-bottom:none}.skill-name[data-v-c6a22ea5]{color:#4338ca;font-family:ui-monospace,monospace;font-size:12px}.skill-name.active[data-v-c6a22ea5]{color:#3730a3;font-weight:600}.skill-actions[data-v-c6a22ea5]{gap:6px;display:flex}.skill-hint[data-v-c6a22ea5]{color:#6b7280;background:#eef2ff;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.6}.skill-hint code[data-v-c6a22ea5]{color:#4338ca;background:#e0e7ff;border-radius:3px;padding:1px 5px;font-size:11px}.cs-skill-fade-enter-active[data-v-c6a22ea5],.cs-skill-fade-leave-active[data-v-c6a22ea5]{transition:opacity .2s}.cs-skill-fade-enter-from[data-v-c6a22ea5],.cs-skill-fade-leave-to[data-v-c6a22ea5]{opacity:0}.chat-mask[data-v-69c13a8d]{z-index:9998;background:#00000073;animation:.28s cs-mask-in-69c13a8d;position:fixed;inset:0}@keyframes cs-mask-in-69c13a8d{0%{opacity:0}to{opacity:1}}.chat-dialog.drawer[data-v-69c13a8d]{z-index:9999;border-radius:0;width:420px;max-width:92vw;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) cs-drawer-slide-in-69c13a8d;position:fixed;top:0;bottom:0;right:0}@keyframes cs-drawer-slide-in-69c13a8d{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.chat-mask[data-v-69c13a8d],.chat-dialog.drawer[data-v-69c13a8d]{animation:none}}.chat-dialog[data-v-69c13a8d]{--cs-primary:#1f4d3a;--cs-primary-rgb:31, 77, 58;--cs-bg:#fff;--cs-bg-text:#1f2937;--cs-bg-muted:#9ca3af;--cs-bubble-ai:#f3f4f6;--cs-radius:12px;--cs-reason-bg:#f0f7f3;--cs-reason-border:#b8d4c5;--cs-reason-head:#2d5a47;--cs-reason-text:#41544c;--cs-reason-toggle:#6b8c79;--cs-step-bg:#f4f6f8;--cs-step-border:#e2e6ea;--cs-step-text:#374151;--cs-step-meta:#9ca3af;--cs-ok:#16a34a;--cs-ok-rgb:22, 163, 74;--cs-warn:#d97706;--cs-warn-rgb:217, 119, 6;--cs-err:#dc2626;--cs-err-rgb:220, 38, 38;--cs-sub-bg:#faf5ff;--cs-sub-border:#c4b5fd;--cs-sub-text:#6d28d9;--cs-md-border:#e5e7eb;--cs-md-th-bg:#f9fafb;--cs-md-code-bg:#667eea1a;--cs-md-code-text:#4338ca;border-radius:var(--cs-radius);background:var(--cs-bg);flex-direction:column;width:100%;height:100%;transition:all .3s;animation:.28s cubic-bezier(.16,1,.3,1) cs-drawer-in-69c13a8d;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}.chat-main[data-v-69c13a8d]{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}@keyframes cs-drawer-in-69c13a8d{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.chat-dialog[data-v-69c13a8d]{animation:none}}.chat-dialog.collapsed[data-v-69c13a8d]{height:52px}.cs-slide-enter-active[data-v-69c13a8d],.cs-slide-leave-active[data-v-69c13a8d]{transition:opacity .22s,transform .22s}.cs-slide-enter-from[data-v-69c13a8d],.cs-slide-leave-to[data-v-69c13a8d]{opacity:0;transform:translateY(-6px)}.chat-dialog.cs-leaving[data-v-69c13a8d]{opacity:0;pointer-events:none;transform:scale(.96)translateY(8px)}.chat-dialog.drawer.cs-leaving[data-v-69c13a8d]{transform:translate(100%)}.chat-mask.cs-leaving[data-v-69c13a8d]{opacity:0}.chat-dialog.cs-hidden[data-v-69c13a8d],.chat-mask.cs-hidden[data-v-69c13a8d]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s}.chat-dialog.cs-theme-dark[data-v-69c13a8d]{--cs-primary:#7063e7;--cs-primary-rgb:112, 99, 231;--cs-accent:#9993ff;--cs-bg:#222;--cs-bg-text:#fff;--cs-bg-muted:#999;--cs-bubble-ai:#353535;--cs-bubble-user:#7063e7;--cs-radius:6px;--cs-radius-bubble:9px;--cs-header-bg:#353535;--cs-surface:#353535;--cs-surface-text:#fff;--cs-surface-border:#ffffff1f;--cs-action-bg:#444;--cs-action-hover:#555;--cs-action-text:#9993ff;--cs-surface-hover:#5a5a5a80;--cs-hist-active-bg:#7063e7;--cs-hist-active-border:none;--cs-hist-active-text:#fff;--cs-typing-dot:#7063e7;--cs-reason-bg:#2c2c2c;--cs-reason-border:#3a3a3a;--cs-reason-head:#fff;--cs-reason-text:#999;--cs-reason-toggle:#9993ff;--cs-step-bg:#2c2c2c;--cs-step-border:#3a3a3a;--cs-step-text:#fff;--cs-step-meta:#666;--cs-ok:#00c562;--cs-ok-rgb:0, 197, 98;--cs-warn:#f0a020;--cs-warn-rgb:240, 160, 32;--cs-err:#f04848;--cs-err-rgb:240, 72, 72;--cs-sub-bg:#7063e71f;--cs-sub-border:#7063e7;--cs-sub-text:#9993ff;--cs-md-border:#5a5a5a;--cs-md-th-bg:#444;--cs-md-code-bg:#9993ff1f;--cs-md-code-text:#9993ff;--cs-input-bg:#12121266;--cs-input-border:#7372ff80;--cs-input-radius:12px;--cs-send-radius:18px;--cs-send-grad:linear-gradient(97.7deg, #5e54ff 0%, #95a6ff 100%);--cs-avatar-grad:linear-gradient(135deg, #92a2fe 0%, #645bff 100%);--cs-avatar-size:28px;--cs-avatar-radius:14px;background:linear-gradient(#2223 1.4%,#4f3fe929 100%),#222;border:1px solid #353535;box-shadow:0 8px 32px #0006}
2
2
  /*$vite$:1*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "page-agent-sdk",
3
- "version": "3.3.0",
3
+ "version": "3.5.0",
4
4
  "type": "module",
5
5
  "description": "AI agent SDK for web pages — embed a chat assistant that edits page data via schema-validated tools. A lighter, framework-agnostic alternative to CopilotKit/LangChain for in-page JSON-editing agents. Vue-bundled; works with DeepSeek, OpenAI, MCP.",
6
6
  "main": "./dist/page-agent-sdk.umd.cjs",
package/skills/html-fragment/SKILL.md CHANGED
@@ -1,47 +1,45 @@
1
1
  ---
2
2
  name: html-fragment
3
- description: 纯 HTML 片段(v-html 注入)生成规范——代码作为 data 资产 / vfs 工作副本 / 无外围标签 / 单根元素 / 标签闭合 / validate_code 自检 / 安全底线 / 可访问性
3
+ description: 完整 HTML 页面生成规范——代码作为 data 资产 / vfs 工作副本 / 完整自包含可独立成页 / script+CSS 集中放置 / 可引外部 JS/CSS / validate_code 自检 / 安全底线 / 可访问性
4
4
  ---
5
5
 
6
- # HTML 片段生成规范
6
+ # HTML 完整页面生成规范
7
7
 
8
- > 内置 skill(createHtmlSubagent 单模式 code-as-data-asset)。`createHtmlSubagent({ codeKind:'html' })` 默认装进 HTML 子 agent(v-html 注入场景);亦可独立分发,集成方 `defineSkill` 自挂。与 `html-builder`(Vue SFC 形态)对称。
8
+ > 内置 skill(createHtmlSubagent 单模式 code-as-data-asset)。`createHtmlSubagent({ writablePaths })` 默认装进 HTML 子 agent;亦可独立分发,集成方 `defineSkill` 自挂。
9
9
 
10
10
  ## 代码资产模型(重要)
11
11
 
12
- - 代码正文是 data 的 `code` 字段(资产,随 data json 进服务端 DB);UI 绑 `data.code` 经 v-html 渲染
12
+ - 代码正文是 data 的 `code` 字段(资产,随 data json 进服务端 DB);UI 绑 `data.code` 渲染
13
13
  - vfs 是编辑工作副本:框架自动 checkout(`data.code`→vfs 按 `__pgId`)/ commit(vfs→`data.code`),你只改 vfs
14
14
  - `__pgId` 框架管(read 看不到、write 写不进),别碰
15
15
 
16
16
  ## 两条工作路径
17
17
 
18
18
  - **修改已有组件**:必经 vfs(`vfs_read` → `vfs_edit` 增量改 → `validate_code`);勿直接 `write data.code`
19
- - **新建组件**:`write({patch:{op:'set',jsonPath:'components.N',value:{name,code,props}}})` —— code 直接进 data,框架补 `__pgId`
19
+ - **新建组件**:`write({patch:{op:'set',jsonPath:'components.N',value:{...全字段}}})` —— value 按 data schema **全字段写**(必填字段如 `type` 不能漏;先 `read` 看现有组件结构照抄字段名),code 直接进 data,框架补 `__pgId`。固定流程 write → `validate_code({content})` → read 确认,**不手动 vfs_write 建副本**(框架下次委派自动 checkout)。`code` 字段直接写完整代码字符串,换行/引号照常写,无需手工 JSON 转义
20
20
 
21
- ## 输出契约(必须)
21
+ ## 输出:完整、自包含、能独立成页的 HTML
22
22
 
23
- - 输出经 **v-html 注入**宿主页面的 HTML 片段:**不要** `<!DOCTYPE>`,**不要** `<html>` / `<head>` / `<body>` 外围标签,只输出内容片段本身
24
- - **单根元素**包裹(如 `<section class="hero">…</section>`),语义化标签
25
- - **不写 `<script>`**(v-html 注入不执行脚本,且有安全风险);交互交宿主页面已有机制
26
- - 样式用片段内 `<style>`,class **统一加前缀**防冲突(如 `.pg-hero-…`)
27
- - 不引入外部脚本 / CDN / 外链样式
23
+ - 产物是**完整、自包含的 HTML 页面**(结构完整、标签闭合),能独立正确渲染。下游改造(抽 body / 包组件 / 片段化)由插件或 tool 做,不是你的事
24
+ - **交互逻辑默认用 `<script>` 实现**(完整页面含 script 是常态);仅当用户明确要求「纯 CSS / 不要 script」时不写
25
+ - **CSS 用 `<style>` 块、script 用 `<script>` 块集中放置**(如 `<head>` 内),不散落内联 —— 便于下游工具提取成独立 html/css/js
26
+ - 可引入外部 JS / CSS(CDN 组件库、字体、外链样式)按需使用;class 统一加前缀防冲突(如 `.pg-hero-…`)
28
27
 
29
28
  ## 标签闭合(必须)
30
29
 
31
30
  - 非自闭合标签必须成对闭合(`<img>` / `<br>` / `<input>` 等 void 元素除外)
32
- - 每次生成/修改后调 `validate_code` 自检,报错用 `vfs_edit` 修正后复查,直到通过
31
+ - 每次生成/修改后调 `validate_code` 自检(只校验结构合法性),报错用 `vfs_edit` 修正后复查,直到通过
33
32
  - `validate_code` 也会被返回前门禁(verify beforeReturn)二次扫一次,不通过会回灌自纠
34
33
 
35
- ## 何时写 HTML 片段
34
+ ## 何时写代码组件
36
35
 
37
- - 组件库**无对应类型**(高度定制布局 / 一次性专题页 / 特殊视觉效果)→ 写 HTML 片段
36
+ - 组件库**无对应类型**(高度定制布局 / 一次性专题页 / 特殊视觉效果)→ 写完整 HTML 页面
38
37
  - 组件库**已有**(按钮 / 卡片 / 列表)→ 用现有组件配置,不重造
39
38
 
40
39
  ## 安全底线(必须)
41
40
 
42
41
  - 禁 `eval` / `new Function` / `Function` 构造器
43
42
  - 禁访问 window 敏感属性(`document.cookie` / `apiKey` / `token`)
44
- - 不引入外部脚本 / CDN
45
43
 
46
44
  ## 可访问性 + 语义化
47
45
 
@@ -50,7 +48,7 @@ description: 纯 HTML 片段(v-html 注入)生成规范——代码作为 data
50
48
 
51
49
  ## 提交策略
52
50
 
53
- - **新建组件**:`write` data(`code` 字段直接进,框架补 `__pgId`)
51
+ - **新建组件**:`write` data(`code` 字段直接进,框架补 `__pgId`);固定流程 write → `validate_code({content})` → read 确认,**不手动 vfs_write 建副本**(框架下次委派自动 checkout);`code` 直接写完整代码字符串,换行/引号照常写,无需手工 JSON 转义
54
52
  - **修改组件**:必经 vfs —— `vfs_read` 看现状 → `vfs_edit` 增量改(不 `vfs_write` 重写整个文件,防丢既有内容);框架 afterAgent 自动 commit 回写 `data.code`
55
53
  - 大段代码:`vfs_edit` 增量拼(避免单次输出超 max_tokens 截断)
56
54
  - 删除组件:`write` del `components.N`(data 项移除 → 框架 afterAgent 孤儿清理删 vfs 工作副本)
package/types/headless.d.ts CHANGED
@@ -48,6 +48,10 @@ export interface ToolStep {
48
48
  durationMs?: number;
49
49
  /** 子 agent 工具步骤(spawn 委派时展示子进度) */
50
50
  children?: ToolStep[];
51
+ /** 子 agent 思考过程累积(reasoning 转发;超长截尾仅留尾部);展示"在想什么" */
52
+ subReason?: string;
53
+ /** 子 agent 思考过程**完整**累积(不截尾;仅供复制全量排查,渲染不用它防卡死) */
54
+ subReasonFull?: string;
51
55
  }
52
56
 
53
57
  export interface AgentMessage {
@@ -105,7 +109,8 @@ export type SdkEvent =
105
109
  | { type: 'error'; message: string; severity?: 'recoverable' | 'fatal' | 'observable'; code?: string; context?: unknown }
106
110
  | { type: 'trace'; spans: TraceSpan[]; metrics: TraceMetrics }
107
111
  | { type: 'context_trimmed'; dropped: { round: number; user: unknown; assistant: unknown[]; steps: unknown[] }[]; vfsResults: Record<string, string>; summary: string; reason: string }
108
- | { type: 'focus_chip_click'; path: string; label?: string };
112
+ | { type: 'focus_chip_click'; path: string; label?: string }
113
+ | { type: 'focus_change'; focuses: Focus[] };
109
114
 
110
115
  /** token 用量(OpenAI 协议字段名) */
111
116
  export interface TokenUsage {
@@ -954,7 +959,7 @@ export interface ChatSdk {
954
959
  importData(json: any, opts?: { validate?: boolean; emit?: boolean }): { ok: boolean; error?: string };
955
960
  /** 往 vfs 异步注入/更新文件(RAG 文档池 / HTML 代码等);content 字符串直存,对象 JSON.stringify。与 vfs_write 工具一致语义(集成方侧命令式入口) */
956
961
  vfsWrite(path: string, content: string | object): void;
957
- /** 只读读取 vfs 文件内容(集成方渲染层按 data.codeRef 取代码渲染 custom 组件;文件不存在返 undefined)。与 vfs_read 工具一致语义,命令式入口(不经工具调用/无工具开销) */
962
+ /** 只读读取 vfs 文件内容(文件不存在返 undefined)。与 vfs_read 工具一致语义,命令式入口(不经工具调用/无工具开销) */
958
963
  vfsRead(path: string): string | undefined;
959
964
  /** 创建/注册受保护资源(返回 handle);需配 data.resources + vfsStore,否则抛错 */
960
965
  createResource(path: string, value?: unknown): string;
@@ -1206,7 +1211,15 @@ export declare const presets: Record<string, any>;
1206
1211
  export declare const systemPromptHelpers: {
1207
1212
  /** 可靠写入规则:改前先读、动态先 list、字段以 describe 为准、写错看校验错误重试、优先增量 patch */
1208
1213
  readonly reliableWriteRules: string;
1214
+ /** HTML 页面搭建主 agent 编排规则(与 createHtmlSubagent 配套;职责边界 / 逐个委派 / 修改排查 / 预算暂停) */
1215
+ readonly htmlPageOrchestrator: string;
1216
+ /** HTML 页面搭建「先出方案再生成」(新建/创意类先给 2~3 套方案问用户;产品决策,opt-in 拼进 systemPrompt) */
1217
+ readonly htmlPageProposeFirst: string;
1218
+ /** HTML 页面搭建「主 agent 自己写」降级编排(未注册 html 子 agent;createChatSdk 自动注入或集成方 opt-in spread) */
1219
+ readonly htmlDirectWriteFallback: string;
1209
1220
  };
1221
+ /** HTML 页面搭建主 agent 委派编排(按子 agent id 动态生成,use_<id> 正确;htmlPageOrchestrator 为 id='html' 静态快照) */
1222
+ export declare function htmlOrchestratorPrompt(id: string): string;
1210
1223
  /** 从 zod schema 提取字段说明(io 契约注入 systemPrompt 用);非 object schema 用 description 兜底 */
1211
1224
  export declare function extractSchemaHint(schema: any): string;
1212
1225
  export declare function createSessionStore(config?: StorageConfig): SessionStore;
@@ -1389,12 +1402,12 @@ export interface CreateHtmlSubagentOptions {
1389
1402
  temperature?: number;
1390
1403
  skills?: SkillSpec[];
1391
1404
  extraTools?: any[];
1392
- /** 代码形态:'sfc'(默认,Vue SFC)/ 'html'(纯 HTML 片段,v-html 注入场景) */
1393
- codeKind?: 'sfc' | 'html';
1394
1405
  /** 输出格式校验(validate_code 工具 + verify beforeReturn 门禁);默认 true */
1395
1406
  formatCheck?: boolean;
1396
- /** 子 agent 收口(afterAgent,verify 门禁通过后)一次性回调,传代码区全部文件 {path:content};集成方据此把代码同步进 data bind(响应式驱动渲染),无需 hook vfs 工具事件 */
1397
- onComplete?: (files: Record<string, string>) => void;
1407
+ /** 代码字段相对组件的 jsonPath(默认 'code',支持嵌套如 'props.html_code');「是否代码组件」= 该路径下有 string */
1408
+ codeField?: string;
1409
+ /** 自动注入主 agent 委派编排段(含正确 use_<id>);默认 true,false=不注入 */
1410
+ orchestratorPrompt?: boolean;
1398
1411
  [k: string]: any;
1399
1412
  }
1400
1413
  export declare function createRagSubagent(options: CreateRagSubagentOptions): SubagentConfig;
@@ -1402,16 +1415,12 @@ export declare function createHtmlSubagent(options: CreateHtmlSubagentOptions):
1402
1415
  export interface HtmlFormatIssue {
1403
1416
  /** 行号(1 基) */
1404
1417
  line: number;
1405
- /** 问题码:UNCLOSED_TAG / STRAY_CLOSE_TAG / UNCLOSED_COMMENT / DOCTYPE_IN_FRAGMENT / DOC_TAG_IN_FRAGMENT / SCRIPT_IN_FRAGMENT */
1418
+ /** 问题码:UNCLOSED_TAG / STRAY_CLOSE_TAG / UNCLOSED_COMMENT(只校验结构合法性;DOCTYPE/html/head/body/script 不再拦 —— 完整页面级 HTML,改造由下游插件/tool 做) */
1406
1419
  code: string;
1407
1420
  message: string;
1408
1421
  }
1409
- export interface ValidateHtmlFormatOptions {
1410
- /** Vue SFC 模式:允许 <script>(SFC 自有块);默认 false = 纯 HTML 片段(禁 <script>) */
1411
- sfc?: boolean;
1412
- }
1413
- /** HTML 格式校验(标签闭合 + v-html 片段契约);纯函数,node/浏览器通用(集成方渲染层纵深防御可复用) */
1414
- export declare function validateHtmlFormat(source: string, opts?: ValidateHtmlFormatOptions): HtmlFormatIssue[];
1422
+ /** HTML 格式校验(标签闭合等结构合法性);纯函数,node/浏览器通用(集成方渲染层纵深防御可复用) */
1423
+ export declare function validateHtmlFormat(source: string): HtmlFormatIssue[];
1415
1424
  /** HTML void 元素集合(无需闭合标签;validateHtmlFormat 用,集成方可复用) */
1416
1425
  export declare const HTML_VOID_TAGS: Set<string>;
1417
1426
  export interface HtmlFormatCheckOptions {
package/types/index.d.ts CHANGED
@@ -41,6 +41,10 @@ export interface ToolStep {
41
41
  durationMs?: number;
42
42
  /** 子 agent 工具步骤(spawn 委派时展示子进度) */
43
43
  children?: ToolStep[];
44
+ /** 子 agent 思考过程累积(reasoning 转发;超长截尾仅留尾部);展示"在想什么" */
45
+ subReason?: string;
46
+ /** 子 agent 思考过程**完整**累积(不截尾;仅供复制全量排查,渲染不用它防卡死) */
47
+ subReasonFull?: string;
44
48
  }
45
49
 
46
50
  export interface AgentMessage {
@@ -98,7 +102,8 @@ export type SdkEvent =
98
102
  | { type: 'error'; message: string; severity?: 'recoverable' | 'fatal' | 'observable'; code?: string; context?: unknown }
99
103
  | { type: 'trace'; spans: TraceSpan[]; metrics: TraceMetrics }
100
104
  | { type: 'context_trimmed'; dropped: { round: number; user: unknown; assistant: unknown[]; steps: unknown[] }[]; vfsResults: Record<string, string>; summary: string; reason: string }
101
- | { type: 'focus_chip_click'; path: string; label?: string };
105
+ | { type: 'focus_chip_click'; path: string; label?: string }
106
+ | { type: 'focus_change'; focuses: Focus[] };
102
107
 
103
108
  /** token 用量(OpenAI 协议字段名) */
104
109
  export interface TokenUsage {
@@ -970,7 +975,7 @@ export interface ChatSdk {
970
975
  importData(json: any, opts?: { validate?: boolean; emit?: boolean }): { ok: boolean; error?: string };
971
976
  /** 往 vfs 异步注入/更新文件(RAG 文档池 / HTML 代码等);content 字符串直存,对象 JSON.stringify。与 vfs_write 工具一致语义(集成方侧命令式入口) */
972
977
  vfsWrite(path: string, content: string | object): void;
973
- /** 只读读取 vfs 文件内容(集成方渲染层按 data.codeRef 取代码渲染 custom 组件;文件不存在返 undefined)。与 vfs_read 工具一致语义,命令式入口(不经工具调用/无工具开销) */
978
+ /** 只读读取 vfs 文件内容(文件不存在返 undefined)。与 vfs_read 工具一致语义,命令式入口(不经工具调用/无工具开销) */
974
979
  vfsRead(path: string): string | undefined;
975
980
  /** 创建/注册受保护资源(返回 handle);需配 data.resources + vfsStore,否则抛错 */
976
981
  createResource(path: string, value?: unknown): string;
@@ -1222,7 +1227,15 @@ export declare const presets: Record<string, any>;
1222
1227
  export declare const systemPromptHelpers: {
1223
1228
  /** 可靠写入规则:改前先读、动态先 list、字段以 describe 为准、写错看校验错误重试、优先增量 patch */
1224
1229
  readonly reliableWriteRules: string;
1230
+ /** HTML 页面搭建主 agent 编排规则(与 createHtmlSubagent 配套;职责边界 / 逐个委派 / 修改排查 / 预算暂停) */
1231
+ readonly htmlPageOrchestrator: string;
1232
+ /** HTML 页面搭建「先出方案再生成」(新建/创意类先给 2~3 套方案问用户;产品决策,opt-in 拼进 systemPrompt) */
1233
+ readonly htmlPageProposeFirst: string;
1234
+ /** HTML 页面搭建「主 agent 自己写」降级编排(未注册 html 子 agent;createChatSdk 自动注入或集成方 opt-in spread) */
1235
+ readonly htmlDirectWriteFallback: string;
1225
1236
  };
1237
+ /** HTML 页面搭建主 agent 委派编排(按子 agent id 动态生成,use_<id> 正确;htmlPageOrchestrator 为 id='html' 静态快照) */
1238
+ export declare function htmlOrchestratorPrompt(id: string): string;
1226
1239
  /** 从 zod schema 提取字段说明(io 契约注入 systemPrompt 用);非 object schema 用 description 兜底 */
1227
1240
  export declare function extractSchemaHint(schema: any): string;
1228
1241
  export declare function createSessionStore(config?: StorageConfig): SessionStore;
@@ -1405,12 +1418,18 @@ export interface CreateHtmlSubagentOptions {
1405
1418
  temperature?: number;
1406
1419
  skills?: SkillSpec[];
1407
1420
  extraTools?: any[];
1408
- /** 代码形态:'sfc'(默认,Vue SFC)/ 'html'(纯 HTML 片段,v-html 注入场景) */
1409
- codeKind?: 'sfc' | 'html';
1410
1421
  /** 输出格式校验(validate_code 工具 + verify beforeReturn 门禁);默认 true */
1411
1422
  formatCheck?: boolean;
1412
- /** 子 agent 收口(afterAgent,verify 门禁通过后)一次性回调,传代码区全部文件 {path:content};集成方据此把代码同步进 data bind(响应式驱动渲染),无需 hook vfs 工具事件 */
1413
- onComplete?: (files: Record<string, string>) => void;
1423
+ /** 代码字段相对组件的 jsonPath(默认 'code',支持嵌套如 'props.html_code');「是否代码组件」= 该路径下有 string */
1424
+ codeField?: string;
1425
+ /** 自动注入主 agent 委派编排段(含正确 use_<id>);默认 true,false=不注入 */
1426
+ orchestratorPrompt?: boolean;
1427
+ /**
1428
+ * 组件工匠笔记;默认 true:子 agent 收口回复 [note] 行沉淀为组件 __pgNotes(随 data 持久化),
1429
+ * 下次委派同组件经文件地图注入("前任的交接":设计决策/用户偏好/踩坑)—— 同组件跨委派设计意图持续。
1430
+ * false 关闭(零沉淀零注入)
1431
+ */
1432
+ craftNotes?: boolean;
1414
1433
  [k: string]: any;
1415
1434
  }
1416
1435
  export declare function createRagSubagent(options: CreateRagSubagentOptions): SubagentConfig;
@@ -1418,16 +1437,12 @@ export declare function createHtmlSubagent(options: CreateHtmlSubagentOptions):
1418
1437
  export interface HtmlFormatIssue {
1419
1438
  /** 行号(1 基) */
1420
1439
  line: number;
1421
- /** 问题码:UNCLOSED_TAG / STRAY_CLOSE_TAG / UNCLOSED_COMMENT / DOCTYPE_IN_FRAGMENT / DOC_TAG_IN_FRAGMENT / SCRIPT_IN_FRAGMENT */
1440
+ /** 问题码:UNCLOSED_TAG / STRAY_CLOSE_TAG / UNCLOSED_COMMENT(只校验结构合法性;DOCTYPE/html/head/body/script 不再拦 —— 完整页面级 HTML,改造由下游插件/tool 做) */
1422
1441
  code: string;
1423
1442
  message: string;
1424
1443
  }
1425
- export interface ValidateHtmlFormatOptions {
1426
- /** Vue SFC 模式:允许 <script>(SFC 自有块);默认 false = 纯 HTML 片段(禁 <script>) */
1427
- sfc?: boolean;
1428
- }
1429
- /** HTML 格式校验(标签闭合 + v-html 片段契约);纯函数,node/浏览器通用(集成方渲染层纵深防御可复用) */
1430
- export declare function validateHtmlFormat(source: string, opts?: ValidateHtmlFormatOptions): HtmlFormatIssue[];
1444
+ /** HTML 格式校验(标签闭合等结构合法性);纯函数,node/浏览器通用(集成方渲染层纵深防御可复用) */
1445
+ export declare function validateHtmlFormat(source: string): HtmlFormatIssue[];
1431
1446
  /** HTML void 元素集合(无需闭合标签;validateHtmlFormat 用,集成方可复用) */
1432
1447
  export declare const HTML_VOID_TAGS: Set<string>;
1433
1448
  export interface HtmlFormatCheckOptions {
package/skills/html-builder/SKILL.md DELETED
@@ -1,56 +0,0 @@
1
- ---
2
- name: html-builder
3
- description: 纯代码组件(custom Vue SFC)生成规范——代码作为 data 资产 / vfs 工作副本 / 何时写 / SFC 规范 / 安全底线 / props / 组件库引用 / 可访问性
4
- ---
5
-
6
- # 纯代码组件生成规范
7
-
8
- > 内置 skill(createHtmlSubagent 单模式 code-as-data-asset)。createHtmlSubagent 默认装进 HTML 子 agent;亦可独立分发,集成方 `defineSkill` 自挂。
9
-
10
- ## 代码资产模型(重要)
11
-
12
- - 代码正文是 data 的 `code` 字段(资产,随 data json 进服务端 DB);UI 绑 `data.code` 渲染
13
- - vfs 是编辑工作副本:框架自动 checkout(`data.code`→vfs 按 `__pgId`)/ commit(vfs→`data.code`),你只改 vfs
14
- - `__pgId` 框架管(read 看不到、write 写不进),别碰
15
-
16
- ## 两条工作路径
17
-
18
- - **修改已有组件**:必经 vfs(`vfs_read` → `vfs_edit` 增量改 → `validate_code`);勿直接 `write data.code`
19
- - **新建组件**:`write({patch:{op:'set',jsonPath:'components.N',value:{name,code,props}}})` —— code 直接进 data,框架补 `__pgId`
20
-
21
- ## 何时写代码组件
22
-
23
- - 组件库**无对应类型**(高度定制交互 / 一次性特效 / 特殊布局)→ 写 custom 代码组件
24
- - 组件库**已有**(按钮 / 卡片 / 列表)→ 用现有组件配置,不重造
25
-
26
- ## Vue SFC 规范
27
-
28
- - Vue 3 `<template>` + `<script setup>`(组合式)
29
- - props 用 `defineProps`;事件用 `defineEmits`
30
- - 只渲染 UI,不做副作用(不发请求 / 不读写 storage)
31
-
32
- ## props 定义
33
-
34
- - 代码组件 `defineProps` 接受外部 data 传入(集成方渲染时按 data 的 `props` 字段传)
35
-
36
- ## 组件库引用
37
-
38
- - 代码内可 import 组件库组件(如 `<Button>`);所用依赖以集成方渲染层已注入为准,不重复造
39
-
40
- ## 安全底线(必须)
41
-
42
- - 禁 `eval` / `new Function` / `Function` 构造器
43
- - 禁访问 window 敏感属性(`document.cookie` / `apiKey` / `token`)
44
- - 不引入外部脚本 / CDN
45
-
46
- ## 可访问性 + 语义化
47
-
48
- - 语义化标签(`button` / `nav` / `section`);图片 `alt`;交互可键盘聚焦
49
- - 颜色对比达标;不只用颜色传达信息
50
-
51
- ## 提交策略
52
-
53
- - **新建组件**:`write` data(`code` 字段直接进,框架补 `__pgId`)
54
- - **修改组件**:必经 vfs —— `vfs_read` 看现状 → `vfs_edit` 增量改(不 `vfs_write` 重写整个文件,防丢既有内容);框架 afterAgent 自动 commit 回写 `data.code`
55
- - 大段代码:`vfs_edit` 增量拼(避免单次输出超 max_tokens 截断)
56
- - 删除组件:`write` del `components.N`(data 项移除 → 框架 afterAgent 孤儿清理删 vfs 工作副本)