@argusoft/medplat-core 1.0.15 → 1.0.17

package/dist/QueryManagement-DGHV_-d5.js

@@ -0,0 +1,1012 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useState as c, useEffect as ie, useMemo as ke } from "react";
+import { Box as r, Card as F, Typography as x, Tabs as ba, Tab as ce, Chip as W, Button as p, Divider as _a, TextField as Ae, InputAdornment as de, IconButton as G, Modal as X } from "@mui/material";
+import me from "@/common/services/util/GeneralUtil";
+import { api as ye } from "@/common/interceptors/AxiosInterceptor";
+import { downloadExcel as Na, execute as wa } from "@/common/services/GlobalApis";
+import { getAssignedFeatures as Sa } from "@/utils/feature.js";
+import { useSelector as he } from "react-redux";
+import pe from "@/views/custom-components/CustomTextField";
+import { useForm as va } from "react-hook-form";
+import Ca from "@/hooks/useTrackEvent";
+import Ea from "@/views/custom-components/CustomConfirmationModal";
+import { showToast as u } from "@/common/toaster/toaster";
+import Ta from "dayjs";
+import { useTranslateProvider as Ra } from "@/common/languageTranslator/TranslationContext";
+import De from "prop-types";
+import { getUseSkeleton as We } from "@/store/reducers/SkeletonReducer";
+import ka from "@monaco-editor/react";
+import ue from "@/views/custom-components/CustomizedTable/CustomizedTableV2";
+import { faTerminal as Aa, faTableList as Oe, faSitemap as xe, faDatabase as ge, faSlidersH as ze, faHistory as Le, faLock as Da, faTimes as Q, faDownload as Ie, faPlay as Oa, faSearch as qe, faClock as za, faSyncAlt as La } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as l } from "@fortawesome/react-fontawesome";
+import Ia from "lodash/debounce";
+import qa from "@/assets/gifs/baburao.gif";
+import './QueryManagement.css';const Ma = (m) => ye.post("resource/getdatawithtimeout", m), Me = (m) => ye.post("querymanagement/retrieve", m, {
+  headers: { "Content-Type": "application/json" },
+  transformRequest: [(d) => d]
+}), Fa = (m) => ye.post("querymanagement/execute", m, {
+  headers: { "Content-Type": "application/json" },
+  transformRequest: [(d) => d]
+}), He = ({ children: m, loading: d }) => !he(We) || !d ? m : /* @__PURE__ */ t("div", { className: "flex flex-col space-y-4 h-[100vh] pt-3 relative w-full", children: [
+  /* @__PURE__ */ t("div", { className: " flex flex-row space-x-2 overflow-auto", children: [
+    /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-[100%] h-[50px] " }),
+    /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-[100%] h-[50px] mx-[10px]" })
+  ] }),
+  /* @__PURE__ */ t("div", { className: " flex flex-col flex-1 ", children: [
+    /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse h-[10rem] w-full  rounded-md mb-2" }),
+    /* @__PURE__ */ t("div", { className: "flex  h-40  space-x-6", children: [
+      /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-60 h-[40px]" }),
+      /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-[130px] h-[40px]" }),
+      /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-[130px] h-[40px]" }),
+      /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-[130px] h-[40px]" }),
+      /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-[130px] h-[40px]" }),
+      /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-[130px] h-[40px]" })
+    ] })
+  ] })
+] });
+He.propTypes = {
+  children: De.any,
+  loading: De.any
+};
+const Qa = [
+  {
+    category: "Performance & Space",
+    name: "Table Disk Usage Breakdown",
+    description: "Displays all tables in the public schema ordered by total disk footprint.",
+    code: `SELECT 
+  relname AS table_name, 
+  pg_size_pretty(pg_total_relation_size(c.oid)) AS total_size,
+  pg_size_pretty(pg_relation_size(c.oid)) AS data_size,
+  pg_size_pretty(pg_total_relation_size(c.oid) - pg_relation_size(c.oid)) AS index_size
+FROM pg_class c
+LEFT JOIN pg_namespace n ON (n.oid = c.relnamespace)
+WHERE n.nspname = 'public' AND c.relkind = 'r'
+ORDER BY pg_total_relation_size(c.oid) DESC;`
+  },
+  {
+    category: "Performance & Space",
+    name: "Unused Indexes Audit",
+    description: "Finds indexes that have never been scanned by queries (candidates to drop).",
+    code: `SELECT 
+  schemaname, relname AS table_name, indexrelname AS index_name, 
+  idx_scan AS times_used, pg_size_pretty(pg_relation_size(indexrelid)) AS index_size
+FROM pg_stat_user_indexes WHERE idx_scan = 0 
+ORDER BY pg_relation_size(indexrelid) DESC;`
+  },
+  {
+    category: "Performance & Space",
+    name: "Buffer Cache Hit Ratio",
+    description: "Calculates percentage of data reads served from shared memory RAM vs hitting cold disk storage. Aim for > 99%.",
+    code: `SELECT 
+  relname AS table_name, 
+  heap_blks_hit AS ram_hits, 
+  heap_blks_read AS disk_reads,
+  ROUND(100.0 * heap_blks_hit / NULLIF(heap_blks_hit + heap_blks_read, 0), 2) AS cache_hit_ratio_pct
+FROM pg_statio_user_tables 
+WHERE (heap_blks_hit + heap_blks_read) > 0
+ORDER BY disk_reads DESC;`
+  },
+  {
+    category: "Performance & Space",
+    name: "Table Scan Analysis (Seq vs Index)",
+    description: "Identifies heavy tables that frequently perform sequential scans instead of utilizing indexes.",
+    code: `SELECT 
+  relname AS table_name, 
+  seq_scan AS sequential_scans, 
+  idx_scan AS indexed_scans,
+  ROUND(100.0 * idx_scan / NULLIF(seq_scan + idx_scan, 0), 2) AS optimal_index_usage_pct
+FROM pg_stat_user_tables 
+WHERE (seq_scan + idx_scan) > 100
+ORDER BY seq_scan DESC;`
+  },
+  {
+    category: "Index Health",
+    name: "Duplicate & Redundant Indexes",
+    description: "Finds index keys pointing to the same table column combination—wasting memory buffers and slowing down mutations.",
+    code: `SELECT 
+  indrelid::regclass AS table_name,
+  amname AS access_method,
+  indkey::text AS stringified_keys,
+  array_agg(indexrelid::regclass) AS duplicate_indexes
+FROM pg_index i
+JOIN pg_opclass o ON o.oid = ANY(i.indclass)
+JOIN pg_am a ON a.oid = o.opcmethod
+GROUP BY indrelid, amname, indkey
+HAVING count(*) > 1;`
+  },
+  {
+    category: "Index Health",
+    name: "Index Size vs Usage Breakdown",
+    description: "Compares raw storage footprint vs actual read utilization across your entire index ecosystem.",
+    code: `SELECT 
+  schemaname, 
+  relname AS table_name, 
+  indexrelname AS index_name, 
+  pg_size_pretty(pg_relation_size(indexrelid)) AS index_size, 
+  idx_scan AS scan_count
+FROM pg_stat_user_indexes 
+ORDER BY pg_relation_size(indexrelid) DESC;`
+  },
+  {
+    category: "Maintenance",
+    name: "Dead Rows & Bloat Tracking",
+    description: "Shows dead row accumulation counts that require manual VACUUMing.",
+    code: `SELECT 
+  schemaname, relname AS table_name, n_dead_tup AS dead_rows,
+  n_live_tup AS live_rows, last_vacuum, last_autovacuum
+FROM pg_stat_user_tables WHERE n_dead_tup > 0
+ORDER BY n_dead_tup DESC;`
+  },
+  {
+    category: "Maintenance",
+    name: "Autovacuum Live Execution Progress",
+    description: "Monitors actively running background cleanups, physical page heap scans, and current phase progressions.",
+    code: `SELECT 
+  p.pid, 
+  now() - a.xact_start AS active_duration, 
+  p.phase, 
+  p.heap_blks_total, 
+  p.heap_blks_scanned, 
+  p.heap_blks_vacuumed
+FROM pg_stat_progress_vacuum p
+JOIN pg_stat_activity a ON p.pid = a.pid;`
+  },
+  {
+    category: "Maintenance",
+    name: "Transaction ID Wraparound Risk Age",
+    description: "Tracks how close databases are climbing toward freezing points to prevent catastrophic read-only emergencies.",
+    code: `SELECT 
+  datname AS database_name, 
+  age(datfrozenxid) AS current_tx_age, 
+  ROUND(100.0 * age(datfrozenxid) / 2000000000.0, 4) AS wraparound_emergency_consumed_pct
+FROM pg_database 
+WHERE datallowconn = true
+ORDER BY current_tx_age DESC;`
+  }
+], Fe = { pagination: !1 }, Qe = { tableStyle: { maxHeight: "55vh", borderRadius: "8px" } }, Wa = {
+  pagination: !1,
+  paginationType: "virtual-scroll"
+}, Ha = { tableStyle: { maxHeight: "62vh", borderRadius: "8px" } }, fe = {
+  position: "absolute",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  width: "90%",
+  maxWidth: "1200px",
+  bgcolor: "background.paper",
+  boxShadow: "0px 20px 50px rgba(0, 0, 0, 0.15)",
+  p: 4,
+  borderRadius: "16px",
+  outline: "none",
+  border: "1px solid rgba(0, 0, 0, 0.05)"
+}, Be = (m) => {
+  if (!m) return 0;
+  const d = m.match(/actual\s+time=[\d.]+\.\.([\d.]+)/);
+  if (d && d[1]) return parseFloat(d[1]);
+  const w = m.match(/cost=[\d.]+\.\.([\d.]+)/);
+  return w && w[1] ? parseFloat(w[1]) : 0;
+}, Ba = ({ rawTextLine: m, totalPlanMetric: d }) => {
+  if (!m || !m.trim()) return null;
+  const w = m.search(/\S/), L = w > 0 ? Math.floor(w / 2) : 0, D = m.trim(), g = D.includes("Seq Scan"), y = D.includes("Index Scan"), C = D.startsWith("->") || L > 0, E = Be(D), I = d > 0 ? Math.round(E / d * 100) : 0, O = I >= 35;
+  return /* @__PURE__ */ t(
+    r,
+    {
+      className: "flex items-center justify-between gap-4 py-2 px-3 my-1 rounded-lg border transition-all hover:bg-slate-100/80",
+      sx: {
+        marginLeft: `${L * 24}px`,
+        backgroundColor: O ? "#fff5f5" : g ? "#fef2f2" : y ? "#f0fdf4" : "#ffffff",
+        borderColor: O ? "#fecaca" : g ? "#fca5a5" : y ? "#bbf7d0" : "#e2e8f0",
+        borderLeft: O ? "5px solid #dc2626" : g ? "5px solid #ef4444" : y ? "5px solid #22c55e" : "1px solid #e2e8f0"
+      },
+      children: [
+        /* @__PURE__ */ t(r, { className: "flex items-center gap-2 overflow-hidden flex-grow", children: [
+          C && /* @__PURE__ */ e("span", { className: "text-gray-400 font-bold select-none", children: "↳" }),
+          /* @__PURE__ */ e(
+            x,
+            {
+              variant: "body2",
+              className: "font-mono text-slate-700 font-medium break-all whitespace-pre-wrap",
+              sx: { color: O || g ? "#991b1b" : y ? "#166534" : "#334155" },
+              children: D
+            }
+          )
+        ] }),
+        E > 0 && /* @__PURE__ */ e(r, { className: "flex items-center gap-1.5 shrink-0", children: /* @__PURE__ */ e(
+          W,
+          {
+            label: `${I}% cost`,
+            size: "small",
+            color: O ? "error" : I > 15 ? "warning" : "default",
+            sx: {
+              fontSize: "11px",
+              fontWeight: "700",
+              height: "22px",
+              borderRadius: "6px"
+            }
+          }
+        ) })
+      ]
+    }
+  );
+}, ut = () => {
+  const m = he(We), [d, w] = c({}), [L, D] = c(null), [g, y] = c(""), [C, E] = c(0), [I, O] = c([]), [S, H] = c([]), [Pe, je] = c(!1), { user: B } = he((a) => a.Authenticate), [P, T] = c(0), [R, j] = c(""), [$e, $] = c(!1), [Ue, U] = c(!1), [q, Ye] = c([]), [Ke, be] = c([]), [Je, Ve] = c([]), [_e, Ge] = c([]), Y = S.length || null, [K, Xe] = c([]), [Ne, we] = c(null), z = "select pid,datname,state,wait_event_type,cast(now() - query_start as text) as query_age,cast(now() - state_change as text) as state_age,query from pg_stat_activity where state in ('active','idle in transaction') order by query_age desc;", Se = `select pg_terminate_backend( ${L} )`, Z = "select cast(pid as text) as pid, cast(usename as text) as usename, cast(pg_blocking_pids(pid) as text) as blocked_by, datname as Database_Name,cast(query as text) as blocked_query from pg_stat_activity where cardinality(pg_blocking_pids(pid)) > 0", ve = "select * from caught_exception where username = (select user_name from um_user where id = " + B.id + ") order by id desc limit 100", { translate: i } = Ra(), [Ce, ee] = c(!1), [Ze, f] = c(!1), [ea, ae] = c(!1), [te, M] = c(!0), [aa, J] = c(!1), [ta, re] = c(!1), ne = async (a, s = null) => {
+    let n;
+    s === "index" ? n = "SELECT * FROM pg_indexes WHERE tablename = '" + a.tablename + "' limit 100" : s === "ddl" ? n = `WITH table_columns AS (
+          SELECT c.relname AS table_name, a.attname AS column_name, pg_catalog.format_type(a.atttypid, a.atttypmod) AS column_type,
+              CASE WHEN a.attnotnull THEN 'not null' ELSE 'null' END AS column_constraint
+          FROM pg_class c JOIN pg_attribute a ON a.attrelid = c.oid JOIN pg_type t ON a.atttypid = t.oid
+          WHERE c.relname = '${a.tablename}' AND a.attnum > 0 ORDER BY a.attnum
+      ), table_indexes AS (
+          SELECT t.relname AS table_name, i.relname AS index_name, pg_catalog.pg_get_indexdef(ix.indexrelid) AS index_def
+          FROM pg_class t JOIN pg_index ix ON t.oid = ix.indrelid JOIN pg_class i ON i.oid = ix.indexrelid
+          WHERE t.relname = '${a.tablename}'
+      )
+      SELECT 'CREATE TABLE ' || tc.table_name || E'\\n(\\n' || array_to_string(array_agg(DISTINCT '    ' || tc.column_name || ' ' || tc.column_type || ' ' || tc.column_constraint), E',\\n') || E'\\n);\\n' || COALESCE(string_agg(DISTINCT ti.index_def, E'\\n'), '') AS ddl
+      FROM table_columns tc LEFT JOIN table_indexes ti ON tc.table_name = ti.table_name GROUP BY tc.table_name;` : n = `select * from ${a.tablename} limit 100`, y(n), $(!1), T(0), v(n);
+  }, ra = async (a) => {
+    y(a.query), V("query", a.query), M(!(a.query && a.query.trim().length > 0)), U(!1), T(0);
+  }, na = [
+    { field: "Sr. No.", label: "#", align: "left" },
+    { field: "size_pretty", label: "Size", align: "left" },
+    { field: "tablename", label: "Table Name", align: "left", onClick: ne },
+    {
+      field: "Action",
+      label: "Action",
+      align: "center",
+      render: (a) => /* @__PURE__ */ e(p, { variant: "outlined", color: "primary", size: "small", sx: { borderRadius: "6px", textTransform: "none" }, onClick: () => ne(a, "index"), children: i("Index") })
+    },
+    {
+      field: "DDL",
+      label: "DDL",
+      align: "center",
+      render: (a) => /* @__PURE__ */ e(p, { variant: "outlined", color: "secondary", size: "small", sx: { borderRadius: "6px", textTransform: "none" }, onClick: () => ne(a, "ddl"), children: i("DDL") })
+    }
+  ], sa = [
+    { field: "Sr. No.", label: "#", align: "left" },
+    { field: "query", label: "Query", align: "left", onClick: ra },
+    { field: "created_on", label: "Executed On", align: "left" }
+  ], { control: se, setValue: V, getValues: k, formState: { errors: Pa } } = va({
+    mode: "onChange",
+    defaultValues: { excelFileName: "" }
+  });
+  ie(() => {
+    be(q);
+  }, [q]), ie(() => {
+    (g == null ? void 0 : g.length) > 0 ? (M(!1), V("query", g)) : M(!0);
+  }, [g]);
+  const Ee = Ca(), v = async (a, s = []) => {
+    try {
+      if (!a) {
+        u({ message: "Query can not be empty", type: "error" });
+        return;
+      }
+      f(!0), j("");
+      const n = performance.now(), { data: o } = await Me(a).catch((h) => {
+        H([]), f(!1), we(null), u({ message: `${h.response.data.message}`, type: "error" });
+      }), b = performance.now();
+      if (we((b - n).toFixed(0)), o && !o.length) {
+        H([]), u({ message: "No data found", type: "info" }), f(!1);
+        return;
+      }
+      if (o != null && o.length && a !== z && u({ message: "Query Executed Successfully", type: "success" }), a === z)
+        s = [
+          {
+            label: "KILL PROCESS",
+            icon: /* @__PURE__ */ e(
+              p,
+              {
+                variant: "outlined",
+                color: "error",
+                size: "small",
+                sx: {
+                  borderRadius: "6px",
+                  textTransform: "none",
+                  fontSize: "11px",
+                  minWidth: "auto"
+                },
+                children: i("Kill Query")
+              }
+            ),
+            onClick: ia
+          }
+        ];
+      else if (a === Se) {
+        o != null && o.length && u({ message: "Terminated Successfully", type: "success" }), H([]);
+        return;
+      }
+      H(o.map((h, A) => ({ index: A + 1, ...h })));
+      const N = Object.keys(o[0]);
+      (s.length || a === z) && N.push("Actions");
+      const _ = N.map((h) => ({ field: h, label: h, align: "left" }));
+      Ge(s), O([{ field: "index", label: "#", align: "left" }, ..._]), oe(), f(!1), T(1);
+    } catch {
+      f(!1);
+    }
+  }, oa = async () => {
+    const a = k("query");
+    if (!a) {
+      u({ message: "Query can not be empty", type: "error" });
+      return;
+    }
+    const n = `EXPLAIN ${a.trim().replace(/;+$/, "")};`;
+    try {
+      f(!0);
+      const { data: o } = await Me(n).catch((b) => {
+        var N, _;
+        f(!1), u({ message: `${((_ = (N = b.response) == null ? void 0 : N.data) == null ? void 0 : _.message) || "Explain failed"}`, type: "error" });
+      });
+      if (o && o.length > 0) {
+        const b = Object.keys(o[0])[0], N = o.map((_) => _[b]);
+        Xe(N), u({ message: "Explain Plan Calculated", type: "success" }), T(2);
+      } else
+        u({ message: "No data returned from execution plan", type: "info" });
+      f(!1);
+    } catch (o) {
+      f(!1), console.error(o);
+    }
+  }, Te = async (a) => {
+    try {
+      if (!a) {
+        u({ message: "Query can not be empty", type: "error" });
+        return;
+      }
+      const { data: s } = await Fa(a).catch((n) => {
+        u({ message: `${n.response.data.message}`, type: "error" });
+      });
+      s.length || u({ message: "No data found", type: "info" }), s.length && u({ message: "Query updated successfully", type: "success" });
+    } catch (s) {
+      console.error(s);
+    }
+  }, Re = async () => {
+    const a = "d91d249f-c8e1-4397-a84d-6ce6eb33eb48", s = k("query"), n = k("excelFileName");
+    if (!s) {
+      u({ message: "Query can not be empty", type: "info" });
+      return;
+    }
+    try {
+      f(!0);
+      const b = await Na(a, { paramObj: { query: s } }).catch((h) => (u({ message: "Operation Unsuccessful, Something went wrong", type: "error" }), null));
+      if (!b) {
+        f(!1);
+        return;
+      }
+      const N = new Blob([b.data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" }), _ = `${n || "rename"}_${(/* @__PURE__ */ new Date()).getTime()}.xlsx`;
+      if (navigator.msSaveBlob) {
+        const h = new Blob([b.data], { type: "" });
+        return Ee("file_download", { file_type: "xlsx", file_name: _, file_size: `${(h.size / 1024).toFixed(2)} KB`, download_status: "success" }), navigator.msSaveBlob(h, _);
+      } else {
+        const h = URL.createObjectURL(N), A = document.createElement("a");
+        A.href = h, A.download = _, A.style.display = "none", document.body.appendChild(A), A.click(), Ee("file_download", { file_type: "xlsx", file_name: _, file_size: `${(N.size / 1024).toFixed(2)} KB`, download_status: "success" }), URL.revokeObjectURL(h), A.remove();
+      }
+      f(!1);
+    } catch {
+      f(!1), u({ type: "error", message: "Something went wrong!" });
+    }
+  }, la = async () => {
+    try {
+      je(!0), y(Z), await v(Z);
+    } catch (a) {
+      console.error(a);
+    }
+  }, ia = async (a) => {
+    E(3), D(a.pid);
+  }, ca = async () => {
+    try {
+      await v(Se), await v(Pe ? Z : z);
+    } catch (a) {
+      console.error(a);
+    }
+  }, da = async () => {
+    try {
+      y(z), await v(z);
+    } catch (a) {
+      console.error(a);
+    }
+  }, oe = async () => {
+    try {
+      const a = k("queryHistorySearchKey"), { data: s } = await wa({
+        code: "retrieve_limited_query_history",
+        parameters: { userId: B == null ? void 0 : B.id, limit: 100, searchKey: a }
+      });
+      Ve(
+        s.result.map((n, o) => ({
+          index: o + 1,
+          ...n,
+          created_on: Ta(n.created_on).format("DD-MM-YYYY h:mm:ss A")
+        }))
+      );
+    } catch (a) {
+      console.error(a);
+    }
+  }, ma = async () => {
+    try {
+      ee(!0);
+      const { data: a } = await Sa("techo.querymanagement");
+      a && w(JSON.parse(a)), await oe(), ee(!1);
+    } catch {
+      ee(!1);
+    }
+  };
+  ie(() => {
+    ma();
+  }, []);
+  const pa = async () => {
+    $(!0), q.length || await xa();
+  }, ua = () => {
+    J(!0);
+  }, xa = async () => {
+    try {
+      ae(!0);
+      const { data: a } = await Ma({ code: "retrieve_all_tables" });
+      Ye(a.result.map((s, n) => ({ index: n + 1, ...s }))), ae(!1);
+    } catch {
+      ae(!1);
+    }
+  }, ga = (a) => {
+    fa(a.target.value);
+  }, fa = ke(
+    () => Ia((a) => {
+      const s = a.toLowerCase();
+      be(q.filter((n) => {
+        var o;
+        return (o = n == null ? void 0 : n.tablename) == null ? void 0 : o.toLowerCase().includes(s);
+      }));
+    }, 300),
+    [q]
+  ), le = ke(() => {
+    if (!R) return S;
+    const a = R.toLowerCase().trim();
+    return S.filter((s) => Object.entries(s).some(([n, o]) => n === "index" || n === "Actions" ? !1 : String(o ?? "").toLowerCase().includes(a)));
+  }, [S, R]), ha = async () => {
+    const a = k("query") || g;
+    a ? await v(a, _e) : u({ message: "No context query found to refresh", type: "warning" });
+  }, ya = async () => {
+    try {
+      y(ve), await v(ve);
+    } catch (a) {
+      console.error(a);
+    }
+  };
+  return me.isTecho && !Ce && !(d != null && d["view.manage.querymanagement.retrieve"]) ? /* @__PURE__ */ e(r, { className: "flex justify-center items-center w-full h-[80vh]", children: /* @__PURE__ */ t(F, { className: "p-8 max-w-md text-center shadow-2xl border border-gray-100 rounded-2xl bg-white", children: [
+    /* @__PURE__ */ e(x, { variant: "h5", color: "error", fontWeight: "700", letterSpacing: "-0.5px", children: "Access Denied" }),
+    /* @__PURE__ */ e(x, { variant: "body2", className: "text-gray-400 mt-2", children: "You don't have permission to view Query Management Tool" })
+  ] }) }) : /* @__PURE__ */ t(He, { loading: Ce, children: [
+    Ze && m && /* @__PURE__ */ e("div", { className: "loader-overlay", children: /* @__PURE__ */ e("div", { className: "loader-spinner" }) }),
+    /* @__PURE__ */ t(r, { className: "w-full flex flex-col gap-4 mt-2 p-3 min-h-[85vh] bg-[#fdfeff]", children: [
+      /* @__PURE__ */ t(F, { className: "px-4 py-2.5 shadow-sm border border-gray-200/70 rounded-xl bg-white flex flex-wrap items-center justify-between gap-4", children: [
+        /* @__PURE__ */ t(
+          ba,
+          {
+            value: P,
+            onChange: (a, s) => T(s),
+            indicatorColor: "primary",
+            textColor: "primary",
+            sx: {
+              "& .MuiTabs-indicator": { height: "3px", borderRadius: "3px" },
+              "& .MuiTab-root": { textTransform: "none", fontWeight: 600, fontSize: "14px", minHeight: "44px" }
+            },
+            children: [
+              /* @__PURE__ */ e(
+                ce,
+                {
+                  label: /* @__PURE__ */ t(r, { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(l, { icon: Aa, className: "text-xs opacity-80" }),
+                    /* @__PURE__ */ e("span", { children: i("Query Console") })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ e(
+                ce,
+                {
+                  label: /* @__PURE__ */ t(r, { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(l, { icon: Oe, className: "text-xs opacity-80" }),
+                    /* @__PURE__ */ e("span", { children: i("Results Layer") }),
+                    !!Y && /* @__PURE__ */ e(W, { label: Y, size: "small", color: "primary", sx: { height: 18, fontSize: "10px", fontWeight: "bold" } })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ e(
+                ce,
+                {
+                  label: /* @__PURE__ */ t(r, { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(l, { icon: xe, className: "text-xs text-indigo-500 opacity-90" }),
+                    /* @__PURE__ */ e("span", { children: i("Query Plan") }),
+                    K.length > 0 && /* @__PURE__ */ e(W, { label: "Ready", size: "small", color: "info", sx: { height: 18, fontSize: "9px", fontWeight: "bold" } })
+                  ] })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(r, { className: "flex flex-wrap items-center gap-2.5", children: [
+          /* @__PURE__ */ t(p, { variant: "outlined", color: "inherit", size: "small", onClick: pa, className: "h-[36px] border-gray-300 hover:bg-gray-50 text-gray-700", sx: { textTransform: "none", borderRadius: "8px", fontWeight: 500 }, children: [
+            /* @__PURE__ */ e(l, { icon: ge, className: "mr-2 text-blue-500" }),
+            i("Tables Explorer")
+          ] }),
+          /* @__PURE__ */ t(p, { variant: "outlined", color: "inherit", size: "small", onClick: ua, className: "h-[36px] border-gray-300 hover:bg-gray-50 text-gray-700", sx: { textTransform: "none", borderRadius: "8px", fontWeight: 500 }, children: [
+            /* @__PURE__ */ e(l, { icon: ze, className: "mr-2 text-blue-500" }),
+            i("DBA Toolkit")
+          ] }),
+          /* @__PURE__ */ t(p, { variant: "outlined", color: "inherit", size: "small", onClick: () => U(!0), className: "h-[36px] border-gray-300 hover:bg-gray-50 text-gray-700", sx: { textTransform: "none", borderRadius: "8px", fontWeight: 500 }, children: [
+            /* @__PURE__ */ e(l, { icon: Le, className: "mr-2 text-purple-500" }),
+            i("Query History")
+          ] }),
+          /* @__PURE__ */ e(_a, { orientation: "vertical", flexItem: !0, className: "hidden md:block my-1" }),
+          /* @__PURE__ */ t(p, { size: "small", color: "secondary", onClick: la, className: "h-[34px] font-semibold text-xs text-gray-500", sx: { textTransform: "none" }, children: [
+            /* @__PURE__ */ e(l, { icon: Da, className: "mr-1 text-amber-500 text-[10px]" }),
+            " ",
+            i("Locked Queries")
+          ] }),
+          /* @__PURE__ */ t(p, { size: "small", color: "secondary", onClick: da, className: "h-[34px] font-semibold text-xs text-gray-500", sx: { textTransform: "none" }, children: [
+            /* @__PURE__ */ e(l, { icon: ze, className: "mr-1 text-teal-500 text-[10px]" }),
+            " ",
+            i("Active Queries")
+          ] }),
+          /* @__PURE__ */ t(p, { size: "small", color: "secondary", onClick: ya, className: "h-[34px] font-semibold text-xs text-gray-500", sx: { textTransform: "none" }, children: [
+            /* @__PURE__ */ e(l, { icon: Q, className: "mr-1 text-teal-500 text-[10px]" }),
+            " ",
+            i("Recent Exceptions")
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(r, { className: "flex-grow flex flex-col", children: [
+        P === 0 && /* @__PURE__ */ t(F, { className: "p-4 shadow-sm border border-gray-200 rounded-2xl bg-white flex flex-col gap-4 flex-grow min-h-[520px]", children: [
+          /* @__PURE__ */ e(r, { className: "flex-grow relative rounded-xl overflow-hidden border border-gray-200 shadow-inner bg-[#fffffe] h-[400px]", children: /* @__PURE__ */ e(
+            ka,
+            {
+              height: "100%",
+              defaultLanguage: "sql",
+              theme: "vs-light",
+              value: k("query") || "",
+              onChange: (a) => {
+                V("query", a || ""), M(!(a && a.trim().length > 0));
+              },
+              options: {
+                minimap: { enabled: !1 },
+                fontSize: 14,
+                fontFamily: "'Fira Code', 'Courier New', monospace",
+                lineNumbers: "on",
+                roundedSelection: !0,
+                scrollBeyondLastLine: !1,
+                readOnly: !1,
+                automaticLayout: !0,
+                tabSize: 2,
+                suggestOnTriggerCharacters: !0,
+                wordWrap: "on"
+              },
+              loading: /* @__PURE__ */ e("div", { className: "p-4 text-gray-400 font-mono text-xs", children: "Loading IDE Engine..." })
+            }
+          ) }),
+          /* @__PURE__ */ t(r, { className: "flex flex-wrap items-center justify-between gap-3 pt-3 border-t border-gray-100", children: [
+            /* @__PURE__ */ t(r, { className: "flex items-center gap-2 bg-gray-50/80 p-1.5 rounded-xl border border-gray-200/60", children: [
+              /* @__PURE__ */ e(
+                pe,
+                {
+                  id: "excelFileName",
+                  name: "excelFileName",
+                  control: se,
+                  placeholder: "Export sheet filename...",
+                  size: "small",
+                  className: "max-w-[220px] bg-white",
+                  sx: { "& .MuiOutlinedInput-root": { borderRadius: "8px", height: "36px" } }
+                }
+              ),
+              /* @__PURE__ */ t(
+                p,
+                {
+                  variant: "outlined",
+                  color: "inherit",
+                  onClick: Re,
+                  className: "border-gray-300 text-gray-700 hover:bg-white",
+                  sx: {
+                    textTransform: "none",
+                    borderRadius: "8px",
+                    height: "36px",
+                    minWidth: "max-content",
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    px: 2,
+                    py: 0,
+                    fontSize: "0.875rem",
+                    lineHeight: 1
+                  },
+                  children: [
+                    /* @__PURE__ */ e(l, { icon: Ie, className: "mr-2 text-gray-400" }),
+                    "Spreadsheet"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t(r, { className: "flex gap-2.5", children: [
+              (!me.isTecho || (d == null ? void 0 : d["view.manage.querymanagement.execute"])) && /* @__PURE__ */ e(
+                p,
+                {
+                  variant: "outlined",
+                  color: "secondary",
+                  disabled: te,
+                  className: "h-[38px]",
+                  sx: { textTransform: "none", borderRadius: "8px", fontWeight: 600 },
+                  onClick: async () => {
+                    const a = k("query");
+                    y(a), a != null && a.toLowerCase().includes("where") ? await Te(a) : E(2);
+                  },
+                  children: i("Execute Command")
+                }
+              ),
+              /* @__PURE__ */ t(
+                p,
+                {
+                  variant: "outlined",
+                  disabled: te,
+                  className: "h-[38px] border-indigo-200 text-indigo-600 hover:bg-indigo-50 disabled:border-gray-200 disabled:text-gray-400",
+                  sx: { textTransform: "none", borderRadius: "8px", fontWeight: 600 },
+                  onClick: oa,
+                  children: [
+                    /* @__PURE__ */ e(l, { icon: xe, className: "mr-2 text-xs" }),
+                    i("Explain Plan")
+                  ]
+                }
+              ),
+              (!me.isTecho || (d == null ? void 0 : d["view.manage.querymanagement.retrieve"])) && /* @__PURE__ */ t(
+                p,
+                {
+                  variant: "contained",
+                  color: "success",
+                  disabled: te,
+                  className: "h-[38px] shadow-sm shadow-green-200",
+                  sx: { textTransform: "none", borderRadius: "8px", fontWeight: 600, px: 3 },
+                  onClick: async () => {
+                    const a = k("query");
+                    y(a);
+                    const s = (a == null ? void 0 : a.toLowerCase().trim()) || "";
+                    if (/\b(drop|truncate|delete|update)\b/.test(s)) {
+                      re(!0);
+                      return;
+                    }
+                    const o = s.startsWith("select"), b = s.includes("where");
+                    o && !b ? E(1) : await v(a);
+                  },
+                  children: [
+                    /* @__PURE__ */ e(l, { icon: Oa, className: "mr-2 text-xs" }),
+                    i("Retrieve Data")
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        P === 1 && /* @__PURE__ */ t(F, { className: "p-4 shadow-sm border border-gray-200 rounded-2xl bg-white flex flex-col flex-grow min-h-[520px]", children: [
+          /* @__PURE__ */ e(r, { className: "flex flex-wrap items-center justify-between border-b border-gray-100 pb-3 mb-3 gap-3", children: S.length > 0 && /* @__PURE__ */ t(r, { className: "flex flex-wrap items-center justify-between w-full gap-3", children: [
+            /* @__PURE__ */ t(r, { className: "flex items-center gap-3 w-full sm:w-auto", children: [
+              /* @__PURE__ */ e(
+                Ae,
+                {
+                  size: "small",
+                  variant: "outlined",
+                  placeholder: "Filter layout results...",
+                  value: R,
+                  onChange: (a) => j(a.target.value),
+                  sx: {
+                    width: { xs: "100%", sm: "280px" },
+                    "& .MuiOutlinedInput-root": { borderRadius: "10px", height: "36px", backgroundColor: "#fafbfe" }
+                  },
+                  InputProps: {
+                    startAdornment: /* @__PURE__ */ e(de, { position: "start", children: /* @__PURE__ */ e(l, { icon: qe, className: "text-gray-400 text-xs" }) }),
+                    endAdornment: R && /* @__PURE__ */ e(de, { position: "end", children: /* @__PURE__ */ e(G, { size: "small", onClick: () => j(""), edge: "end", children: /* @__PURE__ */ e(l, { icon: Q, className: "text-[10px]" }) }) })
+                  }
+                }
+              ),
+              /* @__PURE__ */ e(
+                W,
+                {
+                  label: R ? `${i("Matches")}: ${le.length} / ${Y}` : `${i("Records Loaded")}: ${Y}`,
+                  size: "medium",
+                  color: R ? "primary" : "success",
+                  variant: R ? "outlined" : "filled",
+                  sx: { borderRadius: "8px", fontWeight: "600", fontSize: "12px", height: "34px" }
+                }
+              ),
+              Ne && /* @__PURE__ */ e(
+                W,
+                {
+                  icon: /* @__PURE__ */ e(l, { icon: za, style: { fontSize: "11px", color: "#475569" } }),
+                  label: `${Ne} ms`,
+                  variant: "outlined",
+                  sx: {
+                    borderRadius: "8px",
+                    fontWeight: "500",
+                    fontSize: "12px",
+                    height: "34px",
+                    backgroundColor: "#f1f5f9",
+                    borderColor: "#e2e8f0"
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t(r, { className: "flex flex-wrap items-center gap-2.5 ml-auto", children: [
+              /* @__PURE__ */ t(
+                p,
+                {
+                  variant: "outlined",
+                  color: "inherit",
+                  size: "small",
+                  onClick: ha,
+                  className: "h-[36px] border-gray-300 hover:bg-gray-50 text-gray-700",
+                  sx: { textTransform: "none", borderRadius: "8px", fontWeight: 500 },
+                  children: [
+                    /* @__PURE__ */ e(l, { icon: La, className: "mr-2 text-teal-600" }),
+                    i("Refresh")
+                  ]
+                }
+              ),
+              /* @__PURE__ */ t(r, { className: "flex items-center gap-2 bg-gray-50/80 p-1.5 rounded-xl border border-gray-200/60", children: [
+                /* @__PURE__ */ e(
+                  pe,
+                  {
+                    id: "excelFileName",
+                    name: "excelFileName",
+                    control: se,
+                    placeholder: "Export sheet filename...",
+                    size: "small",
+                    className: "max-w-[220px] bg-white",
+                    sx: { "& .MuiOutlinedInput-root": { borderRadius: "8px", height: "36px" } }
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  p,
+                  {
+                    variant: "outlined",
+                    color: "inherit",
+                    onClick: Re,
+                    className: "border-gray-300 text-gray-700 hover:bg-white",
+                    sx: {
+                      textTransform: "none",
+                      borderRadius: "8px",
+                      height: "36px",
+                      minWidth: "max-content",
+                      display: "inline-flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      px: 2,
+                      py: 0,
+                      fontSize: "0.875rem",
+                      lineHeight: 1
+                    },
+                    children: [
+                      /* @__PURE__ */ e(l, { icon: Ie, className: "mr-2 text-blue-600" }),
+                      i("Spreadsheet")
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ] }) }),
+          le.length ? /* @__PURE__ */ e(r, { className: "w-full overflow-x-auto flex-grow border border-gray-150 rounded-xl", children: /* @__PURE__ */ e(
+            ue,
+            {
+              className: "min-w-[600px]",
+              columns: I,
+              actions: _e,
+              tableData: le,
+              paginationConfig: Wa,
+              styleConfig: Ha
+            }
+          ) }) : /* @__PURE__ */ t(r, { className: "flex flex-col items-center justify-center flex-grow py-24 text-gray-400 bg-gray-50/50 rounded-xl border border-dashed border-gray-200", children: [
+            /* @__PURE__ */ e(l, { icon: Oe, size: "2x", className: "mb-3 text-gray-300" }),
+            /* @__PURE__ */ e(x, { variant: "body2", fontWeight: "600", className: "text-gray-600", children: S.length > 0 ? "No Matching Metadata Fields" : "No Active Dataset Displayed" }),
+            /* @__PURE__ */ e(x, { variant: "caption", className: "mt-1 text-gray-400 max-w-xs text-center", children: S.length > 0 ? "The criteria keywords queried didn't flag hits inside the running table frame matrix." : "Head backwards into the query console and fire data queries to populate results layer." }),
+            /* @__PURE__ */ e(
+              p,
+              {
+                variant: "outlined",
+                size: "small",
+                color: "inherit",
+                onClick: () => {
+                  S.length > 0 ? j("") : T(0);
+                },
+                className: "mt-4 border-gray-300 text-gray-600 bg-white",
+                sx: { textTransform: "none", borderRadius: "8px", fontSize: "12px" },
+                children: S.length > 0 ? "Reset Matrix Filter" : "Go to Query Workspace"
+              }
+            )
+          ] })
+        ] }),
+        P === 2 && /* @__PURE__ */ e(F, { className: "p-5 shadow-sm border border-gray-200 rounded-2xl bg-white flex flex-col flex-grow min-h-[520px]", children: K.length > 0 ? /* @__PURE__ */ t(r, { className: "flex flex-col flex-grow w-full", children: [
+          /* @__PURE__ */ e(x, { variant: "subtitle2", className: "text-gray-500 font-bold mb-3 uppercase tracking-wider text-xs", children: "Plan Graph Node Sequence: (Root Bottleneck Impact Assessment):" }),
+          /* @__PURE__ */ e(r, { className: "flex-grow w-full overflow-y-auto bg-slate-50/50 border border-gray-200/80 rounded-xl p-4 max-h-[60vh]", children: (() => {
+            const a = Be(K[0]);
+            return K.map((s, n) => /* @__PURE__ */ e(
+              Ba,
+              {
+                rawTextLine: s,
+                totalPlanMetric: a
+              },
+              n
+            ));
+          })() })
+        ] }) : /* @__PURE__ */ t(r, { className: "flex flex-col items-center justify-center flex-grow py-24 text-gray-400 bg-gray-50/30 rounded-xl border border-dashed border-gray-200", children: [
+          /* @__PURE__ */ e(l, { icon: xe, size: "2x", className: "mb-3 text-indigo-300" }),
+          /* @__PURE__ */ e(x, { variant: "body2", fontWeight: "600", className: "text-gray-600", children: "No Query Plan Loaded" }),
+          /* @__PURE__ */ e(x, { variant: "caption", className: "mt-1 text-gray-400 max-w-xs text-center", children: "Type a query inside the editor and select 'Explain Plan' to compile the database execution steps." }),
+          /* @__PURE__ */ e(
+            p,
+            {
+              variant: "outlined",
+              size: "small",
+              color: "primary",
+              onClick: () => T(0),
+              className: "mt-4",
+              sx: { textTransform: "none", borderRadius: "8px" },
+              children: "Go to Query Console"
+            }
+          )
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(X, { open: $e, onClose: () => $(!1), children: /* @__PURE__ */ t(r, { sx: fe, className: "flex flex-col gap-4 max-h-[85vh]", children: [
+      /* @__PURE__ */ t(r, { className: "flex items-center justify-between border-b border-gray-100 pb-3", children: [
+        /* @__PURE__ */ t(x, { variant: "h6", fontWeight: "700", className: "flex items-center gap-2.5 text-gray-800", letterSpacing: "-0.4px", children: [
+          /* @__PURE__ */ e(l, { icon: ge, className: "text-blue-500 text-lg" }),
+          " ",
+          i("Tables Explorer")
+        ] }),
+        /* @__PURE__ */ e(G, { onClick: () => $(!1), size: "small", className: "hover:bg-gray-100", children: /* @__PURE__ */ e(l, { icon: Q, className: "text-sm text-gray-400" }) })
+      ] }),
+      /* @__PURE__ */ e(
+        Ae,
+        {
+          fullWidth: !0,
+          onChange: ga,
+          size: "small",
+          placeholder: "Type matching schema name indexes...",
+          sx: { "& .MuiOutlinedInput-root": { borderRadius: "10px", backgroundColor: "#fdfeff" } },
+          InputProps: {
+            startAdornment: /* @__PURE__ */ e(de, { position: "start", children: /* @__PURE__ */ e(l, { icon: qe, className: "text-gray-400 text-xs" }) })
+          }
+        }
+      ),
+      /* @__PURE__ */ e(r, { className: "overflow-y-auto flex-grow border border-gray-100 rounded-xl", children: /* @__PURE__ */ e(
+        ue,
+        {
+          strip: !0,
+          isLoading: ea,
+          columns: na,
+          tableData: Ke,
+          paginationConfig: Fe,
+          styleConfig: Qe
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ e(X, { open: Ue, onClose: () => U(!1), children: /* @__PURE__ */ t(r, { sx: fe, className: "flex flex-col gap-4 max-h-[85vh]", children: [
+      /* @__PURE__ */ t(r, { className: "flex items-center justify-between border-b border-gray-100 pb-3", children: [
+        /* @__PURE__ */ t(x, { variant: "h6", fontWeight: "700", className: "flex items-center gap-2.5 text-gray-800", letterSpacing: "-0.4px", children: [
+          /* @__PURE__ */ e(l, { icon: Le, className: "text-purple-500 text-lg" }),
+          " ",
+          i("Query History")
+        ] }),
+        /* @__PURE__ */ e(G, { onClick: () => U(!1), size: "small", className: "hover:bg-gray-100", children: /* @__PURE__ */ e(l, { icon: Q, className: "text-sm text-gray-400" }) })
+      ] }),
+      /* @__PURE__ */ t(r, { className: "flex gap-2.5", children: [
+        /* @__PURE__ */ e(
+          pe,
+          {
+            id: "queryHistorySearchKey",
+            name: "queryHistorySearchKey",
+            control: se,
+            placeholder: "Search previous queries...",
+            size: "small",
+            className: "flex-grow",
+            sx: { "& .MuiOutlinedInput-root": { borderRadius: "10px" } }
+          }
+        ),
+        /* @__PURE__ */ e(p, { variant: "contained", color: "primary", onClick: oe, sx: { borderRadius: "10px", px: 3, textTransform: "none" }, children: i("Search") })
+      ] }),
+      /* @__PURE__ */ e(r, { className: "overflow-y-auto flex-grow border border-gray-150 rounded-xl", children: /* @__PURE__ */ e(
+        ue,
+        {
+          strip: !0,
+          columns: sa,
+          tableData: Je,
+          paginationConfig: Fe,
+          styleConfig: Qe
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ e(X, { open: aa, onClose: () => J(!1), children: /* @__PURE__ */ t(r, { sx: fe, className: "flex flex-col gap-4 max-h-[85vh]", children: [
+      /* @__PURE__ */ t(r, { className: "flex items-center justify-between border-b border-gray-100 pb-3", children: [
+        /* @__PURE__ */ t(x, { variant: "h6", fontWeight: "700", className: "flex items-center gap-2.5 text-gray-800", letterSpacing: "-0.4px", children: [
+          /* @__PURE__ */ e(l, { icon: ge, className: "text-purple-500 text-lg" }),
+          i("DBA Toolkit")
+        ] }),
+        /* @__PURE__ */ e(G, { onClick: () => J(!1), size: "small", className: "hover:bg-gray-100", children: /* @__PURE__ */ e(l, { icon: Q, className: "text-sm text-gray-400" }) })
+      ] }),
+      /* @__PURE__ */ e(r, { className: "overflow-y-auto flex-grow bg-slate-50/50 p-3 rounded-xl border border-gray-100 flex flex-col gap-5", children: ["Performance & Space", "Index Health", "Maintenance"].map((a) => {
+        const s = Qa.filter((n) => n.category === a);
+        return s.length === 0 ? null : /* @__PURE__ */ t(r, { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ e(x, { variant: "caption", className: "text-slate-400 font-bold uppercase tracking-wider pl-1 text-[11px]", children: a }),
+          /* @__PURE__ */ e(r, { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: s.map((n, o) => /* @__PURE__ */ t(
+            r,
+            {
+              onClick: () => {
+                V("query", n.code), M(!1), J(!1), T(0), u({ message: `Injected script: ${n.name}`, type: "success" });
+              },
+              className: "p-4 bg-white hover:bg-purple-50/30 border border-slate-200 hover:border-purple-300 rounded-xl cursor-pointer transition-all shadow-sm group flex flex-col justify-between",
+              children: [
+                /* @__PURE__ */ t(r, { children: [
+                  /* @__PURE__ */ e(x, { variant: "body2", className: "font-bold text-slate-800 group-hover:text-purple-700 transition-colors", children: n.name }),
+                  /* @__PURE__ */ e(x, { variant: "caption", className: "text-slate-500 block mt-1 leading-normal", children: n.description })
+                ] }),
+                /* @__PURE__ */ t(r, { className: "mt-3 pt-2 border-t border-slate-100 flex items-center justify-between text-xs text-purple-600 font-medium opacity-80 group-hover:opacity-100", children: [
+                  /* @__PURE__ */ e("span", { children: "Load Into Editor" }),
+                  /* @__PURE__ */ e("span", { className: "font-mono text-[10px] bg-purple-100 px-1.5 py-0.5 rounded text-purple-700", children: "SQL" })
+                ] })
+              ]
+            },
+            o
+          )) })
+        ] }, a);
+      }) })
+    ] }) }),
+    /* @__PURE__ */ e(
+      X,
+      {
+        open: ta,
+        onClose: () => re(!1),
+        sx: { display: "flex", alignItems: "center", justifyContent: "center" },
+        children: /* @__PURE__ */ t(
+          r,
+          {
+            sx: {
+              bgcolor: "background.paper",
+              boxShadow: 24,
+              p: 4,
+              borderRadius: "16px",
+              textAlign: "center",
+              maxWidth: "500px",
+              outline: "none"
+            },
+            children: [
+              /* @__PURE__ */ e(x, { variant: "h5", color: "error", fontWeight: "700", sx: { mb: 2 }, children: "🛑 ACCESS DENIED!" }),
+              /* @__PURE__ */ e(
+                "img",
+                {
+                  src: qa,
+                  alt: "baburao",
+                  style: { width: "100%", borderRadius: "8px", marginBottom: "16px" }
+                }
+              ),
+              /* @__PURE__ */ e(x, { variant: "body2", className: "text-gray-600 mb-4", children: "Nice try! Attempting to commit such acts from a data retrieval screen is strictly forbidden by the DBA overlords." }),
+              /* @__PURE__ */ e(
+                p,
+                {
+                  variant: "contained",
+                  color: "error",
+                  onClick: () => re(!1),
+                  sx: { borderRadius: "8px", textTransform: "none" },
+                  children: "I promise to behave"
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    !!C && /* @__PURE__ */ e(
+      Ea,
+      {
+        description: C === 3 ? `Are you sure you want to kill process id ${L}?` : "The query does not include a WHERE clause. Are you sure you want to proceed?",
+        title: "CONFIRM ACTION",
+        open: C,
+        handleClick: async () => {
+          C === 1 && v(g), C === 2 && Te(g), C === 3 && ca(), E(0);
+        },
+        handleClose: () => E(0)
+      }
+    )
+  ] });
+};
+export {
+  ut as default
+};
+//# sourceMappingURL=QueryManagement-DGHV_-d5.js.map