Leopoldadmin/leocrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: hover rename/delete icons in treeview, resizable tree and sidebar panels

Browse Source
This commit is contained in:
Agent Zero
2026-07-17 22:24:26 +02:00
parent 3fc4dcdb96
commit 4f23c60fd4
3 changed files with 57 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/layout/AISidebar.tsx
+31 -23
View File
@@ -1,5 +1,6 @@
import React, { useState, useEffect } from 'react';
import { ChatWindow } from '@/components/ai/ChatWindow';
import { ResizablePanel } from '@/components/ui/ResizablePanel';
import { createSession, fetchSessions } from '@/api/ai';
import { useUIStore } from '@/store/uiStore';
@@ -9,7 +10,6 @@ export function AISidebar() {
const [loading, setLoading] = useState(true);
useEffect(() => {
// Find or create a sidebar session
(async () => {
try {
const sessions = await fetchSessions(true);
@@ -28,28 +28,36 @@ export function AISidebar() {
}, []);
return (
<div className="w-80 flex-shrink-0 border-l border-secondary-200 bg-white flex flex-col h-full">
<div className="h-12 flex items-center justify-between px-3 border-b border-secondary-200">
<span className="text-sm font-medium text-secondary-700">KI Assistent</span>
<button
onClick={() => setAISidebarOpen(false)}
className="text-secondary-400 hover:text-secondary-600"
title="Schließen"
>
✕
</button>
<ResizablePanel
initialWidth={320}
minWidth={240}
maxWidth={600}
className="border-l border-secondary-200 bg-white"
data-testid="ai-sidebar-pane"
>
<div className="h-full flex flex-col">
<div className="h-12 flex items-center justify-between px-3 border-b border-secondary-200">
<span className="text-sm font-medium text-secondary-700">KI Assistent</span>
<button
onClick={() => setAISidebarOpen(false)}
className="text-secondary-400 hover:text-secondary-600"
title="Schließen"
>
✕
</button>
</div>
<div className="flex-1 overflow-hidden">
{loading ? (
<div className="flex items-center justify-center h-full text-sm text-secondary-400">Laden...</div>
) : sessionId ? (
<ChatWindow sessionId={sessionId} compact className="h-full" />
) : (
<div className="flex items-center justify-center h-full text-sm text-red-500">
Session konnte nicht erstellt werden
</div>
)}
</div>
</div>
<div className="flex-1 overflow-hidden">
{loading ? (
<div className="flex items-center justify-center h-full text-sm text-secondary-400">Laden...</div>
) : sessionId ? (
<ChatWindow sessionId={sessionId} compact className="h-full" />
) : (
<div className="flex items-center justify-center h-full text-sm text-red-500">
Session konnte nicht erstellt werden
</div>
)}
</div>
</div>
</ResizablePanel>
);
}