@inspecto-dev/core 0.3.10 → 0.3.11

package/dist/index.cjs

@@ -172,7 +172,7 @@ var init_annotate_session = __esm({
 });
 
 // src/styles-classes.ts
-var overlayClass, menuClass, menuTitleClass, menuMetaClass, menuSectionClass, menuItemClass, loadingSpinnerClass, errorMsgClass, badgeClass, menuInputClass, menuInputWrapperClass, menuInputIconClass, menuContextSummaryClass, menuContextPreviewClass, menuContextToggleClass, runtimeToggleClass, runtimeToggleIconClass, runtimeToggleBadgeClass, annotateSidebarClass, annotateSidebarHeaderClass, annotateSidebarSectionClass, annotateTargetListClass, annotateQueueListClass, annotateBadgeClass, annotateSidebarFooterClass, annotateSidebarActionsClass, annotateSidebarButtonClass, annotateSidebarInputClass, annotateSidebarSelectClass, annotateSidebarTextClass, annotateSidebarEmptyClass, annotateSidebarQueueMetaClass, annotateSidebarQueueItemClass, annotateSidebarTargetItemClass, annotateSidebarLabelClass, annotateSidebarInlineActionClass, annotateSidebarChipListClass, annotateSidebarChipClass, annotateSidebarChipPanelClass, annotateSidebarChipFieldClass, annotateSidebarHintClass, tooltipClass, tooltipTopClass, tooltipBottomClass, tagClass, idClass, classClass, dimClass, separatorClass, sourceClass, shortcutIconClass;
+var overlayClass, menuClass, menuTitleClass, menuMetaClass, menuSectionClass, menuItemClass, loadingSpinnerClass, errorMsgClass, badgeClass, menuInputClass, menuInputWrapperClass, menuInputIconClass, menuContextSummaryClass, menuContextPreviewClass, menuContextToggleClass, runtimeToggleClass, runtimeToggleIconClass, runtimeToggleBadgeClass, annotateSidebarClass, annotateSidebarHeaderClass, annotateSidebarSectionClass, annotateTargetListClass, annotateQueueListClass, annotateBadgeClass, annotateSidebarFooterClass, annotateSidebarActionsClass, annotateSidebarButtonClass, annotateSidebarInputClass, annotateSidebarSelectClass, annotateSidebarTextClass, annotateSidebarEmptyClass, annotateSidebarQueueMetaClass, annotateSidebarQueueItemClass, annotateSidebarTargetItemClass, annotateSidebarLabelClass, annotateSidebarInlineActionClass, annotateSidebarChipListClass, annotateSidebarChipClass, annotateSidebarChipPanelClass, annotateSidebarChipFieldClass, annotateSidebarHintClass, annotateConfirmDialogClass, tooltipClass, tooltipTopClass, tooltipBottomClass, tagClass, idClass, classClass, dimClass, separatorClass, sourceClass, shortcutIconClass;
 var init_styles_classes = __esm({
   "src/styles-classes.ts"() {
     "use strict";
@@ -217,6 +217,7 @@ var init_styles_classes = __esm({
     annotateSidebarChipPanelClass = "inspecto-annotate-sidebar-chip-panel";
     annotateSidebarChipFieldClass = "inspecto-annotate-sidebar-chip-field";
     annotateSidebarHintClass = "inspecto-annotate-sidebar-hint";
+    annotateConfirmDialogClass = "inspecto-annotate-confirm-dialog";
     tooltipClass = "inspecto-tooltip";
     tooltipTopClass = "inspecto-tooltip-top";
     tooltipBottomClass = "inspecto-tooltip-bottom";
@@ -573,7 +574,7 @@ var init_styles_annotate = __esm({
   .${annotateSidebarSectionClass}[data-variant="modes"] .${annotateSidebarButtonClass}[data-role="mode"] { flex: 1 1 0; justify-content: center; padding: 8px 10px; background: transparent; border-color: transparent; color: var(--inspecto-text-secondary); }
   .${annotateSidebarHeaderClass} .${annotateSidebarButtonClass} { width: 30px; height: 30px; padding: 0; border-radius: var(--inspecto-radius-pill); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; line-height: 1; flex: 0 0 auto; }
   .${annotateSidebarHeaderClass} .${runtimeToggleClass} { overflow: visible; }
-  .${annotateSidebarHeaderClass} [data-inspecto-annotate-header-actions="true"] { padding: 4px; border-radius: 999px; background: rgba(255, 255, 255, 0.025); border: 1px solid rgba(255, 255, 255, 0.05); gap: 4px; flex-wrap: nowrap; flex: 0 0 auto; margin-top: 1px; }
+  .${annotateSidebarHeaderClass} [data-inspecto-annotate-header-actions-left="true"], .${annotateSidebarHeaderClass} [data-inspecto-annotate-header-actions-right="true"] { padding: 4px; border-radius: 999px; background: rgba(255, 255, 255, 0.025); border: 1px solid rgba(255, 255, 255, 0.05); gap: 4px; flex-wrap: nowrap; flex: 0 0 auto; margin-top: 1px; }
   .${annotateSidebarButtonClass}:hover { background: var(--inspecto-surface-hover); color: #ffffff; border-color: rgba(148, 163, 184, 0.12); transform: translateY(-1px); }
   .${annotateSidebarButtonClass}:disabled { opacity: 0.5; cursor: not-allowed; }
   .${annotateSidebarClass} .${annotateSidebarButtonClass}.primary {
@@ -653,6 +654,73 @@ var init_styles_annotate = __esm({
   .${annotateSidebarSectionClass}[data-variant="full-prompt"] > summary { list-style: none; cursor: pointer; font-size: 10px; font-weight: 600; color: var(--inspecto-text-tertiary); text-transform: none; letter-spacing: 0.01em; }
   .${annotateSidebarSectionClass}[data-variant="full-prompt"] > summary::-webkit-details-marker { display: none; }
   .${annotateSidebarTextClass}[data-variant="full-prompt"] { margin: 6px 0 0; padding: 9px 10px; border: 1px solid var(--inspecto-border-muted); border-radius: var(--inspecto-radius-sm); background: rgba(255, 255, 255, 0.02); color: var(--inspecto-text-secondary); font-family: 'SF Mono', 'Fira Code', ui-monospace, monospace; font-size: 10px; line-height: 1.5; white-space: pre-wrap; word-break: break-word; max-height: 220px; overflow: auto; }
+  
+  .${annotateConfirmDialogClass} {
+    position: absolute;
+    inset: 0;
+    z-index: 100;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(13, 20, 31, 0.5);
+    backdrop-filter: blur(4px);
+    -webkit-backdrop-filter: blur(4px);
+    border-radius: 28px;
+  }
+  .${annotateConfirmDialogClass} .content {
+    width: calc(100% - 48px);
+    background: rgba(30, 35, 45, 0.95);
+    border: 1px solid rgba(255, 255, 255, 0.12);
+    border-radius: 20px;
+    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
+    padding: 18px;
+    display: flex;
+    flex-direction: column;
+    gap: 18px;
+  }
+  .${annotateConfirmDialogClass} p {
+    margin: 0;
+    font-size: 13px;
+    line-height: 1.5;
+    color: rgba(255, 255, 255, 0.9);
+  }
+  .${annotateConfirmDialogClass} .actions {
+    display: flex;
+    gap: 8px;
+    justify-content: flex-end;
+  }
+
+  @keyframes inspecto-fade-out {
+    0% { opacity: 1; transform: translateY(0); }
+    100% { opacity: 0; transform: translateY(-4px); pointer-events: none; }
+  }
+  
+  .inspecto-workflow-toast {
+    position: absolute;
+    bottom: calc(100% + 8px);
+    left: 50%;
+    transform: translateX(-50%);
+    background: rgba(28, 28, 28, 0.95);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: var(--inspecto-radius-pill);
+    box-shadow: var(--inspecto-shadow-floating);
+    backdrop-filter: blur(16px);
+    -webkit-backdrop-filter: blur(16px);
+    padding: 6px 14px;
+    z-index: 100;
+    font-size: 11px;
+    font-weight: 600;
+    color: #5ad496;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    pointer-events: none;
+    animation: inspecto-fade-out 0.3s ease 1.7s forwards;
+  }
+  .inspecto-workflow-toast::before {
+    content: '\u2713';
+    font-size: 12px;
+  }
 `;
   }
 });
@@ -1733,7 +1801,10 @@ var init_i18n = __esm({
       "runtime.summary.error.one": "{count} runtime error",
       "runtime.summary.error.other": "{count} runtime errors",
       "runtime.summary.request.one": "{count} failed request",
-      "runtime.summary.request.other": "{count} failed requests"
+      "runtime.summary.request.other": "{count} failed requests",
+      "workflow.confirm": 'Confirm to execute "{label}"?',
+      "workflow.confirm.ok": "Confirm",
+      "workflow.feedback.executed": "Execution started"
     };
     ZH_CN_MESSAGES = {
       "launcher.panel.title": "\u9009\u62E9\u6A21\u5F0F",
@@ -1830,7 +1901,10 @@ var init_i18n = __esm({
       "runtime.summary.error.one": "{count} \u4E2A\u8FD0\u884C\u65F6\u9519\u8BEF",
       "runtime.summary.error.other": "{count} \u4E2A\u8FD0\u884C\u65F6\u9519\u8BEF",
       "runtime.summary.request.one": "{count} \u4E2A\u5931\u8D25\u8BF7\u6C42",
-      "runtime.summary.request.other": "{count} \u4E2A\u5931\u8D25\u8BF7\u6C42"
+      "runtime.summary.request.other": "{count} \u4E2A\u5931\u8D25\u8BF7\u6C42",
+      "workflow.confirm": "\u786E\u8BA4\u6267\u884C\u300C{label}\u300D\uFF1F",
+      "workflow.confirm.ok": "\u786E\u8BA4\u6267\u884C",
+      "workflow.feedback.executed": "\u6267\u884C\u5DF2\u542F\u52A8"
     };
     BUILTIN_MESSAGES = {
       en: EN_MESSAGES,
@@ -3265,23 +3339,24 @@ function toAnnotationTransportFromRecordUi(_ctx, record) {
     ]
   };
 }
-function sendAnnotationBatch(ctx, annotations, scope, instruction, deliveryMode, onSuccess) {
+function sendAnnotationBatch(ctx, annotations, scope, instruction, deliveryMode, onSuccess, extraPayload) {
   return __async(this, null, function* () {
     var _a2, _b;
     const state = asAnnotateContext(ctx);
-    if (annotations.length === 0 || state.annotateSendState.isSending) return;
+    if (state.annotateSendState.isSending) return;
+    if (annotations.length === 0 && (extraPayload == null ? void 0 : extraPayload.source) !== "workflow") return;
     state.annotateSendState = { isSending: true, scope };
     state.updateAnnotateSidebar();
     try {
       yield state.configLoadPromise;
       const runtimeContext = state.getAnnotateRuntimeContext(annotations);
       const cssContextPrompt = state.getAnnotateCssContextPrompt(annotations);
-      const result = yield sendAnnotationsToAi(__spreadProps(__spreadValues(__spreadValues({
+      const result = yield sendAnnotationsToAi(__spreadValues(__spreadProps(__spreadValues(__spreadValues({
         instruction,
         annotations
       }, runtimeContext ? { runtimeContext } : {}), cssContextPrompt ? { cssContextPrompt } : {}), {
         deliveryMode
-      }));
+      }), extraPayload || {}));
       if (!result.success) {
         state.annotateErrorMessage = toAnnotateErrorMessage(state, result.errorCode, result.error);
         state.updateAnnotateSidebar();
@@ -3314,6 +3389,47 @@ function sendAnnotationBatch(ctx, annotations, scope, instruction, deliveryMode,
     }
   });
 }
+function triggerWorkflow(ctx, workflowId) {
+  return __async(this, null, function* () {
+    var _a2;
+    const state = asAnnotateContext(ctx);
+    if (state.annotateSendState.isSending) return;
+    const workflowPrompt = ((_a2 = state.annotateWorkflows.find((w) => w.id === workflowId)) == null ? void 0 : _a2.prompt) || "";
+    if (!workflowPrompt.trim()) return;
+    const scope = state.annotateDeliveryMode === "ide" ? "quick-ask" : "create-task";
+    state.annotateSendState = { isSending: true, scope };
+    state.updateAnnotateSidebar();
+    try {
+      yield state.configLoadPromise;
+      const result = yield sendToAi({
+        prompt: workflowPrompt
+      });
+      if (!result.success) {
+        state.annotateErrorMessage = toAnnotateErrorMessage(state, result.errorCode, result.error);
+        state.updateAnnotateSidebar();
+        return;
+      }
+      state.annotateInstructionDraft = "";
+      state.annotateSession = createEmptySession();
+      state.annotateEditingRecord = null;
+      state.annotateElements.clear();
+      state.annotateErrorMessage = "";
+      state.showAnnotateSuccess(scope);
+      state.renderAnnotateSelectionOverlay();
+      state.updateAnnotateSidebar();
+    } catch (err) {
+      state.annotateErrorMessage = toAnnotateErrorMessage(
+        state,
+        err.errorCode,
+        err.message
+      );
+      state.updateAnnotateSidebar();
+    } finally {
+      state.annotateSendState = { isSending: false, scope: null };
+      state.updateAnnotateSidebar();
+    }
+  });
+}
 function refreshLatestAnnotateSession(ctx) {
   return __async(this, null, function* () {
     var _a2, _b, _c, _d;
@@ -3384,7 +3500,7 @@ function getAnnotateSidebarOptions(ctx) {
   const fullInstruction = composeAnnotateInstruction(state);
   const allRuntimeContext = state.getAnnotateRuntimeContext(allAnnotations);
   const allCssContextPrompt = state.getAnnotateCssContextPrompt(allAnnotations);
-  const deliveryPreference = (_a2 = state.annotateDeliveryMode) != null ? _a2 : "both";
+  const deliveryPreference = (_a2 = state.annotateDeliveryMode) != null ? _a2 : "agent";
   let preferredAction = "create-task";
   if (deliveryPreference === "ide") preferredAction = "quick-ask";
   if (deliveryPreference === "agent") preferredAction = "create-task";
@@ -3410,6 +3526,7 @@ function getAnnotateSidebarOptions(ctx) {
     successScope: state.annotateSuccessScope,
     preferredAction,
     annotateDeliveryMode: state.annotateDeliveryMode,
+    workflows: state.annotateWorkflows,
     latestSessionSummary: state.annotateLatestSessionSummary,
     latestSessionDetail: state.annotateLatestSessionDetail,
     latestSessionLoading: state.annotateLatestSessionLoading,
@@ -3556,6 +3673,9 @@ function getAnnotateSidebarOptions(ctx) {
         }
       );
     },
+    onWorkflow: (workflowId) => {
+      void triggerWorkflow(state, workflowId);
+    },
     onExit: () => {
       state.setMode("inspect");
     }
@@ -4984,13 +5104,13 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
     if (!options.askPlaceholder) {
       input.placeholder = intents.length > 0 ? t("menu.ask.placeholder.default") : t("menu.ask.placeholder.fallback");
     }
-    const aiIntents = intents;
+    const aiIntents = intents.filter(import_types2.isAiIntentConfig);
     const hasFixIntent = aiIntents.some(isFixIntent);
     const hasNonFixIntent = aiIntents.some((intent) => !isFixIntent(intent));
     runtimeContextDefaultMode = hasFixIntent ? hasNonFixIntent ? "mixed" : "all-on" : "off";
     renderRuntimeContextUi();
     const aiActions = createIntentActionButtons({
-      intents,
+      intents: aiIntents,
       location,
       includeSnippet,
       maxSnippetLines,
@@ -5041,6 +5161,7 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
   });
   return cleanup;
 }
+var import_types2;
 var init_menu = __esm({
   "src/menu.ts"() {
     "use strict";
@@ -5052,6 +5173,7 @@ var init_menu = __esm({
     init_menu_helpers();
     init_i18n();
     init_styles();
+    import_types2 = require("@inspecto-dev/types");
   }
 });
 
@@ -5912,9 +6034,29 @@ function createAnnotateSidebarDom(shadowRoot) {
   const headerStatus = document.createElement("div");
   headerStatus.setAttribute("data-inspecto-annotate-header-status", "true");
   headerCopy.append(headerTitle, headerStatus);
-  const headerActions = document.createElement("div");
-  headerActions.className = annotateSidebarActionsClass;
-  headerActions.setAttribute("data-inspecto-annotate-header-actions", "true");
+  const headerActionsLeft = document.createElement("div");
+  headerActionsLeft.className = annotateSidebarActionsClass;
+  headerActionsLeft.setAttribute("data-inspecto-annotate-header-actions-left", "true");
+  const previewButton = createSidebarButton("</>", annotateSidebarButtonClass);
+  previewButton.dataset.role = "raw-preview-toggle";
+  previewButton.setAttribute("aria-label", t("annotate.previewRawPrompt"));
+  previewButton.title = t("annotate.previewRawPrompt");
+  const copyContextButton = createSidebarButton(
+    '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>',
+    annotateSidebarButtonClass,
+    true
+  );
+  copyContextButton.dataset.role = "raw-preview";
+  copyContextButton.setAttribute("aria-label", t("annotate.copyContext"));
+  copyContextButton.title = t("annotate.copyContext");
+  headerActionsLeft.append(previewButton, copyContextButton);
+  const headerActionsRight = document.createElement("div");
+  headerActionsRight.className = annotateSidebarActionsClass;
+  headerActionsRight.setAttribute("data-inspecto-annotate-header-actions-right", "true");
+  const headerActionsContainer = document.createElement("div");
+  headerActionsContainer.style.display = "flex";
+  headerActionsContainer.style.gap = "8px";
+  headerActionsContainer.style.alignItems = "center";
   const quickCaptureButton = createSidebarButton(pureMarkIconSvg, annotateSidebarButtonClass, true);
   quickCaptureButton.dataset.role = "quick-capture";
   quickCaptureButton.classList.add(runtimeToggleClass);
@@ -5964,14 +6106,15 @@ function createAnnotateSidebarDom(shadowRoot) {
   exitButton.style.justifyContent = "center";
   exitButton.setAttribute("aria-label", t("annotate.exitMode"));
   exitButton.title = t("annotate.exitMode");
-  headerActions.append(
+  headerActionsRight.append(
     quickCaptureButton,
     cssContextButton,
     runtimeContextButton,
     modeButton,
     exitButton
   );
-  header.append(headerCopy, headerActions);
+  headerActionsContainer.append(headerActionsLeft, headerActionsRight);
+  header.append(headerCopy, headerActionsContainer);
   const emptyState = document.createElement("section");
   emptyState.className = annotateSidebarSectionClass;
   emptyState.dataset.variant = "empty-state";
@@ -6154,24 +6297,17 @@ function createAnnotateSidebarDom(shadowRoot) {
   footerActionRowContainer.style.justifyContent = "space-between";
   footerActionRowContainer.style.width = "100%";
   footerActionRowContainer.style.gap = "8px";
+  const workflowRow = document.createElement("div");
+  workflowRow.className = annotateSidebarActionsClass;
+  workflowRow.style.display = "none";
+  workflowRow.style.gap = "8px";
+  workflowRow.style.width = "100%";
   const footerLeftActions = document.createElement("div");
   footerLeftActions.className = annotateSidebarActionsClass;
   footerLeftActions.style.flex = "0 0 auto";
   footerLeftActions.style.display = "none";
   footerLeftActions.style.alignItems = "center";
   footerLeftActions.style.gap = "8px";
-  const previewButton = createSidebarButton("</>", annotateSidebarButtonClass);
-  previewButton.dataset.role = "raw-preview-toggle";
-  previewButton.setAttribute("aria-label", t("annotate.previewRawPrompt"));
-  previewButton.title = t("annotate.previewRawPrompt");
-  const copyContextButton = createSidebarButton(
-    '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>',
-    annotateSidebarButtonClass,
-    true
-  );
-  copyContextButton.dataset.role = "raw-preview";
-  copyContextButton.setAttribute("aria-label", t("annotate.copyContext"));
-  copyContextButton.title = t("annotate.copyContext");
   const previewFloat = document.createElement("div");
   previewFloat.dataset.inspectoAnnotateRawPreview = "true";
   previewFloat.style.display = "none";
@@ -6198,6 +6334,50 @@ function createAnnotateSidebarDom(shadowRoot) {
   previewFloatContent.style.lineHeight = "1.4";
   previewFloatContent.style.color = "rgba(255, 255, 255, 0.7)";
   previewFloat.appendChild(previewFloatContent);
+  const confirmDialog = document.createElement("div");
+  confirmDialog.className = annotateConfirmDialogClass;
+  confirmDialog.style.display = "none";
+  const confirmContent = document.createElement("div");
+  confirmContent.className = "content";
+  const confirmMessage = document.createElement("p");
+  const confirmActions = document.createElement("div");
+  confirmActions.className = "actions";
+  const confirmCancelBtn = createSidebarButton(t("annotate.cancel"), annotateSidebarButtonClass);
+  confirmCancelBtn.dataset.emphasis = "secondary";
+  const confirmOkBtn = createSidebarButton(t("workflow.confirm.ok"), annotateSidebarButtonClass);
+  confirmOkBtn.classList.add("primary");
+  confirmActions.append(confirmCancelBtn, confirmOkBtn);
+  confirmContent.append(confirmMessage, confirmActions);
+  confirmDialog.append(confirmContent);
+  let currentConfirmCallback = null;
+  confirmCancelBtn.addEventListener("click", (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    confirmDialog.style.display = "none";
+    currentConfirmCallback = null;
+  });
+  confirmOkBtn.addEventListener("click", (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    confirmDialog.style.display = "none";
+    if (currentConfirmCallback) {
+      currentConfirmCallback();
+      currentConfirmCallback = null;
+    }
+    const toast = document.createElement("div");
+    toast.className = "inspecto-workflow-toast";
+    toast.textContent = t("workflow.feedback.executed");
+    workflowRow.style.position = "relative";
+    workflowRow.appendChild(toast);
+    setTimeout(() => {
+      toast.remove();
+    }, 2e3);
+  });
+  function showConfirmDialog(message, onConfirm) {
+    confirmMessage.textContent = message;
+    currentConfirmCallback = onConfirm;
+    confirmDialog.style.display = "flex";
+  }
   function updateRawPromptPreviewPosition() {
     const viewportPadding = 12;
     const gap = 8;
@@ -6231,8 +6411,11 @@ function createAnnotateSidebarDom(shadowRoot) {
     if (!previewFloat.contains(clickTarget) && !previewButton.contains(clickTarget)) {
       setRawPromptPreviewVisible(false);
     }
+    if (!confirmContent.contains(clickTarget) && !workflowRow.contains(clickTarget)) {
+      confirmDialog.style.display = "none";
+      currentConfirmCallback = null;
+    }
   });
-  footerLeftActions.append(previewButton, copyContextButton);
   const footerActions = document.createElement("div");
   footerActions.className = annotateSidebarActionsClass;
   footerActions.style.display = "flex";
@@ -6251,10 +6434,10 @@ function createAnnotateSidebarDom(shadowRoot) {
   createTaskButton.style.whiteSpace = "nowrap";
   footerActions.append(quickAskButton, createTaskButton);
   footerActionRowContainer.append(footerLeftActions, footerActions);
-  footerActionRow.append(footerActionRowContainer);
+  footerActionRow.append(footerActionRowContainer, workflowRow);
   footerLayout.append(recommendedActionLabel, footerActionRow);
   footer.append(previewFloat, statusMessage, errorMessage, footerLayout);
-  element.append(header, emptyState, draftSection, footer);
+  element.append(header, emptyState, draftSection, footer, confirmDialog);
   shadowRoot.appendChild(element);
   return {
     element,
@@ -6267,6 +6450,7 @@ function createAnnotateSidebarDom(shadowRoot) {
     exitButton,
     emptyState,
     draftSection,
+    workflowRow,
     instructionInput,
     includedSummary,
     recordsList,
@@ -6291,7 +6475,8 @@ function createAnnotateSidebarDom(shadowRoot) {
     quickAskButton,
     createTaskButton,
     updateRawPromptPreviewPosition,
-    setRawPromptPreviewVisible
+    setRawPromptPreviewVisible,
+    showConfirmDialog
   };
 }
 var init_annotate_sidebar_dom = __esm({
@@ -6609,6 +6794,7 @@ function createAnnotateSidebar(shadowRoot, options) {
     exitButton,
     emptyState,
     draftSection,
+    workflowRow,
     instructionInput,
     includedSummary,
     recordsList,
@@ -6835,7 +7021,7 @@ function createAnnotateSidebar(shadowRoot, options) {
     const shouldShowBody = hasSavedRecords || hasCurrentDraft || next.isSending || next.successScope === "quick-ask" || Boolean(next.errorMessage);
     const canSend = next.isSending ? false : next.includedRecords.length > 0 || hasCurrentDraft;
     const preferredAction = (_a2 = next.preferredAction) != null ? _a2 : "create-task";
-    const deliveryPreference = (_b = next.annotateDeliveryMode) != null ? _b : "both";
+    const deliveryPreference = (_b = next.annotateDeliveryMode) != null ? _b : "agent";
     const showDebugHelperActions = deliveryPreference !== "agent";
     element.style.display = "";
     emptyState.style.display = shouldShowBody ? "none" : "";
@@ -6883,37 +7069,23 @@ function createAnnotateSidebar(shadowRoot, options) {
     }
     includedSummary.textContent = `Element notes (${next.includedRecords.length})`;
     renderers.renderIncludedRecords(next.includedRecords, recordsList);
-    const allowQuickAsk = deliveryPreference === "both" || deliveryPreference === "ide";
-    const allowCreateTask = deliveryPreference === "both" || deliveryPreference === "agent";
-    const onlyOneAction = allowQuickAsk !== allowCreateTask;
+    const allowQuickAsk = deliveryPreference === "ide";
+    const allowCreateTask = deliveryPreference === "agent";
     quickAskButton.style.display = allowQuickAsk ? "" : "none";
     createTaskButton.style.display = allowCreateTask ? "" : "none";
     quickAskButton.disabled = !canSend;
     createTaskButton.disabled = !canSend;
-    if (onlyOneAction) {
-      quickAskButton.classList.toggle("primary", true);
-      createTaskButton.classList.toggle("primary", true);
-      quickAskButton.dataset.emphasis = "primary";
-      createTaskButton.dataset.emphasis = "primary";
-      quickAskButton.style.flex = "1";
-      createTaskButton.style.flex = "1";
-      quickAskButton.dataset.layoutRole = "primary";
-      createTaskButton.dataset.layoutRole = "primary";
-    } else {
-      quickAskButton.classList.toggle("primary", false);
-      createTaskButton.classList.toggle("primary", false);
-      quickAskButton.dataset.emphasis = preferredAction === "quick-ask" ? "primary" : "secondary";
-      createTaskButton.dataset.emphasis = preferredAction === "create-task" ? "primary" : "secondary";
-      quickAskButton.dataset.layoutRole = preferredAction === "quick-ask" ? "primary" : "secondary";
-      createTaskButton.dataset.layoutRole = preferredAction === "create-task" ? "primary" : "secondary";
-      quickAskButton.style.order = "1";
-      createTaskButton.style.order = "2";
-      quickAskButton.style.flex = "1";
-      createTaskButton.style.flex = "1";
-    }
+    quickAskButton.classList.toggle("primary", true);
+    createTaskButton.classList.toggle("primary", true);
+    quickAskButton.dataset.emphasis = "primary";
+    createTaskButton.dataset.emphasis = "primary";
+    quickAskButton.style.flex = "1";
+    createTaskButton.style.flex = "1";
+    quickAskButton.dataset.layoutRole = "primary";
+    createTaskButton.dataset.layoutRole = "primary";
     quickAskButton.title = t("annotate.askAiHint");
     createTaskButton.title = t("annotate.createTaskHint");
-    recommendedActionLabel.style.display = canSend && !onlyOneAction && deliveryPreference === "both" ? "block" : "none";
+    recommendedActionLabel.style.display = "none";
     recommendedActionLabel.textContent = preferredAction === "quick-ask" ? t("annotate.recommendedAction.askHint", {
       action: t("annotate.askAi")
     }) : t("annotate.recommendedAction.agentHint", {
@@ -6921,6 +7093,31 @@ function createAnnotateSidebar(shadowRoot, options) {
     });
     quickAskButton.textContent = next.isSending && next.sendingScope === "quick-ask" ? t("menu.sending") : !next.isSending && next.successScope === "quick-ask" ? t("annotate.sent") : t("annotate.askAi");
     createTaskButton.textContent = next.isSending && next.sendingScope === "create-task" ? t("menu.sending") : t("annotate.createTask");
+    const workflows = next.workflows || [];
+    workflowRow.style.display = workflows.length > 0 ? "flex" : "none";
+    workflowRow.innerHTML = "";
+    for (const wf of workflows) {
+      const btn = createSidebarButton(wf.label, annotateSidebarButtonClass);
+      btn.dataset.workflowId = wf.id;
+      btn.style.flex = "1";
+      btn.style.justifyContent = "center";
+      btn.style.whiteSpace = "nowrap";
+      const isSendingWorkflow = next.isSending && next.sendingScope === `workflow:${wf.id}`;
+      btn.disabled = next.isSending;
+      btn.textContent = isSendingWorkflow ? t("menu.sending") : wf.label;
+      btn.addEventListener("click", () => {
+        var _a3;
+        if (wf.confirm) {
+          dom.showConfirmDialog(t("workflow.confirm", { label: wf.label }), () => {
+            var _a4;
+            (_a4 = next.onWorkflow) == null ? void 0 : _a4.call(next, wf.id);
+          });
+          return;
+        }
+        (_a3 = next.onWorkflow) == null ? void 0 : _a3.call(next, wf.id);
+      });
+      workflowRow.appendChild(btn);
+    }
     const latestSession = next.latestSessionDetail;
     const latestSessionSummary = next.latestSessionSummary;
     latestSessionSection.style.display = latestSession || latestSessionSummary ? "" : "none";
@@ -7051,6 +7248,8 @@ var init_annotate_sidebar = __esm({
     init_annotate_sidebar_helpers();
     init_annotate_sidebar_dom();
     init_annotate_sidebar_renderers();
+    init_annotate_sidebar_helpers();
+    init_styles();
     init_i18n();
     init_icons();
   }
@@ -7324,7 +7523,6 @@ function configure(ctx, options) {
   state.configLoadPromise = fetchIdeInfo(true).then((info) => {
     if ((info == null ? void 0 : info.hotKeys) !== void 0) {
       state.serverHotKeys = info.hotKeys;
-      state.syncModeUi();
     }
     if ((info == null ? void 0 : info.theme) !== void 0) {
       applyTheme(state, info.theme);
@@ -7332,6 +7530,9 @@ function configure(ctx, options) {
     if ((info == null ? void 0 : info.annotateDeliveryMode) !== void 0) {
       state.annotateDeliveryMode = info.annotateDeliveryMode;
     }
+    if ((info == null ? void 0 : info.workflows) !== void 0) {
+      state.annotateWorkflows = info.workflows;
+    }
     if ((info == null ? void 0 : info.includeSnippet) !== void 0) {
       state.options.includeSnippet = info.includeSnippet;
     }
@@ -7339,6 +7540,9 @@ function configure(ctx, options) {
       state.options.runtimeContext = __spreadValues(__spreadValues({}, state.options.runtimeContext), info.runtimeContext);
       state.syncRuntimeContextCapture();
     }
+    if (state.mode === "annotate" && state.annotateSidebar) {
+      state.updateAnnotateSidebar();
+    }
   }).catch(() => {
   }).then(() => {
   });
@@ -7552,7 +7756,8 @@ var init_component = __esm({
         this.annotateErrorMessage = "";
         this.annotateRuntimeContextEnabled = false;
         this.annotateCssContextEnabled = false;
-        this.annotateDeliveryMode = "both";
+        this.annotateDeliveryMode = "agent";
+        this.annotateWorkflows = [];
         this.annotateSendState = {
           isSending: false,
           scope: null