groove-dev 0.16.2 → 0.16.3

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.
@@ -4,7 +4,7 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>GROOVE</title>
7
- <script type="module" crossorigin src="/assets/index-DeXW9EFU.js"></script>
7
+ <script type="module" crossorigin src="/assets/index-CFeltwTB.js"></script>
8
8
  <link rel="stylesheet" crossorigin href="/assets/index-BhjOFLBc.css">
9
9
  </head>
10
10
  <body>
@@ -30,7 +30,7 @@ export default function EditorTabs() {
30
30
  ...styles.tab,
31
31
  color: isActive ? 'var(--text-bright)' : 'var(--text-primary)',
32
32
  borderBottom: isActive ? '1px solid var(--accent)' : '1px solid transparent',
33
- background: isActive ? 'var(--bg-active)' : 'transparent',
33
+ background: isActive ? 'var(--bg-base)' : 'transparent',
34
34
  }}
35
35
  >
36
36
  {isDirty && <span style={styles.dirtyDot} />}
@@ -62,7 +62,7 @@ const styles = {
62
62
  cursor: 'pointer', whiteSpace: 'nowrap',
63
63
  fontSize: 11, fontFamily: 'var(--font)',
64
64
  transition: 'background 0.08s',
65
- borderRight: '1px solid var(--border)',
65
+ borderRight: '1px solid rgba(75, 82, 99, 0.4)',
66
66
  flexShrink: 0,
67
67
  },
68
68
  tabName: {
@@ -111,11 +111,9 @@ function ContextMenu({ x, y, entry, onClose, onAction }) {
111
111
  const isDir = entry?.type === 'dir';
112
112
 
113
113
  const items = [
114
- ...(isDir ? [
115
- { label: 'New File Here', action: 'newFileIn' },
116
- { label: 'New Folder Here', action: 'newDirIn' },
117
- { sep: true },
118
- ] : []),
114
+ { label: 'New File', action: isDir ? 'newFileIn' : 'newFileSibling' },
115
+ { label: 'New Folder', action: isDir ? 'newDirIn' : 'newDirSibling' },
116
+ { sep: true },
119
117
  { label: 'Rename', action: 'rename' },
120
118
  { label: 'Delete', action: 'delete', danger: true },
121
119
  ];
@@ -219,7 +217,6 @@ export default function FileTree() {
219
217
  switch (action) {
220
218
  case 'newFileIn':
221
219
  setCreating({ type: 'file', parentPath: entry.path });
222
- // Ensure dir is expanded
223
220
  setExpandedDirs((prev) => {
224
221
  const next = new Set(prev);
225
222
  next.add(entry.path);
@@ -236,6 +233,12 @@ export default function FileTree() {
236
233
  return next;
237
234
  });
238
235
  break;
236
+ case 'newFileSibling':
237
+ setCreating({ type: 'file', parentPath: parentDir });
238
+ break;
239
+ case 'newDirSibling':
240
+ setCreating({ type: 'dir', parentPath: parentDir });
241
+ break;
239
242
  case 'rename':
240
243
  setRenamingPath(entry.path);
241
244
  setRenameValue(entry.name);
@@ -300,14 +303,21 @@ export default function FileTree() {
300
303
  title="New File"
301
304
  style={styles.toolbarBtn}
302
305
  >
303
- +f
306
+ <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.3">
307
+ <path d="M3 1.5h6l4 4V14a.5.5 0 01-.5.5h-9A.5.5 0 013 14V2a.5.5 0 01.5-.5z"/>
308
+ <path d="M9 1.5V5.5h4"/>
309
+ <path d="M8 8.5v4M6 10.5h4" strokeLinecap="round"/>
310
+ </svg>
304
311
  </button>
305
312
  <button
306
313
  onClick={() => setCreating({ type: 'dir', parentPath: '' })}
307
314
  title="New Folder"
308
315
  style={styles.toolbarBtn}
309
316
  >
310
- +d
317
+ <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.3">
318
+ <path d="M1.5 3.5h4l1.5 1.5H14a.5.5 0 01.5.5v8a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5V4z"/>
319
+ <path d="M8 8v3M6.5 9.5h3" strokeLinecap="round"/>
320
+ </svg>
311
321
  </button>
312
322
  </div>
313
323
  </div>