feat(reader): reuse terminal chrome for nested method output

2026-08-31 07:33:22 +00:00
parent 8314dad574
commit 6d13ab5962
1 changed files with 60 additions and 0 deletions
@@ -0,0 +1,60 @@
+/** Same terminal chrome as the marketing Recipe (.term / .term-bar). */
+
+export function TermRE04() {
+  return (
+    <div className="term" role="img" aria-label="Sample terminal output from the workflow">
+      <div className="term-bar">
+        <i></i>
+        <i></i>
+        <i></i>
+        <span>agent — property-brief · sample dataset (non-confidential)</span>
+      </div>
+      <pre>
+        <span className="c-dim">{"$ "}</span>
+        <span className="c-user">{"brief"}</span>
+        {" --input "}
+        <span className="c-key">{"sample_listings.csv"}</span>
+        {" --template market-1pager\n\n"}
+        <span className="c-dim">{"✓ redacted 3 fields (owner_name, phone, exact_address)\n✓ 41 comps in radius · median $/sqft computed\n\n"}</span>
+        <span className="c-ok">{"MARKET BRIEF — Maple Heights (sample)\n"}</span>
+        {" · Median list: $420/sqft  (▲ 4.1% QoQ)\n · Days on market: 22  (was 31)\n · Inventory: 1.8 mo — seller-leaning\n · Read: price to comp, expect <2 wks at ask\n\n"}
+        <span className="c-dim">{"# cost this run: $0.03 · model: claude · 2,140 tokens"}</span>
+      </pre>
+    </div>
+  );
+}
+
+export function TermRE05() {
+  return (
+    <div className="term" role="img" aria-label="Sample terminal output from the listing-copy workflow">
+      <div className="term-bar">
+        <i></i>
+        <i></i>
+        <i></i>
+        <span>agent — listing-copy · sample comps (public facts)</span>
+      </div>
+      <pre>
+        <span className="c-dim">{"$ "}</span>
+        <span className="c-user">{"listing-copy"}</span>
+        {" --input "}
+        <span className="c-key">{"sample_comps.json"}</span>
+        {" --voice house-voice --out draft.md\n\n"}
+        <span className="c-dim">{"✓ used 6 public comps (no CRM fields present)\n✓ 184 words · reading grade 8\n\n"}</span>
+        <span className="c-ok">{"LISTING DRAFT · 14xx Cedar (sample street, public facts)\n"}</span>
+        {" · Bright corner lot, 3 bed / 2 bath, maple kitchen from 2019.\n · Priced to the block: comps closed $398–$441/sqft in 60 days.\n · No owner name, phone, or showing list in the prompt.\n\n"}
+        <span className="c-dim">{"# cost this run: $0.02 · model: claude · 1,280 tokens"}</span>
+      </pre>
+    </div>
+  );
+}
+
+const TERMS = {
+  "re-04": TermRE04,
+  "re-05": TermRE05,
+};
+
+export default function TermOutput({ id }) {
+  const Cmp = TERMS[id];
+  if (!Cmp) return null;
+  return <Cmp />;
+}