story-kit: merge 264_bug_claude_code_session_id_not_persisted_across_browser_refresh

frontend/src/components/Chat.tsx

@@ -171,7 +171,16 @@ export function Chat({ projectPath, onCloseProject }: ChatProps) {
 		merge: [],
 		done: [],
 	});
-	const [claudeSessionId, setClaudeSessionId] = useState<string | null>(null);
+	const [claudeSessionId, setClaudeSessionId] = useState<string | null>(() => {
+		try {
+			return (
+				localStorage.getItem(`storykit-claude-session-id:${projectPath}`) ??
+				null
+			);
+		} catch {
+			return null;
+		}
+	});
 	const [activityStatus, setActivityStatus] = useState<string | null>(null);
 	const [permissionQueue, setPermissionQueue] = useState<
 		{
@@ -247,6 +256,21 @@ export function Chat({ projectPath, onCloseProject }: ChatProps) {
 		};
 	}, [messages, streamingContent, model]);
 
+	useEffect(() => {
+		try {
+			if (claudeSessionId !== null) {
+				localStorage.setItem(
+					`storykit-claude-session-id:${projectPath}`,
+					claudeSessionId,
+				);
+			} else {
+				localStorage.removeItem(`storykit-claude-session-id:${projectPath}`);
+			}
+		} catch {
+			// Ignore — quota or security errors.
+		}
+	}, [claudeSessionId, projectPath]);
+
 	useEffect(() => {
 		api
 			.getOllamaModels()
@@ -664,6 +688,11 @@ export function Chat({ projectPath, onCloseProject }: ChatProps) {
 			setLoading(false);
 			setActivityStatus(null);
 			setClaudeSessionId(null);
+			try {
+				localStorage.removeItem(`storykit-claude-session-id:${projectPath}`);
+			} catch {
+				// Ignore — quota or security errors.
+			}
 		}
 	};