@adhdev/daemon-standalone 0.6.35 → 0.6.37

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adhdev/daemon-standalone",
3
- "version": "0.6.35",
3
+ "version": "0.6.37",
4
4
  "description": "ADHDev standalone daemon — embedded HTTP/WS server for local dashboard",
5
5
  "main": "dist/index.js",
6
6
  "bin": {
@@ -0,0 +1 @@
1
+ .ide-page{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.ide-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px}.ide-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--border-subtle);background:var(--surface-primary);flex-shrink:0;z-index:10}.ide-header-left{display:flex;align-items:center;gap:12px}.ide-header-right{display:flex;align-items:center;gap:10px}.ide-title{display:flex;align-items:baseline;gap:8px}.ide-name{font-weight:800;font-size:15px;letter-spacing:.02em}.ide-name-mobile{display:none}.ide-workspace{font-size:12px;font-weight:500;color:var(--text-secondary);opacity:.7;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-machine-label{font-size:9px;font-weight:600;color:var(--text-muted);background:var(--bg-secondary);padding:2px 8px;border-radius:10px;letter-spacing:.03em;white-space:nowrap}.ide-badge{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--accent-primary);background:#6366f11a;padding:2px 8px;border-radius:6px}.ide-status-pill{display:flex;align-items:center;gap:5px;padding:3px 10px;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-subtle)}.ide-dot{width:6px;height:6px;border-radius:50%;transition:background .3s}.ide-dot.online{background:var(--status-online);box-shadow:0 0 8px var(--status-online)}.ide-dot.connecting{background:#fbbf24;animation:pulse-dot 1.5s ease-in-out infinite}.ide-status-text{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ide-view-toggle{display:flex;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-subtle);overflow:hidden}.ide-view-btn{padding:6px 12px;background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .15s}.ide-view-btn.active{background:var(--surface-primary);color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.ide-view-btn:hover:not(.active){background:var(--bg-glass-hover)}.ide-back-btn{padding:6px 14px;font-size:12px;font-weight:700;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:opacity .15s}.ide-back-btn:hover{opacity:.85}.ide-content{flex:1;display:flex;min-height:0;overflow:hidden}.ide-chat-panel{width:420px;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background:var(--surface-secondary);transition:flex .3s ease,width .3s ease,opacity .25s ease,min-width .3s ease;opacity:1;overflow:hidden}.ide-chat-panel.hidden{flex:0!important;width:0!important;min-width:0!important;opacity:0;border-right:none;pointer-events:none;overflow:hidden}.ide-chat-panel.full{width:100%;max-width:720px;margin:0 auto;border-right:none}.ide-chat-tabs{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.ide-chat-tab{flex:1;padding:10px 16px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-size:11px;font-weight:700;cursor:pointer;letter-spacing:.04em;transition:all .15s}.ide-chat-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-primary);background:var(--surface-primary)}.ide-chat-tab.ext.active{border-bottom-color:#22d3ee}.ide-ext-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#22d3ee26;color:#22d3ee;font-size:10px;font-weight:700;margin-left:6px}.ide-chat-header{padding:14px 18px 10px;border-bottom:1px solid var(--border-subtle);background:var(--surface-primary);flex-shrink:0}.ide-chat-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ide-chat-header-info{display:flex;align-items:center;gap:10px}.ide-chat-label{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--text-muted)}.ide-chat-status{font-size:10px;font-weight:600;color:var(--status-online)}.ide-chat-header-actions{display:flex;gap:6px;align-items:center}.ide-btn-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;font-size:12px;cursor:pointer;transition:background .15s}.ide-btn-icon:hover{background:var(--bg-glass-hover)}.ide-btn-primary-sm{padding:4px 10px;font-size:11px;font-weight:700;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:opacity .15s}.ide-btn-primary-sm:disabled{opacity:.5;cursor:not-allowed}.ide-chat-title{font-size:13px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-history{border-bottom:1px solid var(--border-subtle);flex-shrink:0}.ide-history-header{display:flex;justify-content:space-between;align-items:center;padding:8px 18px;font-size:10px;font-weight:700;color:var(--text-muted);cursor:pointer;background:var(--surface-tertiary);transition:background .15s}.ide-history-header:hover{background:var(--bg-glass-hover)}.ide-history-toggle{font-size:8px;opacity:.6}.ide-history-list{max-height:120px;overflow:hidden;transition:max-height .25s ease}.ide-history-list.expanded{max-height:300px;overflow-y:auto}.ide-history-item{padding:8px 18px;font-size:12px;font-weight:500;cursor:pointer;border-bottom:1px solid var(--border-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .1s}.ide-history-item:hover{background:var(--bg-glass-hover)}.ide-history-item.active{color:var(--accent-primary-light);border-left:3px solid var(--accent-primary);background:#6366f10f}.ide-approval{padding:14px 18px;background:linear-gradient(135deg,#f59e0b1f,#d9770614);border-bottom:1px solid rgba(245,158,11,.2);flex-shrink:0;animation:slide-down .2s ease-out}.ide-approval-label{font-size:11px;font-weight:800;color:#f59e0b;margin-bottom:8px;letter-spacing:.03em}.ide-approval-msg{font-size:12px;line-height:1.5;color:var(--text-primary);margin-bottom:10px;white-space:pre-wrap;word-break:break-word;max-height:80px;overflow:hidden}.ide-approval-buttons{display:flex;gap:8px;flex-wrap:wrap}.ide-approval-btn{flex:1;min-width:80px;padding:8px 14px;border:none;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer;background:var(--surface-tertiary);color:var(--text-primary);transition:all .15s}.ide-approval-btn:hover{filter:brightness(1.1)}.ide-approval-btn.primary{background:var(--status-online);color:#fff}.ide-chat-messages{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.ide-chat-empty{text-align:center;margin-top:80px;display:flex;flex-direction:column;align-items:center;gap:12px}.ide-chat-empty-icon{font-size:36px;opacity:.12}.ide-chat-empty-text{opacity:.2;font-size:12px;font-weight:600}.ide-chat-empty-bar{width:32px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);animation:shimmer 2s ease-in-out infinite}.ide-chat-input-wrap{border-top:1px solid var(--border-subtle);background:var(--surface-primary);flex-shrink:0}.ide-chat-input-row{display:flex;gap:10px;align-items:center;padding:10px 18px 16px}.ide-chat-input{flex:1;height:40px;padding:0 16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:20px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.ide-chat-input:focus{border-color:var(--accent-primary)}.ide-btn-send{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);color:var(--text-muted);border:none;cursor:default;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.ide-btn-send:not(:disabled){background:var(--accent-primary);color:#fff;cursor:pointer}.ide-btn-send:disabled{opacity:1}.ide-btn-send:hover:not(:disabled){opacity:.9}.ide-model-bar{display:flex;align-items:center;gap:6px;padding:8px 18px 0;flex-wrap:wrap}.ide-model-agent{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--accent-primary);opacity:.7;letter-spacing:.03em}.ide-model-sep{color:var(--border-subtle);font-size:10px}.ide-chip-wrap{position:relative}.ide-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:10px;font-weight:500;cursor:pointer;border:1px solid transparent;background:var(--surface-tertiary);color:var(--text-secondary);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;transition:all .15s}.ide-chip.open{border-color:#6366f159}.ide-chip:hover{background:var(--bg-glass-hover)}.ide-chip-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59}.ide-chip-dropdown{position:absolute;bottom:100%;left:0;z-index:60;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:4px;max-height:220px;overflow-y:auto;min-width:160px;box-shadow:0 -4px 20px #00000059;animation:slide-up .12s ease-out}.ide-chip-dropdown-title{padding:6px 12px;font-size:9px;font-weight:700;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}.ide-chip-option{padding:7px 12px;font-size:11px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary);border-left:2px solid transparent;transition:background .1s}.ide-chip-option:hover{background:#6366f114}.ide-chip-option.selected{color:var(--accent-primary);font-weight:600;background:#6366f11a;border-left-color:var(--accent-primary)}.ide-remote-panel{flex:1;display:flex;flex-direction:column;background:#000;min-width:0;transition:flex .3s ease,opacity .25s ease;opacity:1;overflow:hidden}.ide-remote-panel.hidden{flex:0!important;opacity:0;pointer-events:none;overflow:hidden}.ide-remote-panel.full{flex:1}.ide-toasts{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.ide-toast{padding:10px 18px;border-radius:12px;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0000004d;pointer-events:auto;cursor:pointer;animation:toast-in .25s ease-out;max-width:360px}.ide-toast.success{background:#10b981eb;color:#fff}.ide-toast.warning{background:#f59e0beb;color:#fff}.ide-toast.info{background:#6366f1eb;color:#fff}@keyframes shimmer{0%,to{opacity:.2}50%{opacity:.6}}@keyframes pulse-dot{0%,to{opacity:.6}50%{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.ide-page{height:100%;height:100dvh}.ide-header{padding:10px 10px 10px 60px;min-height:56px;gap:6px;flex-wrap:nowrap}.ide-header-left{gap:8px;min-width:0;flex:1 1 auto}.ide-name{display:none}.ide-name-mobile{display:inline;font-weight:700;font-size:14px}.ide-workspace,.ide-machine-label,.ide-badge{display:none}.ide-status-pill{padding:0;background:none;border:none}.ide-status-text{display:none}.ide-header-right{gap:4px;flex-shrink:0;display:flex;flex-wrap:nowrap;align-items:center}.ide-view-btn{padding:5px 10px;font-size:13px}.ide-back-btn{padding:5px 10px;font-size:11px}.ide-content{flex-direction:column}.ide-chat-panel{width:100%;border-right:none;flex:1;min-height:0;order:2}.ide-chat-panel.full{max-width:100%}.ide-remote-panel{flex:1;min-height:0;order:1}.ide-remote-panel.full{flex:1}.ide-chat-input-row{padding:8px 12px 12px}.ide-chat-input{height:36px;font-size:13px}.ide-toasts{top:auto;bottom:16px;right:12px;left:12px}.ide-toast{max-width:100%}}@media (min-width: 769px){.ide-content{flex-direction:row}}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-500:oklch(69.6% .17 162.48);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-slate-400:oklch(70.4% .04 256.788);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-500:oklch(55.1% .027 264.364);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:1rem;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-lg:16px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-bg-primary:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-card:var(--bg-card);--color-bg-glass:var(--bg-glass);--color-bg-glass-hover:var(--bg-glass-hover);--color-border-subtle:var(--border-subtle);--color-border-default:var(--border-default);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-accent:var(--accent-primary);--color-accent-light:var(--accent-primary-light);--shadow-glow:0 0 20px #8b5cf626, 0 0 40px #8b5cf60d;--transition-base:.18s cubic-bezier(.4, 0, .2, 1)}}@layer base{button{font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:none;margin:0;padding:0}:root{--bg-primary:#0f0f13;--bg-secondary:#18181d;--bg-card:#1a1a20e6;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff14;--surface-primary:#111116;--surface-secondary:#18181d;--border-subtle:#ffffff17;--border-default:#ffffff24;--border-accent:#8b5cf666;--text-primary:#fafafa;--text-secondary:#a8a8b3;--text-muted:#7e7e8a;--accent-primary:#8b5cf6;--accent-primary-light:#a78bfa;--accent-secondary:#38bdf8;--accent-gradient:linear-gradient(135deg, #8b5cf6, #38bdf8);--status-online:#22c55e;--status-idle:#eab308;--status-busy:#f97316;--status-error:#ef4444;--status-offline:#71717a;--font:var(--font-sans);--transition:var(--transition-base);color-scheme:dark}:root[data-theme=light]{--bg-primary:#f6f7f9;--bg-secondary:#fff;--bg-card:#fffffff2;--bg-glass:#00000008;--bg-glass-hover:#0000000f;--surface-primary:#fff;--surface-secondary:#f6f7f9;--border-subtle:#00000014;--border-default:#00000024;--border-accent:#8b5cf64d;--text-primary:#1a1a2e;--text-secondary:#52525b;--text-muted:#71717a;--accent-primary:#7c3aed;--accent-primary-light:#6d28d9;--accent-secondary:#0ea5e9;--accent-gradient:linear-gradient(135deg, #7c3aed, #0ea5e9);--status-online:#16a34a;--status-idle:#ca8a04;--status-busy:#ea580c;--status-error:#dc2626;--status-offline:#a1a1aa;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-primary:#f6f7f9;--bg-secondary:#fff;--bg-card:#fffffff2;--bg-glass:#00000008;--bg-glass-hover:#0000000f;--surface-primary:#fff;--surface-secondary:#f6f7f9;--border-subtle:#00000014;--border-default:#00000024;--border-accent:#8b5cf64d;--text-primary:#1a1a2e;--text-secondary:#52525b;--text-muted:#71717a;--accent-primary:#7c3aed;--accent-primary-light:#6d28d9;--accent-secondary:#0ea5e9;--accent-gradient:linear-gradient(135deg, #7c3aed, #0ea5e9);--status-online:#16a34a;--status-idle:#ca8a04;--status-busy:#ea580c;--status-error:#dc2626;--status-offline:#a1a1aa;color-scheme:light}}:root[data-theme=light] .card{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}:root[data-theme=light] .card:hover{box-shadow:0 2px 8px #00000014}:root[data-theme=light] .sidebar-overlay{background:#00000026}:root[data-theme=light] .dashboard-agent-tabs{background:var(--surface-primary);border-bottom-color:var(--border-default)}:root[data-theme=light] .dashboard-header{background:var(--bg-secondary);border-bottom-color:var(--border-default)}:root[data-theme=light] .btn-secondary{background:var(--bg-glass);border-color:var(--border-default)}:root[data-theme=light] .btn-secondary:hover{background:var(--bg-glass-hover)}:root[data-theme=light] .chat-markdown code{color:var(--accent-primary);background:#0000000d;border-color:#00000014}:root[data-theme=light] .chat-markdown pre{box-shadow:none;background:#00000008;border-color:#00000014}:root[data-theme=light] .chat-markdown th{background:#0000000a}:root[data-theme=light] .chat-markdown td{border-right-color:#0000000f}:root[data-theme=light] .chat-markdown tbody tr:hover{background:#00000005}:root[data-theme=light] .agent-tab-working{box-shadow:none;border-color:#8b5cf626}:root[data-theme=light] .agent-tab-waiting{box-shadow:none;border-color:#eab30826}:root[data-theme=light] .tab-spinner{border-color:#8b5cf626;border-top-color:var(--accent-primary)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .chat-markdown code{color:var(--accent-primary);background:#0000000f;border-color:#0000001a}:root:not([data-theme=dark]) .chat-markdown pre{background:#0000000a;border-color:#0000001a;box-shadow:inset 0 1px #00000008}:root:not([data-theme=dark]) .chat-markdown th{background:#0000000a}:root:not([data-theme=dark]) .chat-markdown td{border-right-color:#0000000f}:root:not([data-theme=dark]) .chat-markdown tbody tr:hover{background:#00000005}:root:not([data-theme=dark]) .card{box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}:root:not([data-theme=dark]) .card:hover{box-shadow:0 4px 12px #8b5cf614,0 2px 8px #00000014}:root:not([data-theme=dark]) .sidebar-overlay{background:#0003}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;line-height:1.6}a{color:var(--accent-primary-light);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-secondary)}:root{--chat-user-bg:linear-gradient(135deg, var(--accent-primary), #4f46e5);--chat-user-color:#fff;--chat-user-radius:16px 16px 4px 16px;--chat-user-border:none;--chat-assistant-bg:var(--bg-secondary);--chat-assistant-color:var(--text-primary);--chat-assistant-radius:16px 16px 16px 4px;--chat-assistant-border:1px solid var(--border-subtle);--chat-bubble-padding:12px 16px;--chat-bubble-font-size:13px;--chat-bubble-line-height:1.65;--chat-bubble-max-width:88%;--chat-header-font-size:10px;--chat-header-opacity:.6;--chat-thought-bg:var(--bg-secondary);--chat-thought-border:1px solid var(--border-subtle);--chat-thought-accent:#818cf8;--chat-thought-max-height:200px;--chat-tool-bg:var(--bg-secondary);--chat-tool-border:1px solid var(--border-subtle);--chat-tool-accent:#10b981;--chat-tool-max-height:200px;--chat-terminal-bg:var(--bg-secondary);--chat-terminal-border:1px solid var(--border-subtle);--chat-terminal-accent:#10b981;--chat-terminal-max-height:250px;--chat-system-border:1px solid var(--border-subtle);--chat-system-color:var(--text-muted);--chat-action-bg:#6366f114;--chat-action-border:1px solid #6366f126;--chat-action-color:var(--accent-primary);--chat-container-bg:var(--bg-primary);--chat-container-padding:24px 20px;--chat-container-gap:16px;--chat-typing-bg:var(--bg-secondary);--chat-typing-radius:16px 16px 16px 4px;--chat-typing-border:1px solid var(--border-subtle)}.chat-container{min-height:0;padding:var(--chat-container-padding);gap:var(--chat-container-gap);background:var(--chat-container-bg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-bubble{padding:var(--chat-bubble-padding);font-size:var(--chat-bubble-font-size);line-height:var(--chat-bubble-line-height);word-break:break-word;min-width:0}.chat-bubble-user{background:var(--chat-user-bg);color:var(--chat-user-color);border-radius:var(--chat-user-radius);border:var(--chat-user-border)}.chat-bubble-assistant{background:var(--chat-assistant-bg);color:var(--chat-assistant-color);border-radius:var(--chat-assistant-radius);border:var(--chat-assistant-border)}.chat-bubble-header{white-space:nowrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.chat-bubble-header .chat-sender{font-size:var(--chat-header-font-size);opacity:var(--chat-header-opacity);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.chat-bubble-header .chat-time{font-size:var(--chat-header-font-size);opacity:.45}.chat-msg-thought{max-width:var(--chat-bubble-max-width);border-radius:var(--radius-md);background:var(--chat-thought-bg);border:var(--chat-thought-border);flex-shrink:0;min-width:0}.chat-msg-thought .chat-msg-header{border-bottom:1px solid var(--border-subtle);color:var(--chat-thought-accent);align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;display:flex}.chat-msg-thought .chat-msg-body{color:var(--text-muted);opacity:.75;max-height:var(--chat-thought-max-height);white-space:pre-wrap;padding:8px 12px;font-size:12px;font-style:italic;line-height:1.6;overflow-y:auto}.chat-msg-tool{max-width:var(--chat-bubble-max-width);min-width:0;color:var(--text-muted);background:var(--chat-tool-bg);border:var(--chat-tool-border);border-radius:var(--radius-sm);max-height:var(--chat-tool-max-height);white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;flex-shrink:0;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-family:monospace;font-size:11px;display:flex;overflow-y:auto}.chat-msg-tool .tool-icon{color:var(--chat-tool-accent);font-size:10px}.chat-msg-tool .tool-text{color:var(--chat-tool-accent);opacity:.8}.chat-msg-terminal{max-width:var(--chat-bubble-max-width);border-radius:var(--radius-md);background:var(--chat-terminal-bg);border:var(--chat-terminal-border);flex-shrink:0;min-width:0}.chat-msg-terminal .chat-msg-header{border-bottom:1px solid var(--border-subtle);color:var(--chat-terminal-accent);align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;display:flex}.chat-msg-terminal .chat-msg-body{color:var(--text-muted);max-height:var(--chat-terminal-max-height);white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;background:0 0;margin:0;padding:8px 12px;font-family:monospace;font-size:11px;line-height:1.6;overflow:hidden auto}.chat-msg-system{color:var(--chat-system-color);opacity:.6;border:var(--chat-system-border);border-radius:20px;padding:2px 12px;font-size:11px}.chat-msg-action{background:var(--chat-action-bg);max-width:80%;color:var(--chat-action-color);text-align:center;border:var(--chat-action-border);opacity:.85;border-radius:20px;padding:6px 14px;font-size:12px}.chat-msg-action .action-time{opacity:.5;margin-left:8px;font-size:10px}.chat-tool-badge{color:var(--chat-tool-accent);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 7px;font-family:monospace;font-size:10px}.chat-typing-wrapper{background:var(--chat-typing-bg);border-radius:var(--chat-typing-radius);border:var(--chat-typing-border);max-width:90%}:root[data-chat-theme=aurora]{--chat-user-bg:linear-gradient(135deg, #ec4899, #f97316);--chat-user-color:#fff;--chat-user-radius:20px 20px 6px 20px;--chat-user-border:none;--chat-assistant-bg:#1e1b2ef2;--chat-assistant-color:#e2e0ea;--chat-assistant-radius:20px 20px 20px 6px;--chat-assistant-border:1px solid #ec48991f;--chat-bubble-padding:14px 18px;--chat-bubble-font-size:13px;--chat-bubble-line-height:1.7;--chat-thought-accent:#f472b6;--chat-tool-accent:#fb923c;--chat-terminal-accent:#fb923c;--chat-action-bg:#ec48991a;--chat-action-border:1px solid #ec489933;--chat-action-color:#f472b6;--chat-container-bg:#0f0d17}:root[data-theme=light][data-chat-theme=aurora]{--chat-assistant-bg:#fef2f8;--chat-assistant-color:#1a1a2e;--chat-assistant-border:1px solid #ec489926;--chat-thought-bg:#fef2f8;--chat-thought-border:1px solid #ec48991f;--chat-tool-bg:#fff7ed;--chat-tool-border:1px solid #f973161f;--chat-terminal-bg:#fef2f8;--chat-terminal-border:1px solid #ec48991f;--chat-action-bg:#ec48990f;--chat-action-border:1px solid #ec489926;--chat-container-bg:var(--bg-primary);--chat-typing-bg:#fef2f8}:root[data-chat-theme=honey]{--chat-user-bg:#fbbf24;--chat-user-color:#1a1a1a;--chat-user-radius:18px 18px 4px 18px;--chat-user-border:none;--chat-assistant-bg:#1c1c1e;--chat-assistant-color:#e5e5e5;--chat-assistant-radius:18px 18px 18px 4px;--chat-assistant-border:1px solid #ffffff0f;--chat-bubble-padding:11px 15px;--chat-bubble-font-size:14px;--chat-bubble-line-height:1.6;--chat-thought-accent:#fbbf24;--chat-thought-bg:#1c1c1e;--chat-tool-accent:#a3e635;--chat-terminal-accent:#a3e635;--chat-action-bg:#fbbf2414;--chat-action-border:1px solid #fbbf2433;--chat-action-color:#fbbf24;--chat-container-bg:#111113;--chat-container-gap:12px;--chat-typing-bg:#1c1c1e}:root[data-theme=light][data-chat-theme=honey]{--chat-user-bg:#fbbf24;--chat-user-color:#1a1a1a;--chat-assistant-bg:#fffbeb;--chat-assistant-color:#1a1a2e;--chat-assistant-border:1px solid #fbbf2426;--chat-thought-bg:#fffbeb;--chat-thought-border:1px solid #fbbf241f;--chat-tool-bg:#f7fee7;--chat-tool-border:1px solid #a3e63526;--chat-terminal-bg:#fffbeb;--chat-terminal-border:1px solid #fbbf241f;--chat-action-bg:#fbbf240f;--chat-action-border:1px solid #fbbf2426;--chat-action-color:#b45309;--chat-container-bg:var(--bg-primary);--chat-typing-bg:#fffbeb}:root[data-chat-theme=honey] .chat-bubble-user .chat-markdown a{color:#1a1a1a;text-decoration:underline}@media (prefers-color-scheme:light){:root:not([data-theme=dark])[data-chat-theme=aurora]{--chat-assistant-bg:#fef2f8;--chat-assistant-color:#1a1a2e;--chat-assistant-border:1px solid #ec489926;--chat-thought-bg:#fef2f8;--chat-tool-bg:#fff7ed;--chat-terminal-bg:#fef2f8;--chat-container-bg:var(--bg-primary);--chat-typing-bg:#fef2f8}:root:not([data-theme=dark])[data-chat-theme=honey]{--chat-assistant-bg:#fffbeb;--chat-assistant-color:#1a1a2e;--chat-assistant-border:1px solid #fbbf2426;--chat-thought-bg:#fffbeb;--chat-tool-bg:#f7fee7;--chat-terminal-bg:#fffbeb;--chat-container-bg:var(--bg-primary);--chat-typing-bg:#fffbeb;--chat-action-color:#b45309}}.chat-markdown{font-size:inherit;white-space:normal;word-break:break-word;overflow-wrap:anywhere;min-width:0;line-height:1.6}.chat-bubble-user .chat-markdown a{color:#e0e7ff;text-underline-offset:2px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}.chat-bubble-user .chat-markdown a:hover{color:#fff;text-decoration-color:#ffffffb3}.chat-markdown p{margin:0 0 .6em}.chat-markdown p:first-child{margin-top:0}.chat-markdown p:last-child{margin-bottom:0}.chat-markdown strong{font-weight:700}.chat-markdown em{font-style:italic}.chat-markdown code{background:var(--bg-glass);color:var(--accent-primary-light);border:1px solid var(--border-subtle);border-radius:5px;padding:.15em .4em;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.88em}.chat-markdown pre{background:var(--bg-glass);border:1px solid var(--border-subtle);box-shadow:none;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;border-radius:10px;margin:.6em 0;padding:14px 16px;font-size:.86em;line-height:1.65;overflow-x:hidden}.chat-markdown pre code{color:inherit;background:0 0;border:none;padding:0}.chat-markdown ul,.chat-markdown ol{margin:.4em 0;padding-left:1.4em}.chat-markdown li{margin:.25em 0}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3{letter-spacing:-.02em;margin:.75em 0 .35em;font-weight:700}.chat-markdown h1{font-size:1.25em}.chat-markdown h2{font-size:1.1em}.chat-markdown h3{font-size:1em}.chat-markdown blockquote{border-left:3px solid var(--border-default);color:var(--text-secondary);margin:.5em 0;padding-left:1em}.chat-markdown .markdown-alert{border-left:.25em solid var(--color-border-default,var(--border-default));color:inherit;margin:.5em 0 1em;padding:.5rem 1em}.chat-markdown .markdown-alert>:last-child{margin-bottom:0!important}.chat-markdown .markdown-alert .markdown-alert-title{align-items:center;font-size:14px;font-weight:500;line-height:1;display:flex}.chat-markdown .markdown-alert .markdown-alert-title svg.octicon{fill:currentColor;margin-right:8px}.chat-markdown .markdown-alert-note{border-left-color:var(--accent-primary)}.chat-markdown .markdown-alert-note .markdown-alert-title{color:var(--accent-primary-light)}.chat-markdown .markdown-alert-tip{border-left-color:var(--status-online)}.chat-markdown .markdown-alert-tip .markdown-alert-title{color:var(--status-online)}.chat-markdown .markdown-alert-important{border-left-color:#a371f7}.chat-markdown .markdown-alert-important .markdown-alert-title{color:#a371f7}.chat-markdown .markdown-alert-warning{border-left-color:var(--status-idle)}.chat-markdown .markdown-alert-warning .markdown-alert-title{color:var(--status-idle)}.chat-markdown .markdown-alert-caution{border-left-color:var(--status-error)}.chat-markdown .markdown-alert-caution .markdown-alert-title{color:var(--status-error)}.chat-markdown table{border-collapse:separate;border-spacing:0;border:1px solid var(--border-subtle);border-radius:8px;width:100%;margin:.6em 0;font-size:.92em;overflow:hidden}.chat-markdown th,.chat-markdown td{border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);text-align:left;padding:.5em .75em}.chat-markdown th{background:var(--bg-glass);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.88em;font-weight:600}.chat-markdown tr:last-child td{border-bottom:none}.chat-markdown th:last-child,.chat-markdown td:last-child{border-right:none}.chat-markdown tbody tr:hover{background:var(--bg-glass)}.app-layout{height:100%;min-height:0;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);z-index:30;flex-direction:column;width:260px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar-logo{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;margin-bottom:24px;padding:0 8px 24px;display:flex}.sidebar-logo span{color:var(--text-primary);letter-spacing:-.01em;font-size:17px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.nav-item.active{background:var(--nav-active-bg,#8b5cf61a);color:var(--accent-primary-light);border-color:var(--border-accent);box-shadow:var(--nav-active-shadow,inset 3px 0 0 var(--accent-primary), 0 0 12px #8b5cf60f)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar{transition:width .2s,padding .2s}.main-content{transition:margin-left .2s}.sidebar-collapsed .sidebar{overflow:hidden auto;width:56px!important;padding:16px 8px!important}.sidebar-collapsed .main-content{margin-left:56px}@media (max-width:768px){.sidebar-collapsed .main-content{margin-left:0}}.dashboard-header{box-sizing:border-box;border-bottom:1px solid var(--border-subtle);background:var(--surface-primary);justify-content:space-between;align-items:center;padding:10px 24px;animation:.3s ease-out forwards fadeIn;display:flex}.header-title{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.header-count-mobile{display:none}.header-title-desktop{display:inline}.header-title-mobile{display:none}.header-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:13px;display:flex}.page-content{flex:1;padding:20px 24px;animation:.4s ease-out forwards fadeIn;overflow-y:auto}.main-content{flex-direction:column;flex:1;min-height:0;margin-left:260px;padding:0;display:flex;overflow:hidden}.main-content:has(.page-dashboard) .main-content-inner,.main-content:has(.page-ide) .main-content-inner{overflow:hidden}.main-content-inner{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.page-header{margin-bottom:32px}.page-header h1{letter-spacing:-.02em;margin-bottom:6px;font-size:28px;font-weight:700}.page-header p{color:var(--text-secondary);font-size:15px}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition);padding:24px;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0a}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-glow),0 4px 16px #0000004d,inset 0 1px #ffffff0a;transform:translateY(-1px)}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{letter-spacing:-.01em;font-size:16px;font-weight:600}.btn{border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--transition);letter-spacing:-.01em;border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;border:none}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-accent)}.btn-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b40}.btn-warning:hover{background:#f59e0b33;border-color:#f59e0b66}.btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.btn-danger:hover{background:#ef444433;border-color:#ef444466}.btn-sm{padding:6px 14px;font-size:13px}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.login-page{background:var(--bg-primary);min-height:100dvh;padding:20px 16px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf626,#0000 60%);width:600px;height:600px;position:absolute;top:-200px;right:-100px}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf814,#0000 60%);width:500px;height:500px;position:absolute;bottom:-150px;left:-100px}.login-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:420px;box-shadow:var(--shadow-lg);z-index:1;flex-shrink:0;padding:48px;position:relative}@media (max-width:480px){.login-card{border-radius:var(--radius-lg);padding:32px 24px}}.login-card h1{text-align:center;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800}.login-card p{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:15px}.login-btn{border-radius:var(--radius-md);width:100%;font-size:15px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--transition);border:1px solid var(--border-default);background:var(--bg-glass);color:var(--text-primary);justify-content:center;align-items:center;gap:10px;margin-bottom:12px;padding:14px;display:flex}.login-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-btn svg{width:20px;height:20px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}.mobile-menu-btn{z-index:100;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:none;position:fixed;top:10px;left:14px}.sidebar-overlay{z-index:25;background:#00000080;display:none;position:fixed;top:0;right:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 8px 24px;display:flex}.sidebar .sidebar-logo{border-bottom:none;margin-bottom:0;padding:0}.sidebar-close-btn{border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;font-size:18px;display:none}.mobile-menu-icon{background:currentColor;border-radius:1px;width:20px;height:2px;display:block}@media (max-width:768px){.mobile-menu-btn{display:flex}.sidebar{transition:transform .25s ease-out;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn{display:flex}.sidebar-collapsed .sidebar-close-btn{display:none}.sidebar-overlay{display:block}.app-layout.mobile-menu-open .mobile-menu-btn{visibility:hidden}.main-content{margin-left:0;padding:0}.desktop-only{display:none!important}.page-dashboard{padding-top:0}.dashboard-header{box-sizing:border-box;min-height:56px;padding:10px 14px 10px 60px}.header-title{margin:0;font-size:14px}.header-subtitle{display:none!important}.header-count-mobile{display:inline!important}.header-title-desktop{display:none!important}.header-title-mobile{display:inline!important}.dashboard-header .btn-sm{min-width:32px!important;min-height:32px!important;padding:4px 8px!important;font-size:11px!important}.page-content{padding:16px 12px}.page-header{margin-bottom:16px;padding-left:44px}.page-header h1{font-size:20px}.page-header p{font-size:13px}}.dashboard-agent-tabs{flex-shrink:0;min-height:72px}.dashboard-agent-tabs::-webkit-scrollbar{height:4px}.dashboard-agent-tabs::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.typing-indicator{align-items:center;gap:6px;padding:14px 20px;display:flex}.typing-indicator .dot{background:var(--accent-primary-light);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-bounce}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}.status-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:9px;font-weight:700;display:inline-flex}.status-pill.idle{color:var(--text-muted);background:#94a3b81a}.status-pill.working{color:#10b981;background:#10b98126}.tab-spinner{border:2px solid #10b98133;border-top-color:#10b981;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.8s linear infinite spin}.tab-connecting-spinner{border:2px solid #60a5fa33;border-top-color:#60a5fa;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1.2s linear infinite spin}@keyframes connecting-float{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-12px)}}.connecting-logo-float{animation:2s ease-in-out infinite connecting-float}@keyframes connecting-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.connecting-dots:after{content:"";animation:1.5s steps(4,end) infinite connecting-dots}.status-pill.waiting{color:#f59e0b;background:#f59e0b26}.status-bar{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);align-items:center;gap:8px;padding:6px 20px;font-size:11px;font-weight:600;transition:all .3s;display:flex}.status-bar.generating{color:#10b981;background:#10b9810f;border-top-color:#10b98133}.status-bar.waiting_approval{color:#f59e0b;background:#f59e0b0f;border-top-color:#f59e0b33}.status-bar.idle{color:var(--text-muted)}.status-bar .status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-bar.generating .status-dot{background:#10b981;animation:1.5s ease-in-out infinite pulse-dot}.status-bar.waiting_approval .status-dot{background:#f59e0b;animation:1s ease-in-out infinite pulse-dot}.status-bar.idle .status-dot{background:#64748b}.desktop-only{display:none}@media (min-width:769px){.desktop-only{display:inline}}.empty-dashboard{opacity:.6;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:40px;display:flex}.empty-dashboard .glow-orb{background:radial-gradient(circle,#8b5cf633,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:48px;animation:3s ease-in-out infinite orb-float;display:flex}@keyframes orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.page-dashboard{flex:1;min-height:0}.dashboard-header{min-height:40px;padding:6px 12px 6px 56px}.dashboard-agent-tabs{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:4px;min-height:48px;padding:6px}.dashboard-agent-tabs>div{scroll-snap-align:start;min-width:140px;max-width:180px;padding:8px 10px}.page-dashboard .chat-markdown{font-size:13px}.dashboard-input-area{padding-top:6px!important;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))!important}.status-bar{padding:4px 12px;font-size:10px}.page-dashboard .card.fade-in{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.page-dashboard [style*=aspectRatio]{max-height:100px;aspect-ratio:3!important}.dashboard-header button,.dashboard-header a{justify-content:center;align-items:center;min-width:32px;min-height:32px;display:flex}}@media (max-width:375px){.dashboard-header{padding:8px 8px 8px 52px}.dashboard-agent-tabs>div{min-width:120px;max-width:150px}}@media (display-mode:standalone){.landing-nav{display:none}body{-webkit-user-select:none;user-select:none;padding-top:env(safe-area-inset-top,0px)}.sidebar{padding-top:calc(24px + env(safe-area-inset-top,0px))}.mobile-menu-btn{top:calc(10px + env(safe-area-inset-top,0px))}.chat-markdown,.agent-chat-bubble{-webkit-user-select:text;user-select:text}}@media (hover:none){.feature-card:hover,.step:hover,.pricing-card:hover,.supported-item:hover{box-shadow:none!important;transform:none!important}.agent-chat-bubble:hover{transform:none!important}}@media (max-height:500px) and (max-width:900px){.dashboard-agent-tabs{min-height:52px!important}.status-bar{padding:2px 12px!important}}.machine-card{background:var(--bg-secondary);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-default);border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.machine-card.offline{border-color:var(--border-subtle)}.machine-card:hover{border-color:var(--border-accent)}.machine-accent{background:linear-gradient(90deg,#a78bfa,#8b5cf6 40%,#7c3aed);height:2px}.machine-accent.offline{background:var(--border-subtle)}.machine-btn{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-default);cursor:pointer;font-size:11px;font-family:var(--font);border-radius:6px;padding:4px 10px;transition:all .2s}.machine-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-accent)}.machine-btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);border:none;border-radius:8px;padding:8px 16px;transition:all .2s}.machine-btn-primary:hover{opacity:.9}.machine-btn-back{background:var(--bg-glass);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;font-size:14px;font-family:var(--font);border-radius:8px;padding:6px 12px;transition:all .2s}.machine-btn-back:hover{background:var(--bg-glass-hover)}.machine-input{border:1px solid var(--border-default);background:var(--bg-secondary);color:var(--text-primary);font-size:12px;font-family:var(--font);border-radius:8px;outline:none;padding:8px 12px;transition:border-color .2s}.machine-input:focus{border-color:var(--border-accent)}.p2p-overlay{z-index:10;background:var(--bg-glass);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.3s ease-out fadeIn;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.machine-tabs{gap:2px;margin-top:14px;display:flex}.machine-tab{cursor:pointer;color:var(--text-muted);font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;padding:8px 16px;transition:all .2s}.machine-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:#8b5cf61f}.machine-tab:hover:not(.active){color:var(--text-secondary);background:var(--bg-glass)}.machine-tab .tab-count{border-radius:10px;margin-left:6px;padding:1px 6px;font-size:10px}.machine-tab.active .tab-count{color:var(--accent-primary);background:#8b5cf633}.machine-tab:not(.active) .tab-count{background:var(--bg-glass);color:var(--text-muted)}@media (max-width:768px){.machine-card{border-radius:10px}.section-panel{padding:12px 14px}.machine-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.machine-tab{white-space:nowrap;padding:6px 12px;font-size:12px}.machine-empty{padding:40px 20px}}.playground-panel{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);animation:.3s ease-out fadeIn;overflow:hidden}.playground-header{border-bottom:1px solid var(--border-subtle);background:#8b5cf60a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.playground-header h3{align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.playground-body{padding:20px}.playground-presets{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.preset-btn{cursor:pointer;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:12px;font-weight:500;font-family:var(--font);background:#ffffff08;border-radius:6px;padding:5px 12px;transition:all .15s}.preset-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#8b5cf60f}.preset-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#8b5cf61a}.preset-method{opacity:.7;margin-right:4px;font-size:10px;font-weight:700}.playground-url-bar{gap:8px;margin-bottom:12px;display:flex}.playground-method-select{border:1px solid var(--border-subtle);cursor:pointer;width:100px;font-size:13px;font-weight:700;font-family:var(--font);background:#0000004d;border-radius:8px;outline:none;padding:10px 12px;transition:border-color .2s}.playground-method-select:focus{border-color:var(--accent-primary)}.playground-method-select.method-get{color:#22c55e}.playground-method-select.method-post{color:#3b82f6}.playground-method-select.method-patch{color:#f59e0b}.playground-method-select.method-delete{color:#ef4444}.playground-path-input{border:1px solid var(--border-subtle);color:var(--text-primary);box-sizing:border-box;background:#0000004d;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-family:ui-monospace,monospace;font-size:13px;transition:border-color .2s}.playground-path-input:focus{border-color:var(--accent-primary)}.playground-send-btn{cursor:pointer;background:var(--accent-gradient);color:#fff;min-width:80px;font-size:13px;font-weight:700;font-family:var(--font);border:none;border-radius:8px;padding:10px 20px;transition:all .2s}.playground-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}.playground-send-btn:disabled{color:var(--text-muted);cursor:wait;background:#64748b33}.playground-body-editor{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;background:#0000004d;border-radius:8px;outline:none;min-height:100px;padding:12px 14px;font-family:ui-monospace,monospace;font-size:13px;line-height:1.5;transition:border-color .2s}.playground-body-editor:focus{border-color:var(--accent-primary)}.playground-response{border:1px solid var(--border-subtle);border-radius:10px;margin-top:16px;animation:.25s ease-out fadeIn;overflow:hidden}.playground-response-bar{border-bottom:1px solid var(--border-subtle);background:#0003;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.playground-response-status{align-items:center;gap:10px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.playground-response-body{color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;background:#00000026;max-height:400px;margin:0;padding:14px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.6;overflow:auto}.json-key{color:#818cf8}.json-string{color:#22c55e}.json-number{color:#f59e0b}.json-bool{color:#38bdf8}.json-null{color:#64748b;font-style:italic}.playground-toolbar{gap:6px;margin-top:8px;display:flex}.playground-tool-btn{cursor:pointer;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:11px;font-family:var(--font);background:0 0;border-radius:6px;padding:4px 10px;transition:all .15s}.playground-tool-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary-light);background:#8b5cf60f}.apikey-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:14px;padding:18px 20px;transition:all .2s}.apikey-card:hover{border-color:var(--border-default);background:var(--bg-glass-hover)}.apikey-scope-tag{border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.apikey-created-banner{background:#22c55e14;border:1px solid #22c55e4d;border-radius:14px;margin-bottom:20px;padding:20px;animation:.3s ease-out fadeIn}.history-panel{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:12px}.history-item{cursor:pointer;color:var(--text-muted);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;transition:all .15s;display:flex}.history-item:hover{background:var(--bg-glass-hover);color:var(--text-secondary)}.history-method{text-align:center;border-radius:4px;min-width:36px;padding:2px 6px;font-size:10px;font-weight:700}.history-method.get{color:#22c55e;background:#22c55e26}.history-method.post{color:#3b82f6;background:#3b82f626}.history-method.patch{color:#f59e0b;background:#f59e0b26}.history-method.delete{color:#ef4444;background:#ef444426}@media (max-width:768px){.playground-url-bar{flex-direction:column}.playground-method-select{width:100%}.playground-presets{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}}.admin-select{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:6px;padding:6px 10px;font-size:13px}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-\[3px\]{top:3px}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:calc(var(--spacing) * 0)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-10{bottom:calc(var(--spacing) * 10)}.bottom-full{bottom:100%}.-left-1{left:calc(var(--spacing) * -1)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.z-10{z-index:10}.z-50{z-index:50}.z-\[3\]{z-index:3}.z-\[5\]{z-index:5}.z-\[59\]{z-index:59}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.z-\[1000\]{z-index:1000}.z-\[2000\]{z-index:2000}.z-\[9999\]{z-index:9999}.col-span-full{grid-column:1/-1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-px{margin-top:1px}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-\[5px\]{height:5px}.h-\[6px\]{height:6px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[200px\]{max-height:200px}.max-h-\[220px\]{max-height:220px}.max-h-\[500px\]{max-height:500px}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[200px\]{min-height:200px}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-48{width:calc(var(--spacing) * 48)}.w-\[5px\]{width:5px}.w-\[6px\]{width:6px}.w-\[90\%\]{width:90%}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[140px\]{width:140px}.w-\[220px\]{width:220px}.w-full{width:100%}.w-px{width:1px}.max-w-20{max-width:calc(var(--spacing) * 20)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-\[75\%\]{max-width:75%}.max-w-\[88\%\]{max-width:88%}.max-w-\[100px\]{max-width:100px}.max-w-\[280px\]{max-width:280px}.max-w-\[360px\]{max-width:360px}.max-w-\[380px\]{max-width:380px}.max-w-\[480px\]{max-width:480px}.max-w-\[500px\]{max-width:500px}.max-w-\[560px\]{max-width:560px}.max-w-\[860px\]{max-width:860px}.max-w-\[min\(100\%\,360px\)\]{max-width:min(100%,360px)}.max-w-\[min\(100\%\,420px\)\]{max-width:min(100%,420px)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[32px\]{min-width:32px}.min-w-\[75px\]{min-width:75px}.min-w-\[80px\]{min-width:80px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[fadeIn_0\.3s_ease\]{animation:.3s fadeIn}.animate-\[p2p-pulse_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite p2p-pulse}.animate-\[pulse-dot_2s_ease-in-out_infinite\]{animation:2s ease-in-out infinite pulse-dot}.animate-\[toast-in_0\.3s_ease-out\]{animation:.3s ease-out toast-in}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[100px_1fr\]{grid-template-columns:100px 1fr}.grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(220px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(250px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.\!items-stretch{align-items:stretch!important}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[5px\]{gap:5px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[5px\]{border-radius:5px}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[2\.5px\]{border-style:var(--tw-border-style);border-width:2.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.\!border-green-500\/30{border-color:#00c7584d!important}@supports (color:color-mix(in lab,red,red)){.\!border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500) 30%,transparent)!important}}.border-accent{border-color:var(--color-accent)}.border-amber-500\/15{border-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/15{border-color:color-mix(in oklab,var(--color-amber-500) 15%,transparent)}}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/20{border-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.border-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/30{border-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}}.border-blue-500\/40{border-color:#3080ff66}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/40{border-color:color-mix(in oklab,var(--color-blue-500) 40%,transparent)}}.border-blue-500\/\[0\.12\]{border-color:#3080ff1f}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/\[0\.12\]{border-color:color-mix(in oklab,var(--color-blue-500) 12%,transparent)}}.border-border-default{border-color:var(--color-border-default)}.border-border-subtle,.border-border-subtle\/50{border-color:var(--color-border-subtle)}@supports (color:color-mix(in lab,red,red)){.border-border-subtle\/50{border-color:color-mix(in oklab,var(--color-border-subtle) 50%,transparent)}}.border-emerald-500\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/20{border-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.border-emerald-500\/40{border-color:#00bb7f66}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/40{border-color:color-mix(in oklab,var(--color-emerald-500) 40%,transparent)}}.border-emerald-500\/\[0\.12\]{border-color:#00bb7f1f}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/\[0\.12\]{border-color:color-mix(in oklab,var(--color-emerald-500) 12%,transparent)}}.border-gray-500\/10{border-color:#6a72821a}@supports (color:color-mix(in lab,red,red)){.border-gray-500\/10{border-color:color-mix(in oklab,var(--color-gray-500) 10%,transparent)}}.border-gray-500\/30{border-color:#6a72824d}@supports (color:color-mix(in lab,red,red)){.border-gray-500\/30{border-color:color-mix(in oklab,var(--color-gray-500) 30%,transparent)}}.border-green-500\/15{border-color:#00c75826}@supports (color:color-mix(in lab,red,red)){.border-green-500\/15{border-color:color-mix(in oklab,var(--color-green-500) 15%,transparent)}}.border-green-500\/20{border-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.border-green-500\/20{border-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500) 30%,transparent)}}.border-indigo-500\/30{border-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.border-indigo-500\/30{border-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent)}}.border-orange-500\/10{border-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/10{border-color:color-mix(in oklab,var(--color-orange-500) 10%,transparent)}}.border-orange-500\/20{border-color:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/20{border-color:color-mix(in oklab,var(--color-orange-500) 20%,transparent)}}.border-orange-500\/30{border-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/30{border-color:color-mix(in oklab,var(--color-orange-500) 30%,transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.border-violet-500\/10{border-color:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/10{border-color:color-mix(in oklab,var(--color-violet-500) 10%,transparent)}}.border-violet-500\/15{border-color:#8d54ff26}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/15{border-color:color-mix(in oklab,var(--color-violet-500) 15%,transparent)}}.border-violet-500\/20{border-color:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/20{border-color:color-mix(in oklab,var(--color-violet-500) 20%,transparent)}}.border-violet-500\/25{border-color:#8d54ff40}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/25{border-color:color-mix(in oklab,var(--color-violet-500) 25%,transparent)}}.border-violet-500\/30{border-color:#8d54ff4d}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/30{border-color:color-mix(in oklab,var(--color-violet-500) 30%,transparent)}}.border-violet-500\/40{border-color:#8d54ff66}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/40{border-color:color-mix(in oklab,var(--color-violet-500) 40%,transparent)}}.border-violet-500\/\[0\.12\]{border-color:#8d54ff1f}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/\[0\.12\]{border-color:color-mix(in oklab,var(--color-violet-500) 12%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/\[0\.08\]{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/\[0\.08\]{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.border-yellow-500\/20{border-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/20{border-color:color-mix(in oklab,var(--color-yellow-500) 20%,transparent)}}.border-yellow-500\/30{border-color:#edb2004d}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/30{border-color:color-mix(in oklab,var(--color-yellow-500) 30%,transparent)}}.bg-\[\#0d0d0d\]{background-color:#0d0d0d}.bg-\[\#0f1117\]{background-color:#0f1117}.bg-\[var\(--bg-glass-hover\)\]{background-color:var(--bg-glass-hover)}.bg-\[var\(--surface-primary\)\]{background-color:var(--surface-primary)}.bg-\[var\(--surface-secondary\)\]{background-color:var(--surface-secondary)}.bg-\[var\(--surface-tertiary\)\]{background-color:var(--surface-tertiary)}.bg-accent,.bg-accent\/10{background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/10{background-color:color-mix(in oklab,var(--color-accent) 10%,transparent)}}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/15{background-color:color-mix(in oklab,var(--color-amber-500) 15%,transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/20{background-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.bg-amber-500\/\[0\.08\]{background-color:#f99c0014}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-amber-500) 8%,transparent)}}.bg-bg-card{background-color:var(--color-bg-card)}.bg-bg-glass{background-color:var(--color-bg-glass)}.bg-bg-primary{background-color:var(--color-bg-primary)}.bg-bg-secondary{background-color:var(--color-bg-secondary)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black) 55%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-black\/75{background-color:#000000bf}@supports (color:color-mix(in lab,red,red)){.bg-black\/75{background-color:color-mix(in oklab,var(--color-black) 75%,transparent)}}.bg-blue-500\/25{background-color:#3080ff40}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/25{background-color:color-mix(in oklab,var(--color-blue-500) 25%,transparent)}}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-emerald-500\/25{background-color:#00bb7f40}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/25{background-color:color-mix(in oklab,var(--color-emerald-500) 25%,transparent)}}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-500\/10{background-color:#6a72821a}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/10{background-color:color-mix(in oklab,var(--color-gray-500) 10%,transparent)}}.bg-gray-500\/\[0\.06\]{background-color:#6a72820f}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-gray-500) 6%,transparent)}}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500) 10%,transparent)}}.bg-green-500\/\[0\.06\]{background-color:#00c7580f}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-green-500) 6%,transparent)}}.bg-green-500\/\[0\.08\]{background-color:#00c75814}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-green-500) 8%,transparent)}}.bg-indigo-500\/10{background-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/10{background-color:color-mix(in oklab,var(--color-indigo-500) 10%,transparent)}}.bg-indigo-500\/\[0\.06\]{background-color:#625fff0f}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-indigo-500) 6%,transparent)}}.bg-neutral-950\/\[0\.98\]{background-color:#0a0a0afa}@supports (color:color-mix(in lab,red,red)){.bg-neutral-950\/\[0\.98\]{background-color:color-mix(in oklab,var(--color-neutral-950) 98%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-500\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/10{background-color:color-mix(in oklab,var(--color-orange-500) 10%,transparent)}}.bg-orange-500\/\[0\.04\]{background-color:#fe6e000a}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-orange-500) 4%,transparent)}}.bg-orange-500\/\[0\.08\]{background-color:#fe6e0014}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-orange-500) 8%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.bg-red-500\/30{background-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/30{background-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.bg-red-500\/\[0\.06\]{background-color:#fb2c360f}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-red-500) 6%,transparent)}}.bg-red-500\/\[0\.08\]{background-color:#fb2c3614}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-red-500) 8%,transparent)}}.bg-text-muted,.bg-text-muted\/30{background-color:var(--color-text-muted)}@supports (color:color-mix(in lab,red,red)){.bg-text-muted\/30{background-color:color-mix(in oklab,var(--color-text-muted) 30%,transparent)}}.bg-transparent{background-color:#0000}.bg-violet-400{background-color:var(--color-violet-400)}.bg-violet-500\/10{background-color:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/10{background-color:color-mix(in oklab,var(--color-violet-500) 10%,transparent)}}.bg-violet-500\/15{background-color:#8d54ff26}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/15{background-color:color-mix(in oklab,var(--color-violet-500) 15%,transparent)}}.bg-violet-500\/\[0\.04\]{background-color:#8d54ff0a}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-violet-500) 4%,transparent)}}.bg-violet-500\/\[0\.06\]{background-color:#8d54ff0f}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-violet-500) 6%,transparent)}}.bg-violet-500\/\[0\.08\]{background-color:#8d54ff14}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-violet-500) 8%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.bg-white\/\[0\.08\]{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-500\/10{background-color:#edb2001a}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/10{background-color:color-mix(in oklab,var(--color-yellow-500) 10%,transparent)}}.bg-yellow-500\/15{background-color:#edb20026}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/15{background-color:color-mix(in oklab,var(--color-yellow-500) 15%,transparent)}}.bg-yellow-500\/\[0\.08\]{background-color:#edb20014}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-yellow-500) 8%,transparent)}}.bg-zinc-500\/10{background-color:#71717b1a}@supports (color:color-mix(in lab,red,red)){.bg-zinc-500\/10{background-color:color-mix(in oklab,var(--color-zinc-500) 10%,transparent)}}.bg-zinc-600{background-color:var(--color-zinc-600)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-600{--tw-gradient-from:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-500\/\[0\.12\]{--tw-gradient-from:#00c7581f}@supports (color:color-mix(in lab,red,red)){.from-green-500\/\[0\.12\]{--tw-gradient-from:color-mix(in oklab, var(--color-green-500) 12%, transparent)}}.from-green-500\/\[0\.12\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-700{--tw-gradient-to:var(--color-amber-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-500\/\[0\.04\]{--tw-gradient-to:#00c7580a}@supports (color:color-mix(in lab,red,red)){.to-green-500\/\[0\.04\]{--tw-gradient-to:color-mix(in oklab, var(--color-green-500) 4%, transparent)}}.to-green-500\/\[0\.04\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-10{padding:calc(var(--spacing) * 10)}.p-\[10px_12px\]{padding:10px 12px}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-\[5px\]{padding-inline:5px}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7\.5{padding-block:calc(var(--spacing) * 7.5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-\[7px\]{padding-block:7px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[56px\]{font-size:56px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[var\(--accent-primary\)\]{color:var(--accent-primary)}.text-\[var\(--accent-primary-light\)\]{color:var(--accent-primary-light)}.text-accent{color:var(--color-accent)}.text-accent-light{color:var(--color-accent-light)}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-blue-400{color:var(--color-blue-400)}.text-border-subtle{color:var(--color-border-subtle)}.text-current{color:currentColor}.text-cyan-500{color:var(--color-cyan-500)}.text-emerald-500{color:var(--color-emerald-500)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-indigo-400{color:var(--color-indigo-400)}.text-inherit{color:inherit}.text-neutral-500{color:var(--color-neutral-500)}.text-orange-400{color:var(--color-orange-400)}.text-orange-500{color:var(--color-orange-500)}.text-red-400{color:var(--color-red-400)}.text-red-400\/90{color:#ff6568e6}@supports (color:color-mix(in lab,red,red)){.text-red-400\/90{color:color-mix(in oklab,var(--color-red-400) 90%,transparent)}}.text-red-500{color:var(--color-red-500)}.text-slate-400{color:var(--color-slate-400)}.text-text-muted,.text-text-muted\/60{color:var(--color-text-muted)}@supports (color:color-mix(in lab,red,red)){.text-text-muted\/60{color:color-mix(in oklab,var(--color-text-muted) 60%,transparent)}}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-violet-400{color:var(--color-violet-400)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-zinc-400{color:var(--color-zinc-400)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.accent-accent{accent-color:var(--color-accent)}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-4px_16px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 -4px 16px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_4px_rgba\(34\,197\,94\,0\.4\)\]{--tw-shadow:0 0 4px var(--tw-shadow-color,#22c55e66);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_4px_rgba\(139\,92\,246\,0\.4\)\]{--tw-shadow:0 0 4px var(--tw-shadow-color,#8b5cf666);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 8px 32px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.22\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_40px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 20px 40px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 8px 24px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[30px\]{--tw-backdrop-blur:blur(30px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-\[600ms\]{--tw-duration:.6s;transition-duration:.6s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:bg-accent\/10:is(:where(.group):hover *){background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-accent\/10:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-accent) 10%,transparent)}}}.placeholder\:text-text-muted\/50::placeholder{color:var(--color-text-muted)}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-text-muted\/50::placeholder{color:color-mix(in oklab,var(--color-text-muted) 50%,transparent)}}@media (hover:hover){.hover\:border-accent\/40:hover{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.hover\:border-accent\/40:hover{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}}.hover\:border-border-default:hover{border-color:var(--color-border-default)}.hover\:bg-accent\/30:hover{background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/30:hover{background-color:color-mix(in oklab,var(--color-accent) 30%,transparent)}}.hover\:bg-amber-500\/30:hover{background-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-500\/30:hover{background-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}}.hover\:bg-amber-500\/\[0\.15\]:hover{background-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-500\/\[0\.15\]:hover{background-color:color-mix(in oklab,var(--color-amber-500) 15%,transparent)}}.hover\:bg-bg-glass:hover{background-color:var(--color-bg-glass)}.hover\:bg-bg-glass-hover:hover{background-color:var(--color-bg-glass-hover)}.hover\:bg-bg-secondary:hover{background-color:var(--color-bg-secondary)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-green-500\/\[0\.12\]:hover{background-color:#00c7581f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-green-500\/\[0\.12\]:hover{background-color:color-mix(in oklab,var(--color-green-500) 12%,transparent)}}.hover\:bg-orange-500\/10:hover{background-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-orange-500\/10:hover{background-color:color-mix(in oklab,var(--color-orange-500) 10%,transparent)}}.hover\:bg-red-500\/30:hover{background-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/30:hover{background-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.hover\:bg-red-500\/50:hover{background-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/50:hover{background-color:color-mix(in oklab,var(--color-red-500) 50%,transparent)}}.hover\:bg-violet-500\/10:hover{background-color:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-violet-500\/10:hover{background-color:color-mix(in oklab,var(--color-violet-500) 10%,transparent)}}.hover\:bg-violet-500\/20:hover{background-color:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-violet-500\/20:hover{background-color:color-mix(in oklab,var(--color-violet-500) 20%,transparent)}}.hover\:bg-violet-500\/\[0\.12\]:hover{background-color:#8d54ff1f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-violet-500\/\[0\.12\]:hover{background-color:color-mix(in oklab,var(--color-violet-500) 12%,transparent)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.hover\:bg-zinc-500\/20:hover{background-color:#71717b33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-zinc-500\/20:hover{background-color:color-mix(in oklab,var(--color-zinc-500) 20%,transparent)}}.hover\:text-amber-300:hover{color:var(--color-amber-300)}.hover\:text-red-300:hover{color:var(--color-red-300)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-text-secondary:hover{color:var(--color-text-secondary)}.hover\:text-violet-300:hover{color:var(--color-violet-300)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-glow:hover{--tw-shadow:0 0 20px var(--tw-shadow-color,#8b5cf626), 0 0 40px var(--tw-shadow-color,#8b5cf60d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-accent:focus{border-color:var(--color-accent)}.focus\:border-violet-500\/40:focus{border-color:#8d54ff66}@supports (color:color-mix(in lab,red,red)){.focus\:border-violet-500\/40:focus{border-color:color-mix(in oklab,var(--color-violet-500) 40%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:48rem){.md\:block{display:block}.md\:inline{display:inline}.md\:w-\[200px\]{width:200px}.md\:gap-2{gap:calc(var(--spacing) * 2)}.md\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
@@ -37,7 +37,7 @@ var Cs=Object.defineProperty;var Is=(t,s,a)=>s in t?Cs(t,s,{enumerable:!0,config
37
37
  }
38
38
  `})]})}function gs({activeConv:t,onModalButton:s}){const[a,r]=n.useState(null);if(n.useEffect(()=>{r(null)},[t.modalMessage,t.status]),t.status!=="waiting_approval"||!t.modalButtons)return null;const i=o=>{a||(r(o),s(o))},c=o=>o.replace(/[⌥⏎⇧⌫⌘⌃↵]/g,"").replace(/\s*(Alt|Ctrl|Shift|Cmd|Enter|Return|Esc|Tab|Backspace)(\+\s*\w+)*/gi,"").trim();return e.jsxs("div",{className:"bg-gradient-to-br from-amber-600 to-amber-700 text-white py-2.5 px-4 shrink-0 z-[5]",children:[t.modalMessage&&e.jsx("div",{className:"text-[11px] opacity-85 mb-1.5 whitespace-nowrap overflow-hidden text-ellipsis max-w-full",children:t.modalMessage.replace(/[\n\r]+/g," ").slice(0,120)}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsxs("div",{className:"font-black text-xs flex items-center gap-2",children:[e.jsx(xs,{size:14})," ",a?"PROCESSING...":"ACTION REQUIRED"]}),e.jsx("div",{className:"flex gap-2 flex-wrap",children:t.modalButtons.map((o,p)=>{const u=c(o).toLowerCase(),m=/^(run|approve|accept|yes|allow|always)/.test(u),l=/^(reject|deny|delete|remove|abort)/.test(u),d=a===o,v=a!==null;return e.jsx("button",{onClick:()=>i(o),disabled:v,className:`btn btn-sm border-none rounded-md text-xs px-3 py-1 ${m?"bg-white text-amber-700 font-extrabold":l?"bg-red-500/30 text-white font-semibold":"bg-white/15 text-white font-semibold"} ${v&&!d?"opacity-40":"opacity-100"} ${v?"cursor-not-allowed":"cursor-pointer"}`,children:d?"⏳ ...":c(o)},p)})})]})]})}const Le=new Map;function un({ideId:t,ideType:s,agentType:a,agentName:r,serverModel:i,serverMode:c,acpConfigOptions:o,acpModes:p}){var L;const{sendCommand:u}=Ye(),m=!!(o||p),l=`${t}:${a}`,d=Le.get(l),[v,j]=n.useState(!1),[x,I]=n.useState(!1),[T,f]=n.useState((d==null?void 0:d.models)||[]),[N,B]=n.useState((d==null?void 0:d.modes)||[]),K=g=>g?typeof g=="string"?g:typeof g=="object"?g.name||g.id||JSON.stringify(g):String(g):"",[E,A]=n.useState(K(i)),[$,C]=n.useState(K(c)),[y,R]=n.useState(!1),[F,H]=n.useState(!1),Z=n.useRef(0),b=g=>g.map(D=>typeof D=="string"?D:(D==null?void 0:D.name)||(D==null?void 0:D.id)||String(D));n.useEffect(()=>{if(o){const g=o.find(D=>D.category==="model");if(g){const D=b(g.options.map(z=>z.value));f(D),g.currentValue&&A(K(g.currentValue));const h=Le.get(l)||{models:[],modes:[]};Le.set(l,{...h,models:D})}}if(p&&p.length>0){const g=b(p.map(h=>h.id));B(g);const D=Le.get(l)||{models:[],modes:[]};Le.set(l,{...D,modes:g})}else if(o){const g=o.find(D=>D.category!=="model");if(g){const D=b(g.options.map(z=>z.value));B(D),g.currentValue&&C(K(g.currentValue));const h=Le.get(l)||{models:[],modes:[]};Le.set(l,{...h,modes:D})}}},[o,p,l]),n.useEffect(()=>{j(!1),I(!1),A(K(i)),C(K(c));const g=Le.get(l);g?(f(g.models),B(g.modes)):(f([]),B([]))},[t,a]),n.useEffect(()=>{i&&Date.now()>Z.current&&A(K(i))},[i]),n.useEffect(()=>{c&&Date.now()>Z.current&&C(K(c))},[c]);const G=n.useCallback(async(g,D={})=>{const h={...D},z=t.split(":");return z.length>=3&&(z[1]==="ide"||z[1]==="cli"||z[1]==="acp")&&(h._targetInstance=z.slice(2).join(":"),h._targetType=z[1]),await u(t,g,h)},[t]),re=async()=>{var g,D;if(T.length>0){j(!v);return}if(m){j(!0);return}R(!0);try{const h=await G("list_extension_models",{agentType:a,ideType:s}),z=(h==null?void 0:h.models)||((g=h==null?void 0:h.result)==null?void 0:g.models)||[],Q=b(z);f(Q),h!=null&&h.current&&A(K(h.current)),(D=h==null?void 0:h.result)!=null&&D.current&&A(K(h.result.current));const xe=Le.get(l)||{models:[],modes:[]};Le.set(l,{...xe,models:Q}),j(!0)}catch{}finally{R(!1)}},V=async()=>{var g,D;if(N.length>0){I(!x);return}if(m){I(!0);return}H(!0);try{const h=await G("list_extension_modes",{agentType:a,ideType:s}),z=(h==null?void 0:h.modes)||((g=h==null?void 0:h.result)==null?void 0:g.modes)||[],Q=b(z);B(Q),h!=null&&h.current&&C(K(h.current)),(D=h==null?void 0:h.result)!=null&&D.current&&C(K(h.result.current));const xe=Le.get(l)||{models:[],modes:[]};Le.set(l,{...xe,modes:Q}),I(!0)}catch{}finally{H(!1)}},ee=async g=>{j(!1),A(g),Z.current=Date.now()+5e3;try{m?await G("change_model",{agentType:a,ideType:s,model:g}):await G("set_extension_model",{agentType:a,ideType:s,model:g})}catch{}},O=m&&!(p&&p.length>0)&&(o==null?void 0:o.some(g=>g.category!=="model")),ae=O?(L=o==null?void 0:o.find(g=>g.category!=="model"))==null?void 0:L.configId:void 0,oe=async g=>{I(!1),C(g),Z.current=Date.now()+5e3;try{m&&O&&ae?await G("set_thought_level",{agentType:a,ideType:s,configId:ae,value:g}):m?await G("set_mode",{agentType:a,ideType:s,mode:g}):await G("set_extension_mode",{agentType:a,ideType:s,mode:g})}catch{}},ie={cline:"#22d3ee","roo-code":"#a78bfa",cursor:"#60a5fa",antigravity:"#f97316",windsurf:"#34d399"}[a]||"#94a3b8";return e.jsxs("div",{className:"flex items-center gap-1.5 px-3 py-1 flex-wrap text-[10px] border-t border-border-subtle bg-[var(--surface-primary)]",children:[e.jsx("span",{className:"text-[9px] font-bold tracking-wide uppercase opacity-70",style:{color:ie},children:r}),e.jsx("span",{className:"text-border-subtle text-[10px]",children:"│"}),e.jsxs("div",{className:"relative",children:[e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-xl text-[10px] font-medium cursor-pointer transition-all bg-[var(--surface-tertiary)] whitespace-nowrap max-w-40 overflow-hidden text-ellipsis",style:{borderColor:v?`${ie}55`:"transparent",border:"1px solid",color:E?"var(--text-primary)":"var(--text-muted)"},onClick:re,children:[e.jsx("span",{className:"text-[9px] opacity-60",children:"🤖"}),y?"...":E||"Model",e.jsx("span",{className:"text-[7px] opacity-50",children:"▼"})]}),v&&T.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-[59]",onClick:()=>j(!1)}),e.jsxs("div",{className:"absolute bottom-full left-0 z-[60] bg-[var(--surface-primary)] border border-border-subtle rounded-lg mb-1 max-h-[220px] overflow-y-auto min-w-40 shadow-[0_-4px_16px_rgba(0,0,0,0.3)]",children:[e.jsx("div",{className:"px-3 py-1.5 text-[9px] font-bold text-text-muted tracking-wider border-b border-border-subtle",children:"SELECT MODEL"}),T.map(g=>e.jsx("div",{className:"px-3 py-[7px] text-[11px] cursor-pointer whitespace-nowrap overflow-hidden text-ellipsis",style:{background:g===E?`${ie}18`:"transparent",color:g===E?ie:"var(--text-secondary)",fontWeight:g===E?600:400,borderLeft:g===E?`2px solid ${ie}`:"2px solid transparent"},onMouseEnter:D=>{D.currentTarget.style.background=`${ie}12`},onMouseLeave:D=>{D.currentTarget.style.background=g===E?`${ie}18`:"transparent"},onClick:()=>ee(g),children:g},g))]})]})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-xl text-[10px] font-medium cursor-pointer transition-all bg-[var(--surface-tertiary)] whitespace-nowrap max-w-40 overflow-hidden text-ellipsis",style:{borderColor:x?`${ie}55`:"transparent",border:"1px solid",color:$?"var(--text-primary)":"var(--text-muted)"},onClick:V,children:[e.jsx("span",{className:"text-[9px] opacity-60",children:O?"🧠":"⚡"}),F?"...":$||(O?"Thinking":"Mode"),e.jsx("span",{className:"text-[7px] opacity-50",children:"▼"})]}),x&&N.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-[59]",onClick:()=>I(!1)}),e.jsxs("div",{className:"absolute bottom-full left-0 z-[60] bg-[var(--surface-primary)] border border-border-subtle rounded-lg mb-1 max-h-[220px] overflow-y-auto min-w-40 shadow-[0_-4px_16px_rgba(0,0,0,0.3)]",children:[e.jsx("div",{className:"px-3 py-1.5 text-[9px] font-bold text-text-muted tracking-wider border-b border-border-subtle",children:O?"SELECT THINKING LEVEL":"SELECT MODE"}),N.map(g=>e.jsx("div",{className:"px-3 py-[7px] text-[11px] cursor-pointer whitespace-nowrap overflow-hidden text-ellipsis",style:{background:g===$?`${ie}18`:"transparent",color:g===$?ie:"var(--text-secondary)",fontWeight:g===$?600:400,borderLeft:g===$?`2px solid ${ie}`:"2px solid transparent"},onMouseEnter:D=>{D.currentTarget.style.background=`${ie}12`},onMouseLeave:D=>{D.currentTarget.style.background=g===$?`${ie}18`:"transparent"},onClick:()=>oe(g),children:g},g))]})]})]})]})}const Ue=t=>(t.ideId||t.tabKey||t.id||"").includes(":cli:"),Oe=t=>(t.ideId||t.tabKey||t.id||"").includes(":acp:");function bs({activeConv:t,ides:s,agentInput:a,setAgentInput:r,handleSendChat:i,handleFocusAgent:c,isFocusingAgent:o,messageReceivedAt:p,actionLogs:u,userName:m}){const l=n.useRef(null),{sendCommand:d}=Ye(),v=n.useRef(new Map),j=n.useCallback(y=>(v.current.has(y)||v.current.set(y,{messages:[],offset:0,hasMore:!0,error:null}),v.current.get(y)),[]),x=n.useCallback((y,R)=>{const F=j(y);v.current.set(y,{...F,...R}),I(H=>H+1)},[j]),[,I]=n.useState(0),T=t.tabKey,f=j(T),N=f.messages,B=f.hasMore,K=f.error,[E,A]=n.useState(!1),$=n.useCallback(async()=>{var F,H;if(E)return;const y=t.tabKey,R=j(y);A(!0),x(y,{error:null});try{const Z=s.find(ae=>ae.id===t.ideId),b=(Z==null?void 0:Z.daemonId)||((F=t.ideId)==null?void 0:F.split(":")[0])||"";if(!b){x(y,{hasMore:!1});return}const G=t.ideType||t.agentType||"",re=(t.ideId||"").split(":"),V=re.length>=3?re.slice(2).join(":"):void 0,ee=await d(b,"chat_history",{agentType:G,offset:R.offset,limit:30,instanceId:V}),O=(ee==null?void 0:ee.result)??ee;if(((H=O.messages)==null?void 0:H.length)>0){const ae=j(y);x(y,{messages:[...O.messages,...ae.messages],offset:ae.offset+O.messages.length,hasMore:!!O.hasMore})}else x(y,{hasMore:!!O.hasMore})}catch(Z){const b=(Z==null?void 0:Z.message)||"";b.includes("P2P not available")||b.includes("channel not open")||b.includes("P2P not connected")||b.includes("timeout")?x(y,{error:"Connection not ready — tap to retry"}):x(y,{hasMore:!1,error:"Failed to load history"})}finally{A(!1)}},[E,s,t,d,j,x]),C=(()=>{const y=t.messages.map((H,Z)=>{const b=`${t.ideId}-${H.id??`i-${Z}`}`;return{...H,receivedAt:H.receivedAt||p[b]||0}});if(N.length===0)return y;const R=new Set(y.map(H=>`${H.role}:${(H.content||"").slice(0,100)}`));return[...N.filter(H=>!R.has(`${H.role}:${(H.content||"").slice(0,100)}`)),...y]})();return e.jsxs(e.Fragment,{children:[e.jsx(cn,{messages:C,actionLogs:u.filter(y=>y.ideId===t.tabKey).sort((y,R)=>y.timestamp-R.timestamp),agentName:t.agentName||t.displayPrimary||"Agent",userName:m,isCliMode:Ue(t)||Oe(t),isWorking:t.status==="working",contextKey:t.tabKey,onLoadMore:$,isLoadingMore:E,hasMoreHistory:B,loadError:K??void 0,emptyState:t.messages.length===0?t.connectionState==="connecting"||t.connectionState==="new"?e.jsxs("div",{className:"text-center mt-16 flex flex-col items-center gap-4",children:[e.jsx("div",{className:"connecting-logo-float",children:e.jsx("div",{style:{width:64,height:64,borderRadius:"50%",background:"radial-gradient(circle, rgba(96,165,250,0.12), transparent 70%)",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 0 40px rgba(96,165,250,0.08)"},children:e.jsx("img",{src:"/otter-logo.png",alt:"ADHDev",style:{width:40,height:40,borderRadius:"50%",opacity:.85}})})}),e.jsxs("div",{className:"flex flex-col items-center gap-1.5",children:[e.jsxs("div",{className:"text-[13px] text-blue-400 font-medium",children:["Connecting to your machine",e.jsx("span",{className:"connecting-dots"})]}),e.jsx("div",{className:"text-[11px] opacity-35",children:"Establishing P2P connection"})]})]}):t.status==="not_monitored"?e.jsxs("div",{className:"text-center mt-16 flex flex-col items-center gap-3",children:[e.jsx("div",{className:"text-3xl opacity-60",children:e.jsx(ms,{size:28})}),e.jsx("div",{className:"text-[13px] opacity-50",children:"Agent not monitored"}),e.jsx("button",{onClick:c,disabled:o,className:"btn btn-primary",children:o?"⌛ Switching...":e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(At,{size:14})," Open ",t.displayPrimary," Panel"]})}),e.jsx("div",{className:"text-[11px] opacity-35 max-w-[280px]",children:"Click to switch monitoring to this agent"})]}):t.status==="panel_hidden"?e.jsxs("div",{className:"text-center mt-16 flex flex-col items-center gap-3",children:[e.jsx("div",{className:"text-3xl opacity-60",children:e.jsx(en,{size:28})}),e.jsx("div",{className:"text-[13px] opacity-50",children:"Panel is not visible in IDE"}),e.jsx("button",{onClick:c,disabled:o,className:"btn btn-primary",children:o?"⌛ Opening...":e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(At,{size:14})," Open ",t.displayPrimary," Panel"]})}),e.jsx("div",{className:"text-[11px] opacity-35 max-w-[280px]",children:"Open the agent sidebar in your IDE to start viewing messages"})]}):t.status==="idle"&&!E?e.jsxs("div",{className:"text-center mt-16 flex flex-col items-center gap-3",children:[e.jsx("div",{className:"text-2xl opacity-40 animate-pulse",children:"💬"}),e.jsx("div",{className:"text-[13px] opacity-40",children:"Loading chat..."})]}):void 0:void 0}),!Ue(t)&&(()=>{var R,F,H,Z;const y=s.find(b=>b.id===t.ideId);return e.jsx(un,{ideId:t.ideId,ideType:t.ideType,agentType:t.streamSource==="agent-stream"?t.agentType:((F=(R=y==null?void 0:y.agents)==null?void 0:R[0])==null?void 0:F.type)||t.ideType,agentName:t.streamSource==="agent-stream"?t.agentName:((Z=(H=y==null?void 0:y.agents)==null?void 0:H[0])==null?void 0:Z.name)||t.agentName,serverModel:(y==null?void 0:y.currentModel)||void 0,serverMode:(y==null?void 0:y.currentPlan)||void 0,acpConfigOptions:Oe(t)?y==null?void 0:y.acpConfigOptions:void 0,acpModes:Oe(t)?y==null?void 0:y.acpModes:void 0})})(),e.jsx("div",{className:"dashboard-input-area px-3 py-2.5 bg-[var(--surface-primary)] border-t border-border-subtle shrink-0",children:e.jsxs("div",{className:"flex gap-2.5 items-center",children:[e.jsx("div",{className:"flex-1 relative",children:e.jsx("input",{ref:l,type:"text",placeholder:`Send message to ${t.displayPrimary}...`,value:a,onChange:y=>r(y.target.value),onPaste:y=>{const R=y.clipboardData.getData("text");R&&r(F=>F+R),y.preventDefault()},onKeyDown:y=>{if(y.key==="Enter"){if(y.nativeEvent.isComposing){y.preventDefault();return}y.preventDefault(),i()}},onBlur:y=>{if(window.innerWidth<768){const R=y.relatedTarget;if((R==null?void 0:R.tagName)==="BUTTON")return;setTimeout(()=>{document.documentElement.scrollTop=0},300)}},className:"w-full h-10 rounded-[20px] px-4 bg-bg-secondary text-sm text-text-primary",style:{border:"1px solid var(--chat-input-border, var(--border-subtle))"}})}),e.jsx("button",{onClick:i,disabled:!a.trim(),className:`w-10 h-10 rounded-full flex items-center justify-center border-none shrink-0 transition-all duration-300 ${a.trim()?"cursor-pointer":"bg-bg-secondary cursor-default"}`,style:a.trim()?{background:"var(--chat-send-bg, var(--accent-primary))"}:void 0,children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",className:a.trim()?"text-white":"text-text-muted",children:e.jsx("path",{d:"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"})})})]})})]})}const kt=new Set,ys={emit(t,s){for(const a of kt)a(t,s)},on(t){return kt.add(t),()=>{kt.delete(t)}}};function xn({activeConv:t,ptyBuffers:s,terminalRef:a,agentInput:r,setAgentInput:i,handleSendChat:c,handleModalButton:o}){var j;const p=n.useRef(null),{sendCommand:u,sendData:m}=Ye(),l=(j=t.ideId)!=null&&j.includes(":cli:")?t.ideId.split(":cli:")[1]:"",d=t.tabKey,v=t.ideType||t.agentType||"";return n.useEffect(()=>{const x=s.current.get(d);if(x&&x.length>0){const I=setTimeout(()=>{var T;for(const f of x)(T=a.current)==null||T.write(f);requestAnimationFrame(()=>{var f;(f=a.current)==null||f.bumpResize()})},100);return()=>clearTimeout(I)}},[d]),n.useEffect(()=>{const x=ys.on((I,T)=>{var N;if(!T)return;(I===l||I===v)&&((N=a.current)==null||N.write(T))});return()=>{x()}},[l,v]),e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center justify-between px-3 py-1.5 bg-[var(--surface-primary)] border-b border-border-subtle shrink-0",children:[e.jsx("div",{className:"flex gap-1",children:e.jsx("div",{className:"px-3 py-1 rounded-md text-[11px] font-semibold bg-accent text-white",children:"⬛ Terminal"})}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"text-[10px] text-text-muted",children:[t.agentName," — Terminal"]}),e.jsx("button",{onClick:()=>{if(!a.current||!t)return;const x=s.current.get(t.tabKey);if(x&&x.length>0)for(const I of x)a.current.write(I);requestAnimationFrame(()=>{requestAnimationFrame(()=>{var I;(I=a.current)==null||I.bumpResize()})})},title:"Refresh terminal (replay buffer + TUI redraw)",className:"px-2 py-0.5 rounded-[5px] text-[11px] bg-bg-secondary text-text-secondary border border-border-subtle cursor-pointer leading-none",children:"↺"}),e.jsx("button",{onClick:async()=>{var T;const x=(T=t.ideId)!=null&&T.includes(":cli:")?t.ideId.split(":cli:")[1]:t.ideType||t.agentType||"";if(!window.confirm(`Stop ${x}?
39
39
  This will terminate the CLI process.`))return;const I=t.ideId||t.daemonId||"";try{await u(I,"stop_cli",{cliType:x})}catch(f){console.error("Stop CLI failed:",f)}},title:"Stop CLI process",className:"px-2 py-0.5 rounded-[5px] text-[11px] bg-red-500/[0.08] text-red-400 border border-red-500/30 cursor-pointer leading-none font-semibold",children:"■ Stop"})]})]}),e.jsx(gs,{activeConv:t,onModalButton:o}),e.jsx("div",{className:"flex-1 min-h-0 p-2 bg-[#0f1117]",children:e.jsx(fs,{ref:a,onInput:x=>{var f;const I=t.ideId||t.daemonId||"",T=(f=t.ideId)!=null&&f.includes(":cli:")?t.ideId.split(":cli:")[1]:t.ideType||t.agentType||"";m!=null&&m(I,{type:"pty_input",cliType:T,data:x})||u(I,"pty_input",{cliType:T,data:x}).catch(console.error)},onResize:(x,I)=>{var N;const T=t.ideId||t.daemonId||"",f=(N=t.ideId)!=null&&N.includes(":cli:")?t.ideId.split(":cli:")[1]:t.ideType||t.agentType||"";m!=null&&m(T,{type:"pty_resize",cliType:f,cols:x,rows:I})||u(T,"pty_resize",{cliType:f,cols:x,rows:I,force:!0}).catch(()=>{})}},t.tabKey)}),e.jsx("div",{className:"px-3 py-2 bg-[var(--surface-primary)] border-t border-border-subtle shrink-0",children:e.jsxs("div",{className:"flex gap-2.5 items-center",children:[e.jsx("div",{className:"flex-1 relative",children:e.jsx("input",{ref:p,type:"text",placeholder:`Send message to ${t.displayPrimary}...`,value:r,onChange:x=>i(x.target.value),onPaste:x=>{const I=x.clipboardData.getData("text");I&&i(T=>T+I),x.preventDefault()},onKeyDown:x=>{if(x.key==="Enter"){if(x.nativeEvent.isComposing){x.preventDefault();return}x.preventDefault(),c()}},className:"w-full h-9 rounded-[18px] px-4 bg-bg-secondary text-[13px] text-text-primary",style:{border:"1px solid var(--chat-input-border, var(--border-subtle))"}})}),e.jsx("button",{onClick:c,disabled:!r.trim(),className:`w-9 h-9 rounded-full flex items-center justify-center border-none shrink-0 transition-all duration-300 ${r.trim()?"cursor-pointer":"bg-bg-secondary cursor-default"}`,style:r.trim()?{background:"var(--chat-send-bg, var(--accent-primary))"}:void 0,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",className:r.trim()?"text-white":"text-text-muted",children:e.jsx("path",{d:"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"})})})]})})]})}function mn({wsStatus:t,showReconnected:s,loginUrl:a}){const r=t==="disconnected"||t==="reconnecting"||t==="offline"||t==="auth_failed",i=t==="auth_failed"?"red":t==="offline"?"orange":"violet",c={red:"linear-gradient(90deg, rgba(239,68,68,0.12), rgba(239,68,68,0.04))",orange:"linear-gradient(90deg, rgba(255,107,53,0.12), rgba(255,107,53,0.04))",violet:"linear-gradient(90deg, rgba(139,92,246,0.12), rgba(139,92,246,0.04))"},o={red:"1px solid rgba(239,68,68,0.2)",orange:"1px solid rgba(255,107,53,0.2)",violet:"1px solid rgba(139,92,246,0.2)"},p={red:"#ef4444",orange:"#ff6b35",violet:"#a78bfa"};return e.jsxs(e.Fragment,{children:[r&&e.jsxs("div",{className:"py-2.5 px-5 text-[13px] font-semibold flex items-center gap-2.5 justify-center",style:{background:c[i],borderBottom:o[i],color:p[i]},children:[e.jsx("img",{src:"/otter-logo.png",alt:"",className:"w-5 h-5",style:{opacity:t==="auth_failed"?.6:1,animation:t==="auth_failed"?void 0:"pulse 2s ease-in-out infinite",filter:t==="auth_failed"?"grayscale(1)":void 0}}),t==="offline"&&"Network offline — waiting for connection...",t==="disconnected"&&"Reconnecting to server...",t==="reconnecting"&&"Reconnecting to server...",t==="auth_failed"&&(a?e.jsxs(e.Fragment,{children:["Session expired."," ",e.jsx("a",{href:a,className:"text-inherit underline",children:"Log in again"})]}):"Connection failed — please restart the server.")]}),s&&t==="connected"&&e.jsxs("div",{className:"py-2 px-4 text-xs font-semibold flex items-center gap-2 justify-center bg-gradient-to-r from-green-500/[0.12] to-green-500/[0.04] text-green-400 border-b border-green-500/15 animate-[fadeIn_0.3s_ease]",children:[e.jsx("img",{src:"/otter-logo.png",alt:"",className:"w-4 h-4"}),"Connected"]})]})}let pn=ot;function jt(){return pn()}class hn{constructor(){Ae(this,"listeners",new Map)}send(s){}isConnected(){return!1}on(s,a){return this.listeners.has(s)||this.listeners.set(s,new Set),this.listeners.get(s).add(a),()=>{var r;(r=this.listeners.get(s))==null||r.delete(a)}}emit(s,...a){var r;(r=this.listeners.get(s))==null||r.forEach(i=>i(...a))}}let fn=new hn;class gn{constructor(){Ae(this,"ptyCallbacks",new Set)}sendPtyInput(s,a,r){return!1}sendPtyResize(s,a,r,i){return!1}async requestChatHistory(s,a,r,i,c){return{messages:[],hasMore:!1}}retryConnection(s){}getState(s){return"disconnected"}sendData(s,a){return!1}get(s){}onScreenshot(s,a){return()=>{}}onPtyOutput(s){return this.ptyCallbacks.add(s),()=>{this.ptyCallbacks.delete(s)}}emitPtyOutput(s,a){this.ptyCallbacks.forEach(r=>r(s,a))}}let Re=new gn,bn=Re;const St=t=>(t.ideId||t.tabKey||t.id||"").includes(":cli:"),Ct=t=>(t.ideId||t.tabKey||t.id||"").includes(":acp:");function yn({activeConv:t,agentCount:s,wsStatus:a,isConnected:r,onOpenHistory:i}){const c=lt(),o=jt(),p=o.p2pStates||{},u=o.ides||[],m=r?"#22c55e":a==="connected"?"#eab308":"#ef4444",l=r?"0 0 4px #22c55e80":a==="connected"?"0 0 4px #eab30880":"0 0 4px #ef444480",d=u.filter(f=>f.type==="adhdev-daemon"),v=Object.values(p),j=v.filter(f=>f==="connected").length,x=v.filter(f=>f==="connecting"||f==="new"||f==="checking").length,T=a!=="connected"||d.length===0?null:x>0&&j===0?"P2P connecting...":j>0&&s===0?"Waiting for IDE...":null;return e.jsxs("div",{className:"dashboard-header",children:[e.jsx("div",{className:"flex items-center gap-3",children:e.jsxs("div",{className:"leading-tight",children:[e.jsxs("h1",{className:"header-title m-0 flex items-center gap-1.5",children:[e.jsx(bt,{size:18}),e.jsx("span",{className:"header-title-desktop",children:"Dashboard"}),e.jsx("span",{className:"header-title-mobile",children:(t==null?void 0:t.displayPrimary)||"Dashboard"}),e.jsx("span",{className:"header-count-mobile text-[10px] font-semibold opacity-60 ml-2 tracking-wide",children:e.jsx("span",{className:"inline-block w-[6px] h-[6px] rounded-full align-middle",style:{background:m,boxShadow:l}})})]}),e.jsxs("div",{className:"header-subtitle text-[11px] items-center gap-1",children:[s," agent",s!==1?"s":""," active",e.jsx("span",{title:r?"Connected":a==="connected"?"Partial":"Disconnected",className:"inline-block w-1.5 h-1.5 rounded-full shrink-0",style:{background:m,boxShadow:l}}),T&&e.jsxs("span",{className:"text-[10px] text-text-muted animate-pulse ml-1",children:["· ",T]})]})]})}),e.jsxs("div",{className:"flex gap-2 items-center",children:[t&&!St(t)&&!Ct(t)&&e.jsxs("button",{onClick:()=>c(`/ide/${t.ideId}`),className:"btn btn-primary btn-sm",title:"IDE View",children:[e.jsx(ps,{size:14})," IDE"]}),t&&!St(t)&&!Ct(t)&&e.jsx("button",{onClick:i,className:"btn btn-secondary btn-sm",title:"Chat History",children:e.jsx(Js,{size:16})}),t&&!St(t)&&!Ct(t)&&e.jsx("button",{onClick:()=>c(`/ide/${t.ideId}?view=remote`),className:"btn btn-secondary btn-sm",title:"Remote Control",children:e.jsx(dt,{size:16})})]})]})}function De(t){return t?t.charAt(0).toUpperCase()+t.slice(1).toLowerCase():"IDE"}function jn(t){if(t<60)return`${Math.round(t)}s`;const s=Math.floor(t/60);if(s<60)return`${s}m`;const a=Math.floor(s/60),r=s%60;if(a<24)return r>0?`${a}h ${r}m`:`${a}h`;const i=Math.floor(a/24),c=a%24;return`${i}d ${c}h`}function Yt(t){return t<1024*1024*1024?`${(t/(1024*1024)).toFixed(0)} MB`:`${(t/(1024*1024*1024)).toFixed(1)} GB`}function Gt(t){return(t.id||"").includes(":cli:")}function Xt(t){return(t.id||"").includes(":acp:")}function _t(t,s){return De(t)}function vn(t){if(!Array.isArray(t)||t.length<=1)return t;const s=new Map,a=["generating","streaming","active","connected","idle","panel_hidden"];for(const r of t){const i=(r.name||r.id||"").toLowerCase().replace(/\s+/g,"-"),c=s.get(i);if(!c){s.set(i,r);continue}const o=a.indexOf(c.status||"idle"),p=a.indexOf(r.status||"idle");p>=0&&(o<0||p<o)&&s.set(i,r)}return Array.from(s.values())}function wn({activeConv:t,ides:s,isCreatingChat:a,isRefreshingHistory:r,onClose:i,onNewChat:c,onSwitchSession:o,onRefreshHistory:p}){var d;const u=s.find(v=>v.id===t.ideId),m=(u==null?void 0:u.chats)||[],l=(d=u==null?void 0:u.activeChat)==null?void 0:d.id;return e.jsxs("div",{className:"fixed inset-0 z-[1000] flex items-center justify-center",children:[e.jsx("div",{onClick:i,className:"absolute inset-0 bg-black/60 backdrop-blur-sm"}),e.jsxs("div",{className:"card fade-in relative w-[90%] max-w-[500px] max-h-[80vh] flex flex-col p-0 overflow-hidden shadow-[0_20px_40px_rgba(0,0,0,0.4)] rounded-[20px]",children:[e.jsxs("div",{className:"px-6 py-5 border-b border-border-subtle flex justify-between items-center bg-[var(--surface-primary)]",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"m-0 text-lg font-extrabold",children:"Chat History"}),e.jsxs("div",{className:"text-xs text-text-muted mt-0.5",children:[t.displayPrimary," — ",De(t.ideType)]})]}),e.jsx("button",{onClick:i,className:"bg-transparent border-none text-xl text-text-muted cursor-pointer",children:"✕"})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto p-3 bg-bg-primary",children:[e.jsx("button",{onClick:c,disabled:a,className:"w-full p-3.5 rounded-xl mb-3 bg-indigo-500/10 border border-dashed border-accent text-accent font-bold text-sm cursor-pointer",children:a?"⌛ Creating...":"+ Start New Chat Session"}),m.map(v=>e.jsxs("div",{onClick:()=>{o(t.ideId,v.id),i()},className:`p-4 rounded-xl mb-2 cursor-pointer border transition-all ${l===v.id?"bg-[var(--bg-glass-hover)] border-accent":"bg-[var(--surface-secondary)] border-border-subtle"}`,children:[e.jsx("div",{className:`font-bold text-sm mb-1 ${l===v.id?"text-[var(--accent-primary-light)]":"text-text-primary"}`,children:v.title||"Untitled Session"}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsxs("div",{className:"text-[11px] text-text-muted font-mono",children:[v.id.substring(0,12),"..."]}),l===v.id&&e.jsx("span",{className:"text-[10px] bg-accent text-white px-2 py-0.5 rounded-[10px] font-extrabold",children:"ACTIVE"})]})]},v.id)),m.length===0&&e.jsxs("div",{className:"py-10 px-5 text-center text-text-muted",children:[e.jsx("div",{className:"text-3xl mb-3 opacity-60",children:e.jsx(an,{size:32})}),e.jsx("div",{className:"text-[13px]",children:"No recent chat sessions found."})]})]}),e.jsx("div",{className:"px-5 py-4 bg-[var(--surface-tertiary)] border-t border-border-subtle text-right",children:e.jsx("button",{onClick:p,disabled:r,className:"btn btn-secondary btn-sm rounded-[10px]",children:r?"⌛ Refreshing...":e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(Qs,{size:13})," Refresh History"]})})})]})]})}const Vt={success:"rgba(16, 185, 129, 0.95)",warning:"rgba(245, 158, 11, 0.95)",info:"rgba(99, 102, 241, 0.95)"};function Nn({toasts:t,onDismiss:s,onClickToast:a}){return e.jsx("div",{className:"fixed right-4 z-[9999] flex flex-col gap-2 pointer-events-none",style:{top:"calc(env(safe-area-inset-top, 0px) + 16px)"},children:t.map(r=>e.jsxs("div",{className:"fade-in text-white px-5 py-3 rounded-xl text-[13px] font-semibold shadow-[0_8px_32px_rgba(0,0,0,0.3)] backdrop-blur-lg pointer-events-auto cursor-pointer animate-[toast-in_0.3s_ease-out] max-w-[360px]",style:{background:Vt[r.type]||Vt.info},onClick:()=>{var i;(i=r.actions)!=null&&i.length||(a&&a(r),s(r.id))},children:[e.jsx("div",{children:r.message}),r.actions&&r.actions.length>0&&e.jsx("div",{className:"flex gap-2 mt-2",children:r.actions.map((i,c)=>e.jsx("button",{className:`text-xs px-3 py-1 rounded-md font-bold transition-all cursor-pointer ${i.variant==="primary"?"bg-white text-amber-700 hover:bg-gray-100":i.variant==="danger"?"bg-red-500/30 text-white hover:bg-red-500/50":"bg-white/20 text-white hover:bg-white/30"}`,onClick:o=>{o.stopPropagation(),i.onClick(),s(r.id)},children:i.label},c))})]},r.id))})}const kn=t=>(t.id||"").includes(":cli:")||(t.id||"").includes(":acp:")||(t.id||"").includes(":ide:")?!0:t.daemonId!==t.id;function Sn(t){return t.workspace||""}function Cn(t,s,a,r){var c;const i={};if(a)for(const o of a){const p=o;if(p.type==="adhdev-daemon"||p.daemonMode){const u=p.machine||{},m=p.machineNickname,l=u.hostname||((c=p.system)==null?void 0:c.hostname)||"",d=m||(l&&l!=="Unknown"?l.replace(/\.local$/,""):null)||`Machine ${(p.id||"").substring(0,6)}`;i[p.id]=d}}return t.flatMap(o=>{var N,B,K,E,A;const p=[],u=o.daemonId&&i[o.daemonId]||void 0,m=o.daemonId||((N=o.id)==null?void 0:N.split(":")[0])||o.id,l=r?r[m]||"new":void 0,d=Sn(o),v=De(o.type),j=o.agentStreams,x=Array.isArray(j)?j.map($=>({...$,activeModal:$.activeModal??void 0})):[],I=kn(o),T=o.activeChat||{title:""},f=T.title&&String(T.title).trim()?String(T.title).trim():"";if(I){const $=_t(o.type),C=(B=o.agents)==null?void 0:B[0],y=(K=o.activeChat)==null?void 0:K.activeModal,R=y&&Array.isArray(y.buttons)&&y.buttons.length>0,F=(E=o.activeChat)==null?void 0:E.status,H=F==="generating"||F==="loading"||F&&F.toLowerCase()==="thinking",b=R||F==="waiting_approval"?"waiting_approval":H?"working":(C==null?void 0:C.status)||"idle",G=o.activeChat||{title:"",messages:[]};let re=G.title&&String(G.title).trim()?String(G.title).trim():"";const V=(A=o.activeChat)==null?void 0:A.id,ee=o.chats;if(V&&Array.isArray(ee)&&ee.length>0){const ie=ee.find(L=>L.id===V||L.id&&String(L.id)===String(V));ie!=null&&ie.title&&String(ie.title).trim()&&(re=String(ie.title).trim())}const O=G.messages||[],ae=s[o.id]||[],oe=new Map;O.filter(ie=>ie.role==="user").forEach(ie=>{oe.set(ie.content,(oe.get(ie.content)||0)+1)});const ue=ae.filter(ie=>{const L=oe.get(ie.content)||0;return L>0?(oe.set(ie.content,L-1),!1):!0});p.push({ideId:o.id,daemonId:o.daemonId||void 0,agentName:$,agentType:Ue(o)||Oe(o)?o.type:(C==null?void 0:C.type)||"ide-native",status:b,title:re,messages:[...O,...ue],ideType:o.type,workspaceName:d,displayPrimary:re||d||$,displaySecondary:v,cdpConnected:o.cdpConnected,modalButtons:R?y.buttons:void 0,modalMessage:R?y.message:void 0,streamSource:"native",tabKey:o.id,machineName:u,connectionState:l})}if(I&&(Ue(o)||Oe(o)))return p;for(const $ of x){const C=$.activeModal&&Array.isArray($.activeModal.buttons)&&$.activeModal.buttons.length>0,y=C?"waiting_approval":$.status==="streaming"?"working":$.status,R=`${o.id}:${$.agentType}`,F=$.messages||[],H=s[R]||[],Z=new Map;F.filter(G=>G.role==="user").forEach(G=>{Z.set(G.content,(Z.get(G.content)||0)+1)});const b=H.filter(G=>{const re=Z.get(G.content)||0;return re>0?(Z.set(G.content,re-1),!1):!0});p.push({ideId:o.id,daemonId:o.daemonId||void 0,agentName:$.agentName,agentType:$.agentType,status:y,title:"",messages:[...F,...b],ideType:$.agentType,workspaceName:d,displayPrimary:f||d||$.agentName,displaySecondary:`${v}·${$.agentName}`,cdpConnected:o.cdpConnected,modalButtons:C?$.activeModal.buttons:void 0,modalMessage:C?$.activeModal.message:void 0,streamSource:"agent-stream",tabKey:R,machineName:u,connectionState:l})}return p.length===0&&p.push({ideId:o.id,daemonId:o.daemonId||void 0,agentName:_t(o.type),agentType:"ide-native",status:"idle",title:"",messages:[],ideType:o.type,workspaceName:d,displayPrimary:d||v,displaySecondary:v,cdpConnected:o.cdpConnected,streamSource:"native",tabKey:o.id,connectionState:l}),p})}function In(t,s){var p,u,m,l;const a=[],{daemonId:r,existingDaemon:i,timestamp:c}=s,o=c||t.timestamp||Date.now();a.push({...i||{},id:r,type:"adhdev-daemon",status:"online",daemonMode:!0,timestamp:o,...t.version&&{version:t.version},...t.machine&&{machine:t.machine,platform:t.machine.platform},...t.instanceId&&{instanceId:t.instanceId},...t.machineNickname!==void 0&&{machineNickname:t.machineNickname},...t.p2p&&{p2p:t.p2p},..."system"in t&&{system:t.system},..."hostname"in t&&{hostname:t.hostname},...t.workspaces&&{workspaces:t.workspaces},...t.defaultWorkspaceId!==void 0&&{defaultWorkspaceId:t.defaultWorkspaceId},...t.defaultWorkspacePath!==void 0&&{defaultWorkspacePath:t.defaultWorkspacePath},...t.workspaceActivity&&{workspaceActivity:t.workspaceActivity},...t.detectedIdes&&{detectedIdes:t.detectedIdes},..."availableProviders"in t&&{availableProviders:t.availableProviders},cdpConnected:t.managedIdes.some(d=>d.cdpConnected),managedIdeIds:t.managedIdes.map(d=>`${r}:ide:${d.instanceId}`),managedCliIds:t.managedClis.map(d=>d.id?`${r}:cli:${d.id}`:`${r}:cli:${d.cliType}`),managedAcpIds:t.managedAcps.map(d=>d.id?`${r}:acp:${d.id}`:`${r}:acp:${d.acpType}`)});for(const d of t.managedIdes)a.push({id:`${r}:ide:${d.instanceId}`,type:d.ideType,ideType:d.ideType,version:d.ideVersion,status:d.cdpConnected?"online":"detected",daemonId:r,instanceId:d.instanceId,workspace:d.workspace,terminals:d.terminals,agents:d.aiAgents,activeChat:d.activeChat,chats:d.chats,agentStreams:d.agentStreams,cdpConnected:d.cdpConnected,currentModel:d.currentModel,currentPlan:d.currentPlan,currentAutoApprove:d.currentAutoApprove,timestamp:o});for(const d of t.managedClis){const v=d.id?`${r}:cli:${d.id}`:`${r}:cli:${d.cliType}`;a.push({id:v,type:d.cliType,ideType:d.cliType,agentType:d.cliType,status:d.status||"running",daemonId:r,instanceId:d.id,cliName:d.cliName,mode:d.mode||"terminal",workspace:d.workspace,activeChat:d.activeChat,agentStreams:[{agentType:d.cliType,agentName:d.cliName,extensionId:"cli-agent",status:d.status==="generating"?"streaming":d.status==="waiting_approval"?"waiting_approval":"idle",messages:((p=d.activeChat)==null?void 0:p.messages)||[],inputContent:"",activeModal:(u=d.activeChat)==null?void 0:u.activeModal}],timestamp:o,_isCli:!0})}for(const d of t.managedAcps){const v=d.id?`${r}:acp:${d.id}`:`${r}:acp:${d.acpType}`;a.push({id:v,type:d.acpType,ideType:d.acpType,agentType:d.acpType,status:d.status||"running",daemonId:r,instanceId:d.id,cliName:d.acpName,mode:"chat",workspace:d.workspace,activeChat:d.activeChat,currentModel:d.currentModel,currentPlan:d.currentPlan,acpConfigOptions:d.acpConfigOptions,acpModes:d.acpModes,agentStreams:[{agentType:d.acpType,agentName:d.acpName,extensionId:"acp-agent",status:d.status==="generating"?"streaming":d.status==="waiting_approval"?"waiting_approval":"idle",messages:((m=d.activeChat)==null?void 0:m.messages)||[],inputContent:"",activeModal:(l=d.activeChat)==null?void 0:l.activeModal}],timestamp:o,_isAcp:!0})}return a}const js="adhdev_notification_prefs",qt={globalEnabled:!0,disconnectAlert:!0,browserNotifications:!0,completionAlert:!0,approvalAlert:!0};function Mn(){try{const t=localStorage.getItem(js);if(t){const s=JSON.parse(t);return{...qt,...s}}}catch{}return{...qt}}function Tn(t){try{localStorage.setItem(js,JSON.stringify(t))}catch{}}let He=Mn(),pt=[];function En(){pt.forEach(t=>t())}function $n(t){He={...He,...t},Tn(He),En()}function An(){const[,t]=n.useState(0);n.useEffect(()=>{const a=()=>t(r=>r+1);return pt.push(a),()=>{pt=pt.filter(r=>r!==a)}},[]);const s=n.useCallback(a=>{$n(a)},[]);return[{...He},s]}function nt(t){if(!He.globalEnabled)return!1;switch(t){case"disconnect":return He.disconnectAlert;case"completion":return He.completionAlert;case"approval":return He.approvalAlert;case"browser":return He.browserNotifications;default:return!0}}const _n={enabled:!0,onApproval:!0,onComplete:!0,onError:!0,throttleMs:5e3};async function Rn(){return"Notification"in window?Notification.permission==="granted"?"granted":Notification.permission==="denied"?"denied":Notification.requestPermission():"denied"}function vs(){return"Notification"in window&&Notification.permission==="granted"}let Ge=null;async function Pn(){if(Ge!==null)return Ge;try{if(!("serviceWorker"in navigator)||!("PushManager"in window))return Ge=!1,!1;const t=await navigator.serviceWorker.getRegistration();return t?(Ge=!!await t.pushManager.getSubscription(),Ge):(Ge=!1,!1)}catch{return Ge=!1,!1}}function Rt(t,s,a){if(vs())try{const r=new Notification(t,{body:s,icon:"/otter-logo.png",tag:a||`adhdev-${Date.now()}`,silent:!1});setTimeout(()=>r.close(),8e3),r.onclick=()=>{window.focus(),r.close()}}catch{}}function Ln(t,s={}){const a={..._n,...s},r=n.useRef(new Map),i=n.useRef(0),c=n.useRef(null);n.useEffect(()=>{Pn().then(p=>{c.current=p})},[]);const o=n.useCallback((p,u,m)=>{const l=Date.now();l-i.current<a.throttleMs||(i.current=l,Rt(p,u,m))},[a.throttleMs]);n.useEffect(()=>{var p;if(!(!a.enabled||!vs())&&nt("browser")&&c.current!==!0){if(document.hasFocus()){for(const u of t)r.current.set(u.id,u.status||"idle");return}for(const u of t){const m=r.current.get(u.id),l=u.status||"idle",d=u.name||u.id;if(a.onApproval&&nt("approval")&&l==="waiting_approval"&&m!=="waiting_approval"){const v=((p=u.activeModal)==null?void 0:p.message)||"Action requires your approval";o(`🔔 ${d} — Approval needed`,v.slice(0,120),`approval-${u.id}`)}a.onComplete&&nt("completion")&&m==="generating"&&l==="idle"&&o(`✅ ${d} — Task complete`,"Agent has finished working",`complete-${u.id}`),a.onError&&l==="error"&&m!=="error"&&o(`⚠️ ${d} — Error`,"Agent encountered an error",`error-${u.id}`),r.current.set(u.id,l)}}},[t,a.enabled,a.onApproval,a.onComplete,a.onError,o])}class Dn{constructor(){Ae(this,"dedupMap",new Map);Ae(this,"DEDUP_WINDOW_MS",5e3);Ae(this,"DEDUP_MAX_SIZE",50);Ae(this,"DEDUP_CLEANUP_AGE_MS",1e4);Ae(this,"toastCallbacks",[]);Ae(this,"systemMessageCallbacks",[]);Ae(this,"clearSystemMessageCallbacks",[]);Ae(this,"resolveActionFn",null);Ae(this,"viewRequestRespondFn",null);Ae(this,"ides",[])}onToast(s){return this.toastCallbacks.push(s),()=>{this.toastCallbacks=this.toastCallbacks.filter(a=>a!==s)}}onSystemMessage(s){return this.systemMessageCallbacks.push(s),()=>{this.systemMessageCallbacks=this.systemMessageCallbacks.filter(a=>a!==s)}}onClearSystemMessage(s){return this.clearSystemMessageCallbacks.push(s),()=>{this.clearSystemMessageCallbacks=this.clearSystemMessageCallbacks.filter(a=>a!==s)}}setResolveAction(s){this.resolveActionFn=s}setIdes(s){this.ides=s}setViewRequestRespond(s){this.viewRequestRespondFn=s}emitToast(s){for(const a of this.toastCallbacks)a(s)}emitSystemMessage(s,a){for(const r of this.systemMessageCallbacks)r(s,a)}emitClearSystemMessage(s,a){for(const r of this.clearSystemMessageCallbacks)r(s,a)}isDuplicate(s){const a=Date.now(),r=this.dedupMap.get(s)||0;if(a-r<this.DEDUP_WINDOW_MS)return!0;if(this.dedupMap.set(s,a),this.dedupMap.size>this.DEDUP_MAX_SIZE)for(const[i,c]of this.dedupMap)a-c>this.DEDUP_CLEANUP_AGE_MS&&this.dedupMap.delete(i);return!1}resolveRouteId(s,a){for(const r of this.ides)if(r.id.startsWith(s)&&(!a||a===r.type))return r.id;return s}handleRawEvent(s,a){var p,u,m;const r=`${s.ideType||s.providerType||""}:${s.event}:${s.chatTitle||""}`;if(this.isDuplicate(r))return;if(!s.ideId&&s.instanceId){for(const l of this.ides)if(l.id.endsWith(`:ide:${s.instanceId}`)||l.id.endsWith(`:cli:${s.instanceId}`)){s.ideId=l.id;break}}let i=De(s.ideType||"");if(s.ideType==="adhdev-daemon"){const l=this.ides.find(d=>d.type==="adhdev-daemon");l&&(i=l.machineNickname||((p=l.machine)==null?void 0:p.hostname)||i)}let c="",o="info";if(s.event==="agent:generating_completed"){const l=s.duration?` (${s.duration}s)`:"";c=`✅ ${i} agent task completed${l}`,o="success";try{new Audio("data:audio/wav;base64,UklGRigAAABXQVZFZm10IBAAAAABAAEAQB8AAEAfAAABAAgAZGF0YQQAAAB/f39/").play().catch(()=>{})}catch{}s.ideId&&this.emitSystemMessage(s.ideId,{role:"system",timestamp:Date.now(),content:`✅ Task completed${l}`,_localId:`sys_complete_${Date.now()}`})}else if(s.event==="agent:generating_started")s.ideId&&this.emitClearSystemMessage(s.ideId,"sys_complete_");else if(s.event==="agent:waiting_approval"){if(c=`⚡ ${i} approval needed`,o="warning",s.ideId){const l=s.modalMessage||"Approval requested",d=(u=s.modalButtons)!=null&&u.length?s.modalButtons.map(v=>`[${v}]`).join(" "):"[Approve] [Reject]";this.emitSystemMessage(s.ideId,{role:"system",timestamp:Date.now(),content:`⚡ Approval requested: ${l}
40
- ${d}`,_localId:`sys_approval_${Date.now()}`})}if(s.ideId&&((m=s.modalButtons)!=null&&m.length)&&this.resolveActionFn){const l=s.ideId,d=s.agentType||s.ideType||"",v=s.ideType||"",j=s.modalButtons,x=B=>B.replace(/[⌥⏎⇧⌫⌘⌃↵]/g,"").replace(/\s*(Alt|Ctrl|Shift|Cmd|Enter|Return|Esc|Tab|Backspace)(\+\s*\w+)*/gi,"").trim(),I=this.resolveActionFn,T=j.map((B,K)=>{const E=x(B).toLowerCase(),A=/^(run|approve|accept|yes|allow|always)/.test(E),$=/^(reject|deny|delete|remove|abort|cancel|no)/.test(E);return{label:x(B),variant:A?"primary":$?"danger":"default",onClick:()=>{const C=this.resolveRouteId(l,d),y=/^(run|approve|accept|yes|allow|always|proceed|save)/.test(E);I(C,"resolve_action",{action:y?"approve":"reject",button:B,buttonIndex:K,agentType:d,ideType:v})}}}),f=s.modalMessage?`⚡ ${i}: ${s.modalMessage.replace(/[\n\r]+/g," ").slice(0,80)}`:c,N=Date.now();this.emitToast({id:N,message:f,type:o,timestamp:N,ideId:l,actions:T,duration:15e3}),c=""}}else if(s.event==="monitor:long_generating"){const l=s.elapsedSec?` (${Math.round(s.elapsedSec/60)}m)`:"";c=`⚠️ ${i} agent is taking a long time${l}`,o="warning",nt("browser")&&!document.hasFocus()&&Rt(`⚠️ ${i} — Long Running`,`Agent has been generating for over ${l.replace(/[()]/g,"")}`,`long-${s.ideId||s.agentType}`)}else if(s.event==="team:view_request"){const l=s.requesterName||"A team member",d=s.requestId,v=s.orgId;if(c=`👁️ ${l} wants to view your session`,o="warning",d&&v&&this.viewRequestRespondFn){const j=this.viewRequestRespondFn,x=Date.now(),I=[{label:"Approve",variant:"primary",onClick:()=>{j(v,d,"approve").catch(T=>console.error("[EventManager] approve view request failed:",T))}},{label:"Decline",variant:"danger",onClick:()=>{j(v,d,"reject").catch(T=>console.error("[EventManager] reject view request failed:",T))}}];this.emitToast({id:x,message:c,type:o,timestamp:x,actions:I,duration:3e4}),c=""}nt("browser")&&!document.hasFocus()&&Rt("👁️ View Request",`${l} wants to view your session`,`view-request-${d}`)}else s.event==="team:view_request_approved"?(c="✅ View request approved",o="success"):s.event==="team:view_request_rejected"&&(c=`❌ ${s.targetName||"Team member"} declined your view request`,o="warning");if(c){const l=Date.now();this.emitToast({id:l,message:c,type:o,timestamp:l,ideId:s.ideId,duration:5e3})}}}const Je=new Dn;function it(...t){return Es($s(t))}function Bn({icon:t,title:s,subtitle:a,badge:r,actions:i,className:c}){return e.jsxs("div",{className:it("flex items-center justify-between px-6 py-4 border-b border-border-subtle bg-surface-primary animate-[fadeIn_0.3s_ease-out_forwards]",c),children:[e.jsxs("div",{children:[e.jsxs("h1",{className:"text-lg font-bold text-text-primary flex items-center gap-2.5 tracking-tight",children:[e.jsx("span",{children:t})," ",s,r&&e.jsxs("span",{className:"text-xs font-semibold px-2 py-0.5 rounded-full bg-accent/10 text-accent-light",children:[r.count!==void 0?r.count:""," ",r.text]})]}),a&&e.jsx("p",{className:"hidden sm:block text-[13px] text-text-muted mt-1",children:a})]}),i&&e.jsx("div",{className:"flex gap-2",children:i})]})}function Ze({title:t,icon:s,description:a,accentColor:r,className:i,children:c}){return e.jsxs("div",{className:it("bg-bg-card border border-border-subtle rounded-2xl p-5 backdrop-blur-xl transition-all","hover:border-border-default hover:shadow-glow",r&&"border-l-[3px]",i),style:r?{borderLeftColor:r}:void 0,children:[(t||a)&&e.jsxs("div",{className:"mb-4",children:[t&&e.jsxs("h3",{className:"text-base font-semibold text-text-primary",children:[s&&e.jsx("span",{className:"mr-1.5",children:s}),t]}),a&&e.jsx("p",{className:"text-[13px] text-text-muted mt-1",children:a})]}),c]})}function Wn({icon:t,title:s,description:a,action:r,className:i}){return e.jsxs("div",{className:it("py-16 px-5 text-center bg-bg-glass border-2 border-dashed border-border-subtle rounded-2xl",i),children:[e.jsx("div",{className:"text-5xl mb-4 opacity-50",children:t}),e.jsx("h3",{className:"text-lg font-bold text-text-secondary mb-2",children:s}),e.jsx("p",{className:"text-sm text-text-muted max-w-sm mx-auto mb-5 leading-relaxed",children:a}),r]})}const On={online:"bg-green-500/10 text-green-400 border-green-500/30",idle:"bg-yellow-500/10 text-yellow-400 border-yellow-500/30",busy:"bg-orange-500/10 text-orange-400 border-orange-500/30",error:"bg-red-500/10 text-red-400 border-red-500/30",offline:"bg-gray-500/10 text-text-secondary border-gray-500/30"},Kn={online:"bg-green-500",idle:"bg-yellow-500",busy:"bg-orange-500",error:"bg-red-500",offline:"bg-gray-500"};function Fn({status:t,label:s,className:a}){const r=s||t;return e.jsxs("span",{className:it("inline-flex items-center gap-1.5 text-xs font-medium px-2.5 py-1 rounded-full border",On[t],a),children:[e.jsx("span",{className:it("w-2 h-2 rounded-full animate-[pulse-dot_2s_ease-in-out_infinite]",Kn[t])}),r]})}function Hn(){return typeof window>"u"?"dark":window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function Jt(){try{const t=localStorage.getItem("theme");if(t==="dark"||t==="light"||t==="system")return t}catch{}return"system"}function It(t){return t==="system"?Hn():t}function zn(){const[t,s]=n.useState(Jt),[a,r]=n.useState(()=>It(Jt()));n.useEffect(()=>{document.documentElement.setAttribute("data-theme",a)},[a]),n.useEffect(()=>{const o=window.matchMedia("(prefers-color-scheme: light)"),p=u=>{t==="system"&&r(u.matches?"light":"dark")};return o.addEventListener("change",p),()=>o.removeEventListener("change",p)},[t]);const i=n.useCallback(o=>{s(o),r(It(o));try{localStorage.setItem("theme",o)}catch{}},[]),c=n.useCallback(()=>{s(o=>{const p=o==="dark"?"light":o==="light"?"system":"dark";r(It(p));try{localStorage.setItem("theme",p)}catch{}return p})},[]);return{theme:a,preference:t,setPreference:i,cycleTheme:c,isDark:a==="dark"}}function Qe({label:t,description:s,checked:a,disabled:r,onChange:i,extra:c}){return e.jsxs("label",{className:"flex justify-between items-center cursor-pointer",children:[e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-sm",children:t}),e.jsx("div",{className:"text-[11px] text-text-muted",children:s})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[c,e.jsx("input",{type:"checkbox",checked:a,disabled:r,onChange:o=>i(o.target.checked),className:"w-5 h-5 accent-accent"})]})]})}function Un({onPrefChange:t}){const[s,a]=An(),r=(i,c)=>{a({[i]:c}),t==null||t(i,c)};return e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(Qe,{label:"🔔 Notifications",description:"Master toggle for all alerts",checked:s.globalEnabled,onChange:i=>r("globalEnabled",i)}),s.globalEnabled&&e.jsx("div",{className:"border-t border-border-subtle my-0.5"}),s.globalEnabled&&e.jsx(Qe,{label:"🖥️ Browser Notifications",description:"Desktop alerts when tab is inactive",checked:s.browserNotifications,onChange:i=>r("browserNotifications",i)}),s.globalEnabled&&s.browserNotifications&&e.jsxs("div",{className:"ml-5 pl-3 border-l-2 border-border-subtle flex flex-col gap-2",children:[e.jsx(Qe,{label:"✅ Completion Alerts",description:"Notify when agent finishes a task",checked:s.completionAlert,onChange:i=>r("completionAlert",i)}),e.jsx(Qe,{label:"⚡ Approval Alerts",description:"Notify when agent needs approval",checked:s.approvalAlert,onChange:i=>r("approvalAlert",i)}),e.jsx(Qe,{label:"📡 Connection Alerts",description:"Alert when a daemon disconnects",checked:s.disconnectAlert,onChange:i=>r("disconnectAlert",i)})]}),!s.globalEnabled&&e.jsx("p",{className:"text-[11px] text-text-muted italic",children:"All notifications are disabled. Enable the master toggle to configure individual alerts."})]})}function Yn({ides:t,emptyMessage:s,sendDaemonCommand:a,onDisconnect:r,onRevokeToken:i}){const c=t.filter(o=>o.type==="adhdev-daemon");return c.length===0?e.jsx(Wn,{icon:"🔌",title:"No machines connected",description:s||"Run 'adhdev daemon' on your machine to connect."}):e.jsx("div",{className:"flex flex-col gap-2",children:c.map(o=>e.jsx(Vn,{ide:o,allIdes:t,sendDaemonCommand:a,onDisconnect:r,onRevokeToken:i},o.id))})}function Zt({title:t,message:s,confirmLabel:a,confirmColor:r,onConfirm:i,onCancel:c}){const o=r==="red"?"bg-red-500/20 text-red-400 border-red-500/30 hover:bg-red-500/30":"bg-amber-500/20 text-amber-400 border-amber-500/30 hover:bg-amber-500/30";return As.createPortal(e.jsx("div",{className:"fixed inset-0 flex items-center justify-center bg-black/60 backdrop-blur-sm",style:{zIndex:9999},onClick:c,children:e.jsxs("div",{className:"bg-bg-primary border border-border-subtle rounded-xl p-5 max-w-sm w-full mx-4 shadow-2xl",onClick:p=>p.stopPropagation(),children:[e.jsx("div",{className:"font-semibold text-sm mb-3",children:t}),e.jsx("div",{className:"text-xs text-text-muted leading-relaxed mb-5 whitespace-pre-line",children:s}),e.jsxs("div",{className:"flex gap-2 justify-end",children:[e.jsx("button",{onClick:c,className:"text-xs px-3 py-1.5 rounded-lg font-medium bg-bg-secondary text-text-secondary border border-border-subtle hover:bg-bg-glass transition-colors",children:"Cancel"}),e.jsx("button",{onClick:i,className:`text-xs px-3 py-1.5 rounded-lg font-medium border transition-colors ${o}`,children:a})]})]})}),document.body)}const Gn={vscode:{icon:"💠",name:"VS Code"},cursor:{icon:"⚡",name:"Cursor"},windsurf:{icon:"🏄",name:"Windsurf"},codex:{icon:"🤖",name:"Codex"},"claude-code":{icon:"🟠",name:"Claude Code"},aider:{icon:"🔧",name:"Aider"}};function Xn(t){const s=t.replace(/^ide-/,"").replace(/-provider$/,"").toLowerCase();return Gn[s]||{icon:"📝",name:t}}function Vn({ide:t,allIdes:s,sendDaemonCommand:a,onDisconnect:r,onRevokeToken:i}){var G,re,V,ee;const[c,o]=n.useState("idle"),[p,u]=n.useState(""),[m,l]=n.useState(null),[d,v]=n.useState("idle"),[j,x]=n.useState(""),I=t,T=I.version||I.daemonVersion||null,f=((G=I.machine)==null?void 0:G.hostname)||((re=I.system)==null?void 0:re.hostname)||"",N=((V=I.machine)==null?void 0:V.platform)||((ee=I.system)==null?void 0:ee.platform)||"",B=I.machineNickname||(f==null?void 0:f.replace(/\.local$/,""))||"Machine",K=N==="win32"?"🪟":N==="darwin"?"🍎":"🐧",E=s.filter(O=>O.daemonId===t.id&&O.id.includes(":ide:")),A=s.filter(O=>O.daemonId===t.id&&O.id.includes(":cli:")),$=s.filter(O=>O.daemonId===t.id&&O.id.includes(":acp:")),C=I.p2p,y=async()=>{var O,ae,oe;if(a){o("upgrading"),u("Installing latest version...");try{const ue=await a(t.id,"daemon_upgrade",{});(O=ue==null?void 0:ue.result)!=null&&O.upgraded||(ae=ue==null?void 0:ue.result)!=null&&ae.success?(o("done"),u(`Upgraded to v${ue.result.version||"latest"}. Daemon is restarting...`)):(o("error"),u(((oe=ue==null?void 0:ue.result)==null?void 0:oe.error)||"Upgrade failed"))}catch(ue){o("error"),u((ue==null?void 0:ue.message)||"Connection lost during upgrade")}}},R=async()=>{if(l(null),!!r){v("loading");try{await r(t.id),v("done"),x("Machine disconnected.")}catch(O){v("error"),x((O==null?void 0:O.message)||"Failed to disconnect")}}},F=async()=>{if(l(null),!!i){v("loading");try{await i(t.id),v("done"),x('Token revoked. Machine must run "adhdev setup" to reconnect.')}catch(O){v("error"),x((O==null?void 0:O.message)||"Failed to revoke token")}}},H="0.6.35",Z=!T||T!==H,b=E.length+A.length+$.length;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"bg-bg-glass rounded-lg px-4 py-3 border border-border-subtle",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-xl",children:K}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-sm",children:B}),e.jsxs("div",{className:"text-xs text-text-muted font-mono flex items-center gap-2",children:[e.jsxs("span",{children:[t.id.substring(0,12),"…"]}),T&&e.jsxs("span",{className:`px-1.5 py-0.5 rounded text-[10px] ${Z?"bg-amber-500/15 text-amber-400":"bg-bg-secondary"}`,children:["v",T,!Z&&" ✓"]})]})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[a&&Z&&e.jsx("button",{onClick:y,disabled:c==="upgrading"||c==="done",className:"btn btn-sm btn-primary disabled:opacity-50 disabled:cursor-not-allowed",title:`Update to v${H}`,children:c==="upgrading"?e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"animate-spin",children:"⟳"})," Upgrading..."]}):c==="done"?"✓ Updated":`↑ Update${` to v${H}`}`}),r&&e.jsx("button",{onClick:()=>l("disconnect"),disabled:d==="loading",className:"btn btn-sm btn-warning disabled:opacity-50 disabled:cursor-not-allowed",title:"Disconnect this machine",children:"Disconnect"}),i&&e.jsx("button",{onClick:()=>l("revoke"),disabled:d==="loading",className:"btn btn-sm btn-danger disabled:opacity-50 disabled:cursor-not-allowed",title:"Remove machine (requires re-setup)",children:"Remove"}),e.jsx(Fn,{status:t.status==="online"?"online":"error"})]})]}),e.jsxs("div",{className:"flex items-center gap-3 mt-2.5 pt-2.5 border-t border-border-subtle/50",children:[C&&e.jsxs("div",{className:"flex items-center gap-1.5 text-[11px]",children:[e.jsx("span",{className:`w-1.5 h-1.5 rounded-full ${C.state==="connected"?"bg-green-400":C.state==="connecting"||C.state==="new"?"bg-amber-400 animate-pulse":"bg-text-muted/30"}`}),e.jsxs("span",{className:"text-text-muted",children:["P2P ",C.state==="connected"?"connected":C.state==="connecting"||C.state==="new"?"connecting...":C.state||"off"]}),C.peers!==void 0&&C.peers>0&&e.jsxs("span",{className:"text-text-muted/60",children:["(",C.peers," peer",C.peers!==1?"s":"",")"]})]}),C&&b>0&&e.jsx("span",{className:"text-border-subtle",children:"·"}),b>0?e.jsxs("div",{className:"flex items-center gap-2 text-[11px] text-text-muted",children:[E.map(O=>{const ae=Xn(O.type),oe=O.cdpConnected;return e.jsxs("span",{className:"flex items-center gap-1 bg-bg-secondary px-1.5 py-0.5 rounded",children:[e.jsx("span",{children:ae.icon}),e.jsx("span",{children:ae.name}),oe!==void 0&&e.jsx("span",{className:`w-1.5 h-1.5 rounded-full ${oe?"bg-green-400":"bg-amber-400 animate-pulse"}`,title:oe?"CDP connected":"CDP connecting..."})]},O.id)}),A.map(O=>e.jsxs("span",{className:"flex items-center gap-1 bg-bg-secondary px-1.5 py-0.5 rounded",children:[e.jsx("span",{children:"⌨️"}),e.jsx("span",{children:O.cliName||"CLI"})]},O.id)),$.map(O=>e.jsxs("span",{className:"flex items-center gap-1 bg-bg-secondary px-1.5 py-0.5 rounded",children:[e.jsx("span",{children:"🔗"}),e.jsx("span",{children:O.cliName||"ACP"})]},O.id))]}):e.jsx("span",{className:"text-[11px] text-text-muted/60 italic",children:"No IDEs connected"})]}),(p||j)&&e.jsx("div",{className:`text-xs mt-2 px-1 ${c==="error"||d==="error"?"text-red-400":c==="done"||d==="done"?"text-green-400":"text-text-muted"}`,children:j||p})]}),m==="disconnect"&&e.jsx(Zt,{title:"🔌 Disconnect Machine",message:`Disconnect "${B}" from ADHDev?
40
+ ${d}`,_localId:`sys_approval_${Date.now()}`})}if(s.ideId&&((m=s.modalButtons)!=null&&m.length)&&this.resolveActionFn){const l=s.ideId,d=s.agentType||s.ideType||"",v=s.ideType||"",j=s.modalButtons,x=B=>B.replace(/[⌥⏎⇧⌫⌘⌃↵]/g,"").replace(/\s*(Alt|Ctrl|Shift|Cmd|Enter|Return|Esc|Tab|Backspace)(\+\s*\w+)*/gi,"").trim(),I=this.resolveActionFn,T=j.map((B,K)=>{const E=x(B).toLowerCase(),A=/^(run|approve|accept|yes|allow|always)/.test(E),$=/^(reject|deny|delete|remove|abort|cancel|no)/.test(E);return{label:x(B),variant:A?"primary":$?"danger":"default",onClick:()=>{const C=this.resolveRouteId(l,d),y=/^(run|approve|accept|yes|allow|always|proceed|save)/.test(E);I(C,"resolve_action",{action:y?"approve":"reject",button:B,buttonIndex:K,agentType:d,ideType:v})}}}),f=s.modalMessage?`⚡ ${i}: ${s.modalMessage.replace(/[\n\r]+/g," ").slice(0,80)}`:c,N=Date.now();this.emitToast({id:N,message:f,type:o,timestamp:N,ideId:l,actions:T,duration:15e3}),c=""}}else if(s.event==="monitor:long_generating"){const l=s.elapsedSec?` (${Math.round(s.elapsedSec/60)}m)`:"";c=`⚠️ ${i} agent is taking a long time${l}`,o="warning",nt("browser")&&!document.hasFocus()&&Rt(`⚠️ ${i} — Long Running`,`Agent has been generating for over ${l.replace(/[()]/g,"")}`,`long-${s.ideId||s.agentType}`)}else if(s.event==="team:view_request"){const l=s.requesterName||"A team member",d=s.requestId,v=s.orgId;if(c=`👁️ ${l} wants to view your session`,o="warning",d&&v&&this.viewRequestRespondFn){const j=this.viewRequestRespondFn,x=Date.now(),I=[{label:"Approve",variant:"primary",onClick:()=>{j(v,d,"approve").catch(T=>console.error("[EventManager] approve view request failed:",T))}},{label:"Decline",variant:"danger",onClick:()=>{j(v,d,"reject").catch(T=>console.error("[EventManager] reject view request failed:",T))}}];this.emitToast({id:x,message:c,type:o,timestamp:x,actions:I,duration:3e4}),c=""}nt("browser")&&!document.hasFocus()&&Rt("👁️ View Request",`${l} wants to view your session`,`view-request-${d}`)}else s.event==="team:view_request_approved"?(c="✅ View request approved",o="success"):s.event==="team:view_request_rejected"&&(c=`❌ ${s.targetName||"Team member"} declined your view request`,o="warning");if(c){const l=Date.now();this.emitToast({id:l,message:c,type:o,timestamp:l,ideId:s.ideId,duration:5e3})}}}const Je=new Dn;function it(...t){return Es($s(t))}function Bn({icon:t,title:s,subtitle:a,badge:r,actions:i,className:c}){return e.jsxs("div",{className:it("dashboard-header",c),children:[e.jsxs("div",{children:[e.jsxs("h1",{className:"header-title flex items-center gap-2",children:[e.jsx("span",{className:"flex items-center text-lg",children:t})," ",s,r&&e.jsxs("span",{className:"text-[10px] font-semibold px-1.5 py-px rounded-full bg-accent/10 text-accent-light",children:[r.count!==void 0?r.count:""," ",r.text]})]}),a&&e.jsx("div",{className:"header-subtitle mt-1 text-[11px] text-text-muted",children:a})]}),i&&e.jsx("div",{className:"flex gap-2",children:i})]})}function Ze({title:t,icon:s,description:a,accentColor:r,className:i,children:c}){return e.jsxs("div",{className:it("bg-bg-card border border-border-subtle rounded-2xl p-5 backdrop-blur-xl transition-all","hover:border-border-default hover:shadow-glow",r&&"border-l-[3px]",i),style:r?{borderLeftColor:r}:void 0,children:[(t||a)&&e.jsxs("div",{className:"mb-4",children:[t&&e.jsxs("h3",{className:"text-base font-semibold text-text-primary",children:[s&&e.jsx("span",{className:"mr-1.5",children:s}),t]}),a&&e.jsx("p",{className:"text-[13px] text-text-muted mt-1",children:a})]}),c]})}function Wn({icon:t,title:s,description:a,action:r,className:i}){return e.jsxs("div",{className:it("py-16 px-5 text-center bg-bg-glass border-2 border-dashed border-border-subtle rounded-2xl",i),children:[e.jsx("div",{className:"text-5xl mb-4 opacity-50",children:t}),e.jsx("h3",{className:"text-lg font-bold text-text-secondary mb-2",children:s}),e.jsx("p",{className:"text-sm text-text-muted max-w-sm mx-auto mb-5 leading-relaxed",children:a}),r]})}const On={online:"bg-green-500/10 text-green-400 border-green-500/30",idle:"bg-yellow-500/10 text-yellow-400 border-yellow-500/30",busy:"bg-orange-500/10 text-orange-400 border-orange-500/30",error:"bg-red-500/10 text-red-400 border-red-500/30",offline:"bg-gray-500/10 text-text-secondary border-gray-500/30"},Kn={online:"bg-green-500",idle:"bg-yellow-500",busy:"bg-orange-500",error:"bg-red-500",offline:"bg-gray-500"};function Fn({status:t,label:s,className:a}){const r=s||t;return e.jsxs("span",{className:it("inline-flex items-center gap-1.5 text-xs font-medium px-2.5 py-1 rounded-full border",On[t],a),children:[e.jsx("span",{className:it("w-2 h-2 rounded-full animate-[pulse-dot_2s_ease-in-out_infinite]",Kn[t])}),r]})}function Hn(){return typeof window>"u"?"dark":window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function Jt(){try{const t=localStorage.getItem("theme");if(t==="dark"||t==="light"||t==="system")return t}catch{}return"system"}function It(t){return t==="system"?Hn():t}function zn(){const[t,s]=n.useState(Jt),[a,r]=n.useState(()=>It(Jt()));n.useEffect(()=>{document.documentElement.setAttribute("data-theme",a)},[a]),n.useEffect(()=>{const o=window.matchMedia("(prefers-color-scheme: light)"),p=u=>{t==="system"&&r(u.matches?"light":"dark")};return o.addEventListener("change",p),()=>o.removeEventListener("change",p)},[t]);const i=n.useCallback(o=>{s(o),r(It(o));try{localStorage.setItem("theme",o)}catch{}},[]),c=n.useCallback(()=>{s(o=>{const p=o==="dark"?"light":o==="light"?"system":"dark";r(It(p));try{localStorage.setItem("theme",p)}catch{}return p})},[]);return{theme:a,preference:t,setPreference:i,cycleTheme:c,isDark:a==="dark"}}function Qe({label:t,description:s,checked:a,disabled:r,onChange:i,extra:c}){return e.jsxs("label",{className:"flex justify-between items-center cursor-pointer",children:[e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-sm",children:t}),e.jsx("div",{className:"text-[11px] text-text-muted",children:s})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[c,e.jsx("input",{type:"checkbox",checked:a,disabled:r,onChange:o=>i(o.target.checked),className:"w-5 h-5 accent-accent"})]})]})}function Un({onPrefChange:t}){const[s,a]=An(),r=(i,c)=>{a({[i]:c}),t==null||t(i,c)};return e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(Qe,{label:"🔔 Notifications",description:"Master toggle for all alerts",checked:s.globalEnabled,onChange:i=>r("globalEnabled",i)}),s.globalEnabled&&e.jsx("div",{className:"border-t border-border-subtle my-0.5"}),s.globalEnabled&&e.jsx(Qe,{label:"🖥️ Browser Notifications",description:"Desktop alerts when tab is inactive",checked:s.browserNotifications,onChange:i=>r("browserNotifications",i)}),s.globalEnabled&&s.browserNotifications&&e.jsxs("div",{className:"ml-5 pl-3 border-l-2 border-border-subtle flex flex-col gap-2",children:[e.jsx(Qe,{label:"✅ Completion Alerts",description:"Notify when agent finishes a task",checked:s.completionAlert,onChange:i=>r("completionAlert",i)}),e.jsx(Qe,{label:"⚡ Approval Alerts",description:"Notify when agent needs approval",checked:s.approvalAlert,onChange:i=>r("approvalAlert",i)}),e.jsx(Qe,{label:"📡 Connection Alerts",description:"Alert when a daemon disconnects",checked:s.disconnectAlert,onChange:i=>r("disconnectAlert",i)})]}),!s.globalEnabled&&e.jsx("p",{className:"text-[11px] text-text-muted italic",children:"All notifications are disabled. Enable the master toggle to configure individual alerts."})]})}function Yn({ides:t,emptyMessage:s,sendDaemonCommand:a,onDisconnect:r,onRevokeToken:i}){const c=t.filter(o=>o.type==="adhdev-daemon");return c.length===0?e.jsx(Wn,{icon:"🔌",title:"No machines connected",description:s||"Run 'adhdev daemon' on your machine to connect."}):e.jsx("div",{className:"flex flex-col gap-2",children:c.map(o=>e.jsx(Vn,{ide:o,allIdes:t,sendDaemonCommand:a,onDisconnect:r,onRevokeToken:i},o.id))})}function Zt({title:t,message:s,confirmLabel:a,confirmColor:r,onConfirm:i,onCancel:c}){const o=r==="red"?"bg-red-500/20 text-red-400 border-red-500/30 hover:bg-red-500/30":"bg-amber-500/20 text-amber-400 border-amber-500/30 hover:bg-amber-500/30";return As.createPortal(e.jsx("div",{className:"fixed inset-0 flex items-center justify-center bg-black/60 backdrop-blur-sm",style:{zIndex:9999},onClick:c,children:e.jsxs("div",{className:"bg-bg-primary border border-border-subtle rounded-xl p-5 max-w-sm w-full mx-4 shadow-2xl",onClick:p=>p.stopPropagation(),children:[e.jsx("div",{className:"font-semibold text-sm mb-3",children:t}),e.jsx("div",{className:"text-xs text-text-muted leading-relaxed mb-5 whitespace-pre-line",children:s}),e.jsxs("div",{className:"flex gap-2 justify-end",children:[e.jsx("button",{onClick:c,className:"text-xs px-3 py-1.5 rounded-lg font-medium bg-bg-secondary text-text-secondary border border-border-subtle hover:bg-bg-glass transition-colors",children:"Cancel"}),e.jsx("button",{onClick:i,className:`text-xs px-3 py-1.5 rounded-lg font-medium border transition-colors ${o}`,children:a})]})]})}),document.body)}const Gn={vscode:{icon:"💠",name:"VS Code"},cursor:{icon:"⚡",name:"Cursor"},windsurf:{icon:"🏄",name:"Windsurf"},codex:{icon:"🤖",name:"Codex"},"claude-code":{icon:"🟠",name:"Claude Code"},aider:{icon:"🔧",name:"Aider"}};function Xn(t){const s=t.replace(/^ide-/,"").replace(/-provider$/,"").toLowerCase();return Gn[s]||{icon:"📝",name:t}}function Vn({ide:t,allIdes:s,sendDaemonCommand:a,onDisconnect:r,onRevokeToken:i}){var G,re,V,ee;const[c,o]=n.useState("idle"),[p,u]=n.useState(""),[m,l]=n.useState(null),[d,v]=n.useState("idle"),[j,x]=n.useState(""),I=t,T=I.version||I.daemonVersion||null,f=((G=I.machine)==null?void 0:G.hostname)||((re=I.system)==null?void 0:re.hostname)||"",N=((V=I.machine)==null?void 0:V.platform)||((ee=I.system)==null?void 0:ee.platform)||"",B=I.machineNickname||(f==null?void 0:f.replace(/\.local$/,""))||"Machine",K=N==="win32"?"🪟":N==="darwin"?"🍎":"🐧",E=s.filter(O=>O.daemonId===t.id&&O.id.includes(":ide:")),A=s.filter(O=>O.daemonId===t.id&&O.id.includes(":cli:")),$=s.filter(O=>O.daemonId===t.id&&O.id.includes(":acp:")),C=I.p2p,y=async()=>{var O,ae,oe;if(a){o("upgrading"),u("Installing latest version...");try{const ue=await a(t.id,"daemon_upgrade",{});(O=ue==null?void 0:ue.result)!=null&&O.upgraded||(ae=ue==null?void 0:ue.result)!=null&&ae.success?(o("done"),u(`Upgraded to v${ue.result.version||"latest"}. Daemon is restarting...`)):(o("error"),u(((oe=ue==null?void 0:ue.result)==null?void 0:oe.error)||"Upgrade failed"))}catch(ue){o("error"),u((ue==null?void 0:ue.message)||"Connection lost during upgrade")}}},R=async()=>{if(l(null),!!r){v("loading");try{await r(t.id),v("done"),x("Machine disconnected.")}catch(O){v("error"),x((O==null?void 0:O.message)||"Failed to disconnect")}}},F=async()=>{if(l(null),!!i){v("loading");try{await i(t.id),v("done"),x('Token revoked. Machine must run "adhdev setup" to reconnect.')}catch(O){v("error"),x((O==null?void 0:O.message)||"Failed to revoke token")}}},H="0.6.37",Z=!T||T!==H,b=E.length+A.length+$.length;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"bg-bg-glass rounded-lg px-4 py-3 border border-border-subtle",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-xl",children:K}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-sm",children:B}),e.jsxs("div",{className:"text-xs text-text-muted font-mono flex items-center gap-2",children:[e.jsxs("span",{children:[t.id.substring(0,12),"…"]}),T&&e.jsxs("span",{className:`px-1.5 py-0.5 rounded text-[10px] ${Z?"bg-amber-500/15 text-amber-400":"bg-bg-secondary"}`,children:["v",T,!Z&&" ✓"]})]})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[a&&Z&&e.jsx("button",{onClick:y,disabled:c==="upgrading"||c==="done",className:"btn btn-sm btn-primary disabled:opacity-50 disabled:cursor-not-allowed",title:`Update to v${H}`,children:c==="upgrading"?e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"animate-spin",children:"⟳"})," Upgrading..."]}):c==="done"?"✓ Updated":`↑ Update${` to v${H}`}`}),r&&e.jsx("button",{onClick:()=>l("disconnect"),disabled:d==="loading",className:"btn btn-sm btn-warning disabled:opacity-50 disabled:cursor-not-allowed",title:"Disconnect this machine",children:"Disconnect"}),i&&e.jsx("button",{onClick:()=>l("revoke"),disabled:d==="loading",className:"btn btn-sm btn-danger disabled:opacity-50 disabled:cursor-not-allowed",title:"Remove machine (requires re-setup)",children:"Remove"}),e.jsx(Fn,{status:t.status==="online"?"online":"error"})]})]}),e.jsxs("div",{className:"flex items-center gap-3 mt-2.5 pt-2.5 border-t border-border-subtle/50",children:[C&&e.jsxs("div",{className:"flex items-center gap-1.5 text-[11px]",children:[e.jsx("span",{className:`w-1.5 h-1.5 rounded-full ${C.state==="connected"?"bg-green-400":C.state==="connecting"||C.state==="new"?"bg-amber-400 animate-pulse":"bg-text-muted/30"}`}),e.jsxs("span",{className:"text-text-muted",children:["P2P ",C.state==="connected"?"connected":C.state==="connecting"||C.state==="new"?"connecting...":C.state||"off"]}),C.peers!==void 0&&C.peers>0&&e.jsxs("span",{className:"text-text-muted/60",children:["(",C.peers," peer",C.peers!==1?"s":"",")"]})]}),C&&b>0&&e.jsx("span",{className:"text-border-subtle",children:"·"}),b>0?e.jsxs("div",{className:"flex items-center gap-2 text-[11px] text-text-muted",children:[E.map(O=>{const ae=Xn(O.type),oe=O.cdpConnected;return e.jsxs("span",{className:"flex items-center gap-1 bg-bg-secondary px-1.5 py-0.5 rounded",children:[e.jsx("span",{children:ae.icon}),e.jsx("span",{children:ae.name}),oe!==void 0&&e.jsx("span",{className:`w-1.5 h-1.5 rounded-full ${oe?"bg-green-400":"bg-amber-400 animate-pulse"}`,title:oe?"CDP connected":"CDP connecting..."})]},O.id)}),A.map(O=>e.jsxs("span",{className:"flex items-center gap-1 bg-bg-secondary px-1.5 py-0.5 rounded",children:[e.jsx("span",{children:"⌨️"}),e.jsx("span",{children:O.cliName||"CLI"})]},O.id)),$.map(O=>e.jsxs("span",{className:"flex items-center gap-1 bg-bg-secondary px-1.5 py-0.5 rounded",children:[e.jsx("span",{children:"🔗"}),e.jsx("span",{children:O.cliName||"ACP"})]},O.id))]}):e.jsx("span",{className:"text-[11px] text-text-muted/60 italic",children:"No IDEs connected"})]}),(p||j)&&e.jsx("div",{className:`text-xs mt-2 px-1 ${c==="error"||d==="error"?"text-red-400":c==="done"||d==="done"?"text-green-400":"text-text-muted"}`,children:j||p})]}),m==="disconnect"&&e.jsx(Zt,{title:"🔌 Disconnect Machine",message:`Disconnect "${B}" from ADHDev?
41
41
 
42
42
  This will close the server connection. The daemon process will continue running on the machine and will automatically reconnect.
43
43
 
@@ -68,4 +68,4 @@ Use this if you want to permanently remove a machine.`,confirmLabel:"Remove Mach
68
68
  This will terminate the process.`))try{const h=await s(t,"stop_cli",{cliType:L,dir:g,_targetInstance:D});h!=null&&h.success?y("info",`${L} stopped`):y("error",`Stop failed: ${(h==null?void 0:h.error)||"Unknown error"}`)}catch(h){y("error",`Stop failed: ${h.message}`)}},[t,y,s]),b=n.useCallback(async L=>{try{await s(L.daemonId,"restart_ide",{ideType:L.type}),y("info",`${De(L.type)} restart initiated`)}catch(g){y("error",`Restart failed: ${g.message}`)}},[y,s]),G=n.useCallback(async L=>{if(window.confirm(`Stop ${De(L.type)}?
69
69
  This will disconnect CDP and optionally kill the process.`))try{const g=await s(L.daemonId,"stop_ide",{ideType:L.type,killProcess:!0});g!=null&&g.success?y("info",`${De(L.type)} stopped`):y("error",`Stop failed: ${(g==null?void 0:g.error)||"Unknown error"}`)}catch(g){y("error",`Stop failed: ${g.message}`)}},[y,s]),re=n.useCallback(async()=>{if(t)try{const L=await s(t,"detect_ides",{});y("info",`Found ${((L==null?void 0:L.result)||[]).length} IDE(s)`)}catch(L){y("error",`Detection failed: ${L.message}`)}},[t,y,s]),V=n.useCallback(async()=>{if(t){u(!0);try{const L=await s(t,"get_recent_workspaces",{});L!=null&&L.success&&Array.isArray(L==null?void 0:L.result)&&T(L.result)}catch(L){y("error",`Failed: ${L.message}`)}finally{u(!1)}}},[t,y,s]),ee=n.useCallback(async L=>{if(!(!t||!L.trim())){l(!0);try{const g=await s(t,"workspace_add",{path:L.trim()});g!=null&&g.success?y("info",`Workspace added: ${L.trim()}`):y("error",(g==null?void 0:g.error)||"workspace_add failed")}catch(g){y("error",g.message)}finally{l(!1)}return!0}},[t,y,s]),O=n.useCallback(async L=>{if(!(!t||!window.confirm("Remove this workspace from the list?"))){l(!0);try{const g=await s(t,"workspace_remove",{id:L});g!=null&&g.success?y("info","Workspace removed"):y("error",(g==null?void 0:g.error)||"workspace_remove failed")}catch(g){y("error",g.message)}finally{l(!1)}}},[t,y,s]),ae=n.useCallback(async L=>{var g;if(t){l(!0);try{const D=await s(t,"workspace_set_default",L===null?{clear:!0}:{id:L});if(D!=null&&D.success){y("info",L?"Default workspace updated":"Default workspace cleared");const h=typeof D.defaultWorkspacePath=="string"?D.defaultWorkspacePath:"";h&&((g=$.current)==null||g.call($,h))}else y("error",(D==null?void 0:D.error)||"workspace_set_default failed")}catch(D){y("error",D.message)}finally{l(!1)}}},[t,y,s]),oe=n.useCallback(async L=>{var D;if(!t||!L.trim())return;const g=L.trim();l(!0);try{const h=await s(t,"workspace_set_default",{path:g});h!=null&&h.success?(y("info","Default workspace set from history"),(D=$.current)==null||D.call($,g)):y("error",(h==null?void 0:h.error)||"Could not set default (path missing on disk?)")}catch(h){y("error",h.message)}finally{l(!1)}},[t,y,s]),ue=n.useCallback(async()=>{var L;if(t){v(!0);try{const g=await s(t,"get_cli_history",{}),D=(g==null?void 0:g.history)??((L=g==null?void 0:g.result)==null?void 0:L.history);g!=null&&g.success&&Array.isArray(D)&&x(D)}catch{}v(!1)}},[t,s]),ie=n.useCallback(async()=>{if(t)try{await s(t,"set_machine_nickname",{nickname:E}),y("info",`Nickname set to "${E||"(cleared)"}"`),K(!1)}catch(L){y("error",`Failed: ${L.message}`)}},[t,E,y,s]);return{logs:r,launchingIde:c,loadingWorkspaces:p,workspaceBusy:m,loadingHistory:d,cliHistory:j,recentWorkspaces:I,launchPick:f,setLaunchPick:N,editingNickname:B,setEditingNickname:K,nicknameInput:E,setNicknameInput:A,addLog:y,handleLaunchIde:R,runLaunchCliCore:F,handleLaunchCli:H,handleStopCli:Z,handleRestartIde:b,handleStopIde:G,handleDetectIdes:re,handleLoadRecentWorkspaces:V,handleWorkspaceAdd:ee,handleWorkspaceRemove:O,handleWorkspaceSetDefault:ae,handleWorkspaceResumePath:oe,loadCliHistory:ue,handleSaveNickname:ie,setOnDefaultWorkspaceChanged:C}}function br({machine:t,managedIdes:s,managedClis:a,managedAcps:r,actions:i}){const{workspaceBusy:c,handleWorkspaceAdd:o,handleWorkspaceRemove:p,handleWorkspaceSetDefault:u}=i,[m,l]=n.useState(""),d=t.availableMem??t.freeMem,v=t.totalMem>0?Math.min(100,Math.max(0,Math.round((t.totalMem-d)/t.totalMem*100))):0,j=t.loadavg[0]||0;return e.jsxs("div",{children:[e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-2.5 mb-5",children:[e.jsx(ut,{icon:e.jsx(tn,{size:16}),label:"Uptime",value:jn(t.uptime)}),e.jsx(ut,{icon:e.jsx(dt,{size:16}),label:"IDEs",value:`${s.length}`}),e.jsx(ut,{icon:e.jsx(ps,{size:16}),label:"CLIs",value:`${a.length}`}),e.jsx(ut,{icon:e.jsx(hs,{size:16}),label:"ACPs",value:`${r.length}`})]}),e.jsxs("div",{className:"px-5 py-4 rounded-xl mb-5 bg-bg-secondary border border-border-subtle",children:[e.jsx("div",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-3",children:"Resource Usage"}),e.jsxs("div",{className:"flex gap-6",children:[e.jsx(Ut,{value:Math.min(Math.round(j/t.cpus*100),100),max:100,label:"CPU Load",color:"#8b5cf6",detail:`${j.toFixed(2)} avg / ${t.cpus} cores`}),e.jsx(Ut,{value:v,max:100,label:"Memory",color:"#3b82f6",detail:`${Yt(t.totalMem-d)} / ${Yt(t.totalMem)}${t.platform==="darwin"?" (approx.)":""}`})]})]}),e.jsxs("div",{className:"px-5 py-4 rounded-xl mb-5 bg-bg-secondary border border-border-subtle",children:[e.jsxs("div",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider flex items-center gap-1.5 mb-3",children:[e.jsx(At,{size:14})," Workspaces"]}),e.jsxs("div",{className:"flex flex-wrap gap-2 items-center mb-3",children:[e.jsx("span",{className:"text-[10px] text-text-muted",children:"Default:"}),e.jsxs("select",{className:"text-xs bg-bg-primary border border-border-subtle rounded-lg px-2 py-1 max-w-[min(100%,420px)]",disabled:c,value:t.defaultWorkspaceId||"",onChange:x=>void u(x.target.value===""?null:x.target.value),children:[e.jsx("option",{value:"",children:"(none)"}),(t.workspaces||[]).map(x=>e.jsx("option",{value:x.id,children:x.label||x.path},x.id))]}),t.defaultWorkspacePath&&e.jsx("span",{className:"text-[10px] text-text-muted font-mono truncate max-w-[min(100%,360px)]",title:t.defaultWorkspacePath,children:t.defaultWorkspacePath})]}),e.jsxs("div",{className:"flex flex-wrap gap-2 items-end",children:[e.jsx("input",{className:"flex-1 min-w-[200px] text-xs bg-bg-primary border border-border-subtle rounded-lg px-2.5 py-1.5",placeholder:"Add workspace path…",value:m,disabled:c,onChange:x=>l(x.target.value),onKeyDown:x=>x.key==="Enter"&&void(async()=>{await o(m)&&l("")})()}),e.jsx("button",{type:"button",className:"machine-btn text-xs px-3 py-1.5",disabled:c,onClick:async()=>{await o(m)&&l("")},children:"Add"})]}),(t.workspaces||[]).length>0&&e.jsx("ul",{className:"mt-3 space-y-1 max-h-32 overflow-y-auto",children:(t.workspaces||[]).map(x=>e.jsxs("li",{className:"flex items-center gap-2 text-[11px] text-text-muted",children:[x.id===t.defaultWorkspaceId&&e.jsx("span",{className:"text-[10px]",children:"⭐"}),e.jsx("span",{className:"font-mono truncate flex-1",title:x.path,children:x.path}),e.jsx("button",{type:"button",className:"text-[10px] text-red-400/90 hover:underline",disabled:c,onClick:()=>void p(x.id),children:"Remove"})]},x.id))})]})]})}const yr={ide:{label:"IDE",plural:"IDEs",accent:"border-blue-500/[0.12]"},cli:{label:"CLI",plural:"CLIs",accent:"border-violet-500/[0.12]"},acp:{label:"ACP Agent",plural:"ACP agents",accent:"border-emerald-500/[0.12]"}};function Et({category:t,machine:s,machineId:a,providers:r,managedEntries:i,getIcon:c,actions:o,sendDaemonCommand:p}){const u=lt(),{handleLaunchIde:m,handleLaunchCli:l,handleStopCli:d,handleRestartIde:v,handleStopIde:j,handleDetectIdes:x,cliHistory:I,loadingHistory:T,loadCliHistory:f,launchingIde:N}=o,B=yr[t],K=t==="ide",E=t==="acp",A=r.filter(h=>h.category===t),[$,C]=n.useState(""),[y,R]=n.useState(""),[F,H]=n.useState(""),[Z,b]=n.useState(s.defaultWorkspaceId||""),[G,re]=n.useState("");n.useEffect(()=>{!$&&A.length>0&&C(A[0].type)},[$,A.length]),n.useEffect(()=>{s.defaultWorkspaceId&&!Z&&b(s.defaultWorkspaceId)},[s.defaultWorkspaceId]);const V=(()=>{if(Z==="__custom__")return G.trim();if(!Z)return"";const h=(s.workspaces||[]).find(z=>z.id===Z);return(h==null?void 0:h.path)||""})(),[ee,O]=n.useState({}),[ae,oe]=n.useState(null);n.useEffect(()=>{if(!K||!a||!p)return;(async()=>{try{const z=await p(a,"get_ide_extensions",{}),Q=(z==null?void 0:z.result)||z;Q!=null&&Q.success&&(Q!=null&&Q.ides)&&O(Q.ides)}catch{}})()},[K,a,p]);const ue=h=>K?De(h.type):t==="cli"?h.cliName:h.acpName,ie=K?s.detectedIdes||[]:[],L=()=>{K?m($,V?{workspace:V}:void 0):l($,V,y||void 0,E&&F||void 0)},g=h=>{K?j(h):d(h.type,h.workspace,h.id)},D=e.jsxs("div",{className:"flex gap-2 items-center flex-wrap mb-3",children:[e.jsx("select",{value:Z,onChange:h=>{b(h.target.value),h.target.value!=="__custom__"&&re("")},className:"machine-input min-w-[200px] flex-1",children:(s.workspaces||[]).length>0?e.jsxs(e.Fragment,{children:[e.jsx("option",{value:"",children:"(no workspace — launch in home)"}),(s.workspaces||[]).map(h=>e.jsxs("option",{value:h.id,children:[h.id===s.defaultWorkspaceId?"⭐ ":"",h.label||h.path.split("/").filter(Boolean).pop()||h.path," — ",h.path]},h.id)),e.jsx("option",{value:"__custom__",children:"✏️ Custom path…"})]}):e.jsxs(e.Fragment,{children:[e.jsx("option",{value:"",children:"(no workspaces saved — add in Overview tab)"}),e.jsx("option",{value:"__custom__",children:"✏️ Custom path…"})]})}),Z==="__custom__"&&e.jsx("input",{type:"text",placeholder:"Enter absolute path…",value:G,onChange:h=>re(h.target.value),className:"machine-input flex-1 min-w-[200px]",autoFocus:!0})]});return e.jsxs("div",{children:[e.jsxs("div",{className:`px-5 py-4 rounded-xl mb-5 bg-bg-secondary border ${B.accent}`,children:[e.jsxs("div",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-2.5",children:["Launch ",B.label]}),D,K?e.jsx(e.Fragment,{children:e.jsxs("div",{className:"flex flex-wrap gap-2",children:[ie.map(h=>{const z=h.running||i.some(Q=>(Q.type||"").toLowerCase()===(h.type||"").toLowerCase());return e.jsxs("button",{onClick:()=>m(h.type||h.id||"",V?{workspace:V}:void 0),disabled:!!N,className:`machine-btn-primary flex items-center gap-1.5 ${z?"!border-green-500/30":""}`,style:{opacity:N&&N!==h.type?.4:1},children:[e.jsx("span",{children:c(h.type)}),z&&e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-green-500 shadow-[0_0_4px_rgba(34,197,94,0.4)]"}),N===h.type?"⏳ Launching...":`▶ ${h.name||De(h.type)}`,z&&e.jsx("span",{className:"text-[9px] text-green-400 font-normal",children:"+ window"})]},h.type)}),ie.length===0&&e.jsxs("div",{className:"text-xs text-text-muted italic",children:["No IDEs detected.",e.jsxs("button",{onClick:x,className:"machine-btn ml-2 flex items-center gap-1",children:[e.jsx(Zs,{size:12})," Scan"]})]})]})}):e.jsxs("div",{className:"flex gap-2 items-center flex-wrap",children:[e.jsx("select",{value:$,onChange:h=>C(h.target.value),className:"machine-input",children:A.length>0?A.map(h=>e.jsxs("option",{value:h.type,children:[h.icon," ",h.displayName]},h.type)):e.jsxs("option",{value:"",disabled:!0,children:["No ",t.toUpperCase()," providers available"]})}),E&&e.jsx("input",{type:"text",placeholder:"Model (default)",value:F,onChange:h=>H(h.target.value),className:"machine-input min-w-[120px]"}),e.jsx("input",{type:"text",placeholder:"Args (optional)",value:y,onChange:h=>R(h.target.value),className:"machine-input min-w-[120px]"}),e.jsx("button",{onClick:L,className:"machine-btn-primary",children:"▶ Launch"})]})]}),e.jsxs("div",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-2.5",children:["Running (",i.length,")"]}),i.length===0?e.jsxs("div",{className:"py-7.5 px-5 text-center rounded-xl bg-bg-secondary border border-dashed border-border-subtle text-text-muted text-[13px] mb-5",children:["No ",B.plural," running"]}):e.jsx("div",{className:"flex flex-col gap-2.5 mb-5",children:i.map(h=>{const z=K?h:null,Q=E?h:null;return e.jsxs("div",{className:"px-4.5 py-3.5 rounded-xl bg-bg-secondary border border-border-subtle",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("span",{className:"text-lg",children:c(h.type)}),e.jsxs("div",{children:[e.jsxs("div",{className:"font-semibold text-[13px] text-text-primary",children:[ue(h),(z==null?void 0:z.version)&&e.jsxs("span",{className:"text-[10px] text-text-muted ml-1.5",children:["v",z.version]})]}),e.jsxs("div",{className:"text-[11px] text-text-muted flex gap-2",children:[e.jsx("span",{children:h.workspace||"—"}),(Q==null?void 0:Q.currentModel)&&e.jsxs("span",{className:"text-cyan-500",children:["🤖 ",Q.currentModel]}),(Q==null?void 0:Q.currentPlan)&&e.jsxs("span",{className:"text-amber-500",children:["📋 ",Q.currentPlan]})]})]})]}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`px-2 py-0.5 rounded-md text-[10px] font-semibold ${h.status==="stopped"?"bg-red-500/[0.08] text-red-500":h.status==="generating"?"bg-orange-500/[0.08] text-orange-400":"bg-green-500/[0.08] text-green-500"}`,children:h.status}),K&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{onClick:()=>u(`/ide/${h.id}`),className:"machine-btn flex items-center gap-1",children:[e.jsx(dt,{size:13})," Control"]}),e.jsx("button",{onClick:()=>v(h),className:"machine-btn text-amber-500 border-amber-500/30",children:"↻"})]}),E&&e.jsx("button",{onClick:()=>u(`/ide/${h.id}`),className:"machine-btn",title:"View chat",children:e.jsx(bt,{size:14})}),h.status==="stopped"?e.jsx("button",{onClick:()=>K?m(h.type,h.workspace?{workspace:h.workspace}:void 0):l(h.type,h.workspace),className:"machine-btn text-green-500 border-green-500/30",children:"▶"}):e.jsx("button",{onClick:()=>g(h),className:"machine-btn text-red-500 border-red-500/30",children:"■"})]})]}),z&&z.aiAgents.length>0&&e.jsx("div",{className:"flex gap-1 mb-2 flex-wrap",children:z.aiAgents.map(xe=>e.jsxs("span",{className:`px-2 py-0.5 rounded-md text-[10px] ${xe.status==="generating"||xe.status==="streaming"?"bg-orange-500/[0.08] text-orange-400":"bg-indigo-500/[0.06] text-indigo-400"}`,children:[xe.name," · ",xe.status]},xe.id))}),z&&(ee[z.type]||[]).length>0&&p&&e.jsxs("div",{className:"mt-2 pt-2 border-t border-border-subtle",children:[e.jsx("div",{className:"text-[10px] text-text-muted font-semibold uppercase tracking-wider mb-1.5",children:"Extensions"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:(ee[z.type]||[]).map(xe=>e.jsxs("button",{disabled:ae===`${z.type}.${xe.type}`,onClick:async()=>{const ge=`${z.type}.${xe.type}`;oe(ge);try{await p(a,"set_ide_extension",{ideType:z.type,extensionType:xe.type,enabled:!xe.enabled}),O(he=>({...he,[z.type]:(he[z.type]||[]).map(ke=>ke.type===xe.type?{...ke,enabled:!ke.enabled}:ke)}))}catch(he){console.error("Extension toggle failed:",he)}finally{oe(null)}},className:`flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[11px] font-medium border transition-colors duration-150 cursor-pointer ${xe.enabled?"bg-violet-500/[0.08] border-violet-500/20 text-violet-400":"bg-bg-glass border-border-subtle text-text-muted"}`,children:[e.jsx("span",{className:`w-1.5 h-1.5 rounded-full ${xe.enabled?"bg-violet-400 shadow-[0_0_4px_rgba(139,92,246,0.4)]":"bg-zinc-600"}`}),xe.name,e.jsx("span",{className:"text-[9px] font-normal",children:xe.enabled?"ON":"OFF"})]},xe.type))})]})]},h.id)})}),!K&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2.5",children:[e.jsx("span",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider",children:"History"}),e.jsx("button",{onClick:f,disabled:T,className:"machine-btn",children:T?"⏳":"↻ Load"})]}),(()=>{const h=new Set(A.map(Q=>Q.type)),z=I.filter(Q=>h.has(Q.cliType));return z.length>0?e.jsx("div",{className:"flex flex-col gap-1 max-h-[200px] overflow-y-auto",children:z.map((Q,xe)=>{var ge,he;return e.jsxs("div",{onClick:()=>{C(Q.cliType),b("__custom__"),re(Q.dir),R((Q.cliArgs||[]).join(" "))},className:"flex justify-between items-center px-2.5 py-1.5 rounded-md cursor-pointer bg-bg-glass border border-border-subtle text-xs transition-colors duration-150 hover:bg-bg-glass-hover",children:[e.jsxs("div",{className:"flex gap-1.5 items-center text-text-secondary",children:[e.jsx("span",{children:c(Q.cliType)}),e.jsx("span",{children:((ge=Q.dir)==null?void 0:ge.split("/").filter(Boolean).pop())||"root"}),((he=Q.cliArgs)==null?void 0:he.length)>0&&e.jsx("span",{className:"text-text-muted text-[10px]",children:Q.cliArgs.join(" ")})]}),e.jsx("span",{className:"text-text-muted text-[10px]",children:Q.timestamp?new Date(Q.timestamp).toLocaleDateString():""})]},xe)})}):e.jsxs("div",{className:"text-[11px] text-text-muted italic mb-2",children:["No ",B.label," launch history yet."]})})()]})]})}const ss=["openPanel","sendMessage","readChat","newSession","listSessions","switchSession","resolveAction","listModels","setModel","listModes","setMode","focusEditor"],jr=[{value:"codex-cli",label:"Codex CLI",desc:"OpenAI o3/gpt-5.4",color:"#22c55e"},{value:"claude-cli",label:"Claude Code",desc:"Anthropic Claude",color:"#a855f7"},{value:"gemini-cli",label:"Gemini CLI",desc:"Google Gemini",color:"#3b82f6"}];function vr({machineId:t,provider:s,sendDaemonCommand:a,onClose:r}){const[i,c]=n.useState("config"),[o,p]=n.useState("codex-cli"),[u,m]=n.useState([]),[l,d]=n.useState(""),[v,j]=n.useState([]),[x,I]=n.useState(""),T=n.useRef(null),f=n.useRef(null),N=C=>{m(y=>y.includes(C)?y.filter(R=>R!==C):[...y,C])},B=()=>m([...ss]),K=()=>m([]);n.useEffect(()=>{var C;(C=T.current)==null||C.scrollIntoView({behavior:"smooth"})},[v]),n.useEffect(()=>()=>{f.current&&clearInterval(f.current)},[]);const E=n.useCallback(()=>{f.current&&clearInterval(f.current),f.current=setInterval(async()=>{try{const C=await a(t,"provider_auto_fix_status",{providerType:s.type});(C==null?void 0:C.running)===!1&&i==="running"&&(c("done"),j(y=>[...y,`
70
70
  ✅ Auto-fix completed!`]),f.current&&clearInterval(f.current))}catch{}},3e3)},[t,s.type,a,i]),A=async()=>{if(u.length!==0){c("running"),j(["🚀 Starting auto-fix...",`Agent: ${o}`,`Scripts: ${u.join(", ")}`,l?`💬 Comment: ${l}`:"",""]),I("");try{const C=await a(t,"provider_auto_fix",{providerType:s.type,functions:u,agent:o,...l?{comment:l}:{}});C!=null&&C.success&&(C!=null&&C.started||C!=null&&C.running)?(j(y=>[...y,"✅ Agent started. Monitoring progress..."]),E()):(c("error"),I((C==null?void 0:C.error)||"Failed to start auto-fix"))}catch(C){c("error"),I((C==null?void 0:C.message)||"Connection failed")}}},$=async()=>{try{await a(t,"provider_auto_fix_cancel",{providerType:s.type}),j(C=>[...C,`
71
- ⚠️ Auto-fix cancelled.`]),c("done"),f.current&&clearInterval(f.current)}catch{}};return e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm",onClick:r,children:e.jsxs("div",{className:"w-full max-w-[560px] max-h-[85vh] overflow-hidden rounded-2xl bg-bg-primary border border-border-subtle shadow-2xl flex flex-col",onClick:C=>C.stopPropagation(),children:[e.jsxs("div",{className:"px-5 py-4 border-b border-border-subtle flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("span",{className:"text-lg",children:s.icon||"🔧"}),e.jsxs("div",{children:[e.jsxs("h2",{className:"text-[15px] font-semibold text-text-primary",children:["Auto-Fix: ",s.displayName]}),e.jsx("p",{className:"text-[11px] text-text-muted mt-0.5",children:"AI agent will implement provider scripts"})]})]}),e.jsx("button",{onClick:r,className:"text-text-muted hover:text-text-primary text-lg leading-none",children:"×"})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto px-5 py-4",children:[i==="config"&&e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-1.5 block",children:"AI Agent"}),e.jsx("div",{className:"flex gap-2",children:jr.map(C=>e.jsxs("button",{onClick:()=>p(C.value),className:"flex-1 px-3 py-2 rounded-lg border text-left transition-all",style:{borderColor:o===C.value?C.color+"66":"var(--border-subtle)",background:o===C.value?C.color+"0d":"transparent"},children:[e.jsx("div",{className:"text-[12px] font-semibold",style:{color:o===C.value?C.color:"var(--text-primary)"},children:C.label}),e.jsx("div",{className:"text-[10px] text-text-muted",children:C.desc})]},C.value))})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-1.5",children:[e.jsx("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider",children:"Scripts to Fix"}),e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("button",{onClick:B,className:"text-[10px] text-violet-400 hover:text-violet-300",children:"All"}),e.jsx("span",{className:"text-[10px] text-text-muted",children:"|"}),e.jsx("button",{onClick:K,className:"text-[10px] text-text-muted hover:text-text-secondary",children:"None"})]})]}),e.jsx("div",{className:"grid grid-cols-3 gap-1.5",children:ss.map(C=>e.jsxs("button",{onClick:()=>N(C),className:"px-2.5 py-1.5 rounded-md border text-[11px] font-medium text-left transition-all",style:{borderColor:u.includes(C)?"rgba(139,92,246,0.4)":"var(--border-subtle)",background:u.includes(C)?"rgba(139,92,246,0.08)":"transparent",color:u.includes(C)?"#a78bfa":"var(--text-secondary)"},children:[u.includes(C)?"☑ ":"☐ ",C]},C))})]}),e.jsxs("div",{children:[e.jsxs("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-1.5 block",children:["Additional Instructions ",e.jsx("span",{className:"text-text-muted font-normal",children:"(optional)"})]}),e.jsx("textarea",{value:l,onChange:C=>d(C.target.value),placeholder:"e.g. Shadow DOM 안의 버튼도 탐색해줘, readChat에서 코드블럭 포맷 유지해...",rows:2,className:"w-full px-3 py-2 rounded-lg border border-border-subtle bg-bg-secondary text-text-primary text-[12px] resize-none placeholder:text-text-muted/50 focus:outline-none focus:border-violet-500/40"})]})]}),(i==="running"||i==="done"||i==="error")&&e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-1.5 block",children:"Agent Output"}),e.jsxs("div",{className:"rounded-lg border border-border-subtle bg-[#0d0d0d] p-3 font-mono text-[11px] leading-relaxed text-text-secondary overflow-y-auto",style:{maxHeight:320,minHeight:200},children:[v.map((C,y)=>e.jsx("div",{className:C.startsWith("✅")?"text-green-400":C.startsWith("❌")||C.startsWith("⚠")?"text-amber-400":"",children:C},y)),i==="running"&&e.jsx("div",{className:"text-violet-400 animate-pulse mt-1",children:"● Running..."}),e.jsx("div",{ref:T})]}),x&&e.jsx("div",{className:"mt-2 px-3 py-2 rounded-lg bg-red-500/[0.06] border border-red-500/20 text-red-400 text-[11px]",children:x})]})]}),e.jsxs("div",{className:"px-5 py-3.5 border-t border-border-subtle flex justify-between items-center",children:[e.jsxs("div",{className:"text-[10px] text-text-muted",children:[i==="config"&&u.length>0&&`${u.length} script(s) selected`,i==="running"&&"Agent is working...",i==="done"&&"Run `adhdev provider verify` to validate"]}),e.jsxs("div",{className:"flex gap-2",children:[i==="config"&&e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:r,className:"machine-btn",children:"Cancel"}),e.jsx("button",{onClick:A,disabled:u.length===0,className:"machine-btn",style:{background:u.length>0?"rgba(139,92,246,0.15)":void 0,borderColor:u.length>0?"rgba(139,92,246,0.4)":void 0,color:u.length>0?"#a78bfa":void 0,opacity:u.length===0?.4:1},children:"🚀 Start Fix"})]}),i==="running"&&e.jsx("button",{onClick:$,className:"machine-btn text-red-400 border-red-500/30",children:"⬛ Cancel"}),(i==="done"||i==="error")&&e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:()=>{c("config"),j([]),I("")},className:"machine-btn",children:"← Back"}),e.jsx("button",{onClick:r,className:"machine-btn",children:"Close"})]})]})]})]})})}function wr({machineId:t,providers:s,sendDaemonCommand:a,onClose:r,onCreated:i}){var E;const c=s.filter(A=>A.category==="ide"),[o,p]=n.useState(((E=c[0])==null?void 0:E.type)||""),[u,m]=n.useState(""),[l,d]=n.useState(""),[v,j]=n.useState(!1),[x,I]=n.useState(""),[T,f]=n.useState(!1),N=A=>{const $=A.toLowerCase().replace(/[^a-z0-9-]/g,"");m($),(!l||l===B(u))&&d(B($))},B=A=>A.split("-").map($=>$.charAt(0).toUpperCase()+$.slice(1)).join(" "),K=async()=>{if(!(!u||!l||!o)){j(!0),I("");try{const A=await a(t,"provider_clone",{type:u,name:l,category:"ide",location:"user",cloneFrom:o});A!=null&&A.success||A!=null&&A.created?(f(!0),i==null||i(u)):I((A==null?void 0:A.error)||"Failed to create provider")}catch(A){I((A==null?void 0:A.message)||"Connection failed")}j(!1)}};return e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm",onClick:r,children:e.jsxs("div",{className:"w-full max-w-[480px] rounded-2xl bg-bg-primary border border-border-subtle shadow-2xl flex flex-col",onClick:A=>A.stopPropagation(),children:[e.jsxs("div",{className:"px-5 py-4 border-b border-border-subtle",children:[e.jsx("h2",{className:"text-[15px] font-semibold text-text-primary",children:"✨ Create User Provider"}),e.jsx("p",{className:"text-[11px] text-text-muted mt-0.5",children:"Clone an upstream IDE provider to customize"})]}),e.jsx("div",{className:"px-5 py-4 flex flex-col gap-4",children:T?e.jsxs("div",{className:"text-center py-6",children:[e.jsx("div",{className:"text-3xl mb-2",children:"🎉"}),e.jsx("h3",{className:"text-[14px] font-semibold text-text-primary",children:"Provider Created!"}),e.jsxs("p",{className:"text-[11px] text-text-muted mt-1",children:[e.jsx("code",{className:"text-violet-400",children:u})," has been created at ",e.jsxs("code",{className:"text-green-400",children:["~/.adhdev/providers/",u,"/"]})]}),e.jsxs("p",{className:"text-[11px] text-text-muted mt-2",children:["Run ",e.jsxs("code",{className:"text-violet-400",children:["adhdev provider fix ",u]})," or use Auto-Fix to implement scripts."]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-1.5 block",children:"Base Provider"}),e.jsx("div",{className:"grid grid-cols-3 gap-1.5",children:c.map(A=>e.jsxs("button",{onClick:()=>p(A.type),className:"px-2.5 py-2 rounded-lg border text-center transition-all",style:{borderColor:o===A.type?"rgba(139,92,246,0.4)":"var(--border-subtle)",background:o===A.type?"rgba(139,92,246,0.08)":"transparent"},children:[e.jsx("div",{className:"text-lg",children:A.icon}),e.jsx("div",{className:"text-[10px] font-medium mt-0.5",style:{color:o===A.type?"#a78bfa":"var(--text-secondary)"},children:A.displayName})]},A.type))})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-1.5 block",children:"Provider Type (ID)"}),e.jsx("input",{value:u,onChange:A=>N(A.target.value),placeholder:"my-cursor, custom-windsurf...",className:"w-full px-3 py-2 rounded-lg border border-border-subtle bg-bg-secondary text-text-primary text-[12px] placeholder:text-text-muted/50 focus:outline-none focus:border-violet-500/40"}),e.jsxs("p",{className:"text-[10px] text-text-muted mt-1",children:["Lowercase, alphanumeric + hyphens only. Will be created at ",e.jsxs("code",{className:"text-violet-400",children:["~/.adhdev/providers/",u||"...","/"]})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-1.5 block",children:"Display Name"}),e.jsx("input",{value:l,onChange:A=>d(A.target.value),placeholder:"My Custom IDE",className:"w-full px-3 py-2 rounded-lg border border-border-subtle bg-bg-secondary text-text-primary text-[12px] placeholder:text-text-muted/50 focus:outline-none focus:border-violet-500/40"})]}),x&&e.jsx("div",{className:"px-3 py-2 rounded-lg bg-red-500/[0.06] border border-red-500/20 text-red-400 text-[11px]",children:x})]})}),e.jsx("div",{className:"px-5 py-3.5 border-t border-border-subtle flex justify-end gap-2",children:T?e.jsx("button",{onClick:r,className:"machine-btn",children:"Close"}):e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:r,className:"machine-btn",children:"Cancel"}),e.jsx("button",{onClick:K,disabled:!u||!l||v,className:"machine-btn",style:{background:u&&l?"rgba(34,197,94,0.12)":void 0,borderColor:u&&l?"rgba(34,197,94,0.3)":void 0,color:u&&l?"#86efac":void 0,opacity:!u||!l||v?.4:1},children:v?"⏳ Creating...":"✨ Create Provider"})]})})]})})}function Nr({machineId:t,providers:s,sendDaemonCommand:a}){const[r,i]=n.useState([]),[c,o]=n.useState(!1),[p,u]=n.useState(null),[m,l]=n.useState("all"),[d,v]=n.useState(null),[j,x]=n.useState(!1),I=n.useCallback(async()=>{var f;if(t){o(!0);try{const N=await a(t,"get_provider_settings",{}),B=(N==null?void 0:N.result)||N;if(N!=null&&N.success&&(B!=null&&B.settings)){const K=[];for(const[E,A]of Object.entries(B.settings)){const $=s.find(C=>C.type===E);K.push({type:E,displayName:($==null?void 0:$.displayName)||E,icon:($==null?void 0:$.icon)||"",category:($==null?void 0:$.category)||"unknown",schema:A,values:((f=B.values)==null?void 0:f[E])||{}})}K.sort((E,A)=>E.category.localeCompare(A.category)||E.displayName.localeCompare(A.displayName)),i(K)}}catch{}o(!1)}},[t,s,a]);n.useEffect(()=>{r.length===0&&I()},[]);const T=async(f,N,B)=>{u(`${f}.${N}`),i(K=>K.map(E=>E.type===f?{...E,values:{...E.values,[N]:B}}:E));try{const K=await a(t,"set_provider_setting",{providerType:f,key:N,value:B});K!=null&&K.success||I()}catch{I()}u(null)};return e.jsxs("div",{children:[e.jsxs("div",{className:"flex justify-between items-center mb-4",children:[e.jsxs("div",{className:"flex gap-1 items-center",children:[e.jsx("span",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mr-2",children:"Filter"}),["all","acp","cli","ide","extension"].map(f=>e.jsx("button",{onClick:()=>l(f),className:`machine-btn text-[10px] px-2 py-0.5 ${m===f?"bg-violet-500/15 border-violet-500/40 text-violet-400":""}`,children:f.toUpperCase()},f))]}),e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("button",{onClick:()=>x(!0),className:"machine-btn text-[10px] bg-green-500/[0.06] border-green-500/20 text-green-400 hover:bg-green-500/[0.12]",children:"✨ Create Provider"}),e.jsx("button",{onClick:I,disabled:c,className:"machine-btn",children:c?"⏳ Loading...":"↻ Refresh"})]})]}),m!=="all"&&r.filter(f=>f.category===m).length>1&&(()=>{const f=r.filter(E=>E.category===m),N=new Map;for(const E of f)for(const A of E.schema){if(A.type!=="boolean")continue;const $=N.get(A.key),C=!!(E.values[A.key]??A.default);$?($.onCount+=C?1:0,$.total+=1):N.set(A.key,{label:A.label||A.key,onCount:C?1:0,total:1})}const B=[...N.entries()].filter(([,E])=>E.total===f.length);if(B.length===0)return null;const K=async(E,A)=>{for(const $ of f)await T($.type,E,A)};return e.jsxs("div",{className:"px-4 py-3 rounded-xl bg-violet-500/[0.04] border border-violet-500/10 mb-4",children:[e.jsxs("div",{className:"text-[10px] text-violet-400 font-semibold uppercase tracking-wider mb-2",children:["Bulk — Apply to all ",m.toUpperCase()," providers (",f.length,")"]}),e.jsx("div",{className:"flex flex-wrap gap-2",children:B.map(([E,A])=>{const $=A.onCount===A.total,C=A.onCount===0;return e.jsxs("div",{className:"flex items-center gap-1.5 text-[11px]",children:[e.jsx("span",{className:"text-text-secondary font-medium",children:A.label}),e.jsxs("span",{className:"text-[9px] text-text-muted",children:["(",A.onCount,"/",A.total,")"]}),e.jsx("button",{onClick:()=>void K(E,!0),disabled:$,className:`machine-btn text-[9px] px-1.5 py-px ${$?"opacity-40":"text-green-400 border-green-500/30"}`,children:"All ON"}),e.jsx("button",{onClick:()=>void K(E,!1),disabled:C,className:`machine-btn text-[9px] px-1.5 py-px ${C?"opacity-40":"text-red-400 border-red-500/30"}`,children:"All OFF"})]},E)})})]})})(),c&&r.length===0?e.jsx("div",{className:"p-10 text-center text-text-muted",children:"Loading provider settings..."}):e.jsx("div",{className:"flex flex-col gap-2",children:r.filter(f=>m==="all"||f.category===m).map(f=>e.jsxs("div",{className:"px-4.5 py-3.5 rounded-xl bg-bg-secondary border border-border-subtle",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2.5",children:[e.jsx("span",{className:"text-lg",children:f.icon}),e.jsx("span",{className:"font-semibold text-[13px] text-text-primary",children:f.displayName}),e.jsx("span",{className:"px-1.5 py-px rounded text-[9px] font-semibold",style:{background:f.category==="acp"?"rgba(139,92,246,0.08)":f.category==="cli"?"rgba(59,130,246,0.08)":f.category==="ide"?"rgba(34,197,94,0.08)":"rgba(245,158,11,0.08)",color:f.category==="acp"?"#a78bfa":f.category==="cli"?"#60a5fa":f.category==="ide"?"#86efac":"#fbbf24"},children:f.category}),f.category==="ide"&&e.jsx("button",{onClick:()=>v(s.find(N=>N.type===f.type)||{type:f.type,displayName:f.displayName,icon:f.icon,category:f.category}),className:"ml-auto machine-btn text-[9px] px-2 py-0.5 bg-violet-500/[0.06] border-violet-500/20 text-violet-400 hover:bg-violet-500/[0.12]",children:"🔧 Auto-Fix"})]}),e.jsx("div",{className:"flex flex-col gap-2",children:f.schema.map(N=>e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"text-xs font-medium text-text-primary",children:[N.label||N.key,p===`${f.type}.${N.key}`&&e.jsx("span",{className:"ml-1.5 text-[9px] text-violet-500",children:"saving..."})]}),N.description&&e.jsx("div",{className:"text-[10px] text-text-muted mt-px",children:N.description})]}),e.jsx("div",{className:"shrink-0",children:N.type==="boolean"?e.jsx("button",{onClick:()=>T(f.type,N.key,!(f.values[N.key]??N.default)),className:"w-10 h-[22px] rounded-[11px] border-none relative cursor-pointer transition-colors duration-200",style:{background:f.values[N.key]??N.default?"#8b5cf6":"var(--border-subtle)"},children:e.jsx("div",{className:"w-4 h-4 rounded-full bg-white absolute top-[3px] transition-[left] duration-200 shadow-[0_1px_3px_rgba(0,0,0,0.3)]",style:{left:f.values[N.key]??N.default?21:3}})}):N.type==="number"?e.jsx("input",{type:"number",value:f.values[N.key]??N.default??0,min:N.min,max:N.max,onChange:B=>{const K=parseInt(B.target.value)||0;N.min!==void 0&&K<N.min||N.max!==void 0&&K>N.max||T(f.type,N.key,K)},className:"machine-input w-20 text-center text-[11px]"}):N.type==="select"&&N.options?e.jsx("select",{value:f.values[N.key]??N.default??"",onChange:B=>T(f.type,N.key,B.target.value),className:"machine-input text-[11px]",children:N.options.map(B=>e.jsx("option",{value:B,children:B},B))}):e.jsx("input",{type:"text",value:f.values[N.key]??N.default??"",onBlur:B=>T(f.type,N.key,B.target.value),className:"machine-input w-[120px] text-[11px]"})})]},N.key))})]},f.type))}),d&&e.jsx(vr,{machineId:t,provider:d,sendDaemonCommand:a,onClose:()=>v(null)}),j&&e.jsx(wr,{machineId:t,providers:s,sendDaemonCommand:a,onClose:()=>x(!1),onCreated:()=>{x(!1),I()}})]})}function kr({machineId:t,sendDaemonCommand:s}){const[a,r]=n.useState([]),[i,c]=n.useState(0),[o,p]=n.useState(!0),[u,m]=n.useState("debug"),l=n.useRef(null),d=n.useRef(!1);return n.useEffect(()=>{if(!t||!o)return;const v=async()=>{try{const x=await s(t,"get_logs",{count:200,minLevel:u,since:i}),I=(x==null?void 0:x.result)||x;if(x!=null&&x.success&&Array.isArray(I==null?void 0:I.logs)&&I.logs.length>0){r(f=>[...f,...I.logs.map(B=>({timestamp:B.ts,level:B.level,message:`[${B.category}] ${B.message}`}))].slice(-300));const T=Math.max(...I.logs.map(f=>f.ts));c(T)}}catch{}};v();const j=setInterval(v,3e3);return()=>clearInterval(j)},[t,o,i,u,s]),n.useEffect(()=>{if(o&&a.length>0){const v=d.current?"smooth":"instant";setTimeout(()=>{var j;(j=l.current)==null||j.scrollIntoView({behavior:v}),d.current=!0},50)}},[a.length,o]),e.jsxs("div",{children:[e.jsxs("div",{className:"flex justify-between items-center mb-3",children:[e.jsxs("div",{className:"flex gap-1 items-center",children:[e.jsx("span",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mr-2",children:"Level"}),["debug","info","warn","error"].map(v=>e.jsx("button",{onClick:()=>{m(v),r([]),c(0)},className:`machine-btn text-[10px] px-2 py-0.5 ${u===v?"bg-violet-500/15 border-violet-500/40 text-violet-400":""}`,children:v.toUpperCase()},v))]}),e.jsxs("div",{className:"flex gap-1.5 items-center",children:[e.jsxs("span",{className:"text-[10px] text-text-muted",children:[a.length," entries"]}),e.jsx("button",{onClick:()=>p(!o),className:`machine-btn ${o?"text-green-500 border-green-500/30":""}`,children:o?"⏸ Pause":"▶ Resume"}),e.jsx("button",{onClick:()=>{r([]),c(0)},className:"machine-btn",children:"Clear"})]})]}),e.jsxs("div",{className:"bg-bg-secondary border border-border-subtle rounded-xl p-3 min-h-[200px] max-h-[500px] overflow-y-auto font-mono text-[11px] leading-relaxed",children:[a.length===0&&e.jsx("div",{className:"p-10 text-center text-text-muted",children:"Loading daemon logs..."}),a.map((v,j)=>e.jsxs("div",{className:"flex gap-2 py-px",style:{color:v.level==="error"?"#ef4444":v.level==="warn"?"#f59e0b":v.level==="debug"?"#64748b":"#94a3b8"},children:[e.jsx("span",{className:"text-text-muted min-w-[75px] shrink-0",children:new Date(v.timestamp).toLocaleTimeString()}),e.jsx("span",{className:"font-semibold min-w-[32px] shrink-0 text-[9px]",style:{color:v.level==="error"?"#ef4444":v.level==="warn"?"#f59e0b":v.level==="debug"?"#475569":"#8b5cf6"},children:v.level==="error"?"ERR":v.level==="warn"?"WRN":v.level==="debug"?"DBG":"INF"}),e.jsx("span",{children:v.message})]},j)),e.jsx("div",{ref:l})]})]})}function Sr({machine:t,launchPick:s,actions:a}){const{runLaunchCliCore:r,setLaunchPick:i}=a;return e.jsx("div",{className:"fixed inset-0 z-[100] flex items-center justify-center p-4 bg-black/55 backdrop-blur-[2px]",role:"dialog","aria-modal":"true","aria-labelledby":"launch-pick-title",children:e.jsxs("div",{className:"w-full max-w-md rounded-xl border border-border-subtle bg-bg-secondary shadow-xl p-5",children:[e.jsx("h2",{id:"launch-pick-title",className:"text-sm font-semibold text-text-primary m-0 mb-1",children:"Where should this run?"}),e.jsx("p",{className:"text-[11px] text-text-muted m-0 mb-4",children:"Nothing is assumed. Pick a saved workspace, your default workspace, or home — or cancel and type a path."}),e.jsx("div",{className:"flex flex-col gap-2 mb-4 max-h-48 overflow-y-auto",children:(t.workspaces||[]).length===0?e.jsx("span",{className:"text-[11px] text-text-muted",children:"No saved workspaces yet. Add one in Overview or type a path above."}):(t.workspaces||[]).map(c=>e.jsxs("button",{type:"button",className:"text-left text-xs px-3 py-2 rounded-lg border border-border-subtle bg-bg-primary hover:bg-violet-500/10 transition-colors",onClick:()=>{i(null),r({cliType:s.cliType,workspaceId:c.id,argsStr:s.argsStr,model:s.model})},children:[e.jsx("span",{className:"font-medium text-text-primary block truncate",children:c.label||c.path}),e.jsx("span",{className:"text-[10px] text-text-muted font-mono truncate block",children:c.path})]},c.id))}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx("button",{type:"button",className:"machine-btn text-[11px] flex-1 min-w-[120px]",disabled:!t.defaultWorkspacePath,onClick:()=>{i(null),r({cliType:s.cliType,useDefaultWorkspace:!0,argsStr:s.argsStr,model:s.model})},children:"Default workspace"}),e.jsx("button",{type:"button",className:"machine-btn text-[11px] flex-1 min-w-[120px]",onClick:()=>{i(null),r({cliType:s.cliType,useHome:!0,argsStr:s.argsStr,model:s.model})},children:"Home directory"}),e.jsx("button",{type:"button",className:"machine-btn text-[11px] flex-1 min-w-[80px]",onClick:()=>i(null),children:"Cancel"})]})]})})}function Cr(){var K,E,A,$,C,y,R,F,H,Z;const{id:t}=is(),s=lt(),{sendCommand:a}=Ye(),r=jt(),i=r.ides||[],c=r.initialLoaded??!0,[o,p]=n.useState("overview"),u=n.useRef(null),m=gr({machineId:t,sendDaemonCommand:a,logsEndRef:u}),l=i.find(b=>b.id===t&&b.daemonMode),d=((l==null?void 0:l.availableProviders)||[]).map(b=>({type:b.type,displayName:b.displayName,icon:b.icon,category:b.category})),v={};for(const b of d)v[b.type]=b.icon;const j=b=>v[b]||"",x=l?{id:l.id,hostname:((K=l.machine)==null?void 0:K.hostname)||l.id,platform:((E=l.machine)==null?void 0:E.platform)||"unknown",arch:((A=l.machine)==null?void 0:A.arch)||"",cpus:(($=l.machine)==null?void 0:$.cpus)||0,totalMem:((C=l.machine)==null?void 0:C.totalMem)||0,freeMem:((y=l.machine)==null?void 0:y.freeMem)||0,availableMem:(R=l.machine)==null?void 0:R.availableMem,loadavg:((F=l.machine)==null?void 0:F.loadavg)||[],uptime:((H=l.machine)==null?void 0:H.uptime)||0,release:((Z=l.machine)==null?void 0:Z.release)||"",cdpConnected:!!(l.ides||[]).some(b=>b.cdpConnected),machineNickname:l.machineNickname||null,p2p:l.p2p||{available:!1,state:"unavailable",peers:0,screenshotActive:!1},detectedIdes:l.detectedIdes||[],managedIdeIds:l.managedIdeIds||[],managedCliIds:l.managedCliIds||[],workspaces:l.workspaces||[],defaultWorkspaceId:l.defaultWorkspaceId??l.activeWorkspaceId??null,defaultWorkspacePath:l.defaultWorkspacePath??l.activeWorkspacePath??null,workspaceActivity:l.workspaceActivity||[]}:null,I=i.filter(b=>b.daemonId===t&&!b.daemonMode).filter(b=>!Gt(b)&&!Xt(b)).map(b=>({id:b.id,type:b.type,version:b.version||"",instanceId:b.instanceId||"",status:b.status,workspace:b.workspace||null,terminals:b.terminals||0,aiAgents:vn(b.aiAgents||b.agents||[]),activeChat:b.activeChat||null,chats:b.chats||[],agentStreams:b.agentStreams||[],cdpConnected:b.cdpConnected||!1,daemonId:t})),T=i.filter(b=>b.daemonId===t&&Gt(b)).map(b=>({id:b.id,type:b.type,cliName:b.cliName||b.type,status:b.status,workspace:b.workspace||"",activeChat:b.activeChat||null,daemonId:t})),f=i.filter(b=>b.daemonId===t&&Xt(b)).map(b=>({id:b.id,type:b.type,acpName:b.cliName||b.type,status:b.status,workspace:b.workspace||"",activeChat:b.activeChat||null,currentModel:b.currentModel,currentPlan:b.currentPlan,daemonId:t}));if(!x)return c?e.jsxs("div",{className:"p-10 text-center text-text-muted",children:[e.jsx("h2",{className:"text-text-primary",children:"Machine not found"}),e.jsx("p",{className:"mt-3",children:"The machine may be offline or not yet connected."}),e.jsx("button",{onClick:()=>s("/machines"),className:"machine-btn-back",children:"← Back to Burrows"})]}):e.jsx("div",{className:"p-10 text-center text-text-muted",children:e.jsx("p",{children:"⏳ Loading machine..."})});const N=x.machineNickname||x.hostname,B=[{id:"overview",label:e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(sn,{size:14})," Overview"]})},{id:"ides",label:e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(dt,{size:14})," IDEs"]}),count:I.length},{id:"clis",label:e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(ms,{size:14})," CLIs"]}),count:T.length},{id:"acps",label:e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(hs,{size:14})," ACP Agents"]}),count:f.length},{id:"providers",label:e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(us,{size:14})," Providers"]})},{id:"logs",label:e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(Vs,{size:14})," Logs"]})}];return e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsxs("div",{className:"dashboard-header !flex-col !items-stretch",children:[e.jsx("div",{className:"flex items-center justify-between w-full",children:e.jsxs("div",{className:"flex items-center gap-2 md:gap-3.5 w-full min-w-0",children:[e.jsx("button",{onClick:()=>s("/machines"),className:"machine-btn-back flex shrink-0",children:"←"}),e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[m.editingNickname?e.jsxs("div",{className:"flex gap-1.5 items-center",children:[e.jsx("input",{autoFocus:!0,value:m.nicknameInput,onChange:b=>m.setNicknameInput(b.target.value),onKeyDown:b=>{b.key==="Enter"&&m.handleSaveNickname(),b.key==="Escape"&&m.setEditingNickname(!1)},placeholder:"Machine nickname...",className:"px-2.5 py-1 rounded-md border border-violet-500/30 bg-bg-secondary text-text-primary text-sm font-semibold w-[140px] md:w-[200px]"}),e.jsx("button",{onClick:m.handleSaveNickname,className:"machine-btn text-green-500 border-green-500/30 shrink-0",children:"✓"}),e.jsx("button",{onClick:()=>m.setEditingNickname(!1),className:"machine-btn shrink-0",children:"✕"})]}):e.jsx("h1",{className:"header-title cursor-pointer truncate",onClick:()=>{m.setEditingNickname(!0),m.setNicknameInput(x.machineNickname||"")},title:"Click to set nickname",children:N}),e.jsx("span",{className:"status-dot-md online shrink-0"})]}),e.jsxs("div",{className:"header-subtitle mt-1 flex-wrap gap-1 md:gap-2 items-center display-none-mobile",children:[e.jsxs("span",{children:[x.platform," · ",x.arch," · ",x.cpus," cores"]}),(l==null?void 0:l.version)&&e.jsxs("span",{className:"px-1.5 py-px rounded text-[9px] font-semibold bg-bg-glass border border-border-subtle text-text-muted shrink-0",children:["v",l.version]}),(l==null?void 0:l.versionMismatch)&&e.jsxs("button",{className:"px-1.5 py-px rounded text-[9px] font-semibold bg-amber-500/[0.08] border border-amber-500/20 text-amber-400 cursor-pointer hover:bg-amber-500/[0.15] transition-colors shrink-0",onClick:async()=>{try{await a(t,"daemon_upgrade",{})}catch{}},children:["🔄 Update to v",l.serverVersion]}),x.p2p.available&&e.jsxs("span",{className:"px-1.5 py-px rounded text-[9px] font-semibold",style:{background:x.p2p.state==="connected"?"rgba(34,197,94,0.08)":"rgba(234,179,8,0.08)",color:x.p2p.state==="connected"?"#22c55e":"#eab308"},children:["P2P ",x.p2p.state==="connected"?`● ${x.p2p.peers}`:"○"]}),x.cdpConnected&&e.jsx("span",{className:"px-1.5 py-px rounded text-[9px] font-semibold bg-green-500/[0.08] text-green-500 shrink-0",children:"CDP ●"}),x.machineNickname&&e.jsxs("span",{className:"text-text-muted opacity-80 shrink-0",children:["(",x.hostname,")"]})]})]})]})}),e.jsx("div",{className:"machine-tabs w-full overflow-x-auto overflow-y-hidden pb-1 -mb-1 mt-2",children:B.map(b=>e.jsxs("button",{onClick:()=>p(b.id),className:`machine-tab shrink-0${o===b.id?" active":""}`,children:[b.label,b.count!==void 0&&e.jsx("span",{className:"tab-count",children:b.count})]},b.id))})]}),e.jsxs("div",{className:"page-content",children:[o==="overview"&&e.jsx(br,{machine:x,managedIdes:I,managedClis:T,managedAcps:f,actions:m}),o==="ides"&&e.jsx(Et,{category:"ide",machine:x,machineId:t,providers:d,managedEntries:I,getIcon:j,actions:m,sendDaemonCommand:a}),o==="clis"&&e.jsx(Et,{category:"cli",machine:x,machineId:t,providers:d,managedEntries:T,getIcon:j,actions:m}),o==="acps"&&e.jsx(Et,{category:"acp",machine:x,machineId:t,providers:d,managedEntries:f,getIcon:j,actions:m}),o==="providers"&&e.jsx(Nr,{machineId:t,providers:d,sendDaemonCommand:a}),o==="logs"&&e.jsx(kr,{machineId:t,sendDaemonCommand:a})]}),m.launchPick&&x&&e.jsx(Sr,{machine:x,launchPick:m.launchPick,actions:m})]})}function Ir(){if(typeof window>"u")return"ws://localhost:3847/ws";const s=`${window.location.protocol==="https:"?"wss":"ws"}://${window.location.host}/ws`,r=new URLSearchParams(window.location.search).get("token");return r?`${s}?token=${encodeURIComponent(r)}`:s}const ns=Ir(),rs=3e3,Mr=3e4;let Fe=null,Tr=0;const yt=new Map,Bt=new Set;let Xe=null,Er=null,at=null;async function gt(t,s,a){const r=Fe;if(r&&r.readyState===WebSocket.OPEN){const c=`req_${++Tr}_${Date.now()}`;return new Promise((o,p)=>{const u=setTimeout(()=>{yt.delete(c),p(new Error(`WS command timeout: ${s}`))},3e4);yt.set(c,{resolve:m=>{clearTimeout(u),o(m)},reject:m=>{clearTimeout(u),p(m)}}),r.send(JSON.stringify({type:"command",requestId:c,data:{type:s,payload:a||{},target:t}}))})}const i=await fetch("/api/v1/command",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:s,payload:a||{},target:t})});if(!i.ok)throw new Error(`HTTP ${i.status}`);return i.json()}class $r{constructor(s){Ae(this,"daemonId");Ae(this,"screenshotIdeType",null);this.daemonId=s}get hasCommandChannel(){return(Fe==null?void 0:Fe.readyState)===WebSocket.OPEN}get connectionState(){return(Fe==null?void 0:Fe.readyState)===WebSocket.OPEN?"connected":"disconnected"}async sendCommand(s,a){return gt(this.daemonId,s,a)}async sendInput(s,a){const r=this.screenshotIdeType?`${this.daemonId}:ide:${this.screenshotIdeType}`:this.daemonId;return gt(r,"cdp_remote_action",{action:s,params:a})}startScreenshots(s){this.screenshotIdeType=s||null,Xe&&(clearInterval(Xe),Xe=null);const a=async()=>{if(this.hasCommandChannel)try{const r=this.screenshotIdeType?`${this.daemonId}:ide:${this.screenshotIdeType}`:this.daemonId,i=await gt(r,"screenshot",{width:1280});if(i!=null&&i.success&&(i!=null&&i.base64)){const c=await fetch(`data:image/jpeg;base64,${i.base64}`).then(o=>o.blob());Bt.forEach(o=>o(this.daemonId,c))}}catch{}};a(),Xe=setInterval(a,2e3)}stopScreenshots(s){Xe&&(clearInterval(Xe),Xe=null)}}let Ve=null;function Ar(t){(!Ve||Ve.daemonId!==t)&&(Ve=new $r(t));const s=Re._originalGet||Re.get.bind(Re);Re._originalGet=s,Re.get=a=>a===t||a.startsWith("standalone")?Ve:s(a),Re.getState=a=>(a===t||a.startsWith("standalone"))&&(Ve==null?void 0:Ve.connectionState)||"disconnected",Re.onScreenshot=(a,r)=>(Bt.add(r),()=>{Bt.delete(r)})}function _r({children:t}){const s=n.useRef(Ht()),a=Ht();s.current=a;const{setUserName:r}=ot(),i=n.useRef(r);i.current=r;const[,c]=n.useState("disconnected"),o=n.useCallback((d,v)=>{c(d),at==null||at(d,v)},[]),p=n.useRef(null),u=n.useRef(),m=n.useRef(rs),l=n.useRef(!0);return n.useEffect(()=>{l.current=!0;function d(){var x,I;if(!l.current||((x=p.current)==null?void 0:x.readyState)===WebSocket.OPEN||((I=p.current)==null?void 0:I.readyState)===WebSocket.CONNECTING)return;o("connecting"),console.log(`[Standalone WS] Connecting to ${ns}...`);let j;try{j=new WebSocket(ns)}catch(T){console.error("[Standalone WS] Failed to create WebSocket:",T),v();return}p.current=j,j.onopen=()=>{if(!l.current){j.close();return}o("connected"),m.current=rs,console.log("[Standalone WS] Connected")},Fe=j,j.onmessage=T=>{var f;try{const N=JSON.parse(T.data);if((N.type==="command_result"||N.type==="error")&&N.requestId){const B=yt.get(N.requestId);B&&(yt.delete(N.requestId),N.type==="error"?B.reject(new Error(((f=N.data)==null?void 0:f.message)||"Command failed")):B.resolve(N.data));return}if(N.type==="status"||N.type==="initial_state"){const B=N.data;if(!B)return;const{injectEntries:K,markLoaded:E}=s.current,A=B.id||"standalone";Er=A,Ar(A),o("connected",A);const $=In(B,{daemonId:A});$.length>0&&K($),E(),B.userName&&i.current&&i.current(B.userName)}}catch(N){console.error("[Standalone WS] Parse error:",N)}},j.onclose=()=>{l.current&&(o("disconnected"),p.current=null,v())},j.onerror=T=>{console.warn("[Standalone WS] Error, will reconnect:",T)}}function v(){if(!l.current)return;clearTimeout(u.current);const j=m.current;console.log(`[Standalone WS] Reconnecting in ${j}ms...`),u.current=setTimeout(()=>{m.current=Math.min(m.current*1.5,Mr),d()},j)}return d(),()=>{l.current=!1,clearTimeout(u.current),p.current&&(p.current.onclose=null,p.current.close(),p.current=null,Fe=null)}},[]),e.jsx(e.Fragment,{children:t})}function Rr({children:t}){const[s,a]=n.useState("disconnected"),[r,i]=n.useState(null);n.useEffect(()=>(at=(o,p)=>{a(o),p&&i(p)},()=>{at=null}),[]);const c=n.useMemo(()=>{const o=s==="connected",p={};return r&&(p[r]=o?"connected":"connecting"),p.standalone=o?"connected":"connecting",{wsStatus:s,isConnected:o,connectionStates:p}},[s,r]);return e.jsx(Fs,{connectionOverrides:c,children:e.jsx(_r,{children:t})})}const Pr=[{id:"dashboard",path:"/dashboard",icon:e.jsx(Gs,{}),label:"Dashboard"},{id:"machine",path:"/machines",icon:e.jsx(Xs,{}),label:"Burrow"},{id:"settings",path:"/settings",icon:e.jsx(us,{}),label:"Settings"}];function Lr({children:t}){const s=lt(),a=Rs(),[r,i]=n.useState(!1),[c,o]=n.useState(()=>{try{return localStorage.getItem("sidebar-collapsed")==="1"}catch{return!1}}),p=l=>{s(l),i(!1)},u=()=>{o(l=>{const d=!l;try{localStorage.setItem("sidebar-collapsed",d?"1":"0")}catch{}return d})},m=l=>`nav-item${a.pathname.startsWith(l)?" active":""} cursor-pointer ${c?"justify-center py-2.5 px-0":""}`;return e.jsxs("div",{className:`app-layout${r?" mobile-menu-open":""}${c?" sidebar-collapsed":""}`,children:[e.jsxs("button",{type:"button",className:"mobile-menu-btn","aria-label":"Open menu",onClick:()=>i(!0),children:[e.jsx("span",{className:"mobile-menu-icon"}),e.jsx("span",{className:"mobile-menu-icon"}),e.jsx("span",{className:"mobile-menu-icon"})]}),r&&e.jsx("div",{className:"sidebar-overlay",role:"button",tabIndex:0,"aria-label":"Close menu",onClick:()=>i(!1),onKeyDown:l=>l.key==="Escape"&&i(!1)}),e.jsxs("aside",{className:`sidebar ${r?"sidebar-open":""}`,children:[e.jsxs("div",{className:"sidebar-header",children:[e.jsxs("div",{className:`sidebar-logo ${c?"justify-center gap-0":""}`,children:[e.jsx("img",{src:"/otter-logo.png",alt:"ADHDev",className:"w-7 h-7"}),!c&&e.jsx("span",{children:"ADHDev"})]}),e.jsx("button",{type:"button",className:"sidebar-close-btn","aria-label":"Close menu",onClick:()=>i(!1),children:"✕"})]}),e.jsx("nav",{className:"sidebar-nav",children:Pr.map(l=>e.jsxs("div",{className:m(l.path),id:`nav-${l.id}`,onClick:()=>p(l.path),title:c?l.label:void 0,children:[e.jsx("span",{className:"nav-icon",children:l.icon}),!c&&l.label]},l.id))}),e.jsxs("div",{className:"border-t border-border-subtle pt-4 mt-2",children:[e.jsxs("div",{className:`nav-item cursor-pointer${a.pathname==="/about"?" active":""} ${c?"justify-center py-2.5 px-0":""}`,id:"nav-about",onClick:()=>s("/about"),title:c?"About":void 0,children:[e.jsx("span",{className:"nav-icon",children:e.jsx(qs,{})}),!c&&"About"]}),!c&&e.jsxs("div",{className:"px-3 py-2 text-xs text-text-muted",children:["Selfhost v","0.6.35"]}),e.jsxs("div",{className:`nav-item cursor-pointer ${c?"justify-center py-2.5 px-0":"mt-1"}`,onClick:u,title:c?"Expand sidebar":"Collapse sidebar",children:[e.jsx("span",{className:"nav-icon text-base",children:c?"›":"‹"}),!c&&e.jsx("span",{className:"text-xs",children:"Collapse"})]})]})]}),e.jsx("main",{className:"main-content relative",children:e.jsx("div",{className:"main-content-inner",children:t})})]})}const Dr=[{icon:"🏠",title:"Local-first",desc:"Everything runs on your machine. No data leaves your network. Full privacy by design."},{icon:"💬",title:"Agent chat relay",desc:"Read and respond to AI conversations in real-time across all connected IDEs."},{icon:"📸",title:"Live screenshots",desc:"View your IDE screens directly in the browser via local WebSocket streaming."},{icon:"🎛️",title:"Remote control",desc:"Click, type, and interact with your IDE from the dashboard — no window switching."},{icon:"🔌",title:"Multi-IDE support",desc:"Monitor and control multiple IDEs simultaneously — VS Code, Cursor, Windsurf, and more."},{icon:"⚡",title:"Extension agents",desc:"Manage extension-based agents like Cline and Roo Code alongside native IDE agents."}],Br=[{icon:"🌍",title:"Access from anywhere",desc:"Control your agents from any device, any network. No VPN or port forwarding needed."},{icon:"🔗",title:"WebRTC P2P streaming",desc:"End-to-end encrypted peer-to-peer connection for zero-latency remote screenshots and control."},{icon:"📱",title:"Mobile notifications",desc:"Get push notifications when agents need approval. Quick approve/reject from your phone."},{icon:"📡",title:"REST API access",desc:"Integrate with Slack, CI/CD pipelines, or custom tools. Scoped API keys with granular permissions."},{icon:"👥",title:"Team dashboard",desc:"Share a unified view across your team. See who's running what, where, in real time."},{icon:"🔐",title:"Enterprise security",desc:"SSO, RBAC, audit logs, and SLA guarantees for production teams."}],Wr=[{feature:"Agent chat relay",selfhost:!0,cloud:!0},{feature:"Live IDE screenshots",selfhost:!0,cloud:!0},{feature:"Remote IDE control",selfhost:!0,cloud:!0},{feature:"Multi-IDE monitoring",selfhost:!0,cloud:!0},{feature:"Extension agent support",selfhost:!0,cloud:!0},{feature:"CLI agent support",selfhost:!0,cloud:!0},{feature:"Access from any network",selfhost:!1,cloud:!0},{feature:"WebRTC P2P streaming",selfhost:!1,cloud:!0},{feature:"Mobile push notifications",selfhost:!1,cloud:!0},{feature:"REST API & webhooks",selfhost:!1,cloud:!0},{feature:"Team collaboration",selfhost:!1,cloud:!0},{feature:"Multi-machine (Burrows)",selfhost:!1,cloud:!0},{feature:"SSO / RBAC / Audit logs",selfhost:!1,cloud:!0}],$t={ides:["VS Code","Cursor","Antigravity","Windsurf","Trae","PearAI","Kiro","VSCodium","VS Code Insiders"],agents:["GitHub Copilot","Cline","Roo Code"],cli:["Gemini CLI","Claude Code","Codex CLI"]};function Or(){return e.jsxs("div",{className:"py-8 px-6 max-w-[860px] mx-auto text-text-primary",children:[e.jsxs("div",{className:"text-center mb-10",children:[e.jsx("img",{src:"/otter-logo.png",alt:"ADHDev",className:"w-14 h-14 mb-3 mx-auto"}),e.jsx("h1",{className:"text-[26px] font-extrabold mb-1.5 text-text-primary",children:"ADHDev"}),e.jsx("p",{className:"text-[13px] text-text-muted",children:"Agent Dashboard Hub for Dev — Self-hosted Edition"}),e.jsxs("div",{className:"inline-block mt-3 px-3 py-1 text-[11px] font-semibold tracking-wide rounded-full bg-emerald-500/10 text-emerald-500 border border-emerald-500/20",children:["SELFHOST v","0.6.35"]})]}),e.jsxs("section",{className:"mb-10",children:[e.jsxs("h2",{className:"text-lg font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"text-base",children:"✅"})," What's included"]}),e.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(250px,1fr))] gap-3",children:Dr.map(t=>e.jsxs("div",{className:"bg-bg-glass border border-border-subtle rounded-xl px-4 py-4 transition-colors hover:border-border-default",children:[e.jsx("div",{className:"text-xl mb-1.5",children:t.icon}),e.jsx("div",{className:"font-semibold text-[13px] mb-1",children:t.title}),e.jsx("div",{className:"text-[12px] text-text-muted leading-relaxed",children:t.desc})]},t.title))})]}),e.jsxs("section",{className:"mb-10",children:[e.jsx("h2",{className:"text-lg font-bold mb-4",children:"Compatible with"}),e.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(180px,1fr))] gap-5",children:[{label:"IDEs",items:$t.ides},{label:"Extension agents",items:$t.agents},{label:"CLI agents",items:$t.cli}].map(t=>e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] font-bold tracking-wider text-text-muted mb-2 uppercase",children:t.label}),e.jsx("div",{className:"flex flex-col gap-1",children:t.items.map(s=>e.jsx("div",{className:"text-[12px] px-2.5 py-1.5 bg-bg-glass rounded-md border border-border-subtle",children:s},s))})]},t.label))})]}),e.jsxs("section",{className:"mb-10",children:[e.jsxs("h2",{className:"text-lg font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"text-base",children:"⚖️"})," Self-hosted vs Cloud"]}),e.jsx("div",{className:"rounded-xl border border-border-subtle overflow-hidden",children:e.jsxs("table",{className:"w-full text-[13px]",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-bg-secondary",children:[e.jsx("th",{className:"text-left px-4 py-2.5 font-semibold text-text-muted text-[11px] uppercase tracking-wider",children:"Feature"}),e.jsx("th",{className:"text-center px-4 py-2.5 font-semibold text-text-muted text-[11px] uppercase tracking-wider w-[100px]",children:"Selfhost"}),e.jsx("th",{className:"text-center px-4 py-2.5 font-semibold text-[11px] uppercase tracking-wider w-[100px] text-violet-500",children:"Cloud"})]})}),e.jsx("tbody",{children:Wr.map((t,s)=>e.jsxs("tr",{className:s%2===0?"bg-bg-glass":"",children:[e.jsx("td",{className:"px-4 py-2 text-text-secondary",children:t.feature}),e.jsx("td",{className:"text-center px-4 py-2",children:t.selfhost?e.jsx("span",{className:"text-emerald-500",children:"✓"}):e.jsx("span",{className:"text-text-muted opacity-40",children:"—"})}),e.jsx("td",{className:"text-center px-4 py-2",children:e.jsx("span",{className:"text-emerald-500",children:"✓"})})]},t.feature))})]})})]}),e.jsx("section",{className:"mb-10",children:e.jsx("div",{className:"rounded-2xl border border-violet-500/20 bg-violet-500/[0.04] px-6 py-6",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"text-3xl shrink-0",children:"🚀"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"font-bold text-[15px] mb-1.5",children:"Unlock more with ADHDev Cloud"}),e.jsx("p",{className:"text-[13px] text-text-muted leading-relaxed mb-4",children:"Access your agents from anywhere — your phone, another laptop, or a coffee shop. Cloud adds WebRTC P2P streaming, mobile push notifications, REST API, team collaboration, and multi-machine support. Your local setup stays exactly the same."}),e.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(220px,1fr))] gap-2.5 mb-5",children:Br.map(t=>e.jsxs("div",{className:"flex gap-2.5 items-start",children:[e.jsx("span",{className:"text-base shrink-0 mt-0.5",children:t.icon}),e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold text-[12px]",children:t.title}),e.jsx("div",{className:"text-[11px] text-text-muted leading-snug",children:t.desc})]})]},t.title))}),e.jsxs("div",{className:"flex gap-3 flex-wrap",children:[e.jsx("a",{href:"https://adhf.dev",target:"_blank",rel:"noopener noreferrer",className:"btn btn-primary btn-sm inline-flex items-center gap-1.5 no-underline",children:"Try ADHDev Cloud →"}),e.jsx("a",{href:"https://github.com/vilmire/adhdev",target:"_blank",rel:"noopener noreferrer",className:"btn btn-secondary btn-sm inline-flex items-center gap-1.5 no-underline",children:"GitHub"}),e.jsx("a",{href:"https://discord.gg/WJD3tCfBzk",target:"_blank",rel:"noopener noreferrer",className:"btn btn-secondary btn-sm inline-flex items-center gap-1.5 no-underline",children:"Discord"})]})]})]})})}),e.jsxs("div",{className:"text-center text-xs text-text-muted pt-4 border-t border-border-subtle",children:[e.jsx("p",{children:"© 2026 RacoLab · ADHDev, Your AI sidekick otter 🦦"}),e.jsx("p",{className:"mt-1 opacity-60",children:"Self-hosted edition — all data stays on your machine"})]})]})}function Kr(){const{ides:t}=ot(),s=t.find(d=>d.type==="adhdev-daemon"),a=(s==null?void 0:s.detectedIdes)||[],{sendCommand:r}=Ye(),{userName:i}=ot(),[c,o]=n.useState(i||"");n.useEffect(()=>{i!==void 0&&o(i)},[i]);const p=d=>{const v=d.target.value.trim();s!=null&&s.id&&v!==i&&r(s.id,"set_user_name",{userName:v}).catch(console.error)},[u,m]=n.useState(()=>{try{return localStorage.getItem("adhdev_sound")!=="0"}catch{return!0}}),l=d=>{m(d);try{localStorage.setItem("adhdev_sound",d?"1":"0")}catch{}};return e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx(Bn,{icon:"⚙️",title:"Settings",subtitle:"Local daemon configuration & preferences"}),e.jsxs("div",{className:"page-content",children:[e.jsx(Ze,{title:"Daemon",className:"mb-4",children:e.jsxs("div",{className:"grid grid-cols-[100px_1fr] gap-x-4 gap-y-2.5 text-sm",children:[e.jsx("span",{className:"text-text-muted",children:"Version"}),e.jsxs("span",{className:"font-mono text-xs",children:["v","0.6.35"]}),e.jsx("span",{className:"text-text-muted",children:"Status"}),e.jsx("span",{className:s?"text-green-400":"text-yellow-400",children:s?"● Running":"○ Not connected"}),e.jsx("span",{className:"text-text-muted",children:"WebSocket"}),e.jsx("span",{className:"font-mono text-xs",children:"ws://localhost:19222"}),e.jsx("span",{className:"text-text-muted",children:"HTTP"}),e.jsx("span",{className:"font-mono text-xs",children:"http://localhost:19280"})]})}),e.jsx(Ze,{title:"Detected IDEs",className:"mb-4",children:a.length===0?e.jsx("p",{className:"text-sm text-text-muted",children:"No IDEs detected. Start an IDE to see it here."}):e.jsx("div",{className:"flex flex-col gap-1.5",children:a.map(d=>e.jsxs("div",{className:"flex justify-between items-center bg-bg-glass rounded-lg px-3.5 py-2.5",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("span",{className:`w-2 h-2 rounded-full ${d.running?"bg-green-400":"bg-text-muted/30"}`}),e.jsx("span",{className:"text-sm font-medium",children:d.name})]}),e.jsx("span",{className:"text-[11px] text-text-muted font-mono",children:d.type})]},d.type))})}),e.jsx(Ze,{title:"Machine",className:"mb-4",children:e.jsx(Yn,{ides:t,emptyMessage:"Daemon not connected. Run 'adhdev-standalone' to start."})}),e.jsx(Ze,{title:"Theme",className:"mb-4",children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-text-muted mb-2 font-medium",children:"Site theme"}),e.jsx(Jn,{})]}),e.jsxs("div",{className:"border-t border-border-subtle pt-4",children:[e.jsx("div",{className:"text-xs text-text-muted mb-2 font-medium",children:"Chat theme"}),e.jsx(nr,{})]}),e.jsxs("div",{className:"border-t border-border-subtle pt-4",children:[e.jsx("div",{className:"text-xs text-text-muted mb-2 font-medium",children:"Accent color"}),e.jsx(lr,{})]})]})}),e.jsx(Ze,{title:"Notifications",className:"mb-4",children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(Un,{}),e.jsx(Qe,{label:"🔊 Sound Effects",description:"Play a sound when agent completes or needs approval",checked:u,onChange:l})]})}),e.jsx(Ze,{title:"Preferences",className:"mb-4",children:e.jsx("div",{className:"flex flex-col gap-3",children:e.jsxs("div",{className:"flex items-center justify-between px-3.5 py-4 bg-bg-glass rounded-xl border border-border-subtle hover:border-border-default transition-colors",children:[e.jsxs("div",{className:"flex flex-col gap-1 pr-4 max-w-[500px]",children:[e.jsx("span",{className:"text-sm font-semibold flex items-center gap-2",children:"👤 Display Name"}),e.jsx("span",{className:"text-[12px] text-text-muted leading-relaxed",children:"Your name shown in chat threads and on the team dashboard."})]}),e.jsx("input",{type:"text",className:"bg-bg-primary border border-border-strong rounded-lg px-3 py-1.5 text-sm w-48 text-right focus:border-accent focus:outline-none transition-colors",placeholder:"Anonymous",value:c,onChange:d=>o(d.target.value),onBlur:p,onKeyDown:d=>{d.key==="Enter"&&d.currentTarget.blur()}})]})})})]})]})}tr();function as(){const{ides:t}=ot(),s=t.find(a=>{var r;return a.daemonMode||((r=a.id)==null?void 0:r.startsWith("standalone"))});return s?e.jsx(mt,{to:`/machines/${s.id}`,replace:!0}):t.length>0?e.jsx(mt,{to:`/machines/${t[0].id}`,replace:!0}):e.jsx(mt,{to:"/dashboard",replace:!0})}function Fr(){return e.jsx(Ps,{children:e.jsx(Rr,{children:e.jsx(Ys,{value:{sendCommand:gt,sendData:()=>!1},children:e.jsx(Lr,{children:e.jsxs(Ls,{children:[e.jsx(ze,{path:"/dashboard",element:e.jsx(pr,{})}),e.jsx(ze,{path:"/ide/:id",element:e.jsx(fr,{})}),e.jsx(ze,{path:"/machine",element:e.jsx(as,{})}),e.jsx(ze,{path:"/machines/:id",element:e.jsx(Cr,{})}),e.jsx(ze,{path:"/machines",element:e.jsx(as,{})}),e.jsx(ze,{path:"/about",element:e.jsx(Or,{})}),e.jsx(ze,{path:"/settings",element:e.jsx(Kr,{})}),e.jsx(ze,{path:"*",element:e.jsx(mt,{to:"/dashboard",replace:!0})})]})})})})})}Ds(document.getElementById("root")).render(e.jsx(n.StrictMode,{children:e.jsx(Fr,{})}));
71
+ ⚠️ Auto-fix cancelled.`]),c("done"),f.current&&clearInterval(f.current)}catch{}};return e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm",onClick:r,children:e.jsxs("div",{className:"w-full max-w-[560px] max-h-[85vh] overflow-hidden rounded-2xl bg-bg-primary border border-border-subtle shadow-2xl flex flex-col",onClick:C=>C.stopPropagation(),children:[e.jsxs("div",{className:"px-5 py-4 border-b border-border-subtle flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("span",{className:"text-lg",children:s.icon||"🔧"}),e.jsxs("div",{children:[e.jsxs("h2",{className:"text-[15px] font-semibold text-text-primary",children:["Auto-Fix: ",s.displayName]}),e.jsx("p",{className:"text-[11px] text-text-muted mt-0.5",children:"AI agent will implement provider scripts"})]})]}),e.jsx("button",{onClick:r,className:"text-text-muted hover:text-text-primary text-lg leading-none",children:"×"})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto px-5 py-4",children:[i==="config"&&e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-1.5 block",children:"AI Agent"}),e.jsx("div",{className:"flex gap-2",children:jr.map(C=>e.jsxs("button",{onClick:()=>p(C.value),className:"flex-1 px-3 py-2 rounded-lg border text-left transition-all",style:{borderColor:o===C.value?C.color+"66":"var(--border-subtle)",background:o===C.value?C.color+"0d":"transparent"},children:[e.jsx("div",{className:"text-[12px] font-semibold",style:{color:o===C.value?C.color:"var(--text-primary)"},children:C.label}),e.jsx("div",{className:"text-[10px] text-text-muted",children:C.desc})]},C.value))})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-1.5",children:[e.jsx("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider",children:"Scripts to Fix"}),e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("button",{onClick:B,className:"text-[10px] text-violet-400 hover:text-violet-300",children:"All"}),e.jsx("span",{className:"text-[10px] text-text-muted",children:"|"}),e.jsx("button",{onClick:K,className:"text-[10px] text-text-muted hover:text-text-secondary",children:"None"})]})]}),e.jsx("div",{className:"grid grid-cols-3 gap-1.5",children:ss.map(C=>e.jsxs("button",{onClick:()=>N(C),className:"px-2.5 py-1.5 rounded-md border text-[11px] font-medium text-left transition-all",style:{borderColor:u.includes(C)?"rgba(139,92,246,0.4)":"var(--border-subtle)",background:u.includes(C)?"rgba(139,92,246,0.08)":"transparent",color:u.includes(C)?"#a78bfa":"var(--text-secondary)"},children:[u.includes(C)?"☑ ":"☐ ",C]},C))})]}),e.jsxs("div",{children:[e.jsxs("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-1.5 block",children:["Additional Instructions ",e.jsx("span",{className:"text-text-muted font-normal",children:"(optional)"})]}),e.jsx("textarea",{value:l,onChange:C=>d(C.target.value),placeholder:"e.g. Shadow DOM 안의 버튼도 탐색해줘, readChat에서 코드블럭 포맷 유지해...",rows:2,className:"w-full px-3 py-2 rounded-lg border border-border-subtle bg-bg-secondary text-text-primary text-[12px] resize-none placeholder:text-text-muted/50 focus:outline-none focus:border-violet-500/40"})]})]}),(i==="running"||i==="done"||i==="error")&&e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-1.5 block",children:"Agent Output"}),e.jsxs("div",{className:"rounded-lg border border-border-subtle bg-[#0d0d0d] p-3 font-mono text-[11px] leading-relaxed text-text-secondary overflow-y-auto",style:{maxHeight:320,minHeight:200},children:[v.map((C,y)=>e.jsx("div",{className:C.startsWith("✅")?"text-green-400":C.startsWith("❌")||C.startsWith("⚠")?"text-amber-400":"",children:C},y)),i==="running"&&e.jsx("div",{className:"text-violet-400 animate-pulse mt-1",children:"● Running..."}),e.jsx("div",{ref:T})]}),x&&e.jsx("div",{className:"mt-2 px-3 py-2 rounded-lg bg-red-500/[0.06] border border-red-500/20 text-red-400 text-[11px]",children:x})]})]}),e.jsxs("div",{className:"px-5 py-3.5 border-t border-border-subtle flex justify-between items-center",children:[e.jsxs("div",{className:"text-[10px] text-text-muted",children:[i==="config"&&u.length>0&&`${u.length} script(s) selected`,i==="running"&&"Agent is working...",i==="done"&&"Run `adhdev provider verify` to validate"]}),e.jsxs("div",{className:"flex gap-2",children:[i==="config"&&e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:r,className:"machine-btn",children:"Cancel"}),e.jsx("button",{onClick:A,disabled:u.length===0,className:"machine-btn",style:{background:u.length>0?"rgba(139,92,246,0.15)":void 0,borderColor:u.length>0?"rgba(139,92,246,0.4)":void 0,color:u.length>0?"#a78bfa":void 0,opacity:u.length===0?.4:1},children:"🚀 Start Fix"})]}),i==="running"&&e.jsx("button",{onClick:$,className:"machine-btn text-red-400 border-red-500/30",children:"⬛ Cancel"}),(i==="done"||i==="error")&&e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:()=>{c("config"),j([]),I("")},className:"machine-btn",children:"← Back"}),e.jsx("button",{onClick:r,className:"machine-btn",children:"Close"})]})]})]})]})})}function wr({machineId:t,providers:s,sendDaemonCommand:a,onClose:r,onCreated:i}){var E;const c=s.filter(A=>A.category==="ide"),[o,p]=n.useState(((E=c[0])==null?void 0:E.type)||""),[u,m]=n.useState(""),[l,d]=n.useState(""),[v,j]=n.useState(!1),[x,I]=n.useState(""),[T,f]=n.useState(!1),N=A=>{const $=A.toLowerCase().replace(/[^a-z0-9-]/g,"");m($),(!l||l===B(u))&&d(B($))},B=A=>A.split("-").map($=>$.charAt(0).toUpperCase()+$.slice(1)).join(" "),K=async()=>{if(!(!u||!l||!o)){j(!0),I("");try{const A=await a(t,"provider_clone",{type:u,name:l,category:"ide",location:"user",cloneFrom:o});A!=null&&A.success||A!=null&&A.created?(f(!0),i==null||i(u)):I((A==null?void 0:A.error)||"Failed to create provider")}catch(A){I((A==null?void 0:A.message)||"Connection failed")}j(!1)}};return e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm",onClick:r,children:e.jsxs("div",{className:"w-full max-w-[480px] rounded-2xl bg-bg-primary border border-border-subtle shadow-2xl flex flex-col",onClick:A=>A.stopPropagation(),children:[e.jsxs("div",{className:"px-5 py-4 border-b border-border-subtle",children:[e.jsx("h2",{className:"text-[15px] font-semibold text-text-primary",children:"✨ Create User Provider"}),e.jsx("p",{className:"text-[11px] text-text-muted mt-0.5",children:"Clone an upstream IDE provider to customize"})]}),e.jsx("div",{className:"px-5 py-4 flex flex-col gap-4",children:T?e.jsxs("div",{className:"text-center py-6",children:[e.jsx("div",{className:"text-3xl mb-2",children:"🎉"}),e.jsx("h3",{className:"text-[14px] font-semibold text-text-primary",children:"Provider Created!"}),e.jsxs("p",{className:"text-[11px] text-text-muted mt-1",children:[e.jsx("code",{className:"text-violet-400",children:u})," has been created at ",e.jsxs("code",{className:"text-green-400",children:["~/.adhdev/providers/",u,"/"]})]}),e.jsxs("p",{className:"text-[11px] text-text-muted mt-2",children:["Run ",e.jsxs("code",{className:"text-violet-400",children:["adhdev provider fix ",u]})," or use Auto-Fix to implement scripts."]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-1.5 block",children:"Base Provider"}),e.jsx("div",{className:"grid grid-cols-3 gap-1.5",children:c.map(A=>e.jsxs("button",{onClick:()=>p(A.type),className:"px-2.5 py-2 rounded-lg border text-center transition-all",style:{borderColor:o===A.type?"rgba(139,92,246,0.4)":"var(--border-subtle)",background:o===A.type?"rgba(139,92,246,0.08)":"transparent"},children:[e.jsx("div",{className:"text-lg",children:A.icon}),e.jsx("div",{className:"text-[10px] font-medium mt-0.5",style:{color:o===A.type?"#a78bfa":"var(--text-secondary)"},children:A.displayName})]},A.type))})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-1.5 block",children:"Provider Type (ID)"}),e.jsx("input",{value:u,onChange:A=>N(A.target.value),placeholder:"my-cursor, custom-windsurf...",className:"w-full px-3 py-2 rounded-lg border border-border-subtle bg-bg-secondary text-text-primary text-[12px] placeholder:text-text-muted/50 focus:outline-none focus:border-violet-500/40"}),e.jsxs("p",{className:"text-[10px] text-text-muted mt-1",children:["Lowercase, alphanumeric + hyphens only. Will be created at ",e.jsxs("code",{className:"text-violet-400",children:["~/.adhdev/providers/",u||"...","/"]})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mb-1.5 block",children:"Display Name"}),e.jsx("input",{value:l,onChange:A=>d(A.target.value),placeholder:"My Custom IDE",className:"w-full px-3 py-2 rounded-lg border border-border-subtle bg-bg-secondary text-text-primary text-[12px] placeholder:text-text-muted/50 focus:outline-none focus:border-violet-500/40"})]}),x&&e.jsx("div",{className:"px-3 py-2 rounded-lg bg-red-500/[0.06] border border-red-500/20 text-red-400 text-[11px]",children:x})]})}),e.jsx("div",{className:"px-5 py-3.5 border-t border-border-subtle flex justify-end gap-2",children:T?e.jsx("button",{onClick:r,className:"machine-btn",children:"Close"}):e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:r,className:"machine-btn",children:"Cancel"}),e.jsx("button",{onClick:K,disabled:!u||!l||v,className:"machine-btn",style:{background:u&&l?"rgba(34,197,94,0.12)":void 0,borderColor:u&&l?"rgba(34,197,94,0.3)":void 0,color:u&&l?"#86efac":void 0,opacity:!u||!l||v?.4:1},children:v?"⏳ Creating...":"✨ Create Provider"})]})})]})})}function Nr({machineId:t,providers:s,sendDaemonCommand:a}){const[r,i]=n.useState([]),[c,o]=n.useState(!1),[p,u]=n.useState(null),[m,l]=n.useState("all"),[d,v]=n.useState(null),[j,x]=n.useState(!1),I=n.useCallback(async()=>{var f;if(t){o(!0);try{const N=await a(t,"get_provider_settings",{}),B=(N==null?void 0:N.result)||N;if(N!=null&&N.success&&(B!=null&&B.settings)){const K=[];for(const[E,A]of Object.entries(B.settings)){const $=s.find(C=>C.type===E);K.push({type:E,displayName:($==null?void 0:$.displayName)||E,icon:($==null?void 0:$.icon)||"",category:($==null?void 0:$.category)||"unknown",schema:A,values:((f=B.values)==null?void 0:f[E])||{}})}K.sort((E,A)=>E.category.localeCompare(A.category)||E.displayName.localeCompare(A.displayName)),i(K)}}catch{}o(!1)}},[t,s,a]);n.useEffect(()=>{r.length===0&&I()},[]);const T=async(f,N,B)=>{u(`${f}.${N}`),i(K=>K.map(E=>E.type===f?{...E,values:{...E.values,[N]:B}}:E));try{const K=await a(t,"set_provider_setting",{providerType:f,key:N,value:B});K!=null&&K.success||I()}catch{I()}u(null)};return e.jsxs("div",{children:[e.jsxs("div",{className:"flex justify-between items-center mb-4",children:[e.jsxs("div",{className:"flex gap-1 items-center",children:[e.jsx("span",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mr-2",children:"Filter"}),["all","acp","cli","ide","extension"].map(f=>e.jsx("button",{onClick:()=>l(f),className:`machine-btn text-[10px] px-2 py-0.5 ${m===f?"bg-violet-500/15 border-violet-500/40 text-violet-400":""}`,children:f.toUpperCase()},f))]}),e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("button",{onClick:()=>x(!0),className:"machine-btn text-[10px] bg-green-500/[0.06] border-green-500/20 text-green-400 hover:bg-green-500/[0.12]",children:"✨ Create Provider"}),e.jsx("button",{onClick:I,disabled:c,className:"machine-btn",children:c?"⏳ Loading...":"↻ Refresh"})]})]}),m!=="all"&&r.filter(f=>f.category===m).length>1&&(()=>{const f=r.filter(E=>E.category===m),N=new Map;for(const E of f)for(const A of E.schema){if(A.type!=="boolean")continue;const $=N.get(A.key),C=!!(E.values[A.key]??A.default);$?($.onCount+=C?1:0,$.total+=1):N.set(A.key,{label:A.label||A.key,onCount:C?1:0,total:1})}const B=[...N.entries()].filter(([,E])=>E.total===f.length);if(B.length===0)return null;const K=async(E,A)=>{for(const $ of f)await T($.type,E,A)};return e.jsxs("div",{className:"px-4 py-3 rounded-xl bg-violet-500/[0.04] border border-violet-500/10 mb-4",children:[e.jsxs("div",{className:"text-[10px] text-violet-400 font-semibold uppercase tracking-wider mb-2",children:["Bulk — Apply to all ",m.toUpperCase()," providers (",f.length,")"]}),e.jsx("div",{className:"flex flex-wrap gap-2",children:B.map(([E,A])=>{const $=A.onCount===A.total,C=A.onCount===0;return e.jsxs("div",{className:"flex items-center gap-1.5 text-[11px]",children:[e.jsx("span",{className:"text-text-secondary font-medium",children:A.label}),e.jsxs("span",{className:"text-[9px] text-text-muted",children:["(",A.onCount,"/",A.total,")"]}),e.jsx("button",{onClick:()=>void K(E,!0),disabled:$,className:`machine-btn text-[9px] px-1.5 py-px ${$?"opacity-40":"text-green-400 border-green-500/30"}`,children:"All ON"}),e.jsx("button",{onClick:()=>void K(E,!1),disabled:C,className:`machine-btn text-[9px] px-1.5 py-px ${C?"opacity-40":"text-red-400 border-red-500/30"}`,children:"All OFF"})]},E)})})]})})(),c&&r.length===0?e.jsx("div",{className:"p-10 text-center text-text-muted",children:"Loading provider settings..."}):e.jsx("div",{className:"flex flex-col gap-2",children:r.filter(f=>m==="all"||f.category===m).map(f=>e.jsxs("div",{className:"px-4.5 py-3.5 rounded-xl bg-bg-secondary border border-border-subtle",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2.5",children:[e.jsx("span",{className:"text-lg",children:f.icon}),e.jsx("span",{className:"font-semibold text-[13px] text-text-primary",children:f.displayName}),e.jsx("span",{className:"px-1.5 py-px rounded text-[9px] font-semibold",style:{background:f.category==="acp"?"rgba(139,92,246,0.08)":f.category==="cli"?"rgba(59,130,246,0.08)":f.category==="ide"?"rgba(34,197,94,0.08)":"rgba(245,158,11,0.08)",color:f.category==="acp"?"#a78bfa":f.category==="cli"?"#60a5fa":f.category==="ide"?"#86efac":"#fbbf24"},children:f.category}),f.category==="ide"&&e.jsx("button",{onClick:()=>v(s.find(N=>N.type===f.type)||{type:f.type,displayName:f.displayName,icon:f.icon,category:f.category}),className:"ml-auto machine-btn text-[9px] px-2 py-0.5 bg-violet-500/[0.06] border-violet-500/20 text-violet-400 hover:bg-violet-500/[0.12]",children:"🔧 Auto-Fix"})]}),e.jsx("div",{className:"flex flex-col gap-2",children:f.schema.map(N=>e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"text-xs font-medium text-text-primary",children:[N.label||N.key,p===`${f.type}.${N.key}`&&e.jsx("span",{className:"ml-1.5 text-[9px] text-violet-500",children:"saving..."})]}),N.description&&e.jsx("div",{className:"text-[10px] text-text-muted mt-px",children:N.description})]}),e.jsx("div",{className:"shrink-0",children:N.type==="boolean"?e.jsx("button",{onClick:()=>T(f.type,N.key,!(f.values[N.key]??N.default)),className:"w-10 h-[22px] rounded-[11px] border-none relative cursor-pointer transition-colors duration-200",style:{background:f.values[N.key]??N.default?"#8b5cf6":"var(--border-subtle)"},children:e.jsx("div",{className:"w-4 h-4 rounded-full bg-white absolute top-[3px] transition-[left] duration-200 shadow-[0_1px_3px_rgba(0,0,0,0.3)]",style:{left:f.values[N.key]??N.default?21:3}})}):N.type==="number"?e.jsx("input",{type:"number",value:f.values[N.key]??N.default??0,min:N.min,max:N.max,onChange:B=>{const K=parseInt(B.target.value)||0;N.min!==void 0&&K<N.min||N.max!==void 0&&K>N.max||T(f.type,N.key,K)},className:"machine-input w-20 text-center text-[11px]"}):N.type==="select"&&N.options?e.jsx("select",{value:f.values[N.key]??N.default??"",onChange:B=>T(f.type,N.key,B.target.value),className:"machine-input text-[11px]",children:N.options.map(B=>e.jsx("option",{value:B,children:B},B))}):e.jsx("input",{type:"text",value:f.values[N.key]??N.default??"",onBlur:B=>T(f.type,N.key,B.target.value),className:"machine-input w-[120px] text-[11px]"})})]},N.key))})]},f.type))}),d&&e.jsx(vr,{machineId:t,provider:d,sendDaemonCommand:a,onClose:()=>v(null)}),j&&e.jsx(wr,{machineId:t,providers:s,sendDaemonCommand:a,onClose:()=>x(!1),onCreated:()=>{x(!1),I()}})]})}function kr({machineId:t,sendDaemonCommand:s}){const[a,r]=n.useState([]),[i,c]=n.useState(0),[o,p]=n.useState(!0),[u,m]=n.useState("debug"),l=n.useRef(null),d=n.useRef(!1);return n.useEffect(()=>{if(!t||!o)return;const v=async()=>{try{const x=await s(t,"get_logs",{count:200,minLevel:u,since:i}),I=(x==null?void 0:x.result)||x;if(x!=null&&x.success&&Array.isArray(I==null?void 0:I.logs)&&I.logs.length>0){r(f=>[...f,...I.logs.map(B=>({timestamp:B.ts,level:B.level,message:`[${B.category}] ${B.message}`}))].slice(-300));const T=Math.max(...I.logs.map(f=>f.ts));c(T)}}catch{}};v();const j=setInterval(v,3e3);return()=>clearInterval(j)},[t,o,i,u,s]),n.useEffect(()=>{if(o&&a.length>0){const v=d.current?"smooth":"instant";setTimeout(()=>{var j;(j=l.current)==null||j.scrollIntoView({behavior:v}),d.current=!0},50)}},[a.length,o]),e.jsxs("div",{children:[e.jsxs("div",{className:"flex justify-between items-center mb-3",children:[e.jsxs("div",{className:"flex gap-1 items-center",children:[e.jsx("span",{className:"text-[11px] text-text-muted font-semibold uppercase tracking-wider mr-2",children:"Level"}),["debug","info","warn","error"].map(v=>e.jsx("button",{onClick:()=>{m(v),r([]),c(0)},className:`machine-btn text-[10px] px-2 py-0.5 ${u===v?"bg-violet-500/15 border-violet-500/40 text-violet-400":""}`,children:v.toUpperCase()},v))]}),e.jsxs("div",{className:"flex gap-1.5 items-center",children:[e.jsxs("span",{className:"text-[10px] text-text-muted",children:[a.length," entries"]}),e.jsx("button",{onClick:()=>p(!o),className:`machine-btn ${o?"text-green-500 border-green-500/30":""}`,children:o?"⏸ Pause":"▶ Resume"}),e.jsx("button",{onClick:()=>{r([]),c(0)},className:"machine-btn",children:"Clear"})]})]}),e.jsxs("div",{className:"bg-bg-secondary border border-border-subtle rounded-xl p-3 min-h-[200px] max-h-[500px] overflow-y-auto font-mono text-[11px] leading-relaxed",children:[a.length===0&&e.jsx("div",{className:"p-10 text-center text-text-muted",children:"Loading daemon logs..."}),a.map((v,j)=>e.jsxs("div",{className:"flex gap-2 py-px",style:{color:v.level==="error"?"#ef4444":v.level==="warn"?"#f59e0b":v.level==="debug"?"#64748b":"#94a3b8"},children:[e.jsx("span",{className:"text-text-muted min-w-[75px] shrink-0",children:new Date(v.timestamp).toLocaleTimeString()}),e.jsx("span",{className:"font-semibold min-w-[32px] shrink-0 text-[9px]",style:{color:v.level==="error"?"#ef4444":v.level==="warn"?"#f59e0b":v.level==="debug"?"#475569":"#8b5cf6"},children:v.level==="error"?"ERR":v.level==="warn"?"WRN":v.level==="debug"?"DBG":"INF"}),e.jsx("span",{children:v.message})]},j)),e.jsx("div",{ref:l})]})]})}function Sr({machine:t,launchPick:s,actions:a}){const{runLaunchCliCore:r,setLaunchPick:i}=a;return e.jsx("div",{className:"fixed inset-0 z-[100] flex items-center justify-center p-4 bg-black/55 backdrop-blur-[2px]",role:"dialog","aria-modal":"true","aria-labelledby":"launch-pick-title",children:e.jsxs("div",{className:"w-full max-w-md rounded-xl border border-border-subtle bg-bg-secondary shadow-xl p-5",children:[e.jsx("h2",{id:"launch-pick-title",className:"text-sm font-semibold text-text-primary m-0 mb-1",children:"Where should this run?"}),e.jsx("p",{className:"text-[11px] text-text-muted m-0 mb-4",children:"Nothing is assumed. Pick a saved workspace, your default workspace, or home — or cancel and type a path."}),e.jsx("div",{className:"flex flex-col gap-2 mb-4 max-h-48 overflow-y-auto",children:(t.workspaces||[]).length===0?e.jsx("span",{className:"text-[11px] text-text-muted",children:"No saved workspaces yet. Add one in Overview or type a path above."}):(t.workspaces||[]).map(c=>e.jsxs("button",{type:"button",className:"text-left text-xs px-3 py-2 rounded-lg border border-border-subtle bg-bg-primary hover:bg-violet-500/10 transition-colors",onClick:()=>{i(null),r({cliType:s.cliType,workspaceId:c.id,argsStr:s.argsStr,model:s.model})},children:[e.jsx("span",{className:"font-medium text-text-primary block truncate",children:c.label||c.path}),e.jsx("span",{className:"text-[10px] text-text-muted font-mono truncate block",children:c.path})]},c.id))}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx("button",{type:"button",className:"machine-btn text-[11px] flex-1 min-w-[120px]",disabled:!t.defaultWorkspacePath,onClick:()=>{i(null),r({cliType:s.cliType,useDefaultWorkspace:!0,argsStr:s.argsStr,model:s.model})},children:"Default workspace"}),e.jsx("button",{type:"button",className:"machine-btn text-[11px] flex-1 min-w-[120px]",onClick:()=>{i(null),r({cliType:s.cliType,useHome:!0,argsStr:s.argsStr,model:s.model})},children:"Home directory"}),e.jsx("button",{type:"button",className:"machine-btn text-[11px] flex-1 min-w-[80px]",onClick:()=>i(null),children:"Cancel"})]})]})})}function Cr(){var K,E,A,$,C,y,R,F,H,Z;const{id:t}=is(),s=lt(),{sendCommand:a}=Ye(),r=jt(),i=r.ides||[],c=r.initialLoaded??!0,[o,p]=n.useState("overview"),u=n.useRef(null),m=gr({machineId:t,sendDaemonCommand:a,logsEndRef:u}),l=i.find(b=>b.id===t&&b.daemonMode),d=((l==null?void 0:l.availableProviders)||[]).map(b=>({type:b.type,displayName:b.displayName,icon:b.icon,category:b.category})),v={};for(const b of d)v[b.type]=b.icon;const j=b=>v[b]||"",x=l?{id:l.id,hostname:((K=l.machine)==null?void 0:K.hostname)||l.id,platform:((E=l.machine)==null?void 0:E.platform)||"unknown",arch:((A=l.machine)==null?void 0:A.arch)||"",cpus:(($=l.machine)==null?void 0:$.cpus)||0,totalMem:((C=l.machine)==null?void 0:C.totalMem)||0,freeMem:((y=l.machine)==null?void 0:y.freeMem)||0,availableMem:(R=l.machine)==null?void 0:R.availableMem,loadavg:((F=l.machine)==null?void 0:F.loadavg)||[],uptime:((H=l.machine)==null?void 0:H.uptime)||0,release:((Z=l.machine)==null?void 0:Z.release)||"",cdpConnected:!!(l.ides||[]).some(b=>b.cdpConnected),machineNickname:l.machineNickname||null,p2p:l.p2p||{available:!1,state:"unavailable",peers:0,screenshotActive:!1},detectedIdes:l.detectedIdes||[],managedIdeIds:l.managedIdeIds||[],managedCliIds:l.managedCliIds||[],workspaces:l.workspaces||[],defaultWorkspaceId:l.defaultWorkspaceId??l.activeWorkspaceId??null,defaultWorkspacePath:l.defaultWorkspacePath??l.activeWorkspacePath??null,workspaceActivity:l.workspaceActivity||[]}:null,I=i.filter(b=>b.daemonId===t&&!b.daemonMode).filter(b=>!Gt(b)&&!Xt(b)).map(b=>({id:b.id,type:b.type,version:b.version||"",instanceId:b.instanceId||"",status:b.status,workspace:b.workspace||null,terminals:b.terminals||0,aiAgents:vn(b.aiAgents||b.agents||[]),activeChat:b.activeChat||null,chats:b.chats||[],agentStreams:b.agentStreams||[],cdpConnected:b.cdpConnected||!1,daemonId:t})),T=i.filter(b=>b.daemonId===t&&Gt(b)).map(b=>({id:b.id,type:b.type,cliName:b.cliName||b.type,status:b.status,workspace:b.workspace||"",activeChat:b.activeChat||null,daemonId:t})),f=i.filter(b=>b.daemonId===t&&Xt(b)).map(b=>({id:b.id,type:b.type,acpName:b.cliName||b.type,status:b.status,workspace:b.workspace||"",activeChat:b.activeChat||null,currentModel:b.currentModel,currentPlan:b.currentPlan,daemonId:t}));if(!x)return c?e.jsxs("div",{className:"p-10 text-center text-text-muted",children:[e.jsx("h2",{className:"text-text-primary",children:"Machine not found"}),e.jsx("p",{className:"mt-3",children:"The machine may be offline or not yet connected."}),e.jsx("button",{onClick:()=>s("/machines"),className:"machine-btn-back",children:"← Back to Burrows"})]}):e.jsx("div",{className:"p-10 text-center text-text-muted",children:e.jsx("p",{children:"⏳ Loading machine..."})});const N=x.machineNickname||x.hostname,B=[{id:"overview",label:e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(sn,{size:14})," Overview"]})},{id:"ides",label:e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(dt,{size:14})," IDEs"]}),count:I.length},{id:"clis",label:e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(ms,{size:14})," CLIs"]}),count:T.length},{id:"acps",label:e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(hs,{size:14})," ACP Agents"]}),count:f.length},{id:"providers",label:e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(us,{size:14})," Providers"]})},{id:"logs",label:e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(Vs,{size:14})," Logs"]})}];return e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsxs("div",{className:"dashboard-header !flex-col !items-stretch",children:[e.jsx("div",{className:"flex items-center justify-between w-full",children:e.jsxs("div",{className:"flex items-center gap-2 md:gap-3.5 w-full min-w-0",children:[e.jsx("button",{onClick:()=>s("/machines"),className:"machine-btn-back flex shrink-0",children:"←"}),e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[m.editingNickname?e.jsxs("div",{className:"flex gap-1.5 items-center",children:[e.jsx("input",{autoFocus:!0,value:m.nicknameInput,onChange:b=>m.setNicknameInput(b.target.value),onKeyDown:b=>{b.key==="Enter"&&m.handleSaveNickname(),b.key==="Escape"&&m.setEditingNickname(!1)},placeholder:"Machine nickname...",className:"px-2.5 py-1 rounded-md border border-violet-500/30 bg-bg-secondary text-text-primary text-sm font-semibold w-[140px] md:w-[200px]"}),e.jsx("button",{onClick:m.handleSaveNickname,className:"machine-btn text-green-500 border-green-500/30 shrink-0",children:"✓"}),e.jsx("button",{onClick:()=>m.setEditingNickname(!1),className:"machine-btn shrink-0",children:"✕"})]}):e.jsx("h1",{className:"header-title cursor-pointer truncate",onClick:()=>{m.setEditingNickname(!0),m.setNicknameInput(x.machineNickname||"")},title:"Click to set nickname",children:N}),e.jsx("span",{className:"status-dot-md online shrink-0"})]}),e.jsxs("div",{className:"header-subtitle mt-1 flex-wrap gap-1 md:gap-2 items-center display-none-mobile",children:[e.jsxs("span",{children:[x.platform," · ",x.arch," · ",x.cpus," cores"]}),(l==null?void 0:l.version)&&e.jsxs("span",{className:"px-1.5 py-px rounded text-[9px] font-semibold bg-bg-glass border border-border-subtle text-text-muted shrink-0",children:["v",l.version]}),(l==null?void 0:l.versionMismatch)&&e.jsxs("button",{className:"px-1.5 py-px rounded text-[9px] font-semibold bg-amber-500/[0.08] border border-amber-500/20 text-amber-400 cursor-pointer hover:bg-amber-500/[0.15] transition-colors shrink-0",onClick:async()=>{try{await a(t,"daemon_upgrade",{})}catch{}},children:["🔄 Update to v",l.serverVersion]}),x.p2p.available&&e.jsxs("span",{className:"px-1.5 py-px rounded text-[9px] font-semibold",style:{background:x.p2p.state==="connected"?"rgba(34,197,94,0.08)":"rgba(234,179,8,0.08)",color:x.p2p.state==="connected"?"#22c55e":"#eab308"},children:["P2P ",x.p2p.state==="connected"?`● ${x.p2p.peers}`:"○"]}),x.cdpConnected&&e.jsx("span",{className:"px-1.5 py-px rounded text-[9px] font-semibold bg-green-500/[0.08] text-green-500 shrink-0",children:"CDP ●"}),x.machineNickname&&e.jsxs("span",{className:"text-text-muted opacity-80 shrink-0",children:["(",x.hostname,")"]})]})]})]})}),e.jsx("div",{className:"machine-tabs w-full overflow-x-auto overflow-y-hidden pb-1 -mb-1 mt-2",children:B.map(b=>e.jsxs("button",{onClick:()=>p(b.id),className:`machine-tab shrink-0${o===b.id?" active":""}`,children:[b.label,b.count!==void 0&&e.jsx("span",{className:"tab-count",children:b.count})]},b.id))})]}),e.jsxs("div",{className:"page-content",children:[o==="overview"&&e.jsx(br,{machine:x,managedIdes:I,managedClis:T,managedAcps:f,actions:m}),o==="ides"&&e.jsx(Et,{category:"ide",machine:x,machineId:t,providers:d,managedEntries:I,getIcon:j,actions:m,sendDaemonCommand:a}),o==="clis"&&e.jsx(Et,{category:"cli",machine:x,machineId:t,providers:d,managedEntries:T,getIcon:j,actions:m}),o==="acps"&&e.jsx(Et,{category:"acp",machine:x,machineId:t,providers:d,managedEntries:f,getIcon:j,actions:m}),o==="providers"&&e.jsx(Nr,{machineId:t,providers:d,sendDaemonCommand:a}),o==="logs"&&e.jsx(kr,{machineId:t,sendDaemonCommand:a})]}),m.launchPick&&x&&e.jsx(Sr,{machine:x,launchPick:m.launchPick,actions:m})]})}function Ir(){if(typeof window>"u")return"ws://localhost:3847/ws";const s=`${window.location.protocol==="https:"?"wss":"ws"}://${window.location.host}/ws`,r=new URLSearchParams(window.location.search).get("token");return r?`${s}?token=${encodeURIComponent(r)}`:s}const ns=Ir(),rs=3e3,Mr=3e4;let Fe=null,Tr=0;const yt=new Map,Bt=new Set;let Xe=null,Er=null,at=null;async function gt(t,s,a){const r=Fe;if(r&&r.readyState===WebSocket.OPEN){const c=`req_${++Tr}_${Date.now()}`;return new Promise((o,p)=>{const u=setTimeout(()=>{yt.delete(c),p(new Error(`WS command timeout: ${s}`))},3e4);yt.set(c,{resolve:m=>{clearTimeout(u),o(m)},reject:m=>{clearTimeout(u),p(m)}}),r.send(JSON.stringify({type:"command",requestId:c,data:{type:s,payload:a||{},target:t}}))})}const i=await fetch("/api/v1/command",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:s,payload:a||{},target:t})});if(!i.ok)throw new Error(`HTTP ${i.status}`);return i.json()}class $r{constructor(s){Ae(this,"daemonId");Ae(this,"screenshotIdeType",null);this.daemonId=s}get hasCommandChannel(){return(Fe==null?void 0:Fe.readyState)===WebSocket.OPEN}get connectionState(){return(Fe==null?void 0:Fe.readyState)===WebSocket.OPEN?"connected":"disconnected"}async sendCommand(s,a){return gt(this.daemonId,s,a)}async sendInput(s,a){const r=this.screenshotIdeType?`${this.daemonId}:ide:${this.screenshotIdeType}`:this.daemonId;return gt(r,"cdp_remote_action",{action:s,params:a})}startScreenshots(s){this.screenshotIdeType=s||null,Xe&&(clearInterval(Xe),Xe=null);const a=async()=>{if(this.hasCommandChannel)try{const r=this.screenshotIdeType?`${this.daemonId}:ide:${this.screenshotIdeType}`:this.daemonId,i=await gt(r,"screenshot",{width:1280});if(i!=null&&i.success&&(i!=null&&i.base64)){const c=await fetch(`data:image/jpeg;base64,${i.base64}`).then(o=>o.blob());Bt.forEach(o=>o(this.daemonId,c))}}catch{}};a(),Xe=setInterval(a,2e3)}stopScreenshots(s){Xe&&(clearInterval(Xe),Xe=null)}}let Ve=null;function Ar(t){(!Ve||Ve.daemonId!==t)&&(Ve=new $r(t));const s=Re._originalGet||Re.get.bind(Re);Re._originalGet=s,Re.get=a=>a===t||a.startsWith("standalone")?Ve:s(a),Re.getState=a=>(a===t||a.startsWith("standalone"))&&(Ve==null?void 0:Ve.connectionState)||"disconnected",Re.onScreenshot=(a,r)=>(Bt.add(r),()=>{Bt.delete(r)})}function _r({children:t}){const s=n.useRef(Ht()),a=Ht();s.current=a;const{setUserName:r}=ot(),i=n.useRef(r);i.current=r;const[,c]=n.useState("disconnected"),o=n.useCallback((d,v)=>{c(d),at==null||at(d,v)},[]),p=n.useRef(null),u=n.useRef(),m=n.useRef(rs),l=n.useRef(!0);return n.useEffect(()=>{l.current=!0;function d(){var x,I;if(!l.current||((x=p.current)==null?void 0:x.readyState)===WebSocket.OPEN||((I=p.current)==null?void 0:I.readyState)===WebSocket.CONNECTING)return;o("connecting"),console.log(`[Standalone WS] Connecting to ${ns}...`);let j;try{j=new WebSocket(ns)}catch(T){console.error("[Standalone WS] Failed to create WebSocket:",T),v();return}p.current=j,j.onopen=()=>{if(!l.current){j.close();return}o("connected"),m.current=rs,console.log("[Standalone WS] Connected")},Fe=j,j.onmessage=T=>{var f;try{const N=JSON.parse(T.data);if((N.type==="command_result"||N.type==="error")&&N.requestId){const B=yt.get(N.requestId);B&&(yt.delete(N.requestId),N.type==="error"?B.reject(new Error(((f=N.data)==null?void 0:f.message)||"Command failed")):B.resolve(N.data));return}if(N.type==="status"||N.type==="initial_state"){const B=N.data;if(!B)return;const{injectEntries:K,markLoaded:E}=s.current,A=B.id||"standalone";Er=A,Ar(A),o("connected",A);const $=In(B,{daemonId:A});$.length>0&&K($),E(),B.userName&&i.current&&i.current(B.userName)}}catch(N){console.error("[Standalone WS] Parse error:",N)}},j.onclose=()=>{l.current&&(o("disconnected"),p.current=null,v())},j.onerror=T=>{console.warn("[Standalone WS] Error, will reconnect:",T)}}function v(){if(!l.current)return;clearTimeout(u.current);const j=m.current;console.log(`[Standalone WS] Reconnecting in ${j}ms...`),u.current=setTimeout(()=>{m.current=Math.min(m.current*1.5,Mr),d()},j)}return d(),()=>{l.current=!1,clearTimeout(u.current),p.current&&(p.current.onclose=null,p.current.close(),p.current=null,Fe=null)}},[]),e.jsx(e.Fragment,{children:t})}function Rr({children:t}){const[s,a]=n.useState("disconnected"),[r,i]=n.useState(null);n.useEffect(()=>(at=(o,p)=>{a(o),p&&i(p)},()=>{at=null}),[]);const c=n.useMemo(()=>{const o=s==="connected",p={};return r&&(p[r]=o?"connected":"connecting"),p.standalone=o?"connected":"connecting",{wsStatus:s,isConnected:o,connectionStates:p}},[s,r]);return e.jsx(Fs,{connectionOverrides:c,children:e.jsx(_r,{children:t})})}const Pr=[{id:"dashboard",path:"/dashboard",icon:e.jsx(Gs,{}),label:"Dashboard"},{id:"machine",path:"/machines",icon:e.jsx(Xs,{}),label:"Burrow"},{id:"settings",path:"/settings",icon:e.jsx(us,{}),label:"Settings"}];function Lr({children:t}){const s=lt(),a=Rs(),[r,i]=n.useState(!1),[c,o]=n.useState(()=>{try{return localStorage.getItem("sidebar-collapsed")==="1"}catch{return!1}}),p=l=>{s(l),i(!1)},u=()=>{o(l=>{const d=!l;try{localStorage.setItem("sidebar-collapsed",d?"1":"0")}catch{}return d})},m=l=>`nav-item${a.pathname.startsWith(l)?" active":""} cursor-pointer ${c?"justify-center py-2.5 px-0":""}`;return e.jsxs("div",{className:`app-layout${r?" mobile-menu-open":""}${c?" sidebar-collapsed":""}`,children:[e.jsxs("button",{type:"button",className:"mobile-menu-btn","aria-label":"Open menu",onClick:()=>i(!0),children:[e.jsx("span",{className:"mobile-menu-icon"}),e.jsx("span",{className:"mobile-menu-icon"}),e.jsx("span",{className:"mobile-menu-icon"})]}),r&&e.jsx("div",{className:"sidebar-overlay",role:"button",tabIndex:0,"aria-label":"Close menu",onClick:()=>i(!1),onKeyDown:l=>l.key==="Escape"&&i(!1)}),e.jsxs("aside",{className:`sidebar ${r?"sidebar-open":""}`,children:[e.jsxs("div",{className:"sidebar-header",children:[e.jsxs("div",{className:`sidebar-logo ${c?"justify-center gap-0":""}`,children:[e.jsx("img",{src:"/otter-logo.png",alt:"ADHDev",className:"w-7 h-7"}),!c&&e.jsx("span",{children:"ADHDev"})]}),e.jsx("button",{type:"button",className:"sidebar-close-btn","aria-label":"Close menu",onClick:()=>i(!1),children:"✕"})]}),e.jsx("nav",{className:"sidebar-nav",children:Pr.map(l=>e.jsxs("div",{className:m(l.path),id:`nav-${l.id}`,onClick:()=>p(l.path),title:c?l.label:void 0,children:[e.jsx("span",{className:"nav-icon",children:l.icon}),!c&&l.label]},l.id))}),e.jsxs("div",{className:"border-t border-border-subtle pt-4 mt-2",children:[e.jsxs("div",{className:`nav-item cursor-pointer${a.pathname==="/about"?" active":""} ${c?"justify-center py-2.5 px-0":""}`,id:"nav-about",onClick:()=>s("/about"),title:c?"About":void 0,children:[e.jsx("span",{className:"nav-icon",children:e.jsx(qs,{})}),!c&&"About"]}),!c&&e.jsxs("div",{className:"px-3 py-2 text-xs text-text-muted",children:["Selfhost v","0.6.37"]}),e.jsxs("div",{className:`nav-item cursor-pointer ${c?"justify-center py-2.5 px-0":"mt-1"}`,onClick:u,title:c?"Expand sidebar":"Collapse sidebar",children:[e.jsx("span",{className:"nav-icon text-base",children:c?"›":"‹"}),!c&&e.jsx("span",{className:"text-xs",children:"Collapse"})]})]})]}),e.jsx("main",{className:"main-content relative",children:e.jsx("div",{className:"main-content-inner",children:t})})]})}const Dr=[{icon:"🏠",title:"Local-first",desc:"Everything runs on your machine. No data leaves your network. Full privacy by design."},{icon:"💬",title:"Agent chat relay",desc:"Read and respond to AI conversations in real-time across all connected IDEs."},{icon:"📸",title:"Live screenshots",desc:"View your IDE screens directly in the browser via local WebSocket streaming."},{icon:"🎛️",title:"Remote control",desc:"Click, type, and interact with your IDE from the dashboard — no window switching."},{icon:"🔌",title:"Multi-IDE support",desc:"Monitor and control multiple IDEs simultaneously — VS Code, Cursor, Windsurf, and more."},{icon:"⚡",title:"Extension agents",desc:"Manage extension-based agents like Cline and Roo Code alongside native IDE agents."}],Br=[{icon:"🌍",title:"Access from anywhere",desc:"Control your agents from any device, any network. No VPN or port forwarding needed."},{icon:"🔗",title:"WebRTC P2P streaming",desc:"End-to-end encrypted peer-to-peer connection for zero-latency remote screenshots and control."},{icon:"📱",title:"Mobile notifications",desc:"Get push notifications when agents need approval. Quick approve/reject from your phone."},{icon:"📡",title:"REST API access",desc:"Integrate with Slack, CI/CD pipelines, or custom tools. Scoped API keys with granular permissions."},{icon:"👥",title:"Team dashboard",desc:"Share a unified view across your team. See who's running what, where, in real time."},{icon:"🔐",title:"Enterprise security",desc:"SSO, RBAC, audit logs, and SLA guarantees for production teams."}],Wr=[{feature:"Agent chat relay",selfhost:!0,cloud:!0},{feature:"Live IDE screenshots",selfhost:!0,cloud:!0},{feature:"Remote IDE control",selfhost:!0,cloud:!0},{feature:"Multi-IDE monitoring",selfhost:!0,cloud:!0},{feature:"Extension agent support",selfhost:!0,cloud:!0},{feature:"CLI agent support",selfhost:!0,cloud:!0},{feature:"Access from any network",selfhost:!1,cloud:!0},{feature:"WebRTC P2P streaming",selfhost:!1,cloud:!0},{feature:"Mobile push notifications",selfhost:!1,cloud:!0},{feature:"REST API & webhooks",selfhost:!1,cloud:!0},{feature:"Team collaboration",selfhost:!1,cloud:!0},{feature:"Multi-machine (Burrows)",selfhost:!1,cloud:!0},{feature:"SSO / RBAC / Audit logs",selfhost:!1,cloud:!0}],$t={ides:["VS Code","Cursor","Antigravity","Windsurf","Trae","PearAI","Kiro","VSCodium","VS Code Insiders"],agents:["GitHub Copilot","Cline","Roo Code"],cli:["Gemini CLI","Claude Code","Codex CLI"]};function Or(){return e.jsxs("div",{className:"py-8 px-6 max-w-[860px] mx-auto text-text-primary",children:[e.jsxs("div",{className:"text-center mb-10",children:[e.jsx("img",{src:"/otter-logo.png",alt:"ADHDev",className:"w-14 h-14 mb-3 mx-auto"}),e.jsx("h1",{className:"text-[26px] font-extrabold mb-1.5 text-text-primary",children:"ADHDev"}),e.jsx("p",{className:"text-[13px] text-text-muted",children:"Agent Dashboard Hub for Dev — Self-hosted Edition"}),e.jsxs("div",{className:"inline-block mt-3 px-3 py-1 text-[11px] font-semibold tracking-wide rounded-full bg-emerald-500/10 text-emerald-500 border border-emerald-500/20",children:["SELFHOST v","0.6.37"]})]}),e.jsxs("section",{className:"mb-10",children:[e.jsxs("h2",{className:"text-lg font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"text-base",children:"✅"})," What's included"]}),e.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(250px,1fr))] gap-3",children:Dr.map(t=>e.jsxs("div",{className:"bg-bg-glass border border-border-subtle rounded-xl px-4 py-4 transition-colors hover:border-border-default",children:[e.jsx("div",{className:"text-xl mb-1.5",children:t.icon}),e.jsx("div",{className:"font-semibold text-[13px] mb-1",children:t.title}),e.jsx("div",{className:"text-[12px] text-text-muted leading-relaxed",children:t.desc})]},t.title))})]}),e.jsxs("section",{className:"mb-10",children:[e.jsx("h2",{className:"text-lg font-bold mb-4",children:"Compatible with"}),e.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(180px,1fr))] gap-5",children:[{label:"IDEs",items:$t.ides},{label:"Extension agents",items:$t.agents},{label:"CLI agents",items:$t.cli}].map(t=>e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] font-bold tracking-wider text-text-muted mb-2 uppercase",children:t.label}),e.jsx("div",{className:"flex flex-col gap-1",children:t.items.map(s=>e.jsx("div",{className:"text-[12px] px-2.5 py-1.5 bg-bg-glass rounded-md border border-border-subtle",children:s},s))})]},t.label))})]}),e.jsxs("section",{className:"mb-10",children:[e.jsxs("h2",{className:"text-lg font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"text-base",children:"⚖️"})," Self-hosted vs Cloud"]}),e.jsx("div",{className:"rounded-xl border border-border-subtle overflow-hidden",children:e.jsxs("table",{className:"w-full text-[13px]",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-bg-secondary",children:[e.jsx("th",{className:"text-left px-4 py-2.5 font-semibold text-text-muted text-[11px] uppercase tracking-wider",children:"Feature"}),e.jsx("th",{className:"text-center px-4 py-2.5 font-semibold text-text-muted text-[11px] uppercase tracking-wider w-[100px]",children:"Selfhost"}),e.jsx("th",{className:"text-center px-4 py-2.5 font-semibold text-[11px] uppercase tracking-wider w-[100px] text-violet-500",children:"Cloud"})]})}),e.jsx("tbody",{children:Wr.map((t,s)=>e.jsxs("tr",{className:s%2===0?"bg-bg-glass":"",children:[e.jsx("td",{className:"px-4 py-2 text-text-secondary",children:t.feature}),e.jsx("td",{className:"text-center px-4 py-2",children:t.selfhost?e.jsx("span",{className:"text-emerald-500",children:"✓"}):e.jsx("span",{className:"text-text-muted opacity-40",children:"—"})}),e.jsx("td",{className:"text-center px-4 py-2",children:e.jsx("span",{className:"text-emerald-500",children:"✓"})})]},t.feature))})]})})]}),e.jsx("section",{className:"mb-10",children:e.jsx("div",{className:"rounded-2xl border border-violet-500/20 bg-violet-500/[0.04] px-6 py-6",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"text-3xl shrink-0",children:"🚀"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"font-bold text-[15px] mb-1.5",children:"Unlock more with ADHDev Cloud"}),e.jsx("p",{className:"text-[13px] text-text-muted leading-relaxed mb-4",children:"Access your agents from anywhere — your phone, another laptop, or a coffee shop. Cloud adds WebRTC P2P streaming, mobile push notifications, REST API, team collaboration, and multi-machine support. Your local setup stays exactly the same."}),e.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(220px,1fr))] gap-2.5 mb-5",children:Br.map(t=>e.jsxs("div",{className:"flex gap-2.5 items-start",children:[e.jsx("span",{className:"text-base shrink-0 mt-0.5",children:t.icon}),e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold text-[12px]",children:t.title}),e.jsx("div",{className:"text-[11px] text-text-muted leading-snug",children:t.desc})]})]},t.title))}),e.jsxs("div",{className:"flex gap-3 flex-wrap",children:[e.jsx("a",{href:"https://adhf.dev",target:"_blank",rel:"noopener noreferrer",className:"btn btn-primary btn-sm inline-flex items-center gap-1.5 no-underline",children:"Try ADHDev Cloud →"}),e.jsx("a",{href:"https://github.com/vilmire/adhdev",target:"_blank",rel:"noopener noreferrer",className:"btn btn-secondary btn-sm inline-flex items-center gap-1.5 no-underline",children:"GitHub"}),e.jsx("a",{href:"https://discord.gg/WJD3tCfBzk",target:"_blank",rel:"noopener noreferrer",className:"btn btn-secondary btn-sm inline-flex items-center gap-1.5 no-underline",children:"Discord"})]})]})]})})}),e.jsxs("div",{className:"text-center text-xs text-text-muted pt-4 border-t border-border-subtle",children:[e.jsx("p",{children:"© 2026 RacoLab · ADHDev, Your AI sidekick otter 🦦"}),e.jsx("p",{className:"mt-1 opacity-60",children:"Self-hosted edition — all data stays on your machine"})]})]})}function Kr(){const{ides:t}=ot(),s=t.find(d=>d.type==="adhdev-daemon"),a=(s==null?void 0:s.detectedIdes)||[],{sendCommand:r}=Ye(),{userName:i}=ot(),[c,o]=n.useState(i||"");n.useEffect(()=>{i!==void 0&&o(i)},[i]);const p=d=>{const v=d.target.value.trim();s!=null&&s.id&&v!==i&&r(s.id,"set_user_name",{userName:v}).catch(console.error)},[u,m]=n.useState(()=>{try{return localStorage.getItem("adhdev_sound")!=="0"}catch{return!0}}),l=d=>{m(d);try{localStorage.setItem("adhdev_sound",d?"1":"0")}catch{}};return e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx(Bn,{icon:"⚙️",title:"Settings",subtitle:"Local daemon configuration & preferences"}),e.jsxs("div",{className:"page-content",children:[e.jsx(Ze,{title:"Daemon",className:"mb-4",children:e.jsxs("div",{className:"grid grid-cols-[100px_1fr] gap-x-4 gap-y-2.5 text-sm",children:[e.jsx("span",{className:"text-text-muted",children:"Version"}),e.jsxs("span",{className:"font-mono text-xs",children:["v","0.6.37"]}),e.jsx("span",{className:"text-text-muted",children:"Status"}),e.jsx("span",{className:s?"text-green-400":"text-yellow-400",children:s?"● Running":"○ Not connected"}),e.jsx("span",{className:"text-text-muted",children:"WebSocket"}),e.jsx("span",{className:"font-mono text-xs",children:"ws://localhost:19222"}),e.jsx("span",{className:"text-text-muted",children:"HTTP"}),e.jsx("span",{className:"font-mono text-xs",children:"http://localhost:19280"})]})}),e.jsx(Ze,{title:"Detected IDEs",className:"mb-4",children:a.length===0?e.jsx("p",{className:"text-sm text-text-muted",children:"No IDEs detected. Start an IDE to see it here."}):e.jsx("div",{className:"flex flex-col gap-1.5",children:a.map(d=>e.jsxs("div",{className:"flex justify-between items-center bg-bg-glass rounded-lg px-3.5 py-2.5",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("span",{className:`w-2 h-2 rounded-full ${d.running?"bg-green-400":"bg-text-muted/30"}`}),e.jsx("span",{className:"text-sm font-medium",children:d.name})]}),e.jsx("span",{className:"text-[11px] text-text-muted font-mono",children:d.type})]},d.type))})}),e.jsx(Ze,{title:"Machine",className:"mb-4",children:e.jsx(Yn,{ides:t,emptyMessage:"Daemon not connected. Run 'adhdev-standalone' to start."})}),e.jsx(Ze,{title:"Theme",className:"mb-4",children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-text-muted mb-2 font-medium",children:"Site theme"}),e.jsx(Jn,{})]}),e.jsxs("div",{className:"border-t border-border-subtle pt-4",children:[e.jsx("div",{className:"text-xs text-text-muted mb-2 font-medium",children:"Chat theme"}),e.jsx(nr,{})]}),e.jsxs("div",{className:"border-t border-border-subtle pt-4",children:[e.jsx("div",{className:"text-xs text-text-muted mb-2 font-medium",children:"Accent color"}),e.jsx(lr,{})]})]})}),e.jsx(Ze,{title:"Notifications",className:"mb-4",children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(Un,{}),e.jsx(Qe,{label:"🔊 Sound Effects",description:"Play a sound when agent completes or needs approval",checked:u,onChange:l})]})}),e.jsx(Ze,{title:"Preferences",className:"mb-4",children:e.jsx("div",{className:"flex flex-col gap-3",children:e.jsxs("div",{className:"flex items-center justify-between px-3.5 py-4 bg-bg-glass rounded-xl border border-border-subtle hover:border-border-default transition-colors",children:[e.jsxs("div",{className:"flex flex-col gap-1 pr-4 max-w-[500px]",children:[e.jsx("span",{className:"text-sm font-semibold flex items-center gap-2",children:"👤 Display Name"}),e.jsx("span",{className:"text-[12px] text-text-muted leading-relaxed",children:"Your name shown in chat threads and on the team dashboard."})]}),e.jsx("input",{type:"text",className:"bg-bg-primary border border-border-strong rounded-lg px-3 py-1.5 text-sm w-48 text-right focus:border-accent focus:outline-none transition-colors",placeholder:"Anonymous",value:c,onChange:d=>o(d.target.value),onBlur:p,onKeyDown:d=>{d.key==="Enter"&&d.currentTarget.blur()}})]})})})]})]})}tr();function as(){const{ides:t}=ot(),s=t.find(a=>{var r;return a.daemonMode||((r=a.id)==null?void 0:r.startsWith("standalone"))});return s?e.jsx(mt,{to:`/machines/${s.id}`,replace:!0}):t.length>0?e.jsx(mt,{to:`/machines/${t[0].id}`,replace:!0}):e.jsx(mt,{to:"/dashboard",replace:!0})}function Fr(){return e.jsx(Ps,{children:e.jsx(Rr,{children:e.jsx(Ys,{value:{sendCommand:gt,sendData:()=>!1},children:e.jsx(Lr,{children:e.jsxs(Ls,{children:[e.jsx(ze,{path:"/dashboard",element:e.jsx(pr,{})}),e.jsx(ze,{path:"/ide/:id",element:e.jsx(fr,{})}),e.jsx(ze,{path:"/machine",element:e.jsx(as,{})}),e.jsx(ze,{path:"/machines/:id",element:e.jsx(Cr,{})}),e.jsx(ze,{path:"/machines",element:e.jsx(as,{})}),e.jsx(ze,{path:"/about",element:e.jsx(Or,{})}),e.jsx(ze,{path:"/settings",element:e.jsx(Kr,{})}),e.jsx(ze,{path:"*",element:e.jsx(mt,{to:"/dashboard",replace:!0})})]})})})})})}Ds(document.getElementById("root")).render(e.jsx(n.StrictMode,{children:e.jsx(Fr,{})}));
package/public/index.html CHANGED
@@ -7,11 +7,11 @@
7
7
  <meta name="description" content="ADHDev self-hosted dashboard for controlling AI agents" />
8
8
  <link rel="icon" href="/otter-logo.png" />
9
9
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
10
- <script type="module" crossorigin src="/assets/index-CWPZ_uO2.js"></script>
10
+ <script type="module" crossorigin src="/assets/index-wd7SOusY.js"></script>
11
11
  <link rel="modulepreload" crossorigin href="/assets/vendor-Df99lqBA.js">
12
12
  <link rel="modulepreload" crossorigin href="/assets/terminal-Dm9LBRva.js">
13
13
  <link rel="stylesheet" crossorigin href="/assets/terminal-6GBZ9nXN.css">
14
- <link rel="stylesheet" crossorigin href="/assets/index-Cyhpw_4a.css">
14
+ <link rel="stylesheet" crossorigin href="/assets/index-TdHDaVBK.css">
15
15
  </head>
16
16
  <body>
17
17
  <div id="root"></div>
@@ -1 +0,0 @@
1
- .ide-page{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.ide-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px}.ide-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--border-subtle);background:var(--surface-primary);flex-shrink:0;z-index:10}.ide-header-left{display:flex;align-items:center;gap:12px}.ide-header-right{display:flex;align-items:center;gap:10px}.ide-title{display:flex;align-items:baseline;gap:8px}.ide-name{font-weight:800;font-size:15px;letter-spacing:.02em}.ide-name-mobile{display:none}.ide-workspace{font-size:12px;font-weight:500;color:var(--text-secondary);opacity:.7;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-machine-label{font-size:9px;font-weight:600;color:var(--text-muted);background:var(--bg-secondary);padding:2px 8px;border-radius:10px;letter-spacing:.03em;white-space:nowrap}.ide-badge{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--accent-primary);background:#6366f11a;padding:2px 8px;border-radius:6px}.ide-status-pill{display:flex;align-items:center;gap:5px;padding:3px 10px;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-subtle)}.ide-dot{width:6px;height:6px;border-radius:50%;transition:background .3s}.ide-dot.online{background:var(--status-online);box-shadow:0 0 8px var(--status-online)}.ide-dot.connecting{background:#fbbf24;animation:pulse-dot 1.5s ease-in-out infinite}.ide-status-text{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ide-view-toggle{display:flex;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-subtle);overflow:hidden}.ide-view-btn{padding:6px 12px;background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .15s}.ide-view-btn.active{background:var(--surface-primary);color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.ide-view-btn:hover:not(.active){background:var(--bg-glass-hover)}.ide-back-btn{padding:6px 14px;font-size:12px;font-weight:700;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:opacity .15s}.ide-back-btn:hover{opacity:.85}.ide-content{flex:1;display:flex;min-height:0;overflow:hidden}.ide-chat-panel{width:420px;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background:var(--surface-secondary);transition:flex .3s ease,width .3s ease,opacity .25s ease,min-width .3s ease;opacity:1;overflow:hidden}.ide-chat-panel.hidden{flex:0!important;width:0!important;min-width:0!important;opacity:0;border-right:none;pointer-events:none;overflow:hidden}.ide-chat-panel.full{width:100%;max-width:720px;margin:0 auto;border-right:none}.ide-chat-tabs{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.ide-chat-tab{flex:1;padding:10px 16px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-size:11px;font-weight:700;cursor:pointer;letter-spacing:.04em;transition:all .15s}.ide-chat-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-primary);background:var(--surface-primary)}.ide-chat-tab.ext.active{border-bottom-color:#22d3ee}.ide-ext-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#22d3ee26;color:#22d3ee;font-size:10px;font-weight:700;margin-left:6px}.ide-chat-header{padding:14px 18px 10px;border-bottom:1px solid var(--border-subtle);background:var(--surface-primary);flex-shrink:0}.ide-chat-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ide-chat-header-info{display:flex;align-items:center;gap:10px}.ide-chat-label{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--text-muted)}.ide-chat-status{font-size:10px;font-weight:600;color:var(--status-online)}.ide-chat-header-actions{display:flex;gap:6px;align-items:center}.ide-btn-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;font-size:12px;cursor:pointer;transition:background .15s}.ide-btn-icon:hover{background:var(--bg-glass-hover)}.ide-btn-primary-sm{padding:4px 10px;font-size:11px;font-weight:700;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:opacity .15s}.ide-btn-primary-sm:disabled{opacity:.5;cursor:not-allowed}.ide-chat-title{font-size:13px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-history{border-bottom:1px solid var(--border-subtle);flex-shrink:0}.ide-history-header{display:flex;justify-content:space-between;align-items:center;padding:8px 18px;font-size:10px;font-weight:700;color:var(--text-muted);cursor:pointer;background:var(--surface-tertiary);transition:background .15s}.ide-history-header:hover{background:var(--bg-glass-hover)}.ide-history-toggle{font-size:8px;opacity:.6}.ide-history-list{max-height:120px;overflow:hidden;transition:max-height .25s ease}.ide-history-list.expanded{max-height:300px;overflow-y:auto}.ide-history-item{padding:8px 18px;font-size:12px;font-weight:500;cursor:pointer;border-bottom:1px solid var(--border-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .1s}.ide-history-item:hover{background:var(--bg-glass-hover)}.ide-history-item.active{color:var(--accent-primary-light);border-left:3px solid var(--accent-primary);background:#6366f10f}.ide-approval{padding:14px 18px;background:linear-gradient(135deg,#f59e0b1f,#d9770614);border-bottom:1px solid rgba(245,158,11,.2);flex-shrink:0;animation:slide-down .2s ease-out}.ide-approval-label{font-size:11px;font-weight:800;color:#f59e0b;margin-bottom:8px;letter-spacing:.03em}.ide-approval-msg{font-size:12px;line-height:1.5;color:var(--text-primary);margin-bottom:10px;white-space:pre-wrap;word-break:break-word;max-height:80px;overflow:hidden}.ide-approval-buttons{display:flex;gap:8px;flex-wrap:wrap}.ide-approval-btn{flex:1;min-width:80px;padding:8px 14px;border:none;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer;background:var(--surface-tertiary);color:var(--text-primary);transition:all .15s}.ide-approval-btn:hover{filter:brightness(1.1)}.ide-approval-btn.primary{background:var(--status-online);color:#fff}.ide-chat-messages{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.ide-chat-empty{text-align:center;margin-top:80px;display:flex;flex-direction:column;align-items:center;gap:12px}.ide-chat-empty-icon{font-size:36px;opacity:.12}.ide-chat-empty-text{opacity:.2;font-size:12px;font-weight:600}.ide-chat-empty-bar{width:32px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);animation:shimmer 2s ease-in-out infinite}.ide-chat-input-wrap{border-top:1px solid var(--border-subtle);background:var(--surface-primary);flex-shrink:0}.ide-chat-input-row{display:flex;gap:10px;align-items:center;padding:10px 18px 16px}.ide-chat-input{flex:1;height:40px;padding:0 16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:20px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.ide-chat-input:focus{border-color:var(--accent-primary)}.ide-btn-send{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);color:var(--text-muted);border:none;cursor:default;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.ide-btn-send:not(:disabled){background:var(--accent-primary);color:#fff;cursor:pointer}.ide-btn-send:disabled{opacity:1}.ide-btn-send:hover:not(:disabled){opacity:.9}.ide-model-bar{display:flex;align-items:center;gap:6px;padding:8px 18px 0;flex-wrap:wrap}.ide-model-agent{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--accent-primary);opacity:.7;letter-spacing:.03em}.ide-model-sep{color:var(--border-subtle);font-size:10px}.ide-chip-wrap{position:relative}.ide-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:10px;font-weight:500;cursor:pointer;border:1px solid transparent;background:var(--surface-tertiary);color:var(--text-secondary);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;transition:all .15s}.ide-chip.open{border-color:#6366f159}.ide-chip:hover{background:var(--bg-glass-hover)}.ide-chip-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59}.ide-chip-dropdown{position:absolute;bottom:100%;left:0;z-index:60;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:4px;max-height:220px;overflow-y:auto;min-width:160px;box-shadow:0 -4px 20px #00000059;animation:slide-up .12s ease-out}.ide-chip-dropdown-title{padding:6px 12px;font-size:9px;font-weight:700;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}.ide-chip-option{padding:7px 12px;font-size:11px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary);border-left:2px solid transparent;transition:background .1s}.ide-chip-option:hover{background:#6366f114}.ide-chip-option.selected{color:var(--accent-primary);font-weight:600;background:#6366f11a;border-left-color:var(--accent-primary)}.ide-remote-panel{flex:1;display:flex;flex-direction:column;background:#000;min-width:0;transition:flex .3s ease,opacity .25s ease;opacity:1;overflow:hidden}.ide-remote-panel.hidden{flex:0!important;opacity:0;pointer-events:none;overflow:hidden}.ide-remote-panel.full{flex:1}.ide-toasts{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.ide-toast{padding:10px 18px;border-radius:12px;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0000004d;pointer-events:auto;cursor:pointer;animation:toast-in .25s ease-out;max-width:360px}.ide-toast.success{background:#10b981eb;color:#fff}.ide-toast.warning{background:#f59e0beb;color:#fff}.ide-toast.info{background:#6366f1eb;color:#fff}@keyframes shimmer{0%,to{opacity:.2}50%{opacity:.6}}@keyframes pulse-dot{0%,to{opacity:.6}50%{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.ide-page{height:100%;height:100dvh}.ide-header{padding:8px 8px 8px 56px;min-height:48px;gap:6px;flex-wrap:nowrap}.ide-header-left{gap:8px;min-width:0;flex:1 1 auto}.ide-name{display:none}.ide-name-mobile{display:inline;font-weight:700;font-size:14px}.ide-workspace,.ide-machine-label,.ide-badge{display:none}.ide-status-pill{padding:0;background:none;border:none}.ide-status-text{display:none}.ide-header-right{gap:4px;flex-shrink:0;display:flex;flex-wrap:nowrap;align-items:center}.ide-view-btn{padding:5px 10px;font-size:13px}.ide-back-btn{padding:5px 10px;font-size:11px}.ide-content{flex-direction:column}.ide-chat-panel{width:100%;border-right:none;flex:1;min-height:0;order:2}.ide-chat-panel.full{max-width:100%}.ide-remote-panel{flex:1;min-height:0;order:1}.ide-remote-panel.full{flex:1}.ide-chat-input-row{padding:8px 12px 12px}.ide-chat-input{height:36px;font-size:13px}.ide-toasts{top:auto;bottom:16px;right:12px;left:12px}.ide-toast{max-width:100%}}@media (min-width: 769px){.ide-content{flex-direction:row}}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-500:oklch(69.6% .17 162.48);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-slate-400:oklch(70.4% .04 256.788);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-500:oklch(55.1% .027 264.364);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:1rem;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-lg:16px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-bg-primary:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-card:var(--bg-card);--color-bg-glass:var(--bg-glass);--color-bg-glass-hover:var(--bg-glass-hover);--color-surface-primary:var(--surface-primary);--color-border-subtle:var(--border-subtle);--color-border-default:var(--border-default);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-accent:var(--accent-primary);--color-accent-light:var(--accent-primary-light);--shadow-glow:0 0 20px #8b5cf626, 0 0 40px #8b5cf60d;--transition-base:.18s cubic-bezier(.4, 0, .2, 1)}}@layer base{button{font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:none;margin:0;padding:0}:root{--bg-primary:#0f0f13;--bg-secondary:#18181d;--bg-card:#1a1a20e6;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff14;--surface-primary:#111116;--surface-secondary:#18181d;--border-subtle:#ffffff17;--border-default:#ffffff24;--border-accent:#8b5cf666;--text-primary:#fafafa;--text-secondary:#a8a8b3;--text-muted:#7e7e8a;--accent-primary:#8b5cf6;--accent-primary-light:#a78bfa;--accent-secondary:#38bdf8;--accent-gradient:linear-gradient(135deg, #8b5cf6, #38bdf8);--status-online:#22c55e;--status-idle:#eab308;--status-busy:#f97316;--status-error:#ef4444;--status-offline:#71717a;--font:var(--font-sans);--transition:var(--transition-base);color-scheme:dark}:root[data-theme=light]{--bg-primary:#f6f7f9;--bg-secondary:#fff;--bg-card:#fffffff2;--bg-glass:#00000008;--bg-glass-hover:#0000000f;--surface-primary:#fff;--surface-secondary:#f6f7f9;--border-subtle:#00000014;--border-default:#00000024;--border-accent:#8b5cf64d;--text-primary:#1a1a2e;--text-secondary:#52525b;--text-muted:#71717a;--accent-primary:#7c3aed;--accent-primary-light:#6d28d9;--accent-secondary:#0ea5e9;--accent-gradient:linear-gradient(135deg, #7c3aed, #0ea5e9);--status-online:#16a34a;--status-idle:#ca8a04;--status-busy:#ea580c;--status-error:#dc2626;--status-offline:#a1a1aa;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-primary:#f6f7f9;--bg-secondary:#fff;--bg-card:#fffffff2;--bg-glass:#00000008;--bg-glass-hover:#0000000f;--surface-primary:#fff;--surface-secondary:#f6f7f9;--border-subtle:#00000014;--border-default:#00000024;--border-accent:#8b5cf64d;--text-primary:#1a1a2e;--text-secondary:#52525b;--text-muted:#71717a;--accent-primary:#7c3aed;--accent-primary-light:#6d28d9;--accent-secondary:#0ea5e9;--accent-gradient:linear-gradient(135deg, #7c3aed, #0ea5e9);--status-online:#16a34a;--status-idle:#ca8a04;--status-busy:#ea580c;--status-error:#dc2626;--status-offline:#a1a1aa;color-scheme:light}}:root[data-theme=light] .card{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}:root[data-theme=light] .card:hover{box-shadow:0 2px 8px #00000014}:root[data-theme=light] .sidebar-overlay{background:#00000026}:root[data-theme=light] .dashboard-agent-tabs{background:var(--surface-primary);border-bottom-color:var(--border-default)}:root[data-theme=light] .dashboard-header{background:var(--bg-secondary);border-bottom-color:var(--border-default)}:root[data-theme=light] .btn-secondary{background:var(--bg-glass);border-color:var(--border-default)}:root[data-theme=light] .btn-secondary:hover{background:var(--bg-glass-hover)}:root[data-theme=light] .chat-markdown code{color:var(--accent-primary);background:#0000000d;border-color:#00000014}:root[data-theme=light] .chat-markdown pre{box-shadow:none;background:#00000008;border-color:#00000014}:root[data-theme=light] .chat-markdown th{background:#0000000a}:root[data-theme=light] .chat-markdown td{border-right-color:#0000000f}:root[data-theme=light] .chat-markdown tbody tr:hover{background:#00000005}:root[data-theme=light] .agent-tab-working{box-shadow:none;border-color:#8b5cf626}:root[data-theme=light] .agent-tab-waiting{box-shadow:none;border-color:#eab30826}:root[data-theme=light] .tab-spinner{border-color:#8b5cf626;border-top-color:var(--accent-primary)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .chat-markdown code{color:var(--accent-primary);background:#0000000f;border-color:#0000001a}:root:not([data-theme=dark]) .chat-markdown pre{background:#0000000a;border-color:#0000001a;box-shadow:inset 0 1px #00000008}:root:not([data-theme=dark]) .chat-markdown th{background:#0000000a}:root:not([data-theme=dark]) .chat-markdown td{border-right-color:#0000000f}:root:not([data-theme=dark]) .chat-markdown tbody tr:hover{background:#00000005}:root:not([data-theme=dark]) .card{box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}:root:not([data-theme=dark]) .card:hover{box-shadow:0 4px 12px #8b5cf614,0 2px 8px #00000014}:root:not([data-theme=dark]) .sidebar-overlay{background:#0003}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;line-height:1.6}a{color:var(--accent-primary-light);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-secondary)}:root{--chat-user-bg:linear-gradient(135deg, var(--accent-primary), #4f46e5);--chat-user-color:#fff;--chat-user-radius:16px 16px 4px 16px;--chat-user-border:none;--chat-assistant-bg:var(--bg-secondary);--chat-assistant-color:var(--text-primary);--chat-assistant-radius:16px 16px 16px 4px;--chat-assistant-border:1px solid var(--border-subtle);--chat-bubble-padding:12px 16px;--chat-bubble-font-size:13px;--chat-bubble-line-height:1.65;--chat-bubble-max-width:88%;--chat-header-font-size:10px;--chat-header-opacity:.6;--chat-thought-bg:var(--bg-secondary);--chat-thought-border:1px solid var(--border-subtle);--chat-thought-accent:#818cf8;--chat-thought-max-height:200px;--chat-tool-bg:var(--bg-secondary);--chat-tool-border:1px solid var(--border-subtle);--chat-tool-accent:#10b981;--chat-tool-max-height:200px;--chat-terminal-bg:var(--bg-secondary);--chat-terminal-border:1px solid var(--border-subtle);--chat-terminal-accent:#10b981;--chat-terminal-max-height:250px;--chat-system-border:1px solid var(--border-subtle);--chat-system-color:var(--text-muted);--chat-action-bg:#6366f114;--chat-action-border:1px solid #6366f126;--chat-action-color:var(--accent-primary);--chat-container-bg:var(--bg-primary);--chat-container-padding:24px 20px;--chat-container-gap:16px;--chat-typing-bg:var(--bg-secondary);--chat-typing-radius:16px 16px 16px 4px;--chat-typing-border:1px solid var(--border-subtle)}.chat-container{min-height:0;padding:var(--chat-container-padding);gap:var(--chat-container-gap);background:var(--chat-container-bg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-bubble{padding:var(--chat-bubble-padding);font-size:var(--chat-bubble-font-size);line-height:var(--chat-bubble-line-height);word-break:break-word;min-width:0}.chat-bubble-user{background:var(--chat-user-bg);color:var(--chat-user-color);border-radius:var(--chat-user-radius);border:var(--chat-user-border)}.chat-bubble-assistant{background:var(--chat-assistant-bg);color:var(--chat-assistant-color);border-radius:var(--chat-assistant-radius);border:var(--chat-assistant-border)}.chat-bubble-header{white-space:nowrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.chat-bubble-header .chat-sender{font-size:var(--chat-header-font-size);opacity:var(--chat-header-opacity);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.chat-bubble-header .chat-time{font-size:var(--chat-header-font-size);opacity:.45}.chat-msg-thought{max-width:var(--chat-bubble-max-width);border-radius:var(--radius-md);background:var(--chat-thought-bg);border:var(--chat-thought-border);flex-shrink:0;min-width:0}.chat-msg-thought .chat-msg-header{border-bottom:1px solid var(--border-subtle);color:var(--chat-thought-accent);align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;display:flex}.chat-msg-thought .chat-msg-body{color:var(--text-muted);opacity:.75;max-height:var(--chat-thought-max-height);white-space:pre-wrap;padding:8px 12px;font-size:12px;font-style:italic;line-height:1.6;overflow-y:auto}.chat-msg-tool{max-width:var(--chat-bubble-max-width);min-width:0;color:var(--text-muted);background:var(--chat-tool-bg);border:var(--chat-tool-border);border-radius:var(--radius-sm);max-height:var(--chat-tool-max-height);white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;flex-shrink:0;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-family:monospace;font-size:11px;display:flex;overflow-y:auto}.chat-msg-tool .tool-icon{color:var(--chat-tool-accent);font-size:10px}.chat-msg-tool .tool-text{color:var(--chat-tool-accent);opacity:.8}.chat-msg-terminal{max-width:var(--chat-bubble-max-width);border-radius:var(--radius-md);background:var(--chat-terminal-bg);border:var(--chat-terminal-border);flex-shrink:0;min-width:0}.chat-msg-terminal .chat-msg-header{border-bottom:1px solid var(--border-subtle);color:var(--chat-terminal-accent);align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;display:flex}.chat-msg-terminal .chat-msg-body{color:var(--text-muted);max-height:var(--chat-terminal-max-height);white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;background:0 0;margin:0;padding:8px 12px;font-family:monospace;font-size:11px;line-height:1.6;overflow:hidden auto}.chat-msg-system{color:var(--chat-system-color);opacity:.6;border:var(--chat-system-border);border-radius:20px;padding:2px 12px;font-size:11px}.chat-msg-action{background:var(--chat-action-bg);max-width:80%;color:var(--chat-action-color);text-align:center;border:var(--chat-action-border);opacity:.85;border-radius:20px;padding:6px 14px;font-size:12px}.chat-msg-action .action-time{opacity:.5;margin-left:8px;font-size:10px}.chat-tool-badge{color:var(--chat-tool-accent);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 7px;font-family:monospace;font-size:10px}.chat-typing-wrapper{background:var(--chat-typing-bg);border-radius:var(--chat-typing-radius);border:var(--chat-typing-border);max-width:90%}:root[data-chat-theme=aurora]{--chat-user-bg:linear-gradient(135deg, #ec4899, #f97316);--chat-user-color:#fff;--chat-user-radius:20px 20px 6px 20px;--chat-user-border:none;--chat-assistant-bg:#1e1b2ef2;--chat-assistant-color:#e2e0ea;--chat-assistant-radius:20px 20px 20px 6px;--chat-assistant-border:1px solid #ec48991f;--chat-bubble-padding:14px 18px;--chat-bubble-font-size:13px;--chat-bubble-line-height:1.7;--chat-thought-accent:#f472b6;--chat-tool-accent:#fb923c;--chat-terminal-accent:#fb923c;--chat-action-bg:#ec48991a;--chat-action-border:1px solid #ec489933;--chat-action-color:#f472b6;--chat-container-bg:#0f0d17}:root[data-theme=light][data-chat-theme=aurora]{--chat-assistant-bg:#fef2f8;--chat-assistant-color:#1a1a2e;--chat-assistant-border:1px solid #ec489926;--chat-thought-bg:#fef2f8;--chat-thought-border:1px solid #ec48991f;--chat-tool-bg:#fff7ed;--chat-tool-border:1px solid #f973161f;--chat-terminal-bg:#fef2f8;--chat-terminal-border:1px solid #ec48991f;--chat-action-bg:#ec48990f;--chat-action-border:1px solid #ec489926;--chat-container-bg:var(--bg-primary);--chat-typing-bg:#fef2f8}:root[data-chat-theme=honey]{--chat-user-bg:#fbbf24;--chat-user-color:#1a1a1a;--chat-user-radius:18px 18px 4px 18px;--chat-user-border:none;--chat-assistant-bg:#1c1c1e;--chat-assistant-color:#e5e5e5;--chat-assistant-radius:18px 18px 18px 4px;--chat-assistant-border:1px solid #ffffff0f;--chat-bubble-padding:11px 15px;--chat-bubble-font-size:14px;--chat-bubble-line-height:1.6;--chat-thought-accent:#fbbf24;--chat-thought-bg:#1c1c1e;--chat-tool-accent:#a3e635;--chat-terminal-accent:#a3e635;--chat-action-bg:#fbbf2414;--chat-action-border:1px solid #fbbf2433;--chat-action-color:#fbbf24;--chat-container-bg:#111113;--chat-container-gap:12px;--chat-typing-bg:#1c1c1e}:root[data-theme=light][data-chat-theme=honey]{--chat-user-bg:#fbbf24;--chat-user-color:#1a1a1a;--chat-assistant-bg:#fffbeb;--chat-assistant-color:#1a1a2e;--chat-assistant-border:1px solid #fbbf2426;--chat-thought-bg:#fffbeb;--chat-thought-border:1px solid #fbbf241f;--chat-tool-bg:#f7fee7;--chat-tool-border:1px solid #a3e63526;--chat-terminal-bg:#fffbeb;--chat-terminal-border:1px solid #fbbf241f;--chat-action-bg:#fbbf240f;--chat-action-border:1px solid #fbbf2426;--chat-action-color:#b45309;--chat-container-bg:var(--bg-primary);--chat-typing-bg:#fffbeb}:root[data-chat-theme=honey] .chat-bubble-user .chat-markdown a{color:#1a1a1a;text-decoration:underline}@media (prefers-color-scheme:light){:root:not([data-theme=dark])[data-chat-theme=aurora]{--chat-assistant-bg:#fef2f8;--chat-assistant-color:#1a1a2e;--chat-assistant-border:1px solid #ec489926;--chat-thought-bg:#fef2f8;--chat-tool-bg:#fff7ed;--chat-terminal-bg:#fef2f8;--chat-container-bg:var(--bg-primary);--chat-typing-bg:#fef2f8}:root:not([data-theme=dark])[data-chat-theme=honey]{--chat-assistant-bg:#fffbeb;--chat-assistant-color:#1a1a2e;--chat-assistant-border:1px solid #fbbf2426;--chat-thought-bg:#fffbeb;--chat-tool-bg:#f7fee7;--chat-terminal-bg:#fffbeb;--chat-container-bg:var(--bg-primary);--chat-typing-bg:#fffbeb;--chat-action-color:#b45309}}.chat-markdown{font-size:inherit;white-space:normal;word-break:break-word;overflow-wrap:anywhere;min-width:0;line-height:1.6}.chat-bubble-user .chat-markdown a{color:#e0e7ff;text-underline-offset:2px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}.chat-bubble-user .chat-markdown a:hover{color:#fff;text-decoration-color:#ffffffb3}.chat-markdown p{margin:0 0 .6em}.chat-markdown p:first-child{margin-top:0}.chat-markdown p:last-child{margin-bottom:0}.chat-markdown strong{font-weight:700}.chat-markdown em{font-style:italic}.chat-markdown code{background:var(--bg-glass);color:var(--accent-primary-light);border:1px solid var(--border-subtle);border-radius:5px;padding:.15em .4em;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.88em}.chat-markdown pre{background:var(--bg-glass);border:1px solid var(--border-subtle);box-shadow:none;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;border-radius:10px;margin:.6em 0;padding:14px 16px;font-size:.86em;line-height:1.65;overflow-x:hidden}.chat-markdown pre code{color:inherit;background:0 0;border:none;padding:0}.chat-markdown ul,.chat-markdown ol{margin:.4em 0;padding-left:1.4em}.chat-markdown li{margin:.25em 0}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3{letter-spacing:-.02em;margin:.75em 0 .35em;font-weight:700}.chat-markdown h1{font-size:1.25em}.chat-markdown h2{font-size:1.1em}.chat-markdown h3{font-size:1em}.chat-markdown blockquote{border-left:3px solid var(--border-default);color:var(--text-secondary);margin:.5em 0;padding-left:1em}.chat-markdown .markdown-alert{border-left:.25em solid var(--color-border-default,var(--border-default));color:inherit;margin:.5em 0 1em;padding:.5rem 1em}.chat-markdown .markdown-alert>:last-child{margin-bottom:0!important}.chat-markdown .markdown-alert .markdown-alert-title{align-items:center;font-size:14px;font-weight:500;line-height:1;display:flex}.chat-markdown .markdown-alert .markdown-alert-title svg.octicon{fill:currentColor;margin-right:8px}.chat-markdown .markdown-alert-note{border-left-color:var(--accent-primary)}.chat-markdown .markdown-alert-note .markdown-alert-title{color:var(--accent-primary-light)}.chat-markdown .markdown-alert-tip{border-left-color:var(--status-online)}.chat-markdown .markdown-alert-tip .markdown-alert-title{color:var(--status-online)}.chat-markdown .markdown-alert-important{border-left-color:#a371f7}.chat-markdown .markdown-alert-important .markdown-alert-title{color:#a371f7}.chat-markdown .markdown-alert-warning{border-left-color:var(--status-idle)}.chat-markdown .markdown-alert-warning .markdown-alert-title{color:var(--status-idle)}.chat-markdown .markdown-alert-caution{border-left-color:var(--status-error)}.chat-markdown .markdown-alert-caution .markdown-alert-title{color:var(--status-error)}.chat-markdown table{border-collapse:separate;border-spacing:0;border:1px solid var(--border-subtle);border-radius:8px;width:100%;margin:.6em 0;font-size:.92em;overflow:hidden}.chat-markdown th,.chat-markdown td{border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);text-align:left;padding:.5em .75em}.chat-markdown th{background:var(--bg-glass);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.88em;font-weight:600}.chat-markdown tr:last-child td{border-bottom:none}.chat-markdown th:last-child,.chat-markdown td:last-child{border-right:none}.chat-markdown tbody tr:hover{background:var(--bg-glass)}.app-layout{height:100%;min-height:0;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);z-index:30;flex-direction:column;width:260px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar-logo{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;margin-bottom:24px;padding:0 8px 24px;display:flex}.sidebar-logo span{color:var(--text-primary);letter-spacing:-.01em;font-size:17px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.nav-item.active{background:var(--nav-active-bg,#8b5cf61a);color:var(--accent-primary-light);border-color:var(--border-accent);box-shadow:var(--nav-active-shadow,inset 3px 0 0 var(--accent-primary), 0 0 12px #8b5cf60f)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar{transition:width .2s,padding .2s}.main-content{transition:margin-left .2s}.sidebar-collapsed .sidebar{overflow:hidden auto;width:56px!important;padding:16px 8px!important}.sidebar-collapsed .main-content{margin-left:56px}@media (max-width:768px){.sidebar-collapsed .main-content{margin-left:0}}.dashboard-header{box-sizing:border-box;border-bottom:1px solid var(--border-subtle);background:var(--surface-primary);justify-content:space-between;align-items:center;padding:10px 24px;animation:.3s ease-out forwards fadeIn;display:flex}.header-title{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.header-count-mobile{display:none}.header-title-desktop{display:inline}.header-title-mobile{display:none}.header-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:13px;display:flex}.page-content{flex:1;padding:20px 24px;animation:.4s ease-out forwards fadeIn;overflow-y:auto}.main-content{flex-direction:column;flex:1;min-height:0;margin-left:260px;padding:0;display:flex;overflow:hidden}.main-content:has(.page-dashboard) .main-content-inner,.main-content:has(.page-ide) .main-content-inner{overflow:hidden}.main-content-inner{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.page-header{margin-bottom:32px}.page-header h1{letter-spacing:-.02em;margin-bottom:6px;font-size:28px;font-weight:700}.page-header p{color:var(--text-secondary);font-size:15px}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition);padding:24px;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0a}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-glow),0 4px 16px #0000004d,inset 0 1px #ffffff0a;transform:translateY(-1px)}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{letter-spacing:-.01em;font-size:16px;font-weight:600}.btn{border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--transition);letter-spacing:-.01em;border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;border:none}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-accent)}.btn-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b40}.btn-warning:hover{background:#f59e0b33;border-color:#f59e0b66}.btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.btn-danger:hover{background:#ef444433;border-color:#ef444466}.btn-sm{padding:6px 14px;font-size:13px}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.login-page{background:var(--bg-primary);min-height:100dvh;padding:20px 16px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf626,#0000 60%);width:600px;height:600px;position:absolute;top:-200px;right:-100px}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf814,#0000 60%);width:500px;height:500px;position:absolute;bottom:-150px;left:-100px}.login-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:420px;box-shadow:var(--shadow-lg);z-index:1;flex-shrink:0;padding:48px;position:relative}@media (max-width:480px){.login-card{border-radius:var(--radius-lg);padding:32px 24px}}.login-card h1{text-align:center;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800}.login-card p{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:15px}.login-btn{border-radius:var(--radius-md);width:100%;font-size:15px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--transition);border:1px solid var(--border-default);background:var(--bg-glass);color:var(--text-primary);justify-content:center;align-items:center;gap:10px;margin-bottom:12px;padding:14px;display:flex}.login-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-btn svg{width:20px;height:20px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}.mobile-menu-btn{z-index:100;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:none;position:fixed;top:6px;left:12px}.sidebar-overlay{z-index:25;background:#00000080;display:none;position:fixed;top:0;right:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 8px 24px;display:flex}.sidebar .sidebar-logo{border-bottom:none;margin-bottom:0;padding:0}.sidebar-close-btn{border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;font-size:18px;display:none}.mobile-menu-icon{background:currentColor;border-radius:1px;width:20px;height:2px;display:block}@media (max-width:768px){.mobile-menu-btn{display:flex}.sidebar{transition:transform .25s ease-out;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn{display:flex}.sidebar-collapsed .sidebar-close-btn{display:none}.sidebar-overlay{display:block}.app-layout.mobile-menu-open .mobile-menu-btn{visibility:hidden}.main-content{margin-left:0;padding:0}.desktop-only{display:none!important}.page-dashboard{padding-top:0}.dashboard-header{box-sizing:border-box;min-height:48px;padding:8px 12px 8px 56px}.header-title{margin:0;font-size:14px}.header-subtitle{display:none!important}.header-count-mobile{display:inline!important}.header-title-desktop{display:none!important}.header-title-mobile{display:inline!important}.dashboard-header .btn-sm{min-width:32px!important;min-height:32px!important;padding:4px 8px!important;font-size:11px!important}.page-content{padding:16px 12px}.page-header{margin-bottom:16px;padding-left:44px}.page-header h1{font-size:20px}.page-header p{font-size:13px}}.dashboard-agent-tabs{flex-shrink:0;min-height:72px}.dashboard-agent-tabs::-webkit-scrollbar{height:4px}.dashboard-agent-tabs::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.typing-indicator{align-items:center;gap:6px;padding:14px 20px;display:flex}.typing-indicator .dot{background:var(--accent-primary-light);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-bounce}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}.status-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:9px;font-weight:700;display:inline-flex}.status-pill.idle{color:var(--text-muted);background:#94a3b81a}.status-pill.working{color:#10b981;background:#10b98126}.tab-spinner{border:2px solid #10b98133;border-top-color:#10b981;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.8s linear infinite spin}.tab-connecting-spinner{border:2px solid #60a5fa33;border-top-color:#60a5fa;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1.2s linear infinite spin}@keyframes connecting-float{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-12px)}}.connecting-logo-float{animation:2s ease-in-out infinite connecting-float}@keyframes connecting-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.connecting-dots:after{content:"";animation:1.5s steps(4,end) infinite connecting-dots}.status-pill.waiting{color:#f59e0b;background:#f59e0b26}.status-bar{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);align-items:center;gap:8px;padding:6px 20px;font-size:11px;font-weight:600;transition:all .3s;display:flex}.status-bar.generating{color:#10b981;background:#10b9810f;border-top-color:#10b98133}.status-bar.waiting_approval{color:#f59e0b;background:#f59e0b0f;border-top-color:#f59e0b33}.status-bar.idle{color:var(--text-muted)}.status-bar .status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-bar.generating .status-dot{background:#10b981;animation:1.5s ease-in-out infinite pulse-dot}.status-bar.waiting_approval .status-dot{background:#f59e0b;animation:1s ease-in-out infinite pulse-dot}.status-bar.idle .status-dot{background:#64748b}.desktop-only{display:none}@media (min-width:769px){.desktop-only{display:inline}}.empty-dashboard{opacity:.6;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:40px;display:flex}.empty-dashboard .glow-orb{background:radial-gradient(circle,#8b5cf633,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:48px;animation:3s ease-in-out infinite orb-float;display:flex}@keyframes orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.page-dashboard{flex:1;min-height:0}.dashboard-header{min-height:40px;padding:6px 12px 6px 56px}.dashboard-agent-tabs{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:4px;min-height:48px;padding:6px}.dashboard-agent-tabs>div{scroll-snap-align:start;min-width:140px;max-width:180px;padding:8px 10px}.page-dashboard .chat-markdown{font-size:13px}.dashboard-input-area{padding-top:6px!important;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))!important}.status-bar{padding:4px 12px;font-size:10px}.page-dashboard .card.fade-in{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.page-dashboard [style*=aspectRatio]{max-height:100px;aspect-ratio:3!important}.dashboard-header button,.dashboard-header a{justify-content:center;align-items:center;min-width:32px;min-height:32px;display:flex}}@media (max-width:375px){.dashboard-header{padding:8px 8px 8px 52px}.dashboard-agent-tabs>div{min-width:120px;max-width:150px}}@media (display-mode:standalone){.landing-nav{display:none}body{-webkit-user-select:none;user-select:none;padding-top:env(safe-area-inset-top,0px)}.sidebar{padding-top:calc(24px + env(safe-area-inset-top,0px))}.mobile-menu-btn{top:calc(6px + env(safe-area-inset-top,0px))}.chat-markdown,.agent-chat-bubble{-webkit-user-select:text;user-select:text}}@media (hover:none){.feature-card:hover,.step:hover,.pricing-card:hover,.supported-item:hover{box-shadow:none!important;transform:none!important}.agent-chat-bubble:hover{transform:none!important}}@media (max-height:500px) and (max-width:900px){.dashboard-agent-tabs{min-height:52px!important}.status-bar{padding:2px 12px!important}}.machine-card{background:var(--bg-secondary);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-default);border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.machine-card.offline{border-color:var(--border-subtle)}.machine-card:hover{border-color:var(--border-accent)}.machine-accent{background:linear-gradient(90deg,#a78bfa,#8b5cf6 40%,#7c3aed);height:2px}.machine-accent.offline{background:var(--border-subtle)}.machine-btn{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-default);cursor:pointer;font-size:11px;font-family:var(--font);border-radius:6px;padding:4px 10px;transition:all .2s}.machine-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-accent)}.machine-btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);border:none;border-radius:8px;padding:8px 16px;transition:all .2s}.machine-btn-primary:hover{opacity:.9}.machine-btn-back{background:var(--bg-glass);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;font-size:14px;font-family:var(--font);border-radius:8px;padding:6px 12px;transition:all .2s}.machine-btn-back:hover{background:var(--bg-glass-hover)}.machine-input{border:1px solid var(--border-default);background:var(--bg-secondary);color:var(--text-primary);font-size:12px;font-family:var(--font);border-radius:8px;outline:none;padding:8px 12px;transition:border-color .2s}.machine-input:focus{border-color:var(--border-accent)}.p2p-overlay{z-index:10;background:var(--bg-glass);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.3s ease-out fadeIn;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.machine-tabs{gap:2px;margin-top:14px;display:flex}.machine-tab{cursor:pointer;color:var(--text-muted);font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;padding:8px 16px;transition:all .2s}.machine-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:#8b5cf61f}.machine-tab:hover:not(.active){color:var(--text-secondary);background:var(--bg-glass)}.machine-tab .tab-count{border-radius:10px;margin-left:6px;padding:1px 6px;font-size:10px}.machine-tab.active .tab-count{color:var(--accent-primary);background:#8b5cf633}.machine-tab:not(.active) .tab-count{background:var(--bg-glass);color:var(--text-muted)}@media (max-width:768px){.machine-card{border-radius:10px}.section-panel{padding:12px 14px}.machine-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.machine-tab{white-space:nowrap;padding:6px 12px;font-size:12px}.machine-empty{padding:40px 20px}}.playground-panel{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);animation:.3s ease-out fadeIn;overflow:hidden}.playground-header{border-bottom:1px solid var(--border-subtle);background:#8b5cf60a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.playground-header h3{align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.playground-body{padding:20px}.playground-presets{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.preset-btn{cursor:pointer;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:12px;font-weight:500;font-family:var(--font);background:#ffffff08;border-radius:6px;padding:5px 12px;transition:all .15s}.preset-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#8b5cf60f}.preset-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#8b5cf61a}.preset-method{opacity:.7;margin-right:4px;font-size:10px;font-weight:700}.playground-url-bar{gap:8px;margin-bottom:12px;display:flex}.playground-method-select{border:1px solid var(--border-subtle);cursor:pointer;width:100px;font-size:13px;font-weight:700;font-family:var(--font);background:#0000004d;border-radius:8px;outline:none;padding:10px 12px;transition:border-color .2s}.playground-method-select:focus{border-color:var(--accent-primary)}.playground-method-select.method-get{color:#22c55e}.playground-method-select.method-post{color:#3b82f6}.playground-method-select.method-patch{color:#f59e0b}.playground-method-select.method-delete{color:#ef4444}.playground-path-input{border:1px solid var(--border-subtle);color:var(--text-primary);box-sizing:border-box;background:#0000004d;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-family:ui-monospace,monospace;font-size:13px;transition:border-color .2s}.playground-path-input:focus{border-color:var(--accent-primary)}.playground-send-btn{cursor:pointer;background:var(--accent-gradient);color:#fff;min-width:80px;font-size:13px;font-weight:700;font-family:var(--font);border:none;border-radius:8px;padding:10px 20px;transition:all .2s}.playground-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}.playground-send-btn:disabled{color:var(--text-muted);cursor:wait;background:#64748b33}.playground-body-editor{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;background:#0000004d;border-radius:8px;outline:none;min-height:100px;padding:12px 14px;font-family:ui-monospace,monospace;font-size:13px;line-height:1.5;transition:border-color .2s}.playground-body-editor:focus{border-color:var(--accent-primary)}.playground-response{border:1px solid var(--border-subtle);border-radius:10px;margin-top:16px;animation:.25s ease-out fadeIn;overflow:hidden}.playground-response-bar{border-bottom:1px solid var(--border-subtle);background:#0003;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.playground-response-status{align-items:center;gap:10px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.playground-response-body{color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;background:#00000026;max-height:400px;margin:0;padding:14px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.6;overflow:auto}.json-key{color:#818cf8}.json-string{color:#22c55e}.json-number{color:#f59e0b}.json-bool{color:#38bdf8}.json-null{color:#64748b;font-style:italic}.playground-toolbar{gap:6px;margin-top:8px;display:flex}.playground-tool-btn{cursor:pointer;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:11px;font-family:var(--font);background:0 0;border-radius:6px;padding:4px 10px;transition:all .15s}.playground-tool-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary-light);background:#8b5cf60f}.apikey-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:14px;padding:18px 20px;transition:all .2s}.apikey-card:hover{border-color:var(--border-default);background:var(--bg-glass-hover)}.apikey-scope-tag{border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.apikey-created-banner{background:#22c55e14;border:1px solid #22c55e4d;border-radius:14px;margin-bottom:20px;padding:20px;animation:.3s ease-out fadeIn}.history-panel{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:12px}.history-item{cursor:pointer;color:var(--text-muted);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;transition:all .15s;display:flex}.history-item:hover{background:var(--bg-glass-hover);color:var(--text-secondary)}.history-method{text-align:center;border-radius:4px;min-width:36px;padding:2px 6px;font-size:10px;font-weight:700}.history-method.get{color:#22c55e;background:#22c55e26}.history-method.post{color:#3b82f6;background:#3b82f626}.history-method.patch{color:#f59e0b;background:#f59e0b26}.history-method.delete{color:#ef4444;background:#ef444426}@media (max-width:768px){.playground-url-bar{flex-direction:column}.playground-method-select{width:100%}.playground-presets{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}}.admin-select{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:6px;padding:6px 10px;font-size:13px}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-\[3px\]{top:3px}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:calc(var(--spacing) * 0)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-10{bottom:calc(var(--spacing) * 10)}.bottom-full{bottom:100%}.-left-1{left:calc(var(--spacing) * -1)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.z-10{z-index:10}.z-50{z-index:50}.z-\[3\]{z-index:3}.z-\[5\]{z-index:5}.z-\[59\]{z-index:59}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.z-\[1000\]{z-index:1000}.z-\[2000\]{z-index:2000}.z-\[9999\]{z-index:9999}.col-span-full{grid-column:1/-1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-px{margin-top:1px}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-\[5px\]{height:5px}.h-\[6px\]{height:6px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[200px\]{max-height:200px}.max-h-\[220px\]{max-height:220px}.max-h-\[500px\]{max-height:500px}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[200px\]{min-height:200px}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-48{width:calc(var(--spacing) * 48)}.w-\[5px\]{width:5px}.w-\[6px\]{width:6px}.w-\[90\%\]{width:90%}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[140px\]{width:140px}.w-\[220px\]{width:220px}.w-full{width:100%}.w-px{width:1px}.max-w-20{max-width:calc(var(--spacing) * 20)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-\[75\%\]{max-width:75%}.max-w-\[88\%\]{max-width:88%}.max-w-\[100px\]{max-width:100px}.max-w-\[280px\]{max-width:280px}.max-w-\[360px\]{max-width:360px}.max-w-\[380px\]{max-width:380px}.max-w-\[480px\]{max-width:480px}.max-w-\[500px\]{max-width:500px}.max-w-\[560px\]{max-width:560px}.max-w-\[860px\]{max-width:860px}.max-w-\[min\(100\%\,360px\)\]{max-width:min(100%,360px)}.max-w-\[min\(100\%\,420px\)\]{max-width:min(100%,420px)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[32px\]{min-width:32px}.min-w-\[75px\]{min-width:75px}.min-w-\[80px\]{min-width:80px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[fadeIn_0\.3s_ease-out_forwards\]{animation:.3s ease-out forwards fadeIn}.animate-\[fadeIn_0\.3s_ease\]{animation:.3s fadeIn}.animate-\[p2p-pulse_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite p2p-pulse}.animate-\[pulse-dot_2s_ease-in-out_infinite\]{animation:2s ease-in-out infinite pulse-dot}.animate-\[toast-in_0\.3s_ease-out\]{animation:.3s ease-out toast-in}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[100px_1fr\]{grid-template-columns:100px 1fr}.grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(220px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(250px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.\!items-stretch{align-items:stretch!important}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[5px\]{gap:5px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[5px\]{border-radius:5px}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[2\.5px\]{border-style:var(--tw-border-style);border-width:2.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.\!border-green-500\/30{border-color:#00c7584d!important}@supports (color:color-mix(in lab,red,red)){.\!border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500) 30%,transparent)!important}}.border-accent{border-color:var(--color-accent)}.border-amber-500\/15{border-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/15{border-color:color-mix(in oklab,var(--color-amber-500) 15%,transparent)}}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/20{border-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.border-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/30{border-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}}.border-blue-500\/40{border-color:#3080ff66}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/40{border-color:color-mix(in oklab,var(--color-blue-500) 40%,transparent)}}.border-blue-500\/\[0\.12\]{border-color:#3080ff1f}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/\[0\.12\]{border-color:color-mix(in oklab,var(--color-blue-500) 12%,transparent)}}.border-border-default{border-color:var(--color-border-default)}.border-border-subtle,.border-border-subtle\/50{border-color:var(--color-border-subtle)}@supports (color:color-mix(in lab,red,red)){.border-border-subtle\/50{border-color:color-mix(in oklab,var(--color-border-subtle) 50%,transparent)}}.border-emerald-500\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/20{border-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.border-emerald-500\/40{border-color:#00bb7f66}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/40{border-color:color-mix(in oklab,var(--color-emerald-500) 40%,transparent)}}.border-emerald-500\/\[0\.12\]{border-color:#00bb7f1f}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/\[0\.12\]{border-color:color-mix(in oklab,var(--color-emerald-500) 12%,transparent)}}.border-gray-500\/10{border-color:#6a72821a}@supports (color:color-mix(in lab,red,red)){.border-gray-500\/10{border-color:color-mix(in oklab,var(--color-gray-500) 10%,transparent)}}.border-gray-500\/30{border-color:#6a72824d}@supports (color:color-mix(in lab,red,red)){.border-gray-500\/30{border-color:color-mix(in oklab,var(--color-gray-500) 30%,transparent)}}.border-green-500\/15{border-color:#00c75826}@supports (color:color-mix(in lab,red,red)){.border-green-500\/15{border-color:color-mix(in oklab,var(--color-green-500) 15%,transparent)}}.border-green-500\/20{border-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.border-green-500\/20{border-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500) 30%,transparent)}}.border-indigo-500\/30{border-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.border-indigo-500\/30{border-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent)}}.border-orange-500\/10{border-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/10{border-color:color-mix(in oklab,var(--color-orange-500) 10%,transparent)}}.border-orange-500\/20{border-color:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/20{border-color:color-mix(in oklab,var(--color-orange-500) 20%,transparent)}}.border-orange-500\/30{border-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/30{border-color:color-mix(in oklab,var(--color-orange-500) 30%,transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.border-violet-500\/10{border-color:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/10{border-color:color-mix(in oklab,var(--color-violet-500) 10%,transparent)}}.border-violet-500\/15{border-color:#8d54ff26}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/15{border-color:color-mix(in oklab,var(--color-violet-500) 15%,transparent)}}.border-violet-500\/20{border-color:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/20{border-color:color-mix(in oklab,var(--color-violet-500) 20%,transparent)}}.border-violet-500\/25{border-color:#8d54ff40}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/25{border-color:color-mix(in oklab,var(--color-violet-500) 25%,transparent)}}.border-violet-500\/30{border-color:#8d54ff4d}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/30{border-color:color-mix(in oklab,var(--color-violet-500) 30%,transparent)}}.border-violet-500\/40{border-color:#8d54ff66}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/40{border-color:color-mix(in oklab,var(--color-violet-500) 40%,transparent)}}.border-violet-500\/\[0\.12\]{border-color:#8d54ff1f}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/\[0\.12\]{border-color:color-mix(in oklab,var(--color-violet-500) 12%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/\[0\.08\]{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/\[0\.08\]{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.border-yellow-500\/20{border-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/20{border-color:color-mix(in oklab,var(--color-yellow-500) 20%,transparent)}}.border-yellow-500\/30{border-color:#edb2004d}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/30{border-color:color-mix(in oklab,var(--color-yellow-500) 30%,transparent)}}.bg-\[\#0d0d0d\]{background-color:#0d0d0d}.bg-\[\#0f1117\]{background-color:#0f1117}.bg-\[var\(--bg-glass-hover\)\]{background-color:var(--bg-glass-hover)}.bg-\[var\(--surface-primary\)\]{background-color:var(--surface-primary)}.bg-\[var\(--surface-secondary\)\]{background-color:var(--surface-secondary)}.bg-\[var\(--surface-tertiary\)\]{background-color:var(--surface-tertiary)}.bg-accent,.bg-accent\/10{background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/10{background-color:color-mix(in oklab,var(--color-accent) 10%,transparent)}}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/15{background-color:color-mix(in oklab,var(--color-amber-500) 15%,transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/20{background-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.bg-amber-500\/\[0\.08\]{background-color:#f99c0014}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-amber-500) 8%,transparent)}}.bg-bg-card{background-color:var(--color-bg-card)}.bg-bg-glass{background-color:var(--color-bg-glass)}.bg-bg-primary{background-color:var(--color-bg-primary)}.bg-bg-secondary{background-color:var(--color-bg-secondary)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black) 55%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-black\/75{background-color:#000000bf}@supports (color:color-mix(in lab,red,red)){.bg-black\/75{background-color:color-mix(in oklab,var(--color-black) 75%,transparent)}}.bg-blue-500\/25{background-color:#3080ff40}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/25{background-color:color-mix(in oklab,var(--color-blue-500) 25%,transparent)}}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-emerald-500\/25{background-color:#00bb7f40}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/25{background-color:color-mix(in oklab,var(--color-emerald-500) 25%,transparent)}}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-500\/10{background-color:#6a72821a}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/10{background-color:color-mix(in oklab,var(--color-gray-500) 10%,transparent)}}.bg-gray-500\/\[0\.06\]{background-color:#6a72820f}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-gray-500) 6%,transparent)}}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500) 10%,transparent)}}.bg-green-500\/\[0\.06\]{background-color:#00c7580f}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-green-500) 6%,transparent)}}.bg-green-500\/\[0\.08\]{background-color:#00c75814}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-green-500) 8%,transparent)}}.bg-indigo-500\/10{background-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/10{background-color:color-mix(in oklab,var(--color-indigo-500) 10%,transparent)}}.bg-indigo-500\/\[0\.06\]{background-color:#625fff0f}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-indigo-500) 6%,transparent)}}.bg-neutral-950\/\[0\.98\]{background-color:#0a0a0afa}@supports (color:color-mix(in lab,red,red)){.bg-neutral-950\/\[0\.98\]{background-color:color-mix(in oklab,var(--color-neutral-950) 98%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-500\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/10{background-color:color-mix(in oklab,var(--color-orange-500) 10%,transparent)}}.bg-orange-500\/\[0\.04\]{background-color:#fe6e000a}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-orange-500) 4%,transparent)}}.bg-orange-500\/\[0\.08\]{background-color:#fe6e0014}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-orange-500) 8%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.bg-red-500\/30{background-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/30{background-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.bg-red-500\/\[0\.06\]{background-color:#fb2c360f}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-red-500) 6%,transparent)}}.bg-red-500\/\[0\.08\]{background-color:#fb2c3614}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-red-500) 8%,transparent)}}.bg-surface-primary{background-color:var(--color-surface-primary)}.bg-text-muted,.bg-text-muted\/30{background-color:var(--color-text-muted)}@supports (color:color-mix(in lab,red,red)){.bg-text-muted\/30{background-color:color-mix(in oklab,var(--color-text-muted) 30%,transparent)}}.bg-transparent{background-color:#0000}.bg-violet-400{background-color:var(--color-violet-400)}.bg-violet-500\/10{background-color:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/10{background-color:color-mix(in oklab,var(--color-violet-500) 10%,transparent)}}.bg-violet-500\/15{background-color:#8d54ff26}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/15{background-color:color-mix(in oklab,var(--color-violet-500) 15%,transparent)}}.bg-violet-500\/\[0\.04\]{background-color:#8d54ff0a}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-violet-500) 4%,transparent)}}.bg-violet-500\/\[0\.06\]{background-color:#8d54ff0f}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-violet-500) 6%,transparent)}}.bg-violet-500\/\[0\.08\]{background-color:#8d54ff14}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-violet-500) 8%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.bg-white\/\[0\.08\]{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-500\/10{background-color:#edb2001a}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/10{background-color:color-mix(in oklab,var(--color-yellow-500) 10%,transparent)}}.bg-yellow-500\/15{background-color:#edb20026}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/15{background-color:color-mix(in oklab,var(--color-yellow-500) 15%,transparent)}}.bg-yellow-500\/\[0\.08\]{background-color:#edb20014}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-yellow-500) 8%,transparent)}}.bg-zinc-500\/10{background-color:#71717b1a}@supports (color:color-mix(in lab,red,red)){.bg-zinc-500\/10{background-color:color-mix(in oklab,var(--color-zinc-500) 10%,transparent)}}.bg-zinc-600{background-color:var(--color-zinc-600)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-600{--tw-gradient-from:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-500\/\[0\.12\]{--tw-gradient-from:#00c7581f}@supports (color:color-mix(in lab,red,red)){.from-green-500\/\[0\.12\]{--tw-gradient-from:color-mix(in oklab, var(--color-green-500) 12%, transparent)}}.from-green-500\/\[0\.12\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-700{--tw-gradient-to:var(--color-amber-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-500\/\[0\.04\]{--tw-gradient-to:#00c7580a}@supports (color:color-mix(in lab,red,red)){.to-green-500\/\[0\.04\]{--tw-gradient-to:color-mix(in oklab, var(--color-green-500) 4%, transparent)}}.to-green-500\/\[0\.04\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-10{padding:calc(var(--spacing) * 10)}.p-\[10px_12px\]{padding:10px 12px}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-\[5px\]{padding-inline:5px}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7\.5{padding-block:calc(var(--spacing) * 7.5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-\[7px\]{padding-block:7px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[56px\]{font-size:56px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[var\(--accent-primary\)\]{color:var(--accent-primary)}.text-\[var\(--accent-primary-light\)\]{color:var(--accent-primary-light)}.text-accent{color:var(--color-accent)}.text-accent-light{color:var(--color-accent-light)}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-blue-400{color:var(--color-blue-400)}.text-border-subtle{color:var(--color-border-subtle)}.text-current{color:currentColor}.text-cyan-500{color:var(--color-cyan-500)}.text-emerald-500{color:var(--color-emerald-500)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-indigo-400{color:var(--color-indigo-400)}.text-inherit{color:inherit}.text-neutral-500{color:var(--color-neutral-500)}.text-orange-400{color:var(--color-orange-400)}.text-orange-500{color:var(--color-orange-500)}.text-red-400{color:var(--color-red-400)}.text-red-400\/90{color:#ff6568e6}@supports (color:color-mix(in lab,red,red)){.text-red-400\/90{color:color-mix(in oklab,var(--color-red-400) 90%,transparent)}}.text-red-500{color:var(--color-red-500)}.text-slate-400{color:var(--color-slate-400)}.text-text-muted,.text-text-muted\/60{color:var(--color-text-muted)}@supports (color:color-mix(in lab,red,red)){.text-text-muted\/60{color:color-mix(in oklab,var(--color-text-muted) 60%,transparent)}}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-violet-400{color:var(--color-violet-400)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-zinc-400{color:var(--color-zinc-400)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.accent-accent{accent-color:var(--color-accent)}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-4px_16px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 -4px 16px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_4px_rgba\(34\,197\,94\,0\.4\)\]{--tw-shadow:0 0 4px var(--tw-shadow-color,#22c55e66);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_4px_rgba\(139\,92\,246\,0\.4\)\]{--tw-shadow:0 0 4px var(--tw-shadow-color,#8b5cf666);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 8px 32px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.22\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_40px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 20px 40px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 8px 24px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[30px\]{--tw-backdrop-blur:blur(30px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-\[600ms\]{--tw-duration:.6s;transition-duration:.6s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:bg-accent\/10:is(:where(.group):hover *){background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-accent\/10:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-accent) 10%,transparent)}}}.placeholder\:text-text-muted\/50::placeholder{color:var(--color-text-muted)}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-text-muted\/50::placeholder{color:color-mix(in oklab,var(--color-text-muted) 50%,transparent)}}@media (hover:hover){.hover\:border-accent\/40:hover{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.hover\:border-accent\/40:hover{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}}.hover\:border-border-default:hover{border-color:var(--color-border-default)}.hover\:bg-accent\/30:hover{background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/30:hover{background-color:color-mix(in oklab,var(--color-accent) 30%,transparent)}}.hover\:bg-amber-500\/30:hover{background-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-500\/30:hover{background-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}}.hover\:bg-amber-500\/\[0\.15\]:hover{background-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-500\/\[0\.15\]:hover{background-color:color-mix(in oklab,var(--color-amber-500) 15%,transparent)}}.hover\:bg-bg-glass:hover{background-color:var(--color-bg-glass)}.hover\:bg-bg-glass-hover:hover{background-color:var(--color-bg-glass-hover)}.hover\:bg-bg-secondary:hover{background-color:var(--color-bg-secondary)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-green-500\/\[0\.12\]:hover{background-color:#00c7581f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-green-500\/\[0\.12\]:hover{background-color:color-mix(in oklab,var(--color-green-500) 12%,transparent)}}.hover\:bg-orange-500\/10:hover{background-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-orange-500\/10:hover{background-color:color-mix(in oklab,var(--color-orange-500) 10%,transparent)}}.hover\:bg-red-500\/30:hover{background-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/30:hover{background-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.hover\:bg-red-500\/50:hover{background-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/50:hover{background-color:color-mix(in oklab,var(--color-red-500) 50%,transparent)}}.hover\:bg-violet-500\/10:hover{background-color:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-violet-500\/10:hover{background-color:color-mix(in oklab,var(--color-violet-500) 10%,transparent)}}.hover\:bg-violet-500\/20:hover{background-color:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-violet-500\/20:hover{background-color:color-mix(in oklab,var(--color-violet-500) 20%,transparent)}}.hover\:bg-violet-500\/\[0\.12\]:hover{background-color:#8d54ff1f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-violet-500\/\[0\.12\]:hover{background-color:color-mix(in oklab,var(--color-violet-500) 12%,transparent)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.hover\:bg-zinc-500\/20:hover{background-color:#71717b33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-zinc-500\/20:hover{background-color:color-mix(in oklab,var(--color-zinc-500) 20%,transparent)}}.hover\:text-amber-300:hover{color:var(--color-amber-300)}.hover\:text-red-300:hover{color:var(--color-red-300)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-text-secondary:hover{color:var(--color-text-secondary)}.hover\:text-violet-300:hover{color:var(--color-violet-300)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-glow:hover{--tw-shadow:0 0 20px var(--tw-shadow-color,#8b5cf626), 0 0 40px var(--tw-shadow-color,#8b5cf60d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-accent:focus{border-color:var(--color-accent)}.focus\:border-violet-500\/40:focus{border-color:#8d54ff66}@supports (color:color-mix(in lab,red,red)){.focus\:border-violet-500\/40:focus{border-color:color-mix(in oklab,var(--color-violet-500) 40%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:block{display:block}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:48rem){.md\:block{display:block}.md\:inline{display:inline}.md\:w-\[200px\]{width:200px}.md\:gap-2{gap:calc(var(--spacing) * 2)}.md\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}