@lunora/studio 1.0.0-alpha.59 → 1.0.0-alpha.60

package/dist/packem_chunks/dashboards-panel.js

@@ -1,781 +1 @@
-import { c } from 'react/compiler-runtime';
-import { useState, useCallback, useEffect } from 'react';
-import { S as SqlResultChart } from '../packem_shared/result-chart-Bf9mbCIo.js';
-import { A as Alert } from '../packem_shared/alert-CdAET2K_.js';
-import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
-import { b as CardTitle, c as CardHeader, a as CardContent, C as Card } from '../packem_shared/card-F2vH_aj2.js';
-import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
-import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { u as usePersistedList, n as newId } from '../packem_shared/browser-storage-L4gOP5gJ.js';
-import { useLunora } from '@lunora/react';
-import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-P2UzJscH.js';
-import { c as callOptions, e as errorMessage, f as fireAndForget, a as adminRef } from '../packem_shared/internal-DzHCc2Rq.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 };
+import{c as O}from"react/compiler-runtime";import{useState as j,useCallback as V,useEffect as B}from"react";import{j as D}from"../packem_shared/result-chart-CwKhhKM0.js";import{A as U}from"../packem_shared/alert-CVcOFuDR.js";import{u as z}from"../packem_shared/button-BkCrNcAs.js";import{c as F,u as Q,f as Z,n as H}from"../packem_shared/card-CIDGUN6K.js";import{E as J}from"../packem_shared/empty-state-Cg7t_8qu.js";import{useT as T}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{u as P,n as X}from"../packem_shared/browser-storage-xjTyMKY0.js";import{useLunora as G}from"@lunora/react";import{ADMIN_FUNCTIONS as Y}from"../packem_shared/ADMIN_FUNCTIONS-BYNSbBVE.js";import{c as ee,e as te,f as le,a as de}from"../packem_shared/internal-AtZ4bTal.js";import{jsx as c,jsxs as _}from"react/jsx-runtime";const re=de(Y.runSql),ie=(M,e)=>{const l=G(),[m,t]=j(void 0),[d,i]=j(void 0),[r,n]=j(!0),C=V(async s=>{n(!0);try{const w=await l.query(re,{sql:M},ee(e));s.cancelled||(t(w),i(void 0))}catch(w){s.cancelled||(t(void 0),i(te(w)))}finally{s.cancelled||n(!1)}},[l,M,e]);return B(()=>{const s={cancelled:!1};return le(C(s)),()=>{s.cancelled=!0}},[C]),{error:d,loading:r,result:m}},se="lunora-studio-dashboards",I={shardKey:"",sql:"",title:""},ae=M=>{const e=O(54),{onEdit:l,onRemove:m,widget:t}=M,d=T(),{error:i,loading:r,result:n}=ie(t.sql,t.shardKey??"");let C;e[0]!==l||e[1]!==t.id?(C=()=>{l(t.id)},e[0]=l,e[1]=t.id,e[2]=C):C=e[2];const s=C;let w;e[3]!==m||e[4]!==t.id?(w=()=>{m(t.id)},e[3]=m,e[4]=t.id,e[5]=w):w=e[5];const $=w,R=`dashboards-widget-${t.id}`;let q;e[6]!==t.title?(q=c(Z,{className:"min-w-0 truncate",title:t.title,children:t.title}),e[6]=t.title,e[7]=q):q=e[7];let K;e[8]!==d?(K=d("Edit widget"),e[8]=d,e[9]=K):K=e[9];const L=`dashboards-widget-edit-${t.id}`;let E;e[10]!==d?(E=d("Edit widget"),e[10]=d,e[11]=E):E=e[11];let k;e[12]===Symbol.for("react.memo_cache_sentinel")?(k=c("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:c("path",{d:"M4 20h4L18 10l-4-4L4 16v4ZM14 6l4 4"})}),e[12]=k):k=e[12];let x;e[13]!==s||e[14]!==K||e[15]!==L||e[16]!==E?(x=c(z,{"aria-label":K,"data-testid":L,onClick:s,size:"icon-xs",title:E,type:"button",variant:"ghost",children:k}),e[13]=s,e[14]=K,e[15]=L,e[16]=E,e[17]=x):x=e[17];let p;e[18]!==d?(p=d("Remove widget"),e[18]=d,e[19]=p):p=e[19];const S=`dashboards-widget-remove-${t.id}`;let h;e[20]!==d?(h=d("Remove widget"),e[20]=d,e[21]=h):h=e[21];let v;e[22]===Symbol.for("react.memo_cache_sentinel")?(v=c("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:c("path",{d:"M5 7h14M9 7V5h6v2m-1 0v12H10V7M7 7v13h10V7"})}),e[22]=v):v=e[22];let u;e[23]!==$||e[24]!==p||e[25]!==S||e[26]!==h?(u=c(z,{"aria-label":p,"data-testid":S,onClick:$,size:"icon-xs",title:h,type:"button",variant:"ghost",children:v}),e[23]=$,e[24]=p,e[25]=S,e[26]=h,e[27]=u):u=e[27];let f;e[28]!==u||e[29]!==x?(f=_("div",{className:"flex shrink-0 items-center gap-1",children:[x,u]}),e[28]=u,e[29]=x,e[30]=f):f=e[30];let g;e[31]!==f||e[32]!==q?(g=_(H,{className:"flex flex-row items-start justify-between gap-2 border-b pb-3",children:[q,f]}),e[31]=f,e[32]=q,e[33]=g):g=e[33];let b;e[34]!==i||e[35]!==t.id?(b=i!==void 0&&c(U,{className:"font-mono text-xs",testId:`dashboards-widget-error-${t.id}`,variant:"destructive",children:i}),e[34]=i,e[35]=t.id,e[36]=b):b=e[36];let N;e[37]!==i||e[38]!==r||e[39]!==n||e[40]!==d||e[41]!==t.id?(N=i===void 0&&r&&n===void 0&&c("p",{className:"p-4 text-sm text-muted-foreground","data-testid":`dashboards-widget-loading-${t.id}`,children:d("Running…")}),e[37]=i,e[38]=r,e[39]=n,e[40]=d,e[41]=t.id,e[42]=N):N=e[42];let a;e[43]!==i||e[44]!==n?(a=i===void 0&&n!==void 0&&c(D,{result:n}),e[43]=i,e[44]=n,e[45]=a):a=e[45];let o;e[46]!==b||e[47]!==N||e[48]!==a?(o=_(Q,{className:"min-h-32 py-2",children:[b,N,a]}),e[46]=b,e[47]=N,e[48]=a,e[49]=o):o=e[49];let y;return e[50]!==g||e[51]!==o||e[52]!==R?(y=_(F,{"data-testid":R,children:[g,o]}),e[50]=g,e[51]=o,e[52]=R,e[53]=y):y=e[53],y},oe=M=>{const e=O(58),{draft:l,editing:m,onCancel:t,onChange:d,onSubmit:i}=M,r=T();let n;e[0]!==l||e[1]!==d?(n=A=>{d({...l,title:A.target.value})},e[0]=l,e[1]=d,e[2]=n):n=e[2];const C=n;let s;e[3]!==l||e[4]!==d?(s=A=>{d({...l,sql:A.target.value})},e[3]=l,e[4]=d,e[5]=s):s=e[5];const w=s;let $;e[6]!==l||e[7]!==d?($=A=>{d({...l,shardKey:A.target.value})},e[6]=l,e[7]=d,e[8]=$):$=e[8];const R=$;let q;e[9]!==i?(q=()=>{i()},e[9]=i,e[10]=q):q=e[10];const K=q;let L;e[11]!==l.sql||e[12]!==l.title?(L=l.title.trim()!==""&&l.sql.trim()!=="",e[11]=l.sql,e[12]=l.title,e[13]=L):L=e[13];const E=L;let k;e[14]!==r?(k=r("Widget title"),e[14]=r,e[15]=k):k=e[15];let x;e[16]!==r?(x=r("Widget title"),e[16]=r,e[17]=x):x=e[17];let p;e[18]!==l.title||e[19]!==C||e[20]!==k||e[21]!==x?(p=c("input",{"aria-label":k,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:C,placeholder:x,type:"text",value:l.title}),e[18]=l.title,e[19]=C,e[20]=k,e[21]=x,e[22]=p):p=e[22];let S;e[23]!==r?(S=r("SQL query"),e[23]=r,e[24]=S):S=e[24];let h;e[25]!==l.sql||e[26]!==w||e[27]!==S?(h=c("textarea",{"aria-label":S,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:w,placeholder:"SELECT author, COUNT(*) AS messages FROM …",spellCheck:!1,value:l.sql}),e[25]=l.sql,e[26]=w,e[27]=S,e[28]=h):h=e[28];let v;e[29]!==r?(v=r("Shard key (optional)"),e[29]=r,e[30]=v):v=e[30];let u;e[31]!==r?(u=r("Shard key (optional)"),e[31]=r,e[32]=u):u=e[32];let f;e[33]!==l.shardKey||e[34]!==R||e[35]!==v||e[36]!==u?(f=c("input",{"aria-label":v,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:R,placeholder:u,type:"text",value:l.shardKey}),e[33]=l.shardKey,e[34]=R,e[35]=v,e[36]=u,e[37]=f):f=e[37];let g;e[38]!==r?(g=r("Cancel"),e[38]=r,e[39]=g):g=e[39];let b;e[40]!==t||e[41]!==g?(b=c(z,{"data-testid":"dashboards-form-cancel",onClick:t,size:"sm",type:"button",variant:"outline",children:g}),e[40]=t,e[41]=g,e[42]=b):b=e[42];const N=!E;let a;e[43]!==m||e[44]!==r?(a=r(m?"Save widget":"Add widget"),e[43]=m,e[44]=r,e[45]=a):a=e[45];let o;e[46]!==K||e[47]!==N||e[48]!==a?(o=c(z,{"data-testid":"dashboards-form-save",disabled:N,onClick:K,size:"sm",type:"button",children:a}),e[46]=K,e[47]=N,e[48]=a,e[49]=o):o=e[49];let y;e[50]!==b||e[51]!==o?(y=_("div",{className:"flex items-center justify-end gap-2",children:[b,o]}),e[50]=b,e[51]=o,e[52]=y):y=e[52];let W;return e[53]!==h||e[54]!==f||e[55]!==y||e[56]!==p?(W=c(F,{"data-testid":"dashboards-form",children:_(Q,{className:"flex flex-col gap-3 py-4",children:[p,h,f,y]})}),e[53]=h,e[54]=f,e[55]=y,e[56]=p,e[57]=W):W=e[57],W},qe=M=>{const e=O(39),{initialShardKey:l}=M,m=T(),[t,d]=P(se),[i,r]=j(I),[n,C]=j(null),[s,w]=j(!1);let $;e[0]!==l?($=()=>{C(null),r({...I,shardKey:l??""}),w(!0)},e[0]=l,e[1]=$):$=e[1];const R=$;let q;e[2]===Symbol.for("react.memo_cache_sentinel")?(q=()=>{w(!1),C(null),r(I)},e[2]=q):q=e[2];const K=q;let L;e[3]!==t?(L=a=>{const o=t.find(y=>y.id===a);o!==void 0&&(C(a),r({shardKey:o.shardKey??"",sql:o.sql,title:o.title}),w(!0))},e[3]=t,e[4]=L):L=e[4];const E=L;let k;e[5]!==d?(k=a=>{d(o=>o.filter(y=>y.id!==a))},e[5]=d,e[6]=k):k=e[6];const x=k;let p;e[7]!==i.shardKey||e[8]!==i.sql||e[9]!==i.title||e[10]!==n||e[11]!==d?(p=()=>{const a=i.title.trim(),o=i.sql.trim();if(a===""||o==="")return;const y=i.shardKey.trim();d(n===null?W=>[...W,{id:X("w"),shardKey:y,sql:o,title:a}]:W=>W.map(A=>A.id===n?{...A,shardKey:y,sql:o,title:a}:A)),K()},e[7]=i.shardKey,e[8]=i.sql,e[9]=i.title,e[10]=n,e[11]=d,e[12]=p):p=e[12];const S=p;let h;e[13]!==m?(h=m("Chart widgets backed by saved read-only SQL queries."),e[13]=m,e[14]=h):h=e[14];let v;e[15]!==h?(v=c("p",{className:"text-sm text-muted-foreground",children:h}),e[15]=h,e[16]=v):v=e[16];let u;e[17]!==s||e[18]!==R||e[19]!==m?(u=!s&&c(z,{"data-testid":"dashboards-add",onClick:R,size:"sm",type:"button",children:m("Add widget")}),e[17]=s,e[18]=R,e[19]=m,e[20]=u):u=e[20];let f;e[21]!==v||e[22]!==u?(f=_("div",{className:"flex items-center justify-between",children:[v,u]}),e[21]=v,e[22]=u,e[23]=f):f=e[23];let g;e[24]!==i||e[25]!==n||e[26]!==s||e[27]!==S?(g=s&&c(oe,{draft:i,editing:n!==null,onCancel:K,onChange:r,onSubmit:S}),e[24]=i,e[25]=n,e[26]=s,e[27]=S,e[28]=g):g=e[28];let b;e[29]!==s||e[30]!==E||e[31]!==x||e[32]!==m||e[33]!==t?(b=t.length===0&&!s?c(J,{description:m("Add a widget to chart a saved SQL query on this browser."),testId:"dashboards-empty",title:m("No widgets yet")}):c("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3","data-testid":"dashboards-grid",children:t.map(a=>c(ae,{onEdit:E,onRemove:x,widget:a},a.id))}),e[29]=s,e[30]=E,e[31]=x,e[32]=m,e[33]=t,e[34]=b):b=e[34];let N;return e[35]!==g||e[36]!==b||e[37]!==f?(N=_("div",{className:"flex flex-col gap-4","data-testid":"lunora-dashboards",children:[f,g,b]}),e[35]=g,e[36]=b,e[37]=f,e[38]=N):N=e[38],N};export{qe as default};