/** 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 />;
}