Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/workbench/page.ts
Original file line number Diff line number Diff line change
Expand Up @@ -9,21 +9,21 @@ export function workbenchPage(nonce: string): string {
}

export const workbenchStyle = `
:root{color-scheme:light;font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#242424;background:#fff;--line:#e8e8e4;--muted:#686862;--sidebar:#f6f6f4;--panel:#fafaf9}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button,input,select,textarea{font:inherit;touch-action:manipulation;max-width:100%}button{min-height:38px;padding:8px 14px;border:1px solid #d4d4ce;border-radius:8px;color:#292929;background:#fff;cursor:pointer;transition:background-color .18s,border-color .18s}button:hover{background:#efefea}button:disabled{opacity:.5;cursor:default}button.primary{background:#292929;border-color:#292929;color:#fff}button.primary:hover{background:#444}.workspace-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100dvh}.app-sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100dvh;padding:24px 14px 16px;background:var(--sidebar);border-right:1px solid var(--line)}.app-brand{display:flex;align-items:center;gap:10px;padding:0 9px 18px;font-size:15px;letter-spacing:-.02em}.app-mark{width:27px;height:27px;display:grid;place-items:center;font-size:10px;font-weight:600;border:1px solid #cecec8;border-radius:8px}.sidebar-label{padding:0 10px;margin:16px 0 10px;font-size:12px;color:var(--muted)}.task-nav{display:grid;gap:5px}.task-nav button{width:100%;text-align:left;justify-content:flex-start;border-color:transparent;background:transparent;font-size:13px}.task-nav button:hover{background:#edede8}.task-nav button[aria-pressed=true]{background:#e7e7e2;color:#242424;font-weight:500}.sidebar-bottom{display:grid;gap:3px;margin-top:auto;padding:14px 10px 0;border-top:1px solid var(--line);font-size:12px}.sidebar-bottom small{font-size:11px;color:var(--muted)}.workspace-main{min-width:0}.workspace-bar{height:59px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;border-bottom:1px solid var(--line);font-size:13px}.workspace-status{font-size:12px;color:var(--muted)}main{padding:38px 40px;max-width:1120px;margin:auto;min-width:0}.page-heading{margin-bottom:30px}.page-heading h1{margin:0 0 12px;font-size:26px;line-height:1.35;font-weight:600;letter-spacing:-.04em}.page-heading p{margin:0;max-width:650px;color:var(--muted)}section{min-width:0;padding:24px;margin-bottom:22px;border:1px solid var(--line);border-radius:10px;background:#fff}h2{margin:0 0 14px;font-size:18px;font-weight:600;letter-spacing:-.02em}h3{font-size:15px;font-weight:600}.task-steps{font-size:12px;color:var(--muted)}label{display:block;margin:18px 0 8px;font-size:13px}input,select{width:100%;min-width:0;min-height:42px;padding:9px 12px;border:1px solid #d4d4ce;border-radius:8px;background:#fff;color:#242424}input::placeholder{color:var(--muted)}input[type=checkbox],input[type=radio]{width:18px;min-height:18px;accent-color:#292929;vertical-align:middle}input[type=checkbox]{margin-right:8px}.row{display:flex;gap:10px;align-items:center}.row input{flex:1;min-width:0}.row button{white-space:nowrap}.actions{flex-wrap:wrap;margin-top:18px}:focus-visible{outline:2px solid #777772;outline-offset:3px}iframe{width:100%;height:min(70vh,580px);border:1px solid var(--line);border-radius:8px;margin:18px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.75 ui-monospace,SFMono-Regular,monospace;max-height:440px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}#history-list p,#batch-receipt,#batch-info,p,li,code{overflow-wrap:anywhere}footer{font-size:12px;color:var(--muted);padding:4px 0 16px}footer p{margin:8px 0}summary{cursor:pointer;min-height:36px;padding:6px 0}.operation-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.operation-status button{flex-shrink:0}#status{padding:12px 0;color:var(--muted)}.selection-options{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.selection-options label{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:8px;padding:15px;margin:0;background:var(--panel)}.selection-options label:has(input:checked){border-color:#999991;background:#f0f0eb}.selection-options input[type=radio]{flex:0 0 18px;margin-top:4px}.selection-options small{display:block;color:var(--muted);font-size:12px}.field-error{color:#a33f3b;font-size:13px}.mode-help{background:var(--panel);padding:12px 14px;border-radius:8px;color:var(--muted)}.result-summary{padding:0;margin:16px 0}.result-summary ul{display:flex;gap:18px;flex-wrap:wrap;padding-left:20px}.result-summary .actions{margin-bottom:16px}.history-comparison{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.history-comparison-counts{display:flex;gap:20px;flex-wrap:wrap}.history-comparison-counts div{min-width:100px}.history-comparison-counts dt{font-size:12px;color:var(--muted)}.history-comparison-counts dd{font-size:24px;margin:4px 0}.history-comparison ul{padding-left:20px}#history-list button{margin:4px}#structured-report{max-height:400px}.history-filters{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.history-filters .actions{grid-column:1/-1}.skip-link{position:fixed;left:10px;top:-80px;z-index:10;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:8px}.skip-link:focus{top:10px}
:root{color-scheme:light;font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#242424;background:#fff;--line:#e8e8e4;--muted:#686862;--sidebar:#f6f6f4;--panel:#fafaf9}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button,input,select,textarea{font:inherit;touch-action:manipulation;max-width:100%}button{min-height:38px;padding:8px 14px;border:1px solid #d4d4ce;border-radius:8px;color:#292929;background:#fff;cursor:pointer;transition:background-color .18s,border-color .18s}button:hover{background:#efefea}button:disabled{opacity:.5;cursor:default}button.primary{background:#292929;border-color:#292929;color:#fff}button.primary:hover{background:#444}.workspace-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100dvh}.app-sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100dvh;padding:24px 14px 16px;background:var(--sidebar);border-right:1px solid var(--line)}.app-brand{display:flex;align-items:center;gap:10px;padding:0 9px 18px;font-size:15px;letter-spacing:-.02em}.sidebar-label{padding:0 10px;margin:16px 0 10px;font-size:12px;color:var(--muted)}.task-nav{display:grid;gap:5px}.task-nav button{width:100%;text-align:left;justify-content:flex-start;border-color:transparent;background:transparent;font-size:13px}.task-nav button:hover{background:#edede8}.task-nav button[aria-pressed=true]{background:#e7e7e2;color:#242424;font-weight:500}.sidebar-bottom{display:grid;gap:3px;margin-top:auto;padding:14px 10px 0;border-top:1px solid var(--line);font-size:12px}.sidebar-bottom small{font-size:11px;color:var(--muted)}.workspace-main{min-width:0}.workspace-bar{height:59px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;border-bottom:1px solid var(--line);font-size:13px}.workspace-status{font-size:12px;color:var(--muted)}main{padding:38px 40px;max-width:1120px;margin:auto;min-width:0}.page-heading{margin-bottom:30px}.page-heading h1{margin:0 0 12px;font-size:26px;line-height:1.35;font-weight:600;letter-spacing:-.04em}.page-heading p{margin:0;max-width:650px;color:var(--muted)}section{min-width:0;padding:24px;margin-bottom:22px;border:1px solid var(--line);border-radius:10px;background:#fff}h2{margin:0 0 14px;font-size:18px;font-weight:600;letter-spacing:-.02em}h3{font-size:15px;font-weight:600}.task-steps{font-size:12px;color:var(--muted)}label{display:block;margin:18px 0 8px;font-size:13px}input,select{width:100%;min-width:0;min-height:42px;padding:9px 12px;border:1px solid #d4d4ce;border-radius:8px;background:#fff;color:#242424}input::placeholder{color:var(--muted)}input[type=checkbox],input[type=radio]{width:18px;min-height:18px;accent-color:#292929;vertical-align:middle}input[type=checkbox]{margin-right:8px}.row{display:flex;gap:10px;align-items:center}.row input{flex:1;min-width:0}.row button{white-space:nowrap}.actions{flex-wrap:wrap;margin-top:18px}:focus-visible{outline:2px solid #777772;outline-offset:3px}iframe{width:100%;height:min(70vh,580px);border:1px solid var(--line);border-radius:8px;margin:18px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.75 ui-monospace,SFMono-Regular,monospace;max-height:440px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}#history-list p,#batch-receipt,#batch-info,p,li,code{overflow-wrap:anywhere}footer{font-size:12px;color:var(--muted);padding:4px 0 16px}footer p{margin:8px 0}summary{cursor:pointer;min-height:36px;padding:6px 0}.operation-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.operation-status button{flex-shrink:0}#status{padding:12px 0;color:var(--muted)}.selection-options{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.selection-options label{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:8px;padding:15px;margin:0;background:var(--panel)}.selection-options label:has(input:checked){border-color:#999991;background:#f0f0eb}.selection-options input[type=radio]{flex:0 0 18px;margin-top:4px}.selection-options small{display:block;color:var(--muted);font-size:12px}.field-error{color:#a33f3b;font-size:13px}.mode-help{background:var(--panel);padding:12px 14px;border-radius:8px;color:var(--muted)}.result-summary{padding:0;margin:16px 0}.result-summary ul{display:flex;gap:18px;flex-wrap:wrap;padding-left:20px}.result-summary .actions{margin-bottom:16px}.history-comparison{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.history-comparison-counts{display:flex;gap:20px;flex-wrap:wrap}.history-comparison-counts div{min-width:100px}.history-comparison-counts dt{font-size:12px;color:var(--muted)}.history-comparison-counts dd{font-size:24px;margin:4px 0}.history-comparison ul{padding-left:20px}#history-list button{margin:4px}#structured-report{max-height:400px}.history-filters{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.history-filters .actions{grid-column:1/-1}.skip-link{position:fixed;left:10px;top:-80px;z-index:10;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:8px}.skip-link:focus{top:10px}
@media(max-width:980px){.workspace-shell{grid-template-columns:218px minmax(0,1fr)}main{padding:30px 26px}.row{flex-wrap:wrap}.row input{flex-basis:100%}}
@media(max-width:720px){.workspace-shell{display:block}.app-sidebar{position:static;height:auto;padding:18px 16px}.app-brand{padding-bottom:0}.sidebar-label,.sidebar-bottom{display:none}.task-nav{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.task-nav button{text-align:center;padding:8px;min-width:0;line-height:1.4}.workspace-bar{padding:0 20px;height:52px}main{padding:28px 20px}.page-heading h1{font-size:23px}section{padding:18px}.selection-options,.history-filters{grid-template-columns:1fr}.row{flex-wrap:wrap}.row input{flex-basis:100%}.operation-status{align-items:flex-start;flex-direction:column}button,input,select{min-height:44px}input,select{font-size:16px}.actions button{flex:1 1 120px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* SkillSync: porcelain surfaces and steel-blue selection. */
:root{background:#eef1f4;color:#263443;--line:#d8dfe5;--muted:#626e7b;--sidebar:#e4e9ef;--panel:#f3f5f7;--accent:#3d5e7b;--accent-deep:#29445d;--accent-soft:#e2eaf1}
body,.workspace-main{background:#eef1f4}.app-sidebar{background:#e4e9ef;border-color:#d0d8e1}.app-brand{color:#243d53}.app-mark{width:32px;height:32px;background:#2d465d;color:#e5edf3;border-color:#526e85;box-shadow:inset 0 1px #ffffff28,0 2px 4px #20344c12}
body,.workspace-main{background:#eef1f4}.app-sidebar{background:#e4e9ef;border-color:#d0d8e1}.app-brand{color:#243d53}
.sidebar-label{color:#526777;font-size:11px;letter-spacing:.06em}.task-nav button{color:#526273;box-shadow:none}.task-nav button:hover{background:#d9e1e9}.task-nav button[aria-pressed=true]{background:#f7fafc;color:#29445d;box-shadow:0 1px 4px #243d5312,inset 2px 0 #547794;font-weight:550}.sidebar-bottom{color:#526273;border-top-color:#c7d2dc}
.workspace-bar{background:#f8fafb;border-bottom-color:var(--line)}.workspace-status{color:#526b7d;background:transparent;padding:0}.workspace-status::before{content:'';display:inline-block;width:5px;height:5px;background:#597f6b;border-radius:50%;margin-right:7px}
.page-heading{padding:0 0 24px;background:transparent;border:0;border-bottom:1px solid #d0d8e1;border-radius:0}.page-heading h1{color:#243d53;font-weight:550;letter-spacing:-.035em}
#task-single,#task-batch,#task-history,#result,#fix,.operation-reconnect{border-radius:11px;border-color:#d8dfe5;background:#fff;box-shadow:0 1px 2px #243d5305,0 8px 28px #243d5305}h2{color:#29445d;font-size:17px}#task-single>h2,#task-batch>h2,#task-history>h2{border-bottom:1px solid #e6ebef;padding-bottom:16px}
button{border-color:#bfcbd5;background:#fbfcfd;color:#344b5d;box-shadow:inset 0 1px #fff}button:hover{background:#edf2f6;border-color:#8ea4b5}button.primary{background:#3d5e7b;border-color:#3d5e7b;box-shadow:inset 0 1px #ffffff24,0 2px 4px #243d5315}button.primary:hover{background:#29445d;border-color:#29445d}
input,select{border-color:#bcc8d2;background:#fbfcfd;color:#263443;box-shadow:inset 0 1px 2px #243d5305}input[type=radio],input[type=checkbox]{accent-color:#3d5e7b}:focus-visible{outline-color:#547794}
.selection-options label{background:#f8fafb;border-radius:9px}.selection-options label:has(input:checked){background:#edf3f7;border-color:#94abbc;box-shadow:inset 0 1px #fff}.selection-options strong{font-weight:550}.mode-help{background:#f1f5f8;border-left:2px solid #94abbc}.result-summary{padding:16px;background:#f1f5f8;border:1px solid var(--line);border-radius:8px}#result{border-top:2px solid #547794}pre{background:#f5f7f9}.history-comparison{background:#f5f7f9;padding:18px;border:1px solid var(--line);border-radius:8px}.history-comparison-counts dd{color:#29445d;font-weight:550;font-variant-numeric:tabular-nums}
@media(max-width:720px){.page-heading{padding:0 0 20px}.workspace-status{font-size:11px}.app-mark{width:30px;height:30px}}
@media(max-width:720px){.page-heading{padding:0 0 20px}.workspace-status{font-size:11px}}

/* A scope-to-evidence workbench, using real summary counts and mounted task controls. */
main{max-width:1240px}.page-heading{padding-bottom:22px;margin-bottom:24px}.workbench-eyebrow{font-size:10px!important;letter-spacing:.14em;margin:0 0 10px!important;color:#526b7c!important}.page-heading h1{font-size:30px;margin-bottom:10px}.task-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e5ebef;padding-bottom:16px;margin-bottom:20px}.task-panel-heading h2{margin:0}.read-only-pill{font-size:11px;white-space:nowrap;padding:5px 10px;border:1px solid #cad7e1;border-radius:20px;color:#3d5e7b;background:#f5f9fb}
Expand Down
Loading