diff --git a/ARCHITECTURE.md b/ARCHITECTURE.md index fb8483f4..b6901072 100644 --- a/ARCHITECTURE.md +++ b/ARCHITECTURE.md @@ -294,12 +294,17 @@ graph TD PRICING[routes/pricing.js
Cost calculation + pricing CRUD] SETTINGS[routes/settings.js
System info + data management] WORKFLOWS[routes/workflows.js
Workflow visualizations] + PRIVACYR[routes/privacy.js
Privacy policy + preview] + PRIVACY[lib/privacy.js
Ingest-time sanitizer] INDEX --> DB INDEX --> WS - INDEX --> HOOKS & SESSIONS & AGENTS & EVENTS & STATS & PRICING & SETTINGS & WORKFLOWS + INDEX --> HOOKS & SESSIONS & AGENTS & EVENTS & STATS & PRICING & SETTINGS & WORKFLOWS & PRIVACYR HOOKS --> DB & WS & TC + HOOKS --> PRIVACY + PRIVACYR --> PRIVACY + PRIVACY --> DB SETTINGS --> DB & TC INDEX --> TC SESSIONS --> DB & WS @@ -330,7 +335,9 @@ graph TD | `routes/stats.js` | Single aggregate query returning total/active counts + status distributions | | `routes/analytics.js` | Extended analytics — token totals, tool usage counts, daily event/session trends, agent type distribution. The client-side analytics heatmap grid is aligned to a Sunday start for correct day-of-week positioning | | `routes/pricing.js` | Model pricing CRUD (list/upsert/delete) and per-session / global cost calculation with pattern-based model matching. Cost is computed per token bucket — keyed by (model, speed, inference_geo, service_tier) — applying fast-mode premium, US data-residency (1.1x), and Batch (0.5x) modifiers, the 5m/1h cache-write split, plus server-tool surcharges (web search $10/1k; code execution estimated by container-time with the monthly free-hours allowance; web fetch free). Feature rates + modifier math live in `lib/pricing-constants.js`; usage normalization in `lib/token-usage.js` | -| `routes/settings.js` | System info (DB size, hook status, server uptime, transcript cache stats), data export as JSON, session cleanup (abandon stale, purge old), clear all data, reset pricing, reinstall hooks | +| `routes/settings.js` | System info (DB size, hook status, server uptime, transcript cache stats), data export as JSON (includes the active `privacy_policy` so a restore can re-apply the same rules; events export as stored — post-policy), session cleanup (abandon stale, purge old), clear all data, reset pricing, reinstall hooks | +| `routes/privacy.js` | HTTP surface for ingest-time privacy controls: `GET /api/privacy` (active policy + action/match-type vocabulary + defaults), `PUT /api/privacy` (replace policy, validated server-side — invalid regexes, unknown actions, and `drop_field` on value rules are rejected with structured 400s), and `POST /api/privacy/preview` (before/after transformation of a sample payload + optional draft policy, persisting nothing) | +| `lib/privacy.js` | Ingest-time payload sanitizer. The policy (persisted as JSON in `app_settings`, cached in memory, invalidated on PUT) holds six built-in detector toggles — `secret_keys` (key-name match, same regex family as the Config Explorer redaction), `bearer_tokens`, `api_key_formats`, `private_key_blocks`, plus opt-in `email_addresses` and `home_paths` — a `default_action` (`mask` or stable truncated SHA-256 `hash`), and up to 100 custom rules (`match_type: key\|value` regex with `mask` / `hash` / `drop_field` / `drop_event_payload` actions; `drop_event_payload` reduces the payload to a metadata-only stub preserving `session_id`/`tool_name`/`transcript_path`/`cwd`). `sanitizeEventData()` deep-walks payloads (depth cap 32, node cap 20k; strings are fully scanned up to 2 MB — above the express body cap — and anything larger is masked wholesale rather than skipped) and stamps a `_privacy` counters block only when something was redacted — clean payloads are stored byte-identical. `sanitizeText()` covers event summaries and agent task strings. Called from `routes/hooks.js` at every event-insert site **after** routing decisions ran on the raw payload; fail-safe — a sanitizer crash stores a conservative metadata-only stub (never raw data) and never breaks ingestion. Import/re-import intentionally bypasses the policy (records are written as found on disk); the Settings panel and docs call this out explicitly | | `routes/workflows.js` | Aggregate workflow visualization data (agent orchestration graphs, tool transition flows, collaboration networks, workflow pattern detection, model delegation, error propagation, concurrency timelines, session complexity metrics, compaction impact). Accepts `?status=active\|completed` query parameter to filter all data by session status. Per-session drill-in endpoint with agent tree, tool timeline, and event details | | `lib/transcript-cache.js` | Stat-based JSONL transcript cache with incremental byte-offset reads. Shared between `hooks.js` (token extraction on every event) and the periodic compaction scanner (`index.js`). Extracts tokens, compaction entries, API errors (`isApiErrorMessage` + raw error responses), turn durations (`system` subtype `turn_duration`), thinking block counts, and usage extras (service_tier, speed, inference_geo). Uses `(path, mtime, size)` cache key — unchanged files return cached results instantly, grown files only parse new bytes, shrunk files (compaction) trigger full re-read. Each cache entry stores **only** `{mtimeMs, size, bytesRead, result}` — the previous shape that duplicated every growable array at both the top level and inside `result` is gone, halving steady-state memory per entry. Per-entry growable arrays (`turnDurations`, `errors`, `compaction.entries`, `usageExtras.*`) are bounded to `TRANSCRIPT_CACHE_MAX_ARRAY_LEN` (default `1000`, tail-kept) — older items remain in the `events` table thanks to hook dedup, so the cap only affects the in-memory view. Trimming runs both during parse (when an array reaches `2 * MAX_ARRAY_LEN`, amortized O(N)) and at finalize, so even a fresh full-file parse on a multi-day session cannot accumulate an unbounded transient before returning. **Chunked sync byte-stream reader** (`_streamRange`, 4 MiB chunks split on `0x0A` bytes — safe across UTF-8 multibyte sequences — with a growable per-line byte buffer capped at 64 MiB) replaces the previous `readFileSync("utf8")` so transcripts larger than V8's max JS string length (~512 MiB on 64-bit Node 20) parse without aborting Node with `FATAL ERROR: v8::ToLocalChecked Empty MaybeLocal`. Both full and incremental reads share the same line-level state machine (`_initParseState` / `_consumeLine` / `_finalizeState`). LRU eviction caps at 200 entries. Entries evicted on SessionEnd and abandoned session cleanup | | `scripts/import-history.js` | Batch history importer used by (a) server startup auto-import, (b) the `/api/import/*` routes, (c) the `import-history` CLI, and (d) live `SubagentStop` ingestion via the exported `scanAndImportSubagents(dbModule, sessionId, transcriptPath)`. Exposes `importAllSessions(dbModule)` for the default `~/.claude/projects` tree and the generalized `importFromDirectory(dbModule, rootDir, {onProgress})` which walks any directory recursively, classifies each `.jsonl` as session vs subagent (with `findSessionSubagents` probing both `//subagents/*` and `/subagents//*` layouts), and funnels everything through the shared `parseSessionFile` + `importSession` pipeline. `parseSubagentFile` extracts ordered `toolEvents` (tool_use + tool_result paired by `tool_use_id`) so `importSubagentFromJsonl` can emit per-tool `PreToolUse` + `PostToolUse` rows under each subagent's own `agent_id`. The importer dedups against live hook-created subagent rows via `findLiveSubagentForJsonl` (session + subagent_type + start-time within 30 s) so backfill never produces parallel `-jsonl-*` rows. **Re-import is fully incremental**: for each existing session a per-event-type high-water mark (`MAX(created_at) GROUP BY event_type`) is read up-front and only JSONL entries with `ts > cutoff[type]` are inserted for Stop / PostToolUse / TurnDuration / ToolError — so long-running sessions whose transcripts grow across multiple days continue to receive new events on every re-run instead of being blocked by the old "if zero of type X then dump all" check. `sessions.ended_at` is rolled forward to the JSONL's last activity when it surpasses the stored value, and `metadata.user_messages` / `assistant_messages` / `turn_count` are refreshed on every pass. Other idempotency keys are unchanged: `data LIKE '%"tool_use_id":"X"%'` skips any tool event already inserted, compaction agents/events dedup by uuid, API errors dedup by summary, and `baseline_*` columns preserve pre-compaction token totals. Token totals, per-model cost, compactions, subagents, tool events, API errors, and turn durations are identical to live ingestion. Creates `APIError`, `TurnDuration`, and `ToolError` event types during import; subagent tool events carry `imported: true, source: "subagent_jsonl"` in their data payload so analytics can distinguish backfilled rows when needed | @@ -783,6 +790,12 @@ erDiagram TEXT auth "Auth secret" TEXT created_at "ISO 8601" } + + app_settings { + TEXT key PK "Setting name e.g. privacy_policy" + TEXT value "JSON string" + TEXT updated_at "ISO 8601" + } ``` ### Indexes diff --git a/README.md b/README.md index 69729e1e..2c168b91 100644 --- a/README.md +++ b/README.md @@ -265,6 +265,7 @@ The dashboard offers a comprehensive set of features to monitor and analyze your | **Cost Tracking** | Per-model cost estimation with configurable pricing rules and per-session breakdowns. Compaction-aware token accounting preserves totals across context compressions. Transcript reads are cached with incremental byte-offset updates for efficient token extraction | | **Transcript Cache** | Real-time extraction from JSONL transcripts: tokens, compactions, API errors (`isApiErrorMessage` entries stored as `APIError` events), turn durations (stored as `TurnDuration` events), thinking block counts, and usage extras (service_tier, speed, inference_geo). Per-entry growable arrays are tail-capped at `TRANSCRIPT_CACHE_MAX_ARRAY_LEN` (default `1000`, configurable) — both during parse and at finalize — so even a session that runs for days cannot grow a single cache entry without bound. Each entry stores only `{mtimeMs, size, bytesRead, result}`, so there's no shadow copy of the same data at both the top level and inside `result`. Session metadata is enriched with these fields in real-time | | **Notifications** | Full Web Push (VAPID) pipeline for reliable delivery. Arrive even when the tab is backgrounded or the browser is closed. Explicitly configured for macOS audio support. Configurable per-event toggles with subscription management | +| **Privacy Controls** | Configurable ingest-time privacy policy that redacts, hashes, or drops sensitive data from hook payloads **before** they are written to SQLite or broadcast over WebSocket. Six built-in detectors — secret-named keys (`token`/`secret`/`password`/`api_key`/`auth`/`credential`), `Bearer` tokens, common API-key formats (`sk-ant-…`, `ghp_…`, `AKIA…`, `xox…`, `AIza…`), private-key blocks, and opt-in email-address and home-directory-path detectors — plus custom regex rules matching key names or value text with `mask`, `hash` (stable truncated SHA-256 for correlation), `drop_field`, or `drop_event_payload` (metadata-only stub) actions. Conservative default: obvious secrets are masked out of the box. Redacted events carry a `_privacy` metadata block (rule count, masked/hashed/dropped counters) without exposing original values, and clean payloads are stored byte-identical so existing analytics, filters, and cost views are unaffected. Settings panel with master toggle, per-detector toggles, rule CRUD, and a live **before/after preview** (`POST /api/privacy/preview`) that never persists the sample. Fail-safe: a sanitizer error degrades to dropping the payload — never storing raw data, never failing hook ingestion. Applies to live ingest only; import/re-import writes transcripts as found (explicitly called out in the UI) | | **Update Notifier** | Server periodically runs a non-blocking `git fetch` and compares the local checkout to `origin/master`/`origin/main`/`origin/HEAD`. When upstream is ahead, the UI surfaces a modal with the exact `git pull && npm run setup` command and a one-click **Copy** button; the Sidebar gets a persistent "Check for updates" button with live badge. The dashboard never pulls or restarts itself — the user runs the command in a terminal — so the mechanism cannot break dev sessions, pm2/systemd/Docker supervision, or leave orphaned processes | | **Settings** | System info, hook status, model pricing management, notification preferences, data export, session cleanup. The Model Pricing section exposes an info popover (the `i` icon next to the title) explaining how rule lookup works (first matching pattern wins), the SQL-style `%` wildcard syntax with concrete examples (`claude-opus-4-7%`, `claude-%-haiku`, exact ids), and that prices must be updated manually when Anthropic publishes new rates — already-stored sessions keep the price applied at ingest time. The CLAUDE_HOME box and Import History panel are fully i18n-driven across en/vi/zh | | **MCP Server (Local)** | Enterprise-grade local MCP server in `mcp/` with three transport modes (stdio, HTTP+SSE, interactive REPL), 25 typed tools across 6 domains, strict input schemas, retry/backoff, localhost-only API enforcement, and tiered mutation/destructive safety gates. HTTP mode serves Streamable HTTP (2025-11-25) and legacy SSE (2024-11-05) on configurable port. REPL mode provides tab-completed interactive tool invocation with colored output | @@ -901,6 +902,14 @@ The OpenAPI document is generated from `server/openapi.js`, and Swagger UI is se | `GET` | `/api/workflows` | Aggregate workflow data (orchestration, tools, patterns). Optional `?status=active\|completed` query param filters all 11 data sections by session status | | `GET` | `/api/workflows/session/:id` | Per-session drill-in (agent tree, tool timeline, events) | +### Privacy + +| Method | Path | Description | +| ------ | ---------------------- | ------------------------------------------------------------------------ | +| `GET` | `/api/privacy` | Active ingest-time privacy policy + action/match-type vocabulary | +| `PUT` | `/api/privacy` | Replace the policy (validated server-side; invalid regexes are rejected) | +| `POST` | `/api/privacy/preview` | Before/after preview of a sample payload — nothing is persisted | + ### Settings | Method | Path | Description | diff --git a/client/src/components/PrivacyControls.tsx b/client/src/components/PrivacyControls.tsx new file mode 100644 index 00000000..3cae3bc6 --- /dev/null +++ b/client/src/components/PrivacyControls.tsx @@ -0,0 +1,435 @@ +/** + * @file PrivacyControls.tsx + * @description Settings section for ingest-time privacy controls. Lets the + * user toggle the master policy and built-in detectors, manage custom + * redaction rules (key/value regex match with mask / hash / drop_field / + * drop_event_payload actions), and preview how a sample payload would be + * transformed by the current (possibly unsaved) policy — nothing in the + * preview is persisted. Live ingest applies the policy; import/reimport does + * not, which the panel calls out explicitly. + * @author Son Nguyen + */ + +import { useCallback, useEffect, useState } from "react"; +import { useTranslation } from "react-i18next"; +import { Shield, Plus, Trash2, Eye, AlertTriangle, Check } from "lucide-react"; +import { api } from "../lib/api"; +import { Skeleton } from "./Skeleton"; +import type { + PrivacyAction, + PrivacyMatchType, + PrivacyPolicy, + PrivacyPreviewResult, + PrivacyRule, +} from "../lib/types"; + +const DETECTOR_KEYS = [ + "secret_keys", + "bearer_tokens", + "api_key_formats", + "private_key_blocks", + "email_addresses", + "home_paths", +] as const; + +const ACTIONS: PrivacyAction[] = ["mask", "hash", "drop_field", "drop_event_payload"]; +const MATCH_TYPES: PrivacyMatchType[] = ["key", "value"]; + +const SAMPLE_PAYLOAD = JSON.stringify( + { + session_id: "sample-session", + tool_name: "Bash", + tool_input: { + command: "curl -H 'Authorization: Bearer abc123def456ghi789' https://api.example.com", + api_key: "sk-ant-api03-EXAMPLE-KEY-VALUE-1234567890", + }, + }, + null, + 2 +); + +function MiniToggle({ + checked, + onChange, + label, +}: { + checked: boolean; + onChange: (next: boolean) => void; + label: string; +}) { + return ( + + ); +} + +export function PrivacyControls() { + const { t } = useTranslation("settings"); + const [policy, setPolicy] = useState(null); + const [loading, setLoading] = useState(true); + const [dirty, setDirty] = useState(false); + const [saving, setSaving] = useState(false); + const [saveError, setSaveError] = useState(null); + const [savedFlash, setSavedFlash] = useState(false); + + const [newRule, setNewRule] = useState({ + name: "", + enabled: true, + match_type: "value", + pattern: "", + action: "mask", + }); + + const [sampleText, setSampleText] = useState(SAMPLE_PAYLOAD); + const [preview, setPreview] = useState(null); + const [previewError, setPreviewError] = useState(null); + + useEffect(() => { + api.privacy + .get() + .then((res) => setPolicy(res.policy)) + .catch((err) => console.error("Failed to load privacy policy:", err)) + .finally(() => setLoading(false)); + }, []); + + const edit = useCallback((patch: Partial) => { + setPolicy((prev) => (prev ? { ...prev, ...patch } : prev)); + setDirty(true); + setSavedFlash(false); + }, []); + + const save = async () => { + if (!policy || saving) return; + setSaving(true); + setSaveError(null); + try { + const res = await api.privacy.update(policy); + setPolicy(res.policy); + setDirty(false); + setSavedFlash(true); + } catch (err) { + setSaveError(err instanceof Error ? err.message : String(err)); + } finally { + setSaving(false); + } + }; + + const addRule = () => { + if (!policy || !newRule.name.trim() || !newRule.pattern.trim()) return; + // Stamp a client-side id so unsaved rules have a stable React key even + // when rules are deleted/reordered before saving (the server keeps any + // provided id on save). + const ruleWithId = { + ...newRule, + id: + typeof crypto !== "undefined" && crypto.randomUUID + ? crypto.randomUUID() + : Math.random().toString(36).slice(2, 11), + name: newRule.name.trim(), + }; + edit({ rules: [...policy.rules, ruleWithId] }); + setNewRule({ name: "", enabled: true, match_type: "value", pattern: "", action: "mask" }); + }; + + const runPreview = async () => { + if (!policy) return; + setPreviewError(null); + let data: Record; + try { + data = JSON.parse(sampleText); + } catch { + setPreviewError(t("privacy.preview.invalidJson")); + return; + } + try { + const res = await api.privacy.preview({ data, policy }); + setPreview(res); + } catch (err) { + setPreviewError(err instanceof Error ? err.message : String(err)); + } + }; + + if (loading) { + return ( +
+ + +
+ ); + } + if (!policy) { + return
{t("privacy.loadFailed")}
; + } + + return ( +
+ {/* Master toggle */} +
+
+
+ +
+
+

{t("privacy.enable")}

+

{t("privacy.enableDesc")}

+
+
+ edit({ enabled: next })} + label={t("privacy.enable")} + /> +
+ + {/* Import warning */} +
+ +

{t("privacy.importWarning")}

+
+ + {/* Built-in detectors */} +
+

+ {t("privacy.detectors.title")} +

+
+ {DETECTOR_KEYS.map((key) => ( +
+
+

+ {t(`privacy.detectors.${key}`)} +

+

+ {t(`privacy.detectors.${key}Desc`)} +

+
+ edit({ detectors: { ...policy.detectors, [key]: next } })} + label={t(`privacy.detectors.${key}`)} + /> +
+ ))} +
+
+ {t("privacy.defaultAction")} + +
+
+ + {/* Custom rules */} +
+

+ {t("privacy.rules.title")} +

+ {policy.rules.length === 0 ? ( +

{t("privacy.rules.empty")}

+ ) : ( +
    + {policy.rules.map((rule, idx) => ( +
  • +
    + + {rule.name} + + + {rule.match_type}~/{rule.pattern}/ → {t(`privacy.actions.${rule.action}`)} + +
    +
    + + edit({ + rules: policy.rules.map((r, i) => + i === idx ? { ...r, enabled: next } : r + ), + }) + } + label={rule.name} + /> + +
    +
    • + ))} +
+ )} + +
+ setNewRule((r) => ({ ...r, name: e.target.value }))} + placeholder={t("privacy.rules.namePlaceholder")} + className="input text-xs" + aria-label={t("privacy.rules.name")} + /> + + setNewRule((r) => ({ ...r, pattern: e.target.value }))} + placeholder={t("privacy.rules.patternPlaceholder")} + className="input text-xs font-mono" + aria-label={t("privacy.rules.pattern")} + /> + + +
+
+ + {/* Preview */} +
+

+ {t("privacy.preview.title")} +

+