@oomol-lab/open-flow 0.1.0-beta.4 → 0.1.0-beta.5

package/dist/common/control-api-conformance.js

@@ -62,17 +62,18 @@ function d(e, t, n) {
 async function f(e, t, n) {
 	return c(await d(e, t, n), 201, "Create Flow");
 }
-function p(e, t, n, r) {
+function p(e, t, n, r, i = `change-${crypto.randomUUID()}`) {
 	return u(e, `/v1/flows/${encodeURIComponent(t)}/draft/changes`, {
 		body: JSON.stringify({
 			expectedRevisionId: n,
 			operations: r,
 			version: 1
 		}),
+		headers: { "idempotency-key": i },
 		method: "POST"
 	});
 }
-function m(e, t, n, r = "marker") {
+function m(e, t, n, r = "marker", i) {
 	return p(e, t, n, [{
 		kind: "graph.node.create",
 		node: {
@@ -88,7 +89,7 @@ function m(e, t, n, r = "marker") {
 		},
 		nodeId: r,
 		target: { kind: "flow" }
-	}]);
+	}], i);
 }
 function h(e, t) {
 	return s(a(e.revision, `${t} revision`).revisionId, `${t} revisionId`);
@@ -197,24 +198,25 @@ var b = [
 	{
 		name: "commits immutable Draft Revisions for one Flow",
 		async verify(e) {
-			let t = await f(e, "Draft flow", "draft-flow"), n = s(t.flowId, "Draft Flow flowId"), r = s(t.draftRevisionId, "Draft Flow revisionId"), o = await c(await m(e, n, r), 200, "Change Draft"), d = h(o, "Changed Draft");
-			i(a(o.revision, "Changed Draft revision").parentRevisionId, r, "Changed Draft parent"), await l(await p(e, n, d, [{
-				kind: "graph.node.replace",
-				node: {
-					concurrency: 1,
-					inputs: {},
-					kind: "value",
-					values: [{
-						handle: "ready",
-						jsonSchema: { type: "boolean" },
-						nullable: !1,
-						value: !0
-					}]
-				},
+			let t = await f(e, "Draft flow", "draft-flow"), n = s(t.flowId, "Draft Flow flowId"), r = s(t.draftRevisionId, "Draft Flow revisionId"), o = await c(await m(e, n, r, "marker", "draft-change"), 200, "Change Draft"), d = h(o, "Changed Draft");
+			i(a(o.revision, "Changed Draft revision").parentRevisionId, r, "Changed Draft parent"), i(await c(await m(e, n, r, "marker", "draft-change"), 200, "Replay Draft change"), o, "Replayed Draft change"), await l(await m(e, n, r, "another-marker", "draft-change"), 409, "flow.conflict", "Conflicting Draft change replay"), await l(await p(e, n, d, [{
+				before: [{
+					handle: "ready",
+					jsonSchema: { type: "boolean" },
+					nullable: !1,
+					value: !0
+				}],
+				kind: "graph.node.values.set",
 				nodeId: "marker",
-				target: { kind: "flow" }
+				target: { kind: "flow" },
+				value: [{
+					handle: "ready",
+					jsonSchema: { type: "boolean" },
+					nullable: !1,
+					value: !0
+				}]
 			}]), 400, "flow.invalid", "No-op Draft change"), await l(await m(e, n, r, "stale"), 412, "flow.revision-conflict", "Stale Draft change"), i(a(a(a(a((await c(await u(e, `/v1/flows/${n}/revisions/${r}`), 200, "Read old Revision")).content, "Old content").document, "Old document").graph, "Old graph").nodes, "Old nodes"), {}, "Old Revision nodes"), i((await c(await u(e, `/v1/flows/${n}/draft`), 200, "Read Draft")).revisionId, d, "Draft revisionId");
-			let g = await c(await u(e, `/v1/flows/${n}/draft/sync?fromRevisionId=${r}`), 200, "Sync Draft");
+			let g = await c(await u(e, `/v1/flows/${n}/draft/sync`), 200, "Sync Draft");
 			i(g.kind, "snapshot", "Draft sync kind"), i(a(g.draft, "Draft snapshot").revisionId, d, "Draft snapshot revisionId");
 		}
 	},

package/dist/common/control-api.d.ts

@@ -114,18 +114,11 @@ export interface DraftChange {
     readonly revision: RevisionMetadata;
     readonly version: 1;
 }
-export type DraftSync = {
-    readonly kind: 'changes';
-    readonly revisions: readonly {
-        readonly operations: readonly ChangeOperation[];
-        readonly revision: RevisionMetadata;
-    }[];
-    readonly version: 1;
-} | {
+export interface DraftSync {
     readonly draft: Draft;
     readonly kind: 'snapshot';
     readonly version: 1;
-};
+}
 export interface Publication {
     readonly actorId: string;
     readonly closureDigest: string;
@@ -339,7 +332,7 @@ export declare class ControlClient {
     resumeFlowTrigger(flowId: string, triggerNodeId: string): Promise<TriggerBinding>;
     testFlowPollTrigger(flowId: string, triggerNodeId: string): Promise<PollTriggerTestResult>;
     getDraft(flowId: string): Promise<Draft>;
-    syncDraft(flowId: string, fromRevisionId?: string): Promise<DraftSync>;
+    syncDraft(flowId: string): Promise<DraftSync>;
     getRevision(flowId: string, revisionId: string): Promise<Draft>;
     listConnectorProviders(signal?: AbortSignal, flowId?: string): Promise<readonly ConnectorProvider[]>;
     listConnectorActions(serviceId?: string, signal?: AbortSignal, flowId?: string): Promise<readonly ConnectorAction[]>;
@@ -347,7 +340,7 @@ export declare class ControlClient {
     getConnectorAction(actionId: string, signal?: AbortSignal, flowId?: string): Promise<ConnectorAction>;
     listConnectorConnections(serviceId: string, signal?: AbortSignal, flowId?: string): Promise<readonly ConnectorConnection[]>;
     createConnectorConnectionPage(serviceId: string, flowId?: string): Promise<string>;
-    changeDraft(flowId: string, expectedRevisionId: string, operations: readonly ChangeOperation[]): Promise<DraftChange>;
+    changeDraft(flowId: string, expectedRevisionId: string, operations: readonly ChangeOperation[], changeId?: string): Promise<DraftChange>;
     checkFlow(flowId: string, revisionId: string): Promise<FlowCheck>;
     getLive(flowId: string): Promise<Live>;
     listPublications(flowId: string, options?: {

package/dist/common/control-api.js

@@ -396,23 +396,11 @@ function M(e) {
 }
 function N(e) {
 	let t = a(e);
-	return t.version == 1 ? t.kind == "snapshot" ? {
+	return t.version != 1 || t.kind != "snapshot" ? i() : {
 		draft: j(t.draft),
 		kind: "snapshot",
 		version: 1
-	} : t.kind != "changes" || !Array.isArray(t.revisions) ? i() : {
-		kind: "changes",
-		revisions: t.revisions.map((e) => {
-			let t = a(e);
-			if (!Array.isArray(t.operations) || t.operations.length == 0) return i();
-			for (let e of t.operations) if (typeof a(e).kind != "string") return i();
-			return {
-				operations: t.operations,
-				revision: A(t.revision)
-			};
-		}),
-		version: 1
-	} : i();
+	};
 }
 function P(e) {
 	let t = a(e), n = t.operation, r = t.sourcePublicationId;
@@ -839,9 +827,8 @@ var ee = class {
 	async getDraft(e) {
 		return j(await this.request(`/v1/flows/${Q(e)}/draft`));
 	}
-	async syncDraft(e, t) {
-		let n = t == null ? "" : `?fromRevisionId=${Q(t)}`;
-		return N(await this.request(`/v1/flows/${Q(e)}/draft/sync${n}`));
+	async syncDraft(e) {
+		return N(await this.request(`/v1/flows/${Q(e)}/draft/sync`));
 	}
 	async getRevision(e, t) {
 		return j(await this.request(`/v1/flows/${Q(e)}/revisions/${Q(t)}`));
@@ -887,13 +874,14 @@ var ee = class {
 			return i();
 		}
 	}
-	async changeDraft(e, t, n) {
+	async changeDraft(e, t, n, r = $("change")) {
 		return M(await this.request(`/v1/flows/${Q(e)}/draft/changes`, {
 			body: JSON.stringify({
 				expectedRevisionId: t,
 				operations: n,
 				version: 1
 			}),
+			headers: { "idempotency-key": r },
 			method: "POST"
 		}));
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oomol-lab/open-flow",
-  "version": "0.1.0-beta.4",
+  "version": "0.1.0-beta.5",
   "description": "TypeScript contracts and Browser runtime for Open Flow.",
   "license": "Apache-2.0",
   "repository": {

package/dist/browser/createResourceDialog-4YQKl8lG.js

@@ -1,505 +0,0 @@
-import { a as e } from "./main-DmjVyuWr.js";
-import { $t as t, At as n, B as r, Bn as i, Ct as a, Dn as o, F as s, Fn as c, Gn as l, Hn as u, L as d, Lt as f, M as p, Nt as m, On as h, P as g, R as _, Tt as v, V as y, W as b, Xt as x, Z as S, Zn as C, c as w, er as T, et as E, i as D, jt as O, kt as k, lt as A, n as ee, nt as j, o as te, or as M, p as N, x as P, z as F } from "./getPseudoElementBounds-qDxSDwzN.js";
-import { a as I, c as L, d as R, l as ne, s as z, t as re, u as ie } from "./icons-DRoMXL5h.js";
-import { t as ae } from "./workbenchSelect-CX8KtT7L.js";
-import * as B from "react";
-import { useEffect as oe, useRef as V, useState as se } from "react";
-import { Fragment as ce, jsx as H, jsxs as U } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/lucide-react@0.468.0+f4eacebf2041cd4f/node_modules/lucide-react/dist/esm/icons/x.js
-var le = k("X", [["path", {
-	d: "M18 6 6 18",
-	key: "1bl5f8"
-}], ["path", {
-	d: "m6 6 12 12",
-	key: "d8bk6v"
-}]]), W = /*#__PURE__*/ B.createContext(void 0);
-process.env.NODE_ENV !== "production" && (W.displayName = "DialogRootContext");
-function G(e) {
-	let t = B.useContext(W);
-	if (e === !1 && t === void 0) throw Error(process.env.NODE_ENV === "production" ? T(27) : "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.");
-	return t;
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.js
-var ue = {
-	...v,
-	...t
-}, K = /*#__PURE__*/ B.forwardRef(function(e, t) {
-	let { render: n, className: r, style: i, forceRender: a = !1, ...o } = e, { store: s } = G(), c = s.useState("open"), u = s.useState("nested"), d = s.useState("mounted"), f = {
-		open: c,
-		transitionStatus: s.useState("transitionStatus")
-	};
-	return l("div", e, {
-		state: f,
-		ref: [s.context.backdropRef, t],
-		stateAttributesMapping: ue,
-		props: [{
-			role: "presentation",
-			hidden: !d,
-			style: {
-				userSelect: "none",
-				WebkitUserSelect: "none"
-			}
-		}, o],
-		enabled: a || !u
-	});
-});
-process.env.NODE_ENV !== "production" && (K.displayName = "DialogBackdrop");
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/close/DialogClose.js
-var q = /*#__PURE__*/ B.forwardRef(function(e, t) {
-	let { render: n, className: r, disabled: i = !1, nativeButton: a = !0, style: o, ...s } = e, { store: c } = G(), u = c.useState("open");
-	function d(e) {
-		u && c.setOpen(!1, O(m, e.nativeEvent));
-	}
-	let { getButtonProps: f, buttonRef: p } = C({
-		disabled: i,
-		native: a
-	});
-	return l("button", e, {
-		state: { disabled: i },
-		ref: [t, p],
-		props: [
-			{ onClick: d },
-			s,
-			f
-		]
-	});
-});
-process.env.NODE_ENV !== "production" && (q.displayName = "DialogClose");
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/popup/DialogPopupCssVars.js
-var de = /*#__PURE__*/ function(e) {
-	return e.nestedDialogs = "--nested-dialogs", e;
-}({}), fe = function(e) {
-	return e[e.open = a.open] = "open", e[e.closed = a.closed] = "closed", e[e.startingStyle = a.startingStyle] = "startingStyle", e[e.endingStyle = a.endingStyle] = "endingStyle", e.nested = "data-nested", e.nestedDialogOpen = "data-nested-dialog-open", e;
-}({}), J = /*#__PURE__*/ B.createContext(void 0);
-process.env.NODE_ENV !== "production" && (J.displayName = "DialogPortalContext");
-function pe() {
-	let e = B.useContext(J);
-	if (e === void 0) throw Error(process.env.NODE_ENV === "production" ? T(26) : "Base UI: <Dialog.Portal> is missing.");
-	return e;
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.js
-var me = {
-	...v,
-	...t,
-	nestedDialogOpen(e) {
-		return e ? { [fe.nestedDialogOpen]: "" } : null;
-	}
-}, Y = /*#__PURE__*/ B.forwardRef(function(e, t) {
-	let { className: n, finalFocus: r, initialFocus: i, render: a, style: o, ...s } = e, { store: c } = G(), u = c.useState("descriptionElementId"), d = c.useState("disablePointerDismissal"), f = c.useState("floatingRootContext"), p = c.useState("popupProps"), m = c.useState("modal"), h = c.useState("mounted"), g = c.useState("nested"), _ = c.useState("nestedOpenDialogCount"), v = c.useState("open"), y = c.useState("openMethod"), b = c.useState("titleElementId"), S = c.useState("transitionStatus"), C = c.useState("role");
-	pe(), x({
-		open: v,
-		ref: c.context.popupRef,
-		onComplete() {
-			v && c.context.onOpenChangeComplete?.(!0);
-		}
-	});
-	function w(e) {
-		return e !== "touch" || c.context.popupRef.current;
-	}
-	let T = i === void 0 ? w : i, E = l("div", e, {
-		state: {
-			open: v,
-			nested: g,
-			transitionStatus: S,
-			nestedDialogOpen: _ > 0
-		},
-		props: [
-			p,
-			{
-				"aria-labelledby": b ?? void 0,
-				"aria-describedby": u ?? void 0,
-				role: C,
-				tabIndex: -1,
-				hidden: !h,
-				onKeyDown(e) {
-					P.has(e.key) && e.stopPropagation();
-				},
-				style: { [de.nestedDialogs]: _ }
-			},
-			s
-		],
-		ref: [
-			t,
-			c.context.popupRef,
-			c.useStateSetter("popupElement")
-		],
-		stateAttributesMapping: me
-	});
-	return /*#__PURE__*/ H(j, {
-		context: f,
-		openInteractionType: y,
-		disabled: !h,
-		closeOnFocusOut: !d,
-		initialFocus: T,
-		returnFocus: r,
-		modal: m !== !1,
-		restoreFocus: "popup",
-		children: E
-	});
-});
-process.env.NODE_ENV !== "production" && (Y.displayName = "DialogPopup");
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/portal/DialogPortal.js
-var X = /*#__PURE__*/ B.forwardRef(function(e, t) {
-	let { keepMounted: n = !1, ...r } = e, { store: i } = G(), a = i.useState("mounted"), o = i.useState("modal"), s = i.useState("open");
-	return a || n ? /*#__PURE__*/ H(J.Provider, {
-		value: n,
-		children: /*#__PURE__*/ U(A, {
-			ref: t,
-			...r,
-			children: [a && o === !0 && /*#__PURE__*/ H(w, {
-				ref: i.context.internalBackdropRef,
-				inert: N(!s)
-			}), e.children]
-		})
-	}) : null;
-});
-process.env.NODE_ENV !== "production" && (X.displayName = "DialogPortal");
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/root/useDialogRoot.js
-function he(e) {
-	let { store: t, parentContext: n, actionsRef: i, isDrawer: a } = e, c = t.useState("open"), l = t.useState("disablePointerDismissal"), u = t.useState("modal"), d = t.useState("popupElement"), { openMethod: m, triggerProps: _ } = ee(c);
-	r(t);
-	let { forceUnmount: v } = y(c, t), b = B.useCallback(() => {
-		t.setOpen(!1, O(f));
-	}, [t]);
-	B.useImperativeHandle(i, () => ({
-		unmount: v,
-		close: b
-	}), [v, b]);
-	let x = s({
-		popupStore: t,
-		onOpenChange: t.setOpen,
-		treatPopupAsFloatingElement: !0
-	}), [S, C] = B.useState(0), [w, T] = B.useState(0), D = S === 0, k = p(x), A = E(x, {
-		outsidePressEvent() {
-			return t.context.internalBackdropRef.current || t.context.backdropRef.current ? "intentional" : {
-				mouse: u === "trap-focus" ? "sloppy" : "intentional",
-				touch: "sloppy"
-			};
-		},
-		outsidePress(e) {
-			if (!t.context.outsidePressEnabledRef.current || "button" in e && e.button !== 0 || "touches" in e && e.touches.length !== 1) return !1;
-			let n = h(e);
-			if (D && !l) {
-				let e = n;
-				return u && (t.context.internalBackdropRef.current || t.context.backdropRef.current) ? t.context.internalBackdropRef.current === e || t.context.backdropRef.current === e || o(e, d) && !e?.hasAttribute("data-base-ui-portal") : !0;
-			}
-			return !1;
-		},
-		escapeKey: D
-	});
-	te(c && u === !0, d);
-	let { getReferenceProps: j, getFloatingProps: M, getTriggerProps: N } = g([k, A]);
-	t.useContextCallback("onNestedDialogOpen", (e, t) => {
-		C(e), T(t);
-	}), t.useContextCallback("onNestedDialogClose", () => {
-		C(0), T(0);
-	}), B.useEffect(() => (n?.onNestedDialogOpen && c && n.onNestedDialogOpen(S + 1, w + +!!a), n?.onNestedDialogClose && !c && n.onNestedDialogClose(), () => {
-		n?.onNestedDialogClose && c && n.onNestedDialogClose();
-	}), [
-		a,
-		c,
-		S,
-		w,
-		n
-	]);
-	let P = B.useMemo(() => j(_), [j, _]), F = B.useMemo(() => N(_), [N, _]), I = B.useMemo(() => M(), [M]);
-	t.useSyncedValues({
-		openMethod: m,
-		activeTriggerProps: P,
-		inactiveTriggerProps: F,
-		popupProps: I,
-		floatingRootContext: x,
-		nestedOpenDialogCount: S,
-		nestedOpenDrawerCount: w
-	});
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/store/DialogStore.js
-var ge = {
-	..._,
-	modal: S((e) => e.modal),
-	nested: S((e) => e.nested),
-	nestedOpenDialogCount: S((e) => e.nestedOpenDialogCount),
-	nestedOpenDrawerCount: S((e) => e.nestedOpenDrawerCount),
-	disablePointerDismissal: S((e) => e.disablePointerDismissal),
-	openMethod: S((e) => e.openMethod),
-	descriptionElementId: S((e) => e.descriptionElementId),
-	titleElementId: S((e) => e.titleElementId),
-	viewportElement: S((e) => e.viewportElement),
-	role: S((e) => e.role)
-}, _e = class e extends b {
-	constructor(e) {
-		super(ve(e), {
-			popupRef: /*#__PURE__*/ B.createRef(),
-			backdropRef: /*#__PURE__*/ B.createRef(),
-			internalBackdropRef: /*#__PURE__*/ B.createRef(),
-			outsidePressEnabledRef: { current: !0 },
-			triggerElements: new F(),
-			onOpenChange: void 0,
-			onOpenChangeComplete: void 0
-		}, ge);
-	}
-	setOpen = (e, t) => {
-		if (t.preventUnmountOnClose = () => {
-			this.set("preventUnmountingOnClose", !0);
-		}, !e && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(e, t), t.isCanceled) return;
-		this.state.floatingRootContext.dispatchOpenChange(e, t);
-		let n = { open: e }, r = t.trigger?.id ?? null;
-		(r || e) && (n.activeTriggerId = r, n.activeTriggerElement = t.trigger ?? null), this.update(n);
-	};
-	static useStore(t, n) {
-		let r = M(() => new e(n)).current;
-		return t ?? r;
-	}
-};
-function ve(e = {}) {
-	return {
-		...d(),
-		modal: !0,
-		disablePointerDismissal: !1,
-		popupElement: null,
-		viewportElement: null,
-		descriptionElementId: void 0,
-		titleElementId: void 0,
-		openMethod: null,
-		nested: !1,
-		nestedOpenDialogCount: 0,
-		nestedOpenDrawerCount: 0,
-		role: "dialog",
-		...e
-	};
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/root/DialogRoot.js
-var Z = /*#__PURE__*/ B.createContext(!1);
-process.env.NODE_ENV !== "production" && (Z.displayName = "IsDrawerContext");
-function ye(e) {
-	let { children: t, open: n, defaultOpen: r = !1, onOpenChange: i, onOpenChangeComplete: a, disablePointerDismissal: o = !1, modal: s = !0, actionsRef: c, handle: l, triggerId: u, defaultTriggerId: d = null } = e, f = G(!0), p = B.useContext(Z), m = !!f, h = _e.useStore(l?.store, {
-		open: r,
-		openProp: n,
-		activeTriggerId: d,
-		triggerIdProp: u,
-		modal: s,
-		disablePointerDismissal: o,
-		nested: m
-	});
-	D(() => {
-		n === void 0 && h.state.open === !1 && r === !0 && h.update({
-			open: !0,
-			activeTriggerId: d
-		});
-	}), h.useControlledProp("openProp", n), h.useControlledProp("triggerIdProp", u), h.useSyncedValues({
-		disablePointerDismissal: o,
-		nested: m,
-		modal: s
-	}), h.useContextCallback("onOpenChange", i), h.useContextCallback("onOpenChangeComplete", a);
-	let g = h.useState("payload");
-	he({
-		store: h,
-		actionsRef: c,
-		parentContext: f?.store.context,
-		isDrawer: p,
-		onOpenChange: i,
-		triggerIdProp: u
-	});
-	let _ = B.useMemo(() => ({ store: h }), [h]);
-	return /*#__PURE__*/ H(Z.Provider, {
-		value: !1,
-		children: /*#__PURE__*/ H(W.Provider, {
-			value: _,
-			children: typeof t == "function" ? t({ payload: g }) : t
-		})
-	});
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/dialog/title/DialogTitle.js
-var Q = /*#__PURE__*/ B.forwardRef(function(e, t) {
-	let { render: n, className: r, style: i, id: a, ...o } = e, { store: s } = G(), u = c(a);
-	return s.useSyncedValueWithCleanup("titleElementId", u), l("h2", e, {
-		ref: t,
-		props: [{ id: u }, o]
-	});
-});
-process.env.NODE_ENV !== "production" && (Q.displayName = "DialogTitle");
-//#endregion
-//#region src/ui/browser/dialog.tsx
-function be(e) {
-	return /* @__PURE__ */ H(ye, {
-		"data-slot": "dialog",
-		...e
-	});
-}
-function xe(e) {
-	return /* @__PURE__ */ H(X, {
-		"data-slot": "dialog-portal",
-		...e
-	});
-}
-function $(e) {
-	return /* @__PURE__ */ H(q, {
-		"data-slot": "dialog-close",
-		...e
-	});
-}
-function Se({ className: e, ...t }) {
-	return /* @__PURE__ */ H(K, {
-		"data-slot": "dialog-overlay",
-		className: u("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:animate-none motion-reduce:transition-none", e),
-		...t
-	});
-}
-function Ce({ children: e, className: t, closeLabel: n = "Close", container: r, showCloseButton: a = !0, ...o }) {
-	return /* @__PURE__ */ U(xe, {
-		container: r,
-		children: [/* @__PURE__ */ H(Se, {}), /* @__PURE__ */ U(Y, {
-			"data-slot": "dialog-content",
-			className: u("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 motion-reduce:animate-none motion-reduce:transition-none", t),
-			...o,
-			children: [e, a && /* @__PURE__ */ U(q, {
-				"data-slot": "dialog-close",
-				render: /* @__PURE__ */ H(i, {
-					className: "absolute top-2 right-2",
-					size: "icon-sm",
-					variant: "ghost"
-				}),
-				children: [/* @__PURE__ */ H(le, {}), /* @__PURE__ */ H("span", {
-					className: "sr-only",
-					children: n
-				})]
-			})]
-		})]
-	});
-}
-function we({ className: e, ...t }) {
-	return /* @__PURE__ */ H("div", {
-		"data-slot": "dialog-header",
-		className: u("flex flex-col gap-2", e),
-		...t
-	});
-}
-function Te({ className: e, ...t }) {
-	return /* @__PURE__ */ H("div", {
-		"data-slot": "dialog-footer",
-		className: u("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t border-border bg-muted/50 p-4 sm:flex-row sm:justify-end", e),
-		...t
-	});
-}
-function Ee({ className: e, ...t }) {
-	return /* @__PURE__ */ H(Q, {
-		"data-slot": "dialog-title",
-		className: u("text-base leading-none font-medium", e),
-		...t
-	});
-}
-//#endregion
-//#region src/workbench/browser/runtime/shell/createResourceDialog.tsx
-function De({ disabled: t, field: r, id: a, issue: o, label: s, name: c, onNameChange: l, onOpenChange: u, onSubmit: d, pending: f, title: p }) {
-	let m = e(), h = V(null), g = V(null), [_, v] = se(!1), y = c.length > 0 && o != null, b = m(y ? `resource.nameIssue.${o}` : "resource.nameHint", { max: 80 }), x = `${a}-message`, S = `${a}-option`;
-	return oe(() => v(!0), []), /* @__PURE__ */ U(ce, { children: [/* @__PURE__ */ H("div", { ref: g }), /* @__PURE__ */ H(be, {
-		onOpenChange: v,
-		onOpenChangeComplete: (e) => {
-			e || u(!1);
-		},
-		open: _,
-		children: /* @__PURE__ */ H(Ce, {
-			container: g.current,
-			initialFocus: () => h.current,
-			showCloseButton: !1,
-			children: /* @__PURE__ */ U("form", {
-				className: "flex flex-col gap-4",
-				onSubmit: d,
-				children: [
-					/* @__PURE__ */ U(we, {
-						className: "flex-row items-center justify-between",
-						children: [/* @__PURE__ */ H(Ee, { children: p }), /* @__PURE__ */ H($, {
-							"aria-label": m("common.cancel"),
-							render: /* @__PURE__ */ H(i, {
-								size: "icon-sm",
-								variant: "ghost"
-							}),
-							type: "button",
-							children: /* @__PURE__ */ H(re, { name: "close" })
-						})]
-					}),
-					/* @__PURE__ */ U(ie, {
-						className: "gap-4",
-						children: [/* @__PURE__ */ U(z, {
-							"data-invalid": y,
-							children: [
-								/* @__PURE__ */ H(R, {
-									htmlFor: a,
-									children: s
-								}),
-								/* @__PURE__ */ H(n, {
-									autoComplete: "off",
-									"aria-describedby": x,
-									"aria-invalid": y,
-									id: a,
-									name: "resource-name",
-									onChange: (e) => l(e.target.value),
-									ref: h,
-									required: !0,
-									value: c
-								}),
-								H(y ? ne : L, {
-									id: x,
-									children: b
-								})
-							]
-						}), r != null && /* @__PURE__ */ U(z, { children: [
-							/* @__PURE__ */ H(R, {
-								htmlFor: r.state == "ready" ? S : void 0,
-								children: r.label
-							}),
-							r.state == "ready" ? /* @__PURE__ */ H(ae, {
-								ariaLabel: r.ariaLabel,
-								className: "w-full",
-								id: S,
-								onValueChange: r.onValueChange,
-								options: r.options,
-								portalRoot: g.current,
-								value: r.value
-							}) : /* @__PURE__ */ U("div", {
-								className: "flex min-h-9 items-center gap-2 rounded-lg border bg-muted/30 px-3 py-2 text-sm text-muted-foreground",
-								role: r.state == "error" ? "alert" : "status",
-								children: [
-									r.state == "loading" && /* @__PURE__ */ H(I, { "aria-hidden": "true" }),
-									/* @__PURE__ */ H("span", { children: r.status }),
-									r.state == "error" && /* @__PURE__ */ H(i, {
-										className: "ml-auto bg-background",
-										onClick: r.onRetry,
-										size: "sm",
-										type: "button",
-										variant: "outline",
-										children: r.retry
-									})
-								]
-							}),
-							/* @__PURE__ */ H(L, { children: r.description })
-						] })]
-					}),
-					/* @__PURE__ */ U(Te, {
-						className: "mx-0 mb-0 border-0 bg-transparent p-0 pt-1",
-						children: [/* @__PURE__ */ H($, {
-							render: /* @__PURE__ */ H(i, { variant: "outline" }),
-							type: "button",
-							children: m("common.cancel")
-						}), /* @__PURE__ */ H(i, {
-							disabled: t || f || o != null,
-							type: "submit",
-							children: m(f ? "common.creating" : "common.create")
-						})]
-					})
-				]
-			})
-		})
-	})] });
-}
-//#endregion
-export { De as default };