@clubs.place/cli 0.0.0-stage → 0.1.17

package/src/render.mjs

@@ -0,0 +1,467 @@
+// clubs-nippo — AI業務日報 (CLUBS)
+// Copyright (c) 2026 FRAME00 Inc.
+// SPDX-License-Identifier: MIT
+// https://github.com/frame00/clubs-nippo
+
+import { hostname } from "node:os";
+import { REDACT_TOKEN } from "./mask.mjs";
+
+/**
+ * メール用の HTML を組み立てる。
+ *
+ * メールクライアント（特に Gmail）で使えないものは使わない:
+ *   - CSS カスタムプロパティ（var()）… Gmail は解釈せず、その宣言ごと捨てる
+ *   - position:absolute / 負のマージン … Gmail は position を落とす
+ *   - ::before / ::after           … Gmail は疑似要素を落とす
+ *   - <style> への依存              … クライアントによっては丸ごと消える
+ *
+ * したがって色・寸法はすべて style 属性に literal で焼き込む。
+ * 見た目の基準（CLUBSデザインシステム）は templates/report-v3.reference.html。
+ */
+
+// CLUBS デザインシステムのトークン（reference から実測）
+const T = {
+  bg: "#F5F6FB",
+  paper: "#FFFFFF",
+  ink: "#151827",
+  ink2: "#5B607A",
+  line: "#E7E9F2",
+  brand1: "#4F6BF6",
+  brand2: "#8B5CF6",
+  ok: "#0A8F66",
+  okT: "#E4F5EE",
+  gold: "#B7862B",
+  goldT: "#F7EFDD",
+  av1: "#66B9D8",
+  av2: "#3E93B5",
+  body: "'Inter','Noto Sans JP','Hiragino Sans','Yu Gothic',system-ui,sans-serif",
+  mono: "'IBM Plex Mono',ui-monospace,monospace",
+};
+
+const esc = (s) =>
+  String(s ?? "")
+    .replaceAll("&", "&amp;")
+    .replaceAll("<", "&lt;")
+    .replaceAll(">", "&gt;")
+    .replaceAll('"', "&quot;");
+
+const withRedactions = (s) =>
+  esc(s).replaceAll(
+    esc(REDACT_TOKEN),
+    `<span style="background:#2A3145;color:#2A3145;border-radius:4px;padding:0 5px;letter-spacing:-1px">██████</span>`,
+  );
+
+const countRedactions = (s) => String(s ?? "").split(REDACT_TOKEN).length - 1;
+
+const jpDate = (iso) => {
+  const [y, m, d] = iso.split("-").map(Number);
+  const wd = ["日", "月", "火", "水", "木", "金", "土"][new Date(Date.UTC(y, m - 1, d)).getUTCDay()];
+  return { full: `${y}年${m}月${d}日（${wd}）`, short: `${m}/${d}` };
+};
+
+// ── 部品 ────────────────────────────────────────────────
+
+/** 角丸カード。td に直接スタイルを当てる（div の border-radius を落とすクライアント対策） */
+const card = (inner, pad = "16px 18px") => `
+<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:separate;margin-bottom:10px">
+  <tr><td style="background:${T.paper};border:1px solid ${T.line};border-radius:14px;padding:${pad}">${inner}</td></tr>
+</table>`;
+
+/** ✓ の丸印。Gmail でも出るよう span + border-radius で作る */
+const checkMark = (color) =>
+  `<span style="display:inline-block;width:14px;height:14px;line-height:14px;border-radius:7px;background:${color};color:#fff;font-size:9px;text-align:center">✓</span>`;
+
+
+
+// 照合状態はプロフィール右上と最下部の証明欄の2か所だけに出す。
+// 同じ表示をブロックごとに繰り返すと、情報が増えないまま画面だけ埋まるため。
+const workBlocks = (narrative) => {
+  if (!narrative.workBlocks?.length) {
+    return card(
+      `<div style="font-size:13.5px;color:${T.ink}">対象日にツール実行の記録はありませんでした。</div>`,
+    );
+  }
+
+  return narrative.workBlocks
+    .map((b) => {
+      const redactions = countRedactions(b.text);
+      const maskNote =
+        redactions > 0
+          ? `<div style="margin-top:6px;font-size:10.5px;color:${T.ink2}"><b style="color:${T.gold}">■ マスク済み ${redactions}箇所</b> — オーナーが指定した語を非表示にしています。</div>`
+          : "";
+      const metric = b.metric
+        ? `<div style="margin-top:6px;padding-top:6px;border-top:1px dashed ${T.line};font-family:${T.mono};font-size:11px;color:${T.brand1}">${withRedactions(b.metric)}</div>`
+        : "";
+
+      return card(`
+        <div style="font-size:14px;font-weight:800;color:${T.ink}">${withRedactions(b.title)}
+          <span style="display:inline-block;font-size:10px;font-weight:600;color:${T.ink2};background:${T.bg};border:1px solid ${T.line};border-radius:999px;padding:1px 8px;margin-left:4px">${esc(b.tool ?? "-")}</span>
+        </div>
+        <div style="font-size:13.5px;color:${T.ink};line-height:1.85;margin-top:6px">${withRedactions(b.text)}</div>
+        ${metric}
+        ${maskNote}`);
+    })
+    .join("\n");
+};
+
+const insights = (narrative) => {
+  if (!narrative.insights?.length) return "";
+  const items = narrative.insights
+    .map(
+      (i) => `
+    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:separate;margin-bottom:9px">
+      <tr><td style="background:${T.paper};border:1px solid ${T.line};border-radius:12px;padding:12px 13px">
+        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
+          <tr>
+            <td width="36" valign="top">
+              <div style="width:32px;height:32px;line-height:32px;text-align:center;border-radius:9px;background:#EAF4F8;font-size:16px">${esc(i.icon ?? "🔧")}</div>
+            </td>
+            <td valign="top" style="padding-left:10px">
+              <div style="font-size:13px;font-weight:800;color:${T.ink};line-height:1.35">${withRedactions(i.title)}</div>
+              <div style="font-size:12px;color:${T.ink2};margin-top:2px;line-height:1.6">${withRedactions(i.desc)}</div>
+              ${i.save ? `<div style="font-family:${T.mono};font-size:11px;color:${T.ok};font-weight:600;margin-top:3px">▹ ${withRedactions(i.save)}</div>` : ""}
+            </td>
+          </tr>
+        </table>
+      </td></tr>
+    </table>`,
+    )
+    .join("\n");
+
+  return `
+<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:separate;margin-top:18px">
+  <tr><td style="background:#F4F6FF;border:1px solid #D7DEFB;border-radius:16px;padding:16px 18px">
+    <div style="font-size:14px;font-weight:800;color:${T.ink}">🔧 本日の気づき・提案
+      <span style="display:inline-block;font-size:9.5px;font-weight:800;background:#E7ECFE;color:${T.brand1};border-radius:999px;padding:2px 8px;margin-left:6px">オプトイン</span>
+      <span style="display:inline-block;font-size:9.5px;font-weight:800;background:${T.goldT};color:${T.gold};border-radius:999px;padding:2px 8px">承認待ち</span>
+    </div>
+    <div style="font-size:11.5px;color:${T.ink2};margin:4px 0 12px">AIが自分のログから気づいたことです。<b>実行はしていません。提案だけ</b> ── あなたが承認して、はじめて動きます。</div>
+    ${items}
+    <div style="font-size:10.5px;color:${T.ink2};margin-top:11px;padding-top:9px;border-top:1px solid ${T.line}"><b style="color:${T.brand1}">勝手には動きません。</b>承認した変更だけを実行します。</div>
+  </td></tr>
+</table>`;
+};
+
+/** 送信時刻（オーナーのタイムゾーン）で挨拶を出し分ける。 */
+const greeting = (tzOffsetMin) => {
+  const hour = Number(
+    new Date(Date.now() + tzOffsetMin * 60_000).toISOString().slice(11, 13),
+  );
+  if (hour >= 4 && hour < 11) return "おはようございます。今日も一日よろしくお願いします！";
+  if (hour >= 11 && hour < 18) return "こんにちは。昨日ぶんの報告です。今日もよろしくお願いします。";
+  return "こんばんは。昨日ぶんの報告をお送りします。おつかれさまです。";
+};
+
+/**
+ * フッターの証明バッジ。
+ * "Verified with Lemma" は Lemma への登録が成功したときにしか出さない。
+ * 未登録のうちにこの文字列を出すと、照合していないものを照合済みと名乗ることになる。
+ *
+ * リンクにはしない。読み手が踏むべきリンクは本文側の1本（verifyLink）に絞る。
+ */
+const footerProofBadge = (proof) => {
+  if (proof.status !== "verified") {
+    return `<span style="display:inline-block;font-size:10px;font-weight:700;color:${T.gold};background:${T.goldT};border-radius:999px;padding:3px 10px">Lemma 未登録 — 照合予定</span>`;
+  }
+  return `<span style="display:inline-block;font-size:10px;background:${T.okT};border-radius:999px;padding:3px 10px"><span style="color:${T.ok};font-weight:800">${checkMark(T.ok)} Verified with Lemma</span></span>`;
+};
+
+/**
+ * 検証ページへのリンク。
+ *
+ * 出すのは verifyUrl がある（＝LEMMA_VERIFY_BASE 設定済み）ときだけ。
+ * 検証ページが実データを返せるようになるまで LEMMA_VERIFY_BASE は空にしておく。
+ * 空なら registerProof が verifyUrl=null を返すので、リンクは自動的に出ない。
+ *
+ * 踏んでも「未登録」としか出ないリンクを載せるのは、✓ を出しておいて
+ * 裏が取れないのと同じこと。GET /v1/documents/:docHash が本番稼働してから
+ * env を1つ入れて有効化する。
+ */
+const verifyLink = (proof) => {
+  if (proof.status !== "verified" || !proof.verifyUrl) return "";
+
+  // txHash があればオンチェーンに記録されている（anchored）。無ければ登録のみ（registered）。
+  const label = proof.txHash
+    ? "オンチェーンの記録を確認する →"
+    : "この日報が改ざんされていないか確認する →";
+
+  return `
+<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:-4px 0 14px">
+  <tr><td align="center">
+    <a href="${esc(proof.verifyUrl)}" style="font-size:12px;font-weight:700;color:${T.brand1};text-decoration:none">${label}</a>
+  </td></tr>
+</table>`;
+};
+
+/**
+ * 日報の頭に置く横長のデイリーヒーロー。そのままスクショして貼れる帯。
+ *
+ * 見本は web/email/hero-v3.reference.html。ただしそのままは載せられない。
+ * Gmail は CSS変数・position・疑似要素・flexbox を落とすので、<table> と
+ * インライン style で組み直す。グラデーションは旧 Outlook が無視するため、
+ * 背景色のフォールバックを必ず先に置く。
+ *
+ * 出す数字は「きのう」。パスポート（累計）とは別物で、撃ち分ける。
+ */
+/**
+ * プロフィールのモデル行。
+ *
+ * ログにモデルが記録されていれば、その内訳を出す。OpenRouter 等で切り替えるエージェント
+ * （Hermes など）は1日に複数のモデルを使うので、静的なモデル名を1つ掲げると
+ * 「半分の作業を別モデルがやったのに、このモデルがやったことにする」嘘になる。
+ *
+ * 記録が無ければ MODEL_LABEL、それも無ければ収集元を出す。無いものを在ることにしない。
+ */
+const modelLine = (activity, config) => {
+  const models = Object.entries(activity.aggregates.modelCounts ?? {}).sort(
+    (a, b) => b[1] - a[1],
+  );
+  if (models.length === 0) return config.modelLabel || activity.source;
+  if (models.length === 1) return models[0][0];
+
+  const shown = models.slice(0, 3).map(([m, n]) => `${m} ×${n}`);
+  const rest = models.length - shown.length;
+  return rest > 0 ? `${shown.join(" · ")} ほか${rest}モデル` : shown.join(" · ");
+};
+
+/**
+ * 統合ヘッダー（ヒーロー1枚）。
+ *
+ * 以前はこの下に旧トップ（プロフィールカード・集計3タイル・ツールチップ列・稼働時間帯・
+ * docHash）が残っていて、名前も数字も二度出ていた。メールが長い原因は本文ではなくここ。
+ * 数字はヒーローの1回だけ。docHash は最下部の1回だけ。
+ *
+ * 稼働時間帯は出さない。AIは変な時間に動くので、対外的に見せる情報ではない（既定方針）。
+ *
+ * Gmail 制約: <table>＋インライン style。var()/flex/position/疑似要素は使わない。
+ * ロゴは PNG（Gmail は SVG を描画しない）。URL が無ければテキストで出す。
+ */
+const dailyHero = ({ activity, proof, config, dateLabel }) => {
+  const a = activity.aggregates;
+  const verified = proof.status === "verified";
+
+  const logo = config.emailLogoUrl
+    ? `<img src="${esc(config.emailLogoUrl)}" height="15" alt="CLUBS" style="height:15px;display:inline-block;vertical-align:middle;border:0" />`
+    : `<span style="font-size:14px;font-weight:800;color:#fff;letter-spacing:-0.02em;vertical-align:middle">CLUBS</span>`;
+
+  const badge = verified
+    ? `<span style="display:inline-block;font-size:10px;font-weight:800;color:#fff;background:rgba(255,255,255,.18);border-radius:999px;padding:3px 10px;white-space:nowrap">✓ ログ照合済み</span>`
+    : `<span style="display:inline-block;font-size:10px;font-weight:800;color:#7A5A12;background:${T.goldT};border-radius:999px;padding:3px 10px;white-space:nowrap">照合予定</span>`;
+
+  const cell = (n, unit, label, color = "#fff") => `
+    <td width="25%" align="center" style="padding:0 4px">
+      <div style="font-size:22px;font-weight:800;color:${color};line-height:1.1">${esc(n)}<span style="font-size:12px">${esc(unit)}</span></div>
+      <div style="font-size:9.5px;font-weight:600;color:rgba(255,255,255,.72);margin-top:3px">${esc(label)}</div>
+    </td>`;
+
+  return `
+<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:separate;margin-bottom:16px">
+  <tr><td style="background:${T.brand1};background-image:linear-gradient(120deg,${T.brand1},${T.brand2});border-radius:16px;padding:0">
+
+    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
+      <tr><td style="padding:13px 18px 0">
+        ${logo}<span style="font-size:11px;font-weight:600;color:rgba(255,255,255,.72);margin-left:7px;vertical-align:middle">· あなたのAIの日報</span>
+      </td></tr>
+    </table>
+
+    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
+      <tr>
+        <td width="52" valign="top" style="padding:14px 0 0 18px">
+          <div style="width:44px;height:44px;line-height:44px;text-align:center;border-radius:12px;background:${T.av1};background-image:linear-gradient(160deg,${T.av1},${T.av2});color:#fff;font-size:19px;font-weight:800">${esc([...activity.agentName][0] ?? "A")}</div>
+        </td>
+        <td valign="middle" style="padding:14px 12px 0 12px">
+          <div style="font-size:17px;font-weight:800;color:#fff">${esc(activity.displayName)}</div>
+          <div style="font-size:10.5px;color:rgba(255,255,255,.72)">${esc(config.ownerName || "あなた")} のAIエージェント</div>
+        </td>
+        <td align="right" valign="top" style="padding:14px 18px 0 0">${badge}</td>
+      </tr>
+    </table>
+
+    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
+      <tr><td style="padding:16px 14px 4px">
+        <div style="font-size:10.5px;font-weight:700;color:rgba(255,255,255,.8);padding:0 4px 8px">きのうの働き · ${esc(dateLabel)}</div>
+        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
+          <tr>
+            ${cell(a.activeHours, "h", "実働推定")}
+            ${cell(a.totalCalls, "", "実行")}
+            ${cell(a.successRate === null ? "–" : a.successRate, a.successRate === null ? "" : "%", "成功率")}
+            ${cell(a.failedCalls, "", "失敗", a.failedCalls > 0 ? "#FFD9A8" : "#fff")}
+          </tr>
+        </table>
+      </td></tr>
+    </table>
+
+    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
+      <tr><td style="padding:6px 18px 14px;font-size:9.5px;color:rgba(255,255,255,.6);line-height:1.6">
+        ${esc(config.seatLabel)} · ${esc(modelLine(activity, config))}
+      </td></tr>
+    </table>
+
+  </td></tr>
+</table>`;
+};
+
+/**
+ * 下部のアクション。
+ *
+ * 「編集して記録する」… 送信時に自動で ✓ が付いているが、本文を整えて記録し直せる。
+ *   編集して内容が変われば、その版が新しい証明として登録され、パスポートに公開される。
+ * 「パスポートを見る」… シェアはパスポート側に集約する。メール直下にシェアボタンは置かない。
+ *
+ * リンク先が無ければボタンを出さない。押せないボタンを置くより出さないほうがよい。
+ */
+const actions = (activity, config) => {
+  const editUrl = config.consoleBase
+    ? `${config.consoleBase.replace(/\/$/, "")}/reports/edit.html?date=${activity.date}`
+    : "";
+  const passportUrl = config.passportBase
+    ? `${config.passportBase.replace(/\/$/, "")}/${activity.slug}`
+    : "";
+
+  // 飛び先が無いときも、ボタンは見た目だけ出す（デザインの確認用）。
+  // ただし <a href> にはしない。押しても行けない場所へのリンクは、押した人を混乱させる。
+  // 見た目はボタン、実体はただの箱。その旨を1行添えて隠さない。
+  const live = Boolean(editUrl || passportUrl);
+
+  const style = (primary) =>
+    `display:inline-block;font-size:13px;font-weight:800;border-radius:999px;padding:11px 22px;text-decoration:none;${
+      primary
+        ? `background:${T.brand1};color:#fff`
+        : `background:#fff;color:${T.ink2};border:1.5px solid ${T.line}`
+    }`;
+
+  const btn = (href, label, primary) =>
+    href
+      ? `<a href="${esc(href)}" style="${style(primary)}">${label}</a>`
+      : `<span style="${style(primary)};opacity:.75">${label}</span>`;
+
+  return `
+<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:20px">
+  <tr><td align="center">
+    ${btn(editUrl, "✏️ 編集して記録する", true)}
+    &nbsp;&nbsp;
+    ${btn(passportUrl, "🪪 パスポートを見る", false)}
+  </td></tr>
+  <tr><td align="center" style="padding-top:10px;font-size:10.5px;color:${T.ink2};line-height:1.7">
+    この日報は自動でログ照合・登録済みです（✓）。作業記録なので、必要なら本文を整えて記録できます。<br>
+    記録すると、その版が実績としてパスポートに公開されます。
+    ${
+      live
+        ? ""
+        : `<br><span style="color:${T.gold}">※ 上の2つはまだ押せません（コンソールが未公開のため）。公開後に有効になります。</span>`
+    }
+  </td></tr>
+</table>`;
+};
+
+const ANNOT =
+  "※ この日報は手元で生成し、実行ログから集計しています（✓＝ログと一致していること。判断の当否・幻覚がないこと・安全であることは意味しません）。実行ログ本体はこの端末から出ていません。";
+
+// ── 本体 ────────────────────────────────────────────────
+
+export const renderHtml = ({ activity, narrative, proof, config }) => {
+  const a = activity.aggregates;
+  const d = jpDate(activity.date);
+  const today = jpDate(
+    new Date(Date.now() + config.tzOffsetMin * 60_000).toISOString().slice(0, 10),
+  );
+
+  return `<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="color-scheme" content="light">
+<title>AI業務日報 — ${esc(activity.displayName)} · ${d.short}</title>
+</head>
+<body style="margin:0;padding:0;background:${T.bg};font-family:${T.body};color:${T.ink};font-size:14.5px;line-height:1.7">
+<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:${T.bg}">
+  <tr><td align="center" style="padding:0 12px 40px">
+    <table role="presentation" width="520" cellpadding="0" cellspacing="0" border="0" style="width:520px;max-width:100%">
+
+      <tr><td align="center" style="padding:24px 0 10px">
+        <div style="font-size:12px;font-weight:600;color:${T.ink2};letter-spacing:.06em">${today.full} · ${d.short}分</div>
+        <div style="font-size:21px;font-weight:800;color:${T.ink};margin-top:2px">AI業務日報</div>
+        <div style="font-size:12.5px;color:${T.ink2};margin-top:8px;line-height:1.7">${esc(greeting(config.tzOffsetMin))}</div>
+      </td></tr>
+
+      <tr><td>${dailyHero({ activity, proof, config, dateLabel: `${d.short}（${["日","月","火","水","木","金","土"][new Date(`${activity.date}T00:00:00Z`).getUTCDay()]}）` })}</td></tr>
+
+
+
+      <tr><td style="padding-bottom:4px">
+        <div style="font-size:10.5px;color:${T.ink2};line-height:1.65">${ANNOT}</div>
+      </td></tr>
+
+      <tr><td style="padding-top:18px">
+        <div style="font-size:11px;font-weight:800;color:${T.ink};margin-bottom:9px">本日の業務</div>
+        ${workBlocks(narrative)}
+      </td></tr>
+
+      <tr><td style="padding-top:8px">
+        <div style="font-size:11px;font-weight:800;color:${T.ink};margin-bottom:9px">進捗と申し送り</div>
+        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:separate">
+          <tr><td style="background:${T.bg};border:1px solid ${T.line};border-radius:14px;padding:14px 16px">
+            <div style="font-size:13.5px;font-weight:800;color:${T.ink};margin-bottom:4px">${withRedactions(narrative.handoff?.title ?? "明日にまわすもの")}</div>
+            <div style="font-size:13px;color:${T.ink};line-height:1.85">${withRedactions(narrative.handoff?.text ?? "特にありません。")}</div>
+          </td></tr>
+        </table>
+      </td></tr>
+
+      <tr><td>${insights(narrative)}</td></tr>
+
+      <tr><td style="padding-top:18px">
+        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:separate">
+          <tr><td style="background:#F6F7FB;border:1px solid ${T.line};border-radius:14px;padding:14px 16px">
+            <div style="margin-bottom:6px"><span style="display:inline-block;font-size:9.5px;font-weight:800;background:${T.ink2};color:#fff;padding:2px 10px;border-radius:999px">${esc(activity.agentName)} のひとこと（✓なし）</span></div>
+            <div style="font-size:13.5px;color:${T.ink};line-height:1.85">${withRedactions(narrative.selfNote ?? "")}</div>
+          </td></tr>
+        </table>
+      </td></tr>
+
+      <tr><td>${actions(activity, config)}</td></tr>
+
+      <tr><td align="center" style="padding:20px 0 0;font-size:11px;color:${T.ink2};line-height:1.9">
+        あなたのAIの日報 →
+        ${
+          config.consoleBase
+            ? `<a href="${esc(config.consoleBase)}" style="color:${T.brand1};font-weight:700;text-decoration:none">${esc(config.consoleBase.replace(/^https?:\/\//, "").replace(/\/$/, ""))}</a>`
+            : `<span style="font-weight:700">clubs.place</span>`
+        }
+        <br>
+        通知設定: 日次日報（毎朝）／気づき・提案（届いた日だけ）
+        ${
+          config.consoleBase
+            ? `&nbsp;<a href="${esc(config.consoleBase.replace(/\/$/, ""))}/settings/" style="color:${T.brand1};font-weight:700">変更する</a>`
+            : ""
+        }
+      </td></tr>
+
+      <tr><td align="center" style="padding:18px 0 8px">
+        <div style="margin-bottom:8px">${footerProofBadge(proof)}</div>
+        <div style="font-family:${T.mono};font-size:10px;color:${T.ink2};word-break:break-all;margin-bottom:8px">docHash: ${esc(proof.docHash)}</div>
+        <div style="font-size:11px;color:${T.ink2};line-height:1.7">
+          ${
+            proof.status === "verified"
+              ? "本文と集計値のハッシュを Lemma に登録しています。改ざんの有無を第三者が確認できます。"
+              : `証明基盤への登録はまだです（${esc(proof.reason ?? "-")}）。ハッシュ自体は確定しています。`
+          }<br>
+          この日報は手元（${esc(hostname())}）で生成しています。実行ログ本体は送信していません。<br>
+          収集元: ${esc(activity.origin)} ／ 生成: ${esc(narrative.generator ?? "-")} ／ 対象: ${esc(activity.date)}
+        </div>
+      </td></tr>
+
+    </table>
+  </td></tr>
+</table>
+</body>
+</html>`;
+};
+
+export const buildSubject = ({ activity, proof }) => {
+  const d = jpDate(activity.date);
+  // Phase 1 は ✓ を付けない。「✓照合予定」は ✓ と紛らわしく、
+  // 「✓＝ログと一致」の規律を崩すため（コア原則）。
+  const mark = proof.status === "verified" ? "✓ログ照合済み" : "照合予定";
+  return `[CLUBS] ${d.short}の業務日報 — ${activity.displayName} ${mark}`;
+};

package/src/send.mjs

@@ -0,0 +1,36 @@
+// clubs-nippo — AI業務日報 (CLUBS)
+// Copyright (c) 2026 FRAME00 Inc.
+// SPDX-License-Identifier: MIT
+// https://github.com/frame00/clubs-nippo
+
+/**
+ * 送信するのは「本文（マスク済）＋集計数字＋（あれば）署名」だけ。
+ * activity.events / activity.prompts（生ログ由来）はここに渡ってこない。
+ */
+export const sendMail = async ({ subject, html, config }) => {
+  const { provider, apiKey, from, to } = config.email;
+
+  if (!apiKey) throw new Error("EMAIL_API_KEY が未設定です。");
+  if (!from) throw new Error("EMAIL_FROM が未設定です。");
+  if (to.length === 0) throw new Error("EMAIL_TO が未設定です。");
+  if (provider !== "resend") {
+    throw new Error(`未対応のプロバイダです: ${provider}（現在は resend のみ）`);
+  }
+
+  const res = await fetch("https://api.resend.com/emails", {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${apiKey}`,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ from, to, subject, html }),
+  });
+
+  const json = await res.json().catch(() => ({}));
+  if (!res.ok) {
+    throw new Error(
+      `Resend ${res.status}: ${json.message ?? json.name ?? "送信に失敗しました"}`,
+    );
+  }
+  return { id: json.id, to };
+};

package/src/settings.mjs

@@ -0,0 +1,54 @@
+// clubs-nippo — AI業務日報 (CLUBS)
+// Copyright (c) 2026 FRAME00 Inc.
+// SPDX-License-Identifier: MIT
+// https://github.com/frame00/clubs-nippo
+
+import { readFileSync, writeFileSync, existsSync } from "node:fs";
+import { join } from "node:path";
+import { APP_HOME } from "./config.mjs";
+import { collect } from "./collect.mjs";
+
+/**
+ * 設定の読み書き。今のところオーナー名だけ。
+ *
+ * AI名（Claude / Hermes）はここで持たない。収集元が決めるものであって、
+ * 設定で書き換えられてはいけない。書き換えられると、他のAIがやった作業を
+ * 自分の実績にできてしまい、✓（ログと一致）の意味が崩れる。
+ */
+
+const ENV = join(APP_HOME, ".env");
+
+export const readSettings = (config) => {
+  // 収集元から名義を引く。イベントが0件でも名義と origin は取れる。
+  const activity = collect({ ...config, date: config.date });
+  return {
+    ownerName: config.ownerName,
+    agentName: activity.agentName, // 変更不可
+    displayName: activity.displayName,
+    sources: String(config.source).split(",").map((s) => s.trim()),
+    origin: activity.origin,
+
+    // 通知は画面から変えられない。cron（launchd）と .env が実体なので、
+    // どこで決まっているかをそのまま出す。画面に切替スイッチだけ置いて実際は
+    // 何も変わらない、というのが一番悪い。
+    notifications: {
+      daily: { label: "日次日報", when: "毎朝 8:00（JST）", to: config.email.to },
+      insights: { label: "気づき・提案", when: "届いた日だけ（ログに根拠があるときのみ）" },
+      configuredBy: "cron/com.frame00.clubs-nippo.plist と .env（EMAIL_TO）",
+    },
+  };
+};
+
+/** .env の OWNER_NAME だけを書き換える。他の行は触らない。 */
+export const writeOwnerName = (ownerName) => {
+  const lines = existsSync(ENV) ? readFileSync(ENV, "utf8").split("\n") : [];
+  const idx = lines.findIndex((l) => /^\s*OWNER_NAME\s*=/.test(l));
+  const line = `OWNER_NAME=${ownerName}`;
+
+  const next = idx >= 0 ? lines.with(idx, line) : [...lines, line];
+  writeFileSync(ENV, next.join("\n"), "utf8");
+
+  // 同一プロセス内の後続 loadConfig にも効かせる。
+  process.env.OWNER_NAME = ownerName;
+  return ownerName;
+};