mirror of
https://github.com/AutoMaker-Org/automaker.git
synced 2026-02-02 08:33:36 +00:00
style: fix formatting with Prettier
🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
import React, { Component, ErrorInfo } from "react";
|
||||
import { AlertCircle, RefreshCw } from "lucide-react";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { cn } from "@/lib/utils";
|
||||
import React, { Component, ErrorInfo } from 'react';
|
||||
import { AlertCircle, RefreshCw } from 'lucide-react';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { cn } from '@/lib/utils';
|
||||
|
||||
interface Props {
|
||||
children: React.ReactNode;
|
||||
@@ -30,7 +30,7 @@ export class TerminalErrorBoundary extends Component<Props, State> {
|
||||
}
|
||||
|
||||
componentDidCatch(error: Error, errorInfo: ErrorInfo) {
|
||||
console.error("[TerminalErrorBoundary] Terminal crashed:", {
|
||||
console.error('[TerminalErrorBoundary] Terminal crashed:', {
|
||||
sessionId: this.props.sessionId,
|
||||
error: error.message,
|
||||
stack: error.stack,
|
||||
@@ -48,38 +48,29 @@ export class TerminalErrorBoundary extends Component<Props, State> {
|
||||
return (
|
||||
<div
|
||||
className={cn(
|
||||
"flex flex-col items-center justify-center h-full w-full",
|
||||
"bg-background/95 backdrop-blur-sm",
|
||||
"p-6 text-center gap-4"
|
||||
'flex flex-col items-center justify-center h-full w-full',
|
||||
'bg-background/95 backdrop-blur-sm',
|
||||
'p-6 text-center gap-4'
|
||||
)}
|
||||
>
|
||||
<div className="w-12 h-12 rounded-full bg-destructive/10 flex items-center justify-center">
|
||||
<AlertCircle className="w-6 h-6 text-destructive" />
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<h3 className="text-lg font-semibold text-foreground">
|
||||
Terminal Crashed
|
||||
</h3>
|
||||
<h3 className="text-lg font-semibold text-foreground">Terminal Crashed</h3>
|
||||
<p className="text-sm text-muted-foreground max-w-sm">
|
||||
{this.state.error?.message?.includes("WebGL")
|
||||
? "WebGL context was lost. This can happen with GPU driver issues."
|
||||
: "An unexpected error occurred in the terminal."}
|
||||
{this.state.error?.message?.includes('WebGL')
|
||||
? 'WebGL context was lost. This can happen with GPU driver issues.'
|
||||
: 'An unexpected error occurred in the terminal.'}
|
||||
</p>
|
||||
</div>
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={this.handleRestart}
|
||||
className="gap-2"
|
||||
>
|
||||
<Button variant="outline" size="sm" onClick={this.handleRestart} className="gap-2">
|
||||
<RefreshCw className="w-4 h-4" />
|
||||
Restart Terminal
|
||||
</Button>
|
||||
{this.state.error && (
|
||||
<details className="text-xs text-muted-foreground max-w-md">
|
||||
<summary className="cursor-pointer hover:text-foreground">
|
||||
Technical details
|
||||
</summary>
|
||||
<summary className="cursor-pointer hover:text-foreground">Technical details</summary>
|
||||
<pre className="mt-2 p-2 bg-muted/50 rounded text-left overflow-auto max-h-32">
|
||||
{this.state.error.message}
|
||||
</pre>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user