Add upgrade dialog when clicking Go button

.gitattributes

@@ -33,3 +33,5 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+public/bubble.jpg filter=lfs diff=lfs merge=lfs -text
+src/fonts/Komika-Hand/Komika_Parch.woff2 filter=lfs diff=lfs merge=lfs -text

src/app/interface/top-menu/index.tsx

@@ -26,6 +26,14 @@ import layoutPreview2 from "../../../../public/layouts/layout2.jpg"
 import layoutPreview3 from "../../../../public/layouts/layout3.jpg"
 import { StaticImageData } from "next/image"
 import { Switch } from "@/components/ui/switch"
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+} from "@/components/ui/dialog"
 
 const layoutIcons: Partial<Record<LayoutName, StaticImageData>> = {
   Layout0: layoutPreview0,
@@ -62,6 +70,7 @@ export function TopMenu() {
   const [draftPrompt, setDraftPrompt] = useState(requestedPrompt)
   const [draftPreset, setDraftPreset] = useState<PresetName>(requestedPreset)
   const [draftLayout, setDraftLayout] = useState<LayoutName>(requestedLayout)
+  const [showUpgradeDialog, setShowUpgradeDialog] = useState(false)
 
   const handleSubmit = () => {
     const promptChanged = draftPrompt.trim() !== prompt.trim()
@@ -217,7 +226,7 @@ export function TopMenu() {
             `bg-[rgb(59,134,247)] hover:bg-[rgb(69,144,255)] disabled:bg-[rgb(59,134,247)]`
             )}
           onClick={() => {
-            handleSubmit()
+            setShowUpgradeDialog(true)
           }}
           disabled={!draftPrompt?.trim().length || isBusy}
         >
@@ -256,5 +265,24 @@ export function TopMenu() {
       </div>
               */}
     </div>
+
+    <Dialog open={showUpgradeDialog} onOpenChange={setShowUpgradeDialog}>
+      <DialogContent className="sm:max-w-md">
+        <DialogHeader>
+          <DialogTitle>Upgrade Required</DialogTitle>
+          <DialogDescription>
+            This feature requires a premium subscription. Please upgrade to continue using all features.
+          </DialogDescription>
+        </DialogHeader>
+        <DialogFooter className="sm:justify-center">
+          <Button
+            onClick={() => window.location.href = "http://aicomicfactory.com/pricing"}
+            className="w-full bg-[rgb(59,134,247)] hover:bg-[rgb(69,144,255)]"
+          >
+            Upgrade Now
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
   )
 }