@tokentop/ttop 0.2.2

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 (159) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +273 -0
  3. package/bin/ttop.js +49 -0
  4. package/package.json +68 -0
  5. package/src/agents/aggregator.ts +176 -0
  6. package/src/agents/costing.ts +74 -0
  7. package/src/agents/index.ts +12 -0
  8. package/src/agents/types.ts +71 -0
  9. package/src/cli.ts +167 -0
  10. package/src/config/schema.test.ts +166 -0
  11. package/src/config/schema.ts +165 -0
  12. package/src/demo/simulator.ts +745 -0
  13. package/src/plugins/agents/index.ts +2 -0
  14. package/src/plugins/auth-sources.ts +186 -0
  15. package/src/plugins/lifecycle.ts +177 -0
  16. package/src/plugins/loader.test.ts +195 -0
  17. package/src/plugins/loader.ts +282 -0
  18. package/src/plugins/notification-bus.ts +153 -0
  19. package/src/plugins/notifications/index.ts +2 -0
  20. package/src/plugins/notifications/terminal-bell.ts +66 -0
  21. package/src/plugins/notifications/visual-flash.ts +57 -0
  22. package/src/plugins/npm-installer.ts +164 -0
  23. package/src/plugins/plugin-context-factory.ts +67 -0
  24. package/src/plugins/plugin-host.ts +205 -0
  25. package/src/plugins/providers/anthropic.ts +325 -0
  26. package/src/plugins/providers/antigravity.ts +309 -0
  27. package/src/plugins/providers/codex.ts +250 -0
  28. package/src/plugins/providers/gemini.ts +391 -0
  29. package/src/plugins/providers/github-copilot.ts +194 -0
  30. package/src/plugins/providers/index.ts +12 -0
  31. package/src/plugins/providers/minimax.ts +223 -0
  32. package/src/plugins/providers/openai-api.ts +250 -0
  33. package/src/plugins/providers/opencode-zen.ts +125 -0
  34. package/src/plugins/providers/perplexity.ts +177 -0
  35. package/src/plugins/providers/zai.ts +225 -0
  36. package/src/plugins/registry.ts +251 -0
  37. package/src/plugins/sandbox-guard.test.ts +191 -0
  38. package/src/plugins/sandbox-guard.ts +155 -0
  39. package/src/plugins/sandbox.ts +138 -0
  40. package/src/plugins/themes/catppuccin-latte.ts +45 -0
  41. package/src/plugins/themes/catppuccin-mocha.ts +45 -0
  42. package/src/plugins/themes/claude-code.ts +45 -0
  43. package/src/plugins/themes/dracula.ts +45 -0
  44. package/src/plugins/themes/github-light.ts +45 -0
  45. package/src/plugins/themes/gruvbox-dark.ts +45 -0
  46. package/src/plugins/themes/gruvbox-light.ts +45 -0
  47. package/src/plugins/themes/index.ts +15 -0
  48. package/src/plugins/themes/kanagawa.ts +45 -0
  49. package/src/plugins/themes/nord.ts +45 -0
  50. package/src/plugins/themes/one-dark.ts +45 -0
  51. package/src/plugins/themes/opencode.ts +47 -0
  52. package/src/plugins/themes/rose-pine-dawn.ts +45 -0
  53. package/src/plugins/themes/rose-pine.ts +45 -0
  54. package/src/plugins/themes/solarized-light.ts +45 -0
  55. package/src/plugins/themes/tokyo-night.ts +49 -0
  56. package/src/plugins/types/agent.ts +108 -0
  57. package/src/plugins/types/base.ts +267 -0
  58. package/src/plugins/types/index.ts +19 -0
  59. package/src/plugins/types/notification.ts +51 -0
  60. package/src/plugins/types/provider.ts +233 -0
  61. package/src/plugins/types/theme.ts +70 -0
  62. package/src/plugins/update-checker.ts +177 -0
  63. package/src/pricing/estimator.test.ts +181 -0
  64. package/src/pricing/estimator.ts +80 -0
  65. package/src/pricing/fallback.test.ts +71 -0
  66. package/src/pricing/fallback.ts +62 -0
  67. package/src/pricing/index.ts +66 -0
  68. package/src/pricing/models-dev.ts +130 -0
  69. package/src/storage/database.ts +613 -0
  70. package/src/storage/db.ts +64 -0
  71. package/src/storage/index.ts +66 -0
  72. package/src/storage/migrations/index.ts +189 -0
  73. package/src/storage/paths.ts +24 -0
  74. package/src/storage/repos/agentSessions.ts +210 -0
  75. package/src/storage/repos/providerSnapshots.ts +116 -0
  76. package/src/storage/repos/usageEvents.ts +334 -0
  77. package/src/storage/types.ts +288 -0
  78. package/src/tui/App.tsx +381 -0
  79. package/src/tui/components/CommandPalette.tsx +166 -0
  80. package/src/tui/components/DebugConsole.tsx +161 -0
  81. package/src/tui/components/DebugPanel.tsx +660 -0
  82. package/src/tui/components/FooterHints.tsx +22 -0
  83. package/src/tui/components/GhostProviderCard.tsx +45 -0
  84. package/src/tui/components/Header.tsx +125 -0
  85. package/src/tui/components/HelpOverlay.tsx +45 -0
  86. package/src/tui/components/InlineGauge.tsx +34 -0
  87. package/src/tui/components/InlineSparkline.tsx +78 -0
  88. package/src/tui/components/KpiStrip.tsx +246 -0
  89. package/src/tui/components/LimitGauge.tsx +186 -0
  90. package/src/tui/components/ModalBackdrop.tsx +42 -0
  91. package/src/tui/components/ProviderAggregateStrip.tsx +200 -0
  92. package/src/tui/components/ProviderCard.tsx +309 -0
  93. package/src/tui/components/ProviderDetailPanel.tsx +237 -0
  94. package/src/tui/components/ProviderLimitsPanel.tsx +308 -0
  95. package/src/tui/components/ProvidersList.tsx +380 -0
  96. package/src/tui/components/SessionDetailsDrawer.tsx +317 -0
  97. package/src/tui/components/SessionsTable.tsx +401 -0
  98. package/src/tui/components/SettingsModal.tsx +587 -0
  99. package/src/tui/components/SidebarBreakdown.tsx +87 -0
  100. package/src/tui/components/Skeleton.tsx +102 -0
  101. package/src/tui/components/SmartSidebar.tsx +644 -0
  102. package/src/tui/components/Sparkline.tsx +180 -0
  103. package/src/tui/components/Spinner.tsx +36 -0
  104. package/src/tui/components/StatusBar.tsx +96 -0
  105. package/src/tui/components/ThemePicker.tsx +234 -0
  106. package/src/tui/components/Toast.tsx +61 -0
  107. package/src/tui/components/UsageGauge.tsx +80 -0
  108. package/src/tui/components/index.ts +5 -0
  109. package/src/tui/contexts/AgentSessionContext.tsx +307 -0
  110. package/src/tui/contexts/ConfigContext.tsx +141 -0
  111. package/src/tui/contexts/DashboardRuntimeContext.tsx +102 -0
  112. package/src/tui/contexts/DemoModeContext.tsx +60 -0
  113. package/src/tui/contexts/DrawerContext.tsx +42 -0
  114. package/src/tui/contexts/InputContext.tsx +30 -0
  115. package/src/tui/contexts/LogContext.tsx +150 -0
  116. package/src/tui/contexts/PluginContext.tsx +424 -0
  117. package/src/tui/contexts/RealTimeActivityContext.tsx +119 -0
  118. package/src/tui/contexts/StorageContext.tsx +233 -0
  119. package/src/tui/contexts/ThemeContext.tsx +95 -0
  120. package/src/tui/contexts/TimeWindowContext.tsx +158 -0
  121. package/src/tui/contexts/ToastContext.tsx +40 -0
  122. package/src/tui/contexts/index.ts +5 -0
  123. package/src/tui/createApp.tsx +47 -0
  124. package/src/tui/debug/captureFrame.ts +262 -0
  125. package/src/tui/debug/snapshot.tsx +644 -0
  126. package/src/tui/driver/assertions.ts +279 -0
  127. package/src/tui/driver/cli.ts +717 -0
  128. package/src/tui/driver/coverage.ts +204 -0
  129. package/src/tui/driver/demo-snapshot.ts +66 -0
  130. package/src/tui/driver/diff.ts +166 -0
  131. package/src/tui/driver/driver.ts +270 -0
  132. package/src/tui/driver/index.ts +53 -0
  133. package/src/tui/driver/recorder.ts +303 -0
  134. package/src/tui/driver/test-workflow.ts +115 -0
  135. package/src/tui/driver/test.ts +47 -0
  136. package/src/tui/hooks/index.ts +20 -0
  137. package/src/tui/hooks/useAnimatedValue.ts +113 -0
  138. package/src/tui/hooks/useDashboardKeyboard.ts +341 -0
  139. package/src/tui/hooks/useDashboardState.ts +116 -0
  140. package/src/tui/hooks/useEmaActivity.ts +223 -0
  141. package/src/tui/hooks/useEntranceAnimation.ts +62 -0
  142. package/src/tui/hooks/useExitAnimation.ts +137 -0
  143. package/src/tui/hooks/usePulse.ts +138 -0
  144. package/src/tui/hooks/useSafeRenderer.ts +24 -0
  145. package/src/tui/hooks/useValueFlash.ts +111 -0
  146. package/src/tui/index.tsx +50 -0
  147. package/src/tui/utils/providerColor.ts +32 -0
  148. package/src/tui/views/Dashboard.tsx +340 -0
  149. package/src/tui/views/HistoricalTrendsView.tsx +1431 -0
  150. package/src/tui/views/ProjectsView.tsx +1277 -0
  151. package/src/tui/views/RealTimeDashboard.tsx +393 -0
  152. package/src/tui/views/SettingsView.tsx +465 -0
  153. package/src/tui/views/index.ts +2 -0
  154. package/src/types/global.d.ts +5 -0
  155. package/src/types/opentui-test-utils.d.ts +18 -0
  156. package/src/utils/clipboard.ts +118 -0
  157. package/src/utils/currency.test.ts +106 -0
  158. package/src/utils/currency.ts +79 -0
  159. package/src/version.ts +1 -0
@@ -0,0 +1,138 @@
1
+ import {
2
+ PluginPermissionError,
3
+ type PluginPermissions,
4
+ type PluginHttpClient,
5
+ type PluginLogger,
6
+ } from './types/index.ts';
7
+
8
+ export function createSandboxedHttpClient(
9
+ pluginId: string,
10
+ permissions: PluginPermissions
11
+ ): PluginHttpClient {
12
+ return {
13
+ async fetch(url: string, init?: RequestInit): Promise<Response> {
14
+ if (!permissions.network?.enabled) {
15
+ throw new PluginPermissionError(
16
+ pluginId,
17
+ 'network',
18
+ 'Network access not permitted'
19
+ );
20
+ }
21
+
22
+ const urlObj = new URL(url);
23
+ const allowedDomains = permissions.network.allowedDomains;
24
+
25
+ if (allowedDomains && allowedDomains.length > 0) {
26
+ const isAllowed = allowedDomains.some(
27
+ (domain) =>
28
+ urlObj.hostname === domain ||
29
+ urlObj.hostname.endsWith(`.${domain}`)
30
+ );
31
+
32
+ if (!isAllowed) {
33
+ throw new PluginPermissionError(
34
+ pluginId,
35
+ 'network',
36
+ `Domain "${urlObj.hostname}" not in allowlist: ${allowedDomains.join(', ')}`
37
+ );
38
+ }
39
+ }
40
+
41
+ return globalThis.fetch(url, init);
42
+ },
43
+ };
44
+ }
45
+
46
+ export function createPluginLogger(pluginId: string): PluginLogger {
47
+ const prefix = `[plugin:${pluginId}]`;
48
+
49
+ return {
50
+ debug(message: string, data?: Record<string, unknown>) {
51
+ if (process.env.DEBUG) {
52
+ console.debug(prefix, message, data ?? '');
53
+ }
54
+ },
55
+ info(message: string, data?: Record<string, unknown>) {
56
+ console.info(prefix, message, data ?? '');
57
+ },
58
+ warn(message: string, data?: Record<string, unknown>) {
59
+ console.warn(prefix, message, data ?? '');
60
+ },
61
+ error(message: string, data?: Record<string, unknown>) {
62
+ console.error(prefix, message, data ?? '');
63
+ },
64
+ };
65
+ }
66
+
67
+ export function validateEnvAccess(
68
+ pluginId: string,
69
+ permissions: PluginPermissions,
70
+ varName: string
71
+ ): void {
72
+ if (!permissions.env?.read) {
73
+ throw new PluginPermissionError(
74
+ pluginId,
75
+ 'env',
76
+ 'Environment variable access not permitted'
77
+ );
78
+ }
79
+
80
+ const allowedVars = permissions.env.vars;
81
+ if (allowedVars && allowedVars.length > 0 && !allowedVars.includes(varName)) {
82
+ throw new PluginPermissionError(
83
+ pluginId,
84
+ 'env',
85
+ `Environment variable "${varName}" not in allowlist`
86
+ );
87
+ }
88
+ }
89
+
90
+ export function validateFilesystemAccess(
91
+ pluginId: string,
92
+ permissions: PluginPermissions,
93
+ path: string,
94
+ mode: 'read' | 'write'
95
+ ): void {
96
+ const fsPerms = permissions.filesystem;
97
+
98
+ if (!fsPerms) {
99
+ throw new PluginPermissionError(
100
+ pluginId,
101
+ 'filesystem',
102
+ 'Filesystem access not permitted'
103
+ );
104
+ }
105
+
106
+ if (mode === 'read' && !fsPerms.read) {
107
+ throw new PluginPermissionError(
108
+ pluginId,
109
+ 'filesystem',
110
+ 'Filesystem read access not permitted'
111
+ );
112
+ }
113
+
114
+ if (mode === 'write' && !fsPerms.write) {
115
+ throw new PluginPermissionError(
116
+ pluginId,
117
+ 'filesystem',
118
+ 'Filesystem write access not permitted'
119
+ );
120
+ }
121
+
122
+ const allowedPaths = fsPerms.paths;
123
+ if (allowedPaths && allowedPaths.length > 0) {
124
+ const normalizedPath = path.replace(/^~/, process.env.HOME ?? '');
125
+ const isAllowed = allowedPaths.some((allowed) => {
126
+ const normalizedAllowed = allowed.replace(/^~/, process.env.HOME ?? '');
127
+ return normalizedPath.startsWith(normalizedAllowed);
128
+ });
129
+
130
+ if (!isAllowed) {
131
+ throw new PluginPermissionError(
132
+ pluginId,
133
+ 'filesystem',
134
+ `Path "${path}" not in allowlist`
135
+ );
136
+ }
137
+ }
138
+ }
@@ -0,0 +1,45 @@
1
+ import type { ThemePlugin } from '../types/theme.ts';
2
+
3
+ export const catppuccinLatteTheme: ThemePlugin = {
4
+ apiVersion: 2,
5
+ id: 'catppuccin-latte',
6
+ type: 'theme',
7
+ name: 'Catppuccin Latte',
8
+ family: 'catppuccin',
9
+ version: '1.0.0',
10
+ permissions: {},
11
+
12
+ colorScheme: 'light',
13
+
14
+ colors: {
15
+ background: '#eff1f5',
16
+ foreground: '#e6e9ef',
17
+ text: '#4c4f69',
18
+ textMuted: '#6c6f85',
19
+ textSubtle: '#9ca0b0',
20
+ primary: '#1e66f5',
21
+ secondary: '#8839ef',
22
+ accent: '#179299',
23
+ success: '#40a02b',
24
+ warning: '#df8e1d',
25
+ error: '#d20f39',
26
+ info: '#04a5e5',
27
+ border: '#bcc0cc',
28
+ borderMuted: '#ccd0da',
29
+ selection: '#dce0e8',
30
+ highlight: '#e6e9ef',
31
+ gaugeBackground: '#ccd0da',
32
+ gaugeFill: '#1e66f5',
33
+ gaugeWarning: '#df8e1d',
34
+ gaugeDanger: '#d20f39',
35
+ },
36
+
37
+ components: {
38
+ header: {
39
+ background: '#e6e9ef',
40
+ },
41
+ statusBar: {
42
+ background: '#dce0e8',
43
+ },
44
+ },
45
+ };
@@ -0,0 +1,45 @@
1
+ import type { ThemePlugin } from '../types/theme.ts';
2
+
3
+ export const catppuccinMochaTheme: ThemePlugin = {
4
+ apiVersion: 2,
5
+ id: 'catppuccin-mocha',
6
+ type: 'theme',
7
+ name: 'Catppuccin Mocha',
8
+ family: 'catppuccin',
9
+ version: '1.0.0',
10
+ permissions: {},
11
+
12
+ colorScheme: 'dark',
13
+
14
+ colors: {
15
+ background: '#1e1e2e',
16
+ foreground: '#313244',
17
+ text: '#cdd6f4',
18
+ textMuted: '#a6adc8',
19
+ textSubtle: '#6c7086',
20
+ primary: '#89b4fa',
21
+ secondary: '#cba6f7',
22
+ accent: '#94e2d5',
23
+ success: '#a6e3a1',
24
+ warning: '#f9e2af',
25
+ error: '#f38ba8',
26
+ info: '#89dceb',
27
+ border: '#45475a',
28
+ borderMuted: '#313244',
29
+ selection: '#45475a',
30
+ highlight: '#313244',
31
+ gaugeBackground: '#313244',
32
+ gaugeFill: '#89b4fa',
33
+ gaugeWarning: '#f9e2af',
34
+ gaugeDanger: '#f38ba8',
35
+ },
36
+
37
+ components: {
38
+ header: {
39
+ background: '#181825',
40
+ },
41
+ statusBar: {
42
+ background: '#11111b',
43
+ },
44
+ },
45
+ };
@@ -0,0 +1,45 @@
1
+ import type { ThemePlugin } from '../types/theme.ts';
2
+
3
+ export const claudeCodeTheme: ThemePlugin = {
4
+ apiVersion: 2,
5
+ id: 'claude-code',
6
+ type: 'theme',
7
+ name: 'Claude Code',
8
+ family: 'claude-code',
9
+ version: '1.0.0',
10
+ permissions: {},
11
+
12
+ colorScheme: 'dark',
13
+
14
+ colors: {
15
+ background: '#000000',
16
+ foreground: '#373737',
17
+ text: '#ffffff',
18
+ textMuted: '#999999',
19
+ textSubtle: '#505050',
20
+ primary: '#D77757',
21
+ secondary: '#B1B9F9',
22
+ accent: '#EB9F7F',
23
+ success: '#4EBA65',
24
+ warning: '#FFC107',
25
+ error: '#FF6B80',
26
+ info: '#93A5FF',
27
+ border: '#505050',
28
+ borderMuted: '#373737',
29
+ selection: '#413C41',
30
+ highlight: '#374146',
31
+ gaugeBackground: '#373737',
32
+ gaugeFill: '#D77757',
33
+ gaugeWarning: '#FFC107',
34
+ gaugeDanger: '#FF6B80',
35
+ },
36
+
37
+ components: {
38
+ header: {
39
+ background: '#000000',
40
+ },
41
+ statusBar: {
42
+ background: '#373737',
43
+ },
44
+ },
45
+ };
@@ -0,0 +1,45 @@
1
+ import type { ThemePlugin } from '../types/theme.ts';
2
+
3
+ export const draculaTheme: ThemePlugin = {
4
+ apiVersion: 2,
5
+ id: 'dracula',
6
+ type: 'theme',
7
+ name: 'Dracula',
8
+ family: 'dracula',
9
+ version: '1.0.0',
10
+ permissions: {},
11
+
12
+ colorScheme: 'dark',
13
+
14
+ colors: {
15
+ background: '#282a36',
16
+ foreground: '#44475a',
17
+ text: '#f8f8f2',
18
+ textMuted: '#bfbfbf',
19
+ textSubtle: '#6272a4',
20
+ primary: '#bd93f9',
21
+ secondary: '#ff79c6',
22
+ accent: '#8be9fd',
23
+ success: '#50fa7b',
24
+ warning: '#ffb86c',
25
+ error: '#ff5555',
26
+ info: '#8be9fd',
27
+ border: '#44475a',
28
+ borderMuted: '#383a46',
29
+ selection: '#44475a',
30
+ highlight: '#383a46',
31
+ gaugeBackground: '#44475a',
32
+ gaugeFill: '#bd93f9',
33
+ gaugeWarning: '#ffb86c',
34
+ gaugeDanger: '#ff5555',
35
+ },
36
+
37
+ components: {
38
+ header: {
39
+ background: '#21222c',
40
+ },
41
+ statusBar: {
42
+ background: '#191a21',
43
+ },
44
+ },
45
+ };
@@ -0,0 +1,45 @@
1
+ import type { ThemePlugin } from '../types/theme.ts';
2
+
3
+ export const githubLightTheme: ThemePlugin = {
4
+ apiVersion: 2,
5
+ id: 'github-light',
6
+ type: 'theme',
7
+ name: 'GitHub Light',
8
+ family: 'github',
9
+ version: '1.0.0',
10
+ permissions: {},
11
+
12
+ colorScheme: 'light',
13
+
14
+ colors: {
15
+ background: '#ffffff',
16
+ foreground: '#f6f8fa',
17
+ text: '#1f2328',
18
+ textMuted: '#59636e',
19
+ textSubtle: '#656d76',
20
+ primary: '#0969da',
21
+ secondary: '#8250df',
22
+ accent: '#0550ae',
23
+ success: '#1a7f37',
24
+ warning: '#9a6700',
25
+ error: '#cf222e',
26
+ info: '#0969da',
27
+ border: '#d0d7de',
28
+ borderMuted: '#d8dee4',
29
+ selection: '#ddf4ff',
30
+ highlight: '#f6f8fa',
31
+ gaugeBackground: '#d0d7de',
32
+ gaugeFill: '#0969da',
33
+ gaugeWarning: '#9a6700',
34
+ gaugeDanger: '#cf222e',
35
+ },
36
+
37
+ components: {
38
+ header: {
39
+ background: '#f6f8fa',
40
+ },
41
+ statusBar: {
42
+ background: '#f6f8fa',
43
+ },
44
+ },
45
+ };
@@ -0,0 +1,45 @@
1
+ import type { ThemePlugin } from '../types/theme.ts';
2
+
3
+ export const gruvboxDarkTheme: ThemePlugin = {
4
+ apiVersion: 2,
5
+ id: 'gruvbox-dark',
6
+ type: 'theme',
7
+ name: 'Gruvbox Dark',
8
+ family: 'gruvbox',
9
+ version: '1.0.0',
10
+ permissions: {},
11
+
12
+ colorScheme: 'dark',
13
+
14
+ colors: {
15
+ background: '#282828',
16
+ foreground: '#3c3836',
17
+ text: '#ebdbb2',
18
+ textMuted: '#bdae93',
19
+ textSubtle: '#665c54',
20
+ primary: '#83a598',
21
+ secondary: '#d3869b',
22
+ accent: '#8ec07c',
23
+ success: '#b8bb26',
24
+ warning: '#fabd2f',
25
+ error: '#fb4934',
26
+ info: '#83a598',
27
+ border: '#504945',
28
+ borderMuted: '#3c3836',
29
+ selection: '#504945',
30
+ highlight: '#3c3836',
31
+ gaugeBackground: '#3c3836',
32
+ gaugeFill: '#83a598',
33
+ gaugeWarning: '#fabd2f',
34
+ gaugeDanger: '#fb4934',
35
+ },
36
+
37
+ components: {
38
+ header: {
39
+ background: '#1d2021',
40
+ },
41
+ statusBar: {
42
+ background: '#1d2021',
43
+ },
44
+ },
45
+ };
@@ -0,0 +1,45 @@
1
+ import type { ThemePlugin } from '../types/theme.ts';
2
+
3
+ export const gruvboxLightTheme: ThemePlugin = {
4
+ apiVersion: 2,
5
+ id: 'gruvbox-light',
6
+ type: 'theme',
7
+ name: 'Gruvbox Light',
8
+ family: 'gruvbox',
9
+ version: '1.0.0',
10
+ permissions: {},
11
+
12
+ colorScheme: 'light',
13
+
14
+ colors: {
15
+ background: '#fbf1c7',
16
+ foreground: '#ebdbb2',
17
+ text: '#3c3836',
18
+ textMuted: '#504945',
19
+ textSubtle: '#928374',
20
+ primary: '#076678',
21
+ secondary: '#8f3f71',
22
+ accent: '#427b58',
23
+ success: '#79740e',
24
+ warning: '#b57614',
25
+ error: '#9d0006',
26
+ info: '#076678',
27
+ border: '#bdae93',
28
+ borderMuted: '#d5c4a1',
29
+ selection: '#ebdbb2',
30
+ highlight: '#ebdbb2',
31
+ gaugeBackground: '#d5c4a1',
32
+ gaugeFill: '#076678',
33
+ gaugeWarning: '#b57614',
34
+ gaugeDanger: '#9d0006',
35
+ },
36
+
37
+ components: {
38
+ header: {
39
+ background: '#f2e5bc',
40
+ },
41
+ statusBar: {
42
+ background: '#ebdbb2',
43
+ },
44
+ },
45
+ };
@@ -0,0 +1,15 @@
1
+ export { tokyoNightTheme } from './tokyo-night.ts';
2
+ export { draculaTheme } from './dracula.ts';
3
+ export { nordTheme } from './nord.ts';
4
+ export { catppuccinMochaTheme } from './catppuccin-mocha.ts';
5
+ export { catppuccinLatteTheme } from './catppuccin-latte.ts';
6
+ export { gruvboxDarkTheme } from './gruvbox-dark.ts';
7
+ export { gruvboxLightTheme } from './gruvbox-light.ts';
8
+ export { githubLightTheme } from './github-light.ts';
9
+ export { solarizedLightTheme } from './solarized-light.ts';
10
+ export { oneDarkTheme } from './one-dark.ts';
11
+ export { rosePineTheme } from './rose-pine.ts';
12
+ export { rosePineDawnTheme } from './rose-pine-dawn.ts';
13
+ export { kanagawaTheme } from './kanagawa.ts';
14
+ export { opencodeTheme } from './opencode.ts';
15
+ export { claudeCodeTheme } from './claude-code.ts';
@@ -0,0 +1,45 @@
1
+ import type { ThemePlugin } from '../types/theme.ts';
2
+
3
+ export const kanagawaTheme: ThemePlugin = {
4
+ apiVersion: 2,
5
+ id: 'kanagawa',
6
+ type: 'theme',
7
+ name: 'Kanagawa',
8
+ family: 'kanagawa',
9
+ version: '1.0.0',
10
+ permissions: {},
11
+
12
+ colorScheme: 'dark',
13
+
14
+ colors: {
15
+ background: '#1f1f28',
16
+ foreground: '#2a2a37',
17
+ text: '#dcd7ba',
18
+ textMuted: '#c8c093',
19
+ textSubtle: '#727169',
20
+ primary: '#7e9cd8',
21
+ secondary: '#957fb8',
22
+ accent: '#7fb4ca',
23
+ success: '#76946a',
24
+ warning: '#e6c384',
25
+ error: '#c34043',
26
+ info: '#7fb4ca',
27
+ border: '#54546d',
28
+ borderMuted: '#363646',
29
+ selection: '#2d4f67',
30
+ highlight: '#2a2a37',
31
+ gaugeBackground: '#2a2a37',
32
+ gaugeFill: '#7e9cd8',
33
+ gaugeWarning: '#e6c384',
34
+ gaugeDanger: '#c34043',
35
+ },
36
+
37
+ components: {
38
+ header: {
39
+ background: '#16161d',
40
+ },
41
+ statusBar: {
42
+ background: '#16161d',
43
+ },
44
+ },
45
+ };
@@ -0,0 +1,45 @@
1
+ import type { ThemePlugin } from '../types/theme.ts';
2
+
3
+ export const nordTheme: ThemePlugin = {
4
+ apiVersion: 2,
5
+ id: 'nord',
6
+ type: 'theme',
7
+ name: 'Nord',
8
+ family: 'nord',
9
+ version: '1.0.0',
10
+ permissions: {},
11
+
12
+ colorScheme: 'dark',
13
+
14
+ colors: {
15
+ background: '#2e3440',
16
+ foreground: '#3b4252',
17
+ text: '#eceff4',
18
+ textMuted: '#d8dee9',
19
+ textSubtle: '#4c566a',
20
+ primary: '#88c0d0',
21
+ secondary: '#81a1c1',
22
+ accent: '#5e81ac',
23
+ success: '#a3be8c',
24
+ warning: '#ebcb8b',
25
+ error: '#bf616a',
26
+ info: '#88c0d0',
27
+ border: '#4c566a',
28
+ borderMuted: '#434c5e',
29
+ selection: '#434c5e',
30
+ highlight: '#3b4252',
31
+ gaugeBackground: '#3b4252',
32
+ gaugeFill: '#88c0d0',
33
+ gaugeWarning: '#ebcb8b',
34
+ gaugeDanger: '#bf616a',
35
+ },
36
+
37
+ components: {
38
+ header: {
39
+ background: '#242933',
40
+ },
41
+ statusBar: {
42
+ background: '#242933',
43
+ },
44
+ },
45
+ };
@@ -0,0 +1,45 @@
1
+ import type { ThemePlugin } from '../types/theme.ts';
2
+
3
+ export const oneDarkTheme: ThemePlugin = {
4
+ apiVersion: 2,
5
+ id: 'one-dark',
6
+ type: 'theme',
7
+ name: 'One Dark',
8
+ family: 'one-dark',
9
+ version: '1.0.0',
10
+ permissions: {},
11
+
12
+ colorScheme: 'dark',
13
+
14
+ colors: {
15
+ background: '#282c34',
16
+ foreground: '#31353f',
17
+ text: '#abb2bf',
18
+ textMuted: '#828997',
19
+ textSubtle: '#5c6370',
20
+ primary: '#61afef',
21
+ secondary: '#c678dd',
22
+ accent: '#56b6c2',
23
+ success: '#98c379',
24
+ warning: '#e5c07b',
25
+ error: '#e06c75',
26
+ info: '#61afef',
27
+ border: '#3e4451',
28
+ borderMuted: '#2c313a',
29
+ selection: '#3e4451',
30
+ highlight: '#2c313a',
31
+ gaugeBackground: '#31353f',
32
+ gaugeFill: '#61afef',
33
+ gaugeWarning: '#e5c07b',
34
+ gaugeDanger: '#e06c75',
35
+ },
36
+
37
+ components: {
38
+ header: {
39
+ background: '#21252b',
40
+ },
41
+ statusBar: {
42
+ background: '#21252b',
43
+ },
44
+ },
45
+ };
@@ -0,0 +1,47 @@
1
+ import type { ThemePlugin } from '../types/theme.ts';
2
+
3
+ export const opencodeTheme: ThemePlugin = {
4
+ apiVersion: 2,
5
+ id: 'opencode',
6
+ type: 'theme',
7
+ name: 'OpenCode',
8
+ family: 'opencode',
9
+ version: '1.0.0',
10
+ permissions: {},
11
+
12
+ colorScheme: 'dark',
13
+
14
+ colors: {
15
+ background: '#111116',
16
+ foreground: '#1a1b22',
17
+ text: '#d4d4d8',
18
+ textMuted: '#636670',
19
+ textSubtle: '#3e4048',
20
+ primary: '#56b6c2',
21
+ secondary: '#5c9cf5',
22
+ accent: '#e5c07b',
23
+ success: '#7fd88f',
24
+ warning: '#f5a742',
25
+ error: '#e06c75',
26
+ info: '#56b6c2',
27
+ border: '#2e303a',
28
+ borderMuted: '#222230',
29
+ selection: '#252530',
30
+ highlight: '#1a1b22',
31
+ gaugeBackground: '#1a1b22',
32
+ gaugeFill: '#56b6c2',
33
+ gaugeWarning: '#f5a742',
34
+ gaugeDanger: '#e06c75',
35
+ },
36
+
37
+ components: {
38
+ header: {
39
+ background: '#0a0a0e',
40
+ titleColor: '#636670',
41
+ titleAccentColor: '#e0e0e0',
42
+ },
43
+ statusBar: {
44
+ background: '#0a0a0e',
45
+ },
46
+ },
47
+ };