@shwfed/config 2.12.14 → 2.12.16

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/config.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { computed, defineComponent, inject, onBeforeUnmount, provide, ref, watch } from "vue";
-import { celBindings, injectCELContext, provideCELContext, provideScopeAncestor, provideSelectionRoster, SELECTIONS_VAR } from "../../utils/cel-context";
+import { celBindings, injectCELContext, provideCELContext, provideRowUnreachableScope, provideScopeAncestor, provideSelectionRoster, SELECTIONS_VAR } from "../../utils/cel-context";
 import { BREADCRUMB_EXTENSION_KEY } from "../config/breadcrumb-extension";
 import { TABLE_COLUMN_LAYOUT_KEY } from "./column-layout";
 import { Icon } from "@iconify/vue";
@@ -152,6 +152,7 @@ const TableActionsCELContext = defineComponent({
         value: []
       }
     });
+    provideRowUnreachableScope();
     return () => slots.default?.();
   }
 });
@@ -305,14 +306,19 @@ const tableScopeAncestor = computed(() => {
     typeIcon: tableMetadata.icon,
     members: [
       { key: "row", label: "\u5F53\u524D\u884C", type: "dyn", description: "\u8BE5\u8868\u683C\u5F53\u524D\u884C\u7684\u6574\u884C\u6570\u636E" },
-      { key: "index", label: "\u884C\u5E8F\u53F7", type: "number", description: "\u8BE5\u8868\u683C\u5F53\u524D\u884C\u7684\u5E8F\u53F7\uFF0C\u4ECE `0` \u5F00\u59CB" }
+      { key: "index", label: "\u884C\u5E8F\u53F7", type: "number", description: "\u8BE5\u8868\u683C\u5F53\u524D\u884C\u7684\u5E8F\u53F7\uFF0C\u4ECE `0` \u5F00\u59CB" },
+      // Registered at the table HOST frame (index.vue), so it is reachable from
+      // table-level actions (top toolbar / bottom bar) — where the relative
+      // `selected` is shadowed by an inner table — as well as from cells.
+      { key: "selected", label: "\u5DF2\u9009\u884C", type: "list<dyn>", description: "\u8BE5\u8868\u683C\u5F53\u524D\u52FE\u9009\u7684\u6240\u6709\u884C" }
     ],
     // Each row-provider rebinds the relative `selections` to its own per-row
     // registry (see row-provider.vue), so a table row shadows an enclosing
     // form's selection options even though the table exposes no `selections`
     // member of its own — list it here so that form's options stay offerable to
-    // a cell expression inside this table.
-    shadows: ["row", "index", SELECTIONS_VAR]
+    // a cell expression inside this table. `selected` likewise: the table host
+    // rebinds it, shadowing an enclosing table's selection for everything below.
+    shadows: ["row", "index", "selected", SELECTIONS_VAR]
   };
 });
 provideScopeAncestor(tableScopeAncestor);

package/dist/runtime/components/table/index.vue

@@ -17,7 +17,7 @@ import { Pagination, ScrollArea } from "reka-ui/namespaced";
 import { computed, h, onMounted, ref, toRaw, watch } from "vue";
 import { asRequest, fetchJsonOption } from "../../share/request";
 import { useI18n } from "vue-i18n";
-import { celBindings, celScope, provideCELContext, injectCELContext } from "../../utils/cel-context";
+import { celBindings, celScope, provideCELContext, injectCELContext, provideScopeAddress } from "../../utils/cel-context";
 import TableRowProvider from "./row-provider.vue";
 import * as addRowOp from "../operations/2026-07-06/com.shwfed.operation.table.add-row/schema";
 import { getLocalizedText } from "../../share/locale";
@@ -353,6 +353,11 @@ provideCELContext({
     }
   }
 });
+if (config.value?.id) {
+  provideScopeAddress(config.value.id, {
+    selected: () => tableApi.getSelectedRowModel().rows.map((r) => r.original)
+  });
+}
 provideSharedFetchLayer();
 const hasDragHandleColumn = computed(() => (config.value?.columns ?? []).some((c) => c.type === DRAG_HANDLE_COLUMN_TYPE));
 const reorderDisabledReason = computed(() => {

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

@@ -158,40 +158,6 @@ 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;
@@ -259,6 +225,40 @@ 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;
@@ -827,40 +827,6 @@ 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;
@@ -928,6 +894,40 @@ 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/ExpressionEditor.vue

@@ -1,11 +1,12 @@
 <script setup>
 import { Icon } from "@iconify/vue";
-import { computed, ref, useSlots, useTemplateRef, watch } from "vue";
+import { computed, onScopeDispose, ref, useSlots, useTemplateRef, watch } from "vue";
 import { buildCheckEnvironment, evaluateExpression } from "../../../share/expression";
 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 { buildScopeLookup, scanScopeRefs } from "./scope-refs";
+import { useExpressionValidity } from "./validity";
 import { buildSelectionLookup } from "./selection-refs";
 import { buildStepLookup } from "./step-refs";
 import { buildOptionEntries, buildScopeEntries, buildSelectionEntries, buildStepEntries, buildVarEntries, selectShadowedScopes } from "./picker-entries";
@@ -62,11 +63,28 @@ const checkEnvironment = computed(() => {
     { unlistedVariablesAreDyn: props.unlistedVarsAreDyn }
   );
 });
+const danglingScopeError = computed(() => {
+  const value = props.modelValue ?? props.defaultValue ?? "";
+  if (value.trim() === "") return null;
+  const lookup = scopeLookup.value;
+  for (const ref2 of scanScopeRefs(value)) {
+    const info = lookup.get(ref2.id);
+    if (!info || !info.members.has(ref2.member)) {
+      return "\u8868\u8FBE\u5F0F\u5F15\u7528\u4E86\u65E0\u6548\u7684\u8DE8\u5C42\u4F5C\u7528\u57DF\uFF08\u6765\u6E90\u5DF2\u4E0D\u5728\u53EF\u5BFB\u5740\u7684\u4E0A\u5C42\u4F5C\u7528\u57DF\u4E2D\uFF09";
+    }
+  }
+  return null;
+});
 const validationError = computed(() => {
   const value = props.modelValue ?? props.defaultValue ?? "";
   if (value.trim() === "") return null;
-  return evaluateExpression(checkEnvironment.value, value, props.resultType);
+  return danglingScopeError.value ?? evaluateExpression(checkEnvironment.value, value, props.resultType);
 });
+const validityRegistry = useExpressionValidity();
+if (validityRegistry) {
+  const unregister = validityRegistry.register(() => danglingScopeError.value === null);
+  onScopeDispose(unregister);
+}
 const open = ref(false);
 const entries = ref([]);
 const shownVars = computed(() => entries.value.filter((e) => e.group === "var"));

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

@@ -1 +1,2 @@
 export { default as ExpressionEditor } from './ExpressionEditor.vue.js';
+export { createExpressionValidityRegistry, provideExpressionValidity, useExpressionValidity, type ExpressionValidityRegistry, } from './validity.js';

package/dist/runtime/components/ui/expression-editor/index.js

@@ -1 +1,6 @@
 export { default as ExpressionEditor } from "./ExpressionEditor.vue";
+export {
+  createExpressionValidityRegistry,
+  provideExpressionValidity,
+  useExpressionValidity
+} from "./validity.js";

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

@@ -0,0 +1,12 @@
+export type ExpressionValidityRegistry = {
+    /**
+     * Register a mounted editor's validity thunk (`true` ⇒ no ancestry error).
+     * Returns an unregister fn to call from `onScopeDispose`.
+     */
+    register: (isValid: () => boolean) => () => void;
+    /** `true` when every currently-registered editor reports valid. */
+    allValid: () => boolean;
+};
+export declare function createExpressionValidityRegistry(): ExpressionValidityRegistry;
+export declare function provideExpressionValidity(registry: ExpressionValidityRegistry): void;
+export declare function useExpressionValidity(): ExpressionValidityRegistry | undefined;

package/dist/runtime/components/ui/expression-editor/validity.js

@@ -0,0 +1,27 @@
+import { getCurrentInstance, inject, provide } from "vue";
+const KEY = Symbol("shwfed-expression-validity");
+export function createExpressionValidityRegistry() {
+  const entries = /* @__PURE__ */ new Map();
+  return {
+    register(isValid) {
+      const token = Symbol("expr");
+      entries.set(token, isValid);
+      return () => {
+        entries.delete(token);
+      };
+    },
+    allValid() {
+      for (const isValid of entries.values()) {
+        if (!isValid()) return false;
+      }
+      return true;
+    }
+  };
+}
+export function provideExpressionValidity(registry) {
+  if (!getCurrentInstance()) return;
+  provide(KEY, registry);
+}
+export function useExpressionValidity() {
+  return inject(KEY, void 0);
+}

package/dist/runtime/share/layout.js

@@ -59,7 +59,7 @@ function configureMedia(configure) {
   return (env) => {
     env.registerFunction(
       "media(string): bool",
-      (_self, q) => typeof window !== "undefined" && window.matchMedia(q).matches,
+      (q) => typeof window !== "undefined" && window.matchMedia(q).matches,
       { description: "\u5339\u914D CSS \u5A92\u4F53\u67E5\u8BE2\uFF0C\u7B49\u4EF7\u4E8E `window.matchMedia(q).matches`\uFF1BSSR \u4E0A\u4E0B\u6587\u8FD4\u56DE `false`" }
     );
     configure(env);
@@ -76,7 +76,7 @@ export function LayoutSet(configure) {
       resultType: "bool"
     }).annotations({
       title: "\u5339\u914D\u6761\u4EF6",
-      description: "\u8FD4\u56DE `bool` \u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u6302\u8F7D\u65F6\u4E00\u6B21\u6027\u6C42\u503C\uFF1B\u7A7A\u8868\u793A\u65E0\u6761\u4EF6\u5339\u914D\u3002\u53EF\u7528 `media('(min-width: 1024px)')` \u5305\u88C5 CSS \u5A92\u4F53\u67E5\u8BE2\u3002"
+      description: "\u8FD4\u56DE `bool` \u7684 CEL \u8868\u8FBE\u5F0F\uFF1B\u968F\u89C6\u53E3\u53D8\u5316\u4E0E\u6240\u5F15\u7528\u7684\u54CD\u5E94\u5F0F\u6570\u636E\u81EA\u52A8\u91CD\u65B0\u6C42\u503C\uFF0C\u7A7A\u8868\u793A\u65E0\u6761\u4EF6\u5339\u914D\u3002\u53EF\u7528 `media('(min-width: 1024px)')` \u5305\u88C5 CSS \u5A92\u4F53\u67E5\u8BE2\u3002"
     })),
     layout: Layout
   }).annotations({

package/dist/runtime/share/slot-renderer.vue

@@ -4,6 +4,7 @@ import { computed } from "vue";
 import { cel as _rawCel } from "../utils/cel";
 import { celBindings, injectCELContext } from "../utils/cel-context";
 import { DEFAULT_GAP } from "./layout";
+import { useViewportRevision } from "./viewport";
 defineOptions({ name: "ShwfedSlotRenderer" });
 const props = defineProps({
   slotValue: { type: Object, required: true },
@@ -25,7 +26,11 @@ function pickLayout(sets) {
   }
   return sets[sets.length - 1];
 }
-const activeLayout = computed(() => pickLayout(props.slotValue.layouts));
+const viewportRevision = useViewportRevision();
+const activeLayout = computed(() => {
+  void viewportRevision.value;
+  return pickLayout(props.slotValue.layouts);
+});
 const warnedMissing = /* @__PURE__ */ new Set();
 const placedBlocks = computed(() => {
   const layout = activeLayout.value?.layout;

package/dist/runtime/share/viewport.d.ts

@@ -0,0 +1,16 @@
+import type { Ref } from 'vue';
+/**
+ * A reactive counter that increments on any viewport change (resize /
+ * orientation). Read its `.value` inside a `computed` to make that computed
+ * re-evaluate when the viewport changes.
+ *
+ * This is the reactive dependency a `media('…')` CEL query otherwise lacks:
+ * `window.matchMedia(q).matches` is a one-shot, untracked read, so a layout
+ * gated on `media('(max-width: 900px)')` would be frozen at its mount-time
+ * value and never re-select when the window is resized (or DevTools docked).
+ * Touching this ref inside the selection `computed` closes that gap.
+ *
+ * SSR-safe and self-cleaning: `useEventListener` no-ops without a `window` and
+ * detaches automatically when the owning component's effect scope disposes.
+ */
+export declare function useViewportRevision(): Ref<number>;

package/dist/runtime/share/viewport.js

@@ -0,0 +1,11 @@
+import { ref } from "vue";
+import { useEventListener } from "@vueuse/core";
+export function useViewportRevision() {
+  const revision = ref(0);
+  const bump = () => {
+    revision.value++;
+  };
+  useEventListener("resize", bump, { passive: true });
+  useEventListener("orientationchange", bump, { passive: true });
+  return revision;
+}

package/dist/runtime/utils/cel-context.d.ts

@@ -67,6 +67,21 @@ export declare function provideScopeAncestor(ancestor: Ref<ScopeAncestor | null>
  * first. Empty when nothing up the config tree exposes an addressable scope.
  */
 export declare function useScopeAncestry(): Ref<ReadonlyArray<ScopeAncestor>>;
+/**
+ * Re-provide the inherited scope ancestry with the NEAREST frame's per-row
+ * members (`row` / `index`) dropped — its `selected` (and any other member)
+ * survives. Called by a table-LEVEL action editor (top toolbar / bottom bar):
+ * such an action renders OUTSIDE any row, so at runtime the owning table's
+ * `__scopes__[id]` there carries only `selected` (registered at the table host
+ * frame), never `row`/`index` (registered per row). Everything the action opens
+ * — nested modals and their tables — inherits this downgraded chain, so a
+ * cross-layer picker below never offers the owning table's 当前行 / 行序号, which
+ * would throw `No such key: row` at evaluation. Outer frames are untouched: each
+ * table masks only its own here, and an outer table reached via a genuine row
+ * action keeps its row/index reachable. `shadows` is left intact — this frame
+ * still masks the relative `row`/`index` for descendants at runtime.
+ */
+export declare function provideRowUnreachableScope(): void;
 /** One selection-like field in the editing form, as the picker/chip surfaces it. */
 export type SelectionFieldRef = Readonly<{
     /** Field uuid keyed into `selections["<id>"]` — the registry/publish key. */

package/dist/runtime/utils/cel-context.js

@@ -30,7 +30,8 @@ export function provideScopeAddress(uuid, accessor) {
       // bracket access throws a located `No such key` at the offending uuid.
       value: () => {
         const base = parentScopes ? typeof parentScopes.value === "function" ? parentScopes.value() : parentScopes.value : {};
-        return { ...base, [uuid]: resolveScopeAccessor(accessor) };
+        const prior = base[uuid];
+        return { ...base, [uuid]: { ...prior, ...resolveScopeAccessor(accessor) } };
       }
     }
   });
@@ -49,6 +50,22 @@ export function provideScopeAncestor(ancestor) {
 export function useScopeAncestry() {
   return inject(SCOPE_ANCESTRY_KEY, void 0) ?? shallowRef([]);
 }
+export function provideRowUnreachableScope() {
+  const parent = inject(SCOPE_ANCESTRY_KEY, void 0);
+  provide(
+    SCOPE_ANCESTRY_KEY,
+    computed(() => {
+      const chain = parent?.value ?? [];
+      if (chain.length === 0) return chain;
+      const [nearest, ...rest] = chain;
+      const members = nearest.members.filter((m) => {
+        const shortcut = m.shortcut ?? m.key;
+        return shortcut !== "row" && shortcut !== "index";
+      });
+      return [{ ...nearest, members }, ...rest];
+    })
+  );
+}
 const SELECTION_ROSTER_KEY = Symbol("cel-selection-roster");
 export function provideSelectionRoster(roster) {
   provide(SELECTION_ROSTER_KEY, roster);

package/dist/runtime/utils/cel.js

@@ -22,7 +22,12 @@ function unwrapCelValue(value) {
 const env = new Environment({ unlistedVariablesAreDyn: true });
 env.registerFunction(
   "media(string): bool",
-  (_self, q) => typeof window !== "undefined" && window.matchMedia(q).matches
+  // Global (non-method) function: the evaluator passes the CEL argument as the
+  // first parameter (no receiver/`self` prepended — that shape is method-only,
+  // as in `list<number>.sum()` below). A leading `_self` here would bind the
+  // query string to `_self` and the AST node to `q`, so `matchMedia` would
+  // stringify the AST and never match — the "media always false" bug.
+  (q) => typeof window !== "undefined" && window.matchMedia(q).matches
 );
 env.registerFunction(
   "list<number>.sum(): number",

package/dist/runtime/vendor/cel-js/CLAUDE.md

@@ -85,7 +85,7 @@ Internal-only (not re-exported from `index.js`): `parse`, standalone `evaluate`/
 
 Primitives: `string`, `bool`, `number`, `bytes`, `null_type`, `type`
 Composites: `list<T>`, `map<K, V>`, `optional<T>`, `dyn`, `message`
-Custom: `Date` (backed by `TZDate` from `@date-fns/tz`), `URL` (backed by the native `URL`; method `URL.query(string): optional<string>` reads a search param — `None` when absent, distinguishing it from a present-but-empty value), `File` (native), `FormData` (native — see `form-builtins.ts`), `http` / `HttpRequest` (local addition — see `http-builtins.ts`)
+Custom: `Date` (backed by `TZDate` from `@date-fns/tz`), `URL` (backed by the native `URL`; host-supplied only — no CEL constructor. Reader `URL.query(string): optional<string>` returns the *first* value of a search param — `None` when absent, distinguishing it from a present-but-empty value. Writers return a **copy**, never mutating the receiver (a `URL` is host-injected shared state, unlike a fresh-per-expression `HttpRequestBuilder`): the set/replace `URL.query(string, string | number | optional<string> | optional<number>): URL` collapses repeated entries and on `None` *deletes* the key (the result mirrors the optional's state — deliberately unlike `HttpRequest.query`, whose `None` is a drop/no-op), while `URL.appendQuery(...)` with the same four value overloads appends an entry and no-ops on `None`. Number values render Decimal-exact, like `string(number)`. `string(URL)` is the full `href`.), `File` (native), `FormData` (native — see `form-builtins.ts`), `http` / `HttpRequest` (local addition — see `http-builtins.ts`)
 
 ## Function Signature Format
 

package/dist/runtime/vendor/cel-js/PROMPT.md

@@ -105,6 +105,7 @@ number(d)                  // Date → epoch-millisecond timestamp
 string(42)                 // "42"
 string(true)               // "true"
 string(d)                  // Date → ISO 8601 string
+string(location)           // URL → the full href string
 bool("true")               // true (also accepts "t", "1", "TRUE", "True")
 bool("false")              // false (also accepts "f", "0", "FALSE", "False")
 bytes("text")              // UTF-8 encode to bytes
@@ -310,6 +311,20 @@ location.query("missing").hasValue() // false — absent params are None
 location.query("id").orValue("")     // first value when a param repeats
 ```
 
+`query(name, value)` **sets** a search param and returns a new `URL` — the
+original is never modified. The value may be a `string`, a `number`, or an
+optional of either: `Some(v)` sets the param, `None` **removes** it, so the
+result always mirrors the optional's state. `appendQuery(name, value)` takes
+the same value types but **adds** an entry alongside existing ones (`None`
+appends nothing). Convert the result with `string(...)` when the host expects
+a URL string.
+```cel
+location.query("page", 2)                  // ?page=1        → ?page=2 (replaced)
+location.query("page", q.?page)            // sets ?page= from the field, or removes it when absent
+location.appendQuery("tag", "a")           // ?tag=x         → ?tag=x&tag=a (kept both)
+string(location.query("page", 2))          // "https://…?page=2" — e.g. a navigation target
+```
+
 ## HTTP
 
 Build HTTP requests using the `http` builder. A CEL expression only *describes* a request — it always evaluates to an `HttpRequest`, never issues it. The host decides when and how to send it (downloading a file, reading a JSON response, etc.). There is no way to perform the request or read its response from CEL.

package/dist/runtime/vendor/cel-js/lib/functions.js

@@ -1,6 +1,7 @@
 import { evaluationError } from "./errors.js";
 import { Decimal } from "./decimal.js";
 import { TYPES, Type } from "./registry.js";
+import { Option } from "effect";
 import { register as registerOptional, optionalOf } from "./optional.js";
 import { objKeys, arrayFrom } from "./globals.js";
 import { TZDate } from "@date-fns/tz";
@@ -410,6 +411,33 @@ export function registerFunctions(registry) {
   registry.registerType("File", File);
   registry.registerType("URL", URL);
   functionOverload("URL.query(string): optional<string>", (url, key) => optionalOf(url.searchParams.get(key) ?? void 0));
+  const withSearchParams = (u, write) => {
+    const url = new URL(u.href);
+    write(url.searchParams);
+    return url;
+  };
+  const numToParam = (v) => Decimal.from(v).toString();
+  functionOverload("URL.query(string, string): URL", (u, k, v) => withSearchParams(u, (p) => p.set(k, v)));
+  functionOverload("URL.query(string, number): URL", (u, k, v) => withSearchParams(u, (p) => p.set(k, numToParam(v))));
+  functionOverload("URL.query(string, optional<string>): URL", (u, k, v) => {
+    const value = v;
+    return withSearchParams(u, (p) => Option.isSome(value) ? p.set(k, value.value) : p.delete(k));
+  });
+  functionOverload("URL.query(string, optional<number>): URL", (u, k, v) => {
+    const value = v;
+    return withSearchParams(u, (p) => Option.isSome(value) ? p.set(k, numToParam(value.value)) : p.delete(k));
+  });
+  functionOverload("URL.appendQuery(string, string): URL", (u, k, v) => withSearchParams(u, (p) => p.append(k, v)));
+  functionOverload("URL.appendQuery(string, number): URL", (u, k, v) => withSearchParams(u, (p) => p.append(k, numToParam(v))));
+  functionOverload("URL.appendQuery(string, optional<string>): URL", (u, k, v) => {
+    const value = v;
+    return Option.isSome(value) ? withSearchParams(u, (p) => p.append(k, value.value)) : u;
+  });
+  functionOverload("URL.appendQuery(string, optional<number>): URL", (u, k, v) => {
+    const value = v;
+    return Option.isSome(value) ? withSearchParams(u, (p) => p.append(k, numToParam(value.value))) : u;
+  });
+  functionOverload("string(URL): string", (v) => v.href);
   registerOptional(registry);
 }
 function stringSize(str) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/config",
-  "version": "2.12.14",
+  "version": "2.12.16",
   "description": "Configurable UI for SHWFED",
   "type": "module",
   "publishConfig": {