@arbidocs/blocks 0.5.16 → 0.5.18

package/dist/chunk-U4HWVCRN.js

@@ -0,0 +1,180 @@
+"use client";
+import { ModalScaffold } from './chunk-TX2ZICS7.js';
+import { testIdOr } from './chunk-7F6CBP3Z.js';
+import { useMemo, useRef, useState } from 'react';
+import { AlertTriangle, Info, AlertCircle } from 'lucide-react';
+import { Button } from '@arbidocs/react/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_CONFIRM_DIALOG_LABELS = {
+  confirm: "Confirm",
+  cancel: "Cancel",
+  pleaseWait: "Please wait..."
+};
+function ConfirmDialog({
+  isOpen,
+  onClose,
+  onConfirm,
+  title,
+  description,
+  confirmText,
+  cancelText,
+  variant = "destructive",
+  isLoading = false,
+  labels,
+  testId,
+  testIds,
+  children
+}) {
+  const l = useMemo(() => ({ ...DEFAULT_CONFIRM_DIALOG_LABELS, ...labels }), [labels]);
+  const cancelRef = useRef(null);
+  return /* @__PURE__ */ jsxs(
+    ModalScaffold,
+    {
+      open: isOpen,
+      onOpenChange: (next) => {
+        if (!next) onClose();
+      },
+      role: "alertdialog",
+      initialFocusRef: cancelRef,
+      title,
+      description: /* @__PURE__ */ jsx("span", { className: "whitespace-pre-line", children: description }),
+      showDescription: true,
+      icon: variant === "destructive" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-5 w-5 text-red-text", "aria-hidden": "true" }) : null,
+      testId: testIdOr(testId, { testId: "confirmation-modal" }),
+      children: [
+        children,
+        /* @__PURE__ */ jsxs(ModalScaffold.Footer, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              ref: cancelRef,
+              variant: "outline",
+              onClick: () => onClose(),
+              disabled: isLoading,
+              "data-testid": testIdOr(testIds?.cancel, { testId: "confirmation-modal-cancel-button" }),
+              children: cancelText ?? l.cancel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant,
+              onClick: onConfirm,
+              disabled: isLoading,
+              "data-testid": testIdOr(testIds?.confirm, { testId: "confirmation-modal-confirm-button" }),
+              children: isLoading ? l.pleaseWait : confirmText ?? l.confirm
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var UNMOUNT_DELAY_MS = 300;
+function PromptDialog({
+  request,
+  onSettle
+}) {
+  const [open, setOpen] = useState(true);
+  const { message, title = "Confirm", choices, icon = "alert", testId = "choice-modal" } = request;
+  const settle = (value) => {
+    setOpen(false);
+    onSettle(value);
+  };
+  return /* @__PURE__ */ jsx(
+    ModalScaffold,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (!next) settle(null);
+      },
+      title,
+      icon: icon === "info" ? /* @__PURE__ */ jsx(Info, { className: "h-5 w-5 text-blue-text", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(AlertCircle, { className: "h-5 w-5", "aria-hidden": "true" }),
+      description: /* @__PURE__ */ jsx("span", { className: "whitespace-pre-line", children: message }),
+      showDescription: true,
+      testId,
+      children: /* @__PURE__ */ jsx(ModalScaffold.Footer, { children: choices.map((choice) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: choice.variant ?? "default",
+          onClick: () => settle(choice.value),
+          "data-testid": `${testId}-${choice.value.toLowerCase()}-button`,
+          children: choice.label
+        },
+        choice.value
+      )) })
+    }
+  );
+}
+function mountDialog(fallback, render) {
+  if (typeof document === "undefined") return Promise.resolve(fallback);
+  return new Promise((resolve) => {
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+    let settled = false;
+    void import('react-dom/client').then(({ createRoot }) => {
+      const root = createRoot(container);
+      const settle = (value) => {
+        if (settled) return;
+        settled = true;
+        resolve(value);
+        setTimeout(() => {
+          root.unmount();
+          container.remove();
+        }, UNMOUNT_DELAY_MS);
+      };
+      root.render(render(settle));
+    });
+  });
+}
+function choiceDialog(request) {
+  return mountDialog(null, (settle) => /* @__PURE__ */ jsx(PromptDialog, { request, onSettle: settle }));
+}
+function PromptConfirm({
+  request,
+  kind,
+  onSettle
+}) {
+  const [open, setOpen] = useState(true);
+  const settle = (value) => {
+    setOpen(false);
+    onSettle(value);
+  };
+  const yesno = kind === "yesno";
+  return /* @__PURE__ */ jsx(
+    ConfirmDialog,
+    {
+      isOpen: open,
+      onClose: () => settle(false),
+      onConfirm: () => settle(true),
+      title: request.title ?? "Confirm",
+      description: request.message,
+      variant: yesno ? "default" : "destructive",
+      ...yesno ? {
+        confirmText: "Yes",
+        cancelText: "No",
+        testId: "yes-no-modal",
+        testIds: { confirm: "yes-no-modal-yes-button", cancel: "yes-no-modal-no-button" }
+      } : {}
+    }
+  );
+}
+async function confirmDialog(request) {
+  const kind = request.kind ?? "confirm";
+  if (kind === "alert") {
+    const choice = await choiceDialog({
+      message: request.message,
+      title: request.title ?? "Alert",
+      choices: [{ label: "OK", value: "ok" }],
+      icon: "info",
+      testId: "alert-modal"
+    });
+    return choice === "ok";
+  }
+  return mountDialog(false, (settle) => /* @__PURE__ */ jsx(PromptConfirm, { request, kind, onSettle: settle }));
+}
+
+export { ConfirmDialog, DEFAULT_CONFIRM_DIALOG_LABELS, choiceDialog, confirmDialog };
+//# sourceMappingURL=chunk-U4HWVCRN.js.map
+//# sourceMappingURL=chunk-U4HWVCRN.js.map

package/dist/chunk-U4HWVCRN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/dialogs.tsx"],"names":[],"mappings":"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","file":"chunk-U4HWVCRN.js","sourcesContent":["/**\n * The one confirmation dialog, and the promise-based prompts built on it — the blocks replacement\n * for `window.confirm` / `window.alert`.\n *\n * - `ConfirmDialog` is the declarative yes/no dialog (with a loading state and optional content).\n * - `confirmDialog()` shows that same dialog from any event handler: each call mounts its own\n *   short-lived React root, so no dialog host is needed in the tree.\n * - `choiceDialog()` offers arbitrary choices (Overwrite / Skip / Cancel); an `alert` is one OK.\n *\n * Hosts reach the prompts through `useBlocksEnvironment().confirm` / `.choose` (the defaults),\n * which lets an app swap in its own dialogs without touching callers.\n */\nimport { useMemo, useRef, useState, type ReactElement, type ReactNode } from 'react'\nimport { AlertCircle, AlertTriangle, Info } from 'lucide-react'\nimport { Button } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport { ModalScaffold } from '../settings/ModalScaffold'\n\n/** Every fixed string of the confirm dialog. `confirmText` / `cancelText` props win. */\nexport interface ConfirmDialogLabels {\n  confirm: string\n  cancel: string\n  pleaseWait: string\n}\n\nexport const DEFAULT_CONFIRM_DIALOG_LABELS: ConfirmDialogLabels = {\n  confirm: 'Confirm',\n  cancel: 'Cancel',\n  pleaseWait: 'Please wait...',\n}\n\nexport interface ConfirmDialogProps {\n  labels?: Partial<ConfirmDialogLabels>\n  isOpen: boolean\n  onClose: () => void\n  onConfirm: () => void\n  title: string\n  description: string\n  confirmText?: string\n  cancelText?: string\n  variant?: 'destructive' | 'default'\n  isLoading?: boolean\n  /** Dialog test id (default `confirmation-modal`). */\n  testId?: string\n  /** Button ids; defaults are the current ids. */\n  testIds?: Partial<Record<'cancel' | 'confirm', string>>\n  /** Extra content between the description and the buttons (e.g. an opt-in checkbox). */\n  children?: ReactNode\n}\n\n/**\n * Declarative yes/no confirmation with a loading state. An `alertdialog`: initial focus is on\n * Cancel (the safe action) and clicking outside does not dismiss it; Escape and Cancel do.\n */\nexport function ConfirmDialog({\n  isOpen,\n  onClose,\n  onConfirm,\n  title,\n  description,\n  confirmText,\n  cancelText,\n  variant = 'destructive',\n  isLoading = false,\n  labels,\n  testId,\n  testIds,\n  children,\n}: ConfirmDialogProps) {\n  const l = useMemo(() => ({ ...DEFAULT_CONFIRM_DIALOG_LABELS, ...labels }), [labels])\n  const cancelRef = useRef<HTMLButtonElement>(null)\n  return (\n    <ModalScaffold\n      open={isOpen}\n      onOpenChange={(next) => {\n        if (!next) onClose()\n      }}\n      role=\"alertdialog\"\n      initialFocusRef={cancelRef}\n      title={title}\n      description={<span className=\"whitespace-pre-line\">{description}</span>}\n      showDescription\n      icon={\n        variant === 'destructive' ? (\n          <AlertTriangle className=\"h-5 w-5 text-red-text\" aria-hidden=\"true\" />\n        ) : null\n      }\n      testId={testIdOr(testId, { testId: 'confirmation-modal' })}\n    >\n      {children}\n      <ModalScaffold.Footer>\n        <Button\n          ref={cancelRef}\n          variant=\"outline\"\n          onClick={() => onClose()}\n          disabled={isLoading}\n          data-testid={testIdOr(testIds?.cancel, { testId: 'confirmation-modal-cancel-button' })}\n        >\n          {cancelText ?? l.cancel}\n        </Button>\n        <Button\n          variant={variant}\n          onClick={onConfirm}\n          disabled={isLoading}\n          data-testid={testIdOr(testIds?.confirm, { testId: 'confirmation-modal-confirm-button' })}\n        >\n          {isLoading ? l.pleaseWait : (confirmText ?? l.confirm)}\n        </Button>\n      </ModalScaffold.Footer>\n    </ModalScaffold>\n  )\n}\ntype ChoiceVariant = 'default' | 'destructive' | 'outline'\n\nexport interface PromptChoice<T extends string> {\n  label: string\n  value: T\n  variant?: ChoiceVariant\n}\n\n/** A dialog offering arbitrary choices (e.g. Overwrite / Skip / Cancel). */\nexport interface ChoiceRequest<T extends string> {\n  message: string\n  title?: string\n  choices: PromptChoice<T>[]\n  icon?: 'alert' | 'info'\n  /** Dialog test id; each button is `${testId}-${value}-button`. Default `choice-modal`. */\n  testId?: string\n}\n\n/**\n * `confirm` — Cancel / Confirm (destructive); `yesno` — No / Yes; `alert` — a single OK\n * (resolves true once acknowledged).\n */\nexport type ConfirmKind = 'confirm' | 'yesno' | 'alert'\n\nexport interface ConfirmRequest {\n  message: string\n  /** Default: \"Alert\" for `alert`, else \"Confirm\". */\n  title?: string\n  kind?: ConfirmKind\n}\n\n/** Close animation length before the root is unmounted. */\nconst UNMOUNT_DELAY_MS = 300\n\nfunction PromptDialog<T extends string>({\n  request,\n  onSettle,\n}: {\n  request: ChoiceRequest<T>\n  onSettle: (value: T | null) => void\n}): ReactElement {\n  const [open, setOpen] = useState(true)\n  const { message, title = 'Confirm', choices, icon = 'alert', testId = 'choice-modal' } = request\n  const settle = (value: T | null) => {\n    setOpen(false)\n    onSettle(value)\n  }\n  return (\n    <ModalScaffold\n      open={open}\n      onOpenChange={(next) => {\n        if (!next) settle(null)\n      }}\n      title={title}\n      icon={\n        icon === 'info' ? (\n          <Info className=\"h-5 w-5 text-blue-text\" aria-hidden=\"true\" />\n        ) : (\n          <AlertCircle className=\"h-5 w-5\" aria-hidden=\"true\" />\n        )\n      }\n      description={<span className=\"whitespace-pre-line\">{message}</span>}\n      showDescription\n      testId={testId}\n    >\n      <ModalScaffold.Footer>\n        {choices.map((choice) => (\n          <Button\n            key={choice.value}\n            variant={choice.variant ?? 'default'}\n            onClick={() => settle(choice.value)}\n            data-testid={`${testId}-${choice.value.toLowerCase()}-button`}\n          >\n            {choice.label}\n          </Button>\n        ))}\n      </ModalScaffold.Footer>\n    </ModalScaffold>\n  )\n}\n\n/** Mount a dialog in its own short-lived root; `render` gets the settle callback. */\nfunction mountDialog<R>(\n  fallback: R,\n  render: (settle: (value: R) => void) => ReactElement\n): Promise<R> {\n  if (typeof document === 'undefined') return Promise.resolve(fallback)\n  return new Promise((resolve) => {\n    const container = document.createElement('div')\n    document.body.appendChild(container)\n    let settled = false\n    void import('react-dom/client').then(({ createRoot }) => {\n      const root = createRoot(container)\n      const settle = (value: R) => {\n        if (settled) return\n        settled = true\n        resolve(value)\n        setTimeout(() => {\n          root.unmount()\n          container.remove()\n        }, UNMOUNT_DELAY_MS)\n      }\n      root.render(render(settle))\n    })\n  })\n}\n\n/** Show a choice dialog; resolves with the chosen `value`, or `null` when dismissed. */\nexport function choiceDialog<T extends string>(request: ChoiceRequest<T>): Promise<T | null> {\n  return mountDialog<T | null>(null, (settle) => (\n    <PromptDialog request={request} onSettle={settle} />\n  ))\n}\n\n/** `ConfirmDialog` driven by a promise: open until answered, then closes. */\nfunction PromptConfirm({\n  request,\n  kind,\n  onSettle,\n}: {\n  request: ConfirmRequest\n  kind: 'confirm' | 'yesno'\n  onSettle: (value: boolean) => void\n}): ReactElement {\n  const [open, setOpen] = useState(true)\n  const settle = (value: boolean) => {\n    setOpen(false)\n    onSettle(value)\n  }\n  const yesno = kind === 'yesno'\n  return (\n    <ConfirmDialog\n      isOpen={open}\n      onClose={() => settle(false)}\n      onConfirm={() => settle(true)}\n      title={request.title ?? 'Confirm'}\n      description={request.message}\n      variant={yesno ? 'default' : 'destructive'}\n      {...(yesno\n        ? {\n            confirmText: 'Yes',\n            cancelText: 'No',\n            testId: 'yes-no-modal',\n            testIds: { confirm: 'yes-no-modal-yes-button', cancel: 'yes-no-modal-no-button' },\n          }\n        : {})}\n    />\n  )\n}\n\n/** Show a confirmation; resolves true on Confirm / Yes / OK, false on cancel or dismissal. */\nexport async function confirmDialog(request: ConfirmRequest): Promise<boolean> {\n  const kind = request.kind ?? 'confirm'\n  if (kind === 'alert') {\n    const choice = await choiceDialog({\n      message: request.message,\n      title: request.title ?? 'Alert',\n      choices: [{ label: 'OK', value: 'ok' }],\n      icon: 'info',\n      testId: 'alert-modal',\n    })\n    return choice === 'ok'\n  }\n  return mountDialog(false, (settle) => (\n    <PromptConfirm request={request} kind={kind} onSettle={settle} />\n  ))\n}\n"]}

package/dist/{chunk-IUPZMPXP.cjs → chunk-UR6DWL4L.cjs}

@@ -2,14 +2,14 @@
 'use strict';
 
 var chunkRFIBUWLF_cjs = require('./chunk-RFIBUWLF.cjs');
-var chunkI5KTRLKB_cjs = require('./chunk-I5KTRLKB.cjs');
-var chunkXUWZMZP5_cjs = require('./chunk-XUWZMZP5.cjs');
+var chunkG6GUMZOZ_cjs = require('./chunk-G6GUMZOZ.cjs');
+var chunkF4UYC2M2_cjs = require('./chunk-F4UYC2M2.cjs');
 var chunkSIB6C7P7_cjs = require('./chunk-SIB6C7P7.cjs');
 var chunkAHDJXIUB_cjs = require('./chunk-AHDJXIUB.cjs');
-var chunkPBM6BFFH_cjs = require('./chunk-PBM6BFFH.cjs');
-var chunkC2CWWEHO_cjs = require('./chunk-C2CWWEHO.cjs');
+var chunk3L5MXUBZ_cjs = require('./chunk-3L5MXUBZ.cjs');
+var chunkLKK52DEY_cjs = require('./chunk-LKK52DEY.cjs');
 var chunkMEMWZ72Y_cjs = require('./chunk-MEMWZ72Y.cjs');
-var chunkBZF6E46W_cjs = require('./chunk-BZF6E46W.cjs');
+var chunkZLSMS6OK_cjs = require('./chunk-ZLSMS6OK.cjs');
 var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
 var chunkEZLZ3MDU_cjs = require('./chunk-EZLZ3MDU.cjs');
 var chunk76L6LOP3_cjs = require('./chunk-76L6LOP3.cjs');
@@ -77,7 +77,7 @@ function defaultScopeRenderer(scopeSource) {
   if (!scopeSource) return void 0;
   return function renderScope(_field, value, onChange) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkXUWZMZP5_cjs.ScopePicker,
+      chunkF4UYC2M2_cjs.ScopePicker,
       {
         folders: scopeSource.folders,
         unfiledCount: scopeSource.unfiledCount,
@@ -1704,7 +1704,7 @@ function WorkflowRunner({
         /* @__PURE__ */ jsxRuntime.jsx(SentBackNote, { state: run.stateOf(step.id), l: pl, testId: tid(step.id) }),
         /* @__PURE__ */ jsxRuntime.jsx(AssigneeLine, { run, stepId: step.id, l: pl, testId: tid(step.id) }),
         /* @__PURE__ */ jsxRuntime.jsx("fieldset", { disabled: run.isLocked(step.id), className: "contents", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI5KTRLKB_cjs.SchemaForm,
+          chunkG6GUMZOZ_cjs.SchemaForm,
           {
             fields: step.inputs,
             values: run.inputs,
@@ -1758,7 +1758,7 @@ function WorkflowRunner({
         /* @__PURE__ */ jsxRuntime.jsx(AssigneeLine, { run, stepId: step.id, l: pl, testId: tid(step.id) }),
         !(run.phaseOf(step.id) === "done" && run.stateOf(step.id)?.by) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", "data-testid": tid(`${step.id}-status`), children: run.phaseOf(step.id) === "done" ? l.approved : run.phaseOf(step.id) === "skipped" ? l.skipped : l.awaitingReview }),
         (step.fields ?? []).length > 0 && run.phaseOf(step.id) === "ready" && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI5KTRLKB_cjs.SchemaForm,
+          chunkG6GUMZOZ_cjs.SchemaForm,
           {
             fields: step.fields ?? [],
             values: run.inputs,
@@ -2853,7 +2853,7 @@ function WorkflowStepAction({
     const errors = chunk76L6LOP3_cjs.validateInputs(asForm(step), values);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 p-1", "data-testid": tid, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI5KTRLKB_cjs.SchemaForm,
+        chunkG6GUMZOZ_cjs.SchemaForm,
         {
           fields,
           values,
@@ -3278,7 +3278,7 @@ function AgentCreator({
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkXUWZMZP5_cjs.FoldSection,
+                chunkF4UYC2M2_cjs.FoldSection,
                 {
                   label: l.advanced,
                   open: advancedOpen,
@@ -3525,7 +3525,7 @@ var DEFAULT_AGENT_TYPES = [
   }
 ];
 function AgentConnectInstructions({ email, signingKey }) {
-  const { notify, runtimeConfig } = chunkBZF6E46W_cjs.useBlocksEnvironment();
+  const { notify, runtimeConfig } = chunkZLSMS6OK_cjs.useBlocksEnvironment();
   const [agentBackend, setAgentBackend] = react.useState("claude");
   const [copied, setCopied] = react.useState(false);
   const setupScript = react.useMemo(
@@ -7235,7 +7235,7 @@ function TaskRunsDialog({
               "rounded-full px-2 py-0.5 text-xs font-medium capitalize",
               STATUS_STYLE[data.status] ?? "text-muted-foreground"
             ),
-            children: chunkI5KTRLKB_cjs.workflowRunStatusLabel(data.status)
+            children: chunkG6GUMZOZ_cjs.workflowRunStatusLabel(data.status)
           }
         )
       },
@@ -7251,7 +7251,7 @@ function TaskRunsDialog({
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full items-center gap-2", children: [
             run.error && renderErrorReport?.(run),
             (run.conversationId || run.resultId && onOpenResult) && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { asChild: true, variant: "ghost", size: "sm", className: "h-7 gap-1.5", children: /* @__PURE__ */ jsxRuntime.jsxs(
-              chunkPBM6BFFH_cjs.ActionLink,
+              chunk3L5MXUBZ_cjs.ActionLink,
               {
                 href: getRunHref?.(run),
                 onSelect: () => {
@@ -7300,7 +7300,7 @@ function TaskRunsDialog({
       /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: l.description })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkC2CWWEHO_cjs.GridView,
+      chunkLKK52DEY_cjs.GridView,
       {
         testId: chunkMHVNT4J3_cjs.testIdOr(testIds?.list, { testId: "task-runs-list" }),
         gridId: "workflow-runs",
@@ -7679,7 +7679,7 @@ function WorkflowComposer({
                       },
                       "data-testid": `${id}-dropzone`,
                       children: /* @__PURE__ */ jsxRuntime.jsx(
-                        chunkXUWZMZP5_cjs.AddFilesFirst,
+                        chunkF4UYC2M2_cjs.AddFilesFirst,
                         {
                           reason: l.addFilesReason,
                           action: addFilesAction,
@@ -7689,7 +7689,7 @@ function WorkflowComposer({
                     }
                   ),
                   !noFiles && workflow && fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkI5KTRLKB_cjs.SchemaForm,
+                    chunkG6GUMZOZ_cjs.SchemaForm,
                     {
                       fields,
                       values: values.inputs,
@@ -8322,7 +8322,7 @@ function WorkTaskComposer({
                           )
                         ] }),
                         workflow && fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                          chunkI5KTRLKB_cjs.SchemaForm,
+                          chunkG6GUMZOZ_cjs.SchemaForm,
                           {
                             fields,
                             values: values.inputs,
@@ -8981,7 +8981,7 @@ function ConfigFieldComponent({
   const fieldTestId = chunkMHVNT4J3_cjs.testIdOr(testIds?.field?.(section, fieldName), {
     testId: `config-field-${section}-${fieldName.replace(/\./g, "-")}`
   });
-  const { notify } = chunkBZF6E46W_cjs.useBlocksEnvironment();
+  const { notify } = chunkZLSMS6OK_cjs.useBlocksEnvironment();
   const fieldId = `${section}-${fieldName}`;
   const label = fieldSchema.title || prettifyKey(fieldName.split(".").pop() ?? fieldName);
   const description = fieldSchema.description || "";
@@ -10711,5 +10711,5 @@ exports.workflowTaskFields = workflowTaskFields;
 exports.workflowToComposerValues = workflowToComposerValues;
 exports.workflowToSkillMarkdown = workflowToSkillMarkdown;
 exports.workflowWhen = workflowWhen;
-//# sourceMappingURL=chunk-IUPZMPXP.cjs.map
-//# sourceMappingURL=chunk-IUPZMPXP.cjs.map
+//# sourceMappingURL=chunk-UR6DWL4L.cjs.map
+//# sourceMappingURL=chunk-UR6DWL4L.cjs.map