cc-steer 0.9.0__tar.gz

cc_steer-0.9.0/LICENSE

@@ -0,0 +1,133 @@
+Required Notice: Copyright Yasyf Mohamedali (https://github.com/yasyf/cc-steer)
+
+# PolyForm Noncommercial License 1.0.0
+
+<https://polyformproject.org/licenses/noncommercial/1.0.0>
+
+## Acceptance
+
+In order to get any license under these terms, you must agree
+to them as both strict obligations and conditions to all
+your licenses.
+
+## Copyright License
+
+The licensor grants you a copyright license for the
+software to do everything you might do with the software
+that would otherwise infringe the licensor's copyright
+in it for any permitted purpose.  However, you may
+only distribute the software according to [Distribution
+License](#distribution-license) and make changes or new works
+based on the software according to [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Distribution License
+
+The licensor grants you an additional copyright license
+to distribute copies of the software.  Your license
+to distribute covers distributing the software with
+changes and new works permitted by [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of
+the software from you also gets a copy of these terms or the
+URL for them above, as well as copies of any plain-text lines
+beginning with `Required Notice:` that the licensor provided
+with the software.  For example:
+
+> Required Notice: Copyright Yoyodyne, Inc. (http://example.com)
+
+## Changes and New Works License
+
+The licensor grants you an additional copyright license to
+make changes and new works based on the software for any
+permitted purpose.
+
+## Patent License
+
+The licensor grants you a patent license for the software that
+covers patent claims the licensor can license, or becomes able
+to license, that you would infringe by using the software.
+
+## Noncommercial Purposes
+
+Any noncommercial purpose is a permitted purpose.
+
+## Personal Uses
+
+Personal use for research, experiment, and testing for
+the benefit of public knowledge, personal study, private
+entertainment, hobby projects, amateur pursuits, or religious
+observance, without any anticipated commercial application,
+is use for a permitted purpose.
+
+## Noncommercial Organizations
+
+Use by any charitable organization, educational institution,
+public research organization, public safety or health
+organization, environmental protection organization,
+or government institution is use for a permitted purpose
+regardless of the source of funding or obligations resulting
+from the funding.
+
+## Fair Use
+
+You may have "fair use" rights for the software under the
+law. These terms do not limit them.
+
+## No Other Rights
+
+These terms do not allow you to sublicense or transfer any of
+your licenses to anyone else, or prevent the licensor from
+granting licenses to anyone else.  These terms do not imply
+any other licenses.
+
+## Patent Defense
+
+If you make any written claim that the software infringes or
+contributes to infringement of any patent, your patent license
+for the software granted under these terms ends immediately. If
+your company makes such a claim, your patent license ends
+immediately for work on behalf of your company.
+
+## Violations
+
+The first time you are notified in writing that you have
+violated any of these terms, or done anything with the software
+not covered by your licenses, your licenses can nonetheless
+continue if you come into full compliance with these terms,
+and take practical steps to correct past violations, within
+32 days of receiving notice.  Otherwise, all your licenses
+end immediately.
+
+## No Liability
+
+***As far as the law allows, the software comes as is, without
+any warranty or condition, and the licensor will not be liable
+to you for any damages arising out of these terms or the use
+or nature of the software, under any kind of legal claim.***
+
+## Definitions
+
+The **licensor** is the individual or entity offering these
+terms, and the **software** is the software the licensor makes
+available under these terms.
+
+**You** refers to the individual or entity agreeing to these
+terms.
+
+**Your company** is any legal entity, sole proprietorship,
+or other kind of organization that you work for, plus all
+organizations that have control over, are under the control of,
+or are under common control with that organization.  **Control**
+means ownership of substantially all the assets of an entity,
+or the power to direct its management and policies by vote,
+contract, or otherwise.  Control can be direct or indirect.
+
+**Your licenses** are all the licenses granted to you for the
+software under these terms.
+
+**Use** means anything you do with the software requiring one
+of your licenses.

cc_steer-0.9.0/PKG-INFO

@@ -0,0 +1,116 @@
+Metadata-Version: 2.4
+Name: cc-steer
+Version: 0.9.0
+Summary: Your best training data is rotting in ~/.claude.
+Keywords: 
+Author: Yasyf Mohamedali
+Author-email: Yasyf Mohamedali <yasyfm@gmail.com>
+License-Expression: PolyForm-Noncommercial-1.0.0
+License-File: LICENSE
+Classifier: Development Status :: 3 - Alpha
+Classifier: Intended Audience :: Developers
+Classifier: Operating System :: OS Independent
+Classifier: Programming Language :: Python :: 3
+Classifier: Programming Language :: Python :: 3 :: Only
+Classifier: Typing :: Typed
+Requires-Dist: anyio>=4.4
+Requires-Dist: cc-transcript>=8,<9
+Requires-Dist: click>=8
+Requires-Dist: datasets>=3.2
+Requires-Dist: fastapi>=0.115
+Requires-Dist: huggingface-hub>=0.27
+Requires-Dist: pydantic>=2
+Requires-Dist: spawnllm>=0.5.1,<0.6
+Requires-Dist: uvicorn>=0.30
+Requires-Dist: pytest>=8.0 ; extra == 'dev'
+Requires-Dist: ty>=0.0.44 ; extra == 'dev'
+Requires-Dist: ruff>=0.8 ; extra == 'dev'
+Requires-Dist: httpx>=0.27 ; extra == 'dev'
+Requires-Python: >=3.13
+Project-URL: Homepage, https://github.com/yasyf/cc-steer
+Project-URL: Documentation, https://yasyf.github.io/cc-steer/
+Project-URL: Repository, https://github.com/yasyf/cc-steer
+Project-URL: Issues, https://github.com/yasyf/cc-steer/issues
+Project-URL: Changelog, https://github.com/yasyf/cc-steer/blob/main/CHANGELOG.md
+Provides-Extra: dev
+Description-Content-Type: text/markdown
+
+# ![cc-steer](https://github.com/yasyf/cc-steer/raw/main/docs/assets/readme-banner.webp)
+
+**Your best training data is rotting in ~/.claude.** cc-steer mines every correction, interrupt, and rejected plan from your transcripts into judge-refined, TRL-ready SFT/DPO/KTO pairs on HuggingFace.
+
+[![CI](https://github.com/yasyf/cc-steer/actions/workflows/ci.yml/badge.svg)](https://github.com/yasyf/cc-steer/actions/workflows/ci.yml)
+[![PyPI](https://img.shields.io/pypi/v/cc-steer.svg)](https://pypi.org/project/cc-steer/)
+[![License: PolyForm Noncommercial](https://img.shields.io/badge/license-PolyForm--Noncommercial--1.0.0-blue)](https://github.com/yasyf/cc-steer/blob/main/LICENSE)
+
+## Get started
+
+```bash
+uvx cc-steer scan
+```
+
+One pass over `~/.claude/projects` fills `~/.cc-steer/feedback.db` with every correction you typed, every plan you rejected, and every inline review comment — conversational context included. `stats` shows what landed:
+
+<img src="https://github.com/yasyf/cc-steer/raw/main/docs/assets/demo.png" alt="Terminal running 'uvx cc-steer stats' — 980 steering events counted across four source kinds" width="700">
+
+Driving with an agent? Paste this:
+
+```text
+Run `uvx cc-steer scan` to mine my Claude Code transcripts into ~/.cc-steer/feedback.db.
+Then run `uvx cc-steer stats` and report how much steering was collected per source kind.
+Docs: https://yasyf.github.io/cc-steer/
+```
+
+---
+
+## Use cases
+
+### Build a training set from feedback you already gave
+
+You've spent months telling Claude "no, not like that", and that signal evaporates as transcripts rotate out. Judge the corpus, then distill the accepted events into atomic pairs, the corrective ones grounded in the code they fault:
+
+```bash
+uvx cc-steer triage
+uvx cc-steer refine
+uvx cc-steer enrich
+```
+
+`uvx cc-steer pairs` prints the deliverable: training pairs distilled from your own steering, each carrying the conversational window and code evidence behind it.
+
+### See how you actually steer, across every project
+
+Your taste is mostly tacit — you notice a rule when it's violated. The corpus makes it legible:
+
+```bash
+uvx cc-steer list --source plan_review
+```
+
+On my machine the split is 698 mid-session corrections, 219 rejected plans, 41 review comments, and 22 interrupts. Another machine's history folds in too: mirror it with rsync and point `scan --transcripts` at it (repeatable, so several mirrors fold into one scan).
+
+### Push a private SFT/DPO/KTO dataset to your HuggingFace namespace
+
+A judged corpus in SQLite trains nothing. Export projects it into TRL-ready configs:
+
+```bash
+uvx cc-steer export --push
+```
+
+```
+traces: train 1156  test 115
+sft: train 499  test 67
+dpo: train 363  test 44
+kto: train 1156  test 115
+```
+
+Four configs land as per-split parquet in a private `<hf-user>/cc-steer-traces`, next to a generated dataset card. Splits group on the session hash, so a session never straddles train and test.
+
+## More in the docs
+
+- **Incremental scanning** — content digests and one-transaction commits make re-scans cheap and interrupt-safe — [scan](https://yasyf.github.io/cc-steer/reference/cli/scan.html)
+- **Judge, audit, eval** — prompt-versioned triage, a seeded audit sample, and mechanical metrics with no LLM calls — [triage](https://yasyf.github.io/cc-steer/reference/cli/triage.html)
+- **Pair dashboard** — browse refined pairs and their full lineage in a local web UI — [view-samples](https://yasyf.github.io/cc-steer/reference/cli/view_samples.html)
+- **Python API** — drive the scanner and the feedback store from your own code — [reference](https://yasyf.github.io/cc-steer/reference/)
+
+Status: alpha — the pipeline runs end to end; the judge prompt still iterates (v6 today).
+
+Read the [docs](https://yasyf.github.io/cc-steer/) for the full guide. Licensed under [PolyForm Noncommercial 1.0.0](LICENSE).

cc_steer-0.9.0/README.md

@@ -0,0 +1,79 @@
+# ![cc-steer](https://github.com/yasyf/cc-steer/raw/main/docs/assets/readme-banner.webp)
+
+**Your best training data is rotting in ~/.claude.** cc-steer mines every correction, interrupt, and rejected plan from your transcripts into judge-refined, TRL-ready SFT/DPO/KTO pairs on HuggingFace.
+
+[![CI](https://github.com/yasyf/cc-steer/actions/workflows/ci.yml/badge.svg)](https://github.com/yasyf/cc-steer/actions/workflows/ci.yml)
+[![PyPI](https://img.shields.io/pypi/v/cc-steer.svg)](https://pypi.org/project/cc-steer/)
+[![License: PolyForm Noncommercial](https://img.shields.io/badge/license-PolyForm--Noncommercial--1.0.0-blue)](https://github.com/yasyf/cc-steer/blob/main/LICENSE)
+
+## Get started
+
+```bash
+uvx cc-steer scan
+```
+
+One pass over `~/.claude/projects` fills `~/.cc-steer/feedback.db` with every correction you typed, every plan you rejected, and every inline review comment — conversational context included. `stats` shows what landed:
+
+<img src="https://github.com/yasyf/cc-steer/raw/main/docs/assets/demo.png" alt="Terminal running 'uvx cc-steer stats' — 980 steering events counted across four source kinds" width="700">
+
+Driving with an agent? Paste this:
+
+```text
+Run `uvx cc-steer scan` to mine my Claude Code transcripts into ~/.cc-steer/feedback.db.
+Then run `uvx cc-steer stats` and report how much steering was collected per source kind.
+Docs: https://yasyf.github.io/cc-steer/
+```
+
+---
+
+## Use cases
+
+### Build a training set from feedback you already gave
+
+You've spent months telling Claude "no, not like that", and that signal evaporates as transcripts rotate out. Judge the corpus, then distill the accepted events into atomic pairs, the corrective ones grounded in the code they fault:
+
+```bash
+uvx cc-steer triage
+uvx cc-steer refine
+uvx cc-steer enrich
+```
+
+`uvx cc-steer pairs` prints the deliverable: training pairs distilled from your own steering, each carrying the conversational window and code evidence behind it.
+
+### See how you actually steer, across every project
+
+Your taste is mostly tacit — you notice a rule when it's violated. The corpus makes it legible:
+
+```bash
+uvx cc-steer list --source plan_review
+```
+
+On my machine the split is 698 mid-session corrections, 219 rejected plans, 41 review comments, and 22 interrupts. Another machine's history folds in too: mirror it with rsync and point `scan --transcripts` at it (repeatable, so several mirrors fold into one scan).
+
+### Push a private SFT/DPO/KTO dataset to your HuggingFace namespace
+
+A judged corpus in SQLite trains nothing. Export projects it into TRL-ready configs:
+
+```bash
+uvx cc-steer export --push
+```
+
+```
+traces: train 1156  test 115
+sft: train 499  test 67
+dpo: train 363  test 44
+kto: train 1156  test 115
+```
+
+Four configs land as per-split parquet in a private `<hf-user>/cc-steer-traces`, next to a generated dataset card. Splits group on the session hash, so a session never straddles train and test.
+
+## More in the docs
+
+- **Incremental scanning** — content digests and one-transaction commits make re-scans cheap and interrupt-safe — [scan](https://yasyf.github.io/cc-steer/reference/cli/scan.html)
+- **Judge, audit, eval** — prompt-versioned triage, a seeded audit sample, and mechanical metrics with no LLM calls — [triage](https://yasyf.github.io/cc-steer/reference/cli/triage.html)
+- **Pair dashboard** — browse refined pairs and their full lineage in a local web UI — [view-samples](https://yasyf.github.io/cc-steer/reference/cli/view_samples.html)
+- **Python API** — drive the scanner and the feedback store from your own code — [reference](https://yasyf.github.io/cc-steer/reference/)
+
+Status: alpha — the pipeline runs end to end; the judge prompt still iterates (v6 today).
+
+Read the [docs](https://yasyf.github.io/cc-steer/) for the full guide. Licensed under [PolyForm Noncommercial 1.0.0](LICENSE).

cc_steer-0.9.0/cc_steer/__init__.py

@@ -0,0 +1 @@
+"""Collect developer steering signals from existing Claude Code transcripts."""

cc_steer-0.9.0/cc_steer/__main__.py

@@ -0,0 +1,6 @@
+from __future__ import annotations
+
+from cc_steer.cli import main
+
+if __name__ == "__main__":
+    main()

cc_steer-0.9.0/cc_steer/assets/base.css

@@ -0,0 +1,66 @@
+:root{--bg:#0d1117;--panel:#161b22;--border:#30363d;--fg:#e6edf3;--muted:#8b949e;--accent:#58a6ff}
+*{box-sizing:border-box}
+body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
+h1,h2{font-weight:600}
+header.top{padding:24px;border-bottom:1px solid var(--border)}
+header.top .sub{color:var(--muted)}
+section{padding:16px 24px}
+.stat-cards{display:flex;gap:12px;flex-wrap:wrap}
+.stat{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px 16px}
+.stat .n{font-size:20px;font-weight:600}
+.stat .l{color:var(--muted);font-size:12px}
+table.dist{border-collapse:collapse;margin-top:14px}
+table.dist td{padding:2px 10px 2px 0;white-space:nowrap}
+.bar{display:inline-block;height:10px;background:var(--accent);border-radius:3px;vertical-align:middle}
+.narrative{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);
+border-radius:8px;padding:14px 18px;max-width:80ch;margin-top:14px}
+.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px 16px;margin:12px 0}
+.card header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
+.badge{font-size:11px;padding:2px 8px;border-radius:10px;background:#21262d;border:1px solid var(--border)}
+.badge-transcript_message{color:#8b949e}.badge-review_comment{color:#7ee787}.badge-plan_review{color:#d2a8ff}
+.badge-interrupt_rejection{color:#ff7b72}.badge-superset_issue{color:#ffa657}
+time{color:var(--muted);font-size:12px}
+.chip{font-size:11px;color:var(--muted);background:#21262d;border-radius:6px;padding:1px 6px}
+.text pre{white-space:pre-wrap;word-break:break-word;margin:0;font:inherit}
+details.ctx{margin-top:10px}
+details.ctx summary{color:var(--accent);cursor:pointer}
+.turn{border-left:2px solid var(--border);padding:4px 0 4px 10px;margin:6px 0}
+.turn .role{font-size:10px;text-transform:uppercase;color:var(--muted)}
+.turn .tools{font-size:10px;color:var(--accent);margin-left:6px}
+.turn pre{white-space:pre-wrap;word-break:break-word;margin:2px 0 0;font:inherit;color:var(--muted)}
+.turn-user pre{color:var(--fg)}
+.turn-trigger{border-left-color:var(--accent)}
+.turn-trigger .role::after{content:" \2190 pushed back on";color:var(--accent)}
+.lineage{display:flex;flex-direction:column;gap:14px}
+.stage{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px 16px}
+.stage h3{margin:0 0 10px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
+.stage-detector{border-left:3px solid var(--muted)}
+.stage-judge{border-left:3px solid var(--accent)}
+.stage-auditor{border-left:3px solid #d2a8ff}
+.stage-refiner{border-left:3px solid #7ee787}
+.stage-golden{border-left:3px solid #ffa657}
+.verdict,.pair{border:1px solid var(--border);border-radius:6px;padding:8px 10px;margin:8px 0}
+.vhead{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
+.vsum,.vrat,.paction,.pdirection{white-space:pre-wrap;word-break:break-word;margin:2px 0;font:inherit}
+.vrat,.pdirection{color:var(--muted)}
+.pverbatim{border-left:2px solid #7ee787;margin:6px 0;padding:2px 0 2px 10px;color:var(--fg)}
+.orig pre{white-space:pre-wrap;word-break:break-word;margin:0 0 8px;color:var(--muted)}
+mark{background:#7ee78733;color:var(--fg);border-radius:3px}
+.evidence{margin-top:8px}
+.panes{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}
+.pane{flex:1;min-width:220px;border:1px solid var(--border);border-radius:6px;padding:6px 8px}
+.pane .plabel{font-size:10px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
+.pane .del,.pane .ins{white-space:pre-wrap;word-break:break-word;padding:0 4px;border-radius:3px}
+.pane .del{background:#ff7b7222}
+.pane .ins{background:#7ee78722}
+.pane .del::before{content:"- ";color:#ff7b72}
+.pane .ins::before{content:"+ ";color:#7ee787}
+.chip-git{color:#ffa657}
+.flip{font-size:11px;color:#ffa657}
+.agree{font-size:11px;color:#7ee787}
+.disagree{font-size:11px;color:#ff7b72}
+.muted{color:var(--muted)}
+.badge.pass{color:#7ee787}.badge.fail{color:#ff7b72}
+.cat-wrong_approach{color:#ff7b72}.cat-incorrect_change{color:#ffa657}.cat-unwanted_action{color:#f0883e}
+.cat-style_violation{color:#d2a8ff}.cat-premature{color:#79c0ff}.cat-direction{color:#56d364}
+.cat-operational_directive,.cat-status_update,.cat-new_task,.cat-question,.cat-other{color:#8b949e}

cc_steer-0.9.0/cc_steer/assets/dashboard.css

@@ -0,0 +1,58 @@
+header.top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
+.head-right{display:flex;align-items:center;gap:12px}
+#stat-strip{color:var(--muted);font-size:12px;text-align:right}
+#stats-toggle{background:var(--panel);color:var(--fg);border:1px solid var(--border);
+border-radius:8px;padding:4px 12px;cursor:pointer;font:inherit}
+#stats.hidden{display:none}
+.comp h2{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:18px 0 0}
+.comp table.dist td{padding:3px 12px 3px 0}
+.app{display:flex;align-items:flex-start}
+#filters{width:236px;flex:none;position:sticky;top:0;max-height:100vh;overflow:auto;
+padding:16px;border-right:1px solid var(--border)}
+.facet-group{margin-bottom:18px}
+.facet-group h3{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 8px}
+.facet-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;
+border:0;color:var(--fg);font:inherit;padding:4px 6px;border-radius:6px;cursor:pointer}
+.facet-row:hover{background:var(--panel)}
+.facet-row.on{background:var(--panel);box-shadow:inset 2px 0 0 var(--accent)}
+.facet-row.empty{opacity:.4}
+.facet-row .fcheck{width:12px;color:var(--accent)}
+.facet-row .fv{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}
+.facet-count{margin-left:auto;color:var(--muted);font-size:11px}
+main{flex:1;min-width:0;padding:0 24px 48px}
+#toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;position:sticky;top:0;
+background:var(--bg);padding:14px 0;z-index:2;border-bottom:1px solid var(--border)}
+.views{display:flex;gap:6px}
+.view-btn{background:var(--panel);color:var(--fg);border:1px solid var(--border);border-radius:14px;
+padding:4px 12px;cursor:pointer;font:inherit}
+.view-btn.active{background:var(--accent);color:#0d1117;border-color:var(--accent)}
+#search{flex:1;min-width:200px;background:var(--panel);color:var(--fg);border:1px solid var(--border);
+border-radius:6px;padding:6px 10px;font:inherit}
+#count{color:var(--muted)}
+#active{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0}
+#active:empty{display:none}
+.achip{background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--fg);
+font:inherit;font-size:12px;padding:2px 10px;cursor:pointer}
+.achip:hover{border-color:var(--accent)}
+.achip.clear{color:var(--muted)}
+.card{cursor:pointer}
+.card:hover{border-color:var(--accent)}
+.card.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
+.card-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
+.direction{color:var(--accent);margin-top:6px}
+.chip-lang{color:var(--accent);border:1px solid var(--accent)}
+.st-refined{color:#7ee787}.st-accepted{color:#58a6ff}.st-noise{color:#8b949e}.st-unjudged{color:#6e7681}
+details.diff{margin-top:8px}
+details.diff summary{color:var(--accent);cursor:pointer}
+#backdrop{position:fixed;inset:0;background:#00000066;opacity:0;pointer-events:none;
+transition:opacity .22s ease;z-index:10}
+#backdrop.open{opacity:1;pointer-events:auto}
+#detail{position:fixed;top:0;right:0;height:100vh;width:min(760px,92vw);background:var(--bg);
+border-left:1px solid var(--border);transform:translateX(100%);transition:transform .22s ease;
+z-index:20;overflow:auto;box-shadow:-16px 0 40px #00000066}
+#detail.open{transform:translateX(0)}
+#detail-bar{position:sticky;top:0;display:flex;justify-content:flex-end;padding:8px;
+background:var(--bg);border-bottom:1px solid var(--border)}
+#detail-close{background:var(--panel);color:var(--fg);border:1px solid var(--border);
+border-radius:8px;width:30px;height:30px;cursor:pointer;font:inherit}
+#detail-body{padding:16px 24px}

cc_steer-0.9.0/cc_steer/assets/index.html

@@ -0,0 +1,44 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>cc-steer dashboard</title>
+<link rel="stylesheet" href="/static/base.css">
+<link rel="stylesheet" href="/static/dashboard.css">
+</head>
+<body>
+<header class="top">
+  <div>
+    <h1>cc-steer — training pairs</h1>
+    <div class="sub">refined pairs &amp; their lineage</div>
+  </div>
+  <div class="head-right">
+    <span id="stat-strip"></span>
+    <button id="stats-toggle">stats ▾</button>
+  </div>
+</header>
+<section id="stats" class="hidden"></section>
+<div class="app">
+  <aside id="filters"></aside>
+  <main>
+    <div id="toolbar">
+      <div class="views">
+        <button class="view-btn active" data-view="pairs">refined pairs</button>
+        <button class="view-btn" data-view="candidates">all candidates</button>
+      </div>
+      <input id="search" type="search" placeholder="search…">
+      <span id="count"></span>
+    </div>
+    <div id="active"></div>
+    <div id="list"></div>
+  </main>
+</div>
+<div id="backdrop"></div>
+<aside id="detail">
+  <div id="detail-bar"><button id="detail-close">✕</button></div>
+  <div id="detail-body"><p class="muted">select a row to see its lineage</p></div>
+</aside>
+<script type="module" src="/static/js/main.js"></script>
+</body>
+</html>

cc_steer-0.9.0/cc_steer/assets/js/cards.js

@@ -0,0 +1,38 @@
+import { state } from "./state.js";
+import { esc, chip, badge, diffPane } from "./dom.js";
+
+export function evidenceHtml(ev) {
+  if (!ev) return "";
+  const git = ev.source === "git" ? '<span class="chip chip-git">git</span>' : "";
+  const correct = ev.correct ? diffPane("correct", ev.correct) : "";
+  return `<details class="diff"><summary>code evidence</summary>` +
+    `<div class="vhead"><span class="chip">${esc(ev.file_path)}</span>${git}</div>` +
+    `<div class="panes">${diffPane("incorrect", ev.incorrect)}${correct}</div></details>`;
+}
+
+function pairRow(r) {
+  const file = r.evidence ? `<span class="chip">${esc(r.evidence.file_path)}</span>` : "";
+  const lang = r.language ? `<span class="chip chip-lang">${esc(r.language)}</span>` : "";
+  return `<article class="card" data-key="${esc(r.dedup_key)}"><header class="card-head">` +
+    badge("cat-" + (r.category || "other"), r.category || "—") + badge("badge-" + r.source_kind, r.source_kind) +
+    `${chip(r.project)}<span class="chip">pair ${r.pair_index}</span>${file}${lang}</header>` +
+    `<div class="text"><pre>${esc(r.action)}</pre></div>` +
+    `<blockquote class="pverbatim">${esc(r.direction_verbatim)}</blockquote>` +
+    `<div class="direction">↳ ${esc(r.direction)}</div>${evidenceHtml(r.evidence)}</article>`;
+}
+
+function candRow(r) {
+  const cat = r.category ? badge("cat-" + r.category, r.category) : "";
+  const pc = r.pair_count ? `<span class="chip">${r.pair_count} pairs</span>` : "";
+  const flip = r.flipped ? '<span class="flip">flip</span>' : "";
+  const agree = r.agreement ? `<span class="${esc(r.agreement)}">${esc(r.agreement)}</span>` : "";
+  const gold = r.golden ? badge(r.golden, "golden " + r.golden) : "";
+  return `<article class="card" data-key="${esc(r.dedup_key)}"><header class="card-head">` +
+    badge("st-" + r.status, r.status) + cat + badge("badge-" + r.source_kind, r.source_kind) +
+    `${chip(r.project)}${pc}${flip}${agree}${gold}</header>` +
+    `<div class="text"><pre>${esc(r.text)}</pre></div></article>`;
+}
+
+export function rowHtml(r) {
+  return state.view === "pairs" ? pairRow(r) : candRow(r);
+}

cc_steer-0.9.0/cc_steer/assets/js/detail.js

@@ -0,0 +1,20 @@
+import { state } from "./state.js";
+import { lineageHtml } from "./lineage.js";
+
+export function openDetail(key) {
+  for (const c of state.cards) c.classList.toggle("sel", c.dataset.key === key);
+  document.getElementById("detail").classList.add("open");
+  document.getElementById("backdrop").classList.add("open");
+  const body = document.getElementById("detail-body");
+  body.innerHTML = '<p class="muted">loading…</p>';
+  body.scrollTop = 0;
+  fetch("/api/lineage/" + encodeURIComponent(key))
+    .then((res) => res.ok ? res.json().then(lineageHtml) : '<p class="muted">no lineage</p>')
+    .then((html) => { body.innerHTML = html; });
+}
+
+export function closeDetail() {
+  document.getElementById("detail").classList.remove("open");
+  document.getElementById("backdrop").classList.remove("open");
+  for (const c of state.cards) c.classList.remove("sel");
+}

cc_steer-0.9.0/cc_steer/assets/js/dom.js

@@ -0,0 +1,27 @@
+// Small HTML-building helpers shared across the renderers. esc() is the single
+// escape point — every value interpolated into markup must pass through it.
+export function esc(s) {
+  return (s == null ? "" : String(s))
+    .replaceAll("&", "&")
+    .replaceAll("<", "&lt;")
+    .replaceAll(">", "&gt;")
+    .replaceAll('"', "&quot;")
+    .replaceAll("'", "&#x27;");
+}
+
+export function chip(t) {
+  return t ? `<span class="chip">${esc(t)}</span>` : "";
+}
+
+export function badge(cls, t) {
+  return `<span class="badge ${cls}">${esc(t)}</span>`;
+}
+
+function diffLines(cls, text) {
+  return text.split("\n").map((l) => `<div class="${cls}">${esc(l)}</div>`).join("");
+}
+
+export function diffPane(label, side) {
+  return `<div class="pane"><div class="plabel">${esc(label)}</div>` +
+    diffLines("del", side.old) + diffLines("ins", side.new) + "</div>";
+}