groove-dev 0.27.28 → 0.27.30

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 (32) hide show
  1. package/node_modules/@groove-dev/cli/package.json +1 -1
  2. package/node_modules/@groove-dev/daemon/package.json +1 -1
  3. package/node_modules/@groove-dev/daemon/src/journalist.js +103 -45
  4. package/node_modules/@groove-dev/daemon/test/journalist.test.js +1 -1
  5. package/node_modules/@groove-dev/gui/dist/assets/{index-CjjmUhoW.css → index-BwNjgBny.css} +1 -1
  6. package/node_modules/@groove-dev/gui/dist/assets/{index-Ch1N9G4Z.js → index-PxWmJjcJ.js} +290 -290
  7. package/node_modules/@groove-dev/gui/dist/index.html +2 -2
  8. package/node_modules/@groove-dev/gui/package.json +1 -1
  9. package/node_modules/@groove-dev/gui/src/app.css +10 -0
  10. package/node_modules/@groove-dev/gui/src/components/agents/agent-config.jsx +2 -2
  11. package/node_modules/@groove-dev/gui/src/components/agents/spawn-wizard.jsx +4 -4
  12. package/node_modules/@groove-dev/gui/src/components/editor/terminal.jsx +21 -13
  13. package/node_modules/@groove-dev/gui/src/components/layout/terminal-panel.jsx +1 -1
  14. package/node_modules/@groove-dev/gui/src/views/settings.jsx +4 -4
  15. package/package.json +1 -1
  16. package/packages/cli/package.json +1 -1
  17. package/packages/daemon/package.json +1 -1
  18. package/packages/daemon/src/journalist.js +103 -45
  19. package/packages/gui/dist/assets/{index-CjjmUhoW.css → index-BwNjgBny.css} +1 -1
  20. package/packages/gui/dist/assets/{index-Ch1N9G4Z.js → index-PxWmJjcJ.js} +290 -290
  21. package/packages/gui/dist/index.html +2 -2
  22. package/packages/gui/package.json +1 -1
  23. package/packages/gui/src/app.css +10 -0
  24. package/packages/gui/src/components/agents/agent-config.jsx +2 -2
  25. package/packages/gui/src/components/agents/spawn-wizard.jsx +4 -4
  26. package/packages/gui/src/components/editor/terminal.jsx +21 -13
  27. package/packages/gui/src/components/layout/terminal-panel.jsx +1 -1
  28. package/packages/gui/src/views/settings.jsx +4 -4
  29. package/.groove-staging/state.json +0 -3
  30. package/.groove-staging/timeline.json +0 -13
  31. package/DECENTRALIZED_NET_WP_V1.md +0 -871
  32. package/decentralized-net/ACTION_PLAN.md +0 -422
@@ -6,12 +6,12 @@
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
7
  <link rel="icon" type="image/png" href="/favicon.png" />
8
8
  <title>Groove GUI</title>
9
- <script type="module" crossorigin src="/assets/index-Ch1N9G4Z.js"></script>
9
+ <script type="module" crossorigin src="/assets/index-PxWmJjcJ.js"></script>
10
10
  <link rel="modulepreload" crossorigin href="/assets/vendor-C0HXlhrU.js">
11
11
  <link rel="modulepreload" crossorigin href="/assets/reactflow-BQPfi37R.js">
12
12
  <link rel="modulepreload" crossorigin href="/assets/codemirror-BBL3i_JW.js">
13
13
  <link rel="modulepreload" crossorigin href="/assets/xterm--7_ns2zW.js">
14
- <link rel="stylesheet" crossorigin href="/assets/index-CjjmUhoW.css">
14
+ <link rel="stylesheet" crossorigin href="/assets/index-BwNjgBny.css">
15
15
  </head>
16
16
  <body>
17
17
  <div id="root"></div>
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@groove-dev/gui",
3
- "version": "0.27.28",
3
+ "version": "0.27.30",
4
4
  "description": "GROOVE GUI — visual agent control plane",
5
5
  "license": "FSL-1.1-Apache-2.0",
6
6
  "type": "module",
@@ -80,6 +80,16 @@ html {
80
80
  ::-webkit-scrollbar-thumb:hover { background: var(--color-surface-6); }
81
81
  ::selection { background: rgba(51, 175, 188, 0.25); }
82
82
 
83
+ /* ── Terminal (xterm) ────────────────────────────────────── */
84
+
85
+ .xterm-viewport::-webkit-scrollbar { width: 6px; }
86
+ .xterm-viewport::-webkit-scrollbar-track { background: transparent; }
87
+ .xterm-viewport::-webkit-scrollbar-thumb { background: var(--color-surface-5); border-radius: 3px; }
88
+ .xterm-viewport::-webkit-scrollbar-thumb:hover { background: var(--color-surface-6); }
89
+ .xterm-viewport { scrollbar-width: thin; scrollbar-color: var(--color-surface-5) transparent; }
90
+ .xterm { padding: 0; }
91
+ .xterm-screen { width: 100% !important; }
92
+
83
93
  /* ── Animations ───────────────────────────────────────────── */
84
94
 
85
95
  @keyframes pulse {
@@ -366,7 +366,7 @@ export function AgentConfig({ agent }) {
366
366
  <div className="space-y-1.5">
367
367
  {providers.map((p) => {
368
368
  const isActive = p.id === agent.provider;
369
- const available = p.installed || p.hasKey;
369
+ const available = p.authType === 'subscription' ? (p.installed || p.authStatus?.authenticated) : p.authType === 'local' ? p.installed : (p.installed && p.hasKey);
370
370
  const isExpanded = expandedProvider === p.id;
371
371
  const models = p.models || [];
372
372
  return (
@@ -381,7 +381,7 @@ export function AgentConfig({ agent }) {
381
381
  {p.name || p.id}
382
382
  </span>
383
383
  {isActive && <Badge variant="accent" className="text-2xs">Active</Badge>}
384
- {!available && <span className="text-2xs text-text-4 font-sans">{p.authType === 'local' ? 'Not installed' : 'No key'}</span>}
384
+ {!available && <span className="text-2xs text-text-4 font-sans">{!p.installed ? 'Not installed' : 'No key'}</span>}
385
385
  <ChevronDown size={12} className={cn('text-text-4 transition-transform', isExpanded && 'rotate-180')} />
386
386
  </button>
387
387
 
@@ -90,14 +90,14 @@ export function SpawnWizard() {
90
90
  const selectedRole = role || customRole;
91
91
  const selectedProvider = providers.find((p) => p.id === provider);
92
92
  const availableModels = selectedProvider?.models || [];
93
- const installedProviders = providers.filter((p) => p.installed);
93
+ const installedProviders = providers.filter((p) => p.authType === 'api-key' ? (p.installed && p.hasKey) : p.installed);
94
94
 
95
95
  useEffect(() => {
96
96
  if (open) {
97
97
  fetchProviders().then((data) => {
98
98
  const list = Array.isArray(data) ? data : data.providers || [];
99
99
  setProviders(list);
100
- const installed = list.filter((p) => p.installed);
100
+ const installed = list.filter((p) => p.authType === 'api-key' ? (p.installed && p.hasKey) : p.installed);
101
101
  if (installed.length > 0 && !provider) {
102
102
  const priority = ['claude-code', 'gemini', 'codex', 'ollama'];
103
103
  const best = priority.find((pid) => installed.some((p) => p.id === pid)) || installed[0].id;
@@ -408,8 +408,8 @@ export function SpawnWizard() {
408
408
  >
409
409
  <option value="">Auto</option>
410
410
  {providers.map((p) => (
411
- <option key={p.id} value={p.id} disabled={!p.installed}>
412
- {p.name}{!p.installed ? ' (not installed)' : ''}
411
+ <option key={p.id} value={p.id} disabled={p.authType === 'api-key' ? !(p.installed && p.hasKey) : !p.installed}>
412
+ {p.name}{!p.installed ? ' (Not installed)' : (p.authType === 'api-key' && !p.hasKey) ? ' (No API key)' : ''}
413
413
  </option>
414
414
  ))}
415
415
  </select>
@@ -8,14 +8,15 @@ import { TerminalPanel } from '../layout/terminal-panel';
8
8
 
9
9
  const THEME = {
10
10
  background: '#1a1e25',
11
- foreground: '#bcc2cd',
11
+ foreground: '#c8ccd4',
12
12
  cursor: '#33afbc',
13
13
  cursorAccent: '#1a1e25',
14
- selectionBackground: 'rgba(51, 175, 188, 0.25)',
14
+ selectionBackground: 'rgba(51, 175, 188, 0.3)',
15
+ selectionForeground: '#ffffff',
15
16
  black: '#1a1e25', red: '#e06c75', green: '#4ae168', yellow: '#e5c07b',
16
- blue: '#61afef', magenta: '#c678dd', cyan: '#33afbc', white: '#bcc2cd',
17
- brightBlack: '#505862', brightRed: '#e06c75', brightGreen: '#4ae168', brightYellow: '#e5c07b',
18
- brightBlue: '#61afef', brightMagenta: '#c678dd', brightCyan: '#33afbc', brightWhite: '#e6e6e6',
17
+ blue: '#61afef', magenta: '#c678dd', cyan: '#33afbc', white: '#abb2bf',
18
+ brightBlack: '#5c6370', brightRed: '#f07178', brightGreen: '#4ae168', brightYellow: '#e5c07b',
19
+ brightBlue: '#61afef', brightMagenta: '#c678dd', brightCyan: '#56b6c2', brightWhite: '#ffffff',
19
20
  };
20
21
 
21
22
  let tabCounter = 0;
@@ -35,12 +36,19 @@ function TerminalInstance({ tabId, visible }) {
35
36
  const term = new XTerm({
36
37
  theme: THEME,
37
38
  fontFamily: "'JetBrains Mono Variable', 'SF Mono', monospace",
38
- fontSize: 13,
39
- lineHeight: 1.4,
39
+ fontSize: 12,
40
+ lineHeight: 1.1,
41
+ letterSpacing: 0,
40
42
  cursorBlink: true,
41
43
  cursorStyle: 'bar',
42
- scrollback: 5000,
44
+ cursorWidth: 1,
45
+ scrollback: 10000,
43
46
  allowProposedApi: true,
47
+ minimumContrastRatio: 1,
48
+ drawBoldTextInBrightColors: true,
49
+ fontWeight: '400',
50
+ fontWeightBold: '600',
51
+ overviewRulerWidth: 0,
44
52
  });
45
53
 
46
54
  const fitAddon = new FitAddon();
@@ -50,10 +58,6 @@ function TerminalInstance({ tabId, visible }) {
50
58
  termRef.current = term;
51
59
  fitRef.current = fitAddon;
52
60
 
53
- requestAnimationFrame(() => {
54
- try { fitAddon.fit(); } catch {}
55
- });
56
-
57
61
  let spawnAttempts = 0;
58
62
  function trySpawn() {
59
63
  spawnAttempts++;
@@ -97,7 +101,11 @@ function TerminalInstance({ tabId, visible }) {
97
101
  });
98
102
  }
99
103
 
100
- trySpawn();
104
+ // Fit first, then spawn — ensures PTY gets correct column count
105
+ requestAnimationFrame(() => {
106
+ try { fitAddon.fit(); } catch {}
107
+ trySpawn();
108
+ });
101
109
 
102
110
  const observer = new ResizeObserver(() => {
103
111
  requestAnimationFrame(() => { try { fitAddon.fit(); } catch {} });
@@ -122,7 +122,7 @@ export function TerminalPanel({
122
122
  </div>
123
123
 
124
124
  {/* Terminal content */}
125
- <div className="flex-1 min-h-0 p-2">
125
+ <div className="flex-1 min-h-0 pl-2 pt-1">
126
126
  {children}
127
127
  </div>
128
128
  </div>
@@ -52,7 +52,7 @@ function ProviderCard({ provider, onKeyChange }) {
52
52
  const isSubscription = provider.authType === 'subscription';
53
53
  const isReady = isLocal ? provider.installed
54
54
  : isSubscription ? (provider.installed || provider.authStatus?.authenticated)
55
- : provider.hasKey;
55
+ : (provider.installed && provider.hasKey);
56
56
 
57
57
  async function handleSetKey() {
58
58
  if (!keyInput.trim()) return;
@@ -149,7 +149,7 @@ function ProviderCard({ provider, onKeyChange }) {
149
149
  {isReady ? (
150
150
  <Badge variant="success" className="text-2xs gap-1"><Check size={8} /> Ready</Badge>
151
151
  ) : (
152
- <Badge variant="default" className="text-2xs">{isSubscription ? 'Not installed' : 'No key'}</Badge>
152
+ <Badge variant="default" className="text-2xs">{!provider.installed ? 'Not installed' : isSubscription ? 'Not authenticated' : 'No key'}</Badge>
153
153
  )}
154
154
  </div>
155
155
 
@@ -999,7 +999,7 @@ export default function SettingsView() {
999
999
  const connectedCount = providers.filter((p) => {
1000
1000
  if (p.authType === 'local') return p.installed;
1001
1001
  if (p.authType === 'subscription') return p.installed;
1002
- return p.hasKey;
1002
+ return p.installed && p.hasKey;
1003
1003
  }).length;
1004
1004
 
1005
1005
  // Rotation threshold display: 0 = auto, otherwise show as percentage
@@ -1074,7 +1074,7 @@ export default function SettingsView() {
1074
1074
  onChange={(e) => updateConfig('defaultProvider', e.target.value)}
1075
1075
  className="w-full h-8 px-2.5 text-xs bg-surface-0 border border-border-subtle rounded-md text-text-0 font-mono focus:outline-none focus:ring-1 focus:ring-accent cursor-pointer"
1076
1076
  >
1077
- {providers.filter((p) => p.installed || p.hasKey).map((p) => (
1077
+ {providers.filter((p) => p.installed && (p.authType === 'local' || p.authType === 'subscription' || p.hasKey)).map((p) => (
1078
1078
  <option key={p.id} value={p.id}>{p.name}</option>
1079
1079
  ))}
1080
1080
  </select>
@@ -1,3 +0,0 @@
1
- {
2
- "agents": []
3
- }
@@ -1,13 +0,0 @@
1
- {
2
- "snapshots": [
3
- {
4
- "t": 1776394400512,
5
- "tokens": 0,
6
- "costUsd": 0,
7
- "agents": 0,
8
- "running": 0,
9
- "cacheHitRate": 0
10
- }
11
- ],
12
- "events": []
13
- }