[dyad] Added default base name setting - wrote 1 file(s)

src/components/image-converter.tsx

@@ -55,6 +55,8 @@ export function ImageConverter() {
   const [useCounter, setUseCounter] = useState<boolean>(false);
   const [counterStart, setCounterStart] = useState<number>(1);
   const [counterDigits, setCounterDigits] = useState<number>(3);
+  const [useDefaultBaseName, setUseDefaultBaseName] = useState<boolean>(false);
+  const [defaultBaseName, setDefaultBaseName] = useState<string>("");
 
   const [scaleMode, setScaleMode] = useState<'fill' | 'cover' | 'contain'>('cover');
   const [objectPosition, setObjectPosition] = useState<string>('center center');
@@ -90,7 +92,9 @@ export function ImageConverter() {
     const newFilenames = [
       ...filenames,
       ...imageFiles.map((file) =>
-        file.name.substring(0, file.name.lastIndexOf("."))
+        useDefaultBaseName && defaultBaseName
+          ? defaultBaseName
+          : file.name.substring(0, file.name.lastIndexOf("."))
       ),
     ];
 
@@ -417,6 +421,21 @@ export function ImageConverter() {
             </AccordionTrigger>
             <AccordionContent className="px-6 pb-6">
               <div className="space-y-6">
+                <div className="flex items-center space-x-2">
+                  <Switch id="use-default-base-name" checked={useDefaultBaseName} onCheckedChange={setUseDefaultBaseName} />
+                  <Label htmlFor="use-default-base-name">Use default base name</Label>
+                </div>
+                {useDefaultBaseName && (
+                  <div className="space-y-2">
+                    <Label htmlFor="default-base-name">Default base name</Label>
+                    <Input
+                      id="default-base-name"
+                      placeholder="e.g., new-york-trip"
+                      value={defaultBaseName}
+                      onChange={(e) => setDefaultBaseName(e.target.value)}
+                    />
+                  </div>
+                )}
                 <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)} />