@quillsql/admin 1.6.4 → 1.7.0

package/dist/esm/forms/client_onboard/CreateVirtualTables.js

@@ -1,5 +1,5 @@
 import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { ButtonPrimitive, ModalPrimitive, SecondaryButtonPrimitive, TextInputPrimitive, } from '../../primitives';
 import { createVirtualTable, getQueryFromAiWithConnection, getVirtualTableData, } from '../../api/ConnectionClient';
@@ -12,6 +12,7 @@ import { processColumnReference } from '../../utils/columnProcessing';
 import { useAdmin } from '../../AdminProvider';
 import { SINGLE_TENANT } from '../../utils/constants';
 import { Highlight, themes } from 'prism-react-renderer';
+import { useLongLoading } from '../../hooks/useLongLoading';
 export default function CreateVirtualTables({ containerStyle, header1Style, header2Style, environmentDetails, databaseSchema, completeOnboarding, client, state, tenantInit, isLoading, sqlTables, setSqlTables, }) {
     const [queryInfo, setQueryInfo] = useState({
         name: '',
@@ -25,11 +26,24 @@ export default function CreateVirtualTables({ containerStyle, header1Style, head
     const [openModalButtonLoading, setOpenModalButtonLoading] = useState(false);
     const [askAIButtonLoading, setAskAIButtonLoading] = useState(false);
     const [runQueryButtonLoading, setRunQueryButtonLoading] = useState(false);
+    useLongLoading(openModalButtonLoading, {
+        origin: 'CreateVirtualTables',
+        loadDescription: 'Opening virtual table modal',
+    });
+    useLongLoading(askAIButtonLoading, {
+        origin: 'CreateVirtualTables',
+        loadDescription: 'Asking AI',
+    });
+    useLongLoading(runQueryButtonLoading, {
+        origin: 'CreateVirtualTables',
+        loadDescription: 'Running query',
+    });
     const [failingTenant, setFailingTenant] = useState(undefined);
+    const [failingTenantErrorType, setFailingTenantErrorType] = useState(undefined);
     const [tableSearchQuery, setTableSearchQuery] = useState('');
     const [displayedTableData, setDisplayedTableData] = useState(databaseSchema);
     const middleColumn = useRef(null);
-    const { getToken, quillFetchWithToken } = useAdmin();
+    const { getToken, quillFetchWithToken, eventTracking } = useAdmin();
     useEffect(() => {
         const scrollToBottom = () => {
             // Scroll to the bottom of the container (or page)
@@ -58,6 +72,7 @@ export default function CreateVirtualTables({ containerStyle, header1Style, head
         }) ?? [], client.clientId, tenantField === SINGLE_TENANT || override ? [] : [tenantField], state.queryEndpoint, state.queryHeaders, getToken);
         if (results.failingTenant) {
             setFailingTenant(results.failingTenant);
+            setFailingTenantErrorType(results.failingTenantErrorType);
             return;
         }
         if (results.success && results.tables) {
@@ -161,7 +176,7 @@ export default function CreateVirtualTables({ containerStyle, header1Style, head
                                         paddingLeft: 16,
                                         paddingRight: 16,
                                         marginTop: 2,
-                                    }, schema: displayedTableData, databaseType: environmentDetails?.type, resizable: false }) }), _jsxs("div", { style: {
+                                    }, schema: databaseSchema, databaseType: environmentDetails?.type, resizable: false }) }), _jsxs("div", { style: {
                                     display: 'flex',
                                     flexDirection: 'row',
                                     paddingTop: 12,
@@ -170,7 +185,7 @@ export default function CreateVirtualTables({ containerStyle, header1Style, head
                                     height: 70,
                                 }, children: [_jsx(ButtonPrimitive, { label: 'Run query', isLoading: runQueryButtonLoading, onClick: async () => {
                                             setRunQueryButtonLoading(true);
-                                            const getSqlResults = await getVirtualTableData(client.clientId, queryInfo.query, environmentDetails.type, state.queryEndpoint, getToken, client.queryHeaders);
+                                            const getSqlResults = await getVirtualTableData(client.clientId, queryInfo.query, environmentDetails.type, state.queryEndpoint, getToken, eventTracking, client.queryHeaders);
                                             if (!getSqlResults.success) {
                                                 setErrorInfo({ status: true, msg: getSqlResults.error });
                                             }
@@ -210,6 +225,7 @@ export default function CreateVirtualTables({ containerStyle, header1Style, head
                                                         const duplicateColumns2 = getDuplicateColumns(tableData?.fields);
                                                         if (duplicateColumns2.length > 0) {
                                                             alert(`Ambiguous column names found. Either use aliases or remove the column to make every column name unique: \n\n${duplicateColumns2.join('\n')}`);
+                                                            setOpenModalButtonLoading(false);
                                                             return;
                                                         }
                                                         const clientId = client?.publicKey || client?.clientId;
@@ -304,7 +320,7 @@ export default function CreateVirtualTables({ containerStyle, header1Style, head
                                         completeOnboarding();
                                     }, style: {
                                     // marginBottom: -8,
-                                    }, isLoading: isLoading }) })) : null] })] }), _jsx(TenantFieldModal, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant, onOverride: () => addVirtualTable(true) }), _jsx(VirtualTableModal, { isOpen: virtualTableModalOpen, setIsOpen: setVirtualTableModalOpen, queryInfo: queryInfo, setQueryInfo: setQueryInfo, addVirtualTable: () => addVirtualTable(false) })] }));
+                                    }, isLoading: isLoading }) })) : null] })] }), _jsx(TenantFieldModal, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant, onOverride: () => addVirtualTable(true), errorType: failingTenantErrorType }), _jsx(VirtualTableModal, { isOpen: virtualTableModalOpen, setIsOpen: setVirtualTableModalOpen, queryInfo: queryInfo, setQueryInfo: setQueryInfo, addVirtualTable: () => addVirtualTable(false) })] }));
 }
 export function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQueryInfo, addVirtualTable, }) {
     const { state: { theme }, } = useAdmin();
@@ -360,32 +376,50 @@ export function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQueryInfo,
                                 setIsOpen(false);
                             } })] })] }) }));
 }
-export function TenantFieldModal({ isOpen, setClosed, tenant, onOverride, }) {
+export function TenantFieldModal({ isOpen, setClosed, tenant, onOverride, errorType = 'missing', }) {
+    const { state: { theme }, } = useAdmin();
     return (_jsx(ModalPrimitive, { isOpen: isOpen, onClose: () => setClosed(), children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', width: '500px' }, children: [_jsx("h1", { style: {
                         fontSize: 24,
                         fontWeight: 600,
                         color: '#212121',
                         paddingBottom: 14,
-                    }, children: "Foreign Key Missing" }), _jsxs("div", { style: { marginBottom: '12px' }, children: [_jsx("span", { style: {
-                                color: '#212121',
-                                fontWeight: 600,
-                                backgroundColor: '#f7f7f7',
-                                padding: '2px 4px',
-                                borderRadius: 4,
-                                border: '1px solid #e0e0e0',
-                            }, children: tenant?.name }), "'s foreign key", ' ', _jsx("span", { style: {
-                                color: 'red',
-                                fontWeight: 600,
-                                backgroundColor: '#f7f7f7',
-                                padding: '2px 4px',
-                                borderRadius: 4,
-                                border: '1px solid #e0e0e0',
-                            }, children: tenant?.tenantField.replaceAll('"', '') }), ' ', "is not present in the current query to allow for filtering.", onOverride ? (_jsxs("span", { children: [' ', "Only override if this data is meant to be accessible by", ' ', _jsx("strong", { children: "every tenant" }), " (this is rare)"] })) : (_jsxs("span", { children: [' ', "If this tenant is not meant to filter this data, remove it from the owners dropdown"] }))] }), _jsx("br", {}), _jsxs("div", { style: {
+                        fontFamily: theme.fontFamily,
+                    }, children: errorType === 'missing'
+                        ? 'Foreign Key Missing'
+                        : 'Foreign Key Type Mismatch' }), _jsx("div", { style: { marginBottom: '12px', fontFamily: theme.fontFamily }, children: errorType === 'missing' ? (_jsxs(_Fragment, { children: [_jsx("span", { style: {
+                                    color: '#212121',
+                                    fontWeight: 600,
+                                    backgroundColor: '#f7f7f7',
+                                    padding: '2px 4px',
+                                    borderRadius: 4,
+                                    border: '1px solid #e0e0e0',
+                                }, children: tenant?.name }), "'s foreign key", ' ', _jsx("span", { style: {
+                                    color: 'red',
+                                    fontWeight: 600,
+                                    backgroundColor: '#f7f7f7',
+                                    padding: '2px 4px',
+                                    borderRadius: 4,
+                                    border: '1px solid #e0e0e0',
+                                }, children: tenant?.tenantField.replaceAll('"', '') }), ' ', "is not present in the current query to allow for filtering.", onOverride ? (_jsxs("span", { children: [' ', "Only override if this data is meant to be accessible by", ' ', _jsx("strong", { children: "every tenant" }), " (this is rare)"] })) : (_jsxs("span", { children: [' ', "If this tenant is not meant to filter this data, remove it from the owners dropdown"] }))] })) : (_jsxs(_Fragment, { children: ["The foreign key", ' ', _jsx("span", { style: {
+                                    color: 'red',
+                                    fontWeight: 600,
+                                    backgroundColor: '#f7f7f7',
+                                    padding: '2px 4px',
+                                    borderRadius: 4,
+                                    border: '1px solid #e0e0e0',
+                                }, children: tenant?.tenantField.replaceAll('"', '') }), ' ', "in your query has a type that does not match the tenant ID type for", ' ', _jsx("span", { style: {
+                                    color: '#212121',
+                                    fontWeight: 600,
+                                    backgroundColor: '#f7f7f7',
+                                    padding: '2px 4px',
+                                    borderRadius: 4,
+                                    border: '1px solid #e0e0e0',
+                                }, children: tenant?.name }), ". Please modify your query to ensure the foreign key type matches the tenant ID type."] })) }), _jsx("br", {}), _jsxs("div", { style: {
                         display: 'flex',
                         flexDirection: 'row',
                         gap: '12px',
                         justifyContent: 'flex-end',
-                    }, children: [onOverride && (_jsx(SecondaryButtonPrimitive, { label: "Override", onClick: () => {
+                    }, children: [onOverride && errorType === 'missing' && (_jsx(SecondaryButtonPrimitive, { label: "Override", onClick: () => {
                                 onOverride();
                                 setClosed();
                             } })), _jsx(ButtonPrimitive, { label: "Got It", onClick: () => setClosed() })] })] }) }));

package/dist/esm/forms/client_onboard/__tests__/ConnectSchema.test.js

@@ -91,7 +91,7 @@ describe('ConnectSchema', () => {
         theme: defaultTheme,
         organizationIdSet: false,
         dateFilter: {},
-        domainName: '',
+        clerkOrgId: '',
         databaseTypeMismatch: { show: false, backendDatabaseType: '' },
         selectedTenantField: undefined,
         selectedTenantValues: undefined,

package/dist/esm/forms/client_onboard/__tests__/CreateVirtualTables.test.js

@@ -75,7 +75,7 @@ describe('CreateVirtualTables', () => {
         theme: defaultTheme,
         organizationIdSet: false,
         dateFilter: {},
-        domainName: '',
+        clerkOrgId: '',
         databaseTypeMismatch: { show: false, backendDatabaseType: '' },
         selectedTenantField: undefined,
         selectedTenantValues: undefined,

package/dist/esm/forms/virtual_tables/CreateEditVirtualTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateEditVirtualTable.d.ts","sourceRoot":"","sources":["../../../../src/forms/virtual_tables/CreateEditVirtualTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EAGrB,MAAM,iBAAiB,CAAC;AAQzB,OAAO,EAOL,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAU,cAAc,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAO/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIlD,UAAU,2BAA2B;IACnC,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACxE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,EAAE,CACnB,OAAO,EAAE,KAAK,GAAG,MAAM,EACvB,KAAK,EAAE,MAAM,EACb,iBAAiB,EAAE,MAAM,EAAE,EAC3B,IAAI,CAAC,EAAE,MAAM,EACb,EAAE,CAAC,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,GAAG,EAAE,EACf,QAAQ,CAAC,EAAE,OAAO,KACf,IAAI,CAAC;IACV,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EAAE,qBAAqB,EAC5C,mBAAmB,EAAE,mBAAmB,EACxC,gBAA2C,EAC3C,eAAgC,EAChC,wBAAkD,EAClD,SAA6B,EAC7B,YAAY,EACZ,eAAe,EACf,MAAM,GACP,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CA+gB3C"}
+{"version":3,"file":"CreateEditVirtualTable.d.ts","sourceRoot":"","sources":["../../../../src/forms/virtual_tables/CreateEditVirtualTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EAGrB,MAAM,iBAAiB,CAAC;AAQzB,OAAO,EAOL,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAEL,cAAc,EACd,KAAK,IAAI,SAAS,EACnB,MAAM,mBAAmB,CAAC;AAW3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIlD,UAAU,2BAA2B;IACnC,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACxE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,EAAE,CACnB,OAAO,EAAE,KAAK,GAAG,MAAM,EACvB,KAAK,EAAE,MAAM,EACb,iBAAiB,EAAE,MAAM,EAAE,EAC3B,IAAI,CAAC,EAAE,MAAM,EACb,EAAE,CAAC,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,GAAG,EAAE,EACf,QAAQ,CAAC,EAAE,OAAO,KACf,IAAI,CAAC;IACV,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EAAE,qBAAqB,EAC5C,mBAAmB,EAAE,mBAAmB,EACxC,gBAA2C,EAC3C,eAAgC,EAChC,wBAAkD,EAClD,SAA6B,EAC7B,YAAY,EACZ,eAAe,EACf,MAAM,GACP,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CA6mB3C"}

package/dist/esm/forms/virtual_tables/CreateEditVirtualTable.js

@@ -8,7 +8,7 @@ import { LoadingSpinner, MemoizedButton, MemoizedSecondaryButton, MemoizedTextIn
 import { TenantFieldModal } from '../client_onboard/CreateVirtualTables';
 import DynamicBanner from '../../components/DynamicBanner';
 import { getDuplicateColumns } from '../../public_components/VirtualTableManager';
-import { processColumnReference } from '../../utils/columnProcessing';
+import { isNumberType, isStringType, processColumnReference, } from '../../utils/columnProcessing';
 import { processJoinASTWithDuplicateColumns } from '../../utils/astProcessing';
 import { SINGLE_TENANT } from '../../utils/constants';
 import { onlySingleDatabaseTenant } from '../../utils/tenants';
@@ -24,6 +24,7 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
         client.ownerTenantFields?.filter((f) => f !== SINGLE_TENANT) ??
         []);
     const [failingTenant, setFailingTenant] = useState(undefined);
+    const [failingTenantErrorType, setFailingTenantErrorType] = useState(undefined);
     const [isLoading, setIsLoading] = useState(false);
     const [tableSearchQuery, setTableSearchQuery] = useState('');
     const [editorMounted, setEditorMounted] = useState(false);
@@ -31,15 +32,37 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
     const [errorInfo, setErrorInfo] = useState({ show: false, message: '' });
     const [tableData, setTableData] = useState(undefined);
     const [runningQuery, setRunningQuery] = useState(false);
-    const { state, getToken, quillFetchWithToken } = useAdmin();
+    const { state, getToken, quillFetchWithToken, eventTracking } = useAdmin();
     const containerRef = useRef(null);
     const addEditProcessVirtualTable = async (override = false) => {
-        const failingTenant = virtualTableOwners?.find((field) => tableData &&
+        const missingTenantField = virtualTableOwners?.find((field) => tableData &&
             !tableData.fields.find((col) => col.name === field?.replaceAll('"', '')));
-        if (!override && tableData && failingTenant) {
-            const tenant = client.allTenantTypes?.find((t) => t.tenantField === failingTenant);
-            setFailingTenant(tenant);
-            return;
+        if (!override && tableData) {
+            if (missingTenantField) {
+                const tenant = client.allTenantTypes?.find((t) => t.tenantField === missingTenantField);
+                setFailingTenant(tenant);
+                setFailingTenantErrorType('missing');
+                return;
+            }
+            else {
+                // let typeMismatchedTenant: QuillTenant | undefined;
+                // check that the all tenant field type match
+                // loop through all virtualTableOwneers and check the field type
+                const typeMismatchedTenant = virtualTableOwners.find((owner) => {
+                    const tenant = client.allTenantTypes?.find((t) => t.tenantField === owner);
+                    const tableDataField = tableData.fields.find((col) => col.name === owner?.replaceAll('"', ''));
+                    return ((tenant?.fieldType === 'string' &&
+                        isNumberType(tableDataField?.fieldType ?? '')) ||
+                        (tenant?.fieldType === 'number' &&
+                            isStringType(tableDataField?.fieldType ?? '')));
+                });
+                if (typeMismatchedTenant) {
+                    const tenant = client.allTenantTypes?.find((t) => t.tenantField === typeMismatchedTenant);
+                    setFailingTenant(tenant);
+                    setFailingTenantErrorType('type_mismatch');
+                    return;
+                }
+            }
         }
         addEditVirtualTable(initialVirtualTable ? 'edit' : 'add', ranVirtualTableQuery, virtualTableOwners, name, initialVirtualTable ? initialVirtualTable._id : undefined, tableData?.fields || [], override);
     };
@@ -54,6 +77,12 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
     // Run query on mount
     useEffect(() => {
         if (initialVirtualTable) {
+            eventTracking?.addBreadcrumb?.({
+                message: 'Initial Query Run on CreateEditVirtualTable load',
+                category: 'network',
+                level: 'info',
+                timestamp: Date.now(),
+            });
             handleRunQuery(initialVirtualTable.viewQuery);
         }
     }, []);
@@ -61,6 +90,12 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
         setErrorInfo({ show: false, message: '' });
         setVirtualTableAddable(false);
         setAskAIButtonLoading(true);
+        eventTracking?.addBreadcrumb?.({
+            message: 'Used Ask AI in CreateEditVirtualTable',
+            category: 'network',
+            level: 'info',
+            timestamp: Date.now(),
+        });
         const results = await getQueryFromAiWithConnection(state.isSelfHosted, allTableData, state.queryEndpoint, aiPrompt, state.client._id, getToken, state.client.schemaNames, state.queryHeaders);
         setEditVirtualTableQuery(results);
         setAskAIButtonLoading(false);
@@ -106,7 +141,7 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
             return;
         }
         setIsLoading(true);
-        const resp = await getVirtualTableData(state.client._id, query, state.client.databaseType, state.queryEndpoint, getToken, state.queryHeaders);
+        const resp = await getVirtualTableData(state.client._id, query, state.client.databaseType, state.queryEndpoint, getToken, eventTracking, state.queryHeaders);
         if (!resp.success) {
             setErrorInfo({ show: true, message: resp.error });
             setTableData(undefined);
@@ -243,10 +278,27 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
                                                     flexDirection: 'row',
                                                     justifyContent: 'space-between',
                                                 }, children: [_jsx(ButtonComponent, { label: 'Run query', onClick: () => {
+                                                            eventTracking?.addBreadcrumb?.({
+                                                                message: 'Clicked run query button in CreateEditVirtualTable',
+                                                                category: 'interaction',
+                                                                level: 'info',
+                                                                timestamp: Date.now(),
+                                                            });
                                                             handleRunQuery();
                                                         } }), !!dashboardOwnerTenants?.length && (_jsx(QuillMultiSelectComponentWithCombo, { label: 'Owner Tenants', width: 230, value: virtualTableOwners, options: dashboardOwnerTenants?.map((f) => {
                                                             return { value: f.tenantField, label: f.name };
-                                                        }) ?? [], onChange: (e) => setVirtualTableOwners(e.target.value), allSelectedLabel: _jsx("div", { children: "All tenants" }), noneSelectedLabel: _jsx("div", { children: "No owners" }) }))] })), errorInfo.show ? (_jsx("div", { style: {
+                                                        }) ?? [], onChange: (e) => {
+                                                            setVirtualTableOwners(e.target.value);
+                                                            eventTracking?.addBreadcrumb?.({
+                                                                message: 'Changed owner tenants in CreateEditVirtualTable',
+                                                                category: 'interaction',
+                                                                level: 'info',
+                                                                timestamp: Date.now(),
+                                                                data: {
+                                                                    ownerTenants: e.target.value,
+                                                                },
+                                                            });
+                                                        }, allSelectedLabel: _jsx("div", { children: "All tenants" }), noneSelectedLabel: _jsx("div", { children: "No owners" }) }))] })), errorInfo.show ? (_jsx("div", { style: {
                                                     fontSize: 15,
                                                     fontWeight: '400',
                                                     width: '100%',
@@ -268,7 +320,37 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
                                         flexDirection: 'row',
                                         gap: 12,
                                         marginTop: 'auto',
-                                    }, children: [_jsx(SecondaryButtonComponent, { onClick: closeEditVirtualTable, label: 'Discard changes' }), _jsx(ButtonComponent, { label: `${initialVirtualTable ? 'Save changes' : 'Create virtual table'}`, onClick: () => {
+                                    }, children: [_jsx(SecondaryButtonComponent, { onClick: () => {
+                                                closeEditVirtualTable();
+                                                eventTracking?.addBreadcrumb?.({
+                                                    message: 'Clicked discard changes button in CreateEditVirtualTable',
+                                                    category: 'interaction',
+                                                    level: 'info',
+                                                    timestamp: Date.now(),
+                                                });
+                                            }, label: 'Discard changes' }), _jsx(ButtonComponent, { label: `${initialVirtualTable ? 'Save changes' : 'Create virtual table'}`, onClick: () => {
+                                                if (initialVirtualTable) {
+                                                    eventTracking?.addBreadcrumb?.({
+                                                        message: 'Saved changes to existing virtual table',
+                                                        data: {
+                                                            virtualTable: initialVirtualTable.name,
+                                                        },
+                                                        category: 'interaction',
+                                                        level: 'info',
+                                                        timestamp: Date.now(),
+                                                    });
+                                                }
+                                                else {
+                                                    eventTracking?.addBreadcrumb?.({
+                                                        message: 'Created new virtual table',
+                                                        data: {
+                                                            virtualTable: name,
+                                                        },
+                                                        category: 'interaction',
+                                                        level: 'info',
+                                                        timestamp: Date.now(),
+                                                    });
+                                                }
                                                 const duplicateColumns = getDuplicateColumns(tableData?.fields);
                                                 if (duplicateColumns.length > 0) {
                                                     alert(`Ambiguous column names found. Either use aliases or remove the column to make every column name unique: \n\n${duplicateColumns.join('\n')}`);
@@ -288,5 +370,5 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
                                         display: 'flex',
                                         flexDirection: 'row',
                                         gap: 12,
-                                    }, children: _jsx(SecondaryButtonComponent, { onClick: closeEditVirtualTable, label: 'Discard changes' }) }))] })] }), _jsx(TenantFieldModal, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant })] }) }));
+                                    }, children: _jsx(SecondaryButtonComponent, { onClick: closeEditVirtualTable, label: 'Discard changes' }) }))] })] }), _jsx(TenantFieldModal, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant, errorType: failingTenantErrorType })] }) }));
 }

package/dist/esm/hooks/useDatabaseSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDatabaseSchema.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDatabaseSchema.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;CAgE7B,CAAC"}
+{"version":3,"file":"useDatabaseSchema.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDatabaseSchema.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;CA2E7B,CAAC"}

package/dist/esm/hooks/useDatabaseSchema.js

@@ -2,7 +2,7 @@ import { useAdmin } from '../AdminProvider';
 import { useEffect, useRef, useState } from 'react';
 import { getTableColumnsBySchema } from '../api/ConnectionClient';
 export const useDatabaseSchema = () => {
-    const { state, dispatch, getToken } = useAdmin();
+    const { state, dispatch, getToken, eventTracking } = useAdmin();
     const [isLoading, setIsLoading] = useState(state.databaseSchema?.id !== state.client.id);
     const idRef = useRef(null);
     useEffect(() => {
@@ -36,6 +36,17 @@ export const useDatabaseSchema = () => {
                 });
             }
             catch (e) {
+                eventTracking?.logError?.({
+                    type: 'bug', // TODO: determine type
+                    severity: 'high',
+                    message: 'Error fetching schema',
+                    errorMessage: e.message,
+                    errorStack: e.stack,
+                    errorData: {
+                        caller: 'useDatabaseSchema',
+                        function: 'fetchSchema',
+                    },
+                });
                 console.error(e);
             }
             finally {

package/dist/esm/hooks/useLongLoading.d.ts

@@ -0,0 +1,13 @@
+type LongLoadingMeta = {
+    origin: string;
+    loadDescription: string;
+    expectedLoadTime?: number;
+    abnormalLoadTime?: number;
+};
+type LoadingState = {
+    isLongLoading: boolean;
+    isAbnormalLoading: boolean;
+};
+export declare function useLongLoading(isLoading: boolean, meta: LongLoadingMeta): LoadingState;
+export {};
+//# sourceMappingURL=useLongLoading.d.ts.map

package/dist/esm/hooks/useLongLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLongLoading.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLongLoading.tsx"],"names":[],"mappings":"AAGA,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,cAAc,CAC5B,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,eAAe,GACpB,YAAY,CAoEd"}

package/dist/esm/hooks/useLongLoading.js

@@ -0,0 +1,64 @@
+import { useEffect, useState } from 'react';
+import { useAdmin } from '../AdminProvider';
+export function useLongLoading(isLoading, meta) {
+    const { origin, expectedLoadTime = 5000, abnormalLoadTime = 15000, loadDescription, } = meta;
+    const [isLongLoading, setIsLongLoading] = useState(false);
+    const [isAbnormalLoading, setIsAbnormalLoading] = useState(false);
+    const { eventTracking } = useAdmin();
+    useEffect(() => {
+        let longTimer = null;
+        let abnormalTimer = null;
+        if (isLoading) {
+            // Set timer for long loading
+            longTimer = setTimeout(() => {
+                setIsLongLoading(true);
+                eventTracking?.logError?.({
+                    type: 'timeout',
+                    severity: 'medium',
+                    message: `${origin} loading is taking longer than expected`,
+                    errorData: {
+                        loadDescription,
+                        expectedLoadTime,
+                        currentTime: Date.now(),
+                    },
+                });
+                // Set timer for abnormal loading
+                abnormalTimer = setTimeout(() => {
+                    setIsAbnormalLoading(true);
+                    eventTracking?.logError?.({
+                        type: 'timeout',
+                        severity: 'high',
+                        message: `${origin} loading is taking abnormally long`,
+                        errorData: {
+                            loadDescription,
+                            expectedLoadTime,
+                            abnormalLoadTime,
+                            currentTime: Date.now(),
+                        },
+                    });
+                }, abnormalLoadTime - expectedLoadTime);
+            }, expectedLoadTime);
+        }
+        else {
+            setIsLongLoading(false);
+            setIsAbnormalLoading(false);
+        }
+        return () => {
+            if (longTimer)
+                clearTimeout(longTimer);
+            if (abnormalTimer)
+                clearTimeout(abnormalTimer);
+        };
+    }, [
+        isLoading,
+        origin,
+        expectedLoadTime,
+        abnormalLoadTime,
+        loadDescription,
+        eventTracking,
+    ]);
+    return {
+        isLongLoading,
+        isAbnormalLoading,
+    };
+}

package/dist/esm/hooks/useOnClickOutside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnClickOutside.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,QAChB,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,WAC3B;IAAE,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI,CAAA;CAAE,cACnB,OAAO,SA2BpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAAa,WAAW,KAAG,MAoBzD,CAAC;AAqBF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnClickOutside.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,GACrB,KAAK,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EACpC,SAAS;IAAE,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI,CAAA;CAAE,EAC/B,YAAY,OAAO,SA2BpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,SAAS,WAAW,KAAG,MAoBzD,CAAC;AAqBF,eAAe,iBAAiB,CAAC"}

package/dist/esm/hooks/useThrottle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThrottle.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThrottle.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAClC,KAAK,EAAE,MAAM,aAGI,GAAG,EAAE,UAOvB"}
+{"version":3,"file":"useThrottle.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThrottle.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAClC,KAAK,EAAE,MAAM,IAGL,GAAG,MAAM,GAAG,EAAE,UAOvB"}

package/dist/esm/icons/ArrowDownHeadIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowDownHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/ArrowDownHeadIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;6CActB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ArrowDownHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/ArrowDownHeadIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB,GAAI;;CAAY,4CActC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/icons/CheckCircleIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/CheckCircleIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,eAAe;;6CAepB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CheckCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/CheckCircleIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,eAAe,GAAI;;CAAY,4CAepC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/icons/ExclamationFilledIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExclamationFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/ExclamationFilledIcon.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,qBAAqB;;6CAa1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ExclamationFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/ExclamationFilledIcon.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,qBAAqB,GAAI;;CAAY,4CAa1C,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/esm/icons/ExteriorLinkIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExteriorLinkIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/ExteriorLinkIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB;;6CAcrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ExteriorLinkIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/ExteriorLinkIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB,GAAI;;CAAY,4CAcrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/icons/QuestionMarkCircleIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionMarkCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/QuestionMarkCircleIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB;;6CAgB3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"QuestionMarkCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/QuestionMarkCircleIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,GAAI;;CAAY,4CAgB3C,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/esm/modals/CodePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodePreview.d.ts","sourceRoot":"","sources":["../../../src/modals/CodePreview.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,cAAc,EACd,MAAM,EACN,SAAS,GACV,EAAE;IACD,cAAc,EAAE,GAAG,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,kDA4OA"}
+{"version":3,"file":"CodePreview.d.ts","sourceRoot":"","sources":["../../../src/modals/CodePreview.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,cAAc,EACd,MAAM,EACN,SAAS,GACV,EAAE;IACD,cAAc,EAAE,GAAG,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,kDAoPA"}

package/dist/esm/modals/CodePreview.js

@@ -8,7 +8,7 @@ import { QuillSelectComponentWithCombo } from '../components/QuillSelectWithComb
 import { Highlight, themes } from 'prism-react-renderer';
 import { MemoizedButton } from '../components/UiComponents';
 export default function CodePreview({ ModalComponent, isOpen, setIsOpen, }) {
-    const { state } = useAdmin();
+    const { state, eventTracking } = useAdmin();
     const { dashboards } = useDashboards();
     const parentRef = useRef(null);
     const [modalWidth, setModalWidth] = useState(200);
@@ -16,6 +16,7 @@ export default function CodePreview({ ModalComponent, isOpen, setIsOpen, }) {
     const [toggleMode, setToggleMode] = useState('Dashboard');
     const [selectedReportId, setSelectedReportId] = useState(null);
     const [hideCode, setHideCode] = useState(false);
+    const [initialSizeIsSet, setInitialSizeIsSet] = useState(false);
     const selectedDashboardObject = useMemo(() => {
         return dashboards?.find((elem) => elem.name === state.selectedDashboard);
     }, [dashboards, state.selectedDashboard]);
@@ -28,6 +29,7 @@ export default function CodePreview({ ModalComponent, isOpen, setIsOpen, }) {
             setModalWidth(window.innerWidth - 80);
         }
         setModalHeight(window.innerHeight - 80);
+        setInitialSizeIsSet(true);
     }, []);
     useEffect(() => {
         handleResize();
@@ -51,11 +53,14 @@ export default function CodePreview({ ModalComponent, isOpen, setIsOpen, }) {
             ? `import { Dashboard } from '@quillsql/react' \n\nfunction DashboardPage() { \n\n\treturn ( \n\t\t // TODO: make sure all Quill Components are children of <QuillProvider /> \n\t\t<Dashboard \n\t\t\tname="${state.selectedDashboard}" \n\t\t\t// TODO: use id to navigate to report detail page \n\t\t\tonClickReport={report => console.log("Quill Report ID: ", report.id)} \n\t\t/>  \n\t); \n}`
             : `import { Chart, Table } from '@quillsql/react' \n\nfunction ReportDetail() { \n\tconst { reportId } = useRouter() // TODO: replace with your navigation router \n\tconst { data, loading, error } = useQuill(reportId) \n\tconst { downloadCSV } = useExport(reportId) \n\n\treturn ( \n\t\t// TODO: make sure all Quill Components are children of <QuillProvider /> \n\t\t<>\n\t\t\t<h1>{data.name}</h1>\n\t\t\t<Chart reportId={reportId} />\n\t\t\t<YourButton onClick={downloadCSV}>Download CSV</Button>\n\t\t\t<Table reportId={reportId} autoHide />\n\t\t</> \n\t); \n}`;
         navigator.clipboard.writeText(code);
+        eventTracking?.logEvent?.('embed-preview-copy-code', {
+            dashboardName: state.selectedDashboard,
+        });
     };
     if (!state.selectedDashboard) {
         return null;
     }
-    return (_jsx("div", { ref: parentRef, children: _jsx(ModalComponent, { isOpen: isOpen, setIsOpen: setIsOpen, title: "Embed Preview", width: modalWidth, height: modalHeight, children: _jsxs("div", { style: { paddingLeft: 20, paddingRight: 20 }, children: [_jsx("div", { style: {
+    return (_jsx("div", { ref: parentRef, style: { visibility: initialSizeIsSet ? 'visible' : 'hidden' }, children: _jsx(ModalComponent, { isOpen: isOpen, setIsOpen: setIsOpen, title: "Embed Preview", width: modalWidth, height: modalHeight, children: _jsxs("div", { style: { paddingLeft: 20, paddingRight: 20 }, children: [_jsx("div", { style: {
                             display: 'flex',
                             flexDirection: 'row',
                             alignItems: 'center',

package/dist/esm/modals/CreateEnvironmentModal.d.ts

@@ -0,0 +1,5 @@
+export default function CreateEnvironmentModal({ showCreateEnvironmentModal, setShowCreateEnvironmentModal, }: {
+    showCreateEnvironmentModal: boolean;
+    setShowCreateEnvironmentModal: (show: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreateEnvironmentModal.d.ts.map

package/dist/esm/modals/CreateEnvironmentModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateEnvironmentModal.d.ts","sourceRoot":"","sources":["../../../src/modals/CreateEnvironmentModal.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,0BAA0B,EAC1B,6BAA6B,GAC9B,EAAE;IACD,0BAA0B,EAAE,OAAO,CAAC;IACpC,6BAA6B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxD,2CAuBA"}

package/dist/esm/modals/CreateEnvironmentModal.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAdmin } from '../AdminProvider';
+import { ModalPrimitive } from '../primitives';
+import CreateEnvironment from '../public_components/CreateEnvironment';
+export default function CreateEnvironmentModal({ showCreateEnvironmentModal, setShowCreateEnvironmentModal, }) {
+    const { onOnboardComplete } = useAdmin();
+    return (_jsx(ModalPrimitive, { isOpen: showCreateEnvironmentModal, onClose: () => {
+            if (confirm('Are you sure you want to close this modal? Changes will not be saved.')) {
+                setShowCreateEnvironmentModal(false);
+            }
+        }, children: _jsx(CreateEnvironment, { onOnboardComplete: (client) => {
+                setShowCreateEnvironmentModal(false);
+                onOnboardComplete?.(client);
+            } }) }));
+}

package/dist/esm/modals/EditEnvironmentModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditEnvironmentModal.d.ts","sourceRoot":"","sources":["../../../src/modals/EditEnvironmentModal.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,yBAAyB,EACzB,aAAa,EAGd,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAQ3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAsB1E,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,SAAS,EACT,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,wBAAwB,GACzB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EACd,yBAAyB,CACvB,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAC1D,GACD,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACtD,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,eAAe,EAAE,GAAG,CAAC;IACrB,wBAAwB,EAAE,GAAG,CAAC;CAC/B,2CAy4BA"}
+{"version":3,"file":"EditEnvironmentModal.d.ts","sourceRoot":"","sources":["../../../src/modals/EditEnvironmentModal.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,yBAAyB,EACzB,aAAa,EAGd,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAQ3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAQ1E,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,SAAS,EACT,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,wBAAwB,GACzB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EACd,yBAAyB,CACvB,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAC1D,GACD,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACtD,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,eAAe,EAAE,GAAG,CAAC;IACrB,wBAAwB,EAAE,GAAG,CAAC;CAC/B,2CAi9BA"}