@spotpatch/runtime 1.13.0 → 1.15.0

package/dist/index.d.cts

@@ -1,23 +1,23 @@
 import { SpotPatchRuntimeConfig } from '@spotpatch/shared';
-export { D as DataFlowComponentRegistration, a as DataFlowInvocationToken, b as DataFlowRequestFrame, c as DataFlowRequestMetadata, d as DataFlowRuntime, e as DataFlowTriggerMetadata, f as createDataFlowRuntime, g as getDataFlowRuntime, i as installDataFlowPrelude } from './data-flow-runtime-DMmV0d3E.cjs';
+export { D as DataFlowComponentRegistration, a as DataFlowInvocationToken, b as DataFlowRequestFrame, c as DataFlowRequestMetadata, d as DataFlowRuntime, e as DataFlowTriggerMetadata, f as createDataFlowRuntime, g as getDataFlowRuntime, i as installDataFlowPrelude } from './data-flow-runtime-CacBbxN0.cjs';
 export { mergeComponentDataFlowReport, mergePageDataFlowReport } from './data-flow.cjs';
 import '@spotpatch/shared/data-flow-runtime';
 
-type RuntimeConfig = SpotPatchRuntimeConfig;
-
-declare function bootstrapSpotPatch(config: RuntimeConfig): void;
-
 type RuntimeStatus = "idle" | "inspecting" | "selected" | "previewing";
 interface RuntimeState {
     readonly status: RuntimeStatus;
 }
 
+type RuntimeConfig = SpotPatchRuntimeConfig;
+
 interface SpotPatchController {
     readonly dispose: () => void;
     readonly getState: () => RuntimeState;
     readonly mount: () => void;
 }
 
+declare function bootstrapSpotPatch(config: RuntimeConfig): SpotPatchController;
+
 declare const UI_MARKER_ATTRIBUTE: "data-spotpatch-ui";
 
 export { type RuntimeConfig, type SpotPatchController, UI_MARKER_ATTRIBUTE, bootstrapSpotPatch };

package/dist/index.d.ts

@@ -1,23 +1,23 @@
 import { SpotPatchRuntimeConfig } from '@spotpatch/shared';
-export { D as DataFlowComponentRegistration, a as DataFlowInvocationToken, b as DataFlowRequestFrame, c as DataFlowRequestMetadata, d as DataFlowRuntime, e as DataFlowTriggerMetadata, f as createDataFlowRuntime, g as getDataFlowRuntime, i as installDataFlowPrelude } from './data-flow-runtime-DMmV0d3E.js';
+export { D as DataFlowComponentRegistration, a as DataFlowInvocationToken, b as DataFlowRequestFrame, c as DataFlowRequestMetadata, d as DataFlowRuntime, e as DataFlowTriggerMetadata, f as createDataFlowRuntime, g as getDataFlowRuntime, i as installDataFlowPrelude } from './data-flow-runtime-CacBbxN0.js';
 export { mergeComponentDataFlowReport, mergePageDataFlowReport } from './data-flow.js';
 import '@spotpatch/shared/data-flow-runtime';
 
-type RuntimeConfig = SpotPatchRuntimeConfig;
-
-declare function bootstrapSpotPatch(config: RuntimeConfig): void;
-
 type RuntimeStatus = "idle" | "inspecting" | "selected" | "previewing";
 interface RuntimeState {
     readonly status: RuntimeStatus;
 }
 
+type RuntimeConfig = SpotPatchRuntimeConfig;
+
 interface SpotPatchController {
     readonly dispose: () => void;
     readonly getState: () => RuntimeState;
     readonly mount: () => void;
 }
 
+declare function bootstrapSpotPatch(config: RuntimeConfig): SpotPatchController;
+
 declare const UI_MARKER_ATTRIBUTE: "data-spotpatch-ui";
 
 export { type RuntimeConfig, type SpotPatchController, UI_MARKER_ATTRIBUTE, bootstrapSpotPatch };

package/dist/index.js

@@ -1,3 +1,6 @@
+import {
+  getContextualAskExtension
+} from "./chunk-PXJKFEUJ.js";
 import {
   getDataFlowExtension
 } from "./chunk-NII5OBAN.js";
@@ -7,7 +10,7 @@ import {
   installDataFlowPrelude,
   mergeComponentDataFlowReport,
   mergePageDataFlowReport
-} from "./chunk-2WA6XVA4.js";
+} from "./chunk-DCN6OMLH.js";
 import {
   getExternalHandoffExtension
 } from "./chunk-ASRUAKA5.js";
@@ -304,7 +307,7 @@ function readSuccessData(value) {
   return value.data;
 }
 function isCodeContext(value) {
-  return isRecord2(value) && typeof value.relativePath === "string" && (value.language === "tsx" || value.language === "jsx") && typeof value.startLine === "number" && typeof value.endLine === "number" && typeof value.excerpt === "string" && (value.boundary === "component" || value.boundary === "nearby-lines");
+  return isRecord2(value) && typeof value.relativePath === "string" && (value.language === "tsx" || value.language === "jsx" || value.language === "astro") && typeof value.startLine === "number" && typeof value.endLine === "number" && typeof value.excerpt === "string" && (value.boundary === "component" || value.boundary === "nearby-lines");
 }
 function deepFreezeUnknown(value) {
   if (!isRecord2(value) && !Array.isArray(value)) {
@@ -435,7 +438,7 @@ function omitBrowserCodeContext(request) {
   };
 }
 function runtimeApiErrorCode(error) {
-  return error instanceof RuntimeApiError ? error.code : void 0;
+  return error instanceof RuntimeApiError && isAgentErrorCode(error.code) ? error.code : void 0;
 }
 function createRuntimeApi(options) {
   const pendingRequests = /* @__PURE__ */ new Set();
@@ -1719,7 +1722,11 @@ function createSourceResolver(options) {
       if (marker !== void 0) {
         return Object.freeze({
           react: react2,
-          source: markerSource(marker, "jsx-host", "exact")
+          source: markerSource(
+            marker,
+            marker.kind === "astro" ? "astro-host" : "jsx-host",
+            "exact"
+          )
         });
       }
       if (react2.source !== void 0) {
@@ -4226,7 +4233,7 @@ function createUnavailableDataFlowPanel(document, changesRoot, diagnosticsRoot)
     resetView: () => void 0
   });
 }
-function createRuntimeView(document, shortcut, ai = Object.freeze({ enabled: false }), localePreference = "auto", dataFlowEnabled = false, externalAgentEnabled = false, framework = "vite", sessionId = "") {
+function createRuntimeView(document, shortcut, ai = Object.freeze({ enabled: false }), localePreference = "auto", dataFlowEnabled = false, externalAgentEnabled = false, framework = "vite", sessionId = "", contextualAskEnabled = false) {
   const localizer = createUiLocalizer(document, localePreference);
   const associatedWindow = document.defaultView;
   if (associatedWindow === null) {
@@ -4240,6 +4247,9 @@ function createRuntimeView(document, shortcut, ai = Object.freeze({ enabled: fal
   );
   let messages = localizer.messages();
   let currentStatus = "idle";
+  let contextualAskMode = "change";
+  let contextualAskTitle = "";
+  let contextualAskSubtitle = "";
   let plannerVisible = false;
   let executionSuppressed = false;
   let executionProjection;
@@ -4449,6 +4459,29 @@ function createRuntimeView(document, shortcut, ai = Object.freeze({ enabled: fal
     backButton
   );
   actions.append(editorFeedback, secondaryActions, primaryActions);
+  const contextualAskPanel = contextualAskEnabled ? getContextualAskExtension()?.createPanel({
+    document,
+    locale: localizer.locale,
+    subscribeLocale: localizer.subscribe,
+    changeRoot: dataFlowPanel.root,
+    changeActions: actions,
+    announce,
+    onModeChange(mode, askTitle, askSubtitle) {
+      contextualAskMode = mode;
+      contextualAskTitle = askTitle;
+      contextualAskSubtitle = askSubtitle;
+      if (host.isConnected) renderPanelStatus(currentStatus);
+    },
+    onExecutionChange(projection) {
+      executionProjection = projection;
+      executionSuppressed = false;
+      renderFloatingSurfaceMotion();
+    },
+    onViewChange: requestFloatingSurfaceLayout
+  }) : void 0;
+  if (contextualAskPanel !== void 0) {
+    selectionPanel.prepend(contextualAskPanel.root);
+  }
   shell.append(header, body, actions);
   dialog.append(shell);
   const liveRegion = createMarkedElement(document, "div");
@@ -4459,6 +4492,7 @@ function createRuntimeView(document, shortcut, ai = Object.freeze({ enabled: fal
     createStyles(document),
     ...motionExtension === void 0 ? [] : [motionExtension.createStyles(document)],
     dataFlowPanel.styles,
+    ...contextualAskPanel === void 0 ? [] : [contextualAskPanel.styles],
     ...externalHandoffPanel === void 0 ? [] : [externalHandoffPanel.styles]
   ];
   const styleNonce = resolveStyleNonce(document);
@@ -5011,6 +5045,11 @@ function createRuntimeView(document, shortcut, ai = Object.freeze({ enabled: fal
     previewButton.disabled = !canPreview;
     agentPanel.setContextReady(canPreview);
     externalHandoffPanel?.setContextReady(canPreview);
+    contextualAskPanel?.setSelectionPreview({
+      contextReady: currentTargets.every((target2) => target2.status !== "loading"),
+      targetCount: currentTargets.length,
+      sourceCount: currentTargets.filter((target2) => target2.canOpenEditor).length
+    });
     updateContextOverview(summaryText);
     requestFloatingSurfaceLayout();
   }
@@ -5027,10 +5066,11 @@ function createRuntimeView(document, shortcut, ai = Object.freeze({ enabled: fal
     secondaryActions.hidden = !selected;
     agentPanel.setSelectionVisible(selected);
     externalHandoffPanel?.setSelectionVisible(selected);
+    contextualAskPanel?.setSelectionVisible(selected);
     copyButton.hidden = !previewing;
     backButton.hidden = !previewing;
-    title.textContent = previewing ? messages.dialog.previewTitle : messages.dialog.editTitle;
-    subtitle.textContent = previewing ? messages.dialog.previewSubtitle : messages.dialog.editSubtitle;
+    title.textContent = previewing ? messages.dialog.previewTitle : contextualAskMode === "ask" && contextualAskTitle.length > 0 ? contextualAskTitle : messages.dialog.editTitle;
+    subtitle.textContent = previewing ? messages.dialog.previewSubtitle : contextualAskMode === "ask" && contextualAskSubtitle.length > 0 ? contextualAskSubtitle : messages.dialog.editSubtitle;
     renderFloatingSurfaceMotion();
   }
   function applyMessages() {
@@ -5165,6 +5205,7 @@ function createRuntimeView(document, shortcut, ai = Object.freeze({ enabled: fal
     agentRevertButton: agentPanel.revertButton,
     agentResetButton: agentPanel.resetButton,
     ...externalHandoffPanel === void 0 ? {} : { externalHandoffPanel },
+    ...contextualAskPanel === void 0 ? {} : { contextualAskPanel },
     renderStatus(status) {
       const inspecting = status === "inspecting";
       if (status === "idle" || inspecting) {
@@ -5238,6 +5279,7 @@ function createRuntimeView(document, shortcut, ai = Object.freeze({ enabled: fal
       agentPanel.setSelectionVisible(false);
       externalHandoffPanel?.setContextReady(false);
       externalHandoffPanel?.setSelectionVisible(false);
+      contextualAskPanel?.setSelectionVisible(false);
       agentPanel.setEditingEnabled(true);
       agentPanel.resetJob();
       dataFlowPanel.resetView();
@@ -5378,6 +5420,7 @@ function createRuntimeView(document, shortcut, ai = Object.freeze({ enabled: fal
       unsubscribeLocale();
       dataFlowPanel.dispose();
       externalHandoffPanel?.dispose();
+      contextualAskPanel?.dispose();
       agentPanel.dispose();
       motionController?.dispose();
       executionIslandView.dispose();
@@ -5407,7 +5450,7 @@ function sourceLocation2(resolution, context, messages) {
 function createSelectionSummary(input, messages) {
   const lines = [
     `SpotPatch: ${input.spotPatchVersion}`,
-    `${input.framework === "next" ? "Next.js" : "Vite"}: ${input.frameworkVersion}`,
+    `${{ next: "Next.js", vite: "Vite", astro: "Astro" }[input.framework]}: ${input.frameworkVersion}`,
     `${messages.source}: ${sourceLocation2(input.resolution, input.code, messages)}`,
     `${messages.confidence}: ${input.resolution.source.confidence} (${messages.confidenceLabels[input.resolution.source.confidence]})`,
     `${messages.origin}: ${input.resolution.source.origin}`
@@ -5898,7 +5941,8 @@ function createController(config, dependencies = {}) {
     config.dataFlow.enabled,
     config.externalAgent.enabled,
     config.framework,
-    config.sessionId
+    config.sessionId,
+    config.contextualAsk.enabled
   );
   const api = dependencies.api ?? createRuntimeApi({
     apiBase: config.apiBase,
@@ -6101,6 +6145,19 @@ function createController(config, dependencies = {}) {
       (target2) => target2.instruction.trim().length > 0 && target2.elementContext !== void 0 && target2.styles !== void 0 && target2.apiStatus !== "loading"
     );
   }
+  function selectedAskSelection() {
+    const snapshots = targets.flatMap((target2) => {
+      const snapshot = snapshotTarget(target2);
+      return snapshot === void 0 ? [] : [snapshot];
+    });
+    if (snapshots.length === 0 || snapshots.length !== targets.length) {
+      return void 0;
+    }
+    return Object.freeze({
+      locale: view.locale(),
+      targets: snapshots
+    });
+  }
   function selectionSummary() {
     const messages = view.messages().summary;
     return targets.map((target2, index) => {
@@ -6222,6 +6279,7 @@ ${summary}`;
     api.cancelPending();
     agentWorkflow.disposeSelection();
     externalHandoffWorkflow?.cancelPending();
+    contextualAskWorkflow?.cancelPending();
     clearCollectionTimers();
     resizeObserver?.disconnect();
     targets = [];
@@ -6347,6 +6405,27 @@ ${summary}`;
     config.sessionToken,
     browser.window
   ) : void 0;
+  const contextualAskWorkflow = config.contextualAsk.enabled && view.contextualAskPanel !== void 0 ? getContextualAskExtension()?.createWorkflow({
+    ...clipboard === void 0 ? {} : { clipboard },
+    createId,
+    fetch: browser.window.fetch.bind(browser.window),
+    getSelection: selectedAskSelection,
+    onBusyChange(busy) {
+      view.setAgentEditingEnabled(!busy);
+    },
+    onConvert() {
+      view.focusTargetInstruction(activeTargetId);
+    },
+    async onOpenSource(source2) {
+      await api.openEditor({
+        fileId: source2.fileId,
+        line: source2.startLine,
+        column: 1
+      });
+    },
+    panel: view.contextualAskPanel,
+    sessionToken: config.sessionToken
+  }) : void 0;
   async function loadSourceContext(target2, revision) {
     const marker = target2.marker;
     if (marker === void 0) {
@@ -6460,6 +6539,7 @@ ${summary}`;
       previewPrompt = "";
       agentWorkflow.beginSelection();
       workflowSelectionActive = true;
+      contextualAskWorkflow?.beginSelection();
     }
     targetSequence += 1;
     const target2 = {
@@ -6478,6 +6558,9 @@ ${summary}`;
       dataFlowStatus: "idle"
     };
     targets.push(target2);
+    if (!initialSelection) {
+      contextualAskWorkflow?.selectionChanged();
+    }
     activeTargetId = target2.id;
     addingTarget = false;
     const revision = sessionRevision;
@@ -6594,10 +6677,12 @@ ${summary}`;
       pageDataFlowStatus = "idle";
       renderDataFlowView();
       selectionSession.clear();
+      contextualAskWorkflow?.selectionChanged();
       view.announce(view.messages().announcements.allTargetsRemoved);
       return;
     }
     refreshSelectionView();
+    contextualAskWorkflow?.selectionChanged();
     void loadDataFlowReports();
     persistSelection();
     view.announce(view.messages().announcements.targetRemoved);
@@ -6776,6 +6861,7 @@ ${summary}`;
     }
     mounted = true;
     externalHandoffWorkflow?.mount();
+    contextualAskWorkflow?.mount();
     view.renderStatus(state.status);
     browser.document.addEventListener("pointermove", handlePointerMove, true);
     browser.document.addEventListener("click", handleClick, true);
@@ -6827,6 +6913,7 @@ ${summary}`;
     if (selectionOpen && targets.length > 0) {
       transition({ type: "RESTORE" });
       agentWorkflow.beginSelection();
+      contextualAskWorkflow?.beginSelection();
       workflowSelectionActive = true;
       refreshSelectionView(true);
     }
@@ -6843,6 +6930,7 @@ ${summary}`;
       api.dispose();
       agentWorkflow.disposeSelection();
       externalHandoffWorkflow?.dispose();
+      contextualAskWorkflow?.dispose();
       sourceResolver.dispose();
       return;
     }
@@ -6907,6 +6995,7 @@ ${summary}`;
     api.dispose();
     agentWorkflow.disposeSelection();
     externalHandoffWorkflow?.dispose();
+    contextualAskWorkflow?.dispose();
     sourceResolver.dispose();
     view.dispose();
     state = INITIAL_RUNTIME_STATE;
@@ -6922,6 +7011,7 @@ function bootstrapSpotPatch(config) {
   const controller = createController(config);
   target2[RUNTIME_INSTANCE_KEY] = controller;
   controller.mount();
+  return controller;
 }
 export {
   UI_MARKER_ATTRIBUTE,