@industry-theme/file-city-panel 0.3.1 → 0.3.3

package/dist/panels.bundle.js

@@ -38567,16 +38567,244 @@ const files = {
   defaultConfig,
   includeUnmatched
 };
+class TourValidationError extends Error {
+  constructor(message, field, value) {
+    super(message);
+    this.field = field;
+    this.value = value;
+    this.name = "TourValidationError";
+  }
+}
+function isValidHexColor(color2) {
+  return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(color2);
+}
+function isValidVersion(version2) {
+  return /^\d+\.\d+\.\d+$/.test(version2);
+}
+function isValidRelativePath(path) {
+  return !path.startsWith("/");
+}
+function isValidKebabCase(id2) {
+  return /^[a-z0-9-]+$/.test(id2);
+}
+function validateStep(step, index2) {
+  const errors = [];
+  if (!step.id || typeof step.id !== "string") {
+    errors.push(new TourValidationError(`Step ${index2}: Missing or invalid 'id'`, "id", step.id));
+  } else if (!isValidKebabCase(step.id)) {
+    errors.push(new TourValidationError(`Step ${index2}: 'id' must be kebab-case (lowercase, numbers, hyphens only)`, "id", step.id));
+  }
+  if (!step.title || typeof step.title !== "string") {
+    errors.push(new TourValidationError(`Step ${index2}: Missing or invalid 'title'`, "title", step.title));
+  }
+  if (!step.description || typeof step.description !== "string") {
+    errors.push(new TourValidationError(`Step ${index2}: Missing or invalid 'description'`, "description", step.description));
+  }
+  if (step.estimatedTime !== void 0 && (typeof step.estimatedTime !== "number" || step.estimatedTime < 1)) {
+    errors.push(new TourValidationError(`Step ${index2}: 'estimatedTime' must be a positive number`, "estimatedTime", step.estimatedTime));
+  }
+  if (step.focusDirectory !== void 0) {
+    if (typeof step.focusDirectory !== "string") {
+      errors.push(new TourValidationError(`Step ${index2}: 'focusDirectory' must be a string`, "focusDirectory", step.focusDirectory));
+    } else if (!isValidRelativePath(step.focusDirectory)) {
+      errors.push(new TourValidationError(`Step ${index2}: 'focusDirectory' must be a relative path (no leading slash)`, "focusDirectory", step.focusDirectory));
+    }
+  }
+  if (step.autoAdvance && step.autoAdvanceDelay !== void 0) {
+    if (typeof step.autoAdvanceDelay !== "number" || step.autoAdvanceDelay < 1e3) {
+      errors.push(new TourValidationError(`Step ${index2}: 'autoAdvanceDelay' must be at least 1000ms when auto-advance is enabled`, "autoAdvanceDelay", step.autoAdvanceDelay));
+    }
+  }
+  if (step.highlightLayers) {
+    step.highlightLayers.forEach((layer, layerIndex) => {
+      if (!layer.id || !isValidKebabCase(layer.id)) {
+        errors.push(new TourValidationError(`Step ${index2}, Layer ${layerIndex}: Invalid layer 'id' (must be kebab-case)`, `highlightLayers[${layerIndex}].id`, layer.id));
+      }
+      if (!layer.color || !isValidHexColor(layer.color)) {
+        errors.push(new TourValidationError(`Step ${index2}, Layer ${layerIndex}: Invalid hex color`, `highlightLayers[${layerIndex}].color`, layer.color));
+      }
+      if (layer.opacity !== void 0 && (layer.opacity < 0 || layer.opacity > 1)) {
+        errors.push(new TourValidationError(`Step ${index2}, Layer ${layerIndex}: 'opacity' must be between 0 and 1`, `highlightLayers[${layerIndex}].opacity`, layer.opacity));
+      }
+      if (layer.borderWidth !== void 0 && layer.borderWidth < 0) {
+        errors.push(new TourValidationError(`Step ${index2}, Layer ${layerIndex}: 'borderWidth' must be positive`, `highlightLayers[${layerIndex}].borderWidth`, layer.borderWidth));
+      }
+      if (!layer.items || layer.items.length === 0) {
+        errors.push(new TourValidationError(`Step ${index2}, Layer ${layerIndex}: 'items' array must not be empty`, `highlightLayers[${layerIndex}].items`, layer.items));
+      } else {
+        layer.items.forEach((item, itemIndex) => {
+          if (!item.path || !isValidRelativePath(item.path)) {
+            errors.push(new TourValidationError(`Step ${index2}, Layer ${layerIndex}, Item ${itemIndex}: Invalid relative path`, `highlightLayers[${layerIndex}].items[${itemIndex}].path`, item.path));
+          }
+          if (!item.type || item.type !== "file" && item.type !== "directory") {
+            errors.push(new TourValidationError(`Step ${index2}, Layer ${layerIndex}, Item ${itemIndex}: 'type' must be 'file' or 'directory'`, `highlightLayers[${layerIndex}].items[${itemIndex}].type`, item.type));
+          }
+        });
+      }
+    });
+  }
+  if (step.highlightFiles) {
+    step.highlightFiles.forEach((filePath, fileIndex) => {
+      if (!isValidRelativePath(filePath)) {
+        errors.push(new TourValidationError(`Step ${index2}, highlightFiles[${fileIndex}]: Must be a relative path (no leading slash)`, `highlightFiles[${fileIndex}]`, filePath));
+      }
+    });
+  }
+  if (step.interactiveActions) {
+    step.interactiveActions.forEach((action, actionIndex) => {
+      const needsTarget = ["click-file", "hover-directory", "toggle-layer"].includes(action.type);
+      if (needsTarget && !action.target) {
+        errors.push(new TourValidationError(`Step ${index2}, Action ${actionIndex}: '${action.type}' requires a 'target'`, `interactiveActions[${actionIndex}].target`, action.target));
+      }
+    });
+  }
+  return errors;
+}
+function validateTour(tour) {
+  const errors = [];
+  if (!tour.id || typeof tour.id !== "string") {
+    errors.push(new TourValidationError("Missing or invalid 'id'", "id", tour.id));
+  } else if (!isValidKebabCase(tour.id)) {
+    errors.push(new TourValidationError("Tour 'id' must be kebab-case (lowercase, numbers, hyphens only)", "id", tour.id));
+  }
+  if (!tour.title || typeof tour.title !== "string") {
+    errors.push(new TourValidationError("Missing or invalid 'title'", "title", tour.title));
+  }
+  if (!tour.description || typeof tour.description !== "string") {
+    errors.push(new TourValidationError("Missing or invalid 'description'", "description", tour.description));
+  }
+  if (!tour.version || !isValidVersion(tour.version)) {
+    errors.push(new TourValidationError("Invalid 'version' - must be semantic version (e.g., '1.0.0')", "version", tour.version));
+  }
+  if (!tour.steps || !Array.isArray(tour.steps) || tour.steps.length === 0) {
+    errors.push(new TourValidationError("'steps' array must contain at least one step", "steps", tour.steps));
+  } else {
+    tour.steps.forEach((step, index2) => {
+      const stepErrors = validateStep(step, index2);
+      errors.push(...stepErrors);
+    });
+    const stepIds = /* @__PURE__ */ new Set();
+    tour.steps.forEach((step, index2) => {
+      if (stepIds.has(step.id)) {
+        errors.push(new TourValidationError(`Duplicate step ID '${step.id}' at index ${index2}`, "steps", step.id));
+      }
+      stepIds.add(step.id);
+    });
+  }
+  if (tour.audience !== void 0 && typeof tour.audience !== "string") {
+    errors.push(new TourValidationError(`Invalid 'audience' - must be a string`, "audience", tour.audience));
+  }
+  return errors;
+}
+function parseTour(jsonString) {
+  try {
+    const parsed = JSON.parse(jsonString);
+    if (typeof parsed !== "object" || parsed === null) {
+      return {
+        success: false,
+        errors: [new TourValidationError("Tour JSON must be an object")]
+      };
+    }
+    const errors = validateTour(parsed);
+    if (errors.length > 0) {
+      return {
+        success: false,
+        errors
+      };
+    }
+    return {
+      success: true,
+      tour: parsed
+    };
+  } catch (error) {
+    return {
+      success: false,
+      errors: [
+        new TourValidationError(`Failed to parse JSON: ${error instanceof Error ? error.message : "Unknown error"}`)
+      ]
+    };
+  }
+}
+function parseTourOrThrow(jsonString) {
+  var _a;
+  const result = parseTour(jsonString);
+  if (!result.success || !result.tour) {
+    const errorMessages2 = ((_a = result.errors) == null ? void 0 : _a.map((e) => e.message).join("\n")) || "Unknown error";
+    throw new TourValidationError(`Tour validation failed:
+${errorMessages2}`);
+  }
+  return result.tour;
+}
+function findTourFilePathInFileTree(fileTree) {
+  const tourFiles = fileTree.allFiles.filter((file) => {
+    const path = file.path;
+    return path.endsWith(".tour.json") && !path.includes("/");
+  });
+  tourFiles.sort((a, b) => a.path.localeCompare(b.path));
+  const tourFile = tourFiles[0];
+  return tourFile ? tourFile.path : null;
+}
+function findAllTourFilesInFileTree(fileTree) {
+  return fileTree.allFiles.filter((file) => file.path.endsWith(".tour.json")).map((file) => file.path).sort((a, b) => a.localeCompare(b));
+}
+async function loadTourFromFileTree(fileTree, readFile) {
+  const tourFilePath = findTourFilePathInFileTree(fileTree);
+  if (!tourFilePath) {
+    return {
+      success: false,
+      errors: [new TourValidationError("No *.tour.json file found in repository root")]
+    };
+  }
+  try {
+    const tourContent = await readFile(tourFilePath);
+    return parseTour(tourContent);
+  } catch (error) {
+    return {
+      success: false,
+      errors: [
+        new TourValidationError(`Failed to read tour file: ${error instanceof Error ? error.message : "Unknown error"}`)
+      ]
+    };
+  }
+}
+async function loadAllToursFromFileTree(fileTree, readFile) {
+  const tourPaths = findAllTourFilesInFileTree(fileTree);
+  const results = await Promise.all(tourPaths.map(async (path) => {
+    try {
+      const content = await readFile(path);
+      const result = parseTour(content);
+      return { path, result };
+    } catch (error) {
+      return {
+        path,
+        result: {
+          success: false,
+          errors: [
+            new TourValidationError(`Failed to read tour file: ${error instanceof Error ? error.message : "Unknown error"}`)
+          ]
+        }
+      };
+    }
+  }));
+  return results;
+}
 const dist = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CodeCityBuilderWithGrid,
   CommonSorts,
   GridLayoutManager,
   MultiVersionCityBuilder,
+  TourValidationError,
   buildFileSystemTreeFromFileInfoList,
   buildMultiVersionCity,
   defaultFileColorConfig: files,
-  getFilesFromGitHubTree
+  findAllTourFilesInFileTree,
+  findTourFilePathInFileTree,
+  getFilesFromGitHubTree,
+  loadAllToursFromFileTree,
+  loadTourFromFileTree,
+  parseTour,
+  parseTourOrThrow
 }, Symbol.toStringTag, { value: "Module" }));
 const require$$6 = /* @__PURE__ */ getAugmentedNamespace(dist);
 var fileColorOverrides = {};
@@ -48798,7 +49026,9 @@ const ContextContainer = ({
   className
 }) => {
   const { theme: theme2 } = useTheme();
+  const isTop = position === "top";
   const isRight = position === "right";
+  const isLeft = position === "left";
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -48809,8 +49039,10 @@ const ContextContainer = ({
         gap: "12px",
         padding: "12px 0",
         backgroundColor: theme2.colors.background,
-        borderTop: isRight ? "none" : `1px solid ${theme2.colors.border}`,
+        borderTop: isRight || isLeft || isTop ? "none" : `1px solid ${theme2.colors.border}`,
+        borderBottom: isTop ? `1px solid ${theme2.colors.border}` : "none",
         borderLeft: isRight ? `1px solid ${theme2.colors.border}` : "none",
+        borderRight: isLeft ? `1px solid ${theme2.colors.border}` : "none",
         boxSizing: "border-box",
         flex: 1,
         minWidth: 0,
@@ -50826,7 +51058,7 @@ const TourPlayer = ({
   const showTTSControls = !!ttsAdapter && audioReady;
   const canAutoPlay = autoPlayAudio && autoAdvanceOnAudioEnd;
   if (!visible) return null;
-  const useAbsolutePositioning = position === "top" || position === "overlay";
+  const useAbsolutePositioning = position === "overlay";
   const absoluteContainerStyle = {
     // Positioned mode (absolute/fixed positioning)
     position: "absolute",
@@ -50836,10 +51068,6 @@ const TourPlayer = ({
     borderColor: theme2.colors.border,
     boxShadow: "0 -4px 16px rgba(0,0,0,0.1)",
     zIndex: 100,
-    ...position === "top" && {
-      top: 0,
-      borderBottom: `2px solid ${theme2.colors.border}`
-    },
     ...position === "overlay" && {
       top: "50%",
       left: "50%",
@@ -50903,7 +51131,7 @@ const TourPlayer = ({
                           "h2",
                           {
                             style: {
-                              fontSize: theme2.fontSizes[3],
+                              fontSize: theme2.fontSizes[4],
                               fontFamily: theme2.fonts.heading,
                               color: theme2.colors.text,
                               margin: 0
@@ -50920,7 +51148,7 @@ const TourPlayer = ({
                 "p",
                 {
                   style: {
-                    fontSize: theme2.fontSizes[1],
+                    fontSize: theme2.fontSizes[2],
                     fontFamily: theme2.fonts.body,
                     color: theme2.colors.textSecondary,
                     margin: 0,
@@ -50946,7 +51174,7 @@ const TourPlayer = ({
                           backgroundColor: theme2.colors.primary + "20",
                           color: theme2.colors.primary,
                           borderRadius: "4px",
-                          fontSize: theme2.fontSizes[0],
+                          fontSize: theme2.fontSizes[1],
                           fontFamily: theme2.fonts.body,
                           fontWeight: 500
                         },
@@ -50961,7 +51189,7 @@ const TourPlayer = ({
                           backgroundColor: theme2.colors.accent + "20",
                           color: theme2.colors.accent,
                           borderRadius: "4px",
-                          fontSize: theme2.fontSizes[0],
+                          fontSize: theme2.fontSizes[1],
                           fontFamily: theme2.fonts.body,
                           fontWeight: 500
                         },
@@ -50990,7 +51218,7 @@ const TourPlayer = ({
                 "div",
                 {
                   style: {
-                    fontSize: theme2.fontSizes[1],
+                    fontSize: theme2.fontSizes[2],
                     fontFamily: theme2.fonts.heading,
                     color: theme2.colors.text,
                     fontWeight: 600,
@@ -51005,7 +51233,7 @@ const TourPlayer = ({
                   style: {
                     margin: 0,
                     paddingLeft: "20px",
-                    fontSize: theme2.fontSizes[0],
+                    fontSize: theme2.fontSizes[1],
                     fontFamily: theme2.fonts.body,
                     color: theme2.colors.textSecondary
                   },
@@ -51037,7 +51265,7 @@ const TourPlayer = ({
                     color: theme2.colors.textSecondary,
                     border: `1px solid ${theme2.colors.border}`,
                     borderRadius: "6px",
-                    fontSize: theme2.fontSizes[1],
+                    fontSize: theme2.fontSizes[2],
                     fontFamily: theme2.fonts.body,
                     cursor: "pointer",
                     transition: "all 0.2s"
@@ -51066,7 +51294,7 @@ const TourPlayer = ({
                     color: "#ffffff",
                     border: "none",
                     borderRadius: "6px",
-                    fontSize: theme2.fontSizes[1],
+                    fontSize: theme2.fontSizes[2],
                     fontFamily: theme2.fonts.body,
                     fontWeight: 600,
                     cursor: "pointer",
@@ -51100,7 +51328,7 @@ const TourPlayer = ({
                     color: "#ffffff",
                     border: "none",
                     borderRadius: "6px",
-                    fontSize: theme2.fontSizes[1],
+                    fontSize: theme2.fontSizes[2],
                     fontFamily: theme2.fonts.body,
                     fontWeight: 600,
                     cursor: "pointer",
@@ -51177,7 +51405,7 @@ const TourPlayer = ({
                         backgroundColor: theme2.colors.primary + "20",
                         color: theme2.colors.primary,
                         borderRadius: "6px",
-                        fontSize: theme2.fontSizes[0],
+                        fontSize: theme2.fontSizes[1],
                         fontFamily: theme2.fonts.monospace,
                         fontWeight: 600
                       },
@@ -51196,7 +51424,7 @@ const TourPlayer = ({
                         alignItems: "center",
                         gap: "4px",
                         color: theme2.colors.textSecondary,
-                        fontSize: theme2.fontSizes[0],
+                        fontSize: theme2.fontSizes[1],
                         fontFamily: theme2.fonts.body
                       },
                       children: [
@@ -51216,7 +51444,7 @@ const TourPlayer = ({
                         alignItems: "center",
                         gap: "4px",
                         color: theme2.colors.primary,
-                        fontSize: theme2.fontSizes[0],
+                        fontSize: theme2.fontSizes[1],
                         fontFamily: theme2.fonts.body,
                         fontWeight: 600
                       },
@@ -51246,7 +51474,7 @@ const TourPlayer = ({
                   color: theme2.colors.textSecondary,
                   border: `1px solid ${theme2.colors.border}`,
                   borderRadius: "6px",
-                  fontSize: theme2.fontSizes[0],
+                  fontSize: theme2.fontSizes[1],
                   fontFamily: theme2.fonts.body,
                   cursor: "pointer",
                   transition: "all 0.2s"
@@ -51282,7 +51510,7 @@ const TourPlayer = ({
                 "h2",
                 {
                   style: {
-                    fontSize: theme2.fontSizes[3],
+                    fontSize: theme2.fontSizes[4],
                     fontFamily: theme2.fonts.heading,
                     color: theme2.colors.text,
                     marginBottom: "8px",
@@ -51295,7 +51523,7 @@ const TourPlayer = ({
                 "p",
                 {
                   style: {
-                    fontSize: theme2.fontSizes[1],
+                    fontSize: theme2.fontSizes[2],
                     fontFamily: theme2.fonts.body,
                     color: theme2.colors.textSecondary,
                     margin: 0,
@@ -51310,7 +51538,7 @@ const TourPlayer = ({
                 "h4",
                 {
                   style: {
-                    fontSize: theme2.fontSizes[1],
+                    fontSize: theme2.fontSizes[2],
                     fontFamily: theme2.fonts.heading,
                     color: theme2.colors.text,
                     marginBottom: "8px"
@@ -51349,7 +51577,7 @@ const TourPlayer = ({
                       "span",
                       {
                         style: {
-                          fontSize: theme2.fontSizes[0],
+                          fontSize: theme2.fontSizes[1],
                           fontFamily: theme2.fonts.body,
                           color: theme2.colors.text
                         },
@@ -51366,7 +51594,7 @@ const TourPlayer = ({
                 "h4",
                 {
                   style: {
-                    fontSize: theme2.fontSizes[1],
+                    fontSize: theme2.fontSizes[2],
                     fontFamily: theme2.fonts.heading,
                     color: theme2.colors.text,
                     marginBottom: "8px"
@@ -51389,7 +51617,7 @@ const TourPlayer = ({
                     color: theme2.colors.primary,
                     borderRadius: "6px",
                     border: `1px solid ${theme2.colors.border}`,
-                    fontSize: theme2.fontSizes[0],
+                    fontSize: theme2.fontSizes[1],
                     fontFamily: theme2.fonts.body,
                     textDecoration: "none",
                     transition: "all 0.2s"
@@ -51440,7 +51668,7 @@ const TourPlayer = ({
                     color: theme2.colors.text,
                     border: `1px solid ${theme2.colors.border}`,
                     borderRadius: "8px",
-                    fontSize: theme2.fontSizes[1],
+                    fontSize: theme2.fontSizes[2],
                     fontFamily: theme2.fonts.body,
                     cursor: (ttsState == null ? void 0 : ttsState.isLoading) || !audioReady ? "not-allowed" : "pointer",
                     opacity: (ttsState == null ? void 0 : ttsState.isLoading) || !audioReady ? 0.5 : 1,
@@ -51477,7 +51705,7 @@ const TourPlayer = ({
                     color: isAutoPlaying ? "#ffffff" : theme2.colors.text,
                     border: `1px solid ${isAutoPlaying ? theme2.colors.primary : theme2.colors.border}`,
                     borderRadius: "8px",
-                    fontSize: theme2.fontSizes[1],
+                    fontSize: theme2.fontSizes[2],
                     fontFamily: theme2.fonts.body,
                     cursor: !audioReady ? "not-allowed" : "pointer",
                     opacity: !audioReady ? 0.5 : 1,
@@ -51499,7 +51727,7 @@ const TourPlayer = ({
               )
             ] }),
             (ttsState == null ? void 0 : ttsState.isPlaying) && ttsState.duration && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              /* @__PURE__ */ jsx("span", { style: { fontSize: theme2.fontSizes[0], color: theme2.colors.textSecondary, minWidth: "35px" }, children: formatTime(ttsState.currentTime || 0) }),
+              /* @__PURE__ */ jsx("span", { style: { fontSize: theme2.fontSizes[1], color: theme2.colors.textSecondary, minWidth: "35px" }, children: formatTime(ttsState.currentTime || 0) }),
               /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -51523,7 +51751,7 @@ const TourPlayer = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx("span", { style: { fontSize: theme2.fontSizes[0], color: theme2.colors.textSecondary, minWidth: "35px" }, children: formatTime(ttsState.duration) })
+              /* @__PURE__ */ jsx("span", { style: { fontSize: theme2.fontSizes[1], color: theme2.colors.textSecondary, minWidth: "35px" }, children: formatTime(ttsState.duration) })
             ] })
           ]
         }
@@ -51555,7 +51783,7 @@ const TourPlayer = ({
                   color: isFirstStep ? theme2.colors.textSecondary : theme2.colors.text,
                   border: `1px solid ${theme2.colors.border}`,
                   borderRadius: "8px",
-                  fontSize: theme2.fontSizes[1],
+                  fontSize: theme2.fontSizes[2],
                   fontFamily: theme2.fonts.body,
                   cursor: isFirstStep ? "not-allowed" : "pointer",
                   opacity: isFirstStep ? 0.5 : 1,
@@ -51610,7 +51838,7 @@ const TourPlayer = ({
                   color: isLastStep ? theme2.colors.textSecondary : "#ffffff",
                   border: `1px solid ${isLastStep ? theme2.colors.border : theme2.colors.primary}`,
                   borderRadius: "8px",
-                  fontSize: theme2.fontSizes[1],
+                  fontSize: theme2.fontSizes[2],
                   fontFamily: theme2.fonts.body,
                   fontWeight: 600,
                   cursor: isLastStep ? "not-allowed" : "pointer",
@@ -53267,272 +53495,6 @@ function getLayersForColorMode(mode, buildings, qualityData, fileColorLayers, gi
     }
   }
 }
-class TourValidationError extends Error {
-  constructor(message, field, value) {
-    super(message);
-    this.field = field;
-    this.value = value;
-    this.name = "TourValidationError";
-  }
-}
-function isValidHexColor(color2) {
-  return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(color2);
-}
-function isValidVersion(version2) {
-  return /^\d+\.\d+\.\d+$/.test(version2);
-}
-function isValidRelativePath(path) {
-  return !path.startsWith("/");
-}
-function validateStep(step, index2) {
-  const errors = [];
-  if (!step.id || typeof step.id !== "string") {
-    errors.push(new TourValidationError(`Step ${index2}: Missing or invalid 'id'`, "id", step.id));
-  } else if (!/^[a-z0-9-]+$/.test(step.id)) {
-    errors.push(
-      new TourValidationError(
-        `Step ${index2}: 'id' must be kebab-case (lowercase, numbers, hyphens only)`,
-        "id",
-        step.id
-      )
-    );
-  }
-  if (!step.title || typeof step.title !== "string") {
-    errors.push(new TourValidationError(`Step ${index2}: Missing or invalid 'title'`, "title", step.title));
-  }
-  if (!step.description || typeof step.description !== "string") {
-    errors.push(
-      new TourValidationError(`Step ${index2}: Missing or invalid 'description'`, "description", step.description)
-    );
-  }
-  if (step.estimatedTime !== void 0 && (typeof step.estimatedTime !== "number" || step.estimatedTime < 1)) {
-    errors.push(
-      new TourValidationError(
-        `Step ${index2}: 'estimatedTime' must be a positive number`,
-        "estimatedTime",
-        step.estimatedTime
-      )
-    );
-  }
-  if (step.focusDirectory !== void 0) {
-    if (typeof step.focusDirectory !== "string") {
-      errors.push(
-        new TourValidationError(
-          `Step ${index2}: 'focusDirectory' must be a string`,
-          "focusDirectory",
-          step.focusDirectory
-        )
-      );
-    } else if (!isValidRelativePath(step.focusDirectory)) {
-      errors.push(
-        new TourValidationError(
-          `Step ${index2}: 'focusDirectory' must be a relative path (no leading slash)`,
-          "focusDirectory",
-          step.focusDirectory
-        )
-      );
-    }
-  }
-  if (step.autoAdvance && step.autoAdvanceDelay !== void 0) {
-    if (typeof step.autoAdvanceDelay !== "number" || step.autoAdvanceDelay < 1e3) {
-      errors.push(
-        new TourValidationError(
-          `Step ${index2}: 'autoAdvanceDelay' must be at least 1000ms when auto-advance is enabled`,
-          "autoAdvanceDelay",
-          step.autoAdvanceDelay
-        )
-      );
-    }
-  }
-  if (step.highlightLayers) {
-    step.highlightLayers.forEach((layer, layerIndex) => {
-      if (!layer.id || !/^[a-z0-9-]+$/.test(layer.id)) {
-        errors.push(
-          new TourValidationError(
-            `Step ${index2}, Layer ${layerIndex}: Invalid layer 'id'`,
-            `highlightLayers[${layerIndex}].id`,
-            layer.id
-          )
-        );
-      }
-      if (!layer.color || !isValidHexColor(layer.color)) {
-        errors.push(
-          new TourValidationError(
-            `Step ${index2}, Layer ${layerIndex}: Invalid hex color`,
-            `highlightLayers[${layerIndex}].color`,
-            layer.color
-          )
-        );
-      }
-      if (layer.opacity !== void 0 && (layer.opacity < 0 || layer.opacity > 1)) {
-        errors.push(
-          new TourValidationError(
-            `Step ${index2}, Layer ${layerIndex}: 'opacity' must be between 0 and 1`,
-            `highlightLayers[${layerIndex}].opacity`,
-            layer.opacity
-          )
-        );
-      }
-      if (layer.borderWidth !== void 0 && layer.borderWidth < 0) {
-        errors.push(
-          new TourValidationError(
-            `Step ${index2}, Layer ${layerIndex}: 'borderWidth' must be positive`,
-            `highlightLayers[${layerIndex}].borderWidth`,
-            layer.borderWidth
-          )
-        );
-      }
-      if (!layer.items || layer.items.length === 0) {
-        errors.push(
-          new TourValidationError(
-            `Step ${index2}, Layer ${layerIndex}: 'items' array must not be empty`,
-            `highlightLayers[${layerIndex}].items`,
-            layer.items
-          )
-        );
-      } else {
-        layer.items.forEach((item, itemIndex) => {
-          if (!item.path || !isValidRelativePath(item.path)) {
-            errors.push(
-              new TourValidationError(
-                `Step ${index2}, Layer ${layerIndex}, Item ${itemIndex}: Invalid relative path`,
-                `highlightLayers[${layerIndex}].items[${itemIndex}].path`,
-                item.path
-              )
-            );
-          }
-          if (!item.type || item.type !== "file" && item.type !== "directory") {
-            errors.push(
-              new TourValidationError(
-                `Step ${index2}, Layer ${layerIndex}, Item ${itemIndex}: 'type' must be 'file' or 'directory'`,
-                `highlightLayers[${layerIndex}].items[${itemIndex}].type`,
-                item.type
-              )
-            );
-          }
-        });
-      }
-    });
-  }
-  if (step.highlightFiles) {
-    step.highlightFiles.forEach((filePath, fileIndex) => {
-      if (!isValidRelativePath(filePath)) {
-        errors.push(
-          new TourValidationError(
-            `Step ${index2}, highlightFiles[${fileIndex}]: Must be a relative path (no leading slash)`,
-            `highlightFiles[${fileIndex}]`,
-            filePath
-          )
-        );
-      }
-    });
-  }
-  if (step.interactiveActions) {
-    step.interactiveActions.forEach((action, actionIndex) => {
-      const needsTarget = ["click-file", "hover-directory", "toggle-layer"].includes(action.type);
-      if (needsTarget && !action.target) {
-        errors.push(
-          new TourValidationError(
-            `Step ${index2}, Action ${actionIndex}: '${action.type}' requires a 'target'`,
-            `interactiveActions[${actionIndex}].target`,
-            action.target
-          )
-        );
-      }
-    });
-  }
-  return errors;
-}
-function validateTour(tour) {
-  const errors = [];
-  if (!tour.id || typeof tour.id !== "string") {
-    errors.push(new TourValidationError("Missing or invalid 'id'", "id", tour.id));
-  } else if (!/^[a-z0-9-]+$/.test(tour.id)) {
-    errors.push(
-      new TourValidationError("Tour 'id' must be kebab-case (lowercase, numbers, hyphens only)", "id", tour.id)
-    );
-  }
-  if (!tour.title || typeof tour.title !== "string") {
-    errors.push(new TourValidationError("Missing or invalid 'title'", "title", tour.title));
-  }
-  if (!tour.description || typeof tour.description !== "string") {
-    errors.push(new TourValidationError("Missing or invalid 'description'", "description", tour.description));
-  }
-  if (!tour.version || !isValidVersion(tour.version)) {
-    errors.push(
-      new TourValidationError(
-        "Invalid 'version' - must be semantic version (e.g., '1.0.0')",
-        "version",
-        tour.version
-      )
-    );
-  }
-  if (!tour.steps || !Array.isArray(tour.steps) || tour.steps.length === 0) {
-    errors.push(new TourValidationError("'steps' array must contain at least one step", "steps", tour.steps));
-  } else {
-    tour.steps.forEach((step, index2) => {
-      const stepErrors = validateStep(step, index2);
-      errors.push(...stepErrors);
-    });
-    const stepIds = /* @__PURE__ */ new Set();
-    tour.steps.forEach((step, index2) => {
-      if (stepIds.has(step.id)) {
-        errors.push(new TourValidationError(`Duplicate step ID '${step.id}' at index ${index2}`, "steps", step.id));
-      }
-      stepIds.add(step.id);
-    });
-  }
-  if (tour.audience !== void 0 && typeof tour.audience !== "string") {
-    errors.push(
-      new TourValidationError(
-        `Invalid 'audience' - must be a string`,
-        "audience",
-        tour.audience
-      )
-    );
-  }
-  return errors;
-}
-function parseTour(jsonString) {
-  try {
-    const parsed = JSON.parse(jsonString);
-    if (typeof parsed !== "object" || parsed === null) {
-      return {
-        success: false,
-        errors: [new TourValidationError("Tour JSON must be an object")]
-      };
-    }
-    const errors = validateTour(parsed);
-    if (errors.length > 0) {
-      return {
-        success: false,
-        errors
-      };
-    }
-    return {
-      success: true,
-      tour: parsed
-    };
-  } catch (error) {
-    return {
-      success: false,
-      errors: [
-        new TourValidationError(
-          `Failed to parse JSON: ${error instanceof Error ? error.message : "Unknown error"}`
-        )
-      ]
-    };
-  }
-}
-function findTourFilePathInFileTree(fileTree) {
-  const tourFiles = fileTree.allFiles.filter((file) => {
-    const path = file.path;
-    return path.endsWith(".tour.json") && !path.includes("/");
-  });
-  tourFiles.sort((a, b) => a.path.localeCompare(b.path));
-  const tourFile = tourFiles[0];
-  return tourFile ? tourFile.path : null;
-}
 const GIT_STATUS_COLORS = {
   staged: "#22c55e",
   // Green
@@ -53612,7 +53574,7 @@ const CodeCityPanelContent = ({
       return { mapSize, legendPosition: "right" };
     } else {
       const mapSize = width + HOVER_BAR_HEIGHT;
-      return { mapSize, legendPosition: "bottom" };
+      return { mapSize, legendPosition: "top" };
     }
   }, [containerSize]);
   const fileTreeSlice = context.getSlice("fileTree");
@@ -54735,7 +54697,7 @@ const CodeCityPanelContent = ({
                   }
                 )
               ] }) }),
-              !showTourPlayer && !headerCompact && tourData && /* @__PURE__ */ jsxs(
+              !showTourPlayer && tourData && /* @__PURE__ */ jsxs(
                 "button",
                 {
                   onClick: () => {
@@ -54786,7 +54748,7 @@ const CodeCityPanelContent = ({
               position: "relative",
               overflow: "hidden",
               display: "flex",
-              flexDirection: layout.legendPosition === "right" ? "row" : "column"
+              flexDirection: layout.legendPosition === "right" ? "row" : layout.legendPosition === "top" ? "column-reverse" : "column"
             },
             children: [
               /* @__PURE__ */ jsxs(
@@ -54794,9 +54756,9 @@ const CodeCityPanelContent = ({
                 {
                   style: {
                     // In landscape: fixed width for square map, flex height
-                    // In portrait: fixed height for square map + hover bar, full width
+                    // In portrait: limit to 65% height when tour player is on top
                     width: layout.legendPosition === "right" ? layout.mapSize : "100%",
-                    height: layout.legendPosition === "bottom" ? layout.mapSize : "100%",
+                    height: layout.legendPosition === "top" ? "65%" : layout.legendPosition === "bottom" ? layout.mapSize : "100%",
                     flexShrink: 0,
                     position: "relative",
                     display: "flex",