@shwfed/config 2.11.6 → 2.12.0

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

@@ -33,6 +33,7 @@ import {
   InputGroupNumberField
 } from "../ui/input-group";
 import ActionsConfigEditor from "../actions/config.vue";
+import TableAiGenerate from "./ai-generate.vue";
 import ShwfedFormConfig from "../form/config.vue";
 import { defaultFormConfig } from "../form/schema";
 import { Environment } from "../../vendor/cel-js/lib/index";
@@ -248,7 +249,7 @@ function writeGeneralPatch(patch) {
   };
 }
 const editingGeneralConfig = computed(() => readGeneral());
-const selected = ref({ kind: "general" });
+const selected = ref(props.hideDataSource ? { kind: "general" } : { kind: "ai" });
 const fieldErrors = ref({});
 watch(
   config,
@@ -267,6 +268,7 @@ watch(
   },
   { immediate: true, deep: true }
 );
+const selectedAi = computed(() => selected.value.kind === "ai");
 const selectedGeneral = computed(() => selected.value.kind === "general");
 const selectedActions = computed(() => selected.value.kind === "actions");
 const selectedBottomActions = computed(() => selected.value.kind === "bottomActions");
@@ -523,6 +525,7 @@ function deleteColumn(columnId) {
 }
 function resolveSelection() {
   const s = selected.value;
+  if (s.kind === "ai") return;
   if (s.kind === "general") return;
   if (s.kind === "actions") return;
   if (s.kind === "bottomActions") return;
@@ -531,6 +534,9 @@ function resolveSelection() {
   if (s.kind === "column" && findColumn(s.id)) return;
   selected.value = { kind: "general" };
 }
+function selectAi() {
+  selected.value = { kind: "ai" };
+}
 function selectGeneral() {
   selected.value = { kind: "general" };
 }
@@ -1072,6 +1078,21 @@ const tableQueryValue = computed({
       >
         <ScrollArea class="flex-1">
           <div class="flex flex-col gap-1">
+            <div
+              v-if="!hideDataSource"
+              class="row general-row pl-2"
+              :class="[
+  selectedAi ? 'bg-[color-mix(in_srgb,var(--primary)_10%,white)] text-(--primary)' : 'text-zinc-600 hover:bg-zinc-50'
+]"
+              @click.stop="selectAi()"
+            >
+              <Icon
+                icon="fluent:sparkle-20-regular"
+                class="size-4 shrink-0"
+              />
+              <span class="flex-1 truncate">AI 生成</span>
+            </div>
+
             <div
               class="row general-row pl-2"
               :class="[
@@ -1279,8 +1300,21 @@ const tableQueryValue = computed({
         </div>
       </div>
 
-      <div class="flex flex-1 flex-col">
-        <ScrollArea class="flex-1">
+      <div class="flex min-h-0 min-w-0 flex-1 flex-col">
+        <!-- The AI chat owns the full right pane and manages its own scroll /
+             composer, so it replaces (not nests inside) the section ScrollArea.
+             `min-w-0` lets this flex item shrink below its content's intrinsic
+             width — without it a long tool-call `<pre>` forces the pane (and the
+             whole editor dialog) wider than the viewport. -->
+        <TableAiGenerate
+          v-if="selectedAi"
+          v-model="config"
+          :configure="configure"
+        />
+        <ScrollArea
+          v-else
+          class="flex-1"
+        >
           <div
             v-if="selectedGeneral"
             class="space-y-5"

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

@@ -9,11 +9,11 @@ type __VLS_ModelProps = {
     modelValue: AnyRecord;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_224: {}, __VLS_226: {};
+declare var __VLS_234: {}, __VLS_236: {};
 type __VLS_Slots = {} & {
-    'general-grid-extra'?: (props: typeof __VLS_224) => any;
+    'general-grid-extra'?: (props: typeof __VLS_234) => any;
 } & {
-    'general-extra'?: (props: typeof __VLS_226) => any;
+    'general-extra'?: (props: typeof __VLS_236) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: AnyRecord) => any;

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

@@ -63,37 +63,61 @@ export declare const Pagination: Schema.Struct<{
     pageSize: Schema.refine<number, Schema.filter<typeof Schema.Number>>;
     pageSizes: Schema.optional<Schema.Array$<Schema.filter<Schema.filter<typeof Schema.Number>>>>;
     pageIndex: Schema.optional<Schema.filter<Schema.filter<typeof Schema.Number>>>;
-    left: 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>;
-    }>]>>;
-    right: 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>;
-    }>]>>;
+    left: Schema.optional<Schema.suspend<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], string | readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], never>>;
+    right: Schema.optional<Schema.suspend<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], string | readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], never>>;
 }>;
 export declare const ColumnGroup: Schema.Struct<{
     id: Schema.refine<string, typeof Schema.String>;
-    title: 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>;
-    }>]>>;
-    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>;
-    }>]>>;
+    title: Schema.optional<Schema.suspend<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], string | readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], never>>;
+    tooltip: Schema.optional<Schema.suspend<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], string | readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], never>>;
 }>;
 export declare function configureTableActionsScope(env: Environment, configure: (env: Environment) => void): void;
 export declare function registerDataSourceRequestVars(env: Environment): void;
@@ -358,20 +382,32 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
     columns: Schema.Array$<Schema.Schema<any, any, never>>;
     groups: Schema.optionalWith<Schema.Array$<Schema.Struct<{
         id: Schema.refine<string, typeof Schema.String>;
-        title: 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>;
-        }>]>>;
-        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>;
-        }>]>>;
+        title: Schema.optional<Schema.suspend<readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]], string | readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]], never>>;
+        tooltip: Schema.optional<Schema.suspend<readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]], string | readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]], never>>;
     }>>, {
         default: () => never[];
     }>;
@@ -451,7 +487,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             readonly hideTitle?: boolean | undefined;
         }, import("../actions/schema.js").RegistryItemValue | {
             readonly id: string;
-            readonly title: readonly [{
+            readonly title: string | readonly [{
                 readonly locale: "zh";
                 readonly message: string;
             }, ...{
@@ -462,7 +498,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             readonly disabled?: string | undefined;
             readonly icon?: string | undefined;
             readonly hidden?: string | undefined;
-            readonly tooltip?: readonly [{
+            readonly tooltip?: string | readonly [{
                 readonly locale: "zh";
                 readonly message: string;
             }, ...{
@@ -474,7 +510,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             readonly hideTitle?: boolean | undefined;
         } | {
             readonly id: string;
-            readonly title: readonly [{
+            readonly title: string | readonly [{
                 readonly locale: "zh";
                 readonly message: string;
             }, ...{
@@ -483,7 +519,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             }[]];
             readonly items: readonly (import("../actions/schema.js").RegistrySubItemValue | {
                 readonly id: string;
-                readonly title: readonly [{
+                readonly title: string | readonly [{
                     readonly locale: "zh";
                     readonly message: string;
                 }, ...{
@@ -493,7 +529,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
                 readonly disabled?: string | undefined;
                 readonly icon?: string | undefined;
                 readonly hidden?: string | undefined;
-                readonly tooltip?: readonly [{
+                readonly tooltip?: string | readonly [{
                     readonly locale: "zh";
                     readonly message: string;
                 }, ...{
@@ -579,7 +615,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             readonly hideTitle?: boolean | undefined;
         }, import("../actions/schema.js").RegistryItemValue | {
             readonly id: string;
-            readonly title: readonly [{
+            readonly title: string | readonly [{
                 readonly locale: "zh";
                 readonly message: string;
             }, ...{
@@ -590,7 +626,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             readonly disabled?: string | undefined;
             readonly icon?: string | undefined;
             readonly hidden?: string | undefined;
-            readonly tooltip?: readonly [{
+            readonly tooltip?: string | readonly [{
                 readonly locale: "zh";
                 readonly message: string;
             }, ...{
@@ -602,7 +638,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             readonly hideTitle?: boolean | undefined;
         } | {
             readonly id: string;
-            readonly title: readonly [{
+            readonly title: string | readonly [{
                 readonly locale: "zh";
                 readonly message: string;
             }, ...{
@@ -611,7 +647,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             }[]];
             readonly items: readonly (import("../actions/schema.js").RegistrySubItemValue | {
                 readonly id: string;
-                readonly title: readonly [{
+                readonly title: string | readonly [{
                     readonly locale: "zh";
                     readonly message: string;
                 }, ...{
@@ -621,7 +657,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
                 readonly disabled?: string | undefined;
                 readonly icon?: string | undefined;
                 readonly hidden?: string | undefined;
-                readonly tooltip?: readonly [{
+                readonly tooltip?: string | readonly [{
                     readonly locale: "zh";
                     readonly message: string;
                 }, ...{
@@ -717,20 +753,32 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
         pageSize: Schema.refine<number, Schema.filter<typeof Schema.Number>>;
         pageSizes: Schema.optional<Schema.Array$<Schema.filter<Schema.filter<typeof Schema.Number>>>>;
         pageIndex: Schema.optional<Schema.filter<Schema.filter<typeof Schema.Number>>>;
-        left: 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>;
-        }>]>>;
-        right: 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>;
-        }>]>>;
+        left: Schema.optional<Schema.suspend<readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]], string | readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]], never>>;
+        right: Schema.optional<Schema.suspend<readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]], string | readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]], never>>;
     }>>;
     persistQuery: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     initialState: Schema.optional<Schema.Struct<{

package/dist/runtime/components/table/utils/ai-tools.d.ts

@@ -0,0 +1,11 @@
+import type { Environment } from '../../../vendor/cel-js/lib/index.js';
+import type { AgenticTool } from '../../../utils/ai/index.js';
+type AnyRecord = Record<string, any>;
+export interface TableAiToolDeps {
+    readonly read: () => AnyRecord;
+    readonly write: (next: AnyRecord) => void;
+    readonly configure: (env: Environment) => void;
+    readonly genUuid: () => string;
+}
+export declare function createTableAiTools(deps: TableAiToolDeps): AgenticTool[];
+export {};