@jxsuite/studio 0.35.0 → 0.36.0

package/dist/studio.js

@@ -199522,10 +199522,10 @@ function loadFromLocalStorage() {
   }
 }
 function currentList() {
-  return backend() ? cache : loadFromLocalStorage();
+  return backend() ? cache2 : loadFromLocalStorage();
 }
 function commit(list2) {
-  cache = list2;
+  cache2 = list2;
   const store = backend();
   if (store) {
     store.saveRecentProjects(list2);
@@ -199541,9 +199541,9 @@ async function hydrateRecentProjects() {
     return;
   }
   try {
-    cache = await store.getRecentProjects();
+    cache2 = await store.getRecentProjects();
   } catch {
-    cache = [];
+    cache2 = [];
   }
 }
 function getRecentProjects() {
@@ -199561,7 +199561,7 @@ function removeRecentProject(root) {
   commit(currentList().filter((p) => p.root !== root));
 }
 function clearRecentProjects() {
-  cache = [];
+  cache2 = [];
   const store = backend();
   if (store) {
     store.saveRecentProjects([]);
@@ -199599,10 +199599,10 @@ function trackRecentFile(file) {
   }
   localStorage.setItem(FILES_STORAGE_KEY, JSON.stringify(kept));
 }
-var STORAGE_KEY = "jx-studio-recent-projects", FILES_STORAGE_KEY = "jx-studio-recent-files", MAX_RECENT = 8, MAX_RECENT_FILES = 10, cache;
+var STORAGE_KEY = "jx-studio-recent-projects", FILES_STORAGE_KEY = "jx-studio-recent-files", MAX_RECENT = 8, MAX_RECENT_FILES = 10, cache2;
 var init_recent_projects = __esm(() => {
   init_platform3();
-  cache = [];
+  cache2 = [];
 });
 
 // ../../node_modules/lit-html/development/directives/live.js
@@ -200063,7 +200063,7 @@ var init_progress_modal = __esm(() => {
 });
 
 // src/version.ts
-var APP_NAME = "Jx Studio", VERSION = "0.35.0", BUILD_DATE = "2026-07-06T17:20:36.204Z", GIT_COMMIT = "01619b7", LINKS;
+var APP_NAME = "Jx Studio", VERSION = "0.36.0", BUILD_DATE = "2026-07-07T23:14:50.526Z", GIT_COMMIT = "482a801", LINKS;
 var init_version = __esm(() => {
   LINKS = {
     github: "https://github.com/jxsuite/jx",
@@ -201794,18 +201794,18 @@ var init_popover_reset_styles = __esm(() => {
 
 // ../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/public-utils/once.js
 function once(fn) {
-  var cache2 = null;
+  var cache3 = null;
   return function wrapped() {
-    if (!cache2) {
+    if (!cache3) {
       for (var _len = arguments.length, args = new Array(_len), _key = 0;_key < _len; _key++) {
         args[_key] = arguments[_key];
       }
       var result = fn.apply(this, args);
-      cache2 = {
+      cache3 = {
         result
       };
     }
-    return cache2.result;
+    return cache3.result;
   };
 }
 
@@ -220498,6 +220498,120 @@ var init_schema_field_ui = __esm(() => {
   FORMAT_OPTIONS = ["", "image", "date", "color"];
 });
 
+// src/services/settings-store.ts
+function readLocal(key) {
+  try {
+    return globalThis.localStorage?.getItem(key) ?? "";
+  } catch {
+    return "";
+  }
+}
+async function hydrateSettings() {
+  if (!hasPlatform()) {
+    return;
+  }
+  const platform3 = getPlatform();
+  if (!platform3.getSettings) {
+    return;
+  }
+  let stored;
+  try {
+    stored = await platform3.getSettings();
+  } catch {
+    return;
+  }
+  const merged = { ...stored };
+  let needsMigration = false;
+  for (const key of PERSISTED_SETTINGS_KEYS) {
+    const backendValue = stored[key];
+    if (backendValue) {
+      try {
+        globalThis.localStorage?.setItem(key, backendValue);
+      } catch {}
+    } else {
+      const localValue = readLocal(key);
+      if (localValue) {
+        merged[key] = localValue;
+        needsMigration = true;
+      }
+    }
+  }
+  if (needsMigration && platform3.saveSettings) {
+    platform3.saveSettings(merged).catch(() => {});
+  }
+}
+function persistSettings() {
+  if (!hasPlatform()) {
+    return;
+  }
+  const platform3 = getPlatform();
+  if (!platform3.saveSettings) {
+    return;
+  }
+  const settings = {};
+  for (const key of PERSISTED_SETTINGS_KEYS) {
+    const value = readLocal(key);
+    if (value) {
+      settings[key] = value;
+    }
+  }
+  platform3.saveSettings(settings).catch(() => {});
+}
+var PERSISTED_SETTINGS_KEYS;
+var init_settings_store = __esm(() => {
+  init_platform3();
+  PERSISTED_SETTINGS_KEYS = [
+    "jx.ai.openaiKey",
+    "jx.ai.baseUrl",
+    "jx.ai.model",
+    "jx.cf.token",
+    "jx.cf.accountId"
+  ];
+});
+
+// src/services/cf-settings.ts
+var exports_cf_settings = {};
+__export(exports_cf_settings, {
+  setCfToken: () => setCfToken,
+  setCfAccountId: () => setCfAccountId,
+  getCfToken: () => getCfToken,
+  getCfAccountId: () => getCfAccountId
+});
+function read(key) {
+  try {
+    return globalThis.localStorage?.getItem(key) ?? "";
+  } catch {
+    return "";
+  }
+}
+function write(key, value) {
+  try {
+    const trimmed = (value || "").trim();
+    if (trimmed) {
+      globalThis.localStorage?.setItem(key, trimmed);
+    } else {
+      globalThis.localStorage?.removeItem(key);
+    }
+  } catch {}
+  persistSettings();
+}
+function getCfToken() {
+  return read(TOKEN_STORAGE);
+}
+function setCfToken(token) {
+  write(TOKEN_STORAGE, token);
+}
+function getCfAccountId() {
+  return read(ACCOUNT_STORAGE);
+}
+function setCfAccountId(accountId) {
+  write(ACCOUNT_STORAGE, accountId);
+}
+var TOKEN_STORAGE = "jx.cf.token", ACCOUNT_STORAGE = "jx.cf.accountId";
+var init_cf_settings = __esm(() => {
+  init_settings_store();
+});
+
 // ../../node_modules/@lit/reactive-element/development/css-tag.js
 class CSSResult {
   constructor(cssText, strings, safeToken) {
@@ -221328,17 +221442,17 @@ var desc = (obj, name, descriptor) => {
 };
 
 // ../../node_modules/@lit/reactive-element/development/decorators/query.js
-function query(selector, cache2) {
+function query(selector, cache3) {
   return (protoOrTarget, nameOrContext, descriptor) => {
     const doQuery = (el) => {
       const result = el.renderRoot?.querySelector(selector) ?? null;
-      if (DEV_MODE6 && result === null && cache2 && !el.hasUpdated) {
+      if (DEV_MODE6 && result === null && cache3 && !el.hasUpdated) {
         const name = typeof nameOrContext === "object" ? nameOrContext.name : nameOrContext;
         issueWarning5("", `@query'd field ${JSON.stringify(String(name))} with the 'cache' ` + `flag set for selector '${selector}' has been accessed before ` + `the first update and returned null. This is expected if the ` + `renderRoot tree has not been provided beforehand (e.g. via ` + `Declarative Shadow DOM). Therefore the value hasn't been cached.`);
       }
       return result;
     };
-    if (cache2) {
+    if (cache3) {
       const { get, set } = typeof nameOrContext === "object" ? protoOrTarget : descriptor ?? (() => {
         const key = DEV_MODE6 ? Symbol(`${String(nameOrContext)} (@query() cache)`) : Symbol();
         return {
@@ -225036,8 +225150,8 @@ function hasFixedPositionAncestor(element2, stopNode) {
   }
   return getComputedStyle3(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
 }
-function getClippingElementAncestors(element2, cache2) {
-  const cachedResult = cache2.get(element2);
+function getClippingElementAncestors(element2, cache3) {
+  const cachedResult = cache3.get(element2);
   if (cachedResult) {
     return cachedResult;
   }
@@ -225059,7 +225173,7 @@ function getClippingElementAncestors(element2, cache2) {
     }
     currentNode = getParentNode(currentNode);
   }
-  cache2.set(element2, result);
+  cache3.set(element2, result);
   return result;
 }
 function getClippingRect(_ref) {
@@ -225336,14 +225450,14 @@ var noOffsets, SCROLLBAR_MAX = 25, absoluteOrFixed, getElementRects = async func
     }
   };
 }, platform3, offset2, shift3, flip2, size3, arrow2, computePosition2 = (reference, floating, options) => {
-  const cache2 = new Map;
+  const cache3 = new Map;
   const mergedOptions = {
     platform: platform3,
     ...options
   };
   const platformWithCache = {
     ...mergedOptions.platform,
-    _c: cache2
+    _c: cache3
   };
   return computePosition(reference, floating, {
     ...mergedOptions,
@@ -260877,12 +260991,46 @@ var project_schema_default = {
         adapter: {
           description: "Platform adapter for deployment-specific output.",
           enum: [
-            "netlify",
-            "vercel",
-            "cloudflare"
+            "static",
+            "cloudflare-pages",
+            "cloudflare-workers",
+            "node",
+            "bun"
           ],
           type: "string"
         },
+        deploy: {
+          additionalProperties: false,
+          description: "Deployment tracking: the hosting project this repo publishes to. Identifiers only (no secrets) — safe to commit; Studio uses it to tell whether the publish workflow already exists. `adapter` says how the build is packaged; `deploy` says where it ships.",
+          properties: {
+            accountId: {
+              description: "Hosting account id (e.g. the Cloudflare account id).",
+              type: "string"
+            },
+            productionUrl: {
+              description: "Production URL of the connected hosting project.",
+              type: "string"
+            },
+            projectName: {
+              description: "Hosting project name (e.g. the Cloudflare Pages project).",
+              pattern: "^[a-z0-9][a-z0-9-]*$",
+              type: "string"
+            },
+            provider: {
+              description: "Hosting provider the project is connected to.",
+              enum: [
+                "cloudflare-pages"
+              ],
+              type: "string"
+            }
+          },
+          required: [
+            "provider",
+            "accountId",
+            "projectName"
+          ],
+          type: "object"
+        },
         format: {
           default: "directory",
           description: "Output format.",
@@ -261133,6 +261281,29 @@ init_format_host();
 
 // src/panels/welcome-screen.ts
 init_lit_html();
+
+// src/project-list.ts
+init_platform3();
+var cache = [];
+function platformListsProjects() {
+  return hasPlatform() && typeof getPlatform().listProjects === "function";
+}
+async function hydrateProjectList() {
+  if (!platformListsProjects()) {
+    cache = [];
+    return;
+  }
+  try {
+    cache = await getPlatform().listProjects?.() ?? [];
+  } catch {
+    cache = [];
+  }
+}
+function getProjectList() {
+  return cache;
+}
+
+// src/panels/welcome-screen.ts
 init_recent_projects();
 init_store();
 init_git_panel();
@@ -261143,6 +261314,7 @@ function initWelcome(ctx) {
 function renderWelcome(host) {
   const ctx = _ctx2;
   const recent = getRecentProjects();
+  const catalogue = getProjectList().filter((p) => !recent.some((r) => r.root === p.root));
   const showClone = platformSupportsClone();
   render2(html3`
       <div class="welcome-screen">
@@ -261196,6 +261368,25 @@ function renderWelcome(host) {
                 </button>` : nothing}
           </div>
 
+          ${catalogue.length > 0 ? html3`
+                <div class="welcome-section">
+                  <h2 class="welcome-section-title">Projects</h2>
+                  ${catalogue.map((p) => html3`
+                      <div class="welcome-recent-row">
+                        <button
+                          class="welcome-recent welcome-catalogue"
+                          @click=${() => ctx.openRecentProject(p.root)}
+                          title=${p.root}
+                        >
+                          <span class="welcome-recent-name">${p.name}</span>
+                          <span class="welcome-recent-path">
+                            ${p.description ?? shortenPath(p.root)}
+                          </span>
+                        </button>
+                      </div>
+                    `)}
+                </div>
+              ` : nothing}
           ${recent.length > 0 ? html3`
                 <div class="welcome-section">
                   <div class="welcome-section-header">
@@ -262151,15 +262342,15 @@ function isShallowEqual(a, b) {
 }
 function stable() {
   var isEqual2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : isShallowEqual;
-  var cache2 = null;
+  var cache3 = null;
   return function(value) {
-    if (cache2 && isEqual2(cache2.value, value)) {
-      return cache2.value;
+    if (cache3 && isEqual2(cache3.value, value)) {
+      return cache3.value;
     }
-    cache2 = {
+    cache3 = {
       value
     };
-    return cache2.value;
+    return cache3.value;
   };
 }
 
@@ -269936,6 +270127,56 @@ function createDevServerPlatform() {
         throw new Error(body.error);
       }
     },
+    async cfApi(apiPath, init) {
+      const { getCfToken: getCfToken2 } = await Promise.resolve().then(() => (init_cf_settings(), exports_cf_settings));
+      const token = getCfToken2();
+      if (!token) {
+        throw new Error("No Cloudflare API token configured");
+      }
+      const res = await fetch("/__studio/cf/proxy", {
+        method: "POST",
+        headers: { "Content-Type": "application/json", "X-CF-Token": token },
+        body: JSON.stringify({ path: apiPath, method: init?.method ?? "GET", body: init?.body })
+      });
+      const envelope = await res.json();
+      if (!res.ok || envelope.success === false) {
+        const message = envelope.errors?.map((e) => e.message).join("; ") ?? envelope.error ?? res.statusText;
+        throw new Error(`Cloudflare API: ${message}`);
+      }
+      return envelope.result ?? envelope;
+    },
+    async cfConnection() {
+      const { getCfAccountId: getCfAccountId2, getCfToken: getCfToken2, setCfAccountId: setCfAccountId2 } = await Promise.resolve().then(() => (init_cf_settings(), exports_cf_settings));
+      if (!getCfToken2()) {
+        return null;
+      }
+      try {
+        const accounts = await this.cfApi?.("/accounts");
+        if (!accounts?.length) {
+          return { connected: false };
+        }
+        const chosen = accounts.find((a) => a.id === getCfAccountId2()) ?? accounts[0];
+        setCfAccountId2(chosen.id);
+        return { connected: true, accountId: chosen.id, accountName: chosen.name };
+      } catch {
+        return { connected: false };
+      }
+    },
+    async listProjects() {
+      const res = await fetch("/__studio/sites");
+      if (!res.ok) {
+        return [];
+      }
+      const sites = await readJson(res);
+      return sites.map((site) => {
+        const config = site.config;
+        return {
+          name: config?.name || site.path.split("/").at(-1) || site.path,
+          root: site.path,
+          description: site.path
+        };
+      });
+    },
     aiChatUrl() {
       return "/__studio/ai/chat";
     }
@@ -296319,84 +296560,457 @@ function renderActivityBar() {
 
 // src/panels/toolbar.ts
 init_lit_html();
-init_store();
-init_transact();
-init_reactivity();
-init_workspace2();
-init_view3();
-init_recent_projects();
-init_platform3();
-init_git_panel();
 
-// src/new-project/new-project-modal.ts
+// src/publish/publish-panel.ts
 init_lit_html();
-init_parse();
-init_layers();
 init_platform3();
+init_cf_settings();
+init_store();
+init_layers();
 
-// src/services/settings-store.ts
-init_platform3();
-var PERSISTED_SETTINGS_KEYS = ["jx.ai.openaiKey", "jx.ai.baseUrl", "jx.ai.model"];
-function readLocal(key) {
+// ../create/scaffold.ts
+var CF_ADAPTERS = new Set(["cloudflare-pages", "cloudflare-workers"]);
+function buildWranglerJsonc({ slug, adapter: adapter2 }) {
+  const compatibilityDate = new Date().toISOString().slice(0, 10);
+  const config = adapter2 === "cloudflare-workers" ? {
+    assets: { binding: "ASSETS", directory: "./dist" },
+    compatibility_date: compatibilityDate,
+    compatibility_flags: ["nodejs_compat"],
+    main: "./dist/worker.js",
+    name: slug
+  } : {
+    compatibility_date: compatibilityDate,
+    compatibility_flags: ["nodejs_compat"],
+    name: slug,
+    pages_build_output_dir: "./dist"
+  };
+  return `${JSON.stringify(config, null, "\t")}
+`;
+}
+function updateWranglerConfig(existing, { slug, adapter: adapter2 }) {
+  if (!existing) {
+    return { content: buildWranglerJsonc({ adapter: adapter2, slug }), patched: true };
+  }
+  let config;
   try {
-    return globalThis.localStorage?.getItem(key) ?? "";
+    config = JSON.parse(existing);
   } catch {
-    return "";
+    return { content: existing, patched: false };
   }
-}
-async function hydrateSettings() {
-  if (!hasPlatform()) {
-    return;
+  config["name"] = slug;
+  if (adapter2 === "cloudflare-workers") {
+    delete config["pages_build_output_dir"];
+    config["main"] = "./dist/worker.js";
+    config["assets"] = { binding: "ASSETS", directory: "./dist" };
+  } else {
+    delete config["main"];
+    delete config["assets"];
+    config["pages_build_output_dir"] = "./dist";
   }
-  const platform4 = getPlatform();
-  if (!platform4.getSettings) {
-    return;
+  return { content: `${JSON.stringify(config, null, "\t")}
+`, patched: true };
+}
+
+// src/publish/pages-service.ts
+init_platform3();
+init_site_context();
+function platformSupportsPublish() {
+  return typeof getPlatform().cfApi === "function";
+}
+async function cfApi(path, init) {
+  const api2 = getPlatform().cfApi;
+  if (!api2) {
+    throw new Error("This platform cannot reach the Cloudflare API");
   }
-  let stored;
+  return await api2(path, init);
+}
+async function listAccounts() {
+  return cfApi("/accounts");
+}
+async function getPagesProject(accountId, projectName) {
   try {
-    stored = await platform4.getSettings();
+    return await cfApi(`/accounts/${accountId}/pages/projects/${projectName}`);
   } catch {
-    return;
+    return null;
   }
-  const merged = { ...stored };
-  let needsMigration = false;
-  for (const key of PERSISTED_SETTINGS_KEYS) {
-    const backendValue = stored[key];
-    if (backendValue) {
-      try {
-        globalThis.localStorage?.setItem(key, backendValue);
-      } catch {}
-    } else {
-      const localValue = readLocal(key);
-      if (localValue) {
-        merged[key] = localValue;
-        needsMigration = true;
+}
+async function createPagesProject(opts) {
+  return cfApi(`/accounts/${opts.accountId}/pages/projects`, {
+    method: "POST",
+    body: {
+      name: opts.projectName,
+      production_branch: opts.productionBranch,
+      build_config: {
+        build_command: "bunx jx build",
+        destination_dir: "dist"
+      },
+      source: {
+        type: "github",
+        config: {
+          owner: opts.owner,
+          repo_name: opts.repo,
+          production_branch: opts.productionBranch,
+          deployments_enabled: true
+        }
+      }
+    }
+  });
+}
+async function latestDeployment(deploy) {
+  const deployments = await cfApi(`/accounts/${deploy.accountId}/pages/projects/${deploy.projectName}/deployments`);
+  const [latest] = deployments;
+  if (!latest) {
+    return null;
+  }
+  return {
+    id: latest.id,
+    url: latest.url,
+    environment: latest.environment,
+    stage: latest.latest_stage?.name ?? "unknown",
+    status: latest.latest_stage?.status ?? "unknown",
+    createdOn: latest.created_on
+  };
+}
+async function writeDeployConfig(config, deploy) {
+  const build = { ...config.build };
+  if (deploy === null) {
+    delete build.deploy;
+  } else {
+    build.deploy = deploy;
+  }
+  await updateSiteConfig({ build });
+  if (deploy !== null) {
+    const platform4 = getPlatform();
+    let existing = null;
+    try {
+      existing = await platform4.readFile("wrangler.jsonc");
+    } catch {
+      existing = null;
+    }
+    const adapter2 = build.adapter === "cloudflare-workers" ? "cloudflare-workers" : "cloudflare-pages";
+    const { content, patched } = updateWranglerConfig(existing, {
+      adapter: adapter2,
+      slug: deploy.projectName
+    });
+    if (patched) {
+      await platform4.writeFile("wrangler.jsonc", content);
+    }
+  }
+}
+async function connectDeploy(config, opts) {
+  const existing = await getPagesProject(opts.accountId, opts.projectName);
+  const project = existing ?? await createPagesProject(opts);
+  const deploy = {
+    provider: "cloudflare-pages",
+    accountId: opts.accountId,
+    projectName: opts.projectName,
+    ...project.subdomain ? { productionUrl: `https://${project.subdomain}` } : {}
+  };
+  await writeDeployConfig(config, deploy);
+  return deploy;
+}
+
+// src/publish/publish-panel.ts
+var PAGES_APP_INSTALL_URL = "https://github.com/apps/cloudflare-pages/installations/new";
+var _handle4 = null;
+var _connection = "loading";
+var _accounts = [];
+var _deployment = null;
+var _error = "";
+var _busy2 = false;
+var _form = { accountId: "", branch: "main", owner: "", projectName: "", repo: "" };
+function currentConfig() {
+  return projectState?.projectConfig ?? null;
+}
+function currentDeploy() {
+  return currentConfig()?.build?.deploy;
+}
+function deriveSlug(name) {
+  return name.toLowerCase().replaceAll(/[^a-z0-9]+/g, "-").replaceAll(/^-+|-+$/g, "").slice(0, 58) || "site";
+}
+function prefillRepo() {
+  const root2 = getPlatform().projectRoot;
+  const match2 = /^([\w.-]+)\/([\w.-]+)$/.exec(root2);
+  return match2 ? { owner: match2[1], repo: match2[2] } : { owner: "", repo: "" };
+}
+async function loadConnection() {
+  _connection = "loading";
+  render6();
+  try {
+    _connection = await getPlatform().cfConnection?.() ?? null;
+    if (_connection?.connected) {
+      _accounts = await listAccounts();
+      _form.accountId = _connection.accountId ?? _accounts[0]?.id ?? "";
+      const deploy = currentDeploy();
+      if (deploy) {
+        _deployment = await latestDeployment(deploy);
       }
     }
+  } catch (error) {
+    _connection = null;
+    _error = error instanceof Error ? error.message : String(error);
   }
-  if (needsMigration && platform4.saveSettings) {
-    platform4.saveSettings(merged).catch(() => {});
+  render6();
+}
+async function saveToken(host) {
+  const input = host.querySelector("#cf-token-input");
+  setCfToken(input?.value ?? "");
+  _error = "";
+  await loadConnection();
+}
+async function hostedConnect() {
+  _busy2 = true;
+  render6();
+  try {
+    await getPlatform().cfConnect?.();
+  } catch (error) {
+    _error = error instanceof Error ? error.message : String(error);
   }
+  _busy2 = false;
+  await loadConnection();
 }
-function persistSettings() {
-  if (!hasPlatform()) {
+async function submitConnect() {
+  const config = currentConfig();
+  if (!config) {
     return;
   }
-  const platform4 = getPlatform();
-  if (!platform4.saveSettings) {
+  if (!_form.projectName || !_form.owner || !_form.repo || !_form.accountId) {
+    _error = "Account, project name, and the GitHub owner/repo are all required.";
+    render6();
     return;
   }
-  const settings = {};
-  for (const key of PERSISTED_SETTINGS_KEYS) {
-    const value = readLocal(key);
-    if (value) {
-      settings[key] = value;
-    }
+  _busy2 = true;
+  _error = "";
+  render6();
+  try {
+    const deploy = await connectDeploy(config, {
+      accountId: _form.accountId,
+      owner: _form.owner,
+      productionBranch: _form.branch || "main",
+      projectName: _form.projectName,
+      repo: _form.repo
+    });
+    _deployment = await latestDeployment(deploy).catch(() => null);
+  } catch (error) {
+    _error = error instanceof Error ? error.message : String(error);
+  }
+  _busy2 = false;
+  render6();
+}
+async function disconnect() {
+  const config = currentConfig();
+  if (!config) {
+    return;
+  }
+  _busy2 = true;
+  render6();
+  try {
+    await writeDeployConfig(config, null);
+    _deployment = null;
+  } catch (error) {
+    _error = error instanceof Error ? error.message : String(error);
+  }
+  _busy2 = false;
+  render6();
+}
+function close() {
+  _handle4?.close();
+  _handle4 = null;
+}
+function fieldRow(label, input) {
+  return html3`
+    <label class="publish-field">
+      <span>${label}</span>
+      ${input}
+    </label>
+  `;
+}
+function credentialTpl() {
+  const platform4 = getPlatform();
+  if (platform4.cfConnect) {
+    return html3`
+      <p>Connect your Cloudflare account to publish this site.</p>
+      <sp-button ?disabled=${_busy2} @click=${() => void hostedConnect()}>
+        Connect Cloudflare
+      </sp-button>
+    `;
+  }
+  return html3`
+    <p>
+      Paste a Cloudflare API token (permissions: Account Settings Read, Pages Read/Write). It is
+      stored locally and only sent to the same-origin proxy.
+    </p>
+    ${fieldRow("API token", html3`<sp-textfield
+        id="cf-token-input"
+        type="password"
+        value=${getCfToken()}
+        placeholder="cf_..."
+      ></sp-textfield>`)}
+    <sp-button ?disabled=${_busy2} @click=${(e20) => void saveToken(hostOf(e20))}>
+      Verify & Connect
+    </sp-button>
+  `;
+}
+function hostOf(e20) {
+  return e20.target.closest(".publish-modal") ?? document.body;
+}
+function connectFormTpl() {
+  return html3`
+    <p>
+      Create a Cloudflare Pages project connected to this repository. Every commit then builds and
+      publishes automatically (<code>bunx jx build</code>).
+    </p>
+    ${fieldRow("Account", html3`
+        <sp-picker
+          value=${_form.accountId}
+          @change=${(e20) => {
+    _form.accountId = e20.target.value;
+  }}
+        >
+          ${_accounts.map((a5) => html3`<sp-menu-item value=${a5.id}>${a5.name}</sp-menu-item>`)}
+        </sp-picker>
+      `)}
+    ${fieldRow("Pages project name", html3`<sp-textfield
+        value=${_form.projectName}
+        @input=${(e20) => {
+    _form.projectName = e20.target.value;
+  }}
+      ></sp-textfield>`)}
+    ${fieldRow("GitHub owner", html3`<sp-textfield
+        value=${_form.owner}
+        @input=${(e20) => {
+    _form.owner = e20.target.value;
+  }}
+      ></sp-textfield>`)}
+    ${fieldRow("GitHub repository", html3`<sp-textfield
+        value=${_form.repo}
+        @input=${(e20) => {
+    _form.repo = e20.target.value;
+  }}
+      ></sp-textfield>`)}
+    ${fieldRow("Production branch", html3`<sp-textfield
+        value=${_form.branch}
+        @input=${(e20) => {
+    _form.branch = e20.target.value;
+  }}
+      ></sp-textfield>`)}
+    <sp-button ?disabled=${_busy2} @click=${() => void submitConnect()}>
+      ${_busy2 ? "Connecting…" : "Create & Connect"}
+    </sp-button>
+  `;
+}
+function statusTpl(deploy) {
+  return html3`
+    <p>
+      Connected to Pages project <strong>${deploy.projectName}</strong>
+      ${deploy.productionUrl ? html3` —
+            <a href=${deploy.productionUrl} target="_blank" rel="noreferrer">
+              ${deploy.productionUrl}
+            </a>` : ""}
+    </p>
+    ${_deployment ? html3`
+          <p>
+            Latest deployment: <strong>${_deployment.stage}: ${_deployment.status}</strong>
+            (${_deployment.environment}) —
+            <a href=${_deployment.url} target="_blank" rel="noreferrer">preview</a>
+          </p>
+        ` : html3`<p>No deployments yet — the first commit after connecting triggers one.</p>`}
+    <p class="publish-hint">Publishing happens automatically on every commit.</p>
+    <div class="publish-actions">
+      <sp-button variant="secondary" ?disabled=${_busy2} @click=${() => void loadConnection()}>
+        Refresh
+      </sp-button>
+      <sp-button variant="negative" ?disabled=${_busy2} @click=${() => void disconnect()}>
+        Disconnect
+      </sp-button>
+    </div>
+  `;
+}
+function bodyTpl() {
+  if (!platformSupportsPublish()) {
+    return html3`
+      <p>
+        This platform cannot reach the Cloudflare API. Publish by committing and pushing — your host
+        builds <code>bunx jx build</code> and serves <code>dist/</code>.
+      </p>
+    `;
+  }
+  if (_connection === "loading") {
+    return html3`<p>Checking Cloudflare connection…</p>`;
+  }
+  if (!_connection?.connected) {
+    return credentialTpl();
+  }
+  const deploy = currentDeploy();
+  return deploy ? statusTpl(deploy) : connectFormTpl();
+}
+function errorTpl() {
+  if (!_error) {
+    return "";
+  }
+  const needsPagesApp = /github/i.test(_error) && /app|install|source|repo/i.test(_error);
+  return html3`
+    <p class="publish-error">
+      ${_error}
+      ${needsPagesApp ? html3` — if the Cloudflare Pages GitHub App is not installed on the repository,
+            <a href=${PAGES_APP_INSTALL_URL} target="_blank" rel="noreferrer">install it</a> and
+            retry.` : ""}
+    </p>
+  `;
+}
+function render6() {
+  const tpl = html3`
+    <div class="new-project-modal publish-modal">
+      <div class="new-project-modal-header">
+        <h2 class="new-project-modal-title">Publish</h2>
+        <sp-action-button size="s" quiet @click=${close}>✕</sp-action-button>
+      </div>
+      <div class="new-project-modal-body">${bodyTpl()} ${errorTpl()}</div>
+    </div>
+  `;
+  if (_handle4) {
+    _handle4.update(tpl);
+  } else {
+    _handle4 = openModal(tpl);
   }
-  platform4.saveSettings(settings).catch(() => {});
 }
+function openPublishPanel() {
+  const config = currentConfig();
+  const { owner, repo } = prefillRepo();
+  _connection = "loading";
+  _accounts = [];
+  _deployment = null;
+  _error = "";
+  _busy2 = false;
+  _form = {
+    accountId: "",
+    branch: "main",
+    owner,
+    projectName: currentDeploy()?.projectName ?? deriveSlug(config?.name ?? ""),
+    repo
+  };
+  render6();
+  loadConnection();
+}
+
+// src/panels/toolbar.ts
+init_store();
+init_transact();
+init_reactivity();
+init_workspace2();
+init_view3();
+init_recent_projects();
+init_platform3();
+init_git_panel();
+
+// src/new-project/new-project-modal.ts
+init_lit_html();
+init_parse();
+init_layers();
+init_platform3();
 
 // src/services/ai-settings.ts
+init_settings_store();
 var KEY_STORAGE = "jx.ai.openaiKey";
 var BASE_URL_STORAGE = "jx.ai.baseUrl";
 var MODEL_STORAGE = "jx.ai.model";
@@ -296506,13 +297120,22 @@ init_lit_html();
 
 // src/services/ai-models.ts
 init_platform3();
-var cache2 = null;
+var cache3 = null;
+var proxyConfigured = false;
+var proxyManaged = false;
+var proxyDefaultModel = "";
 function invalidateModelCache() {
-  cache2 = null;
+  cache3 = null;
+  proxyConfigured = false;
+  proxyManaged = false;
+  proxyDefaultModel = "";
+}
+function isProxyConfigured() {
+  return proxyConfigured;
 }
 async function fetchAvailableModels(opts = {}) {
-  if (cache2 && !opts.force) {
-    return cache2;
+  if (cache3 && !opts.force) {
+    return cache3;
   }
   const plat = getPlatform();
   const chatUrl = await Promise.resolve(plat.aiChatUrl());
@@ -296531,8 +297154,11 @@ async function fetchAvailableModels(opts = {}) {
     throw new Error(`HTTP ${resp.status}`);
   }
   const data = await resp.json();
-  cache2 = (data.models || []).map((m3) => ({ id: m3.id, name: m3.name || m3.id }));
-  return cache2;
+  proxyConfigured = data.configured === true;
+  proxyManaged = data.managed === true;
+  proxyDefaultModel = data.defaultModel ?? "";
+  cache3 = (data.models || []).map((m3) => ({ id: m3.id, name: m3.name || m3.id }));
+  return cache3;
 }
 
 // src/ui/ai-credentials-form.ts
@@ -296588,7 +297214,7 @@ function createAiCredentialsForm(opts) {
       opts.requestRender();
     }
   }
-  function render6() {
+  function render7() {
     const haveKey = hasOpenAiKey();
     return html3`
       <div
@@ -296659,7 +297285,7 @@ function createAiCredentialsForm(opts) {
       </div>
     `;
   }
-  return { render: render6, startEdit };
+  return { render: render7, startEdit };
 }
 
 // src/new-project/templates.ts
@@ -297154,8 +297780,8 @@ function renderImportSource(ctx) {
 }
 
 // src/new-project/new-project-modal.ts
-var _handle4 = null;
-var _form = {
+var _handle5 = null;
+var _form2 = {
   adapter: "static",
   description: "",
   directory: "",
@@ -297168,7 +297794,7 @@ var _template = "blank";
 var _starter = "";
 var _agentPrompt = "";
 var _paramsSeededFor = "";
-var _error = "";
+var _error2 = "";
 var _creating = false;
 var _starters = [];
 var _resolve = null;
@@ -297176,12 +297802,12 @@ var _credsForm = null;
 function credsForm() {
   _credsForm ??= createAiCredentialsForm({
     onSaved: () => {
-      if (_handle4) {
+      if (_handle5) {
         renderModal3();
       }
     },
     requestRender: () => {
-      if (_handle4) {
+      if (_handle5) {
         renderModal3();
       }
     }
@@ -297189,10 +297815,10 @@ function credsForm() {
   return _credsForm;
 }
 function openNewProjectModal() {
-  if (_handle4) {
+  if (_handle5) {
     return Promise.resolve(null);
   }
-  _form = {
+  _form2 = {
     adapter: "static",
     description: "",
     directory: "",
@@ -297205,7 +297831,7 @@ function openNewProjectModal() {
   _starter = "";
   _agentPrompt = "";
   _paramsSeededFor = "";
-  _error = "";
+  _error2 = "";
   _creating = false;
   _starters = [];
   _dirDerived = true;
@@ -297218,7 +297844,7 @@ function openNewProjectModal() {
       if (!_starter) {
         _starter = starters[0]?.id ?? "";
       }
-      if (_handle4) {
+      if (_handle5) {
         renderModal3();
       }
     }).catch(() => {});
@@ -297229,11 +297855,11 @@ function openNewProjectModal() {
   });
 }
 function closeNewProjectModal() {
-  if (!_handle4 || _creating || isImportRunning()) {
+  if (!_handle5 || _creating || isImportRunning()) {
     return;
   }
-  _handle4.close();
-  _handle4 = null;
+  _handle5.close();
+  _handle5 = null;
   if (_resolve) {
     _resolve(null);
     _resolve = null;
@@ -297241,16 +297867,16 @@ function closeNewProjectModal() {
 }
 function finish(result) {
   _creating = false;
-  if (_handle4) {
-    _handle4.close();
-    _handle4 = null;
+  if (_handle5) {
+    _handle5.close();
+    _handle5 = null;
   }
   if (_resolve) {
     _resolve(result);
     _resolve = null;
   }
 }
-function deriveSlug(name) {
+function deriveSlug2(name) {
   return name.toLowerCase().replaceAll(/[^a-z0-9]+/g, "-").replaceAll(/^-|-$/g, "");
 }
 function sourceLabel() {
@@ -297273,17 +297899,17 @@ function renderModal3() {
   const platform4 = getPlatform();
   const importCtx = {
     credsForm: credsForm(),
-    form: _form,
+    form: _form2,
     onDone: finish,
     rerender: renderModal3
   };
   const onInput2 = (field) => (e20) => {
-    _form[field] = e20.target.value;
-    if (field === "name" && !_form.directory) {
+    _form2[field] = e20.target.value;
+    if (field === "name" && !_form2.directory) {
       _dirDerived = true;
     }
     if (_dirDerived && field === "name") {
-      _form.directory = deriveSlug(_form.name);
+      _form2.directory = deriveSlug2(_form2.name);
     }
     if (field === "directory") {
       _dirDerived = false;
@@ -297291,7 +297917,7 @@ function renderModal3() {
     renderModal3();
   };
   const onAdapterChange = (e20) => {
-    _form.adapter = e20.target.value;
+    _form2.adapter = e20.target.value;
     renderModal3();
   };
   const selectTemplate = (id) => {
@@ -297307,12 +297933,12 @@ function renderModal3() {
       return;
     }
     _tab = e20.target.selected;
-    _error = "";
+    _error2 = "";
     renderModal3();
   };
   const goNext = () => {
     if (_tab === "starter" && !_starter) {
-      _error = "Choose a starter site";
+      _error2 = "Choose a starter site";
       renderModal3();
       return;
     }
@@ -297320,7 +297946,7 @@ function renderModal3() {
       return;
     }
     if (_tab === "agent" && !_agentPrompt.trim()) {
-      _error = "Describe the site you want the agent to build";
+      _error2 = "Describe the site you want the agent to build";
       renderModal3();
       return;
     }
@@ -297329,8 +297955,8 @@ function renderModal3() {
       _paramsSeededFor = seedKey;
       if (_tab === "starter") {
         const meta = _starters.find((s2) => s2.id === _starter);
-        if (meta && !_form.description.trim()) {
-          _form.description = meta.tagline;
+        if (meta && !_form2.description.trim()) {
+          _form2.description = meta.tagline;
         }
         resetDesignFields({
           ...meta?.accent ? { accent: meta.accent } : {},
@@ -297343,7 +297969,7 @@ function renderModal3() {
       }
     }
     _step = "params";
-    _error = "";
+    _error2 = "";
     renderModal3();
   };
   const goBack = () => {
@@ -297351,51 +297977,51 @@ function renderModal3() {
       return;
     }
     _step = "source";
-    _error = "";
+    _error2 = "";
     renderModal3();
   };
   const onSubmit = async () => {
-    if (!_form.name.trim()) {
-      _error = "Project name is required";
+    if (!_form2.name.trim()) {
+      _error2 = "Project name is required";
       renderModal3();
       return;
     }
-    if (!_form.directory.trim()) {
-      _form.directory = deriveSlug(_form.name);
+    if (!_form2.directory.trim()) {
+      _form2.directory = deriveSlug2(_form2.name);
     }
     _creating = true;
-    _error = "";
+    _error2 = "";
     renderModal3();
     try {
       const design = collectDesign();
       const result = await getPlatform().createProject({
-        ..._form,
+        ..._form2,
         ..._tab === "starter" && _starter ? { starter: _starter } : { template: _template },
         ...design ? { design } : {}
       });
       finish(result);
     } catch (error) {
       _creating = false;
-      _error = errorMessage(error);
+      _error2 = errorMessage(error);
       renderModal3();
     }
   };
   const onAgentSubmit = async () => {
-    if (!_form.name.trim()) {
-      _error = "Project name is required";
+    if (!_form2.name.trim()) {
+      _error2 = "Project name is required";
       renderModal3();
       return;
     }
-    if (!_form.directory.trim()) {
-      _form.directory = deriveSlug(_form.name);
+    if (!_form2.directory.trim()) {
+      _form2.directory = deriveSlug2(_form2.name);
     }
     _creating = true;
-    _error = "";
+    _error2 = "";
     renderModal3();
     try {
       const design = collectDesign();
       const result = await getPlatform().createProject({
-        ..._form,
+        ..._form2,
         template: "blank",
         ...design ? { design } : {}
       });
@@ -297403,7 +298029,7 @@ function renderModal3() {
       finish(result);
     } catch (error) {
       _creating = false;
-      _error = errorMessage(error);
+      _error2 = errorMessage(error);
       renderModal3();
     }
   };
@@ -297493,7 +298119,7 @@ function renderModal3() {
       <span class="new-project-label">Project Name *</span>
       <sp-textfield
         placeholder="My Site"
-        .value=${_form.name}
+        .value=${_form2.name}
         @input=${onInput2("name")}
         style="width: 100%"
       ></sp-textfield>
@@ -297503,7 +298129,7 @@ function renderModal3() {
       <span class="new-project-label">Directory</span>
       <sp-textfield
         placeholder="my-site"
-        .value=${_form.directory}
+        .value=${_form2.directory}
         @input=${onInput2("directory")}
         style="width: 100%"
       ></sp-textfield>
@@ -297518,7 +298144,7 @@ function renderModal3() {
             <span class="new-project-label">Description</span>
             <sp-textfield
               placeholder="A short description of the site"
-              .value=${_form.description}
+              .value=${_form2.description}
               @input=${onInput2("description")}
               style="width: 100%"
             ></sp-textfield>
@@ -297528,7 +298154,7 @@ function renderModal3() {
             <span class="new-project-label">Production URL</span>
             <sp-textfield
               placeholder="https://example.com"
-              .value=${_form.url}
+              .value=${_form2.url}
               @input=${onInput2("url")}
               style="width: 100%"
             ></sp-textfield>
@@ -297536,7 +298162,7 @@ function renderModal3() {
 
           <label class="new-project-field">
             <span class="new-project-label">Deployment Adapter</span>
-            <sp-picker label="Adapter" .value=${_form.adapter} @change=${onAdapterChange}>
+            <sp-picker label="Adapter" .value=${_form2.adapter} @change=${onAdapterChange}>
               <sp-menu-item value="static">Static</sp-menu-item>
               <sp-menu-item value="cloudflare-pages">Cloudflare Pages</sp-menu-item>
               <sp-menu-item value="node">Node</sp-menu-item>
@@ -297580,7 +298206,7 @@ function renderModal3() {
       ${primary}
     `;
   };
-  const bodyTpl = () => {
+  const bodyTpl2 = () => {
     if (isImportRunning()) {
       return renderImportProgress();
     }
@@ -297613,16 +298239,16 @@ function renderModal3() {
             </div>
           ` : ""}
       <div class="new-project-modal-body">
-        ${bodyTpl()}
-        ${_tab !== "import" && _error ? html3`<div class="new-project-error">${_error}</div>` : ""}
+        ${bodyTpl2()}
+        ${_tab !== "import" && _error2 ? html3`<div class="new-project-error">${_error2}</div>` : ""}
       </div>
       <div class="new-project-modal-footer">${footerTpl()}</div>
     </div>
   `;
-  if (!_handle4) {
-    _handle4 = openModal(tpl);
+  if (!_handle5) {
+    _handle5 = openModal(tpl);
   } else {
-    _handle4.update(tpl);
+    _handle5.update(tpl);
   }
 }
 var _dirDerived = true;
@@ -297677,11 +298303,11 @@ function mount4(rootEl, ctx) {
         tab.history.index;
         tab.history.snapshots.length;
       }
-      render6();
+      render7();
     });
   });
 }
-function render6() {
+function render7() {
   if (!_rootEl || !_ctx9) {
     return;
   }
@@ -297712,7 +298338,7 @@ function recentMenuTpl(ctx) {
       handleNewProject();
     } else if (val === "__clear__") {
       clearRecentProjects();
-      render6();
+      render7();
     } else {
       ctx.openRecentProject(val);
     }
@@ -297732,7 +298358,7 @@ function recentMenuTpl(ctx) {
                         @click=${(e20) => {
     e20.stopPropagation();
     removeRecentProject(p2.root);
-    render6();
+    render7();
   }}
                       >
                         <sp-icon-close slot="icon"></sp-icon-close>
@@ -297829,7 +298455,7 @@ function minimalToolbarTemplate(ctx) {
       @click=${() => {
     view.rightPanelCollapsed = !view.rightPanelCollapsed;
     applyPanelCollapse();
-    render6();
+    render7();
   }}
     >
       ${view.rightPanelCollapsed ? html3`<sp-icon-rail-right-open slot="icon"></sp-icon-rail-right-open>` : html3`<sp-icon-rail-right-close slot="icon"></sp-icon-rail-right-close>`}
@@ -297980,6 +298606,7 @@ function toolbarTemplate() {
       ${recentProjectsTpl}
     </div>
     ${tbBtnTpl("Manage", openBrowseModal, "sp-icon-view-list")}
+    ${tbBtnTpl("Publish", openPublishPanel)}
     <sp-action-button size="s" title="Save" ?disabled=${!canSave} @click=${ctx.saveFile}>
       ${toolbarIconMap["sp-icon-save-floppy"]}<span class="tb-label">Save</span>
     </sp-action-button>
@@ -298032,7 +298659,7 @@ function toolbarTemplate() {
       @click=${() => {
     view.rightPanelCollapsed = !view.rightPanelCollapsed;
     applyPanelCollapse();
-    render6();
+    render7();
   }}
     >
       ${view.rightPanelCollapsed ? html3`<sp-icon-rail-right-open slot="icon"></sp-icon-rail-right-open>` : html3`<sp-icon-rail-right-close slot="icon"></sp-icon-rail-right-close>`}
@@ -298064,7 +298691,7 @@ function isTextInput(el) {
   return false;
 }
 function createPanelScheduler(opts) {
-  const { root: root2, render: render7, blockWhile } = opts;
+  const { root: root2, render: render8, blockWhile } = opts;
   let editing = false;
   let scheduled = false;
   let pending = false;
@@ -298084,7 +298711,7 @@ function createPanelScheduler(opts) {
     pending = false;
     rendering = true;
     try {
-      render7();
+      render8();
     } finally {
       rendering = false;
     }
@@ -308851,14 +309478,14 @@ function emphasis(node, _, state3, info) {
     between = encodeCharacterReference(betweenHead) + between.slice(1);
   }
   const betweenTail = between.charCodeAt(between.length - 1);
-  const close = encodeInfo(info.after.charCodeAt(0), betweenTail, marker2);
-  if (close.inside) {
+  const close2 = encodeInfo(info.after.charCodeAt(0), betweenTail, marker2);
+  if (close2.inside) {
     between = between.slice(0, -1) + encodeCharacterReference(betweenTail);
   }
   const after2 = tracker.move(marker2);
   exit();
   state3.attentionEncodeSurroundingInfo = {
-    after: close.outside,
+    after: close2.outside,
     before: open2.outside
   };
   return before + between + after2;
@@ -309460,14 +310087,14 @@ function strong(node2, _, state3, info) {
     between = encodeCharacterReference(betweenHead) + between.slice(1);
   }
   const betweenTail = between.charCodeAt(between.length - 1);
-  const close = encodeInfo(info.after.charCodeAt(0), betweenTail, marker2);
-  if (close.inside) {
+  const close2 = encodeInfo(info.after.charCodeAt(0), betweenTail, marker2);
+  if (close2.inside) {
     between = between.slice(0, -1) + encodeCharacterReference(betweenTail);
   }
   const after2 = tracker.move(marker2 + marker2);
   exit();
   state3.attentionEncodeSurroundingInfo = {
-    after: close.outside,
+    after: close2.outside,
     before: open2.outside
   };
   return before + between + after2;
@@ -310323,9 +310950,9 @@ function tokenizeAttention(effects, ok4) {
     const after2 = classifyCharacter(code3);
     ok2(attentionMarkers, "expected `attentionMarkers` to be populated");
     const open2 = !after2 || after2 === constants2.characterGroupPunctuation && before || attentionMarkers.includes(code3);
-    const close = !before || before === constants2.characterGroupPunctuation && after2 || attentionMarkers.includes(previous2);
-    token._open = Boolean(marker2 === codes.asterisk ? open2 : open2 && (before || !close));
-    token._close = Boolean(marker2 === codes.asterisk ? close : close && (after2 || !open2));
+    const close2 = !before || before === constants2.characterGroupPunctuation && after2 || attentionMarkers.includes(previous2);
+    token._open = Boolean(marker2 === codes.asterisk ? open2 : open2 && (before || !close2));
+    token._close = Boolean(marker2 === codes.asterisk ? close2 : close2 && (after2 || !open2));
     return ok4(code3);
   }
 }
@@ -312499,7 +313126,7 @@ function resolveToLabelEnd(events, context) {
   let offset4 = 0;
   let token;
   let open2;
-  let close;
+  let close2;
   let media;
   while (index2--) {
     token = events[index2][1];
@@ -312510,7 +313137,7 @@ function resolveToLabelEnd(events, context) {
       if (events[index2][0] === "enter" && token.type === types.labelLink) {
         token._inactive = true;
       }
-    } else if (close) {
+    } else if (close2) {
       if (events[index2][0] === "enter" && (token.type === types.labelImage || token.type === types.labelLink) && !token._balanced) {
         open2 = index2;
         if (token.type !== types.labelLink) {
@@ -312519,11 +313146,11 @@ function resolveToLabelEnd(events, context) {
         }
       }
     } else if (token.type === types.labelEnd) {
-      close = index2;
+      close2 = index2;
     }
   }
   ok2(open2 !== undefined, "`open` is supposed to be found");
-  ok2(close !== undefined, "`close` is supposed to be found");
+  ok2(close2 !== undefined, "`close` is supposed to be found");
   const group = {
     type: events[open2][1].type === types.labelLink ? types.link : types.image,
     start: { ...events[open2][1].start },
@@ -312532,12 +313159,12 @@ function resolveToLabelEnd(events, context) {
   const label = {
     type: types.label,
     start: { ...events[open2][1].start },
-    end: { ...events[close][1].end }
+    end: { ...events[close2][1].end }
   };
   const text6 = {
     type: types.labelText,
     start: { ...events[open2 + offset4 + 2][1].end },
-    end: { ...events[close - 2][1].start }
+    end: { ...events[close2 - 2][1].start }
   };
   media = [
     ["enter", group, context],
@@ -312546,14 +313173,14 @@ function resolveToLabelEnd(events, context) {
   media = push(media, events.slice(open2 + 1, open2 + offset4 + 3));
   media = push(media, [["enter", text6, context]]);
   ok2(context.parser.constructs.insideSpan.null, "expected `insideSpan.null` to be populated");
-  media = push(media, resolveAll(context.parser.constructs.insideSpan.null, events.slice(open2 + offset4 + 4, close - 3), context));
+  media = push(media, resolveAll(context.parser.constructs.insideSpan.null, events.slice(open2 + offset4 + 4, close2 - 3), context));
   media = push(media, [
     ["exit", text6, context],
-    events[close - 2],
-    events[close - 1],
+    events[close2 - 2],
+    events[close2 - 1],
     ["exit", label, context]
   ]);
-  media = push(media, events.slice(close + 1));
+  media = push(media, events.slice(close2 + 1));
   media = push(media, [["exit", group, context]]);
   splice3(events, open2, events.length, media);
   return events;
@@ -313871,17 +314498,17 @@ function tokenizeTasklistCheck(effects, ok4, nok) {
       effects.enter("taskListCheckValueUnchecked");
       effects.consume(code3);
       effects.exit("taskListCheckValueUnchecked");
-      return close;
+      return close2;
     }
     if (code3 === codes.uppercaseX || code3 === codes.lowercaseX) {
       effects.enter("taskListCheckValueChecked");
       effects.consume(code3);
       effects.exit("taskListCheckValueChecked");
-      return close;
+      return close2;
     }
     return nok(code3);
   }
-  function close(code3) {
+  function close2(code3) {
     if (code3 === codes.rightSquareBracket) {
       effects.enter("taskListCheckMarker");
       effects.consume(code3);
@@ -314451,7 +315078,7 @@ function createTokenizer(parser, initialize2, from) {
     previous: codes.eof,
     sliceSerialize,
     sliceStream,
-    write
+    write: write2
   };
   let state3 = initialize2.tokenize.call(context, effects);
   let expectedCode;
@@ -314459,7 +315086,7 @@ function createTokenizer(parser, initialize2, from) {
     resolveAllConstructs.push(initialize2);
   }
   return context;
-  function write(slice) {
+  function write2(slice) {
     chunks = push(chunks, slice);
     main();
     if (chunks[chunks.length - 1] !== codes.eof) {
@@ -315133,8 +315760,8 @@ function compiler(options) {
     };
   }
   function closer(and) {
-    return close;
-    function close(token) {
+    return close2;
+    function close2(token) {
       if (and)
         and.call(this, token);
       exit3.call(this, token);
@@ -316795,17 +317422,17 @@ function markdownToHtml(markdown) {
 }
 
 // src/panels/ai-chat/chat-markdown.ts
-var cache3 = new Map;
+var cache4 = new Map;
 function renderMarkdown3(id, content3) {
-  let entry = cache3.get(id);
+  let entry = cache4.get(id);
   if (!entry || entry.len !== content3.length) {
     entry = { len: content3.length, html: markdownToHtml(content3) };
-    cache3.set(id, entry);
+    cache4.set(id, entry);
   }
   return html3`<div class="ai-msg-md">${unsafeHTML(entry.html)}</div>`;
 }
 function clearMarkdownCache() {
-  cache3.clear();
+  cache4.clear();
 }
 
 // src/panels/ai-chat/chat-view.ts
@@ -317172,7 +317799,7 @@ function createComposer(opts) {
   function focus() {
     textareaEl?.focus();
   }
-  function render7() {
+  function render8() {
     const streaming = opts.isStreaming();
     return html3`
       <div class="ai-composer">
@@ -317212,7 +317839,7 @@ function createComposer(opts) {
       </div>
     `;
   }
-  return { clear, focus, render: render7 };
+  return { clear, focus, render: render8 };
 }
 
 // src/panels/ai-chat/sessions-view.ts
@@ -317283,6 +317910,12 @@ function renderSessionsList(opts) {
 // src/panels/ai-panel.ts
 var mounted2 = false;
 var keyEditing = false;
+var proxyProbe = null;
+function ensureProxyProbe() {
+  proxyProbe ??= fetchAvailableModels({ force: true }).catch(() => {}).then(() => {
+    scheduleAiRender();
+  });
+}
 var view2 = "chat";
 var assistant = createDocumentAssistant();
 globalThis.assistant = assistant;
@@ -317420,7 +318053,10 @@ var composer = createComposer({
   requestRender: scheduleAiRender
 });
 function renderAiPanelTemplate() {
-  if (!hasOpenAiKey() || keyEditing) {
+  if (!hasOpenAiKey() && !isProxyConfigured() || keyEditing) {
+    if (!keyEditing) {
+      ensureProxyProbe();
+    }
     return renderKeyGate();
   }
   if (view2 === "sessions") {
@@ -317486,11 +318122,11 @@ function mount5(ctx) {
       tab2.session.ui.styleFilter;
       tab2.session.ui.styleFilterActive;
       tab2.session.ui.inspectorSections;
-      render7();
+      render8();
     });
   });
 }
-function render7() {
+function render8() {
   _scheduler?.schedule();
 }
 var _propsContainer = null;
@@ -317549,7 +318185,7 @@ function _doRender() {
       const sel = e20.target.selected;
       if (sel && sel !== tab2) {
         updateUi("rightTab", sel);
-        render7();
+        render8();
       }
     }}
         >
@@ -317849,11 +318485,11 @@ function mount6(ctx) {
         tab2.session.ui.gitLoading;
         tab2.session.ui.gitError;
       }
-      render8();
+      render9();
     });
   });
 }
-function render8() {
+function render9() {
   _scheduler2?.schedule();
 }
 function _doRender2() {
@@ -317897,7 +318533,7 @@ function _render() {
     if (tree) {
       ctx.setupTreeKeyboard(tree);
     }
-    ctx.registerFileTreeDnD({ renderLeftPanel: render8 });
+    ctx.registerFileTreeDnD({ renderLeftPanel: render9 });
     return;
   }
   if (tab2 === "git") {
@@ -317909,7 +318545,7 @@ function _render() {
   if (tab2 === "blocks") {
     const content4 = renderElementsTemplate({
       defaultDef: ctx.defaultDef,
-      rerender: render8,
+      rerender: render9,
       webdata: ctx.webdata
     });
     render2(html3`<div class="panel-body">${content4}</div>`, leftPanel);
@@ -317938,7 +318574,7 @@ function _render() {
       stylebookMeta: stylebook_meta_default
     }) : renderLayersTemplate({
       navigateToComponent: ctx.navigateToComponent,
-      rerender: render8
+      rerender: render9
     });
   } else if (tab2 === "imports") {
     content3 = ctx.renderImportsTemplate({
@@ -317947,12 +318583,12 @@ function _render() {
       },
       documentElements: S.document.$elements || [],
       documentPath: S.documentPath,
-      renderLeftPanel: render8
+      renderLeftPanel: render9
     });
   } else if (tab2 === "state") {
     content3 = ctx.renderSignalsTemplate(S, {
       renderCanvas: ctx.renderCanvas,
-      renderLeftPanel: render8,
+      renderLeftPanel: render9,
       updateSession
     });
   } else if (tab2 === "data") {
@@ -317960,7 +318596,7 @@ function _render() {
       defBadgeLabel: ctx.defBadgeLabel,
       defCategory: ctx.defCategory,
       renderCanvas: ctx.renderCanvas,
-      renderLeftPanel: render8
+      renderLeftPanel: render9
     });
   } else if (tab2 === "head") {
     const isContent = S.mode === "content";
@@ -317981,12 +318617,12 @@ function _render() {
         }
         const newHead = tmp.$head && tmp.$head.length > 0 ? tmp.$head : undefined;
         mutateUpdateFrontmatter(tabNow, "$head", newHead);
-        render8();
+        render9();
       } : (fn) => {
         transact(activeTab.value, fn);
       },
       document: headDoc,
-      renderLeftPanel: render8
+      renderLeftPanel: render9
     });
   } else {
     content3 = nothing;
@@ -318017,11 +318653,11 @@ function mount7(host) {
         tab2.doc.dirty;
         tab2.documentPath;
       }
-      render9();
+      render10();
     });
   });
 }
-function render9() {
+function render10() {
   if (!_host) {
     return;
   }
@@ -318120,11 +318756,11 @@ function mount8(host, ctx) {
         tab2.session.ui.previewParams;
         tab2.session.ui.showLayout;
       }
-      render10();
+      render11();
     });
   });
 }
-function render10() {
+function render11() {
   if (!_host2 || !_ctx12) {
     return;
   }
@@ -318277,7 +318913,7 @@ function paramValuesFor(tab2) {
     }
     _paramValues = values2;
     autoSelectParams(tab2, values2);
-    render10();
+    render11();
   });
   return _paramValues;
 }
@@ -318516,6 +319152,7 @@ function registerCanvasDndBridge() {
 
 // src/studio.ts
 init_recent_projects();
+init_settings_store();
 function getCanvasMode() {
   const ui = activeTab.value?.session.ui;
   const base2 = ui?.canvasMode ?? "design";
@@ -318833,9 +319470,9 @@ mount6({
   setupTreeKeyboard,
   webdata: webdata_default
 });
-registerRenderer("leftPanel", () => render8());
+registerRenderer("leftPanel", () => render9());
 registerRenderer("canvas", () => renderCanvas());
-registerRenderer("rightPanel", () => render7());
+registerRenderer("rightPanel", () => render8());
 registerRenderer("overlays", () => render4());
 setStatusbarRenderer(() => renderStatusbar());
 mountStatusbar();
@@ -318850,7 +319487,7 @@ canvasWrap.addEventListener("click", (e20) => {
   activeTab.value.session.selection = null;
 });
 function safeRenderRightPanel() {
-  render7();
+  render8();
 }
 registerFunctionCompletions();
 var fsUnsub = null;
@@ -318983,14 +319620,17 @@ if (_projectParam) {
   ensureFsSync();
 }
 hydrateRecentProjects().then(() => {
-  render6();
+  render7();
+  render();
+});
+hydrateProjectList().then(() => {
   render();
 });
 hydrateSettings().then(() => {
   render();
 });
 function renderLeftPanel() {
-  render8();
+  render9();
 }
 function loadProject2() {
   return loadProject();
@@ -319063,7 +319703,7 @@ async function openRecentProject(root6) {
     maybePromptJxsuiteUpdate(root6);
   } catch (error) {
     removeRecentProject(root6);
-    render6();
+    render7();
     render();
     statusMessage(`Error: ${errorMessage(error)}`);
   }
@@ -319120,5 +319760,5 @@ effect(() => {
   }
 });
 
-//# debugId=C561D7C6126277AA64756E2164756E21
+//# debugId=DD8AF3657118F85C64756E2164756E21
 //# sourceMappingURL=studio.js.map