@mindlogic-ai/logician-ui 3.1.0-alpha.9 → 3.2.0-alpha.0

package/dist/components/Workflow/canvas/EdgeInspector/endpointTitle.js

@@ -0,0 +1,35 @@
+"use client";
+'use strict';
+
+/**
+ * Author-facing title for an edge endpoint: the node-type's per-instance title
+ * (e.g. an agent's name) when available, else the type label, else the raw id.
+ *
+ * Shared by the edge inspector (drawer header connection title + endpoint info).
+ */
+function endpointTitle(node, def, fallbackId) {
+    if (node && def?.getInstanceTitle) {
+        const title = def.getInstanceTitle(node.config);
+        if (title)
+            return title;
+    }
+    return def?.label ?? fallbackId;
+}
+/**
+ * Resolve the port an edge endpoint sits on, from the owning node's current
+ * handle set. `undefined` when the handle id no longer matches any port — a
+ * dangling endpoint (e.g. a restored snapshot referencing a renamed Classify
+ * category).
+ *
+ * Shared by the canvas wire label (LabeledEdge) and the edge inspector so the
+ * two surfaces can't drift on how a port is named.
+ */
+function findPort(node, def, side, handleId) {
+    if (!node || !def || !handleId)
+        return undefined;
+    return def.handles(node.config)[side].find((h) => h.id === handleId);
+}
+
+exports.endpointTitle = endpointTitle;
+exports.findPort = findPort;
+//# sourceMappingURL=endpointTitle.js.map

package/dist/components/Workflow/canvas/EdgeInspector/endpointTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"endpointTitle.js","sources":["../../../../../src/components/Workflow/canvas/EdgeInspector/endpointTitle.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;;AAKG;SACa,aAAa,CAC3B,IAA2B,EAC3B,GAA4B,EAC5B,UAAkB,EAAA;AAElB,IAAA,IAAI,IAAI,IAAI,GAAG,EAAE,gBAAgB,EAAE;QACjC,MAAM,KAAK,GAAG,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/C,QAAA,IAAI,KAAK;AAAE,YAAA,OAAO,KAAK;IACzB;AACA,IAAA,OAAO,GAAG,EAAE,KAAK,IAAI,UAAU;AACjC;AAEA;;;;;;;;AAQG;AACG,SAAU,QAAQ,CACtB,IAA2B,EAC3B,GAA4B,EAC5B,IAA0B,EAC1B,QAA4B,EAAA;AAE5B,IAAA,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,SAAS;IAChD,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC;AACtE;;;;;"}

package/dist/components/Workflow/canvas/EdgeInspector/endpointTitle.mjs

@@ -0,0 +1,32 @@
+"use client";
+/**
+ * Author-facing title for an edge endpoint: the node-type's per-instance title
+ * (e.g. an agent's name) when available, else the type label, else the raw id.
+ *
+ * Shared by the edge inspector (drawer header connection title + endpoint info).
+ */
+function endpointTitle(node, def, fallbackId) {
+    if (node && def?.getInstanceTitle) {
+        const title = def.getInstanceTitle(node.config);
+        if (title)
+            return title;
+    }
+    return def?.label ?? fallbackId;
+}
+/**
+ * Resolve the port an edge endpoint sits on, from the owning node's current
+ * handle set. `undefined` when the handle id no longer matches any port — a
+ * dangling endpoint (e.g. a restored snapshot referencing a renamed Classify
+ * category).
+ *
+ * Shared by the canvas wire label (LabeledEdge) and the edge inspector so the
+ * two surfaces can't drift on how a port is named.
+ */
+function findPort(node, def, side, handleId) {
+    if (!node || !def || !handleId)
+        return undefined;
+    return def.handles(node.config)[side].find((h) => h.id === handleId);
+}
+
+export { endpointTitle, findPort };
+//# sourceMappingURL=endpointTitle.mjs.map

package/dist/components/Workflow/canvas/EdgeInspector/endpointTitle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"endpointTitle.mjs","sources":["../../../../../src/components/Workflow/canvas/EdgeInspector/endpointTitle.ts"],"sourcesContent":[null],"names":[],"mappings":";AAEA;;;;;AAKG;SACa,aAAa,CAC3B,IAA2B,EAC3B,GAA4B,EAC5B,UAAkB,EAAA;AAElB,IAAA,IAAI,IAAI,IAAI,GAAG,EAAE,gBAAgB,EAAE;QACjC,MAAM,KAAK,GAAG,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/C,QAAA,IAAI,KAAK;AAAE,YAAA,OAAO,KAAK;IACzB;AACA,IAAA,OAAO,GAAG,EAAE,KAAK,IAAI,UAAU;AACjC;AAEA;;;;;;;;AAQG;AACG,SAAU,QAAQ,CACtB,IAA2B,EAC3B,GAA4B,EAC5B,IAA0B,EAC1B,QAA4B,EAAA;AAE5B,IAAA,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,SAAS;IAChD,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC;AACtE;;;;"}

package/dist/components/Workflow/canvas/EdgeInspector/index.d.ts

@@ -0,0 +1,3 @@
+export { BuiltInEdgeInspector } from './BuiltInEdgeInspector';
+export { endpointTitle, findPort } from './endpointTitle';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Workflow/canvas/EdgeInspector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/EdgeInspector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+export type FieldTone = 'default' | 'danger' | 'warning';
+export type FieldToneState = {
+    tone: FieldTone;
+    /**
+     * Resolved Chakra color token for the current tone, or undefined when
+     * tone is 'default'. Pass directly to a child input's `borderColor` —
+     * Chakra leaves the input's default border in place when undefined.
+     */
+    borderColor: string | undefined;
+    /**
+     * True when the field is in an error state — pass to logician-ui controls
+     * (e.g. `SelectField`, `ComboboxField`) whose API exposes `invalid`
+     * instead of accepting a raw `borderColor`. Warning state does not flip
+     * this — the helper text below already conveys it.
+     */
+    invalid: boolean;
+};
+export type FieldWrapperProps = {
+    /** Owning node — used to look up field-level issues. */
+    nodeId: string;
+    /** Stable key — must match the `fieldKey` emitted by `def.validate()`. */
+    fieldKey: string;
+    label: ReactNode;
+    /**
+     * Render-prop. Receives the resolved tone for the field so the input
+     * can apply its own `borderColor` directly — avoids drawing a wrapping
+     * ring on top of the input's own border (which double-borders).
+     */
+    children: (state: FieldToneState) => ReactNode;
+    /** Optional helper text shown beneath the input when no issue is present. */
+    helperText?: ReactNode;
+    /** Optional trailing slot in the label row — e.g. an info popover trigger. */
+    labelAction?: ReactNode;
+};
+/**
+ * Layout wrapper for a single inspector field. Reads the field's validation
+ * state from WorkflowContext (`issuesByField[`${nodeId}.${fieldKey}`]`) and
+ * passes a resolved tone to the render-prop child so the input applies its
+ * own `borderColor` — no wrapping ring, no double border.
+ *
+ * Deliberately not a Chakra `FormControl`: the editor's child controls
+ * (SelectField, Switch) bring their own `Field.Root`, and double-wrapping
+ * triggers zag's duplicate-id collision (see the schema-fields block in
+ * `agentNodeType` for the prior fix). Children own their own label/id
+ * association; this wrapper just decorates the layout.
+ *
+ * Also wires the `fieldFocusRequest` channel: when the canvas validation
+ * banner asks to jump to `(nodeId, fieldKey)`, the matching wrapper scrolls
+ * into view and focuses its input, then clears the request so a re-render
+ * doesn't refocus repeatedly.
+ */
+export declare function FieldWrapper({ nodeId, fieldKey, label, children, helperText, labelAction, }: FieldWrapperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FieldWrapper.d.ts.map

package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/FieldWrapper/FieldWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAWnD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB;;;;OAIG;IACH,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,wDAAwD;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,SAAS,CAAC;IAC/C,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,GACZ,EAAE,iBAAiB,2CA2CnB"}

package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.js

@@ -0,0 +1,56 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@chakra-ui/react');
+var index = require('../../../Icon/index.js');
+require('../../../Typography/H1.js');
+require('../../../Typography/H2.js');
+require('../../../Typography/H3.js');
+require('../../../Typography/H4.js');
+require('../../../Typography/H5.js');
+require('../../../Typography/Link.js');
+var Subtext = require('../../../Typography/Subtext.js');
+require('../../../Typography/Subtitle.js');
+require('../../../Typography/Text.js');
+var useWorkflowIssueMessage = require('../../useWorkflowIssueMessage.js');
+var WorkflowContext = require('../../WorkflowContext/WorkflowContext.js');
+var issueSeverity = require('../issueSeverity.js');
+var useFieldFocusRequest = require('../useFieldFocusRequest.js');
+
+/**
+ * Layout wrapper for a single inspector field. Reads the field's validation
+ * state from WorkflowContext (`issuesByField[`${nodeId}.${fieldKey}`]`) and
+ * passes a resolved tone to the render-prop child so the input applies its
+ * own `borderColor` — no wrapping ring, no double border.
+ *
+ * Deliberately not a Chakra `FormControl`: the editor's child controls
+ * (SelectField, Switch) bring their own `Field.Root`, and double-wrapping
+ * triggers zag's duplicate-id collision (see the schema-fields block in
+ * `agentNodeType` for the prior fix). Children own their own label/id
+ * association; this wrapper just decorates the layout.
+ *
+ * Also wires the `fieldFocusRequest` channel: when the canvas validation
+ * banner asks to jump to `(nodeId, fieldKey)`, the matching wrapper scrolls
+ * into view and focuses its input, then clears the request so a re-render
+ * doesn't refocus repeatedly.
+ */
+function FieldWrapper({ nodeId, fieldKey, label, children, helperText, labelAction, }) {
+    const { issuesByField } = WorkflowContext.useWorkflow();
+    const resolveIssueMessage = useWorkflowIssueMessage.useWorkflowIssueMessage();
+    const containerRef = React.useRef(null);
+    const issues = issuesByField[`${nodeId}.${fieldKey}`] ?? [];
+    const issue = React.useMemo(() => issueSeverity.pickPrimaryIssue(issues), [issues]);
+    const tone = issue?.severity === 'error'
+        ? 'danger'
+        : issue?.severity === 'warning'
+            ? 'warning'
+            : 'default';
+    const toneColor = tone === 'default' ? undefined : issueSeverity.severityColorToken(issue.severity);
+    useFieldFocusRequest.useFieldFocusRequest(nodeId, fieldKey, containerRef);
+    return (jsxRuntime.jsxs(react.Stack, { ref: containerRef, gap: 1.5, children: [jsxRuntime.jsxs(react.HStack, { justify: "space-between", align: "center", gap: 2, children: [jsxRuntime.jsx(Subtext.Subtext, { fontWeight: "semibold", color: "slate.1300", children: label }), labelAction ?? null] }), children({ tone, borderColor: toneColor, invalid: tone === 'danger' }), issue ? (jsxRuntime.jsxs(react.HStack, { gap: 1, align: "center", children: [jsxRuntime.jsx(Subtext.Subtext, { color: toneColor, display: "flex", alignItems: "center", children: tone === 'danger' ? (jsxRuntime.jsx(index.TbAlertCircle, { boxSize: "xs" })) : (jsxRuntime.jsx(index.AlertTriangle, { boxSize: "xs" })) }), jsxRuntime.jsx(Subtext.Subtext, { color: toneColor, children: resolveIssueMessage(issue) })] })) : helperText ? (jsxRuntime.jsx(Subtext.Subtext, { color: "slate.900", children: helperText })) : null] }));
+}
+
+exports.FieldWrapper = FieldWrapper;
+//# sourceMappingURL=FieldWrapper.js.map

package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldWrapper.js","sources":["../../../../../src/components/Workflow/canvas/FieldWrapper/FieldWrapper.tsx"],"sourcesContent":[null],"names":["useWorkflow","useWorkflowIssueMessage","useRef","useMemo","pickPrimaryIssue","severityColorToken","useFieldFocusRequest","_jsxs","Stack","HStack","_jsx","Subtext","TbAlertCircle","AlertTriangle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkDA;;;;;;;;;;;;;;;;AAgBG;AACG,SAAU,YAAY,CAAC,EAC3B,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,GACO,EAAA;AAClB,IAAA,MAAM,EAAE,aAAa,EAAE,GAAGA,2BAAW,EAAE;AACvC,IAAA,MAAM,mBAAmB,GAAGC,+CAAuB,EAAE;AACrD,IAAA,MAAM,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,MAAM,GAAG,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAE,CAAC,IAAI,EAAE;AAC3D,IAAA,MAAM,KAAK,GAAGC,aAAO,CAAC,MAAMC,8BAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAE/D,IAAA,MAAM,IAAI,GACR,KAAK,EAAE,QAAQ,KAAK;AAClB,UAAE;AACF,UAAE,KAAK,EAAE,QAAQ,KAAK;AACpB,cAAE;cACA,SAAS;AACjB,IAAA,MAAM,SAAS,GACb,IAAI,KAAK,SAAS,GAAG,SAAS,GAAGC,gCAAkB,CAAC,KAAM,CAAC,QAAQ,CAAC;AAEtE,IAAAC,yCAAoB,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,CAAC;AAEpD,IAAA,QACEC,eAAA,CAACC,WAAK,EAAA,EAAC,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAChCD,eAAA,CAACE,YAAM,EAAA,EAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACnDC,cAAA,CAACC,eAAO,EAAA,EAAC,UAAU,EAAC,UAAU,EAAC,KAAK,EAAC,YAAY,EAAA,QAAA,EAC9C,KAAK,EAAA,CACE,EACT,WAAW,IAAI,IAAI,CAAA,EAAA,CACb,EACR,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,KAAK,QAAQ,EAAE,CAAC,EACtE,KAAK,IACJJ,eAAA,CAACE,YAAM,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC5BC,cAAA,CAACC,eAAO,EAAA,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAC1D,IAAI,KAAK,QAAQ,IAChBD,cAAA,CAACE,mBAAa,EAAA,EAAC,OAAO,EAAC,IAAI,GAAG,KAE9BF,cAAA,CAACG,mBAAa,IAAC,OAAO,EAAC,IAAI,EAAA,CAAG,CAC/B,EAAA,CACO,EACVH,eAACC,eAAO,EAAA,EAAC,KAAK,EAAE,SAAS,EAAA,QAAA,EAAG,mBAAmB,CAAC,KAAK,CAAC,EAAA,CAAW,CAAA,EAAA,CAC1D,IACP,UAAU,IACZD,cAAA,CAACC,eAAO,EAAA,EAAC,KAAK,EAAC,WAAW,EAAA,QAAA,EAAE,UAAU,EAAA,CAAW,IAC/C,IAAI,CAAA,EAAA,CACF;AAEZ;;;;"}

package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.mjs

@@ -0,0 +1,54 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useMemo } from 'react';
+import { Stack, HStack } from '@chakra-ui/react';
+import { TbAlertCircle, AlertTriangle } from '../../../Icon/index.mjs';
+import '../../../Typography/H1.mjs';
+import '../../../Typography/H2.mjs';
+import '../../../Typography/H3.mjs';
+import '../../../Typography/H4.mjs';
+import '../../../Typography/H5.mjs';
+import '../../../Typography/Link.mjs';
+import { Subtext } from '../../../Typography/Subtext.mjs';
+import '../../../Typography/Subtitle.mjs';
+import '../../../Typography/Text.mjs';
+import { useWorkflowIssueMessage } from '../../useWorkflowIssueMessage.mjs';
+import { useWorkflow } from '../../WorkflowContext/WorkflowContext.mjs';
+import { pickPrimaryIssue, severityColorToken } from '../issueSeverity.mjs';
+import { useFieldFocusRequest } from '../useFieldFocusRequest.mjs';
+
+/**
+ * Layout wrapper for a single inspector field. Reads the field's validation
+ * state from WorkflowContext (`issuesByField[`${nodeId}.${fieldKey}`]`) and
+ * passes a resolved tone to the render-prop child so the input applies its
+ * own `borderColor` — no wrapping ring, no double border.
+ *
+ * Deliberately not a Chakra `FormControl`: the editor's child controls
+ * (SelectField, Switch) bring their own `Field.Root`, and double-wrapping
+ * triggers zag's duplicate-id collision (see the schema-fields block in
+ * `agentNodeType` for the prior fix). Children own their own label/id
+ * association; this wrapper just decorates the layout.
+ *
+ * Also wires the `fieldFocusRequest` channel: when the canvas validation
+ * banner asks to jump to `(nodeId, fieldKey)`, the matching wrapper scrolls
+ * into view and focuses its input, then clears the request so a re-render
+ * doesn't refocus repeatedly.
+ */
+function FieldWrapper({ nodeId, fieldKey, label, children, helperText, labelAction, }) {
+    const { issuesByField } = useWorkflow();
+    const resolveIssueMessage = useWorkflowIssueMessage();
+    const containerRef = useRef(null);
+    const issues = issuesByField[`${nodeId}.${fieldKey}`] ?? [];
+    const issue = useMemo(() => pickPrimaryIssue(issues), [issues]);
+    const tone = issue?.severity === 'error'
+        ? 'danger'
+        : issue?.severity === 'warning'
+            ? 'warning'
+            : 'default';
+    const toneColor = tone === 'default' ? undefined : severityColorToken(issue.severity);
+    useFieldFocusRequest(nodeId, fieldKey, containerRef);
+    return (jsxs(Stack, { ref: containerRef, gap: 1.5, children: [jsxs(HStack, { justify: "space-between", align: "center", gap: 2, children: [jsx(Subtext, { fontWeight: "semibold", color: "slate.1300", children: label }), labelAction ?? null] }), children({ tone, borderColor: toneColor, invalid: tone === 'danger' }), issue ? (jsxs(HStack, { gap: 1, align: "center", children: [jsx(Subtext, { color: toneColor, display: "flex", alignItems: "center", children: tone === 'danger' ? (jsx(TbAlertCircle, { boxSize: "xs" })) : (jsx(AlertTriangle, { boxSize: "xs" })) }), jsx(Subtext, { color: toneColor, children: resolveIssueMessage(issue) })] })) : helperText ? (jsx(Subtext, { color: "slate.900", children: helperText })) : null] }));
+}
+
+export { FieldWrapper };
+//# sourceMappingURL=FieldWrapper.mjs.map

package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldWrapper.mjs","sources":["../../../../../src/components/Workflow/canvas/FieldWrapper/FieldWrapper.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAkDA;;;;;;;;;;;;;;;;AAgBG;AACG,SAAU,YAAY,CAAC,EAC3B,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,GACO,EAAA;AAClB,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE;AACvC,IAAA,MAAM,mBAAmB,GAAG,uBAAuB,EAAE;AACrD,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,MAAM,GAAG,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAE,CAAC,IAAI,EAAE;AAC3D,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAE/D,IAAA,MAAM,IAAI,GACR,KAAK,EAAE,QAAQ,KAAK;AAClB,UAAE;AACF,UAAE,KAAK,EAAE,QAAQ,KAAK;AACpB,cAAE;cACA,SAAS;AACjB,IAAA,MAAM,SAAS,GACb,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,kBAAkB,CAAC,KAAM,CAAC,QAAQ,CAAC;AAEtE,IAAA,oBAAoB,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,CAAC;AAEpD,IAAA,QACEA,IAAA,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAChCA,IAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACnDC,GAAA,CAAC,OAAO,EAAA,EAAC,UAAU,EAAC,UAAU,EAAC,KAAK,EAAC,YAAY,EAAA,QAAA,EAC9C,KAAK,EAAA,CACE,EACT,WAAW,IAAI,IAAI,CAAA,EAAA,CACb,EACR,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,KAAK,QAAQ,EAAE,CAAC,EACtE,KAAK,IACJD,IAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC5BC,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAC1D,IAAI,KAAK,QAAQ,IAChBA,GAAA,CAAC,aAAa,EAAA,EAAC,OAAO,EAAC,IAAI,GAAG,KAE9BA,GAAA,CAAC,aAAa,IAAC,OAAO,EAAC,IAAI,EAAA,CAAG,CAC/B,EAAA,CACO,EACVA,IAAC,OAAO,EAAA,EAAC,KAAK,EAAE,SAAS,EAAA,QAAA,EAAG,mBAAmB,CAAC,KAAK,CAAC,EAAA,CAAW,CAAA,EAAA,CAC1D,IACP,UAAU,IACZA,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAC,WAAW,EAAA,QAAA,EAAE,UAAU,EAAA,CAAW,IAC/C,IAAI,CAAA,EAAA,CACF;AAEZ;;;;"}

package/dist/components/Workflow/canvas/FieldWrapper/index.d.ts

@@ -0,0 +1,3 @@
+export type { FieldTone, FieldToneState, FieldWrapperProps, } from './FieldWrapper';
+export { FieldWrapper } from './FieldWrapper';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Workflow/canvas/FieldWrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/FieldWrapper/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,SAAS,EACT,cAAc,EACd,iBAAiB,GAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Workflow/canvas/FloatingCard/FloatingCard.d.ts

@@ -0,0 +1,16 @@
+import type { PropsWithChildren } from 'react';
+import { type CardProps } from '@/components/Card';
+/**
+ * Shared width token (Chakra sizes scale) for the cards that float over the
+ * workflow canvas. Kept in one place so the inspector drawer and any host
+ * surface that takes the same slot (e.g. the studio test-chat card) can't drift.
+ */
+export declare const FLOATING_CARD_WIDTH = "96";
+/**
+ * Shared chrome for a card floating over the workflow canvas: fixed width,
+ * rounded corners, drop shadow, clipped overflow. Positioning is left to the
+ * caller (the inspector docks it in its own column; a host may absolutely
+ * position it) — pass any `CardProps` through to place and size it.
+ */
+export declare function FloatingCard({ children, ...rest }: PropsWithChildren<CardProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FloatingCard.d.ts.map

package/dist/components/Workflow/canvas/FloatingCard/FloatingCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/FloatingCard/FloatingCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEzD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,OAAO,CAAC;AAExC;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,SAAS,CAAC,2CAc9B"}

package/dist/components/Workflow/canvas/FloatingCard/FloatingCard.js

@@ -0,0 +1,25 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Card = require('../../../Card/Card.js');
+
+/**
+ * Shared width token (Chakra sizes scale) for the cards that float over the
+ * workflow canvas. Kept in one place so the inspector drawer and any host
+ * surface that takes the same slot (e.g. the studio test-chat card) can't drift.
+ */
+const FLOATING_CARD_WIDTH = '96';
+/**
+ * Shared chrome for a card floating over the workflow canvas: fixed width,
+ * rounded corners, drop shadow, clipped overflow. Positioning is left to the
+ * caller (the inspector docks it in its own column; a host may absolutely
+ * position it) — pass any `CardProps` through to place and size it.
+ */
+function FloatingCard({ children, ...rest }) {
+    return (jsxRuntime.jsx(Card.Card, { width: FLOATING_CARD_WIDTH, p: 0, borderRadius: "lg", boxShadow: "md", minHeight: 0, overflow: "hidden", ...rest, children: children }));
+}
+
+exports.FLOATING_CARD_WIDTH = FLOATING_CARD_WIDTH;
+exports.FloatingCard = FloatingCard;
+//# sourceMappingURL=FloatingCard.js.map

package/dist/components/Workflow/canvas/FloatingCard/FloatingCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingCard.js","sources":["../../../../../src/components/Workflow/canvas/FloatingCard/FloatingCard.tsx"],"sourcesContent":[null],"names":["_jsx","Card"],"mappings":";;;;;;AAMA;;;;AAIG;AACI,MAAM,mBAAmB,GAAG;AAEnC;;;;;AAKG;AACG,SAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,GAAG,IAAI,EACsB,EAAA;AAC7B,IAAA,QACEA,cAAA,CAACC,SAAI,EAAA,EACH,KAAK,EAAE,mBAAmB,EAC1B,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,IAAI,EACd,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAC,QAAQ,KACb,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACJ;AAEX;;;;;"}

package/dist/components/Workflow/canvas/FloatingCard/FloatingCard.mjs

@@ -0,0 +1,22 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Card } from '../../../Card/Card.mjs';
+
+/**
+ * Shared width token (Chakra sizes scale) for the cards that float over the
+ * workflow canvas. Kept in one place so the inspector drawer and any host
+ * surface that takes the same slot (e.g. the studio test-chat card) can't drift.
+ */
+const FLOATING_CARD_WIDTH = '96';
+/**
+ * Shared chrome for a card floating over the workflow canvas: fixed width,
+ * rounded corners, drop shadow, clipped overflow. Positioning is left to the
+ * caller (the inspector docks it in its own column; a host may absolutely
+ * position it) — pass any `CardProps` through to place and size it.
+ */
+function FloatingCard({ children, ...rest }) {
+    return (jsx(Card, { width: FLOATING_CARD_WIDTH, p: 0, borderRadius: "lg", boxShadow: "md", minHeight: 0, overflow: "hidden", ...rest, children: children }));
+}
+
+export { FLOATING_CARD_WIDTH, FloatingCard };
+//# sourceMappingURL=FloatingCard.mjs.map

package/dist/components/Workflow/canvas/FloatingCard/FloatingCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingCard.mjs","sources":["../../../../../src/components/Workflow/canvas/FloatingCard/FloatingCard.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAMA;;;;AAIG;AACI,MAAM,mBAAmB,GAAG;AAEnC;;;;;AAKG;AACG,SAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,GAAG,IAAI,EACsB,EAAA;AAC7B,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAE,mBAAmB,EAC1B,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,IAAI,EACd,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAC,QAAQ,KACb,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACJ;AAEX;;;;"}

package/dist/components/Workflow/canvas/FloatingCard/index.d.ts

@@ -0,0 +1,2 @@
+export { FLOATING_CARD_WIDTH, FloatingCard } from './FloatingCard';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Workflow/canvas/FloatingCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/FloatingCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Workflow/canvas/GenericNode/GenericNode.d.ts

@@ -0,0 +1,14 @@
+import type { NodeProps } from '@xyflow/react';
+import type { WorkflowReactFlowNode } from './GenericNode.types';
+/**
+ * Single React Flow node renderer used for every node kind. Looks up the
+ * registered NodeTypeDef and pulls declarative content from
+ * `getInstanceTitle` + `getMetaChips`. Nodes whose body doesn't fit that
+ * shape (e.g. Note) provide a `renderNode` escape hatch.
+ *
+ * Data passed via React Flow is just the node id — we resolve everything
+ * else from context. This keeps the React Flow node payload small and
+ * ensures every component reads the same source of truth.
+ */
+export declare const GenericNode: import("react").NamedExoticComponent<NodeProps<WorkflowReactFlowNode>>;
+//# sourceMappingURL=GenericNode.d.ts.map

package/dist/components/Workflow/canvas/GenericNode/GenericNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericNode.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/GenericNode/GenericNode.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE;;;;;;;;;GASG;AAEH,eAAO,MAAM,WAAW,wEA0FtB,CAAC"}

package/dist/components/Workflow/canvas/GenericNode/GenericNode.js

@@ -0,0 +1,61 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../../../Icon/index.js');
+var WorkflowContext = require('../../WorkflowContext/WorkflowContext.js');
+var NodeShell = require('../NodeShell/NodeShell.js');
+require('../NodeShell/NodeShell.styles.js');
+
+/**
+ * Single React Flow node renderer used for every node kind. Looks up the
+ * registered NodeTypeDef and pulls declarative content from
+ * `getInstanceTitle` + `getMetaChips`. Nodes whose body doesn't fit that
+ * shape (e.g. Note) provide a `renderNode` escape hatch.
+ *
+ * Data passed via React Flow is just the node id — we resolve everything
+ * else from context. This keeps the React Flow node payload small and
+ * ensures every component reads the same source of truth.
+ */
+const GenericNode = React.memo(function GenericNode(props) {
+    const { data, selected } = props;
+    const { graph, getNodeType, issuesByNode, editor, categoryTokens } = WorkflowContext.useWorkflow();
+    const node = graph.nodes.find((n) => n.id === data.nodeId);
+    const def = node ? getNodeType(node.kind) : undefined;
+    // Exits that already have an edge: their name shows on the edge's label badge,
+    // so NodeShell suppresses the duplicate handle label for them. Memoized so the
+    // Set identity is stable across renders — a fresh Set every render would defeat
+    // NodeShell's own `memo`. Computed before the early return to keep the hook
+    // call unconditional; an unmatched `node?.id` just yields an empty set.
+    const connectedOutputIds = React.useMemo(() => new Set(graph.edges
+        .filter((e) => e.source === node?.id && e.sourceHandle)
+        .map((e) => e.sourceHandle)), [graph.edges, node?.id]);
+    if (!node || !def) {
+        return (jsxRuntime.jsx(NodeShell.NodeShell, { label: node?.kind ?? 'unknown', instanceTitle: "unregistered kind", 
+            // safety category surfaces the broken-ness in the icon tile, not
+            // only in the error ring chrome.
+            category: "safety", icon: index.AlertOctagon, selected: !!selected, runState: "error", issues: [
+                {
+                    severity: 'error',
+                    code: 'node.unknown_kind',
+                    message: `Unknown node kind: ${node?.kind ?? ''}`,
+                },
+            ], inputs: [], outputs: [], categoryTokens: categoryTokens }));
+    }
+    const { inputs, outputs } = def.handles(node.config);
+    const backendIssues = issuesByNode[node.id] ?? [];
+    // FE-computed, graph-aware advisories (e.g. an unconnected Guardrail exit)
+    // surface in the same warning/error chrome as backend issues.
+    const graphIssues = def.getGraphIssues?.({ node, graph }) ?? [];
+    const issues = graphIssues.length
+        ? [...backendIssues, ...graphIssues]
+        : backendIssues;
+    const runState = editor.runStates[node.id] ?? 'idle';
+    const CustomRender = def.renderNode;
+    const customBody = CustomRender ? (jsxRuntime.jsx(CustomRender, { id: node.id, config: node.config, selected: !!selected, runState: runState, issues: issues })) : undefined;
+    return (jsxRuntime.jsx(NodeShell.NodeShell, { label: def.label, instanceTitle: def.getInstanceTitle?.(node.config) ?? node.id, metaChips: def.getMetaChips?.(node.config), category: def.category, icon: def.icon, selected: !!selected, runState: runState, issues: issues, inputs: inputs, outputs: outputs, connectedOutputIds: connectedOutputIds, categoryTokens: categoryTokens, customBody: customBody }));
+});
+
+exports.GenericNode = GenericNode;
+//# sourceMappingURL=GenericNode.js.map

package/dist/components/Workflow/canvas/GenericNode/GenericNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericNode.js","sources":["../../../../../src/components/Workflow/canvas/GenericNode/GenericNode.tsx"],"sourcesContent":[null],"names":["memo","useWorkflow","useMemo","_jsx","NodeShell","AlertOctagon"],"mappings":"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"}

package/dist/components/Workflow/canvas/GenericNode/GenericNode.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { memo, useMemo } from 'react';
+import { AlertOctagon } from '../../../Icon/index.mjs';
+import { useWorkflow } from '../../WorkflowContext/WorkflowContext.mjs';
+import { NodeShell } from '../NodeShell/NodeShell.mjs';
+import '../NodeShell/NodeShell.styles.mjs';
+
+/**
+ * Single React Flow node renderer used for every node kind. Looks up the
+ * registered NodeTypeDef and pulls declarative content from
+ * `getInstanceTitle` + `getMetaChips`. Nodes whose body doesn't fit that
+ * shape (e.g. Note) provide a `renderNode` escape hatch.
+ *
+ * Data passed via React Flow is just the node id — we resolve everything
+ * else from context. This keeps the React Flow node payload small and
+ * ensures every component reads the same source of truth.
+ */
+const GenericNode = memo(function GenericNode(props) {
+    const { data, selected } = props;
+    const { graph, getNodeType, issuesByNode, editor, categoryTokens } = useWorkflow();
+    const node = graph.nodes.find((n) => n.id === data.nodeId);
+    const def = node ? getNodeType(node.kind) : undefined;
+    // Exits that already have an edge: their name shows on the edge's label badge,
+    // so NodeShell suppresses the duplicate handle label for them. Memoized so the
+    // Set identity is stable across renders — a fresh Set every render would defeat
+    // NodeShell's own `memo`. Computed before the early return to keep the hook
+    // call unconditional; an unmatched `node?.id` just yields an empty set.
+    const connectedOutputIds = useMemo(() => new Set(graph.edges
+        .filter((e) => e.source === node?.id && e.sourceHandle)
+        .map((e) => e.sourceHandle)), [graph.edges, node?.id]);
+    if (!node || !def) {
+        return (jsx(NodeShell, { label: node?.kind ?? 'unknown', instanceTitle: "unregistered kind", 
+            // safety category surfaces the broken-ness in the icon tile, not
+            // only in the error ring chrome.
+            category: "safety", icon: AlertOctagon, selected: !!selected, runState: "error", issues: [
+                {
+                    severity: 'error',
+                    code: 'node.unknown_kind',
+                    message: `Unknown node kind: ${node?.kind ?? ''}`,
+                },
+            ], inputs: [], outputs: [], categoryTokens: categoryTokens }));
+    }
+    const { inputs, outputs } = def.handles(node.config);
+    const backendIssues = issuesByNode[node.id] ?? [];
+    // FE-computed, graph-aware advisories (e.g. an unconnected Guardrail exit)
+    // surface in the same warning/error chrome as backend issues.
+    const graphIssues = def.getGraphIssues?.({ node, graph }) ?? [];
+    const issues = graphIssues.length
+        ? [...backendIssues, ...graphIssues]
+        : backendIssues;
+    const runState = editor.runStates[node.id] ?? 'idle';
+    const CustomRender = def.renderNode;
+    const customBody = CustomRender ? (jsx(CustomRender, { id: node.id, config: node.config, selected: !!selected, runState: runState, issues: issues })) : undefined;
+    return (jsx(NodeShell, { label: def.label, instanceTitle: def.getInstanceTitle?.(node.config) ?? node.id, metaChips: def.getMetaChips?.(node.config), category: def.category, icon: def.icon, selected: !!selected, runState: runState, issues: issues, inputs: inputs, outputs: outputs, connectedOutputIds: connectedOutputIds, categoryTokens: categoryTokens, customBody: customBody }));
+});
+
+export { GenericNode };
+//# sourceMappingURL=GenericNode.mjs.map

package/dist/components/Workflow/canvas/GenericNode/GenericNode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericNode.mjs","sources":["../../../../../src/components/Workflow/canvas/GenericNode/GenericNode.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/dist/components/Workflow/canvas/GenericNode/GenericNode.types.d.ts

@@ -0,0 +1,11 @@
+import type { Node } from '@xyflow/react';
+/**
+ * The payload React Flow passes to our custom node renderer. We only ship
+ * the node id; everything else is resolved from `useWorkflow()` so React
+ * Flow's internal state stays small.
+ */
+export type WorkflowNodeData = {
+    nodeId: string;
+};
+export type WorkflowReactFlowNode = Node<WorkflowNodeData, 'workflow'>;
+//# sourceMappingURL=GenericNode.types.d.ts.map

package/dist/components/Workflow/canvas/GenericNode/GenericNode.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericNode.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/GenericNode/GenericNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAElD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/Workflow/canvas/GenericNode/index.d.ts

@@ -0,0 +1,3 @@
+export { GenericNode } from './GenericNode';
+export type { WorkflowNodeData, WorkflowReactFlowNode, } from './GenericNode.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Workflow/canvas/GenericNode/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/GenericNode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,qBAAqB,CAAC"}

package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Floating banner listing the current graph's validation issues — both the
+ * live validator output and backend `INVALID_GRAPH` errors fed in via
+ * `externalIssues`. Issues group by node (then severity); clicking an issue
+ * selects and pans to its node. Hidden in read-only mode (the Behavior-tab
+ * preview).
+ *
+ * `paletteToggleVisible` shifts the banner clear of the floating `+` palette
+ * toggle, which docks in the same top-left corner once the palette is
+ * collapsed — otherwise the two overlays would overlap.
+ */
+export declare function GraphErrorBanner({ paletteToggleVisible, }: {
+    paletteToggleVisible?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GraphErrorBanner.d.ts.map

package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphErrorBanner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.tsx"],"names":[],"mappings":"AAiCA;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,oBAA4B,GAC7B,EAAE;IACD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,2CA2OA"}