@open-mercato/core 0.7.1-develop.7193.1.910a5b0a1e → 0.7.1-develop.7194.1.ab4fc81f82

package/dist/modules/workflows/backend/definitions/[id]/page.js

@@ -1,284 +1,19 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { useRouter, usePathname } from "next/navigation";
-import { useQuery } from "@tanstack/react-query";
+import { useRouter } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
-import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
-import { Spinner } from "@open-mercato/ui/primitives/spinner";
-import { Button } from "@open-mercato/ui/primitives/button";
-import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
-import { apiFetch, withScopedApiHeaders } from "@open-mercato/ui/backend/utils/api";
-import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
-import { buildRecordInjectionContext, useSetCurrentRecordInjectionContext } from "@open-mercato/ui/backend/injection/recordContext";
-import { ErrorMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
-import { readJsonSafe } from "@open-mercato/ui/backend/utils/serverErrors";
-import { formatWorkflowValidationError } from "../../../lib/format-validation-error.js";
-import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { LoadingMessage } from "@open-mercato/ui/backend/detail";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
-import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
-import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
-import {
-  workflowDefinitionFormSchema,
-  createFormGroups,
-  createFieldDefinitions,
-  parseWorkflowToFormValues,
-  buildWorkflowPayload
-} from "../../../components/formConfig.js";
-import { StepsEditor } from "../../../components/StepsEditor.js";
-import { TransitionsEditor } from "../../../components/TransitionsEditor.js";
-import { DefinitionTriggersEditor } from "../../../components/DefinitionTriggersEditor.js";
-import { MobileDefinitionDetail } from "../../../components/mobile/MobileDefinitionDetail.js";
-import { useIsMobile } from "@open-mercato/ui/hooks/useIsMobile";
+import { buildVisualEditorHref, WORKFLOW_STUDIO_CREATE_HREF } from "../../../lib/visual-editor-navigation.js";
 function EditWorkflowDefinitionPage({ params }) {
   const router = useRouter();
-  const pathname = usePathname();
   const t = useT();
-  const isMobile = useIsMobile();
   const definitionId = params?.id;
-  const { data: definition, isLoading, error } = useQuery({
-    queryKey: ["workflow-definition", definitionId],
-    queryFn: async () => {
-      const response = await apiFetch(`/api/workflows/definitions/${definitionId}`);
-      if (!response.ok) {
-        const err = new Error(t("workflows.errors.fetchFailed"));
-        err.status = response.status;
-        throw err;
-      }
-      const result = await response.json();
-      return result.data;
-    },
-    enabled: !!definitionId,
-    retry: (failureCount, err) => {
-      if (err.status === 404) return false;
-      return failureCount < 2;
-    }
-  });
-  const isNotFound = error?.status === 404;
-  const initialValues = React.useMemo(() => {
-    if (definition) {
-      return parseWorkflowToFormValues(definition);
-    }
-    return null;
-  }, [definition]);
-  const [triggers, setTriggers] = React.useState([]);
   React.useEffect(() => {
-    setTriggers(initialValues?.triggers ?? []);
-  }, [initialValues]);
-  const source = definition?.source;
-  const isCodeOnly = source === "code";
-  const isCodeOverride = source === "code_override";
-  const { confirm, ConfirmDialogElement } = useConfirmDialog();
-  const mutationContextId = React.useMemo(
-    () => `workflows.definitions.detail:${definitionId ?? "unknown"}`,
-    [definitionId]
-  );
-  const { runMutation, retryLastMutation } = useGuardedMutation({
-    contextId: mutationContextId
-  });
-  const handleSubmit = async (values) => {
-    const payload = buildWorkflowPayload({ ...values, triggers });
-    const optimisticLockHeader = buildOptimisticLockHeader(
-      typeof definition?.updatedAt === "string" ? definition.updatedAt : null
-    );
-    await runMutation({
-      operation: async () => {
-        const updateDefinition = () => apiFetch(`/api/workflows/definitions/${definitionId}`, {
-          method: "PUT",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(payload)
-        });
-        const response = Object.keys(optimisticLockHeader).length > 0 ? await withScopedApiHeaders(optimisticLockHeader, updateDefinition) : await updateDefinition();
-        if (!response.ok) {
-          const errorBody = await readJsonSafe(response, null);
-          throw Object.assign(
-            new Error(formatWorkflowValidationError(errorBody, t("workflows.errors.updateFailed"))),
-            { status: response.status, ...errorBody ?? {} }
-          );
-        }
-        return response;
-      },
-      mutationPayload: { resourceId: definitionId, operation: "update" },
-      context: {
-        formId: mutationContextId,
-        resourceKind: "workflows.definition",
-        resourceId: definitionId,
-        operation: "update",
-        retryLastMutation
-      }
-    });
-    router.push("/backend/definitions");
-    router.refresh();
-  };
-  const handleCustomize = async () => {
-    try {
-      const result = await runMutation({
-        operation: async () => {
-          const response = await apiFetch(`/api/workflows/definitions/${definitionId}/customize`, {
-            method: "POST"
-          });
-          if (!response.ok) {
-            const errorBody = await readJsonSafe(response, null);
-            throw new Error(errorBody?.error || t("workflows.errors.updateFailed"));
-          }
-          return readJsonSafe(response, null);
-        },
-        mutationPayload: { resourceId: definitionId, operation: "customize" },
-        context: {
-          formId: mutationContextId,
-          resourceKind: "workflows.definition",
-          resourceId: definitionId,
-          operation: "customize",
-          retryLastMutation
-        }
-      });
-      if (result?.data?.id) {
-        router.push(`/backend/definitions/${result.data.id}`);
-        router.refresh();
-      }
-    } catch (error2) {
-      const message = error2 instanceof Error ? error2.message : t("workflows.errors.updateFailed");
-      flash(message, "error");
-    }
-  };
-  const handleResetToCode = async () => {
-    const confirmed = await confirm({
-      title: t("workflows.actions.resetToCode"),
-      description: t("workflows.actions.resetConfirm"),
-      confirmText: t("workflows.actions.resetToCode"),
-      variant: "destructive"
-    });
-    if (!confirmed) return;
-    try {
-      const result = await runMutation({
-        operation: async () => {
-          const response = await apiFetch(`/api/workflows/definitions/${definitionId}/reset-to-code`, {
-            method: "POST"
-          });
-          if (!response.ok) {
-            const errorBody = await readJsonSafe(response, null);
-            throw new Error(errorBody?.error || t("workflows.messages.updateFailed"));
-          }
-          return readJsonSafe(response, null);
-        },
-        mutationPayload: { resourceId: definitionId, operation: "reset-to-code" },
-        context: {
-          formId: mutationContextId,
-          resourceKind: "workflows.definition",
-          resourceId: definitionId,
-          operation: "reset-to-code",
-          retryLastMutation
-        }
-      });
-      flash(t("workflows.messages.updated"), "success");
-      const codeId = result?.data?.id || `code:${definition?.workflowId}`;
-      router.push(`/backend/definitions/${codeId}`);
-      router.refresh();
-    } catch {
-      flash(t("workflows.messages.updateFailed"), "error");
-    }
-  };
-  const fields = React.useMemo(() => createFieldDefinitions(t), [t]);
-  const formGroups = React.useMemo(
-    () => isMobile ? [] : createFormGroups(t, StepsEditor, TransitionsEditor),
-    [t, isMobile]
-  );
-  const navigateToVisualEditor = React.useCallback(() => {
-    router.push(`/backend/definitions/visual-editor?id=${definitionId}`);
+    router.replace(definitionId ? buildVisualEditorHref(definitionId) : WORKFLOW_STUDIO_CREATE_HREF);
   }, [router, definitionId]);
-  useSetCurrentRecordInjectionContext(
-    buildRecordInjectionContext({
-      resourceKind: "workflows.definition",
-      resourceId: definitionId ?? null,
-      updatedAt: typeof definition?.updatedAt === "string" ? definition.updatedAt : null,
-      data: definition ?? null,
-      path: pathname
-    })
-  );
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(Spinner, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx("span", { children: t("workflows.edit.loading") })
-    ] }) }) });
-  }
-  if (isNotFound) {
-    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
-      RecordNotFoundState,
-      {
-        label: t("workflows.errors.notFound", t("workflows.errors.loadFailed")),
-        backHref: "/backend/definitions",
-        backLabel: t("workflows.backToList")
-      }
-    ) }) });
-  }
-  if (error || !definition) {
-    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
-      /* @__PURE__ */ jsx(ErrorMessage, { label: t("workflows.errors.loadFailed") }),
-      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsx("a", { href: "/backend/definitions", children: t("workflows.backToList") }) }) })
-    ] }) });
-  }
-  if (!initialValues) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Page, { children: [
-    /* @__PURE__ */ jsxs(PageBody, { children: [
-      isCodeOnly && /* @__PURE__ */ jsx(Alert, { status: "information", className: "mb-4", children: /* @__PURE__ */ jsxs(AlertDescription, { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx("span", { children: t("workflows.source.code.readonlyBanner") }),
-        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleCustomize, children: t("workflows.actions.customize") })
-      ] }) }),
-      isCodeOverride && /* @__PURE__ */ jsx(Alert, { status: "warning", className: "mb-4", children: /* @__PURE__ */ jsxs(AlertDescription, { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx("span", { children: t("workflows.source.code_override.banner") }),
-        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleResetToCode, children: t("workflows.actions.resetToCode") })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "mb-4 p-4 bg-status-info-bg border border-status-info-border rounded-lg flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-status-info-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-status-info-text", children: t("workflows.edit.visualEditorAvailable") }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-status-info-text mt-0.5", children: t("workflows.edit.visualEditorDescription") })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", size: "sm", className: "w-full sm:w-auto border-status-info-border text-status-info-text hover:bg-status-info-bg", children: /* @__PURE__ */ jsx("a", { href: `/backend/definitions/visual-editor?id=${definitionId}`, children: t("workflows.actions.openVisualEditor") }) })
-      ] }),
-      /* @__PURE__ */ jsx(
-        CrudForm,
-        {
-          title: isCodeOnly ? definition?.workflowName || t("workflows.edit.title") : t("workflows.edit.title"),
-          titleHeadingLevel: 1,
-          backHref: "/backend/definitions",
-          schema: workflowDefinitionFormSchema,
-          fields,
-          initialValues,
-          onSubmit: handleSubmit,
-          cancelHref: "/backend/definitions",
-          groups: formGroups,
-          submitLabel: isCodeOnly ? t("workflows.actions.customize") : t("workflows.form.update"),
-          ...isCodeOnly ? { readOnly: true } : {}
-        },
-        definitionId
-      ),
-      isMobile && initialValues && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(
-        MobileDefinitionDetail,
-        {
-          values: initialValues,
-          onEditStep: navigateToVisualEditor,
-          onDeleteStep: navigateToVisualEditor,
-          onAddStep: navigateToVisualEditor,
-          onEditTransition: navigateToVisualEditor,
-          onDeleteTransition: navigateToVisualEditor,
-          onAddTransition: navigateToVisualEditor
-        }
-      ) }),
-      /* @__PURE__ */ jsx("div", { className: "mt-8", children: /* @__PURE__ */ jsx(
-        DefinitionTriggersEditor,
-        {
-          value: triggers,
-          onChange: setTriggers
-        }
-      ) })
-    ] }),
-    ConfirmDialogElement
-  ] });
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("workflows.redirect.toStudio", "Opening the workflow studio\u2026") }) }) });
 }
 export {
   EditWorkflowDefinitionPage as default

package/dist/modules/workflows/backend/definitions/[id]/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/workflows/backend/definitions/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter, usePathname } from 'next/navigation'\nimport { useQuery } from '@tanstack/react-query'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { apiFetch, withScopedApiHeaders } from '@open-mercato/ui/backend/utils/api'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { buildRecordInjectionContext, useSetCurrentRecordInjectionContext } from '@open-mercato/ui/backend/injection/recordContext'\nimport { ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { readJsonSafe } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { formatWorkflowValidationError } from '../../../lib/format-validation-error'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport {\n  workflowDefinitionFormSchema,\n  createFormGroups,\n  createFieldDefinitions,\n  parseWorkflowToFormValues,\n  buildWorkflowPayload,\n  type WorkflowDefinitionFormValues,\n} from '../../../components/formConfig'\nimport { StepsEditor } from '../../../components/StepsEditor'\nimport { TransitionsEditor } from '../../../components/TransitionsEditor'\nimport { DefinitionTriggersEditor } from '../../../components/DefinitionTriggersEditor'\nimport { MobileDefinitionDetail } from '../../../components/mobile/MobileDefinitionDetail'\nimport { useIsMobile } from '@open-mercato/ui/hooks/useIsMobile'\nimport type { WorkflowDefinitionTrigger } from '../../../data/entities'\n\nexport default function EditWorkflowDefinitionPage({ params }: { params?: { id?: string } }) {\n  const router = useRouter()\n  const pathname = usePathname()\n  const t = useT()\n  const isMobile = useIsMobile()\n  const definitionId = params?.id\n\n  const { data: definition, isLoading, error } = useQuery({\n    queryKey: ['workflow-definition', definitionId],\n    queryFn: async () => {\n      const response = await apiFetch(`/api/workflows/definitions/${definitionId}`)\n      if (!response.ok) {\n        const err = new Error(t('workflows.errors.fetchFailed')) as Error & { status?: number }\n        err.status = response.status\n        throw err\n      }\n      const result = await response.json()\n      return result.data\n    },\n    enabled: !!definitionId,\n    retry: (failureCount, err) => {\n      if ((err as { status?: number }).status === 404) return false\n      return failureCount < 2\n    },\n  })\n\n  const isNotFound = (error as { status?: number } | null)?.status === 404\n\n  const initialValues = React.useMemo(() => {\n    if (definition) {\n      return parseWorkflowToFormValues(definition)\n    }\n    return null\n  }, [definition])\n\n  const [triggers, setTriggers] = React.useState<WorkflowDefinitionTrigger[]>([])\n\n  React.useEffect(() => {\n    setTriggers(initialValues?.triggers ?? [])\n  }, [initialValues])\n\n  const source = definition?.source as 'code' | 'code_override' | 'user' | undefined\n  const isCodeOnly = source === 'code'\n  const isCodeOverride = source === 'code_override'\n\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const mutationContextId = React.useMemo(\n    () => `workflows.definitions.detail:${definitionId ?? 'unknown'}`,\n    [definitionId],\n  )\n  const { runMutation, retryLastMutation } = useGuardedMutation<Record<string, unknown>>({\n    contextId: mutationContextId,\n  })\n\n  const handleSubmit = async (values: WorkflowDefinitionFormValues) => {\n    const payload = buildWorkflowPayload({ ...values, triggers })\n    const optimisticLockHeader = buildOptimisticLockHeader(\n      typeof definition?.updatedAt === 'string' ? definition.updatedAt : null,\n    )\n\n    await runMutation({\n      operation: async () => {\n        const updateDefinition = () => apiFetch(`/api/workflows/definitions/${definitionId}`, {\n          method: 'PUT',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        const response = Object.keys(optimisticLockHeader).length > 0\n          ? await withScopedApiHeaders(optimisticLockHeader, updateDefinition)\n          : await updateDefinition()\n        if (!response.ok) {\n          const errorBody = await readJsonSafe<{\n            error?: string\n            code?: string\n            currentUpdatedAt?: string\n            expectedUpdatedAt?: string\n            details?: Array<{ path?: Array<string | number>; message?: string }>\n          }>(response, null)\n          throw Object.assign(\n            new Error(formatWorkflowValidationError(errorBody, t('workflows.errors.updateFailed'))),\n            { status: response.status, ...(errorBody ?? {}) },\n          )\n        }\n        return response\n      },\n      mutationPayload: { resourceId: definitionId, operation: 'update' },\n      context: {\n        formId: mutationContextId,\n        resourceKind: 'workflows.definition',\n        resourceId: definitionId,\n        operation: 'update',\n        retryLastMutation,\n      },\n    })\n\n    router.push('/backend/definitions')\n    router.refresh()\n  }\n\n  const handleCustomize = async () => {\n    try {\n      const result = await runMutation({\n        operation: async () => {\n          const response = await apiFetch(`/api/workflows/definitions/${definitionId}/customize`, {\n            method: 'POST',\n          })\n          if (!response.ok) {\n            const errorBody = await readJsonSafe<{ error?: string }>(response, null)\n            throw new Error(errorBody?.error || t('workflows.errors.updateFailed'))\n          }\n          return readJsonSafe<{ data?: { id?: string } }>(response, null)\n        },\n        mutationPayload: { resourceId: definitionId, operation: 'customize' },\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'workflows.definition',\n          resourceId: definitionId,\n          operation: 'customize',\n          retryLastMutation,\n        },\n      })\n      if (result?.data?.id) {\n        router.push(`/backend/definitions/${result.data.id}`)\n        router.refresh()\n      }\n    } catch (error) {\n      const message = error instanceof Error ? error.message : t('workflows.errors.updateFailed')\n      flash(message, 'error')\n    }\n  }\n\n  const handleResetToCode = async () => {\n    const confirmed = await confirm({\n      title: t('workflows.actions.resetToCode'),\n      description: t('workflows.actions.resetConfirm'),\n      confirmText: t('workflows.actions.resetToCode'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    try {\n      const result = await runMutation({\n        operation: async () => {\n          const response = await apiFetch(`/api/workflows/definitions/${definitionId}/reset-to-code`, {\n            method: 'POST',\n          })\n          if (!response.ok) {\n            const errorBody = await readJsonSafe<{ error?: string }>(response, null)\n            throw new Error(errorBody?.error || t('workflows.messages.updateFailed'))\n          }\n          return readJsonSafe<{ data?: { id?: string } }>(response, null)\n        },\n        mutationPayload: { resourceId: definitionId, operation: 'reset-to-code' },\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'workflows.definition',\n          resourceId: definitionId,\n          operation: 'reset-to-code',\n          retryLastMutation,\n        },\n      })\n      flash(t('workflows.messages.updated'), 'success')\n      const codeId = result?.data?.id || `code:${definition?.workflowId}`\n      router.push(`/backend/definitions/${codeId}`)\n      router.refresh()\n    } catch {\n      flash(t('workflows.messages.updateFailed'), 'error')\n    }\n  }\n\n  const fields = React.useMemo(() => createFieldDefinitions(t), [t])\n\n  const formGroups = React.useMemo(\n    () => isMobile ? [] : createFormGroups(t, StepsEditor, TransitionsEditor),\n    [t, isMobile]\n  )\n\n  const navigateToVisualEditor = React.useCallback(() => {\n    router.push(`/backend/definitions/visual-editor?id=${definitionId}`)\n  }, [router, definitionId])\n\n  // Publish page-load record context to the AppShell-owned `backend:record:current`\n  // mount so the enterprise record_locks widget resolves `workflows.definition` + id\n  // explicitly. The resourceKind mirrors the save-time `useGuardedMutation` context\n  // and server guard so the held lock matches the conflict surface for the same\n  // definition across both the form and visual editors.\n  useSetCurrentRecordInjectionContext(\n    buildRecordInjectionContext({\n      resourceKind: 'workflows.definition',\n      resourceId: definitionId ?? null,\n      updatedAt: typeof definition?.updatedAt === 'string' ? definition.updatedAt : null,\n      data: (definition ?? null) as Record<string, unknown> | null,\n      path: pathname,\n    }),\n  )\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground\">\n            <Spinner className=\"h-6 w-6\" />\n            <span>{t('workflows.edit.loading')}</span>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('workflows.errors.notFound', t('workflows.errors.loadFailed'))}\n            backHref=\"/backend/definitions\"\n            backLabel={t('workflows.backToList')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !definition) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={t('workflows.errors.loadFailed')} />\n          <div className=\"mt-4 flex justify-center\">\n            <Button asChild variant=\"outline\">\n              <a href=\"/backend/definitions\">{t('workflows.backToList')}</a>\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (!initialValues) {\n    return null\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        {isCodeOnly && (\n          <Alert status=\"information\" className=\"mb-4\">\n            <AlertDescription className=\"flex items-center justify-between\">\n              <span>{t('workflows.source.code.readonlyBanner')}</span>\n              <Button variant=\"outline\" size=\"sm\" onClick={handleCustomize}>\n                {t('workflows.actions.customize')}\n              </Button>\n            </AlertDescription>\n          </Alert>\n        )}\n        {isCodeOverride && (\n          <Alert status=\"warning\" className=\"mb-4\">\n            <AlertDescription className=\"flex items-center justify-between\">\n              <span>{t('workflows.source.code_override.banner')}</span>\n              <Button variant=\"outline\" size=\"sm\" onClick={handleResetToCode}>\n                {t('workflows.actions.resetToCode')}\n              </Button>\n            </AlertDescription>\n          </Alert>\n        )}\n        <div className=\"mb-4 p-4 bg-status-info-bg border border-status-info-border rounded-lg flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex items-start gap-3\">\n            <svg className=\"w-5 h-5 text-status-info-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\n            </svg>\n            <div>\n              <p className=\"text-sm font-medium text-status-info-text\">\n                {t('workflows.edit.visualEditorAvailable')}\n              </p>\n              <p className=\"text-xs text-status-info-text mt-0.5\">\n                {t('workflows.edit.visualEditorDescription')}\n              </p>\n            </div>\n          </div>\n          <Button asChild variant=\"outline\" size=\"sm\" className=\"w-full sm:w-auto border-status-info-border text-status-info-text hover:bg-status-info-bg\">\n            <a href={`/backend/definitions/visual-editor?id=${definitionId}`}>\n              {t('workflows.actions.openVisualEditor')}\n            </a>\n          </Button>\n        </div>\n        <CrudForm\n          key={definitionId}\n          title={isCodeOnly ? definition?.workflowName || t('workflows.edit.title') : t('workflows.edit.title')}\n          titleHeadingLevel={1}\n          backHref=\"/backend/definitions\"\n          schema={workflowDefinitionFormSchema}\n          fields={fields}\n          initialValues={initialValues}\n          onSubmit={handleSubmit}\n          cancelHref=\"/backend/definitions\"\n          groups={formGroups}\n          submitLabel={isCodeOnly ? t('workflows.actions.customize') : t('workflows.form.update')}\n          {...(isCodeOnly ? { readOnly: true } : {})}\n        />\n\n        {/* Mobile Steps & Transitions View */}\n        {isMobile && initialValues && (\n          <div className=\"mt-4\">\n            <MobileDefinitionDetail\n              values={initialValues}\n              onEditStep={navigateToVisualEditor}\n              onDeleteStep={navigateToVisualEditor}\n              onAddStep={navigateToVisualEditor}\n              onEditTransition={navigateToVisualEditor}\n              onDeleteTransition={navigateToVisualEditor}\n              onAddTransition={navigateToVisualEditor}\n            />\n          </div>\n        )}\n\n        {/* Event Triggers Section */}\n        <div className=\"mt-8\">\n          <DefinitionTriggersEditor\n            value={triggers}\n            onChange={setTriggers}\n          />\n        </div>\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["error"]
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { buildVisualEditorHref, WORKFLOW_STUDIO_CREATE_HREF } from '../../../lib/visual-editor-navigation'\n\n/**\n * Bridge route \u2014 the form editor is RETIRED (spec section 10).\n *\n * Every definition is now edited in the Studio, so this route forwards to\n * `/backend/definitions/visual-editor?id=<id>` and keeps its sibling\n * `page.meta.ts` guard intact. It stays for at least one minor release for\n * bookmarks and third-party deep links, per BACKWARD_COMPATIBILITY.md's\n * deprecation protocol, and is deliberately NOT deleted.\n *\n * @deprecated Link to `/backend/definitions/visual-editor?id=<id>` instead.\n */\nexport default function EditWorkflowDefinitionPage({ params }: { params?: { id?: string } }) {\n  const router = useRouter()\n  const t = useT()\n  // The id comes from the params prop the /backend/[...slug] catch-all passes\n  // down, never from the router hook or a positional slug index (#5600).\n  const definitionId = params?.id\n\n  React.useEffect(() => {\n    router.replace(definitionId ? buildVisualEditorHref(definitionId) : WORKFLOW_STUDIO_CREATE_HREF)\n  }, [router, definitionId])\n\n  return (\n    <Page>\n      <PageBody>\n        <LoadingMessage label={t('workflows.redirect.toStudio', 'Opening the workflow studio\u2026')} />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AAkCQ;AAhCR,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,uBAAuB,mCAAmC;AAapD,SAAR,2BAA4C,EAAE,OAAO,GAAiC;AAC3F,QAAM,SAAS,UAAU;AACzB,QAAM,IAAI,KAAK;AAGf,QAAM,eAAe,QAAQ;AAE7B,QAAM,UAAU,MAAM;AACpB,WAAO,QAAQ,eAAe,sBAAsB,YAAY,IAAI,2BAA2B;AAAA,EACjG,GAAG,CAAC,QAAQ,YAAY,CAAC;AAEzB,SACE,oBAAC,QACC,8BAAC,YACC,8BAAC,kBAAe,OAAO,EAAE,+BAA+B,mCAA8B,GAAG,GAC3F,GACF;AAEJ;",
+  "names": []
 }

package/dist/modules/workflows/backend/definitions/create/page.js

@@ -1,67 +1,18 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useRouter } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
-import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
-import { apiFetch } from "@open-mercato/ui/backend/utils/api";
-import { readJsonSafe } from "@open-mercato/ui/backend/utils/serverErrors";
+import { LoadingMessage } from "@open-mercato/ui/backend/detail";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
-import {
-  workflowDefinitionFormSchema,
-  createFormGroups,
-  createFieldDefinitions,
-  defaultFormValues,
-  buildWorkflowPayload
-} from "../../../components/formConfig.js";
-import { StepsEditor } from "../../../components/StepsEditor.js";
-import { TransitionsEditor } from "../../../components/TransitionsEditor.js";
-import { Alert, AlertDescription, AlertTitle } from "@open-mercato/ui/primitives/alert";
-import { Zap } from "lucide-react";
-import { formatWorkflowValidationError } from "../../../lib/format-validation-error.js";
+import { WORKFLOW_STUDIO_CREATE_HREF } from "../../../lib/visual-editor-navigation.js";
 function CreateWorkflowDefinitionPage() {
   const router = useRouter();
   const t = useT();
-  const handleSubmit = async (values) => {
-    const payload = buildWorkflowPayload(values);
-    const response = await apiFetch("/api/workflows/definitions", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(payload)
-    });
-    if (!response.ok) {
-      const errorBody = await readJsonSafe(response, null);
-      throw new Error(formatWorkflowValidationError(errorBody, t("workflows.errors.createFailed")));
-    }
-    router.push("/backend/definitions");
-    router.refresh();
-  };
-  const fields = React.useMemo(() => createFieldDefinitions(t), [t]);
-  const formGroups = React.useMemo(
-    () => createFormGroups(t, StepsEditor, TransitionsEditor),
-    [t]
-  );
-  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
-    /* @__PURE__ */ jsxs(Alert, { status: "information", icon: /* @__PURE__ */ jsx(Zap, { "aria-hidden": "true" }), className: "mb-6", children: [
-      /* @__PURE__ */ jsx(AlertTitle, { children: t("workflows.create.eventTriggersTitle") }),
-      /* @__PURE__ */ jsx(AlertDescription, { children: t("workflows.create.eventTriggersDescription") })
-    ] }),
-    /* @__PURE__ */ jsx(
-      CrudForm,
-      {
-        title: t("workflows.create.title"),
-        titleHeadingLevel: 1,
-        backHref: "/backend/definitions",
-        schema: workflowDefinitionFormSchema,
-        fields,
-        initialValues: defaultFormValues,
-        onSubmit: handleSubmit,
-        cancelHref: "/backend/definitions",
-        groups: formGroups,
-        submitLabel: t("workflows.form.create")
-      }
-    )
-  ] }) });
+  React.useEffect(() => {
+    router.replace(WORKFLOW_STUDIO_CREATE_HREF);
+  }, [router]);
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("workflows.redirect.toStudio", "Opening the workflow studio\u2026") }) }) });
 }
 export {
   CreateWorkflowDefinitionPage as default

package/dist/modules/workflows/backend/definitions/create/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/workflows/backend/definitions/create/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { readJsonSafe } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  workflowDefinitionFormSchema,\n  createFormGroups,\n  createFieldDefinitions,\n  defaultFormValues,\n  buildWorkflowPayload,\n  type WorkflowDefinitionFormValues,\n} from '../../../components/formConfig'\nimport { StepsEditor } from '../../../components/StepsEditor'\nimport { TransitionsEditor } from '../../../components/TransitionsEditor'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { Zap } from 'lucide-react'\nimport { formatWorkflowValidationError } from '../../../lib/format-validation-error'\n\nexport default function CreateWorkflowDefinitionPage() {\n  const router = useRouter()\n  const t = useT()\n\n  const handleSubmit = async (values: WorkflowDefinitionFormValues) => {\n    const payload = buildWorkflowPayload(values)\n\n    const response = await apiFetch('/api/workflows/definitions', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify(payload),\n    })\n\n    if (!response.ok) {\n      const errorBody = await readJsonSafe<{ error?: string; details?: Array<{ path?: Array<string | number>; message?: string }> }>(response, null)\n      throw new Error(formatWorkflowValidationError(errorBody, t('workflows.errors.createFailed')))\n    }\n\n    router.push('/backend/definitions')\n    router.refresh()\n  }\n\n  const fields = React.useMemo(() => createFieldDefinitions(t), [t])\n\n  const formGroups = React.useMemo(\n    () => createFormGroups(t, StepsEditor, TransitionsEditor),\n    [t]\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <Alert status=\"information\" icon={<Zap aria-hidden=\"true\" />} className=\"mb-6\">\n          <AlertTitle>{t('workflows.create.eventTriggersTitle')}</AlertTitle>\n          <AlertDescription>\n            {t('workflows.create.eventTriggersDescription')}\n          </AlertDescription>\n        </Alert>\n        <CrudForm\n          title={t('workflows.create.title')}\n          titleHeadingLevel={1}\n          backHref=\"/backend/definitions\"\n          schema={workflowDefinitionFormSchema}\n          fields={fields}\n          initialValues={defaultFormValues}\n          onSubmit={handleSubmit}\n          cancelHref=\"/backend/definitions\"\n          groups={formGroups}\n          submitLabel={t('workflows.form.create')}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": ";AAuDQ,SAAkC,KAAlC;AArDR,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,OAAO,kBAAkB,kBAAkB;AACpD,SAAS,WAAW;AACpB,SAAS,qCAAqC;AAE/B,SAAR,+BAAgD;AACrD,QAAM,SAAS,UAAU;AACzB,QAAM,IAAI,KAAK;AAEf,QAAM,eAAe,OAAO,WAAyC;AACnE,UAAM,UAAU,qBAAqB,MAAM;AAE3C,UAAM,WAAW,MAAM,SAAS,8BAA8B;AAAA,MAC5D,QAAQ;AAAA,MACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,MAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,IAC9B,CAAC;AAED,QAAI,CAAC,SAAS,IAAI;AAChB,YAAM,YAAY,MAAM,aAAuG,UAAU,IAAI;AAC7I,YAAM,IAAI,MAAM,8BAA8B,WAAW,EAAE,+BAA+B,CAAC,CAAC;AAAA,IAC9F;AAEA,WAAO,KAAK,sBAAsB;AAClC,WAAO,QAAQ;AAAA,EACjB;AAEA,QAAM,SAAS,MAAM,QAAQ,MAAM,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC;AAEjE,QAAM,aAAa,MAAM;AAAA,IACvB,MAAM,iBAAiB,GAAG,aAAa,iBAAiB;AAAA,IACxD,CAAC,CAAC;AAAA,EACJ;AAEA,SACE,oBAAC,QACC,+BAAC,YACC;AAAA,yBAAC,SAAM,QAAO,eAAc,MAAM,oBAAC,OAAI,eAAY,QAAO,GAAI,WAAU,QACtE;AAAA,0BAAC,cAAY,YAAE,qCAAqC,GAAE;AAAA,MACtD,oBAAC,oBACE,YAAE,2CAA2C,GAChD;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,wBAAwB;AAAA,QACjC,mBAAmB;AAAA,QACnB,UAAS;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,QACA,eAAe;AAAA,QACf,UAAU;AAAA,QACV,YAAW;AAAA,QACX,QAAQ;AAAA,QACR,aAAa,EAAE,uBAAuB;AAAA;AAAA,IACxC;AAAA,KACF,GACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { WORKFLOW_STUDIO_CREATE_HREF } from '../../../lib/visual-editor-navigation'\n\n/**\n * Bridge route \u2014 the form editor is RETIRED (spec section 10).\n *\n * The Studio (`/backend/definitions/visual-editor`) is the only workflow editor;\n * this file stays for at least one minor release so bookmarks, deep links and\n * third-party navigation to `/backend/definitions/create` keep working, and its\n * sibling `page.meta.ts` keeps enforcing the same RBAC guard it always did. It\n * is deliberately NOT deleted \u2014 see BACKWARD_COMPATIBILITY.md's deprecation\n * protocol and the UPGRADE_NOTES entry.\n *\n * @deprecated Link to `/backend/definitions/visual-editor` instead.\n */\nexport default function CreateWorkflowDefinitionPage() {\n  const router = useRouter()\n  const t = useT()\n\n  React.useEffect(() => {\n    router.replace(WORKFLOW_STUDIO_CREATE_HREF)\n  }, [router])\n\n  return (\n    <Page>\n      <PageBody>\n        <LoadingMessage label={t('workflows.redirect.toStudio', 'Opening the workflow studio\u2026')} />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AAgCQ;AA9BR,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAc7B,SAAR,+BAAgD;AACrD,QAAM,SAAS,UAAU;AACzB,QAAM,IAAI,KAAK;AAEf,QAAM,UAAU,MAAM;AACpB,WAAO,QAAQ,2BAA2B;AAAA,EAC5C,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,oBAAC,QACC,8BAAC,YACC,8BAAC,kBAAe,OAAO,EAAE,+BAA+B,mCAA8B,GAAG,GAC3F,GACF;AAEJ;",
   "names": []
 }

package/dist/modules/workflows/backend/definitions/create/page.meta.js

@@ -9,7 +9,7 @@ const createIcon = React.createElement(
 );
 const metadata = {
   requireAuth: true,
-  requireFeatures: ["workflows.create"],
+  requireFeatures: ["workflows.definitions.create"],
   pageTitle: "Create Workflow Definition",
   pageTitleKey: "workflows.create.title",
   pageGroup: "Workflows",

package/dist/modules/workflows/backend/definitions/create/page.meta.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/workflows/backend/definitions/create/page.meta.ts"],
-  "sourcesContent": ["import React from 'react'\n\nconst createIcon = React.createElement(\n  'svg',\n  { width: 16, height: 16, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 2 },\n  React.createElement('path', { d: 'M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z' }),\n  React.createElement('polyline', { points: '14 2 14 8 20 8' }),\n  React.createElement('line', { x1: 12, y1: 13, x2: 12, y2: 19 }),\n  React.createElement('line', { x1: 9, y1: 16, x2: 15, y2: 16 })\n)\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['workflows.create'],\n  pageTitle: 'Create Workflow Definition',\n  pageTitleKey: 'workflows.create.title',\n  pageGroup: 'Workflows',\n  pageGroupKey: 'workflows.module.name',\n  pagePriority: 10,\n  pageOrder: 100,\n  icon: createIcon,\n  breadcrumb: [\n    { label: 'Workflows', labelKey: 'workflows.module.name', href: '/backend/definitions' },\n    { label: 'Create', labelKey: 'workflows.common.create' },\n  ],\n}\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,MAAM,aAAa,MAAM;AAAA,EACvB;AAAA,EACA,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,QAAQ,gBAAgB,aAAa,EAAE;AAAA,EACpG,MAAM,cAAc,QAAQ,EAAE,GAAG,6DAA6D,CAAC;AAAA,EAC/F,MAAM,cAAc,YAAY,EAAE,QAAQ,iBAAiB,CAAC;AAAA,EAC5D,MAAM,cAAc,QAAQ,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,CAAC;AAAA,EAC9D,MAAM,cAAc,QAAQ,EAAE,IAAI,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,CAAC;AAC/D;AAEO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,kBAAkB;AAAA,EACpC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,IACV,EAAE,OAAO,aAAa,UAAU,yBAAyB,MAAM,uBAAuB;AAAA,IACtF,EAAE,OAAO,UAAU,UAAU,0BAA0B;AAAA,EACzD;AACF;",
+  "sourcesContent": ["import React from 'react'\n\nconst createIcon = React.createElement(\n  'svg',\n  { width: 16, height: 16, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 2 },\n  React.createElement('path', { d: 'M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z' }),\n  React.createElement('polyline', { points: '14 2 14 8 20 8' }),\n  React.createElement('line', { x1: 12, y1: 13, x2: 12, y2: 19 }),\n  React.createElement('line', { x1: 9, y1: 16, x2: 15, y2: 16 })\n)\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['workflows.definitions.create'],\n  pageTitle: 'Create Workflow Definition',\n  pageTitleKey: 'workflows.create.title',\n  pageGroup: 'Workflows',\n  pageGroupKey: 'workflows.module.name',\n  pagePriority: 10,\n  pageOrder: 100,\n  icon: createIcon,\n  breadcrumb: [\n    { label: 'Workflows', labelKey: 'workflows.module.name', href: '/backend/definitions' },\n    { label: 'Create', labelKey: 'workflows.common.create' },\n  ],\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,MAAM,aAAa,MAAM;AAAA,EACvB;AAAA,EACA,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,QAAQ,gBAAgB,aAAa,EAAE;AAAA,EACpG,MAAM,cAAc,QAAQ,EAAE,GAAG,6DAA6D,CAAC;AAAA,EAC/F,MAAM,cAAc,YAAY,EAAE,QAAQ,iBAAiB,CAAC;AAAA,EAC5D,MAAM,cAAc,QAAQ,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,CAAC;AAAA,EAC9D,MAAM,cAAc,QAAQ,EAAE,IAAI,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,CAAC;AAC/D;AAEO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,8BAA8B;AAAA,EAChD,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,IACV,EAAE,OAAO,aAAa,UAAU,yBAAyB,MAAM,uBAAuB;AAAA,IACtF,EAAE,OAAO,UAAU,UAAU,0BAA0B;AAAA,EACzD;AACF;",
   "names": []
 }