@juo/blocks 1.13.0-alpha.2 → 1.14.0

package/dist/juo-workflow-DY4rd256.js

@@ -1,868 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { e as createContext, d, f as createBlockInstanceFromObject, g as createBlockInstance, h as getDefinedBlocks, j as serializeBlocks, o as onRegisterBlock, E, k as w, r as registerBlock, l as defineBlock, s as subscribeContext } from "./block-B6s9jL7l.js";
-import { reportBlockError } from "./observability.js";
-import { c as createEditorBridge, v as createSelectBlockMessage } from "./bridge-r7Yk8fjY.js";
-const DEFAULT_GLOBAL_STYLES = {
-  volume: "comfort",
-  style: "ghost",
-  corners: "round",
-  buttonCorners: "round",
-  thumbnailCorners: "circle",
-  theme: "preset",
-  themeType: "neutral",
-  colors: {
-    accent: "#000000",
-    secondary: "#000000",
-    tint: "#111111",
-    callout: "#F5F5F5",
-    success: "#287a25",
-    error: "#a93c3c",
-    information: "#0075a3",
-    warning: "#8a5e00",
-    background: "#FFFFFF"
-  }
-};
-const ThemeStateContext = createContext("theme-state");
-function normalizeLocale(locale) {
-  return locale.trim().toLowerCase().split("-")[0] || "en";
-}
-function toStringRecord$1(input) {
-  if (input == null) return {};
-  return Object.fromEntries(
-    Object.entries(input).filter(([, value]) => typeof value === "string")
-  );
-}
-function parseBlockLocaleFile(file) {
-  if (file == null) {
-    return { defaults: {}, modes: {} };
-  }
-  const entries = Object.entries(file).filter(
-    ([key, value]) => key !== "overrides" && typeof value === "string"
-  );
-  const topLevel = Object.fromEntries(entries);
-  const overrides = toStringRecord$1(file.overrides);
-  return {
-    defaults: { ...topLevel, ...overrides },
-    modes: {
-      ...Object.fromEntries(
-        Object.keys(topLevel).map((key) => [key, "default"])
-      ),
-      ...Object.fromEntries(
-        Object.keys(overrides).map((key) => [key, "override"])
-      )
-    }
-  };
-}
-function indexOverrides(overrides) {
-  const indexed = {
-    theme: {},
-    blocks: {}
-  };
-  for (const item of overrides) {
-    if (item.scope.kind === "theme") {
-      indexed.theme[item.key] = item.value;
-      continue;
-    }
-    if (indexed.blocks[item.scope.blockId] == null) {
-      indexed.blocks[item.scope.blockId] = {};
-    }
-    indexed.blocks[item.scope.blockId][item.key] = item.value;
-  }
-  return indexed;
-}
-function createThemeState(deps) {
-  var _a;
-  const surfaces = {
-    page: { blocks: d([]) },
-    overlay: { blocks: d([]) }
-  };
-  const locale = d("en");
-  const catalogs = d(null);
-  const globalStyles = d(
-    deps.initialGlobalStyles ?? DEFAULT_GLOBAL_STYLES
-  );
-  function setGlobalStyles(styles) {
-    globalStyles.value = styles;
-  }
-  function setInstanceTranslationOverride(blockId, key, value) {
-    const current = catalogs.value;
-    if (current == null) return;
-    catalogs.value = {
-      ...current,
-      blocks: {
-        ...current.blocks,
-        overrides: {
-          ...current.blocks.overrides,
-          [blockId]: { ...current.blocks.overrides[blockId], [key]: value }
-        }
-      }
-    };
-  }
-  async function collectBlockDefaults(loc) {
-    const nextDefaults = {};
-    const nextModes = {};
-    for (const block of getDefinedBlocks()) {
-      if (block.locales == null) continue;
-      let file = null;
-      try {
-        file = await block.locales.load(loc);
-      } catch {
-        file = null;
-      }
-      const parsed = parseBlockLocaleFile(file);
-      nextDefaults[block.name] = parsed.defaults;
-      nextModes[block.name] = parsed.modes;
-    }
-    return { defaults: nextDefaults, modes: nextModes };
-  }
-  async function setLocale(nextLocaleRaw) {
-    var _a2;
-    const nextLocale = normalizeLocale(nextLocaleRaw);
-    const [blockData, loadedOverrides] = await Promise.all([
-      collectBlockDefaults(nextLocale),
-      ((_a2 = deps.translations) == null ? void 0 : _a2.resolveTranslations(nextLocale).catch(() => [])) ?? Promise.resolve([])
-    ]);
-    const overrides = loadedOverrides.filter(
-      (item) => normalizeLocale(item.locale) === nextLocale
-    );
-    const indexed = indexOverrides(overrides);
-    catalogs.value = {
-      theme: {
-        defaults: {},
-        overrides: indexed.theme
-      },
-      blocks: {
-        defaults: blockData.defaults,
-        modes: blockData.modes,
-        overrides: indexed.blocks
-      }
-    };
-    locale.value = nextLocale;
-  }
-  async function resolve(surface, path, params) {
-    var _a2, _b, _c, _d, _e, _f, _g, _h;
-    surfaces[surface].blocks.value = [];
-    const stored = await deps.resolve(surface, path);
-    if (stored != null) {
-      const instances = stored.blocks.flatMap((block) => {
-        try {
-          return [createBlockInstanceFromObject(block)];
-        } catch (error) {
-          reportBlockError(error, {
-            site: "theme-state.resolve.hydrate",
-            extra: {
-              surface,
-              path,
-              blockType: typeof (block == null ? void 0 : block.type) === "string" ? block.type : "(unknown)"
-            }
-          });
-          return [];
-        }
-      });
-      if (surface === "overlay") {
-        for (const instance of instances) {
-          if (typeof instance.type !== "string" || !instance.type.startsWith("overlay:")) {
-            continue;
-          }
-          try {
-            const canonical = createBlockInstance(instance.type);
-            instance.props = {
-              ...instance.props ?? {},
-              layout: (_a2 = canonical.props) == null ? void 0 : _a2.layout,
-              canAbort: (_b = canonical.props) == null ? void 0 : _b.canAbort
-            };
-          } catch (error) {
-            reportBlockError(error, {
-              site: "theme-state.resolve.overlay-layout",
-              extra: { surface, path, blockType: instance.type }
-            });
-          }
-        }
-      }
-      if (params != null) {
-        for (const instance of instances) {
-          const content = (_c = instance.slots) == null ? void 0 : _c.content;
-          const child = Array.isArray(content) ? content[0] : void 0;
-          if (child != null) {
-            child.props = { ...child.props ?? {}, ...params };
-          }
-        }
-      }
-      surfaces[surface].blocks.value = instances;
-      return stored;
-    }
-    const blockToUse = surface === "page" ? (_e = (_d = deps.routerService) == null ? void 0 : _d.getPages().find((p) => p.path === path)) == null ? void 0 : _e.block : (_f = getDefinedBlocks().find((b) => b.name === path)) == null ? void 0 : _f.name;
-    if (blockToUse != null) {
-      const instance = createBlockInstance(blockToUse);
-      if (params != null) {
-        const content = (_g = instance.slots) == null ? void 0 : _g.content;
-        const child = Array.isArray(content) ? content[0] : void 0;
-        if (child != null) {
-          child.props = { ...child.props ?? {}, ...params };
-        }
-      }
-      surfaces[surface].blocks.value = [instance];
-      const serialized = serializeBlocks([instance]);
-      (_h = deps.upsertState) == null ? void 0 : _h.call(deps, surface, path, serialized);
-      return { blocks: serialized };
-    }
-    return { blocks: [] };
-  }
-  onRegisterBlock(async (_, block) => {
-    if (block.locales == null || catalogs.value == null) return;
-    const localeAtLoadStart = locale.value;
-    let file = null;
-    try {
-      file = await block.locales.load(localeAtLoadStart);
-    } catch {
-      file = null;
-    }
-    if (catalogs.value == null || locale.value !== localeAtLoadStart) return;
-    const parsed = parseBlockLocaleFile(file);
-    const current = catalogs.value;
-    catalogs.value = {
-      ...current,
-      blocks: {
-        ...current.blocks,
-        defaults: {
-          ...current.blocks.defaults,
-          [block.name]: parsed.defaults
-        },
-        modes: {
-          ...current.blocks.modes,
-          [block.name]: parsed.modes
-        }
-      }
-    };
-  });
-  (_a = deps.routerService) == null ? void 0 : _a.subscribe(({ path }) => {
-    resolve("page", path);
-  });
-  return {
-    page: surfaces.page,
-    overlay: surfaces.overlay,
-    locales: { locale, catalogs, setLocale },
-    globalStyles,
-    setGlobalStyles,
-    setInstanceTranslationOverride,
-    resolve
-  };
-}
-const TranslationContext = createContext("translation");
-function toStringRecord(input) {
-  if (input == null) return {};
-  return Object.fromEntries(
-    Object.entries(input).filter(([, value]) => typeof value === "string")
-  );
-}
-function createTranslationService(locales, options = {}) {
-  const loadedThemeDefaults = d({});
-  if (options.loadDefaultTranslations) {
-    let loadVersion = 0;
-    E(() => {
-      const locale = locales.locale.value;
-      const currentVersion = ++loadVersion;
-      void options.loadDefaultTranslations(locale).then((result) => toStringRecord(result)).catch(() => ({})).then((result) => {
-        if (currentVersion !== loadVersion) return;
-        loadedThemeDefaults.value = result;
-      });
-    });
-  }
-  return {
-    locale: locales.locale,
-    resolve(blockType, blockId, key) {
-      var _a, _b, _c;
-      const data = locales.catalogs.value;
-      const themeDefault = loadedThemeDefaults.value[key] ?? (data == null ? void 0 : data.theme.defaults[key]);
-      if (data == null) {
-        return themeDefault ?? key;
-      }
-      if (blockId && ((_a = data.blocks.overrides[blockId]) == null ? void 0 : _a[key]) !== void 0) {
-        return data.blocks.overrides[blockId][key];
-      }
-      const blockDefault = blockType != null ? (_b = data.blocks.defaults[blockType]) == null ? void 0 : _b[key] : void 0;
-      const mode = (blockType != null ? (_c = data.blocks.modes[blockType]) == null ? void 0 : _c[key] : void 0) ?? "override";
-      if (blockDefault !== void 0 && mode === "override") {
-        return blockDefault;
-      }
-      if (data.theme.overrides[key] !== void 0) {
-        return data.theme.overrides[key];
-      }
-      if (themeDefault !== void 0) {
-        return themeDefault;
-      }
-      if (blockDefault !== void 0) {
-        return blockDefault;
-      }
-      return key;
-    }
-  };
-}
-function getDefaultBlockForAction(actionType, actionConfig, blockId) {
-  const blockName = `action:${actionType}`;
-  const definedBlocks = getDefinedBlocks();
-  const exists = definedBlocks.some((b) => b.name === blockName);
-  if (!exists) {
-    throw new Error(
-      `No default block registered for action type "${actionType}". Expected a block named "${blockName}" to be registered in blocks-extensions.`
-    );
-  }
-  return createBlockInstance(blockName, { props: actionConfig, id: blockId });
-}
-function hasDefaultBlockForAction(actionType) {
-  const blockName = `action:${actionType}`;
-  return getDefinedBlocks().some((b) => b.name === blockName);
-}
-const WorkflowServiceContext = createContext("services/workflow");
-function createWorkflowApiAdapter(sdk) {
-  return {
-    async start(flowType, context, workflowId, dryRun) {
-      const { data } = await sdk.post("/customer/v1/workflows/start", {
-        flowType,
-        context,
-        ...workflowId ? { workflowId } : {},
-        ...dryRun ? { dryRun: true } : {}
-      });
-      return data;
-    },
-    async respond(runId, interactionId, responseType, responseData, expectedRunVersion, eventId) {
-      const { data } = await sdk.post(
-        "/customer/v1/workflows/{runId}/respond",
-        {
-          runId,
-          interactionId,
-          responseType,
-          responseData,
-          expectedRunVersion,
-          eventId
-        }
-      );
-      return data;
-    },
-    async getState(runId) {
-      const { data } = await sdk.get("/customer/v1/workflows/{runId}", {
-        runId
-      });
-      return data;
-    },
-    async cancel(runId) {
-      const { data } = await sdk.post("/customer/v1/workflows/{runId}/cancel", {
-        runId
-      });
-      return data;
-    }
-  };
-}
-function createWorkflowService(deps) {
-  const { api } = deps;
-  const editor = createEditorBridge();
-  const urlParams = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : null;
-  const previewWorkflowTrigger = (urlParams == null ? void 0 : urlParams.get("trigger")) ?? null;
-  const previewStepId = (urlParams == null ? void 0 : urlParams.get("step-id")) ?? null;
-  const previewWorkflowId = (urlParams == null ? void 0 : urlParams.get("workflow-id")) ?? null;
-  const isEditorMode = editor.isEditorMode || previewWorkflowTrigger !== null;
-  const _state = d({
-    status: "idle",
-    flowType: null,
-    workflowId: null,
-    workflowVersion: null,
-    runId: null,
-    runVersion: null,
-    currentStepId: null,
-    currentInteraction: null,
-    error: null,
-    result: null,
-    flowParams: null,
-    invalidatedResources: [],
-    outcome: null,
-    completionData: null,
-    dryRun: null,
-    firstPollReason: null
-  });
-  const _backendInteractionId = d(null);
-  const _registeredRootBlocks = /* @__PURE__ */ new Set();
-  const isActive = w(() => _state.value.status === "active");
-  const isLoading = w(() => _state.value.status === "loading");
-  const isCompleted = w(() => _state.value.status === "completed");
-  const hasError = w(() => _state.value.status === "error");
-  const currentInteraction = w(() => _state.value.currentInteraction);
-  const canRespond = w(() => {
-    const interaction = _state.value.currentInteraction;
-    const backendId = _backendInteractionId.value;
-    if (!interaction || !backendId) return false;
-    return interaction.interactionId === backendId;
-  });
-  const currentStepInfo = w(() => {
-    const interaction = _state.value.currentInteraction;
-    if (!interaction) return null;
-    const actionConfig = deps.shopCurrencyCode ? { ...interaction.actionConfig, currency: deps.shopCurrencyCode } : interaction.actionConfig;
-    return {
-      interactionId: interaction.interactionId,
-      stepId: interaction.stepId,
-      actionType: interaction.actionType,
-      actionConfig,
-      availableResponses: interaction.availableResponses
-    };
-  });
-  function updateState(updates) {
-    _state.value = { ..._state.value, ...updates };
-  }
-  function hashString(value) {
-    let hash = 2166136261;
-    for (let index = 0; index < value.length; index += 1) {
-      hash ^= value.charCodeAt(index);
-      hash = Math.imul(hash, 16777619);
-    }
-    return (hash >>> 0).toString(36);
-  }
-  function shortenId(value, slugLength = 6) {
-    const compact = value.toLowerCase().replace(/[^a-z0-9]/g, "");
-    const slug = (compact || "id").slice(0, slugLength);
-    return `${slug}-${hashString(value)}`;
-  }
-  function createStableStepBlockId(workflowId, stepId) {
-    return `wf-${shortenId(workflowId)}-${shortenId(stepId)}`;
-  }
-  function handleFlowResponse(data) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const mergedInvalidated = [
-      ..._state.value.invalidatedResources,
-      ...data.invalidatedResources ?? []
-    ];
-    if (data.status === "waiting_interaction") {
-      const currentStepId = ((_a = data.pendingInteraction) == null ? void 0 : _a.stepId) ?? (isEditorMode ? (_c = (_b = data.interactiveSteps) == null ? void 0 : _b[0]) == null ? void 0 : _c.stepId : null);
-      _backendInteractionId.value = ((_d = data.pendingInteraction) == null ? void 0 : _d.interactionId) ?? null;
-      const isInitialResponse = _state.value.runId == null;
-      updateState({
-        status: "active",
-        workflowId: data.workflowId,
-        workflowVersion: data.workflowVersion,
-        runId: data.runId,
-        runVersion: data.runVersion,
-        currentStepId,
-        currentInteraction: data.pendingInteraction,
-        invalidatedResources: mergedInvalidated,
-        outcome: null
-      });
-      if (editor.isEditorMode) {
-        const displayStepId = isInitialResponse && previewStepId && ((_e = data.interactiveSteps) == null ? void 0 : _e.some((s) => s.stepId === previewStepId)) ? previewStepId : currentStepId;
-        const overlayBlocks = deps.themeState.overlay.blocks.value;
-        const rootBlock = overlayBlocks[0];
-        const stepSlot = displayStepId ? (_f = rootBlock == null ? void 0 : rootBlock.slots) == null ? void 0 : _f[displayStepId] : null;
-        const stepBlock = Array.isArray(stepSlot) ? stepSlot[0] : null;
-        const blockId = stepBlock && typeof stepBlock === "object" && "id" in stepBlock ? stepBlock.id : null;
-        if (blockId) {
-          editor.sendMessage(
-            createSelectBlockMessage({ blockId }, blockId)
-          );
-        }
-      }
-    } else if (data.status === "completed") {
-      _backendInteractionId.value = null;
-      updateState({
-        status: "completed",
-        currentStepId: null,
-        currentInteraction: null,
-        runVersion: data.runVersion,
-        result: data.result || null,
-        invalidatedResources: mergedInvalidated,
-        outcome: data.outcome || null,
-        completionData: data.completionData || null
-      });
-    } else if (data.status === "failed") {
-      _backendInteractionId.value = null;
-      handleError(new Error(((_g = data.error) == null ? void 0 : _g.message) || "Flow failed"));
-    } else if (data.status === "cancelled") {
-      _backendInteractionId.value = null;
-      updateState({
-        status: "idle",
-        flowType: null,
-        workflowId: null,
-        workflowVersion: null,
-        runId: null,
-        runVersion: null,
-        currentStepId: null,
-        currentInteraction: null,
-        error: null,
-        result: null,
-        invalidatedResources: [],
-        outcome: null,
-        completionData: null,
-        firstPollReason: null
-      });
-    }
-  }
-  function handleError(error) {
-    const message = error instanceof Error ? error.message : "Unknown error";
-    updateState({
-      status: "error",
-      error: message
-    });
-  }
-  function maybeApplyPreviewStep(flowType, data) {
-    var _a;
-    if (!previewWorkflowTrigger) return;
-    if (flowType !== previewWorkflowTrigger) return;
-    if (data.status !== "waiting_interaction") return;
-    const step = (_a = data.interactiveSteps) == null ? void 0 : _a.find(
-      (interactiveStep) => interactiveStep.stepId === previewStepId
-    );
-    if (!step) return;
-    updateState({
-      currentStepId: step.stepId,
-      currentInteraction: {
-        interactionId: `preview-${data.runId}-${step.stepId}`,
-        stepId: step.stepId,
-        actionType: step.actionType,
-        actionBehavior: "input",
-        actionConfig: step.actionConfig,
-        availableResponses: step.availableResponses,
-        presentedAt: /* @__PURE__ */ new Date()
-      }
-    });
-  }
-  function initWorkflowRootBlock(data) {
-    if (_registeredRootBlocks.has(data.workflowId)) {
-      return;
-    }
-    const allSteps = data.interactiveSteps ?? (data.pendingInteraction ? [
-      {
-        stepId: data.pendingInteraction.stepId,
-        actionType: data.pendingInteraction.actionType,
-        actionConfig: data.pendingInteraction.actionConfig,
-        availableResponses: data.pendingInteraction.availableResponses
-      }
-    ] : []);
-    const slotProperties = {};
-    for (const step of allSteps) {
-      slotProperties[step.stepId] = {};
-    }
-    const presets = {};
-    const baseLabelFor = (step) => {
-      var _a;
-      return ((_a = getDefinedBlocks().find((b) => b.name === `action:${step.actionType}`)) == null ? void 0 : _a.displayName) ?? step.stepId;
-    };
-    const totalCounts = /* @__PURE__ */ new Map();
-    for (const step of allSteps) {
-      const baseLabel = baseLabelFor(step);
-      totalCounts.set(baseLabel, (totalCounts.get(baseLabel) ?? 0) + 1);
-    }
-    const seenCounts = /* @__PURE__ */ new Map();
-    for (const step of allSteps) {
-      const baseLabel = baseLabelFor(step);
-      const occurrence = (seenCounts.get(baseLabel) ?? 0) + 1;
-      seenCounts.set(baseLabel, occurrence);
-      const isDuplicated = (totalCounts.get(baseLabel) ?? 0) > 1;
-      const label = isDuplicated ? `${baseLabel} (${occurrence})` : baseLabel;
-      presets[step.stepId] = {
-        label,
-        description: step.actionType,
-        state: step.stepId,
-        // @ts-expect-error Untyped
-        context: step
-      };
-    }
-    registerBlock(
-      defineBlock(`workflow:${data.workflowId}`, {
-        group: "workflow",
-        schema: {
-          type: "object",
-          properties: {
-            props: { type: "object" },
-            slots: {
-              type: "object",
-              properties: slotProperties
-            }
-          },
-          required: ["props", "slots"],
-          additionalProperties: true
-        },
-        initialValue: () => ({
-          props: {},
-          slots: Object.fromEntries(
-            allSteps.map((step) => [
-              step.stepId,
-              [
-                getDefaultBlockForAction(
-                  step.actionType,
-                  step.actionConfig,
-                  createStableStepBlockId(data.workflowId, step.stepId)
-                )
-              ]
-            ])
-          )
-        }),
-        presets,
-        renderer() {
-          return null;
-        }
-      })
-    );
-    _registeredRootBlocks.add(data.workflowId);
-  }
-  async function initWorkflowState(data) {
-    const { blocks } = await deps.themeState.resolve(
-      "overlay",
-      `workflow:${data.workflowId}`
-    );
-    if (blocks.length === 0) return;
-    editor.onBlockPresetChange(blocks[0].id, (preset) => {
-      if (!preset) {
-        return;
-      }
-      updateState({
-        // @ts-expect-error Untyped
-        currentStepId: preset.state,
-        // @ts-expect-error Untyped
-        currentInteraction: { ...preset == null ? void 0 : preset.context }
-      });
-    });
-  }
-  const service = {
-    // State signals (readonly)
-    state: _state,
-    /** True when the portal is running inside the Blocks Editor (editorMode dep
-     *  or ?trigger=... URL param). Consumers use this to suppress auto-start. */
-    isPreviewMode: isEditorMode,
-    // Computed signals
-    isActive,
-    isLoading,
-    isCompleted,
-    hasError,
-    canRespond,
-    currentInteraction,
-    currentStepInfo,
-    // Methods
-    async startFlow(flowType, context, workflowId) {
-      const isDryRun = isEditorMode;
-      updateState({
-        status: "loading",
-        error: null,
-        flowParams: context,
-        flowType,
-        dryRun: isDryRun,
-        firstPollReason: null
-      });
-      try {
-        const data = await api.start(
-          flowType,
-          context,
-          workflowId,
-          isDryRun || void 0
-        );
-        if (data.status === "no_workflow") {
-          service.reset();
-          return;
-        }
-        if (data.status === "completed_silently") {
-          updateState({
-            status: "completed",
-            currentStepId: null,
-            currentInteraction: null,
-            result: null,
-            invalidatedResources: data.invalidatedResources ?? [],
-            outcome: data.outcome || null,
-            completionData: data.completionData || null
-          });
-          return;
-        }
-        initWorkflowRootBlock(data);
-        await initWorkflowState(data);
-        handleFlowResponse(data);
-        maybeApplyPreviewStep(flowType, data);
-      } catch (error) {
-        handleError(error);
-      }
-    },
-    async respond(responseType, responseData) {
-      const { runId, runVersion, currentInteraction: currentInteraction2 } = _state.value;
-      if (!runId || !currentInteraction2) {
-        throw new Error("No active interaction to respond to");
-      }
-      updateState({ status: "loading" });
-      try {
-        const data = await api.respond(
-          runId,
-          currentInteraction2.interactionId,
-          responseType,
-          responseData,
-          runVersion ?? void 0
-        );
-        if (_state.value.firstPollReason == null && currentInteraction2.actionType === "poll") {
-          const reason = responseData == null ? void 0 : responseData.reason;
-          if (typeof reason === "string" && reason.length > 0) {
-            updateState({ firstPollReason: reason });
-          }
-        }
-        handleFlowResponse(data);
-      } catch (error) {
-        handleError(error);
-      }
-    },
-    async cancel() {
-      const { runId, status } = _state.value;
-      const isTerminal = status === "completed" || status === "error";
-      if (runId && !isTerminal) {
-        try {
-          const data = await api.cancel(runId);
-          if (data.outcome) {
-            updateState({
-              status: "completed",
-              flowType: null,
-              workflowId: null,
-              workflowVersion: null,
-              runId: null,
-              runVersion: null,
-              currentStepId: null,
-              currentInteraction: null,
-              error: null,
-              result: null,
-              flowParams: null,
-              invalidatedResources: data.invalidatedResources ?? [],
-              outcome: data.outcome || null,
-              dryRun: null
-            });
-            return;
-          }
-        } catch {
-        }
-      }
-      service.reset();
-    },
-    reset() {
-      _backendInteractionId.value = null;
-      updateState({
-        status: "idle",
-        flowType: null,
-        workflowId: null,
-        workflowVersion: null,
-        runId: null,
-        runVersion: null,
-        currentStepId: null,
-        currentInteraction: null,
-        error: null,
-        result: null,
-        flowParams: null,
-        invalidatedResources: [],
-        outcome: null,
-        completionData: null,
-        firstPollReason: null
-      });
-    },
-    async refresh() {
-      const { runId } = _state.value;
-      if (!runId) return;
-      try {
-        const data = await api.getState(runId);
-        handleFlowResponse(data);
-      } catch (error) {
-        handleError(error);
-      }
-    }
-  };
-  if (previewWorkflowTrigger) {
-    void service.startFlow(
-      previewWorkflowTrigger,
-      {},
-      previewWorkflowId ?? void 0
-    );
-  }
-  return service;
-}
-class JuoWorkflowElement extends HTMLElement {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "workflowService", null);
-    __publicField(this, "unsubscribeContext", null);
-    __publicField(this, "unsubscribeEffect", null);
-    /** Tracks which step is currently mounted to avoid unnecessary DOM teardown. */
-    __publicField(this, "renderedStepId", null);
-    /**
-     * Optional function to wrap rendered content (step blocks).
-     * Must be set before workflow becomes active for correct behavior.
-     */
-    __publicField(this, "blockWrapper", null);
-  }
-  connectedCallback() {
-    this.style.display = "contents";
-    this.unsubscribeContext = subscribeContext(
-      this,
-      WorkflowServiceContext,
-      (service) => {
-        this.workflowService = service;
-        this.setupSubscription();
-      }
-    );
-  }
-  disconnectedCallback() {
-    var _a, _b;
-    (_a = this.unsubscribeContext) == null ? void 0 : _a.call(this);
-    (_b = this.unsubscribeEffect) == null ? void 0 : _b.call(this);
-    this.unsubscribeContext = null;
-    this.unsubscribeEffect = null;
-    this.renderedStepId = null;
-  }
-  setupSubscription() {
-    var _a;
-    if (!this.workflowService) return;
-    (_a = this.unsubscribeEffect) == null ? void 0 : _a.call(this);
-    this.unsubscribeEffect = E(() => {
-      var _a2, _b;
-      const status = ((_a2 = this.workflowService) == null ? void 0 : _a2.state.value.status) ?? "idle";
-      const stepInfo = (_b = this.workflowService) == null ? void 0 : _b.currentStepInfo.value;
-      const stepId = (stepInfo == null ? void 0 : stepInfo.stepId) ?? null;
-      queueMicrotask(() => {
-        if (this.isConnected) {
-          this.render(status, stepId);
-        }
-      });
-    });
-  }
-  render(status, stepId) {
-    var _a;
-    if ((status === "active" || status === "loading") && stepId) {
-      if (this.renderedStepId !== stepId) {
-        this.innerHTML = "";
-        this.renderedStepId = stepId;
-        const extensionRoot = document.createElement(
-          "juo-extension-root"
-        );
-        extensionRoot.setAttribute("surface", "overlay");
-        extensionRoot.setAttribute("name", stepId);
-        extensionRoot.blockWrapper = this.blockWrapper;
-        this.appendChild(extensionRoot);
-      }
-      return;
-    }
-    this.innerHTML = "";
-    this.renderedStepId = null;
-    if (status === "error") {
-      const error = ((_a = this.workflowService) == null ? void 0 : _a.state.value.error) ?? "Unknown error";
-      this.dispatchEvent(
-        new CustomEvent("juo-workflow-error", {
-          bubbles: true,
-          composed: true,
-          detail: { error }
-        })
-      );
-    }
-  }
-}
-if (typeof customElements !== "undefined" && !customElements.get("juo-workflow")) {
-  customElements.define("juo-workflow", JuoWorkflowElement);
-}
-export {
-  DEFAULT_GLOBAL_STYLES as D,
-  TranslationContext as T,
-  WorkflowServiceContext as W,
-  ThemeStateContext as a,
-  createTranslationService as b,
-  createThemeState as c,
-  createWorkflowApiAdapter as d,
-  createWorkflowService as e,
-  getDefaultBlockForAction as g,
-  hasDefaultBlockForAction as h,
-  indexOverrides as i
-};