@world-engines/authoring-ui 0.1.0-alpha.0

package/dist/trigger/tmw/TmwBlueprint.d.ts

@@ -0,0 +1,71 @@
+import type { TmwDiagnostic, TmwSimulationTraceEntry, TriggerNodeKindV3, TriggerNodeV3 } from "@world-engines/tmw";
+import { type TmwTranslate } from "./translate.js";
+export interface TmwNodeDraft {
+    readonly kind: TriggerNodeKindV3;
+    readonly stableId: string;
+    readonly enabled: boolean;
+    readonly domain: "logical_seq" | "world_time" | "presentation_seq" | "real_time";
+    readonly dueValue: number;
+    readonly effectiveValue: number;
+    readonly realTimeClock: "monotonic_session" | "active_play" | "wall_clock";
+    readonly wallClockPolicy: "elapse_while_suspended" | "active_session_only" | "reject";
+    readonly eventType: string;
+    readonly hardFact: boolean;
+    readonly conditionValue: boolean;
+    readonly capabilityId: string;
+    readonly argumentsJson: string;
+    readonly executionPolicy: "attempt_once" | "ensure_until";
+    readonly rewritePolicy: "normal_only" | "rewrite_only" | "normal_and_rewrite";
+    readonly priority: number;
+    readonly idempotencyKey: string;
+    readonly presentationKind: "atmosphere" | "view" | "music";
+    readonly presentationIdentity: string;
+    readonly presentationRevision: number;
+    readonly presentationIntensity: number;
+    readonly presentationVisible: boolean;
+    readonly preferredResourceId: string;
+}
+export interface TmwSimulationDraft {
+    readonly eventType: string;
+    readonly eventPayloadJson: string;
+    readonly stateJson: string;
+    readonly clockDomain: "logical_seq" | "world_time" | "presentation_seq" | "real_time";
+    readonly clockValue: number;
+    readonly crossingDirection: "forward" | "backward";
+    readonly realTimeClock: "monotonic_session" | "active_play" | "wall_clock";
+    readonly presentationPlanId: string;
+    readonly presentationSegmentId: string;
+}
+export interface TmwBlueprintProps {
+    /** 两端都传入同一 SourceV3 trigger 投影；其余 source 字段不属于 UI。 */
+    readonly source: {
+        readonly source_revision: number;
+        readonly trigger_document: import("@world-engines/tmw").TriggerDocumentV3;
+    };
+    readonly transactionId: string | null;
+    readonly transactionStatus: "idle" | "draft" | "validated" | "simulated" | "committed" | "expired" | "blocked";
+    readonly diagnostics: ReadonlyArray<TmwDiagnostic>;
+    readonly trace: ReadonlyArray<TmwSimulationTraceEntry>;
+    readonly busy: boolean;
+    readonly onBegin: () => void;
+    readonly onValidate: () => void;
+    readonly onSimulate: (draft: TmwSimulationDraft) => void;
+    readonly onCommit: () => void;
+    readonly capabilityIds: ReadonlyArray<string>;
+    readonly onAddNode: (draft: TmwNodeDraft) => void;
+    readonly onConnect: (fromStableId: string, toStableId: string) => void;
+    readonly onDisconnect: (fromStableId: string, toStableId: string) => void;
+    readonly onDeleteNode: (stableId: string) => void;
+    readonly onUpdateNode: (node: TriggerNodeV3) => void;
+    readonly layoutPositions: Readonly<Record<string, {
+        readonly x: number;
+        readonly y: number;
+    }>>;
+    readonly onLayout: (positions: Readonly<Record<string, {
+        readonly x: number;
+        readonly y: number;
+    }>>) => void;
+    /** Browser 注入现有 i18n；Desktop 使用同一组件的默认 key。 */
+    readonly translate?: TmwTranslate;
+}
+export declare function TmwBlueprint(props: TmwBlueprintProps): JSX.Element;

package/dist/trigger/tmw/TmwBlueprint.js

@@ -0,0 +1,206 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { getTmwRuntimeDomainCapability } from "@world-engines/tmw";
+import { BlocksWorkspace, tmwConditionNodeFromWorkspace, tmwConditionNodeToWorkspace } from "@world-engines/blocks-editor";
+import { TriggerDebugTab } from "./TriggerDebugTab.js";
+import { TmwTabs, TmwToggle } from "./TmwTabs.js";
+import { defaultTmwTranslate } from "./translate.js";
+import { TmwFlowLane } from "./TmwFlowLane.js";
+import { TmwSourceLane } from "./TmwSourceLane.js";
+import { TmwTraceLane } from "./TmwTraceLane.js";
+const nodeEnabled = (node) => node.enabled !== false;
+const newDraft = (kind) => {
+    const stableId = `${kind}.${crypto.randomUUID().replaceAll("-", "").slice(0, 16)}`;
+    return {
+        kind,
+        stableId,
+        enabled: true,
+        domain: kind === "presentation" ? "presentation_seq" : "logical_seq",
+        dueValue: 0,
+        effectiveValue: 0,
+        realTimeClock: "active_play",
+        wallClockPolicy: "active_session_only",
+        eventType: "",
+        hardFact: false,
+        conditionValue: true,
+        capabilityId: "",
+        argumentsJson: "{}",
+        executionPolicy: "attempt_once",
+        rewritePolicy: "normal_and_rewrite",
+        priority: 0,
+        idempotencyKey: `${stableId}.once`,
+        presentationKind: "atmosphere",
+        presentationIdentity: "",
+        presentationRevision: 1,
+        presentationIntensity: 0,
+        presentationVisible: true,
+        preferredResourceId: "",
+    };
+};
+const draftFromNode = (node) => {
+    const base = newDraft(node.kind);
+    const time = node.effective_time;
+    const common = {
+        ...base,
+        stableId: node.stable_id,
+        enabled: nodeEnabled(node),
+        domain: time.domain,
+        dueValue: time.due_value,
+        effectiveValue: time.effective_value,
+        realTimeClock: time.real_time_clock ?? "active_play",
+        wallClockPolicy: time.wall_clock_policy ?? "active_session_only",
+    };
+    if (node.kind === "event")
+        return { ...common, eventType: node.event_type, hardFact: node.hard_fact };
+    if (node.kind === "condition")
+        return { ...common, conditionValue: node.expression.op === "literal" ? node.expression.value : true };
+    if (node.kind === "effect")
+        return { ...common, capabilityId: node.capability_id, argumentsJson: JSON.stringify(node.arguments, null, 2), executionPolicy: node.execution_policy, rewritePolicy: node.rewrite_policy, priority: node.priority, idempotencyKey: node.idempotency_key };
+    if (node.payload.kind === "atmosphere")
+        return { ...common, presentationKind: "atmosphere", presentationIdentity: node.payload.atmosphere_id ?? "", presentationIntensity: node.payload.intensity };
+    if (node.payload.kind === "view")
+        return { ...common, presentationKind: "view", presentationIdentity: node.payload.overlay_id, presentationVisible: node.payload.visible };
+    return { ...common, presentationKind: "music", presentationIdentity: node.payload.candidate_set_id, presentationRevision: node.payload.candidate_set_revision, preferredResourceId: node.payload.preferred_resource_id ?? "" };
+};
+const stableIdPattern = /^[a-z0-9](?:[a-z0-9._:-]{0,127})$/u;
+const draftIsValid = (draft) => {
+    if (!stableIdPattern.test(draft.stableId)
+        || !Number.isFinite(draft.dueValue)
+        || !Number.isFinite(draft.effectiveValue)
+        || ((draft.domain === "logical_seq" || draft.domain === "presentation_seq")
+            && (!Number.isSafeInteger(draft.dueValue)
+                || draft.dueValue < 0
+                || !Number.isSafeInteger(draft.effectiveValue)
+                || draft.effectiveValue < 0)))
+        return false;
+    if (draft.domain === "real_time"
+        && draft.realTimeClock !== "wall_clock"
+        && draft.wallClockPolicy !== "active_session_only")
+        return false;
+    if (draft.kind === "event")
+        return stableIdPattern.test(draft.eventType);
+    if (draft.kind === "condition")
+        return true;
+    if (draft.kind === "effect") {
+        if (!stableIdPattern.test(draft.capabilityId)
+            || !stableIdPattern.test(draft.idempotencyKey)
+            || !Number.isSafeInteger(draft.priority)
+            || draft.priority < 0)
+            return false;
+        try {
+            const parsed = JSON.parse(draft.argumentsJson);
+            return typeof parsed === "object" && parsed !== null && !Array.isArray(parsed);
+        }
+        catch {
+            return false;
+        }
+    }
+    if (draft.presentationKind === "atmosphere") {
+        return draft.presentationIntensity >= 0 && draft.presentationIntensity <= 1
+            && (draft.presentationIdentity === "" || stableIdPattern.test(draft.presentationIdentity));
+    }
+    if (draft.presentationKind === "view")
+        return stableIdPattern.test(draft.presentationIdentity);
+    return stableIdPattern.test(draft.presentationIdentity)
+        && Number.isSafeInteger(draft.presentationRevision)
+        && draft.presentationRevision > 0
+        && (draft.preferredResourceId === "" || stableIdPattern.test(draft.preferredResourceId));
+};
+export function TmwBlueprint(props) {
+    const t = props.translate ?? defaultTmwTranslate;
+    const [lane, setLane] = useState("flow");
+    const [debuggerVisible, setDebuggerVisible] = useState(false);
+    const [selectedStableId, setSelectedStableId] = useState(null);
+    const [nodeDraft, setNodeDraft] = useState(null);
+    const [nodeDraftTouched, setNodeDraftTouched] = useState(false);
+    const [conditionWorkspaceJson, setConditionWorkspaceJson] = useState("");
+    const [conditionWorkspaceError, setConditionWorkspaceError] = useState(null);
+    const [simulationDraft, setSimulationDraft] = useState({ eventType: "manual", eventPayloadJson: "{}", stateJson: "{}", clockDomain: "logical_seq", clockValue: 0, crossingDirection: "forward", realTimeClock: "active_play", presentationPlanId: "author.preview", presentationSegmentId: "segment.preview" });
+    const simulationDraftValid = (() => {
+        try {
+            return simulationDraft.eventType.trim().length > 0
+                && Number.isFinite(simulationDraft.clockValue)
+                && (simulationDraft.clockDomain !== "presentation_seq" || (simulationDraft.presentationPlanId.trim().length > 0 && simulationDraft.presentationSegmentId.trim().length > 0))
+                && typeof JSON.parse(simulationDraft.eventPayloadJson) === "object"
+                && typeof JSON.parse(simulationDraft.stateJson) === "object";
+        }
+        catch {
+            return false;
+        }
+    })();
+    const patchSimulationDraft = (key, value) => {
+        setSimulationDraft((current) => ({ ...current, [key]: value }));
+    };
+    const { source, diagnostics, trace } = props;
+    const productionDomains = getTmwRuntimeDomainCapability("production").produced_clock_domains;
+    const unsupportedProductionNodes = [...source.trigger_document.events, ...source.trigger_document.conditions, ...source.trigger_document.effects, ...source.trigger_document.presentations]
+        .filter((node) => !productionDomains.includes(node.effective_time.domain));
+    const lanes = [
+        { id: "source", label: t("tmw.blueprint.lane.source") },
+        { id: "flow", label: t("tmw.blueprint.lane.flow") },
+        { id: "trace", label: t("tmw.blueprint.lane.trace") },
+    ];
+    const canRevise = props.transactionId !== null
+        && props.transactionStatus !== "committed"
+        && props.transactionStatus !== "expired"
+        && props.transactionStatus !== "blocked";
+    const draftMutable = canRevise && !props.busy;
+    const selectedCondition = source.trigger_document.conditions.find((condition) => condition.stable_id === selectedStableId) ?? null;
+    const selectedNode = [...source.trigger_document.events, ...source.trigger_document.conditions, ...source.trigger_document.effects, ...source.trigger_document.presentations].find((node) => node.stable_id === selectedStableId) ?? null;
+    useEffect(() => {
+        if (selectedCondition === null) {
+            setConditionWorkspaceJson("");
+            setConditionWorkspaceError(null);
+            return;
+        }
+        setConditionWorkspaceJson(JSON.stringify(tmwConditionNodeToWorkspace(selectedCondition)));
+        setConditionWorkspaceError(null);
+    }, [selectedCondition]);
+    const saveConditionWorkspace = () => {
+        try {
+            const condition = tmwConditionNodeFromWorkspace(JSON.parse(conditionWorkspaceJson));
+            props.onUpdateNode({
+                ...condition,
+                enabled: selectedCondition === null ? true : nodeEnabled(selectedCondition),
+            });
+            setConditionWorkspaceError(null);
+        }
+        catch (cause) {
+            setConditionWorkspaceError(cause instanceof Error ? cause.message : "tmw_condition_workspace_invalid");
+        }
+    };
+    useEffect(() => {
+        if (draftMutable)
+            return;
+        setNodeDraft(null);
+        setNodeDraftTouched(false);
+    }, [draftMutable]);
+    const openDraft = (kind) => {
+        if (!draftMutable)
+            return;
+        setNodeDraft(newDraft(kind));
+        setNodeDraftTouched(false);
+    };
+    const closeDraft = () => {
+        setNodeDraft(null);
+        setNodeDraftTouched(false);
+    };
+    const patchDraft = (patch) => {
+        if (!draftMutable)
+            return;
+        setNodeDraftTouched(true);
+        setNodeDraft((current) => current === null ? null : { ...current, ...patch });
+    };
+    const submitDraft = () => {
+        if (!draftMutable || !nodeDraftTouched || nodeDraft === null || !draftIsValid(nodeDraft))
+            return;
+        props.onAddNode(nodeDraft);
+        closeDraft();
+    };
+    return (_jsxs("main", { className: "tmw-blueprint", "aria-label": t("tmw.blueprint.aria"), "data-tmw-blueprint": "v3", children: [_jsxs("header", { className: "tmw-blueprint__header", children: [_jsxs("div", { className: "tmw-blueprint__identity", children: [_jsx("strong", { children: t("tmw.blueprint.title") }), _jsxs("span", { children: [" \u00B7 ", t("tmw.blueprint.source_revision", undefined, { revision: source.source_revision })] }), _jsxs("span", { children: [" \u00B7 ", t(`tmw.blueprint.status.${props.transactionStatus}`)] }), props.transactionId === null ? null : _jsxs("code", { children: [" \u00B7 ", props.transactionId] })] }), _jsxs("div", { className: "tmw-blueprint__view-controls", children: [_jsx(TmwTabs, { items: lanes, value: lane, onSelect: setLane, ariaLabel: t("tmw.blueprint.lanes"), testId: "tmw-blueprint-lanes" }), _jsx(TmwToggle, { active: debuggerVisible, onToggle: () => setDebuggerVisible((visible) => !visible), label: t("tmw.blueprint.debugger"), testId: "tmw-debugger-toggle" })] })] }), _jsxs("div", { className: "tmw-blueprint__toolbar", role: "toolbar", "aria-label": t("tmw.blueprint.transaction_toolbar"), children: [_jsx("button", { type: "button", disabled: props.busy || (props.transactionId !== null
+                            && props.transactionStatus !== "committed"
+                            && props.transactionStatus !== "expired"), onClick: props.onBegin, children: t("tmw.blueprint.action.begin") }), _jsx("button", { type: "button", disabled: !draftMutable || selectedNode === null || selectedNode.kind === "condition", onClick: () => { if (selectedNode !== null) {
+                            setNodeDraft(draftFromNode(selectedNode));
+                            setNodeDraftTouched(false);
+                        } }, children: "\u7F16\u8F91\u9009\u4E2D\u8282\u70B9" }), _jsx("button", { type: "button", disabled: !draftMutable || selectedNode === null, onClick: () => selectedNode !== null && props.onDeleteNode(selectedNode.stable_id), children: "\u5220\u9664\u9009\u4E2D\u8282\u70B9" }), _jsx("button", { type: "button", disabled: props.busy || props.transactionId === null, onClick: props.onValidate, children: t("tmw.blueprint.action.validate") }), _jsx("input", { "aria-label": "\u6A21\u62DF\u4E8B\u4EF6\u7C7B\u578B", value: simulationDraft.eventType, onChange: (event) => patchSimulationDraft("eventType", event.currentTarget.value) }), _jsx("input", { "aria-label": "\u6A21\u62DF\u4E8B\u4EF6 payload JSON", value: simulationDraft.eventPayloadJson, onChange: (event) => patchSimulationDraft("eventPayloadJson", event.currentTarget.value) }), _jsx("input", { "aria-label": "\u6A21\u62DF\u72B6\u6001 JSON", value: simulationDraft.stateJson, onChange: (event) => patchSimulationDraft("stateJson", event.currentTarget.value) }), _jsxs("select", { "aria-label": "\u6A21\u62DF\u65F6\u949F\u57DF", value: simulationDraft.clockDomain, onChange: (event) => patchSimulationDraft("clockDomain", event.currentTarget.value), children: [_jsx("option", { value: "logical_seq", children: "logical_seq" }), _jsx("option", { value: "world_time", children: "world_time" }), _jsx("option", { value: "presentation_seq", children: "presentation_seq" }), _jsx("option", { value: "real_time", children: "real_time" })] }), _jsx("input", { "aria-label": "\u6A21\u62DF\u65F6\u949F\u503C", type: "number", value: simulationDraft.clockValue, onChange: (event) => patchSimulationDraft("clockValue", Number(event.currentTarget.value)) }), _jsxs("select", { "aria-label": "\u6A21\u62DF\u7A7F\u8D8A\u65B9\u5411", value: simulationDraft.crossingDirection, onChange: (event) => patchSimulationDraft("crossingDirection", event.currentTarget.value), children: [_jsx("option", { value: "forward", children: "forward" }), _jsx("option", { value: "backward", children: "backward" })] }), simulationDraft.clockDomain === "real_time" ? _jsxs("select", { "aria-label": "\u6A21\u62DF\u771F\u5B9E\u65F6\u949F", value: simulationDraft.realTimeClock, onChange: (event) => patchSimulationDraft("realTimeClock", event.currentTarget.value), children: [_jsx("option", { value: "active_play", children: "active_play" }), _jsx("option", { value: "monotonic_session", children: "monotonic_session" }), _jsx("option", { value: "wall_clock", children: "wall_clock" })] }) : null, simulationDraft.clockDomain === "presentation_seq" ? _jsxs(_Fragment, { children: [_jsx("input", { "aria-label": "\u6A21\u62DF\u6F14\u51FA plan ID", value: simulationDraft.presentationPlanId, onChange: (event) => patchSimulationDraft("presentationPlanId", event.currentTarget.value) }), _jsx("input", { "aria-label": "\u6A21\u62DF\u6F14\u51FA segment ID", value: simulationDraft.presentationSegmentId, onChange: (event) => patchSimulationDraft("presentationSegmentId", event.currentTarget.value) })] }) : null, _jsx("button", { type: "button", disabled: props.busy || !simulationDraftValid, onClick: () => props.onSimulate(simulationDraft), children: t("tmw.blueprint.action.simulate") }), _jsx("button", { type: "button", disabled: props.busy || props.transactionId === null || (props.transactionStatus !== "validated" && props.transactionStatus !== "simulated"), onClick: props.onCommit, children: t("tmw.blueprint.action.commit") })] }), unsupportedProductionNodes.length === 0 ? null : (_jsxs("div", { className: "tmw-diagnostic", role: "alert", children: ["\u5F53\u524D\u751F\u4EA7\u8FD0\u884C\u65F6\u6CA1\u6709\u4EE5\u4E0B\u65F6\u949F\u57DF\u7684\u6B63\u5F0F producer\uFF0C\u6587\u6863\u53EF\u7EE7\u7EED\u8BFB\u53D6\u548C\u7F16\u8F91\uFF0C\u4F46\u9A8C\u8BC1\u3001\u7F16\u8BD1\u4E0E\u53D1\u5E03\u4E0D\u4F1A ready\uFF1A", unsupportedProductionNodes.map((node) => `${node.stable_id}=${node.effective_time.domain}`).join("，")] })), selectedCondition === null ? null : (_jsxs("section", { className: "tmw-condition-blocks", "aria-label": "Scratch \u6761\u4EF6\u7F16\u8F91\u5668", children: [_jsxs("header", { className: "tmw-lane-heading", children: [_jsxs("div", { children: [_jsx("strong", { children: "Scratch \u6761\u4EF6" }), _jsx("span", { children: " \u00B7 TriggerDocumentV3" })] }), _jsx("button", { type: "button", disabled: !draftMutable || conditionWorkspaceJson.length === 0, onClick: saveConditionWorkspace, children: "\u4FDD\u5B58\u6761\u4EF6" })] }), conditionWorkspaceError === null ? null : _jsx("div", { role: "alert", className: "tmw-diagnostic", children: conditionWorkspaceError }), _jsx(BlocksWorkspace, { schema: "tmw-condition-v3", ownerKey: selectedCondition.stable_id, workspaceJson: conditionWorkspaceJson, ctx: { event_list: [], entity_list: [] }, onWorkspaceJsonChange: setConditionWorkspaceJson }), _jsx("small", { children: "\u81EA\u7136\u8BED\u8A00\u79EF\u6728\u4EA7\u751F\u8BED\u4E49 Judge \u8BF7\u6C42\uFF1B\u4E0D\u4F1A\u628A\u6587\u672C\u76F4\u63A5\u5199\u6210 true\u3002" })] })), nodeDraft === null ? null : (_jsxs("section", { className: "tmw-node-draft", "aria-label": t("tmw.draft.aria"), children: [_jsxs("header", { children: [_jsxs("div", { children: [_jsx("strong", { children: t("tmw.draft.title", undefined, { kind: t(`tmw.palette.${nodeDraft.kind}.label`) }) }), _jsx("span", { children: t("tmw.draft.explicit_hint") })] }), _jsx("button", { type: "button", onClick: closeDraft, "aria-label": t("common.close"), children: "\u00D7" })] }), _jsxs("div", { className: "tmw-node-draft__grid", children: [_jsxs("label", { className: "tmw-node-draft__checkbox", children: [_jsx("input", { type: "checkbox", checked: nodeDraft.enabled, onChange: (event) => patchDraft({ enabled: event.currentTarget.checked }) }), _jsx("span", { children: "\u542F\u7528" })] }), _jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.stable_id") }), _jsx("input", { value: nodeDraft.stableId, readOnly: selectedNode?.stable_id === nodeDraft.stableId, onChange: (event) => patchDraft({ stableId: event.currentTarget.value }) })] }), _jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.domain") }), _jsxs("select", { value: nodeDraft.domain, onChange: (event) => patchDraft({ domain: event.currentTarget.value }), children: [_jsx("option", { value: "logical_seq", children: t("tmw.domain.logical_seq") }), _jsx("option", { value: "world_time", children: t("tmw.domain.world_time") }), _jsx("option", { value: "presentation_seq", children: t("tmw.domain.presentation_seq") }), _jsx("option", { value: "real_time", children: t("tmw.domain.real_time") })] }), !productionDomains.includes(nodeDraft.domain) ? _jsx("small", { role: "status", children: "\u6B64\u57DF\u4EC5\u53EF\u7528\u663E\u5F0F simulation observation \u9884\u89C8\uFF1B\u5F53\u524D\u751F\u4EA7\u7F16\u8BD1\u4F1A\u62D2\u7EDD\u3002" }) : null] }), _jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.due_value") }), _jsx("input", { type: "number", value: nodeDraft.dueValue, onChange: (event) => patchDraft({ dueValue: Number(event.currentTarget.value) }) })] }), _jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.effective_value") }), _jsx("input", { type: "number", value: nodeDraft.effectiveValue, onChange: (event) => patchDraft({ effectiveValue: Number(event.currentTarget.value) }) })] }), nodeDraft.domain === "real_time" ? (_jsxs(_Fragment, { children: [_jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.real_time_clock") }), _jsxs("select", { value: nodeDraft.realTimeClock, onChange: (event) => patchDraft({ realTimeClock: event.currentTarget.value }), children: [_jsx("option", { value: "monotonic_session", children: "monotonic_session" }), _jsx("option", { value: "active_play", children: "active_play" }), _jsx("option", { value: "wall_clock", children: "wall_clock" })] })] }), _jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.wall_clock_policy") }), _jsxs("select", { value: nodeDraft.wallClockPolicy, onChange: (event) => patchDraft({ wallClockPolicy: event.currentTarget.value }), children: [_jsx("option", { value: "active_session_only", children: "active_session_only" }), _jsx("option", { value: "elapse_while_suspended", children: "elapse_while_suspended" }), _jsx("option", { value: "reject", children: "reject" })] })] })] })) : null, nodeDraft.kind === "event" ? (_jsxs(_Fragment, { children: [_jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.event_type") }), _jsx("input", { value: nodeDraft.eventType, onChange: (event) => patchDraft({ eventType: event.currentTarget.value }) })] }), _jsxs("label", { className: "tmw-node-draft__checkbox", children: [_jsx("input", { type: "checkbox", checked: nodeDraft.hardFact, onChange: (event) => patchDraft({ hardFact: event.currentTarget.checked }) }), _jsx("span", { children: t("tmw.draft.hard_fact") })] })] })) : null, nodeDraft.kind === "condition" ? (_jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.literal_value") }), _jsxs("select", { value: String(nodeDraft.conditionValue), onChange: (event) => patchDraft({ conditionValue: event.currentTarget.value === "true" }), children: [_jsx("option", { value: "true", children: "true" }), _jsx("option", { value: "false", children: "false" })] })] })) : null, nodeDraft.kind === "effect" ? (_jsxs(_Fragment, { children: [_jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.capability") }), _jsxs("select", { value: nodeDraft.capabilityId, onChange: (event) => patchDraft({ capabilityId: event.currentTarget.value }), children: [_jsx("option", { value: "", children: t("tmw.draft.choose_capability") }), props.capabilityIds.map((capabilityId) => _jsx("option", { value: capabilityId, children: capabilityId }, capabilityId))] })] }), _jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.arguments") }), _jsx("textarea", { value: nodeDraft.argumentsJson, onChange: (event) => patchDraft({ argumentsJson: event.currentTarget.value }) })] }), _jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.execution_policy") }), _jsxs("select", { value: nodeDraft.executionPolicy, onChange: (event) => patchDraft({ executionPolicy: event.currentTarget.value }), children: [_jsx("option", { value: "attempt_once", children: "attempt_once" }), _jsx("option", { value: "ensure_until", children: "ensure_until" })] })] }), _jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.rewrite_policy") }), _jsxs("select", { value: nodeDraft.rewritePolicy, onChange: (event) => patchDraft({ rewritePolicy: event.currentTarget.value }), children: [_jsx("option", { value: "normal_only", children: "normal_only" }), _jsx("option", { value: "rewrite_only", children: "rewrite_only" }), _jsx("option", { value: "normal_and_rewrite", children: "normal_and_rewrite" })] })] }), _jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.priority") }), _jsx("input", { type: "number", min: "0", step: "1", value: nodeDraft.priority, onChange: (event) => patchDraft({ priority: Number(event.currentTarget.value) }) })] }), _jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.idempotency_key") }), _jsx("input", { value: nodeDraft.idempotencyKey, onChange: (event) => patchDraft({ idempotencyKey: event.currentTarget.value }) })] })] })) : null, nodeDraft.kind === "presentation" ? (_jsxs(_Fragment, { children: [_jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.presentation_kind") }), _jsxs("select", { value: nodeDraft.presentationKind, onChange: (event) => patchDraft({ presentationKind: event.currentTarget.value }), children: [_jsx("option", { value: "atmosphere", children: "atmosphere" }), _jsx("option", { value: "view", children: "view" }), _jsx("option", { value: "music", children: "music" })] })] }), _jsxs("label", { children: [_jsx("span", { children: t(`tmw.draft.presentation_identity.${nodeDraft.presentationKind}`) }), _jsx("input", { value: nodeDraft.presentationIdentity, onChange: (event) => patchDraft({ presentationIdentity: event.currentTarget.value }) })] }), nodeDraft.presentationKind === "atmosphere" ? (_jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.intensity") }), _jsx("input", { type: "number", min: "0", max: "1", step: "0.05", value: nodeDraft.presentationIntensity, onChange: (event) => patchDraft({ presentationIntensity: Number(event.currentTarget.value) }) })] })) : null, nodeDraft.presentationKind === "view" ? (_jsxs("label", { className: "tmw-node-draft__checkbox", children: [_jsx("input", { type: "checkbox", checked: nodeDraft.presentationVisible, onChange: (event) => patchDraft({ presentationVisible: event.currentTarget.checked }) }), _jsx("span", { children: t("tmw.draft.visible") })] })) : null, nodeDraft.presentationKind === "music" ? (_jsxs(_Fragment, { children: [_jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.candidate_revision") }), _jsx("input", { type: "number", min: "1", step: "1", value: nodeDraft.presentationRevision, onChange: (event) => patchDraft({ presentationRevision: Number(event.currentTarget.value) }) })] }), _jsxs("label", { children: [_jsx("span", { children: t("tmw.draft.preferred_resource") }), _jsx("input", { value: nodeDraft.preferredResourceId, onChange: (event) => patchDraft({ preferredResourceId: event.currentTarget.value }) })] })] })) : null] })) : null] }), _jsxs("footer", { children: [_jsx("button", { type: "button", onClick: closeDraft, children: t("common.cancel") }), _jsx("button", { type: "button", disabled: !draftMutable || !nodeDraftTouched || !draftIsValid(nodeDraft), onClick: submitDraft, children: t("tmw.draft.add") })] })] })), lane === "source" ? (_jsx(TmwSourceLane, { document: source.trigger_document, diagnostics: diagnostics, selectedStableId: selectedStableId, onSelectStableId: setSelectedStableId, canRevise: draftMutable, onAddNode: openDraft, translate: t })) : null, lane === "flow" ? (_jsx(TmwFlowLane, { document: source.trigger_document, selectedStableId: selectedStableId, onSelectStableId: setSelectedStableId, canRevise: draftMutable, onAddNode: openDraft, onConnect: props.onConnect, onDisconnect: props.onDisconnect, onDeleteNode: props.onDeleteNode, layoutPositions: props.layoutPositions, onLayout: props.onLayout, translate: t })) : null, lane === "trace" ? (_jsx(TmwTraceLane, { trace: trace, selectedStableId: selectedStableId, onSelectStableId: setSelectedStableId, translate: t })) : null, debuggerVisible ? (_jsx("div", { className: "tmw-blueprint__debugger", children: _jsx(TriggerDebugTab, { document: source.trigger_document, diagnostics: diagnostics, trace: trace, selectedStableId: selectedStableId, onSelectStableId: setSelectedStableId }) })) : null] }));
+}

package/dist/trigger/tmw/TmwFlowLane.d.ts

@@ -0,0 +1,22 @@
+import type { TriggerDocumentV3, TriggerNodeKindV3 } from "@world-engines/tmw";
+import { type TmwTranslate } from "./translate.js";
+export interface TmwFlowLaneProps {
+    readonly document: TriggerDocumentV3;
+    readonly selectedStableId: string | null;
+    readonly onSelectStableId: (stableId: string) => void;
+    readonly canRevise: boolean;
+    readonly onAddNode: (kind: TriggerNodeKindV3) => void;
+    readonly onConnect: (fromStableId: string, toStableId: string) => void;
+    readonly onDisconnect: (fromStableId: string, toStableId: string) => void;
+    readonly onDeleteNode: (stableId: string) => void;
+    readonly layoutPositions: Readonly<Record<string, {
+        readonly x: number;
+        readonly y: number;
+    }>>;
+    readonly onLayout: (positions: Readonly<Record<string, {
+        readonly x: number;
+        readonly y: number;
+    }>>) => void;
+    readonly translate?: TmwTranslate;
+}
+export declare function TmwFlowLane({ document, selectedStableId, onSelectStableId, canRevise, onAddNode, onConnect, onDisconnect, onDeleteNode, layoutPositions, onLayout, translate, }: TmwFlowLaneProps): JSX.Element;

package/dist/trigger/tmw/TmwFlowLane.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import ReactFlow, { Background, BackgroundVariant, Controls, MarkerType, MiniMap, applyNodeChanges, } from "reactflow";
+import { useEffect, useState } from "react";
+import { TMW_NODE_PALETTE } from "./TmwSourceLane.js";
+import { defaultTmwTranslate } from "./translate.js";
+export function TmwFlowLane({ document, selectedStableId, onSelectStableId, canRevise, onAddNode, onConnect, onDisconnect, onDeleteNode, layoutPositions, onLayout, translate, }) {
+    const t = translate ?? defaultTmwTranslate;
+    const graph = useMemo(() => {
+        const groups = [
+            document.events,
+            document.conditions,
+            document.effects,
+            document.presentations,
+        ];
+        const nodes = groups.flatMap((items, column) => items.map((node, row) => ({
+            id: node.stable_id,
+            position: layoutPositions[node.stable_id] ?? { x: 80 + column * 280, y: 70 + row * 150 },
+            data: {
+                label: (_jsxs("div", { className: `tmw-flow-node tmw-flow-node--${node.kind}`, children: [_jsx("span", { children: node.kind }), _jsx("strong", { children: node.stable_id }), _jsx("small", { children: node.effective_time.domain })] })),
+            },
+            selected: selectedStableId === node.stable_id,
+            className: `tmw-reactflow-node tmw-reactflow-node--${node.kind}`,
+        })));
+        const edges = document.edges.map((edge) => ({
+            id: `${edge.from_stable_id}->${edge.to_stable_id}`,
+            source: edge.from_stable_id,
+            target: edge.to_stable_id,
+            markerEnd: { type: MarkerType.ArrowClosed },
+            animated: false,
+        }));
+        return { nodes, edges };
+    }, [document, layoutPositions, selectedStableId]);
+    const [nodes, setNodes] = useState(graph.nodes);
+    useEffect(() => setNodes(graph.nodes), [graph.nodes]);
+    const handleNodesChange = (changes) => setNodes((current) => applyNodeChanges(changes, current));
+    const persistLayout = () => onLayout(Object.fromEntries(nodes.map((node) => [node.id, node.position])));
+    const handleConnect = (connection) => {
+        if (connection.source === null || connection.target === null)
+            return;
+        onConnect(connection.source, connection.target);
+    };
+    return (_jsxs("section", { className: "tmw-flow-lane", "aria-label": t("tmw.flow.aria"), "data-tmw-lane": "flow", children: [_jsxs("header", { className: "tmw-lane-heading", children: [_jsxs("div", { children: [_jsx("strong", { children: t("tmw.flow.title") }), _jsxs("span", { children: [" \u00B7 ", t("tmw.flow.edge_count", undefined, { count: document.edges.length })] })] }), _jsx("small", { children: t(canRevise ? "tmw.flow.connect_hint" : "tmw.flow.begin_hint") })] }), _jsxs("div", { className: "tmw-flow-lane__palette", role: "toolbar", "aria-label": t("tmw.palette.add_aria"), children: [TMW_NODE_PALETTE.map((item) => (_jsxs("button", { type: "button", disabled: !canRevise, onClick: () => onAddNode(item.kind), children: ["\uFF0B ", t(item.labelKey)] }, item.kind))), _jsx("button", { type: "button", disabled: !canRevise, onClick: () => selectedStableId !== null && onDeleteNode(selectedStableId), children: "\u5220\u9664\u9009\u4E2D\u8282\u70B9" }), _jsx("button", { type: "button", disabled: !canRevise, onClick: persistLayout, children: "\u4FDD\u5B58\u5E03\u5C40" })] }), _jsx("div", { className: "tmw-flow-lane__canvas", "data-testid": "tmw-reactflow-canvas", children: _jsxs(ReactFlow, { nodes: nodes, edges: graph.edges, fitView: true, fitViewOptions: { padding: 0.25 }, nodesDraggable: canRevise, nodesConnectable: canRevise, elementsSelectable: true, onNodeClick: (_, node) => onSelectStableId(node.id), onNodesChange: handleNodesChange, onConnect: handleConnect, onEdgeDoubleClick: (_, edge) => canRevise && onDisconnect(edge.source, edge.target), proOptions: { hideAttribution: true }, children: [_jsx(Background, { variant: BackgroundVariant.Dots, gap: 22, size: 1.4 }), _jsx(Controls, { showInteractive: false }), _jsx(MiniMap, { pannable: true, zoomable: true }), graph.nodes.length === 0 ? (_jsxs("div", { className: "tmw-flow-lane__empty", children: [_jsx("strong", { children: t("tmw.flow.empty_title") }), _jsx("span", { children: t("tmw.flow.empty_help") })] })) : null] }) })] }));
+}

package/dist/trigger/tmw/TmwSourceLane.d.ts

@@ -0,0 +1,17 @@
+import type { TmwDiagnostic, TriggerDocumentV3, TriggerNodeKindV3 } from "@world-engines/tmw";
+import { type TmwTranslate } from "./translate.js";
+export interface TmwSourceLaneProps {
+    readonly document: TriggerDocumentV3;
+    readonly diagnostics: ReadonlyArray<TmwDiagnostic>;
+    readonly selectedStableId: string | null;
+    readonly onSelectStableId: (stableId: string) => void;
+    readonly canRevise: boolean;
+    readonly onAddNode: (kind: TriggerNodeKindV3) => void;
+    readonly translate?: TmwTranslate;
+}
+export declare const TMW_NODE_PALETTE: ReadonlyArray<Readonly<{
+    kind: TriggerNodeKindV3;
+    labelKey: string;
+    descriptionKey: string;
+}>>;
+export declare function TmwSourceLane({ document, diagnostics, selectedStableId, onSelectStableId, canRevise, onAddNode, translate, }: TmwSourceLaneProps): JSX.Element;

package/dist/trigger/tmw/TmwSourceLane.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { defaultTmwTranslate } from "./translate.js";
+const documentNodes = (document) => [
+    ...document.events,
+    ...document.conditions,
+    ...document.effects,
+    ...document.presentations,
+];
+export const TMW_NODE_PALETTE = [
+    {
+        kind: "event",
+        labelKey: "tmw.palette.event.label",
+        descriptionKey: "tmw.palette.event.description",
+    },
+    {
+        kind: "condition",
+        labelKey: "tmw.palette.condition.label",
+        descriptionKey: "tmw.palette.condition.description",
+    },
+    {
+        kind: "effect",
+        labelKey: "tmw.palette.effect.label",
+        descriptionKey: "tmw.palette.effect.description",
+    },
+    {
+        kind: "presentation",
+        labelKey: "tmw.palette.presentation.label",
+        descriptionKey: "tmw.palette.presentation.description",
+    },
+];
+export function TmwSourceLane({ document, diagnostics, selectedStableId, onSelectStableId, canRevise, onAddNode, translate, }) {
+    const t = translate ?? defaultTmwTranslate;
+    const nodes = documentNodes(document);
+    return (_jsxs("section", { className: "tmw-source-lane", "aria-label": t("tmw.source.aria"), "data-tmw-lane": "source", children: [_jsxs("aside", { className: "tmw-source-lane__palette", "aria-label": t("tmw.palette.aria"), children: [_jsxs("div", { className: "tmw-lane-heading", children: [_jsxs("div", { children: [_jsx("strong", { children: t("tmw.palette.title") }), _jsx("span", { children: t("tmw.palette.authority") })] }), !canRevise ? _jsx("small", { children: t("tmw.palette.begin_hint") }) : null] }), _jsx("div", { className: "tmw-node-palette", children: TMW_NODE_PALETTE.map((item) => (_jsxs("button", { type: "button", className: `tmw-node-palette__item tmw-node-palette__item--${item.kind}`, disabled: !canRevise, onClick: () => onAddNode(item.kind), children: [_jsxs("strong", { children: ["\uFF0B ", t(item.labelKey)] }), _jsx("span", { children: t(item.descriptionKey) })] }, item.kind))) })] }), _jsxs("div", { className: "tmw-source-lane__document", children: [_jsx("header", { className: "tmw-lane-heading", children: _jsxs("div", { children: [_jsx("strong", { children: t("tmw.source.title") }), _jsxs("span", { children: [" \u00B7 ", t("tmw.source.node_count", undefined, { count: nodes.length })] })] }) }), diagnostics.filter((diagnostic) => diagnostic.related_stable_ids.length === 0).map((diagnostic) => (_jsxs("div", { className: "tmw-diagnostic", role: "alert", children: [diagnostic.code, " \u00B7 ", diagnostic.path] }, `${diagnostic.path}:${diagnostic.code}`))), nodes.length === 0 ? (_jsxs("div", { className: "tmw-empty-state", children: [_jsx("strong", { children: t("tmw.source.empty_title") }), _jsx("p", { children: t("tmw.source.empty_help") })] })) : (_jsx("ol", { className: "tmw-source-node-list", children: nodes.map((node) => {
+                            const nodeDiagnostics = diagnostics.filter((diagnostic) => diagnostic.related_stable_ids.includes(node.stable_id));
+                            return (_jsxs("li", { children: [_jsxs("button", { type: "button", "aria-pressed": selectedStableId === node.stable_id, onClick: () => onSelectStableId(node.stable_id), children: [_jsx("span", { className: `tmw-node-kind tmw-node-kind--${node.kind}`, children: node.kind }), _jsx("code", { children: node.stable_id }), _jsx("span", { children: node.effective_time.domain })] }), nodeDiagnostics.map((diagnostic) => (_jsxs("div", { className: "tmw-diagnostic", role: "alert", children: [diagnostic.code, " \u00B7 ", diagnostic.path] }, `${diagnostic.path}:${diagnostic.code}`)))] }, node.stable_id));
+                        }) }))] })] }));
+}

package/dist/trigger/tmw/TmwTabs.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+export declare function TmwTabs<T extends string>({ items, value, onSelect, ariaLabel, testId }: {
+    readonly items: readonly {
+        readonly id: T;
+        readonly label: string;
+    }[];
+    readonly value: T;
+    readonly onSelect: (value: T) => void;
+    readonly ariaLabel: string;
+    readonly testId?: string;
+}): JSX.Element;
+export declare function TmwToggle({ active, onToggle, label, testId }: {
+    readonly active: boolean;
+    readonly onToggle: () => void;
+    readonly label: string;
+    readonly testId?: string;
+}): JSX.Element;
+export declare function TmwPanel({ children }: {
+    readonly children: ReactNode;
+}): JSX.Element;

package/dist/trigger/tmw/TmwTabs.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export function TmwTabs({ items, value, onSelect, ariaLabel, testId }) {
+    return _jsx("div", { "aria-label": ariaLabel, "data-testid": testId, role: "tablist", children: items.map((item) => _jsx("button", { "aria-selected": value === item.id, onClick: () => onSelect(item.id), role: "tab", type: "button", children: item.label }, item.id)) });
+}
+export function TmwToggle({ active, onToggle, label, testId }) {
+    return _jsx("button", { "aria-pressed": active, "data-testid": testId, onClick: onToggle, type: "button", children: label });
+}
+export function TmwPanel({ children }) { return _jsx(_Fragment, { children: children }); }

package/dist/trigger/tmw/TmwTraceLane.d.ts

@@ -0,0 +1,9 @@
+import type { TmwSimulationTraceEntry } from "@world-engines/tmw";
+import { type TmwTranslate } from "./translate.js";
+export interface TmwTraceLaneProps {
+    readonly trace: ReadonlyArray<TmwSimulationTraceEntry>;
+    readonly selectedStableId: string | null;
+    readonly onSelectStableId: (stableId: string) => void;
+    readonly translate?: TmwTranslate;
+}
+export declare function TmwTraceLane({ trace, selectedStableId, onSelectStableId, translate, }: TmwTraceLaneProps): JSX.Element;

package/dist/trigger/tmw/TmwTraceLane.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { defaultTmwTranslate } from "./translate.js";
+export function TmwTraceLane({ trace, selectedStableId, onSelectStableId, translate, }) {
+    const t = translate ?? defaultTmwTranslate;
+    return (_jsxs("section", { className: "tmw-trace-lane", "aria-label": t("tmw.trace.aria"), "data-tmw-lane": "trace", children: [_jsx("header", { className: "tmw-lane-heading", children: _jsxs("div", { children: [_jsx("strong", { children: t("tmw.trace.title") }), _jsxs("span", { children: [" \u00B7 ", t("tmw.trace.step_count", undefined, { count: trace.length })] })] }) }), trace.length === 0 ? (_jsxs("div", { className: "tmw-empty-state", children: [_jsx("strong", { children: t("tmw.trace.empty") }), _jsx("p", { children: t("tmw.trace.empty_help") })] })) : (_jsx("ol", { className: "tmw-trace-list", children: trace.map((entry) => (_jsx("li", { children: _jsxs("button", { type: "button", "aria-pressed": selectedStableId === entry.stable_id, onClick: () => onSelectStableId(entry.stable_id), children: [entry.step, ". ", entry.kind, " \u00B7 ", entry.stable_id, " \u00B7 ", entry.clock_domain, " \u00B7 ", t("tmw.trace.effective"), " ", entry.effective_value, " \u00B7 ", entry.disposition] }) }, `${entry.step}:${entry.stable_id}`))) }))] }));
+}

package/dist/trigger/tmw/TriggerDebugTab.d.ts

@@ -0,0 +1,9 @@
+import { type TmwDiagnostic, type TmwSimulationTraceEntry, type TriggerDocumentV3 } from "@world-engines/tmw";
+export interface TriggerDebugTabProps {
+    readonly document?: TriggerDocumentV3;
+    readonly diagnostics?: ReadonlyArray<TmwDiagnostic>;
+    readonly trace?: ReadonlyArray<TmwSimulationTraceEntry>;
+    readonly selectedStableId?: string | null;
+    readonly onSelectStableId?: (stableId: string) => void;
+}
+export declare function TriggerDebugTab({ document, diagnostics, trace, selectedStableId, onSelectStableId, }: TriggerDebugTabProps): JSX.Element;

package/dist/trigger/tmw/TriggerDebugTab.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { allTriggerNodesV3, } from "@world-engines/tmw";
+import { TmwTabs } from "./TmwTabs.js";
+const DOMAINS = [
+    { id: "logical_seq", label: "逻辑序列" },
+    { id: "world_time", label: "世界时间" },
+    { id: "presentation_seq", label: "演出序列" },
+    { id: "real_time", label: "实时" },
+];
+export function TriggerDebugTab({ document, diagnostics = [], trace = [], selectedStableId = null, onSelectStableId, }) {
+    const [domain, setDomain] = useState("logical_seq");
+    if (document === undefined) {
+        return _jsx("section", { role: "alert", children: "TMW3 SourceV3 \u5C1A\u672A\u901A\u8FC7\u6253\u5F00\u5C4F\u969C\uFF0C\u8C03\u8BD5\u5668\u5DF2\u963B\u65AD\u3002" });
+    }
+    const nodes = allTriggerNodesV3(document).filter((node) => node.effective_time.domain === domain);
+    return (_jsxs("section", { "aria-label": "TMW3 \u56DB\u65F6\u57DF\u8C03\u8BD5\u5668", "data-tmw-debug-domain": domain, children: [_jsx(TmwTabs, { items: DOMAINS, value: domain, onSelect: setDomain, ariaLabel: "\u56DB\u65F6\u57DF" }), nodes.length === 0 ? (_jsxs("p", { children: [domain, " \u65F6\u57DF\u6CA1\u6709\u8282\u70B9\u3002"] })) : (_jsx("ol", { children: nodes.map((node) => {
+                    const nodeTrace = trace.filter((entry) => entry.stable_id === node.stable_id);
+                    const nodeDiagnostics = diagnostics.filter((item) => item.related_stable_ids.includes(node.stable_id));
+                    const effectiveTime = node.effective_time;
+                    return (_jsxs("li", { children: [_jsxs("button", { type: "button", "aria-pressed": selectedStableId === node.stable_id, onClick: () => onSelectStableId?.(node.stable_id), children: [node.kind, " \u00B7 ", node.stable_id, " \u00B7 \u5230\u671F ", effectiveTime.due_value, " \u00B7 \u751F\u6548", " ", effectiveTime.effective_value, " \u00B7 ", effectiveTime.crossing_policy, effectiveTime.domain === "real_time"
+                                        ? ` · ${effectiveTime.real_time_clock} · ${effectiveTime.wall_clock_policy}`
+                                        : null] }), _jsxs("span", { children: [" \u00B7 trace ", nodeTrace.length] }), nodeDiagnostics.map((item) => (_jsxs("div", { role: "alert", children: [item.code, " \u00B7 ", item.path] }, `${item.path}:${item.code}`)))] }, node.stable_id));
+                }) })), _jsx("p", { children: "\u8C03\u8BD5\u5668\u53EA\u5C55\u793A P1 \u7EAF\u6A21\u62DF\u5668 trace\uFF0C\u4E0D\u6267\u884C\u751F\u4EA7 effect\u3002" })] }));
+}

package/dist/trigger/tmw/translate.d.ts

@@ -0,0 +1,3 @@
+export type TmwTranslate = (key: string, fallback?: string, values?: Readonly<Record<string, unknown>>) => string;
+/** 未注入宿主 i18n 时保留 key，绝不猜测文案。 */
+export declare const defaultTmwTranslate: TmwTranslate;

package/dist/trigger/tmw/translate.js

@@ -0,0 +1,2 @@
+/** 未注入宿主 i18n 时保留 key，绝不猜测文案。 */
+export const defaultTmwTranslate = (key, fallback) => fallback ?? key;

package/dist/view/ViewWorkspace.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+export interface ViewFile {
+    readonly path: string;
+    readonly content: string;
+    readonly readonly: boolean;
+}
+export interface ViewWorkspaceProps {
+    readonly files: readonly ViewFile[];
+    readonly selected_path: string | null;
+    readonly disabled: boolean;
+    readonly onSelectFile: (path: string) => Promise<void>;
+    readonly onSaveFile: (path: string, content: string) => Promise<void>;
+    readonly onPreview: () => Promise<void>;
+    readonly renderMonaco?: (props: ViewWorkspaceProps & {
+        readonly file: ViewFile | null;
+    }) => ReactNode;
+    readonly renderPreview?: () => ReactNode;
+}
+export declare function ViewWorkspace(props: ViewWorkspaceProps): JSX.Element;

package/dist/view/ViewWorkspace.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+export function ViewWorkspace(props) {
+    const file = props.files.find((item) => item.path === props.selected_path) ?? null;
+    const [content, setContent] = useState(file?.content ?? "");
+    useEffect(() => setContent(file?.content ?? ""), [file]);
+    return (_jsxs("section", { "aria-label": "View \u5DE5\u4F5C\u533A", "data-testid": "view-workspace", children: [_jsxs("nav", { "aria-label": "View \u6587\u4EF6", children: [props.files.length === 0 ? _jsx("p", { children: "\u5F53\u524D View \u6CA1\u6709\u53EF\u7F16\u8F91\u6587\u4EF6\u3002" }) : null, props.files.map((item) => (_jsx("button", { "aria-current": item.path === props.selected_path ? "page" : undefined, disabled: props.disabled, onClick: () => void props.onSelectFile(item.path), type: "button", children: item.path }, item.path)))] }), _jsx("div", { "aria-label": "Monaco \u7F16\u8F91\u5668", children: props.renderMonaco?.({ ...props, file }) ?? (file === null ? _jsx("p", { children: "\u9009\u62E9\u4E00\u4E2A View \u6587\u4EF6\u4EE5\u5F00\u59CB\u624B\u52A8\u7F16\u8F91\u3002" }) : (_jsxs(_Fragment, { children: [_jsx("textarea", { "aria-label": "View \u6E90\u7801", disabled: props.disabled || file.readonly, onChange: (event) => setContent(event.target.value), readOnly: file.readonly, value: content }), _jsx("button", { disabled: props.disabled || file.readonly || content === file.content, onClick: () => void props.onSaveFile(file.path, content), type: "button", children: "\u4FDD\u5B58\u6587\u4EF6" })] }))) }), _jsxs("div", { "aria-label": "View \u9884\u89C8", "data-testid": "view-preview-workspace", children: [_jsx("button", { disabled: props.disabled, onClick: () => void props.onPreview(), type: "button", children: "\u5237\u65B0\u9884\u89C8" }), props.renderPreview?.()] })] }));
+}