@n2world/orchestrator 1.1.0

package/dist/cost-estimator.js

@@ -0,0 +1,42 @@
+"use strict";
+// ============================================================================
+// Stage D / D3: 비용 견적·승인 — 실행 전 토큰·비용을 추정하고 승인 게이트를 통과시킨다.
+// 단가는 변동하므로 설정값(개략치)이며, 실제 청구는 제공자 콘솔 기준이다(정직 고지).
+// ============================================================================
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_PRICING = void 0;
+exports.estimateCost = estimateCost;
+exports.requireCostApproval = requireCostApproval;
+/** 개략 단가표(변동 가능 — 설정으로 덮어쓸 것). 정확한 청구는 제공자 콘솔 기준. */
+exports.DEFAULT_PRICING = {
+    'claude-opus-4-8': { inputPer1M: 15, outputPer1M: 75 },
+    'claude-sonnet-4-6': { inputPer1M: 3, outputPer1M: 15 },
+    'claude-haiku-4-5-20251001': { inputPer1M: 1, outputPer1M: 5 },
+    'gemini-flash-latest': { inputPer1M: 0.075, outputPer1M: 0.3 },
+};
+function estimateCost(model, tokensIn, tokensOut, pricing = exports.DEFAULT_PRICING) {
+    const p = pricing[model] ?? { inputPer1M: 1, outputPer1M: 3 };
+    const costUsd = (tokensIn / 1e6) * p.inputPer1M + (tokensOut / 1e6) * p.outputPer1M;
+    return {
+        model,
+        tokensIn,
+        tokensOut,
+        totalTokens: tokensIn + tokensOut,
+        costUsd: +costUsd.toFixed(6),
+        approximate: true,
+    };
+}
+/**
+ * 비용 승인 게이트. 승인자 없거나 거부면 실행 금지(보수적 — 예산 보호).
+ * 임계($) 이하 비용은 자동 승인하도록 옵션 제공.
+ */
+async function requireCostApproval(est, opts = {}) {
+    if (opts.autoApproveBelowUsd !== undefined && est.costUsd <= opts.autoApproveBelowUsd) {
+        return { approved: true, reason: `auto-approved (<= $${opts.autoApproveBelowUsd})` };
+    }
+    if (!opts.approve) {
+        return { approved: false, reason: 'no approver (비용 보호: 기본 거부)' };
+    }
+    const ok = await opts.approve(est);
+    return { approved: ok, reason: ok ? 'approved' : 'rejected' };
+}

package/dist/cron-runner.d.ts

@@ -0,0 +1,31 @@
+export interface CronJob {
+    id: string;
+    /** 멱등 단위(예: 'weekly-report'). 동일 (jobId:occurrence)는 1회만 발송. */
+    occurrence: string;
+    channel: string;
+    payload: string;
+    /** IANA 타임존 라벨(예: 'Asia/Seoul') — 보존·표기. */
+    tz?: string;
+}
+export type DeliverFn = (job: CronJob) => Promise<{
+    ok: boolean;
+    reason?: string;
+}>;
+export type FailureAlert = (job: CronJob, reason: string) => void;
+export interface DeliveryResult {
+    jobId: string;
+    occurrence: string;
+    status: 'delivered' | 'duplicate-skipped' | 'failed';
+    reason?: string;
+}
+/**
+ * 멱등 Cron 배달기 — (jobId:occurrence) 키로 1회 발송 보장. 실패 시 데드맨 알림.
+ */
+export declare class CronDeliveryRunner {
+    private deliver;
+    private onFailure;
+    private done;
+    constructor(deliver: DeliverFn, onFailure?: FailureAlert);
+    private key;
+    run(job: CronJob): Promise<DeliveryResult>;
+}

package/dist/cron-runner.js

@@ -0,0 +1,46 @@
+"use strict";
+// ============================================================================
+// v2.5.2 Phase 1 — 앰비언트 Cron Delivery 신뢰성 (멱등·중복방지·실패알림)
+// ----------------------------------------------------------------------------
+// 계획서 v2.5.2 §3.1: 자연어 크론 자가배달은 앰비언트 에이전트다 → 누락/중복/타임존이
+// 3대 난제. 본 모듈은 (a) 멱등성 키로 중복 발송 방지, (b) 실패 시 데드맨 알림,
+// (c) 타임존 라벨 보존을 제공한다.
+//
+// 정직 고지(제1계명): 발송 성공은 sink 결과로만 판정(가짜 성공 금지). 중복은 실제 차단.
+// ============================================================================
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CronDeliveryRunner = void 0;
+/**
+ * 멱등 Cron 배달기 — (jobId:occurrence) 키로 1회 발송 보장. 실패 시 데드맨 알림.
+ */
+class CronDeliveryRunner {
+    deliver;
+    onFailure;
+    done = new Set(); // 발송 완료된 멱등 키
+    constructor(deliver, onFailure = () => { }) {
+        this.deliver = deliver;
+        this.onFailure = onFailure;
+    }
+    key(j) { return `${j.id}:${j.occurrence}`; }
+    async run(job) {
+        const k = this.key(job);
+        if (this.done.has(k)) {
+            return { jobId: job.id, occurrence: job.occurrence, status: 'duplicate-skipped' };
+        }
+        let res;
+        try {
+            res = await this.deliver(job);
+        }
+        catch (e) {
+            res = { ok: false, reason: e?.message || String(e) };
+        }
+        if (!res.ok) {
+            // 데드맨 스위치: 실패는 조용히 죽지 않고 반드시 알림(누락 가시화).
+            this.onFailure(job, res.reason || 'unknown');
+            return { jobId: job.id, occurrence: job.occurrence, status: 'failed', reason: res.reason };
+        }
+        this.done.add(k); // 성공분만 멱등 기록 → 재시도 시 중복 차단
+        return { jobId: job.id, occurrence: job.occurrence, status: 'delivered' };
+    }
+}
+exports.CronDeliveryRunner = CronDeliveryRunner;

package/dist/dashboard/chat.html

@@ -0,0 +1,326 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>n2world 워크스페이스</title>
+  <link rel="manifest" href="/manifest.json" />
+  <style>
+    :root {
+      --bg: #f4f7fa; --card: #ffffff; --text: #2b3a4a; --muted: #6b7c90;
+      --blue: #42a5f5; --green: #66bb6a; --orange: #ffb74d; --purple: #ab8ce0; --red: #ef5350;
+      --line: #e6edf3;
+    }
+    * { box-sizing: border-box; }
+    html, body { height: 100%; margin: 0; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Malgun Gothic', sans-serif;
+      background: var(--bg); color: var(--text);
+      display: grid; grid-template-columns: var(--leftw, 36%) 6px 1fr; grid-template-rows: 100vh;
+    }
+    .left { display: grid; grid-template-rows: var(--toph, 1fr) 6px 1fr; min-width: 0; min-height: 0; }
+    /* 분할바(좌우=vert, 상하=horiz) */
+    .gutter { background: var(--line); position: relative; }
+    .gutter.vert { cursor: col-resize; }
+    .gutter.vert::after { content: ''; position: absolute; inset: 0 -3px; } /* 잡기 쉬운 히트영역 */
+    .gutter.horiz { cursor: row-resize; }
+    .gutter.horiz::after { content: ''; position: absolute; inset: -3px 0; }
+    .gutter:hover, .gutter.dragging { background: var(--blue); }
+    body.resizing { user-select: none; }
+    body.resizing-col { cursor: col-resize; }
+    body.resizing-row { cursor: row-resize; }
+    .pane { display: flex; flex-direction: column; min-height: 0; }
+    .pane.top { border-bottom: 1px solid var(--line); }
+    .pane-head {
+      flex: 0 0 auto; padding: 8px 12px; background: var(--card); border-bottom: 1px solid var(--line);
+      font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 8px;
+    }
+    .pane-head .sub { font-weight: 400; color: var(--muted); font-size: 11px; }
+    .pane-head .spacer { flex: 1; }
+    .pane-head button { border: 1px solid var(--line); background: #fff; color: var(--muted); border-radius: 6px; font-size: 11px; padding: 3px 8px; cursor: pointer; }
+    .pane-head button:hover { background: var(--bg); color: var(--blue); }
+    #graph-wrap { flex: 1; min-height: 0; position: relative; overflow: hidden; background: #fbfdff; }
+    #graph { width: 100%; height: 100%; display: block; cursor: grab; }
+    .legend { position: absolute; left: 8px; bottom: 8px; font-size: 10px; color: var(--muted); background: rgba(255,255,255,.8); border-radius: 6px; padding: 4px 6px; line-height: 1.6; }
+    .dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 3px; vertical-align: middle; }
+    #detail { flex: 1; min-height: 0; overflow-y: auto; padding: 12px; font-size: 13px; }
+    #detail .empty { color: var(--muted); }
+    #detail h4 { margin: 0 0 6px; font-size: 13px; }
+    #detail .body { white-space: pre-wrap; word-break: break-word; background: var(--bg); border-radius: 8px; padding: 8px 10px; margin: 6px 0; line-height: 1.5; }
+    #detail .chip { display: inline-block; background: #fff3e0; color: #e69b2e; border-radius: 10px; padding: 2px 8px; font-size: 11px; margin: 2px 3px 2px 0; cursor: pointer; }
+    #detail .rel { padding: 6px 8px; border-left: 3px solid var(--line); margin: 4px 0; cursor: pointer; color: var(--text); }
+    #detail .rel:hover { border-left-color: var(--blue); background: var(--bg); }
+    #detail .rel .who { font-size: 11px; color: var(--muted); }
+    /* 우측 채팅 */
+    .chat { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
+    .chat-head { flex: 0 0 auto; padding: 12px 16px; background: var(--card); border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 10px; }
+    .chat-head .avatar { width: 34px; height: 34px; border-radius: 50%; background: #e3f2fd; display: grid; place-items: center; font-size: 18px; }
+    .chat-head .title { font-weight: 700; } .chat-head .sub { font-size: 11px; color: var(--muted); } .chat-head .spacer { flex: 1; }
+    #log { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
+    .row { display: flex; } .row.user { justify-content: flex-end; }
+    .bubble { max-width: 80%; padding: 9px 13px; border-radius: 14px; line-height: 1.5; white-space: pre-wrap; word-break: break-word; font-size: 14px; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
+    .user .bubble { background: var(--blue); color: #fff; border-bottom-right-radius: 4px; }
+    .agent .bubble { background: var(--card); color: var(--text); border-bottom-left-radius: 4px; }
+    .agent .bubble.empty { color: var(--muted); font-style: italic; }
+    .agent .bubble.error { background: #fdecea; color: var(--red); }
+    .bubble.hl { outline: 2px solid var(--orange); }
+    .bubble b { font-weight: 700; }
+    .meta { font-size: 11px; color: var(--muted); margin: 0 4px 2px; } .row.agent .meta { align-self: flex-start; } .row.user .meta { align-self: flex-end; }
+    .typing span { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--muted); animation: blink 1.2s infinite both; margin:0 1px; }
+    .typing span:nth-child(2){animation-delay:.2s} .typing span:nth-child(3){animation-delay:.4s}
+    @keyframes blink {0%,80%,100%{opacity:.2}40%{opacity:1}}
+    .chat-foot { flex: 0 0 auto; padding: 10px 12px; background: var(--card); border-top: 1px solid var(--line); display: flex; gap: 8px; align-items: flex-end; }
+    #input { flex: 1; resize: none; border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; font: inherit; font-size: 14px; max-height: 120px; outline: none; }
+    #input:focus { border-color: var(--blue); }
+    #send { border: none; background: var(--blue); color: #fff; border-radius: 12px; padding: 0 18px; height: 42px; font-weight: 700; cursor: pointer; }
+    #send:disabled { opacity: .5; }
+    text.glabel { font-size: 10px; fill: var(--text); pointer-events: none; user-select: none; }
+  </style>
+</head>
+<body>
+  <div class="left">
+    <div class="pane top">
+      <div class="pane-head">🧠 사고 과정 그래프 <span class="sub" id="graph-sub">Graphify · 대화 의미망</span>
+        <span class="spacer"></span><button id="g-reload">↻</button></div>
+      <div id="graph-wrap">
+        <svg id="graph"></svg>
+        <div class="legend">
+          <span class="dot" style="background:var(--blue)"></span>나(질문)
+          <span class="dot" style="background:var(--green)"></span>Ethan(응답)
+          <span class="dot" style="background:var(--orange)"></span>개념(키워드)
+        </div>
+      </div>
+    </div>
+    <div class="gutter horiz" id="gutter-h" title="드래그하여 위·아래 높이 조절"></div>
+    <div class="pane">
+      <div class="pane-head">🔎 선택 상세 <span class="sub">노드를 클릭하면 관련 대화·키워드 표시</span></div>
+      <div id="detail"><div class="empty">위 그래프에서 노드(발화 또는 개념)를 클릭하세요.</div></div>
+    </div>
+  </div>
+
+  <div class="gutter vert" id="gutter" title="드래그하여 좌우 너비 조절"></div>
+
+  <div class="chat">
+    <div class="chat-head">
+      <div class="avatar">🤖</div>
+      <div><div class="title">n2world 대화</div><div class="sub" id="chat-sub">불러오는 중…</div></div>
+      <span class="spacer"></span><button id="c-reload" style="border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer">↻ 새로고침</button>
+    </div>
+    <div id="log"></div>
+    <div class="chat-foot">
+      <textarea id="input" rows="1" placeholder="메시지를 입력하세요… (Enter 전송, Shift+Enter 줄바꿈)"></textarea>
+      <button id="send">전송</button>
+    </div>
+  </div>
+
+  <script>
+    const $ = (id) => document.getElementById(id);
+    const elLog = $('log'), elInput = $('input'), elSend = $('send'), elDetail = $('detail');
+    let turnsCache = [];
+
+    function fmt(t) { return (t||'').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/\*\*(.+?)\*\*/g,'<b>$1</b>'); }
+
+    // ─────────── 우측 채팅 ───────────
+    function addBubble(role, content, opts = {}) {
+      const row = document.createElement('div');
+      row.className = 'row ' + (role === 'user' ? 'user' : 'agent');
+      const wrap = document.createElement('div');
+      wrap.style.cssText = 'display:flex;flex-direction:column;max-width:100%';
+      const meta = document.createElement('div'); meta.className = 'meta'; meta.textContent = role==='user'?'나':'Ethan';
+      const b = document.createElement('div');
+      b.className = 'bubble' + (opts.empty?' empty':'') + (opts.error?' error':'');
+      if (opts.typing) b.innerHTML = '<span class="typing"><span></span><span></span><span></span></span>';
+      else if (opts.empty) b.textContent = '(이 턴은 응답이 없었습니다)';
+      else b.innerHTML = fmt(content);
+      if (opts.idx != null) b.dataset.idx = opts.idx;
+      wrap.appendChild(meta); wrap.appendChild(b); row.appendChild(wrap); elLog.appendChild(row);
+      elLog.scrollTop = elLog.scrollHeight;
+      return b;
+    }
+
+    async function loadHistory() {
+      elLog.innerHTML = '';
+      try {
+        const d = await (await fetch('/api/chat-history')).json();
+        turnsCache = d.turns || [];
+        if (!turnsCache.length) { elLog.innerHTML = '<div style="color:var(--muted);text-align:center;padding:12px">대화가 없습니다. 아래에 입력해 시작하세요.</div>'; }
+        else turnsCache.forEach((t, i) => addBubble(t.role, t.content, { empty: t.role==='assistant' && !(t.content||'').trim(), idx: i }));
+        $('chat-sub').textContent = `${d.count}턴 · ${d.path}`;
+      } catch { $('chat-sub').textContent = '서버 연결 확인'; }
+    }
+
+    let busy = false;
+    async function send() {
+      const text = elInput.value.trim(); if (!text || busy) return;
+      busy = true; elSend.disabled = true;
+      addBubble('user', text); elInput.value=''; elInput.style.height='auto';
+      const typing = addBubble('agent','',{typing:true});
+      try {
+        const d = await (await fetch('/api/run',{method:'POST',headers:{'Content-Type':'application/json; charset=utf-8'},body:JSON.stringify({command:text})})).json();
+        typing.parentElement.parentElement.remove();
+        if (d.error) addBubble('agent','오류: '+d.error,{error:true});
+        else { const out=(d.stdout&&d.stdout.trim())?d.stdout:''; out?addBubble('agent',out):addBubble('agent','',{empty:true}); }
+      } catch { typing.parentElement.parentElement.remove(); addBubble('agent','네트워크 오류',{error:true}); }
+      busy=false; elSend.disabled=false; elInput.focus();
+      loadHistory(); loadGraph(); // 대화 후 그래프 갱신
+    }
+    elSend.onclick = send;
+    elInput.addEventListener('keydown', e=>{ if(e.key==='Enter'&&!e.shiftKey){e.preventDefault();send();} });
+    elInput.addEventListener('input', ()=>{ elInput.style.height='auto'; elInput.style.height=Math.min(elInput.scrollHeight,120)+'px'; });
+    $('c-reload').onclick = ()=>{ loadHistory(); loadGraph(); };
+
+    // 우측 채팅에서 특정 턴 강조 + 스크롤.
+    function highlightTurn(idx) {
+      document.querySelectorAll('.bubble.hl').forEach(b=>b.classList.remove('hl'));
+      const b = document.querySelector(`.bubble[data-idx="${idx}"]`);
+      if (b) { b.classList.add('hl'); b.scrollIntoView({behavior:'smooth',block:'center'}); }
+    }
+
+    // ─────────── 좌하단 상세 패널 ───────────
+    let graphData = { nodes: [], links: [] };
+    function neighborsOf(id) {
+      const ns = new Set();
+      for (const l of graphData.links) { if (l.source===id) ns.add(l.target); if (l.target===id) ns.add(l.source); }
+      return ns;
+    }
+    function nodeById(id){ return graphData.nodes.find(n=>n.id===id); }
+
+    function showTurnDetail(node) {
+      const kws = [...neighborsOf(node.id)].map(nodeById).filter(n=>n&&n.type==='keyword');
+      const related = new Set();
+      for (const k of kws) for (const id of neighborsOf(k.id)) if (id!==node.id) related.add(id);
+      let html = `<h4>${node.role==='user'?'🧑 나':'🤖 Ethan'} · 발화 #${node.turnIndex+1}</h4>`;
+      html += `<div class="body">${fmt(node.text||'')}</div>`;
+      html += `<div><b>개념 키워드</b><br>` + (kws.length?kws.map(k=>`<span class="chip" data-id="${k.id}">${k.label}</span>`).join(''):'<span class="empty">없음</span>') + `</div>`;
+      const rel = [...related].map(nodeById).filter(Boolean);
+      html += `<div style="margin-top:8px"><b>관련 대화 ${rel.length}건</b>`;
+      for (const r of rel.slice(0,8)) html += `<div class="rel" data-turn="${r.turnIndex}"><span class="who">${r.role==='user'?'나':'Ethan'} #${r.turnIndex+1}</span><br>${fmt(r.snippet||'')}</div>`;
+      html += `</div>`;
+      elDetail.innerHTML = html;
+      wireDetailClicks();
+    }
+    function showKeywordDetail(node) {
+      const turns = [...neighborsOf(node.id)].map(nodeById).filter(n=>n&&n.type==='turn');
+      let html = `<h4>🏷️ 개념: ${node.label} <span style="color:var(--muted);font-weight:400">· ${node.count}회 등장</span></h4>`;
+      html += `<div style="margin-top:6px"><b>이 개념이 나온 대화 ${turns.length}건</b>`;
+      for (const t of turns) html += `<div class="rel" data-turn="${t.turnIndex}"><span class="who">${t.role==='user'?'나':'Ethan'} #${t.turnIndex+1}</span><br>${fmt(t.snippet||'')}</div>`;
+      html += `</div>`;
+      elDetail.innerHTML = html;
+      wireDetailClicks();
+    }
+    function wireDetailClicks() {
+      elDetail.querySelectorAll('.rel[data-turn]').forEach(el=>el.onclick=()=>{ const i=+el.dataset.turn; const n=nodeById('t'+i); if(n){selectNode(n);} highlightTurn(i); });
+      elDetail.querySelectorAll('.chip[data-id]').forEach(el=>el.onclick=()=>{ const n=nodeById(el.dataset.id); if(n) selectNode(n); });
+    }
+    function selectNode(node) {
+      selectedId = node.id; draw();
+      if (node.type==='turn') { showTurnDetail(node); highlightTurn(node.turnIndex); }
+      else showKeywordDetail(node);
+    }
+
+    // ─────────── 좌상단 그래프 (force-directed, 바닐라 SVG) ───────────
+    const svg = $('graph'); let W=0,H=0; let nodes=[],links=[]; let selectedId=null; let raf=null;
+    function size(){ const r=$('graph-wrap').getBoundingClientRect(); W=r.width; H=r.height; svg.setAttribute('viewBox',`0 0 ${W} ${H}`); }
+
+    async function loadGraph() {
+      try {
+        graphData = await (await fetch('/api/graph')).json();
+      } catch { graphData = {nodes:[],links:[]}; }
+      $('graph-sub').textContent = `Graphify · 노드 ${graphData.nodes.length} · 링크 ${graphData.links.length}`;
+      size();
+      // 초기 위치: 원형 배치(결정적) + 약간의 분산.
+      nodes = graphData.nodes.map((n,i)=>{ const a=i/Math.max(1,graphData.nodes.length)*Math.PI*2; return {...n, x:W/2+Math.cos(a)*Math.min(W,H)*0.3, y:H/2+Math.sin(a)*Math.min(W,H)*0.3, vx:0, vy:0}; });
+      const byId = Object.fromEntries(nodes.map(n=>[n.id,n]));
+      links = graphData.links.map(l=>({source:byId[l.source], target:byId[l.target]})).filter(l=>l.source&&l.target);
+      if (selectedId && !byId[selectedId]) selectedId=null;
+      runSim();
+    }
+
+    function runSim(){ let alpha=1; if(raf) cancelAnimationFrame(raf);
+      const tick=()=>{
+        // 반발력(O(n²) — 노드 수 작음).
+        for (let i=0;i<nodes.length;i++){ const a=nodes[i]; for(let j=i+1;j<nodes.length;j++){ const b=nodes[j];
+          let dx=a.x-b.x, dy=a.y-b.y; let d2=dx*dx+dy*dy+0.01; let f=2200/d2; let d=Math.sqrt(d2);
+          dx/=d; dy/=d; a.vx+=dx*f; a.vy+=dy*f; b.vx-=dx*f; b.vy-=dy*f; } }
+        // 링크 스프링.
+        for (const l of links){ let dx=l.target.x-l.source.x, dy=l.target.y-l.source.y; let d=Math.sqrt(dx*dx+dy*dy)+0.01; let f=(d-70)*0.02; dx/=d; dy/=d; l.source.vx+=dx*f; l.source.vy+=dy*f; l.target.vx-=dx*f; l.target.vy-=dy*f; }
+        // 중심 중력 + 감쇠 + 적분.
+        for (const n of nodes){ n.vx+=(W/2-n.x)*0.004; n.vy+=(H/2-n.y)*0.004; if(n===dragNode) continue; n.vx*=0.85; n.vy*=0.85; n.x+=n.vx*alpha; n.y+=n.vy*alpha; n.x=Math.max(12,Math.min(W-12,n.x)); n.y=Math.max(12,Math.min(H-12,n.y)); }
+        draw(); alpha*=0.985; if(alpha>0.02) raf=requestAnimationFrame(tick);
+      };
+      raf=requestAnimationFrame(tick);
+    }
+
+    function draw(){
+      const sel = selectedId ? new Set([selectedId, ...neighborsOf(selectedId)]) : null;
+      let s='';
+      for (const l of links){ const on = !sel || (sel.has(l.source.id)&&sel.has(l.target.id)); s+=`<line x1="${l.source.x}" y1="${l.source.y}" x2="${l.target.x}" y2="${l.target.y}" stroke="${on?'#c4d4e2':'#eef2f6'}" stroke-width="${on?1.2:0.6}"/>`; }
+      for (const n of nodes){
+        const isKw=n.type==='keyword'; const r=isKw?Math.min(11,5+(n.count||1)):7;
+        const color = isKw?'var(--orange)':(n.role==='user'?'var(--blue)':'var(--green)');
+        const dim = sel && !sel.has(n.id); const op = dim?0.18:1;
+        const stroke = n.id===selectedId?'#1f6fb0':'#fff';
+        s+=`<circle cx="${n.x}" cy="${n.y}" r="${r}" fill="${color}" stroke="${stroke}" stroke-width="${n.id===selectedId?2.5:1.2}" opacity="${op}" style="cursor:pointer" data-id="${n.id}"><title>${(n.label||'').replace(/"/g,'')}${n.snippet?(' — '+n.snippet.replace(/"/g,'')):''}</title></circle>`;
+        if (isKw && !dim) s+=`<text class="glabel" x="${n.x+r+2}" y="${n.y+3}" opacity="${op}">${(n.label||'').replace(/</g,'')}</text>`;
+      }
+      svg.innerHTML=s;
+      svg.querySelectorAll('circle[data-id]').forEach(c=>{ c.addEventListener('mousedown',startDrag); c.addEventListener('click',()=>{ const n=nodes.find(x=>x.id===c.dataset.id); if(n) selectNode(n); }); });
+    }
+
+    // 드래그.
+    let dragNode=null, dragMoved=false;
+    function startDrag(e){ const id=e.target.dataset.id; dragNode=nodes.find(n=>n.id===id); dragMoved=false; e.preventDefault(); }
+    svg.addEventListener('mousemove',e=>{ if(!dragNode)return; const r=svg.getBoundingClientRect(); dragNode.x=(e.clientX-r.left)/r.width*W; dragNode.y=(e.clientY-r.top)/r.height*H; dragNode.vx=0; dragNode.vy=0; dragMoved=true; draw(); });
+    window.addEventListener('mouseup',()=>{ dragNode=null; });
+    window.addEventListener('resize', ()=>{ size(); draw(); });
+
+    $('g-reload').onclick = loadGraph;
+
+    // ─────────── 분할바(좌우 + 상하) 드래그 조절, 저장 ───────────
+    (function initGutters(){
+      const body = document.body, left = document.querySelector('.left');
+      const gv = $('gutter'), gh = $('gutter-h');
+      // 저장된 값 복원.
+      const sv = parseFloat(localStorage.getItem('n2w_leftw'));
+      if (sv && sv > 200) body.style.setProperty('--leftw', sv + 'px');
+      const sh = parseFloat(localStorage.getItem('n2w_toph'));
+      if (sh && sh > 100) left.style.setProperty('--toph', sh + 'px');
+
+      let mode = null; // 'col'(좌우) | 'row'(상하)
+      gv.addEventListener('mousedown', (e)=>{ mode='col'; gv.classList.add('dragging'); body.classList.add('resizing','resizing-col'); e.preventDefault(); });
+      gh.addEventListener('mousedown', (e)=>{ mode='row'; gh.classList.add('dragging'); body.classList.add('resizing','resizing-row'); e.preventDefault(); });
+      window.addEventListener('mousemove', (e)=>{
+        if (mode==='col') {
+          const w = Math.max(240, Math.min(window.innerWidth - 320, e.clientX));
+          body.style.setProperty('--leftw', w + 'px');
+        } else if (mode==='row') {
+          const r = left.getBoundingClientRect();
+          const h = Math.max(120, Math.min(r.height - 160, e.clientY - r.top));
+          left.style.setProperty('--toph', h + 'px');
+        }
+      });
+      window.addEventListener('mouseup', ()=>{
+        if (!mode) return;
+        if (mode==='col') { const v = body.style.getPropertyValue('--leftw').replace('px','').trim(); if (v) localStorage.setItem('n2w_leftw', v); }
+        if (mode==='row') { const v = left.style.getPropertyValue('--toph').replace('px','').trim(); if (v) localStorage.setItem('n2w_toph', v); }
+        mode = null;
+        gv.classList.remove('dragging'); gh.classList.remove('dragging');
+        body.classList.remove('resizing','resizing-col','resizing-row');
+      });
+      // 더블클릭 → 기본 비율 복귀.
+      gv.addEventListener('dblclick', ()=>{ body.style.removeProperty('--leftw'); localStorage.removeItem('n2w_leftw'); });
+      gh.addEventListener('dblclick', ()=>{ left.style.removeProperty('--toph'); localStorage.removeItem('n2w_toph'); });
+    })();
+
+    // 그래프 패널 크기 변화(창 리사이즈·상하/좌우 분할바) 자동 반영.
+    // 드래그 중엔 즉시 size+draw(viewBox 추종), 멈추면 시뮬 재실행으로 새 영역에 재배치.
+    if (window.ResizeObserver) {
+      let rsz=null;
+      new ResizeObserver(()=>{ size(); draw(); clearTimeout(rsz); rsz=setTimeout(()=>{ if(nodes.length) runSim(); }, 160); }).observe($('graph-wrap'));
+    }
+
+    // init
+    loadHistory(); loadGraph(); elInput.focus();
+  </script>
+</body>
+</html>

package/dist/dashboard/dental.html

@@ -0,0 +1,58 @@
+<!doctype html>
+<html lang="ko">
+<head>
+<meta charset="utf-8"/>
+<meta name="viewport" content="width=device-width, initial-scale=1"/>
+<title>N2World — 치과 접수·대조</title>
+<style>
+  body{font-family:'Malgun Gothic',system-ui,sans-serif;max-width:680px;margin:24px auto;padding:0 16px;color:#1f2937;background:#fafafa}
+  h1{font-size:20px} .sub{color:#6b7280;font-size:13px;margin-top:-6px}
+  label{display:block;margin:10px 0 4px;font-weight:600;font-size:13px}
+  input{width:100%;padding:9px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}
+  .pii::after{content:" 🔒 로컬 처리";color:#059669;font-weight:600;font-size:11px}
+  button{margin-top:16px;padding:11px 18px;background:#111827;color:#fff;border:0;border-radius:8px;font-size:15px;cursor:pointer}
+  .card{margin-top:14px;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff}
+  .badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;margin-left:6px}
+  .local{background:#d1fae5;color:#065f46}.external{background:#dbeafe;color:#1e40af}.none{background:#fef3c7;color:#92400e}
+  .warn{border-left:4px solid #f59e0b;background:#fffbeb}.block{border-left:4px solid #ef4444;background:#fef2f2}
+  .clinical{border:2px solid #ef4444;background:#fef2f2;font-weight:600}
+  .trust{color:#059669;font-size:12px;margin-top:8px}
+</style>
+</head>
+<body>
+  <h1>치과 접수·대조 비서</h1>
+  <p class="sub">환자 정보(개인정보)는 이 PC를 떠나지 않습니다(로컬 처리). 임상 판단은 치과의 확인이 필요합니다.</p>
+
+  <label class="pii">이름</label><input id="name" value="김환자"/>
+  <label class="pii">생년월일(YYYY-MM-DD)</label><input id="dob" value="1990-05-05"/>
+  <label class="pii">연락처</label><input id="phone" value="010-1234-5678"/>
+  <label>보험번호</label><input id="insuranceId" value="INS-1"/>
+  <label>예약일</label><input id="appointmentDate" value="2026-07-01"/>
+  <label>담당의</label><input id="provider" value="박원장"/>
+  <label>주호소(선택)</label><input id="chiefComplaint" placeholder="예: 예약 변경 문의 / 어금니 통증"/>
+
+  <button onclick="submitIntake()">접수·대조 실행</button>
+  <div id="out"></div>
+
+<script>
+async function submitIntake(){
+  const body={};
+  for(const k of ['name','dob','phone','insuranceId','appointmentDate','provider','chiefComplaint']) body[k]=document.getElementById(k).value;
+  const out=document.getElementById('out'); out.innerHTML='<div class="card">처리 중…</div>';
+  try{
+    const r=await fetch('/api/playbook/dental/intake',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(body)});
+    const d=await r.json();
+    if(d.error){out.innerHTML='<div class="card block">오류: '+d.error+'</div>';return;}
+    let h='<div class="card"><b>'+d.notice+'</b><div class="trust">🔒 PII 로컬 처리: '+(d.piiKeptLocal?'예(외부 전송 0)':'경고')+' · Tier-0 외부허용='+d.tier0ExternalAllowed+'</div></div>';
+    if(d.humanInLoopRequired) h+='<div class="card clinical">⚠ 임상 관련 — 치과의 확인 필요(자동 처리 보류)</div>';
+    for(const f of d.flags) h+='<div class="card '+(f.severity==='block'?'block':'warn')+'">['+f.id+'] '+f.flag+'</div>';
+    for(const s of d.steps){
+      const cls=s.provider; const label=s.id==='staff-summary'?'직원 요약':'환자 안내문';
+      h+='<div class="card">'+label+'<span class="badge '+cls+'">'+s.provider+(s.tier===0?' · Tier-0':'')+'</span><div style="margin-top:6px">'+(s.text||'(보류)')+'</div></div>';
+    }
+    out.innerHTML=h;
+  }catch(e){out.innerHTML='<div class="card block">요청 실패: '+e.message+'</div>';}
+}
+</script>
+</body>
+</html>