@sciol/xyzen 0.2.8 → 0.2.10

package/dist/app/App.d.ts

@@ -1,6 +1,5 @@
 export interface XyzenProps {
     backendUrl?: string;
-    showThemeToggle?: boolean;
     showLlmProvider?: boolean;
 }
-export declare function Xyzen({ backendUrl, showThemeToggle, showLlmProvider, }: XyzenProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Xyzen({ backendUrl, showLlmProvider, }: XyzenProps): import("react/jsx-runtime").JSX.Element;

package/dist/app/AppFullscreen.d.ts

@@ -0,0 +1,5 @@
+export interface AppFullscreenProps {
+    backendUrl?: string;
+    showLlmProvider?: boolean;
+}
+export declare function AppFullscreen({ backendUrl, showLlmProvider, }: AppFullscreenProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/features/LayoutToggle.d.ts

@@ -0,0 +1,5 @@
+export type LayoutToggleProps = {
+    className?: string;
+    title?: string;
+};
+export declare const LayoutToggle: ({ className, title, }: LayoutToggleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/features/SettingsButton.d.ts

@@ -0,0 +1,5 @@
+export type SettingsButtonProps = {
+    className?: string;
+    title?: string;
+};
+export declare const SettingsButton: ({ className, title, }: SettingsButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/features/index.d.ts

@@ -1,2 +1,4 @@
 export { AuthStatus } from './AuthStatus';
+export { SettingsButton } from './SettingsButton';
 export { ThemeToggle } from './ThemeToggle';
+export { LayoutToggle } from './LayoutToggle';

package/dist/components/layouts/XyzenAgent.d.ts

@@ -9,5 +9,6 @@ export type Agent = {
     mcp_server_ids?: string[];
     user_id: string;
     require_tool_confirmation?: boolean;
+    provider_id?: string | null;
 };
 export default function XyzenAgent(): import("react/jsx-runtime").JSX.Element;

package/dist/components/layouts/XyzenTopics.d.ts

@@ -0,0 +1,5 @@
+/**
+ * XyzenTopics - Topic/Session list component for fullscreen layout
+ * Displays topics grouped by sessions with management capabilities
+ */
+export default function XyzenTopics(): import("react/jsx-runtime").JSX.Element;

package/dist/components/modals/ConfirmationModal.d.ts

@@ -0,0 +1,9 @@
+interface ConfirmationModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    message: string;
+}
+declare const ConfirmationModal: React.FC<ConfirmationModalProps>;
+export default ConfirmationModal;

package/dist/components/modals/EditMcpServerModal.d.ts

@@ -0,0 +1 @@
+export declare function EditMcpServerModal(): import("react/jsx-runtime").JSX.Element;

package/dist/components/modals/SettingsModal.d.ts

@@ -0,0 +1 @@
+export declare function SettingsModal(): import("react/jsx-runtime").JSX.Element;

package/dist/components/modals/settings/ProviderConfigForm.d.ts

@@ -0,0 +1 @@
+export declare const ProviderConfigForm: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/modals/settings/ProviderList.d.ts

@@ -0,0 +1 @@
+export declare const ProviderList: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/modals/settings/StyleSettings.d.ts

@@ -0,0 +1 @@
+export declare function StyleSettings(): import("react/jsx-runtime").JSX.Element;

package/dist/components/modals/settings/ThemeSettings.d.ts

@@ -0,0 +1 @@
+export declare function ThemeSettings(): import("react/jsx-runtime").JSX.Element;

package/dist/components/modals/settings/UiSettings.d.ts

@@ -0,0 +1,2 @@
+export type UiSettingType = "theme" | "style";
+export declare function UiSettings(): import("react/jsx-runtime").JSX.Element;

package/dist/components/modals/settings/index.d.ts

@@ -0,0 +1,5 @@
+export { ProviderConfigForm } from './ProviderConfigForm';
+export { ProviderList } from './ProviderList';
+export { UiSettings } from './UiSettings';
+export { ThemeSettings } from './ThemeSettings';
+export { StyleSettings } from './StyleSettings';

package/dist/hooks/useTheme.d.ts

@@ -2,5 +2,6 @@ type Theme = "light" | "dark" | "system";
 declare const useTheme: () => {
     theme: Theme;
     cycleTheme: () => void;
+    setTheme: (newTheme: Theme) => void;
 };
 export default useTheme;

package/dist/service/llmProviderService.d.ts

@@ -1,15 +1,39 @@
-import { LlmProviderCreate, LlmProviderResponse, SupportedProviderType, SwitchProviderRequest } from '../types/llmProvider';
+import { LlmProviderCreate, LlmProviderResponse, LlmProviderUpdate, ProviderTemplate } from '../types/llmProvider';
 declare class LlmProviderService {
     private getBackendUrl;
-    getLlmProviders(): Promise<LlmProviderResponse[]>;
-    createLlmProvider(provider: LlmProviderCreate): Promise<LlmProviderResponse>;
-    getLlmProvider(id: number): Promise<LlmProviderResponse>;
-    updateLlmProvider(id: number, provider: Partial<LlmProviderCreate>): Promise<LlmProviderResponse>;
-    deleteLlmProvider(id: number): Promise<void>;
-    switchActiveProvider(request: SwitchProviderRequest): Promise<{
-        message: string;
-    }>;
-    getSupportedTypes(): Promise<SupportedProviderType[]>;
+    private createAuthHeaders;
+    /**
+     * Get provider templates for UI
+     */
+    getProviderTemplates(): Promise<ProviderTemplate[]>;
+    /**
+     * Get current user's providers
+     */
+    getMyProviders(): Promise<LlmProviderResponse[]>;
+    /**
+     * Get current user's default provider
+     */
+    getMyDefaultProvider(): Promise<LlmProviderResponse>;
+    /**
+     * Set a provider as default
+     */
+    setDefaultProvider(providerId: string): Promise<LlmProviderResponse>;
+    /**
+     * Create a new provider
+     */
+    createProvider(provider: LlmProviderCreate): Promise<LlmProviderResponse>;
+    /**
+     * Get a single provider by ID
+     */
+    getProvider(id: string): Promise<LlmProviderResponse>;
+    /**
+     * Update a provider
+     */
+    updateProvider(id: string, provider: LlmProviderUpdate): Promise<LlmProviderResponse>;
+    /**
+     * Delete a provider
+     */
+    deleteProvider(id: string): Promise<void>;
 }
 export declare const llmProviderService: LlmProviderService;
 export {};

package/dist/service/mcpService.d.ts

@@ -1,8 +1,8 @@
-import { McpServer, McpServerCreate } from '../types/mcp';
+import { McpServer, McpServerCreate, McpServerUpdate } from '../types/mcp';
 export declare const mcpService: {
     getMcpServers(): Promise<McpServer[]>;
     createMcpServer(server: McpServerCreate): Promise<McpServer>;
-    updateMcpServer(id: string, server: Partial<McpServerCreate>): Promise<McpServer>;
+    updateMcpServer(id: string, server: McpServerUpdate): Promise<McpServer>;
     deleteMcpServer(id: string): Promise<void>;
     refreshMcpServers(): Promise<void>;
 };

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

@@ -7,6 +7,7 @@ export interface AgentSlice {
     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, [

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

@@ -14,6 +14,7 @@ export interface ChatSlice {
     sendMessage: (message: string) => void;
     createDefaultChannel: (agentId?: string) => Promise<void>;
     updateTopicName: (topicId: string, newName: string) => Promise<void>;
+    deleteTopic: (topicId: string) => Promise<void>;
     confirmToolCall: (channelId: string, toolCallId: string) => void;
     cancelToolCall: (channelId: string, toolCallId: string) => void;
 }

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

@@ -1,15 +1,19 @@
-import { McpServer, McpServerCreate } from '../../types/mcp';
+import { McpServer, McpServerCreate, McpServerUpdate } from '../../types/mcp';
 import { StateCreator } from 'zustand';
 import { XyzenState } from '../types';
 export interface McpSlice {
     mcpServers: McpServer[];
     lastFetchTime: number;
+    isEditMcpServerModalOpen: boolean;
+    editingMcpServer: McpServer | null;
     fetchMcpServers: () => Promise<void>;
     refreshMcpServers: () => Promise<void>;
     addMcpServer: (server: McpServerCreate) => Promise<void>;
-    editMcpServer: (id: string, server: Partial<McpServerCreate>) => 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]

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

@@ -1,14 +1,20 @@
-import { LlmProviderCreate, LlmProviderResponse } from '../../types/llmProvider';
+import { LlmProviderCreate, LlmProviderResponse, LlmProviderUpdate, ProviderTemplate } from '../../types/llmProvider';
 import { StateCreator } from 'zustand';
 import { XyzenState } from '../types';
 export interface ProviderSlice {
     llmProviders: LlmProviderResponse[];
     llmProvidersLoading: boolean;
-    fetchLlmProviders: () => Promise<void>;
-    addLlmProvider: (provider: LlmProviderCreate) => Promise<void>;
-    editLlmProvider: (id: number, provider: Partial<LlmProviderCreate>) => Promise<void>;
-    removeLlmProvider: (id: number) => Promise<void>;
-    switchActiveProvider: (id: number) => Promise<void>;
+    providerTemplates: ProviderTemplate[];
+    templatesLoading: boolean;
+    defaultProvider: LlmProviderResponse | null;
+    defaultProviderLoading: boolean;
+    fetchProviderTemplates: () => Promise<void>;
+    fetchMyProviders: () => Promise<void>;
+    fetchDefaultProvider: () => Promise<void>;
+    addProvider: (provider: LlmProviderCreate) => Promise<void>;
+    updateProvider: (id: string, provider: LlmProviderUpdate) => Promise<void>;
+    removeProvider: (id: string) => Promise<void>;
+    setAsDefault: (id: string) => Promise<void>;
 }
 export declare const createProviderSlice: StateCreator<XyzenState, [
     ["zustand/immer", never]

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

@@ -1,24 +1,35 @@
 import { StateCreator } from 'zustand';
-import { Theme, XyzenState } from '../types';
+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]

package/dist/store/types.d.ts

@@ -44,6 +44,8 @@ export interface User {
     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;

package/dist/types/llmProvider.d.ts

@@ -1,34 +1,49 @@
 export interface LlmProvider {
-    id: number;
-    Name: string;
-    Api: string;
-    Key: string;
-    Model: string;
-    MaxTokens: number | null;
-    Temperature: number | null;
-    Timeout: number | null;
-    is_active?: boolean;
-    is_available?: boolean;
-    provider_type?: string;
+    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;
-    MaxTokens?: number | null;
-    Temperature?: number | null;
-    Timeout?: number | null;
-}
-export interface LlmProviderResponse extends LlmProvider {
-    is_active: boolean;
-    is_available: boolean;
+    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 interface SwitchProviderRequest {
-    provider_id: number;
+export type LlmProviderResponse = LlmProvider;
+export interface SetDefaultProviderRequest {
+    provider_id: string;
 }
-export interface SupportedProviderType {
+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

@@ -12,3 +12,4 @@ export interface McpServer {
     user_id: string;
 }
 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/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 {};