@docyrus/ui-pro-ai-assistant 0.0.2 → 0.0.5

package/dist/types/index.d.ts

@@ -174,8 +174,8 @@ export interface Memory {
     tenantAiAgentId?: string | null;
 }
 export interface DocyAssistantProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
+    isOpen?: boolean;
+    onClose?: () => void;
     supportWebSearch?: boolean;
     supportThinking?: boolean;
     supportFiles?: boolean;
@@ -201,7 +201,6 @@ export interface DocyAssistantProps {
     enableMicrophone?: boolean;
     maxMessages?: number;
     tenantAiAgentId: string;
-    deploymentId?: string;
     onMessageSend?: (message: string) => void;
     onVoiceStart?: () => void;
     onVoiceEnd?: () => void;
@@ -210,5 +209,6 @@ export interface DocyAssistantProps {
     hideExpand?: boolean;
     agentSelectorUrl?: string;
     baseAgentSelectorUrl?: string;
+    /** Called after agent selection is persisted internally, for external notification only */
     onAgentChange?: (agentId: string, agentType: 'base' | 'deployment') => void;
 }

package/dist/views/assistant-view.d.ts

@@ -35,8 +35,8 @@ interface AssistantViewCommonProps {
 }
 export interface InlineModeProps extends AssistantViewCommonProps {
     mode: 'inline';
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
+    isOpen?: boolean;
+    onClose?: () => void;
     className?: string;
     enableSidebar?: boolean;
     isSidebarOpen?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docyrus/ui-pro-ai-assistant",
-  "version": "0.0.2",
+  "version": "0.0.5",
   "description": "Docyrus AI Assistant component — full-featured chat UI with canvas, projects, and i18n support.",
   "type": "module",
   "main": "./dist/index.js",
@@ -20,26 +20,18 @@
     "./worker": {
       "types": "./dist/worker.d.ts",
       "default": "./dist/worker.js"
-    }
+    },
+    "./styles.css": "./dist/styles.css"
   },
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "dependencies": {
     "@ai-sdk/react": "3.0.110",
-    "@codesandbox/sandpack-react": "2.20.0",
-    "@lottiefiles/dotlottie-react": "0.18.3",
-    "@visactor/vchart": "2.0.17",
-    "@visactor/vtable": "1.23.2",
-    "@visactor/vtable-plugins": "1.23.2",
-    "ai": "6.0.108",
-    "lucide-react": "0.576.0",
-    "mermaid": "11.12.3",
-    "recharts": "2.15.4",
-    "sonner": "2.0.7",
     "@ariakit/react": "0.4.21",
+    "@codesandbox/sandpack-react": "2.20.0",
     "@emoji-mart/data": "1.2.1",
+    "@lottiefiles/dotlottie-react": "0.18.3",
     "@platejs/ai": "52.3.1",
     "@platejs/autoformat": "52.0.11",
     "@platejs/basic-nodes": "52.0.11",
@@ -72,26 +64,6 @@
     "@platejs/table": "52.0.11",
     "@platejs/toc": "52.0.11",
     "@platejs/toggle": "52.0.11",
-    "class-variance-authority": "0.7.1",
-    "cmdk": "1.1.1",
-    "date-fns": "4.1.0",
-    "html2canvas-pro": "1.6.7",
-    "jotai-x": "2.3.3",
-    "lowlight": "3.3.0",
-    "pdf-lib": "1.17.1",
-    "platejs": "^52.3.2",
-    "radix-ui": "1.4.3",
-    "react-day-picker": "9.14.0",
-    "react-dnd": "16.0.1",
-    "react-dnd-html5-backend": "16.0.1",
-    "react-lite-youtube-embed": "3.5.1",
-    "react-player": "3.4.0",
-    "remark-gfm": "4.0.1",
-    "remark-math": "6.0.0",
-    "scroll-into-view-if-needed": "3.1.0",
-    "use-file-picker": "2.1.4",
-    "use-stick-to-bottom": "1.1.3",
-    "vaul": "1.1.2",
     "@univerjs/core": "0.16.1",
     "@univerjs/design": "0.16.1",
     "@univerjs/docs": "0.16.1",
@@ -127,14 +99,44 @@
     "@univerjs/thread-comment-ui": "0.16.1",
     "@univerjs/ui": "0.16.1",
     "@univerjs/watermark": "0.16.1",
+    "@visactor/vchart": "2.0.17",
+    "@visactor/vtable": "1.23.2",
+    "@visactor/vtable-plugins": "1.23.2",
+    "ai": "6.0.108",
+    "class-variance-authority": "0.7.1",
+    "cmdk": "1.1.1",
+    "date-fns": "4.1.0",
+    "html2canvas-pro": "1.6.7",
+    "jotai-x": "2.3.3",
+    "lowlight": "3.3.0",
+    "lucide-react": "0.576.0",
+    "mermaid": "11.12.3",
+    "pdf-lib": "1.17.1",
+    "platejs": "^52.3.2",
+    "radix-ui": "1.4.3",
+    "react-day-picker": "9.14.0",
+    "react-dnd": "16.0.1",
+    "react-dnd-html5-backend": "16.0.1",
+    "react-lite-youtube-embed": "3.5.1",
+    "react-player": "3.4.0",
+    "recharts": "2.15.4",
+    "remark-gfm": "4.0.1",
+    "remark-math": "6.0.0",
+    "scroll-into-view-if-needed": "3.1.0",
+    "sonner": "2.0.7",
+    "use-file-picker": "2.1.4",
+    "use-stick-to-bottom": "1.1.3",
+    "vaul": "1.1.2",
     "xlsx": "0.18.5"
   },
   "devDependencies": {
+    "@tailwindcss/cli": "^4.2.1",
+    "@types/node": "25.3.3",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
+    "tailwindcss": "4.2.1",
     "tsup": "8.5.1",
     "typescript": "5.9.3",
-    "@types/node": "25.3.3",
     "@docyrus/ui-pro-shared": "0.0.1"
   },
   "peerDependencies": {
@@ -154,7 +156,7 @@
   },
   "license": "MIT",
   "scripts": {
-    "build": "tsup && (tsc -p tsconfig.dts.json || true)",
+    "build": "tsup && (tsc -p tsconfig.dts.json || true) && tailwindcss -i src/styles.css -o dist/styles.css",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src/"

package/src/components/assistant-animations.tsx

@@ -1,29 +0,0 @@
-'use client';
-
-import { DotLottieReact } from '@lottiefiles/dotlottie-react';
-
-const ANIMATIONS = {
-  opening: '/lottie/docy/opening.lottie',
-  thinking: '/lottie/docy/thinking.lottie',
-  working: '/lottie/docy/working.lottie'
-} as const;
-
-type AnimationType = keyof typeof ANIMATIONS;
-
-interface AssistantAnimationsProps {
-  animationType?: AnimationType;
-  className?: string;
-}
-
-export function AssistantAnimations({
-  animationType = 'thinking',
-  className
-}: AssistantAnimationsProps) {
-  return (
-    <DotLottieReact
-      src={ANIMATIONS[animationType]}
-      autoplay
-      loop={animationType !== 'opening'}
-      className={className} />
-  );
-}

package/src/components/assistant-dialogs.tsx

@@ -1,235 +0,0 @@
-'use client';
-
-import { Button } from '@docyrus/ui-pro-shared/components/button';
-import {
-  Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle
-} from '@docyrus/ui-pro-shared/components/dialog';
-import { Input } from '@docyrus/ui-pro-shared/components/input';
-import { Textarea } from '@docyrus/ui-pro-shared/components/textarea';
-
-import { type ProjectState } from '../hooks/use-project-state';
-
-import { type SessionState } from '../hooks/use-session-state';
-
-interface AssistantDialogsProps {
-  // Project state
-  projectState: ProjectState;
-  projectActions: {
-    startEditing: () => void;
-    stopEditing: () => void;
-    setName: (name: string) => void;
-    setDescription: (description: string) => void;
-    setDeleteDialogOpen: (open: boolean) => void;
-    startEditingInstructions: () => void;
-    stopEditingInstructions: () => void;
-    setInstructions: (instructions: string) => void;
-  };
-
-  // Session state
-  sessionState: SessionState;
-  sessionActions: {
-    startEditing: () => void;
-    stopEditing: () => void;
-    setName: (name: string) => void;
-    setDeleteDialogOpen: (open: boolean) => void;
-  };
-
-  // Actions
-  onUpdateProject: () => Promise<void>;
-  onDeleteProject: () => Promise<void>;
-  onUpdateSession: () => Promise<void>;
-  onDeleteSession: () => Promise<void>;
-  onUpdateProjectInstructions: () => Promise<void>;
-
-  // i18n
-  t: (key: string) => string;
-}
-
-export function AssistantDialogs({
-  projectState,
-  projectActions,
-  sessionState,
-  sessionActions,
-  onUpdateProject,
-  onDeleteProject,
-  onUpdateSession,
-  onDeleteSession,
-  onUpdateProjectInstructions,
-  t
-}: AssistantDialogsProps) {
-  return (
-    <>
-      {/* Edit Project Dialog */}
-      <Dialog
-        open={projectState.isEditing}
-        onOpenChange={open => (open ? projectActions.startEditing() : projectActions.stopEditing())}>
-        <DialogContent className="sm:max-w-md z-[200]">
-          <DialogHeader>
-            <DialogTitle>{t('dialogs.edit_project')}</DialogTitle>
-          </DialogHeader>
-          <div className="space-y-4 py-4">
-            <div className="space-y-2">
-              <label htmlFor="project-name" className="text-sm font-medium leading-none">
-                {t('labels.project_name')}
-              </label>
-              <Input
-                id="project-name"
-                value={projectState.name}
-                onChange={e => projectActions.setName(e.target.value)}
-                placeholder={t('placeholders.enter_project_name')} />
-            </div>
-            <div className="space-y-2">
-              <label htmlFor="project-description" className="text-sm font-medium leading-none">
-                {t('labels.description')}
-              </label>
-              <Textarea
-                className="resize-none"
-                id="project-description"
-                value={projectState.description}
-                onChange={e => projectActions.setDescription(e.target.value)}
-                placeholder={t('placeholders.enter_project_description')}
-                rows={3} />
-            </div>
-          </div>
-          <DialogFooter>
-            <Button className="cursor-pointer" variant="outline" onClick={() => projectActions.stopEditing()}>
-              {t('buttons.cancel')}
-            </Button>
-            <Button
-              className="bg-primary text-primary-foreground hover:bg-primary/90 cursor-pointer"
-              onClick={onUpdateProject}
-              disabled={projectState.isSaving || !projectState.name.trim()}>
-              {projectState.isSaving ? t('buttons.saving') : t('buttons.save_changes')}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-
-      {/* Delete Project Dialog */}
-      <Dialog open={projectState.isDeleteDialogOpen} onOpenChange={projectActions.setDeleteDialogOpen}>
-        <DialogContent className="sm:max-w-md z-[200]">
-          <DialogHeader>
-            <DialogTitle>{t('dialogs.delete_project')}</DialogTitle>
-          </DialogHeader>
-          <div className="space-y-4 py-4">
-            <p>{t('messages.delete_project_confirm')}</p>
-          </div>
-          <DialogFooter>
-            <Button
-              className="cursor-pointer"
-              variant="outline"
-              onClick={() => projectActions.setDeleteDialogOpen(false)}>
-              {t('buttons.cancel')}
-            </Button>
-            <Button
-              className="bg-primary text-primary-foreground hover:bg-primary/90 cursor-pointer"
-              onClick={onDeleteProject}
-              disabled={projectState.isDeleting}>
-              {projectState.isDeleting ? t('buttons.deleting') : t('buttons.delete_project')}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-
-      {/* Edit Session Dialog */}
-      <Dialog
-        open={sessionState.isEditing}
-        onOpenChange={open => (open ? sessionActions.startEditing() : sessionActions.stopEditing())}>
-        <DialogContent className="sm:max-w-md z-[200]">
-          <DialogHeader>
-            <DialogTitle>{t('dialogs.rename_session')}</DialogTitle>
-          </DialogHeader>
-          <div className="space-y-4 py-4">
-            <div className="space-y-2">
-              <label htmlFor="session-name" className="text-sm font-medium leading-none">
-                {t('labels.session_name')}
-              </label>
-              <Input
-                id="session-name"
-                value={sessionState.name}
-                onChange={e => sessionActions.setName(e.target.value)}
-                placeholder={t('placeholders.enter_session_name')} />
-            </div>
-          </div>
-          <DialogFooter>
-            <Button className="cursor-pointer" variant="outline" onClick={() => sessionActions.stopEditing()}>
-              {t('buttons.cancel')}
-            </Button>
-            <Button
-              className="bg-primary text-primary-foreground hover:bg-primary/90 cursor-pointer"
-              onClick={onUpdateSession}
-              disabled={sessionState.isSaving || !sessionState.name.trim()}>
-              {sessionState.isSaving ? t('buttons.saving') : t('buttons.save_changes')}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-
-      {/* Delete Session Dialog */}
-      <Dialog open={sessionState.isDeleteDialogOpen} onOpenChange={sessionActions.setDeleteDialogOpen}>
-        <DialogContent className="sm:max-w-md z-[200]">
-          <DialogHeader>
-            <DialogTitle>{t('dialogs.delete_session')}</DialogTitle>
-          </DialogHeader>
-          <div className="space-y-4 py-4">
-            <p>{t('messages.delete_session_confirm')}</p>
-          </div>
-          <DialogFooter>
-            <Button
-              className="cursor-pointer"
-              variant="outline"
-              onClick={() => sessionActions.setDeleteDialogOpen(false)}>
-              {t('buttons.cancel')}
-            </Button>
-            <Button
-              className="bg-primary text-primary-foreground hover:bg-primary/90 cursor-pointer"
-              onClick={onDeleteSession}
-              disabled={sessionState.isDeleting}>
-              {sessionState.isDeleting ? t('buttons.deleting') : t('buttons.delete_session')}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-
-      {/* Edit Project Instructions Dialog */}
-      <Dialog
-        open={projectState.isEditingInstructions}
-        onOpenChange={open => open ? projectActions.startEditingInstructions() : projectActions.stopEditingInstructions()}>
-        <DialogContent className="sm:max-w-lg z-[200]">
-          <DialogHeader>
-            <DialogTitle>{t('dialogs.edit_instructions')}</DialogTitle>
-          </DialogHeader>
-          <div className="space-y-4 py-4">
-            <div className="space-y-2">
-              <label htmlFor="project-instructions" className="text-sm font-medium leading-none">
-                {t('sections.instructions')}
-              </label>
-              <Textarea
-                id="project-instructions"
-                value={projectState.instructions}
-                onChange={e => projectActions.setInstructions(e.target.value)}
-                placeholder={t('placeholders.add_instructions')}
-                className="min-h-30 resize-none"
-                rows={6} />
-              <p className="text-xs text-muted-foreground">{t('descriptions.instructions_help')}</p>
-            </div>
-          </div>
-          <DialogFooter>
-            <Button
-              className="cursor-pointer"
-              variant="outline"
-              onClick={() => projectActions.stopEditingInstructions()}>
-              {t('buttons.cancel')}
-            </Button>
-            <Button
-              className="bg-primary text-primary-foreground hover:bg-primary/90 cursor-pointer"
-              onClick={onUpdateProjectInstructions}
-              disabled={projectState.isSavingInstructions}>
-              {projectState.isSavingInstructions ? t('buttons.saving') : t('buttons.save_instructions')}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-    </>
-  );
-}