@omniviewdev/ui 0.1.0

package/dist/domain/ObjectInspector.d.ts

@@ -0,0 +1,19 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface ObjectInspectorTab {
+    key: string;
+    label: string;
+    content: React.ReactNode;
+}
+export interface ObjectInspectorProps {
+    data: object;
+    title?: string;
+    tabs?: ObjectInspectorTab[];
+    defaultTab?: string;
+    readOnly?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function ObjectInspector({ data, title, tabs: customTabs, defaultTab, sx, }: ObjectInspectorProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ObjectInspector {
+    var displayName: string;
+}
+export default ObjectInspector;

package/dist/domain/ResourceBreadcrumb.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { ComponentSize } from '../types';
+export interface BreadcrumbSegment {
+    kind: string;
+    label: string;
+    icon?: React.ReactNode;
+}
+export interface ResourceBreadcrumbProps {
+    segments: BreadcrumbSegment[];
+    onNavigate?: (segment: BreadcrumbSegment, index: number) => void;
+    size?: ComponentSize;
+    sx?: SxProps<Theme>;
+}
+declare function ResourceBreadcrumb({ segments, onNavigate, size, sx, }: ResourceBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ResourceBreadcrumb {
+    var displayName: string;
+}
+export default ResourceBreadcrumb;

package/dist/domain/ResourceRef.d.ts

@@ -0,0 +1,15 @@
+import { ComponentSize } from '../types';
+export interface ResourceRefProps {
+    kind: string;
+    name: string;
+    namespace?: string;
+    icon?: React.ReactNode;
+    onNavigate?: () => void;
+    size?: ComponentSize;
+    interactive?: boolean;
+}
+declare function ResourceRef({ kind, name, namespace, icon, onNavigate, size, interactive, }: ResourceRefProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ResourceRef {
+    var displayName: string;
+}
+export default ResourceRef;

package/dist/domain/ResourceStatus.d.ts

@@ -0,0 +1,17 @@
+import { ComponentSize } from '../types';
+export interface ResourceStatusProps {
+    status: string;
+    conditions?: Array<{
+        type: string;
+        status: string;
+        reason?: string;
+        message?: string;
+    }>;
+    size?: ComponentSize;
+    showTooltip?: boolean;
+}
+declare function ResourceStatus({ status, conditions, size, showTooltip, }: ResourceStatusProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ResourceStatus {
+    var displayName: string;
+}
+export default ResourceStatus;

package/dist/domain/SecretValueMask.d.ts

@@ -0,0 +1,11 @@
+export interface SecretValueMaskProps {
+    value: string;
+    revealed?: boolean;
+    onReveal?: () => void;
+    copyable?: boolean;
+}
+declare function SecretValueMask({ value, revealed: controlledRevealed, onReveal, copyable, }: SecretValueMaskProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SecretValueMask {
+    var displayName: string;
+}
+export default SecretValueMask;

package/dist/domain/Timeline.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface TimelineEvent {
+    id: string;
+    title: string;
+    description?: string;
+    timestamp: string | Date;
+    icon?: React.ReactNode;
+    color?: SemanticColor;
+}
+export interface TimelineProps {
+    events: TimelineEvent[];
+    size?: ComponentSize;
+    sx?: SxProps<Theme>;
+}
+declare function Timeline({ events, size, sx, }: TimelineProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Timeline {
+    var displayName: string;
+}
+export default Timeline;

package/dist/domain/index.d.ts

@@ -0,0 +1,23 @@
+export type { KubeEvent, LogLine, DescriptionItem } from './types';
+export { default as ResourceRef } from './ResourceRef';
+export type { ResourceRefProps } from './ResourceRef';
+export { default as ResourceStatus } from './ResourceStatus';
+export type { ResourceStatusProps } from './ResourceStatus';
+export { default as DescriptionList } from './DescriptionList';
+export type { DescriptionListProps } from './DescriptionList';
+export { default as ObjectInspector } from './ObjectInspector';
+export type { ObjectInspectorProps, ObjectInspectorTab } from './ObjectInspector';
+export { default as EventsList } from './EventsList';
+export type { EventsListProps } from './EventsList';
+export { default as LogsViewer } from './LogsViewer';
+export type { LogsViewerProps } from './LogsViewer';
+export { default as MetricCard } from './MetricCard';
+export type { MetricCardProps } from './MetricCard';
+export { default as SecretValueMask } from './SecretValueMask';
+export type { SecretValueMaskProps } from './SecretValueMask';
+export { default as ResourceBreadcrumb } from './ResourceBreadcrumb';
+export type { ResourceBreadcrumbProps, BreadcrumbSegment } from './ResourceBreadcrumb';
+export { default as Timeline } from './Timeline';
+export type { TimelineProps, TimelineEvent } from './Timeline';
+export { default as FilterBar } from './FilterBar';
+export type { FilterBarProps, FilterDef, ActiveFilter } from './FilterBar';

package/dist/domain/types.d.ts

@@ -0,0 +1,25 @@
+export interface KubeEvent {
+    type: 'Normal' | 'Warning';
+    reason: string;
+    message: string;
+    count?: number;
+    firstTimestamp?: string;
+    lastTimestamp?: string;
+    involvedObject?: {
+        kind: string;
+        name: string;
+        namespace?: string;
+    };
+}
+export interface LogLine {
+    timestamp?: string;
+    content: string;
+    severity?: 'info' | 'warn' | 'error' | 'debug';
+    source?: string;
+}
+export interface DescriptionItem {
+    label: string;
+    value: React.ReactNode;
+    icon?: React.ReactNode;
+    copyable?: boolean;
+}

package/dist/domain.cjs

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