feat: per-tool settings, persistent settings file, Codex and Antigravity sessions, tokens and hooks (#40 B, C1, C2, D)

Part B: Model Pricing, Hook Configuration and CLAUDE_HOME move from
Settings → Dashboard to the Claude Code tab's AgentHub sub-tab
(ClaudeAgentHubSettings.tsx); CODEX_HOME is editable in Codex → AgentHub.
A home that is or contains the OS home is refused (EBADHOME).

Settings persistence: dashboard-saved settings go to
~/.config/agenthub/settings.env (AGENTHUB_SETTINGS_FILE), outside the plugin
cache an update wipes. Load order: real env > the checkout's .env > that file.
The first CLAUDE_HOME change pins DASHBOARD_DATA_DIR so the DB stays put.

C1: codex-usage.js reads Codex rollout journals into sessions (new column
tool) and token_usage, tracked per file in codex_rollouts; forks deduped by
total vector, sub-agent threads folded into the root; pricing-sync also
prices OpenAI models; PricingSettings with a vendor filter.

C2: codex-hooks.js installs AgentHub's hooks into $CODEX_HOME/hooks.json on
a click, through a stable forwarder; Codex trust is never written. The hook
route creates tool='codex' sessions and folds sub-agent hooks into the root.

D: antigravity-usage.js reads agy's per-conversation SQLite files (tokens
from ModelUsageStats) into tool='antigravity' sessions; antigravity-hooks.js
installs the named hook `agenthub` (PreInvocation, PostToolUse, Stop — never
PreToolUse) into ~/.gemini/config/hooks.json; Settings → Antigravity tab;
Gemini pricing.

Whole-change review fixes: sameOriginGuard on both home PUTs, routers.missing
on a CLAUDE_HOME change, reset-pricing scope, GET /api/sessions?tool=,
clear-data covering the new tables, Codex child-thread events moving no
status, hooks owning status only while current, EFOREIGN for a forwarder
that is not ours, agy quiet window and turn rules, AGENTHUB_SETTINGS_FILE
honoured from .env.

Docs, OpenAPI and the CLAUDE.md marker updated. Server 2141, client 779.

client/src/components/settings/__tests__/ClaudeAgentHubSettings.test.tsx

@@ -0,0 +1,130 @@
+/**
+ * @file ClaudeAgentHubSettings.test.tsx
+ * @description Settings → Claude Code → AgentHub: the pricing table, the hook
+ * status with Reinstall, and CLAUDE_HOME — the three sections moved out of
+ * Settings → Dashboard (#40 part B) — still load and act as they did there.
+ * @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
+ */
+
+import { render, screen, within } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import i18n from "i18next";
+import { ClaudeAgentHubSettings } from "../ClaudeAgentHubSettings";
+import { api } from "../../../lib/api";
+import type { ModelPricing } from "../../../lib/types";
+
+vi.mock("../../../lib/api", async (importOriginal) => {
+  const actual = await importOriginal<Record<string, unknown>>();
+  return {
+    ...actual,
+    api: {
+      pricing: { list: vi.fn(), upsert: vi.fn(), delete: vi.fn() },
+      settings: {
+        info: vi.fn(),
+        reinstallHooks: vi.fn(),
+        resetPricing: vi.fn(),
+        claudeHome: { get: vi.fn(), set: vi.fn() },
+      },
+    },
+  };
+});
+
+const RULE = {
+  model_pattern: "claude-opus-5-5%",
+  display_name: "Claude Opus 5.5",
+  input_per_mtok: 4,
+  output_per_mtok: 20,
+  cache_read_per_mtok: 0.2,
+  cache_write_per_mtok: 5,
+  cache_write_1h_per_mtok: 8,
+  fast_input_per_mtok: 8,
+  fast_output_per_mtok: 40,
+  updated_at: "2026-09-28 10:00:00",
+} as ModelPricing;
+
+beforeEach(() => {
+  i18n.changeLanguage("en");
+  vi.mocked(api.pricing.list)
+    .mockReset()
+    .mockResolvedValue({ pricing: [RULE] });
+  vi.mocked(api.settings.info)
+    .mockReset()
+    .mockResolvedValue({
+      hooks: {
+        installed: true,
+        path: "/home/u/.claude/settings.json",
+        hooks: { SessionStart: true, Stop: true },
+      },
+    } as unknown as Awaited<ReturnType<typeof api.settings.info>>);
+  vi.mocked(api.settings.claudeHome.get)
+    .mockReset()
+    .mockResolvedValue({ claude_home: "/home/u/.claude" });
+  vi.mocked(api.settings.claudeHome.set)
+    .mockReset()
+    .mockResolvedValue({ ok: true, claude_home: "/srv/claude", routers: { missing: [] } });
+  vi.mocked(api.settings.resetPricing).mockReset();
+  vi.mocked(api.settings.reinstallHooks)
+    .mockReset()
+    .mockResolvedValue({ ok: true, hooks: { installed: true, hooks: {} } });
+});
+
+describe("ClaudeAgentHubSettings", () => {
+  it("renders pricing, hook status and CLAUDE_HOME in their own sections", async () => {
+    const { container } = render(<ClaudeAgentHubSettings />);
+    expect(await screen.findByText("claude-opus-5-5%")).toBeInTheDocument();
+    for (const id of ["pricing", "hooks", "claude-home"]) {
+      expect(container.querySelector(`section#${id}`)).not.toBeNull();
+    }
+    const hooks = container.querySelector("section#hooks") as HTMLElement;
+    expect(within(hooks).getByText("SessionStart")).toBeInTheDocument();
+    expect(within(hooks).getByText("/home/u/.claude/settings.json")).toBeInTheDocument();
+    expect(await screen.findByDisplayValue("/home/u/.claude")).toBeInTheDocument();
+  });
+
+  it("saves a new CLAUDE_HOME and reinstalls hooks", async () => {
+    const user = userEvent.setup();
+    const { container } = render(<ClaudeAgentHubSettings />);
+    const input = await screen.findByDisplayValue("/home/u/.claude");
+    await user.clear(input);
+    await user.type(input, "/srv/claude");
+    const home = container.querySelector("section#claude-home") as HTMLElement;
+    await user.click(within(home).getByRole("button"));
+    expect(api.settings.claudeHome.set).toHaveBeenCalledWith("/srv/claude");
+
+    const hooks = container.querySelector("section#hooks") as HTMLElement;
+    await user.click(within(hooks).getByRole("button"));
+    expect(api.settings.reinstallHooks).toHaveBeenCalledTimes(1);
+  });
+
+  it("re-reads hook status and tells the page after a CLAUDE_HOME save, naming lanes left without their router", async () => {
+    vi.mocked(api.settings.claudeHome.set).mockResolvedValue({
+      ok: true,
+      claude_home: "/srv/claude",
+      routers: { missing: ["7 (api): my-router"] },
+    });
+    const onHomeChanged = vi.fn();
+    const user = userEvent.setup();
+    const { container } = render(<ClaudeAgentHubSettings onHomeChanged={onHomeChanged} />);
+    const input = await screen.findByDisplayValue("/home/u/.claude");
+    await user.clear(input);
+    await user.type(input, "/srv/claude");
+    const home = container.querySelector("section#claude-home") as HTMLElement;
+    const reads = vi.mocked(api.settings.info).mock.calls.length;
+    await user.click(within(home).getByRole("button"));
+    expect(await within(home).findByText(/7 \(api\): my-router/)).toBeInTheDocument();
+    expect(onHomeChanged).toHaveBeenCalledTimes(1);
+    expect(vi.mocked(api.settings.info).mock.calls.length).toBeGreaterThan(reads);
+  });
+
+  it("resets pricing only on the second click", async () => {
+    const user = userEvent.setup();
+    vi.mocked(api.settings.resetPricing).mockResolvedValue({ ok: true, pricing: [RULE] });
+    render(<ClaudeAgentHubSettings />);
+    await user.click(await screen.findByRole("button", { name: "Reset Defaults" }));
+    expect(api.settings.resetPricing).not.toHaveBeenCalled();
+    await user.click(screen.getByRole("button", { name: "Confirm Reset" }));
+    expect(api.settings.resetPricing).toHaveBeenCalledTimes(1);
+    expect(await screen.findByText("Reset to 1 default rules")).toBeInTheDocument();
+  });
+});