@omniviewdev/ui 0.1.0

package/dist/feedback/Alert.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, Emphasis, ComponentSize } from '../types';
+export interface AlertProps {
+    children: React.ReactNode;
+    color?: SemanticColor;
+    emphasis?: Extract<Emphasis, 'solid' | 'soft' | 'outline'>;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    actions?: React.ReactNode;
+    icon?: React.ReactNode | false;
+    /** Alias for icon (Joy UI compat) */
+    startAdornment?: React.ReactNode;
+    size?: ComponentSize;
+    sx?: SxProps<Theme>;
+}
+declare function Alert({ children, color, emphasis, dismissible, onDismiss, actions, icon, startAdornment, size, sx, }: AlertProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Alert {
+    var displayName: string;
+}
+export default Alert;

package/dist/feedback/ConnectionIndicator.d.ts

@@ -0,0 +1,15 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { ComponentSize } from '../types';
+export type ConnectionStatus = 'connected' | 'connecting' | 'disconnected' | 'error';
+export interface ConnectionIndicatorProps {
+    status: ConnectionStatus;
+    label?: string;
+    size?: ComponentSize;
+    showLabel?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function ConnectionIndicator({ status, label, size, showLabel, sx, }: ConnectionIndicatorProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ConnectionIndicator {
+    var displayName: string;
+}
+export default ConnectionIndicator;

package/dist/feedback/EmptyState.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { ComponentSize } from '../types';
+export interface EmptyStateProps {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    primaryAction?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+    size?: ComponentSize;
+    sx?: SxProps<Theme>;
+}
+declare function EmptyState({ icon, title, description, primaryAction, secondaryAction, size, sx, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+declare namespace EmptyState {
+    var displayName: string;
+}
+export default EmptyState;

package/dist/feedback/ErrorState.d.ts

@@ -0,0 +1,12 @@
+export interface ErrorStateProps {
+    message: string;
+    errorId?: string;
+    onRetry?: () => void;
+    onCopyError?: () => void;
+    variant?: 'page' | 'panel' | 'inline';
+}
+declare function ErrorState({ message, errorId, onRetry, variant, }: ErrorStateProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ErrorState {
+    var displayName: string;
+}
+export default ErrorState;

package/dist/feedback/IDEStatusFooter.d.ts

@@ -0,0 +1,104 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface StatusChipProps {
+    label: string;
+    bgColor?: string;
+    color?: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    tooltip?: string;
+}
+declare function StatusChip({ label, bgColor, color, icon, onClick, tooltip }: StatusChipProps): import("react/jsx-runtime").JSX.Element;
+export interface FooterStatusDotProps {
+    color: string;
+    pulse?: boolean;
+    tooltip?: string;
+    onClick?: () => void;
+}
+declare function FooterStatusDot({ color, pulse, tooltip, onClick }: FooterStatusDotProps): import("react/jsx-runtime").JSX.Element;
+export interface StatusTextProps {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    tooltip?: string;
+}
+declare function StatusText({ children, icon, onClick, tooltip }: StatusTextProps): import("react/jsx-runtime").JSX.Element;
+export interface StatusSpinnerProps {
+    label?: string;
+    tooltip?: string;
+}
+declare function StatusSpinner({ label, tooltip }: StatusSpinnerProps): import("react/jsx-runtime").JSX.Element;
+export interface StatusProgressProps {
+    /** 0–100 progress value. Omit for indeterminate. */
+    value?: number;
+    /** Width in px */
+    width?: number;
+    /** Bar color (CSS value) */
+    color?: string;
+    /** Label shown beside the bar */
+    label?: string;
+    /** Whether to show percentage text */
+    showValue?: boolean;
+    tooltip?: string;
+}
+declare function StatusProgress({ value, width, color, label, showValue, tooltip, }: StatusProgressProps): import("react/jsx-runtime").JSX.Element;
+export interface StatusSeparatorProps {
+    color?: string;
+}
+declare function StatusSeparator({ color }: StatusSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export interface StatusButtonProps {
+    icon?: React.ReactNode;
+    label?: string;
+    onClick?: () => void;
+    tooltip?: string;
+    color?: string;
+}
+declare function StatusButton({ icon, label, onClick, tooltip, color }: StatusButtonProps): import("react/jsx-runtime").JSX.Element;
+export interface StatusBadgeProps {
+    count: number;
+    icon?: React.ReactNode;
+    maxCount?: number;
+    onClick?: () => void;
+    tooltip?: string;
+    color?: string;
+}
+declare function StatusBadge({ count, icon, maxCount, onClick, tooltip, color }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export interface StatusTimerProps {
+    /** Time string to display, e.g. "02:34" or "1h 23m" */
+    time: string;
+    icon?: React.ReactNode;
+    running?: boolean;
+    tooltip?: string;
+}
+declare function StatusTimer({ time, icon, running, tooltip }: StatusTimerProps): import("react/jsx-runtime").JSX.Element;
+export interface StatusCircularProps {
+    /** 0–100 value. Omit for indeterminate. */
+    value?: number;
+    /** Diameter in px */
+    size?: number;
+    /** Bar color */
+    color?: string;
+    tooltip?: string;
+}
+declare function StatusCircular({ value, size, color, tooltip }: StatusCircularProps): import("react/jsx-runtime").JSX.Element;
+export interface IDEStatusFooterProps {
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+    height?: number;
+    sx?: SxProps<Theme>;
+}
+declare function IDEStatusFooter({ left, right, height, sx, }: IDEStatusFooterProps): import("react/jsx-runtime").JSX.Element;
+declare namespace IDEStatusFooter {
+    var displayName: string;
+    var Chip: typeof StatusChip;
+    var Dot: typeof FooterStatusDot;
+    var Text: typeof StatusText;
+    var Spinner: typeof StatusSpinner;
+    var Progress: typeof StatusProgress;
+    var Circular: typeof StatusCircular;
+    var Separator: typeof StatusSeparator;
+    var Button: typeof StatusButton;
+    var Badge: typeof StatusBadge;
+    var Timer: typeof StatusTimer;
+}
+export default IDEStatusFooter;

package/dist/feedback/NotificationStack.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export type NotificationSeverity = 'info' | 'success' | 'warning' | 'error';
+export interface NotificationAction {
+    label: string;
+    onClick: () => void;
+}
+export interface StackNotification {
+    id: string;
+    severity: NotificationSeverity;
+    title: string;
+    message?: string;
+    actions?: NotificationAction[];
+    timeout?: number;
+}
+export interface NotificationStackContextValue {
+    push: (notification: Omit<StackNotification, 'id'>) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+}
+export declare function useNotificationStack(): NotificationStackContextValue;
+export interface NotificationStackProviderProps {
+    children: React.ReactNode;
+    maxVisible?: number;
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    sx?: SxProps<Theme>;
+}
+declare function NotificationStackProvider({ children, maxVisible, position, sx, }: NotificationStackProviderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NotificationStackProvider {
+    var displayName: string;
+}
+export default NotificationStackProvider;

package/dist/feedback/ProgressBar.d.ts

@@ -0,0 +1,16 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface ProgressBarProps {
+    value?: number;
+    indeterminate?: boolean;
+    color?: SemanticColor;
+    size?: ComponentSize;
+    label?: string;
+    showValue?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function ProgressBar({ value, indeterminate, color, size, label, showValue, sx, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ProgressBar {
+    var displayName: string;
+}
+export default ProgressBar;

package/dist/feedback/ProgressRing.d.ts

@@ -0,0 +1,26 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface ProgressRingProps {
+    /** 0–100 progress value. Omit for indeterminate. */
+    value?: number;
+    /** Size preset */
+    size?: ComponentSize;
+    /** Semantic color */
+    color?: SemanticColor;
+    /** Track thickness multiplier (1 = default) */
+    thickness?: number;
+    /** Show value inside the ring */
+    showValue?: boolean;
+    /** Custom label inside the ring (overrides showValue) */
+    label?: React.ReactNode;
+    /** Caption below the ring */
+    caption?: string;
+    /** Track (background) color */
+    trackColor?: string;
+    sx?: SxProps<Theme>;
+}
+declare function ProgressRing({ value, size, color, thickness, showValue, label, caption, trackColor, sx, }: ProgressRingProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ProgressRing {
+    var displayName: string;
+}
+export default ProgressRing;

package/dist/feedback/RunButton.d.ts

@@ -0,0 +1,17 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface RunButtonProps {
+    running: boolean;
+    onStart: () => void;
+    onStop: () => void;
+    loading?: boolean;
+    color?: SemanticColor;
+    size?: ComponentSize;
+    label?: string;
+    sx?: SxProps<Theme>;
+}
+declare function RunButton({ running, onStart, onStop, loading, size, label, sx, }: RunButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace RunButton {
+    var displayName: string;
+}
+export default RunButton;

package/dist/feedback/Skeleton.d.ts

@@ -0,0 +1,13 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface SkeletonProps {
+    variant?: 'text' | 'circular' | 'rectangular' | 'rounded';
+    width?: number | string;
+    height?: number | string;
+    lines?: number;
+    sx?: SxProps<Theme>;
+}
+declare function Skeleton({ variant, width, height, lines, sx, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Skeleton {
+    var displayName: string;
+}
+export default Skeleton;

package/dist/feedback/StatusBar.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface StatusBarProps {
+    children: React.ReactNode;
+    height?: number;
+    sx?: SxProps<Theme>;
+}
+declare function StatusBar({ children, height, sx, }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace StatusBar {
+    var displayName: string;
+}
+export default StatusBar;

package/dist/feedback/StatusBarItem.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor } from '../types';
+export interface StatusBarItemProps {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    tooltip?: string;
+    align?: 'left' | 'right';
+    color?: SemanticColor;
+    separator?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function StatusBarItem({ children, icon, onClick, tooltip, color, separator, sx, }: StatusBarItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace StatusBarItem {
+    var displayName: string;
+}
+export default StatusBarItem;

package/dist/feedback/StatusDot.d.ts

@@ -0,0 +1,14 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { Status, ComponentSize } from '../types';
+export interface StatusDotProps {
+    status: Status;
+    size?: ComponentSize;
+    label?: string;
+    pulse?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function StatusDot({ status, size, label, pulse, sx, }: StatusDotProps): import("react/jsx-runtime").JSX.Element;
+declare namespace StatusDot {
+    var displayName: string;
+}
+export default StatusDot;

package/dist/feedback/StatusPill.d.ts

@@ -0,0 +1,13 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { Status, ComponentSize } from '../types';
+export interface StatusPillProps {
+    status: Status;
+    size?: ComponentSize;
+    label?: string;
+    sx?: SxProps<Theme>;
+}
+declare function StatusPill({ status, size, label, sx, }: StatusPillProps): import("react/jsx-runtime").JSX.Element;
+declare namespace StatusPill {
+    var displayName: string;
+}
+export default StatusPill;

package/dist/feedback/index.d.ts

@@ -0,0 +1,29 @@
+export { default as Alert } from './Alert';
+export type { AlertProps } from './Alert';
+export { default as StatusDot } from './StatusDot';
+export type { StatusDotProps } from './StatusDot';
+export { default as StatusPill } from './StatusPill';
+export type { StatusPillProps } from './StatusPill';
+export { default as EmptyState } from './EmptyState';
+export type { EmptyStateProps } from './EmptyState';
+export { default as ErrorState } from './ErrorState';
+export type { ErrorStateProps } from './ErrorState';
+export { default as Skeleton } from './Skeleton';
+export type { SkeletonProps } from './Skeleton';
+export { default as StatusBar } from './StatusBar';
+export type { StatusBarProps } from './StatusBar';
+export { default as StatusBarItem } from './StatusBarItem';
+export type { StatusBarItemProps } from './StatusBarItem';
+export { default as ProgressBar } from './ProgressBar';
+export type { ProgressBarProps } from './ProgressBar';
+export { default as ConnectionIndicator } from './ConnectionIndicator';
+export type { ConnectionIndicatorProps, ConnectionStatus } from './ConnectionIndicator';
+export { default as RunButton } from './RunButton';
+export type { RunButtonProps } from './RunButton';
+export { default as NotificationStackProvider } from './NotificationStack';
+export { useNotificationStack } from './NotificationStack';
+export type { NotificationStackProviderProps, NotificationStackContextValue, StackNotification, NotificationSeverity, NotificationAction, } from './NotificationStack';
+export { default as IDEStatusFooter } from './IDEStatusFooter';
+export type { IDEStatusFooterProps, StatusChipProps, FooterStatusDotProps, StatusTextProps, StatusSpinnerProps, StatusProgressProps, StatusCircularProps, StatusSeparatorProps, StatusButtonProps, StatusBadgeProps, StatusTimerProps, } from './IDEStatusFooter';
+export { default as ProgressRing } from './ProgressRing';
+export type { ProgressRingProps } from './ProgressRing';

package/dist/feedback.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),V=require("@mui/material/Alert"),A=require("@mui/material/IconButton"),X=require("@mui/icons-material/Close"),I=require("@mui/material/styles"),O=require("./StatusDot-CYyJxjJK.cjs"),G=require("./StatusPill-C7yn7dSA.cjs"),R=require("./ErrorState-CnIR-1xa.cjs"),J=require("./Skeleton-CfdQWLQM.cjs"),h=require("react"),a=require("@mui/material/Box"),m=require("@mui/material/Tooltip"),k=require("./types.cjs"),M=require("@mui/material/LinearProgress"),S=require("@mui/material/Typography"),P=require("@mui/material/Button"),j=require("@mui/material/CircularProgress"),b=require("react-icons/lu"),K={solid:"filled",soft:"standard",outline:"outlined"},Q={xs:{padding:"0px 6px",fontSize:"var(--ov-text-xs)",iconSize:16,borderRadius:6,closeSize:"small"},sm:{padding:"2px 8px",fontSize:"var(--ov-text-sm)",iconSize:18,borderRadius:8,closeSize:"small"},md:{padding:"6px 12px",fontSize:"var(--ov-text-sm)",iconSize:20,borderRadius:10,closeSize:"small"},lg:{padding:"8px 16px",fontSize:"var(--ov-text-md)",iconSize:22,borderRadius:10,closeSize:"medium"},xl:{padding:"12px 16px",fontSize:"var(--ov-text-md)",iconSize:24,borderRadius:12,closeSize:"medium"}},U={success:{light:{bg:"hsl(120, 80%, 98%)",fg:"hsl(120, 87%, 6%)",border:"hsl(120, 61%, 77%)",icon:"hsl(120, 44%, 53%)"},dark:{bg:"hsl(120, 84%, 10%)",fg:"hsl(120, 75%, 94%)",border:"hsl(120, 75%, 16%)",icon:"hsl(120, 44%, 53%)"}},warning:{light:{bg:"hsl(45, 100%, 97%)",fg:"hsl(45, 93%, 12%)",border:"hsl(45, 90%, 65%)",icon:"hsl(45, 90%, 40%)"},dark:{bg:"hsl(45, 95%, 16%)",fg:"hsl(45, 92%, 90%)",border:"hsl(45, 94%, 20%)",icon:"hsl(45, 90%, 40%)"}},error:{light:{bg:"hsl(0, 100%, 97%)",fg:"hsl(0, 93%, 6%)",border:"hsl(0, 90%, 65%)",icon:"hsl(0, 90%, 40%)"},dark:{bg:"hsl(0, 95%, 12%)",fg:"hsl(0, 92%, 90%)",border:"hsl(0, 94%, 18%)",icon:"hsl(0, 90%, 40%)"}},danger:{light:{bg:"hsl(0, 100%, 97%)",fg:"hsl(0, 93%, 6%)",border:"hsl(0, 90%, 65%)",icon:"hsl(0, 90%, 40%)"},dark:{bg:"hsl(0, 95%, 12%)",fg:"hsl(0, 92%, 90%)",border:"hsl(0, 94%, 18%)",icon:"hsl(0, 90%, 40%)"}},info:{light:{bg:"hsl(210, 100%, 95%)",fg:"hsl(210, 100%, 21%)",border:"hsl(210, 100%, 65%)",icon:"hsl(210, 98%, 42%)"},dark:{bg:"hsl(210, 100%, 16%)",fg:"hsl(210, 100%, 92%)",border:"hsl(210, 100%, 35%)",icon:"hsl(210, 98%, 55%)"}},primary:{light:{bg:"hsl(210, 100%, 95%)",fg:"hsl(210, 100%, 21%)",border:"hsl(210, 100%, 80%)",icon:"hsl(210, 98%, 48%)"},dark:{bg:"hsl(210, 100%, 16%)",fg:"hsl(210, 100%, 92%)",border:"hsl(210, 100%, 35%)",icon:"hsl(210, 98%, 55%)"}},secondary:{light:{bg:"hsl(270, 100%, 97%)",fg:"hsl(270, 70%, 42%)",border:"hsl(270, 80%, 80%)",icon:"hsl(270, 70%, 50%)"},dark:{bg:"hsl(270, 80%, 16%)",fg:"hsl(270, 92%, 90%)",border:"hsl(270, 75%, 25%)",icon:"hsl(270, 70%, 65%)"}},accent:{light:{bg:"hsl(270, 100%, 97%)",fg:"hsl(270, 70%, 42%)",border:"hsl(270, 80%, 80%)",icon:"hsl(270, 70%, 50%)"},dark:{bg:"hsl(270, 80%, 16%)",fg:"hsl(270, 92%, 90%)",border:"hsl(270, 75%, 25%)",icon:"hsl(270, 70%, 65%)"}},neutral:{light:{bg:"hsl(220, 35%, 97%)",fg:"hsl(220, 20%, 42%)",border:"hsl(220, 20%, 88%)",icon:"hsl(220, 20%, 65%)"},dark:{bg:"hsl(220, 30%, 6%)",fg:"hsl(220, 30%, 94%)",border:"hsl(220, 20%, 25%)",icon:"hsl(220, 20%, 80%)"}},muted:{light:{bg:"hsl(220, 35%, 97%)",fg:"hsl(220, 20%, 42%)",border:"hsl(220, 20%, 88%)",icon:"hsl(220, 20%, 65%)"},dark:{bg:"hsl(220, 30%, 6%)",fg:"hsl(220, 30%, 94%)",border:"hsl(220, 20%, 25%)",icon:"hsl(220, 20%, 80%)"}}};function w(t,r){return r==="outline"?{bg:"transparent",fg:t.fg,border:`1px solid ${I.alpha(t.border,.7)}`,icon:t.icon}:r==="solid"?{bg:t.icon,fg:"#fff",border:"none",icon:"#fff"}:{bg:t.bg,fg:t.fg,border:`1px solid ${I.alpha(t.border,.5)}`,icon:t.icon}}function B({children:t,color:r="info",emphasis:o="soft",dismissible:n=!1,onDismiss:i,actions:l,icon:s,startAdornment:c,size:d="md",sx:x}){const f=K[o]||"standard",u=Q[d],v={success:"success",info:"info",warning:"warning",error:"error",danger:"error",primary:"info",secondary:"info",accent:"info",neutral:"info",muted:"info"}[r]??"info";return e.jsx(V,{severity:v,variant:f,icon:s===!1?!1:s??c,action:e.jsxs(e.Fragment,{children:[l,n&&e.jsx(A,{size:u.closeSize,color:"inherit",onClick:i,"aria-label":"Dismiss",children:e.jsx(X,{fontSize:"small"})})]}),sx:H=>{const C=U[r],z=w(C.light,o),y=w(C.dark,o),$=o==="soft"?I.alpha(y.bg,.3):y.bg;return{padding:u.padding,fontSize:u.fontSize,borderRadius:`${u.borderRadius}px`,alignItems:"center",backgroundColor:z.bg,color:z.fg,border:z.border,"& .MuiAlert-icon":{fontSize:u.iconSize,mr:d==="xs"?.5:1,py:0,color:z.icon},"& .MuiAlert-message":{py:0,overflow:"hidden"},"& .MuiAlert-action":{py:0,alignItems:"center"},...H.applyStyles("dark",{backgroundColor:$,color:y.fg,border:y.border,"& .MuiAlert-icon":{color:y.icon}}),...typeof x=="object"&&x!==null?x:{}}},children:t})}B.displayName="Alert";function q({children:t,height:r=24,sx:o}){const n=h.Children.toArray(t),i=n.filter(s=>h.isValidElement(s)?s.props.align!=="right":!0),l=n.filter(s=>h.isValidElement(s)?s.props.align==="right":!1);return e.jsxs(a,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",height:r,px:1,bgcolor:"var(--ov-bg-surface)",borderTop:"1px solid var(--ov-border-default)",fontSize:"var(--ov-text-xs)",...typeof o=="object"&&!Array.isArray(o)?o:{}},children:[e.jsx(a,{sx:{display:"flex",alignItems:"center",gap:0},children:i}),e.jsx(a,{sx:{display:"flex",alignItems:"center",gap:0},children:l})]})}q.displayName="StatusBar";function N({children:t,icon:r,onClick:o,tooltip:n,color:i,separator:l=!1,sx:s}){const c=e.jsxs(a,{onClick:o,sx:{display:"inline-flex",alignItems:"center",gap:.5,px:.75,height:20,fontSize:"var(--ov-text-xs)",color:i?k.toCssColor(i):"var(--ov-fg-default)",cursor:o?"pointer":"default",borderRadius:"3px",whiteSpace:"nowrap",...l&&{borderRight:"1px solid var(--ov-border-muted)",pr:1,mr:.25},...o&&{"&:hover":{bgcolor:"var(--ov-state-hover)"}},...typeof s=="object"&&!Array.isArray(s)?s:{}},children:[r&&e.jsx(a,{component:"span",sx:{display:"inline-flex",fontSize:"0.75rem"},children:r}),t]});return n?e.jsx(m,{title:n,children:c}):c}N.displayName="StatusBarItem";const Y={xs:2,sm:4,md:6,lg:8,xl:10};function T({value:t,indeterminate:r=!1,color:o="primary",size:n="sm",label:i,showValue:l=!1,sx:s}){const c=k.toCssColor(o),d=Y[n];return e.jsxs(a,{sx:{display:"flex",flexDirection:"column",gap:.5,...typeof s=="object"&&!Array.isArray(s)?s:{}},children:[(i||l)&&e.jsxs(a,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[i&&e.jsx(S,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-muted)"},children:i}),l&&!r&&t!==void 0&&e.jsxs(S,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-muted)"},children:[Math.round(t),"%"]})]}),e.jsx(M,{variant:r?"indeterminate":"determinate",value:r?void 0:t,sx:{height:d,borderRadius:d/2,bgcolor:"var(--ov-bg-surface-inset)","& .MuiLinearProgress-bar":{bgcolor:c,borderRadius:d/2}}})]})}T.displayName="ProgressBar";const Z={connected:"var(--ov-success-default)",connecting:"var(--ov-warning-default)",disconnected:"var(--ov-fg-faint)",error:"var(--ov-danger-default)"},_={connected:"Connected",connecting:"Connecting",disconnected:"Disconnected",error:"Error"},ee={xs:6,sm:8,md:10,lg:12,xl:14};function L({status:t,label:r,size:o="sm",showLabel:n=!0,sx:i}){const l=Z[t],s=ee[o],c=r??_[t];return e.jsxs(a,{sx:{display:"inline-flex",alignItems:"center",gap:.75,...typeof i=="object"&&!Array.isArray(i)?i:{}},children:[e.jsx(a,{sx:{width:s,height:s,borderRadius:"50%",bgcolor:l,flexShrink:0,...t==="connecting"&&{animation:"ov-conn-pulse 1.5s ease-in-out infinite","@keyframes ov-conn-pulse":{"0%, 100%":{opacity:1},"50%":{opacity:.3}}}}}),n&&e.jsx(S,{sx:{fontSize:o==="xs"?"var(--ov-text-xs)":"var(--ov-text-sm)",color:"var(--ov-fg-default)",lineHeight:1},children:c})]})}L.displayName="ConnectionIndicator";const te={xs:12,sm:14,md:16,lg:18,xl:20};function E({running:t,onStart:r,onStop:o,loading:n=!1,size:i="sm",label:l,sx:s}){const c=k.toMuiSize(i),d=te[i],x=()=>{t?o():r()},f=n?e.jsx(j,{size:d,color:"inherit"}):t?e.jsx(b.LuSquare,{size:d}):e.jsx(b.LuPlay,{size:d});return e.jsx(P,{size:c,variant:"contained",onClick:x,disabled:n,startIcon:f,sx:{bgcolor:t?"var(--ov-danger-default)":"var(--ov-success-default)",color:"#fff",textTransform:"none","&:hover":{bgcolor:t?"var(--ov-danger-default)":"var(--ov-success-default)",filter:"brightness(0.9)"},...typeof s=="object"&&!Array.isArray(s)?s:{}},children:l??(t?"Stop":"Run")})}E.displayName="RunButton";const D=h.createContext(null);function re(){const t=h.useContext(D);if(!t)throw new Error("useNotificationStack must be used within a NotificationStackProvider");return t}const oe={info:e.jsx(b.LuInfo,{size:16}),success:e.jsx(b.LuCircleCheck,{size:16}),warning:e.jsx(b.LuTriangleAlert,{size:16}),error:e.jsx(b.LuCircleAlert,{size:16})},ne={info:"var(--ov-info-default)",success:"var(--ov-success-default)",warning:"var(--ov-warning-default)",error:"var(--ov-danger-default)"};function ie({notification:t,onDismiss:r}){const{id:o,severity:n,title:i,message:l,actions:s,timeout:c}=t,d=h.useRef(void 0);h.useEffect(()=>{const f=c??8e3;return f>0&&(d.current=setTimeout(()=>r(o),f)),()=>{d.current&&clearTimeout(d.current)}},[o,c,r]);const x=ne[n];return e.jsxs(a,{sx:{display:"flex",gap:1,minWidth:320,maxWidth:420,bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)",borderLeft:`3px solid ${x}`,borderRadius:"6px",boxShadow:"0 4px 16px rgba(0,0,0,0.25)",p:1.5,animation:"ov-notif-slide-in 0.2s ease-out","@keyframes ov-notif-slide-in":{from:{opacity:0,transform:"translateX(40px)"},to:{opacity:1,transform:"translateX(0)"}}},children:[e.jsx(a,{sx:{color:x,pt:"2px",flexShrink:0},children:oe[n]}),e.jsxs(a,{sx:{flex:1,minWidth:0},children:[e.jsx(S,{sx:{fontSize:"0.8125rem",fontWeight:600,color:"var(--ov-fg-base)",lineHeight:1.4},children:i}),l&&e.jsx(S,{sx:{fontSize:"0.75rem",color:"var(--ov-fg-muted)",lineHeight:1.4,mt:.25},children:l}),s&&s.length>0&&e.jsx(a,{sx:{display:"flex",gap:.5,mt:1},children:s.map(f=>e.jsx(P,{size:"small",variant:"text",onClick:()=>{f.onClick(),r(o)},sx:{textTransform:"none",fontSize:"0.6875rem",fontWeight:600,color:"var(--ov-accent-fg)",minWidth:"auto",px:1,py:.25},children:f.label},f.label))})]}),e.jsx(A,{size:"small",onClick:()=>r(o),sx:{alignSelf:"flex-start",p:"2px",color:"var(--ov-fg-faint)","&:hover":{color:"var(--ov-fg-default)"}},children:e.jsx(b.LuX,{size:14})})]})}let se=0;function W({children:t,maxVisible:r=5,position:o="bottom-right",sx:n}){const[i,l]=h.useState([]),s=h.useCallback(u=>{const p=`notif-${++se}`;return l(v=>[...v,{...u,id:p}]),p},[]),c=h.useCallback(u=>{l(p=>p.filter(v=>v.id!==u))},[]),d=h.useCallback(()=>{l([])},[]),x={"bottom-right":{bottom:32,right:12},"bottom-left":{bottom:32,left:12},"top-right":{top:12,right:12},"top-left":{top:12,left:12}},f=i.slice(-r);return e.jsxs(D.Provider,{value:{push:s,dismiss:c,dismissAll:d},children:[t,f.length>0&&e.jsx(a,{sx:{position:"fixed",zIndex:9998,display:"flex",flexDirection:o.startsWith("bottom")?"column-reverse":"column",gap:.75,...x[o],...typeof n=="object"&&!Array.isArray(n)?n:{}},children:f.map(u=>e.jsx(ie,{notification:u,onDismiss:c},u.id))})]})}W.displayName="NotificationStackProvider";function ae({label:t,bgColor:r,color:o,icon:n,onClick:i,tooltip:l}){const s=e.jsxs(a,{onClick:i,sx:{display:"inline-flex",alignItems:"center",gap:"4px",px:"6px",height:"100%",fontSize:"0.625rem",fontWeight:700,letterSpacing:"0.04em",textTransform:"uppercase",bgcolor:r??"transparent",color:o??"#fff",cursor:i?"pointer":"default",whiteSpace:"nowrap","&:hover":i?{filter:"brightness(1.15)"}:{}},children:[n&&e.jsx(a,{sx:{display:"flex",fontSize:"0.625rem"},children:n}),t]});return l?e.jsx(m,{title:l,children:s}):s}function le({color:t,pulse:r,tooltip:o,onClick:n}){const i=e.jsx(a,{onClick:n,sx:{width:8,height:8,borderRadius:"50%",bgcolor:t,flexShrink:0,cursor:n?"pointer":"default","&:hover":n?{filter:"brightness(1.3)"}:{},...r&&{animation:"ov-footer-pulse 1.5s ease-in-out infinite","@keyframes ov-footer-pulse":{"0%, 100%":{opacity:1},"50%":{opacity:.3}}}}});return o?e.jsx(m,{title:o,children:i}):i}function ce({children:t,icon:r,onClick:o,tooltip:n}){const i=e.jsxs(a,{onClick:o,sx:{display:"inline-flex",alignItems:"center",gap:"3px",px:"6px",fontSize:"0.6875rem",color:"var(--ov-fg-default)",cursor:o?"pointer":"default",borderRadius:"2px",whiteSpace:"nowrap","&:hover":o?{bgcolor:"rgba(255,255,255,0.08)"}:{}},children:[r&&e.jsx(a,{sx:{display:"flex",fontSize:"0.6875rem"},children:r}),t]});return n?e.jsx(m,{title:n,children:i}):i}function de({label:t,tooltip:r}){const o=e.jsxs(a,{sx:{display:"inline-flex",alignItems:"center",gap:"4px",px:"6px",fontSize:"0.6875rem",color:"var(--ov-fg-default)"},children:[e.jsx(j,{size:10,thickness:5,sx:{color:"var(--ov-fg-muted)"}}),t&&e.jsx("span",{children:t})]});return r?e.jsx(m,{title:r,children:o}):o}function fe({value:t,width:r=80,color:o="var(--ov-accent)",label:n,showValue:i=!1,tooltip:l}){const s=t===void 0,c=e.jsxs(a,{sx:{display:"inline-flex",alignItems:"center",gap:"4px",px:"6px",fontSize:"0.625rem",color:"var(--ov-fg-default)"},children:[n&&e.jsx(a,{component:"span",sx:{whiteSpace:"nowrap",color:"var(--ov-fg-muted)"},children:n}),e.jsx(M,{variant:s?"indeterminate":"determinate",value:s?void 0:t,sx:{width:r,height:3,borderRadius:1.5,bgcolor:"rgba(255,255,255,0.1)","& .MuiLinearProgress-bar":{bgcolor:o,borderRadius:1.5}}}),i&&!s&&t!==void 0&&e.jsxs(a,{component:"span",sx:{whiteSpace:"nowrap",color:"var(--ov-fg-muted)"},children:[Math.round(t),"%"]})]});return l?e.jsx(m,{title:l,children:c}):c}function ue({color:t}){return e.jsx(a,{sx:{width:"1px",height:"60%",bgcolor:t??"var(--ov-border-default)",flexShrink:0,mx:"2px"}})}function xe({icon:t,label:r,onClick:o,tooltip:n,color:i}){const l=e.jsxs(a,{component:"button",onClick:o,sx:{all:"unset",display:"inline-flex",alignItems:"center",gap:"3px",px:"5px",height:"100%",fontSize:"0.625rem",fontWeight:500,color:i??"var(--ov-fg-default)",cursor:"pointer",borderRadius:"2px",whiteSpace:"nowrap","&:hover":{bgcolor:"rgba(255,255,255,0.1)"},"&:active":{bgcolor:"rgba(255,255,255,0.15)"}},children:[t&&e.jsx(a,{sx:{display:"flex",fontSize:"0.625rem"},children:t}),r]});return n?e.jsx(m,{title:n,children:l}):l}function ge({count:t,icon:r,maxCount:o=99,onClick:n,tooltip:i,color:l}){const s=t>o?`${o}+`:String(t),c=e.jsxs(a,{onClick:n,sx:{display:"inline-flex",alignItems:"center",gap:"3px",px:"5px",height:"100%",fontSize:"0.625rem",fontWeight:600,color:"var(--ov-fg-default)",cursor:n?"pointer":"default","&:hover":n?{bgcolor:"rgba(255,255,255,0.08)"}:{}},children:[r&&e.jsx(a,{sx:{display:"flex",fontSize:"0.625rem"},children:r}),t>0&&e.jsx(a,{component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",minWidth:14,height:14,borderRadius:"7px",bgcolor:l??"var(--ov-accent)",color:"#fff",fontSize:"0.5625rem",fontWeight:700,lineHeight:1,px:"3px"},children:s})]});return i?e.jsx(m,{title:i,children:c}):c}function he({time:t,icon:r,running:o,tooltip:n}){const i=e.jsxs(a,{sx:{display:"inline-flex",alignItems:"center",gap:"3px",px:"6px",fontSize:"0.625rem",fontFamily:"var(--ov-font-mono)",fontFeatureSettings:'"tnum"',color:"var(--ov-fg-muted)",whiteSpace:"nowrap",...o&&{animation:"ov-footer-timer-blink 2s step-end infinite","@keyframes ov-footer-timer-blink":{"0%, 100%":{opacity:1},"50%":{opacity:.6}}}},children:[r&&e.jsx(a,{sx:{display:"flex",fontSize:"0.625rem"},children:r}),t]});return n?e.jsx(m,{title:n,children:i}):i}function pe({value:t,size:r=12,color:o,tooltip:n}){const i=t===void 0,l=e.jsx(a,{sx:{display:"inline-flex",alignItems:"center",px:"4px"},children:e.jsx(j,{variant:i?"indeterminate":"determinate",value:i?void 0:t,size:r,thickness:5,sx:{color:o??"var(--ov-accent)",...i&&{animationDuration:"1s"}}})});return n?e.jsx(m,{title:n,children:l}):l}function g({left:t,right:r,height:o=22,sx:n}){return e.jsxs(a,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",height:o,bgcolor:"var(--ov-bg-surface)",borderTop:"1px solid var(--ov-border-default)",fontFamily:"var(--ov-font-ui)",overflow:"hidden",flexShrink:0,...typeof n=="object"&&!Array.isArray(n)?n:{}},children:[e.jsx(a,{sx:{display:"flex",alignItems:"center",height:"100%",gap:.25},children:t}),e.jsx(a,{sx:{display:"flex",alignItems:"center",height:"100%",gap:.25},children:r})]})}g.displayName="IDEStatusFooter";g.Chip=ae;g.Dot=le;g.Text=ce;g.Spinner=de;g.Progress=fe;g.Circular=pe;g.Separator=ue;g.Button=xe;g.Badge=ge;g.Timer=he;const me={xs:20,sm:32,md:48,lg:64,xl:80},ve={xs:5,sm:4.5,md:4,lg:3.5,xl:3},be={xs:"0.5rem",sm:"0.625rem",md:"0.8125rem",lg:"1rem",xl:"1.25rem"};function F({value:t,size:r="md",color:o="primary",thickness:n,showValue:i=!1,label:l,caption:s,trackColor:c,sx:d}){const x=me[r],f=n??ve[r],u=k.toCssColor(o),p=t===void 0,v=l??(i&&!p?`${Math.round(t)}%`:null);return e.jsxs(a,{sx:{display:"inline-flex",flexDirection:"column",alignItems:"center",gap:.5,...typeof d=="object"&&!Array.isArray(d)?d:{}},children:[e.jsxs(a,{sx:{position:"relative",display:"inline-flex"},children:[e.jsx(j,{variant:"determinate",value:100,size:x,thickness:f,sx:{color:c??"var(--ov-bg-surface-inset)",position:"absolute"}}),e.jsx(j,{variant:p?"indeterminate":"determinate",value:p?void 0:t,size:x,thickness:f,sx:{color:u,...p&&{animationDuration:"1.2s"}}}),v&&e.jsx(a,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(S,{sx:{fontSize:be[r],fontWeight:600,color:"var(--ov-fg-default)",lineHeight:1,fontFeatureSettings:'"tnum"'},children:v})})]}),s&&e.jsx(S,{sx:{fontSize:r==="xs"?"0.5rem":"var(--ov-text-xs)",color:"var(--ov-fg-muted)",textAlign:"center",lineHeight:1.3},children:s})]})}F.displayName="ProgressRing";exports.StatusDot=O.StatusDot;exports.StatusPill=G.StatusPill;exports.EmptyState=R.EmptyState;exports.ErrorState=R.ErrorState;exports.Skeleton=J.Skeleton;exports.Alert=B;exports.ConnectionIndicator=L;exports.IDEStatusFooter=g;exports.NotificationStackProvider=W;exports.ProgressBar=T;exports.ProgressRing=F;exports.RunButton=E;exports.StatusBar=q;exports.StatusBarItem=N;exports.useNotificationStack=re;