npm - pi-para - Versions diffs - 0.6.0 → 0.6.1 - Mend

pi-para 0.6.0 → 0.6.1

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

Files changed (208) hide show

package/ARCHITECTURE.md +0 -9
package/CHANGELOG.md +13 -0
package/CONFIGURATION.md +0 -23
package/README.md +1 -29
package/SETUP.md +1 -1
package/STRUCTURE.md +0 -9
package/dist/atomic-write.d.ts +2 -0
package/dist/atomic-write.d.ts.map +1 -0
package/dist/atomic-write.js +18 -0
package/dist/atomic-write.js.map +1 -0
package/dist/capture.d.ts +34 -0
package/dist/capture.d.ts.map +1 -0
package/dist/capture.js +461 -0
package/dist/capture.js.map +1 -0
package/dist/cli-legacy.d.ts +4 -0
package/dist/cli-legacy.d.ts.map +1 -0
package/dist/cli-legacy.js +41 -0
package/dist/cli-legacy.js.map +1 -0
package/dist/cli.d.ts +8 -0
package/dist/cli.d.ts.map +1 -0
package/dist/cli.js +427 -0
package/dist/cli.js.map +1 -0
package/dist/commands.d.ts +15 -0
package/dist/commands.d.ts.map +1 -0
package/dist/commands.js +719 -0
package/dist/commands.js.map +1 -0
package/dist/config.d.ts +94 -0
package/dist/config.d.ts.map +1 -0
package/dist/config.js +228 -0
package/dist/config.js.map +1 -0
package/dist/context.d.ts +63 -0
package/dist/context.d.ts.map +1 -0
package/dist/context.js +311 -0
package/dist/context.js.map +1 -0
package/dist/credentials.d.ts +27 -0
package/dist/credentials.d.ts.map +1 -0
package/dist/credentials.js +85 -0
package/dist/credentials.js.map +1 -0
package/dist/daemon.d.ts +49 -0
package/dist/daemon.d.ts.map +1 -0
package/dist/daemon.js +226 -0
package/dist/daemon.js.map +1 -0
package/dist/doctor.d.ts +20 -0
package/dist/doctor.d.ts.map +1 -0
package/dist/doctor.js +176 -0
package/dist/doctor.js.map +1 -0
package/dist/frontmatter.d.ts +59 -0
package/dist/frontmatter.d.ts.map +1 -0
package/dist/frontmatter.js +170 -0
package/dist/frontmatter.js.map +1 -0
package/dist/index.d.ts +21 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +342 -0
package/dist/index.js.map +1 -0
package/dist/ingest.d.ts +88 -0
package/dist/ingest.d.ts.map +1 -0
package/dist/ingest.js +105 -0
package/dist/ingest.js.map +1 -0
package/dist/link-discovery.d.ts +40 -0
package/dist/link-discovery.d.ts.map +1 -0
package/dist/link-discovery.js +122 -0
package/dist/link-discovery.js.map +1 -0
package/dist/link-utils.d.ts +30 -0
package/dist/link-utils.d.ts.map +1 -0
package/dist/link-utils.js +145 -0
package/dist/link-utils.js.map +1 -0
package/dist/lint.d.ts +39 -0
package/dist/lint.d.ts.map +1 -0
package/dist/lint.js +827 -0
package/dist/lint.js.map +1 -0
package/dist/maintainer.d.ts +24 -0
package/dist/maintainer.d.ts.map +1 -0
package/dist/maintainer.js +358 -0
package/dist/maintainer.js.map +1 -0
package/dist/model-resolver.d.ts +30 -0
package/dist/model-resolver.d.ts.map +1 -0
package/dist/model-resolver.js +71 -0
package/dist/model-resolver.js.map +1 -0
package/dist/paths.d.ts +20 -0
package/dist/paths.d.ts.map +1 -0
package/dist/paths.js +33 -0
package/dist/paths.js.map +1 -0
package/dist/processor.d.ts +14 -0
package/dist/processor.d.ts.map +1 -0
package/dist/processor.js +361 -0
package/dist/processor.js.map +1 -0
package/dist/qmd-providers.d.ts +12 -0
package/dist/qmd-providers.d.ts.map +1 -0
package/dist/qmd-providers.js +45 -0
package/dist/qmd-providers.js.map +1 -0
package/dist/query.d.ts +69 -0
package/dist/query.d.ts.map +1 -0
package/dist/query.js +120 -0
package/dist/query.js.map +1 -0
package/dist/raw.d.ts +57 -0
package/dist/raw.d.ts.map +1 -0
package/dist/raw.js +219 -0
package/dist/raw.js.map +1 -0
package/dist/redact.d.ts +21 -0
package/dist/redact.d.ts.map +1 -0
package/dist/redact.js +143 -0
package/dist/redact.js.map +1 -0
package/dist/repair.d.ts +11 -0
package/dist/repair.d.ts.map +1 -0
package/dist/repair.js +41 -0
package/dist/repair.js.map +1 -0
package/dist/scheduler/controls.d.ts +35 -0
package/dist/scheduler/controls.d.ts.map +1 -0
package/dist/scheduler/controls.js +98 -0
package/dist/scheduler/controls.js.map +1 -0
package/dist/scheduler/index.d.ts +48 -0
package/dist/scheduler/index.d.ts.map +1 -0
package/dist/scheduler/index.js +193 -0
package/dist/scheduler/index.js.map +1 -0
package/dist/scheduler/leases.d.ts +22 -0
package/dist/scheduler/leases.d.ts.map +1 -0
package/dist/scheduler/leases.js +74 -0
package/dist/scheduler/leases.js.map +1 -0
package/dist/scheduler/session-capture.d.ts +33 -0
package/dist/scheduler/session-capture.d.ts.map +1 -0
package/dist/scheduler/session-capture.js +108 -0
package/dist/scheduler/session-capture.js.map +1 -0
package/dist/scheduler/state.d.ts +56 -0
package/dist/scheduler/state.d.ts.map +1 -0
package/dist/scheduler/state.js +210 -0
package/dist/scheduler/state.js.map +1 -0
package/dist/scope.d.ts +54 -0
package/dist/scope.d.ts.map +1 -0
package/dist/scope.js +161 -0
package/dist/scope.js.map +1 -0
package/dist/scripts/bulk-link-fix.d.ts +9 -0
package/dist/scripts/bulk-link-fix.d.ts.map +1 -0
package/dist/scripts/bulk-link-fix.js +106 -0
package/dist/scripts/bulk-link-fix.js.map +1 -0
package/dist/session-tools.d.ts +33 -0
package/dist/session-tools.d.ts.map +1 -0
package/dist/session-tools.js +211 -0
package/dist/session-tools.js.map +1 -0
package/dist/settings.d.ts +19 -0
package/dist/settings.d.ts.map +1 -0
package/dist/settings.js +106 -0
package/dist/settings.js.map +1 -0
package/dist/setup.d.ts +29 -0
package/dist/setup.d.ts.map +1 -0
package/dist/setup.js +90 -0
package/dist/setup.js.map +1 -0
package/dist/state.d.ts +54 -0
package/dist/state.d.ts.map +1 -0
package/dist/state.js +176 -0
package/dist/state.js.map +1 -0
package/dist/status.d.ts +22 -0
package/dist/status.d.ts.map +1 -0
package/dist/status.js +93 -0
package/dist/status.js.map +1 -0
package/dist/store.d.ts +71 -0
package/dist/store.d.ts.map +1 -0
package/dist/store.js +282 -0
package/dist/store.js.map +1 -0
package/dist/summarize.d.ts +60 -0
package/dist/summarize.d.ts.map +1 -0
package/dist/summarize.js +266 -0
package/dist/summarize.js.map +1 -0
package/dist/tag-registry.d.ts +56 -0
package/dist/tag-registry.d.ts.map +1 -0
package/dist/tag-registry.js +146 -0
package/dist/tag-registry.js.map +1 -0
package/dist/templates/prompts.d.ts +51 -0
package/dist/templates/prompts.d.ts.map +1 -0
package/dist/templates/prompts.js +203 -0
package/dist/templates/prompts.js.map +1 -0
package/dist/tools.d.ts +26 -0
package/dist/tools.d.ts.map +1 -0
package/dist/tools.js +1198 -0
package/dist/tools.js.map +1 -0
package/dist/watcher.d.ts +25 -0
package/dist/watcher.d.ts.map +1 -0
package/dist/watcher.js +84 -0
package/dist/watcher.js.map +1 -0
package/dist/webui/client/dist/index.html +1885 -0
package/dist/webui/server.d.ts +31 -0
package/dist/webui/server.d.ts.map +1 -0
package/dist/webui/server.js +566 -0
package/dist/webui/server.js.map +1 -0
package/dist/wiki-tool-guidance.d.ts +6 -0
package/dist/wiki-tool-guidance.d.ts.map +1 -0
package/dist/wiki-tool-guidance.js +70 -0
package/dist/wiki-tool-guidance.js.map +1 -0
package/dist/wiki.d.ts +108 -0
package/dist/wiki.d.ts.map +1 -0
package/dist/wiki.js +497 -0
package/dist/wiki.js.map +1 -0
package/package.json +2 -1
package/scripts/build-assets.mjs +1 -13
package/skills/setup/SKILL.md +1 -1
package/src/cli.ts +0 -70
package/src/config.ts +0 -25
package/src/index.ts +1 -38
package/src/templates/prompts.ts +0 -56
package/scripts/gepa/dataset.py +0 -192
package/scripts/gepa/lm_providers.py +0 -472
package/scripts/gepa/metric.py +0 -279
package/scripts/gepa/optimize.py +0 -367
package/scripts/gepa/program.py +0 -99
package/scripts/gepa/pyproject.toml +0 -19
package/scripts/gepa/run-all.sh +0 -53
package/scripts/gepa/wiki_reader.py +0 -113
package/src/gepa/index.ts +0 -287
package/src/gepa/optimized/capture-prompt.txt +0 -65

package/dist/webui/client/dist/index.html ADDED Viewed

@@ -0,0 +1,1885 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>pi-para Wiki</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+<script src="https://unpkg.com/react@18/umd/react.production.min.js" crossorigin></script>
+<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" crossorigin></script>
+<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+<script src="https://d3js.org/d3.v7.min.js"></script>
+<style>
+/* ============================================================
+   DESIGN TOKENS
+   Semantic color tokens, type scale, spacing scale, shadows.
+   Dark-first with light-mode override via [data-theme="light"].
+   ============================================================ */
+:root {
+  /* --- Color tokens (dark, default) --- */
+  --bg:         #0f172a;
+  --bg-alt:     #1e293b;
+  --surface:    #334155;
+  --surface-hover: #3e4d66;
+  --text:       #f1f5f9;
+  --text-secondary: #94a3b8;
+  --text-muted: #64748b;
+  --accent:     #60a5fa;
+  --accent-hover: #93c5fd;
+  --accent-subtle: rgba(96,165,250,0.12);
+  --green:      #34d399;
+  --green-subtle: rgba(52,211,153,0.12);
+  --red:        #f87171;
+  --red-subtle: rgba(248,113,113,0.12);
+  --yellow:     #fbbf24;
+  --yellow-subtle: rgba(251,191,36,0.12);
+  --border:     #334155;
+  --border-subtle: rgba(255,255,255,0.06);
+  --ring:       rgba(96,165,250,0.5);
+  --shadow-sm:  0 1px 2px rgba(0,0,0,0.3);
+  --shadow-md:  0 4px 12px rgba(0,0,0,0.4);
+  --shadow-lg:  0 8px 24px rgba(0,0,0,0.5);
+  --overlay:    rgba(0,0,0,0.6);
+  /* --- Typography --- */
+  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --font-mono:  'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
+  /* Type scale (major-third ~1.25) */
+  --text-xs:    0.75rem;   /* 12px */
+  --text-sm:    0.875rem;  /* 14px */
+  --text-base:  1rem;      /* 16px */
+  --text-lg:    1.125rem;  /* 18px */
+  --text-xl:    1.25rem;   /* 20px */
+  --text-2xl:   1.5rem;    /* 24px */
+  --text-3xl:   1.875rem;  /* 30px */
+  --leading-tight:  1.25;
+  --leading-normal: 1.6;
+  --leading-relaxed: 1.75;
+  /* --- Spacing (4px base) --- */
+  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;  --sp-4: 16px;
+  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;  --sp-10: 40px;
+  --sp-12: 48px; --sp-16: 64px;
+  /* --- Radii --- */
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-full: 9999px;
+  /* --- Transitions --- */
+  --duration-fast: 150ms;
+  --duration-normal: 200ms;
+  --duration-slow: 300ms;
+  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+}
+/* --- Light mode override --- */
+[data-theme="light"] {
+  --bg:         #f8fafc;
+  --bg-alt:     #f1f5f9;
+  --surface:    #e2e8f0;
+  --surface-hover: #cbd5e1;
+  --text:       #0f172a;
+  --text-secondary: #475569;
+  --text-muted: #94a3b8;
+  --accent:     #2563eb;
+  --accent-hover: #1d4ed8;
+  --accent-subtle: rgba(37,99,235,0.08);
+  --green:      #16a34a;
+  --green-subtle: rgba(22,163,74,0.08);
+  --red:        #dc2626;
+  --red-subtle: rgba(220,38,38,0.08);
+  --yellow:     #d97706;
+  --yellow-subtle: rgba(217,119,6,0.08);
+  --border:     #e2e8f0;
+  --border-subtle: rgba(0,0,0,0.04);
+  --ring:       rgba(37,99,235,0.4);
+  --shadow-sm:  0 1px 2px rgba(0,0,0,0.06);
+  --shadow-md:  0 4px 12px rgba(0,0,0,0.08);
+  --shadow-lg:  0 8px 24px rgba(0,0,0,0.12);
+  --overlay:    rgba(0,0,0,0.4);
+}
+/* ============================================================
+   RESET & BASE
+   ============================================================ */
+*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
+body {
+  font-family: var(--font-sans);
+  font-size: var(--text-base);
+  line-height: var(--leading-normal);
+  background: var(--bg);
+  color: var(--text);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+a { color: var(--accent); text-decoration: none; }
+a:hover { text-decoration: underline; }
+/* Global focus ring */
+:focus-visible {
+  outline: 2px solid var(--ring);
+  outline-offset: 2px;
+  border-radius: var(--radius-sm);
+}
+/* Skip link */
+.skip-link {
+  position: absolute;
+  top: -100%;
+  left: var(--sp-4);
+  padding: var(--sp-2) var(--sp-4);
+  background: var(--accent);
+  color: var(--bg);
+  border-radius: var(--radius-md);
+  font-weight: 600;
+  z-index: 1000;
+  transition: top var(--duration-fast) var(--ease-out);
+}
+.skip-link:focus { top: var(--sp-2); }
+/* Reduced motion */
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+/* ============================================================
+   LAYOUT SHELL
+   ============================================================ */
+.app { display: flex; height: 100vh; overflow: hidden; }
+/* --- Sidebar --- */
+.sidebar {
+  width: 280px;
+  background: var(--bg-alt);
+  border-right: 1px solid var(--border);
+  overflow-y: auto;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  transition: transform var(--duration-normal) var(--ease-out);
+}
+.sidebar-header {
+  padding: var(--sp-4) var(--sp-4) var(--sp-3);
+  display: flex;
+  align-items: center;
+  gap: var(--sp-3);
+  border-bottom: 1px solid var(--border);
+  flex-shrink: 0;
+}
+.sidebar-header .logo {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-2);
+}
+.sidebar-header .logo svg { color: var(--accent); flex-shrink: 0; }
+.sidebar-header .logo-text {
+  font-size: var(--text-sm);
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  color: var(--text);
+}
+.sidebar-header .logo-sub {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  font-weight: 400;
+}
+.sidebar-nav { flex: 1; overflow-y: auto; padding: var(--sp-2) 0; }
+/* Sidebar sections */
+.sidebar-section { margin-bottom: var(--sp-1); }
+.sidebar-section-header {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-2);
+  padding: var(--sp-2) var(--sp-4);
+  font-size: var(--text-xs);
+  font-weight: 600;
+  color: var(--text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  cursor: pointer;
+  user-select: none;
+  border: none;
+  background: none;
+  width: 100%;
+  text-align: left;
+  border-radius: 0;
+  min-height: 36px;
+}
+.sidebar-section-header:hover { color: var(--text-secondary); }
+.sidebar-section-header svg {
+  transition: transform var(--duration-fast) var(--ease-out);
+  flex-shrink: 0;
+}
+.sidebar-section.open .sidebar-section-header svg {
+  transform: rotate(90deg);
+}
+.sidebar-section-header .count {
+  margin-left: auto;
+  background: var(--surface);
+  padding: 0 var(--sp-2);
+  border-radius: var(--radius-full);
+  font-size: 11px;
+  line-height: 20px;
+  min-width: 20px;
+  text-align: center;
+}
+.sidebar-list { list-style: none; display: none; padding-bottom: var(--sp-2); }
+.sidebar-section.open .sidebar-list { display: block; }
+.sidebar-item {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-2);
+  padding: var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-8);
+  cursor: pointer;
+  font-size: var(--text-sm);
+  color: var(--text-secondary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border-radius: var(--radius-md);
+  margin: 0 var(--sp-2);
+  min-height: 36px;
+  transition: background var(--duration-fast) var(--ease-out),
+              color var(--duration-fast) var(--ease-out);
+}
+.sidebar-item:hover {
+  background: var(--surface);
+  color: var(--text);
+}
+.sidebar-item.active {
+  background: var(--accent-subtle);
+  color: var(--accent);
+  font-weight: 500;
+}
+/* --- Top bar / Nav --- */
+.topbar {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-2);
+  padding: var(--sp-2) var(--sp-4);
+  background: var(--bg-alt);
+  border-bottom: 1px solid var(--border);
+  flex-shrink: 0;
+  min-height: 52px;
+  flex-wrap: wrap;
+}
+.nav-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--sp-2);
+  padding: var(--sp-2) var(--sp-3);
+  background: transparent;
+  border: 1px solid transparent;
+  color: var(--text-secondary);
+  border-radius: var(--radius-md);
+  cursor: pointer;
+  font-size: var(--text-sm);
+  font-family: var(--font-sans);
+  font-weight: 500;
+  min-height: 36px;
+  min-width: 36px;
+  justify-content: center;
+  transition: background var(--duration-fast) var(--ease-out),
+              color var(--duration-fast) var(--ease-out),
+              border-color var(--duration-fast) var(--ease-out);
+}
+.nav-btn:hover {
+  background: var(--surface);
+  color: var(--text);
+}
+.nav-btn.active {
+  background: var(--accent-subtle);
+  color: var(--accent);
+  border-color: var(--accent);
+}
+.nav-btn svg { flex-shrink: 0; }
+/* Hamburger - hidden on desktop */
+.hamburger { display: none; }
+/* Search input in topbar */
+.search-wrapper {
+  flex: 1;
+  min-width: 180px;
+  max-width: 400px;
+  margin-left: auto;
+  position: relative;
+}
+.search-wrapper svg {
+  position: absolute;
+  left: var(--sp-3);
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--text-muted);
+  pointer-events: none;
+}
+.search-input {
+  width: 100%;
+  padding: var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-10);
+  background: var(--bg);
+  border: 1px solid var(--border);
+  color: var(--text);
+  border-radius: var(--radius-md);
+  font-size: var(--text-sm);
+  font-family: var(--font-sans);
+  min-height: 36px;
+  transition: border-color var(--duration-fast) var(--ease-out),
+              box-shadow var(--duration-fast) var(--ease-out);
+}
+.search-input::placeholder { color: var(--text-muted); }
+.search-input:focus {
+  outline: none;
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px var(--ring);
+}
+/* Scope filter */
+.scope-filter {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--sp-1);
+}
+.scope-filter select {
+  padding: var(--sp-1) var(--sp-3) var(--sp-1) var(--sp-2);
+  background: var(--bg);
+  border: 1px solid var(--border);
+  color: var(--text-secondary);
+  border-radius: var(--radius-md);
+  font-size: var(--text-xs);
+  font-family: var(--font-sans);
+  font-weight: 500;
+  min-height: 32px;
+  cursor: pointer;
+  transition: border-color var(--duration-fast) var(--ease-out);
+  appearance: none;
+  padding-right: var(--sp-6);
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 8px center;
+}
+.scope-filter select:focus {
+  outline: none;
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px var(--ring);
+}
+.scope-filter-label {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  font-weight: 500;
+}
+.scope-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--sp-1);
+  padding: 1px var(--sp-2);
+  background: var(--accent-subtle);
+  color: var(--accent);
+  border-radius: var(--radius-sm);
+  font-size: 11px;
+  font-weight: 600;
+  margin-left: var(--sp-2);
+}
+/* Theme toggle */
+.theme-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  background: transparent;
+  border: 1px solid transparent;
+  color: var(--text-secondary);
+  border-radius: var(--radius-md);
+  cursor: pointer;
+  transition: background var(--duration-fast) var(--ease-out),
+              color var(--duration-fast) var(--ease-out);
+}
+.theme-toggle:hover { background: var(--surface); color: var(--text); }
+/* --- Main content area --- */
+.main-wrapper {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-width: 0;
+}
+.main-scroll {
+  flex: 1;
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--surface) transparent;
+}
+.main-scroll::-webkit-scrollbar { width: 8px; }
+.main-scroll::-webkit-scrollbar-track { background: transparent; }
+.main-scroll::-webkit-scrollbar-thumb {
+  background: var(--surface);
+  border-radius: var(--radius-full);
+  border: 2px solid transparent;
+  background-clip: padding-box;
+}
+.main-scroll::-webkit-scrollbar-thumb:hover { background: var(--surface-hover); }
+.main {
+  max-width: 860px;
+  width: 100%;
+  margin: 0 auto;
+  padding: var(--sp-6) var(--sp-8);
+}
+.main.main-wide {
+  max-width: none;
+}
+/* ============================================================
+   RESPONSIVE
+   ============================================================ */
+@media (max-width: 768px) {
+  .sidebar {
+    position: fixed;
+    top: 0; left: 0; bottom: 0;
+    z-index: 200;
+    transform: translateX(-100%);
+    box-shadow: var(--shadow-lg);
+  }
+  .sidebar.open { transform: translateX(0); }
+  .hamburger { display: inline-flex; }
+  .main { padding: var(--sp-4); }
+  .topbar { padding: var(--sp-2) var(--sp-3); gap: var(--sp-1); }
+  .topbar .scope-filter { display: none; }
+  .search-wrapper { max-width: none; min-width: 120px; }
+}
+@media (max-width: 480px) {
+  .nav-btn span.nav-label { display: none; }
+  .main { padding: var(--sp-3); }
+}
+/* Overlay */
+.overlay {
+  display: none;
+  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
+  background: var(--overlay);
+  z-index: 199;
+  opacity: 0;
+  transition: opacity var(--duration-normal) var(--ease-out);
+}
+.overlay.show { display: block; opacity: 1; }
+/* ============================================================
+   CONTENT TYPOGRAPHY
+   ============================================================ */
+.content { padding: var(--sp-4) 0; }
+.content h1 {
+  font-size: var(--text-2xl);
+  font-weight: 700;
+  line-height: var(--leading-tight);
+  margin-bottom: var(--sp-2);
+  letter-spacing: -0.02em;
+}
+.content h2 {
+  font-size: var(--text-xl);
+  font-weight: 600;
+  margin: var(--sp-6) 0 var(--sp-2);
+  color: var(--accent);
+  line-height: var(--leading-tight);
+}
+.content h3 {
+  font-size: var(--text-lg);
+  font-weight: 600;
+  margin: var(--sp-4) 0 var(--sp-1);
+  line-height: var(--leading-tight);
+}
+.content h4 {
+  font-size: var(--text-base);
+  font-weight: 600;
+  margin: var(--sp-3) 0 var(--sp-1);
+}
+.content p { margin: var(--sp-2) 0; line-height: var(--leading-relaxed); }
+.content ul, .content ol { margin: var(--sp-2) 0 var(--sp-2) var(--sp-6); }
+.content li { margin: var(--sp-1) 0; line-height: var(--leading-relaxed); }
+.content code {
+  background: var(--surface);
+  padding: 2px 6px;
+  border-radius: var(--radius-sm);
+  font-family: var(--font-mono);
+  font-size: 0.9em;
+}
+.content pre {
+  background: var(--bg-alt);
+  border: 1px solid var(--border);
+  padding: var(--sp-4);
+  border-radius: var(--radius-md);
+  overflow-x: auto;
+  margin: var(--sp-3) 0;
+}
+.content pre code { background: none; padding: 0; font-size: var(--text-sm); }
+.content blockquote {
+  border-left: 3px solid var(--accent);
+  padding-left: var(--sp-4);
+  color: var(--text-secondary);
+  margin: var(--sp-3) 0;
+  font-style: italic;
+}
+.content a.wikilink {
+  color: var(--accent);
+  background: var(--accent-subtle);
+  padding: 1px 4px;
+  border-radius: var(--radius-sm);
+  font-weight: 500;
+}
+.content a.wikilink:hover { background: var(--accent); color: var(--bg); text-decoration: none; }
+/* ============================================================
+   COMPONENTS
+   ============================================================ */
+/* --- Tags / Chips --- */
+.tags { display: flex; gap: var(--sp-2); flex-wrap: wrap; margin: var(--sp-3) 0; }
+.tag {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--sp-1);
+  background: var(--surface);
+  padding: var(--sp-1) var(--sp-3);
+  border-radius: var(--radius-full);
+  font-size: var(--text-xs);
+  font-weight: 500;
+  color: var(--text-secondary);
+  line-height: 1.5;
+}
+.tag.para {
+  background: var(--accent-subtle);
+  color: var(--accent);
+  font-weight: 600;
+}
+.tag.scope { background: var(--green-subtle); color: var(--green); }
+/* --- Buttons --- */
+.btn {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--sp-2);
+  padding: var(--sp-2) var(--sp-4);
+  border: none;
+  border-radius: var(--radius-md);
+  cursor: pointer;
+  font-size: var(--text-sm);
+  font-weight: 500;
+  font-family: var(--font-sans);
+  min-height: 36px;
+  transition: background var(--duration-fast) var(--ease-out),
+              opacity var(--duration-fast) var(--ease-out),
+              box-shadow var(--duration-fast) var(--ease-out);
+}
+.btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.btn svg { flex-shrink: 0; }
+.btn-primary { background: var(--accent); color: #fff; }
+.btn-primary:hover:not(:disabled) { background: var(--accent-hover); box-shadow: var(--shadow-sm); }
+.btn-secondary {
+  background: var(--surface);
+  color: var(--text);
+  border: 1px solid var(--border);
+}
+.btn-secondary:hover:not(:disabled) { background: var(--surface-hover); }
+.btn-danger { background: var(--red); color: #fff; }
+.btn-danger:hover:not(:disabled) { opacity: 0.9; }
+.btn-ghost {
+  background: transparent;
+  color: var(--text-secondary);
+}
+.btn-ghost:hover:not(:disabled) { background: var(--surface); color: var(--text); }
+/* Spinner inside buttons */
+.spinner {
+  display: inline-block;
+  width: 16px; height: 16px;
+  border: 2px solid currentColor;
+  border-right-color: transparent;
+  border-radius: var(--radius-full);
+  animation: spin 0.6s linear infinite;
+}
+@keyframes spin { to { transform: rotate(360deg); } }
+/* --- Cards --- */
+.card {
+  background: var(--bg-alt);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  padding: var(--sp-4);
+  transition: box-shadow var(--duration-fast) var(--ease-out),
+              border-color var(--duration-fast) var(--ease-out);
+}
+.card:hover { border-color: var(--accent); box-shadow: var(--shadow-sm); }
+/* --- Page header --- */
+.page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: var(--sp-4);
+  flex-wrap: wrap;
+  margin-bottom: var(--sp-2);
+}
+.page-header h1 { margin: 0; }
+.page-actions { display: flex; gap: var(--sp-2); flex-shrink: 0; }
+/* --- Editor --- */
+.editor textarea {
+  width: 100%;
+  min-height: 400px;
+  background: var(--bg);
+  color: var(--text);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  padding: var(--sp-4);
+  font-family: var(--font-mono);
+  font-size: var(--text-sm);
+  line-height: var(--leading-relaxed);
+  resize: vertical;
+  transition: border-color var(--duration-fast) var(--ease-out);
+}
+.editor textarea:focus {
+  outline: none;
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px var(--ring);
+}
+.editor-actions {
+  margin-top: var(--sp-3);
+  display: flex;
+  gap: var(--sp-2);
+  align-items: center;
+}
+/* --- Search results --- */
+.search-results { list-style: none; }
+.search-result {
+  padding: var(--sp-4);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  margin-bottom: var(--sp-2);
+  cursor: pointer;
+  transition: border-color var(--duration-fast) var(--ease-out),
+              background var(--duration-fast) var(--ease-out);
+}
+.search-result:hover {
+  border-color: var(--accent);
+  background: var(--accent-subtle);
+}
+.search-result-title {
+  font-weight: 600;
+  font-size: var(--text-base);
+  color: var(--text);
+}
+.search-result-meta {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-2);
+  margin-top: var(--sp-1);
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+}
+.search-result-meta .score-bar {
+  width: 40px; height: 4px;
+  background: var(--surface);
+  border-radius: var(--radius-full);
+  overflow: hidden;
+}
+.search-result-meta .score-bar-fill {
+  height: 100%;
+  background: var(--accent);
+  border-radius: var(--radius-full);
+}
+.search-result-snippet {
+  font-size: var(--text-sm);
+  color: var(--text-secondary);
+  margin-top: var(--sp-2);
+  line-height: var(--leading-relaxed);
+}
+/* --- Log entries --- */
+.log-entry {
+  padding: var(--sp-3) 0;
+  border-bottom: 1px solid var(--border-subtle);
+  display: flex;
+  align-items: baseline;
+  gap: var(--sp-3);
+  flex-wrap: wrap;
+}
+.log-date {
+  font-size: var(--text-xs);
+  font-weight: 600;
+  color: var(--accent);
+  font-family: var(--font-mono);
+  flex-shrink: 0;
+}
+.log-op {
+  font-size: var(--text-xs);
+  font-weight: 600;
+  padding: 1px var(--sp-2);
+  border-radius: var(--radius-sm);
+  background: var(--surface);
+  color: var(--text-secondary);
+  text-transform: uppercase;
+}
+.log-summary { font-size: var(--text-sm); color: var(--text); flex: 1; }
+.log-pages {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  width: 100%;
+  padding-left: 0;
+}
+/* --- Session entries --- */
+.session-entry {
+  padding: var(--sp-4);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  margin-bottom: var(--sp-2);
+}
+.session-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--sp-3);
+}
+.session-project {
+  font-weight: 600;
+  font-size: var(--text-sm);
+  color: var(--text);
+}
+.session-date {
+  font-size: var(--text-xs);
+  font-family: var(--font-mono);
+  color: var(--text-muted);
+}
+.session-summary {
+  font-size: var(--text-sm);
+  color: var(--text-secondary);
+  margin-top: var(--sp-2);
+  line-height: var(--leading-relaxed);
+}
+/* --- Graph --- */
+.graph-container {
+  width: 100%;
+  height: calc(100vh - 180px);
+  background: var(--bg-alt);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  overflow: hidden;
+  position: relative;
+}
+.graph-container svg { width: 100%; height: 100%; }
+.graph-legend {
+  position: absolute;
+  bottom: var(--sp-4);
+  left: var(--sp-4);
+  display: flex;
+  gap: var(--sp-4);
+  padding: var(--sp-2) var(--sp-3);
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  font-size: var(--text-xs);
+  color: var(--text-secondary);
+  box-shadow: var(--shadow-md);
+}
+.graph-legend-item { display: flex; align-items: center; gap: var(--sp-1); }
+.graph-legend-dot {
+  width: 10px; height: 10px;
+  border-radius: var(--radius-full);
+  flex-shrink: 0;
+}
+/* --- Move modal --- */
+.modal-backdrop {
+  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
+  background: var(--overlay);
+  z-index: 300;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--sp-4);
+}
+.modal {
+  background: var(--bg-alt);
+  border: 1px solid var(--border);
+  padding: var(--sp-6);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-lg);
+  min-width: 320px;
+  max-width: 440px;
+  width: 100%;
+}
+.modal h3 {
+  font-size: var(--text-lg);
+  font-weight: 600;
+  margin-bottom: var(--sp-4);
+}
+.modal select {
+  width: 100%;
+  padding: var(--sp-2) var(--sp-3);
+  background: var(--bg);
+  color: var(--text);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  font-size: var(--text-sm);
+  font-family: var(--font-sans);
+  min-height: 36px;
+  margin-bottom: var(--sp-4);
+}
+.modal select:focus {
+  outline: none;
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px var(--ring);
+}
+.modal-actions {
+  display: flex;
+  gap: var(--sp-2);
+  justify-content: flex-end;
+}
+/* --- Toast --- */
+.toast {
+  position: fixed;
+  bottom: var(--sp-6);
+  right: var(--sp-6);
+  padding: var(--sp-3) var(--sp-4);
+  border-radius: var(--radius-md);
+  font-size: var(--text-sm);
+  font-weight: 500;
+  box-shadow: var(--shadow-lg);
+  z-index: 400;
+  display: flex;
+  align-items: center;
+  gap: var(--sp-2);
+  animation: toast-in var(--duration-normal) var(--ease-out);
+  color: #fff;
+}
+.toast.success { background: var(--green); }
+.toast.error { background: var(--red); }
+@keyframes toast-in {
+  from { opacity: 0; transform: translateY(8px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+/* --- Empty states --- */
+.empty-state {
+  text-align: center;
+  padding: var(--sp-12) var(--sp-6);
+  color: var(--text-muted);
+}
+.empty-state svg { color: var(--text-muted); margin-bottom: var(--sp-3); opacity: 0.5; }
+.empty-state p { font-size: var(--text-sm); margin-top: var(--sp-2); }
+/* --- Home page grid --- */
+.stats-row {
+  display: flex;
+  gap: var(--sp-3);
+  margin-bottom: var(--sp-6);
+  flex-wrap: wrap;
+}
+.stat-card {
+  flex: 1;
+  min-width: 100px;
+  background: var(--bg-alt);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  padding: var(--sp-3) var(--sp-4);
+  text-align: center;
+}
+.stat-number {
+  font-size: var(--text-2xl);
+  font-weight: 700;
+  color: var(--accent);
+}
+.stat-label {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  margin-top: var(--sp-1);
+}
+.home-section { margin-bottom: var(--sp-6); }
+.home-section h2 {
+  font-size: var(--text-base);
+  font-weight: 600;
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  margin-bottom: var(--sp-3);
+  padding-bottom: var(--sp-2);
+  border-bottom: 1px solid var(--border-subtle);
+}
+.home-page-list { list-style: none; }
+.home-page-item {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-2);
+  padding: var(--sp-2) var(--sp-3);
+  border-radius: var(--radius-md);
+  cursor: pointer;
+  font-size: var(--text-sm);
+  color: var(--text);
+  transition: background var(--duration-fast) var(--ease-out);
+}
+.home-page-item:hover { background: var(--surface); }
+.home-page-item svg { color: var(--text-muted); flex-shrink: 0; }
+/* --- Breadcrumb --- */
+.breadcrumb {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-1);
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  margin-bottom: var(--sp-3);
+}
+.breadcrumb a {
+  color: var(--text-muted);
+  font-weight: 500;
+}
+.breadcrumb a:hover { color: var(--accent); text-decoration: none; }
+.breadcrumb svg { flex-shrink: 0; }
+/* Page metadata bar */
+.page-meta {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-3);
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  margin-top: var(--sp-2);
+  padding-top: var(--sp-2);
+  border-top: 1px solid var(--border-subtle);
+}
+.page-meta svg { flex-shrink: 0; }
+</style>
+</head>
+<body>
+<a href="#main-content" class="skip-link">Skip to main content</a>
+<div id="root"></div>
+<script>
+"use strict";
+const h = React.createElement;
+const { useState, useEffect, useCallback, useRef, useMemo } = React;
+const API = "/api";
+/* ============================================================
+   SVG ICONS (Lucide-style, 24x24 stroke-based)
+   ============================================================ */
+const Icon = ({ name, size = 18, className = "" }) => {
+  const icons = {
+    home: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z M9 22V12h6v10",
+    network: "M12 2a2 2 0 0 1 2 2c0 .74-.4 1.39-1 1.73V7h3a2 2 0 0 1 2 2v1.27A2 2 0 0 1 19 12a2 2 0 0 1-1 1.73V16a2 2 0 0 1-2 2h-3v1.27A2 2 0 0 1 12 22a2 2 0 0 1-1-3.73V18H8a2 2 0 0 1-2-2v-2.27A2 2 0 0 1 5 12a2 2 0 0 1 1-3.73V7h3V5.73A2 2 0 0 1 10 4a2 2 0 0 1 2-2z",
+    fileText: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z M14 2v6h6 M16 13H8 M16 17H8 M10 9H8",
+    messageSquare: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",
+    edit: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7 M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z",
+    move: "M5 12h14 M12 5l7 7-7 7",
+    menu: "M3 12h18 M3 6h18 M3 18h18",
+    search: "M11 3a8 8 0 1 0 0 16 8 8 0 0 0 0-16z M21 21l-4.35-4.35",
+    chevronRight: "M9 18l6-6-6-6",
+    chevronDown: "M6 9l6 6 6-6",
+    x: "M18 6L6 18 M6 6l12 12",
+    sun: "M12 1v2 M12 21v2 M4.22 4.22l1.42 1.42 M18.36 18.36l1.42 1.42 M1 12h2 M21 12h2 M4.22 19.78l1.42-1.42 M18.36 5.64l1.42-1.42 M12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10z",
+    moon: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z",
+    save: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z M17 21v-8H7v8 M7 3v5h8",
+    check: "M20 6L9 17l-5-5",
+    folder: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z",
+    archive: "M21 8v13H3V8 M1 3h22v5H1z M10 12h4",
+    book: "M4 19.5A2.5 2.5 0 0 1 6.5 17H20 M4 4.5A2.5 2.5 0 0 1 6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15z",
+    layers: "M12 2L2 7l10 5 10-5-10-5z M2 17l10 5 10-5 M2 12l10 5 10-5",
+    clock: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20z M12 6v6l4 2",
+    doc: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z M14 2v6h6",
+    inbox: "M22 12h-6l-2 3H10l-2-3H2",
+  };
+  const d = icons[name];
+  if (!d) return null;
+  const paths = d.split(" M").map((p, i) => i === 0 ? p : "M" + p);
+  return h("svg", {
+    width: size, height: size, viewBox: "0 0 24 24",
+    fill: "none", stroke: "currentColor", strokeWidth: 2,
+    strokeLinecap: "round", strokeLinejoin: "round",
+    className, "aria-hidden": "true"
+  }, ...paths.map((p, i) => h("path", { key: i, d: p })));
+};
+/* ============================================================
+   THEME MANAGEMENT
+   ============================================================ */
+function getInitialTheme() {
+  const stored = localStorage.getItem("pi-para-theme");
+  if (stored === "light" || stored === "dark") return stored;
+  return window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
+}
+function useTheme() {
+  const [theme, setTheme] = useState(getInitialTheme);
+  useEffect(() => {
+    document.documentElement.setAttribute("data-theme", theme);
+    localStorage.setItem("pi-para-theme", theme);
+  }, [theme]);
+  const toggle = useCallback(() => setTheme(t => t === "dark" ? "light" : "dark"), []);
+  return [theme, toggle];
+}
+/* ============================================================
+   TOAST HOOK
+   ============================================================ */
+function useToast() {
+  const [toast, setToast] = useState(null);
+  const timerRef = useRef(null);
+  const show = useCallback((message, type = "success") => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    setToast({ message, type });
+    timerRef.current = setTimeout(() => setToast(null), 3500);
+  }, []);
+  return [toast, show];
+}
+/* ============================================================
+   APP
+   ============================================================ */
+function App() {
+  const [pages, setPages] = useState({});
+  const [currentPage, setCurrentPage] = useState(null);
+  const [view, setView] = useState("home");
+  const [sidebarOpen, setSidebarOpen] = useState(false);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [searchResults, setSearchResults] = useState([]);
+  const [logEntries, setLogEntries] = useState([]);
+  const [sessions, setSessions] = useState([]);
+  const [graphData, setGraphData] = useState({ nodes: [], edges: [] });
+  const [maxNodes, setMaxNodes] = useState(100);
+  const [editing, setEditing] = useState(false);
+  const [editBody, setEditBody] = useState("");
+  const [moveTarget, setMoveTarget] = useState(null);
+  const [loading, setLoading] = useState({});
+  const [scopeFilter, setScopeFilter] = useState("all");
+  const [theme, toggleTheme] = useTheme();
+  const [toast, showToast] = useToast();
+  const searchTimerRef = useRef(null);
+  const setLoadingKey = (key, val) => setLoading(prev => ({ ...prev, [key]: val }));
+  const loadPages = useCallback(async () => {
+    try {
+      const r = await fetch(API + "/pages");
+      if (r.ok) setPages(await r.json());
+    } catch (e) { console.error("Failed to load pages", e); }
+  }, []);
+  useEffect(() => { loadPages(); }, [loadPages]);
+  // Reload graph when scope filter changes while graph view is active
+  useEffect(() => { if (view === "graph") loadGraph(maxNodes); }, [scopeFilter]);
+  const openPage = async (cat, slug) => {
+    setLoadingKey("page", true);
+    try {
+      const r = await fetch(API + "/pages/" + cat + "/" + slug);
+      if (r.ok) {
+        setCurrentPage(await r.json());
+        setView("page");
+        setEditing(false);
+        setSidebarOpen(false);
+      }
+    } catch (e) { showToast("Failed to load page", "error"); }
+    setLoadingKey("page", false);
+  };
+  const savePage = async () => {
+    if (!currentPage) return;
+    setLoadingKey("save", true);
+    try {
+      const r = await fetch(API + "/pages/" + currentPage.category + "/" + currentPage.slug, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ body: editBody })
+      });
+      if (r.ok) {
+        const p = await r.json();
+        setCurrentPage(p);
+        setEditing(false);
+        loadPages();
+        showToast("Page saved successfully");
+      } else {
+        showToast("Failed to save page", "error");
+      }
+    } catch (e) { showToast("Failed to save page", "error"); }
+    setLoadingKey("save", false);
+  };
+  const doSearch = async (q) => {
+    if (!q.trim()) return setSearchResults([]);
+    setLoadingKey("search", true);
+    try {
+      const r = await fetch(API + "/search?q=" + encodeURIComponent(q));
+      if (r.ok) setSearchResults(await r.json());
+    } catch (e) { console.error("Search failed", e); }
+    setLoadingKey("search", false);
+  };
+  // Debounced search
+  const handleSearchInput = (e) => {
+    const q = e.target.value;
+    setSearchQuery(q);
+    if (searchTimerRef.current) clearTimeout(searchTimerRef.current);
+    if (q.length > 1) {
+      setView("search");
+      searchTimerRef.current = setTimeout(() => doSearch(q), 250);
+    }
+  };
+  const loadLog = async () => {
+    setLoadingKey("log", true);
+    const r = await fetch(API + "/log");
+    if (r.ok) setLogEntries(await r.json());
+    setLoadingKey("log", false);
+  };
+  const loadSessions = async () => {
+    setLoadingKey("sessions", true);
+    const r = await fetch(API + "/sessions");
+    if (r.ok) setSessions(await r.json());
+    setLoadingKey("sessions", false);
+  };
+  const loadGraph = async (nodes) => {
+    setLoadingKey("graph", true);
+    const params = [];
+    if (scopeFilter !== "all") params.push("scope=" + encodeURIComponent(scopeFilter));
+    const mn = nodes ?? maxNodes;
+    if (mn !== 100) params.push("maxNodes=" + mn);
+    const qs = params.length ? "?" + params.join("&") : "";
+    const r = await fetch(API + "/graph" + qs);
+    if (r.ok) setGraphData(await r.json());
+    setLoadingKey("graph", false);
+  };
+  const doMovePage = async (newCat) => {
+    if (!moveTarget) return;
+    setLoadingKey("move", true);
+    try {
+      const r = await fetch(API + "/pages/" + moveTarget.category + "/" + moveTarget.slug + "/move", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ to: newCat })
+      });
+      if (r.ok) {
+        setMoveTarget(null);
+        loadPages();
+        if (currentPage?.slug === moveTarget.slug) openPage(newCat, moveTarget.slug);
+        showToast("Page moved to " + newCat);
+      } else {
+        showToast("Failed to move page", "error");
+      }
+    } catch (e) { showToast("Failed to move page", "error"); }
+    setLoadingKey("move", false);
+  };
+  const renderMd = (md) => {
+    let html = marked.parse(md || "");
+    html = html.replace(/\[\[([^\]|]+)(?:\|([^\]]+))?\]\]/g, (m, slug, label) =>
+      '<a href="#" class="wikilink" data-slug="' + slug + '">' + (label || slug) + '</a>');
+    return html;
+  };
+  // Extract unique scopes from all pages
+  const allScopes = useMemo(() => {
+    const scopes = new Set();
+    for (const cat of ["projects", "areas", "resources", "archives"]) {
+      for (const p of (pages[cat] || [])) {
+        if (p.scope) p.scope.forEach(s => { if (s !== "global") scopes.add(s); });
+      }
+    }
+    return [...scopes].sort();
+  }, [pages]);
+  // Filter pages by scope
+  const filteredPages = useMemo(() => {
+    if (scopeFilter === "all") return pages;
+    const result = {};
+    for (const cat of ["projects", "areas", "resources", "archives"]) {
+      result[cat] = (pages[cat] || []).filter(p =>
+        !p.scope || p.scope.includes(scopeFilter) || p.scope.includes("global")
+      );
+    }
+    return result;
+  }, [pages, scopeFilter]);
+  const totalPages = useMemo(() =>
+    ["projects", "areas", "resources", "archives"].reduce((s, c) => (filteredPages[c] || []).length + s, 0),
+    [filteredPages]
+  );
+  const categories = ["projects", "areas", "resources", "archives"];
+  return h("div", { className: "app" },
+    // Overlay for mobile sidebar
+    h("div", {
+      className: "overlay" + (sidebarOpen ? " show" : ""),
+      onClick: () => setSidebarOpen(false),
+      "aria-hidden": "true"
+    }),
+    // Sidebar
+    h("nav", {
+      className: "sidebar" + (sidebarOpen ? " open" : ""),
+      "aria-label": "Wiki navigation"
+    },
+      h("div", { className: "sidebar-header" },
+        h("div", { className: "logo" },
+          h(Icon, { name: "layers", size: 20 }),
+          h("div", null,
+            h("div", { className: "logo-text" }, "pi-para"),
+            h("div", { className: "logo-sub" }, "Knowledge Wiki")
+          )
+        )
+      ),
+      h("div", { className: "sidebar-nav" },
+        categories.map(cat =>
+          h(SidebarSection, {
+            key: cat, cat,
+            pages: filteredPages[cat] || [],
+            currentPage, openPage
+          })
+        )
+      )
+    ),
+    // Main wrapper
+    h("div", { className: "main-wrapper" },
+      // Top bar
+      h("header", { className: "topbar", role: "banner" },
+        h("button", {
+          className: "nav-btn hamburger",
+          onClick: () => setSidebarOpen(!sidebarOpen),
+          "aria-label": "Toggle navigation menu",
+          "aria-expanded": sidebarOpen
+        }, h(Icon, { name: "menu" })),
+        h("button", {
+          className: "nav-btn" + (view === "home" ? " active" : ""),
+          onClick: () => setView("home"),
+          "aria-label": "Home"
+        }, h(Icon, { name: "home" }), h("span", { className: "nav-label" }, "Home")),
+        h("button", {
+          className: "nav-btn" + (view === "graph" ? " active" : ""),
+          onClick: () => { setView("graph"); loadGraph(); },
+          "aria-label": "Graph view"
+        }, h(Icon, { name: "network" }), h("span", { className: "nav-label" }, "Graph")),
+        h("button", {
+          className: "nav-btn" + (view === "log" ? " active" : ""),
+          onClick: () => { setView("log"); loadLog(); },
+          "aria-label": "Activity log"
+        }, h(Icon, { name: "fileText" }), h("span", { className: "nav-label" }, "Log")),
+        h("button", {
+          className: "nav-btn" + (view === "sessions" ? " active" : ""),
+          onClick: () => { setView("sessions"); loadSessions(); },
+          "aria-label": "Session digests"
+        }, h(Icon, { name: "messageSquare" }), h("span", { className: "nav-label" }, "Sessions")),
+        // Scope filter
+        allScopes.length > 0 && h("div", { className: "scope-filter" },
+          h("select", {
+            value: scopeFilter,
+            onChange: e => setScopeFilter(e.target.value),
+            "aria-label": "Filter by project scope"
+          },
+            h("option", { value: "all" }, "All scopes"),
+            allScopes.map(s => h("option", { key: s, value: s }, s))
+          )
+        ),
+        h("div", { className: "search-wrapper" },
+          h(Icon, { name: "search", size: 16 }),
+          h("input", {
+            className: "search-input",
+            type: "search",
+            placeholder: "Search wiki\u2026",
+            value: searchQuery,
+            onChange: handleSearchInput,
+            onKeyDown: e => { if (e.key === "Enter") doSearch(searchQuery); },
+            "aria-label": "Search wiki pages"
+          })
+        ),
+        h("button", {
+          className: "theme-toggle",
+          onClick: toggleTheme,
+          "aria-label": "Toggle " + (theme === "dark" ? "light" : "dark") + " mode",
+          title: "Toggle theme"
+        }, h(Icon, { name: theme === "dark" ? "sun" : "moon", size: 16 }))
+      ),
+      // Main content — scroll wrapper + centered content
+      h("div", { className: "main-scroll" },
+        h("main", { id: "main-content", className: "main" + (view === "graph" ? " main-wide" : ""), role: "main" },
+        view === "home" && h(HomePage, { pages: filteredPages, openPage, totalPages, scopeFilter }),
+        view === "page" && currentPage && h(PageView, {
+          page: currentPage, editing, editBody,
+          setEditing, setEditBody, savePage, renderMd,
+          setMoveTarget, openPage, loading, setView
+        }),
+        view === "search" && h(SearchView, { results: searchResults, openPage, query: searchQuery, loading: loading.search }),
+        view === "graph" && h(GraphView, { data: graphData, openPage, loading: loading.graph, maxNodes, onMaxNodesChange: (n) => { setMaxNodes(n); loadGraph(n); } }),
+        view === "log" && h(LogView, { entries: logEntries, loading: loading.log }),
+        view === "sessions" && h(SessionsView, { sessions, loading: loading.sessions })
+        )
+      )
+    ),
+    // Move modal
+    moveTarget && h(MoveModal, {
+      page: moveTarget,
+      onMove: doMovePage,
+      onClose: () => setMoveTarget(null),
+      loading: loading.move
+    }),
+    // Toast
+    toast && h("div", {
+      className: "toast " + toast.type,
+      role: "status",
+      "aria-live": "polite"
+    },
+      h(Icon, { name: toast.type === "success" ? "check" : "x", size: 16 }),
+      toast.message
+    )
+  );
+}
+/* ============================================================
+   SIDEBAR SECTION
+   ============================================================ */
+function SidebarSection({ cat, pages, currentPage, openPage }) {
+  const [open, setOpen] = useState(cat === "projects" || cat === "areas");
+  const iconName = { projects: "layers", areas: "folder", resources: "book", archives: "archive" }[cat] || "folder";
+  return h("div", { className: "sidebar-section" + (open ? " open" : "") },
+    h("button", {
+      className: "sidebar-section-header",
+      onClick: () => setOpen(!open),
+      "aria-expanded": open,
+      "aria-label": cat + " (" + pages.length + " pages)"
+    },
+      h(Icon, { name: "chevronRight", size: 14 }),
+      h(Icon, { name: iconName, size: 14 }),
+      h("span", null, cat),
+      h("span", { className: "count" }, pages.length)
+    ),
+    h("ul", { className: "sidebar-list", role: "list" },
+      pages.map(p =>
+        h("li", {
+          key: p.slug,
+          className: "sidebar-item" + (currentPage?.slug === p.slug ? " active" : ""),
+          onClick: () => openPage(cat, p.slug),
+          role: "listitem",
+          tabIndex: 0,
+          onKeyDown: e => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); openPage(cat, p.slug); } },
+          "aria-current": currentPage?.slug === p.slug ? "page" : undefined
+        }, p.title || p.slug)
+      )
+    )
+  );
+}
+/* ============================================================
+   HOME PAGE
+   ============================================================ */
+function HomePage({ pages, openPage, totalPages, scopeFilter }) {
+  const cats = ["projects", "areas", "resources", "archives"];
+  return h("div", { className: "content" },
+    h("h1", null, "Wiki Overview",
+      scopeFilter && scopeFilter !== "all" && h("span", { className: "scope-badge" }, scopeFilter)
+    ),
+    // Stats row
+    h("div", { className: "stats-row" },
+      h("div", { className: "stat-card" },
+        h("div", { className: "stat-number" }, totalPages),
+        h("div", { className: "stat-label" }, "Total Pages")
+      ),
+      cats.map(cat =>
+        h("div", { key: cat, className: "stat-card" },
+          h("div", { className: "stat-number" }, (pages[cat] || []).length),
+          h("div", { className: "stat-label" }, cat)
+        )
+      )
+    ),
+    // Category lists
+    cats.map(cat => {
+      const items = pages[cat] || [];
+      if (!items.length) return null;
+      return h("div", { key: cat, className: "home-section" },
+        h("h2", null, cat),
+        h("ul", { className: "home-page-list", role: "list" },
+          items.map(p =>
+            h("li", {
+              key: p.slug,
+              className: "home-page-item",
+              onClick: () => openPage(cat, p.slug),
+              tabIndex: 0,
+              role: "listitem",
+              onKeyDown: e => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); openPage(cat, p.slug); } }
+            },
+              h(Icon, { name: "doc", size: 14 }),
+              h("span", null, p.title || p.slug)
+            )
+          )
+        )
+      );
+    }),
+    totalPages === 0 && h("div", { className: "empty-state" },
+      h(Icon, { name: "inbox", size: 48 }),
+      h("h3", null, "No pages yet"),
+      h("p", null, "Start capturing knowledge and pages will appear here.")
+    )
+  );
+}
+/* ============================================================
+   PAGE VIEW
+   ============================================================ */
+function PageView({ page, editing, editBody, setEditing, setEditBody, savePage, renderMd, setMoveTarget, openPage, loading, setView }) {
+  const contentRef = useRef(null);
+  useEffect(() => {
+    if (!contentRef.current) return;
+    const handleClick = (e) => {
+      const el = e.target.closest(".wikilink");
+      if (!el) return;
+      e.preventDefault();
+      const slug = el.getAttribute("data-slug");
+      if (!slug) return;
+      const cats = ["projects", "areas", "resources", "archives"];
+      for (const c of cats) {
+        fetch(API + "/pages/" + c + "/" + slug)
+          .then(r => { if (r.ok) return r.json(); })
+          .then(p => { if (p) openPage(c, slug); });
+      }
+    };
+    contentRef.current.addEventListener("click", handleClick);
+    return () => { if (contentRef.current) contentRef.current.removeEventListener("click", handleClick); };
+  }, [page, openPage]);
+  if (editing) return h("div", { className: "content" },
+    h("div", { className: "breadcrumb" },
+      h("a", { href: "#", onClick: e => { e.preventDefault(); setView("home"); } }, "Home"),
+      h(Icon, { name: "chevronRight", size: 12 }),
+      h("span", null, page.frontmatter.para),
+      h(Icon, { name: "chevronRight", size: 12 }),
+      h("span", null, "Editing")
+    ),
+    h("h1", null, "Editing: " + page.frontmatter.title),
+    h("div", { className: "editor" },
+      h("label", { htmlFor: "page-editor", style: { display: "block", fontSize: "var(--text-sm)", color: "var(--text-secondary)", marginBottom: "var(--sp-2)" } },
+        "Page content (Markdown)"
+      ),
+      h("textarea", {
+        id: "page-editor",
+        value: editBody,
+        onChange: e => setEditBody(e.target.value),
+        "aria-label": "Page content editor"
+      }),
+      h("div", { className: "editor-actions" },
+        h("button", {
+          className: "btn btn-primary",
+          onClick: savePage,
+          disabled: loading.save,
+          "aria-label": "Save page"
+        },
+          loading.save ? h("span", { className: "spinner" }) : h(Icon, { name: "save", size: 16 }),
+          loading.save ? "Saving\u2026" : "Save"
+        ),
+        h("button", {
+          className: "btn btn-secondary",
+          onClick: () => setEditing(false)
+        }, "Cancel")
+      )
+    )
+  );
+  return h("div", { className: "content" },
+    // Breadcrumb
+    h("div", { className: "breadcrumb" },
+      h("a", { href: "#", onClick: e => { e.preventDefault(); setView("home"); } }, "Home"),
+      h(Icon, { name: "chevronRight", size: 12 }),
+      h("span", null, page.frontmatter.para)
+    ),
+    // Header with actions
+    h("div", { className: "page-header" },
+      h("h1", null, page.frontmatter.title),
+      h("div", { className: "page-actions" },
+        h("button", {
+          className: "btn btn-secondary",
+          onClick: () => { setEditBody(page.body); setEditing(true); },
+          "aria-label": "Edit page"
+        }, h(Icon, { name: "edit", size: 16 }), "Edit"),
+        h("button", {
+          className: "btn btn-secondary",
+          onClick: () => setMoveTarget(page),
+          "aria-label": "Move page to different category"
+        }, h(Icon, { name: "move", size: 16 }), "Move")
+      )
+    ),
+    // Tags
+    h("div", { className: "tags", role: "list", "aria-label": "Page tags" },
+      h("span", { className: "tag para", role: "listitem" }, page.frontmatter.para),
+      ...(page.frontmatter.scope || []).map(s =>
+        h("span", { key: s, className: "tag scope", role: "listitem" }, s)
+      ),
+      ...(page.frontmatter.tags || []).map(t =>
+        h("span", { key: t, className: "tag", role: "listitem" }, t)
+      )
+    ),
+    // Rendered body
+    h("div", {
+      ref: contentRef,
+      className: "content",
+      dangerouslySetInnerHTML: { __html: renderMd(page.body) }
+    }),
+    // Metadata footer
+    page.frontmatter.updated && h("div", { className: "page-meta" },
+      h(Icon, { name: "clock", size: 14 }),
+      "Updated: " + new Date(page.frontmatter.updated).toLocaleDateString("en-US", {
+        year: "numeric", month: "short", day: "numeric"
+      })
+    )
+  );
+}
+/* ============================================================
+   SEARCH VIEW
+   ============================================================ */
+function SearchView({ results, openPage, query, loading }) {
+  return h("div", { className: "content" },
+    h("h1", null, "Search Results"),
+    h("p", { style: { color: "var(--text-secondary)", marginBottom: "var(--sp-4)" } },
+      loading ? "Searching\u2026" :
+      results.length + " result" + (results.length !== 1 ? "s" : "") + (query ? ' for "' + query + '"' : "")
+    ),
+    loading && h("div", { style: { textAlign: "center", padding: "var(--sp-8)" } },
+      h("span", { className: "spinner", style: { width: 24, height: 24 } })
+    ),
+    !loading && results.length === 0 && query && h("div", { className: "empty-state" },
+      h(Icon, { name: "search", size: 48 }),
+      h("h3", null, "No results found"),
+      h("p", null, "Try different keywords or check your spelling.")
+    ),
+    !loading && h("ul", { className: "search-results", role: "list" },
+      results.map((r, i) =>
+        h("li", {
+          key: i,
+          className: "search-result",
+          onClick: () => openPage(r.category, r.slug),
+          tabIndex: 0,
+          role: "listitem",
+          onKeyDown: e => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); openPage(r.category, r.slug); } }
+        },
+          h("div", { className: "search-result-title" }, r.title || r.slug),
+          h("div", { className: "search-result-meta" },
+            h("span", null, r.category + "/" + r.slug),
+            h("div", { className: "score-bar" },
+              h("div", { className: "score-bar-fill", style: { width: ((r.score || 0) * 100) + "%" } })
+            ),
+            h("span", null, ((r.score || 0) * 100).toFixed(0) + "%")
+          ),
+          r.snippet && h("div", { className: "search-result-snippet" }, r.snippet.slice(0, 250))
+        )
+      )
+    )
+  );
+}
+/* ============================================================
+   GRAPH VIEW
+   ============================================================ */
+function GraphView({ data, openPage, loading, onMaxNodesChange, maxNodes }) {
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!ref.current || !data.nodes.length) return;
+    const container = ref.current;
+    const w = container.clientWidth;
+    const ht = container.clientHeight;
+    d3.select(container).select("svg").remove();
+    const svg = d3.select(container).append("svg")
+      .attr("viewBox", [0, 0, w, ht])
+      .attr("role", "img")
+      .attr("aria-label", "Wiki page relationship graph with " + data.nodes.length + " nodes and " + data.edges.length + " connections");
+    const g = svg.append("g");
+    svg.call(d3.zoom()
+      .scaleExtent([0.3, 4])
+      .on("zoom", e => g.attr("transform", e.transform))
+    );
+    const colors = {
+      projects: "#60a5fa",
+      areas: "#34d399",
+      resources: "#fbbf24",
+      archives: "#94a3b8"
+    };
+    const sim = d3.forceSimulation(data.nodes)
+      .force("link", d3.forceLink(data.edges).id(d => d.id).distance(100))
+      .force("charge", d3.forceManyBody().strength(-300))
+      .force("center", d3.forceCenter(w / 2, ht / 2))
+      .force("collision", d3.forceCollide().radius(30));
+    const link = g.selectAll("line").data(data.edges).join("line")
+      .attr("stroke", "var(--border)")
+      .attr("stroke-width", 1.5)
+      .attr("stroke-opacity", 0.5);
+    const nodeGroup = g.selectAll("g.node").data(data.nodes).join("g")
+      .attr("class", "node")
+      .attr("cursor", "pointer")
+      .call(d3.drag()
+        .on("start", (e, d) => { if (!e.active) sim.alphaTarget(0.3).restart(); d.fx = d.x; d.fy = d.y; })
+        .on("drag", (e, d) => { d.fx = e.x; d.fy = e.y; })
+        .on("end", (e, d) => { if (!e.active) sim.alphaTarget(0); d.fx = null; d.fy = null; })
+      )
+      .on("click", (e, d) => openPage(d.category, d.slug));
+    nodeGroup.append("circle")
+      .attr("r", 8)
+      .attr("fill", d => colors[d.category] || "#60a5fa")
+      .attr("stroke", "var(--bg)")
+      .attr("stroke-width", 2);
+    nodeGroup.append("text")
+      .text(d => d.title || d.id)
+      .attr("font-size", 11)
+      .attr("font-family", "var(--font-sans)")
+      .attr("fill", "var(--text)")
+      .attr("dx", 14)
+      .attr("dy", 4)
+      .attr("pointer-events", "none");
+    sim.on("tick", () => {
+      link
+        .attr("x1", d => d.source.x).attr("y1", d => d.source.y)
+        .attr("x2", d => d.target.x).attr("y2", d => d.target.y);
+      nodeGroup.attr("transform", d => "translate(" + d.x + "," + d.y + ")");
+    });
+    return () => sim.stop();
+  }, [data]);
+  return h("div", { className: "content" },
+    h("h1", null, "Knowledge Graph"),
+    h("div", { style: { display: "flex", alignItems: "center", gap: "var(--sp-4)", marginBottom: "var(--sp-3)", flexWrap: "wrap" } },
+      h("p", { style: { color: "var(--text-secondary)", margin: 0 } },
+        data.nodes.length + " pages \u00b7 " + data.edges.length + " connections"
+      ),
+      h("label", { style: { display: "flex", alignItems: "center", gap: "var(--sp-2)", fontSize: "0.85rem", color: "var(--text-secondary)" } },
+        "Max nodes",
+        h("input", {
+          type: "range", min: 10, max: 200, step: 10, value: maxNodes,
+          onChange: (e) => onMaxNodesChange(parseInt(e.target.value)),
+          style: { width: 120 },
+          "aria-label": "Maximum nodes to display"
+        }),
+        h("span", { style: { minWidth: 30, textAlign: "right" } }, maxNodes)
+      )
+    ),
+    loading && h("div", { style: { textAlign: "center", padding: "var(--sp-8)" } },
+      h("span", { className: "spinner", style: { width: 24, height: 24 } })
+    ),
+    !loading && data.nodes.length === 0
+      ? h("div", { className: "empty-state" },
+          h(Icon, { name: "network", size: 48 }),
+          h("h3", null, "No connections yet"),
+          h("p", null, "Add [[wikilinks]] between pages to see the graph.")
+        )
+      : h("div", { style: { position: "relative" } },
+          h("div", { ref, className: "graph-container" }),
+          h("div", { className: "graph-legend", "aria-label": "Graph legend" },
+            ["projects", "areas", "resources", "archives"].map(cat =>
+              h("div", { key: cat, className: "graph-legend-item" },
+                h("div", {
+                  className: "graph-legend-dot",
+                  style: { background: { projects: "#60a5fa", areas: "#34d399", resources: "#fbbf24", archives: "#94a3b8" }[cat] }
+                }),
+                h("span", null, cat)
+              )
+            )
+          )
+        )
+  );
+}
+/* ============================================================
+   LOG VIEW
+   ============================================================ */
+function LogView({ entries, loading }) {
+  return h("div", { className: "content" },
+    h("h1", null, "Activity Log"),
+    h("p", { style: { color: "var(--text-secondary)", marginBottom: "var(--sp-4)" } },
+      entries.length + " entr" + (entries.length !== 1 ? "ies" : "y")
+    ),
+    loading && h("div", { style: { textAlign: "center", padding: "var(--sp-8)" } },
+      h("span", { className: "spinner", style: { width: 24, height: 24 } })
+    ),
+    !loading && entries.length === 0 && h("div", { className: "empty-state" },
+      h(Icon, { name: "fileText", size: 48 }),
+      h("h3", null, "No activity yet"),
+      h("p", null, "Activity will appear here as pages are created and updated.")
+    ),
+    !loading && h("div", { role: "list", "aria-label": "Activity log entries" },
+      entries.map((e, i) =>
+        h("div", { key: i, className: "log-entry", role: "listitem" },
+          h("span", { className: "log-date" }, e.date || ""),
+          h("span", { className: "log-op" }, e.operation || ""),
+          h("span", { className: "log-summary" }, e.summary || ""),
+          e.pages?.length
+            ? h("span", { className: "log-pages" }, e.pages.join(", "))
+            : null
+        )
+      )
+    )
+  );
+}
+/* ============================================================
+   SESSIONS VIEW
+   ============================================================ */
+function SessionsView({ sessions, loading }) {
+  return h("div", { className: "content" },
+    h("h1", null, "Session Digests"),
+    h("p", { style: { color: "var(--text-secondary)", marginBottom: "var(--sp-4)" } },
+      sessions.length + " session" + (sessions.length !== 1 ? "s" : "")
+    ),
+    loading && h("div", { style: { textAlign: "center", padding: "var(--sp-8)" } },
+      h("span", { className: "spinner", style: { width: 24, height: 24 } })
+    ),
+    !loading && sessions.length === 0 && h("div", { className: "empty-state" },
+      h(Icon, { name: "messageSquare", size: 48 }),
+      h("h3", null, "No session digests"),
+      h("p", null, "Session digests will appear as the daemon captures knowledge.")
+    ),
+    !loading && sessions.map((s, i) =>
+      h("div", { key: i, className: "session-entry" },
+        h("div", { className: "session-header" },
+          h("span", { className: "session-project" }, s.project || "unknown"),
+          h("span", { className: "session-date" }, s.date || "")
+        ),
+        h("p", { className: "session-summary" }, s.summary || ""),
+        s.capturedPages?.length
+          ? h("div", { className: "tags", style: { marginTop: "var(--sp-2)" } },
+              s.capturedPages.map(p =>
+                h("span", { key: p, className: "tag" }, "[[" + p + "]]")
+              )
+            )
+          : null
+      )
+    )
+  );
+}
+/* ============================================================
+   MOVE MODAL
+   ============================================================ */
+function MoveModal({ page, onMove, onClose, loading }) {
+  const cats = ["projects", "areas", "resources", "archives"].filter(c => c !== page.category);
+  const [cat, setCat] = useState(cats[0]);
+  return h("div", {
+    className: "modal-backdrop",
+    onClick: e => { if (e.target === e.currentTarget) onClose(); },
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-labelledby": "move-modal-title"
+  },
+    h("div", { className: "modal" },
+      h("h3", { id: "move-modal-title" }, "Move Page"),
+      h("p", { style: { fontSize: "var(--text-sm)", color: "var(--text-secondary)", marginBottom: "var(--sp-4)" } },
+        "Move \"" + page.frontmatter.title + "\" from " + page.category + " to:"
+      ),
+      h("label", { htmlFor: "move-category", style: { display: "block", fontSize: "var(--text-sm)", fontWeight: 500, marginBottom: "var(--sp-1)" } },
+        "Target category"
+      ),
+      h("select", {
+        id: "move-category",
+        value: cat,
+        onChange: e => setCat(e.target.value)
+      },
+        cats.map(c => h("option", { key: c, value: c }, c))
+      ),
+      h("div", { className: "modal-actions" },
+        h("button", { className: "btn btn-secondary", onClick: onClose }, "Cancel"),
+        h("button", {
+          className: "btn btn-primary",
+          onClick: () => onMove(cat),
+          disabled: loading
+        },
+          loading ? h("span", { className: "spinner" }) : null,
+          loading ? "Moving\u2026" : "Move"
+        )
+      )
+    )
+  );
+}
+/* ============================================================
+   MOUNT
+   ============================================================ */
+ReactDOM.createRoot(document.getElementById("root")).render(h(App));
+</script>
+</body>
+</html>