@ankhorage/studio 0.13.0 → 0.15.0

package/dist/ui/admin/pages/BindingsAdminPage.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Text, ZORA_BINDABLE_COMPONENT_META } from '@ankhorage/zora';
+import React from 'react';
+import { collectStudioBindingOperationOptions, diagnoseStudioComponentBindings, } from '../../../bindingAuthoringModel';
+import { useStudio } from '../../../core/StudioContext';
+import { ACTION_REGISTRY } from '../../../index';
+import { findNodeInManifest, findScreenIdForNode } from '../../../manifestState';
+import { AdminHeader, AdminScroll, KeyValue } from '../adminPagePrimitives';
+import { BindingDiagnosticsCard } from './bindings/BindingDiagnosticsCard';
+import { EventBindingsCard } from './bindings/EventBindingsCard';
+import { PropertyBindingsCard } from './bindings/PropertyBindingsCard';
+const BINDABLE_COMPONENT_META = ZORA_BINDABLE_COMPONENT_META;
+export function BindingsAdminPage({ nodeId }) {
+    const studio = useStudio();
+    const owningScreenId = nodeId && studio.manifest ? findScreenIdForNode(studio.manifest, nodeId) : null;
+    const owningRoot = owningScreenId ? studio.manifest?.screens[owningScreenId]?.root : null;
+    const node = owningRoot && nodeId ? findNodeInManifest(owningRoot, nodeId) : null;
+    React.useEffect(() => {
+        if (!nodeId || !node || !owningScreenId)
+            return;
+        studio.setActiveScreenId(owningScreenId);
+        studio.selectNode(nodeId);
+    }, [node, nodeId, owningScreenId, studio]);
+    if (!node || !studio.manifest) {
+        return (_jsxs(AdminScroll, { children: [_jsx(AdminHeader, { title: "Bindings", description: "Author canonical property/data and event/action bindings for a selected component." }), _jsx(Card, { title: "Node unavailable", children: _jsx(Text, { color: "neutral", emphasis: "muted", children: "The requested node could not be resolved in the current project manifest." }) })] }));
+    }
+    const registry = studio.manifest.dataBindings ?? {};
+    const operations = collectStudioBindingOperationOptions(studio.manifest.dataSources ?? {});
+    const diagnostics = diagnoseStudioComponentBindings({
+        node,
+        registry,
+        componentMeta: BINDABLE_COMPONENT_META,
+        operations,
+        actionTypes: Object.keys(ACTION_REGISTRY),
+    });
+    return (_jsxs(AdminScroll, { children: [_jsx(AdminHeader, { title: "Bindings", description: "Bind component data and events through canonical manifest contracts. Studio authors; Runtime executes." }), _jsxs(Card, { title: BINDABLE_COMPONENT_META[node.type]?.name ?? node.type, children: [_jsx(KeyValue, { label: "Node ID", value: node.id }), _jsx(KeyValue, { label: "Type", value: node.type }), node.alias ? _jsx(KeyValue, { label: "Alias", value: node.alias }) : null] }), _jsx(PropertyBindingsCard, { node: node, registry: registry, operations: operations, onChange: studio.updateDataBindings }), _jsx(EventBindingsCard, { node: node, registry: registry, operations: operations, onChange: studio.updateDataBindings }), _jsx(BindingDiagnosticsCard, { diagnostics: diagnostics })] }));
+}
+//# sourceMappingURL=BindingsAdminPage.js.map

package/dist/ui/admin/pages/BindingsAdminPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindingsAdminPage.js","sourceRoot":"","sources":["../../../../src/ui/admin/pages/BindingsAdminPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,oCAAoC,EACpC,+BAA+B,GAChC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE,MAAM,uBAAuB,GAA4B,4BAA4B,CAAC;AAEtF,MAAM,UAAU,iBAAiB,CAAC,EAAE,MAAM,EAAsC;IAC9E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,cAAc,GAClB,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAClF,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1F,MAAM,IAAI,GAAG,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAElF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,IAAI,CAAC,cAAc;YAAE,OAAO;QAChD,MAAM,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;QACzC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3C,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QAC9B,OAAO,CACL,MAAC,WAAW,eACV,KAAC,WAAW,IACV,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,oFAAoF,GAChG,EACF,KAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,YAC5B,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,0FAE/B,GACF,IACK,CACf,CAAC;IACJ,CAAC;IAED,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC;IACpD,MAAM,UAAU,GAAG,oCAAoC,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;IAC3F,MAAM,WAAW,GAAG,+BAA+B,CAAC;QAClD,IAAI;QACJ,QAAQ;QACR,aAAa,EAAE,uBAAuB;QACtC,UAAU;QACV,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC;KAC1C,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,WAAW,eACV,KAAC,WAAW,IACV,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,wGAAwG,GACpH,EACF,MAAC,IAAI,IAAC,KAAK,EAAE,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,aAChE,KAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,GAAI,EAC5C,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,GAAI,EAC1C,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IAC7D,EACP,KAAC,oBAAoB,IACnB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,MAAM,CAAC,kBAAkB,GACnC,EACF,KAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,MAAM,CAAC,kBAAkB,GACnC,EACF,KAAC,sBAAsB,IAAC,WAAW,EAAE,WAAW,GAAI,IACxC,CACf,CAAC;AACJ,CAAC"}

package/dist/ui/admin/pages/bindings/BindingDiagnosticsCard.d.ts

@@ -0,0 +1,5 @@
+import type { StudioBindingDiagnostic } from '../../../../bindingAuthoringModel';
+export declare function BindingDiagnosticsCard(props: {
+    readonly diagnostics: readonly StudioBindingDiagnostic[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=BindingDiagnosticsCard.d.ts.map

package/dist/ui/admin/pages/bindings/BindingDiagnosticsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindingDiagnosticsCard.d.ts","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/BindingDiagnosticsCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAGjF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAC5C,QAAQ,CAAC,WAAW,EAAE,SAAS,uBAAuB,EAAE,CAAC;CAC1D,+BA4BA"}

package/dist/ui/admin/pages/bindings/BindingDiagnosticsCard.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Text } from '@ankhorage/zora';
+import { View } from 'react-native';
+import { bindingAdminStyles } from './bindingAdminStyles';
+export function BindingDiagnosticsCard(props) {
+    return (_jsx(Card, { title: "Binding diagnostics", children: _jsx(View, { style: bindingAdminStyles.compactStack, children: props.diagnostics.length === 0 ? (_jsx(Text, { color: "success", variant: "bodySmall", children: "No binding diagnostics for this component." })) : (props.diagnostics.map((diagnostic, index) => (_jsxs(View, { children: [_jsx(Text, { color: diagnostic.severity === 'error' ? 'danger' : 'warning', variant: "bodySmall", children: diagnostic.message }), diagnostic.path ? (_jsx(Text, { color: "neutral", emphasis: "muted", variant: "bodySmall", children: diagnostic.path })) : null] }, `${diagnostic.code}:${diagnostic.path ?? index}`)))) }) }));
+}
+//# sourceMappingURL=BindingDiagnosticsCard.js.map

package/dist/ui/admin/pages/bindings/BindingDiagnosticsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindingDiagnosticsCard.js","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/BindingDiagnosticsCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,UAAU,sBAAsB,CAAC,KAEtC;IACC,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAC,qBAAqB,YAC/B,KAAC,IAAI,IAAC,KAAK,EAAE,kBAAkB,CAAC,YAAY,YACzC,KAAK,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAChC,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,2DAElC,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,MAAC,IAAI,eACH,KAAC,IAAI,IACH,KAAK,EAAE,UAAU,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC7D,OAAO,EAAC,WAAW,YAElB,UAAU,CAAC,OAAO,GACd,EACN,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW,YACvD,UAAU,CAAC,IAAI,GACX,CACR,CAAC,CAAC,CAAC,IAAI,KAXC,GAAG,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,IAAI,KAAK,EAAE,CAYpD,CACR,CAAC,CACH,GACI,GACF,CACR,CAAC;AACJ,CAAC"}

package/dist/ui/admin/pages/bindings/EventBindingComposer.d.ts

@@ -0,0 +1,8 @@
+import type { EventBinding, UiBindableEventMeta } from '@ankhorage/contracts';
+import { type StudioBindingOperationOption } from '../../../../bindingAuthoringModel';
+export declare function EventBindingComposer(props: {
+    readonly eventMeta: UiBindableEventMeta;
+    readonly operations: readonly StudioBindingOperationOption[];
+    readonly onAdd: (binding: EventBinding) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=EventBindingComposer.d.ts.map

package/dist/ui/admin/pages/bindings/EventBindingComposer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventBindingComposer.d.ts","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/EventBindingComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAK9E,OAAO,EAGL,KAAK,4BAA4B,EAClC,MAAM,mCAAmC,CAAC;AA0B3C,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAC1C,QAAQ,CAAC,SAAS,EAAE,mBAAmB,CAAC;IACxC,QAAQ,CAAC,UAAU,EAAE,SAAS,4BAA4B,EAAE,CAAC;IAC7D,QAAQ,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACjD,+BA4EA"}

package/dist/ui/admin/pages/bindings/EventBindingComposer.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input, Select, Text } from '@ankhorage/zora';
+import { useEffect, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { createStudioActionInputFields, } from '../../../../bindingAuthoringModel';
+import { ACTION_REGISTRY } from '../../../../index';
+import { Field } from '../../adminPagePrimitives';
+import { bindingAdminStyles } from './bindingAdminStyles';
+import { createStudioEventBinding, createStudioEventInputDrafts, createStudioOperationKey, findStudioOperationByKey, } from './bindingEditorModel';
+const TARGET_OPTIONS = [
+    { value: 'action', label: 'Action' },
+    { value: 'operation', label: 'Data-source operation' },
+];
+const INPUT_SOURCE_OPTIONS = [
+    { value: 'event', label: 'Event payload' },
+    { value: 'literal', label: 'Literal' },
+];
+const ACTION_OPTIONS = Object.values(ACTION_REGISTRY).map((action) => ({
+    value: action.type,
+    label: action.label,
+}));
+export function EventBindingComposer(props) {
+    const { eventMeta, onAdd, operations } = props;
+    const [targetKind, setTargetKind] = useState('action');
+    const [actionType, setActionType] = useState(ACTION_OPTIONS[0]?.value ?? 'navigate');
+    const [operationKey, setOperationKey] = useState(operations[0] ? createStudioOperationKey(operations[0].operation) : '');
+    const selectedOperation = findStudioOperationByKey(operations, operationKey);
+    const fields = useMemo(() => targetKind === 'action'
+        ? createStudioActionInputFields(ACTION_REGISTRY[actionType]?.payloadSchema)
+        : (selectedOperation?.inputFields ?? []), [actionType, selectedOperation?.inputFields, targetKind]);
+    const eventFields = useMemo(() => eventMeta.payload?.fields ?? [], [eventMeta.payload?.fields]);
+    const [drafts, setDrafts] = useState({});
+    useEffect(() => {
+        setDrafts(createStudioEventInputDrafts(fields, eventFields));
+    }, [eventFields, fields]);
+    const add = () => {
+        const target = targetKind === 'action'
+            ? { kind: 'action', type: actionType }
+            : selectedOperation
+                ? { kind: 'operation', operation: selectedOperation.operation }
+                : null;
+        if (!target)
+            return;
+        onAdd(createStudioEventBinding({ target, fields, drafts }));
+    };
+    return (_jsxs(View, { style: bindingAdminStyles.stack, children: [_jsxs(View, { style: bindingAdminStyles.row, children: [_jsx(View, { style: bindingAdminStyles.grow, children: _jsx(Field, { label: "Target kind", children: _jsx(Select, { value: targetKind, options: TARGET_OPTIONS, onValueChange: setTargetKind }) }) }), _jsx(View, { style: bindingAdminStyles.grow, children: targetKind === 'action' ? (_jsx(Field, { label: "Action", children: _jsx(Select, { value: actionType, options: ACTION_OPTIONS, onValueChange: setActionType }) })) : (_jsx(Field, { label: "Operation", children: _jsx(Select, { value: operationKey, options: operations.map((operation) => ({
+                                    value: createStudioOperationKey(operation.operation),
+                                    label: operation.label,
+                                })), onValueChange: setOperationKey }) })) })] }), targetKind === 'operation' && selectedOperation ? (_jsx(Text, { color: "neutral", emphasis: "muted", variant: "bodySmall", children: selectedOperation.sourceLabel })) : null, _jsx(EventInputDrafts, { fields: fields, eventFields: eventFields.map((field) => field.path), drafts: drafts, onChange: setDrafts }), _jsx(Button, { disabled: targetKind === 'operation' && !selectedOperation, onPress: add, children: "Add binding" })] }));
+}
+function EventInputDrafts(props) {
+    if (props.fields.length === 0) {
+        return (_jsx(Text, { color: "neutral", emphasis: "muted", variant: "bodySmall", children: "This target has no declared inputs." }));
+    }
+    return (_jsxs(View, { style: bindingAdminStyles.stack, children: [props.fields.map((field) => {
+                const draft = props.drafts[field.name] ?? { kind: 'literal', value: '' };
+                return (_jsxs(View, { style: bindingAdminStyles.row, children: [_jsx(View, { style: bindingAdminStyles.grow, children: _jsx(Field, { label: `${field.label} · ${field.value.type}${field.required ? ' · required' : ''}`, children: _jsx(Select, { value: draft.kind, options: INPUT_SOURCE_OPTIONS, onValueChange: (kind) => props.onChange({ ...props.drafts, [field.name]: { ...draft, kind } }) }) }) }), _jsx(View, { style: bindingAdminStyles.grow, children: _jsx(Field, { label: draft.kind === 'event' ? 'Payload path' : 'Literal value', children: _jsx(Input, { value: draft.value, placeholder: draft.kind === 'event' ? 'values.name' : undefined, onChangeText: (value) => props.onChange({ ...props.drafts, [field.name]: { ...draft, value } }) }) }) })] }, field.name));
+            }), props.eventFields.length > 0 ? (_jsxs(Text, { color: "neutral", emphasis: "muted", variant: "bodySmall", children: ["Known payload paths: ", props.eventFields.join(', '), ". Nested paths may be entered manually."] })) : null] }));
+}
+//# sourceMappingURL=EventBindingComposer.js.map

package/dist/ui/admin/pages/bindings/EventBindingComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventBindingComposer.js","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/EventBindingComposer.tsx"],"names":[],"mappings":"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"}

package/dist/ui/admin/pages/bindings/EventBindingsCard.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentDataBindingRegistry, UiNode } from '@ankhorage/contracts';
+import { type StudioBindingOperationOption } from '../../../../bindingAuthoringModel';
+export declare function EventBindingsCard(props: {
+    readonly node: UiNode;
+    readonly registry: ComponentDataBindingRegistry;
+    readonly operations: readonly StudioBindingOperationOption[];
+    readonly onChange: (registry: ComponentDataBindingRegistry) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=EventBindingsCard.d.ts.map

package/dist/ui/admin/pages/bindings/EventBindingsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventBindingsCard.d.ts","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/EventBindingsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAIjF,OAAO,EAIL,KAAK,4BAA4B,EAClC,MAAM,mCAAmC,CAAC;AAI3C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,4BAA4B,CAAC;IAChD,QAAQ,CAAC,UAAU,EAAE,SAAS,4BAA4B,EAAE,CAAC;IAC7D,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,4BAA4B,KAAK,IAAI,CAAC;CACrE,+BAwDA"}

package/dist/ui/admin/pages/bindings/EventBindingsCard.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Card, Text, ZORA_BINDABLE_COMPONENT_META } from '@ankhorage/zora';
+import { View } from 'react-native';
+import { appendStudioEventBinding, removeStudioEventBinding, resolveStudioBindableEvents, } from '../../../../bindingAuthoringModel';
+import { bindingAdminStyles } from './bindingAdminStyles';
+import { EventBindingComposer } from './EventBindingComposer';
+export function EventBindingsCard(props) {
+    const options = resolveStudioBindableEvents(props.node, ZORA_BINDABLE_COMPONENT_META);
+    const current = props.registry[props.node.id]?.events ?? {};
+    return (_jsx(Card, { title: "Event / action bindings", children: _jsxs(View, { style: bindingAdminStyles.stack, children: [_jsx(Text, { color: "neutral", emphasis: "muted", variant: "bodySmall", children: "Component events come from ZORA metadata. Bind them to canonical actions or data-source operations; Runtime remains responsible for execution." }), options.map((option) => (_jsxs(View, { style: bindingAdminStyles.stack, children: [_jsx(Text, { weight: "semiBold", children: option.label }), _jsx(EventPayloadSummary, { fields: option.meta.payload?.fields ?? [] }), (current[option.name] ?? []).map((binding, index) => (_jsxs(View, { style: bindingAdminStyles.row, children: [_jsxs(View, { style: bindingAdminStyles.grow, children: [_jsx(Text, { variant: "bodySmall", children: describeEventBinding(binding) }), _jsx(Text, { color: "neutral", emphasis: "muted", variant: "bodySmall", children: describeBindingInput(binding.input) })] }), _jsx(Button, { variant: "ghost", color: "neutral", onPress: () => props.onChange(removeStudioEventBinding(props.registry, props.node, option.name, index)), children: "Remove" })] }, `${option.name}:${index}`))), _jsx(EventBindingComposer, { eventMeta: option.meta, operations: props.operations, onAdd: (binding) => props.onChange(appendStudioEventBinding(props.registry, props.node, option.name, binding)) }), _jsx(View, { style: bindingAdminStyles.divider })] }, option.name))), options.length === 0 ? (_jsx(Text, { color: "neutral", emphasis: "muted", children: "This component exposes no bindable events." })) : null] }) }));
+}
+function EventPayloadSummary(props) {
+    return (_jsx(Text, { color: "neutral", emphasis: "muted", variant: "bodySmall", children: props.fields.length > 0
+            ? `Payload: ${props.fields.map((field) => `${field.label ?? field.path} (${field.type})`).join(', ')}`
+            : 'Payload: none' }));
+}
+function describeEventBinding(binding) {
+    if (binding.target.kind === 'action')
+        return `Action · ${binding.target.type}`;
+    const { dataSourceId, endpointId, operationId } = binding.target.operation;
+    return `Operation · ${dataSourceId} · ${endpointId ?? '<auto>'} · ${operationId}`;
+}
+function describeBindingInput(input) {
+    const keys = Object.keys(input ?? {});
+    return keys.length > 0 ? `Inputs: ${keys.join(', ')}` : 'No mapped inputs';
+}
+//# sourceMappingURL=EventBindingsCard.js.map

package/dist/ui/admin/pages/bindings/EventBindingsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventBindingsCard.js","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/EventBindingsCard.tsx"],"names":[],"mappings":"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"}

package/dist/ui/admin/pages/bindings/PropertyBindingEditor.d.ts

@@ -0,0 +1,10 @@
+import type { PropBinding } from '@ankhorage/contracts';
+import { type StudioBindablePropOption, type StudioBindingOperationOption } from '../../../../bindingAuthoringModel';
+export declare function PropertyBindingEditor(props: {
+    readonly option: StudioBindablePropOption;
+    readonly binding: PropBinding | undefined;
+    readonly operations: readonly StudioBindingOperationOption[];
+    readonly onChange: (binding: PropBinding) => void;
+    readonly onRemove: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PropertyBindingEditor.d.ts.map

package/dist/ui/admin/pages/bindings/PropertyBindingEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyBindingEditor.d.ts","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/PropertyBindingEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,4BAA4B,EAClC,MAAM,mCAAmC,CAAC;AAa3C,wBAAgB,qBAAqB,CAAC,KAAK,EAAE;IAC3C,QAAQ,CAAC,MAAM,EAAE,wBAAwB,CAAC;IAC1C,QAAQ,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IAC1C,QAAQ,CAAC,UAAU,EAAE,SAAS,4BAA4B,EAAE,CAAC;IAC7D,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC/B,+BAgDA"}

package/dist/ui/admin/pages/bindings/PropertyBindingEditor.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input, Select, Text } from '@ankhorage/zora';
+import { View } from 'react-native';
+import { assessStudioBindingCompatibility, } from '../../../../bindingAuthoringModel';
+import { Field } from '../../adminPagePrimitives';
+import { bindingAdminStyles } from './bindingAdminStyles';
+import { createStudioOperationKey, createStudioPropBindingForSource, findStudioOperationByKey, formatStudioBindingLiteral, parseStudioBindingLiteral, STUDIO_BINDING_SOURCE_OPTIONS, } from './bindingEditorModel';
+export function PropertyBindingEditor(props) {
+    const { binding, onChange, onRemove, option, operations } = props;
+    const operationOptions = operations.map((operation) => ({
+        value: createStudioOperationKey(operation.operation),
+        label: operation.label,
+    }));
+    const sourceKind = binding?.source.kind ?? 'literal';
+    return (_jsxs(View, { style: bindingAdminStyles.stack, children: [_jsxs(View, { style: bindingAdminStyles.row, children: [_jsx(View, { style: bindingAdminStyles.grow, children: _jsx(Field, { label: `${option.label} · ${option.meta.value.type}`, children: _jsx(Select, { value: sourceKind, options: STUDIO_BINDING_SOURCE_OPTIONS, onValueChange: (kind) => onChange(createStudioPropBindingForSource(kind, option.meta.value, operations)) }) }) }), binding ? (_jsx(Button, { variant: "ghost", color: "neutral", onPress: onRemove, children: "Remove" })) : null] }), binding ? (_jsx(PropertyBindingSourceFields, { binding: binding, expected: option.meta.value, operations: operations, operationOptions: operationOptions, onChange: onChange })) : (_jsx(Button, { variant: "soft", onPress: () => onChange(createStudioPropBindingForSource('literal', option.meta.value, operations)), children: "Add binding" }))] }));
+}
+function PropertyBindingSourceFields(props) {
+    const { binding, expected, onChange, operationOptions, operations } = props;
+    const { source } = binding;
+    if (source.kind === 'literal') {
+        if (expected.type === 'boolean') {
+            return (_jsx(Select, { value: String(source.value === true), options: [
+                    { value: 'false', label: 'False' },
+                    { value: 'true', label: 'True' },
+                ], onValueChange: (value) => onChange({ ...binding, source: { kind: 'literal', value: value === 'true' } }) }));
+        }
+        return (_jsx(Input, { value: formatStudioBindingLiteral(source.value), onChangeText: (value) => onChange({
+                ...binding,
+                source: { kind: 'literal', value: parseStudioBindingLiteral(value, expected) },
+            }) }));
+    }
+    if (source.kind === 'state' || source.kind === 'context') {
+        return (_jsx(Input, { value: source.path, placeholder: source.kind === 'state' ? 'draft.customer.name' : 'session.user.name', onChangeText: (path) => onChange({ ...binding, source: { ...source, path } }) }));
+    }
+    if (source.kind === 'event') {
+        return (_jsx(Text, { color: "danger", children: "Event sources are not available for persistent property bindings." }));
+    }
+    const operationKey = createStudioOperationKey(source.operation);
+    const operation = findStudioOperationByKey(operations, operationKey);
+    const responseOptions = (operation?.responsePaths ?? []).map((response) => {
+        const compatibility = assessStudioBindingCompatibility(expected, response.value);
+        return {
+            value: response.path,
+            label: `${response.label} · ${response.value.type}${compatibility === 'incompatible' ? ' · incompatible' : ''}`,
+        };
+    });
+    return (_jsxs(View, { style: bindingAdminStyles.stack, children: [_jsx(Field, { label: "Operation", children: _jsx(Select, { value: operationKey, options: operationOptions, onValueChange: (key) => {
+                        const selected = findStudioOperationByKey(operations, key);
+                        if (!selected)
+                            return;
+                        onChange({
+                            ...binding,
+                            source: {
+                                kind: 'operation',
+                                operation: selected.operation,
+                                path: selected.responsePaths[0]?.path,
+                            },
+                        });
+                    } }) }), _jsx(Field, { label: "Response path", children: _jsx(Select, { value: source.path ?? '', options: responseOptions, onValueChange: (path) => onChange({ ...binding, source: { ...source, path } }) }) }), _jsx(Text, { color: "neutral", emphasis: "muted", variant: "bodySmall", children: operation?.sourceLabel ?? 'The referenced operation is currently unavailable.' })] }));
+}
+//# sourceMappingURL=PropertyBindingEditor.js.map

package/dist/ui/admin/pages/bindings/PropertyBindingEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyBindingEditor.js","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/PropertyBindingEditor.tsx"],"names":[],"mappings":"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"}

package/dist/ui/admin/pages/bindings/PropertyBindingsCard.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentDataBindingRegistry, UiNode } from '@ankhorage/contracts';
+import { type StudioBindingOperationOption } from '../../../../bindingAuthoringModel';
+export declare function PropertyBindingsCard(props: {
+    readonly node: UiNode;
+    readonly registry: ComponentDataBindingRegistry;
+    readonly operations: readonly StudioBindingOperationOption[];
+    readonly onChange: (registry: ComponentDataBindingRegistry) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PropertyBindingsCard.d.ts.map

package/dist/ui/admin/pages/bindings/PropertyBindingsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyBindingsCard.d.ts","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/PropertyBindingsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAIjF,OAAO,EAIL,KAAK,4BAA4B,EAClC,MAAM,mCAAmC,CAAC;AAK3C,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAC1C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,4BAA4B,CAAC;IAChD,QAAQ,CAAC,UAAU,EAAE,SAAS,4BAA4B,EAAE,CAAC;IAC7D,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,4BAA4B,KAAK,IAAI,CAAC;CACrE,+BAqCA"}

package/dist/ui/admin/pages/bindings/PropertyBindingsCard.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Text } from '@ankhorage/zora';
+import { View } from 'react-native';
+import { removeStudioPropBinding, resolveStudioBindableProps, upsertStudioPropBinding, } from '../../../../bindingAuthoringModel';
+import { ZORA_BINDABLE_COMPONENT_META } from '@ankhorage/zora';
+import { bindingAdminStyles } from './bindingAdminStyles';
+import { PropertyBindingEditor } from './PropertyBindingEditor';
+export function PropertyBindingsCard(props) {
+    const options = resolveStudioBindableProps(props.node, ZORA_BINDABLE_COMPONENT_META);
+    const current = props.registry[props.node.id]?.props ?? {};
+    return (_jsx(Card, { title: "Property / data bindings", children: _jsxs(View, { style: bindingAdminStyles.stack, children: [_jsx(Text, { color: "neutral", emphasis: "muted", variant: "bodySmall", children: "Bind only properties explicitly exposed by ZORA metadata to literals, state, context, or canonical operation responses." }), options.map((option) => (_jsxs(View, { style: bindingAdminStyles.stack, children: [_jsx(PropertyBindingEditor, { option: option, binding: current[option.name], operations: props.operations, onChange: (binding) => props.onChange(upsertStudioPropBinding(props.registry, props.node, option.name, binding)), onRemove: () => props.onChange(removeStudioPropBinding(props.registry, props.node, option.name)) }), _jsx(View, { style: bindingAdminStyles.divider })] }, option.name))), options.length === 0 ? (_jsx(Text, { color: "neutral", emphasis: "muted", children: "This component exposes no bindable properties." })) : null] }) }));
+}
+//# sourceMappingURL=PropertyBindingsCard.js.map

package/dist/ui/admin/pages/bindings/PropertyBindingsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyBindingsCard.js","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/PropertyBindingsCard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,uBAAuB,GAExB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,UAAU,oBAAoB,CAAC,KAKpC;IACC,MAAM,OAAO,GAAG,0BAA0B,CAAC,KAAK,CAAC,IAAI,EAAE,4BAA4B,CAAC,CAAC;IACrF,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;IAE3D,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAC,0BAA0B,YACpC,MAAC,IAAI,IAAC,KAAK,EAAE,kBAAkB,CAAC,KAAK,aACnC,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW,wIAGnD,EACN,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,MAAC,IAAI,IAAmB,KAAK,EAAE,kBAAkB,CAAC,KAAK,aACrD,KAAC,qBAAqB,IACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAC7B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CACpB,KAAK,CAAC,QAAQ,CACZ,uBAAuB,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAC1E,EAEH,QAAQ,EAAE,GAAG,EAAE,CACb,KAAK,CAAC,QAAQ,CAAC,uBAAuB,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,GAElF,EACF,KAAC,IAAI,IAAC,KAAK,EAAE,kBAAkB,CAAC,OAAO,GAAI,KAdlC,MAAM,CAAC,IAAI,CAef,CACR,CAAC,EACD,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,+DAE/B,CACR,CAAC,CAAC,CAAC,IAAI,IACH,GACF,CACR,CAAC;AACJ,CAAC"}

package/dist/ui/admin/pages/bindings/bindingAdminStyles.d.ts

@@ -0,0 +1,28 @@
+export declare const bindingAdminStyles: {
+    stack: {
+        gap: number;
+    };
+    compactStack: {
+        gap: number;
+    };
+    row: {
+        flexDirection: "row";
+        flexWrap: "wrap";
+        gap: number;
+        alignItems: "flex-end";
+    };
+    grow: {
+        flexGrow: number;
+        flexBasis: number;
+    };
+    actions: {
+        flexDirection: "row";
+        flexWrap: "wrap";
+        gap: number;
+    };
+    divider: {
+        height: number;
+        backgroundColor: string;
+    };
+};
+//# sourceMappingURL=bindingAdminStyles.d.ts.map

package/dist/ui/admin/pages/bindings/bindingAdminStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindingAdminStyles.d.ts","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/bindingAdminStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B7B,CAAC"}

package/dist/ui/admin/pages/bindings/bindingAdminStyles.js

@@ -0,0 +1,29 @@
+import { StyleSheet } from 'react-native';
+export const bindingAdminStyles = StyleSheet.create({
+    stack: {
+        gap: 12,
+    },
+    compactStack: {
+        gap: 8,
+    },
+    row: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 10,
+        alignItems: 'flex-end',
+    },
+    grow: {
+        flexGrow: 1,
+        flexBasis: 220,
+    },
+    actions: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 8,
+    },
+    divider: {
+        height: 1,
+        backgroundColor: 'rgba(127, 127, 127, 0.2)',
+    },
+});
+//# sourceMappingURL=bindingAdminStyles.js.map

package/dist/ui/admin/pages/bindings/bindingAdminStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindingAdminStyles.js","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/bindingAdminStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC,MAAM,CAAC;IAClD,KAAK,EAAE;QACL,GAAG,EAAE,EAAE;KACR;IACD,YAAY,EAAE;QACZ,GAAG,EAAE,CAAC;KACP;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;QAChB,GAAG,EAAE,EAAE;QACP,UAAU,EAAE,UAAU;KACvB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,GAAG;KACf;IACD,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;QAChB,GAAG,EAAE,CAAC;KACP;IACD,OAAO,EAAE;QACP,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,0BAA0B;KAC5C;CACF,CAAC,CAAC"}

package/dist/ui/admin/pages/bindings/bindingEditorModel.d.ts

@@ -0,0 +1,30 @@
+import type { BindingOperationRef, BindingValue, EventBinding, PropBinding, UiBindableValueMeta, UiComponentEventPayloadFieldMeta } from '@ankhorage/contracts';
+import type { StudioBindingInputFieldOption, StudioBindingOperationOption } from '../../../../bindingAuthoringModel';
+export type StudioBindingSourceKind = PropBinding['source']['kind'];
+export type StudioEventInputSourceKind = 'event' | 'literal';
+export declare const STUDIO_BINDING_SOURCE_OPTIONS: readonly {
+    value: StudioBindingSourceKind;
+    label: string;
+}[];
+export declare function createStudioPropBindingForSource(kind: StudioBindingSourceKind, value: UiBindableValueMeta, operations: readonly StudioBindingOperationOption[]): PropBinding;
+export declare function createStudioEventBinding(args: {
+    readonly target: {
+        readonly kind: 'action';
+        readonly type: string;
+    } | {
+        readonly kind: 'operation';
+        readonly operation: StudioBindingOperationOption['operation'];
+    };
+    readonly fields: readonly StudioBindingInputFieldOption[];
+    readonly drafts: Readonly<Record<string, StudioEventInputDraft>>;
+}): EventBinding;
+export interface StudioEventInputDraft {
+    readonly kind: StudioEventInputSourceKind;
+    readonly value: string;
+}
+export declare function createStudioEventInputDrafts(fields: readonly StudioBindingInputFieldOption[], eventFields: readonly UiComponentEventPayloadFieldMeta[]): Readonly<Record<string, StudioEventInputDraft>>;
+export declare function parseStudioBindingLiteral(input: string, meta: UiBindableValueMeta): BindingValue;
+export declare function formatStudioBindingLiteral(value: BindingValue): string;
+export declare function createStudioOperationKey(operation: BindingOperationRef): string;
+export declare function findStudioOperationByKey(operations: readonly StudioBindingOperationOption[], key: string): StudioBindingOperationOption | undefined;
+//# sourceMappingURL=bindingEditorModel.d.ts.map

package/dist/ui/admin/pages/bindings/bindingEditorModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindingEditorModel.d.ts","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/bindingEditorModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,gCAAgC,EACjC,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EACV,6BAA6B,EAC7B,4BAA4B,EAC7B,MAAM,mCAAmC,CAAC;AAE3C,MAAM,MAAM,uBAAuB,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,SAAS,CAAC;AAE7D,eAAO,MAAM,6BAA6B,EAAE,SAAS;IACnD,KAAK,EAAE,uBAAuB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf,EAKA,CAAC;AAEF,wBAAgB,gCAAgC,CAC9C,IAAI,EAAE,uBAAuB,EAC7B,KAAK,EAAE,mBAAmB,EAC1B,UAAU,EAAE,SAAS,4BAA4B,EAAE,GAClD,WAAW,CASb;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE;IAC7C,QAAQ,CAAC,MAAM,EACX;QAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAClD;QAAE,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;QAAC,QAAQ,CAAC,SAAS,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAA;KAAE,CAAC;IAClG,QAAQ,CAAC,MAAM,EAAE,SAAS,6BAA6B,EAAE,CAAC;IAC1D,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC;CAClE,GAAG,YAAY,CAGf;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,IAAI,EAAE,0BAA0B,CAAC;IAC1C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,SAAS,6BAA6B,EAAE,EAChD,WAAW,EAAE,SAAS,gCAAgC,EAAE,GACvD,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAYjD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,mBAAmB,GAAG,YAAY,CAWhG;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM,CAEtE;AAED,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,mBAAmB,GAAG,MAAM,CAG/E;AAED,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,SAAS,4BAA4B,EAAE,EACnD,GAAG,EAAE,MAAM,GACV,4BAA4B,GAAG,SAAS,CAE1C"}

package/dist/ui/admin/pages/bindings/bindingEditorModel.js

@@ -0,0 +1,107 @@
+export const STUDIO_BINDING_SOURCE_OPTIONS = [
+    { value: 'literal', label: 'Literal' },
+    { value: 'state', label: 'State' },
+    { value: 'context', label: 'Context' },
+    { value: 'operation', label: 'Operation result' },
+];
+export function createStudioPropBindingForSource(kind, value, operations) {
+    if (kind === 'literal')
+        return { source: { kind, value: createDefaultBindingValue(value) } };
+    if (kind === 'state' || kind === 'context')
+        return { source: { kind, path: '' } };
+    if (kind === 'event')
+        return { source: { kind, path: '' } };
+    const [operation] = operations;
+    return operation
+        ? { source: { kind, operation: operation.operation, path: operation.responsePaths[0]?.path } }
+        : { source: { kind: 'context', path: '' } };
+}
+export function createStudioEventBinding(args) {
+    const input = createStudioEventInputMap(args.fields, args.drafts);
+    return { target: args.target, ...(Object.keys(input).length > 0 ? { input } : {}) };
+}
+export function createStudioEventInputDrafts(fields, eventFields) {
+    return Object.fromEntries(fields.map((field) => {
+        const matchingEventField = eventFields.find((candidate) => candidate.path === field.name);
+        return [
+            field.name,
+            matchingEventField
+                ? { kind: 'event', value: matchingEventField.path }
+                : { kind: 'literal', value: '' },
+        ];
+    }));
+}
+export function parseStudioBindingLiteral(input, meta) {
+    if (meta.type === 'boolean')
+        return input === 'true';
+    if (meta.type === 'number') {
+        const number = Number(input);
+        return Number.isFinite(number) ? number : 0;
+    }
+    if (meta.type === 'array')
+        return parseStructuredValue(input, []);
+    if (meta.type === 'object' || meta.type === 'record' || meta.type === 'imageAsset') {
+        return parseStructuredValue(input, {});
+    }
+    return input;
+}
+export function formatStudioBindingLiteral(value) {
+    return typeof value === 'string' ? value : JSON.stringify(value);
+}
+export function createStudioOperationKey(operation) {
+    const { dataSourceId, endpointId, operationId } = operation;
+    return `${dataSourceId}::${endpointId ?? ''}::${operationId}`;
+}
+export function findStudioOperationByKey(operations, key) {
+    return operations.find((option) => createStudioOperationKey(option.operation) === key);
+}
+function createStudioEventInputMap(fields, drafts) {
+    return Object.fromEntries(fields.flatMap((field) => {
+        const draft = drafts[field.name];
+        if (!draft || (!draft.value && !field.required))
+            return [];
+        return [
+            [
+                field.name,
+                draft.kind === 'event'
+                    ? { kind: 'source', source: { kind: 'event', path: draft.value } }
+                    : {
+                        kind: 'literal',
+                        value: parseStudioBindingLiteral(draft.value, field.value),
+                    },
+            ],
+        ];
+    }));
+}
+function createDefaultBindingValue(meta) {
+    if (meta.type === 'boolean')
+        return false;
+    if (meta.type === 'number')
+        return 0;
+    if (meta.type === 'array')
+        return [];
+    if (meta.type === 'object' || meta.type === 'record' || meta.type === 'imageAsset')
+        return {};
+    return '';
+}
+function parseStructuredValue(input, fallback) {
+    try {
+        const value = JSON.parse(input);
+        return isBindingValue(value) ? value : fallback;
+    }
+    catch {
+        return fallback;
+    }
+}
+function isBindingValue(value) {
+    if (value === null)
+        return true;
+    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean')
+        return true;
+    if (Array.isArray(value))
+        return value.every(isBindingValue);
+    if (typeof value !== 'object')
+        return false;
+    return Object.values(value).every(isBindingValue);
+}
+//# sourceMappingURL=bindingEditorModel.js.map

package/dist/ui/admin/pages/bindings/bindingEditorModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindingEditorModel.js","sourceRoot":"","sources":["../../../../../src/ui/admin/pages/bindings/bindingEditorModel.ts"],"names":[],"mappings":"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"}

package/dist/ui/canvas/StudioCanvasDndOverlay.d.ts

@@ -0,0 +1,15 @@
+import type { UiNode } from '@ankhorage/contracts';
+import React from 'react';
+import { type NodePlacement, type StudioComponentMetaRegistry } from '../../index';
+import type { RuntimeNodeIndicatorRect } from '../../runtime/runtimeNodeMeasurement';
+export interface StudioCanvasDndOverlayProps {
+    readonly activeDragNodeId: string | null;
+    readonly componentMeta: StudioComponentMetaRegistry;
+    readonly indicatorRects: readonly RuntimeNodeIndicatorRect[];
+    readonly moveNodeToPlacement: (nodeId: string, placement: NodePlacement) => boolean;
+    readonly rootNode: UiNode | null;
+    readonly selectedNodeId: string | null;
+    readonly setActiveDragNodeId: (nodeId: string | null) => void;
+}
+export declare function StudioCanvasDndOverlay(props: StudioCanvasDndOverlayProps): React.JSX.Element | null;
+//# sourceMappingURL=StudioCanvasDndOverlay.d.ts.map

package/dist/ui/canvas/StudioCanvasDndOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StudioCanvasDndOverlay.d.ts","sourceRoot":"","sources":["../../../src/ui/canvas/StudioCanvasDndOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAQnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAgB,KAAK,aAAa,EAAE,KAAK,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAEjG,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AASrF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,QAAQ,CAAC,aAAa,EAAE,2BAA2B,CAAC;IACpD,QAAQ,CAAC,cAAc,EAAE,SAAS,wBAAwB,EAAE,CAAC;IAC7D,QAAQ,CAAC,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,OAAO,CAAC;IACpF,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC/D;AA8ID,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,2BAA2B,GACjC,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA0F1B"}