@veolab/discoverylab 1.3.2 → 1.3.3

package/dist/{chunk-H4FYBUX6.js → chunk-AHVBE25Y.js}

@@ -4,20 +4,9 @@ import {
   createTextResult
 } from "./chunk-XKX6NBHF.js";
 import {
-  createLoginFlow,
-  createNavigationTestFlow,
-  createOnboardingFlow,
-  generateMaestroFlow,
-  getAdbCommand,
   getAvailableTemplates,
-  getMaestroVersion,
-  isMaestroInstalled,
-  isTemplatesInstalled,
-  listMaestroDevices,
-  runMaestroTest,
-  runMaestroWithCapture,
-  startMaestroStudio
-} from "./chunk-VEIZLLCI.js";
+  isTemplatesInstalled
+} from "./chunk-HGWEHWKJ.js";
 import {
   createFormSubmissionScript,
   createLoginScript,
@@ -35,12 +24,18 @@ import {
   buildAppLabNetworkProfile
 } from "./chunk-LB3RNE3O.js";
 import {
+  LOCAL_ESVP_SERVER_URL,
   attachESVPNetworkTrace,
   captureESVPCheckpoint,
   clearESVPNetwork,
   configureESVPNetwork,
   createESVPSession,
+  createLoginFlow,
+  createNavigationTestFlow,
+  createOnboardingFlow,
   finishESVPSession,
+  generateMaestroFlow,
+  getAdbCommand,
   getESVPArtifactContent,
   getESVPConnection,
   getESVPHealth,
@@ -48,15 +43,21 @@ import {
   getESVPSession,
   getESVPSessionNetwork,
   getESVPTranscript,
+  getMaestroVersion,
   inspectESVPSession,
+  isMaestroInstalled,
   listESVPArtifacts,
   listESVPDevices,
   listESVPSessions,
+  listMaestroDevices,
   replayESVPSession,
   runESVPActions,
   runESVPPreflight,
+  runMaestroTest,
+  runMaestroWithCapture,
+  startMaestroStudio,
   validateESVPReplay
-} from "./chunk-GAKEFJ5T.js";
+} from "./chunk-7EDIUVIO.js";
 import {
   DATA_DIR,
   EXPORTS_DIR,
@@ -6452,9 +6453,14 @@ function resolveProjectRecordingReplaySessionId(session) {
 }
 function resolveProjectRecordingESVPServerUrl(session) {
   const esvp = resolveProjectRecordingESVPState(session);
-  if (!esvp || typeof esvp.serverUrl !== "string") return void 0;
-  const serverUrl = esvp.serverUrl.trim();
-  return serverUrl || void 0;
+  const serverUrl = typeof esvp?.serverUrl === "string" ? esvp.serverUrl.trim().replace(/\/+$/, "") : "";
+  if (serverUrl === LOCAL_ESVP_SERVER_URL) {
+    return LOCAL_ESVP_SERVER_URL;
+  }
+  if (!serverUrl && esvp?.connectionMode === "local") {
+    return LOCAL_ESVP_SERVER_URL;
+  }
+  return void 0;
 }
 function resolveAppLabBaseUrl(appLabUrl) {
   const raw = String(appLabUrl || process.env.DISCOVERYLAB_APP_URL || "http://127.0.0.1:3847").trim();

package/dist/chunk-HGWEHWKJ.js

@@ -0,0 +1,94 @@
+import {
+  TEMPLATES_DIR
+} from "./chunk-VVIOB362.js";
+
+// src/core/templates/loader.ts
+import { existsSync, readFileSync } from "fs";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
+var MANIFEST_FILE = "manifest.json";
+var BUNDLE_DIR = "bundle";
+var __dirname = dirname(fileURLToPath(import.meta.url));
+var BUNDLED_TEMPLATES_DIR_CANDIDATES = [
+  join(__dirname, "templates"),
+  join(__dirname, "..", "templates"),
+  join(__dirname, "..", "..", "templates")
+];
+var cachedManifest = null;
+var cachedTemplatesDir = null;
+var cachedAt = 0;
+var CACHE_TTL = 3e4;
+function resolveTemplatesDir() {
+  const explicitOverride = process.env.DISCOVERYLAB_TEMPLATE_DIR?.trim() || process.env.DISCOVERYLAB_TEMPLATE_SOURCE_DIR?.trim();
+  if (explicitOverride) {
+    const overrideManifest = join(explicitOverride, MANIFEST_FILE);
+    const overrideBundle = join(explicitOverride, BUNDLE_DIR);
+    if (existsSync(overrideManifest) && existsSync(overrideBundle)) {
+      return explicitOverride;
+    }
+  }
+  for (const candidate of BUNDLED_TEMPLATES_DIR_CANDIDATES) {
+    const bundledManifest = join(candidate, MANIFEST_FILE);
+    const bundledBundle = join(candidate, BUNDLE_DIR);
+    if (existsSync(bundledManifest) && existsSync(bundledBundle)) {
+      return candidate;
+    }
+  }
+  const localManifest = join(TEMPLATES_DIR, MANIFEST_FILE);
+  const localBundle = join(TEMPLATES_DIR, BUNDLE_DIR);
+  if (existsSync(localManifest) && existsSync(localBundle)) {
+    return TEMPLATES_DIR;
+  }
+  return null;
+}
+function loadManifest() {
+  const now = Date.now();
+  if (cachedManifest && now - cachedAt < CACHE_TTL) {
+    return cachedManifest;
+  }
+  const dir = resolveTemplatesDir();
+  if (!dir) {
+    cachedManifest = null;
+    cachedTemplatesDir = null;
+    cachedAt = now;
+    return null;
+  }
+  try {
+    const raw = readFileSync(join(dir, MANIFEST_FILE), "utf-8");
+    const manifest = JSON.parse(raw);
+    cachedManifest = manifest;
+    cachedTemplatesDir = dir;
+    cachedAt = now;
+    return manifest;
+  } catch {
+    cachedManifest = null;
+    cachedTemplatesDir = null;
+    cachedAt = now;
+    return null;
+  }
+}
+function isTemplatesInstalled() {
+  return loadManifest() !== null;
+}
+function getAvailableTemplates() {
+  const manifest = loadManifest();
+  return manifest?.templates ?? [];
+}
+function getTemplate(id) {
+  const templates = getAvailableTemplates();
+  return templates.find((t) => t.id === id) ?? null;
+}
+function getBundlePath() {
+  loadManifest();
+  if (!cachedTemplatesDir) return null;
+  const bundlePath = join(cachedTemplatesDir, BUNDLE_DIR);
+  if (!existsSync(bundlePath)) return null;
+  return bundlePath;
+}
+
+export {
+  isTemplatesInstalled,
+  getAvailableTemplates,
+  getTemplate,
+  getBundlePath
+};

package/dist/{chunk-2RQ7BDPA.js → chunk-LXSWDEXV.js}

@@ -1,25 +1,9 @@
 import {
-  findAndroidSdkPath,
-  getAdbCommand,
   getAvailableTemplates,
   getBundlePath,
-  getEmulatorPath,
-  getMaestroRecorder,
   getTemplate,
-  isIdbInstalled,
-  isMaestroInstalled,
-  isTemplatesInstalled,
-  killZombieMaestroProcesses,
-  listConnectedAndroidDevices,
-  listMaestroDevices,
-  parseMaestroActionsFromYaml,
-  resolveAndroidDeviceSerial,
-  runMaestroTest,
-  tapViaIdb
-} from "./chunk-VEIZLLCI.js";
-import {
-  APP_VERSION
-} from "./chunk-6EGBXRDK.js";
+  isTemplatesInstalled
+} from "./chunk-HGWEHWKJ.js";
 import {
   runPlaywrightTest
 } from "./chunk-FIL7IWEL.js";
@@ -37,20 +21,37 @@ import {
   resolveLocalAppHttpTraceCollectorById,
   startLocalAppHttpTraceCollector,
   validateMaestroRecordingWithESVP
-} from "./chunk-N6JJ2RGV.js";
+} from "./chunk-ZLHIHMSL.js";
 import {
   buildAppLabNetworkProfile
 } from "./chunk-LB3RNE3O.js";
 import {
+  LOCAL_ESVP_SERVER_URL,
   attachESVPNetworkTrace,
   configureESVPNetwork,
   createESVPSession,
+  findAndroidSdkPath,
+  getAdbCommand,
   getESVPReplayConsistency,
+  getEmulatorPath,
+  getMaestroRecorder,
   inspectESVPSession,
+  isIdbInstalled,
+  isMaestroInstalled,
+  killZombieMaestroProcesses,
+  listConnectedAndroidDevices,
+  listMaestroDevices,
+  parseMaestroActionsFromYaml,
   replayESVPSession,
+  resolveAndroidDeviceSerial,
   runESVPActions,
+  runMaestroTest,
+  tapViaIdb,
   validateESVPReplay
-} from "./chunk-GAKEFJ5T.js";
+} from "./chunk-7EDIUVIO.js";
+import {
+  APP_VERSION
+} from "./chunk-6EGBXRDK.js";
 import {
   redactQuotedStringsInText,
   redactSensitiveTestInput
@@ -4589,9 +4590,20 @@ function resolveProjectESVPSessionId(esvp) {
   return validationId || networkId || directId || null;
 }
 function resolveProjectESVPServerUrl(esvp) {
-  if (!esvp || typeof esvp.serverUrl !== "string") return void 0;
-  const serverUrl = esvp.serverUrl.trim();
-  return serverUrl || void 0;
+  return normalizePersistedLocalESVPServerUrl(esvp?.serverUrl, esvp?.connectionMode);
+}
+function normalizePersistedLocalESVPServerUrl(serverUrl, connectionMode) {
+  const normalized = typeof serverUrl === "string" ? serverUrl.trim().replace(/\/+$/, "") : "";
+  if (normalized === LOCAL_ESVP_SERVER_URL) {
+    return LOCAL_ESVP_SERVER_URL;
+  }
+  if (!normalized && connectionMode === "local") {
+    return LOCAL_ESVP_SERVER_URL;
+  }
+  return void 0;
+}
+function resolvePersistedLocalESVPServerUrl(serverUrl, esvp) {
+  return normalizePersistedLocalESVPServerUrl(serverUrl, "local") || resolveProjectESVPServerUrl(esvp) || LOCAL_ESVP_SERVER_URL;
 }
 function isESVPReplayValidationSupported(result) {
   if (!result) return true;
@@ -6433,7 +6445,7 @@ app.post("/api/testing/mobile/recordings/:id/esvp/validate", async (c) => {
     let autoSynced = false;
     if (result.networkEntries.length === 0 && result.supported && result.sourceSessionId && ((result.networkState?.managed_proxy?.entry_count ?? 0) > 0 || (result.networkState?.trace_count ?? 0) > 0)) {
       try {
-        const { collectESVPSessionNetworkData: collectESVPSessionNetworkData2 } = await import("./esvp-mobile-GC7MAGMI.js");
+        const { collectESVPSessionNetworkData: collectESVPSessionNetworkData2 } = await import("./esvp-mobile-GZ5EMYPG.js");
         const deferred = await collectESVPSessionNetworkData2(result.sourceSessionId, serverUrl);
         if (deferred.networkEntries.length > 0) {
           session.networkEntries = deferred.networkEntries;
@@ -6517,7 +6529,7 @@ app.post("/api/testing/mobile/recordings/:id/esvp/replay", async (c) => {
     session.esvp = {
       ...esvp || {},
       currentSessionId: sourceSessionId,
-      serverUrl: serverUrl || (typeof esvp?.serverUrl === "string" ? esvp.serverUrl : null),
+      serverUrl: resolvePersistedLocalESVPServerUrl(serverUrl, esvp),
       executor,
       validation: {
         ...existingValidation,
@@ -6660,7 +6672,10 @@ app.post("/api/testing/mobile/recordings/:id/esvp/network/start", async (c) => {
       ...session.esvp && typeof session.esvp === "object" ? session.esvp : {},
       currentSessionId: sourceSessionId,
       connectionMode: typeof session?.esvp?.connectionMode === "string" ? session.esvp.connectionMode : "local",
-      serverUrl: serverUrl || (typeof session?.esvp?.serverUrl === "string" ? session.esvp.serverUrl : null),
+      serverUrl: resolvePersistedLocalESVPServerUrl(
+        serverUrl,
+        session?.esvp && typeof session.esvp === "object" ? session.esvp : null
+      ),
       executor,
       network: {
         ...existingNetwork || {},
@@ -9938,11 +9953,11 @@ app.post("/api/templates/props", async (c) => {
     if (!project) {
       return c.json({ error: "Project not found" }, 404);
     }
-    const props = assembleTemplateProps(project);
-    if (!props) {
+    const templateState = getTemplateProjectState(project);
+    if (!templateState) {
       return c.json({ error: "Project has no video to render" }, 400);
     }
-    return c.json({ props });
+    return c.json(templateState);
   } catch (error) {
     const message = error instanceof Error ? error.message : "Unknown error";
     return c.json({ error: message }, 500);
@@ -10000,26 +10015,39 @@ app.put("/api/projects/:id/template-content", async (c) => {
   try {
     const id = c.req.param("id");
     const body = await c.req.json();
-    const { title, titleLines, terminalTabs, showcaseMode } = body;
+    const { title, titleLines, terminalTabs, showcaseMode, deviceMockup } = body;
     const db = getDatabase();
     const project = db.select().from(projects).where(eq(projects.id, id)).get();
     if (!project) {
       return c.json({ error: "Project not found" }, 404);
     }
+    const defaultTitle = sanitizeTemplateTitle(
+      extractFirstSentence(project.aiSummary || project.name || "App Recording"),
+      "App Recording"
+    );
+    const sanitizedTitle = sanitizeTemplateTitle(title, defaultTitle);
+    const sanitizedTitleLines = sanitizeTemplateTitleLines(titleLines, sanitizedTitle);
+    const sanitizedTerminalTabs = sanitizeTemplateTerminalTabs(terminalTabs);
+    const sanitizedShowcaseMode = showcaseMode === "artistic" || showcaseMode === "terminal" ? showcaseMode : void 0;
+    const platform = project.platform === "ios" || project.platform === "android" || project.platform === "web" ? project.platform : "web";
+    const availableAndroidMockups = listAndroidDeviceMockupIds();
+    const sanitizedDeviceMockup = platform === "android" ? resolveAndroidDeviceMockup(deviceMockup, availableAndroidMockups) : void 0;
+    const savedContent = {
+      title: sanitizedTitle,
+      titleLines: sanitizedTitleLines,
+      terminalTabs: sanitizedTerminalTabs,
+      showcaseMode: sanitizedShowcaseMode,
+      deviceMockup: sanitizedDeviceMockup,
+      updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+    };
     const { writeFileSync: writeFileSync5, mkdirSync: mkdirSync6 } = await import("fs");
     const projectDir = join5(PROJECTS_DIR, id);
     if (!existsSync5(projectDir)) {
       mkdirSync6(projectDir, { recursive: true });
     }
     const contentPath = join5(projectDir, "template-content.json");
-    writeFileSync5(contentPath, JSON.stringify({
-      title,
-      titleLines,
-      terminalTabs,
-      showcaseMode,
-      updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-    }));
-    return c.json({ success: true, message: "Template content saved" });
+    writeFileSync5(contentPath, JSON.stringify(savedContent));
+    return c.json({ success: true, message: "Template content saved", content: savedContent });
   } catch (error) {
     const message = error instanceof Error ? error.message : "Unknown error";
     return c.json({ error: message }, 500);
@@ -10040,10 +10068,14 @@ app.post("/api/templates/render", async (c) => {
     if (!project) {
       return c.json({ error: "Project not found" }, 404);
     }
-    const props = assembleTemplateProps(project);
-    if (!props) {
+    const templateState = getTemplateProjectState(project);
+    if (!templateState) {
       return c.json({ error: "Project has no video to render" }, 400);
     }
+    if (!templateState.eligibility.templatesAllowed) {
+      return c.json({ error: templateState.eligibility.reason || `Templates are limited to videos up to ${TEMPLATE_MAX_DURATION_SECONDS} seconds.` }, 400);
+    }
+    const { props } = templateState;
     const job = await startRender(projectId, templateId, props, (progress) => {
       broadcastToClients({
         type: "templateRenderProgress",
@@ -10139,29 +10171,27 @@ app.get("/api/settings/template-preference", async (c) => {
   }
 });
 function assembleTemplateProps(project) {
-  const resolvedVideoPath = resolveVideoPath(project.videoPath);
-  if (!resolvedVideoPath || !existsSync5(resolvedVideoPath)) {
+  const resolvedVideoPath = resolveTemplateVideoPath(project);
+  if (!resolvedVideoPath) {
     return null;
   }
-  try {
-    if (statSync2(resolvedVideoPath).isDirectory()) {
-      return null;
-    }
-  } catch {
-    return null;
-  }
-  const defaultTitle = extractFirstSentence(project.aiSummary || project.name || "App Recording");
+  const defaultTitle = sanitizeTemplateTitle(
+    extractFirstSentence(project.aiSummary || project.name || "App Recording"),
+    "App Recording"
+  );
   const subtitle = project.name || void 0;
   const editedContent = loadEditedTemplateContent(project.id);
+  const availableAndroidMockups = listAndroidDeviceMockupIds();
   let title = defaultTitle;
   let titleLines;
   let terminalTabs = [];
   let hasNetworkData = false;
   let showcaseMode;
+  let deviceMockup;
   if (editedContent) {
-    title = editedContent.title || defaultTitle;
-    titleLines = editedContent.titleLines;
-    terminalTabs = editedContent.terminalTabs || [];
+    title = sanitizeTemplateTitle(editedContent.title || defaultTitle, defaultTitle);
+    titleLines = sanitizeTemplateTitleLines(editedContent.titleLines, title);
+    terminalTabs = sanitizeTemplateTerminalTabs(editedContent.terminalTabs);
     hasNetworkData = terminalTabs.length > 0;
     showcaseMode = editedContent.showcaseMode;
   } else {
@@ -10171,8 +10201,14 @@ function assembleTemplateProps(project) {
       terminalTabs = groupNetworkIntoTabs(networkEntries);
     }
   }
-  const videoDuration = project.duration || 0;
   const platform = project.platform === "ios" || project.platform === "android" || project.platform === "web" ? project.platform : "web";
+  if (platform === "android") {
+    deviceMockup = resolveAndroidDeviceMockup(editedContent?.deviceMockup, availableAndroidMockups);
+  }
+  if (!titleLines && (!showcaseMode || showcaseMode === "artistic") && !hasNetworkData) {
+    titleLines = splitTemplateTitleIntoLines(title);
+  }
+  const videoDuration = getActualTemplateVideoDuration(project, resolvedVideoPath);
   const videoUrl = `http://localhost:${currentServerPort}/api/file?path=${encodeURIComponent(resolvedVideoPath)}`;
   return {
     videoUrl,
@@ -10183,7 +10219,32 @@ function assembleTemplateProps(project) {
     subtitle,
     terminalTabs,
     hasNetworkData,
-    showcaseMode
+    showcaseMode,
+    deviceMockup
+  };
+}
+var TEMPLATE_MAX_DURATION_SECONDS = 60;
+var DEFAULT_ANDROID_DEVICE_MOCKUP = "mockup-android-galaxy.png";
+var ANDROID_DEVICE_MOCKUP_FALLBACKS = [
+  DEFAULT_ANDROID_DEVICE_MOCKUP,
+  "mockup-android.png",
+  "mockup-android-google-pixel-9-pro.png"
+];
+function getTemplateProjectState(project) {
+  const props = assembleTemplateProps(project);
+  if (!props) {
+    return null;
+  }
+  const eligibility = buildTemplateEligibility(props.videoDuration);
+  const androidDeviceMockups = listAndroidDeviceMockupIds().map((id) => ({
+    id,
+    label: formatAndroidDeviceMockupLabel(id)
+  }));
+  return {
+    props,
+    eligibility,
+    androidDeviceMockups,
+    defaultAndroidDeviceMockup: resolveAndroidDeviceMockup(void 0, androidDeviceMockups.map((option) => option.id))
   };
 }
 function extractFirstSentence(text) {
@@ -10192,6 +10253,164 @@ function extractFirstSentence(text) {
   if (match) return match[0].trim();
   return text.substring(0, 80).trim();
 }
+function resolveTemplateVideoPath(project) {
+  const resolvedVideoPath = resolveVideoPath(project.videoPath);
+  if (!resolvedVideoPath || !existsSync5(resolvedVideoPath)) {
+    return null;
+  }
+  try {
+    if (statSync2(resolvedVideoPath).isDirectory()) {
+      return null;
+    }
+  } catch {
+    return null;
+  }
+  return resolvedVideoPath;
+}
+function getActualTemplateVideoDuration(project, resolvedVideoPath) {
+  const probedDuration = probeVideoDurationSeconds(resolvedVideoPath);
+  if (probedDuration && probedDuration > 0) {
+    return probedDuration;
+  }
+  const projectDuration = Number(project?.duration);
+  if (Number.isFinite(projectDuration) && projectDuration > 0) {
+    return projectDuration;
+  }
+  return 0;
+}
+function probeVideoDurationSeconds(filePath) {
+  try {
+    if (!existsSync5(filePath)) return null;
+    const output = execSync3(
+      `ffprobe -v quiet -print_format json -show_format "${filePath}"`,
+      { encoding: "utf-8", timeout: 1e4 }
+    );
+    const data = JSON.parse(output);
+    const duration = parseFloat(data?.format?.duration || "0");
+    return Number.isFinite(duration) && duration > 0 ? duration : null;
+  } catch {
+    return null;
+  }
+}
+function buildTemplateEligibility(actualDurationSeconds) {
+  const templatesAllowed = isTemplateDurationAllowed(actualDurationSeconds);
+  return {
+    templatesAllowed,
+    maxTemplateDurationSeconds: TEMPLATE_MAX_DURATION_SECONDS,
+    actualDurationSeconds,
+    reason: templatesAllowed || actualDurationSeconds <= 0 ? void 0 : `Templates are limited to videos up to ${TEMPLATE_MAX_DURATION_SECONDS} seconds. This recording is ${formatTemplateDuration(actualDurationSeconds)}.`
+  };
+}
+function isTemplateDurationAllowed(actualDurationSeconds) {
+  if (!Number.isFinite(actualDurationSeconds) || actualDurationSeconds <= 0) {
+    return true;
+  }
+  return Math.round(actualDurationSeconds * 1e3) <= TEMPLATE_MAX_DURATION_SECONDS * 1e3;
+}
+function formatTemplateDuration(actualDurationSeconds) {
+  if (!Number.isFinite(actualDurationSeconds) || actualDurationSeconds <= 0) {
+    return "unknown duration";
+  }
+  const totalSeconds = Math.max(1, Math.round(actualDurationSeconds));
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return minutes > 0 ? `${minutes}m ${seconds}s` : `${totalSeconds}s`;
+}
+function sanitizeTemplateTitle(value, fallback = "App Recording") {
+  const normalized = normalizeTemplateTitle(value);
+  if (normalized) return normalized;
+  const safeFallback = normalizeTemplateTitle(fallback);
+  return safeFallback || "App Recording";
+}
+function normalizeTemplateTitle(value) {
+  if (typeof value !== "string") return "";
+  const withoutMarkdown = value.replace(/[#*_`~>\-[\]{}()<>\\/|]+/g, " ").replace(/&/g, " and ").replace(/[^\p{L}\p{N}\s]/gu, " ").replace(/\s+/g, " ").trim();
+  if (!withoutMarkdown) return "";
+  const limitedWords = withoutMarkdown.split(" ").filter(Boolean).slice(0, 7).join(" ");
+  if (!limitedWords) return "";
+  if (limitedWords.length <= 48) return limitedWords;
+  const truncated = limitedWords.slice(0, 48).trim();
+  return truncated.replace(/\s+\S*$/, "").trim() || truncated;
+}
+function sanitizeTemplateTitleLines(value, fallbackTitle) {
+  if (!Array.isArray(value)) {
+    return void 0;
+  }
+  const cleaned = value.map((line) => sanitizeTemplateTitle(line, "")).filter(Boolean).slice(0, 4);
+  if (cleaned.length > 0) {
+    return cleaned;
+  }
+  return splitTemplateTitleIntoLines(fallbackTitle);
+}
+function splitTemplateTitleIntoLines(title) {
+  const words = title.split(" ").filter(Boolean);
+  if (words.length === 0) return void 0;
+  if (words.length <= 2) return [title];
+  const lines = [];
+  for (let index = 0; index < words.length && lines.length < 4; index += 2) {
+    lines.push(words.slice(index, index + 2).join(" "));
+  }
+  return lines;
+}
+function sanitizeTemplateTerminalTabs(value) {
+  if (!Array.isArray(value)) return [];
+  return value.map((tab) => {
+    if (!tab || typeof tab !== "object") return null;
+    const record = tab;
+    const label = typeof record.label === "string" ? record.label.trim() : "";
+    const methodFromLabel = label.split(" ")[0] || "GET";
+    const routeFromLabel = label.split(" ").slice(1).join(" ") || "/";
+    const method = typeof record.method === "string" && record.method.trim() ? record.method.trim().toUpperCase() : methodFromLabel.toUpperCase();
+    const route = typeof record.route === "string" && record.route.trim() ? record.route.trim() : routeFromLabel;
+    const content = typeof record.content === "string" ? record.content : "";
+    if (!label && !content.trim()) return null;
+    return {
+      label: label || `${method} ${route}`.trim(),
+      method: method || "GET",
+      route: route || "/",
+      content
+    };
+  }).filter((tab) => !!tab);
+}
+function listAndroidDeviceMockupIds() {
+  const bundlePath = getBundlePath();
+  if (!bundlePath) {
+    return [...ANDROID_DEVICE_MOCKUP_FALLBACKS];
+  }
+  const publicDir = join5(bundlePath, "public");
+  if (!existsSync5(publicDir)) {
+    return [...ANDROID_DEVICE_MOCKUP_FALLBACKS];
+  }
+  const files = readdirSync2(publicDir).filter((file) => /^mockup-android.*\.png$/i.test(file));
+  const unique = new Set(files.length > 0 ? files : ANDROID_DEVICE_MOCKUP_FALLBACKS);
+  return [...unique].sort((left, right) => {
+    const leftIndex = ANDROID_DEVICE_MOCKUP_FALLBACKS.indexOf(left);
+    const rightIndex = ANDROID_DEVICE_MOCKUP_FALLBACKS.indexOf(right);
+    if (leftIndex !== -1 || rightIndex !== -1) {
+      if (leftIndex === -1) return 1;
+      if (rightIndex === -1) return -1;
+      return leftIndex - rightIndex;
+    }
+    return left.localeCompare(right);
+  });
+}
+function resolveAndroidDeviceMockup(requested, available) {
+  const candidate = typeof requested === "string" ? requested.trim() : "";
+  if (candidate && available.includes(candidate)) {
+    return candidate;
+  }
+  for (const fallback of ANDROID_DEVICE_MOCKUP_FALLBACKS) {
+    if (available.includes(fallback)) {
+      return fallback;
+    }
+  }
+  return available[0] || DEFAULT_ANDROID_DEVICE_MOCKUP;
+}
+function formatAndroidDeviceMockupLabel(filename) {
+  const base = filename.replace(/^mockup-android-?/i, "").replace(/\.png$/i, "");
+  if (!base) return "Android";
+  return base.split("-").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
 function isTunnelLikeNetworkEntry(entry) {
   if (!entry || typeof entry !== "object") return false;
   const method = typeof entry.method === "string" ? entry.method.toUpperCase() : "";
@@ -10331,7 +10550,8 @@ function loadEditedTemplateContent(projectId) {
       title: data.title,
       titleLines: data.titleLines,
       terminalTabs: data.terminalTabs,
-      showcaseMode: data.showcaseMode
+      showcaseMode: data.showcaseMode,
+      deviceMockup: data.deviceMockup
     };
   } catch {
     return null;

package/dist/{chunk-N6JJ2RGV.js → chunk-ZLHIHMSL.js}

@@ -15,7 +15,7 @@ import {
   inspectESVPSession,
   replayESVPSession,
   runESVPActions
-} from "./chunk-GAKEFJ5T.js";
+} from "./chunk-7EDIUVIO.js";
 import {
   redactSensitiveTestInput
 } from "./chunk-SLNJEF32.js";