feat: add directory source indicators and cloud mode gating

UI Enhancements:
- Show badge indicating directory source (Custom/Shared/Default)
- Add tooltips explaining each directory source type
- Disable Cloud mode for tasks without repository_config
- Show helpful tooltip when Cloud mode is unavailable

Technical changes:
- Added directorySource computation in useTaskData hook
- Updated TaskMetadata to display source badge next to "Working directory"
- Updated TaskActions to gate Cloud mode based on hasRepositoryConfig
- Improved UX for tasks without repository configuration

This helps users understand where their directory mappings come from
and why certain features may be unavailable.

Author: lucasheriques

src/renderer/features/task-detail/components/TaskActions.tsx

@@ -7,6 +7,7 @@ interface TaskActionsProps {
   isCloningRepo: boolean;
   cloneProgress: { message: string; percent: number } | null;
   runMode: "local" | "cloud";
+  hasRepositoryConfig: boolean;
   onRunTask: () => void;
   onCancel: () => void;
   onRunModeChange: (mode: "local" | "cloud") => void;
@@ -17,6 +18,7 @@ export const TaskActions: React.FC<TaskActionsProps> = ({
   isCloningRepo,
   cloneProgress,
   runMode,
+  hasRepositoryConfig,
   onRunTask,
   onCancel,
   onRunModeChange,
@@ -58,12 +60,18 @@ export const TaskActions: React.FC<TaskActionsProps> = ({
           >
             <span className="truncate">{getRunButtonLabel()}</span>
           </Button>
-          <Tooltip content="Toggle between Local or Cloud Agent">
+          <Tooltip
+            content={
+              !hasRepositoryConfig
+                ? "Cloud mode requires a connected repository"
+                : "Toggle between Local or Cloud Agent"
+            }
+          >
             <IconButton
               size="2"
               variant="classic"
               color={runMode === "cloud" ? "blue" : "gray"}
-              disabled={isRunning || isCloningRepo}
+              disabled={isRunning || isCloningRepo || !hasRepositoryConfig}
               onClick={() =>
                 onRunModeChange(runMode === "local" ? "cloud" : "local")
               }

src/renderer/features/task-detail/components/TaskDetailPanel.tsx

@@ -91,6 +91,7 @@ export function TaskDetailPanel({ taskId, task }: TaskDetailPanelProps) {
                 : undefined
             }
             derivedPath={taskData.derivedPath}
+            directorySource={taskData.directorySource}
             defaultWorkspace={taskData.defaultWorkspace}
           />
         </Flex>
@@ -101,6 +102,7 @@ export function TaskDetailPanel({ taskId, task }: TaskDetailPanelProps) {
             isCloningRepo={repository.isCloning}
             cloneProgress={taskData.cloneProgress}
             runMode={execution.state.runMode}
+            hasRepositoryConfig={!!taskData.task.repository_config}
             onRunTask={execution.actions.run}
             onCancel={execution.actions.cancel}
             onRunModeChange={execution.actions.onRunModeChange}

src/renderer/features/task-detail/components/TaskMetadata.tsx

@@ -1,21 +1,34 @@
-import { Button, Code, DataList, Link, Text, Tooltip } from "@radix-ui/themes";
+import { FolderPicker } from "@features/folder-picker/components/FolderPicker";
+import { useTaskExecutionStore } from "@features/task-detail/stores/taskExecutionStore";
+import {
+  Badge,
+  Button,
+  Code,
+  DataList,
+  Flex,
+  Link,
+  Text,
+  Tooltip,
+} from "@radix-ui/themes";
 import type { Task } from "@shared/types";
 import { format, formatDistanceToNow } from "date-fns";
 import type React from "react";
-import { FolderPicker } from "@features/folder-picker/components/FolderPicker";
-import { useTaskExecutionStore } from "@features/task-detail/stores/taskExecutionStore";
+
+type DirectorySource = "task" | "repo" | "workspace" | null;
 
 interface TaskMetadataProps {
   task: Task;
   progress?: { status: string };
   derivedPath: string | null;
+  directorySource: DirectorySource;
   defaultWorkspace: string | null;
 }
 
 export const TaskMetadata: React.FC<TaskMetadataProps> = ({
   task,
   progress,
   derivedPath,
+  directorySource,
   defaultWorkspace,
 }) => {
   const { setRepoPath, revalidateRepo } = useTaskExecutionStore();
@@ -25,6 +38,38 @@ export const TaskMetadata: React.FC<TaskMetadataProps> = ({
     await revalidateRepo(task.id);
   };
 
+  const getDirectorySourceBadge = () => {
+    if (!directorySource) return null;
+
+    const badgeConfig = {
+      task: {
+        label: "Custom",
+        color: "blue" as const,
+        tooltip: "Directory set specifically for this task",
+      },
+      repo: {
+        label: "Shared",
+        color: "green" as const,
+        tooltip: "Directory shared with other tasks using this repository",
+      },
+      workspace: {
+        label: "Default",
+        color: "gray" as const,
+        tooltip: "Directory derived from workspace settings",
+      },
+    };
+
+    const config = badgeConfig[directorySource];
+
+    return (
+      <Tooltip content={config.tooltip}>
+        <Badge size="1" color={config.color} variant="soft">
+          {config.label}
+        </Badge>
+      </Tooltip>
+    );
+  };
+
   return (
     <>
       <DataList.Root>
@@ -71,7 +116,12 @@ export const TaskMetadata: React.FC<TaskMetadataProps> = ({
         </DataList.Item>
 
         <DataList.Item>
-          <DataList.Label>Working directory</DataList.Label>
+          <DataList.Label>
+            <Flex align="center" gap="2">
+              <Text>Working directory</Text>
+              {getDirectorySourceBadge()}
+            </Flex>
+          </DataList.Label>
           <DataList.Value>
             <FolderPicker
               value={derivedPath || ""}

src/renderer/features/task-detail/hooks/useTaskData.ts

@@ -3,6 +3,7 @@ import { useTaskExecutionStore } from "@features/task-detail/stores/taskExecutio
 import { useTasks } from "@features/tasks/hooks/useTasks";
 import type { Task } from "@shared/types";
 import { cloneStore } from "@stores/cloneStore";
+import { useTaskDirectoryStore } from "@stores/taskDirectoryStore";
 import { expandTildePath } from "@utils/path";
 import { useEffect, useMemo } from "react";
 
@@ -70,11 +71,36 @@ export function useTaskData({ taskId, initialTask }: UseTaskDataParams) {
     (a, b) => a?.message === b?.message && a?.percent === b?.percent,
   );
 
+  // Determine directory source for UI indicators
+  const directorySource = useMemo(() => {
+    if (!taskState.repoPath) return null;
+
+    const { taskDirectories, repoDirectories } =
+      useTaskDirectoryStore.getState();
+
+    // Check if it's a task-specific mapping
+    if (taskDirectories[taskId]) {
+      return "task" as const;
+    }
+
+    // Check if it's from a repo mapping
+    if (task.repository_config) {
+      const repoKey = `${task.repository_config.organization}/${task.repository_config.repository}`;
+      if (repoDirectories[repoKey]) {
+        return "repo" as const;
+      }
+    }
+
+    // Otherwise it was derived from workspace
+    return "workspace" as const;
+  }, [taskState.repoPath, taskId, task.repository_config]);
+
   return {
     task,
     repoPath: taskState.repoPath,
     repoExists: taskState.repoExists,
     derivedPath,
+    directorySource,
     isCloning,
     cloneProgress,
     defaultWorkspace,