@shwfed/config 2.12.1 → 2.12.2

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-multi/config.vue.d.ts

@@ -45,11 +45,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
-        readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
+        readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -104,11 +104,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
-        readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
+        readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/config.d.vue.ts

@@ -45,10 +45,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -103,10 +103,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/config.vue.d.ts

@@ -45,10 +45,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -103,10 +103,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/schema.d.ts

@@ -157,6 +157,40 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             readonly message: string;
         }[]] | undefined;
     }[];
+    readonly query?: {
+        readonly style?: string | undefined;
+        readonly id?: string | undefined;
+        readonly initial?: {
+            readonly data: string;
+            readonly request?: string | undefined;
+        } | undefined;
+        readonly displayName?: string | undefined;
+        readonly kind: "shwfed.component.form";
+        readonly fields: readonly any[];
+        readonly layouts: readonly {
+            readonly name: string;
+            readonly layout: {
+                readonly style?: string | undefined;
+                readonly columns: number;
+                readonly gap?: number | undefined;
+                readonly rows?: number | undefined;
+                readonly placements: {
+                    readonly [x: string]: {
+                        readonly area: readonly [readonly [number, number], readonly [number, number]];
+                        readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                        readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                    };
+                };
+            };
+            readonly media?: string | undefined;
+        }[];
+        readonly readonly?: string | undefined;
+    } | undefined;
+    readonly dataSource?: {
+        readonly data: string;
+        readonly total?: string | undefined;
+        readonly request?: string | undefined;
+    } | undefined;
     readonly actions?: {
         readonly size: "default" | "sm" | "xs";
         readonly style?: string | undefined;
@@ -224,40 +258,6 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
         }[];
     } | undefined;
-    readonly query?: {
-        readonly style?: string | undefined;
-        readonly id?: string | undefined;
-        readonly initial?: {
-            readonly data: string;
-            readonly request?: string | undefined;
-        } | undefined;
-        readonly displayName?: string | undefined;
-        readonly kind: "shwfed.component.form";
-        readonly fields: readonly any[];
-        readonly layouts: readonly {
-            readonly name: string;
-            readonly layout: {
-                readonly style?: string | undefined;
-                readonly columns: number;
-                readonly gap?: number | undefined;
-                readonly rows?: number | undefined;
-                readonly placements: {
-                    readonly [x: string]: {
-                        readonly area: readonly [readonly [number, number], readonly [number, number]];
-                        readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                        readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                    };
-                };
-            };
-            readonly media?: string | undefined;
-        }[];
-        readonly readonly?: string | undefined;
-    } | undefined;
-    readonly dataSource?: {
-        readonly data: string;
-        readonly total?: string | undefined;
-        readonly request?: string | undefined;
-    } | undefined;
     readonly bottomActions?: {
         readonly size: "default" | "sm" | "xs";
         readonly style?: string | undefined;
@@ -826,6 +826,40 @@ export declare function createTableConfig(body: Omit<Schema.Schema.Type<ReturnTy
             readonly message: string;
         }[]] | undefined;
     }[];
+    query?: {
+        readonly style?: string | undefined;
+        readonly id?: string | undefined;
+        readonly initial?: {
+            readonly data: string;
+            readonly request?: string | undefined;
+        } | undefined;
+        readonly displayName?: string | undefined;
+        readonly kind: "shwfed.component.form";
+        readonly fields: readonly any[];
+        readonly layouts: readonly {
+            readonly name: string;
+            readonly layout: {
+                readonly style?: string | undefined;
+                readonly columns: number;
+                readonly gap?: number | undefined;
+                readonly rows?: number | undefined;
+                readonly placements: {
+                    readonly [x: string]: {
+                        readonly area: readonly [readonly [number, number], readonly [number, number]];
+                        readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                        readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                    };
+                };
+            };
+            readonly media?: string | undefined;
+        }[];
+        readonly readonly?: string | undefined;
+    } | undefined;
+    dataSource?: {
+        readonly data: string;
+        readonly total?: string | undefined;
+        readonly request?: string | undefined;
+    } | undefined;
     actions?: {
         readonly size: "default" | "sm" | "xs";
         readonly style?: string | undefined;
@@ -893,40 +927,6 @@ export declare function createTableConfig(body: Omit<Schema.Schema.Type<ReturnTy
             readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
         }[];
     } | undefined;
-    query?: {
-        readonly style?: string | undefined;
-        readonly id?: string | undefined;
-        readonly initial?: {
-            readonly data: string;
-            readonly request?: string | undefined;
-        } | undefined;
-        readonly displayName?: string | undefined;
-        readonly kind: "shwfed.component.form";
-        readonly fields: readonly any[];
-        readonly layouts: readonly {
-            readonly name: string;
-            readonly layout: {
-                readonly style?: string | undefined;
-                readonly columns: number;
-                readonly gap?: number | undefined;
-                readonly rows?: number | undefined;
-                readonly placements: {
-                    readonly [x: string]: {
-                        readonly area: readonly [readonly [number, number], readonly [number, number]];
-                        readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                        readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                    };
-                };
-            };
-            readonly media?: string | undefined;
-        }[];
-        readonly readonly?: string | undefined;
-    } | undefined;
-    dataSource?: {
-        readonly data: string;
-        readonly total?: string | undefined;
-        readonly request?: string | undefined;
-    } | undefined;
     bottomActions?: {
         readonly size: "default" | "sm" | "xs";
         readonly style?: string | undefined;

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

@@ -9,6 +9,7 @@ type __VLS_Props = {
     placeholder?: string;
     scopeLookup: Map<string, ScopeInfo>;
     selectionLookup: Map<string, string>;
+    optionLookup: Map<string, string>;
     stepLookup: Map<string, StepChipInfo>;
 };
 declare function insertAtSelection(text: string): void;

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

@@ -6,6 +6,7 @@ import { onBeforeUnmount, onMounted, useTemplateRef, watch } from "vue";
 import { cn } from "../../../utils/cn";
 import { celHighlighting } from "./cel-language";
 import { scopeChips, scopeLookupFacet } from "./chip-extension";
+import { optionChips, optionLookupFacet } from "./option-chip-extension";
 import { selectionChips, selectionLookupFacet } from "./selection-chip-extension";
 import { stepChips, stepLookupFacet } from "./step-chip-extension";
 defineOptions({ name: "UiCodeMirrorInput" });
@@ -17,6 +18,7 @@ const props = defineProps({
   placeholder: { type: String, required: false },
   scopeLookup: { type: Map, required: true },
   selectionLookup: { type: Map, required: true },
+  optionLookup: { type: Map, required: true },
   stepLookup: { type: Map, required: true }
 });
 const emits = defineEmits(["update:modelValue"]);
@@ -24,6 +26,7 @@ const host = useTemplateRef("host");
 let view = null;
 const lookupCompartment = new Compartment();
 const selectionLookupCompartment = new Compartment();
+const optionLookupCompartment = new Compartment();
 const stepLookupCompartment = new Compartment();
 const modeCompartment = new Compartment();
 let applyingExternal = false;
@@ -80,6 +83,7 @@ function makeState(doc) {
       cmPlaceholder(props.placeholder ?? ""),
       lookupCompartment.of(scopeLookupFacet.of(props.scopeLookup)),
       selectionLookupCompartment.of(selectionLookupFacet.of(props.selectionLookup)),
+      optionLookupCompartment.of(optionLookupFacet.of(props.optionLookup)),
       stepLookupCompartment.of(stepLookupFacet.of(props.stepLookup)),
       modeCompartment.of(modeExtension(!!props.multiline)),
       editorTheme,
@@ -89,6 +93,7 @@ function makeState(doc) {
       celHighlighting(),
       scopeChips(),
       selectionChips(),
+      optionChips(),
       stepChips(),
       EditorView.contentAttributes.of({ "aria-label": props.placeholder ?? "Expression" }),
       EditorView.updateListener.of((update) => {
@@ -123,6 +128,9 @@ watch(() => props.scopeLookup, (lookup) => {
 watch(() => props.selectionLookup, (lookup) => {
   view?.dispatch({ effects: selectionLookupCompartment.reconfigure(selectionLookupFacet.of(lookup)) });
 });
+watch(() => props.optionLookup, (lookup) => {
+  view?.dispatch({ effects: optionLookupCompartment.reconfigure(optionLookupFacet.of(lookup)) });
+});
 watch(() => props.stepLookup, (lookup) => {
   view?.dispatch({ effects: stepLookupCompartment.reconfigure(stepLookupFacet.of(lookup)) });
 });

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

@@ -9,6 +9,7 @@ type __VLS_Props = {
     placeholder?: string;
     scopeLookup: Map<string, ScopeInfo>;
     selectionLookup: Map<string, string>;
+    optionLookup: Map<string, string>;
     stepLookup: Map<string, StepChipInfo>;
 };
 declare function insertAtSelection(text: string): void;

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

@@ -13,12 +13,13 @@ type __VLS_Props = {
     resultType?: string | string[];
     extraVars?: Record<string, VarSpec>;
     unlistedVarsAreDyn?: boolean;
+    excludeVars?: string[];
 };
-declare var __VLS_13: {}, __VLS_171: {};
+declare var __VLS_13: {}, __VLS_192: {};
 type __VLS_Slots = {} & {
     leading?: (props: typeof __VLS_13) => any;
 } & {
-    trailing?: (props: typeof __VLS_171) => any;
+    trailing?: (props: typeof __VLS_192) => 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,13 +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, useStepRoster } from "../../../utils/cel-context";
+import { OPTIONS_VAR, SELECTIONS_VAR, 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 { buildStepLookup } from "./step-refs";
-import { buildScopeEntries, buildSelectionEntries, buildStepEntries, buildVarEntries, selectShadowedScopes } from "./picker-entries";
+import { buildOptionEntries, buildScopeEntries, buildSelectionEntries, buildStepEntries, buildVarEntries, selectShadowedScopes } 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";
@@ -21,24 +21,41 @@ const props = defineProps({
   placeholder: { type: String, required: false },
   resultType: { type: [String, Array], required: false },
   extraVars: { type: Object, required: false },
-  unlistedVarsAreDyn: { type: Boolean, required: false }
+  unlistedVarsAreDyn: { type: Boolean, required: false },
+  excludeVars: { type: Array, required: false }
 });
 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 excludedVars = computed(() => new Set(props.excludeVars ?? []));
+const varEntries = computed(
+  () => buildVarEntries(celContext, props.extraVars).filter((e) => !excludedVars.value.has(e.id))
+);
 const scopeEntries = computed(() => buildScopeEntries(selectShadowedScopes(scopeAncestry.value)));
-const selectionEntries = computed(() => buildSelectionEntries(selectionRoster.value));
+const selectionEntries = computed(
+  () => excludedVars.value.has(SELECTIONS_VAR) ? [] : buildSelectionEntries(selectionRoster.value)
+);
+const optionEntries = computed(
+  () => excludedVars.value.has(OPTIONS_VAR) ? [] : buildOptionEntries(selectionRoster.value)
+);
 const stepEntries = computed(() => buildStepEntries(stepRoster.value));
 const scopeLookup = computed(() => buildScopeLookup(scopeAncestry.value));
-const selectionLookup = computed(() => buildSelectionLookup(selectionRoster.value));
+const selectionLookup = computed(
+  () => excludedVars.value.has(SELECTIONS_VAR) ? /* @__PURE__ */ new Map() : buildSelectionLookup(selectionRoster.value)
+);
+const optionLookup = computed(
+  () => excludedVars.value.has(OPTIONS_VAR) ? /* @__PURE__ */ new Map() : buildSelectionLookup(selectionRoster.value)
+);
 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 hasVars = computed(() => varEntries.value.length > 0 || scopeEntries.value.length > 0 || selectionEntries.value.length > 0 || optionEntries.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);
+  for (const [name, entry] of Object.entries(celContext)) {
+    if (excludedVars.value.has(name)) continue;
+    vars.set(name, entry.type);
+  }
   for (const [name, spec] of Object.entries(props.extraVars ?? {})) vars.set(name, spec.type);
   return buildCheckEnvironment(
     [...vars].map(([name, type]) => ({ name, type })),
@@ -55,6 +72,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 shownOptions = computed(() => entries.value.filter((e) => e.group === "option"));
 const shownSteps = computed(() => entries.value.filter((e) => e.group === "step"));
 const hoveredName = ref(null);
 const editorRef = useTemplateRef("editor");
@@ -64,7 +82,7 @@ function insertVariable(text) {
 }
 watch(open, (v) => {
   if (v) {
-    entries.value = [...varEntries.value, ...selectionEntries.value, ...stepEntries.value, ...scopeEntries.value];
+    entries.value = [...varEntries.value, ...selectionEntries.value, ...optionEntries.value, ...stepEntries.value, ...scopeEntries.value];
     hoveredName.value = entries.value[0]?.id ?? null;
   }
 });
@@ -102,6 +120,7 @@ const addonAlign = computed(
         :multiline="props.multiline"
         :scope-lookup="scopeLookup"
         :selection-lookup="selectionLookup"
+        :option-lookup="optionLookup"
         :step-lookup="stepLookup"
         :class="props.class"
         @update:model-value="(v) => emits('update:modelValue', v)"
@@ -176,6 +195,29 @@ const addonAlign = computed(
                     </span>
                   </CommandItem>
                 </CommandGroup>
+                <CommandGroup
+                  v-if="shownOptions.length > 0"
+                  heading="全部选项"
+                >
+                  <CommandItem
+                    v-for="entry in shownOptions"
+                    :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:list-20-regular"
+                      class="size-3.5 shrink-0 text-amber-500"
+                    />
+                    <span class="flex-1 truncate text-xs text-zinc-700">{{ entry.display }}</span>
+                    <span class="rounded bg-amber-100 px-1.5 py-0.5 font-mono text-[10px] leading-none text-amber-700 select-none">
+                      {{ entry.type }}
+                    </span>
+                  </CommandItem>
+                </CommandGroup>
                 <CommandGroup
                   v-if="shownSteps.length > 0"
                   heading="前序步骤"

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

@@ -13,12 +13,13 @@ type __VLS_Props = {
     resultType?: string | string[];
     extraVars?: Record<string, VarSpec>;
     unlistedVarsAreDyn?: boolean;
+    excludeVars?: string[];
 };
-declare var __VLS_13: {}, __VLS_171: {};
+declare var __VLS_13: {}, __VLS_192: {};
 type __VLS_Slots = {} & {
     leading?: (props: typeof __VLS_13) => any;
 } & {
-    trailing?: (props: typeof __VLS_171) => any;
+    trailing?: (props: typeof __VLS_192) => 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/option-chip-extension.d.ts

@@ -0,0 +1,4 @@
+import { type Extension, Facet } from '@codemirror/state';
+export declare const optionLookupFacet: Facet<Map<string, string>, Map<string, string>>;
+/** The full option inline-chip extension: decoration plugin + theme. */
+export declare function optionChips(): Extension;

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

@@ -0,0 +1,119 @@
+import { Facet, RangeSetBuilder } from "@codemirror/state";
+import {
+  Decoration,
+  EditorView,
+  ViewPlugin,
+  WidgetType
+} from "@codemirror/view";
+import { scanOptionRefs } from "./option-refs.js";
+export const optionLookupFacet = Facet.define({
+  combine: (values) => values.length > 0 ? values[values.length - 1] : /* @__PURE__ */ new Map()
+});
+class OptionChipWidget extends WidgetType {
+  constructor(id, name) {
+    super();
+    this.id = id;
+    this.name = name;
+  }
+  eq(other) {
+    return other.id === this.id && other.name === this.name;
+  }
+  toDOM() {
+    const chip = document.createElement("span");
+    chip.className = "cm-option-chip";
+    chip.setAttribute("data-option-id", this.id);
+    const tag = document.createElement("span");
+    tag.className = "cm-option-chip-tag";
+    tag.textContent = "\u5168\u90E8\u9009\u9879";
+    chip.appendChild(tag);
+    const text = document.createElement("span");
+    text.className = "cm-option-chip-label";
+    if (this.name !== null) {
+      text.textContent = this.name;
+      chip.title = `\u5168\u90E8\u9009\u9879 \xB7 ${this.name}`;
+    } else {
+      chip.classList.add("cm-option-chip-dangling");
+      const short = this.id.length > 8 ? `${this.id.slice(0, 8)}\u2026` : this.id;
+      text.textContent = short;
+      chip.title = `\u672A\u77E5\u5B57\u6BB5 ${this.id}`;
+    }
+    chip.appendChild(text);
+    return chip;
+  }
+  ignoreEvent() {
+    return false;
+  }
+}
+function buildChips(view) {
+  const lookup = view.state.facet(optionLookupFacet);
+  const builder = new RangeSetBuilder();
+  for (const ref of scanOptionRefs(view.state.doc.toString())) {
+    const name = lookup.get(ref.id) ?? null;
+    builder.add(
+      ref.from,
+      ref.to,
+      Decoration.replace({ widget: new OptionChipWidget(ref.id, name) })
+    );
+  }
+  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(optionLookupFacet) !== update.state.facet(optionLookupFacet)) {
+        this.decorations = buildChips(update.view);
+      }
+    }
+  },
+  {
+    decorations: (plugin) => plugin.decorations,
+    // Atomic so the caret steps over a chip and Backspace removes the whole
+    // `options["id"]` at once — matching the selection chip's delete-as-unit feel.
+    provide: (plugin) => EditorView.atomicRanges.of((view) => view.plugin(plugin)?.decorations ?? Decoration.none)
+  }
+);
+const chipTheme = EditorView.theme({
+  ".cm-option-chip": {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "0.25rem",
+    margin: "0 1px",
+    padding: "0.125rem 0.25rem",
+    borderRadius: "0.25rem",
+    background: "#fffbeb",
+    border: "1px solid #fde68a",
+    color: "#b45309",
+    fontFamily: "ui-sans-serif, system-ui, sans-serif",
+    verticalAlign: "baseline",
+    cursor: "default",
+    whiteSpace: "nowrap"
+  },
+  ".cm-option-chip-dangling": {
+    background: "#fef2f2",
+    borderColor: "#fecaca",
+    color: "#b91c1c"
+  },
+  ".cm-option-chip-tag": {
+    borderRadius: "0.125rem",
+    background: "#fef3c7",
+    padding: "0.05rem 0.2rem",
+    fontSize: "9px",
+    lineHeight: "1",
+    color: "#d97706"
+  },
+  ".cm-option-chip-dangling .cm-option-chip-tag": {
+    background: "#fee2e2",
+    color: "#b91c1c"
+  },
+  ".cm-option-chip-label": {
+    fontSize: "0.75rem",
+    lineHeight: "1.1"
+  }
+});
+export function optionChips() {
+  return [chipPlugin, chipTheme];
+}

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

@@ -0,0 +1,6 @@
+export type OptionRef = {
+    from: number;
+    to: number;
+    id: string;
+};
+export declare function scanOptionRefs(text: string): OptionRef[];

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

@@ -0,0 +1,24 @@
+import { OPTIONS_VAR } from "../../../utils/cel-context.js";
+const OPTION_REF_RE = new RegExp(
+  `(?<![\\w$.])${OPTIONS_VAR}\\[\\??("(?:[^"\\\\]|\\\\.)*")\\]`,
+  "g"
+);
+export function scanOptionRefs(text) {
+  const out = [];
+  OPTION_REF_RE.lastIndex = 0;
+  let match;
+  while ((match = OPTION_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;
+}

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

@@ -1,7 +1,7 @@
 import { type ScopeAncestor, type SelectionFieldRef, type StepRef } from '../../../utils/cel-context.js';
 export type PickEntry = {
     id: string;
-    group: 'var' | 'scope' | 'selection' | 'step';
+    group: 'var' | 'scope' | 'selection' | 'option' | 'step';
     insert: string;
     display: string;
     label: string;
@@ -15,6 +15,7 @@ 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 buildOptionEntries(roster: ReadonlyArray<SelectionFieldRef>): PickEntry[];
 export declare function buildStepEntries(roster: ReadonlyArray<StepRef>): PickEntry[];
 export declare function selectShadowedScopes(ancestry: ReadonlyArray<ScopeAncestor>): ScopeAncestor[];
 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, STEPS_VAR } from "../../../utils/cel-context.js";
+import { OPTIONS_VAR, 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, STEPS_VAR]);
+const SUPPRESSED_VARS = /* @__PURE__ */ new Set([SCOPE_ADDRESS_VAR, SELECTIONS_VAR, OPTIONS_VAR, STEPS_VAR]);
 export function buildVarEntries(celContext, extraVars) {
   const out = [];
   const seen = /* @__PURE__ */ new Set();
@@ -25,6 +25,16 @@ export function buildSelectionEntries(roster) {
     type: "dyn"
   }));
 }
+export function buildOptionEntries(roster) {
+  return roster.map((field) => ({
+    id: `option:${field.id}`,
+    group: "option",
+    insert: `${OPTIONS_VAR}[?${JSON.stringify(field.id)}]`,
+    display: field.name,
+    label: "\u5168\u90E8\u9009\u9879",
+    type: "dyn"
+  }));
+}
 export function buildStepEntries(roster) {
   return roster.filter((step) => step.valid).map((step) => ({
     id: `step:${step.id}`,