@jxsuite/studio 4.1.0 → 5.1.0

package/dist/chunks/studio-5myknm0a.js

@@ -1,1903 +0,0 @@
-import {
-  listWindow,
-  measuredRowHeight,
-  revealListRow,
-  watchListWindow
-} from "./studio-4r1pv6zf.js";
-import {
-  formatBytes,
-  loadMediaMeta,
-  peekMediaMeta,
-  recordImageSize
-} from "./studio-1wagb550.js";
-import {
-  autoSyncProjectOnOpen,
-  cleanupGitPanel,
-  maybePromptJxsuiteUpdate,
-  shouldInstallAutomation
-} from "./studio-gfgb8pe6.js";
-import {
-  collectionOfPath
-} from "./studio-6yw4y3my.js";
-import {
-  openCsvGridTab,
-  openPagesGrid
-} from "./studio-3bqpr0zh.js";
-import {
-  confirmFileDelete,
-  disarmPreviewOverlay,
-  loadMediaUsages,
-  mediaUsageHeadline,
-  parseSourceForPath,
-  peekMediaUsages,
-  renamePromptMessage
-} from "./studio-cmb03bg5.js";
-import {
-  ensureIgnoreLayers,
-  isIgnoredEntry,
-  markLocalMutation,
-  resetIgnoreCache
-} from "./studio-q43a5y9h.js";
-import {
-  extensionOf,
-  isImage,
-  isMediaFile,
-  mediaKind,
-  mediaSiteUrl,
-  previewFileSrc,
-  uploadAccept,
-  uploadAssets
-} from "./studio-qjy2z9bv.js";
-import {
-  invalidateUsages
-} from "./studio-cft9r4r7.js";
-import {
-  showProgressModal
-} from "./studio-4n2b5gzb.js";
-import {
-  rectOf,
-  registerPanel
-} from "./studio-2b946z26.js";
-import {
-  markSessionRestored,
-  persistedSession,
-  resetProjectShell,
-  restoreSession,
-  setActivityTab
-} from "./studio-msd847zn.js";
-import {
-  activateTab,
-  collectionForDirectory,
-  collectionForFile,
-  isCollabPath,
-  localeLabel,
-  localeOfPath,
-  moveTabToPane,
-  openTab,
-  paneOfTab,
-  receivingPane,
-  renameTab,
-  replaceAllTabs,
-  resolveI18n,
-  setWorkspaceProject,
-  workspace
-} from "./studio-trxrabqf.js";
-import {
-  classMap
-} from "./studio-m3hwn7y1.js";
-import {
-  combine,
-  draggable,
-  dropTargetForElements,
-  monitorForElements
-} from "./studio-g1wdche0.js";
-import {
-  loadComponentRegistry
-} from "./studio-bgxt93ga.js";
-import {
-  projectState,
-  requireProjectState,
-  setProjectState
-} from "./studio-p4ngc046.js";
-import {
-  activeRegistry,
-  paneRegion,
-  renderPopover,
-  showPromptDialog
-} from "./studio-t7qb9db8.js";
-import {
-  errorMessage
-} from "./studio-9n4mrmnb.js";
-import {
-  SETTINGS,
-  readStoredSetting,
-  setSetting
-} from "./studio-92ab2jqe.js";
-import {
-  effect,
-  effectScope,
-  notify,
-  now
-} from "./studio-xrapxwwc.js";
-import {
-  ref,
-  repeat
-} from "./studio-4rzyrtjz.js";
-import {
-  html,
-  nothing,
-  render
-} from "./studio-kryvsw6j.js";
-import {
-  documentExtensions,
-  formatByExtension,
-  formatForPath,
-  getFormats,
-  loadFormats,
-  noFormatError,
-  refreshExtensionUi,
-  refreshFormats
-} from "./studio-ahn3pdgx.js";
-import {
-  getPlatform,
-  hasPlatform
-} from "./studio-9ab8gqsm.js";
-import {
-  __require
-} from "./studio-a0tswy0w.js";
-
-// src/packages/ensure-deps.ts
-async function ensureDependenciesInstalled() {
-  if (shouldInstallAutomation(location.search)) {
-    return false;
-  }
-  const platform = getPlatform();
-  if (!platform.dependenciesNeedInstall || !platform.installDependencies) {
-    return false;
-  }
-  let needs = false;
-  try {
-    needs = await platform.dependenciesNeedInstall();
-  } catch {
-    return false;
-  }
-  if (!needs) {
-    return false;
-  }
-  const progress = showProgressModal({
-    status: "Running bun install…",
-    title: "Installing dependencies"
-  });
-  try {
-    const result = await platform.installDependencies();
-    if (result.ok) {
-      progress.done();
-      return true;
-    }
-    progress.fail(result.log ?? "bun install failed");
-  } catch (error) {
-    progress.fail(error instanceof Error ? error.message : String(error));
-  }
-  return false;
-}
-
-// src/media/media-pane.ts
-var MEDIA_MODE = "media";
-var FONT_EXTENSIONS = new Set([".woff", ".woff2", ".ttf", ".otf"]);
-var SPECIMEN = "The quick brown fox jumps over the lazy dog";
-var SPECIMEN_SIZES = [48, 32, 24, 18, 14];
-var _active = new Map;
-function activeIn(paneId) {
-  return _active.get(paneId) ?? null;
-}
-function mediaPaneMounted(paneId, tab) {
-  const panel = activeIn(paneId);
-  return panel !== null && panel.tabId === tab.id && panel.wrap.isConnected;
-}
-function detachMediaPane(paneId) {
-  const panel = _active.get(paneId);
-  if (!panel) {
-    return;
-  }
-  panel.scope.stop();
-  _active.delete(paneId);
-}
-function assetTpl(path, src, redraw) {
-  const ext = extensionOf(path);
-  const kind = mediaKind({ name: path });
-  if (FONT_EXTENSIONS.has(ext)) {
-    const family = `jx-specimen-${path.replaceAll(/[^a-zA-Z0-9]/g, "-")}`;
-    return html`
-      <style>
-        @font-face {
-          font-family: "${family}";
-          src: url("${src}");
-        }
-      </style>
-      <div class="media-specimen" style="font-family: '${family}', system-ui, sans-serif">
-        ${SPECIMEN_SIZES.map((size) => html`<p class="media-specimen-line" style="font-size: ${size}px">
-            ${SPECIMEN}
-          </p>`)}
-      </div>
-    `;
-  }
-  switch (kind) {
-    case "image": {
-      return html`<img
-        class="media-image"
-        src=${src}
-        alt=""
-        @load=${(e) => {
-        const img = e.target;
-        if (recordImageSize(path, img.naturalWidth, img.naturalHeight)) {
-          redraw();
-        }
-      }}
-      />`;
-    }
-    case "video": {
-      return html`<video class="media-video" src=${src} controls></video>`;
-    }
-    case "audio": {
-      return html`<audio class="media-audio" src=${src} controls></audio>`;
-    }
-    default: {
-      return ext === ".pdf" ? html`<embed class="media-embed" src=${src} type="application/pdf" />` : html`<div class="media-unviewable">
-            <p>Jx has no viewer for <code>${ext || "this file"}</code>.</p>
-            <p class="media-note">The file is in the project and builds normally.</p>
-          </div>`;
-    }
-  }
-}
-function factsTpl(path, meta) {
-  const facts = [mediaKind({ name: path })];
-  if (meta?.width != null && meta.height != null) {
-    facts.push(`${meta.width} × ${meta.height}`);
-  }
-  if (meta?.bytes != null) {
-    facts.push(formatBytes(meta.bytes));
-  }
-  if (meta?.modified) {
-    facts.push(`modified ${meta.modified.slice(0, 10)}`);
-  }
-  return html`<p class="media-facts">${facts.join(" · ")}</p>`;
-}
-function refTpl(path) {
-  const ref2 = mediaSiteUrl(path);
-  return html`
-    <div class="media-ref">
-      <code class="media-ref-value">${ref2}</code>
-      <sp-action-button
-        size="s"
-        quiet
-        title="Copy the reference"
-        @click=${() => {
-    navigator.clipboard?.writeText(ref2);
-  }}
-        >Copy</sp-action-button
-      >
-    </div>
-  `;
-}
-function usageTpl(usage) {
-  const headline = mediaUsageHeadline(usage);
-  if (headline === null) {
-    return nothing;
-  }
-  const files = usage?.status === "ready" ? usage.result.files : [];
-  return html`
-    <div class="media-usage">
-      <h4 class="media-usage-title">Used by</h4>
-      <p class="media-usage-headline">${headline}</p>
-      ${files.length === 0 ? nothing : html`<ul class="media-usage-list">
-              ${files.map((file) => html`<li>
-                  <button
-                    type="button"
-                    class="media-usage-link"
-                    @click=${() => {
-    openDocument(file.path);
-  }}
-                  >
-                    ${file.path}
-                  </button>
-                  <span class="media-usage-count">${file.count}</span>
-                </li>`)}
-            </ul>`}
-    </div>
-  `;
-}
-async function openDocument(path) {
-  const { openFileInTab } = await import("./files-3kfkwhk4.js");
-  await openFileInTab(path);
-}
-function renderMediaMode(surface, tab) {
-  const { paneId, wrap: canvasWrap } = surface;
-  if (mediaPaneMounted(paneId, tab)) {
-    return;
-  }
-  detachMediaPane(paneId);
-  const scope = effectScope();
-  const panel = { paneId, scope, tabId: tab.id, wrap: canvasWrap };
-  _active.set(paneId, panel);
-  const path = tab.documentPath ?? "";
-  const redraw = () => {
-    if (activeIn(paneId) === panel) {
-      draw();
-    }
-  };
-  const draw = () => {
-    const meta = peekMediaMeta(path);
-    const usage = peekMediaUsages(path);
-    if (meta === null) {
-      loadMediaMeta(path).then(redraw);
-    }
-    if (usage === null || usage.status === "pending") {
-      loadMediaUsages(path).then(redraw);
-    }
-    render(html`
-        <div class="media-viewer" data-jx-region=${paneRegion(paneId, "media")}>
-          <div class="media-stage">${assetTpl(path, previewFileSrc(path), redraw)}</div>
-          <div class="media-details">
-            <h3 class="media-name">${path.split("/").pop()}</h3>
-            ${factsTpl(path, meta)} ${refTpl(path)} ${usageTpl(usage)}
-          </div>
-        </div>
-      `, canvasWrap);
-  };
-  scope.run(() => {
-    effect(() => {
-      if (activeIn(paneId) !== panel) {
-        return;
-      }
-      tab.documentPath;
-      draw();
-    });
-  });
-}
-
-// src/media/media-open.ts
-var MEDIA_STUB_DOCUMENT = { children: [], tagName: "div" };
-function isViewableMedia(path) {
-  return isMediaFile(path);
-}
-function mediaTabModes(path) {
-  return extensionOf(path) === ".svg" ? [MEDIA_MODE, "source"] : [MEDIA_MODE];
-}
-function openMediaTab(path) {
-  const existing = workspace.tabs.get(path);
-  if (existing) {
-    activateTab(path);
-    return existing;
-  }
-  return openTab({
-    capabilities: { modes: mediaTabModes(path) },
-    document: structuredClone(MEDIA_STUB_DOCUMENT),
-    documentPath: path,
-    id: path,
-    sourceFormat: null
-  });
-}
-
-// src/format/format-choices.ts
-var DOCUMENT_KINDS = ["page", "component"];
-var DOCUMENT_ROOTS = { components: "component", pages: "page" };
-function normalize(path) {
-  return path.replaceAll("\\", "/").replace(/^\.\//, "");
-}
-function documentRootOf(path) {
-  const lower = normalize(path).toLowerCase();
-  for (const [dir, kind] of Object.entries(DOCUMENT_ROOTS)) {
-    if (lower.startsWith(`${dir}/`)) {
-      return kind;
-    }
-  }
-  return null;
-}
-function declaresDocumentKind(kinds) {
-  return DOCUMENT_KINDS.some((kind) => kinds.includes(kind));
-}
-function isLayoutPath(path) {
-  const declared = projectState?.projectConfig?.layout;
-  if (typeof declared !== "string") {
-    return false;
-  }
-  return normalize(declared).toLowerCase() === normalize(path).toLowerCase();
-}
-function creationFormats(kind) {
-  const rows = [{ ext: ".json", label: "JSON (.json)" }];
-  for (const ext of documentExtensions(kind)) {
-    const reader = formatByExtension(ext, "parse");
-    if (reader && formatByExtension(ext, "serialize")) {
-      rows.push({ ext, label: `${reader.name} (${ext})` });
-    }
-  }
-  return rows;
-}
-function knownDocumentExtensions() {
-  return new Set([".json", ...getFormats().flatMap((format) => format.extensions)]);
-}
-function convertTargets(path) {
-  if (path === null || path === undefined || path === "") {
-    return [];
-  }
-  const root = documentRootOf(path);
-  if (root === null || isLayoutPath(path) || collectionForFile(path)) {
-    return [];
-  }
-  const source = formatForPath(path);
-  const readable = source ? Boolean(source.capabilities.parse) && declaresDocumentKind(source.documentKinds) : normalize(path).toLowerCase().endsWith(".json");
-  if (!readable) {
-    return [];
-  }
-  const rows = [];
-  if (source) {
-    rows.push({ ext: ".json", label: "JSON (.json)" });
-  }
-  for (const ext of documentExtensions()) {
-    const writer = formatByExtension(ext, "serialize");
-    if (!writer || writer.name === source?.name || !declaresDocumentKind(writer.documentKinds) || !writer.documentKinds.includes(root)) {
-      continue;
-    }
-    rows.push({ ext, label: `${writer.name} (${ext})` });
-  }
-  return rows;
-}
-function convertTargetExtensions() {
-  const exts = new Set([".json"]);
-  for (const format of getFormats()) {
-    if (!format.capabilities.serialize || !declaresDocumentKind(format.documentKinds)) {
-      continue;
-    }
-    for (const ext of format.extensions) {
-      exts.add(ext);
-    }
-  }
-  return [...exts].toSorted();
-}
-
-// src/recent-projects.ts
-var STORAGE_KEY = "jx-studio-recent-projects";
-var FILES_STORAGE_KEY = "jx-studio-recent-files";
-var MAX_RECENT = 8;
-var MAX_RECENT_FILES = 10;
-var cache = [];
-function backend() {
-  if (!hasPlatform()) {
-    return null;
-  }
-  const platform = getPlatform();
-  return platform.getRecentProjects && platform.saveRecentProjects ? platform : null;
-}
-function loadFromLocalStorage() {
-  try {
-    const raw = localStorage.getItem(STORAGE_KEY);
-    if (!raw) {
-      return [];
-    }
-    const parsed = JSON.parse(raw);
-    return Array.isArray(parsed) ? parsed : [];
-  } catch {
-    return [];
-  }
-}
-function currentList() {
-  return backend() ? cache : loadFromLocalStorage();
-}
-function commit(list) {
-  cache = list;
-  const store = backend();
-  if (store) {
-    store.saveRecentProjects(list);
-  } else {
-    try {
-      localStorage.setItem(STORAGE_KEY, JSON.stringify(list));
-    } catch {}
-  }
-}
-async function hydrateRecentProjects() {
-  const store = backend();
-  if (!store) {
-    return;
-  }
-  try {
-    cache = await store.getRecentProjects();
-  } catch {
-    cache = [];
-  }
-}
-function getRecentProjects() {
-  return currentList().toSorted((a, b) => b.timestamp - a.timestamp);
-}
-function addRecentProject(name, root) {
-  const projects = currentList().filter((p) => p.root !== root);
-  projects.unshift({ name, root, timestamp: now() });
-  if (projects.length > MAX_RECENT) {
-    projects.length = MAX_RECENT;
-  }
-  commit(projects);
-}
-function removeRecentProject(root) {
-  commit(currentList().filter((p) => p.root !== root));
-}
-function clearRecentProjects() {
-  cache = [];
-  const store = backend();
-  if (store) {
-    store.saveRecentProjects([]);
-  } else {
-    localStorage.removeItem(STORAGE_KEY);
-  }
-}
-function loadRecentFiles() {
-  try {
-    const raw = localStorage.getItem(FILES_STORAGE_KEY);
-    if (!raw) {
-      return [];
-    }
-    const parsed = JSON.parse(raw);
-    return Array.isArray(parsed) ? parsed : [];
-  } catch {
-    return [];
-  }
-}
-function getRecentFiles(root) {
-  const all = loadRecentFiles().toSorted((a, b) => b.timestamp - a.timestamp);
-  return root == null ? all : all.filter((f) => f.root === root);
-}
-function trackRecentFile(file) {
-  const all = loadRecentFiles().filter((f) => !(f.root === file.root && f.path === file.path));
-  all.unshift({ name: file.name, path: file.path, root: file.root, timestamp: now() });
-  const perRoot = new Map;
-  const kept = [];
-  for (const f of all.toSorted((a, b) => b.timestamp - a.timestamp)) {
-    const n = (perRoot.get(f.root) ?? 0) + 1;
-    perRoot.set(f.root, n);
-    if (n <= MAX_RECENT_FILES) {
-      kept.push(f);
-    }
-  }
-  localStorage.setItem(FILES_STORAGE_KEY, JSON.stringify(kept));
-}
-
-// src/files/files.ts
-var fileIconMap = {
-  "sp-icon-document": html`<sp-icon-document></sp-icon-document>`,
-  "sp-icon-file-code": html`<sp-icon-file-code></sp-icon-file-code>`,
-  "sp-icon-file-txt": html`<sp-icon-file-txt></sp-icon-file-txt>`,
-  "sp-icon-folder": html`<sp-icon-folder></sp-icon-folder>`,
-  "sp-icon-folder-open": html`<sp-icon-folder-open></sp-icon-folder-open>`,
-  "sp-icon-image": html`<sp-icon-image></sp-icon-image>`
-};
-async function loadDirectory(dirPath) {
-  if (!projectState) {
-    return;
-  }
-  try {
-    const platform = getPlatform();
-    const [entries] = await Promise.all([
-      platform.listDirectory(dirPath),
-      ensureIgnoreLayers(dirPath)
-    ]);
-    projectState.dirs.set(dirPath, entries);
-  } catch {
-    projectState.dirs.set(dirPath, []);
-  }
-}
-function showIgnoredFiles() {
-  return readStoredSetting(SETTINGS.showIgnoredFiles) === "true";
-}
-function setShowIgnoredFiles(show) {
-  setSetting(SETTINGS.showIgnoredFiles, show ? "true" : "");
-}
-async function loadProject() {
-  try {
-    const platform = getPlatform();
-    const result = await platform.probeRootProject();
-    if (!result) {
-      return;
-    }
-    const { meta, info } = result;
-    refreshFormats();
-    loadFormats();
-    refreshExtensionUi(platform);
-    resetIgnoreCache();
-    setProjectState({
-      dirs: new Map,
-      expanded: new Set,
-      isSiteProject: info.isSiteProject,
-      name: info.isSiteProject ? info.projectConfig?.name || meta.name : meta.name,
-      projectConfig: (info.isSiteProject ? info.projectConfig : null) || null,
-      projectDirs: info.directories || [],
-      projectRoot: ".",
-      root: meta.root,
-      searchQuery: "",
-      selectedPath: null
-    });
-    if (info.isSiteProject) {
-      setWorkspaceProject(meta.root || ".", info.projectConfig || null);
-    }
-    if (info.isSiteProject) {
-      addRecentProject(requireProjectState().name, meta.root);
-      await autoSyncProjectOnOpen();
-      if (await ensureDependenciesInstalled()) {
-        refreshFormats();
-        await loadFormats();
-        refreshExtensionUi(platform);
-      }
-      await loadDirectory(".");
-      await loadComponentRegistry();
-      await openLastSessionOrHome();
-      maybePromptJxsuiteUpdate(meta.root);
-    }
-  } catch {}
-}
-async function openProject({
-  renderLeftPanel
-}) {
-  try {
-    const platform = getPlatform();
-    const result = await platform.openProject();
-    if (!result) {
-      return false;
-    }
-    const { config, handle } = result;
-    replaceAllTabs({
-      document: { children: [], tagName: "div" },
-      id: "initial"
-    });
-    disarmPreviewOverlay();
-    refreshFormats();
-    loadFormats();
-    refreshExtensionUi(platform);
-    resetIgnoreCache();
-    setProjectState({
-      ...projectState,
-      dirs: new Map,
-      expanded: new Set,
-      isSiteProject: true,
-      name: config.name || handle.name,
-      projectConfig: config,
-      projectRoot: handle.root,
-      searchQuery: "",
-      selectedPath: null
-    });
-    setWorkspaceProject(handle.root, config);
-    await autoSyncProjectOnOpen();
-    if (await ensureDependenciesInstalled()) {
-      refreshFormats();
-      await loadFormats();
-      refreshExtensionUi(platform);
-    }
-    await loadDirectory(".");
-    await loadComponentRegistry();
-    const conventionalDirs = new Set([
-      "pages",
-      "layouts",
-      "components",
-      "content",
-      "data",
-      "public",
-      "styles"
-    ]);
-    const entries = requireProjectState().dirs.get(".") || [];
-    const foundDirs = [];
-    for (const e of entries) {
-      if (e.type === "directory" && conventionalDirs.has(e.name)) {
-        foundDirs.push(e.name);
-        requireProjectState().expanded.add(e.path || e.name);
-        await loadDirectory(e.path || e.name);
-      }
-    }
-    requireProjectState().projectDirs = foundDirs;
-    cleanupGitPanel();
-    resetProjectShell();
-    setActivityTab("files");
-    addRecentProject(requireProjectState().name, requireProjectState().projectRoot);
-    renderLeftPanel();
-    await openLastSessionOrHome();
-    maybePromptJxsuiteUpdate(requireProjectState().projectRoot);
-    return true;
-  } catch (error) {
-    notify.error("Could not open the project.", {
-      detail: errorMessage(error),
-      source: "Open Project"
-    });
-    return false;
-  }
-}
-async function initProjectRepo(root) {
-  const platform = getPlatform();
-  if (platform.createDestination !== "path") {
-    return false;
-  }
-  try {
-    await platform.activate(root);
-    const status = await platform.gitStatus();
-    if (status.isRepo) {
-      return false;
-    }
-    await platform.gitInit();
-    notify.success("Initialized a git repository for this project.");
-    return true;
-  } catch (error) {
-    notify.warn("Could not initialize a git repository — the project itself was written.", {
-      detail: errorMessage(error),
-      source: "Source Control"
-    });
-    return false;
-  }
-}
-async function findHomePage() {
-  await loadFormats();
-  const exts = [...documentExtensions("page"), ".json"];
-  let entries;
-  try {
-    entries = await getPlatform().listDirectory("pages");
-  } catch {
-    return null;
-  }
-  const files = new Set(entries.filter((e) => e.type === "file").map((e) => e.name));
-  for (const ext of exts) {
-    if (files.has(`index${ext}`)) {
-      return `pages/index${ext}`;
-    }
-  }
-  return null;
-}
-async function openHomePage() {
-  const home = await findHomePage();
-  if (home) {
-    await openFileInTab(home);
-  }
-}
-async function openLastSessionOrHome() {
-  const session = persistedSession(workspace.projectRoot);
-  markSessionRestored(workspace.projectRoot);
-  if (session) {
-    const opened = await restoreSession(session, {
-      ensureSecondPane: () => {
-        receivingPane();
-      },
-      openFile: (path, paneId) => openFileInTab(path, { focus: false, paneId })
-    });
-    if (opened > 0) {
-      return true;
-    }
-  }
-  await openHomePage();
-  return false;
-}
-function fileTypeIconTpl(name, type) {
-  let tag;
-  if (type === "directory") {
-    tag = projectState?.expanded?.has(name) ? "sp-icon-folder-open" : "sp-icon-folder";
-  } else {
-    const ext = name.split(".").pop()?.toLowerCase();
-    switch (ext) {
-      case "json": {
-        tag = "sp-icon-file-code";
-        break;
-      }
-      case "md": {
-        tag = "sp-icon-file-txt";
-        break;
-      }
-      case "js":
-      case "ts": {
-        tag = "sp-icon-file-code";
-        break;
-      }
-      case "css": {
-        tag = "sp-icon-file-code";
-        break;
-      }
-      default: {
-        tag = ext && isImage(ext) ? "sp-icon-image" : "sp-icon-document";
-        break;
-      }
-    }
-  }
-  return fileIconMap[tag] || fileIconMap["sp-icon-document"];
-}
-function renderFilesTemplate({
-  openProject: openProjectFn,
-  openFileFromTree: openFileFn,
-  renderLeftPanel
-}) {
-  if (!projectState) {
-    return html`<div class="file-tree-empty">No project loaded</div>`;
-  }
-  if (!projectState.isSiteProject && projectState.projectRoot === ".") {
-    return html`<div class="file-tree-empty">
-      <p style="margin:0 0 12px">Open a project folder to get started.</p>
-      <sp-button variant="accent" size="s" @click=${openProjectFn}>Open Project</sp-button>
-    </div>`;
-  }
-  const showingIgnored = showIgnoredFiles();
-  return html`
-    ${projectState.isSiteProject ? html`
-            <div class="project-header">
-              <span class="project-name"
-                >${projectState.projectConfig?.name || projectState.name}</span
-              >
-            </div>
-          ` : nothing}
-    <div class="files-toolbar">
-      <sp-action-group size="xs" compact quiet>
-        <sp-action-button
-          size="xs"
-          label="New File"
-          @click=${() => createNewFile(".", renderLeftPanel)}
-        >
-          <sp-icon-add slot="icon"></sp-icon-add>
-        </sp-action-button>
-        <sp-action-button
-          size="xs"
-          label="Refresh"
-          @click=${async () => {
-    requireProjectState().dirs.clear();
-    resetIgnoreCache();
-    await loadDirectory(".");
-    for (const dir of requireProjectState().expanded) {
-      await loadDirectory(dir);
-    }
-    renderLeftPanel();
-  }}
-        >
-          <sp-icon-refresh slot="icon"></sp-icon-refresh>
-        </sp-action-button>
-        <sp-action-button
-          size="xs"
-          label=${showingIgnored ? "Hide ignored files" : "Show ignored files"}
-          ?selected=${showingIgnored}
-          @click=${() => {
-    setShowIgnoredFiles(!showingIgnored);
-    renderLeftPanel();
-  }}
-        >
-          ${showingIgnored ? html`<sp-icon-visibility slot="icon"></sp-icon-visibility>` : html`<sp-icon-visibility-off slot="icon"></sp-icon-visibility-off>`}
-        </sp-action-button>
-      </sp-action-group>
-      <sp-search
-        size="s"
-        quiet
-        placeholder="Filter files…"
-        value=${requireProjectState().searchQuery}
-        @input=${(e) => {
-    requireProjectState().searchQuery = e.target.value;
-    renderLeftPanel();
-  }}
-        @submit=${(e) => e.preventDefault()}
-      ></sp-search>
-    </div>
-    <div
-      class="file-tree"
-      role="tree"
-      aria-label="Project files"
-      @keydown=${(e) => {
-    onFileTreeKeydown(e, e.currentTarget);
-  }}
-      ${ref((el) => {
-    if (el) {
-      afterFileTreeRender(el);
-    }
-  })}
-    >
-      ${fileTreeBodyTemplate({ openFileFn, renderLeftPanel })}
-    </div>
-  `;
-}
-var FILE_ROW_HEIGHT = 24;
-var _fileRows = [];
-var _fileList = null;
-var _fileWatch = null;
-var _filesRerender = null;
-var _pendingFocusPath = null;
-function fileRowHeight() {
-  return measuredRowHeight(_fileList, ".file-tree-item", FILE_ROW_HEIGHT);
-}
-function collectFileRows(dirPath, depth, rows, ctx, i18n) {
-  const entries = requireProjectState().dirs.get(dirPath);
-  if (!entries) {
-    loadDirectory(dirPath).then(() => ctx.renderLeftPanel());
-    rows.push({
-      depth,
-      expanded: false,
-      key: `loading:${dirPath}`,
-      loading: true,
-      name: "Loading…",
-      path: dirPath,
-      posInSet: 1,
-      setSize: 1,
-      type: "file"
-    });
-    return;
-  }
-  const sorted = [...entries].toSorted((a, b) => {
-    if (a.type === "directory" && b.type !== "directory") {
-      return -1;
-    }
-    if (a.type !== "directory" && b.type === "directory") {
-      return 1;
-    }
-    return a.name.localeCompare(b.name);
-  });
-  const visible = showIgnoredFiles() ? sorted : sorted.filter((e) => !isIgnoredEntry(dirPath, e.path, e.type === "directory"));
-  const query = requireProjectState().searchQuery.toLowerCase();
-  const filtered = query ? visible.filter((e) => e.type === "directory" || e.name.toLowerCase().includes(query)) : visible;
-  for (const [index, entry] of filtered.entries()) {
-    const isDir = entry.type === "directory";
-    const isExpanded = isDir && requireProjectState().expanded.has(entry.path);
-    rows.push({
-      depth,
-      expanded: isExpanded,
-      key: entry.path,
-      loading: false,
-      name: entry.name,
-      path: entry.path,
-      locale: localeOfPath(entry.path, i18n) ?? undefined,
-      posInSet: index + 1,
-      setSize: filtered.length,
-      type: entry.type
-    });
-    if (isExpanded) {
-      collectFileRows(entry.path, depth + 1, rows, ctx, i18n);
-    }
-  }
-}
-function fileIndexOfPath(path) {
-  return path === undefined ? -1 : _fileRows.findIndex((row) => !row.loading && row.path === path);
-}
-function fileStep(index, step) {
-  for (let i = index + step;i >= 0 && i < _fileRows.length; i += step) {
-    if (!_fileRows[i].loading) {
-      return i;
-    }
-  }
-  return -1;
-}
-function fileWindowChanged() {
-  if (_fileList?.isConnected !== true || _fileList.querySelector(".file-tree-item.dragging")) {
-    return;
-  }
-  queueMicrotask(() => _filesRerender?.());
-}
-function adoptFileTree(tree) {
-  _fileList = tree;
-  _fileWatch = watchListWindow(_fileWatch, tree, {
-    count: () => _fileRows.length,
-    onChange: fileWindowChanged,
-    rowHeight: fileRowHeight
-  });
-  const wanted = _pendingFocusPath;
-  if (wanted !== null) {
-    _pendingFocusPath = null;
-    fileRowElement(tree, wanted)?.focus();
-  }
-}
-function afterFileTreeRender(tree) {
-  queueMicrotask(() => adoptFileTree(tree));
-}
-function fileRowElement(tree, path) {
-  return tree.querySelector(`.file-tree-item[data-path="${CSS.escape(path)}"]`);
-}
-function fileTreeBodyTemplate(ctx) {
-  _filesRerender = ctx.renderLeftPanel;
-  _fileRows = [];
-  const { i18n } = resolveI18n(projectState?.projectConfig ?? {});
-  collectFileRows(".", 0, _fileRows, ctx, i18n);
-  const range = listWindow(_fileList, { count: _fileRows.length, rowHeight: fileRowHeight() });
-  const wanted = Math.max(0, fileIndexOfPath(requireProjectState().selectedPath ?? undefined));
-  const tabStop = Math.min(Math.max(wanted, range.start), Math.max(range.start, range.end - 1));
-  const slice = _fileRows.slice(range.start, range.end).map((row, offset) => ({ row, tabStop: range.start + offset === tabStop }));
-  return html`
-    <div style="height:${range.padTop}px" aria-hidden="true"></div>
-    ${repeat(slice, (entry) => entry.row.key, (entry) => fileRowTemplate(entry.row, entry.tabStop, ctx))}
-    <div style="height:${range.padBottom}px" aria-hidden="true"></div>
-  `;
-}
-function fileRowTemplate(row, tabStop, ctx) {
-  if (row.loading) {
-    return html`<div
-      class="file-tree-item"
-      style="padding-left:${8 + row.depth * 16}px;color:var(--fg-dim);font-style:italic"
-    >
-      Loading…
-    </div>`;
-  }
-  const isDir = row.type === "directory";
-  return html`
-    <div
-      class=${classMap({
-    "file-tree-item": true,
-    selected: requireProjectState().selectedPath === row.path
-  })}
-      style="padding-left:${8 + row.depth * 16}px"
-      role="treeitem"
-      aria-level=${row.depth + 1}
-      aria-posinset=${row.posInSet}
-      aria-setsize=${row.setSize}
-      tabindex=${tabStop ? "0" : "-1"}
-      data-path=${row.path}
-      data-type=${row.type}
-      aria-expanded=${isDir ? String(row.expanded) : nothing}
-      @click=${async (e) => {
-    e.stopPropagation();
-    if (isDir) {
-      await toggleTreeDirectory(row.path);
-      ctx.renderLeftPanel();
-    } else {
-      ctx.openFileFn(row.path);
-    }
-  }}
-      @contextmenu=${(e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    showFileContextMenu(e, { name: row.name, path: row.path, type: row.type }, ctx);
-  }}
-    >
-      ${isDir ? html`<span class="file-tree-toggle">${row.expanded ? "▼" : "▶"}</span>` : html`<span class="file-tree-toggle empty"> </span>`}
-      <span class="file-tree-icon">${fileTypeIconTpl(row.path, row.type)}</span>
-      <span class="file-tree-name">${row.name}</span>
-      ${row.locale === undefined ? nothing : html`<span class="file-tree-locale">${localeLabel(row.locale)}</span>`}
-    </div>
-  `;
-}
-async function toggleTreeDirectory(path) {
-  const state = requireProjectState();
-  if (state.expanded.has(path)) {
-    state.expanded.delete(path);
-    return;
-  }
-  state.expanded.add(path);
-  if (!state.dirs.has(path)) {
-    await loadDirectory(path);
-  }
-}
-function onFileTreeKeydown(e, tree) {
-  const focused = tree.querySelector(".file-tree-item:focus");
-  if (!focused) {
-    return;
-  }
-  let handled = true;
-  switch (e.key) {
-    case "ArrowDown":
-    case "ArrowUp": {
-      const from = fileIndexOfPath(focused.dataset.path);
-      focusFileRow(tree, fileStep(from, e.key === "ArrowDown" ? 1 : -1));
-      break;
-    }
-    case "ArrowRight": {
-      const path = collapsedDirectoryAt(focused);
-      if (path !== null) {
-        toggleTreeDirectory(path).then(() => _filesRerender?.());
-      }
-      break;
-    }
-    case "ArrowLeft": {
-      const path = expandedDirectoryAt(focused);
-      if (path !== null) {
-        requireProjectState().expanded.delete(path);
-        _filesRerender?.();
-      }
-      break;
-    }
-    case "Enter": {
-      focused.click();
-      break;
-    }
-    default: {
-      handled = false;
-    }
-  }
-  if (handled) {
-    e.preventDefault();
-  }
-}
-function collapsedDirectoryAt(row) {
-  const { path, type } = row.dataset;
-  return type === "directory" && path !== undefined && !requireProjectState().expanded.has(path) ? path : null;
-}
-function expandedDirectoryAt(row) {
-  const { path, type } = row.dataset;
-  return type === "directory" && path !== undefined && requireProjectState().expanded.has(path) ? path : null;
-}
-function focusFileRow(tree, index) {
-  const row = _fileRows[index];
-  if (!row) {
-    return;
-  }
-  const el = fileRowElement(tree, row.path);
-  if (el) {
-    el.focus();
-    return;
-  }
-  if (revealListRow(_fileList, index, fileRowHeight())) {
-    _pendingFocusPath = row.path;
-    _filesRerender?.();
-  }
-}
-var _fileTreeDndCleanups = [];
-function isFileDrag(e) {
-  return [...e.dataTransfer?.types ?? []].includes("Files");
-}
-function registerFileDropTarget(element, dir, activeClass, renderLeftPanel) {
-  const onDragOver = (e) => {
-    if (!isFileDrag(e)) {
-      return;
-    }
-    e.preventDefault();
-    e.stopPropagation();
-    if (e.dataTransfer) {
-      e.dataTransfer.dropEffect = "copy";
-    }
-    element.classList.add(activeClass);
-  };
-  const onDragLeave = () => element.classList.remove(activeClass);
-  const onDrop = (e) => {
-    element.classList.remove(activeClass);
-    const files = e.dataTransfer?.files;
-    if (!files?.length) {
-      return;
-    }
-    e.preventDefault();
-    e.stopPropagation();
-    uploadFilesToDir(files, dir, renderLeftPanel);
-  };
-  element.addEventListener("dragover", onDragOver);
-  element.addEventListener("dragleave", onDragLeave);
-  element.addEventListener("drop", onDrop);
-  return () => {
-    element.removeEventListener("dragover", onDragOver);
-    element.removeEventListener("dragleave", onDragLeave);
-    element.removeEventListener("drop", onDrop);
-  };
-}
-async function uploadFilesToDir(files, dir, renderLeftPanel) {
-  const uploaded = await uploadAssets([...files], { dir });
-  if (uploaded.length === 0) {
-    return;
-  }
-  if (dir !== ".") {
-    requireProjectState().expanded.add(dir);
-  }
-  renderLeftPanel();
-}
-function pickAndUploadTo(dir, renderLeftPanel) {
-  const input = document.createElement("input");
-  input.type = "file";
-  input.multiple = true;
-  input.accept = uploadAccept();
-  input.addEventListener("change", () => {
-    if (input.files?.length) {
-      uploadFilesToDir(input.files, dir, renderLeftPanel);
-    }
-  });
-  input.click();
-}
-function registerFileTreeDnD({ renderLeftPanel }) {
-  for (const fn of _fileTreeDndCleanups) {
-    fn();
-  }
-  _fileTreeDndCleanups = [];
-  requestAnimationFrame(() => {
-    const tree = document.querySelector(".file-tree");
-    if (!tree) {
-      return;
-    }
-    const items = tree.querySelectorAll(".file-tree-item");
-    for (const row of items) {
-      const { path } = row.dataset;
-      const { type } = row.dataset;
-      if (!path) {
-        continue;
-      }
-      const cleanups = [
-        draggable({
-          element: row,
-          getInitialData() {
-            return { entryType: type, path, type: "file-tree" };
-          },
-          onDragStart() {
-            row.classList.add("dragging");
-          },
-          onDrop() {
-            row.classList.remove("dragging");
-          }
-        }),
-        registerFileDropTarget(row, type === "directory" ? path : parentDir(path), "drag-over", renderLeftPanel)
-      ];
-      if (type === "directory") {
-        cleanups.push(dropTargetForElements({
-          canDrop({ source }) {
-            if (source.data.type !== "file-tree") {
-              return false;
-            }
-            const srcPath = source.data.path;
-            if (srcPath === path) {
-              return false;
-            }
-            if (srcPath.startsWith(`${path}/`)) {
-              return false;
-            }
-            const srcParent = parentDir(srcPath);
-            if (srcParent === path) {
-              return false;
-            }
-            return true;
-          },
-          element: row,
-          getData() {
-            return { targetDir: path, type: "file-tree-target" };
-          },
-          onDrag() {
-            if (!row.classList.contains("drag-over")) {
-              row.classList.add("drag-over");
-            }
-          },
-          onDragEnter() {
-            row.classList.add("drag-over");
-          },
-          onDragLeave() {
-            row.classList.remove("drag-over");
-          },
-          onDrop() {
-            row.classList.remove("drag-over");
-          }
-        }));
-      }
-      _fileTreeDndCleanups.push(combine(...cleanups));
-    }
-    const rootCleanup = dropTargetForElements({
-      canDrop({ source }) {
-        if (source.data.type !== "file-tree") {
-          return false;
-        }
-        const srcPath = source.data.path;
-        return parentDir(srcPath) !== ".";
-      },
-      element: tree,
-      getData() {
-        return { targetDir: ".", type: "file-tree-target" };
-      },
-      onDragEnter() {
-        tree.classList.add("drag-over-root");
-      },
-      onDragLeave() {
-        tree.classList.remove("drag-over-root");
-      },
-      onDrop() {
-        tree.classList.remove("drag-over-root");
-      }
-    });
-    _fileTreeDndCleanups.push(rootCleanup, registerFileDropTarget(tree, ".", "drag-over-root", renderLeftPanel));
-    const monitorCleanup = monitorForElements({
-      onDrop({ source, location: location2 }) {
-        const [target] = location2.current.dropTargets;
-        if (!target) {
-          return;
-        }
-        if (source.data.type !== "file-tree") {
-          return;
-        }
-        if (target.data.type !== "file-tree-target") {
-          return;
-        }
-        const srcPath = source.data.path;
-        const targetDirPath = target.data.targetDir;
-        const fileName = srcPath.split("/").pop();
-        const newPath = targetDirPath === "." ? fileName : `${targetDirPath}/${fileName}`;
-        if (newPath === srcPath) {
-          return;
-        }
-        moveFileEntry(srcPath, newPath, renderLeftPanel);
-      }
-    });
-    _fileTreeDndCleanups.push(monitorCleanup);
-  });
-}
-async function moveFileEntry(oldPath, newPath, renderLeftPanel) {
-  const platform = getPlatform();
-  markLocalMutation(oldPath, newPath);
-  try {
-    const report = await platform.renameFile(oldPath, newPath);
-    invalidateUsages();
-    for (const [id] of workspace.tabs.entries()) {
-      if (id === oldPath) {
-        renameTab(oldPath, newPath, newPath);
-      } else if (id.startsWith(`${oldPath}/`)) {
-        const newTabPath = newPath + id.slice(oldPath.length);
-        renameTab(id, newTabPath, newTabPath);
-      }
-    }
-    const oldParent = parentDir(oldPath);
-    const newParent = parentDir(newPath);
-    await loadDirectory(oldParent);
-    if (newParent !== oldParent) {
-      await loadDirectory(newParent);
-    }
-    if (newParent !== ".") {
-      requireProjectState().expanded.add(newParent);
-    }
-    reloadRewrittenTabs(report, newPath);
-    renderLeftPanel();
-    notifyMoveOutcome(`Moved to ${newPath}`, report, newPath);
-  } catch (error) {
-    notify.error(`Could not move ${oldPath}.`, {
-      detail: errorMessage(error),
-      path: oldPath,
-      source: "Files"
-    });
-  }
-}
-function parentDir(path) {
-  const normalized = path.replaceAll("\\", "/");
-  const lastSlash = normalized.lastIndexOf("/");
-  return lastSlash === -1 ? "." : normalized.slice(0, lastSlash);
-}
-var _fileCtxHandle = null;
-function dismissFileContextMenu() {
-  if (_fileCtxHandle) {
-    _fileCtxHandle.dismiss();
-    _fileCtxHandle = null;
-  }
-}
-function fileRowFacts(entry) {
-  const facts = {};
-  if (entry.type === "directory") {
-    const collection = collectionForDirectory(entry.path);
-    if (collection?.isSourceRoot === true && !collection.fileBacked) {
-      facts.name = collection.name;
-    }
-    return facts;
-  }
-  if (collectionOfPath(entry.path)) {
-    facts.path = entry.path;
-  }
-  if (convertTargets(entry.path).length > 0) {
-    facts.source = entry.path;
-  }
-  return facts;
-}
-function placedFileItems(entry) {
-  const registry = activeRegistry();
-  if (!registry) {
-    return [];
-  }
-  const facts = fileRowFacts(entry);
-  const items = [];
-  for (const command of registry.forPlacement("context/file")) {
-    const schema = command.args;
-    if (!(schema?.required ?? []).every((key) => (key in facts))) {
-      continue;
-    }
-    const args = {};
-    for (const key of Object.keys(schema?.properties ?? {})) {
-      if (key in facts) {
-        args[key] = facts[key];
-      }
-    }
-    const reason = registry.disabledReason(command.id);
-    items.push(reason === undefined ? {
-      action: () => {
-        registry.run(command.id, args);
-      },
-      label: command.title
-    } : { disabled: true, label: command.title, reason });
-  }
-  return items;
-}
-function showFileContextMenu(e, entry, ctx) {
-  e.preventDefault();
-  dismissFileContextMenu();
-  const isDir = entry.type === "directory";
-  const items = [];
-  if (!isDir) {
-    items.push({ action: () => ctx.openFileFn(entry.path), label: "Open" });
-  }
-  if (isDir) {
-    items.push({
-      action: () => createNewFile(entry.path, ctx.renderLeftPanel),
-      label: "New File…"
-    }, {
-      action: () => pickAndUploadTo(entry.path, ctx.renderLeftPanel),
-      label: "Upload Files…"
-    });
-    if (entry.path === "pages" || entry.path.endsWith("/pages")) {
-      items.push({
-        action: () => {
-          openPagesGrid();
-        },
-        label: "Edit Pages in Grid"
-      });
-    }
-  }
-  items.push(...placedFileItems(entry), { label: "—" }, {
-    action: () => renameFile(entry, ctx.renderLeftPanel),
-    label: "Rename…"
-  }, {
-    action: () => deleteFile(entry, ctx.renderLeftPanel),
-    danger: true,
-    label: "Delete"
-  });
-  let x = e.clientX;
-  let y = e.clientY;
-  _fileCtxHandle = renderPopover(html`<sp-popover
-      open
-      style="position:fixed;z-index:10000;left:${x}px;top:${y}px"
-      ${ref((el) => {
-    if (!el) {
-      return;
-    }
-    requestAnimationFrame(() => {
-      const popover = el;
-      const menuRect = rectOf(popover);
-      if (x + menuRect.width > window.innerWidth) {
-        x = window.innerWidth - menuRect.width - 4;
-      }
-      if (y + menuRect.height > window.innerHeight) {
-        y = window.innerHeight - menuRect.height - 4;
-      }
-      popover.style.left = `${x}px`;
-      popover.style.top = `${y}px`;
-    });
-  })}
-    >
-      <sp-menu>
-        ${items.map((item) => item.label === "—" ? html`<sp-menu-divider></sp-menu-divider>` : html`<sp-menu-item
-                style=${item.danger ? "color: var(--danger)" : ""}
-                ?disabled=${item.disabled === true}
-                aria-disabled=${item.disabled === true ? "true" : "false"}
-                @click=${() => {
-    if (item.disabled === true) {
-      return;
-    }
-    dismissFileContextMenu();
-    item.action?.();
-  }}
-                >${item.label}${item.reason ? html`<span slot="description">Needs ${item.reason}</span>` : nothing}</sp-menu-item
-              >`)}
-      </sp-menu>
-    </sp-popover>`, {
-    dismissOnOutsideClick: true,
-    onDismiss: () => {
-      _fileCtxHandle = null;
-    }
-  });
-}
-var BLANK_DOCUMENT = JSON.stringify({ children: [{ children: [], tagName: "p" }], tagName: "div" }, null, 2);
-var OTHER_FORMAT = "__other__";
-function slugify(input) {
-  return input.trim().toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^a-z\d-]/g, "");
-}
-function extensionOfName(name) {
-  const dot = name.lastIndexOf(".");
-  return dot > 0 ? name.slice(dot) : "";
-}
-function formatRowsFor(choice) {
-  const rows = choice.kind === "locked" ? [
-    {
-      ext: choice.ext,
-      label: `${formatByExtension(choice.ext)?.name ?? choice.ext} (${choice.ext})`
-    }
-  ] : creationFormats(choice.docKind);
-  return [
-    ...rows.map((row) => ({ label: row.label, value: row.ext })),
-    { dividerBefore: true, label: "Other…", value: OTHER_FORMAT }
-  ];
-}
-function initialPickFor(choice, rows, suggested) {
-  const stated = choice.kind === "choose" ? choice.defaultExt : choice.ext;
-  if (stated !== undefined && rows.some((row) => row.value === stated)) {
-    return stated;
-  }
-  const fromPrefill = extensionOfName(suggested);
-  if (fromPrefill !== "" && rows.some((row) => row.value === fromPrefill)) {
-    return fromPrefill;
-  }
-  return rows[0]?.value ?? OTHER_FORMAT;
-}
-async function createFileIn(request) {
-  const { dir, format: choice, source = "Files" } = request;
-  await loadFormats();
-  let taken = new Set;
-  try {
-    const listing = await getPlatform().listDirectory(dir);
-    taken = new Set(listing.map((entry) => entry.name.toLowerCase()));
-  } catch {}
-  const picker = choice !== undefined && choice.kind !== "fixed" ? choice : null;
-  const rows = picker === null ? null : formatRowsFor(picker);
-  const initialPick = picker === null || rows === null ? "" : initialPickFor(picker, rows, request.suggestedName ?? "");
-  const fileNameFor = (input, picked2) => {
-    const trimmed = input.trim();
-    if (choice === undefined || picked2 === OTHER_FORMAT) {
-      return trimmed;
-    }
-    if (choice.kind === "fixed") {
-      const slug = slugify(trimmed);
-      return slug === "" ? "" : `${slug}${choice.ext}`;
-    }
-    return trimmed.toLowerCase().endsWith(picked2.toLowerCase()) ? trimmed : `${trimmed}${picked2}`;
-  };
-  const known = knownDocumentExtensions();
-  const validate = (value, picked2) => {
-    const trimmed = value.trim();
-    if (!trimmed) {
-      return choice?.kind === "fixed" ? "Enter a name." : "Enter a file name.";
-    }
-    if (choice?.kind === "fixed" && slugify(trimmed) === "") {
-      return "Enter at least one letter or number.";
-    }
-    const normalized = trimmed.replaceAll("\\", "/");
-    if (normalized.startsWith("/") || normalized.endsWith("/")) {
-      return "Enter a name, not a path that starts or ends with a slash.";
-    }
-    if (normalized.split("/").includes("..")) {
-      return "A name cannot step outside the destination folder.";
-    }
-    if (normalized.includes("/") && choice !== undefined && picked2 !== OTHER_FORMAT) {
-      return `Pick Other… to create a file in a subfolder of ${dir === "." ? "the project root" : dir}.`;
-    }
-    const typedExt = extensionOfName(normalized);
-    if (picked2 !== "" && picked2 !== OTHER_FORMAT && typedExt !== "" && typedExt.toLowerCase() !== picked2.toLowerCase() && known.has(typedExt.toLowerCase())) {
-      const label = rows?.find((row) => row.value === picked2)?.label ?? picked2;
-      return `You picked ${label}; this name ends in ${typedExt}.`;
-    }
-    if (choice?.kind === "locked" && picked2 === OTHER_FORMAT) {
-      const foreign = typedExt !== "" && typedExt.toLowerCase() !== choice.ext.toLowerCase();
-      if (foreign && known.has(typedExt.toLowerCase())) {
-        return choice.because;
-      }
-    }
-    const candidate = fileNameFor(value, picked2);
-    return taken.has(candidate.toLowerCase()) ? `${candidate} already exists in ${dir}/.` : "";
-  };
-  let picked = initialPick;
-  const entered = await showPromptDialog(request.title ?? "New File", {
-    ...rows === null ? {} : {
-      choice: {
-        initial: initialPick,
-        label: "Format",
-        onChange: (next) => {
-          picked = next;
-        },
-        options: () => rows
-      }
-    },
-    confirmLabel: "Create",
-    message: dir === "." ? "Creating in the project root." : `Creating in ${dir}/`,
-    ...request.suggestedName === undefined ? {} : { placeholder: request.suggestedName },
-    select: rows === null ? "stem" : "all",
-    validate,
-    value: request.suggestedName ?? "untitled.json"
-  });
-  if (!entered) {
-    return null;
-  }
-  const fileName = fileNameFor(entered, picked);
-  const path = dir === "." ? fileName : `${dir}/${fileName}`;
-  markLocalMutation(path);
-  const format = formatForPath(fileName);
-  const suppliedBody = typeof request.content === "function" ? await request.content(extensionOfName(fileName), fileName) : request.content;
-  const chosenAsDocument = choice !== undefined && picked !== OTHER_FORMAT;
-  const content = suppliedBody ?? format?.studio?.newFileTemplate ?? (format ? "" : fileName.toLowerCase().endsWith(".json") ? chosenAsDocument ? BLANK_DOCUMENT : `{}
-` : "");
-  try {
-    await getPlatform().writeFile(path, content);
-    await loadDirectory(dir);
-    notify.success(`Created ${path}`);
-    return path;
-  } catch (error) {
-    notify.error(`Could not create ${path}.`, {
-      detail: errorMessage(error),
-      path,
-      source
-    });
-    return null;
-  }
-}
-async function createNewFile(dirPath, renderLeftPanel) {
-  await loadFormats();
-  const collection = collectionForDirectory(dirPath);
-  if (collection?.unresolvedFormat != null) {
-    notify.error(`New files in ${dirPath}/ cannot be constrained to the collection's format.`, {
-      detail: `The "${collection.name}" content type declares format "${collection.unresolvedFormat}", ` + "which no installed extension provides. Install the extension that supplies it, or correct " + "the name in Project Settings › Content Types.",
-      path: dirPath,
-      source: "Files"
-    });
-  }
-  const constrained = collection?.ext != null && collection.unresolvedFormat === null;
-  const seedable = constrained && collection.isSourceRoot && collection.def.schema !== undefined;
-  let created;
-  if (seedable) {
-    const { createEntry } = await import("./entry-commands-e63f1xc0.js");
-    created = await createEntry(collection.name, { dir: dirPath });
-  } else {
-    created = await createFileIn({
-      dir: dirPath,
-      format: constrained && collection.ext !== null ? {
-        because: `${collection.name} entries are ${collection.ext} files, so a document of another format here would not be one.`,
-        ext: collection.ext,
-        kind: "locked"
-      } : { defaultExt: ".json", kind: "choose" },
-      suggestedName: "untitled"
-    });
-  }
-  if (created !== null) {
-    renderLeftPanel();
-  }
-}
-async function showRenameFileDialog(currentName, path) {
-  const message = await renamePromptMessage(path);
-  return showPromptDialog("Rename", {
-    confirmLabel: "Rename",
-    ...message === undefined ? {} : { message },
-    select: "stem",
-    validate: (v) => v.trim() ? "" : "Enter a file name.",
-    value: currentName
-  });
-}
-function renameStatus(newName, report) {
-  const refs = report.references;
-  const tagNote = report.tag ? `; tag → <${report.tag.to}> (${report.tag.refsUpdated})` : "";
-  if (refs && refs.refsUpdated > 0) {
-    return `Renamed to ${newName}; updated ${refs.refsUpdated} reference(s) in ${refs.filesChanged} file(s)${tagNote}`;
-  }
-  if (tagNote) {
-    return `Renamed to ${newName}${tagNote}`;
-  }
-  return `Renamed to ${newName}`;
-}
-function notifyMoveOutcome(headline, report, path) {
-  const stuck = report.errors ?? [];
-  if (stuck.length === 0) {
-    notify.success(headline);
-    return;
-  }
-  const files = stuck.length === 1 ? "1 file" : `${stuck.length} files`;
-  notify.warn(`${headline} — references in ${files} could not be updated`, {
-    detail: stuck.map((e) => `${e.path}: ${e.error}`).join(`
-`),
-    path,
-    source: "Files"
-  });
-}
-function reloadRewrittenTabs(report, skipPath) {
-  for (const f of report.references?.files ?? []) {
-    if (f.path !== skipPath && workspace.tabs.has(f.path)) {
-      reloadFileInTab(f.path);
-    }
-  }
-}
-function parentDirOf(path) {
-  const normalized = path.replaceAll("\\", "/");
-  return normalized.includes("/") ? normalized.slice(0, normalized.lastIndexOf("/")) : ".";
-}
-async function settleRename(from, to, report) {
-  invalidateUsages();
-  const fromDir = parentDirOf(from);
-  const toDir = parentDirOf(to);
-  await loadDirectory(fromDir);
-  if (toDir !== fromDir) {
-    await loadDirectory(toDir);
-  }
-  if (requireProjectState().selectedPath === from) {
-    requireProjectState().selectedPath = to;
-  }
-  reloadRewrittenTabs(report, to);
-}
-async function renameFile(entry, renderLeftPanel) {
-  const newName = await showRenameFileDialog(entry.name, entry.path);
-  if (!newName || newName === entry.name) {
-    return;
-  }
-  const parentDirPath = parentDirOf(entry.path);
-  const newPath = parentDirPath === "." ? newName : `${parentDirPath}/${newName}`;
-  markLocalMutation(entry.path, newPath);
-  try {
-    const platform = getPlatform();
-    const report = await platform.renameFile(entry.path, newPath);
-    if (workspace.tabs.has(entry.path)) {
-      renameTab(entry.path, newPath, newPath);
-    }
-    await settleRename(entry.path, newPath, report);
-    renderLeftPanel();
-    notifyMoveOutcome(renameStatus(newName, report), report, newPath);
-  } catch (error) {
-    notify.error(`Could not rename ${entry.name}.`, {
-      detail: errorMessage(error),
-      path: entry.path,
-      source: "Files"
-    });
-  }
-}
-async function deleteFile(entry, renderLeftPanel) {
-  const confirmed = await confirmFileDelete(entry);
-  if (!confirmed) {
-    return;
-  }
-  try {
-    const platform = getPlatform();
-    markLocalMutation(entry.path);
-    await platform.deleteFile(entry.path);
-    invalidateUsages();
-    const delPath = entry.path.replaceAll("\\", "/");
-    const parentDirPath = delPath.includes("/") ? delPath.slice(0, delPath.lastIndexOf("/")) : ".";
-    await loadDirectory(parentDirPath);
-    if (requireProjectState().selectedPath === entry.path) {
-      requireProjectState().selectedPath = null;
-    }
-    renderLeftPanel();
-    notify.success(`Deleted ${entry.name}`);
-  } catch (error) {
-    notify.error(`Could not delete ${entry.name}.`, {
-      detail: errorMessage(error),
-      path: entry.path,
-      source: "Files"
-    });
-  }
-}
-function revealOpenTab(tabId, opts) {
-  const wanted = opts.paneId;
-  const holder = paneOfTab(tabId);
-  if (wanted !== undefined && holder && holder.id !== wanted) {
-    if (holder.activeTabId === tabId) {
-      return;
-    }
-    moveTabToPane(tabId, wanted);
-  }
-  activateTab(tabId, { focus: opts.focus !== false });
-}
-async function openFileInTab(path, opts = {}) {
-  const follows = opts.focus !== false;
-  for (const [id, tab] of workspace.tabs.entries()) {
-    if (tab.documentPath === path) {
-      revealOpenTab(id, opts);
-      if (follows) {
-        requireProjectState().selectedPath = path;
-      }
-      return;
-    }
-  }
-  if (isViewableMedia(path)) {
-    openMediaTab(path);
-    if (follows) {
-      requireProjectState().selectedPath = path;
-    }
-    trackRecentFile({
-      name: path.split("/").pop() || path,
-      path,
-      root: requireProjectState().projectRoot
-    });
-    return;
-  }
-  if (path.toLowerCase().endsWith(".csv")) {
-    try {
-      await openCsvGridTab(path);
-      requireProjectState().selectedPath = path;
-      trackRecentFile({
-        name: path.split("/").pop() || path,
-        path,
-        root: requireProjectState().projectRoot
-      });
-    } catch (error) {
-      notify.error(`Could not open ${path}.`, {
-        detail: errorMessage(error),
-        path,
-        source: "Open File"
-      });
-    }
-    return;
-  }
-  const platform = getPlatform();
-  try {
-    const content = await platform.readFile(path);
-    if (!content) {
-      await loadFormats();
-      if (!formatForPath(path) && !path.toLowerCase().endsWith(".json")) {
-        throw noFormatError(path);
-      }
-      return;
-    }
-    await loadFormats();
-    let document2;
-    let frontmatter;
-    const format = formatForPath(path);
-    if (format) {
-      const result = await parseSourceForPath(path, content);
-      ({ document: document2 } = result);
-      ({ frontmatter } = result);
-    } else if (path.endsWith(".json")) {
-      document2 = JSON.parse(content);
-    } else {
-      throw noFormatError(path);
-    }
-    const id = path;
-    openTab({
-      id,
-      documentPath: path,
-      document: document2,
-      ...frontmatter != null && { frontmatter },
-      sourceFormat: format?.name ?? null,
-      ...opts.paneId !== undefined && { paneId: opts.paneId },
-      ...opts.preview === true && { preview: true },
-      ...opts.focus === false && { focus: false }
-    });
-    if (follows) {
-      requireProjectState().selectedPath = path;
-    }
-    trackRecentFile({
-      name: path.split("/").pop() || path,
-      path,
-      root: requireProjectState().projectRoot
-    });
-  } catch (error) {
-    notify.error(`Could not open ${path}.`, {
-      detail: errorMessage(error),
-      path,
-      source: "Open File"
-    });
-  }
-}
-async function openFileInPane(paneId, path) {
-  await openFileInTab(path, { focus: false, paneId, preview: true });
-}
-function reloadCleanTab(path) {
-  if (isCollabPath(path)) {
-    return;
-  }
-  for (const [, tab] of workspace.tabs.entries()) {
-    if (tab.documentPath === path && !tab.doc.dirty) {
-      reloadFileInTab(path);
-      return;
-    }
-  }
-}
-async function reloadFileInTab(path) {
-  for (const [, tab] of workspace.tabs.entries()) {
-    if (tab.documentPath === path) {
-      const platform = getPlatform();
-      try {
-        const content = await platform.readFile(path);
-        if (!content) {
-          return;
-        }
-        await loadFormats();
-        if (formatForPath(path)) {
-          const { document: document2, frontmatter } = await parseSourceForPath(path, content);
-          tab.doc.document = document2;
-          tab.doc.content.frontmatter = frontmatter;
-        } else if (path.endsWith(".json")) {
-          tab.doc.document = JSON.parse(content);
-        }
-        tab.doc.dirty = false;
-      } catch (error) {
-        notify.error(`Could not reload ${path} after it changed on disk.`, {
-          detail: errorMessage(error),
-          key: `reload:${path}`,
-          path,
-          source: "Files"
-        });
-      }
-      return;
-    }
-  }
-}
-function registerFilesPanel() {
-  registerPanel({
-    id: "files",
-    title: "Files",
-    level: "project",
-    dock: "navigator",
-    icon: "sp-icon-folder",
-    render: (ctx) => ctx.deps.renderFilesTemplate(),
-    afterRender: (ctx) => {
-      ctx.deps.registerFileTreeDnD({ renderLeftPanel: ctx.rerender });
-    }
-  });
-}
-
-export { ensureDependenciesInstalled, mediaPaneMounted, detachMediaPane, renderMediaMode, convertTargets, convertTargetExtensions, hydrateRecentProjects, getRecentProjects, addRecentProject, removeRecentProject, clearRecentProjects, getRecentFiles, trackRecentFile, loadDirectory, showIgnoredFiles, setShowIgnoredFiles, loadProject, openProject, initProjectRepo, findHomePage, openHomePage, openLastSessionOrHome, renderFilesTemplate, FILE_ROW_HEIGHT, isFileDrag, uploadFilesToDir, pickAndUploadTo, registerFileTreeDnD, OTHER_FORMAT, createFileIn, notifyMoveOutcome, parentDirOf, settleRename, openFileInTab, openFileInPane, reloadCleanTab, reloadFileInTab, registerFilesPanel };
-
-//# debugId=F11FCA2F7EB309F464756E2164756E21
-//# sourceMappingURL=studio-5myknm0a.js.map