groove-dev 0.27.71 → 0.27.72

package/packages/gui/dist/index.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/png" href="/favicon.png" />
     <title>Groove GUI</title>
-    <script type="module" crossorigin src="/assets/index-BK6tvmxx.js"></script>
+    <script type="module" crossorigin src="/assets/index-CHSXqfwy.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-C0HXlhrU.js">
     <link rel="modulepreload" crossorigin href="/assets/reactflow-BQPfi37R.js">
     <link rel="modulepreload" crossorigin href="/assets/codemirror-BBL3i_JW.js">

package/packages/gui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/gui",
-  "version": "0.27.71",
+  "version": "0.27.72",
   "description": "GROOVE GUI — visual agent control plane",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",

package/packages/gui/src/components/editor/file-tree.jsx

@@ -431,6 +431,17 @@ export function FileTree({ rootDir }) {
                 )}
               </div>
             ))}
+          {rootEntries.length === 0 && !filter && (
+            <div className="px-3 py-6 text-center">
+              <p className="text-xs text-text-4">No files found</p>
+              <button
+                onClick={() => fetchTreeDir('')}
+                className="mt-2 text-xs text-accent hover:underline cursor-pointer"
+              >
+                Retry
+              </button>
+            </div>
+          )}
         </div>
       </ScrollArea>
 

package/packages/gui/src/stores/groove.js

@@ -2082,8 +2082,11 @@ export const useGrooveStore = create((set, get) => ({
   async fetchTreeDir(dirPath) {
     try {
       const data = await api.get(`/files/tree?path=${encodeURIComponent(dirPath)}`);
-      set((s) => ({ editorTreeCache: { ...s.editorTreeCache, [dirPath]: data.entries } }));
-    } catch { /* ignore */ }
+      set((s) => ({ editorTreeCache: { ...s.editorTreeCache, [dirPath]: data.entries || [] } }));
+    } catch (err) {
+      console.error('[file-tree] fetchTreeDir failed for', dirPath, err.message);
+      set((s) => ({ editorTreeCache: { ...s.editorTreeCache, [dirPath]: [] } }));
+    }
   },
 
   async createFile(relPath) {

package/packages/gui/src/views/editor.jsx

@@ -33,6 +33,7 @@ export default function EditorView() {
   const sidebarWidth = useGrooveStore((s) => s.editorSidebarWidth);
   const setSidebarWidth = useGrooveStore((s) => s.setEditorSidebarWidth);
 
+  const projectDir = useGrooveStore((s) => s.projectDir);
   const [rootDir, setRootDir] = useState('');
   const [previewMode, setPreviewMode] = useState(false);
   const [previewKey, setPreviewKey] = useState(0);
@@ -44,10 +45,17 @@ export default function EditorView() {
   const startX = useRef(0);
   const startW = useRef(0);
 
-  // Fetch root dir
+  // Fetch root dir — refetch when project directory changes (e.g. SSH remote folder selection)
   useEffect(() => {
     api.get('/files/root').then((d) => setRootDir(d.root || '')).catch(() => {});
-  }, []);
+  }, [projectDir]);
+
+  // Clear tree cache when project dir changes so stale entries don't persist
+  useEffect(() => {
+    if (projectDir) {
+      useGrooveStore.setState({ editorTreeCache: {} });
+    }
+  }, [projectDir]);
 
   // Reset preview mode when switching files
   useEffect(() => { setPreviewMode(false); }, [activeFile]);