@happyvertical/smrt-ingestion 0.60.16 → 0.60.18

package/dist/smrt-knowledge.json

@@ -3,12 +3,12 @@
   "sensitiveFieldsExcluded": true,
   "generatedAt": "1970-01-01T00:00:00.000Z",
   "packageName": "@happyvertical/smrt-ingestion",
-  "packageVersion": "0.60.16",
+  "packageVersion": "0.60.18",
   "sourceManifestPath": "dist/manifest.json",
   "agentDocPath": "AGENTS.md",
   "sourceHashes": {
-    "manifest": "c641c5b9d8eac57c73898b5fc48da3c0c00de4aab1e7102e6f9830f60c02ad84",
-    "packageJson": "7161996c9a6a646ea816116d56a71fdd11983a8610b63803a04c96b72e710666",
+    "manifest": "ca62631c0415eed45fbfab0ad18cdfdc50b6a948065a87f152573f7451625445",
+    "packageJson": "a395d0d78232c6dfdf1402e5370bf5cdc45dc301493dbe91184fd9c71c2f3d67",
     "agents": "dea14442054ec1de798cba9be1fbdd955f44b0e4672639cbf3db8101d290c1fb",
     "moduleDoc:agents/execution.md": "8a7c3384e90a41eb0c6f89e5bdafddd57db5e93f0c015849c764716b86ced97f",
     "moduleDoc:README.md": "d4dfdb4a4c1af3e1def6cf038e315e5bf66ab8d5942dee12a014527737a69748",

package/dist/svelte/components/ActionReview.svelte

@@ -263,7 +263,7 @@ function choose(field: string, id: string) {
 {#if action.origin === 'reviewer-selected'}<p>{t(M['ingestion.reviewerSelected'])}</p>{/if}
 <p data-testid="review-state">{t(M['ingestion.state'])}: {stateKey ? t(M[stateKey]) : action.review.state}</p>
 {#if action.args !== undefined}
-<h4>{t(M['ingestion.effects'])}</h4>{#if effects.length}<dl class="effects" data-testid="effects">{#each effects as [name, value] (name)}<dt>{name}</dt><dd>{value}</dd>{/each}</dl>{/if}
+<h4>{t(M['ingestion.effects'])}</h4>{#if effects.length}<dl class="smrt-action-review__effects" data-smrt-part="group" data-testid="effects">{#each effects as [name, value] (name)}<dt>{name}</dt><dd>{value}</dd>{/each}</dl>{/if}
 <ArgumentFields bind:value={args} label={t(M['ingestion.args'])} catalog={fields} {candidates} {evidence} readonly={!editable || !!action.plan} {host} {itemId} {deny} />
 {#if editable}
 {#if missing.length}<h4>{t(M['ingestion.missing'])}</h4><ul>{#each missing as name (name)}<li>{name}</li>{/each}</ul>{/if}
@@ -271,7 +271,7 @@ function choose(field: string, id: string) {
 {#if !action.plan && catalog && !drawsFields}<CandidatePicker {host} {itemId} {catalog} {deny} onchoose={choose} />{/if}
 {#if dirty}<p>{t(M['ingestion.reviewAgain'])}</p>{/if}
 {#if invalid}<p role="alert">{t(M['ingestion.invalid'])}</p>{/if}
-<div class="controls">{#if waiting && !resolved}<Button disabled={dirty} onclick={() => decide('approve')}>{t(M['ingestion.approve'])}</Button>{/if}{#if !action.plan && !resolved}<Button disabled={!dirty} onclick={saveEdits}>{t(M['ingestion.correct'])}</Button>{/if}{#if waiting}<Button onclick={() => decide('reject')}>{t(M['ingestion.reject'])}</Button>{#if !resolved}<Button onclick={() => decide('defer')}>{t(M['ingestion.defer'])}</Button>{/if}{/if}</div>
+<div class="smrt-action-review__controls" data-smrt-part="actions">{#if waiting && !resolved}<Button disabled={dirty} onclick={() => decide('approve')}>{t(M['ingestion.approve'])}</Button>{/if}{#if !action.plan && !resolved}<Button disabled={!dirty} onclick={saveEdits}>{t(M['ingestion.correct'])}</Button>{/if}{#if waiting}<Button onclick={() => decide('reject')}>{t(M['ingestion.reject'])}</Button>{#if !resolved}<Button onclick={() => decide('defer')}>{t(M['ingestion.defer'])}</Button>{/if}{/if}</div>
 {/if}
 {#if action.plan?.stepIndex === 0 && action.plan.args && host.editPlan && planEditable && !resolved}
 <Textarea aria-label={t(M['ingestion.planArgs'])} bind:value={planArgs} rows={8} />
@@ -298,7 +298,44 @@ function choose(field: string, id: string) {
 </article>
 <style>
 @layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.structure {
+  article {
+    min-width:0;
+    overflow-wrap:anywhere;
+    padding-block:1rem;
+  }
+  .smrt-action-review__controls {
+    display:flex;
+    flex-wrap:wrap;
+    gap:.5rem;
+    margin-block:.75rem;
+  }
+  pre {
+    white-space:pre-wrap;
+    overflow-wrap:anywhere;
+  }
+  fieldset {
+    margin-block:1rem;
+    min-width:0;
+  }
+  .smrt-action-review__effects {
+    display:grid;
+    grid-template-columns:minmax(0,max-content) minmax(0,1fr);
+    gap:.25rem 1rem;
+    margin-block:.5rem;
+  }
+  .smrt-action-review__effects dd {
+    margin:0;
+  }
+}
+
 @layer smrt.theme {
-article{min-width:0;overflow-wrap:anywhere;border-block-start:var(--smrt-hairline);padding-block:1rem}.controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.75rem}pre{white-space:pre-wrap;overflow-wrap:anywhere}fieldset{margin-block:1rem;min-width:0}.effects{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:.25rem 1rem;margin-block:.5rem}.effects dt{font-weight:600}.effects dd{margin:0}
+  article {
+    border-block-start:var(--smrt-hairline);
+  }
+  .smrt-action-review__effects dt {
+    font-weight:600;
+  }
 }
+
 </style>

package/dist/svelte/components/ArgumentFields.svelte

@@ -134,13 +134,13 @@ function text(input: unknown): string {
 }
 </script>
 {#if fields.length}
-<fieldset class="argument-fields" data-testid="argument-fields" disabled={readonly}>
+<fieldset class="smrt-argument-fields__root" data-testid="argument-fields" disabled={readonly} data-smrt-component="ArgumentFields">
 <legend>{t(M['ingestion.fields'])}</legend>
 {#if !parsed}<p role="status">{t(M['ingestion.fieldsUnavailable'])}</p>{/if}
 {#each fields as field (field.name)}
 {@const current = parsed?.[field.name]}
 {@const name = field.required ? `${field.title} *` : field.title}
-<div class="field" data-field={field.name}>
+<div class="smrt-argument-fields__field" data-smrt-part="field" data-field={field.name}>
 {#if field.kind === 'candidate'}
 {@const options = (found[field.name] ?? []).map((entry) => ({ value: entry.id, label: entry.label }))}
 <Combobox label={name} {options} value={text(current)} valueLabel={candidateLabel(field.model, current) ?? text(current)} filter={false} disabled={readonly || !parsed} busy={!!searching[field.name]} status={searching[field.name] ? t(M['ingestion.searching']) : options.length ? undefined : t(M['ingestion.noMatches'])} onquery={(query) => search(field, query)} onvaluechange={(id) => choose(field, id)} />
@@ -162,7 +162,7 @@ function text(input: unknown): string {
 </div>
 {/each}
 </fieldset>
-<details class="advanced" data-testid="advanced-arguments"><summary>{t(M['ingestion.advanced'])}</summary>
+<details class="smrt-argument-fields__advanced"  data-testid="advanced-arguments" data-smrt-component="ArgumentFields"><summary>{t(M['ingestion.advanced'])}</summary>
 <Textarea aria-label={label} bind:value {readonly} {rows} />
 </details>
 {:else}
@@ -170,7 +170,22 @@ function text(input: unknown): string {
 {/if}
 <style>
 @layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.structure {
+  .smrt-argument-fields__root {
+    display:grid;
+    gap:.75rem;
+    min-width:0;
+    margin-block:.5rem;
+  }
+  .smrt-argument-fields__field {
+    min-width:0;
+  }
+  .smrt-argument-fields__advanced {
+    margin-block:.5rem;
+  }
+}
+
 @layer smrt.theme {
-.argument-fields{display:grid;gap:.75rem;min-width:0;margin-block:.5rem}.field{min-width:0}.advanced{margin-block:.5rem}
 }
+
 </style>

package/dist/svelte/components/EvidenceViewer.svelte

@@ -61,7 +61,7 @@ function turn(id: string, offset: number) {
 <section data-testid="evidence-viewer" aria-label={t(M['ingestion.evidence'])} data-smrt-component="EvidenceViewer">
 <h2>{t(M['ingestion.evidence'])}</h2>
 {#if layout === 'pager' && evidence.length > 1 && position >= 0}
-<div class="pager" data-testid="evidence-pager"><Button disabled={position <= 0} onclick={() => step(-1)}>{t(M['ingestion.previousOriginal'])}</Button><p role="status">{t(M['ingestion.originalOf'], { index: position + 1, count: evidence.length })}</p><Button disabled={position >= evidence.length - 1} onclick={() => step(1)}>{t(M['ingestion.nextOriginal'])}</Button></div>
+<div class="smrt-evidence-viewer__pager" data-smrt-part="nav" data-testid="evidence-pager"><Button disabled={position <= 0} onclick={() => step(-1)}>{t(M['ingestion.previousOriginal'])}</Button><p role="status">{t(M['ingestion.originalOf'], { index: position + 1, count: evidence.length })}</p><Button disabled={position >= evidence.length - 1} onclick={() => step(1)}>{t(M['ingestion.nextOriginal'])}</Button></div>
 {/if}
 {#each shown as view (view.evidence.id)}
 {@const url = evidenceUrl(view.viewUrl)}
@@ -72,7 +72,7 @@ function turn(id: string, offset: number) {
 {#if view.evidence.mediaType.startsWith('image/')}<img src={url} alt={view.label} />
 {:else if view.evidence.mediaType === 'application/pdf'}
 {@const src = pageUrl(url, view.evidence.id)}
-{#if count > 1}{@const current = page[view.evidence.id] ?? 1}<div class="pager" data-testid="page-pager"><Button disabled={current <= 1} onclick={() => turn(view.evidence.id, -1)}>{t(M['ingestion.previousPage'])}</Button><p role="status">{t(M['ingestion.pageOf'], { page: current, count })}</p><Button disabled={current >= count} onclick={() => turn(view.evidence.id, 1)}>{t(M['ingestion.nextPage'])}</Button></div>{/if}
+{#if count > 1}{@const current = page[view.evidence.id] ?? 1}<div class="smrt-evidence-viewer__pager" data-smrt-part="nav" data-testid="page-pager"><Button disabled={current <= 1} onclick={() => turn(view.evidence.id, -1)}>{t(M['ingestion.previousPage'])}</Button><p role="status">{t(M['ingestion.pageOf'], { page: current, count })}</p><Button disabled={current >= count} onclick={() => turn(view.evidence.id, 1)}>{t(M['ingestion.nextPage'])}</Button></div>{/if}
 <!-- A fragment-only change does not reliably move an embedded PDF viewer; a new frame does. -->
 {#key src}<iframe {src} title={view.label}></iframe>{/key}
 {:else if view.evidence.mediaType.startsWith('audio/')}<audio controls src={url} aria-label={view.label}></audio>{/if}
@@ -84,7 +84,45 @@ function turn(id: string, offset: number) {
 </section>
 <style>
 @layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.structure {
+  section,article {
+    min-width:0;
+  }
+  article {
+    margin-block:1rem;
+  }
+  img,iframe,audio {
+    display:block;
+    max-width:100%;
+    width:100%;
+    margin-block:.5rem;
+  }
+  img {
+    object-fit:contain;
+    max-height:32rem;
+  }
+  iframe {
+    height:32rem;
+  }
+  pre {
+    white-space:pre-wrap;
+    overflow-wrap:anywhere;
+  }
+  .smrt-evidence-viewer__pager {
+    display:flex;
+    flex-wrap:wrap;
+    align-items:center;
+    gap:.5rem;
+  }
+  .smrt-evidence-viewer__pager p {
+    margin:0;
+  }
+}
+
 @layer smrt.theme {
-section,article{min-width:0}article{margin-block:1rem}img,iframe,audio{display:block;max-width:100%;width:100%;margin-block:.5rem}img{object-fit:contain;max-height:32rem}iframe{height:32rem;border:var(--smrt-hairline)}pre{white-space:pre-wrap;overflow-wrap:anywhere}.pager{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.pager p{margin:0}
+  iframe {
+    border:var(--smrt-hairline);
+  }
 }
+
 </style>

package/dist/svelte/components/InboxView.svelte

@@ -384,12 +384,12 @@ onMount(() => {
 <section data-testid="intake-inbox" aria-busy={pending}>
 <h1>{t(M['ingestion.inbox'])}</h1>
 <!-- The upload leads the inbox so it is found on an empty one too (#4587). Keep retry Files separately; an unchanged native FileList must not suppress a deliberate reselection. -->
-<div class="upload" data-testid="intake-upload">
+<div class="smrt-inbox-view__upload" data-smrt-part="field" data-testid="intake-upload">
 <FilePicker bind:files {dropzone} onclick={(event) => { event.currentTarget.value = ''; }} onchangefiles={() => { uploadRequestId = undefined; refusal = undefined; }} accept={accept ?? host.uploadAccept} multiple label={t(M['ingestion.files'])} description={dropzone ? `${t(M['ingestion.filesDrop'])} ${t(M['ingestion.filesHelp'])}` : t(M['ingestion.filesHelp'])} disabled={pending} />
 <Button disabled={pending || !files.length} onclick={upload}>{t(M['ingestion.upload'])}</Button>
 {#if refusal}<p role="alert" data-testid="upload-refused">{refusal}</p>{/if}
 </div>
-<div class="toolbar">
+<div class="smrt-inbox-view__toolbar" data-smrt-part="actions">
 <Select aria-label={t(M['ingestion.filter'])} bind:value={selectedState} disabled={pending} onchange={() => load()}><option value="">{t(M['ingestion.all'])}</option>{#each states as value}<option {value}>{t(M[`ingestion.${value}`])}</option>{/each}</Select>
 {#if host.assignees}<Combobox label={t(M['ingestion.assigneeName'])} options={pickerOptions(t(M['ingestion.anyAssignee']))} bind:value={assignee} valueLabel={assigneeLabels[assignee] ?? assignee} filter={false} busy={assigneeSearching} status={assigneeSearching ? t(M['ingestion.searching']) : undefined} onquery={findAssignees} disabled={pending} />{:else}<Input aria-label={t(M['ingestion.assignee'])} bind:value={assignee} disabled={pending} />{/if}
 <Button onclick={() => load()} disabled={pending}>{t(M['ingestion.refresh'])}</Button>
@@ -397,9 +397,9 @@ onMount(() => {
 {#if error}<p role="alert">{t(M['ingestion.error'])}</p>{/if}
 {#if pending}<p role="status">{t(M['ingestion.loading'])}</p>{/if}
 {#if !pending && !error && !items.length}<p>{t(M['ingestion.empty'])}</p>{/if}
-<ul>{#each items as entry (entry.item.id)}<li data-item-id={entry.item.id} aria-current={entry.item.id === selectedId ? 'true' : undefined} class:selected={entry.item.id === selectedId}>
+<ul>{#each items as entry (entry.item.id)}<li data-item-id={entry.item.id} aria-current={entry.item.id === selectedId ? 'true' : undefined} class:smrt-inbox-view__selected={entry.item.id === selectedId} data-smrt-part="item">
 <h2>{entry.label}</h2><p data-testid="row-status">{status?.(entry) ?? t(M[`ingestion.${entry.state}`])}</p>
-{#if rowAside}<div class="row-aside">{@render rowAside(entry)}</div>{:else if entry.evidence}{@const original = evidenceUrl(entry.evidence.viewUrl)}{@const thumbnail = evidenceUrl(entry.evidence.thumbnailUrl)}{#if thumbnail || original}<div class="row-aside">
+{#if rowAside}<div class="smrt-inbox-view__row-aside" data-smrt-part="group">{@render rowAside(entry)}</div>{:else if entry.evidence}{@const original = evidenceUrl(entry.evidence.viewUrl)}{@const thumbnail = evidenceUrl(entry.evidence.thumbnailUrl)}{#if thumbnail || original}<div class="smrt-inbox-view__row-aside" data-smrt-part="group">
 {#if thumbnail}<img src={thumbnail} alt={entry.evidence.label} loading="lazy" />{/if}
 {#if original}<a href={original} target="_blank" rel="noopener noreferrer" aria-label={`${t(M['ingestion.original'])}: ${entry.label}`}>{t(M['ingestion.original'])}</a>{/if}
 </div>{/if}{/if}
@@ -415,7 +415,59 @@ onMount(() => {
 </section>
 <style>
 @layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.structure {
+  section {
+    max-width:72rem;
+    margin-inline:auto;
+    padding:1rem;
+  }
+  .smrt-inbox-view__upload {
+    display:grid;
+    gap:.5rem;
+    justify-items:start;
+    margin-block:1rem;
+  }
+  .smrt-inbox-view__toolbar {
+    display:flex;
+    flex-wrap:wrap;
+    gap:.75rem;
+    margin-block:1rem;
+  }
+  ul {
+    list-style:none;
+    padding:0;
+  }
+  li {
+    padding:1rem;
+    display:grid;
+    gap:.75rem;
+  }
+  .smrt-inbox-view__row-aside {
+    display:flex;
+    flex-wrap:wrap;
+    align-items:center;
+    gap:.75rem;
+  }
+  .smrt-inbox-view__row-aside img {
+    max-block-size:6rem;
+    max-inline-size:100%;
+    object-fit:contain;
+  }
+}
+
 @layer smrt.theme {
-section{max-width:72rem;margin-inline:auto;padding:1rem;color:var(--smrt-color-on-surface)}.upload{display:grid;gap:.5rem;justify-items:start;margin-block:1rem}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}ul{list-style:none;padding:0}li{padding:1rem;border-block-end:var(--smrt-hairline);display:grid;gap:.75rem}li.selected{border-inline-start:.25rem solid var(--smrt-color-primary)}h2{font-size:1.1rem}.row-aside{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.row-aside img{max-block-size:6rem;max-inline-size:100%;object-fit:contain}
+  section {
+    color:var(--smrt-color-on-surface);
+  }
+  li {
+    border-block-end:var(--smrt-hairline);
+  }
+  li.smrt-inbox-view__selected {
+    border-inline-start:.25rem solid var(--smrt-color-primary);
+  }
+  h2 {
+    font-size:1.1rem;
+  }
 }
+
 </style>

package/dist/svelte/components/ReviewView.svelte

@@ -868,7 +868,7 @@ onMount(() => {
 {:else}
 {@const extracted = view.analysis ? extractedContent(view.analysis.result.output) : []}
 <h2>{view.entry.label}</h2><p>{t(M[`ingestion.${view.entry.state}`])}</p>
-<div class="review-grid" class:stacked={layout === 'stacked'}><EvidenceViewer evidence={view.evidence} pages={observedPages(view)} layout={layout === 'stacked' ? 'pager' : 'stack'} bind:chosen={viewerPart} bind:page={viewerPages} /><div class="details">
+<div class="smrt-review-view__grid" data-smrt-part="grid" class:smrt-review-view__stacked={layout === 'stacked'}><EvidenceViewer evidence={view.evidence} pages={observedPages(view)} layout={layout === 'stacked' ? 'pager' : 'stack'} bind:chosen={viewerPart} bind:page={viewerPages} /><div class="smrt-review-view__details" data-smrt-part="body">
 {#if view.instruction}
 {@const applied = view.instruction.applied}{@const current = view.instruction.current}
 {#if inFlight(view) && current}<p role="status" data-testid="reinterpreting">{t(M['ingestion.reinterpreting'])}</p>{/if}
@@ -929,7 +929,7 @@ onMount(() => {
 {/if}
 {:else}
 {#if host.startAction && view.catalog?.some((entry) => entry.kind === 'operation')}
-<fieldset class="start"><legend>{t(M['ingestion.startAs'])}</legend>
+<fieldset class="smrt-review-view__start" data-smrt-part="submit"><legend>{t(M['ingestion.startAs'])}</legend>
 <Select aria-label={t(M['ingestion.startHandler'])} bind:value={startHandler} onchange={draftStart} disabled={pending}><option value="">{t(M['ingestion.startHandler'])}</option>{#each view.catalog as entry (`${entry.id}@${entry.version}`)}{#if entry.kind === 'operation'}<option value={`${entry.id}@${entry.version}`}>{entry.label ?? entry.id}</option>{/if}{/each}</Select>
 {#if startEntry}
 <p>{startEntry.description}</p>
@@ -944,7 +944,7 @@ onMount(() => {
 </fieldset>
 {/if}
 {#if host.resolve}
-<fieldset class="resolve"><legend>{t(M['ingestion.resolveNoAction'])}</legend>
+<fieldset class="smrt-review-view__resolve" data-smrt-part="confirm"><legend>{t(M['ingestion.resolveNoAction'])}</legend>
 <Input aria-label={t(M['ingestion.resolveReason'])} bind:value={resolveReason} disabled={pending} />
 <Button disabled={pending} onclick={resolve}>{t(M['ingestion.resolveNoAction'])}</Button>
 </fieldset>
@@ -960,7 +960,62 @@ onMount(() => {
 </section>
 <style>
 @layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.structure {
+  section {
+    overflow-wrap:anywhere;
+    max-width:90rem;
+    margin-inline:auto;
+    padding:1rem;
+  }
+  header {
+    display:flex;
+    align-items:center;
+    justify-content:space-between;
+    gap:1rem;
+  }
+  .smrt-review-view__grid {
+    display:grid;
+    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
+    gap:1.5rem;
+  }
+  .smrt-review-view__grid.smrt-review-view__stacked {
+    grid-template-columns:minmax(0,1fr);
+  }
+  .smrt-review-view__details,article {
+    min-width:0;
+  }
+  pre {
+    white-space:pre-wrap;
+    overflow-wrap:anywhere;
+    max-height:24rem;
+    overflow:auto;
+  }
+  article {
+    padding-block:1rem;
+  }
+  fieldset {
+    margin-block:1rem;
+    min-width:0;
+    display:grid;
+    gap:.5rem;
+  }
+  @media(max-width:48rem) {
+    .smrt-review-view__grid {
+      grid-template-columns:minmax(0,1fr);
+    }
+    header {
+      flex-wrap:wrap;
+    }
+  }
+}
+
 @layer smrt.theme {
-section{overflow-wrap:anywhere;max-width:90rem;margin-inline:auto;padding:1rem;color:var(--smrt-color-on-surface)}header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}.review-grid.stacked{grid-template-columns:minmax(0,1fr)}.details,article{min-width:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:24rem;overflow:auto}article{padding-block:1rem;border-block-end:var(--smrt-hairline)}fieldset{margin-block:1rem;min-width:0;display:grid;gap:.5rem}@media(max-width:48rem){.review-grid{grid-template-columns:minmax(0,1fr)}header{flex-wrap:wrap}}
+  section {
+    color:var(--smrt-color-on-surface);
+  }
+  article {
+    border-block-end:var(--smrt-hairline);
+  }
 }
+
 </style>

package/dist/svelte/components/TriageView.svelte

@@ -684,21 +684,21 @@ function keydown(event: KeyboardEvent) {
 }
 </script>
 <svelte:window onkeydown={keydown} />
-<div class="workspace" bind:this={root} data-testid="intake-workspace">
-<div class="list-pane">
+<div class="smrt-triage-view__workspace"  bind:this={root} data-testid="intake-workspace" data-smrt-component="TriageView">
+<div class="smrt-triage-view__list" data-smrt-part="list">
 <InboxView bind:this={inbox} {host} {rowAside} {accept} {dropzone} {listPollMs} selectedId={selected} onselect={(id) => request(id)} onitems={listed} onreadstart={readStarted} {stamp} status={rowStatus} resolveInRow={false} />
 </div>
-<section class="item-pane" bind:this={pane} tabindex="-1" aria-label={label ?? t(M['ingestion.selectedItem'])} data-testid="workspace-item" onfocusin={noteField}>
-<div class="queue-nav" role="group" aria-label={t(M['ingestion.workspace'])}>
+<section class="smrt-triage-view__item" data-smrt-part="panel" bind:this={pane} tabindex="-1" aria-label={label ?? t(M['ingestion.selectedItem'])} data-testid="workspace-item" onfocusin={noteField}>
+<div class="smrt-triage-view__queue-nav" data-smrt-part="actions" role="group" aria-label={t(M['ingestion.workspace'])}>
 <Button disabled={position === 0 || !rows.length} aria-keyshortcuts="K Alt+ArrowUp" onclick={() => move(-1)}>{t(M['ingestion.previousItem'])}</Button>
 {#if position >= 0}<p data-testid="queue-position">{t(M['ingestion.itemOf'], { index: position + 1, count: rows.length })}</p>{/if}
 <Button disabled={(position >= rows.length - 1 && !more) || !rows.length} aria-keyshortcuts="J Alt+ArrowDown" onclick={() => move(1)}>{t(M['ingestion.nextItem'])}</Button>
 </div>
-<p class="hint">{t(M['ingestion.keyboardHelp'])}</p>
+<p class="smrt-triage-view__hint" data-smrt-part="description">{t(M['ingestion.keyboardHelp'])}</p>
 <p role="status" data-testid="background-update">{announcement}</p>
 <!-- One persistent live region whose text changes, so the notes are announced reliably. -->
-<p role="status" class="pane-note" data-testid="pane-note">{#if held}<span data-testid="advance-held">{t(M[held === 'unsent' ? 'ingestion.finishedUnsent' : held === 'failed' ? 'ingestion.advanceFailed' : 'ingestion.advanceRetry'])}</span>{:else if done && !selected}<span data-testid="queue-done">{t(M['ingestion.queueDone'])}</span>{/if}</p>
-{#if leaving}<div class="leave" role="group" aria-labelledby="unsaved-leave-note" bind:this={stay} data-testid="unsaved-leave"><p id="unsaved-leave-note">{t(M['ingestion.unsavedLeave'])}</p><Button data-stay onclick={keepEditing}>{t(M['ingestion.stay'])}</Button><Button onclick={discardAndLeave}>{t(M['ingestion.discardLeave'])}</Button></div>{/if}
+<p role="status" class="smrt-triage-view__note" data-smrt-part="message" data-testid="pane-note">{#if held}<span data-testid="advance-held">{t(M[held === 'unsent' ? 'ingestion.finishedUnsent' : held === 'failed' ? 'ingestion.advanceFailed' : 'ingestion.advanceRetry'])}</span>{:else if done && !selected}<span data-testid="queue-done">{t(M['ingestion.queueDone'])}</span>{/if}</p>
+{#if leaving}<div class="smrt-triage-view__leave" data-smrt-part="panel" role="group" aria-labelledby="unsaved-leave-note" bind:this={stay} data-testid="unsaved-leave"><p id="unsaved-leave-note">{t(M['ingestion.unsavedLeave'])}</p><Button data-stay onclick={keepEditing}>{t(M['ingestion.stay'])}</Button><Button onclick={discardAndLeave}>{t(M['ingestion.discardLeave'])}</Button></div>{/if}
 {#if selected}
 {#key selected}<ReviewView {host} itemId={selected} {pollMs} layout="stacked" {stamp} onview={paneChanged} ondirty={(dirty: boolean) => { paneDirty = dirty; }} onoutcome={outcome} />{/key}
 {:else if !done}<p>{t(M['ingestion.selectItem'])}</p>{/if}
@@ -706,7 +706,70 @@ function keydown(event: KeyboardEvent) {
 </div>
 <style>
 @layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.structure {
+  .smrt-triage-view__workspace {
+    display:grid;
+    grid-template-columns:minmax(0,1fr);
+    gap:1rem;
+  }
+  .smrt-triage-view__list,.smrt-triage-view__item {
+    min-width:0;
+  }
+  .smrt-triage-view__queue-nav {
+    display:flex;
+    flex-wrap:wrap;
+    align-items:center;
+    gap:.5rem;
+    padding-inline:1rem;
+  }
+  .smrt-triage-view__queue-nav p,.smrt-triage-view__hint {
+    margin:0;
+  }
+  .smrt-triage-view__leave {
+    display:flex;
+    flex-wrap:wrap;
+    align-items:center;
+    gap:.5rem;
+    padding:.75rem 1rem;
+  }
+  .smrt-triage-view__leave p {
+    margin:0;
+    flex-basis:100%;
+  }
+  .smrt-triage-view__hint {
+    padding-inline:1rem;
+  }
+  [data-testid='background-update'],.smrt-triage-view__note {
+    padding-inline:1rem;
+    margin:0;
+  }
+  @media(min-width:64rem) {
+    .smrt-triage-view__workspace {
+      grid-template-columns:minmax(18rem,26rem) minmax(0,1fr);
+    }
+    .smrt-triage-view__list {
+      position:sticky;
+      inset-block-start:0;
+      align-self:start;
+      max-block-size:100vh;
+      overflow:auto;
+    }
+  }
+}
+
 @layer smrt.theme {
-.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;color:var(--smrt-color-on-surface)}.list-pane,.item-pane{min-width:0}.item-pane{outline-offset:.25rem}.queue-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-inline:1rem}.queue-nav p,.hint{margin:0}.leave{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;border:var(--smrt-hairline)}.leave p{margin:0;flex-basis:100%}.hint{padding-inline:1rem;font-size:.875rem}[data-testid='background-update'],.pane-note{padding-inline:1rem;margin:0}@media(min-width:64rem){.workspace{grid-template-columns:minmax(18rem,26rem) minmax(0,1fr)}.list-pane{position:sticky;inset-block-start:0;align-self:start;max-block-size:100vh;overflow:auto}}
+  .smrt-triage-view__workspace {
+    color:var(--smrt-color-on-surface);
+  }
+  .smrt-triage-view__item {
+    outline-offset:.25rem;
+  }
+  .smrt-triage-view__leave {
+    border:var(--smrt-hairline);
+  }
+  .smrt-triage-view__hint {
+    font-size:.875rem;
+  }
 }
+
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-ingestion",
-  "version": "0.60.16",
+  "version": "0.60.18",
   "description": "Durable tenant-scoped intake and evidence foundations",
   "type": "module",
   "main": "./dist/index.js",
@@ -50,32 +50,32 @@
     }
   },
   "dependencies": {
-    "@happyvertical/smrt-core": "0.60.16",
-    "@happyvertical/smrt-types": "0.60.16",
-    "@happyvertical/smrt-tenancy": "0.60.16",
-    "@happyvertical/smrt-assets": "0.60.16",
-    "@happyvertical/smrt-jobs": "0.60.16",
-    "@happyvertical/sql": "^0.111.8",
+    "@happyvertical/smrt-core": "0.60.18",
+    "@happyvertical/smrt-types": "0.60.18",
+    "@happyvertical/smrt-tenancy": "0.60.18",
+    "@happyvertical/smrt-assets": "0.60.18",
+    "@happyvertical/smrt-jobs": "0.60.18",
+    "@happyvertical/sql": "^0.112.2",
     "@happyvertical/pdf": "^0.65.9",
     "@happyvertical/ocr": "^0.62.1",
-    "@happyvertical/speech": "^0.111.8",
-    "@happyvertical/ai": "^0.111.8",
+    "@happyvertical/speech": "^0.112.2",
+    "@happyvertical/ai": "^0.112.2",
     "sharp": "^0.35.5",
-    "@happyvertical/smrt-agents": "0.60.16",
-    "@happyvertical/smrt-playbooks": "0.60.16",
+    "@happyvertical/smrt-agents": "0.60.18",
+    "@happyvertical/smrt-playbooks": "0.60.18",
     "ajv": "8.20.0",
-    "@happyvertical/smrt-ui": "0.60.16"
+    "@happyvertical/smrt-ui": "0.60.18"
   },
   "devDependencies": {
-    "@happyvertical/smrt-vitest": "0.60.16",
+    "@happyvertical/smrt-vitest": "0.60.18",
     "@types/node": "24.13.6",
     "typescript": "6.0.3",
     "vite": "8.1.6",
     "vitest": "4.1.10",
-    "@happyvertical/smrt-content": "0.60.16",
-    "@happyvertical/smrt-messages": "0.60.16",
-    "@happyvertical/email": "^0.111.8",
-    "@happyvertical/smrt-users": "0.60.16",
+    "@happyvertical/smrt-content": "0.60.18",
+    "@happyvertical/smrt-messages": "0.60.18",
+    "@happyvertical/email": "^0.112.2",
+    "@happyvertical/smrt-users": "0.60.18",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "svelte": "^5.57.1",