codexui-android 0.1.83 → 0.1.88

package/dist-cli/index.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import "./chunk-UUZOL7SL.js";
+import "./chunk-PUR7OUAG.js";
 
 // src/cli/index.ts
 import { createServer as createServer2 } from "http";
@@ -217,9 +217,10 @@ function parseApprovalPolicy(value) {
 
 // src/server/httpServer.ts
 import { fileURLToPath } from "url";
-import { dirname as dirname3, extname as extname3, isAbsolute as isAbsolute3, join as join7 } from "path";
+import { basename as basename5, dirname as dirname3, extname as extname3, isAbsolute as isAbsolute3, join as join7 } from "path";
 import { existsSync as existsSync3 } from "fs";
 import { writeFile as writeFile5, stat as stat6 } from "fs/promises";
+import { createReadStream as createReadStream2 } from "fs";
 import express from "express";
 
 // src/server/codexAppServerBridge.ts
@@ -480,6 +481,22 @@ async function validateSwitchedAccount(appServer) {
     quotaSnapshot: pickCodexRateLimitSnapshot(quotaPayload)
   };
 }
+async function validateSwitchedAccountWithTimeout(appServer) {
+  let timeoutHandle = null;
+  try {
+    return await Promise.race([
+      validateSwitchedAccount(appServer),
+      new Promise((_, reject) => {
+        timeoutHandle = setTimeout(() => {
+          reject(new Error(`Account switch validation timed out after ${ACCOUNT_INSPECTION_TIMEOUT_MS}ms`));
+        }, ACCOUNT_INSPECTION_TIMEOUT_MS);
+        timeoutHandle.unref?.();
+      })
+    ]);
+  } finally {
+    if (timeoutHandle) clearTimeout(timeoutHandle);
+  }
+}
 async function restoreActiveAuth(raw) {
   const path = getActiveAuthPath();
   if (raw === null) {
@@ -794,7 +811,7 @@ async function handleAccountRoutes(req, res, url, context) {
         const imported = await importAccountFromAuthPath(getActiveAuthPath());
         try {
           appServer.dispose();
-          const inspection = await validateSwitchedAccount(appServer);
+          const inspection = await validateSwitchedAccountWithTimeout(appServer);
           const state = await readStoredAccountsState();
           const importedAccountId = imported.importedAccountId;
           const target = state.accounts.find((entry) => entry.accountId === importedAccountId) ?? null;
@@ -893,7 +910,7 @@ async function handleAccountRoutes(req, res, url, context) {
         await writeFile(getActiveAuthPath(), targetRaw, { encoding: "utf8", mode: 384 });
         try {
           appServer.dispose();
-          const inspection = await validateSwitchedAccount(appServer);
+          const inspection = await validateSwitchedAccountWithTimeout(appServer);
           const nextEntry = {
             ...target,
             email: inspection.metadata.email ?? target.email,
@@ -1034,7 +1051,7 @@ async function handleAccountRoutes(req, res, url, context) {
         await writeFile(getActiveAuthPath(), replacementRaw, { encoding: "utf8", mode: 384 });
         try {
           appServer.dispose();
-          const inspection = await validateSwitchedAccount(appServer);
+          const inspection = await validateSwitchedAccountWithTimeout(appServer);
           const activatedReplacement = {
             ...replacement,
             email: inspection.metadata.email ?? replacement.email,
@@ -3762,6 +3779,78 @@ function spawnSyncCommand(command, args = [], options = {}) {
 var PROVIDER_MODELS_FETCH_TIMEOUT_MS = 5e3;
 var THREAD_RESPONSE_TURN_LIMIT = 10;
 var THREAD_METHODS_WITH_TURNS = /* @__PURE__ */ new Set(["thread/read", "thread/resume", "thread/fork", "thread/rollback"]);
+var THREAD_SEARCH_FULL_TEXT_THREAD_LIMIT = 100;
+var API_PERF_LOGGING_ENV_KEY = "CODEXUI_API_PERF_LOGGING";
+var API_PERF_MS_THRESHOLD_ENV_KEY = "CODEXUI_API_PERF_MS_THRESHOLD";
+var API_PERF_BODY_MB_THRESHOLD_ENV_KEY = "CODEXUI_API_PERF_BODY_MB_THRESHOLD";
+var DEFAULT_API_PERF_MS_THRESHOLD = 300;
+var DEFAULT_API_PERF_BODY_MB_THRESHOLD = 1;
+var MB_DIVISOR = 1024 * 1024;
+function readEnvValueFromFile(filePath, key) {
+  try {
+    const content = readFileSync(filePath, "utf8");
+    const escapedKey = key.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const match = content.match(new RegExp(`^\\s*${escapedKey}\\s*=\\s*(.+)\\s*$`, "m"));
+    if (!match) return null;
+    const rawValue = match[1]?.trim() ?? "";
+    if (!rawValue) return null;
+    if (rawValue.startsWith('"') && rawValue.endsWith('"') || rawValue.startsWith("'") && rawValue.endsWith("'")) {
+      return rawValue.slice(1, -1).trim();
+    }
+    return rawValue;
+  } catch {
+    return null;
+  }
+}
+function parseBooleanEnvFlag(value) {
+  if (!value) return null;
+  const normalized = value.trim().toLowerCase();
+  if (["1", "true", "yes", "on"].includes(normalized)) return true;
+  if (["0", "false", "no", "off"].includes(normalized)) return false;
+  return null;
+}
+function resolveApiPerfLoggingEnabled() {
+  const explicitValue = parseBooleanEnvFlag(process.env[API_PERF_LOGGING_ENV_KEY]);
+  if (explicitValue !== null) return explicitValue;
+  const fromEnvLocal = parseBooleanEnvFlag(readEnvValueFromFile(".env.local", API_PERF_LOGGING_ENV_KEY));
+  if (fromEnvLocal !== null) return fromEnvLocal;
+  const fromEnv = parseBooleanEnvFlag(readEnvValueFromFile(".env", API_PERF_LOGGING_ENV_KEY));
+  if (fromEnv !== null) return fromEnv;
+  return false;
+}
+var API_PERF_LOGGING_ENABLED = resolveApiPerfLoggingEnabled();
+function parseNumberEnvFlag(value) {
+  if (!value) return null;
+  const parsed = Number.parseFloat(value.trim());
+  if (!Number.isFinite(parsed)) return null;
+  return parsed;
+}
+function resolveNumericEnvConfig(envKey, fallback) {
+  const fromProcess = parseNumberEnvFlag(process.env[envKey]);
+  if (fromProcess !== null) return fromProcess;
+  const fromEnvLocal = parseNumberEnvFlag(readEnvValueFromFile(".env.local", envKey));
+  if (fromEnvLocal !== null) return fromEnvLocal;
+  const fromEnv = parseNumberEnvFlag(readEnvValueFromFile(".env", envKey));
+  if (fromEnv !== null) return fromEnv;
+  return fallback;
+}
+var API_PERF_MS_THRESHOLD = resolveNumericEnvConfig(API_PERF_MS_THRESHOLD_ENV_KEY, DEFAULT_API_PERF_MS_THRESHOLD);
+var API_PERF_BODY_MB_THRESHOLD = resolveNumericEnvConfig(API_PERF_BODY_MB_THRESHOLD_ENV_KEY, DEFAULT_API_PERF_BODY_MB_THRESHOLD);
+function getChunkByteLength(chunk, encoding) {
+  if (typeof chunk === "string") {
+    return Buffer.byteLength(chunk, encoding);
+  }
+  if (chunk instanceof Uint8Array) {
+    return chunk.byteLength;
+  }
+  if (ArrayBuffer.isView(chunk)) {
+    return chunk.byteLength;
+  }
+  if (chunk instanceof ArrayBuffer) {
+    return chunk.byteLength;
+  }
+  return 0;
+}
 function asRecord5(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
 }
@@ -5949,10 +6038,21 @@ async function loadAllThreadsForSearch(appServer) {
       }
       cursor = typeof response?.nextCursor === "string" && response.nextCursor.length > 0 ? response.nextCursor : null;
     } while (cursor);
-    const docs = [];
+    const docs = threads.map((thread) => {
+      const searchableText = [thread.title, thread.preview].filter(Boolean).join("\n");
+      return {
+        id: thread.id,
+        title: thread.title,
+        preview: thread.preview,
+        messageText: "",
+        searchableText
+      };
+    });
+    const docsById = new Map(docs.map((doc) => [doc.id, doc]));
+    const fullTextThreads = threads.slice(0, THREAD_SEARCH_FULL_TEXT_THREAD_LIMIT);
     const concurrency = 4;
-    for (let offset = 0; offset < threads.length; offset += concurrency) {
-      const batch = threads.slice(offset, offset + concurrency);
+    for (let offset = 0; offset < fullTextThreads.length; offset += concurrency) {
+      const batch = fullTextThreads.slice(offset, offset + concurrency);
       const loaded = await Promise.all(batch.map(async (thread) => {
         try {
           const readResponse = await appServer.rpc("thread/read", {
@@ -5961,27 +6061,23 @@ async function loadAllThreadsForSearch(appServer) {
           });
           const messageText = extractThreadMessageText(readResponse);
           const searchableText = [thread.title, thread.preview, messageText].filter(Boolean).join("\n");
-          return {
+          return [thread.id, {
             id: thread.id,
             title: thread.title,
             preview: thread.preview,
             messageText,
             searchableText
-          };
+          }];
         } catch {
-          const searchableText = [thread.title, thread.preview].filter(Boolean).join("\n");
-          return {
-            id: thread.id,
-            title: thread.title,
-            preview: thread.preview,
-            messageText: "",
-            searchableText
-          };
+          return null;
         }
       }));
-      docs.push(...loaded);
+      for (const row of loaded) {
+        if (!row) continue;
+        docsById.set(row[0], row[1]);
+      }
     }
-    return docs;
+    return Array.from(docsById.values());
   });
 }
 async function buildThreadSearchIndex(appServer) {
@@ -6014,6 +6110,42 @@ function createCodexBridgeMiddleware() {
   }).catch(() => {
   });
   const middleware = async (req, res, next) => {
+    const requestStartNs = process.hrtime.bigint();
+    const rawUrl = req.url ?? "";
+    const parsedRequestUrl = rawUrl ? new URL(rawUrl, "http://localhost") : null;
+    const requestPath = parsedRequestUrl?.pathname ?? "";
+    const requestMethod = req.method ?? "UNKNOWN";
+    const rawContentLength = Array.isArray(req.headers["content-length"]) ? req.headers["content-length"][0] : req.headers["content-length"];
+    const parsedContentLength = rawContentLength ? Number.parseInt(rawContentLength, 10) : NaN;
+    let requestBodyBytes = Number.isFinite(parsedContentLength) && parsedContentLength >= 0 ? parsedContentLength : null;
+    let responseBodyBytes = 0;
+    let rpcMethod = null;
+    const originalWrite = res.write.bind(res);
+    const originalEnd = res.end.bind(res);
+    res.write = ((chunk, encoding, cb) => {
+      const resolvedEncoding = typeof encoding === "string" ? encoding : void 0;
+      responseBodyBytes += getChunkByteLength(chunk, resolvedEncoding);
+      return originalWrite(chunk, encoding, cb);
+    });
+    res.end = ((chunk, encoding, cb) => {
+      const resolvedEncoding = typeof encoding === "string" ? encoding : void 0;
+      responseBodyBytes += getChunkByteLength(chunk, resolvedEncoding);
+      return originalEnd(chunk, encoding, cb);
+    });
+    let didLog = false;
+    const logApiRequestDuration = () => {
+      if (!API_PERF_LOGGING_ENABLED || didLog || !requestPath.startsWith("/codex-api/")) return;
+      const durationMs = Number((process.hrtime.bigint() - requestStartNs) / 1000000n);
+      const requestBytes = requestBodyBytes ?? 0;
+      const bodyMbValue = (requestBytes + responseBodyBytes) / MB_DIVISOR;
+      const shouldLog = durationMs > API_PERF_MS_THRESHOLD || bodyMbValue > API_PERF_BODY_MB_THRESHOLD;
+      if (!shouldLog) return;
+      didLog = true;
+      const rpcPart = rpcMethod ? `, rpcMethod=${rpcMethod}` : "";
+      console.info(`[codex-api-perf] ${requestMethod} ${requestPath} -> ${res.statusCode} (${durationMs}ms, bodyMB=${bodyMbValue.toFixed(4)}${rpcPart})`);
+    };
+    res.once("finish", logApiRequestDuration);
+    res.once("close", logApiRequestDuration);
     try {
       if (!req.url) {
         next();
@@ -7149,76 +7281,92 @@ function createAuthSession(password) {
 }
 
 // src/server/localBrowseUi.ts
-import { dirname as dirname2, extname as extname2, join as join6 } from "path";
+import { basename as basename4, dirname as dirname2, extname as extname2, join as join6 } from "path";
 import { open, readFile as readFile4, readdir as readdir3, stat as stat5 } from "fs/promises";
-var TEXT_EDITABLE_EXTENSIONS = /* @__PURE__ */ new Set([
-  ".txt",
-  ".md",
-  ".json",
-  ".js",
-  ".ts",
-  ".tsx",
-  ".jsx",
-  ".css",
-  ".scss",
-  ".html",
-  ".htm",
-  ".xml",
-  ".yml",
-  ".yaml",
-  ".log",
-  ".csv",
-  ".env",
-  ".py",
-  ".sh",
-  ".toml",
-  ".ini",
-  ".conf",
-  ".sql",
-  ".bat",
-  ".cmd",
-  ".ps1"
+var TEXT_LANGUAGE = {
+  label: "text",
+  aceMode: "text"
+};
+var BAZEL_LANGUAGE = {
+  label: "bazel",
+  aceMode: "python"
+};
+var FILE_LANGUAGE_RULES_BY_NAME = /* @__PURE__ */ new Map([
+  ["build", BAZEL_LANGUAGE],
+  ["build.bazel", BAZEL_LANGUAGE],
+  ["workspace", BAZEL_LANGUAGE],
+  ["workspace.bazel", BAZEL_LANGUAGE],
+  ["module.bazel", BAZEL_LANGUAGE],
+  [".bazelrc", BAZEL_LANGUAGE],
+  [".env", TEXT_LANGUAGE],
+  [".gitignore", TEXT_LANGUAGE],
+  [".npmrc", TEXT_LANGUAGE]
 ]);
-function languageForPath(pathValue) {
-  const extension = extname2(pathValue).toLowerCase();
-  switch (extension) {
-    case ".js":
-      return "javascript";
-    case ".ts":
-      return "typescript";
-    case ".jsx":
-      return "javascript";
-    case ".tsx":
-      return "typescript";
-    case ".py":
-      return "python";
-    case ".sh":
-      return "sh";
-    case ".css":
-    case ".scss":
-      return "css";
-    case ".html":
-    case ".htm":
-      return "html";
-    case ".json":
-      return "json";
-    case ".md":
-      return "markdown";
-    case ".yaml":
-    case ".yml":
-      return "yaml";
-    case ".xml":
-      return "xml";
-    case ".sql":
-      return "sql";
-    case ".toml":
-      return "ini";
-    case ".ini":
-    case ".conf":
-      return "ini";
-    default:
-      return "plaintext";
+var FILE_LANGUAGE_RULES_BY_EXTENSION = /* @__PURE__ */ new Map([
+  [".txt", TEXT_LANGUAGE],
+  [".log", TEXT_LANGUAGE],
+  [".csv", TEXT_LANGUAGE],
+  [".md", { label: "markdown", aceMode: "markdown" }],
+  [".markdown", { label: "markdown", aceMode: "markdown" }],
+  [".json", { label: "json", aceMode: "json" }],
+  [".jsonc", { label: "json", aceMode: "json" }],
+  [".yaml", { label: "yaml", aceMode: "yaml" }],
+  [".yml", { label: "yaml", aceMode: "yaml" }],
+  [".lua", { label: "lua", aceMode: "lua" }],
+  [".rs", { label: "rust", aceMode: "rust" }],
+  [".py", { label: "python", aceMode: "python" }],
+  [".c", { label: "c", aceMode: "c_cpp" }],
+  [".h", { label: "c/c++", aceMode: "c_cpp" }],
+  [".cpp", { label: "c++", aceMode: "c_cpp" }],
+  [".cc", { label: "c++", aceMode: "c_cpp" }],
+  [".cxx", { label: "c++", aceMode: "c_cpp" }],
+  [".hpp", { label: "c++", aceMode: "c_cpp" }],
+  [".hh", { label: "c++", aceMode: "c_cpp" }],
+  [".hxx", { label: "c++", aceMode: "c_cpp" }],
+  [".toml", { label: "toml", aceMode: "toml" }],
+  [".bzl", BAZEL_LANGUAGE],
+  [".bazel", BAZEL_LANGUAGE],
+  [".js", { label: "javascript", aceMode: "javascript" }],
+  [".mjs", { label: "javascript", aceMode: "javascript" }],
+  [".cjs", { label: "javascript", aceMode: "javascript" }],
+  [".jsx", { label: "jsx", aceMode: "jsx" }],
+  [".ts", { label: "typescript", aceMode: "typescript" }],
+  [".mts", { label: "typescript", aceMode: "typescript" }],
+  [".cts", { label: "typescript", aceMode: "typescript" }],
+  [".tsx", { label: "tsx", aceMode: "tsx" }],
+  [".vue", { label: "vue", aceMode: "vue" }],
+  [".css", { label: "css", aceMode: "css" }],
+  [".scss", { label: "scss", aceMode: "scss" }],
+  [".html", { label: "html", aceMode: "html" }],
+  [".htm", { label: "html", aceMode: "html" }],
+  [".xml", { label: "xml", aceMode: "xml" }],
+  [".sql", { label: "sql", aceMode: "sql" }],
+  [".sh", { label: "shell", aceMode: "sh" }],
+  [".bash", { label: "shell", aceMode: "sh" }],
+  [".zsh", { label: "shell", aceMode: "sh" }],
+  [".ini", { label: "ini", aceMode: "ini" }],
+  [".conf", { label: "ini", aceMode: "ini" }],
+  [".ps1", { label: "powershell", aceMode: "powershell" }],
+  [".bat", TEXT_LANGUAGE],
+  [".cmd", TEXT_LANGUAGE]
+]);
+var MAX_INLINE_PREVIEW_BYTES = 1024 * 1024;
+var DARK_MODE_STORAGE_KEY = "codex-web-local.dark-mode.v1";
+var ACE_CDN_BASE = "https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2";
+function getLanguageConfigForPath(pathValue) {
+  const fileName = basename4(pathValue).toLowerCase();
+  if (fileName === ".env" || fileName.startsWith(".env.")) {
+    return { language: TEXT_LANGUAGE, recognized: true };
+  }
+  const exactMatch = FILE_LANGUAGE_RULES_BY_NAME.get(fileName);
+  if (exactMatch) {
+    return { language: exactMatch, recognized: true };
+  }
+  const extensionMatch = FILE_LANGUAGE_RULES_BY_EXTENSION.get(extname2(fileName));
+  if (extensionMatch) {
+    return { language: extensionMatch, recognized: true };
   }
+  return { language: TEXT_LANGUAGE, recognized: false };
 }
 function normalizeLocalPath(rawPath) {
   const trimmed = rawPath.trim();
@@ -7241,7 +7389,7 @@ function decodeBrowsePath(rawPath) {
   }
 }
 function isTextEditablePath(pathValue) {
-  return TEXT_EDITABLE_EXTENSIONS.has(extname2(pathValue).toLowerCase());
+  return getLanguageConfigForPath(pathValue).recognized;
 }
 function isHiddenName(value) {
   return value.startsWith(".");
@@ -7275,25 +7423,157 @@ async function isTextEditableFile(localPath) {
     return false;
   }
 }
+async function getLocalTextFileMetadata(localPath) {
+  const { language, recognized } = getLanguageConfigForPath(localPath);
+  try {
+    const fileStat = await stat5(localPath);
+    if (!fileStat.isFile()) return null;
+    if (recognized) {
+      return {
+        language,
+        sizeBytes: fileStat.size
+      };
+    }
+    const isText = await probeFileIsText(localPath);
+    if (!isText) return null;
+    return {
+      language,
+      sizeBytes: fileStat.size
+    };
+  } catch {
+    return null;
+  }
+}
 function escapeHtml(value) {
   return value.replace(/&/gu, "&amp;").replace(/</gu, "&lt;").replace(/>/gu, "&gt;").replace(/"/gu, "&quot;").replace(/'/gu, "&#39;");
 }
 function normalizeNewProjectName(value) {
   return value.trim().replace(/[\\/]+/gu, "").trim();
 }
-function toBrowseHref(pathValue, newProjectName = "") {
-  const normalizedName = normalizeNewProjectName(newProjectName);
-  const query = normalizedName ? `?newProjectName=${encodeURIComponent(normalizedName)}` : "";
-  return `/codex-local-browse${encodeURI(pathValue)}${query}`;
+function normalizeLineTarget(value) {
+  return Number.isInteger(value) && Number(value) > 0 ? Number(value) : null;
 }
-function toEditHref(pathValue, newProjectName = "") {
-  const normalizedName = normalizeNewProjectName(newProjectName);
-  const query = normalizedName ? `?newProjectName=${encodeURIComponent(normalizedName)}` : "";
-  return `/codex-local-edit${encodeURI(pathValue)}${query}`;
+function buildLocationQuery(options) {
+  const query = new URLSearchParams();
+  const normalizedName = normalizeNewProjectName(options?.newProjectName ?? "");
+  const line = normalizeLineTarget(options?.line);
+  const column = line ? normalizeLineTarget(options?.column) : null;
+  if (normalizedName) query.set("newProjectName", normalizedName);
+  if (line) query.set("line", String(line));
+  if (column) query.set("column", String(column));
+  const encoded = query.toString();
+  return encoded ? `?${encoded}` : "";
+}
+function toBrowseHref(pathValue, options) {
+  return `/codex-local-browse${encodeURI(pathValue)}${buildLocationQuery(options)}`;
+}
+function toEditHref(pathValue, options) {
+  return `/codex-local-edit${encodeURI(pathValue)}${buildLocationQuery(options)}`;
+}
+function toRawFileHref(pathValue, options) {
+  const query = new URLSearchParams({ path: pathValue });
+  if (options?.download === true) {
+    query.set("download", "1");
+  }
+  return `/codex-local-file?${query.toString()}`;
 }
 function escapeForInlineScriptString(value) {
   return JSON.stringify(value).replace(/<\//gu, "<\\/").replace(/<!--/gu, "<\\!--").replace(/\u2028/gu, "\\u2028").replace(/\u2029/gu, "\\u2029");
 }
+function renderStandaloneThemeBootstrapScript() {
+  return [
+    "(function() {",
+    `  const storageKey = ${JSON.stringify(DARK_MODE_STORAGE_KEY)};`,
+    '  const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");',
+    "  function readStoredPreference() {",
+    "    try {",
+    "      const value = window.localStorage.getItem(storageKey);",
+    '      return value === "light" || value === "dark" ? value : "system";',
+    "    } catch {",
+    '      return "system";',
+    "    }",
+    "  }",
+    "  function resolveTheme(preference) {",
+    '    if (preference === "light" || preference === "dark") return preference;',
+    '    return mediaQuery.matches ? "dark" : "light";',
+    "  }",
+    "  function applyTheme() {",
+    "    const preference = readStoredPreference();",
+    "    const resolvedTheme = resolveTheme(preference);",
+    "    document.documentElement.dataset.theme = resolvedTheme;",
+    "    document.documentElement.style.colorScheme = resolvedTheme;",
+    "    window.__codexLocalBrowseTheme = { preference, resolvedTheme };",
+    '    window.dispatchEvent(new CustomEvent("codex-local-browse-themechange", { detail: window.__codexLocalBrowseTheme }));',
+    "  }",
+    "  applyTheme();",
+    "  window.__codexApplyLocalBrowseTheme = applyTheme;",
+    '  window.addEventListener("storage", function(event) {',
+    "    if (event.key !== storageKey) return;",
+    "    applyTheme();",
+    "  });",
+    '  mediaQuery.addEventListener("change", function() {',
+    '    if (readStoredPreference() !== "system") return;',
+    "    applyTheme();",
+    "  });",
+    "})();"
+  ].join("\n");
+}
+function renderStandaloneThemeCss() {
+  return `
+    :root {
+      color-scheme: light;
+      --lb-bg: #f3f6fb;
+      --lb-surface: #ffffff;
+      --lb-surface-muted: #eef3fb;
+      --lb-surface-strong: #e7edf8;
+      --lb-toolbar-bg: rgba(243, 246, 251, 0.96);
+      --lb-border: #cfd9ea;
+      --lb-border-strong: #b6c4db;
+      --lb-text: #172033;
+      --lb-text-muted: #52607a;
+      --lb-link: #2457b8;
+      --lb-button-text: #172033;
+      --lb-accent-bg: #dfeafe;
+      --lb-accent-border: #9db8ef;
+      --lb-primary-bg: linear-gradient(135deg, #2f67d8 0%, #4b88ff 100%);
+      --lb-primary-border: #2f67d8;
+      --lb-primary-text: #f8fbff;
+      --lb-selection: rgba(77, 124, 255, 0.18);
+      --lb-selection-strong: rgba(77, 124, 255, 0.24);
+      --lb-target-line: rgba(77, 124, 255, 0.14);
+      --lb-target-stripe: #4d7cff;
+      --lb-warning-text: #8a5a00;
+      --lb-warning-bg: rgba(194, 136, 18, 0.12);
+      --lb-shadow: 0 16px 40px rgba(31, 49, 82, 0.12);
+    }
+    :root[data-theme='dark'] {
+      color-scheme: dark;
+      --lb-bg: #09111f;
+      --lb-surface: #0d182b;
+      --lb-surface-muted: #101f3a;
+      --lb-surface-strong: #13233d;
+      --lb-toolbar-bg: rgba(9, 17, 31, 0.96);
+      --lb-border: #20324d;
+      --lb-border-strong: #36557a;
+      --lb-text: #dbe6ff;
+      --lb-text-muted: #8fb8ec;
+      --lb-link: #8cc2ff;
+      --lb-button-text: #dbe6ff;
+      --lb-accent-bg: #162643;
+      --lb-accent-border: #36557a;
+      --lb-primary-bg: linear-gradient(135deg, #2e6ee6 0%, #3d8cff 100%);
+      --lb-primary-border: #4f8de0;
+      --lb-primary-text: #eef6ff;
+      --lb-selection: rgba(140, 194, 255, 0.16);
+      --lb-selection-strong: rgba(140, 194, 255, 0.3);
+      --lb-target-line: rgba(140, 194, 255, 0.16);
+      --lb-target-stripe: #8cc2ff;
+      --lb-warning-text: #f0cf78;
+      --lb-warning-bg: rgba(240, 207, 120, 0.08);
+      --lb-shadow: 0 20px 40px rgba(0, 0, 0, 0.24);
+    }
+  `;
+}
 async function getDirectoryItems(localPath) {
   const entries = await readdir3(localPath, { withFileTypes: true });
   const withMeta = await Promise.all(entries.map(async (entry) => {
@@ -7343,6 +7623,64 @@ function actionButtonsHtml(localPath, newProjectName) {
   const openButton = `<button class="header-open-btn open-folder-btn" type="button" aria-label="Open current folder in Codex" title="Open folder in Codex" data-path="${escapeHtml(localPath)}" data-label="" data-status="${escapeHtml(openFolderStatusText(normalizedName))}" data-error="${escapeHtml(failureStatusText(normalizedName))}">Open folder in Codex</button>`;
   return `${createButton}${openButton}`;
 }
+function renderTextPreviewToolbar(localPath, options) {
+  const newProjectName = normalizeNewProjectName(options?.newProjectName ?? "");
+  const line = normalizeLineTarget(options?.line);
+  const column = line ? normalizeLineTarget(options?.column) : null;
+  const backHref = toBrowseHref(dirname2(localPath), { newProjectName });
+  const rawHref = toRawFileHref(localPath);
+  const downloadHref = toRawFileHref(localPath, { download: true });
+  const lineLocation = line ? { newProjectName, line, column } : { newProjectName };
+  return [
+    `<a href="${escapeHtml(backHref)}">Back</a>`,
+    `<a href="${escapeHtml(rawHref)}" target="_blank" rel="noopener noreferrer">Raw</a>`,
+    `<a href="${escapeHtml(downloadHref)}">Download</a>`,
+    `<a href="${escapeHtml(toEditHref(localPath, lineLocation))}">Edit</a>`
+  ].filter(Boolean).join("");
+}
+function formatLineTargetLabel(line, column) {
+  if (!line) return "";
+  if (column) return `line ${String(line)}:${String(column)}`;
+  return `line ${String(line)}`;
+}
+function renderPlainPreviewContent(content, targetLine) {
+  if (!targetLine || targetLine < 1) return escapeHtml(content);
+  const trailingNewline = content.endsWith("\n");
+  const lines = content.split("\n");
+  if (trailingNewline) lines.pop();
+  if (targetLine > lines.length) return escapeHtml(content);
+  return lines.map((line, index) => {
+    const escapedLine = escapeHtml(line || " ");
+    if (index + 1 === targetLine) {
+      return `<span id="previewTargetLine" class="preview-target-line">${escapedLine}</span>`;
+    }
+    return escapedLine;
+  }).join("\n") + (trailingNewline ? "\n" : "");
+}
+function formatPreviewSize(sizeBytes) {
+  if (sizeBytes >= 1024 * 1024) return `${(sizeBytes / (1024 * 1024)).toFixed(1).replace(/\.0$/u, "")} MiB`;
+  if (sizeBytes >= 1024) return `${Math.round(sizeBytes / 1024)} KiB`;
+  return `${sizeBytes} B`;
+}
+function renderAceLineTargetScript() {
+  return [
+    "function selectTargetLine(editorInstance, lineNumber, columnNumber) {",
+    "  if (!lineNumber) return;",
+    "  const zeroBasedRow = lineNumber - 1;",
+    "  const zeroBasedColumn = Math.max(0, (columnNumber ?? 1) - 1);",
+    "  editorInstance.gotoLine(lineNumber, zeroBasedColumn, true);",
+    "  editorInstance.scrollToLine(lineNumber, true, true, function() {});",
+    "  editorInstance.selection.moveCursorToPosition({ row: zeroBasedRow, column: zeroBasedColumn });",
+    "  editorInstance.selection.selectLine();",
+    "}",
+    "function currentAceThemeName() {",
+    '  return document.documentElement.dataset.theme === "light" ? "tomorrow" : "tomorrow_night";',
+    "}",
+    "function applyAceTheme(editorInstance) {",
+    '  editorInstance.setTheme("ace/theme/" + currentAceThemeName());',
+    "}"
+  ].join("\n");
+}
 async function getLocalDirectoryListing(localPath, options = {}) {
   const entries = await readdir3(localPath, { withFileTypes: true });
   const directories = entries.filter((entry) => entry.isDirectory()).map((entry) => ({
@@ -7366,10 +7704,10 @@ async function createDirectoryListingHtml(localPath, options) {
   const parentPath = dirname2(localPath);
   const rows = items.map((item) => {
     const suffix = item.isDirectory ? "/" : "";
-    const editAction = item.editable ? ` <a class="icon-btn" aria-label="Edit ${escapeHtml(item.name)}" href="${escapeHtml(toEditHref(item.path, newProjectName))}" title="Edit">\u270F\uFE0F</a>` : "";
-    return `<li class="file-row"><a class="file-link" href="${escapeHtml(toBrowseHref(item.path, newProjectName))}">${escapeHtml(item.name)}${suffix}</a><span class="row-actions">${editAction}</span></li>`;
+    const editAction = item.editable ? ` <a class="icon-btn" aria-label="Edit ${escapeHtml(item.name)}" href="${escapeHtml(toEditHref(item.path, { newProjectName }))}" title="Edit">\u270F\uFE0F</a>` : "";
+    return `<li class="file-row"><a class="file-link" href="${escapeHtml(toBrowseHref(item.path, { newProjectName }))}">${escapeHtml(item.name)}${suffix}</a><span class="row-actions">${editAction}</span></li>`;
   }).join("\n");
-  const parentLink = localPath !== parentPath ? `<a class="header-parent-link" href="${escapeHtml(toBrowseHref(parentPath, newProjectName))}">..</a>` : "";
+  const parentLink = localPath !== parentPath ? `<a class="header-parent-link" href="${escapeHtml(toBrowseHref(parentPath, { newProjectName }))}">..</a>` : "";
   const pickerSummary = newProjectName ? `<p class="picker-summary">Browse to the parent folder where you want to create <strong>${escapeHtml(newProjectName)}</strong>, or open the current folder directly.</p>` : "";
   const actionButtons = actionButtonsHtml(localPath, newProjectName);
   return `<!doctype html>
@@ -7378,35 +7716,37 @@ async function createDirectoryListingHtml(localPath, options) {
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Index of ${escapeHtml(localPath)}</title>
+  <script>${renderStandaloneThemeBootstrapScript()}</script>
   <style>
-    body { font-family: ui-monospace, Menlo, Monaco, monospace; margin: 16px; background: #0b1020; color: #dbe6ff; }
-    a { color: #8cc2ff; text-decoration: none; }
+    ${renderStandaloneThemeCss()}
+    body { font-family: ui-monospace, Menlo, Monaco, monospace; margin: 16px; background: var(--lb-bg); color: var(--lb-text); }
+    a { color: var(--lb-link); text-decoration: none; }
     a:hover { text-decoration: underline; }
     ul { list-style: none; padding: 0; margin: 12px 0 0; display: flex; flex-direction: column; gap: 8px; }
     .file-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; }
-    .file-link { display: block; padding: 10px 12px; border: 1px solid #28405f; border-radius: 10px; background: #0f1b33; overflow-wrap: anywhere; }
+    .file-link { display: block; padding: 10px 12px; border: 1px solid var(--lb-border); border-radius: 10px; background: var(--lb-surface); color: var(--lb-text); overflow-wrap: anywhere; box-shadow: var(--lb-shadow); }
     .header-actions { display: flex; align-items: center; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
-    .header-parent-link { color: #9ec8ff; font-size: 14px; padding: 8px 10px; border: 1px solid #2a4569; border-radius: 10px; background: #101f3a; }
+    .header-parent-link { color: var(--lb-link); font-size: 14px; padding: 8px 10px; border: 1px solid var(--lb-border); border-radius: 10px; background: var(--lb-surface-muted); }
     .header-parent-link:hover { text-decoration: none; filter: brightness(1.08); }
     .header-open-btn {
       height: 42px;
       padding: 0 14px;
-      border: 1px solid #4f8de0;
+      border: 1px solid var(--lb-primary-border);
       border-radius: 10px;
-      background: linear-gradient(135deg, #2e6ee6 0%, #3d8cff 100%);
-      color: #eef6ff;
+      background: var(--lb-primary-bg);
+      color: var(--lb-primary-text);
       font-weight: 700;
       letter-spacing: 0.01em;
       cursor: pointer;
-      box-shadow: 0 6px 18px rgba(33, 90, 199, 0.35);
+      box-shadow: var(--lb-shadow);
     }
     .header-open-btn:hover { filter: brightness(1.08); }
     .header-open-btn:disabled { opacity: 0.6; cursor: default; }
-    .picker-summary { margin: 10px 0 0; color: #b8d5ff; max-width: 60rem; line-height: 1.45; }
+    .picker-summary { margin: 10px 0 0; color: var(--lb-text-muted); max-width: 60rem; line-height: 1.45; }
     .row-actions { display: inline-flex; align-items: center; gap: 8px; min-width: 42px; justify-content: flex-end; }
-    .icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid #36557a; border-radius: 10px; background: #162643; color: #dbe6ff; text-decoration: none; cursor: pointer; }
+    .icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid var(--lb-accent-border); border-radius: 10px; background: var(--lb-accent-bg); color: var(--lb-button-text); text-decoration: none; cursor: pointer; }
     .icon-btn:hover { filter: brightness(1.08); text-decoration: none; }
-    .status { margin: 10px 0 0; color: #8cc2ff; min-height: 1.25em; }
+    .status { margin: 10px 0 0; color: var(--lb-text-muted); min-height: 1.25em; }
     h1 { font-size: 18px; margin: 0; word-break: break-all; }
     @media (max-width: 640px) {
       body { margin: 12px; }
@@ -7467,10 +7807,144 @@ async function createDirectoryListingHtml(localPath, options) {
 </body>
 </html>`;
 }
-async function createTextEditorHtml(localPath) {
+async function createTextPreviewHtml(localPath, options) {
+  const newProjectName = normalizeNewProjectName(options?.newProjectName ?? "");
+  const line = normalizeLineTarget(options?.line);
+  const column = line ? normalizeLineTarget(options?.column) : null;
+  const metadata = await getLocalTextFileMetadata(localPath);
+  if (!metadata) {
+    throw new Error("Only text-like files can be previewed inline.");
+  }
+  const toolbar = renderTextPreviewToolbar(localPath, { newProjectName, line, column });
+  const lineTargetLabel = formatLineTargetLabel(line, column);
+  const previewMeta = [localPath, metadata.language.label, formatPreviewSize(metadata.sizeBytes), lineTargetLabel].filter(Boolean).join(" \xB7 ");
+  const previewUnavailable = metadata.sizeBytes > MAX_INLINE_PREVIEW_BYTES;
+  const previewContent = previewUnavailable ? "" : await readFile4(localPath, "utf8");
+  const previewPlainHtml = renderPlainPreviewContent(previewContent, line);
+  const safePreviewLiteral = escapeForInlineScriptString(previewContent);
+  return `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>${escapeHtml(basename4(localPath))}</title>
+  <script>${renderStandaloneThemeBootstrapScript()}</script>
+  <style>
+    ${renderStandaloneThemeCss()}
+    html, body { margin: 0; width: 100%; min-height: 100%; }
+    body { min-height: 100vh; font-family: ui-monospace, Menlo, Monaco, monospace; background: var(--lb-bg); color: var(--lb-text); display: flex; flex-direction: column; }
+    a { color: inherit; text-decoration: none; }
+    .toolbar { position: sticky; top: 0; z-index: 10; display: flex; flex-direction: column; gap: 10px; padding: 12px 16px; background: var(--lb-toolbar-bg); backdrop-filter: blur(8px); border-bottom: 1px solid var(--lb-border); }
+    .toolbar-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+    .toolbar-row a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 12px; border: 1px solid var(--lb-accent-border); border-radius: 10px; background: var(--lb-accent-bg); color: var(--lb-button-text); }
+    .toolbar-row a:hover { filter: brightness(1.08); }
+    .meta { color: var(--lb-text-muted); font-size: 12px; overflow-wrap: anywhere; line-height: 1.5; }
+    .preview-shell { flex: 1 1 auto; min-height: 0; display: flex; padding: 18px 16px 24px; }
+    .preview-card { flex: 1 1 auto; min-height: 0; max-width: 100%; border: 1px solid var(--lb-border); border-radius: 14px; background: var(--lb-surface); overflow: hidden; box-shadow: var(--lb-shadow); display: flex; flex-direction: column; }
+    .preview-notice { margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--lb-border); color: var(--lb-warning-text); background: var(--lb-warning-bg); }
+    .preview-unavailable { padding: 26px 20px; }
+    .preview-unavailable-title { margin: 0 0 8px; font-size: 15px; font-weight: 700; }
+    .preview-unavailable-text { margin: 0; color: var(--lb-text-muted); line-height: 1.6; }
+    .preview-plain {
+      flex: 1 1 auto;
+      box-sizing: border-box;
+      margin: 0;
+      padding: 18px 20px 24px;
+      min-height: 0;
+      overflow: auto;
+      white-space: pre-wrap;
+      overflow-wrap: anywhere;
+      tab-size: 2;
+      line-height: 1.55;
+      color: var(--lb-text);
+      background: var(--lb-surface);
+    }
+    .preview-target-line {
+      display: inline-block;
+      min-width: 100%;
+      margin: 0 -20px;
+      padding: 0 20px;
+      background: var(--lb-target-line);
+      box-shadow: inset 3px 0 0 var(--lb-target-stripe);
+    }
+    #previewEditor { flex: 1 1 auto; width: 100%; min-height: 0; }
+    .ace_editor { width: 100% !important; height: 100% !important; }
+    .ace_marker-layer .ace_active-line { background: transparent !important; }
+    .ace_marker-layer .ace_selection { background: var(--lb-selection) !important; }
+    @media (max-width: 640px) {
+      .toolbar { padding: 12px; }
+      .preview-shell { padding: 12px; }
+    }
+  </style>
+</head>
+<body>
+  <div class="toolbar">
+    <div class="toolbar-row">${toolbar}</div>
+    <div class="meta">${escapeHtml(previewMeta)}</div>
+  </div>
+  <main class="preview-shell">
+    <section class="preview-card">
+      ${previewUnavailable ? `<div class="preview-unavailable">
+  <p class="preview-unavailable-title">Inline preview disabled</p>
+  <p class="preview-unavailable-text">This file is larger than ${String(Math.floor(MAX_INLINE_PREVIEW_BYTES / 1024))} KiB. Use <strong>Raw</strong> or <strong>Download</strong> instead.</p>
+</div>` : `<pre id="previewFallback" class="preview-plain">${previewPlainHtml}</pre>
+<div id="previewEditor" hidden></div>`}
+    </section>
+  </main>
+	  ${previewUnavailable ? "" : `<script src="${ACE_CDN_BASE}/ace.min.js"></script>
+	  <script>
+	    const targetLineNumber = ${line ?? "null"};
+	    const targetColumnNumber = ${column ?? "null"};
+	    const previewFallback = document.getElementById('previewFallback');
+	    const previewTargetLine = document.getElementById('previewTargetLine');
+	    const previewEditor = document.getElementById('previewEditor');
+	    ${renderAceLineTargetScript()}
+	    if (previewTargetLine) {
+	      previewTargetLine.scrollIntoView({ block: 'center' });
+	    }
+	    if (window.ace && previewEditor) {
+	      previewEditor.hidden = false;
+	      if (previewFallback) previewFallback.hidden = true;
+	      ace.config.set('basePath', '${ACE_CDN_BASE}/');
+	      const editor = ace.edit('previewEditor');
+	      applyAceTheme(editor);
+	      editor.session.setMode('ace/mode/${escapeHtml(metadata.language.aceMode)}');
+	      editor.session.setUseWorker(false);
+	      editor.setValue(${safePreviewLiteral}, -1);
+      editor.setOptions({
+        readOnly: true,
+        highlightActiveLine: !!targetLineNumber,
+        highlightGutterLine: false,
+        showPrintMargin: false,
+        fontSize: '13px',
+        wrap: true,
+        behavioursEnabled: false,
+        displayIndentGuides: true,
+	      });
+	      editor.renderer.setShowGutter(true);
+	      editor.renderer.$cursorLayer.element.style.display = 'none';
+	      if (targetLineNumber) {
+	        selectTargetLine(editor, targetLineNumber, targetColumnNumber);
+	      }
+	      window.addEventListener('codex-local-browse-themechange', function() {
+	        applyAceTheme(editor);
+	      });
+	      editor.resize();
+	    }
+	  </script>`}
+</body>
+</html>`;
+}
+async function createTextEditorHtml(localPath, options) {
+  const newProjectName = normalizeNewProjectName(options?.newProjectName ?? "");
+  const line = normalizeLineTarget(options?.line);
+  const column = line ? normalizeLineTarget(options?.column) : null;
+  const metadata = await getLocalTextFileMetadata(localPath);
+  if (!metadata) {
+    throw new Error("Only text-like files are editable.");
+  }
   const content = await readFile4(localPath, "utf8");
   const parentPath = dirname2(localPath);
-  const language = languageForPath(localPath);
   const safeContentLiteral = escapeForInlineScriptString(content);
   return `<!doctype html>
 <html lang="en">
@@ -7478,49 +7952,64 @@ async function createTextEditorHtml(localPath) {
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Edit ${escapeHtml(localPath)}</title>
+  <script>${renderStandaloneThemeBootstrapScript()}</script>
   <style>
+    ${renderStandaloneThemeCss()}
     html, body { width: 100%; height: 100%; margin: 0; }
-    body { font-family: ui-monospace, Menlo, Monaco, monospace; background: #0b1020; color: #dbe6ff; display: flex; flex-direction: column; overflow: hidden; }
-    .toolbar { position: sticky; top: 0; z-index: 10; display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; background: #0b1020; border-bottom: 1px solid #243a5a; }
+    body { font-family: ui-monospace, Menlo, Monaco, monospace; background: var(--lb-bg); color: var(--lb-text); display: flex; flex-direction: column; overflow: hidden; }
+    .toolbar { position: sticky; top: 0; z-index: 10; display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; background: var(--lb-bg); border-bottom: 1px solid var(--lb-border); }
     .row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
-    button, a { background: #1b2a4a; color: #dbe6ff; border: 1px solid #345; padding: 6px 10px; border-radius: 6px; text-decoration: none; cursor: pointer; }
+    button, a { background: var(--lb-accent-bg); color: var(--lb-button-text); border: 1px solid var(--lb-accent-border); padding: 6px 10px; border-radius: 6px; text-decoration: none; cursor: pointer; }
     button:hover, a:hover { filter: brightness(1.08); }
     #editor { flex: 1 1 auto; min-height: 0; width: 100%; border: none; overflow: hidden; }
-    #status { margin-left: 8px; color: #8cc2ff; }
-    .ace_editor { background: #07101f !important; color: #dbe6ff !important; width: 100% !important; height: 100% !important; }
-    .ace_gutter { background: #07101f !important; color: #6f8eb5 !important; }
-    .ace_marker-layer .ace_active-line { background: #10213c !important; }
-    .ace_marker-layer .ace_selection { background: rgba(140, 194, 255, 0.3) !important; }
-    .meta { opacity: 0.9; font-size: 12px; overflow-wrap: anywhere; }
+    #status { margin-left: 8px; color: var(--lb-text-muted); }
+    .ace_editor { width: 100% !important; height: 100% !important; }
+    .ace_marker-layer .ace_active-line { background: var(--lb-target-line) !important; }
+    .ace_marker-layer .ace_selection { background: var(--lb-selection-strong) !important; }
+    .meta { opacity: 0.9; font-size: 12px; overflow-wrap: anywhere; color: var(--lb-text-muted); }
   </style>
 </head>
 <body>
   <div class="toolbar">
     <div class="row">
-      <a href="${escapeHtml(toBrowseHref(parentPath))}">Back</a>
+      <a href="${escapeHtml(toBrowseHref(parentPath, { newProjectName }))}">Back</a>
+      <a href="${escapeHtml(toBrowseHref(localPath, { newProjectName, line, column }))}">Preview</a>
+      <a href="${escapeHtml(toRawFileHref(localPath))}" target="_blank" rel="noopener noreferrer">Raw</a>
+      <a href="${escapeHtml(toRawFileHref(localPath, { download: true }))}">Download</a>
       <button id="saveBtn" type="button">Save</button>
       <span id="status"></span>
     </div>
-    <div class="meta">${escapeHtml(localPath)} \xB7 ${escapeHtml(language)}</div>
+    <div class="meta">${escapeHtml([localPath, metadata.language.label, formatLineTargetLabel(line, column)].filter(Boolean).join(" \xB7 "))}</div>
   </div>
   <div id="editor"></div>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/ace.js"></script>
-  <script>
-    const saveBtn = document.getElementById('saveBtn');
-    const status = document.getElementById('status');
-    const editor = ace.edit('editor');
-    editor.setTheme('ace/theme/tomorrow_night');
-    editor.session.setMode('ace/mode/${escapeHtml(language)}');
-    editor.setValue(${safeContentLiteral}, -1);
+	  <script src="${ACE_CDN_BASE}/ace.min.js"></script>
+	  <script>
+	    const targetLineNumber = ${line ?? "null"};
+	    const targetColumnNumber = ${column ?? "null"};
+	    const saveBtn = document.getElementById('saveBtn');
+	    const status = document.getElementById('status');
+	    ${renderAceLineTargetScript()}
+	    ace.config.set('basePath', '${ACE_CDN_BASE}/');
+	    const editor = ace.edit('editor');
+	    applyAceTheme(editor);
+	    editor.session.setMode('ace/mode/${escapeHtml(metadata.language.aceMode)}');
+	    editor.session.setUseWorker(false);
+	    editor.setValue(${safeContentLiteral}, -1);
     editor.setOptions({
       fontSize: '13px',
       wrap: true,
       showPrintMargin: false,
       useSoftTabs: true,
       tabSize: 2,
-      behavioursEnabled: true,
-    });
-    editor.resize();
+	      behavioursEnabled: true,
+	    });
+	    if (targetLineNumber) {
+	      selectTargetLine(editor, targetLineNumber, targetColumnNumber);
+	    }
+	    window.addEventListener('codex-local-browse-themechange', function() {
+	      applyAceTheme(editor);
+	    });
+	    editor.resize();
 
     saveBtn.addEventListener('click', async () => {
       status.textContent = 'Saving...';
@@ -7586,6 +8075,34 @@ function readWildcardPathParam(value) {
   if (Array.isArray(value)) return value.join("/");
   return "";
 }
+function readBooleanQueryFlag(value) {
+  return typeof value === "string" && ["1", "true", "yes", "on"].includes(value.toLowerCase());
+}
+function readPositiveIntegerQueryParam(value) {
+  if (typeof value !== "string") return null;
+  const parsed = Number(value);
+  return Number.isInteger(parsed) && parsed > 0 ? parsed : null;
+}
+function localFileErrorResponse(error) {
+  const code = typeof error === "object" && error !== null && "code" in error ? String(error.code ?? "") : "";
+  const statusCode = typeof error === "object" && error !== null && "statusCode" in error ? Number(error.statusCode) : NaN;
+  if (code === "ENOENT" || statusCode === 404) {
+    return { status: 404, body: { error: "File not found." } };
+  }
+  if (code === "EACCES" || code === "EPERM" || statusCode === 403) {
+    return { status: 403, body: { error: "Access denied." } };
+  }
+  return { status: 500, body: { error: "Failed to read file." } };
+}
+function sendLocalFileJsonError(res, error) {
+  if (res.headersSent) return;
+  const response = localFileErrorResponse(error);
+  res.status(response.status).json(response.body);
+}
+function attachmentContentDisposition(pathValue) {
+  const fileName = basename5(pathValue).replace(/["\\]/gu, "_");
+  return `attachment; filename="${fileName}"`;
+}
 function createServer(options = {}) {
   const app = express();
   const bridge = createCodexBridgeMiddleware();
@@ -7613,19 +8130,87 @@ function createServer(options = {}) {
       if (!res.headersSent) res.status(404).json({ error: "Image file not found." });
     });
   });
-  app.get("/codex-local-file", (req, res) => {
+  app.post("/codex-api/local-paths/probe", express.json({ limit: "64kb" }), async (req, res) => {
+    const body = req.body && typeof req.body === "object" && !Array.isArray(req.body) ? req.body : {};
+    const rawPaths = Array.isArray(body.paths) ? body.paths : [];
+    const normalizedPaths = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const candidate of rawPaths.slice(0, 200)) {
+      if (typeof candidate !== "string") continue;
+      const normalized = normalizeLocalPath(candidate);
+      if (!normalized || seen.has(normalized)) continue;
+      seen.add(normalized);
+      normalizedPaths.push(normalized);
+    }
+    const entries = await Promise.all(normalizedPaths.map(async (pathValue) => {
+      if (!isAbsolute3(pathValue)) {
+        return {
+          path: pathValue,
+          exists: false,
+          isDirectory: false
+        };
+      }
+      try {
+        const fileStat = await stat6(pathValue);
+        return {
+          path: pathValue,
+          exists: true,
+          isDirectory: fileStat.isDirectory()
+        };
+      } catch {
+        return {
+          path: pathValue,
+          exists: false,
+          isDirectory: false
+        };
+      }
+    }));
+    res.status(200).json({ data: { entries } });
+  });
+  app.get("/codex-local-file", async (req, res) => {
     const rawPath = typeof req.query.path === "string" ? req.query.path : "";
     const localPath = normalizeLocalPath(rawPath);
+    const wantsDownload = readBooleanQueryFlag(req.query.download);
     if (!localPath || !isAbsolute3(localPath)) {
       res.status(400).json({ error: "Expected absolute local file path." });
       return;
     }
-    res.setHeader("Cache-Control", "private, no-store");
-    res.setHeader("Content-Disposition", "inline");
-    res.sendFile(localPath, { dotfiles: "allow" }, (error) => {
-      if (!error) return;
-      if (!res.headersSent) res.status(404).json({ error: "File not found." });
-    });
+    try {
+      const fileStat = await stat6(localPath);
+      if (!fileStat.isFile()) {
+        res.status(400).json({ error: "Expected file path." });
+        return;
+      }
+      const textMetadata = await getLocalTextFileMetadata(localPath);
+      res.setHeader("Cache-Control", "private, no-store");
+      if (wantsDownload) {
+        res.setHeader("Content-Disposition", attachmentContentDisposition(localPath));
+        res.sendFile(localPath, { dotfiles: "allow" }, (error) => {
+          if (!error) return;
+          sendLocalFileJsonError(res, error);
+        });
+        return;
+      }
+      if (textMetadata) {
+        const stream = createReadStream2(localPath, { encoding: "utf8" });
+        stream.on("open", () => {
+          res.status(200).type("text/plain; charset=utf-8");
+        });
+        stream.on("error", (error) => {
+          stream.destroy();
+          sendLocalFileJsonError(res, error);
+        });
+        stream.pipe(res);
+        return;
+      }
+      res.setHeader("Content-Disposition", "inline");
+      res.sendFile(localPath, { dotfiles: "allow" }, (error) => {
+        if (!error) return;
+        sendLocalFileJsonError(res, error);
+      });
+    } catch (error) {
+      sendLocalFileJsonError(res, error);
+    }
   });
   app.get("/codex-local-directories", async (req, res) => {
     const rawPath = typeof req.query.path === "string" ? req.query.path : "";
@@ -7651,6 +8236,8 @@ function createServer(options = {}) {
     const rawPath = readWildcardPathParam(req.params.path);
     const localPath = decodeBrowsePath(`/${rawPath}`);
     const newProjectName = typeof req.query.newProjectName === "string" ? req.query.newProjectName : "";
+    const line = readPositiveIntegerQueryParam(req.query.line);
+    const column = line ? readPositiveIntegerQueryParam(req.query.column) : null;
     if (!localPath || !isAbsolute3(localPath)) {
       res.status(400).json({ error: "Expected absolute local file path." });
       return;
@@ -7663,6 +8250,13 @@ function createServer(options = {}) {
         res.status(200).type("text/html; charset=utf-8").send(html);
         return;
       }
+      const textMetadata = await getLocalTextFileMetadata(localPath);
+      if (textMetadata) {
+        const html = await createTextPreviewHtml(localPath, { newProjectName, line, column });
+        res.status(200).type("text/html; charset=utf-8").send(html);
+        return;
+      }
+      res.setHeader("Content-Disposition", "attachment");
       res.sendFile(localPath, { dotfiles: "allow" }, (error) => {
         if (!error) return;
         if (!res.headersSent) res.status(404).json({ error: "File not found." });
@@ -7674,6 +8268,9 @@ function createServer(options = {}) {
   app.get("/codex-local-edit/*path", async (req, res) => {
     const rawPath = readWildcardPathParam(req.params.path);
     const localPath = decodeBrowsePath(`/${rawPath}`);
+    const newProjectName = typeof req.query.newProjectName === "string" ? req.query.newProjectName : "";
+    const line = readPositiveIntegerQueryParam(req.query.line);
+    const column = line ? readPositiveIntegerQueryParam(req.query.column) : null;
     if (!localPath || !isAbsolute3(localPath)) {
       res.status(400).json({ error: "Expected absolute local file path." });
       return;
@@ -7684,7 +8281,11 @@ function createServer(options = {}) {
         res.status(400).json({ error: "Expected file path." });
         return;
       }
-      const html = await createTextEditorHtml(localPath);
+      if (!await isTextEditableFile(localPath)) {
+        res.status(415).json({ error: "Only text-like files are editable." });
+        return;
+      }
+      const html = await createTextEditorHtml(localPath, { newProjectName, line, column });
       res.status(200).type("text/html; charset=utf-8").send(html);
     } catch {
       res.status(404).json({ error: "File not found." });