@sciol/xyzen 0.3.0 → 0.3.2

package/dist/store/slices/agentSlice.d.ts

@@ -0,0 +1,16 @@
+import { Agent } from '../../components/layouts/XyzenAgent';
+import { StateCreator } from 'zustand';
+import { XyzenState } from '../types';
+export interface AgentSlice {
+    agents: Agent[];
+    agentsLoading: boolean;
+    fetchAgents: () => Promise<void>;
+    createAgent: (agent: Omit<Agent, "id">) => Promise<void>;
+    updateAgent: (agent: Agent) => Promise<void>;
+    updateAgentProvider: (agentId: string, providerId: string | null) => Promise<void>;
+    deleteAgent: (id: string) => Promise<void>;
+}
+export declare const createAgentSlice: StateCreator<XyzenState, [
+    ["zustand/immer", never]
+], [
+], AgentSlice>;

package/dist/store/slices/authSlice.d.ts

@@ -0,0 +1,14 @@
+import { StateCreator } from 'zustand';
+import { User, XyzenState } from '../types';
+export interface AuthSlice {
+    user: User | null;
+    token: string | null;
+    status: "idle" | "loading" | "succeeded" | "failed";
+    login: (token: string) => Promise<void>;
+    logout: () => void;
+    fetchUserByToken: () => Promise<void>;
+}
+export declare const createAuthSlice: StateCreator<XyzenState, [
+    ["zustand/immer", never]
+], [
+], AuthSlice>;

package/dist/store/slices/chatSlice.d.ts

@@ -0,0 +1,35 @@
+import { StateCreator } from 'zustand';
+import { ChatChannel, ChatHistoryItem, XyzenState } from '../types';
+export interface ChatSlice {
+    activeChatChannel: string | null;
+    chatHistory: ChatHistoryItem[];
+    chatHistoryLoading: boolean;
+    channels: Record<string, ChatChannel>;
+    notification: {
+        isOpen: boolean;
+        title: string;
+        message: string;
+        type: "info" | "warning" | "error" | "success";
+        actionLabel?: string;
+        onAction?: () => void;
+    } | null;
+    setActiveChatChannel: (channelUUID: string | null) => void;
+    fetchChatHistory: () => Promise<void>;
+    togglePinChat: (chatId: string) => void;
+    activateChannel: (topicId: string) => Promise<void>;
+    connectToChannel: (sessionId: string, topicId: string) => void;
+    disconnectFromChannel: () => void;
+    sendMessage: (message: string) => void;
+    createDefaultChannel: (agentId?: string) => Promise<void>;
+    updateTopicName: (topicId: string, newName: string) => Promise<void>;
+    deleteTopic: (topicId: string) => Promise<void>;
+    clearSessionTopics: (sessionId: string) => Promise<void>;
+    confirmToolCall: (channelId: string, toolCallId: string) => void;
+    cancelToolCall: (channelId: string, toolCallId: string) => void;
+    showNotification: (title: string, message: string, type?: "info" | "warning" | "error" | "success", actionLabel?: string, onAction?: () => void) => void;
+    closeNotification: () => void;
+}
+export declare const createChatSlice: StateCreator<XyzenState, [
+    ["zustand/immer", never]
+], [
+], ChatSlice>;

package/dist/store/slices/index.d.ts

@@ -0,0 +1,8 @@
+export * from './agentSlice';
+export * from './authSlice';
+export * from './chatSlice';
+export * from './loadingSlice';
+export * from './mcpSlice';
+export * from './mcpToolSlice';
+export * from './providerSlice';
+export * from './uiSlice';

package/dist/store/slices/loadingSlice.d.ts

@@ -0,0 +1,28 @@
+import { StateCreator } from 'zustand';
+import { XyzenState } from '../types';
+export interface LoadingSlice {
+    loadingStates: Record<string, boolean>;
+    setLoading: (key: string, loading: boolean) => void;
+    getLoading: (key: string) => boolean;
+    clearAllLoading: () => void;
+}
+export declare const createLoadingSlice: StateCreator<XyzenState, [
+    ["zustand/immer", never]
+], [
+], LoadingSlice>;
+export declare const LoadingKeys: {
+    readonly CHAT_HISTORY: "chatHistory";
+    readonly AGENTS_LIST: "agentsList";
+    readonly TOPIC_MESSAGES: "topicMessages";
+    readonly USER_AUTH: "userAuth";
+    readonly CREATE_SESSION: "createSession";
+    readonly UPDATE_TOPIC: "updateTopic";
+    readonly AGENT_CREATE: "agentCreate";
+    readonly AGENT_UPDATE: "agentUpdate";
+    readonly AGENT_DELETE: "agentDelete";
+    readonly MCP_SERVERS: "mcpServers";
+    readonly MCP_SERVER_CREATE: "mcpServerCreate";
+    readonly MCP_SERVER_UPDATE: "mcpServerUpdate";
+    readonly MCP_SERVER_DELETE: "mcpServerDelete";
+};
+export type LoadingKey = (typeof LoadingKeys)[keyof typeof LoadingKeys];

package/dist/store/slices/mcpSlice.d.ts

@@ -0,0 +1,24 @@
+import { BuiltinMcpServer, McpServer, McpServerCreate, McpServerUpdate } from '../../types/mcp';
+import { StateCreator } from 'zustand';
+import { XyzenState } from '../types';
+export interface McpSlice {
+    mcpServers: McpServer[];
+    builtinMcpServers: BuiltinMcpServer[];
+    lastFetchTime: number;
+    isEditMcpServerModalOpen: boolean;
+    editingMcpServer: McpServer | null;
+    fetchMcpServers: () => Promise<void>;
+    fetchBuiltinMcpServers: () => Promise<void>;
+    refreshMcpServers: () => Promise<void>;
+    addMcpServer: (server: McpServerCreate) => Promise<void>;
+    quickAddBuiltinServer: (server: BuiltinMcpServer) => Promise<void>;
+    editMcpServer: (id: string, server: McpServerUpdate) => Promise<void>;
+    removeMcpServer: (id: string) => Promise<void>;
+    updateMcpServerInList: (server: McpServer) => void;
+    openEditMcpServerModal: (server: McpServer) => void;
+    closeEditMcpServerModal: () => void;
+}
+export declare const createMcpSlice: StateCreator<XyzenState, [
+    ["zustand/immer", never]
+], [
+], McpSlice>;

package/dist/store/slices/mcpToolSlice.d.ts

@@ -0,0 +1,36 @@
+import { McpServer } from '../../types/mcp';
+import { StateCreator } from 'zustand';
+import { XyzenState } from '../types';
+export interface McpToolState {
+    toolTestModal: {
+        isOpen: boolean;
+        server?: McpServer;
+        toolName?: string;
+        toolDescription?: string;
+    };
+    toolExecutionHistory: ToolExecution[];
+}
+export interface ToolExecution {
+    id: string;
+    serverId: string;
+    toolName: string;
+    parameters: Record<string, unknown>;
+    result?: unknown;
+    success: boolean;
+    error?: string;
+    executionTime: number;
+    timestamp: Date;
+}
+export interface McpToolActions {
+    openToolTestModal: (server: McpServer, toolName: string, toolDescription?: string) => void;
+    closeToolTestModal: () => void;
+    addToolExecution: (execution: Omit<ToolExecution, "id" | "timestamp">) => void;
+    clearToolExecutionHistory: () => void;
+    getToolExecutionHistory: (serverId?: string, toolName?: string) => ToolExecution[];
+}
+export interface McpToolSlice extends McpToolState, McpToolActions {
+}
+export declare const createMcpToolSlice: StateCreator<XyzenState, [
+    ["zustand/immer", never]
+], [
+], McpToolSlice>;

package/dist/store/slices/providerSlice.d.ts

@@ -0,0 +1,26 @@
+import { LlmProviderCreate, LlmProviderResponse, LlmProviderUpdate, ProviderTemplate } from '../../types/llmProvider';
+import { StateCreator } from 'zustand';
+import { XyzenState } from '../types';
+export interface ProviderSlice {
+    llmProviders: LlmProviderResponse[];
+    llmProvidersLoading: boolean;
+    providerTemplates: ProviderTemplate[];
+    templatesLoading: boolean;
+    userDefaultProviderId: string | null;
+    fetchProviderTemplates: () => Promise<void>;
+    fetchMyProviders: () => Promise<void>;
+    addProvider: (provider: LlmProviderCreate) => Promise<void>;
+    updateProvider: (id: string, provider: LlmProviderUpdate) => Promise<void>;
+    removeProvider: (id: string) => Promise<void>;
+    initializeProviderPreferences: () => void;
+    setUserDefaultProvider: (providerId: string | null) => void;
+    getUserDefaultProvider: () => LlmProviderResponse | null;
+    resolveProviderForAgent: (agent: {
+        id: string;
+        provider_id?: string | null;
+    } | null) => LlmProviderResponse | null;
+}
+export declare const createProviderSlice: StateCreator<XyzenState, [
+    ["zustand/immer", never]
+], [
+], ProviderSlice>;

package/dist/store/slices/uiSlice.d.ts

@@ -0,0 +1,37 @@
+import { StateCreator } from 'zustand';
+import { Theme, XyzenState, LayoutStyle, UiSettingType } from '../types';
+export interface UiSlice {
+    backendUrl: string;
+    isXyzenOpen: boolean;
+    panelWidth: number;
+    activeTabIndex: number;
+    theme: Theme;
+    layoutStyle: LayoutStyle;
+    isAddMcpServerModalOpen: boolean;
+    isAddLlmProviderModalOpen: boolean;
+    isSettingsModalOpen: boolean;
+    activeSettingsCategory: string;
+    activeUiSetting: UiSettingType;
+    selectedProviderId: string | null;
+    toggleXyzen: () => void;
+    openXyzen: () => void;
+    closeXyzen: () => void;
+    setPanelWidth: (width: number) => void;
+    setTabIndex: (index: number) => void;
+    setTheme: (theme: Theme) => void;
+    setLayoutStyle: (style: LayoutStyle) => void;
+    setBackendUrl: (url: string) => void;
+    openAddMcpServerModal: () => void;
+    closeAddMcpServerModal: () => void;
+    openAddLlmProviderModal: () => void;
+    closeAddLlmProviderModal: () => void;
+    openSettingsModal: (category?: string) => void;
+    closeSettingsModal: () => void;
+    setActiveSettingsCategory: (category: string) => void;
+    setActiveUiSetting: (setting: UiSettingType) => void;
+    setSelectedProvider: (id: string | null) => void;
+}
+export declare const createUiSlice: StateCreator<XyzenState, [
+    ["zustand/immer", never]
+], [
+], UiSlice>;

package/dist/store/types.d.ts

@@ -0,0 +1,62 @@
+import { AgentSlice, AuthSlice, ChatSlice, LoadingSlice, McpSlice, McpToolSlice, ProviderSlice, UiSlice } from './slices';
+export interface ToolCall {
+    id: string;
+    name: string;
+    description?: string;
+    arguments: Record<string, unknown>;
+    status: "pending" | "waiting_confirmation" | "executing" | "completed" | "failed";
+    result?: string;
+    error?: string;
+    timestamp: string;
+}
+export interface Message {
+    id: string;
+    content: string;
+    role: "user" | "assistant" | "system" | "tool";
+    created_at: string;
+    sender?: "user" | "assistant" | "system";
+    timestamp?: string;
+    isLoading?: boolean;
+    isStreaming?: boolean;
+    toolCalls?: ToolCall[];
+    isToolCalling?: boolean;
+}
+export interface ChatChannel {
+    id: string;
+    sessionId: string;
+    title: string;
+    messages: Message[];
+    agentId?: string;
+    connected: boolean;
+    error: string | null;
+    responding?: boolean;
+}
+export interface ChatHistoryItem {
+    id: string;
+    title: string;
+    updatedAt: string;
+    assistantTitle: string;
+    lastMessage?: string;
+    isPinned: boolean;
+}
+export interface User {
+    id?: string;
+    username: string;
+    avatar: string;
+}
+export type Theme = "light" | "dark" | "system";
+export type LayoutStyle = "sidebar" | "fullscreen";
+export type UiSettingType = "theme" | "style";
+export interface TopicResponse {
+    id: string;
+    name: string;
+    updated_at: string;
+}
+export interface SessionResponse {
+    id: string;
+    name: string;
+    user_id: string;
+    agent_id?: string;
+    topics: TopicResponse[];
+}
+export type XyzenState = UiSlice & ChatSlice & AgentSlice & McpSlice & McpToolSlice & ProviderSlice & AuthSlice & LoadingSlice;

package/dist/types/llmProvider.d.ts

@@ -0,0 +1,49 @@
+export interface LlmProvider {
+    id: string;
+    name: string;
+    api: string;
+    key: string;
+    model: string;
+    provider_type: string;
+    max_tokens: number;
+    temperature: number;
+    timeout: number;
+    is_default: boolean;
+    is_system: boolean;
+    user_id: string;
+}
+export interface LlmProviderCreate {
+    name: string;
+    api: string;
+    key: string;
+    model: string;
+    provider_type: string;
+    max_tokens?: number;
+    temperature?: number;
+    timeout?: number;
+    user_id: string;
+    is_default?: boolean;
+}
+export interface LlmProviderUpdate {
+    name?: string;
+    api?: string;
+    key?: string;
+    model?: string;
+    provider_type?: string;
+    max_tokens?: number;
+    temperature?: number;
+    timeout?: number;
+    is_default?: boolean;
+}
+export type LlmProviderResponse = LlmProvider;
+export interface SetDefaultProviderRequest {
+    provider_id: string;
+}
+export interface ProviderTemplate {
+    type: string;
+    display_name: string;
+    description: string;
+    required_fields: string[];
+    optional_fields: string[];
+    default_config: Record<string, string | number | boolean>;
+}

package/dist/types/mcp.d.ts

@@ -0,0 +1,24 @@
+export interface McpServer {
+    id: string;
+    name: string;
+    description?: string;
+    url: string;
+    token: string;
+    status: "online" | "offline" | string;
+    tools?: {
+        name: string;
+        description?: string;
+    }[];
+    user_id: string;
+}
+export interface BuiltinMcpServer {
+    name: string;
+    module_name: string;
+    mount_path: string;
+    description: string;
+    is_builtin: boolean;
+    requires_auth: boolean;
+    is_default?: boolean;
+}
+export type McpServerCreate = Omit<McpServer, "id" | "status" | "tools" | "user_id">;
+export type McpServerUpdate = Partial<Omit<McpServer, "id" | "tools" | "user_id">>;

package/dist/utils/providerColors.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Simple color scheme for provider selection
+ * Blue for selected, grey for unselected
+ */
+export declare const PROVIDER_COLORS: {
+    readonly selected: {
+        readonly bg: "bg-blue-100 dark:bg-blue-900/30";
+        readonly text: "text-blue-700 dark:text-blue-400";
+        readonly icon: "text-blue-600 dark:text-blue-500";
+        readonly badge: "bg-blue-500";
+    };
+    readonly unselected: {
+        readonly bg: "bg-neutral-100 dark:bg-neutral-800/30";
+        readonly text: "text-neutral-700 dark:text-neutral-400";
+        readonly icon: "text-neutral-600 dark:text-neutral-500";
+        readonly badge: "bg-neutral-500";
+    };
+};
+/**
+ * Get color classes based on selection state
+ */
+export declare function getProviderColor(isSelected: boolean): {
+    readonly bg: "bg-blue-100 dark:bg-blue-900/30";
+    readonly text: "text-blue-700 dark:text-blue-400";
+    readonly icon: "text-blue-600 dark:text-blue-500";
+    readonly badge: "bg-blue-500";
+} | {
+    readonly bg: "bg-neutral-100 dark:bg-neutral-800/30";
+    readonly text: "text-neutral-700 dark:text-neutral-400";
+    readonly icon: "text-neutral-600 dark:text-neutral-500";
+    readonly badge: "bg-neutral-500";
+};

package/dist/utils/providerPreferences.d.ts

@@ -0,0 +1,63 @@
+import { LlmProviderResponse } from '../types/llmProvider';
+interface UserProviderPreferences {
+    defaultProviderId: string | null;
+    lastUsedProviders: Record<string, string>;
+}
+/**
+ * Manager for client-side provider preferences using localStorage
+ */
+export declare class ProviderPreferencesManager {
+    private static STORAGE_KEY;
+    /**
+     * Get user's provider preferences from localStorage
+     */
+    static getPreferences(): UserProviderPreferences;
+    /**
+     * Save user's provider preferences to localStorage
+     */
+    private static savePreferences;
+    /**
+     * Set the user's global default provider
+     */
+    static setDefaultProvider(providerId: string | null): void;
+    /**
+     * Get the user's global default provider ID
+     */
+    static getDefaultProviderId(): string | null;
+    /**
+     * Get the user's global default provider from available providers
+     */
+    static getDefaultProvider(availableProviders: LlmProviderResponse[]): LlmProviderResponse | null;
+    /**
+     * Set the last used provider for a specific agent
+     */
+    static setLastUsedProviderForAgent(agentId: string, providerId: string): void;
+    /**
+     * Get the last used provider for a specific agent
+     */
+    static getLastUsedProviderForAgent(agentId: string): string | null;
+    /**
+     * Clear all preferences (useful for logout or reset)
+     */
+    static clearPreferences(): void;
+    /**
+     * Migrate from database-based defaults (temporary migration helper)
+     * Call this once when providers are first loaded
+     */
+    static migrateFromDatabaseDefault(providers: LlmProviderResponse[]): void;
+}
+/**
+ * Provider resolution logic with clear hierarchy
+ */
+export declare function resolveProviderForAgent(agent: {
+    id: string;
+    provider_id?: string | null;
+} | null, availableProviders: LlmProviderResponse[]): LlmProviderResponse | null;
+/**
+ * Get a human-readable description of where the provider comes from
+ */
+export declare function getProviderSourceDescription(agent: {
+    id: string;
+    provider_id?: string | null;
+} | null, provider: LlmProviderResponse | null, availableProviders: LlmProviderResponse[]): string;
+export {};

package/dist/utils/toolMessageParser.d.ts

@@ -0,0 +1,31 @@
+import { ToolCall } from '../store/types';
+/**
+ * Parsed tool event from backend message content
+ */
+interface ParsedToolEvent {
+    event: "tool_call_request" | "tool_call_response";
+    id?: string;
+    toolCallId?: string;
+    name?: string;
+    description?: string;
+    arguments?: Record<string, unknown>;
+    status?: string;
+    result?: unknown;
+    error?: string;
+    timestamp?: number;
+}
+/**
+ * Parse JSON content from a tool message
+ */
+export declare function parseToolMessage(content: string): ParsedToolEvent | null;
+/**
+ * Convert parsed tool event to ToolCall interface
+ */
+export declare function toolEventToToolCall(event: ParsedToolEvent): ToolCall | null;
+/**
+ * Group tool messages to merge request/response pairs
+ * Returns a map of toolCallId -> merged ToolCall
+ * For history display, tool calls are shown as completed with arguments and results together
+ */
+export declare function groupToolEvents(events: ParsedToolEvent[]): Map<string, ToolCall>;
+export {};

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>