@shwfed/config 2.3.9 → 2.3.11

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch.local/config.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    modelValue: Record<string, any>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch.local/config.vue

@@ -0,0 +1,310 @@
+<script setup>
+import { computed } from "vue";
+import { Icon } from "@iconify/vue";
+import { ExpressionEditor } from "../../../../ui/expression-editor";
+import { Switch } from "../../../../ui/switch";
+import { Separator } from "../../../../ui/separator";
+import { Field, FieldLabel } from "../../../../ui/field";
+import { Locale } from "../../../../ui/locale";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupNumberField
+} from "../../../../ui/input-group";
+import { getStructFieldDescription, getStructFieldTitle } from "../../../utils/schema-meta";
+import { Markdown } from "../../../../ui/markdown";
+import DerivedValueEditor from "../../../../form/DerivedValueEditor.vue";
+import { schema } from "./schema";
+defineOptions({ name: "ShwfedTableSwitchRendererConfig" });
+const value = defineModel({ type: Object, ...{ required: true } });
+const fieldSchema = schema(() => {
+});
+const fieldTitle = (field) => getStructFieldTitle(fieldSchema, field) ?? field;
+const fieldDescription = (field) => getStructFieldDescription(fieldSchema, field);
+const ROW_VARS = {
+  row: { type: "dyn", label: "\u5F53\u524D\u884C\u6570\u636E" },
+  index: { type: "number", label: "\u884C\u7D22\u5F15" }
+};
+const bindingText = computed({
+  get: () => value.value.binding ?? "",
+  set: (v) => {
+    const trimmed = v.trim();
+    if (trimmed === "") delete value.value.binding;
+    else value.value.binding = trimmed;
+  }
+});
+const hiddenModel = computed({
+  get: () => value.value.hidden ?? "",
+  set: (v) => {
+    if (v === "") delete value.value.hidden;
+    else value.value.hidden = v;
+  }
+});
+const disabledModel = computed({
+  get: () => value.value.disabled ?? "",
+  set: (v) => {
+    if (v === "") delete value.value.disabled;
+    else value.value.disabled = v;
+  }
+});
+const readonlyModel = computed({
+  get: () => value.value.readonly ?? "",
+  set: (v) => {
+    if (v === "") delete value.value.readonly;
+    else value.value.readonly = v;
+  }
+});
+const derivedModel = computed({
+  get: () => value.value.derived,
+  set: (v) => {
+    if (v == null) delete value.value.derived;
+    else value.value.derived = v;
+  }
+});
+</script>
+
+<template>
+  <div class="space-y-5">
+    <div class="grid grid-cols-2 gap-x-6 gap-y-4">
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('title')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('title')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("title") }}
+        </FieldLabel>
+        <Locale v-model="value.title" />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('tooltip')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('tooltip')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("tooltip") }}
+        </FieldLabel>
+        <Locale
+          v-model="value.tooltip"
+          markdown
+        />
+      </Field>
+    </div>
+    <div class="grid grid-cols-2 gap-x-6 gap-y-4">
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('binding')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('binding')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("binding") }}
+        </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            v-model="bindingText"
+            placeholder="例：enabled"
+            class="font-mono"
+          />
+        </InputGroup>
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('size')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('size')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("size") }}
+        </FieldLabel>
+        <InputGroup>
+          <InputGroupNumberField
+            :model-value="value.size"
+            :disabled="value.grow"
+            :min="0"
+            @update:model-value="(v) => value.size = v"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.grow ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value.grow = !value.grow"
+            >
+              <Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
+              {{ fieldTitle("grow") }}
+            </InputGroupButton>
+          </InputGroupAddon>
+        </InputGroup>
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('trueLabel')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('trueLabel')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("trueLabel") }}
+        </FieldLabel>
+        <Locale v-model="value.trueLabel" />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('falseLabel')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('falseLabel')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("falseLabel") }}
+        </FieldLabel>
+        <Locale v-model="value.falseLabel" />
+      </Field>
+    </div>
+    <div class="grid grid-cols-2 gap-x-6 gap-y-4">
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('hidden')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('hidden')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("hidden") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="hiddenModel"
+          placeholder="例：row.archived"
+          result-type="bool"
+          :extra-vars="ROW_VARS"
+        />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('disabled')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('disabled')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("disabled") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="disabledModel"
+          placeholder="例：row.locked"
+          result-type="bool"
+          :extra-vars="ROW_VARS"
+        />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('readonly')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('readonly')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("readonly") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="readonlyModel"
+          placeholder="例：row.id != null"
+          result-type="bool"
+          :extra-vars="ROW_VARS"
+        />
+      </Field>
+      <Field
+        orientation="vertical"
+        class="col-span-2"
+      >
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('derived')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('derived')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("derived") }}
+        </FieldLabel>
+        <DerivedValueEditor
+          v-model="derivedModel"
+          result-type="bool"
+          placeholder="例：row.quantity > 0"
+        />
+      </Field>
+    </div>
+    <Separator />
+    <div class="flex flex-wrap gap-x-8 gap-y-3">
+      <Field
+        orientation="horizontal"
+        class="w-auto gap-2"
+      >
+        <Switch
+          :model-value="value.enableSorting ?? false"
+          @update:model-value="(v) => value.enableSorting = v"
+        />
+        <FieldLabel class="text-sm text-zinc-600">
+          <template
+            v-if="fieldDescription('enableSorting')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('enableSorting')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("enableSorting") }}
+        </FieldLabel>
+      </Field>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch.local/config.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    modelValue: Record<string, any>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch.local/runtime.d.vue.ts

@@ -0,0 +1,9 @@
+import type { CellContext } from '@tanstack/vue-table';
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    column: Value;
+    ctx: CellContext<unknown, unknown>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch.local/runtime.vue

@@ -0,0 +1,81 @@
+<script setup>
+import { Effect } from "effect";
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
+import { cel as _rawCel } from "../../../../../utils/cel";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { getLocalizedText } from "../../../../../share/locale";
+import { Switch } from "../../../../ui/switch";
+import { useFieldValue } from "../../../../form/utils/field-value";
+defineOptions({ name: "ShwfedTableSwitchRendererRuntime" });
+const props = defineProps({
+  column: { type: null, required: true },
+  ctx: { type: Object, required: true }
+});
+const { locale } = useI18n();
+const inherited = injectCELContext();
+const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
+function evalBool(expression, label) {
+  if (!expression) return false;
+  try {
+    return Effect.runSync($cel(expression)) === true;
+  } catch (e) {
+    console.error(`[shwfed-table] switch ${label} failed`, e);
+    return false;
+  }
+}
+const isHidden = computed(() => evalBool(props.column.hidden, "hidden"));
+const isDisabled = computed(() => evalBool(props.column.disabled, "disabled"));
+const isReadonly = computed(() => evalBool(props.column.readonly, "readonly"));
+const effectiveReadonly = computed(
+  () => isReadonly.value || props.column.derived?.mode === "formula"
+);
+const trueText = computed(
+  () => getLocalizedText(props.column.trueLabel, locale.value) || "\u662F"
+);
+const falseText = computed(
+  () => getLocalizedText(props.column.falseLabel, locale.value) || "\u5426"
+);
+const { draft, commit } = useFieldValue({
+  binding: () => props.column.binding,
+  fromState: (raw) => raw === true,
+  toState: (next) => next === true
+});
+function onUpdate(next) {
+  draft.value = next;
+  commit();
+}
+</script>
+
+<template>
+  <!--
+    Row budget matches the editable text/number cells: 2px outer inset around
+    an `h-7` (28px) row — 32px total. The switch is centered inside that row;
+    `sm` size (h-3.5) keeps it visually compact against the surrounding cells.
+    Every branch (hidden / readonly / editable) is sized identically so rows
+    do not jump when a CEL condition flips.
+  -->
+  <div class="p-[0.125rem] w-full">
+    <span
+      v-if="isHidden"
+      class="block h-7 w-full"
+    />
+    <span
+      v-else-if="effectiveReadonly"
+      class="flex items-center justify-center h-7 w-full px-2 text-[0.75rem] text-zinc-700 truncate"
+    >
+      {{ draft ? trueText : falseText }}
+    </span>
+    <span
+      v-else
+      class="flex items-center justify-center h-7 w-full"
+    >
+      <Switch
+        size="sm"
+        :model-value="draft"
+        :disabled="isDisabled"
+        @update:model-value="onUpdate"
+      />
+    </span>
+  </div>
+</template>

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch.local/runtime.vue.d.ts

@@ -0,0 +1,9 @@
+import type { CellContext } from '@tanstack/vue-table';
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    column: Value;
+    ctx: CellContext<unknown, unknown>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch.local/schema.d.ts

@@ -0,0 +1,66 @@
+import { Schema } from 'effect';
+import type { ColumnDef } from '@tanstack/vue-table';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+import type { ColumnDefDeps, MigrateFn, MigrateSource } from '../../../utils/resolve.js';
+export declare const type: "com.shwfed.table.column.switch.local";
+export declare const compatibilityDate: "2026-05-20";
+export declare const metadata: {
+    readonly name: "开关";
+    readonly icon: "fluent:toggle-left-20-regular";
+};
+export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    hidden: Schema.optional<Schema.Schema<string, string, never>>;
+    disabled: Schema.optional<Schema.Schema<string, string, never>>;
+    readonly: Schema.optional<Schema.Schema<string, string, never>>;
+    trueLabel: 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>;
+    }>]>>;
+    falseLabel: 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>;
+    }>]>>;
+    derived: Schema.optional<Schema.Struct<{
+        mode: Schema.Literal<["formula", "prefill"]>;
+        expression: Schema.Schema<string, string, never>;
+    }>>;
+    title: 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>;
+    }>]>;
+    binding: Schema.refine<string, typeof Schema.String>;
+    enableSorting: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+    size: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
+    grow: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+    tooltip: 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>;
+    }>]>>;
+    id: Schema.refine<string, typeof Schema.String>;
+    groupId: Schema.optional<typeof Schema.UUID>;
+    type: Schema.Literal<["com.shwfed.table.column.switch.local"]>;
+    compatibilityDate: Schema.Literal<["2026-05-20"]>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+/**
+ * Adopts values that were stored under the pre-split `com.shwfed.table.column.switch`
+ * type at the same `compatibilityDate`. The field shape is byte-identical to
+ * this entry's schema — only the discriminator changes. Migration declarations
+ * live exclusively on this (new) entry; the old folder was removed and is
+ * never touched by this rewrite.
+ */
+export declare const migrateFrom: ReadonlyArray<MigrateSource>;
+export declare const migrate: MigrateFn;
+export declare function toColumnDef(value: Value, { getLocaleText }: ColumnDefDeps): Partial<ColumnDef<unknown, unknown>>;

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch.local/schema.js

@@ -0,0 +1,71 @@
+import { Effect, Schema } from "effect";
+import { getProperty } from "dot-prop";
+import { Locale } from "../../../../../share/locale.js";
+import { CelRowAccess, derivedRowField, editableColumnFields, editableHeader } from "../../../utils/shared.js";
+export const type = "com.shwfed.table.column.switch.local";
+export const compatibilityDate = "2026-05-20";
+export const metadata = {
+  name: "\u5F00\u5173",
+  icon: "fluent:toggle-left-20-regular"
+};
+export function schema(configure) {
+  const CelBool = CelRowAccess(configure, { resultType: "bool" });
+  return Schema.Struct({
+    type: Schema.Literal(type),
+    compatibilityDate: Schema.Literal(compatibilityDate),
+    ...editableColumnFields(),
+    hidden: Schema.optional(CelBool.annotations({
+      title: "\u9690\u85CF\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u8BE5\u884C\u7684\u5F00\u5173\u4E0D\u6E32\u67D3\uFF08\u5176\u4F59\u884C\u4E0D\u53D7\u5F71\u54CD\uFF09"
+    })),
+    disabled: Schema.optional(CelBool.annotations({
+      title: "\u7981\u7528\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u5F00\u5173\u4ECD\u7136\u6E32\u67D3\u4F46\u4E0D\u53EF\u5207\u6362"
+    })),
+    readonly: Schema.optional(CelBool.annotations({
+      title: "\u53EA\u8BFB\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u4EC5\u4EE5\u7EAF\u6587\u672C\u5C55\u793A\u5F53\u524D\u503C"
+    })),
+    trueLabel: Schema.optional(Locale.annotations({
+      title: "\u5F00\u542F\u6587\u6848",
+      description: "\u53EA\u8BFB\u72B6\u6001\u4E0B\uFF0C\u503C\u4E3A `true` \u65F6\u5C55\u793A\u7684\u6587\u672C\uFF1B\u7559\u7A7A\u4F7F\u7528\u9ED8\u8BA4 `\u662F`"
+    })),
+    falseLabel: Schema.optional(Locale.annotations({
+      title: "\u5173\u95ED\u6587\u6848",
+      description: "\u53EA\u8BFB\u72B6\u6001\u4E0B\uFF0C\u503C\u4E3A `false` \u65F6\u5C55\u793A\u7684\u6587\u672C\uFF1B\u7559\u7A7A\u4F7F\u7528\u9ED8\u8BA4 `\u5426`"
+    })),
+    derived: derivedRowField(configure, "bool")
+  }).annotations({ title: "SwitchRenderer", description: "\u5F00\u5173\u6E32\u67D3\u5668\uFF08\u53EF\u7F16\u8F91\u3001\u672C\u5730\uFF09" });
+}
+export const migrateFrom = [
+  { type: "com.shwfed.table.column.switch", compatibilityDate }
+];
+export const migrate = (prev) => Effect.try({
+  try: () => {
+    if (!prev || typeof prev !== "object") {
+      throw new Error("\u5F00\u5173\uFF08\u672C\u5730\uFF09\u8FC1\u79FB\u5931\u8D25\uFF1A\u539F\u503C\u4E0D\u662F\u5BF9\u8C61");
+    }
+    return { ...prev, type, compatibilityDate };
+  },
+  catch: (e) => e instanceof Error ? e : new Error(String(e))
+});
+export function toColumnDef(value, { getLocaleText }) {
+  return {
+    header: editableHeader(getLocaleText(value.title)),
+    // `binding` is a dot-prop path (validated non-empty); the cell renderer
+    // reads through the same path it writes to. No CEL — accessor is literal.
+    accessorFn: (row) => {
+      if (!row || typeof row !== "object") return void 0;
+      return getProperty(row, value.binding);
+    },
+    enableSorting: value.enableSorting ?? false,
+    // `basic` orders by JS `<` — for booleans that yields `false < true`,
+    // which is the obvious grouping. Mirrors the remote switch column.
+    sortingFn: "basic",
+    size: value.size,
+    meta: {
+      grow: value.grow ?? false,
+      tooltip: getLocaleText(value.tooltip)
+    }
+  };
+}

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

@@ -169,6 +169,7 @@ function configureTableQuery(env) {
 }
 const tableConfigSchema = TableConfig(configure);
 const dataSourceSchema = DataSource(configure);
+const pickerEntries = computed(() => COLUMNS.filter((e) => !e.deprecated));
 const advertisedHostContext = (() => {
   const probe = new Environment({ unlistedVariablesAreDyn: false });
   const baseline = new Set(probe.getDefinitions().variables.map((v) => v.name));
@@ -1227,7 +1228,7 @@ const tableQueryValue = computed({
             <InputGroupCombobox>
               <CommandGroup>
                 <CommandItem
-                  v-for="entry in COLUMNS"
+                  v-for="entry in pickerEntries"
                   :key="`${entry.type}@${entry.compatibilityDate}`"
                   :value="`${entry.type}@${entry.compatibilityDate}`"
                   @select="addColumn(entry.type, entry.compatibilityDate)"

package/dist/runtime/components/table/utils/resolve.d.ts

@@ -16,6 +16,33 @@ export type ColumnDefDeps = Readonly<{
     inheritedContext: Record<string, unknown>;
 }>;
 type ToColumnDef = (value: any, deps: ColumnDefDeps) => Partial<ColumnDef<unknown, unknown>>;
+/**
+ * Capabilities a column-migration function may need from the host. Mirrors
+ * the form host's `MigrationContext` so cross-host helpers can share a
+ * signature; extend additively rather than introducing a parallel context.
+ */
+export type MigrationContext = Readonly<{
+    $cel: <T>(expression: string, context?: Record<string, unknown>) => Effect.Effect<T, unknown>;
+}>;
+/**
+ * Migrates a value of a *source* column schema to this entry's schema. Lives
+ * on the *target* (newer) entry. The target is picked by one of two rules:
+ * (a) same `type` with a strictly newer `compatibilityDate`; (b) an explicit
+ * `migrateFrom` declaration on the target naming this source. Failures
+ * surface to the host as a toast — see `table/config.vue`'s migrate handler.
+ */
+export type MigrateFn = (prev: unknown, ctx: MigrationContext) => Effect.Effect<unknown, Error>;
+/**
+ * Identifies a column entry by `(type, compatibilityDate)`. Used for both
+ * `migrateFrom` declarations and the cross-type form of `supersededBy`.
+ *
+ * Migration declarations only ever live on the *new* (target) code — old
+ * folders are never modified to announce that they have been superseded.
+ */
+export type MigrateSource = Readonly<{
+    type: string;
+    compatibilityDate: string;
+}>;
 export type ColumnEntry = Readonly<{
     type: string;
     compatibilityDate: string;
@@ -24,9 +51,35 @@ export type ColumnEntry = Readonly<{
     config: Component;
     runtime: Component;
     toColumnDef: ToColumnDef;
+    /**
+     * True iff this entry is shadowed by either (a) a newer-date entry sharing
+     * its `type`, or (b) another entry whose `migrateFrom` names this one.
+     */
+    deprecated: boolean;
+    /**
+     * Identifies the entry that supersedes this one. Same `type` for the
+     * date-versioned rule; a different `type` for declared cross-type
+     * migrations.
+     */
+    supersededBy?: MigrateSource;
+    migrate?: MigrateFn;
+    migrateFrom?: ReadonlyArray<MigrateSource>;
 }>;
 export declare const COLUMNS: ReadonlyArray<ColumnEntry>;
 export declare function allColumnSchemas(configure: (env: Environment) => void): ReadonlyArray<AnySchema>;
 export declare function findColumn(type: string, compatibilityDate: string): ColumnEntry | undefined;
+/**
+ * Finds the registry entry that has declared `(type, compatibilityDate)` as a
+ * migration source on its `migrateFrom`. Use when a stored column's identity
+ * no longer matches any registry entry (the old folder was renamed away) —
+ * a present return means the value is still migratable via the target's
+ * `migrate`.
+ *
+ * Note: for the date-versioned rule (same `type`, newer `compatibilityDate`)
+ * the entry itself is in the registry and tagged `deprecated`/`supersededBy`;
+ * callers reach the target through `findColumn(supersededBy.type, …)`
+ * rather than this function.
+ */
+export declare function findMigrationTarget(type: string, compatibilityDate: string): ColumnEntry | undefined;
 export declare function latestColumnByType(): ReadonlyArray<ColumnEntry>;
 export {};