feat(automaker): enhance feature management and UI components

- Updated `.gitignore` to include agent context files and user-uploaded images for better organization.
- Added "Uncategorized" category to `categories.json` for improved feature classification.
- Populated `feature_list.json` with new features, including detailed descriptions and image attachments for better context.
- Changed application icon to `icon_gold.png` for a refreshed look.
- Enhanced `AutoModeService` to support max concurrency and periodic checks, improving feature execution management.
- Updated image handling in `DescriptionImageDropZone` to save images in the project directory.
- Improved UI components with better styling and responsiveness, including drag-and-drop functionality for project management.

This update significantly enhances the feature management process and user experience within the application.

app/src/components/ui/description-image-dropzone.tsx

@@ -5,6 +5,7 @@ import { cn } from "@/lib/utils";
 import { ImageIcon, X, Loader2 } from "lucide-react";
 import { Textarea } from "@/components/ui/textarea";
 import { getElectronAPI } from "@/lib/electron";
+import { useAppStore } from "@/store/app-store";
 
 export interface FeatureImagePath {
   id: string;
@@ -51,6 +52,7 @@ export function DescriptionImageDropZone({
     new Map()
   );
   const fileInputRef = useRef<HTMLInputElement>(null);
+  const currentProject = useAppStore((state) => state.currentProject);
 
   const fileToBase64 = (file: File): Promise<string> => {
     return new Promise((resolve, reject) => {
@@ -76,11 +78,14 @@ export function DescriptionImageDropZone({
       const api = getElectronAPI();
       // Check if saveImageToTemp method exists
       if (!api.saveImageToTemp) {
-        // Fallback for mock API - return a mock path
+        // Fallback for mock API - return a mock path in .automaker/images
         console.log("[DescriptionImageDropZone] Using mock path for image");
-        return `/tmp/automaker-images/${Date.now()}_${filename}`;
+        return `.automaker/images/${Date.now()}_${filename}`;
       }
-      const result = await api.saveImageToTemp(base64Data, filename, mimeType);
+
+      // Get projectPath from the store if available
+      const projectPath = currentProject?.path;
+      const result = await api.saveImageToTemp(base64Data, filename, mimeType, projectPath);
       if (result.success && result.path) {
         return result.path;
       }
@@ -130,7 +135,7 @@ export function DescriptionImageDropZone({
           const tempPath = await saveImageToTemp(base64, file.name, file.type);
 
           if (tempPath) {
-            const imageId = `img-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+            const imageId = `img-${Date.now()}-${Math.random().toString(36).substring(2, 11)}`;
             const imagePathRef: FeatureImagePath = {
               id: imageId,
               path: tempPath,

app/src/components/ui/dialog.tsx

@@ -60,7 +60,7 @@ function DialogContent({
       <DialogPrimitive.Content
         data-slot="dialog-content"
         className={cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200",
           className
         )}
         {...props}

app/src/components/ui/log-viewer.tsx

@@ -141,7 +141,7 @@ function LogEntryItem({ entry, isExpanded, onToggle }: LogEntryItemProps) {
           {entry.title}
         </span>
 
-        <span className="text-sm text-zinc-400 truncate flex-1 ml-2">
+        <span className="text-xs text-zinc-400 truncate flex-1 ml-2">
           {!isExpanded &&
             entry.content.slice(0, 80) +
               (entry.content.length > 80 ? "..." : "")}
@@ -153,11 +153,11 @@ function LogEntryItem({ entry, isExpanded, onToggle }: LogEntryItemProps) {
           className="px-4 pb-3 pt-1"
           data-testid={`log-entry-content-${entry.id}`}
         >
-          <div className="font-mono text-sm space-y-1">
+          <div className="font-mono text-xs space-y-1">
             {formattedContent.map((part, index) => (
               <div key={index}>
                 {part.type === "json" ? (
-                  <pre className="bg-zinc-900/50 rounded p-2 overflow-x-auto text-xs text-purple-300">
+                  <pre className="bg-zinc-900/50 rounded p-2 overflow-x-auto text-xs text-primary">
                     {part.content}
                   </pre>
                 ) : (