@aion0/forge 0.5.31 → 0.5.32

package/RELEASE_NOTES.md

@@ -1,8 +1,8 @@
-# Forge v0.5.31
+# Forge v0.5.32
 
 Released: 2026-04-10
 
-## Changes since v0.5.30
+## Changes since v0.5.31
 
 
-**Full Changelog**: https://github.com/aiwatching/forge/compare/v0.5.30...v0.5.31
+**Full Changelog**: https://github.com/aiwatching/forge/compare/v0.5.31...v0.5.32

package/components/DocsViewer.tsx

@@ -28,14 +28,19 @@ interface FileNode {
 
 // ─── File Tree ───────────────────────────────────────────
 
-function TreeNode({ node, depth, selected, onSelect }: {
+function TreeNode({ node, depth, selected, onSelect, collapseVersion = 0 }: {
   node: FileNode;
   depth: number;
   selected: string | null;
   onSelect: (path: string) => void;
+  collapseVersion?: number;
 }) {
   const [expanded, setExpanded] = useState(depth < 1);
 
+  useEffect(() => {
+    if (collapseVersion > 0) setExpanded(false);
+  }, [collapseVersion]);
+
   if (node.type === 'dir') {
     return (
       <div>
@@ -48,7 +53,7 @@ function TreeNode({ node, depth, selected, onSelect }: {
           <span className="text-[var(--text-primary)]">{node.name}</span>
         </button>
         {expanded && node.children?.map(child => (
-          <TreeNode key={child.path} node={child} depth={depth + 1} selected={selected} onSelect={onSelect} />
+          <TreeNode key={child.path} node={child} depth={depth + 1} selected={selected} onSelect={onSelect} collapseVersion={collapseVersion} />
         ))}
       </div>
     );
@@ -107,6 +112,7 @@ export default function DocsViewer() {
   const [content, setContent] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
   const [search, setSearch] = useState('');
+  const [treeCollapseVersion, setTreeCollapseVersion] = useState(0);
   const [terminalHeight, setTerminalHeight] = useState(250);
   const [docsAgent, setDocsAgent] = useState('');
   const [sidebarOpen, setSidebarOpen] = useState(true);
@@ -387,14 +393,19 @@ export default function DocsViewer() {
             </div>
 
             {/* Search */}
-            <div className="p-2 border-b border-[var(--border)]">
+            <div className="p-2 border-b border-[var(--border)] flex items-center gap-2">
               <input
                 type="text"
                 placeholder="Search..."
                 value={search}
                 onChange={e => setSearch(e.target.value)}
-                className="w-full text-xs bg-[var(--bg-tertiary)] border border-[var(--border)] rounded px-2 py-1 text-[var(--text-primary)] focus:outline-none focus:border-[var(--accent)]"
+                className="flex-1 text-xs bg-[var(--bg-tertiary)] border border-[var(--border)] rounded px-2 py-1 text-[var(--text-primary)] focus:outline-none focus:border-[var(--accent)]"
               />
+              <button
+                onClick={() => setTreeCollapseVersion(v => v + 1)}
+                className="text-[10px] px-1.5 py-1 rounded text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)] shrink-0"
+                title="Collapse all folders"
+              >⇱</button>
             </div>
 
             {/* Tree / search results */}
@@ -419,7 +430,7 @@ export default function DocsViewer() {
                 )
               ) : (
                 (hideUnsupported ? filterTree(tree) : tree).map(node => (
-                  <TreeNode key={node.path} node={node} depth={0} selected={selectedFile} onSelect={openFileInTab} />
+                  <TreeNode key={node.path} node={node} depth={0} selected={selectedFile} onSelect={openFileInTab} collapseVersion={treeCollapseVersion} />
                 ))
               )}
             </div>

package/components/ProjectDetail.tsx

@@ -67,6 +67,7 @@ export default memo(function ProjectDetail({ projectPath, projectName, hasGit }:
   const [gitLoading, setGitLoading] = useState(false);
   const [gitResult, setGitResult] = useState<{ ok?: boolean; error?: string } | null>(null);
   const [fileTree, setFileTree] = useState<any[]>([]);
+  const [treeCollapseVersion, setTreeCollapseVersion] = useState(0);
   const [selectedFile, setSelectedFile] = useState<string | null>(null);
   const [fileContent, setFileContent] = useState<string | null>(null);
   const [fileImageUrl, setFileImageUrl] = useState<string | null>(null);
@@ -713,10 +714,19 @@ export default memo(function ProjectDetail({ projectPath, projectName, hasGit }:
             </div>
           )}
           {codeSearching && <div className="px-2 py-1 text-[9px] text-[var(--text-secondary)]">Searching...</div>}
+          {/* File tree header */}
+          <div className="px-2 py-0.5 border-b border-[var(--border)] flex items-center justify-between">
+            <span className="text-[8px] text-[var(--text-secondary)] uppercase">Files</span>
+            <button
+              onClick={() => setTreeCollapseVersion(v => v + 1)}
+              className="text-[8px] text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
+              title="Collapse all folders"
+            >⇱ collapse all</button>
+          </div>
           {/* File tree */}
           <div className="overflow-y-auto flex-1 p-1">
             {fileTree.map((node: any) => (
-              <FileTreeNode key={node.path} node={node} depth={0} selected={selectedFile} onSelect={openFile} />
+              <FileTreeNode key={node.path} node={node} depth={0} selected={selectedFile} onSelect={openFile} collapseVersion={treeCollapseVersion} />
             ))}
           </div>
         </div>
@@ -1468,14 +1478,20 @@ export default memo(function ProjectDetail({ projectPath, projectName, hasGit }:
 });
 
 // Simple file tree node
-const FileTreeNode = memo(function FileTreeNode({ node, depth, selected, onSelect }: {
+const FileTreeNode = memo(function FileTreeNode({ node, depth, selected, onSelect, collapseVersion }: {
   node: { name: string; path: string; type: string; children?: any[] };
   depth: number;
   selected: string | null;
   onSelect: (path: string) => void;
+  collapseVersion: number;
 }) {
   const [expanded, setExpanded] = useState(depth < 1);
 
+  // When parent bumps collapseVersion, collapse this node
+  useEffect(() => {
+    if (collapseVersion > 0) setExpanded(false);
+  }, [collapseVersion]);
+
   if (node.type === 'dir') {
     return (
       <div>
@@ -1488,7 +1504,7 @@ const FileTreeNode = memo(function FileTreeNode({ node, depth, selected, onSelec
           <span className="text-[var(--text-primary)]">{node.name}</span>
         </button>
         {expanded && node.children?.map((child: any) => (
-          <FileTreeNode key={child.path} node={child} depth={depth + 1} selected={selected} onSelect={onSelect} />
+          <FileTreeNode key={child.path} node={child} depth={depth + 1} selected={selected} onSelect={onSelect} collapseVersion={collapseVersion} />
         ))}
       </div>
     );

package/components/SessionView.tsx

@@ -319,6 +319,13 @@ export default function SessionView({
         <div className="flex items-center justify-between p-2 border-b border-[var(--border)]">
           <span className="text-[10px] font-semibold text-[var(--text-secondary)] uppercase">Sessions</span>
           <div className="flex items-center gap-2">
+            {!singleProject && (
+              <button
+                onClick={() => setExpandedProjects(new Set())}
+                className="text-[9px] text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
+                title="Collapse all projects"
+              >⇱</button>
+            )}
             <button
               onClick={() => batchMode ? exitBatchMode() : setBatchMode(true)}
               className={`text-[9px] transition-colors ${batchMode ? 'text-[var(--accent)]' : 'text-[var(--text-secondary)] hover:text-[var(--text-primary)]'}`}

package/components/SkillsPanel.tsx

@@ -64,23 +64,29 @@ function buildTree(files: { name: string; path: string; type: string }[]): TreeN
   return root;
 }
 
-function SkillFileTree({ files, activeFile, onSelect }: {
+function SkillFileTree({ files, activeFile, onSelect, collapseVersion = 0 }: {
   files: { name: string; path: string; type: string }[];
   activeFile: string | null;
   onSelect: (path: string) => void;
+  collapseVersion?: number;
 }) {
   const tree = buildTree(files);
-  return <TreeNodeList nodes={tree} depth={0} activeFile={activeFile} onSelect={onSelect} />;
+  return <TreeNodeList nodes={tree} depth={0} activeFile={activeFile} onSelect={onSelect} collapseVersion={collapseVersion} />;
 }
 
-function TreeNodeList({ nodes, depth, activeFile, onSelect }: {
-  nodes: TreeNode[]; depth: number; activeFile: string | null; onSelect: (path: string) => void;
+function TreeNodeList({ nodes, depth, activeFile, onSelect, collapseVersion = 0 }: {
+  nodes: TreeNode[]; depth: number; activeFile: string | null; onSelect: (path: string) => void; collapseVersion?: number;
 }) {
   const [expanded, setExpanded] = useState<Set<string>>(new Set(
     // Auto-expand first level
     nodes.filter(n => n.type === 'dir').map(n => n.path)
   ));
 
+  // Collapse all on version bump
+  useEffect(() => {
+    if (collapseVersion > 0) setExpanded(new Set());
+  }, [collapseVersion]);
+
   const toggle = (path: string) => {
     setExpanded(prev => {
       const next = new Set(prev);
@@ -103,7 +109,7 @@ function TreeNodeList({ nodes, depth, activeFile, onSelect }: {
               <span>📁 {node.name}</span>
             </button>
             {expanded.has(node.path) && (
-              <TreeNodeList nodes={node.children} depth={depth + 1} activeFile={activeFile} onSelect={onSelect} />
+              <TreeNodeList nodes={node.children} depth={depth + 1} activeFile={activeFile} onSelect={onSelect} collapseVersion={collapseVersion} />
             )}
           </div>
         ) : (
@@ -152,6 +158,7 @@ export default function SkillsPanel({ projectFilter }: { projectFilter?: string
   const [expandedSkill, setExpandedSkill] = useState<string | null>(null);
   const [skillFiles, setSkillFiles] = useState<{ name: string; path: string; type: string }[]>([]);
   const [activeFile, setActiveFile] = useState<string | null>(null);
+  const [skillTreeCollapseVersion, setSkillTreeCollapseVersion] = useState(0);
   const [fileContent, setFileContent] = useState<string>('');
 
   const fetchSkills = useCallback(async () => {
@@ -742,7 +749,18 @@ export default function SkillsPanel({ projectFilter }: { projectFilter?: string
                   {/* File browser */}
                   <div className="flex-1 flex min-h-0 overflow-hidden">
                     {/* File tree */}
-                    <div className="w-36 border-r border-[var(--border)] overflow-y-auto shrink-0">
+                    <div className="w-36 border-r border-[var(--border)] flex flex-col shrink-0">
+                      {skillFiles.length > 0 && (
+                        <div className="px-2 py-0.5 border-b border-[var(--border)] flex items-center justify-between shrink-0">
+                          <span className="text-[8px] text-[var(--text-secondary)] uppercase">Files</span>
+                          <button
+                            onClick={() => setSkillTreeCollapseVersion(v => v + 1)}
+                            className="text-[8px] text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
+                            title="Collapse all"
+                          >⇱</button>
+                        </div>
+                      )}
+                      <div className="overflow-y-auto flex-1">
                       {skillFiles.length === 0 ? (
                         <div className="p-2 text-[9px] text-[var(--text-secondary)]">Loading...</div>
                       ) : (
@@ -750,8 +768,10 @@ export default function SkillsPanel({ projectFilter }: { projectFilter?: string
                           files={skillFiles}
                           activeFile={activeFile}
                           onSelect={(path) => loadFile(itemName, path, isLocal, localItem?.type, localItem?.projectPath)}
+                          collapseVersion={skillTreeCollapseVersion}
                         />
                       )}
+                      </div>
                       {skill?.sourceUrl && (
                         <div className="border-t border-[var(--border)] p-2">
                           <a

package/components/WorkspaceTree.tsx

@@ -126,8 +126,13 @@ export default function WorkspaceTree({
       {/* Header */}
       <div className="flex items-center gap-2 px-3 py-2 border-b border-[var(--border)] shrink-0">
         <span className="text-xs font-bold text-[var(--text-primary)]">Workspace</span>
+        <button onClick={() => setExpanded(new Set())}
+          className="text-[8px] px-1.5 py-0.5 rounded border border-[var(--border)] text-[var(--text-secondary)] hover:text-[var(--text-primary)] ml-auto"
+          title="Collapse all">
+          ⇱
+        </button>
         <button onClick={onCreateWorkspace}
-          className="text-[8px] px-1.5 py-0.5 rounded border border-[var(--border)] text-[var(--text-secondary)] hover:text-[var(--text-primary)] ml-auto">
+          className="text-[8px] px-1.5 py-0.5 rounded border border-[var(--border)] text-[var(--text-secondary)] hover:text-[var(--text-primary)]">
           +
         </button>
       </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aion0/forge",
-  "version": "0.5.31",
+  "version": "0.5.32",
   "description": "Unified AI workflow platform — multi-model task orchestration, persistent sessions, web terminal, remote access",
   "type": "module",
   "scripts": {