fix: prevent "No App Specification Found" during spec generation

Check generation status before trying to load the spec file.
This prevents 500 errors and confusing UI during spec generation.

Changes:
- useSpecLoading now checks specRegeneration.status() first
- If generation is running, skip the file read and set isGenerationRunning
- SpecView uses isGenerationRunning to show generating UI properly

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

apps/ui/src/components/views/spec-view.tsx

@@ -14,7 +14,7 @@ export function SpecView() {
   const { currentProject, appSpec } = useAppStore();
 
   // Loading state
-  const { isLoading, specExists, loadSpec } = useSpecLoading();
+  const { isLoading, specExists, isGenerationRunning, loadSpec } = useSpecLoading();
 
   // Save state
   const { isSaving, hasChanges, saveSpec, handleChange, setHasChanges } = useSpecSave();
@@ -82,15 +82,20 @@ export function SpecView() {
     );
   }
 
-  // Empty state - no spec exists
-  if (!specExists) {
+  // Empty state - no spec exists or generation is running
+  // When generation is running, we skip loading the spec to avoid 500 errors,
+  // so we show the empty state with generation indicator
+  if (!specExists || isGenerationRunning) {
+    // If generation is running (from loading hook check), ensure we show the generating UI
+    const showAsGenerating = isCreating || isGenerationRunning;
+
     return (
       <>
         <SpecEmptyState
           projectPath={currentProject.path}
-          isCreating={isCreating}
-          isRegenerating={isRegenerating}
-          currentPhase={currentPhase}
+          isCreating={showAsGenerating}
+          isRegenerating={isRegenerating || isGenerationRunning}
+          currentPhase={currentPhase || (isGenerationRunning ? 'initialization' : '')}
           errorMessage={errorMessage}
           onCreateClick={() => setShowCreateDialog(true)}
         />

apps/ui/src/components/views/spec-view/hooks/use-spec-loading.ts

@@ -9,6 +9,7 @@ export function useSpecLoading() {
   const { currentProject, setAppSpec } = useAppStore();
   const [isLoading, setIsLoading] = useState(true);
   const [specExists, setSpecExists] = useState(true);
+  const [isGenerationRunning, setIsGenerationRunning] = useState(false);
 
   const loadSpec = useCallback(async () => {
     if (!currentProject) return;
@@ -16,6 +17,20 @@ export function useSpecLoading() {
     setIsLoading(true);
     try {
       const api = getElectronAPI();
+
+      // Check if spec generation is running before trying to load
+      // This prevents showing "No App Specification Found" during generation
+      if (api.specRegeneration) {
+        const status = await api.specRegeneration.status();
+        if (status.success && status.isRunning) {
+          logger.debug('Spec generation is running, skipping load');
+          setIsGenerationRunning(true);
+          setIsLoading(false);
+          return;
+        }
+        setIsGenerationRunning(false);
+      }
+
       const result = await api.readFile(`${currentProject.path}/.automaker/app_spec.txt`);
 
       if (result.success && result.content) {
@@ -42,6 +57,7 @@ export function useSpecLoading() {
     isLoading,
     specExists,
     setSpecExists,
+    isGenerationRunning,
     loadSpec,
   };
 }