From 40d4c446ade1650b23730ed7cd176a1dfa1cdd4f Mon Sep 17 00:00:00 2001
From: johndoe6345789 <john.doe6345789@gmail.com>
Date: Sat, 17 Jan 2026 16:15:57 +0000
Subject: [PATCH] Generated by Spark: Make atomic component library until done.
 If done, just wire them into other components.

---
 src/components/SnippetCard.tsx   |  4 +--
 src/components/SnippetDialog.tsx |  5 ++--
 src/components/SnippetViewer.tsx |  4 +--
 src/lib/types.ts                 | 43 +++++++++-----------------------
 4 files changed, 19 insertions(+), 37 deletions(-)

diff --git a/src/components/SnippetCard.tsx b/src/components/SnippetCard.tsx
index 6cb0609..a3d5a0a 100644
--- a/src/components/SnippetCard.tsx
+++ b/src/components/SnippetCard.tsx
@@ -3,8 +3,8 @@ import { Badge } from '@/components/ui/badge'
 import { Button } from '@/components/ui/button'
 import { Card } from '@/components/ui/card'
 import { Copy, Pencil, Trash, Eye } from '@phosphor-icons/react'
-import { Snippet, LANGUAGE_COLORS } from '@/lib/types'
-import { strings, appConfig } from '@/lib/config'
+import { Snippet } from '@/lib/types'
+import { strings, appConfig, LANGUAGE_COLORS } from '@/lib/config'
 
 interface SnippetCardProps {
   snippet: Snippet
diff --git a/src/components/SnippetDialog.tsx b/src/components/SnippetDialog.tsx
index 80b1ae7..323b13c 100644
--- a/src/components/SnippetDialog.tsx
+++ b/src/components/SnippetDialog.tsx
@@ -19,9 +19,9 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/select'
-import { Snippet, LANGUAGES } from '@/lib/types'
+import { Snippet } from '@/lib/types'
 import { MonacoEditor } from '@/components/MonacoEditor'
-import { strings, appConfig } from '@/lib/config'
+import { strings, appConfig, LANGUAGES } from '@/lib/config'
 
 interface SnippetDialogProps {
   open: boolean
@@ -75,6 +75,7 @@ export function SnippetDialog({ open, onOpenChange, onSave, editingSnippet }: Sn
       description: description.trim(),
       language,
       code: code.trim(),
+      category: editingSnippet?.category || 'general',
       hasPreview,
     })
 
diff --git a/src/components/SnippetViewer.tsx b/src/components/SnippetViewer.tsx
index 4b4ca14..f09ae49 100644
--- a/src/components/SnippetViewer.tsx
+++ b/src/components/SnippetViewer.tsx
@@ -7,12 +7,12 @@ import {
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
 import { Copy, Pencil, X, Check, SplitVertical } from '@phosphor-icons/react'
-import { Snippet, LANGUAGE_COLORS } from '@/lib/types'
+import { Snippet } from '@/lib/types'
 import { MonacoEditor } from '@/components/MonacoEditor'
 import { ReactPreview } from '@/components/ReactPreview'
 import { cn } from '@/lib/utils'
 import { useState } from 'react'
-import { strings, appConfig } from '@/lib/config'
+import { strings, appConfig, LANGUAGE_COLORS } from '@/lib/config'
 
 interface SnippetViewerProps {
   snippet: Snippet | null
diff --git a/src/lib/types.ts b/src/lib/types.ts
index f11bda8..221ead0 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -1,36 +1,17 @@
-export type AtomicLevel = 'atoms' | 'molecules' | 'organisms' | 'templates'
-
-  name: string
-  category: 
-}
-export interface Snip
-  title: string
-  language: string
- 
-
-
-  'JavaScrip
-  'JSX',
-  'Python',
-  'C++',
-  'Ruby',
-  hasPreview?: boolean
-  createdAt: number
-  updatedAt: number
+export type AtomicLevel = 'atoms' | 'molecules' | 'organisms' | 'templates'
+
+export interface Snippet {
+  id: string
+  title: string
+  description: string
+  code: string
+  language: string
+  category: string
+  hasPreview?: boolean
+  createdAt: number
+  updatedAt: number
 }
 
-export const LANGUAGES = [
-  'JavaScript',
-  'TypeScript',
-  'JSX',
-  'TSX',
-  'Python',
-  'Java',
-  'C++',
-  'C#',
-  'Ruby',
-  'Go',
-