npm - @takagaki/cortex-decisions-viewer - Versions diffs - 0.12.23 → 0.12.25 - Mend

@takagaki/cortex-decisions-viewer 0.12.23 → 0.12.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/build.js CHANGED Viewed

@@ -36,7 +36,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PROJECT_ICON_EXTS = void 0;
 exports.sanitizeBody = sanitizeBody;
+exports.findProjectIcon = findProjectIcon;
 exports.readFleetSources = readFleetSources;
 exports.readHarnessSchedules = readHarnessSchedules;
 exports.readHarnessShelf = readHarnessShelf;
@@ -247,6 +249,48 @@ function resolveKnowledgeRoot(decisionsDirAbs) {
     }
     return null;
 }
+/**
+ * 案件アイコン（#348）で受け付ける拡張子。**探索の順でもある**（2枚あれば先頭を使う）。
+ *
+ * **Lambda 側（infra/lambda/intake/logic.mjs の PROJECT_ICON_EXTS）と同じ並びにすること。**
+ * 片方だけ増やす・並べ替えると、intake が書いた名前を build が拾わない（＝設定したのに
+ * 画面に出ない）か、2枚あるときに intake と build が別の1枚を選ぶ。
+ * 突き合わせは viewer/test/project-icon-parity.test.mjs が機械的に見張る。
+ *
+ * `.jpeg` は入れない——intake は `.jpeg` を `jpg` へ正規化して書くので、
+ * リポジトリにその名前は生まれない（拾うと「どちらが正か」が2つになる）。
+ */
+exports.PROJECT_ICON_EXTS = ["png", "jpg", "webp"];
+/**
+ * `Cortex/icon.<ext>` を探す。無ければ undefined（キーごと出さないため）。
+ *
+ * **2枚以上あっても落とさない。** 人が GitHub 側で直接置くと起こりうる形なので、
+ * 固定順の先頭1枚に倒し、どれを使ったかをビルドログに残す（黙って選ぶと
+ * 「差し替えたのに変わらない」の原因が画面からもログからも分からなくなる）。
+ */
+async function findProjectIcon(knowledgeRoot) {
+    if (!knowledgeRoot)
+        return undefined;
+    const found = [];
+    for (const ext of exports.PROJECT_ICON_EXTS) {
+        const file = `icon.${ext}`;
+        const srcAbs = path.join(knowledgeRoot, file);
+        try {
+            const st = await node_fs_1.promises.stat(srcAbs);
+            if (st.isFile())
+                found.push({ file, repoPath: `${path.basename(knowledgeRoot)}/${file}`, srcAbs });
+        }
+        catch {
+            // 無いだけ（探索なので握りつぶす）
+        }
+    }
+    if (!found.length)
+        return undefined;
+    if (found.length > 1) {
+        console.warn(`案件アイコンが複数あります（${found.map((f) => f.file).join(", ")}）。${found[0].file} だけを使います`);
+    }
+    return found[0];
+}
 /**
  * スペースごとの Backlog キーの登録状況で、画面へ運んでよい値。
  *
@@ -1812,6 +1856,8 @@ async function build(opts) {
     // 走るのは latestGeneratedPaths と同じ **リポジトリルート**（process.cwd()）——
     // Decisions ディレクトリで実行すると pathspec に一致せず常に空になる
     const aiHistory = (0, repo_1.collectAiChangeHistory)(process.cwd());
+    // 案件アイコン（#348）。Cortex構成でなければ undefined（旧レイアウトには置き場が無い）
+    const projectIcon = await findProjectIcon(knowledgeRoot);
     const site = {
         title: opts.title,
         generatedAt: opts.generatedAt,
@@ -1862,6 +1908,9 @@ async function build(opts) {
         // 同上（短縮記法にしない）。**undefined のまま渡すのが仕様**——「棚が無い」と
         // 「棚が空」を画面が言い分けるための材料で、ここで [] へ倒すと区別が消える
         harnessShelf: harnessShelf,
+        // 同上（短縮記法にしない）。**undefined ならキーごと出さない**——画面は
+        // 「アイコンがある／無い」をキーの有無で見る（空の器を通さない）
+        projectIcon: projectIcon ? { file: projectIcon.file, repoPath: projectIcon.repoPath } : undefined,
         // null（無い・壊れ・version違い）は undefined へ落とす——SiteData の
         // 「知らないことはキーが無いことで表す」に合わせる（空の器を通さない）
         // 空の器は通さない（0件なら undefined = キーごと出さない）
@@ -1869,6 +1918,15 @@ async function build(opts) {
     };
     // サムネイル（デザイン画面等）をサイトに同梱し、ノードのパスをサイト内相対に書き換える
     await node_fs_1.promises.mkdir(outAbs, { recursive: true });
+    // 案件アイコン（#348）を site/ 直下へ同梱する。
+    // **先に3候補を消す。** 出力ディレクトリは丸ごと作り直されないので、
+    // 「置いてビルド → 外してビルド」をすると古い画像がファイルとして残り、
+    // site-data には出ていないのに URL 直打ちで前のアイコンが見えてしまう
+    for (const ext of exports.PROJECT_ICON_EXTS) {
+        await node_fs_1.promises.rm(path.join(outAbs, `icon.${ext}`), { force: true });
+    }
+    if (projectIcon)
+        await node_fs_1.promises.copyFile(projectIcon.srcAbs, path.join(outAbs, projectIcon.file));
     let thumbIndex = 0;
     for (const node of graph.nodes) {
         if (!node.thumb)

package/dist/render.js CHANGED Viewed

@@ -86,6 +86,7 @@ ${styleTag}
 <body>
 <header class="site-header">
   <div class="header-inner">
+    <span class="site-icon-slot" id="site-icon-slot"></span>
     <a class="site-title" href="?" id="home-link">${safeTitle}</a>
     ${askBtn}
     ${githubBtn}
@@ -2261,6 +2262,71 @@ a:hover { text-decoration: underline; }
 }
 .site-title { font-size: 18px; font-weight: 700; color: var(--text); }
 .site-title:hover { text-decoration: none; color: var(--accent); }
+/* ---- 案件アイコン（#348）----
+   **ヘッダーの案件名の左に丸を置く。** ヘッダーは全タブ共通なので、
+   どのタブを開いていても同じ場所に居る。0.12.24 で Home 本文に置いた
+   「大きな枠＋その下のボタン」はオーナー実機で却下された（本文の先頭が重くなった）。
+   見た目はポータルの一覧カード（portal の ProjectIcon.tsx）に寄せる:
+   丸・cover・未設定は薄い青地に案件名の頭文字1字。同じ画像が2つの画面で
+   別の切れ方をすると「設定したのと違う絵が出ている」と読まれる */
+.site-icon-slot { position: relative; flex: 0 0 auto; display: flex; align-items: center; }
+.site-icon {
+  position: relative;
+  width: 28px; height: 28px; border-radius: 50%; overflow: hidden;
+  display: flex; align-items: center; justify-content: center;
+  padding: 0; border: 0; background: var(--accent-weak); color: var(--accent);
+  font-size: 13px; font-weight: 600; line-height: 1;
+}
+.site-icon-initial {
+  display: flex; align-items: center; justify-content: center;
+  width: 100%; height: 100%;
+}
+/* **押せる丸の頭文字だけ薄くして、上に「＋」を重ねる。**
+   頭文字だけだと「設定済みの何か」に見え、置ける場所だと分からない
+   ——薄い字の上の「＋」で「ここに画像を置ける」を一目にする。
+   受け口が無い案件（span.site-icon）は置けないので、薄くも「＋」も付けない */
+button.site-icon .site-icon-initial { opacity: .45; }
+.site-icon-plus {
+  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
+  display: flex; align-items: center; justify-content: center;
+  color: var(--accent); font-size: 16px; font-weight: 700; line-height: 1;
+}
+/* 設定済みの丸は画像だけ。**押せることはホバーで出す**——常時ラベルを重ねると
+   選んだロゴが読めなくなる（アイコンを設定した意味が薄れる） */
+.site-icon-hover {
+  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
+  display: flex; align-items: center; justify-content: center;
+  background: rgba(0, 0, 0, 0.55); color: #fff;
+  font-size: 11px; font-weight: 600; line-height: 1;
+  opacity: 0; transition: opacity 0.12s ease;
+}
+button.site-icon:hover .site-icon-hover,
+button.site-icon[aria-expanded="true"] .site-icon-hover { opacity: 1; }
+/* **押せることはホバーで示す。** 受け口が無い案件の丸は span なので、この効果は付かない
+   ——押せない丸に指差しカーソルやリングを出すのが、画面の嘘のうちで一番たちが悪い */
+button.site-icon { cursor: pointer; }
+button.site-icon:hover, button.site-icon[aria-expanded="true"] { box-shadow: 0 0 0 2px var(--accent); }
+.site-icon-img { width: 100%; height: 100%; object-fit: cover; display: block; }
+/* 丸を押したときだけ出るメニュー。スロットを基準に浮かせる（ヘッダーは sticky なので
+   ページを送っても位置がずれない） */
+.site-icon-menu {
+  position: absolute; top: 36px; left: 0; z-index: 30; min-width: 220px;
+  background: #fff; border: 1px solid var(--border); border-radius: 10px;
+  box-shadow: 0 8px 24px rgba(0,0,0,.12); padding: 8px;
+  display: flex; flex-direction: column; gap: 6px;
+}
+.site-icon-menu[hidden] { display: none; }
+.site-icon-menu button {
+  text-align: left; padding: 8px 10px; border-radius: 8px;
+  border: 1px solid var(--border); background: #fff; font-size: 13px; cursor: pointer;
+}
+.site-icon-menu button:hover { background: #f3f6fb; }
+.site-icon-menu button:disabled { opacity: .6; cursor: default; }
+/* 結果の行はメニューの中に置く（丸の横に出すとヘッダーの高さに押し込まれて読めない） */
+.site-icon-status { font-size: 12.5px; padding: 2px 4px; }
+.site-icon-status:empty { display: none; }
+.site-icon-status-error { color: #b91c1c; }
 .record-count { color: var(--muted); font-size: 13px; }
 .ask-ai-btn {
   margin-left: auto; flex: 0 0 auto;
@@ -4302,6 +4368,294 @@ ${deriveCapTile.toString()}
     app.appendChild(sec);
   }
+  // ---------- 案件アイコン（#348） ----------
+  //
+  // ポータルの案件一覧はカードにアイコンを出す。置き場はこの案件のリポジトリの
+  // Cortex/icon.<ext> で、**設定する口はこのビューアにしかない**——ポータル側に
+  // 置くと「誰の案件か」の判定を先に作らねばならず、案件を知っている人が
+  // その場で直せる形にならない。
+  //
+  // **出す場所はヘッダーの案件名の左**（0.12.24 の Home 本文から移した・#348）。
+  // ヘッダーは全タブ共通なので、どのタブを開いていても同じ場所に居る。
+  // 押せる口はメニューの中に畳む——常時見えるボタンは、たまにしか使わない操作には重い。
+  //
+  // 保存はビルドを待たずに画面へ反映する（mirror）。恒久化は次のビルドで
+  // site-data ごと焼き直されるので、mirror はこのタブが開いているあいだだけ。
+  // 上限はサーバ側（logic.mjs の PROJECT_ICON_MAX_BYTES）と同じ値。画面の門は
+  // 「送る前に断る」ためのもので、正本はサーバ側
+  var PROJECT_ICON_MAX_BYTES = 1024 * 1024;
+  // 保存直後の反映。null＝ビルド時の値（SITE.projectIcon）をそのまま使う。
+  // { file, src } なら設定済み、{ removed: true } なら「今この画面では外れている」
+  var projectIconMirror = null;
+  // いま img に載せている blob:。差し替え・解除のたびに revoke する（掴んだままだと
+  // 選び直すたびにファイルの実体がメモリに積み上がる）
+  var projectIconBlobUrl = null;
+  /** いま画面に出すべきアイコン（無ければ null） */
+  function projectIconCurrent() {
+    if (projectIconMirror) {
+      return projectIconMirror.removed ? null : { file: projectIconMirror.file, src: projectIconMirror.src };
+    }
+    var p = SITE.projectIcon;
+    // ビルドが同梱した画像はサイト内の相対パス。**外部URLは載せない**
+    return p ? { file: p.file, src: p.file } : null;
+  }
+  /**
+   * 名前から拡張子を引く（jpeg は jpg へ寄せる）。許可外・拡張子なしは null。
+   * **サーバ側（logic.mjs の projectIconExtOf）と同じ判断**を画面でも先にやるのは、
+   * 通らないと分かっているファイルを1MB 送ってから断らないため
+   */
+  function projectIconExtOfName(name) {
+    var m = /\\.([A-Za-z0-9]+)$/.exec(String(name || ""));
+    if (!m) return null;
+    var e = m[1].toLowerCase();
+    if (e === "jpeg") e = "jpg";
+    return e === "png" || e === "jpg" || e === "webp" ? e : null;
+  }
+  /** callIntake の戻り（fetch の Promise）を { ok, j } に畳む（submitIntake と同じ形） */
+  function intakeJson(req) {
+    return req.then(function (r) { return r.json().then(function (j) { return { ok: r.ok, j: j }; }); });
+  }
+  // ヘッダーの丸のメニューが開いているか。**DOM ではなくこの変数が正本。**
+  // 保存・解除のあとに丸を描き直すので、開閉を DOM だけに持たせると描き直しで畳まれ、
+  // 「✓ 保存しました」と保存先のリンクが一度も見えないまま消える
+  var siteIconMenuOpen = false;
+  // document に付ける開閉のリスナーは1組だけ。描き直しのたびに足すと Escape 1回で
+  // 同じ処理が何度も走る（見た目は同じなので気づけない）
+  var siteIconGlobalBound = false;
+  /**
+   * 案件名の頭文字1字。**ポータルの ProjectIcon.tsx（initialOf）と同じ取り方**にする
+   * ——同じ案件がポータルとビューアで違う字になると「別の案件を見ている」と読まれる。
+   *
+   * ⚠ title[0] にしない。サロゲートペア（絵文字・一部の漢字）が半分に割れて化ける
+   */
+  function siteInitial() {
+    return Array.from(String(SITE.title || "").trim())[0] || "?";
+  }
+  /** 丸の中の頭文字（薄くするかどうかは CSS が丸の種類で決める） */
+  function siteIconInitialEl() {
+    return el("span", { class: "site-icon-initial", text: siteInitial() });
+  }
+  /** メニューの開閉。描き直さずに hidden と aria-expanded だけ動かす */
+  function setSiteIconMenu(open) {
+    siteIconMenuOpen = !!open;
+    var slot = document.getElementById("site-icon-slot");
+    if (!slot) return;
+    var menu = slot.querySelector(".site-icon-menu");
+    if (menu) {
+      if (siteIconMenuOpen) menu.removeAttribute("hidden");
+      else menu.setAttribute("hidden", "");
+    }
+    var circle = slot.querySelector("button.site-icon");
+    if (circle) circle.setAttribute("aria-expanded", siteIconMenuOpen ? "true" : "false");
+  }
+  /**
+   * ヘッダーの案件名の左の丸を描く（#site-icon-slot の中身を作り直す）。
+   *
+   * **丸は常に出す**（未設定なら頭文字）——ポータルの一覧と同じ顔をここでも見せる。
+   * **押せる形にするのは受け口（intake）がある案件だけ。** 無ければ span にして
+   * メニューもファイル選択も付けない——押して何も起きない口は「壊れている」と読まれる。
+   *
+   * @param status 前の描画から引き継ぐ結果の行（省略時は新しく作る）
+   */
+  function renderSiteIcon(status) {
+    var slot = document.getElementById("site-icon-slot");
+    if (!slot) return;
+    var intake = SITE.intake;
+    var cur = projectIconCurrent();
+    slot.textContent = "";
+    var circle = el(intake ? "button" : "span", { class: "site-icon" });
+    if (intake) {
+      circle.setAttribute("type", "button");
+      circle.setAttribute("aria-haspopup", "menu");
+      circle.setAttribute("aria-expanded", siteIconMenuOpen ? "true" : "false");
+      // 未設定は「＋」が見えているので、説明は「変更」ではなく置ける話にしない——
+      // 読み上げと tooltip は、いまの状態でできることをそのまま言う
+      var label = cur ? "案件アイコンを変更／外す" : "案件アイコンを設定";
+      circle.setAttribute("title", label);
+      circle.setAttribute("aria-label", label);
+    } else {
+      // すぐ隣に案件名が文字で出ているので、読み上げで名前を2回言わせない
+      circle.setAttribute("aria-hidden", "true");
+    }
+    if (cur) {
+      // **設定済みは画像だけ。** 頭文字も「＋」も重ねない（選んだロゴが読めなくなる）
+      var img = el("img", { class: "site-icon-img", src: cur.src, alt: "" });
+      // **onerror 属性で書かない（CSP でインラインハンドラは動かない）。**
+      // blob: が配信先の img-src で拒まれることがあるので、そのときは頭文字に倒す
+      img.addEventListener("error", function () {
+        if (img.parentNode) img.parentNode.replaceChild(siteIconInitialEl(), img);
+      });
+      circle.appendChild(img);
+      // 押せる案件だけ、ホバーで「変更」と出す（見た目は CSS の opacity で切り替える）
+      if (intake) circle.appendChild(el("span", { class: "site-icon-hover", "aria-hidden": "true", text: "変更" }));
+    } else {
+      circle.appendChild(siteIconInitialEl());
+      // **未設定の押せる丸には「＋」を重ねる。** 薄い頭文字だけだと
+      // 「設定済みの何か」に見えて、置ける場所だと分からない
+      if (intake) circle.appendChild(el("span", { class: "site-icon-plus", "aria-hidden": "true", text: "＋" }));
+    }
+    slot.appendChild(circle);
+    if (!intake) return;
+    circle.addEventListener("click", function () { setSiteIconMenu(!siteIconMenuOpen); });
+    // **status の要素は描き直しをまたいで持ち回る。** 描き直したあとに
+    // 「✓ 保存しました」と保存先のリンクを足すので、入れ替わると書いた先が画面から外れる
+    var st = status || el("div", { class: "site-icon-status", "aria-live": "polite" });
+    var menu = el("div", { class: "site-icon-menu", role: "menu" });
+    if (!siteIconMenuOpen) menu.setAttribute("hidden", "");
+    function setStatus(msg, isError) {
+      st.className = "site-icon-status" + (isError ? " site-icon-status-error" : "");
+      st.textContent = msg || "";
+    }
+    var ui = {
+      status: st,
+      setStatus: setStatus,
+      // 描き直すと押していたボタンが DOM から消えてフォーカスが body に落ちるので、
+      // 丸へ戻す（キーボードの人が位置を失わない。Escape は document 側なので効く）
+      redraw: function () {
+        renderSiteIcon(st);
+        var s = document.getElementById("site-icon-slot");
+        var c = s && s.querySelector("button.site-icon");
+        if (c && typeof c.focus === "function") c.focus();
+      },
+      input: null,
+      buttons: [],
+    };
+    ui.disable = function (flag) { ui.buttons.forEach(function (b) { b.disabled = !!flag; }); };
+    var input = el("input", { type: "file", accept: "image/png,image/jpeg,image/webp", hidden: "" });
+    ui.input = input;
+    input.addEventListener("change", function () {
+      var f = input.files && input.files[0];
+      // **読んだらすぐ value を戻す**（成功時だけ戻す形だと、形式で断られた直後に
+      // 同じファイルを選び直しても change が飛ばず、直す経路がここで死ぬ）
+      try { input.value = ""; } catch (e) {}
+      if (f) setProjectIcon(f, ui);
+    });
+    var choose = el("button", { class: "site-icon-choose", type: "button", role: "menuitem", text: cur ? "画像を変える" : "画像を選ぶ" });
+    choose.addEventListener("click", function () { input.click(); });
+    ui.buttons.push(choose);
+    menu.appendChild(choose);
+    if (cur) {
+      var remove = el("button", { class: "site-icon-remove", type: "button", role: "menuitem", text: "画像を外す" });
+      remove.addEventListener("click", function () { removeProjectIcon(ui); });
+      ui.buttons.push(remove);
+      menu.appendChild(remove);
+    }
+    menu.appendChild(input);
+    menu.appendChild(st);
+    slot.appendChild(menu);
+    if (!siteIconGlobalBound) {
+      siteIconGlobalBound = true;
+      // 外を押したら閉じる。**スロットの中では閉じない**——「画像を選ぶ」を押した
+      // 瞬間に畳まれると、選び終えたときに結果を書く場所が無い
+      document.addEventListener("click", function (ev) {
+        if (!siteIconMenuOpen) return;
+        var s = document.getElementById("site-icon-slot");
+        if (s && s.contains(ev.target)) return;
+        setSiteIconMenu(false);
+      });
+      document.addEventListener("keydown", function (ev) {
+        if (siteIconMenuOpen && (ev.key === "Escape" || ev.key === "Esc")) setSiteIconMenu(false);
+      });
+    }
+  }
+  /** 保存先（GitHub）の1行。submitIntake の modal-paths と同じ組み立て */
+  function projectIconPathBox(repo, p) {
+    var br = SITE.branch || "main";
+    var href = "https://github.com/" + repo + "/blob/" + encodeURIComponent(br) + "/" + p.split("/").map(encodeURIComponent).join("/");
+    return el("div", { class: "modal-paths" }, [
+      el("div", { class: "modal-paths-label", text: "保存先（GitHub）:" }),
+      el("a", { class: "modal-path", href: href, target: "_blank", rel: "noopener", text: p }),
+    ]);
+  }
+  /**
+   * 画像を1枚選んで保存する。
+   *
+   * **画面側でも門を張る。** サーバ側（planProjectIconSet）が正本だが、ここで断れる
+   * ものを送ると、1MB を上げきってから「大きすぎます」と言うことになる
+   */
+  async function setProjectIcon(file, ui) {
+    function fail(msg) { ui.setStatus("✗ " + msg, true); ui.disable(false); }
+    // 画面側の門。**サーバ側と同じ文言**で、送る前に断る（fail で「✗ 」を揃える）
+    if (!projectIconExtOfName(file.name)) return fail("PNG・JPEG・WebP の画像を選んでください");
+    if (file.size > PROJECT_ICON_MAX_BYTES) return fail("1MB までの画像を選んでください");
+    if (file.size === 0) return fail("画像が空です（0 バイト）。別の画像を選んでください");
+    var intake = SITE.intake;
+    var ctype = file.type || "application/octet-stream";
+    ui.disable(true);
+    ui.setStatus("アップロード中…", false);
+    var pres;
+    try {
+      pres = await intakeJson(callIntake("presign", {
+        projectKey: intake.projectKey, filename: file.name, contentType: ctype, purpose: "project-icon",
+      }));
+    } catch (net) { return fail("サーバーに接続できませんでした。通信環境を確認して、もう一度お試しください。"); }
+    if (!pres.ok || !pres.j.url) return fail((pres.j && pres.j.message) || "アップロードURLの取得に失敗しました");
+    // 署名付きURLへの PUT だけは intake ではないので素の fetch（submitIntake と同じ）
+    var put;
+    try {
+      put = await fetch(pres.j.url, { method: "PUT", headers: { "content-type": ctype }, body: file });
+    } catch (net2) { return fail("アップロードに失敗しました（もう一度お試しください）"); }
+    if (!put.ok) return fail("アップロードに失敗しました（" + put.status + "）");
+    var saved;
+    try {
+      saved = await intakeJson(callIntake("project-icon-set", {
+        projectKey: intake.projectKey, key: pres.j.key, filename: file.name,
+      }));
+    } catch (net3) { return fail("サーバーに接続できませんでした。通信環境を確認して、もう一度お試しください。"); }
+    if (!saved.ok) return fail((saved.j && saved.j.message) || "保存できませんでした");
+    var repoPath = (saved.j && saved.j.path) || "";
+    if (projectIconBlobUrl) { try { URL.revokeObjectURL(projectIconBlobUrl); } catch (e) {} }
+    projectIconBlobUrl = URL.createObjectURL(file);
+    projectIconMirror = { file: repoPath.split("/").pop() || "icon", src: projectIconBlobUrl };
+    // **同じファイルをもう一度選べるようにする。** value を戻さないと、選び直しても
+    // change が飛ばない（形式で断られた直後に選び直す経路がここで死ぬ）
+    if (ui.input) ui.input.value = "";
+    ui.redraw();
+    ui.setStatus("", false);
+    ui.status.appendChild(el("div", { text: "✓ 保存しました。数分後にポータルの一覧に反映されます。" }));
+    if (repoPath && saved.j.repo) ui.status.appendChild(projectIconPathBox(saved.j.repo, repoPath));
+  }
+  /** 画像を外す。**確認は出さない**——押し間違えても、もう一度選び直せば戻る操作 */
+  async function removeProjectIcon(ui) {
+    function fail(msg) { ui.setStatus("✗ " + msg, true); ui.disable(false); }
+    ui.disable(true);
+    ui.setStatus("外しています…", false);
+    var res;
+    try {
+      res = await intakeJson(callIntake("project-icon-remove", { projectKey: SITE.intake.projectKey }));
+    } catch (net) { return fail("サーバーに接続できませんでした。通信環境を確認して、もう一度お試しください。"); }
+    if (!res.ok) return fail((res.j && res.j.message) || "外せませんでした");
+    if (projectIconBlobUrl) {
+      try { URL.revokeObjectURL(projectIconBlobUrl); } catch (e) {}
+      projectIconBlobUrl = null;
+    }
+    projectIconMirror = { removed: true };
+    ui.redraw();
+    ui.setStatus("✓ 外しました。数分後にポータルの一覧に反映されます（案件名の頭文字に戻ります）。", false);
+  }
   // ---------- ホーム（着地画面: Markdownをそのまま表示） ----------
   function renderHome() {
     var h = SITE.home;
@@ -4322,6 +4676,8 @@ ${deriveCapTile.toString()}
     var titleWrap = el("div", {}, [ titleEl ]);
     var ai = h.fm ? adoptionInfo(h.fm.adoption) : null;
     if (ai) titleWrap.appendChild(el("span", { class: "chip adoption-" + String(h.fm.adoption), text: ai.label }));
+    // 案件アイコン（#348）はここには置かない。**ヘッダーの案件名の左**にある
+    // （renderSiteIcon）——全タブから同じ場所で触れる形にした
     head.appendChild(titleWrap);
     var homeEditRow = el("div", { class: "detail-actions-row" }, [
       el("a", { class: "ai-edit-btn", href: codeUrl(HOME_EDIT_PROMPT), target: "_blank", rel: "noopener", text: "AIで編集" }),
@@ -14126,6 +14482,10 @@ ${deriveCapTile.toString()}
   }
   window.addEventListener("popstate", route);
+  // ヘッダーの案件アイコン（#348）は #app の外なので、**起動時に1回だけ描く**。
+  // route() はタブを替えるたびに走るが、ヘッダーは描き替えない——描き直すと
+  // 保存直後の mirror とメニューの開閉が、タブを移るたびに畳まれる
+  renderSiteIcon();
   route();
   /**
    * 接続状況の先読み（#264）。**開いたタブに関係なく、起動時に1回だけ取りに行く。**

package/package.json CHANGED Viewed

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