@shwfed/config 3.0.7 → 3.0.8

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

@@ -3,6 +3,7 @@ import type { Schema } from 'effect';
 import { Effect } from 'effect';
 import type { Fetch } from 'fx-fetch';
 import type { Environment } from '../../../vendor/cel-js/lib/index.js';
+import { type RegistryEdge } from '../../../share/define-registry.js';
 import type { EventChannel, OperationDescriptor, TriggerValue } from '../../../share/event-bus.js';
 type CelEvaluator = <T>(expression: string, context?: Record<string, unknown>) => Effect.Effect<T, any>;
 type AnySchema = Schema.Schema<any, any, never>;
@@ -37,6 +38,12 @@ export type MigrateSource = Readonly<{
 export type ButtonMetadata = Readonly<{
     name: string;
     icon: string;
+    /**
+     * 一句话说明该按钮的适用场景；AI 在 `list_available_button_types` 类工具里看到。
+     * **可选** —— 缺失时省略（人类 picker / 旧调用点不受影响）。镜像
+     * `ColumnMetadata.description`。
+     */
+    description?: string;
     drillable?: boolean;
     operations?: ReadonlyArray<OperationDescriptor>;
     deprecated?: string;
@@ -62,6 +69,10 @@ export type ButtonEntry = Readonly<{
     migrate?: MigrateFn;
     /** Source schemas this entry accepts migration from. See module field. */
     migrateFrom?: ReadonlyArray<MigrateSource>;
+    /** Recursion edges the AI scope cursor walks (empty for leaf buttons). */
+    edges: ReadonlyArray<RegistryEdge>;
+    /** The button's `prompt.md` (L2 fragment) raw text, surfaced by the AI describe tool. */
+    prompt?: string;
 }>;
 export declare const BUTTONS: ReadonlyArray<ButtonEntry>;
 /**
@@ -78,9 +89,20 @@ export declare const BUTTONS: ReadonlyArray<ButtonEntry>;
 export declare function findMigrationTarget(type: string, compatibilityDate: string): ButtonEntry | undefined;
 export declare function allButtonSchemas(configure: (env: Environment) => void): ReadonlyArray<AnySchema>;
 export declare function findButton(type: string, compatibilityDate: string): ButtonEntry | undefined;
+export declare function latestButtonByType(): ReadonlyArray<ButtonEntry>;
+/**
+ * AI 工具可见的按钮集合：按 `type` 取最新版本 + 排除 `deprecated`。镜像
+ * `activeColumns()` / `activeFields()`。人类 picker 走 `BUTTONS`（含废弃，供迁移）。
+ */
+export declare function activeButtons(): ReadonlyArray<ButtonEntry>;
 export type ItemMetadata = Readonly<{
     name: string;
     icon: string;
+    /**
+     * 一句话说明该项的适用场景；供 AI 工具显示。**可选** —— 缺失时省略。镜像
+     * `ColumnMetadata.description`。
+     */
+    description?: string;
 }>;
 export type ItemEntry = Readonly<{
     type: string;

package/dist/runtime/components/actions/utils/resolve.js

@@ -9,6 +9,10 @@ const schemaModules = import.meta.glob(
   "../buttons/*/*/schema.{ts,js}",
   { eager: true, exhaustive: true }
 );
+const promptModules = import.meta.glob(
+  "../buttons/*/*/prompt.md",
+  { eager: true, query: "?raw", import: "default", exhaustive: true }
+);
 const configModuleLoaders = import.meta.glob(
   "../buttons/*/*/config.vue",
   { exhaustive: true }
@@ -35,6 +39,11 @@ const registry = defineRegistry({
   schemaModules,
   configModules,
   runtimeModules,
+  promptModules,
+  // Validate declared `edges` keys against the built schema (only modal.layout
+  // declares one today). Inert configure — the edge check only reads field names.
+  buildSchemaForEdges: (mod) => mod.schema(() => {
+  }),
   // A button is deprecated by one of three rules, in precedence order:
   //   (1) another entry declares this one in its `migrateFrom` — explicit
   //       cross-type supersession with a structured `supersededBy` target the
@@ -101,7 +110,9 @@ export const BUTTONS = registry.ENTRIES.map((e) => ({
   ...e.deprecationNote !== void 0 ? { deprecationNote: e.deprecationNote } : {},
   ...e.supersededBy !== void 0 ? { supersededBy: e.supersededBy } : {},
   migrate: e.module.migrate,
-  ...e.module.migrateFrom !== void 0 ? { migrateFrom: e.module.migrateFrom } : {}
+  ...e.module.migrateFrom !== void 0 ? { migrateFrom: e.module.migrateFrom } : {},
+  edges: e.module.edges ?? [],
+  ...e.prompt !== void 0 ? { prompt: e.prompt } : {}
 }));
 let _migrationTargets = null;
 function getMigrationTargets() {
@@ -132,6 +143,17 @@ export function allButtonSchemas(configure) {
 export function findButton(type, compatibilityDate) {
   return BUTTONS.find((a) => a.type === type && a.compatibilityDate === compatibilityDate);
 }
+export function latestButtonByType() {
+  const byType = /* @__PURE__ */ new Map();
+  for (const a of BUTTONS) {
+    const prev = byType.get(a.type);
+    if (!prev || a.compatibilityDate > prev.compatibilityDate) byType.set(a.type, a);
+  }
+  return [...byType.values()];
+}
+export function activeButtons() {
+  return latestButtonByType().filter((e) => !e.deprecated);
+}
 const itemSchemaModules = import.meta.glob(
   "../items/*/*/schema.{ts,js}",
   { eager: true, exhaustive: true }

package/dist/runtime/components/config/ai-generate.d.vue.ts

@@ -0,0 +1,7 @@
+import type { ConfigEditorState } from './use-editor.js';
+type __VLS_Props = {
+    state: ConfigEditorState;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/config/ai-generate.system.md

@@ -0,0 +1,39 @@
+你是页面配置代理。用户用自然语言描述想要的功能，你通过工具把整个页面配出来；用户随后在编辑器里查看、微调。回复可用 CommonMark，语言与用户保持一致（默认中文）。
+
+## 工作流
+
+按「澄清 → 搭骨架 → 逐块 drift in 配细节 → 校验收尾」推进：
+
+1. **澄清需求**：先弄清页面要哪些功能模块（一个订单表格？一个搜索表单？几张统计卡片？）。信息不足时向用户提问，不要臆造——尤其是接口地址、字段含义、下拉选项等你无从得知的信息。
+2. **搭页面骨架**：用 `insert_block` 逐个新增所需的块（表格、表单、卡片、图表、标签页……），块会被自动放置到默认布局；再用 `place_block` 按需调整它们在网格上的位置。
+3. **逐块 drift in 配细节**：用 `enter_node` 钻进某个块，该作用域的工具族随即激活；配完用 `leave_node` 退回上一层，再进入下一个块。
+4. **校验收尾**：向用户复述你配了什么，请其在编辑器里核对。编辑器画布就是配置的实时预览。
+
+## 作用域游标（drift in / out）
+
+- 你始终站在一个「作用域」里。根作用域是**页面**，工具族是 page-slot（增删块、布局）。
+- **每条新的用户消息开始时，游标都回到页面根**——上一条消息里进入的作用域不会延续。若要继续配置某个块，先 `enter_node` 进去再操作。
+- `enter_node({ id })`：钻进一个直接子块，一次只下一层；深层目标靠连续 `enter_node`（像人一样逐层 drill）。可钻入的块：表格块（进入其 Table）、表单块（进入其 Form）、容器块（卡片 / 循环，进入其内部页面槽，可再往里搭块）。返回的定向信息**刻意精简**——面包屑、节点身份、简短摘要、激活的工具族；细节请用发现式工具自取。
+- `leave_node()`：退回上一层。
+- 每个导航结果都带一行 `scope` 面包屑（如「页面 > 订单表格」），据此判断你现在在哪。
+- **发现式，别一上来就要全量**：每个作用域都提供三段式渐进披露——`list_available_*_types`（一句话目录）→ `describe_specific_*_type`（某类型的完整契约、默认值、可能的 `guide` 使用指南）→ `describe_*_settings`（当前值 + 该作用域的 CEL 变量表与函数目录）。先 list 看目录，需要时再 describe，不要在没弄清需求前倾倒细节。
+
+## id 与本地化规则
+
+- **所有 id 由 harness 铸造**：新增块 / 列 / 字段时，你**永远不要**提供 `id` 或 `compatibilityDate`；工具会自动分配。要引用某个块 / 列 / 字段时，用 `list_*` 工具拿到它的 id。
+- **本地化文本 zh 打头**：标题等 Locale 文本用 `[{ locale: 'zh', message: '…' }]` 形式，中文在前。
+
+## 栅格约定
+
+- 块与字段都放在网格上，`area` 为 `[[x1,y1],[x2,y2]]`（1 基网格线，右下不含）；例如占据第 1–32 列、第 1–8 行是 `[[1,1],[33,9]]`。
+- `insert_block` 已按块默认尺寸自动放置一次，你可再 `place_block` 微调；表单字段则 `insert_field` 后必须 `place_field` 才会渲染。
+- 放置不要重叠；harness 会拒绝重叠并让你重试。网格会自动生长以容纳你的放置。
+
+## CEL
+
+配置里许多字段是 CEL 表达式（数据源、访问器、样式、可见性、默认值……）。CEL 是**单表达式**语言：无语句 / 赋值 / 循环，整段求值为一个值。几条通识：
+
+- 可选访问用 `.?`，配 `.orValue(默认)` 兜底；这在读取可能缺失的响应字段时几乎必用——例如在存在 `json` 变量的作用域里写 `json.?data.?list`。
+- 逻辑 `&& || !`、三元 `cond ? a : b`、成员 `x in [...]`；字符串 / 列表用 `+` 拼接。
+- HTTP 请求用 `http.get(url)` / `http.post(url).body({...})` 链式构建，端点须为绝对 URL（用 `hostname` 变量拼接，勿写文档里的 `{{env}}` 占位）。
+- **可用变量与函数是上下文相关的**：进入某作用域后，用该作用域的 `describe_*_settings` 工具查看当前可用的变量表与完整函数目录，再据此书写——不要凭空假设某个变量存在。

package/dist/runtime/components/{table → config}/ai-generate.vue

@@ -8,13 +8,11 @@ import { usePersistedChat } from "../../share/use-persisted-chat";
 import { ChatMessages, ChatPrompt } from "../ui/chat";
 import { Button } from "../ui/button";
 import { getSystemTemplate } from "./ai-generate.system";
-import { createTableAiTools } from "./utils/ai-tools";
-defineOptions({ name: "ShwfedTableAiGenerate" });
-const config = defineModel({ type: Object, ...{ required: true } });
+import { createConfigAiCursor } from "./utils/ai-cursor";
+import { getHostManual } from "./utils/ai-host-manuals";
+defineOptions({ name: "ShwfedConfigAiGenerate" });
 const props = defineProps({
-  configure: { type: Function, required: false }
-});
-const configure = props.configure ?? (() => {
+  state: { type: Object, required: true }
 });
 const messages = ref([]);
 const streaming = shallowRef(null);
@@ -22,27 +20,61 @@ const input = ref("");
 const busy = ref(false);
 let controller = null;
 const { restore: restoreChat, clear: clearChat } = usePersistedChat(
-  () => config.value.id,
-  messages
+  () => typeof location !== "undefined" ? location.pathname : void 0,
+  messages,
+  "shwfed.config.ai-chat."
 );
 onMounted(restoreChat);
-const working = shallowRef(config.value);
-const tools = createTableAiTools({
+const working = shallowRef(toRaw(props.state.draft.value));
+const manualsKey = () => `shwfed.config.ai-chat.manuals.${typeof location !== "undefined" ? location.pathname : ""}`;
+function readManualKinds() {
+  if (typeof window === "undefined") return [];
+  try {
+    const parsed = JSON.parse(window.sessionStorage.getItem(manualsKey()) ?? "[]");
+    return Array.isArray(parsed) ? parsed.filter((k) => typeof k === "string") : [];
+  } catch {
+    return [];
+  }
+}
+const manualsDelivered = {
+  has: (kind) => readManualKinds().includes(kind),
+  add: (kind) => {
+    if (typeof window === "undefined") return;
+    try {
+      const next = new Set(readManualKinds());
+      next.add(kind);
+      window.sessionStorage.setItem(manualsKey(), JSON.stringify([...next]));
+    } catch {
+    }
+  },
+  clear: () => {
+    if (typeof window === "undefined") return;
+    try {
+      window.sessionStorage.removeItem(manualsKey());
+    } catch {
+    }
+  }
+};
+const cursor = createConfigAiCursor({
   read: () => working.value,
   write: (next) => {
     const fresh = { ...next };
     working.value = fresh;
-    config.value = fresh;
+    props.state.replaceDraft(fresh);
   },
-  // `configure` is threaded into each tool's schema factory so the AI sees
-  // the same CEL scope the inline UI validates against. Replaces the old
-  // `schema` field (a full `TableConfig` Schema); per-tool schemas are now
-  // built internally from `configure`.
-  configure,
-  genUuid: () => crypto.randomUUID()
+  configure: props.state.configure,
+  genUuid: () => crypto.randomUUID(),
+  manualsDelivered
 });
+function tools() {
+  return cursor.tools();
+}
 function buildSystem() {
-  return getSystemTemplate();
+  const pageSlot = getHostManual("page-slot");
+  const l0 = getSystemTemplate();
+  return pageSlot ? `${l0}
+
+${pageSlot}` : l0;
 }
 function snapshot(m) {
   return { id: m.id, role: m.role, parts: m.parts.map((p) => ({ ...p })) };
@@ -63,6 +95,7 @@ function newConversation() {
   if (!canClear.value) return;
   messages.value = [];
   clearChat();
+  manualsDelivered.clear();
   input.value = "";
 }
 function commitPartial(partial) {
@@ -79,10 +112,11 @@ async function send() {
     { id: createMessageId(), role: "user", parts: [{ type: "text", text }] }
   ];
   try {
-    working.value = structuredClone(toRaw(config.value));
+    working.value = structuredClone(toRaw(props.state.draft.value));
   } catch {
-    working.value = config.value;
+    working.value = toRaw(props.state.draft.value);
   }
+  cursor.reset();
   busy.value = true;
   streaming.value = null;
   controller = new AbortController();
@@ -92,7 +126,6 @@ async function send() {
       system: buildSystem(),
       tools,
       signal: controller.signal,
-      // Re-publish a fresh snapshot per part mutation so the stream renders.
       onMessageUpdate: (assistant) => {
         streaming.value = snapshot(assistant);
       }
@@ -118,12 +151,6 @@ function stop() {
 
 <template>
   <div class="p-3">
-    <!-- Frameless chat: a scrolling message area flows directly in the pane over
-         a floating, shadowed composer — no outer border and no divider line, so
-         nothing visually boxes the conversation (matches the reference composer).
-         Fixed 48rem so the messages scroll internally (auto-scroll-to-bottom)
-         rather than growing the editor pane; the fixed outer height is what lets
-         the inner `flex-1` message area bound and scroll. -->
     <div class="flex h-[48rem] flex-col bg-transparent">
       <ChatMessages
         :messages="displayMessages"
@@ -137,7 +164,7 @@ function stop() {
               class="size-24"
             />
             <p class="text-xl">
-              对话开始配置
+              对话生成整页配置
             </p>
           </div>
         </template>
@@ -150,10 +177,6 @@ function stop() {
           @submit="send"
           @stop="stop"
         >
-          <!-- New-conversation control lives at the composer's block-end left
-               edge (beside the send button): a quiet ghost button that clears
-               the dialogue (and its sessionStorage). Disabled while a turn
-               streams or when there's nothing to clear. -->
           <template #actions>
             <Button
               type="button"

package/dist/runtime/components/config/ai-generate.vue.d.ts

@@ -0,0 +1,7 @@
+import type { ConfigEditorState } from './use-editor.js';
+type __VLS_Props = {
+    state: ConfigEditorState;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/config/ai-page-slot.l1.md

@@ -0,0 +1,25 @@
+## 页面块与布局（page-slot 作用域）
+
+页面根作用域的工具族是 page-slot：增删块、在网格上布局、钻入块配细节。容器块（卡片、循环）内部同样是一个 page-slot——`enter_node` 进入后用同一套工具在其内部继续搭块。
+
+### 块家族总览
+
+- **表格**：内嵌 Table，展示远端列表数据，含列与搜索条件（`enter_node` 后用表格工具族配置）。
+- **表单**：内嵌 Form，一组输入字段（`enter_node` 后用表单字段工具族配置）。
+- **卡片** / **循环**：容器块，内部是一个可放任意块的 page-slot（循环额外对一个 CEL 列表逐项渲染）。可 `enter_node` 递归钻入。**循环内部 `item`（当前项）/ `index`（序号）已进入 CEL 作用域**——钻入循环后新建的表格 / 表单 / 字段里的表达式可以直接引用它们，会正常通过 `set_data_source` / `insert_field` 等工具的校验。
+- **标签页**：多个带标签的子 Slot。`enter_node` 进入后用 `list_panes` 查看各标签页，再 `enter_node` 一个标签页 id 钻入其内容。
+- **Markdown** / **图标** / **动画数字** / **笛卡尔坐标图表**：叶子展示块，直接用 `describe_specific_block_type` 看契约后 `insert_block` 配置，无需钻入。
+- **操作按钮**：内嵌一组按钮，`enter_node` 后用操作按钮工具族配置（增删按钮 / 组、接线触发、模态窗口按钮可再钻入其弹窗内容）。
+- **树（单选）**：单选导航块，其节点操作是一组操作按钮，`enter_node` 后同样用操作按钮工具族配置。
+
+先 `list_available_block_types` 看目录（type + name + 一句话），需要某类型完整契约时再 `describe_specific_block_type`（含 JSON Schema、默认值、可能的 `guide`）。
+
+### 布局
+
+- `insert_block` 会按块默认尺寸自动放进第一套布局的空位；随后可 `place_block` 微调。
+- `area` 为 `[[x1,y1],[x2,y2]]`（1 基网格线，右下不含）。放置不要重叠，harness 会拒绝并让你重试；网格自动生长以容纳放置。
+- `list_blocks` 查看现有块（id / 名称 / 是否可钻入 `drillable` / 当前放置），据此拿 id、找空位。
+
+### 跨层作用域寻址（`__scopes__`）
+
+深层嵌套里，内层作用域会**遮蔽**外层的同名变量：一个表格弹窗里再放一个表格，内表的 `row` 指内表当前行，外表的 `row` 被挡住。要在被遮蔽处引用外层作用域，用 `__scopes__` 按 UUID 绝对寻址——`__scopes__["<外层实例 uuid>"].row`（`.index` / `.selected` 同理）。只有**词法上包住当前位置**的作用域才命中；写错 uuid 会在该处报 `No such key`。弹窗**继承**打开处的作用域（行操作弹窗内直接用 `row` 即可）；只有当弹窗内又嵌套了重新绑定 `row` 的表格等作用域、外层被遮蔽时，才需要 `__scopes__` 指名外层。相对的 `row` / `item` 等短名仍照常可用，`__scopes__` 只在被遮蔽时才需要。

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

@@ -3,9 +3,15 @@ import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
 type AnySchema = Schema.Schema<any, any, never>;
 export declare const type: "com.shwfed.block.actions";
 export declare const compatibilityDate: "2026-05-06";
+export declare const edges: readonly [{
+    readonly key: "actions";
+    readonly host: "actions";
+    readonly label: "操作按钮";
+}];
 export declare const metadata: {
     readonly name: "操作按钮";
     readonly icon: "fluent:cursor-click-20-regular";
+    readonly description: "将一组 Actions 按钮作为页面块嵌入";
     readonly w: {
         readonly initial: 8;
         readonly min: 8;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.actions/schema.js

@@ -2,9 +2,13 @@ import { Schema } from "effect";
 import { ActionsConfig, defaultActionsConfig } from "../../../../actions/schema.js";
 export const type = "com.shwfed.block.actions";
 export const compatibilityDate = "2026-05-06";
+export const edges = [
+  { key: "actions", host: "actions", label: "\u64CD\u4F5C\u6309\u94AE" }
+];
 export const metadata = {
   name: "\u64CD\u4F5C\u6309\u94AE",
   icon: "fluent:cursor-click-20-regular",
+  description: "\u5C06\u4E00\u7EC4 Actions \u6309\u94AE\u4F5C\u4E3A\u9875\u9762\u5757\u5D4C\u5165",
   w: { initial: 8, min: 8, max: Infinity },
   h: { initial: 2, min: 2, max: Infinity }
 };

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

@@ -3,9 +3,15 @@ import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
 type AnySchema = Schema.Schema<any, any, never>;
 export declare const type: "com.shwfed.block.form";
 export declare const compatibilityDate: "2026-05-06";
+export declare const edges: readonly [{
+    readonly key: "form";
+    readonly host: "form";
+    readonly label: "表单";
+}];
 export declare const metadata: {
     readonly name: "表单";
     readonly icon: "fluent:form-20-regular";
+    readonly description: "将一个 Form 组件作为页面块嵌入";
     readonly w: {
         readonly initial: 32;
         readonly min: 12;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.form/schema.js

@@ -2,9 +2,13 @@ import { Schema } from "effect";
 import { FormConfig, defaultFormConfig } from "../../../../form/schema.js";
 export const type = "com.shwfed.block.form";
 export const compatibilityDate = "2026-05-06";
+export const edges = [
+  { key: "form", host: "form", label: "\u8868\u5355" }
+];
 export const metadata = {
   name: "\u8868\u5355",
   icon: "fluent:form-20-regular",
+  description: "\u5C06\u4E00\u4E2A Form \u7EC4\u4EF6\u4F5C\u4E3A\u9875\u9762\u5757\u5D4C\u5165",
   w: { initial: 32, min: 12, max: Infinity },
   h: { initial: 8, min: 3, max: Infinity }
 };

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

@@ -5,6 +5,7 @@ export declare const type: "com.shwfed.block.markdown";
 export declare const compatibilityDate: "2026-05-06";
 export declare const metadata: {
     readonly name: "Markdown";
+    readonly description: "渲染一段 Markdown 文本作为页面块";
     readonly icon: "fluent:markdown-20-regular";
     readonly w: {
         readonly initial: 8;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.markdown/schema.js

@@ -5,6 +5,7 @@ export const type = "com.shwfed.block.markdown";
 export const compatibilityDate = "2026-05-06";
 export const metadata = {
   name: "Markdown",
+  description: "\u6E32\u67D3\u4E00\u6BB5 Markdown \u6587\u672C\u4F5C\u4E3A\u9875\u9762\u5757",
   icon: "fluent:markdown-20-regular",
   w: { initial: 8, min: 2, max: Infinity },
   h: { initial: 2, min: 2, max: Infinity }

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

@@ -17,6 +17,35 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             readonly displayName?: string | undefined;
             readonly columns: readonly any[];
             readonly kind: "shwfed.component.table";
+            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 groups: readonly {
                 readonly id: string;
                 readonly title?: readonly [{
@@ -101,35 +130,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                     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;
@@ -265,6 +265,35 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             readonly displayName?: string | undefined;
             readonly columns: readonly any[];
             readonly kind: "shwfed.component.table";
+            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 groups: readonly {
                 readonly id: string;
                 readonly title?: readonly [{
@@ -349,35 +378,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                     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;