@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-ZUDOVDKR.js

@@ -1,3064 +0,0 @@
-"use client";
-import {
-  PierreFile
-} from "./chunk-OSA5EQG5.js";
-import {
-  useThemeType
-} from "./chunk-B27E3V37.js";
-import {
-  prefersReducedMotion
-} from "./chunk-OCN4S7WN.js";
-import {
-  MENU_BUTTON_CLASS,
-  MENU_SEPARATOR_CLASS,
-  MENU_SURFACE_CLASS
-} from "./chunk-PNNTR6KP.js";
-import {
-  usePortalContainer
-} from "./chunk-UD6AAZSC.js";
-import {
-  usePortalTokenSource,
-  usePortalTokenStyle
-} from "./chunk-XEA5BCMA.js";
-import {
-  CodeEditor
-} from "./chunk-K42OUZQ3.js";
-import {
-  sandboxAcceptsLiveIo
-} from "./chunk-QV3DJVRZ.js";
-import {
-  useOpenGeni
-} from "./chunk-TVQCDDSZ.js";
-import {
-  cn
-} from "./chunk-TXS65BB2.js";
-import {
-  createOpenGeniText,
-  useOpenGeniText
-} from "./chunk-TNUSPXPW.js";
-
-// src/components/sandbox-files.tsx
-import { FileCode2Icon, FileWarningIcon, LoaderCircleIcon } from "lucide-react";
-import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef3, useState as useState3 } from "react";
-import { Group, Panel, Separator } from "react-resizable-panels";
-
-// src/hooks/use-sandbox-files.ts
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-var englishText = createOpenGeniText();
-var CapturedFileUnavailableError = class extends Error {
-  constructor(path, reason, t = englishText) {
-    super(
-      reason === "too-large" ? t("hooks.useSandboxFiles.pathExceedsTheCapturedPreview", { path }) : reason === "content-missing" ? t("hooks.useSandboxFiles.pathIsNoLongerAvailable", { path }) : t("hooks.useSandboxFiles.pathWasNotChangedIn", { path })
-    );
-    this.path = path;
-    this.reason = reason;
-    this.name = "CapturedFileUnavailableError";
-  }
-  code = "captured_file_unavailable";
-};
-var FileWriteConflictError = class extends Error {
-  constructor(path, expectedContent, liveContent, t = englishText) {
-    super(t("hooks.useSandboxFiles.pathChangedOnTheMachine", { path }));
-    this.path = path;
-    this.expectedContent = expectedContent;
-    this.liveContent = liveContent;
-    this.name = "FileWriteConflictError";
-  }
-  code = "file_write_conflict";
-};
-function normalizeRoot(root) {
-  const slashNormalized = root.replaceAll("\\", "/").replace(/^\.\/+/, "");
-  if (slashNormalized === "/") return "/";
-  const normalized = slashNormalized.replace(/\/+$/, "");
-  return normalized === "." ? "" : normalized;
-}
-function isAbsoluteTreePath(path) {
-  return path.startsWith("/") || /^[A-Za-z]:\//u.test(path);
-}
-function joinTreeRoot(root, path) {
-  if (!root || isAbsoluteTreePath(path)) return path;
-  return root === "/" ? `/${path}` : `${root}/${path}`;
-}
-function qualifyStatusPath(root, path, treeRoot) {
-  const normalized = normalizeRoot(root);
-  const workspaceRelative = joinTreeRoot(normalized, path);
-  return joinTreeRoot(normalizeRoot(treeRoot), workspaceRelative);
-}
-function summarizeStatuses(statuses) {
-  const repositories = statuses.filter(({ status }) => status.isRepo);
-  return {
-    branch: repositories.length === 1 ? repositories[0]?.status.head ?? null : null,
-    isRepo: repositories.length > 0,
-    repoCount: repositories.length,
-    ahead: repositories.reduce((sum, { status }) => sum + status.ahead, 0),
-    behind: repositories.reduce((sum, { status }) => sum + status.behind, 0),
-    dirtyCount: repositories.reduce((sum, { status }) => sum + status.files.length, 0)
-  };
-}
-function parentOf(path) {
-  const i = path.lastIndexOf("/");
-  return i <= 0 ? "" : path.slice(0, i);
-}
-function parentWithinTree(path, rootPath) {
-  const parent = parentOf(path);
-  return parent === "" && normalizeRoot(rootPath) === "/" && path.startsWith("/") ? "/" : parent;
-}
-function leafOf(path) {
-  const i = path.lastIndexOf("/");
-  return i < 0 ? path : path.slice(i + 1);
-}
-function sortNodes(nodes) {
-  return [...nodes].sort((a, b) => {
-    if (a.kind !== b.kind) return a.kind === "dir" ? -1 : 1;
-    return a.name.localeCompare(b.name, void 0, { sensitivity: "base" });
-  });
-}
-function fsNodeToTree(node, captureComplete = false) {
-  const kind = node.type === "dir" ? "dir" : "file";
-  const mappedChildren = node.children && node.children.length > 0 ? node.children.map((child) => fsNodeToTree(child, captureComplete)) : captureComplete && kind === "dir" ? [] : void 0;
-  return {
-    path: node.path,
-    name: node.name,
-    kind,
-    size: node.sizeBytes,
-    ...kind === "dir" ? { children: mappedChildren } : {},
-    // A collapsed residue dir from the capture index — carried through so the
-    // tree can show an inline "contents on machine" row cold instead of nothing.
-    ...kind === "dir" && node.truncated ? { truncated: true } : {}
-  };
-}
-var GIT_STATUS_TO_TREE = {
-  added: "added",
-  modified: "modified",
-  deleted: "deleted",
-  renamed: "renamed",
-  copied: "added",
-  untracked: "untracked",
-  typechange: "modified"
-};
-function replaceChildren(nodes, targetPath, children) {
-  return nodes.map((node) => {
-    if (node.path === targetPath) {
-      return { ...node, children };
-    }
-    if (node.kind === "dir" && node.children && targetPath.startsWith(`${node.path}/`)) {
-      return {
-        ...node,
-        children: replaceChildren(node.children, targetPath, children)
-      };
-    }
-    return node;
-  });
-}
-function findNodeByPath(nodes, path) {
-  for (const node of nodes) {
-    if (node.path === path) return node;
-    if (node.kind === "dir" && node.children && path.startsWith(`${node.path}/`)) {
-      const hit = findNodeByPath(node.children, path);
-      if (hit) return hit;
-    }
-  }
-  return void 0;
-}
-var FS_LIST_BATCH_REQUEST_LIMIT = 16;
-function initialDirectoryFrontier(rootPath, repoPaths) {
-  const root = normalizeRoot(rootPath);
-  const rootParts = root.split("/").filter(Boolean);
-  const rootPrefix = root.startsWith("//") ? "//" : root.startsWith("/") ? "/" : "";
-  const paths = /* @__PURE__ */ new Set();
-  for (const repoPath of repoPaths) {
-    const canonicalRepoPath = joinTreeRoot(root, normalizeRoot(repoPath));
-    const parts = canonicalRepoPath.split("/").filter(Boolean);
-    if (rootParts.some((part, index) => parts[index] !== part)) continue;
-    for (let depth = rootParts.length + 1; depth <= parts.length; depth += 1) {
-      const path = parts.slice(0, depth).join("/");
-      paths.add(`${rootPrefix}${path}`);
-    }
-  }
-  return [...paths].sort((a, b) => a.split("/").length - b.split("/").length || a.localeCompare(b)).slice(0, 8);
-}
-function parentIsLoaded(nodes, parent, rootPath = "") {
-  if (parent === normalizeRoot(rootPath)) return true;
-  const node = findNodeByPath(nodes, parent);
-  return Boolean(node && node.kind === "dir" && node.children !== void 0);
-}
-function insertNode(nodes, parent, child, rootPath = "") {
-  if (parent === normalizeRoot(rootPath)) {
-    if (nodes.some((n) => n.path === child.path)) return nodes;
-    return sortNodes([...nodes, child]);
-  }
-  return nodes.map((node) => {
-    if (node.path === parent) {
-      if (node.kind !== "dir" || node.children === void 0) return node;
-      if (node.children.some((n) => n.path === child.path)) return node;
-      return { ...node, children: sortNodes([...node.children, child]) };
-    }
-    if (node.kind === "dir" && node.children && parent.startsWith(`${node.path}/`)) {
-      return { ...node, children: insertNode(node.children, parent, child, rootPath) };
-    }
-    return node;
-  });
-}
-function removeNode(nodes, path, rootPath = "") {
-  const parent = parentWithinTree(path, rootPath);
-  if (parent === normalizeRoot(rootPath)) {
-    if (!nodes.some((n) => n.path === path)) return nodes;
-    return nodes.filter((n) => n.path !== path);
-  }
-  return nodes.map((node) => {
-    if (node.path === parent) {
-      if (node.kind !== "dir" || node.children === void 0) return node;
-      return {
-        ...node,
-        children: node.children.filter((n) => n.path !== path)
-      };
-    }
-    if (node.kind === "dir" && node.children && parent.startsWith(`${node.path}/`)) {
-      return { ...node, children: removeNode(node.children, path, rootPath) };
-    }
-    return node;
-  });
-}
-function sameNodeShallow(a, b) {
-  return a.path === b.path && a.kind === b.kind && a.name === b.name && (a.size ?? null) === (b.size ?? null) && (a.status ?? void 0) === (b.status ?? void 0) && (a.truncated ?? false) === (b.truncated ?? false);
-}
-function mergeChildren(current, listed) {
-  const byPath = new Map(current.map((n) => [n.path, n]));
-  const merged = listed.map((next) => {
-    const existing = byPath.get(next.path);
-    if (!existing) return next;
-    if (existing.kind === "dir" && next.kind === "dir" && existing.children !== void 0) {
-      const candidate = { ...next, children: existing.children };
-      return sameNodeShallow(existing, candidate) ? existing : candidate;
-    }
-    if (existing.children === next.children && sameNodeShallow(existing, next)) {
-      return existing;
-    }
-    return next;
-  });
-  return sortNodes(merged);
-}
-function mergeRootChildren(nodes, listed) {
-  return mergeChildren(nodes, listed);
-}
-function repathNode(node, fromPrefix, toPrefix) {
-  const newPath = toPrefix + node.path.slice(fromPrefix.length);
-  const next = { ...node, path: newPath, name: leafOf(newPath) };
-  if (node.children) next.children = node.children.map((c) => repathNode(c, fromPrefix, toPrefix));
-  return next;
-}
-function decodeBase64Bytes(value) {
-  const binary = atob(value);
-  const bytes = new Uint8Array(binary.length);
-  for (let index = 0; index < binary.length; index += 1) {
-    bytes[index] = binary.charCodeAt(index);
-  }
-  return bytes;
-}
-function decodeBase64Text(value) {
-  return new TextDecoder().decode(decodeBase64Bytes(value));
-}
-function encodeBase64Bytes(bytes) {
-  let binary = "";
-  const chunkSize = 32768;
-  for (let offset = 0; offset < bytes.length; offset += chunkSize) {
-    binary += String.fromCharCode(...bytes.subarray(offset, offset + chunkSize));
-  }
-  return btoa(binary);
-}
-async function assertCapturedHash(bytes, expected) {
-  if (!expected) throw new Error("Captured file is missing its integrity hash.");
-  if (!globalThis.crypto?.subtle) {
-    throw new Error("Captured file integrity verification is unavailable in this browser.");
-  }
-  const buffer = new ArrayBuffer(bytes.byteLength);
-  new Uint8Array(buffer).set(bytes);
-  const digest = new Uint8Array(await globalThis.crypto.subtle.digest("SHA-256", buffer));
-  const actual = [...digest].map((byte) => byte.toString(16).padStart(2, "0")).join("");
-  if (actual !== expected) throw new Error("Captured file content failed its integrity check.");
-}
-function useSandboxFiles(sessionId, options = {}) {
-  const t = useOpenGeniText();
-  const { client, workspaceId } = useOpenGeni(options);
-  const enabled = (options.enabled ?? true) && Boolean(sessionId);
-  const active = options.active ?? true;
-  const rootPath = options.rootPath ?? "";
-  const routeEpoch = options.route?.epoch ?? null;
-  const routeRoot = options.route?.root ?? null;
-  const route = useMemo(
-    () => routeEpoch !== null && routeRoot !== null ? { epoch: routeEpoch, root: routeRoot } : void 0,
-    [routeEpoch, routeRoot]
-  );
-  const repoPathsKey = [
-    ...new Set((options.repoPaths?.length ? options.repoPaths : [rootPath]).map(normalizeRoot))
-  ].join("\0");
-  const repoPaths = useMemo(() => repoPathsKey.split("\0"), [repoPathsKey]);
-  const capture = options.capture ?? null;
-  const isLive = sandboxAcceptsLiveIo(options.liveness);
-  const acceptsEventReads = options.liveness === void 0 || isLive;
-  const acceptsEventReadsRef = useRef(acceptsEventReads);
-  acceptsEventReadsRef.current = acceptsEventReads;
-  const hasLiveIoFence = options.liveness !== void 0;
-  const identityKey = `${workspaceId}\0${sessionId ?? ""}\0${rootPath}\0${repoPathsKey}\0${routeEpoch ?? ""}\0${routeRoot ?? ""}`;
-  const [tree, setTree] = useState([]);
-  const treeRef = useRef([]);
-  const [loading, setLoading] = useState(false);
-  const [expandingPaths, setExpandingPaths] = useState(/* @__PURE__ */ new Set());
-  const [error, setError] = useState(null);
-  const [gitSummary, setGitSummary] = useState(null);
-  const [gitLoading, setGitLoading] = useState(false);
-  const [contentRevision, setContentRevision] = useState(0);
-  const [stateIdentity, setStateIdentity] = useState(identityKey);
-  const [source, setSource] = useState(null);
-  const sourceRef = useRef(null);
-  const statusRef = useRef(/* @__PURE__ */ new Map());
-  const refreshGenerationRef = useRef(0);
-  const refreshAbortRef = useRef(null);
-  const identityAbortRef = useRef(new AbortController());
-  const eventReadAbortRef = useRef(new AbortController());
-  const identityGenerationRef = useRef(0);
-  const lastSeqRef = useRef(0);
-  const pendingParentsRef = useRef(/* @__PURE__ */ new Set());
-  const pendingGitRef = useRef(false);
-  const eventReconcileInFlightRef = useRef(null);
-  const eventReconcilePendingRef = useRef(false);
-  const debounceRef = useRef(null);
-  const ownRevisionsRef = useRef(/* @__PURE__ */ new Set());
-  const onMutationError = options.onMutationError;
-  treeRef.current = tree;
-  const applyStatus = useCallback((nodes) => {
-    const overlay = statusRef.current;
-    const walk = (list) => {
-      let changed = false;
-      const out = list.map((node) => {
-        const nextChildren = node.children ? walk(node.children) : node.children;
-        const wantStatus = node.kind === "file" ? overlay.get(node.path) : void 0;
-        const childrenChanged = nextChildren !== node.children;
-        const statusChanged = (node.status ?? void 0) !== (wantStatus ?? void 0);
-        if (!childrenChanged && !statusChanged) return node;
-        changed = true;
-        const next = {
-          ...node,
-          ...node.children ? { children: nextChildren } : {}
-        };
-        if (wantStatus) next.status = wantStatus;
-        else delete next.status;
-        return next;
-      });
-      return changed ? out : list;
-    };
-    return walk(nodes);
-  }, []);
-  const refresh = useCallback(async () => {
-    if (!sessionId) return;
-    refreshAbortRef.current?.abort();
-    const refreshAbort = new AbortController();
-    refreshAbortRef.current = refreshAbort;
-    const generation = refreshGenerationRef.current += 1;
-    setLoading(true);
-    setGitLoading(true);
-    setError(null);
-    try {
-      const frontierPaths = initialDirectoryFrontier(rootPath, repoPaths);
-      const listRequests = [rootPath, ...frontierPaths].map((path) => ({
-        path,
-        depth: 1,
-        ...route ? { route } : {}
-      }));
-      const listedBatch = await client.fsListBatch(
-        workspaceId,
-        sessionId,
-        { requests: listRequests },
-        { signal: refreshAbort.signal }
-      );
-      if (refreshGenerationRef.current !== generation) return;
-      const listed = listedBatch.results[0];
-      if (!listed) throw new Error("Workspace list batch did not return the root result.");
-      const children = (listed.root.children ?? []).map((node) => fsNodeToTree(node));
-      setTree((prev) => {
-        let hydrated = prev.length === 0 ? children : mergeRootChildren(prev, children);
-        for (const [index, path] of frontierPaths.entries()) {
-          const prefetched = listedBatch.results[index + 1];
-          if (!prefetched) continue;
-          hydrated = replaceChildren(
-            hydrated,
-            path,
-            (prefetched.root.children ?? []).map((node) => fsNodeToTree(node))
-          );
-        }
-        return applyStatus(hydrated);
-      });
-      sourceRef.current = "live";
-      setSource("live");
-      setLoading(false);
-      const statuses = repoPaths.length > 0 ? await client.gitReadBatch(
-        workspaceId,
-        sessionId,
-        {
-          requests: repoPaths.map((root) => ({
-            status: { path: root }
-          }))
-        },
-        { signal: refreshAbort.signal }
-      ).then(
-        (batch) => batch.results.map((result, index) => ({
-          root: repoPaths[index] ?? "",
-          status: result.status
-        }))
-      ).catch(() => null) : [];
-      if (refreshGenerationRef.current !== generation) return;
-      if (statuses) {
-        const overlay = /* @__PURE__ */ new Map();
-        for (const { root, status } of statuses) {
-          for (const file of status.files) {
-            const code = file.worktree ?? file.index;
-            const mapped = code ? GIT_STATUS_TO_TREE[code] : void 0;
-            if (mapped) overlay.set(qualifyStatusPath(root, file.path, rootPath), mapped);
-          }
-        }
-        statusRef.current = overlay;
-        setGitSummary(summarizeStatuses(statuses));
-      } else {
-        statusRef.current = /* @__PURE__ */ new Map();
-        setGitSummary(null);
-      }
-      setGitLoading(false);
-      setTree((prev) => applyStatus(prev));
-    } catch (cause) {
-      if (refreshGenerationRef.current !== generation) return;
-      setError(cause instanceof Error ? cause : new Error(String(cause)));
-    } finally {
-      if (refreshGenerationRef.current === generation) setLoading(false);
-      if (refreshGenerationRef.current === generation) setGitLoading(false);
-      if (refreshAbortRef.current === refreshAbort) refreshAbortRef.current = null;
-    }
-  }, [client, workspaceId, sessionId, rootPath, repoPaths, route, applyStatus]);
-  const seedFromCapture = useCallback(
-    (manifest) => {
-      const overlay = /* @__PURE__ */ new Map();
-      for (const file of manifest.files) {
-        if (file.deleted) continue;
-        const mapped = GIT_STATUS_TO_TREE[file.status];
-        if (mapped) overlay.set(file.path, mapped);
-      }
-      statusRef.current = overlay;
-      const children = (manifest.treeIndex.children ?? []).map((node) => fsNodeToTree(node, true));
-      setTree(
-        (prev) => applyStatus(prev.length === 0 ? children : mergeRootChildren(prev, children))
-      );
-      sourceRef.current = "capture";
-      setSource("capture");
-      setGitSummary({
-        branch: manifest.repos.length === 1 ? manifest.repos[0]?.head ?? null : null,
-        isRepo: manifest.repos.length > 0,
-        repoCount: manifest.repos.length,
-        ahead: manifest.repos.reduce((sum, repo) => sum + repo.ahead, 0),
-        behind: manifest.repos.reduce((sum, repo) => sum + repo.behind, 0),
-        dirtyCount: manifest.files.length
-      });
-      setGitLoading(false);
-      setError(null);
-    },
-    [applyStatus]
-  );
-  const expand = useCallback(
-    async (path) => {
-      if (!sessionId) return;
-      if (source === "capture" && capture) return;
-      const identityGeneration = identityGenerationRef.current;
-      const identitySignal = identityAbortRef.current.signal;
-      setExpandingPaths((prev) => {
-        const next = new Set(prev);
-        next.add(path);
-        return next;
-      });
-      try {
-        const listed = await client.fsList(
-          workspaceId,
-          sessionId,
-          { path, depth: 1, ...route ? { route } : {} },
-          { signal: identitySignal }
-        );
-        if (identityGenerationRef.current !== identityGeneration) return;
-        const children = (listed.root.children ?? []).map((node) => fsNodeToTree(node));
-        setTree((prev) => applyStatus(replaceChildren(prev, path, children)));
-      } catch (cause) {
-        if (identityGenerationRef.current !== identityGeneration) return;
-        setError(cause instanceof Error ? cause : new Error(String(cause)));
-      } finally {
-        if (identityGenerationRef.current === identityGeneration) {
-          setExpandingPaths((prev) => {
-            if (!prev.has(path)) return prev;
-            const next = new Set(prev);
-            next.delete(path);
-            return next;
-          });
-        }
-      }
-    },
-    [client, workspaceId, sessionId, capture, source, route, applyStatus]
-  );
-  const readFile = useCallback(
-    async (path, requestOptions = {}) => {
-      if (!sessionId) throw new Error("no session");
-      const identitySignal = identityAbortRef.current.signal;
-      const signal = requestOptions.signal ? AbortSignal.any([identitySignal, requestOptions.signal]) : identitySignal;
-      const captured = capture?.files.find((file) => file.path === path && !file.deleted);
-      if (source === "capture" && capture) {
-        if (!captured) {
-          throw new CapturedFileUnavailableError(path, "not-captured", t);
-        }
-        for (let attempt = 0; attempt < 2; attempt += 1) {
-          const result = await client.getWorkspaceCaptureFile(
-            workspaceId,
-            sessionId,
-            path,
-            capture.revision,
-            { signal }
-          );
-          if (result.path !== path || result.revision !== capture.revision) {
-            throw new Error(
-              "Captured file identity did not match the requested workspace revision."
-            );
-          }
-          if (result.hash !== captured.hash || result.sizeBytes !== captured.sizeBytes || result.isBinary !== captured.isBinary || result.tooLarge !== captured.tooLarge) {
-            throw new Error("Captured file metadata did not match its manifest.");
-          }
-          if (result.tooLarge) {
-            throw new CapturedFileUnavailableError(path, "too-large", t);
-          }
-          let bytes;
-          let encoding;
-          let content;
-          if (result.content !== null && result.encoding !== null) {
-            encoding = result.encoding;
-            content = result.content;
-            bytes = encoding === "base64" ? decodeBase64Bytes(content) : new TextEncoder().encode(content);
-          } else if (result.contentUrl) {
-            const response = await fetch(result.contentUrl.url, {
-              credentials: "omit",
-              cache: "no-store",
-              referrerPolicy: "no-referrer",
-              signal: AbortSignal.any([signal, AbortSignal.timeout(3e4)])
-            }).catch(() => null);
-            if (!response?.ok) {
-              if (attempt === 0 && (response === null || response.status === 401 || response.status === 403)) {
-                continue;
-              }
-              throw new Error("Captured file download failed.");
-            }
-            bytes = new Uint8Array(await response.arrayBuffer());
-            encoding = result.isBinary ? "base64" : "utf8";
-            content = result.isBinary ? encodeBase64Bytes(bytes) : new TextDecoder().decode(bytes);
-          } else {
-            throw new CapturedFileUnavailableError(path, "content-missing", t);
-          }
-          if (bytes.byteLength !== result.sizeBytes) {
-            throw new Error("Captured file size did not match its manifest.");
-          }
-          await assertCapturedHash(bytes, result.hash);
-          return {
-            path,
-            encoding,
-            content,
-            sizeBytes: result.sizeBytes,
-            truncated: false,
-            isBinary: result.isBinary,
-            revision: result.revision
-          };
-        }
-        throw new Error("Captured file download failed after refreshing its URL.");
-      }
-      return await client.fsRead(
-        workspaceId,
-        sessionId,
-        { path, ...route ? { route } : {} },
-        { signal }
-      );
-    },
-    [client, workspaceId, sessionId, capture, source, route, t]
-  );
-  const reconcilePath = useCallback(
-    async (path, requestSignal) => {
-      if (!sessionId) return;
-      const identityGeneration = identityGenerationRef.current;
-      const identitySignal = identityAbortRef.current.signal;
-      const signal = requestSignal ? AbortSignal.any([identitySignal, requestSignal]) : identitySignal;
-      if (!parentIsLoaded(treeRef.current, path, rootPath)) return;
-      try {
-        const listed = await client.fsList(
-          workspaceId,
-          sessionId,
-          { path, depth: 1, ...route ? { route } : {} },
-          { signal }
-        );
-        if (identityGenerationRef.current !== identityGeneration) return;
-        const children = (listed.root.children ?? []).map((node) => fsNodeToTree(node));
-        if (path === normalizeRoot(rootPath)) {
-          setTree((prev) => applyStatus(mergeRootChildren(prev, children)));
-        } else
-          setTree((prev) => {
-            const existing = findNodeByPath(prev, path);
-            const merged = existing?.children ? mergeChildren(existing.children, children) : children;
-            return applyStatus(replaceChildren(prev, path, merged));
-          });
-      } catch {
-      }
-    },
-    [client, workspaceId, sessionId, rootPath, route, applyStatus]
-  );
-  const reconcilePaths = useCallback(
-    async (requestedPaths, requestSignal) => {
-      if (!sessionId) return;
-      const identityGeneration = identityGenerationRef.current;
-      const identitySignal = identityAbortRef.current.signal;
-      const signal = requestSignal ? AbortSignal.any([identitySignal, requestSignal]) : identitySignal;
-      const paths = [...new Set(requestedPaths)].filter(
-        (path) => parentIsLoaded(treeRef.current, path, rootPath)
-      );
-      for (let offset = 0; offset < paths.length; offset += FS_LIST_BATCH_REQUEST_LIMIT) {
-        const chunk = paths.slice(offset, offset + FS_LIST_BATCH_REQUEST_LIMIT);
-        try {
-          const listed = await client.fsListBatch(
-            workspaceId,
-            sessionId,
-            {
-              requests: chunk.map((path) => ({
-                path,
-                depth: 1,
-                ...route ? { route } : {}
-              }))
-            },
-            { signal }
-          );
-          if (identityGenerationRef.current !== identityGeneration) return;
-          setTree((previous) => {
-            let next = previous;
-            for (const [index, path] of chunk.entries()) {
-              const result = listed.results[index];
-              if (!result) continue;
-              const children = (result.root.children ?? []).map((node) => fsNodeToTree(node));
-              if (path === normalizeRoot(rootPath)) {
-                next = mergeRootChildren(next, children);
-              } else {
-                const existing = findNodeByPath(next, path);
-                const merged = existing?.children ? mergeChildren(existing.children, children) : children;
-                next = replaceChildren(next, path, merged);
-              }
-            }
-            return applyStatus(next);
-          });
-        } catch {
-        }
-      }
-    },
-    [client, workspaceId, sessionId, rootPath, route, applyStatus]
-  );
-  const runOptimistic = useCallback(
-    async (opName, apply, op, reconcileParents) => {
-      const identityGeneration = identityGenerationRef.current;
-      const snapshot = treeRef.current;
-      setError(null);
-      setTree(applyStatus(apply(snapshot)));
-      try {
-        const res = await op();
-        if (identityGenerationRef.current !== identityGeneration) return res;
-        if (res && typeof res === "object" && "revision" in res) {
-          const rev = res.revision;
-          if (typeof rev === "number") ownRevisionsRef.current.add(rev);
-        }
-        for (const parent of reconcileParents) {
-          if (identityGenerationRef.current !== identityGeneration) return res;
-          await reconcilePath(parent);
-        }
-        return res;
-      } catch (cause) {
-        const err = cause instanceof Error ? cause : new Error(String(cause));
-        if (identityGenerationRef.current !== identityGeneration) throw err;
-        setTree(applyStatus(snapshot));
-        if (err instanceof FileWriteConflictError) throw err;
-        setError(err);
-        onMutationError?.(err, opName);
-        throw err;
-      }
-    },
-    [applyStatus, reconcilePath, onMutationError]
-  );
-  const writeFile = useCallback(
-    async (path, content, writeOptions = {}) => {
-      if (!sessionId) throw new Error("no session");
-      const identityGeneration = identityGenerationRef.current;
-      const identitySignal = identityAbortRef.current.signal;
-      const parent = parentWithinTree(path, rootPath);
-      const exists = Boolean(findNodeByPath(tree, path));
-      const node = {
-        path,
-        name: leafOf(path),
-        kind: "file",
-        size: content.length
-      };
-      return await runOptimistic(
-        "write",
-        (nodes) => exists ? nodes : insertNode(nodes, parent, node, rootPath),
-        async () => {
-          if (!writeOptions.force && writeOptions.expectedContent !== void 0) {
-            const live = await client.fsRead(
-              workspaceId,
-              sessionId,
-              { path, ...route ? { route } : {} },
-              { signal: identitySignal }
-            );
-            if (identityGenerationRef.current !== identityGeneration) {
-              throw new Error(t("hooks.useSandboxFiles.fileSaveCancelledBecauseThe"));
-            }
-            const liveContent = live.encoding === "base64" ? decodeBase64Text(live.content) : live.content;
-            if (live.truncated || live.isBinary || liveContent !== writeOptions.expectedContent) {
-              throw new FileWriteConflictError(path, writeOptions.expectedContent, liveContent, t);
-            }
-          }
-          if (identityGenerationRef.current !== identityGeneration) {
-            throw new Error(t("hooks.useSandboxFiles.fileSaveCancelledBecauseThe"));
-          }
-          return await client.fsWrite(workspaceId, sessionId, {
-            path,
-            content,
-            overwrite: true,
-            ...route ? { route } : {}
-          });
-        },
-        exists ? [] : [parent]
-      );
-    },
-    [client, workspaceId, sessionId, tree, rootPath, route, runOptimistic, t]
-  );
-  const createFile = useCallback(
-    async (path) => {
-      if (!sessionId) throw new Error("no session");
-      const parent = parentWithinTree(path, rootPath);
-      const node = {
-        path,
-        name: leafOf(path),
-        kind: "file",
-        size: 0
-      };
-      await runOptimistic(
-        t("hooks.useSandboxFiles.createFile"),
-        (nodes) => insertNode(nodes, parent, node, rootPath),
-        () => client.fsWrite(workspaceId, sessionId, {
-          path,
-          content: "",
-          overwrite: false,
-          ...route ? { route } : {}
-        }),
-        [parent]
-      );
-    },
-    [client, workspaceId, sessionId, rootPath, route, runOptimistic, t]
-  );
-  const createDir = useCallback(
-    async (path) => {
-      if (!sessionId) throw new Error("no session");
-      const parent = parentWithinTree(path, rootPath);
-      const node = {
-        path,
-        name: leafOf(path),
-        kind: "dir",
-        children: []
-      };
-      await runOptimistic(
-        t("hooks.useSandboxFiles.createFolder"),
-        (nodes) => insertNode(nodes, parent, node, rootPath),
-        () => client.fsMkdir(workspaceId, sessionId, {
-          path,
-          recursive: true,
-          ...route ? { route } : {}
-        }),
-        [parent]
-      );
-    },
-    [client, workspaceId, sessionId, rootPath, route, runOptimistic, t]
-  );
-  const deleteEntry = useCallback(
-    async (path, recursive = false) => {
-      if (!sessionId) throw new Error("no session");
-      await runOptimistic(
-        "delete",
-        (nodes) => removeNode(nodes, path, rootPath),
-        () => client.fsDelete(workspaceId, sessionId, {
-          path,
-          recursive,
-          ...route ? { route } : {}
-        }),
-        [parentWithinTree(path, rootPath)]
-      );
-    },
-    [client, workspaceId, sessionId, rootPath, route, runOptimistic]
-  );
-  const moveEntry = useCallback(
-    async (path, newPath, opts) => {
-      if (!sessionId) throw new Error("no session");
-      const from = parentWithinTree(path, rootPath);
-      const to = parentWithinTree(newPath, rootPath);
-      await runOptimistic(
-        "move",
-        (nodes) => {
-          const moving = findNodeByPath(nodes, path);
-          if (!moving) return nodes;
-          const moved = repathNode(moving, path, newPath);
-          return insertNode(removeNode(nodes, path, rootPath), to, moved, rootPath);
-        },
-        () => client.fsMove(workspaceId, sessionId, {
-          path,
-          newPath,
-          overwrite: opts?.overwrite ?? false,
-          ...route ? { route } : {}
-        }),
-        to === from ? [from] : [from, to]
-      );
-    },
-    [client, workspaceId, sessionId, rootPath, route, runOptimistic]
-  );
-  const captureRef = useRef(capture);
-  captureRef.current = capture;
-  const captureRevision = capture?.revision ?? null;
-  const previousIdentityRef = useRef(identityKey);
-  useEffect(() => {
-    refreshAbortRef.current?.abort();
-    refreshAbortRef.current = null;
-    refreshGenerationRef.current += 1;
-    eventReadAbortRef.current.abort();
-    eventReadAbortRef.current = new AbortController();
-    const identityChanged = previousIdentityRef.current !== identityKey;
-    previousIdentityRef.current = identityKey;
-    if (identityChanged || !enabled) {
-      if (identityChanged) eventReconcileInFlightRef.current = null;
-      identityAbortRef.current.abort();
-      identityAbortRef.current = new AbortController();
-      identityGenerationRef.current += 1;
-      lastSeqRef.current = 0;
-      pendingParentsRef.current = /* @__PURE__ */ new Set();
-      pendingGitRef.current = false;
-      eventReconcilePendingRef.current = false;
-      if (debounceRef.current) {
-        clearTimeout(debounceRef.current);
-        debounceRef.current = null;
-      }
-      ownRevisionsRef.current = /* @__PURE__ */ new Set();
-      statusRef.current = /* @__PURE__ */ new Map();
-      treeRef.current = [];
-      setTree([]);
-      setStateIdentity(identityKey);
-      setExpandingPaths(/* @__PURE__ */ new Set());
-      sourceRef.current = null;
-      setSource(null);
-      setLoading(false);
-      setError(null);
-      setGitSummary(null);
-      setGitLoading(false);
-      setContentRevision(0);
-    }
-    if (!enabled) {
-      return;
-    }
-    const currentCapture = captureRevision !== null ? captureRef.current : null;
-    if (currentCapture && (identityChanged || !isLive || sourceRef.current !== "live")) {
-      seedFromCapture(currentCapture);
-    }
-    if (!active) {
-      if (!active) {
-        setLoading(false);
-        setGitLoading(false);
-      }
-      return;
-    }
-    if (isLive || !hasLiveIoFence && !currentCapture) {
-      void refresh();
-    }
-    return () => {
-      refreshAbortRef.current?.abort();
-      refreshAbortRef.current = null;
-      refreshGenerationRef.current += 1;
-      eventReadAbortRef.current.abort();
-      eventReconcilePendingRef.current = false;
-    };
-  }, [
-    enabled,
-    active,
-    isLive,
-    hasLiveIoFence,
-    captureRevision,
-    identityKey,
-    refresh,
-    seedFromCapture
-  ]);
-  const refreshGitOverlay = useCallback(
-    async (requestSignal) => {
-      if (!sessionId) return;
-      const identityGeneration = identityGenerationRef.current;
-      const identitySignal = identityAbortRef.current.signal;
-      const signal = requestSignal ? AbortSignal.any([identitySignal, requestSignal]) : identitySignal;
-      setGitLoading(true);
-      try {
-        const batch = await client.gitReadBatch(
-          workspaceId,
-          sessionId,
-          { requests: repoPaths.map((root) => ({ status: { path: root } })) },
-          { signal }
-        );
-        const statuses = batch.results.map((result, index) => ({
-          root: repoPaths[index] ?? "",
-          status: result.status
-        }));
-        if (identityGenerationRef.current !== identityGeneration) return;
-        const overlay = /* @__PURE__ */ new Map();
-        for (const { root, status } of statuses) {
-          for (const file of status.files) {
-            const code = file.worktree ?? file.index;
-            const mapped = code ? GIT_STATUS_TO_TREE[code] : void 0;
-            if (mapped) overlay.set(qualifyStatusPath(root, file.path, rootPath), mapped);
-          }
-        }
-        statusRef.current = overlay;
-        setGitSummary(summarizeStatuses(statuses));
-        setTree((prev) => applyStatus(prev));
-      } catch {
-      } finally {
-        if (identityGenerationRef.current === identityGeneration) setGitLoading(false);
-      }
-    },
-    [client, workspaceId, sessionId, repoPaths, rootPath, applyStatus]
-  );
-  const performEventReconcile = useCallback(async () => {
-    const parents = pendingParentsRef.current;
-    pendingParentsRef.current = /* @__PURE__ */ new Set();
-    const wantGit = pendingGitRef.current;
-    pendingGitRef.current = false;
-    const signal = eventReadAbortRef.current.signal;
-    const paths = [...parents];
-    await reconcilePaths(paths, signal);
-    if (wantGit) await refreshGitOverlay(signal);
-  }, [reconcilePaths, refreshGitOverlay]);
-  const performEventReconcileRef = useRef(performEventReconcile);
-  performEventReconcileRef.current = performEventReconcile;
-  const reconcilePendingEvents = useCallback(async () => {
-    eventReconcilePendingRef.current = true;
-    const existing = eventReconcileInFlightRef.current;
-    if (existing) return await existing;
-    const identityGeneration = identityGenerationRef.current;
-    const run = (async () => {
-      while (eventReconcilePendingRef.current && identityGenerationRef.current === identityGeneration) {
-        eventReconcilePendingRef.current = false;
-        await performEventReconcileRef.current();
-      }
-    })();
-    eventReconcileInFlightRef.current = run;
-    try {
-      await run;
-    } finally {
-      if (eventReconcileInFlightRef.current === run) eventReconcileInFlightRef.current = null;
-    }
-  }, []);
-  const events = options.events;
-  useEffect(() => {
-    if (!enabled || !events) return;
-    if (!active || !acceptsEventReads) {
-      for (const event of events) {
-        if (event.sequence > lastSeqRef.current) lastSeqRef.current = event.sequence;
-      }
-      if (debounceRef.current) {
-        clearTimeout(debounceRef.current);
-        debounceRef.current = null;
-      }
-      pendingParentsRef.current = /* @__PURE__ */ new Set();
-      pendingGitRef.current = false;
-      eventReconcilePendingRef.current = false;
-      return;
-    }
-    let sawNew = false;
-    let contentChanged = false;
-    for (const event of events) {
-      if (event.sequence <= lastSeqRef.current) continue;
-      if (event.type === "fs.changed") {
-        sawNew = true;
-        const payload = event.payload;
-        if (!payload || typeof payload !== "object") continue;
-        if (payload.source === "write") continue;
-        if (typeof payload.revision === "number" && ownRevisionsRef.current.has(payload.revision))
-          continue;
-        contentChanged = true;
-        for (const change of payload.changes ?? []) {
-          pendingParentsRef.current.add(parentWithinTree(change.path, rootPath));
-          if (change.oldPath) {
-            pendingParentsRef.current.add(parentWithinTree(change.oldPath, rootPath));
-          }
-        }
-      } else if (event.type === "git.changed") {
-        sawNew = true;
-        const payload = event.payload;
-        if (payload && typeof payload === "object" && typeof payload.revision === "number" && ownRevisionsRef.current.has(payload.revision))
-          continue;
-        pendingGitRef.current = true;
-      }
-    }
-    for (const event of events)
-      if (event.sequence > lastSeqRef.current) lastSeqRef.current = event.sequence;
-    if (!sawNew) return;
-    if (contentChanged) setContentRevision((revision) => revision + 1);
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    const identityGeneration = identityGenerationRef.current;
-    debounceRef.current = setTimeout(() => {
-      debounceRef.current = null;
-      if (identityGenerationRef.current !== identityGeneration) return;
-      if (!acceptsEventReadsRef.current) {
-        pendingParentsRef.current = /* @__PURE__ */ new Set();
-        pendingGitRef.current = false;
-        return;
-      }
-      void reconcilePendingEvents();
-    }, 150);
-  }, [enabled, active, acceptsEventReads, events, rootPath, reconcilePendingEvents]);
-  useEffect(() => {
-    if (active && acceptsEventReads) return;
-    if (debounceRef.current) {
-      clearTimeout(debounceRef.current);
-      debounceRef.current = null;
-    }
-    pendingParentsRef.current = /* @__PURE__ */ new Set();
-    pendingGitRef.current = false;
-    eventReconcilePendingRef.current = false;
-  }, [active, acceptsEventReads]);
-  useEffect(
-    () => () => {
-      refreshAbortRef.current?.abort();
-      identityAbortRef.current.abort();
-      eventReadAbortRef.current.abort();
-      eventReconcilePendingRef.current = false;
-      identityGenerationRef.current += 1;
-      if (debounceRef.current) clearTimeout(debounceRef.current);
-    },
-    []
-  );
-  const identityMatches = enabled && stateIdentity === identityKey;
-  return {
-    tree: identityMatches ? tree : [],
-    expand,
-    expandingPaths: identityMatches ? expandingPaths : /* @__PURE__ */ new Set(),
-    readFile,
-    writeFile,
-    createFile,
-    createDir,
-    deleteEntry,
-    moveEntry,
-    refresh,
-    contentRevision: identityMatches ? contentRevision : 0,
-    source: identityMatches ? source : null,
-    capturedAt: identityMatches && source === "capture" ? capture?.capturedAt ?? null : null,
-    gitSummary: identityMatches ? gitSummary : null,
-    gitLoading: identityMatches && gitLoading,
-    loading: identityMatches && loading,
-    error: identityMatches ? error : null
-  };
-}
-
-// src/file-node-visibility.ts
-function pathIsInsideDirectory(path, directory) {
-  if (!path.startsWith(directory) || path === directory) return false;
-  if (directory.endsWith("/") || directory.endsWith("\\")) return true;
-  const boundary = path[directory.length];
-  return boundary === "/" || boundary === "\\";
-}
-function visibleFileTree(nodes, predicate, parent = null, depth = 0) {
-  if (!predicate) return nodes;
-  const visible = [];
-  for (const node of nodes) {
-    if (!predicate(node, { depth, parent })) continue;
-    visible.push(
-      node.children === void 0 ? node : {
-        ...node,
-        children: visibleFileTree(node.children, predicate, node, depth + 1)
-      }
-    );
-  }
-  return visible;
-}
-function filePathVisibility(nodes, path, predicate, parent = null, depth = 0) {
-  if (!predicate) return "visible";
-  for (const node of nodes) {
-    if (node.path !== path && !pathIsInsideDirectory(path, node.path)) continue;
-    if (!predicate(node, { depth, parent })) return "hidden";
-    if (node.path === path) return "visible";
-    if (node.kind !== "dir" || node.children === void 0) return "unknown";
-    return filePathVisibility(node.children, path, predicate, node, depth + 1);
-  }
-  return "unknown";
-}
-
-// src/components/file-browser.tsx
-import {
-  ChevronRightIcon,
-  FileIcon,
-  FilePlusIcon,
-  FolderIcon,
-  FolderPlusIcon,
-  PencilIcon,
-  RefreshCwIcon,
-  TriangleAlertIcon,
-  Trash2Icon
-} from "lucide-react";
-import {
-  useCallback as useCallback2,
-  useEffect as useEffect3,
-  useId,
-  useLayoutEffect,
-  useMemo as useMemo3,
-  useRef as useRef2,
-  useState as useState2
-} from "react";
-import { AlertDialog } from "radix-ui";
-import { VList } from "virtua";
-
-// src/lib/use-unicode-fonts.ts
-import { useEffect as useEffect2, useMemo as useMemo2 } from "react";
-var japaneseScript = /[\u3040-\u30ff\u3400-\u4dbf\u4e00-\u9fff\uf900-\ufaff]/u;
-var arabicScript = /[\u0600-\u06ff\u0750-\u077f\u0870-\u08ff\ufb50-\ufdff\ufe70-\ufefc]/u;
-function useUnicodeFallbackFonts(values) {
-  const content = useMemo2(() => collectUnicodeContent(values), [values]);
-  useEffect2(() => {
-    if (content.japanese) {
-      void import("./noto-sans-jp-loader.generated-MR5L6V7K.js").then(({ loadNotoSansJp }) => loadNotoSansJp(content.japanese)).catch(() => void 0);
-    }
-    if (content.arabic) {
-      void import("./noto-sans-arabic-loader-XSH2KYWJ.js").then(({ loadNotoSansArabic }) => loadNotoSansArabic()).catch(() => void 0);
-    }
-  }, [content.arabic, content.japanese]);
-}
-function collectUnicodeContent(values) {
-  const japanese = /* @__PURE__ */ new Set();
-  const arabic = /* @__PURE__ */ new Set();
-  for (const value of values) {
-    for (const character of value) {
-      if (japaneseScript.test(character)) japanese.add(character);
-      if (arabicScript.test(character)) arabic.add(character);
-    }
-  }
-  return { japanese: [...japanese].join(""), arabic: [...arabic].join("") };
-}
-
-// src/components/file-browser.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var STATUS_TINT = {
-  added: "text-og-status-idle",
-  modified: "text-og-status-running",
-  deleted: "text-og-status-failed line-through",
-  renamed: "text-og-accent",
-  untracked: "text-og-fg-subtle"
-};
-var useBrowserLayoutEffect = typeof window === "undefined" ? useEffect3 : useLayoutEffect;
-function parentOf2(path) {
-  const i = path.lastIndexOf("/");
-  return i <= 0 ? "" : path.slice(0, i);
-}
-function joinPath(parent, name) {
-  return parent ? `${parent}/${name}` : name;
-}
-function itemKey(item) {
-  switch (item.type) {
-    case "node":
-      return item.node.path;
-    case "create":
-      return `create:${item.parent}`;
-    case "skeleton":
-      return `skeleton:${item.path}`;
-    case "residue":
-      return `residue:${item.path}`;
-  }
-}
-function pathIsInsideDirectory2(path, directory) {
-  if (!path.startsWith(directory) || path === directory) return false;
-  if (directory.endsWith("/") || directory.endsWith("\\")) return true;
-  const boundary = path[directory.length];
-  return boundary === "/" || boundary === "\\";
-}
-function findNode(nodes, path) {
-  for (const node of nodes) {
-    if (node.path === path) return node;
-    if (node.kind === "dir" && node.children && pathIsInsideDirectory2(path, node.path)) {
-      const hit = findNode(node.children, path);
-      if (hit) return hit;
-    }
-  }
-  return void 0;
-}
-function traceRevealPath(nodes, targetPath) {
-  for (const node of nodes) {
-    if (node.path === targetPath) {
-      return {
-        directories: node.kind === "dir" ? [node.path] : [],
-        frontier: node.kind === "dir" && node.children === void 0 ? node.path : null
-      };
-    }
-    if (node.kind !== "dir" || !pathIsInsideDirectory2(targetPath, node.path)) continue;
-    if (node.children === void 0) {
-      return { directories: [node.path], frontier: node.path };
-    }
-    const child = traceRevealPath(node.children, targetPath);
-    return {
-      directories: [node.path, ...child.directories],
-      frontier: child.frontier
-    };
-  }
-  return { directories: [], frontier: null };
-}
-function FileBrowser({
-  result,
-  fallback,
-  onSelectFile,
-  selectedPath,
-  isNodeVisible,
-  revealPath,
-  revealPathRequestId,
-  renderNode,
-  emptyState,
-  editable = true,
-  confirmDelete,
-  className
-}) {
-  const t = useOpenGeniText();
-  const [expanded, setExpanded] = useState2(/* @__PURE__ */ new Set());
-  const [loadingPaths, setLoadingPaths] = useState2(/* @__PURE__ */ new Set());
-  const [active, setActive] = useState2(null);
-  const [draftCreate, setDraftCreate] = useState2(null);
-  const [draftRename, setDraftRename] = useState2(null);
-  const [dragOver, setDragOver] = useState2(null);
-  const [menu, setMenu] = useState2(null);
-  const [pendingDelete, setPendingDelete] = useState2(null);
-  const [busy, setBusy] = useState2(false);
-  const [coarsePointer, setCoarsePointer] = useState2(false);
-  const [revealRequest, setRevealRequest] = useState2(null);
-  const handledRevealRequestRef = useRef2(null);
-  const attemptedRevealPathsRef = useRef2(/* @__PURE__ */ new Set());
-  const treeId = useId();
-  const container = usePortalTokenSource();
-  const containerRef = container.currentRef;
-  const deleteReturnFocusRef = useRef2(null);
-  const vlistRef = useRef2(null);
-  const portalTokenStyle = usePortalTokenStyle(container.source);
-  const getTreeElement = useCallback2(
-    () => typeof document === "undefined" ? null : document.getElementById(treeId),
-    [treeId]
-  );
-  const visibleTree = useMemo3(
-    () => visibleFileTree(result.tree, isNodeVisible),
-    [isNodeVisible, result.tree]
-  );
-  useBrowserLayoutEffect(() => {
-    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
-    const query = window.matchMedia("(pointer: coarse)");
-    const update = () => setCoarsePointer(query.matches);
-    update();
-    if (typeof query.addEventListener === "function") {
-      query.addEventListener("change", update);
-      return () => query.removeEventListener("change", update);
-    }
-    if (typeof query.addListener === "function") {
-      query.addListener(update);
-      return () => query.removeListener(update);
-    }
-  }, []);
-  const effectiveRevealRequestId = revealPath ? revealPathRequestId ?? revealPath : null;
-  useEffect3(() => {
-    if (!revealPath || effectiveRevealRequestId === null) {
-      setRevealRequest(null);
-      return;
-    }
-    const handled = handledRevealRequestRef.current;
-    if (handled?.path === revealPath && handled.requestId === effectiveRevealRequestId) return;
-    handledRevealRequestRef.current = {
-      path: revealPath,
-      requestId: effectiveRevealRequestId
-    };
-    attemptedRevealPathsRef.current = /* @__PURE__ */ new Set();
-    setActive(null);
-    setRevealRequest({ path: revealPath, requestId: effectiveRevealRequestId });
-  }, [effectiveRevealRequestId, revealPath]);
-  const visibleActive = active && findNode(visibleTree, active) ? active : null;
-  const cursor = visibleActive ?? (selectedPath && findNode(visibleTree, selectedPath) ? selectedPath : null);
-  useEffect3(() => {
-    if (active !== null && visibleActive === null) setActive(null);
-  }, [active, visibleActive]);
-  const expand = useCallback2(
-    async (path) => {
-      const node = findNode(visibleTree, path);
-      if (node && node.kind === "dir" && node.children === void 0) {
-        setLoadingPaths((prev) => new Set(prev).add(path));
-        try {
-          await result.expand(path);
-        } finally {
-          setLoadingPaths((prev) => {
-            const next = new Set(prev);
-            next.delete(path);
-            return next;
-          });
-        }
-      }
-    },
-    [result, visibleTree]
-  );
-  const open = useCallback2(
-    (path) => {
-      setExpanded((prev) => new Set(prev).add(path));
-      void expand(path);
-    },
-    [expand]
-  );
-  useEffect3(() => {
-    if (!revealRequest) return;
-    const trace = traceRevealPath(visibleTree, revealRequest.path);
-    if (trace.directories.length > 0) {
-      setExpanded((previous) => {
-        const next = new Set(previous);
-        let changed = false;
-        for (const path of trace.directories) {
-          if (next.has(path)) continue;
-          next.add(path);
-          changed = true;
-        }
-        return changed ? next : previous;
-      });
-    }
-    const frontier = trace.frontier;
-    if (!frontier || attemptedRevealPathsRef.current.has(frontier) || loadingPaths.has(frontier) || result.expandingPaths.has(frontier)) {
-      return;
-    }
-    attemptedRevealPathsRef.current.add(frontier);
-    void expand(frontier);
-  }, [expand, loadingPaths, result.expandingPaths, revealRequest, visibleTree]);
-  const toggle = useCallback2(
-    async (node) => {
-      if (node.kind !== "dir") return;
-      const isOpen = expanded.has(node.path);
-      setExpanded((prev) => {
-        const next = new Set(prev);
-        if (isOpen) next.delete(node.path);
-        else next.add(node.path);
-        return next;
-      });
-      if (!isOpen) await expand(node.path);
-    },
-    [expanded, expand]
-  );
-  const cold = result.source !== "live";
-  const renderItems = useMemo3(() => {
-    const items = [];
-    if (draftCreate && draftCreate.parent === "") {
-      items.push({ type: "create", parent: "", kind: draftCreate.kind, depth: 0 });
-    }
-    const walk = (nodes, depth) => {
-      for (const node of nodes) {
-        items.push({ type: "node", node, depth });
-        if (node.kind !== "dir" || !expanded.has(node.path)) continue;
-        if (draftCreate && draftCreate.parent === node.path) {
-          items.push({
-            type: "create",
-            parent: node.path,
-            kind: draftCreate.kind,
-            depth: depth + 1
-          });
-        }
-        const childless = node.children === void 0 || node.children.length === 0;
-        const isLoading = loadingPaths.has(node.path) || result.expandingPaths.has(node.path);
-        if (node.truncated && childless && cold && !isLoading) {
-          items.push({ type: "residue", path: node.path, depth: depth + 1 });
-        } else if (node.children && node.children.length > 0) {
-          walk(node.children, depth + 1);
-        } else if (isLoading && childless) {
-          items.push({ type: "skeleton", path: node.path, depth: depth + 1 });
-        }
-      }
-    };
-    walk(visibleTree, 0);
-    return items;
-  }, [visibleTree, expanded, draftCreate, loadingPaths, result.expandingPaths, cold]);
-  const unicodeFontPaths = useMemo3(
-    () => renderItems.flatMap((item) => item.type === "node" ? [item.node.path] : []),
-    [renderItems]
-  );
-  useUnicodeFallbackFonts(unicodeFontPaths);
-  const flatRows = useMemo3(
-    () => renderItems.flatMap(
-      (item) => item.type === "node" ? [{ node: item.node, depth: item.depth }] : []
-    ),
-    [renderItems]
-  );
-  const rowIndexByPath = useMemo3(
-    () => new Map(flatRows.map((row, index) => [row.node.path, index])),
-    [flatRows]
-  );
-  const treePositionByPath = useMemo3(() => {
-    const positions = /* @__PURE__ */ new Map();
-    const visit = (nodes) => {
-      nodes.forEach((node, index) => {
-        positions.set(node.path, { position: index + 1, setSize: nodes.length });
-        if (node.children) visit(node.children);
-      });
-    };
-    visit(visibleTree);
-    return positions;
-  }, [visibleTree]);
-  const cursorIndex = cursor ? rowIndexByPath.get(cursor) ?? -1 : -1;
-  const activeDescendantId = cursorIndex >= 0 ? `${treeId}-item-${cursorIndex}` : void 0;
-  const supportsMutation = editable && result.source === "live" && result.error === null && !result.loading;
-  const performDelete = useCallback2(
-    async (node) => {
-      if (!supportsMutation) return;
-      const recursive = node.kind === "dir";
-      setBusy(true);
-      try {
-        await result.deleteEntry(node.path, recursive);
-      } catch {
-      } finally {
-        setBusy(false);
-      }
-    },
-    [supportsMutation, result]
-  );
-  const runDelete = useCallback2(
-    async (node, returnFocus) => {
-      if (!supportsMutation) return;
-      setMenu(null);
-      if (!confirmDelete) {
-        deleteReturnFocusRef.current = returnFocus ?? (typeof document !== "undefined" && document.activeElement instanceof HTMLElement ? document.activeElement : null);
-        setPendingDelete(node);
-        return;
-      }
-      if (await confirmDelete(node)) await performDelete(node);
-    },
-    [supportsMutation, confirmDelete, performDelete]
-  );
-  const closePendingDelete = useCallback2(
-    (restoreTrigger) => {
-      const returnTarget = restoreTrigger ? deleteReturnFocusRef.current : getTreeElement();
-      deleteReturnFocusRef.current = null;
-      setPendingDelete(null);
-      if (typeof window !== "undefined") {
-        window.requestAnimationFrame(() => {
-          const target = returnTarget?.isConnected ? returnTarget : getTreeElement();
-          target?.focus();
-        });
-      }
-    },
-    [getTreeElement]
-  );
-  const commitCreate = useCallback2(
-    async (name) => {
-      const draft = draftCreate;
-      setDraftCreate(null);
-      if (!draft || !supportsMutation) return;
-      const trimmed = name.trim().replace(/\/+$/, "");
-      if (!trimmed) return;
-      const path = joinPath(draft.parent, trimmed);
-      setBusy(true);
-      try {
-        if (draft.kind === "dir") {
-          await result.createDir(path);
-          open(path);
-        } else {
-          await result.createFile(path);
-          setActive(path);
-          onSelectFile?.(path);
-        }
-      } catch {
-      } finally {
-        setBusy(false);
-      }
-    },
-    [draftCreate, supportsMutation, result, open, onSelectFile]
-  );
-  const commitRename = useCallback2(
-    async (name) => {
-      const draft = draftRename;
-      setDraftRename(null);
-      if (!draft || !supportsMutation) return;
-      const node = findNode(visibleTree, draft.path);
-      const trimmed = name.trim().replace(/\/+$/, "");
-      if (!node || !trimmed || trimmed === node.name) return;
-      const newPath = joinPath(parentOf2(draft.path), trimmed);
-      setBusy(true);
-      try {
-        await result.moveEntry(draft.path, newPath);
-        if (node.kind === "file" && (selectedPath === draft.path || active === draft.path)) {
-          setActive(newPath);
-          onSelectFile?.(newPath);
-        }
-      } catch {
-      } finally {
-        setBusy(false);
-      }
-    },
-    [draftRename, supportsMutation, result, selectedPath, active, onSelectFile, visibleTree]
-  );
-  const startCreate = useCallback2(
-    (kind) => {
-      if (!supportsMutation) return;
-      const anchor = cursor ? findNode(visibleTree, cursor) : void 0;
-      const parent = anchor ? anchor.kind === "dir" ? anchor.path : parentOf2(anchor.path) : "";
-      if (parent) open(parent);
-      setDraftRename(null);
-      setMenu(null);
-      setDraftCreate({ parent, kind });
-    },
-    [supportsMutation, cursor, open, visibleTree]
-  );
-  const startRename = useCallback2(
-    (node) => {
-      if (!supportsMutation) return;
-      setDraftCreate(null);
-      setMenu(null);
-      setDraftRename({ path: node.path });
-    },
-    [supportsMutation]
-  );
-  const onDropOnto = useCallback2(
-    async (targetDir, sourcePath) => {
-      setDragOver(null);
-      if (!supportsMutation || !sourcePath) return;
-      const src = findNode(visibleTree, sourcePath);
-      if (!src) return;
-      if (parentOf2(sourcePath) === targetDir) return;
-      if (targetDir === sourcePath || targetDir.startsWith(`${sourcePath}/`)) return;
-      const newPath = joinPath(targetDir, src.name);
-      if (newPath === sourcePath) return;
-      setBusy(true);
-      try {
-        await result.moveEntry(sourcePath, newPath);
-        if (src.kind === "file" && (selectedPath === sourcePath || active === sourcePath)) {
-          setActive(newPath);
-          onSelectFile?.(newPath);
-        }
-      } catch {
-      } finally {
-        setBusy(false);
-      }
-    },
-    [supportsMutation, result, selectedPath, active, onSelectFile, visibleTree]
-  );
-  const onKeyDown = useCallback2(
-    (e) => {
-      if (draftCreate || draftRename) return;
-      if (flatRows.length === 0) return;
-      const idx = flatRows.findIndex((r) => r.node.path === cursor);
-      const move = (next) => {
-        const clamped = Math.max(0, Math.min(flatRows.length - 1, next));
-        const row = flatRows[clamped];
-        if (row) setActive(row.node.path);
-        e.preventDefault();
-      };
-      const cur = idx >= 0 ? flatRows[idx] : void 0;
-      switch (e.key) {
-        case "ArrowDown":
-          move(idx < 0 ? 0 : idx + 1);
-          break;
-        case "ArrowUp":
-          move(idx < 0 ? 0 : idx - 1);
-          break;
-        case "Home":
-          move(0);
-          break;
-        case "End":
-          move(flatRows.length - 1);
-          break;
-        case "PageDown": {
-          const pageSize = Math.max(
-            1,
-            Math.floor((containerRef.current?.clientHeight || 280) / (coarsePointer ? 44 : 28)) - 1
-          );
-          move((idx < 0 ? 0 : idx) + pageSize);
-          break;
-        }
-        case "PageUp": {
-          const pageSize = Math.max(
-            1,
-            Math.floor((containerRef.current?.clientHeight || 280) / (coarsePointer ? 44 : 28)) - 1
-          );
-          move((idx < 0 ? 0 : idx) - pageSize);
-          break;
-        }
-        case "ArrowRight":
-          if (cur?.node.kind === "dir") {
-            if (!expanded.has(cur.node.path)) open(cur.node.path);
-            else move(idx + 1);
-            e.preventDefault();
-          }
-          break;
-        case "ArrowLeft":
-          if (cur) {
-            if (cur.node.kind === "dir" && expanded.has(cur.node.path)) {
-              setExpanded((prev) => {
-                const n = new Set(prev);
-                n.delete(cur.node.path);
-                return n;
-              });
-            } else {
-              const parent = parentOf2(cur.node.path);
-              if (parent) setActive(parent);
-            }
-            e.preventDefault();
-          }
-          break;
-        case "Enter":
-          if (cur) {
-            if (cur.node.kind === "dir") void toggle(cur.node);
-            else onSelectFile?.(cur.node.path);
-            e.preventDefault();
-          }
-          break;
-        case "ContextMenu":
-        case "F10":
-          if (cur && supportsMutation && (e.key === "ContextMenu" || e.shiftKey)) {
-            const rowIndex = rowIndexByPath.get(cur.node.path) ?? 0;
-            const row = document.getElementById(`${treeId}-item-${rowIndex}`);
-            const rect = row?.getBoundingClientRect();
-            setMenu({
-              node: cur.node,
-              x: rect ? rect.left + Math.min(32, rect.width / 2) : 8,
-              y: rect ? rect.bottom : 8
-            });
-            e.preventDefault();
-          } else if (e.key === "F10") {
-            break;
-          }
-          break;
-        case "F2":
-          if (cur) {
-            startRename(cur.node);
-            e.preventDefault();
-          }
-          break;
-        case "Delete":
-        case "Backspace":
-          if (cur && supportsMutation) {
-            void runDelete(cur.node);
-            e.preventDefault();
-          }
-          break;
-      }
-    },
-    [
-      draftCreate,
-      draftRename,
-      flatRows,
-      cursor,
-      expanded,
-      open,
-      toggle,
-      onSelectFile,
-      startRename,
-      runDelete,
-      supportsMutation,
-      coarsePointer,
-      containerRef,
-      rowIndexByPath,
-      treeId
-    ]
-  );
-  useEffect3(() => {
-    if (!menu) return;
-    const close = () => setMenu(null);
-    window.addEventListener("click", close);
-    window.addEventListener("scroll", close, true);
-    window.addEventListener("resize", close);
-    return () => {
-      window.removeEventListener("click", close);
-      window.removeEventListener("scroll", close, true);
-      window.removeEventListener("resize", close);
-    };
-  }, [menu]);
-  const showErrorEmpty = result.error && visibleTree.length === 0 && !draftCreate;
-  const showDegradedTree = result.error && visibleTree.length > 0;
-  const showEmpty = !result.loading && visibleTree.length === 0 && !draftCreate;
-  const showToolbar = supportsMutation || result.loading;
-  const usesVirtualTree = !showErrorEmpty && !showEmpty && renderItems.length > 500;
-  const renderNodeRow = (node, depth) => {
-    const isOpen = expanded.has(node.path);
-    if (renderNode) {
-      return /* @__PURE__ */ jsx("div", { children: renderNode(node, depth, isOpen) });
-    }
-    const isDir = node.kind === "dir";
-    const isSelected = node.path === selectedPath || node.path === active;
-    const isCursor = node.path === cursor;
-    const isLoading = loadingPaths.has(node.path) || result.expandingPaths.has(node.path);
-    const isRenaming = draftRename?.path === node.path;
-    const isDropTarget = dragOver === (isDir ? node.path : parentOf2(node.path));
-    const dropDir = isDir ? node.path : parentOf2(node.path);
-    const treePosition = treePositionByPath.get(node.path);
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        id: `${treeId}-item-${rowIndexByPath.get(node.path) ?? 0}`,
-        role: "treeitem",
-        "aria-level": depth + 1,
-        "aria-posinset": treePosition?.position,
-        "aria-setsize": treePosition?.setSize,
-        "aria-expanded": isDir ? isOpen : void 0,
-        "aria-selected": isCursor || void 0,
-        "aria-busy": isLoading || void 0,
-        onDragOver: supportsMutation ? (e) => {
-          e.preventDefault();
-          e.dataTransfer.dropEffect = "move";
-          setDragOver(dropDir);
-        } : void 0,
-        onDragLeave: supportsMutation ? (e) => {
-          e.stopPropagation();
-          setDragOver((cur) => cur === dropDir ? null : cur);
-        } : void 0,
-        onDrop: supportsMutation ? (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          const src = e.dataTransfer.getData("text/og-path");
-          void onDropOnto(dropDir, src);
-        } : void 0,
-        children: isRenaming ? /* @__PURE__ */ jsx(
-          InlineInput,
-          {
-            depth,
-            kind: node.kind,
-            initialValue: node.name,
-            onCommit: (name) => void commitRename(name),
-            onCancel: () => setDraftRename(null)
-          }
-        ) : /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            tabIndex: -1,
-            draggable: supportsMutation || void 0,
-            onDragStart: supportsMutation ? (e) => {
-              e.dataTransfer.setData("text/og-path", node.path);
-              e.dataTransfer.effectAllowed = "move";
-            } : void 0,
-            onClick: () => {
-              setActive(node.path);
-              if (isDir) void toggle(node);
-              else onSelectFile?.(node.path);
-            },
-            onDoubleClick: () => supportsMutation && startRename(node),
-            onContextMenu: (e) => {
-              if (!supportsMutation) return;
-              e.preventDefault();
-              setActive(node.path);
-              setMenu({ node, x: e.clientX, y: e.clientY });
-            },
-            className: cn(
-              "group relative flex min-h-7 w-full items-center gap-1 truncate rounded-og-sm px-1 py-0.5 text-left text-og-sm pointer-coarse:min-h-11",
-              "hover:bg-og-surface-2",
-              isSelected && "bg-og-surface-2",
-              isCursor && "outline outline-1 -outline-offset-1 outline-og-accent",
-              isDropTarget && "bg-og-accent-soft ring-1 ring-inset ring-og-accent",
-              // A thin progress shimmer on the expanding row — no per-node spinner.
-              isLoading && "after:pointer-events-none after:absolute after:inset-x-1 after:bottom-0 after:h-px after:animate-pulse after:rounded-full after:bg-og-accent-soft",
-              node.status ? STATUS_TINT[node.status] : void 0
-            ),
-            style: { paddingLeft: `${depth * 12 + 4}px` },
-            children: [
-              isDir ? /* @__PURE__ */ jsx(
-                ChevronRightIcon,
-                {
-                  className: cn(
-                    "size-3 shrink-0 transition-transform",
-                    isOpen && "rotate-90",
-                    isLoading && "text-og-accent"
-                  )
-                }
-              ) : /* @__PURE__ */ jsx("span", { className: "inline-block w-3 shrink-0" }),
-              isDir ? /* @__PURE__ */ jsx(FolderIcon, { className: "size-3.5 shrink-0" }) : /* @__PURE__ */ jsx(FileIcon, { className: "size-3.5 shrink-0" }),
-              /* @__PURE__ */ jsx("span", { className: "truncate", children: node.name }),
-              supportsMutation && /* @__PURE__ */ jsx(
-                "span",
-                {
-                  role: "button",
-                  tabIndex: -1,
-                  "aria-label": t("fileBrowser.moreActions"),
-                  onClick: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    setActive(node.path);
-                    const rect = e.currentTarget.getBoundingClientRect();
-                    setMenu({ node, x: rect.right, y: rect.bottom });
-                  },
-                  className: "ml-auto hidden shrink-0 px-1 text-og-fg-subtle hover:text-og-fg group-hover:inline",
-                  children: "\u22EF"
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  };
-  const renderItem = (item) => {
-    switch (item.type) {
-      case "node":
-        return renderNodeRow(item.node, item.depth);
-      case "create":
-        return /* @__PURE__ */ jsx(
-          InlineInput,
-          {
-            depth: item.depth,
-            kind: item.kind,
-            initialValue: "",
-            onCommit: (name) => void commitCreate(name),
-            onCancel: () => setDraftCreate(null)
-          }
-        );
-      case "skeleton":
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            role: "group",
-            "aria-hidden": true,
-            style: { paddingLeft: `${item.depth * 12 + 4}px` },
-            className: "space-y-1 py-1",
-            children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "h-2.5 animate-pulse rounded-og-sm bg-og-surface-2",
-                style: { width: `${70 - i * 12}%` }
-              },
-              i
-            ))
-          }
-        );
-      case "residue":
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: { paddingLeft: `${item.depth * 12 + 4}px` },
-            className: "flex items-center gap-1.5 py-0.5 pr-1 text-og-xs italic text-og-fg-subtle",
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "inline-block w-3 shrink-0" }),
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: t("fileBrowser.contentsOnMachineOpenWhen") })
-            ]
-          }
-        );
-    }
-  };
-  useEffect3(() => {
-    if (!cursor) return;
-    const index = renderItems.findIndex((it) => it.type === "node" && it.node.path === cursor);
-    if (index >= 0) vlistRef.current?.scrollToIndex(index);
-  }, [cursor, renderItems]);
-  useEffect3(() => {
-    if (!revealRequest) return;
-    const index = renderItems.findIndex(
-      (item) => item.type === "node" && item.node.path === revealRequest.path
-    );
-    if (index < 0) return;
-    if (usesVirtualTree) {
-      vlistRef.current?.scrollToIndex(index);
-    } else {
-      document.getElementById(`${treeId}-item-${index}`)?.scrollIntoView?.({ block: "nearest" });
-    }
-    setRevealRequest(
-      (current) => current?.path === revealRequest.path && current.requestId === revealRequest.requestId ? null : current
-    );
-  }, [renderItems, revealRequest, treeId, usesVirtualTree]);
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-0 min-w-0 flex-col", className), children: [
-    showToolbar && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: "toolbar",
-        "aria-label": t("fileBrowser.fileActions"),
-        className: "flex shrink-0 flex-wrap items-center gap-0.5 border-b border-og-border px-1 py-1",
-        children: [
-          supportsMutation ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              ToolbarButton,
-              {
-                label: t("fileBrowser.newFile"),
-                onClick: () => startCreate("file"),
-                disabled: busy,
-                children: /* @__PURE__ */ jsx(FilePlusIcon, { className: "size-3.5" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              ToolbarButton,
-              {
-                label: t("fileBrowser.newFolder"),
-                onClick: () => startCreate("dir"),
-                disabled: busy,
-                children: /* @__PURE__ */ jsx(FolderPlusIcon, { className: "size-3.5" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              ToolbarButton,
-              {
-                label: t("fileBrowser.rename"),
-                onClick: () => {
-                  const node = cursor ? findNode(visibleTree, cursor) : void 0;
-                  if (node) startRename(node);
-                },
-                disabled: busy || !cursor,
-                children: /* @__PURE__ */ jsx(PencilIcon, { className: "size-3.5" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              ToolbarButton,
-              {
-                label: t("fileBrowser.delete"),
-                onClick: (event) => {
-                  const node = cursor ? findNode(visibleTree, cursor) : void 0;
-                  if (node) void runDelete(node, event.currentTarget);
-                },
-                disabled: busy || !cursor,
-                children: /* @__PURE__ */ jsx(Trash2Icon, { className: "size-3.5" })
-              }
-            )
-          ] }) : null,
-          /* @__PURE__ */ jsx("span", { className: "ml-auto" }),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              label: t("fileBrowser.refresh"),
-              onClick: () => void result.refresh(),
-              disabled: busy || result.loading,
-              children: /* @__PURE__ */ jsx(RefreshCwIcon, { className: cn("size-3.5", result.loading && "animate-spin") })
-            }
-          )
-        ]
-      }
-    ),
-    showDegradedTree ? /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: "status",
-        "aria-live": "polite",
-        "data-opengeni-files-degraded": true,
-        className: "flex shrink-0 items-center gap-2 border-b border-og-status-running/30 bg-og-status-running/10 px-2 py-1.5 text-og-xs text-og-fg-muted",
-        children: [
-          /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-3.5 shrink-0 text-og-status-running", "aria-hidden": true }),
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: result.source === "capture" ? t("fileBrowser.liveFilesAreTemporarilyUnavailable") : t("fileBrowser.liveRefreshFailedShowingThe") }),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => void result.refresh(),
-              disabled: result.loading,
-              className: "inline-flex min-h-7 shrink-0 items-center gap-1 rounded-og-sm border border-og-border bg-og-surface-1 px-2 font-medium text-og-fg transition-colors hover:border-og-border-strong focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:min-h-11",
-              children: [
-                /* @__PURE__ */ jsx(
-                  RefreshCwIcon,
-                  {
-                    className: cn("size-3", result.loading && "animate-spin motion-reduce:animate-none"),
-                    "aria-hidden": true
-                  }
-                ),
-                t("fileBrowser.retry")
-              ]
-            }
-          )
-        ]
-      }
-    ) : null,
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: container.ref,
-        onFocus: (event) => {
-          if (event.target.id === treeId && cursorIndex < 0) {
-            const first = flatRows[0];
-            if (first) setActive(first.node.path);
-          }
-        },
-        onKeyDown,
-        onDragOver: supportsMutation ? (e) => {
-          e.preventDefault();
-          e.dataTransfer.dropEffect = "move";
-          setDragOver("");
-        } : void 0,
-        onDrop: supportsMutation ? (e) => {
-          e.preventDefault();
-          const src = e.dataTransfer.getData("text/og-path");
-          void onDropOnto("", src);
-        } : void 0,
-        className: cn(
-          "flex min-h-0 min-w-0 flex-1 flex-col p-1",
-          dragOver === "" && "ring-1 ring-inset ring-og-accent"
-        ),
-        "data-opengeni-file-tree": true,
-        children: showErrorEmpty ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-2 p-2 text-og-sm text-og-fg-subtle", children: [
-          /* @__PURE__ */ jsx("div", { children: fallback ?? t("fileBrowser.couldNotLoadFilesMessage", {
-            message: result.error?.message ?? t("fileBrowser.refreshTheFileListTo")
-          }) }),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => void result.refresh(),
-              disabled: result.loading,
-              className: "inline-flex items-center gap-1.5 rounded-og-sm border border-og-border px-2 py-1 text-og-xs font-medium text-og-fg-muted transition-colors hover:border-og-border-strong hover:text-og-fg disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:min-h-11",
-              children: [
-                /* @__PURE__ */ jsx(
-                  RefreshCwIcon,
-                  {
-                    className: cn("size-3.5", result.loading && "animate-spin"),
-                    "aria-hidden": true
-                  }
-                ),
-                t("fileBrowser.retry")
-              ]
-            }
-          )
-        ] }) : showEmpty ? /* @__PURE__ */ jsx("div", { className: "p-2 text-og-sm text-og-fg-subtle", children: emptyState ?? t("fileBrowser.thisDirectoryIsEmpty") }) : !usesVirtualTree ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            id: treeId,
-            role: "tree",
-            "aria-label": t("fileBrowser.workspaceFiles"),
-            "aria-activedescendant": activeDescendantId,
-            "aria-multiselectable": false,
-            tabIndex: 0,
-            className: "min-h-0 min-w-0 flex-1 overflow-auto outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent",
-            children: renderItems.map((item) => /* @__PURE__ */ jsx("div", { className: "min-w-0", children: renderItem(item) }, itemKey(item)))
-          }
-        ) : (
-          // Virtualized: only the rows in/near the viewport mount, so a 3k-node
-          // tree stays responsive. The flat item list already carries the
-          // expanded subtree + synthetic (create/skeleton/residue) rows.
-          /* @__PURE__ */ jsx(
-            VList,
-            {
-              ref: vlistRef,
-              id: treeId,
-              role: "tree",
-              "aria-label": t("fileBrowser.workspaceFiles"),
-              "aria-activedescendant": activeDescendantId,
-              "aria-multiselectable": false,
-              tabIndex: 0,
-              className: "min-h-0 flex-1 outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent",
-              itemSize: coarsePointer ? 44 : 28,
-              ssrCount: Math.min(32, renderItems.length),
-              children: renderItems.map((item) => /* @__PURE__ */ jsx("div", { className: "min-w-0", children: renderItem(item) }, itemKey(item)))
-            }
-          )
-        )
-      }
-    ),
-    menu && menu.node && /* @__PURE__ */ jsx(
-      ContextMenu,
-      {
-        node: menu.node,
-        x: menu.x,
-        y: menu.y,
-        onRename: () => menu.node && startRename(menu.node),
-        onDelete: () => menu.node && void runDelete(menu.node),
-        onNewFile: () => startCreate("file"),
-        onNewFolder: () => startCreate("dir"),
-        onClose: () => {
-          setMenu(null);
-          window.requestAnimationFrame(() => getTreeElement()?.focus());
-        }
-      }
-    ),
-    pendingDelete ? /* @__PURE__ */ jsx(
-      DeleteDialog,
-      {
-        node: pendingDelete,
-        busy,
-        portalTokenStyle,
-        onCancel: () => closePendingDelete(true),
-        onConfirm: () => {
-          const node = pendingDelete;
-          closePendingDelete(false);
-          void performDelete(node);
-        }
-      }
-    ) : null
-  ] });
-}
-function DeleteDialog({
-  node,
-  busy,
-  portalTokenStyle,
-  onCancel,
-  onConfirm
-}) {
-  const t = useOpenGeniText();
-  const portalContainer = usePortalContainer();
-  const cancelRef = useRef2(null);
-  const [open, setOpen] = useState2(true);
-  const closeIntentRef = useRef2("cancel");
-  const settledRef = useRef2(false);
-  const settleTimerRef = useRef2(null);
-  const settle = () => {
-    if (settledRef.current) return;
-    settledRef.current = true;
-    if (closeIntentRef.current === "confirm") {
-      onConfirm();
-    } else {
-      onCancel();
-    }
-  };
-  const scheduleSettle = () => {
-    if (settleTimerRef.current !== null) return;
-    settleTimerRef.current = setTimeout(() => {
-      settleTimerRef.current = null;
-      settle();
-    }, 0);
-  };
-  useEffect3(
-    () => () => {
-      if (settleTimerRef.current !== null) clearTimeout(settleTimerRef.current);
-    },
-    []
-  );
-  return /* @__PURE__ */ jsx(
-    AlertDialog.Root,
-    {
-      open,
-      onOpenChange: (nextOpen) => {
-        if (!nextOpen && !busy) {
-          setOpen(false);
-          scheduleSettle();
-        }
-      },
-      children: /* @__PURE__ */ jsxs(
-        AlertDialog.Portal,
-        {
-          container: portalContainer ?? (typeof document === "undefined" ? null : document.body),
-          children: [
-            /* @__PURE__ */ jsx(AlertDialog.Overlay, { className: "og-root fixed inset-0 z-[100] bg-black/45 backdrop-blur-[2px]" }),
-            /* @__PURE__ */ jsxs(
-              AlertDialog.Content,
-              {
-                className: "og-root fixed left-1/2 top-1/2 z-[101] max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-sm -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-og-lg border border-og-border-strong bg-og-surface-1 p-4 text-og-fg shadow-2xl outline-hidden",
-                style: portalTokenStyle,
-                onOpenAutoFocus: (event) => {
-                  event.preventDefault();
-                  cancelRef.current?.focus();
-                },
-                onCloseAutoFocus: (event) => {
-                  event.preventDefault();
-                  scheduleSettle();
-                },
-                onEscapeKeyDown: (event) => {
-                  event.stopPropagation();
-                  if (busy) {
-                    event.preventDefault();
-                  } else {
-                    closeIntentRef.current = "cancel";
-                  }
-                },
-                children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-                    /* @__PURE__ */ jsx("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-og-status-failed/12 text-og-status-failed", children: /* @__PURE__ */ jsx(Trash2Icon, { className: "size-4", "aria-hidden": true }) }),
-                    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-                      /* @__PURE__ */ jsxs(AlertDialog.Title, { className: "text-og-sm font-semibold", children: [
-                        t("fileBrowser.delete"),
-                        " ",
-                        node.kind === "dir" ? t("fileBrowser.folder") : t("fileBrowser.file"),
-                        "?"
-                      ] }),
-                      /* @__PURE__ */ jsxs(AlertDialog.Description, { className: "mt-1 text-og-sm leading-relaxed text-og-fg-muted", children: [
-                        /* @__PURE__ */ jsx("span", { className: "break-all font-og-mono text-og-fg", children: node.path }),
-                        node.kind === "dir" ? " and everything inside it will be permanently removed." : " will be permanently removed."
-                      ] })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [
-                    /* @__PURE__ */ jsx(AlertDialog.Cancel, { asChild: true, children: /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        ref: cancelRef,
-                        type: "button",
-                        onClick: () => {
-                          closeIntentRef.current = "cancel";
-                        },
-                        disabled: busy,
-                        className: "min-h-9 rounded-og-md border border-og-border px-3 text-og-sm font-medium text-og-fg hover:bg-og-surface-2 disabled:opacity-50 pointer-coarse:min-h-11",
-                        children: t("fileBrowser.cancel")
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsx(AlertDialog.Action, { asChild: true, children: /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => {
-                          closeIntentRef.current = "confirm";
-                        },
-                        disabled: busy,
-                        className: "min-h-9 rounded-og-md bg-og-danger-fill px-3 text-og-sm font-semibold text-og-danger-fg shadow-sm hover:brightness-110 disabled:opacity-50 pointer-coarse:min-h-11",
-                        children: t("fileBrowser.deletePermanently")
-                      }
-                    ) })
-                  ] })
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-function ToolbarButton({
-  label,
-  onClick,
-  disabled,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      title: label,
-      "aria-label": label,
-      onClick,
-      disabled,
-      className: cn(
-        "inline-flex size-7 items-center justify-center rounded-og-sm p-1 text-og-fg-muted max-[1023px]:size-11 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
-        "hover:bg-og-surface-2 hover:text-og-fg",
-        "disabled:cursor-not-allowed disabled:opacity-40"
-      ),
-      children
-    }
-  );
-}
-function InlineInput({
-  depth,
-  kind,
-  initialValue,
-  onCommit,
-  onCancel
-}) {
-  const t = useOpenGeniText();
-  const [value, setValue] = useState2(initialValue);
-  const ref = useRef2(null);
-  const doneRef = useRef2(false);
-  useEffect3(() => {
-    const el = ref.current;
-    if (!el) return;
-    el.focus();
-    const dot = initialValue.lastIndexOf(".");
-    if (initialValue && dot > 0) el.setSelectionRange(0, dot);
-    else el.select();
-  }, [initialValue]);
-  const finish = (commit) => {
-    if (doneRef.current) return;
-    doneRef.current = true;
-    if (commit) onCommit(value);
-    else onCancel();
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "flex items-center gap-1 px-1 py-0.5",
-      style: { paddingLeft: `${depth * 12 + 4}px` },
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "inline-block w-3 shrink-0" }),
-        kind === "dir" ? /* @__PURE__ */ jsx(FolderIcon, { className: "size-3.5 shrink-0" }) : /* @__PURE__ */ jsx(FileIcon, { className: "size-3.5 shrink-0" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref,
-            value,
-            spellCheck: false,
-            autoComplete: "off",
-            "aria-label": kind === "dir" ? t("fileBrowser.folderName") : t("fileBrowser.fileName"),
-            onChange: (e) => setValue(e.target.value),
-            onBlur: () => finish(true),
-            onKeyDown: (e) => {
-              if (e.key === "Enter") {
-                e.preventDefault();
-                finish(true);
-              } else if (e.key === "Escape") {
-                e.preventDefault();
-                finish(false);
-              }
-              e.stopPropagation();
-            },
-            className: cn(
-              "min-w-0 flex-1 rounded-og-sm border bg-og-bg px-1 py-0 text-og-sm",
-              "border-og-accent text-og-fg",
-              "outline-hidden"
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-function ContextMenu({
-  node,
-  x,
-  y,
-  onRename,
-  onDelete,
-  onNewFile,
-  onNewFolder,
-  onClose
-}) {
-  const t = useOpenGeniText();
-  const isDir = node.kind === "dir";
-  const menuRef = useRef2(null);
-  const vw = typeof window !== "undefined" ? window.innerWidth : 9999;
-  const vh = typeof window !== "undefined" ? window.innerHeight : 9999;
-  const left = Math.max(4, Math.min(x, vw - 180));
-  const top = Math.max(4, Math.min(y, vh - 160));
-  useEffect3(() => {
-    menuRef.current?.querySelector('[role="menuitem"]')?.focus();
-  }, []);
-  const onKeyDown = (event) => {
-    const items = Array.from(
-      menuRef.current?.querySelectorAll('[role="menuitem"]') ?? []
-    );
-    if (items.length === 0) return;
-    const current = items.findIndex((item2) => item2 === document.activeElement);
-    let next = null;
-    if (event.key === "ArrowDown") next = (current + 1 + items.length) % items.length;
-    else if (event.key === "ArrowUp") next = (current - 1 + items.length) % items.length;
-    else if (event.key === "Home") next = 0;
-    else if (event.key === "End") next = items.length - 1;
-    else if (event.key === "Escape") {
-      event.preventDefault();
-      event.stopPropagation();
-      onClose();
-      return;
-    }
-    if (next === null) return;
-    event.preventDefault();
-    event.stopPropagation();
-    items[next]?.focus();
-  };
-  const item = (label, icon, onClick, danger) => /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      role: "menuitem",
-      onClick: (e) => {
-        e.stopPropagation();
-        onClick();
-      },
-      className: cn(
-        MENU_BUTTON_CLASS,
-        danger && "text-og-status-failed [&_svg]:text-og-status-failed!"
-      ),
-      children: [
-        icon,
-        label
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: menuRef,
-      role: "menu",
-      "aria-label": t("fileBrowser.actionsForName", { name: node.name }),
-      onKeyDown,
-      onClick: (e) => e.stopPropagation(),
-      style: { left, top },
-      className: cn(MENU_SURFACE_CLASS, "fixed z-50 min-w-[180px] overflow-hidden"),
-      children: [
-        isDir && /* @__PURE__ */ jsxs(Fragment, { children: [
-          item(t("fileBrowser.newFile"), /* @__PURE__ */ jsx(FilePlusIcon, {}), onNewFile),
-          item(t("fileBrowser.newFolder"), /* @__PURE__ */ jsx(FolderPlusIcon, {}), onNewFolder),
-          /* @__PURE__ */ jsx("div", { role: "separator", className: MENU_SEPARATOR_CLASS })
-        ] }),
-        item(t("fileBrowser.rename"), /* @__PURE__ */ jsx(PencilIcon, {}), onRename),
-        item("Delete", /* @__PURE__ */ jsx(Trash2Icon, {}), onDelete, true)
-      ]
-    }
-  );
-}
-
-// src/components/sandbox-files.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function SandboxFiles({
-  files,
-  git,
-  fileSystemAvailable = true,
-  usePierre = true,
-  editable = true,
-  onEditIntent,
-  initialSelectedPath,
-  onSelectedPathChange,
-  isNodeVisible,
-  requestedPath,
-  requestedLine,
-  requestedPathRequestId,
-  requestedPathReady = true,
-  workspaceResting = false,
-  workspaceWaking = false,
-  liveWorkspaceReady = true,
-  workspaceError = null,
-  onWakeWorkspace,
-  themeType,
-  className
-}) {
-  const t = useOpenGeniText();
-  const [selected, setSelected] = useState3(() => initialSelectedPath ?? null);
-  const [editMode, setEditMode] = useState3(false);
-  const [focusLine, setFocusLine] = useState3(null);
-  const [treeRevealRequest, setTreeRevealRequest] = useState3(null);
-  const [liveRequestedPath, setLiveRequestedPath] = useState3(null);
-  const [viewReloadRevision, setViewReloadRevision] = useState3(0);
-  const viewerScrollRef = useRef3(null);
-  const pendingRequestRef = useRef3(null);
-  const handledRequestRef = useRef3(null);
-  const requestKey = requestedPath ? requestedPathRequestId ?? requestedPath : null;
-  useEffect4(() => {
-    if (!requestedPath || requestKey === null) {
-      pendingRequestRef.current = null;
-      handledRequestRef.current = null;
-      setTreeRevealRequest(null);
-      return;
-    }
-    if (handledRequestRef.current === requestKey) {
-      return;
-    }
-    if (!requestedPathReady) {
-      pendingRequestRef.current = requestKey;
-      setTreeRevealRequest(null);
-      return;
-    }
-    if (isNodeVisible && files.loading && files.tree.length === 0) return;
-    if (isNodeVisible && !files.loading && files.tree.length === 0) {
-      handledRequestRef.current = requestKey;
-      pendingRequestRef.current = null;
-      setTreeRevealRequest(null);
-      return;
-    }
-    if (filePathVisibility(files.tree, requestedPath, isNodeVisible) === "hidden") {
-      handledRequestRef.current = requestKey;
-      pendingRequestRef.current = null;
-      setTreeRevealRequest(null);
-      return;
-    }
-    handledRequestRef.current = requestKey;
-    pendingRequestRef.current = null;
-    setSelected(requestedPath);
-    onSelectedPathChange?.(requestedPath);
-    setEditMode(false);
-    setFocusLine(requestedLine != null && requestedLine > 0 ? requestedLine : null);
-    setTreeRevealRequest({ path: requestedPath, requestId: requestKey });
-    setViewReloadRevision((revision) => revision + 1);
-  }, [
-    files.loading,
-    files.tree,
-    isNodeVisible,
-    onSelectedPathChange,
-    requestKey,
-    requestedLine,
-    requestedPath,
-    requestedPathReady
-  ]);
-  const rootRef = useRef3(null);
-  const [wide, setWide] = useState3(false);
-  useEffect4(() => {
-    const el = rootRef.current;
-    if (!el) return;
-    const update = () => setWide(el.getBoundingClientRect().width >= 720);
-    update();
-    if (typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(update);
-    observer.observe(el);
-    const surface = el.closest("[data-workspace-surface]");
-    const surfaceObserver = surface && typeof MutationObserver !== "undefined" ? new MutationObserver(update) : null;
-    surfaceObserver?.observe(surface, {
-      attributes: true,
-      attributeFilter: ["class", "style"]
-    });
-    return () => {
-      observer.disconnect();
-      surfaceObserver?.disconnect();
-    };
-  }, []);
-  const resolvedTheme = useThemeType(themeType);
-  const selectedVisibility = selected ? filePathVisibility(files.tree, selected, isNodeVisible) : "unknown";
-  const visibilityPending = Boolean(isNodeVisible && files.loading && files.tree.length === 0);
-  const viewPath = selectedVisibility === "hidden" || visibilityPending ? null : selected;
-  useEffect4(() => {
-    if (selected === null || selectedVisibility !== "hidden") return;
-    setSelected(null);
-    onSelectedPathChange?.(null);
-    setEditMode(false);
-    setFocusLine(null);
-    setTreeRevealRequest(null);
-    setLiveRequestedPath(null);
-  }, [onSelectedPathChange, selected, selectedVisibility]);
-  const fileView = useFileView(
-    viewPath,
-    files.readFile,
-    `${files.contentRevision ?? 0}:${viewReloadRevision}`
-  );
-  useEffect4(() => {
-    if (focusLine === null && viewReloadRevision > 0 && viewerScrollRef.current) {
-      viewerScrollRef.current.scrollTop = 0;
-    }
-  }, [focusLine, viewReloadRevision]);
-  const selectFile = useCallback3(
-    (path) => {
-      if (pendingRequestRef.current !== null) {
-        handledRequestRef.current = pendingRequestRef.current;
-        pendingRequestRef.current = null;
-      }
-      setSelected(path);
-      onSelectedPathChange?.(path);
-      setEditMode(false);
-      setFocusLine(null);
-      setTreeRevealRequest(null);
-      setLiveRequestedPath(null);
-      setViewReloadRevision(0);
-    },
-    [onSelectedPathChange]
-  );
-  const canEdit = editable && viewPath !== null && !fileView.loading && fileView.error === null && !fileView.isBinary && !fileView.truncated && fileView.content !== null;
-  const showEditor = canEdit && editMode;
-  const captureFileUnavailable = fileView.error instanceof CapturedFileUnavailableError ? fileView.error : null;
-  const waitingForSelectedFile = !workspaceError && liveRequestedPath === viewPath && (!liveWorkspaceReady || files.loading) && captureFileUnavailable !== null;
-  if (workspaceError && !liveWorkspaceReady && files.source !== "capture") {
-    return /* @__PURE__ */ jsxs2(
-      Notice,
-      {
-        className,
-        title: t("sandboxFiles.couldNotOpenLiveWorkspace"),
-        announce: "alert",
-        children: [
-          /* @__PURE__ */ jsx2("p", { children: workspaceError.message }),
-          onWakeWorkspace ? /* @__PURE__ */ jsx2(WakeButton, { onClick: onWakeWorkspace, children: t("sandboxFiles.retryLiveWorkspace") }) : null
-        ]
-      }
-    );
-  }
-  if (workspaceResting || workspaceWaking) {
-    return /* @__PURE__ */ jsx2("div", { className: cn("h-full", className), "data-opengeni-workspace-resting": true, children: /* @__PURE__ */ jsxs2(
-      Notice,
-      {
-        icon: workspaceWaking ? /* @__PURE__ */ jsx2(
-          LoaderCircleIcon,
-          {
-            className: "size-5 animate-spin motion-reduce:animate-none",
-            "aria-hidden": true
-          }
-        ) : /* @__PURE__ */ jsx2(FileCode2Icon, { className: "size-5", "aria-hidden": true }),
-        title: workspaceWaking ? t("sandboxFiles.wakingWorkspace") : t("sandboxFiles.workspaceIsResting"),
-        announce: "status",
-        children: [
-          /* @__PURE__ */ jsx2("p", { children: workspaceWaking ? t("sandboxFiles.connectingToTheLiveFile") : t("sandboxFiles.noCapturedRevisionIsAvailable") }),
-          !workspaceWaking && onWakeWorkspace ? /* @__PURE__ */ jsx2(WakeButton, { onClick: onWakeWorkspace, children: t("sandboxFiles.openLiveWorkspace") }) : null
-        ]
-      }
-    ) });
-  }
-  if (!fileSystemAvailable) {
-    return /* @__PURE__ */ jsx2(
-      Notice,
-      {
-        className,
-        icon: /* @__PURE__ */ jsx2(FileWarningIcon, { className: "size-5", "aria-hidden": true }),
-        title: t("sandboxFiles.filesUnavailable"),
-        announce: "alert",
-        children: t("sandboxFiles.thisSandboxDoesNotExpose")
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs2("div", { ref: rootRef, className: cn("flex h-full min-h-0 min-w-0 flex-col", className), children: [
-    /* @__PURE__ */ jsx2(
-      GitHeader,
-      {
-        loading: Boolean(files.loading || files.gitLoading || files.source === null || git?.loading) && files.gitSummary === null,
-        git: files.gitSummary ?? {
-          branch: git?.branch ?? null,
-          isRepo: git?.isRepo ?? false,
-          repoCount: git?.repoCount ?? 0,
-          ahead: git?.ahead ?? 0,
-          behind: git?.behind ?? 0,
-          dirtyCount: git?.diff.length ?? 0
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxs2(
-      Group,
-      {
-        orientation: wide ? "horizontal" : "vertical",
-        className: cn("min-h-0 flex-1", wide ? "flex-row" : "flex-col"),
-        children: [
-          /* @__PURE__ */ jsx2(
-            Panel,
-            {
-              id: "sandbox-files-tree",
-              defaultSize: wide ? "280px" : "40%",
-              minSize: wide ? "180px" : "120px",
-              maxSize: wide ? "60%" : "70%",
-              className: "flex min-h-0 min-w-0 flex-col",
-              children: /* @__PURE__ */ jsx2(
-                FileBrowser,
-                {
-                  result: files,
-                  isNodeVisible,
-                  selectedPath: selected ?? void 0,
-                  ...treeRevealRequest ? {
-                    revealPath: treeRevealRequest.path,
-                    revealPathRequestId: treeRevealRequest.requestId
-                  } : {},
-                  onSelectFile: selectFile,
-                  editable,
-                  emptyState: t("sandboxFiles.thisDirectoryIsEmpty"),
-                  className: "min-w-0 flex-1"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            Separator,
-            {
-              "aria-label": t("sandboxFiles.resizeFileTree"),
-              className: cn(
-                "group relative z-10 shrink-0 cursor-col-resize outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent",
-                "w-px bg-og-border after:absolute after:inset-y-0 after:left-1/2 after:w-3 after:-translate-x-1/2",
-                "hover:bg-og-accent focus-visible:bg-og-accent data-[separator-state=dragging]:bg-og-accent",
-                !wide && "h-px w-full cursor-row-resize after:inset-x-0 after:inset-y-auto after:top-1/2 after:h-3 after:w-full after:-translate-x-0 after:-translate-y-1/2"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxs2(
-            Panel,
-            {
-              id: "sandbox-files-viewer",
-              minSize: wide ? "240px" : "160px",
-              className: cn("flex min-h-0 min-w-0 flex-col", !wide && "border-t border-og-border"),
-              children: [
-                /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center justify-between gap-2 border-b border-og-border bg-og-surface-1 px-2 py-1", children: [
-                  /* @__PURE__ */ jsx2(
-                    "span",
-                    {
-                      "data-opengeni-selected-file": true,
-                      className: "min-w-0 truncate font-og-mono text-og-xs text-og-fg-muted",
-                      children: selected ? focusLine !== null ? `${selected}:${focusLine}` : selected : t("sandboxFiles.noFileSelected")
-                    }
-                  ),
-                  canEdit && /* @__PURE__ */ jsx2(
-                    Segmented,
-                    {
-                      options: [
-                        { value: "view", label: t("sandboxFiles.view") },
-                        { value: "edit", label: t("sandboxFiles.edit") }
-                      ],
-                      value: editMode ? "edit" : "view",
-                      onChange: (v) => setEditMode(v === "edit")
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx2(
-                  "div",
-                  {
-                    ref: viewerScrollRef,
-                    className: "min-h-0 flex-1 overflow-auto",
-                    "data-opengeni-file-viewer-scroll": true,
-                    children: viewPath ? showEditor && fileView.content !== null ? /* @__PURE__ */ jsx2(
-                      CodeEditor,
-                      {
-                        path: viewPath,
-                        initialContents: fileView.content,
-                        themeType: resolvedTheme,
-                        onSave: (contents, expectedContents) => files.writeFile(viewPath, contents, { expectedContent: expectedContents }),
-                        onOverwrite: (contents) => files.writeFile(viewPath, contents, { force: true }),
-                        onReload: () => setViewReloadRevision((revision) => revision + 1),
-                        ...onEditIntent ? { onEditIntent } : {},
-                        className: "h-full"
-                      },
-                      viewPath
-                    ) : workspaceError && (liveRequestedPath === viewPath || requestedPath === viewPath) && !liveWorkspaceReady ? /* @__PURE__ */ jsxs2(Notice, { title: t("sandboxFiles.couldNotOpenLiveFile"), announce: "alert", children: [
-                      /* @__PURE__ */ jsx2("p", { children: workspaceError.message }),
-                      onWakeWorkspace ? /* @__PURE__ */ jsx2(WakeButton, { onClick: onWakeWorkspace, children: t("sandboxFiles.retryLiveFile") }) : null
-                    ] }) : waitingForSelectedFile ? /* @__PURE__ */ jsx2(
-                      Notice,
-                      {
-                        icon: /* @__PURE__ */ jsx2(
-                          LoaderCircleIcon,
-                          {
-                            className: "size-5 animate-spin motion-reduce:animate-none",
-                            "aria-hidden": true
-                          }
-                        ),
-                        title: t("sandboxFiles.wakingWorkspace"),
-                        announce: "status",
-                        children: t("sandboxFiles.openingViewpathWhenTheLive", { viewPath })
-                      }
-                    ) : captureFileUnavailable ? /* @__PURE__ */ jsxs2(
-                      Notice,
-                      {
-                        icon: /* @__PURE__ */ jsx2(FileCode2Icon, { className: "size-5", "aria-hidden": true }),
-                        title: t("sandboxFiles.onMachine"),
-                        children: [
-                          /* @__PURE__ */ jsx2("p", { children: captureFileUnavailable.reason === "too-large" ? t("sandboxFiles.thisFileIsLargerThan") : captureFileUnavailable.reason === "content-missing" ? t("sandboxFiles.theCapturedCopyIsNo") : t("sandboxFiles.thisFileWasIndexedBut") }),
-                          onWakeWorkspace ? /* @__PURE__ */ jsx2(
-                            WakeButton,
-                            {
-                              onClick: () => {
-                                setLiveRequestedPath(viewPath);
-                                if (liveWorkspaceReady) void files.refresh();
-                                else onWakeWorkspace();
-                              },
-                              children: liveWorkspaceReady ? t("sandboxFiles.retryLiveFile") : t("sandboxFiles.openLiveFile")
-                            }
-                          ) : null
-                        ]
-                      }
-                    ) : fileView.error ? /* @__PURE__ */ jsx2(Notice, { announce: "alert", children: t("sandboxFiles.couldNotOpenViewpathMessage", {
-                      viewPath,
-                      message: fileView.error.message
-                    }) }) : fileView.loading ? /* @__PURE__ */ jsx2(Notice, { announce: "status", children: t("sandboxFiles.loadingViewpath", { viewPath }) }) : fileView.imageUrl ? /* @__PURE__ */ jsx2(
-                      RasterFilePreview,
-                      {
-                        src: fileView.imageUrl,
-                        path: viewPath
-                      },
-                      fileView.imageUrl
-                    ) : fileView.isBinary ? /* @__PURE__ */ jsxs2(Notice, { children: [
-                      t("sandboxFiles.viewpathIsABinaryFile", { viewPath }),
-                      fileView.sizeBytes ?? 0,
-                      " ",
-                      t("sandboxFiles.bytes")
-                    ] }) : fileView.content !== null ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-                      fileView.truncated && /* @__PURE__ */ jsxs2("div", { className: "border-b border-og-border bg-og-surface-1 px-2 py-1 text-og-xs text-og-status-running", children: [
-                        t("sandboxFiles.largeFileShowingATruncated"),
-                        fileView.sizeBytes ?? 0,
-                        " ",
-                        t("sandboxFiles.bytesLoadedEditingIsDisabled")
-                      ] }),
-                      usePierre && focusLine === null ? /* @__PURE__ */ jsx2(
-                        PierreFile,
-                        {
-                          path: viewPath,
-                          contents: fileView.content,
-                          themeType: resolvedTheme,
-                          fallback: /* @__PURE__ */ jsx2("pre", { className: "overflow-auto whitespace-pre p-2 font-og-mono text-og-sm text-og-fg", children: fileView.content }),
-                          className: "p-1"
-                        },
-                        `${viewPath}:${viewReloadRevision}`
-                      ) : focusLine !== null ? /* @__PURE__ */ jsx2(
-                        LineNumberedFile,
-                        {
-                          path: viewPath,
-                          contents: fileView.content,
-                          focusLine
-                        }
-                      ) : /* @__PURE__ */ jsx2("pre", { className: "overflow-auto whitespace-pre p-2 font-og-mono text-og-sm text-og-fg", children: fileView.content })
-                    ] }) : /* @__PURE__ */ jsx2(Notice, { announce: "status", children: t("sandboxFiles.loadingViewpath", { viewPath }) }) : (
-                      // Nothing selected — the tree shows the whole workspace; pick a file.
-                      requestedPath && !requestedPathReady ? workspaceError ? /* @__PURE__ */ jsxs2(Notice, { title: t("sandboxFiles.couldNotOpenLiveFile"), announce: "alert", children: [
-                        /* @__PURE__ */ jsx2("p", { children: workspaceError.message }),
-                        onWakeWorkspace ? /* @__PURE__ */ jsx2(WakeButton, { onClick: onWakeWorkspace, children: t("sandboxFiles.retryLiveFile") }) : null
-                      ] }) : /* @__PURE__ */ jsx2(
-                        Notice,
-                        {
-                          icon: /* @__PURE__ */ jsx2(
-                            LoaderCircleIcon,
-                            {
-                              className: "size-5 animate-spin motion-reduce:animate-none",
-                              "aria-hidden": true
-                            }
-                          ),
-                          title: t("sandboxFiles.wakingSandbox"),
-                          announce: "status",
-                          children: t("sandboxFiles.openingRequestedpathWhenTheLive", { requestedPath })
-                        }
-                      ) : /* @__PURE__ */ jsx2(
-                        Notice,
-                        {
-                          icon: /* @__PURE__ */ jsx2(FileCode2Icon, { className: "size-5", "aria-hidden": true }),
-                          title: t("sandboxFiles.chooseAFile"),
-                          children: t("sandboxFiles.selectAFileInThe")
-                        }
-                      )
-                    )
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function WakeButton({ children, onClick }) {
-  return /* @__PURE__ */ jsx2(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: "mt-1 inline-flex min-h-11 items-center justify-center rounded-og-md border border-og-primary-border bg-og-primary text-og-primary-fg px-3 py-2 text-og-sm font-medium transition-colors hover:bg-og-primary-hover focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent focus-visible:ring-offset-2 focus-visible:ring-offset-og-bg",
-      children
-    }
-  );
-}
-function LineNumberedFile({
-  path,
-  contents,
-  focusLine
-}) {
-  const t = useOpenGeniText();
-  const lines = contents.split("\n");
-  const inRange = focusLine >= 1 && focusLine <= lines.length;
-  const targetRef = useRef3(null);
-  useEffect4(() => {
-    targetRef.current?.scrollIntoView({
-      block: "center",
-      behavior: prefersReducedMotion() ? "auto" : "smooth"
-    });
-  }, [path, focusLine, contents]);
-  return /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      className: "h-full min-h-0 overflow-auto font-og-mono text-og-sm text-og-fg",
-      role: "region",
-      "aria-label": inRange ? t("sandboxFiles.pathAtLineFocusline", { path, focusLine }) : path,
-      children: [
-        !inRange ? /* @__PURE__ */ jsx2(
-          "p",
-          {
-            className: "border-b border-og-border bg-og-surface-1 px-2 py-1 text-og-xs text-og-fg-muted",
-            role: "status",
-            children: t("sandboxFiles.lineFocuslineIsPastThe", { focusLine })
-          }
-        ) : null,
-        /* @__PURE__ */ jsx2("div", { children: lines.map((text, index) => {
-          const lineNumber = index + 1;
-          const focused = inRange && lineNumber === focusLine;
-          return /* @__PURE__ */ jsxs2(
-            "div",
-            {
-              ref: focused ? targetRef : void 0,
-              "data-opengeni-file-line": lineNumber,
-              ...focused ? { "data-opengeni-focus-line": "" } : {},
-              "aria-current": focused ? "location" : void 0,
-              className: cn("flex gap-3 px-2 py-0.5 leading-6", focused && "bg-og-accent-soft"),
-              children: [
-                /* @__PURE__ */ jsx2("span", { className: "w-11 shrink-0 select-none text-right tabular-nums text-og-fg-subtle", children: lineNumber }),
-                /* @__PURE__ */ jsx2("pre", { className: "min-w-0 flex-1 whitespace-pre-wrap break-words", children: text || " " })
-              ]
-            },
-            lineNumber
-          );
-        }) })
-      ]
-    }
-  );
-}
-function GitHeader({ git, loading }) {
-  const t = useOpenGeniText();
-  if (loading) {
-    return /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        className: "flex shrink-0 items-center gap-2 border-b border-og-border bg-og-surface-1 px-2 py-1 text-og-sm text-og-fg-muted",
-        role: "status",
-        "aria-live": "polite",
-        children: [
-          /* @__PURE__ */ jsx2(
-            LoaderCircleIcon,
-            {
-              className: "size-3.5 shrink-0 animate-spin motion-reduce:animate-none",
-              "aria-hidden": true
-            }
-          ),
-          /* @__PURE__ */ jsx2("span", { children: t("sandboxFiles.loadingRepository") })
-        ]
-      }
-    );
-  }
-  const dirty = git.dirtyCount > 0;
-  return /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center gap-2 border-b border-og-border bg-og-surface-1 px-2 py-1 text-og-sm", children: [
-    /* @__PURE__ */ jsx2(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: cn(
-          "size-2 shrink-0 rounded-full",
-          dirty ? "bg-og-status-running" : "bg-og-status-idle"
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx2("span", { className: "sr-only", children: dirty ? t("sandboxFiles.uncommittedChangesInDirtycountFiles", { dirtyCount: git.dirtyCount }) : t("sandboxFiles.noUncommittedChanges") }),
-    /* @__PURE__ */ jsx2("span", { className: "truncate font-og-mono text-og-fg", children: git.repoCount > 1 ? t("sandboxFiles.repocountRepositories", { repoCount: git.repoCount }) : git.branch ?? (git.isRepo ? t("sandboxFiles.detached") : t("sandboxFiles.noRepo")) }),
-    (git.ahead > 0 || git.behind > 0) && /* @__PURE__ */ jsxs2("span", { className: "flex shrink-0 items-center gap-1.5 text-og-xs text-og-fg-subtle", children: [
-      git.ahead > 0 && /* @__PURE__ */ jsxs2("span", { "data-contrast-audited": true, children: [
-        "\u2191",
-        git.ahead
-      ] }),
-      git.behind > 0 && /* @__PURE__ */ jsxs2("span", { "data-contrast-audited": true, children: [
-        "\u2193",
-        git.behind
-      ] })
-    ] }),
-    dirty && /* @__PURE__ */ jsx2(
-      "span",
-      {
-        "aria-hidden": "true",
-        "data-contrast-audited": true,
-        className: "ml-auto shrink-0 text-og-xs text-og-fg-subtle",
-        children: t("sandboxFiles.dirtycountChanged", { dirtyCount: git.dirtyCount })
-      }
-    )
-  ] });
-}
-function Segmented({
-  options,
-  value,
-  onChange
-}) {
-  return /* @__PURE__ */ jsx2("div", { className: "flex flex-wrap items-center rounded-og-sm border border-og-border p-0.5", children: options.map((opt) => /* @__PURE__ */ jsx2(
-    "button",
-    {
-      type: "button",
-      onClick: () => onChange(opt.value),
-      className: cn(
-        "min-h-7 rounded-og-xs px-1.5 py-0.5 text-og-xs focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:min-h-11 max-[1023px]:min-w-11 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
-        opt.value === value ? "bg-og-accent-soft text-og-fg" : "text-og-fg-subtle hover:text-og-fg"
-      ),
-      children: opt.label
-    },
-    opt.value
-  )) });
-}
-function useFileView(path, readFile, reloadRevision = 0) {
-  const previousPathRef = useRef3(null);
-  const [state, setState] = useState3({
-    content: null,
-    isBinary: false,
-    truncated: false,
-    sizeBytes: null,
-    loading: false,
-    error: null
-  });
-  useEffect4(() => {
-    if (!path) {
-      previousPathRef.current = null;
-      setState({
-        content: null,
-        isBinary: false,
-        truncated: false,
-        sizeBytes: null,
-        loading: false,
-        error: null
-      });
-      return;
-    }
-    const pathChanged = previousPathRef.current !== path;
-    previousPathRef.current = path;
-    let cancelled = false;
-    const abort = new AbortController();
-    if (pathChanged) {
-      setState({
-        content: null,
-        isBinary: false,
-        truncated: false,
-        sizeBytes: null,
-        loading: true,
-        error: null
-      });
-    } else {
-      setState((previous) => ({ ...previous, error: null }));
-    }
-    void readFile(path, { signal: abort.signal }).then((res) => {
-      if (cancelled) return;
-      const content = res.isBinary ? null : res.encoding === "base64" ? decodeBase64Utf8(res.content) : res.content;
-      setState({
-        content,
-        imageUrl: !res.truncated && res.encoding === "base64" ? rasterImageUrl(path, res.content) : null,
-        isBinary: res.isBinary,
-        truncated: res.truncated,
-        sizeBytes: res.sizeBytes,
-        loading: false,
-        error: null
-      });
-    }).catch((cause) => {
-      if (cancelled) return;
-      const error = cause instanceof Error ? cause : new Error(String(cause));
-      setState(
-        (previous) => pathChanged ? {
-          content: null,
-          isBinary: false,
-          truncated: false,
-          sizeBytes: null,
-          loading: false,
-          error
-        } : { ...previous, loading: false, error }
-      );
-    });
-    return () => {
-      cancelled = true;
-      abort.abort();
-    };
-  }, [path, readFile, reloadRevision]);
-  return state;
-}
-function rasterImageUrl(path, content) {
-  const extension = path.split(".").pop()?.toLowerCase();
-  const mime = extension === "png" ? "image/png" : extension === "jpg" || extension === "jpeg" ? "image/jpeg" : extension === "gif" ? "image/gif" : extension === "webp" ? "image/webp" : null;
-  return mime ? `data:${mime};base64,${content}` : null;
-}
-function RasterFilePreview({ src, path }) {
-  const t = useOpenGeniText();
-  const [failed, setFailed] = useState3(false);
-  return failed ? /* @__PURE__ */ jsx2(Notice, { title: t("sandboxFiles.imagePreviewUnavailable"), announce: "alert", children: t("sandboxFiles.couldNotDecodePathAs", { path }) }) : /* @__PURE__ */ jsx2(
-    "img",
-    {
-      src,
-      alt: path,
-      onError: () => setFailed(true),
-      className: "max-w-full object-contain"
-    }
-  );
-}
-function decodeBase64Utf8(b64) {
-  try {
-    if (typeof atob === "function") {
-      const binary = atob(b64);
-      const bytes = new Uint8Array(binary.length);
-      for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
-      return new TextDecoder().decode(bytes);
-    }
-  } catch {
-  }
-  return b64;
-}
-function Notice({
-  children,
-  className,
-  icon,
-  title,
-  announce
-}) {
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      role: announce,
-      "aria-atomic": announce ? "true" : void 0,
-      "aria-live": announce === "alert" ? "assertive" : announce === "status" ? "polite" : void 0,
-      className: cn(
-        "flex h-full items-center justify-center p-4 text-center text-og-sm text-og-fg-subtle",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs2("div", { className: "flex max-w-sm flex-col items-center gap-2.5", children: [
-        icon ? /* @__PURE__ */ jsx2("span", { className: "grid size-10 place-items-center rounded-og-lg border border-og-border bg-og-surface-1 text-og-fg-muted shadow-sm", children: icon }) : null,
-        title ? /* @__PURE__ */ jsx2("p", { className: "font-medium text-og-fg", children: title }) : null,
-        /* @__PURE__ */ jsx2("div", { "data-contrast-audited": true, className: "leading-5", children })
-      ] })
-    }
-  );
-}
-
-export {
-  visibleFileTree,
-  filePathVisibility,
-  CapturedFileUnavailableError,
-  FileWriteConflictError,
-  useSandboxFiles,
-  useUnicodeFallbackFonts,
-  FileBrowser,
-  SandboxFiles
-};
-//# sourceMappingURL=chunk-ZUDOVDKR.js.map