@oomol-lab/open-flow 0.1.0-beta.86 → 0.1.0-beta.88

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

@@ -12476,6 +12476,14 @@ function runEvents(value) {
 	};
 }
 var segment = encodeURIComponent;
+async function responseJson(response, signal) {
+	try {
+		return await response.json();
+	} catch (error) {
+		if (signal?.aborted) throw signal.reason ?? error;
+		return invalidResponse(`HTTP ${response.status} response body is not JSON.`);
+	}
+}
 function operationKey(operation) {
 	return `${operation}-${randomId()}`;
 }
@@ -12774,7 +12782,7 @@ var ControlClient = class {
 		};
 		return {
 			modified: true,
-			data: query.decode(await response.json()),
+			data: query.decode(await responseJson(response, signal)),
 			etag: nextETag
 		};
 	}
@@ -12803,7 +12811,7 @@ var ControlClient = class {
 			};
 		}
 		return {
-			data: decodeTriggerCatalog(await response.json()),
+			data: decodeTriggerCatalog(await responseJson(response, signal)),
 			etag: response.headers.get("etag")?.trim() || null
 		};
 	}
@@ -13312,7 +13320,7 @@ var ControlClient = class {
 			try {
 				value = await response.json();
 			} catch {
-				return invalidResponse();
+				return invalidResponse(`HTTP ${response.status} response did not include a JSON error body.`);
 			}
 			const error = record$1(value).error;
 			const source = error == null ? void 0 : record$1(error);
@@ -13321,12 +13329,7 @@ var ControlClient = class {
 		return response;
 	}
 	async request(path, init = {}) {
-		const response = await this.response(path, init);
-		try {
-			return await response.json();
-		} catch {
-			return invalidResponse();
-		}
+		return await responseJson(await this.response(path, init), init.signal);
 	}
 };
 //#endregion

package/dist/common/control-api.js

@@ -13165,6 +13165,14 @@ function runEvents(value) {
 	};
 }
 var segment = encodeURIComponent;
+async function responseJson(response, signal) {
+	try {
+		return await response.json();
+	} catch (error) {
+		if (signal?.aborted) throw signal.reason ?? error;
+		return invalidResponse(`HTTP ${response.status} response body is not JSON.`);
+	}
+}
 function operationKey(operation) {
 	return `${operation}-${randomId()}`;
 }
@@ -13463,7 +13471,7 @@ var ControlClient = class {
 		};
 		return {
 			modified: true,
-			data: query.decode(await response.json()),
+			data: query.decode(await responseJson(response, signal)),
 			etag: nextETag
 		};
 	}
@@ -13492,7 +13500,7 @@ var ControlClient = class {
 			};
 		}
 		return {
-			data: decodeTriggerCatalog(await response.json()),
+			data: decodeTriggerCatalog(await responseJson(response, signal)),
 			etag: response.headers.get("etag")?.trim() || null
 		};
 	}
@@ -14001,7 +14009,7 @@ var ControlClient = class {
 			try {
 				value = await response.json();
 			} catch {
-				return invalidResponse();
+				return invalidResponse(`HTTP ${response.status} response did not include a JSON error body.`);
 			}
 			const error = record(value).error;
 			const source = error == null ? void 0 : record(error);
@@ -14010,12 +14018,7 @@ var ControlClient = class {
 		return response;
 	}
 	async request(path, init = {}) {
-		const response = await this.response(path, init);
-		try {
-			return await response.json();
-		} catch {
-			return invalidResponse();
-		}
+		return await responseJson(await this.response(path, init), init.signal);
 	}
 };
 //#endregion

package/dist/common/control-requests.js

@@ -16388,6 +16388,12 @@ function sourceOutputLabel(source) {
 function isResolutionNode(node) {
 	return node?.kind == "approval" || node?.kind == "wait";
 }
+function keywordMismatchDetail(mismatch) {
+	if (mismatch?.kind != "keyword") return "";
+	const location = mismatch.path.length == 0 ? "" : ` at ${mismatch.path.join(".")}`;
+	const declared = mismatch.source === void 0 ? "does not declare it" : `declares ${JSON.stringify(mismatch.source)}`;
+	return ` The input requires ${mismatch.keyword} ${JSON.stringify(mismatch.target)}${location}; the output ${declared}.`;
+}
 function graphDiagnostic(code, message, path, values, mismatch) {
 	return {
 		code,
@@ -16610,7 +16616,7 @@ function checkSource(source, graph, document, targetInput, path, diagnostics) {
 			}
 			if (targetInput != null) {
 				const comparison = comparePorts(selected, targetInput);
-				if (comparison.kind != "compatible") diagnostics.push(graphDiagnostic("graph.node-output-incompatible", `Upstream node "${source.nodeId}" output ${JSON.stringify(sourceOutputLabel(source))} is not compatible with this input.`, path, {
+				if (comparison.kind != "compatible") diagnostics.push(graphDiagnostic("graph.node-output-incompatible", `Upstream node "${source.nodeId}" output ${JSON.stringify(sourceOutputLabel(source))} is not compatible with this input.${comparison.kind == "incompatible" ? keywordMismatchDetail(comparison.mismatch) : ""}`, path, {
 					nodeId: source.nodeId,
 					output: source.output,
 					...source.field === void 0 ? {} : { field: source.field }
@@ -18115,7 +18121,7 @@ async function compileAuthoring(base, request, host) {
 		operations.push(...checked);
 	}
 	function resolve(ref) {
-		return ref.startsWith("$") ? (Object.hasOwn(aliases, ref.slice(1)) ? aliases[ref.slice(1)] : void 0) ?? fail("node.alias-missing", `Unknown alias ${ref}.`) : ref;
+		return ref.startsWith("$") ? (Object.hasOwn(aliases, ref.slice(1)) ? aliases[ref.slice(1)] : void 0) ?? fail("node.alias-missing", `Unknown alias ${ref}. Set the as field to ${JSON.stringify(ref.slice(1))} on an earlier node.add in the same request.`) : ref;
 	}
 	function source(value) {
 		if (value.kind == "output" || value.kind == "system") {

package/dist/common/flow-semantics.js

@@ -12879,6 +12879,12 @@ function sourceOutputLabel(source) {
 function isResolutionNode(node) {
 	return node?.kind == "approval" || node?.kind == "wait";
 }
+function keywordMismatchDetail(mismatch) {
+	if (mismatch?.kind != "keyword") return "";
+	const location = mismatch.path.length == 0 ? "" : ` at ${mismatch.path.join(".")}`;
+	const declared = mismatch.source === void 0 ? "does not declare it" : `declares ${JSON.stringify(mismatch.source)}`;
+	return ` The input requires ${mismatch.keyword} ${JSON.stringify(mismatch.target)}${location}; the output ${declared}.`;
+}
 function graphDiagnostic(code, message, path, values, mismatch) {
 	return {
 		code,
@@ -13101,7 +13107,7 @@ function checkSource(source, graph, document, targetInput, path, diagnostics) {
 			}
 			if (targetInput != null) {
 				const comparison = comparePorts(selected, targetInput);
-				if (comparison.kind != "compatible") diagnostics.push(graphDiagnostic("graph.node-output-incompatible", `Upstream node "${source.nodeId}" output ${JSON.stringify(sourceOutputLabel(source))} is not compatible with this input.`, path, {
+				if (comparison.kind != "compatible") diagnostics.push(graphDiagnostic("graph.node-output-incompatible", `Upstream node "${source.nodeId}" output ${JSON.stringify(sourceOutputLabel(source))} is not compatible with this input.${comparison.kind == "incompatible" ? keywordMismatchDetail(comparison.mismatch) : ""}`, path, {
 					nodeId: source.nodeId,
 					output: source.output,
 					...source.field === void 0 ? {} : { field: source.field }

package/dist/common/mcp.js

@@ -12666,6 +12666,14 @@ function runEvents(value) {
 	};
 }
 var segment = encodeURIComponent;
+async function responseJson(response, signal) {
+	try {
+		return await response.json();
+	} catch (error) {
+		if (signal?.aborted) throw signal.reason ?? error;
+		return invalidResponse(`HTTP ${response.status} response body is not JSON.`);
+	}
+}
 function operationKey(operation) {
 	return `${operation}-${randomId()}`;
 }
@@ -12964,7 +12972,7 @@ var ControlClient = class {
 		};
 		return {
 			modified: true,
-			data: query.decode(await response.json()),
+			data: query.decode(await responseJson(response, signal)),
 			etag: nextETag
 		};
 	}
@@ -12993,7 +13001,7 @@ var ControlClient = class {
 			};
 		}
 		return {
-			data: decodeTriggerCatalog(await response.json()),
+			data: decodeTriggerCatalog(await responseJson(response, signal)),
 			etag: response.headers.get("etag")?.trim() || null
 		};
 	}
@@ -13502,7 +13510,7 @@ var ControlClient = class {
 			try {
 				value = await response.json();
 			} catch {
-				return invalidResponse();
+				return invalidResponse(`HTTP ${response.status} response did not include a JSON error body.`);
 			}
 			const error = record(value).error;
 			const source = error == null ? void 0 : record(error);
@@ -13511,12 +13519,7 @@ var ControlClient = class {
 		return response;
 	}
 	async request(path, init = {}) {
-		const response = await this.response(path, init);
-		try {
-			return await response.json();
-		} catch {
-			return invalidResponse();
-		}
+		return await responseJson(await this.response(path, init), init.signal);
 	}
 };
 //#endregion

package/dist/render/browser/runtime.css

@@ -92,7 +92,7 @@
 
 .open-flow-theme {
   --_open-flow-theme: light;
-  color-scheme: var(--_open-flow-theme);
+  color-scheme: light;
   --_open-flow-background: var(--open-flow-background, light-dark(#fdfdfd, #1c1c1c));
   --_open-flow-foreground: var(--open-flow-foreground, light-dark(#242424, #eee));
   --_open-flow-card: var(--open-flow-card, light-dark(#fefefe, #242424));
@@ -131,6 +131,7 @@
 
 .open-flow-theme[data-theme="dark"] {
   --_open-flow-theme: dark;
+  color-scheme: dark;
 }
 
 .open-flow-theme, .open-flow-canvas-root :is(.react-flow__controls, [data-canvas-control-scope]) {
@@ -1450,6 +1451,10 @@
     min-height: min(360px, 80dvh);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .min-h-min {
+    min-height: min-content;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-\(--anchor-width\) {
     width: var(--anchor-width);
   }
@@ -6131,23 +6136,20 @@
 }
 
 .open-flow-navigation-menu {
+  width: max-content;
+  max-width: calc(100vw - 16px);
+  max-height: var(--available-height);
+  overscroll-behavior: contain;
   border: 1px solid var(--ui-border);
   border-radius: var(--ui-radius);
   background: var(--ui-popover);
   color: var(--ui-popover-foreground);
-  margin: 0;
+  gap: 0;
   padding: 4px;
-  position: fixed;
-  inset: 48px 16px auto auto;
+  overflow-y: auto;
   box-shadow: 0 4px 12px #0002;
 }
 
-.open-flow-navigation-menu:popover-open {
-  flex-direction: column;
-  align-items: stretch;
-  display: flex;
-}
-
 .open-flow-navigation-menu button[aria-pressed="true"] {
   background: var(--ui-muted);
 }

package/dist/render/browser/runtime.js

@@ -62819,6 +62819,7 @@ var OpenFlowRenderer = (function(exports) {
 	//#region src/ui/browser/button.tsx
 	var buttonVariants = cva("nodrag group/button relative inline-flex shrink-0 items-center justify-center rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap no-underline transition-[color,background-color,border-color,box-shadow,opacity,transform] outline-none select-none before:absolute before:inset-0 before:content-[''] motion-reduce:transition-none focus-visible:border-border focus-visible:outline-2 focus-visible:outline-solid focus-visible:ring-0 focus-visible:aria-invalid:ring-0 focus-visible:outline-offset-1 focus-visible:outline-ring focus-visible:aria-invalid:outline-destructive active:not-aria-[haspopup]:not-data-[variant=field]:translate-y-px disabled:pointer-events-none disabled:opacity-[var(--ui-disabled-opacity,0.5)] aria-disabled:pointer-events-none aria-disabled:opacity-[var(--ui-disabled-opacity,0.5)] aria-invalid:border-destructive [&_svg]:pointer-events-none [&_i[aria-hidden=true]]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
 		variants: {
+			multiline: { true: "min-h-min whitespace-normal wrap-anywhere text-center" },
 			variant: {
 				"default": "bg-primary text-primary-foreground hover:bg-primary/80",
 				"outline": "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-[var(--ui-disabled-background,color-mix(in_srgb,var(--ui-input)_50%,transparent))]",
@@ -62847,7 +62848,7 @@ var OpenFlowRenderer = (function(exports) {
 			size: "default"
 		}
 	});
-	var Button = (0, import_react$4.forwardRef)(function Button({ className, variant = "default", size = "default", ...props }, ref) {
+	var Button = (0, import_react$4.forwardRef)(function Button({ className, variant = "default", size = "default", multiline, ...props }, ref) {
 		return /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)(Button$1, {
 			ref,
 			"data-slot": "button",
@@ -62856,6 +62857,7 @@ var OpenFlowRenderer = (function(exports) {
 			className: cn(buttonVariants({
 				variant,
 				size,
+				multiline,
 				className
 			})),
 			...props

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oomol-lab/open-flow",
-  "version": "0.1.0-beta.86",
+  "version": "0.1.0-beta.88",
   "description": "TypeScript contracts and Browser runtime for Open Flow.",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {

package/src/control/common/api.ts

@@ -857,6 +857,15 @@ function runEvents(value: unknown): RunEvents {
 
 const segment = encodeURIComponent
 
+async function responseJson(response: Response, signal: AbortSignal | null | undefined): Promise<unknown> {
+  try {
+    return await response.json()
+  } catch (error) {
+    if (signal?.aborted) throw signal.reason ?? error
+    return invalidResponse(`HTTP ${response.status} response body is not JSON.`)
+  }
+}
+
 function operationKey(operation: string): string {
   return `${operation}-${randomId()}`
 }
@@ -1158,7 +1167,7 @@ export class ControlClient {
     const response = await this.response(query.path, { headers, signal }, true)
     const nextETag = response.headers.get('etag')?.trim() || null
     if (response.status == 304) return { modified: false, etag: nextETag }
-    return { modified: true, data: query.decode(await response.json()), etag: nextETag }
+    return { modified: true, data: query.decode(await responseJson(response, signal)), etag: nextETag }
   }
 
   async getTriggerCatalog(locale: string, cached?: TriggerCatalogCache, signal?: AbortSignal): Promise<TriggerCatalogCache> {
@@ -1177,7 +1186,7 @@ export class ControlClient {
       if (cached == null) return invalidResponse()
       return { ...cached, etag: response.headers.get('etag')?.trim() || cached.etag }
     }
-    return { data: decodeTriggerCatalog(await response.json()), etag: response.headers.get('etag')?.trim() || null }
+    return { data: decodeTriggerCatalog(await responseJson(response, signal)), etag: response.headers.get('etag')?.trim() || null }
   }
 
   async getTriggerKey(key: string, signal?: AbortSignal): Promise<TriggerKeySnapshot> {
@@ -1746,7 +1755,7 @@ export class ControlClient {
       try {
         value = await response.json()
       } catch {
-        return invalidResponse()
+        return invalidResponse(`HTTP ${response.status} response did not include a JSON error body.`)
       }
       const error = record(value).error
       const source = error == null ? undefined : record(error)
@@ -1761,11 +1770,6 @@ export class ControlClient {
   }
 
   protected async request<Value = unknown>(path: string, init: RequestInit = {}): Promise<Value> {
-    const response = await this.response(path, init)
-    try {
-      return (await response.json()) as Value
-    } catch {
-      return invalidResponse()
-    }
+    return (await responseJson(await this.response(path, init), init.signal)) as Value
   }
 }

package/src/control/common/authoring.ts

@@ -363,7 +363,8 @@ export async function compileAuthoring(base: RevisionContent, request: Authoring
   }
   function resolve(ref: string) {
     return ref.startsWith('$')
-      ? ((Object.hasOwn(aliases, ref.slice(1)) ? aliases[ref.slice(1)] : undefined) ?? fail('node.alias-missing', `Unknown alias ${ref}.`))
+      ? ((Object.hasOwn(aliases, ref.slice(1)) ? aliases[ref.slice(1)] : undefined) ??
+          fail('node.alias-missing', `Unknown alias ${ref}. Set the as field to ${JSON.stringify(ref.slice(1))} on an earlier node.add in the same request.`))
       : ref
   }
   function source(

package/src/flow/common/graph.ts

@@ -39,6 +39,13 @@ import {
 export function isResolutionNode(node: GraphNode | undefined): node is Extract<GraphNode, { readonly kind: 'approval' | 'wait' }> {
   return node?.kind == 'approval' || node?.kind == 'wait'
 }
+function keywordMismatchDetail(mismatch: SchemaMismatch | undefined): string {
+  if (mismatch?.kind != 'keyword') return ''
+  const location = mismatch.path.length == 0 ? '' : ` at ${mismatch.path.join('.')}`
+  const declared = mismatch.source === undefined ? 'does not declare it' : `declares ${JSON.stringify(mismatch.source)}`
+  return ` The input requires ${mismatch.keyword} ${JSON.stringify(mismatch.target)}${location}; the output ${declared}.`
+}
+
 function graphDiagnostic(
   code: string,
   message: string,
@@ -369,7 +376,9 @@ function checkSource(
           diagnostics.push(
             graphDiagnostic(
               'graph.node-output-incompatible',
-              `Upstream node "${source.nodeId}" output ${JSON.stringify(sourceOutputLabel(source))} is not compatible with this input.`,
+              `Upstream node "${source.nodeId}" output ${JSON.stringify(sourceOutputLabel(source))} is not compatible with this input.${
+                comparison.kind == 'incompatible' ? keywordMismatchDetail(comparison.mismatch) : ''
+              }`,
               path,
               { nodeId: source.nodeId, output: source.output, ...(source.field === undefined ? {} : { field: source.field }) },
               comparison.kind == 'incompatible' ? comparison.mismatch : undefined,