feat(upload): rename to Develop Photos, cull tags, handwriting+larger title/caption, drop camera icon

index.html

@@ -1718,7 +1718,7 @@
                 onChange={(e) => onTitleChange(e.target.value)}
                 placeholder="Name this moment…"
                 aria-label="Photo title"
-                className="w-full rounded-md bg-transparent px-3 py-2.5 font-serif text-sm font-semibold text-foreground outline-none placeholder:font-normal placeholder:text-muted-foreground"
+                className="w-full rounded-md bg-transparent px-3 py-2.5 font-hand text-lg text-foreground outline-none placeholder:font-normal placeholder:text-muted-foreground"
               />
               {/* developing overlay — same darkroom effect as the caption */}
               {titleBusy ? (
@@ -1785,7 +1785,7 @@
             <div className="relative rounded-md border-2 border-primary/70 bg-card">
               <textarea id="caption" value={caption} onChange={(e) => onCaptionChange(e.target.value)} rows={3}
                 placeholder="Write something about this moment..."
-                className="w-full resize-none rounded-md bg-transparent px-3 py-2.5 font-hand text-sm leading-relaxed text-foreground outline-none placeholder:text-muted-foreground" />
+                className="w-full resize-none rounded-md bg-transparent px-3 py-2.5 font-hand text-lg leading-relaxed text-foreground outline-none placeholder:text-muted-foreground" />
               {/* developing overlay: a darkroom-flavored caption "developing in the tray" */}
               {autoBusy ? (
                 <div className="absolute inset-0 flex flex-col items-center justify-center gap-2 overflow-hidden rounded-md"
@@ -1822,73 +1822,10 @@
               </div>
             </div>
           </div>
-          <div className="space-y-2">
-            <div className="flex items-center justify-between gap-2">
-              <label htmlFor="tags" className="font-mono text-xs font-semibold uppercase tracking-wide text-foreground">Tags <span className="text-muted-foreground">(optional)</span></label>
-              <div className="flex items-center gap-1.5">
-                <MicButton field="tags" title="Dictate tags"
-                  onText={(t) => onTagsChange(((tags || "").trim() ? tags.trim().replace(/,\s*$/, "") + ", " : "") + t)} />
-                <button type="button" onClick={() => setShowTagsPrompt((v) => !v)} aria-expanded={showTagsPrompt}
-                  title="Customize the AI tags prompt"
-                  className={cn("flex items-center gap-1.5 rounded-md border-2 px-2.5 py-1 font-mono text-[11px] uppercase tracking-wide transition-colors",
-                    showTagsPrompt ? "border-primary bg-accent text-foreground" : "border-primary/60 text-primary hover:bg-accent")}>
-                  <Settings className="size-3.5" /> Prompt
-                </button>
-                <button type="button" onClick={onAutoTags} disabled={tagsBusy}
-                  className="flex items-center gap-1.5 rounded-md border-2 border-primary/60 px-2.5 py-1 font-mono text-[11px] uppercase tracking-wide text-primary transition-colors hover:bg-accent disabled:opacity-60">
-                  <Wand2 className={cn("size-3.5", tagsBusy && "animate-pulse")} /> {tagsBusy ? "Tagging…" : "Auto-generate"}
-                </button>
-              </div>
-            </div>
-
-            {/* editable, independent tags prompt (traced separately as "autotags") */}
-            {showTagsPrompt ? (
-              <div className="rounded-md border-2 border-primary/50 bg-accent/30 p-3">
-                <div className="flex items-center justify-between gap-2">
-                  <label htmlFor="tags-prompt" className="font-mono text-[10px] font-semibold uppercase tracking-wide text-foreground">Tags prompt</label>
-                  <span className="flex items-center gap-1.5 font-mono text-[10px] uppercase tracking-wide text-muted-foreground" title="Active vision-language model">
-                    <Cpu className="size-3 text-primary" /> {captionModel || "loading model…"}
-                  </span>
-                </div>
-                <textarea id="tags-prompt" value={tagsPrompt} onChange={(e) => onTagsPromptChange(e.target.value)} rows={2}
-                  placeholder={DEFAULT_TAGS_HINT}
-                  className="mt-2 w-full resize-none rounded-md border-2 border-primary/40 bg-card px-2.5 py-2 text-xs leading-relaxed text-foreground outline-none placeholder:text-muted-foreground focus:border-primary" />
-                <div className="mt-1.5 flex items-center justify-between gap-2">
-                  <p className="font-mono text-[9px] leading-snug tracking-wide text-muted-foreground">Generated tags are always comma-separated. Leave blank for the default.</p>
-                  {tagsPrompt ? (
-                    <button type="button" onClick={() => onTagsPromptChange("")}
-                      className="shrink-0 font-mono text-[9px] uppercase tracking-widest text-primary underline-offset-2 hover:underline">reset</button>
-                  ) : null}
-                </div>
-              </div>
-            ) : null}
-
-            <div className="relative rounded-md border-2 border-primary/70 bg-card">
-              <input id="tags" value={tags} onChange={(e) => onTagsChange(e.target.value)} placeholder="ottawa, architecture, travel"
-                className="w-full rounded-md bg-transparent px-3 py-2.5 text-sm text-foreground outline-none placeholder:text-muted-foreground" />
-              {tagsBusy ? (
-                <div className="absolute inset-0 flex items-center justify-center gap-2 overflow-hidden rounded-md"
-                  role="status" aria-live="polite"
-                  style={{ background: "linear-gradient(180deg, var(--card), color-mix(in oklch, var(--accent) 60%, var(--card)))" }}>
-                  <span aria-hidden="true" className="absolute inset-0"
-                    style={{ background: "linear-gradient(110deg, transparent 20%, color-mix(in oklch, var(--primary) 22%, transparent) 50%, transparent 80%)", backgroundSize: "200% 100%", animation: "sozai-shimmer 1.3s linear infinite" }} />
-                  <span className="relative flex items-center gap-2 font-mono text-[11px] uppercase tracking-widest text-primary">
-                    <Wand2 className="size-3.5 animate-pulse" /> {tagsStage || "Tagging…"}
-                  </span>
-                  <span className="relative flex gap-1" aria-hidden="true">
-                    <span className="size-1.5 rounded-full bg-primary" style={{ animation: "sozai-bounce 1s infinite", animationDelay: "0ms" }} />
-                    <span className="size-1.5 rounded-full bg-primary" style={{ animation: "sozai-bounce 1s infinite", animationDelay: "150ms" }} />
-                    <span className="size-1.5 rounded-full bg-primary" style={{ animation: "sozai-bounce 1s infinite", animationDelay: "300ms" }} />
-                  </span>
-                </div>
-              ) : null}
-            </div>
-            {tagsError ? <p role="status" className="font-mono text-[11px] uppercase tracking-wide text-[oklch(0.55_0.18_25)]">{tagsError}</p> : null}
-          </div>
           <div className="flex flex-col items-center gap-2 pt-1">
             <button type="button" onClick={onSubmit}
               className="flex w-full items-center justify-center gap-2 rounded-md border-2 border-primary bg-primary px-4 py-3 font-mono text-sm font-semibold uppercase tracking-wide text-primary-foreground transition-colors hover:bg-primary/90">
-              <Plus className="size-4" /> Add to Album
+              <Plus className="size-4" /> Develop Photos
             </button>
             <p className="text-center text-xs text-muted-foreground">Save to your memory album</p>
           </div>
@@ -2370,7 +2307,7 @@
       return (
         <section className="w-full max-w-6xl rounded-xl border-2 border-primary bg-card shadow-lg">
           <header className="flex items-center justify-between gap-4 border-b-2 border-dashed border-primary/50 px-5 py-4 sm:px-7">
-            <div className="flex items-center gap-2.5"><Camera className="size-5 text-primary" /><h1 className="font-serif text-base font-semibold text-foreground">Add to Album</h1></div>
+            <div className="flex items-center gap-2.5"><h1 className="font-display text-2xl text-foreground">Develop Photos</h1></div>
             <div className="flex items-center gap-2">
               <button type="button" onClick={() => onOpenSettings && onOpenSettings()} aria-label="Settings" className="flex size-9 items-center justify-center rounded-md border-2 border-primary/70 text-primary transition-colors hover:bg-accent"><Settings className="size-4" /></button>
             </div>