@tellaro/tql 0.3.1 → 1.4.0

package/dist/src/validator.js

@@ -1,5 +1,5 @@
 import { parseTql as g } from "./parser.js";
-const b = {
+const u = {
   // Equality (all types)
   eq: ["text", "keyword", "long", "integer", "double", "float", "date", "boolean", "ip", "nested", "object", "geo_point"],
   ne: ["text", "keyword", "long", "integer", "double", "float", "date", "boolean", "ip", "nested", "object", "geo_point"],
@@ -65,7 +65,7 @@ const b = {
   cidr: ["ip"],
   not_cidr: ["ip"],
   "!cidr": ["ip"]
-}, u = {
+}, b = {
   eq: ["string", "number", "boolean"],
   ne: ["string", "number", "boolean"],
   "=": ["string", "number", "boolean"],
@@ -131,7 +131,8 @@ class c {
    * Validate a TQL query
    */
   validate(e) {
-    this.errors = [], this.warnings = [];
+    if (this.errors = [], this.warnings = [], !e)
+      return { isValid: !0, errors: [], warnings: [] };
     const t = g(e);
     return this.errors.push(...t.errors), this.warnings.push(...t.warnings), t.ast && this.validateExpression(t.ast), {
       valid: this.errors.length === 0,
@@ -189,7 +190,7 @@ class c {
     if (this.options.fieldTypes && e.field.type === "field") {
       const o = this.options.fieldTypes[t];
       if (o) {
-        const n = b[e.operator];
+        const n = u[e.operator];
         !l[e.operator] && n && !n.includes(o) && this.addWarning(
           `Operator '${e.operator}' may not work well with field type '${o}'`,
           e.start,
@@ -202,7 +203,7 @@ class c {
       }
     }
     if (!Array.isArray(e.value) && e.value.type === "literal") {
-      const o = u[e.operator];
+      const o = b[e.operator];
       o && !o.includes(e.value.valueType) && this.addWarning(
         `Operator '${e.operator}' expects ${o.join(" or ")} value`,
         e.value.start,
@@ -289,11 +290,11 @@ function d(s, e) {
 function h(s) {
   return d(s).valid;
 }
-function y(s, e) {
+function p(s, e) {
   const t = d(s, e);
   return [...t.errors, ...t.warnings];
 }
-function p(s) {
+function y(s) {
   const e = [];
   s.valid ? e.push("Query is valid") : e.push("Query has errors:");
   for (const t of s.errors)
@@ -305,8 +306,8 @@ function p(s) {
 }
 export {
   c as TqlValidator,
-  p as formatValidationResult,
-  y as getTqlIssues,
+  y as formatValidationResult,
+  p as getTqlIssues,
   h as isValidTqlSyntax,
   d as validateTql
 };

package/dist/tql.css

@@ -1 +1 @@
-.tql-autocomplete-dropdown[data-v-e29dd6a7]{position:fixed;top:var(--dropdown-top);left:var(--dropdown-left);z-index:9999;min-width:280px;max-width:450px;max-height:var(--dropdown-max-height);background:var(--surface-overlay, #fff);border:1px solid var(--surface-border, #ddd);border-radius:var(--border-radius, 6px);box-shadow:0 4px 16px #00000026;overflow:hidden;display:flex;flex-direction:column}.tql-completion-list[data-v-e29dd6a7]{overflow-y:auto;max-height:calc(var(--dropdown-max-height) - 60px)}.tql-completion-item[data-v-e29dd6a7]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background-color .15s}.tql-completion-item[data-v-e29dd6a7]:hover,.tql-completion-item.selected[data-v-e29dd6a7]{background:var(--highlight-bg, #f0f0f0)}.tql-completion-icon[data-v-e29dd6a7]{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:4px;font-size:.75rem}.tql-completion-icon.tql-completion-kind-field[data-v-e29dd6a7]{background:var(--blue-100, #e3f2fd);color:var(--blue-600, #1e88e5)}.tql-completion-icon.tql-completion-kind-operator[data-v-e29dd6a7]{background:var(--pink-100, #fce4ec);color:var(--pink-600, #d81b60)}.tql-completion-icon.tql-completion-kind-value[data-v-e29dd6a7]{background:var(--green-100, #e8f5e9);color:var(--green-600, #43a047)}.tql-completion-icon.tql-completion-kind-keyword[data-v-e29dd6a7]{background:var(--purple-100, #f3e5f5);color:var(--purple-600, #8e24aa)}.tql-completion-icon.tql-completion-kind-snippet[data-v-e29dd6a7]{background:var(--orange-100, #fff3e0);color:var(--orange-600, #fb8c00)}.tql-completion-icon.tql-completion-kind-mutator[data-v-e29dd6a7]{background:var(--cyan-100, #e0f7fa);color:var(--cyan-600, #00acc1)}.tql-completion-icon.tql-completion-kind-aggregation[data-v-e29dd6a7]{background:var(--indigo-100, #e8eaf6);color:var(--indigo-600, #3949ab)}.tql-completion-icon.tql-completion-kind-logicalOp[data-v-e29dd6a7]{background:var(--yellow-100, #fffde7);color:var(--yellow-700, #fbc02d)}.tql-completion-icon.tql-completion-kind-typeHint[data-v-e29dd6a7]{background:var(--teal-100, #e0f2f1);color:var(--teal-600, #00897b)}.tql-completion-icon.tql-completion-kind-visualization[data-v-e29dd6a7]{background:var(--red-100, #ffebee);color:var(--red-600, #e53935)}.tql-completion-content[data-v-e29dd6a7]{flex:1;display:flex;flex-direction:column;min-width:0}.tql-completion-label[data-v-e29dd6a7]{font-family:Courier New,monospace;font-size:.875rem;font-weight:500;color:var(--text-color, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tql-completion-detail[data-v-e29dd6a7]{font-size:.75rem;color:var(--text-color-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tql-completion-kind-badge[data-v-e29dd6a7]{font-size:.625rem;padding:.125rem .375rem;background:var(--surface-100, #f5f5f5);border-radius:3px;color:var(--text-color-secondary, #666);text-transform:uppercase;letter-spacing:.025em}.tql-completion-docs[data-v-e29dd6a7]{padding:.5rem .75rem;border-top:1px solid var(--surface-border, #ddd);background:var(--surface-50, #fafafa);font-size:.75rem;color:var(--text-color-secondary, #666);max-height:60px;overflow-y:auto}.tql-preview[data-v-bae811e6]{font-family:ui-monospace,monospace;font-size:13px;line-height:1.5;padding:12px;border:1px solid var(--tql-preview-border, #e0e0e0);border-radius:6px;background:var(--tql-preview-bg, #fafafa)}.tql-preview--compact[data-v-bae811e6]{padding:8px;font-size:12px}.tql-preview--empty[data-v-bae811e6]{color:var(--tql-preview-muted, #888)}.tql-preview__empty[data-v-bae811e6]{text-align:center;padding:20px}.tql-preview__complexity[data-v-bae811e6]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tql-preview__complexity-badge[data-v-bae811e6]{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.tql-preview--low .tql-preview__complexity-badge[data-v-bae811e6]{background:var(--tql-preview-low-bg, #e8f5e9);color:var(--tql-preview-low-text, #2e7d32)}.tql-preview--medium .tql-preview__complexity-badge[data-v-bae811e6]{background:var(--tql-preview-medium-bg, #fff3e0);color:var(--tql-preview-medium-text, #e65100)}.tql-preview--high .tql-preview__complexity-badge[data-v-bae811e6]{background:var(--tql-preview-high-bg, #ffebee);color:var(--tql-preview-high-text, #c62828)}.tql-preview__field-count[data-v-bae811e6]{color:var(--tql-preview-muted, #666);font-size:12px}.tql-preview__warnings[data-v-bae811e6]{margin-bottom:12px}.tql-preview__warning[data-v-bae811e6]{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:4px;margin-bottom:4px}.tql-preview__warning--info[data-v-bae811e6]{background:var(--tql-preview-info-bg, #e3f2fd);color:var(--tql-preview-info-text, #1565c0)}.tql-preview__warning--warning[data-v-bae811e6]{background:var(--tql-preview-warning-bg, #fff3e0);color:var(--tql-preview-warning-text, #e65100)}.tql-preview__warning--error[data-v-bae811e6]{background:var(--tql-preview-error-bg, #ffebee);color:var(--tql-preview-error-text, #c62828)}.tql-preview__warning-icon[data-v-bae811e6]{font-weight:700;width:16px;text-align:center}.tql-preview__warning-text[data-v-bae811e6]{flex:1}.tql-preview__suggestions[data-v-bae811e6]{margin-bottom:12px;padding:8px;background:var(--tql-preview-suggestion-bg, #f5f5f5);border-radius:4px}.tql-preview__suggestions-header[data-v-bae811e6]{font-weight:600;margin-bottom:4px;color:var(--tql-preview-header, #333)}.tql-preview__suggestions-list[data-v-bae811e6]{margin:0;padding-left:20px}.tql-preview__suggestion[data-v-bae811e6]{color:var(--tql-preview-muted, #666);margin:2px 0}.tql-preview__tree[data-v-bae811e6]{margin-bottom:12px}.tql-preview__tree-header[data-v-bae811e6],.tql-preview__fields-header[data-v-bae811e6],.tql-preview__operators-header[data-v-bae811e6]{font-weight:600;margin-bottom:8px;color:var(--tql-preview-header, #333);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.tql-preview__tree-content[data-v-bae811e6]{border:1px solid var(--tql-preview-tree-border, #e0e0e0);border-radius:4px;background:var(--tql-preview-tree-bg, #fff);padding:8px}.tql-preview__node[data-v-bae811e6]{margin:2px 0}.tql-preview__node-content[data-v-bae811e6]{display:flex;align-items:center;gap:4px;padding:2px 4px;border-radius:3px;cursor:pointer}.tql-preview__node-content[data-v-bae811e6]:hover{background:var(--tql-preview-node-hover, #f0f0f0)}.tql-preview__node-toggle[data-v-bae811e6]{width:16px;height:16px;border:none;background:var(--tql-preview-toggle-bg, #e0e0e0);border-radius:3px;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.tql-preview__node-toggle[data-v-bae811e6]:hover{background:var(--tql-preview-toggle-hover, #d0d0d0)}.tql-preview__node-toggle--leaf[data-v-bae811e6]{visibility:hidden}.tql-preview__node-type[data-v-bae811e6]{font-weight:600;color:var(--tql-preview-node-type, #666)}.tql-preview__node--and .tql-preview__node-type[data-v-bae811e6]{color:var(--tql-preview-and, #1976d2)}.tql-preview__node--or .tql-preview__node-type[data-v-bae811e6]{color:var(--tql-preview-or, #7b1fa2)}.tql-preview__node--not .tql-preview__node-type[data-v-bae811e6]{color:var(--tql-preview-not, #c62828)}.tql-preview__node--group .tql-preview__node-type[data-v-bae811e6]{color:var(--tql-preview-group, #666)}.tql-preview__node-label[data-v-bae811e6]{flex:1}.tql-preview__fields-list[data-v-bae811e6]{display:flex;flex-direction:column;gap:4px}.tql-preview__field[data-v-bae811e6]{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--tql-preview-field-bg, #fff);border:1px solid var(--tql-preview-field-border, #e0e0e0);border-radius:4px;cursor:pointer}.tql-preview__field[data-v-bae811e6]:hover{background:var(--tql-preview-field-hover, #f5f5f5)}.tql-preview__field-name[data-v-bae811e6]{font-weight:600;color:var(--tql-preview-field-name, #1976d2)}.tql-preview__field-mutators[data-v-bae811e6]{color:var(--tql-preview-mutator, #7b1fa2)}.tql-preview__field-operator[data-v-bae811e6]{color:var(--tql-preview-operator, #666)}.tql-preview__field-value[data-v-bae811e6]{color:var(--tql-preview-value, #2e7d32)}.tql-preview__match-type[data-v-bae811e6]{margin-left:auto;padding:1px 4px;border-radius:3px;font-size:10px;font-weight:600;background:var(--tql-preview-match-bg, #f0f0f0)}.tql-preview__match-type--exact[data-v-bae811e6]{background:var(--tql-preview-match-exact-bg, #e8f5e9);color:var(--tql-preview-match-exact, #2e7d32)}.tql-preview__match-type--wildcard[data-v-bae811e6]{background:var(--tql-preview-match-wildcard-bg, #fff3e0);color:var(--tql-preview-match-wildcard, #e65100)}.tql-preview__match-type--regex[data-v-bae811e6]{background:var(--tql-preview-match-regex-bg, #fce4ec);color:var(--tql-preview-match-regex, #c2185b)}.tql-preview__match-type--range[data-v-bae811e6]{background:var(--tql-preview-match-range-bg, #e3f2fd);color:var(--tql-preview-match-range, #1565c0)}.tql-preview__match-type--cidr[data-v-bae811e6]{background:var(--tql-preview-match-cidr-bg, #f3e5f5);color:var(--tql-preview-match-cidr, #7b1fa2)}.tql-preview__operators-list[data-v-bae811e6]{display:flex;flex-wrap:wrap;gap:8px}.tql-preview__operator[data-v-bae811e6]{padding:2px 6px;background:var(--tql-preview-op-bg, #f0f0f0);border-radius:3px;font-size:11px}.tql-input-wrapper[data-v-b501ae88]{position:relative;display:flex;align-items:flex-start;border:1px solid var(--surface-border, #ddd);border-radius:var(--border-radius, 6px);background:var(--surface-ground, #fff);transition:border-color .2s,box-shadow .2s}.tql-input-wrapper.tql-input-has-min-height[data-v-b501ae88],.tql-input-wrapper.tql-input-has-min-height .tql-input[data-v-b501ae88]{min-height:var(--tql-min-height)}.tql-input-wrapper.tql-input-focused[data-v-b501ae88]{border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 2px var(--primary-100, rgba(59, 130, 246, .2))}.tql-input-wrapper.tql-input-invalid[data-v-b501ae88]{border-color:var(--red-500, #ef4444)}.tql-input-wrapper.tql-input-invalid.tql-input-focused[data-v-b501ae88]{box-shadow:0 0 0 2px var(--red-100, rgba(239, 68, 68, .2))}.tql-input-wrapper.tql-input-disabled[data-v-b501ae88]{opacity:.6;cursor:not-allowed}.tql-highlight-layer[data-v-b501ae88]{position:absolute;inset:0;padding:.5rem .75rem;pointer-events:none;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;overflow:hidden}.tql-input-multiline .tql-highlight-layer[data-v-b501ae88]{overflow-y:auto}.tql-input[data-v-b501ae88]{flex:1;width:100%;padding:.5rem 8rem .5rem .75rem;border:none;background:transparent;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;color:var(--text-color, #333);outline:none;resize:none}.tql-input.tql-input-highlighted[data-v-b501ae88]{color:transparent;caret-color:var(--text-color, #333)}.tql-input[data-v-b501ae88]::placeholder{color:var(--text-color-secondary, #666);opacity:.7}.tql-input[data-v-b501ae88]:disabled{cursor:not-allowed}.tql-token-field[data-v-b501ae88]{color:var(--tql-field-color, var(--blue-600, #2563eb))}.tql-token-operator[data-v-b501ae88]{color:var(--tql-operator-color, var(--pink-600, #db2777));font-weight:500}.tql-token-logicalOp[data-v-b501ae88]{color:var(--tql-logical-color, var(--purple-600, #9333ea));font-weight:600}.tql-token-collectionOp[data-v-b501ae88]{color:var(--tql-collection-color, var(--indigo-600, #4f46e5));font-weight:600}.tql-token-string[data-v-b501ae88]{color:var(--tql-string-color, var(--green-600, #16a34a))}.tql-token-number[data-v-b501ae88]{color:var(--tql-number-color, var(--orange-600, #ea580c))}.tql-token-boolean[data-v-b501ae88]{color:var(--tql-boolean-color, var(--cyan-600, #0891b2))}.tql-token-null[data-v-b501ae88]{color:var(--tql-null-color, var(--gray-500, #6b7280));font-style:italic}.tql-token-mutator[data-v-b501ae88]{color:var(--tql-mutator-color, var(--teal-600, #0d9488));font-style:italic}.tql-token-aggregation[data-v-b501ae88]{color:var(--tql-aggregation-color, var(--indigo-600, #4f46e5))}.tql-token-keyword[data-v-b501ae88]{color:var(--tql-keyword-color, var(--purple-500, #a855f7))}.tql-token-typeHint[data-v-b501ae88]{color:var(--tql-typehint-color, var(--teal-500, #14b8a6))}.tql-token-visualization[data-v-b501ae88]{color:var(--tql-viz-color, var(--red-500, #ef4444))}.tql-token-arrow[data-v-b501ae88]{color:var(--tql-arrow-color, var(--gray-600, #4b5563));font-weight:600}.tql-token-doubleColon[data-v-b501ae88]{color:var(--tql-colon-color, var(--gray-500, #6b7280))}.tql-token-paren[data-v-b501ae88],.tql-token-bracket[data-v-b501ae88]{color:var(--tql-bracket-color, var(--gray-600, #4b5563))}.tql-token-error[data-v-b501ae88]{color:var(--tql-error-color, var(--red-600, #dc2626));text-decoration:wavy underline;text-decoration-color:var(--red-400, #f87171)}.tql-token-error-range[data-v-b501ae88]{background-color:var(--red-50, #fef2f2)}.tql-token-unknown[data-v-b501ae88]{color:var(--text-color-secondary, #666)}.tql-validation-icon[data-v-b501ae88]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.tql-input-multiline .tql-validation-icon[data-v-b501ae88]{top:.75rem;transform:none}.tql-icon-valid[data-v-b501ae88]{color:var(--green-500, #22c55e)}.tql-icon-invalid[data-v-b501ae88]{color:var(--red-500, #ef4444)}.tql-icon-clickable[data-v-b501ae88]{cursor:pointer;transition:transform .2s}.tql-icon-clickable[data-v-b501ae88]:hover{transform:scale(1.2)}.tql-icon-clickable[data-v-b501ae88]:focus{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px;border-radius:50%}.tql-snippet-button[data-v-b501ae88]{position:absolute;right:2rem;top:50%;transform:translateY(-50%);padding:.25rem;border:none;background:transparent;color:var(--text-color-secondary, #666);cursor:pointer;border-radius:var(--border-radius, 6px);transition:color .2s,background-color .2s}.tql-snippet-button[data-v-b501ae88]:hover{color:var(--primary-color, #3b82f6);background:var(--surface-100, #f5f5f5)}.tql-input-multiline .tql-snippet-button[data-v-b501ae88]{top:.75rem;transform:none}.tql-input-resizable-textarea[data-v-b501ae88]{resize:vertical;min-height:80px}.tql-input-wrapper.tql-input-resizable[data-v-b501ae88]{height:auto}.tql-input-wrapper.tql-input-resizable .tql-highlight-layer[data-v-b501ae88]{height:100%}.tql-validation-messages[data-v-b501ae88]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--surface-overlay, #fff);border:1px solid var(--red-200, #fecaca);border-radius:var(--border-radius, 6px);padding:.5rem;z-index:10;box-shadow:0 2px 8px #0000001a}.tql-input-autocomplete-active .tql-validation-messages[data-v-b501ae88],.tql-input-autocomplete-active .tql-complexity-warnings[data-v-b501ae88],.tql-input-autocomplete-active .tql-history-dropdown[data-v-b501ae88],.tql-input-autocomplete-active .tql-preview-panel[data-v-b501ae88]{display:none!important}.tql-error-message[data-v-b501ae88]{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem;color:var(--red-600, #dc2626)}.tql-error-message i[data-v-b501ae88]{margin-top:.125rem;font-size:.75rem}.tql-error-suggestion[data-v-b501ae88]{display:block;color:var(--text-color-secondary, #666);font-style:italic;margin-left:1.25rem}.sr-only[data-v-b501ae88]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tql-toolbar[data-v-b501ae88]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.25rem}.tql-input-multiline .tql-toolbar[data-v-b501ae88]{top:.5rem;transform:none}.tql-toolbar-button[data-v-b501ae88]{padding:.25rem;border:none;background:transparent;color:var(--text-color-secondary, #666);cursor:pointer;border-radius:var(--border-radius, 4px);transition:color .2s,background-color .2s;display:flex;align-items:center;justify-content:center}.tql-toolbar-button[data-v-b501ae88]:hover{color:var(--primary-color, #3b82f6);background:var(--surface-100, #f5f5f5)}.tql-toolbar-button--active[data-v-b501ae88]{color:var(--primary-color, #3b82f6);background:var(--primary-100, rgba(59, 130, 246, .1))}.tql-validation-status[data-v-b501ae88]{display:flex;align-items:center}.tql-complexity-badge[data-v-b501ae88]{display:flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.tql-complexity-low[data-v-b501ae88]{background:var(--green-100, #dcfce7);color:var(--green-700, #15803d)}.tql-complexity-medium[data-v-b501ae88]{background:var(--yellow-100, #fef9c3);color:var(--yellow-700, #a16207)}.tql-complexity-high[data-v-b501ae88]{background:var(--red-100, #fee2e2);color:var(--red-700, #b91c1c)}.tql-complexity-count[data-v-b501ae88]{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .25rem;border-radius:9999px;background:currentColor;color:#fff;font-size:.5rem}.tql-complexity-low .tql-complexity-count[data-v-b501ae88]{background:var(--green-600, #16a34a)}.tql-complexity-medium .tql-complexity-count[data-v-b501ae88]{background:var(--yellow-600, #ca8a04)}.tql-complexity-high .tql-complexity-count[data-v-b501ae88]{background:var(--red-600, #dc2626)}.tql-complexity-warnings[data-v-b501ae88]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--surface-overlay, #fff);border:1px solid var(--surface-border, #e0e0e0);border-radius:var(--border-radius, 6px);padding:.5rem;z-index:9;box-shadow:0 2px 8px #0000001a}.tql-complexity-warning[data-v-b501ae88]{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem}.tql-complexity-warning i[data-v-b501ae88]{margin-top:.125rem;font-size:.75rem}.tql-complexity-warning--info[data-v-b501ae88]{color:var(--blue-600, #2563eb)}.tql-complexity-warning--warning[data-v-b501ae88]{color:var(--yellow-600, #ca8a04)}.tql-complexity-warning--error[data-v-b501ae88]{color:var(--red-600, #dc2626)}.tql-complexity-suggestions[data-v-b501ae88]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--surface-border, #e0e0e0)}.tql-complexity-suggestion[data-v-b501ae88]{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem;color:var(--text-color-secondary, #666)}.tql-complexity-suggestion i[data-v-b501ae88]{color:var(--yellow-500, #eab308)}.tql-history-dropdown[data-v-b501ae88]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--surface-overlay, #fff);border:1px solid var(--surface-border, #e0e0e0);border-radius:var(--border-radius, 6px);z-index:20;box-shadow:0 4px 12px #00000026;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.tql-history-header[data-v-b501ae88]{padding:.5rem;border-bottom:1px solid var(--surface-border, #e0e0e0)}.tql-history-search[data-v-b501ae88]{width:100%;padding:.375rem .5rem;border:1px solid var(--surface-border, #e0e0e0);border-radius:var(--border-radius, 4px);font-size:.75rem;outline:none}.tql-history-search[data-v-b501ae88]:focus{border-color:var(--primary-color, #3b82f6)}.tql-history-list[data-v-b501ae88]{overflow-y:auto;flex:1}.tql-history-item[data-v-b501ae88]{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;cursor:pointer;border-bottom:1px solid var(--surface-50, #f9fafb);transition:background-color .15s}.tql-history-item[data-v-b501ae88]:hover{background:var(--surface-100, #f5f5f5)}.tql-history-item--favorite[data-v-b501ae88]{background:var(--yellow-50, #fefce8)}.tql-history-item--favorite[data-v-b501ae88]:hover{background:var(--yellow-100, #fef9c3)}.tql-history-favorite[data-v-b501ae88]{padding:.125rem;border:none;background:transparent;color:var(--text-color-secondary, #999);cursor:pointer;flex-shrink:0}.tql-history-favorite[data-v-b501ae88]:hover,.tql-history-item--favorite .tql-history-favorite[data-v-b501ae88]{color:var(--yellow-500, #eab308)}.tql-history-content[data-v-b501ae88]{flex:1;min-width:0}.tql-history-label[data-v-b501ae88]{font-size:.6875rem;font-weight:600;color:var(--text-color, #333);margin-bottom:.125rem}.tql-history-query[data-v-b501ae88]{font-family:Courier New,monospace;font-size:.6875rem;color:var(--text-color-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tql-history-time[data-v-b501ae88]{font-size:.625rem;color:var(--text-color-secondary, #999);flex-shrink:0}.tql-history-empty[data-v-b501ae88]{padding:1rem;text-align:center;color:var(--text-color-secondary, #666);font-size:.75rem}.tql-preview-panel[data-v-b501ae88]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--surface-overlay, #fff);border:1px solid var(--surface-border, #e0e0e0);border-radius:var(--border-radius, 6px);z-index:15;box-shadow:0 4px 12px #00000026;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.tql-preview-header[data-v-b501ae88]{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--surface-border, #e0e0e0);font-size:.75rem;font-weight:600;color:var(--text-color, #333)}.tql-preview-close[data-v-b501ae88]{padding:.125rem;border:none;background:transparent;color:var(--text-color-secondary, #666);cursor:pointer;border-radius:var(--border-radius, 4px)}.tql-preview-close[data-v-b501ae88]:hover{background:var(--surface-100, #f5f5f5);color:var(--text-color, #333)}.tql-preview-panel[data-v-b501ae88] .tql-preview{border:none;border-radius:0;max-height:350px;overflow-y:auto}.tql-validation-messages-portal{position:fixed;top:var(--tql-msg-top, 0);left:var(--tql-msg-left, 0);width:var(--tql-msg-width, auto);z-index:9998;background:var(--surface-overlay, #fff);border:2px solid var(--red-500, #ef4444);border-radius:var(--border-radius, 6px);padding:.5rem;box-shadow:0 4px 12px #00000026}.tql-validation-messages-portal .tql-error-message{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem;color:var(--red-600, #dc2626)}.tql-validation-messages-portal .tql-error-message i{margin-top:.125rem;font-size:.75rem}.tql-validation-messages-portal .tql-error-suggestion{display:block;color:var(--text-color-secondary, #6b7280);font-style:italic;margin-left:1.25rem}
+.tql-autocomplete-dropdown[data-v-7d19214b]{position:fixed;top:var(--dropdown-top);left:var(--dropdown-left);z-index:9999;min-width:280px;max-width:450px;max-height:var(--dropdown-max-height);background:var(--surface-overlay, #fff);border:1px solid var(--surface-border, #ddd);border-radius:var(--border-radius, 6px);box-shadow:0 4px 16px #00000026;overflow:hidden;display:flex;flex-direction:column}.tql-completion-list[data-v-7d19214b]{overflow-y:auto;max-height:calc(var(--dropdown-max-height) - 60px)}.tql-completion-item[data-v-7d19214b]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background-color .15s}.tql-completion-item[data-v-7d19214b]:hover,.tql-completion-item.selected[data-v-7d19214b]{background:var(--highlight-bg, #f0f0f0)}.tql-completion-icon[data-v-7d19214b]{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:4px;font-size:.75rem}.tql-completion-icon.tql-completion-kind-field[data-v-7d19214b]{background:var(--blue-100, #e3f2fd);color:var(--blue-600, #1e88e5)}.tql-completion-icon.tql-completion-kind-operator[data-v-7d19214b]{background:var(--pink-100, #fce4ec);color:var(--pink-600, #d81b60)}.tql-completion-icon.tql-completion-kind-value[data-v-7d19214b]{background:var(--green-100, #e8f5e9);color:var(--green-600, #43a047)}.tql-completion-icon.tql-completion-kind-keyword[data-v-7d19214b]{background:var(--purple-100, #f3e5f5);color:var(--purple-600, #8e24aa)}.tql-completion-icon.tql-completion-kind-snippet[data-v-7d19214b]{background:var(--orange-100, #fff3e0);color:var(--orange-600, #fb8c00)}.tql-completion-icon.tql-completion-kind-mutator[data-v-7d19214b]{background:var(--cyan-100, #e0f7fa);color:var(--cyan-600, #00acc1)}.tql-completion-icon.tql-completion-kind-aggregation[data-v-7d19214b]{background:var(--indigo-100, #e8eaf6);color:var(--indigo-600, #3949ab)}.tql-completion-icon.tql-completion-kind-logicalOp[data-v-7d19214b]{background:var(--yellow-100, #fffde7);color:var(--yellow-700, #fbc02d)}.tql-completion-icon.tql-completion-kind-typeHint[data-v-7d19214b]{background:var(--teal-100, #e0f2f1);color:var(--teal-600, #00897b)}.tql-completion-icon.tql-completion-kind-visualization[data-v-7d19214b]{background:var(--red-100, #ffebee);color:var(--red-600, #e53935)}.tql-completion-content[data-v-7d19214b]{flex:1;display:flex;flex-direction:column;min-width:0}.tql-completion-label[data-v-7d19214b]{font-family:Courier New,monospace;font-size:.875rem;font-weight:500;color:var(--text-color, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tql-completion-detail[data-v-7d19214b]{font-size:.75rem;color:var(--text-color-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tql-completion-kind-badge[data-v-7d19214b]{font-size:.625rem;padding:.125rem .375rem;background:var(--surface-100, #f5f5f5);border-radius:3px;color:var(--text-color-secondary, #666);text-transform:uppercase;letter-spacing:.025em}.tql-completion-docs[data-v-7d19214b]{padding:.5rem .75rem;border-top:1px solid var(--surface-border, #ddd);background:var(--surface-50, #fafafa);font-size:.75rem;color:var(--text-color-secondary, #666);max-height:60px;overflow-y:auto}.tql-preview[data-v-bae811e6]{font-family:ui-monospace,monospace;font-size:13px;line-height:1.5;padding:12px;border:1px solid var(--tql-preview-border, #e0e0e0);border-radius:6px;background:var(--tql-preview-bg, #fafafa)}.tql-preview--compact[data-v-bae811e6]{padding:8px;font-size:12px}.tql-preview--empty[data-v-bae811e6]{color:var(--tql-preview-muted, #888)}.tql-preview__empty[data-v-bae811e6]{text-align:center;padding:20px}.tql-preview__complexity[data-v-bae811e6]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tql-preview__complexity-badge[data-v-bae811e6]{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.tql-preview--low .tql-preview__complexity-badge[data-v-bae811e6]{background:var(--tql-preview-low-bg, #e8f5e9);color:var(--tql-preview-low-text, #2e7d32)}.tql-preview--medium .tql-preview__complexity-badge[data-v-bae811e6]{background:var(--tql-preview-medium-bg, #fff3e0);color:var(--tql-preview-medium-text, #e65100)}.tql-preview--high .tql-preview__complexity-badge[data-v-bae811e6]{background:var(--tql-preview-high-bg, #ffebee);color:var(--tql-preview-high-text, #c62828)}.tql-preview__field-count[data-v-bae811e6]{color:var(--tql-preview-muted, #666);font-size:12px}.tql-preview__warnings[data-v-bae811e6]{margin-bottom:12px}.tql-preview__warning[data-v-bae811e6]{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:4px;margin-bottom:4px}.tql-preview__warning--info[data-v-bae811e6]{background:var(--tql-preview-info-bg, #e3f2fd);color:var(--tql-preview-info-text, #1565c0)}.tql-preview__warning--warning[data-v-bae811e6]{background:var(--tql-preview-warning-bg, #fff3e0);color:var(--tql-preview-warning-text, #e65100)}.tql-preview__warning--error[data-v-bae811e6]{background:var(--tql-preview-error-bg, #ffebee);color:var(--tql-preview-error-text, #c62828)}.tql-preview__warning-icon[data-v-bae811e6]{font-weight:700;width:16px;text-align:center}.tql-preview__warning-text[data-v-bae811e6]{flex:1}.tql-preview__suggestions[data-v-bae811e6]{margin-bottom:12px;padding:8px;background:var(--tql-preview-suggestion-bg, #f5f5f5);border-radius:4px}.tql-preview__suggestions-header[data-v-bae811e6]{font-weight:600;margin-bottom:4px;color:var(--tql-preview-header, #333)}.tql-preview__suggestions-list[data-v-bae811e6]{margin:0;padding-left:20px}.tql-preview__suggestion[data-v-bae811e6]{color:var(--tql-preview-muted, #666);margin:2px 0}.tql-preview__tree[data-v-bae811e6]{margin-bottom:12px}.tql-preview__tree-header[data-v-bae811e6],.tql-preview__fields-header[data-v-bae811e6],.tql-preview__operators-header[data-v-bae811e6]{font-weight:600;margin-bottom:8px;color:var(--tql-preview-header, #333);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.tql-preview__tree-content[data-v-bae811e6]{border:1px solid var(--tql-preview-tree-border, #e0e0e0);border-radius:4px;background:var(--tql-preview-tree-bg, #fff);padding:8px}.tql-preview__node[data-v-bae811e6]{margin:2px 0}.tql-preview__node-content[data-v-bae811e6]{display:flex;align-items:center;gap:4px;padding:2px 4px;border-radius:3px;cursor:pointer}.tql-preview__node-content[data-v-bae811e6]:hover{background:var(--tql-preview-node-hover, #f0f0f0)}.tql-preview__node-toggle[data-v-bae811e6]{width:16px;height:16px;border:none;background:var(--tql-preview-toggle-bg, #e0e0e0);border-radius:3px;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.tql-preview__node-toggle[data-v-bae811e6]:hover{background:var(--tql-preview-toggle-hover, #d0d0d0)}.tql-preview__node-toggle--leaf[data-v-bae811e6]{visibility:hidden}.tql-preview__node-type[data-v-bae811e6]{font-weight:600;color:var(--tql-preview-node-type, #666)}.tql-preview__node--and .tql-preview__node-type[data-v-bae811e6]{color:var(--tql-preview-and, #1976d2)}.tql-preview__node--or .tql-preview__node-type[data-v-bae811e6]{color:var(--tql-preview-or, #7b1fa2)}.tql-preview__node--not .tql-preview__node-type[data-v-bae811e6]{color:var(--tql-preview-not, #c62828)}.tql-preview__node--group .tql-preview__node-type[data-v-bae811e6]{color:var(--tql-preview-group, #666)}.tql-preview__node-label[data-v-bae811e6]{flex:1}.tql-preview__fields-list[data-v-bae811e6]{display:flex;flex-direction:column;gap:4px}.tql-preview__field[data-v-bae811e6]{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--tql-preview-field-bg, #fff);border:1px solid var(--tql-preview-field-border, #e0e0e0);border-radius:4px;cursor:pointer}.tql-preview__field[data-v-bae811e6]:hover{background:var(--tql-preview-field-hover, #f5f5f5)}.tql-preview__field-name[data-v-bae811e6]{font-weight:600;color:var(--tql-preview-field-name, #1976d2)}.tql-preview__field-mutators[data-v-bae811e6]{color:var(--tql-preview-mutator, #7b1fa2)}.tql-preview__field-operator[data-v-bae811e6]{color:var(--tql-preview-operator, #666)}.tql-preview__field-value[data-v-bae811e6]{color:var(--tql-preview-value, #2e7d32)}.tql-preview__match-type[data-v-bae811e6]{margin-left:auto;padding:1px 4px;border-radius:3px;font-size:10px;font-weight:600;background:var(--tql-preview-match-bg, #f0f0f0)}.tql-preview__match-type--exact[data-v-bae811e6]{background:var(--tql-preview-match-exact-bg, #e8f5e9);color:var(--tql-preview-match-exact, #2e7d32)}.tql-preview__match-type--wildcard[data-v-bae811e6]{background:var(--tql-preview-match-wildcard-bg, #fff3e0);color:var(--tql-preview-match-wildcard, #e65100)}.tql-preview__match-type--regex[data-v-bae811e6]{background:var(--tql-preview-match-regex-bg, #fce4ec);color:var(--tql-preview-match-regex, #c2185b)}.tql-preview__match-type--range[data-v-bae811e6]{background:var(--tql-preview-match-range-bg, #e3f2fd);color:var(--tql-preview-match-range, #1565c0)}.tql-preview__match-type--cidr[data-v-bae811e6]{background:var(--tql-preview-match-cidr-bg, #f3e5f5);color:var(--tql-preview-match-cidr, #7b1fa2)}.tql-preview__operators-list[data-v-bae811e6]{display:flex;flex-wrap:wrap;gap:8px}.tql-preview__operator[data-v-bae811e6]{padding:2px 6px;background:var(--tql-preview-op-bg, #f0f0f0);border-radius:3px;font-size:11px}.tql-input-wrapper[data-v-2eb7c399]{position:relative;display:flex;align-items:flex-start;border:1px solid var(--surface-border, #ddd);border-radius:var(--border-radius, 6px);background:var(--surface-ground, #fff);transition:border-color .2s,box-shadow .2s}.tql-input-wrapper.tql-input-has-min-height[data-v-2eb7c399],.tql-input-wrapper.tql-input-has-min-height .tql-input[data-v-2eb7c399]{min-height:var(--tql-min-height)}.tql-input-wrapper.tql-input-focused[data-v-2eb7c399]{border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 2px var(--primary-100, rgba(59, 130, 246, .2))}.tql-input-wrapper.tql-input-invalid[data-v-2eb7c399]{border-color:var(--red-500, #ef4444)}.tql-input-wrapper.tql-input-invalid.tql-input-focused[data-v-2eb7c399]{box-shadow:0 0 0 2px var(--red-100, rgba(239, 68, 68, .2))}.tql-input-wrapper.tql-input-disabled[data-v-2eb7c399]{opacity:.6;cursor:not-allowed}.tql-highlight-layer[data-v-2eb7c399]{position:absolute;inset:0;padding:.5rem .75rem;pointer-events:none;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;overflow:hidden}.tql-input-multiline .tql-highlight-layer[data-v-2eb7c399]{overflow-y:auto}.tql-input[data-v-2eb7c399]{flex:1;width:100%;padding:.5rem 8rem .5rem .75rem;border:none;background:transparent;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;color:var(--text-color, #333);outline:none;resize:none}.tql-input.tql-input-highlighted[data-v-2eb7c399]{color:transparent;caret-color:var(--text-color, #333)}.tql-input[data-v-2eb7c399]::placeholder{color:var(--text-color-secondary, #666);opacity:.7}.tql-input[data-v-2eb7c399]:disabled{cursor:not-allowed}.tql-token-field[data-v-2eb7c399]{color:var(--tql-field-color, var(--blue-600, #2563eb))}.tql-token-operator[data-v-2eb7c399]{color:var(--tql-operator-color, var(--pink-600, #db2777));font-weight:500}.tql-token-logicalOp[data-v-2eb7c399]{color:var(--tql-logical-color, var(--purple-600, #9333ea));font-weight:600}.tql-token-collectionOp[data-v-2eb7c399]{color:var(--tql-collection-color, var(--indigo-600, #4f46e5));font-weight:600}.tql-token-string[data-v-2eb7c399]{color:var(--tql-string-color, var(--green-600, #16a34a))}.tql-token-number[data-v-2eb7c399]{color:var(--tql-number-color, var(--orange-600, #ea580c))}.tql-token-boolean[data-v-2eb7c399]{color:var(--tql-boolean-color, var(--cyan-600, #0891b2))}.tql-token-null[data-v-2eb7c399]{color:var(--tql-null-color, var(--gray-500, #6b7280));font-style:italic}.tql-token-mutator[data-v-2eb7c399]{color:var(--tql-mutator-color, var(--teal-600, #0d9488));font-style:italic}.tql-token-aggregation[data-v-2eb7c399]{color:var(--tql-aggregation-color, var(--indigo-600, #4f46e5))}.tql-token-keyword[data-v-2eb7c399]{color:var(--tql-keyword-color, var(--purple-500, #a855f7))}.tql-token-typeHint[data-v-2eb7c399]{color:var(--tql-typehint-color, var(--teal-500, #14b8a6))}.tql-token-visualization[data-v-2eb7c399]{color:var(--tql-viz-color, var(--red-500, #ef4444))}.tql-token-arrow[data-v-2eb7c399]{color:var(--tql-arrow-color, var(--gray-600, #4b5563));font-weight:600}.tql-token-doubleColon[data-v-2eb7c399]{color:var(--tql-colon-color, var(--gray-500, #6b7280))}.tql-token-paren[data-v-2eb7c399],.tql-token-bracket[data-v-2eb7c399]{color:var(--tql-bracket-color, var(--gray-600, #4b5563))}.tql-token-error[data-v-2eb7c399]{color:var(--tql-error-color, var(--red-600, #dc2626));text-decoration:wavy underline;text-decoration-color:var(--red-400, #f87171)}.tql-token-error-range[data-v-2eb7c399]{background-color:var(--red-50, #fef2f2)}.tql-token-unknown[data-v-2eb7c399]{color:var(--text-color-secondary, #666)}.tql-validation-icon[data-v-2eb7c399]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.tql-input-multiline .tql-validation-icon[data-v-2eb7c399]{top:.75rem;transform:none}.tql-icon-valid[data-v-2eb7c399]{color:var(--green-500, #22c55e)}.tql-icon-invalid[data-v-2eb7c399]{color:var(--red-500, #ef4444)}.tql-icon-clickable[data-v-2eb7c399]{cursor:pointer;transition:transform .2s}.tql-icon-clickable[data-v-2eb7c399]:hover{transform:scale(1.2)}.tql-icon-clickable[data-v-2eb7c399]:focus{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px;border-radius:50%}.tql-snippet-button[data-v-2eb7c399]{position:absolute;right:2rem;top:50%;transform:translateY(-50%);padding:.25rem;border:none;background:transparent;color:var(--text-color-secondary, #666);cursor:pointer;border-radius:var(--border-radius, 6px);transition:color .2s,background-color .2s}.tql-snippet-button[data-v-2eb7c399]:hover{color:var(--primary-color, #3b82f6);background:var(--surface-100, #f5f5f5)}.tql-input-multiline .tql-snippet-button[data-v-2eb7c399]{top:.75rem;transform:none}.tql-input-resizable-textarea[data-v-2eb7c399]{resize:vertical;min-height:80px}.tql-input-wrapper.tql-input-resizable[data-v-2eb7c399]{height:auto}.tql-input-wrapper.tql-input-resizable .tql-highlight-layer[data-v-2eb7c399]{height:100%}.tql-validation-messages[data-v-2eb7c399]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--surface-overlay, #fff);border:1px solid var(--red-200, #fecaca);border-radius:var(--border-radius, 6px);padding:.5rem;z-index:10;box-shadow:0 2px 8px #0000001a}.tql-input-autocomplete-active .tql-validation-messages[data-v-2eb7c399],.tql-input-autocomplete-active .tql-complexity-warnings[data-v-2eb7c399],.tql-input-autocomplete-active .tql-history-dropdown[data-v-2eb7c399],.tql-input-autocomplete-active .tql-preview-panel[data-v-2eb7c399]{display:none!important}.tql-error-message[data-v-2eb7c399]{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem;color:var(--red-600, #dc2626)}.tql-error-message i[data-v-2eb7c399]{margin-top:.125rem;font-size:.75rem}.tql-error-suggestion[data-v-2eb7c399]{display:block;color:var(--text-color-secondary, #666);font-style:italic;margin-left:1.25rem}.sr-only[data-v-2eb7c399]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tql-toolbar[data-v-2eb7c399]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.25rem}.tql-input-multiline .tql-toolbar[data-v-2eb7c399]{top:.5rem;transform:none}.tql-toolbar-button[data-v-2eb7c399]{padding:.25rem;border:none;background:transparent;color:var(--text-color-secondary, #666);cursor:pointer;border-radius:var(--border-radius, 4px);transition:color .2s,background-color .2s;display:flex;align-items:center;justify-content:center}.tql-toolbar-button[data-v-2eb7c399]:hover{color:var(--primary-color, #3b82f6);background:var(--surface-100, #f5f5f5)}.tql-toolbar-button--active[data-v-2eb7c399]{color:var(--primary-color, #3b82f6);background:var(--primary-100, rgba(59, 130, 246, .1))}.tql-validation-status[data-v-2eb7c399]{display:flex;align-items:center}.tql-complexity-badge[data-v-2eb7c399]{display:flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.tql-complexity-low[data-v-2eb7c399]{background:var(--green-100, #dcfce7);color:var(--green-700, #15803d)}.tql-complexity-medium[data-v-2eb7c399]{background:var(--yellow-100, #fef9c3);color:var(--yellow-700, #a16207)}.tql-complexity-high[data-v-2eb7c399]{background:var(--red-100, #fee2e2);color:var(--red-700, #b91c1c)}.tql-complexity-count[data-v-2eb7c399]{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .25rem;border-radius:9999px;background:currentColor;color:#fff;font-size:.5rem}.tql-complexity-low .tql-complexity-count[data-v-2eb7c399]{background:var(--green-600, #16a34a)}.tql-complexity-medium .tql-complexity-count[data-v-2eb7c399]{background:var(--yellow-600, #ca8a04)}.tql-complexity-high .tql-complexity-count[data-v-2eb7c399]{background:var(--red-600, #dc2626)}.tql-complexity-warnings[data-v-2eb7c399]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--surface-overlay, #fff);border:1px solid var(--surface-border, #e0e0e0);border-radius:var(--border-radius, 6px);padding:.5rem;z-index:9;box-shadow:0 2px 8px #0000001a}.tql-complexity-warning[data-v-2eb7c399]{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem}.tql-complexity-warning i[data-v-2eb7c399]{margin-top:.125rem;font-size:.75rem}.tql-complexity-warning--info[data-v-2eb7c399]{color:var(--blue-600, #2563eb)}.tql-complexity-warning--warning[data-v-2eb7c399]{color:var(--yellow-600, #ca8a04)}.tql-complexity-warning--error[data-v-2eb7c399]{color:var(--red-600, #dc2626)}.tql-complexity-suggestions[data-v-2eb7c399]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--surface-border, #e0e0e0)}.tql-complexity-suggestion[data-v-2eb7c399]{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem;color:var(--text-color-secondary, #666)}.tql-complexity-suggestion i[data-v-2eb7c399]{color:var(--yellow-500, #eab308)}.tql-history-dropdown[data-v-2eb7c399]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--surface-overlay, #fff);border:1px solid var(--surface-border, #e0e0e0);border-radius:var(--border-radius, 6px);z-index:20;box-shadow:0 4px 12px #00000026;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.tql-history-header[data-v-2eb7c399]{padding:.5rem;border-bottom:1px solid var(--surface-border, #e0e0e0)}.tql-history-search[data-v-2eb7c399]{width:100%;padding:.375rem .5rem;border:1px solid var(--surface-border, #e0e0e0);border-radius:var(--border-radius, 4px);font-size:.75rem;outline:none}.tql-history-search[data-v-2eb7c399]:focus{border-color:var(--primary-color, #3b82f6)}.tql-history-list[data-v-2eb7c399]{overflow-y:auto;flex:1}.tql-history-item[data-v-2eb7c399]{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;cursor:pointer;border-bottom:1px solid var(--surface-50, #f9fafb);transition:background-color .15s}.tql-history-item[data-v-2eb7c399]:hover{background:var(--surface-100, #f5f5f5)}.tql-history-item--favorite[data-v-2eb7c399]{background:var(--yellow-50, #fefce8)}.tql-history-item--favorite[data-v-2eb7c399]:hover{background:var(--yellow-100, #fef9c3)}.tql-history-favorite[data-v-2eb7c399]{padding:.125rem;border:none;background:transparent;color:var(--text-color-secondary, #999);cursor:pointer;flex-shrink:0}.tql-history-favorite[data-v-2eb7c399]:hover,.tql-history-item--favorite .tql-history-favorite[data-v-2eb7c399]{color:var(--yellow-500, #eab308)}.tql-history-content[data-v-2eb7c399]{flex:1;min-width:0}.tql-history-label[data-v-2eb7c399]{font-size:.6875rem;font-weight:600;color:var(--text-color, #333);margin-bottom:.125rem}.tql-history-query[data-v-2eb7c399]{font-family:Courier New,monospace;font-size:.6875rem;color:var(--text-color-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tql-history-time[data-v-2eb7c399]{font-size:.625rem;color:var(--text-color-secondary, #999);flex-shrink:0}.tql-history-empty[data-v-2eb7c399]{padding:1rem;text-align:center;color:var(--text-color-secondary, #666);font-size:.75rem}.tql-preview-panel[data-v-2eb7c399]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--surface-overlay, #fff);border:1px solid var(--surface-border, #e0e0e0);border-radius:var(--border-radius, 6px);z-index:15;box-shadow:0 4px 12px #00000026;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.tql-preview-header[data-v-2eb7c399]{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--surface-border, #e0e0e0);font-size:.75rem;font-weight:600;color:var(--text-color, #333)}.tql-preview-close[data-v-2eb7c399]{padding:.125rem;border:none;background:transparent;color:var(--text-color-secondary, #666);cursor:pointer;border-radius:var(--border-radius, 4px)}.tql-preview-close[data-v-2eb7c399]:hover{background:var(--surface-100, #f5f5f5);color:var(--text-color, #333)}.tql-preview-panel[data-v-2eb7c399] .tql-preview{border:none;border-radius:0;max-height:350px;overflow-y:auto}.tql-validation-messages-portal{position:fixed;top:var(--tql-msg-top, 0);left:var(--tql-msg-left, 0);width:var(--tql-msg-width, auto);z-index:9998;background:var(--surface-overlay, #fff);border:2px solid var(--red-500, #ef4444);border-radius:var(--border-radius, 6px);padding:.5rem;box-shadow:0 4px 12px #00000026}.tql-validation-messages-portal .tql-error-message{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem;color:var(--red-600, #dc2626)}.tql-validation-messages-portal .tql-error-message i{margin-top:.125rem;font-size:.75rem}.tql-validation-messages-portal .tql-error-suggestion{display:block;color:var(--text-color-secondary, #6b7280);font-style:italic;margin-left:1.25rem}.tql-chart[data-v-64309e12]{position:relative;width:100%;background:#12121e;border-radius:10px;overflow:hidden}.tql-chart__canvas[data-v-64309e12]{display:block;width:100%!important;height:100%!important}.tql-chart__metric[data-v-64309e12]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px}.tql-chart__metric-value[data-v-64309e12]{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;color:#818cf8;line-height:1}.tql-chart__metric-title[data-v-64309e12]{font-size:.9rem;color:#888;letter-spacing:.03em}.tql-chart__tooltip[data-v-64309e12]{position:absolute;opacity:0;pointer-events:auto;background:#1e1e2e;border:1px solid #333;border-radius:8px;padding:10px 14px;font-size:.8rem;transition:opacity .15s;z-index:10;transform:translate(-50%,-110%)}.tql-chart__tooltip[data-v-64309e12] .tt-title{color:#e0e0e0;font-weight:600;margin-bottom:2px}.tql-chart__tooltip[data-v-64309e12] .tt-val{color:#a0a0b0;margin-bottom:6px}.tql-chart__tooltip[data-v-64309e12] .tt-link{color:#818cf8;text-decoration:none;font-weight:500}.tql-chart__tooltip[data-v-64309e12] .tt-link:hover{text-decoration:underline}

package/dist/vue/TqlAutocomplete.vue.js

@@ -1,7 +1,7 @@
 import o from "./TqlAutocomplete.vue2.js";
 /* empty css                     */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e29dd6a7"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7d19214b"]]);
 export {
-  r as default
+  e as default
 };

package/dist/vue/TqlChart.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/vue/TqlChart.vue.js

@@ -0,0 +1,7 @@
+import o from "./TqlChart.vue2.js";
+/* empty css              */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-64309e12"]]);
+export {
+  p as default
+};

package/dist/vue/TqlChart.vue2.js

@@ -0,0 +1,212 @@
+import { defineComponent as st, ref as $, computed as k, onMounted as nt, watch as rt, openBlock as C, createElementBlock as M, normalizeStyle as it, createElementVNode as D, toDisplayString as O, createCommentVNode as ot, nextTick as ct } from "vue";
+import { Chart as b, Title as ut, Tooltip as ft, Legend as pt, Filler as dt, BarElement as mt, BarController as ht, LineElement as yt, LineController as gt, PointElement as vt, ArcElement as bt, PieController as xt, DoughnutController as kt, CategoryScale as _t, LinearScale as St, TimeScale as Tt } from "../node_modules/chart.js/dist/chart.js";
+import { formatValue as G } from "../src/chart/formatters.js";
+import { extractScalarValue as J, buildChartData as Ct, buildChartOptions as Mt, isTimeSeriesData as wt, isLinkTemplateSafe as Pt, expandLinkTemplate as Lt, chartJsType as K } from "../src/chart/mappers.js";
+const At = {
+  key: 0,
+  class: "tql-chart__metric"
+}, Ft = { class: "tql-chart__metric-value" }, Nt = {
+  key: 0,
+  class: "tql-chart__metric-title"
+}, Rt = /* @__PURE__ */ st({
+  __name: "TqlChart",
+  props: {
+    result: {},
+    chartType: { default: "auto" },
+    height: { default: "320px" },
+    drilldown: { type: Boolean, default: !0 }
+  },
+  emits: ["drilldown"],
+  setup(E, { emit: U }) {
+    b.register(
+      ut,
+      ft,
+      pt,
+      dt,
+      mt,
+      ht,
+      yt,
+      gt,
+      vt,
+      bt,
+      xt,
+      kt,
+      _t,
+      St,
+      Tt
+    );
+    let w = null, X = null, P = !1, I = !1;
+    async function Y() {
+      if (!I) {
+        I = !0;
+        try {
+          w = (await import("../node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.esm.js")).default;
+        } catch {
+        }
+        try {
+          X = (await import("../node_modules/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.esm.js")).default;
+        } catch {
+        }
+        if (!P)
+          try {
+            await import("../node_modules/chartjs-adapter-luxon/dist/chartjs-adapter-luxon.esm.js"), P = !0;
+          } catch {
+          }
+      }
+    }
+    b.defaults.color = "#888", b.defaults.borderColor = "#ffffff0a", b.defaults.font.family = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
+    const l = E, j = U, m = $(null), L = $(null);
+    let u = null;
+    const _ = k(() => {
+      if (l.chartType && l.chartType !== "auto") return l.chartType;
+      if (l.result.viz_hint) return l.result.viz_hint;
+      const a = l.result.stats;
+      return a && a.type === "stats" && !a.group_by ? "number" : "bar";
+    }), A = k(() => _.value === "number"), Q = k(() => _.value === "gauge"), Z = k(() => {
+      if (!A.value) return "";
+      const a = l.result.stats, t = J(a), e = l.result.viz_params?.format;
+      return e ? G(t, e) : t >= 1e6 ? (t / 1e6).toFixed(1) + "M" : t >= 1e4 ? (t / 1e3).toFixed(1) + "K" : Number.isInteger(t) ? t.toLocaleString() : t.toFixed(2);
+    }), B = k(() => l.result.viz_params?.title || "");
+    function tt(a) {
+      if (!l.drilldown || !u) return;
+      const t = u.getElementsAtEventForMode(a, "nearest", { intersect: !0 }, !1);
+      if (t.length === 0) return;
+      const e = t[0], r = e.datasetIndex, n = e.index, d = String(u.data.labels?.[n] ?? ""), y = Number(u.data.datasets[r]?.data?.[n] ?? 0);
+      j("drilldown", {
+        label: d,
+        value: y,
+        index: n,
+        field: l.result.stats.group_by?.[0],
+        chartType: _.value
+      });
+    }
+    function et() {
+      const a = m.value;
+      if (!a) return;
+      const t = a.getContext("2d");
+      if (!t) return;
+      const e = l.result.viz_params || {}, r = J(l.result.stats), n = Number(e.y_min ?? 0), d = Number(e.y_max ?? 100), y = Math.max(0, Math.min(1, (r - n) / (d - n))), x = e.ranges, g = [];
+      if (x)
+        for (const p of x.split(",")) {
+          const [T, v] = p.split(":");
+          if (T && v) {
+            const [V, W] = T.split("-").map(Number);
+            !isNaN(V) && !isNaN(W) && g.push({ from: V, to: W, color: v.startsWith("#") ? v : `#${v}` });
+          }
+        }
+      const h = a.width = a.parentElement?.clientWidth || 400, o = a.height = 240, s = h / 2, f = o - 40, c = Math.min(h / 2 - 30, o - 60), i = Math.PI, S = 2 * Math.PI;
+      if (t.clearRect(0, 0, h, o), t.beginPath(), t.arc(s, f, c, i, S), t.lineWidth = 24, t.strokeStyle = "#333", t.lineCap = "round", t.stroke(), g.length > 0)
+        for (const p of g) {
+          const T = i + (p.from - n) / (d - n) * Math.PI, v = i + (p.to - n) / (d - n) * Math.PI;
+          t.beginPath(), t.arc(s, f, c, T, Math.min(v, S)), t.lineWidth = 24, t.strokeStyle = p.color + "66", t.lineCap = "butt", t.stroke();
+        }
+      const F = i + y * Math.PI;
+      let N = "#818cf8";
+      if (g.length > 0) {
+        for (const p of g)
+          if (r >= p.from && r <= p.to) {
+            N = p.color;
+            break;
+          }
+      }
+      t.beginPath(), t.arc(s, f, c, i, F), t.lineWidth = 24, t.strokeStyle = N, t.lineCap = "round", t.stroke();
+      const q = e.title || "", z = e.format, at = z ? G(r, z) : Number.isInteger(r) ? r.toLocaleString() : r.toFixed(1);
+      t.fillStyle = N, t.font = "bold 36px -apple-system, BlinkMacSystemFont, sans-serif", t.textAlign = "center", t.fillText(String(at), s, f - 10), q && (t.fillStyle = "#888", t.font = "13px -apple-system, BlinkMacSystemFont, sans-serif", t.fillText(q, s, f + 18)), t.fillStyle = "#555", t.font = "11px -apple-system, BlinkMacSystemFont, sans-serif", t.textAlign = "left", t.fillText(String(n), s - c - 5, f + 18), t.textAlign = "right", t.fillText(String(d), s + c + 5, f + 18);
+    }
+    function lt() {
+      if (!m.value || A.value) return;
+      if (Q.value) {
+        et();
+        return;
+      }
+      u && (u.destroy(), u = null);
+      const a = _.value, t = Ct(l.result, a), e = Mt(l.result, a);
+      l.drilldown && (e.onClick = tt, m.value && (m.value.style.cursor = "pointer"));
+      const r = [], n = l.result.viz_params || {}, d = n.labels === !0 || n.labels === "true" || n.labels === "minmax";
+      w && d && r.push(w);
+      const y = [...t.labels], x = e.indexAxis === "y";
+      P && wt(l.result.stats) && e?.scales?.x && !x ? e.scales.x = {
+        ...e.scales.x,
+        type: "time",
+        time: { tooltipFormat: "HH:mm", displayFormats: { minute: "HH:mm", hour: "HH:mm", day: "MMM d" } },
+        ticks: { ...e.scales.x.ticks, maxRotation: 0, autoSkip: !0, maxTicksLimit: 10 }
+      } : x ? e?.scales?.y && !e.scales.y.ticks?.callback && (e.scales.y.ticks = {
+        ...e.scales.y.ticks,
+        callback: function(o, s) {
+          return y[s] ?? s;
+        }
+      }) : e?.scales?.x && !e.scales.x.ticks?.callback && (e.scales.x.ticks = {
+        ...e.scales.x.ticks,
+        callback: function(o, s) {
+          return y[s] ?? s;
+        }
+      });
+      const h = n.link;
+      if (h && Pt(h) && L.value) {
+        const o = n.link_target || "_self", s = L.value;
+        e.plugins = {
+          ...e.plugins,
+          tooltip: {
+            enabled: !1,
+            external: (f) => {
+              const { tooltip: c } = f;
+              if (c.opacity === 0) {
+                s.style.opacity = "0";
+                return;
+              }
+              const i = c.dataPoints?.[0];
+              if (!i) return;
+              const S = Lt(h, {
+                value: i.label,
+                label: i.label,
+                field: l.result.stats.group_by?.[0],
+                count: i.raw
+              }), F = o === "_blank" ? ' rel="noopener noreferrer"' : "";
+              s.innerHTML = `<div class="tt-title">${i.label}</div><div class="tt-val">${i.formattedValue}</div><a href="${S}" target="${o}"${F} class="tt-link">Open link &rarr;</a>`, s.style.opacity = "1", s.style.left = c.caretX + "px", s.style.top = c.caretY + "px";
+            }
+          }
+        };
+      }
+      try {
+        u = new b(m.value, {
+          type: K(a),
+          data: { labels: t.labels, datasets: t.datasets },
+          options: e,
+          plugins: r
+        });
+      } catch (o) {
+        console.warn("[TqlChart] Plugin error, rendering without plugins:", o), u = new b(m.value, {
+          type: K(a),
+          data: { labels: t.labels, datasets: t.datasets },
+          options: e
+        });
+      }
+    }
+    let H = !1;
+    async function R() {
+      H || (await Y(), H = !0), ct(lt);
+    }
+    return nt(R), rt(() => [l.result, l.chartType], () => R(), { deep: !0 }), (a, t) => (C(), M("div", {
+      class: "tql-chart",
+      style: it({ height: E.height })
+    }, [
+      A.value ? (C(), M("div", At, [
+        D("span", Ft, O(Z.value), 1),
+        B.value ? (C(), M("span", Nt, O(B.value), 1)) : ot("", !0)
+      ])) : (C(), M("canvas", {
+        key: 1,
+        ref_key: "canvasRef",
+        ref: m,
+        class: "tql-chart__canvas"
+      }, null, 512)),
+      D("div", {
+        ref_key: "tooltipRef",
+        ref: L,
+        class: "tql-chart__tooltip"
+      }, null, 512)
+    ], 4));
+  }
+});
+export {
+  Rt as default
+};

package/dist/vue/TqlInput.vue.js

@@ -2,7 +2,7 @@ import o from "./TqlInput.vue2.js";
 /* empty css              */
 /* empty css              */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b501ae88"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2eb7c399"]]);
 export {
-  _ as default
+  a as default
 };

package/dist/vue/index.d.ts

@@ -8,5 +8,6 @@
 export { default as TqlInput } from './TqlInput.vue';
 export { default as TqlAutocomplete } from './TqlAutocomplete.vue';
 export { default as TqlPreview } from './components/TqlPreview.vue';
+export { default as TqlChart } from './TqlChart.vue';
 export { useTqlInput, type UseTqlInputOptions } from './useTqlInput';
 export { useQueryHistory, type UseQueryHistoryReturn, type QueryHistoryEntry, type UseQueryHistoryOptions } from './composables/useQueryHistory';

package/dist/vue/index.js

@@ -1,12 +1,14 @@
-import { default as r } from "./TqlInput.vue.js";
-import { default as u } from "./TqlAutocomplete.vue.js";
-import { default as l } from "./components/TqlPreview.vue.js";
-import { useTqlInput as a } from "./useTqlInput.js";
-import { useQueryHistory as s } from "./composables/useQueryHistory.js";
+import { default as t } from "./TqlInput.vue.js";
+import { default as f } from "./TqlAutocomplete.vue.js";
+import { default as u } from "./components/TqlPreview.vue.js";
+import { default as p } from "./TqlChart.vue.js";
+import { useTqlInput as s } from "./useTqlInput.js";
+import { useQueryHistory as q } from "./composables/useQueryHistory.js";
 export {
-  u as TqlAutocomplete,
-  r as TqlInput,
-  l as TqlPreview,
-  s as useQueryHistory,
-  a as useTqlInput
+  f as TqlAutocomplete,
+  p as TqlChart,
+  t as TqlInput,
+  u as TqlPreview,
+  q as useQueryHistory,
+  s as useTqlInput
 };