@shwfed/config 2.9.9 → 2.9.10

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.combobox-multi/config.vue.d.ts

@@ -84,13 +84,14 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly onChange?: string | undefined;
             readonly kind: "remote";
             readonly triggers?: readonly {
+                readonly id?: string | undefined;
                 readonly params?: unknown;
                 readonly compatibilityDate?: string | undefined;
                 readonly target: string;
                 readonly operation: string;
             }[] | undefined;
-            readonly accessor: string;
             readonly successMessage?: string | undefined;
+            readonly accessor: string;
         };
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
@@ -175,13 +176,14 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly onChange?: string | undefined;
             readonly kind: "remote";
             readonly triggers?: readonly {
+                readonly id?: string | undefined;
                 readonly params?: unknown;
                 readonly compatibilityDate?: string | undefined;
                 readonly target: string;
                 readonly operation: string;
             }[] | undefined;
-            readonly accessor: string;
             readonly successMessage?: string | undefined;
+            readonly accessor: string;
         };
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.combobox-multi/schema.d.ts

@@ -150,6 +150,7 @@ export declare function writeSchema(configure: (env: Environment) => void): Sche
     onChange: Schema.optional<Schema.Schema<string, string, never>>;
     successMessage: Schema.optional<Schema.Schema<string, string, never>>;
     triggers: Schema.optional<Schema.Array$<Schema.Struct<{
+        id: Schema.optional<Schema.refine<string, typeof Schema.String>>;
         target: Schema.refine<string, typeof Schema.String>;
         operation: Schema.SchemaClass<string, string, never>;
         compatibilityDate: Schema.optional<Schema.SchemaClass<string, string, never>>;
@@ -267,6 +268,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         onChange: Schema.optional<Schema.Schema<string, string, never>>;
         successMessage: Schema.optional<Schema.Schema<string, string, never>>;
         triggers: Schema.optional<Schema.Array$<Schema.Struct<{
+            id: Schema.optional<Schema.refine<string, typeof Schema.String>>;
             target: Schema.refine<string, typeof Schema.String>;
             operation: Schema.SchemaClass<string, string, never>;
             compatibilityDate: Schema.optional<Schema.SchemaClass<string, string, never>>;

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.combobox-single/config.d.vue.ts

@@ -84,13 +84,14 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly onChange?: string | undefined;
             readonly kind: "remote";
             readonly triggers?: readonly {
+                readonly id?: string | undefined;
                 readonly params?: unknown;
                 readonly compatibilityDate?: string | undefined;
                 readonly target: string;
                 readonly operation: string;
             }[] | undefined;
-            readonly accessor: string;
             readonly successMessage?: string | undefined;
+            readonly accessor: string;
         };
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
@@ -175,13 +176,14 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly onChange?: string | undefined;
             readonly kind: "remote";
             readonly triggers?: readonly {
+                readonly id?: string | undefined;
                 readonly params?: unknown;
                 readonly compatibilityDate?: string | undefined;
                 readonly target: string;
                 readonly operation: string;
             }[] | undefined;
-            readonly accessor: string;
             readonly successMessage?: string | undefined;
+            readonly accessor: string;
         };
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.combobox-single/config.vue.d.ts

@@ -84,13 +84,14 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly onChange?: string | undefined;
             readonly kind: "remote";
             readonly triggers?: readonly {
+                readonly id?: string | undefined;
                 readonly params?: unknown;
                 readonly compatibilityDate?: string | undefined;
                 readonly target: string;
                 readonly operation: string;
             }[] | undefined;
-            readonly accessor: string;
             readonly successMessage?: string | undefined;
+            readonly accessor: string;
         };
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
@@ -175,13 +176,14 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly onChange?: string | undefined;
             readonly kind: "remote";
             readonly triggers?: readonly {
+                readonly id?: string | undefined;
                 readonly params?: unknown;
                 readonly compatibilityDate?: string | undefined;
                 readonly target: string;
                 readonly operation: string;
             }[] | undefined;
-            readonly accessor: string;
             readonly successMessage?: string | undefined;
+            readonly accessor: string;
         };
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.combobox-single/schema.d.ts

@@ -150,6 +150,7 @@ export declare function writeSchema(configure: (env: Environment) => void): Sche
     onChange: Schema.optional<Schema.Schema<string, string, never>>;
     successMessage: Schema.optional<Schema.Schema<string, string, never>>;
     triggers: Schema.optional<Schema.Array$<Schema.Struct<{
+        id: Schema.optional<Schema.refine<string, typeof Schema.String>>;
         target: Schema.refine<string, typeof Schema.String>;
         operation: Schema.SchemaClass<string, string, never>;
         compatibilityDate: Schema.optional<Schema.SchemaClass<string, string, never>>;
@@ -267,6 +268,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         onChange: Schema.optional<Schema.Schema<string, string, never>>;
         successMessage: Schema.optional<Schema.Schema<string, string, never>>;
         triggers: Schema.optional<Schema.Array$<Schema.Struct<{
+            id: Schema.optional<Schema.refine<string, typeof Schema.String>>;
             target: Schema.refine<string, typeof Schema.String>;
             operation: Schema.SchemaClass<string, string, never>;
             compatibilityDate: Schema.optional<Schema.SchemaClass<string, string, never>>;

package/dist/runtime/components/ui/expression-editor/CodeMirrorInput.d.vue.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes } from 'vue';
 import type { ScopeInfo } from './scope-refs.js';
+import type { StepChipInfo } from './step-refs.js';
 type __VLS_Props = {
     class?: HTMLAttributes['class'];
     defaultValue?: string;
@@ -8,6 +9,7 @@ type __VLS_Props = {
     placeholder?: string;
     scopeLookup: Map<string, ScopeInfo>;
     selectionLookup: Map<string, string>;
+    stepLookup: Map<string, StepChipInfo>;
 };
 declare function insertAtSelection(text: string): void;
 declare function focus(): void;

package/dist/runtime/components/ui/expression-editor/CodeMirrorInput.vue

@@ -7,6 +7,7 @@ import { cn } from "../../../utils/cn";
 import { celHighlighting } from "./cel-language";
 import { scopeChips, scopeLookupFacet } from "./chip-extension";
 import { selectionChips, selectionLookupFacet } from "./selection-chip-extension";
+import { stepChips, stepLookupFacet } from "./step-chip-extension";
 defineOptions({ name: "UiCodeMirrorInput" });
 const props = defineProps({
   class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
@@ -15,13 +16,15 @@ const props = defineProps({
   multiline: { type: Boolean, required: false },
   placeholder: { type: String, required: false },
   scopeLookup: { type: Map, required: true },
-  selectionLookup: { type: Map, required: true }
+  selectionLookup: { type: Map, required: true },
+  stepLookup: { type: Map, required: true }
 });
 const emits = defineEmits(["update:modelValue"]);
 const host = useTemplateRef("host");
 let view = null;
 const lookupCompartment = new Compartment();
 const selectionLookupCompartment = new Compartment();
+const stepLookupCompartment = new Compartment();
 const modeCompartment = new Compartment();
 let applyingExternal = false;
 const editorTheme = EditorView.theme({
@@ -77,6 +80,7 @@ function makeState(doc) {
       cmPlaceholder(props.placeholder ?? ""),
       lookupCompartment.of(scopeLookupFacet.of(props.scopeLookup)),
       selectionLookupCompartment.of(selectionLookupFacet.of(props.selectionLookup)),
+      stepLookupCompartment.of(stepLookupFacet.of(props.stepLookup)),
       modeCompartment.of(modeExtension(!!props.multiline)),
       editorTheme,
       // CEL syntax colours sit *under* the chips: the chip plugin's
@@ -85,6 +89,7 @@ function makeState(doc) {
       celHighlighting(),
       scopeChips(),
       selectionChips(),
+      stepChips(),
       EditorView.contentAttributes.of({ "aria-label": props.placeholder ?? "Expression" }),
       EditorView.updateListener.of((update) => {
         if (!update.docChanged || applyingExternal) return;
@@ -118,6 +123,9 @@ watch(() => props.scopeLookup, (lookup) => {
 watch(() => props.selectionLookup, (lookup) => {
   view?.dispatch({ effects: selectionLookupCompartment.reconfigure(selectionLookupFacet.of(lookup)) });
 });
+watch(() => props.stepLookup, (lookup) => {
+  view?.dispatch({ effects: stepLookupCompartment.reconfigure(stepLookupFacet.of(lookup)) });
+});
 watch(() => props.multiline, (multiline) => {
   view?.dispatch({ effects: modeCompartment.reconfigure(modeExtension(!!multiline)) });
 });

package/dist/runtime/components/ui/expression-editor/CodeMirrorInput.vue.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes } from 'vue';
 import type { ScopeInfo } from './scope-refs.js';
+import type { StepChipInfo } from './step-refs.js';
 type __VLS_Props = {
     class?: HTMLAttributes['class'];
     defaultValue?: string;
@@ -8,6 +9,7 @@ type __VLS_Props = {
     placeholder?: string;
     scopeLookup: Map<string, ScopeInfo>;
     selectionLookup: Map<string, string>;
+    stepLookup: Map<string, StepChipInfo>;
 };
 declare function insertAtSelection(text: string): void;
 declare function focus(): void;

package/dist/runtime/components/ui/expression-editor/ExpressionEditor.d.vue.ts

@@ -14,11 +14,11 @@ type __VLS_Props = {
     extraVars?: Record<string, VarSpec>;
     unlistedVarsAreDyn?: boolean;
 };
-declare var __VLS_13: {}, __VLS_150: {};
+declare var __VLS_13: {}, __VLS_171: {};
 type __VLS_Slots = {} & {
     leading?: (props: typeof __VLS_13) => any;
 } & {
-    trailing?: (props: typeof __VLS_150) => any;
+    trailing?: (props: typeof __VLS_171) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (payload: string) => any;

package/dist/runtime/components/ui/expression-editor/ExpressionEditor.vue

@@ -2,12 +2,13 @@
 import { Icon } from "@iconify/vue";
 import { computed, ref, useSlots, useTemplateRef, watch } from "vue";
 import { buildCheckEnvironment, evaluateExpression } from "../../../share/expression";
-import { injectCELContext, useScopeAncestry, useSelectionRoster } from "../../../utils/cel-context";
+import { injectCELContext, useScopeAncestry, useSelectionRoster, useStepRoster } from "../../../utils/cel-context";
 import { Markdown } from "../markdown";
 import CodeMirrorInput from "./CodeMirrorInput.vue";
 import { buildScopeLookup } from "./scope-refs";
 import { buildSelectionLookup } from "./selection-refs";
-import { buildScopeEntries, buildSelectionEntries, buildVarEntries } from "./picker-entries";
+import { buildStepLookup } from "./step-refs";
+import { buildScopeEntries, buildSelectionEntries, buildStepEntries, buildVarEntries } from "./picker-entries";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../command";
 import { InputGroup, InputGroupAddon, InputGroupButton } from "../input-group";
 import { Popover, PopoverContent, PopoverTrigger } from "../popover";
@@ -26,12 +27,15 @@ const emits = defineEmits(["update:modelValue"]);
 const celContext = injectCELContext();
 const scopeAncestry = useScopeAncestry();
 const selectionRoster = useSelectionRoster();
+const stepRoster = useStepRoster();
 const varEntries = computed(() => buildVarEntries(celContext, props.extraVars));
 const scopeEntries = computed(() => buildScopeEntries(scopeAncestry.value.slice(1)));
 const selectionEntries = computed(() => buildSelectionEntries(selectionRoster.value));
+const stepEntries = computed(() => buildStepEntries(stepRoster.value));
 const scopeLookup = computed(() => buildScopeLookup(scopeAncestry.value));
 const selectionLookup = computed(() => buildSelectionLookup(selectionRoster.value));
-const hasVars = computed(() => varEntries.value.length > 0 || scopeEntries.value.length > 0 || selectionEntries.value.length > 0);
+const stepLookup = computed(() => buildStepLookup(stepRoster.value));
+const hasVars = computed(() => varEntries.value.length > 0 || scopeEntries.value.length > 0 || selectionEntries.value.length > 0 || stepEntries.value.length > 0);
 const checkEnvironment = computed(() => {
   const vars = /* @__PURE__ */ new Map();
   for (const [name, entry] of Object.entries(celContext)) vars.set(name, entry.type);
@@ -51,6 +55,7 @@ const entries = ref([]);
 const shownVars = computed(() => entries.value.filter((e) => e.group === "var"));
 const shownScopes = computed(() => entries.value.filter((e) => e.group === "scope"));
 const shownSelections = computed(() => entries.value.filter((e) => e.group === "selection"));
+const shownSteps = computed(() => entries.value.filter((e) => e.group === "step"));
 const hoveredName = ref(null);
 const editorRef = useTemplateRef("editor");
 function insertVariable(text) {
@@ -59,7 +64,7 @@ function insertVariable(text) {
 }
 watch(open, (v) => {
   if (v) {
-    entries.value = [...varEntries.value, ...selectionEntries.value, ...scopeEntries.value];
+    entries.value = [...varEntries.value, ...selectionEntries.value, ...stepEntries.value, ...scopeEntries.value];
     hoveredName.value = entries.value[0]?.id ?? null;
   }
 });
@@ -97,6 +102,7 @@ const addonAlign = computed(
         :multiline="props.multiline"
         :scope-lookup="scopeLookup"
         :selection-lookup="selectionLookup"
+        :step-lookup="stepLookup"
         :class="props.class"
         @update:model-value="(v) => emits('update:modelValue', v)"
       />
@@ -170,6 +176,29 @@ const addonAlign = computed(
                     </span>
                   </CommandItem>
                 </CommandGroup>
+                <CommandGroup
+                  v-if="shownSteps.length > 0"
+                  heading="前序步骤"
+                >
+                  <CommandItem
+                    v-for="entry in shownSteps"
+                    :key="entry.id"
+                    :value="`${entry.display} ${entry.id}`"
+                    class="cursor-pointer gap-2"
+                    @select="insertVariable(entry.insert)"
+                    @mouseenter="hoveredName = entry.id"
+                    @focus="hoveredName = entry.id"
+                  >
+                    <Icon
+                      icon="fluent:arrow-step-over-20-regular"
+                      class="size-3.5 shrink-0 text-sky-500"
+                    />
+                    <span class="flex-1 truncate text-xs text-zinc-700">{{ entry.display }}</span>
+                    <span class="rounded bg-sky-100 px-1.5 py-0.5 font-mono text-[10px] leading-none text-sky-700 select-none">
+                      {{ entry.type }}
+                    </span>
+                  </CommandItem>
+                </CommandGroup>
                 <CommandGroup
                   v-if="shownScopes.length > 0"
                   heading="跨层引用"

package/dist/runtime/components/ui/expression-editor/ExpressionEditor.vue.d.ts

@@ -14,11 +14,11 @@ type __VLS_Props = {
     extraVars?: Record<string, VarSpec>;
     unlistedVarsAreDyn?: boolean;
 };
-declare var __VLS_13: {}, __VLS_150: {};
+declare var __VLS_13: {}, __VLS_171: {};
 type __VLS_Slots = {} & {
     leading?: (props: typeof __VLS_13) => any;
 } & {
-    trailing?: (props: typeof __VLS_150) => any;
+    trailing?: (props: typeof __VLS_171) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (payload: string) => any;

package/dist/runtime/components/ui/expression-editor/picker-entries.d.ts

@@ -1,7 +1,7 @@
-import { type ScopeAncestor, type SelectionFieldRef } from '../../../utils/cel-context.js';
+import { type ScopeAncestor, type SelectionFieldRef, type StepRef } from '../../../utils/cel-context.js';
 export type PickEntry = {
     id: string;
-    group: 'var' | 'scope' | 'selection';
+    group: 'var' | 'scope' | 'selection' | 'step';
     insert: string;
     display: string;
     label: string;
@@ -15,4 +15,5 @@ export type PickVarMeta = {
 };
 export declare function buildVarEntries(celContext: Record<string, PickVarMeta>, extraVars?: Record<string, PickVarMeta>): PickEntry[];
 export declare function buildSelectionEntries(roster: ReadonlyArray<SelectionFieldRef>): PickEntry[];
+export declare function buildStepEntries(roster: ReadonlyArray<StepRef>): PickEntry[];
 export declare function buildScopeEntries(ancestry: ReadonlyArray<ScopeAncestor>): PickEntry[];

package/dist/runtime/components/ui/expression-editor/picker-entries.js

@@ -1,6 +1,6 @@
-import { SCOPE_ADDRESS_VAR, SELECTIONS_VAR } from "../../../utils/cel-context.js";
+import { SCOPE_ADDRESS_VAR, SELECTIONS_VAR, STEPS_VAR } from "../../../utils/cel-context.js";
 import { scopeOrigin } from "./scope-refs.js";
-const SUPPRESSED_VARS = /* @__PURE__ */ new Set([SCOPE_ADDRESS_VAR, SELECTIONS_VAR]);
+const SUPPRESSED_VARS = /* @__PURE__ */ new Set([SCOPE_ADDRESS_VAR, SELECTIONS_VAR, STEPS_VAR]);
 export function buildVarEntries(celContext, extraVars) {
   const out = [];
   const seen = /* @__PURE__ */ new Set();
@@ -25,6 +25,17 @@ export function buildSelectionEntries(roster) {
     type: "dyn"
   }));
 }
+export function buildStepEntries(roster) {
+  return roster.filter((step) => step.valid).map((step) => ({
+    id: `step:${step.id}`,
+    group: "step",
+    insert: `${STEPS_VAR}[${JSON.stringify(step.id)}]`,
+    display: step.label,
+    label: "\u524D\u5E8F\u6B65\u9AA4",
+    type: "dyn",
+    description: step.description
+  }));
+}
 export function buildScopeEntries(ancestry) {
   const out = [];
   for (const ancestor of ancestry) {

package/dist/runtime/components/ui/expression-editor/step-chip-extension.d.ts

@@ -0,0 +1,5 @@
+import { type Extension, Facet } from '@codemirror/state';
+import { type StepChipInfo } from './step-refs.js';
+export declare const stepLookupFacet: Facet<Map<string, StepChipInfo>, Map<string, StepChipInfo>>;
+/** The full step inline-chip extension: decoration plugin + theme. */
+export declare function stepChips(): Extension;

package/dist/runtime/components/ui/expression-editor/step-chip-extension.js

@@ -0,0 +1,132 @@
+import { Facet, RangeSetBuilder } from "@codemirror/state";
+import {
+  Decoration,
+  EditorView,
+  ViewPlugin,
+  WidgetType
+} from "@codemirror/view";
+import { scanStepRefs } from "./step-refs.js";
+export const stepLookupFacet = Facet.define({
+  combine: (values) => values.length > 0 ? values[values.length - 1] : /* @__PURE__ */ new Map()
+});
+class StepChipWidget extends WidgetType {
+  constructor(id, info) {
+    super();
+    this.id = id;
+    this.info = info;
+  }
+  eq(other) {
+    return other.id === this.id && other.info?.label === this.info?.label && other.info?.valid === this.info?.valid;
+  }
+  toDOM() {
+    const chip = document.createElement("span");
+    chip.className = "cm-step-chip";
+    chip.setAttribute("data-step-id", this.id);
+    const tag = document.createElement("span");
+    tag.className = "cm-step-chip-tag";
+    tag.textContent = "\u6B65\u9AA4";
+    chip.appendChild(tag);
+    const text = document.createElement("span");
+    text.className = "cm-step-chip-label";
+    if (this.info === null) {
+      chip.classList.add("cm-step-chip-dangling");
+      const short = this.id.length > 8 ? `${this.id.slice(0, 8)}\u2026` : this.id;
+      text.textContent = short;
+      chip.title = `\u672A\u77E5\u6B65\u9AA4 ${this.id}`;
+    } else if (!this.info.valid) {
+      chip.classList.add("cm-step-chip-invalid");
+      text.textContent = this.info.label;
+      chip.title = `${this.info.label}\u5728\u672C\u6B65\u9AA4\u4E4B\u540E\u6267\u884C\uFF0C\u4E0D\u53EF\u5F15\u7528\u5176\u8F93\u51FA`;
+    } else {
+      text.textContent = this.info.label;
+      chip.title = `\u524D\u5E8F\u6B65\u9AA4 \xB7 ${this.info.label}`;
+    }
+    chip.appendChild(text);
+    return chip;
+  }
+  ignoreEvent() {
+    return false;
+  }
+}
+function buildChips(view) {
+  const lookup = view.state.facet(stepLookupFacet);
+  const builder = new RangeSetBuilder();
+  for (const ref of scanStepRefs(view.state.doc.toString())) {
+    const info = lookup.get(ref.id) ?? null;
+    builder.add(
+      ref.from,
+      ref.to,
+      Decoration.replace({ widget: new StepChipWidget(ref.id, info) })
+    );
+  }
+  return builder.finish();
+}
+const chipPlugin = ViewPlugin.fromClass(
+  class {
+    decorations;
+    constructor(view) {
+      this.decorations = buildChips(view);
+    }
+    update(update) {
+      if (update.docChanged || update.viewportChanged || update.startState.facet(stepLookupFacet) !== update.state.facet(stepLookupFacet)) {
+        this.decorations = buildChips(update.view);
+      }
+    }
+  },
+  {
+    decorations: (plugin) => plugin.decorations,
+    // Atomic so the caret steps over a chip and Backspace removes the whole
+    // `steps["id"]` at once — matching the scope/selection chips' feel.
+    provide: (plugin) => EditorView.atomicRanges.of((view) => view.plugin(plugin)?.decorations ?? Decoration.none)
+  }
+);
+const chipTheme = EditorView.theme({
+  ".cm-step-chip": {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "0.25rem",
+    margin: "0 1px",
+    padding: "0.125rem 0.25rem",
+    borderRadius: "0.25rem",
+    background: "#f0f9ff",
+    border: "1px solid #bae6fd",
+    color: "#0369a1",
+    fontFamily: "ui-sans-serif, system-ui, sans-serif",
+    verticalAlign: "baseline",
+    cursor: "default",
+    whiteSpace: "nowrap"
+  },
+  ".cm-step-chip-invalid": {
+    background: "#fffbeb",
+    borderColor: "#fde68a",
+    color: "#b45309"
+  },
+  ".cm-step-chip-dangling": {
+    background: "#fef2f2",
+    borderColor: "#fecaca",
+    color: "#b91c1c"
+  },
+  ".cm-step-chip-tag": {
+    borderRadius: "0.125rem",
+    background: "#e0f2fe",
+    padding: "0.05rem 0.2rem",
+    fontSize: "9px",
+    lineHeight: "1",
+    color: "#0284c7"
+  },
+  ".cm-step-chip-invalid .cm-step-chip-tag": {
+    background: "#fef3c7",
+    color: "#b45309"
+  },
+  ".cm-step-chip-dangling .cm-step-chip-tag": {
+    background: "#fee2e2",
+    color: "#b91c1c"
+  },
+  ".cm-step-chip-label": {
+    fontSize: "0.75rem",
+    lineHeight: "1.1"
+  }
+});
+export function stepChips() {
+  return [chipPlugin, chipTheme];
+}

package/dist/runtime/components/ui/expression-editor/step-refs.d.ts

@@ -0,0 +1,17 @@
+import { type StepRef } from '../../../utils/cel-context.js';
+export type StepRefOccurrence = {
+    from: number;
+    to: number;
+    id: string;
+};
+export declare function scanStepRefs(text: string): StepRefOccurrence[];
+/** What the chip renders for one known step — its position label + validity. */
+export type StepChipInfo = {
+    label: string;
+    /**
+     * False when the step sits at or after the referencing row (a forward ref
+     * created by reorder) — chipped as a warning, not as dangling.
+     */
+    valid: boolean;
+};
+export declare function buildStepLookup(roster: ReadonlyArray<StepRef>): Map<string, StepChipInfo>;

package/dist/runtime/components/ui/expression-editor/step-refs.js

@@ -0,0 +1,29 @@
+import { STEPS_VAR } from "../../../utils/cel-context.js";
+const STEP_REF_RE = new RegExp(
+  `(?<![\\w$.])${STEPS_VAR}\\[("(?:[^"\\\\]|\\\\.)*")\\]`,
+  "g"
+);
+export function scanStepRefs(text) {
+  const out = [];
+  STEP_REF_RE.lastIndex = 0;
+  let match;
+  while ((match = STEP_REF_RE.exec(text)) !== null) {
+    let id;
+    try {
+      id = JSON.parse(match[1]);
+    } catch {
+      continue;
+    }
+    out.push({
+      from: match.index,
+      to: match.index + match[0].length,
+      id
+    });
+  }
+  return out;
+}
+export function buildStepLookup(roster) {
+  const lookup = /* @__PURE__ */ new Map();
+  for (const step of roster) lookup.set(step.id, { label: step.label, valid: step.valid });
+  return lookup;
+}

package/dist/runtime/share/event-bus.d.ts

@@ -1,6 +1,31 @@
 import { Effect, Schema } from 'effect';
 import type { InjectionKey, Ref } from 'vue';
 import type { CelEvaluator } from './interpolate.js';
+/**
+ * One trigger row's window onto its chain run — the channel through which a
+ * later step reads what earlier steps published (the CEL `steps` variable) and
+ * a publishing operation (e.g. the HTTP request op) deposits its own output.
+ *
+ * Scoped to ONE `dispatchTriggers` run: the outputs map is minted per run, so
+ * two clicks of the same button never see each other's responses. Sequential
+ * execution (triggers run serially, in list order) is what makes a plain
+ * mutable map safe here — unlike the reactive selections registry there is no
+ * concurrent reader to notify, so no shallowRef/dedup machinery.
+ */
+export type ChainStep = Readonly<{
+    /**
+     * Outputs published by the steps that already ran in this chain, keyed by
+     * their trigger-row `id`. A thunk (not a snapshot) so a handler that defers
+     * evaluation still reads the map as of its own turn.
+     */
+    outputs: () => Readonly<Record<string, unknown>>;
+    /**
+     * Publish this step's output for later steps to read. A no-op when the
+     * trigger row carries no persisted `id` (a legacy row) — there is then no
+     * address a later expression could reference it by.
+     */
+    publish: (output: unknown) => void;
+}>;
 /** A descendant button asking an ancestor instance to run an operation. */
 export type OpRequest = Readonly<{
     /** Instance id of the ancestor that should handle this request. */
@@ -25,6 +50,12 @@ export type OpRequest = Readonly<{
      * its host's own evaluator.
      */
     cel?: CelEvaluator;
+    /**
+     * This request's window onto its chain run — read earlier steps' outputs,
+     * publish your own. Stamped by `dispatchTriggers`; absent when the request
+     * was dispatched outside a trigger chain.
+     */
+    step?: ChainStep;
 }>;
 /**
  * The persisted form of a trigger — one stored row addressing an ancestor
@@ -32,6 +63,7 @@ export type OpRequest = Readonly<{
  * `OpRequest`.
  */
 export declare const Trigger: Schema.Struct<{
+    id: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     target: Schema.refine<string, typeof Schema.String>;
     operation: Schema.SchemaClass<string, string, never>;
     compatibilityDate: Schema.optional<Schema.SchemaClass<string, string, never>>;
@@ -45,6 +77,7 @@ export declare const Trigger: Schema.Struct<{
  * fire, is decided by the button type. List order is execution order.
  */
 export declare const Triggers: Schema.Array$<Schema.Struct<{
+    id: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     target: Schema.refine<string, typeof Schema.String>;
     operation: Schema.SchemaClass<string, string, never>;
     compatibilityDate: Schema.optional<Schema.SchemaClass<string, string, never>>;
@@ -91,7 +124,7 @@ export type EventChannel = Readonly<{
  * pre-request trigger list, so validation is explicit and configured rather
  * than an implicit host gate.
  */
-export type OperationHandlers = Readonly<Record<string, (params?: unknown, cel?: CelEvaluator) => Effect.Effect<void>>>;
+export type OperationHandlers = Readonly<Record<string, (params?: unknown, cel?: CelEvaluator, step?: ChainStep) => Effect.Effect<void>>>;
 export declare const EVENT_CHANNEL_KEY: InjectionKey<EventChannel>;
 /**
  * Build a channel node for an operation-exposing instance. `dispatch` runs