@clazic/urban 0.2.5 → 0.2.6

package/web/scripts/pages/settings.js

@@ -0,0 +1,196 @@
+import { getJson, postJson, putJson } from "../api.js";
+import { qs, qsa } from "../dom.js";
+
+function switchSection(section) {
+  qsa("#settings-tab-bar [data-tab]").forEach((button) => button.classList.toggle("active", button.dataset.tab === section));
+  qsa("[data-settings-tab]").forEach((panel) => {
+    const active = panel.dataset.settingsTab === section;
+    panel.classList.toggle("active", active);
+    panel.classList.toggle("hidden", !active);
+  });
+}
+
+async function loadSettings() {
+  const data = await getJson("/api/settings");
+  const config = data.config || {};
+  if (qs("#settings-nanet-userid")) qs("#settings-nanet-userid").value = config["source.nanet.userId"] ?? "";
+  if (qs("#settings-nanet-password")) qs("#settings-nanet-password").value = config["source.nanet.password"] ?? "";
+  if (qs("#settings-dbpia-b2bAcc")) qs("#settings-dbpia-b2bAcc").value = config["source.dbpia.b2bAcc"] ?? "";
+  if (qs("#settings-dbpia-userPass")) qs("#settings-dbpia-userPass").value = config["source.dbpia.userPass"] ?? "";
+  if (qs("#settings-dbpia-b2bId")) qs("#settings-dbpia-b2bId").value = config["source.dbpia.b2bId"] ?? "";
+  if (qs("#settings-dbpia-b2bName")) qs("#settings-dbpia-b2bName").value = config["source.dbpia.b2bName"] ?? "";
+  if (qs("#settings-dbpia-b2bLoginType")) qs("#settings-dbpia-b2bLoginType").value = config["source.dbpia.b2bLoginType"] ?? "";
+  if (qs("#settings-data-dir")) qs("#settings-data-dir").value = config["data.dir"] ?? "";
+  if (qs("#settings-download-concurrency")) qs("#settings-download-concurrency").value = config["download.concurrency"] ?? "3";
+  if (qs("#settings-data-dir-current")) qs("#settings-data-dir-current").textContent = config["_runtime.dataDir"] || "";
+}
+
+async function saveSourceAuth() {
+  await postJson("/api/settings", {
+    settings: {
+      "source.nanet.userId":        qs("#settings-nanet-userid")?.value.trim() || "",
+      "source.nanet.password":      qs("#settings-nanet-password")?.value || "",
+      "source.dbpia.b2bAcc":        qs("#settings-dbpia-b2bAcc")?.value.trim() || "",
+      "source.dbpia.userPass":      qs("#settings-dbpia-userPass")?.value || "",
+      "source.dbpia.b2bId":         qs("#settings-dbpia-b2bId")?.value.trim() || "",
+      "source.dbpia.b2bName":       qs("#settings-dbpia-b2bName")?.value.trim() || "",
+      "source.dbpia.b2bLoginType":  qs("#settings-dbpia-b2bLoginType")?.value.trim() || "",
+    },
+  });
+}
+
+
+async function saveGeneral() {
+  await postJson("/api/settings", {
+    settings: {
+      "lint.scheduleType": qs("#settings-lint-schedule-type")?.value || "disabled",
+      "lint.scheduleTime": qs("#settings-lint-schedule-time")?.value || "",
+      "lint.scheduleDay": qs("#settings-lint-schedule-day")?.value || "",
+      "lint.scheduleCron": qs("#settings-lint-schedule-cron")?.value.trim() || "",
+      "lint.autoFix": String(Boolean(qs("#settings-lint-auto-fix")?.checked)),
+      "lint.semantic": String(Boolean(qs("#settings-lint-semantic")?.checked)),
+      "lint.notifyOnWarning": String(Boolean(qs("#settings-lint-notify")?.checked)),
+      "download.concurrency": String(qs("#settings-download-concurrency")?.value || "3"),
+      "data.dir": qs("#settings-data-dir")?.value.trim() || "",
+    },
+  });
+}
+
+function toggleKordocPanels(mode) {
+  const cli = qs("#kordoc-cli-panel");
+  const api = qs("#kordoc-api-panel");
+  if (cli) cli.hidden = mode !== "cli";
+  if (api) api.hidden = mode !== "api";
+}
+
+function renderProviderCard(provider, idx) {
+  const enabled = provider.enabled !== false;
+  const card = document.createElement("div");
+  card.className = "provider-card" + (enabled ? "" : " provider-card--disabled");
+  card.dataset.idx = idx;
+  card.innerHTML = `
+    <div class="provider-card-head">
+      <label class="provider-toggle">
+        <input type="checkbox" class="provider-enabled" ${enabled ? "checked" : ""} />
+        <span class="provider-toggle-track"><span class="provider-toggle-thumb"></span></span>
+        <strong>${provider.name || `프로바이더 ${idx + 1}`}</strong>
+      </label>
+      <button type="button" class="btn ghost btn-sm provider-remove" data-idx="${idx}">삭제</button>
+    </div>
+    <div class="provider-fields">
+      <label>이름<span><input class="input provider-name" type="text" value="${provider.name ?? ""}" placeholder="NVIDIA NIM" /></span></label>
+      <label>Base URL<span><input class="input provider-baseUrl" type="text" value="${provider.baseUrl ?? ""}" placeholder="https://..." /></span></label>
+      <label>API Key (쉼표 구분)<span><input class="input provider-apiKeys" type="text" value="${(provider.apiKeys ?? []).join(", ")}" placeholder="key1, key2" /></span></label>
+      <label>모델 후보 (쉼표 구분)<span><input class="input provider-modelCandidates" type="text" value="${(provider.modelCandidates ?? []).join(", ")}" placeholder="mistralai/mistral-medium-3" /></span></label>
+    </div>`;
+  card.querySelector(".provider-enabled").addEventListener("change", (e) => {
+    card.classList.toggle("provider-card--disabled", !e.target.checked);
+  });
+  return card;
+}
+
+function renderProvidersList(providers) {
+  const list = qs("#kordoc-providers-list");
+  if (!list) return;
+  list.innerHTML = "";
+  (providers ?? []).forEach((p, i) => list.appendChild(renderProviderCard(p, i)));
+  list.querySelectorAll(".provider-remove").forEach((btn) => btn.addEventListener("click", () => {
+    btn.closest(".provider-card").remove();
+    list.querySelectorAll(".provider-card").forEach((c, i) => { c.dataset.idx = i; c.querySelector(".provider-remove").dataset.idx = i; });
+  }));
+}
+
+async function loadKordocSettings() {
+  try {
+    const data = await getJson("/api/settings/kordoc");
+    const mode = data.mode ?? "cli";
+    document.querySelectorAll('input[name="kordoc-mode"]').forEach((r) => { r.checked = r.value === mode; });
+    toggleKordocPanels(mode);
+    const cli = data.cli ?? {};
+    if (qs("#kordoc-cli-ocrMode")) qs("#kordoc-cli-ocrMode").value = cli.ocrMode ?? "";
+    if (qs("#kordoc-cli-geminiModel")) qs("#kordoc-cli-geminiModel").value = cli.geminiModel ?? "";
+    if (qs("#kordoc-cli-claudeModel")) qs("#kordoc-cli-claudeModel").value = cli.claudeModel ?? "";
+    if (qs("#kordoc-cli-codexModel")) qs("#kordoc-cli-codexModel").value = cli.codexModel ?? "";
+    renderProvidersList(data.providers ?? []);
+  } catch (e) {
+    console.error("kordoc 설정 불러오기 실패:", e);
+  }
+}
+
+function collectKordocForm() {
+  const mode = document.querySelector('input[name="kordoc-mode"]:checked')?.value ?? "cli";
+  const cli = {
+    ocrMode: qs("#kordoc-cli-ocrMode")?.value ?? "",
+    geminiModel: qs("#kordoc-cli-geminiModel")?.value.trim() ?? "",
+    claudeModel: qs("#kordoc-cli-claudeModel")?.value.trim() ?? "",
+    codexModel: qs("#kordoc-cli-codexModel")?.value.trim() ?? "",
+  };
+  const providers = [];
+  qs("#kordoc-providers-list")?.querySelectorAll(".provider-card").forEach((card) => {
+    const split = (v) => v.split(",").map((s) => s.trim()).filter(Boolean);
+    providers.push({
+      name: card.querySelector(".provider-name")?.value.trim() ?? "",
+      baseUrl: card.querySelector(".provider-baseUrl")?.value.trim() ?? "",
+      apiKeys: split(card.querySelector(".provider-apiKeys")?.value ?? ""),
+      modelCandidates: split(card.querySelector(".provider-modelCandidates")?.value ?? ""),
+      enabled: card.querySelector(".provider-enabled")?.checked !== false,
+    });
+  });
+  return { mode, cli, providers };
+}
+
+async function saveKordocSettings() {
+  const status = qs("#kordoc-save-status");
+  if (status) { status.textContent = ""; status.className = "kordoc-inline-status"; }
+  try {
+    await putJson("/api/settings/kordoc", collectKordocForm());
+    if (status) { status.textContent = "저장됨"; status.className = "kordoc-inline-status is-ok"; }
+    setTimeout(() => { if (status) status.textContent = ""; }, 3000);
+  } catch (e) {
+    if (status) { status.textContent = e.message; status.className = "kordoc-inline-status is-error"; }
+  }
+}
+
+export async function mount() {
+  qsa("#settings-tab-bar [data-tab]").forEach((button) => button.addEventListener("click", () => switchSection(button.dataset.tab)));
+  switchSection("source-auth");
+  qs("#settings-save-source-auth")?.addEventListener("click", saveSourceAuth);
+  qs("#settings-save-general")?.addEventListener("click", saveGeneral);
+  qs("#settings-save-downloads")?.addEventListener("click", saveGeneral);
+  qs("#settings-save-data-dir")?.addEventListener("click", saveGeneral);
+  qs("#settings-lint-schedule-type")?.addEventListener("change", () => {
+    const type = qs("#settings-lint-schedule-type").value;
+    qs("#lint-time-group")?.classList.toggle("hidden", !(type === "daily" || type === "weekly"));
+    qs("#lint-day-group")?.classList.toggle("hidden", type !== "weekly");
+    qs("#lint-cron-group")?.classList.toggle("hidden", type !== "cron");
+  });
+  document.querySelectorAll('input[name="kordoc-mode"]').forEach((r) => r.addEventListener("change", () => toggleKordocPanels(r.value)));
+  qs("#kordoc-add-provider")?.addEventListener("click", () => {
+    const list = qs("#kordoc-providers-list");
+    if (!list) return;
+    const idx = list.querySelectorAll(".provider-card").length;
+    const card = renderProviderCard({}, idx);
+    list.appendChild(card);
+    card.querySelector(".provider-remove").addEventListener("click", () => {
+      card.remove();
+      list.querySelectorAll(".provider-card").forEach((c, i) => { c.dataset.idx = i; c.querySelector(".provider-remove").dataset.idx = i; });
+    });
+  });
+  qs("#kordoc-save")?.addEventListener("click", saveKordocSettings);
+  qs("#settings-reset-all")?.addEventListener("click", async () => {
+    if (!window.confirm("전체 초기화를 실행합니다.\n\n삭제 항목:\n• inbox, wiki, archive, watch 폴더\n• 수집 보고서, 그래프, 큐, 캐시 등 모든 데이터\n\n유지 항목:\n• 스케줄 (schedules)\n• 설정·인증 정보 (secure_config)\n\n이 작업은 되돌릴 수 없습니다. 계속하시겠습니까?")) return;
+    try {
+      await postJson("/api/reset", {});
+      alert("초기화 완료");
+    } catch (e) {
+      alert(`초기화 실패: ${e.message}`);
+    }
+  });
+  await loadSettings();
+  await loadKordocSettings();
+  qs("#settings-lint-schedule-type")?.dispatchEvent(new Event("change"));
+}
+
+export async function unmount() {}
+
+export default { mount, unmount };

package/web/scripts/pages/wiki.js

@@ -0,0 +1,135 @@
+import { getJson, postJson } from "../api.js";
+import { qs, qsa, escapeHtml } from "../dom.js";
+import { store } from "../store.js";
+
+let currentMeta = {};
+
+function parseFrontmatter(markdown = "") {
+  const match = markdown.match(/^---\n([\s\S]*?)\n---\n?/);
+  if (!match) return { body: markdown, meta: {} };
+
+  const meta = {};
+  match[1].split("\n").forEach((line) => {
+    const index = line.indexOf(":");
+    if (index === -1) return;
+    const key = line.slice(0, index).trim();
+    const value = line.slice(index + 1).trim();
+    meta[key] = value;
+  });
+
+  return {
+    meta,
+    body: markdown.slice(match[0].length),
+  };
+}
+
+function extractWikiLinks(markdown = "") {
+  return [...markdown.matchAll(/\[\[([^\]]+)\]\]/g)].map((match) => match[1].trim());
+}
+
+function updateWikiMeta(slug, markdown, meta = {}) {
+  const links = [...new Set(extractWikiLinks(markdown))];
+  currentMeta = { slug, meta, links };
+
+  if (qs("#wiki-meta-slug")) qs("#wiki-meta-slug").textContent = slug || "-";
+  if (qs("#wiki-meta-updated")) qs("#wiki-meta-updated").textContent = meta.updated_at || "-";
+  if (qs("#wiki-meta-links")) qs("#wiki-meta-links").textContent = String(links.length);
+
+  const related = qs("#wiki-meta-related");
+  if (!related) return;
+  related.innerHTML = links.slice(0, 10).map((item) => (
+    `<button class="wiki-related-link" type="button" data-wiki-related="${escapeHtml(item)}">${escapeHtml(item)}</button>`
+  )).join("") || '<div class="empty-state">연결 문서 없음</div>';
+
+  qsa("[data-wiki-related]", related).forEach((button) => {
+    button.addEventListener("click", () => wikiNavigate(button.dataset.wikiRelated));
+  });
+}
+
+function filterWikiNav() {
+  const keyword = (qs("#wiki-nav-filter")?.value || "").trim().toLowerCase();
+  qsa(".wiki-nav-item").forEach((button) => {
+    const visible = !keyword || button.textContent.toLowerCase().includes(keyword);
+    button.hidden = !visible;
+  });
+}
+
+async function loadWikiNav() {
+  try {
+    const data = await getJson("/api/wiki/INDEX");
+    const links = extractWikiLinks(data.content || "");
+    const nav = qs("#wiki-nav-list");
+    if (!nav) return;
+    const items = ["INDEX", ...links];
+    const seen = new Set();
+    nav.innerHTML = items.filter((item) => {
+      if (seen.has(item)) return false;
+      seen.add(item);
+      return true;
+    }).map((item) => (
+      `<button class="wiki-nav-item${item === store.wikiCurrentSlug ? " active" : ""}" type="button" data-slug="${escapeHtml(item)}">${escapeHtml(item)}</button>`
+    )).join("");
+    qsa(".wiki-nav-item", nav).forEach((button) => button.addEventListener("click", () => wikiNavigate(button.dataset.slug)));
+    filterWikiNav();
+  } catch {}
+}
+
+async function copyCurrentLink() {
+  const slug = store.wikiCurrentSlug || "INDEX";
+  const url = `${window.location.origin}/wiki#${encodeURIComponent(slug)}`;
+  try {
+    await navigator.clipboard.writeText(url);
+  } catch {}
+}
+
+async function wikiNavigate(slug = "INDEX") {
+  store.wikiCurrentSlug = slug;
+  const content = qs("#wiki-content");
+  const title = qs("#wiki-current-title");
+  if (content) content.innerHTML = '<div class="loading-state"><div class="loading" style="margin:0 auto;"></div></div>';
+  if (title) title.textContent = slug;
+  try {
+    const encoded = slug.split("/").map(encodeURIComponent).join("/");
+    const data = await getJson(`/api/wiki/${encoded}`);
+    const { meta, body } = parseFrontmatter(data.content || "");
+    let markdown = body || "";
+    markdown = markdown.replace(/\[\[([^\]]+)\]\]/g, (_, item) => `[${item}](#wiki-${item.replace(/\s/g, "_")})`);
+    updateWikiMeta(slug, data.content || "", meta);
+    if (content) content.innerHTML = window.marked.parse(markdown);
+    qsa('a[href^="#wiki-"]', content).forEach((link) => {
+      const target = decodeURIComponent(link.getAttribute("href").replace("#wiki-", "").replace(/_/g, " "));
+      link.addEventListener("click", (event) => {
+        event.preventDefault();
+        wikiNavigate(target);
+      });
+    });
+    qsa(".wiki-nav-item").forEach((button) => button.classList.toggle("active", button.dataset.slug === slug));
+  } catch (error) {
+    updateWikiMeta(slug, "", {});
+    if (content) content.innerHTML = `<div class="empty-state">페이지를 찾을 수 없습니다: ${escapeHtml(slug)}</div>`;
+  }
+}
+
+function bindActions() {
+  qs("#wiki-nav-filter")?.addEventListener("input", filterWikiNav);
+  qs('[data-action="wiki-copy-link"]')?.addEventListener("click", copyCurrentLink);
+  qs('[data-action="wiki-rebuild"]')?.addEventListener("click", async () => {
+    await postJson("/api/wiki/rebuild");
+    await loadWikiNav();
+    await wikiNavigate(store.wikiCurrentSlug || "INDEX");
+  });
+  qs('[data-wiki-slug="INDEX"]')?.addEventListener("click", () => wikiNavigate("INDEX"));
+}
+
+export async function mount() {
+  bindActions();
+  await loadWikiNav();
+  const hashSlug = window.location.hash ? decodeURIComponent(window.location.hash.slice(1)) : null;
+  await wikiNavigate(hashSlug || "INDEX");
+}
+
+export async function unmount() {
+  currentMeta = {};
+}
+
+export default { mount, unmount };

package/web/scripts/router.js

@@ -0,0 +1,58 @@
+import { qs, setHtml } from "./dom.js";
+import { store } from "./store.js";
+
+const routes = {
+  "/": { name: "home", module: "/scripts/pages/home.js" },
+  "/search": { name: "search", module: "/scripts/pages/search.js" },
+  "/catalog": { name: "catalog", module: "/scripts/pages/catalog.js" },
+  "/wiki": { name: "wiki", module: "/scripts/pages/wiki.js" },
+  "/graph": { name: "graph", module: "/scripts/pages/graph.js" },
+  "/schedules": { name: "schedules", module: "/scripts/pages/schedules.js" },
+  "/pending": { name: "pending", module: "/scripts/pages/pending.js" },
+  "/failures": { name: "failures", module: "/scripts/pages/failures.js" },
+  "/settings": { name: "settings", module: "/scripts/pages/settings.js" },
+};
+
+async function getPageHtml(name) {
+  if (store.pageHtmlCache.has(name)) return store.pageHtmlCache.get(name);
+  const response = await fetch(`/pages/${name}.html`);
+  if (!response.ok) throw new Error(`PAGE ${name}`);
+  const html = await response.text();
+  store.pageHtmlCache.set(name, html);
+  return html;
+}
+
+async function getPageModule(path) {
+  if (store.pageModuleCache.has(path)) return store.pageModuleCache.get(path);
+  const mod = await import(path);
+  const page = mod.default ?? mod;
+  store.pageModuleCache.set(path, page);
+  return page;
+}
+
+export async function navigateTo(path, push = true) {
+  const [route, queryString = ""] = path.split("?");
+  const def = routes[route] ?? routes["/"];
+  const view = qs("#view");
+  if (!view) return;
+
+  if (store.currentPageModule?.unmount) await store.currentPageModule.unmount();
+
+  const html = await getPageHtml(def.name);
+  setHtml(view, html);
+
+  const pageCssId = "page-css";
+  document.getElementById(pageCssId)?.remove();
+  const link = document.createElement("link");
+  link.id = pageCssId;
+  link.rel = "stylesheet";
+  link.href = `/css/pages/${def.name}.css`;
+  document.head.appendChild(link);
+
+  const pageModule = await getPageModule(def.module);
+  store.currentRoute = route || "/";
+  store.currentPageModule = pageModule;
+
+  if (push) history.pushState({ path }, "", path);
+  if (pageModule.mount) await pageModule.mount(view, new URLSearchParams(queryString));
+}

package/web/scripts/shell.js

@@ -0,0 +1,81 @@
+import { qsa, qs } from "./dom.js";
+import { store } from "./store.js";
+import { navigateTo } from "./router.js";
+import { showCommandPalette, hideCommandPalette } from "./components/command-palette.js";
+
+export function syncShell() {
+  qsa(".nav-item[data-route]").forEach((button) => {
+    button.classList.toggle("active", button.dataset.route === store.currentRoute);
+  });
+  const label = store.routeLabels[store.currentRoute] ?? "홈";
+  const labelEl = qs("#topbar-route-label");
+  if (labelEl) labelEl.textContent = label;
+}
+
+export function bindShell() {
+  document.addEventListener("click", (event) => {
+    const routeEl = event.target.closest("[data-route]");
+    if (!routeEl?.dataset.route) return;
+    event.preventDefault();
+    window.app?.navigateTo(routeEl.dataset.route);
+  });
+
+  qs("#search-main")?.addEventListener("keydown", (event) => {
+    if (event.key !== "Enter") return;
+    const q = event.currentTarget.value.trim();
+    if (q) window.app?.navigateTo(`/search?q=${encodeURIComponent(q)}`);
+  });
+
+  qs("#cmd-input")?.addEventListener("keydown", (event) => {
+    if (event.key === "Escape") hideCommandPalette();
+  });
+
+  qs("#cmd-overlay")?.addEventListener("click", (event) => {
+    if (event.target.id === "cmd-overlay") hideCommandPalette();
+  });
+
+  document.addEventListener("keydown", (event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
+      event.preventDefault();
+      showCommandPalette();
+    }
+  });
+
+  qs("#drawer-overlay")?.addEventListener("click", () => {
+    document.getElementById("drawer-overlay")?.classList.add("hidden");
+    document.getElementById("report-drawer")?.classList.remove("open");
+    document.getElementById("stage-track-panel")?.classList.remove("open");
+  });
+
+  qs("#drawer-close-btn")?.addEventListener("click", () => {
+    document.getElementById("drawer-overlay")?.classList.add("hidden");
+    const rd = document.getElementById("report-drawer");
+    rd?.classList.remove("open", "drawer-wide");
+    document.getElementById("file-viewer-backdrop")?.remove();
+    const tb = document.getElementById("drawer-pdf-toolbar");
+    if (tb) { tb.innerHTML = ""; tb.classList.add("hidden"); }
+  });
+  qs("#stage-track-close-btn")?.addEventListener("click", () => {
+    document.getElementById("drawer-overlay")?.classList.add("hidden");
+    document.getElementById("stage-track-panel")?.classList.remove("open");
+  });
+  qs("#stage-toast-close-btn")?.addEventListener("click", () => {
+    document.getElementById("stage-toast")?.classList.remove("open");
+  });
+
+  qs("#theme-btn")?.addEventListener("click", () => {
+    const isDark = document.documentElement.getAttribute("data-theme") === "dark";
+    document.documentElement.setAttribute("data-theme", isDark ? "light" : "dark");
+  });
+}
+
+export function setSseStatus(connected) {
+  store.sseConnected = connected;
+  const el = qs("#sse-status-pill");
+  if (!el) return;
+  el.textContent = connected ? "SSE 연결됨" : "SSE 재연결 중";
+  el.style.color = connected ? "var(--accent)" : "var(--label-2)";
+  el.style.background = connected ? "var(--accent-weak)" : "var(--fill-1)";
+  const homeEl = qs("#home-sse-status");
+  if (homeEl) homeEl.textContent = connected ? "정상" : "끊김";
+}

package/web/scripts/sse.js

@@ -0,0 +1,36 @@
+import { store } from "./store.js";
+
+const subscribers = new Map();
+
+export function subscribe(type, handler) {
+  const list = subscribers.get(type) ?? new Set();
+  list.add(handler);
+  subscribers.set(type, list);
+  return () => list.delete(handler);
+}
+
+function publish(type, payload) {
+  const list = subscribers.get(type);
+  if (!list) return;
+  for (const handler of list) handler(payload);
+}
+
+export function connect() {
+  if (store.evtSource) return store.evtSource;
+  const source = new EventSource("/api/events");
+  store.evtSource = source;
+
+  source.onmessage = (event) => {
+    try {
+      const data = JSON.parse(event.data);
+      publish("message", data);
+      if (data?.type) publish(data.type, data);
+    } catch (error) {
+      console.error("SSE parse error:", error);
+    }
+  };
+
+  source.addEventListener("connected", () => publish("connection", { connected: true }));
+  source.onerror = () => publish("connection", { connected: false });
+  return source;
+}

package/web/scripts/store.js

@@ -0,0 +1,32 @@
+export const store = {
+  currentRoute: "/",
+  currentPageModule: null,
+  evtSource: null,
+  sseConnected: false,
+  stats: null,
+  health: null,
+  failuresCount: 0,
+  wikiCurrentSlug: "INDEX",
+  graph: {
+    nodes: [],
+    edges: [],
+    zoom: 1,
+    panX: 0,
+    panY: 0,
+  },
+  pageHtmlCache: new Map(),
+  pageModuleCache: new Map(),
+  commandItems: [],
+  commandSelected: 0,
+  routeLabels: {
+    "/": "홈",
+    "/search": "검색",
+    "/catalog": "보고서",
+    "/wiki": "위키",
+    "/graph": "그래프",
+    "/schedules": "스케줄",
+    "/pending": "대기 항목",
+    "/failures": "실패 현황",
+    "/settings": "설정",
+  },
+};