@oomol-lab/open-flow 0.1.0-beta.78 → 0.1.0-beta.79

package/dist/browser/preview.js

@@ -59911,13 +59911,24 @@ function httpRequestIssues(config) {
 	}
 	return issues;
 }
+//#endregion
+//#region src/state/common/state.ts
+var stateReadLimits = {
+	maxKeys: 16,
+	maxBytes: 1048576
+};
+var keySchema = string$1().min(1).refine((value) => new TextEncoder().encode(value).length <= 256);
+strictObject({
+	scope: _enum(["draft", "live"]),
+	values: literal(false).optional()
+});
 strictObject({
 	scope: _enum(["draft", "live"]),
-	values: boolean().optional()
+	keys: array(keySchema).min(1).max(stateReadLimits.maxKeys).refine((keys) => new Set(keys).size === keys.length, "State keys must be distinct.")
 });
 strictObject({
 	scope: _enum(["draft", "live"]),
-	key: string$1().min(1).refine((key) => new TextEncoder().encode(key).length <= 256).optional()
+	key: keySchema.optional()
 });
 strictObject({
 	scope: _enum(["draft", "live"]),
@@ -59935,11 +59946,10 @@ object$2({
 		maxIdentities: number().positive(),
 		maxRunWrites: number().positive()
 	}),
-	values: array(object$2({
+	values: array(strictObject({
 		key: string$1(),
 		size: number().nonnegative(),
-		updatedAt: number(),
-		value: json$4().optional()
+		updatedAt: number()
 	})),
 	spaces: array(object$2({
 		space: string$1(),
@@ -59949,6 +59959,17 @@ object$2({
 		updatedAt: number()
 	}))
 });
+object$2({
+	version: literal(1),
+	scope: _enum(["draft", "live"]),
+	values: array(strictObject({
+		key: keySchema,
+		value: json$4()
+	})).min(1).max(stateReadLimits.maxKeys)
+}).refine((response) => {
+	const encoder = new TextEncoder();
+	return response.values.reduce((bytes, item) => bytes + (item.value === null ? 0 : encoder.encode(JSON.stringify(item.value)).byteLength), 0) <= stateReadLimits.maxBytes;
+}, "State values exceed the 1 MiB read limit.");
 function checkJsonDepth(value, depth = 0) {
 	if (depth > 64) throw new TypeError("Value exceeds the maximum JSON depth.");
 	if (value != null && typeof value == "object") for (const child of Object.values(value)) checkJsonDepth(child, depth + 1);
@@ -97080,7 +97101,7 @@ function CodeEditor({ ariaDescribedBy, ariaLabel, diagnostics, disabled, errorLa
 		darkMode.current = darkMode$;
 		setFailed(false);
 		setLoading(true);
-		const extension = import("./typeScriptSession-CRoezJPN.js").then(({ loadTypeScriptExtension }) => loadTypeScriptExtension(uri, typingRef.current, () => prepareCompletionRef.current?.())).catch(() => void 0);
+		const extension = import("./typeScriptSession-CoEIptNC.js").then(({ loadTypeScriptExtension }) => loadTypeScriptExtension(uri, typingRef.current, () => prepareCompletionRef.current?.())).catch(() => void 0);
 		claimEditor(uri).then((nextRelease) => {
 			release = nextRelease;
 			if (disposed) {
@@ -97167,7 +97188,7 @@ function CodeEditor({ ariaDescribedBy, ariaLabel, diagnostics, disabled, errorLa
 		editor.current?.updateOptions({ ariaDescribedBy });
 	}, [ariaDescribedBy]);
 	useEffect(() => {
-		import("./typeScriptSession-CRoezJPN.js").then(({ updateTypeScriptTyping }) => updateTypeScriptTyping(uri, typing)).catch(noop);
+		import("./typeScriptSession-CoEIptNC.js").then(({ updateTypeScriptTyping }) => updateTypeScriptTyping(uri, typing)).catch(noop);
 	}, [typing, uri]);
 	useEffect(() => {
 		if (location != null) editor.current?.revealPosition?.(location.line, location.column);
@@ -103165,7 +103186,8 @@ var resources = {
 			"nearLimit": "Flow history is at least 80% full. Clear unused history.",
 			"history": "History",
 			"scope": "Scope",
-			"showValues": "Show values",
+			"showValue": "View value",
+			"hideValue": "Hide value",
 			"refresh": "Refresh",
 			"confirmLive": "This clears production state immediately. Future Live Runs may process these items again. Continue?",
 			"cancel": "Cancel",
@@ -104519,7 +104541,8 @@ var resources = {
 			"nearLimit": "该流程的去重记录已使用至少 80%。请清理不再需要的记录。",
 			"history": "历史记录",
 			"scope": "作用域",
-			"showValues": "显示值",
+			"showValue": "查看值",
+			"hideValue": "收起值",
 			"refresh": "刷新",
 			"confirmLive": "这将立即清空生产状态，后续 Live Run 可能再次处理这些条目。是否继续？",
 			"cancel": "取消",
@@ -105873,7 +105896,8 @@ var resources = {
 			"nearLimit": "此流程的去重記錄已使用至少 80%。請清理不再需要的記錄。",
 			"history": "歷史記錄",
 			"scope": "範圍",
-			"showValues": "顯示值",
+			"showValue": "檢視值",
+			"hideValue": "收合值",
 			"refresh": "重新整理",
 			"confirmLive": "這會立即清空正式環境狀態，後續 Live Run 可能再次處理這些項目。是否繼續？",
 			"cancel": "取消",
@@ -107227,7 +107251,8 @@ var resources = {
 			"nearLimit": "フローの重複履歴が 80% 以上使用されています。不要な履歴を削除してください。",
 			"history": "履歴",
 			"scope": "スコープ",
-			"showValues": "値を表示",
+			"showValue": "値を表示",
+			"hideValue": "値を隠す",
 			"refresh": "更新",
 			"confirmLive": "本番環境の状態が直ちに消去されます。以降の Live Run で同じ項目が再処理される場合があります。続行しますか？",
 			"cancel": "キャンセル",
@@ -108581,7 +108606,8 @@ var resources = {
 			"nearLimit": "Flow 중복 기록이 80% 이상 찼습니다. 필요 없는 기록을 지우세요.",
 			"history": "기록",
 			"scope": "범위",
-			"showValues": "값 표시",
+			"showValue": "값 보기",
+			"hideValue": "값 숨기기",
 			"refresh": "새로 고침",
 			"confirmLive": "운영 상태가 즉시 지워집니다. 이후 Live Run에서 해당 항목을 다시 처리할 수 있습니다. 계속할까요?",
 			"cancel": "취소",
@@ -109935,7 +109961,8 @@ var resources = {
 			"nearLimit": "История Flow заполнена минимум на 80 %. Удалите ненужные записи.",
 			"history": "История",
 			"scope": "Область",
-			"showValues": "Показать значения",
+			"showValue": "Показать значение",
+			"hideValue": "Скрыть значение",
 			"refresh": "Обновить",
 			"confirmLive": "Рабочее состояние будет немедленно очищено. Последующие Live Run могут повторно обработать эти элементы. Продолжить?",
 			"cancel": "Отмена",
@@ -111289,7 +111316,8 @@ var resources = {
 			"nearLimit": "L’historique du Flow est rempli à au moins 80 %. Effacez les entrées inutiles.",
 			"history": "Historique",
 			"scope": "Portée",
-			"showValues": "Afficher les valeurs",
+			"showValue": "Voir la valeur",
+			"hideValue": "Masquer la valeur",
 			"refresh": "Actualiser",
 			"confirmLive": "L’état de production sera immédiatement effacé. Les prochains Runs Live pourront traiter à nouveau ces éléments. Continuer ?",
 			"cancel": "Annuler",
@@ -113287,7 +113315,70 @@ function EventSourceTriggerConfig({ inputs, provider = "feishu_app_bot", fieldLa
 }
 //#endregion
 //#region src/workbench/browser/runtime/editor/flowStatePanel.tsx
-function FlowStatePanel({ value, nodeIds, busy, onClearValues, onClearSpace, space }) {
+function StateValueRow({ item, client, flowId, scope, busy, onClear }) {
+	const t = useTranslate();
+	const [open, setOpen] = useState(false);
+	const [result, setResult] = useState();
+	const [error, setError] = useState();
+	useEffect(() => {
+		if (!open) return;
+		const controller = new AbortController();
+		setResult(void 0);
+		setError(void 0);
+		client.getFlowStateValues(flowId, scope, [item.key], controller.signal).then((response) => {
+			if (!controller.signal.aborted) setResult(response.values[0]);
+		}, (reason) => {
+			if (!controller.signal.aborted) setError(String(reason));
+		});
+		return () => controller.abort();
+	}, [
+		client,
+		flowId,
+		scope,
+		item.key,
+		item.updatedAt,
+		open
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-start justify-between gap-3 border-b border-border/60 py-2",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "m-0 break-all font-medium",
+				children: item.key
+			}), open && (result != null ? /* @__PURE__ */ jsx("pre", {
+				className: "max-h-40 overflow-auto whitespace-pre-wrap break-all text-xs",
+				children: JSON.stringify(result.value, null, 2)
+			}) : error != null ? /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "text-destructive text-sm",
+				children: error
+			}) : /* @__PURE__ */ jsx("p", {
+				role: "status",
+				className: "text-muted-foreground text-sm",
+				children: t("flowState.loading")
+			}))]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex shrink-0 gap-2",
+			children: [/* @__PURE__ */ jsx(Button$1, {
+				variant: "outline",
+				size: "sm",
+				disabled: busy,
+				"aria-expanded": open,
+				"aria-label": `${t(open ? "flowState.hideValue" : "flowState.showValue")}: ${item.key}`,
+				onClick: () => setOpen((value) => !value),
+				children: t(open ? "flowState.hideValue" : "flowState.showValue")
+			}), /* @__PURE__ */ jsx(Button$1, {
+				variant: "outline",
+				size: "sm",
+				disabled: busy,
+				onClick: (event) => onClear(item.key, event.currentTarget),
+				children: t("flowState.delete")
+			})]
+		})]
+	});
+}
+function FlowStatePanel({ value, client, flowId, nodeIds, busy, onClearValues, onClearSpace, space }) {
 	const t = useTranslate();
 	const count = value.spaces.reduce((total, item) => total + item.reservedCount, 0);
 	const spaces = space == null ? value.spaces : value.spaces.filter((item) => item.space === space);
@@ -113323,24 +113414,13 @@ function FlowStatePanel({ value, nodeIds, busy, onClearValues, onClearSpace, spa
 					className: "m-0 text-sm text-muted-foreground",
 					children: t("flowState.emptyValues")
 				}),
-				value.values.map((item) => /* @__PURE__ */ jsxs("div", {
-					className: "flex items-start justify-between gap-3 border-b border-border/60 py-2",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "min-w-0",
-						children: [/* @__PURE__ */ jsx("p", {
-							className: "m-0 break-all font-medium",
-							children: item.key
-						}), item.value !== void 0 && /* @__PURE__ */ jsx("pre", {
-							className: "max-h-40 overflow-auto whitespace-pre-wrap break-all text-xs",
-							children: JSON.stringify(item.value, null, 2)
-						})]
-					}), /* @__PURE__ */ jsx(Button$1, {
-						variant: "outline",
-						size: "sm",
-						disabled: busy,
-						onClick: (event) => onClearValues(item.key, event.currentTarget),
-						children: t("flowState.delete")
-					})]
+				value.values.map((item) => /* @__PURE__ */ jsx(StateValueRow, {
+					item,
+					client,
+					flowId,
+					scope: value.scope,
+					busy,
+					onClear: onClearValues
 				}, item.key))
 			]
 		}), /* @__PURE__ */ jsxs("section", {
@@ -113411,7 +113491,6 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 	const [open, setOpen] = useState(onClose != null);
 	const [scope, setScope] = useState("draft");
 	const space = history == null ? void 0 : `node:${history.nodeId}`;
-	const [values, setValues] = useState(false);
 	const [data, setData] = useState();
 	const [error, setError] = useState();
 	const [busy, setBusy] = useState(false);
@@ -113431,7 +113510,7 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 		let active = true;
 		setData(void 0);
 		setError(void 0);
-		client.getFlowState(flowId, scope, values).then((result) => {
+		client.getFlowState(flowId, scope).then((result) => {
 			if (active) setData(result);
 		}, (reason) => {
 			if (active) setError(String(reason));
@@ -113443,7 +113522,6 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 		client,
 		flowId,
 		scope,
-		values,
 		refresh,
 		open,
 		space
@@ -113475,10 +113553,7 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 			onOpenChange: (next) => {
 				if (!busy) {
 					setOpen(next);
-					if (next) {
-						setScope("draft");
-						setValues(false);
-					}
+					if (next) setScope("draft");
 					if (!next) onClose?.();
 					setConfirm(void 0);
 				}
@@ -113517,13 +113592,6 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 									children: t("flowState.live")
 								})]
 							}),
-							space == null && (values || (data?.values.length ?? 0) > 0) && /* @__PURE__ */ jsxs(Label, {
-								className: "flex items-center gap-2 text-sm",
-								children: [/* @__PURE__ */ jsx(Checkbox, {
-									checked: values,
-									onCheckedChange: setValues
-								}), t("flowState.showValues")]
-							}),
 							/* @__PURE__ */ jsx(Button$1, {
 								variant: "outline",
 								size: "sm",
@@ -113603,12 +113671,18 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 						children: error == null ? t("flowState.loading") : ""
 					}) : /* @__PURE__ */ jsx(FlowStatePanel, {
 						value: data,
+						client,
+						flowId,
 						space,
 						nodeIds,
 						busy,
 						onClearValues: (key, trigger) => request({ key }, trigger),
 						onClearSpace: (targetSpace, trigger) => request({ space: targetSpace }, trigger)
-					})
+					}, JSON.stringify([
+						flowId,
+						scope,
+						refresh
+					]))
 				]
 			})]
 		})