@chrysb/alphaclaw 0.3.5-beta.0 → 0.3.5-beta.1

package/bin/alphaclaw.js

@@ -753,6 +753,25 @@ if (fs.existsSync(configPath)) {
           stdio: "ignore",
           env: gitEnv,
         });
+        try {
+          execSync("git show-ref --verify --quiet refs/heads/main", {
+            cwd: openclawDir,
+            stdio: "ignore",
+          });
+          try {
+            execSync("git rev-parse --abbrev-ref --symbolic-full-name main@{upstream}", {
+              cwd: openclawDir,
+              stdio: "ignore",
+            });
+          } catch {
+            execSync("git branch --set-upstream-to=origin/main main", {
+              cwd: openclawDir,
+              stdio: "ignore",
+              env: gitEnv,
+            });
+            console.log("[alphaclaw] Set main upstream to origin/main");
+          }
+        } catch {}
         const remoteConfig = String(
           execSync(`git show "origin/${branch}:openclaw.json"`, {
             cwd: openclawDir,
@@ -871,7 +890,52 @@ try {
 }
 
 // ---------------------------------------------------------------------------
-// 13. Start Express server
+// 13. Install git auth shim
+// ---------------------------------------------------------------------------
+
+try {
+  const gitAskPassSrc = path.join(__dirname, "..", "lib", "scripts", "git-askpass");
+  const gitAskPassDest = "/tmp/alphaclaw-git-askpass.sh";
+  const gitShimTemplatePath = path.join(__dirname, "..", "lib", "scripts", "git");
+  const gitShimDest = "/usr/local/bin/git";
+
+  if (fs.existsSync(gitAskPassSrc)) {
+    fs.copyFileSync(gitAskPassSrc, gitAskPassDest);
+    fs.chmodSync(gitAskPassDest, 0o755);
+  }
+
+  if (fs.existsSync(gitShimTemplatePath)) {
+    let realGitPath = "/usr/bin/git";
+    try {
+      const gitCandidates = String(
+        execSync("which -a git", {
+          stdio: ["ignore", "pipe", "ignore"],
+          encoding: "utf8",
+        }),
+      )
+        .split("\n")
+        .map((candidate) => candidate.trim())
+        .filter(Boolean);
+      const normalizedShimDest = path.resolve(gitShimDest);
+      const selectedCandidate = gitCandidates.find(
+        (candidatePath) => path.resolve(candidatePath) !== normalizedShimDest,
+      );
+      if (selectedCandidate) realGitPath = selectedCandidate;
+    } catch {}
+
+    const gitShimTemplate = fs.readFileSync(gitShimTemplatePath, "utf8");
+    const gitShimContent = gitShimTemplate
+      .replace("@@REAL_GIT@@", realGitPath)
+      .replace("@@OPENCLAW_REPO_ROOT@@", openclawDir);
+    fs.writeFileSync(gitShimDest, gitShimContent, { mode: 0o755 });
+    console.log("[alphaclaw] git auth shim installed");
+  }
+} catch (e) {
+  console.log(`[alphaclaw] git auth shim skipped: ${e.message}`);
+}
+
+// ---------------------------------------------------------------------------
+// 14. Start Express server
 // ---------------------------------------------------------------------------
 
 console.log("[alphaclaw] Setup complete -- starting server");

package/lib/public/css/explorer.css

@@ -259,6 +259,10 @@
   color: #ff7ac6;
 }
 
+.file-icon-audio {
+  color: #f5a6ff;
+}
+
 .file-icon-shell {
   color: #71f8a7;
 }
@@ -929,6 +933,187 @@
   color: var(--text-muted);
 }
 
+.file-viewer-image-shell {
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 18px;
+  overflow: auto;
+}
+
+.file-viewer-image {
+  max-width: 100%;
+  max-height: 100%;
+  width: auto;
+  height: auto;
+  border-radius: 8px;
+  border: 1px solid var(--border);
+  background: rgba(255, 255, 255, 0.02);
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
+}
+
+.file-viewer-audio-shell {
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 18px;
+  overflow: auto;
+}
+
+.file-viewer-audio-player {
+  width: min(640px, 100%);
+}
+
+.file-viewer-sqlite-shell {
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+  overflow: auto;
+  padding: 14px 16px 22px;
+}
+
+.file-viewer-sqlite-header {
+  font-size: 12px;
+  color: var(--text-dim);
+  margin-bottom: 10px;
+}
+
+.file-viewer-sqlite-footer {
+  margin-top: 10px;
+  text-align: center;
+  font-size: 12px;
+  color: var(--text-dim);
+}
+
+.file-viewer-sqlite-list {
+  flex: 0 0 240px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.file-viewer-sqlite-layout {
+  display: flex;
+  gap: 12px;
+  align-items: stretch;
+  min-height: 0;
+}
+
+.file-viewer-sqlite-card {
+  width: 100%;
+  text-align: left;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 7px 10px;
+  background: rgba(255, 255, 255, 0.02);
+  font: inherit;
+}
+
+.file-viewer-sqlite-card:hover {
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.file-viewer-sqlite-card.is-active {
+  border-color: rgba(99, 235, 255, 0.45);
+  background: rgba(99, 235, 255, 0.08);
+}
+
+.file-viewer-sqlite-title {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  font-size: 12px;
+  color: var(--text);
+  margin-bottom: 0;
+}
+
+.file-viewer-sqlite-type {
+  font-size: 10px;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--text-dim);
+}
+
+.file-viewer-sqlite-table-shell {
+  flex: 1;
+  min-width: 0;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 10px;
+  background: rgba(255, 255, 255, 0.015);
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.file-viewer-sqlite-table-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.file-viewer-sqlite-table-name {
+  font-size: 12px;
+  color: var(--text);
+  font-weight: 600;
+}
+
+.file-viewer-sqlite-table-nav {
+  display: inline-flex;
+  gap: 6px;
+}
+
+.file-viewer-sqlite-table-meta {
+  margin-top: 4px;
+  margin-bottom: 8px;
+  font-size: 11px;
+  color: var(--text-dim);
+}
+
+.file-viewer-sqlite-table-wrap {
+  min-height: 0;
+  overflow: auto;
+}
+
+.file-viewer-sqlite-table {
+  width: 100%;
+  border-collapse: collapse;
+  table-layout: fixed;
+}
+
+.file-viewer-sqlite-table th,
+.file-viewer-sqlite-table td {
+  border: 1px solid var(--border);
+  padding: 6px 8px;
+  font-size: 11px;
+  color: var(--text-muted);
+  text-align: left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.file-viewer-sqlite-table th {
+  color: var(--text);
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.file-viewer-sqlite-table-empty {
+  color: var(--text-dim);
+}
+
 .file-viewer-state-error {
   color: #f87171;
 }
@@ -1045,20 +1230,30 @@
   text-overflow: ellipsis;
 }
 
-.sidebar-git-dirty {
-  font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
+.sidebar-git-sync-status {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1;
 }
 
-.sidebar-git-dirty.is-clean {
+.sidebar-git-sync-status.is-up-to-date {
   color: #71f8a7;
 }
 
-.sidebar-git-dirty.is-dirty {
+.sidebar-git-sync-status.is-ahead,
+.sidebar-git-sync-status.is-diverged {
   color: #f3a86a;
 }
 
+.sidebar-git-sync-status.is-behind {
+  color: #93c5fd;
+}
+
+.sidebar-git-sync-status.is-no-upstream,
+.sidebar-git-sync-status.is-upstream-gone {
+  color: var(--text-dim);
+}
+
 .sidebar-git-meta {
   color: var(--text-muted);
 }

package/lib/public/js/app.js

@@ -21,6 +21,7 @@ import {
   restartGateway,
   fetchWatchdogStatus,
   triggerWatchdogRepair,
+  updateOpenclaw,
 } from "./lib/api.js";
 import { usePolling } from "./hooks/usePolling.js";
 import { Gateway } from "./components/gateway.js";
@@ -40,7 +41,7 @@ import { UpdateActionButton } from "./components/update-action-button.js";
 import { GlobalRestartBanner } from "./components/global-restart-banner.js";
 import { LoadingSpinner } from "./components/loading-spinner.js";
 import { WatchdogTab } from "./components/watchdog-tab.js";
-import { FileViewer } from "./components/file-viewer.js";
+import { FileViewer } from "./components/file-viewer/index.js";
 import { AppSidebar } from "./components/sidebar.js";
 import { UsageTab } from "./components/usage-tab.js";
 import { readUiSettings, writeUiSettings } from "./lib/ui-settings.js";
@@ -101,6 +102,9 @@ const GeneralTab = ({
   restartingGateway,
   onRestartGateway,
   restartSignal = 0,
+  openclawUpdateInProgress = false,
+  onOpenclawVersionActionComplete = () => {},
+  onOpenclawUpdate,
 }) => {
   const [googleKey, setGoogleKey] = useState(0);
   const [dashboardLoading, setDashboardLoading] = useState(false);
@@ -263,6 +267,9 @@ const GeneralTab = ({
         onOpenWatchdog=${() => onSwitchTab("watchdog")}
         onRepair=${handleWatchdogRepair}
         repairing=${repairingWatchdog}
+        openclawUpdateInProgress=${openclawUpdateInProgress}
+        onOpenclawVersionActionComplete=${onOpenclawVersionActionComplete}
+        onOpenclawUpdate=${onOpenclawUpdate}
       />
       <${Channels} channels=${channels} onSwitchTab=${onSwitchTab} onNavigate=${onNavigate} />
       <${Pairings}
@@ -417,6 +424,7 @@ const App = () => {
   const [restartingGateway, setRestartingGateway] = useState(false);
   const [gatewayRestartSignal, setGatewayRestartSignal] = useState(0);
   const [statusPollCadenceMs, setStatusPollCadenceMs] = useState(15000);
+  const [openclawUpdateInProgress, setOpenclawUpdateInProgress] = useState(false);
   const menuRef = useRef(null);
   const sharedStatusPoll = usePolling(fetchStatus, statusPollCadenceMs, {
     enabled: onboarded === true,
@@ -548,6 +556,36 @@ const App = () => {
     }
   }, [restartingGateway, refreshRestartStatus, refreshSharedStatuses]);
 
+  const handleOpenclawUpdate = useCallback(async () => {
+    if (openclawUpdateInProgress) {
+      return { ok: false, error: "OpenClaw update already in progress" };
+    }
+    setOpenclawUpdateInProgress(true);
+    try {
+      const data = await updateOpenclaw();
+      return data;
+    } finally {
+      setOpenclawUpdateInProgress(false);
+      refreshSharedStatuses();
+      setTimeout(refreshSharedStatuses, 1200);
+      setTimeout(refreshSharedStatuses, 3500);
+      setTimeout(refreshRestartStatus, 1200);
+    }
+  }, [
+    openclawUpdateInProgress,
+    refreshRestartStatus,
+    refreshSharedStatuses,
+  ]);
+
+  const handleOpenclawVersionActionComplete = useCallback(
+    ({ type }) => {
+      if (type !== "update") return;
+      refreshSharedStatuses();
+      setTimeout(refreshSharedStatuses, 1200);
+    },
+    [refreshSharedStatuses],
+  );
+
   const handleAcUpdate = async () => {
     if (acUpdating) return;
     setAcUpdating(true);
@@ -924,6 +962,9 @@ const App = () => {
                         restartingGateway=${restartingGateway}
                         onRestartGateway=${handleGatewayRestart}
                         restartSignal=${gatewayRestartSignal}
+                        openclawUpdateInProgress=${openclawUpdateInProgress}
+                        onOpenclawVersionActionComplete=${handleOpenclawVersionActionComplete}
+                        onOpenclawUpdate=${handleOpenclawUpdate}
                       />
                     </div>
                   </${Route}>
@@ -942,6 +983,9 @@ const App = () => {
                         restartingGateway=${restartingGateway}
                         onRestartGateway=${handleGatewayRestart}
                         restartSignal=${gatewayRestartSignal}
+                        openclawUpdateInProgress=${openclawUpdateInProgress}
+                        onOpenclawVersionActionComplete=${handleOpenclawVersionActionComplete}
+                        onOpenclawUpdate=${handleOpenclawUpdate}
                       />
                     </div>
                   </${Route}>

package/lib/public/js/components/channels.js

@@ -43,6 +43,7 @@ export function Channels({ channels, onSwitchTab, onNavigate }) {
                 : null}
               ${channelMeta.label}
               ${isClickable && html`
+                <span class="text-xs text-gray-500 ml-1">Workspace</span>
                 <svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-gray-600">
                   <path
                     d="M6 3.5L10.5 8L6 12.5"

package/lib/public/js/components/file-tree.js

@@ -12,11 +12,17 @@ import {
   kDraftIndexChangedEventName,
   readStoredDraftPaths,
 } from "../lib/browse-draft-state.js";
+import {
+  kLockedBrowsePaths,
+  matchesBrowsePolicyPath,
+  normalizeBrowsePolicyPath,
+} from "../lib/browse-file-policies.js";
 import { collectAncestorFolderPaths } from "../lib/file-tree-utils.js";
 import {
   MarkdownFillIcon,
   JavascriptFillIcon,
   File3LineIcon,
+  FileMusicLineIcon,
   Image2FillIcon,
   TerminalFillIcon,
   BracesLineIcon,
@@ -32,42 +38,11 @@ const kTreeIndentPx = 9;
 const kFolderBasePaddingPx = 10;
 const kFileBasePaddingPx = 14;
 const kTreeRefreshIntervalMs = 5000;
-const kCollapsedFoldersStorageKey = "alphaclaw.browse.collapsedFolders";
-const kLegacyCollapsedFoldersStorageKey = "alphaclawBrowseCollapsedFolders";
-const kLockedBrowsePaths = new Set([
-  "hooks/bootstrap/agents.md",
-  "hooks/bootstrap/tools.md",
-  ".alphaclaw/hourly-git-sync.sh",
-  ".alphaclaw/.cli-device-auto-approved",
-]);
-
-const normalizePolicyPath = (inputPath) =>
-  String(inputPath || "")
-    .replaceAll("\\", "/")
-    .replace(/^\.\/+/, "")
-    .replace(/^\/+/, "")
-    .trim()
-    .toLowerCase();
+const kExpandedFoldersStorageKey = "alphaclaw.browse.expandedFolders";
 
-const matchesPolicyPath = (policyPathSet, normalizedPath) => {
-  const safeNormalizedPath = String(normalizedPath || "").trim();
-  if (!safeNormalizedPath) return false;
-  for (const policyPath of policyPathSet) {
-    if (
-      safeNormalizedPath === policyPath ||
-      safeNormalizedPath.endsWith(`/${policyPath}`)
-    ) {
-      return true;
-    }
-  }
-  return false;
-};
-
-const readStoredCollapsedPaths = () => {
+const readStoredExpandedPaths = () => {
   try {
-    const rawValue =
-      window.localStorage.getItem(kCollapsedFoldersStorageKey) ||
-      window.localStorage.getItem(kLegacyCollapsedFoldersStorageKey);
+    const rawValue = window.localStorage.getItem(kExpandedFoldersStorageKey);
     if (!rawValue) return null;
     const parsedValue = JSON.parse(rawValue);
     if (!Array.isArray(parsedValue)) return null;
@@ -98,7 +73,9 @@ const collectFilePaths = (node, filePaths) => {
 
 const filterTreeNode = (node, normalizedQuery) => {
   if (!node) return null;
-  const query = String(normalizedQuery || "").trim().toLowerCase();
+  const query = String(normalizedQuery || "")
+    .trim()
+    .toLowerCase();
   if (!query) return node;
   const nodeName = String(node.name || "").toLowerCase();
   const nodePath = String(node.path || "").toLowerCase();
@@ -154,6 +131,12 @@ const getFileIconMeta = (fileName) => {
       className: "file-icon file-icon-image",
     };
   }
+  if (/\.(mp3|wav|ogg|oga|m4a|aac|flac|opus|weba)$/i.test(normalizedName)) {
+    return {
+      icon: FileMusicLineIcon,
+      className: "file-icon file-icon-audio",
+    };
+  }
   if (
     /\.(sh|bash|zsh|command)$/i.test(normalizedName) ||
     [
@@ -189,7 +172,7 @@ const getFileIconMeta = (fileName) => {
 const TreeNode = ({
   node,
   depth = 0,
-  collapsedPaths,
+  expandedPaths,
   onToggleFolder,
   onSelectFile,
   selectedPath = "",
@@ -202,9 +185,9 @@ const TreeNode = ({
     const isActive = selectedPath === node.path;
     const isSearchActiveNode = searchActivePath === node.path;
     const hasDraft = draftPaths.has(node.path || "");
-    const isLocked = matchesPolicyPath(
+    const isLocked = matchesBrowsePolicyPath(
       kLockedBrowsePaths,
-      normalizePolicyPath(node.path || ""),
+      normalizeBrowsePolicyPath(node.path || ""),
     );
     const fileIconMeta = getFileIconMeta(node.name);
     const FileTypeIcon = fileIconMeta.icon;
@@ -223,7 +206,7 @@ const TreeNode = ({
           ${isLocked
             ? html`<${LockLineIcon}
                 className="tree-lock-icon"
-                title="Managed by Alpha Claw"
+                title="Managed by AlphaClaw"
               />`
             : hasDraft
               ? html`<span class="tree-draft-dot" aria-hidden="true"></span>`
@@ -234,7 +217,7 @@ const TreeNode = ({
   }
 
   const folderPath = node.path || "";
-  const isCollapsed = isSearchActive ? false : collapsedPaths.has(folderPath);
+  const isCollapsed = isSearchActive ? false : !expandedPaths.has(folderPath);
   return html`
     <li class="tree-item">
       <div
@@ -255,7 +238,7 @@ const TreeNode = ({
               key=${childNode.path || `${folderPath}/${childNode.name}`}
               node=${childNode}
               depth=${depth + 1}
-              collapsedPaths=${collapsedPaths}
+              expandedPaths=${expandedPaths}
               onToggleFolder=${onToggleFolder}
               onSelectFile=${onSelectFile}
               selectedPath=${selectedPath}
@@ -278,9 +261,7 @@ export const FileTree = ({
   const [treeRoot, setTreeRoot] = useState(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState("");
-  const [collapsedPaths, setCollapsedPaths] = useState(
-    readStoredCollapsedPaths,
-  );
+  const [expandedPaths, setExpandedPaths] = useState(readStoredExpandedPaths);
   const [draftPaths, setDraftPaths] = useState(readStoredDraftPaths);
   const [searchQuery, setSearchQuery] = useState("");
   const [searchActivePath, setSearchActivePath] = useState("");
@@ -298,12 +279,9 @@ export const FileTree = ({
         treeSignatureRef.current = nextSignature;
         setTreeRoot(nextRoot);
       }
-      setCollapsedPaths((previousPaths) => {
-        if (previousPaths instanceof Set) return previousPaths;
-        const nextPaths = new Set();
-        collectFolderPaths(nextRoot, nextPaths);
-        return nextPaths;
-      });
+      setExpandedPaths((previousPaths) =>
+        previousPaths instanceof Set ? previousPaths : new Set(),
+      );
       if (showLoading) setError("");
     } catch (loadError) {
       if (showLoading) {
@@ -335,7 +313,9 @@ export const FileTree = ({
     };
   }, [loadTree]);
 
-  const normalizedSearchQuery = String(searchQuery || "").trim().toLowerCase();
+  const normalizedSearchQuery = String(searchQuery || "")
+    .trim()
+    .toLowerCase();
   const rootChildren = useMemo(() => {
     const children = treeRoot?.children || [];
     if (!normalizedSearchQuery) return children;
@@ -343,8 +323,8 @@ export const FileTree = ({
       .map((node) => filterTreeNode(node, normalizedSearchQuery))
       .filter(Boolean);
   }, [treeRoot, normalizedSearchQuery]);
-  const safeCollapsedPaths =
-    collapsedPaths instanceof Set ? collapsedPaths : new Set();
+  const safeExpandedPaths =
+    expandedPaths instanceof Set ? expandedPaths : new Set();
   const isSearchActive = normalizedSearchQuery.length > 0;
   const filteredFilePaths = useMemo(() => {
     const filePaths = [];
@@ -353,26 +333,26 @@ export const FileTree = ({
   }, [rootChildren]);
 
   useEffect(() => {
-    if (!(collapsedPaths instanceof Set)) return;
+    if (!(expandedPaths instanceof Set)) return;
     try {
       window.localStorage.setItem(
-        kCollapsedFoldersStorageKey,
-        JSON.stringify(Array.from(collapsedPaths)),
+        kExpandedFoldersStorageKey,
+        JSON.stringify(Array.from(expandedPaths)),
       );
     } catch {}
-  }, [collapsedPaths]);
+  }, [expandedPaths]);
 
   useEffect(() => {
     if (!selectedPath) return;
     const ancestorFolderPaths = collectAncestorFolderPaths(selectedPath);
     if (!ancestorFolderPaths.length) return;
-    setCollapsedPaths((previousPaths) => {
+    setExpandedPaths((previousPaths) => {
       if (!(previousPaths instanceof Set)) return previousPaths;
       let didChange = false;
       const nextPaths = new Set(previousPaths);
       ancestorFolderPaths.forEach((ancestorPath) => {
-        if (nextPaths.has(ancestorPath)) {
-          nextPaths.delete(ancestorPath);
+        if (!nextPaths.has(ancestorPath)) {
+          nextPaths.add(ancestorPath);
           didChange = true;
         }
       });
@@ -395,10 +375,16 @@ export const FileTree = ({
       }
       setDraftPaths(readStoredDraftPaths());
     };
-    window.addEventListener(kDraftIndexChangedEventName, handleDraftIndexChanged);
+    window.addEventListener(
+      kDraftIndexChangedEventName,
+      handleDraftIndexChanged,
+    );
     window.addEventListener("storage", handleDraftIndexChanged);
     return () => {
-      window.removeEventListener(kDraftIndexChangedEventName, handleDraftIndexChanged);
+      window.removeEventListener(
+        kDraftIndexChangedEventName,
+        handleDraftIndexChanged,
+      );
       window.removeEventListener("storage", handleDraftIndexChanged);
     };
   }, []);
@@ -431,13 +417,14 @@ export const FileTree = ({
       onPreviewFile("");
       return;
     }
-    if (searchActivePath && filteredFilePaths.includes(searchActivePath)) return;
+    if (searchActivePath && filteredFilePaths.includes(searchActivePath))
+      return;
     setSearchActivePath("");
     onPreviewFile("");
   }, [isSearchActive, filteredFilePaths, searchActivePath, onPreviewFile]);
 
   const toggleFolder = (folderPath) => {
-    setCollapsedPaths((previousPaths) => {
+    setExpandedPaths((previousPaths) => {
       const nextPaths =
         previousPaths instanceof Set ? new Set(previousPaths) : new Set();
       if (nextPaths.has(folderPath)) nextPaths.delete(folderPath);
@@ -460,7 +447,8 @@ export const FileTree = ({
     if (!filteredFilePaths.length) return;
     const currentIndex = filteredFilePaths.indexOf(searchActivePath);
     const delta = direction === "up" ? -1 : 1;
-    const baseIndex = currentIndex === -1 ? (direction === "up" ? 0 : -1) : currentIndex;
+    const baseIndex =
+      currentIndex === -1 ? (direction === "up" ? 0 : -1) : currentIndex;
     const nextIndex =
       (baseIndex + delta + filteredFilePaths.length) % filteredFilePaths.length;
     const nextPath = filteredFilePaths[nextIndex];
@@ -470,7 +458,8 @@ export const FileTree = ({
 
   const commitSearchSelection = () => {
     const [singlePath = ""] = filteredFilePaths;
-    const targetPath = searchActivePath || (filteredFilePaths.length === 1 ? singlePath : "");
+    const targetPath =
+      searchActivePath || (filteredFilePaths.length === 1 ? singlePath : "");
     if (!targetPath) return;
     onSelectFile(targetPath);
     clearSearch();
@@ -556,7 +545,7 @@ export const FileTree = ({
             <${TreeNode}
               key=${node.path || node.name}
               node=${node}
-              collapsedPaths=${safeCollapsedPaths}
+              expandedPaths=${safeExpandedPaths}
               onToggleFolder=${toggleFolder}
               onSelectFile=${onSelectFile}
               selectedPath=${selectedPath}