feat(workbench): add DBN Case Workbench guided case-preparation hub
Additive-only change: new workbench.php authenticated page with guided intake flow, evidence map, tool sequence, output checklist, and sessionStorage-only note persistence. Dashboard and public index get a new Case Workbench card. No existing tools, APIs, or prompts modified. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -6053,6 +6053,329 @@ body.lt-landing {
|
||||
.adv-preview-btn { font-size:.82rem; padding:5px 14px; border:1px solid var(--line); border-radius:5px; background:var(--bg); color:var(--muted); cursor:pointer; }
|
||||
.adv-preview-btn:hover { border-color:var(--teal); color:var(--teal); background:var(--soft-teal); }
|
||||
|
||||
/* Case Workbench - additive page */
|
||||
.workbench-shell {
|
||||
max-width: 1480px;
|
||||
}
|
||||
|
||||
.workbench-dashboard-link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.workbench-entry-art {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
background:
|
||||
linear-gradient(135deg, rgba(0, 32, 91, 0.96), rgba(15, 118, 110, 0.86)),
|
||||
repeating-linear-gradient(90deg, rgba(255,255,255,0.12) 0 1px, transparent 1px 28px);
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.workbench-entry-art span {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
border: 2px solid rgba(255,255,255,0.55);
|
||||
border-radius: 50%;
|
||||
font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.08em;
|
||||
background: rgba(255,255,255,0.10);
|
||||
}
|
||||
|
||||
.workbench-hero {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.7fr);
|
||||
gap: 18px;
|
||||
align-items: stretch;
|
||||
margin: 22px 0 18px;
|
||||
}
|
||||
|
||||
.workbench-hero__copy,
|
||||
.workbench-hero__panel,
|
||||
.workbench-panel {
|
||||
border: 1px solid var(--dbn-line);
|
||||
background: rgba(255,255,255,0.72);
|
||||
box-shadow: 0 18px 45px rgba(25, 35, 52, 0.08);
|
||||
}
|
||||
|
||||
.workbench-hero__copy {
|
||||
padding: clamp(24px, 4vw, 44px);
|
||||
}
|
||||
|
||||
.workbench-hero__copy h2 {
|
||||
max-width: 860px;
|
||||
margin: 0;
|
||||
color: var(--dbn-ink);
|
||||
font-family: 'Crimson Pro', serif;
|
||||
font-size: clamp(2rem, 4vw, 4.4rem);
|
||||
line-height: 0.94;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
.workbench-hero__copy p:last-child {
|
||||
max-width: 760px;
|
||||
margin: 16px 0 0;
|
||||
color: rgba(22, 19, 15, 0.74);
|
||||
font-size: 1rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.workbench-kicker {
|
||||
margin: 0 0 10px;
|
||||
color: var(--dbn-red);
|
||||
font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.09em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.workbench-hero__panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
padding: 24px;
|
||||
border-left: 5px solid var(--dbn-teal);
|
||||
}
|
||||
|
||||
.workbench-hero__panel strong {
|
||||
color: var(--dbn-blue);
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
.workbench-hero__panel p {
|
||||
margin: 0;
|
||||
color: rgba(22, 19, 15, 0.70);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.workbench-clear,
|
||||
.workbench-tool-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 42px;
|
||||
border: 0;
|
||||
border-radius: 999px;
|
||||
padding: 0 16px;
|
||||
background: var(--dbn-blue);
|
||||
color: #fff;
|
||||
font-weight: 800;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.workbench-clear {
|
||||
align-self: flex-start;
|
||||
background: var(--dbn-red);
|
||||
}
|
||||
|
||||
.workbench-status {
|
||||
min-height: 20px;
|
||||
color: var(--dbn-teal);
|
||||
font-size: 0.86rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.workbench-grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
|
||||
gap: 18px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.workbench-panel {
|
||||
padding: clamp(18px, 2.4vw, 28px);
|
||||
}
|
||||
|
||||
.workbench-panel--flow,
|
||||
.workbench-panel--outputs {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.workbench-section-head {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
margin-bottom: 18px;
|
||||
border-bottom: 1px solid rgba(22, 19, 15, 0.12);
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.workbench-section-head h2 {
|
||||
margin: 0;
|
||||
color: var(--dbn-ink);
|
||||
font-family: 'Crimson Pro', serif;
|
||||
font-size: clamp(1.45rem, 2vw, 2.1rem);
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
.workbench-form-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.workbench-field {
|
||||
display: grid;
|
||||
gap: 7px;
|
||||
color: var(--dbn-ink);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.workbench-field--wide {
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.workbench-field span {
|
||||
font-size: 0.86rem;
|
||||
}
|
||||
|
||||
.workbench-field input,
|
||||
.workbench-field select,
|
||||
.workbench-field textarea {
|
||||
width: 100%;
|
||||
border: 1px solid rgba(22, 19, 15, 0.18);
|
||||
border-radius: 8px;
|
||||
background: #fff;
|
||||
color: var(--dbn-ink);
|
||||
font: inherit;
|
||||
font-weight: 500;
|
||||
padding: 12px 13px;
|
||||
}
|
||||
|
||||
.workbench-field textarea {
|
||||
min-height: 112px;
|
||||
resize: vertical;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.workbench-field input:focus,
|
||||
.workbench-field select:focus,
|
||||
.workbench-field textarea:focus,
|
||||
.workbench-clear:focus,
|
||||
.workbench-tool-link:focus,
|
||||
.workbench-check input:focus {
|
||||
outline: 3px solid rgba(15, 118, 110, 0.26);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.workbench-evidence-list {
|
||||
display: grid;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.workbench-flow {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(7, minmax(160px, 1fr));
|
||||
gap: 12px;
|
||||
overflow-x: auto;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.workbench-step {
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
min-height: 276px;
|
||||
border: 1px solid rgba(0, 32, 91, 0.14);
|
||||
background: #fff;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.workbench-step__index {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
border-radius: 50%;
|
||||
background: var(--dbn-blue);
|
||||
color: #fff;
|
||||
font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.workbench-step__body {
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
||||
.workbench-step__body p,
|
||||
.workbench-step__body span {
|
||||
margin: 0;
|
||||
color: rgba(22, 19, 15, 0.66);
|
||||
font-size: 0.86rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.workbench-step__body h3 {
|
||||
margin: 6px 0 10px;
|
||||
color: var(--dbn-ink);
|
||||
font-size: 1.08rem;
|
||||
line-height: 1.2;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
.workbench-tool-link {
|
||||
min-height: 38px;
|
||||
font-size: 0.84rem;
|
||||
}
|
||||
|
||||
.workbench-checklist {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.workbench-check {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
min-height: 72px;
|
||||
border: 1px solid rgba(0, 32, 91, 0.14);
|
||||
background: #fff;
|
||||
padding: 14px;
|
||||
color: var(--dbn-ink);
|
||||
font-weight: 800;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.workbench-check input {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: 1px;
|
||||
accent-color: var(--dbn-teal);
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
@media (max-width: 1080px) {
|
||||
.workbench-hero,
|
||||
.workbench-grid,
|
||||
.workbench-checklist {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.workbench-flow {
|
||||
grid-template-columns: repeat(7, minmax(220px, 1fr));
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.workbench-form-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.workbench-section-head {
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
/* Print styles */
|
||||
@media print {
|
||||
.tool-rail, .reasoning-panel, .topbar, .tool-form,
|
||||
|
||||
Reference in New Issue
Block a user