@han_zzpw/chatbot 1.0.0

package/dist/components/ChatBot.d.ts

@@ -0,0 +1,7 @@
+import type { ChatConfig } from "../types";
+interface ChatBotProps extends ChatConfig {
+    title?: string;
+    className?: string;
+}
+export declare const ChatBot: ({ token, apiEndpoint: _apiEndpoint, headers, title, className, }: ChatBotProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ChatInput.d.ts

@@ -0,0 +1,17 @@
+import type { Answer } from "../types";
+interface ChatInputProps {
+    input: string;
+    setInput: (input: string) => void;
+    files: File[];
+    setFiles: (files: File[]) => void;
+    onSendMessage: (message: string, files?: File[], wavelensConfig?: {
+        biomarkers: string[];
+        bodyPart: string;
+        language: string;
+    }) => void;
+    onCancelMessage: () => void;
+    disabled: boolean;
+    lastAnswer?: Answer | null;
+}
+export declare const ChatInput: ({ input, setInput, files, setFiles, onSendMessage, onCancelMessage, disabled, lastAnswer, }: ChatInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ChatStreaming.d.ts

@@ -0,0 +1,8 @@
+import type { StreamingEvent } from "../types";
+interface ChatStreamingProps {
+    events: StreamingEvent[];
+    isStreaming?: boolean;
+    token?: string;
+}
+export declare const ChatStreaming: ({ events, isStreaming, token, }: ChatStreamingProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ChatTyping.d.ts

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

package/dist/components/Icons/CameraIcon.d.ts

@@ -0,0 +1,6 @@
+interface CameraIconProps {
+    size?: number;
+    color?: string;
+}
+export declare const CameraIcon: ({ size, color, }: CameraIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/CancelIcon.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    color?: string;
+    size?: number;
+    fillOpacity?: string;
+}
+export default function CancelIcon({ color, size, fillOpacity, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/CheckIcon.d.ts

@@ -0,0 +1,7 @@
+interface CheckIconProps {
+    size?: number;
+    color?: string;
+    opacity?: string;
+}
+export declare const CheckIcon: ({ size, color, opacity, }: CheckIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/CloseIcon.d.ts

@@ -0,0 +1,7 @@
+interface CloseIconProps {
+    size?: number;
+    color?: string;
+    fillOpacity?: string;
+}
+export declare const CloseIcon: ({ size, color, fillOpacity, }: CloseIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/ImageUploadIcon.d.ts

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

package/dist/components/Icons/LeftArrowIcon.d.ts

@@ -0,0 +1,6 @@
+interface LeftArrowIconProps {
+    size?: number;
+    color?: string;
+}
+export declare const LeftArrowIcon: ({ size, color, }: LeftArrowIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/RightArrowIcon.d.ts

@@ -0,0 +1,6 @@
+interface RightArrowIconProps {
+    size?: number;
+    color?: string;
+}
+export declare const RightArrowIcon: ({ size, color, }: RightArrowIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/SendIcon.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    color?: string;
+    size?: number;
+    fillOpacity?: string;
+}
+export default function SendIcon({ color, size, fillOpacity, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/ShoppingIcon.d.ts

@@ -0,0 +1,6 @@
+interface ShoppingIconProps {
+    size?: number;
+    color?: string;
+}
+export declare const ShoppingIcon: ({ size, color, }: ShoppingIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/SpinnerIcon.d.ts

@@ -0,0 +1,6 @@
+interface SpinnerIconProps {
+    size?: number;
+    color?: "slate" | "amber";
+}
+export declare const SpinnerIcon: ({ size, color, }: SpinnerIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/TrashIcon.d.ts

@@ -0,0 +1,6 @@
+interface TrashIconProps {
+    size?: number;
+    color?: string;
+}
+export declare const TrashIcon: ({ size, color }: TrashIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/UploadIcon.d.ts

@@ -0,0 +1,6 @@
+interface UploadIconProps {
+    size?: number;
+    color?: string;
+}
+export declare const UploadIcon: ({ size, color, }: UploadIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/VoiceIcon.d.ts

@@ -0,0 +1,6 @@
+interface VoiceIconProps {
+    size?: number;
+    color?: string;
+}
+export declare const VoiceIcon: ({ size, color }: VoiceIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/MessageBubble.d.ts

@@ -0,0 +1,11 @@
+import type { Question, Answer } from "../types";
+interface ChatQuestionProps {
+    question: Question;
+}
+export declare const ChatQuestion: ({ question }: ChatQuestionProps) => import("react/jsx-runtime").JSX.Element;
+interface ChatAnswerProps {
+    answer: Answer;
+    token?: string;
+}
+export declare const ChatAnswer: ({ answer, token }: ChatAnswerProps) => import("react/jsx-runtime").JSX.Element;
+export { ChatQuestion as MessageQuestion, ChatAnswer as MessageAnswer };

package/dist/components/ThinkingBlock.d.ts

@@ -0,0 +1,6 @@
+import type { ThinkingBlockData } from "../types";
+interface ThinkingBlockProps {
+    block: ThinkingBlockData;
+}
+export declare const ThinkingBlock: ({ block }: ThinkingBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ToolBlock/ExpandableHeader.d.ts

@@ -0,0 +1,8 @@
+interface ExpandableHeaderProps {
+    isExpanded: boolean;
+    onClick: () => void;
+    children: React.ReactNode;
+    showArrow?: boolean;
+}
+export declare const ExpandableHeader: ({ isExpanded, onClick, children, showArrow, }: ExpandableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ToolBlock/ImageGrid.d.ts

@@ -0,0 +1,16 @@
+interface ImageData {
+    url: string;
+    name: string;
+}
+interface ImageGridProps {
+    inputImage: ImageData;
+    outputImage?: ImageData;
+    isProcessing: boolean;
+    inputImageLoaded: boolean;
+    outputImageLoaded: boolean;
+    onInputLoad: () => void;
+    onOutputLoad: () => void;
+    onImageClick: (url: string) => void;
+}
+export declare const ImageGrid: ({ inputImage, outputImage, isProcessing, inputImageLoaded, outputImageLoaded, onInputLoad, onOutputLoad, onImageClick, }: ImageGridProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ToolBlock/ImageTool.d.ts

@@ -0,0 +1,13 @@
+interface ImageData {
+    url: string;
+    name: string;
+}
+interface ImageToolProps {
+    image: ImageData;
+    title: string;
+    onClick: (url: string) => void;
+    isLoaded: boolean;
+    onLoad: () => void;
+}
+export declare const ImageTool: ({ image, title, onClick, isLoaded, onLoad, }: ImageToolProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ToolBlock/ProcessingSpinner.d.ts

@@ -0,0 +1,6 @@
+interface ProcessingSpinnerProps {
+    title: string;
+    subtitle: string;
+}
+export declare const ProcessingSpinner: ({ title, subtitle, }: ProcessingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export { ExpandableHeader } from "./ExpandableHeader";
+export { ImageGrid } from "./ImageGrid";
+export { ImageTool } from "./ImageTool";
+export { ProcessingSpinner } from "./ProcessingSpinner";

package/dist/components/ToolBlock.d.ts

@@ -0,0 +1,9 @@
+import type { ToolBlockData } from "../types";
+interface ToolBlockProps {
+    tool: ToolBlockData;
+    token?: string;
+    /** API base URL for tool integrations */
+    toolApiBaseUrl?: string;
+}
+export declare const ToolBlock: ({ tool, token, toolApiBaseUrl }: ToolBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/WavelensConfigModal.d.ts

@@ -0,0 +1,12 @@
+interface WavelensConfigModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: (config: {
+        biomarkers: string[];
+        bodyPart: string;
+        language: string;
+    }) => void;
+    imagePreview?: string;
+}
+export declare const WavelensConfigModal: ({ isOpen, onClose, onConfirm, imagePreview, }: WavelensConfigModalProps) => import("react").ReactPortal | null;
+export {};

package/dist/components/atoms/ImageModal.d.ts

@@ -0,0 +1,9 @@
+interface ImageModalProps {
+    isOpen: boolean;
+    imageUrl: string;
+    imageUrls?: string[];
+    initialIndex?: number;
+    onClose: () => void;
+}
+export declare const ImageModal: ({ isOpen, imageUrl, imageUrls, initialIndex, onClose, }: ImageModalProps) => import("react").ReactPortal | null;
+export {};

package/dist/components/atoms/InputUnderline.d.ts

@@ -0,0 +1,5 @@
+interface InputUnderlineProps {
+    isInvalid?: boolean;
+}
+export declare const InputUnderline: ({ isInvalid }: InputUnderlineProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/atoms/LoadingSpinner.d.ts

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

package/dist/components/atoms/MultimediaInput.d.ts

@@ -0,0 +1,10 @@
+import { DeviceInputType } from "../../types";
+interface MultimediaInputProps {
+    files: File[];
+    setFiles: (files: File[]) => void;
+    disabled: boolean;
+    onSkip: () => void;
+    type: DeviceInputType;
+}
+export declare const MultimediaInput: ({ files, setFiles, disabled, onSkip, type, }: MultimediaInputProps) => import("react/jsx-runtime").JSX.Element;
+export { DeviceInputType };

package/dist/components/atoms/TextInput.d.ts

@@ -0,0 +1,10 @@
+interface TextInputProps {
+    input: string;
+    setInput: (input: string) => void;
+    handleSend: () => void;
+    disabled: boolean;
+    isListening?: boolean;
+    onImageUpload?: (file: File) => void;
+}
+export declare const TextInput: ({ input, setInput, handleSend, disabled, isListening, onImageUpload, }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/hooks/useSpeechRecognition.d.ts

@@ -0,0 +1,11 @@
+interface UseSpeechRecognitionReturn {
+    transcript: string;
+    isListening: boolean;
+    startListening: () => Promise<void>;
+    stopListening: () => void;
+    resetTranscript: () => void;
+    isSupported: boolean;
+    error: string | null;
+}
+export declare const useSpeechRecognition: () => UseSpeechRecognitionReturn;
+export {};

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export * from "./types";
+export * from "./hooks/useSpeechRecognition";
+export * from "./utils/stream-parser";
+export * from "./components/ThinkingBlock";
+export * from "./components/ToolBlock";
+export * from "./components/ChatInput";
+export * from "./components/MessageBubble";
+export * from "./components/ChatBot";
+export * from "./components/ChatTyping";
+export * from "./components/ChatStreaming";
+export * from "./components/WavelensConfigModal";
+export * from "./components/atoms/ImageModal";
+export * from "./components/atoms/TextInput";
+export * from "./components/atoms/MultimediaInput";
+export * from "./components/atoms/InputUnderline";

package/dist/types/index.d.ts

@@ -0,0 +1,97 @@
+export interface ThinkingBlockData {
+    id: string;
+    state: "thinking" | "completed";
+    content?: string;
+    duration?: number;
+}
+export interface ToolBlockData {
+    id: string;
+    toolName: string;
+    state: "executing" | "completed" | "preparing" | "waiting_user";
+    content?: string;
+    parameters?: {
+        biomarkers?: string[];
+        instructions?: string;
+    };
+    results?: {
+        documents_found?: number;
+        chunks_found?: number;
+        query?: string;
+        input?: {
+            url: string;
+            name: string;
+        };
+        output?: {
+            url: string;
+            name: string;
+        };
+    };
+}
+export type StreamingEvent = {
+    type: "data";
+    content: string;
+} | {
+    type: "thinking";
+    data: ThinkingBlockData;
+} | {
+    type: "tool";
+    data: ToolBlockData;
+};
+export declare enum DeviceFamily {
+    BINAH_AI = "binah",
+    EXTERNAL = "use_devices",
+    CAMERA = "camera_checkups",
+    UPLOAD_MEDICAL_CONTENT = "upload_content"
+}
+export declare enum DeviceInputType {
+    SENSOR = "sensor",
+    FILE_UPLOAD = "file-upload",
+    CAMERA = "camera",
+    TEXT = "text",
+    IMAGE = "image",
+    VIDEO = "video",
+    PDF = "pdf",
+    JSON = "json",
+    CSV = "csv",
+    COMPRESSED_FILE = "compressed_file",
+    ANY = "any",
+    NONE = "none",
+    ZIP = "application/x-zip-compressed"
+}
+export interface Device {
+    id: string;
+    title: string;
+    description: string;
+    inputType: DeviceInputType;
+    family: DeviceFamily;
+    buttonText: string;
+    imageUrl: string;
+}
+export interface Question {
+    id: string;
+    question: string;
+    files?: File[];
+}
+export interface Answer {
+    prev_answer: string;
+    prev_question: string;
+    answer: string;
+    use_device: boolean;
+    device?: Device;
+    files?: {
+        name: string;
+        url: string;
+    }[];
+    streamingEvents?: StreamingEvent[];
+}
+export interface ChatConfig {
+    token: string;
+    /**
+     * Kept for backward-compatibility.
+     * The library now uses the original chatbot behavior and calls the hardcoded endpoint `/v1/chatbot/chat`.
+     */
+    apiEndpoint?: string;
+    headers?: Record<string, string>;
+    /** Optional API base URL for tool integrations (e.g., hyperspectral analysis) */
+    toolApiBaseUrl?: string;
+}

package/dist/utils/api-helper.d.ts

@@ -0,0 +1,2 @@
+export declare const getApiUrl: () => string;
+export declare const verifyApiKey: (apiKey: string, baseUrl?: string) => Promise<any>;

package/dist/utils/stream-parser.d.ts

@@ -0,0 +1,8 @@
+export interface StreamCallbacks {
+    onData?: (content: string, isFinal: boolean) => void;
+    onThinking?: (thinkingId: string, state: "started" | "completed", content?: string, duration?: number) => void;
+    onTool?: (toolId: string, toolName: string, state: "executing" | "completed" | "preparing" | "waiting_user", content?: string, results?: any, parameters?: any) => void;
+    onConversationId?: (conversationId: string) => void;
+    onError?: (error: any) => void;
+}
+export declare function parseChatStream(response: Response, callbacks: StreamCallbacks): Promise<void>;

package/package.json

@@ -0,0 +1,57 @@
+{
+  "scripts": {
+    "dev": "vite",
+    "build:app": "tsc && vite build",
+    "build:lib": "vite build --mode library && tsc -p tsconfig.lib.json",
+    "build": "npm run build:app && npm run build:lib",
+    "preview": "vite preview"
+  },
+  "name": "@han_zzpw/chatbot",
+  "version": "1.0.0",
+  "description": "A standalone React chatbot component library with streaming support, speech recognition, and markdown rendering",
+  "type": "module",
+  "main": "./dist/chat-library.umd.js",
+  "module": "./dist/chat-library.es.js",
+  "types": "./dist/index.d.ts",
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "chatbot",
+    "streaming",
+    "speech-recognition",
+    "markdown",
+    "ai",
+    "chat"
+  ],
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "react-markdown": "^10.1.0",
+    "rehype-highlight": "^7.0.2",
+    "remark-gfm": "^4.0.1"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
+    "@types/react": "^18.2.14",
+    "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react": "^5.1.2",
+    "autoprefixer": "^10.4.23",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.18",
+    "typescript": "^5",
+    "vite": "^7.3.0"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/chat-library.es.js",
+      "require": "./dist/chat-library.umd.js"
+    },
+    "./style.css": "./dist/chatbot.css"
+  },
+  "files": [
+    "dist"
+  ]
+}