feat: standardize logging across UI components

- Replaced console.log and console.error statements with logger methods from @automaker/utils in various UI components, ensuring consistent log formatting and improved readability.
- Enhanced error handling by utilizing logger methods to provide clearer context for issues encountered during operations.
- Updated multiple views and hooks to integrate the new logging system, improving maintainability and debugging capabilities.

This update significantly enhances the observability of UI components, facilitating easier troubleshooting and monitoring.

apps/ui/src/components/views/board-view/dialogs/add-feature-dialog.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { createLogger } from '@automaker/utils/logger';
 import {
   Dialog,
   DialogContent,
@@ -64,6 +65,8 @@ import {
 } from '@automaker/dependency-resolver';
 import { isCursorModel, PROVIDER_PREFIXES } from '@automaker/types';
 
+const logger = createLogger('AddFeatureDialog');
+
 type FeatureData = {
   title: string;
   category: string;
@@ -331,7 +334,7 @@ export function AddFeatureDialog({
         toast.error(result?.error || 'Failed to enhance description');
       }
     } catch (error) {
-      console.error('Enhancement failed:', error);
+      logger.error('Enhancement failed:', error);
       toast.error('Failed to enhance description');
     } finally {
       setIsEnhancing(false);

apps/ui/src/components/views/board-view/dialogs/agent-output-modal.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
+import { createLogger } from '@automaker/utils/logger';
 import {
   Dialog,
   DialogContent,
@@ -29,6 +30,8 @@ interface AgentOutputModalProps {
 
 type ViewMode = 'parsed' | 'raw' | 'changes';
 
+const logger = createLogger('AgentOutputModal');
+
 export function AgentOutputModal({
   open,
   onClose,
@@ -88,7 +91,7 @@ export function AgentOutputModal({
           setOutput('');
         }
       } catch (error) {
-        console.error('Failed to load output:', error);
+        logger.error('Failed to load output:', error);
         setOutput('');
       } finally {
         setIsLoading(false);
@@ -105,11 +108,11 @@ export function AgentOutputModal({
     const api = getElectronAPI();
     if (!api?.autoMode) return;
 
-    console.log('[AgentOutputModal] Subscribing to events for featureId:', featureId);
+    logger.info('Subscribing to events for featureId:', featureId);
 
     const unsubscribe = api.autoMode.onEvent((event) => {
-      console.log(
-        '[AgentOutputModal] Received event:',
+      logger.debug(
+        'Received event:',
         event.type,
         'featureId:',
         'featureId' in event ? event.featureId : 'none',
@@ -119,7 +122,7 @@ export function AgentOutputModal({
 
       // Filter events for this specific feature only (skip events without featureId)
       if ('featureId' in event && event.featureId !== featureId) {
-        console.log('[AgentOutputModal] Skipping event - featureId mismatch');
+        logger.debug('Skipping event - featureId mismatch');
         return;
       }
 

apps/ui/src/components/views/board-view/dialogs/create-branch-dialog.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { createLogger } from '@automaker/utils/logger';
 import {
   Dialog,
   DialogContent,
@@ -22,6 +23,8 @@ interface WorktreeInfo {
   changedFilesCount?: number;
 }
 
+const logger = createLogger('CreateBranchDialog');
+
 interface CreateBranchDialogProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
@@ -77,7 +80,7 @@ export function CreateBranchDialog({
         setError(result.error || 'Failed to create branch');
       }
     } catch (err) {
-      console.error('Create branch failed:', err);
+      logger.error('Create branch failed:', err);
       setError('Failed to create branch');
     } finally {
       setIsCreating(false);

apps/ui/src/components/views/board-view/dialogs/edit-feature-dialog.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { createLogger } from '@automaker/utils/logger';
 import {
   Dialog,
   DialogContent,
@@ -57,6 +58,8 @@ import {
 import { DependencyTreeDialog } from './dependency-tree-dialog';
 import { isCursorModel, PROVIDER_PREFIXES } from '@automaker/types';
 
+const logger = createLogger('EditFeatureDialog');
+
 interface EditFeatureDialogProps {
   feature: Feature | null;
   onClose: () => void;
@@ -248,7 +251,7 @@ export function EditFeatureDialog({
         toast.error(result?.error || 'Failed to enhance description');
       }
     } catch (error) {
-      console.error('Enhancement failed:', error);
+      logger.error('Enhancement failed:', error);
       toast.error('Failed to enhance description');
     } finally {
       setIsEnhancing(false);

apps/ui/src/components/views/board-view/dialogs/feature-suggestions-dialog.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useRef, useState, useCallback } from 'react';
+import { createLogger } from '@automaker/utils/logger';
 import {
   Dialog,
   DialogContent,
@@ -34,6 +35,8 @@ import { useAppStore, Feature } from '@/store/app-store';
 import { toast } from 'sonner';
 import { LogViewer } from '@/components/ui/log-viewer';
 
+const logger = createLogger('FeatureSuggestions');
+
 interface FeatureSuggestionsDialogProps {
   open: boolean;
   onClose: () => void;
@@ -176,7 +179,7 @@ export function FeatureSuggestionsDialog({
           setIsGenerating(false);
         }
       } catch (error) {
-        console.error('Failed to generate suggestions:', error);
+        logger.error('Failed to generate suggestions:', error);
         toast.error('Failed to start generation');
         setIsGenerating(false);
       }
@@ -194,7 +197,7 @@ export function FeatureSuggestionsDialog({
       setIsGenerating(false);
       toast.info('Generation stopped');
     } catch (error) {
-      console.error('Failed to stop generation:', error);
+      logger.error('Failed to stop generation:', error);
     }
   }, [setIsGenerating]);
 
@@ -280,7 +283,7 @@ export function FeatureSuggestionsDialog({
 
       onClose();
     } catch (error) {
-      console.error('Failed to import features:', error);
+      logger.error('Failed to import features:', error);
       toast.error('Failed to import features');
     } finally {
       setIsImporting(false);