@jxsuite/studio 0.34.0 → 0.36.0

package/src/panels/drag-ghost.ts

@@ -26,7 +26,7 @@ function ensureGhost(doc: Document): HTMLElement {
   el.style.cssText =
     "position:fixed;left:0;top:0;z-index:9999;pointer-events:none;display:none;" +
     "padding:2px 8px;border-radius:4px;font-size:12px;line-height:1.4;white-space:nowrap;" +
-    "background:var(--accent,#3b82f6);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.25);" +
+    "background:var(--accent,#3b82f6);color:var(--accent-fg,#fff);box-shadow:0 2px 8px rgba(0,0,0,0.25);" +
     "transform:translate(8px,8px)";
   doc.body.append(el);
   ghostEl = el;

package/src/panels/git-panel.ts

@@ -23,6 +23,7 @@ import { view } from "../view";
 import { showConfirmDialog, showDialog } from "../ui/layers";
 import { statusMessage } from "./statusbar";
 import { publishToGithub } from "../github/github-publish";
+import { pullWithPackageSync } from "../packages/pull-package-sync";
 
 interface GitLogEntry {
   hash: string;
@@ -141,6 +142,20 @@ async function gitAction(action: string, body?: unknown) {
   }
 }
 
+/** Pull via the package-aware orchestrator; same loading/error contract as gitAction. */
+async function doPull() {
+  updateUi("gitLoading", true);
+  updateUi("gitError", null);
+  try {
+    await pullWithPackageSync();
+    await refreshGitStatus();
+  } catch (error) {
+    updateUi("gitError", errorMessage(error));
+    updateUi("gitLoading", false);
+    renderOnly("leftPanel");
+  }
+}
+
 let _pollTimer = null as ReturnType<typeof setInterval> | null;
 let _lastUpdated = null as Date | null;
 let _gitSubTab = "changes";
@@ -315,7 +330,7 @@ export function renderGitPanel(
             </sp-action-button>
             <sp-action-button
               title="Pull${status?.behind ? ` (${status.behind} behind)` : ""}"
-              @click=${() => gitAction("gitPull")}
+              @click=${() => void doPull()}
               ?disabled=${loading}
             >
               <sp-icon-arrow-down slot="icon" size="xs"></sp-icon-arrow-down>

package/src/panels/right-panel.ts

@@ -10,7 +10,8 @@ import { rightPanel, updateUi } from "../store";
 import { effect, effectScope } from "../reactivity";
 import { createPanelScheduler } from "./panel-scheduler";
 import type { PanelScheduler } from "./panel-scheduler";
-import { activeTab } from "../workspace/workspace";
+import { activeTab, workspace } from "../workspace/workspace";
+import { consumePendingAgentPrompt, hasPendingAgentPrompt } from "../services/agent-seed";
 import { tabIcon } from "./activity-bar";
 import { eventsSidebarTemplate } from "./events-panel";
 import { isCustomElementDoc } from "./signals-panel";
@@ -22,9 +23,9 @@ import { renderPropertiesPanelTemplate } from "./properties-panel";
 import type { EffectScope } from "@vue/reactivity";
 import {
   renderAiPanelTemplate,
+  bindAiPanelHost,
   mountAiPanel,
-  mountQuikChat,
-  registerRightPanelRender,
+  seedAssistantPrompt,
 } from "./ai-panel";
 
 interface RightPanelCtx {
@@ -47,7 +48,6 @@ let _scheduler: PanelScheduler | null = null;
 export function mount(ctx: RightPanelCtx) {
   _ctx = ctx;
   mountAiPanel();
-  registerRightPanelRender(render);
   _scheduler = createPanelScheduler({
     blockWhile: isColorPopoverOpen,
     render: _doRender,
@@ -116,6 +116,9 @@ function _ensureContainers() {
   _assistantContainer = document.createElement("div");
   _assistantContainer.className = "panel-body";
   _assistantContainer.style.cssText = "display:flex;flex-direction:column;overflow:hidden";
+  // The AI panel owns a focus-guard-free rAF render loop into this container so
+  // Streaming repaints while the composer is focused (see ai-panel.ts).
+  bindAiPanelHost(_assistantContainer);
 }
 
 function _doRender() {
@@ -135,6 +138,12 @@ function _doRender() {
       selection: aTab.session.selection,
       ui: aTab.session.ui,
     };
+    // A pending agent prompt (stored by the New Project flow, possibly from another window)
+    // Forces the Assistant tab open — same updateUi mechanism the automation hook uses.
+    const root = workspace.projectRoot;
+    if (root && S.ui.rightTab !== "assistant" && hasPendingAgentPrompt(root)) {
+      updateUi("rightTab", "assistant");
+    }
     const tab = S.ui.rightTab;
 
     // Render tabs header
@@ -217,9 +226,16 @@ function _doRender() {
       }
     } else if (tab === "assistant") {
       litRender(renderAiPanelTemplate(), _assistantContainer!);
+      if (root) {
+        // Consume-on-read keeps repeated renders idempotent; seed after the panel template
+        // Has rendered so the assistant machinery is in place.
+        const prompt = consumePendingAgentPrompt(root);
+        if (prompt) {
+          requestAnimationFrame(() => void seedAssistantPrompt(prompt));
+        }
+      }
     }
   } catch (error) {
     console.error("right-panel render error:", error);
   }
-  requestAnimationFrame(() => mountQuikChat());
 }

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">