restore last title and add button to restore last image

js/app/components/live-dashboard/livestream-panel.tsx

···
   formatHandle,
   formatHandleWithAt,
   Input,
+  Text,
   Textarea,
   Tooltip,
   useCreateStreamRecord,
···
   Image,
   Platform,
   ScrollView,
-  Text,
   TouchableOpacity,
   View,
 } from "react-native";
···
   selectedImage,
   onImageSelect,
   onImageRemove,
+  onUseLastImage,
+  hasLastImage,
+  onGoToMetadata,
 }: {
   selectedImage?: string | File | Blob;
   onImageSelect?: () => void;
   onImageRemove?: () => void;
+  onUseLastImage?: () => void;
+  hasLastImage?: boolean;
+  onGoToMetadata?: () => void;
 }) => {
   const imageUrl = useMemo(() => {
     if (!selectedImage) return undefined;
···
           </TouchableOpacity>
         </View>
       ) : (
-        <TouchableOpacity onPress={onImageSelect} style={containerStyle}>
-          <ImagePlus size={48} color="#6b7280" />
-          <Text style={[text.gray[400], { marginTop: 8, fontSize: 14 }]}>
-            Add thumbnail image
-          </Text>
-          <Text style={[text.gray[500], { fontSize: 12, marginTop: 4 }]}>
-            Optional • JPG, PNG up to 975KB
-          </Text>
-        </TouchableOpacity>
+        <>
+          <TouchableOpacity onPress={onImageSelect} style={containerStyle}>
+            <ImagePlus size={48} color="#6b7280" />
+            <Text style={[text.gray[400], { marginTop: 8, fontSize: 14 }]}>
+              Add thumbnail image
+            </Text>
+            <Text style={[text.gray[500], { fontSize: 12, marginTop: 4 }]}>
+              Optional • JPG, PNG up to 975KB
+            </Text>
+          </TouchableOpacity>
+          {hasLastImage && (
+            <Button
+              variant="secondary"
+              size="sm"
+              onPress={onUseLastImage}
+              style={[{ marginTop: 8 }]}
+            >
+              <Text style={[text.gray[300], { fontSize: 14 }]}>
+                Use Last Image
+              </Text>
+            </Button>
+          )}
+        </>
       )}
     </View>
   );
···
 
   const [createPost, setCreatePost] = useState(true);
   const [sendPushNotification, setSendPushNotification] = useState(true);
-  const [canonicalUrl, setCanonicalUrl] = useState<string>(
-    livestream?.record.canonicalUrl || "",
-  );
+  const [canonicalUrl, setCanonicalUrl] = useState<string>("");
   const defaultCanonicalUrl = useMemo(() => {
     return `${url}/${profile && formatHandle(profile)}`;
   }, [url, profile?.handle]);
···
     if (!livestream) {
       return;
     }
+
+    // Prefill title with previous stream's title
+    if (livestream.record.title) {
+      setTitle(livestream.record.title);
+    }
+
+    // Prefill canonical URL
     if (
       livestream.record.canonicalUrl &&
       livestream.record.canonicalUrl !== defaultCanonicalUrl
     ) {
       setCanonicalUrl(livestream.record.canonicalUrl);
     }
+
+    // Prefill notification settings
     if (
       typeof livestream.record.notificationSettings?.pushNotification ===
       "boolean"
···
         livestream.record.notificationSettings.pushNotification,
       );
     }
+
+    // Prefill post creation preference
     setCreatePost(typeof livestream.record.post !== "undefined");
   }, [livestream, defaultCanonicalUrl]);
 
···
     setSelectedImage(undefined);
   }, []);
 
+  const handleUseLastImage = useCallback(async () => {
+    if (!livestream?.record.thumb) return;
+
+    try {
+      const did = livestream.uri.split("/")[2];
+      const cid = (livestream.record.thumb.ref as any).$link;
+
+      let didDoc;
+
+      // Resolve the DID document based on DID method
+      if (did.startsWith("did:web:")) {
+        // For did:web, construct the URL directly
+        const domain = did.replace("did:web:", "").replace(/:/g, "/");
+        const didDocUrl = `https://${domain}/.well-known/did.json`;
+        const didResponse = await fetch(didDocUrl);
+        if (!didResponse.ok) {
+          throw new Error("Failed to resolve did:web document");
+        }
+        didDoc = await didResponse.json();
+      } else if (did.startsWith("did:plc:")) {
+        // For did:plc, use plc.directory
+        const didResponse = await fetch(`https://plc.directory/${did}`);
+        if (!didResponse.ok) {
+          throw new Error("Failed to resolve DID document");
+        }
+        didDoc = await didResponse.json();
+      } else {
+        throw new Error(`Unsupported DID method: ${did}`);
+      }
+
+      const pdsService = didDoc.service?.find(
+        (s: any) => s.id === "#atproto_pds",
+      );
+
+      if (!pdsService?.serviceEndpoint) {
+        throw new Error("No PDS service endpoint found in DID document");
+      }
+
+      // Construct the blob URL using the PDS endpoint
+      const thumbnailUrl = `${pdsService.serviceEndpoint}/xrpc/com.atproto.sync.getBlob?did=${did}&cid=${cid}`;
+
+      // Fetch the image and convert to blob
+      const response = await fetch(thumbnailUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to fetch blob: ${response.status}`);
+      }
+      const blob = await response.blob();
+      setSelectedImage(blob);
+    } catch (error) {
+      console.error("Failed to fetch last image:", error);
+      toast.show("Error", "Failed to load previous thumbnail", {
+        duration: 3,
+      });
+    }
+  }, [livestream, toast]);
+
   const disabled = useMemo(
     () => !userIsLive || loading || title.trim() === "",
     [userIsLive, loading, title],
···
                   selectedImage={selectedImage}
                   onImageSelect={handleImageSelect}
                   onImageRemove={handleImageRemove}
+                  onUseLastImage={handleUseLastImage}
+                  hasLastImage={!!livestream?.record.thumb}
+                  onGoToMetadata={() => handleModeChange("metadata")}
                 />
               )}