pi-web-ui 0.91.0 → 0.92.0

package/dist/server/text-sniff.js

@@ -20,6 +20,10 @@ const PREVIEW_IMAGE_EXTS = new Set([
     "tiff",
 ]);
 const PREVIEW_VIDEO_EXTS = new Set(["mp4", "webm", "mov", "mkv", "avi", "m4v", "ogv", "mpg", "mpeg", "wmv", "flv"]);
+/** 浏览器 <audio> 能直接播放的音频容器（present_files 的卡片与 /api/file 白名单
+ *  共用这一份）：不在表里的（wma/aiff/midi/…）一律按二进制处理，让用户下载或
+ *  本地打开，而不是给一个永远播不出来的播放器。 */
+const PREVIEW_AUDIO_EXTS = new Set(["mp3", "wav", "wave", "ogg", "oga", "opus", "m4a", "aac", "flac", "weba"]);
 const PREVIEW_TEXT_EXTS = new Set([
     // code
     "ts",
@@ -151,6 +155,17 @@ export function previewKind(name) {
         return "text";
     return "none";
 }
+/**
+ * 扩展名是否为浏览器可直接播放的音频。与 previewKind 分开：PreviewKind 只有
+ * image/video/text/none 四档（右栏图标、附件、预览弹窗都按它分支），把音频塞进去
+ * 要动整条链路；而 /api/file 的媒体白名单与 present_files 的卡片只需要一个
+ * 「能不能 inline 播」的布尔判断。
+ */
+export function isAudioFile(name) {
+    const dot = name.lastIndexOf(".");
+    const ext = dot > 0 ? name.slice(dot + 1).toLowerCase() : "";
+    return PREVIEW_AUDIO_EXTS.has(ext);
+}
 /**
  * Content sniff for the preview: any data that has no NUL bytes and no
  * meaningful control-char ratio is treated as text — so files with unknown

package/dist/server/themes.js

@@ -22,9 +22,10 @@ const ID_RE = /^[A-Za-z0-9_-]+$/;
  *  filename stays ASCII (id must match ID_RE). */
 const THEME_NAME_RE = /\/\*\s*theme-name:\s*(.+?)\s*\*\//;
 const THEME_NAME_EN_RE = /\/\*\s*theme-name-en:\s*(.+?)\s*\*\//;
+const THEME_GROUP_RE = /\/\*\s*theme-group:\s*(.+?)\s*\*\//;
 function readDisplayName(path, fallback) {
     try {
-        const head = readFileSync(path, "utf8").slice(0, 300);
+        const head = readFileSync(path, "utf8").slice(0, 400);
         return head.match(THEME_NAME_RE)?.[1]?.trim() || fallback;
     }
     catch {
@@ -33,13 +34,25 @@ function readDisplayName(path, fallback) {
 }
 function readDisplayNameEn(path) {
     try {
-        const head = readFileSync(path, "utf8").slice(0, 300);
+        const head = readFileSync(path, "utf8").slice(0, 400);
         return head.match(THEME_NAME_EN_RE)?.[1]?.trim() || undefined;
     }
     catch {
         return undefined;
     }
 }
+function readGroup(path) {
+    try {
+        const head = readFileSync(path, "utf8").slice(0, 400);
+        const g = head.match(THEME_GROUP_RE)?.[1]?.trim();
+        if (g === "classic")
+            return "classic";
+    }
+    catch {
+        // ignore
+    }
+    return "builtin";
+}
 export function listThemes(builtinDir, userDir) {
     const scan = (dir, builtin) => {
         if (!existsSync(dir))
@@ -53,10 +66,12 @@ export function listThemes(builtinDir, userDir) {
             const id = f.slice(0, -4);
             const name = readDisplayName(path, id);
             const nameEn = readDisplayNameEn(path);
+            const group = readGroup(path);
             return {
                 id,
                 name,
                 builtin,
+                group,
                 ...(nameEn ? { nameEn } : {}),
             };
         });

package/dist/server/tool-manager.js

@@ -58,9 +58,12 @@ export const SKILL_TOOL_NAME = "skill";
 export const SCHEDULE_TASK_TOOL_NAME = "schedule_task";
 export const SCHEDULE_LIST_TOOL_NAME = "schedule_list";
 export const SCHEDULE_CANCEL_TOOL_NAME = "schedule_cancel";
+/** 展示文件工具（定义见 present-files-tool.ts）：把图片/视频/文本作为预览卡片
+ *  推到对话里，卡片带预览/本地打开/在文件夹中显示/下载/复制路径。 */
+export const PRESENT_FILES_TOOL_NAME = "present_files";
 /** 旧工具名（持久化迁移用；新代码一律用 MARKERS_LIST_TOOL_NAME）。 */
 export const LEGACY_MARKERS_LIST_TOOL_NAME = "markers_list";
-/** 可开关的 Agent 工具总目录（共 24 个；bash 本体与 SDK 内置 edit/read
+/** 可开关的 Agent 工具总目录（共 25 个；bash 本体与 SDK 内置 edit/read
  *  不进目录——关了 agent 就残了，不给关）。 */
 export const AGENT_TOOL_CATALOG = [
     ...TERMINAL_TOOL_NAMES.map((name) => ({
@@ -92,6 +95,9 @@ export const AGENT_TOOL_CATALOG = [
     { name: SCHEDULE_TASK_TOOL_NAME, group: "other", defaultOn: true, dshVisible: false },
     { name: SCHEDULE_LIST_TOOL_NAME, group: "other", defaultOn: true, dshVisible: false },
     { name: SCHEDULE_CANCEL_TOOL_NAME, group: "other", defaultOn: true, dshVisible: false },
+    // 展示文件给用户（图片/视频内联、文本开预览弹窗、本地打开按钮）：默认开，
+    // 不打开模型根本不知道能“给用户看”；DSH 引擎没有该 customTool（走 shipped preset）。
+    { name: PRESENT_FILES_TOOL_NAME, group: "other", defaultOn: true, dshVisible: false },
 ];
 const KNOWN_NAMES = new Set(AGENT_TOOL_CATALOG.map((t) => t.name));
 /** 是否为本表登记的可开关工具（未知名一律 false，不抛错）。 */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pi-web-ui",
-	"version": "0.91.0",
+	"version": "0.92.0",
 	"description": "Just open your browser to get all your work done — browser cockpit for AI coding agents (chat, code, files, terminal, Git in one tab)",
 	"license": "MIT",
 	"author": {

package/plugin-sdk/README.md

@@ -120,6 +120,7 @@ describe("my-plugin", () => {
 | `kind: "select"` + `options` + `value`，`host.ui.update(id, { value })` 刷新                     | ✅                    | 顶栏/输入框/消息工具条已渲染    |
 | `when` 肯定形条件（`file.isDir` / `file.isFile` / `session.isRunning` / `message.hasSelection`） | —                     | 右键菜单现场求值，置灰          |
 | `settings` 新增 `secret` 类型（加密存，浏览器只见有无）                                          | ✅                    | 设置表单掩码 + 留空不改         |
+| `settings` 的 `select` 支持 `optionsFrom`（宿主现算候选值：`models` / `thinkingLevels`）         | ✅                    | 下拉自动带「跟随全局默认」      |
 | `host.llm.complete`（孤立无工具补全，不建对话）                                                  | ✅（要 `llm` 能力族） | —                               |
 | `schedule` 持久版（`{id, persistent, catchUp, label}`，落盘+补跑+进后台面板）                    | ✅                    | —                               |
 | `host.requestPermission`（动态授权：net 补主机 / llm 限模型，用户逐条确认可记住）                | ✅（基础族须已声明）  | 确认框 + 设置面板「已授权能力」 |

package/plugins/catalog.json

@@ -98,5 +98,15 @@
 		"descriptionEn": "Image workbench: compress (with target-size binary search), crop, resize, rotate/flip, format conversion (PNG/JPEG/WebP/AVIF), batch ZIP export, watermark, filters, image info + EXIF, and direct workspace read/write. Ships 4 AI tools so the agent can compress/crop/resize/watermark workspace images itself.",
 		"source": "xing-shuyin/pi-web-ui/plugins/image-toolkit",
 		"homepage": "https://github.com/xing-shuyin/pi-web-ui/tree/main/plugins/image-toolkit"
+	},
+	{
+		"id": "notes",
+		"name": "笔记",
+		"icon": "📓",
+		"iconSvg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\"><path d=\"M746.666667 64a170.666667 170.666667 0 0 1 170.666666 170.666667v554.666666a170.666667 170.666667 0 0 1-170.666666 170.666667H298.666667a170.666667 170.666667 0 0 1-170.666667-170.666667V234.666667a170.666667 170.666667 0 0 1 170.666667-170.666667h448z m0 74.666667H298.666667a96 96 0 0 0-95.893334 91.477333L202.666667 234.666667v554.666666a96 96 0 0 0 91.477333 95.893334L298.666667 885.333333h448a96 96 0 0 0 95.893333-91.477333L842.666667 789.333333V234.666667a96 96 0 0 0-91.477334-95.893334L746.666667 138.666667z\" fill=\"currentColor\"/><path d=\"M224 325.333333a37.333333 37.333333 0 0 1 3.072 74.538667l-3.072 0.128H106.666667a37.333333 37.333333 0 0 1-3.072-74.538667L106.666667 325.333333h117.333333zM224 624a37.333333 37.333333 0 0 1 3.072 74.538667l-3.072 0.128H106.666667a37.333333 37.333333 0 0 1-3.072-74.538667L106.666667 624h117.333333zM693.333333 346.666667a37.333333 37.333333 0 0 1 37.205334 34.261333l0.128 3.072v256a37.333333 37.333333 0 0 1-74.538667 3.072L656 640V384c0-20.608 16.725333-37.333333 37.333333-37.333333z\" fill=\"currentColor\"/></svg>",
+		"description": "随手记：笔记 + 待办 + 日程提醒三合一。顶栏按钮打开可自由拖拽的全局浮窗（位置/尺寸记忆，设置也在浮窗里，无独立视图页）；提醒走服务端定时（重启不丢、错过补送），另有 5 个 AI 工具与 /note /todo /remind 快速捕获。",
+		"descriptionEn": "Notes, todos and scheduled reminders in one place: a freely draggable always-on-top panel (position, size and settings all live in it, no separate view tab); reminders fire server-side (survive restarts, delivered on next open), with 5 AI tools and /note /todo /remind quick capture.",
+		"source": "xing-shuyin/pi-web-ui/plugins/notes",
+		"homepage": "https://github.com/xing-shuyin/pi-web-ui/tree/main/plugins/notes"
 	}
 ]

package/themes/catppuccin-latte.css

@@ -0,0 +1,136 @@
+/* theme-name: Catppuccin 浅色 */
+/* theme-name-en: Catppuccin Latte */
+/* theme-group: classic */
+:root {
+	color-scheme: light;
+	--bg: #eff1f5;
+	--bg-elev: #e6e9ef;
+	--bg-elev2: #dce0e8;
+	--border: #ccd0da;
+	--border-soft: #bcc0cc;
+	--text: #4c4f69;
+	--text-dim: #6c6f85;
+	--text-faint: #8c8fa1;
+	--accent: #1e66f5;
+	--accent-soft: rgba(30, 102, 245, 0.12);
+	--green: #40a02b;
+	--green-soft: rgba(64, 160, 43, 0.12);
+	--red: #d20f39;
+	--red-soft: rgba(210, 15, 57, 0.1);
+	--amber: #df8e1d;
+	--term-bg: #eff1f5;
+	--term-fg: #4c4f69;
+	--term-cursor: #dc8a78;
+	--term-cursor-accent: #eff1f5;
+	--term-selection: rgba(172, 176, 190, 0.35);
+	--term-black: #5c5f77;
+	--term-red: #d20f39;
+	--term-green: #40a02b;
+	--term-yellow: #df8e1d;
+	--term-blue: #1e66f5;
+	--term-magenta: #8839ef;
+	--term-cyan: #179299;
+	--term-white: #4c4f69;
+	--term-bright-black: #8c8fa1;
+	--term-bright-red: #d20f39;
+	--term-bright-green: #40a02b;
+	--term-bright-yellow: #df8e1d;
+	--term-bright-blue: #1e66f5;
+	--term-bright-magenta: #8839ef;
+	--term-bright-cyan: #179299;
+	--term-bright-white: #3c3e53;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #ffffff;
+	--code-bg: #e6e9ef;
+	--code-text: #4c4f69;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #d20f39;
+	--red-text: #d20f39;
+	--amber-text: #df8e1d;
+	--info-blue: #179299;
+	--link: #1e66f5;
+	--link-hover: #7287fd;
+	--link-soft: #1e66f5;
+	--md-strong: #3c3e53;
+	--skill-blue: #1e66f5;
+	--plugin-purple: #b58cff;
+	--auth-green: #40a02b;
+	--scroll-thumb: #ccd0da;
+	--scroll-thumb-hover: #bcc0cc;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #1e66f5;
+	--send-blue-hover: #7287fd;
+	--brand-grad-a: #1e66f5;
+	--brand-grad-b: #8839ef;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--glow-015: rgba(255, 255, 255, 0.015);
+	--glow-025: rgba(255, 255, 255, 0.025);
+	--glow-03: rgba(255, 255, 255, 0.03);
+	--glow-04: rgba(255, 255, 255, 0.04);
+	--glow-05: rgba(255, 255, 255, 0.05);
+	--glow-12: rgba(255, 255, 255, 0.12);
+	--glow-18: rgba(255, 255, 255, 0.18);
+	--glow-22: rgba(255, 255, 255, 0.22);
+	--glow-38: rgba(255, 255, 255, 0.38);
+	--control-fg: #6c6f85;
+	--control-bg: #dce0e8;
+	--control-border: #ccd0da;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #e6e9ef;
+	--statusbar-bg: #e6e9ef;
+	--panel-bg: #e6e9ef;
+	--card-bg: #e6e9ef;
+	--chip-bg: #dce0e8;
+	--msgs-bg: #eff1f5;
+	--inputbox-bg: #dce0e8;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Catppuccin Latte) ---- */
+.hljs {
+	color: #4c4f69;
+	background: #e6e9ef;
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #8839ef;
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.function_ {
+	color: #1e66f5;
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-number {
+	color: #fe640b;
+}
+.hljs-string,
+.hljs-regexp {
+	color: #40a02b;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #df8e1d;
+}
+.hljs-comment,
+.hljs-code {
+	color: #7c7f93;
+}

package/themes/catppuccin.css

@@ -0,0 +1,140 @@
+/* theme-name: Catppuccin */
+/* theme-name-en: Catppuccin Mocha */
+/* theme-group: classic */
+:root {
+	color-scheme: dark;
+	--bg: #1e1e2e;
+	--bg-elev: #24273a;
+	--bg-elev2: #313244;
+	--border: #45475a;
+	--border-soft: #363a4f;
+	--text: #cdd6f4;
+	--text-dim: #a6adc8;
+	--text-faint: #6c7086;
+	--accent: #89b4fa;
+	--accent-soft: rgba(137, 180, 250, 0.14);
+	--green: #a6e3a1;
+	--green-soft: rgba(166, 227, 161, 0.12);
+	--red: #f38ba8;
+	--red-soft: rgba(243, 139, 168, 0.12);
+	--amber: #f9e2af;
+	--term-bg: #181825;
+	--term-fg: #cdd6f4;
+	--term-cursor: #f5e0dc;
+	--term-cursor-accent: #181825;
+	--term-selection: rgba(88, 91, 112, 0.4);
+	--term-black: #45475a;
+	--term-red: #f38ba8;
+	--term-green: #a6e3a1;
+	--term-yellow: #f9e2af;
+	--term-blue: #89b4fa;
+	--term-magenta: #cba6f7;
+	--term-cyan: #89dceb;
+	--term-white: #bac2de;
+	--term-bright-black: #585b70;
+	--term-bright-red: #f38ba8;
+	--term-bright-green: #a6e3a1;
+	--term-bright-yellow: #f9e2af;
+	--term-bright-blue: #89b4fa;
+	--term-bright-magenta: #cba6f7;
+	--term-bright-cyan: #89dceb;
+	--term-bright-white: #a6adc8;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #313244;
+	--code-bg: #181825;
+	--code-text: #cdd6f4;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #f38ba8;
+	--red-text: #f38ba8;
+	--amber-text: #f9e2af;
+	--info-blue: #89dceb;
+	--link: #89b4fa;
+	--link-hover: #b4befe;
+	--link-soft: #89b4fa;
+	--md-strong: #cdd6f4;
+	--skill-blue: #89b4fa;
+	--plugin-purple: #b58cff;
+	--auth-green: #a6e3a1;
+	--scroll-thumb: #45475a;
+	--scroll-thumb-hover: #585b70;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #89b4fa;
+	--send-blue-hover: #b4befe;
+	--brand-grad-a: #89b4fa;
+	--brand-grad-b: #cba6f7;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--glow-015: rgba(255, 255, 255, 0.015);
+	--glow-025: rgba(255, 255, 255, 0.025);
+	--glow-03: rgba(255, 255, 255, 0.03);
+	--glow-04: rgba(255, 255, 255, 0.04);
+	--glow-05: rgba(255, 255, 255, 0.05);
+	--glow-12: rgba(255, 255, 255, 0.12);
+	--glow-18: rgba(255, 255, 255, 0.18);
+	--glow-22: rgba(255, 255, 255, 0.22);
+	--glow-38: rgba(255, 255, 255, 0.38);
+	--control-fg: #a6adc8;
+	--control-bg: #313244;
+	--control-border: #45475a;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #24273a;
+	--statusbar-bg: #181825;
+	--panel-bg: #24273a;
+	--card-bg: #24273a;
+	--chip-bg: #313244;
+	--msgs-bg: #1e1e2e;
+	--inputbox-bg: #313244;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Catppuccin Mocha) ---- */
+.hljs {
+	color: #cdd6f4;
+	background: #181825;
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #cba6f7;
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.function_ {
+	color: #89b4fa;
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-number {
+	color: #fab387;
+}
+.hljs-string,
+.hljs-regexp {
+	color: #a6e3a1;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #f9e2af;
+}
+.hljs-comment,
+.hljs-code {
+	color: #6c7086;
+}
+.hljs-tag,
+.hljs-name {
+	color: #89dceb;
+}

package/themes/nord.css

@@ -0,0 +1,130 @@
+/* theme-name: 北欧极光 */
+/* theme-name-en: Nord */
+/* theme-group: classic */
+:root {
+	color-scheme: dark;
+	--bg: #2e3440;
+	--bg-elev: #3b4252;
+	--bg-elev2: #434c5e;
+	--border: #4c566a;
+	--border-soft: #3b4252;
+	--text: #d8dee9;
+	--text-dim: #e5e9f0;
+	--text-faint: #818c9f;
+	--accent: #88c0d0;
+	--accent-soft: rgba(136, 192, 208, 0.14);
+	--green: #a3be8c;
+	--green-soft: rgba(163, 190, 140, 0.12);
+	--red: #bf616a;
+	--red-soft: rgba(191, 97, 106, 0.12);
+	--amber: #ebcb8b;
+	--term-bg: #242933;
+	--term-fg: #d8dee9;
+	--term-cursor: #88c0d0;
+	--term-cursor-accent: #242933;
+	--term-selection: rgba(67, 76, 94, 0.5);
+	--term-black: #3b4252;
+	--term-red: #bf616a;
+	--term-green: #a3be8c;
+	--term-yellow: #ebcb8b;
+	--term-blue: #81a1c1;
+	--term-magenta: #b48ead;
+	--term-cyan: #88c0d0;
+	--term-white: #e5e9f0;
+	--term-bright-black: #4c566a;
+	--term-bright-red: #bf616a;
+	--term-bright-green: #a3be8c;
+	--term-bright-yellow: #ebcb8b;
+	--term-bright-blue: #81a1c1;
+	--term-bright-magenta: #b48ead;
+	--term-bright-cyan: #8fbcbb;
+	--term-bright-white: #eceff4;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #3b4252;
+	--code-bg: #242933;
+	--code-text: #d8dee9;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #bf616a;
+	--red-text: #bf616a;
+	--amber-text: #ebcb8b;
+	--info-blue: #81a1c1;
+	--link: #88c0d0;
+	--link-hover: #81a1c1;
+	--link-soft: #88c0d0;
+	--md-strong: #eceff4;
+	--skill-blue: #88c0d0;
+	--plugin-purple: #b58cff;
+	--auth-green: #a3be8c;
+	--scroll-thumb: #434c5e;
+	--scroll-thumb-hover: #4c566a;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #88c0d0;
+	--send-blue-hover: #81a1c1;
+	--brand-grad-a: #88c0d0;
+	--brand-grad-b: #81a1c1;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--glow-015: rgba(255, 255, 255, 0.015);
+	--glow-025: rgba(255, 255, 255, 0.025);
+	--glow-03: rgba(255, 255, 255, 0.03);
+	--glow-04: rgba(255, 255, 255, 0.04);
+	--glow-05: rgba(255, 255, 255, 0.05);
+	--glow-12: rgba(255, 255, 255, 0.12);
+	--glow-18: rgba(255, 255, 255, 0.18);
+	--glow-22: rgba(255, 255, 255, 0.22);
+	--glow-38: rgba(255, 255, 255, 0.38);
+	--control-fg: #d8dee9;
+	--control-bg: #3b4252;
+	--control-border: #4c566a;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #3b4252;
+	--statusbar-bg: #242933;
+	--panel-bg: #3b4252;
+	--card-bg: #3b4252;
+	--chip-bg: #434c5e;
+	--msgs-bg: #2e3440;
+	--inputbox-bg: #434c5e;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Nord) ---- */
+.hljs {
+	color: #d8dee9;
+	background: #242933;
+}
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #81a1c1;
+}
+.hljs-title,
+.hljs-title.function_ {
+	color: #88c0d0;
+}
+.hljs-number,
+.hljs-literal {
+	color: #b48ead;
+}
+.hljs-string {
+	color: #a3be8c;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #ebcb8b;
+}
+.hljs-comment {
+	color: #616e88;
+}

package/themes/one-dark.css

@@ -0,0 +1,131 @@
+/* theme-name: One Dark */
+/* theme-name-en: One Dark Pro */
+/* theme-group: classic */
+:root {
+	color-scheme: dark;
+	--bg: #282c34;
+	--bg-elev: #21252b;
+	--bg-elev2: #2c313a;
+	--border: #3e4451;
+	--border-soft: #31363f;
+	--text: #abb2bf;
+	--text-dim: #828997;
+	--text-faint: #5c6370;
+	--accent: #61afef;
+	--accent-soft: rgba(97, 175, 239, 0.14);
+	--green: #98c379;
+	--green-soft: rgba(152, 195, 121, 0.12);
+	--red: #e06c75;
+	--red-soft: rgba(224, 108, 117, 0.12);
+	--amber: #e5c07b;
+	--term-bg: #1e2227;
+	--term-fg: #abb2bf;
+	--term-cursor: #528bff;
+	--term-cursor-accent: #1e2227;
+	--term-selection: rgba(62, 68, 81, 0.5);
+	--term-black: #282c34;
+	--term-red: #e06c75;
+	--term-green: #98c379;
+	--term-yellow: #e5c07b;
+	--term-blue: #61afef;
+	--term-magenta: #c678dd;
+	--term-cyan: #56b6c2;
+	--term-white: #abb2bf;
+	--term-bright-black: #5c6370;
+	--term-bright-red: #e06c75;
+	--term-bright-green: #98c379;
+	--term-bright-yellow: #e5c07b;
+	--term-bright-blue: #61afef;
+	--term-bright-magenta: #c678dd;
+	--term-bright-cyan: #56b6c2;
+	--term-bright-white: #ffffff;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #21252b;
+	--code-bg: #1e2227;
+	--code-text: #abb2bf;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #e06c75;
+	--red-text: #e06c75;
+	--amber-text: #e5c07b;
+	--info-blue: #56b6c2;
+	--link: #61afef;
+	--link-hover: #528bff;
+	--link-soft: #61afef;
+	--md-strong: #ffffff;
+	--skill-blue: #61afef;
+	--plugin-purple: #b58cff;
+	--auth-green: #98c379;
+	--scroll-thumb: #3e4451;
+	--scroll-thumb-hover: #4b5263;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #61afef;
+	--send-blue-hover: #528bff;
+	--brand-grad-a: #61afef;
+	--brand-grad-b: #c678dd;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--glow-015: rgba(255, 255, 255, 0.015);
+	--glow-025: rgba(255, 255, 255, 0.025);
+	--glow-03: rgba(255, 255, 255, 0.03);
+	--glow-04: rgba(255, 255, 255, 0.04);
+	--glow-05: rgba(255, 255, 255, 0.05);
+	--glow-12: rgba(255, 255, 255, 0.12);
+	--glow-18: rgba(255, 255, 255, 0.18);
+	--glow-22: rgba(255, 255, 255, 0.22);
+	--glow-38: rgba(255, 255, 255, 0.38);
+	--control-fg: #828997;
+	--control-bg: #21252b;
+	--control-border: #3e4451;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #21252b;
+	--statusbar-bg: #1e2227;
+	--panel-bg: #21252b;
+	--card-bg: #21252b;
+	--chip-bg: #2c313a;
+	--msgs-bg: #282c34;
+	--inputbox-bg: #2c313a;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (One Dark Pro) ---- */
+.hljs {
+	color: #abb2bf;
+	background: #1e2227;
+}
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #c678dd;
+}
+.hljs-title,
+.hljs-title.function_ {
+	color: #61afef;
+}
+.hljs-number,
+.hljs-literal {
+	color: #d19a66;
+}
+.hljs-string {
+	color: #98c379;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #e5c07b;
+}
+.hljs-comment {
+	color: #5c6370;
+	font-style: italic;
+}