feat: added log messages for any commands that failed

Author: kevinwang5658

src/ui/components/widgets/ApplyComplete.tsx

@@ -11,50 +11,45 @@ export function ApplyComplete({ result }: { result: ApplyResult }) {
 
   const validationErrors = isPartial
     ? result.errors
-        .filter((e) => e.errorData.errorType === 'apply_validation')
-        .map((e) => new ResourcePlan((e.errorData.data as any).plan))
+      .filter((e) => e.errorData.errorType === 'apply_validation')
+      .map((e) => ({
+        plan: new ResourcePlan((e.errorData.data as any).plan),
+        logs: ((e.errorData.data as any).logs ?? []) as string[],
+      }))
     : [];
 
   const genericErrors = isPartial
     ? result.errors
-        .filter((e) => e.errorData.errorType !== 'apply_validation')
-        .map((e) => e.message)
+      .filter((e) => e.errorData.errorType !== 'apply_validation')
+      .map((e) => e.message)
     : [];
 
   return (
     <Box flexDirection="column" marginTop={1}>
-      <Text bold color={isPartial ? 'red' : 'green'}>
-        {isPartial ? '⚠ Apply completed with errors' : '🎉 Finished applying 🎉'}
-      </Text>
-
-      {result.entries.length > 0 && (
-        <Box flexDirection="column" marginTop={1}>
-          {result.entries.map((entry) => (
-            <Box key={entry.id}>
-              <Text>{entry.id.padEnd(30)}</Text>
-              <Text color={applyEntryInkColor(entry)}>{applyEntryLabel(entry)}</Text>
-            </Box>
-          ))}
-        </Box>
-      )}
-
       {validationErrors.length > 0 && (
         <Box flexDirection="column" marginTop={1}>
-          {validationErrors.map((resourcePlan) => (
-            <Box key={resourcePlan.id} flexDirection="column">
+          {validationErrors.map((entry) => (
+            <Box key={entry.plan.id} flexDirection="column">
               <Text color="red" bold>
-                {`Apply failed: resource "${resourcePlan.id}" did not reach its desired state.`}
+                {`Apply failed: resource "${entry.plan.id}" did not reach its desired state.`}
               </Text>
               <Text> </Text>
               <Text bold backgroundColor={'red'}>Changes still needed:</Text>
-              <Text>{prettyFormatResourcePlan(resourcePlan)}</Text>
+              <Text>{prettyFormatResourcePlan(entry.plan)}</Text>
+              {entry.logs.length > 0 && (
+                <Box flexDirection="column" marginTop={1}>
+                  <Text bold>{`Last ${entry.logs.length} log lines:`}</Text>
+                  <Text>{entry.logs.join('\n')}</Text>
+                </Box>
+              )}
               <Text> </Text>
             </Box>
           ))}
           <Text color="red" bold>Potential fixes:</Text>
-          <Text color="red" bold>{'  1. Re-run the command again'}</Text>
-          <Text color="red" bold>{'  2. Manually install the resource and retry'}</Text>
-          <Text color="red" bold>{'  3. Reach out to support at https://github.com/codifycli/default-plugin/issues'}</Text>
+          <Text color="red" bold>{'  1. Re-run with verbose logging (--verbose or press \'v\' during apply)'}</Text>
+          <Text color="red" bold>{'  2. Manually install the failed resource'}</Text>
+          <Text color="red"
+                bold>{'  3. Reach out to support at https://github.com/codifycli/default-plugin/issues'}</Text>
         </Box>
       )}
 
@@ -64,6 +59,28 @@ export function ApplyComplete({ result }: { result: ApplyResult }) {
         </Box>
       )}
 
+
+      {isPartial && <Box marginTop={1}>
+        <Text dimColor>{'─'.repeat(40)}</Text>
+      </Box>}
+
+      <Box marginTop={isPartial ? 0 : 1}>
+        <Text bold color={isPartial ? 'red' : 'green'}>
+          {isPartial ? '⚠ Apply completed with errors' : '🎉 Finished applying 🎉'}
+        </Text>
+      </Box>
+
+      {result.entries.length > 0 && (
+        <Box flexDirection="column">
+          {result.entries.map((entry) => (
+            <Box key={entry.id}>
+              <Text>{entry.id.padEnd(30)}</Text>
+              <Text color={applyEntryInkColor(entry)}>{applyEntryLabel(entry)}</Text>
+            </Box>
+          ))}
+        </Box>
+      )}
+
       {!isPartial && (
         <Box marginTop={1}>
           <Text dimColor>Open a new terminal or source &apos;.zshrc&apos; for the new changes to be reflected</Text>

src/ui/plugin-error-formatter.ts

@@ -4,9 +4,11 @@ import { prettyFormatResourcePlan } from './plan-pretty-printer.js';
 
 export function formatApplyValidationError(error: PluginError): string {
   const plan = new ResourcePlan((error.errorData.data as any).plan);
+  const logs: string[] = (error.errorData.data as any).logs ?? [];
   return [
     `Apply validation failed: resource "${plan.id}" did not reach its desired state.`,
     'Changes still needed:',
     prettyFormatResourcePlan(plan),
+    ...(logs.length > 0 ? ['', `Last ${logs.length} log lines:`, logs.join('\n')] : []),
   ].join('\n');
 }