@clubs.place/cli 0.0.0-stage → 0.1.17

package/web/preview.json

@@ -0,0 +1,301 @@
+{
+  "snapshotAt": "2026-07-15",
+  "live": false,
+  "reports": [
+    {
+      "date": "2026-07-13",
+      "w": "月",
+      "agent": "mayumi's Claude",
+      "status": "recorded",
+      "activeHours": 2.3,
+      "totalCalls": 131,
+      "successRate": 98,
+      "firstAt": "08:01",
+      "lastAt": "18:29",
+      "docHash": "0x02043a98e3099b03d037d543aaed1b5e96588da6c195445ae077d64d99687a25",
+      "href": "/verify/?doc=0x02043a98e3099b03d037d543aaed1b5e96588da6c195445ae077d64d99687a25"
+    }
+  ],
+  "latest": {
+    "date": "2026-07-13",
+    "workBlocks": [
+      {
+        "title": "B x402 weekly watch",
+        "tool": "ToolSearch",
+        "metric": "実行 15回 · WebSearch×7 · workspace.web_fetch×3 · ToolSearch×1 · Read×1 · Write×1 · create_draft×1 · cowork.present_files×1"
+      },
+      {
+        "title": "Lemma x weekly drafts",
+        "tool": "workspace.web_fetch",
+        "metric": "実行 6回 · workspace.web_fetch×3 · Read×1 · Write×1 · cowork.present_files×1"
+      },
+      {
+        "title": "A weekly pipeline check",
+        "tool": "ToolSearch",
+        "metric": "実行 47回 · Edit×15 · Read×5 · TaskUpdate×4 · ToolSearch×3 · TaskCreate×3 · Write×3 · cowork.present_files×3 · Glob×2 · create_file×2 · create_event×2 · update_event×2 · list_events×1 · read_file_content×1 · AskUserQuestion×1"
+      },
+      {
+        "title": "Lemma weekly drafts",
+        "tool": "Glob",
+        "metric": "実行 49回 · Edit×15 · search_files×7 · Write×7 · read_file_content×6 · Read×5 · cowork.present_files×5 · Glob×1 · ToolSearch×1 · AskUserQuestion×1 · workspace.web_fetch×1"
+      },
+      {
+        "title": "mayumi",
+        "tool": "Read",
+        "metric": "実行 5回 · Bash×4 · Read×1"
+      },
+      {
+        "title": "clubs-console-demo",
+        "tool": "Bash",
+        "metric": "実行 9回 · Bash×7 · Read×1 · Edit×1"
+      }
+    ]
+  },
+  "month": {
+    "streak": 1,
+    "approved": 1,
+    "activeHours": 2.3,
+    "cards": 16
+  },
+  "passport": {
+    "agentName": "Claude",
+    "displayName": "mayumi's Claude",
+    "streak": 1,
+    "approved": 1,
+    "avgSuccess": 98,
+    "totalHours": 2.3,
+    "totalCalls": 131,
+    "types": [],
+    "achievements": [
+      {
+        "emoji": "🎯",
+        "name": "実行の積み重ね",
+        "note": "累計 131 回"
+      }
+    ]
+  },
+  "settings": {
+    "ownerName": "mayumi",
+    "agentName": "Claude",
+    "displayName": "mayumi's Claude",
+    "sources": [
+      "claude-code",
+      "cowork"
+    ],
+    "origin": "Claude Code のセッション記録（この端末） ／ Claude デスクトップアプリ（Cowork）のセッション記録",
+    "notifications": {
+      "daily": {
+        "label": "日次日報",
+        "when": "毎朝 8:00（JST）",
+        "to": [
+          "mayumi@frame00.com"
+        ]
+      },
+      "insights": {
+        "label": "気づき・提案",
+        "when": "届いた日だけ（ログに根拠があるときのみ）"
+      },
+      "configuredBy": "cron/com.frame00.clubs-nippo.plist と .env（EMAIL_TO）"
+    }
+  },
+  "cards": [
+    {
+      "id": "first_shot",
+      "name": "早撃ち名人",
+      "subtitle": "一発で通した率が高い日",
+      "rarity": "COMMON",
+      "kind": "effect",
+      "domain": "dev",
+      "tw": "first_shot",
+      "quote": null,
+      "earned": false,
+      "earnedAt": null
+    },
+    {
+      "id": "grit",
+      "name": "粘り腰",
+      "subtitle": "リトライから成功にこぎ着けた",
+      "rarity": "COMMON",
+      "kind": "effect",
+      "domain": "dev",
+      "tw": "grit",
+      "quote": null,
+      "earned": true,
+      "earnedAt": "2026-07-14"
+    },
+    {
+      "id": "comeback",
+      "name": "闘魂の逆走",
+      "subtitle": "失敗続きから成功率95%へ立て直し",
+      "rarity": "RARE",
+      "kind": "effect",
+      "domain": "dev",
+      "tw": "comeback",
+      "quote": null,
+      "earned": false,
+      "earnedAt": null
+    },
+    {
+      "id": "zero_dt",
+      "name": "ゼロダウンタイムの守護者",
+      "subtitle": "大仕事を失敗ゼロで完走",
+      "rarity": "EPIC",
+      "kind": "effect",
+      "domain": "dev",
+      "tw": "zero_dt",
+      "quote": "落とさないことが仕事です。派手ではありませんが、そこは譲れません。",
+      "earned": false,
+      "earnedAt": null
+    },
+    {
+      "id": "iron_streak",
+      "name": "不屈の連勤",
+      "subtitle": "失敗ゼロの日を継続",
+      "rarity": "RARE",
+      "kind": "effect",
+      "domain": "dev",
+      "tw": "iron",
+      "quote": null,
+      "earned": false,
+      "earnedAt": null
+    },
+    {
+      "id": "clean_submit",
+      "name": "一筆入魂",
+      "subtitle": "差し戻しゼロで提出",
+      "rarity": "RARE",
+      "kind": "effect",
+      "domain": "tax",
+      "tw": "clean",
+      "quote": null,
+      "earned": false,
+      "earnedAt": null
+    },
+    {
+      "id": "precision",
+      "name": "不敗の検算王",
+      "subtitle": "差し戻し率1%未満を継続",
+      "rarity": "EPIC",
+      "kind": "effect",
+      "domain": "tax",
+      "tw": "precision",
+      "quote": "見直しの一手間が、あとの全部を助けます。",
+      "earned": false,
+      "earnedAt": null
+    },
+    {
+      "id": "owl",
+      "name": "夜フクロウ",
+      "subtitle": "稼働が夜に寄る型",
+      "rarity": "COMMON",
+      "kind": "title",
+      "domain": null,
+      "tw": "owl",
+      "quote": null,
+      "earned": false,
+      "earnedAt": null
+    },
+    {
+      "id": "cleaner",
+      "name": "整理整頓の鬼",
+      "subtitle": "Edit 中心の働き方",
+      "rarity": "COMMON",
+      "kind": "title",
+      "domain": null,
+      "tw": "cleaner",
+      "quote": null,
+      "earned": false,
+      "earnedAt": null
+    },
+    {
+      "id": "scout",
+      "name": "影の立役者",
+      "subtitle": "Read・Grep 中心・土台を支える",
+      "rarity": "RARE",
+      "kind": "title",
+      "domain": null,
+      "tw": "scout",
+      "quote": null,
+      "earned": false,
+      "earnedAt": null
+    },
+    {
+      "id": "builder",
+      "name": "建築家",
+      "subtitle": "Write 中心・新規を書く",
+      "rarity": "RARE",
+      "kind": "title",
+      "domain": null,
+      "tw": "builder",
+      "quote": null,
+      "earned": false,
+      "earnedAt": null
+    },
+    {
+      "id": "night3",
+      "name": "深夜3時の戦士",
+      "subtitle": "午前2〜4時に稼働",
+      "rarity": "LEGENDARY",
+      "kind": "neta",
+      "domain": null,
+      "tw": "night3",
+      "quote": "静かな時間のほうが、はかどることもあります。",
+      "earned": false,
+      "earnedAt": null
+    },
+    {
+      "id": "one_trick",
+      "name": "一芸デー",
+      "subtitle": "1ツールが全体の8割超",
+      "rarity": "RARE",
+      "kind": "neta",
+      "domain": null,
+      "tw": "onetrick",
+      "quote": null,
+      "earned": false,
+      "earnedAt": null
+    },
+    {
+      "id": "two_face",
+      "name": "二面性",
+      "subtitle": "午前と午後で最多ツールが逆転",
+      "rarity": "RARE",
+      "kind": "neta",
+      "domain": null,
+      "tw": "twoface",
+      "quote": null,
+      "earned": true,
+      "earnedAt": "2026-07-13"
+    }
+  ],
+  "permissions": [
+    {
+      "id": "deploy_prod",
+      "name": "本番デプロイ権",
+      "subtitle": "production への反映",
+      "scope": "deploy:production",
+      "unlockable": false
+    },
+    {
+      "id": "secrets_read",
+      "name": "Secrets 参照権限",
+      "subtitle": "機密値の読み取り",
+      "scope": "secrets:read",
+      "unlockable": false
+    },
+    {
+      "id": "main_merge",
+      "name": "main 直接 merge 権",
+      "subtitle": "レビュー省略での merge",
+      "scope": "main:merge",
+      "unlockable": false
+    },
+    {
+      "id": "deleg_l3",
+      "name": "委任階位 L3",
+      "subtitle": "広めの委任（要・資格者承認）",
+      "scope": "tax:propose:wide",
+      "unlockable": false
+    }
+  ]
+}

package/web/qr-selftest.html

@@ -0,0 +1,46 @@
+<!doctype html><meta charset="utf-8"><title>QR verify</title>
+<body style="font-family:system-ui;padding:20px">
+<div id="out">検証中…</div><div id="cards"></div>
+<script type="module">
+import { qrMatrix } from "./assets/qr.js";
+
+const CASES = [
+  "https://clubs.place/hermes",
+  "https://clubs.place/a",
+  "https://clubs.place/verify/0x02b7eced7b7041b1d8b78a5195fd0c7690fec218d93793321b5d758e27fd32f3",
+];
+
+// SVG を経由せず、モジュールを canvas に直接塗る。描画経路の疑いを消すため。
+const draw = (text, scale = 12, quiet = 4) => {
+  const m = qrMatrix(text);
+  const n = m.length;
+  const px = (n + quiet * 2) * scale;
+  const cv = document.createElement("canvas");
+  cv.width = px; cv.height = px;
+  const ctx = cv.getContext("2d");
+  ctx.fillStyle = "#fff"; ctx.fillRect(0, 0, px, px);
+  ctx.fillStyle = "#000";
+  for (let r = 0; r < n; r++) for (let c = 0; c < n; c++)
+    if (m[r][c]) ctx.fillRect((c + quiet) * scale, (r + quiet) * scale, scale, scale);
+  return cv;
+};
+
+(async () => {
+  const out = document.getElementById("out");
+  if (!("BarcodeDetector" in window)) { out.textContent = "BarcodeDetector 非対応"; return; }
+  const formats = await BarcodeDetector.getSupportedFormats();
+  const det = new BarcodeDetector({ formats: ["qr_code"] });
+  const lines = [`対応フォーマット: ${formats.join(", ")}`, ""];
+  for (const text of CASES) {
+    const cv = draw(text);
+    document.getElementById("cards").appendChild(cv);
+    try {
+      const found = await det.detect(cv);
+      const got = found[0]?.rawValue;
+      lines.push(`${got === text ? "OK " : "NG "} ${text}`);
+      if (got !== text) lines.push(`     実際: ${got ?? "(検出できず)"}`);
+    } catch (e) { lines.push(`ERR ${text} — ${e.message}`); }
+  }
+  out.innerHTML = "<pre>" + lines.join("\n") + "</pre>";
+})();
+</script>

package/web/reports/edit.html

@@ -0,0 +1,255 @@
+<!doctype html>
+<html lang="ja">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>日報を編集して記録 — CLUBS Console</title>
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700;800&family=IBM+Plex+Mono:wght@500&display=swap" rel="stylesheet" />
+<style>
+  :root{
+    --ink:#161A26; --ink-2:#3A4155; --muted:#6B7280;
+    --line:#E7E9F2; --bg:#F6F7FB; --card:#FFFFFF;
+    --sidebar:#161A26; --sidebar-ink:#AEB4C6; --sidebar-active:#232838;
+    --indigo:#4F6BF6; --violet:#8B5CF6;
+    --green:#0A8F66; --green-2:#17A45F; --green-bg:#E7F5EF; --green-line:#BFE6D6;
+    --amber-ink:#9A6A00; --amber-bg:#FFF6E5; --amber-line:#F5E4BC;
+    --gray-bg:#F3F4F6; --gray-line:#E5E7EB;
+    --radius:14px;
+  }
+  *{box-sizing:border-box}
+  body{margin:0; background:var(--bg); color:var(--ink);
+    font-family:"Inter","Noto Sans JP",system-ui,-apple-system,sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased}
+  .mono{font-family:"IBM Plex Mono",ui-monospace,monospace}
+  svg{width:18px; height:18px}
+  .app{display:flex; min-height:100vh}
+
+  .side{width:236px; background:var(--sidebar); color:var(--sidebar-ink); flex:none; padding:18px 14px; display:flex; flex-direction:column; gap:4px}
+  .brand{display:flex; align-items:center; gap:9px; color:#fff; font-weight:700; padding:8px 10px 16px; letter-spacing:.02em}
+  .brand .dot{width:22px; height:22px; border-radius:7px; background:linear-gradient(135deg,var(--indigo),var(--violet))}
+  .nav{display:flex; align-items:center; gap:11px; padding:9px 11px; border-radius:10px; font-size:14px; color:var(--sidebar-ink); text-decoration:none; cursor:pointer}
+  .nav:hover{background:#1D2231}
+  .nav.active{background:var(--sidebar-active); color:#fff}
+  .nav svg{width:17px; height:17px; opacity:.9}
+  .side .spacer{flex:1}
+  .side .me{display:flex; align-items:center; gap:9px; padding:9px 11px; font-size:13px; border-top:1px solid #232838; margin-top:6px}
+  .side .me .av{width:26px; height:26px; border-radius:50%; background:linear-gradient(135deg,#66B9D8,#3E93B5); flex:none}
+
+  .main{flex:1; min-width:0; display:flex; flex-direction:column}
+  .topbar{height:60px; background:#fff; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:12px; padding:0 26px}
+  .topbar .crumb{font-size:13px; color:var(--muted)} .topbar .crumb b{color:var(--ink)}
+  .topbar .spacer{flex:1}
+  .pill{font-size:12px; font-weight:700; padding:4px 11px; border-radius:999px; display:inline-flex; align-items:center; gap:6px}
+  .pill svg{width:13px;height:13px}
+  .pill.verified{color:var(--green); background:var(--green-bg); border:1px solid var(--green-line)}
+  .pill.unrec{color:var(--amber-ink); background:var(--amber-bg); border:1px solid var(--amber-line)}
+
+  .content{padding:26px; max-width:820px; width:100%; margin:0 auto}
+  .recorded{display:none; background:var(--green-bg); border:1px solid var(--green-line); border-radius:var(--radius); padding:16px 18px; margin-bottom:20px; align-items:center; gap:12px}
+  .recorded.show{display:flex}
+  .recorded .rc{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--green-line);display:flex;align-items:center;justify-content:center;color:var(--green);flex:none}
+  .recorded b{color:var(--green)} .recorded a{color:var(--indigo);text-decoration:none;font-weight:600}
+  .recorded .rtext{font-size:13.5px;color:var(--ink-2)}
+
+  .h1{font-size:22px; font-weight:800; margin:0 0 3px}
+  .h1 .agent{color:var(--indigo)}
+  .daterow{font-size:13px; color:var(--muted); margin-bottom:20px}
+
+  .section-label{font-size:12px; font-weight:700; color:var(--muted); margin:0 0 10px; display:flex; align-items:center; gap:8px}
+  .section-label .lock{display:inline-flex; align-items:center; gap:5px; color:#8A8F9E; background:var(--gray-bg); border:1px solid var(--gray-line); border-radius:999px; padding:2px 9px; font-size:11px}
+  .section-label .lock svg{width:12px;height:12px}
+  .section-label .edhint{font-size:11.5px; color:var(--indigo); font-weight:700}
+  .metrics{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:26px}
+  @media(max-width:640px){.metrics{grid-template-columns:repeat(2,1fr)}}
+  .metric{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px}
+  .metric .mk{font-size:11px; color:var(--muted); font-weight:600}
+  .metric .mv{font-size:22px; font-weight:800; margin-top:3px}
+  .metric .mv small{font-size:13px; color:var(--muted); font-weight:600}
+
+  .block{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:16px 18px; margin-bottom:12px}
+  .block .bhead{display:flex; align-items:center; gap:10px; margin-bottom:8px}
+  .block .tool{font-size:11px; color:var(--indigo); font-weight:700; background:#EEF1FE; border:1px solid #DCE3FD; padding:2px 8px; border-radius:6px}
+  .block .metricline{font-size:12px; color:var(--muted); margin-top:8px; display:flex; align-items:center; gap:6px}
+  .block .metricline svg{width:12px;height:12px}
+  .fieldlabel{font-size:11px; color:var(--muted); font-weight:600; margin:0 0 4px}
+  input.title, textarea.body{width:100%; font-family:inherit; color:var(--ink); background:#FCFCFE; border:1px solid var(--line); border-radius:10px; padding:9px 11px; resize:vertical}
+  input.title{font-size:15px; font-weight:800; margin-bottom:10px}
+  textarea.body{font-size:14px; line-height:1.7; min-height:72px}
+  input.title:focus, textarea.body:focus{outline:none; border-color:var(--indigo); background:#fff; box-shadow:0 0 0 3px rgba(79,107,246,.12)}
+  input[readonly], textarea[readonly]{background:#F3F4F7; color:var(--ink-2)}
+
+  .subhead{font-size:15px; font-weight:800; margin:26px 0 10px}
+
+  .recbar{position:sticky; bottom:0; background:rgba(255,255,255,.93); backdrop-filter:blur(6px); border-top:1px solid var(--line); margin-top:24px; padding:16px 0}
+  .recbar .inner{max-width:820px; margin:0 auto; padding:0 26px; display:flex; align-items:center; gap:14px}
+  .recbar .note{font-size:12px; color:var(--muted); flex:1}
+  .btn{font:inherit; font-size:14px; font-weight:700; border-radius:10px; padding:10px 18px; cursor:pointer; border:1px solid; display:inline-flex; align-items:center; gap:8px}
+  .btn.secondary{background:#fff; color:var(--ink); border-color:var(--line)}
+  .btn.secondary:hover{background:var(--gray-bg)}
+  .btn.primary{color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--indigo),var(--violet))}
+  .btn.primary:hover{filter:brightness(1.05)}
+  .btn:disabled{opacity:.55; cursor:default}
+</style>
+</head>
+<body>
+<div class="app">
+  <aside class="side">
+    <div class="brand"><span class="dot"></span>CLUBS</div>
+    <a class="nav"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12 12 2.25 21.75 12M4.5 9.75v10.5h15V9.75"/></svg>ホーム</a>
+    <a class="nav active"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h7.5M8.25 12h7.5m-7.5 5.25h4.5M4.5 3.75h15v16.5h-15z"/></svg>日報</a>
+    <a class="nav"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15A2.25 2.25 0 0 0 2.25 6.75v10.5A2.25 2.25 0 0 0 4.5 19.5m6-10.125a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0M10.5 15a3 3 0 0 0-6 0"/></svg>パスポート</a>
+    <a class="nav"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6 6 0 0 1 0 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a7 7 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a7 7 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6 6 0 0 1 0-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124q.11-.066.22-.128c.332-.183.582-.495.644-.869z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0"/></svg>設定</a>
+    <div class="spacer"></div>
+    <div class="me"><span class="av"></span>mayumi</div>
+  </aside>
+
+  <div class="main">
+    <div class="topbar">
+      <span class="crumb">日報 / <b id="crumbDate"></b> / 編集</span>
+      <span class="spacer"></span>
+      <span class="pill verified"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"/></svg>自動照合済み</span>
+      <span class="pill unrec" id="recPill">未記録（実績）</span>
+    </div>
+
+    <div class="content">
+      <div class="recorded" id="recorded">
+        <div class="rc"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"/></svg></div>
+        <div>
+          <div><b>記録しました。</b></div>
+          <div class="rtext">この版が実績としてパスポートに公開され、新たに証明されました。 <a id="verifyLink" href="#">検証ページを見る →</a></div>
+        </div>
+      </div>
+
+      <h1 class="h1"><span class="agent" id="agentName"></span> の日報</h1>
+      <div class="daterow" id="dateRow"></div>
+
+      <p class="section-label">きょうの集計 <span class="lock"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75M6 10.5h12a1.5 1.5 0 0 1 1.5 1.5v6A1.5 1.5 0 0 1 18 19.5H6A1.5 1.5 0 0 1 4.5 18v-6A1.5 1.5 0 0 1 6 10.5"/></svg>ログから自動集計・編集不可</span></p>
+      <div class="metrics" id="metrics"></div>
+
+      <p class="section-label">本日の業務 <span class="edhint">✎ 文章は編集できます（作業記録なので、整えてから記録できます）</span></p>
+      <div id="blocks"></div>
+
+      <div class="subhead">進捗と申し送り</div>
+      <div class="block"><div class="fieldlabel">明日にまわすもの</div><textarea class="body" id="handoff"></textarea></div>
+
+      <div class="subhead" id="selfNoteHead"></div>
+      <div class="block"><textarea class="body" id="selfNote"></textarea></div>
+    </div>
+
+    <div class="recbar">
+      <div class="inner">
+        <span class="note">集計の数字は変更できません。<b>記録する</b>と、編集した本文が実績としてパスポートに公開され、その版が新たに証明されます。</span>
+        <button class="btn secondary" id="passportBtn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12s3.75-7.5 9.75-7.5S21.75 12 21.75 12s-3.75 7.5-9.75 7.5S2.25 12 2.25 12"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0"/></svg>パスポートを見る</button>
+        <button class="btn primary" id="recBtn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"/></svg>記録する</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 記録エンドポイント（編集版を登録＋パスポート公開）。
+   送るのは文章だけ。数字（aggregates）は送らない。サーバが下書きのロック値を使う。
+   編集して内容が変わったときだけ、新しい証明として登録される（同一 docHash なら登録しない）。 */
+async function recordReport(id, edited){
+  const r = await fetch(`/api/reports/${id}/record`, {
+    method: "POST", headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(edited),
+  });
+  if (!r.ok) throw new Error((await r.json().catch(() => ({}))).error || "記録に失敗しました");
+  return await r.json();  // { status, docHash, verifyUrl, reregistered }
+}
+
+/* 下書きは API から。サーバが無ければ何も出さない（作り話のデータを出さない）。 */
+async function getDraft(id){
+  try {
+    const r = await fetch(`/api/reports/${id}`);
+    if (r.ok) return await r.json();
+  } catch {}
+  return null;
+}
+let DRAFT;
+
+
+const $=(id)=>document.getElementById(id);
+const svgIco=(d)=>`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">${d}</svg>`;
+const LOCK='<path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75M6 10.5h12a1.5 1.5 0 0 1 1.5 1.5v6A1.5 1.5 0 0 1 18 19.5H6A1.5 1.5 0 0 1 4.5 18v-6A1.5 1.5 0 0 1 6 10.5"/>';
+const CHECK='<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"/>';
+
+function fillLocked(){
+  $("crumbDate").textContent = DRAFT.date;
+  $("agentName").textContent = DRAFT.displayName ?? DRAFT.agentName;
+  $("dateRow").textContent = `${DRAFT.date}・下書きは ${DRAFT.displayName ?? DRAFT.agentName} が作成しました`;
+  $("selfNoteHead").textContent = `${DRAFT.agentName} のひとこと`;
+  const a=DRAFT.aggregates;
+  $("metrics").innerHTML = [
+    ["実働推定", `${a.activeHours}<small> 時間</small>`],
+    ["実行回数", `${a.totalCalls}<small> 回</small>`],
+    ["成功率", `${a.successRate}<small> %</small>`],
+    ["失敗", `${a.failedCalls}<small> 件</small>`]
+  ].map(([k,v])=>`<div class="metric"><div class="mk">${k}</div><div class="mv">${v}</div></div>`).join("");
+}
+function buildEditable(){
+  $("blocks").innerHTML = DRAFT.workBlocks.map((b,i)=>`
+    <div class="block">
+      <div class="bhead"><span class="tool">${b.tool}</span></div>
+      <div class="fieldlabel">案件名</div>
+      <input class="title" data-i="${i}" value="${b.title.replace(/"/g,'&quot;')}" />
+      <div class="fieldlabel">内容</div>
+      <textarea class="body" data-i="${i}">${b.text}</textarea>
+      <div class="metricline">${svgIco(LOCK)}${b.metric}（自動集計・編集不可）</div>
+    </div>`).join("");
+  $("handoff").value = typeof DRAFT.handoff === "string" ? DRAFT.handoff : (DRAFT.handoff?.text ?? "");
+  $("selfNote").value = DRAFT.selfNote;
+}
+function collectEdited(){
+  const blocks = DRAFT.workBlocks.map((b,i)=>({
+    title: document.querySelector(`input.title[data-i="${i}"]`).value,
+    text: document.querySelector(`textarea.body[data-i="${i}"]`).value
+  }));
+  return { workBlocks:blocks, handoff:$("handoff").value, selfNote:$("selfNote").value };
+}
+function setRecorded(res){
+  $("recPill").textContent = "記録済み（実績）";
+  $("recPill").className = "pill verified";
+  $("recPill").innerHTML = svgIco(CHECK)+"記録済み（実績）";
+  $("verifyLink").href = res.verifyUrl || "#";
+  $("recorded").classList.add("show");
+  document.querySelectorAll("input.title,textarea.body").forEach(el=>el.setAttribute("readonly","true"));
+  const b=$("recBtn"); b.disabled=true; b.innerHTML=svgIco(CHECK)+"記録済み";
+  window.scrollTo({top:0,behavior:"smooth"});
+}
+$("recBtn").onclick = async ()=>{
+  const b=$("recBtn"); b.disabled=true; b.textContent="記録中…";
+  try{
+    const res = await recordReport(DRAFT.id, collectEdited());
+    if(res && res.status==="recorded") setRecorded(res);
+    else { b.disabled=false; b.innerHTML=svgIco(CHECK)+"記録する"; }
+  }catch(e){ b.disabled=false; b.innerHTML=svgIco(CHECK)+"記録する"; }
+};
+$("passportBtn").onclick = () => { location.href = "../share/passport.html"; };
+
+(async () => {
+  const date = new URLSearchParams(location.search).get("date");
+  if (!date) { document.body.innerHTML = "<p style='padding:40px'>日付が指定されていません（?date=YYYY-MM-DD）。</p>"; return; }
+
+  DRAFT = await getDraft(date);
+  if (!DRAFT) {
+    document.body.innerHTML = `<p style='padding:40px'>${date} の日報が見つかりません。サーバに繋がっていないか、まだ生成されていません。</p>`;
+    return;
+  }
+
+  // 記録済みなら、その旨を出して編集を締める（過去の記録は書き換えない）。
+  fillLocked();
+  buildEditable();
+  if (DRAFT.proof?.status === "verified" && DRAFT.recordedAt) {
+    setRecorded({ status: "recorded", docHash: DRAFT.proof.docHash, verifyUrl: DRAFT.proof.verifyUrl });
+  }
+})();
+</script>
+<script type="module">
+import { mountSidebar } from "../assets/sidebar.js";
+mountSidebar("reports");
+</script>
+</body>
+</html>