pi-web-ui 0.69.0 → 0.71.0

package/themes/transparent.css

@@ -0,0 +1,78 @@
+/* theme-name: 全透明 */
+/* theme-name-en: Transparent */
+/*
+ * 全透明主题——「半透明」的极致版（专配壁纸，issue #100）：
+ * 调色板与默认暗色一致，但把壁纸机制里所有表面变量的透图率压到 0
+ * （--wallpaper-panel-alpha: 0% → --topbar-bg / --statusbar-bg / --panel-bg /
+ * --card-bg / --chip-bg / --inputbox-bg / --msgs-bg 全部变成 transparent），
+ * 顶栏/底栏/左右面板/消息区/输入框/全部气泡/代码块/终端视图统统直接见壁纸，
+ * 界面只剩边框与文字定结构。代价是文字全靠 --bg-image-dim 压暗撑着——
+ * 这里压暗加重到 0.85（默认 0.78），亮区壁纸下文字仍可读。
+ *
+ * 全透后 hover/浮动反馈不能依赖容器色（已是 0%），本文件尾段把这些实色
+ * hover 统一改成 25% 半透底（折叠摘要、展开条、折叠键、复制键、滚到底按钮）；
+ * 强调色 hover（accent-soft）与语义按钮（发送/停止/杀进程）不受影响。
+ * 下拉弹窗（声音/语言/主题/模型/思考强度等 .dd-menu）保持实色
+ * （--menu-bg: var(--bg-elev2)），密集列表不随界面透图。
+ * 配壁纸用最佳；不配壁纸时界面直接透出 --bg 纯色（= 默认暗色，无差别）。
+ */
+:root {
+	color-scheme: dark;
+	--bg: #0d0e12;
+	--bg-elev: #14161c;
+	--bg-elev2: #1a1d26;
+	--border: #262a35;
+	--border-soft: #1e2230;
+	--text: #e6e8ef;
+	--text-dim: #9aa1b4;
+	--text-faint: #6b7284;
+	--accent: #8b5cf6;
+	--accent-soft: rgba(139, 92, 246, 0.14);
+	--green: #34d399;
+	--green-soft: rgba(52, 211, 153, 0.12);
+	--red: #f87171;
+	--red-soft: rgba(248, 113, 113, 0.12);
+	--amber: #fbbf24;
+	--term-bg: transparent;
+	--term-fg: #e6e8ef;
+	--term-cursor: #8b5cf6;
+	--term-cursor-accent: #0b0d12;
+	--term-selection: rgba(139, 92, 246, 0.35);
+	--term-black: #1a1d26;
+	--term-red: #f87171;
+	--term-green: #34d399;
+	--term-yellow: #fbbf24;
+	--term-blue: #60a5fa;
+	--term-magenta: #c084fc;
+	--term-cyan: #22d3ee;
+	--term-white: #e6e8ef;
+	--term-bright-black: #6b7284;
+	--term-bright-red: #f87171;
+	--term-bright-green: #34d399;
+	--term-bright-yellow: #fbbf24;
+	--term-bright-blue: #60a5fa;
+	--term-bright-magenta: #c084fc;
+	--term-bright-cyan: #22d3ee;
+	--term-bright-white: #ffffff;
+
+	/* ---- 全透明核心：0% 容器色 = 全部 color-mix 表面（三大区域 / 卡片 /
+	   控件 / 输入框 / 消息区）直接变 transparent；终端 --term-bg 上面已设
+	   transparent。想留一点点玻璃感就把这里提到 10~15%。---- */
+	--wallpaper-panel-alpha: 0%;
+	/* 下拉弹窗（声音/语言/主题/模型/思考强度）：实色底保密集列表可读 */
+	--menu-bg: var(--bg-elev2);
+	/* 压暗加重：全透后没有容器色兜底，文字只靠压暗保可读 */
+	--bg-image-dim: 0.85;
+}
+
+/* hover / 浮动静置反馈：0% 容器色下这些实色 hover 必消失，统一给 25% 半透
+   底（仍透图、可辨反馈）。强调色 hover（accent-soft）与语义按钮不受影响；
+   下拉弹窗已在实色菜单内，其 hover 保留 styles.css 默认实色。 */
+.msg-collapsed:hover,
+.panel-rail:hover,
+.chead-toggle:hover,
+.chead-copy:hover,
+.empty-templates-reset:hover,
+.scroll-bottom {
+	background: color-mix(in srgb, var(--bg-elev) 25%, transparent);
+}

package/themes/white.css

@@ -1,160 +1,176 @@
-/* theme-name: 白色 */
-/* theme-name-en: White */
-:root {
-	color-scheme: light;
-	--bg: #ffffff;
-	--bg-elev: #ffffff;
-	--bg-elev2: #f6f8fa;
-	--border: #d0d7de;
-	--border-soft: #d8dee4;
-	--text: #1f2328;
-	--text-dim: #59636e;
-	--text-faint: #818b98;
-	--accent: #0969da;
-	--accent-soft: rgba(9, 105, 218, 0.1);
-	--green: #059669;
-	--green-soft: rgba(5, 150, 105, 0.12);
-	--red: #dc2626;
-	--red-soft: rgba(220, 38, 38, 0.1);
-	--amber: #d97706;
-	--term-bg: #ffffff;
-	--term-fg: #1f2328;
-	--term-cursor: #0969da;
-	--term-cursor-accent: #ffffff;
-	--term-selection: rgba(9, 105, 218, 0.32);
-	--term-black: #e8eaf0;
-	--term-red: #dc2626;
-	--term-green: #059669;
-	--term-yellow: #d97706;
-	--term-blue: #2563eb;
-	--term-magenta: #9333ea;
-	--term-cyan: #0e7490;
-	--term-white: #1f2328;
-	--term-bright-black: #8a91a3;
-	--term-bright-red: #dc2626;
-	--term-bright-green: #059669;
-	--term-bright-yellow: #d97706;
-	--term-bright-blue: #2563eb;
-	--term-bright-magenta: #9333ea;
-	--term-bright-cyan: #0e7490;
-	--term-bright-white: #000000;
-	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
-	--tooltip-bg: #ffffff;
-	--code-bg: #f6f8fa;
-	--code-text: #1f2937;
-	--err-text: #dc2626;
-	--red-text: #dc2626;
-	--amber-text: #b45309;
-	--info-blue: #2563eb;
-	--link: #0969da;
-	--link-hover: #0550ae;
-	--link-soft: #0969da;
-	--md-strong: #111827;
-	--skill-blue: #2563eb;
-	--plugin-purple: #b58cff;
-	--auth-green: #059669;
-	--scroll-thumb: #c7ccd8;
-	--scroll-thumb-hover: #aab2c0;
-	--notice-err-bg: #eadadf;
-	--notice-warn-bg: #eae2dc;
-	--notice-info-bg: #d8e0f3;
-	--notice-err-border: #dc2626;
-	--notice-warn-border: #b45309;
-	--notice-info-border: #2563eb;
-	--send-blue: #0969da;
-	--send-blue-hover: #0550ae;
-	--brand-grad-a: #8b5cf6;
-	--brand-grad-b: #6366f1;
-	--on-amber: #1a1a1a;
-	--search-active-fg: #1a1d26;
-	--switch-knob: #ffffff;
-	--bg-elev3: rgba(0, 0, 0, 0.03);
-	--glow-015: rgba(0, 0, 0, 0.02);
-	--glow-025: rgba(0, 0, 0, 0.02);
-	--glow-03: rgba(0, 0, 0, 0.02);
-	--glow-04: rgba(0, 0, 0, 0.03);
-	--glow-05: rgba(0, 0, 0, 0.03);
-	--glow-12: rgba(0, 0, 0, 0.08);
-	--glow-18: rgba(0, 0, 0, 0.12);
-	--glow-22: rgba(0, 0, 0, 0.15);
-	--glow-38: rgba(0, 0, 0, 0.25);
-}
-
-/* ---- syntax highlighting (overrides static github-dark import) ---- */
-.hljs {
-	color: #1f2328;
-	background: #f6f8fa;
-}
-.hljs-doctag,
-.hljs-keyword,
-.hljs-meta .hljs-keyword,
-.hljs-template-tag,
-.hljs-template-variable,
-.hljs-type,
-.hljs-variable.language_ {
-	color: #cf222e;
-}
-.hljs-title,
-.hljs-title.class_,
-.hljs-title.class_.inherited__,
-.hljs-title.function_ {
-	color: #8250df;
-}
-.hljs-attr,
-.hljs-attribute,
-.hljs-literal,
-.hljs-meta,
-.hljs-number,
-.hljs-operator,
-.hljs-variable,
-.hljs-selector-attr,
-.hljs-selector-class,
-.hljs-selector-id {
-	color: #0550ae;
-}
-.hljs-regexp,
-.hljs-string,
-.hljs-meta .hljs-string {
-	color: #0a3069;
-}
-.hljs-built_in,
-.hljs-symbol {
-	color: #953800;
-}
-.hljs-comment,
-.hljs-code,
-.hljs-formula {
-	color: #6e7781;
-}
-.hljs-name,
-.hljs-quote,
-.hljs-selector-tag,
-.hljs-selector-pseudo {
-	color: #116329;
-}
-.hljs-subst {
-	color: #24292f;
-}
-.hljs-section {
-	color: #0550ae;
-	font-weight: 700;
-}
-.hljs-bullet {
-	color: #0550ae;
-}
-.hljs-emphasis {
-	color: #24292f;
-	font-style: italic;
-}
-.hljs-strong {
-	color: #24292f;
-	font-weight: 700;
-}
-.hljs-addition {
-	color: #116329;
-	background: #dafbe1;
-}
-.hljs-deletion {
-	color: #82071e;
-	background: #ffebe9;
-}
+/* theme-name: 白色 */
+/* theme-name-en: White */
+:root {
+	color-scheme: light;
+	--bg: #ffffff;
+	--bg-elev: #ffffff;
+	--bg-elev2: #f6f8fa;
+	--border: #d0d7de;
+	--border-soft: #d8dee4;
+	--text: #1f2328;
+	--text-dim: #59636e;
+	--text-faint: #818b98;
+	--accent: #0969da;
+	--accent-soft: rgba(9, 105, 218, 0.1);
+	--green: #059669;
+	--green-soft: rgba(5, 150, 105, 0.12);
+	--red: #dc2626;
+	--red-soft: rgba(220, 38, 38, 0.1);
+	--amber: #d97706;
+	--term-bg: #ffffff;
+	--term-fg: #1f2328;
+	--term-cursor: #0969da;
+	--term-cursor-accent: #ffffff;
+	--term-selection: rgba(9, 105, 218, 0.32);
+	--term-black: #e8eaf0;
+	--term-red: #dc2626;
+	--term-green: #059669;
+	--term-yellow: #d97706;
+	--term-blue: #2563eb;
+	--term-magenta: #9333ea;
+	--term-cyan: #0e7490;
+	--term-white: #1f2328;
+	--term-bright-black: #8a91a3;
+	--term-bright-red: #dc2626;
+	--term-bright-green: #059669;
+	--term-bright-yellow: #d97706;
+	--term-bright-blue: #2563eb;
+	--term-bright-magenta: #9333ea;
+	--term-bright-cyan: #0e7490;
+	--term-bright-white: #000000;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #ffffff;
+	--code-bg: #f6f8fa;
+	--code-text: #1f2937;
+	--err-text: #dc2626;
+	--red-text: #dc2626;
+	--amber-text: #b45309;
+	--info-blue: #2563eb;
+	--link: #0969da;
+	--link-hover: #0550ae;
+	--link-soft: #0969da;
+	--md-strong: #111827;
+	--skill-blue: #2563eb;
+	--plugin-purple: #b58cff;
+	--auth-green: #059669;
+	--scroll-thumb: #c7ccd8;
+	--scroll-thumb-hover: #aab2c0;
+	--notice-err-bg: #eadadf;
+	--notice-warn-bg: #eae2dc;
+	--notice-info-bg: #d8e0f3;
+	--notice-err-border: #dc2626;
+	--notice-warn-border: #b45309;
+	--notice-info-border: #2563eb;
+	--send-blue: #0969da;
+	--send-blue-hover: #0550ae;
+	--brand-grad-a: #8b5cf6;
+	--brand-grad-b: #6366f1;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(0, 0, 0, 0.03);
+	--glow-015: rgba(0, 0, 0, 0.02);
+	--glow-025: rgba(0, 0, 0, 0.02);
+	--glow-03: rgba(0, 0, 0, 0.02);
+	--glow-04: rgba(0, 0, 0, 0.03);
+	--glow-05: rgba(0, 0, 0, 0.03);
+	--glow-12: rgba(0, 0, 0, 0.08);
+	--glow-18: rgba(0, 0, 0, 0.12);
+	--glow-22: rgba(0, 0, 0, 0.15);
+	--glow-38: rgba(0, 0, 0, 0.25);
+	--control-fg: #59636e;
+	--control-bg: #f6f8fa;
+	--control-border: #d0d7de;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 62%;
+	--topbar-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
+	--statusbar-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
+	--panel-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
+	--card-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
+	--chip-bg: color-mix(in srgb, var(--bg-elev2) var(--wallpaper-panel-alpha, 62%), transparent);
+	--msgs-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
+	--inputbox-bg: color-mix(in srgb, var(--bg-elev2) var(--wallpaper-panel-alpha, 62%), transparent);
+	--menu-bg: var(--chip-bg);
+}
+
+/* ---- syntax highlighting (overrides static github-dark import) ---- */
+.hljs {
+	color: #1f2328;
+	background: #f6f8fa;
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-type,
+.hljs-variable.language_ {
+	color: #cf222e;
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-title.function_ {
+	color: #8250df;
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-meta,
+.hljs-number,
+.hljs-operator,
+.hljs-variable,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-id {
+	color: #0550ae;
+}
+.hljs-regexp,
+.hljs-string,
+.hljs-meta .hljs-string {
+	color: #0a3069;
+}
+.hljs-built_in,
+.hljs-symbol {
+	color: #953800;
+}
+.hljs-comment,
+.hljs-code,
+.hljs-formula {
+	color: #6e7781;
+}
+.hljs-name,
+.hljs-quote,
+.hljs-selector-tag,
+.hljs-selector-pseudo {
+	color: #116329;
+}
+.hljs-subst {
+	color: #24292f;
+}
+.hljs-section {
+	color: #0550ae;
+	font-weight: 700;
+}
+.hljs-bullet {
+	color: #0550ae;
+}
+.hljs-emphasis {
+	color: #24292f;
+	font-style: italic;
+}
+.hljs-strong {
+	color: #24292f;
+	font-weight: 700;
+}
+.hljs-addition {
+	color: #116329;
+	background: #dafbe1;
+}
+.hljs-deletion {
+	color: #82071e;
+	background: #ffebe9;
+}

package/web/dist/assets/{TerminalPanel-Cj8zsjx-.js → TerminalPanel-DXNpevIG.js}

@@ -1,4 +1,4 @@
-import{a as l,j as n}from"./markdown-Cpo0pNcR.js";import{u as P,b as O,T as M,a as W,F as Y,c as z,d as Z,e as H,f as ee,g as ne,h as te,i as se,r as ae}from"./index-DCOcsPFm.js";import{D as re,o as ie}from"./xterm-B96xOxS9.js";import"./react-CtudoG1_.js";function le(t){let c=null;return{clean:t.replace(/\r?\n?\[pi-term-exit:(-?\d+)\]\r?\n?/g,(a,x)=>(c=Number(x),`\r
+import{a as l,j as n}from"./markdown-Cpo0pNcR.js";import{u as P,b as O,T as M,a as W,F as Y,c as z,d as Z,e as H,f as ee,g as ne,h as te,i as se,r as ae}from"./index-Cue012aF.js";import{D as re,o as ie}from"./xterm-B96xOxS9.js";import"./react-CtudoG1_.js";function le(t){let c=null;return{clean:t.replace(/\r?\n?\[pi-term-exit:(-?\d+)\]\r?\n?/g,(a,x)=>(c=Number(x),`\r
 `)).replace(/\r?\n?\x1b\[90m\[(?:进程已退出，退出码 |Process exited with code )-?\d+\]\x1b\[0m\r?\n?/g,`\r
 `),exitCode:c}}function ce({conversationId:t,terminalId:c,command:p,cwd:a,title:x,active:u,running:v,exitCode:j,send:h,register:C}){const T=l.useRef(null),y=l.useRef(null),{locale:o}=P(),N=l.useRef(o);N.current=o;const E=p?JSON.stringify(p):"";l.useEffect(()=>{const m=T.current;if(!m)return;const r=new re({theme:O(),fontFamily:'"SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace',fontSize:13,cursorBlink:!0,scrollback:8e3}),b=new ie;r.loadAddon(b),r.open(m),y.current={term:r,fit:b},u&&r.focus();const g=()=>{r.options.theme=O()};window.addEventListener(M,g),r.attachCustomKeyEventHandler(d=>{if(d.type!=="keydown")return!0;const S=d.key?.toLowerCase();if((d.ctrlKey||d.metaKey)&&S==="v")return!1;if(d.ctrlKey&&!d.shiftKey&&!d.altKey&&S==="c"&&r.hasSelection()){const D=r.textarea;return D&&(D.value=r.getSelection(),D.select()),!1}return!0});const _=C(t,c,{write:d=>r.write(le(d).clean),dispose:()=>r.dispose()}),$=()=>{try{b.fit(),h({type:"terminal_resize",terminalId:c,conversationId:t,cols:r.cols,rows:r.rows})}catch{}},B=requestAnimationFrame(()=>{try{b.fit()}catch{}h(p?{type:"run_command",terminalId:c,conversationId:t,command:p,cols:r.cols,rows:r.rows}:{type:"terminal_create",terminalId:c,title:x,locale:N.current,conversationId:t,cwd:a,cols:r.cols,rows:r.rows})}),R=r.onData(d=>{h({type:"terminal_input",terminalId:c,conversationId:t,data:d})});let k=null;return typeof ResizeObserver<"u"&&(k=new ResizeObserver(()=>{m.offsetWidth>0&&m.offsetHeight>0&&$()}),k.observe(m)),()=>{cancelAnimationFrame(B),R.dispose(),window.removeEventListener(M,g),k?.disconnect(),_(),r.dispose(),y.current=null}},[t,c,E,h,C]),l.useEffect(()=>{if(!u)return;const m=requestAnimationFrame(()=>{const r=y.current;if(r){try{r.fit.fit(),h({type:"terminal_resize",terminalId:c,conversationId:t,cols:r.term.cols,rows:r.term.rows})}catch{}r.term.focus()}});return()=>cancelAnimationFrame(m)},[u]);const{t:F}=P(),f=l.useRef(void 0);return l.useEffect(()=>{if(v===f.current||(f.current=v,v!==!1))return;const m=y.current;m&&m.term.write(`\r
 \x1B[90m${F("exitBanner",{code:j??""})}\x1B[0m\r