@lunora/studio 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist/packem_chunks/dashboards-panel.js

@@ -0,0 +1,779 @@
+import { c } from 'react/compiler-runtime';
+import { useState, useCallback, useEffect } from 'react';
+import { u as usePersistedList, A as Alert, S as SqlResultChart, n as newId } from '../packem_shared/browser-storage-d03UsV7v.js';
+import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
+import { c as CardTitle, b as CardHeader, a as CardContent, C as Card } from '../packem_shared/card-DURq3ElK.js';
+import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { useLunora } from '@lunora/react';
+import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-CdaxLGkE.js';
+import { c as callOptions, e as errorMessage, f as fireAndForget, a as adminRef } from '../packem_shared/internal-FcNZ3beb.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const RUN_SQL = adminRef(ADMIN_FUNCTIONS.runSql);
+const useRunSql = (sql, shardKey) => {
+  const client = useLunora();
+  const [result, setResult] = useState(void 0);
+  const [error, setError] = useState(void 0);
+  const [loading, setLoading] = useState(true);
+  const run = useCallback(async (token) => {
+    setLoading(true);
+    try {
+      const next = await client.query(RUN_SQL, {
+        sql
+      }, callOptions(shardKey));
+      if (!token.cancelled) {
+        setResult(next);
+        setError(void 0);
+      }
+    } catch (error_) {
+      if (!token.cancelled) {
+        setResult(void 0);
+        setError(errorMessage(error_));
+      }
+    } finally {
+      if (!token.cancelled) {
+        setLoading(false);
+      }
+    }
+  }, [client, sql, shardKey]);
+  useEffect(() => {
+    const token_0 = {
+      cancelled: false
+    };
+    fireAndForget(run(token_0));
+    return () => {
+      token_0.cancelled = true;
+    };
+  }, [run]);
+  return {
+    error,
+    loading,
+    result
+  };
+};
+
+const STORAGE_KEY = "lunora-studio-dashboards";
+const EMPTY_DRAFT = {
+  shardKey: "",
+  sql: "",
+  title: ""
+};
+const WidgetCard = (t0) => {
+  const $ = c(54);
+  const {
+    onEdit,
+    onRemove,
+    widget
+  } = t0;
+  const t = useT();
+  const {
+    error,
+    loading,
+    result
+  } = useRunSql(widget.sql, widget.shardKey ?? "");
+  let t1;
+  if ($[0] !== onEdit || $[1] !== widget.id) {
+    t1 = () => {
+      onEdit(widget.id);
+    };
+    $[0] = onEdit;
+    $[1] = widget.id;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onEditClick = t1;
+  let t2;
+  if ($[3] !== onRemove || $[4] !== widget.id) {
+    t2 = () => {
+      onRemove(widget.id);
+    };
+    $[3] = onRemove;
+    $[4] = widget.id;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const onRemoveClick = t2;
+  const t3 = `dashboards-widget-${widget.id}`;
+  let t4;
+  if ($[6] !== widget.title) {
+    t4 = /* @__PURE__ */ jsxDEV(CardTitle, {
+      className: "min-w-0 truncate",
+      title: widget.title,
+      children: widget.title
+    }, void 0, false);
+    $[6] = widget.title;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== t) {
+    t5 = t("Edit widget");
+    $[8] = t;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  const t6 = `dashboards-widget-edit-${widget.id}`;
+  let t7;
+  if ($[10] !== t) {
+    t7 = t("Edit widget");
+    $[10] = t;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.6,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "M4 20h4L18 10l-4-4L4 16v4ZM14 6l4 4"
+      }, void 0, false)
+    }, void 0, false);
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  let t9;
+  if ($[13] !== onEditClick || $[14] !== t5 || $[15] !== t6 || $[16] !== t7) {
+    t9 = /* @__PURE__ */ jsxDEV(Button, {
+      "aria-label": t5,
+      "data-testid": t6,
+      onClick: onEditClick,
+      size: "icon-xs",
+      title: t7,
+      type: "button",
+      variant: "ghost",
+      children: t8
+    }, void 0, false);
+    $[13] = onEditClick;
+    $[14] = t5;
+    $[15] = t6;
+    $[16] = t7;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  let t10;
+  if ($[18] !== t) {
+    t10 = t("Remove widget");
+    $[18] = t;
+    $[19] = t10;
+  } else {
+    t10 = $[19];
+  }
+  const t11 = `dashboards-widget-remove-${widget.id}`;
+  let t12;
+  if ($[20] !== t) {
+    t12 = t("Remove widget");
+    $[20] = t;
+    $[21] = t12;
+  } else {
+    t12 = $[21];
+  }
+  let t13;
+  if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t13 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.6,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "M5 7h14M9 7V5h6v2m-1 0v12H10V7M7 7v13h10V7"
+      }, void 0, false)
+    }, void 0, false);
+    $[22] = t13;
+  } else {
+    t13 = $[22];
+  }
+  let t14;
+  if ($[23] !== onRemoveClick || $[24] !== t10 || $[25] !== t11 || $[26] !== t12) {
+    t14 = /* @__PURE__ */ jsxDEV(Button, {
+      "aria-label": t10,
+      "data-testid": t11,
+      onClick: onRemoveClick,
+      size: "icon-xs",
+      title: t12,
+      type: "button",
+      variant: "ghost",
+      children: t13
+    }, void 0, false);
+    $[23] = onRemoveClick;
+    $[24] = t10;
+    $[25] = t11;
+    $[26] = t12;
+    $[27] = t14;
+  } else {
+    t14 = $[27];
+  }
+  let t15;
+  if ($[28] !== t14 || $[29] !== t9) {
+    t15 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex shrink-0 items-center gap-1",
+      children: [t9, t14]
+    }, void 0, true);
+    $[28] = t14;
+    $[29] = t9;
+    $[30] = t15;
+  } else {
+    t15 = $[30];
+  }
+  let t16;
+  if ($[31] !== t15 || $[32] !== t4) {
+    t16 = /* @__PURE__ */ jsxDEV(CardHeader, {
+      className: "flex flex-row items-start justify-between gap-2 border-b pb-3",
+      children: [t4, t15]
+    }, void 0, true);
+    $[31] = t15;
+    $[32] = t4;
+    $[33] = t16;
+  } else {
+    t16 = $[33];
+  }
+  let t17;
+  if ($[34] !== error || $[35] !== widget.id) {
+    t17 = error !== void 0 && /* @__PURE__ */ jsxDEV(Alert, {
+      className: "font-mono text-xs",
+      testId: `dashboards-widget-error-${widget.id}`,
+      variant: "destructive",
+      children: error
+    }, void 0, false);
+    $[34] = error;
+    $[35] = widget.id;
+    $[36] = t17;
+  } else {
+    t17 = $[36];
+  }
+  let t18;
+  if ($[37] !== error || $[38] !== loading || $[39] !== result || $[40] !== t || $[41] !== widget.id) {
+    t18 = error === void 0 && loading && result === void 0 && /* @__PURE__ */ jsxDEV("p", {
+      className: "p-4 text-sm text-muted-foreground",
+      "data-testid": `dashboards-widget-loading-${widget.id}`,
+      children: t("Running…")
+    }, void 0, false);
+    $[37] = error;
+    $[38] = loading;
+    $[39] = result;
+    $[40] = t;
+    $[41] = widget.id;
+    $[42] = t18;
+  } else {
+    t18 = $[42];
+  }
+  let t19;
+  if ($[43] !== error || $[44] !== result) {
+    t19 = error === void 0 && result !== void 0 && /* @__PURE__ */ jsxDEV(SqlResultChart, {
+      result
+    }, void 0, false);
+    $[43] = error;
+    $[44] = result;
+    $[45] = t19;
+  } else {
+    t19 = $[45];
+  }
+  let t20;
+  if ($[46] !== t17 || $[47] !== t18 || $[48] !== t19) {
+    t20 = /* @__PURE__ */ jsxDEV(CardContent, {
+      className: "min-h-32 py-2",
+      children: [t17, t18, t19]
+    }, void 0, true);
+    $[46] = t17;
+    $[47] = t18;
+    $[48] = t19;
+    $[49] = t20;
+  } else {
+    t20 = $[49];
+  }
+  let t21;
+  if ($[50] !== t16 || $[51] !== t20 || $[52] !== t3) {
+    t21 = /* @__PURE__ */ jsxDEV(Card, {
+      "data-testid": t3,
+      children: [t16, t20]
+    }, void 0, true);
+    $[50] = t16;
+    $[51] = t20;
+    $[52] = t3;
+    $[53] = t21;
+  } else {
+    t21 = $[53];
+  }
+  return t21;
+};
+const WidgetForm = (t0) => {
+  const $ = c(58);
+  const {
+    draft,
+    editing,
+    onCancel,
+    onChange,
+    onSubmit
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== draft || $[1] !== onChange) {
+    t1 = (event) => {
+      onChange({
+        ...draft,
+        title: event.target.value
+      });
+    };
+    $[0] = draft;
+    $[1] = onChange;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onTitleChange = t1;
+  let t2;
+  if ($[3] !== draft || $[4] !== onChange) {
+    t2 = (event_0) => {
+      onChange({
+        ...draft,
+        sql: event_0.target.value
+      });
+    };
+    $[3] = draft;
+    $[4] = onChange;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const onSqlChange = t2;
+  let t3;
+  if ($[6] !== draft || $[7] !== onChange) {
+    t3 = (event_1) => {
+      onChange({
+        ...draft,
+        shardKey: event_1.target.value
+      });
+    };
+    $[6] = draft;
+    $[7] = onChange;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const onShardChange = t3;
+  let t4;
+  if ($[9] !== onSubmit) {
+    t4 = () => {
+      onSubmit();
+    };
+    $[9] = onSubmit;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const onSubmitClick = t4;
+  let t5;
+  if ($[11] !== draft.sql || $[12] !== draft.title) {
+    t5 = draft.title.trim() !== "" && draft.sql.trim() !== "";
+    $[11] = draft.sql;
+    $[12] = draft.title;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  const canSave = t5;
+  let t6;
+  if ($[14] !== t) {
+    t6 = t("Widget title");
+    $[14] = t;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  let t7;
+  if ($[16] !== t) {
+    t7 = t("Widget title");
+    $[16] = t;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[18] !== draft.title || $[19] !== onTitleChange || $[20] !== t6 || $[21] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("input", {
+      "aria-label": t6,
+      className: "h-8 rounded-md border border-border bg-background px-2 text-xs outline-none focus-visible:border-ring",
+      "data-testid": "dashboards-form-title",
+      onChange: onTitleChange,
+      placeholder: t7,
+      type: "text",
+      value: draft.title
+    }, void 0, false);
+    $[18] = draft.title;
+    $[19] = onTitleChange;
+    $[20] = t6;
+    $[21] = t7;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  let t9;
+  if ($[23] !== t) {
+    t9 = t("SQL query");
+    $[23] = t;
+    $[24] = t9;
+  } else {
+    t9 = $[24];
+  }
+  let t10;
+  if ($[25] !== draft.sql || $[26] !== onSqlChange || $[27] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("textarea", {
+      "aria-label": t9,
+      className: "min-h-24 resize-y rounded-md border border-border bg-background p-2 font-mono text-xs leading-5 outline-none focus-visible:border-ring",
+      "data-testid": "dashboards-form-sql",
+      onChange: onSqlChange,
+      placeholder: "SELECT author, COUNT(*) AS messages FROM …",
+      spellCheck: false,
+      value: draft.sql
+    }, void 0, false);
+    $[25] = draft.sql;
+    $[26] = onSqlChange;
+    $[27] = t9;
+    $[28] = t10;
+  } else {
+    t10 = $[28];
+  }
+  let t11;
+  if ($[29] !== t) {
+    t11 = t("Shard key (optional)");
+    $[29] = t;
+    $[30] = t11;
+  } else {
+    t11 = $[30];
+  }
+  let t12;
+  if ($[31] !== t) {
+    t12 = t("Shard key (optional)");
+    $[31] = t;
+    $[32] = t12;
+  } else {
+    t12 = $[32];
+  }
+  let t13;
+  if ($[33] !== draft.shardKey || $[34] !== onShardChange || $[35] !== t11 || $[36] !== t12) {
+    t13 = /* @__PURE__ */ jsxDEV("input", {
+      "aria-label": t11,
+      className: "h-8 rounded-md border border-border bg-background px-2 font-mono text-xs outline-none focus-visible:border-ring",
+      "data-testid": "dashboards-form-shard",
+      onChange: onShardChange,
+      placeholder: t12,
+      type: "text",
+      value: draft.shardKey
+    }, void 0, false);
+    $[33] = draft.shardKey;
+    $[34] = onShardChange;
+    $[35] = t11;
+    $[36] = t12;
+    $[37] = t13;
+  } else {
+    t13 = $[37];
+  }
+  let t14;
+  if ($[38] !== t) {
+    t14 = t("Cancel");
+    $[38] = t;
+    $[39] = t14;
+  } else {
+    t14 = $[39];
+  }
+  let t15;
+  if ($[40] !== onCancel || $[41] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "dashboards-form-cancel",
+      onClick: onCancel,
+      size: "sm",
+      type: "button",
+      variant: "outline",
+      children: t14
+    }, void 0, false);
+    $[40] = onCancel;
+    $[41] = t14;
+    $[42] = t15;
+  } else {
+    t15 = $[42];
+  }
+  const t16 = !canSave;
+  let t17;
+  if ($[43] !== editing || $[44] !== t) {
+    t17 = editing ? t("Save widget") : t("Add widget");
+    $[43] = editing;
+    $[44] = t;
+    $[45] = t17;
+  } else {
+    t17 = $[45];
+  }
+  let t18;
+  if ($[46] !== onSubmitClick || $[47] !== t16 || $[48] !== t17) {
+    t18 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "dashboards-form-save",
+      disabled: t16,
+      onClick: onSubmitClick,
+      size: "sm",
+      type: "button",
+      children: t17
+    }, void 0, false);
+    $[46] = onSubmitClick;
+    $[47] = t16;
+    $[48] = t17;
+    $[49] = t18;
+  } else {
+    t18 = $[49];
+  }
+  let t19;
+  if ($[50] !== t15 || $[51] !== t18) {
+    t19 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center justify-end gap-2",
+      children: [t15, t18]
+    }, void 0, true);
+    $[50] = t15;
+    $[51] = t18;
+    $[52] = t19;
+  } else {
+    t19 = $[52];
+  }
+  let t20;
+  if ($[53] !== t10 || $[54] !== t13 || $[55] !== t19 || $[56] !== t8) {
+    t20 = /* @__PURE__ */ jsxDEV(Card, {
+      "data-testid": "dashboards-form",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "flex flex-col gap-3 py-4",
+        children: [t8, t10, t13, t19]
+      }, void 0, true)
+    }, void 0, false);
+    $[53] = t10;
+    $[54] = t13;
+    $[55] = t19;
+    $[56] = t8;
+    $[57] = t20;
+  } else {
+    t20 = $[57];
+  }
+  return t20;
+};
+const DashboardsPanel = (t0) => {
+  const $ = c(39);
+  const {
+    initialShardKey
+  } = t0;
+  const t = useT();
+  const [widgets, setWidgets] = usePersistedList(STORAGE_KEY);
+  const [draft, setDraft] = useState(EMPTY_DRAFT);
+  const [editingId, setEditingId] = useState(null);
+  const [formOpen, setFormOpen] = useState(false);
+  let t1;
+  if ($[0] !== initialShardKey) {
+    t1 = () => {
+      setEditingId(null);
+      setDraft({
+        ...EMPTY_DRAFT,
+        shardKey: initialShardKey ?? ""
+      });
+      setFormOpen(true);
+    };
+    $[0] = initialShardKey;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const openAdd = t1;
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      setFormOpen(false);
+      setEditingId(null);
+      setDraft(EMPTY_DRAFT);
+    };
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const closeForm = t2;
+  let t3;
+  if ($[3] !== widgets) {
+    t3 = (id) => {
+      const found = widgets.find((widget) => widget.id === id);
+      if (found !== void 0) {
+        setEditingId(id);
+        setDraft({
+          shardKey: found.shardKey ?? "",
+          sql: found.sql,
+          title: found.title
+        });
+        setFormOpen(true);
+      }
+    };
+    $[3] = widgets;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const onEdit = t3;
+  let t4;
+  if ($[5] !== setWidgets) {
+    t4 = (id_0) => {
+      setWidgets((current) => current.filter((widget_0) => widget_0.id !== id_0));
+    };
+    $[5] = setWidgets;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const onRemove = t4;
+  let t5;
+  if ($[7] !== draft.shardKey || $[8] !== draft.sql || $[9] !== draft.title || $[10] !== editingId || $[11] !== setWidgets) {
+    t5 = () => {
+      const title = draft.title.trim();
+      const sql = draft.sql.trim();
+      if (title === "" || sql === "") {
+        return;
+      }
+      const shardKey = draft.shardKey.trim();
+      if (editingId === null) {
+        setWidgets((current_0) => [...current_0, {
+          id: newId("w"),
+          shardKey,
+          sql,
+          title
+        }]);
+      } else {
+        setWidgets((current_1) => current_1.map((widget_1) => widget_1.id === editingId ? {
+          ...widget_1,
+          shardKey,
+          sql,
+          title
+        } : widget_1));
+      }
+      closeForm();
+    };
+    $[7] = draft.shardKey;
+    $[8] = draft.sql;
+    $[9] = draft.title;
+    $[10] = editingId;
+    $[11] = setWidgets;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  const onSubmit = t5;
+  let t6;
+  if ($[13] !== t) {
+    t6 = t("Chart widgets backed by saved read-only SQL queries.");
+    $[13] = t;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-muted-foreground",
+      children: t6
+    }, void 0, false);
+    $[15] = t6;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== formOpen || $[18] !== openAdd || $[19] !== t) {
+    t8 = !formOpen && /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "dashboards-add",
+      onClick: openAdd,
+      size: "sm",
+      type: "button",
+      children: t("Add widget")
+    }, void 0, false);
+    $[17] = formOpen;
+    $[18] = openAdd;
+    $[19] = t;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  let t9;
+  if ($[21] !== t7 || $[22] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center justify-between",
+      children: [t7, t8]
+    }, void 0, true);
+    $[21] = t7;
+    $[22] = t8;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  let t10;
+  if ($[24] !== draft || $[25] !== editingId || $[26] !== formOpen || $[27] !== onSubmit) {
+    t10 = formOpen && /* @__PURE__ */ jsxDEV(WidgetForm, {
+      draft,
+      editing: editingId !== null,
+      onCancel: closeForm,
+      onChange: setDraft,
+      onSubmit
+    }, void 0, false);
+    $[24] = draft;
+    $[25] = editingId;
+    $[26] = formOpen;
+    $[27] = onSubmit;
+    $[28] = t10;
+  } else {
+    t10 = $[28];
+  }
+  let t11;
+  if ($[29] !== formOpen || $[30] !== onEdit || $[31] !== onRemove || $[32] !== t || $[33] !== widgets) {
+    t11 = widgets.length === 0 && !formOpen ? /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("Add a widget to chart a saved SQL query on this browser."),
+      testId: "dashboards-empty",
+      title: t("No widgets yet")
+    }, void 0, false) : /* @__PURE__ */ jsxDEV("div", {
+      className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",
+      "data-testid": "dashboards-grid",
+      children: widgets.map((widget_2) => /* @__PURE__ */ jsxDEV(WidgetCard, {
+        onEdit,
+        onRemove,
+        widget: widget_2
+      }, widget_2.id, false))
+    }, void 0, false);
+    $[29] = formOpen;
+    $[30] = onEdit;
+    $[31] = onRemove;
+    $[32] = t;
+    $[33] = widgets;
+    $[34] = t11;
+  } else {
+    t11 = $[34];
+  }
+  let t12;
+  if ($[35] !== t10 || $[36] !== t11 || $[37] !== t9) {
+    t12 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "lunora-dashboards",
+      children: [t9, t10, t11]
+    }, void 0, true);
+    $[35] = t10;
+    $[36] = t11;
+    $[37] = t9;
+    $[38] = t12;
+  } else {
+    t12 = $[38];
+  }
+  return t12;
+};
+
+export { DashboardsPanel as default };