diff --git a/frontend/src/contexts/ToolWorkflowContext.tsx b/frontend/src/contexts/ToolWorkflowContext.tsx index 47f42b011..03cd458f2 100644 --- a/frontend/src/contexts/ToolWorkflowContext.tsx +++ b/frontend/src/contexts/ToolWorkflowContext.tsx @@ -14,11 +14,11 @@ interface ToolWorkflowState { sidebarsVisible: boolean; leftPanelView: 'toolPicker' | 'toolContent'; readerMode: boolean; - + // File/Preview State previewFile: File | null; pageEditorFunctions: PageEditorFunctions | null; - + // Search State searchQuery: string; } @@ -71,7 +71,7 @@ interface ToolWorkflowContextValue extends ToolWorkflowState { selectedToolKey: string | null; selectedTool: ToolConfiguration | null; toolRegistry: any; // From useToolManagement - + // UI Actions setSidebarsVisible: (visible: boolean) => void; setLeftPanelView: (view: 'toolPicker' | 'toolContent') => void; @@ -79,16 +79,16 @@ interface ToolWorkflowContextValue extends ToolWorkflowState { setPreviewFile: (file: File | null) => void; setPageEditorFunctions: (functions: PageEditorFunctions | null) => void; setSearchQuery: (query: string) => void; - + // Tool Actions selectTool: (toolId: string) => void; clearToolSelection: () => void; - + // Workflow Actions (compound actions) handleToolSelect: (toolId: string) => void; handleBackToTools: () => void; handleReaderToggle: () => void; - + // Computed values filteredTools: [string, any][]; // Filtered by search isPanelVisible: boolean; @@ -105,7 +105,7 @@ interface ToolWorkflowProviderProps { export function ToolWorkflowProvider({ children, onViewChange }: ToolWorkflowProviderProps) { const [state, dispatch] = useReducer(toolWorkflowReducer, initialState); - + // Tool management hook const { selectedToolKey, @@ -166,7 +166,7 @@ export function ToolWorkflowProvider({ children, onViewChange }: ToolWorkflowPro ); }, [toolRegistry, state.searchQuery]); - const isPanelVisible = useMemo(() => + const isPanelVisible = useMemo(() => state.sidebarsVisible && !state.readerMode, [state.sidebarsVisible, state.readerMode] ); @@ -178,7 +178,7 @@ export function ToolWorkflowProvider({ children, onViewChange }: ToolWorkflowPro selectedToolKey, selectedTool, toolRegistry, - + // Actions setSidebarsVisible, setLeftPanelView, @@ -188,12 +188,12 @@ export function ToolWorkflowProvider({ children, onViewChange }: ToolWorkflowPro setSearchQuery, selectTool, clearToolSelection, - + // Workflow Actions handleToolSelect, handleBackToTools, handleReaderToggle, - + // Computed filteredTools, isPanelVisible, @@ -217,5 +217,5 @@ export function useToolWorkflow(): ToolWorkflowContextValue { // Convenience exports for specific use cases (optional - components can use useToolWorkflow directly) export const useToolSelection = useToolWorkflow; -export const useToolPanelState = useToolWorkflow; -export const useWorkbenchState = useToolWorkflow; \ No newline at end of file +export const useToolPanelState = useToolWorkflow; +export const useWorkbenchState = useToolWorkflow;