@aion0/forge 0.10.5 → 0.10.6

package/RELEASE_NOTES.md

@@ -1,11 +1,11 @@
-# Forge v0.10.5
+# Forge v0.10.6
 
 Released: 2026-05-30
 
-## Changes since v0.10.4
+## Changes since v0.10.5
 
 ### Other
-- fix(chat/anthropic): normalize baseURL to include /v1 (fix Not Found regression)
+- feat(settings): folder picker for Add Project / Add Document Directory
 
 
-**Full Changelog**: https://github.com/aiwatching/forge/compare/v0.10.4...v0.10.5
+**Full Changelog**: https://github.com/aiwatching/forge/compare/v0.10.5...v0.10.6

package/app/api/fs/browse/route.ts

@@ -0,0 +1,37 @@
+/**
+ * GET /api/fs/browse?path=/some/dir
+ * Returns immediate subdirectories of `path` (defaults to $HOME).
+ * Used by the Add Project folder picker so users don't have to type
+ * paths. Auth-gated by middleware like the rest of /api/*.
+ */
+
+import { NextResponse } from 'next/server';
+import { readdirSync, statSync } from 'node:fs';
+import { join, resolve, dirname } from 'node:path';
+import { homedir } from 'node:os';
+
+export async function GET(req: Request) {
+  const url = new URL(req.url);
+  const requested = url.searchParams.get('path') || homedir();
+  const path = resolve(requested);
+
+  try {
+    const stat = statSync(path);
+    if (!stat.isDirectory()) {
+      return NextResponse.json({ ok: false, error: 'not a directory', path }, { status: 400 });
+    }
+    const entries = readdirSync(path, { withFileTypes: true })
+      .filter(e => (e.isDirectory() || e.isSymbolicLink()) && !e.name.startsWith('.'))
+      .map(e => ({ name: e.name, path: join(path, e.name) }))
+      .sort((a, b) => a.name.localeCompare(b.name));
+    return NextResponse.json({
+      ok: true,
+      path,
+      parent: path === '/' ? null : dirname(path),
+      home: homedir(),
+      entries,
+    });
+  } catch (err) {
+    return NextResponse.json({ ok: false, error: (err as Error).message, path }, { status: 404 });
+  }
+}

package/components/FolderPicker.tsx

@@ -0,0 +1,86 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+
+interface Entry { name: string; path: string }
+
+export function FolderPicker({ onSelect, onClose }: {
+  onSelect: (path: string) => void;
+  onClose: () => void;
+}) {
+  const [path, setPath] = useState<string>('');
+  const [parent, setParent] = useState<string | null>(null);
+  const [home, setHome] = useState<string>('');
+  const [entries, setEntries] = useState<Entry[]>([]);
+  const [error, setError] = useState<string>('');
+
+  const load = (p?: string) => {
+    setError('');
+    const q = p ? `?path=${encodeURIComponent(p)}` : '';
+    fetch(`/api/fs/browse${q}`).then(r => r.json()).then(d => {
+      if (!d.ok) { setError(d.error || 'failed'); return; }
+      setPath(d.path);
+      setParent(d.parent);
+      setHome(d.home);
+      setEntries(d.entries);
+    }).catch(e => setError(e.message));
+  };
+
+  useEffect(() => { load(); }, []);
+
+  return (
+    <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-[60]" onClick={onClose}>
+      <div
+        className="bg-[var(--bg-secondary)] border border-[var(--border)] rounded-lg w-[520px] max-h-[70vh] flex flex-col"
+        onClick={e => e.stopPropagation()}
+      >
+        <div className="px-4 py-3 border-b border-[var(--border)] flex items-center gap-2">
+          <span className="text-xs font-semibold">Select Folder</span>
+          <button onClick={() => load(home)} className="text-[10px] px-2 py-0.5 rounded bg-[var(--bg-tertiary)] hover:bg-[var(--bg-primary)]">~ Home</button>
+          <button onClick={onClose} className="ml-auto text-xs text-[var(--text-secondary)] hover:text-[var(--text-primary)]">✕</button>
+        </div>
+
+        <div className="px-4 py-2 border-b border-[var(--border)] flex items-center gap-2">
+          <button
+            onClick={() => parent && load(parent)}
+            disabled={!parent}
+            className="text-[10px] px-2 py-0.5 rounded bg-[var(--bg-tertiary)] hover:bg-[var(--bg-primary)] disabled:opacity-40"
+          >↑ Up</button>
+          <input
+            value={path}
+            onChange={e => setPath(e.target.value)}
+            onKeyDown={e => e.key === 'Enter' && load(path)}
+            className="flex-1 px-2 py-1 bg-[var(--bg-tertiary)] border border-[var(--border)] rounded text-[11px] font-mono"
+          />
+          <button onClick={() => load(path)} className="text-[10px] px-2 py-0.5 rounded bg-[var(--bg-tertiary)] hover:bg-[var(--bg-primary)]">Go</button>
+        </div>
+
+        <div className="flex-1 overflow-y-auto px-2 py-2 min-h-[200px]">
+          {error && <div className="text-[11px] text-red-400 px-2 py-1">{error}</div>}
+          {entries.map(e => (
+            <button
+              key={e.path}
+              onClick={() => load(e.path)}
+              className="w-full text-left px-2 py-1 rounded text-[11px] font-mono hover:bg-[var(--bg-tertiary)] flex items-center gap-2"
+            >
+              <span className="text-[var(--text-secondary)]">📁</span>
+              <span>{e.name}</span>
+            </button>
+          ))}
+          {!error && entries.length === 0 && (
+            <div className="text-[11px] text-[var(--text-secondary)] px-2 py-4 text-center">(no subdirectories)</div>
+          )}
+        </div>
+
+        <div className="px-4 py-3 border-t border-[var(--border)] flex items-center justify-between gap-2">
+          <span className="text-[10px] text-[var(--text-secondary)] font-mono truncate flex-1" title={path}>{path}</span>
+          <button
+            onClick={() => { onSelect(path); onClose(); }}
+            disabled={!path}
+            className="text-[10px] px-3 py-1 bg-[var(--accent)] text-white rounded disabled:opacity-50"
+          >Select this folder</button>
+        </div>
+      </div>
+    </div>
+  );
+}

package/components/SettingsModal.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useEffect, useCallback, useRef } from 'react';
+import { FolderPicker } from './FolderPicker';
 
 function SecretInput({ value, onChange, placeholder, className }: {
   value: string;
@@ -236,6 +237,7 @@ export default function SettingsModal({ onClose }: { onClose: () => void }) {
   const [secretStatus, setSecretStatus] = useState<Record<string, boolean>>({});
   const [newRoot, setNewRoot] = useState('');
   const [newDocRoot, setNewDocRoot] = useState('');
+  const [pickerFor, setPickerFor] = useState<null | 'project' | 'doc'>(null);
   const [saved, setSaved] = useState(false);
   const [tunnel, setTunnel] = useState<TunnelStatus>({
     status: 'stopped', url: null, error: null, installed: false, log: [],
@@ -322,6 +324,23 @@ export default function SettingsModal({ onClose }: { onClose: () => void }) {
   };
 
   return (
+    <>
+    {pickerFor && (
+      <FolderPicker
+        onClose={() => setPickerFor(null)}
+        onSelect={picked => {
+          if (pickerFor === 'project') {
+            if (!settings.projectRoots.includes(picked)) {
+              setSettings({ ...settings, projectRoots: [...settings.projectRoots, picked] });
+            }
+          } else if (pickerFor === 'doc') {
+            if (!(settings.docRoots || []).includes(picked)) {
+              setSettings({ ...settings, docRoots: [...(settings.docRoots || []), picked] });
+            }
+          }
+        }}
+      />
+    )}
     <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50" onClick={() => {
       if (hasUnsaved && !confirm('You have unsaved changes. Close anyway?')) return;
       onClose();
@@ -363,6 +382,11 @@ export default function SettingsModal({ onClose }: { onClose: () => void }) {
               placeholder="/Users/you/projects"
               className="flex-1 px-2 py-1.5 bg-[var(--bg-tertiary)] border border-[var(--border)] rounded text-xs text-[var(--text-primary)] font-mono focus:outline-none focus:border-[var(--accent)]"
             />
+            <button
+              onClick={() => setPickerFor('project')}
+              className="text-[10px] px-2 py-1.5 border border-[var(--border)] rounded hover:bg-[var(--bg-tertiary)]"
+              title="Browse local folders"
+            >📁</button>
             <button
               onClick={addRoot}
               className="text-[10px] px-3 py-1.5 bg-[var(--accent)] text-white rounded hover:opacity-90"
@@ -410,6 +434,11 @@ export default function SettingsModal({ onClose }: { onClose: () => void }) {
               placeholder="/Users/you/obsidian-vault"
               className="flex-1 px-2 py-1.5 bg-[var(--bg-tertiary)] border border-[var(--border)] rounded text-xs text-[var(--text-primary)] font-mono focus:outline-none focus:border-[var(--accent)]"
             />
+            <button
+              onClick={() => setPickerFor('doc')}
+              className="text-[10px] px-2 py-1.5 border border-[var(--border)] rounded hover:bg-[var(--bg-tertiary)]"
+              title="Browse local folders"
+            >📁</button>
             <button
               onClick={() => {
                 if (newDocRoot.trim() && !settings.docRoots.includes(newDocRoot.trim())) {
@@ -858,6 +887,7 @@ export default function SettingsModal({ onClose }: { onClose: () => void }) {
         />
       )}
     </div>
+    </>
   );
 }
 

package/package.json

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