@docyrus/ui-pro-ai-assistant 0.4.9 → 0.5.1

package/dist/index.js

@@ -1,4 +1,4 @@
-import { createContext, memo, useMemo, useEffect, useState, useRef, useCallback, useLayoutEffect, use, startTransition, Fragment as Fragment$1, useSyncExternalStore, useId, useReducer, useImperativeHandle, Component } from 'react';
+import { createContext, memo, useState, useCallback, useMemo, useEffect, useRef, use, useLayoutEffect, startTransition, Fragment as Fragment$1, useSyncExternalStore, useId, useReducer, useImperativeHandle, Component } from 'react';
 import { useChat as useChat$1 } from '@ai-sdk/react';
 import { Button } from '@docyrus/ui-pro-shared/components/button';
 import { toast, Toaster } from 'sonner';
@@ -9,14 +9,14 @@ import { Input } from '@docyrus/ui-pro-shared/components/input';
 import { Tabs as Tabs$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, TabsContent as TabsContent$1 } from '@docyrus/ui-pro-shared/components/tabs';
 import { cn } from '@docyrus/ui-pro-shared/lib/utils';
 import { DefaultChatTransport, lastAssistantMessageIsCompleteWithToolCalls } from 'ai';
-import { PilcrowIcon, Heading1Icon, Heading2Icon, Heading3Icon, SquareIcon, ListIcon, ListOrderedIcon, ChevronDownIcon, Code2Icon, QuoteIcon, LightbulbIcon, Columns3Icon, GripVertical, FileUpIcon, TableIcon, ImageIcon, FilmIcon, AudioLinesIcon, TableOfContentsIcon, RadicalIcon, RectangleVerticalIcon, CalendarIcon, PlusIcon, FileCodeIcon, MinusIcon, ChevronRightIcon, ListTree, PenToolIcon, Link2Icon, Check, Copy, FilesIcon, Link, Text, ExternalLink, Unlink, Bold, Italic, Underline, Strikethrough, Code2, MoreHorizontal, ArrowLeftIcon, ArrowRightIcon, Minus, Plus, CircleArrowDown, Minimize2, Trash2, FileUp, CheckCircle2, FileText, Loader2, CornerDownLeftIcon, PencilLineIcon, MessageSquareTextIcon, MessagesSquareIcon, ArrowUpIcon, CheckIcon, CaptionsIcon, ZoomInIcon, CircleArrowDownIcon, MoveUpRightIcon, MoreHorizontalIcon, Eye, Pencil, PlusCircle, HelpCircle, Maximize2, X, Download, FileSpreadsheet, ChevronDown, ChevronLeft, ChevronRight, CheckCircle, XCircle, Search, Globe, FolderOpen, User, ArrowRight, MapPin, CalendarClock, List, RefreshCw, FilePlus, XIcon, CornerUpLeftIcon, AlbumIcon, FeatherIcon, ListMinusIcon, ListPlusIcon, ListEnd, Wand, LanguagesIcon, BadgeHelpIcon, PenLineIcon, SearchIcon, MusicIcon, CompassIcon, SmileIcon, LeafIcon, ClockIcon, AppleIcon, FlagIcon, StarIcon, DeleteIcon, AlignLeft, AlignCenter, AlignRight, RotateCcw, AlertTriangle, AlertCircle, ArrowUpDown, ArrowDownToLine, PenLine, PencilIcon, TrashIcon, FileIcon, Star, ChevronsUpDown, FolderIcon, MessageSquare, Hash, Table, CheckSquare, Calendar as Calendar$1, Clock, Phone, Mail, Send, RefreshCcw, Undo2, ChevronsUpDownIcon, ChevronsRight, ChevronsLeft, CalendarDays, RefreshCwIcon, PaintRoller, MessageSquareText, ArrowLeft, Users, Bot, Brain, Lightbulb, BookOpen, PenTool, SlidersHorizontal, Wand2, Mic, Code, Trash, Edit, Share, FolderInput, Archive, Building2, ShieldCheck, Sparkles, PanelLeft, NotebookText, CirclePlus, MoreVertical, FileSearch, Microscope, Ruler, AudioLines, BrainCircuit, File as File$1, Plug, Inbox, Menu, LayoutDashboard, Table2, WandSparklesIcon, ArrowUpToLineIcon, BoldIcon, ItalicIcon, UnderlineIcon, StrikethroughIcon, HighlighterIcon, Undo2Icon, Redo2Icon, ArrowDownToLineIcon, AlignLeftIcon, AlignCenterIcon, AlignRightIcon, AlignJustifyIcon, ListOrdered, ListTodoIcon, ListCollapseIcon, Grid3x3Icon, Combine, Ungroup, ArrowUp, ArrowDown, Trash2Icon, LinkIcon, WrapText, OutdentIcon, IndentIcon, EyeIcon, PenIcon } from 'lucide-react';
+import { Pencil, PilcrowIcon, Heading1Icon, Heading2Icon, Heading3Icon, SquareIcon, ListIcon, ListOrderedIcon, ChevronDownIcon, Code2Icon, QuoteIcon, LightbulbIcon, Columns3Icon, GripVertical, FileUpIcon, TableIcon, ImageIcon, FilmIcon, AudioLinesIcon, TableOfContentsIcon, RadicalIcon, RectangleVerticalIcon, CalendarIcon, PlusIcon, FileCodeIcon, MinusIcon, ChevronRightIcon, ListTree, PenToolIcon, Link2Icon, Check, X, Copy, FilesIcon, Link, Text, ExternalLink, Unlink, Bold, Italic, Underline, Strikethrough, Code2, MoreHorizontal, ArrowLeftIcon, ArrowRightIcon, Minus, Plus, CircleArrowDown, Minimize2, Trash2, FileUp, CheckCircle2, FileText, Loader2, CornerDownLeftIcon, PencilLineIcon, MessageSquareTextIcon, MessagesSquareIcon, ArrowUpIcon, CheckIcon, CaptionsIcon, ZoomInIcon, CircleArrowDownIcon, MoveUpRightIcon, MoreHorizontalIcon, Eye, PlusCircle, HelpCircle, Maximize2, Download, FileSpreadsheet, ChevronDown, ChevronLeft, ChevronRight, CheckCircle, XCircle, Search, Globe, FolderOpen, User, ArrowRight, MapPin, CalendarClock, List, RefreshCw, FilePlus, XIcon, CornerUpLeftIcon, AlbumIcon, FeatherIcon, ListMinusIcon, ListPlusIcon, ListEnd, Wand, LanguagesIcon, BadgeHelpIcon, PenLineIcon, SearchIcon, MusicIcon, CompassIcon, SmileIcon, LeafIcon, ClockIcon, AppleIcon, FlagIcon, StarIcon, DeleteIcon, AlignLeft, AlignCenter, AlignRight, RotateCcw, AlertTriangle, AlertCircle, ArrowUpDown, ArrowDownToLine, PenLine, PencilIcon, TrashIcon, FileIcon, Star, ChevronsUpDown, FolderIcon, MessageSquare, Hash, Table, CheckSquare, Calendar as Calendar$1, Clock, Phone, Mail, Send, RefreshCcw, Undo2, ChevronsUpDownIcon, ChevronsRight, ChevronsLeft, CalendarDays, RefreshCwIcon, PaintRoller, MessageSquareText, ArrowLeft, Users, Bot, Brain, Lightbulb, BookOpen, PenTool, SlidersHorizontal, Wand2, Mic, Code, Trash, Edit, Share, FolderInput, Archive, Building2, ShieldCheck, Sparkles, PanelLeft, NotebookText, CirclePlus, MoreVertical, FileSearch, Microscope, Ruler, AudioLines, BrainCircuit, File as File$1, Plug, Inbox, Menu, LayoutDashboard, Table2, WandSparklesIcon, ArrowUpToLineIcon, BoldIcon, ItalicIcon, UnderlineIcon, StrikethroughIcon, HighlighterIcon, Undo2Icon, Redo2Icon, ArrowDownToLineIcon, AlignLeftIcon, AlignCenterIcon, AlignRightIcon, AlignJustifyIcon, ListOrdered, ListTodoIcon, ListCollapseIcon, Grid3x3Icon, Combine, Ungroup, ArrowUp, ArrowDown, Trash2Icon, LinkIcon, WrapText, OutdentIcon, IndentIcon, EyeIcon, PenIcon } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ScrollArea as ScrollArea$1 } from '@docyrus/ui-pro-shared/components/scroll-area';
 import { AsyncTokenManager, RestApiClient } from '@docyrus/api-client';
 import { TooltipProvider as TooltipProvider$1, Tooltip as Tooltip$2, TooltipTrigger as TooltipTrigger$1, TooltipContent as TooltipContent$1 } from '@docyrus/ui-pro-shared/components/tooltip';
 import { createPortal } from 'react-dom';
 import { Avatar as Avatar$1, AvatarImage as AvatarImage$1, AvatarFallback as AvatarFallback$1 } from '@docyrus/ui-pro-shared/components/avatar';
-import { Message, AIMessageAvatar, MessageContent, MessageActions, AIConversation, AIConversationContent, MessageResponse, AIConversationScrollButton, MessageAction, Tool, ToolHeader, ToolContent, ToolInput, ToolOutput, CodeBlock, CodeBlockCopyButton, resolveToolIcon, PromptInputButton, PromptInput, PromptInputTextarea, PromptInputFooter, PromptInputTools, PromptInputSubmit, usePromptInputAttachments } from '@docyrus/ui-pro-shared/ai';
+import { Message, AIMessageAvatar, MessageContent, MessageActions, MessageAction, AIConversation, AIConversationContent, MessageResponse, AIConversationScrollButton, Tool, ToolHeader, ToolContent, ToolInput, ToolOutput, CodeBlock, CodeBlockCopyButton, resolveToolIcon, PromptInputButton, PromptInput, PromptInputTextarea, PromptInputFooter, PromptInputTools, PromptInputSubmit, usePromptInputAttachments } from '@docyrus/ui-pro-shared/ai';
 import { Spinner } from '@docyrus/ui-pro-shared/components/spinner';
 import { Badge as Badge$1 } from '@docyrus/ui-pro-shared/components/badge';
 import { DotLottieReact } from '@lottiefiles/dotlottie-react';
@@ -496,7 +496,10 @@ var de_default = {
     start_recording: "Aufnahme starten",
     stop_recording: "Aufnahme stoppen",
     optimize_prompt: "Eingabe optimieren",
-    retry: "Erneut versuchen"
+    retry: "Erneut versuchen",
+    save_changes: "\xC4nderungen speichern",
+    cancel: "Abbrechen",
+    edit_prompt: "Eingabe bearbeiten"
   },
   actions: {
     approve: "Genehmigen",
@@ -725,7 +728,10 @@ var el_default = {
     start_recording: "\u0388\u03BD\u03B1\u03C1\u03BE\u03B7 \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AE\u03C2",
     stop_recording: "\u0394\u03B9\u03B1\u03BA\u03BF\u03C0\u03AE \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AE\u03C2",
     optimize_prompt: "\u0392\u03B5\u03BB\u03C4\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B5\u03BD\u03C4\u03BF\u03BB\u03AE\u03C2",
-    retry: "\u0395\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7"
+    retry: "\u0395\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7",
+    save_changes: "\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7 \u03B1\u03BB\u03BB\u03B1\u03B3\u03CE\u03BD",
+    cancel: "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7",
+    edit_prompt: "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1 \u03B5\u03BD\u03C4\u03BF\u03BB\u03AE\u03C2"
   },
   actions: {
     approve: "\u0388\u03B3\u03BA\u03C1\u03B9\u03C3\u03B7",
@@ -955,7 +961,10 @@ var en_default = {
     start_recording: "Start Recording",
     stop_recording: "Stop Recording",
     optimize_prompt: "Optimize Prompt",
-    retry: "Retry"
+    retry: "Retry",
+    save_changes: "Save Changes",
+    cancel: "Cancel",
+    edit_prompt: "Edit Prompt"
   },
   actions: {
     approve: "Approve",
@@ -1211,7 +1220,10 @@ var es_default = {
     start_recording: "Iniciar grabaci\xF3n",
     stop_recording: "Detener grabaci\xF3n",
     optimize_prompt: "Optimizar instrucci\xF3n",
-    retry: "Reintentar"
+    retry: "Reintentar",
+    save_changes: "Guardar cambios",
+    cancel: "Cancelar",
+    edit_prompt: "Editar instrucci\xF3n"
   },
   actions: {
     approve: "Aprobar",
@@ -1440,7 +1452,10 @@ var fr_default = {
     start_recording: "D\xE9marrer l'enregistrement",
     stop_recording: "Arr\xEAter l'enregistrement",
     optimize_prompt: "Optimiser l'instruction",
-    retry: "R\xE9essayer"
+    retry: "R\xE9essayer",
+    save_changes: "Enregistrer les modifications",
+    cancel: "Annuler",
+    edit_prompt: "Modifier l'instruction"
   },
   actions: {
     approve: "Approuver",
@@ -1669,7 +1684,10 @@ var it_default = {
     start_recording: "Avvia registrazione",
     stop_recording: "Interrompi registrazione",
     optimize_prompt: "Ottimizza prompt",
-    retry: "Riprova"
+    retry: "Riprova",
+    save_changes: "Salva modifiche",
+    cancel: "Annulla",
+    edit_prompt: "Modifica prompt"
   },
   actions: {
     approve: "Approva",
@@ -1898,7 +1916,10 @@ var pt_default = {
     start_recording: "Iniciar grava\xE7\xE3o",
     stop_recording: "Parar grava\xE7\xE3o",
     optimize_prompt: "Otimizar instru\xE7\xE3o",
-    retry: "Tentar novamente"
+    retry: "Tentar novamente",
+    save_changes: "Salvar altera\xE7\xF5es",
+    cancel: "Cancelar",
+    edit_prompt: "Editar instru\xE7\xE3o"
   },
   actions: {
     approve: "Aprovar",
@@ -2127,7 +2148,10 @@ var sl_default = {
     start_recording: "Za\u010Dni snemanje",
     stop_recording: "Ustavi snemanje",
     optimize_prompt: "Optimiziraj ukaz",
-    retry: "Poskusi znova"
+    retry: "Poskusi znova",
+    save_changes: "Shrani spremembe",
+    cancel: "Prekli\u010Di",
+    edit_prompt: "Uredi ukaz"
   },
   actions: {
     approve: "Odobri",
@@ -2357,7 +2381,10 @@ var tr_default = {
     start_recording: "Kayda Ba\u015Fla",
     stop_recording: "Kayd\u0131 Durdur",
     optimize_prompt: "Komutu Optimize Et",
-    retry: "Tekrar Dene"
+    retry: "Tekrar Dene",
+    save_changes: "De\u011Fi\u015Fiklikleri Kaydet",
+    cancel: "\u0130ptal",
+    edit_prompt: "Komutu D\xFCzenle"
   },
   actions: {
     approve: "Onayla",
@@ -2880,7 +2907,7 @@ function processMessagesData(rawData) {
         }
       }
       return {
-        id: messageData.id || `msg-${index}`,
+        id: messageData.message_id || messageData.id || `msg-${index}`,
         role,
         content,
         // Add content field for easy access
@@ -3054,8 +3081,10 @@ async function fetchWorks(apiClient, onSuccess, tenantAiAgentId, userId) {
 async function loadThreadMessages(apiClient, threadId, setMessages) {
   try {
     const response = await apiClient.get("/apps/base/data-sources/message/items", {
-      columns: "body_json,created_on,record_owner,role",
-      filters: JSON.stringify({ rules: [{ field: "thread", operator: "=", value: threadId }] }),
+      columns: "message_id,body_json,created_on,record_owner,role",
+      filters: JSON.stringify({
+        rules: [{ field: "thread", operator: "=", value: threadId }, { field: "archived", operator: "=", value: false }]
+      }),
       sort: JSON.stringify([{ field: "created_on", direction: "asc" }])
     });
     if (response.success && response.data) {
@@ -14288,6 +14317,7 @@ function CopyButton({ text }) {
 }
 var MessageItem = memo(({
   message,
+  messageIndex,
   isStreaming,
   logo,
   userPhoto,
@@ -14297,9 +14327,33 @@ var MessageItem = memo(({
   onToolAction,
   openCanvasView,
   onForwardToAgent,
-  onUseWorkResult
+  onUseWorkResult,
+  onEditPrompt
 }) => {
+  const { t } = useAssistantTranslation();
   const isAssistantMessage = message.role === "assistant";
+  const isUserMessage = message.role === "user";
+  const [isEditing, setIsEditing] = useState(false);
+  const [editingContent, setEditingContent] = useState("");
+  const startEditing = useCallback(() => {
+    const textPart = (message.parts || []).find((p) => p.type === "text");
+    setEditingContent(textPart?.text || message.content || "");
+    setIsEditing(true);
+  }, [message]);
+  const cancelEditing = useCallback(() => {
+    setIsEditing(false);
+    setEditingContent("");
+  }, []);
+  const saveEditing = useCallback(() => {
+    setIsEditing(false);
+    onEditPrompt?.(messageIndex, editingContent);
+  }, [editingContent, messageIndex, onEditPrompt]);
+  const handleTextareaKeyDown = useCallback((e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      saveEditing();
+    }
+  }, [saveEditing]);
   const textContent = useMemo(() => {
     return (message.parts || []).filter((p) => p.type === "text").map((p) => p.text || "").join("\n").trim();
   }, [message.parts]);
@@ -14347,6 +14401,37 @@ var MessageItem = memo(({
     ] }, `${messageId}-tool-${idx}`);
   };
   const renderMessageContent = () => {
+    if (isEditing && isUserMessage) {
+      return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            autoFocus: true,
+            value: editingContent,
+            onChange: (e) => setEditingContent(e.target.value),
+            onKeyDown: handleTextareaKeyDown,
+            className: "min-h-32 resize-none bg-white dark:bg-background"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+          /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", onClick: saveEditing, children: [
+            /* @__PURE__ */ jsx(Check, {}),
+            t("common.save_changes")
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "icon-sm",
+              variant: "destructive",
+              "aria-label": t("common.cancel"),
+              onClick: cancelEditing,
+              children: /* @__PURE__ */ jsx(X, {})
+            }
+          )
+        ] })
+      ] });
+    }
     const parts = message.parts || [];
     const hasParts = Array.isArray(parts) && parts.length > 0;
     if (!hasParts) return message.content || "";
@@ -14405,9 +14490,25 @@ var MessageItem = memo(({
       ),
       isStreaming && isAssistantMessage && /* @__PURE__ */ jsx(AssistantAnimations, { animationType: "working", agentId, className: "absolute -top-1 -left-1 w-14 h-14" })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 max-w-full items-center", children: [
-      /* @__PURE__ */ jsx(MessageContent, { className: "group-[.is-user]:p-2 group-[.is-user]:mt-0.5", children: renderMessageContent() }),
-      isAssistantMessage && !isStreaming && textContent && /* @__PURE__ */ jsx(MessageActions, { className: "mt-1 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsx(CopyButton, { text: textContent }) })
+    /* @__PURE__ */ jsxs("div", { className: cn(
+      "flex min-w-0 items-center",
+      isEditing && isUserMessage ? "w-full flex-1" : "max-w-full",
+      isUserMessage && "flex-row-reverse"
+    ), children: [
+      /* @__PURE__ */ jsx(MessageContent, { className: cn(
+        "group-[.is-user]:p-2 group-[.is-user]:mt-0.5",
+        isEditing && isUserMessage && "flex-1 w-full max-w-full"
+      ), children: renderMessageContent() }),
+      isAssistantMessage && !isStreaming && textContent && /* @__PURE__ */ jsx(MessageActions, { className: "mt-1 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsx(CopyButton, { text: textContent }) }),
+      isUserMessage && !isEditing && /* @__PURE__ */ jsx(MessageActions, { className: "mt-1 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsx(
+        MessageAction,
+        {
+          tooltip: t("common.edit_prompt"),
+          onClick: startEditing,
+          className: "h-7 w-7 text-muted-foreground hover:text-foreground",
+          children: /* @__PURE__ */ jsx(Pencil, { className: "w-3.5 h-3.5" })
+        }
+      ) })
     ] })
   ] }) }, message.id);
 });
@@ -14427,7 +14528,8 @@ var MessageList = memo(({
   onToolAction,
   openCanvasView,
   onForwardToAgent,
-  onUseWorkResult
+  onUseWorkResult,
+  onEditPrompt
 }) => {
   const lastMsgIdx = messages.length - 1;
   return /* @__PURE__ */ jsx(AIConversation, { className: cn("flex-1", className), children: /* @__PURE__ */ jsxs(AIConversationContent, { className: "p-4 h-full", children: [
@@ -14443,6 +14545,7 @@ var MessageList = memo(({
           MessageItem,
           {
             message,
+            messageIndex: msgIdx,
             isStreaming,
             logo,
             userPhoto,
@@ -14452,7 +14555,8 @@ var MessageList = memo(({
             onToolAction,
             openCanvasView,
             onForwardToAgent,
-            onUseWorkResult
+            onUseWorkResult,
+            onEditPrompt
           },
           message.id
         );
@@ -14501,6 +14605,7 @@ function ChatPanel({
   onToolAction,
   openCanvasView,
   onSendSpreadsheetCommands: _onSendSpreadsheetCommands,
+  onEditPrompt,
   renderThreadHeader,
   messagesClassName,
   compactToolbar,
@@ -14604,6 +14709,7 @@ function ChatPanel({
         agentId: tenantAiAgentId,
         onToolAction,
         openCanvasView,
+        onEditPrompt,
         className: messagesClassName
       }
     ),
@@ -17531,7 +17637,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button29 = withTooltip(({
+var Button30 = withTooltip(({
   active,
   asChild = false,
   children,
@@ -18139,7 +18245,7 @@ function AIMenu() {
               }
             ),
             /* @__PURE__ */ jsx(
-              Button29,
+              Button30,
               {
                 className: "no-focus-ring mt-1 shrink-0",
                 disabled: !isLoading && input.trim().length === 0,
@@ -19013,7 +19119,7 @@ function Comment(props) {
           ] }),
           isMyComment && (hovering || dropdownOpen) && /* @__PURE__ */ jsxs("div", { className: "absolute top-0 right-0 flex space-x-1", children: [
             index === 0 && /* @__PURE__ */ jsx(
-              Button29,
+              Button30,
               {
                 className: "h-6 p-1 text-muted-foreground",
                 onClick: onResolveComment,
@@ -19062,7 +19168,7 @@ function Comment(props) {
             ),
             isEditing && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 gap-1", children: [
               /* @__PURE__ */ jsx(
-                Button29,
+                Button30,
                 {
                   className: "size-[28px]",
                   onClick: (e) => {
@@ -19075,7 +19181,7 @@ function Comment(props) {
                 }
               ),
               /* @__PURE__ */ jsx(
-                Button29,
+                Button30,
                 {
                   onClick: (e) => {
                     e.stopPropagation();
@@ -19143,7 +19249,7 @@ function CommentMoreDropdown(props) {
       onOpenChange: setDropdownOpen,
       open: dropdownOpen,
       children: [
-        /* @__PURE__ */ jsx(DropdownMenuTrigger3, { asChild: true, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(Button29, { className: cn("h-6 p-1 text-muted-foreground"), variant: "ghost", children: /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx(DropdownMenuTrigger3, { asChild: true, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(Button30, { className: cn("h-6 p-1 text-muted-foreground"), variant: "ghost", children: /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" }) }) }),
         /* @__PURE__ */ jsx(
           DropdownMenuContent3,
           {
@@ -19315,7 +19421,7 @@ function CommentCreateForm({
             }
           ),
           /* @__PURE__ */ jsx(
-            Button29,
+            Button30,
             {
               className: "absolute right-0 bottom-0 ml-auto shrink-0",
               disabled: commentContent.trim().length === 0,
@@ -19649,7 +19755,7 @@ function BlockSuggestionCard({
           )),
           hovering && /* @__PURE__ */ jsxs("div", { className: "absolute top-4 right-4 flex gap-2", children: [
             /* @__PURE__ */ jsx(
-              Button29,
+              Button30,
               {
                 variant: "ghost",
                 className: "size-6 p-1 text-muted-foreground",
@@ -19658,7 +19764,7 @@ function BlockSuggestionCard({
               }
             ),
             /* @__PURE__ */ jsx(
-              Button29,
+              Button30,
               {
                 variant: "ghost",
                 className: "size-6 p-1 text-muted-foreground",
@@ -20128,7 +20234,7 @@ var BlockCommentsContent = ({
           }
         ),
         totalCount > 0 && /* @__PURE__ */ jsx("div", { className: "relative left-0 size-0 select-none", children: /* @__PURE__ */ jsx(PopoverTrigger11, { asChild: true, children: /* @__PURE__ */ jsxs(
-          Button29,
+          Button30,
           {
             className: "mt-1 ml-1 flex h-6 gap-1 px-1.5 py-0 text-muted-foreground/80 hover:text-muted-foreground/80 data-[active=true]:bg-muted",
             contentEditable: false,
@@ -22044,7 +22150,7 @@ function BlockActionButton({
   const editor = useEditorRef();
   const element = useElement();
   return /* @__PURE__ */ jsx(
-    Button29,
+    Button30,
     {
       className: cn(
         defaultStyles && "absolute top-1 right-1 opacity-0 transition-opacity group-hover:opacity-100",
@@ -22383,7 +22489,7 @@ function EmojiPickerSearchAndClear({
       }
     ),
     searchValue && /* @__PURE__ */ jsx(
-      Button29,
+      Button30,
       {
         "aria-label": "Clear",
         className: cn(
@@ -22472,7 +22578,7 @@ function EmojiPickerNavigation({
       id: "emoji-nav",
       children: /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
         emojiLibrary.getGrid().sections().map(({ id }) => /* @__PURE__ */ jsx(
-          Button29,
+          Button30,
           {
             "aria-label": i18n.categories[id],
             className: cn(
@@ -22634,7 +22740,7 @@ function CalloutElement(props) {
           {
             ...emojiToolbarDropdownProps,
             control: /* @__PURE__ */ jsx(
-              Button29,
+              Button30,
               {
                 className: "size-6 select-none p-1 text-[18px] hover:bg-muted-foreground/15",
                 contentEditable: false,
@@ -22873,7 +22979,7 @@ function CodeBlockElement(props) {
             contentEditable: false,
             children: [
               /* @__PURE__ */ jsxs(
-                Button29,
+                Button30,
                 {
                   className: "relative top-0 right-0 w-auto",
                   onClick: () => {
@@ -22918,7 +23024,7 @@ function CodeBlockCombobox({ className }) {
   if (readOnly) return null;
   return /* @__PURE__ */ jsxs(Popover11, { onOpenChange: setOpen, open, children: [
     /* @__PURE__ */ jsx(PopoverTrigger11, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button29,
+      Button30,
       {
         "aria-expanded": open,
         className: cn(
@@ -23279,7 +23385,7 @@ function Draggable(props) {
                 ),
                 children: [
                   /* @__PURE__ */ jsx(
-                    Button29,
+                    Button30,
                     {
                       className: "absolute right-0 h-6 w-6 p-0",
                       "data-plate-prevent-deselect": true,
@@ -23466,7 +23572,7 @@ var DraggableInsertHandle = () => {
   const editor = useEditorRef();
   const element = useElement();
   return /* @__PURE__ */ jsx(
-    Button29,
+    Button30,
     {
       className: "size-6 shrink-0 p-1",
       onClick: (event) => {
@@ -24697,7 +24803,7 @@ function EquationPopoverContent({
             ...props
           }
         ),
-        /* @__PURE__ */ jsxs(Button29, { className: "px-3", onClick: onClose, variant: "brand", children: [
+        /* @__PURE__ */ jsxs(Button30, { className: "px-3", onClick: onClose, variant: "brand", children: [
           "Done ",
           /* @__PURE__ */ jsx(CornerDownLeftIcon, { className: "size-3.5" })
         ] })
@@ -25575,7 +25681,7 @@ function MediaPlaceholderPopover({ children }) {
             /* @__PURE__ */ jsx(TabsTrigger, { value: "password", children: "Embed link" })
           ] }),
           /* @__PURE__ */ jsxs(TabsContent, { className: "w-[300px] px-3 py-2", value: "account", children: [
-            /* @__PURE__ */ jsx(Button29, { className: "w-full", onClick: openFilePicker, variant: "brand", children: currentMedia.buttonText }),
+            /* @__PURE__ */ jsx(Button30, { className: "w-full", onClick: openFilePicker, variant: "brand", children: currentMedia.buttonText }),
             /* @__PURE__ */ jsx("div", { className: "mt-3 text-muted-foreground text-xs", children: "The maximum size per file is 5MB" })
           ] }),
           /* @__PURE__ */ jsxs(
@@ -25593,7 +25699,7 @@ function MediaPlaceholderPopover({ children }) {
                   }
                 ),
                 /* @__PURE__ */ jsx(
-                  Button29,
+                  Button30,
                   {
                     className: "mt-2 w-full max-w-[300px]",
                     onClick: () => onEmbed(embedValue),
@@ -25713,12 +25819,12 @@ function ImagePreview() {
             onClick: (e) => e.stopPropagation(),
             children: [
               !prevDisabled && !nextDisabled && /* @__PURE__ */ jsxs("div", { className: "flex rounded-sm bg-black/70", children: [
-                /* @__PURE__ */ jsx(Button29, { ...prevProps, disabled: prevDisabled, children: /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-5" }) }),
-                /* @__PURE__ */ jsx(Button29, { ...nextProps, disabled: nextDisabled, children: /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-5" }) })
+                /* @__PURE__ */ jsx(Button30, { ...prevProps, disabled: prevDisabled, children: /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-5" }) }),
+                /* @__PURE__ */ jsx(Button30, { ...nextProps, disabled: nextDisabled, children: /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-5" }) })
               ] }),
               currentPreview && /* @__PURE__ */ jsxs("div", { className: "flex rounded-sm bg-black/70", children: [
                 /* @__PURE__ */ jsx(
-                  Button29,
+                  Button30,
                   {
                     ...zommOutProps,
                     disabled: zoomOutDisabled,
@@ -25731,7 +25837,7 @@ function ImagePreview() {
                   /* @__PURE__ */ jsx("div", { children: "%" })
                 ] }),
                 /* @__PURE__ */ jsx(
-                  Button29,
+                  Button30,
                   {
                     ...zoomInProps,
                     disabled: zoomInDisabled,
@@ -25740,7 +25846,7 @@ function ImagePreview() {
                   }
                 ),
                 /* @__PURE__ */ jsx(
-                  Button29,
+                  Button30,
                   {
                     onClick: () => {
                       void downloadFile(currentPreview.url, currentPreview.id);
@@ -25749,7 +25855,7 @@ function ImagePreview() {
                     children: /* @__PURE__ */ jsx(CircleArrowDown, { className: "size-4" })
                   }
                 ),
-                /* @__PURE__ */ jsx(Button29, { ...closeProps, tooltip: "Close", children: /* @__PURE__ */ jsx(Minimize2, { className: "size-4" }) })
+                /* @__PURE__ */ jsx(Button30, { ...closeProps, tooltip: "Close", children: /* @__PURE__ */ jsx(Minimize2, { className: "size-4" }) })
               ] })
             ]
           }
@@ -26389,7 +26495,7 @@ var TableElement = withHOC(
                   "group-has-[tr:last-child:hover]/table:opacity-100 max-sm:group-has-[tr[data-selected]:last-child]/table:opacity-100"
                 ),
                 children: /* @__PURE__ */ jsx(
-                  Button29,
+                  Button30,
                   {
                     className: "flex h-4 w-full grow items-center justify-center bg-muted",
                     onClick: () => tf.insert.tableRow({ at: editor.api.findPath(element) }),
@@ -26411,7 +26517,7 @@ var TableElement = withHOC(
                   "group-has-[td:last-child:hover,th:last-child:hover]/table:opacity-100 max-sm:group-has-[td[data-selected]:last-child,th[data-selected]:last-child]/table:opacity-100"
                 ),
                 children: /* @__PURE__ */ jsx(
-                  Button29,
+                  Button30,
                   {
                     className: "flex h-full w-4 grow items-center justify-center bg-muted",
                     onClick: () => tf.insert.tableColumn({
@@ -26435,7 +26541,7 @@ var TableElement = withHOC(
                   "group-has-[td:last-child:hover,th:last-child:hover]/table:group-has-[tr:last-child:hover]/table:opacity-100 max-sm:group-has-[td[data-selected]:last-child,th[data-selected]:last-child]/table:group-has-[tr[data-selected]:last-child]/table:opacity-100"
                 ),
                 children: /* @__PURE__ */ jsx(
-                  Button29,
+                  Button30,
                   {
                     className: "flex size-4 items-center justify-center rounded-full bg-muted",
                     onClick: () => {
@@ -26641,7 +26747,7 @@ function TocElement(props) {
   const { headingList } = state;
   return /* @__PURE__ */ jsxs(PlateElement, { ...props, className: "my-1", children: [
     /* @__PURE__ */ jsx("div", { contentEditable: false, children: headingList.length > 0 ? headingList.map((item) => /* @__PURE__ */ jsx(
-      Button29,
+      Button30,
       {
         "aria-current": true,
         className: headingItemVariants({ depth: item.depth }),
@@ -27743,7 +27849,7 @@ function TocElementStatic(props) {
   const headingList = getHeadingList(editor);
   return /* @__PURE__ */ jsxs(SlateElement, { ...props, className: "mb-1 p-0", children: [
     /* @__PURE__ */ jsx("div", { children: headingList.length > 0 ? headingList.map((item) => /* @__PURE__ */ jsx(
-      Button29,
+      Button30,
       {
         className: headingItemVariants2({ depth: item.depth }),
         variant: "ghost",
@@ -29690,6 +29796,7 @@ var AssistantView = ({ ref, ...props }) => {
         onMicrophoneClick: commonProps2.onMicrophoneClick,
         onToolAction: commonProps2.onToolAction,
         openCanvasView: handleOpenCanvasView,
+        onEditPrompt: commonProps2.onEditPrompt,
         showWelcome: commonProps2.showWelcome,
         recentSessions: commonProps2.recentSessions,
         onSessionClick: commonProps2.onSessionClick,
@@ -30147,6 +30254,7 @@ var AssistantView = ({ ref, ...props }) => {
                   onMicrophoneClick: commonProps.onMicrophoneClick,
                   onToolAction: commonProps.onToolAction,
                   openCanvasView: handleOpenCanvasViewInline,
+                  onEditPrompt: commonProps.onEditPrompt,
                   renderThreadHeader,
                   showWelcome: commonProps.showWelcome,
                   recentSessions: commonProps.recentSessions,
@@ -30659,7 +30767,7 @@ var AssistantProjectDetailView = ({
         showToolbar: true
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxs(Tabs$1, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "mt-8", children: /* @__PURE__ */ jsxs(Tabs$1, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [
       /* @__PURE__ */ jsxs(TabsList$1, { className: "grid w-full grid-cols-3", children: [
         /* @__PURE__ */ jsx(TabsTrigger$1, { value: "sessions", children: t("tabs.sessions") }),
         /* @__PURE__ */ jsx(TabsTrigger$1, { value: "works", children: t("tabs.works") }),
@@ -30794,6 +30902,7 @@ var AssistantProjectsPanel = ({
   onEditProject,
   onDeleteProject,
   compact = false,
+  sidebarOffset = false,
   t
 }) => {
   const filtered = projects.filter((p) => {
@@ -30801,10 +30910,10 @@ var AssistantProjectsPanel = ({
     const q = searchQuery.toLowerCase();
     return p.name.toLowerCase().includes(q) || p.description && p.description.toLowerCase().includes(q);
   });
-  return /* @__PURE__ */ jsxs("div", { className: `flex-1 flex flex-col overflow-y-auto ${compact ? "p-3" : "p-6"}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-between ${compact ? "mb-3" : "mb-6"}`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-y-auto p-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between mb-6", sidebarOffset && "ml-6"), children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
-        /* @__PURE__ */ jsx("h1", { className: `font-semibold ps-2 truncate ${compact ? "text-base" : "text-2xl"}`, children: t("sections.projects") }),
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold ps-2 truncate", children: t("sections.projects") }),
         !compact && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground ps-2", children: t("descriptions.manage_projects") })
       ] }),
       /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: onNewProject, className: "shrink-0", children: [
@@ -30812,7 +30921,7 @@ var AssistantProjectsPanel = ({
         !compact && t("buttons.new_project")
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: `flex items-center gap-4 ${compact ? "mb-3" : "mb-6"}`, children: /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 mb-6", children: /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
       /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground w-4 h-4" }),
       /* @__PURE__ */ jsx(
         Input,
@@ -31039,11 +31148,13 @@ var SidebarContent = ({
   onShowMoreProjects,
   onNewProject,
   onToggleSidebar,
+  supportWorkCanvas = true,
   t
 }) => {
-  const [activeListType, setActiveListType] = useState("sessions");
+  const [storedListType, setActiveListType] = useState("sessions");
+  const activeListType = !supportWorkCanvas && storedListType === "works" ? "sessions" : storedListType;
   const [openMenuId, setOpenMenuId] = useState(null);
-  const navItems = [{ id: 1, label: t("tabs.sessions"), icon: MessageSquare }, { id: 3, label: t("tabs.works"), icon: NotebookText }];
+  const navItems = [{ id: 1, label: t("tabs.sessions"), icon: MessageSquare }, ...supportWorkCanvas ? [{ id: 3, label: t("tabs.works"), icon: NotebookText }] : []];
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-px", children: [
       /* @__PURE__ */ jsx(
@@ -31115,7 +31226,7 @@ var SidebarContent = ({
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col mt-4 flex-1 min-h-0", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start px-2 py-1.5 shrink-0", children: [
           /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase tracking-tight text-muted-foreground", children: t("sections.recents") }),
-          /* @__PURE__ */ jsxs(DropdownMenu$1, { children: [
+          supportWorkCanvas ? /* @__PURE__ */ jsxs(DropdownMenu$1, { children: [
             /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
               Button,
               {
@@ -31158,7 +31269,7 @@ var SidebarContent = ({
                 }
               )
             ] })
-          ] })
+          ] }) : /* @__PURE__ */ jsx("span", { className: "ml-1 px-1 py-0 text-xs font-semibold uppercase tracking-tight text-muted-foreground", children: `${t("tabs.sessions")} (${sessions.length})` })
         ] }),
         /* @__PURE__ */ jsx(
           "div",
@@ -31507,6 +31618,9 @@ var DocyAssistant = ({
   };
   const [activeAgentId, setActiveAgentId] = useState(resolveInitialAgentId);
   const [deploymentId, setDeploymentId] = useState(resolveInitialDeploymentId);
+  const isBaseAgent = !deploymentId && !!tenantAiAgentId;
+  const { capabilities: agentCapabilities } = useDeploymentData(deploymentId || activeAgentId, supportMultiModels, isBaseAgent);
+  const effectiveSupportWorkCanvas = agentCapabilities ? agentCapabilities.supportWorkCanvas : supportWorkCanvas;
   const title = titleProp || "DocyAssistant";
   const description = descriptionProp || t("descriptions.default");
   const placeholder = placeholderProp || t("placeholders.type_message");
@@ -31896,6 +32010,24 @@ var DocyAssistant = ({
   const handleInputChange = useCallback((e) => {
     setInput(e.target.value);
   }, []);
+  const handleEditPrompt = useCallback(async (messageIndex, newText) => {
+    const targetMessage = messages[messageIndex];
+    const threadId = selectedSessionIdRef.current;
+    if (threadId && targetMessage?.id) {
+      const res = await apiClient.post(`ai/regenerate/${threadId}/${targetMessage.id}`);
+      const desc = `${res.error_description || ""} ${res.error || ""}`;
+      if (!res.success && !/not found/i.test(desc)) {
+        console.warn("Regenerate archive call failed:", res);
+      }
+    }
+    setMessages((prev) => prev.slice(0, messageIndex));
+    await sendMessage({ text: newText });
+  }, [
+    messages,
+    apiClient,
+    setMessages,
+    sendMessage
+  ]);
   const handleProjectMessage = async (e) => {
     e?.preventDefault();
     if (!input.trim() || !projectState.selectedProject) return;
@@ -32025,6 +32157,7 @@ var DocyAssistant = ({
         projectActions.setView("create");
       },
       onToggleSidebar: isFloating && !uiState.isExpanded ? () => uiActions.setSidebarOpen(false) : void 0,
+      supportWorkCanvas: effectiveSupportWorkCanvas,
       t
     }
   );
@@ -32039,6 +32172,7 @@ var DocyAssistant = ({
       input,
       onInputChange: handleInputChange,
       onSendMessage: handleSendMessage,
+      onEditPrompt: handleEditPrompt,
       onStop: stop,
       title: isLoadingAgentDetails ? "" : agentDetails?.name ?? title,
       description,
@@ -32312,6 +32446,7 @@ var DocyAssistant = ({
             projectActions.setDeleteDialogOpen(true);
           },
           compact: enableNavDropdown,
+          sidebarOffset: !uiState.isSidebarOpen && enableSidebar,
           t
         }
       ),