fix: Cleanup status bar + fixes outdated agent messages (#767)

Author: charlesvien

apps/twig/src/renderer/components/StatusBar.tsx

@@ -3,51 +3,36 @@ import { FeedbackToggle } from "@components/FeedbackToggle";
 import { SettingsToggle } from "@components/SettingsToggle";
 import { StatusBarMenu } from "@components/StatusBarMenu";
 import { Badge, Box, Code, Flex, Kbd } from "@radix-ui/themes";
-import { useStatusBarStore } from "@stores/statusBarStore";
 
 import { IS_DEV } from "@/constants/environment";
 
-interface StatusBarProps {
-  showKeyHints?: boolean;
-}
-
-export function StatusBar({ showKeyHints = true }: StatusBarProps) {
-  const { statusText, keyHints } = useStatusBarStore();
-
+export function StatusBar() {
   return (
     <Box
       className="flex flex-row items-center justify-between border-t px-4 py-2"
       style={{ backgroundColor: "var(--gray-2)", borderColor: "var(--gray-6)" }}
     >
       <Flex align="center" gap="2">
         <StatusBarMenu />
+      </Flex>
+
+      <Flex
+        align="center"
+        gap="2"
+        style={{
+          position: "absolute",
+          left: "50%",
+          transform: "translateX(-50%)",
+        }}
+      >
+        <Kbd size="1">
+          {navigator.platform.includes("Mac") ? "\u2318" : "Ctrl"}K
+        </Kbd>
         <Code size="1" variant="ghost" color="gray">
-          {statusText && "- "}
-          {statusText}
+          Command
         </Code>
       </Flex>
 
-      {showKeyHints && (
-        <Flex
-          align="center"
-          gap="3"
-          style={{
-            position: "absolute",
-            left: "50%",
-            transform: "translateX(-50%)",
-          }}
-        >
-          {keyHints.map((hint) => (
-            <Flex key={hint.description} align="center" gap="2">
-              <Kbd size="1">{hint.keys.join("")}</Kbd>
-              <Code size="1" variant="ghost" color="gray">
-                {hint.description}
-              </Code>
-            </Flex>
-          ))}
-        </Flex>
-      )}
-
       <Flex align="center" gap="2">
         <CampfireToggle />
         <FeedbackToggle />

apps/twig/src/renderer/features/right-sidebar/components/FocusEmptyState.tsx

@@ -47,7 +47,7 @@ export function FocusEmptyState({
           <KeyHint style={{ marginLeft: "var(--space-1)" }}>⌘R</KeyHint>
         </Button>
       </Tooltip>
-      <Text size="1" style={{ color: "var(--gray-11)" }}>
+      <Text size="1" style={{ color: "var(--gray-11)", textAlign: "center" }}>
         Synchronise your changes to {displayPath}
       </Text>
     </Flex>

apps/twig/src/renderer/features/task-detail/components/TaskDetail.tsx

@@ -1,6 +1,5 @@
 import { FilePicker } from "@features/command/components/FilePicker";
 import { PanelLayout } from "@features/panels";
-import { useSessionForTask } from "@features/sessions/stores/sessionStore";
 import { useCwd } from "@features/sidebar/hooks/useCwd";
 import { useTaskData } from "@features/task-detail/hooks/useTaskData";
 import { useTaskStore } from "@features/tasks/stores/taskStore";
@@ -9,7 +8,6 @@ import { useWorkspaceEvents } from "@features/workspace/hooks";
 import { useBlurOnEscape } from "@hooks/useBlurOnEscape";
 import { useFileWatcher } from "@hooks/useFileWatcher";
 import { useSetHeaderContent } from "@hooks/useSetHeaderContent";
-import { useStatusBar } from "@hooks/useStatusBar";
 import { GitBranch, Laptop } from "@phosphor-icons/react";
 import { Box, Code, Flex, Text, Tooltip } from "@radix-ui/themes";
 import type { Task } from "@shared/types";
@@ -55,21 +53,6 @@ export function TaskDetail({ task: initialTask }: TaskDetailProps) {
 
   useFileWatcher(effectiveRepoPath ?? null, taskId);
 
-  const session = useSessionForTask(taskId);
-  const isRunning =
-    session?.status === "connected" || session?.status === "connecting";
-
-  useStatusBar(
-    isRunning ? "Agent running..." : "Task details",
-    [
-      {
-        keys: [navigator.platform.includes("Mac") ? "⌘" : "Ctrl", "K"],
-        description: "Command",
-      },
-    ],
-    "replace",
-  );
-
   useBlurOnEscape();
   useWorkspaceEvents(taskId);