feat: add logout button on failed request

package.json

@@ -21,7 +21,7 @@
  "preview": "vite preview",
  "typecheck": "tsc -p tsconfig.node.json --noEmit && tsc -p tsconfig.web.json --noEmit",
  "lint:write": "biome check --write --unsafe",
- "format:write": "biome format --write --unsafe",
+ "format:write": "biome format --write",
  "check:write": "pnpm run lint:write && pnpm run typecheck",
  "generate-client": "tsx scripts/update-openapi-client.ts"
  },

src/renderer/components/TaskList.tsx

@@ -12,6 +12,7 @@ import type { Task } from "@shared/types";
 import type React from "react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
+import { useAuthStore } from "../stores/authStore";
 import { useStatusBarStore } from "../stores/statusBarStore";
 import { useTaskStore } from "../stores/taskStore";
 import { AsciiArt } from "./AsciiArt";
@@ -55,6 +56,7 @@ export function TaskList({
  const setFilter = useTaskStore((state) => state.setFilter);
 
  const { setStatusBar, reset } = useStatusBarStore();
+ const { logout } = useAuthStore();
  const listRef = useRef<HTMLDivElement>(null);
 
  useEffect(() => {
@@ -279,9 +281,20 @@ export function TaskList({
  if (error) {
  return (
  <Box height="100%" p="6">
- <Flex direction="column" align="center" justify="center" height="100%">
+ <Flex
+ direction="column"
+ align="center"
+ justify="center"
+ height="100%"
+ gap="4"
+ >
  <Text color="red">{error}</Text>
- <Button onClick={() => fetchTasks()}>Retry</Button>
+ <Flex gap="2">
+ <Button onClick={() => fetchTasks()}>Retry</Button>
+ <Button variant="outline" onClick={logout}>
+ Logout
+ </Button>
+ </Flex>
  </Flex>
  </Box>
  );