diff options
Diffstat (limited to 'frontend/src/components')
| -rw-r--r-- | frontend/src/components/LeftSidebar.tsx | 9 | ||||
| -rw-r--r-- | frontend/src/components/Sidebar.tsx | 11 | ||||
| -rw-r--r-- | frontend/src/components/nodes/LLMNode.tsx | 6 |
3 files changed, 14 insertions, 12 deletions
diff --git a/frontend/src/components/LeftSidebar.tsx b/frontend/src/components/LeftSidebar.tsx index d929dcc..4a0ac7b 100644 --- a/frontend/src/components/LeftSidebar.tsx +++ b/frontend/src/components/LeftSidebar.tsx @@ -17,7 +17,6 @@ const LeftSidebar: React.FC<LeftSidebarProps> = ({ isOpen, onToggle }) => { const { archivedNodes, removeFromArchive, - createNodeFromArchive, theme, files, uploadingFileIds, @@ -37,7 +36,6 @@ const LeftSidebar: React.FC<LeftSidebarProps> = ({ isOpen, onToggle }) => { renameProjectItem, deleteProjectItem, setCurrentBlueprintPath, - serializeBlueprint, clearBlueprint } = useFlowStore(); const { user, logout } = useAuthStore(); @@ -50,8 +48,11 @@ const LeftSidebar: React.FC<LeftSidebarProps> = ({ isOpen, onToggle }) => { const [dragItem, setDragItem] = useState<FSItem | null>(null); const [showSaveStatus, setShowSaveStatus] = useState(false); const [expanded, setExpanded] = useState<Set<string>>(() => new Set(['.'])); - const [fileProvider, setFileProvider] = useState<'local' | 'openai' | 'google'>('local'); - const [openaiPurpose, setOpenaiPurpose] = useState<string>('user_data'); + const [fileProvider, _setFileProvider] = useState<'local' | 'openai' | 'google'>('local'); + const [openaiPurpose, _setOpenaiPurpose] = useState<string>('user_data'); + // Suppress unused warnings - these may be used in future + void _setFileProvider; + void _setOpenaiPurpose; const [fileSearch, setFileSearch] = useState(''); // User Settings Modal State diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx index 61a5f02..e517693 100644 --- a/frontend/src/components/Sidebar.tsx +++ b/frontend/src/components/Sidebar.tsx @@ -2,9 +2,10 @@ import React, { useState, useEffect, useRef, useMemo } from 'react'; import { useReactFlow } from 'reactflow'; import useFlowStore from '../store/flowStore'; import { useAuthStore } from '../store/authStore'; -import type { NodeData, Trace, Message, MergedTrace, MergeStrategy, FileMeta } from '../store/flowStore'; +import type { NodeData, Trace, Message, MergedTrace, MergeStrategy } from '../store/flowStore'; +import type { Edge } from 'reactflow'; import ReactMarkdown from 'react-markdown'; -import { Play, Settings, Info, Save, ChevronLeft, ChevronRight, Maximize2, Edit3, X, Check, FileText, MessageCircle, Send, GripVertical, GitMerge, Trash2, AlertCircle, Loader2, Navigation, Upload, Search, Link, LogOut } from 'lucide-react'; +import { Play, Settings, Info, ChevronLeft, ChevronRight, Maximize2, Edit3, X, Check, FileText, MessageCircle, Send, GripVertical, GitMerge, Trash2, AlertCircle, Loader2, Navigation, Upload, Search, Link } from 'lucide-react'; interface SidebarProps { isOpen: boolean; @@ -15,12 +16,12 @@ interface SidebarProps { const Sidebar: React.FC<SidebarProps> = ({ isOpen, onToggle, onInteract }) => { const { nodes, edges, selectedNodeId, updateNodeData, getActiveContext, addNode, setSelectedNode, - isTraceComplete, createQuickChatNode, theme, + isTraceComplete, theme, createMergedTrace, updateMergedTrace, deleteMergedTrace, computeMergedMessages, files, uploadFile, refreshFiles, addFileScope, removeFileScope, currentBlueprintPath, saveCurrentBlueprint } = useFlowStore(); - const { getAuthHeader, user, logout } = useAuthStore(); + const { getAuthHeader } = useAuthStore(); const { setCenter, getViewport } = useReactFlow(); const isDark = theme === 'dark'; const [activeTab, setActiveTab] = useState<'interact' | 'settings' | 'debug'>('interact'); @@ -529,7 +530,7 @@ const Sidebar: React.FC<SidebarProps> = ({ isOpen, onToggle, onInteract }) => { }; // Check if a trace has downstream nodes from the current selected node - const traceHasDownstream = (trace: Trace): boolean => { + const traceHasDownstream = (_trace: Trace): boolean => { if (!selectedNode) return false; // Find edges going out from selectedNode that are part of this trace diff --git a/frontend/src/components/nodes/LLMNode.tsx b/frontend/src/components/nodes/LLMNode.tsx index d2e1293..8cbf0e9 100644 --- a/frontend/src/components/nodes/LLMNode.tsx +++ b/frontend/src/components/nodes/LLMNode.tsx @@ -1,11 +1,11 @@ import { useEffect, useState } from 'react'; import { Handle, Position, type NodeProps, useUpdateNodeInternals, useEdges } from 'reactflow'; -import type { NodeData, MergedTrace } from '../../store/flowStore'; +import type { NodeData, MergedTrace, Trace } from '../../store/flowStore'; import { Loader2, MessageSquare } from 'lucide-react'; import useFlowStore from '../../store/flowStore'; const LLMNode = ({ id, data, selected }: NodeProps<NodeData>) => { - const { theme, nodes } = useFlowStore(); + const { theme } = useFlowStore(); const [showPreview, setShowPreview] = useState(false); const updateNodeInternals = useUpdateNodeInternals(); const edges = useEdges(); @@ -241,7 +241,7 @@ const LLMNode = ({ id, data, selected }: NodeProps<NodeData>) => { let backgroundStyle = trace.color; if (trace.isMerged && trace.mergedColors && trace.mergedColors.length > 0) { const colors = trace.mergedColors; - const gradientStops = colors.map((color, idx) => + const gradientStops = colors.map((color: string, idx: number) => `${color} ${(idx / colors.length) * 100}%, ${color} ${((idx + 1) / colors.length) * 100}%` ).join(', '); backgroundStyle = `linear-gradient(45deg, ${gradientStops})`; |
