/* ===================================================================== 経営サポート（経営相談室 / アクションプラン / レポート） - 要件定義書 v1.1 に基づく移設実装 - 既存アプリの認証・サイドバー・トースト・店舗マスター（STORES）を流用 - 保存先: localStorage 'ipb_mgmt_v1'（既存キーには一切触れない） - 相談は「定型ガイド」。AI自由回答／ニュース自動取得／実配信は含まない - CSS は .ms- プレフィックスのみ使用 ===================================================================== */ (function () { const { useState, useEffect, useMemo, useRef, useCallback } = React; /* ---------- 保存基盤 ---------- */ const MS_KEY = 'ipb_mgmt_v1'; const GUIDE_VERSION = '1.1.0'; const emptyStore = () => ({ version: 1, plans: [], actions: [], reports: [], bookmarks: [], settings: { previewChannel: 'mail', previewTo: '' } }); function readStore() { try { const o = JSON.parse(localStorage.getItem(MS_KEY) || 'null'); if (o && typeof o === 'object') return { ...emptyStore(), ...o, settings: { ...emptyStore().settings, ...(o.settings || {}) } }; } catch {} return emptyStore(); } function writeStore(s) { try { localStorage.setItem(MS_KEY, JSON.stringify(s)); } catch {} } const uid = () => `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 7)}`; const nowISO = () => new Date().toISOString(); const fmtDate = (iso) => { if (!iso) return '—'; const d = new Date(iso); return isNaN(d) ? String(iso) : `${d.getFullYear()}/${String(d.getMonth() + 1).padStart(2, '0')}/${String(d.getDate()).padStart(2, '0')}`; }; const todayStr = () => new Date().toISOString().slice(0, 10); const monthStr = (iso) => String(iso || '').slice(0, 7); function useMgmtStore() { const [store, setStore] = useState(readStore); useEffect(() => { writeStore(store); }, [store]); const update = useCallback((fn) => setStore(prev => { const next = fn(structuredClone(prev)); return next; }), []); return [store, update]; } /* ---------- 定型ガイド（5テーマ） ---------- 構造: theme → interests(複数選択) → readiness → guide 出力は「選択内容の整理 / 仮説・着眼点 / 判断前に確認したい情報 / 対応の選択肢(メリット・注意点・確認条件) / 次のアクション案」 ※ 仮説は仮説として表示し、断定しない。 */ const THEMES = [ { id: 'economy', label: '日本経済と経営判断', icon: 'fa-chart-line', desc: '金利・物価・賃金・為替などのマクロ環境を、5店舗の経営判断にどう結びつけるか', interests: [ { id: 'rates', label: '金利上昇・借入コスト' }, { id: 'prices', label: '物価上昇・仕入コスト' }, { id: 'wages', label: '賃金動向・人件費' }, { id: 'region', label: '北陸・石川の地域経済' }, { id: 'policy', label: '税制・社会保障の改定' }, ], hypotheses: { rates: '金利上昇が続く場合、借入の金利負担と新規投資の採算が変わる可能性がある（仮説）。', prices: '物価上昇は薬剤以外の消耗品・光熱費・配送費から効いてくる可能性がある（仮説）。薬剤は薬価で売価が固定されるため、価格転嫁ができない点が他業種と異なる。', wages: '地域の賃金水準が上がると、薬剤師・事務の採用競争と既存社員の処遇見直し圧力が同時に来る可能性がある（仮説）。', region: '北陸の景況感と人口動態（能登の転出超過など）は、店舗ごとの患者数に異なる影響を与える可能性がある（仮説）。', policy: '税制・社会保障の改定は、患者の受診行動（窓口負担）と自社の資金繰り（納税・社会保険料）の両方に効く可能性がある（仮説）。', }, checks: [ '自社の借入残高・金利タイプ（固定/変動）・返済スケジュール', '直近12ヶ月の費目別コスト推移（薬剤費以外）', '店舗別の処方箋枚数トレンドと処方元の構成（処方元TOP3ページ）', '石川県の最低賃金・同業の求人賃金の水準', '関連する制度改定のスケジュール（施行日・経過措置）', ], options: [ { id: 'A', title: '様子見・情報収集を優先', merit: '判断を急がず、誤った固定費増を避けられる', caution: '機会損失（採用・投資の遅れ）が生じる可能性', condition: '次回の幹部会までに確認項目が揃うこと' }, { id: 'B', title: '変動要因ごとに感度分析を行う', merit: '金利+1%、人件費+3% などの影響額を事前に把握できる', caution: '前提の置き方で結果が大きく変わる', condition: 'IPBの月次データ（売上・技術料・枚数）が最新であること' }, { id: 'C', title: '優先度の高い1テーマだけ即対応', merit: '小さく早く動ける', caution: '他のテーマが後回しになる', condition: '対応テーマの判断材料が揃っていること' }, ], actions: [ { text: '借入一覧（残高・金利・返済期日）を整理する', owner: '経理担当' }, { text: '費目別コスト推移（直近12ヶ月）を作成する', owner: '経理担当' }, { text: '幹部会で「経済環境の論点」を1枚にまとめて共有する', owner: '経営者' }, ], }, { id: 'wages', label: '賃上げと収益の両立', icon: 'fa-coins', desc: '処遇改善と収益のバランス。調剤ベースアップ評価料などの制度活用も含めて整理', interests: [ { id: 'base', label: 'ベースアップの水準' }, { id: 'eval', label: '調剤ベースアップ評価料の活用' }, { id: 'retain', label: '離職防止・定着' }, { id: 'prod', label: '生産性（枚数/人・技術料/枚）' }, { id: 'parttime', label: 'パート・事務の処遇' }, ], hypotheses: { base: '賃上げ率は「地域水準」「評価料でまかなえる範囲」「技術料の伸び」の3つで上限が決まる可能性がある（仮説）。', eval: '調剤ベースアップ評価料は要件（賃金改善計画・実績報告）を満たせば原資になり得るが、全額をカバーできるとは限らない（仮説）。', retain: '離職は賃金だけでなく、シフト・業務負荷・キャリアの見通しが要因になっている可能性がある（仮説）。', prod: '技術料/枚と枚数/人の改善で賃上げ原資を作れる店舗と、構造上難しい店舗がある可能性がある（仮説）。', parttime:'パート・事務は最低賃金改定の影響を直接受けるため、正社員より先に見直しが必要になる可能性がある（仮説）。', }, checks: [ '店舗別の人件費率（人件費 ÷ 技術料合計）', '職種別の現在の賃金水準と地域相場の差', '評価料の算定要件と、自社の届出・計画の状況', '直近1年の離職者数と退職理由（分かる範囲で）', '店舗別の枚数/人・技術料/枚（IPBダッシュボード）', ], options: [ { id: 'A', title: '一律ベースアップ', merit: '公平感があり説明しやすい', caution: '収益の弱い店舗の負担が重くなる', condition: '全社の人件費率が許容範囲に収まること' }, { id: 'B', title: '評価料の範囲内＋評価連動の上乗せ', merit: '原資と連動し、頑張りが報われる設計にできる', caution: '評価基準の納得感が必要。制度要件の確認が必須', condition: '評価料の要件を満たし、評価基準を文書化できること' }, { id: 'C', title: '非金銭的処遇（シフト・休暇・教育）を先行', merit: '固定費を増やさず定着に効く可能性', caution: '賃金への不満が強い場合は効果が限定的', condition: '離職理由の把握ができていること' }, ], actions: [ { text: '店舗別の人件費率と技術料/枚を一覧化する', owner: '経理担当' }, { text: '評価料の算定要件と自社の届出状況を確認する', owner: '管理薬剤師' }, { text: '職種別の地域賃金相場を調べる', owner: '経営者' }, ], }, { id: 'invest', label: '設備投資・資金繰り', icon: 'fa-building', desc: '調剤機器・DX投資・改装などの投資判断と、資金繰りの見通し', interests: [ { id: 'machine', label: '調剤機器・自動化' }, { id: 'dx', label: '電子処方箋・DX対応' }, { id: 'renov', label: '改装・移転・新規出店' }, { id: 'cash', label: '資金繰り・借入' }, { id: 'subsidy', label: '補助金・助成金' }, ], hypotheses: { machine: '自動化投資は「人件費削減」より「人手不足下でも回る体制」として評価する方が実態に合う可能性がある（仮説）。', dx: 'DX対応は制度上の必須部分と任意部分を分けて考えると、投資の優先順位が明確になる可能性がある（仮説）。', renov: '改装・出店は処方元の動向（病院の診療体制変更など）に依存するため、処方元TOP3の集中度を先に確認する必要がある（仮説）。', cash: '金利上昇局面では、変動金利借入の見直しと手元資金の厚みが先に効く可能性がある（仮説）。', subsidy: '補助金は申請・実績報告の事務負担があり、担当者の時間を含めて採算を見る必要がある（仮説）。', }, checks: [ '投資額・耐用年数・年間の削減効果（人時 or 金額）の見積り', '月次の資金繰り表（3〜6ヶ月先まで）', '対象店舗の処方箋枚数トレンドと処方元の集中度', '利用可能な補助金の公募時期・要件', '借入の金利タイプと残高', ], options: [ { id: 'A', title: '投資を見送り、現状維持', merit: 'キャッシュを温存できる', caution: '人手不足・制度対応で後手に回る可能性', condition: '現状の体制で制度要件を満たせること' }, { id: 'B', title: '1店舗で試験導入し、効果を測ってから展開', merit: 'リスクを限定し、実データで判断できる', caution: '展開まで時間がかかる', condition: '試験店舗の効果測定指標を事前に決められること' }, { id: 'C', title: '補助金の採択を条件に全店導入', merit: '自己負担を抑えて一気に体制を整えられる', caution: '不採択時の代替案が必要。事務負担が大きい', condition: '公募要件を満たし、申請担当を確保できること' }, ], actions: [ { text: '投資案件ごとに「投資額・効果・回収期間」の1枚を作る', owner: '経営者' }, { text: '3〜6ヶ月の資金繰り表を更新する', owner: '経理担当' }, { text: '対象店舗の処方元集中度を確認する（処方元TOP3）', owner: '店舗責任者' }, ], }, { id: 'people', label: '人材定着・店舗運営', icon: 'fa-users', desc: '薬剤師・事務の定着、シフト、業務負荷、店舗間の応援体制', interests: [ { id: 'turnover', label: '離職・採用' }, { id: 'shift', label: 'シフト・残業' }, { id: 'load', label: '業務負荷・ヒヤリハット' }, { id: 'support', label: '店舗間の応援・多店舗運営' }, { id: 'career', label: '教育・キャリア' }, ], hypotheses: { turnover: '離職は「辞める直前」ではなく数ヶ月前の兆候（残業増・有休未消化）に表れている可能性がある（仮説）。', shift: '門前店（南ヶ丘病院店）と面対応店では繁忙の山が異なるため、店舗横断のシフト設計で負荷を平準化できる可能性がある（仮説）。', load: 'ヒヤリハットの増加は人手不足や業務集中のサインである可能性がある（仮説）。件数そのものより傾向を見る。', support: '応援体制は「誰がどこへ行けるか」を事前に決めておくと、急な欠員でも店舗を止めずに済む可能性がある（仮説）。', career: '教育・キャリアの見通しがあると、賃金以外の定着要因になる可能性がある（仮説）。', }, checks: [ '店舗別の在籍人数・残業時間・有休消化率', '直近の離職者数と退職理由', '店舗別の枚数/人（IPBダッシュボード）と繁忙時間帯', 'ヒヤリハット件数の推移と内容', '店舗間で応援可能な人員のリスト', ], options: [ { id: 'A', title: '店舗ごとに個別対応', merit: '現場の実情に合わせやすい', caution: '店舗間で処遇差が生じ不満の原因になる可能性', condition: '店舗責任者が判断材料を持っていること' }, { id: 'B', title: '全社ルール（シフト・応援・教育）を整備', merit: '公平で説明しやすく、多店舗運営に強い', caution: '整備に時間がかかり、現場の裁量が減る', condition: '幹部会で合意形成できること' }, { id: 'C', title: 'まず1店舗で負荷軽減策を試す', merit: '小さく始めて効果を確認できる', caution: '他店舗への展開が遅れる', condition: '試す店舗と測る指標（残業・ヒヤリハット）を決められること' }, ], actions: [ { text: '店舗別の残業・有休消化・在籍人数を一覧化する', owner: '経理担当' }, { text: '応援可能人員と移動可能日をリスト化する', owner: '管理薬剤師' }, { text: '幹部会で店舗運営の論点を共有する', owner: '経営者' }, ], }, { id: 'plan', label: '事業計画・幹部会', icon: 'fa-people-group', desc: '年度計画・目標設定・幹部会での意思決定の進め方', interests: [ { id: 'target', label: '売上・技術料の目標設定' }, { id: 'kpi', label: 'KPIの選び方' }, { id: 'meeting', label: '幹部会の進め方' }, { id: 'scenario', label: 'シナリオ・リスク' }, { id: 'succession', label: '事業承継・組織' }, ], hypotheses: { target: '目標は「前年比」だけでなく、処方元の動向と制度改定の影響を織り込んだ方が現実的になる可能性がある（仮説）。', kpi: 'KPIは数を絞り、技術料合計・技術料/枚・後発品率・枚数/人 など自社で動かせる指標を中心にする方が運用しやすい可能性がある（仮説）。', meeting: '幹部会は「報告」より「判断が必要な論点」を先に置くと、決定事項が増える可能性がある（仮説）。', scenario: '基本・上振れ・下振れの3シナリオを置くと、下振れ時の対応を事前に決めておける可能性がある（仮説）。', succession:'承継期は「数字」と「判断の理由」をセットで記録しておくと、後からの説明と引き継ぎがしやすくなる可能性がある（仮説）。', }, checks: [ '直近年度の実績（IPB 前年同月比・年度累計）', '制度改定スケジュールと影響が見込まれる項目', '処方元TOP3の集中度と変化', '前回の幹部会の決定事項と進捗', '来期の人員計画・投資計画の有無', ], options: [ { id: 'A', title: '前年実績ベースの目標設定', merit: '作りやすく、現場に説明しやすい', caution: '環境変化（制度・処方元）を反映しにくい', condition: '大きな環境変化が見込まれないこと' }, { id: 'B', title: '3シナリオで目標と対応策をセットで決める', merit: '下振れ時の初動が早くなる', caution: '作成の手間が増える', condition: '主要な変動要因を特定できていること' }, { id: 'C', title: 'KPIを3〜5個に絞って月次で追う', merit: '幹部会の論点が明確になる', caution: 'KPIに表れない問題を見落とす可能性', condition: 'KPIの定義と算出方法を共有できること' }, ], actions: [ { text: '来期のKPI候補を3〜5個に絞る', owner: '経営者' }, { text: '制度改定スケジュールと影響項目を一覧化する', owner: '管理薬剤師' }, { text: '幹部会のアジェンダを「判断事項→報告」の順に組み替える', owner: '経営者' }, ], }, ]; const READINESS = [ { id: 'none', label: 'まだ分からない', note: '判断材料が揃っていない前提でガイドを表示します。断定的な結論は出しません。' }, { id: 'gather', label: 'これから情報を集める', note: '「判断前に確認したい情報」を優先して表示します。' }, { id: 'partial',label: '一部は手元にある', note: '手元の情報で検討できる選択肢と、追加で必要な情報を分けて表示します。' }, { id: 'ready', label: '判断材料は揃っている', note: '選択肢の比較と次のアクションを中心に表示します。' }, ]; const OWNERS = ['経営者', '経理担当', '管理薬剤師', '店舗責任者', '事務リーダー', '外部専門家（税理士・社労士）']; /* ガイド生成：選択内容 → 表示用オブジェクト learnings: 学習ノート（セミナーの学び）から関連度順に選んだ項目。仮説・確認事項・アクション案に「学び」として合流させる（事実ではなく学びとして明示） */ function buildGuide(theme, answers, learnings) { const interests = (answers.interests || []).map(id => theme.interests.find(i => i.id === id)).filter(Boolean); const readiness = READINESS.find(r => r.id === answers.readiness) || READINESS[0]; const scopeLabel = answers.scope === 'all' ? '5店舗全体' : (answers.storeNames || []).join('・') || '（店舗未選択）'; const hyps = interests.length ? interests.map(i => ({ interest: i.label, text: theme.hypotheses[i.id] })) : [{ interest: '全般', text: 'テーマに関する関心事を選ぶと、該当する仮説・着眼点を表示します。' }]; const limited = readiness.id === 'none' || readiness.id === 'gather'; const L = Array.isArray(learnings) ? learnings : []; // 学びからの合流（各学びから少数ずつ・重複は除く） const learnHyps = []; const learnChecks = []; const learnActs = []; L.forEach((k, i) => { const ref = `[L${i + 1}] ${k.title}`; (k.applications || []).slice(0, 2).forEach(t => learnHyps.push({ interest: '学び', text: t, ref, learnId: k.id })); (k.checklist || []).slice(0, 2).forEach(t => learnChecks.push({ text: t, ref, learnId: k.id })); (k.principles || []).slice(0, 1).forEach(t => learnActs.push({ text: `「${t}」を自社の数字で検証する（${k.title}より）`, owner: '経営者', ref, learnId: k.id })); }); const seen = new Set(theme.checks); const checksAll = [...theme.checks, ...learnChecks.filter(c => !seen.has(c.text) && (seen.add(c.text), true)).map(c => `${c.text}（学び：${c.ref}）`)]; return { summary: [ `相談テーマ：${theme.label}`, `関心事：${interests.length ? interests.map(i => i.label).join('、') : '（未選択）'}`, `対象範囲：${scopeLabel}`, `判断材料：${readiness.label}`, answers.memo ? `メモ：${answers.memo}` : null, L.length ? `参照した学び：${L.length}件（${L.map((k, i) => `[L${i + 1}] ${k.title}`).join('、')}）` : null, ].filter(Boolean), hypotheses: [...hyps, ...learnHyps.slice(0, 4)], checks: checksAll, options: theme.options, actions: [...theme.actions, ...learnActs.slice(0, 2)], learnings: L, readinessNote: readiness.note, limited, caveat: limited ? '判断材料が揃っていないため、投資の是非・賃上げ率・人員配置などの結論は示しません。まず「判断前に確認したい情報」を揃えることを推奨します。' : '選択肢は比較のための整理であり、「最適」「採用済み」を自動判定するものではありません。最終判断は確認条件を満たしたうえで行ってください。', }; } /* ---------- 共通小部品 ---------- */ const Tag = ({ kind, children }) => {children}; const Empty = ({ icon = 'fa-inbox', title, sub }) => (
{title}
{sub &&
{sub}
}
); function ConfirmDialog({ title, body, onOk, onCancel, okLabel = '削除する' }) { return (
{ if (e.target === e.currentTarget) onCancel(); }}>
{title}
{body}
); } const copyText = async (txt, toast, label = 'コピーしました') => { try { await navigator.clipboard.writeText(txt); toast?.(label); } catch { alert('コピーに失敗しました。手動で選択してコピーしてください。'); } }; const downloadText = (name, txt) => { const blob = new Blob([txt], { type: 'text/markdown;charset=utf-8' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = name; a.click(); setTimeout(() => URL.revokeObjectURL(url), 1500); }; /* ---------- ツリー表示 ---------- */ function TreeNode({ label, kind, children, defaultOpen = true, meta }) { const [open, setOpen] = useState(defaultOpen); const has = React.Children.count(children) > 0; return (
  • {has ? : } {kind && {{ hyp: '仮説', fact: '判断材料', opt: '選択肢', act: 'アクション', info: '整理', learn: '学び' }[kind] || kind}} {label} {meta && {meta}}
    {has && open && }
    • ); } function TreeView({ theme, guide, plan, actions }) { const savedActs = actions || []; return ( ); } /* ---------- PDCA表示 ---------- */ function PdcaView({ theme, guide, actions }) { const acts = actions || []; const doneN = acts.filter(a => a.done).length; const stages = [ { id: 'P', label: 'Plan：計画', icon: 'fa-lightbulb', body: ( <>
    論点
    仮説 仮説
    判断材料
    比較する選択肢
    ) }, { id: 'D', label: 'Do：実行', icon: 'fa-person-running', body: ( acts.length ? :
    アクションは未保存です。「詳細」タブのアクション案から保存すると、ここに担当・期限・完了状況が表示されます。
    ), foot: acts.length ? `作業完了 ${doneN}/${acts.length} 件（作業の完了であり、効果の確認ではありません）` : null }, { id: 'C', label: 'Check：検証', icon: 'fa-magnifying-glass-chart', body: ( <>
    効果は未検証（実績の記録機能は将来拡張）
    確認指標の例
    比較方法の例
    振り返り時期の例
    ) }, { id: 'A', label: 'Act：改善', icon: 'fa-rotate', body: ( <>
    効果が出た場合の例
    効果が薄い／負担が大きい場合の例
    次のPlanへ
    ) }, ]; return (
    {stages.map((s, i) =>
    {s.id}{s.label.split('：')[1]}
    {i < 3 && }    )}
    P次の計画
    {stages.map(s => (

    {s.label}

    {s.body}
    {s.foot &&
    {s.foot}
    }
    ))}
    ); } function checkMetricsFor(themeId) { return { economy: ['借入金利負担（月額）', '費目別コストの対前年比', '店舗別 処方箋枚数の対前年比'], wages: ['人件費率（人件費÷技術料合計）', '離職者数・有休消化率', '技術料/枚・枚数/人'], invest: ['投資回収の進捗（削減人時・金額）', '月次資金繰りの余裕額', '対象店舗の枚数・待ち時間'], people: ['残業時間・有休消化率', 'ヒヤリハット件数の傾向', '離職者数・採用充足率'], plan: ['KPIの達成率（技術料合計・後発品率など）', '幹部会の決定事項の実行率', 'シナリオ前提と実績の乖離'], }[themeId] || []; } /* ---------- 詳細表示 ---------- */ function DetailView({ theme, guide, plan, actions, onSaveActions, onToggleDone, toast }) { const [picked, setPicked] = useState(() => new Set(guide.actions.map((_, i) => i))); const [drafts, setDrafts] = useState(() => guide.actions.map(a => ({ text: a.text, owner: a.owner, due: '' }))); useEffect(() => { setDrafts(guide.actions.map(a => ({ text: a.text, owner: a.owner, due: '' }))); setPicked(new Set(guide.actions.map((_, i) => i))); }, [theme.id]); const saved = actions || []; const savedTexts = new Set(saved.map(a => a.text.trim())); return (

    整理選択内容の整理

    {guide.readinessNote}

    仮説仮説・着眼点

    {guide.learnings?.length > 0 && (

    学び関連する学び（学習ノートから自動参照）

    セミナー等で経営者が学んだ内容です。事実やデータの裏付けとは別物として扱い、自社の数字で検証してください。
    )}

    判断材料判断前に確認したい情報

    選択肢対応の選択肢

    {guide.options.map(o => (
    選択肢{o.id}：{o.title}
    メリット {o.merit}
    注意点 {o.caution}
    確認条件 {o.condition}
    ))}
    {guide.caveat}

    アクション次のアクション案

    保存したいものにチェックし、担当・期限を調整して「アクションを保存」。同じ内容は重複登録されません。
    {drafts.map((d, i) => { const dup = savedTexts.has(d.text.trim()); return (
    setPicked(p => { const n = new Set(p); n.has(i) ? n.delete(i) : n.add(i); return n; })} /> setDrafts(ds => ds.map((x, j) => j === i ? { ...x, text: e.target.value } : x))} /> setDrafts(ds => ds.map((x, j) => j === i ? { ...x, due: e.target.value } : x))} /> {dup && 保存済み}
    ); })}
    {saved.length > 0 && (
    保存済みアクション（{saved.length}件）
      {saved.map(a =>
    • {a.text}{a.owner}／{a.due ? fmtDate(a.due) : '期限未定'}{a.done ? '／作業完了（効果は未検証）' : ''}
      • )}
    )}
    ); } /* ---------- Markdown 出力 ---------- */ function planToMarkdown(theme, guide, plan, actions) { const L = []; L.push(`# 経営相談：${theme.label}`, '', `- 作成: ${fmtDate(plan?.createdAt)} ／ 更新: ${fmtDate(plan?.updatedAt)} ／ ガイド v${plan?.guideVersion || GUIDE_VERSION}`, ''); L.push('## 選択内容の整理'); guide.summary.forEach(s => L.push(`- ${s}`)); L.push(''); L.push('## 仮説・着眼点（仮説であり事実ではありません）'); guide.hypotheses.forEach(h => L.push(`- **${h.interest}**：${h.text}${h.ref ? `（${h.ref}）` : ''}`)); L.push(''); if (guide.learnings?.length) { L.push('## 関連する学び（学習ノート）'); guide.learnings.forEach((k, i) => L.push(`- [L${i + 1}] ${k.title}${k.source ? `（${k.source}）` : ''}：${(k.principles || []).slice(0, 3).join('／')}`)); L.push(''); } L.push('## 判断前に確認したい情報'); guide.checks.forEach(c => L.push(`- [ ] ${c}`)); L.push(''); L.push('## 対応の選択肢（比較用）'); guide.options.forEach(o => { L.push(`### 選択肢${o.id}：${o.title}`, `- メリット：${o.merit}`, `- 注意点：${o.caution}`, `- 確認条件：${o.condition}`, ''); }); L.push('## アクションと進捗'); if (actions?.length) actions.forEach(a => L.push(`- [${a.done ? 'x' : ' '}] ${a.text}（担当：${a.owner || '未定'}／期限：${a.due ? fmtDate(a.due) : '未定'}）${a.done ? ' ※作業完了・効果は未検証' : ''}`)); else L.push('- （未保存）'); L.push('', '## 検証（Check）', '- 効果は未検証。確認指標・比較方法・振り返り時期はPDCA表示を参照。', '', `> ${guide.caveat}`); return L.join('\n'); } /* ---------- 自由記入相談（AI）：SSE を読み、先頭行の分類JSON と本文を分離 ---------- */ async function streamConsult({ question, kpi, stores, knowledge, history, interestsCatalog, signal, onMeta, onText }) { const res = await fetch('/api/consult', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'text/event-stream' }, body: JSON.stringify({ question, kpi, stores, knowledge: knowledge?.length ? knowledge : undefined, history, interestsCatalog }), signal }); if (!res.ok || !res.body) { let d = ''; try { d = (await res.json()).error || ''; } catch {} throw new Error(d || `HTTP ${res.status}`); } const reader = res.body.getReader(); const dec = new TextDecoder('utf-8'); let buf = '', acc = '', metaDone = false, meta = null; const emit = () => { if (!metaDone) { const nl = acc.indexOf('\n'); const firstLine = nl >= 0 ? acc.slice(0, nl) : null; if (firstLine != null) { const m = firstLine.match(/\{[\s\S]*\}/); if (m) { try { meta = JSON.parse(m[0]); } catch { meta = null; } } metaDone = true; onMeta?.(meta); onText(acc.slice(nl + 1).replace(/^\s*```(?:markdown)?\s*/, '')); } else if (acc.length > 600 && !/^\s*\{/.test(acc)) { metaDone = true; onMeta?.(null); onText(acc); } } else onText(acc.indexOf('\n') >= 0 && /^\s*\{/.test(acc) ? acc.slice(acc.indexOf('\n') + 1) : acc); }; while (true) { const { value, done } = await reader.read(); if (done) break; buf += dec.decode(value, { stream: true }); let idx; while ((idx = buf.indexOf('\n\n')) >= 0) { const ev = buf.slice(0, idx); buf = buf.slice(idx + 2); for (const line of ev.split(/\r?\n/)) { const m = line.match(/^data:\s?(.*)$/); if (!m || m[1] === '[DONE]') continue; try { const j = JSON.parse(m[1]); if (j?.error) throw new Error(typeof j.error === 'string' ? j.error : JSON.stringify(j.error)); const d = j?.choices?.[0]?.delta?.content ?? ''; if (d) { acc += d; emit(); } } catch (e) { if (!(e instanceof SyntaxError)) throw e; } } } } if (!metaDone) { metaDone = true; const nl = acc.indexOf('\n'); const fl = nl >= 0 ? acc.slice(0, nl) : acc; const m = fl.match(/\{[\s\S]*\}/); if (m) { try { meta = JSON.parse(m[0]); } catch {} } onMeta?.(meta); onText(nl >= 0 ? acc.slice(nl + 1) : (meta ? '' : acc)); } return { meta, text: acc }; } /* AI回答本文の [L1] をバッジ化（app.jsx の renderLearnCites があれば使う） */ function renderConsultMd(md) { const nodes = renderMd(md); return nodes; } /* ---------- AI回答「次の一歩」→ アクション候補 ---------- 「## 次の一歩」セクションの箇条書きを解析。「（担当：X／期限：Y）」「担当: X」などから担当・期限の目安を推定 */ const OWNER_HINTS = [ [/経営者|社長|あなた|本部|オーナー|後継/, '経営者'], [/経理|財務|税理士|社労士|会計/, '経理担当'], [/管理薬剤師|薬局長|薬剤師リーダー/, '管理薬剤師'], [/店長|店舗責任者|店舗長|エリアマネ/, '店舗責任者'], [/事務|受付|医療事務/, '事務リーダー'], [/外部|コンサル|専門家|ベンダー|メーカー|銀行/, '外部専門家（税理士・社労士）'], ]; const guessOwner = (t) => { for (const [re, o] of OWNER_HINTS) if (re.test(t)) return o; return OWNERS[0]; }; const guessDue = (t) => { const d = new Date(); const add = (n) => { const x = new Date(d); x.setDate(x.getDate() + n); return x.toISOString().slice(0, 10); }; if (/今週|今すぐ|即日|3日/.test(t)) return add(7); if (/来週|2週間|10日/.test(t)) return add(14); if (/今月|1ヶ月|1か月|1カ月|月内|30日/.test(t)) return add(30); if (/3ヶ月|3か月|四半期/.test(t)) return add(90); return add(14); }; function parseNextSteps(md) { const lines = String(md || '').replace(/\r/g, '').split('\n'); let inSec = false; const out = []; for (const ln of lines) { const t = ln.trim(); if (/^##\s+/.test(t)) { inSec = /次の一歩|次のアクション|今週できる/.test(t); continue; } if (!inSec) continue; const m = t.match(/^(?:[-*]|\d+[.)、])\s*(?:\[[ x]\]\s*)?(.+)$/); if (!m) continue; let text = m[1].replace(/\*\*/g, '').trim(); let owner = null, due = ''; const paren = text.match(/[（(]\s*(?:担当|担当者)\s*[:：]\s*([^／/）)]+)(?:[／/]\s*(?:(?:期限|目安)\s*[:：]\s*)?([^）)]+))?\s*[）)]/); if (paren) { owner = guessOwner(paren[1]); due = guessDue(paren[2] || paren[1]); text = text.replace(paren[0], '').trim(); } else { const o2 = text.match(/(?:担当|担当者)\s*[:：]\s*([^／/、。]+)/); if (o2) owner = guessOwner(o2[1]); } text = text.replace(/[：:]\s*$/, '').replace(/^（.*?）\s*/, '').trim(); if (text.length < 4) continue; out.push({ text: text.length > 120 ? text.slice(0, 118) + '…' : text, owner: owner || guessOwner(text), due: due || guessDue(text), raw: m[1] }); } return out.slice(0, 8); } function NextStepsPicker({ answer, saved, onSave, toast }) { const parsed = useMemo(() => parseNextSteps(answer), [answer]); const [rows, setRows] = useState(parsed); const [picked, setPicked] = useState(() => new Set(parsed.map((_, i) => i))); useEffect(() => { setRows(parsed); setPicked(new Set(parsed.map((_, i) => i))); }, [parsed]); const savedTexts = new Set((saved || []).map(a => a.text.trim())); // 登録後：未登録の行を自動で再チェック（残りをワンクリックで登録できるように） const savedKey = Array.from(savedTexts).sort().join('\u0001'); useEffect(() => { setPicked(new Set(rows.map((r, i) => savedTexts.has(r.text.trim()) ? -1 : i).filter(i => i >= 0))); }, [savedKey]); if (!parsed.length) return
    AI回答に「次の一歩」の箇条書きが見つかりませんでした。「詳細」タブのアクション案から保存できます。
    ; const n = rows.filter((r, i) => picked.has(i) && r.text.trim() && !savedTexts.has(r.text.trim())).length; return (
    AIの「次の一歩」をアクションプランへチェックした行を担当・期限つきで登録（担当・期限はAI文中の目安から推定。直せます）
    {rows.map((r, i) => { const dup = savedTexts.has(r.text.trim()); return (
    setPicked(p => { const x = new Set(p); x.has(i) ? x.delete(i) : x.add(i); return x; })} /> setRows(rs => rs.map((x, j) => j === i ? { ...x, text: e.target.value } : x))} /> setRows(rs => rs.map((x, j) => j === i ? { ...x, due: e.target.value } : x))} /> {dup && 登録済み}
    ); })}
    登録後は「アクション管理へ」から担当・期限・完了を管理できます（作業完了と効果検証は区別して記録）
    ); } /* ---------- 経営相談室ページ ---------- */ function ConsultPage({ store, update, STORES, toast, initialPlanId, onOpenActions, getKpi }) { const [planId, setPlanId] = useState(initialPlanId || null); const existing = store.plans.find(p => p.id === planId) || null; const [themeId, setThemeId] = useState(existing?.themeId || THEMES[0].id); const [answers, setAnswers] = useState(existing?.answers || { interests: [], scope: 'all', storeIds: [], readiness: 'none', memo: '' }); const [tab, setTab] = useState(existing?.consult?.answer ? 'ai' : 'tree'); // ai | tree | pdca | detail ※切替しても answers は保持 const [confirmDel, setConfirmDel] = useState(null); // 自由記入相談 const [question, setQuestion] = useState(existing?.consult?.question || ''); const [aiText, setAiText] = useState(existing?.consult?.answer || ''); const [aiMeta, setAiMeta] = useState(existing?.consult?.meta || null); const [aiStatus, setAiStatus] = useState('idle'); // idle | running | done | error const [aiErr, setAiErr] = useState(''); const [aiOk, setAiOk] = useState(null); const [followUp, setFollowUp] = useState(''); const [thread, setThread] = useState(existing?.consult?.thread || []); // [{q, a, at}] const [autoSet, setAutoSet] = useState(null); const abortRef = useRef(null); const [consultOpen, setConsultOpen] = useState(!existing || !!existing?.consult?.question); useEffect(() => { fetch('/api/insight/health').then(r => r.json()).then(j => setAiOk(!!j.configured)).catch(() => setAiOk(false)); return () => { try { abortRef.current?.abort(); } catch {} }; }, []); const theme = THEMES.find(t => t.id === themeId) || THEMES[0]; const storeNames = (answers.storeIds || []).map(id => STORES.find(s => s.id === id)?.name).filter(Boolean); const learnVer = useLearnVersion(); const learnings = useMemo(() => selectRelevant({ themeId: theme.id, text: [theme.label, ...(answers.interests || []).map(id => theme.interests.find(i => i.id === id)?.label), answers.memo].filter(Boolean).join(' '), limit: 4 }), [theme, answers.interests.join(','), answers.memo, learnVer]); const guide = useMemo(() => buildGuide(theme, { ...answers, storeNames }, learnings), [theme, answers, storeNames.join('|'), learnings]); const planActions = store.actions.filter(a => a.planId === planId); const dirty = !existing || JSON.stringify(existing.answers) !== JSON.stringify(answers) || existing.themeId !== themeId || (existing.consult?.answer || '') !== aiText || (existing.consult?.question || '') !== question.trim(); const loadPlan = (p) => { setPlanId(p.id); setThemeId(p.themeId); setAnswers(p.answers); setQuestion(p.consult?.question || ''); setAiText(p.consult?.answer || ''); setAiMeta(p.consult?.meta || null); setThread(p.consult?.thread || []); setAiStatus(p.consult?.answer ? 'done' : 'idle'); setTab(p.consult?.answer ? 'ai' : 'tree'); setConsultOpen(!!p.consult?.question); setAutoSet(null); }; const newPlan = () => { try { abortRef.current?.abort(); } catch {} setPlanId(null); setThemeId(THEMES[0].id); setAnswers({ interests: [], scope: 'all', storeIds: [], readiness: 'none', memo: '' }); setTab('tree'); setQuestion(''); setAiText(''); setAiMeta(null); setThread([]); setAiStatus('idle'); setAiErr(''); setConsultOpen(true); setAutoSet(null); }; const consultData = () => (question.trim() || aiText) ? { question: question.trim(), answer: aiText, meta: aiMeta, thread, at: nowISO() } : undefined; const savePlan = () => { let id = planId; const consult = consultData(); update(s => { if (id && s.plans.find(p => p.id === id)) { s.plans = s.plans.map(p => p.id === id ? { ...p, themeId, answers, consult, updatedAt: nowISO(), guideVersion: GUIDE_VERSION } : p); } else { id = uid(); s.plans.unshift({ id, themeId, answers, consult, guideVersion: GUIDE_VERSION, createdAt: nowISO(), updatedAt: nowISO() }); } return s; }); setPlanId(id); toast?.('相談プランを保存しました'); if (learnings.length) setTimeout(() => markUsed(learnings.map(k => k.id), '経営相談室'), 0); return id; }; const saveActions = (sel, source) => { const id = planId || savePlan(); let added = 0; update(s => { sel.forEach(d => { const t = d.text.trim(); const ex = s.actions.find(a => a.planId === id && a.text.trim() === t); if (ex) { ex.owner = d.owner; if (d.due) ex.due = d.due; } else { s.actions.push({ id: uid(), planId: id, text: t, owner: d.owner, due: d.due || '', done: false, doneAt: null, createdAt: nowISO(), source: source || 'guide' }); added++; } }); const p = s.plans.find(x => x.id === id); if (p) p.updatedAt = nowISO(); return s; }); toast?.(added ? `${added}件のアクションを保存しました${sel.length - added ? `（${sel.length - added}件は更新）` : ''}` : 'すべて保存済みでした（担当・期限を更新）'); }; const toggleDone = (aid) => update(s => { const a = s.actions.find(x => x.id === aid); if (a) { a.done = !a.done; a.doneAt = a.done ? nowISO() : null; } return s; }); const deletePlan = (p) => update(s => { s.plans = s.plans.filter(x => x.id !== p.id); s.actions = s.actions.filter(a => a.planId !== p.id); return s; }); /* 自由記入 → AIへ。分類JSONでテーマ・関心事・対象・準備状況を自動セット（利用者が後で直せる） */ const interestsCatalog = useMemo(() => Object.fromEntries(THEMES.map(t => [t.id, t.interests.map(i => ({ id: i.id, label: i.label }))])), []); const applyMeta = (meta) => { if (!meta || typeof meta !== 'object') return; const th = THEMES.find(t => t.id === meta.theme); const applied = []; if (th) { const ints = Array.isArray(meta.interests) ? meta.interests.filter(id => th.interests.some(i => i.id === id)).slice(0, 3) : []; const sids = Array.isArray(meta.storeIds) ? meta.storeIds.filter(id => STORES.some(s => s.id === id)) : []; const scope = meta.scope === 'store' && sids.length ? 'store' : 'all'; const readiness = READINESS.some(r => r.id === meta.readiness) ? meta.readiness : 'none'; setThemeId(th.id); setAnswers(a => ({ ...a, interests: ints, scope, storeIds: sids, readiness, memo: a.memo || (question.trim().slice(0, 200)) })); applied.push(`テーマ：${th.label}`); if (ints.length) applied.push(`関心事：${ints.map(id => th.interests.find(i => i.id === id)?.label).join('、')}`); applied.push(`対象：${scope === 'all' ? '5店舗全体' : sids.map(id => STORES.find(s => s.id === id)?.name).join('・')}`); applied.push(`判断材料：${READINESS.find(r => r.id === readiness)?.label}`); } setAutoSet(applied); }; const runConsult = async (fu) => { const q = (fu || question).trim(); if (q.length < 5) { toast?.('相談内容を5文字以上入力してください'); return; } try { abortRef.current?.abort(); } catch {} const ac = new AbortController(); abortRef.current = ac; const history = fu ? [...thread.flatMap(t => [{ role: 'user', content: t.q }, { role: 'assistant', content: t.a }]), { role: 'user', content: question.trim() }, { role: 'assistant', content: aiText }] : []; if (fu) { setThread(th => [...th, { q: question.trim(), a: aiText, at: nowISO() }]); setQuestion(fu); setFollowUp(''); } setAiStatus('running'); setAiErr(''); setAiText(''); setTab('ai'); if (!fu) setAiMeta(null); const kpi = (() => { try { return getKpi?.() || {}; } catch { return {}; } })(); const knowledge = selectRelevant({ text: q, limit: 5 }); try { const r = await streamConsult({ question: q, kpi, stores: STORES.map(s => s.name), knowledge: knowledge.map(k => ({ id: k.id, title: k.title, source: k.source, date: k.date, themes: k.themes, tags: k.tags, principles: k.principles, numbers: k.numbers, checklist: k.checklist, applications: k.applications, weight: k.weight })), history, interestsCatalog, signal: ac.signal, onMeta: (meta) => { if (!fu) { setAiMeta(meta); applyMeta(meta); } }, onText: (t) => setAiText(t) }); if (knowledge.length) { window.__ipbLastKnowledge = knowledge; setTimeout(() => markUsed(knowledge.map(k => k.id), '経営相談室AI'), 0); } setAiStatus('done'); if (!r.text) throw new Error('応答が空でした'); } catch (e) { if (e?.name === 'AbortError') { setAiStatus('idle'); return; } setAiErr(String(e.message || e)); setAiStatus('error'); } }; const stopConsult = () => { try { abortRef.current?.abort(); } catch {} setAiStatus(aiText ? 'done' : 'idle'); }; const consultToMarkdown = () => [`# 経営相談（自由記入）`, '', ...thread.flatMap(t => [`## 相談`, t.q, '', `## AIの整理`, t.a, '']), `## 相談`, question.trim(), '', `## AIの整理`, aiText, '', '> ※ AIによる仮説・論点整理です。最終判断は確認条件を満たしたうえで。'].join('\n'); const EXAMPLES = [ '南ヶ丘病院店の処方箋が前年比で減っている。門前依存が怖いので、面対応や在宅に軏を切るべきか迷っている', '来期の賃上げをどの水準にするか。調剤ベースアップ評価料でどこまで補えるかを知りたい', '調剤機器（監査システム）を2店舗に入れたいが、金利が上がっている中で借入していいか', '薬剤師の離職が続いている。店舗間の応援体制と採用をどう組み立てるか', ]; return (
    {confirmDel && t.id === confirmDel.themeId)?.label}」のプランと、紐づくアクション ${store.actions.filter(a => a.planId === confirmDel.id).length} 件を削除します。元に戻せません。`} onOk={() => { deletePlan(confirmDel); if (confirmDel.id === planId) newPlan(); setConfirmDel(null); toast?.('削除しました'); }} onCancel={() => setConfirmDel(null)} />}
    経営相談室
    まず自由に相談を書くと、AIが論点を整理して初回回答し、テーマ・関心事を自動セット。続けて定型ガイド（仮説・判断材料・選択肢・アクション案）で判断を固め、アクションへつなげます。
    {/* 自由記入で相談（最初の入口） */}
    setConsultOpen(o => !o)} role="button">
    0まずは自由に相談するAI
    気になっていることをそのまま書いてください。AIが論点を整理して初回回答を返し、下のテーマ・関心事・対象店舗を自動でセットします（学習ノートの学びも参照）。
    {consultOpen && (
    {dirty &&
    未保存の変更があります（表示切替では消えません）
    } {store.plans.length > 0 && (
    2保存済みの相談（{store.plans.length}）
      {store.plans.map(p => { const t = THEMES.find(x => x.id === p.themeId); const n = store.actions.filter(a => a.planId === p.id); return (
      • ); })}
    )} {/* 右：結果 */}
    {[...((aiText || aiStatus === 'running') ? [['ai', 'fa-robot', 'AIの整理']] : []), ['tree', 'fa-sitemap', 'ツリー'], ['pdca', 'fa-rotate', 'PDCA'], ['detail', 'fa-list', '詳細']].map(([id, ic, lb]) => )}
    {planId && }
    {tab === 'ai' && (
    {thread.length > 0 &&
    これまでのやりとり（{thread.length}往復）{thread.map((t, i) =>
    {t.q}
    {renderConsultMd(t.a)}
    )}
    }
    {question.trim() || '（相談文なし）'}
    AIの論点整理 {aiStatus === 'running' ? 生成中… : aiStatus === 'done' ? '完了' : ''}{aiMeta?.title && 「{aiMeta.title}」}
    {aiText ? renderConsultMd(aiText) : (aiStatus === 'running' ?
    考えています…（自社KPIと学習ノートを照らし合わせ中）
    : null)}{aiStatus === 'running' && ▍}
    {aiStatus === 'done' && (
    { saveActions(sel, '経営相談室AI'); }} />
    AIによる仮説・論点整理です。「ツリー」「詳細」タブの定型ガイドと合わせて確認してください。定型ガイドのアクション案は「詳細」タブから保存できます。
    setFollowUp(e.target.value)} onKeyDown={(e) => { if (e.key === 'Enter' && followUp.trim().length >= 5) runConsult(followUp); }} />
    )}
    )} {tab !== 'ai' && guide.limited &&
    {guide.caveat}
    } {tab === 'tree' && } {tab === 'pdca' && } {tab === 'detail' && }
    ); } /* ---------- アクションプラン管理 ---------- */ function ActionsPage({ store, update, toast, onOpenPlan, focusPlanId }) { const [filter, setFilter] = useState('open'); // open | done | all const [planF, setPlanF] = useState(focusPlanId || 'all'); const [confirmDel, setConfirmDel] = useState(null); const [edit, setEdit] = useState(null); const list = store.actions.filter(a => (planF === 'all' || a.planId === planF) && (filter === 'all' || (filter === 'done') === !!a.done)) .slice().sort((a, b) => (a.done - b.done) || String(a.due || '9999').localeCompare(String(b.due || '9999'))); const themeOf = (pid) => THEMES.find(t => t.id === store.plans.find(p => p.id === pid)?.themeId); const overdue = (a) => !a.done && a.due && a.due < todayStr(); const saveEdit = () => { update(s => { const a = s.actions.find(x => x.id === edit.id); if (a) Object.assign(a, { text: edit.text.trim() || a.text, owner: edit.owner, due: edit.due }); return s; }); setEdit(null); toast?.('更新しました'); }; const md = () => { const L = ['# アクションプラン一覧', `- 出力日: ${fmtDate(nowISO())}`, '']; store.plans.forEach(p => { const t = THEMES.find(x => x.id === p.themeId); const as = store.actions.filter(a => a.planId === p.id); if (!as.length) return; L.push(`## ${t?.label}（更新 ${fmtDate(p.updatedAt)}）`); as.forEach(a => L.push(`- [${a.done ? 'x' : ' '}] ${a.text}（${a.owner || '未定'}／${a.due ? fmtDate(a.due) : '期限未定'}）${a.done ? ' ※作業完了・効果は未検証' : ''}`)); L.push(''); }); return L.join('\n'); }; return (
    {confirmDel && { update(s => { s.actions = s.actions.filter(a => a.id !== confirmDel.id); return s; }); setConfirmDel(null); toast?.('削除しました'); }} onCancel={() => setConfirmDel(null)} />} {edit && (
    { if (e.target === e.currentTarget) setEdit(null); }}>
    アクションを編集
    setEdit({ ...edit, text: e.target.value })} /> setEdit({ ...edit, due: e.target.value })} />
    )}
    アクションプラン
    相談で決めた行動の担当・期限・完了状況。「完了」は作業の完了であり、施策の効果確認ではありません。担当者への通知は行いません。
    {[['open', '未完了'], ['done', '作業完了'], ['all', 'すべて']].map(([id, lb]) => )}
    {!store.actions.length ? : !list.length ? : (
      {list.map(a => { const t = themeOf(a.planId); return (
    • {a.source === '経営相談室AI' && AI提案}{a.text}
      {a.owner || '担当未定'}{a.due ? fmtDate(a.due) : '期限未定'}{overdue(a) ? '（期限超過）' : ''}{a.done && 作業完了 {fmtDate(a.doneAt)}}{a.done && 効果は未検証}
      • ); })}
    )}
    ); } /* ---------- レポート ---------- */ const REPORT_KINDS = [ { id: 'daily', label: 'デイリー', icon: 'fa-sun', template: `## 3行サマリー\n- \n- \n- \n\n## 注目トピック（重要度4以上・最大5件）\n| 重要度 | トピック | 日本経済への影響 | 5店舗へのヒント | 出典 |\n|---|---|---|---|---|\n| 4 | | | | |\n\n## 数字\n- \n\n## 助言\n- \n\n## その他の記事\n- ` }, { id: 'weekly', label: '週次', icon: 'fa-calendar-week', template: `## 今週の流れ\n- \n\n## 来週の確認事項\n- [ ] \n\n## 考えるべき問い\n- ` }, { id: 'monthly', label: '月次', icon: 'fa-calendar', template: `## 外部環境\n### 日本経済（景気・物価・賃金・雇用）\n- \n### 金融・市場（日銀・金利・為替・株価）\n- \n### 財政・海外・地域（税制・予算・海外需要・北陸/石川）\n- \n### 薬局経営（制度・地域連携・人材・収益・店舗運営）\n- \n\n## 自社への影響\n- \n\n## 事業計画・幹部会の検討事項\n- ` }, ]; const FIELDS = [ { id: 'economy', label: '日本経済', themes: '景気・GDP・個人消費・物価・賃金・雇用' }, { id: 'finance', label: '金融・市場', themes: '日銀・金利・為替・株価' }, { id: 'fiscal', label: '財政・海外・地域', themes: '税制・予算・海外需要・北陸/石川の経済' }, { id: 'pharma', label: '薬局経営', themes: '制度・地域連携・人材・収益・店舗運営' }, ]; const DEMO_REPORTS = [ { id: 'demo-daily', kind: 'daily', date: '2026-10-01', title: '【デモ】デイリーブリーフィングの表示例', isDemo: true, source: 'デモデータ（実際のニュースではありません）', fields: ['economy', 'finance', 'pharma'], body: `## 3行サマリー\n- （デモ）金利・物価の動向に関する見出しが複数。\n- （デモ）薬価・調剤報酬に関する論点提示の報道。\n- （デモ）北陸の景況感に関する地域報道。\n\n## 注目トピック（重要度4以上・最大5件）\n| 重要度 | トピック | 日本経済への影響 | 5店舗へのヒント | 出典 |\n|---|---|---|---|---|\n| 5 | （デモ）長期金利の上昇 | 借入コスト・設備投資判断に影響 | 変動金利借入の確認、投資の優先順位付け | デモ |\n| 4 | （デモ）薬価改定の論点提示 | 医療費抑制の方向性 | 門前店の薬価差益への影響を試算 | デモ |\n\n## 数字\n- （デモ）数値はここに記載します。\n\n## 助言\n- （デモ）「判断前に確認したい情報」を揃えてから結論を出す。\n\n## その他の記事\n- （デモ）` }, { id: 'demo-weekly', kind: 'weekly', date: '2026-10-03', title: '【デモ】週次レポートの表示例', isDemo: true, source: 'デモデータ', fields: ['economy', 'pharma'], body: `## 今週の流れ\n- （デモ）金利上昇観測と物価上振れが続いた週。\n\n## 来週の確認事項\n- [ ] （デモ）借入一覧の整理\n- [ ] （デモ）評価料の要件確認\n\n## 考えるべき問い\n- （デモ）金利が1%上がったら、来期の投資計画はどう変わるか？` }, ]; function reportToMarkdown(r) { return `# ${r.title}\n\n- 種別: ${REPORT_KINDS.find(k => k.id === r.kind)?.label}／対象日: ${r.date}${r.isDemo ? '／**デモデータ**' : ''}\n- 分野: ${(r.fields || []).map(f => FIELDS.find(x => x.id === f)?.label).filter(Boolean).join('、') || '—'}\n- 出典: ${r.source || '—'}\n\n${r.body}`; } function reportToBullets(r) { return r.body.split('\n').filter(l => /^\s*[-*]\s+|^#{2,3}\s+/.test(l)).map(l => l.replace(/^#{2,3}\s+/, '■ ').replace(/^\s*[-*]\s+\[[ x]\]\s*/, '・').replace(/^\s*[-*]\s+/, '・')).join('\n'); } /* 軽量 Markdown → React（見出し/箇条書き/チェック/表/太字） */ function renderMd(md) { const lines = String(md || '').replace(/\r/g, '').split('\n'); const out = []; let list = null; let table = null; const cite = (t, k) => (typeof window.renderLearnCites === 'function') ? window.renderLearnCites(t, k) : t; const inline = (t, k) => String(t).split(/(\*\*[^*]+\*\*)/g).filter(Boolean).map((p, i) => /^\*\*[^*]+\*\*$/.test(p) ? {cite(p.slice(2, -2), `${k}-${i}b`)} : {cite(p, `${k}-${i}`)}); const flush = () => { if (list) { out.push(); list = null; } if (table) { const [h, ...b] = table; out.push(
    {h.map((c, j) => )}{b.map((r, ri) => {r.map((c, j) => )})}
    {inline(c, j)}
    {inline(c, `${ri}-${j}`)}
    ); table = null; } }; lines.forEach((ln, i) => { const t = ln.trim(); if (!t) { flush(); return; } if (/^\|.*\|$/.test(t)) { if (/^\|[\s:\-|]+\|$/.test(t)) return; if (list) flush(); table = table || []; table.push(t.slice(1, -1).split('|').map(c => c.trim())); return; } else if (table) flush(); let m; if ((m = t.match(/^##\s+(.+)$/))) { flush(); out.push(

    {inline(m[1], i)}

    ); return; } if ((m = t.match(/^###\s+(.+)$/))) { flush(); out.push(
    {inline(m[1], i)}
    ); return; } if ((m = t.match(/^[-*]\s*\[( |x)\]\s*(.*)$/))) { list = list || []; list.push(
  • {inline(m[2], i)}
    • ); return; } if ((m = t.match(/^[-*]\s+(.*)$/))) { list = list || []; list.push(
  • {inline(m[1], i)}
    • ); return; } flush(); out.push(

    {inline(t, i)}

    ); }); flush(); return out; } function ReportsPage({ store, update, toast, mode /* 'daily' | 'periodic' | 'archive' */ }) { const [q, setQ] = useState(''); const [kindF, setKindF] = useState(mode === 'daily' ? 'daily' : mode === 'periodic' ? 'weekly' : 'all'); const [monthF, setMonthF] = useState('all'); const [sort, setSort] = useState('desc'); const [sel, setSel] = useState(null); const [editing, setEditing] = useState(null); const [showDemo, setShowDemo] = useState(false); const [confirmDel, setConfirmDel] = useState(null); const [preview, setPreview] = useState(null); // {report, channel} const [bmOnly, setBmOnly] = useState(false); useEffect(() => { setKindF(mode === 'daily' ? 'daily' : mode === 'periodic' ? 'weekly' : 'all'); setSel(null); }, [mode]); const all = useMemo(() => [...store.reports, ...(showDemo ? DEMO_REPORTS : [])], [store.reports, showDemo]); const months = useMemo(() => [...new Set(all.map(r => monthStr(r.date)))].sort().reverse(), [all]); const isBm = (id) => store.bookmarks.some(b => b.refId === id); const list = useMemo(() => { const needle = q.trim().toLowerCase(); return all.filter(r => (kindF === 'all' || r.kind === kindF || (mode === 'periodic' && kindF === 'weekly+monthly' && r.kind !== 'daily')) && (monthF === 'all' || monthStr(r.date) === monthF) && (!bmOnly || isBm(r.id)) && (!needle || `${r.title} ${r.body} ${r.source || ''}`.toLowerCase().includes(needle))) .sort((a, b) => sort === 'desc' ? b.date.localeCompare(a.date) : a.date.localeCompare(b.date)); }, [all, q, kindF, monthF, sort, bmOnly, store.bookmarks]); const current = sel ? all.find(r => r.id === sel) : null; const startNew = (kind) => setEditing({ id: null, kind, date: todayStr(), title: '', body: REPORT_KINDS.find(k => k.id === kind).template, source: '', fields: [], isDemo: false }); const saveReport = () => { if (!editing.title.trim()) { toast?.('件名を入力してください'); return; } if (!/^\d{4}-\d{2}-\d{2}$/.test(editing.date)) { toast?.('対象日を入力してください'); return; } let id = editing.id; update(s => { if (id) s.reports = s.reports.map(r => r.id === id ? { ...r, ...editing, updatedAt: nowISO() } : r); else { id = uid(); s.reports.unshift({ ...editing, id, createdAt: nowISO(), updatedAt: nowISO() }); } return s; }); setEditing(null); setSel(id); toast?.('レポートを保存しました'); }; const toggleBm = (r) => update(s => { if (s.bookmarks.some(b => b.refId === r.id)) s.bookmarks = s.bookmarks.filter(b => b.refId !== r.id); else s.bookmarks.unshift({ id: uid(), type: 'report', refId: r.id, title: r.title, createdAt: nowISO() }); return s; }); const title = mode === 'daily' ? 'デイリーブリーフィング' : mode === 'periodic' ? '週次・月次レポート' : 'アーカイブ'; const printReport = (r) => { const w = window.open('', '_blank'); if (!w) { alert('ポップアップがブロックされました'); return; } w.document.write(`${r.title}

    ${r.title}

    ${REPORT_KINDS.find(k => k.id === r.kind)?.label}／${r.date}／出典：${r.source || '—'}
    ${r.isDemo ? '
    デモデータ（実際のニュースではありません）
    ' : ''}
    `); w.document.close(); }; return (
    {confirmDel && { update(s => { s.reports = s.reports.filter(r => r.id !== confirmDel.id); s.bookmarks = s.bookmarks.filter(b => b.refId !== confirmDel.id); return s; }); if (sel === confirmDel.id) setSel(null); setConfirmDel(null); toast?.('削除しました'); }} onCancel={() => setConfirmDel(null)} />} {preview && update(s => { s.settings = { ...s.settings, ...st }; return s; })} onClose={() => setPreview(null)} toast={toast} />} {editing && (
    { if (e.target === e.currentTarget) { if (confirm('編集内容を破棄しますか？')) setEditing(null); } }}>
    {editing.id ? 'レポートを編集' : 'レポートを登録'}
    setEditing({ ...editing, date: e.target.value })} />
    setEditing({ ...editing, title: e.target.value })} placeholder="例：10月第1週 デイリーブリーフィング" />
    {FIELDS.map(f => )}
    setEditing({ ...editing, source: e.target.value })} placeholder="媒体名・URL・取得日など" />
    )}
    {title}
    日本経済・薬局業界のレポートを登録・閲覧します。自動取得・自動生成・実配信は行いません（登録は手動）。「日本経済への影響」と「5店舗へのヒント」を分けて記載します。
    {REPORT_KINDS.filter(k => mode === 'archive' || (mode === 'daily' ? k.id === 'daily' : k.id !== 'daily')).map(k => )}
    {!current ? : ( <> {current.isDemo &&
    これは表示例（デモデータ）です。実際のニュースではありません。
    }
    {current.title}
    {REPORT_KINDS.find(k => k.id === current.kind)?.label}対象日 {current.date}出典：{current.source || '—'}{current.fields?.map(f => {FIELDS.find(x => x.id === f)?.label})}
    {!current.isDemo && <>}
    {renderMd(current.body)}
    )}
    ); } function mdToHtml(md) { const esc = (s) => s.replace(/&/g, '&').replace(//g, '>'); const inl = (s) => esc(s).replace(/\*\*([^*]+)\*\*/g, '$1'); const lines = String(md || '').split('\n'); let html = ''; let inList = false; let table = null; const flush = () => { if (inList) { html += ''; inList = false; } if (table) { const [h, ...b] = table; html += `${h.map(c => ``).join('')}${b.map(r => `${r.map(c => ``).join('')}`).join('')}
    ${inl(c)}
    ${inl(c)}
    `; table = null; } }; lines.forEach(ln => { const t = ln.trim(); if (!t) { flush(); return; } if (/^\|.*\|$/.test(t)) { if (/^\|[\s:\-|]+\|$/.test(t)) return; if (inList) flush(); table = table || []; table.push(t.slice(1, -1).split('|').map(c => c.trim())); return; } else if (table) flush(); let m; if ((m = t.match(/^##\s+(.+)/))) { flush(); html += `

    ${inl(m[1])}

    `; return; } if ((m = t.match(/^###\s+(.+)/))) { flush(); html += `

    ${inl(m[1])}

    `; return; } if ((m = t.match(/^[-*]\s+(.*)/))) { if (!inList) { html += '