@jxsuite/studio 3.0.0 → 4.0.0

package/dist/chunks/{studio-rh1cnamv.js → studio-5rywrkxz.js}

@@ -3,74 +3,117 @@ import {
   measuredRowHeight,
   revealListRow,
   watchListWindow
-} from "./studio-p5dja96s.js";
+} from "./studio-p8j86wag.js";
+import {
+  formatBytes,
+  loadMediaMeta,
+  peekMediaMeta,
+  recordImageSize
+} from "./studio-gv8vvshc.js";
 import {
   autoSyncProjectOnOpen,
   cleanupGitPanel,
   maybePromptJxsuiteUpdate,
   shouldInstallAutomation
-} from "./studio-7p35254k.js";
+} from "./studio-ex8zyp98.js";
+import {
+  collectionOfPath
+} from "./studio-sf7zjgv1.js";
 import {
   openCsvGridTab,
   openPagesGrid
-} from "./studio-pkp61mh8.js";
+} from "./studio-4pqqxbrt.js";
 import {
-  collectionDirs,
-  collectionInfo,
   confirmFileDelete,
-  markLocalMutation,
+  disarmPreviewOverlay,
+  loadMediaUsages,
+  mediaUsageHeadline,
   parseSourceForPath,
+  peekMediaUsages,
   renamePromptMessage
-} from "./studio-dc8s8heb.js";
+} from "./studio-cb12yz9w.js";
 import {
-  invalidateUsages,
+  ensureIgnoreLayers,
+  isIgnoredEntry,
+  markLocalMutation,
+  resetIgnoreCache
+} from "./studio-q43a5y9h.js";
+import {
+  extensionOf,
   isImage,
+  isMediaFile,
+  mediaKind,
+  mediaSiteUrl,
+  previewFileSrc,
   uploadAccept,
   uploadAssets
-} from "./studio-a0yp7syn.js";
+} from "./studio-htsf0w6m.js";
+import {
+  invalidateUsages
+} from "./studio-cft9r4r7.js";
 import {
   showProgressModal
-} from "./studio-ry1vz5sv.js";
+} from "./studio-9c4k4vhv.js";
 import {
   rectOf,
   registerPanel
-} from "./studio-j595e748.js";
+} from "./studio-kjjsjak4.js";
+import {
+  markSessionRestored,
+  persistedSession,
+  resetProjectShell,
+  restoreSession,
+  setActivityTab
+} from "./studio-hbtp0eh1.js";
 import {
-  activateTab,
   activeRegistry,
-  errorMessage,
-  findContentTypeSchema,
+  paneRegion,
+  renderPopover,
+  showPromptDialog
+} from "./studio-t7qb9db8.js";
+import {
+  errorMessage
+} from "./studio-9n4mrmnb.js";
+import {
+  activateTab,
+  collectionForDirectory,
+  collectionForFile,
   isCollabPath,
   localeLabel,
   localeOfPath,
-  markSessionRestored,
   moveTabToPane,
   openTab,
   paneOfTab,
-  persistedSession,
   receivingPane,
   renameTab,
-  renderPopover,
   replaceAllTabs,
-  resetProjectShell,
   resolveI18n,
-  restoreSession,
-  setActivityTab,
   setWorkspaceProject,
-  showPromptDialog,
   workspace
-} from "./studio-r5xbtctf.js";
+} from "./studio-2zkz8evn.js";
+import {
+  SETTINGS,
+  readStoredSetting,
+  setSetting
+} from "./studio-92ab2jqe.js";
+import {
+  effect,
+  effectScope,
+  notify,
+  now
+} from "./studio-xrapxwwc.js";
 import {
   classMap
-} from "./studio-twsafr1e.js";
+} from "./studio-m3hwn7y1.js";
 import {
   ref,
   repeat
-} from "./studio-kvfx9z2c.js";
+} from "./studio-4rzyrtjz.js";
 import {
   html,
-  nothing
-} from "./studio-5x5774ak.js";
+  nothing,
+  render
+} from "./studio-kryvsw6j.js";
 import {
   combine,
   draggable,
@@ -79,46 +122,47 @@ import {
 } from "./studio-g1wdche0.js";
 import {
   loadComponentRegistry
-} from "./studio-s519zc99.js";
+} from "./studio-bgxt93ga.js";
 import {
   projectState,
   requireProjectState,
   setProjectState
-} from "./studio-cjm7fdjf.js";
-import {
-  notify,
-  now
-} from "./studio-qpfq7xhm.js";
+} from "./studio-p4ngc046.js";
 import {
   documentExtensions,
+  formatByExtension,
   formatForPath,
+  getFormats,
   loadFormats,
   noFormatError,
   refreshExtensionUi,
   refreshFormats
-} from "./studio-hcxzyk3x.js";
+} from "./studio-eenfkt4e.js";
 import {
   getPlatform,
   hasPlatform
-} from "./studio-sas7mt3k.js";
+} from "./studio-9ab8gqsm.js";
+import {
+  __require
+} from "./studio-a0tswy0w.js";
 
 // src/packages/ensure-deps.ts
 async function ensureDependenciesInstalled() {
   if (shouldInstallAutomation(location.search)) {
-    return;
+    return false;
   }
   const platform = getPlatform();
   if (!platform.dependenciesNeedInstall || !platform.installDependencies) {
-    return;
+    return false;
   }
   let needs = false;
   try {
     needs = await platform.dependenciesNeedInstall();
   } catch {
-    return;
+    return false;
   }
   if (!needs) {
-    return;
+    return false;
   }
   const progress = showProgressModal({
     status: "Running bun install…",
@@ -128,89 +172,287 @@ async function ensureDependenciesInstalled() {
     const result = await platform.installDependencies();
     if (result.ok) {
       progress.done();
-    } else {
-      progress.fail(result.log ?? "bun install failed");
+      return true;
     }
+    progress.fail(result.log ?? "bun install failed");
   } catch (error) {
     progress.fail(error instanceof Error ? error.message : String(error));
   }
+  return false;
 }
 
-// src/content/entry-model.ts
-function collectionNames() {
-  return Object.keys(projectState?.projectConfig?.content ?? {});
-}
-function entryCollection(name) {
-  const info = collectionInfo(name);
-  if (!info) {
-    return null;
+// 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;
   }
-  if (/\.[a-z\d]+$/i.test(info.dir)) {
-    return null;
+  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>`;
+    }
   }
-  return {
-    def: info.def,
-    dir: info.dir,
-    ext: info.ext,
-    name: info.name,
-    schema: info.def.schema ?? null
-  };
 }
-function entryCollections() {
-  return collectionNames().map((name) => entryCollection(name)).filter((collection) => collection !== null);
+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 collectionOfPath(path) {
-  const matched = findContentTypeSchema(path ?? null, projectState?.projectConfig);
-  return matched ? entryCollection(matched.name) : null;
+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 cloneDefault(value) {
-  if (value === null || typeof value !== "object") {
-    return value;
+function usageTpl(usage) {
+  const headline = mediaUsageHeadline(usage);
+  if (headline === null) {
+    return nothing;
   }
-  return JSON.parse(JSON.stringify(value));
+  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>
+  `;
 }
-function emptyForField(field) {
-  if (typeof field.$ref === "string") {
-    return "";
+async function openDocument(path) {
+  const { openFileInTab } = await import("./files-0cratsr0.js");
+  await openFileInTab(path);
+}
+function renderMediaMode(surface, tab) {
+  const { paneId, wrap: canvasWrap } = surface;
+  if (mediaPaneMounted(paneId, tab)) {
+    return;
   }
-  switch (field.type) {
-    case "boolean": {
-      return false;
+  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();
     }
-    case "integer":
-    case "number": {
-      return 0;
+  };
+  const draw = () => {
+    const meta = peekMediaMeta(path);
+    const usage = peekMediaUsages(path);
+    if (meta === null) {
+      loadMediaMeta(path).then(redraw);
     }
-    case "array": {
-      return [];
+    if (usage === null || usage.status === "pending") {
+      loadMediaUsages(path).then(redraw);
     }
-    case "object": {
-      return seedEntry(field);
+    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;
     }
-    default: {
-      return "";
+  }
+  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 seedEntry(schema) {
-  const properties = schema?.properties;
-  if (!properties) {
-    return {};
+function convertTargets(path) {
+  if (path === null || path === undefined || path === "") {
+    return [];
   }
-  const required = new Set(Array.isArray(schema?.required) ? schema.required : []);
-  const seed = {};
-  for (const [name, field] of Object.entries(properties)) {
-    if (field.default !== undefined) {
-      seed[name] = cloneDefault(field.default);
-    } else if (required.has(name)) {
-      seed[name] = emptyForField(field);
+  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 seed;
+  return rows;
 }
-function missingRequired(schema, value) {
-  const required = Array.isArray(schema?.required) ? schema.required : [];
-  return required.filter((name) => value[name] === undefined);
+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
@@ -332,12 +574,21 @@ async function loadDirectory(dirPath) {
   }
   try {
     const platform = getPlatform();
-    const entries = await platform.listDirectory(dirPath);
+    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();
@@ -349,6 +600,7 @@ async function loadProject() {
     refreshFormats();
     loadFormats();
     refreshExtensionUi(platform);
+    resetIgnoreCache();
     setProjectState({
       dirs: new Map,
       expanded: new Set,
@@ -367,7 +619,11 @@ async function loadProject() {
     if (info.isSiteProject) {
       addRecentProject(requireProjectState().name, meta.root);
       await autoSyncProjectOnOpen();
-      await ensureDependenciesInstalled();
+      if (await ensureDependenciesInstalled()) {
+        refreshFormats();
+        await loadFormats();
+        refreshExtensionUi(platform);
+      }
       await loadDirectory(".");
       await loadComponentRegistry();
       await openLastSessionOrHome();
@@ -389,9 +645,11 @@ async function openProject({
       document: { children: [], tagName: "div" },
       id: "initial"
     });
+    disarmPreviewOverlay();
     refreshFormats();
     loadFormats();
     refreshExtensionUi(platform);
+    resetIgnoreCache();
     setProjectState({
       ...projectState,
       dirs: new Map,
@@ -405,7 +663,11 @@ async function openProject({
     });
     setWorkspaceProject(handle.root, config);
     await autoSyncProjectOnOpen();
-    await ensureDependenciesInstalled();
+    if (await ensureDependenciesInstalled()) {
+      refreshFormats();
+      await loadFormats();
+      refreshExtensionUi(platform);
+    }
     await loadDirectory(".");
     await loadComponentRegistry();
     const conventionalDirs = new Set([
@@ -551,6 +813,7 @@ function renderFilesTemplate({
       <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">
@@ -573,6 +836,7 @@ function renderFilesTemplate({
           label="Refresh"
           @click=${async () => {
     requireProjectState().dirs.clear();
+    resetIgnoreCache();
     await loadDirectory(".");
     for (const dir of requireProjectState().expanded) {
       await loadDirectory(dir);
@@ -582,6 +846,17 @@ function renderFilesTemplate({
         >
           <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"
@@ -647,8 +922,9 @@ function collectFileRows(dirPath, depth, rows, ctx, i18n) {
     }
     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 ? sorted.filter((e) => e.type === "directory" || e.name.toLowerCase().includes(query)) : sorted;
+  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);
@@ -1025,6 +1301,7 @@ async function moveFileEntry(oldPath, newPath, renderLeftPanel) {
   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);
@@ -1044,7 +1321,7 @@ async function moveFileEntry(oldPath, newPath, renderLeftPanel) {
     }
     reloadRewrittenTabs(report, newPath);
     renderLeftPanel();
-    notify.success(`Moved to ${newPath}`);
+    notifyMoveOutcome(`Moved to ${newPath}`, report, newPath);
   } catch (error) {
     notify.error(`Could not move ${oldPath}.`, {
       detail: errorMessage(error),
@@ -1068,13 +1345,18 @@ function dismissFileContextMenu() {
 function fileRowFacts(entry) {
   const facts = {};
   if (entry.type === "directory") {
-    const collection = collectionDirs().find(({ dir }) => entry.path === dir || entry.path.endsWith(`/${dir}`));
-    if (collection) {
+    const collection = collectionForDirectory(entry.path);
+    if (collection?.isSourceRoot === true && !collection.fileBacked) {
       facts.name = collection.name;
     }
-  } else if (collectionOfPath(entry.path)) {
+    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) {
@@ -1184,40 +1466,122 @@ function showFileContextMenu(e, entry, ctx) {
   });
 }
 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, ext, source = "Files" } = 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));
+    taken = new Set(listing.map((entry) => entry.name.toLowerCase()));
   } catch {}
-  const fileNameFor = (input) => ext === undefined ? input.trim() : `${input.trim().toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^a-z\d-]/g, "")}${ext}`;
+  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: "stem",
-    validate: (value) => {
-      if (!value.trim()) {
-        return ext === undefined ? "Enter a file name." : "Enter a name.";
-      }
-      const candidate = fileNameFor(value);
-      if (!candidate || candidate === ext) {
-        return "Enter at least one letter or number.";
-      }
-      return taken.has(candidate) ? `${candidate} already exists in ${dir}/.` : "";
-    },
+    select: rows === null ? "stem" : "all",
+    validate,
     value: request.suggestedName ?? "untitled.json"
   });
   if (!entered) {
     return null;
   }
-  const fileName = fileNameFor(entered);
+  const fileName = fileNameFor(entered, picked);
   const path = dir === "." ? fileName : `${dir}/${fileName}`;
   markLocalMutation(path);
   const format = formatForPath(fileName);
-  const content = request.content ?? format?.studio?.newFileTemplate ?? (format ? "" : BLANK_DOCUMENT);
+  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);
@@ -1233,7 +1597,32 @@ async function createFileIn(request) {
   }
 }
 async function createNewFile(dirPath, renderLeftPanel) {
-  const created = await createFileIn({ dir: dirPath, suggestedName: "untitled.json" });
+  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-6z6bhxg0.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();
   }
@@ -1259,6 +1648,20 @@ function renameStatus(newName, report) {
   }
   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)) {
@@ -1266,29 +1669,40 @@ function reloadRewrittenTabs(report, skipPath) {
     }
   }
 }
+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 entryPath = entry.path.replaceAll("\\", "/");
-  const parentDirPath = entryPath.includes("/") ? entryPath.slice(0, entryPath.lastIndexOf("/")) : ".";
+  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);
-    invalidateUsages();
-    await loadDirectory(parentDirPath);
-    if (requireProjectState().selectedPath === entry.path) {
-      requireProjectState().selectedPath = newPath;
-    }
     if (workspace.tabs.has(entry.path)) {
       renameTab(entry.path, newPath, newPath);
     }
-    reloadRewrittenTabs(report, newPath);
+    await settleRename(entry.path, newPath, report);
     renderLeftPanel();
-    notify.success(renameStatus(newName, report));
+    notifyMoveOutcome(renameStatus(newName, report), report, newPath);
   } catch (error) {
     notify.error(`Could not rename ${entry.name}.`, {
       detail: errorMessage(error),
@@ -1345,6 +1759,18 @@ async function openFileInTab(path, opts = {}) {
       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);
@@ -1367,6 +1793,10 @@ async function openFileInTab(path, opts = {}) {
   try {
     const content = await platform.readFile(path);
     if (!content) {
+      await loadFormats();
+      if (!formatForPath(path) && !path.toLowerCase().endsWith(".json")) {
+        throw noFormatError(path);
+      }
       return;
     }
     await loadFormats();
@@ -1467,7 +1897,7 @@ function registerFilesPanel() {
   });
 }
 
-export { ensureDependenciesInstalled, entryCollection, entryCollections, collectionOfPath, seedEntry, missingRequired, hydrateRecentProjects, getRecentProjects, addRecentProject, removeRecentProject, clearRecentProjects, getRecentFiles, trackRecentFile, loadDirectory, loadProject, openProject, initProjectRepo, findHomePage, openHomePage, openLastSessionOrHome, renderFilesTemplate, FILE_ROW_HEIGHT, isFileDrag, uploadFilesToDir, pickAndUploadTo, registerFileTreeDnD, createFileIn, openFileInTab, openFileInPane, reloadCleanTab, reloadFileInTab, registerFilesPanel };
+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=C29DF2691E1E87E064756E2164756E21
-//# sourceMappingURL=studio-rh1cnamv.js.map
+//# debugId=3C1BF8083E5F1C8564756E2164756E21
+//# sourceMappingURL=studio-5rywrkxz.js.map