u

src/components/chat/ChatDrawer.jsx

@@ -38,6 +38,7 @@ import { ACCEPT_STRING, readFileAttachment } from './chatAttachments';
 import { ChatStagedAttachmentsTray } from './ChatAttachmentItems';
 import {
   BLUE_GLOW,
+  DIALOG_FOG,
   SHADOW_DRAWER,
 } from '../../colors';
 
@@ -69,7 +70,7 @@ export default class ChatDrawer extends PureComponent {
       sseStatus: s.sseStatus,
       sendError: s.sendError,
       activeTurns: s.activeTurns || [],
-      inputText: '',
+      inputText: s.pendingInput != null ? s.pendingInput : '',
       isInputFocused: false,
       stagedAttachments: [],
       stagedReferences: [],
@@ -95,18 +96,39 @@ export default class ChatDrawer extends PureComponent {
     }, delay);
   };
 
+  focusInputAtEnd = (delay = 50) => {
+    if (this.focusTimeout) clearTimeout(this.focusTimeout);
+    this.focusTimeout = setTimeout(() => {
+      const el = this.inputRef.current;
+      if (!el) return;
+      el.focus?.();
+      if (typeof el.setSelectionRange === 'function' && el.value) {
+        const len = el.value.length;
+        el.setSelectionRange(len, len);
+      }
+    }, delay);
+  };
+
   componentDidMount() {
     if (this.state.isOpen) {
-      this.focusInput(150);
+      if (chatAutomat.state.pendingInput != null) {
+        this.focusInputAtEnd(150);
+      } else {
+        this.focusInput(150);
+      }
     }
     void this.loadModelSettings();
+    if (chatAutomat.state.pendingInput != null) {
+      queueMicrotask(() => {
+        if (chatAutomat.state.pendingInput != null) {
+          chatAutomat.setState({ pendingInput: null });
+        }
+      });
+    }
     this.unsub = chatAutomat.subscribe(this, (state) => {
       const wasOpen = this.state.isOpen;
       const willOpen = state.isOpen;
-      if (!wasOpen && willOpen) {
-        this.focusInput(150);
-      }
-      return {
+      const patch = {
         isOpen: state.isOpen,
         conversations: state.conversations,
         selectedConversationId: state.selectedConversationId,
@@ -123,6 +145,20 @@ export default class ChatDrawer extends PureComponent {
         sendError: state.sendError,
         activeTurns: state.activeTurns || [],
       };
+      if (state.pendingInput != null) {
+        patch.inputText = state.pendingInput;
+        patch.stagedAttachments = [];
+        patch.stagedReferences = [];
+        queueMicrotask(() => {
+          if (chatAutomat.state.pendingInput != null) {
+            chatAutomat.setState({ pendingInput: null });
+          }
+        });
+        this.focusInputAtEnd(150);
+      } else if (!wasOpen && willOpen) {
+        this.focusInput(150);
+      }
+      return patch;
     });
 
     this.unsubSettings = userSettingsAutomat.subscribe(this, (state) => {
@@ -1265,7 +1301,12 @@ export default class ChatDrawer extends PureComponent {
 
           {/* Unified Copilot-style input container with context reference pills */}
           <Box
-            onClick={() => this.focusInput(0)}
+            onClick={(e) => {
+              if (this.inputRef.current && (e.target === this.inputRef.current || this.inputRef.current.contains(e.target))) {
+                return;
+              }
+              this.focusInput(0);
+            }}
             sx={{
               flex: 1,
               minWidth: 0,
@@ -1463,8 +1504,14 @@ export default class ChatDrawer extends PureComponent {
           anchor="right"
           open={isOpen}
           onClose={this.handleClose}
+          ModalProps={{
+            disableEnforceFocus: true,
+          }}
           sx={(theme) => ({
-            zIndex: theme.zIndex.drawer + 2,
+            zIndex: theme.zIndex.modal + 10,
+            '& .MuiBackdrop-root': {
+              backgroundColor: DIALOG_FOG,
+            },
             '& .MuiDrawer-paper': {
               width: { xs: '100vw', sm: `${totalWidth}px` },
               maxWidth: '100vw',

src/components/chat/ChatFab.jsx

@@ -61,7 +61,10 @@ export default class ChatFab extends PureComponent {
 
     let tooltipTitle = 'KI-Chat öffnen';
     let ariaLabel = 'KI-Chat';
-    if (hasPendingAsk) {
+    if (isOpen) {
+      tooltipTitle = 'KI-Chat schließen';
+      ariaLabel = 'KI-Chat schließen';
+    } else if (hasPendingAsk) {
       tooltipTitle = pendingAsk?.question
         ? `Antwort erforderlich: „${pendingAsk.question}“`
         : 'Antwort erforderlich: Das Modell wartet auf Ihre Eingabe';
@@ -76,12 +79,8 @@ export default class ChatFab extends PureComponent {
         sx={(theme) => ({
           position: 'fixed',
           bottom: { xs: 20, sm: 28 },
-          right: { xs: 20, sm: 28 },
+          left: { xs: 20, sm: 164 },
           zIndex: theme.zIndex.speedDial || 1050,
-          opacity: isOpen ? 0 : 1,
-          transform: isOpen ? 'scale(0)' : 'scale(1)',
-          pointerEvents: isOpen ? 'none' : 'auto',
-          transition: 'transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s linear',
         })}
       >
         <Box sx={{ position: 'relative' }}>
@@ -144,7 +143,7 @@ export default class ChatFab extends PureComponent {
             />
           )}
 
-          <Tooltip title={tooltipTitle} placement="left" arrow disableHoverListener={isOpen}>
+          <Tooltip title={tooltipTitle} placement="right" arrow>
             <Badge
               badgeContent={hasPendingAsk ? '?' : undefined}
               color={hasPendingAsk ? 'error' : isBusy ? 'warning' : 'default'}
@@ -184,13 +183,6 @@ export default class ChatFab extends PureComponent {
                     : isBusy
                     ? CHAT_FAB_SHADOW_BUSY
                     : CHAT_FAB_SHADOW_IDLE,
-                  transition: 'transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.2s',
-                  '&:hover': {
-                    transform: 'scale(1.06)',
-                  },
-                  '&:active': {
-                    transform: 'scale(0.96)',
-                  },
                   background: hasPendingAsk
                     ? CHAT_FAB_PENDING
                     : isBusy

src/components/chat/ChatFlowList.jsx

@@ -22,6 +22,9 @@ import WebIcon from '@mui/icons-material/Web';
 import EscalatorWarningIcon from '@mui/icons-material/EscalatorWarning';
 import PictureAsPdfIcon from '@mui/icons-material/PictureAsPdf';
 import ManageSearchIcon from '@mui/icons-material/ManageSearch';
+import LensBlurIcon from '@mui/icons-material/LensBlur';
+import CalculateIcon from '@mui/icons-material/Calculate';
+import QrCodeScannerIcon from '@mui/icons-material/QrCodeScanner';
 import HealingMarkdown from './HealingMarkdown';
 import { VfsAttachmentLink, parseAttachmentsFromText } from './ChatAttachmentItems';
 import {
@@ -80,6 +83,9 @@ const TOOL_ICON_MAP = {
   sub_agent: EscalatorWarningIcon,
   pdf_read: PictureAsPdfIcon,
   search_articles: ManageSearchIcon,
+  edit_image: LensBlurIcon,
+  net_gross_calc: CalculateIcon,
+  ean_checksum: QrCodeScannerIcon,
 };
 
 function formatMessageTime(isoString) {