@omniviewdev/ui 0.1.11 → 0.2.0

package/dist/index.js

@@ -4,40 +4,40 @@ import v from "@mui/material/Card";
 import y from "@mui/material/Chip";
 import E from "@mui/material/Avatar";
 import I from "@mui/material/Divider";
-import { default as lt } from "@mui/material/Divider";
+import { default as st } from "@mui/material/Divider";
 import u from "@mui/material/Typography";
 import d from "@mui/material/Box";
 import { I as C } from "./Icon-CuO9W7cA.js";
-import L, { useState as w, useCallback as ne, useRef as F, useEffect as P } from "react";
+import L, { useState as w, useCallback as ie, useRef as F, useEffect as P } from "react";
 import S from "@mui/material/Grid";
 import R from "@mui/material/Accordion";
 import $ from "@mui/material/AccordionDetails";
 import O from "@mui/material/AccordionSummary";
-import ie from "@mui/icons-material/ExpandMore";
-import { LuChevronRight as ae, LuChevronDown as le, LuFile as se, LuBraces as N, LuFileCode as b, LuFileImage as ce, LuFileText as de } from "react-icons/lu";
-import { toMuiSize as fe, toMuiColor as H, toBorderRadius as pe, toCssColor as G } from "./types.js";
-import { T as ue } from "./Text-By4P3in5.js";
-import he from "@mui/material/LinearProgress";
-import { default as ct } from "@mui/material/LinearProgress";
+import ae from "@mui/icons-material/ExpandMore";
+import { LuChevronRight as le, LuChevronDown as se, LuFile as ce, LuBraces as N, LuFileCode as b, LuFileImage as de, LuFileText as fe } from "react-icons/lu";
+import { toMuiSize as pe, toMuiColor as H, toBorderRadius as ue, toCssColor as G } from "./types.js";
+import { T as he } from "./Text-By4P3in5.js";
+import me from "@mui/material/LinearProgress";
+import { default as dt } from "@mui/material/LinearProgress";
 import _ from "@mui/material/CircularProgress";
-import { default as ft } from "@mui/material/CircularProgress";
-import me from "@mui/material/List";
-import xe from "@mui/material/ListSubheader";
-import { default as ut } from "@mui/material/ListSubheader";
+import { default as pt } from "@mui/material/CircularProgress";
+import xe from "@mui/material/List";
+import ge from "@mui/material/ListSubheader";
+import { default as ht } from "@mui/material/ListSubheader";
 import z from "@mui/material/ListItem";
 import k from "@mui/material/ListItemButton";
 import M from "@mui/material/ListItemIcon";
 import B from "@mui/material/ListItemText";
-import { C as ge } from "./CopyButton-DWVcqdPe.js";
-import ve from "@mui/material/Tooltip";
-import be from "@mui/material/TextField";
-import { H as ye } from "./HotkeyHint-6SOi-MaU.js";
-import Se from "@mui/material/Badge";
-import { SiDocker as Ce, SiRust as we, SiPython as Ie, SiJavascript as ze, SiTypescript as Me, SiGo as Ee } from "react-icons/si";
-import Le from "@mui/icons-material/Search";
-import Ae from "@mui/material/ButtonBase";
-import { S as Ne } from "./StatusDot-CncykBAY.js";
-const ke = ({
+import { C as ve } from "./CopyButton-DWVcqdPe.js";
+import be from "@mui/material/Tooltip";
+import ye from "@mui/material/TextField";
+import { H as Se } from "./HotkeyHint-6SOi-MaU.js";
+import Ce from "@mui/material/Badge";
+import { SiDocker as we, SiRust as Ie, SiPython as ze, SiJavascript as Me, SiTypescript as Ee, SiGo as Le } from "react-icons/si";
+import Ae from "@mui/icons-material/Search";
+import Ne from "@mui/material/ButtonBase";
+import { S as ke } from "./StatusDot-CncykBAY.js";
+const Be = ({
   title: e,
   titleDecorator: o,
   icon: t,
@@ -91,8 +91,8 @@ const ke = ({
     /* @__PURE__ */ r(d, { sx: { p: l ? 0 : 1.5 }, children: i })
   ] }) : /* @__PURE__ */ r(v, { variant: m, onClick: f, sx: { p: l ? 0 : 1.5, gap: 0, ...p }, children: i });
 };
-ke.displayName = "Card";
-const Be = (e) => {
+Be.displayName = "Card";
+const We = (e) => {
   switch (e) {
     case "sm":
       return 12;
@@ -103,7 +103,7 @@ const Be = (e) => {
     default:
       return 14;
   }
-}, We = (e) => {
+}, je = (e) => {
   switch (e) {
     case "sm":
       return 0.5;
@@ -114,7 +114,7 @@ const Be = (e) => {
     default:
       return 1;
   }
-}, je = (e) => {
+}, De = (e) => {
   switch (e) {
     case "sm":
       return 12;
@@ -125,7 +125,7 @@ const Be = (e) => {
     default:
       return 14;
   }
-}, De = ({
+}, Te = ({
   title: e,
   titleSize: o = "md",
   icon: t,
@@ -160,7 +160,7 @@ const Be = (e) => {
               h,
               {
                 direction: "row",
-                spacing: We(o),
+                spacing: je(o),
                 alignItems: "center",
                 children: [
                   t && (typeof t == "string" ? t.startsWith("http") ? /* @__PURE__ */ r(
@@ -169,11 +169,11 @@ const Be = (e) => {
                       src: t,
                       sx: { height: 16, width: 16, borderRadius: "4px" }
                     }
-                  ) : /* @__PURE__ */ r(C, { name: t, size: je(o) }) : t),
+                  ) : /* @__PURE__ */ r(C, { name: t, size: De(o) }) : t),
                   /* @__PURE__ */ r(
                     u,
                     {
-                      sx: { fontSize: Be(o) },
+                      sx: { fontSize: We(o) },
                       variant: "subtitle2",
                       children: e
                     }
@@ -224,8 +224,8 @@ const Be = (e) => {
     ]
   }
 );
-De.displayName = "DetailsCard";
-const Te = ({ title: e, kvs: o, defaultExpanded: t }) => /* @__PURE__ */ s(
+Te.displayName = "DetailsCard";
+const Fe = ({ title: e, kvs: o, defaultExpanded: t }) => /* @__PURE__ */ s(
   R,
   {
     disabled: !Object.keys(o).length,
@@ -233,7 +233,7 @@ const Te = ({ title: e, kvs: o, defaultExpanded: t }) => /* @__PURE__ */ s(
     disableGutters: !0,
     sx: { "&:before": { display: "none" } },
     children: [
-      /* @__PURE__ */ r(O, { expandIcon: /* @__PURE__ */ r(ie, {}), children: /* @__PURE__ */ s(h, { direction: "row", gap: 1, alignItems: "center", children: [
+      /* @__PURE__ */ r(O, { expandIcon: /* @__PURE__ */ r(ae, {}), children: /* @__PURE__ */ s(h, { direction: "row", gap: 1, alignItems: "center", children: [
         /* @__PURE__ */ r(u, { variant: "subtitle2", children: e }),
         /* @__PURE__ */ r(
           y,
@@ -253,8 +253,8 @@ const Te = ({ title: e, kvs: o, defaultExpanded: t }) => /* @__PURE__ */ s(
     ]
   }
 );
-Te.displayName = "KVCard";
-function Fe(e) {
+Fe.displayName = "KVCard";
+function Pe(e) {
   switch (e) {
     case "outline":
     case "ghost":
@@ -263,7 +263,7 @@ function Fe(e) {
       return "filled";
   }
 }
-function Pe(e, o) {
+function Re(e, o) {
   if (e === "soft") {
     const t = G(o);
     return {
@@ -280,13 +280,13 @@ function Pe(e, o) {
   if (e === "ghost")
     return { borderColor: "transparent", bgcolor: "transparent" };
 }
-function Re(e) {
+function $e(e) {
   if (e === "xs")
     return { height: 20, fontSize: "0.6875rem", "& .MuiChip-label": { px: "6px" }, "& .MuiChip-icon": { fontSize: "0.75rem", flexShrink: 0 } };
   if (e === "xl")
     return { height: 40, fontSize: "1rem", "& .MuiChip-label": { px: "16px" } };
 }
-const $e = {
+const Oe = {
   soft: "soft",
   outlined: "outline",
   solid: "solid",
@@ -311,19 +311,27 @@ function K({
   disabled: q = !1,
   sx: J
 }) {
-  const A = i ?? (n ? $e[n] ?? "soft" : "soft"), Q = e ?? o, X = p ?? c, Z = A === "soft" ? "filled" : Fe(A), ee = Pe(A, t), re = Re(a), te = l ? { borderRadius: pe(l) } : void 0, oe = f ? { "& .MuiChip-label": { textTransform: f } } : void 0;
+  const A = i ?? (n ? Oe[n] ?? "soft" : "soft"), Q = e ?? o, X = p ?? c, Z = A === "soft" ? "filled" : Pe(A), ee = Re(A, t), re = $e(a), te = l ? { borderRadius: ue(l) } : void 0, oe = f ? { "& .MuiChip-label": { textTransform: f } } : void 0, ne = {
+    "& .MuiChip-icon": {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      "& svg": { width: "1em", height: "1em" }
+    }
+  };
   return /* @__PURE__ */ r(
     y,
     {
       label: Q,
       color: H(t),
       variant: Z,
-      size: fe(a),
+      size: pe(a),
       icon: X,
       onDelete: g || x ? x ?? void 0 : void 0,
       onClick: Y,
       disabled: q,
       sx: {
+        ...ne,
         ...ee,
         ...re,
         ...te,
@@ -334,7 +342,7 @@ function K({
   );
 }
 K.displayName = "Chip";
-const Oe = {
+const He = {
   sm: { minHeight: 28, headerPy: "4px", headerPx: 1, fontSize: 12, iconSize: 14, chevronSize: 14 },
   md: { minHeight: 32, headerPy: "6px", headerPx: 1.25, fontSize: 13, iconSize: 16, chevronSize: 16 },
   lg: { minHeight: 38, headerPy: "10px", headerPx: 1.5, fontSize: 14, iconSize: 18, chevronSize: 18 }
@@ -352,7 +360,7 @@ function V(e) {
       return {};
   }
 }
-function He(e, o) {
+function Ge(e, o) {
   return o === 0 ? !1 : e !== "flush";
 }
 function U({
@@ -362,7 +370,7 @@ function U({
   expanded: i,
   onExpandedChange: n
 }) {
-  const a = Oe[o], l = i !== void 0 || e.expanded !== void 0, f = i ?? e.expanded, p = (g, x) => {
+  const a = He[o], l = i !== void 0 || e.expanded !== void 0, f = i ?? e.expanded, p = (g, x) => {
     n?.(x), e.onExpandedChange?.(x);
   }, c = {
     disableGutters: !0,
@@ -397,10 +405,10 @@ function U({
           }
         },
         children: [
-          /* @__PURE__ */ r(Ge, { size: a.chevronSize }),
+          /* @__PURE__ */ r(_e, { size: a.chevronSize }),
           m(),
           /* @__PURE__ */ r(
-            ue,
+            he,
             {
               size: o === "lg" ? "md" : o,
               weight: "semibold",
@@ -438,7 +446,7 @@ function U({
     /* @__PURE__ */ r($, { sx: { p: 0 }, children: e.children })
   ] });
 }
-function Ge({ size: e }) {
+function _e({ size: e }) {
   return /* @__PURE__ */ s(
     d,
     {
@@ -457,7 +465,7 @@ function Ge({ size: e }) {
               display: "flex",
               ".MuiAccordionSummary-root.Mui-expanded &": { display: "none" }
             },
-            children: /* @__PURE__ */ r(ae, { size: e })
+            children: /* @__PURE__ */ r(le, { size: e })
           }
         ),
         /* @__PURE__ */ r(
@@ -468,17 +476,17 @@ function Ge({ size: e }) {
               display: "none",
               ".MuiAccordionSummary-root.Mui-expanded &": { display: "flex" }
             },
-            children: /* @__PURE__ */ r(le, { size: e })
+            children: /* @__PURE__ */ r(se, { size: e })
           }
         )
       ]
     }
   );
 }
-function _e() {
+function Ke() {
   return /* @__PURE__ */ r(d, { sx: { height: "1px", bgcolor: "var(--ov-border-default)" } });
 }
-function Ke({
+function Ve({
   sections: e,
   variant: o = "bordered",
   size: t = "md",
@@ -490,7 +498,7 @@ function Ke({
     if (!n) return null;
     const c = e.findIndex((m) => m.defaultExpanded || m.expanded);
     return c >= 0 ? c : null;
-  }), p = ne(
+  }), p = ie(
     (c) => (m) => {
       n && f(m ? c : null);
     },
@@ -502,7 +510,7 @@ function Ke({
       onExpandedChange: p(m)
     } : {};
     return /* @__PURE__ */ s(L.Fragment, { children: [
-      He(o, m) && /* @__PURE__ */ r(_e, {}),
+      Ge(o, m) && /* @__PURE__ */ r(Ke, {}),
       /* @__PURE__ */ r(
         U,
         {
@@ -515,8 +523,8 @@ function Ke({
     ] }, g);
   }) });
 }
-Ke.displayName = "ExpandableSections";
-function Ve({
+Ve.displayName = "ExpandableSections";
+function Ue({
   variant: e = "bordered",
   size: o = "md",
   monospace: t = !1,
@@ -531,8 +539,8 @@ function Ve({
     }
   ) });
 }
-Ve.displayName = "ExpandableSection";
-const Ue = {
+Ue.displayName = "ExpandableSection";
+const Ye = {
   NONE: "",
   BYTES: "B",
   KB: "KB",
@@ -548,10 +556,10 @@ const Ue = {
   CORES: "cores"
 };
 function W(e, o) {
-  const t = Ue[o] ?? o;
+  const t = Ye[o] ?? o;
   return o === "BYTES" || o === "bytes" ? e >= 1024 * 1024 * 1024 ? `${(e / (1024 * 1024 * 1024)).toFixed(1)} GB` : e >= 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : e >= 1024 ? `${(e / 1024).toFixed(1)} KB` : `${e} B` : o === "MILLICORES" || o === "millicores" ? e >= 1e3 ? `${(e / 1e3).toFixed(2)} cores` : `${Math.round(e)}${t}` : Number.isInteger(e) ? `${e}${t ? ` ${t}` : ""}` : `${e.toFixed(2)}${t ? ` ${t}` : ""}`;
 }
-const Ye = ({ metric: e }) => {
+const qe = ({ metric: e }) => {
   const o = e.capacity != null && e.capacity > 0, t = o ? Math.min(e.value / e.capacity * 100, 100) : null, i = () => t == null ? "primary" : t >= 90 ? "error" : t >= 70 ? "warning" : "primary";
   return /* @__PURE__ */ s(d, { sx: { minWidth: 0, flex: 1 }, children: [
     /* @__PURE__ */ s(h, { direction: "row", spacing: 0.5, alignItems: "center", sx: { mb: 0.25 }, children: [
@@ -568,7 +576,7 @@ const Ye = ({ metric: e }) => {
     /* @__PURE__ */ r(u, { variant: "body2", sx: { fontWeight: 600, fontVariantNumeric: "tabular-nums" }, children: W(e.value, e.unit) }),
     o && /* @__PURE__ */ s(d, { sx: { mt: 0.5 }, children: [
       /* @__PURE__ */ r(
-        he,
+        me,
         {
           variant: "determinate",
           value: t,
@@ -583,7 +591,7 @@ const Ye = ({ metric: e }) => {
       ] })
     ] })
   ] });
-}, nt = ({
+}, it = ({
   providers: e,
   isLoading: o = !1,
   error: t,
@@ -610,17 +618,17 @@ const Ye = ({ metric: e }) => {
         flexWrap: "wrap",
         "& > *": { minWidth: 100 }
       },
-      children: n.metrics.map((a) => /* @__PURE__ */ r(Ye, { metric: a }, a.metricID))
+      children: n.metrics.map((a) => /* @__PURE__ */ r(qe, { metric: a }, a.metricID))
     }
   )
-] }, n.providerID)) }), qe = {
+] }, n.providerID)) }), Je = {
   xs: !0,
   sm: !0,
   md: !1,
   lg: !1,
   xl: !1
 };
-function Je({
+function Qe({
   children: e,
   size: o = "md",
   subheader: t,
@@ -629,22 +637,22 @@ function Je({
   sx: a
 }) {
   return /* @__PURE__ */ r(
-    me,
+    xe,
     {
-      dense: i ?? qe[o],
+      dense: i ?? Je[o],
       disablePadding: n,
-      subheader: t ? /* @__PURE__ */ r(xe, { children: t }) : void 0,
+      subheader: t ? /* @__PURE__ */ r(ge, { children: t }) : void 0,
       sx: a,
       children: e
     }
   );
 }
-Je.displayName = "List";
-function Qe({ sx: e }) {
+Qe.displayName = "List";
+function Xe({ sx: e }) {
   return /* @__PURE__ */ r(I, { component: "li", sx: e });
 }
-Qe.displayName = "ListDivider";
-function Xe({
+Xe.displayName = "ListDivider";
+function Ze({
   children: e,
   primary: o,
   secondary: t,
@@ -687,8 +695,8 @@ function Xe({
     e
   ] });
 }
-Xe.displayName = "ListItem";
-function Ze({
+Ze.displayName = "ListItem";
+function er({
   ratio: e = "1/1",
   children: o,
   sx: t
@@ -715,8 +723,8 @@ function Ze({
     }
   );
 }
-Ze.displayName = "AspectRatio";
-function er({
+er.displayName = "AspectRatio";
+function rr({
   value: e,
   truncate: o = !0,
   maxWidth: t,
@@ -733,8 +741,10 @@ function er({
         display: "inline-flex",
         alignItems: "center",
         gap: 0.5,
+        width: "100%",
         maxWidth: t,
         minWidth: 0,
+        overflow: "hidden",
         ...i
       },
       children: [
@@ -746,6 +756,8 @@ function er({
               fontSize: "0.8125rem",
               color: "var(--ov-fg-default)",
               fontFamily: "var(--ov-font-mono)",
+              minWidth: 0,
+              maxWidth: "100%",
               ...o && {
                 overflow: "hidden",
                 textOverflow: "ellipsis",
@@ -767,15 +779,15 @@ function er({
               visibility: a ? "visible" : "hidden",
               flexShrink: 0
             },
-            children: /* @__PURE__ */ r(ge, { value: e, size: "xs" })
+            children: /* @__PURE__ */ r(ve, { value: e, size: "xs" })
           }
         )
       ]
     }
   );
 }
-er.displayName = "ClipboardText";
-function rr({
+rr.displayName = "ClipboardText";
+function tr({
   children: e,
   maxWidth: o,
   copyOnClick: t = !1,
@@ -807,9 +819,9 @@ function rr({
       children: e
     }
   );
-  return a ? /* @__PURE__ */ r(ve, { title: e, arrow: !0, children: p }) : p;
+  return a ? /* @__PURE__ */ r(be, { title: e, arrow: !0, children: p }) : p;
 }
-rr.displayName = "OverflowText";
+tr.displayName = "OverflowText";
 const j = {
   xs: "0.6875rem",
   sm: "0.8125rem",
@@ -817,7 +829,7 @@ const j = {
   lg: "1rem",
   xl: "1.125rem"
 };
-function tr({
+function or({
   value: e,
   onSave: o,
   placeholder: t = "Click to edit",
@@ -834,7 +846,7 @@ function tr({
     l(!1), p(e);
   };
   return a ? /* @__PURE__ */ r(d, { sx: n, children: /* @__PURE__ */ r(
-    be,
+    ye,
     {
       inputRef: c,
       value: f,
@@ -880,8 +892,8 @@ function tr({
     }
   );
 }
-tr.displayName = "InlineEdit";
-function or({
+or.displayName = "InlineEdit";
+function nr({
   count: e,
   dot: o = !1,
   color: t = "primary",
@@ -892,7 +904,7 @@ function or({
   sx: f
 }) {
   return /* @__PURE__ */ r(
-    Se,
+    Ce,
     {
       badgeContent: o ? void 0 : e,
       variant: o ? "dot" : "standard",
@@ -905,14 +917,14 @@ function or({
     }
   );
 }
-or.displayName = "Badge";
-const nr = {
+nr.displayName = "Badge";
+const ir = {
   xs: 24,
   sm: 32,
   md: 40,
   lg: 48,
   xl: 64
-}, ir = {
+}, ar = {
   xs: "0.625rem",
   sm: "0.75rem",
   md: "0.875rem",
@@ -936,27 +948,27 @@ const nr = {
   "#ffb74d",
   "#ff8a65"
 ];
-function ar(e) {
+function lr(e) {
   let o = 0;
   for (let t = 0; t < e.length; t++)
     o = e.charCodeAt(t) + ((o << 5) - o), o |= 0;
   return Math.abs(o);
 }
-function lr(e) {
+function sr(e) {
   const o = e.trim().split(/\s+/);
   return o.length >= 2 ? (o[0][0] + o[1][0]).toUpperCase() : e.slice(0, 2).toUpperCase();
 }
-function sr(e) {
-  return D[ar(e) % D.length];
+function cr(e) {
+  return D[lr(e) % D.length];
 }
-const cr = {
+const dr = {
   xs: 4,
   sm: 6,
   md: 8,
   lg: 10,
   xl: 12
 };
-function dr({
+function fr({
   src: e,
   name: o,
   size: t = "md",
@@ -964,7 +976,7 @@ function dr({
   children: n,
   sx: a
 }) {
-  const l = nr[t], f = o ? sr(o) : void 0, p = o ? lr(o) : void 0, c = n ?? (e ? void 0 : p);
+  const l = ir[t], f = o ? cr(o) : void 0, p = o ? sr(o) : void 0, c = n ?? (e ? void 0 : p);
   return /* @__PURE__ */ r(
     E,
     {
@@ -974,42 +986,42 @@ function dr({
       sx: {
         width: l,
         height: l,
-        fontSize: ir[t],
+        fontSize: ar[t],
         fontWeight: 600,
         bgcolor: e ? void 0 : f,
-        ...i === "rounded" ? { borderRadius: `${cr[t]}px` } : {},
+        ...i === "rounded" ? { borderRadius: `${dr[t]}px` } : {},
         ...a
       },
       children: c
     }
   );
 }
-dr.displayName = "Avatar";
-const fr = {
+fr.displayName = "Avatar";
+const pr = {
   xs: 12,
   sm: 14,
   md: 16,
   lg: 20,
   xl: 24
 };
-function pr(e, o) {
+function ur(e, o) {
   if (o.toLowerCase().startsWith("dockerfile"))
-    return { icon: Ce, color: "var(--ov-info-default)" };
+    return { icon: we, color: "var(--ov-info-default)" };
   switch (e) {
     case ".go":
-      return { icon: Ee, color: "#00ADD8" };
+      return { icon: Le, color: "#00ADD8" };
     case ".ts":
     case ".tsx":
-      return { icon: Me, color: "#3178C6" };
+      return { icon: Ee, color: "#3178C6" };
     case ".js":
     case ".jsx":
     case ".mjs":
     case ".cjs":
-      return { icon: ze, color: "#F7DF1E" };
+      return { icon: Me, color: "#F7DF1E" };
     case ".py":
-      return { icon: Ie, color: "#3776AB" };
+      return { icon: ze, color: "#3776AB" };
     case ".rs":
-      return { icon: we, color: "#DEA584" };
+      return { icon: Ie, color: "#DEA584" };
     case ".yaml":
     case ".yml":
       return { icon: b, color: "var(--ov-info-default)" };
@@ -1019,7 +1031,7 @@ function pr(e, o) {
     case ".mdx":
     case ".txt":
     case ".log":
-      return { icon: de, color: "var(--ov-fg-muted)" };
+      return { icon: fe, color: "var(--ov-fg-muted)" };
     case ".html":
     case ".htm":
     case ".xml":
@@ -1035,7 +1047,7 @@ function pr(e, o) {
     case ".gif":
     case ".webp":
     case ".ico":
-      return { icon: ce, color: "var(--ov-success-default)" };
+      return { icon: de, color: "var(--ov-success-default)" };
     case ".toml":
     case ".ini":
     case ".env":
@@ -1052,15 +1064,15 @@ function pr(e, o) {
     case ".jsonc":
       return { icon: N, color: "#F5C518" };
     default:
-      return { icon: se, color: "var(--ov-fg-muted)" };
+      return { icon: ce, color: "var(--ov-fg-muted)" };
   }
 }
-function ur({
+function hr({
   filename: e,
   size: o = "sm",
   sx: t
 }) {
-  const i = fr[o], n = e.lastIndexOf("."), a = n >= 0 ? e.slice(n).toLowerCase() : "", l = e.split("/").pop() ?? e, { icon: f, color: p } = pr(a, l);
+  const i = pr[o], n = e.lastIndexOf("."), a = n >= 0 ? e.slice(n).toLowerCase() : "", l = e.split("/").pop() ?? e, { icon: f, color: p } = ur(a, l);
   return /* @__PURE__ */ r(
     d,
     {
@@ -1075,8 +1087,8 @@ function ur({
     }
   );
 }
-ur.displayName = "FileIcon";
-function hr({
+hr.displayName = "FileIcon";
+function mr({
   items: e,
   maxVisible: o = 3,
   renderItem: t,
@@ -1133,8 +1145,8 @@ function hr({
     }
   );
 }
-hr.displayName = "TruncatedList";
-function mr({
+mr.displayName = "TruncatedList";
+function xr({
   query: e,
   suggestions: o,
   onSuggestionClick: t,
@@ -1152,7 +1164,7 @@ function mr({
         ...typeof i == "object" && !Array.isArray(i) ? i : {}
       },
       children: [
-        /* @__PURE__ */ r(Le, { sx: { fontSize: 32, color: "var(--ov-fg-faint)" } }),
+        /* @__PURE__ */ r(Ae, { sx: { fontSize: 32, color: "var(--ov-fg-faint)" } }),
         /* @__PURE__ */ s(u, { sx: { fontSize: "var(--ov-text-sm)", color: "var(--ov-fg-muted)" }, children: [
           "No results for “",
           e,
@@ -1180,8 +1192,8 @@ function mr({
     }
   );
 }
-mr.displayName = "EmptySearch";
-function xr({
+xr.displayName = "EmptySearch";
+function gr({
   active: e,
   children: o,
   label: t,
@@ -1223,13 +1235,13 @@ function xr({
     }
   );
 }
-xr.displayName = "LoadingOverlay";
-function gr({ shortcut: e }) {
+gr.displayName = "LoadingOverlay";
+function vr({ shortcut: e }) {
   const o = e.split("+").map((t) => t.trim());
-  return /* @__PURE__ */ r(ye, { keys: o });
+  return /* @__PURE__ */ r(Se, { keys: o });
 }
-gr.displayName = "Kbd";
-function vr({
+vr.displayName = "Kbd";
+function br({
   value: e,
   label: o,
   description: t,
@@ -1297,8 +1309,8 @@ function vr({
     }
   );
 }
-vr.displayName = "StatCard";
-function br({
+br.displayName = "StatCard";
+function yr({
   media: e,
   mediaHeight: o = 140,
   title: t,
@@ -1396,8 +1408,8 @@ function br({
     }
   );
 }
-br.displayName = "MediaCard";
-function yr({
+yr.displayName = "MediaCard";
+function Sr({
   icon: e,
   title: o,
   description: t,
@@ -1455,8 +1467,8 @@ function yr({
     }
   );
 }
-yr.displayName = "ActionCard";
-function Sr({
+Sr.displayName = "ActionCard";
+function Cr({
   title: e,
   icon: o,
   headerAction: t,
@@ -1511,7 +1523,7 @@ function Sr({
         }
       );
       return c.onClick ? /* @__PURE__ */ r(
-        Ae,
+        Ne,
         {
           onClick: c.onClick,
           sx: { display: "block", width: "100%", textAlign: "left" },
@@ -1522,8 +1534,8 @@ function Sr({
     }) })
   ] });
 }
-Sr.displayName = "ListCard";
-function Cr({
+Cr.displayName = "ListCard";
+function wr({
   title: e,
   icon: o,
   status: t,
@@ -1554,7 +1566,7 @@ function Cr({
     /* @__PURE__ */ r(I, {}),
     /* @__PURE__ */ s(d, { sx: { px: 1.5, py: 1.25 }, children: [
       /* @__PURE__ */ s(h, { direction: "row", alignItems: "center", spacing: 1, children: [
-        /* @__PURE__ */ r(Ne, { status: t, pulse: t === "pending" }),
+        /* @__PURE__ */ r(ke, { status: t, pulse: t === "pending" }),
         /* @__PURE__ */ r(
           u,
           {
@@ -1595,38 +1607,38 @@ function Cr({
     ] })
   ] });
 }
-Cr.displayName = "StatusCard";
+wr.displayName = "StatusCard";
 export {
-  yr as ActionCard,
-  Ze as AspectRatio,
-  dr as Avatar,
-  or as Badge,
-  ke as Card,
+  Sr as ActionCard,
+  er as AspectRatio,
+  fr as Avatar,
+  nr as Badge,
+  Be as Card,
   K as Chip,
-  ft as CircularProgress,
-  er as ClipboardText,
-  De as DetailsCard,
-  lt as Divider,
-  mr as EmptySearch,
-  Ve as ExpandableSection,
-  Ke as ExpandableSections,
-  ur as FileIcon,
-  ye as HotkeyHint,
+  pt as CircularProgress,
+  rr as ClipboardText,
+  Te as DetailsCard,
+  st as Divider,
+  xr as EmptySearch,
+  Ue as ExpandableSection,
+  Ve as ExpandableSections,
+  hr as FileIcon,
+  Se as HotkeyHint,
   C as Icon,
-  tr as InlineEdit,
-  Te as KVCard,
-  gr as Kbd,
-  ct as LinearProgress,
-  Je as List,
-  Sr as ListCard,
-  Qe as ListDivider,
-  Xe as ListItem,
-  ut as ListSubheader,
-  xr as LoadingOverlay,
-  br as MediaCard,
-  nt as MetricsSection,
-  rr as OverflowText,
-  vr as StatCard,
-  Cr as StatusCard,
-  hr as TruncatedList
+  or as InlineEdit,
+  Fe as KVCard,
+  vr as Kbd,
+  dt as LinearProgress,
+  Qe as List,
+  Cr as ListCard,
+  Xe as ListDivider,
+  Ze as ListItem,
+  ht as ListSubheader,
+  gr as LoadingOverlay,
+  yr as MediaCard,
+  it as MetricsSection,
+  tr as OverflowText,
+  br as StatCard,
+  wr as StatusCard,
+  mr as TruncatedList
 };