@retaw106/mmc-oc 0.0.0-stage → 1.2.2

package/dist/web/memories.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Read-only memory search and detail for the web panel (plan 11 P2a, D15/D16/D17).
+ *
+ * Pure SELECTs against context.db — no writes, no maintenance semantics.
+ * Search reuses the production FTS5 index (memories_fts, external-content
+ * over memories); every user term is quoted so queries stay phrase-safe.
+ */
+import type { Database } from "../shared/sqlite";
+export type MemoryStatusFilter = "unarchived" | "expired-unarchived" | "archived" | "all";
+export interface PanelMemory {
+    id: number;
+    category: string;
+    content: string;
+    importance: number | null;
+    status: string | null;
+    expiresAt: number | null;
+    /** D16: unarchived (active/permanent) but past its expiry — flagged, never hidden. */
+    expiredUnarchived: boolean;
+    verificationStatus: string | null;
+    supersededByMemoryId: number | null;
+    mergedFrom: string | null;
+    shareable: boolean;
+    scope: string;
+    createdAt: number;
+    updatedAt: number;
+}
+export interface PanelMemorySearch {
+    memories: PanelMemory[];
+    truncated: boolean;
+}
+export interface MemoryQueryOptions {
+    q?: string;
+    category?: string;
+    status?: MemoryStatusFilter;
+    limit?: number;
+}
+export declare function searchProjectMemories(db: Database, projectPath: string, options: MemoryQueryOptions, now: number): PanelMemorySearch;
+export declare function getMemoryDetail(db: Database, projectPath: string, memoryId: number, now: number): {
+    memory: PanelMemory;
+    semanticSnapshot: {
+        status: string;
+        category: string;
+        contentHash: string;
+    };
+    verifications: PanelMemoryVerification[];
+    mutationLog: PanelMemoryMutation[];
+} | null;
+export interface PanelMemoryVerification {
+    filePath: string;
+    verifiedAt: number;
+    /** False for the mapped-but-not-yet-verified state (verified_at = 0). */
+    verified: boolean;
+    mappedAt: number;
+    mappingOrigin: string;
+}
+export interface PanelMemoryMutation {
+    id: number;
+    mutationType: string;
+    targetMemoryId: number;
+    supersededById: number | null;
+    category: string | null;
+    newContent: string | null;
+    queuedAt: number;
+    /** D17 terminal-first projection: superseded/archive rows are terminal. */
+    terminal: boolean;
+}
+//# sourceMappingURL=memories.d.ts.map

package/dist/web/memories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"memories.d.ts","sourceRoot":"","sources":["../../src/web/memories.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGjD,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,oBAAoB,GAAG,UAAU,GAAG,KAAK,CAAC;AAE1F,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,sFAAsF;IACtF,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;CACtB;AAQD,MAAM,WAAW,kBAAkB;IAC/B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAkBD,wBAAgB,qBAAqB,CACjC,EAAE,EAAE,QAAQ,EACZ,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,kBAAkB,EAC3B,GAAG,EAAE,MAAM,GACZ,iBAAiB,CAiCnB;AAiBD,wBAAgB,eAAe,CAC3B,EAAE,EAAE,QAAQ,EACZ,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,MAAM,GACZ;IACC,MAAM,EAAE,WAAW,CAAC;IACpB,gBAAgB,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5E,aAAa,EAAE,uBAAuB,EAAE,CAAC;IACzC,WAAW,EAAE,mBAAmB,EAAE,CAAC;CACtC,GAAG,IAAI,CA4DP;AAED,MAAM,WAAW,uBAAuB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,QAAQ,EAAE,OAAO,CAAC;CACrB"}

package/dist/web/server.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Read-only HTTP server for the web panel (plan 11 P2a).
+ *
+ * node:http only — the built artifact must start under both node and bun.
+ * Security posture (read side, D27-adjacent):
+ *  - binds 127.0.0.1 only, no other interface;
+ *  - Host header allowlist (127.0.0.1 / localhost / [::1]) against DNS
+ *    rebinding;
+ *  - GET-only: every other method answers 405 and there are no write
+ *    endpoints at all;
+ *  - strict CSP (`script-src 'self'`, no inline), nosniff,
+ *    `frame-ancestors 'none'`, `Cache-Control: no-store` everywhere;
+ *  - every response carries the read time (X-Mmc-Read-At header; `readAt`
+ *    field in API bodies).
+ */
+export declare const DEFAULT_WEB_PORT = 4180;
+export declare const DEFAULT_WEB_HOST = "127.0.0.1";
+export interface WebServerOptions {
+    port?: number;
+    host?: string;
+    /** Directory served at / and /ui/*; falls back to the bundle-relative ui/. */
+    uiRoot?: string;
+    /** Panel data sources; see views.PanelSources (piConverter wires Pi projection). */
+    sources?: PanelSourcesInput;
+    /** Write CSRF token (D26); generated at startup when omitted. Test seam only. */
+    writeToken?: string;
+}
+type PanelSourcesInput = import("./views").PanelSources;
+export interface WebServerHandle {
+    url: string;
+    port: number;
+    /** D26 write CSRF token — the UI fetches it once via GET /api/session. */
+    writeToken: string;
+    close: () => Promise<void>;
+}
+export declare function resolveDefaultUiRoot(): string;
+export declare function startWebServer(options?: WebServerOptions): Promise<WebServerHandle>;
+/** Identity strings: git:/dir: forms and session ids. `..`, URL tricks and separators are rejected. */
+export declare function isValidProjectPath(value: string): boolean;
+export declare function isValidSessionId(value: string): boolean;
+export {};
+//# sourceMappingURL=server.d.ts.map

package/dist/web/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/web/server.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAoCH,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,eAAO,MAAM,gBAAgB,cAAc,CAAC;AA0B5C,MAAM,WAAW,gBAAgB;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oFAAoF;IACpF,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,KAAK,iBAAiB,GAAG,OAAO,SAAS,EAAE,YAAY,CAAC;AAExD,MAAM,WAAW,eAAe;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,wBAAgB,oBAAoB,IAAI,MAAM,CAE7C;AAED,wBAAgB,cAAc,CAAC,OAAO,GAAE,gBAAqB,GAAG,OAAO,CAAC,eAAe,CAAC,CA2CvF;AAqdD,uGAAuG;AACvG,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAOzD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAOvD"}

package/dist/web/types.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Typed data-availability states for the web review panel (plan 11 §3.2).
+ *
+ * The panel reads three sources: the mmc shared store (context.db), the OC2
+ * host store (opencode.db, read-only), and Pi host sessions (jsonl, read-only).
+ * Every source resolves to exactly one of these states so the UI layer can
+ * render 缺失 / 不兼容 / 不可读 distinctly instead of collapsing them into a
+ * generic error (D28's classified handling).
+ */
+export type WebSourceStatus = {
+    kind: "ok";
+}
+/** 源缺失: file/directory absent, or the path could not be resolved at all. */
+ | {
+    kind: "missing";
+    detail: string;
+}
+/**
+ * mmc context schema fence (persisted migration version) is newer than this
+ * build supports. Writes are forbidden and P1 reads nothing beyond the
+ * status itself; no migration is ever attempted (D28, frozen v1).
+ */
+ | {
+    kind: "schema-fence-unsupported";
+    persistedVersion: number;
+    latestSupportedVersion: number;
+}
+/**
+ * OC2 host store generation is not the one the v2 reader understands.
+ * Only THIS host's raw reads are disabled; the mmc store and Pi jsonl are
+ * unaffected (D28). Semantics reuse assertOpenCodeStoreGeneration.
+ */
+ | {
+    kind: "store-generation-unsupported";
+    path: string;
+    expected: string;
+    actual: string;
+}
+/** Any other open/read failure (I/O error, corrupt file, busy-after-retry). */
+ | {
+    kind: "read-failed";
+    detail: string;
+};
+export declare function isWebSourceOk(status: WebSourceStatus): boolean;
+/**
+ * Compartment boundary linkage (D14): a compartment whose start/end message id
+ * is the legacy empty string must be reported as unlinked — never mapped onto
+ * an ordinal position as a substitute.
+ */
+export type WebBoundaryLink = "unlinked" | "by-id";
+export declare function webBoundaryLink(messageId: string | null | undefined): WebBoundaryLink;
+//# sourceMappingURL=types.d.ts.map

package/dist/web/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/web/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,MAAM,MAAM,eAAe,GACrB;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE;AAChB,4EAA4E;GAC1E;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;AACrC;;;;GAIG;GACD;IACI,IAAI,EAAE,0BAA0B,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,sBAAsB,EAAE,MAAM,CAAC;CAClC;AACH;;;;GAIG;GACD;IACI,IAAI,EAAE,8BAA8B,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAClB;AACH,+EAA+E;GAC7E;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,wBAAgB,aAAa,CAAC,MAAM,EAAE,eAAe,GAAG,OAAO,CAE9D;AAED;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,OAAO,CAAC;AAEnD,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,eAAe,CAErF"}

package/dist/web/ui/favicon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="9" fill="#c5f36b"/>
+  <text x="16" y="22.5" font-family="ui-monospace, monospace" font-size="17" font-weight="800" text-anchor="middle" fill="#17220d">m</text>
+</svg>

package/dist/web/ui/index.html

@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow">
+    <meta name="color-scheme" content="dark">
+    <title>mmc · 本机数据审阅</title>
+    <link rel="icon" href="/ui/favicon.svg" type="image/svg+xml">
+    <link rel="stylesheet" href="/ui/panel.css">
+    <script src="/ui/panel.js" defer></script>
+  </head>
+  <body>
+    <header class="topbar">
+      <a class="brand" href="/" aria-label="mmc 审阅面板首页"><span class="brand-mark">m</span><span>mmc <small>本机审阅</small></span></a>
+      <div class="top-actions"><span id="read-at" class="read-at">尚未读取</span><button id="refresh" class="button button-primary" type="button">刷新数据</button></div>
+    </header>
+    <main class="workspace" id="workspace">
+      <aside class="rail panel" id="project-pane" aria-label="项目">
+        <div class="pane-heading"><div><p class="eyebrow">WORKSPACE</p><h1>项目</h1></div><span id="project-count" class="count-pill">—</span></div>
+        <div id="source-status" class="source-status" aria-live="polite"></div>
+        <div id="projects" class="project-list"></div>
+      </aside>
+      <section class="list-pane panel" id="list-pane" aria-label="项目内容">
+        <div class="pane-heading"><div><p class="eyebrow" id="list-eyebrow">选择项目</p><h2 id="list-title">审阅内容</h2></div></div>
+        <div class="tabs" role="tablist" aria-label="内容类别"><button class="tab active" id="sessions-tab" role="tab" aria-selected="true" type="button">会话</button><button class="tab" id="memories-tab" role="tab" aria-selected="false" type="button">记忆</button></div>
+        <div id="list-controls" class="list-controls"></div>
+        <div id="items" class="item-list" aria-live="polite"></div>
+      </section>
+      <section class="detail-pane panel" id="detail-pane" aria-label="详情">
+        <div id="detail" class="detail-empty"><span class="empty-glyph">⌁</span><h2>选择一条记录</h2><p>原文、摘要与记忆都以只读方式呈现。</p></div>
+      </section>
+    </main>
+    <div id="toast" class="toast" role="status" aria-live="polite"></div>
+  </body>
+</html>

package/dist/web/ui/panel.css

@@ -0,0 +1,8 @@
+:root{font-family:"Manrope","Noto Sans SC",sans-serif;color:#e8e9e6;background:#0d1010;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#0d1010;--surface:#131817;--surface-2:#191f1d;--line:#28312e;--muted:#89928d;--text:#e8e9e6;--accent:#c5f36b;--accent-ink:#1b2510;--amber:#f1ba67;--red:#f08d7e;--mono:"DM Mono",ui-monospace,monospace;--radius:12px;color-scheme:dark;font-variant-numeric:tabular-nums}
+*{box-sizing:border-box}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 73% -18%,#28332a 0,transparent 35%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{color:inherit}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #29312e;background:#101413eF;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:-.04em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;font-weight:500;margin-top:2px}.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:var(--accent);color:#17220d;border-radius:9px;font-size:20px;font-weight:800}.top-actions{display:flex;align-items:center;gap:15px}.read-at{font:11px var(--mono);color:#aab4ae}.button{border:1px solid var(--line);border-radius:8px;padding:8px 13px;min-height:38px;background:#1b211f;cursor:pointer;transition:background .16s,border-color .16s,transform .12s}.button:hover{border-color:#71835a;background:#232b26}.button:active{transform:scale(.96)}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.button-primary:hover{background:#d4ff85}.workspace{display:grid;grid-template-columns:minmax(220px,258px) minmax(285px,350px) minmax(0,1fr);gap:12px;padding:14px;height:calc(100vh - 64px);min-height:540px}.panel{background:linear-gradient(145deg,#151a18,#121615 70%);border:1px solid #242d29;border-radius:var(--radius);min-width:0;overflow:hidden;box-shadow:0 16px 38px #0002}.rail,.list-pane{display:flex;flex-direction:column}.pane-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 15px}.pane-heading h1,.pane-heading h2{font-size:18px;letter-spacing:-.035em;margin:2px 0 0}.eyebrow{font:9px var(--mono);letter-spacing:.13em;color:#8c9a8f;margin:0}.count-pill,.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;background:#242c28;color:#b6c0b8;font:10px var(--mono);white-space:nowrap}.source-status{padding:0 14px 12px;display:grid;gap:5px}.source-row{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-radius:7px;background:#111614;font-size:10px;color:#aab3ad}.source-label{display:flex;align-items:center;gap:7px}.dot{width:7px;height:7px;border-radius:50%;background:#68c995;box-shadow:0 0 9px #68c95566}.dot.bad{background:var(--red);box-shadow:0 0 9px #f08d7e55}.dot.warn{background:var(--amber);box-shadow:0 0 9px #f1ba6755}.source-state{font:9px var(--mono);color:#c3ccc6}.source-detail{grid-column:1/-1;color:#d2948a;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.project-list,.item-list{overflow:auto;padding:0 8px 12px}.project-card,.item-card{width:100%;display:block;text-align:left;border:1px solid transparent;background:transparent;border-radius:9px;padding:11px 10px;cursor:pointer;transition:background .15s,border-color .15s;min-width:0}.project-card:hover,.item-card:hover{background:#1b221f}.project-card.selected,.item-card.selected{background:#202821;border-color:#3c4b35;box-shadow:inset 2px 0 var(--accent)}.project-path{display:block;font:11px var(--mono);color:#e3eadf;overflow-wrap:anywhere;line-height:1.55}.project-meta,.item-meta{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:var(--muted);font-size:10px}.project-flags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.flag{font:9px var(--mono);color:#d2bd8e;background:#30291d;border-radius:4px;padding:3px 5px}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 16px;gap:20px}.tab{border:0;border-bottom:2px solid transparent;background:none;padding:0 2px 11px;color:#89948d;cursor:pointer;font-size:12px}.tab.active{color:var(--accent);border-color:var(--accent);font-weight:700}.list-controls{padding:12px 14px 10px;display:grid;gap:8px;border-bottom:1px solid #222a27}.control-row{display:flex;gap:7px}.field{min-width:0;width:100%;background:#0f1412;border:1px solid #2c3631;border-radius:7px;color:var(--text);padding:8px 9px;font-size:11px;outline:none}.field:focus{border-color:#9fc75d;box-shadow:0 0 0 2px #b6e76a1f}.field::placeholder{color:#727e76}.control-row .field{flex:1}.checkline{display:flex;align-items:center;gap:7px;color:#aab4ad;font-size:10px}.checkline input{accent-color:var(--accent)}.item-card{padding:11px 10px;margin:2px 0}.item-title{font-size:12px;font-weight:600;color:#e2e7e2;line-height:1.45;display:block;overflow-wrap:anywhere}.item-sub{display:block;color:#8e9992;font-size:10px;margin-top:5px}.item-snippet{display:block;color:#aeb7b1;font-size:10px;line-height:1.5;margin-top:6px;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.item-card .badge{margin-left:5px}.item-card .flag{margin-left:5px}.detail-pane{overflow:auto;position:relative}.detail-content{padding:25px clamp(18px,3vw,38px) 35px;max-width:1100px;margin:0 auto}.detail-empty{height:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:30px}.detail-empty h2{font-size:16px;color:#d6ddd7;margin:13px 0 3px}.detail-empty p{font-size:11px}.empty-glyph{font:50px var(--mono);color:#829464;opacity:.65}.detail-kicker{font:10px var(--mono);color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.detail-title{font-size:22px;line-height:1.35;letter-spacing:-.04em;margin:7px 0 8px;overflow-wrap:anywhere;text-wrap:balance}.detail-meta{display:flex;flex-wrap:wrap;gap:7px;color:#a1aaa4;font-size:10px;margin-bottom:21px}.section{border-top:1px solid #2a332f;padding:18px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.section-head h3{font-size:12px;margin:0;letter-spacing:.02em}.section-note{font:9px var(--mono);color:#77837b}.compartment{background:#171e1b;border:1px solid #2a342f;border-radius:9px;padding:13px;margin:8px 0}.comp-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.comp-title{font-size:12px;font-weight:700}.comp-meta{font:9px var(--mono);color:#98a59b;white-space:nowrap}.comp-content,.prose{font-size:11px;line-height:1.75;color:#c8d0ca;white-space:pre-wrap;overflow-wrap:anywhere}.comp-content{margin:9px 0}.comp-details{display:grid;gap:7px}.bound-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#939e96;font-size:9px;margin-top:10px}.link-button{border:1px solid #46513f;background:#202820;color:#d6ebba;border-radius:5px;padding:5px 8px;font-size:10px;cursor:pointer}.link-button:disabled{opacity:.6;cursor:not-allowed}.message{border-left:2px solid #47534b;padding:8px 10px;margin:10px 0;background:#141a17;border-radius:0 7px 7px 0}.message.user{border-color:#9abc5e}.message.assistant{border-color:#668b9b}.message-head{display:flex;justify-content:space-between;gap:10px;color:#a4b09f;font:9px var(--mono);margin-bottom:7px}.message-body{font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:#e0e4df}.tool-block{border:1px solid #303b35;border-radius:6px;margin-top:8px;overflow:hidden}.tool-head{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;background:#202723;color:#b9c3bc;font:9px var(--mono)}.tool-output{padding:9px;margin:0;color:#c7d0c9;font:10px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto}.pager{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.note-card,.evidence-card{padding:10px;border:1px solid #29332e;border-radius:8px;background:#141a17;margin:7px 0}.note-card p,.evidence-card p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.6}.memory-content{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;padding:13px;background:#151c18;border-radius:8px;border:1px solid #29332e}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kv{padding:9px;background:#141a17;border-radius:7px;min-width:0}.kv-label{font:9px var(--mono);color:#859188;display:block;margin-bottom:5px}.kv-value{font-size:11px;color:#dce2dc;overflow-wrap:anywhere}.draft-box{width:100%;min-height:95px;resize:vertical}.saved{font-size:10px;color:#a9ce73}.loading,.empty-state,.error-state{padding:24px 13px;text-align:center;color:#9ba59f;font-size:11px;line-height:1.6}.error-state{color:#efa093}.empty-state strong{display:block;color:#d9dfda;font-size:12px;margin-bottom:5px}.inline-error{padding:10px;border-radius:7px;background:#321f1c;color:#f0aa9e;font-size:10px;margin:8px 0}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#29352b;color:#e4f3d2;border:1px solid #516347;padding:9px 13px;border-radius:8px;font-size:11px;transition:opacity .18s,transform .18s;z-index:8}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-back{display:none}
+@media(max-width:1000px){.workspace{grid-template-columns:220px minmax(260px,320px) minmax(0,1fr);gap:8px;padding:9px}.detail-content{padding:20px 18px}}
+@media(max-width:760px){.topbar{height:56px;padding:0 13px}.read-at{display:none}.workspace{display:block;height:auto;min-height:calc(100vh - 56px);padding:8px}.panel{display:none;min-height:calc(100vh - 72px)}body[data-level="projects"] #project-pane,body[data-level="list"] #list-pane,body[data-level="detail"] #detail-pane{display:flex}body[data-level="detail"] #detail-pane{display:block}.pane-heading{padding:16px}.source-status{padding:0 12px 10px}.mobile-back{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--accent);padding:0 0 14px;font-size:11px;cursor:pointer}.detail-content{padding:16px 14px 30px}.detail-title{font-size:19px}.top-actions{gap:8px}.button{padding:7px 10px}.kv-grid{grid-template-columns:1fr}}
+@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
+.source-extra{padding:0 9px 8px;color:#8f9a93;font-size:9px}.source-extra summary{cursor:pointer;color:#aeb7b1}.source-extra p{margin:5px 0 0;overflow-wrap:anywhere;line-height:1.55}.message.jump-highlight{background:#263321;border-left-color:var(--accent);box-shadow:0 0 0 1px #c5f36b55;transition:background .18s,box-shadow .18s}.error-state strong{display:block;color:#f5b2a6;font-size:12px;margin:0 0 5px}.error-state p{margin:4px 0}
+@media(max-width:760px){body[data-level="detail"] #detail-pane{overflow:visible}}
+.edit-row{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap}.edit-row .kv-label{margin:0}.edit-row .field{width:auto;min-width:90px;max-width:170px}.edit-actions{display:flex;gap:8px;margin-top:11px;flex-wrap:wrap}.conflict-box{border:1px solid #6b4a33;background:#2a1d15;border-radius:8px;padding:11px;margin-top:9px;display:grid;gap:8px}.conflict-box strong{font-size:11px;color:#f0b593}