feat: add optional mood to thoughts with custom moods support

Mood is an optional label+emoji string (e.g. "relaxed 😌") on thoughts.
Users can define up to 8 custom moods in profile settings.
Mood federates via AP Note JSON and displays on thought cards.

thoughts-frontend/components/thought-form.tsx

@@ -20,7 +20,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select"
-import { CreateThoughtSchema } from "@/lib/api"
+import { CreateThoughtSchema, type Me } from "@/lib/api"
 import { useAuth } from "@/hooks/use-auth"
 import { toast } from "sonner"
 import { Globe, Lock, Users } from "lucide-react"
@@ -28,6 +28,13 @@ import { useState } from "react"
 import { Confetti } from "./confetti"
 import { createThought } from "@/app/actions/thoughts"
 
+const DEFAULT_MOODS = [
+  "relaxed 😌", "happy 😊", "excited 🤩", "grateful 🙏", "inspired ✨",
+  "thoughtful 🤔", "curious 🧐", "amused 😄", "proud 💪", "hopeful 🌟",
+  "tired 😴", "stressed 😰", "anxious 😟", "sad 😢", "frustrated 😤",
+  "angry 😠", "bored 😑", "confused 😕", "nostalgic 🥹", "silly 🤪",
+]
+
 interface ThoughtFormProps {
   /** Set to the parent thought ID when composing a reply. */
   replyToId?: string
@@ -35,12 +42,20 @@ interface ThoughtFormProps {
   onSuccess?: () => void
   /** Whether to wrap in a Card. Defaults to true when no replyToId. */
   card?: boolean
+  currentUser?: Me | null
 }
 
-export function ThoughtForm({ replyToId, onSuccess, card = !replyToId }: ThoughtFormProps) {
+export function ThoughtForm({ replyToId, onSuccess, card = !replyToId, currentUser }: ThoughtFormProps) {
   const { token } = useAuth()
   const [showConfetti, setShowConfetti] = useState(false)
 
+  const allMoods = [
+    ...DEFAULT_MOODS,
+    ...(currentUser?.customMoods ?? [])
+      .filter(m => !DEFAULT_MOODS.some(d => d.toLowerCase().startsWith(m.name.toLowerCase())))
+      .map(m => `${m.name} ${m.value}`),
+  ]
+
   const form = useForm<z.infer<typeof CreateThoughtSchema>>({
     resolver: zodResolver(CreateThoughtSchema),
     defaultValues: {
@@ -86,40 +101,61 @@ export function ThoughtForm({ replyToId, onSuccess, card = !replyToId }: Thought
           )}
         />
         <div className={`flex ${replyToId ? "justify-end gap-2" : "justify-between items-center"}`}>
-          {!replyToId && (
+          <div className="flex gap-2">
+            {!replyToId && (
+              <FormField
+                control={form.control}
+                name="visibility"
+                render={({ field }) => (
+                  <Select onValueChange={field.onChange} defaultValue={field.value}>
+                    <FormControl>
+                      <SelectTrigger className="w-[150px]">
+                        <SelectValue placeholder="Visibility" />
+                      </SelectTrigger>
+                    </FormControl>
+                    <SelectContent>
+                      <SelectItem value="public">
+                        <div className="flex items-center gap-2"><Globe className="h-4 w-4" /> Public</div>
+                      </SelectItem>
+                      <SelectItem value="followers">
+                        <div className="flex items-center gap-2"><Users className="h-4 w-4" /> Followers</div>
+                      </SelectItem>
+                      <SelectItem value="unlisted">
+                        <div className="flex items-center gap-2"><Lock className="h-4 w-4" /> Unlisted</div>
+                      </SelectItem>
+                      <SelectItem value="direct">
+                        <div className="flex items-center gap-2"><Lock className="h-4 w-4" /> Direct</div>
+                      </SelectItem>
+                    </SelectContent>
+                  </Select>
+                )}
+              />
+            )}
             <FormField
               control={form.control}
-              name="visibility"
+              name="mood"
               render={({ field }) => (
-                <Select onValueChange={field.onChange} defaultValue={field.value}>
+                <Select onValueChange={(v) => field.onChange(v === "__none__" ? undefined : v)} value={field.value ?? "__none__"}>
                   <FormControl>
-                    <SelectTrigger className="w-[150px]">
-                      <SelectValue placeholder="Visibility" />
+                    <SelectTrigger className="w-[170px]">
+                      <SelectValue placeholder="How are you feeling?" />
                     </SelectTrigger>
                   </FormControl>
                   <SelectContent>
-                    <SelectItem value="public">
-                      <div className="flex items-center gap-2"><Globe className="h-4 w-4" /> Public</div>
-                    </SelectItem>
-                    <SelectItem value="followers">
-                      <div className="flex items-center gap-2"><Users className="h-4 w-4" /> Followers</div>
-                    </SelectItem>
-                    <SelectItem value="unlisted">
-                      <div className="flex items-center gap-2"><Lock className="h-4 w-4" /> Unlisted</div>
-                    </SelectItem>
-                    <SelectItem value="direct">
-                      <div className="flex items-center gap-2"><Lock className="h-4 w-4" /> Direct</div>
-                    </SelectItem>
+                    <SelectItem value="__none__">No mood</SelectItem>
+                    {allMoods.map((mood) => (
+                      <SelectItem key={mood} value={mood}>{mood}</SelectItem>
+                    ))}
                   </SelectContent>
                 </Select>
               )}
             />
-          )}
-          {replyToId && (
-            <Button type="button" variant="ghost" onClick={() => onSuccess?.()}>
-              Cancel
-            </Button>
-          )}
+            {replyToId && (
+              <Button type="button" variant="ghost" onClick={() => onSuccess?.()}>
+                Cancel
+              </Button>
+            )}
+          </div>
           <Button type="submit" disabled={form.formState.isSubmitting}>
             {form.formState.isSubmitting
               ? (replyToId ? "Replying..." : "Posting...")