Implement Local Storage Helper (#266)

* Feat [Utility] [Storage Helper] "clearUnfinishedInputForSession"

- [+] feat(storageHelper.ts): add utility function to clear unfinished input for a session

* Feat [UI/UX] [Front End] [Chat List] "clearUnfinishedInputForSession"

- [+] feat(chat-list.tsx): add clearUnfinishedInputForSession functionality on session deletion

app/components/chat-list.tsx

@@ -19,6 +19,7 @@ import { Mask } from "../store/mask";
 import { useRef, useEffect, useState } from "react";
 import { showConfirm, SearchInput } from "./ui-lib";
 import { useMobileScreen } from "../utils";
+import { clearUnfinishedInputForSession } from "../utils/storageHelper";
 
 export function ChatItem(props: {
   onClick?: () => void;
@@ -174,7 +175,9 @@ export function ChatList(props: { narrow?: boolean; search: string }) {
                         (!props.narrow && !isMobileScreen) ||
                         (await showConfirm(Locale.Home.DeleteChat))
                       ) {
+                        const sessionIdToDelete = item.id;
                         chatStore.deleteSession(i);
+                        clearUnfinishedInputForSession(sessionIdToDelete); // Use the session ID of the item being deleted
                       }
                     }}
                     narrow={props.narrow}

app/utils/storageHelper.ts

@@ -0,0 +1,8 @@
+// easy maintain unlike stupid complexity
+import { UNFINISHED_INPUT } from "../constant";
+
+// Function to clear unfinished input from local storage for a given session ID
+export const clearUnfinishedInputForSession = (sessionId: string) => {
+    const key = UNFINISHED_INPUT(sessionId);
+    localStorage.removeItem(key);
+};