@takagaki/cortex-decisions-viewer 0.4.11 → 0.4.12

package/dist/build.js

@@ -875,6 +875,13 @@ async function build(opts) {
         graph,
         categories,
         months,
+        intake: opts.intakeUrl && opts.projectKey
+            ? {
+                url: opts.intakeUrl,
+                token: opts.intakeToken ?? "",
+                projectKey: opts.projectKey,
+            }
+            : undefined,
     };
     // サムネイル（デザイン画面等）をサイトに同梱し、ノードのパスをサイト内相対に書き換える
     await node_fs_1.promises.mkdir(outAbs, { recursive: true });

package/dist/cli.js

@@ -16,6 +16,9 @@ program
     .option("--repo-url <url>", "GitHubリポジトリURL（未指定なら git remote から解決）")
     .option("--branch <branch>", "編集リンクが指すブランチ（既定: main / 環境変数 AWS_BRANCH）")
     .option("--exclude <files...>", "一覧から除外する追加ファイル名（既定で README.md / template.md は除外）", [])
+    .option("--intake-url <url>", "投入フォームのLambda URL（環境変数 INTAKE_URL でも可）")
+    .option("--intake-token <token>", "投入フォームの共有秘密トークン（環境変数 INTAKE_TOKEN でも可）")
+    .option("--project-key <key>", "案件キー（投入フォームのルーティングキー）")
     .action(async (dir, opts) => {
     try {
         const result = await (0, build_1.build)({
@@ -26,6 +29,9 @@ program
             branch: opts.branch,
             exclude: opts.exclude ?? [],
             generatedAt: new Date().toISOString().replace("T", " ").slice(0, 16) + " UTC",
+            intakeUrl: opts.intakeUrl ?? process.env.INTAKE_URL,
+            intakeToken: opts.intakeToken ?? process.env.INTAKE_TOKEN,
+            projectKey: opts.projectKey,
         });
         console.log(`✓ ${result.count} 件のレコードを ${result.outDir} にビルドしました`);
     }

package/dist/render.js

@@ -14,13 +14,7 @@ function renderSite(site) {
         ? `https://claude.ai/code?repo=${repoSlug}&prompt=${encodeURIComponent(prompt)}`
         : "https://claude.ai/code/";
     const askUrl = codeUrl("このプロジェクトの概要について教えてください。");
-    // 「操作」タブの取り込みアクション。repo が解決できた案件だけ出す（リポ書き込み権を持つ人＝CM社員や招待済み顧客が使える）。
-    if (repoSlug) {
-        site.intake = {
-            transcript: codeUrl("会議の文字起こしを取り込みます。まず 会議/README.md（無ければ MTG/README.md 等の会議ディレクトリのREADME）と 会議/templates/minute-template.md を読んでください。次のメッセージで、ダウンロードした文字起こしファイル（.txt / .docx 等）を添付するので、その内容を読み、テンプレートの様式に従って議事録を生成し、文字起こし原本と議事録を会議ディレクトリの規約どおりの場所にコミットしてください。/post-meeting や /create-minute スラッシュコマンドが使えるならそれを使ってよいですが、使えなくても手動で作成して構いません。議事録に frontmatter は付けないでください。"),
-            material: codeUrl("共有資料を取り込みます。まず 共有資料/README.md を読んでください。次のメッセージで資料（テキストまたはファイル）を渡すので、それを Markdown 化して 共有資料/{資料名}/{資料名}.md に配置し、元ファイルも同じディレクトリに残してコミットしてください（PDF・PPT は中身を読み、図表も文章で説明して Markdown 化する）。/sync-materials スラッシュコマンドが使えるならそれを使ってよいですが、使えなくても手動で構いません。frontmatter は付けないでください。"),
-        };
-    }
+    // ※ 投入フォーム設定 site.intake は build.ts が --intake-url/--intake-token/--project-key から付与する。
     const dataJson = JSON.stringify(site).replace(/</g, "\\u003c");
     const safeTitle = escapeHtml(site.title);
     const githubBtn = site.repoBaseUrl
@@ -347,6 +341,35 @@ a:hover { text-decoration: underline; }
   background: var(--accent); color: #fff; font-size: 13px; font-weight: 600;
 }
 .ops-card-btn:hover { background: #1d4ed8; text-decoration: none; }
+button.ops-card-btn { cursor: pointer; }
+button.ops-card-btn:disabled { opacity: .6; cursor: default; }
+/* ---- 投入モーダル ---- */
+.modal-overlay {
+  position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center;
+  background: rgba(16,24,40,0.45); padding: 20px;
+  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
+}
+.modal {
+  background: var(--surface); border: 1px solid var(--border); border-radius: 14px;
+  box-shadow: 0 12px 40px rgba(16,24,40,0.25); width: 100%; max-width: 480px;
+  max-height: 90vh; overflow-y: auto; padding: 22px; display: flex; flex-direction: column; gap: 12px;
+}
+.modal-title { font-size: 17px; font-weight: 700; margin: 0; color: var(--text); }
+.modal-desc { font-size: 13px; color: var(--muted); line-height: 1.7; margin: 0; }
+.modal-field { display: flex; flex-direction: column; gap: 4px; }
+.modal-field-label { font-size: 12px; font-weight: 600; color: var(--muted); }
+.modal-file, .modal-name, .modal-text {
+  border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; font-size: 14px; color: var(--text);
+  background: var(--bg); width: 100%; box-sizing: border-box;
+}
+.modal-text { resize: vertical; min-height: 90px; }
+.modal-status { font-size: 13px; color: var(--muted); min-height: 18px; line-height: 1.6; }
+.modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; }
+.modal-cancel {
+  padding: 8px 16px; border-radius: 999px; border: 1px solid var(--border);
+  background: var(--surface); color: var(--muted); font-size: 13px; font-weight: 600; cursor: pointer;
+}
+.modal-cancel:hover { background: var(--bg); }
 .summary-box { background: var(--accent-weak); border: 1px solid #dce6fb; border-radius: var(--radius); padding: 12px 16px; color: #1e3a8a; }
 .deciders { display: flex; flex-wrap: wrap; gap: 8px; }
 .refs { margin: 0; padding-left: 18px; }
@@ -602,27 +625,97 @@ const CLIENT_JS = `
 
   // ---------- 操作タブ（Cortex自体への操作。まずは取り込み。今後この受け皿に機能を足す） ----------
   function renderOps() {
-    var intake = SITE.intake;
-    app.appendChild(el("p", { class: "ops-intro", text: "Cortex にコンテキストを取り込む操作です。ボタンを押すと Claude Code Web がこの案件のリポジトリで開くので、内容を貼る／渡すと議事録化・Markdown化してコミットまで行います。" }));
+    app.appendChild(el("p", { class: "ops-intro", text: "Cortex にコンテキストを取り込む操作です。ファイルを選ぶかテキストを貼って送信すると、自動で取り込まれます（数分で反映）。" }));
     app.appendChild(el("div", { class: "section-label", text: "取り込み" }));
     var grid = el("div", { class: "ops-grid" });
-    if (intake) {
-      grid.appendChild(opsCard("🗒️", "会議の文字起こしを追加", "顧客主催の会議など、自動取り込みできない会議の文字起こしファイル（.txt / .docx 等）を添付して議事録を生成します。", intake.transcript, "文字起こしを追加"));
-      grid.appendChild(opsCard("📎", "共有資料を追加", "提案書・仕様書・議事メモなどの資料を渡して Markdown 化し、共有資料に取り込みます。", intake.material, "資料を追加"));
-    }
+    grid.appendChild(opsCard("🗒️", "会議の文字起こしを追加", "顧客主催の会議など、自動取り込みできない会議の文字起こしファイル（.txt / .docx 等）から議事録を生成します。", "transcript", "文字起こしを追加"));
+    grid.appendChild(opsCard("📎", "共有資料を追加", "提案書・仕様書・議事メモなどの資料を Markdown 化して 共有資料 に取り込みます。", "material", "資料を追加"));
     app.appendChild(grid);
   }
-  function opsCard(icon, title, desc, url, btnLabel) {
+  function opsCard(icon, title, desc, kind, btnLabel) {
+    var btn = el("button", { class: "ops-card-btn", text: "＋ " + btnLabel });
+    btn.addEventListener("click", function () { openIntakeModal(kind); });
     return el("div", { class: "ops-card" }, [
       el("div", { class: "ops-card-head" }, [
         el("span", { class: "ops-card-icon", text: icon }),
         el("h3", { class: "ops-card-title", text: title }),
       ]),
       el("p", { class: "ops-card-desc", text: desc }),
-      el("a", { class: "ops-card-btn", href: url, target: "_blank", rel: "noopener", text: "＋ " + btnLabel }),
+      btn,
     ]);
   }
 
+  // 投入モーダル（ファイル選択＋自由テキスト＋お名前 → presign→S3 PUT→submit）
+  function fieldRow(label, control) {
+    return el("label", { class: "modal-field" }, [
+      el("span", { class: "modal-field-label", text: label }),
+      control,
+    ]);
+  }
+  function openIntakeModal(kind) {
+    var intake = SITE.intake;
+    if (!intake) return;
+    var isT = kind === "transcript";
+    var overlay = el("div", { class: "modal-overlay" });
+    var modal = el("div", { class: "modal" });
+    modal.appendChild(el("h2", { class: "modal-title", text: isT ? "会議の文字起こしを追加" : "共有資料を追加" }));
+    modal.appendChild(el("p", { class: "modal-desc", text: isT
+      ? "文字起こしファイル（.txt / .docx 等）を選ぶか、下のテキスト欄に貼り付けてください。送信すると議事録を自動生成します。"
+      : "資料ファイル（PDF / PPT / Excel 等）を選ぶか、下のテキスト欄に内容を貼り付けてください。送信すると Markdown 化して取り込みます。" }));
+    var fileInput = el("input", { type: "file", multiple: "multiple", class: "modal-file" });
+    var nameInput = el("input", { type: "text", class: "modal-name", placeholder: "お名前（任意・投入者として記録されます）" });
+    var textArea = el("textarea", { class: "modal-text", rows: "5", placeholder: isT ? "（任意）文字起こしテキストを直接貼り付け" : "（任意）テキスト内容やメモを直接入力" });
+    modal.appendChild(fieldRow("ファイル", fileInput));
+    modal.appendChild(fieldRow("お名前", nameInput));
+    modal.appendChild(fieldRow("テキスト（自由入力）", textArea));
+    var status = el("div", { class: "modal-status" });
+    var cancelBtn = el("button", { class: "modal-cancel", text: "閉じる" });
+    var submitBtn = el("button", { class: "ops-card-btn", text: "送信" });
+    modal.appendChild(status);
+    modal.appendChild(el("div", { class: "modal-actions" }, [cancelBtn, submitBtn]));
+    overlay.appendChild(modal);
+    document.body.appendChild(overlay);
+    function close() { if (overlay.parentNode) document.body.removeChild(overlay); }
+    cancelBtn.addEventListener("click", close);
+    overlay.addEventListener("click", function (e) { if (e.target === overlay) close(); });
+    submitBtn.addEventListener("click", function () {
+      submitIntake(kind, fileInput.files, textArea.value, nameInput.value, status, submitBtn);
+    });
+  }
+  async function submitIntake(kind, fileList, text, submitter, status, submitBtn) {
+    var intake = SITE.intake;
+    var files = fileList ? Array.prototype.slice.call(fileList) : [];
+    if (!files.length && !(text && text.trim())) { status.textContent = "ファイルかテキストを入力してください。"; return; }
+    submitBtn.disabled = true;
+    var pfx = intake.url + (intake.url.indexOf("?") === -1 ? "?" : "&");
+    try {
+      var uploaded = [];
+      for (var i = 0; i < files.length; i++) {
+        var f = files[i];
+        status.textContent = "アップロード中… (" + (i + 1) + "/" + files.length + ") " + f.name;
+        var pres = await fetch(pfx + "op=presign&t=" + encodeURIComponent(intake.token), {
+          method: "POST", headers: { "content-type": "application/json" },
+          body: JSON.stringify({ projectKey: intake.projectKey, filename: f.name, contentType: f.type || "application/octet-stream" }),
+        }).then(function (r) { return r.json(); });
+        if (!pres.url) throw new Error(pres.message || "アップロードURLの取得に失敗しました");
+        var put = await fetch(pres.url, { method: "PUT", headers: { "content-type": f.type || "application/octet-stream" }, body: f });
+        if (!put.ok) throw new Error("アップロードに失敗しました (" + put.status + ")");
+        uploaded.push({ key: pres.key, filename: f.name });
+      }
+      status.textContent = "取り込み中…";
+      var sub = await fetch(pfx + "op=submit&t=" + encodeURIComponent(intake.token), {
+        method: "POST", headers: { "content-type": "application/json" },
+        body: JSON.stringify({ projectKey: intake.projectKey, kind: kind, files: uploaded, text: text || "", submitter: submitter || "" }),
+      }).then(function (r) { return r.json().then(function (j) { return { ok: r.ok, j: j }; }); });
+      if (!sub.ok) throw new Error((sub.j && sub.j.message) || "取り込みに失敗しました");
+      status.textContent = "✓ 送信しました。数分後に" + (kind === "transcript" ? "議事録" : "資料") + "が反映されます。";
+      submitBtn.textContent = "完了";
+    } catch (e) {
+      status.textContent = "✗ " + (e && e.message ? e.message : "エラーが発生しました");
+      submitBtn.disabled = false;
+    }
+  }
+
   // ---------- Decisions一覧（フィルタ付き） ----------
   function renderDecisionList() {
     // 既存案件・移行案件は導入前/移行前の意思決定が揃わないため、その旨を最初に注記する

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takagaki/cortex-decisions-viewer",
-  "version": "0.4.11",
+  "version": "0.4.12",
   "description": "Cortexの意思決定記録（Decisions/*.md）を静的サイトにビルドして閲覧する。各レコードに「Edit on GitHub」リンクを付与する。",
   "license": "UNLICENSED",
   "private": false,