@shwfed/config 2.12.4 → 2.12.6

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/runtime.d.vue.ts

@@ -29,40 +29,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     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;
@@ -130,6 +96,40 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     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;
@@ -277,40 +277,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     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;
@@ -378,6 +344,40 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     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;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/runtime.vue.d.ts

@@ -29,40 +29,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     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;
@@ -130,6 +96,40 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     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;
@@ -277,40 +277,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     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;
@@ -378,6 +344,40 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     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;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/schema.d.ts

@@ -47,40 +47,6 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
                 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;
@@ -148,6 +114,40 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
                 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;

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>