@shwfed/config 2.3.11 → 2.3.13

package/dist/runtime/components/table/ai/data-source-button.vue

@@ -1,324 +0,0 @@
-<script setup>
-import { celCheck as $celCheck } from "../../../utils/cel";
-import { Icon } from "@iconify/vue";
-import { Either, Schema } from "effect";
-import { computed, ref } from "vue";
-import { toast } from "vue-sonner";
-import ShwfedModal from "../../modal.vue";
-import { Button } from "../../ui/button";
-import { Markdown } from "../../ui/markdown";
-import { Textarea } from "../../ui/textarea";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../../ui/tooltip";
-import { composeCelPrompt } from "../../../utils/ai/cel-prompt";
-import { StructuredOutputDecodeError, ai as $ai } from "../../../utils/ai";
-import TASK from "./data-source-task.md?raw";
-defineOptions({ name: "ShwfedTableAiDataSourceButton" });
-const props = defineProps({
-  dataSource: { type: Object, required: false },
-  columns: { type: Array, required: false }
-});
-const emit = defineEmits(["apply"]);
-const DataSourceDraft = Schema.Struct({
-  request: Schema.optional(Schema.String).annotations({
-    description: 'CEL expression returning an HttpRequest (e.g. http.get("/api/users").query("page", pageIndex + 1)). Omit if the data is static or comes from an outer context.'
-  }),
-  data: Schema.optional(Schema.String).annotations({
-    description: "CEL expression returning a list. Reference `json` to extract from the HTTP response when `request` is set."
-  }),
-  total: Schema.optional(Schema.String).annotations({
-    description: "CEL expression returning a number for server-side pagination. Omit to fall back to client pagination."
-  })
-});
-const REQUEST_SCOPE = {
-  pageIndex: { type: "number", label: "\u5F53\u524D\u9875\u7801", description: "\u5F53\u524D\u9875\u7801\uFF08\u4ECE 0 \u5F00\u59CB\uFF09\uFF1B\u672A\u542F\u7528\u5206\u9875\u65F6\u4E3A 0", value: 0 },
-  pageSize: { type: "number", label: "\u6BCF\u9875\u884C\u6570", description: "\u6BCF\u9875\u884C\u6570\uFF1B\u672A\u542F\u7528\u5206\u9875\u65F6\u4E3A 0", value: 0 },
-  query: { type: "dyn", label: "\u641C\u7D22\u6761\u4EF6", description: "\u641C\u7D22\u6761\u4EF6\u5F53\u524D\u72B6\u6001\uFF1B\u672A\u914D\u7F6E\u65F6\u4E3A\u7A7A\u5BF9\u8C61", value: {} }
-};
-const JSON_SCOPE = {
-  json: { type: "optional<dyn>", label: "HTTP \u54CD\u5E94\u4F53", description: "\u5DF2\u89E3\u6790\u7684 JSON \u54CD\u5E94\uFF1B\u672A\u914D\u7F6E request \u65F6\u4E3A none", value: void 0 },
-  query: { type: "dyn", label: "\u641C\u7D22\u6761\u4EF6", description: "\u641C\u7D22\u6761\u4EF6\u5F53\u524D\u72B6\u6001\uFF1B\u672A\u914D\u7F6E\u65F6\u4E3A\u7A7A\u5BF9\u8C61", value: {} }
-};
-const open = ref(false);
-const context = ref("");
-const submitting = ref(false);
-const tick = ref(0);
-const description = [
-  "\u7C98\u8D34\u63A5\u53E3\u6587\u6863\u3001\u793A\u4F8B\u54CD\u5E94\u6216 PRD \u6458\u8981\uFF0C\u4FE1\u606F\u8D8A\u5B8C\u6574\u751F\u6210\u8D8A\u51C6\u786E\u3002",
-  "",
-  "AI \u4F1A\u6839\u636E\u63CF\u8FF0\u751F\u6210 `\u8BF7\u6C42` / `\u6570\u636E` / `\u603B\u6570` \u4E09\u4E2A CEL \u5B57\u6BB5\u3002"
-].join("\n");
-const canSubmit = computed(() => !submitting.value && context.value.trim().length > 0);
-function onTrigger() {
-  open.value = true;
-}
-function checkCelString(expr) {
-  if (typeof expr !== "string" || expr.trim() === "") return null;
-  const checked = $celCheck(expr);
-  if (Either.isLeft(checked)) {
-    return checked.left instanceof Error ? checked.left.message : String(checked.left);
-  }
-  return null;
-}
-function collectErrors(ds) {
-  const out = [];
-  for (const key of ["request", "data", "total"]) {
-    const msg = checkCelString(ds[key]);
-    if (msg) out.push({ path: key, message: msg });
-  }
-  return out;
-}
-function buildRetryFeedback(errors) {
-  const lines = errors.map(({ path, message }) => `- \`${path}\`: ${message}`);
-  return [
-    "The previous output failed CEL validation. Fix only the listed fields and return the corrected object \u2014 keep the other fields identical.",
-    "",
-    "Errors:",
-    ...lines
-  ].join("\n");
-}
-function buildShapeFeedback(message) {
-  return [
-    "The previous output did not match the required JSON shape. Re-emit the structured output, this time matching the schema exactly. The output must be a JSON object with optional `request`, `data`, `total` fields (each a CEL string). Omit fields the user did not address.",
-    "",
-    "Decoder error:",
-    message
-  ].join("\n");
-}
-const EXPECTED_KEYS = ["request", "data", "total"];
-function tryUnwrap(raw) {
-  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return null;
-  const entries = Object.entries(raw);
-  if (entries.length !== 1) return null;
-  const [, inner] = entries[0];
-  let candidate = inner;
-  if (typeof candidate === "string") {
-    try {
-      candidate = JSON.parse(candidate);
-    } catch {
-      return null;
-    }
-  }
-  if (!candidate || typeof candidate !== "object" || Array.isArray(candidate)) return null;
-  const obj = candidate;
-  if (!EXPECTED_KEYS.some((k) => k in obj)) return null;
-  return candidate;
-}
-async function callModel(prompt, system, retry) {
-  try {
-    const value = await $ai.generateObject({
-      prompt,
-      system,
-      schema: DataSourceDraft,
-      objectName: "data_source",
-      ...retry ? { retry } : {},
-      onProgress: () => {
-        tick.value++;
-      }
-    });
-    const errors = collectErrors(value);
-    if (errors.length > 0) {
-      return { kind: "retry", previousOutput: value, feedback: buildRetryFeedback(errors) };
-    }
-    return { kind: "ok", value };
-  } catch (err) {
-    if (err instanceof StructuredOutputDecodeError) {
-      const unwrapped = tryUnwrap(err.rawOutput);
-      if (unwrapped !== null) {
-        const decoded = Schema.decodeUnknownEither(DataSourceDraft)(unwrapped);
-        if (Either.isRight(decoded)) {
-          const value = decoded.right;
-          const errors = collectErrors(value);
-          if (errors.length === 0) return { kind: "ok", value };
-          return { kind: "retry", previousOutput: value, feedback: buildRetryFeedback(errors) };
-        }
-      }
-      return { kind: "retry", previousOutput: err.rawOutput, feedback: buildShapeFeedback(err.message) };
-    }
-    throw err;
-  }
-}
-function trimOrUndef(s) {
-  if (typeof s !== "string") return void 0;
-  const t = s.trim();
-  return t.length > 0 ? t : void 0;
-}
-function buildEmit(value) {
-  const ds = {};
-  const r = trimOrUndef(value.request);
-  const d = trimOrUndef(value.data);
-  const t = trimOrUndef(value.total);
-  if (r !== void 0) ds.request = r;
-  if (d !== void 0) ds.data = d;
-  if (t !== void 0) ds.total = t;
-  return ds;
-}
-function buildUserPrompt() {
-  return [
-    context.value.trim(),
-    "",
-    "# Current configuration",
-    "",
-    "```json",
-    // Including the column shape can hint at expected response fields.
-    JSON.stringify({
-      dataSource: props.dataSource ?? null,
-      columns: props.columns ?? []
-    }, null, 2),
-    "```"
-  ].join("\n");
-}
-async function onSubmit() {
-  if (!canSubmit.value) return;
-  submitting.value = true;
-  tick.value = 0;
-  try {
-    const system = composeCelPrompt({
-      scope: [
-        { name: "`request` \u5B57\u6BB5\u53EF\u7528\u53D8\u91CF", context: REQUEST_SCOPE },
-        { name: "`data` / `total` \u5B57\u6BB5\u53EF\u7528\u53D8\u91CF", context: JSON_SCOPE }
-      ],
-      task: TASK
-    });
-    const prompt = buildUserPrompt();
-    let outcome = await callModel(prompt, system);
-    if (outcome.kind === "retry") {
-      tick.value = 0;
-      outcome = await callModel(prompt, system, {
-        previousOutput: outcome.previousOutput,
-        feedback: outcome.feedback
-      });
-    }
-    if (outcome.kind === "ok") {
-      const ds = buildEmit(outcome.value);
-      if (Object.keys(ds).length > 0) {
-        emit("apply", ds);
-        toast.success("\u5DF2\u6839\u636E\u63CF\u8FF0\u751F\u6210\u6570\u636E\u6E90");
-      } else {
-        toast.message("AI \u672A\u8FD4\u56DE\u4EFB\u4F55\u53EF\u5E94\u7528\u7684\u5B57\u6BB5");
-      }
-      open.value = false;
-      context.value = "";
-      return;
-    }
-    const last = outcome.previousOutput;
-    const candidate = last && typeof last === "object" ? last : null;
-    const usable = candidate && EXPECTED_KEYS.some((k) => k in candidate) ? candidate : tryUnwrap(last);
-    if (usable && typeof usable === "object") {
-      const ds = buildEmit(usable);
-      if (Object.keys(ds).length > 0) {
-        emit("apply", ds);
-        toast.message("AI \u8F93\u51FA\u672A\u901A\u8FC7\u6821\u9A8C\uFF0C\u5DF2\u5E94\u7528\u53EF\u89E3\u6790\u7684\u90E8\u5206\uFF0C\u8BF7\u68C0\u67E5");
-        open.value = false;
-        context.value = "";
-        return;
-      }
-    }
-    toast.error("AI \u751F\u6210\u5931\u8D25", { description: "\u6A21\u578B\u672A\u8FD4\u56DE\u53EF\u5E94\u7528\u7684\u5B57\u6BB5\uFF0C\u8BF7\u8C03\u6574\u63CF\u8FF0\u540E\u91CD\u8BD5" });
-  } catch (err) {
-    const message = err instanceof Error ? err.message : String(err);
-    toast.error("AI \u751F\u6210\u5931\u8D25", { description: message });
-  } finally {
-    submitting.value = false;
-  }
-}
-</script>
-
-<template>
-  <Tooltip :delay-duration="180">
-    <TooltipTrigger as-child>
-      <button
-        type="button"
-        class="ai-trigger"
-        :disabled="submitting"
-        @click="onTrigger"
-      >
-        <Icon
-          icon="fluent:magic-wand-20-regular"
-          class="size-4"
-        />
-      </button>
-    </TooltipTrigger>
-    <TooltipContent side="right">
-      AI 生成数据源
-    </TooltipContent>
-  </Tooltip>
-
-  <ShwfedModal
-    v-model:open="open"
-    content-width="48rem"
-    :dismissible="!submitting"
-  >
-    <template #title>
-      <span class="flex items-center gap-2">
-        <Icon
-          icon="fluent:magic-wand-20-regular"
-          class="size-5"
-        />
-        AI 生成数据源
-      </span>
-    </template>
-    <template #description>
-      <Markdown
-        :source="description"
-        block
-        class="prose prose-sm prose-zinc max-w-none"
-      />
-    </template>
-
-    <form
-      class="flex flex-col gap-2 py-2"
-      @submit.prevent="onSubmit"
-    >
-      <Textarea
-        v-model="context"
-        placeholder="任意上下文，建议包含：&#10;- 接口路径与方法（如 GET /api/users）&#10;- 查询参数与分页约定（page 是否从 1 开始？）&#10;- 示例响应（JSON），尤其是数据列表与总数字段名"
-        wrap="soft"
-        class="field-sizing-fixed h-72 max-h-[60vh] resize-none overflow-auto break-all whitespace-pre-wrap font-mono text-xs"
-        :disabled="submitting"
-      />
-    </form>
-
-    <template #footer>
-      <div class="flex items-center gap-2">
-        <div
-          v-if="submitting"
-          class="mr-auto flex items-center gap-2 text-xs text-muted-foreground"
-          aria-live="polite"
-        >
-          <span
-            :key="tick"
-            class="ai-progress-dot"
-            :class="tick > 0 ? 'is-streaming' : 'is-waiting'"
-          />
-          <span>{{ tick > 0 ? "\u6B63\u5728\u63A5\u6536\u6A21\u578B\u8F93\u51FA\u2026" : "\u6B63\u5728\u8BF7\u6C42\u6A21\u578B\u2026" }}</span>
-        </div>
-        <Button
-          type="button"
-          size="sm"
-          :disabled="submitting"
-          @click="open = false"
-        >
-          <Icon icon="fluent:dismiss-20-regular" />
-          取消
-        </Button>
-        <Button
-          type="button"
-          variant="primary"
-          size="sm"
-          :disabled="!canSubmit"
-          @click="onSubmit"
-        >
-          <Icon
-            :icon="submitting ? 'fluent:arrow-sync-20-regular' : 'fluent:sparkle-20-regular'"
-            :class="submitting ? 'animate-spin' : ''"
-          />
-          生成
-        </Button>
-      </div>
-    </template>
-  </ShwfedModal>
-</template>
-
-<style scoped>
-.ai-trigger{align-items:center;border-radius:.25rem;color:#a1a1aa;display:inline-flex;height:1.5rem;justify-content:center;transition:background-color .1s ease,color .1s ease;width:1.5rem}.ai-trigger:hover:not(:disabled){background-color:#f4f4f5;color:var(--primary)}.ai-trigger:disabled{cursor:not-allowed;opacity:.5}.ai-progress-dot{background-color:var(--primary,currentColor);border-radius:9999px;display:inline-block;height:.5rem;width:.5rem}.ai-progress-dot.is-waiting{animation:ai-progress-waiting 1.2s ease-in-out infinite}.ai-progress-dot.is-streaming{animation:ai-progress-kick .32s ease-out}@keyframes ai-progress-waiting{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes ai-progress-kick{0%{opacity:1;transform:scale(1.6)}to{opacity:.7;transform:scale(1)}}
-</style>

package/dist/runtime/components/table/ai/data-source-button.vue.d.ts

@@ -1,20 +0,0 @@
-type AnyRecord = Record<string, any>;
-type __VLS_Props = {
-    dataSource?: AnyRecord;
-    columns?: ReadonlyArray<AnyRecord>;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    apply: (value: {
-        request?: string;
-        data?: string;
-        total?: string;
-    }) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onApply?: ((value: {
-        request?: string;
-        data?: string;
-        total?: string;
-    }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/table/ai/data-source-task.md

@@ -1,17 +0,0 @@
-Generate a partial **table data source** from the user's free-form description. The output is a single struct with three optional CEL fields: `request` (HttpRequest), `data` (list), `total` (number).
-
-# Goal
-
-Translate the user's prompt (API docs / sample response / PRD) into a small, defensive CEL data source. Only emit fields the user addresses; omit the rest.
-
-# Field guidance
-
-- `request`: a single `http.get/post/put/patch/delete(path)` builder chain. Use `.query(query)` to splat the search-bar state when relevant; use `pageIndex` / `pageSize` for pagination params. Omit `request` only when the user explicitly says the data is not fetched (comes from an outer scope).
-- Do NOT add auth headers (Authorization, access_token, token, etc.) — the http client injects them globally from the user session. Adding them will double up or override the real token.
-- If the API's page number is 1-based (sample responses showing `page=1` or `current_page=1` are the tell), use `pageIndex + 1`. If 0-based, use `pageIndex`. Pass `pageSize` directly.
-- `data`: a CEL expression that, given `json` (the parsed response), returns the row list. Use optional access (`.?`) and `.orValue([])` for safety.
-- `total`: a CEL expression returning the total row count. Omit when the response has no total/count field — the host falls back to client pagination.
-
-If the context is too sparse to be confident (e.g. no path, no response shape), make the most reasonable guess and keep accessors defensive (optional access + `.orValue` fallbacks). Output CEL source only, one expression per field. Do not wrap in code fences. Do not add comments.
-
-The current configuration is appended to the user prompt under `Current configuration` — preserve / extend rather than starting from scratch.

package/dist/runtime/utils/ai/cel-prompt.d.ts

@@ -1,11 +0,0 @@
-import type { CELContext } from '../cel-context.js';
-import celSyntaxGuide from '../../vendor/cel-js/PROMPT.md?raw.js';
-export { celSyntaxGuide };
-export interface ComposeCelPromptInput {
-    readonly scope?: ReadonlyArray<{
-        readonly name: string;
-        readonly context: CELContext;
-    }>;
-    readonly task: string;
-}
-export declare function composeCelPrompt(input: ComposeCelPromptInput): string;

package/dist/runtime/utils/ai/cel-prompt.js

@@ -1,27 +0,0 @@
-import celSyntaxGuide from "../../vendor/cel-js/PROMPT.md?raw";
-export { celSyntaxGuide };
-function renderScope(scope) {
-  const lines = [];
-  for (const { name, context } of scope) {
-    const entries = Object.entries(context);
-    if (entries.length === 0) continue;
-    lines.push(`### ${name}`);
-    lines.push("");
-    lines.push("| Variable | Type | Description |");
-    lines.push("|----------|------|-------------|");
-    for (const [varName, entry] of entries) {
-      const desc = (entry.description ?? entry.label).replace(/\|/g, "\\|").replace(/\n/g, " ");
-      lines.push(`| \`${varName}\` | \`${entry.type}\` | ${desc} |`);
-    }
-    lines.push("");
-  }
-  return lines.join("\n");
-}
-export function composeCelPrompt(input) {
-  const parts = [celSyntaxGuide];
-  if (input.scope && input.scope.length > 0) {
-    parts.push("# Variables In Scope", "", renderScope(input.scope));
-  }
-  parts.push("# Task", "", input.task);
-  return parts.join("\n");
-}