diff --git a/apps/presentation/dashboard/smoke/usage-progress-smoke.ts b/apps/presentation/dashboard/smoke/usage-progress-smoke.ts
index 32002ffa19..5df4c00feb 100644
--- a/apps/presentation/dashboard/smoke/usage-progress-smoke.ts
+++ b/apps/presentation/dashboard/smoke/usage-progress-smoke.ts
@@ -24,7 +24,6 @@ function excludes(source: string, snippet: string, label: string) {
 
 const statusSource = readFileSync("src/data/status.ts", "utf8");
 const dashboardSource = readFileSync("src/views/dashboard-page.tsx", "utf8");
-const drawerSource = readFileSync("src/features/personal-workspace/context-drawer.tsx", "utf8");
 const workspaceI18nSource = readFileSync("src/features/personal-workspace/i18n.tsx", "utf8");
 const packageSource = readFileSync("package.json", "utf8");
 const exampleStatus = readFileSync("../../../examples/status.example.json", "utf8");
@@ -168,12 +167,7 @@ for (const [snippet, label] of [
   includes(workspaceI18nSource, snippet, label);
 }
 
-for (const [snippet, label] of [
-  ["formatUsageValue(selection.item.usage?.tokens24h", "drawer unknown token value"],
-  ["formatUsageValue(selection.item.usage?.costUsd24h", "drawer unknown cost value"],
-  ["formatUsageValue(selection.item.usage?.durationMs24h", "drawer unknown duration value"],
-] as const) {
-  includes(drawerSource, snippet, label);
-}
+// The packaged Goal workspace scene checks unknown windows and measured zero
+// through the rendered reader. Source spelling is not a usage invariant.
 
 console.log("usage-progress smoke ok");
diff --git a/apps/presentation/dashboard/src/features/personal-workspace/context-drawer.tsx b/apps/presentation/dashboard/src/features/personal-workspace/context-drawer.tsx
index cfcc6ff00a..a39090ef19 100644
--- a/apps/presentation/dashboard/src/features/personal-workspace/context-drawer.tsx
+++ b/apps/presentation/dashboard/src/features/personal-workspace/context-drawer.tsx
@@ -42,7 +42,7 @@ import type {
 } from "./personal-workspace-model";
 import type { LarkGoalConnection } from "../../data/chat";
 import { localizedGoalState, localizedSessionStatus, useWorkspaceI18n } from "./i18n";
-import { formatCostUsd, formatDurationMs, formatTokenCount, formatUsageValue } from "./personal-workspace-model";
+import { formatCostUsd, formatDurationMs, formatTokenCount, formatUsageValue, hasGoalUsage } from "./personal-workspace-model";
 import { TeamPlanResult } from "./team-plan-result";
 import { TaskRequest } from "./task-request";
 import { parseTodoResumeCondition } from "./todo-resume-condition";
@@ -616,7 +616,7 @@ export function ContextDrawer({ agents, attentionHistory = [], onSelectAttention
       role="dialog"
     >
       <header className={`personal-drawer-header${selection.kind === "todo" ? " is-task-inspector" : ""}`}>
-        <div><h2 id="personal-drawer-title" ref={titleRef} tabIndex={-1}>{title}</h2><p>{contextLabel}</p></div>
+        <div><h2 id="personal-drawer-title" ref={titleRef} tabIndex={-1}>{title}</h2>{selection.kind !== "goal" ? <p>{contextLabel}</p> : null}</div>
         <div className="personal-drawer-header-actions">
           {selection.kind === "todo" && onToggleInspectorSize ? <button aria-label={inspectorExpanded ? t("drawer.inspectorHalf") : t("drawer.inspectorFull")} className="personal-icon-button personal-inspector-size" onClick={onToggleInspectorSize} title={inspectorExpanded ? t("drawer.inspectorHalfView") : t("drawer.inspectorFullView")} type="button">
             {inspectorExpanded ? <Minimize2 size={17} /> : <Maximize2 size={17} />}
@@ -762,17 +762,23 @@ export function ContextDrawer({ agents, attentionHistory = [], onSelectAttention
 
         {selection.kind === "goal" ? (
           <>
-            <section className="personal-detail-card">
+            <section className="personal-detail-card personal-goal-detail-summary">
               <small>{localizedGoalState(selection.item.state, locale)}</small>
               <h3>{selection.item.title}</h3>
               <p>{selection.item.agentSentence}</p>
-              <dl>
-                <div><dt>{t("drawer.tokens")}</dt><dd>{formatUsageValue(selection.item.usage?.tokens24h, t("drawer.usageNotMeasured"), formatTokenCount)} / {formatUsageValue(selection.item.usage?.tokens7d, t("drawer.usageNotMeasured"), formatTokenCount)}</dd></div>
-                <div><dt>{t("drawer.cost")}</dt><dd>{formatUsageValue(selection.item.usage?.costUsd24h, t("drawer.usageNotMeasured"), formatCostUsd)} / {formatUsageValue(selection.item.usage?.costUsd7d, t("drawer.usageNotMeasured"), formatCostUsd)}</dd></div>
-                <div><dt>{t("drawer.duration")}</dt><dd>{formatUsageValue(selection.item.usage?.durationMs24h, t("drawer.usageNotMeasured"), formatDurationMs)} / {formatUsageValue(selection.item.usage?.durationMs7d, t("drawer.usageNotMeasured"), formatDurationMs)}</dd></div>
-              </dl>
             </section>
             <GoalAcceptanceObservationCard goal={selection.item} />
+            <section className="personal-detail-card personal-goal-detail-usage">
+              <h3>{t("drawer.goalUsage")}</h3>
+              {hasGoalUsage(selection.item.usage) ? <table>
+                <thead><tr><td /><th scope="col">{t("drawer.period24h")}</th><th scope="col">{t("drawer.period7d")}</th></tr></thead>
+                <tbody>
+                  <tr><th scope="row">{t("drawer.tokensShort")}</th><td>{formatUsageValue(selection.item.usage.tokens24h, t("drawer.usageNotMeasured"), formatTokenCount)}</td><td>{formatUsageValue(selection.item.usage.tokens7d, t("drawer.usageNotMeasured"), formatTokenCount)}</td></tr>
+                  <tr><th scope="row">{t("drawer.costShort")}</th><td>{formatUsageValue(selection.item.usage.costUsd24h, t("drawer.usageNotMeasured"), formatCostUsd)}</td><td>{formatUsageValue(selection.item.usage.costUsd7d, t("drawer.usageNotMeasured"), formatCostUsd)}</td></tr>
+                  <tr><th scope="row">{t("drawer.durationShort")}</th><td>{formatUsageValue(selection.item.usage.durationMs24h, t("drawer.usageNotMeasured"), formatDurationMs)}</td><td>{formatUsageValue(selection.item.usage.durationMs7d, t("drawer.usageNotMeasured"), formatDurationMs)}</td></tr>
+                </tbody>
+              </table> : <p>{t("drawer.usageNotMeasured")}</p>}
+            </section>
             {(() => {
               const notification = goalNotifications.find((row) => row.goalId === selection.item.goalId);
               const connection = larkConnections.find((row) => row.goal_id === selection.item.goalId);
diff --git a/apps/presentation/dashboard/src/features/personal-workspace/goal-acceptance-observation-card.tsx b/apps/presentation/dashboard/src/features/personal-workspace/goal-acceptance-observation-card.tsx
index 92a7845374..9d7d07e6c0 100644
--- a/apps/presentation/dashboard/src/features/personal-workspace/goal-acceptance-observation-card.tsx
+++ b/apps/presentation/dashboard/src/features/personal-workspace/goal-acceptance-observation-card.tsx
@@ -1,5 +1,6 @@
 import type { WorkspaceGoal } from "./personal-workspace-model";
 import { useWorkspaceI18n } from "./i18n";
+import { ContextHelp } from "./context-help";
 
 export function GoalAcceptanceObservationCard({ goal, overview = false }: { goal: WorkspaceGoal; overview?: boolean }) {
   const { t, locale } = useWorkspaceI18n();
@@ -22,37 +23,47 @@ export function GoalAcceptanceObservationCard({ goal, overview = false }: { goal
   const label = (key: string) => labels[key as keyof typeof labels] ?? t("acceptance.unknown");
   const projection = goal.acceptanceObservation;
   const unavailable = goal.loadState || !projection || projection.goal_id !== goal.goalId || projection.coverage === "unavailable";
+  const coverageDetail = projection?.missing_sources.length ? t("acceptance.incompleteSources")
+    : projection?.truncated ? t("acceptance.partialRecords") : null;
   const content = <section className="personal-detail-card personal-goal-acceptance" aria-label={t("acceptance.title")}>
     {!overview ? <div className="personal-detail-card-title"><h3>{t("acceptance.title")}</h3><em>{t("common.readOnly")}</em></div> : null}
-    <p role="status">{t(unavailable ? "acceptance.unavailable" : "acceptance.partial")}</p>
+    <div className="personal-acceptance-coverage"><p role="status">{t(unavailable ? "acceptance.unavailable" : "acceptance.partialShort")}{!unavailable && coverageDetail ? ` · ${coverageDetail}` : ""}</p>
+      {!unavailable ? <ContextHelp label={t("acceptance.title")}>
+        <p>{t("acceptance.partial")}</p>
+        {projection?.missing_sources.length ? <p>{t("acceptance.missing")} {projection.missing_sources.map(label).join(", ")}</p> : null}
+        {projection?.truncated ? <p>{t("acceptance.truncated")}</p> : null}
+      </ContextHelp> : null}</div>
     {!unavailable && projection ? <>
+      <div className="personal-acceptance-next"><h4>{t("acceptance.next")}</h4><p>{projection.next_action ?? t("acceptance.unknown")}</p></div>
       <h4>{t("acceptance.gaps")}</h4>
       {projection.acceptance_gaps.length ? projection.acceptance_gaps.map((gap, index) => <div className="personal-acceptance-observation" key={`${gap.kind}:${gap.owner}:${index}`}>
         <p>{gap.reason ?? t("acceptance.reasonUnknown")}</p>
         {gap.resolution_hint ? <p>{gap.resolution_hint}</p> : null}
-        {gap.component_checks ? <div>{Object.entries(gap.component_checks).map(([key, passed]) =>
-          <p key={key}>{checkLabels[key as keyof typeof checkLabels]}: {locale === "zh-CN" ? (passed ? "通过" : "未通过") : (passed ? "Passed" : "Failed")}</p>
-        )}</div> : null}
-        <dl><div><dt>{t("common.owner")}</dt><dd>{gap.owner ?? t("acceptance.unknown")}</dd></div>
-          <div><dt>{t("acceptance.required")}</dt><dd>{gap.evidence_required ?? t("acceptance.unknown")}</dd></div>
-          <div><dt>{t("acceptance.observed")}</dt><dd>{gap.observed_at ?? t("acceptance.unknown")}</dd></div></dl>
+        <dl><div><dt>{t("acceptance.required")}</dt><dd>{gap.evidence_required ?? t("acceptance.unknown")}</dd></div></dl>
+        {gap.component_checks && Object.values(gap.component_checks).some(passed => !passed) ? <p className="personal-acceptance-check-failure">{t("acceptance.failedChecks", { count: Object.values(gap.component_checks).filter(passed => !passed).length })}</p> : null}
+        <details><summary>{t("acceptance.details")}</summary>
+          <dl><div><dt>{t("common.owner")}</dt><dd>{gap.owner ?? t("acceptance.unknown")}</dd></div>
+            <div><dt>{t("acceptance.observed")}</dt><dd>{gap.observed_at ?? t("acceptance.unknown")}</dd></div></dl>
+          {gap.component_checks ? <div>{Object.entries(gap.component_checks).map(([key, passed]) =>
+            <p key={key}>{checkLabels[key as keyof typeof checkLabels]}: {locale === "zh-CN" ? (passed ? "通过" : "未通过") : (passed ? "Passed" : "Failed")}</p>
+          )}</div> : null}
+        </details>
       </div>) : <p>{t("acceptance.noGaps")}</p>}
       <h4>{t("acceptance.guards")}</h4>
       {projection.guards.length ? projection.guards.map((guard, index) => <div className="personal-acceptance-observation" key={`${guard.todo_id}:${index}`}>
         <p>{guard.reason ?? t("acceptance.reasonUnknown")}</p>
-        <dl><div><dt>{t("common.owner")}</dt><dd>{guard.owner ?? t("acceptance.unknown")}</dd></div>
-          {guard.blocks_agent ? <div><dt>{t("common.agent")}</dt><dd>{guard.blocks_agent}</dd></div> : null}
-          {guard.todo_id ? <div><dt>{t("common.task")}</dt><dd>{guard.todo_id}</dd></div> : null}
-          <div><dt>{t("acceptance.required")}</dt><dd>{guard.evidence_required ?? t("acceptance.unknown")}</dd></div>
+        <dl><div><dt>{t("acceptance.required")}</dt><dd>{guard.evidence_required ?? t("acceptance.unknown")}</dd></div>
           <div><dt>{t("acceptance.scope")}</dt><dd>{guard.decision_scope ?? t("acceptance.unknown")}</dd></div></dl>
+        <details><summary>{t("acceptance.details")}</summary>
+          <dl><div><dt>{t("common.owner")}</dt><dd>{guard.owner ?? t("acceptance.unknown")}</dd></div>
+            {guard.blocks_agent ? <div><dt>{t("common.agent")}</dt><dd>{guard.blocks_agent}</dd></div> : null}
+            {guard.todo_id ? <div><dt>{t("common.task")}</dt><dd>{guard.todo_id}</dd></div> : null}</dl>
+        </details>
       </div>) : <p>{t("acceptance.noGuards")}</p>}
-      <h4>{t("acceptance.next")}</h4><p>{projection.next_action ?? t("acceptance.unknown")}</p>
       <details><summary>{t("acceptance.historical_progress")} · {projection.historical_progress.length}</summary>
         <p>{t("acceptance.historical")}</p>
         {projection.historical_progress.map((observation) => <p key={observation.kind}><strong>{label(observation.kind)}</strong> · {observation.observed_at ?? t("acceptance.unknown")} {observation.evidence_refs.join(", ")}</p>)}
       </details>
-      {projection.missing_sources.length ? <p>{t("acceptance.missing")} {projection.missing_sources.map(label).join(", ")}</p> : null}
-      {projection.truncated ? <p>{t("acceptance.truncated")}</p> : null}
     </> : null}
   </section>;
   if (!overview) return content;
diff --git a/apps/presentation/dashboard/src/features/personal-workspace/i18n.tsx b/apps/presentation/dashboard/src/features/personal-workspace/i18n.tsx
index 4dc8925ead..2c0e02ab98 100644
--- a/apps/presentation/dashboard/src/features/personal-workspace/i18n.tsx
+++ b/apps/presentation/dashboard/src/features/personal-workspace/i18n.tsx
@@ -155,6 +155,11 @@ const en = {
   "acceptance.title": "Acceptance observations",
   "acceptance.unavailable": "Acceptance observations are unavailable. Goal completion is unknown.",
   "acceptance.partial": "Partial observations only. Completed tasks and an empty gap list do not prove Goal acceptance.",
+  "acceptance.partialShort": "Unverified",
+  "acceptance.incompleteSources": "Sources incomplete",
+  "acceptance.partialRecords": "Partial records",
+  "acceptance.details": "Source and checks",
+  "acceptance.failedChecks": "{count} checks failed",
   "acceptance.gaps": "Evidence still required",
   "acceptance.reasonUnknown": "Reason not provided by the source",
   "acceptance.unknown": "Unknown",
@@ -303,6 +308,7 @@ const en = {
   "drawer.tokens": "Tokens 24h / 7d",
   "drawer.tokensShort": "tokens",
   "drawer.usageNotMeasured": "Not measured",
+  "drawer.goalUsage": "Usage",
   "drawer.currentGoal": "Current Goal",
   "attentionDetail.title": "Request details",
   "attentionDetail.requestedBy": "From Agent {agent}",
@@ -1799,6 +1805,11 @@ const zhCN: Record<WorkspaceMessageKey, string> = {
   "acceptance.title": "验收观察",
   "acceptance.unavailable": "验收观测不可用，Goal 是否达成仍未知。",
   "acceptance.partial": "当前仅有部分观测。任务完成或缺口列表为空，都不能证明 Goal 已通过验收。",
+  "acceptance.partialShort": "待核验",
+  "acceptance.incompleteSources": "来源不全",
+  "acceptance.partialRecords": "部分记录",
+  "acceptance.details": "来源与检查",
+  "acceptance.failedChecks": "{count} 项检查未通过",
   "acceptance.gaps": "仍需补充的证据",
   "acceptance.reasonUnknown": "来源未提供原因",
   "acceptance.unknown": "未知",
@@ -1946,6 +1957,7 @@ const zhCN: Record<WorkspaceMessageKey, string> = {
   "drawer.tokens": "Token 24 小时 / 7 天",
   "drawer.tokensShort": "Token",
   "drawer.usageNotMeasured": "未采集",
+  "drawer.goalUsage": "用量",
   "drawer.currentGoal": "当前 Goal",
   "attentionDetail.title": "事项说明",
   "attentionDetail.requestedBy": "提出请求：Agent {agent}",
diff --git a/apps/presentation/dashboard/src/features/personal-workspace/personal-workspace.css b/apps/presentation/dashboard/src/features/personal-workspace/personal-workspace.css
index d42f87f805..f48efa6325 100644
--- a/apps/presentation/dashboard/src/features/personal-workspace/personal-workspace.css
+++ b/apps/presentation/dashboard/src/features/personal-workspace/personal-workspace.css
@@ -2066,6 +2066,38 @@ button.personal-execution-chip:focus-visible { outline: 2px solid #0070f3; outli
 .personal-goal-acceptance .personal-acceptance-observation { border-top: 1px solid var(--color-border, #ebebeb); padding: 8px 0; }
 .personal-goal-acceptance dd, .personal-goal-acceptance p { overflow-wrap: anywhere; }
 .personal-goal-acceptance details { margin-top: 16px; }
+.personal-acceptance-coverage { display: flex; align-items: baseline; gap: 8px; }
+.personal-acceptance-coverage > p { margin: 8px 0; }
+.personal-acceptance-next { margin: 20px 0; }
+.personal-goal-acceptance .personal-acceptance-check-failure { color: var(--pw-red); }
+
+/* Goal information is a reading surface; task/proposal inspectors keep their
+   existing interaction density. Long source text must not become a label column. */
+.personal-context-drawer[data-context-kind="goal"] { min-width: 0; grid-template-columns: minmax(0, 1fr); }
+.personal-context-drawer[data-context-kind="goal"] .personal-drawer-header { min-height: 68px; align-items: center; padding: 12px 22px; }
+.personal-context-drawer[data-context-kind="goal"] .personal-drawer-header h2 { font-size: var(--text-heading); line-height: var(--leading-heading); }
+.personal-context-drawer[data-context-kind="goal"] .personal-drawer-body { padding: 24px; }
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card { min-width: 0; padding: 20px 0; border: 0; border-bottom: 1px solid var(--pw-line); border-radius: 0; box-shadow: none; }
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card:first-child { padding-top: 0; }
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card h3 { margin: 0 0 12px; font-size: var(--text-lead); line-height: var(--leading-lead); }
+.personal-context-drawer[data-context-kind="goal"] .personal-goal-detail-summary h3 { margin-top: 8px; font-size: var(--text-heading); line-height: var(--leading-heading); }
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card p,
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card dd { margin: 8px 0 0; color: var(--pw-text); font-size: var(--text-lead); line-height: var(--leading-prose); overflow-wrap: anywhere; }
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card small,
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card dt,
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card summary { color: var(--pw-muted); font-size: var(--text-body); line-height: var(--leading-body); }
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card h3 { overflow-wrap: anywhere; }
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card dl > div { grid-template-columns: minmax(0, 1fr); gap: 0; }
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card details { margin-top: 12px; }
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card summary { min-height: 44px; align-content: center; cursor: pointer; }
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card summary:focus-visible { outline: 2px solid var(--pw-blue-ink); outline-offset: 2px; }
+.personal-context-drawer[data-context-kind="goal"] .personal-acceptance-observation { padding: 16px 0; }
+.personal-context-drawer[data-context-kind="goal"] .personal-acceptance-coverage > p { color: var(--pw-muted); font-size: var(--text-body); line-height: var(--leading-body); }
+.personal-context-drawer[data-context-kind="goal"] .personal-detail-card .personal-acceptance-check-failure { color: var(--pw-red); }
+.personal-goal-detail-usage table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: var(--text-body); line-height: var(--leading-body); font-variant-numeric: tabular-nums; }
+.personal-goal-detail-usage :is(th, td) { padding: 8px 4px; text-align: right; overflow-wrap: anywhere; }
+.personal-goal-detail-usage th { color: var(--pw-muted); font-weight: 500; }
+.personal-goal-detail-usage th[scope="row"] { text-align: left; }
 
 .personal-channel-scroll[data-active-goal-view="overview"], .personal-channel-scroll[data-active-goal-view="research"], .personal-channel-scroll[data-active-goal-view="files"] { padding-inline: max(24px, calc((100% - 1120px) / 2)); }
 
diff --git a/docs/development/assets/goal-detail-readable/after-desktop.png b/docs/development/assets/goal-detail-readable/after-desktop.png
new file mode 100644
index 0000000000..b4c6b88141
Binary files /dev/null and b/docs/development/assets/goal-detail-readable/after-desktop.png differ
diff --git a/docs/development/assets/goal-detail-readable/after-phone.png b/docs/development/assets/goal-detail-readable/after-phone.png
new file mode 100644
index 0000000000..3d73aafdba
Binary files /dev/null and b/docs/development/assets/goal-detail-readable/after-phone.png differ
diff --git a/docs/development/assets/goal-detail-readable/before-desktop.png b/docs/development/assets/goal-detail-readable/before-desktop.png
new file mode 100644
index 0000000000..d47185bf6a
Binary files /dev/null and b/docs/development/assets/goal-detail-readable/before-desktop.png differ
diff --git a/docs/development/assets/goal-detail-readable/before-phone.png b/docs/development/assets/goal-detail-readable/before-phone.png
new file mode 100644
index 0000000000..ebfeb6150a
Binary files /dev/null and b/docs/development/assets/goal-detail-readable/before-phone.png differ
diff --git a/docs/development/assets/goal-detail-readable/expanded-desktop.png b/docs/development/assets/goal-detail-readable/expanded-desktop.png
new file mode 100644
index 0000000000..9456fa6bd9
Binary files /dev/null and b/docs/development/assets/goal-detail-readable/expanded-desktop.png differ
diff --git a/docs/development/assets/goal-detail-readable/expanded-phone.png b/docs/development/assets/goal-detail-readable/expanded-phone.png
new file mode 100644
index 0000000000..6fd463db9e
Binary files /dev/null and b/docs/development/assets/goal-detail-readable/expanded-phone.png differ
diff --git a/docs/development/assets/goal-detail-readable/large-text.png b/docs/development/assets/goal-detail-readable/large-text.png
new file mode 100644
index 0000000000..609d01c27c
Binary files /dev/null and b/docs/development/assets/goal-detail-readable/large-text.png differ
diff --git a/docs/development/assets/goal-detail-readable/usage-desktop.png b/docs/development/assets/goal-detail-readable/usage-desktop.png
new file mode 100644
index 0000000000..148e05d3c5
Binary files /dev/null and b/docs/development/assets/goal-detail-readable/usage-desktop.png differ
diff --git a/examples/personal-workspace-browser/goal-workspace-m2.mjs b/examples/personal-workspace-browser/goal-workspace-m2.mjs
index 75679d28d8..b53e550aa6 100644
--- a/examples/personal-workspace-browser/goal-workspace-m2.mjs
+++ b/examples/personal-workspace-browser/goal-workspace-m2.mjs
@@ -246,10 +246,16 @@ async function verifyRemoteSelection(browser, url) {
     await observation.getByText('Archived totals have not been independently reconciled.',{exact:true}).waitFor();
     await observation.getByText("Cut-over remains held pending the owner's decision.",{exact:true}).waitFor();
     await page.screenshot({path:resolve(outputDir,'overview-readonly-expanded.png'),animations:'disabled'});
+    await verifyGoalDetails(page, snapshot);
     snapshot.run_history.goals[0].acceptance_observation.goal_id = 'another-goal';
     await page.getByRole('button',{name:'刷新状态',exact:true}).click();
     await observation.locator(':scope > summary').getByText('验收观测不可用，Goal 是否达成仍未知。',{exact:true}).waitFor();
     assert.equal(await observation.getByText('Archived totals have not been independently reconciled.',{exact:true}).count(),0,"Wrong-Goal observations never survive a refresh");
+    await page.getByRole('button',{name:'Goal 信息',exact:true}).click();
+    const unavailableDrawer = page.locator('.personal-context-drawer');
+    await unavailableDrawer.getByText('验收观测不可用，Goal 是否达成仍未知。',{exact:true}).waitFor();
+    assert.equal(await unavailableDrawer.getByText('Archived totals have not been independently reconciled.',{exact:true}).count(),0);
+    await page.keyboard.press('Escape');
     await page.getByRole("region",{name:"当前工作",exact:true}).getByRole("button",{name:"关系图",exact:true}).click();
     assert.equal(await page.locator(".work-map").count(),0,"Remote selection cannot reuse a local map");
     target.searchParams.set("view", "conversation");
@@ -260,3 +266,112 @@ async function verifyRemoteSelection(browser, url) {
     assert.deepEqual(localOwnerReads,[],"Remote deep link caused local owner reads");
   } finally {await session.close();}
 }
+
+// The whole Goal reader, including long original evidence, unknown usage and
+// a real owner gate. Styling must not alter any source fact or enable an effect.
+async function verifyGoalDetails(page, snapshot) {
+  const source = snapshot.run_history.goals[0];
+  const original = structuredClone(source.acceptance_observation);
+  const title = 'Ledger exports · 核对完整历史并保留各地区尚未解决的差异与原始证据';
+  source.display_name = title;
+  const owner = 'ledger-reconciliation-source-owner-with-a-long-native-identity';
+  const reason = 'Some regional totals remain unresolved. 保留负面结果、未知成本和原始记录；当前数据不能证明完整验收或独立收益。';
+  const required = 'Compare every original ledger entry and archive the differences with the exact input version. 不删除失败或未知，不把局部通过当成全部完成。';
+  const next = 'Continue the read-only reconciliation. Request the owner’s decision before any cut-over; do not execute the example command.';
+  const observed = '2026-08-01T09:15:00+00:00';
+  source.acceptance_observation = {...original, next_action: next, acceptance_gaps: [
+    {...original.acceptance_gaps[0], reason, evidence_required: required, owner, observed_at: observed,
+      component_checks: {checkpoint_satisfied:true,checkpoint_fresh:false,path_outcome_valid:true,evidence_refs_present:true,final_outcome_claim_present:false,no_reported_outcome_gap:false}},
+    {...original.acceptance_gaps[0], reason:'The retained candidate still lacks an independent comparison. 仍未完成独立对照。', evidence_required:'Keep the failed comparison and the complete original evidence.', owner:'second-reader'},
+  ]};
+  snapshot.usage_summary.goals = [];
+  await page.getByRole('button',{name:'刷新状态',exact:true}).click();
+  const info = page.getByRole('button',{name:'Goal 信息',exact:true});
+  await info.click();
+  const drawer = page.locator('.personal-context-drawer[data-context-kind="goal"]');
+  const acceptance = drawer.locator('.personal-goal-acceptance');
+  const usage = drawer.locator('.personal-goal-detail-usage');
+  await acceptance.getByText(reason,{exact:true}).waitFor();
+  await acceptance.getByRole('status').getByText('待核验 · 来源不全',{exact:true}).waitFor();
+  assert.equal(await acceptance.getByText('仅展示前 12 条观测。',{exact:true}).isVisible(),false,'Display-limit explanation is optional help, not a second status paragraph');
+  assert.equal(await drawer.getByText(title,{exact:true}).count(),1,'The Goal title is not repeated in its header and body');
+  assert.equal(await usage.getByText('未采集',{exact:true}).count(),1,'An entirely unknown usage section has one status, not six identical missing values');
+  await acceptance.getByText(next,{exact:true}).waitFor();
+  assert.ok(await acceptance.evaluate(node => node.querySelector('.personal-acceptance-next').getBoundingClientRect().top < node.querySelector('.personal-acceptance-observation').getBoundingClientRect().top),'Next action precedes the long evidence collection');
+  assert.equal(await acceptance.getByText(owner,{exact:true}).isVisible(),false);
+  await acceptance.getByText('3 项检查未通过',{exact:true}).waitFor();
+  await acceptance.getByText("Cut-over remains held pending the owner's decision.",{exact:true}).waitFor();
+  const readCheck = async () => drawer.evaluate(node => {
+    const text = node.querySelector('.personal-acceptance-observation > p');
+    const styles = getComputedStyle(text);
+    return {font:Number.parseFloat(styles.fontSize),line:Number.parseFloat(styles.lineHeight),overflow:node.scrollWidth-node.clientWidth};
+  });
+  let reading = await readCheck();
+  assert.ok(reading.font >= 16 && reading.line >= 24,`Evidence is reading text, not caption metadata: ${JSON.stringify(reading)}`);
+  const help = acceptance.locator('.personal-acceptance-coverage .context-help-trigger');
+  await help.focus();
+  await page.getByRole('tooltip').getByText('当前仅有部分观测。任务完成或缺口列表为空，都不能证明 Goal 已通过验收。',{exact:true}).waitFor();
+  await page.getByRole('tooltip').getByText('仅展示前 12 条观测。',{exact:true}).waitFor();
+  await page.getByRole('tooltip').getByText('未获取的来源： 最新执行证据',{exact:true}).waitFor();
+  await page.screenshot({path:resolve(outputDir,'goal-detail-help.png'),animations:'disabled'});
+  await page.keyboard.press('Escape');
+  assert.equal(await drawer.isVisible(),true,'Closing optional help keeps the Goal reader open');
+  await page.screenshot({path:resolve(outputDir,'goal-detail-desktop.png'),animations:'disabled'});
+  const details = acceptance.locator('.personal-acceptance-observation details').first();
+  await details.locator('summary').focus(); await page.keyboard.press('Enter');
+  await details.getByText(owner,{exact:true}).waitFor();
+  await details.getByText(observed,{exact:true}).waitFor();
+  await details.getByText('最终成果声明齐全: 未通过',{exact:true}).waitFor();
+  assert.equal(await acceptance.getByText(required,{exact:true}).innerText(),required,'Complete original evidence stays readable');
+  await page.screenshot({path:resolve(outputDir,'goal-detail-expanded-desktop.png'),animations:'disabled'});
+  await page.keyboard.press('Escape');
+  await drawer.waitFor({state:'detached'});
+  assert.ok(await info.evaluate(node=>node===document.activeElement),'Closing the Goal reader returns to its exact trigger');
+
+  snapshot.usage_summary.goals = [{goal_id:source.id,cost_usd_24h:0,duration_ms_7d:7_200_000,input_tokens_7d:12500}];
+  await page.getByRole('button',{name:'刷新状态',exact:true}).click(); await info.click();
+  await usage.locator('table').waitFor();
+  const rows = usage.locator('tbody tr');
+  assert.match(await rows.nth(1).innerText(),/\$0\.00/,'A measured zero is not missing');
+  assert.match(await rows.nth(1).innerText(),/未采集/,'The other window remains unknown');
+  assert.match(await rows.nth(2).innerText(),/2\.0h/);
+  assert.equal(await usage.locator('thead th[scope="col"]').count(),2,'Periods own columns instead of wrapping inside each metric label');
+  await usage.scrollIntoViewIfNeeded();
+  await page.screenshot({path:resolve(outputDir,'goal-detail-usage-desktop.png'),animations:'disabled'});
+  await page.setViewportSize({width:390,height:844});
+  await drawer.locator('.personal-drawer-body').evaluate(node=>node.scrollTop=0);
+  await page.screenshot({path:resolve(outputDir,'goal-detail-phone.png'),animations:'disabled'});
+  const narrowDetails = acceptance.locator('.personal-acceptance-observation details').first();
+  await narrowDetails.locator('summary').click();
+  await narrowDetails.getByText(owner,{exact:true}).waitFor();
+  reading = await readCheck(); assert.ok(reading.overflow <= 1,`Long original text and identifiers fit the phone reader: ${JSON.stringify(reading)}`);
+  await page.screenshot({path:resolve(outputDir,'goal-detail-expanded-phone.png'),animations:'disabled'});
+  await page.evaluate(()=>document.documentElement.style.fontSize='200%');
+  reading = await readCheck(); assert.ok(reading.font >= 32 && reading.overflow <= 1,'Text preferences enlarge the complete reader without horizontal clipping');
+  await page.screenshot({path:resolve(outputDir,'goal-detail-large-text.png'),animations:'disabled'});
+  await page.evaluate(()=>document.documentElement.style.fontSize='');
+  await page.keyboard.press('Escape');
+  await page.evaluate(()=>localStorage.setItem('loopx-pw-locale','en'));
+  await page.reload({waitUntil:'networkidle'});
+  await page.getByRole('button',{name:'Goal information',exact:true}).click();
+  await drawer.getByRole('heading',{name:'Usage',exact:true}).waitFor();
+  await acceptance.getByText('3 checks failed',{exact:true}).waitFor();
+  await drawer.locator('.personal-drawer-body').evaluate(node=>node.scrollTop=0);
+  await page.screenshot({path:resolve(outputDir,'goal-detail-en-phone.png'),animations:'disabled'});
+  await page.keyboard.press('Escape');
+  await page.evaluate(()=>localStorage.setItem('loopx-pw-locale','zh-CN'));
+  source.acceptance_observation.missing_sources = [];
+  await page.reload({waitUntil:'networkidle'});
+  await page.getByRole('button',{name:'Goal 信息',exact:true}).click();
+  await acceptance.getByRole('status').getByText('待核验 · 部分记录',{exact:true}).waitFor();
+  assert.equal(await acceptance.getByText('来源不全',{exact:true}).count(),0,'A display limit does not imply an unavailable source');
+  await page.keyboard.press('Escape');
+  source.acceptance_observation.truncated = false;
+  await page.reload({waitUntil:'networkidle'});
+  await page.getByRole('button',{name:'Goal 信息',exact:true}).click();
+  await acceptance.getByRole('status').getByText('待核验',{exact:true}).waitFor();
+  await page.keyboard.press('Escape');
+  source.acceptance_observation = original;
+  await page.setViewportSize({width:1512,height:982});
+  await page.reload({waitUntil:'networkidle'});
+}