@liujitcn/kratos-admin-bi 0.0.0-stage → 0.1.6

package/dist/package/declarations/src/views/query/index.vue.js

@@ -0,0 +1,876 @@
+/// <reference types="../../../../../../node_modules/.pnpm/@vue+language-core@3.3.13/node_modules/@vue/language-core/types/template-helpers.d.ts" />
+/// <reference types="../../../../../../node_modules/.pnpm/@vue+language-core@3.3.13/node_modules/@vue/language-core/types/props-fallback.d.ts" />
+import { computed, onBeforeUnmount, onDeactivated, onMounted, ref, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { t, useSpeechRecognition } from "@liujitcn/kratos-admin-core";
+import AiModelSelector from "@liujitcn/kratos-admin-system/components/AiModelSelector/index.vue";
+import { resolveModelSelection, saveModelSelection } from "@liujitcn/kratos-admin-system/components/AiModelSelector/modelSelection";
+import { defAiModelService } from "@liujitcn/kratos-admin-system/api/base/v1/ai_provider";
+import SessionPanel from "@liujitcn/kratos-admin-system/components/AiSessionPanel/index.vue";
+import BiDataCard from "../../components/BiDataCard.vue";
+import BiCardFormDialog from "../../components/BiCardFormDialog.vue";
+import { normalizeBiQueryResult, normalizeBiQuerySpec } from "../../bi-response";
+import { defBiQueryService } from "../../api/bi/admin/v1/bi_query";
+import { defBiQueryRecordService } from "../../api/bi/admin/v1/bi_query_record";
+const { defineOptions, } = {};
+defineOptions({ name: "BiQuery", inheritAttrs: false });
+const route = useRoute(), router = useRouter();
+const icons = { Promotion, Microphone, Loading };
+const question = ref(""), submittedQuestion = ref(""), loading = ref(false), error = ref(""), sources = ref([]), response = ref(), records = ref([]), keyword = ref(""), activeRecord = ref(""), historyCollapsed = ref(false), cardDialog = ref(false), showTable = ref(false);
+const modelProviders = ref([]), selectedModel = ref({ provider_id: 0, model_name: "" }), loadingModels = ref(true);
+let request = 0, historyRequest = 0, voiceBaseText = "";
+let searchTimer;
+const sessions = computed(() => records.value.map(item => ({
+    id: String(item.id),
+    title: item.question,
+    summary: `${sources.value.find(source => source.code === item.source_code)?.name || item.source_code || ""} · ${item.created_at || ""}`
+})));
+const { loading: recording, start: startRecord, stop: stopRecord } = useSpeechRecognition({
+    onStart: () => {
+        voiceBaseText = question.value;
+    },
+    onResult: text => {
+        question.value = [voiceBaseText, text].filter(Boolean).join(" ");
+    },
+    onError: cause => {
+        const key = cause.code === -1
+            ? "bi.query.voice_unsupported"
+            : ["not-allowed", "service-not-allowed", "permission-denied"].includes(cause.error ?? "")
+                ? "bi.query.microphone_denied"
+                : "bi.query.voice_failed";
+        ElMessage.warning(t(key));
+    }
+});
+const previewCard = computed(() => ({
+    id: 0,
+    tenant_id: 0,
+    project_id: 0,
+    owner_id: 0,
+    name: response.value?.title || "BI",
+    source_code: response.value?.query?.source_code || "",
+    query: response.value?.query,
+    chart_type: response.value?.query?.dimensions.length ? response.value.chart_type || "bar" : "metric",
+    chart_json: "",
+    query_record_id: response.value?.result?.query_record_id || 0,
+    refresh_seconds: 0,
+    is_shared: false,
+    updated_at: "",
+    category: "mine",
+    can_edit: true
+}));
+const tableRows = computed(() => (response.value?.result?.rows || []).map(row => Object.fromEntries(row.values.map((value, index) => [String(index), value]))));
+/** Enter发送、Shift+Enter换行，输入法选字不提交。 */
+function handleInputEnter(event) {
+    if (event.shiftKey || event.isComposing || event.keyCode === 229)
+        return;
+    event.preventDefault();
+    void ask();
+}
+/** 发起真实语义问数并关联服务端生成的结果记录。 */
+async function ask() {
+    if (!question.value.trim() || loading.value || loadingModels.value || recording.value)
+        return;
+    const current = ++request;
+    submittedQuestion.value = question.value;
+    question.value = "";
+    response.value = undefined;
+    error.value = "";
+    loading.value = true;
+    showTable.value = false;
+    try {
+        const result = await defBiQueryService.AskBiQuery({ question: submittedQuestion.value, ...selectedModel.value });
+        if (current !== request)
+            return;
+        response.value = result;
+        activeRecord.value = String(result.result?.query_record_id || "");
+        await loadHistory();
+    }
+    catch (cause) {
+        if (current === request)
+            error.value = resolveAskError(cause);
+    }
+    finally {
+        if (current === request)
+            loading.value = false;
+    }
+}
+/** 左侧历史仅展示当前用户的自然语言问数，搜索仍由服务端过滤。 */
+async function loadHistory() {
+    const current = ++historyRequest;
+    try {
+        const result = await defBiQueryRecordService.PageBiQuery({
+            question: keyword.value,
+            status: undefined,
+            source_code: "",
+            page_num: 1,
+            page_size: 100
+        });
+        if (current === historyRequest)
+            records.value = result.queries || [];
+    }
+    catch (cause) {
+        ElMessage.error(resolveAskError(cause));
+    }
+}
+/** 恢复历史问题和完整类型化结果，切换记录时丢弃旧请求。 */
+async function selectRecord(id) {
+    if (!Number.isSafeInteger(id) || id <= 0)
+        return;
+    const current = ++request;
+    stopRecord();
+    loading.value = true;
+    error.value = "";
+    response.value = undefined;
+    activeRecord.value = String(id);
+    showTable.value = false;
+    try {
+        const item = await defBiQueryRecordService.GetBiQuery({ id });
+        if (current !== request)
+            return;
+        submittedQuestion.value = item.question;
+        if (!item.result) {
+            error.value = item.error_msg || t("bi.query.error");
+            return;
+        }
+        const spec = normalizeBiQuerySpec(JSON.parse(item.query_json));
+        response.value = {
+            query: spec,
+            result: normalizeBiQueryResult(item.result),
+            title: item.question || t("bi.query.result"),
+            chart_type: spec.dimensions.length ? "bar" : "metric"
+        };
+    }
+    catch (cause) {
+        if (current === request)
+            error.value = resolveAskError(cause);
+    }
+    finally {
+        if (current === request)
+            loading.value = false;
+    }
+}
+/** 新问题只清空当前输入与预览，不删除已有记录。 */
+function newQuestion() {
+    request++;
+    stopRecord();
+    loading.value = false;
+    submittedQuestion.value = "";
+    question.value = "";
+    response.value = undefined;
+    activeRecord.value = "";
+    error.value = "";
+}
+/** 加载与 AI 助手一致的模型选项，并恢复仍可用的本地选择。 */
+async function loadModels() {
+    loadingModels.value = true;
+    try {
+        const result = await defAiModelService.ListAiProviderModelOptions({});
+        modelProviders.value = result.providers ?? [];
+        selectedModel.value = resolveModelSelection(modelProviders.value);
+    }
+    catch (cause) {
+        error.value = resolveAskError(cause);
+    }
+    finally {
+        loadingModels.value = false;
+    }
+}
+/** 更新本次问数的模型，同时保存为 AI 助手和 BI 共用的本地选择。 */
+function handleModelChange(providerId, modelName) {
+    selectedModel.value = { provider_id: providerId, model_name: modelName };
+    saveModelSelection(selectedModel.value);
+}
+/** 优先展示服务端返回的业务错误信息，请求失败时回退到通用错误文案。 */
+function resolveAskError(cause) {
+    const responseData = cause?.response?.data;
+    if (typeof responseData?.message === "string" && responseData.message)
+        return responseData.message;
+    return cause instanceof Error ? cause.message : t("bi.query.error");
+}
+watch(keyword, () => {
+    clearTimeout(searchTimer);
+    searchTimer = setTimeout(() => void loadHistory(), 250);
+});
+watch(() => route.query.record_id, value => {
+    if (value)
+        void selectRecord(Number(value));
+}, { immediate: true });
+onMounted(async () => {
+    await Promise.all([loadHistory(), loadModels()]);
+    try {
+        sources.value = (await defBiQueryService.ListBiSources({})).sources;
+    }
+    catch (cause) {
+        error.value = resolveAskError(cause);
+    }
+});
+onDeactivated(() => {
+    request++;
+    loading.value = false;
+    stopRecord();
+});
+onBeforeUnmount(() => {
+    request++;
+    historyRequest++;
+    clearTimeout(searchTimer);
+    stopRecord();
+});
+const __VLS_ctx = {};
+let __VLS_components;
+let __VLS_intrinsics;
+let __VLS_directives;
+void __VLS_ctx, __VLS_components, __VLS_intrinsics, __VLS_directives;
+// @ts-ignore
+__VLS_withDotValue(historyCollapsed, {});
+// @ts-ignore
+__VLS_withDotValue(router, {});
+// @ts-ignore
+__VLS_withDotValue(submittedQuestion, {});
+// @ts-ignore
+__VLS_withDotValue(loading, {});
+// @ts-ignore
+__VLS_withDotValue(error, {});
+// @ts-ignore
+__VLS_withDotValue(response, {});
+// @ts-ignore
+__VLS_withDotValue(sources, {});
+// @ts-ignore
+__VLS_withDotValue(showTable, {});
+// @ts-ignore
+__VLS_withDotValue(recording, {});
+// @ts-ignore
+__VLS_withDotValue(selectedModel, {});
+// @ts-ignore
+__VLS_withDotValue(icons, {});
+// @ts-ignore
+__VLS_withDotValue(loadingModels, {});
+// @ts-ignore
+__VLS_withDotValue(question, {});
+// @ts-ignore
+__VLS_withDotValue(previewCard, {});
+// @ts-ignore
+__VLS_withDotValue(cardDialog, {});
+void {};
+/** @type {__VLS_StyleScopedClasses['bi-query-page__header']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-page__header']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-page__header']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-layout']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-messages']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-facts']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-preview']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__input']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__input']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__footer']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__button']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__button']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__button']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-layout']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-layout']} */ ;
+/** @type {__VLS_StyleScopedClasses['is-history-collapsed']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-layout']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-chat']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-preview']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-page']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-layout']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-layout']} */ ;
+/** @type {__VLS_StyleScopedClasses['agent-session-panel']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-chat']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__actions']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__button']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.main, __VLS_intrinsics.main)({
+    ...{ class: "bi-query-page" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-query-page']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.header, __VLS_intrinsics.header)({
+    ...{ class: "bi-query-page__header" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-query-page__header']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({});
+__VLS_asFunctionalElement1(__VLS_intrinsics.h2, __VLS_intrinsics.h2)({});
+(__VLS_unwrap(t, {})("bi.query.subtitle"));
+__VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)({});
+(__VLS_unwrap(t, {})("bi.query.guide"));
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({});
+if (historyCollapsed.value) {
+    let __VLS_0;
+    /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+    elButton;
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent1(__VLS_0, new __VLS_0({
+        // @ts-ignore
+        ...{ 'onClick': {} },
+    }));
+    const __VLS_2 = __VLS_1({
+        ...{ 'onClick': {} },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    let __VLS_5;
+    const __VLS_6 = {
+        /** @type {typeof __VLS_5.click} */
+        onClick: // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            if (!(historyCollapsed.value))
+                throw 0;
+            return (historyCollapsed.value = false);
+            // @ts-ignore
+            [t, t, historyCollapsed, historyCollapsed,];
+        },
+    };
+    void __VLS_6;
+    const { default: __VLS_7 } = __VLS_nonNull(__VLS_3.slots);
+    (__VLS_unwrap(t, {})("bi.query.history"));
+    // @ts-ignore
+    [t,];
+    var __VLS_3;
+    var __VLS_4;
+}
+let __VLS_8;
+/** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+elButton;
+// @ts-ignore
+const __VLS_9 = __VLS_asFunctionalComponent1(__VLS_8, new __VLS_8({
+    // @ts-ignore
+    ...{ 'onClick': {} },
+}));
+const __VLS_10 = __VLS_9({
+    ...{ 'onClick': {} },
+}, ...__VLS_functionalComponentArgsRest(__VLS_9));
+let __VLS_13;
+const __VLS_14 = {
+    /** @type {typeof __VLS_13.click} */
+    onClick: // @ts-ignore
+    (...[$event]) => {
+        void $event;
+        return (router.value.push('/bi/card'));
+        // @ts-ignore
+        [router,];
+    },
+};
+void __VLS_14;
+const { default: __VLS_15 } = __VLS_nonNull(__VLS_11.slots);
+(__VLS_unwrap(t, {})("bi.card.library"));
+// @ts-ignore
+[t,];
+var __VLS_11;
+var __VLS_12;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-query-layout" },
+    ...{ class: ({ 'is-history-collapsed': historyCollapsed.value }) },
+});
+/** @type {__VLS_StyleScopedClasses['bi-query-layout']} */ ;
+/** @type {__VLS_StyleScopedClasses['is-history-collapsed']} */ ;
+if (!historyCollapsed.value) {
+    const __VLS_16 = SessionPanel;
+    // @ts-ignore
+    const __VLS_17 = __VLS_asFunctionalComponent1(__VLS_16, new __VLS_16({
+        // @ts-ignore
+        ...{ 'onChange': {} }, ...{ 'onCreate': {} }, ...{ 'onToggleCollapse': {} }, keyword: (__VLS_unwrap(keyword, {})), active: (__VLS_unwrap(activeRecord, {})), sessions: (__VLS_unwrap(sessions, {})), editable: (false), title: (__VLS_unwrap(t, {})('bi.query.history')), searchPlaceholder: (__VLS_unwrap(t, {})('bi.query.search_history')),
+    }));
+    const __VLS_18 = __VLS_17({
+        ...{ 'onChange': {} },
+        ...{ 'onCreate': {} },
+        ...{ 'onToggleCollapse': {} },
+        keyword: (__VLS_unwrap(keyword, {})),
+        active: (__VLS_unwrap(activeRecord, {})),
+        sessions: (__VLS_unwrap(sessions, {})),
+        editable: (false),
+        title: (__VLS_unwrap(t, {})('bi.query.history')),
+        searchPlaceholder: (__VLS_unwrap(t, {})('bi.query.search_history')),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_17));
+    let __VLS_21;
+    const __VLS_22 = {
+        /** @type {typeof __VLS_21.change} */
+        onChange: (item => selectRecord(Number(item.id))),
+    };
+    void __VLS_22;
+    const __VLS_23 = {
+        /** @type {typeof __VLS_21.create} */
+        onCreate: (newQuestion),
+    };
+    void __VLS_23;
+    const __VLS_24 = {
+        /** @type {typeof __VLS_21.toggleCollapse} */
+        onToggleCollapse: // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            if (!(!historyCollapsed.value))
+                throw 0;
+            return (historyCollapsed.value = true);
+            // @ts-ignore
+            [t, t, historyCollapsed, historyCollapsed, historyCollapsed, keyword, activeRecord, sessions,];
+        },
+    };
+    void __VLS_24;
+    var __VLS_19;
+    var __VLS_20;
+}
+__VLS_asFunctionalElement1(__VLS_intrinsics.section, __VLS_intrinsics.section)({
+    ...{ class: "bi-query-chat" },
+    'aria-label': (__VLS_unwrap(t, {})('bi.query.title')),
+});
+/** @type {__VLS_StyleScopedClasses['bi-query-chat']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-query-messages" },
+    'aria-live': "polite",
+});
+/** @type {__VLS_StyleScopedClasses['bi-query-messages']} */ ;
+if (submittedQuestion.value) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "bi-query-bubble" },
+    });
+    /** @type {__VLS_StyleScopedClasses['bi-query-bubble']} */ ;
+    (submittedQuestion.value);
+}
+if (loading.value) {
+    let __VLS_25;
+    /** @ts-ignore @type { | typeof __VLS_components.elSkeleton | typeof __VLS_components.ElSkeleton | typeof __VLS_components['el-skeleton']} */
+    elSkeleton;
+    // @ts-ignore
+    const __VLS_26 = __VLS_asFunctionalComponent1(__VLS_25, new __VLS_25({
+        // @ts-ignore
+        rows: (5), animated: true,
+    }));
+    const __VLS_27 = __VLS_26({
+        rows: (5),
+        animated: true,
+    }, ...__VLS_functionalComponentArgsRest(__VLS_26));
+}
+else if (error.value) {
+    let __VLS_30;
+    /** @ts-ignore @type { | typeof __VLS_components.elAlert | typeof __VLS_components.ElAlert | typeof __VLS_components['el-alert']} */
+    elAlert;
+    // @ts-ignore
+    const __VLS_31 = __VLS_asFunctionalComponent1(__VLS_30, new __VLS_30({
+        // @ts-ignore
+        title: (error.value), type: "error", showIcon: true, closable: (false),
+    }));
+    const __VLS_32 = __VLS_31({
+        title: (error.value),
+        type: "error",
+        showIcon: true,
+        closable: (false),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_31));
+}
+else if (response.value) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "bi-query-assistant" },
+    });
+    /** @type {__VLS_StyleScopedClasses['bi-query-assistant']} */ ;
+    (__VLS_unwrap(t, {})("bi.query.assistant"));
+    __VLS_asFunctionalElement1(__VLS_intrinsics.h3, __VLS_intrinsics.h3)({});
+    (response.value.title);
+    __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)({});
+    (__VLS_unwrap(t, {})("bi.query.result_ready"));
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "bi-query-facts" },
+    });
+    /** @type {__VLS_StyleScopedClasses['bi-query-facts']} */ ;
+    __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)({});
+    (__VLS_unwrap(t, {})("bi.card.source"));
+    (sources.value.find(item => item.code === response.value?.query?.source_code)?.name || response.value.query?.source_code);
+    __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)({});
+    (__VLS_unwrap(t, {})("bi.card.dimensions"));
+    (response.value.query?.dimensions.join("、") || __VLS_unwrap(t, {})("bi.card.ungrouped"));
+    __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)({});
+    (__VLS_unwrap(t, {})("bi.card.measure"));
+    (response.value.query?.measures.map(item => item.code).join("、"));
+    let __VLS_35;
+    /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+    elButton;
+    // @ts-ignore
+    const __VLS_36 = __VLS_asFunctionalComponent1(__VLS_35, new __VLS_35({
+        // @ts-ignore
+        ...{ 'onClick': {} }, link: true, type: "primary",
+    }));
+    const __VLS_37 = __VLS_36({
+        ...{ 'onClick': {} },
+        link: true,
+        type: "primary",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_36));
+    let __VLS_40;
+    const __VLS_41 = {
+        /** @type {typeof __VLS_40.click} */
+        onClick: // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            if (!!(loading.value))
+                throw 0;
+            if (!!(error.value))
+                throw 0;
+            if (!(response.value))
+                throw 0;
+            return (showTable.value = !showTable.value);
+            // @ts-ignore
+            [t, t, t, t, t, t, t, submittedQuestion, submittedQuestion, loading, error, error, response, response, response, response, response, response, sources, showTable, showTable,];
+        },
+    };
+    void __VLS_41;
+    const { default: __VLS_42 } = __VLS_nonNull(__VLS_38.slots);
+    (__VLS_unwrap(t, {})(showTable.value ? "bi.query.hide_details" : "bi.card.table_tab"));
+    // @ts-ignore
+    [t, showTable,];
+    var __VLS_38;
+    var __VLS_39;
+    if (showTable.value) {
+        let __VLS_43;
+        /** @ts-ignore @type { | typeof __VLS_components.elTable | typeof __VLS_components.ElTable | typeof __VLS_components['el-table'] | typeof __VLS_components.elTable | typeof __VLS_components.ElTable | typeof __VLS_components['el-table']} */
+        elTable;
+        // @ts-ignore
+        const __VLS_44 = __VLS_asFunctionalComponent1(__VLS_43, new __VLS_43({
+            // @ts-ignore
+            data: (__VLS_unwrap(tableRows, {})), border: true, stripe: true,
+        }));
+        const __VLS_45 = __VLS_44({
+            data: (__VLS_unwrap(tableRows, {})),
+            border: true,
+            stripe: true,
+        }, ...__VLS_functionalComponentArgsRest(__VLS_44));
+        const { default: __VLS_48 } = __VLS_nonNull(__VLS_46.slots);
+        const __VLS_49 = __VLS_tryAsConstant((response.value.result?.columns || []));
+        for (const [column, index] of __VLS_vFor(__VLS_nonNull(__VLS_49))) {
+            let __VLS_50;
+            /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+            elTableColumn;
+            // @ts-ignore
+            const __VLS_51 = __VLS_asFunctionalComponent1(__VLS_50, new __VLS_50({
+                // @ts-ignore
+                key: (column.code), prop: (String(index)), label: (column.name), minWidth: "120",
+            }));
+            const __VLS_52 = __VLS_51({
+                key: (column.code),
+                prop: (String(index)),
+                label: (column.name),
+                minWidth: "120",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_51));
+            // @ts-ignore
+            [response, showTable, tableRows,];
+        }
+        // @ts-ignore
+        [];
+        var __VLS_46;
+    }
+}
+else {
+    let __VLS_55;
+    /** @ts-ignore @type { | typeof __VLS_components.elEmpty | typeof __VLS_components.ElEmpty | typeof __VLS_components['el-empty']} */
+    elEmpty;
+    // @ts-ignore
+    const __VLS_56 = __VLS_asFunctionalComponent1(__VLS_55, new __VLS_55({
+        // @ts-ignore
+        description: (__VLS_unwrap(t, {})('bi.query.empty')),
+    }));
+    const __VLS_57 = __VLS_56({
+        description: (__VLS_unwrap(t, {})('bi.query.empty')),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_56));
+}
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-query-compose" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-query-compose']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-query-compose__input" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__input']} */ ;
+let __VLS_60;
+/** @ts-ignore @type { | typeof __VLS_components.elInput | typeof __VLS_components.ElInput | typeof __VLS_components['el-input']} */
+elInput;
+// @ts-ignore
+const __VLS_61 = __VLS_asFunctionalComponent1(__VLS_60, new __VLS_60({
+    // @ts-ignore
+    ...{ 'onKeydown': {} }, modelValue: (question.value), type: "textarea", autosize: ({ minRows: 2, maxRows: 5 }), placeholder: (__VLS_unwrap(t, {})('bi.query.placeholder')), 'aria-label': (__VLS_unwrap(t, {})('bi.query.placeholder')), disabled: (loading.value), readonly: (recording.value),
+}));
+const __VLS_62 = __VLS_61({
+    ...{ 'onKeydown': {} },
+    modelValue: (question.value),
+    type: "textarea",
+    autosize: ({ minRows: 2, maxRows: 5 }),
+    placeholder: (__VLS_unwrap(t, {})('bi.query.placeholder')),
+    'aria-label': (__VLS_unwrap(t, {})('bi.query.placeholder')),
+    disabled: (loading.value),
+    readonly: (recording.value),
+}, ...__VLS_functionalComponentArgsRest(__VLS_61));
+let __VLS_65;
+const __VLS_66 = {
+    /** @type {typeof __VLS_65.keydown} */
+    onKeydown: // @ts-ignore
+    (...[$event]) => {
+        void $event;
+        return (handleInputEnter($event));
+        // @ts-ignore
+        [t, t, t, loading, question, recording,];
+    },
+};
+void __VLS_66;
+var __VLS_63;
+var __VLS_64;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-query-compose__footer" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__footer']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({
+    role: "status",
+});
+(recording.value
+    ? __VLS_unwrap(t, {})("bi.query.recognizing_voice")
+    : sources.value.find(source => source.code === response.value?.query?.source_code)?.name);
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-query-compose__actions" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__actions']} */ ;
+const __VLS_67 = AiModelSelector;
+// @ts-ignore
+const __VLS_68 = __VLS_asFunctionalComponent1(__VLS_67, new __VLS_67({
+    // @ts-ignore
+    ...{ 'onChange': {} }, modelProviders: (__VLS_unwrap(modelProviders, {})), providerId: (selectedModel.value.provider_id), modelName: (selectedModel.value.model_name), disabled: (loading.value || loadingModels.value),
+}));
+const __VLS_69 = __VLS_68({
+    ...{ 'onChange': {} },
+    modelProviders: (__VLS_unwrap(modelProviders, {})),
+    providerId: (selectedModel.value.provider_id),
+    modelName: (selectedModel.value.model_name),
+    disabled: (loading.value || loadingModels.value),
+}, ...__VLS_functionalComponentArgsRest(__VLS_68));
+let __VLS_72;
+const __VLS_73 = {
+    /** @type {typeof __VLS_72.change} */
+    onChange: (handleModelChange),
+};
+void __VLS_73;
+var __VLS_70;
+var __VLS_71;
+let __VLS_74;
+/** @ts-ignore @type { | typeof __VLS_components.elTooltip | typeof __VLS_components.ElTooltip | typeof __VLS_components['el-tooltip'] | typeof __VLS_components.elTooltip | typeof __VLS_components.ElTooltip | typeof __VLS_components['el-tooltip']} */
+elTooltip;
+// @ts-ignore
+const __VLS_75 = __VLS_asFunctionalComponent1(__VLS_74, new __VLS_74({
+    // @ts-ignore
+    content: (__VLS_unwrap(t, {})(recording.value ? 'bi.query.stop_voice_input' : 'bi.query.voice_input')), placement: "top",
+}));
+const __VLS_76 = __VLS_75({
+    content: (__VLS_unwrap(t, {})(recording.value ? 'bi.query.stop_voice_input' : 'bi.query.voice_input')),
+    placement: "top",
+}, ...__VLS_functionalComponentArgsRest(__VLS_75));
+const { default: __VLS_79 } = __VLS_nonNull(__VLS_77.slots);
+__VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)({
+    ...{ onClick: // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            return (recording.value ? __VLS_unwrap(stopRecord, {})() : __VLS_unwrap(startRecord, {})());
+            // @ts-ignore
+            [t, t, loading, response, sources, recording, recording, recording, modelProviders, selectedModel, selectedModel, loadingModels, stopRecord, startRecord,];
+        } },
+    ...{ class: "bi-query-compose__button" },
+    ...{ class: ({ 'is-active': recording.value }) },
+    type: "button",
+    disabled: (loading.value),
+    'aria-pressed': (recording.value),
+    'aria-label': (__VLS_unwrap(t, {})(recording.value ? 'bi.query.stop_voice_input' : 'bi.query.voice_input')),
+});
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__button']} */ ;
+/** @type {__VLS_StyleScopedClasses['is-active']} */ ;
+let __VLS_80;
+/** @ts-ignore @type { | typeof __VLS_components.elIcon | typeof __VLS_components.ElIcon | typeof __VLS_components['el-icon'] | typeof __VLS_components.elIcon | typeof __VLS_components.ElIcon | typeof __VLS_components['el-icon']} */
+elIcon;
+// @ts-ignore
+const __VLS_81 = __VLS_asFunctionalComponent1(__VLS_80, new __VLS_80({
+    // @ts-ignore
+    ...{ class: ({ 'is-loading': recording.value }) },
+}));
+const __VLS_82 = __VLS_81({
+    ...{ class: ({ 'is-loading': recording.value }) },
+}, ...__VLS_functionalComponentArgsRest(__VLS_81));
+/** @type {__VLS_StyleScopedClasses['is-loading']} */ ;
+const { default: __VLS_85 } = __VLS_nonNull(__VLS_83.slots);
+const __VLS_86 = (recording.value ? icons.value.Loading : icons.value.Microphone);
+// @ts-ignore
+const __VLS_87 = __VLS_asFunctionalComponent1(__VLS_86, new __VLS_86({
+// @ts-ignore
+}));
+const __VLS_88 = __VLS_87({}, ...__VLS_functionalComponentArgsRest(__VLS_87));
+// @ts-ignore
+[t, loading, recording, recording, recording, recording, recording, icons, icons,];
+var __VLS_83;
+// @ts-ignore
+[];
+var __VLS_77;
+let __VLS_91;
+/** @ts-ignore @type { | typeof __VLS_components.elTooltip | typeof __VLS_components.ElTooltip | typeof __VLS_components['el-tooltip'] | typeof __VLS_components.elTooltip | typeof __VLS_components.ElTooltip | typeof __VLS_components['el-tooltip']} */
+elTooltip;
+// @ts-ignore
+const __VLS_92 = __VLS_asFunctionalComponent1(__VLS_91, new __VLS_91({
+    // @ts-ignore
+    content: (__VLS_unwrap(t, {})('bi.query.ask')), placement: "top",
+}));
+const __VLS_93 = __VLS_92({
+    content: (__VLS_unwrap(t, {})('bi.query.ask')),
+    placement: "top",
+}, ...__VLS_functionalComponentArgsRest(__VLS_92));
+const { default: __VLS_96 } = __VLS_nonNull(__VLS_94.slots);
+__VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)({
+    ...{ onClick: (ask) },
+    ...{ class: "bi-query-compose__button bi-query-compose__button--send" },
+    type: "button",
+    disabled: (loading.value || loadingModels.value || recording.value || !question.value.trim()),
+    'aria-label': (__VLS_unwrap(t, {})('bi.query.ask')),
+});
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__button']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-query-compose__button--send']} */ ;
+let __VLS_97;
+/** @ts-ignore @type { | typeof __VLS_components.elIcon | typeof __VLS_components.ElIcon | typeof __VLS_components['el-icon'] | typeof __VLS_components.elIcon | typeof __VLS_components.ElIcon | typeof __VLS_components['el-icon']} */
+elIcon;
+// @ts-ignore
+const __VLS_98 = __VLS_asFunctionalComponent1(__VLS_97, new __VLS_97({
+    // @ts-ignore
+    ...{ class: ({ 'is-loading': loading.value }) },
+}));
+const __VLS_99 = __VLS_98({
+    ...{ class: ({ 'is-loading': loading.value }) },
+}, ...__VLS_functionalComponentArgsRest(__VLS_98));
+/** @type {__VLS_StyleScopedClasses['is-loading']} */ ;
+const { default: __VLS_102 } = __VLS_nonNull(__VLS_100.slots);
+const __VLS_103 = (loading.value ? icons.value.Loading : icons.value.Promotion);
+// @ts-ignore
+const __VLS_104 = __VLS_asFunctionalComponent1(__VLS_103, new __VLS_103({
+// @ts-ignore
+}));
+const __VLS_105 = __VLS_104({}, ...__VLS_functionalComponentArgsRest(__VLS_104));
+// @ts-ignore
+[t, t, loading, loading, loading, question, recording, loadingModels, icons, icons,];
+var __VLS_100;
+// @ts-ignore
+[];
+var __VLS_94;
+__VLS_asFunctionalElement1(__VLS_intrinsics.aside, __VLS_intrinsics.aside)({
+    ...{ class: "bi-query-preview" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-query-preview']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.header, __VLS_intrinsics.header)({});
+__VLS_asFunctionalElement1(__VLS_intrinsics.h3, __VLS_intrinsics.h3)({});
+(__VLS_unwrap(t, {})("bi.card.preview"));
+if (response.value?.result && response.value.query) {
+    const __VLS_108 = BiDataCard || BiDataCard;
+    // @ts-ignore
+    const __VLS_109 = __VLS_asFunctionalComponent1(__VLS_108, new __VLS_108({
+        // @ts-ignore
+        card: (previewCard.value), previewResult: (response.value.result), sourceName: (sources.value.find(item => item.code === previewCard.value.source_code)?.name || previewCard.value.source_code),
+    }));
+    const __VLS_110 = __VLS_109({
+        card: (previewCard.value),
+        previewResult: (response.value.result),
+        sourceName: (sources.value.find(item => item.code === previewCard.value.source_code)?.name || previewCard.value.source_code),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_109));
+    const { default: __VLS_113 } = __VLS_nonNull(__VLS_111.slots);
+    {
+        const { footer: __VLS_114 } = __VLS_nonNull(__VLS_111.slots);
+        let __VLS_115;
+        /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+        elButton;
+        // @ts-ignore
+        const __VLS_116 = __VLS_asFunctionalComponent1(__VLS_115, new __VLS_115({
+            // @ts-ignore
+            ...{ 'onClick': {} }, link: true, type: "primary",
+        }));
+        const __VLS_117 = __VLS_116({
+            ...{ 'onClick': {} },
+            link: true,
+            type: "primary",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_116));
+        let __VLS_120;
+        const __VLS_121 = {
+            /** @type {typeof __VLS_120.click} */
+            onClick: // @ts-ignore
+            (...[$event]) => {
+                void $event;
+                if (!(response.value?.result && response.value.query))
+                    throw 0;
+                return (cardDialog.value = true);
+                // @ts-ignore
+                [t, response, response, response, sources, previewCard, previewCard, previewCard, cardDialog,];
+            },
+        };
+        void __VLS_121;
+        const { default: __VLS_122 } = __VLS_nonNull(__VLS_118.slots);
+        (__VLS_unwrap(t, {})("bi.card.edit"));
+        // @ts-ignore
+        [t,];
+        var __VLS_118;
+        var __VLS_119;
+        let __VLS_123;
+        /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+        elButton;
+        // @ts-ignore
+        const __VLS_124 = __VLS_asFunctionalComponent1(__VLS_123, new __VLS_123({
+            // @ts-ignore
+            ...{ 'onClick': {} }, type: "primary",
+        }));
+        const __VLS_125 = __VLS_124({
+            ...{ 'onClick': {} },
+            type: "primary",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_124));
+        let __VLS_128;
+        const __VLS_129 = {
+            /** @type {typeof __VLS_128.click} */
+            onClick: // @ts-ignore
+            (...[$event]) => {
+                void $event;
+                if (!(response.value?.result && response.value.query))
+                    throw 0;
+                return (cardDialog.value = true);
+                // @ts-ignore
+                [cardDialog,];
+            },
+        };
+        void __VLS_129;
+        const { default: __VLS_130 } = __VLS_nonNull(__VLS_126.slots);
+        (__VLS_unwrap(t, {})("bi.card.save_result"));
+        // @ts-ignore
+        [t,];
+        var __VLS_126;
+        var __VLS_127;
+        // @ts-ignore
+        [];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_111;
+}
+else {
+    let __VLS_131;
+    /** @ts-ignore @type { | typeof __VLS_components.elEmpty | typeof __VLS_components.ElEmpty | typeof __VLS_components['el-empty']} */
+    elEmpty;
+    // @ts-ignore
+    const __VLS_132 = __VLS_asFunctionalComponent1(__VLS_131, new __VLS_131({
+        // @ts-ignore
+        description: (__VLS_unwrap(t, {})('bi.card.preview_empty')),
+    }));
+    const __VLS_133 = __VLS_132({
+        description: (__VLS_unwrap(t, {})('bi.card.preview_empty')),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_132));
+}
+const __VLS_136 = BiCardFormDialog;
+// @ts-ignore
+const __VLS_137 = __VLS_asFunctionalComponent1(__VLS_136, new __VLS_136({
+    // @ts-ignore
+    ...{ 'onSaved': {} }, modelValue: (cardDialog.value), sources: (sources.value), initialQuery: (response.value?.query), initialResult: (response.value?.result), initialTitle: (response.value?.title), initialChartType: (previewCard.value.chart_type),
+}));
+const __VLS_138 = __VLS_137({
+    ...{ 'onSaved': {} },
+    modelValue: (cardDialog.value),
+    sources: (sources.value),
+    initialQuery: (response.value?.query),
+    initialResult: (response.value?.result),
+    initialTitle: (response.value?.title),
+    initialChartType: (previewCard.value.chart_type),
+}, ...__VLS_functionalComponentArgsRest(__VLS_137));
+let __VLS_141;
+const __VLS_142 = {
+    /** @type {typeof __VLS_141.saved} */
+    onSaved: (loadHistory),
+};
+void __VLS_142;
+var __VLS_139;
+var __VLS_140;
+// @ts-ignore
+[t, response, response, response, sources, previewCard, cardDialog,];
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};