@shwfed/config 2.1.1 → 2.2.0

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.combobox.single.remote/config.vue.d.ts

@@ -33,12 +33,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
+        readonly request: string;
         readonly binding?: string | undefined;
         readonly derived?: {
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
-        readonly request: string;
         readonly options: string;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
@@ -80,12 +80,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
+        readonly request: string;
         readonly binding?: string | undefined;
         readonly derived?: {
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
-        readonly request: string;
         readonly options: string;
         readonly optionValue: string;
         readonly optionLabel: readonly [{

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/config.d.vue.ts

@@ -22,6 +22,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly locale?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-13";
         readonly min?: number | undefined;
@@ -71,6 +78,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly locale?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-13";
         readonly min?: number | undefined;

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/config.vue

@@ -233,6 +233,28 @@ const reorderable = computed({
           </Field>
         </div>
 
+        <Field orientation="vertical">
+          <FieldLabel class="text-xs text-zinc-500">
+            <template
+              v-if="fieldDescription('locale')"
+              #tooltip
+            >
+              <Markdown
+                :source="fieldDescription('locale')"
+                block
+                class="prose prose-sm prose-zinc"
+              />
+            </template>
+            {{ fieldTitle("locale") }}
+          </FieldLabel>
+          <LocaleField
+            markdown
+            translate-hint="列表项折叠摘要，Markdown 文本，保留表达式插值占位符不要翻译"
+            :model-value="value.locale"
+            @update:model-value="(v) => value = { ...value, locale: v }"
+          />
+        </Field>
+
         <div class="grid grid-cols-3 gap-3">
           <Field orientation="vertical">
             <FieldLabel class="text-xs text-zinc-500">

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/config.vue.d.ts

@@ -22,6 +22,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly locale?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-13";
         readonly min?: number | undefined;
@@ -71,6 +78,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly locale?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-13";
         readonly min?: number | undefined;

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/runtime.vue

@@ -5,6 +5,7 @@ import { computed, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { interpolate } from "../../../../../utils/interpolate";
 import { getLocalizedText } from "../../../../../share/locale";
 import {
   useTreeDnd
@@ -31,6 +32,8 @@ const tooltipText = computed(
 const addLabelText = computed(
   () => getLocalizedText(props.config.addLabel, locale.value) || "\u65B0\u589E"
 );
+const summaryTemplate = computed(() => getLocalizedText(props.config.locale, locale.value));
+const collapsible = computed(() => !!summaryTemplate.value);
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
@@ -50,6 +53,28 @@ const items = computed(() => {
   if (!Array.isArray(raw)) return [];
   return raw;
 });
+const rowSummaries = computed(() => {
+  const template = summaryTemplate.value;
+  if (template == null) return [];
+  return items.value.map(
+    (item, i) => interpolate(template, (expression) => {
+      try {
+        const out = Effect.runSync($cel(expression, {
+          form: state.value ?? {},
+          item: item ?? {},
+          index: i
+        }));
+        return out == null ? "" : String(out);
+      } catch (err) {
+        console.error(
+          `[shwfed-form] list field: failed to evaluate summary expression \`${expression}\` for ${props.fieldId}[${i}]:`,
+          err
+        );
+        return "";
+      }
+    })
+  );
+});
 function writeItems(next) {
   const path = props.config.binding;
   if (path == null) {
@@ -74,6 +99,16 @@ watch(
   },
   { immediate: true }
 );
+const expandedKeys = ref(/* @__PURE__ */ new Set());
+function isExpanded(key) {
+  return expandedKeys.value.has(key);
+}
+function toggleExpanded(key) {
+  const next = new Set(expandedKeys.value);
+  if (next.has(key)) next.delete(key);
+  else next.add(key);
+  expandedKeys.value = next;
+}
 const atMax = computed(
   () => props.config.max != null && items.value.length >= props.config.max
 );
@@ -86,13 +121,23 @@ const canReorder = computed(() => !isDisabled.value && reorderable.value);
 function append() {
   if (!canAdd.value) return;
   writeItems([...items.value, {}]);
-  rowKeys.value = [...rowKeys.value, makeId()];
+  const id = makeId();
+  rowKeys.value = [...rowKeys.value, id];
+  const next = new Set(expandedKeys.value);
+  next.add(id);
+  expandedKeys.value = next;
 }
 function removeAt(i) {
   if (!canRemove.value) return;
   if (i < 0 || i >= items.value.length) return;
+  const removedKey = rowKeys.value[i];
   writeItems(items.value.filter((_, j) => j !== i));
   rowKeys.value = rowKeys.value.filter((_, j) => j !== i);
+  if (removedKey != null && expandedKeys.value.has(removedKey)) {
+    const next = new Set(expandedKeys.value);
+    next.delete(removedKey);
+    expandedKeys.value = next;
+  }
 }
 function moveRow(from, to) {
   if (!canReorder.value) return;
@@ -169,19 +214,74 @@ function rowConfig(i) {
         v-for="(item, i) in items"
         :key="rowKeys[i]"
         :ref="dnd.rowRef(rowId(i), rowConfig(i))"
-        class="relative flex items-center gap-2 rounded border border-zinc-200 bg-zinc-50/40 p-3"
+        class="relative rounded border border-zinc-200 bg-zinc-50/40 p-3"
         data-slot="list-row"
         :data-instruction="dnd.instructionFor(rowId(i)) ?? void 0"
       >
-        <Icon
-          v-if="reorderable"
-          icon="fluent:re-order-dots-vertical-20-regular"
-          class="drag-handle size-4 shrink-0 text-zinc-400"
-          :class="canReorder ? 'cursor-grab' : 'cursor-not-allowed opacity-50'"
-          data-slot="list-row-drag-handle"
-        />
+        <div class="flex items-center gap-2">
+          <Icon
+            v-if="reorderable"
+            icon="fluent:re-order-dots-vertical-20-regular"
+            class="drag-handle size-4 shrink-0 text-zinc-400"
+            :class="canReorder ? 'cursor-grab' : 'cursor-not-allowed opacity-50'"
+            data-slot="list-row-drag-handle"
+          />
+
+          <InputGroupButton
+            v-if="collapsible"
+            size="icon-xs"
+            class="shrink-0"
+            data-slot="list-row-collapse"
+            :aria-expanded="isExpanded(rowId(i))"
+            :aria-label="isExpanded(rowId(i)) ? '\u6298\u53E0' : '\u5C55\u5F00'"
+            @click="toggleExpanded(rowId(i))"
+          >
+            <Icon
+              :icon="isExpanded(rowId(i)) ? 'fluent:chevron-down-20-regular' : 'fluent:chevron-right-20-regular'"
+            />
+          </InputGroupButton>
 
-        <div class="min-w-0 flex-1">
+          <div
+            v-if="collapsible"
+            class="min-w-0 flex-1"
+            data-slot="list-row-summary"
+          >
+            <Markdown
+              :source="rowSummaries[i] ?? ''"
+              class="prose prose-xs prose-zinc"
+            />
+          </div>
+          <div
+            v-else
+            class="min-w-0 flex-1"
+          >
+            <Row
+              :model-value="item"
+              :unit="config.unit"
+              :index="i"
+              @update:model-value="(next) => updateRow(i, next)"
+            />
+          </div>
+
+          <InputGroupButton
+            variant="destructive"
+            size="icon-xs"
+            class="shrink-0"
+            :disabled="!canRemove"
+            data-slot="list-row-remove"
+            aria-label="删除"
+            @click="removeAt(i)"
+          >
+            <Icon icon="fluent:delete-20-regular" />
+          </InputGroupButton>
+        </div>
+
+        <div
+          v-if="collapsible"
+          v-show="isExpanded(rowId(i))"
+          class="mt-3 min-w-0"
+          data-slot="list-row-content"
+        >
           <Row
             :model-value="item"
             :unit="config.unit"
@@ -189,18 +289,6 @@ function rowConfig(i) {
             @update:model-value="(next) => updateRow(i, next)"
           />
         </div>
-
-        <InputGroupButton
-          variant="destructive"
-          size="icon-xs"
-          class="shrink-0"
-          :disabled="!canRemove"
-          data-slot="list-row-remove"
-          aria-label="删除"
-          @click="removeAt(i)"
-        >
-          <Icon icon="fluent:delete-20-regular" />
-        </InputGroupButton>
       </div>
 
       <Button

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/schema.d.ts

@@ -36,6 +36,13 @@ export declare function schema(configure: (env: Environment) => void): Schema.re
         readonly locale: "en" | "ja" | "ko";
         readonly message: string;
     }[]] | undefined;
+    readonly locale?: readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]] | undefined;
     readonly displayName?: string | undefined;
     readonly compatibilityDate: "2026-05-13";
     readonly min?: number | undefined;
@@ -94,6 +101,13 @@ export declare function schema(configure: (env: Environment) => void): Schema.re
     min: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
     max: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
     disabled: Schema.optional<Schema.Schema<string, string, never>>;
+    locale: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
+        locale: Schema.Literal<["zh"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>], [Schema.Struct<{
+        locale: Schema.Literal<["ja", "en", "ko"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>]>>;
     unit: Schema.suspend<Readonly<{
         fields: ReadonlyArray<import("../../../schema.js").FieldValue>;
         layouts: ReadonlyArray<import("../../../schema.js").LayoutSetValue>;

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/schema.js

@@ -64,6 +64,10 @@ export function schema(configure) {
       title: "\u7981\u7528\u6761\u4EF6",
       description: "\u8FD4\u56DE `true` \u65F6\u6574\u4E2A\u5217\u8868\u53EA\u8BFB\uFF0C\u4E0D\u80FD\u65B0\u589E/\u5220\u9664/\u91CD\u6392"
     })),
+    locale: Schema.optional(Locale.annotations({
+      title: "\u5217\u8868\u9879\u6458\u8981",
+      description: "\u914D\u7F6E\u540E\u6BCF\u4E2A\u5217\u8868\u9879\u53EF\u6298\u53E0\uFF0C\u6298\u53E0\u65F6\u5C55\u793A\u6B64\u5904\u6587\u672C\u6E32\u67D3\u7684\u884C\u5185 Markdown \u4F5C\u4E3A\u6458\u8981\u3002\u652F\u6301 `{{ \u8868\u8FBE\u5F0F }}` \u63D2\u503C\uFF0C\u8868\u8FBE\u5F0F\u4E3A CEL\uFF0C\u53EF\u8BBF\u95EE `item`\uFF08\u5F53\u524D\u9879\uFF09\u3001`index`\uFF08\u5E8F\u53F7\uFF0C\u4ECE 0 \u5F00\u59CB\uFF09\u4E0E `form`"
+    })),
     unit: Unit.annotations({
       title: "\u5217\u8868\u9879\u914D\u7F6E",
       description: "\u5355\u4E2A\u5217\u8868\u9879\u7684\u5B57\u6BB5\u4E0E\u5E03\u5C40\uFF1B\u6BCF\u4E2A\u5217\u8868\u9879\u90FD\u6309\u6B64\u7ED3\u6784\u6E32\u67D3\u4E00\u4EFD"

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

@@ -2,6 +2,7 @@
 import { cel as _rawCel } from "../../utils/cel";
 import { TZDate } from "@date-fns/tz";
 import { Effect } from "effect";
+import { Fetch } from "fx-fetch";
 import { computed, onMounted, ref, watch } from "vue";
 import {
   celBindings,
@@ -11,6 +12,7 @@ import {
 import { provideCommitBus } from "./utils/commit-bus";
 import { provideDerivedQuiescence, useDerived } from "./utils/derived";
 import { useFormHistory } from "./utils/history";
+import { evaluateInitial } from "./utils/initial";
 import { provideFormReadonly } from "./utils/readonly";
 import { findField } from "./utils/resolve";
 import { provideFormState } from "./utils/state";
@@ -62,7 +64,8 @@ const seeded = (() => {
   const current = state.value ?? {};
   const initial = config.value.initial;
   if (!initial || Object.keys(current).length > 0) return Promise.resolve();
-  return Effect.runPromise($cel(initial, { form: current })).then(
+  const program = evaluateInitial(initial, $cel, { form: current });
+  return Effect.runPromise(Effect.provide(program, Fetch.layer)).then(
     (result) => {
       if (result && typeof result === "object" && !Array.isArray(result)) {
         state.value = { ...current, ...result };

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

@@ -1,5 +1,6 @@
 import { Schema } from 'effect';
 import type { Environment } from '../../vendor/cel-js/lib/index.js';
+import type { InitialSource } from './utils/initial.js';
 import { type LayoutSetValue } from '../../share/layout.js';
 export { commonFieldFields } from './utils/common.js';
 export { getStructFieldTitle, getStructFieldDescription } from './utils/schema-meta.js';
@@ -79,7 +80,10 @@ export declare function FormUnit(configure: (env: Environment) => void): Schema.
  */
 export declare function registerFormVariablesIfAbsent(env: Environment): void;
 export declare function FormConfig(configure: (env: Environment) => void): Schema.refine<{
-    readonly initial?: string | undefined;
+    readonly initial?: {
+        readonly data: string;
+        readonly request?: string | undefined;
+    } | undefined;
     readonly kind: "shwfed.component.form";
     readonly fields: readonly any[];
     readonly layouts: readonly {
@@ -134,11 +138,17 @@ export declare function FormConfig(configure: (env: Environment) => void): Schem
         }>;
     }>>>;
     kind: Schema.tag<"shwfed.component.form">;
-    initial: Schema.optional<Schema.Schema<string, string, never>>;
+    initial: Schema.optional<Schema.Struct<{
+        request: Schema.optional<Schema.Schema<string, string, never>>;
+        data: Schema.Schema<string, string, never>;
+    }>>;
     readonly: Schema.optional<Schema.Schema<string, string, never>>;
 }>>;
 export declare function createFormConfig(body: Omit<Schema.Schema.Type<ReturnType<typeof FormConfig>>, 'kind'>): {
-    initial?: string | undefined;
+    initial?: {
+        readonly data: string;
+        readonly request?: string | undefined;
+    } | undefined;
     fields: readonly any[];
     layouts: readonly {
         readonly name: string;
@@ -173,6 +183,6 @@ export type FormUnitValue = Readonly<{
 }>;
 export type FormConfigValue = Readonly<{
     kind: typeof KIND;
-    initial?: string;
+    initial?: InitialSource;
     readonly?: string;
 }> & FormUnitValue;

package/dist/runtime/components/form/schema.js

@@ -47,23 +47,43 @@ export function FormConfig(configure) {
     registerFormVariablesIfAbsent(env);
     configure(env);
   };
-  const CelFormInitial = Expression({ configure: formConfigure, resultType: "dyn" });
+  const CelInitialRequest = Expression({ configure: formConfigure, resultType: "HttpRequest" });
+  const CelInitialData = Expression({
+    configure: (env) => {
+      formConfigure(env);
+      env.registerVariable("json", "optional<dyn>", {
+        description: "HTTP \u54CD\u5E94\u4F53\uFF08\u5DF2\u89E3\u6790 JSON\uFF09\uFF1B\u672A\u914D\u7F6E request \u65F6\u4E3A none\uFF0C\u7528 `json.?\u5B57\u6BB5` \u8BBF\u95EE"
+      });
+    },
+    resultType: "dyn"
+  });
   const CelFormReadonly = Expression({ configure: formConfigure, resultType: "bool" });
   return Schema.Struct({
     kind: Schema.tag(KIND),
-    initial: Schema.optional(CelFormInitial.annotations({
-      title: "\u521D\u59CB\u503C",
-      description: md`
-        返回整个表单初始值的 CEL 表达式：
+    initial: Schema.optional(Schema.Struct({
+      request: Schema.optional(CelInitialRequest.annotations({
+        title: "\u8BF7\u6C42",
+        description: md`
+          可选的 HTTP 请求表达式：返回 \`HttpRequest\`，运行时由宿主发起，并把响应体作为 \`json\` 传给「数据」表达式。
 
-        - 可以互相依赖，但是应当避免循环引用出现
+          留空时「数据」直接对 CEL 上下文求值（静态默认值，或引用 \`form\` 的表达式）。
+        `
+      })),
+      data: CelInitialData.annotations({
+        title: "\u6570\u636E",
+        description: md`
+          返回整个表单初始值的 CEL 表达式（应为一个对象）：
 
-          考虑一个表单，包含了用户名 & 用户角色。特别的，一个用户可能有多个角色。我们可以默认填入当前登入人的用户名，随后再以此为依据，填入其默认的角色。
+          - 可以互相依赖，但应避免循环引用。考虑一个含「用户名」与「用户角色」的表单：可默认填入当前登入人的用户名，再以此为依据填入其默认角色。
 
-        - 支持异步调用（如 \`http.get(...).json()\`）。运行时会等待表达式 resolve 后再触发依赖 \`form\` 的请求
+          - 配置了「请求」时，可通过 \`json\` 引用响应体，例如 \`json.?data\`。
 
-        - 如果配置了初始值，重置这个表单将**重置为其初始值，而非空**
-      `
+          - 如果配置了初始值，重置这个表单将**重置为其初始值，而非空**。
+        `
+      })
+    }).annotations({
+      title: "\u521D\u59CB\u503C",
+      description: "\u8868\u5355\u521D\u59CB\u503C\u7684\u6765\u6E90\uFF1A\u53EF\u9009\u7684 HTTP \u8BF7\u6C42\uFF0C\u52A0\u4E00\u4E2A\u8FD4\u56DE\u521D\u59CB\u503C\u5BF9\u8C61\u7684 CEL \u8868\u8FBE\u5F0F"
     })),
     readonly: Schema.optional(CelFormReadonly.annotations({
       title: "\u53EA\u8BFB\u6761\u4EF6",

package/dist/runtime/components/form/utils/initial.d.ts

@@ -0,0 +1,26 @@
+import { Effect } from 'effect';
+import type { Fetch } from 'fx-fetch';
+/**
+ * The form's initial-state source. Mirrors the table's `dataSource` shape: an
+ * optional HTTP `request` whose response feeds the `data` expression, which
+ * produces the seed object. With no `request`, `data` is evaluated directly
+ * against the CEL context (a static default, or one referencing `form`).
+ */
+export type InitialSource = Readonly<{
+    request?: string;
+    data: string;
+}>;
+/**
+ * Evaluates a CEL expression against the host's context. A CEL `http.*`
+ * expression only *builds* a request, so this never performs IO itself —
+ * `evaluateInitial` issues the request separately.
+ */
+export type CelEvaluator = <T>(expression: string, context?: Record<string, unknown>) => Effect.Effect<T, unknown, never>;
+/**
+ * Resolve an `InitialSource` to the seed value. When `request` is set it is
+ * built by CEL, then issued here as `.json()` — the host owns the IO, CEL only
+ * describes it. The response is exposed to `data` as the `json` variable (an
+ * `Option`, so a missing response is `None`, never a crash). The returned
+ * Effect needs a `Fetch` layer.
+ */
+export declare function evaluateInitial(initial: InitialSource, cel: CelEvaluator, context: Record<string, unknown>): Effect.Effect<unknown, unknown, Fetch.Fetch>;

package/dist/runtime/components/form/utils/initial.js

@@ -0,0 +1,11 @@
+import { Effect, Option } from "effect";
+export function evaluateInitial(initial, cel, context) {
+  return Effect.gen(function* () {
+    let json = Option.none();
+    if (initial.request) {
+      const builder = yield* cel(initial.request, context);
+      json = Option.some(yield* builder.json());
+    }
+    return yield* cel(initial.data, { ...context, json });
+  });
+}

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

@@ -24,6 +24,7 @@ import { NumberField, NumberFieldInput } from "../ui/number-field";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 import ShwfedActions from "../actions/components/group.vue";
 import ShwfedForm from "../form/index.vue";
+import { evaluateInitial } from "../form/utils/initial";
 import { provideTableInstanceId } from "./utils/instance";
 import { provideEventTarget } from "../../share/event-bus";
 import { findColumn } from "./utils/resolve";
@@ -294,7 +295,8 @@ async function resetQuery() {
     return;
   }
   try {
-    const result = await Effect.runPromise($cel(initial, { query: {} }));
+    const program = evaluateInitial(initial, $cel, { query: {} });
+    const result = await Effect.runPromise(Effect.provide(program, Fetch.layer));
     queryState.value = result && typeof result === "object" && !Array.isArray(result) ? { ...result } : {};
   } catch (e) {
     console.error("[shwfed-table] resetQuery failed", e);

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

@@ -201,7 +201,10 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
         }[];
     } | undefined;
     readonly query?: {
-        readonly initial?: string | undefined;
+        readonly initial?: {
+            readonly data: string;
+            readonly request?: string | undefined;
+        } | undefined;
         readonly kind: "shwfed.component.form";
         readonly fields: readonly any[];
         readonly layouts: readonly {
@@ -371,7 +374,10 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
         }>]>>;
     }>>;
     query: Schema.optional<Schema.refine<{
-        readonly initial?: string | undefined;
+        readonly initial?: {
+            readonly data: string;
+            readonly request?: string | undefined;
+        } | undefined;
         readonly kind: "shwfed.component.form";
         readonly fields: readonly any[];
         readonly layouts: readonly {
@@ -426,7 +432,10 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             }>;
         }>>>;
         kind: Schema.tag<"shwfed.component.form">;
-        initial: Schema.optional<Schema.Schema<string, string, never>>;
+        initial: Schema.optional<Schema.Struct<{
+            request: Schema.optional<Schema.Schema<string, string, never>>;
+            data: Schema.Schema<string, string, never>;
+        }>>;
         readonly: Schema.optional<Schema.Schema<string, string, never>>;
     }>>>;
     cellStyle: Schema.optional<Schema.Schema<string, string, never>>;
@@ -573,7 +582,10 @@ export declare function createTableConfig(body: Omit<Schema.Schema.Type<ReturnTy
         }[];
     } | undefined;
     query?: {
-        readonly initial?: string | undefined;
+        readonly initial?: {
+            readonly data: string;
+            readonly request?: string | undefined;
+        } | undefined;
         readonly kind: "shwfed.component.form";
         readonly fields: readonly any[];
         readonly layouts: readonly {

package/dist/runtime/utils/interpolate.d.ts

@@ -0,0 +1 @@
+export declare function interpolate(template: string, evaluate: (expression: string) => string): string;

package/dist/runtime/utils/interpolate.js

@@ -0,0 +1,7 @@
+const TOKEN = /\{\{([\s\S]*?)\}\}/g;
+export function interpolate(template, evaluate) {
+  return template.replace(TOKEN, (_token, raw) => {
+    const expression = raw.trim();
+    return expression.length === 0 ? "" : evaluate(expression);
+  });
+}

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

@@ -20,7 +20,7 @@ The `homogeneousAggregateLiterals` and `enableOptionalTypes` environment options
 
 The custom `Optional` class has been replaced with Effect's `Option` type (`import { Option } from 'effect'`). Internal helpers `optionalOf(value)` and `optionalValue(opt)` in `optional.js` handle the CEL-specific semantics (treating `undefined` as `None`, throwing `EvaluationError` on missing value access).
 
-An `http` built-in has been added (`http-builtins.ts`, `http-builder.ts`) — not from upstream. It registers the `http` constant and the `http` / `HttpRequest` types on `globalRegistry`, so `http.get(url).header(...).body(...)` expressions type-check and evaluate in every `Environment`. A CEL expression builds an `HttpRequestBuilder`; the terminal `HttpRequest.file(): File` method issues the request and evaluates to the downloaded `File`, while `.json()` is dispatched by the host on the builder value (it is not a CEL method). Endpoints must be absolute URLs — there is no base-URL resolution. Depends on `fx-fetch`.
+An `http` built-in has been added (`http-builtins.ts`, `http-builder.ts`) — not from upstream. It registers the `http` constant and the `http` / `HttpRequest` types on `globalRegistry`, so `http.get(url).header(...).body(...)` expressions type-check and evaluate in every `Environment`. A CEL expression only builds an `HttpRequestBuilder` — a pure description of a request; it never issues one. Both terminal methods, `.json()` and `.file()`, are dispatched by the host on the returned builder (neither is a CEL method), so expression evaluation stays free of IO. Endpoints must be absolute URLs — there is no base-URL resolution. Depends on `fx-fetch`.
 
 ## Architecture
 

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

@@ -197,7 +197,7 @@ location.param("id")                 // first value when a param repeats
 
 ## HTTP
 
-Build HTTP requests using the `http` builder. A CEL expression *describes* a request; calling `.file()` on it issues the request and evaluates to the downloaded `File`. Any other request is handed to the host to dispatch — there is no way to read a JSON or text response from CEL.
+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.
 
 **URLs must be absolute** — pass a full `https://…` URL. There is no base URL, so relative paths like `/api/users` will not resolve.
 
@@ -236,12 +236,8 @@ http.post("https://api.example.com/users")
   .header("Content-Type", "application/json")
   .body({"name": "Alice", "channel": query.?channel})
 
-// Download the response as a File. Unlike the chainable methods above,
-// .file() is terminal — it issues the request and the expression evaluates
-// to a File (filename from the Content-Disposition header, else the URL path):
-http.get("https://api.example.com/files/report.pdf").file()
-
-// Full example — the expression returns an HttpRequest; the host sends it:
+// The expression always evaluates to an HttpRequest — the host sends it
+// (downloading a File, reading a JSON response, etc.):
 http.post("https://api.example.com/users")
   .header("Content-Type", "application/json")
   .header("Authorization", "Bearer " + token)

package/dist/runtime/vendor/cel-js/lib/http-builder.d.ts

@@ -1,9 +1,10 @@
 /**
  * `HttpRequestBuilder` — the value an `http.*` CEL expression evaluates to.
  *
- * A local (non-upstream) extension. A CEL expression builds and *describes* a
- * request; `.file()` is exposed as a CEL method and evaluates to the downloaded
- * `File`, while `.json()` is dispatched by the host on the returned builder.
+ * A local (non-upstream) extension. A CEL expression only *describes* a
+ * request — it never issues one. Both terminal methods, `.json()` and
+ * `.file()`, are dispatched by the host on the returned builder, keeping
+ * expression evaluation free of IO.
  *
  * Endpoints are used verbatim — there is no base-URL resolution, so callers
  * must pass absolute URLs.