@jxsuite/studio 0.35.0 → 0.36.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jxsuite/studio",
-  "version": "0.35.0",
+  "version": "0.36.0",
   "description": "Jx Studio — visual builder for Jx documents",
   "license": "MIT",
   "repository": {
@@ -18,7 +18,8 @@
     ".": "./src/studio.ts",
     "./platform": "./src/platform.ts",
     "./types": "./src/types.ts",
-    "./import-client": "./src/services/import-client.ts"
+    "./import-client": "./src/services/import-client.ts",
+    "./platforms/cloud": "./src/platforms/cloud.ts"
   },
   "publishConfig": {
     "provenance": true
@@ -38,9 +39,11 @@
     "@atlaskit/pragmatic-drag-and-drop": "^2.0.1",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.0.0",
     "@jxsuite/ai": "^0.33.0",
-    "@jxsuite/parser": "^0.35.0",
-    "@jxsuite/runtime": "^0.34.1",
-    "@jxsuite/schema": "^0.34.0",
+    "@jxsuite/create": "^0.36.0",
+    "@jxsuite/parser": "^0.35.1",
+    "@jxsuite/protocol": "^0.2.0",
+    "@jxsuite/runtime": "^0.34.2",
+    "@jxsuite/schema": "^0.35.0",
     "@spectrum-web-components/accordion": "^1.12.1",
     "@spectrum-web-components/action-bar": "1.12.1",
     "@spectrum-web-components/action-button": "^1.12.1",

package/src/panels/ai-panel.ts

@@ -21,6 +21,7 @@ import type { TemplateResult } from "lit-html";
 import { effect, effectScope } from "../reactivity";
 import { createDocumentAssistant } from "../services/document-assistant";
 import { hasOpenAiKey } from "../services/ai-settings";
+import { fetchAvailableModels, isProxyConfigured } from "../services/ai-models";
 import { createAiCredentialsForm } from "../ui/ai-credentials-form";
 import { clearMarkdownCache } from "./ai-chat/chat-markdown";
 import { renderChatHeader, renderMessageList } from "./ai-chat/chat-view";
@@ -36,6 +37,23 @@ let mounted = false;
 /** Whether the OpenAI key form is showing (gate when no key, or re-edit via the gear). */
 let keyEditing = false;
 
+/**
+ * One-time proxy probe: managed platforms (cloud Workers AI) and env-keyed dev servers report
+ * `configured` from /models, unlocking the assistant without a locally stored key. Fired lazily on
+ * the first gated render.
+ */
+let proxyProbe: Promise<void> | null = null;
+
+function ensureProxyProbe() {
+  proxyProbe ??= fetchAvailableModels({ force: true })
+    .catch(() => {
+      // Unreachable proxy — the key gate stays up.
+    })
+    .then(() => {
+      scheduleAiRender();
+    });
+}
+
 /** Which pane the panel shows once the key gate is passed. */
 let view: "chat" | "sessions" = "chat";
 
@@ -245,9 +263,13 @@ const composer = createComposer({
 
 /** @returns {TemplateResult} */
 export function renderAiPanelTemplate(): TemplateResult {
-  // The document assistant authenticates via the AI proxy (an OpenAI-compatible key). Gate the chat
-  // Behind the key form until one is stored locally.
-  if (!hasOpenAiKey() || keyEditing) {
+  /* The document assistant authenticates via the AI proxy. Gate the chat
+     behind the key form until a key is stored locally OR the proxy reports
+     itself configured (managed platforms, env-keyed dev servers). */
+  if ((!hasOpenAiKey() && !isProxyConfigured()) || keyEditing) {
+    if (!keyEditing) {
+      ensureProxyProbe();
+    }
     return renderKeyGate();
   }
 

package/src/panels/toolbar.ts

@@ -5,6 +5,7 @@
  */
 
 import { html, render as litRender, nothing } from "lit-html";
+import { openPublishPanel } from "../publish/publish-panel";
 import { updateSession } from "../store";
 import { redo as tabRedo, undo as tabUndo } from "../tabs/transact";
 import { effect, effectScope } from "../reactivity";
@@ -472,6 +473,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>

package/src/panels/welcome-screen.ts

@@ -5,6 +5,7 @@
  */
 
 import { html, render as litRender, nothing } from "lit-html";
+import { getProjectList } from "../project-list";
 import { clearRecentProjects, getRecentProjects, removeRecentProject } from "../recent-projects";
 import { renderOnly } from "../store";
 import { platformSupportsClone } from "./git-panel";
@@ -27,6 +28,8 @@ export function initWelcome(ctx: WelcomeCtx) {
 export function renderWelcome(host: HTMLElement) {
   const ctx = _ctx as WelcomeCtx;
   const recent = getRecentProjects();
+  // Catalogue entries already in Recent stay in that section only.
+  const catalogue = getProjectList().filter((p) => !recent.some((r) => r.root === p.root));
   const showClone = platformSupportsClone();
 
   litRender(
@@ -84,6 +87,29 @@ export function renderWelcome(host: HTMLElement) {
               : nothing}
           </div>
 
+          ${catalogue.length > 0
+            ? html`
+                <div class="welcome-section">
+                  <h2 class="welcome-section-title">Projects</h2>
+                  ${catalogue.map(
+                    (p) => html`
+                      <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
             ? html`
                 <div class="welcome-section">