From 39410d1aa1ec1e4415bb30e36ed47b2b9102a1c0 Mon Sep 17 00:00:00 2001
From: "[dyad]" <git@dyad.sh>
Date: Sun, 18 Jan 2026 11:12:11 +0100
Subject: [PATCH] [dyad] Enable settings before image upload - wrote 1 file(s)

---
 src/components/image-converter.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/image-converter.tsx b/src/components/image-converter.tsx
index d5ad972..4778e4e 100644
--- a/src/components/image-converter.tsx
+++ b/src/components/image-converter.tsx
@@ -212,16 +212,16 @@ export function ImageConverter() {
                   <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
                     <div className="space-y-2">
                       <Label htmlFor="width">Width (px)</Label>
-                      <Input id="width" type="number" placeholder="e.g., 1920" value={width} onChange={(e) => setWidth(e.target.value)} disabled={!hasImages} />
+                      <Input id="width" type="number" placeholder="e.g., 1920" value={width} onChange={(e) => setWidth(e.target.value)} />
                     </div>
                     <div className="space-y-2">
                       <Label htmlFor="height">Height (px)</Label>
-                      <Input id="height" type="number" placeholder="e.g., 1080" value={height} onChange={(e) => setHeight(e.target.value)} disabled={!hasImages} />
+                      <Input id="height" type="number" placeholder="e.g., 1080" value={height} onChange={(e) => setHeight(e.target.value)} />
                     </div>
                   </div>
                   <div className="space-y-2">
                     <Label htmlFor="format">Format</Label>
-                    <Select value={format} onValueChange={(value: "png" | "jpeg" | "webp") => setFormat(value)} disabled={!hasImages}>
+                    <Select value={format} onValueChange={(value: "png" | "jpeg" | "webp") => setFormat(value)}>
                       <SelectTrigger id="format"><SelectValue placeholder="Select format" /></SelectTrigger>
                       <SelectContent>
                         <SelectItem value="png">PNG</SelectItem>
@@ -254,20 +254,20 @@ export function ImageConverter() {
                 <div className="space-y-6">
                   <div className="space-y-2">
                     <Label htmlFor="prefix">Prefix</Label>
-                    <Input id="prefix" placeholder="e.g., travel-" value={prefix} onChange={(e) => setPrefix(e.target.value)} disabled={!hasImages} />
+                    <Input id="prefix" placeholder="e.g., travel-" value={prefix} onChange={(e) => setPrefix(e.target.value)} />
                   </div>
                   <div className="space-y-2">
                     <Label htmlFor="suffix">Suffix</Label>
-                    <Input id="suffix" placeholder="e.g., -edit" value={suffix} onChange={(e) => setSuffix(e.target.value)} disabled={!hasImages} />
+                    <Input id="suffix" placeholder="e.g., -edit" value={suffix} onChange={(e) => setSuffix(e.target.value)} />
                   </div>
                   <div className="flex items-center space-x-2 pt-2">
-                    <Switch id="use-counter" checked={useCounter} onCheckedChange={setUseCounter} disabled={!hasImages} />
+                    <Switch id="use-counter" checked={useCounter} onCheckedChange={setUseCounter} />
                     <Label htmlFor="use-counter">Add sequential number</Label>
                   </div>
                   {useCounter && (
                     <div className="space-y-2 pl-8">
                       <Label htmlFor="counter-digits">Number of digits</Label>
-                      <Select value={String(counterDigits)} onValueChange={(val) => setCounterDigits(Number(val))} disabled={!hasImages}>
+                      <Select value={String(counterDigits)} onValueChange={(val) => setCounterDigits(Number(val))}>
                         <SelectTrigger id="counter-digits"><SelectValue /></SelectTrigger>
                         <SelectContent>
                           <SelectItem value="1">1 (e.g., 1)</SelectItem>