@sciol/xyzen 0.3.5 → 0.3.7

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

@@ -10,7 +10,7 @@ export type Agent = {
     user_id: string;
     require_tool_confirmation?: boolean;
     provider_id?: string | null;
-    agent_type: 'regular' | 'graph';
+    agent_type: "regular" | "graph" | "builtin" | "system";
     avatar?: string | null;
     tags?: string[] | null;
     model?: string | null;
@@ -18,8 +18,14 @@ export type Agent = {
     is_active?: boolean;
     created_at: string;
     updated_at: string;
-    state_schema?: any;
+    state_schema?: Record<string, unknown>;
     node_count?: number;
     edge_count?: number;
+    is_published?: boolean;
+    is_official?: boolean;
 };
-export default function XyzenAgent(): import("react/jsx-runtime").JSX.Element;
+interface XyzenAgentProps {
+    systemAgentType?: "chat" | "workshop" | "all";
+}
+export default function XyzenAgent({ systemAgentType, }: XyzenAgentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/shared/JsonDisplay.d.ts

@@ -3,7 +3,7 @@ interface JsonDisplayProps {
     data: unknown;
     className?: string;
     compact?: boolean;
-    variant?: 'default' | 'success' | 'error';
+    variant?: "default" | "success" | "error";
     hideHeader?: boolean;
     enableCharts?: boolean;
 }

package/dist/components/ui/3d-card.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+export declare const CardContainer: ({ children, className, containerClassName, }: {
+    children?: React.ReactNode;
+    className?: string;
+    containerClassName?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CardBody: ({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CardItem: ({ as: Tag, children, className, translateX, translateY, translateZ, rotateX, rotateY, rotateZ, ...rest }: {
+    as?: React.ElementType;
+    children: React.ReactNode;
+    className?: string;
+    translateX?: number | string;
+    translateY?: number | string;
+    translateZ?: number | string;
+    rotateX?: number | string;
+    rotateY?: number | string;
+    rotateZ?: number | string;
+    [key: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useMouseEnter: () => [boolean, React.Dispatch<React.SetStateAction<boolean>>];

package/dist/components/ui/3d-pin.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export declare const PinContainer: ({ children, title, href, className, containerClassName, }: {
+    children: React.ReactNode;
+    title?: string;
+    href?: string;
+    className?: string;
+    containerClassName?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PinPerspective: ({ title, href, }: {
+    title?: string;
+    href?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/background-boxes.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export declare const BoxesCore: ({ className, ...rest }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Boxes: React.MemoExoticComponent<({ className, ...rest }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/ui/background-gradient-animation.d.ts

@@ -0,0 +1,16 @@
+export declare const BackgroundGradientAnimation: ({ gradientBackgroundStart, gradientBackgroundEnd, firstColor, secondColor, thirdColor, fourthColor, fifthColor, pointerColor, size, blendingValue, children, className, interactive, containerClassName, }: {
+    gradientBackgroundStart?: string;
+    gradientBackgroundEnd?: string;
+    firstColor?: string;
+    secondColor?: string;
+    thirdColor?: string;
+    fourthColor?: string;
+    fifthColor?: string;
+    pointerColor?: string;
+    size?: string;
+    blendingValue?: string;
+    children?: React.ReactNode;
+    className?: string;
+    interactive?: boolean;
+    containerClassName?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/bento-grid.d.ts

@@ -0,0 +1,11 @@
+export declare const BentoGrid: ({ className, children, }: {
+    className?: string;
+    children?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BentoGridItem: ({ className, title, description, header, icon, }: {
+    className?: string;
+    title?: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    header?: React.ReactNode;
+    icon?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/components/ui/layout-text-flip.d.ts

@@ -0,0 +1,5 @@
+export declare const LayoutTextFlip: ({ text, words, duration, }: {
+    text: string;
+    words: string[];
+    duration?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/pagination.d.ts

@@ -0,0 +1,13 @@
+import { Button } from './button';
+import * as React from "react";
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };

package/dist/components/ui/shooting-stars.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface ShootingStarsProps {
+    minSpeed?: number;
+    maxSpeed?: number;
+    minDelay?: number;
+    maxDelay?: number;
+    starColor?: string;
+    trailColor?: string;
+    starWidth?: number;
+    starHeight?: number;
+    className?: string;
+}
+export declare const ShootingStars: React.FC<ShootingStarsProps>;
+export {};

package/dist/components/ui/spotlight-new.d.ts

@@ -0,0 +1,13 @@
+type SpotlightProps = {
+    gradientFirst?: string;
+    gradientSecond?: string;
+    gradientThird?: string;
+    translateY?: number;
+    width?: number;
+    height?: number;
+    smallWidth?: number;
+    duration?: number;
+    xOffset?: number;
+};
+export declare const Spotlight: ({ gradientFirst, gradientSecond, gradientThird, translateY, width, height, smallWidth, duration, xOffset, }?: SpotlightProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/configs/chatThemes.d.ts

@@ -0,0 +1,9 @@
+import { XyzenChatConfig } from '../hooks/useXyzenChat';
+import { WorkShopChatConfig } from '../hooks/useWorkShopChat';
+export declare const XYZEN_CHAT_CONFIG: XyzenChatConfig;
+export declare const WORKSHOP_CHAT_CONFIG: WorkShopChatConfig;
+export declare const CHAT_THEMES: {
+    readonly xyzen: XyzenChatConfig;
+    readonly workshop: WorkShopChatConfig;
+};
+export type ChatThemeKey = keyof typeof CHAT_THEMES;

package/dist/hooks/use-auto-height.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+type AutoHeightOptions = {
+    includeParentBox?: boolean;
+    includeSelfBox?: boolean;
+};
+export declare function useAutoHeight<T extends HTMLElement = HTMLDivElement>(deps?: React.DependencyList, options?: AutoHeightOptions): {
+    readonly ref: React.RefObject<T | null>;
+    readonly height: number;
+};
+export {};

package/dist/hooks/use-controlled-state.d.ts

@@ -0,0 +1,8 @@
+interface CommonControlledStateProps<T> {
+    value?: T;
+    defaultValue?: T;
+}
+export declare function useControlledState<T, Rest extends any[] = []>(props: CommonControlledStateProps<T> & {
+    onChange?: (value: T, ...args: Rest) => void;
+}): readonly [T, (next: T, ...args: Rest) => void];
+export {};

package/dist/hooks/use-data-state.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+type DataStateValue = string | boolean | null;
+declare function useDataState<T extends HTMLElement = HTMLElement>(key: string, forwardedRef?: React.Ref<T | null>, onChange?: (value: DataStateValue) => void): [DataStateValue, React.RefObject<T | null>];
+export { useDataState, type DataStateValue };

package/dist/hooks/use-is-in-view.d.ts

@@ -0,0 +1,12 @@
+import { UseInViewOptions } from 'motion/react';
+import * as React from "react";
+interface UseIsInViewOptions {
+    inView?: boolean;
+    inViewOnce?: boolean;
+    inViewMargin?: UseInViewOptions["margin"];
+}
+declare function useIsInView<T extends HTMLElement = HTMLElement>(ref: React.Ref<T>, options?: UseIsInViewOptions): {
+    ref: React.RefObject<T | null>;
+    isInView: boolean;
+};
+export { useIsInView, type UseIsInViewOptions };

package/dist/hooks/useWorkShopChat.d.ts

@@ -0,0 +1,69 @@
+import { Message } from '../store/types';
+export interface WorkShopChatConfig {
+    theme: "indigo" | "purple";
+    systemAgentId: string;
+    storageKeys: {
+        inputHeight: string;
+        historyPinned?: string;
+    };
+    defaultTitle: string;
+    placeholders: {
+        responding: string;
+        default: string;
+    };
+    connectionMessages: {
+        connecting: string;
+        retrying: string;
+    };
+    responseMessages: {
+        generating: string;
+        creating: string;
+    };
+    emptyState: {
+        title: string;
+        description: string;
+        icon: string;
+        features?: string[];
+    };
+    welcomeMessage?: {
+        title: string;
+        description: string;
+        icon: string;
+        tags?: string[];
+    };
+}
+export declare function useWorkShopChat(config: WorkShopChatConfig): {
+    autoScroll: boolean;
+    isRetrying: boolean;
+    showHistory: boolean;
+    inputHeight: number;
+    sendBlocked: boolean;
+    currentChannel: import('../store/types').ChatChannel | null;
+    currentAgent: import('../components/layouts/XyzenAgent').Agent | null | undefined;
+    messages: Message[];
+    connected: boolean;
+    error: string | null;
+    responding: boolean;
+    messagesEndRef: import('react').RefObject<HTMLDivElement | null>;
+    messagesContainerRef: import('react').RefObject<HTMLDivElement | null>;
+    handleSendMessage: (inputMessage: string) => void;
+    handleToggleHistory: () => void;
+    handleCloseHistory: () => void;
+    handleSelectTopic: (_topicId: string) => void;
+    handleInputHeightChange: (height: number) => void;
+    handleRetryConnection: () => void;
+    handleScrollToBottom: () => void;
+    handleScroll: () => void;
+    activeChatChannel: string | null;
+    notification: {
+        isOpen: boolean;
+        title: string;
+        message: string;
+        type: "info" | "warning" | "error" | "success";
+        actionLabel?: string;
+        onAction?: () => void;
+    } | null;
+    closeNotification: () => void;
+    pendingInput: string;
+    updateTopicName: (topicId: string, newName: string) => Promise<void>;
+};

package/dist/hooks/useXyzenChat.d.ts

@@ -0,0 +1,69 @@
+import { Message } from '../store/types';
+export interface XyzenChatConfig {
+    theme: "indigo" | "purple";
+    systemAgentId: string;
+    storageKeys: {
+        inputHeight: string;
+        historyPinned?: string;
+    };
+    defaultTitle: string;
+    placeholders: {
+        responding: string;
+        default: string;
+    };
+    connectionMessages: {
+        connecting: string;
+        retrying: string;
+    };
+    responseMessages: {
+        generating: string;
+        creating: string;
+    };
+    emptyState: {
+        title: string;
+        description: string;
+        icon: string;
+        features?: string[];
+    };
+    welcomeMessage?: {
+        title: string;
+        description: string;
+        icon: string;
+        tags?: string[];
+    };
+}
+export declare function useXyzenChat(config: XyzenChatConfig): {
+    autoScroll: boolean;
+    isRetrying: boolean;
+    showHistory: boolean;
+    inputHeight: number;
+    sendBlocked: boolean;
+    currentChannel: import('../store/types').ChatChannel | null;
+    currentAgent: import('../components/layouts/XyzenAgent').Agent | null | undefined;
+    messages: Message[];
+    connected: boolean;
+    error: string | null;
+    responding: boolean;
+    messagesEndRef: import('react').RefObject<HTMLDivElement | null>;
+    messagesContainerRef: import('react').RefObject<HTMLDivElement | null>;
+    handleSendMessage: (inputMessage: string) => void;
+    handleToggleHistory: () => void;
+    handleCloseHistory: () => void;
+    handleSelectTopic: (_topicId: string) => void;
+    handleInputHeightChange: (height: number) => void;
+    handleRetryConnection: () => void;
+    handleScrollToBottom: () => void;
+    handleScroll: () => void;
+    activeChatChannel: string | null;
+    notification: {
+        isOpen: boolean;
+        title: string;
+        message: string;
+        type: "info" | "warning" | "error" | "success";
+        actionLabel?: string;
+        onAction?: () => void;
+    } | null;
+    closeNotification: () => void;
+    pendingInput: string;
+    updateTopicName: (topicId: string, newName: string) => Promise<void>;
+};

package/dist/lib/animations.d.ts

@@ -0,0 +1,48 @@
+import { Variants } from 'framer-motion';
+/**
+ * Common animation variants for Framer Motion
+ * @module animations
+ */
+export declare const fadeIn: Variants;
+export declare const fadeOut: Variants;
+export declare const itemVariants: Variants;
+export declare const itemSlideLeft: Variants;
+export declare const itemSlideRight: Variants;
+export declare const containerVariants: Variants;
+export declare const containerFast: Variants;
+export declare const containerSlow: Variants;
+export declare const scaleIn: Variants;
+export declare const scaleOut: Variants;
+export declare const cardHover: {
+    scale: number;
+    transition: {
+        duration: number;
+    };
+};
+export declare const cardTap: {
+    scale: number;
+    transition: {
+        duration: number;
+    };
+};
+export declare const modalBackdrop: Variants;
+export declare const modalContent: Variants;
+export declare const slideInFromTop: Variants;
+export declare const slideInFromBottom: Variants;
+export declare const slideInFromLeft: Variants;
+export declare const slideInFromRight: Variants;
+export declare const pageTransition: Variants;
+/**
+ * Create a custom stagger container with specific timing
+ */
+export declare const createStaggerContainer: (staggerChildren?: number, delayChildren?: number) => Variants;
+/**
+ * Create a custom item variant with specific offset
+ */
+export declare const createItemVariant: (offset?: {
+    x?: number;
+    y?: number;
+}, springConfig?: {
+    stiffness?: number;
+    damping?: number;
+}) => Variants;

package/dist/lib/get-strict-context.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare function getStrictContext<T>(name?: string): readonly [
+    ({ value, children, }: {
+        value: T;
+        children?: React.ReactNode;
+    }) => React.JSX.Element,
+    () => T
+];
+export { getStrictContext };

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/marketplace/components/McpActivationProgress.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { McpActivationProgress } from '../types/bohrium';
+interface McpActivationProgressProps {
+    progress: McpActivationProgress;
+    onRetry?: () => void;
+    onClose?: () => void;
+    className?: string;
+}
+declare const McpActivationProgressComponent: React.FC<McpActivationProgressProps>;
+export default McpActivationProgressComponent;

package/dist/marketplace/components/McpServerCard.d.ts

@@ -0,0 +1,9 @@
+import { ExplorableMcpServer } from '../../types/mcp';
+import { default as React } from 'react';
+interface McpServerCardProps {
+    server: ExplorableMcpServer;
+    isStarred?: boolean;
+    onClick?: () => void;
+}
+declare const McpServerCard: React.FC<McpServerCardProps>;
+export default McpServerCard;

package/dist/marketplace/components/McpServerDetail.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface McpServerDetailProps {
+    appKey: string;
+    onBack?: () => void;
+}
+declare const McpServerDetail: React.FC<McpServerDetailProps>;
+export default McpServerDetail;

package/dist/marketplace/components/UnifiedMcpMarketList.d.ts

@@ -0,0 +1,8 @@
+import { ExplorableMcpServer } from '../../types/mcp';
+import { default as React } from 'react';
+interface UnifiedMcpMarketListProps {
+    builtinServers: ExplorableMcpServer[];
+    onSelectServer?: (server: ExplorableMcpServer) => void;
+}
+declare const UnifiedMcpMarketList: React.FC<UnifiedMcpMarketListProps>;
+export default UnifiedMcpMarketList;

package/dist/marketplace/hooks/useBohriumMcp.d.ts

@@ -0,0 +1,61 @@
+import { McpActivationProgress } from '../types/bohrium';
+/**
+ * 使用 Bohrium 应用列表 (with React Query)
+ */
+export declare const useBohriumAppList: (page?: number, pageSize?: number, searchQuery?: string) => {
+    apps: import('..').BohriumApp[];
+    totalCount: number;
+    totalPages: number;
+    currentPage: number;
+    loading: boolean;
+    error: string | null;
+    isError: boolean;
+    refetch: (options?: import('@tanstack/query-core').RefetchOptions) => Promise<import('@tanstack/query-core').QueryObserverResult<import('..').BohriumAppListResponse, Error>>;
+    prefetchNextPage: () => void;
+};
+/**
+ * 使用 Bohrium 应用列表（无限加载版）
+ */
+export declare const useBohriumInfiniteAppList: (pageSize?: number, searchQuery?: string) => {
+    apps: import('..').BohriumApp[];
+    totalCount: number;
+    totalPages: number;
+    pageCount: number;
+    loading: boolean;
+    isFetchingNextPage: boolean;
+    hasNextPage: boolean;
+    fetchNextPage: (options?: import('@tanstack/query-core').FetchNextPageOptions) => Promise<import('@tanstack/query-core').InfiniteQueryObserverResult<import('@tanstack/query-core').InfiniteData<import('..').BohriumAppListResponse, unknown>, Error>>;
+    refetch: (options?: import('@tanstack/query-core').RefetchOptions) => Promise<import('@tanstack/query-core').QueryObserverResult<import('@tanstack/query-core').InfiniteData<import('..').BohriumAppListResponse, unknown>, Error>>;
+    error: string | null;
+    isError: boolean;
+};
+/**
+ * 使用 Bohrium 应用详情 (with React Query)
+ */
+export declare const useBohriumAppDetail: (appKey?: string) => {
+    detail: import('..').BohriumAppDetail | null;
+    loading: boolean;
+    error: string | null;
+    isError: boolean;
+    refetch: (options?: import('@tanstack/query-core').RefetchOptions) => Promise<import('@tanstack/query-core').QueryObserverResult<import('..').BohriumAppDetail, Error>>;
+};
+/**
+ * 使用 MCP 激活流程
+ */
+export declare const useMcpActivation: () => {
+    progress: McpActivationProgress;
+    activateMcp: (appKey: string) => Promise<{
+        detail: import('..').BohriumAppDetail;
+        endpoint: {
+            url: string;
+            token: string;
+        };
+    }>;
+    reset: () => void;
+};
+/**
+ * 检查 Bohrium 认证状态
+ */
+export declare const useBohriumAuth: () => {
+    isAuthenticated: boolean;
+};

package/dist/marketplace/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Marketplace Module Entry
+ * 统一导出 marketplace 模块的所有功能
+ */
+export * from './types/bohrium';
+export { bohriumService } from './services/bohriumService';
+export { useBohriumAppDetail, useBohriumAppList, useBohriumAuth, useMcpActivation, } from './hooks/useBohriumMcp';
+export { default as McpActivationProgress } from './components/McpActivationProgress';
+export { default as McpServerCard } from './components/McpServerCard';
+export { default as McpServerDetail } from './components/McpServerDetail';
+export { default as UnifiedMcpMarketList } from './components/UnifiedMcpMarketList';
+export * from './utils/starredApps';

package/dist/marketplace/services/bohriumService.d.ts

@@ -0,0 +1,34 @@
+import { BohriumAppDetail, BohriumAppListResponse } from '../types/bohrium';
+/**
+ * Bohrium Service 类
+ */
+declare class BohriumService {
+    /**
+     * 获取 MCP 应用列表
+     */
+    getAppList(page?: number, pageSize?: number, search?: string): Promise<BohriumAppListResponse>;
+    /**
+     * 获取应用详情（包含 latestDeploymentId）
+     */
+    getAppDetail(appKey: string): Promise<BohriumAppDetail>;
+    /**
+     * 获取 MCP 服务端点配置
+     */
+    getMcpEndpoint(deploymentId: number): Promise<{
+        url: string;
+        token: string;
+    }>;
+    /**
+     * 轮询获取 MCP 端点（处理沙盒启动延迟）
+     */
+    waitForMcpEndpoint(deploymentId: number, maxRetries?: number, retryInterval?: number, onProgress?: (retryCount: number, maxRetries: number) => void): Promise<{
+        url: string;
+        token: string;
+    }>;
+    /**
+     * 检查是否已认证
+     */
+    isAuthenticated(): boolean;
+}
+export declare const bohriumService: BohriumService;
+export {};