Add folder mapping status indicator to task list

Add account label to folder mapping modal

Update folder mapping logic to include destination login

web/src/pages/TaskDetail.tsx

@@ -79,6 +79,7 @@ export function TaskDetail({ id }: { id: number }) {
   const [mapState, setMapState] = useState<{ src: string[]; dst: string[]; creds: typeof emptyAccount } | null>(null)
   const [editMap, setEditMap] = useState<{
     accId: number
+    label: string
     src: string[]
     dst: string[]
     mapping: Record<string, string>
@@ -214,7 +215,7 @@ export function TaskDetail({ id }: { id: number }) {
     }
   }
 
-  async function onEditFolders(a: { id: number; src_login: string; folder_mapping?: Record<string, string>; excluded_folders?: string[] }) {
+  async function onEditFolders(a: { id: number; src_login: string; dst_login: string; folder_mapping?: Record<string, string>; excluded_folders?: string[] }) {
     setBusy('probe')
     setError(null)
     try {
@@ -228,6 +229,7 @@ export function TaskDetail({ id }: { id: number }) {
       }
       setEditMap({
         accId: a.id,
+        label: a.dst_login && a.dst_login !== a.src_login ? `${a.src_login} → ${a.dst_login}` : a.src_login,
         src: res.src.folders ?? [],
         dst: res.dst.folders ?? [],
         mapping: a.folder_mapping ?? {},
@@ -629,6 +631,18 @@ export function TaskDetail({ id }: { id: number }) {
                     </td>
                     <td className="num-cell">
                       <div className="row-actions">
+                        {(() => {
+                          const mapped =
+                            Object.keys(a.folder_mapping ?? {}).length > 0 ||
+                            (a.excluded_folders?.length ?? 0) > 0
+                          return mapped ? (
+                            <span
+                              className="map-dot"
+                              title="Folders already mapped for this account"
+                              aria-label="Folders mapped"
+                            />
+                          ) : null
+                        })()}
                         {a.status !== 'running' && data?.task.status !== 'running' && (
                           <button
                             type="button"
@@ -671,6 +685,11 @@ export function TaskDetail({ id }: { id: number }) {
           dstFolders={mapState.dst}
           initialMapping={task.folder_mapping ?? {}}
           initialExcluded={[]}
+          accountLabel={
+            mapState.creds.dst_login && mapState.creds.dst_login !== mapState.creds.src_login
+              ? `${mapState.creds.src_login} → ${mapState.creds.dst_login}`
+              : mapState.creds.src_login
+          }
           onCancel={() => setMapState(null)}
           onConfirm={confirmMapping}
         />
@@ -683,6 +702,7 @@ export function TaskDetail({ id }: { id: number }) {
           dstFolders={editMap.dst}
           initialMapping={editMap.mapping}
           initialExcluded={editMap.excluded}
+          accountLabel={editMap.label}
           onCancel={() => setEditMap(null)}
           onConfirm={saveEditMapping}
         />