@trilogy-data/trilogy-studio-components 0.1.17 → 0.1.19

package/README.md

@@ -16,6 +16,7 @@ import {
   QueryExecutionService,
   TrilogyEmbedProvider,
   createCrossFilterController,
+  useEmbeddedDashboardGroup,
 } from '@trilogy-data/trilogy-studio-components/dashboard'
 ```
 
@@ -31,6 +32,41 @@ Available public subpaths:
 
 There is no root package export. Import one of the explicit subpaths above so bundle-splitting stays predictable.
 
+## Shared Embedded Dashboard Execution
+
+When an embedding app renders several independent dashboard charts on one page, prefer a shared
+embedded dashboard group instead of creating one `DashboardQueryExecutor` per chart. The group
+coalesces sibling refreshes into `generate_queries` calls, so Trilogy only resolves imports and
+model context once per batch.
+
+```ts
+import { useEmbeddedDashboardGroup } from '@trilogy-data/trilogy-studio-components/dashboard'
+
+const embeddedGroup = useEmbeddedDashboardGroup({
+  dashboardId: 'summary-usbtv',
+  connectionId: 'tree-duckdb',
+  queryExecutionService,
+  imports: SUMMARY_IMPORTS,
+})
+
+embeddedGroup.registerItem({
+  itemId: 'top-species',
+  title: 'Top Species',
+  query: 'select species, count(tree_id) as tree_count;',
+})
+
+embeddedGroup.registerItem({
+  itemId: 'native-status',
+  title: 'Native Status',
+  query: 'select native_status, count(tree_id) as tree_count;',
+})
+
+embeddedGroup.scheduleRun('top-species')
+embeddedGroup.scheduleRun('native-status')
+```
+
+This is the intended fit for tree-style summary pages that compose several standalone charts.
+
 ## Self-Hosted DuckDB Assets
 
 Consumers using `DuckDBConnection` can override the default DuckDB asset loading and point the

package/dist/{AssetAutoImporter-COld6ovI.js → AssetAutoImporter-CUqhhNvb.js}

@@ -1,12 +1,12 @@
 import { defineComponent as Se, inject as D, ref as i, computed as M, onMounted as Te, onBeforeUnmount as De, createElementBlock as r, openBlock as l, createCommentVNode as J, createVNode as Ce, createElementVNode as t, toDisplayString as m, unref as Ue, normalizeClass as W, createTextVNode as X, withDirectives as B, vModelText as K, Fragment as xe } from "vue";
-import { e as Ae, o as C, p as x, q as ie, t as ue } from "./queryExecutionService-obvMrWcu.js";
+import { e as Ae, g as C, r as x, n as ie, f as ue } from "./queryExecutionService-KrjL0UCa.js";
 import { c as Ee } from "./editorStore-BTPcljeQ.js";
 import "./toolLoopCore-CK_KVuAS.js";
-import { M as Me } from "./UserProfile-DPc9-B3S.js";
+import { M as Me } from "./UserProfile-CQAUnKyQ.js";
 import { C as Ne } from "./ConfirmDialog-tNLC5CUN.js";
 import { t as Pe } from "./trilogy-BjoYDgWX.js";
-import { _ as qe } from "./_plugin-vue_export-helper-BzkwV_Yn.js";
-const je = { class: "auto-import-container" }, $e = {
+import { _ as je } from "./_plugin-vue_export-helper-BzkwV_Yn.js";
+const qe = { class: "auto-import-container" }, $e = {
   key: 0,
   class: "import-state error-state"
 }, Fe = { class: "import-headline" }, Oe = { class: "error-message" }, Re = {
@@ -28,8 +28,8 @@ const je = { class: "auto-import-container" }, $e = {
   __name: "AssetAutoImporter",
   emits: ["importComplete", "fullScreen"],
   setup(St, { emit: ce }) {
-    const de = ce, N = D("dashboardStore"), P = D("connectionStore"), q = D("editorStore"), j = D("modelStore"), $ = D("communityApiStore"), oe = D("queryExecutionService"), ve = D("saveDashboards"), ae = D("saveAll"), k = Ae();
-    if (!N || !P || !q || !j || !ve || !oe || !ae)
+    const de = ce, N = D("dashboardStore"), P = D("connectionStore"), j = D("editorStore"), q = D("modelStore"), $ = D("communityApiStore"), oe = D("queryExecutionService"), ve = D("saveDashboards"), ae = D("saveAll"), k = Ae();
+    if (!N || !P || !j || !q || !ve || !oe || !ae)
       throw new Error("Required stores not provided");
     const p = i(!0), z = i(""), y = i(""), F = i(""), O = i(!1), g = i(""), U = i("dashboard"), c = i(""), d = i(""), w = i(null), _ = i(!1), me = i(""), L = i(!1), s = i("importing"), H = i(Date.now()), Y = i(Date.now()), Z = i("0 ms");
     let A = null;
@@ -141,7 +141,7 @@ const je = { class: "auto-import-container" }, $e = {
     }, _e = async () => {
       L.value = !1, w.value = null, await re();
     }, ne = async () => {
-      if (j.models[c.value]) {
+      if (q.models[c.value]) {
         p.value = !1, b(), L.value = !0;
         return;
       }
@@ -154,8 +154,8 @@ const je = { class: "auto-import-container" }, $e = {
         }
         Y.value = Date.now(), H.value = Date.now(), p.value = !0, G(), y.value ? (s.value = "registering", await we(), await te("importing")) : s.value = "importing";
         let o = `${c.value}-connection`;
-        const e = new Me(q, j, N);
-        j.models[c.value] || j.newModelConfig(c.value, !0), P.connections[o] || P.newConnection(o, d.value, {
+        const e = new Me(j, q, N);
+        q.models[c.value] || q.newModelConfig(c.value, !0), P.connections[o] || P.newConnection(o, d.value, {
           mdToken: u.value.mdToken,
           projectId: u.value.projectId,
           username: u.value.username,
@@ -192,15 +192,15 @@ const je = { class: "auto-import-container" }, $e = {
               `Dashboard "${g.value}" was not found in the imported model, have ${f}`
             );
           }
-          v = I.id, N.warmDashboardQueries(I.id, oe, q);
+          v = I.id, N.warmDashboardQueries(I.id, oe, j);
         } else {
           let S = g.value, T = (n == null ? void 0 : n.trilogy.get(g.value)) || (n == null ? void 0 : n.sql.get(g.value)) || (n == null ? void 0 : n.python.get(g.value));
           T && (S = T);
-          const I = Object.values(q.editors).find(
+          const I = Object.values(j.editors).find(
             (f) => f.name === S && f.connection === o
           );
           if (!I) {
-            let f = Object.values(q.editors).filter((h) => h.connection === o).map((h) => h.name).join(", ");
+            let f = Object.values(j.editors).filter((h) => h.connection === o).map((h) => h.name).join(", ");
             throw new Error(
               `Editor "${g.value}" was not found in the imported model, have ${f}`
             );
@@ -243,7 +243,7 @@ const je = { class: "auto-import-container" }, $e = {
     }, le = () => {
       U.value === "dashboard" ? (k.setActiveDashboard(null), k.setActiveScreen("dashboard")) : k.setActiveScreen("editors");
     };
-    return (o, e) => (l(), r("div", je, [
+    return (o, e) => (l(), r("div", qe, [
       w.value ? (l(), r("div", $e, [
         e[5] || (e[5] = t("div", { class: "error-icon" }, "⚠️", -1)),
         t("h2", Fe, m(V.value) + " Load Failed", 1),
@@ -452,7 +452,7 @@ const je = { class: "auto-import-container" }, $e = {
       }, null, 8, ["show", "message"])
     ]));
   }
-}), Nt = /* @__PURE__ */ qe(It, [["__scopeId", "data-v-3c488ec7"]]);
+}), Nt = /* @__PURE__ */ je(It, [["__scopeId", "data-v-3c488ec7"]]);
 export {
   Nt as default
 };

package/dist/{CommunityModels-B5DGmouF.js → CommunityModels-BKBxewjm.js}

@@ -1,8 +1,8 @@
 import { defineComponent as K, inject as A, computed as g, createElementBlock as s, openBlock as i, createElementVNode as e, toDisplayString as C, createCommentVNode as k, Fragment as j, renderList as z, ref as S, createTextVNode as N, normalizeClass as V, createVNode as q, watch as O, onMounted as X, createBlock as M, unref as U, withCtx as Q } from "vue";
 import "./editorStore-BTPcljeQ.js";
-import { x as Y } from "./queryExecutionService-obvMrWcu.js";
+import { y as Y } from "./queryExecutionService-KrjL0UCa.js";
 import { _ as H } from "./_plugin-vue_export-helper-BzkwV_Yn.js";
-import { M as Z } from "./ModelCreator-gJ86t8SP.js";
+import { M as Z } from "./ModelCreator-DeI-n86Z.js";
 import { M as ee } from "./MarkdownRenderer-cdaHKql1.js";
 import P from "./ErrorMessage-QW4GXCEn.js";
 import { S as J } from "./StoreTokenModal-CyPiGrhJ.js";

package/dist/{ConnectionView-C9-aVTdE.js → ConnectionView-Dyqm2oeV.js}

@@ -1,11 +1,11 @@
-import { defineComponent as B, ref as p, inject as z, computed as k, watch as A, nextTick as F, onMounted as U, onUnmounted as Y, resolveComponent as q, createElementBlock as n, openBlock as a, createElementVNode as t, createCommentVNode as v, createTextVNode as N, toDisplayString as o, normalizeClass as E, createBlock as G, withDirectives as W, vModelText as J, Fragment as R, renderList as Q, createVNode as K, withCtx as Z } from "vue";
+import { defineComponent as B, ref as p, inject as z, computed as k, watch as F, nextTick as A, onMounted as U, onUnmounted as Y, resolveComponent as q, createElementBlock as n, openBlock as a, createElementVNode as t, createCommentVNode as v, createTextVNode as N, toDisplayString as o, normalizeClass as E, createBlock as G, withDirectives as W, vModelText as J, Fragment as R, renderList as Q, createVNode as K, withCtx as Z } from "vue";
 import { R as j, c as x } from "./snowflake-CY1Gnu3y.js";
 import { D as ee } from "./DataTable-Bf7xeKSf.js";
 import { C as te } from "./CreateEditorFromDatasourcePopup-D5mwCk5D.js";
 import { _ as I } from "./_plugin-vue_export-helper-BzkwV_Yn.js";
 import se from "./LoadingButton-BdM3Rygq.js";
 import { K as H } from "./constants-BXXolEur.js";
-import { z as O } from "./queryExecutionService-obvMrWcu.js";
+import { A as O } from "./queryExecutionService-KrjL0UCa.js";
 import { C as ae } from "./CodeBlock-CDWXUAiQ.js";
 const ne = B({
   name: "TableViewer",
@@ -82,17 +82,17 @@ const ne = B({
         }
       }
     };
-    A(
+    F(
       () => e.table,
       async (y, f) => {
         const D = $(y), C = f ? $(f) : null;
-        D !== C && (c.value = "", V.value && await L(), s.value === "data" && (await F(), g()));
+        D !== C && (c.value = "", V.value && await L(), s.value === "data" && (await A(), g()));
       },
       { immediate: !1 }
-    ), A(s, async (y) => {
-      y === "data" && (await F(), g());
+    ), F(s, async (y) => {
+      y === "data" && (await A(), g());
     }), U(async () => {
-      T(), V.value && await L(), s.value === "data" && (await F(), g());
+      T(), V.value && await L(), s.value === "data" && (await A(), g());
     }), Y(() => {
       r();
     });
@@ -324,7 +324,7 @@ const Be = /* @__PURE__ */ I(ne, [["render", Qe], ["__scopeId", "data-v-d07fbaea
       }
     };
   }
-}), Me = { class: "database-display" }, Pe = { class: "database-display-body" }, Ve = { class: "header" }, ze = { class: "database-name" }, Fe = { class: "metadata-section" }, Ae = { class: "metadata-grid" }, je = { class: "metadata-item" }, Oe = { class: "metadata-value" }, Ue = { class: "metadata-item" }, Ge = { class: "metadata-value" }, We = { class: "schemas-section" }, Je = { class: "schemas-list" }, Xe = ["onClick"], Ye = { class: "schema-name" }, Ze = { class: "schema-details" }, xe = { class: "table-count" }, et = {
+}), Me = { class: "database-display" }, Pe = { class: "database-display-body" }, Ve = { class: "header" }, ze = { class: "database-name" }, Ae = { class: "metadata-section" }, Fe = { class: "metadata-grid" }, je = { class: "metadata-item" }, Oe = { class: "metadata-value" }, Ue = { class: "metadata-item" }, Ge = { class: "metadata-value" }, We = { class: "schemas-section" }, Je = { class: "schemas-list" }, Xe = ["onClick"], Ye = { class: "schema-name" }, Ze = { class: "schema-details" }, xe = { class: "table-count" }, et = {
   key: 0,
   class: "schema-description"
 };
@@ -337,11 +337,11 @@ function tt(e, s, c, d, b, _) {
         s[0] || (s[0] = t("span", { class: "separator" }, "/", -1)),
         t("span", ze, o(e.database.name), 1)
       ]),
-      t("div", Fe, [
+      t("div", Ae, [
         s[3] || (s[3] = t("div", { class: "section-header" }, [
           t("h3", null, "Database Overview")
         ], -1)),
-        t("div", Ae, [
+        t("div", Fe, [
           t("div", je, [
             s[1] || (s[1] = t("span", { class: "metadata-label" }, "Name:", -1)),
             t("span", Oe, o(e.database.name), 1)
@@ -534,7 +534,7 @@ const Ht = /* @__PURE__ */ I(at, [["render", Lt], ["__scopeId", "data-v-eac58086
 }, Pt = {
   key: 3,
   class: "query-history-list"
-}, Vt = ["onClick"], zt = { class: "query-history-item-status" }, Ft = { class: "query-history-item-summary" }, At = { class: "query-history-item-preview" }, jt = { class: "query-history-item-meta" }, Ot = { title: "Execution time" }, Ut = { title: "Result size" }, Gt = { title: "Timestamp" }, Wt = { class: "query-history-item-expand" }, Jt = {
+}, Vt = ["onClick"], zt = { class: "query-history-item-status" }, At = { class: "query-history-item-summary" }, Ft = { class: "query-history-item-preview" }, jt = { class: "query-history-item-meta" }, Ot = { title: "Execution time" }, Ut = { title: "Result size" }, Gt = { title: "Timestamp" }, Wt = { class: "query-history-item-expand" }, Jt = {
   key: 0,
   class: "query-history-item-details"
 }, Xt = {
@@ -571,7 +571,7 @@ const Ht = /* @__PURE__ */ I(at, [["render", Lt], ["__scopeId", "data-v-eac58086
     }, w = () => {
       d.value.clearHistory();
     };
-    return A(
+    return F(
       () => s.connectionName,
       (h) => {
         b.value = {}, _.value = {}, d.value = O(h), g();
@@ -609,8 +609,8 @@ const Ht = /* @__PURE__ */ I(at, [["render", Lt], ["__scopeId", "data-v-eac58086
             onClick: (L) => l(r.id)
           }, [
             t("div", zt, o(r.status === "success" ? "✓" : "✗"), 1),
-            t("div", Ft, [
-              t("div", At, o(V(r.query, 50)), 1),
+            t("div", At, [
+              t("div", Ft, o(V(r.query, 50)), 1),
               t("div", jt, [
                 t("span", Ot, o(P(r.executionTime)), 1),
                 t("span", Ut, o(r.resultSize) + " rows", 1),