projax 3.3.39 → 3.3.51
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/README.md +73 -0
- package/dist/__tests__/port-scanner.test.js +7 -17
- package/dist/__tests__/script-runner.test.js +7 -17
- package/dist/api/__tests__/database.test.js +7 -17
- package/dist/api/__tests__/database.test.js.map +1 -1
- package/dist/api/__tests__/routes.test.js +7 -17
- package/dist/api/__tests__/routes.test.js.map +1 -1
- package/dist/api/__tests__/scanner.test.js +7 -17
- package/dist/api/__tests__/scanner.test.js.map +1 -1
- package/dist/api/database.d.ts +20 -1
- package/dist/api/database.d.ts.map +1 -1
- package/dist/api/database.js +192 -21
- package/dist/api/database.js.map +1 -1
- package/dist/api/index.d.ts.map +1 -1
- package/dist/api/index.js +17 -19
- package/dist/api/index.js.map +1 -1
- package/dist/api/migrate.js +2 -1
- package/dist/api/migrate.js.map +1 -1
- package/dist/api/package.json +3 -2
- package/dist/api/routes/backup.d.ts +3 -0
- package/dist/api/routes/backup.d.ts.map +1 -0
- package/dist/api/routes/backup.js +51 -0
- package/dist/api/routes/backup.js.map +1 -0
- package/dist/api/routes/index.d.ts.map +1 -1
- package/dist/api/routes/index.js +6 -0
- package/dist/api/routes/index.js.map +1 -1
- package/dist/api/routes/mcp.d.ts +3 -0
- package/dist/api/routes/mcp.d.ts.map +1 -0
- package/dist/api/routes/mcp.js +147 -0
- package/dist/api/routes/mcp.js.map +1 -0
- package/dist/api/routes/projects.d.ts.map +1 -1
- package/dist/api/routes/projects.js +27 -17
- package/dist/api/routes/projects.js.map +1 -1
- package/dist/api/routes/settings.d.ts.map +1 -1
- package/dist/api/routes/settings.js +119 -11
- package/dist/api/routes/settings.js.map +1 -1
- package/dist/api/routes/workspaces.d.ts +3 -0
- package/dist/api/routes/workspaces.d.ts.map +1 -0
- package/dist/api/routes/workspaces.js +504 -0
- package/dist/api/routes/workspaces.js.map +1 -0
- package/dist/api/services/scanner.js +10 -19
- package/dist/api/services/scanner.js.map +1 -1
- package/dist/api/services/test-parser.js +3 -2
- package/dist/api/services/test-parser.js.map +1 -1
- package/dist/api/types.d.ts +31 -0
- package/dist/api/types.d.ts.map +1 -1
- package/dist/core/__tests__/database.test.js +7 -17
- package/dist/core/__tests__/detector.test.js +7 -17
- package/dist/core/__tests__/index.test.js +7 -17
- package/dist/core/__tests__/scanner.test.js +7 -17
- package/dist/core/__tests__/settings.test.js +7 -17
- package/dist/core/backup-utils.d.ts +17 -0
- package/dist/core/backup-utils.js +157 -0
- package/dist/core/database.d.ts +1 -0
- package/dist/core/database.js +9 -18
- package/dist/core/detector.js +11 -21
- package/dist/core/git-utils.d.ts +12 -0
- package/dist/core/git-utils.js +87 -0
- package/dist/core/index.d.ts +3 -0
- package/dist/core/index.js +8 -5
- package/dist/core/scanner.js +3 -2
- package/dist/core/settings.d.ts +85 -0
- package/dist/core/settings.js +306 -9
- package/dist/core/workspace-utils.d.ts +37 -0
- package/dist/core/workspace-utils.js +143 -0
- package/dist/core-bridge.js +7 -17
- package/dist/electron/core/__tests__/database.test.js +7 -17
- package/dist/electron/core/__tests__/detector.test.js +7 -17
- package/dist/electron/core/__tests__/index.test.js +7 -17
- package/dist/electron/core/__tests__/scanner.test.js +7 -17
- package/dist/electron/core/__tests__/settings.test.js +7 -17
- package/dist/electron/core/backup-utils.d.ts +17 -0
- package/dist/electron/core/backup-utils.js +157 -0
- package/dist/electron/core/database.d.ts +1 -0
- package/dist/electron/core/database.js +9 -18
- package/dist/electron/core/detector.js +11 -21
- package/dist/electron/core/git-utils.d.ts +12 -0
- package/dist/electron/core/git-utils.js +87 -0
- package/dist/electron/core/index.d.ts +3 -0
- package/dist/electron/core/index.js +8 -5
- package/dist/electron/core/scanner.js +3 -2
- package/dist/electron/core/settings.d.ts +85 -0
- package/dist/electron/core/settings.js +306 -9
- package/dist/electron/core/workspace-utils.d.ts +37 -0
- package/dist/electron/core/workspace-utils.js +143 -0
- package/dist/electron/core.js +7 -17
- package/dist/electron/main.js +663 -33
- package/dist/electron/port-extractor.js +9 -18
- package/dist/electron/port-scanner.js +11 -20
- package/dist/electron/port-utils.js +5 -4
- package/dist/electron/preload.d.ts +27 -2
- package/dist/electron/preload.js +18 -2
- package/dist/electron/renderer/assets/index-B-etDnj2.js +64 -0
- package/dist/electron/renderer/assets/index-Bx18Cyic.js +64 -0
- package/dist/electron/renderer/assets/index-C8f5yNYe.js +64 -0
- package/dist/electron/renderer/assets/index-CIZ3Wl6c.css +1 -0
- package/dist/electron/renderer/assets/index-CJbsU9y8.css +1 -0
- package/dist/electron/renderer/assets/index-CopVNRnR.js +64 -0
- package/dist/electron/renderer/assets/index-DUvcepWm.js +64 -0
- package/dist/electron/renderer/assets/index-DWe2TQFv.css +1 -0
- package/dist/electron/renderer/assets/index-DZzB20Xf.css +1 -0
- package/dist/electron/renderer/assets/index-DknLdADV.js +63 -0
- package/dist/electron/renderer/assets/index-DocuD8Lk.js +64 -0
- package/dist/electron/renderer/assets/index-DyU-xfd8.css +1 -0
- package/dist/electron/renderer/assets/index-GwC-JVUy.css +1 -0
- package/dist/electron/renderer/assets/index-fehviker.js +63 -0
- package/dist/electron/renderer/index.html +2 -2
- package/dist/electron/script-runner.js +20 -29
- package/dist/index.js +395 -21
- package/dist/port-extractor.js +9 -18
- package/dist/port-scanner.js +11 -20
- package/dist/port-utils.js +5 -4
- package/dist/script-runner.js +20 -29
- package/dist/test-parser.js +3 -2
- package/package.json +3 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.project-list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:.75rem}.project-list::-webkit-scrollbar{width:6px}.project-list::-webkit-scrollbar-track{background:var(--bg-primary)}.project-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.project-list::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.project-list-loading,.project-list-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.project-list-empty .hint{font-size:12px;color:var(--text-tertiary);margin-top:.5rem}.project-item{padding:.875rem;margin-bottom:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .15s ease;position:relative}.project-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .15s ease}.project-item:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translate(2px)}.project-item:hover:before{background:var(--accent-cyan)}.project-item.selected{background:var(--bg-hover);border-color:var(--accent-cyan);box-shadow:var(--shadow-sm)}.project-item.keyboard-focused{outline:2px solid var(--accent-cyan);outline-offset:-2px;background:var(--bg-hover)}.project-item.selected:before{background:var(--accent-cyan)}.project-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.5rem}.project-name{font-size:13px;font-weight:600;color:var(--text-primary);margin:0;flex:1;font-family:inherit;letter-spacing:.2px;display:flex;align-items:center;gap:.5rem}.git-branch-badge{font-size:10px;font-weight:500;padding:2px 6px;background:var(--bg-hover);color:var(--accent-purple, #bc8cff);border:1px solid var(--border-color);border-radius:3px;font-family:SF Mono,Monaco,monospace;opacity:.9}.project-remove-btn{background:transparent;border:1px solid transparent;font-size:18px;color:var(--text-tertiary);cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .15s ease;flex-shrink:0;line-height:1}.project-remove-btn:hover{background:#ff52521a;color:#ff5252;border-color:#ff52524d}.project-path{font-size:11px;color:var(--text-tertiary);margin:.25rem 0;word-break:break-all;font-family:SF Mono,Monaco,monospace;opacity:.8}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:11px;color:var(--text-tertiary);gap:.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.project-tag{background:var(--bg-hover);border:1px solid var(--border-color);padding:.125rem .5rem;border-radius:3px;font-size:10px;font-weight:500;color:var(--accent-cyan);font-family:SF Mono,Monaco,monospace;text-transform:uppercase;letter-spacing:.3px}.project-scanned{flex:1;font-family:SF Mono,Monaco,monospace}.project-scan-btn{background:transparent;border:1px solid var(--border-color);font-size:12px;cursor:pointer;padding:.25rem .5rem;border-radius:3px;transition:all .15s ease;color:var(--text-secondary);font-family:inherit}.project-scan-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-green);color:var(--accent-green)}.project-scan-btn:disabled{opacity:.3;cursor:not-allowed}.running-indicator-dot{color:var(--accent-green);margin-right:.5rem;font-size:10px;animation:pulse 2s infinite}.project-item.running:before{background:var(--accent-green)}.running-count{background:var(--accent-green);color:var(--bg-primary);padding:.125rem .5rem;border-radius:10px;font-size:10px;font-weight:600;font-family:SF Mono,Monaco,monospace}.running-ports{display:flex;gap:.25rem;flex-wrap:wrap}.port-badge{background:var(--accent-blue);color:var(--bg-primary);padding:.125rem .5rem;border-radius:3px;font-size:10px;font-weight:600;font-family:SF Mono,Monaco,monospace}.project-urls-section{background:var(--bg-secondary);padding:1.25rem;border-radius:4px;border:1px solid var(--border-color);margin-bottom:1.5rem}.urls-list{display:flex;flex-direction:column;gap:.5rem}.url-item{padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all .15s ease;display:flex;justify-content:space-between;align-items:center;gap:1rem}.url-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.url-text{font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--accent-cyan);flex:1;word-break:break-all;cursor:pointer;text-decoration:underline}.url-text:hover{color:var(--accent-blue)}.project-details{max-width:1000px}.breadcrumb{display:flex;align-items:center;gap:.75rem;padding:0 0 1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.breadcrumb-link{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:0;font-size:18px;font-weight:600;font-family:inherit;letter-spacing:.3px;transition:color .15s ease}.breadcrumb-link:hover{color:var(--accent-cyan)}.breadcrumb-separator{color:var(--text-tertiary);opacity:.5;font-size:18px;font-weight:300}.breadcrumb-current{color:var(--accent-cyan);font-size:18px;font-weight:600;font-family:inherit;letter-spacing:.3px}.btn-small{padding:.35rem .75rem;font-size:11px}.btn-tiny{padding:.25rem .5rem;font-size:10px;display:inline-flex;align-items:center;gap:4px}.project-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);gap:1rem}.project-details-header h2{font-size:18px;color:var(--text-primary);margin-bottom:.5rem;font-weight:600;font-family:inherit;letter-spacing:.3px}.project-name-editable{cursor:pointer;transition:color .15s ease}.project-name-editable:hover{color:var(--accent-cyan)}.project-name-edit{margin-bottom:.5rem}.project-name-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.5rem .75rem;font-size:18px;font-weight:600;color:var(--text-primary);font-family:inherit;width:100%;max-width:500px;letter-spacing:.3px;transition:all .15s ease}.project-name-input:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.project-name-input:focus{outline:none;border-color:var(--accent-cyan);background:var(--bg-tertiary);box-shadow:0 0 0 2px #39c5cf14}.project-description-edit{margin-bottom:.5rem}.project-description-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1rem 1.25rem;font-size:14px;color:var(--text-primary);font-family:inherit;width:100%;max-width:900px;min-height:140px;resize:vertical;line-height:1.6;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.project-description-input:hover{border-color:var(--border-hover);background:var(--bg-tertiary);box-shadow:0 2px 4px #00000014}.project-description-input:focus{outline:none;border-color:var(--accent-cyan);background:var(--bg-tertiary);box-shadow:0 0 0 3px #39c5cf1f,0 4px 6px #0000001a;transform:translateY(-1px)}.project-description{cursor:pointer;color:var(--text-secondary);font-size:14px;transition:all .15s ease;margin:0 0 .5rem;line-height:1.6;padding:.5rem;border-radius:4px}.project-description:hover{color:var(--text-primary);background:var(--bg-tertiary)}.header-actions-group{display:flex;gap:.5rem;align-items:center}.project-path{color:var(--text-tertiary);font-size:11px;word-break:break-all;font-family:SF Mono,Monaco,monospace;opacity:.8}.project-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-secondary);padding:1rem;border-radius:4px;border:1px solid var(--border-color);text-align:left;transition:all .15s ease}.stat-card:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.stat-value{font-size:24px;font-weight:600;color:var(--accent-cyan);margin-bottom:.25rem;font-family:SF Mono,Monaco,monospace;line-height:1.2}.stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.framework-breakdown{background:var(--bg-secondary);padding:1.25rem;border-radius:4px;border:1px solid var(--border-color);margin-bottom:1.5rem}.framework-breakdown h3{font-size:13px;color:var(--text-primary);margin-bottom:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.framework-list{display:flex;flex-wrap:wrap;gap:.5rem}.framework-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;transition:all .15s ease}.framework-item:hover{border-color:var(--accent-purple);background:var(--bg-hover)}.framework-name{font-weight:500;color:var(--text-primary);font-size:12px;font-family:SF Mono,Monaco,monospace}.framework-count{background:var(--accent-purple);color:var(--bg-primary);padding:.125rem .5rem;border-radius:2px;font-size:11px;font-weight:600;font-family:SF Mono,Monaco,monospace}.tests-section{background:var(--bg-secondary);padding:1.25rem;border-radius:4px;border:1px solid var(--border-color);margin-bottom:1.5rem}.tests-section h3{font-size:13px;color:var(--text-primary);margin-bottom:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.no-tests{padding:2rem;text-align:center;color:var(--text-tertiary);font-size:12px}.tests-list{display:flex;flex-direction:column;gap:.5rem}.test-item{padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all .15s ease}.test-item:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translate(2px)}.test-file{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.75rem}.test-path{font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--text-primary);flex:1;word-break:break-all}.test-framework{background:var(--accent-blue);color:var(--bg-primary);padding:.25rem .5rem;border-radius:3px;font-size:10px;font-weight:600;font-family:SF Mono,Monaco,monospace;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.test-status{font-size:11px;color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace}.project-section{margin-bottom:2rem}.project-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 1rem;letter-spacing:.2px}.project-settings-content{display:flex;flex-direction:column;gap:1.5rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px}.setting-hint{font-size:11px;color:var(--text-tertiary);margin:0;font-style:italic}.setting-display{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .15s ease}.setting-display:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.setting-value{font-size:12px;color:var(--text-primary);font-family:SF Mono,Monaco,monospace}.setting-edit-hint{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.setting-input-group{display:flex;gap:.5rem;align-items:center}.setting-input{flex:1;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:4px;font-size:12px;font-family:SF Mono,Monaco,monospace;background:var(--bg-tertiary);color:var(--text-primary);transition:all .15s ease}.setting-input::placeholder{color:var(--text-tertiary);opacity:.6}.setting-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #39c5cf1a;background:var(--bg-hover)}.setting-select{flex:1;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:4px;font-size:12px;font-family:inherit;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.setting-select:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #39c5cf1a;background:var(--bg-hover)}.workspaces-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.workspace-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1rem;cursor:pointer;transition:all .15s ease}.workspace-item:hover{background:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.workspace-item-header{margin-bottom:.5rem}.workspace-item-name{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.2px}.workspace-item-description{font-size:12px;color:var(--text-secondary);margin:.25rem 0;line-height:1.4}.workspace-item-path{font-size:11px;color:var(--text-tertiary);margin:.5rem 0 0;font-family:SF Mono,Monaco,monospace;word-break:break-all;opacity:.8}.empty-state{color:var(--text-secondary);font-style:italic;text-align:center;padding:2rem;font-size:12px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.loading-spinner p{color:var(--text-secondary);font-size:12px;margin:0}.spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}.jenkins-placeholder{background:var(--bg-secondary);padding:1.25rem;border-radius:4px;border:1px dashed var(--border-color);opacity:.6}.jenkins-placeholder h3{font-size:13px;color:var(--text-secondary);margin-bottom:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.placeholder-text{color:var(--text-tertiary);font-style:italic;font-size:12px;line-height:1.6}.danger-zone{background:#f851490d;padding:1.25rem;border-radius:4px;border:1px solid rgba(248,81,73,.3);margin-top:1.5rem}.danger-zone h3{font-size:13px;color:#f85149;margin-bottom:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.danger-zone-text{color:var(--text-secondary);font-size:12px;line-height:1.6;margin-bottom:1rem}.danger-zone .btn-danger{background:transparent;border:1px solid #f85149;color:#f85149}.danger-zone .btn-danger:hover:not(:disabled){background:#f85149;color:var(--bg-primary)}.tags-section{background:var(--bg-secondary);padding:1.25rem;border-radius:4px;border:1px solid var(--border-color);margin-bottom:1.5rem}.tags-content{margin-top:.75rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.tag-item{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.375rem .375rem .375rem .625rem;border-radius:4px;font-size:11px;font-weight:500;color:var(--accent-cyan);font-family:SF Mono,Monaco,monospace;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:.375rem;transition:all .15s ease}.tag-item:hover{border-color:var(--accent-cyan)}.tag-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0 4px;font-size:16px;line-height:1;transition:color .15s ease}.tag-remove:hover{color:#f85149}.tag-add-btn{background:transparent;border:1px dashed var(--border-color);padding:.375rem .75rem;border-radius:4px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.3px}.tag-add-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:var(--bg-tertiary)}.tag-input-wrapper{position:relative;display:inline-block}.tag-input{background:var(--bg-tertiary);border:1px solid var(--accent-cyan);border-radius:4px;padding:.375rem .625rem;font-size:11px;font-family:SF Mono,Monaco,monospace;color:var(--text-primary);min-width:120px;outline:none}.tag-input:focus{box-shadow:0 0 0 2px #39c5cf33}.tag-suggestions{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow-md);z-index:100;min-width:100%;max-width:200px}.tag-suggestion{padding:.5rem .75rem;cursor:pointer;font-size:11px;color:var(--text-primary);font-family:SF Mono,Monaco,monospace;transition:all .15s ease}.tag-suggestion:first-child{border-radius:4px 4px 0 0}.tag-suggestion:last-child{border-radius:0 0 4px 4px}.tag-suggestion:hover{background:var(--bg-hover);color:var(--accent-cyan)}.ports-section,.scripts-section,.running-processes-section{background:var(--bg-secondary);padding:1.25rem;border-radius:4px;border:1px solid var(--border-color);margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{font-size:13px;color:var(--text-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:inherit;margin:0}.section-header-right{display:flex;align-items:center;gap:8px}.script-sort-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;font-size:11px;color:var(--text-primary);font-family:inherit;cursor:pointer;transition:all .15s ease}.script-sort-select:hover{border-color:var(--accent-cyan)}.script-sort-select:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #39c5cf33}.project-type-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.25rem .5rem;border-radius:3px;font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-family:SF Mono,Monaco,monospace}.ports-list,.scripts-list,.processes-list{display:flex;flex-direction:column;gap:.5rem}.port-item{padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all .15s ease}.port-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.port-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.port-number{font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:600;color:var(--accent-cyan)}.port-script{font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--text-secondary)}.port-source{font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--text-tertiary);flex:1}.script-item{padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all .15s ease;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.script-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.script-item.running{border-left:3px solid var(--accent-cyan)}.script-info{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.script-item.running>.script-info{min-width:calc(100% + 18px)}.script-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.script-process-info{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.process-badge{display:flex;align-items:center;gap:.5rem;font-size:11px;font-family:SF Mono,Monaco,monospace;color:var(--text-secondary)}.process-badge .btn:first-of-type{margin-left:auto}.process-indicator{color:var(--accent-cyan);font-size:8px}.process-pid{color:var(--text-secondary)}.process-uptime{color:var(--text-tertiary)}.process-port{color:var(--accent-cyan);font-weight:600}.btn-tiny{padding:2px 8px;font-size:10px;font-weight:600;border-radius:4px;margin-left:4px}.script-name{font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:600;color:var(--text-primary);flex-shrink:0}.script-command{font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.script-runner{background:var(--bg-hover);border:1px solid var(--border-color);padding:.25rem .5rem;border-radius:3px;font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-family:SF Mono,Monaco,monospace;flex-shrink:0}.script-actions{display:flex;gap:.5rem;flex-shrink:0;align-self:start}.loading-state,.no-scripts{padding:2rem;text-align:center;color:var(--text-tertiary);font-size:12px}.running-indicator{color:var(--accent-green);font-size:12px;margin-right:.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.process-item{padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all .15s ease;display:flex;justify-content:space-between;align-items:center;gap:1rem}.process-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.process-info{display:flex;align-items:center;gap:.75rem;flex:1;flex-wrap:wrap}.process-name{font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:600;color:var(--text-primary);min-width:100px}.process-pid{font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--text-secondary)}.process-uptime{font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--text-tertiary)}.test-results-section{margin-bottom:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1.25rem;transition:all .15s ease}.test-results-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.test-timestamp{font-size:10px;color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace;letter-spacing:.3px}.test-results-content{display:flex;flex-direction:column;gap:1rem}.test-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.test-stat{display:flex;align-items:center;gap:.625rem;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all .15s ease}.test-stat:hover{background:var(--bg-hover);border-color:var(--border-hover)}.test-stat.passed{border-left:3px solid var(--accent-green)}.test-stat.failed{border-left:3px solid #f85149}.test-stat.skipped{border-left:3px solid var(--text-tertiary)}.test-stat.total{border-left:3px solid var(--accent-cyan)}.test-stat-icon{font-size:20px;line-height:1}.test-stat.passed .test-stat-icon{color:var(--accent-green)}.test-stat.failed .test-stat-icon{color:#f85149}.test-stat.skipped .test-stat-icon{color:var(--text-tertiary);opacity:.6}.test-stat.total .test-stat-icon{color:var(--accent-cyan)}.test-stat-info{display:flex;flex-direction:column;gap:.125rem}.test-stat-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1;font-family:SF Mono,Monaco,monospace}.test-stat-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.test-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color)}.test-framework-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:#7d76fc1a;border:1px solid var(--accent-purple);border-radius:3px;font-size:10px;font-weight:600;color:var(--accent-purple);text-transform:uppercase;letter-spacing:.5px}.test-duration,.test-coverage,.test-script-name{font-size:11px;color:var(--text-secondary);font-family:SF Mono,Monaco,monospace;letter-spacing:.3px}.test-coverage{color:var(--accent-cyan);font-weight:500}.path-input-group input{flex:1;padding:.625rem;border:1px solid var(--border-color);border-radius:4px;font-size:12px;font-family:SF Mono,Monaco,monospace;background:var(--bg-tertiary);color:var(--text-primary);transition:all .15s ease}.project-search{padding:12px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;z-index:10}.search-input-group{display:flex;gap:8px;position:relative}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-input{flex:1;padding:8px 36px 8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;outline:none;transition:border-color .2s;background:var(--bg-tertiary);color:var(--text-primary)}.sort-icon-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .15s ease}.sort-icon-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.sort-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow-md);z-index:100;min-width:180px;padding:4px}.sort-menu-item{padding:8px 12px;cursor:pointer;border-radius:3px;font-size:13px;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;transition:all .15s ease}.sort-menu-item:hover{background:var(--bg-hover)}.sort-menu-item.active{background:var(--bg-hover);color:var(--accent-cyan)}.sort-menu-item .checkmark{color:var(--accent-green);font-size:12px;margin-left:8px}.search-input:focus{border-color:var(--accent-cyan)}.search-input::placeholder{color:var(--text-tertiary)}.search-filter{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;outline:none;transition:border-color .2s}.search-filter:focus{border-color:var(--accent-cyan)}.search-filter:hover{border-color:var(--border-hover);background:var(--bg-hover)}.settings-sidebar{width:220px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.settings-sidebar-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.settings-sidebar-header h2{font-size:13px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.3px;text-transform:uppercase}.settings-close-btn{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;line-height:1}.settings-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-sidebar-nav{flex:1;overflow-y:auto;padding:.5rem}.settings-sidebar-nav::-webkit-scrollbar{width:6px}.settings-sidebar-nav::-webkit-scrollbar-track{background:var(--bg-secondary)}.settings-sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.settings-sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.settings-nav-item{width:100%;padding:.625rem 1rem;background:transparent;border:none;border-radius:0;cursor:pointer;color:var(--text-secondary);font-size:12px;font-family:inherit;transition:all .15s ease;text-align:left;margin:0;position:relative;text-transform:uppercase;letter-spacing:.3px;font-weight:500}.settings-nav-item:hover,.settings-nav-item.active{background:var(--bg-tertiary);color:var(--text-primary)}.settings-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-cyan)}.settings-category{max-width:900px}.settings-category-header{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.settings-category-header h1{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 .375rem;letter-spacing:.3px;text-transform:uppercase}.settings-category-description{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.5}.settings-category-content{display:flex;flex-direction:column;gap:1.25rem}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:1rem}.settings-section h3{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:.3px;text-transform:uppercase}.settings-section-description{font-size:11px;color:var(--text-secondary);margin:0 0 .75rem}.settings-field{margin-bottom:1rem}.settings-field:last-child{margin-bottom:0}.settings-field label{display:block;font-size:11px;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.settings-hint{font-size:11px;color:var(--text-tertiary);margin:.375rem 0 0;line-height:1.4}.settings-select,.settings-input{width:100%;padding:.625rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;transition:border-color .15s ease}.settings-select:focus,.settings-input:focus{border-color:var(--accent-cyan)}.settings-input{font-family:SF Mono,Monaco,monospace}.settings-toggle-label{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-size:12px;color:var(--text-primary);text-transform:none;letter-spacing:normal;font-weight:400;margin-bottom:0}.settings-toggle{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-cyan)}.settings-toggle:disabled{cursor:not-allowed;opacity:.5}.settings-field .btn{margin-top:.5rem}.mcp-status{display:flex;flex-direction:column;gap:.5rem}.status-item{display:flex;align-items:center;gap:.75rem;font-size:12px}.status-label{color:var(--text-secondary);min-width:120px}.status-value{color:var(--text-primary);font-weight:500}.status-ok{color:var(--accent-green, #10b981)}.status-error{color:var(--accent-red, #ef4444)}.config-block{position:relative;margin:.75rem 0}.config-json{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:1rem;font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--text-primary);overflow-x:auto;white-space:pre;margin:0}.btn-copy{position:absolute;top:.5rem;right:.5rem;padding:.375rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:11px;cursor:pointer;transition:all .15s ease}.btn-copy:hover{background:var(--bg-secondary);border-color:var(--accent-cyan);color:var(--accent-cyan)}.settings-help{font-size:11px;color:var(--text-secondary);margin-top:.75rem}.settings-help code{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:3px;font-family:SF Mono,Monaco,monospace;font-size:10px;color:var(--accent-cyan)}.settings-help ol,.settings-help ul{margin:.5rem 0;padding-left:1.5rem}.settings-help li{margin:.25rem 0;line-height:1.5}.settings-help ul ul{margin-top:.25rem}.resource-list{list-style:none;padding:0;margin:.75rem 0 0}.resource-list li{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:.75rem;margin-bottom:.5rem}.resource-list li:last-child{margin-bottom:0}.resource-list code{color:var(--accent-cyan);font-family:SF Mono,Monaco,monospace;font-size:11px;font-weight:500}.resource-list p{margin:.375rem 0 0;font-size:11px;color:var(--text-secondary)}.cli-commands{display:flex;flex-direction:column;gap:.75rem}.cli-command{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:.75rem}.cli-command code{display:block;color:var(--accent-cyan);font-family:SF Mono,Monaco,monospace;font-size:12px;font-weight:500;margin-bottom:.25rem}.cli-command p{margin:0;font-size:11px;color:var(--text-secondary)}.warning-message{background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:4px;padding:.75rem;margin-top:.75rem}.warning-message p{margin:.25rem 0;font-size:11px;color:var(--text-primary)}.warning-message code{background:#0003;padding:.125rem .375rem;border-radius:3px;font-family:SF Mono,Monaco,monospace;font-size:10px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;padding:.75rem}.error-message p{margin:0 0 .5rem;font-size:11px;color:var(--text-primary)}.error-message button{margin-top:.5rem}.settings-description{font-size:12px;color:var(--text-secondary);margin:.5rem 0 1.5rem;line-height:1.5}.settings-panel{display:flex;height:100%;width:100%;background:var(--bg-primary);overflow:hidden}.settings-panel-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:13px}.settings-panel-content{flex:1;overflow-y:auto;padding:1.5rem;min-width:0}.settings-panel-content::-webkit-scrollbar{width:6px}.settings-panel-content::-webkit-scrollbar-track{background:var(--bg-primary)}.settings-panel-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.settings-panel-content::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.app-header{-webkit-app-region:drag}.header-left{display:flex;align-items:center;gap:1.5rem}.header-tabs,.app-header button,.app-header .btn,.app-header .btn-link,.app-header .header-actions,.app-header .header-tabs,.app-header .header-left{-webkit-app-region:no-drag}.status-bar{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-size:11px;font-family:SF Mono,Monaco,monospace;-webkit-app-region:drag}.status-bar-content{display:flex;align-items:center;gap:1rem;width:100%;justify-content:space-between}.status-left{display:flex;align-items:center;gap:.75rem}.status-logo{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--accent-cyan);font-family:SF Mono,Monaco,monospace}.status-version{color:var(--text-tertiary);font-size:11px;font-family:SF Mono,Monaco,monospace;font-weight:500;letter-spacing:.3px}.status-right{display:flex;align-items:center;gap:1rem}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.connected{background:var(--accent-green);box-shadow:0 0 4px var(--accent-green)}.status-dot.disconnected{background:#f85149;box-shadow:0 0 4px #f85149}.status-text{color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.api-port{color:var(--text-tertiary);font-size:11px;font-family:SF Mono,Monaco,monospace}.status-bar-content,.status-left,.status-right,.status-indicator,.status-text,.status-dot,.api-port{-webkit-app-region:no-drag}.terminal-sidebar{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-secondary);border-left:1px solid var(--border-color);color:var(--text-primary);font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px}.terminal-header{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);position:relative}.terminal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-cyan) 50%,transparent 100%);opacity:.3}.terminal-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.terminal-title-content{display:flex;align-items:flex-start;gap:.625rem;flex:1}.terminal-status-indicator{font-size:10px;margin-top:2px;flex-shrink:0}.terminal-status-indicator.running{color:var(--accent-cyan);animation:pulse 2s infinite}.terminal-status-indicator.stopped{color:var(--text-tertiary);opacity:.5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.terminal-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.terminal-script{font-weight:600;color:var(--text-primary);font-size:13px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-project{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-project-link{cursor:pointer;color:var(--accent-cyan);transition:all .15s ease;text-decoration:underline;text-decoration-color:transparent;background:transparent;border:none;padding:0;margin:0;font:inherit;text-align:left}.terminal-project-link:hover{color:var(--accent-cyan);text-decoration-color:var(--accent-cyan);opacity:.9}.terminal-project-link:focus{outline:1px solid var(--accent-cyan);outline-offset:2px;border-radius:2px}.terminal-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.terminal-status-badge{font-size:10px;padding:.25rem .5rem;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:1px solid}.terminal-status-badge.running{color:var(--accent-cyan);background:#39c5cf1a;border-color:var(--accent-cyan)}.terminal-status-badge.stopped{color:var(--text-tertiary);background:var(--bg-secondary);border-color:var(--border-color)}.terminal-pid{font-size:10px;color:var(--text-tertiary);letter-spacing:.3px}.terminal-toolbar{display:flex;gap:.5rem;align-items:center}.terminal-output{flex:1;overflow-y:auto;padding:1rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;background:var(--bg-primary);font-size:11px}.terminal-output::-webkit-scrollbar{width:6px}.terminal-output::-webkit-scrollbar-track{background:var(--bg-primary)}.terminal-output::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.terminal-output::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.terminal-line{margin-bottom:.125rem;padding:.125rem 0;color:var(--text-secondary);transition:background .15s ease}.terminal-line:hover{background:var(--bg-secondary);margin-left:-.5rem;margin-right:-.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:2px}.terminal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);padding:3rem 2rem;text-align:center;gap:.75rem}.terminal-empty-icon{font-size:48px;opacity:.3;margin-bottom:.5rem}.terminal-empty-text{font-size:13px;color:var(--text-secondary);font-weight:500}.terminal-empty-hint{font-size:11px;color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace;letter-spacing:.3px}.terminal-line{color:var(--text-secondary)}.terminal-line:contains("error"),.terminal-line:contains("Error"),.terminal-line:contains("ERROR"),.terminal-line:contains("✗"),.terminal-line:contains("failed"),.terminal-line:contains("Failed"){color:#f85149}.terminal-line:contains("warning"),.terminal-line:contains("Warning"),.terminal-line:contains("WARN"),.terminal-line:contains("⚠"){color:#d29922}.terminal-line:contains("success"),.terminal-line:contains("Success"),.terminal-line:contains("✓"),.terminal-line:contains("✔"),.terminal-line:contains("passed"),.terminal-line:contains("Passed"){color:var(--accent-cyan)}.terminal-line:contains("info"),.terminal-line:contains("Info"),.terminal-line:contains("INFO"){color:var(--accent-blue)}.terminal-line:contains("debug"),.terminal-line:contains("Debug"),.terminal-line:contains("DEBUG"){color:var(--text-tertiary);opacity:.7}.tab-bar{display:flex;gap:.5rem;background:transparent;padding:0;margin:0}.tab-button{padding:.375rem .875rem;background:transparent;border:none;color:var(--text-secondary, #8b949e);cursor:pointer;font-size:11px;font-weight:600;font-family:inherit;letter-spacing:.3px;text-transform:uppercase;transition:all .15s ease;position:relative}.tab-button:hover{color:var(--text-primary, #c9d1d9)}.tab-button.active{color:var(--accent-cyan, #39c5cf)}.tab-button.active:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:32px;height:2px;background:var(--accent-cyan, #39c5cf)}.workspace-list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:.75rem}.workspace-list::-webkit-scrollbar{width:8px}.workspace-list::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.workspace-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.workspace-list::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.workspace-list-loading,.workspace-list-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.workspace-list-empty .hint{font-size:12px;color:var(--text-tertiary);margin-top:.5rem}.workspace-item{padding:.875rem;margin-bottom:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .15s ease;position:relative}.workspace-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .15s ease}.workspace-item:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translate(2px)}.workspace-item:hover:before{background:var(--accent-cyan)}.workspace-item.selected{background:var(--bg-hover);border-color:var(--accent-cyan);box-shadow:var(--shadow-sm)}.workspace-item.selected:before{background:var(--accent-cyan)}.workspace-item.keyboard-focused{outline:2px solid var(--accent-cyan);outline-offset:-2px;background:var(--bg-hover)}.workspace-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.5rem}.workspace-name-wrapper{display:flex;align-items:center;gap:.5rem;flex:1}.workspace-name{font-size:13px;font-weight:600;color:var(--text-primary);margin:0;flex:1;font-family:inherit;letter-spacing:.2px;display:flex;align-items:center;gap:.5rem}.workspace-description{font-size:12px;color:var(--text-secondary);margin:.25rem 0;line-height:1.4;opacity:.9}.workspace-project-count{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .25rem;background:#39c5cf26;color:var(--accent-cyan);border-radius:10px;font-size:10px;font-weight:600;transition:all .15s ease}.workspace-item:hover .workspace-project-count{background:#39c5cf40}.workspace-item.selected .workspace-project-count{background:var(--accent-cyan);color:var(--bg-primary)}.workspace-path{font-size:11px;color:var(--text-tertiary);margin:.25rem 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;font-family:SF Mono,Monaco,monospace;opacity:.8}.workspace-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.workspace-tag{font-size:11px;padding:.25rem .5rem;background:var(--bg-secondary);color:var(--accent-cyan);border-radius:3px;border:1px solid var(--accent-cyan);opacity:.8;transition:all .15s ease}.workspace-item:hover .workspace-tag{opacity:1;background:var(--bg-primary)}.workspace-details{max-width:1000px}.workspace-details-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:13px}.workspace-id{color:var(--text-secondary);font-size:12px;font-weight:800;font-family:inherit;letter-spacing:.2px;position:relative;top:-2px}.workspace-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);gap:1rem}.workspace-details-header>div:first-child{flex:1;min-width:0;max-width:900px}.workspace-details-header h2{font-size:18px;color:var(--text-primary);margin-bottom:.5rem;font-weight:600;font-family:inherit;letter-spacing:.3px}.workspace-name-editable{cursor:pointer;transition:color .15s ease;margin:0}.workspace-name-editable:hover{color:var(--accent-cyan)}.workspace-name-edit{margin-bottom:.5rem}.workspace-name-input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .75rem;border-radius:4px;font-size:18px;font-weight:600;font-family:inherit;width:100%;max-width:500px;letter-spacing:.3px;transition:all .15s ease}.workspace-name-input:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.workspace-name-input:focus{outline:none;border-color:var(--accent-cyan);background:var(--bg-tertiary);box-shadow:0 0 0 2px #39c5cf14}.workspace-description-edit{margin-bottom:.5rem;width:100%}.workspace-description-input{background:var(--bg-secondary);border:1px solid var(--border-color);padding:1rem 1.25rem;border-radius:6px;font-size:14px;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;max-width:none;min-height:140px;resize:vertical;line-height:1.6;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.workspace-description-input:hover{border-color:var(--border-hover);background:var(--bg-tertiary);box-shadow:0 2px 4px #00000014}.workspace-description-input:focus{outline:none;border-color:var(--accent-cyan);background:var(--bg-tertiary);box-shadow:0 0 0 3px #39c5cf1f,0 4px 6px #0000001a;transform:translateY(-1px)}.workspace-description{font-size:14px;color:var(--text-secondary);margin:0 0 .5rem;cursor:pointer;transition:all .15s ease;line-height:1.6;padding:.5rem;border-radius:4px}.workspace-description:hover{color:var(--text-primary);background:var(--bg-tertiary)}.workspace-path{color:var(--text-secondary);font-size:12px;font-family:SF Mono,Monaco,monospace;margin-top:.25rem;word-break:break-all}.clickable-path{cursor:pointer;transition:color .15s ease;text-decoration:underline;text-decoration-color:transparent}.clickable-path:hover{color:var(--accent-cyan);text-decoration-color:var(--accent-cyan)}.workspace-path{font-size:11px;color:var(--text-tertiary);margin:0;font-family:SF Mono,Monaco,monospace;opacity:.8}.header-actions-group{display:flex;gap:.5rem;flex-shrink:0}.btn{padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;font-size:13px;transition:all .15s ease;border:none}.btn-primary{padding:.5rem 1rem;background:var(--accent-cyan);color:var(--bg-primary);border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:13px;transition:all .15s ease}.btn-primary:hover{opacity:.9}.btn-primary:active{opacity:.8}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-danger{padding:.5rem 1rem;background:transparent;color:#ff5252;border:1px solid #ff5252;border-radius:4px;cursor:pointer;font-weight:600;font-size:13px;transition:all .15s ease}.btn-danger:hover{background:#ff52521a}.btn-danger:active{background:#ff525226}.workspace-section{margin-bottom:2rem}.workspace-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;position:relative}.link-project-dropdown-wrapper{position:relative}.link-project-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:400px;max-height:400px;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.dropdown-header{padding:.75rem 1rem;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.dropdown-search-wrapper{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.dropdown-search-input{width:100%;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;font-family:inherit;transition:all .15s ease}.dropdown-search-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #39c5cf1a;background:var(--bg-hover)}.dropdown-search-input::placeholder{color:var(--text-tertiary)}.dropdown-options{overflow-y:auto;max-height:300px}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:var(--bg-primary)}.dropdown-options::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.dropdown-loading,.dropdown-empty{padding:1rem;text-align:center;color:var(--text-secondary);font-size:13px}.dropdown-option{padding:.75rem 1rem;cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--border-color)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:var(--bg-tertiary)}.dropdown-option-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.dropdown-option-path{font-size:11px;color:var(--text-secondary);font-family:SF Mono,Monaco,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background:var(--border-color);margin:.25rem 0}.dropdown-option-browse{font-weight:600;color:var(--accent-cyan)}.btn-small{padding:.375rem .75rem;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.workspace-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 1rem;letter-spacing:.2px}.workspace-projects-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.workspace-project-tile{padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all .15s ease;cursor:pointer!important;position:relative}.workspace-project-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .15s ease}.workspace-project-tile:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translate(2px)}.workspace-project-tile:hover:before{background:var(--accent-cyan)}.workspace-project-tile.untracked{border-color:var(--border-color);opacity:.85;cursor:default!important}.workspace-project-tile.untracked .project-tile-path.clickable-path{cursor:pointer!important;pointer-events:auto}.workspace-project-tile.untracked:hover{transform:none;border-color:var(--border-hover)}.workspace-project-tile.untracked:before{background:var(--text-secondary)}.workspace-project-tile.untracked:hover:before{background:var(--text-secondary)}.project-tile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.5rem}.project-tile-name{font-size:13px;font-weight:600;color:var(--text-primary);margin:0;word-break:break-word;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.untracked-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:#8b949e26;border:1px solid var(--text-secondary);border-radius:3px;font-size:9px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-tile-path{font-size:11px;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-tile-path.clickable-path{cursor:pointer!important;transition:color .15s ease;text-decoration:underline;text-decoration-color:transparent;position:relative;z-index:1}.project-tile-path.clickable-path:hover{color:var(--accent-cyan);text-decoration-color:var(--accent-cyan)}.project-tile-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.project-tile-tag{padding:.125rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;font-size:10px;color:var(--text-secondary);font-weight:500}.project-tile-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.btn-add-project{flex:1;padding:.35rem .75rem;background:transparent;color:var(--accent-cyan);border:1px solid var(--accent-cyan);border-radius:4px;cursor:pointer;font-weight:600;font-size:11px;font-family:inherit;transition:all .15s ease;display:inline-flex;align-items:center;gap:.375rem}.btn-add-project:hover:not(:disabled){background:#39c5cf1a}.btn-add-project:active:not(:disabled){background:#39c5cf26}.btn-add-project:disabled{opacity:.6;cursor:not-allowed}.btn-remove-project{padding:.35rem .75rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-weight:600;font-size:11px;font-family:inherit;transition:all .15s ease;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.btn-remove-project:hover:not(:disabled){background:var(--bg-hover);border-color:#f85149;color:#f85149}.btn-remove-project:active:not(:disabled){background:#f851491a}.btn-remove-project:disabled{opacity:.6;cursor:not-allowed}.empty-state{color:var(--text-secondary);padding:2rem;text-align:center;font-size:13px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem}.loading-spinner p{font-size:13px;color:var(--text-secondary);margin:0}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}.danger-zone{margin-top:3rem;padding:1.5rem;border:1px solid #f85149;border-radius:6px;background:#f851490d}.danger-zone h3{font-size:14px;font-weight:600;color:#f85149;margin:0 0 .5rem}.danger-zone-text{font-size:13px;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;max-width:500px;width:90%;box-shadow:0 8px 32px #0006}.modal-content h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.modal-warning{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0 0 1rem}.modal-warning strong{color:var(--text-primary)}.modal-instruction{font-size:13px;color:var(--text-secondary);margin:0 0 .75rem}.confirmation-code{display:inline-block;padding:.25rem .5rem;background:var(--bg-tertiary);border:1px solid var(--accent-cyan);border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:600;color:var(--accent-cyan);letter-spacing:2px}.confirmation-input{width:100%;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem}.confirmation-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #39c5cf1a}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-actions .btn{padding:.5rem 1rem;font-size:13px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;width:90%;max-width:500px;box-shadow:var(--shadow-lg);animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:14px;color:var(--text-primary);margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.modal-close{background:transparent;border:1px solid transparent;font-size:20px;color:var(--text-tertiary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .15s ease;line-height:1}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.modal-content form{padding:1.25rem}.workspace-modal{max-width:600px;max-height:80vh;overflow-y:auto}.workspace-modal::-webkit-scrollbar{width:6px}.workspace-modal::-webkit-scrollbar-track{background:var(--bg-primary)}.workspace-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.workspace-modal::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.workspace-mode-selector{display:flex;gap:0;margin:0 1.25rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:4px;padding:4px}.mode-button{flex:1;padding:.5rem 1rem;background:transparent;border:none;border-radius:3px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;transition:all .15s ease;font-family:inherit}.mode-button:hover{color:var(--text-primary);background:var(--bg-hover)}.mode-button.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:0 1px 2px #0000001a}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.3px;font-family:inherit}.form-group input[type=text],.form-group textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:4px;font-size:13px;font-family:inherit;background:var(--bg-tertiary);color:var(--text-primary);transition:all .15s ease}.form-group input[type=text]::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary);opacity:.6}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #39c5cf1a;background:var(--bg-hover)}.form-group input[type=text]:disabled,.form-group textarea:disabled{background:var(--bg-primary);cursor:not-allowed;opacity:.5}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.path-input-group{display:flex;gap:.5rem}.path-input-group input{flex:1;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:4px;font-size:12px;font-family:SF Mono,Monaco,monospace;background:var(--bg-tertiary);color:var(--text-primary);transition:all .15s ease}.path-input-group input::placeholder{color:var(--text-tertiary);opacity:.6}.path-input-group input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #39c5cf1a;background:var(--bg-hover)}.path-input-group input:disabled{background:var(--bg-primary);cursor:not-allowed;opacity:.5}.path-input-group .btn{flex-shrink:0}.projects-selector{max-height:250px;overflow-y:auto;border:1px solid var(--border-color);border-radius:4px;padding:.5rem;background:var(--bg-tertiary)}.projects-selector::-webkit-scrollbar{width:6px}.projects-selector::-webkit-scrollbar-track{background:var(--bg-primary)}.projects-selector::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.projects-selector::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.project-checkbox{display:flex;align-items:center;gap:.75rem;padding:.625rem;cursor:pointer;border-radius:4px;transition:background .15s ease}.project-checkbox:hover{background:var(--bg-hover)}.project-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--accent-cyan);flex-shrink:0}.project-checkbox span{color:var(--text-primary);font-size:13px;font-weight:500}.empty-state{color:var(--text-secondary);font-style:italic;text-align:center;padding:2rem;font-size:13px}.form-hint{color:var(--text-tertiary);font-size:11px;font-style:italic;margin-top:.25rem;line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.btn{padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;font-size:13px;transition:all .15s ease;border:none;font-family:inherit}.btn-primary{background:var(--accent-cyan);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:active:not(:disabled){opacity:.8}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-primary)}.api-loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:var(--bg-primary)}.api-loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.api-loading-content h2{font-size:32px;font-weight:700;color:var(--accent-cyan);margin:0;letter-spacing:2px;font-family:inherit}.api-loading-content p{font-size:14px;color:var(--text-secondary);margin:0;font-family:inherit}.spinner-large{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.375rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10;flex-shrink:0;height:40px}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-cyan) 50%,transparent 100%);opacity:.3}.header-actions{display:flex;gap:.5rem;margin-left:auto;align-items:center}.btn-link{padding:.375rem .875rem;border:none;background:transparent;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;letter-spacing:.3px;text-transform:uppercase;color:var(--text-secondary);-webkit-app-region:no-drag}.btn-link:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary)}.btn-link:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-link-primary{color:var(--accent-cyan)}.btn-link-primary:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary)}.settings-button{position:relative}.settings-button.active{color:var(--accent-cyan, #39c5cf)}.settings-button.active:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:32px;height:2px;background:var(--accent-cyan, #39c5cf)}.btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;letter-spacing:.3px;text-transform:uppercase;background:var(--bg-tertiary);color:var(--text-primary)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent-cyan);color:var(--bg-primary);border-color:var(--accent-cyan);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-danger{background:transparent;color:#f85149;border-color:#f85149}.btn-danger:hover:not(:disabled){background:#f851491a;border-color:#f85149;color:#f85149}.btn-tiny{padding:.25rem .5rem;font-size:10px}.terminal-icon{font-size:14px;display:inline-block}.app-content{display:flex;flex:1;overflow:hidden;position:relative}.app-content-with-terminal{display:grid;grid-template-columns:auto 1fr auto;flex:1;overflow:hidden}.react-resizable-handle{position:absolute;width:4px;right:-2px;top:0;bottom:0;cursor:col-resize;background:transparent;z-index:10}.react-resizable-handle:hover{background:var(--accent-cyan);opacity:.3}.react-resizable-handle:active{background:var(--accent-cyan);opacity:.6}.sidebar{width:100%;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--bg-primary)}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.main-content{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-primary)}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:var(--bg-primary)}.main-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;padding:2rem}.empty-state h2{margin-bottom:.5rem;color:var(--text-primary);font-size:16px;font-weight:500}.empty-state p{color:var(--text-tertiary);font-size:13px}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:.5rem 1.5rem;flex-shrink:0}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #1c2128;--bg-hover: #21262d;--border-color: #30363d;--border-hover: #484f58;--text-primary: #c9d1d9;--text-secondary: #8b949e;--text-tertiary: #6e7681;--accent-cyan: #39c5cf;--accent-blue: #58a6ff;--accent-green: #3fb950;--accent-purple: #bc8cff;--accent-orange: #ffa657;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}body{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Droid Sans Mono,Source Code Pro,Menlo,Consolas,Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-size:13px;line-height:1.5;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],[contenteditable=""]{-webkit-user-select:text;user-select:text}code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Droid Sans Mono,Source Code Pro,Menlo,Consolas,Courier New,monospace}#root{width:100%;height:100vh}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.project-list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:.75rem}.project-list::-webkit-scrollbar{width:6px}.project-list::-webkit-scrollbar-track{background:var(--bg-primary)}.project-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.project-list::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.project-list-loading,.project-list-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.project-list-empty .hint{font-size:12px;color:var(--text-tertiary);margin-top:.5rem}.project-item{padding:.875rem;margin-bottom:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .15s ease;position:relative}.project-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .15s ease}.project-item:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translate(2px)}.project-item:hover:before{background:var(--accent-cyan)}.project-item.selected{background:var(--bg-hover);border-color:var(--accent-cyan);box-shadow:var(--shadow-sm)}.project-item.keyboard-focused{outline:2px solid var(--accent-cyan);outline-offset:-2px;background:var(--bg-hover)}.project-item.selected:before{background:var(--accent-cyan)}.project-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.5rem}.project-name{font-size:13px;font-weight:600;color:var(--text-primary);margin:0;flex:1;font-family:inherit;letter-spacing:.2px}.project-remove-btn{background:transparent;border:1px solid transparent;font-size:18px;color:var(--text-tertiary);cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .15s ease;flex-shrink:0;line-height:1}.project-remove-btn:hover{background:#ff52521a;color:#ff5252;border-color:#ff52524d}.project-path{font-size:11px;color:var(--text-tertiary);margin:.25rem 0;word-break:break-all;font-family:SF Mono,Monaco,monospace;opacity:.8}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:11px;color:var(--text-tertiary);gap:.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.project-tag{background:var(--bg-hover);border:1px solid var(--border-color);padding:.125rem .5rem;border-radius:3px;font-size:10px;font-weight:500;color:var(--accent-cyan);font-family:SF Mono,Monaco,monospace;text-transform:uppercase;letter-spacing:.3px}.project-scanned{flex:1;font-family:SF Mono,Monaco,monospace}.project-scan-btn{background:transparent;border:1px solid var(--border-color);font-size:12px;cursor:pointer;padding:.25rem .5rem;border-radius:3px;transition:all .15s ease;color:var(--text-secondary);font-family:inherit}.project-scan-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-green);color:var(--accent-green)}.project-scan-btn:disabled{opacity:.3;cursor:not-allowed}.running-indicator-dot{color:var(--accent-green);margin-right:.5rem;font-size:10px;animation:pulse 2s infinite}.project-item.running:before{background:var(--accent-green)}.running-count{background:var(--accent-green);color:var(--bg-primary);padding:.125rem .5rem;border-radius:10px;font-size:10px;font-weight:600;font-family:SF Mono,Monaco,monospace}.running-ports{display:flex;gap:.25rem;flex-wrap:wrap}.port-badge{background:var(--accent-blue);color:var(--bg-primary);padding:.125rem .5rem;border-radius:3px;font-size:10px;font-weight:600;font-family:SF Mono,Monaco,monospace}.project-urls-section{background:var(--bg-secondary);padding:1.25rem;border-radius:4px;border:1px solid var(--border-color);margin-bottom:1.5rem}.urls-list{display:flex;flex-direction:column;gap:.5rem}.url-item{padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all .15s ease;display:flex;justify-content:space-between;align-items:center;gap:1rem}.url-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.url-text{font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--accent-cyan);flex:1;word-break:break-all;cursor:pointer;text-decoration:underline}.url-text:hover{color:var(--accent-blue)}.project-details{max-width:1000px}.btn-small{padding:.35rem .75rem;font-size:11px}.btn-tiny{padding:.25rem .5rem;font-size:10px;display:inline-flex;align-items:center;gap:4px}.project-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);gap:1rem}.project-details-header h2{font-size:18px;color:var(--text-primary);margin-bottom:.5rem;font-weight:600;font-family:inherit;letter-spacing:.3px}.project-name-editable{cursor:pointer;transition:color .15s ease}.project-name-editable:hover{color:var(--accent-cyan)}.project-name-edit{margin-bottom:.5rem}.project-name-input{background:var(--bg-tertiary);border:1px solid var(--accent-cyan);border-radius:4px;padding:.5rem;font-size:18px;font-weight:600;color:var(--text-primary);font-family:inherit;width:100%;max-width:400px}.project-name-input:focus{outline:none;box-shadow:0 0 0 2px #39c5cf33}.project-description-edit{margin-bottom:.5rem}.project-description-input{background:var(--bg-tertiary);border:1px solid var(--accent-cyan);border-radius:4px;padding:.5rem;font-size:13px;color:var(--text-primary);font-family:inherit;width:100%;max-width:none;resize:vertical;min-height:60px}.project-description-input:focus{outline:none;box-shadow:0 0 0 2px #39c5cf33}.project-description{cursor:pointer;color:var(--text-secondary);font-size:13px;transition:color .15s ease;margin-bottom:.5rem}.project-description:hover{color:var(--text-primary)}.header-actions-group{display:flex;gap:.5rem;align-items:center}.project-path{color:var(--text-tertiary);font-size:11px;word-break:break-all;font-family:SF Mono,Monaco,monospace;opacity:.8}.project-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-secondary);padding:1rem;border-radius:4px;border:1px solid var(--border-color);text-align:left;transition:all .15s ease}.stat-card:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.stat-value{font-size:24px;font-weight:600;color:var(--accent-cyan);margin-bottom:.25rem;font-family:SF Mono,Monaco,monospace;line-height:1.2}.stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.framework-breakdown{background:var(--bg-secondary);padding:1.25rem;border-radius:4px;border:1px solid var(--border-color);margin-bottom:1.5rem}.framework-breakdown h3{font-size:13px;color:var(--text-primary);margin-bottom:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.framework-list{display:flex;flex-wrap:wrap;gap:.5rem}.framework-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;transition:all .15s ease}.framework-item:hover{border-color:var(--accent-purple);background:var(--bg-hover)}.framework-name{font-weight:500;color:var(--text-primary);font-size:12px;font-family:SF Mono,Monaco,monospace}.framework-count{background:var(--accent-purple);color:var(--bg-primary);padding:.125rem .5rem;border-radius:2px;font-size:11px;font-weight:600;font-family:SF Mono,Monaco,monospace}.tests-section{background:var(--bg-secondary);padding:1.25rem;border-radius:4px;border:1px solid var(--border-color);margin-bottom:1.5rem}.tests-section h3{font-size:13px;color:var(--text-primary);margin-bottom:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.no-tests{padding:2rem;text-align:center;color:var(--text-tertiary);font-size:12px}.tests-list{display:flex;flex-direction:column;gap:.5rem}.test-item{padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all .15s ease}.test-item:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translate(2px)}.test-file{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.75rem}.test-path{font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--text-primary);flex:1;word-break:break-all}.test-framework{background:var(--accent-blue);color:var(--bg-primary);padding:.25rem .5rem;border-radius:3px;font-size:10px;font-weight:600;font-family:SF Mono,Monaco,monospace;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.test-status{font-size:11px;color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace}.jenkins-placeholder{background:var(--bg-secondary);padding:1.25rem;border-radius:4px;border:1px dashed var(--border-color);opacity:.6}.jenkins-placeholder h3{font-size:13px;color:var(--text-secondary);margin-bottom:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.placeholder-text{color:var(--text-tertiary);font-style:italic;font-size:12px;line-height:1.6}.danger-zone{background:#f851490d;padding:1.25rem;border-radius:4px;border:1px solid rgba(248,81,73,.3);margin-top:1.5rem}.danger-zone h3{font-size:13px;color:#f85149;margin-bottom:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.danger-zone-text{color:var(--text-secondary);font-size:12px;line-height:1.6;margin-bottom:1rem}.danger-zone .btn-danger{background:transparent;border:1px solid #f85149;color:#f85149}.danger-zone .btn-danger:hover:not(:disabled){background:#f85149;color:var(--bg-primary)}.btn-small{padding:.375rem .75rem;font-size:11px}.tags-section{background:var(--bg-secondary);padding:1.25rem;border-radius:4px;border:1px solid var(--border-color);margin-bottom:1.5rem}.tags-content{margin-top:.75rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.tag-item{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.375rem .375rem .375rem .625rem;border-radius:4px;font-size:11px;font-weight:500;color:var(--accent-cyan);font-family:SF Mono,Monaco,monospace;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:.375rem;transition:all .15s ease}.tag-item:hover{border-color:var(--accent-cyan)}.tag-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0 4px;font-size:16px;line-height:1;transition:color .15s ease}.tag-remove:hover{color:#f85149}.tag-add-btn{background:transparent;border:1px dashed var(--border-color);padding:.375rem .75rem;border-radius:4px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.3px}.tag-add-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:var(--bg-tertiary)}.tag-input-wrapper{position:relative;display:inline-block}.tag-input{background:var(--bg-tertiary);border:1px solid var(--accent-cyan);border-radius:4px;padding:.375rem .625rem;font-size:11px;font-family:SF Mono,Monaco,monospace;color:var(--text-primary);min-width:120px;outline:none}.tag-input:focus{box-shadow:0 0 0 2px #39c5cf33}.tag-suggestions{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow-md);z-index:100;min-width:100%;max-width:200px}.tag-suggestion{padding:.5rem .75rem;cursor:pointer;font-size:11px;color:var(--text-primary);font-family:SF Mono,Monaco,monospace;transition:all .15s ease}.tag-suggestion:first-child{border-radius:4px 4px 0 0}.tag-suggestion:last-child{border-radius:0 0 4px 4px}.tag-suggestion:hover{background:var(--bg-hover);color:var(--accent-cyan)}.ports-section,.scripts-section,.running-processes-section{background:var(--bg-secondary);padding:1.25rem;border-radius:4px;border:1px solid var(--border-color);margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{font-size:13px;color:var(--text-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:inherit;margin:0}.project-type-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.25rem .5rem;border-radius:3px;font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-family:SF Mono,Monaco,monospace}.ports-list,.scripts-list,.processes-list{display:flex;flex-direction:column;gap:.5rem}.port-item{padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all .15s ease}.port-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.port-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.port-number{font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:600;color:var(--accent-cyan)}.port-script{font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--text-secondary)}.port-source{font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--text-tertiary);flex:1}.script-item{padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all .15s ease;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.script-item:not(.running){--debug: 0;align-items:center}.script-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.script-item.running{--debug: 1;border-left:3px solid var(--accent-cyan)}.script-info{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.script-item.running .script-info{--debug: 2;min-width:calc(100% + 18px)}.script-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.script-process-info{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.process-badge{display:flex;align-items:center;gap:.5rem;font-size:11px;font-family:SF Mono,Monaco,monospace;color:var(--text-secondary)}.process-badge .btn:first-of-type{margin-left:auto}.process-indicator{color:var(--accent-cyan);font-size:8px}.process-pid{color:var(--text-secondary)}.process-uptime{color:var(--text-tertiary)}.process-port{color:var(--accent-cyan);font-weight:600}.btn-tiny{padding:2px 8px;font-size:10px;font-weight:600;border-radius:4px;margin-left:4px}.script-name{font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:600;color:var(--text-primary);flex-shrink:0}.script-command{font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.script-runner{background:var(--bg-hover);border:1px solid var(--border-color);padding:.25rem .5rem;border-radius:3px;font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-family:SF Mono,Monaco,monospace;flex-shrink:0}.script-actions{display:flex;gap:.5rem;flex-shrink:0;align-self:start}.loading-state,.no-scripts{padding:2rem;text-align:center;color:var(--text-tertiary);font-size:12px}.running-indicator{color:var(--accent-green);font-size:12px;margin-right:.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.process-item{padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all .15s ease;display:flex;justify-content:space-between;align-items:center;gap:1rem}.process-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.process-info{display:flex;align-items:center;gap:.75rem;flex:1;flex-wrap:wrap}.process-name{font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:600;color:var(--text-primary);min-width:100px}.process-pid{font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--text-secondary)}.process-uptime{font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--text-tertiary)}.test-results-section{margin-bottom:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1.25rem;transition:all .15s ease}.test-results-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.test-timestamp{font-size:10px;color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace;letter-spacing:.3px}.test-results-content{display:flex;flex-direction:column;gap:1rem}.test-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.test-stat{display:flex;align-items:center;gap:.625rem;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all .15s ease}.test-stat:hover{background:var(--bg-hover);border-color:var(--border-hover)}.test-stat.passed{border-left:3px solid var(--accent-green)}.test-stat.failed{border-left:3px solid #f85149}.test-stat.skipped{border-left:3px solid var(--text-tertiary)}.test-stat.total{border-left:3px solid var(--accent-cyan)}.test-stat-icon{font-size:20px;line-height:1}.test-stat.passed .test-stat-icon{color:var(--accent-green)}.test-stat.failed .test-stat-icon{color:#f85149}.test-stat.skipped .test-stat-icon{color:var(--text-tertiary);opacity:.6}.test-stat.total .test-stat-icon{color:var(--accent-cyan)}.test-stat-info{display:flex;flex-direction:column;gap:.125rem}.test-stat-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1;font-family:SF Mono,Monaco,monospace}.test-stat-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.test-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color)}.test-framework-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:#7d76fc1a;border:1px solid var(--accent-purple);border-radius:3px;font-size:10px;font-weight:600;color:var(--accent-purple);text-transform:uppercase;letter-spacing:.5px}.test-duration,.test-coverage,.test-script-name{font-size:11px;color:var(--text-secondary);font-family:SF Mono,Monaco,monospace;letter-spacing:.3px}.test-coverage{color:var(--accent-cyan);font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;width:90%;max-width:500px;box-shadow:var(--shadow-lg);animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:14px;color:var(--text-primary);margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.modal-close{background:transparent;border:1px solid transparent;font-size:20px;color:var(--text-tertiary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .15s ease;line-height:1}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.modal-content form{padding:1.25rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.3px;font-family:inherit}.path-input-group{display:flex;gap:.5rem}.path-input-group input{flex:1;padding:.625rem;border:1px solid var(--border-color);border-radius:4px;font-size:12px;font-family:SF Mono,Monaco,monospace;background:var(--bg-tertiary);color:var(--text-primary);transition:all .15s ease}.path-input-group input::placeholder{color:var(--text-tertiary);opacity:.6}.path-input-group input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #39c5cf1a;background:var(--bg-hover)}.path-input-group input:disabled{background:var(--bg-primary);cursor:not-allowed;opacity:.5}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.project-search{padding:12px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;z-index:10}.search-input-group{display:flex;gap:8px;position:relative}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-input{flex:1;padding:8px 36px 8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;outline:none;transition:border-color .2s;background:var(--bg-tertiary);color:var(--text-primary)}.sort-icon-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .15s ease}.sort-icon-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.sort-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow-md);z-index:100;min-width:180px;padding:4px}.sort-menu-item{padding:8px 12px;cursor:pointer;border-radius:3px;font-size:13px;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;transition:all .15s ease}.sort-menu-item:hover{background:var(--bg-hover)}.sort-menu-item.active{background:var(--bg-hover);color:var(--accent-cyan)}.sort-menu-item .checkmark{color:var(--accent-green);font-size:12px;margin-left:8px}.search-input:focus{border-color:var(--accent-cyan)}.search-input::placeholder{color:var(--text-tertiary)}.search-filter{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;outline:none;transition:border-color .2s}.search-filter:focus{border-color:var(--accent-cyan)}.search-filter:hover{border-color:var(--border-hover);background:var(--bg-hover)}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.settings-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.settings-close-btn{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.settings-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-content{padding:1.5rem;overflow-y:auto;flex:1}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.settings-field{margin-bottom:1rem}.settings-field:last-child{margin-bottom:0}.settings-field label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.3px}.settings-select,.settings-input{width:100%;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s ease}.settings-select:focus,.settings-input:focus{border-color:var(--accent-cyan)}.settings-input{font-family:SF Mono,Monaco,monospace}.settings-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color)}.loading-state{padding:3rem;text-align:center;color:var(--text-tertiary);font-size:13px}.app-header{-webkit-app-region:drag;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:1rem}.app-header button,.app-header .btn,.app-header .btn-link,.app-header .header-actions{-webkit-app-region:no-drag}.status-bar{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-size:11px;font-family:SF Mono,Monaco,monospace}.status-bar-content{display:flex;align-items:center;gap:1rem;width:100%;justify-content:space-between}.status-version{color:var(--text-tertiary);font-size:11px;font-family:SF Mono,Monaco,monospace;font-weight:500;letter-spacing:.3px}.status-right{display:flex;align-items:center;gap:1rem}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.connected{background:var(--accent-green);box-shadow:0 0 4px var(--accent-green)}.status-dot.disconnected{background:#f85149;box-shadow:0 0 4px #f85149}.status-text{color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.api-port{color:var(--text-tertiary);font-size:11px;font-family:SF Mono,Monaco,monospace}.terminal-sidebar{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-secondary);border-left:1px solid var(--border-color);color:var(--text-primary);font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px}.terminal-header{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);position:relative}.terminal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-cyan) 50%,transparent 100%);opacity:.3}.terminal-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.terminal-title-content{display:flex;align-items:flex-start;gap:.625rem;flex:1}.terminal-status-indicator{font-size:10px;margin-top:2px;flex-shrink:0}.terminal-status-indicator.running{color:var(--accent-cyan);animation:pulse 2s infinite}.terminal-status-indicator.stopped{color:var(--text-tertiary);opacity:.5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.terminal-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.terminal-script{font-weight:600;color:var(--text-primary);font-size:13px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-project{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.terminal-status-badge{font-size:10px;padding:.25rem .5rem;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:1px solid}.terminal-status-badge.running{color:var(--accent-cyan);background:#39c5cf1a;border-color:var(--accent-cyan)}.terminal-status-badge.stopped{color:var(--text-tertiary);background:var(--bg-secondary);border-color:var(--border-color)}.terminal-pid{font-size:10px;color:var(--text-tertiary);letter-spacing:.3px}.terminal-toolbar{display:flex;gap:.5rem;align-items:center}.terminal-output{flex:1;overflow-y:auto;padding:1rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;background:var(--bg-primary);font-size:11px}.terminal-output::-webkit-scrollbar{width:6px}.terminal-output::-webkit-scrollbar-track{background:var(--bg-primary)}.terminal-output::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.terminal-output::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.terminal-line{margin-bottom:.125rem;padding:.125rem 0;color:var(--text-secondary);transition:background .15s ease}.terminal-line:hover{background:var(--bg-secondary);margin-left:-.5rem;margin-right:-.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:2px}.terminal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);padding:3rem 2rem;text-align:center;gap:.75rem}.terminal-empty-icon{font-size:48px;opacity:.3;margin-bottom:.5rem}.terminal-empty-text{font-size:13px;color:var(--text-secondary);font-weight:500}.terminal-empty-hint{font-size:11px;color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace;letter-spacing:.3px}.terminal-line{color:var(--text-secondary)}.terminal-line:contains("error"),.terminal-line:contains("Error"),.terminal-line:contains("ERROR"),.terminal-line:contains("✗"),.terminal-line:contains("failed"),.terminal-line:contains("Failed"){color:#f85149}.terminal-line:contains("warning"),.terminal-line:contains("Warning"),.terminal-line:contains("WARN"),.terminal-line:contains("⚠"){color:#d29922}.terminal-line:contains("success"),.terminal-line:contains("Success"),.terminal-line:contains("✓"),.terminal-line:contains("✔"),.terminal-line:contains("passed"),.terminal-line:contains("Passed"){color:var(--accent-cyan)}.terminal-line:contains("info"),.terminal-line:contains("Info"),.terminal-line:contains("INFO"){color:var(--accent-blue)}.terminal-line:contains("debug"),.terminal-line:contains("Debug"),.terminal-line:contains("DEBUG"){color:var(--text-tertiary);opacity:.7}.terminal-loupe{display:flex;flex-direction:column;gap:.75rem;padding:.875rem 1rem;background:var(--bg-tertiary);border-top:1px solid var(--border-color);position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.terminal-loupe:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-cyan) 50%,transparent 100%);opacity:.4}.terminal-loupe-header{display:flex;align-items:center;gap:.5rem}.terminal-loupe-icon{font-size:12px;animation:pulse 2s infinite}.terminal-loupe-title{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.terminal-loupe-servers{display:flex;flex-direction:column;gap:.5rem}.terminal-loupe-server{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease;gap:1rem}.terminal-loupe-server:hover{background:var(--bg-primary);border-color:var(--accent-cyan);box-shadow:0 0 0 1px #39c5cf1a}.terminal-loupe-server-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.terminal-loupe-port{font-size:14px;font-weight:700;color:var(--accent-cyan);font-family:SF Mono,Monaco,monospace;letter-spacing:-.5px;flex-shrink:0}.terminal-loupe-url{font-size:11px;color:var(--text-secondary);font-family:SF Mono,Monaco,monospace;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-loupe-actions{display:flex;gap:.5rem;flex-shrink:0}.terminal-loupe-actions .btn{font-size:10px;padding:.375rem .75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.terminal-loupe-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 2px 8px #39c5cf4d}.terminal-loupe-actions .btn-secondary:hover{transform:translateY(-1px)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-primary)}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10;flex-shrink:0}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-cyan) 50%,transparent 100%);opacity:.3}.app-logo{margin:0;font-size:12px;font-weight:600;letter-spacing:1.5px;color:var(--accent-cyan);position:absolute;left:50%;transform:translate(-50%)}.header-actions{display:flex;gap:1.5rem;margin-left:auto}.btn-link{padding:0;border:none;background:none;font-size:11px;font-weight:500;cursor:pointer;transition:color .15s ease;font-family:inherit;letter-spacing:.3px;text-transform:uppercase;color:var(--text-secondary);-webkit-app-region:no-drag}.btn-link:hover:not(:disabled){color:var(--text-primary)}.btn-link:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-link-primary{color:var(--accent-cyan)}.btn-link-primary:hover:not(:disabled){color:var(--accent-blue)}.btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;letter-spacing:.3px;text-transform:uppercase;background:var(--bg-tertiary);color:var(--text-primary)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent-cyan);color:var(--bg-primary);border-color:var(--accent-cyan);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-danger{background:transparent;color:#f85149;border-color:#f85149}.btn-danger:hover:not(:disabled){background:#f851491a;border-color:#f85149;color:#f85149}.btn-tiny{padding:.25rem .5rem;font-size:10px}.terminal-icon{font-size:14px;display:inline-block}.app-content{display:flex;flex:1;overflow:hidden;position:relative}.app-content-with-terminal{display:grid;grid-template-columns:auto 1fr auto;flex:1;overflow:hidden}.react-resizable-handle{position:absolute;width:4px;right:-2px;top:0;bottom:0;cursor:col-resize;background:transparent;z-index:10}.react-resizable-handle:hover{background:var(--accent-cyan);opacity:.3}.react-resizable-handle:active{background:var(--accent-cyan);opacity:.6}.sidebar{width:100%;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--bg-primary)}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.main-content{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-primary)}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:var(--bg-primary)}.main-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;padding:2rem}.empty-state h2{margin-bottom:.5rem;color:var(--text-primary);font-size:16px;font-weight:500}.empty-state p{color:var(--text-tertiary);font-size:13px}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:.5rem 1.5rem;flex-shrink:0}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #1c2128;--bg-hover: #21262d;--border-color: #30363d;--border-hover: #484f58;--text-primary: #c9d1d9;--text-secondary: #8b949e;--text-tertiary: #6e7681;--accent-cyan: #39c5cf;--accent-blue: #58a6ff;--accent-green: #3fb950;--accent-purple: #bc8cff;--accent-orange: #ffa657;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}body{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Droid Sans Mono,Source Code Pro,Menlo,Consolas,Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-size:13px;line-height:1.5;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],[contenteditable=""]{-webkit-user-select:text;user-select:text}code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Droid Sans Mono,Source Code Pro,Menlo,Consolas,Courier New,monospace}#root{width:100%;height:100vh}
|