agentroam 0.2.0-preview.3 → 0.2.0-preview.5

package/runtime/webapp/dist/assets/index-DeGogWCH.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@300..700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root,[data-skin=pearl]{--bg-deepest: #f5f6fa;--bg-deep: #eef0f6;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .82);--bg-workspace: color-mix(in srgb, var(--bg-surface) 64%, var(--bg-deepest));--accent: #4f6ef7;--accent-glow: rgba(79, 110, 247, .16);--accent-dim: rgba(79, 110, 247, .09);--success: #059669;--danger: #dc2626;--status-error: #8b93a1;--warning: #d97706;--info: #0284c7;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-inverse: #ffffff;--border-subtle: rgba(17, 24, 39, .07);--border-default: rgba(17, 24, 39, .13);--border-glow: rgba(79, 110, 247, .3);--shadow-sm: 0 1px 4px rgba(17, 24, 39, .07), 0 1px 2px rgba(17, 24, 39, .05);--shadow-md: 0 8px 24px rgba(17, 24, 39, .1), 0 2px 8px rgba(17, 24, 39, .06);--shadow-glow: 0 0 20px var(--accent-glow);--radius-sm: 7px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--font-display: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s;--hairline: var(--border-subtle);--control-hover: color-mix(in srgb, var(--accent) 8%, var(--bg-elevated));--control-active: var(--accent-dim);--focus-ring: 0 0 0 3px var(--accent);--active-edge: var(--accent)}.host-project-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24000;display:grid;place-items:center;padding:16px;background:#080a0e85}.host-project-picker{display:flex;flex-direction:column;width:min(560px,calc(100vw - 32px));height:min(620px,calc(100dvh - 32px));min-height:380px;overflow:hidden;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-md)}.host-project-picker-header,.host-project-picker-nav,.host-project-picker-footer,.host-project-picker-root{flex-shrink:0}.host-project-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 16px 12px;border-bottom:1px solid var(--border-subtle)}.host-project-picker-header h2{margin:0;font-size:15px;line-height:1.3;letter-spacing:0}.host-project-picker-header p{margin:4px 0 0;color:var(--text-muted);font-size:11px;line-height:1.4}.host-project-picker-root{display:flex;align-items:center;gap:10px;padding:9px 12px 0;color:var(--text-muted);font-size:11px}.host-project-picker-root select{min-width:0;flex:1;height:30px;border:1px solid var(--border-default);border-radius:6px;background:var(--bg-deep);color:var(--text-primary)}.host-project-picker-nav{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--border-subtle)}.host-project-picker-breadcrumbs{display:flex;min-width:0;flex:1;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.host-project-picker-breadcrumbs span{display:inline-flex;align-items:center}.host-project-picker-breadcrumbs i{color:var(--text-muted);font-style:normal}.host-project-picker-breadcrumbs button{height:26px;padding:0 5px;border:0;background:transparent;color:var(--text-secondary);font-size:11px}.host-project-picker-warning{margin:0;padding:7px 13px;border-bottom:1px solid color-mix(in srgb,var(--warning) 25%,transparent);background:color-mix(in srgb,var(--warning) 8%,transparent);color:var(--warning);font-size:11px}.host-project-picker-list{min-height:0;flex:1;overflow-y:auto;padding:6px}.host-project-picker-row{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;width:100%;min-height:38px;padding:4px 8px;border:0;border-radius:6px;background:transparent;color:var(--text-primary);text-align:left}.host-project-picker-row:hover,.host-project-picker-row:focus-visible{background:var(--bg-hover)}.host-project-picker-row.is-file{color:var(--text-secondary)}.host-project-picker-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-project-picker-entry-icon,.host-project-picker-chevron{display:inline-flex;align-items:center;justify-content:flex-start}.host-project-picker-entry-icon.is-folder{color:var(--accent)}.host-project-picker-entry-icon.is-code{color:color-mix(in srgb,#f59e0b 76%,var(--text-primary))}.host-project-picker-entry-icon.is-style{color:color-mix(in srgb,#3b82f6 78%,var(--text-primary))}.host-project-picker-entry-icon.is-image,.host-project-picker-entry-icon.is-spreadsheet{color:color-mix(in srgb,#10b981 76%,var(--text-primary))}.host-project-picker-entry-icon.is-video{color:color-mix(in srgb,#ec4899 72%,var(--text-primary))}.host-project-picker-entry-icon.is-audio{color:color-mix(in srgb,#8b5cf6 72%,var(--text-primary))}.host-project-picker-entry-icon.is-markdown{color:color-mix(in srgb,#0ea5e9 76%,var(--text-primary))}.host-project-picker-entry-icon.is-json,.host-project-picker-entry-icon.is-database{color:color-mix(in srgb,#14b8a6 74%,var(--text-primary))}.host-project-picker-entry-icon.is-archive{color:color-mix(in srgb,#f97316 75%,var(--text-primary))}.host-project-picker-entry-icon.is-presentation{color:color-mix(in srgb,#ef4444 72%,var(--text-primary))}.host-project-picker-entry-icon.is-text,.host-project-picker-entry-icon.is-file{color:var(--text-muted)}.host-project-picker-entry-icon svg,.host-project-picker-chevron svg{flex:none}.host-project-picker-chevron{color:var(--text-muted);justify-content:flex-end}.host-project-picker-state{display:grid;min-height:180px;place-items:center;padding:24px;color:var(--text-muted);font-size:12px;text-align:center}.host-project-picker-state.is-error{color:var(--danger)}.host-project-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid var(--border-subtle)}.host-project-picker-footer code{min-width:0;flex:1;overflow-wrap:anywhere;color:var(--text-muted);font-size:10px}.host-project-picker-footer>div{display:flex;flex-shrink:0;gap:8px}.host-project-picker-cancel,.host-project-picker-confirm{min-height:32px;padding:0 12px;border-radius:6px;font-size:12px}.host-project-picker-cancel{border:1px solid var(--border-default);background:transparent;color:var(--text-secondary)}.host-project-picker-confirm{border:1px solid var(--accent);background:var(--accent);color:var(--text-inverse)}@media (max-width: 640px){.host-project-picker-backdrop{padding:8px}.host-project-picker{width:calc(100vw - 16px);height:min(680px,calc(100dvh - 16px))}.host-project-picker-footer{align-items:stretch;flex-direction:column}.host-project-picker-footer>div{justify-content:flex-end}}[data-skin=scifi]{--bg-deepest: #050a14;--bg-deep: #0a1220;--bg-surface: #0d1626;--bg-elevated: #122036;--bg-glass: rgba(13, 22, 38, .82);--accent: #22d3ee;--accent-glow: rgba(34, 211, 238, .22);--accent-dim: rgba(34, 211, 238, .1);--success: #34d399;--danger: #fb7185;--status-error: #7b8794;--warning: #fbbf24;--info: #38bdf8;--text-primary: #e2f3ff;--text-secondary: #9fb8d0;--text-muted: #5c7893;--text-inverse: #04121a;--border-subtle: rgba(34, 211, 238, .1);--border-default: rgba(34, 211, 238, .22);--border-glow: rgba(34, 211, 238, .5);--shadow-sm: 0 1px 6px rgba(0, 0, 0, .5), 0 0 6px rgba(34, 211, 238, .08);--shadow-md: 0 10px 30px rgba(0, 0, 0, .55), 0 0 18px rgba(34, 211, 238, .12);--shadow-glow: 0 0 24px rgba(34, 211, 238, .35);--font-display: "IBM Plex Mono", monospace;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace}[data-skin=scifi] html,[data-skin=scifi] body,html[data-skin=scifi] body{background:linear-gradient(rgba(34,211,238,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.035) 1px,transparent 1px),radial-gradient(ellipse at 50% -20%,rgba(34,211,238,.14),transparent 55%),radial-gradient(ellipse at 90% 110%,rgba(168,85,247,.1),transparent 50%),var(--bg-deepest);background-size:44px 44px,44px 44px,100% 100%,100% 100%,100% 100%}[data-skin=noir]{--bg-deepest: #0f1115;--bg-deep: #14171d;--bg-surface: #191d24;--bg-elevated: #1f242d;--bg-glass: rgba(25, 29, 36, .85);--accent: #a78bfa;--accent-glow: rgba(167, 139, 250, .18);--accent-dim: rgba(167, 139, 250, .09);--success: #4ade80;--danger: #f87171;--status-error: #818a98;--warning: #fbbf24;--info: #60a5fa;--text-primary: #eceff4;--text-secondary: #aab2bf;--text-muted: #6b7280;--text-inverse: #0f1115;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .12);--border-glow: rgba(167, 139, 250, .4);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .4);--shadow-md: 0 10px 28px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(167, 139, 250, .25)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden;background:radial-gradient(ellipse at 0% 0%,rgba(79,110,247,.05),transparent 40%),radial-gradient(ellipse at 100% 100%,rgba(5,150,105,.04),transparent 40%),var(--bg-deepest);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em}input:focus,button:focus,textarea:focus,select:focus{outline:none;box-shadow:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-icon-button,.ui-quiet-button,.settings-tab,.appearance-choice,.appearance-segment{border:0;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ui-icon-button{width:32px;height:32px;padding:0;border-radius:var(--radius-sm);background:transparent;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-icon-button--small{width:24px;height:24px}.ui-icon-button--medium{width:36px;height:36px}.ui-icon-button--close{width:28px;height:28px}.ui-quiet-button{min-height:36px;padding:9px 12px;border-radius:var(--radius-sm);background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:500}.ui-icon-button:hover:not(:disabled),.ui-quiet-button:hover:not(:disabled),.settings-tab:hover:not(:disabled),.appearance-choice:hover:not(:disabled),.appearance-segment:hover:not(:disabled){background:var(--control-hover);color:var(--text-primary)}.ui-icon-button.is-active,.ui-quiet-button.is-active{background:var(--control-active);color:var(--accent)}.ui-icon-button--danger:hover:not(:disabled){color:var(--danger)}.ui-icon-button:focus-visible,.ui-quiet-button:focus-visible,.settings-tab:focus-visible,.appearance-choice:focus-visible,.appearance-segment:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-icon-button:disabled,.ui-quiet-button:disabled,.settings-tab:disabled,.appearance-choice:disabled,.appearance-segment:disabled{cursor:not-allowed;opacity:.45}.sidebar-row{position:relative;display:flex;align-items:center;border-radius:var(--radius-sm);background:transparent;transition:background-color var(--duration-fast) var(--ease-out)}.sidebar-row:hover,.sidebar-row:focus-within{background:var(--control-hover)}.sidebar-row-active:before{content:"";position:absolute;inset:5px auto 5px 0;width:2px;border-radius:0 2px 2px 0;background:var(--active-edge);pointer-events:none}.sidebar-row-action{opacity:0;pointer-events:none;transition:opacity .12s ease}.sidebar-row:hover .sidebar-row-action,.sidebar-row:focus-within .sidebar-row-action{opacity:1;pointer-events:auto}.sidebar-row-action--accent{color:var(--accent)}.sidebar-count{border:0}.app-sidebar-resizer{position:absolute;top:0;bottom:0;width:8px;transform:translate(-50%);z-index:15;cursor:col-resize;background:transparent}.app-sidebar-resizer:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translate(-50%);background:transparent;transition:background-color var(--duration-fast) var(--ease-out)}.app-sidebar-resizer:hover:after,.app-sidebar-resizer.is-dragging:after{background:var(--accent)}.sidebar-brand-row{display:flex;align-items:center;gap:10px;min-height:42px}.sidebar-brand-mark{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:9px;color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 8%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--text-primary) 18%,transparent)}.sidebar-brand-name{min-width:0;color:var(--text-primary);font-size:18px;font-weight:700;line-height:1;letter-spacing:0}.sidebar-project-toolbar{min-height:48px;margin:8px 14px;padding:0 6px 0 4px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-project-title{color:var(--text-secondary);font-size:14px;font-weight:600;white-space:nowrap}.sidebar-project-actions{display:flex;align-items:center;gap:2px}.sidebar-project-actions .ui-icon-button{width:34px;height:34px;color:var(--text-muted)}.sidebar-project-block{margin-bottom:7px}.sidebar-project-row{min-height:40px;border-radius:8px}.sidebar-project-row .sidebar-project-button{min-width:0;min-height:40px;padding:8px!important;color:var(--text-primary)!important;font-size:14px!important;font-weight:650!important;letter-spacing:0}.sidebar-project-row--nested .sidebar-project-button{color:var(--text-secondary)!important;font-size:12px!important;font-weight:600!important}.sidebar-project-row .sidebar-row-action{width:30px;height:30px}.sidebar-project-row .sidebar-project-delete svg{width:16px;height:16px}.sidebar-project-add-action[aria-expanded=true]{opacity:1;pointer-events:auto}.sidebar-agent-group{width:100%;min-height:34px;padding:5px 8px 3px 22px!important;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;text-align:left;cursor:pointer}.sidebar-agent-group:hover{color:var(--text-secondary)}.sidebar-agent-group .sidebar-count,.sidebar-project-row .sidebar-count{padding:0!important;background:transparent!important;color:var(--text-muted)!important;font-size:10px!important;font-weight:500!important;line-height:1!important}.sidebar-session-row{min-height:38px;margin:1px 0;border-radius:8px}.sidebar-session-row .sidebar-session-button{min-width:0;min-height:38px;padding:6px 8px!important;gap:8px!important;font-size:13px!important;letter-spacing:0}.sidebar-project-sessions.is-grouped .sidebar-session-row .sidebar-session-button{padding-left:8px!important}.sidebar-project-sessions.is-grouped .sidebar-session-row{padding-left:28px}.sidebar-session-delete{width:28px;height:28px;margin-left:2px;flex:0 0 28px}.sidebar-session-row>.sidebar-runtime-mark{margin:0 8px 0 2px}.sidebar-session-disclosure{transform-origin:center;transition:transform var(--duration-fast) var(--ease-out)}.sidebar-session-disclosure.is-expanded{transform:rotate(90deg)}.sidebar-session-disclosure{flex-shrink:0;color:var(--text-muted)}@media (hover: none){.sidebar-project-add-action{opacity:1;pointer-events:auto}}.sidebar-row-active{background:var(--control-active)}.sidebar-row-active:before{display:none}.sidebar-status-dot{--sidebar-status-color: var(--accent);width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--sidebar-status-color);opacity:1;transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.sidebar-status-dot.is-completed{--sidebar-status-color: var(--accent)}.sidebar-status-dot.is-running{--sidebar-status-color: var(--success);animation:sidebarStatusBlink 1.15s ease-in-out infinite}.sidebar-status-dot.is-needs-input{--sidebar-status-color: var(--danger);animation:sidebarStatusBlink 1.15s ease-in-out infinite}.sidebar-status-dot.is-error{--sidebar-status-color: var(--status-error);animation:sidebarStatusBlink 1.15s ease-in-out infinite}@keyframes sidebarStatusBlink{0%,to{opacity:1;box-shadow:0 0 0 1px color-mix(in srgb,var(--sidebar-status-color) 30%,transparent)}50%{opacity:.24;box-shadow:0 0 0 4px transparent}}.sidebar-runtime-mark,.sidebar-occupancy-badge{min-width:28px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;font-size:10px;font-weight:700;line-height:1;letter-spacing:0}.sidebar-runtime-mark--customer-agent{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-surface))}.sidebar-runtime-mark--codex{color:var(--info);background:color-mix(in srgb,var(--info) 12%,var(--bg-surface))}.sidebar-runtime-mark--claude-code{color:var(--warning);background:color-mix(in srgb,var(--warning) 13%,var(--bg-surface))}.sidebar-occupancy-badge{min-width:auto;color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,var(--bg-surface));font-weight:600}.settings-tab{position:relative;padding:6px 10px;border-radius:0;background:transparent;font-size:12px;font-weight:500}.settings-tab-active{color:var(--accent)}.settings-tab-active:after{content:"";position:absolute;right:10px;bottom:-8px;left:10px;height:2px;border-radius:2px 2px 0 0;background:var(--active-edge)}.appearance-panel{border-color:var(--hairline)!important}.appearance-choices{display:flex;flex-direction:column;gap:2px}.appearance-choice{width:100%;min-height:38px;padding:6px 8px;border-radius:var(--radius-sm);background:transparent;display:flex;align-items:center;gap:8px;text-align:left}.appearance-choice-active{background:var(--control-active);color:var(--accent)}.appearance-swatch{width:28px;height:18px;border:1px solid var(--hairline);border-radius:5px;flex-shrink:0}.appearance-choice-label{flex:1;min-width:0;font-size:12px}.appearance-choice-check{width:14px;height:14px;color:var(--accent);flex-shrink:0}.appearance-segmented{display:flex;overflow:hidden;border:1px solid var(--hairline);border-radius:var(--radius-sm)}.appearance-segment{min-width:0;flex:1;padding:7px 4px;border-radius:0;background:transparent;font-size:12px}.appearance-segment+.appearance-segment{border-left:1px solid var(--hairline)}.appearance-segment-active{background:var(--control-active);color:var(--accent);font-weight:600}.appearance-switch{width:32px;height:18px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--hairline);border-radius:999px;background:var(--bg-deep);cursor:pointer;position:relative;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.appearance-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.appearance-switch:checked{border-color:var(--accent);background:var(--accent)}.appearance-switch:checked:after{transform:translate(14px);background:var(--text-inverse)}.appearance-switch:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chat-header-actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.chat-header-action{color:var(--text-muted)}.agent-activity-indicator{min-height:24px;display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-size:12px;font-weight:500}.agent-activity-dots{display:inline-flex;align-items:center;gap:3px}.agent-activity-dots>span{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:wave 1.1s ease-in-out infinite}.composer-shell{border:1px solid var(--hairline)}.composer-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.composer-shell :focus-visible{outline:none;box-shadow:none}::selection{background:var(--accent-glow);color:var(--accent)}.noise-overlay{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}input,select,textarea{font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-dim)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px var(--accent-glow)}50%{box-shadow:0 0 16px var(--accent-glow)}}@keyframes slideIn{0%{transform:translate(-8px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes statusBarPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes wakeRing{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.9);opacity:0}}@keyframes wakeCore{0%,to{transform:scale(1);box-shadow:0 0 24px var(--accent-glow)}50%{transform:scale(1.12);box-shadow:0 0 60px var(--accent-glow)}}@keyframes wakeText{0%{opacity:0;transform:translateY(10px);letter-spacing:.4em}60%{opacity:1}to{opacity:1;transform:translateY(0);letter-spacing:.12em}}@keyframes micPulse{0%,to{box-shadow:0 0 #f43f5e59}50%{box-shadow:0 0 0 8px #f43f5e00}}.mic-recording{animation:micPulse 1.2s ease-out infinite}.message-card{position:relative;border:1px solid var(--hairline);background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:none;transition:border-color var(--duration-fast) var(--ease-out)}.message-card:hover,.message-card:focus-within{border-color:var(--border-default)}.chat-message-content .msg-actions{opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.chat-message-content:hover .msg-actions,.chat-message-content:focus-within .msg-actions{opacity:1}@media (hover: none){.chat-message-content .msg-actions{opacity:1}}.msg-action-button{color:var(--text-muted)}.chat-view--codex-history{--chat-assistant-fade-end: var(--bg-workspace)}.chat-view--codex-history .chat-message-group{width:min(100%,860px);margin-left:auto;margin-right:auto}.chat-view--codex-history .chat-message-group--intermediate{margin-bottom:0!important}.chat-view--codex-history .chat-message-row{gap:0!important}.chat-view--codex-history .chat-message-avatar{display:none!important}.chat-view--codex-history .chat-message-activity{padding-left:0!important}.chat-view--codex-history .chat-message-content--assistant{width:100%;max-width:100%!important}.chat-view--codex-history .chat-message-bubble--assistant{width:100%}.chat-view--codex-history .chat-message-content--user{max-width:min(78%,680px)!important}.chat-view--codex-history .chat-message-bubble--assistant.message-card{width:100%;padding-right:0!important;padding-left:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.chat-message-link{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}.chat-message-link:hover{color:color-mix(in srgb,var(--accent) 76%,var(--text-primary))}.chat-message-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.chat-message-long-content{position:relative}.chat-message-long-content__body{padding-right:28px}.chat-message-disclosure{position:absolute;top:0;right:0;z-index:1;width:24px;height:24px;margin:0;padding:0;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer}.chat-message-disclosure:hover{background:var(--accent-dim);color:var(--accent)}.chat-message-disclosure:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chat-message-disclosure svg{transition:transform var(--duration-fast) var(--ease-out)}.chat-message-disclosure[aria-expanded=true] svg{transform:rotate(90deg)}.chat-message-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chat-message-attachment-image{display:block;width:auto;max-width:min(220px,100%);max-height:180px;object-fit:cover;border:1px solid var(--border-subtle);border-radius:6px;cursor:zoom-in}.chat-message-attachment-unavailable{width:min(220px,100%);min-height:52px;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;gap:2px;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-size:11px}.chat-message-attachment-name{overflow:hidden;color:var(--text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.chat-message-raw-content{width:100%;margin-top:8px;color:var(--text-muted);font-size:11px}.chat-message-raw-content summary{width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none}.chat-message-raw-content summary:hover{color:var(--accent)}.chat-message-raw-content pre{max-width:100%;max-height:220px;margin:8px 0 0;padding:8px 10px;overflow:auto;border-left:2px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-mono, monospace);font-size:11px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.chat-view--codex-history .tool-call-shell{margin-top:2px!important;border:0!important;border-radius:0!important;background:transparent!important}.chat-view--codex-history .tool-call-shell__row{align-items:center!important}.chat-view--codex-history .tool-call-shell__status{display:none}.chat-view--codex-history .tool-call-shell__header{min-height:32px;padding:5px 2px!important;gap:7px!important;border-bottom:1px solid color-mix(in srgb,var(--border-subtle) 72%,transparent)!important;background:transparent!important}.chat-view--codex-history .tool-call-shell__header>div:first-child{width:18px!important;height:18px!important;border-radius:4px!important;background:transparent!important}.chat-view--codex-history .tool-call-shell__body-content{padding:8px 2px 10px!important;border-top:0!important}.chat-view--codex-history .tool-call-shell__chevron{width:11px;height:11px}.chat-view--codex-history .tool-call-group{min-width:0;margin-top:2px}.chat-view--codex-history .tool-call-group__summary{width:100%;min-width:0;min-height:32px;padding:5px 2px;display:flex;align-items:center;gap:7px;border:0;border-bottom:1px solid color-mix(in srgb,var(--border-subtle) 72%,transparent);background:transparent;color:var(--text-primary);font-family:var(--font-body);text-align:left;cursor:pointer}.chat-view--codex-history .tool-call-group__summary:hover{background:color-mix(in srgb,var(--text-primary) 4%,transparent)}.chat-view--codex-history .tool-call-group__summary:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}.chat-view--codex-history .tool-call-group__icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;color:var(--text-muted)}.chat-view--codex-history .tool-call-group__label{flex-shrink:0;font-size:11.5px;font-weight:600;white-space:nowrap}.chat-view--codex-history .tool-call-group__count,.chat-view--codex-history .tool-call-group__error{flex-shrink:0;color:var(--text-muted);font-size:10px;white-space:nowrap}.chat-view--codex-history .tool-call-group__error{color:var(--danger)}.chat-view--codex-history .tool-call-group__spacer{min-width:0;flex:1}.chat-view--codex-history .tool-call-group__chevron{flex:0 0 13px;color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out)}.chat-view--codex-history .tool-call-group__summary[aria-expanded=true] .tool-call-group__chevron{transform:rotate(90deg)}.chat-view--codex-history .tool-call-group__items{min-width:0;padding-left:24px}.chat-view{--chat-max-width: 880px;--chat-header-height: 52px;--chat-header-padding: 0 20px;--chat-messages-padding: 24px 40px 16px;--chat-input-padding: 12px 24px 18px;--chat-message-gap: 3px;--chat-turn-gap: 16px;--chat-row-gap: 10px;--chat-avatar-size: 30px;--chat-content-max-width: 76%;--chat-user-bubble-padding: 10px 14px;--chat-assistant-bubble-padding: 11px 15px;--chat-bubble-font-size: 14px;--chat-bubble-line-height: 1.75;--composer-row-padding: 6px 6px 6px 12px}.chat-messages{scrollbar-color:transparent transparent}.chat-messages::-webkit-scrollbar-thumb{background:transparent}.chat-messages.is-scrolling{scrollbar-color:var(--border-default) transparent}.chat-messages.is-scrolling::-webkit-scrollbar-thumb{background:var(--border-default)}.chat-messages.is-scrolling::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.layout-compact .chat-view{--chat-max-width: 1040px;--chat-header-height: 44px;--chat-header-padding: 0 16px;--chat-messages-padding: 12px 22px 8px;--chat-input-padding: 8px 18px 10px;--chat-message-gap: 1px;--chat-turn-gap: 10px;--chat-row-gap: 8px;--chat-avatar-size: 26px;--chat-content-max-width: 84%;--chat-user-bubble-padding: 7px 11px;--chat-assistant-bubble-padding: 8px 12px;--chat-bubble-font-size: 13px;--chat-bubble-line-height: 1.55;--composer-row-padding: 4px 4px 4px 8px;font-size:13px}.layout-compact .message-card,.layout-compact .composer-shell{border-radius:var(--radius-sm)!important}.layout-compact .composer-shell .ui-icon-button{width:28px;height:28px}.reasoning-summary{width:min(680px,100%);color:var(--text-secondary)}.reasoning-summary__toggle{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:2px 0;border:0;background:transparent;color:var(--text-muted);cursor:pointer;font:600 12px/1.4 var(--font-body);letter-spacing:0}.reasoning-summary__toggle svg{transition:transform .16s ease}.reasoning-summary__toggle[aria-expanded=true] svg{transform:rotate(90deg)}.reasoning-summary__live{color:var(--accent);font-size:10px;font-weight:500}.reasoning-summary__content{margin:3px 0 7px 6px;padding-left:12px;border-left:2px solid var(--border-default);color:var(--text-secondary);font-size:12.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.runtime-progress-row{display:flex;align-items:center;gap:7px;min-height:28px;max-width:var(--chat-content-max-width);margin:4px 0 4px calc(var(--chat-avatar-size) + var(--chat-row-gap));color:var(--text-secondary);font-size:12px;line-height:1.4;letter-spacing:0}.chat-view--codex-history .runtime-progress-row:not(.runtime-progress-row--compact){width:min(100%,860px);max-width:860px;margin-left:auto;margin-right:auto}.runtime-progress-row--compact{min-height:22px;margin:2px 8px 0;font-size:11px}.runtime-progress-row__spinner{width:11px;height:11px;flex:0 0 11px;box-sizing:border-box;border:1.5px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.runtime-progress-row__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.runtime-progress-row__detail{flex-shrink:0;color:var(--text-muted);font-family:var(--font-mono);font-size:10.5px}.tool-call-with-progress{width:100%;min-width:0}.native-subagent-activity{display:flex;min-width:0;flex-direction:column;gap:8px}.native-subagent-activity__meta{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.native-subagent-activity__entry{display:flex;min-width:0;flex-direction:column;gap:6px}.native-subagent-activity__tool{display:flex;min-width:0;flex-direction:column;gap:4px}.native-subagent-activity__tool-result{box-sizing:border-box;max-height:160px;margin:0 0 0 8px;overflow:auto;border-left:2px solid var(--success);border-radius:5px;background:var(--bg-surface);padding:6px 9px;color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.native-subagent-activity__tool-result--error{border-left-color:var(--danger);color:var(--danger)}.native-subagent-activity__text{box-sizing:border-box;max-height:240px;margin:0;overflow:auto;border-left:3px solid var(--accent);border-radius:6px;background:var(--bg-surface);padding:8px 10px;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.native-subagent-activity__waiting{display:flex;min-height:28px;align-items:center;gap:7px;color:var(--text-muted);font-size:11px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.sidebar-status-dot.is-running,.sidebar-status-dot.is-needs-input,.sidebar-status-dot.is-error{animation:none;opacity:1;box-shadow:none}}:root{--web-composer-control-size: 38px;--web-composer-icon-size: 20px}.chat-view--codex-history .composer-shell{border:1px solid var(--border-default);border-radius:24px!important;box-shadow:none}.chat-view--codex-history .composer-input-row{display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important;padding:6px 10px 8px!important}.web-native-add-wrap{position:relative;flex-shrink:0;width:var(--web-composer-control-size);height:var(--web-composer-control-size)}.web-native-composer-toolbar{width:100%;min-height:42px;display:flex;align-items:center;gap:6px}.web-native-composer-textarea{box-sizing:border-box;width:100%;min-height:76px;max-height:168px;padding:12px 14px 6px;resize:none;overflow-y:auto;border:0;outline:0;background:transparent;color:var(--text-primary);box-shadow:none;font:400 16px/1.5 var(--font-body);letter-spacing:0}.web-native-composer-textarea::placeholder{color:var(--text-muted);opacity:.62}.web-native-composer-textarea:disabled{cursor:not-allowed}.web-native-add-button,.web-native-send-button,.web-native-stop-button{width:var(--web-composer-control-size);height:var(--web-composer-control-size);padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.web-native-add-button{border:0;background:transparent;color:var(--text-primary)}.web-native-add-button[aria-expanded=true]{background:var(--control-active, rgba(79,110,247,.09))}.web-native-add-menu{position:absolute;left:0;bottom:calc(100% + 8px);z-index:1300;display:flex;flex-direction:column;min-width:150px;padding:6px;border:1px solid var(--border-default);border-radius:12px;background:var(--bg-elevated);box-shadow:var(--shadow-md)}.web-native-add-menu button{border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:8px;font-size:14px;color:var(--text-primary);white-space:nowrap}@media (hover: hover){.web-native-add-menu button:hover{background:var(--control-hover)}}.web-native-add-menu button:focus-visible{background:var(--control-hover)}.web-native-add-menu button:active{background:var(--control-active)}.web-native-send-button{position:relative;border:0;background:transparent;color:var(--text-muted)}.web-native-send-button:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid var(--border-default);border-radius:9px;background:var(--bg-deep)}.web-native-send-button:not(:disabled){color:#fff;cursor:pointer}.web-native-send-button:not(:disabled):before{border-color:var(--text-primary);background:var(--text-primary)}.web-native-stop-button{border:0;background:#f43f5e1f;color:var(--danger)}.web-native-runtime-status,.web-native-agent-status{width:var(--web-composer-control-size);height:var(--web-composer-control-size);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--text-muted)}.web-native-permission-wrap{position:relative;width:var(--web-composer-control-size);height:var(--web-composer-control-size);flex:0 0 var(--web-composer-control-size)}.web-native-permission-button{padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.web-native-permission-button[aria-expanded=true]{background:var(--control-active, rgba(79,110,247,.09))}.web-native-permission-button:disabled{cursor:default;opacity:.48}.web-native-permission-button.mode-request-approval{color:var(--accent, #4f6ef7)}.web-native-permission-button.mode-auto-approval{color:#0f9f72}.web-native-permission-button.mode-full-access{color:#f59e0b}.web-native-permission-menu{position:absolute;left:0;bottom:calc(100% + 8px);z-index:1300;display:flex;flex-direction:column;width:min(304px,calc(100vw - 24px));padding:6px;border:1px solid var(--border-default);border-radius:12px;background:var(--bg-elevated);box-shadow:var(--shadow-md)}.web-native-permission-menu>button{min-height:54px;display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.web-native-permission-check{width:16px;padding-top:1px;flex:0 0 16px;color:var(--accent, #4f6ef7);font-size:14px;font-weight:700}.web-native-permission-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.web-native-permission-copy strong{font-size:14px;line-height:20px;font-weight:600}.web-native-permission-copy small{color:var(--text-muted);font-size:12px;line-height:17px}.web-native-permission-menu>button.is-active{background:var(--control-active, rgba(79,110,247,.09))}@media (hover: hover){.web-native-permission-menu>button:hover{background:var(--control-hover)}}.web-native-permission-menu>button:focus-visible,.web-native-permission-button:focus-visible{outline:2px solid var(--accent, #4f6ef7);outline-offset:2px}.web-native-runtime-status.is-ready{color:#f59e0b}.web-native-agent-status{gap:4px;color:var(--text-primary)}.web-native-agent-status>span{width:4px;height:18px;border-radius:999px;background:#10b981}.web-native-effort-wrap{position:relative;flex-shrink:0;width:var(--web-composer-control-size);height:var(--web-composer-control-size)}.web-native-effort-button{width:var(--web-composer-control-size);height:var(--web-composer-control-size);padding:0;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-primary);cursor:pointer;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.web-native-effort-button[aria-expanded=true]{background:var(--control-active, rgba(79,110,247,.09))}.web-native-effort-button>svg{width:var(--web-composer-icon-size);height:var(--web-composer-icon-size)}.web-native-effort-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:1300;display:flex;flex-direction:column;min-width:128px;padding:6px;border:1px solid var(--border-default);border-radius:12px;background:var(--bg-elevated);box-shadow:var(--shadow-md)}.web-native-effort-menu button{display:flex;align-items:center;gap:8px;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:8px;font-size:14px;color:var(--text-primary);white-space:nowrap;cursor:pointer}.web-native-effort-check{display:inline-block;width:14px;flex:0 0 auto;color:var(--accent, #4f6ef7);font-weight:600}.web-native-effort-menu button.is-active{color:var(--accent, #4f6ef7);font-weight:600}@media (hover: hover){.web-native-effort-menu button:hover{background:var(--control-hover)}}.web-native-effort-menu button:focus-visible{background:var(--control-hover)}.web-native-effort-menu button:active{background:var(--control-active)}.web-native-context-control{width:var(--web-composer-control-size);height:var(--web-composer-control-size);flex:0 0 var(--web-composer-control-size)}.web-native-context-control .context-usage-ribbon{width:var(--web-composer-control-size);height:var(--web-composer-control-size);border:0!important}.web-native-context-control .context-usage-ribbon__button{width:var(--web-composer-control-size)!important;height:var(--web-composer-control-size);min-height:var(--web-composer-control-size)!important;padding:9px!important;gap:0!important;color:var(--text-muted)}.context-usage-ribbon__ring{width:var(--web-composer-icon-size);height:var(--web-composer-icon-size);flex:0 0 auto}.context-usage-ribbon__summary--compact{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.web-native-model-control{min-width:56px;flex:1 1 120px;height:var(--web-composer-control-size);display:flex;align-items:center;gap:2px;overflow:hidden;color:var(--text-primary)}.web-native-model-control select{box-sizing:border-box;min-width:0;width:100%;max-width:180px;height:var(--web-composer-control-size);padding:0 8px;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;font:500 15px/normal var(--font-body);text-overflow:ellipsis}.web-native-model-control select:disabled{opacity:1}.web-native-runtime-status>svg,.web-native-agent-status>svg,.web-native-add-button>svg,.web-native-send-button>svg,.web-native-stop-button>svg{position:relative;z-index:1;width:var(--web-composer-icon-size);height:var(--web-composer-icon-size)}@media (max-width: 899px){.web-native-add-button,.web-native-send-button,.web-native-stop-button{width:var(--web-composer-control-size);height:var(--web-composer-control-size)}.web-native-add-button svg,.web-native-send-button svg{width:var(--web-composer-icon-size);height:var(--web-composer-icon-size)}.web-native-add-menu{left:0;bottom:calc(100% + 8px);min-width:176px;border-radius:8px}.web-native-add-menu button{min-height:44px}}@media (max-width: 359px){.web-native-composer-toolbar{gap:3px}.web-native-permission-menu{left:calc(-1 * (var(--web-composer-control-size) + 6px))}.web-native-model-control{flex-basis:98px}}html,body,#root{height:100%;margin:0;background:var(--bg-deepest, #f5f6fa);color:var(--text-primary, #111827);color-scheme:light}body[data-web-shell="1"]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;--chat-content-max-width: 92%;--chat-header-height: 48px;--web-chat-lane-width: 92%}body[data-web-shell="1"] input,body[data-web-shell="1"] textarea{font-size:16px!important}body[data-web-shell="1"] .chat-top-bar{background:var(--bg-surface);padding-left:max(14px,env(safe-area-inset-left));padding-right:8px}@media (max-width: 899px){body[data-web-shell="1"] .chat-top-bar{padding-left:54px!important}}body[data-web-shell="1"] .chat-top-bar>span:first-child{font-size:15px!important;font-weight:600!important;letter-spacing:"-0.01em"}body[data-web-shell="1"] .chat-header-action--background,body[data-web-shell="1"] .chat-header-action--appearance{display:none!important}body[data-web-shell="1"] .composer-shell>div:has(button[title*=·]){display:none!important}body[data-web-shell="1"] .chat-view{width:100%;max-width:none!important;margin:0!important}body[data-web-shell="1"] .chat-messages,body[data-web-shell="1"] .chat-input-area{width:var(--web-chat-lane-width);margin-right:auto;margin-left:auto}body[data-web-shell="1"] .chat-messages{background:var(--bg-workspace);padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}body[data-web-shell="1"] .chat-input-area{padding-bottom:calc(env(safe-area-inset-bottom) + 10px)!important}body[data-web-shell="1"] [data-webapp-settings-overlay],body[data-web-shell="1"]>div:has(.settings-tab){padding:0!important;align-items:stretch!important}body[data-web-shell="1"] [data-webapp-settings-card],body[data-web-shell="1"]>div:has(.settings-tab)>div{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border:none!important;border-radius:0!important}body[data-web-shell="1"] [data-webapp-settings-card] div[style*="padding: 40px"],body[data-web-shell="1"]>div:has(.settings-tab)>div div[style*="padding: 40px"]{padding:16px 14px!important;max-width:100%!important}body[data-web-shell="1"] [data-webapp-settings-card] h2,body[data-web-shell="1"]>div:has(.settings-tab)>div h2{font-size:18px!important;margin-bottom:4px!important}body[data-web-shell="1"] [data-webapp-settings-card] h2+p,body[data-web-shell="1"]>div:has(.settings-tab)>div h2+p{font-size:12px!important;margin-bottom:14px!important}body[data-web-shell="1"] [data-webapp-settings-card] div[style*="border-radius: var(--radius-md)"],body[data-web-shell="1"] [data-webapp-settings-card] div[style*="border-radius:var(--radius-md)"],body[data-web-shell="1"]>div:has(.settings-tab)>div div[style*="border-radius: var(--radius-md)"],body[data-web-shell="1"]>div:has(.settings-tab)>div div[style*="border-radius:var(--radius-md)"]{padding:14px!important}body[data-web-shell="1"] [data-webapp-settings-card] div:has(>h3):not(.settings-head-row),body[data-web-shell="1"]>div:has(.settings-tab)>div div:has(>h3):not(.settings-head-row){flex-direction:column!important;align-items:stretch!important;gap:10px!important}body[data-web-shell="1"] [data-webapp-settings-card] div:has(>h3) h3,body[data-web-shell="1"]>div:has(.settings-tab)>div div:has(>h3) h3{white-space:nowrap}body[data-web-shell="1"] [data-webapp-settings-card] button,body[data-web-shell="1"]>div:has(.settings-tab)>div button{white-space:nowrap!important;min-width:max-content!important;flex-shrink:0!important;height:auto!important}body[data-web-shell="1"] [data-webapp-settings-card] div[style*="overflow: hidden"]>button,body[data-web-shell="1"]>div:has(.settings-tab)>div div[style*="overflow: hidden"]>button{padding:6px 10px!important;font-size:11px!important}body[data-web-shell="1"] [data-webapp-settings-card] div[style*="gap: 10px"]:not(.profile-row),body[data-web-shell="1"]>div:has(.settings-tab)>div div[style*="gap: 10px"]:not(.profile-row){flex-direction:column!important}body[data-web-shell="1"] [data-webapp-settings-card] .profile-row,body[data-web-shell="1"]>div:has(.settings-tab)>div .profile-row{flex-wrap:wrap!important;row-gap:8px!important}body[data-web-shell="1"] [data-webapp-settings-card] .profile-row-actions,body[data-web-shell="1"]>div:has(.settings-tab)>div .profile-row-actions{margin-left:auto}body[data-web-shell="1"] [data-webapp-settings-card] [style*="flex: 1"],body[data-web-shell="1"]>div:has(.settings-tab)>div [style*="flex: 1"]{min-width:0!important}body[data-web-shell="1"] [data-webapp-settings-card] div,body[data-web-shell="1"]>div:has(.settings-tab)>div div{max-width:100%}body[data-web-shell="1"] [data-webapp-settings-card] input,body[data-web-shell="1"] [data-webapp-settings-card] textarea,body[data-web-shell="1"]>div:has(.settings-tab)>div input,body[data-web-shell="1"]>div:has(.settings-tab)>div textarea{padding:9px 10px!important}body[data-web-shell="1"] [data-webapp-settings-card] div[style*="position: absolute"],body[data-web-shell="1"]>div:has(.settings-tab)>div div[style*="position: absolute"]{position:static!important;display:flex!important;gap:6px;margin-top:8px}body[data-web-shell="1"] [data-webapp-settings-card] [style*=grid-template-columns],body[data-web-shell="1"]>div:has(.settings-tab)>div [style*=grid-template-columns]{grid-template-columns:1fr!important}body[data-web-shell="1"] div:has(>.settings-tab){flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}body[data-web-shell="1"] div:has(>.settings-tab)::-webkit-scrollbar{display:none}body[data-web-shell="1"]{--chat-messages-padding: 10px 12px 8px;--chat-message-gap: 2px;--chat-turn-gap: 12px;--chat-row-gap: 8px;--chat-avatar-size: 26px;--chat-assistant-bubble-padding: 9px 12px;--chat-user-bubble-padding: 8px 12px}@media (max-width: 899px){body[data-web-shell="1"]{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,sans-serif;--web-chat-lane-width: 100%}body[data-web-shell="1"] .chat-view{--chat-header-height: 52px;--chat-messages-padding: 14px 12px 10px;--chat-message-gap: 4px;--chat-turn-gap: 14px;--chat-row-gap: 0px;--chat-content-max-width: 100%;--chat-user-bubble-padding: 9px 12px;--chat-assistant-bubble-padding: 11px 12px;--chat-bubble-font-size: 15px;--chat-bubble-line-height: 1.68;--composer-row-padding: 4px 6px;background:var(--bg-workspace)}body[data-web-shell="1"] .app-accent-glow{display:none}body[data-web-shell="1"] .app-main{min-width:0;touch-action:pan-y}body[data-web-shell="1"] .mobile-drawer-toggle{top:calc(env(safe-area-inset-top) + 5px)!important;left:max(8px,env(safe-area-inset-left))!important;width:42px!important;height:42px!important;border-radius:8px!important;border-color:transparent!important;background:transparent!important;box-shadow:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}body[data-web-shell="1"] .mobile-drawer-scrim{background:#11182757!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}body[data-web-shell="1"] .app-sidebar{width:min(88vw,348px)!important;padding:calc(env(safe-area-inset-top) + 12px) 0 calc(env(safe-area-inset-bottom) + 12px)!important;border-right:1px solid var(--border-default)!important;box-shadow:10px 0 28px #1118272e!important}body[data-web-shell="1"] .app-sidebar-brand{margin-bottom:8px!important;padding:0 18px 10px!important}body[data-web-shell="1"] .app-sidebar-scroll{padding:0 8px 18px!important;overscroll-behavior:contain}body[data-web-shell="1"] .app-sidebar .sidebar-row{min-height:44px;margin:2px 0;border-radius:8px}body[data-web-shell="1"] .app-sidebar .sidebar-row>button:first-child{min-height:44px;padding-top:9px!important;padding-bottom:9px!important;font-size:14px!important}body[data-web-shell="1"] .app-sidebar .sidebar-row-action,body[data-web-shell="1"] .app-sidebar .ui-icon-button--small{width:42px;height:42px;opacity:.68}body[data-web-shell="1"] .app-sidebar .sidebar-row-active .sidebar-row-action,body[data-web-shell="1"] .app-sidebar .sidebar-row-action:focus-visible{opacity:1}body[data-web-shell="1"] .chat-top-bar{min-width:0;padding-left:max(58px,calc(env(safe-area-inset-left) + 54px))!important;padding-right:max(6px,env(safe-area-inset-right))!important;background:var(--bg-deepest)!important;border-bottom-color:transparent!important}body[data-web-shell="1"] .chat-top-bar>span:first-child{font-size:15px!important;font-weight:600!important;letter-spacing:0!important}body[data-web-shell="1"] .chat-header-actions{gap:2px}body[data-web-shell="1"] .chat-header-actions .chat-header-action{width:42px;height:42px}body[data-web-shell="1"] .chat-messages{padding:var(--chat-messages-padding)!important;overscroll-behavior:contain;scrollbar-width:none}body[data-web-shell="1"] .chat-messages::-webkit-scrollbar{display:none}body[data-web-shell="1"] .chat-message-content--user{max-width:88%!important}body[data-web-shell="1"] .chat-message-bubble--user{border-radius:8px 3px 8px 8px!important}body[data-web-shell="1"] .chat-message-content .msg-actions{opacity:1;gap:0!important}body[data-web-shell="1"] .msg-action-button{width:28px;height:32px;background:transparent}body[data-web-shell="1"] .chat-input-area{padding:0 max(10px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 8px) max(10px,env(safe-area-inset-left))!important;background:var(--bg-workspace)!important;border-top:0!important}body[data-web-shell="1"] .composer-shell{border-color:var(--border-default);border-radius:24px!important;background:var(--bg-surface)!important;box-shadow:none}body[data-web-shell="1"] .composer-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}body[data-web-shell="1"] .context-usage-ribbon{background:transparent;border-bottom:0!important;border-radius:16px 16px 0 0}body[data-web-shell="1"] .context-usage-ribbon__button{min-height:30px;gap:10px!important;padding:8px 12px 2px!important}body[data-web-shell="1"] .context-usage-ribbon__label{opacity:.72}body[data-web-shell="1"] .context-usage-ribbon__meter{height:4px!important;background:color-mix(in srgb,var(--text-muted) 12%,transparent)!important}body[data-web-shell="1"] .context-usage-ribbon__summary{min-width:28px!important;opacity:.82}body[data-web-shell="1"] .composer-input-row{min-height:132px;gap:0!important;padding:6px 10px 8px!important}body[data-web-shell="1"] .composer-text-input{min-width:0;padding:12px 14px 6px!important;letter-spacing:0!important}body[data-web-shell="1"] .chat-composer-hint{display:none!important}}

package/runtime/webapp/dist/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+  <meta name="theme-color" content="#f5f6fa" />
+  <title>智能助手</title>
+  <script type="module" crossorigin src="./assets/index-BdHtZjnb.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-DeGogWCH.css">
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>

package/runtime/webapp/dist/pcm-audio-worklet.js

@@ -0,0 +1,126 @@
+class PcmStreamProcessor extends AudioWorkletProcessor {
+  constructor() {
+    super();
+    this.ring = new Float32Array(1);
+    this.capacity = 1;
+    this.readIndex = 0;
+    this.writeIndex = 0;
+    this.size = 0;
+    this.phase = 0;
+    this.inputSampleRate = 24000;
+    this.startThreshold = 2880;
+    this.generation = null;
+    this.playing = false;
+    this.inputEnded = false;
+    this.underrunReported = false;
+    this.terminalReported = false;
+    this.port.onmessage = (event) => this.handleMessage(event.data);
+  }
+
+  resetBuffer() {
+    this.readIndex = 0;
+    this.writeIndex = 0;
+    this.size = 0;
+    this.phase = 0;
+    this.playing = false;
+    this.inputEnded = false;
+    this.underrunReported = false;
+    this.terminalReported = false;
+  }
+
+  handleMessage(message) {
+    if (message.type === "start") {
+      this.inputSampleRate = message.sampleRate;
+      this.capacity = message.sampleRate;
+      this.startThreshold = Math.ceil(message.sampleRate * 0.12);
+      this.ring = new Float32Array(this.capacity);
+      this.generation = message.generation;
+      this.resetBuffer();
+      return;
+    }
+    if (message.generation !== this.generation) return;
+    if (message.type === "chunk") {
+      const samples = message.samples;
+      if (!(samples instanceof Float32Array) || samples.length > this.capacity - this.size) {
+        const generation = this.generation;
+        this.resetBuffer();
+        this.generation = null;
+        this.port.postMessage({ type: "overflow", generation });
+        return;
+      }
+      for (let index = 0; index < samples.length; index += 1) {
+        this.ring[this.writeIndex] = samples[index];
+        this.writeIndex = (this.writeIndex + 1) % this.capacity;
+      }
+      this.size += samples.length;
+      return;
+    }
+    if (message.type === "finish") {
+      this.inputEnded = true;
+      return;
+    }
+    if (message.type === "flush") {
+      const generation = this.generation;
+      this.resetBuffer();
+      this.generation = null;
+      this.port.postMessage({ type: "stopped", generation });
+    }
+  }
+
+  sampleAt(offset) {
+    return this.ring[(this.readIndex + offset) % this.capacity];
+  }
+
+  reportDrained() {
+    if (this.terminalReported || this.generation === null) return;
+    this.terminalReported = true;
+    const generation = this.generation;
+    this.generation = null;
+    this.port.postMessage({ type: "drained", generation });
+  }
+
+  process(_inputs, outputs) {
+    const output = outputs[0][0];
+    output.fill(0);
+    if (this.generation === null) return true;
+    if (!this.playing) {
+      if (this.size >= this.startThreshold || (this.inputEnded && this.size > 0)) {
+        this.playing = true;
+        this.underrunReported = false;
+      } else if (this.inputEnded && this.size === 0) {
+        this.reportDrained();
+        return true;
+      } else {
+        return true;
+      }
+    }
+
+    const ratio = this.inputSampleRate / sampleRate;
+    for (let index = 0; index < output.length; index += 1) {
+      if (this.size === 0) {
+        if (this.inputEnded) this.reportDrained();
+        else {
+          this.playing = false;
+          if (!this.underrunReported) {
+            this.underrunReported = true;
+            this.port.postMessage({ type: "underrun", generation: this.generation });
+          }
+        }
+        break;
+      }
+      const first = this.sampleAt(0);
+      const second = this.size > 1 ? this.sampleAt(1) : first;
+      output[index] = first + (second - first) * this.phase;
+      this.phase += ratio;
+      const consumed = Math.min(Math.floor(this.phase), this.size);
+      if (consumed > 0) {
+        this.readIndex = (this.readIndex + consumed) % this.capacity;
+        this.size -= consumed;
+        this.phase -= consumed;
+      }
+    }
+    return true;
+  }
+}
+
+registerProcessor("pcm-stream-player", PcmStreamProcessor);

package/runtime/ws-server.mjs

@@ -16,29 +16,41 @@
 //   AGENT_WEB_ROOTS   ":"-separated dirs the file APIs may touch (default: $HOME)
 
 import { createServer } from "node:http";
-import { randomBytes } from "node:crypto";
+import { randomBytes, randomUUID } from "node:crypto";
 import os from "node:os";
 import path from "node:path";
 import fsSync from "node:fs";
 import fsp from "node:fs/promises";
+import zlib from "node:zlib";
 import next from "next";
 import { WebSocketServer } from "ws";
 import pty from "node-pty";
 import chokidar from "chokidar";
-import { SQLiteAuthStore, SQLiteWebConsoleStore, WebAuthService } from "@agent/core";
+import { HostPathPolicy, SQLiteAnonymousWebStore, SQLiteProjectStore, SQLiteWebConsoleStore } from "@agent/core";
 
 const dev = process.env.NODE_ENV !== "production";
 const port = Number(process.env.PORT || 3000);
 const dir = path.dirname(new URL(import.meta.url).pathname);
 
 const serverBaseDir = path.resolve(process.env.AGENT_DATA_DIR?.trim() || dir);
-const webAuth = new WebAuthService(new SQLiteAuthStore(serverBaseDir));
+const anonymousWebStore = new SQLiteAnonymousWebStore(serverBaseDir);
 const consoleStore = new SQLiteWebConsoleStore(serverBaseDir);
+const projectStore = new SQLiteProjectStore(serverBaseDir);
 consoleStore.markStaleTerminalsExited(new Date().toISOString());
-const roots = (process.env.AGENT_WEB_ROOTS || os.homedir())
-  .split(path.delimiter)
-  .map((p) => path.resolve(p.trim()))
-  .filter(Boolean);
+const hostPathPolicy = HostPathPolicy.fromEnvironment(process.env.AGENT_WEB_ROOTS, os.homedir());
+const roots = hostPathPolicy.roots;
+
+// bun install drops the executable bit on node-pty's prebuilt spawn-helper,
+// which makes every pty.spawn fail with "posix_spawnp failed". Repair on boot
+// (same fix as packages/cli repairNativeRuntimePermissions, for the dev path).
+try {
+  if (process.platform !== "win32") {
+    const { createRequire } = await import("node:module");
+    const nodePtyRoot = path.dirname(createRequire(import.meta.url).resolve("node-pty/package.json"));
+    const helper = path.join(nodePtyRoot, "prebuilds", `${process.platform}-${process.arch}`, "spawn-helper");
+    if (fsSync.existsSync(helper) && !(fsSync.statSync(helper).mode & 0o111)) fsSync.chmodSync(helper, 0o755);
+  }
+} catch { /* best effort — pty.spawn reports its own error */ }
 
 function clampInt(v, min, max, dflt) {
   const n = Math.floor(Number(v));
@@ -218,6 +230,11 @@ function startTerminal(id, { userId, cols = 80, rows = 24, cwd, command } = {})
   p.onExit(({ exitCode }) => {
     session.exited = true;
     if (!session.closed) consoleStore.updateTab(session.id, session.userId, { status: "exited", exitedAt: new Date().toISOString(), lastActiveAt: new Date().toISOString() });
+    // Tell attached clients the process is gone — otherwise the tab lives on
+    // as an unresponsive zombie (no input, no output) until a page refresh.
+    for (const conn of connections) {
+      if (conn.attachedTo.has(id)) conn.sendJson({ type: "term:exited", id, code: exitCode });
+    }
     for (const cb of [...session.cwdWatchers]) {
       try { cb(null); } catch {}
     }
@@ -268,16 +285,12 @@ function captureShellHistory(session, data) {
 
 // ── filesystem service (read-only V1) ───────────────────────────────────────
 function assertAllowed(absPath, userId) {
-  const resolved = path.resolve(absPath);
   // Static configured roots + current directories of active PTY sessions.
   // The user can already access these paths through the terminal; this keeps
   // the file manager aligned with terminal navigation without opening `/`
   // globally when the terminal still lives under $HOME.
   const activeCwds = [...terminals.values()].filter((s) => s.userId === userId).map((s) => s.cwd).filter(Boolean);
-  const allowedRoots = [...roots, ...activeCwds];
-  const allowed = allowedRoots.some((root) => resolved === root || resolved.startsWith(root + path.sep));
-  if (!allowed) throw Object.assign(new Error(`path outside allowed roots`), { code: "EPATH" });
-  return resolved;
+  return new HostPathPolicy([...roots, ...activeCwds]).assertAllowed(absPath);
 }
 
 async function fsList(dirPath, userId) {
@@ -444,6 +457,13 @@ function makeConn(ws) {
       frame[0] = 1; frame[1] = 2; frame.writeUInt32BE(channelId, 2); payload.copy(frame, 6);
       ws.send(frame);
     },
+    sendTerminalReset(terminalId) {
+      if (ws.readyState !== ws.OPEN) return;
+      const channelId = assignChannel(this, terminalId);
+      const frame = Buffer.allocUnsafe(6);
+      frame[0] = 1; frame[1] = 3; frame.writeUInt32BE(channelId, 2);
+      ws.send(frame);
+    },
   };
 }
 
@@ -479,6 +499,22 @@ function detachTerminal(conn, id) {
   if (conn.focusId === id) conn.focusId = null;
 }
 
+function toWebProject(project) {
+  return {
+    id: project.id,
+    name: project.name,
+    description: project.description,
+    created: project.created,
+    updated: project.updated,
+  };
+}
+
+async function requireProject(id) {
+  const project = typeof id === "string" ? await projectStore.get(id) : null;
+  if (!project) throw Object.assign(new Error("项目不存在"), { code: "PROJECT_NOT_FOUND" });
+  return project;
+}
+
 const requestHandlers = {
   "hello": async () => ({
     roots: roots.map((r) => ({ path: r, label: path.basename(r) || r })),
@@ -514,7 +550,10 @@ const requestHandlers = {
     session.cwdWatchers.add(cwdForward);
     conn.cwdForwards.set(id, cwdForward);
 
-    // replay scrollback to restore the screen after reconnect
+    // Replay scrollback to restore the screen after reconnect. Reset the client
+    // pane first: a reconnecting client still holds the old buffer, and
+    // appending the replay onto it duplicates all the content.
+    conn.sendTerminalReset(id);
     const snap = session.scrollback.snapshot();
     if (snap.byteLength > 0) setImmediate(() => conn.sendTerminal(id, new Uint8Array(snap)));
 
@@ -585,6 +624,66 @@ const requestHandlers = {
     return null;
   },
 
+  "ping": async () => ({ pong: true, t: Date.now() }),
+
+  "project:list": async () => ({
+    projects: (await projectStore.list()).map(toWebProject),
+  }),
+
+  "project:get": async (msg) => ({
+    project: toWebProject(await requireProject(msg.projectId)),
+  }),
+
+  "project:create": async (msg) => {
+    const canonical = hostPathPolicy.assertDirectory(String(msg.path ?? ""));
+    const projects = await projectStore.list();
+    for (const existing of projects) {
+      try {
+        if (hostPathPolicy.assertDirectory(existing.description) === canonical) {
+          return { project: toWebProject(existing), existing: true };
+        }
+      } catch {}
+    }
+    const now = new Date().toISOString();
+    const requestedName = typeof msg.name === "string" ? msg.name.trim() : "";
+    const project = await projectStore.create({
+      id: randomUUID(),
+      name: requestedName || path.basename(canonical) || canonical,
+      description: canonical,
+      created: now,
+      updated: now,
+    });
+    return { project: toWebProject(project), existing: false };
+  },
+
+  "project:rename": async (msg) => {
+    await requireProject(msg.projectId);
+    const name = typeof msg.name === "string" ? msg.name.trim() : "";
+    if (!name) throw Object.assign(new Error("项目名称不能为空"), { code: "PROJECT_NAME_REQUIRED" });
+    return { project: toWebProject(await projectStore.update(msg.projectId, { name })) };
+  },
+
+  "project:delete": async (msg) => {
+    await requireProject(msg.projectId);
+    await projectStore.delete(msg.projectId);
+    return { deleted: true, projectId: msg.projectId };
+  },
+
+  "project:roots": async () => ({ roots: hostPathPolicy.roots }),
+
+  "project:directories": async (msg) => ({
+    path: hostPathPolicy.assertDirectory(String(msg.path ?? "")),
+    entries: hostPathPolicy.listDirectories(String(msg.path ?? "")),
+  }),
+
+  "project:check": async (msg) => {
+    try {
+      return { valid: true, path: hostPathPolicy.assertDirectory(String(msg.path ?? "")) };
+    } catch (error) {
+      return { valid: false, error: error.message, code: error.code };
+    }
+  },
+
   "term:kill": async (msg, conn) => {
     const id = msg.id || conn.focusId;
     if (!id) return null;
@@ -593,7 +692,9 @@ const requestHandlers = {
     try { session.pty.kill(); } catch {}
     consoleStore.updateTab(id, conn.principal.userId, { status: "closed", closedAt: new Date().toISOString(), lastActiveAt: new Date().toISOString() });
     detachTerminal(conn, id);
-    return null;
+    // Acknowledge (not fire-and-forget) so a client awaiting this rpc resolves
+    // immediately instead of hanging until its 15s timeout.
+    return { closed: true };
   },
 
   "fs:list": async (msg, conn) => ({ entries: await fsList(msg.path, conn.principal.userId) }),
@@ -670,17 +771,113 @@ const handle = app.getRequestHandler();
 
 await app.prepare();
 
-const server = createServer((req, res) => handle(req, res));
-const wss = new WebSocketServer({ noServer: true, maxPayload: 1024 * 1024 });
+// ── static hosting for the web shell (@agent/webapp build) at /app ─────────
+// Built by `bun run --cwd packages/webapp build`; override the artifact dir
+// with AGENT_WEB_APP_DIST when staging for the CLI/tunnel runtime.
+// Resolution order: env override → staged CLI runtime layout → repo workspace.
+const webAppDistCandidates = [
+  process.env.AGENT_WEB_APP_DIST?.trim(),
+  path.join(dir, "webapp", "dist"),
+  path.join(dir, "..", "webapp", "dist"),
+].filter(Boolean).map((candidate) => path.resolve(candidate));
+const webAppDist = webAppDistCandidates.find((candidate) => fsSync.existsSync(candidate))
+  ?? webAppDistCandidates[webAppDistCandidates.length - 1];
+
+// Build id = entry chunk filename; clients compare against their own script
+// URL and force-reload themselves when a newer build has been deployed.
+let webAppBuildId = "";
+function refreshWebAppBuildId() {
+  try {
+    const html = fsSync.readFileSync(path.join(webAppDist, "index.html"), "utf8");
+    const match = html.match(/assets\/(index-[^"']+\.js)/);
+    if (match) {
+      webAppBuildId = match[1];
+      globalThis.__webAppBuildId = webAppBuildId;
+    }
+  } catch { /* keep previous */ }
+}
+refreshWebAppBuildId();
+setInterval(refreshWebAppBuildId, 30000);
+
+const WEB_APP_MIME = {
+  ".html": "text/html; charset=utf-8",
+  ".js": "text/javascript",
+  ".mjs": "text/javascript",
+  ".css": "text/css",
+  ".json": "application/json",
+  ".svg": "image/svg+xml",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".webp": "image/webp",
+  ".ico": "image/x-icon",
+  ".woff": "font/woff",
+  ".woff2": "font/woff2",
+  ".map": "application/json",
+};
 
-function cookieValue(header, name) {
-  for (const part of String(header || "").split(";")) {
-    const index = part.indexOf("=");
-    if (index > 0 && part.slice(0, index).trim() === name) return decodeURIComponent(part.slice(index + 1).trim());
+async function serveWebApp(req, res) {
+  const url = new URL(req.url, `http://${req.headers.host || "localhost"}`);
+  if (url.pathname !== "/app" && !url.pathname.startsWith("/app/")) return false;
+  const remoteAddr = req.socket.remoteAddress;
+  // The build uses relative asset URLs — redirect to the trailing-slash form
+  // so ./assets/... resolves under /app/ instead of the site root.
+  if (url.pathname === "/app") {
+    console.log(`[web-app] ${remoteAddr} → /app (redirect)`);
+    res.writeHead(301, { location: "/app/" + url.search }).end();
+    return true;
+  }
+  const relative = url.pathname.replace(/^\/app\/?/, "") || "index.html";
+  if (relative === "index.html") console.log(`[web-app] ${remoteAddr} → /app/ shell`);
+  let filePath = path.resolve(webAppDist, relative);
+  if (filePath !== webAppDist && !filePath.startsWith(webAppDist + path.sep)) {
+    res.writeHead(403).end();
+    return true;
   }
-  return null;
+  try {
+    const stats = await fsp.stat(filePath);
+    if (stats.isDirectory()) filePath = path.join(filePath, "index.html");
+  } catch {
+    // Unknown extension-less path → shell (deep links); missing assets → 404.
+    if (!path.extname(relative)) filePath = path.join(webAppDist, "index.html");
+    else {
+      res.writeHead(404).end("Not found");
+      return true;
+    }
+  }
+  try {
+    let data = await fsp.readFile(filePath);
+    const ext = path.extname(filePath).toLowerCase();
+    const headers = {
+      "content-type": WEB_APP_MIME[ext] || "application/octet-stream",
+      // Hashed filenames change per build — never let devices pin old bundles.
+      "cache-control": "no-cache",
+    };
+    // Compress the big text assets — remote links (tailscale relay, tunnels)
+    // are the slow path for phones.
+    const compressible = [".js", ".mjs", ".css", ".html", ".json", ".svg", ".map"].includes(ext)
+      && String(req.headers["accept-encoding"] || "").includes("gzip")
+      && data.length > 1024;
+    if (compressible) {
+      data = zlib.gzipSync(data);
+      headers["content-encoding"] = "gzip";
+    }
+    res.writeHead(200, headers);
+    res.end(data);
+  } catch {
+    res.writeHead(404).end("Not found");
+  }
+  return true;
 }
 
+const server = createServer((req, res) => {
+  void serveWebApp(req, res).then((handled) => {
+    if (!handled) handle(req, res);
+  });
+});
+const wss = new WebSocketServer({ noServer: true, maxPayload: 1024 * 1024 });
+
 function originAllowed(req) {
   const origin = req.headers.origin;
   if (!origin) return false;
@@ -696,14 +893,13 @@ server.on("upgrade", (req, socket, head) => {
   const url = new URL(req.url, `http://${req.headers.host}`);
   if (url.pathname !== "/ws") return; // leave HMR etc. to Next's own listeners
   if (!originAllowed(req)) { socket.write("HTTP/1.1 403 Forbidden\r\n\r\n"); socket.destroy(); return; }
-  const rawToken = cookieValue(req.headers.cookie, "customer_agent_session");
   const nonce = url.searchParams.get("nonce") || "";
-  let principal;
-  try { principal = webAuth.consumeWsNonce(rawToken || "", nonce); }
-  catch (error) {
-    wss.handleUpgrade(req, socket, head, (ws) => ws.close(error?.code === "UNAUTHENTICATED" ? 4001 : 4003, "authentication failed"));
+  const userId = anonymousWebStore.consumeWsNonce(nonce);
+  if (!userId) {
+    wss.handleUpgrade(req, socket, head, (ws) => ws.close(4003, "invalid nonce"));
     return;
   }
+  const principal = { userId, username: "local", deviceId: "browser" };
   wss.handleUpgrade(req, socket, head, (ws) => wss.emit("connection", ws, req, principal));
 });
 
@@ -719,7 +915,10 @@ wss.on("connection", (ws, _req, principal) => {
       if (frame.byteLength < 6 || frame[0] !== 1 || frame[1] !== 1) return;
       const terminalId = conn.channelToTerminal.get(frame.readUInt32BE(2));
       if (!terminalId) return;
-      const session = requireOwnedTerminal(conn, terminalId);
+      // Input frames race the terminal's own close (in-flight keystrokes while
+      // the tab tears down) — drop them silently instead of throwing.
+      const session = terminals.get(terminalId);
+      if (!session || session.exited || session.userId !== conn.principal?.userId) return;
       if (session.inputOwner && session.inputOwner !== conn.id) return;
       session.inputOwner = conn.id;
       session.pty.write(frame.subarray(6).toString("utf8"));
@@ -753,6 +952,6 @@ server.listen(port, () => {
   console.log(`▲ AgentRoam web gateway`);
   console.log(`   local    http://localhost:${port}/web`);
   for (const u of urls) console.log(`   network  ${u}`);
-  console.log(`   auth     account login (first visit creates admin)`);
+  console.log(`   auth     passwordless local console`);
   console.log(`   roots    ${roots.join(" : ")}`);
 });

package/runtime/.next/static/chunks/691.a8277997da6aec2e.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[691],{9691:function(e,l,t){t.r(l),t.d(l,{default:function(){return s}});var n=t(1996),a=t(6121);let i={ts:"#7aa2f7",tsx:"#7aa2f7",js:"#e0af68",jsx:"#e0af68",mjs:"#e0af68",json:"#9ece6a",md:"#bb9af7",css:"#bb9af7",html:"#f7768e",sh:"#9ece6a",py:"#9ece6a",png:"#e0af68",jpg:"#e0af68",jpeg:"#e0af68",gif:"#e0af68",svg:"#e0af68",pdf:"#f7768e",mp4:"#f7768e",mov:"#f7768e"},r=e=>{var l,t,n;return null!==(n=i[null!==(t=null===(l=e.split(".").pop())||void 0===l?void 0:l.toLowerCase())&&void 0!==t?t:""])&&void 0!==n?n:"#c8c8d0"};function d(e){return e<1024?"".concat(e,"B"):e<1048576?"".concat((e/1024).toFixed(1),"K"):e<1073741824?"".concat((e/1024/1024).toFixed(1),"M"):"".concat((e/1024/1024/1024).toFixed(1),"G")}function s(e){let{rpc:l,onEvent:t,onOpenFile:i,selectedPath:s,ready:c,cwd:o,followCwd:u,initialRoot:h,initialFollow:p=!0,onTreeStateChange:f}=e,[v,x]=(0,a.useState)(null),[g,j]=(0,a.useState)(""),[w,m]=(0,a.useState)(""),[C,b]=(0,a.useState)(!p),[k,y]=(0,a.useState)(""),N=(0,a.useRef)(new Map),S=(0,a.useRef)(null),[,E]=(0,a.useState)(0),D=()=>E(e=>e+1),L=(0,a.useCallback)(async(e,t)=>{let n={path:e,depth:t,expanded:!0,children:null,loading:!0};N.current.set(e,n),D();try{let t=await l("fs:list",{path:e});n.children=t.entries,l("fs:watch",{path:e}).catch(()=>{})}catch(e){var a;n.children=[],n.error=null!==(a=null==e?void 0:e.message)&&void 0!==a?a:"read failed"}return n.loading=!1,D(),n},[l]),O=!!u&&!C,z=(0,a.useCallback)(e=>{let l=e.length>1?e.replace(/\/+$/,""):e;S.current=l,N.current.clear(),x({path:l,depth:0,expanded:!1,children:null,loading:!1}),m(l)},[]);(0,a.useEffect)(()=>{c&&o&&O&&S.current!==o&&(z(o),null==f||f(o,!0))},[c,o,O,z]),(0,a.useEffect)(()=>{c&&h&&!p&&!S.current&&(b(!0),z(h))},[c,h,p,z]),(0,a.useEffect)(()=>{c&&l("hello").then(e=>{y(e.home),!O||o||S.current||z(e.home)}).catch(()=>{})},[c,o,O,l,z]);let I=()=>{let e=w.trim();e&&("~"===e?e=k||o||"/":e.startsWith("~/")?e="".concat(k||o||"").concat(e.slice(1)):e.startsWith("/")||(e="".concat(o||(null==v?void 0:v.path)||k||"/","/").concat(e)),e=e.replace(/\/+/g,"/"),b(!0),z(e),null==f||f(e,!1))},_=(0,a.useCallback)(async e=>{let l=N.current.get(e);l||(l={path:e,depth:0,expanded:!1,children:null,loading:!1},N.current.set(e,l)),l.expanded?l.expanded=!1:(l.expanded=!0,l.children||l.loading||await L(e,l.depth)),D()},[L]);(0,a.useCallback)(async(e,l)=>{let t=N.current.get(e);t?t.children||t.loading||await L(e,l):t=await L(e,l),t.expanded=!0,D()},[L]),(0,a.useEffect)(()=>t("fs:event",e=>{var l;for(let t of null!==(l=e.events)&&void 0!==l?l:[]){let e=t.path;e===s&&window.dispatchEvent(new CustomEvent("file-changed",{detail:e}));let l=e.slice(0,e.lastIndexOf("/"))||"/",n=N.current.get(l);(null==n?void 0:n.expanded)&&n.children&&!n.loading&&L(l,n.depth).catch(()=>{})}}),[t,s,L]);let A=(e,l)=>e.endsWith("/")?e+l:"".concat(e,"/").concat(l),F=g.trim().toLowerCase(),W=(e,l)=>{var t,n;if(!F||l.name.toLowerCase().includes(F))return!0;if(!l.dir)return!1;let a=A(e,l.name),i=null===(t=N.current.get(a))||void 0===t?void 0:t.children;return null!==(n=null==i?void 0:i.some(e=>W(a,e)))&&void 0!==n&&n},K=(e,l,t)=>l.filter(l=>W(e,l)).map(l=>{let a=A(e,l.name);if(l.dir){var c;let e=N.current.get(a),i=null!==(c=null==e?void 0:e.expanded)&&void 0!==c&&c;return(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:"tree-row",onClick:()=>_(a),style:{paddingLeft:6+12*t},children:[(0,n.jsx)("span",{style:{width:12,color:"#888",flexShrink:0,textAlign:"center"},children:(null==e?void 0:e.loading)?"…":i?"▾":"▸"}),(0,n.jsx)("span",{style:{overflow:"hidden",textOverflow:"ellipsis"},children:"\uD83D\uDCC1"}),(0,n.jsx)("span",{style:{overflow:"hidden",textOverflow:"ellipsis"},children:l.name})]}),i&&(e.children?K(a,e.children,t+1):(0,n.jsx)("div",{className:"tree-row",style:{paddingLeft:22+12*t,color:"#556"},children:"…"}))]},a)}return(0,n.jsxs)("div",{className:"tree-row","data-selected":a===s?"1":void 0,onClick:()=>i(a),title:"".concat(a," \xb7 ").concat(d(l.size)),style:{paddingLeft:6+12*t},children:[(0,n.jsx)("span",{style:{width:12,flexShrink:0}}),(0,n.jsx)("span",{style:{color:r(l.name),overflow:"hidden",textOverflow:"ellipsis"},children:l.name}),(0,n.jsx)("span",{className:"tree-size",children:d(l.size)})]},a)});if(!v)return(0,n.jsx)("div",{style:{padding:14,fontSize:12,color:"#556"},children:O?c?"等待终端目录…":"连接中…":"…"});let M=N.current.get(v.path);return(0,n.jsxs)("div",{className:"tree-scroll",children:[(0,n.jsxs)("div",{className:"tree-location",children:[(0,n.jsx)("input",{value:w,onChange:e=>m(e.target.value),onKeyDown:e=>{"Enter"===e.key&&I()},placeholder:"输入目录路径","aria-label":"文件树目录路径",spellCheck:!1}),(0,n.jsx)("button",{tabIndex:-1,onClick:I,title:"定位目录","aria-label":"定位目录",children:"↵"}),(0,n.jsx)("button",{tabIndex:-1,onClick:()=>{b(!1),o&&(z(o),null==f||f(o,!0))},title:"跟随终端目录","aria-label":"跟随终端目录","data-active":O?"1":void 0,children:"⌖"})]}),(0,n.jsxs)("div",{className:"tree-filter",children:[(0,n.jsx)("span",{"aria-hidden":"true",children:"⌕"}),(0,n.jsx)("input",{value:g,onChange:e=>j(e.target.value),placeholder:"筛选已加载文件","aria-label":"筛选文件树"}),g&&(0,n.jsx)("button",{tabIndex:-1,onClick:()=>j(""),"aria-label":"清除筛选",children:"✕"})]}),(0,n.jsxs)("div",{className:"tree-row",onClick:()=>_(v.path),children:[(0,n.jsx)("span",{style:{width:12,color:"#888",textAlign:"center",flexShrink:0},children:(null==M?void 0:M.loading)?"…":(null==M?void 0:M.expanded)?"▾":"▸"}),(0,n.jsx)("span",{children:"\uD83D\uDCC2"}),(0,n.jsx)("span",{style:{overflow:"hidden",textOverflow:"ellipsis",direction:"rtl",textAlign:"left"},children:v.path})]}),(null==M?void 0:M.expanded)&&(M.children?K(v.path,M.children,1):(0,n.jsx)("div",{className:"tree-row",style:{paddingLeft:24,color:"#556"},children:"…"}))]})}}}]);