paths-engine 0.0.0-stage → 0.1.0

package/dist/gui/renderer/components/shared/Badge.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Badge({ variant = 'default', label, dot = true, children, }) {
+    const content = label ?? children;
+    const getVariantStyles = () => {
+        switch (variant) {
+            // Statuses
+            case 'active':
+                return {
+                    bg: 'var(--status-active-bg)',
+                    text: 'var(--status-active-text)',
+                    border: 'var(--status-active-border)',
+                    dotColor: 'var(--status-active-text)',
+                };
+            case 'superseded':
+                return {
+                    bg: 'var(--status-superseded-bg)',
+                    text: 'var(--status-superseded-text)',
+                    border: 'var(--status-superseded-border)',
+                    dotColor: 'var(--status-superseded-text)',
+                };
+            case 'conflicted':
+                return {
+                    bg: 'var(--status-conflicted-bg)',
+                    text: 'var(--status-conflicted-text)',
+                    border: 'var(--status-conflicted-border)',
+                    dotColor: 'var(--status-conflicted-text)',
+                };
+            case 'draft':
+                return {
+                    bg: 'var(--status-draft-bg)',
+                    text: 'var(--status-draft-text)',
+                    border: 'var(--status-draft-border)',
+                    dotColor: 'var(--status-draft-text)',
+                };
+            // 9 Knowledge Categories
+            case 'Architecture':
+                return {
+                    bg: 'var(--cat-architecture-bg)',
+                    text: 'var(--cat-architecture)',
+                    border: 'var(--cat-architecture-border)',
+                    dotColor: 'var(--cat-architecture)',
+                };
+            case 'Business':
+                return {
+                    bg: 'var(--cat-business-bg)',
+                    text: 'var(--cat-business)',
+                    border: 'var(--cat-business-border)',
+                    dotColor: 'var(--cat-business)',
+                };
+            case 'Deployment':
+                return {
+                    bg: 'var(--cat-deployment-bg)',
+                    text: 'var(--cat-deployment)',
+                    border: 'var(--cat-deployment-border)',
+                    dotColor: 'var(--cat-deployment)',
+                };
+            case 'Security':
+                return {
+                    bg: 'var(--cat-security-bg)',
+                    text: 'var(--cat-security)',
+                    border: 'var(--cat-security-border)',
+                    dotColor: 'var(--cat-security)',
+                };
+            case 'Testing':
+                return {
+                    bg: 'var(--cat-testing-bg)',
+                    text: 'var(--cat-testing)',
+                    border: 'var(--cat-testing-border)',
+                    dotColor: 'var(--cat-testing)',
+                };
+            case 'API':
+                return {
+                    bg: 'var(--cat-api-bg)',
+                    text: 'var(--cat-api)',
+                    border: 'var(--cat-api-border)',
+                    dotColor: 'var(--cat-api)',
+                };
+            case 'Database':
+                return {
+                    bg: 'var(--cat-database-bg)',
+                    text: 'var(--cat-database)',
+                    border: 'var(--cat-database-border)',
+                    dotColor: 'var(--cat-database)',
+                };
+            case 'Infrastructure':
+                return {
+                    bg: 'var(--cat-infrastructure-bg)',
+                    text: 'var(--cat-infrastructure)',
+                    border: 'var(--cat-infrastructure-border)',
+                    dotColor: 'var(--cat-infrastructure)',
+                };
+            case 'UI':
+                return {
+                    bg: 'var(--cat-ui-bg)',
+                    text: 'var(--cat-ui)',
+                    border: 'var(--cat-ui-border)',
+                    dotColor: 'var(--cat-ui)',
+                };
+            case 'cyan':
+                return {
+                    bg: 'var(--accent-subtle)',
+                    text: 'var(--accent-primary)',
+                    border: 'var(--accent-border)',
+                    dotColor: 'var(--accent-primary)',
+                };
+            case 'tool':
+                return {
+                    bg: 'var(--bg-control)',
+                    text: 'var(--text-primary)',
+                    border: 'var(--border-control)',
+                };
+            case 'neutral':
+            case 'default':
+            default:
+                return {
+                    bg: 'var(--bg-control)',
+                    text: 'var(--text-secondary)',
+                    border: 'var(--border-subtle)',
+                };
+        }
+    };
+    const { bg, text, border, dotColor } = getVariantStyles();
+    return (_jsxs("span", { className: "badge", style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            padding: '3px 9px',
+            borderRadius: 'var(--radius-full)',
+            fontSize: '11px',
+            fontWeight: 600,
+            letterSpacing: '0.02em',
+            backgroundColor: bg,
+            color: text,
+            border: `1px solid ${border}`,
+            boxShadow: 'var(--specular-highlight)',
+            backdropFilter: 'blur(12px)',
+            WebkitBackdropFilter: 'blur(12px)',
+            whiteSpace: 'nowrap',
+            userSelect: 'none',
+            lineHeight: 1.4,
+        }, children: [dot && dotColor && (_jsx("span", { style: {
+                    width: '6px',
+                    height: '6px',
+                    borderRadius: '50%',
+                    backgroundColor: dotColor,
+                    boxShadow: `0 0 6px ${dotColor}`,
+                    marginRight: '6px',
+                    flexShrink: 0,
+                }, "aria-hidden": "true" })), content] }));
+}
+//# sourceMappingURL=Badge.js.map

package/dist/gui/renderer/components/shared/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../../src/gui/renderer/components/shared/Badge.tsx"],"names":[],"mappings":"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"}

package/dist/gui/renderer/components/shared/EmptyState.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface EmptyStateProps {
+    title: string;
+    description: string;
+    icon?: React.ReactNode;
+    actionLabel?: string;
+    onAction?: () => void;
+}
+export declare function EmptyState({ title, description, icon, actionLabel, onAction, }: EmptyStateProps): React.JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/gui/renderer/components/shared/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/gui/renderer/components/shared/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,WAAW,EACX,QAAQ,GACT,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0GrC"}

package/dist/gui/renderer/components/shared/EmptyState.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function EmptyState({ title, description, icon, actionLabel, onAction, }) {
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: '56px 24px',
+            textAlign: 'center',
+            borderRadius: 'var(--radius-lg)',
+            border: '1px dashed var(--border-default)',
+            backgroundColor: 'var(--bg-card)',
+            margin: '16px 0',
+            boxShadow: 'var(--shadow-sm)',
+        }, children: [_jsx("div", { style: {
+                    width: '48px',
+                    height: '48px',
+                    borderRadius: 'var(--radius-full)',
+                    backgroundColor: 'var(--bg-control)',
+                    border: '1px solid var(--border-control)',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    color: 'var(--accent-primary)',
+                    marginBottom: '16px',
+                    boxShadow: 'var(--shadow-sm)',
+                }, "aria-hidden": "true", children: icon ?? (_jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] })) }), _jsx("h3", { style: {
+                    fontSize: '15px',
+                    fontWeight: 600,
+                    color: 'var(--text-primary)',
+                    marginBottom: '6px',
+                }, children: title }), _jsx("p", { style: {
+                    fontSize: '13px',
+                    color: 'var(--text-secondary)',
+                    maxWidth: '380px',
+                    lineHeight: 1.5,
+                    marginBottom: actionLabel && onAction ? '20px' : '0',
+                }, children: description }), actionLabel && onAction && (_jsx("button", { type: "button", onClick: onAction, style: {
+                    padding: '8px 18px',
+                    borderRadius: 'var(--radius-full)',
+                    fontSize: '13px',
+                    fontWeight: 600,
+                    backgroundColor: 'var(--accent-primary)',
+                    color: 'var(--text-inverse)',
+                    border: 'none',
+                    boxShadow: 'var(--shadow-sm)',
+                    transition: 'all var(--transition-fast)',
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    gap: '8px',
+                }, onMouseEnter: (e) => {
+                    e.currentTarget.style.backgroundColor = 'var(--accent-hover)';
+                    e.currentTarget.style.transform = 'translateY(-1px)';
+                }, onMouseLeave: (e) => {
+                    e.currentTarget.style.backgroundColor = 'var(--accent-primary)';
+                    e.currentTarget.style.transform = 'translateY(0)';
+                }, children: actionLabel }))] }));
+}
+//# sourceMappingURL=EmptyState.js.map

package/dist/gui/renderer/components/shared/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../../../src/gui/renderer/components/shared/EmptyState.tsx"],"names":[],"mappings":"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"}

package/dist/gui/renderer/components/shared/ErrorBanner.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ErrorBannerProps {
+    message: string;
+    onDismiss?: () => void;
+}
+export declare function ErrorBanner({ message, onDismiss }: ErrorBannerProps): React.JSX.Element;
+//# sourceMappingURL=ErrorBanner.d.ts.map

package/dist/gui/renderer/components/shared/ErrorBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBanner.d.ts","sourceRoot":"","sources":["../../../../../src/gui/renderer/components/shared/ErrorBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiFvF"}

package/dist/gui/renderer/components/shared/ErrorBanner.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ErrorBanner({ message, onDismiss }) {
+    return (_jsxs("div", { role: "alert", style: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            padding: '10px 14px',
+            borderRadius: 'var(--radius-md)',
+            backgroundColor: 'var(--danger-bg)',
+            border: '1px solid var(--danger-border)',
+            color: 'var(--danger-text)',
+            marginBottom: '16px',
+            fontSize: '13px',
+            backdropFilter: 'blur(8px)',
+            boxShadow: 'var(--shadow-sm)',
+        }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '10px' }, children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", style: { flexShrink: 0 }, children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }), _jsx("span", { style: { fontWeight: 500 }, children: message })] }), onDismiss && (_jsx("button", { type: "button", onClick: onDismiss, "aria-label": "Dismiss error notification", style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    padding: '4px',
+                    borderRadius: 'var(--radius-sm)',
+                    color: 'var(--danger-text)',
+                    backgroundColor: 'transparent',
+                    transition: 'background-color var(--transition-fast)',
+                    flexShrink: 0,
+                    marginLeft: '8px',
+                }, onMouseEnter: (e) => {
+                    e.currentTarget.style.backgroundColor = 'rgba(239, 68, 68, 0.15)';
+                }, onMouseLeave: (e) => {
+                    e.currentTarget.style.backgroundColor = 'transparent';
+                }, children: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) }))] }));
+}
+//# sourceMappingURL=ErrorBanner.js.map

package/dist/gui/renderer/components/shared/ErrorBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBanner.js","sourceRoot":"","sources":["../../../../../src/gui/renderer/components/shared/ErrorBanner.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAoB;IAClE,OAAO,CACL,eACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,OAAO,EAAE,WAAW;YACpB,YAAY,EAAE,kBAAkB;YAChC,eAAe,EAAE,kBAAkB;YACnC,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,oBAAoB;YAC3B,YAAY,EAAE,MAAM;YACpB,QAAQ,EAAE,MAAM;YAChB,cAAc,EAAE,WAAW;YAC3B,SAAS,EAAE,kBAAkB;SAC9B,aAED,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAChE,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,EAClB,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,aAExB,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,EACjC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EACvC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG,IACvC,EACN,eAAM,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,OAAO,GAAQ,IAC9C,EAEL,SAAS,IAAI,CACZ,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,gBACP,4BAA4B,EACvC,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,OAAO,EAAE,KAAK;oBACd,YAAY,EAAE,kBAAkB;oBAChC,KAAK,EAAE,oBAAoB;oBAC3B,eAAe,EAAE,aAAa;oBAC9B,UAAU,EAAE,yCAAyC;oBACrD,UAAU,EAAE,CAAC;oBACb,UAAU,EAAE,KAAK;iBAClB,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;oBAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,yBAAyB,CAAC;gBACpE,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;oBAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,aAAa,CAAC;gBACxD,CAAC,YAED,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,aAElB,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,EACtC,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,IAClC,GACC,CACV,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/gui/renderer/components/shared/ErrorBoundary.d.ts

@@ -0,0 +1,18 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallbackTitle?: string;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    handleReset: () => void;
+    render(): ReactNode;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/gui/renderer/components/shared/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../../src/gui/renderer/components/shared/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBACtE,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIxD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAIpE,WAAW,QAAO,IAAI,CAEpB;IAEO,MAAM,IAAI,SAAS;CAiD7B"}

package/dist/gui/renderer/components/shared/ErrorBoundary.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Component } from 'react';
+export class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false, error: null };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error('Renderer ErrorBoundary caught an exception:', error, errorInfo);
+    }
+    handleReset = () => {
+        this.setState({ hasError: false, error: null });
+    };
+    render() {
+        if (this.state.hasError) {
+            return (_jsxs("div", { role: "alert", style: {
+                    padding: '24px',
+                    margin: '20px',
+                    backgroundColor: 'var(--danger-bg)',
+                    border: '1px solid var(--danger-border)',
+                    borderRadius: 'var(--radius-lg)',
+                    color: 'var(--danger-text)',
+                }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '10px', marginBottom: '12px' }, children: [_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }), _jsx("h3", { style: { fontSize: '15px', fontWeight: 600 }, children: this.props.fallbackTitle ?? 'Surface Render Failure' })] }), _jsx("p", { style: { fontSize: '13px', color: 'var(--text-primary)', marginBottom: '16px', lineHeight: 1.5 }, children: this.state.error?.message ?? 'An unexpected rendering error occurred in this view.' }), _jsx("button", { type: "button", onClick: this.handleReset, style: {
+                            padding: '6px 14px',
+                            fontSize: '12px',
+                            fontWeight: 500,
+                            backgroundColor: 'var(--bg-surface)',
+                            color: 'var(--text-primary)',
+                            border: '1px solid var(--border-default)',
+                            borderRadius: 'var(--radius-md)',
+                            transition: 'background-color var(--transition-fast)',
+                        }, children: "Retry Surface" })] }));
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/gui/renderer/components/shared/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../../src/gui/renderer/components/shared/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAY/D,MAAM,OAAO,aAAc,SAAQ,SAAiD;IAClF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IACnC,CAAC;IAEQ,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAC3D,OAAO,CAAC,KAAK,CAAC,6CAA6C,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACjF,CAAC;IAED,WAAW,GAAG,GAAS,EAAE;QACvB,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAClD,CAAC,CAAC;IAEO,MAAM;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxB,OAAO,CACL,eACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,kBAAkB;oBACnC,MAAM,EAAE,gCAAgC;oBACxC,YAAY,EAAE,kBAAkB;oBAChC,KAAK,EAAE,oBAAoB;iBAC5B,aAED,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,aACtF,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,aAC5I,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,EACjC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EACvC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG,IACvC,EACN,aAAI,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,YAC7C,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,wBAAwB,GAClD,IACD,EACN,YAAG,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,YAChG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,IAAI,sDAAsD,GAClF,EACJ,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,KAAK,EAAE;4BACL,OAAO,EAAE,UAAU;4BACnB,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,GAAG;4BACf,eAAe,EAAE,mBAAmB;4BACpC,KAAK,EAAE,qBAAqB;4BAC5B,MAAM,EAAE,iCAAiC;4BACzC,YAAY,EAAE,kBAAkB;4BAChC,UAAU,EAAE,yCAAyC;yBACtD,8BAGM,IACL,CACP,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF"}

package/dist/gui/renderer/components/shared/GlassSelect.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface GlassSelectOption {
+    value: number | string;
+    label: string;
+    isCurrent?: boolean;
+}
+export interface GlassSelectProps {
+    id?: string;
+    label?: string;
+    value: number | string | undefined | null;
+    options: GlassSelectOption[];
+    onChange: (value: number | string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+}
+export declare function GlassSelect({ id, label, value, options, onChange, placeholder, disabled, }: GlassSelectProps): React.JSX.Element;
+//# sourceMappingURL=GlassSelect.d.ts.map

package/dist/gui/renderer/components/shared/GlassSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlassSelect.d.ts","sourceRoot":"","sources":["../../../../../src/gui/renderer/components/shared/GlassSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC1C,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAgC,EAChC,QAAgB,GACjB,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwQtC"}

package/dist/gui/renderer/components/shared/GlassSelect.js

@@ -0,0 +1,147 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { motion, AnimatePresence } from 'motion/react';
+export function GlassSelect({ id, label, value, options, onChange, placeholder = 'Select option...', disabled = false, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const containerRef = useRef(null);
+    const selectedOption = options.find((opt) => String(opt.value) === String(value));
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleClickOutside = (event) => {
+            if (containerRef.current && !containerRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape') {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        document.addEventListener('touchstart', handleClickOutside);
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('touchstart', handleClickOutside);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [isOpen]);
+    const toggleDropdown = () => {
+        if (!disabled) {
+            setIsOpen((prev) => !prev);
+        }
+    };
+    return (_jsxs("div", { ref: containerRef, style: {
+            position: 'relative',
+            display: 'inline-flex',
+            alignItems: 'center',
+            zIndex: isOpen ? 60 : 1,
+        }, children: [_jsxs(motion.button, { id: id, type: "button", role: "combobox", "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-label": label || placeholder, onClick: toggleDropdown, disabled: disabled, whileTap: { scale: 0.98 }, whileHover: {
+                    backgroundColor: 'var(--bg-control-hover)',
+                    borderColor: 'var(--border-control-hover)',
+                }, style: {
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    gap: '10px',
+                    padding: '7px 14px',
+                    borderRadius: 'var(--radius-full)',
+                    backgroundColor: 'var(--bg-control)',
+                    border: '1px solid var(--border-control)',
+                    color: 'var(--text-primary)',
+                    fontSize: '13px',
+                    fontWeight: 500,
+                    outline: 'none',
+                    cursor: disabled ? 'not-allowed' : 'pointer',
+                    boxShadow: 'var(--specular-highlight)',
+                    transition: 'border-color var(--transition-fast), background-color var(--transition-fast)',
+                    opacity: disabled ? 0.6 : 1,
+                }, children: [_jsxs("div", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '8px',
+                            overflow: 'hidden',
+                        }, children: [selectedOption?.isCurrent && (_jsx("span", { style: {
+                                    width: '6px',
+                                    height: '6px',
+                                    borderRadius: '50%',
+                                    backgroundColor: 'var(--status-active-text)',
+                                    boxShadow: '0 0 6px var(--status-active-text)',
+                                    flexShrink: 0,
+                                }, "aria-hidden": "true" })), _jsx("span", { style: {
+                                    whiteSpace: 'nowrap',
+                                    overflow: 'hidden',
+                                    textOverflow: 'ellipsis',
+                                    maxWidth: '200px',
+                                }, children: selectedOption ? selectedOption.label : placeholder })] }), _jsx(motion.svg, { animate: { rotate: isOpen ? 180 : 0 }, transition: { duration: 0.2, ease: [0.16, 1, 0.3, 1] }, width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", style: {
+                            color: 'var(--text-muted)',
+                            flexShrink: 0,
+                            marginLeft: '2px',
+                        }, "aria-hidden": "true", children: _jsx("polyline", { points: "6 9 12 15 18 9" }) })] }), _jsx(AnimatePresence, { children: isOpen && (_jsx(motion.div, { role: "listbox", id: `${id || 'glass-select'}-listbox`, initial: { opacity: 0, y: -6, scale: 0.98 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, y: -4, scale: 0.98 }, transition: { duration: 0.18, ease: [0.16, 1, 0.3, 1] }, style: {
+                        position: 'absolute',
+                        top: 'calc(100% + 6px)',
+                        left: 0,
+                        minWidth: '240px',
+                        maxWidth: '340px',
+                        maxHeight: '260px',
+                        overflowY: 'auto',
+                        zIndex: 100,
+                        backgroundColor: 'var(--bg-popover)',
+                        backdropFilter: 'blur(32px) saturate(200%)',
+                        WebkitBackdropFilter: 'blur(32px) saturate(200%)',
+                        border: '1px solid var(--border-popover)',
+                        borderRadius: 'var(--radius-lg)',
+                        boxShadow: 'var(--shadow-popover), var(--specular-highlight)',
+                        padding: '6px',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '2px',
+                    }, children: options.map((option) => {
+                        const isSelected = String(option.value) === String(value);
+                        const handleSelect = () => {
+                            onChange(option.value);
+                            setIsOpen(false);
+                        };
+                        return (_jsxs(motion.button, { type: "button", role: "option", "aria-selected": isSelected, onMouseDown: (e) => {
+                                e.preventDefault();
+                                handleSelect();
+                            }, onClick: handleSelect, whileHover: { backgroundColor: 'var(--bg-control-hover)' }, style: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'space-between',
+                                width: '100%',
+                                padding: '8px 12px',
+                                borderRadius: 'var(--radius-md)',
+                                border: 'none',
+                                backgroundColor: isSelected ? 'var(--nav-active-bg)' : 'transparent',
+                                color: isSelected ? 'var(--nav-active-text)' : 'var(--text-primary)',
+                                fontSize: '13px',
+                                fontWeight: isSelected ? 600 : 400,
+                                textAlign: 'left',
+                                cursor: 'pointer',
+                                transition: 'background-color var(--transition-fast), color var(--transition-fast)',
+                            }, children: [_jsxs("div", { style: {
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        gap: '8px',
+                                        overflow: 'hidden',
+                                    }, children: [option.isCurrent && (_jsx("span", { style: {
+                                                width: '6px',
+                                                height: '6px',
+                                                borderRadius: '50%',
+                                                backgroundColor: 'var(--status-active-text)',
+                                                boxShadow: '0 0 6px var(--status-active-text)',
+                                                flexShrink: 0,
+                                            }, "aria-hidden": "true" })), _jsx("span", { style: {
+                                                overflow: 'hidden',
+                                                textOverflow: 'ellipsis',
+                                                whiteSpace: 'nowrap',
+                                            }, children: option.label })] }), isSelected && (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", style: {
+                                        flexShrink: 0,
+                                        marginLeft: '8px',
+                                        color: 'var(--accent-primary)',
+                                    }, "aria-hidden": "true", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }))] }, option.value));
+                    }) })) })] }));
+}
+//# sourceMappingURL=GlassSelect.js.map

package/dist/gui/renderer/components/shared/GlassSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlassSelect.js","sourceRoot":"","sources":["../../../../../src/gui/renderer/components/shared/GlassSelect.tsx"],"names":[],"mappings":"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"}

package/dist/gui/renderer/components/shared/LoadingSpinner.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface LoadingSpinnerProps {
+    label?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare function LoadingSpinner({ label, size, }: LoadingSpinnerProps): React.JSX.Element;
+//# sourceMappingURL=LoadingSpinner.d.ts.map

package/dist/gui/renderer/components/shared/LoadingSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../../src/gui/renderer/components/shared/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAoB,EACpB,IAAW,GACZ,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqDzC"}

package/dist/gui/renderer/components/shared/LoadingSpinner.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function LoadingSpinner({ label = 'Loading...', size = 'md', }) {
+    const pixelSizes = {
+        sm: 16,
+        md: 24,
+        lg: 36,
+    };
+    const dim = pixelSizes[size];
+    return (_jsxs("div", { role: "status", "aria-label": label, style: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: '36px 16px',
+            gap: '12px',
+            color: 'var(--text-muted)',
+        }, children: [_jsxs("svg", { width: dim, height: dim, viewBox: "0 0 24 24", fill: "none", stroke: "var(--accent-primary)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", style: {
+                    animation: 'spin 1s linear infinite',
+                    filter: 'drop-shadow(0 0 6px var(--accent-subtle))',
+                }, "aria-hidden": "true", children: [_jsx("style", { children: `
+          @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+          }
+        ` }), _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })] }), label && (_jsx("span", { style: { fontSize: '13px', fontWeight: 500, color: 'var(--text-secondary)' }, children: label }))] }));
+}
+//# sourceMappingURL=LoadingSpinner.js.map

package/dist/gui/renderer/components/shared/LoadingSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../../src/gui/renderer/components/shared/LoadingSpinner.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,GAAG,YAAY,EACpB,IAAI,GAAG,IAAI,GACS;IACpB,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACP,CAAC;IAEF,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAE7B,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,WAAW;YACpB,GAAG,EAAE,MAAM;YACX,KAAK,EAAE,mBAAmB;SAC3B,aAED,eACE,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,uBAAuB,EAC9B,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE;oBACL,SAAS,EAAE,yBAAyB;oBACpC,MAAM,EAAE,2CAA2C;iBACpD,iBACW,MAAM,aAElB,0BAAQ;;;;;SAKP,GAAS,EACV,eAAM,CAAC,EAAC,6BAA6B,GAAG,IACpC,EACL,KAAK,IAAI,CACR,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,uBAAuB,EAAE,YAC/E,KAAK,GACD,CACR,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/gui/renderer/components/surfaces/Dashboard.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function Dashboard(): React.JSX.Element;
+//# sourceMappingURL=Dashboard.d.ts.map

package/dist/gui/renderer/components/surfaces/Dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../../../src/gui/renderer/components/surfaces/Dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkC1B,wBAAgB,SAAS,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAkU7C"}