@robosystems/core 0.3.0

package/ui-components/api-keys/CreateApiKeyModal.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Label, Modal, ModalBody, ModalFooter, ModalHeader, } from 'flowbite-react';
+import { useState } from 'react';
+import { Spinner } from '../Spinner';
+import { SettingsFormField } from '../forms/SettingsFormField';
+import { StatusAlert } from '../forms/StatusAlert';
+import { ApiKeyDisplay } from './ApiKeyDisplay';
+export const CreateApiKeyModal = ({ isOpen, onClose, onCreateKey, theme, }) => {
+    const [isCreating, setIsCreating] = useState(false);
+    const [newApiKey, setNewApiKey] = useState(null);
+    const [keyName, setKeyName] = useState('');
+    const [error, setError] = useState(null);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setIsCreating(true);
+        setError(null);
+        try {
+            const result = await onCreateKey({
+                name: keyName,
+            });
+            setNewApiKey(result);
+        }
+        catch (err) {
+            setError('Failed to create API key. Please try again.');
+        }
+        finally {
+            setIsCreating(false);
+        }
+    };
+    const handleCloseModal = () => {
+        onClose();
+        setKeyName('');
+        setNewApiKey(null);
+        setError(null);
+    };
+    const formatDate = (date) => {
+        if (!date)
+            return 'Never';
+        return new Date(date).toLocaleDateString('en-US', {
+            year: 'numeric',
+            month: 'short',
+            day: 'numeric',
+        });
+    };
+    return (_jsxs(Modal, { theme: theme === null || theme === void 0 ? void 0 : theme.modal, show: isOpen, onClose: handleCloseModal, children: [_jsx(ModalHeader, { children: "Create API Key" }), _jsx(ModalBody, { children: newApiKey ? (_jsxs("div", { children: [_jsx(StatusAlert, { type: "success", message: "Your API key has been created.", theme: theme === null || theme === void 0 ? void 0 : theme.alert }), _jsxs("div", { className: "mb-4 space-y-4", children: [_jsx(ApiKeyDisplay, { label: "ROBOSYSTEMS_API_KEY", value: newApiKey.key, keyId: newApiKey.id, theme: theme }), _jsx("p", { className: "text-sm font-medium text-red-600 dark:text-red-400", children: "\u26A0\uFE0F Important: Save this API key somewhere safe. For security reasons, you cannot view it again after closing this dialog." })] }), _jsxs("div", { className: "mb-2", children: [_jsx(Label, { theme: theme === null || theme === void 0 ? void 0 : theme.label, htmlFor: "keyDetails", children: "Key Details" }), _jsxs("div", { className: "mt-2 space-y-2 rounded-lg border border-zinc-200 bg-zinc-50 p-3 dark:border-zinc-700 dark:bg-zinc-800", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-sm font-medium text-zinc-500 dark:text-zinc-400", children: "Name:" }), _jsx("span", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: newApiKey.name })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-sm font-medium text-zinc-500 dark:text-zinc-400", children: "Created:" }), _jsx("span", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: formatDate(newApiKey.createdAt) })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-sm font-medium text-zinc-500 dark:text-zinc-400", children: "Status:" }), _jsx("span", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: "Active" })] })] })] })] })) : (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [_jsx(SettingsFormField, { id: "keyName", label: "API Key Name", placeholder: "My API Key", value: keyName, onChange: (e) => setKeyName(e.target.value), required: true, theme: theme }), _jsx("p", { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "Give your API key a memorable name to identify it later" }), _jsx("div", { className: "bg-primary-50 dark:bg-primary-900/30 rounded-lg p-3", children: _jsxs("p", { className: "text-primary-800 dark:text-primary-300 text-sm", children: [_jsx("strong", { children: "Note:" }), " API keys do not expire by date. Keys that haven't been used for 90 days will be automatically deactivated for security."] }) }), error && (_jsx(StatusAlert, { type: "error", message: error, theme: theme === null || theme === void 0 ? void 0 : theme.alert }))] })) }), _jsx(ModalFooter, { children: newApiKey ? (_jsx(Button, { theme: theme === null || theme === void 0 ? void 0 : theme.button, color: "blue", onClick: handleCloseModal, children: "Done" })) : (_jsxs(_Fragment, { children: [_jsx(Button, { theme: theme === null || theme === void 0 ? void 0 : theme.button, color: "gray", onClick: handleCloseModal, children: "Cancel" }), _jsx(Button, { theme: theme === null || theme === void 0 ? void 0 : theme.button, color: "primary", onClick: handleSubmit, disabled: isCreating || !keyName, children: isCreating ? (_jsx(Spinner, { size: "sm", className: "text-white" })) : ('Create API Key') })] })) })] }));
+};

package/ui-components/api-keys/SecureApiKeyField.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface SecureApiKeyFieldProps {
+    apiKey: string;
+    keyId: string;
+    keyName?: string;
+    className?: string;
+    showLabel?: boolean;
+    label?: string;
+    onCopy?: () => void;
+    onReveal?: () => void;
+    onDownload?: () => void;
+}
+export declare const SecureApiKeyField: React.FC<SecureApiKeyFieldProps>;

package/ui-components/api-keys/SecureApiKeyField.js

@@ -0,0 +1,64 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, TextInput, Tooltip } from 'flowbite-react';
+import { useState } from 'react';
+import { HiCheckCircle, HiClipboardCopy, HiDownload, HiEye, HiEyeOff, } from 'react-icons/hi';
+export const SecureApiKeyField = ({ apiKey, keyId, keyName = 'API Key', className = '', showLabel = false, label = 'API Key', onCopy, onReveal, onDownload, }) => {
+    const [isRevealed, setIsRevealed] = useState(false);
+    const [copyStatus, setCopyStatus] = useState('idle');
+    const [revealCount, setRevealCount] = useState(0);
+    const maskedKey = `${keyId.substring(0, 8)}${'•'.repeat(24)}`;
+    const handleReveal = () => {
+        if (revealCount >= 3) {
+            // Log excessive reveal attempts for security monitoring
+            console.warn(`Excessive API key reveals for key ${keyId}`);
+        }
+        setIsRevealed(!isRevealed);
+        setRevealCount((prev) => prev + 1);
+        // Auto-hide after 5 seconds for security
+        if (!isRevealed) {
+            setTimeout(() => {
+                setIsRevealed(false);
+            }, 5000);
+        }
+        onReveal === null || onReveal === void 0 ? void 0 : onReveal();
+    };
+    const handleCopy = async () => {
+        try {
+            await navigator.clipboard.writeText(apiKey);
+            setCopyStatus('copied');
+            // Reset copy status after 2 seconds
+            setTimeout(() => {
+                setCopyStatus('idle');
+            }, 2000);
+            onCopy === null || onCopy === void 0 ? void 0 : onCopy();
+        }
+        catch (error) {
+            console.error('Failed to copy API key:', error);
+        }
+    };
+    const handleDownload = () => {
+        const content = `API Key: ${keyName}
+Key ID: ${keyId}
+Key Value: ${apiKey}
+
+IMPORTANT: Keep this file secure and do not share it with anyone.
+Delete this file after storing the key in a secure location.
+`;
+        const blob = new Blob([content], { type: 'text/plain' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `api-key-${keyId.substring(0, 8)}.txt`;
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        URL.revokeObjectURL(url);
+        onDownload === null || onDownload === void 0 ? void 0 : onDownload();
+    };
+    return (_jsxs("div", { className: className, children: [showLabel && (_jsx("label", { className: "mb-2 block text-sm font-medium text-zinc-900 dark:text-zinc-100", children: label })), _jsxs("div", { className: "relative flex items-center", children: [_jsx("div", { className: "relative w-full overflow-hidden", children: _jsx(TextInput, { value: isRevealed ? apiKey : maskedKey, readOnly: true, className: "pr-28 font-mono text-sm", style: {
+                                minWidth: '100%',
+                                overflow: isRevealed ? 'auto' : 'hidden',
+                                whiteSpace: 'nowrap',
+                            } }) }), _jsxs("div", { className: "absolute right-1 flex gap-1", children: [_jsx(Tooltip, { content: isRevealed ? 'Hide' : 'Reveal', children: _jsx(Button, { size: "xs", color: "gray", onClick: handleReveal, className: "h-7 w-7 p-0", children: isRevealed ? (_jsx(HiEyeOff, { className: "h-4 w-4" })) : (_jsx(HiEye, { className: "h-4 w-4" })) }) }), _jsx(Tooltip, { content: copyStatus === 'copied' ? 'Copied!' : 'Copy', children: _jsx(Button, { size: "xs", color: copyStatus === 'copied' ? 'success' : 'gray', onClick: handleCopy, className: "h-7 w-7 p-0", children: copyStatus === 'copied' ? (_jsx(HiCheckCircle, { className: "h-4 w-4" })) : (_jsx(HiClipboardCopy, { className: "h-4 w-4" })) }) }), _jsx(Tooltip, { content: "Download", children: _jsx(Button, { size: "xs", color: "gray", onClick: handleDownload, className: "h-7 w-7 p-0", children: _jsx(HiDownload, { className: "h-4 w-4" }) }) })] })] }), isRevealed && (_jsx("p", { className: "mt-1 text-xs text-yellow-600 dark:text-yellow-400", children: "Key will be hidden automatically in 5 seconds" }))] }));
+};

package/ui-components/api-keys/index.d.ts

@@ -0,0 +1,5 @@
+export { ApiKeyDisplay } from './ApiKeyDisplay';
+export { ApiKeysCard } from './ApiKeysCard';
+export { ApiKeyTable } from './ApiKeyTable';
+export { CreateApiKeyModal } from './CreateApiKeyModal';
+export { SecureApiKeyField } from './SecureApiKeyField';

package/ui-components/api-keys/index.js

@@ -0,0 +1,5 @@
+export { ApiKeyDisplay } from './ApiKeyDisplay';
+export { ApiKeysCard } from './ApiKeysCard';
+export { ApiKeyTable } from './ApiKeyTable';
+export { CreateApiKeyModal } from './CreateApiKeyModal';
+export { SecureApiKeyField } from './SecureApiKeyField';

package/ui-components/chat/ChatHeader.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { AgentType } from './types';
+interface ChatHeaderProps {
+    agentType: AgentType;
+    setAgentType: React.Dispatch<React.SetStateAction<AgentType>>;
+    loading: boolean;
+    title?: string;
+    activeTasks?: number;
+    agentDescription?: string;
+}
+export declare const ChatHeader: React.FC<ChatHeaderProps>;
+export {};

package/ui-components/chat/ChatHeader.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FaRobot } from 'react-icons/fa';
+export const ChatHeader = ({ agentType, setAgentType, loading, title = 'AI Chat', activeTasks = 0, agentDescription = 'Financial Analysis Agent', }) => {
+    return (_jsxs("div", { className: "flex items-center justify-between border-b border-gray-200 p-4 dark:border-gray-700", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FaRobot, { className: "text-secondary-500 dark:text-secondary-400 h-5 w-5" }), _jsx("h5", { className: "font-heading text-lg font-medium text-gray-900 dark:text-gray-100", children: title })] }), _jsx("div", { className: "flex items-center gap-2", children: _jsx("div", { className: "flex items-center gap-1", children: _jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: agentDescription }) }) })] }));
+};

package/ui-components/chat/ChatInputArea.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface ChatInputAreaProps {
+    input: string;
+    loading: boolean;
+    dots: string;
+    forceDeepResearch: boolean;
+    textareaRef: React.RefObject<HTMLTextAreaElement>;
+    placeholder?: string;
+    deepResearchTooltip?: string;
+    onInputChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onSendMessage: () => void;
+    onToggleDeepResearch: (enabled: boolean) => void;
+}
+export declare const ChatInputArea: React.FC<ChatInputAreaProps>;
+export {};

package/ui-components/chat/ChatInputArea.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Textarea } from 'flowbite-react';
+import { IoSend } from 'react-icons/io5';
+import { DeepResearchToggle } from './DeepResearchToggle';
+export const ChatInputArea = ({ input, loading, dots, forceDeepResearch, textareaRef, placeholder = 'Type your message...', deepResearchTooltip, onInputChange, onKeyDown, onSendMessage, onToggleDeepResearch, }) => {
+    return (_jsx("div", { className: "border-t border-gray-200 p-4 dark:border-gray-700", children: _jsxs("div", { className: "flex items-end gap-2", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx(DeepResearchToggle, { isEnabled: forceDeepResearch, onToggle: onToggleDeepResearch, tooltipContent: deepResearchTooltip }), _jsx(Textarea, { ref: textareaRef, className: "focus:border-secondary-500 focus:ring-secondary-500 min-h-[52px] w-full resize-none rounded-lg border-gray-200 bg-white pl-10 text-gray-900 placeholder:text-gray-500 dark:border-gray-700 dark:bg-zinc-800 dark:text-gray-100 dark:placeholder:text-gray-400", value: loading
+                                ? `${forceDeepResearch ? 'Deep research' : 'Thinking'}${dots}`
+                                : input, onChange: onInputChange, onKeyDown: onKeyDown, disabled: loading, placeholder: placeholder, rows: 2 })] }), _jsx(Button, { size: "sm", color: "secondary", className: "h-10 w-10 p-0", onClick: onSendMessage, disabled: loading, "aria-label": "Send", children: _jsx(IoSend, { className: "h-5 w-5" }) })] }) }));
+};

package/ui-components/chat/ChatMessage.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Message } from './types';
+interface ChatMessageProps {
+    message: Message;
+}
+export declare const ChatMessage: React.FC<ChatMessageProps>;
+export {};

package/ui-components/chat/ChatMessage.js

@@ -0,0 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Progress } from 'flowbite-react';
+import { FaClock, FaSpinner } from 'react-icons/fa';
+import ReactMarkdown from 'react-markdown';
+export const ChatMessage = ({ message }) => (_jsx("div", { className: `flex ${message.user === 'You' ? 'justify-end' : 'justify-start'}`, children: _jsxs(Card, { className: `max-w-[80%] ${message.user === 'You'
+            ? 'bg-secondary-500 dark:bg-secondary-600 text-white'
+            : 'bg-gray-50 text-gray-900 dark:bg-zinc-700 dark:text-gray-100'}`, children: [_jsxs("div", { className: "mb-0.5 flex items-center justify-between text-sm font-semibold opacity-75", children: [_jsx("span", { children: message.user }), message.isPartial && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(FaSpinner, { className: "h-3 w-3 animate-spin" }), _jsx("span", { className: "text-xs", children: "Analyzing..." })] })), message.taskId && !message.isPartial && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(FaClock, { className: "h-3 w-3" }), _jsx("span", { className: "text-xs", children: "Deep research" })] }))] }), _jsx(ReactMarkdown, { components: {
+                    code: (_a) => {
+                        var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+                        const match = /language-(\w+)/.exec(className || '');
+                        return match ? (_jsx("pre", Object.assign({ className: className }, props, { children: children }))) : (_jsx("code", Object.assign({ className: className }, props, { children: children })));
+                    },
+                }, children: message.text }), message.isPartial && typeof message.progress === 'number' && (_jsxs("div", { className: "mt-3", children: [_jsxs("div", { className: "mb-1 flex items-center justify-between text-xs", children: [_jsx("span", { children: message.currentStep || 'Processing...' }), _jsxs("span", { children: [message.progress, "%"] })] }), _jsx(Progress, { progress: message.progress, size: "sm", color: "secondary", className: "w-full", "aria-label": `Task progress: ${message.progress}%` })] }))] }) }));

package/ui-components/chat/DeepResearchToggle.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface DeepResearchToggleProps {
+    isEnabled: boolean;
+    onToggle: (enabled: boolean) => void;
+    tooltipContent?: string;
+}
+export declare const DeepResearchToggle: React.FC<DeepResearchToggleProps>;
+export {};

package/ui-components/chat/DeepResearchToggle.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tooltip } from 'flowbite-react';
+import { FaLightbulb } from 'react-icons/fa';
+export const DeepResearchToggle = ({ isEnabled, onToggle, tooltipContent = 'Deep Research: Enables comprehensive analysis with up to 12 tool calls', }) => {
+    return (_jsx("div", { className: "absolute top-3 left-3 z-10", children: _jsx(Tooltip, { content: tooltipContent, placement: "top", children: _jsx("div", { className: `cursor-pointer transition-all duration-200 ${isEnabled
+                    ? 'text-yellow-500 hover:text-yellow-400'
+                    : 'text-gray-400 hover:text-yellow-400 dark:text-gray-500 dark:hover:text-yellow-400'}`, onClick: () => onToggle(!isEnabled), role: "button", "aria-label": "Toggle Deep Research Mode", tabIndex: 0, onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        onToggle(!isEnabled);
+                    }
+                }, children: _jsx(FaLightbulb, { className: "h-4 w-4" }) }) }) }));
+};

package/ui-components/chat/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Shared chat UI components for RoboLedger and RoboInvestor
+ */
+export { ChatHeader } from './ChatHeader';
+export { ChatInputArea } from './ChatInputArea';
+export { ChatMessage } from './ChatMessage';
+export { DeepResearchToggle } from './DeepResearchToggle';
+export { ErrorType, categorizeError, generateMessageId, getErrorMessage, } from './types';
+export type { AgentType, Message } from './types';

package/ui-components/chat/index.js

@@ -0,0 +1,8 @@
+/**
+ * Shared chat UI components for RoboLedger and RoboInvestor
+ */
+export { ChatHeader } from './ChatHeader';
+export { ChatInputArea } from './ChatInputArea';
+export { ChatMessage } from './ChatMessage';
+export { DeepResearchToggle } from './DeepResearchToggle';
+export { ErrorType, categorizeError, generateMessageId, getErrorMessage, } from './types';

package/ui-components/chat/types.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Shared chat interface types and utilities
+ */
+export declare const generateMessageId: () => string;
+export declare enum ErrorType {
+    AUTHENTICATION = "AUTHENTICATION",
+    NOT_FOUND = "NOT_FOUND",
+    COMPANY_SELECTION = "COMPANY_SELECTION",
+    NETWORK = "NETWORK",
+    UNKNOWN = "UNKNOWN"
+}
+export declare const categorizeError: (error: Error) => ErrorType;
+export declare const getErrorMessage: (errorType: ErrorType) => string;
+export interface Message {
+    id: string;
+    text: string;
+    user: 'You' | 'Agent';
+    isPartial?: boolean;
+    taskId?: string;
+    progress?: number;
+    currentStep?: string;
+}
+export type AgentType = 'default';

package/ui-components/chat/types.js

@@ -0,0 +1,51 @@
+/**
+ * Shared chat interface types and utilities
+ */
+// Helper function to generate unique IDs
+export const generateMessageId = () => `msg_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+// Error types for better error handling
+export var ErrorType;
+(function (ErrorType) {
+    ErrorType["AUTHENTICATION"] = "AUTHENTICATION";
+    ErrorType["NOT_FOUND"] = "NOT_FOUND";
+    ErrorType["COMPANY_SELECTION"] = "COMPANY_SELECTION";
+    ErrorType["NETWORK"] = "NETWORK";
+    ErrorType["UNKNOWN"] = "UNKNOWN";
+})(ErrorType || (ErrorType = {}));
+// Helper function to categorize errors
+export const categorizeError = (error) => {
+    const message = error.message.toLowerCase();
+    if (message.includes('authentication') ||
+        message.includes('unauthorized') ||
+        message.includes('401')) {
+        return ErrorType.AUTHENTICATION;
+    }
+    if (message.includes('not found') || message.includes('404')) {
+        return ErrorType.NOT_FOUND;
+    }
+    if (message.includes('graph_id') || message.includes('company')) {
+        return ErrorType.COMPANY_SELECTION;
+    }
+    if (message.includes('network') ||
+        message.includes('fetch') ||
+        message.includes('timeout')) {
+        return ErrorType.NETWORK;
+    }
+    return ErrorType.UNKNOWN;
+};
+// Get user-friendly error message based on error type
+export const getErrorMessage = (errorType) => {
+    switch (errorType) {
+        case ErrorType.AUTHENTICATION:
+            return 'Please log in to access your financial data.';
+        case ErrorType.NOT_FOUND:
+            return 'The requested data was not found. Please verify your company selection.';
+        case ErrorType.COMPANY_SELECTION:
+            return 'Please select a company first to access your financial data.';
+        case ErrorType.NETWORK:
+            return 'Network error occurred. Please check your connection and try again.';
+        case ErrorType.UNKNOWN:
+        default:
+            return 'Sorry, there was an error processing your request. Please try again.';
+    }
+};

package/ui-components/forms/PasswordRequirements.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface PasswordRequirement {
+    text: string;
+    isValid?: boolean;
+}
+export interface PasswordRequirementsProps {
+    requirements?: PasswordRequirement[];
+    className?: string;
+}
+export declare const PasswordRequirements: React.FC<PasswordRequirementsProps>;

package/ui-components/forms/PasswordRequirements.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const defaultRequirements = [
+    { text: 'At least 12 characters (and up to 128 characters)' },
+    { text: 'At least one uppercase letter' },
+    { text: 'At least one lowercase letter' },
+    { text: 'At least one digit' },
+    { text: 'At least one special character, e.g., ! @ # $ % ^ & *' },
+];
+export const PasswordRequirements = ({ requirements = defaultRequirements, className = '', }) => {
+    return (_jsxs("div", { className: `col-span-full mb-3 ${className}`, children: [_jsx("div", { className: "mt-3 mb-1 text-sm font-medium dark:text-white", children: "Password requirements:" }), _jsx("div", { className: "mb-1 text-sm font-normal text-gray-500 dark:text-gray-400", children: "Ensure that these requirements are met:" }), _jsx("ul", { className: "space-y-1 pl-4 text-gray-500 dark:text-gray-400", children: requirements.map((req, index) => (_jsxs("li", { className: `text-xs font-normal ${req.isValid !== undefined
+                        ? req.isValid
+                            ? 'text-green-600 dark:text-green-400'
+                            : 'text-red-600 dark:text-red-400'
+                        : ''}`, children: [req.isValid !== undefined && (_jsx("span", { className: "mr-1", children: req.isValid ? '✓' : '✗' })), req.text] }, index))) })] }));
+};

package/ui-components/forms/SettingsCard.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps, FC } from 'react';
+import React from 'react';
+export interface SettingsCardProps {
+    title: string;
+    description?: string;
+    icon?: FC<ComponentProps<'svg'>>;
+    children: React.ReactNode;
+    theme?: any;
+    className?: string;
+}
+export declare const SettingsCard: React.FC<SettingsCardProps>;

package/ui-components/forms/SettingsCard.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Card } from 'flowbite-react';
+export const SettingsCard = ({ title, description, icon: Icon, children, theme, className = '', }) => {
+    return (_jsxs(Card, { theme: theme, className: className, children: [_jsxs("div", { className: "mb-6", children: [Icon && (_jsxs("div", { className: "mb-4 flex items-start gap-3", children: [_jsx("div", { className: "rounded-lg bg-zinc-100 p-2 dark:bg-zinc-800", children: _jsx(Icon, { className: "h-5 w-5 text-zinc-600 dark:text-zinc-400" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "font-heading text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: title }), description && (_jsx("p", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400", children: description }))] })] })), !Icon && (_jsxs(_Fragment, { children: [_jsx("h3", { className: "font-heading text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: title }), description && (_jsx("p", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400", children: description }))] }))] }), children] }));
+};

package/ui-components/forms/SettingsFormField.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface SettingsFormFieldProps {
+    id: string;
+    label: string;
+    name?: string;
+    type?: 'text' | 'email' | 'password' | 'number';
+    placeholder?: string;
+    defaultValue?: string;
+    value?: string;
+    required?: boolean;
+    disabled?: boolean;
+    theme?: any;
+    className?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    min?: string | number;
+    max?: string | number;
+}
+export declare const SettingsFormField: React.FC<SettingsFormFieldProps>;

package/ui-components/forms/SettingsFormField.js

@@ -0,0 +1,17 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label, TextInput } from 'flowbite-react';
+export const SettingsFormField = (_a) => {
+    var { id, label, name = id, type = 'text', placeholder, defaultValue, value, required = false, disabled = false, theme, className = '', onChange, min, max } = _a, props = __rest(_a, ["id", "label", "name", "type", "placeholder", "defaultValue", "value", "required", "disabled", "theme", "className", "onChange", "min", "max"]);
+    return (_jsxs("div", { className: `grid grid-cols-1 gap-y-3 ${className}`, children: [_jsx(Label, { theme: theme === null || theme === void 0 ? void 0 : theme.label, htmlFor: id, children: label }), _jsx(TextInput, Object.assign({ theme: theme === null || theme === void 0 ? void 0 : theme.textInput, id: id, name: name, type: type, placeholder: placeholder, defaultValue: defaultValue, value: value, required: required, disabled: disabled, onChange: onChange, min: min, max: max }, props))] }));
+};

package/ui-components/forms/StatusAlert.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface StatusAlertProps {
+    type: 'success' | 'error';
+    message: string;
+    theme?: any;
+    className?: string;
+}
+export declare const StatusAlert: React.FC<StatusAlertProps>;

package/ui-components/forms/StatusAlert.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert } from 'flowbite-react';
+import { HiCheckCircle, HiExclamationCircle } from 'react-icons/hi';
+export const StatusAlert = ({ type, message, theme, className = 'mb-4', }) => {
+    const isSuccess = type === 'success';
+    return (_jsx(Alert, { theme: theme, color: isSuccess ? 'success' : 'failure', className: `${className} relative z-10 w-full`, children: _jsxs("div", { className: "flex items-center", children: [isSuccess ? (_jsx(HiCheckCircle, { className: "mr-2 h-4 w-4 shrink-0" })) : (_jsx(HiExclamationCircle, { className: "mr-2 h-4 w-4 shrink-0" })), _jsx("span", { className: "font-medium", children: isSuccess ? 'Success!' : 'Error!' }), _jsx("span", { className: "ml-1", children: message })] }) }));
+};

package/ui-components/forms/index.d.ts

@@ -0,0 +1,4 @@
+export { PasswordRequirements } from './PasswordRequirements';
+export { SettingsCard } from './SettingsCard';
+export { SettingsFormField } from './SettingsFormField';
+export { StatusAlert } from './StatusAlert';

package/ui-components/forms/index.js

@@ -0,0 +1,4 @@
+export { PasswordRequirements } from './PasswordRequirements';
+export { SettingsCard } from './SettingsCard';
+export { SettingsFormField } from './SettingsFormField';
+export { StatusAlert } from './StatusAlert';

package/ui-components/index.d.ts

@@ -0,0 +1,13 @@
+export * from './api-keys';
+export * from './forms';
+export * from './layout';
+export * from './settings';
+export { ConfirmModal } from './ConfirmModal';
+export { EmptyState } from './EmptyState';
+export { LoadingState } from './LoadingState';
+export { AnimatedLogo, LogoBadge } from './Logo';
+export { BrandSpinner, Spinner } from './Spinner';
+export { StatCard } from './StatCard';
+export * from './chat';
+export * from './support';
+export * from './types';

package/ui-components/index.js

@@ -0,0 +1,18 @@
+// Settings Components
+export * from './api-keys';
+export * from './forms';
+export * from './layout';
+export * from './settings';
+// UI Components
+export { ConfirmModal } from './ConfirmModal';
+export { EmptyState } from './EmptyState';
+export { LoadingState } from './LoadingState';
+export { AnimatedLogo, LogoBadge } from './Logo';
+export { BrandSpinner, Spinner } from './Spinner';
+export { StatCard } from './StatCard';
+// Chat Components
+export * from './chat';
+// Support Components
+export * from './support';
+// Types
+export * from './types';

package/ui-components/layout/CoreNavbar.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface CoreNavbarProps {
+    appName: string;
+    currentApp: 'roboledger' | 'roboinvestor' | 'robosystems';
+    apiUrl?: string;
+    homeHref?: string;
+    logoAltText?: string;
+    additionalComponents?: React.ReactNode;
+    className?: string;
+    borderColorClass?: string;
+    useCustomThemeToggle?: boolean;
+    showAppSwitcherFirst?: boolean;
+}
+export declare function CoreNavbar({ appName, currentApp, apiUrl, homeHref, logoAltText, additionalComponents, className, borderColorClass, useCustomThemeToggle, showAppSwitcherFirst, }: CoreNavbarProps): React.JSX.Element;

package/ui-components/layout/CoreNavbar.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { DarkThemeToggle, Dropdown, DropdownDivider, DropdownHeader, DropdownItem, Navbar as FlowbiteNavbar, NavbarBrand, Tooltip, } from 'flowbite-react';
+import Link from 'next/link';
+import { HiMenuAlt1, HiUserCircle, HiX } from 'react-icons/hi';
+import { AppSwitcher } from '../../auth-components';
+import { useAuth } from '../../auth-components/AuthProvider';
+import { useSidebarContext } from '../../contexts';
+import { useMediaQuery, useUser } from '../../hooks';
+import { customTheme } from '../../theme';
+import { LogoBadge } from '../Logo';
+import { ThemeToggle } from './ThemeToggle';
+export function CoreNavbar({ appName, currentApp, apiUrl = process.env.NEXT_PUBLIC_ROBOSYSTEMS_API_URL ||
+    'http://localhost:8000', homeHref = '/home', logoAltText, additionalComponents, className = '', borderColorClass = 'dark:border-gray-700', useCustomThemeToggle = true, showAppSwitcherFirst = false, }) {
+    const sidebar = useSidebarContext();
+    const isDesktop = useMediaQuery('(min-width: 1024px)');
+    const { user } = useUser();
+    const { logout } = useAuth();
+    const altText = logoAltText || `${appName} Logo`;
+    function handleToggleSidebar() {
+        if (isDesktop) {
+            sidebar.desktop.toggle();
+        }
+        else {
+            sidebar.mobile.toggle();
+        }
+    }
+    const handleLogout = async () => {
+        try {
+            // logout() clears the backend session and hard-redirects to /login.
+            await logout();
+        }
+        catch (error) {
+            console.error('Logout failed:', error);
+            // Fallback: if logout() threw before it could redirect, still get the
+            // user out of the authenticated area to the public homepage.
+            window.location.href = '/';
+        }
+    };
+    const renderThemeToggle = () => {
+        if (useCustomThemeToggle) {
+            return _jsx(ThemeToggle, {});
+        }
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden dark:block", children: _jsx(Tooltip, { content: "Toggle light mode", theme: customTheme.tooltip, children: _jsx(DarkThemeToggle, {}) }) }), _jsx("div", { className: "dark:hidden", children: _jsx(Tooltip, { content: "Toggle dark mode", theme: customTheme.tooltip, children: _jsx(DarkThemeToggle, {}) }) })] }));
+    };
+    const renderAppSwitcher = () => (_jsx(Tooltip, { content: "Switch apps", theme: customTheme.tooltip, children: _jsx(AppSwitcher, { apiUrl: apiUrl, currentApp: currentApp }) }));
+    return (_jsx(FlowbiteNavbar, { fluid: true, theme: customTheme.navbar, className: `fixed top-0 z-30 w-full border-b border-gray-200 p-0 ${borderColorClass} bg-white sm:p-0 dark:bg-black ${className}`, children: _jsx("div", { className: "w-full p-3 pr-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center", children: [_jsxs("button", { onClick: handleToggleSidebar, className: "mr-3 cursor-pointer rounded-sm p-2 text-gray-600 hover:bg-zinc-100 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-zinc-700 dark:hover:text-white", children: [_jsx("span", { className: "sr-only", children: "Toggle sidebar" }), _jsx("div", { className: "lg:hidden", children: sidebar.mobile.isOpen ? (_jsx(HiX, { className: "h-6 w-6" })) : (_jsx(HiMenuAlt1, { className: "h-6 w-6" })) }), _jsx("div", { className: "hidden lg:block", children: _jsx(HiMenuAlt1, { className: "h-6 w-6" }) })] }), _jsxs(NavbarBrand, { as: Link, href: homeHref, className: "mr-14", children: [_jsx(LogoBadge, { app: currentApp, animate: "once", className: "mr-2 h-10 w-10" }), _jsx("span", { className: "font-heading mt-2 ml-1 self-center text-2xl font-semibold whitespace-nowrap text-gray-900 dark:text-white", children: appName })] })] }), _jsx("div", { className: "flex items-center lg:gap-3", children: _jsxs("div", { className: "flex items-center", children: [additionalComponents && (_jsx("div", { className: "mr-2 hidden md:block", children: additionalComponents })), _jsxs("div", { className: "flex items-center space-x-2", children: [showAppSwitcherFirst && renderAppSwitcher(), renderThemeToggle(), !showAppSwitcherFirst && renderAppSwitcher(), _jsx(UserDropdown, { user: user, onLogout: handleLogout })] })] }) })] }) }) }));
+}
+function UserDropdown({ user, onLogout }) {
+    return (_jsx("div", { className: "relative", children: _jsxs(Dropdown, { theme: Object.assign(Object.assign({}, customTheme.dropdown), { floating: Object.assign(Object.assign({}, customTheme.dropdown.floating), { base: `${customTheme.dropdown.floating.base} z-50! w-64` }) }), arrowIcon: false, inline: true, label: _jsxs("span", { className: "inline-flex h-10 w-10 items-center justify-center rounded-lg text-sm text-gray-500 hover:bg-zinc-100 focus:ring-2 focus:ring-gray-200 focus:outline-hidden dark:text-gray-400 dark:hover:bg-zinc-700 dark:focus:ring-gray-600", children: [_jsx("span", { className: "sr-only", children: "User menu" }), _jsx(HiUserCircle, { className: "h-6 w-6" })] }), children: [_jsxs(DropdownHeader, { theme: { header: customTheme.dropdown.floating.header }, className: "px-4 py-3", children: [_jsx("div", { className: "block text-sm font-medium text-gray-900 dark:text-white", children: (user === null || user === void 0 ? void 0 : user.name) || 'User' }), (user === null || user === void 0 ? void 0 : user.email) && (_jsx("div", { className: "block truncate text-sm text-gray-500 dark:text-gray-400", children: user.email }))] }), _jsx(DropdownItem, { theme: customTheme.dropdown.floating.item, as: Link, href: "/settings", className: "flex w-full items-center space-x-3 p-3", children: "User Settings" }), _jsx(DropdownDivider, { theme: { divider: customTheme.dropdown.floating.divider } }), _jsx(DropdownItem, { theme: customTheme.dropdown.floating.item, onClick: () => {
+                        onLogout();
+                    }, className: "flex w-full items-center space-x-3 p-3", children: "Sign out" })] }) }));
+}

package/ui-components/layout/CoreSidebar.d.ts

@@ -0,0 +1,28 @@
+import type { ComponentProps, FC, HTMLAttributeAnchorTarget } from 'react';
+import React from 'react';
+export interface SidebarItemData {
+    href?: string;
+    target?: HTMLAttributeAnchorTarget;
+    icon?: FC<ComponentProps<'svg'>>;
+    label: string;
+    items?: SidebarItemData[];
+    badge?: string;
+}
+export interface CoreSidebarProps {
+    navigationItems: SidebarItemData[];
+    features?: {
+        aiChat?: boolean;
+        companyDropdown?: boolean;
+        showOrgSection?: boolean;
+    };
+    bottomMenuActions?: {
+        label: string;
+        icon: FC<ComponentProps<'svg'>>;
+        onClick: () => void;
+        tooltip: string;
+    }[];
+    additionalMobileComponents?: React.ReactNode;
+    className?: string;
+    borderColorClass?: string;
+}
+export declare function CoreSidebar({ navigationItems, features, bottomMenuActions, additionalMobileComponents, className, borderColorClass, }: CoreSidebarProps): React.JSX.Element;