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

package/dist/packem_chunks/dashboards-panel.js

@@ -1,779 +0,0 @@
-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 };