nx-kv 0.1.1

package/src/web/frontend/store.jsx

@@ -0,0 +1,74 @@
+// 全局面板状态：bootstrap 数据 + 会话级选择。
+// 关键约定：凡是「刷新后不该丢」的用户选择（当前视图、中心/项目路径、多选勾选）
+// 一律走 persist 读写 localStorage——UI 状态持久化是模板的硬标准，不是可选项。
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import { api } from './api/client.js';
+
+const LS_KEY = 'nx-kv-ui';
+
+// 只持久化「选择」，不持久化「数据」——数据永远从 /api 拉，避免陈旧缓存。
+const DEFAULT_UI = {
+  view: 'todo',   // 当前 tab
+  topic: '',      // 清单页的主题筛选（空 = 全部）
+};
+// 刻意**不**在这里存当前工作空间：它的真相源是本机配置（~/.nx-kv/config.json），
+// 存两份就会出现「面板显示 A 组、实际写进 B 组」这类不一致。
+
+function loadUi() {
+  try {
+    const raw = localStorage.getItem(LS_KEY);
+    if (!raw) return { ...DEFAULT_UI };
+    return { ...DEFAULT_UI, ...JSON.parse(raw) };
+  } catch {
+    return { ...DEFAULT_UI };
+  }
+}
+
+const StoreCtx = createContext(null);
+
+export function StoreProvider({ children }) {
+  const [boot, setBoot] = useState(null);      // /api/bootstrap 结果
+  const [bundled, setBundled] = useState(null);
+  const [ui, setUi] = useState(loadUi);
+
+  // UI 选择变化即落盘（同步、廉价、无版本迁移问题——字段级合并已兜底）
+  useEffect(() => {
+    try { localStorage.setItem(LS_KEY, JSON.stringify(ui)); } catch { /* 隐私模式等场景静默降级 */ }
+  }, [ui]);
+
+  const refreshBoot = useCallback(async () => {
+    const b = await api('/api/bootstrap');
+    setBoot(b);
+    return b;
+  }, []);
+
+  const refreshBundled = useCallback(async () => {
+    setBundled(await api('/api/bundled').catch(() => null));
+  }, []);
+
+  useEffect(() => { refreshBoot(); refreshBundled(); }, [refreshBoot, refreshBundled]);
+
+  // 支持对象 patch 与函数式 patch（函数式用于「基于最新 state 修剪」场景，避免闭包旧值覆盖）
+  const patchUi = useCallback((patch) => {
+    setUi((u) => (typeof patch === 'function' ? { ...u, ...patch(u) } : { ...u, ...patch }));
+  }, []);
+  const toggleSel = useCallback((key, name) => {
+    setUi((u) => {
+      const set = new Set(u[key]);
+      if (set.has(name)) set.delete(name); else set.add(name);
+      return { ...u, [key]: [...set] };
+    });
+  }, []);
+
+  const value = useMemo(
+    () => ({ boot, bundled, ui, patchUi, toggleSel, refreshBoot, refreshBundled }),
+    [boot, bundled, ui, patchUi, toggleSel, refreshBoot, refreshBundled]
+  );
+  return <StoreCtx.Provider value={value}>{children}</StoreCtx.Provider>;
+}
+
+export function useStore() {
+  const ctx = useContext(StoreCtx);
+  if (!ctx) throw new Error('useStore 必须在 StoreProvider 内使用');
+  return ctx;
+}

package/src/web/frontend/style.css

@@ -0,0 +1,368 @@
+/* nx-kv 面板样式：黑白单色、无 emoji。
+   视觉取向：圆角 + 浅底 + 少线条——用背景层次和留白做区分，不用硬边框和网格线。 */
+:root {
+  --ink: #14161a;
+  --paper: #fff;
+  --soft: #f5f6f7;
+  --soft-2: #ebedf0;
+  --mid: #8b9096;
+  --radius: 12px;
+  --radius-sm: 8px;
+  --shadow: 0 1px 2px rgba(20, 22, 26, 0.06), 0 6px 16px rgba(20, 22, 26, 0.04);
+}
+
+* { box-sizing: border-box; }
+
+body {
+  margin: 0;
+  font-family: system-ui, "Segoe UI", "Microsoft YaHei", sans-serif;
+  font-size: 13.5px;
+  line-height: 1.55;
+  color: var(--ink);
+  background: #fbfbfc;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* ---------- 顶栏 ---------- */
+header {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  padding: 12px 20px;
+  background: var(--paper);
+  box-shadow: 0 1px 0 var(--soft-2);
+  position: sticky;
+  top: 0;
+  z-index: 5;
+}
+.brand { font-weight: 800; letter-spacing: 0.4px; }
+.brand .sub { margin-left: 8px; font-weight: 400; color: var(--mid); font-size: 12px; }
+
+/* 分段控件：整块浅底 + 圆角滑块，取代带边框的直角 tab */
+nav { display: inline-flex; gap: 2px; padding: 3px; background: var(--soft); border-radius: 999px; }
+.tab {
+  font: inherit;
+  border: 0;
+  background: transparent;
+  color: var(--mid);
+  padding: 5px 16px;
+  border-radius: 999px;
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+}
+.tab:hover { color: var(--ink); }
+.tab.active { background: var(--paper); color: var(--ink); font-weight: 600; box-shadow: var(--shadow); }
+
+.meta { margin-left: auto; color: var(--mid); font-family: ui-monospace, Consolas, monospace; font-size: 11.5px; }
+
+main { padding: 18px 20px 28px; max-width: 1240px; margin: 0 auto; }
+.panel { display: none; }
+.panel.active { display: block; }
+
+/* ---------- 工具栏 ---------- */
+.toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 10px; }
+.toolbar label { color: var(--mid); font-size: 12px; }
+.sep { width: 1px; height: 20px; background: var(--soft-2); margin: 0 4px; }
+.grow { max-width: 340px; }
+
+input, select {
+  font: inherit;
+  color: var(--ink);
+  background: var(--paper);
+  border: 1px solid var(--soft-2);
+  border-radius: var(--radius-sm);
+  padding: 6px 10px;
+  transition: border-color 0.15s, box-shadow 0.15s;
+}
+input::placeholder { color: #b3b8bd; }
+input:focus, select:focus {
+  outline: none;
+  border-color: var(--ink);
+  box-shadow: 0 0 0 3px rgba(20, 22, 26, 0.07);
+}
+
+/* ---------- 按钮：圆角、浅底、无硬边框 ---------- */
+.btn {
+  font: inherit;
+  cursor: pointer;
+  padding: 6px 12px;
+  border: 0;
+  border-radius: var(--radius-sm);
+  background: var(--ink);
+  color: var(--paper);
+  transition: opacity 0.15s, background 0.15s, color 0.15s;
+}
+.btn:hover { opacity: 0.86; }
+.btn.ghost { background: var(--soft); color: var(--ink); }
+.btn.ghost:hover { background: var(--soft-2); opacity: 1; }
+.btn.small { padding: 3px 9px; font-size: 12px; border-radius: 7px; }
+.btn:disabled { opacity: 0.4; cursor: default; }
+.btn.danger { background: #b3261e; color: #fff; }
+
+/* ---------- toast / 对话框（取代浏览器原生弹窗） ---------- */
+.toast-stack {
+  position: fixed;
+  left: 50%;
+  bottom: 28px;
+  transform: translateX(-50%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  z-index: 60;
+  pointer-events: none;
+}
+.toast {
+  background: var(--ink);
+  color: var(--paper);
+  font-size: 12.5px;
+  padding: 9px 16px;
+  border-radius: 10px;
+  box-shadow: 0 8px 24px rgba(20, 22, 26, 0.25);
+  max-width: 72vw;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+
+.dlg {
+  position: fixed;
+  inset: 0;
+  background: rgba(251, 251, 252, 0.86);
+  backdrop-filter: blur(2px);
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding: 96px 16px;
+  z-index: 50;
+}
+.dlg-box {
+  background: var(--paper);
+  border-radius: var(--radius);
+  box-shadow: 0 12px 40px rgba(20, 22, 26, 0.16);
+  width: min(460px, 94vw);
+  padding: 16px 18px;
+}
+.dlg-title { font-weight: 700; margin-bottom: 6px; }
+.dlg-msg { color: var(--ink); white-space: pre-wrap; word-break: break-all; margin-bottom: 6px; }
+.dlg-input {
+  width: 100%;
+  margin: 8px 0 4px;
+  font-family: ui-monospace, Consolas, monospace;
+  font-size: 12.5px;
+}
+.dlg-acts { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
+
+/* ---------- 卡片与列表 ---------- */
+.card {
+  background: var(--paper);
+  border-radius: var(--radius);
+  padding: 10px 12px;
+  box-shadow: var(--shadow);
+  margin-bottom: 12px;
+}
+.card.hidden { display: none; }
+.colhead { display: flex; align-items: baseline; gap: 8px; margin: 2px 2px 8px; }
+h3 { font-size: 13px; margin: 0; font-weight: 700; }
+.cols { display: flex; gap: 14px; align-items: flex-start; }
+.col { flex: 1; min-width: 0; }
+.list { padding: 4px; }
+
+/* 行：靠 hover 底色区分，不用分隔线；内容多时允许换行 */
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px 10px;
+  padding: 8px 10px;
+  border-radius: 10px;
+  transition: background 0.12s;
+}
+.row:hover { background: var(--soft); }
+.row + .row { margin-top: 2px; }
+
+/* 清单页行内元素：id / 主题 / 正文 / 时间 / 备注 */
+.row .tid {
+  color: var(--mid);
+  font-family: ui-monospace, Consolas, monospace;
+  font-size: 11.5px;
+  min-width: 30px;
+  text-align: right;
+  flex-shrink: 0;
+}
+.row .topic {
+  font-size: 12px;
+  font-weight: 600;
+  background: var(--soft-2);
+  border-radius: 5px;
+  padding: 1px 6px;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+.row .text {
+  flex: 1;
+  min-width: 0; /* 关键：没有它，长文本会把整个 flex 行撑破 */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.row .time { color: var(--mid); font-size: 11.5px; white-space: nowrap; flex-shrink: 0; }
+.row .note {
+  flex-basis: 100%; /* 强制换行到自己的行 */
+  color: var(--mid);
+  font-size: 11.5px;
+  padding-left: 40px;
+  word-break: break-word;
+}
+
+/* 登录页：行内表单 */
+.row-inline { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
+.row .name { font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.row .desc { color: var(--mid); font-size: 12px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.row .acts { margin-left: auto; display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
+
+/* 平台小按钮（平行、可勾选） */
+.plats { display: flex; gap: 4px; flex-wrap: wrap; }
+.pill {
+  font: inherit;
+  font-size: 11px;
+  line-height: 1;
+  cursor: pointer;
+  padding: 5px 8px;
+  border: 0;
+  border-radius: 999px;
+  background: var(--soft);
+  color: var(--mid);
+  transition: background 0.12s, color 0.12s;
+}
+.pill:hover { background: var(--soft-2); color: var(--ink); }
+.pill.on { background: var(--ink); color: var(--paper); font-weight: 600; }
+/* 形态区分：实体 = 实心（默认 on 样式）；软链接 = 虚线描边 */
+.pill.on.lnk {
+  background: var(--paper);
+  color: var(--ink);
+  border: 1.5px dashed var(--ink);
+  padding: 4px 6.5px;
+}
+
+/* 徽标 */
+.tag {
+  font-size: 11px;
+  padding: 2px 8px;
+  border-radius: 999px;
+  background: var(--soft);
+  color: var(--mid);
+  white-space: nowrap;
+}
+.tag.strong { background: var(--ink); color: var(--paper); }
+
+/* ---------- 表格：去掉网格线，只用极浅的行分隔 ---------- */
+table { width: 100%; border-collapse: collapse; }
+th, td { text-align: left; padding: 9px 10px; vertical-align: top; }
+th { color: var(--mid); font-weight: 600; font-size: 11.5px; }
+tbody tr:hover { background: var(--soft); }
+tbody tr + tr td { box-shadow: inset 0 1px 0 var(--soft); }
+.mono, td.path { font-family: ui-monospace, Consolas, monospace; font-size: 12px; word-break: break-all; }
+td.ops { white-space: nowrap; }
+td.ops .btn { margin: 0 3px 3px 0; }
+.muted { color: var(--mid); }
+.bad { font-weight: 700; }
+
+/* ---------- 点击即复制的路径/标识 ---------- */
+.copyable {
+  cursor: copy;
+  border-bottom: 1px dashed transparent;
+  transition: border-color 0.12s, color 0.12s;
+}
+.copyable:hover { border-bottom-color: var(--mid); }
+.copyable:active { color: var(--ink); }
+/* 适配器总表里多个可复制项并排 */
+dd .adapter-dir { display: inline-block; margin-right: 14px; }
+
+/* ---------- 设置页 ---------- */
+.settings { display: grid; grid-template-columns: 120px 1fr; gap: 10px 16px; align-items: center; }
+.settings dt { color: var(--mid); font-size: 12px; }
+.settings dd { margin: 0; }
+.row-inline { display: flex; gap: 8px; margin-top: 8px; }
+.row-inline input { flex: 1; }
+
+/* ---------- 提示条 ---------- */
+.cli-hint {
+  color: var(--mid);
+  font-size: 11.5px;
+  padding: 6px 4px 2px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 8px;
+  align-items: baseline;
+}
+.cli-hint-label { flex-basis: 100%; }
+/* CLI 命令串：一条命令一个可点击复制的 chip，密集但可读 */
+.cli-cmd {
+  background: var(--soft);
+  border-radius: 5px;
+  padding: 1px 6px;
+  white-space: nowrap;
+}
+
+/* ---------- 弹窗 ---------- */
+.modal {
+  position: fixed;
+  inset: 0;
+  background: rgba(251, 251, 252, 0.86);
+  backdrop-filter: blur(2px);
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding: 48px 16px;
+  z-index: 20;
+}
+.modal.hidden { display: none; }
+.modal-box {
+  background: var(--paper);
+  border-radius: var(--radius);
+  box-shadow: 0 12px 40px rgba(20, 22, 26, 0.16);
+  width: min(880px, 96vw);
+  max-height: 84vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.modal-title {
+  padding: 12px 14px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-weight: 700;
+  box-shadow: 0 1px 0 var(--soft);
+}
+.modal-body { padding: 14px; overflow: auto; }
+
+pre {
+  margin: 0;
+  font-family: ui-monospace, Consolas, monospace;
+  font-size: 12px;
+  line-height: 1.6;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+.d-add { background: var(--soft-2); font-weight: 600; }
+.d-del { color: var(--mid); text-decoration: line-through; }
+
+.conflict-file { background: var(--soft); border-radius: 10px; margin-bottom: 10px; overflow: hidden; }
+.conflict-file .cf-head {
+  padding: 8px 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-family: ui-monospace, Consolas, monospace;
+  font-size: 12px;
+}
+.conflict-file pre { padding: 10px 12px; background: var(--paper); }
+
+footer { color: var(--mid); padding: 14px 20px 24px; font-size: 11.5px; text-align: center; }
+footer code {
+  font-family: ui-monospace, Consolas, monospace;
+  background: var(--soft);
+  border-radius: 6px;
+  padding: 1px 6px;
+}

package/src/web/public/assets/CliHints-3H3KOoDZ.js

@@ -0,0 +1 @@
+import{o as e,s as t,t as n}from"./index-jhTtYCb9.js";var r=t();function i({module:t}){let{boot:i}=e(),a=(i?.commands||[]).filter(e=>e.module===t);return a.length?(0,r.jsxs)(`div`,{className:`cli-hint`,children:[(0,r.jsx)(`span`,{className:`cli-hint-label`,children:`CLI 等价（同构命令，加 --json 得机器可读输出）：`}),a.map(e=>(0,r.jsx)(n,{className:`cli-cmd`,text:e.command,title:`点击复制：${e.usage}`,children:e.command},e.id))]}):null}export{i as t};

package/src/web/public/assets/index-BnWex75m.css

@@ -0,0 +1 @@
+:root{--ink:#14161a;--paper:#fff;--soft:#f5f6f7;--soft-2:#ebedf0;--mid:#8b9096;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #14161a0f, 0 6px 16px #14161a0a}*{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fbfbfc;margin:0;font-family:system-ui,Segoe UI,Microsoft YaHei,sans-serif;font-size:13.5px;line-height:1.55}header{background:var(--paper);box-shadow:0 1px 0 var(--soft-2);z-index:5;align-items:center;gap:20px;padding:12px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:.4px;font-weight:800}.brand .sub{color:var(--mid);margin-left:8px;font-size:12px;font-weight:400}nav{background:var(--soft);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.tab{font:inherit;color:var(--mid);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 16px;transition:background .15s,color .15s}.tab:hover{color:var(--ink)}.tab.active{background:var(--paper);color:var(--ink);box-shadow:var(--shadow);font-weight:600}.meta{color:var(--mid);margin-left:auto;font-family:ui-monospace,Consolas,monospace;font-size:11.5px}main{max-width:1240px;margin:0 auto;padding:18px 20px 28px}.panel{display:none}.panel.active{display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.toolbar label{color:var(--mid);font-size:12px}.sep{background:var(--soft-2);width:1px;height:20px;margin:0 4px}.grow{max-width:340px}input,select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--soft-2);border-radius:var(--radius-sm);padding:6px 10px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#b3b8bd}input:focus,select:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #14161a12}.btn{font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:var(--ink);color:var(--paper);border:0;padding:6px 12px;transition:opacity .15s,background .15s,color .15s}.btn:hover{opacity:.86}.btn.ghost{background:var(--soft);color:var(--ink)}.btn.ghost:hover{background:var(--soft-2);opacity:1}.btn.small{border-radius:7px;padding:3px 9px;font-size:12px}.btn:disabled{opacity:.4;cursor:default}.btn.danger{color:#fff;background:#b3261e}.toast-stack{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--paper);white-space:pre-wrap;word-break:break-all;border-radius:10px;max-width:72vw;padding:9px 16px;font-size:12.5px;box-shadow:0 8px 24px #14161a40}.dlg{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#fbfbfcdb;justify-content:center;align-items:flex-start;padding:96px 16px;display:flex;position:fixed;inset:0}.dlg-box{background:var(--paper);border-radius:var(--radius);width:min(460px,94vw);padding:16px 18px;box-shadow:0 12px 40px #14161a29}.dlg-title{margin-bottom:6px;font-weight:700}.dlg-msg{color:var(--ink);white-space:pre-wrap;word-break:break-all;margin-bottom:6px}.dlg-input{width:100%;margin:8px 0 4px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px}.dlg-acts{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:10px 12px}.card.hidden{display:none}.colhead{align-items:baseline;gap:8px;margin:2px 2px 8px;display:flex}h3{margin:0;font-size:13px;font-weight:700}.cols{align-items:flex-start;gap:14px;display:flex}.col{flex:1;min-width:0}.list{padding:4px}.row{border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 10px;transition:background .12s;display:flex}.row:hover{background:var(--soft)}.row+.row{margin-top:2px}.row .tid{color:var(--mid);text-align:right;flex-shrink:0;min-width:30px;font-family:ui-monospace,Consolas,monospace;font-size:11.5px}.row .topic{background:var(--soft-2);white-space:nowrap;border-radius:5px;flex-shrink:0;padding:1px 6px;font-size:12px;font-weight:600}.row .text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.row .time{color:var(--mid);white-space:nowrap;flex-shrink:0;font-size:11.5px}.row .note{color:var(--mid);word-break:break-word;flex-basis:100%;padding-left:40px;font-size:11.5px}.row-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.row .desc{color:var(--mid);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.row .acts{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.plats{flex-wrap:wrap;gap:4px;display:flex}.pill{font:inherit;cursor:pointer;background:var(--soft);color:var(--mid);border:0;border-radius:999px;padding:5px 8px;font-size:11px;line-height:1;transition:background .12s,color .12s}.pill:hover{background:var(--soft-2);color:var(--ink)}.pill.on{background:var(--ink);color:var(--paper);font-weight:600}.pill.on.lnk{background:var(--paper);color:var(--ink);border:1.5px dashed var(--ink);padding:4px 6.5px}.tag{background:var(--soft);color:var(--mid);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px}.tag.strong{background:var(--ink);color:var(--paper)}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;padding:9px 10px}th{color:var(--mid);font-size:11.5px;font-weight:600}tbody tr:hover{background:var(--soft)}tbody tr+tr td{box-shadow:inset 0 1px 0 var(--soft)}.mono,td.path{word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:12px}td.ops{white-space:nowrap}td.ops .btn{margin:0 3px 3px 0}.muted{color:var(--mid)}.bad{font-weight:700}.copyable{cursor:copy;border-bottom:1px dashed #0000;transition:border-color .12s,color .12s}.copyable:hover{border-bottom-color:var(--mid)}.copyable:active{color:var(--ink)}dd .adapter-dir{margin-right:14px;display:inline-block}.settings{grid-template-columns:120px 1fr;align-items:center;gap:10px 16px;display:grid}.settings dt{color:var(--mid);font-size:12px}.settings dd{margin:0}.row-inline{gap:8px;margin-top:8px;display:flex}.row-inline input{flex:1}.cli-hint{color:var(--mid);flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:6px 4px 2px;font-size:11.5px;display:flex}.cli-hint-label{flex-basis:100%}.cli-cmd{background:var(--soft);white-space:nowrap;border-radius:5px;padding:1px 6px}.modal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;background:#fbfbfcdb;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex;position:fixed;inset:0}.modal.hidden{display:none}.modal-box{background:var(--paper);border-radius:var(--radius);flex-direction:column;width:min(880px,96vw);max-height:84vh;display:flex;overflow:hidden;box-shadow:0 12px 40px #14161a29}.modal-title{box-shadow:0 1px 0 var(--soft);justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;display:flex}.modal-body{padding:14px;overflow:auto}pre{white-space:pre-wrap;word-break:break-all;margin:0;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.6}.d-add{background:var(--soft-2);font-weight:600}.d-del{color:var(--mid);text-decoration:line-through}.conflict-file{background:var(--soft);border-radius:10px;margin-bottom:10px;overflow:hidden}.conflict-file .cf-head{justify-content:space-between;align-items:center;padding:8px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12px;display:flex}.conflict-file pre{background:var(--paper);padding:10px 12px}footer{color:var(--mid);text-align:center;padding:14px 20px 24px;font-size:11.5px}footer code{background:var(--soft);border-radius:6px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace}