docs(inspector): surface Harness Inspector on homepage and README

The gh-pages homepage and both READMEs did not mention Harness Inspector.
Add an Inspector section to the homepage (screenshot, interactive sample
and architecture CTAs, zh-Hans translations in code.json), sync the
session-view screenshot into the published demo assets, and link the
interactive Inspector from the README "See it in action" sections.
Verified with a full docusaurus build (en + zh-Hans) and by checking the
served homepage HTML for the new section and asset.

Co-authored-by: QoderAI (Qwen 3.8 Max) <qoder_ai@qoder.com>

Author: phodal

README.md

@@ -67,6 +67,18 @@ acceptance checks.
   (<a href="assets/demo/better-harness-report.html">source</a>).</sub>
 </p>
 
+For delivery tracing, the interactive [Harness Inspector](https://qoderai.github.io/better-harness/inspector/)
+follows product intent through agent activity, sessions, files, and commits in
+a read-only workspace, keeping evidence strength and limitations visible:
+
+<p align="center">
+  <a href="https://qoderai.github.io/better-harness/inspector/"><img src="docs/assets/harness-inspector/session-view.png" alt="Harness Inspector session view: a synchronized timeline of prompts, tool calls, and commits with the Evidence Drawer explaining each link" width="900"></a>
+</p>
+
+<p align="center">
+  <sub><a href="https://qoderai.github.io/better-harness/inspector/">Open the interactive Harness Inspector sample</a> (fictional English data; it never reads your workspace).</sub>
+</p>
+
 After you have comparable reports over time, the history view shows how the five
 Agent Work Loop dimensions move:
 

README.zh-CN.md

@@ -60,6 +60,18 @@ Qoder 与 Cursor 生成宿主原生 Canvas 报告；Claude Code、Codex、Qwen C
   （<a href="assets/demo/better-harness-report.html">源文件</a>）。</sub>
 </p>
 
+若要追踪交付链路，交互式 [Harness Inspector](https://qoderai.github.io/better-harness/inspector/)
+会在一个只读工作区中，把产品意图与智能体活动、会话、文件和提交串联起来，
+同时保持证据强度与局限清晰可见：
+
+<p align="center">
+  <a href="https://qoderai.github.io/better-harness/inspector/"><img src="docs/assets/harness-inspector/session-view.png" alt="Harness Inspector 会话视图：提示词、工具调用与提交的同步时间线，配套证据抽屉解释每条关联" width="900"></a>
+</p>
+
+<p align="center">
+  <sub><a href="https://qoderai.github.io/better-harness/inspector/">打开交互式 Harness Inspector 示例</a>（使用虚构的英文数据，不会读取你的工作区）。</sub>
+</p>
+
 当你积累了多份可比较的历史报告后，历史视图会展示智能体工作闭环五个维度的变化：
 
 <p align="center">

docs/i18n/zh-Hans/code.json

@@ -341,6 +341,24 @@
   "homepage.meta.description": {
     "message": "开源 Agent Work Loop 洞察，把编码智能体的项目与会话证据转化为有优先级、可验证的改进。"
   },
+  "homepage.inspector.title": {
+    "message": "从意图到提交，追踪交付全过程"
+  },
+  "homepage.inspector.intro": {
+    "message": "Harness Inspector 在一个只读工作区中，把产品意图与智能体活动、会话、文件和提交串联起来，同时保持证据强度与局限清晰可见。"
+  },
+  "homepage.inspector.alt": {
+    "message": "Harness Inspector 会话视图：提示词、工具调用与提交的同步时间线，配套证据抽屉解释每条关联"
+  },
+  "homepage.inspector.caption": {
+    "message": "该交互式示例使用虚构的英文数据，不会读取你的工作区、Git 历史或 Coding Agent 会话。"
+  },
+  "homepage.inspector.openSample": {
+    "message": "打开交互式示例"
+  },
+  "homepage.inspector.architecture": {
+    "message": "阅读架构说明"
+  },
   "theme.ErrorPageContent.title": {
     "message": "页面已崩溃。",
     "description": "The title of the fallback page when the page crashed"

docs/scripts/sync-assets.mjs

@@ -38,6 +38,16 @@ export function syncAssets({ repoRoot, siteRoot }) {
       from: join(repoRoot, "assets", "install", "codex-add-marketplace.jpg"),
       to: join(siteRoot, "static", "img", "codex-add-marketplace.jpg"),
     },
+    {
+      from: join(
+        repoRoot,
+        "docs",
+        "assets",
+        "harness-inspector",
+        "session-view.png",
+      ),
+      to: join(generatedDemoRoot, "harness-inspector", "session-view.png"),
+    },
   ];
 
   for (const { from, to } of copies) {

docs/src/pages/index.js

@@ -537,6 +537,70 @@ function HowItWorks() {
   );
 }
 
+function InspectorSection() {
+  const inspectorUrl = useBaseUrl("/inspector/");
+  const architectureUrl = useBaseUrl("/docs/concepts/harness-inspector");
+
+  return (
+    <section className={clsx(styles.section, styles.sectionAlt)}>
+      <div className="container">
+        <h2>
+          <Translate id="homepage.inspector.title">
+            Follow delivery from intent to commit
+          </Translate>
+        </h2>
+        <p>
+          <Translate id="homepage.inspector.intro">
+            Harness Inspector traces product intent through agent activity,
+            sessions, files, and commits in one read-only workspace, keeping
+            evidence strength and limitations visible.
+          </Translate>
+        </p>
+        <p className={styles.demoFrame}>
+          <a href={inspectorUrl}>
+            <img
+              src={useBaseUrl("/demo/harness-inspector/session-view.png")}
+              alt={translate({
+                id: "homepage.inspector.alt",
+                message:
+                  "Harness Inspector session view: a synchronized timeline of prompts, tool calls, and commits with the Evidence Drawer explaining each link",
+              })}
+              width="1440"
+              height="900"
+              loading="lazy"
+              decoding="async"
+            />
+          </a>
+        </p>
+        <p className={styles.demoCaption}>
+          <Translate id="homepage.inspector.caption">
+            The interactive sample uses fictional English data. It does not
+            read your workspace, Git history, or coding-agent sessions.
+          </Translate>
+        </p>
+        <p className={styles.demoAction}>
+          <a
+            className="button button--primary button--lg"
+            href={inspectorUrl}
+          >
+            <Translate id="homepage.inspector.openSample">
+              Open the interactive sample
+            </Translate>
+          </a>{" "}
+          <Link
+            className="button button--secondary button--lg"
+            to={architectureUrl}
+          >
+            <Translate id="homepage.inspector.architecture">
+              Read the architecture
+            </Translate>
+          </Link>
+        </p>
+      </div>
+    </section>
+  );
+}
+
 function QuickStart() {
   return (
     <section
@@ -604,6 +668,7 @@ export default function Home() {
       <Hero />
       <main>
         <QuickStart />
+        <InspectorSection />
         <LiveDemo />
         <HowItWorks />
       </main>