diff --git a/docs/design/artboards/d215/README.md b/docs/design/artboards/d215/README.md
index 1f11e902f..7279963ca 100644
--- a/docs/design/artboards/d215/README.md
+++ b/docs/design/artboards/d215/README.md
@@ -6,23 +6,22 @@ The spec for D215 (artboard v2). Open `index.html` in a browser. The toggle at t
 - A second block under agent settings draws the states of that page (policy and machine, identity edit, connector grants, runtime with the model and effort selects, own API key) at 1440 and 390. The runtime and key frames follow V2RuntimeControls and V2AgentProviderKey, including the stored-model refusal and the key-save error. Those frames carry `data-state`, so `measure_after.js` skips them and `targets.json` does not move.
 - Two state-only surfaces: `task-record` (the task record page, loaded and not-available, under the reply trace) and `handoff` (the OAuth and Discord return pages, `data-state` working, done, error, on the auth card). Every frame carries `data-state`, so the scorer skips them and `targets.json` does not move.
 - A block under Settings draws the free-plan Plan row and the administrator-only Administration group (`data-state="admin-free"`, 1440 and 390, also skipped by the scorer).
-- Under Activity and under Artifacts, a block redraws each page in the picked language (`#s-activity-signal`, `#s-artifacts-signal`): busy and day zero at 1440 and 390, built only from the seven picked surfaces' blocks. Activity's build scores its four frames (no `data-state`) and retired the traced `#s-activity` section. Artifacts' frames still carry `data-state="signal"`, so the scorer skips them until its build lands.
+- Under Activity and under Artifacts, a block redraws each page in the picked language (`#s-activity-signal`, `#s-artifacts-signal`): busy and day zero at 1440 and 390, built only from the seven picked surfaces' blocks. Sam approved both on 11-03. Each page's build dropped the `data-state`, so the eight frames (`activity-busy`, `activity-dayzero`, `artifacts-busy`, `artifacts-dayzero`) are the scored ones, and retired the traced `#s-activity` and `#s-artifacts` sections and their CSS.
 - The theme switch (sun / moon, D224) sits in the rail above the avatar at 1440. At 390 there is no rail, so the same switch rides the Pods top bar, left of Search. It is a two-item segment: the item for the theme in effect is the white key.
 - `before/` holds prod captures from 2026-10-31, blurred so they show layout and density only.
 - `targets.json` holds the helper-word and scroll targets per frame. `cap/measure_after.js` writes it from `index.html`.
 - `cap/` holds the measuring scripts. See the header of `measure_after.js` for its env.
-- Every frame without `data-state` must be listed in `measure_after.js`, either in `SURFACES` (scored) or in `SKIPPED` (not scored, with a reason). Activity, Artifacts and the two trace "before" frames are skipped. `node --test cap/measure_after.test.js` fails on any frame that is in neither list.
+- Every frame without `data-state` must be listed in `measure_after.js`, either in `SURFACES` (scored) or in `SKIPPED` (not scored, with a reason). The two trace "before" frames, `run-trace-before` and `chat-trace-before`, draw the old pages and are skipped: they are never a target. On prod, `activity-busy` is measured at `/v2/activity` and `artifacts-busy` at `/v2/artifacts`; the two day-zero frames need an account with nothing in it, so they are artboard-only. The Artifacts prod check refuses the error line, the spinner and any list shorter than the frame's six rows. It then measures the first six rows, because prod returns up to 50 and the frame draws six. `node --test cap/measure_after.test.js` fails on any frame that is in neither list.
 
 ## Where each frame came from
 
-Passing the prod check means a page matches its frame. It means the page matches the style Sam picked only when the frame came from his pick. Every frame is in one of four groups. A group's frames are scored only where the table says so, and prod scores are reported per group, never as one total.
+Passing the prod check means a page matches its frame. It means the page matches the style Sam picked only when the frame came from his pick. Every frame is in one of three groups. A group's frames are scored only where the table says so, and prod scores are reported per group, never as one total.
 
 | Group | Frames | Source |
 |---|---|---|
 | **From Sam's pick** | sidebar, chat, board, agent-memory, agent-settings, settings, connectors | The seven surfaces picked on 10-31 (#3059). Later edits: the theme switch (#3175) and the open thread (#3178). #3288 (the 390 agent-settings and settings frames, brought up to the shipped pages) and #3289 (memory notes drawn as the API holds them) moved those frames toward the live page, so read them with that in mind. |
 | **Drawn after the pick** | dm, byo, byo-handoff, connect, team, firstrun-\*, signin, signup, signup-sent, verify-email, forgot-password, reset-password, cli-authorize, invite, invite-required, profile, agent-profile, run-trace-after, chat-trace, chat-agents-away, and the agent-settings and settings state blocks | New drawings in the picked language, from 11-01 on. Sam has not reviewed them as a set. |
-| **Approved by Sam, 11-03** | activity-busy, activity-dayzero (`#s-activity-signal`, scored since the Activity build); artifacts-\* with `data-state="signal"`; task-record-\*; handoff-\* | Sam saw each one live-beside-proposed and answered "Build as drawn" for all four pages. Activity and Artifacts are built only from the picked surfaces' blocks. The scorer still skips these frames (they carry `data-state`). Each page's build PR makes its approved frame the scored one and retires the frame it replaces. |
-| **Drawn from live, being retired** | artifacts-\* without `data-state` | Traced from the live page with small fixes (#3318). The scorer skips them (`SKIPPED` in `cap/measure_after.js`); scoring a page against them would only show it has not drifted from itself. The Artifacts build PR removes them; the Activity build removed its traced frames. The two before frames, `run-trace-before` and `chat-trace-before`, draw the old pages and are never a target. |
+| **Approved by Sam, 11-03** | activity-busy, activity-dayzero (`#s-activity-signal`); artifacts-busy, artifacts-dayzero (`#s-artifacts-signal`); task-record-\*; handoff-\* | Sam saw each one live-beside-proposed and answered "Build as drawn" for all four pages. Activity and Artifacts are built only from the picked surfaces' blocks, and both are scored since their builds. Task record and handoff still carry `data-state`, so the scorer skips them. |
 
 ## Rules for D215 PRs
 
diff --git a/docs/design/artboards/d215/cap/measure_after.js b/docs/design/artboards/d215/cap/measure_after.js
index 85d4f75e7..3cbea9ee3 100644
--- a/docs/design/artboards/d215/cap/measure_after.js
+++ b/docs/design/artboards/d215/cap/measure_after.js
@@ -29,15 +29,12 @@ const SURFACES = [
   'settings', 'agent-settings', 'agent-memory', 'board', 'connectors', 'chat', 'sidebar', 'byo', 'byo-handoff',
   'firstrun-welcome', 'firstrun-waiting', 'firstrun-connected', 'firstrun-error', 'connect', 'team',
   'chat-agents-away', 'chat-trace', 'run-trace-after', 'profile', 'firstrun-welcome-nohost',
-  // Activity: the frames Sam approved 11-03 ("Build as drawn"), built in V2ActivityPage.
-  'activity-busy', 'activity-dayzero',
+  // Activity and Artifacts: the frames Sam approved 11-03 ("Build as drawn"), built in
+  // V2ActivityPage and V2ArtifactsPage.
+  'activity-busy', 'activity-dayzero', 'artifacts-busy', 'artifacts-dayzero',
 ];
 // Base frames (no data-state) that are drawn but deliberately not scored. Each needs a reason.
 const SKIPPED = {
-  // Artifacts is being redesigned in another session; targets taken now would pin frames that
-  // are about to change. Score them once that redesign lands.
-  'artifacts-busy': 'redesign in progress elsewhere',
-  'artifacts-dayzero': 'redesign in progress elsewhere',
   // Drawings of the old page beside their "after" frames (390 only). They are what the fix moves
   // away from, so they are never a target.
   'chat-trace-before': 'before shot, not a target',
@@ -47,8 +44,9 @@ const SKIPPED = {
 // a real key. The first-run dialog is a latch-gated overlay, and the Scout welcome only exists in a
 // brand-new pod. chat-agents-away and chat-trace need a pod in that exact state, run-trace-after a
 // run id and profile a person id, none of which prod() takes yet, so they are artboard-only for now.
-// activity-dayzero needs an account with no asks and no agents, so only the busy page is checked.
-const PROD_SURFACES = ['settings', 'agent-settings', 'agent-memory', 'board', 'connectors', 'chat', 'sidebar', 'byo', 'connect', 'team', 'activity-busy'];
+// activity-dayzero needs an account with no asks and no agents, and artifacts-dayzero one with no
+// shared file, so only the two busy pages are checked on prod.
+const PROD_SURFACES = ['settings', 'agent-settings', 'agent-memory', 'board', 'connectors', 'chat', 'sidebar', 'byo', 'connect', 'team', 'activity-busy', 'artifacts-busy'];
 const VIEWPORTS = ['1440', '390'];
 const EXPECTED = SURFACES.flatMap(s => VIEWPORTS.map(v => `${s}-${v}`));
 
@@ -192,6 +190,16 @@ async function checkSurface(p, [name, route, opt = {}], vp, targets) {
     if (!(await p.locator(opt.list390.list).first().isVisible())) throw new Error(`${name}-${vp}: pods list ${opt.list390.list} is not visible`);
   }
   assertLanded(url, p.url());
+  if (opt.busy) {
+    const B = opt.busy;
+    if (await p.locator(B.refuse).first().isVisible()) throw new Error(`${name}-${vp}: the list did not load (${B.refuse} on screen in place of rows)`);
+    const n = await p.locator(B.rows).count();
+    if (n < B.keep) throw new Error(`${name}-${vp}: ${n} ${B.rows} rows on the page; the busy frame draws ${B.keep}, so this is not the busy state`);
+    await p.evaluate(([rows, group, keep]) => {
+      document.querySelectorAll(rows).forEach((el, i) => { if (i >= keep) el.remove(); });
+      document.querySelectorAll(group).forEach(g => { if (!g.querySelector(rows)) g.remove(); });
+    }, [B.rows, B.group, B.keep]);
+  }
   const m = await p.evaluate(METRICS);
   const key = `${name}-${vp}`, t = targets[key];
   return { key, m, t, ok: m.helperWords <= t.helperWords && m.innerRatio <= t.innerRatio };
@@ -206,6 +214,17 @@ const SIDEBAR_390 = {
   failed: '.v2-shell--list .v2-pods__empty:not(.v2-pods__list .v2-pods__empty)',
 };
 
+// Artifacts' busy frame draws six file rows; prod returns a page of up to 50. The scorer refuses
+// the error line and the spinner, refuses a list shorter than the frame (an empty account or the
+// day-zero page), and then measures the first six rows only, the way chat's scroll target is
+// measured with its fold applied. Groups left with no rows go too.
+const ARTIFACTS_BUSY = {
+  rows: '.v2a-file',
+  group: '.v2a-group',
+  refuse: '.v2a-state, .v2a-loading',
+  keep: 6,
+};
+
 async function prod(only) {
   const { open } = require('./lib');
   const pod = process.env.D215_POD, agent = process.env.D215_AGENT;
@@ -222,6 +241,7 @@ async function prod(only) {
     ['connect', () => '/v2/connect'],
     ['team', () => '/v2/agents'],
     ['activity-busy', () => '/v2/activity'],
+    ['artifacts-busy', () => '/v2/artifacts', { busy: ARTIFACTS_BUSY }],
     ['chat', () => `/v2/pods/${pod}`],
     ['sidebar', vp => (vp === '1440' ? `/v2/pods/${side}` : '/v2'), { list390: SIDEBAR_390 }],
   ];
@@ -241,7 +261,7 @@ async function prod(only) {
   process.exit(miss ? 1 : 0);
 }
 
-module.exports = { parseArgs, validateTargets, unknownFrameError, keyFrames, checkSurface, EXPECTED, SURFACES, SKIPPED, PROD_SURFACES, SIDEBAR_390 };
+module.exports = { ARTIFACTS_BUSY, parseArgs, validateTargets, unknownFrameError, keyFrames, checkSurface, EXPECTED, SURFACES, SKIPPED, PROD_SURFACES, SIDEBAR_390 };
 
 if (require.main === module) {
   let args;
diff --git a/docs/design/artboards/d215/cap/measure_after.test.js b/docs/design/artboards/d215/cap/measure_after.test.js
index 8090d4229..d61219d50 100644
--- a/docs/design/artboards/d215/cap/measure_after.test.js
+++ b/docs/design/artboards/d215/cap/measure_after.test.js
@@ -3,7 +3,7 @@ const test = require('node:test');
 const assert = require('node:assert');
 const fs = require('fs');
 const path = require('path');
-const { parseArgs, validateTargets, unknownFrameError, keyFrames, checkSurface, EXPECTED, SURFACES, SKIPPED, PROD_SURFACES, SIDEBAR_390 } = require('./measure_after');
+const { ARTIFACTS_BUSY, parseArgs, validateTargets, unknownFrameError, keyFrames, checkSurface, EXPECTED, SURFACES, SKIPPED, PROD_SURFACES, SIDEBAR_390 } = require('./measure_after');
 const { assertLanded, BASE } = require('./lib');
 
 const argv = (...a) => ['node', 'measure_after.js', ...a];
@@ -29,7 +29,7 @@ test('--only with an unknown surface throws', () => {
 
 test('the committed targets.json passes its own validation', () => {
   const t = JSON.parse(fs.readFileSync(path.join(__dirname, '..', 'targets.json'), 'utf8'));
-  assert.strictEqual(Object.keys(t).length, 44);
+  assert.strictEqual(Object.keys(t).length, 48);
   validateTargets(t);
 });
 
@@ -39,7 +39,7 @@ test('an empty or partial measurement is refused', () => {
   const partial = { ...t }; delete partial['board-390'];
   assert.throws(() => validateTargets(partial), /missing board-390/);
   assert.throws(() => validateTargets({ ...t, 'chat-1440': { helperWords: NaN, innerRatio: 2 } }), /invalid chat-1440/);
-  assert.strictEqual(EXPECTED.length, 44);
+  assert.strictEqual(EXPECTED.length, 48);
 });
 
 test('a frame the scorer does not know is named, with the way to fix it', () => {
@@ -193,3 +193,42 @@ test('only the /v2 pod auto-select counts as landing', () => {
   assert.throws(() => assertLanded('/v2/agents/a/default', BASE + '/v2'), /redirected to \/v2$/);
   assert.throws(() => assertLanded('/v2/settings', BASE + '/v2/pods/abc123'), /redirected/);
 });
+
+// The Artifacts page on its route, with `rows` file rows and optionally the error line or the
+// spinner on screen. `trimmed` records the trim the scorer asked for before measuring.
+const fakeArtifacts = ({ rows, refused = false }) => {
+  let url = 'about:blank';
+  const page = {
+    trimmed: null,
+    measured: 0,
+    goto: async () => { url = BASE + '/v2/artifacts'; return { ok: () => true, status: () => 200 }; },
+    waitForTimeout: async () => {},
+    url: () => url,
+    locator: sel => {
+      if (sel === ARTIFACTS_BUSY.refuse) return { first: () => ({ isVisible: async () => refused }) };
+      if (sel === ARTIFACTS_BUSY.rows) return { count: async () => rows };
+      throw new Error(`unexpected locator ${sel}`);
+    },
+    evaluate: async (fn, arg) => {
+      if (arg) { page.trimmed = arg; return undefined; }
+      page.measured++;
+      return { helperWords: 0, innerRatio: 1 };
+    },
+  };
+  return page;
+};
+
+test('artifacts-busy scores only a loaded list as long as the frame, measured at the frame\'s six rows', async () => {
+  const t = JSON.parse(fs.readFileSync(path.join(__dirname, '..', 'targets.json'), 'utf8'));
+  const surf = ['artifacts-busy', () => '/v2/artifacts', { busy: ARTIFACTS_BUSY }];
+  const failed = fakeArtifacts({ rows: 0, refused: true });
+  await assert.rejects(checkSurface(failed, surf, '1440', t), /did not load/);
+  assert.strictEqual(failed.measured, 0);
+  const short = fakeArtifacts({ rows: 2 });
+  await assert.rejects(checkSurface(short, surf, '390', t), /2 \.v2a-file rows .* not the busy state/);
+  assert.strictEqual(short.measured, 0);
+  const busy = fakeArtifacts({ rows: 50 });
+  assert.strictEqual((await checkSurface(busy, surf, '1440', t)).ok, true);
+  assert.deepStrictEqual(busy.trimmed, ['.v2a-file', '.v2a-group', 6]);
+  assert.strictEqual(busy.measured, 1);
+});
diff --git a/docs/design/artboards/d215/index.html b/docs/design/artboards/d215/index.html
index 3c9a2fc54..aad205ba4 100644
--- a/docs/design/artboards/d215/index.html
+++ b/docs/design/artboards/d215/index.html
@@ -871,56 +871,6 @@
 .app.m .v2-activity .v2-activity__moved-line { grid-template-columns: minmax(0, 1fr) auto; }
 .app.m .v2-activity .v2-activity__moved-line span { grid-column: 1 / -1; grid-row: 2; }
 /* activity:end */
-/* artifacts: the live v2-artifacts__* names (V2ArtifactsPage) and V2PageHead's v2-page-head__*,
-   redrawn in the connectors family. Scoped to .v2-artifacts, the page's root. New names: __zero, __open. */
-.v2-artifacts { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
-.v2-artifacts button { all: unset; box-sizing: border-box; cursor: pointer; }
-.v2-artifacts .info, .v2-artifacts__head .info { all: unset; cursor: help; position: relative; display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; color: var(--ph); }
-.v2-artifacts .v2-page-head__identity { display: flex; align-items: center; gap: 10px; min-width: 0; }
-.v2-artifacts .v2-artifacts__title { margin: 0; font: 800 30px/1.05 var(--f-display); letter-spacing: -0.03em; color: var(--ink); }
-.v2-artifacts .v2-page-head__meta, .v2-artifacts__head .v2-page-head__meta { font: 500 12px/16px var(--f-mono); color: var(--mu); white-space: nowrap; }
-.v2-artifacts .v2-artifacts__controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
-.v2-artifacts .v2-artifacts__seg { display: flex; gap: 2px; padding: 3px; border-radius: 9px; background: var(--sf); box-shadow: inset 0 0 0 1px var(--d); min-width: 0; }
-.v2-artifacts .v2-artifacts__seg-button { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border-radius: 7px; font: 600 11.5px/1 var(--f-mono); color: var(--se); white-space: nowrap; }
-.v2-artifacts .v2-artifacts__seg-button--active { background: var(--t); color: var(--ink); }
-.v2-artifacts .v2-artifacts__search { display: flex; align-items: center; gap: 8px; min-width: 220px; height: 36px; margin-left: auto; padding: 0 10px; border-radius: 9px; box-shadow: inset 0 0 0 1px var(--d); background: var(--sf); }
-.v2-artifacts .v2-artifacts__search-input { flex: 1; font-size: 13px; color: var(--ph); }
-.v2-artifacts .v2-artifacts__search-key { font: 500 11px/16px var(--f-mono); color: var(--mu); }
-.v2-artifacts .v2-artifacts__table-wrap { border-radius: 10px; box-shadow: inset 0 0 0 1px var(--d); background: var(--sf); overflow: hidden; }
-.v2-artifacts .v2-artifacts__table { width: 100%; border-collapse: collapse; font-size: 13px; line-height: 18px; color: var(--ink); }
-.v2-artifacts .v2-artifacts__table th { padding: 8px 12px; border-bottom: 1px solid var(--d); font: 500 11px/16px var(--f-mono); color: var(--mu); text-align: left; text-transform: lowercase; white-space: nowrap; }
-.v2-artifacts .v2-artifacts__table td { padding: 9px 12px; border-bottom: 1px solid var(--d); vertical-align: middle; }
-.v2-artifacts .v2-artifacts__table tr:last-child td { border-bottom: 0; }
-.v2-artifacts .v2-artifacts__file { display: flex; align-items: center; gap: 10px; min-width: 0; }
-.v2-artifacts .v2-artifacts__ext { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 20px; padding: 0 5px; border-radius: 5px; box-shadow: inset 0 0 0 1px var(--d); font: 500 11px/14px var(--f-mono); color: var(--se); }
-.v2-artifacts .v2-artifacts__name { font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
-.v2-artifacts .v2-artifacts__pod-line { display: none; font: 500 11px/16px var(--f-mono); color: var(--se); }
-.v2-artifacts .v2-artifacts__mono { font: 500 11px/16px var(--f-mono); color: var(--se); white-space: nowrap; }
-.v2-artifacts .v2-artifacts__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
-.v2-artifacts .v2-artifacts__more { font: 600 12px/16px var(--f-body); color: var(--c-text); }
-.v2-artifacts .v2-artifacts__zero { width: 100%; max-width: 760px; padding: 14px; border-radius: 10px; background: var(--sf); box-shadow: inset 0 0 0 1px var(--d); }
-.v2-artifacts .v2-artifacts__zero h2 { margin: 0; font: 600 14px/20px var(--f-body); letter-spacing: 0; color: var(--ink); }
-.v2-artifacts .v2-artifacts__zero p { margin: 2px 0 0; font-size: 14px; line-height: 20px; color: var(--se); }
-.v2-artifacts .v2-artifacts__open { display: inline-flex; align-items: center; justify-content: center; height: 32px; margin-top: 12px; padding: 0 13px; border-radius: 9px; font: 600 13px/1 var(--f-body); color: var(--on-fill); background: linear-gradient(180deg, var(--fill-a), var(--fill-b)); box-shadow: inset 0 0 0 1px var(--fill-edge); text-decoration: none; white-space: nowrap; }
-/* 390: head is the top bar; filters stack; the pod folds under the name; the day-zero key is full width, 44px */
-.app.m .mtop.v2-artifacts__head { padding: 0 12px 0 16px; gap: 8px; }
-.app.m .mtop.v2-artifacts__head h1 { font-size: 22px; }
-.app.m .mtop.v2-artifacts__head .v2-page-head__meta { margin-left: auto; font-size: 11.5px; }
-.app.m .v2-artifacts { gap: 12px; }
-.app.m .v2-artifacts .v2-artifacts__controls { flex-direction: column; align-items: stretch; }
-.app.m .v2-artifacts .v2-artifacts__seg-button { flex: 1 1 0; justify-content: center; height: 36px; }
-.app.m .v2-artifacts .v2-artifacts__search { margin-left: 0; min-width: 0; height: 44px; }
-.app.m .v2-artifacts .v2-artifacts__table { table-layout: fixed; }
-.app.m .v2-artifacts .v2-artifacts__table th:nth-child(3), .app.m .v2-artifacts .v2-artifacts__table td:nth-child(3),
-.app.m .v2-artifacts .v2-artifacts__table th:nth-child(4), .app.m .v2-artifacts .v2-artifacts__table td:nth-child(4),
-.app.m .v2-artifacts .v2-artifacts__table th:nth-child(6), .app.m .v2-artifacts .v2-artifacts__table td:nth-child(6) { display: none; }
-.app.m .v2-artifacts .v2-artifacts__table th:nth-child(2), .app.m .v2-artifacts .v2-artifacts__table td:nth-child(2) { width: 64px; }
-.app.m .v2-artifacts .v2-artifacts__table th:nth-child(5), .app.m .v2-artifacts .v2-artifacts__table td:nth-child(5) { width: 52px; }
-.app.m .v2-artifacts .v2-artifacts__file { flex-wrap: wrap; row-gap: 2px; }
-.app.m .v2-artifacts .v2-artifacts__pod-line { display: block; flex: 1 1 100%; }
-.app.m .v2-artifacts .v2-artifacts__name { white-space: normal; overflow-wrap: anywhere; }
-.app.m .v2-artifacts .v2-artifacts__open { display: flex; width: 100%; height: 44px; font-size: 14px; }
-/* artifacts:end */
 /* run trace: the live v2-run-trace__* names (V2RunTrace.tsx), redrawn with the page's own rules.
    Scoped to .v2-run-trace, the page's root. New name: __foot. */
 .v2-run-trace { max-width: 880px; min-width: 0; color: var(--ink); font-size: 14px; line-height: 20px; }
@@ -1282,7 +1232,7 @@ <h1>Same look. <em>Less said.</em></h1>
   <li><svg viewBox="0 0 24 24"><use href="#i-grid"/></svg><b>One screen first</b><span>Repeated blocks become a table; rare settings collapse.</span></li>
 </ol>
 <nav class="toc" aria-label="Surfaces">
-  <a href="#s-sidebar">Sidebar controls</a><a href="#s-chat">Pod chat</a><a href="#s-dm">DM room</a><a href="#s-board">Task board</a><a href="#s-memory">Memory</a><a href="#s-agent">Agent settings</a><a href="#s-settings">Settings</a><a href="#s-connectors">Connectors</a><a href="#s-byo">Bring your own</a><a href="#s-connect">Connect</a><a href="#s-profile">Person profile</a><a href="#s-agent-profile">Agent profile</a><a href="#s-team">Your team</a><a href="#s-activity-signal">Activity</a><a href="#s-artifacts">Artifacts</a><a href="#s-artifacts-signal">Artifacts · Signal</a><a href="#s-run-trace">Reply trace</a><a href="#s-task-record">Task record</a><a href="#s-firstrun">First run</a><a href="#s-signin">Sign in</a><a href="#s-signup">Sign up</a><a href="#s-handoff">Sign-in handoff</a><a href="#s-dark">Dark mode</a>
+  <a href="#s-sidebar">Sidebar controls</a><a href="#s-chat">Pod chat</a><a href="#s-dm">DM room</a><a href="#s-board">Task board</a><a href="#s-memory">Memory</a><a href="#s-agent">Agent settings</a><a href="#s-settings">Settings</a><a href="#s-connectors">Connectors</a><a href="#s-byo">Bring your own</a><a href="#s-connect">Connect</a><a href="#s-profile">Person profile</a><a href="#s-agent-profile">Agent profile</a><a href="#s-team">Your team</a><a href="#s-activity-signal">Activity</a><a href="#s-artifacts-signal">Artifacts</a><a href="#s-run-trace">Reply trace</a><a href="#s-task-record">Task record</a><a href="#s-firstrun">First run</a><a href="#s-signin">Sign in</a><a href="#s-signup">Sign up</a><a href="#s-handoff">Sign-in handoff</a><a href="#s-dark">Dark mode</a>
 </nav>
 
 <section class="surf" id="s-sidebar">
@@ -1764,27 +1714,15 @@ <h3>Every live function, mapped</h3>
 <tr><td>Not drawn</td><td>Loading, error, Get started · checking (the same two rows with bars), no agent yet, the ruled and Other… editors. Each keeps the row shape above.</td></tr>
 </table></div></div>
 </section>
-<section class="surf" id="s-artifacts">
-  <div class="shead"><h2>Artifacts</h2><span class="route">/v2/artifacts</span></div>
-  <div class="row1 row1--even">
-    <figure><figcaption><b>Day zero · 1440</b><span>nothing shared, no filter set</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="artifacts-dayzero" data-vp="1440"><div class="app d"><div class="sh sh--page"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg></div><div class="nav on" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane"><div class="pbody"><div class="v2-artifacts"><header class="v2-page-head v2-artifacts__head"><div class="v2-page-head__identity"><h1 class="v2-artifacts__title">Artifacts</h1><button type="button" class="info" aria-label="About artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-info"/></svg><span class="tip" role="tooltip">every file and page shared in your pods</span></button></div></header><section class="v2-artifacts__zero" aria-labelledby="artifacts-zero-title"><h2 id="artifacts-zero-title">Nothing shared yet</h2><p>Files you and your agents share in a pod land here: docs, images and pages.</p><a class="v2-artifacts__open" href="#">Open My Workspace</a></section></div></div></div></div></div></div></figure>
-    <figure><figcaption><b>Busy · 1440</b><span>14 files across 2 pods</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="artifacts-busy" data-vp="1440"><div class="app d"><div class="sh sh--page"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg></div><div class="nav on" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane"><div class="pbody"><div class="v2-artifacts"><header class="v2-page-head v2-artifacts__head"><div class="v2-page-head__identity"><h1 class="v2-artifacts__title">Artifacts</h1><button type="button" class="info" aria-label="About artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-info"/></svg><span class="tip" role="tooltip">every file and page shared in your pods</span></button><span class="v2-page-head__meta">14</span></div></header><div class="v2-artifacts__controls"><div class="v2-artifacts__seg" role="group" aria-label="Kind"><button type="button" class="v2-artifacts__seg-button v2-artifacts__seg-button--active" aria-pressed="true">All</button><button type="button" class="v2-artifacts__seg-button" aria-pressed="false">Images</button><button type="button" class="v2-artifacts__seg-button" aria-pressed="false">Docs</button><button type="button" class="v2-artifacts__seg-button" aria-pressed="false">Pages</button></div><div class="v2-artifacts__seg" role="group" aria-label="Pod"><button type="button" class="v2-artifacts__seg-button v2-artifacts__seg-button--active" aria-pressed="true">All pods</button><button type="button" class="v2-artifacts__seg-button" aria-pressed="false">Northwind</button><button type="button" class="v2-artifacts__seg-button" aria-pressed="false">Field notes</button><button type="button" class="v2-artifacts__seg-button" aria-expanded="false">more ▾</button></div><label class="v2-artifacts__search"><span class="v2-artifacts__search-input">Search files</span><span class="v2-artifacts__search-key" aria-hidden="true">⌘K</span></label></div><div class="v2-artifacts__table-wrap"><table class="v2-artifacts__table"><thead><tr><th scope="col">File</th><th scope="col">Kind</th><th scope="col">Pod</th><th scope="col">Shared by</th><th scope="col">When</th><th scope="col">Size</th></tr></thead><tbody><tr class="v2-artifacts__row"><td><div class="v2-artifacts__file"><span class="v2-artifacts__ext" aria-hidden="true">PDF</span><button type="button" class="v2-artifacts__name">pricing-v3-final.pdf</button><span class="v2-artifacts__pod-line">Northwind</span></div></td><td class="v2-artifacts__mono">doc</td><td>Northwind</td><td>Fern</td><td class="v2-artifacts__mono">12m</td><td class="v2-artifacts__mono">2.1 MB</td></tr><tr class="v2-artifacts__row"><td><div class="v2-artifacts__file"><span class="v2-artifacts__ext" aria-hidden="true">PNG</span><button type="button" class="v2-artifacts__name">onboarding-flow-1440.png</button><span class="v2-artifacts__pod-line">Northwind</span></div></td><td class="v2-artifacts__mono">image</td><td>Northwind</td><td>Juno Park</td><td class="v2-artifacts__mono">1h</td><td class="v2-artifacts__mono">412 KB</td></tr><tr class="v2-artifacts__row"><td><div class="v2-artifacts__file"><span class="v2-artifacts__ext" aria-hidden="true">HTML</span><button type="button" class="v2-artifacts__name">launch-checklist.html</button><span class="v2-artifacts__pod-line">Field notes</span></div></td><td class="v2-artifacts__mono">page</td><td>Field notes</td><td>Scout</td><td class="v2-artifacts__mono">3h</td><td class="v2-artifacts__mono">—</td></tr><tr class="v2-artifacts__row"><td><div class="v2-artifacts__file"><span class="v2-artifacts__ext" aria-hidden="true">MD</span><button type="button" class="v2-artifacts__name">interview-synthesis.md</button><span class="v2-artifacts__pod-line">Field notes</span></div></td><td class="v2-artifacts__mono">doc</td><td>Field notes</td><td>Fern</td><td class="v2-artifacts__mono">1d</td><td class="v2-artifacts__mono">18 KB</td></tr><tr class="v2-artifacts__row"><td><div class="v2-artifacts__file"><span class="v2-artifacts__ext" aria-hidden="true">XLSX</span><button type="button" class="v2-artifacts__name">q4-pipeline.xlsx</button><span class="v2-artifacts__pod-line">Northwind</span></div></td><td class="v2-artifacts__mono">doc</td><td>Northwind</td><td>Alex Chen</td><td class="v2-artifacts__mono">2d</td><td class="v2-artifacts__mono">96 KB</td></tr><tr class="v2-artifacts__row"><td><div class="v2-artifacts__file"><span class="v2-artifacts__ext" aria-hidden="true">JPG</span><button type="button" class="v2-artifacts__name">whiteboard-friday.jpg</button><span class="v2-artifacts__pod-line">Field notes</span></div></td><td class="v2-artifacts__mono">image</td><td>Field notes</td><td>Juno Park</td><td class="v2-artifacts__mono">4d</td><td class="v2-artifacts__mono">1.4 MB</td></tr></tbody></table></div><div class="v2-artifacts__foot"><span class="v2-artifacts__mono">6 of 14 · newest first</span><button type="button" class="v2-artifacts__more">8 more</button></div></div></div></div></div></div></div></figure>
-  </div>
-  <div class="row2 row2--even">
-    <figure><figcaption><b>Day zero · 390</b><span>key full width, 44px</span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="artifacts-dayzero" data-vp="390"><div class="app m"><header class="mtop v2-artifacts__head"><h1 class="v2-artifacts__title">Artifacts</h1><button type="button" class="info" aria-label="About artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-info"/></svg><span class="tip" role="tooltip">every file and page shared in your pods</span></button></header><div class="mbody2"><div class="v2-artifacts"><section class="v2-artifacts__zero" aria-labelledby="artifacts-zero-title-390"><h2 id="artifacts-zero-title-390">Nothing shared yet</h2><p>Files you and your agents share in a pod land here: docs, images and pages.</p><a class="v2-artifacts__open" href="#">Open My Workspace</a></section></div></div><div class="mtab"><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg><span>Pods</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span>Needs you</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg><span>Team</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg><span>Settings</span></div></div></div></div></figure>
-    <figure><figcaption><b>Busy · 390</b><span>pod folds under the name</span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="artifacts-busy" data-vp="390"><div class="app m"><header class="mtop v2-artifacts__head"><h1 class="v2-artifacts__title">Artifacts</h1><button type="button" class="info" aria-label="About artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-info"/></svg><span class="tip" role="tooltip">every file and page shared in your pods</span></button><span class="v2-page-head__meta">14</span></header><div class="mbody2"><div class="v2-artifacts"><div class="v2-artifacts__controls"><div class="v2-artifacts__seg" role="group" aria-label="Kind"><button type="button" class="v2-artifacts__seg-button v2-artifacts__seg-button--active" aria-pressed="true">All</button><button type="button" class="v2-artifacts__seg-button" aria-pressed="false">Images</button><button type="button" class="v2-artifacts__seg-button" aria-pressed="false">Docs</button><button type="button" class="v2-artifacts__seg-button" aria-pressed="false">Pages</button></div><div class="v2-artifacts__seg" role="group" aria-label="Pod"><button type="button" class="v2-artifacts__seg-button v2-artifacts__seg-button--active" aria-pressed="true">All pods</button><button type="button" class="v2-artifacts__seg-button" aria-pressed="false">Northwind</button><button type="button" class="v2-artifacts__seg-button" aria-pressed="false">Field notes</button><button type="button" class="v2-artifacts__seg-button" aria-expanded="false">more ▾</button></div><label class="v2-artifacts__search"><span class="v2-artifacts__search-input">Search files</span><span class="v2-artifacts__search-key" aria-hidden="true">⌘K</span></label></div><div class="v2-artifacts__table-wrap"><table class="v2-artifacts__table"><thead><tr><th scope="col">File</th><th scope="col">Kind</th><th scope="col">Pod</th><th scope="col">Shared by</th><th scope="col">When</th><th scope="col">Size</th></tr></thead><tbody><tr class="v2-artifacts__row"><td><div class="v2-artifacts__file"><span class="v2-artifacts__ext" aria-hidden="true">PDF</span><button type="button" class="v2-artifacts__name">pricing-v3-final.pdf</button><span class="v2-artifacts__pod-line">Northwind</span></div></td><td class="v2-artifacts__mono">doc</td><td>Northwind</td><td>Fern</td><td class="v2-artifacts__mono">12m</td><td class="v2-artifacts__mono">2.1 MB</td></tr><tr class="v2-artifacts__row"><td><div class="v2-artifacts__file"><span class="v2-artifacts__ext" aria-hidden="true">PNG</span><button type="button" class="v2-artifacts__name">onboarding-flow-1440.png</button><span class="v2-artifacts__pod-line">Northwind</span></div></td><td class="v2-artifacts__mono">image</td><td>Northwind</td><td>Juno Park</td><td class="v2-artifacts__mono">1h</td><td class="v2-artifacts__mono">412 KB</td></tr><tr class="v2-artifacts__row"><td><div class="v2-artifacts__file"><span class="v2-artifacts__ext" aria-hidden="true">HTML</span><button type="button" class="v2-artifacts__name">launch-checklist.html</button><span class="v2-artifacts__pod-line">Field notes</span></div></td><td class="v2-artifacts__mono">page</td><td>Field notes</td><td>Scout</td><td class="v2-artifacts__mono">3h</td><td class="v2-artifacts__mono">—</td></tr><tr class="v2-artifacts__row"><td><div class="v2-artifacts__file"><span class="v2-artifacts__ext" aria-hidden="true">MD</span><button type="button" class="v2-artifacts__name">interview-synthesis.md</button><span class="v2-artifacts__pod-line">Field notes</span></div></td><td class="v2-artifacts__mono">doc</td><td>Field notes</td><td>Fern</td><td class="v2-artifacts__mono">1d</td><td class="v2-artifacts__mono">18 KB</td></tr><tr class="v2-artifacts__row"><td><div class="v2-artifacts__file"><span class="v2-artifacts__ext" aria-hidden="true">XLSX</span><button type="button" class="v2-artifacts__name">q4-pipeline.xlsx</button><span class="v2-artifacts__pod-line">Northwind</span></div></td><td class="v2-artifacts__mono">doc</td><td>Northwind</td><td>Alex Chen</td><td class="v2-artifacts__mono">2d</td><td class="v2-artifacts__mono">96 KB</td></tr><tr class="v2-artifacts__row"><td><div class="v2-artifacts__file"><span class="v2-artifacts__ext" aria-hidden="true">JPG</span><button type="button" class="v2-artifacts__name">whiteboard-friday.jpg</button><span class="v2-artifacts__pod-line">Field notes</span></div></td><td class="v2-artifacts__mono">image</td><td>Field notes</td><td>Juno Park</td><td class="v2-artifacts__mono">4d</td><td class="v2-artifacts__mono">1.4 MB</td></tr></tbody></table></div><div class="v2-artifacts__foot"><span class="v2-artifacts__mono">6 of 14 · newest first</span><button type="button" class="v2-artifacts__more">8 more</button></div></div></div><div class="mtab"><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg><span>Pods</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span>Needs you</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg><span>Team</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg><span>Settings</span></div></div></div></div></figure>
-    <div class="notes"><ul><li><b>Class names are the page's own</b> (<span class="cd">v2-artifacts__*</span>), so the build copies them. New names: <span class="cd">__zero</span> (the card) and <span class="cd">__open</span> (its ink key).</li><li><b>Day zero has nothing to filter, so it shows no filters.</b> It applies when the total is 0 and no kind, pod or search filter is set, and the page is not loading and has no error. Then the kind segment, the pod segment, the search box and the head's count all drop, and one bordered card (not dashed) takes their place.</li><li><b>The card is the only act on the page.</b> Its key opens the account's oldest pod (signup creates My Workspace first), labelled with that pod's name. An account with no pods gets the card without the key.</li><li><b>A filtered empty result keeps the controls.</b> With a kind, pod or search set, the page keeps prod's dashed line, <span class="cd">Nothing matches. Clear a filter or the search.</span>, under the controls, so the way out stays on screen.</li><li><b>At 390 the key is full width and 44px tall.</b> Busy is prod's table, unchanged: the pod folds under the name as a mono line, and pod, shared by and size hide.</li></ul><h3>Each state, one line</h3><table class="ctl"><tr><td>Day zero</td><td><b>Drawn</b> at 1440 and 390. Total 0, no kind, pod or search set, not loading, no error: no controls, no count, the card.</td></tr><tr><td>Busy</td><td><b>Drawn</b> at 1440 and 390. Prod's table and foot, unchanged.</td></tr><tr><td>Filtered, empty</td><td><b>Not drawn.</b> Controls stay; prod's dashed <span class="cd">emptyFiltered</span> line under them.</td></tr><tr><td>No pods</td><td><b>Not drawn.</b> The day-zero card without its key.</td></tr><tr><td>Loading, error</td><td><b>Not drawn.</b> They keep prod's spinner and <span class="cd">__error</span> line.</td></tr></table></div>
-  </div>
-</section>
 <section class="surf" id="s-artifacts-signal">
-  <div class="shead"><h2>Artifacts · in the picked language</h2><span class="route">/v2/artifacts</span><div class="nums"><span class="num">approved 11-03, not scored yet</span></div></div>
-  <div class="row1 row1--even"><figure><figcaption><b>Busy · 1440</b><span>14 files across 2 pods; one row hovered</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="artifacts-busy" data-vp="1440" data-state="signal"><div class="app d sg"><div class="sh sh--page"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg></div><div class="nav on" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane"><div class="ph"><h1>Artifacts</h1><span class="meta">14 files · 2 pods</span><span class="sp"></span><div class="search" style="flex:none;width:240px"><svg class="i" viewBox="0 0 24 24"><use href="#i-search"/></svg>Search files<span class="kb">⌘K</span></div><div class="seg" role="group"><button type="button" class="on" aria-pressed="true">All</button><button type="button" class="" aria-pressed="false">Images</button><button type="button" class="" aria-pressed="false">Docs</button><button type="button" class="" aria-pressed="false">Pages</button></div><button type="button" class="sel" aria-haspopup="listbox" aria-expanded="false">All pods<svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg></button></div><div class="pbody"><div class="sg-col"><div class="gtitle"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg>Northwind</div><div class="list"><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">PDF</span><div><div class="tx">pricing-v3-final.pdf</div><div class="sn">Fern · 12m</div></div><span class="ac"><span class="mo">2.1 MB</span></span></div><div class="sg-row sg-file hov" role="link"><span class="sg-ext" aria-hidden="true">PNG</span><div><div class="tx">onboarding-flow-1440.png</div><div class="sn">Juno Park · 1h</div></div><span class="ac"><span class="hv"><button class="b b-g ib b-sm" title="Open" aria-label="Open"><svg class="i" viewBox="0 0 24 24"><use href="#i-a-open"/></svg></button><button class="b b-g ib b-sm" title="Download" aria-label="Download"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span><span class="mo">412 KB</span></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">XLSX</span><div><div class="tx">q4-pipeline.xlsx</div><div class="sn">Alex Chen · 2d</div></div><span class="ac"><span class="mo">96 KB</span></span></div></div><div class="gtitle"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg>Field notes</div><div class="list"><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">HTML</span><div><div class="tx">launch-checklist.html</div><div class="sn">Scout · 3h</div></div><span class="ac"><span class="mo">—</span></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">MD</span><div><div class="tx">interview-synthesis.md</div><div class="sn">Fern · 1d</div></div><span class="ac"><span class="mo">18 KB</span></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">JPG</span><div><div class="tx">whiteboard-friday.jpg</div><div class="sn">Juno Park · 4d</div></div><span class="ac"><span class="mo">1.4 MB</span></span></div></div><div class="sg-foot"><span class="mo">6 of 14 · newest first</span><button type="button" class="b b-g b-sm">8 more</button></div></div></div></div></div></div></div></figure><figure><figcaption><b>Day zero · 1440</b><span>nothing shared, no filter set</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="artifacts-dayzero" data-vp="1440" data-state="signal"><div class="app d sg"><div class="sh sh--page"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg></div><div class="nav on" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane"><div class="ph"><h1>Artifacts</h1></div><div class="pbody"><div class="sg-col"><div class="list"><div class="sg-row sg-row--one"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg><div><div class="tx tx--plain">Files you and your agents share in a pod land here.</div></div><span class="ac"><button type="button" class="b b-s b-sm">Open My Workspace</button></span></div></div></div></div></div></div></div></div></figure></div>
-  <div class="row2 row2--even"><figure><figcaption><b>Busy · 390</b><span>size folds under the name</span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="artifacts-busy" data-vp="390" data-state="signal"><div class="app m sg"><div class="mtop"><h1>Artifacts</h1><span class="meta">14 files · 2 pods</span><span class="sp"></span><button class="b b-g ib" title="Search files" aria-label="Search files"><svg class="i" viewBox="0 0 24 24"><use href="#i-search"/></svg></button></div><div class="mbody2"><div class="sg-ctl"><div class="seg" role="group"><button type="button" class="on" aria-pressed="true">All</button><button type="button" class="" aria-pressed="false">Images</button><button type="button" class="" aria-pressed="false">Docs</button><button type="button" class="" aria-pressed="false">Pages</button></div><button type="button" class="sel" aria-haspopup="listbox" aria-expanded="false">All pods<svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg></button></div><div class="gtitle"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg>Northwind</div><div class="list"><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">PDF</span><div><div class="tx">pricing-v3-final.pdf</div><div class="sn">Fern · 12m · <span class="mo">2.1 MB</span></div></div><span class="ac"><button class="b b-g ib" title="Download" aria-label="Download pricing-v3-final.pdf"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">PNG</span><div><div class="tx">onboarding-flow-1440.png</div><div class="sn">Juno Park · 1h · <span class="mo">412 KB</span></div></div><span class="ac"><button class="b b-g ib" title="Download" aria-label="Download onboarding-flow-1440.png"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">XLSX</span><div><div class="tx">q4-pipeline.xlsx</div><div class="sn">Alex Chen · 2d · <span class="mo">96 KB</span></div></div><span class="ac"><button class="b b-g ib" title="Download" aria-label="Download q4-pipeline.xlsx"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span></div></div><div class="gtitle"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg>Field notes</div><div class="list"><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">HTML</span><div><div class="tx">launch-checklist.html</div><div class="sn">Scout · 3h</div></div><span class="ac"><button class="b b-g ib" title="Download" aria-label="Download launch-checklist.html"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">MD</span><div><div class="tx">interview-synthesis.md</div><div class="sn">Fern · 1d · <span class="mo">18 KB</span></div></div><span class="ac"><button class="b b-g ib" title="Download" aria-label="Download interview-synthesis.md"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">JPG</span><div><div class="tx">whiteboard-friday.jpg</div><div class="sn">Juno Park · 4d · <span class="mo">1.4 MB</span></div></div><span class="ac"><button class="b b-g ib" title="Download" aria-label="Download whiteboard-friday.jpg"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span></div></div><div class="sg-foot"><span class="mo">6 of 14 · newest first</span><button type="button" class="b b-g b-sm">8 more</button></div></div><div class="mtab"><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg><span>Pods</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span>Needs you</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg><span>Team</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg><span>Settings</span></div></div></div></div></figure><figure><figcaption><b>Day zero · 390</b><span>key full width, 44px</span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="artifacts-dayzero" data-vp="390" data-state="signal"><div class="app m sg"><div class="mtop"><h1>Artifacts</h1></div><div class="mbody2"><div class="list"><div class="sg-row sg-row--open"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg><div><div class="tx tx--plain">Files you and your agents share in a pod land here.</div><div class="keys"><button type="button" class="b b-s b-lg sg-full">Open My Workspace</button></div></div></div></div></div><div class="mtab"><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg><span>Pods</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span>Needs you</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg><span>Team</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg><span>Settings</span></div></div></div></div></figure><div class="notes"><ul>
+  <div class="shead"><h2>Artifacts</h2><span class="route">/v2/artifacts</span><div class="nums"><span class="num">approved 11-03 (D242), scored</span></div></div>
+  <div class="row1 row1--even"><figure><figcaption><b>Busy · 1440</b><span>14 files across 2 pods; one row hovered</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="artifacts-busy" data-vp="1440"><div class="app d sg"><div class="sh sh--page"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg></div><div class="nav on" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane"><div class="ph"><h1>Artifacts</h1><span class="meta">14 files · 2 pods</span><span class="sp"></span><div class="search" style="flex:none;width:240px"><svg class="i" viewBox="0 0 24 24"><use href="#i-search"/></svg>Search files<span class="kb">⌘K</span></div><div class="seg" role="group"><button type="button" class="on" aria-pressed="true">All</button><button type="button" class="" aria-pressed="false">Images</button><button type="button" class="" aria-pressed="false">Docs</button><button type="button" class="" aria-pressed="false">Pages</button></div><button type="button" class="sel" aria-haspopup="listbox" aria-expanded="false">All pods<svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg></button></div><div class="pbody"><div class="sg-col"><div class="gtitle"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg>Northwind</div><div class="list"><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">PDF</span><div><div class="tx">pricing-v3-final.pdf</div><div class="sn">Fern · 12m</div></div><span class="ac"><span class="mo">2.1 MB</span></span></div><div class="sg-row sg-file hov" role="link"><span class="sg-ext" aria-hidden="true">PNG</span><div><div class="tx">onboarding-flow-1440.png</div><div class="sn">Juno Park · 1h</div></div><span class="ac"><span class="hv"><button class="b b-g ib b-sm" title="Open" aria-label="Open"><svg class="i" viewBox="0 0 24 24"><use href="#i-a-open"/></svg></button><button class="b b-g ib b-sm" title="Download" aria-label="Download"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span><span class="mo">412 KB</span></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">XLSX</span><div><div class="tx">q4-pipeline.xlsx</div><div class="sn">Alex Chen · 2d</div></div><span class="ac"><span class="mo">96 KB</span></span></div></div><div class="gtitle"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg>Field notes</div><div class="list"><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">HTML</span><div><div class="tx">launch-checklist.html</div><div class="sn">Scout · 3h</div></div><span class="ac"><span class="mo">—</span></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">MD</span><div><div class="tx">interview-synthesis.md</div><div class="sn">Fern · 1d</div></div><span class="ac"><span class="mo">18 KB</span></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">JPG</span><div><div class="tx">whiteboard-friday.jpg</div><div class="sn">Juno Park · 4d</div></div><span class="ac"><span class="mo">1.4 MB</span></span></div></div><div class="sg-foot"><span class="mo">6 of 14 · newest first</span><button type="button" class="b b-g b-sm">8 more</button></div></div></div></div></div></div></div></figure><figure><figcaption><b>Day zero · 1440</b><span>nothing shared, no filter set</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="artifacts-dayzero" data-vp="1440"><div class="app d sg"><div class="sh sh--page"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg></div><div class="nav on" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane"><div class="ph"><h1>Artifacts</h1></div><div class="pbody"><div class="sg-col"><div class="list"><div class="sg-row sg-row--one"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg><div><div class="tx tx--plain">Files you and your agents share in a pod land here.</div></div><span class="ac"><button type="button" class="b b-s b-sm">Open My Workspace</button></span></div></div></div></div></div></div></div></div></figure></div>
+  <div class="row2 row2--even"><figure><figcaption><b>Busy · 390</b><span>size folds under the name</span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="artifacts-busy" data-vp="390"><div class="app m sg"><div class="mtop"><h1>Artifacts</h1><span class="meta">14 files · 2 pods</span><span class="sp"></span><button class="b b-g ib" title="Search files" aria-label="Search files"><svg class="i" viewBox="0 0 24 24"><use href="#i-search"/></svg></button></div><div class="mbody2"><div class="sg-ctl"><div class="seg" role="group"><button type="button" class="on" aria-pressed="true">All</button><button type="button" class="" aria-pressed="false">Images</button><button type="button" class="" aria-pressed="false">Docs</button><button type="button" class="" aria-pressed="false">Pages</button></div><button type="button" class="sel" aria-haspopup="listbox" aria-expanded="false">All pods<svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg></button></div><div class="gtitle"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg>Northwind</div><div class="list"><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">PDF</span><div><div class="tx">pricing-v3-final.pdf</div><div class="sn">Fern · 12m · <span class="mo">2.1 MB</span></div></div><span class="ac"><button class="b b-g ib" title="Download" aria-label="Download pricing-v3-final.pdf"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">PNG</span><div><div class="tx">onboarding-flow-1440.png</div><div class="sn">Juno Park · 1h · <span class="mo">412 KB</span></div></div><span class="ac"><button class="b b-g ib" title="Download" aria-label="Download onboarding-flow-1440.png"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">XLSX</span><div><div class="tx">q4-pipeline.xlsx</div><div class="sn">Alex Chen · 2d · <span class="mo">96 KB</span></div></div><span class="ac"><button class="b b-g ib" title="Download" aria-label="Download q4-pipeline.xlsx"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span></div></div><div class="gtitle"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg>Field notes</div><div class="list"><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">HTML</span><div><div class="tx">launch-checklist.html</div><div class="sn">Scout · 3h</div></div><span class="ac"><button class="b b-g ib" title="Download" aria-label="Download launch-checklist.html"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">MD</span><div><div class="tx">interview-synthesis.md</div><div class="sn">Fern · 1d · <span class="mo">18 KB</span></div></div><span class="ac"><button class="b b-g ib" title="Download" aria-label="Download interview-synthesis.md"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span></div><div class="sg-row sg-file" role="link"><span class="sg-ext" aria-hidden="true">JPG</span><div><div class="tx">whiteboard-friday.jpg</div><div class="sn">Juno Park · 4d · <span class="mo">1.4 MB</span></div></div><span class="ac"><button class="b b-g ib" title="Download" aria-label="Download whiteboard-friday.jpg"><svg class="i" viewBox="0 0 24 24"><use href="#i-down"/></svg></button></span></div></div><div class="sg-foot"><span class="mo">6 of 14 · newest first</span><button type="button" class="b b-g b-sm">8 more</button></div></div><div class="mtab"><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg><span>Pods</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span>Needs you</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg><span>Team</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg><span>Settings</span></div></div></div></div></figure><figure><figcaption><b>Day zero · 390</b><span>key full width, 44px</span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="artifacts-dayzero" data-vp="390"><div class="app m sg"><div class="mtop"><h1>Artifacts</h1></div><div class="mbody2"><div class="list"><div class="sg-row sg-row--open"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg><div><div class="tx tx--plain">Files you and your agents share in a pod land here.</div><div class="keys"><button type="button" class="b b-s b-lg sg-full">Open My Workspace</button></div></div></div></div></div><div class="mtab"><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg><span>Pods</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span>Needs you</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg><span>Team</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg><span>Settings</span></div></div></div></div></figure><div class="notes"><ul>
 <li><b>Head as Connectors draws it.</b> Display title, one mono count (<span class="cd">14 files · 2 pods</span>), then the search field (⌘K), one All / Images / Docs / Pages segment and an <span class="cd">All pods ▾</span> select at the right. The two pill groups and the count-only meta go.</li>
 <li><b>The table becomes groups.</b> No header row and no six columns: a mono section label per pod over one bordered list. Each row carries a mono file-type badge (grey, the pod-mark shape, so the Kind column is the badge), the bold name, one secondary line <span class="cd">Fern · 12m</span> (Shared by and When) and the size as a trailing mono value. Pod, Kind, Shared by, When and Size all survive; only the column chrome is cut.</li>
 <li><b>Hover keys, as on Memory.</b> A hovered row (drawn on onboarding-flow-1440.png) swaps its size for ↗ Open and ↓ Download. Clicking the row opens the file. ↓ is one new 24px line glyph in the sprite (<span class="cd">#i-down</span>), drawn in the same stroke as the rest.</li>
 <li><b>Order and paging are unchanged.</b> Newest first inside each pod, and pods ordered by their newest file. The foot keeps <span class="cd">6 of 14 · newest first</span> and a quiet <span class="cd">8 more</span>, which loads into both groups.</li>
-<li><b>Day zero is one quiet row in the same group shape.</b> It has the file glyph, one sentence and one raised key, Open My Workspace. The "Nothing shared yet" heading and the head controls drop, as the current frame already drops them. At 390 the key is full width at 44px inside the row.</li>
+<li><b>Day zero is one quiet row in the same group shape.</b> It has the file glyph, one sentence and one raised key, Open My Workspace. The "Nothing shared yet" heading and the head controls drop. At 390 the key is full width at 44px inside the row.</li>
 <li><b>At 390, the same rows.</b> The size folds into the secondary line (<span class="cd">Fern · 12m · 2.1 MB</span>), the row is the open target, and the one trailing key is ↓ Download at 44px. Search is the top bar's search key, as on Connectors. Kind and pod share one 44px control row.</li>
 </ul>
 <h3>Every live function, mapped</h3>
diff --git a/docs/design/artboards/d215/targets.json b/docs/design/artboards/d215/targets.json
index f2396ad67..40c654a7a 100644
--- a/docs/design/artboards/d215/targets.json
+++ b/docs/design/artboards/d215/targets.json
@@ -174,5 +174,21 @@
  "firstrun-welcome-nohost-390": {
   "helperWords": 9,
   "innerRatio": 1
+ },
+ "artifacts-busy-1440": {
+  "helperWords": 36,
+  "innerRatio": 1
+ },
+ "artifacts-busy-390": {
+  "helperWords": 34,
+  "innerRatio": 1
+ },
+ "artifacts-dayzero-1440": {
+  "helperWords": 0,
+  "innerRatio": 1
+ },
+ "artifacts-dayzero-390": {
+  "helperWords": 0,
+  "innerRatio": 1
  }
 }
diff --git a/frontend/src/i18n/locales/en.json b/frontend/src/i18n/locales/en.json
index b534b3578..171522979 100644
--- a/frontend/src/i18n/locales/en.json
+++ b/frontend/src/i18n/locales/en.json
@@ -2634,12 +2634,17 @@
   },
   "artifacts": {
     "title": "Artifacts",
-    "about": "About artifacts",
-    "meta": "every file and page shared in your pods",
+    "fileCount_one": "{{count}} file",
+    "fileCount_other": "{{count}} files",
+    "podCount_one": "{{count}} pod",
+    "podCount_other": "{{count}} pods",
+    "open": "Open",
+    "openFile": "Open {{name}}",
+    "download": "Download",
+    "downloadFile": "Download {{name}}",
     "kindLabel": "Kind",
     "podLabel": "Pod",
     "allPods": "All pods",
-    "morePods": "more ▾",
     "searchPlaceholder": "Search files",
     "kinds": {
       "all": "All",
@@ -2647,25 +2652,11 @@
       "docs": "Docs",
       "pages": "Pages"
     },
-    "kindNames": {
-      "image": "image",
-      "page": "page",
-      "doc": "doc"
-    },
-    "columns": {
-      "file": "File",
-      "kind": "Kind",
-      "pod": "Pod",
-      "sharedBy": "Shared by",
-      "when": "When",
-      "size": "Size"
-    },
     "foot": "{{shown}} of {{total}} · newest first",
     "more": "{{count}} more",
     "loadingMore": "Loading…",
     "dayZero": {
-      "title": "Nothing shared yet",
-      "body": "Files you and your agents share in a pod land here: docs, images and pages.",
+      "body": "Files you and your agents share in a pod land here.",
       "open": "Open {{pod}}"
     },
     "emptyFiltered": "Nothing matches. Clear a filter or the search.",
diff --git a/frontend/src/i18n/locales/zh-CN.json b/frontend/src/i18n/locales/zh-CN.json
index 39b719d10..5e08e9b3e 100644
--- a/frontend/src/i18n/locales/zh-CN.json
+++ b/frontend/src/i18n/locales/zh-CN.json
@@ -2635,12 +2635,17 @@
   },
   "artifacts": {
     "title": "产物",
-    "about": "关于产物",
-    "meta": "你所有 Pod 中共享的文件与页面",
+    "fileCount_one": "{{count}}个文件",
+    "fileCount_other": "{{count}}个文件",
+    "podCount_one": "{{count}}个 Pod",
+    "podCount_other": "{{count}}个 Pod",
+    "open": "打开",
+    "openFile": "打开 {{name}}",
+    "download": "下载",
+    "downloadFile": "下载 {{name}}",
     "kindLabel": "类型",
     "podLabel": "Pod",
     "allPods": "全部 Pod",
-    "morePods": "更多 ▾",
     "searchPlaceholder": "搜索文件",
     "kinds": {
       "all": "全部",
@@ -2648,25 +2653,11 @@
       "docs": "文档",
       "pages": "页面"
     },
-    "kindNames": {
-      "image": "图片",
-      "page": "页面",
-      "doc": "文档"
-    },
-    "columns": {
-      "file": "文件",
-      "kind": "类型",
-      "pod": "Pod",
-      "sharedBy": "分享者",
-      "when": "时间",
-      "size": "大小"
-    },
     "foot": "{{shown}} / {{total}} · 最新在前",
     "more": "还有{{count}}项",
     "loadingMore": "加载中…",
     "dayZero": {
-      "title": "还没有分享内容",
-      "body": "你和你的智能体在 Pod 里分享的文件会出现在这里，包括文档、图片和页面。",
+      "body": "你和你的智能体在 Pod 里分享的文件会出现在这里。",
       "open": "打开 {{pod}}"
     },
     "emptyFiltered": "没有匹配项。清除筛选或搜索。",
diff --git a/frontend/src/v2/__tests__/V2ArtifactsPage.test.tsx b/frontend/src/v2/__tests__/V2ArtifactsPage.test.tsx
index c1412e1f7..e87bd3d49 100644
--- a/frontend/src/v2/__tests__/V2ArtifactsPage.test.tsx
+++ b/frontend/src/v2/__tests__/V2ArtifactsPage.test.tsx
@@ -1,10 +1,12 @@
 // @ts-nocheck
-// Artifacts, direction C (ScaleArtifacts.dc.html) — PR 5.
+// Artifacts, d215 #s-artifacts-signal: one group per pod, a type badge, name, "<agent> · <when>",
+// a trailing size and hover keys; one kind segment and one pod select in the head.
 import React from 'react';
-import { render, screen, fireEvent, waitFor, within, cleanup, act } from '@testing-library/react';
+import { render, screen, fireEvent, waitFor, within, act } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
 import axios from 'axios';
-import V2ArtifactsPage, { extOf, formatSize, whenLabel } from '../components/V2ArtifactsPage';
+import i18n from '../../i18n';
+import V2ArtifactsPage, { extOf, formatSize, whenLabel, groupByPod, safeDownloadName } from '../components/V2ArtifactsPage';
 
 jest.mock('axios', () => {
   const mock = { get: jest.fn(), post: jest.fn(), defaults: { baseURL: '', headers: { common: {} } }, interceptors: { request: { use: jest.fn(), eject: jest.fn() }, response: { use: jest.fn(), eject: jest.fn() } } };
@@ -16,20 +18,26 @@ jest.mock('../../utils/signedAttachmentUrl', () => ({ getSignedAttachmentUrl: (.
 const minutesAgo = (m) => new Date(Date.now() - m * 60000).toISOString();
 const items = [
   { id: 'a1', fileName: 'x1.html', name: 'workspace-at-scale.html', contentType: 'text/html', kind: 'page', size: 5120, podId: 'p1', podName: 'Sharpen — pod model', sharedBy: { id: 'u1', username: 'lily-shen', displayName: null }, createdAt: minutesAgo(20) },
+  { id: 'a3', fileName: 'x3.md', name: 'plan.md', contentType: 'text/markdown', kind: 'doc', size: 4096, podId: 'p2', podName: 'Connectors v2 — channel routing', sharedBy: { id: 'b2', username: 'kai', displayName: 'Kai' }, createdAt: minutesAgo(60) },
   { id: 'a2', fileName: 'x2.png', name: 'walk-1440.png', contentType: 'image/png', kind: 'image', size: 421888, podId: 'p1', podName: 'Sharpen — pod model', sharedBy: { id: 'b1', username: 'ux-lead', displayName: 'UX Lead' }, createdAt: minutesAgo(90) },
-  { id: 'a3', fileName: 'x3.md', name: 'plan.md', contentType: 'text/markdown', kind: 'doc', size: 4096, podId: 'p2', podName: 'Connectors v2 — channel routing', sharedBy: { id: 'b2', username: 'kai', displayName: 'Kai' }, createdAt: minutesAgo(60 * 26) },
 ];
 
+const setPhone = (phone) => {
+  window.matchMedia = jest.fn().mockImplementation((query) => ({
+    matches: phone && query.includes('max-width'), media: query, addEventListener: jest.fn(), removeEventListener: jest.fn(), addListener: jest.fn(), removeListener: jest.fn(),
+  }));
+};
+
 const renderPage = (initial = '/v2/artifacts', over = {}) => {
   axios.get.mockImplementation((url, config) => {
     if (url === '/api/pods') return Promise.resolve({ data: [{ _id: 'p1', name: 'Sharpen — pod model' }, { _id: 'p2', name: 'Connectors v2 — channel routing' }, { _id: 'p3', name: 'YC S27 prep' }] });
     if (url === '/api/artifacts') {
       const params = config?.params || {};
-      let list = items;
+      let list = over.items || items;
       if (params.podId) list = list.filter((i) => i.podId === params.podId);
       if (params.kind) list = list.filter((i) => i.kind === params.kind);
       if (params.q) list = list.filter((i) => i.name.toLowerCase().includes(String(params.q).toLowerCase()));
-      if (params.after === 'cur-1') return Promise.resolve({ data: { items: [{ ...items[2], id: 'a4', name: 'skydeck-b23.pdf', kind: 'doc' }], nextCursor: null, total: 4, limit: 50 } });
+      if (params.after === 'cur-1') return Promise.resolve({ data: { items: [{ ...items[1], id: 'a4', name: 'skydeck-b23.pdf', kind: 'doc' }], nextCursor: null, total: 4, limit: 50 } });
       return Promise.resolve({ data: { items: list, nextCursor: over.nextCursor ?? null, total: over.total ?? list.length, limit: 50 } });
     }
     return Promise.resolve({ data: {} });
@@ -37,10 +45,15 @@ const renderPage = (initial = '/v2/artifacts', over = {}) => {
   return render(<MemoryRouter initialEntries={[initial]}><V2ArtifactsPage /></MemoryRouter>);
 };
 
-describe('V2ArtifactsPage (direction C, PR 5)', () => {
-  beforeEach(() => { jest.clearAllMocks(); });
+const groupNamed = (name) => screen.getByRole('region', { name });
+const rowOf = (fileName) => screen.getByRole('button', { name: fileName }).closest('li');
 
-  test('helpers: ext chip is the file’s own extension, size and when use the shared vocabulary', () => {
+describe('V2ArtifactsPage (d215 signal)', () => {
+  const realMatchMedia = window.matchMedia;
+  beforeEach(() => { jest.clearAllMocks(); setPhone(false); });
+  afterEach(() => { window.matchMedia = realMatchMedia; });
+
+  test('helpers: the badge is the file’s own extension, size and when use the shared vocabulary', () => {
     expect(extOf('plan.md')).toBe('MD');
     expect(extOf('archive.tar.gz')).toBe('GZ');
     expect(extOf('noext')).toBe('FILE');
@@ -51,63 +64,109 @@ describe('V2ArtifactsPage (direction C, PR 5)', () => {
     expect(whenLabel(minutesAgo(60 * 24 * 40))).toBe('1mo');
   });
 
-  test('renders the board: display head, three columns of meta, ext chips, short pod names, shared-by labels, newest first, foot count', async () => {
-    renderPage();
-    expect(await screen.findByRole('heading', { name: 'Artifacts' })).toBeInTheDocument();
-    expect(screen.getByText('every file and page shared in your pods')).toBeInTheDocument();
-    const rows = await screen.findAllByRole('row');
-    // header + 3
-    expect(rows).toHaveLength(4);
-    const first = within(rows[1]);
+  test('whenLabel reads in Chinese under zh-CN', async () => {
+    await act(async () => { await i18n.changeLanguage('zh-CN'); });
+    try {
+      expect(whenLabel(minutesAgo(41))).not.toBe('41m');
+      expect(whenLabel(minutesAgo(41))).toMatch(/41/);
+    } finally {
+      await act(async () => { await i18n.changeLanguage('en'); });
+    }
+  });
+
+  test('groupByPod: one group per pod, first-seen order, rows newest first inside each', () => {
+    const groups = groupByPod(items);
+    expect(groups.map((g) => g.name)).toEqual(['Sharpen', 'Connectors v2']);
+    expect(groups[0].items.map((i) => i.id)).toEqual(['a1', 'a2']);
+    expect(groupByPod([{ ...items[0], podId: null, podName: null }])[0].name).toBe('—');
+  });
+
+  test('busy: head count, one group per pod, each row a badge, the name, "<agent> · <when>" and a trailing size', async () => {
+    const { container } = renderPage();
+    expect(await screen.findByRole('heading', { level: 1, name: 'Artifacts' })).toBeInTheDocument();
+    await screen.findByRole('button', { name: 'workspace-at-scale.html' });
+    // No (i) hint in the redraw; the count says files and, with every file loaded, pods.
+    expect(screen.queryByText('every file and page shared in your pods')).not.toBeInTheDocument();
+    expect(container.querySelector('.v2a-meta')).toHaveTextContent('3 files · 2 pods');
+    // No table chrome.
+    expect(screen.queryByRole('table')).not.toBeInTheDocument();
+    expect(screen.queryByRole('columnheader')).not.toBeInTheDocument();
+    expect(screen.getAllByRole('heading', { level: 2 }).map((h) => h.textContent)).toEqual(['Sharpen', 'Connectors v2']);
+    const sharpen = within(groupNamed('Sharpen'));
+    expect(sharpen.getAllByRole('listitem')).toHaveLength(2);
+    const first = within(rowOf('workspace-at-scale.html'));
     expect(first.getByText('HTML')).toBeInTheDocument();
-    expect(first.getByRole('button', { name: 'workspace-at-scale.html' })).toBeInTheDocument();
-    expect(first.getByText('page')).toBeInTheDocument();
-    // The pod cell plus the ≤760 pod line under the name (hidden by CSS on desktop).
-    expect(first.getAllByText('Sharpen')).toHaveLength(2);
-    expect(first.getByText('lily-shen')).toBeInTheDocument();
-    expect(first.getByText('20m')).toBeInTheDocument();
-    // A page has no size on the board.
-    expect(first.getAllByText('—').length).toBe(1);
-    const second = within(rows[2]);
+    expect(first.getByText(/lily-shen · 20m/)).toBeInTheDocument();
+    // A page has no size.
+    expect(first.getByText('—')).toBeInTheDocument();
+    const second = within(rowOf('walk-1440.png'));
     expect(second.getByText('PNG')).toBeInTheDocument();
-    expect(second.getByText('UX Lead')).toBeInTheDocument();
+    expect(second.getByText(/UX Lead · 1h/)).toBeInTheDocument();
     expect(second.getByText('412 KB')).toBeInTheDocument();
-    expect(within(rows[3]).getAllByText('Connectors v2').length).toBeGreaterThan(0);
+    expect(second.getByRole('button', { name: 'Open walk-1440.png' })).toBeInTheDocument();
+    expect(second.getByRole('button', { name: 'Download walk-1440.png' })).toBeInTheDocument();
+    expect(within(groupNamed('Connectors v2')).getByRole('button', { name: 'plan.md' })).toBeInTheDocument();
     expect(screen.getByText('3 of 3 · newest first')).toBeInTheDocument();
     expect(axios.get).toHaveBeenCalledWith('/api/artifacts', expect.objectContaining({ params: { limit: 50 } }));
-    // Busy is unchanged: the controls and the count stay; no day-zero card.
-    expect(screen.getByRole('group', { name: 'Kind' })).toBeInTheDocument();
+    // One segment, one select, one search.
+    expect(screen.getByRole('radiogroup', { name: 'Kind' })).toBeInTheDocument();
+    expect(screen.getByRole('combobox', { name: 'Pod' })).toBeInTheDocument();
     expect(screen.getByRole('searchbox', { name: 'Search files' })).toBeInTheDocument();
-    expect(screen.queryByRole('heading', { name: 'Nothing shared yet' })).not.toBeInTheDocument();
+  });
+
+  test('a CJK name shows as stored, in the row, the lightbox and the key labels', async () => {
+    const cjk = { ...items[2], id: 'c1', name: '季度报告.png' };
+    renderPage('/v2/artifacts', { items: [cjk] });
+    const name = await screen.findByRole('button', { name: '季度报告.png' });
+    expect(name).toHaveTextContent('季度报告.png');
+    expect(screen.getByRole('button', { name: 'Download 季度报告.png' })).toBeInTheDocument();
+    fireEvent.click(name);
+    expect(await screen.findByRole('dialog')).toHaveTextContent('季度报告.png');
+  });
+
+  test('the pod count waits until every file is loaded', async () => {
+    const { container } = renderPage('/v2/artifacts', { nextCursor: 'cur-1', total: 4 });
+    await screen.findByText('3 of 4 · newest first');
+    expect(container.querySelector('.v2a-meta')).toHaveTextContent(/^4 files$/);
+    fireEvent.click(screen.getByRole('button', { name: '1 more' }));
+    await screen.findByText('4 of 4 · newest first');
+    expect(container.querySelector('.v2a-meta')).toHaveTextContent('4 files · 2 pods');
   });
 
   test('kind, pod and search filters travel through the URL to the one query', async () => {
     renderPage();
     await screen.findByRole('button', { name: 'workspace-at-scale.html' });
-    fireEvent.click(screen.getByRole('button', { name: 'Images' }));
+    fireEvent.click(screen.getByRole('radio', { name: 'Images' }));
     await waitFor(() => expect(axios.get).toHaveBeenCalledWith('/api/artifacts', expect.objectContaining({ params: expect.objectContaining({ kind: 'image' }) })));
     expect(await screen.findByRole('button', { name: 'walk-1440.png' })).toBeInTheDocument();
     expect(screen.queryByRole('button', { name: 'plan.md' })).not.toBeInTheDocument();
+    expect(screen.getByRole('radio', { name: 'Images' })).toHaveAttribute('aria-checked', 'true');
 
-    fireEvent.click(screen.getByRole('button', { name: 'All' }));
-    fireEvent.click(screen.getByRole('button', { name: 'Connectors v2' }));
+    fireEvent.click(screen.getByRole('radio', { name: 'All' }));
+    const pod = screen.getByRole('combobox', { name: 'Pod' });
+    // Every pod is in the select, by its short name, after All pods.
+    expect(within(pod).getAllByRole('option').map((o) => o.textContent)).toEqual(['All pods', 'Sharpen', 'Connectors v2', 'YC S27 prep']);
+    fireEvent.change(pod, { target: { value: 'p2' } });
     await waitFor(() => expect(axios.get).toHaveBeenCalledWith('/api/artifacts', expect.objectContaining({ params: expect.objectContaining({ podId: 'p2' }) })));
     expect(await screen.findByRole('button', { name: 'plan.md' })).toBeInTheDocument();
+    // A chosen pod leaves one group.
+    expect(screen.getAllByRole('heading', { level: 2 }).map((h) => h.textContent)).toEqual(['Connectors v2']);
 
-    fireEvent.click(screen.getByRole('button', { name: 'All pods' }));
+    fireEvent.change(screen.getByRole('combobox', { name: 'Pod' }), { target: { value: '' } });
     fireEvent.change(screen.getByRole('searchbox', { name: 'Search files' }), { target: { value: 'walk' } });
     await waitFor(() => expect(axios.get).toHaveBeenCalledWith('/api/artifacts', expect.objectContaining({ params: expect.objectContaining({ q: 'walk' }) })));
     expect(await screen.findByRole('button', { name: 'walk-1440.png' })).toBeInTheDocument();
   });
 
-  test('a podId in the URL (the inspector’s All N files link) scopes the first read', async () => {
+  test('a podId in the URL (the inspector’s All N files link) scopes the first read and shows in the select', async () => {
     renderPage('/v2/artifacts?podId=p2');
     expect(await screen.findByRole('button', { name: 'plan.md' })).toBeInTheDocument();
     expect(axios.get).toHaveBeenCalledWith('/api/artifacts', expect.objectContaining({ params: expect.objectContaining({ podId: 'p2' }) }));
     expect(screen.queryByRole('button', { name: 'walk-1440.png' })).not.toBeInTheDocument();
+    await waitFor(() => expect(screen.getByRole('combobox', { name: 'Pod' })).toHaveValue('p2'));
   });
 
-  test('pages by cursor from the foot and opens a file through a signed URL', async () => {
+  test('pages by cursor from the foot and opens a file through a signed URL, from the name or the open key', async () => {
     const open = jest.spyOn(window, 'open').mockImplementation(() => null);
     renderPage('/v2/artifacts', { nextCursor: 'cur-1', total: 4 });
     await screen.findByText('3 of 4 · newest first');
@@ -115,17 +174,80 @@ describe('V2ArtifactsPage (direction C, PR 5)', () => {
     expect(await screen.findByRole('button', { name: 'skydeck-b23.pdf' })).toBeInTheDocument();
     expect(axios.get).toHaveBeenCalledWith('/api/artifacts', expect.objectContaining({ params: expect.objectContaining({ after: 'cur-1' }) }));
     expect(screen.getByText('4 of 4 · newest first')).toBeInTheDocument();
+    // The second page lands in the group it belongs to, not a new one.
+    expect(within(groupNamed('Connectors v2')).getByRole('button', { name: 'skydeck-b23.pdf' })).toBeInTheDocument();
     // A doc opens in a new tab through a signed URL; an image opens the chat lightbox.
     fireEvent.click(screen.getByRole('button', { name: 'plan.md' }));
     await waitFor(() => expect(mockSigned).toHaveBeenCalledWith('/api/uploads/x3.md'));
     await waitFor(() => expect(open).toHaveBeenCalledWith('/api/uploads/x3.md?t=signed', '_blank', 'noopener'));
+    fireEvent.click(screen.getByRole('button', { name: 'Open plan.md' }));
+    await waitFor(() => expect(open).toHaveBeenCalledTimes(2));
     fireEvent.click(screen.getByRole('button', { name: 'walk-1440.png' }));
     expect(await screen.findByRole('dialog')).toBeInTheDocument();
-    expect(open).toHaveBeenCalledTimes(1);
+    expect(open).toHaveBeenCalledTimes(2);
     open.mockRestore();
   });
 
-  // Day zero (d215 s-artifacts): nothing shared and no filter set → no controls, no count, one card.
+  test('the download name drops separators and control characters, keeps CJK, and falls back', () => {
+    expect(safeDownloadName('../../etc/passwd', 'x1.txt')).toBe('etcpasswd');
+    expect(safeDownloadName('a\\b:c*?"<>|d.md', 'x1.md')).toBe('abcd.md');
+    expect(safeDownloadName('报告\u0007 2026.pdf', 'x1.pdf')).toBe('报告 2026.pdf');
+    expect(safeDownloadName('...', 'x1.bin')).toBe('x1.bin');
+    expect(safeDownloadName('', 'x1.bin')).toBe('x1.bin');
+  });
+
+  test('download saves the bytes from the signed URL under the file’s own name', async () => {
+    const blob = new Blob(['x']);
+    global.fetch = jest.fn().mockResolvedValue({ ok: true, blob: async () => blob });
+    URL.createObjectURL = jest.fn(() => 'blob:artifact');
+    URL.revokeObjectURL = jest.fn();
+    const clicked = [];
+    const click = jest.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(function record() { clicked.push({ href: this.href, download: this.download }); });
+    const open = jest.spyOn(window, 'open').mockImplementation(() => null);
+    renderPage();
+    fireEvent.click(await screen.findByRole('button', { name: 'Download plan.md' }));
+    await waitFor(() => expect(clicked).toEqual([{ href: 'blob:artifact', download: 'plan.md' }]));
+    expect(mockSigned).toHaveBeenCalledWith('/api/uploads/x3.md');
+    expect(global.fetch).toHaveBeenCalledWith('/api/uploads/x3.md?t=signed', { method: 'GET' });
+    // Download is a read: every request it makes is a GET.
+    expect(global.fetch.mock.calls.every(([, init]) => init?.method === 'GET')).toBe(true);
+    expect(open).not.toHaveBeenCalled();
+    // The object URL is let go after a beat, not left to leak.
+    await waitFor(() => expect(URL.revokeObjectURL).toHaveBeenCalledWith('blob:artifact'), { timeout: 2000 });
+    // When the bytes can't be read, the signed URL opens and the server decides.
+    global.fetch = jest.fn().mockRejectedValue(new TypeError('cors'));
+    fireEvent.click(screen.getByRole('button', { name: 'Download walk-1440.png' }));
+    await waitFor(() => expect(open).toHaveBeenCalledWith('/api/uploads/x2.png?t=signed', '_blank', 'noopener'));
+    click.mockRestore(); open.mockRestore(); delete global.fetch;
+  });
+
+  test('390: the search is the top bar key, kind and pod share the control row, the size folds into the line, ↓ is the one key', async () => {
+    setPhone(true);
+    renderPage();
+    await screen.findByRole('button', { name: 'walk-1440.png' });
+    expect(screen.queryByRole('searchbox')).not.toBeInTheDocument();
+    const key = screen.getByRole('button', { name: 'Search files' });
+    expect(key).toHaveAttribute('aria-expanded', 'false');
+    fireEvent.click(key);
+    expect(screen.getByRole('searchbox', { name: 'Search files' })).toBeInTheDocument();
+    expect(key).toHaveAttribute('aria-expanded', 'true');
+    const row = within(rowOf('walk-1440.png'));
+    expect(row.getByText('412 KB').closest('.v2a-sn')).not.toBeNull();
+    expect(row.queryByRole('button', { name: 'Open walk-1440.png' })).not.toBeInTheDocument();
+    expect(row.getByRole('button', { name: 'Download walk-1440.png' })).toBeInTheDocument();
+    // A page has no size, so its line stops at the time.
+    expect(within(rowOf('workspace-at-scale.html')).queryByText('—')).not.toBeInTheDocument();
+    expect(document.querySelector('.v2a-ctl')).toContainElement(screen.getByRole('radiogroup', { name: 'Kind' }));
+    expect(document.querySelector('.v2a-ctl')).toContainElement(screen.getByRole('combobox', { name: 'Pod' }));
+  });
+
+  test('390: a search in the URL keeps the field open', async () => {
+    setPhone(true);
+    renderPage('/v2/artifacts?q=walk');
+    expect(await screen.findByRole('searchbox', { name: 'Search files' })).toHaveValue('walk');
+  });
+
+  // Day zero: nothing shared and no filter set → no controls, no count, one quiet row.
   const renderEmpty = (initial, { pods = [] } = {}) => {
     axios.get.mockImplementation((url) => {
       if (url === '/api/pods') return Promise.resolve({ data: pods });
@@ -136,18 +258,20 @@ describe('V2ArtifactsPage (direction C, PR 5)', () => {
   };
   const workspace = { _id: 'w1', name: 'My Workspace', createdAt: '2026-10-01T00:00:00.000Z' };
 
-  test('day zero: no kind, pod or search controls and no count; one card whose key opens My Workspace', async () => {
+  test.each([[false], [true]])('day zero (phone %s): no controls and no count; one row whose key opens My Workspace', async (phone) => {
+    setPhone(phone);
     const { container } = renderEmpty('/v2/artifacts', { pods: [workspace] });
-    expect(await screen.findByRole('heading', { name: 'Nothing shared yet' })).toBeInTheDocument();
-    expect(screen.getByText('Files you and your agents share in a pod land here: docs, images and pages.')).toBeInTheDocument();
+    expect(await screen.findByText('Files you and your agents share in a pod land here.')).toBeInTheDocument();
     const open = await screen.findByRole('link', { name: 'Open My Workspace' });
     expect(open).toHaveAttribute('href', '/v2/pods/w1');
-    expect(open).toHaveClass('v2-artifacts__open');
-    expect(screen.queryByRole('group', { name: 'Kind' })).not.toBeInTheDocument();
-    expect(screen.queryByRole('group', { name: 'Pod' })).not.toBeInTheDocument();
+    expect(open).toHaveClass('v2a-open');
+    expect(screen.queryByRole('heading', { level: 2 })).not.toBeInTheDocument();
+    expect(screen.queryByRole('radiogroup', { name: 'Kind' })).not.toBeInTheDocument();
+    expect(screen.queryByRole('combobox', { name: 'Pod' })).not.toBeInTheDocument();
     expect(screen.queryByRole('searchbox')).not.toBeInTheDocument();
-    expect(container.querySelector('.v2-artifacts__controls')).toBeNull();
-    expect(container.querySelector('.v2-page-head__meta')).toBeNull();
+    expect(screen.queryByRole('button', { name: 'Search files' })).not.toBeInTheDocument();
+    expect(container.querySelector('.v2a-meta')).toBeNull();
+    expect(container.querySelector(phone ? '.v2a-row--open' : '.v2a-row--one')).not.toBeNull();
     expect(screen.queryByText(/Nothing matches/)).not.toBeInTheDocument();
   });
 
@@ -171,33 +295,40 @@ describe('V2ArtifactsPage (direction C, PR 5)', () => {
       record.removedNodes.forEach((node) => { if (node.classList) seen.push(`rm:${node.className}`); });
     }));
     observer.observe(container, { childList: true, subtree: true });
-    const all = within(screen.getByRole('group', { name: 'Pod' })).getByRole('button', { name: 'All pods' });
-    all.focus();
-    fireEvent.click(all);
+    const pod = screen.getByRole('combobox', { name: 'Pod' });
+    pod.focus();
+    fireEvent.change(pod, { target: { value: '' } });
     await screen.findByRole('button', { name: 'workspace-at-scale.html' });
     observer.disconnect();
-    expect(seen.filter((entry) => /v2-artifacts__(zero|controls)/.test(entry))).toEqual([]);
-    expect(document.activeElement).toBe(within(screen.getByRole('group', { name: 'Pod' })).getByRole('button', { name: 'All pods' }));
+    expect(seen.filter((entry) => /v2a-(row--one|row--open|sel|search|seg)\b/.test(entry))).toEqual([]);
+    expect(document.activeElement).toBe(screen.getByRole('combobox', { name: 'Pod' }));
   });
 
-  test('day zero with no pods keeps the card and omits the key', async () => {
+  test('day zero with no pods keeps the row and omits the key', async () => {
     renderEmpty('/v2/artifacts');
-    expect(await screen.findByRole('heading', { name: 'Nothing shared yet' })).toBeInTheDocument();
+    expect(await screen.findByText('Files you and your agents share in a pod land here.')).toBeInTheDocument();
     await waitFor(() => expect(axios.get).toHaveBeenCalledWith('/api/pods', expect.anything()));
     expect(screen.queryByRole('link')).not.toBeInTheDocument();
   });
 
-  test('a filtered empty result keeps the controls, the count and the dashed line, not the card', async () => {
+  test('a filtered empty result keeps the controls, the count and one row, not day zero', async () => {
     const { container } = renderEmpty('/v2/artifacts?kind=image', { pods: [workspace] });
     expect(await screen.findByText('Nothing matches. Clear a filter or the search.')).toBeInTheDocument();
-    expect(screen.getByRole('group', { name: 'Kind' })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: 'Images' })).toHaveAttribute('aria-pressed', 'true');
+    expect(screen.getByRole('radiogroup', { name: 'Kind' })).toBeInTheDocument();
+    expect(screen.getByRole('radio', { name: 'Images' })).toHaveAttribute('aria-checked', 'true');
     expect(screen.getByRole('searchbox', { name: 'Search files' })).toBeInTheDocument();
-    expect(container.querySelector('.v2-page-head__meta')).toHaveTextContent('0');
-    expect(screen.queryByRole('heading', { name: 'Nothing shared yet' })).not.toBeInTheDocument();
+    expect(container.querySelector('.v2a-meta')).toHaveTextContent('0 files · 0 pods');
+    expect(screen.queryByText('Files you and your agents share in a pod land here.')).not.toBeInTheDocument();
     expect(screen.queryByRole('link', { name: /^Open / })).not.toBeInTheDocument();
   });
 
+  test('a load failure is one alert row, never day zero', async () => {
+    axios.get.mockImplementation((url) => (url === '/api/artifacts' ? Promise.reject(new Error('500')) : Promise.resolve({ data: [] })));
+    render(<MemoryRouter initialEntries={['/v2/artifacts']}><V2ArtifactsPage /></MemoryRouter>);
+    expect(await screen.findByRole('alert')).toHaveTextContent('Could not load artifacts.');
+    expect(screen.queryByText('Files you and your agents share in a pod land here.')).not.toBeInTheDocument();
+  });
+
   test('typing a search before the first empty answer lands keeps the search box and focus', async () => {
     let answer;
     axios.get.mockImplementation((url) => {
@@ -211,7 +342,7 @@ describe('V2ArtifactsPage (direction C, PR 5)', () => {
     fireEvent.change(search, { target: { value: 'pl' } });
     // The unfiltered answer lands inside the 250ms debounce, before ?q reaches the URL.
     await act(async () => { answer({ data: { items: [], nextCursor: null, total: 0, limit: 50 } }); });
-    expect(screen.queryByRole('heading', { name: 'Nothing shared yet' })).not.toBeInTheDocument();
+    expect(screen.queryByText('Files you and your agents share in a pod land here.')).not.toBeInTheDocument();
     expect(screen.getByRole('searchbox', { name: 'Search files' })).toBe(search);
     expect(document.activeElement).toBe(search);
   });
@@ -220,9 +351,9 @@ describe('V2ArtifactsPage (direction C, PR 5)', () => {
     ['a search', '/v2/artifacts?q=unmatched'],
     ['a pod', '/v2/artifacts?podId=w1'],
   ])('%s with no matches keeps the controls and the filtered line, never day zero', async (_label, url) => {
-    const { container } = renderEmpty(url, { pods: [workspace] });
+    renderEmpty(url, { pods: [workspace] });
     expect(await screen.findByText('Nothing matches. Clear a filter or the search.')).toBeInTheDocument();
-    expect(container.querySelector('.v2-artifacts__controls')).not.toBeNull();
-    expect(screen.queryByRole('heading', { name: 'Nothing shared yet' })).not.toBeInTheDocument();
+    expect(screen.getByRole('radiogroup', { name: 'Kind' })).toBeInTheDocument();
+    expect(screen.queryByText('Files you and your agents share in a pod land here.')).not.toBeInTheDocument();
   });
 });
diff --git a/frontend/src/v2/__tests__/v2-layout-invariants.test.ts b/frontend/src/v2/__tests__/v2-layout-invariants.test.ts
index 9077a8360..ddd86b1f8 100644
--- a/frontend/src/v2/__tests__/v2-layout-invariants.test.ts
+++ b/frontend/src/v2/__tests__/v2-layout-invariants.test.ts
@@ -174,34 +174,12 @@ describe('v2 layout invariants (CSS rule presence)', () => {
     expect(phone).toMatch(/\.v2-profile \.v2-profile__follow, \.v2-profile \.v2-profile__edit \{[^}]*flex: 1 0 100%/);
   });
 
-  test('/v2/artifacts: on a phone the page head is the pinned 52px bar (d215 .mtop 390)', () => {
+  test('/v2/activity and /v2/artifacts: the shared phone head bar left v2.css with both pages (d215 builds)', () => {
     const v2 = readV2Css();
-    const barSelector = '.v2-artifacts__head {';
-    const phone = mediaBlockContaining(v2, '  .v2-artifacts__head {\n    position: sticky;');
-    // The head renders inside the scrolling .v2-feature__body; sticky is what keeps it on screen.
-    const bar = selectorRuleBody(phone, barSelector);
-    expect(bar).toContain('position: sticky');
-    expect(bar).toContain('top: 0');
-    expect(bar).toContain('min-height: 52px');
-    expect(bar).toContain('align-items: center');
-    expect(bar).toContain('border-bottom: 1px solid var(--v2-border-soft)');
-    // Opaque, or rows scroll visibly under the bar.
-    expect(bar).toContain('background: var(--v2-surface)');
-    // The compact 22px title, not the desktop 32px display head.
-    expect(selectorRuleBody(phone, '.v2-artifacts__head .v2-artifacts__title {')).toContain('font: 800 22px/1');
-    // The meta sits at the bar's right edge and truncates rather than wrapping.
-    expect(selectorRuleBody(phone, '.v2-artifacts__head .v2-page-head__meta {')).toContain('margin-left: auto');
-    // Artifacts pads its column 12px; the bar bleeds back out to the pane edges.
-    // ...and the column's 16px phone top padding is dropped, so the bar starts at 0,0 before any scroll.
-    expect(phone).toContain('.v2-artifacts { padding-top: 0; }');
-    expect(phone).toContain('.v2-artifacts__head { margin: 0 -12px; }');
-    expect(v2.indexOf(phone)).toBeGreaterThan(v2.indexOf('\n.v2-artifacts__head {'));
-    // ...and after the Artifacts phone rule, whose 16px top padding would push the bar down until scrolled.
-    const artifactsPhonePad = v2.indexOf('.v2-artifacts { padding: 16px 12px 0;');
-    expect(artifactsPhonePad).toBeGreaterThan(-1);
-    expect(v2.indexOf(phone)).toBeGreaterThan(artifactsPhonePad);
-    // Activity left this shared bar for its own sheet (d215 activity build).
+    // Each page now pins its own 52px bar in its own sheet (V2ActivityPage.css, V2ArtifactsPage.css),
+    // guarded in their describes below; a copy left here would fight those rules by source order.
     expect(v2).not.toContain('v2-activity');
+    expect(v2).not.toContain('v2-artifacts');
   });
 
 
@@ -956,64 +934,94 @@ describe('v2 layout invariants (CSS rule presence)', () => {
     expect(v2).toContain(':not(.v2-pods-aside):not(.v2-pane--inspector)');
   });
 
-  test('Artifacts (direction C, PR 5): display head, one segment grammar, bordered ext chip, mono numbers, phone block', () => {
-    const artifactsPage = fs.readFileSync(path.join(__dirname, '../components/V2ArtifactsPage.tsx'), 'utf8');
+  test('Artifacts (d215 #s-artifacts-signal): .ph head, one .seg and one .sel, pod groups of hairline rows, hover keys, 390 block', () => {
+    const page = read('../components/V2ArtifactsPage.tsx');
+    const ac = read('../components/V2ArtifactsPage.css');
     expect(v2App).toContain("'v2-feature--artifacts'");
     expect(v2App).toContain('<V2ArtifactsPage />');
-    expect(ruleBody(v2, '.v2-artifacts__title')).toContain('32px/1.1 var(--v2-font-display)');
-    expect(ruleBody(v2, '.v2-page-head__meta')).toContain('color: var(--v2-text-muted)');
-    expect(ruleBody(v2, '.v2-artifacts__seg')).toContain('border: 1px solid var(--v2-border)');
-    expect(ruleBody(v2, '.v2-root button.v2-artifacts__seg-button--active')).toContain('background: var(--v2-surface-hover)');
-    expect(ruleBody(v2, '.v2-root button.v2-artifacts__seg-button--active')).not.toContain('var(--v2-ink)');
-    const ext = ruleBody(v2, '.v2-artifacts__ext');
-    expect(ext).toContain('border: 1px solid var(--v2-border)');
+    expect(page).toContain("import './V2ArtifactsPage.css';");
+    // The page fills the pane; its head stays put and the body scrolls under it.
+    expect(ruleBody(ac, '.v2-feature--artifacts > .v2-feature__body')).toContain('overflow: hidden');
+    expect(ruleBody(ac, '.v2a-body')).toContain('overflow-y: auto');
+    // The retired table and two pill groups are gone from the sheet and the page.
+    expect(v2).not.toMatch(/\.v2-artifacts__(table|seg|controls|zero|head)\b/);
+    expect(page).not.toMatch(/<table|v2-artifacts__/);
+    // The head is the shared .v2p-ph bar, as on Activity (consistency ruling 11-04): 64px, hairline
+    // under it, Bricolage 24/800 at -0.03em (-0.72px), 28px in, and the count in mono 11.5/500.
+    expect(page).toContain('<header className="v2p-ph v2a-head">');
+    expect(page).toContain('<span className="meta v2a-meta">');
+    expect(ac).not.toMatch(/^\.v2a-(head|title) \{/m);
+    const ph = ruleBody(read('../primitives/primitives.css'), '.v2p-ph');
+    expect(ph).toContain('height: 64px');
+    expect(ph).toContain('padding: 0 20px 0 28px');
+    expect(ph).toContain('border-bottom: 1px solid var(--v2-border-soft)');
+    expect(selectorRuleBody(read('../primitives/primitives.css'), '.v2p-ph h1 {')).toContain('font: 800 24px/1 var(--v2-font-display)');
+    expect(selectorRuleBody(ac, '\n.v2a-head.v2p-ph .meta {')).toContain('font: 500 11.5px/1 var(--v2-font-mono)');
+    expect(ac).toContain('.v2-root:lang(zh) .v2a-title { letter-spacing: 0; }');
+    // Kind is the shared segment; pod is a native select dressed as the frame's .sel.
+    expect(page).toContain('<V2Segmented');
+    expect(page).toMatch(/<label className="v2a-sel">\s*<select/);
+    expect(ruleBody(ac, '.v2a-sel')).toContain('box-shadow: inset 0 0 0 1px var(--v2-border)');
+    // Groups: mono section label over one primitive list; rows split by hairlines, no rail (D225).
+    expect(page).toContain('className="v2p-gtitle v2a-gtitle"');
+    expect(page).toContain('className="v2p-list v2a-list"');
+    const row = ruleBody(ac, '.v2a-row');
+    expect(row).toContain('border-top: 1px solid var(--v2-border-soft)');
+    expect(ac).toContain('.v2a-row:first-child { border-top: 0; }');
+    expect(ruleBody(ac, '.v2a-file')).toContain('grid-template-columns: 38px minmax(0, 1fr) auto');
+    expect(ac.replace(/\/\*[\s\S]*?\*\//g, '')).not.toMatch(/border-(left|inline-start)|inset\s+-?[1-9]\d*px\s+0\s+0/);
+    // The type badge: the extension in mono on a grey key, never a colour square.
+    const ext = ruleBody(ac, '.v2a-ext');
+    expect(ext).toContain('background: var(--v2-surface-tint)');
     expect(ext).toContain('var(--v2-font-mono)');
-    expect(ruleBody(v2, '.v2-artifacts__mono')).toContain('var(--v2-font-mono)');
-    expect(ruleBody(v2, '.v2-artifacts__table-wrap')).toContain('overflow-x: auto');
-    expect(ruleBody(v2, '.v2-root button.v2-artifacts__more')).toContain('color: var(--v2-accent-text)');
-    // page = text/html only shows no size; the ext chip is the extension, never a colour square.
-    expect(artifactsPage).toContain("item.kind === 'page' ? '—' : formatSize(item.size)");
-    expect(artifactsPage).toContain('extOf(item.name)');
-    expect(v2).toMatch(/@media \(max-width: 760px\) \{[\s\S]*?\.v2-artifacts__controls \{ flex-direction: column; align-items: stretch; \}/);
-    // ux-lead 66462: mono floor 11 on the chip; the table spans the content area (no centred cap);
-    // ≤760 hides pod / shared-by / size and folds the pod under the name; the head is the pinned bar.
-    expect(ext).toContain('11px/14px var(--v2-font-mono)');
-    expect(ruleBody(v2, '.v2-workspace-inspector__ext')).toContain('11px/14px var(--v2-font-mono)');
-    expect(ruleBody(v2, '.v2-artifacts')).not.toContain('1040px');
-    expect(v2).toMatch(/@media \(max-width: 760px\) \{[\s\S]*?\.v2-artifacts__pod-line \{ display: block; flex: 1 1 100%; \}/);
-    expect(v2).not.toMatch(/@media \(max-width: 760px\) \{[\s\S]*?\.v2-artifacts__title \{ font-size: 28px; \}/);
+    expect(page).toContain('extOf(item.name)');
+    expect(page).toContain("item.kind === 'page' ? '—' : formatSize(item.size)");
+    // The name is the row's open target: its hit area covers the row, the keys sit above it.
+    expect(ruleBody(ac, '.v2a-name::after')).toContain('inset: 0');
+    expect(ruleBody(ac, '.v2a-ac')).toContain('z-index: 1');
+    // Memory's hover keys: hidden at rest, shown on hover or focus, where they replace the size.
+    expect(ruleBody(ac, '.v2a-hv')).toContain('display: none');
+    expect(ac).toContain('.v2a-file:hover .v2a-hv, .v2a-file:focus-within .v2a-hv { display: flex; }');
+    expect(ac).toContain('.v2a-file:hover .v2a-size, .v2a-file:focus-within .v2a-size { display: none; }');
     // An image row opens the chat lightbox; pages and docs open in a new tab (66462 overrule).
-    expect(artifactsPage).toContain("if (item.kind === 'image') { setLightbox(item); return; }");
+    expect(page).toContain("if (item.kind === 'image') { setLightbox(item); return; }");
     expect(workspaceInspector).toContain("if (file.kind === 'image') { setLightbox(file); return; }");
     // Inspector Files pane: same rows, ext chip in front, All N files as cobalt text.
+    expect(ruleBody(v2, '.v2-workspace-inspector__ext')).toContain('11px/14px var(--v2-font-mono)');
     expect(workspaceInspector).toContain("'inspector.workspace.files'");
     expect(workspaceInspector).toContain('/api/artifacts?podId=');
     expect(ruleBody(v2, '.v2-root button.v2-workspace-inspector__all-files')).toContain('color: var(--v2-accent-text)');
   });
 
-  test('Artifacts day zero (d215 s-artifacts): one bordered card, an ink key, 44px full width at ≤760', () => {
-    const zero = ruleBody(v2, '.v2-artifacts__zero');
-    // Bordered, not dashed: the dashed line is the filtered-empty state.
-    expect(zero).toContain('border: 1px solid var(--v2-border)');
-    expect(zero).toContain('border-radius: var(--v2-radius)');
-    const key = ruleBody(v2, '.v2-root a.v2-artifacts__open');
-    expect(key).toContain('background: var(--v2-ink)');
-    expect(key).toContain('color: var(--v2-on-ink)');
-    expect(key).toContain('min-height: 32px');
-    // Pod names have no length limit: the label wraps inside the card instead of running past it.
-    expect(key).toContain('overflow-wrap: anywhere');
-    expect(key).not.toContain('nowrap');
-    // The 44px rule must sit INSIDE a ≤760 block, not at top level or in a narrower query:
-    // resolve the media block that actually encloses it (the enclosingMedia pattern above).
-    const enclosingMedia = (rule: string): string | null => {
-      const at = v2.indexOf(rule);
-      expect(at).toBeGreaterThan(-1);
-      const open = v2.lastIndexOf('@media', at);
-      if (open === -1) return null;
-      const close = v2.indexOf('\n}', open);
-      return close > at ? v2.slice(open, v2.indexOf('{', open)).trim() : null;
-    };
-    expect(enclosingMedia('.v2-root a.v2-artifacts__open { display: flex; width: 100%; min-height: 44px; }')).toBe('@media (max-width: 760px)');
+  test('Artifacts on a wide touch screen: no hover, so Open and Download stay out', () => {
+    const ac = read('../components/V2ArtifactsPage.css');
+    const touch = blockContaining(ac, '@media (hover: none) and (min-width: 761px)', '.v2a-hv');
+    expect(touch).toContain('.v2a-file .v2a-hv { display: flex; }');
+    expect(touch).toContain('.v2a-file .v2a-size { display: none; }');
+  });
+
+  test('Artifacts 390 (d215 .app.m.sg): 52px bar, 12px gutter, 44px controls and keys, wrapping names, no sideways scroll', () => {
+    const ac = read('../components/V2ArtifactsPage.css');
+    const phone = blockContaining(ac, '@media (max-width: 760px)', '.v2a-head');
+    // Activity's phone bar: 52px, 12px in from the pane, the title at 21px.
+    expect(selectorRuleBody(phone, '.v2a-head.v2p-ph {')).toContain('height: 52px');
+    expect(selectorRuleBody(phone, '.v2a-head.v2p-ph {')).toContain('padding: 0 10px 0 12px');
+    expect(selectorRuleBody(phone, '.v2a-head.v2p-ph h1 {')).toContain('font-size: 21px');
+    // The 12px side gutter of the picked pages (consistency ruling 11-04).
+    expect(ruleBody(phone, '.v2a-body', { within: phone })).toContain('padding: 12px 12px 16px');
+    // The segment is 44 tall: 40px items in its 2px track.
+    expect(ruleBody(phone, '.v2a-ctl .v2a-seg button', { within: phone })).toContain('height: 40px');
+    expect(ruleBody(read('../primitives/primitives.css'), '.v2p-seg')).toContain('padding: 2px');
+    expect(ruleBody(phone, '.v2a .v2a-searchkey', { within: phone })).toContain('height: 44px');
+    expect(ruleBody(phone, '.v2a-ctl .v2a-sel', { within: phone })).toContain('--box-h: 44px');
+    expect(ruleBody(phone, '.v2a .v2a-hv .v2p-ib', { within: phone })).toContain('height: 44px');
+    expect(ruleBody(phone, '.v2a .v2a-keys .v2a-open', { within: phone })).toContain('height: 44px');
+    expect(ruleBody(phone, '.v2a .v2a-foot .v2a-more', { within: phone })).toContain('height: 44px');
+    // On touch the ↓ key shows at rest, without the hover card's lift.
+    expect(ruleBody(phone, '.v2a-hv', { within: phone })).toContain('display: flex');
+    // Long and CJK names wrap inside the row instead of pushing it wide.
+    expect(ruleBody(phone, '.v2a-name', { within: phone })).toContain('overflow-wrap: anywhere');
+    expect(ruleBody(ac, '.v2a-main')).toContain('min-width: 0');
   });
 
   test('workspace inspector is the small three-card replacement, with a phone sheet rather than legacy tabs', () => {
diff --git a/frontend/src/v2/components/V2ArtifactsPage.css b/frontend/src/v2/components/V2ArtifactsPage.css
new file mode 100644
index 000000000..23605ceeb
--- /dev/null
+++ b/frontend/src/v2/components/V2ArtifactsPage.css
@@ -0,0 +1,110 @@
+/* Artifacts, lifted from docs/design/artboards/d215 #s-artifacts-signal (the .sg block:
+   .ph head, .gtitle labels over hairline-split .list groups, the .sg-ext badge, Memory's
+   .hv hover keys, .seg, .sel, .search, .b keys). Class names keep the frame's under a v2a-
+   prefix; the list, group title, segment and keys are the v2p- primitives. Colours come only
+   from --v2-* tokens, so light and dark share one rule set. Pinned by v2-layout-invariants. */
+
+/* The page fills the pane: no feature-page inset or cap (the route passes v2-feature--artifacts,
+   the same opt-out connectors and memory use). The head stays put; the body scrolls under it. */
+.v2-feature--artifacts > .v2-feature__body { padding: 0; display: flex; flex-direction: column; overflow: hidden; }
+.v2-feature--artifacts .v2-feature__legacy { flex: 1 1 auto; width: 100%; max-width: none; min-height: 0; margin: 0; display: flex; flex-direction: column; }
+.v2a { flex: 1 1 auto; min-height: 0; min-width: 0; display: flex; flex-direction: column; color: var(--v2-text-primary); }
+
+/* Mono never sits under the 11px type floor (ruling h), so the frame's 10.5px key cap and 9.5px
+   badge are set at 11px. */
+/* ---- head: the shared .v2p-ph bar Activity uses (64px, hairline under it, Bricolage 24/800 at
+   -0.03em, 28px in from the pane), then search, kind segment and pod select at the right ---- */
+.v2a-head.v2p-ph { min-width: 0; }
+.v2a-head.v2p-ph .meta { min-width: 0; font: 500 11.5px/1 var(--v2-font-mono); overflow: hidden; text-overflow: ellipsis; }
+.v2-root:lang(zh) .v2a-title { letter-spacing: 0; }
+.v2a-search { flex: none; width: 240px; height: 32px; box-sizing: border-box; display: flex; align-items: center; gap: 7px; padding: 0 8px 0 10px; border-radius: var(--v2-r-10); background: var(--v2-bg-subtle); box-shadow: inset 0 0 0 1px var(--v2-border-soft); color: var(--v2-text-placeholder); font-size: 13px; min-width: 0; }
+.v2a-search svg.i { flex: none; width: 15px; height: 15px; }
+.v2a-search input { all: unset; flex: 1; min-width: 0; font-size: 13px; color: var(--v2-text-primary); }
+.v2a-search input::placeholder { color: var(--v2-text-placeholder); }
+.v2a-search input::-webkit-search-cancel-button { display: none; }
+.v2a-search:focus-within { box-shadow: inset 0 0 0 1px var(--v2-border-soft), var(--v2-focus-ring); }
+.v2a-kb { margin-left: auto; padding: 3px 5px; border-radius: 5px; background: var(--v2-surface); box-shadow: 0 0 0 1px var(--v2-border-soft); font: 500 11px/1 var(--v2-font-mono); color: var(--v2-text-muted); }
+/* .sel: a native select dressed as the frame's select key, as agent settings dresses its own. */
+.v2a-sel { --box-h: 32px; position: relative; flex: none; height: var(--box-h); box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; padding: 0 8px 0 11px; border-radius: var(--v2-r-9); background: var(--v2-surface); box-shadow: inset 0 0 0 1px var(--v2-border); font: 500 12.5px/1 var(--v2-font); color: var(--v2-ink-2); white-space: nowrap; }
+.v2a-sel select { all: unset; box-sizing: border-box; cursor: pointer; max-width: 180px; height: var(--box-h); padding-right: 20px; margin-right: -20px; font: inherit; line-height: var(--box-h); color: inherit; overflow: hidden; text-overflow: ellipsis; }
+.v2a-sel svg.i { width: 14px; height: 14px; color: var(--v2-text-muted); pointer-events: none; }
+.v2a-sel:focus-within { box-shadow: inset 0 0 0 1px var(--v2-border), var(--v2-focus-ring); }
+.v2a-head svg.i, .v2a-body svg.i { flex: none; }
+
+/* ---- body: one centred 760 column ---- */
+.v2a-body { flex: 1; min-height: 0; overflow-y: auto; padding: 24px 28px; box-sizing: border-box; }
+.v2a-col { max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; }
+.v2a-gtitle svg.i { width: 13px; height: 13px; }
+.v2a-group + .v2a-group .v2a-gtitle { margin-top: 18px; }
+.v2a-group:first-child .v2a-gtitle { margin-top: 0; }
+.v2a-list { list-style: none; margin: 0; padding: 0; overflow: hidden; }
+
+/* ---- rows: hairline-split, no rail or inset (D225) ---- */
+.v2a-row { position: relative; display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 58px; padding: 9px 12px 9px 14px; border-top: 1px solid var(--v2-border-soft); box-sizing: border-box; }
+.v2a-row:first-child { border-top: 0; }
+.v2a-row > svg.i { width: 16px; height: 16px; color: var(--v2-text-secondary); align-self: start; margin-top: 2px; }
+.v2a-row--one > svg.i { align-self: center; margin-top: 0; }
+.v2a-row--open { align-items: start; }
+.v2a-file { grid-template-columns: 38px minmax(0, 1fr) auto; }
+.v2a-file:hover, .v2a-file:focus-within { background: var(--v2-bg-subtle); }
+.v2a-ext { height: 22px; margin-top: 1px; align-self: start; border-radius: var(--v2-r-6); background: var(--v2-surface-tint); box-shadow: inset 0 0 0 1px var(--v2-border-soft); font: 600 11px/22px var(--v2-font-mono); letter-spacing: 0; color: var(--v2-text-secondary); text-align: center; overflow: hidden; }
+.v2a-main { min-width: 0; }
+/* The name is the row's open target: its hit area stretches over the whole row. */
+.v2a-name { all: unset; box-sizing: border-box; cursor: pointer; display: block; max-width: 100%; font-size: 13.5px; line-height: 20px; font-weight: 600; color: var(--v2-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.v2a-name::after { content: ""; position: absolute; inset: 0; }
+.v2a-sn { margin-top: 1px; font-size: 12.5px; line-height: 18px; color: var(--v2-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.v2a-mo { font: 500 11.5px/1 var(--v2-font-mono); color: var(--v2-text-muted); white-space: nowrap; }
+.v2a-sn .v2a-mo { line-height: 18px; }
+.v2a-tx { margin: 0; font-size: 13.5px; line-height: 20px; }
+.v2a-tx--plain { font-weight: 400; color: var(--v2-ink-2); }
+.v2a-ac { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; }
+/* Memory's hover keys: hidden until the row is hovered or holds focus, then they take the size's place. */
+.v2a-hv { display: none; gap: 2px; padding: 2px; border-radius: var(--v2-r-8); background: var(--v2-surface); box-shadow: var(--v2-shadow-pop); }
+.v2a-file:hover .v2a-hv, .v2a-file:focus-within .v2a-hv { display: flex; }
+.v2a-file:hover .v2a-size, .v2a-file:focus-within .v2a-size { display: none; }
+/* A wide touch screen has no hover, so the keys stay out and the size steps aside. */
+@media (hover: none) and (min-width: 761px) {
+  .v2a-file .v2a-hv { display: flex; }
+  .v2a-file .v2a-size { display: none; }
+}
+.v2a-keys { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
+.v2a-empty { margin: 0; padding: 11px 14px 11px 42px; font-size: 13.5px; line-height: 20px; color: var(--v2-text-secondary); }
+/* Errors speak memory's one-line state (p.v2m-state): text only, no icon, no box. */
+.v2a-state { margin: 0; padding: 4px 2px; font: 400 13.5px/20px var(--v2-font); color: var(--v2-text-secondary); }
+.v2a-loading { display: grid; place-items: center; padding: 24px; }
+
+/* ---- foot: shown of total, then a quiet "N more" ---- */
+.v2a-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 4px 0; }
+.v2a .v2a-more { color: var(--v2-text-primary); }
+.v2a .v2a-more:disabled { cursor: default; color: var(--v2-text-muted); }
+
+/* ---- 390 (.app.m.sg): the head is the 52px top bar with the search key; one 44px control
+   row; rows and keys at the 44px touch floor; the 12px side gutter of the picked pages; the
+   size folds into the secondary line ---- */
+@media (max-width: 760px) {
+  .v2a-head.v2p-ph { height: 52px; gap: 8px; padding: 0 10px 0 12px; }
+  .v2a-head.v2p-ph h1 { font-size: 21px; min-width: 0; flex: none; }
+  .v2a .v2a-searchkey { width: 44px; height: 44px; margin-right: -4px; }
+  .v2a .v2a-searchkey svg.i { width: 18px; height: 18px; }
+  .v2a-body { padding: 12px 12px 16px; }
+  .v2a-col { gap: 10px; }
+  .v2a-search { width: auto; height: 44px; }
+  .v2a-kb { display: none; }
+  .v2a-ctl { display: flex; gap: 8px; }
+  .v2a-ctl .v2a-seg { flex: 1; display: flex; min-width: 0; }
+  /* 40px items in the segment's 2px track: the segment is 44 tall, level with the select. */
+  .v2a-ctl .v2a-seg button { flex: 1; justify-content: center; height: 40px; min-width: 0; }
+  .v2a-ctl .v2a-sel { --box-h: 44px; }
+  .v2a-ctl .v2a-sel select { max-width: 120px; }
+  .v2a-gtitle { margin: 8px 4px 0; }
+  .v2a-group + .v2a-group .v2a-gtitle { margin-top: 8px; }
+  .v2a-group .v2a-gtitle { margin-bottom: 10px; }
+  .v2a-row { min-height: 60px; padding: 8px 8px 8px 12px; gap: 10px; }
+  .v2a-row--open { padding: 12px; }
+  .v2a-name { white-space: normal; overflow-wrap: anywhere; }
+  .v2a-hv { display: flex; padding: 0; background: transparent; box-shadow: none; }
+  .v2a .v2a-hv .v2p-ib { width: 44px; height: 44px; }
+  .v2a-keys { flex-direction: column; }
+  .v2a .v2a-keys .v2a-open { width: 100%; height: 44px; }
+  .v2a .v2a-foot .v2a-more { height: 44px; }
+}
diff --git a/frontend/src/v2/components/V2ArtifactsPage.tsx b/frontend/src/v2/components/V2ArtifactsPage.tsx
index 96203a90a..7499fb5ee 100644
--- a/frontend/src/v2/components/V2ArtifactsPage.tsx
+++ b/frontend/src/v2/components/V2ArtifactsPage.tsx
@@ -1,15 +1,18 @@
-// Artifacts — direction C, PR 5 (ScaleArtifacts.dc.html).
+// Artifacts, d215 #s-artifacts-signal (approved 11-03, D242).
 // Every file and page shared in your pods, newest first, from one query:
 // GET /api/artifacts. The inspector's Files pane is the same query with
-// podId fixed; this page is the query with podId as a filter.
+// podId fixed; this page is the query with podId as a filter. Rows group by
+// pod in the order the query returns them, so pods sort by their newest file.
 import React, { useEffect, useMemo, useState } from 'react';
 import { Link, useSearchParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import axios from 'axios';
 import { getSignedAttachmentUrl } from '../../utils/signedAttachmentUrl';
 import V2Lightbox from './V2Lightbox';
-import V2PageHead from './V2PageHead';
+import V2Segmented from './V2Segmented';
+import { usePhone } from '../connectors/usePhone';
 import { compactAge, compactNow } from '../utils/compactTime';
+import './V2ArtifactsPage.css';
 
 export type ArtifactKind = 'image' | 'page' | 'doc';
 export interface ArtifactItem {
@@ -31,7 +34,7 @@ const KINDS: Array<{ key: '' | ArtifactKind; label: string }> = [
   { key: '', label: 'all' }, { key: 'image', label: 'images' }, { key: 'doc', label: 'docs' }, { key: 'page', label: 'pages' },
 ];
 
-// The ext chip: the file's own extension, uppercase mono, bordered — never a colour square.
+// The type badge: the file's own extension, uppercase mono on a grey key, never a colour square.
 export const extOf = (name: string | null | undefined): string => {
   const m = /\.([a-z0-9]{1,5})$/i.exec(String(name || ''));
   return m ? m[1].toUpperCase() : 'FILE';
@@ -59,22 +62,83 @@ export const whenLabel = (value: string | null | undefined): string => {
   return compactAge('month', Math.floor(days / 30));
 };
 
-// Pods carry a long descriptive title; the table names them by the short leading name.
+// Pods carry a long descriptive title; the page names them by the short leading name.
 export const shortPodName = (name: string | null | undefined): string => (
   (name || '').trim().split(/\s*[·—–:|]\s*/)[0].trim() || (name || '').trim()
 );
 
+export interface ArtifactGroup { key: string; name: string; items: ArtifactItem[] }
+// One group per pod, in first-seen order. The list arrives newest first, so each group is newest
+// first and the groups run by their newest file; a second page appends into the groups it reaches.
+export const groupByPod = (list: ArtifactItem[]): ArtifactGroup[] => {
+  const groups = new Map<string, ArtifactGroup>();
+  list.forEach((item) => {
+    const key = item.podId || '';
+    let group = groups.get(key);
+    if (!group) { group = { key, name: shortPodName(item.podName) || '—', items: [] }; groups.set(key, group); }
+    group.items.push(item);
+  });
+  return [...groups.values()];
+};
+
 const artifactsQueryKey = (podId: string, kind: string, q: string): string => JSON.stringify([podId, kind, q]);
 const UNFILTERED = artifactsQueryKey('', '', '');
+// The shell trades the rail for the tab bar at this width; the page head becomes the 52px bar.
+const PHONE_QUERY = '(max-width: 760px)';
 
 const sharedByLabel = (item: ArtifactItem): string => item.sharedBy.displayName || item.sharedBy.username || '—';
+const sizeLabel = (item: ArtifactItem): string => (item.kind === 'page' ? '—' : formatSize(item.size));
+
+// The d215 sprite glyphs this page draws, at the artboard's stroke.
+const PATHS = {
+  layers: <><path d="M12 2 2 7l10 5 10-5-10-5z" /><path d="m2 17 10 5 10-5" /><path d="m2 12 10 5 10-5" /></>,
+  file: <><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" /><path d="M14 2v6h6M16 13H8M16 17H8" /></>,
+  search: <><circle cx="11" cy="11" r="7" /><path d="m20 20-3.5-3.5" /></>,
+  chev: <path d="m6 9 6 6 6-6" />,
+  down: <path d="M12 4v11M7 10l5 5 5-5M5 20h14" />,
+  open: <path d="M7 17 17 7M8 7h9v9" />,
+} as const;
+const Glyph: React.FC<{ name: keyof typeof PATHS }> = ({ name }) => (
+  <svg className="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" focusable="false">{PATHS[name]}</svg>
+);
+
+// Saves the file under its own name (CJK included). The bytes come through the same signed URL
+// the open path mints; when the blob read fails (CORS, network), the signed URL opens instead,
+// and the server's Content-Disposition decides between showing and saving.
+// The stored name is the uploader's: drop path separators, characters a file system
+// refuses and control characters, keep CJK, and fall back to the stored file name.
+// eslint-disable-next-line no-control-regex
+export const safeDownloadName = (name: string, fallback: string): string => name.replace(/[\\/:*?"<>|\u0000-\u001f\u007f]/g, '').replace(/^\.+/, '').trim() || fallback;
+
+const saveFile = async (item: ArtifactItem): Promise<void> => {
+  const url = await getSignedAttachmentUrl(`/api/uploads/${item.fileName}`);
+  if (!url) return;
+  try {
+    // A plain GET: the signed URL is a read, and a download never writes anything back.
+    const res = await fetch(url, { method: 'GET' });
+    if (!res.ok) throw new Error(`download ${res.status}`);
+    const href = URL.createObjectURL(await res.blob());
+    const anchor = document.createElement('a');
+    anchor.href = href;
+    anchor.download = safeDownloadName(item.name, item.fileName);
+    document.body.appendChild(anchor);
+    anchor.click();
+    anchor.remove();
+    // Revoked after a beat: some browsers cancel a download whose URL goes away at once.
+    globalThis.window.setTimeout(() => URL.revokeObjectURL(href), 1000);
+  } catch {
+    globalThis.window.open(url, '_blank', 'noopener');
+  }
+};
 
 const V2ArtifactsPage: React.FC = () => {
   const { t } = useTranslation();
+  const phone = usePhone(PHONE_QUERY);
   const [searchParams, setSearchParams] = useSearchParams();
   const podId = searchParams.get('podId') || '';
   const kind = (searchParams.get('kind') || '') as '' | ArtifactKind;
   const [q, setQ] = useState(searchParams.get('q') || '');
+  const [searchOpen, setSearchOpen] = useState(false);
   const [pods, setPods] = useState<PodRef[]>([]);
   const [items, setItems] = useState<ArtifactItem[]>([]);
   const [total, setTotal] = useState(0);
@@ -85,7 +149,6 @@ const V2ArtifactsPage: React.FC = () => {
   // The query the shown result answers. Until a new one lands, items and total still belong to
   // the previous filter, so day zero must not read them as the unfiltered answer.
   const [loadedQuery, setLoadedQuery] = useState<string | null>(null);
-  const [podMenuOpen, setPodMenuOpen] = useState(false);
   // ux-lead 66462: an image row opens the chat lightbox; pages and docs open in a new tab.
   const [lightbox, setLightbox] = useState<ArtifactItem | null>(null);
 
@@ -159,127 +222,168 @@ const V2ArtifactsPage: React.FC = () => {
     }
   };
 
-  // Day zero (d215 s-artifacts): nothing shared and nothing filtered, so there is nothing to
-  // filter — no controls, no count, one card. A filtered empty result keeps the controls, and so
-  // does the render between clearing a filter and its answer landing (the result is still the
-  // filtered one), or the controls unmount under the person's focus.
-  // A search typed before its debounce reaches the URL counts too, or the input unmounts mid-word.
+  // Day zero: nothing shared and nothing filtered, so there is nothing to filter — no controls,
+  // no count, one quiet row. A filtered empty result keeps the controls, and so does the render
+  // between clearing a filter and its answer landing (the result is still the filtered one), or
+  // the controls unmount under the person's focus. A search typed before its debounce reaches
+  // the URL counts too, or the input unmounts mid-word.
   const dayZero = !loading && !error && total === 0 && items.length === 0 && !q && !urlQ && !kind && !podId
     && loadedQuery === UNFILTERED;
-  // The card's key opens the account's oldest pod: signup creates My Workspace first. /api/pods
+  // The row's key opens the account's oldest pod: signup creates My Workspace first. /api/pods
   // lists by last update, so pick by createdAt rather than position.
   const workspacePod = useMemo(() => {
     const createdMs = (pod: PodRef) => (pod.createdAt ? Date.parse(pod.createdAt) : Number.POSITIVE_INFINITY);
     return pods.reduce<PodRef | null>((oldest, pod) => (!oldest || createdMs(pod) < createdMs(oldest) ? pod : oldest), null);
   }, [pods]);
 
+  const groups = useMemo(() => groupByPod(items), [items]);
+
   const openItem = async (item: ArtifactItem) => {
     if (item.kind === 'image') { setLightbox(item); return; }
     const url = await getSignedAttachmentUrl(`/api/uploads/${item.fileName}`);
     if (url) globalThis.window.open(url, '_blank', 'noopener');
   };
 
-  const scopedPods = pods;
-  const selectedPod = scopedPods.find((pod) => pod._id === podId) || null;
+  // "14 files · 2 pods". The API counts files, not pods, so the pod count shows only once every
+  // file is loaded and the groups on screen are the whole answer.
+  const meta = loading || dayZero ? null : [
+    t('artifacts.fileCount', { count: total }),
+    !nextCursor && !error ? t('artifacts.podCount', { count: groups.length }) : null,
+  ].filter(Boolean).join(' · ');
+
+  const searchField = (
+    <label className="v2a-search">
+      <Glyph name="search" />
+      <input type="search" value={q} placeholder={t('artifacts.searchPlaceholder')} aria-label={t('artifacts.searchPlaceholder')} onChange={(event) => setQ(event.target.value)} />
+      <span className="v2a-kb" aria-hidden="true">⌘K</span>
+    </label>
+  );
+  const kindSeg = (
+    <V2Segmented<'' | ArtifactKind>
+      className="v2a-seg"
+      ariaLabel={t('artifacts.kindLabel')}
+      value={kind}
+      onChange={(value) => setParam('kind', value)}
+      options={KINDS.map((option) => ({ value: option.key, label: t(`artifacts.kinds.${option.label}`) }))}
+    />
+  );
+  // A pod id in the URL that /api/pods does not list (yet) still reads as chosen.
+  const podOptions = podId && !pods.some((pod) => pod._id === podId) ? [...pods, { _id: podId, name: podId }] : pods;
+  const podSel = (
+    <label className="v2a-sel">
+      <select value={podId} aria-label={t('artifacts.podLabel')} onChange={(event) => setParam('podId', event.target.value)}>
+        <option value="">{t('artifacts.allPods')}</option>
+        {podOptions.map((pod) => <option key={pod._id} value={pod._id}>{shortPodName(pod.name)}</option>)}
+      </select>
+      <Glyph name="chev" />
+    </label>
+  );
+  const showSearch = !phone || searchOpen || Boolean(q);
 
   return (
-    <div className="v2-artifacts">
-      <V2PageHead
-        className="v2-artifacts__head"
-        titleClassName="v2-artifacts__title"
-        title={t('artifacts.title')}
-        meta={!loading && !dayZero ? total : undefined}
-        hint={t('artifacts.meta')}
-        hintLabel={t('artifacts.about')}
-      />
-      {!dayZero && (
-        <div className="v2-artifacts__controls">
-          <div className="v2-artifacts__seg" role="group" aria-label={t('artifacts.kindLabel')}>
-            {KINDS.map((option) => (
-              <button key={option.key || 'all'} type="button" className={`v2-artifacts__seg-button${kind === option.key ? ' v2-artifacts__seg-button--active' : ''}`} aria-pressed={kind === option.key} onClick={() => setParam('kind', option.key)}>
-                {t(`artifacts.kinds.${option.label}`)}
-              </button>
-            ))}
-          </div>
-          <div className="v2-artifacts__seg" role="group" aria-label={t('artifacts.podLabel')} onKeyDown={(event) => { if (event.key === 'Escape') setPodMenuOpen(false); }}>
-            <button type="button" className={`v2-artifacts__seg-button${!podId ? ' v2-artifacts__seg-button--active' : ''}`} aria-pressed={!podId} onClick={() => { setParam('podId', ''); setPodMenuOpen(false); }}>{t('artifacts.allPods')}</button>
-            {scopedPods.slice(0, 2).map((pod) => (
-              <button key={pod._id} type="button" className={`v2-artifacts__seg-button${podId === pod._id ? ' v2-artifacts__seg-button--active' : ''}`} aria-pressed={podId === pod._id} onClick={() => { setParam('podId', pod._id); setPodMenuOpen(false); }}>{shortPodName(pod.name)}</button>
-            ))}
-            {scopedPods.length > 2 && (
-              <button type="button" className={`v2-artifacts__seg-button${scopedPods.slice(2).some((pod) => pod._id === podId) ? ' v2-artifacts__seg-button--active' : ''}`} aria-expanded={podMenuOpen} onClick={() => setPodMenuOpen((open) => !open)}>
-                {selectedPod && scopedPods.slice(2).some((pod) => pod._id === podId) ? shortPodName(selectedPod.name) : t('artifacts.morePods')}
-              </button>
-            )}
-            {podMenuOpen && (
-              <div className="v2-artifacts__seg-menu" role="listbox" aria-label={t('artifacts.podLabel')}>
-                {scopedPods.slice(2).map((pod) => (
-                  <button key={pod._id} type="button" role="option" aria-selected={podId === pod._id} className={`v2-artifacts__seg-button v2-artifacts__seg-button--menu${podId === pod._id ? ' v2-artifacts__seg-button--active' : ''}`} onClick={() => { setParam('podId', pod._id); setPodMenuOpen(false); }}>{shortPodName(pod.name)}</button>
-                ))}
-              </div>
-            )}
-          </div>
-          <label className="v2-artifacts__search">
-            <input type="search" value={q} placeholder={t('artifacts.searchPlaceholder')} aria-label={t('artifacts.searchPlaceholder')} onChange={(event) => setQ(event.target.value)} />
-            <span className="v2-artifacts__search-key" aria-hidden="true">⌘K</span>
-          </label>
-        </div>
-      )}
+    <div className="v2a">
+      <header className="v2p-ph v2a-head">
+        <h1 className="v2a-title">{t('artifacts.title')}</h1>
+        {meta && <span className="meta v2a-meta">{meta}</span>}
+        <span className="sp" />
+        {!dayZero && !phone && (
+          <>
+            {searchField}
+            {kindSeg}
+            {podSel}
+          </>
+        )}
+        {!dayZero && phone && (
+          <button
+            type="button"
+            className="v2p-b v2p-b-g v2p-ib v2a-searchkey"
+            aria-label={t('artifacts.searchPlaceholder')}
+            aria-expanded={showSearch}
+            onClick={() => setSearchOpen((open) => !open)}
+          >
+            <Glyph name="search" />
+          </button>
+        )}
+      </header>
+
+      <div className="v2a-body">
+        <div className="v2a-col">
+          {!dayZero && phone && (
+            <>
+              {showSearch && searchField}
+              <div className="v2a-ctl">{kindSeg}{podSel}</div>
+            </>
+          )}
 
-      {error && <div className="v2-artifacts__error" role="alert">{error}</div>}
-      {loading && !error && <div className="v2-artifacts__loading"><span className="v2-spinner" /></div>}
-      {dayZero && (
-        <section className="v2-artifacts__zero" aria-labelledby="v2-artifacts-zero-title">
-          <h2 id="v2-artifacts-zero-title">{t('artifacts.dayZero.title')}</h2>
-          <p>{t('artifacts.dayZero.body')}</p>
-          {workspacePod && <Link className="v2-artifacts__open" to={`/v2/pods/${workspacePod._id}`}>{t('artifacts.dayZero.open', { pod: workspacePod.name })}</Link>}
-        </section>
-      )}
-      {!loading && !error && items.length === 0 && (urlQ || kind || podId) && (
-        <div className="v2-artifacts__empty">{t('artifacts.emptyFiltered')}</div>
-      )}
-      {!loading && items.length > 0 && (
-        <div className="v2-artifacts__table-wrap">
-          <table className="v2-artifacts__table">
-            <thead>
-              <tr>
-                <th scope="col">{t('artifacts.columns.file')}</th>
-                <th scope="col">{t('artifacts.columns.kind')}</th>
-                <th scope="col">{t('artifacts.columns.pod')}</th>
-                <th scope="col">{t('artifacts.columns.sharedBy')}</th>
-                <th scope="col">{t('artifacts.columns.when')}</th>
-                <th scope="col">{t('artifacts.columns.size')}</th>
-              </tr>
-            </thead>
-            <tbody>
-              {items.map((item) => (
-                <tr key={item.id} className="v2-artifacts__row">
-                  <td>
-                    <div className="v2-artifacts__file">
-                      <span className="v2-artifacts__ext" aria-hidden="true">{extOf(item.name)}</span>
-                      <button type="button" className="v2-artifacts__name" onClick={() => { void openItem(item); }}>{item.name}</button>
-                      {/* ≤760 (66462 miss 2): the pod folds under the name as a mono line; the pod column hides. */}
-                      <span className="v2-artifacts__pod-line">{shortPodName(item.podName)}</span>
+          {error && <p className="v2a-state" role="alert">{error}</p>}
+          {loading && !error && <div className="v2a-loading"><span className="v2-spinner" /></div>}
+          {dayZero && (
+            <div className="v2p-list">
+              <div className={`v2a-row ${phone ? 'v2a-row--open' : 'v2a-row--one'}`}>
+                <Glyph name="file" />
+                <div>
+                  <p className="v2a-tx v2a-tx--plain">{t('artifacts.dayZero.body')}</p>
+                  {phone && workspacePod && (
+                    <div className="v2a-keys">
+                      <Link className="v2p-b v2p-b-s v2a-open" to={`/v2/pods/${workspacePod._id}`}>{t('artifacts.dayZero.open', { pod: workspacePod.name })}</Link>
                     </div>
-                  </td>
-                  <td className="v2-artifacts__mono">{t(`artifacts.kindNames.${item.kind}`)}</td>
-                  <td>{shortPodName(item.podName)}</td>
-                  <td>{sharedByLabel(item)}</td>
-                  <td className="v2-artifacts__mono">{whenLabel(item.createdAt)}</td>
-                  <td className="v2-artifacts__mono">{item.kind === 'page' ? '—' : formatSize(item.size)}</td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
+                  )}
+                </div>
+                {!phone && workspacePod && (
+                  <span className="v2a-ac">
+                    <Link className="v2p-b v2p-b-s v2p-b-sm v2a-open" to={`/v2/pods/${workspacePod._id}`}>{t('artifacts.dayZero.open', { pod: workspacePod.name })}</Link>
+                  </span>
+                )}
+              </div>
+            </div>
+          )}
+          {!loading && !error && items.length === 0 && (urlQ || kind || podId) && (
+            <div className="v2p-list"><p className="v2a-empty">{t('artifacts.emptyFiltered')}</p></div>
+          )}
+          {!loading && groups.map((group) => (
+            <section key={group.key} className="v2a-group" aria-label={group.name}>
+              <h2 className="v2p-gtitle v2a-gtitle"><Glyph name="layers" />{group.name}</h2>
+              <ul className="v2p-list v2a-list">
+                {group.items.map((item) => {
+                  const size = sizeLabel(item);
+                  return (
+                    <li key={item.id} className="v2a-row v2a-file">
+                      <span className="v2a-ext" aria-hidden="true">{extOf(item.name)}</span>
+                      <div className="v2a-main">
+                        <button type="button" className="v2a-name" onClick={() => { void openItem(item); }}>{item.name}</button>
+                        <div className="v2a-sn">
+                          {sharedByLabel(item)} · {whenLabel(item.createdAt)}
+                          {phone && size !== '—' && <> · <span className="v2a-mo">{size}</span></>}
+                        </div>
+                      </div>
+                      <span className="v2a-ac">
+                        <span className="v2a-hv">
+                          {!phone && (
+                            <button type="button" className="v2p-b v2p-b-g v2p-ib v2p-b-sm" title={t('artifacts.open')} aria-label={t('artifacts.openFile', { name: item.name })} onClick={() => { void openItem(item); }}>
+                              <Glyph name="open" />
+                            </button>
+                          )}
+                          <button type="button" className={`v2p-b v2p-b-g v2p-ib${phone ? '' : ' v2p-b-sm'}`} title={t('artifacts.download')} aria-label={t('artifacts.downloadFile', { name: item.name })} onClick={() => { void saveFile(item); }}>
+                            <Glyph name="down" />
+                          </button>
+                        </span>
+                        {!phone && <span className="v2a-mo v2a-size">{size}</span>}
+                      </span>
+                    </li>
+                  );
+                })}
+              </ul>
+            </section>
+          ))}
+          {!loading && items.length > 0 && (
+            <div className="v2a-foot">
+              <span className="v2a-mo">{t('artifacts.foot', { shown: items.length, total })}</span>
+              {nextCursor && <button type="button" className="v2p-b v2p-b-g v2p-b-sm v2a-more" onClick={() => { void loadMore(); }} disabled={loadingMore}>{loadingMore ? t('artifacts.loadingMore') : t('artifacts.more', { count: Math.max(total - items.length, 0) })}</button>}
+            </div>
+          )}
         </div>
-      )}
+      </div>
       {lightbox && <V2Lightbox images={[{ src: `/api/uploads/${lightbox.fileName}`, name: lightbox.name }]} index={0} onClose={() => setLightbox(null)} />}
-      {!loading && items.length > 0 && (
-        <div className="v2-artifacts__foot">
-          <span className="v2-artifacts__mono">{t('artifacts.foot', { shown: items.length, total })}</span>
-          {nextCursor && <button type="button" className="v2-artifacts__more" onClick={() => { void loadMore(); }} disabled={loadingMore}>{loadingMore ? t('artifacts.loadingMore') : t('artifacts.more', { count: Math.max(total - items.length, 0) })}</button>}
-        </div>
-      )}
     </div>
   );
 };
diff --git a/frontend/src/v2/v2.css b/frontend/src/v2/v2.css
index 82b3beb6d..6ad5a4388 100644
--- a/frontend/src/v2/v2.css
+++ b/frontend/src/v2/v2.css
@@ -3553,7 +3553,7 @@ body.modern-ui.v2-canvas {
  * ------------------------------------------------------------------------ */
 .v2-root:lang(zh) .v2-rail__brand,
 .v2-root:lang(zh) .v2-tools__count strong,
-.v2-root:lang(zh) .v2-artifacts__title,
+.v2-root:lang(zh) .v2a-title,
 .v2-root:lang(zh) .v2-pods__page-title,
 .v2-root:lang(zh) .v2-first-run__title,
 .v2-root:lang(zh) .v2-login__title,
@@ -4749,72 +4749,6 @@ body.modern-ui.v2-canvas {
 .v2-rail__item-icon .v2-rail__badge--activity .MuiBadge-badge {
   right: -6px;
 }
-/* ---------------------------------------------------------------------------
-   Artifacts — direction C, PR 5 (ScaleArtifacts.dc.html).
-   Every file and page shared in your pods. Display head + muted meta; two
-   segment groups on one grammar (bordered white group, active = tint + ink
-   600); a bordered search; a plain table whose numbers are mono; the ext chip
-   is the file's own extension, bordered mono, never a colour square.
-   --------------------------------------------------------------------------- */
-.v2-feature--artifacts > .v2-feature__body { padding: 0 0 28px; }
-.v2-feature--artifacts .v2-feature__legacy { max-width: none; }
-.v2-artifacts { display: flex; flex-direction: column; gap: 20px; width: 100%; padding: 20px 16px 0; }
-.v2-artifacts__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
-.v2-artifacts__title { margin: 0; font: 700 32px/1.1 var(--v2-font-display); letter-spacing: -0.03em; color: var(--v2-text-primary); }
-.v2-artifacts__controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
-.v2-artifacts__seg { position: relative; display: flex; flex-wrap: nowrap; gap: 2px; padding: 3px; border: 1px solid var(--v2-border); border-radius: var(--v2-radius-sm); background: var(--v2-surface); }
-.v2-root button.v2-artifacts__seg-button { min-height: 30px; max-width: 150px; padding: 0 9px; border: 0; border-radius: calc(var(--v2-radius-sm) - 2px); background: transparent; color: var(--v2-text-secondary); font: 600 11px/16px var(--v2-font-mono); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.v2-root button.v2-artifacts__seg-button--active { background: var(--v2-surface-hover); color: var(--v2-text-primary); font-weight: 600; }
-.v2-root button.v2-artifacts__seg-button--menu { width: 100%; max-width: none; white-space: normal; text-align: left; }
-.v2-artifacts__seg-menu { position: absolute; top: calc(100% + 4px); right: 0; z-index: 3; display: grid; gap: 2px; width: min(300px, 85vw); max-height: 240px; overflow-y: auto; padding: 4px; border: 1px solid var(--v2-border); border-radius: var(--v2-radius-sm); background: var(--v2-surface); }
-.v2-artifacts__search { display: flex; align-items: center; gap: 8px; min-width: 220px; height: 36px; margin-left: auto; padding: 0 10px; border: 1px solid var(--v2-border); border-radius: var(--v2-radius-sm); background: var(--v2-surface); }
-.v2-artifacts__search input { flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--v2-text-primary); font: 400 13px/18px var(--v2-font); }
-.v2-artifacts__search input::placeholder { color: var(--v2-text-muted); }
-.v2-artifacts__search:focus-within { border-color: var(--v2-accent); }
-.v2-artifacts__search-key { color: var(--v2-text-muted); font: 500 11px/16px var(--v2-font-mono); }
-.v2-artifacts__table-wrap { overflow-x: auto; border: 1px solid var(--v2-border); border-radius: 6px; background: var(--v2-surface); }
-.v2-artifacts__table { width: 100%; border-collapse: collapse; font: 400 13px/18px var(--v2-font); color: var(--v2-text-primary); }
-.v2-artifacts__table th { padding: 8px 12px; border-bottom: 1px solid var(--v2-border-soft); color: var(--v2-text-muted); font: 500 11px/16px var(--v2-font-mono); text-align: left; text-transform: lowercase; white-space: nowrap; }
-.v2-artifacts__table td { padding: 9px 12px; border-bottom: 1px solid var(--v2-border-soft); vertical-align: middle; }
-.v2-artifacts__table tr:last-child td { border-bottom: 0; }
-.v2-artifacts__row:hover td { background: var(--v2-surface-hover); }
-.v2-artifacts__file { display: flex; align-items: center; gap: 10px; min-width: 0; }
-.v2-artifacts__ext { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 20px; padding: 0 5px; border: 1px solid var(--v2-border); border-radius: var(--v2-radius-sm); color: var(--v2-text-secondary); font: 500 11px/14px var(--v2-font-mono); letter-spacing: 0.02em; }
-.v2-artifacts__pod-line { display: none; color: var(--v2-text-secondary); font: 500 11px/16px var(--v2-font-mono); }
-.v2-root button.v2-artifacts__name { min-width: 0; padding: 0; border: 0; background: transparent; color: var(--v2-text-primary); font: 600 13px/18px var(--v2-font); text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.v2-root button.v2-artifacts__name:hover { color: var(--v2-accent-text); }
-.v2-artifacts__mono { color: var(--v2-text-secondary); font: 500 11px/16px var(--v2-font-mono); white-space: nowrap; }
-.v2-artifacts__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
-.v2-root button.v2-artifacts__more { padding: 6px 4px; border: 0; background: transparent; color: var(--v2-accent-text); font: 600 12px/16px var(--v2-font); }
-.v2-artifacts__empty { padding: 18px 20px; border: 1px dashed var(--v2-border); border-radius: var(--v2-radius); color: var(--v2-text-secondary); font: 400 13px/18px var(--v2-font); }
-.v2-artifacts__error { padding: 12px 14px; border: 1px solid var(--v2-border); border-radius: var(--v2-radius); color: var(--v2-text-primary); font: 400 13px/18px var(--v2-font); }
-.v2-artifacts__loading { display: grid; place-items: center; padding: 24px; }
-/* Day zero (d215 s-artifacts): nothing shared and no filter set, so the page drops its controls and
-   count for one bordered card — Get started's card grammar (14px 20px lines, ink key, 32px at desktop,
-   44 full width at ≤760). The key links to the account's oldest pod, the one signup creates. */
-.v2-artifacts__zero { width: min(100%, 760px); padding: 14px; border: 1px solid var(--v2-border); border-radius: var(--v2-radius); background: var(--v2-surface); }
-.v2-artifacts__zero h2 { margin: 0; color: var(--v2-text-primary); font: 600 14px/20px var(--v2-font); }
-.v2-artifacts__zero p { margin: 2px 0 0; color: var(--v2-text-secondary); font: 400 14px/20px var(--v2-font); }
-.v2-root a.v2-artifacts__open { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; margin-top: 12px; padding: 0 12px; border: 1px solid var(--v2-ink); border-radius: var(--v2-radius-sm); background: var(--v2-ink); color: var(--v2-on-ink); font: 600 13px/18px var(--v2-font); text-align: center; overflow-wrap: anywhere; }
-.v2-root a.v2-artifacts__open:hover { background: var(--v2-ink-hover); }
-/* ≤760 (ux-lead 66462): no sideways scroll — keep file / kind / when, fold the pod under
-   the name as a mono line, hide pod / shared-by / size. The head is the pinned 52px bar (the d215 .mtop block below). */
-@media (max-width: 760px) {
-  .v2-artifacts { padding: 16px 12px 0; gap: 16px; }
-  .v2-artifacts__controls { flex-direction: column; align-items: stretch; }
-  .v2-artifacts__search { margin-left: 0; }
-  .v2-artifacts__table { table-layout: fixed; }
-  .v2-artifacts__table th:nth-child(3), .v2-artifacts__table td:nth-child(3),
-  .v2-artifacts__table th:nth-child(4), .v2-artifacts__table td:nth-child(4),
-  .v2-artifacts__table th:nth-child(6), .v2-artifacts__table td:nth-child(6) { display: none; }
-  .v2-artifacts__table th:nth-child(2), .v2-artifacts__table td:nth-child(2) { width: 64px; }
-  .v2-artifacts__table th:nth-child(5), .v2-artifacts__table td:nth-child(5) { width: 52px; }
-  .v2-artifacts__file { flex-wrap: wrap; row-gap: 2px; }
-  .v2-artifacts__pod-line { display: block; flex: 1 1 100%; }
-  .v2-root button.v2-artifacts__name { white-space: normal; overflow-wrap: anywhere; }
-  .v2-root a.v2-artifacts__open { display: flex; width: 100%; min-height: 44px; }
-}
-
 /* Public Privacy and Terms pages (TASK-530). Outside .v2-root, so no root-scoped selectors. */
 /* .v2-root sets height:100vh and overflow:hidden; the legal pages must scroll, so override both (same as the landing). */
 .v2-root.v2-legal { display: block; height: 100vh; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; padding: 48px 24px; background: var(--v2-bg-subtle); color: var(--v2-text-primary); }
@@ -4851,44 +4785,6 @@ body.modern-ui.v2-canvas {
   .v2-feature__body { padding: 12px 12px 16px; }
 }
 
-/* d215 artifacts 390: the page head is the frame's pinned 52px bar (.mtop), the
-   bar .v2-feature__header gives the other feature pages. The page renders its own
-   head (it carries its counts) inside the scrolling .v2-feature__body, so the bar
-   pins with sticky at the body's top edge, where the body has no top padding.
-   Desktop keeps the 32px display head. Activity's head lives in
-   components/V2ActivityPage.css. */
-@media (max-width: 760px) {
-  .v2-artifacts__head {
-    position: sticky;
-    top: 0;
-    z-index: 3;
-    box-sizing: border-box;
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: center;
-    min-height: 52px;
-    padding: 0 12px 0 16px;
-    gap: 8px;
-    border-bottom: 1px solid var(--v2-border-soft);
-    background: var(--v2-surface);
-  }
-  .v2-artifacts__head .v2-page-head__identity { flex: 1; align-items: center; gap: 8px; }
-  /* Closed, the bar is one line: the meta truncates instead of wrapping under the title. An open
-     hint still takes its own row (flex-basis 100% above), so wrap stays on while one is open. */
-  .v2-artifacts__head .v2-page-head__identity:not(:has(.v2-hint--open)) { flex-wrap: nowrap; }
-  .v2-artifacts__head .v2-artifacts__title {
-    font: 800 22px/1 var(--v2-font-display); /* tracking stays the head's own, so :lang(zh) still resets it */
-    flex-shrink: 0;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  .v2-artifacts__head .v2-page-head__meta { margin-left: auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-  /* Artifacts pads its column 12px; the bar bleeds to the pane edge and the column starts under it. */
-  .v2-artifacts { padding-top: 0; }
-  .v2-artifacts__head { margin: 0 -12px; }
-}
-
 /* ---------- Motion (D220) ---------- */
 
 /* Theme switch: utils/theme.ts makes the change inside document.startViewTransition,