mirror of
https://github.com/AutoMaker-Org/automaker.git
synced 2026-02-02 20:43: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:
SuperComboGamer
@@ -1,4 +1,4 @@
|
||||
import { Sparkles, Clock, Loader2 } from "lucide-react";
|
||||
import { Sparkles, Clock, Loader2 } from 'lucide-react';
|
||||
import {
|
||||
Dialog,
|
||||
DialogContent,
|
||||
@@ -6,13 +6,13 @@ import {
|
||||
DialogFooter,
|
||||
DialogHeader,
|
||||
DialogTitle,
|
||||
} from "@/components/ui/dialog";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { HotkeyButton } from "@/components/ui/hotkey-button";
|
||||
import { Checkbox } from "@/components/ui/checkbox";
|
||||
import { cn } from "@/lib/utils";
|
||||
import { FEATURE_COUNT_OPTIONS } from "../constants";
|
||||
import type { CreateSpecDialogProps, FeatureCount } from "../types";
|
||||
} from '@/components/ui/dialog';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { HotkeyButton } from '@/components/ui/hotkey-button';
|
||||
import { Checkbox } from '@/components/ui/checkbox';
|
||||
import { cn } from '@/lib/utils';
|
||||
import { FEATURE_COUNT_OPTIONS } from '../constants';
|
||||
import type { CreateSpecDialogProps, FeatureCount } from '../types';
|
||||
|
||||
export function CreateSpecDialog({
|
||||
open,
|
||||
@@ -29,12 +29,10 @@ export function CreateSpecDialog({
|
||||
onSkip,
|
||||
isCreatingSpec,
|
||||
showSkipButton = false,
|
||||
title = "Create App Specification",
|
||||
title = 'Create App Specification',
|
||||
description = "We didn't find an app_spec.txt file. Let us help you generate your app_spec.txt to help describe your project for our system. We'll analyze your project's tech stack and create a comprehensive specification.",
|
||||
}: CreateSpecDialogProps) {
|
||||
const selectedOption = FEATURE_COUNT_OPTIONS.find(
|
||||
(o) => o.value === featureCount
|
||||
);
|
||||
const selectedOption = FEATURE_COUNT_OPTIONS.find((o) => o.value === featureCount);
|
||||
|
||||
return (
|
||||
<Dialog
|
||||
@@ -49,18 +47,15 @@ export function CreateSpecDialog({
|
||||
<DialogContent className="max-w-2xl">
|
||||
<DialogHeader>
|
||||
<DialogTitle>{title}</DialogTitle>
|
||||
<DialogDescription className="text-muted-foreground">
|
||||
{description}
|
||||
</DialogDescription>
|
||||
<DialogDescription className="text-muted-foreground">{description}</DialogDescription>
|
||||
</DialogHeader>
|
||||
|
||||
<div className="space-y-4 py-4">
|
||||
<div className="space-y-2">
|
||||
<label className="text-sm font-medium">Project Overview</label>
|
||||
<p className="text-xs text-muted-foreground">
|
||||
Describe what your project does and what features you want to
|
||||
build. Be as detailed as you want - this will help us create a
|
||||
better specification.
|
||||
Describe what your project does and what features you want to build. Be as detailed as
|
||||
you want - this will help us create a better specification.
|
||||
</p>
|
||||
<textarea
|
||||
className="w-full h-48 p-3 rounded-md border border-border bg-background font-mono text-sm resize-none focus:outline-none focus:ring-2 focus:ring-ring"
|
||||
@@ -76,25 +71,20 @@ export function CreateSpecDialog({
|
||||
<Checkbox
|
||||
id="create-analyze-project"
|
||||
checked={analyzeProject}
|
||||
onCheckedChange={(checked) =>
|
||||
onAnalyzeProjectChange(checked === true)
|
||||
}
|
||||
onCheckedChange={(checked) => onAnalyzeProjectChange(checked === true)}
|
||||
disabled={isCreatingSpec}
|
||||
/>
|
||||
<div className="space-y-1">
|
||||
<label
|
||||
htmlFor="create-analyze-project"
|
||||
className={`text-sm font-medium ${
|
||||
isCreatingSpec ? "" : "cursor-pointer"
|
||||
}`}
|
||||
className={`text-sm font-medium ${isCreatingSpec ? '' : 'cursor-pointer'}`}
|
||||
>
|
||||
Analyze current project for additional context
|
||||
</label>
|
||||
<p className="text-xs text-muted-foreground">
|
||||
If checked, the agent will research your existing codebase to
|
||||
understand the tech stack. If unchecked, defaults to TanStack
|
||||
Start, Drizzle ORM, PostgreSQL, shadcn/ui, Tailwind CSS, and
|
||||
React.
|
||||
If checked, the agent will research your existing codebase to understand the tech
|
||||
stack. If unchecked, defaults to TanStack Start, Drizzle ORM, PostgreSQL, shadcn/ui,
|
||||
Tailwind CSS, and React.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -103,23 +93,19 @@ export function CreateSpecDialog({
|
||||
<Checkbox
|
||||
id="create-generate-features"
|
||||
checked={generateFeatures}
|
||||
onCheckedChange={(checked) =>
|
||||
onGenerateFeaturesChange(checked === true)
|
||||
}
|
||||
onCheckedChange={(checked) => onGenerateFeaturesChange(checked === true)}
|
||||
disabled={isCreatingSpec}
|
||||
/>
|
||||
<div className="space-y-1">
|
||||
<label
|
||||
htmlFor="create-generate-features"
|
||||
className={`text-sm font-medium ${
|
||||
isCreatingSpec ? "" : "cursor-pointer"
|
||||
}`}
|
||||
className={`text-sm font-medium ${isCreatingSpec ? '' : 'cursor-pointer'}`}
|
||||
>
|
||||
Generate feature list
|
||||
</label>
|
||||
<p className="text-xs text-muted-foreground">
|
||||
Automatically create features in the features folder from the
|
||||
implementation roadmap after the spec is generated.
|
||||
Automatically create features in the features folder from the implementation roadmap
|
||||
after the spec is generated.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -133,19 +119,15 @@ export function CreateSpecDialog({
|
||||
<Button
|
||||
key={option.value}
|
||||
type="button"
|
||||
variant={
|
||||
featureCount === option.value ? "default" : "outline"
|
||||
}
|
||||
variant={featureCount === option.value ? 'default' : 'outline'}
|
||||
size="sm"
|
||||
onClick={() =>
|
||||
onFeatureCountChange(option.value as FeatureCount)
|
||||
}
|
||||
onClick={() => onFeatureCountChange(option.value as FeatureCount)}
|
||||
disabled={isCreatingSpec}
|
||||
className={cn(
|
||||
"flex-1 transition-all",
|
||||
'flex-1 transition-all',
|
||||
featureCount === option.value
|
||||
? "bg-primary hover:bg-primary/90 text-primary-foreground"
|
||||
: "bg-muted/30 hover:bg-muted/50 border-border"
|
||||
? 'bg-primary hover:bg-primary/90 text-primary-foreground'
|
||||
: 'bg-muted/30 hover:bg-muted/50 border-border'
|
||||
)}
|
||||
data-testid={`feature-count-${option.value}`}
|
||||
>
|
||||
@@ -169,18 +151,14 @@ export function CreateSpecDialog({
|
||||
Skip for now
|
||||
</Button>
|
||||
) : (
|
||||
<Button
|
||||
variant="ghost"
|
||||
onClick={() => onOpenChange(false)}
|
||||
disabled={isCreatingSpec}
|
||||
>
|
||||
<Button variant="ghost" onClick={() => onOpenChange(false)} disabled={isCreatingSpec}>
|
||||
Cancel
|
||||
</Button>
|
||||
)}
|
||||
<HotkeyButton
|
||||
onClick={onCreateSpec}
|
||||
disabled={!projectOverview.trim() || isCreatingSpec}
|
||||
hotkey={{ key: "Enter", cmdCtrl: true }}
|
||||
hotkey={{ key: 'Enter', cmdCtrl: true }}
|
||||
hotkeyActive={open && !isCreatingSpec}
|
||||
>
|
||||
{isCreatingSpec ? (
|
||||
|
||||
Reference in New Issue
Block a user