pi-web-ui 0.69.0 → 0.70.0

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 (20) hide show
  1. package/dist/server/agent-service.js +13 -4
  2. package/dist/server/client-state.js +44 -17
  3. package/dist/server/dsh/dsh-agent-service.js +3 -0
  4. package/dist/server/index.js +1 -0
  5. package/dist/server/marker-service.js +19 -15
  6. package/dist/server/settings-service.js +1 -0
  7. package/dist/server/subagents.js +13 -6
  8. package/dist/server/terminals.js +12 -1
  9. package/dist/server/webui-context.js +9 -0
  10. package/package.json +1 -1
  11. package/themes/cyberpunk.css +88 -81
  12. package/themes/dazzle.css +88 -81
  13. package/themes/md-preview.css +105 -98
  14. package/themes/white.css +167 -160
  15. package/web/dist/assets/{TerminalPanel-Cj8zsjx-.js → TerminalPanel-UxgczH4c.js} +1 -1
  16. package/web/dist/assets/index-BH5QutUc.css +10 -0
  17. package/web/dist/assets/index-CaiIOwy7.js +335 -0
  18. package/web/dist/index.html +2 -2
  19. package/web/dist/assets/index-DCOcsPFm.js +0 -334
  20. package/web/dist/assets/index-jH2Bb-0X.css +0 -10
package/themes/dazzle.css CHANGED
@@ -1,81 +1,88 @@
1
- /* theme-name: 炫彩 */
2
- /* theme-name-en: Dazzle */
3
- :root {
4
- color-scheme: dark;
5
- --bg: #0b0b14;
6
- --bg-elev: #13131e;
7
- --bg-elev2: #1b1b2e;
8
- --border: #2a2a48;
9
- --border-soft: #1f1f38;
10
- --text: #e8e8f0;
11
- --text-dim: #a0a0c0;
12
- --text-faint: #707090;
13
- --accent: #818cf8;
14
- --accent-soft: rgba(129, 140, 248, 0.14);
15
- --green: #34d399;
16
- --green-soft: rgba(52, 211, 153, 0.12);
17
- --red: #f43f5e;
18
- --red-soft: rgba(244, 63, 94, 0.12);
19
- --amber: #f59e0b;
20
- --term-bg: #0b0b14;
21
- --term-fg: #e8e8f0;
22
- --term-cursor: #818cf8;
23
- --term-cursor-accent: #0b0b14;
24
- --term-selection: rgba(129, 140, 248, 0.35);
25
- --term-black: #1b1b2e;
26
- --term-red: #f43f5e;
27
- --term-green: #34d399;
28
- --term-yellow: #f59e0b;
29
- --term-blue: #60a5fa;
30
- --term-magenta: #c084fc;
31
- --term-cyan: #22d3ee;
32
- --term-white: #e8e8f0;
33
- --term-bright-black: #707090;
34
- --term-bright-red: #f43f5e;
35
- --term-bright-green: #34d399;
36
- --term-bright-yellow: #f59e0b;
37
- --term-bright-blue: #60a5fa;
38
- --term-bright-magenta: #c084fc;
39
- --term-bright-cyan: #22d3ee;
40
- --term-bright-white: #ffffff;
41
- --mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
42
- --tooltip-bg: #232733;
43
- --code-bg: #0b0d12;
44
- --code-text: #c9d1d9;
45
- --err-text: #f0a5a5;
46
- --red-text: #fca5a5;
47
- --amber-text: #fcd34d;
48
- --info-blue: #60a5fa;
49
- --link: #a78bfa;
50
- --link-hover: #c4b5fd;
51
- --link-soft: #ddd6fe;
52
- --md-strong: #f3f4f6;
53
- --skill-blue: #5eb3ff;
54
- --plugin-purple: #b58cff;
55
- --auth-green: #6ee7a0;
56
- --scroll-thumb: #2a2f3d;
57
- --scroll-thumb-hover: #3a4152;
58
- --notice-err-bg: #401d23;
59
- --notice-warn-bg: #38251f;
60
- --notice-info-bg: #1b2544;
61
- --notice-err-border: #ef4444;
62
- --notice-warn-border: #f59e0b;
63
- --notice-info-border: #3b82f6;
64
- --send-blue: #818cf8;
65
- --send-blue-hover: #6366f1;
66
- --brand-grad-a: #818cf8;
67
- --brand-grad-b: #c084fc;
68
- --on-amber: #1a1a1a;
69
- --search-active-fg: #1a1d26;
70
- --switch-knob: #ffffff;
71
- --bg-elev3: rgba(255, 255, 255, 0.06);
72
- --glow-015: rgba(255, 255, 255, 0.015);
73
- --glow-025: rgba(255, 255, 255, 0.025);
74
- --glow-03: rgba(255, 255, 255, 0.03);
75
- --glow-04: rgba(255, 255, 255, 0.04);
76
- --glow-05: rgba(255, 255, 255, 0.05);
77
- --glow-12: rgba(255, 255, 255, 0.12);
78
- --glow-18: rgba(255, 255, 255, 0.18);
79
- --glow-22: rgba(255, 255, 255, 0.22);
80
- --glow-38: rgba(255, 255, 255, 0.38);
81
- }
1
+ /* theme-name: 炫彩 */
2
+ /* theme-name-en: Dazzle */
3
+ :root {
4
+ color-scheme: dark;
5
+ --bg: #0b0b14;
6
+ --bg-elev: #13131e;
7
+ --bg-elev2: #1b1b2e;
8
+ --border: #2a2a48;
9
+ --border-soft: #1f1f38;
10
+ --text: #e8e8f0;
11
+ --text-dim: #a0a0c0;
12
+ --text-faint: #707090;
13
+ --accent: #818cf8;
14
+ --accent-soft: rgba(129, 140, 248, 0.14);
15
+ --green: #34d399;
16
+ --green-soft: rgba(52, 211, 153, 0.12);
17
+ --red: #f43f5e;
18
+ --red-soft: rgba(244, 63, 94, 0.12);
19
+ --amber: #f59e0b;
20
+ --term-bg: #0b0b14;
21
+ --term-fg: #e8e8f0;
22
+ --term-cursor: #818cf8;
23
+ --term-cursor-accent: #0b0b14;
24
+ --term-selection: rgba(129, 140, 248, 0.35);
25
+ --term-black: #1b1b2e;
26
+ --term-red: #f43f5e;
27
+ --term-green: #34d399;
28
+ --term-yellow: #f59e0b;
29
+ --term-blue: #60a5fa;
30
+ --term-magenta: #c084fc;
31
+ --term-cyan: #22d3ee;
32
+ --term-white: #e8e8f0;
33
+ --term-bright-black: #707090;
34
+ --term-bright-red: #f43f5e;
35
+ --term-bright-green: #34d399;
36
+ --term-bright-yellow: #f59e0b;
37
+ --term-bright-blue: #60a5fa;
38
+ --term-bright-magenta: #c084fc;
39
+ --term-bright-cyan: #22d3ee;
40
+ --term-bright-white: #ffffff;
41
+ --mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
42
+ --mermaid-font-size: 12px;
43
+ --tooltip-bg: #232733;
44
+ --code-bg: #0b0d12;
45
+ --code-text: #c9d1d9;
46
+ --err-text: #f0a5a5;
47
+ --red-text: #fca5a5;
48
+ --amber-text: #fcd34d;
49
+ --info-blue: #60a5fa;
50
+ --link: #a78bfa;
51
+ --link-hover: #c4b5fd;
52
+ --link-soft: #ddd6fe;
53
+ --md-strong: #f3f4f6;
54
+ --skill-blue: #5eb3ff;
55
+ --plugin-purple: #b58cff;
56
+ --auth-green: #6ee7a0;
57
+ --scroll-thumb: #2a2f3d;
58
+ --scroll-thumb-hover: #3a4152;
59
+ --notice-err-bg: #401d23;
60
+ --notice-warn-bg: #38251f;
61
+ --notice-info-bg: #1b2544;
62
+ --notice-err-border: #ef4444;
63
+ --notice-warn-border: #f59e0b;
64
+ --notice-info-border: #3b82f6;
65
+ --send-blue: #818cf8;
66
+ --send-blue-hover: #6366f1;
67
+ --brand-grad-a: #818cf8;
68
+ --brand-grad-b: #c084fc;
69
+ --on-amber: #1a1a1a;
70
+ --search-active-fg: #1a1d26;
71
+ --switch-knob: #ffffff;
72
+ --bg-elev3: rgba(255, 255, 255, 0.06);
73
+ --glow-015: rgba(255, 255, 255, 0.015);
74
+ --glow-025: rgba(255, 255, 255, 0.025);
75
+ --glow-03: rgba(255, 255, 255, 0.03);
76
+ --glow-04: rgba(255, 255, 255, 0.04);
77
+ --glow-05: rgba(255, 255, 255, 0.05);
78
+ --glow-12: rgba(255, 255, 255, 0.12);
79
+ --glow-18: rgba(255, 255, 255, 0.18);
80
+ --glow-22: rgba(255, 255, 255, 0.22);
81
+ --glow-38: rgba(255, 255, 255, 0.38);
82
+ --control-fg: #9aa1b4;
83
+ --control-bg: #1a1d26;
84
+ --control-border: #262a35;
85
+ --bg-image: none;
86
+ --bg-image-dim: 0.78;
87
+ --bg-image-blur: 0px;
88
+ }
package/themes/md-preview.css CHANGED
@@ -1,98 +1,105 @@
1
- /* theme-name: 紫晕 */
2
- /* theme-name-en: Purple Haze */
3
- :root {
4
- color-scheme: dark;
5
- --bg: #0d0e12;
6
- --bg-elev: #14161c;
7
- --bg-elev2: #1a1d26;
8
- --border: #262a35;
9
- --border-soft: #1e2230;
10
- --text: #e6e8ef;
11
- --text-dim: #9aa1b4;
12
- --text-faint: #6b7284;
13
- --accent: #8b5cf6;
14
- --accent-soft: rgba(139, 92, 246, 0.14);
15
- --green: #34d399;
16
- --green-soft: rgba(52, 211, 153, 0.12);
17
- --red: #f87171;
18
- --red-soft: rgba(248, 113, 113, 0.12);
19
- --amber: #fbbf24;
20
- --term-bg: #0b0d12;
21
- --term-fg: #e6e8ef;
22
- --term-cursor: #8b5cf6;
23
- --term-cursor-accent: #0b0d12;
24
- --term-selection: rgba(139, 92, 246, 0.35);
25
- --term-black: #1a1d26;
26
- --term-red: #f87171;
27
- --term-green: #34d399;
28
- --term-yellow: #fbbf24;
29
- --term-blue: #60a5fa;
30
- --term-magenta: #c084fc;
31
- --term-cyan: #22d3ee;
32
- --term-white: #e6e8ef;
33
- --term-bright-black: #6b7284;
34
- --term-bright-red: #f87171;
35
- --term-bright-green: #34d399;
36
- --term-bright-yellow: #fbbf24;
37
- --term-bright-blue: #60a5fa;
38
- --term-bright-magenta: #c084fc;
39
- --term-bright-cyan: #22d3ee;
40
- --term-bright-white: #ffffff;
41
- --mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
42
- --tooltip-bg: #232733;
43
- --code-bg: #0b0d12;
44
- --code-text: #c9d1d9;
45
- --err-text: #f0a5a5;
46
- --red-text: #fca5a5;
47
- --amber-text: #fcd34d;
48
- --info-blue: #60a5fa;
49
- --link: #a78bfa;
50
- --link-hover: #c4b5fd;
51
- --link-soft: #ddd6fe;
52
- --md-strong: #f3f4f6;
53
- --skill-blue: #5eb3ff;
54
- --plugin-purple: #b58cff;
55
- --auth-green: #6ee7a0;
56
- --scroll-thumb: #2a2f3d;
57
- --scroll-thumb-hover: #3a4152;
58
- --notice-err-bg: #401d23;
59
- --notice-warn-bg: #38251f;
60
- --notice-info-bg: #1b2544;
61
- --notice-err-border: #ef4444;
62
- --notice-warn-border: #f59e0b;
63
- --notice-info-border: #3b82f6;
64
- --send-blue: #3b82f6;
65
- --send-blue-hover: #2563eb;
66
- --brand-grad-a: #8b5cf6;
67
- --brand-grad-b: #6366f1;
68
- --on-amber: #1a1a1a;
69
- --search-active-fg: #1a1d26;
70
- --switch-knob: #ffffff;
71
- --bg-elev3: rgba(255, 255, 255, 0.06);
72
- --glow-015: rgba(255, 255, 255, 0.015);
73
- --glow-025: rgba(255, 255, 255, 0.025);
74
- --glow-03: rgba(255, 255, 255, 0.03);
75
- --glow-04: rgba(255, 255, 255, 0.04);
76
- --glow-05: rgba(255, 255, 255, 0.05);
77
- --glow-12: rgba(255, 255, 255, 0.12);
78
- --glow-18: rgba(255, 255, 255, 0.18);
79
- --glow-22: rgba(255, 255, 255, 0.22);
80
- --glow-38: rgba(255, 255, 255, 0.38);
81
- }
82
-
83
- /* ---- ambient gradient（镜像 .fp-markdown 预览底色，覆盖整个窗口）---- */
84
- :root {
85
- --bg: #0a0b10;
86
- }
87
- body {
88
- background:
89
- radial-gradient(circle at 10% 0%, rgba(139, 92, 246, 0.14), transparent 38%),
90
- radial-gradient(circle at 88% 100%, rgba(139, 92, 246, 0.07), transparent 44%),
91
- #0a0b10;
92
- }
93
- /* 让渐变直接成为整个窗口的底色：铬件全部透明，只留边框定结构 */
94
- .topbar,
95
- .panel,
96
- .statusbar {
97
- background: transparent;
98
- }
1
+ /* theme-name: 紫晕 */
2
+ /* theme-name-en: Purple Haze */
3
+ :root {
4
+ color-scheme: dark;
5
+ --bg: #0d0e12;
6
+ --bg-elev: #14161c;
7
+ --bg-elev2: #1a1d26;
8
+ --border: #262a35;
9
+ --border-soft: #1e2230;
10
+ --text: #e6e8ef;
11
+ --text-dim: #9aa1b4;
12
+ --text-faint: #6b7284;
13
+ --accent: #8b5cf6;
14
+ --accent-soft: rgba(139, 92, 246, 0.14);
15
+ --green: #34d399;
16
+ --green-soft: rgba(52, 211, 153, 0.12);
17
+ --red: #f87171;
18
+ --red-soft: rgba(248, 113, 113, 0.12);
19
+ --amber: #fbbf24;
20
+ --term-bg: #0b0d12;
21
+ --term-fg: #e6e8ef;
22
+ --term-cursor: #8b5cf6;
23
+ --term-cursor-accent: #0b0d12;
24
+ --term-selection: rgba(139, 92, 246, 0.35);
25
+ --term-black: #1a1d26;
26
+ --term-red: #f87171;
27
+ --term-green: #34d399;
28
+ --term-yellow: #fbbf24;
29
+ --term-blue: #60a5fa;
30
+ --term-magenta: #c084fc;
31
+ --term-cyan: #22d3ee;
32
+ --term-white: #e6e8ef;
33
+ --term-bright-black: #6b7284;
34
+ --term-bright-red: #f87171;
35
+ --term-bright-green: #34d399;
36
+ --term-bright-yellow: #fbbf24;
37
+ --term-bright-blue: #60a5fa;
38
+ --term-bright-magenta: #c084fc;
39
+ --term-bright-cyan: #22d3ee;
40
+ --term-bright-white: #ffffff;
41
+ --mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
42
+ --mermaid-font-size: 12px;
43
+ --tooltip-bg: #232733;
44
+ --code-bg: #0b0d12;
45
+ --code-text: #c9d1d9;
46
+ --err-text: #f0a5a5;
47
+ --red-text: #fca5a5;
48
+ --amber-text: #fcd34d;
49
+ --info-blue: #60a5fa;
50
+ --link: #a78bfa;
51
+ --link-hover: #c4b5fd;
52
+ --link-soft: #ddd6fe;
53
+ --md-strong: #f3f4f6;
54
+ --skill-blue: #5eb3ff;
55
+ --plugin-purple: #b58cff;
56
+ --auth-green: #6ee7a0;
57
+ --scroll-thumb: #2a2f3d;
58
+ --scroll-thumb-hover: #3a4152;
59
+ --notice-err-bg: #401d23;
60
+ --notice-warn-bg: #38251f;
61
+ --notice-info-bg: #1b2544;
62
+ --notice-err-border: #ef4444;
63
+ --notice-warn-border: #f59e0b;
64
+ --notice-info-border: #3b82f6;
65
+ --send-blue: #3b82f6;
66
+ --send-blue-hover: #2563eb;
67
+ --brand-grad-a: #8b5cf6;
68
+ --brand-grad-b: #6366f1;
69
+ --on-amber: #1a1a1a;
70
+ --search-active-fg: #1a1d26;
71
+ --switch-knob: #ffffff;
72
+ --bg-elev3: rgba(255, 255, 255, 0.06);
73
+ --glow-015: rgba(255, 255, 255, 0.015);
74
+ --glow-025: rgba(255, 255, 255, 0.025);
75
+ --glow-03: rgba(255, 255, 255, 0.03);
76
+ --glow-04: rgba(255, 255, 255, 0.04);
77
+ --glow-05: rgba(255, 255, 255, 0.05);
78
+ --glow-12: rgba(255, 255, 255, 0.12);
79
+ --glow-18: rgba(255, 255, 255, 0.18);
80
+ --glow-22: rgba(255, 255, 255, 0.22);
81
+ --glow-38: rgba(255, 255, 255, 0.38);
82
+ --control-fg: #9aa1b4;
83
+ --control-bg: #1a1d26;
84
+ --control-border: #262a35;
85
+ --bg-image: none;
86
+ --bg-image-dim: 0.78;
87
+ --bg-image-blur: 0px;
88
+ }
89
+
90
+ /* ---- ambient gradient（镜像 .fp-markdown 预览底色，覆盖整个窗口）---- */
91
+ :root {
92
+ --bg: #0a0b10;
93
+ }
94
+ body {
95
+ background:
96
+ radial-gradient(circle at 10% 0%, rgba(139, 92, 246, 0.14), transparent 38%),
97
+ radial-gradient(circle at 88% 100%, rgba(139, 92, 246, 0.07), transparent 44%),
98
+ #0a0b10;
99
+ }
100
+ /* 让渐变直接成为整个窗口的底色：铬件全部透明，只留边框定结构 */
101
+ .topbar,
102
+ .panel,
103
+ .statusbar {
104
+ background: transparent;
105
+ }