@phosart/devtool 0.3.3 → 0.3.5

package/build/server/chunks/_layout.svelte-THH8hF8C.js

@@ -0,0 +1,1275 @@
+import { y as head, z as attr_style, A as escape_html, B as ensure_array_like, C as attr, E as attr_class, F as stringify, G as derived, I as fallback, J as bind_props, K as spread_props, L as await_block } from './root-Bw1dm9Nu.js';
+import { p as page, i as invalidateAll } from './index-Dw5n12EX.js';
+import { r as resolve } from './server2-BQN-TNK6.js';
+import { c as createSharedEpoch, a as createSharedGalleryOverrides } from './galleryoverride.svelte-CTM5cTPs.js';
+import { T as Tooltip, M as Modal } from './Modal-Cj1GQFlr.js';
+import { s as setNavbarOpen, I as Icon } from './Icon-DCRjVwNq.js';
+import { A as ActionButton } from './ActionButton-B2q_WS0M.js';
+import { T as TextInput } from './TextInput-BGzglEmu.js';
+import { E as Eye, T as TextBox } from './TextBox-BuJuWJMs.js';
+import { C as Circle_x } from './circle-x-zCwca-yK.js';
+import './exports-DY11vWes.js';
+import './routing-Cn5qSZq8.js';
+import './log-Dgdg632G.js';
+import 'tslog';
+import 'fuzzysort';
+import '@monaco-editor/loader';
+
+const favicon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='107'%20height='128'%20viewBox='0%200%20107%20128'%3e%3ctitle%3esvelte-logo%3c/title%3e%3cpath%20d='M94.157%2022.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282%2029.608A29.92%2029.92%200%200%200%208.764%2049.65a31.5%2031.5%200%200%200%203.108%2020.231%2030%2030%200%200%200-4.477%2011.183%2031.9%2031.9%200%200%200%205.448%2024.116c10.402%2014.887%2030.942%2019.297%2045.791%209.835l26.083-16.624A29.92%2029.92%200%200%200%2098.235%2078.35a31.53%2031.53%200%200%200-3.105-20.232%2030%2030%200%200%200%204.474-11.182%2031.88%2031.88%200%200%200-5.447-24.116'%20style='fill:%23ff3e00'/%3e%3cpath%20d='M45.817%20106.582a20.72%2020.72%200%200%201-22.237-8.243%2019.17%2019.17%200%200%201-3.277-14.503%2018%2018%200%200%201%20.624-2.435l.49-1.498%201.337.981a33.6%2033.6%200%200%200%2010.203%205.098l.97.294-.09.968a5.85%205.85%200%200%200%201.052%203.878%206.24%206.24%200%200%200%206.695%202.485%205.8%205.8%200%200%200%201.603-.704L69.27%2076.28a5.43%205.43%200%200%200%202.45-3.631%205.8%205.8%200%200%200-.987-4.371%206.24%206.24%200%200%200-6.698-2.487%205.7%205.7%200%200%200-1.6.704l-9.953%206.345a19%2019%200%200%201-5.296%202.326%2020.72%2020.72%200%200%201-22.237-8.243%2019.17%2019.17%200%200%201-3.277-14.502%2017.99%2017.99%200%200%201%208.13-12.052l26.081-16.623a19%2019%200%200%201%205.3-2.329%2020.72%2020.72%200%200%201%2022.237%208.243%2019.17%2019.17%200%200%201%203.277%2014.503%2018%2018%200%200%201-.624%202.435l-.49%201.498-1.337-.98a33.6%2033.6%200%200%200-10.203-5.1l-.97-.294.09-.968a5.86%205.86%200%200%200-1.052-3.878%206.24%206.24%200%200%200-6.696-2.485%205.8%205.8%200%200%200-1.602.704L37.73%2051.72a5.42%205.42%200%200%200-2.449%203.63%205.79%205.79%200%200%200%20.986%204.372%206.24%206.24%200%200%200%206.698%202.486%205.8%205.8%200%200%200%201.602-.704l9.952-6.342a19%2019%200%200%201%205.295-2.328%2020.72%2020.72%200%200%201%2022.237%208.242%2019.17%2019.17%200%200%201%203.277%2014.503%2018%2018%200%200%201-8.13%2012.053l-26.081%2016.622a19%2019%200%200%201-5.3%202.328'%20style='fill:%23fff'/%3e%3c/svg%3e";
+function NavLink($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { href, children } = $$props;
+    let path = derived(() => page.route.id);
+    const asAny = derived(() => href);
+    $$renderer2.push(`<a${attr("href", resolve(asAny()))}${attr_class("btn", void 0, {
+      "preset-tonal": path() != href.replace(/#.*$/, ""),
+      "text-surface-contrast-light": path() != href.replace(/#.*$/, ""),
+      "preset-filled": path() == href.replace(/#.*$/, "")
+    })}>`);
+    children?.($$renderer2);
+    $$renderer2.push(`<!----></a>`);
+  });
+}
+function Diamonds($$renderer, $$props) {
+  let color = fallback($$props["color"], "#FF3E00");
+  let unit = fallback($$props["unit"], "px");
+  let duration = fallback($$props["duration"], "1.5s");
+  let size = fallback($$props["size"], "60");
+  let pause = fallback($$props["pause"], false);
+  $$renderer.push(`<span${attr_style(`--size: ${stringify(size)}${stringify(unit)}; --color:${stringify(color)}; --duration: ${stringify(duration)};`)}${attr_class("svelte-mocnxs", void 0, { "pause-animation": pause })}><div class="svelte-mocnxs"></div> <div class="svelte-mocnxs"></div> <div class="svelte-mocnxs"></div></span>`);
+  bind_props($$props, { color, unit, duration, size, pause });
+}
+function element($$renderer, el) {
+  if (typeof el === "string") {
+    $$renderer.push("<!--[0-->");
+    $$renderer.push(`<span>${escape_html(el)}</span>`);
+  } else if (typeof el === "number" || typeof el === "bigint") {
+    $$renderer.push("<!--[1-->");
+    $$renderer.push(`<span class="text-purple-700">${escape_html(el)}</span>`);
+  } else if (typeof el === "boolean") {
+    $$renderer.push("<!--[2-->");
+    $$renderer.push(`<span class="text-orange-700">${escape_html(el)}</span>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+    const nativeError = typeof el === "object" && el && "nativeError" in el && "message" in el && typeof el.message === "string";
+    if (nativeError) {
+      $$renderer.push("<!--[0-->");
+      $$renderer.push(`<pre class="text-surface-contrast-5-950">${escape_html(el.message)}</pre>`);
+    } else {
+      $$renderer.push("<!--[-1-->");
+      $$renderer.push(`<pre class="text-surface-contrast-5-950">${escape_html(JSON.stringify(el))}</pre>`);
+    }
+    $$renderer.push(`<!--]-->`);
+  }
+  $$renderer.push(`<!--]-->`);
+}
+function colorForLevel(level) {
+  switch (level) {
+    case "SILLY":
+      return "text-gray-400";
+    case "DEBUG":
+      return "text-gray-700";
+    case "INFO":
+      return "text-blue-400";
+    case "WARN":
+      return "text-yellow-600";
+    case "ERROR":
+      return "text-red-500";
+    default:
+      return "text-current";
+  }
+}
+function logAsArray(t) {
+  if (!t) {
+    return null;
+  }
+  const arr = [];
+  let i = 0;
+  while (t[i]) {
+    arr.push(t[i]);
+    i++;
+  }
+  if (arr.length === 0) {
+    return null;
+  }
+  return arr;
+}
+function LogLine($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const { log, isLatest } = $$props;
+    const level = derived(() => log?._meta.logLevelName ?? null);
+    const obj = derived(() => logAsArray(log) ?? log);
+    const isDoingWork = derived(() => Array.isArray(obj()) && typeof obj()[obj().length - 1] === "string" && obj()[obj().length - 1].endsWith("..."));
+    if (obj()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="mx-2 my-0.5 flex items-start gap-x-1"><div class="flex w-12 max-w-12 min-w-12 gap-x-1"><div${attr_class(`font-bold ${stringify(colorForLevel(level()))}`)}>${escape_html(level())}</div> `);
+      if (isDoingWork() && isLatest) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="flex items-center justify-center">`);
+        Diamonds($$renderer2, { size: "16", pause: !isLatest });
+        $$renderer2.push(`<!----></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div> <div class="flex grow flex-wrap gap-x-1">`);
+      if (Array.isArray(obj())) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<!--[-->`);
+        const each_array = ensure_array_like(obj());
+        for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+          let el = each_array[i];
+          $$renderer2.push(`<div>`);
+          element($$renderer2, el);
+          $$renderer2.push(`<!----></div>`);
+        }
+        $$renderer2.push(`<!--]-->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<!--[-->`);
+        const each_array_1 = ensure_array_like(Object.entries(obj()).filter(([k]) => !k.startsWith("_")));
+        for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+          let [k, v] = each_array_1[$$index_1];
+          $$renderer2.push(`<div><div>${escape_html(k)}</div> <div>:</div> <div>`);
+          element($$renderer2, v);
+          $$renderer2.push(`<!----></div></div>`);
+        }
+        $$renderer2.push(`<!--]-->`);
+      }
+      $$renderer2.push(`<!--]--></div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function Circle($$renderer, $$props) {
+  let color = fallback($$props["color"], "#FF3E00");
+  let unit = fallback($$props["unit"], "px");
+  let duration = fallback($$props["duration"], "0.75s");
+  let size = fallback($$props["size"], 60);
+  let pause = fallback($$props["pause"], false);
+  $$renderer.push(`<div${attr_class("circle svelte-1t51ygf", void 0, { "pause-animation": pause })}${attr_style(`--size: ${stringify(size)}${stringify(unit)}; --color: ${stringify(color)}; --duration: ${stringify(duration)}`)}></div>`);
+  bind_props($$props, { color, unit, duration, size, pause });
+}
+function Circle_alert($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      ["circle", { "cx": "12", "cy": "12", "r": "10" }],
+      ["line", { "x1": "12", "x2": "12", "y1": "8", "y2": "12" }],
+      [
+        "line",
+        { "x1": "12", "x2": "12.01", "y1": "16", "y2": "16" }
+      ]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "circle-alert" },
+      /**
+       * @component @name CircleAlert
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgLz4KICA8bGluZSB4MT0iMTIiIHgyPSIxMiIgeTE9IjgiIHkyPSIxMiIgLz4KICA8bGluZSB4MT0iMTIiIHgyPSIxMi4wMSIgeTE9IjE2IiB5Mj0iMTYiIC8+Cjwvc3ZnPgo=) - https://lucide.dev/icons/circle-alert
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+function Circle_check($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      ["circle", { "cx": "12", "cy": "12", "r": "10" }],
+      ["path", { "d": "m9 12 2 2 4-4" }]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "circle-check" },
+      /**
+       * @component @name CircleCheck
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgLz4KICA8cGF0aCBkPSJtOSAxMiAyIDIgNC00IiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/circle-check
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+function Circle_question_mark($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      ["circle", { "cx": "12", "cy": "12", "r": "10" }],
+      ["path", { "d": "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }],
+      ["path", { "d": "M12 17h.01" }]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "circle-question-mark" },
+      /**
+       * @component @name CircleQuestionMark
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgLz4KICA8cGF0aCBkPSJNOS4wOSA5YTMgMyAwIDAgMSA1LjgzIDFjMCAyLTMgMy0zIDMiIC8+CiAgPHBhdGggZD0iTTEyIDE3aC4wMSIgLz4KPC9zdmc+Cg==) - https://lucide.dev/icons/circle-question-mark
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+function Download($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      ["path", { "d": "M12 15V3" }],
+      ["path", { "d": "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }],
+      ["path", { "d": "m7 10 5 5 5-5" }]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "download" },
+      /**
+       * @component @name Download
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMTIgMTVWMyIgLz4KICA8cGF0aCBkPSJNMjEgMTV2NGEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAxLTItMnYtNCIgLz4KICA8cGF0aCBkPSJtNyAxMCA1IDUgNS01IiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/download
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+function Ellipsis($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      ["circle", { "cx": "12", "cy": "12", "r": "1" }],
+      ["circle", { "cx": "19", "cy": "12", "r": "1" }],
+      ["circle", { "cx": "5", "cy": "12", "r": "1" }]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "ellipsis" },
+      /**
+       * @component @name Ellipsis
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxIiAvPgogIDxjaXJjbGUgY3g9IjE5IiBjeT0iMTIiIHI9IjEiIC8+CiAgPGNpcmNsZSBjeD0iNSIgY3k9IjEyIiByPSIxIiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/ellipsis
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+function Hourglass($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      ["path", { "d": "M5 22h14" }],
+      ["path", { "d": "M5 2h14" }],
+      [
+        "path",
+        {
+          "d": "M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22"
+        }
+      ],
+      [
+        "path",
+        {
+          "d": "M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2"
+        }
+      ]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "hourglass" },
+      /**
+       * @component @name Hourglass
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNNSAyMmgxNCIgLz4KICA8cGF0aCBkPSJNNSAyaDE0IiAvPgogIDxwYXRoIGQ9Ik0xNyAyMnYtNC4xNzJhMiAyIDAgMCAwLS41ODYtMS40MTRMMTIgMTJsLTQuNDE0IDQuNDE0QTIgMiAwIDAgMCA3IDE3LjgyOFYyMiIgLz4KICA8cGF0aCBkPSJNNyAydjQuMTcyYTIgMiAwIDAgMCAuNTg2IDEuNDE0TDEyIDEybDQuNDE0LTQuNDE0QTIgMiAwIDAgMCAxNyA2LjE3MlYyIiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/hourglass
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+function Timer($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      ["line", { "x1": "10", "x2": "14", "y1": "2", "y2": "2" }],
+      ["line", { "x1": "12", "x2": "15", "y1": "14", "y2": "11" }],
+      ["circle", { "cx": "12", "cy": "14", "r": "8" }]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "timer" },
+      /**
+       * @component @name Timer
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8bGluZSB4MT0iMTAiIHgyPSIxNCIgeTE9IjIiIHkyPSIyIiAvPgogIDxsaW5lIHgxPSIxMiIgeDI9IjE1IiB5MT0iMTQiIHkyPSIxMSIgLz4KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjE0IiByPSI4IiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/timer
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+function Wrench($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      [
+        "path",
+        {
+          "d": "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"
+        }
+      ]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "wrench" },
+      /**
+       * @component @name Wrench
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMTQuNyA2LjNhMSAxIDAgMCAwIDAgMS40bDEuNiAxLjZhMSAxIDAgMCAwIDEuNCAwbDMuMTA2LTMuMTA1Yy4zMi0uMzIyLjg2My0uMjIuOTgzLjIxOGE2IDYgMCAwIDEtOC4yNTkgNy4wNTdsLTcuOTEgNy45MWExIDEgMCAwIDEtMi45OTktM2w3LjkxLTcuOTFhNiA2IDAgMCAxIDcuMDU3LTguMjU5Yy40MzguMTIuNTQuNjYyLjIxOS45ODR6IiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/wrench
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+function Spinner($$renderer, $$props) {
+  let { loading } = $$props;
+  $$renderer.push(`<svg${attr_class("loading-spinner svelte-1sa5jce", void 0, { "loading": loading })} xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="none" stroke="#278965" stroke-linecap="butt" rx="12px" ry="12px" class="svelte-1sa5jce"></rect><rect width="100%" height="100%" fill="none" stroke="#3EB489" stroke-dasharray="40, 100" stroke-linecap="butt" rx="12px" ry="12px" class="svelte-1sa5jce"></rect></svg>`);
+}
+function _layout($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { children, data } = $$props;
+    let sidebarOpen = { open: true };
+    setNavbarOpen(sidebarOpen);
+    let commitMessage = "";
+    let logs = [];
+    let gitStatus = null;
+    let runCloudflareOnboard = false;
+    let isCloudflareLoggedIn = null;
+    let cfProjects = void 0;
+    let newProjectName = "";
+    let createProjectError = "";
+    async function setupCloudflareOnboard() {
+      isCloudflareLoggedIn = fetch(resolve("/api/deploy/cloudflare/whoami")).then((res) => {
+        return res.status === 200;
+      });
+      cfProjects = fetch(resolve("/api/deploy/cloudflare/projects")).then((res) => {
+        return res.json();
+      });
+      runCloudflareOnboard = true;
+    }
+    const isServerDoingWork = derived(() => {
+      const lastLog = logs[logs.length - 1] ?? null;
+      const lastLogAsArray = logAsArray(lastLog);
+      const lastLogElement = lastLogAsArray && (lastLogAsArray.length ?? 0) > 0 ? lastLogAsArray[lastLogAsArray.length - 1] : null;
+      if (typeof lastLogElement === "string") {
+        return lastLogElement.endsWith("...");
+      }
+      return false;
+    });
+    createSharedEpoch();
+    createSharedGalleryOverrides();
+    let deployTitle = null;
+    let deployStatus = null;
+    async function fetchEnsureSuccess(...args) {
+      const ret = await fetch(...args);
+      if (ret.status >= 400) {
+        let errTxt = await ret.text();
+        try {
+          const errJson = JSON.parse(errTxt);
+          if (typeof errJson.error === "string") {
+            errTxt = errJson.error;
+          } else if (typeof errJson.message === "string") {
+            errTxt = errJson.message;
+          }
+        } catch {
+        }
+        throw new Error(String(ret.status) + ": " + errTxt);
+      }
+      return ret;
+    }
+    async function runDeploy(steps, title = null) {
+      deployTitle = title;
+      let status = steps.map((s) => ({ step: s.step, status: "waiting", details: "", error: null }));
+      function _update() {
+        deployStatus = status.map((s) => ({ ...s }));
+      }
+      _update();
+      for (let i = 0; i < steps.length; i++) {
+        const step = steps[i];
+        try {
+          status[i].status = "working";
+          _update();
+          await step.run((det) => {
+            status[i].details = det;
+            _update();
+          });
+          status[i].status = "completed";
+          _update();
+        } catch (e) {
+          status[i].error = String(e);
+          status[i].status = "error";
+          for (i += 1; i < steps.length; i++) {
+            status[i].status = "cancelled";
+          }
+          _update();
+          break;
+        }
+      }
+    }
+    async function fetchStatus() {
+      try {
+        const res = await fetch(resolve("/api/git/status"), { headers: { "skip-increment": "true" } });
+        return await res.json();
+      } catch {
+        return null;
+      }
+    }
+    function gitTooltip($$renderer3) {
+      if (gitStatus) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div class="flex flex-col">`);
+        if ((gitStatus.modified?.length ?? 0) > 0) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<div class="text-yellow-600">${escape_html(gitStatus.modified?.length ?? 0)} file(s) modified</div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if ((gitStatus.created?.length ?? 0) + (gitStatus.not_added?.length ?? 0) > 0) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<div class="text-green-700">${escape_html((gitStatus.created?.length ?? 0) + (gitStatus.not_added?.length ?? 0))} file(s) added</div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if ((gitStatus.deleted?.length ?? 0) > 0) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<div class="text-red-700">${escape_html(gitStatus.deleted?.length ?? 0)} file(s) deleted</div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function gitPush($$renderer3, close) {
+      ActionButton($$renderer3, {
+        disabled: (gitStatus?.ahead ?? 0) == 0 && (gitStatus?.behind ?? 0) == 0 || (gitStatus?.conflicted.length ?? 0) > 0 || gitStatus?.tracking === null || gitStatus?.current === "HEAD",
+        class: "bg-gray-950 btn-sm text-white",
+        action: async () => {
+          await runDeploy([
+            ...(gitStatus?.behind ?? 0) > 0 ? [
+              {
+                step: "git pull",
+                run: async () => {
+                  await fetchEnsureSuccess(resolve("/api/git/pull"), { method: "POST" });
+                }
+              }
+            ] : [],
+            ...(gitStatus?.ahead ?? 0) > 0 ? [
+              {
+                step: "git push",
+                run: async () => {
+                  await fetchEnsureSuccess(resolve("/api/git/push"), { method: "POST" });
+                }
+              }
+            ] : [],
+            {
+              step: "Update Status",
+              run: async () => {
+                gitStatus = await fetchStatus();
+                await fetch(resolve("/api/deploy/config"), {
+                  body: JSON.stringify({ ...data.deploySettings, last_used: "Git" }),
+                  headers: { "Content-Type": "application/json" },
+                  method: "PUT"
+                });
+                await invalidateAll();
+              }
+            }
+          ]);
+          close?.();
+        },
+        children: ($$renderer4) => {
+          $$renderer4.push(`<i class="fa-brands fa-github"></i> Git ${escape_html((gitStatus?.behind ?? 0) === 0 ? "Push" : "Sync")}`);
+        }
+      });
+    }
+    function dlZip($$renderer3, close) {
+      ActionButton($$renderer3, {
+        class: "preset-tonal-primary btn-sm",
+        action: async () => {
+          await runDeploy([
+            {
+              step: "Build",
+              run: async () => {
+                await fetchEnsureSuccess(resolve("/api/deploy/build"), { method: "POST" });
+              }
+            },
+            {
+              step: "Download Zip",
+              run: async () => {
+                const res = await fetchEnsureSuccess(resolve("/api/deploy/zip"), { method: "POST" });
+                const url = URL.createObjectURL(await res.blob());
+                const a = document.createElement("a");
+                a.download = "build.zip";
+                a.href = url;
+                a.style.visibility = "hidden";
+                document.body.appendChild(a);
+                a.click();
+                a.remove();
+              }
+            },
+            {
+              step: "Update Status",
+              run: async () => {
+                await fetch(resolve("/api/deploy/config"), {
+                  body: JSON.stringify({ ...data.deploySettings, last_used: "ZIP" }),
+                  headers: { "Content-Type": "application/json" },
+                  method: "PUT"
+                });
+                await invalidateAll();
+              }
+            }
+          ]);
+          close?.();
+        },
+        children: ($$renderer4) => {
+          Download($$renderer4, { size: 16 });
+          $$renderer4.push(`<!----> Site ZIP`);
+        }
+      });
+    }
+    function deployCf($$renderer3, close) {
+      ActionButton($$renderer3, {
+        class: "bg-orange-800 btn-sm text-white",
+        action: async () => {
+          if (!data.deploySettings.cloudflare_project_name) {
+            setupCloudflareOnboard();
+          } else {
+            await runDeploy([
+              {
+                step: "Ensure Logged In",
+                run: async () => {
+                  const res = await fetch(resolve("/api/deploy/cloudflare/whoami"));
+                  if (res.status === 403) {
+                    setupCloudflareOnboard();
+                    throw new Error("CloudFlare is not currently logged in");
+                  }
+                }
+              },
+              {
+                step: "Build project",
+                run: async () => {
+                  await fetchEnsureSuccess(resolve("/api/deploy/build"), { method: "POST" });
+                }
+              },
+              {
+                step: "Deploy project",
+                run: async () => {
+                  await fetchEnsureSuccess(resolve("/api/deploy/cloudflare/deploy"), { method: "POST" });
+                }
+              }
+            ]);
+            close?.();
+          }
+        },
+        children: ($$renderer4) => {
+          $$renderer4.push(`<i class="fa-brands fa-cloudflare"></i> CloudFlare`);
+        }
+      });
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      head("12qhfyh", $$renderer3, ($$renderer4) => {
+        $$renderer4.push(`<link rel="icon"${attr("href", favicon)}/>`);
+      });
+      {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> <div class="flex h-full w-full overflow-hidden"><div class="absolute top-0 bottom-0 flex w-50 max-w-50 min-w-50 flex-col items-center gap-1 bg-surface-300-700 py-8 inset-shadow-sm inset-shadow-surface-900 transition-transform"${attr_style(`transform: translateX(${sidebarOpen.open ? "0px" : "-200px"});`)}><div class="grid grid-cols-1 gap-2">`);
+      NavLink($$renderer3, {
+        href: "/#stay",
+        children: ($$renderer4) => {
+          $$renderer4.push(`<!---->Galleries`);
+        }
+      });
+      $$renderer3.push(`<!----> `);
+      NavLink($$renderer3, {
+        href: "/characters",
+        children: ($$renderer4) => {
+          $$renderer4.push(`<!---->Characters`);
+        }
+      });
+      $$renderer3.push(`<!----> `);
+      NavLink($$renderer3, {
+        href: "/artists",
+        children: ($$renderer4) => {
+          $$renderer4.push(`<!---->Artists`);
+        }
+      });
+      $$renderer3.push(`<!----> `);
+      NavLink($$renderer3, {
+        href: "/config",
+        children: ($$renderer4) => {
+          $$renderer4.push(`<!---->Config`);
+        }
+      });
+      $$renderer3.push(`<!----></div> <div class="grow"></div> <div class="flex w-full flex-col bg-surface-100-900 px-3 py-4">`);
+      if (data.gitAvailable) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div class="flex items-center justify-center gap-2 font-light"><span>Checkpoints (git)</span> `);
+        {
+          let tooltip = function($$renderer4) {
+            $$renderer4.push(`<div class="max-w-64"><p>Allows you to "checkpoint" your project in a series of "commits"; you can save
+									your progress and roll back to previous checkpoints if needed.</p> <p class="mt-2 text-xs">If you use <tt>git</tt> to deploy your project, what's deployed is your most recent
+									checkpoint</p></div>`);
+          }, children2 = function($$renderer4, attach) {
+            Circle_question_mark($$renderer4, { size: 16 });
+          };
+          Tooltip($$renderer3, { tooltip, children: children2 });
+        }
+        $$renderer3.push(`<!----></div> `);
+        if (gitStatus) {
+          $$renderer3.push("<!--[0-->");
+          const hasChanges = gitStatus.modified.length + gitStatus.created.length + gitStatus.not_added.length + gitStatus.deleted.length > 0;
+          if (hasChanges && true) {
+            $$renderer3.push("<!--[0-->");
+            TextInput($$renderer3, {
+              class: "text-xs",
+              label: "Checkpoint Message",
+              get value() {
+                return commitMessage;
+              },
+              set value($$value) {
+                commitMessage = $$value;
+                $$settled = false;
+              }
+            });
+            $$renderer3.push(`<!----> `);
+            ActionButton($$renderer3, {
+              disabled: !commitMessage || (gitStatus?.conflicted.length ?? 0) > 0 || gitStatus?.current === "HEAD",
+              class: `mb-2 ${(gitStatus?.conflicted.length ?? 0) === 0 && gitStatus?.current !== "HEAD" ? "preset-tonal-primary" : "preset-tonal-error"}`,
+              action: async () => {
+                await fetch(resolve("/api/git/commit"), {
+                  method: "POST",
+                  body: JSON.stringify({ message: commitMessage }),
+                  headers: { "Content-Type": "application/json" }
+                });
+                commitMessage = "";
+                gitStatus = await fetchStatus();
+              },
+              children: ($$renderer4) => {
+                if ((gitStatus?.conflicted.length ?? 0) > 0) {
+                  $$renderer4.push("<!--[0-->");
+                  $$renderer4.push(`Conflicts detected`);
+                } else if (gitStatus?.current === "HEAD") {
+                  $$renderer4.push("<!--[1-->");
+                  $$renderer4.push(`Rebasing`);
+                } else {
+                  $$renderer4.push("<!--[-1-->");
+                  $$renderer4.push(`Commit`);
+                }
+                $$renderer4.push(`<!--]-->`);
+              }
+            });
+            $$renderer3.push(`<!----> `);
+            {
+              let buttonContent = function($$renderer4) {
+                $$renderer4.push(`<div class="flex items-center justify-center gap-2"><div>Show Changed Files</div> `);
+                if (gitStatus) {
+                  $$renderer4.push("<!--[0-->");
+                  $$renderer4.push(`<div class="flex flex-col" style="line-height: 1; font-size: 6pt;">`);
+                  if ((gitStatus.conflicted?.length ?? 0) > 0) {
+                    $$renderer4.push("<!--[0-->");
+                    $$renderer4.push(`<div class="text-error-500">! ${escape_html(gitStatus.conflicted?.length ?? 0)}</div>`);
+                  } else {
+                    $$renderer4.push("<!--[-1-->");
+                  }
+                  $$renderer4.push(`<!--]--> `);
+                  if ((gitStatus.modified?.length ?? 0) > 0) {
+                    $$renderer4.push("<!--[0-->");
+                    $$renderer4.push(`<div class="text-yellow-600">~${escape_html(gitStatus.modified?.length ?? 0)}</div>`);
+                  } else {
+                    $$renderer4.push("<!--[-1-->");
+                  }
+                  $$renderer4.push(`<!--]--> `);
+                  if ((gitStatus.created?.length ?? 0) + (gitStatus.not_added?.length ?? 0) > 0) {
+                    $$renderer4.push("<!--[0-->");
+                    $$renderer4.push(`<div class="text-green-700">+${escape_html((gitStatus.created?.length ?? 0) + (gitStatus.not_added?.length ?? 0))}</div>`);
+                  } else {
+                    $$renderer4.push("<!--[-1-->");
+                  }
+                  $$renderer4.push(`<!--]--> `);
+                  if ((gitStatus.deleted?.length ?? 0) > 0) {
+                    $$renderer4.push("<!--[0-->");
+                    $$renderer4.push(`<div class="text-red-700">-${escape_html(gitStatus.deleted?.length ?? 0)}</div>`);
+                  } else {
+                    $$renderer4.push("<!--[-1-->");
+                  }
+                  $$renderer4.push(`<!--]--></div>`);
+                } else {
+                  $$renderer4.push("<!--[-1-->");
+                }
+                $$renderer4.push(`<!--]--></div>`);
+              };
+              Modal($$renderer3, {
+                title: "Changes",
+                tooltip: gitTooltip,
+                placement: "right",
+                class: "preset-outlined-surface-600-400 btn-sm",
+                buttonContent,
+                children: ($$renderer4) => {
+                  $$renderer4.push(`<div class="flex max-h-[75vh] w-full min-w-[50vw] flex-col gap-1 overflow-auto overflow-y-auto p-4 text-xs"><ul class="ml-4 list-disc"><!--[-->`);
+                  const each_array = ensure_array_like(gitStatus.conflicted);
+                  for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+                    let file = each_array[$$index];
+                    $$renderer4.push(`<li class="whitespace-nowrap text-error-500">Conflict ${escape_html(file)}</li>`);
+                  }
+                  $$renderer4.push(`<!--]--> <!--[-->`);
+                  const each_array_1 = ensure_array_like(gitStatus.modified);
+                  for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+                    let file = each_array_1[$$index_1];
+                    $$renderer4.push(`<li class="whitespace-nowrap">Modified ${escape_html(file)}</li>`);
+                  }
+                  $$renderer4.push(`<!--]--> <!--[-->`);
+                  const each_array_2 = ensure_array_like(gitStatus.created);
+                  for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+                    let file = each_array_2[$$index_2];
+                    $$renderer4.push(`<li class="whitespace-nowrap">Added ${escape_html(file)}</li>`);
+                  }
+                  $$renderer4.push(`<!--]--> <!--[-->`);
+                  const each_array_3 = ensure_array_like(gitStatus.not_added);
+                  for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+                    let file = each_array_3[$$index_3];
+                    $$renderer4.push(`<li class="whitespace-nowrap">Added ${escape_html(file)}</li>`);
+                  }
+                  $$renderer4.push(`<!--]--> <!--[-->`);
+                  const each_array_4 = ensure_array_like(gitStatus.deleted);
+                  for (let $$index_4 = 0, $$length = each_array_4.length; $$index_4 < $$length; $$index_4++) {
+                    let file = each_array_4[$$index_4];
+                    $$renderer4.push(`<li class="whitespace-nowrap">Deleted ${escape_html(file)}</li>`);
+                  }
+                  $$renderer4.push(`<!--]--></ul></div>`);
+                },
+                $$slots: { buttonContent: true, default: true }
+              });
+            }
+            $$renderer3.push(`<!---->`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+            $$renderer3.push(`<div class="text-center text-xs italic">No changes</div>`);
+          }
+          $$renderer3.push(`<!--]-->`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]-->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`<div class="flex items-center justify-center text-center italic"><div>Git Unavailable</div> `);
+        {
+          let buttonContent = function($$renderer4) {
+            Wrench($$renderer4, { size: 12 });
+          };
+          Modal($$renderer3, {
+            title: "Install Git",
+            class: "ml-2 btn-icon btn btn-icon-sm preset-outlined-surface-600-400",
+            buttonContent,
+            children: ($$renderer4) => {
+              $$renderer4.push(`<div class="max-w-lg min-w-sm p-8 xl:max-w-xl xl:min-w-xl"><h2 class="h4">Looks like we can't find Git on your system.</h2> <p><tt>git</tt> is required to use checkpoints or deploy to certain website hosts that require
+								it.</p> `);
+              if (data.platform === "darwin") {
+                $$renderer4.push("<!--[0-->");
+                $$renderer4.push(`<p>On MacOS, the easiest way to get it is through the XCode Command Line Tools.</p> <p>You can view Apple's <a href="https://developer.apple.com/documentation/xcode/installing-the-command-line-tools/" rel="noreferrer noopener" target="_blank" class="underline">Documentation</a> on this, or `);
+                ActionButton($$renderer4, {
+                  action: async () => {
+                    await runDeploy(
+                      [
+                        {
+                          step: "Request XCode Command Line Tool installation",
+                          run: async () => {
+                            await fetchEnsureSuccess(resolve("/api/deps/install-xcode-tools"), { method: "POST" });
+                          }
+                        }
+                      ],
+                      "Triggering installation..."
+                    );
+                  },
+                  children: ($$renderer5) => {
+                    $$renderer5.push(`<!---->click here`);
+                  }
+                });
+                $$renderer4.push(`<!----> to automatically trigger installation (you'll see a pop-up asking you to install it)</p>`);
+              } else if (data.platform === "win32") {
+                $$renderer4.push("<!--[1-->");
+                $$renderer4.push(`<p>On Windows, you can download an installer from <a href="https://git-scm.com/install/windows" rel="noreferrer noopener" target="_blank" class="underline">git's website</a> and install it directly. Make sure you check the option to make <strong><tt>git</tt> utilities</strong> available in your system PATH; it should be
+									selected by default.</p>`);
+              } else {
+                $$renderer4.push("<!--[-1-->");
+                $$renderer4.push(`<p>On Linux, you should be able to easily acquire <tt>git</tt> via your system package
+									manager.</p>`);
+              }
+              $$renderer4.push(`<!--]--> <p>When complete, you'll need to restart the editor.</p></div>`);
+            },
+            $$slots: { buttonContent: true, default: true }
+          });
+        }
+        $$renderer3.push(`<!----></div>`);
+      }
+      $$renderer3.push(`<!--]--> <div class="mt-4 mb-2 w-full border-b border-b-surface-600-400"></div> <div class="mb-2 flex items-center justify-center gap-2 font-light"><span>Deployment</span></div> <div class="flex items-center justify-around">`);
+      if (!data.deploySettings.last_used && data.gitAvailable || data.deploySettings.last_used === "Git") {
+        $$renderer3.push("<!--[0-->");
+        gitPush($$renderer3);
+      } else if (data.deploySettings.last_used === "CloudFlare") {
+        $$renderer3.push("<!--[1-->");
+        deployCf($$renderer3);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        dlZip($$renderer3);
+      }
+      $$renderer3.push(`<!--]--> `);
+      {
+        let buttonContent = function($$renderer4) {
+          Ellipsis($$renderer4, {});
+        }, children2 = function($$renderer4, close) {
+          $$renderer4.push(`<div class="flex flex-col items-stretch justify-center">`);
+          deployCf($$renderer4, close);
+          $$renderer4.push(`<!----> `);
+          gitPush($$renderer4, close);
+          $$renderer4.push(`<!----> `);
+          dlZip($$renderer4, close);
+          $$renderer4.push(`<!----></div>`);
+        };
+        Modal($$renderer3, {
+          title: "Other Deployment Options",
+          class: "btn-icon preset-outlined",
+          buttonContent,
+          children: children2,
+          $$slots: { buttonContent: true, default: true }
+        });
+      }
+      $$renderer3.push(`<!----></div></div> <div class="grow"></div> `);
+      {
+        let children2 = function($$renderer4, attach) {
+          function loadingContent($$renderer5) {
+            $$renderer5.push(`<i class="fa-solid fa-arrow-rotate-right animate-[spin_300ms_linear_infinite] text-primary-contrast-500"></i>`);
+          }
+          $$renderer4.push(`<div>`);
+          ActionButton($$renderer4, {
+            action: async () => {
+              await fetch(resolve("/api/reload"), { method: "POST" });
+              await invalidateAll();
+            },
+            loadingContent,
+            class: "btn-icon preset-filled-surface-700-300",
+            children: ($$renderer5) => {
+              {
+                $$renderer5.push("<!--[-1-->");
+                $$renderer5.push(`<i class="fa-solid fa-arrow-rotate-right text-primary-contrast-50"></i>`);
+              }
+              $$renderer5.push(`<!--]-->`);
+            }
+          });
+          $$renderer4.push(`<!----></div>`);
+        };
+        Tooltip($$renderer3, {
+          tooltip: "Reload / Regenerate",
+          children: children2
+        });
+      }
+      $$renderer3.push(`<!----> <div class="text-xs text-surface-700-300">© phosphoriteart ${escape_html((/* @__PURE__ */ new Date()).getFullYear())}</div></div> <div class="transition-all"${attr_style(`min-width: ${sidebarOpen.open ? "200px" : "0px"};`)}></div> <div class="flex grow flex-col" style="min-width: min(100vw, 500px);">`);
+      children?.($$renderer3);
+      $$renderer3.push(`<!----> <div class="no-scrollbar h-5 max-h-5 min-h-5 w-full max-w-full overflow-scroll border-t-surface-500 bg-surface-100-900 text-[8pt] hover:h-32 hover:max-h-32 hover:min-h-32"><!--[-->`);
+      const each_array_5 = ensure_array_like(logs);
+      for (let i = 0, $$length = each_array_5.length; i < $$length; i++) {
+        let log = each_array_5[i];
+        LogLine($$renderer3, {
+          log,
+          isLatest: i === logs.length - 1
+        });
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (isServerDoingWork()) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div class="fixed right-0 bottom-0 flex h-4.75 items-end justify-center pb-0.5">`);
+        Circle($$renderer3, { size: 16, color: "#04F", duration: "0.4s" });
+        $$renderer3.push(`<!----></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div></div></div> `);
+      if (data.previewPort) {
+        $$renderer3.push("<!--[0-->");
+        {
+          let children2 = function($$renderer4, attach) {
+            $$renderer4.push(`<div class="fixed bottom-8 left-4 z-110"><button title="Open/close Preview" class="btn flex btn-icon-sm h-8 w-8 cursor-pointer items-center justify-center preset-tonal">`);
+            Eye($$renderer4, { size: 16 });
+            $$renderer4.push(`<!----></button></div>`);
+          };
+          Tooltip($$renderer3, {
+            tooltip: "Preview Website",
+            children: children2
+          });
+        }
+        $$renderer3.push(`<!----> `);
+        {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]-->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      Modal($$renderer3, {
+        headless: true,
+        open: deployStatus !== null,
+        title: deployTitle ?? "Deploying...",
+        captive: true,
+        children: ($$renderer4) => {
+          if (deployStatus) {
+            $$renderer4.push("<!--[0-->");
+            const complete = deployStatus.every((s) => s.status !== "working");
+            Spinner($$renderer4, { loading: !complete });
+            $$renderer4.push(`<!----> <div class="flex min-w-80 flex-col gap-2 p-4"><!--[-->`);
+            const each_array_6 = ensure_array_like(deployStatus);
+            for (let i = 0, $$length = each_array_6.length; i < $$length; i++) {
+              let step = each_array_6[i];
+              $$renderer4.push(`<div class="flex items-center gap-2"><div>`);
+              if (step.status === "waiting") {
+                $$renderer4.push("<!--[0-->");
+                Timer($$renderer4, {});
+              } else {
+                $$renderer4.push("<!--[-1-->");
+              }
+              $$renderer4.push(`<!--]--> `);
+              if (step.status === "working") {
+                $$renderer4.push("<!--[0-->");
+                $$renderer4.push(`<div class="animate-pulse">`);
+                Hourglass($$renderer4, {});
+                $$renderer4.push(`<!----></div>`);
+              } else {
+                $$renderer4.push("<!--[-1-->");
+              }
+              $$renderer4.push(`<!--]--> `);
+              if (step.status === "completed") {
+                $$renderer4.push("<!--[0-->");
+                Circle_check($$renderer4, { class: "fill-success-300-700" });
+              } else {
+                $$renderer4.push("<!--[-1-->");
+              }
+              $$renderer4.push(`<!--]--> `);
+              if (step.status === "cancelled") {
+                $$renderer4.push("<!--[0-->");
+                Circle_x($$renderer4, {});
+              } else {
+                $$renderer4.push("<!--[-1-->");
+              }
+              $$renderer4.push(`<!--]--> `);
+              if (step.status === "error") {
+                $$renderer4.push("<!--[0-->");
+                Circle_x($$renderer4, { class: "fill-error-500" });
+              } else {
+                $$renderer4.push("<!--[-1-->");
+              }
+              $$renderer4.push(`<!--]--></div> <div class="flex flex-col"><div>${escape_html(step.step)}</div> `);
+              if (step.error) {
+                $$renderer4.push("<!--[0-->");
+                $$renderer4.push(`<div>`);
+                TextBox($$renderer4, { disabled: true, value: step.error, label: "Error Details" });
+                $$renderer4.push(`<!----></div>`);
+              } else {
+                $$renderer4.push("<!--[-1-->");
+              }
+              $$renderer4.push(`<!--]--></div></div>`);
+            }
+            $$renderer4.push(`<!--]--> `);
+            if (complete) {
+              $$renderer4.push("<!--[0-->");
+              $$renderer4.push(`<button class="btn preset-tonal-success">Close</button>`);
+            } else {
+              $$renderer4.push("<!--[-1-->");
+            }
+            $$renderer4.push(`<!--]--></div>`);
+          } else {
+            $$renderer4.push("<!--[-1-->");
+          }
+          $$renderer4.push(`<!--]-->`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      {
+        let children2 = function($$renderer4, close) {
+          $$renderer4.push(`<div class="min-w-lg p-4"><p>In order to deploy to CloudFlare, we'll need to make sure you're logged in, then select a
+				project to deploy to.</p> <p>By default, your project will be available at <tt>&lt;project-name>.pages.dev</tt>.</p> `);
+          await_block(
+            $$renderer4,
+            isCloudflareLoggedIn,
+            () => {
+              Spinner($$renderer4, { loading: true });
+              $$renderer4.push(`<!----> <div class="my-4 flex items-center gap-2">`);
+              Hourglass($$renderer4, { class: "animate-pulse" });
+              $$renderer4.push(`<!----> <div>Loading login status...</div></div>`);
+            },
+            (isLoggedIn) => {
+              if (isLoggedIn === false) {
+                $$renderer4.push("<!--[0-->");
+                $$renderer4.push(`<div class="my-4 flex items-center gap-2"><div>`);
+                Circle_alert($$renderer4, { class: "fill-warning-300-700" });
+                $$renderer4.push(`<!----></div> <p>Click `);
+                ActionButton($$renderer4, {
+                  class: "preset-tonal-warning btn-sm",
+                  action: async () => {
+                    await fetch(resolve("/api/deploy/cloudflare/whoami"), { method: "POST" });
+                    await setupCloudflareOnboard();
+                  },
+                  children: ($$renderer5) => {
+                    $$renderer5.push(`<!---->here`);
+                  }
+                });
+                $$renderer4.push(`<!----> to log into CloudFlare. A new browser window will open.</p></div>`);
+              } else {
+                $$renderer4.push("<!--[-1-->");
+                $$renderer4.push(`<div class="my-4 flex items-center gap-2"><div>`);
+                Circle_check($$renderer4, { class: "fill-success-300-700" });
+                $$renderer4.push(`<!----></div> <p>Logged in!</p></div> `);
+                if (!data.deploySettings.cloudflare_project_name) {
+                  $$renderer4.push("<!--[0-->");
+                  $$renderer4.push(`<p>You also need to set up a Cloudflare Project to host your website.</p> <div>`);
+                  await_block(
+                    $$renderer4,
+                    cfProjects,
+                    () => {
+                      Spinner($$renderer4, { loading: true });
+                      $$renderer4.push(`<!----> <div class="my-4 flex items-center gap-2">`);
+                      Hourglass($$renderer4, { class: "animate-pulse" });
+                      $$renderer4.push(`<!----> <div>Loading project list...</div></div>`);
+                    },
+                    (projs) => {
+                      $$renderer4.push(`<p>You can use an existing project...</p> <ol class="list-disc pl-8"><!--[-->`);
+                      const each_array_7 = ensure_array_like(projs);
+                      for (let $$index_7 = 0, $$length = each_array_7.length; $$index_7 < $$length; $$index_7++) {
+                        let proj = each_array_7[$$index_7];
+                        $$renderer4.push(`<li>`);
+                        ActionButton($$renderer4, {
+                          action: async () => {
+                            await fetch(resolve("/api/deploy/config"), {
+                              body: JSON.stringify({
+                                ...data.deploySettings,
+                                last_used: "CloudFlare",
+                                cloudflare_project_name: proj["Project Name"]
+                              }),
+                              headers: { "Content-Type": "application/json" },
+                              method: "PUT"
+                            });
+                            await invalidateAll();
+                          },
+                          unstyled: true,
+                          class: "btn preset-outlined-surface-600-400 btn-sm text-sm",
+                          children: ($$renderer5) => {
+                            $$renderer5.push(`<!---->Use ${escape_html(proj["Project Name"])} (@ ${escape_html(proj["Project Domains"])})`);
+                          }
+                        });
+                        $$renderer4.push(`<!----></li>`);
+                      }
+                      $$renderer4.push(`<!--]--></ol> <div class="mt-2">or, you can create a new project:</div> <div class="flex items-center">`);
+                      TextInput($$renderer4, {
+                        label: "Project Name",
+                        get value() {
+                          return newProjectName;
+                        },
+                        set value($$value) {
+                          newProjectName = $$value;
+                          $$settled = false;
+                        }
+                      });
+                      $$renderer4.push(`<!----> `);
+                      ActionButton($$renderer4, {
+                        action: async () => {
+                          try {
+                            await fetchEnsureSuccess(resolve("/api/deploy/cloudflare/projects"), {
+                              method: "POST",
+                              body: JSON.stringify({ project_name: newProjectName }),
+                              headers: { "Content-Type": "application/json" }
+                            });
+                          } catch (e) {
+                            createProjectError = String(e);
+                            return;
+                          }
+                          await fetch(resolve("/api/deploy/config"), {
+                            body: JSON.stringify({
+                              ...data.deploySettings,
+                              last_used: "CloudFlare",
+                              cloudflare_project_name: newProjectName
+                            }),
+                            headers: { "Content-Type": "application/json" },
+                            method: "PUT"
+                          });
+                          await invalidateAll();
+                        },
+                        children: ($$renderer5) => {
+                          $$renderer5.push(`<!---->Create`);
+                        }
+                      });
+                      $$renderer4.push(`<!----> `);
+                      if (createProjectError) {
+                        $$renderer4.push("<!--[0-->");
+                        $$renderer4.push(`<div class="ml-4 text-error-600-400">${escape_html(createProjectError)}</div>`);
+                      } else {
+                        $$renderer4.push("<!--[-1-->");
+                      }
+                      $$renderer4.push(`<!--]--></div>`);
+                    }
+                  );
+                  $$renderer4.push(`<!--]--></div>`);
+                } else {
+                  $$renderer4.push("<!--[-1-->");
+                  $$renderer4.push(`<div class="my-4 flex items-center gap-2"><div>`);
+                  Circle_check($$renderer4, { class: "fill-success-300-700" });
+                  $$renderer4.push(`<!----></div> <p>Using project ${escape_html(data.deploySettings.cloudflare_project_name)}!</p></div> `);
+                  ActionButton($$renderer4, {
+                    class: "preset-tonal-success",
+                    action: async () => {
+                      close();
+                    },
+                    children: ($$renderer5) => {
+                      $$renderer5.push(`<!---->Close`);
+                    }
+                  });
+                  $$renderer4.push(`<!---->`);
+                }
+                $$renderer4.push(`<!--]-->`);
+              }
+              $$renderer4.push(`<!--]-->`);
+            }
+          );
+          $$renderer4.push(`<!--]--></div>`);
+        };
+        Modal($$renderer3, {
+          headless: true,
+          open: runCloudflareOnboard,
+          title: "Cloudflare Setup",
+          onClose: () => {
+            runCloudflareOnboard = false;
+            newProjectName = "";
+          },
+          children: children2,
+          $$slots: { default: true }
+        });
+      }
+      $$renderer3.push(`<!---->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+
+export { _layout as default };
+//# sourceMappingURL=_layout.svelte-THH8hF8C.js.map