@omniviewdev/ui 0.1.9 → 0.1.11

package/dist/Select-D61fKI8Y.js

@@ -0,0 +1,276 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { useState as w, useMemo as K } from "react";
+import R from "@mui/material/Select";
+import M from "@mui/material/MenuItem";
+import U from "@mui/material/FormControl";
+import V from "@mui/material/InputLabel";
+import G from "@mui/material/FormHelperText";
+import _ from "@mui/material/ListItemIcon";
+import q from "@mui/material/ListItemText";
+import J from "@mui/material/CircularProgress";
+import Q from "@mui/material/OutlinedInput";
+import X from "@mui/material/InputBase";
+import Y from "@mui/material/Chip";
+import m from "@mui/material/Box";
+import Z from "@mui/icons-material/Search";
+import $ from "@mui/icons-material/Clear";
+import { INPUT_HEIGHTS as oo, toMuiInputSize as eo, toMuiColor as to } from "./types.js";
+function ro({
+  options: g,
+  value: h,
+  onChange: f,
+  size: v = "md",
+  color: E = "neutral",
+  label: u,
+  helperText: P,
+  placeholder: n,
+  searchable: c = !1,
+  multiple: x = !1,
+  loading: C = !1,
+  error: d,
+  fullWidth: H,
+  disabled: T,
+  clearable: L = !1,
+  sx: A
+}) {
+  const [I, k] = w(""), [O, D] = w(!1), [a, l] = w(-1), F = eo(v), y = to(E), W = typeof d == "string" ? !!d : d, z = typeof d == "string" ? d : void 0, S = () => {
+    D(!1), l(-1), c && k("");
+  }, i = K(() => {
+    if (!c || !I) return g;
+    const o = I.toLowerCase();
+    return g.filter((e) => e.label.toLowerCase().includes(o));
+  }, [g, I, c]), N = (o) => {
+    f(o.target.value);
+  }, j = (o) => {
+    if (o.key === "Escape") {
+      S();
+      return;
+    }
+    if (o.key === "ArrowDown") {
+      if (o.preventDefault(), o.stopPropagation(), i.length === 0) return;
+      const e = a + 1;
+      l(e >= i.length ? 0 : e);
+      return;
+    }
+    if (o.key === "ArrowUp") {
+      o.preventDefault(), o.stopPropagation();
+      const e = a - 1;
+      l(e < 0 ? i.length - 1 : e);
+      return;
+    }
+    if (o.key === "Enter" && a >= 0 && a < i.length) {
+      o.preventDefault(), o.stopPropagation();
+      const e = i[a];
+      if (!e.disabled)
+        if (x) {
+          const r = Array.isArray(h) ? h : [], b = r.includes(e.value) ? r.filter((s) => s !== e.value) : [...r, e.value];
+          f(b);
+        } else
+          f(e.value), S();
+      return;
+    }
+    o.stopPropagation();
+  };
+  return /* @__PURE__ */ p(
+    U,
+    {
+      size: F,
+      fullWidth: H,
+      error: W,
+      disabled: T,
+      style: { "--ov-input-height": oo[v] },
+      sx: A,
+      children: [
+        u && /* @__PURE__ */ t(
+          V,
+          {
+            color: y === "default" || y === "inherit" ? void 0 : y,
+            shrink: !!n || void 0,
+            children: u
+          }
+        ),
+        /* @__PURE__ */ p(
+          R,
+          {
+            value: h,
+            onChange: N,
+            multiple: x,
+            displayEmpty: !!n,
+            label: u,
+            notched: u && !!n || void 0,
+            input: x ? /* @__PURE__ */ t(Q, { label: u }) : void 0,
+            open: O,
+            onOpen: () => {
+              D(!0), l(-1);
+            },
+            onClose: S,
+            renderValue: x ? (o) => {
+              const e = o;
+              return e.length === 0 && n ? /* @__PURE__ */ t(m, { sx: { color: "var(--ov-fg-faint)" }, children: n }) : /* @__PURE__ */ p(
+                m,
+                {
+                  sx: {
+                    display: "flex",
+                    flexWrap: "nowrap",
+                    gap: 0.5,
+                    overflow: "hidden",
+                    alignItems: "center"
+                  },
+                  children: [
+                    e.map((r) => {
+                      const b = g.find((s) => s.value === r);
+                      return /* @__PURE__ */ t(
+                        Y,
+                        {
+                          label: b?.label ?? r,
+                          size: "small",
+                          ...L ? {
+                            onDelete: (s) => {
+                              s.stopPropagation(), f(e.filter((B) => B !== r));
+                            },
+                            onMouseDown: (s) => {
+                              s.stopPropagation();
+                            }
+                          } : {}
+                        },
+                        r
+                      );
+                    }),
+                    L && e.length > 1 && /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": "Clear all",
+                        onClick: (r) => {
+                          r.stopPropagation(), f([]);
+                        },
+                        style: {
+                          display: "inline-flex",
+                          alignItems: "center",
+                          flexShrink: 0,
+                          marginLeft: 2,
+                          cursor: "pointer",
+                          color: "var(--ov-fg-faint)",
+                          lineHeight: 0,
+                          background: "none",
+                          border: "none",
+                          padding: 0
+                        },
+                        children: /* @__PURE__ */ t($, { sx: { fontSize: 16 } })
+                      }
+                    )
+                  ]
+                }
+              );
+            } : n && !h ? () => /* @__PURE__ */ t(m, { sx: { color: "var(--ov-fg-faint)" }, children: n }) : void 0,
+            MenuProps: {
+              PaperProps: {
+                sx: {
+                  maxHeight: 300,
+                  ...v === "xs" || v === "sm" ? {
+                    "& .MuiMenuItem-root": {
+                      fontSize: "0.8rem",
+                      minHeight: 28,
+                      padding: "3px 8px"
+                    },
+                    "& .MuiListItemText-root": {
+                      margin: 0
+                    },
+                    "& .MuiListItemText-primary": {
+                      fontSize: "0.8rem"
+                    },
+                    "& .MuiListItemIcon-root": {
+                      minWidth: 22
+                    }
+                  } : {}
+                }
+              }
+            },
+            children: [
+              c && /* @__PURE__ */ t(
+                m,
+                {
+                  sx: { px: 1, pb: 0.5, pt: 0.5 },
+                  onClickCapture: (o) => o.stopPropagation(),
+                  onMouseDown: (o) => o.stopPropagation(),
+                  children: /* @__PURE__ */ p(
+                    m,
+                    {
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        height: 28,
+                        border: "1px solid var(--ov-border-default)",
+                        borderRadius: "4px",
+                        bgcolor: "var(--ov-bg-base)",
+                        px: 0.75,
+                        "&:focus-within": { borderColor: "var(--ov-accent)" }
+                      },
+                      children: [
+                        /* @__PURE__ */ t(
+                          Z,
+                          {
+                            sx: { fontSize: 14, color: "var(--ov-fg-faint)", mr: 0.5 }
+                          }
+                        ),
+                        /* @__PURE__ */ t(
+                          X,
+                          {
+                            autoFocus: !0,
+                            fullWidth: !0,
+                            placeholder: "Search...",
+                            value: I,
+                            onChange: (o) => {
+                              k(o.target.value), l(-1);
+                            },
+                            onKeyDown: j,
+                            sx: {
+                              flex: 1,
+                              fontSize: "0.75rem",
+                              color: "var(--ov-fg-default)",
+                              "& input": { py: 0, px: 0 },
+                              "& input::placeholder": {
+                                color: "var(--ov-fg-faint)",
+                                opacity: 1
+                              }
+                            }
+                          }
+                        )
+                      ]
+                    }
+                  )
+                }
+              ),
+              C && /* @__PURE__ */ p(M, { disabled: !0, children: [
+                /* @__PURE__ */ t(J, { size: 16, sx: { mr: 1 } }),
+                " Loading..."
+              ] }),
+              i.map((o, e) => /* @__PURE__ */ p(
+                M,
+                {
+                  value: o.value,
+                  disabled: o.disabled,
+                  ...c ? {
+                    onMouseEnter: () => l(e),
+                    sx: e === a ? { bgcolor: "action.focus" } : void 0
+                  } : {},
+                  children: [
+                    o.icon && /* @__PURE__ */ t(_, { sx: { minWidth: 28 }, children: o.icon }),
+                    /* @__PURE__ */ t(q, { children: o.label })
+                  ]
+                },
+                o.value
+              )),
+              i.length === 0 && !C && /* @__PURE__ */ t(M, { disabled: !0, children: "No options" })
+            ]
+          }
+        ),
+        (z || P) && /* @__PURE__ */ t(G, { children: z ?? P })
+      ]
+    }
+  );
+}
+ro.displayName = "Select";
+export {
+  ro as S
+};

package/dist/{Tooltip-BEVuYuZ3.js → Tooltip-CZMOcjX7.js}

@@ -1,20 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import x from "@mui/material/Tooltip";
-import n from "@mui/material/Box";
+import i from "@mui/material/Box";
 function a({
-  title: e,
-  content: l,
+  title: l,
+  content: n,
   variant: o = "default",
   placement: p = "top",
   delay: r,
   children: s
 }) {
-  const i = e ?? l ?? "";
-  return /* @__PURE__ */ t(
+  const t = l ?? n ?? "";
+  return /* @__PURE__ */ e(
     x,
     {
-      title: o === "code" ? /* @__PURE__ */ t(
-        n,
+      title: o === "code" ? /* @__PURE__ */ e(
+        i,
         {
           sx: {
             fontFamily: "var(--ov-font-mono)",
@@ -24,9 +24,9 @@ function a({
             py: 0.5,
             borderRadius: "3px"
           },
-          children: i
+          children: t
         }
-      ) : o === "rich" ? /* @__PURE__ */ t(n, { sx: { p: 1, maxWidth: 320 }, children: i }) : e,
+      ) : o === "rich" ? /* @__PURE__ */ e(i, { sx: { p: 1, maxWidth: 320 }, children: t }) : t,
       placement: p,
       enterDelay: r,
       enterNextDelay: r,

package/dist/Tooltip-oUFp4gNV.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),p=require("@mui/material/Tooltip"),i=require("@mui/material/Box");function s({title:n,content:l,variant:o="default",placement:c="top",delay:r,children:x}){const t=n??l??"",u=o==="code"?e.jsx(i,{sx:{fontFamily:"var(--ov-font-mono)",fontSize:"var(--ov-text-xs)",bgcolor:"var(--ov-bg-surface-inset)",px:1,py:.5,borderRadius:"3px"},children:t}):o==="rich"?e.jsx(i,{sx:{p:1,maxWidth:320},children:t}):t;return e.jsx(p,{title:u,placement:c,enterDelay:r,enterNextDelay:r,arrow:o==="default",children:x})}s.displayName="Tooltip";exports.Tooltip=s;

package/dist/buttons/IconButton.d.ts

@@ -14,8 +14,5 @@ export interface IconButtonProps {
     title?: string;
     sx?: SxProps<Theme>;
 }
-declare function IconButton({ children, color, emphasis, size, shape, loading, disabled, onClick, title, sx, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
-declare namespace IconButton {
-    var displayName: string;
-}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/dist/buttons.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./Button-Dmu1cikC.cjs"),B=require("./CopyButton-CACe3RCF.cjs"),o=require("react/jsx-runtime"),g=require("react"),O=require("@mui/material/Popover"),m=require("@mui/material/Box"),z=require("@mui/material/Typography"),w=require("@mui/material/Menu"),N=require("@mui/material/MenuItem"),E=require("@mui/material/ListItemIcon"),$=require("@mui/material/ListItemText"),D=require("@mui/material/Divider"),K=require("@mui/icons-material/MoreVert"),W=require("@mui/material/ButtonGroup"),d=require("./types.cjs"),v=require("@mui/material/IconButton"),C=require("@mui/material/Tooltip"),F=require("@mui/material/ToggleButton"),U=require("@mui/material/ToggleButtonGroup"),V=require("@mui/material/InputBase"),P=require("@mui/icons-material/Search"),b=require("react-icons/lu");function q({onConfirm:n,confirmMessage:e="Are you sure?",children:c,...t}){const[s,i]=g.useState(!1),a=g.useRef(null);return o.jsxs(o.Fragment,{children:[o.jsx(m,{component:"span",ref:a,sx:{display:"inline-flex"},children:o.jsx(y.Button,{...t,onClick:()=>i(!0),children:c})}),o.jsxs(O,{open:s,anchorEl:a.current,onClose:()=>i(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},slotProps:{paper:{sx:{p:2,mt:.5,minWidth:200,bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)"}}},children:[o.jsx(z,{variant:"body2",sx:{color:"var(--ov-fg-default)",mb:1.5},children:e}),o.jsxs(m,{sx:{display:"flex",gap:1,justifyContent:"flex-end"},children:[o.jsx(y.Button,{size:"xs",emphasis:"ghost",color:"neutral",onClick:()=>i(!1),children:"Cancel"}),o.jsx(y.Button,{size:"xs",emphasis:"solid",color:"danger",onClick:()=>{i(!1),n()},children:"Confirm"})]})]})]})}q.displayName="ConfirmButton";function S({items:n,trigger:e,size:c="sm"}){const[t,s]=g.useState(!1),i=g.useRef(null),a=()=>s(!1);return o.jsxs(o.Fragment,{children:[o.jsx("span",{ref:i,children:e?o.jsx("span",{onClick:()=>s(!0),style:{cursor:"pointer"},children:e}):o.jsx(B.IconButton,{size:c,color:"neutral",onClick:()=>s(!0),"aria-label":"Actions",children:o.jsx(K,{fontSize:"inherit"})})}),o.jsx(w,{open:t,anchorEl:i.current,onClose:a,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{minWidth:160,bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)"}}},children:n.map(r=>[o.jsxs(N,{disabled:r.disabled,onClick:()=>{a(),r.onClick()},sx:{fontSize:"var(--ov-text-sm)",color:r.color==="danger"||r.color==="error"?"var(--ov-danger-default)":"var(--ov-fg-default)"},children:[r.icon&&o.jsx(E,{sx:{color:"inherit",minWidth:28},children:r.icon}),o.jsx($,{children:r.label})]},r.key),r.dividerAfter&&o.jsx(D,{},`${r.key}-divider`)])})]})}S.displayName="ActionMenu";function k({children:n,emphasis:e="outline",size:c="sm",color:t="neutral",fullWidth:s,orientation:i="horizontal",disabled:a,sx:r}){const p=d.toMuiColor(t),u=d.toMuiVariant(e),l=d.toMuiSize(c);return o.jsx(W,{color:p,variant:u,size:l,fullWidth:s,orientation:i,disabled:a,sx:r,children:n})}k.displayName="ButtonGroup";const _={default:36,dense:28};function M({children:n,variant:e="default",dividers:c=!1,sx:t}){const s=_[e];return o.jsx(m,{sx:{display:"flex",alignItems:"center",height:s,gap:c?0:.5,px:.5,bgcolor:"var(--ov-bg-surface)",...c&&{"& > *:not(:last-child)::after":{content:'""',display:"block",width:"1px",height:"60%",bgcolor:"var(--ov-border-muted)",ml:.5,mr:.5,flexShrink:0}},...typeof t=="object"&&!Array.isArray(t)?t:{}},children:n})}M.displayName="Toolbar";function T({children:n,sx:e}){return o.jsx(m,{sx:{display:"flex",alignItems:"center",gap:"2px",...typeof e=="object"&&!Array.isArray(e)?e:{}},children:n})}T.displayName="ToolbarGroup";function A({selected:n,onChange:e,icon:c,label:t,size:s="sm",color:i="primary",disabled:a,sx:r}){const p=d.toMuiSize(s),u=d.toCssColor(i),l=o.jsx(v,{size:p,disabled:a,onClick:()=>e(!n),sx:{borderRadius:"4px",color:n?u:"var(--ov-fg-muted)",bgcolor:n?"var(--ov-state-hover)":"transparent","&:hover":{bgcolor:"var(--ov-state-hover)"},...typeof r=="object"&&!Array.isArray(r)?r:{}},children:c});return t?o.jsx(C,{title:t,children:l}):l}A.displayName="ToggleButton";function I({value:n,onChange:e,options:c,exclusive:t=!0,size:s="sm",color:i="primary",sx:a}){const r=d.toMuiSize(s),p=d.toCssColor(i),u=(l,x)=>{x!==null&&e(x)};return o.jsx(U,{value:n,exclusive:t,onChange:u,size:r,sx:{"& .Mui-selected":{color:`${p} !important`,bgcolor:"var(--ov-state-hover) !important"},...typeof a=="object"&&!Array.isArray(a)?a:{}},children:c.map(l=>o.jsxs(F,{value:l.key,disabled:l.disabled,sx:{fontSize:"var(--ov-text-sm)",textTransform:"none",px:1.5,gap:.5},children:[l.icon,l.label]},l.key))})}I.displayName="ToggleGroup";const H={xs:24,sm:28,md:32,lg:36,xl:40};function G({value:n,onChange:e,placeholder:c="Search...",regex:t,caseSensitive:s,onRegexChange:i,onCaseSensitiveChange:a,matchCount:r,currentMatch:p,onNext:u,onPrev:l,size:x="sm",sx:j}){const R=H[x],h=x==="xs"?12:14,L=g.useCallback(f=>{f.key==="Enter"&&(f.shiftKey?l?.():u?.()),f.key==="Escape"&&f.target.blur()},[u,l]);return o.jsxs(m,{sx:{display:"flex",alignItems:"center",height:R,border:"1px solid var(--ov-border-default)",borderRadius:"4px",bgcolor:"var(--ov-bg-surface)",px:.5,gap:"2px","&:focus-within":{borderColor:"var(--ov-accent)"},...typeof j=="object"&&!Array.isArray(j)?j:{}},children:[o.jsx(P,{sx:{fontSize:h+2,color:"var(--ov-fg-muted)",ml:.25}}),o.jsx(V,{value:n,onChange:f=>e(f.target.value),onKeyDown:L,placeholder:c,sx:{flex:1,fontSize:x==="xs"?"var(--ov-text-xs)":"var(--ov-text-sm)",color:"var(--ov-fg-default)","& input":{py:0,px:.5},"& input::placeholder":{color:"var(--ov-fg-faint)",opacity:1}}}),a&&o.jsx(C,{title:"Match Case",children:o.jsx(v,{size:"small",onClick:()=>a(!s),sx:{borderRadius:"3px",p:"2px",color:s?"var(--ov-accent-fg)":"var(--ov-fg-faint)",bgcolor:s?"var(--ov-accent-subtle)":"transparent"},children:o.jsx(b.LuCaseSensitive,{size:h})})}),i&&o.jsx(C,{title:"Use Regular Expression",children:o.jsx(v,{size:"small",onClick:()=>i(!t),sx:{borderRadius:"3px",p:"2px",color:t?"var(--ov-accent-fg)":"var(--ov-fg-faint)",bgcolor:t?"var(--ov-accent-subtle)":"transparent"},children:o.jsx(b.LuRegex,{size:h})})}),r!==void 0&&o.jsx(z,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-muted)",whiteSpace:"nowrap",px:.5},children:r===0?"No results":`${(p??0)+1}/${r}`}),l&&o.jsx(v,{size:"small",onClick:l,sx:{p:"2px"},children:o.jsx(b.LuChevronUp,{size:h})}),u&&o.jsx(v,{size:"small",onClick:u,sx:{p:"2px"},children:o.jsx(b.LuChevronDown,{size:h})})]})}G.displayName="SearchBar";exports.Button=y.Button;exports.CopyButton=B.CopyButton;exports.IconButton=B.IconButton;exports.ActionMenu=S;exports.ButtonGroup=k;exports.ConfirmButton=q;exports.SearchBar=G;exports.ToggleButton=A;exports.ToggleGroup=I;exports.Toolbar=M;exports.ToolbarGroup=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./Button-Dmu1cikC.cjs"),B=require("./CopyButton-3fq1UAiv.cjs"),o=require("react/jsx-runtime"),g=require("react"),O=require("@mui/material/Popover"),m=require("@mui/material/Box"),z=require("@mui/material/Typography"),w=require("@mui/material/Menu"),N=require("@mui/material/MenuItem"),E=require("@mui/material/ListItemIcon"),$=require("@mui/material/ListItemText"),D=require("@mui/material/Divider"),K=require("@mui/icons-material/MoreVert"),W=require("@mui/material/ButtonGroup"),d=require("./types.cjs"),v=require("@mui/material/IconButton"),C=require("@mui/material/Tooltip"),F=require("@mui/material/ToggleButton"),U=require("@mui/material/ToggleButtonGroup"),V=require("@mui/material/InputBase"),P=require("@mui/icons-material/Search"),b=require("react-icons/lu");function q({onConfirm:n,confirmMessage:e="Are you sure?",children:c,...t}){const[s,i]=g.useState(!1),a=g.useRef(null);return o.jsxs(o.Fragment,{children:[o.jsx(m,{component:"span",ref:a,sx:{display:"inline-flex"},children:o.jsx(y.Button,{...t,onClick:()=>i(!0),children:c})}),o.jsxs(O,{open:s,anchorEl:a.current,onClose:()=>i(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},slotProps:{paper:{sx:{p:2,mt:.5,minWidth:200,bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)"}}},children:[o.jsx(z,{variant:"body2",sx:{color:"var(--ov-fg-default)",mb:1.5},children:e}),o.jsxs(m,{sx:{display:"flex",gap:1,justifyContent:"flex-end"},children:[o.jsx(y.Button,{size:"xs",emphasis:"ghost",color:"neutral",onClick:()=>i(!1),children:"Cancel"}),o.jsx(y.Button,{size:"xs",emphasis:"solid",color:"danger",onClick:()=>{i(!1),n()},children:"Confirm"})]})]})]})}q.displayName="ConfirmButton";function S({items:n,trigger:e,size:c="sm"}){const[t,s]=g.useState(!1),i=g.useRef(null),a=()=>s(!1);return o.jsxs(o.Fragment,{children:[o.jsx("span",{ref:i,children:e?o.jsx("span",{onClick:()=>s(!0),style:{cursor:"pointer"},children:e}):o.jsx(B.IconButton,{size:c,color:"neutral",onClick:()=>s(!0),"aria-label":"Actions",children:o.jsx(K,{fontSize:"inherit"})})}),o.jsx(w,{open:t,anchorEl:i.current,onClose:a,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{minWidth:160,bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)"}}},children:n.map(r=>[o.jsxs(N,{disabled:r.disabled,onClick:()=>{a(),r.onClick()},sx:{fontSize:"var(--ov-text-sm)",color:r.color==="danger"||r.color==="error"?"var(--ov-danger-default)":"var(--ov-fg-default)"},children:[r.icon&&o.jsx(E,{sx:{color:"inherit",minWidth:28},children:r.icon}),o.jsx($,{children:r.label})]},r.key),r.dividerAfter&&o.jsx(D,{},`${r.key}-divider`)])})]})}S.displayName="ActionMenu";function k({children:n,emphasis:e="outline",size:c="sm",color:t="neutral",fullWidth:s,orientation:i="horizontal",disabled:a,sx:r}){const p=d.toMuiColor(t),u=d.toMuiVariant(e),l=d.toMuiSize(c);return o.jsx(W,{color:p,variant:u,size:l,fullWidth:s,orientation:i,disabled:a,sx:r,children:n})}k.displayName="ButtonGroup";const _={default:36,dense:28};function M({children:n,variant:e="default",dividers:c=!1,sx:t}){const s=_[e];return o.jsx(m,{sx:{display:"flex",alignItems:"center",height:s,gap:c?0:.5,px:.5,bgcolor:"var(--ov-bg-surface)",...c&&{"& > *:not(:last-child)::after":{content:'""',display:"block",width:"1px",height:"60%",bgcolor:"var(--ov-border-muted)",ml:.5,mr:.5,flexShrink:0}},...typeof t=="object"&&!Array.isArray(t)?t:{}},children:n})}M.displayName="Toolbar";function T({children:n,sx:e}){return o.jsx(m,{sx:{display:"flex",alignItems:"center",gap:"2px",...typeof e=="object"&&!Array.isArray(e)?e:{}},children:n})}T.displayName="ToolbarGroup";function A({selected:n,onChange:e,icon:c,label:t,size:s="sm",color:i="primary",disabled:a,sx:r}){const p=d.toMuiSize(s),u=d.toCssColor(i),l=o.jsx(v,{size:p,disabled:a,onClick:()=>e(!n),sx:{borderRadius:"4px",color:n?u:"var(--ov-fg-muted)",bgcolor:n?"var(--ov-state-hover)":"transparent","&:hover":{bgcolor:"var(--ov-state-hover)"},...typeof r=="object"&&!Array.isArray(r)?r:{}},children:c});return t?o.jsx(C,{title:t,children:l}):l}A.displayName="ToggleButton";function I({value:n,onChange:e,options:c,exclusive:t=!0,size:s="sm",color:i="primary",sx:a}){const r=d.toMuiSize(s),p=d.toCssColor(i),u=(l,x)=>{x!==null&&e(x)};return o.jsx(U,{value:n,exclusive:t,onChange:u,size:r,sx:{"& .Mui-selected":{color:`${p} !important`,bgcolor:"var(--ov-state-hover) !important"},...typeof a=="object"&&!Array.isArray(a)?a:{}},children:c.map(l=>o.jsxs(F,{value:l.key,disabled:l.disabled,sx:{fontSize:"var(--ov-text-sm)",textTransform:"none",px:1.5,gap:.5},children:[l.icon,l.label]},l.key))})}I.displayName="ToggleGroup";const H={xs:24,sm:28,md:32,lg:36,xl:40};function G({value:n,onChange:e,placeholder:c="Search...",regex:t,caseSensitive:s,onRegexChange:i,onCaseSensitiveChange:a,matchCount:r,currentMatch:p,onNext:u,onPrev:l,size:x="sm",sx:j}){const R=H[x],h=x==="xs"?12:14,L=g.useCallback(f=>{f.key==="Enter"&&(f.shiftKey?l?.():u?.()),f.key==="Escape"&&f.target.blur()},[u,l]);return o.jsxs(m,{sx:{display:"flex",alignItems:"center",height:R,border:"1px solid var(--ov-border-default)",borderRadius:"4px",bgcolor:"var(--ov-bg-surface)",px:.5,gap:"2px","&:focus-within":{borderColor:"var(--ov-accent)"},...typeof j=="object"&&!Array.isArray(j)?j:{}},children:[o.jsx(P,{sx:{fontSize:h+2,color:"var(--ov-fg-muted)",ml:.25}}),o.jsx(V,{value:n,onChange:f=>e(f.target.value),onKeyDown:L,placeholder:c,sx:{flex:1,fontSize:x==="xs"?"var(--ov-text-xs)":"var(--ov-text-sm)",color:"var(--ov-fg-default)","& input":{py:0,px:.5},"& input::placeholder":{color:"var(--ov-fg-faint)",opacity:1}}}),a&&o.jsx(C,{title:"Match Case",children:o.jsx(v,{size:"small",onClick:()=>a(!s),sx:{borderRadius:"3px",p:"2px",color:s?"var(--ov-accent-fg)":"var(--ov-fg-faint)",bgcolor:s?"var(--ov-accent-subtle)":"transparent"},children:o.jsx(b.LuCaseSensitive,{size:h})})}),i&&o.jsx(C,{title:"Use Regular Expression",children:o.jsx(v,{size:"small",onClick:()=>i(!t),sx:{borderRadius:"3px",p:"2px",color:t?"var(--ov-accent-fg)":"var(--ov-fg-faint)",bgcolor:t?"var(--ov-accent-subtle)":"transparent"},children:o.jsx(b.LuRegex,{size:h})})}),r!==void 0&&o.jsx(z,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-muted)",whiteSpace:"nowrap",px:.5},children:r===0?"No results":`${(p??0)+1}/${r}`}),l&&o.jsx(v,{size:"small",onClick:l,sx:{p:"2px"},children:o.jsx(b.LuChevronUp,{size:h})}),u&&o.jsx(v,{size:"small",onClick:u,sx:{p:"2px"},children:o.jsx(b.LuChevronDown,{size:h})})]})}G.displayName="SearchBar";exports.Button=y.Button;exports.CopyButton=B.CopyButton;exports.IconButton=B.IconButton;exports.ActionMenu=S;exports.ButtonGroup=k;exports.ConfirmButton=q;exports.SearchBar=G;exports.ToggleButton=A;exports.ToggleGroup=I;exports.Toolbar=M;exports.ToolbarGroup=T;

package/dist/buttons.js

@@ -1,6 +1,6 @@
 import { B as b } from "./Button-lr02bh_m.js";
-import { I } from "./CopyButton-DPBgL0K8.js";
-import { C as jo } from "./CopyButton-DPBgL0K8.js";
+import { I } from "./CopyButton-DWVcqdPe.js";
+import { C as jo } from "./CopyButton-DWVcqdPe.js";
 import { jsxs as f, Fragment as z, jsx as o } from "react/jsx-runtime";
 import { useState as k, useRef as B, useCallback as j } from "react";
 import G from "@mui/material/Popover";

package/dist/charts.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),De=require("@mui/material/styles"),o=require("react/jsx-runtime"),Le=require("react-dom"),j=require("@mui/material/Box"),Te=require("@mui/material/Popper"),xe=require("@mui/x-charts/LineChart"),ie=require("@mui/x-charts/ChartsReferenceLine"),Z=require("@mui/x-charts/hooks"),se=require("react-icons/lu"),le=require("./Skeleton-CfdQWLQM.cjs"),fe=require("./ErrorState-CnIR-1xa.cjs"),Fe=require("@mui/x-charts/BarChart"),Pe=require("@mui/x-charts/PieChart"),qe=require("@mui/x-charts/ScatterChart"),Ee=require("@mui/x-charts/SparkLineChart"),ce=require("@mui/material/Typography"),Be=require("@mui/x-charts/Gauge"),me=require("@mui/material/IconButton"),Ne=require("@mui/material/MenuItem"),He=require("@mui/material/Menu"),Ge=require("./Select-CnRBSc5w.cjs"),ge={primary:"--ov-accent",secondary:"--ov-fg-muted",success:"--ov-success-default",warning:"--ov-warning-default",error:"--ov-danger-default",info:"--ov-info-default",neutral:"--ov-fg-default",accent:"--ov-accent",danger:"--ov-danger-default",muted:"--ov-fg-muted"},Ie=new Set(Object.keys(ge)),ue=new Map;function $(e){const t=ue.get(e);if(t!==void 0)return t;let a;if(Ie.has(e)){const r=ge[e];typeof document<"u"?a=getComputedStyle(document.documentElement).getPropertyValue(r).trim()||`var(${r})`:a=`var(${r})`}else a=e;return ue.set(e,a),a}function We(){ue.clear()}const Ve=["primary","success","warning","info","error","secondary","accent","neutral"];function N(e){return(e&&e.length>0?e:Ve).map($)}const w=new Intl.NumberFormat(void 0,{maximumFractionDigits:1}),Oe=new Intl.DateTimeFormat(void 0,{hour:"2-digit",minute:"2-digit"});function pe(e,t){const a=Math.abs(e);return a<1024?`${e} ${t??"B"}`:a<1024**2?`${w.format(e/1024)} ${t??"KiB"}`:a<1024**3?`${w.format(e/1024**2)} ${t??"MiB"}`:a<1024**4?`${w.format(e/1024**3)} ${t??"GiB"}`:`${w.format(e/1024**4)} ${t??"TiB"}`}function ve(e,t){return`${w.format(e)}${t??"%"}`}function ye(e,t){const a=Math.abs(e);return t?`${w.format(e)} ${t}`:a<1e3?`${w.format(e)} ms`:a<6e4?`${w.format(e/1e3)} s`:a<36e5?`${w.format(e/6e4)} m`:`${w.format(e/36e5)} h`}const Y=["","k","M","G","T","P"];function be(e,t){const a=Math.abs(e);let r=0,n=a;for(;n>=1e3&&r<Y.length-1;)n/=1e3,r++;return`${e<0?"-":""}${w.format(n)} ${Y[r]}${t??"/s"}`}function Ce(e,t){const a=Math.abs(e);let r=0,n=a;for(;n>=1e3&&r<Y.length-1;)n/=1e3,r++;const i=e<0?"-":"",s=t?` ${t}`:Y[r]?` ${Y[r]}`:"";return`${i}${w.format(n)}${s}`}function Se(e,t){const a=new Intl.NumberFormat(void 0).format(e);return t?`${a} ${t}`:a}function Re(e){return Oe.format(e)}function B(e,t){const a=(()=>{switch(e){case"bytes":return r=>pe(r,t);case"percent":return r=>ve(r,t);case"duration":return r=>ye(r,t);case"rate":return r=>be(r,t);case"si":return r=>Ce(r,t);case"number":return r=>Se(r,t)}})();return r=>r==null?"–":a(r)}const de=new Map;function R(e,t){if(typeof document>"u")return t;const a=de.get(e);if(a!==void 0)return a;const n=getComputedStyle(document.documentElement).getPropertyValue(e).trim()||t;return de.set(e,n),n}function K(){const e=De.useTheme(),t=e.palette.mode==="dark";return l.useEffect(()=>{de.clear(),We()},[t]),l.useMemo(()=>({axisLineColor:R("--ov-border-default",t?"#3a3a3a":"#d4d4d4"),gridColor:R("--ov-border-subtle",t?"#2a2a2a":"#e8e8e8"),tooltipBg:R("--ov-bg-surface",t?"#1e1e1e":"#ffffff"),tooltipFg:R("--ov-fg-default",t?"#e0e0e0":"#1a1a1a"),fontFamily:R("--ov-font-sans",e.typography.fontFamily??"sans-serif"),fontSize:11,areaOpacity:.15}),[t,e.typography.fontFamily])}function X({loading:e,error:t,onRetry:a,empty:r,width:n,height:i,children:s}){return e?o.jsx(j,{sx:{width:n??"100%",height:i},children:o.jsx(le.Skeleton,{variant:"rectangular",width:"100%",height:i})}):t?o.jsx(j,{sx:{width:n??"100%",height:i,display:"flex",alignItems:"center",justifyContent:"center"},children:o.jsx(fe.ErrorState,{message:t,onRetry:a,variant:"panel"})}):r?o.jsx(j,{sx:{width:n??"100%",height:i,display:"flex",alignItems:"center",justifyContent:"center"},children:o.jsx(fe.EmptyState,{icon:o.jsx(se.LuChartBar,{size:32}),title:"No data",description:"There is no data to display.",size:"sm"})}):o.jsx(o.Fragment,{children:s})}const Ye={xs:120,sm:180,md:260,lg:360,xl:480};function Ke({markers:e}){const t=Z.useXScale(),{top:a}=Z.useDrawingArea(),[r,n]=l.useState(null),i=l.useCallback((c,m)=>{const v=m.currentTarget.getBoundingClientRect();n({index:c,anchor:{getBoundingClientRect:()=>v}})},[]),s=l.useCallback(()=>n(null),[]),d=r!=null?e[r.index]:null;return o.jsxs("g",{children:[e.map((c,m)=>{const v=c.timestamp instanceof Date?c.timestamp:new Date(c.timestamp),x=t(v);if(x==null||isNaN(x))return null;const y=$(c.color??"muted"),f=!!c.tooltip;return o.jsxs("g",{style:f?{cursor:"pointer"}:void 0,onPointerEnter:f?h=>i(m,h):void 0,onPointerLeave:f?s:void 0,children:[f&&o.jsx("rect",{x:x-16,y:a-(c.label?20:12),width:32,height:c.label?20:12,fill:"transparent"}),o.jsx("text",{x,y:a-1,textAnchor:"middle",fill:y,fontSize:8,children:"▼"}),c.label&&o.jsx("text",{x,y:a-9,textAnchor:"middle",fill:y,fontSize:9,fontWeight:500,children:c.label})]},`evt-${m}`)}),r&&d?.tooltip&&Le.createPortal(o.jsx(Te,{open:!0,anchorEl:r.anchor,placement:"top",modifiers:[{name:"offset",options:{offset:[0,6]}}],sx:{zIndex:1500,pointerEvents:"none"},children:o.jsx(j,{sx:{bgcolor:"var(--ov-bg-elevated, #1e1e2e)",color:"var(--ov-fg-default, #cdd6f4)",border:"1px solid var(--ov-border-subtle, #45475a)",borderRadius:"6px",px:1.25,py:.75,fontSize:"0.75rem",lineHeight:1.4,maxWidth:260,boxShadow:"0 4px 12px rgba(0,0,0,0.4)"},children:d.tooltip})}),document.body)]})}function Xe({formatter:e,color:t,position:a="right"}){const r=Z.useYScale(),{left:n,top:i,width:s,height:d}=Z.useDrawingArea(),c=r.ticks?.()??[],m=a==="right",v=m?n+s-4:n+4,x=m?"end":"start";return o.jsx("g",{children:c.map(y=>{const f=r(y);if(f==null||isNaN(f)||f<i-2||f>i+d+2)return null;const h=e(y);return o.jsx("text",{x:v,y:f-4,textAnchor:x,fill:t,fontSize:10,opacity:.7,children:h},y)})})}function he({series:e,timeRange:t,yAxisLabel:a,valueFormat:r="number",unit:n,valueFormatter:i,annotations:s,area:d=!1,grid:c=!0,showLegend:m=!1,showMarks:v=!1,colors:x,yAxisPosition:y="left",xAxisPosition:f="bottom",compact:h=!1,margin:g,yAxisWidth:p,xAxisHeight:A,yAxisInline:k=!1,yAxisInlinePosition:D="right",eventMarkers:b,size:F="md",height:S,loading:C,error:q,onRetry:H,skipAnimation:_=!1,sx:ee}){const L=K(),J=S??Ye[F],G=l.useMemo(()=>N(x),[x]),P=l.useMemo(()=>i??B(r,n),[i,r,n]),I=e.length===0||e.every(u=>u.data.length===0),{xData:te,alignedValues:W}=l.useMemo(()=>{if(e.length===0||e.every(z=>z.data.length===0))return{xData:[],alignedValues:e.map(()=>[])};const u=new Set;for(const z of e)for(const E of z.data)u.add(E.timestamp);const T=Array.from(u).sort((z,E)=>z-E),M=T.map(z=>new Date(z)),ne=e.map(z=>{const E=new Map;for(const U of z.data)E.set(U.timestamp,U.value);return T.map(U=>E.get(U)??null)});return{xData:M,alignedValues:ne}},[e]),V=l.useMemo(()=>e.map((u,T)=>({id:u.id,label:u.label,data:W[T]??[],color:u.color?$(u.color):G[T%G.length],area:u.area??d,showMark:v,valueFormatter:P,...u.lineStyle==="dashed"?{strokeDasharray:"6 3"}:{},...u.lineStyle==="dotted"?{strokeDasharray:"2 2"}:{}})),[e,W,d,v,P,G]),Q=h?{top:4,right:2,bottom:2,left:2}:{top:8,right:8,bottom:8,left:8},re=b?.length?b.some(u=>u.label)?20:10:0,oe={...Q,...g,top:(g?.top??Q.top)+re},O=k?0:p??(h?30:40),ae=A??(h?20:24);return o.jsx(j,{sx:ee,children:o.jsx(X,{loading:C,error:q,onRetry:H,empty:I,height:J,children:o.jsxs(xe.LineChart,{height:J,series:V,xAxis:[{data:te,scaleType:"time",height:ae,position:f,...t&&{min:t.from,max:t.to}}],yAxis:[{label:a,valueFormatter:P,position:y,width:O}],grid:c?{horizontal:!0}:void 0,skipAnimation:_,hideLegend:!m,margin:oe,sx:{"& .MuiChartsAxis-line":h?{display:"none"}:{stroke:L.axisLineColor},"& .MuiChartsAxis-tick":h?{display:"none"}:{stroke:L.axisLineColor},"& .MuiChartsAxis-tickLabel":{fill:L.tooltipFg,fontSize:L.fontSize},...k&&{"& .MuiChartsAxis-left, & .MuiChartsAxis-right":{display:"none"}},"& .MuiChartsGrid-line":{stroke:L.gridColor,opacity:.5},"& .MuiAreaElement-root":{opacity:L.areaOpacity}},children:[s?.map((u,T)=>o.jsx(ie.ChartsReferenceLine,{y:u.value,label:u.label,lineStyle:{stroke:u.color?$(u.color):"var(--ov-fg-muted)",strokeDasharray:u.lineStyle==="dashed"?"6 3":void 0},labelStyle:{fill:L.tooltipFg,fontSize:L.fontSize}},`ann-${T}`)),b?.map((u,T)=>o.jsx(ie.ChartsReferenceLine,{x:u.timestamp instanceof Date?u.timestamp:new Date(u.timestamp),lineStyle:{stroke:$(u.color??"muted"),strokeDasharray:u.lineStyle==="solid"?void 0:"4 3",strokeWidth:1}},`evt-line-${T}`)),b?.length&&o.jsx(Ke,{markers:b}),k&&o.jsx(Xe,{formatter:P,color:L.tooltipFg,position:D})]})})})}he.displayName="TimeSeriesChart";const Je={xs:120,sm:180,md:260,lg:360,xl:480};function Me({data:e,horizontal:t=!1,valueFormat:a="number",unit:r,valueFormatter:n,showLabels:i=!1,colors:s,size:d="md",height:c,loading:m,error:v,onRetry:x,skipAnimation:y=!1,sx:f}){const h=K(),g=c??Je[d],p=l.useMemo(()=>N(s),[s]),A=l.useMemo(()=>n??B(a,r),[n,a,r]),k=e.length===0,D=l.useMemo(()=>e.map((S,C)=>S.color?$(S.color):p[C%p.length]),[e,p]),b=l.useMemo(()=>e.map(S=>S.label),[e]),F=l.useMemo(()=>e.map(S=>S.value),[e]);return o.jsx(j,{sx:f,children:o.jsx(X,{loading:m,error:v,onRetry:x,empty:k,height:g,children:o.jsx(Fe.BarChart,{height:g,layout:t?"horizontal":"vertical",series:[{data:F,valueFormatter:A,label:i?"Value":void 0}],xAxis:t?[{valueFormatter:A}]:[{data:b,scaleType:"band"}],yAxis:t?[{data:b,scaleType:"band"}]:[{valueFormatter:A}],colors:D,skipAnimation:y,hideLegend:!0,sx:{"& .MuiChartsAxis-line":{stroke:h.axisLineColor},"& .MuiChartsAxis-tick":{stroke:h.axisLineColor},"& .MuiChartsAxis-tickLabel":{fill:h.tooltipFg,fontSize:h.fontSize}}})})})}Me.displayName="BarChart";const Qe={xs:120,sm:180,md:260,lg:360,xl:480};function je({data:e,innerRadius:t,showLabels:a=!1,colors:r,size:n="md",height:i,loading:s,error:d,onRetry:c,skipAnimation:m=!1,sx:v}){const x=i??Qe[n],y=l.useMemo(()=>N(r),[r]),f=e.length===0,h=l.useMemo(()=>e.map((g,p)=>({id:g.id,value:g.value,label:g.label,color:g.color?$(g.color):y[p%y.length]})),[e,y]);return o.jsx(j,{sx:v,children:o.jsx(X,{loading:s,error:d,onRetry:c,empty:f,height:x,children:o.jsx(Pe.PieChart,{height:x,series:[{data:h,innerRadius:t??0,arcLabel:a?g=>g.label??"":void 0}],skipAnimation:m})})})}je.displayName="PieChart";const Ue={xs:120,sm:180,md:260,lg:360,xl:480};function ke({series:e,xAxisLabel:t,yAxisLabel:a,xFormat:r="number",yFormat:n="number",colors:i,size:s="md",height:d,loading:c,error:m,onRetry:v,skipAnimation:x=!1,sx:y}){const f=K(),h=d??Ue[s],g=l.useMemo(()=>N(i),[i]),p=e.length===0||e.every(b=>b.data.length===0),A=l.useMemo(()=>B(r),[r]),k=l.useMemo(()=>B(n),[n]),D=l.useMemo(()=>e.map((b,F)=>({id:b.id,label:b.label,data:b.data.map((S,C)=>({x:S.x,y:S.y,id:S.id??C})),color:b.color?$(b.color):g[F%g.length]})),[e,g]);return o.jsx(j,{sx:y,children:o.jsx(X,{loading:c,error:m,onRetry:v,empty:p,height:h,children:o.jsx(qe.ScatterChart,{height:h,series:D,xAxis:[{label:t,valueFormatter:A}],yAxis:[{label:a,valueFormatter:k}],skipAnimation:x,sx:{"& .MuiChartsAxis-line":{stroke:f.axisLineColor},"& .MuiChartsAxis-tick":{stroke:f.axisLineColor},"& .MuiChartsAxis-tickLabel":{fill:f.tooltipFg,fontSize:f.fontSize}}})})})}ke.displayName="ScatterChart";const Ze={top:2,bottom:2,left:2,right:2};function Ae({data:e,plotType:t="line",area:a=!1,color:r="primary",height:n=40,width:i="100%",showTooltip:s=!1,skipAnimation:d=!1}){const c=$(r);return o.jsx(Ee.SparkLineChart,{data:e,plotType:t,area:a,height:n,width:typeof i=="number"?i:void 0,color:c,curve:"natural",margin:Ze,showTooltip:s,skipAnimation:d,sx:typeof i=="string"?{width:i}:void 0})}Ae.displayName="Sparkline";const _e={xs:80,sm:100,md:140,lg:180,xl:220};function et(e,t,a,r){const n=(e-t)/(a-t)*100;return n<r[0]?"success":n<r[1]?"warning":"danger"}function $e({value:e,min:t=0,max:a=100,label:r,unit:n,color:i,thresholds:s=[60,85],size:d="md",loading:c=!1}){const m=_e[d],v=l.useMemo(()=>$(i??et(e,t,a,s)),[i,e,t,a,s]);return c?o.jsxs(j,{sx:{p:2,border:"1px solid var(--ov-border-default)",borderRadius:"8px",bgcolor:"var(--ov-bg-surface)",display:"flex",flexDirection:"column",alignItems:"center",gap:1},children:[o.jsx(le.Skeleton,{variant:"circular",width:m,height:m}),o.jsx(le.Skeleton,{variant:"text",width:"60%"})]}):o.jsxs(j,{sx:{p:2,border:"1px solid var(--ov-border-default)",borderRadius:"8px",bgcolor:"var(--ov-bg-surface)",display:"flex",flexDirection:"column",alignItems:"center",gap:.5},children:[o.jsx(Be.Gauge,{value:e,valueMin:t,valueMax:a,startAngle:-110,endAngle:110,width:m,height:m,sx:{"& .MuiGauge-valueArc":{fill:v},"& .MuiGauge-referenceArc":{fill:"var(--ov-bg-surface-inset)"}},text:n?`${e}${n}`:`${e}`}),o.jsx(ce,{variant:"caption",sx:{fontSize:"0.6875rem",fontWeight:600,color:"var(--ov-fg-muted)",textTransform:"uppercase",letterSpacing:"0.04em",textAlign:"center"},children:r})]})}$e.displayName="GaugeCard";const tt=[{label:"15m",duration:900*1e3},{label:"1h",duration:3600*1e3},{label:"6h",duration:360*60*1e3},{label:"24h",duration:1440*60*1e3},{label:"7d",duration:10080*60*1e3}];function rt(e,t){const a=e.to.getTime()-e.from.getTime();let r=t[0],n=Math.abs(a-r.duration);for(const i of t){const s=Math.abs(a-i.duration);s<n&&(r=i,n=s)}return String(r.duration)}function ze({title:e,icon:t,subtitle:a,series:r,timeRange:n,onTimeRangeChange:i,refreshInterval:s=0,onRefresh:d,valueFormat:c="number",unit:m,valueFormatter:v,annotations:x,eventMarkers:y,area:f=!1,presets:h=tt,colors:g,headerActions:p,toolbar:A,menuItems:k,yAxisPosition:D="none",xAxisPosition:b="none",margin:F,yAxisWidth:S,xAxisHeight:C,yAxisInline:q=!0,yAxisInlinePosition:H,variant:_="default",height:ee=260,loading:L,error:J,onRetry:G}){const P=l.useRef(null),[I,te]=l.useState(s>0),[W,V]=l.useState(null),Q=_==="compact",re=l.useMemo(()=>rt(n,h),[n,h]),oe=l.useMemo(()=>h.map(M=>({value:String(M.duration),label:M.label})),[h]),O=l.useCallback(()=>{P.current&&(clearInterval(P.current),P.current=null)},[]);l.useEffect(()=>(O(),I&&s>0&&d&&(P.current=setInterval(d,s)),O),[I,s,d,O]);const ae=M=>{if(!i)return;const ne=Number(Array.isArray(M)?M[0]:M),z=new Date;i({from:new Date(z.getTime()-ne),to:z})},u=i||A||p||d,T=k&&k.length>0;return o.jsxs(j,{sx:{display:"flex",flexDirection:"column",overflow:"hidden",...Q?{bgcolor:"transparent"}:{bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)",borderRadius:"8px"}},children:[o.jsxs(j,{sx:{display:"flex",alignItems:"center",gap:.75,px:1,py:.5,minHeight:32},children:[t&&o.jsx(j,{sx:{display:"flex",alignItems:"center",color:"var(--ov-fg-muted)",flexShrink:0},children:t}),o.jsxs(j,{sx:{minWidth:0,flex:1},children:[o.jsx(ce,{variant:"subtitle2",noWrap:!0,sx:{fontWeight:600,color:"var(--ov-fg-default)",fontSize:"0.75rem",lineHeight:1.2},children:e}),a&&o.jsx(ce,{variant:"caption",noWrap:!0,sx:{color:"var(--ov-fg-muted)",fontSize:"0.625rem",lineHeight:1.2,display:"block"},children:a})]}),u&&o.jsxs(j,{sx:{display:"flex",alignItems:"center",gap:.25,flexShrink:0},children:[i&&o.jsx(Ge.Select,{options:oe,value:re,onChange:ae,size:"xs"}),A,p,d&&o.jsx(me,{size:"small",onClick:()=>{s>0?te(M=>!M):d()},sx:{color:I?"var(--ov-accent)":"var(--ov-fg-muted)",p:.25},children:o.jsx(se.LuRefreshCw,{size:12})})]}),T&&o.jsxs(o.Fragment,{children:[o.jsx(me,{size:"small",onClick:M=>V(M.currentTarget),sx:{color:"var(--ov-fg-muted)",p:.25,flexShrink:0},children:o.jsx(se.LuEllipsisVertical,{size:13})}),o.jsx(He,{anchorEl:W,open:!!W,onClose:()=>V(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-subtle)",minWidth:140}}},children:k.map(M=>o.jsx(Ne,{onClick:()=>{V(null),M.onClick()},sx:{fontSize:"0.8125rem"},children:M.label},M.label))})]})]}),o.jsx(he,{series:r,timeRange:n,valueFormat:c,unit:m,valueFormatter:v,annotations:x,eventMarkers:y,area:f,colors:g,height:ee,loading:L,error:J,onRetry:G,skipAnimation:!0,yAxisPosition:D,xAxisPosition:b,margin:F,yAxisWidth:S,xAxisHeight:C,yAxisInline:q,yAxisInlinePosition:H,compact:!0,grid:!0})]})}ze.displayName="MetricsPanel";const ot={xs:120,sm:180,md:260,lg:360,xl:480};function we({series:e,capacity:t,timeRange:a,valueFormat:r="number",unit:n,valueFormatter:i,stacked:s=!0,colors:d,yAxisPosition:c="left",size:m="md",height:v,loading:x,error:y,onRetry:f,skipAnimation:h=!1,sx:g}){const p=K(),A=v??ot[m],k=l.useMemo(()=>N(d),[d]),D=l.useMemo(()=>i??B(r,n),[i,r,n]),b=e.length===0||e.every(C=>C.data.length===0),F=l.useMemo(()=>{for(const C of e)if(C.data.length>0)return C.data.map(q=>new Date(q.timestamp));return[]},[e]),S=l.useMemo(()=>e.map((C,q)=>({id:C.id,label:C.label,data:C.data.map(H=>H.value),color:C.color?$(C.color):k[q%k.length],area:!0,showMark:!1,stack:s?"total":void 0,valueFormatter:D})),[e,s,D,k]);return o.jsx(j,{sx:g,children:o.jsx(X,{loading:x,error:y,onRetry:f,empty:b,height:A,children:o.jsx(xe.LineChart,{height:A,series:S,xAxis:[{data:F,scaleType:"time",...a&&{min:a.from,max:a.to}}],yAxis:[{valueFormatter:D,position:c}],grid:{horizontal:!0},skipAnimation:h,hideLegend:!0,sx:{"& .MuiChartsAxis-line":{stroke:p.axisLineColor},"& .MuiChartsAxis-tick":{stroke:p.axisLineColor},"& .MuiChartsAxis-tickLabel":{fill:p.tooltipFg,fontSize:p.fontSize},"& .MuiChartsGrid-line":{stroke:p.gridColor},"& .MuiAreaElement-root":{opacity:p.areaOpacity}},children:t!=null&&o.jsx(ie.ChartsReferenceLine,{y:t,label:"Capacity",lineStyle:{stroke:$("danger"),strokeDasharray:"6 3"},labelStyle:{fill:p.tooltipFg,fontSize:p.fontSize}})})})})}we.displayName="StackedAreaChart";exports.BarChart=Me;exports.GaugeCard=$e;exports.MetricsPanel=ze;exports.PieChart=je;exports.ScatterChart=ke;exports.Sparkline=Ae;exports.StackedAreaChart=we;exports.TimeSeriesChart=he;exports.chartPalette=N;exports.formatBytes=pe;exports.formatDuration=ye;exports.formatNumber=Se;exports.formatPercent=ve;exports.formatRate=be;exports.formatSI=Ce;exports.formatTimeAxisTick=Re;exports.getValueFormatter=B;exports.resolveChartColor=$;exports.useChartTheme=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),De=require("@mui/material/styles"),o=require("react/jsx-runtime"),Le=require("react-dom"),j=require("@mui/material/Box"),Te=require("@mui/material/Popper"),xe=require("@mui/x-charts/LineChart"),ie=require("@mui/x-charts/ChartsReferenceLine"),Z=require("@mui/x-charts/hooks"),se=require("react-icons/lu"),le=require("./Skeleton-CfdQWLQM.cjs"),fe=require("./ErrorState-Cwwem5yh.cjs"),Fe=require("@mui/x-charts/BarChart"),Pe=require("@mui/x-charts/PieChart"),qe=require("@mui/x-charts/ScatterChart"),Ee=require("@mui/x-charts/SparkLineChart"),ce=require("@mui/material/Typography"),Be=require("@mui/x-charts/Gauge"),me=require("@mui/material/IconButton"),Ne=require("@mui/material/MenuItem"),He=require("@mui/material/Menu"),Ge=require("./Select-BqA47TdK.cjs"),ge={primary:"--ov-accent",secondary:"--ov-fg-muted",success:"--ov-success-default",warning:"--ov-warning-default",error:"--ov-danger-default",info:"--ov-info-default",neutral:"--ov-fg-default",accent:"--ov-accent",danger:"--ov-danger-default",muted:"--ov-fg-muted"},Ie=new Set(Object.keys(ge)),ue=new Map;function $(e){const t=ue.get(e);if(t!==void 0)return t;let a;if(Ie.has(e)){const r=ge[e];typeof document<"u"?a=getComputedStyle(document.documentElement).getPropertyValue(r).trim()||`var(${r})`:a=`var(${r})`}else a=e;return ue.set(e,a),a}function We(){ue.clear()}const Ve=["primary","success","warning","info","error","secondary","accent","neutral"];function N(e){return(e&&e.length>0?e:Ve).map($)}const w=new Intl.NumberFormat(void 0,{maximumFractionDigits:1}),Oe=new Intl.DateTimeFormat(void 0,{hour:"2-digit",minute:"2-digit"});function pe(e,t){const a=Math.abs(e);return a<1024?`${e} ${t??"B"}`:a<1024**2?`${w.format(e/1024)} ${t??"KiB"}`:a<1024**3?`${w.format(e/1024**2)} ${t??"MiB"}`:a<1024**4?`${w.format(e/1024**3)} ${t??"GiB"}`:`${w.format(e/1024**4)} ${t??"TiB"}`}function ve(e,t){return`${w.format(e)}${t??"%"}`}function ye(e,t){const a=Math.abs(e);return t?`${w.format(e)} ${t}`:a<1e3?`${w.format(e)} ms`:a<6e4?`${w.format(e/1e3)} s`:a<36e5?`${w.format(e/6e4)} m`:`${w.format(e/36e5)} h`}const Y=["","k","M","G","T","P"];function be(e,t){const a=Math.abs(e);let r=0,n=a;for(;n>=1e3&&r<Y.length-1;)n/=1e3,r++;return`${e<0?"-":""}${w.format(n)} ${Y[r]}${t??"/s"}`}function Ce(e,t){const a=Math.abs(e);let r=0,n=a;for(;n>=1e3&&r<Y.length-1;)n/=1e3,r++;const i=e<0?"-":"",s=t?` ${t}`:Y[r]?` ${Y[r]}`:"";return`${i}${w.format(n)}${s}`}function Se(e,t){const a=new Intl.NumberFormat(void 0).format(e);return t?`${a} ${t}`:a}function Re(e){return Oe.format(e)}function B(e,t){const a=(()=>{switch(e){case"bytes":return r=>pe(r,t);case"percent":return r=>ve(r,t);case"duration":return r=>ye(r,t);case"rate":return r=>be(r,t);case"si":return r=>Ce(r,t);case"number":return r=>Se(r,t)}})();return r=>r==null?"–":a(r)}const de=new Map;function R(e,t){if(typeof document>"u")return t;const a=de.get(e);if(a!==void 0)return a;const n=getComputedStyle(document.documentElement).getPropertyValue(e).trim()||t;return de.set(e,n),n}function K(){const e=De.useTheme(),t=e.palette.mode==="dark";return l.useEffect(()=>{de.clear(),We()},[t]),l.useMemo(()=>({axisLineColor:R("--ov-border-default",t?"#3a3a3a":"#d4d4d4"),gridColor:R("--ov-border-subtle",t?"#2a2a2a":"#e8e8e8"),tooltipBg:R("--ov-bg-surface",t?"#1e1e1e":"#ffffff"),tooltipFg:R("--ov-fg-default",t?"#e0e0e0":"#1a1a1a"),fontFamily:R("--ov-font-sans",e.typography.fontFamily??"sans-serif"),fontSize:11,areaOpacity:.15}),[t,e.typography.fontFamily])}function X({loading:e,error:t,onRetry:a,empty:r,width:n,height:i,children:s}){return e?o.jsx(j,{sx:{width:n??"100%",height:i},children:o.jsx(le.Skeleton,{variant:"rectangular",width:"100%",height:i})}):t?o.jsx(j,{sx:{width:n??"100%",height:i,display:"flex",alignItems:"center",justifyContent:"center"},children:o.jsx(fe.ErrorState,{message:t,onRetry:a,variant:"panel"})}):r?o.jsx(j,{sx:{width:n??"100%",height:i,display:"flex",alignItems:"center",justifyContent:"center"},children:o.jsx(fe.EmptyState,{icon:o.jsx(se.LuChartBar,{size:32}),title:"No data",description:"There is no data to display.",size:"sm"})}):o.jsx(o.Fragment,{children:s})}const Ye={xs:120,sm:180,md:260,lg:360,xl:480};function Ke({markers:e}){const t=Z.useXScale(),{top:a}=Z.useDrawingArea(),[r,n]=l.useState(null),i=l.useCallback((c,m)=>{const v=m.currentTarget.getBoundingClientRect();n({index:c,anchor:{getBoundingClientRect:()=>v}})},[]),s=l.useCallback(()=>n(null),[]),d=r!=null?e[r.index]:null;return o.jsxs("g",{children:[e.map((c,m)=>{const v=c.timestamp instanceof Date?c.timestamp:new Date(c.timestamp),x=t(v);if(x==null||isNaN(x))return null;const y=$(c.color??"muted"),f=!!c.tooltip;return o.jsxs("g",{style:f?{cursor:"pointer"}:void 0,onPointerEnter:f?h=>i(m,h):void 0,onPointerLeave:f?s:void 0,children:[f&&o.jsx("rect",{x:x-16,y:a-(c.label?20:12),width:32,height:c.label?20:12,fill:"transparent"}),o.jsx("text",{x,y:a-1,textAnchor:"middle",fill:y,fontSize:8,children:"▼"}),c.label&&o.jsx("text",{x,y:a-9,textAnchor:"middle",fill:y,fontSize:9,fontWeight:500,children:c.label})]},`evt-${m}`)}),r&&d?.tooltip&&Le.createPortal(o.jsx(Te,{open:!0,anchorEl:r.anchor,placement:"top",modifiers:[{name:"offset",options:{offset:[0,6]}}],sx:{zIndex:1500,pointerEvents:"none"},children:o.jsx(j,{sx:{bgcolor:"var(--ov-bg-elevated, #1e1e2e)",color:"var(--ov-fg-default, #cdd6f4)",border:"1px solid var(--ov-border-subtle, #45475a)",borderRadius:"6px",px:1.25,py:.75,fontSize:"0.75rem",lineHeight:1.4,maxWidth:260,boxShadow:"0 4px 12px rgba(0,0,0,0.4)"},children:d.tooltip})}),document.body)]})}function Xe({formatter:e,color:t,position:a="right"}){const r=Z.useYScale(),{left:n,top:i,width:s,height:d}=Z.useDrawingArea(),c=r.ticks?.()??[],m=a==="right",v=m?n+s-4:n+4,x=m?"end":"start";return o.jsx("g",{children:c.map(y=>{const f=r(y);if(f==null||isNaN(f)||f<i-2||f>i+d+2)return null;const h=e(y);return o.jsx("text",{x:v,y:f-4,textAnchor:x,fill:t,fontSize:10,opacity:.7,children:h},y)})})}function he({series:e,timeRange:t,yAxisLabel:a,valueFormat:r="number",unit:n,valueFormatter:i,annotations:s,area:d=!1,grid:c=!0,showLegend:m=!1,showMarks:v=!1,colors:x,yAxisPosition:y="left",xAxisPosition:f="bottom",compact:h=!1,margin:g,yAxisWidth:p,xAxisHeight:A,yAxisInline:k=!1,yAxisInlinePosition:D="right",eventMarkers:b,size:F="md",height:S,loading:C,error:q,onRetry:H,skipAnimation:_=!1,sx:ee}){const L=K(),J=S??Ye[F],G=l.useMemo(()=>N(x),[x]),P=l.useMemo(()=>i??B(r,n),[i,r,n]),I=e.length===0||e.every(u=>u.data.length===0),{xData:te,alignedValues:W}=l.useMemo(()=>{if(e.length===0||e.every(z=>z.data.length===0))return{xData:[],alignedValues:e.map(()=>[])};const u=new Set;for(const z of e)for(const E of z.data)u.add(E.timestamp);const T=Array.from(u).sort((z,E)=>z-E),M=T.map(z=>new Date(z)),ne=e.map(z=>{const E=new Map;for(const U of z.data)E.set(U.timestamp,U.value);return T.map(U=>E.get(U)??null)});return{xData:M,alignedValues:ne}},[e]),V=l.useMemo(()=>e.map((u,T)=>({id:u.id,label:u.label,data:W[T]??[],color:u.color?$(u.color):G[T%G.length],area:u.area??d,showMark:v,valueFormatter:P,...u.lineStyle==="dashed"?{strokeDasharray:"6 3"}:{},...u.lineStyle==="dotted"?{strokeDasharray:"2 2"}:{}})),[e,W,d,v,P,G]),Q=h?{top:4,right:2,bottom:2,left:2}:{top:8,right:8,bottom:8,left:8},re=b?.length?b.some(u=>u.label)?20:10:0,oe={...Q,...g,top:(g?.top??Q.top)+re},O=k?0:p??(h?30:40),ae=A??(h?20:24);return o.jsx(j,{sx:ee,children:o.jsx(X,{loading:C,error:q,onRetry:H,empty:I,height:J,children:o.jsxs(xe.LineChart,{height:J,series:V,xAxis:[{data:te,scaleType:"time",height:ae,position:f,...t&&{min:t.from,max:t.to}}],yAxis:[{label:a,valueFormatter:P,position:y,width:O}],grid:c?{horizontal:!0}:void 0,skipAnimation:_,hideLegend:!m,margin:oe,sx:{"& .MuiChartsAxis-line":h?{display:"none"}:{stroke:L.axisLineColor},"& .MuiChartsAxis-tick":h?{display:"none"}:{stroke:L.axisLineColor},"& .MuiChartsAxis-tickLabel":{fill:L.tooltipFg,fontSize:L.fontSize},...k&&{"& .MuiChartsAxis-left, & .MuiChartsAxis-right":{display:"none"}},"& .MuiChartsGrid-line":{stroke:L.gridColor,opacity:.5},"& .MuiAreaElement-root":{opacity:L.areaOpacity}},children:[s?.map((u,T)=>o.jsx(ie.ChartsReferenceLine,{y:u.value,label:u.label,lineStyle:{stroke:u.color?$(u.color):"var(--ov-fg-muted)",strokeDasharray:u.lineStyle==="dashed"?"6 3":void 0},labelStyle:{fill:L.tooltipFg,fontSize:L.fontSize}},`ann-${T}`)),b?.map((u,T)=>o.jsx(ie.ChartsReferenceLine,{x:u.timestamp instanceof Date?u.timestamp:new Date(u.timestamp),lineStyle:{stroke:$(u.color??"muted"),strokeDasharray:u.lineStyle==="solid"?void 0:"4 3",strokeWidth:1}},`evt-line-${T}`)),b?.length&&o.jsx(Ke,{markers:b}),k&&o.jsx(Xe,{formatter:P,color:L.tooltipFg,position:D})]})})})}he.displayName="TimeSeriesChart";const Je={xs:120,sm:180,md:260,lg:360,xl:480};function Me({data:e,horizontal:t=!1,valueFormat:a="number",unit:r,valueFormatter:n,showLabels:i=!1,colors:s,size:d="md",height:c,loading:m,error:v,onRetry:x,skipAnimation:y=!1,sx:f}){const h=K(),g=c??Je[d],p=l.useMemo(()=>N(s),[s]),A=l.useMemo(()=>n??B(a,r),[n,a,r]),k=e.length===0,D=l.useMemo(()=>e.map((S,C)=>S.color?$(S.color):p[C%p.length]),[e,p]),b=l.useMemo(()=>e.map(S=>S.label),[e]),F=l.useMemo(()=>e.map(S=>S.value),[e]);return o.jsx(j,{sx:f,children:o.jsx(X,{loading:m,error:v,onRetry:x,empty:k,height:g,children:o.jsx(Fe.BarChart,{height:g,layout:t?"horizontal":"vertical",series:[{data:F,valueFormatter:A,label:i?"Value":void 0}],xAxis:t?[{valueFormatter:A}]:[{data:b,scaleType:"band"}],yAxis:t?[{data:b,scaleType:"band"}]:[{valueFormatter:A}],colors:D,skipAnimation:y,hideLegend:!0,sx:{"& .MuiChartsAxis-line":{stroke:h.axisLineColor},"& .MuiChartsAxis-tick":{stroke:h.axisLineColor},"& .MuiChartsAxis-tickLabel":{fill:h.tooltipFg,fontSize:h.fontSize}}})})})}Me.displayName="BarChart";const Qe={xs:120,sm:180,md:260,lg:360,xl:480};function je({data:e,innerRadius:t,showLabels:a=!1,colors:r,size:n="md",height:i,loading:s,error:d,onRetry:c,skipAnimation:m=!1,sx:v}){const x=i??Qe[n],y=l.useMemo(()=>N(r),[r]),f=e.length===0,h=l.useMemo(()=>e.map((g,p)=>({id:g.id,value:g.value,label:g.label,color:g.color?$(g.color):y[p%y.length]})),[e,y]);return o.jsx(j,{sx:v,children:o.jsx(X,{loading:s,error:d,onRetry:c,empty:f,height:x,children:o.jsx(Pe.PieChart,{height:x,series:[{data:h,innerRadius:t??0,arcLabel:a?g=>g.label??"":void 0}],skipAnimation:m})})})}je.displayName="PieChart";const Ue={xs:120,sm:180,md:260,lg:360,xl:480};function ke({series:e,xAxisLabel:t,yAxisLabel:a,xFormat:r="number",yFormat:n="number",colors:i,size:s="md",height:d,loading:c,error:m,onRetry:v,skipAnimation:x=!1,sx:y}){const f=K(),h=d??Ue[s],g=l.useMemo(()=>N(i),[i]),p=e.length===0||e.every(b=>b.data.length===0),A=l.useMemo(()=>B(r),[r]),k=l.useMemo(()=>B(n),[n]),D=l.useMemo(()=>e.map((b,F)=>({id:b.id,label:b.label,data:b.data.map((S,C)=>({x:S.x,y:S.y,id:S.id??C})),color:b.color?$(b.color):g[F%g.length]})),[e,g]);return o.jsx(j,{sx:y,children:o.jsx(X,{loading:c,error:m,onRetry:v,empty:p,height:h,children:o.jsx(qe.ScatterChart,{height:h,series:D,xAxis:[{label:t,valueFormatter:A}],yAxis:[{label:a,valueFormatter:k}],skipAnimation:x,sx:{"& .MuiChartsAxis-line":{stroke:f.axisLineColor},"& .MuiChartsAxis-tick":{stroke:f.axisLineColor},"& .MuiChartsAxis-tickLabel":{fill:f.tooltipFg,fontSize:f.fontSize}}})})})}ke.displayName="ScatterChart";const Ze={top:2,bottom:2,left:2,right:2};function Ae({data:e,plotType:t="line",area:a=!1,color:r="primary",height:n=40,width:i="100%",showTooltip:s=!1,skipAnimation:d=!1}){const c=$(r);return o.jsx(Ee.SparkLineChart,{data:e,plotType:t,area:a,height:n,width:typeof i=="number"?i:void 0,color:c,curve:"natural",margin:Ze,showTooltip:s,skipAnimation:d,sx:typeof i=="string"?{width:i}:void 0})}Ae.displayName="Sparkline";const _e={xs:80,sm:100,md:140,lg:180,xl:220};function et(e,t,a,r){const n=(e-t)/(a-t)*100;return n<r[0]?"success":n<r[1]?"warning":"danger"}function $e({value:e,min:t=0,max:a=100,label:r,unit:n,color:i,thresholds:s=[60,85],size:d="md",loading:c=!1}){const m=_e[d],v=l.useMemo(()=>$(i??et(e,t,a,s)),[i,e,t,a,s]);return c?o.jsxs(j,{sx:{p:2,border:"1px solid var(--ov-border-default)",borderRadius:"8px",bgcolor:"var(--ov-bg-surface)",display:"flex",flexDirection:"column",alignItems:"center",gap:1},children:[o.jsx(le.Skeleton,{variant:"circular",width:m,height:m}),o.jsx(le.Skeleton,{variant:"text",width:"60%"})]}):o.jsxs(j,{sx:{p:2,border:"1px solid var(--ov-border-default)",borderRadius:"8px",bgcolor:"var(--ov-bg-surface)",display:"flex",flexDirection:"column",alignItems:"center",gap:.5},children:[o.jsx(Be.Gauge,{value:e,valueMin:t,valueMax:a,startAngle:-110,endAngle:110,width:m,height:m,sx:{"& .MuiGauge-valueArc":{fill:v},"& .MuiGauge-referenceArc":{fill:"var(--ov-bg-surface-inset)"}},text:n?`${e}${n}`:`${e}`}),o.jsx(ce,{variant:"caption",sx:{fontSize:"0.6875rem",fontWeight:600,color:"var(--ov-fg-muted)",textTransform:"uppercase",letterSpacing:"0.04em",textAlign:"center"},children:r})]})}$e.displayName="GaugeCard";const tt=[{label:"15m",duration:900*1e3},{label:"1h",duration:3600*1e3},{label:"6h",duration:360*60*1e3},{label:"24h",duration:1440*60*1e3},{label:"7d",duration:10080*60*1e3}];function rt(e,t){const a=e.to.getTime()-e.from.getTime();let r=t[0],n=Math.abs(a-r.duration);for(const i of t){const s=Math.abs(a-i.duration);s<n&&(r=i,n=s)}return String(r.duration)}function ze({title:e,icon:t,subtitle:a,series:r,timeRange:n,onTimeRangeChange:i,refreshInterval:s=0,onRefresh:d,valueFormat:c="number",unit:m,valueFormatter:v,annotations:x,eventMarkers:y,area:f=!1,presets:h=tt,colors:g,headerActions:p,toolbar:A,menuItems:k,yAxisPosition:D="none",xAxisPosition:b="none",margin:F,yAxisWidth:S,xAxisHeight:C,yAxisInline:q=!0,yAxisInlinePosition:H,variant:_="default",height:ee=260,loading:L,error:J,onRetry:G}){const P=l.useRef(null),[I,te]=l.useState(s>0),[W,V]=l.useState(null),Q=_==="compact",re=l.useMemo(()=>rt(n,h),[n,h]),oe=l.useMemo(()=>h.map(M=>({value:String(M.duration),label:M.label})),[h]),O=l.useCallback(()=>{P.current&&(clearInterval(P.current),P.current=null)},[]);l.useEffect(()=>(O(),I&&s>0&&d&&(P.current=setInterval(d,s)),O),[I,s,d,O]);const ae=M=>{if(!i)return;const ne=Number(Array.isArray(M)?M[0]:M),z=new Date;i({from:new Date(z.getTime()-ne),to:z})},u=i||A||p||d,T=k&&k.length>0;return o.jsxs(j,{sx:{display:"flex",flexDirection:"column",overflow:"hidden",...Q?{bgcolor:"transparent"}:{bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)",borderRadius:"8px"}},children:[o.jsxs(j,{sx:{display:"flex",alignItems:"center",gap:.75,px:1,py:.5,minHeight:32},children:[t&&o.jsx(j,{sx:{display:"flex",alignItems:"center",color:"var(--ov-fg-muted)",flexShrink:0},children:t}),o.jsxs(j,{sx:{minWidth:0,flex:1},children:[o.jsx(ce,{variant:"subtitle2",noWrap:!0,sx:{fontWeight:600,color:"var(--ov-fg-default)",fontSize:"0.75rem",lineHeight:1.2},children:e}),a&&o.jsx(ce,{variant:"caption",noWrap:!0,sx:{color:"var(--ov-fg-muted)",fontSize:"0.625rem",lineHeight:1.2,display:"block"},children:a})]}),u&&o.jsxs(j,{sx:{display:"flex",alignItems:"center",gap:.25,flexShrink:0},children:[i&&o.jsx(Ge.Select,{options:oe,value:re,onChange:ae,size:"xs"}),A,p,d&&o.jsx(me,{size:"small",onClick:()=>{s>0?te(M=>!M):d()},sx:{color:I?"var(--ov-accent)":"var(--ov-fg-muted)",p:.25},children:o.jsx(se.LuRefreshCw,{size:12})})]}),T&&o.jsxs(o.Fragment,{children:[o.jsx(me,{size:"small",onClick:M=>V(M.currentTarget),sx:{color:"var(--ov-fg-muted)",p:.25,flexShrink:0},children:o.jsx(se.LuEllipsisVertical,{size:13})}),o.jsx(He,{anchorEl:W,open:!!W,onClose:()=>V(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-subtle)",minWidth:140}}},children:k.map(M=>o.jsx(Ne,{onClick:()=>{V(null),M.onClick()},sx:{fontSize:"0.8125rem"},children:M.label},M.label))})]})]}),o.jsx(he,{series:r,timeRange:n,valueFormat:c,unit:m,valueFormatter:v,annotations:x,eventMarkers:y,area:f,colors:g,height:ee,loading:L,error:J,onRetry:G,skipAnimation:!0,yAxisPosition:D,xAxisPosition:b,margin:F,yAxisWidth:S,xAxisHeight:C,yAxisInline:q,yAxisInlinePosition:H,compact:!0,grid:!0})]})}ze.displayName="MetricsPanel";const ot={xs:120,sm:180,md:260,lg:360,xl:480};function we({series:e,capacity:t,timeRange:a,valueFormat:r="number",unit:n,valueFormatter:i,stacked:s=!0,colors:d,yAxisPosition:c="left",size:m="md",height:v,loading:x,error:y,onRetry:f,skipAnimation:h=!1,sx:g}){const p=K(),A=v??ot[m],k=l.useMemo(()=>N(d),[d]),D=l.useMemo(()=>i??B(r,n),[i,r,n]),b=e.length===0||e.every(C=>C.data.length===0),F=l.useMemo(()=>{for(const C of e)if(C.data.length>0)return C.data.map(q=>new Date(q.timestamp));return[]},[e]),S=l.useMemo(()=>e.map((C,q)=>({id:C.id,label:C.label,data:C.data.map(H=>H.value),color:C.color?$(C.color):k[q%k.length],area:!0,showMark:!1,stack:s?"total":void 0,valueFormatter:D})),[e,s,D,k]);return o.jsx(j,{sx:g,children:o.jsx(X,{loading:x,error:y,onRetry:f,empty:b,height:A,children:o.jsx(xe.LineChart,{height:A,series:S,xAxis:[{data:F,scaleType:"time",...a&&{min:a.from,max:a.to}}],yAxis:[{valueFormatter:D,position:c}],grid:{horizontal:!0},skipAnimation:h,hideLegend:!0,sx:{"& .MuiChartsAxis-line":{stroke:p.axisLineColor},"& .MuiChartsAxis-tick":{stroke:p.axisLineColor},"& .MuiChartsAxis-tickLabel":{fill:p.tooltipFg,fontSize:p.fontSize},"& .MuiChartsGrid-line":{stroke:p.gridColor},"& .MuiAreaElement-root":{opacity:p.areaOpacity}},children:t!=null&&o.jsx(ie.ChartsReferenceLine,{y:t,label:"Capacity",lineStyle:{stroke:$("danger"),strokeDasharray:"6 3"},labelStyle:{fill:p.tooltipFg,fontSize:p.fontSize}})})})})}we.displayName="StackedAreaChart";exports.BarChart=Me;exports.GaugeCard=$e;exports.MetricsPanel=ze;exports.PieChart=je;exports.ScatterChart=ke;exports.Sparkline=Ae;exports.StackedAreaChart=we;exports.TimeSeriesChart=he;exports.chartPalette=N;exports.formatBytes=pe;exports.formatDuration=ye;exports.formatNumber=Se;exports.formatPercent=ve;exports.formatRate=be;exports.formatSI=Ce;exports.formatTimeAxisTick=Re;exports.getValueFormatter=B;exports.resolveChartColor=$;exports.useChartTheme=K;

package/dist/charts.js

@@ -9,7 +9,7 @@ import { ChartsReferenceLine as lt } from "@mui/x-charts/ChartsReferenceLine";
 import { useXScale as Mt, useDrawingArea as xt, useYScale as $t } from "@mui/x-charts/hooks";
 import { LuChartBar as At, LuRefreshCw as zt, LuEllipsisVertical as wt } from "react-icons/lu";
 import { S as st } from "./Skeleton-BUYyXUiC.js";
-import { a as Dt, E as Lt } from "./ErrorState-CexYrMpy.js";
+import { a as Dt, E as Lt } from "./ErrorState-DNOrahZX.js";
 import { BarChart as Tt } from "@mui/x-charts/BarChart";
 import { PieChart as Ft } from "@mui/x-charts/PieChart";
 import { ScatterChart as Pt } from "@mui/x-charts/ScatterChart";
@@ -19,7 +19,7 @@ import { Gauge as Bt } from "@mui/x-charts/Gauge";
 import mt from "@mui/material/IconButton";
 import Nt from "@mui/material/MenuItem";
 import Ht from "@mui/material/Menu";
-import { S as Wt } from "./Select-DTUF31OP.js";
+import { S as Wt } from "./Select-D61fKI8Y.js";
 const vt = {
   primary: "--ov-accent",
   secondary: "--ov-fg-muted",

package/dist/domain.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@mui/material/Box"),d=require("@mui/material/Typography"),g=require("@mui/material/Chip"),V=require("./StatusPill-C7yn7dSA.cjs"),F=require("./Tooltip-44-P5KfQ.cjs"),M=require("./CopyButton-CACe3RCF.cjs"),p=require("react"),S=require("./TabPanel-CkUSl6Bt.cjs"),z=require("./CodeBlock-CIyG0DbW.cjs"),K=require("@mui/material/CircularProgress"),k=require("./Skeleton-CfdQWLQM.cjs"),J=require("@mui/material/IconButton"),y=require("react-icons/lu"),G=require("./types.cjs"),U=require("@mui/material/Popover"),X=require("@mui/material/TextField"),Y=require("@mui/material/MenuItem"),_=require("@mui/material/Select"),C={xs:{fontSize:"0.6875rem",chipSize:"small"},sm:{fontSize:"0.75rem",chipSize:"small"},md:{fontSize:"0.8125rem",chipSize:"small"},lg:{fontSize:"0.875rem",chipSize:"medium"},xl:{fontSize:"1rem",chipSize:"medium"}};function I({kind:r,name:n,namespace:i,icon:l,onNavigate:o,size:a="sm",interactive:t=!1}){const u=C[a]||C.sm;return e.jsxs(s,{sx:{display:"inline-flex",alignItems:"center",gap:.5,cursor:t?"pointer":void 0,"&:hover":t?{"& .resource-name":{textDecoration:"underline"}}:void 0},onClick:t?o:void 0,children:[l&&e.jsx(s,{sx:{display:"flex",alignItems:"center",color:"var(--ov-fg-muted)",fontSize:u.fontSize},children:l}),e.jsx(g,{label:r,size:u.chipSize,variant:"outlined",sx:{height:"auto",fontSize:"0.625rem",fontWeight:600,color:"var(--ov-fg-muted)",borderColor:"var(--ov-border-default)",py:0,"& .MuiChip-label":{px:.5,py:0}}}),e.jsx(d,{className:"resource-name",variant:"body2",sx:{fontSize:u.fontSize,fontWeight:500,color:t?"var(--ov-accent-fg)":"var(--ov-fg-base)"},noWrap:!0,children:n}),i&&e.jsxs(d,{variant:"caption",sx:{color:"var(--ov-fg-faint)",fontSize:u.fontSize},children:["(",i,")"]})]})}I.displayName="ResourceRef";const Q={Running:"healthy",Active:"healthy",Bound:"healthy",Available:"healthy",Ready:"healthy",Succeeded:"healthy",Completed:"healthy",Pending:"pending",ContainerCreating:"pending",Terminating:"warning",Warning:"warning",Degraded:"degraded",CrashLoopBackOff:"error",Failed:"error",Error:"error",ImagePullBackOff:"error",ErrImagePull:"error",OOMKilled:"error",Unknown:"unknown"};function T({status:r,conditions:n,size:i="sm",showTooltip:l=!0}){const o=Q[r]??"unknown",a=e.jsx(V.StatusPill,{status:o,label:r,size:i});return l&&n&&n.length>0?e.jsx(F.Tooltip,{variant:"rich",title:e.jsxs(s,{sx:{maxWidth:360},children:[e.jsx(d,{variant:"subtitle2",sx:{fontWeight:600,mb:.5},children:"Conditions"}),n.map((t,u)=>e.jsxs(s,{sx:{mb:.5},children:[e.jsxs(d,{variant:"caption",sx:{fontWeight:600},children:[t.type,": ",t.status]}),t.reason&&e.jsx(d,{variant:"caption",sx:{display:"block",color:"text.secondary"},children:t.reason}),t.message&&e.jsx(d,{variant:"caption",sx:{display:"block",color:"text.secondary",fontSize:"0.65rem"},children:t.message})]},u))]}),children:e.jsx(s,{sx:{display:"inline-flex"},children:a})}):a}T.displayName="ResourceStatus";const w={xs:{labelSize:"0.625rem",valueSize:"0.6875rem",gap:1},sm:{labelSize:"0.6875rem",valueSize:"0.75rem",gap:1.5},md:{labelSize:"0.75rem",valueSize:"0.8125rem",gap:2},lg:{labelSize:"0.8125rem",valueSize:"0.875rem",gap:2.5},xl:{labelSize:"0.875rem",valueSize:"1rem",gap:3}};function j({items:r,columns:n=1,size:i="md"}){const l=w[i]||w.md;return e.jsx(s,{sx:{display:"grid",gridTemplateColumns:`repeat(${n}, 1fr)`,gap:l.gap},children:r.map((o,a)=>e.jsxs(s,{children:[e.jsxs(s,{sx:{display:"flex",alignItems:"center",gap:.5,mb:.25},children:[o.icon&&e.jsx(s,{sx:{display:"flex",alignItems:"center",color:"var(--ov-fg-muted)"},children:o.icon}),e.jsx(d,{variant:"caption",sx:{fontSize:l.labelSize,fontWeight:600,color:"var(--ov-fg-muted)",textTransform:"uppercase",letterSpacing:"0.04em"},children:o.label})]}),e.jsxs(s,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e.jsx(d,{variant:"body2",sx:{fontSize:l.valueSize,color:"var(--ov-fg-base)",wordBreak:"break-word"},children:o.value}),o.copyable&&e.jsx(M.CopyButton,{value:String(o.value),size:"xs"})]})]},a))})}j.displayName="DescriptionList";function A(r,n=""){const i=[];for(const[l,o]of Object.entries(r)){const a=n?`${n}.${l}`:l;o!==null&&typeof o=="object"&&!Array.isArray(o)?i.push(...A(o,a)):i.push({label:a,value:Array.isArray(o)?o.join(", "):String(o??"—"),copyable:!0})}return i}function W({data:r,title:n,tabs:i,defaultTab:l,sx:o}){const a=p.useMemo(()=>A(r),[r]),t=p.useMemo(()=>{try{return JSON.stringify(r,null,2)}catch{return"{}"}},[r]),u=p.useMemo(()=>[{key:"summary",label:"Summary",content:e.jsx(j,{items:a,columns:2})},{key:"yaml",label:"YAML",content:e.jsx(z.CodeBlock,{language:"yaml",lineNumbers:!0,children:t})},{key:"json",label:"JSON",content:e.jsx(z.CodeBlock,{language:"json",lineNumbers:!0,children:t})}],[a,t]),x=p.useMemo(()=>[...u,...i??[]],[u,i]),[m,b]=p.useState(l??x[0]?.key??"summary");return e.jsxs(s,{sx:{border:"1px solid var(--ov-border-default)",borderRadius:"6px",overflow:"hidden",...typeof o=="object"&&!Array.isArray(o)?o:{}},children:[n&&e.jsx(s,{sx:{px:2,py:1,borderBottom:"1px solid var(--ov-border-default)",bgcolor:"var(--ov-bg-surface)"},children:e.jsx(d,{variant:"subtitle2",sx:{fontWeight:600,color:"var(--ov-fg-base)"},children:n})}),e.jsx(s,{sx:{px:2,pt:1},children:e.jsx(S.Tabs,{tabs:x.map(h=>({key:h.key,label:h.label})),value:m,onChange:b,size:"sm"})}),e.jsx(s,{sx:{p:2},children:x.map(h=>e.jsx(S.TabPanel,{value:h.key,activeValue:m,children:h.content},h.key))})]})}W.displayName="ObjectInspector";function Z(r){if(!r)return"—";const n=Date.now()-new Date(r).getTime(),i=Math.floor(n/6e4);if(i<60)return`${i}m`;const l=Math.floor(i/60);return l<24?`${l}h`:`${Math.floor(l/24)}d`}function ee({event:r}){return e.jsxs(s,{sx:{display:"flex",alignItems:"flex-start",gap:1.5,py:1,px:1.5,borderBottom:"1px solid var(--ov-border-muted)","&:last-child":{borderBottom:"none"}},children:[e.jsx(g,{label:r.type,size:"small",color:r.type==="Warning"?"warning":"info",variant:"outlined",sx:{fontSize:"0.625rem",height:20,flexShrink:0,mt:.25}}),e.jsxs(s,{sx:{flex:1,minWidth:0},children:[e.jsx(d,{variant:"body2",sx:{fontWeight:600,fontSize:"0.8125rem",color:"var(--ov-fg-base)"},children:r.reason}),e.jsx(d,{variant:"body2",sx:{fontSize:"0.75rem",color:"var(--ov-fg-default)",mt:.25},children:r.message}),r.involvedObject&&e.jsxs(d,{variant:"caption",sx:{color:"var(--ov-fg-muted)",mt:.25,display:"block"},children:[r.involvedObject.kind,"/",r.involvedObject.name,r.involvedObject.namespace?` (${r.involvedObject.namespace})`:""]})]}),e.jsxs(s,{sx:{display:"flex",alignItems:"center",gap:1,flexShrink:0},children:[r.count!=null&&r.count>1&&e.jsx(g,{label:`×${r.count}`,size:"small",sx:{fontSize:"0.625rem",height:18}}),e.jsx(d,{variant:"caption",sx:{color:"var(--ov-fg-faint)",whiteSpace:"nowrap"},children:Z(r.lastTimestamp??r.firstTimestamp)})]})]})}function B({events:r,loading:n=!1}){return n?e.jsx(s,{sx:{display:"flex",justifyContent:"center",py:4},children:e.jsx(K,{size:24})}):r.length===0?e.jsx(s,{sx:{textAlign:"center",py:4,color:"var(--ov-fg-muted)"},children:e.jsx(d,{variant:"body2",children:"No events"})}):e.jsx(s,{children:r.map((i,l)=>e.jsx(ee,{event:i},l))})}B.displayName="EventsList";const re={info:"var(--ov-fg-default)",warn:"var(--ov-warning)",error:"var(--ov-danger)",debug:"var(--ov-fg-faint)"},R=20;function O({lines:r,follow:n=!1,wrap:i=!1,timestamps:l=!0,maxLines:o,severity:a}){const t=p.useRef(null),u=p.useMemo(()=>{let x=r;return a&&(x=x.filter(m=>m.severity===a)),o&&(x=x.slice(-o)),x},[r,a,o]);return p.useEffect(()=>{n&&t.current&&(t.current.scrollTop=t.current.scrollHeight)},[u.length,n]),e.jsx(s,{ref:t,sx:{fontFamily:"var(--ov-font-mono)",fontSize:"0.75rem",lineHeight:`${R}px`,bgcolor:"#0d1117",color:"var(--ov-fg-default)",border:"1px solid var(--ov-border-default)",borderRadius:"6px",overflow:"auto",maxHeight:400,p:1,whiteSpace:i?"pre-wrap":"pre",wordBreak:i?"break-all":void 0},children:u.length===0?e.jsx(d,{variant:"body2",sx:{color:"var(--ov-fg-muted)",fontFamily:"inherit",fontSize:"inherit",py:2,textAlign:"center"},children:"No log lines"}):u.map((x,m)=>e.jsxs(s,{sx:{display:"flex",gap:1,color:re[x.severity??"info"],minHeight:R,"&:hover":{bgcolor:"rgba(255,255,255,0.03)"}},children:[e.jsx(s,{sx:{color:"var(--ov-fg-faint)",userSelect:"none",width:40,textAlign:"right",flexShrink:0},children:m+1}),l&&x.timestamp&&e.jsx(s,{sx:{color:"var(--ov-fg-muted)",flexShrink:0},children:x.timestamp}),e.jsx(s,{sx:{flex:1},children:x.content})]},m))})}O.displayName="LogsViewer";const oe={up:"var(--ov-success)",down:"var(--ov-danger)",neutral:"var(--ov-fg-muted)"};function q({label:r,value:n,unit:i,delta:l,deltaDirection:o="neutral",sparkline:a,loading:t=!1}){return t?e.jsxs(s,{sx:{p:2,border:"1px solid var(--ov-border-default)",borderRadius:"8px",bgcolor:"var(--ov-bg-surface)"},children:[e.jsx(k.Skeleton,{variant:"text",width:"40%"}),e.jsx(k.Skeleton,{variant:"text",width:"60%",height:32})]}):e.jsxs(s,{sx:{p:2,border:"1px solid var(--ov-border-default)",borderRadius:"8px",bgcolor:"var(--ov-bg-surface)",display:"flex",flexDirection:"column",gap:.5},children:[e.jsx(d,{variant:"caption",sx:{fontSize:"0.6875rem",fontWeight:600,color:"var(--ov-fg-muted)",textTransform:"uppercase",letterSpacing:"0.04em"},children:r}),e.jsxs(s,{sx:{display:"flex",alignItems:"baseline",gap:.5},children:[e.jsx(d,{variant:"h5",sx:{fontWeight:700,color:"var(--ov-fg-base)",lineHeight:1},children:n}),i&&e.jsx(d,{variant:"body2",sx:{color:"var(--ov-fg-muted)",fontSize:"0.75rem"},children:i})]}),l!=null&&e.jsxs(d,{variant:"caption",sx:{color:oe[o],fontWeight:500,fontSize:"0.75rem"},children:[o==="up"&&"↑",o==="down"&&"↓",l>0?"+":"",l,"%"]}),a&&e.jsx(s,{sx:{mt:.5},children:a})]})}q.displayName="MetricCard";function L({value:r,revealed:n,onReveal:i,copyable:l=!1}){const[o,a]=p.useState(!1),t=n??o,u=()=>{i?i():a(x=>!x)};return e.jsxs(s,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[e.jsx(d,{variant:"body2",sx:{fontFamily:"var(--ov-font-mono)",fontSize:"0.8125rem",color:t?"var(--ov-fg-base)":"var(--ov-fg-muted)",letterSpacing:t?void 0:"0.15em"},children:t?r:"••••••••"}),e.jsx(J,{size:"small",onClick:u,sx:{p:.25},children:t?e.jsx(y.LuEyeOff,{size:14}):e.jsx(y.LuEye,{size:14})}),l&&e.jsx(M.CopyButton,{value:r,size:"xs"})]})}L.displayName="SecretValueMask";const te={xs:"var(--ov-text-xs)",sm:"var(--ov-text-xs)",md:"var(--ov-text-sm)",lg:"var(--ov-text-sm)",xl:"var(--ov-text-sm)"};function E({segments:r,onNavigate:n,size:i="sm",sx:l}){const o=te[i];return e.jsx(s,{sx:{display:"flex",alignItems:"center",gap:.5,...typeof l=="object"&&!Array.isArray(l)?l:{}},children:r.map((a,t)=>e.jsxs(p.Fragment,{children:[t>0&&e.jsx(y.LuChevronRight,{size:12,color:"var(--ov-fg-faint)"}),e.jsxs(s,{onClick:n?()=>n(a,t):void 0,sx:{display:"inline-flex",alignItems:"center",gap:.5,px:.5,py:.125,borderRadius:"3px",cursor:n?"pointer":"default",...n&&{"&:hover":{bgcolor:"var(--ov-state-hover)"}}},children:[a.icon&&e.jsx(s,{sx:{display:"flex",color:"var(--ov-fg-muted)",flexShrink:0},children:a.icon}),e.jsx(d,{sx:{fontSize:o,color:t===r.length-1?"var(--ov-fg-base)":"var(--ov-fg-muted)",fontWeight:t===r.length-1?500:400,whiteSpace:"nowrap"},children:a.label})]})]},t))})}E.displayName="ResourceBreadcrumb";const se={xs:8,sm:10,md:12,lg:14,xl:16};function N({events:r,size:n="sm",sx:i}){const l=se[n];return e.jsx(s,{sx:{display:"flex",flexDirection:"column",...typeof i=="object"&&!Array.isArray(i)?i:{}},children:r.map((o,a)=>{const t=o.color?G.toCssColor(o.color):"var(--ov-fg-muted)",u=a===r.length-1;return e.jsxs(s,{sx:{display:"flex",gap:1.5},children:[e.jsxs(s,{sx:{display:"flex",flexDirection:"column",alignItems:"center",width:l+8,flexShrink:0},children:[o.icon?e.jsx(s,{sx:{color:t,display:"flex",mt:.25},children:o.icon}):e.jsx(s,{sx:{width:l,height:l,borderRadius:"50%",bgcolor:t,mt:.5,flexShrink:0}}),!u&&e.jsx(s,{sx:{width:2,flex:1,bgcolor:"var(--ov-border-muted)",minHeight:16}})]}),e.jsxs(s,{sx:{flex:1,pb:u?0:2,minWidth:0},children:[e.jsxs(s,{sx:{display:"flex",justifyContent:"space-between",alignItems:"baseline",mb:.25},children:[e.jsx(d,{sx:{fontSize:n==="xs"?"var(--ov-text-xs)":"var(--ov-text-sm)",fontWeight:500,color:"var(--ov-fg-base)"},children:o.title}),e.jsx(d,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-faint)",whiteSpace:"nowrap",ml:1,flexShrink:0},children:typeof o.timestamp=="string"?o.timestamp:o.timestamp.toLocaleTimeString()})]}),o.description&&e.jsx(d,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-muted)",lineHeight:1.5},children:o.description})]})]},o.id)})})}N.displayName="Timeline";function P({filters:r,activeFilters:n,onChange:i,sx:l}){const[o,a]=p.useState(null),[t,u]=p.useState(null),[x,m]=p.useState(""),b=(c,f)=>{a(c.currentTarget),u(f);const v=n.find(H=>H.key===f.key);m(v?.value??"")},h=()=>{if(!t)return;const c=t.key,f=n.filter(v=>v.key!==c);x.trim()&&f.push({key:c,value:x.trim()}),i(f),a(null),u(null)},$=c=>{i(n.filter(f=>f.key!==c))},D=new Set(n.map(c=>c.key));return e.jsxs(s,{sx:{display:"flex",alignItems:"center",gap:.75,flexWrap:"wrap",...typeof l=="object"&&!Array.isArray(l)?l:{}},children:[n.map(c=>{const f=r.find(v=>v.key===c.key);return e.jsx(g,{label:`${f?.label??c.key}: ${c.value}`,size:"small",onDelete:()=>$(c.key),deleteIcon:e.jsx(y.LuX,{size:12}),onClick:v=>f&&b(v,f),sx:{fontSize:"var(--ov-text-xs)",bgcolor:"var(--ov-accent-subtle)",color:"var(--ov-accent-fg)","& .MuiChip-deleteIcon":{color:"var(--ov-accent-fg)"}}},c.key)}),r.filter(c=>!D.has(c.key)).map(c=>e.jsx(g,{label:c.label,size:"small",icon:e.jsx(y.LuPlus,{size:10}),onClick:f=>b(f,c),variant:"outlined",sx:{fontSize:"var(--ov-text-xs)",borderColor:"var(--ov-border-default)",color:"var(--ov-fg-muted)",cursor:"pointer"}},c.key)),e.jsx(U,{open:!!o,anchorEl:o,onClose:()=>{a(null),u(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},slotProps:{paper:{sx:{p:2,minWidth:220,bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)"}}},children:t&&e.jsxs(s,{children:[e.jsx(d,{sx:{fontSize:"var(--ov-text-xs)",fontWeight:600,color:"var(--ov-fg-muted)",mb:1},children:t.label}),t.type==="text"&&e.jsx(X,{autoFocus:!0,size:"small",fullWidth:!0,value:x,onChange:c=>m(c.target.value),onKeyDown:c=>{c.key==="Enter"&&h()},placeholder:t.placeholder,sx:{mb:1}}),t.type==="select"&&t.options&&e.jsx(_,{size:"small",fullWidth:!0,value:x,onChange:c=>m(c.target.value),sx:{mb:1},children:t.options.map(c=>e.jsx(Y,{value:c,children:c},c))}),e.jsx(s,{sx:{display:"flex",justifyContent:"flex-end",gap:.5},children:e.jsx(g,{label:"Apply",size:"small",onClick:h,sx:{cursor:"pointer",bgcolor:"var(--ov-accent)",color:"#fff",fontSize:"var(--ov-text-xs)"}})})]})})]})}P.displayName="FilterBar";exports.DescriptionList=j;exports.EventsList=B;exports.FilterBar=P;exports.LogsViewer=O;exports.MetricCard=q;exports.ObjectInspector=W;exports.ResourceBreadcrumb=E;exports.ResourceRef=I;exports.ResourceStatus=T;exports.SecretValueMask=L;exports.Timeline=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@mui/material/Box"),d=require("@mui/material/Typography"),g=require("@mui/material/Chip"),V=require("./StatusPill-C7yn7dSA.cjs"),F=require("./Tooltip-oUFp4gNV.cjs"),M=require("./CopyButton-3fq1UAiv.cjs"),p=require("react"),S=require("./TabPanel-CkUSl6Bt.cjs"),z=require("./CodeBlock-DTB_WsXQ.cjs"),K=require("@mui/material/CircularProgress"),k=require("./Skeleton-CfdQWLQM.cjs"),J=require("@mui/material/IconButton"),y=require("react-icons/lu"),G=require("./types.cjs"),U=require("@mui/material/Popover"),X=require("@mui/material/TextField"),Y=require("@mui/material/MenuItem"),_=require("@mui/material/Select"),C={xs:{fontSize:"0.6875rem",chipSize:"small"},sm:{fontSize:"0.75rem",chipSize:"small"},md:{fontSize:"0.8125rem",chipSize:"small"},lg:{fontSize:"0.875rem",chipSize:"medium"},xl:{fontSize:"1rem",chipSize:"medium"}};function I({kind:r,name:n,namespace:i,icon:l,onNavigate:o,size:a="sm",interactive:t=!1}){const u=C[a]||C.sm;return e.jsxs(s,{sx:{display:"inline-flex",alignItems:"center",gap:.5,cursor:t?"pointer":void 0,"&:hover":t?{"& .resource-name":{textDecoration:"underline"}}:void 0},onClick:t?o:void 0,children:[l&&e.jsx(s,{sx:{display:"flex",alignItems:"center",color:"var(--ov-fg-muted)",fontSize:u.fontSize},children:l}),e.jsx(g,{label:r,size:u.chipSize,variant:"outlined",sx:{height:"auto",fontSize:"0.625rem",fontWeight:600,color:"var(--ov-fg-muted)",borderColor:"var(--ov-border-default)",py:0,"& .MuiChip-label":{px:.5,py:0}}}),e.jsx(d,{className:"resource-name",variant:"body2",sx:{fontSize:u.fontSize,fontWeight:500,color:t?"var(--ov-accent-fg)":"var(--ov-fg-base)"},noWrap:!0,children:n}),i&&e.jsxs(d,{variant:"caption",sx:{color:"var(--ov-fg-faint)",fontSize:u.fontSize},children:["(",i,")"]})]})}I.displayName="ResourceRef";const Q={Running:"healthy",Active:"healthy",Bound:"healthy",Available:"healthy",Ready:"healthy",Succeeded:"healthy",Completed:"healthy",Pending:"pending",ContainerCreating:"pending",Terminating:"warning",Warning:"warning",Degraded:"degraded",CrashLoopBackOff:"error",Failed:"error",Error:"error",ImagePullBackOff:"error",ErrImagePull:"error",OOMKilled:"error",Unknown:"unknown"};function T({status:r,conditions:n,size:i="sm",showTooltip:l=!0}){const o=Q[r]??"unknown",a=e.jsx(V.StatusPill,{status:o,label:r,size:i});return l&&n&&n.length>0?e.jsx(F.Tooltip,{variant:"rich",title:e.jsxs(s,{sx:{maxWidth:360},children:[e.jsx(d,{variant:"subtitle2",sx:{fontWeight:600,mb:.5},children:"Conditions"}),n.map((t,u)=>e.jsxs(s,{sx:{mb:.5},children:[e.jsxs(d,{variant:"caption",sx:{fontWeight:600},children:[t.type,": ",t.status]}),t.reason&&e.jsx(d,{variant:"caption",sx:{display:"block",color:"text.secondary"},children:t.reason}),t.message&&e.jsx(d,{variant:"caption",sx:{display:"block",color:"text.secondary",fontSize:"0.65rem"},children:t.message})]},u))]}),children:e.jsx(s,{sx:{display:"inline-flex"},children:a})}):a}T.displayName="ResourceStatus";const w={xs:{labelSize:"0.625rem",valueSize:"0.6875rem",gap:1},sm:{labelSize:"0.6875rem",valueSize:"0.75rem",gap:1.5},md:{labelSize:"0.75rem",valueSize:"0.8125rem",gap:2},lg:{labelSize:"0.8125rem",valueSize:"0.875rem",gap:2.5},xl:{labelSize:"0.875rem",valueSize:"1rem",gap:3}};function j({items:r,columns:n=1,size:i="md"}){const l=w[i]||w.md;return e.jsx(s,{sx:{display:"grid",gridTemplateColumns:`repeat(${n}, 1fr)`,gap:l.gap},children:r.map((o,a)=>e.jsxs(s,{children:[e.jsxs(s,{sx:{display:"flex",alignItems:"center",gap:.5,mb:.25},children:[o.icon&&e.jsx(s,{sx:{display:"flex",alignItems:"center",color:"var(--ov-fg-muted)"},children:o.icon}),e.jsx(d,{variant:"caption",sx:{fontSize:l.labelSize,fontWeight:600,color:"var(--ov-fg-muted)",textTransform:"uppercase",letterSpacing:"0.04em"},children:o.label})]}),e.jsxs(s,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e.jsx(d,{variant:"body2",sx:{fontSize:l.valueSize,color:"var(--ov-fg-base)",wordBreak:"break-word"},children:o.value}),o.copyable&&e.jsx(M.CopyButton,{value:String(o.value),size:"xs"})]})]},a))})}j.displayName="DescriptionList";function A(r,n=""){const i=[];for(const[l,o]of Object.entries(r)){const a=n?`${n}.${l}`:l;o!==null&&typeof o=="object"&&!Array.isArray(o)?i.push(...A(o,a)):i.push({label:a,value:Array.isArray(o)?o.join(", "):String(o??"—"),copyable:!0})}return i}function W({data:r,title:n,tabs:i,defaultTab:l,sx:o}){const a=p.useMemo(()=>A(r),[r]),t=p.useMemo(()=>{try{return JSON.stringify(r,null,2)}catch{return"{}"}},[r]),u=p.useMemo(()=>[{key:"summary",label:"Summary",content:e.jsx(j,{items:a,columns:2})},{key:"yaml",label:"YAML",content:e.jsx(z.CodeBlock,{language:"yaml",lineNumbers:!0,children:t})},{key:"json",label:"JSON",content:e.jsx(z.CodeBlock,{language:"json",lineNumbers:!0,children:t})}],[a,t]),x=p.useMemo(()=>[...u,...i??[]],[u,i]),[m,b]=p.useState(l??x[0]?.key??"summary");return e.jsxs(s,{sx:{border:"1px solid var(--ov-border-default)",borderRadius:"6px",overflow:"hidden",...typeof o=="object"&&!Array.isArray(o)?o:{}},children:[n&&e.jsx(s,{sx:{px:2,py:1,borderBottom:"1px solid var(--ov-border-default)",bgcolor:"var(--ov-bg-surface)"},children:e.jsx(d,{variant:"subtitle2",sx:{fontWeight:600,color:"var(--ov-fg-base)"},children:n})}),e.jsx(s,{sx:{px:2,pt:1},children:e.jsx(S.Tabs,{tabs:x.map(h=>({key:h.key,label:h.label})),value:m,onChange:b,size:"sm"})}),e.jsx(s,{sx:{p:2},children:x.map(h=>e.jsx(S.TabPanel,{value:h.key,activeValue:m,children:h.content},h.key))})]})}W.displayName="ObjectInspector";function Z(r){if(!r)return"—";const n=Date.now()-new Date(r).getTime(),i=Math.floor(n/6e4);if(i<60)return`${i}m`;const l=Math.floor(i/60);return l<24?`${l}h`:`${Math.floor(l/24)}d`}function ee({event:r}){return e.jsxs(s,{sx:{display:"flex",alignItems:"flex-start",gap:1.5,py:1,px:1.5,borderBottom:"1px solid var(--ov-border-muted)","&:last-child":{borderBottom:"none"}},children:[e.jsx(g,{label:r.type,size:"small",color:r.type==="Warning"?"warning":"info",variant:"outlined",sx:{fontSize:"0.625rem",height:20,flexShrink:0,mt:.25}}),e.jsxs(s,{sx:{flex:1,minWidth:0},children:[e.jsx(d,{variant:"body2",sx:{fontWeight:600,fontSize:"0.8125rem",color:"var(--ov-fg-base)"},children:r.reason}),e.jsx(d,{variant:"body2",sx:{fontSize:"0.75rem",color:"var(--ov-fg-default)",mt:.25},children:r.message}),r.involvedObject&&e.jsxs(d,{variant:"caption",sx:{color:"var(--ov-fg-muted)",mt:.25,display:"block"},children:[r.involvedObject.kind,"/",r.involvedObject.name,r.involvedObject.namespace?` (${r.involvedObject.namespace})`:""]})]}),e.jsxs(s,{sx:{display:"flex",alignItems:"center",gap:1,flexShrink:0},children:[r.count!=null&&r.count>1&&e.jsx(g,{label:`×${r.count}`,size:"small",sx:{fontSize:"0.625rem",height:18}}),e.jsx(d,{variant:"caption",sx:{color:"var(--ov-fg-faint)",whiteSpace:"nowrap"},children:Z(r.lastTimestamp??r.firstTimestamp)})]})]})}function B({events:r,loading:n=!1}){return n?e.jsx(s,{sx:{display:"flex",justifyContent:"center",py:4},children:e.jsx(K,{size:24})}):r.length===0?e.jsx(s,{sx:{textAlign:"center",py:4,color:"var(--ov-fg-muted)"},children:e.jsx(d,{variant:"body2",children:"No events"})}):e.jsx(s,{children:r.map((i,l)=>e.jsx(ee,{event:i},l))})}B.displayName="EventsList";const re={info:"var(--ov-fg-default)",warn:"var(--ov-warning)",error:"var(--ov-danger)",debug:"var(--ov-fg-faint)"},R=20;function O({lines:r,follow:n=!1,wrap:i=!1,timestamps:l=!0,maxLines:o,severity:a}){const t=p.useRef(null),u=p.useMemo(()=>{let x=r;return a&&(x=x.filter(m=>m.severity===a)),o&&(x=x.slice(-o)),x},[r,a,o]);return p.useEffect(()=>{n&&t.current&&(t.current.scrollTop=t.current.scrollHeight)},[u.length,n]),e.jsx(s,{ref:t,sx:{fontFamily:"var(--ov-font-mono)",fontSize:"0.75rem",lineHeight:`${R}px`,bgcolor:"#0d1117",color:"var(--ov-fg-default)",border:"1px solid var(--ov-border-default)",borderRadius:"6px",overflow:"auto",maxHeight:400,p:1,whiteSpace:i?"pre-wrap":"pre",wordBreak:i?"break-all":void 0},children:u.length===0?e.jsx(d,{variant:"body2",sx:{color:"var(--ov-fg-muted)",fontFamily:"inherit",fontSize:"inherit",py:2,textAlign:"center"},children:"No log lines"}):u.map((x,m)=>e.jsxs(s,{sx:{display:"flex",gap:1,color:re[x.severity??"info"],minHeight:R,"&:hover":{bgcolor:"rgba(255,255,255,0.03)"}},children:[e.jsx(s,{sx:{color:"var(--ov-fg-faint)",userSelect:"none",width:40,textAlign:"right",flexShrink:0},children:m+1}),l&&x.timestamp&&e.jsx(s,{sx:{color:"var(--ov-fg-muted)",flexShrink:0},children:x.timestamp}),e.jsx(s,{sx:{flex:1},children:x.content})]},m))})}O.displayName="LogsViewer";const oe={up:"var(--ov-success)",down:"var(--ov-danger)",neutral:"var(--ov-fg-muted)"};function q({label:r,value:n,unit:i,delta:l,deltaDirection:o="neutral",sparkline:a,loading:t=!1}){return t?e.jsxs(s,{sx:{p:2,border:"1px solid var(--ov-border-default)",borderRadius:"8px",bgcolor:"var(--ov-bg-surface)"},children:[e.jsx(k.Skeleton,{variant:"text",width:"40%"}),e.jsx(k.Skeleton,{variant:"text",width:"60%",height:32})]}):e.jsxs(s,{sx:{p:2,border:"1px solid var(--ov-border-default)",borderRadius:"8px",bgcolor:"var(--ov-bg-surface)",display:"flex",flexDirection:"column",gap:.5},children:[e.jsx(d,{variant:"caption",sx:{fontSize:"0.6875rem",fontWeight:600,color:"var(--ov-fg-muted)",textTransform:"uppercase",letterSpacing:"0.04em"},children:r}),e.jsxs(s,{sx:{display:"flex",alignItems:"baseline",gap:.5},children:[e.jsx(d,{variant:"h5",sx:{fontWeight:700,color:"var(--ov-fg-base)",lineHeight:1},children:n}),i&&e.jsx(d,{variant:"body2",sx:{color:"var(--ov-fg-muted)",fontSize:"0.75rem"},children:i})]}),l!=null&&e.jsxs(d,{variant:"caption",sx:{color:oe[o],fontWeight:500,fontSize:"0.75rem"},children:[o==="up"&&"↑",o==="down"&&"↓",l>0?"+":"",l,"%"]}),a&&e.jsx(s,{sx:{mt:.5},children:a})]})}q.displayName="MetricCard";function L({value:r,revealed:n,onReveal:i,copyable:l=!1}){const[o,a]=p.useState(!1),t=n??o,u=()=>{i?i():a(x=>!x)};return e.jsxs(s,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[e.jsx(d,{variant:"body2",sx:{fontFamily:"var(--ov-font-mono)",fontSize:"0.8125rem",color:t?"var(--ov-fg-base)":"var(--ov-fg-muted)",letterSpacing:t?void 0:"0.15em"},children:t?r:"••••••••"}),e.jsx(J,{size:"small",onClick:u,sx:{p:.25},children:t?e.jsx(y.LuEyeOff,{size:14}):e.jsx(y.LuEye,{size:14})}),l&&e.jsx(M.CopyButton,{value:r,size:"xs"})]})}L.displayName="SecretValueMask";const te={xs:"var(--ov-text-xs)",sm:"var(--ov-text-xs)",md:"var(--ov-text-sm)",lg:"var(--ov-text-sm)",xl:"var(--ov-text-sm)"};function E({segments:r,onNavigate:n,size:i="sm",sx:l}){const o=te[i];return e.jsx(s,{sx:{display:"flex",alignItems:"center",gap:.5,...typeof l=="object"&&!Array.isArray(l)?l:{}},children:r.map((a,t)=>e.jsxs(p.Fragment,{children:[t>0&&e.jsx(y.LuChevronRight,{size:12,color:"var(--ov-fg-faint)"}),e.jsxs(s,{onClick:n?()=>n(a,t):void 0,sx:{display:"inline-flex",alignItems:"center",gap:.5,px:.5,py:.125,borderRadius:"3px",cursor:n?"pointer":"default",...n&&{"&:hover":{bgcolor:"var(--ov-state-hover)"}}},children:[a.icon&&e.jsx(s,{sx:{display:"flex",color:"var(--ov-fg-muted)",flexShrink:0},children:a.icon}),e.jsx(d,{sx:{fontSize:o,color:t===r.length-1?"var(--ov-fg-base)":"var(--ov-fg-muted)",fontWeight:t===r.length-1?500:400,whiteSpace:"nowrap"},children:a.label})]})]},t))})}E.displayName="ResourceBreadcrumb";const se={xs:8,sm:10,md:12,lg:14,xl:16};function N({events:r,size:n="sm",sx:i}){const l=se[n];return e.jsx(s,{sx:{display:"flex",flexDirection:"column",...typeof i=="object"&&!Array.isArray(i)?i:{}},children:r.map((o,a)=>{const t=o.color?G.toCssColor(o.color):"var(--ov-fg-muted)",u=a===r.length-1;return e.jsxs(s,{sx:{display:"flex",gap:1.5},children:[e.jsxs(s,{sx:{display:"flex",flexDirection:"column",alignItems:"center",width:l+8,flexShrink:0},children:[o.icon?e.jsx(s,{sx:{color:t,display:"flex",mt:.25},children:o.icon}):e.jsx(s,{sx:{width:l,height:l,borderRadius:"50%",bgcolor:t,mt:.5,flexShrink:0}}),!u&&e.jsx(s,{sx:{width:2,flex:1,bgcolor:"var(--ov-border-muted)",minHeight:16}})]}),e.jsxs(s,{sx:{flex:1,pb:u?0:2,minWidth:0},children:[e.jsxs(s,{sx:{display:"flex",justifyContent:"space-between",alignItems:"baseline",mb:.25},children:[e.jsx(d,{sx:{fontSize:n==="xs"?"var(--ov-text-xs)":"var(--ov-text-sm)",fontWeight:500,color:"var(--ov-fg-base)"},children:o.title}),e.jsx(d,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-faint)",whiteSpace:"nowrap",ml:1,flexShrink:0},children:typeof o.timestamp=="string"?o.timestamp:o.timestamp.toLocaleTimeString()})]}),o.description&&e.jsx(d,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-muted)",lineHeight:1.5},children:o.description})]})]},o.id)})})}N.displayName="Timeline";function P({filters:r,activeFilters:n,onChange:i,sx:l}){const[o,a]=p.useState(null),[t,u]=p.useState(null),[x,m]=p.useState(""),b=(c,f)=>{a(c.currentTarget),u(f);const v=n.find(H=>H.key===f.key);m(v?.value??"")},h=()=>{if(!t)return;const c=t.key,f=n.filter(v=>v.key!==c);x.trim()&&f.push({key:c,value:x.trim()}),i(f),a(null),u(null)},$=c=>{i(n.filter(f=>f.key!==c))},D=new Set(n.map(c=>c.key));return e.jsxs(s,{sx:{display:"flex",alignItems:"center",gap:.75,flexWrap:"wrap",...typeof l=="object"&&!Array.isArray(l)?l:{}},children:[n.map(c=>{const f=r.find(v=>v.key===c.key);return e.jsx(g,{label:`${f?.label??c.key}: ${c.value}`,size:"small",onDelete:()=>$(c.key),deleteIcon:e.jsx(y.LuX,{size:12}),onClick:v=>f&&b(v,f),sx:{fontSize:"var(--ov-text-xs)",bgcolor:"var(--ov-accent-subtle)",color:"var(--ov-accent-fg)","& .MuiChip-deleteIcon":{color:"var(--ov-accent-fg)"}}},c.key)}),r.filter(c=>!D.has(c.key)).map(c=>e.jsx(g,{label:c.label,size:"small",icon:e.jsx(y.LuPlus,{size:10}),onClick:f=>b(f,c),variant:"outlined",sx:{fontSize:"var(--ov-text-xs)",borderColor:"var(--ov-border-default)",color:"var(--ov-fg-muted)",cursor:"pointer"}},c.key)),e.jsx(U,{open:!!o,anchorEl:o,onClose:()=>{a(null),u(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},slotProps:{paper:{sx:{p:2,minWidth:220,bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)"}}},children:t&&e.jsxs(s,{children:[e.jsx(d,{sx:{fontSize:"var(--ov-text-xs)",fontWeight:600,color:"var(--ov-fg-muted)",mb:1},children:t.label}),t.type==="text"&&e.jsx(X,{autoFocus:!0,size:"small",fullWidth:!0,value:x,onChange:c=>m(c.target.value),onKeyDown:c=>{c.key==="Enter"&&h()},placeholder:t.placeholder,sx:{mb:1}}),t.type==="select"&&t.options&&e.jsx(_,{size:"small",fullWidth:!0,value:x,onChange:c=>m(c.target.value),sx:{mb:1},children:t.options.map(c=>e.jsx(Y,{value:c,children:c},c))}),e.jsx(s,{sx:{display:"flex",justifyContent:"flex-end",gap:.5},children:e.jsx(g,{label:"Apply",size:"small",onClick:h,sx:{cursor:"pointer",bgcolor:"var(--ov-accent)",color:"#fff",fontSize:"var(--ov-text-xs)"}})})]})})]})}P.displayName="FilterBar";exports.DescriptionList=j;exports.EventsList=B;exports.FilterBar=P;exports.LogsViewer=O;exports.MetricCard=q;exports.ObjectInspector=W;exports.ResourceBreadcrumb=E;exports.ResourceRef=I;exports.ResourceStatus=T;exports.SecretValueMask=L;exports.Timeline=N;

package/dist/domain.js

@@ -3,11 +3,11 @@ import l from "@mui/material/Box";
 import f from "@mui/material/Typography";
 import x from "@mui/material/Chip";
 import { S as O } from "./StatusPill-C1NaiCzd.js";
-import { T as B } from "./Tooltip-BEVuYuZ3.js";
-import { C as R } from "./CopyButton-DPBgL0K8.js";
+import { T as B } from "./Tooltip-CZMOcjX7.js";
+import { C as R } from "./CopyButton-DWVcqdPe.js";
 import N, { useMemo as y, useState as b, useRef as E, useEffect as L } from "react";
 import { a as $, T as D } from "./TabPanel-DLHbgKpl.js";
-import { C as z } from "./CodeBlock-B1iQO7zU.js";
+import { C as z } from "./CodeBlock-DV6CPG00.js";
 import H from "@mui/material/CircularProgress";
 import { S as k } from "./Skeleton-BUYyXUiC.js";
 import P from "@mui/material/IconButton";

package/dist/editors/index.d.ts

@@ -8,4 +8,4 @@ export { default as CommandPalette } from './CommandPalette';
 export type { CommandPaletteProps, CommandItem } from './CommandPalette';
 export { default as MarkdownPreview } from './MarkdownPreview';
 export type { MarkdownPreviewProps } from './MarkdownPreview';
-export { registerOmniviewThemes, omniviewDark, omniviewLight } from './themes';
+export { registerOmniviewThemes, resolveEditorTheme, omniviewDark, omniviewLight, solarizedDark, solarizedLight, MONACO_THEME_NAMES } from './themes';

package/dist/editors/themes.d.ts

@@ -1,4 +1,17 @@
 import { editor } from 'monaco-editor';
 export declare const omniviewDark: editor.IStandaloneThemeData;
 export declare const omniviewLight: editor.IStandaloneThemeData;
+export declare const solarizedDark: editor.IStandaloneThemeData;
+export declare const solarizedLight: editor.IStandaloneThemeData;
+export declare const MONACO_THEME_NAMES: {
+    readonly omniviewDark: "omniview-dark";
+    readonly omniviewLight: "omniview-light";
+    readonly solarizedDark: "solarized-dark";
+    readonly solarizedLight: "solarized-light";
+};
+/**
+ * Resolve the Monaco editor theme name from app theme variant and color mode.
+ * Use in CodeEditor and DiffViewer to keep theme selection DRY.
+ */
+export declare function resolveEditorTheme(variant: string, colorMode: string, explicit?: string): string;
 export declare function registerOmniviewThemes(monaco: typeof import('monaco-editor')): void;