@shwfed/config 2.12.4 → 2.12.5

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "shwfed",
   "configKey": "shwfed",
-  "version": "2.12.4",
+  "version": "2.12.5",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/components/actions/buttons/2026-05-11/com.shwfed.actions.button.modal.layout/runtime.vue

@@ -5,7 +5,9 @@ import { useI18n } from "vue-i18n";
 import { openModal } from "../../../../../composables/useOverlay";
 import { getLocalizedText } from "../../../../../share/locale";
 import { lookupFindBlock } from "../../../../config/utils/block-ref-cache";
-import { injectCELContext, provideCELContext } from "../../../../../utils/cel-context";
+import { cel as _rawCel } from "../../../../../utils/cel";
+import { celBindings, injectCELContext, provideCELContext } from "../../../../../utils/cel-context";
+import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import {
   EVENT_CHANNEL_KEY,
   createEventChannel,
@@ -24,6 +26,7 @@ const { locale } = useI18n();
 const configure = (_env) => {
 };
 const inheritedCelContext = injectCELContext();
+const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inheritedCelContext), ...context });
 const inheritedFormState = inject(FORM_STATE_KEY, void 0);
 const outerEventChannel = useEventChannel();
 const currentClose = ref(null);
@@ -45,7 +48,11 @@ const ModalBoundaryBridge = defineComponent({
 });
 const findBlock = (type, compatibilityDate) => lookupFindBlock()?.(type, compatibilityDate);
 const effect = Effect.gen(function* () {
-  const title = getLocalizedText(props.config.modalTitle, locale.value) ?? getLocalizedText(props.buttonTitle, locale.value) ?? "";
+  const title = interpolateMarkdown(
+    getLocalizedText(props.config.modalTitle, locale.value) ?? getLocalizedText(props.buttonTitle, locale.value) ?? "",
+    $cel,
+    {}
+  );
   const { modal, close } = yield* openModal({
     title,
     width: props.config.modalWidth

package/dist/runtime/components/actions/buttons/2026-05-11/com.shwfed.actions.button.modal.layout/schema.d.ts

@@ -15,7 +15,13 @@ export declare const metadata: {
 export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
     type: Schema.Literal<["com.shwfed.actions.button.modal.layout"]>;
     compatibilityDate: Schema.Literal<["2026-05-11"]>;
-    modalTitle: Schema.optional<Schema.suspend<readonly [{
+    modalTitle: Schema.optional<Schema.refine<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], Schema.suspend<readonly [{
         readonly locale: "zh";
         readonly message: string;
     }, ...{
@@ -27,7 +33,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     }, ...{
         readonly locale: "en" | "ja" | "ko";
         readonly message: string;
-    }[]], never>>;
+    }[]], never>>>;
     modalWidth: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     modalMinHeight: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     slot: Schema.refine<{

package/dist/runtime/components/actions/buttons/2026-05-11/com.shwfed.actions.button.modal.layout/schema.js

@@ -1,5 +1,5 @@
 import { Schema } from "effect";
-import { Locale } from "../../../../../share/locale.js";
+import { LocaleMarkdown } from "../../../../../share/expression.js";
 import { Slot, defaultSlot } from "../../../../../share/layout.js";
 import { lookupBlockRef } from "../../../../config/utils/block-ref-cache.js";
 export const type = "com.shwfed.actions.button.modal.layout";
@@ -21,9 +21,9 @@ export function schema(configure) {
   return Schema.Struct({
     type: Schema.Literal(type),
     compatibilityDate: Schema.Literal(compatibilityDate),
-    modalTitle: Schema.optional(Locale.annotations({
+    modalTitle: Schema.optional(LocaleMarkdown({ configure }).annotations({
       title: "\u5F39\u7A97\u6807\u9898",
-      description: "\u5F39\u7A97\u9876\u90E8\u5C55\u793A\u7684\u672C\u5730\u5316\u6807\u9898\uFF0C\u652F\u6301\u884C\u5185 Markdown\uFF1B\u4E0D\u586B\u5219\u56DE\u9000\u4F7F\u7528\u6309\u94AE\u81EA\u8EAB\u7684\u540D\u79F0"
+      description: "\u5F39\u7A97\u9876\u90E8\u5C55\u793A\u7684\u672C\u5730\u5316\u6807\u9898\uFF0C\u652F\u6301\u884C\u5185 Markdown \u4E0E `{{ \u8868\u8FBE\u5F0F }}` \u63D2\u503C\uFF1B\u4E0D\u586B\u5219\u56DE\u9000\u4F7F\u7528\u6309\u94AE\u81EA\u8EAB\u7684\u540D\u79F0"
     })),
     modalWidth: Schema.optional(CssLength.annotations({
       title: "\u5F39\u7A97\u5BBD\u5EA6",

package/dist/runtime/components/actions/components/group.vue

@@ -13,6 +13,7 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigge
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../ui/tooltip";
 import { cel as _rawCel } from "../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../utils/cel-context";
+import { interpolateMarkdown } from "../../table/utils/runtime";
 import { buttonRegistryKey } from "../utils/button-registry";
 import { findButton, findItem } from "../utils/resolve";
 import { Fetch } from "fx-fetch";
@@ -246,7 +247,8 @@ function getDropdownLabel(dropdown) {
   return getLocalizedText(dropdown.title, locale.value) ?? t("untitled-dropdown");
 }
 function getButtonTooltip(button) {
-  return getLocalizedText(button.tooltip, locale.value);
+  const raw = getLocalizedText(button.tooltip, locale.value);
+  return raw ? interpolateMarkdown(raw, $cel, {}) : void 0;
 }
 function hasButtonTooltip(button) {
   return hasVisibleLocaleValue(button.tooltip);

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

@@ -147,7 +147,13 @@ export declare function ActionSchemaFields(configure: (env: Environment) => void
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]], never>;
-        tooltip: Schema.optional<Schema.suspend<readonly [{
+        tooltip: Schema.optional<Schema.refine<readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]], Schema.suspend<readonly [{
             readonly locale: "zh";
             readonly message: string;
         }, ...{
@@ -159,7 +165,7 @@ export declare function ActionSchemaFields(configure: (env: Environment) => void
         }, ...{
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
-        }[]], never>>;
+        }[]], never>>>;
         icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
         hidden: Schema.optional<Schema.Schema<string, string, never>>;
         disabled: Schema.optional<Schema.Schema<string, string, never>>;
@@ -182,7 +188,13 @@ export declare function ActionSchemaFields(configure: (env: Environment) => void
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]], never>;
-        tooltip: Schema.optional<Schema.suspend<readonly [{
+        tooltip: Schema.optional<Schema.refine<readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]], Schema.suspend<readonly [{
             readonly locale: "zh";
             readonly message: string;
         }, ...{
@@ -194,7 +206,7 @@ export declare function ActionSchemaFields(configure: (env: Environment) => void
         }, ...{
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
-        }[]], never>>;
+        }[]], never>>>;
         icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
         hidden: Schema.optional<Schema.Schema<string, string, never>>;
         disabled: Schema.optional<Schema.Schema<string, string, never>>;

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

@@ -1,5 +1,5 @@
 import { Option, Schema, SchemaAST } from "effect";
-import { Expression } from "../../share/expression.js";
+import { Expression, LocaleMarkdown } from "../../share/expression.js";
 import { Locale } from "../../share/locale.js";
 import { allButtonSchemas, allItemSchemas } from "./utils/resolve.js";
 import { md } from "../../share/markdown.js";
@@ -24,9 +24,9 @@ export function ActionSchemaFields(configure) {
     id: Schema.UUID.annotations({ description: "Action \u552F\u4E00\u6807\u8BC6" }),
     groupId: Schema.UUID.annotations({ description: "\u6240\u5C5E\u6309\u94AE\u7EC4\u6807\u8BC6" }),
     title: Locale.annotations({ title: "\u540D\u79F0", description: "\u6309\u94AE\u4E0A\u7684\u6587\u5B57" }),
-    tooltip: Schema.optional(Locale.annotations({
+    tooltip: Schema.optional(LocaleMarkdown({ configure }).annotations({
       title: "\u63D0\u793A",
-      description: "\u5F53\u7528\u6237\u5C06\u9F20\u6807\u79FB\u52A8\u81F3\u8BE5\u6309\u94AE\u4E0A\uFF0C\u5C06\u5C55\u793A\u7684\u63D0\u793A\u5185\u5BB9"
+      description: "\u5F53\u7528\u6237\u5C06\u9F20\u6807\u79FB\u52A8\u81F3\u8BE5\u6309\u94AE\u4E0A\uFF0C\u5C06\u5C55\u793A\u7684\u63D0\u793A\u5185\u5BB9\uFF1B\u652F\u6301\u884C\u5185 Markdown \u4E0E `{{ \u8868\u8FBE\u5F0F }}` \u63D2\u503C"
     })),
     icon: Schema.optional(Schema.String.annotations({
       title: "\u56FE\u6807",
@@ -59,9 +59,9 @@ export function ActionSchemaFields(configure) {
   const DropdownAction = Schema.Struct({
     id: Schema.UUID.annotations({ description: "\u4E0B\u62C9\u9879\u6309\u94AE\u552F\u4E00\u6807\u8BC6" }),
     title: Locale.annotations({ title: "\u540D\u79F0", description: "\u4E0B\u62C9\u9879\u6309\u94AE\u540D\u79F0\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C" }),
-    tooltip: Schema.optional(Locale.annotations({
+    tooltip: Schema.optional(LocaleMarkdown({ configure }).annotations({
       title: "\u63D0\u793A",
-      description: "\u4E0B\u62C9\u9879\u6309\u94AE\u63D0\u793A\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"
+      description: "\u4E0B\u62C9\u9879\u6309\u94AE\u63D0\u793A\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C\uFF1B\u652F\u6301\u884C\u5185 Markdown \u4E0E `{{ \u8868\u8FBE\u5F0F }}` \u63D2\u503C"
     })),
     icon: Schema.optional(Schema.String.annotations({
       title: "\u56FE\u6807",

package/dist/runtime/components/config/footer.d.vue.ts

@@ -1,11 +1,15 @@
+import { type HistoryVersion } from './history-picker.vue.js';
 import type { ConfigEditorState } from './use-editor.js';
 type __VLS_Props = {
     state: ConfigEditorState;
+    versions?: HistoryVersion[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
+    "select-version": (version: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
+    "onSelect-version"?: ((version: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,11 +1,14 @@
 <script setup>
 import { Icon } from "@iconify/vue";
 import { Button } from "../ui/button";
+import { ButtonGroup } from "../ui/button-group";
+import HistoryPicker, {} from "./history-picker.vue";
 defineOptions({ name: "ShwfedConfigEditorFooter" });
 const props = defineProps({
-  state: { type: Object, required: true }
+  state: { type: Object, required: true },
+  versions: { type: Array, required: false }
 });
-const emit = defineEmits(["close"]);
+const emit = defineEmits(["close", "select-version"]);
 function onDismiss() {
   props.state.dismiss();
   emit("close");
@@ -50,15 +53,25 @@ function onConfirm() {
     </Button>
     <!-- Edits land in the shared draft live, so confirming from a drilled
          frame needs no flushing — validate the whole draft, close on success,
-         stay in place on failure (the error renders in this same footer). -->
-    <Button
-      type="button"
-      variant="primary"
-      size="sm"
-      @click="onConfirm"
-    >
-      <Icon icon="fluent:checkmark-20-regular" />
-      确认
-    </Button>
+         stay in place on failure (the error renders in this same footer). The
+         history picker joins 确认 as a segmented group (a subtle divider between
+         them); with no versions the group holds just 确认. -->
+    <ButtonGroup>
+      <Button
+        type="button"
+        variant="primary"
+        size="sm"
+        @click="onConfirm"
+      >
+        <Icon icon="fluent:checkmark-20-regular" />
+        确认
+      </Button>
+      <HistoryPicker
+        v-if="props.versions?.length"
+        :versions="props.versions"
+        :dirty="props.state.isDirty.value"
+        @select="(v) => emit('select-version', v)"
+      />
+    </ButtonGroup>
   </div>
 </template>

package/dist/runtime/components/config/footer.vue.d.ts

@@ -1,11 +1,15 @@
+import { type HistoryVersion } from './history-picker.vue.js';
 import type { ConfigEditorState } from './use-editor.js';
 type __VLS_Props = {
     state: ConfigEditorState;
+    versions?: HistoryVersion[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
+    "select-version": (version: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
+    "onSelect-version"?: ((version: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/config/history-picker.d.vue.ts

@@ -0,0 +1,15 @@
+export interface HistoryVersion {
+    version: string;
+    name: string;
+}
+type __VLS_Props = {
+    versions: HistoryVersion[];
+    dirty?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (version: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((version: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/config/history-picker.vue

@@ -0,0 +1,155 @@
+<script setup>
+import { ref } from "vue";
+import { Icon } from "@iconify/vue";
+import { useI18n } from "vue-i18n";
+import { Button } from "../ui/button";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList
+} from "../ui/command";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle
+} from "../ui/alert-dialog";
+defineOptions({ name: "ShwfedConfigHistoryPicker" });
+const props = defineProps({
+  versions: { type: Array, required: true },
+  dirty: { type: Boolean, required: false }
+});
+const emit = defineEmits(["select"]);
+const { t } = useI18n({
+  inheritLocale: true,
+  messages: {
+    zh: {
+      "history-label": "\u5386\u53F2\u7248\u672C",
+      "history-search": "\u641C\u7D22\u7248\u672C\u2026",
+      "history-empty": "\u65E0\u5386\u53F2\u7248\u672C",
+      "history-confirm-body": "\u653E\u5F03\u5F53\u524D\u672A\u4FDD\u5B58\u7684\u4FEE\u6539\u5E76\u8F7D\u5165\u8BE5\u5386\u53F2\u7248\u672C\uFF1F",
+      "history-cancel": "\u53D6\u6D88",
+      "history-confirm": "\u8F7D\u5165"
+    },
+    ja: {
+      "history-label": "\u5C65\u6B74\u30D0\u30FC\u30B8\u30E7\u30F3",
+      "history-search": "\u30D0\u30FC\u30B8\u30E7\u30F3\u3092\u691C\u7D22\u2026",
+      "history-empty": "\u5C65\u6B74\u30D0\u30FC\u30B8\u30E7\u30F3\u306A\u3057",
+      "history-confirm-body": "\u672A\u4FDD\u5B58\u306E\u5909\u66F4\u3092\u7834\u68C4\u3057\u3066\u3053\u306E\u5C65\u6B74\u30D0\u30FC\u30B8\u30E7\u30F3\u3092\u8AAD\u307F\u8FBC\u307F\u307E\u3059\u304B\uFF1F",
+      "history-cancel": "\u30AD\u30E3\u30F3\u30BB\u30EB",
+      "history-confirm": "\u8AAD\u307F\u8FBC\u3080"
+    },
+    en: {
+      "history-label": "History",
+      "history-search": "Search versions\u2026",
+      "history-empty": "No history versions",
+      "history-confirm-body": "Discard current unsaved changes and load this history version?",
+      "history-cancel": "Cancel",
+      "history-confirm": "Load"
+    }
+  }
+});
+const open = ref(false);
+const pending = ref(null);
+const confirmOpen = ref(false);
+function onPick(v) {
+  open.value = false;
+  if (props.dirty) {
+    pending.value = v.version;
+    confirmOpen.value = true;
+    return;
+  }
+  emit("select", v.version);
+}
+function onConfirm() {
+  if (pending.value !== null) emit("select", pending.value);
+  pending.value = null;
+  confirmOpen.value = false;
+}
+function onCancel() {
+  pending.value = null;
+  confirmOpen.value = false;
+}
+</script>
+
+<template>
+  <Popover
+    v-if="props.versions.length"
+    v-model:open="open"
+  >
+    <PopoverTrigger as-child>
+      <Button
+        type="button"
+        variant="primary"
+        size="sm"
+        :aria-label="t('history-label')"
+      >
+        <Icon icon="fluent:history-20-regular" />
+      </Button>
+    </PopoverTrigger>
+    <PopoverContent
+      class="w-64 p-0"
+      align="end"
+    >
+      <Command>
+        <CommandInput :placeholder="t('history-search')" />
+        <CommandList>
+          <CommandEmpty class="py-6 text-center text-sm text-zinc-500">
+            {{ t("history-empty") }}
+          </CommandEmpty>
+          <CommandGroup>
+            <CommandItem
+              v-for="v in props.versions"
+              :key="v.version"
+              :value="v.name"
+              :keywords="v.version"
+              @select="onPick(v)"
+            >
+              <span class="flex-1 truncate">{{ v.name }}</span>
+              <span class="ml-auto text-xs tabular-nums text-zinc-400">{{ v.version }}</span>
+            </CommandItem>
+          </CommandGroup>
+        </CommandList>
+      </Command>
+    </PopoverContent>
+
+    <AlertDialog
+      :open="confirmOpen"
+      @update:open="(o) => {
+  if (!o) onCancel();
+}"
+    >
+      <AlertDialogContent class="sm:px-12 sm:py-8 flex flex-col gap-12">
+        <AlertDialogHeader class="sr-only">
+          <AlertDialogTitle>{{ t("history-label") }}</AlertDialogTitle>
+          <AlertDialogDescription>{{ t("history-confirm-body") }}</AlertDialogDescription>
+        </AlertDialogHeader>
+        <Icon
+          icon="fluent:warning-20-filled"
+          class="text-6xl mx-auto text-yellow-500"
+        />
+        <p class="text-sm text-zinc-900">
+          {{ t("history-confirm-body") }}
+        </p>
+        <AlertDialogFooter>
+          <AlertDialogCancel @click="onCancel">
+            <Icon icon="fluent:dismiss-20-regular" />
+            {{ t("history-cancel") }}
+          </AlertDialogCancel>
+          <AlertDialogAction @click="onConfirm">
+            <Icon icon="fluent:checkmark-20-regular" />
+            {{ t("history-confirm") }}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  </Popover>
+</template>

package/dist/runtime/components/config/history-picker.vue.d.ts

@@ -0,0 +1,15 @@
+export interface HistoryVersion {
+    version: string;
+    name: string;
+}
+type __VLS_Props = {
+    versions: HistoryVersion[];
+    dirty?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (version: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((version: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/config/index.d.vue.ts

@@ -1,14 +1,17 @@
 import type { Environment } from '../../vendor/cel-js/lib/index.js';
+import type { HistoryVersion } from './history-picker.vue.js';
 import { type PageConfigValue } from './schema.js';
 type __VLS_Props = {
     configure?: (env: Environment) => void;
     editable?: boolean;
+    versions?: HistoryVersion[];
 };
 type __VLS_ModelProps = {
     'config'?: PageConfigValue | null | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "select-version": (version: string) => any;
     "update:config": (value: Readonly<{
         kind: "shwfed.component.page";
         title?: import("../../share/locale.js").LocaleValue;
@@ -23,6 +26,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
         }>;
     }> | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onSelect-version"?: ((version: string) => any) | undefined;
     "onUpdate:config"?: ((value: Readonly<{
         kind: "shwfed.component.page";
         title?: import("../../share/locale.js").LocaleValue;

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

@@ -32,8 +32,10 @@ const config = computed({
 });
 const props = defineProps({
   configure: { type: Function, required: false },
-  editable: { type: Boolean, required: false }
+  editable: { type: Boolean, required: false },
+  versions: { type: Array, required: false }
 });
+const emit = defineEmits(["select-version"]);
 const inheritedCEL = injectCELContext();
 const hostConfigure = props.configure ?? (() => {
 });
@@ -90,6 +92,9 @@ const editorState = useConfigEditor(config, {
 watch(editorOpen, (open, prev) => {
   if (open && !prev) editorState.reset();
 });
+watch(configModel, () => {
+  if (editorOpen.value) editorState.reset();
+});
 function onGridClick(event) {
   if (!props.editable) return;
   if (!event.metaKey && !event.ctrlKey) return;
@@ -193,7 +198,9 @@ const isMac = computed(
       <template #footer>
         <EditorFooter
           :state="editorState"
+          :versions="props.versions"
           @close="editorOpen = false"
+          @select-version="(v) => emit('select-version', v)"
         />
       </template>
     </ShwfedModal>

package/dist/runtime/components/config/index.vue.d.ts

@@ -1,14 +1,17 @@
 import type { Environment } from '../../vendor/cel-js/lib/index.js';
+import type { HistoryVersion } from './history-picker.vue.js';
 import { type PageConfigValue } from './schema.js';
 type __VLS_Props = {
     configure?: (env: Environment) => void;
     editable?: boolean;
+    versions?: HistoryVersion[];
 };
 type __VLS_ModelProps = {
     'config'?: PageConfigValue | null | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "select-version": (version: string) => any;
     "update:config": (value: Readonly<{
         kind: "shwfed.component.page";
         title?: import("../../share/locale.js").LocaleValue;
@@ -23,6 +26,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
         }>;
     }> | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onSelect-version"?: ((version: string) => any) | undefined;
     "onUpdate:config"?: ((value: Readonly<{
         kind: "shwfed.component.page";
         title?: import("../../share/locale.js").LocaleValue;

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.text/config.d.vue.ts

@@ -39,17 +39,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
-        readonly validations?: readonly {
-            readonly message: readonly [{
-                readonly locale: "zh";
-                readonly message: string;
-            }, ...{
-                readonly locale: "en" | "ja" | "ko";
-                readonly message: string;
-            }[]];
-            readonly warning?: boolean | undefined;
-            readonly when: string;
-        }[] | undefined;
         readonly addon?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;
@@ -117,6 +106,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
             }[];
         } | undefined;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -155,17 +155,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
-        readonly validations?: readonly {
-            readonly message: readonly [{
-                readonly locale: "zh";
-                readonly message: string;
-            }, ...{
-                readonly locale: "en" | "ja" | "ko";
-                readonly message: string;
-            }[]];
-            readonly warning?: boolean | undefined;
-            readonly when: string;
-        }[] | undefined;
         readonly addon?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;
@@ -233,6 +222,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
             }[];
         } | undefined;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;