@shwfed/config 1.1.5 → 2.0.1

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.select/runtime.vue

@@ -2,15 +2,14 @@
 import { computed } from "vue";
 import { Effect } from "effect";
 import { Icon } from "@iconify/vue";
-import { useNuxtApp } from "#app";
-import { celBindings, injectCELContext } from "../../../../../plugins/cel/context";
+import { cel as $cel } from "../../../../../utils/cel";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
 import { cn } from "../../../../../utils/cn";
 defineOptions({ name: "ShwfedTableSelectRendererRuntime" });
 const props = defineProps({
   column: { type: null, required: true },
   ctx: { type: Object, required: true }
 });
-const { $cel } = useNuxtApp();
 const celContext = injectCELContext();
 function evalPredicate(expression, fallback) {
   try {

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.text/runtime.vue

@@ -2,16 +2,15 @@
 import { computed } from "vue";
 import { Icon } from "@iconify/vue";
 import { Effect } from "effect";
-import { useNuxtApp } from "#app";
+import { cel as $cel } from "../../../../../utils/cel";
 import { Button } from "../../../../ui/button";
 import { JUSTIFY_CLASS } from "../../../utils/runtime";
-import { celBindings, injectCELContext } from "../../../../../plugins/cel/context";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
 defineOptions({ name: "ShwfedTableTextRendererRuntime" });
 const props = defineProps({
   column: { type: null, required: true },
   ctx: { type: Object, required: true }
 });
-const { $cel } = useNuxtApp();
 const celContext = injectCELContext();
 const rawValue = computed(() => props.ctx.cell.getValue());
 const isMissing = computed(() => rawValue.value === void 0 || rawValue.value === null);

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

@@ -3,19 +3,20 @@ import { computed, ref } from "vue";
 import { Effect } from "effect";
 import { Fetch } from "fx-fetch";
 import { toast } from "vue-sonner";
-import { useNuxtApp } from "#app";
+import { cel as $cel } from "../../../../../utils/cel";
 import { Switch } from "../../../../ui/switch";
 import { JUSTIFY_CLASS } from "../../../utils/runtime";
-import { celBindings, injectCELContext } from "../../../../../plugins/cel/context";
-import { useTableHost } from "../../../utils/host";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { useEventChannel } from "../../../../../share/event-bus";
+import { useTableInstanceId } from "../../../utils/instance";
 defineOptions({ name: "ShwfedTableSwitchRendererRuntime" });
 const props = defineProps({
   column: { type: null, required: true },
   ctx: { type: Object, required: true }
 });
-const { $cel } = useNuxtApp();
 const celContext = injectCELContext();
-const host = useTableHost();
+const eventChannel = useEventChannel();
+const tableInstanceId = useTableInstanceId();
 const rawValue = computed(() => props.ctx.cell.getValue());
 const isMissing = computed(() => rawValue.value === void 0 || rawValue.value === null);
 const checked = computed(() => rawValue.value === true);
@@ -55,7 +56,11 @@ async function onUpdate(next) {
         console.error("[shwfed-table] switch successMessage failed", e);
       }
     }
-    await host?.refetch();
+    if (eventChannel && tableInstanceId) {
+      await Effect.runPromise(
+        eventChannel.dispatch({ target: tableInstanceId, operation: "search" })
+      );
+    }
   } catch (e) {
     console.error("[shwfed-table] switch onChange failed", e);
     toast.error("\u8BF7\u6C42\u5931\u8D25");

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

@@ -1,16 +1,17 @@
 <script setup>
 import { computed, defineComponent, inject, onBeforeUnmount, provide, ref, watch } from "vue";
-import { provideCELContext } from "../../plugins/cel/context";
+import { provideCELContext } from "../../utils/cel-context";
 import { BREADCRUMB_EXTENSION_KEY } from "../config/breadcrumb-extension";
 import { TABLE_COLUMN_LAYOUT_KEY } from "./column-layout";
 import { Icon } from "@iconify/vue";
 import { ParseResult, Schema } from "effect";
-import { TableConfig, Pagination, ColumnGroup, DataSource } from "./schema";
+import { TableConfig, Pagination, ColumnGroup, DataSource, metadata as tableMetadata } from "./schema";
 import { COLUMNS, findColumn as findColumnEntry } from "./utils/resolve";
 import {
   useTreeDnd
 } from "../../composables/useTreeDnd";
 import { getStructFieldDescription, getStructFieldTitle } from "./utils/schema-meta";
+import { provideEventAncestor } from "../../share/event-bus";
 import { Markdown } from "../ui/markdown";
 import { Badge } from "../ui/badge";
 import { ScrollArea } from "../ui/scroll-area";
@@ -26,6 +27,7 @@ import {
   InputGroup,
   InputGroupAddon,
   InputGroupCombobox,
+  InputGroupInput,
   InputGroupNumberField
 } from "../ui/input-group";
 import ActionsConfigEditor from "../actions/config.vue";
@@ -265,6 +267,21 @@ const selectedActions = computed(() => selected.value.kind === "actions");
 const selectedQuery = computed(() => selected.value.kind === "query");
 const columnFullPane = ref(false);
 provide(TABLE_COLUMN_LAYOUT_KEY, { fullPane: columnFullPane });
+const tableEventAncestor = computed(() => {
+  const id = config.value.id;
+  if (!id) return null;
+  const displayName = config.value.displayName;
+  return {
+    instanceId: id,
+    // Left undefined when the configurer wrote no 内部名称 — the trigger UI
+    // then shows just the type name rather than a redundant 「表格」.
+    name: displayName && displayName.length > 0 ? displayName : void 0,
+    typeName: tableMetadata.name,
+    typeIcon: tableMetadata.icon,
+    operations: tableMetadata.operations
+  };
+});
+provideEventAncestor(tableEventAncestor);
 const isDrilled = computed(
   () => selectedActions.value || selectedQuery.value || columnFullPane.value
 );
@@ -879,6 +896,10 @@ function updateGeneralOptionalString(key, value) {
     writeGeneralPatch({ [key]: value });
   }
 }
+function setGeneralDisplayName(value) {
+  const next = String(value ?? "");
+  writeGeneralPatch({ displayName: next.length > 0 ? next : void 0 });
+}
 function setDataSourceField(key, value) {
   const cur = readGeneral();
   const ds = { ...cur.dataSource ?? {} };
@@ -1207,6 +1228,29 @@ const tableQueryValue = computed({
             v-if="selectedGeneral"
             class="space-y-5"
           >
+            <Field orientation="vertical">
+              <FieldLabel class="text-xs text-zinc-500">
+                <template
+                  v-if="generalFieldDescription('displayName')"
+                  #tooltip
+                >
+                  <Markdown
+                    :source="generalFieldDescription('displayName')"
+                    block
+                    class="prose prose-sm prose-zinc"
+                  />
+                </template>
+                {{ generalFieldTitle("displayName") }}
+              </FieldLabel>
+              <InputGroup>
+                <InputGroupInput
+                  :model-value="editingGeneralConfig.displayName ?? ''"
+                  placeholder="例：订单列表"
+                  @update:model-value="setGeneralDisplayName"
+                />
+              </InputGroup>
+            </Field>
+
             <div class="flex items-center gap-2">
               <h3 class="text-xs font-medium text-zinc-500">
                 {{ generalFieldTitle("dataSource") }}

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

@@ -15,6 +15,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }, import("@tanstack/vue-table").Table<unknown>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:config": (value: Readonly<{
         kind: "shwfed.component.table";
+        id?: string;
+        displayName?: string;
         columns: ReadonlyArray<ColumnValue>;
         groups: ReadonlyArray<ColumnGroupValue>;
         dataSource: Readonly<{
@@ -55,6 +57,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }> & Readonly<{
     "onUpdate:config"?: ((value: Readonly<{
         kind: "shwfed.component.table";
+        id?: string;
+        displayName?: string;
         columns: ReadonlyArray<ColumnValue>;
         groups: ReadonlyArray<ColumnGroupValue>;
         dataSource: Readonly<{

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

@@ -1,5 +1,5 @@
 <script setup>
-import { useNuxtApp } from "#app";
+import { cel as $cel } from "../../utils/cel";
 import { Icon } from "@iconify/vue";
 import {
   FlexRender,
@@ -15,7 +15,7 @@ import { Fetch } from "fx-fetch";
 import { Pagination } from "reka-ui/namespaced";
 import { computed, defineComponent, h, onMounted, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
-import { celBindings, provideCELContext, injectCELContext } from "../../plugins/cel/context";
+import { celBindings, provideCELContext, injectCELContext } from "../../utils/cel-context";
 import { getLocalizedText } from "../../share/locale";
 import { Button } from "../ui/button";
 import { Markdown } from "../ui/markdown";
@@ -24,7 +24,8 @@ 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 { provideTableHost } from "./utils/host";
+import { provideTableInstanceId } from "./utils/instance";
+import { provideEventTarget } from "../../share/event-bus";
 import { findColumn } from "./utils/resolve";
 import { interpolateMarkdown } from "./utils/runtime";
 const config = defineModel("config", { type: Object });
@@ -64,7 +65,6 @@ const { t, locale } = useI18n({
     }
   }
 });
-const { $cel } = useNuxtApp();
 const inheritedContext = injectCELContext();
 const containerRef = ref(null);
 const appliedInitialStateKey = ref("");
@@ -281,26 +281,32 @@ async function fetchDataSource() {
     console.warn("[shwfed-table] dataSource fetch failed", e);
   }
 }
-provideTableHost({
-  search: async () => {
+async function resetQuery() {
+  const initial = config.value?.query?.initial;
+  if (!initial) {
+    queryState.value = {};
+    return;
+  }
+  try {
+    const result = await Effect.runPromise($cel(initial, { query: {} }));
+    queryState.value = result && typeof result === "object" && !Array.isArray(result) ? { ...result } : {};
+  } catch (e) {
+    console.error("[shwfed-table] resetQuery failed", e);
+    queryState.value = {};
+  }
+}
+const tableInstanceId = config.value?.id ?? crypto.randomUUID();
+provideTableInstanceId(tableInstanceId);
+provideEventTarget(tableInstanceId, {
+  "reset-query": () => Effect.promise(resetQuery),
+  "reset-pagination": () => Effect.promise(async () => {
     tableApi.setPageIndex(0);
     await fetchDataSource();
-  },
-  refetch: () => fetchDataSource(),
-  resetQuery: async () => {
-    const initial = config.value?.query?.initial;
-    if (!initial) {
-      queryState.value = {};
-      return;
-    }
-    try {
-      const result = await Effect.runPromise($cel(initial, { query: {} }));
-      queryState.value = result && typeof result === "object" && !Array.isArray(result) ? { ...result } : {};
-    } catch (e) {
-      console.error("[shwfed-table] resetQuery failed", e);
-      queryState.value = {};
-    }
-  }
+  }),
+  "search": () => Effect.promise(fetchDataSource),
+  "clear-selection": () => Effect.sync(() => {
+    tableApi.resetRowSelection(true);
+  })
 });
 const queryRef = ref(null);
 onMounted(async () => {

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

@@ -15,6 +15,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }, import("@tanstack/vue-table").Table<unknown>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:config": (value: Readonly<{
         kind: "shwfed.component.table";
+        id?: string;
+        displayName?: string;
         columns: ReadonlyArray<ColumnValue>;
         groups: ReadonlyArray<ColumnGroupValue>;
         dataSource: Readonly<{
@@ -55,6 +57,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }> & Readonly<{
     "onUpdate:config"?: ((value: Readonly<{
         kind: "shwfed.component.table";
+        id?: string;
+        displayName?: string;
         columns: ReadonlyArray<ColumnValue>;
         groups: ReadonlyArray<ColumnGroupValue>;
         dataSource: Readonly<{

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

@@ -4,6 +4,27 @@ import { type ActionsConfigValue } from '../actions/schema.js';
 import { type FormConfigValue } from '../form/schema.js';
 export { getStructFieldTitle, getStructFieldDescription } from './utils/schema-meta.js';
 declare const KIND = "shwfed.component.table";
+export declare const metadata: {
+    readonly name: "表格";
+    readonly icon: "fluent:table-20-regular";
+    readonly operations: readonly [{
+        readonly id: "reset-query";
+        readonly name: "重置搜索条件";
+        readonly icon: "fluent:arrow-reset-20-regular";
+    }, {
+        readonly id: "reset-pagination";
+        readonly name: "重置分页并执行搜索";
+        readonly icon: "fluent:arrow-previous-20-regular";
+    }, {
+        readonly id: "search";
+        readonly name: "执行搜索";
+        readonly icon: "fluent:search-20-regular";
+    }, {
+        readonly id: "clear-selection";
+        readonly name: "清空所有选中行";
+        readonly icon: "fluent:select-all-off-20-regular";
+    }];
+};
 declare const InitialState: Schema.Struct<{
     columnVisibility: Schema.optional<Schema.Record$<typeof Schema.String, typeof Schema.Boolean>>;
     columnOrder: Schema.optional<Schema.Array$<typeof Schema.String>>;
@@ -75,6 +96,8 @@ export declare function DataSource(configure: (env: Environment) => void): Schem
 }>;
 export declare function TableConfig(configure: (env: Environment) => void): Schema.refine<{
     readonly style?: string | undefined;
+    readonly id?: string | undefined;
+    readonly displayName?: string | undefined;
     readonly columns: readonly any[];
     readonly kind: "shwfed.component.table";
     readonly groups: readonly {
@@ -186,6 +209,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             };
             readonly media?: string | undefined;
         }[];
+        readonly readonly?: string | undefined;
     } | undefined;
     readonly cellStyle?: string | undefined;
     readonly pagination?: {
@@ -237,6 +261,8 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
     } | undefined;
 }, Schema.Struct<{
     kind: Schema.tag<"shwfed.component.table">;
+    id: Schema.optional<Schema.refine<string, typeof Schema.String>>;
+    displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
     columns: Schema.Array$<Schema.Schema<any, any, never>>;
     groups: Schema.optionalWith<Schema.Array$<Schema.Struct<{
         id: Schema.refine<string, typeof Schema.String>;
@@ -353,6 +379,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             };
             readonly media?: string | undefined;
         }[];
+        readonly readonly?: string | undefined;
     }, Schema.Struct<{
         fields: Schema.Array$<Schema.Schema<any, any, never>>;
         layouts: Schema.refine<readonly {
@@ -388,6 +415,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
         }>>>;
         kind: Schema.tag<"shwfed.component.form">;
         initial: Schema.optional<Schema.Schema<string, string, never>>;
+        readonly: Schema.optional<Schema.Schema<string, string, never>>;
     }>>>;
     cellStyle: Schema.optional<Schema.Schema<string, string, never>>;
     style: Schema.optional<typeof Schema.String>;
@@ -441,6 +469,8 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
 }>>;
 export declare function createTableConfig(body: Omit<Schema.Schema.Type<ReturnType<typeof TableConfig>>, 'kind'>): {
     style?: string | undefined;
+    id?: string | undefined;
+    displayName?: string | undefined;
     columns: readonly any[];
     groups: readonly {
         readonly id: string;
@@ -551,6 +581,7 @@ export declare function createTableConfig(body: Omit<Schema.Schema.Type<ReturnTy
             };
             readonly media?: string | undefined;
         }[];
+        readonly readonly?: string | undefined;
     } | undefined;
     cellStyle?: string | undefined;
     pagination?: {
@@ -619,6 +650,8 @@ export type DataSourceValue = Readonly<{
 export type TableActionsValue = Omit<ActionsConfigValue, 'kind'>;
 export type TableConfigValue = Readonly<{
     kind: typeof KIND;
+    id?: string;
+    displayName?: string;
     columns: ReadonlyArray<ColumnValue>;
     groups: ReadonlyArray<ColumnGroupValue>;
     dataSource: DataSourceValue;

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

@@ -7,6 +7,19 @@ import { allColumnSchemas } from "./utils/resolve.js";
 import { registerRowVariablesIfAbsent } from "./utils/shared.js";
 export { getStructFieldTitle, getStructFieldDescription } from "./utils/schema-meta.js";
 const KIND = "shwfed.component.table";
+export const metadata = {
+  name: "\u8868\u683C",
+  icon: "fluent:table-20-regular",
+  // Atomic operations — compose them on one button (ordered triggers) to get
+  // the legacy combined behaviours. Only `search` actually fetches data;
+  // `reset-query` / `reset-pagination` / `clear-selection` just prepare state.
+  operations: [
+    { id: "reset-query", name: "\u91CD\u7F6E\u641C\u7D22\u6761\u4EF6", icon: "fluent:arrow-reset-20-regular" },
+    { id: "reset-pagination", name: "\u91CD\u7F6E\u5206\u9875\u5E76\u6267\u884C\u641C\u7D22", icon: "fluent:arrow-previous-20-regular" },
+    { id: "search", name: "\u6267\u884C\u641C\u7D22", icon: "fluent:search-20-regular" },
+    { id: "clear-selection", name: "\u6E05\u7A7A\u6240\u6709\u9009\u4E2D\u884C", icon: "fluent:select-all-off-20-regular" }
+  ]
+};
 const SortItem = Schema.Struct({
   id: Schema.String.annotations({ description: "\u5217 ID" }),
   desc: Schema.optionalWith(Schema.Boolean, { default: () => false }).annotations({
@@ -190,6 +203,13 @@ export function TableConfig(configure) {
   const Query = FormConfig(configure);
   return Schema.Struct({
     kind: Schema.tag(KIND),
+    id: Schema.optional(Schema.UUID.annotations({
+      description: "\u8868\u683C\u5B9E\u4F8B\u552F\u4E00\u6807\u8BC6\uFF1B\u4F5C\u4E3A\u4E8B\u4EF6\u76EE\u6807\u88AB op-request \u5F15\u7528"
+    })),
+    displayName: Schema.optional(Schema.String.annotations({
+      title: "\u5185\u90E8\u540D\u79F0",
+      description: "\u4EC5\u5728\u914D\u7F6E\u754C\u9762\u53EF\u89C1\u7684\u8868\u683C\u540D\u79F0\uFF0C\u7528\u4E8E\u5728\u4E8B\u4EF6\u76EE\u6807\u7B49\u4F4D\u7F6E\u6807\u8BC6\u8BE5\u8868\u683C\uFF1B\u8FD0\u884C\u65F6\u4E0D\u5C55\u793A"
+    })),
     columns: Schema.Array(ColumnSchema).annotations({
       description: "\u5217\u5B9A\u4E49\u5217\u8868"
     }),
@@ -240,6 +260,7 @@ export function createTableConfig(body) {
 export function defaultTableConfig() {
   return {
     kind: KIND,
+    id: crypto.randomUUID(),
     columns: [],
     groups: [],
     dataSource: { data: "[]" },

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

@@ -0,0 +1,2 @@
+export declare function provideTableInstanceId(id: string): void;
+export declare function useTableInstanceId(): string | undefined;

package/dist/runtime/components/table/utils/instance.js

@@ -0,0 +1,8 @@
+import { inject, provide } from "vue";
+const TABLE_INSTANCE_ID_KEY = Symbol("shwfed-table-instance-id");
+export function provideTableInstanceId(id) {
+  provide(TABLE_INSTANCE_ID_KEY, id);
+}
+export function useTableInstanceId() {
+  return inject(TABLE_INSTANCE_ID_KEY, void 0);
+}

package/dist/runtime/components/ui/date-picker/DatePickerInput.vue

@@ -14,7 +14,7 @@ const props = defineProps({
   readonly: { type: Boolean, required: false },
   open: { type: Boolean, required: false },
   prefixIcon: { type: String, required: false },
-  clearIcon: { type: String, required: false, default: "lucide:x" },
+  clearIcon: { type: String, required: false, default: "fluent:dismiss-20-regular" },
   size: { type: String, required: false, default: "md" },
   class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
 });
@@ -98,7 +98,7 @@ const showClear = computed(
       v-if="showClear"
       align="inline-end"
       :class="cn(
-  'opacity-0 transition-opacity',
+  '[@media(hover:hover)]:opacity-0 transition-opacity',
   'group-hover/date-picker-input:opacity-100 focus-within:opacity-100'
 )"
     >

package/dist/runtime/components/ui/date-picker/DatePickerTimeInput.vue

@@ -13,7 +13,7 @@ const props = defineProps({
   readonly: { type: Boolean, required: false },
   clearable: { type: Boolean, required: false, default: true },
   prefixIcon: { type: String, required: false },
-  clearIcon: { type: String, required: false, default: "lucide:x" },
+  clearIcon: { type: String, required: false, default: "fluent:dismiss-20-regular" },
   size: { type: String, required: false, default: "md" },
   class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
 });
@@ -82,7 +82,7 @@ function onClear() {
       v-if="showClear"
       align="inline-end"
       :class="cn(
-  'opacity-0 transition-opacity',
+  '[@media(hover:hover)]:opacity-0 transition-opacity',
   'group-hover/date-picker-input:opacity-100 focus-within:opacity-100'
 )"
     >

package/dist/runtime/components/ui/date-range-picker/DateRangePickerInput.vue

@@ -13,7 +13,7 @@ const props = defineProps({
   endPlaceholder: { type: String, required: false },
   rangeSeparatorIcon: { type: String, required: false },
   prefixIcon: { type: String, required: false },
-  clearIcon: { type: String, required: false, default: "lucide:x" },
+  clearIcon: { type: String, required: false, default: "fluent:dismiss-20-regular" },
   clearable: { type: Boolean, required: false, default: true },
   disabled: { type: Boolean, required: false },
   readonly: { type: Boolean, required: false },
@@ -157,7 +157,7 @@ const hasValue = computed(() => props.startValue !== void 0 || props.endValue !=
       tabindex="-1"
       :class="cn(
   'mr-2 shrink-0 text-zinc-500 hover:text-zinc-700 transition-opacity',
-  'opacity-0',
+  '[@media(hover:hover)]:opacity-0',
   'group-hover/date-range-input:opacity-100 focus-within:opacity-100'
 )"
       @mousedown.prevent

package/dist/runtime/components/ui/date-range-picker/DateRangePickerTimeInput.vue

@@ -11,7 +11,7 @@ const props = defineProps({
   hourCycle: { type: Number, required: false, default: 24 },
   rangeSeparatorIcon: { type: String, required: false, default: "lucide:arrow-right" },
   prefixIcon: { type: String, required: false },
-  clearIcon: { type: String, required: false, default: "lucide:x" },
+  clearIcon: { type: String, required: false, default: "fluent:dismiss-20-regular" },
   clearable: { type: Boolean, required: false, default: true },
   disabled: { type: Boolean, required: false },
   readonly: { type: Boolean, required: false },
@@ -132,7 +132,7 @@ const showClear = computed(
       tabindex="-1"
       :class="cn(
   'mr-2 size-5 shrink-0 rounded text-zinc-500 transition-opacity hover:text-zinc-700',
-  'opacity-0',
+  '[@media(hover:hover)]:opacity-0',
   'group-hover/date-range-time-input:opacity-100 focus-within:opacity-100',
   'flex items-center justify-center'
 )"

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

@@ -13,10 +13,22 @@ type __VLS_Props = {
     resultType?: string | string[];
     extraVars?: Record<string, VarSpec>;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare var __VLS_14: {}, __VLS_108: {};
+type __VLS_Slots = {} & {
+    leading?: (props: typeof __VLS_14) => any;
+} & {
+    trailing?: (props: typeof __VLS_108) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (payload: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/expression-editor/ExpressionEditor.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { Icon } from "@iconify/vue";
-import { computed, ref, watch } from "vue";
-import { injectCELContext } from "../../../plugins/cel/context";
+import { computed, ref, useSlots, watch } from "vue";
+import { injectCELContext } from "../../../utils/cel-context";
 import { Markdown } from "../markdown";
 import { cn } from "../../../utils/cn";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../command";
@@ -50,7 +50,8 @@ const resultTypeLabel = computed(() => {
   if (Array.isArray(rt)) return rt.length > 0 ? rt.join(" | ") : null;
   return rt;
 });
-const showAddon = computed(() => hasVars.value || !!resultTypeLabel.value);
+const slots = useSlots();
+const showAddon = computed(() => hasVars.value || !!resultTypeLabel.value || !!slots.trailing);
 const addonAlign = computed(
   () => props.multiline ? "block-end" : "inline-end"
 );
@@ -58,6 +59,12 @@ const addonAlign = computed(
 
 <template>
   <InputGroup>
+    <InputGroupAddon
+      v-if="$slots.leading"
+      align="inline-start"
+    >
+      <slot name="leading" />
+    </InputGroupAddon>
     <InputGroupTextarea
       v-if="props.multiline"
       :model-value="props.modelValue"
@@ -145,6 +152,7 @@ const addonAlign = computed(
       >
         {{ resultTypeLabel }}
       </span>
+      <slot name="trailing" />
     </InputGroupAddon>
   </InputGroup>
 </template>

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

@@ -13,10 +13,22 @@ type __VLS_Props = {
     resultType?: string | string[];
     extraVars?: Record<string, VarSpec>;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare var __VLS_14: {}, __VLS_108: {};
+type __VLS_Slots = {} & {
+    leading?: (props: typeof __VLS_14) => any;
+} & {
+    trailing?: (props: typeof __VLS_108) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (payload: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/locale/Locale.vue

@@ -209,7 +209,7 @@ async function onAiTranslate(locale) {
                 @click="onAiTranslate(item.locale)"
               >
                 <Icon
-                  :icon="isAiTranslating(item.locale) ? 'fluent:arrow-sync-20-regular' : 'fluent:sparkle-20-regular'"
+                  :icon="isAiTranslating(item.locale) ? 'fluent:arrow-sync-20-regular' : 'fluent:magic-wand-20-regular'"
                   :class="isAiTranslating(item.locale) ? 'animate-spin' : ''"
                 />
               </button>
@@ -313,7 +313,7 @@ async function onAiTranslate(locale) {
             @click="onAiTranslate(item.locale)"
           >
             <Icon
-              :icon="isAiTranslating(item.locale) ? 'fluent:arrow-sync-20-regular' : 'fluent:sparkle-20-regular'"
+              :icon="isAiTranslating(item.locale) ? 'fluent:arrow-sync-20-regular' : 'fluent:magic-wand-20-regular'"
               :class="isAiTranslating(item.locale) ? 'animate-spin' : ''"
             />
           </button>

package/dist/runtime/components/ui/radio-group/RadioGroup.d.vue.ts

@@ -0,0 +1,22 @@
+import type { RadioGroupRootProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = RadioGroupRootProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (payload: import("reka-ui").AcceptableValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: import("reka-ui").AcceptableValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};