@_davideast/stitch-mcp 0.5.3 → 0.5.5

package/dist/chunk-p9vvygz4.js

@@ -0,0 +1,736 @@
+import {
+  openUrl,
+  require_jsx_dev_runtime
+} from "./chunk-x1tt02n9.js";
+import {
+  StitchViteServer
+} from "./chunk-gzk8pt16.js";
+import {
+  require_lib
+} from "./chunk-7vdj1qwb.js";
+import {
+  Box_default,
+  Text,
+  use_app_default,
+  use_input_default,
+  use_stdout_default
+} from "./chunk-zcc6seqb.js";
+import {
+  require_react
+} from "./chunk-b43pzs3z.js";
+import {
+  fetchWithRetry
+} from "./chunk-6gw9apqb.js";
+import {
+  pLimit
+} from "./chunk-a5xra9jn.js";
+import {
+  require_cli_spinners
+} from "./chunk-nq68kghz.js";
+import {
+  source_default
+} from "./chunk-3sfn889r.js";
+import {
+  __toESM
+} from "./chunk-9wyra8hs.js";
+
+// src/commands/site/ui/SiteBuilder.tsx
+var import_react4 = __toESM(require_react(), 1);
+
+// node_modules/ink-spinner/build/index.js
+var import_react = __toESM(require_react(), 1);
+var import_cli_spinners = __toESM(require_cli_spinners(), 1);
+function Spinner({ type = "dots" }) {
+  const [frame, setFrame] = import_react.useState(0);
+  const spinner = import_cli_spinners.default[type];
+  import_react.useEffect(() => {
+    const timer = setInterval(() => {
+      setFrame((previousFrame) => {
+        const isLastFrame = previousFrame === spinner.frames.length - 1;
+        return isLastFrame ? 0 : previousFrame + 1;
+      });
+    }, spinner.interval);
+    return () => {
+      clearInterval(timer);
+    };
+  }, [spinner]);
+  return import_react.default.createElement(Text, null, spinner.frames[frame]);
+}
+var build_default = Spinner;
+
+// node_modules/ink-text-input/build/index.js
+var import_react2 = __toESM(require_react(), 1);
+function TextInput({ value: originalValue, placeholder = "", focus = true, mask, highlightPastedText = false, showCursor = true, onChange, onSubmit }) {
+  const [state, setState] = import_react2.useState({
+    cursorOffset: (originalValue || "").length,
+    cursorWidth: 0
+  });
+  const { cursorOffset, cursorWidth } = state;
+  import_react2.useEffect(() => {
+    setState((previousState) => {
+      if (!focus || !showCursor) {
+        return previousState;
+      }
+      const newValue = originalValue || "";
+      if (previousState.cursorOffset > newValue.length - 1) {
+        return {
+          cursorOffset: newValue.length,
+          cursorWidth: 0
+        };
+      }
+      return previousState;
+    });
+  }, [originalValue, focus, showCursor]);
+  const cursorActualWidth = highlightPastedText ? cursorWidth : 0;
+  const value = mask ? mask.repeat(originalValue.length) : originalValue;
+  let renderedValue = value;
+  let renderedPlaceholder = placeholder ? source_default.grey(placeholder) : undefined;
+  if (showCursor && focus) {
+    renderedPlaceholder = placeholder.length > 0 ? source_default.inverse(placeholder[0]) + source_default.grey(placeholder.slice(1)) : source_default.inverse(" ");
+    renderedValue = value.length > 0 ? "" : source_default.inverse(" ");
+    let i = 0;
+    for (const char of value) {
+      renderedValue += i >= cursorOffset - cursorActualWidth && i <= cursorOffset ? source_default.inverse(char) : char;
+      i++;
+    }
+    if (value.length > 0 && cursorOffset === value.length) {
+      renderedValue += source_default.inverse(" ");
+    }
+  }
+  use_input_default((input, key) => {
+    if (key.upArrow || key.downArrow || key.ctrl && input === "c" || key.tab || key.shift && key.tab) {
+      return;
+    }
+    if (key.return) {
+      if (onSubmit) {
+        onSubmit(originalValue);
+      }
+      return;
+    }
+    let nextCursorOffset = cursorOffset;
+    let nextValue = originalValue;
+    let nextCursorWidth = 0;
+    if (key.leftArrow) {
+      if (showCursor) {
+        nextCursorOffset--;
+      }
+    } else if (key.rightArrow) {
+      if (showCursor) {
+        nextCursorOffset++;
+      }
+    } else if (key.backspace || key.delete) {
+      if (cursorOffset > 0) {
+        nextValue = originalValue.slice(0, cursorOffset - 1) + originalValue.slice(cursorOffset, originalValue.length);
+        nextCursorOffset--;
+      }
+    } else {
+      nextValue = originalValue.slice(0, cursorOffset) + input + originalValue.slice(cursorOffset, originalValue.length);
+      nextCursorOffset += input.length;
+      if (input.length > 1) {
+        nextCursorWidth = input.length;
+      }
+    }
+    if (cursorOffset < 0) {
+      nextCursorOffset = 0;
+    }
+    if (cursorOffset > originalValue.length) {
+      nextCursorOffset = originalValue.length;
+    }
+    setState({
+      cursorOffset: nextCursorOffset,
+      cursorWidth: nextCursorWidth
+    });
+    if (nextValue !== originalValue) {
+      onChange(nextValue);
+    }
+  }, { isActive: focus });
+  return import_react2.default.createElement(Text, null, placeholder ? value.length > 0 ? renderedValue : renderedPlaceholder : renderedValue);
+}
+var build_default2 = TextInput;
+
+// src/commands/site/utils/SiteManifest.ts
+var import_fs_extra = __toESM(require_lib(), 1);
+import path from "path";
+import os from "os";
+
+class SiteManifest {
+  filePath;
+  legacyPath;
+  constructor(projectId) {
+    const dir = path.join(os.homedir(), ".stitch-mcp", "site", projectId);
+    this.filePath = path.join(dir, "site-manifest.json");
+    this.legacyPath = path.join(dir, "discarded.json");
+  }
+  async load() {
+    try {
+      const data = await import_fs_extra.default.readJson(this.filePath);
+      return new Map(Object.entries(data.screens || {}));
+    } catch {}
+    try {
+      const legacy = await import_fs_extra.default.readJson(this.legacyPath);
+      const map = new Map;
+      for (const id of legacy.discardedScreenIds || []) {
+        map.set(id, { status: "discarded" });
+      }
+      return map;
+    } catch {
+      return new Map;
+    }
+  }
+  async save(screens) {
+    const record = {};
+    for (const screen of screens) {
+      const entry = {};
+      if (screen.status !== "ignored") {
+        entry.status = screen.status;
+      }
+      if (screen.route !== "") {
+        entry.route = screen.route;
+      }
+      if (entry.status || entry.route) {
+        record[screen.id] = entry;
+      }
+    }
+    await import_fs_extra.default.ensureDir(path.dirname(this.filePath));
+    const data = { screens: record };
+    await import_fs_extra.default.writeJson(this.filePath, data, { spaces: 2 });
+  }
+}
+
+// src/commands/site/ui/components/StatusIcon.tsx
+var jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
+var StatusIcon = ({ status }) => {
+  if (status === "included") {
+    return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+      color: "green",
+      children: "✔ "
+    }, undefined, false, undefined, this);
+  }
+  if (status === "discarded") {
+    return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+      color: "red",
+      children: "✖ "
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+    color: "gray",
+    children: "- "
+  }, undefined, false, undefined, this);
+};
+
+// src/commands/site/ui/ScreenList.tsx
+var jsx_dev_runtime2 = __toESM(require_jsx_dev_runtime(), 1);
+var ScreenList = ({ items, activeIndex }) => {
+  const { stdout } = use_stdout_default();
+  const height = stdout ? stdout.rows : 20;
+  const LIST_HEIGHT = Math.max(5, height - 10);
+  let start = 0;
+  if (activeIndex >= LIST_HEIGHT) {
+    start = activeIndex - LIST_HEIGHT + 1;
+  }
+  start = Math.max(0, activeIndex - Math.floor(LIST_HEIGHT / 2));
+  const end = Math.min(items.length, start + LIST_HEIGHT);
+  if (end - start < LIST_HEIGHT && items.length > LIST_HEIGHT) {
+    start = Math.max(0, items.length - LIST_HEIGHT);
+  }
+  const visibleItems = items.slice(start, end);
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
+    flexDirection: "column",
+    flexGrow: 1,
+    borderStyle: "single",
+    borderColor: "blue",
+    children: [
+      start > 0 && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
+        paddingLeft: 1,
+        children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+          color: "gray",
+          children: [
+            "... ",
+            start,
+            " more above ..."
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      visibleItems.map((item, i) => {
+        const index = start + i;
+        const isActive = index === activeIndex;
+        const { screen } = item;
+        return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+              color: isActive ? "cyan" : undefined,
+              children: isActive ? "> " : "  "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(StatusIcon, {
+              status: screen.status
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+              color: isActive ? "cyan" : undefined,
+              wrap: "truncate",
+              children: screen.title
+            }, undefined, false, undefined, this),
+            screen.route && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+              color: "gray",
+              children: [
+                " -> ",
+                screen.route
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, screen.id, true, undefined, this);
+      }),
+      end < items.length && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
+        paddingLeft: 1,
+        children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
+          color: "gray",
+          children: [
+            "... ",
+            items.length - end,
+            " more below ..."
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+
+// src/commands/site/hooks/useProjectHydration.ts
+var import_react3 = __toESM(require_react(), 1);
+function useProjectHydration(screens, server, fetchContent, activeScreenId) {
+  const [hydrationStatus, setHydrationStatus] = import_react3.useState("idle");
+  const [progress, setProgress] = import_react3.useState(0);
+  const contentCache = import_react3.useRef(new Map);
+  const [htmlContent, setHtmlContent] = import_react3.useState(new Map);
+  import_react3.useEffect(() => {
+    if (!server || screens.length === 0)
+      return;
+    let mounted = true;
+    const hydrate = async () => {
+      const toDownload = screens.filter((s) => {
+        if (contentCache.current.has(s.id))
+          return false;
+        return s.status === "included" || s.id === activeScreenId;
+      });
+      if (toDownload.length === 0) {
+        if (hydrationStatus === "idle" || hydrationStatus === "downloading") {
+          setHydrationStatus("ready");
+          setHtmlContent(new Map(contentCache.current));
+        }
+        if (activeScreenId && contentCache.current.has(activeScreenId)) {
+          server.mount(`/_preview/${activeScreenId}`, contentCache.current.get(activeScreenId));
+        }
+        return;
+      }
+      setHydrationStatus("downloading");
+      const limit = pLimit(3);
+      let completed = 0;
+      const total = toDownload.length;
+      try {
+        await Promise.all(toDownload.map((screen) => limit(async () => {
+          if (!mounted)
+            return;
+          if (!screen.downloadUrl)
+            return;
+          try {
+            const html = await fetchContent(screen.downloadUrl);
+            if (mounted) {
+              contentCache.current.set(screen.id, html);
+              server.mount(`/_preview/${screen.id}`, html);
+            }
+          } catch (e) {
+            console.error(`Failed to hydrate ${screen.id}`, e);
+          }
+          if (mounted) {
+            completed++;
+            setProgress(completed / total);
+          }
+        })));
+        if (mounted) {
+          setHtmlContent(new Map(contentCache.current));
+          setHydrationStatus("ready");
+        }
+      } catch (e) {
+        if (mounted)
+          setHydrationStatus("error");
+      }
+    };
+    hydrate();
+    return () => {
+      mounted = false;
+    };
+  }, [screens, server, fetchContent, activeScreenId]);
+  return { hydrationStatus, progress, htmlContent };
+}
+
+// src/commands/site/ui/SiteBuilder.tsx
+var jsx_dev_runtime3 = __toESM(require_jsx_dev_runtime(), 1);
+var SiteBuilder = ({ projectId, client, onExit }) => {
+  const { exit } = use_app_default();
+  const [loading, setLoading] = import_react4.useState(true);
+  const [error, setError] = import_react4.useState(null);
+  const [screens, setScreens] = import_react4.useState([]);
+  const [showSelectedOnly, setShowSelectedOnly] = import_react4.useState(false);
+  const [activeIndex, setActiveIndex] = import_react4.useState(0);
+  const [viewMode, setViewMode] = import_react4.useState("default");
+  const siteManifest = import_react4.useMemo(() => new SiteManifest(projectId), [projectId]);
+  const [isEditingRoute, setIsEditingRoute] = import_react4.useState(false);
+  const [routeValue, setRouteValue] = import_react4.useState("");
+  const [followMode, setFollowMode] = import_react4.useState(true);
+  const [showAllKeys, setShowAllKeys] = import_react4.useState(false);
+  const [serverUrl, setServerUrl] = import_react4.useState(null);
+  const [server, setServer] = import_react4.useState(null);
+  import_react4.useEffect(() => {
+    let mounted = true;
+    const srv = new StitchViteServer;
+    setServer(srv);
+    const init = async () => {
+      try {
+        const url = await srv.start(0);
+        if (mounted)
+          setServerUrl(url);
+        const project = client.project(projectId);
+        const sdkScreens = await project.screens();
+        const uiScreens = await Promise.all(sdkScreens.map(async (s) => ({
+          id: s.screenId,
+          title: s.title ?? s.screenId,
+          status: "ignored",
+          route: "",
+          downloadUrl: await s.getHtml().catch(() => null)
+        })));
+        const saved = await siteManifest.load();
+        for (const screen of uiScreens) {
+          const state = saved.get(screen.id);
+          if (state?.status)
+            screen.status = state.status;
+          if (state?.route)
+            screen.route = state.route;
+        }
+        if (mounted) {
+          setScreens(uiScreens);
+          setLoading(false);
+        }
+      } catch (e) {
+        if (mounted)
+          setError(e.message);
+      }
+    };
+    init();
+    return () => {
+      mounted = false;
+      srv.stop();
+    };
+  }, [projectId, client]);
+  const displayList = import_react4.useMemo(() => {
+    let list = screens.map((s, i) => ({ screen: s, sourceIndex: i }));
+    if (viewMode === "discarded") {
+      return list.filter((item) => item.screen.status === "discarded");
+    }
+    list = list.filter((item) => item.screen.status !== "discarded");
+    if (showSelectedOnly) {
+      list = list.filter((item) => item.screen.status === "included");
+    }
+    return list;
+  }, [screens, viewMode, showSelectedOnly]);
+  import_react4.useEffect(() => {
+    setActiveIndex((prev) => {
+      if (displayList.length === 0)
+        return 0;
+      return Math.min(prev, Math.max(0, displayList.length - 1));
+    });
+  }, [displayList.length]);
+  const activeItem = displayList[activeIndex];
+  const activeScreenId = activeItem?.screen.id;
+  const fetchContent = import_react4.useCallback((url) => fetchWithRetry(url), []);
+  const { hydrationStatus, progress, htmlContent } = useProjectHydration(screens, server, fetchContent, activeScreenId);
+  import_react4.useEffect(() => {
+    if (server && followMode && hydrationStatus === "ready" && activeScreenId) {
+      server.navigate(`/_preview/${activeScreenId}`);
+    }
+  }, [activeScreenId, followMode, server, hydrationStatus]);
+  use_input_default((input, key) => {
+    if (loading || error)
+      return;
+    if (isEditingRoute) {
+      if (key.escape) {
+        setIsEditingRoute(false);
+        setRouteValue("");
+      }
+      return;
+    }
+    if (key.upArrow) {
+      setActiveIndex((prev) => Math.max(0, prev - 1));
+    }
+    if (key.downArrow) {
+      setActiveIndex((prev) => Math.min(displayList.length - 1, prev + 1));
+    }
+    if (input === " ") {
+      if (activeItem) {
+        const originalIndex = activeItem.sourceIndex;
+        setScreens((prev) => {
+          const next = [...prev];
+          const s = next[originalIndex];
+          if (s) {
+            s.status = s.status === "included" ? "ignored" : "included";
+          }
+          siteManifest.save(next);
+          return next;
+        });
+      }
+    }
+    if (key.return) {
+      if (activeItem) {
+        setRouteValue(activeItem.screen.route);
+        setIsEditingRoute(true);
+      }
+    }
+    if (input === "t") {
+      setShowSelectedOnly((prev) => !prev);
+    }
+    if (input === "f") {
+      setFollowMode((prev) => !prev);
+    }
+    if (input === "x") {
+      const item = displayList[activeIndex];
+      if (!item)
+        return;
+      if (viewMode === "discarded") {
+        const idx = item.sourceIndex;
+        setScreens((prev) => {
+          const next = [...prev];
+          if (next[idx])
+            next[idx].status = "ignored";
+          siteManifest.save(next);
+          return next;
+        });
+      } else {
+        const idx = item.sourceIndex;
+        setScreens((prev) => {
+          const next = [...prev];
+          if (next[idx])
+            next[idx].status = "discarded";
+          siteManifest.save(next);
+          return next;
+        });
+      }
+    }
+    if (input === "d") {
+      setViewMode((prev) => prev === "default" ? "discarded" : "default");
+      setActiveIndex(0);
+    }
+    if (input === "o") {
+      if (serverUrl && activeScreenId) {
+        const target = `${serverUrl}/_preview/${activeScreenId}`;
+        openUrl(target);
+      }
+    }
+    if (input === "g") {
+      const included = screens.filter((s) => s.status === "included");
+      const invalid = included.find((s) => !s.route || s.route.trim() === "");
+      if (invalid) {
+        return;
+      }
+      const finalConfig = {
+        projectId,
+        routes: included.map((s) => ({
+          screenId: s.id,
+          route: s.route,
+          status: s.status
+        }))
+      };
+      onExit(finalConfig, htmlContent);
+      exit();
+    }
+    if (input === "e") {
+      const included = screens.filter((s) => s.status === "included");
+      const exportData = {
+        projectId,
+        routes: included.map((s) => ({
+          screenId: s.id,
+          route: s.route
+        }))
+      };
+      process.stdout.write(JSON.stringify(exportData, null, 2) + `
+`);
+    }
+    if (input === "?") {
+      setShowAllKeys((prev) => !prev);
+    }
+    if (input === "q") {
+      onExit(null);
+      exit();
+    }
+  });
+  const handleRouteSubmit = (val) => {
+    if (activeItem) {
+      const originalIndex = activeItem.sourceIndex;
+      setScreens((prev) => {
+        const next = [...prev];
+        if (next[originalIndex]) {
+          next[originalIndex].route = val;
+        }
+        siteManifest.save(next);
+        return next;
+      });
+      setIsEditingRoute(false);
+      setActiveIndex((prev) => Math.min(displayList.length - 1, prev + 1));
+    }
+  };
+  if (error) {
+    return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+      color: "red",
+      children: [
+        "Error: ",
+        error
+      ]
+    }, undefined, true, undefined, this);
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+      children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+        color: "green",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(build_default, {
+            type: "dots"
+          }, undefined, false, undefined, this),
+          " Loading project..."
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+    flexDirection: "column",
+    height: "100%",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+        borderStyle: "single",
+        borderColor: "cyan",
+        paddingX: 1,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+            children: "Stitch Site Builder"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+            marginLeft: 2,
+            children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+              color: "gray",
+              children: serverUrl
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+            marginLeft: 2,
+            children: viewMode === "discarded" ? /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+              color: "red",
+              children: [
+                "Viewing Discarded (",
+                displayList.length,
+                ")"
+              ]
+            }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+              children: [
+                "Filter: ",
+                showSelectedOnly ? "Selected" : "All",
+                " (",
+                displayList.length,
+                ")"
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          viewMode === "default" && screens.filter((s) => s.status === "discarded").length > 0 && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+            marginLeft: 2,
+            children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+              dimColor: true,
+              children: [
+                screens.filter((s) => s.status === "discarded").length,
+                " discarded (press d to view)"
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+            marginLeft: 2,
+            children: [
+              hydrationStatus === "downloading" && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                color: "yellow",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(build_default, {
+                    type: "dots"
+                  }, undefined, false, undefined, this),
+                  " Downloading... ",
+                  Math.round(progress * 100),
+                  "%"
+                ]
+              }, undefined, true, undefined, this),
+              hydrationStatus === "ready" && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                color: "green",
+                children: "Ready"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(ScreenList, {
+        items: displayList,
+        activeIndex
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+        borderStyle: "single",
+        borderColor: isEditingRoute ? "green" : "gray",
+        paddingX: 1,
+        flexDirection: "column",
+        children: activeItem ? /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(jsx_dev_runtime3.Fragment, {
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+              bold: true,
+              children: [
+                "Route for: ",
+                activeItem.screen.title
+              ]
+            }, undefined, true, undefined, this),
+            isEditingRoute ? /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                  color: "green",
+                  children: "> "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(build_default2, {
+                  value: routeValue,
+                  onChange: setRouteValue,
+                  onSubmit: handleRouteSubmit
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                  color: "gray",
+                  children: activeItem.screen.route || "No route defined"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+                  marginLeft: 2,
+                  children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                    dimColor: true,
+                    children: "Press Enter to edit"
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+          color: "gray",
+          children: "No screen selected"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+        borderStyle: "single",
+        borderColor: "gray",
+        paddingX: 1,
+        children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+          dimColor: true,
+          children: viewMode === "discarded" ? "[x] Undiscard [d] Back to All [q] Quit" : showAllKeys ? `[Space] Toggle [Enter] Edit Route [x] Discard [d] View Discarded [t] Filter [f] Follow: ${followMode ? "ON" : "OFF"} [o] Open [g] Generate [e] Export [q] Quit [?] Less` : "[Space] Toggle [Enter] Edit Route [g] Generate [x] Discard [o] Open [q] Quit [?] More"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+
+export { SiteManifest, SiteBuilder };
+
+//# debugId=BA12672C2AC4B82664756E2164756E21