@nightkatana/kronosys-app 1.0.0-beta.2 → 1.0.0-beta.21

package/app/page.tsx

@@ -10,16 +10,20 @@ import {
   useState,
 } from "react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { Clock, FolderOpen, Globe, Plus, User, X } from "lucide-react";
-import { HeaderIntegrationBadges } from "@/components/dashboard/HeaderIntegrationBadges";
+import { Plus, X } from "lucide-react";
+import { AppShellHeaderSessionMeta } from "@/components/dashboard/AppShellHeaderSessionMeta";
+import { AppShellHeaderWallClock } from "@/components/dashboard/AppShellHeaderWallClock";
 import {
   postKronosysAction,
   type GitRepoStatisticsPayload,
   type KronosysUpdatePayload,
-  type WorkspaceCodeSnapshotPayload,
 } from "@/lib/kronosysApi";
 import { useKronosysPayload } from "@/components/KronosysPayloadProvider";
-import { appShellHeaderClassName } from "@/lib/appShellHeaderClasses";
+import {
+  appShellHeaderClassName,
+  appShellHeaderTitleMetaRowClassName,
+  appShellHeaderToolbarClassName,
+} from "@/lib/appShellHeaderClasses";
 import { dashboardColumnTitleRowClassName } from "@/lib/dashboardColumnChrome";
 import { AppVersionStamp } from "@/components/dashboard/AppVersionStamp";
 import { dashboardStrings, type Lang } from "@/lib/dashboardCopy";
@@ -63,6 +67,7 @@ import { SettingsTagsProjectsSection } from "@/components/dashboard/SettingsTags
 import { InlineMetricHelpTrigger } from "@/components/dashboard/InlineMetricHelpTrigger";
 import { LanguageMenu } from "@/components/dashboard/LanguageMenu";
 import { SelectedSessionSidebarBlock } from "@/components/dashboard/SelectedSessionSidebarBlock";
+import { DashboardPauseBackdrop } from "@/components/dashboard/DashboardPauseBackdrop";
 import { ThemeToggle } from "@/components/dashboard/ThemeToggle";
 import { PageRefreshButton } from "@/components/dashboard/PageRefreshButton";
 import { AppShellRouteNav } from "@/components/dashboard/AppShellRouteNav";
@@ -77,25 +82,51 @@ import { DashboardLangGateModal } from "@/components/dashboard/DashboardLangGate
 import { GitIdentityQuickSetupModal } from "@/components/dashboard/GitIdentityQuickSetupModal";
 import { DashboardTour } from "@/components/dashboard/DashboardTour";
 import { isDashboardTourCompleted } from "@/lib/dashboardTourStorage";
-import { workspaceFolderPathStrings } from "@/lib/legacyEditorPayloadKeys";
 import { mergeLiveSessionIntoHistory } from "@/lib/sessionListMerge";
+import {
+  buildTaskTimelineGanttRows,
+  mergeSessionTasksForTimeline,
+  parseSessionBoundsMs,
+} from "@/lib/taskTimelineGantt";
 import {
   showIdeLinkedCodeTimingMetrics,
-  showWorkspaceFoldersEmptyMessage,
   trackCodeMetricsFromCfg,
 } from "@/lib/usageProfile";
 import { buildDashboardQuickSearchItems } from "@/lib/dashboardQuickSearch";
+import { parseTaskTemplatesFromPayload } from "@/lib/taskTemplateDraft";
 import { readDashboardUse24HourClockFromCfg } from "@/lib/dashboardClockFormat";
-import { readDashboardTimeZoneFromCfg } from "@/lib/dashboardTimeZone";
+import {
+  calendarDateKeyInTimeZone,
+  readDashboardTimeZoneFromCfg,
+} from "@/lib/dashboardTimeZone";
 import { NewSessionScopeModal } from "@/components/dashboard/NewSessionScopeModal";
+import { GlobalPauseConfirmModal } from "@/components/dashboard/GlobalPauseConfirmModal";
+import { TaskTimelineGanttModal } from "@/components/dashboard/TaskTimelineGanttModal";
 import { useKronosysPackageVersion } from "@/components/KronosysPackageVersionProvider";
+import {
+  buildGlobalPauseActivationPreview,
+  isGlobalPauseActivationNoOp,
+} from "@/lib/globalPausePreview";
 
 type LiveTaskShape = {
   id: string;
   name?: string;
+  startTime?: string;
+  endTime?: string;
+  durationMs?: number;
+  taskTimerLaps?: Array<{
+    startTime?: string;
+    endTime?: string;
+    durationMs?: number;
+  }>;
+  project?: string | null;
   isDone?: boolean;
   manualTaskTimerPaused?: boolean;
-  subtasks?: Array<{ done?: boolean }>;
+  subtasks?: Array<{ id?: string; durationMs?: number; done?: boolean }>;
+  activeSubtaskTimerId?: string | null;
+  subtaskTimerStartedAt?: string | number;
+  mainTimerSegmentStartedAt?: string | null;
+  taskCurrentLapStartedAt?: string | number | null;
 };
 
 type LiveShape = {
@@ -193,13 +224,35 @@ function DashboardHome() {
   const [archiveConfirmSessionId, setArchiveConfirmSessionId] = useState<
     string | null
   >(null);
+  /** Instantané pour animer la disparition dans la liste tant que le serveur n’a plus cette session dans l’historique. */
+  const [archiveListExitSession, setArchiveListExitSession] =
+    useState<SessionListEntry | null>(null);
+  /** Instantané de la session live pour animer la sortie une fois l’état live effacé côté serveur. */
+  const [endLiveListExitSession, setEndLiveListExitSession] =
+    useState<SessionListEntry | null>(null);
   const [archiveDismissChecked, setArchiveDismissChecked] = useState(false);
   const [endLiveSessionConfirmFlags, setEndLiveSessionConfirmFlags] =
     useState<EndLiveSessionWarningFlags | null>(null);
   const [endSessionReasonKind, setEndSessionReasonKind] = useState<string>("");
   const [endSessionReasonNote, setEndSessionReasonNote] = useState("");
+  const [endSessionTaskHandling, setEndSessionTaskHandling] = useState<
+    "keep" | "finish" | "moveToPausedSession"
+  >("keep");
   const [tourOpen, setTourOpen] = useState(false);
   const [newSessionModalOpen, setNewSessionModalOpen] = useState(false);
+  const pendingNewSessionFocusRef = useRef(false);
+  const pendingNewSessionAfterEndRef = useRef<{
+    sessionScope: unknown;
+    sessionStartAtIso: string | null;
+    sessionEndAtIso: string | null;
+  } | null>(null);
+  const createNewSessionAndFocusRef = useRef<
+    (args: {
+      sessionScope: unknown;
+      sessionStartAtIso: string | null;
+      sessionEndAtIso: string | null;
+    }) => Promise<void>
+  >(async () => {});
   const [gitBannerDismissed, setGitBannerDismissed] = useState(false);
   const [gitIdentitySetupModalOpen, setGitIdentitySetupModalOpen] =
     useState(false);
@@ -207,6 +260,12 @@ function DashboardHome() {
     useState(false);
   const [updateChangelogModalOpen, setUpdateChangelogModalOpen] =
     useState(false);
+  const [globalPauseConfirmOpen, setGlobalPauseConfirmOpen] = useState(false);
+  const [ganttForSessionId, setGanttForSessionId] = useState<string | null>(
+    null,
+  );
+  const [ganttModalOpen, setGanttModalOpen] = useState(false);
+  const [todayGanttModalOpen, setTodayGanttModalOpen] = useState(false);
   const packageVersion = useKronosysPackageVersion();
 
   useEffect(() => {
@@ -252,6 +311,70 @@ function DashboardHome() {
     const raw = (payload.history || []) as SessionListEntry[];
     return mergeLiveSessionIntoHistory(raw, live);
   }, [payload, live]);
+
+  const liveEndedForExitAnimation =
+    typeof endLiveListExitSession?.sessionId === "string" &&
+    endLiveListExitSession.sessionId.trim() !== "" &&
+    (typeof live?.sessionId !== "string" ||
+      live.sessionId.trim() !== endLiveListExitSession.sessionId);
+
+  const sessionListPanelSessions = useMemo(() => {
+    if (archiveListExitSession) {
+      const aid = archiveListExitSession.sessionId;
+      if (!history.some((s) => s.sessionId === aid)) {
+        return [...history, archiveListExitSession];
+      }
+    }
+
+    if (
+      endLiveListExitSession &&
+      liveEndedForExitAnimation &&
+      history.some((s) => s.sessionId === endLiveListExitSession.sessionId)
+    ) {
+      const eid = endLiveListExitSession.sessionId;
+      return [
+        endLiveListExitSession,
+        ...history.filter((s) => s.sessionId !== eid),
+      ];
+    }
+
+    return history;
+  }, [
+    history,
+    archiveListExitSession,
+    endLiveListExitSession,
+    liveEndedForExitAnimation,
+  ]);
+
+  const archiveListExitAnimateId = useMemo(() => {
+    if (!archiveListExitSession) {
+      return null;
+    }
+    const id = archiveListExitSession.sessionId;
+    if (history.some((s) => s.sessionId === id)) {
+      return null;
+    }
+    return id;
+  }, [history, archiveListExitSession]);
+
+  const endLiveListExitAnimateId = useMemo(() => {
+    if (!endLiveListExitSession || !liveEndedForExitAnimation) {
+      return null;
+    }
+    const id = endLiveListExitSession.sessionId;
+    if (!history.some((s) => s.sessionId === id)) {
+      return null;
+    }
+    return id;
+  }, [history, endLiveListExitSession, liveEndedForExitAnimation]);
+
+  const sessionRowExitAnimateId =
+    archiveListExitAnimateId ?? endLiveListExitAnimateId ?? null;
+
+  const clearSessionRowExitStates = useCallback(() => {
+    setArchiveListExitSession(null);
+    setEndLiveListExitSession(null);
+  }, []);
   const urlResolution = resolveUrlSession(
     urlParam,
     payload,
@@ -279,7 +402,7 @@ function DashboardHome() {
   const columnArchiveId =
     isDetachedUrlTab && urlResolution.id !== live?.sessionId
       ? urlResolution.id
-      : (inspectingId ?? null);
+      : inspectingId ?? null;
   const viewingSession = columnArchiveId
     ? ((history.find((s) => s.sessionId === columnArchiveId) ||
         historyArchived.find((s) => s.sessionId === columnArchiveId)) as
@@ -288,6 +411,15 @@ function DashboardHome() {
     : undefined;
   const sessionCurrent = (viewingSession ?? live) as LiveShape | undefined;
   const isInspecting = Boolean(columnArchiveId);
+  const archiveSessionInMainHistoryList = useMemo(
+    () =>
+      typeof columnArchiveId === "string" &&
+      columnArchiveId.length > 0 &&
+      sessionListPanelSessions.some((s) => s.sessionId === columnArchiveId),
+    [columnArchiveId, sessionListPanelSessions],
+  );
+  const showSessionSidebarAboveSessionList =
+    !columnArchiveId || !archiveSessionInMainHistoryList;
 
   useEffect(() => {
     if (!payload) {
@@ -463,6 +595,19 @@ function DashboardHome() {
   const post = useCallback(
     async (body: Record<string, unknown>) => {
       const res = await postKronosysAction(body);
+      if (!res.ok) {
+        const raw =
+          typeof res.result?.newSessionError === "string"
+            ? res.result.newSessionError.trim()
+            : "";
+        setHomeDialogAlert(
+          raw ||
+            (lang === "fr"
+              ? "L’action n’a pas pu être appliquée."
+              : "The action could not be applied."),
+        );
+        return res;
+      }
       await refresh();
       const op = res.result?.sessionOp;
       if (op && !op.ok) {
@@ -475,8 +620,57 @@ function DashboardHome() {
       }
       return res;
     },
-    [refresh],
+    [lang, refresh],
+  );
+  const globalPauseContextActive = Boolean(
+    live &&
+      typeof live === "object" &&
+      "globalPauseContext" in live &&
+      (live as { globalPauseContext?: unknown }).globalPauseContext,
+  );
+  const globalPauseActivationPreview = useMemo(
+    () =>
+      live && typeof live === "object"
+        ? buildGlobalPauseActivationPreview(live as Record<string, unknown>)
+        : null,
+    [live],
   );
+  const globalPauseNavDisabled = useMemo(
+    () =>
+      !globalPauseContextActive &&
+      globalPauseActivationPreview !== null &&
+      isGlobalPauseActivationNoOp(globalPauseActivationPreview),
+    [globalPauseContextActive, globalPauseActivationPreview],
+  );
+  const onGlobalPauseNavPress = useCallback(() => {
+    if (globalPauseContextActive) {
+      void post({ type: "toggleGlobalPauseContext" });
+      return;
+    }
+    if (globalPauseNavDisabled) {
+      return;
+    }
+    setGlobalPauseConfirmOpen(true);
+  }, [globalPauseContextActive, globalPauseNavDisabled, post]);
+  const confirmGlobalPauseActivation = useCallback(() => {
+    setGlobalPauseConfirmOpen(false);
+    void post({ type: "toggleGlobalPauseContext" });
+  }, [post]);
+  const cancelGlobalPauseConfirm = useCallback(() => {
+    setGlobalPauseConfirmOpen(false);
+  }, []);
+
+  useEffect(() => {
+    if (globalPauseContextActive) {
+      setGlobalPauseConfirmOpen(false);
+    }
+  }, [globalPauseContextActive]);
+
+  useEffect(() => {
+    if (!live) {
+      setGlobalPauseConfirmOpen(false);
+    }
+  }, [live]);
 
   const completeLangGate = useCallback(
     (next: Lang) => {
@@ -504,10 +698,10 @@ function DashboardHome() {
             p.error === "disabled"
               ? dt.sessionMongoPushFailedDisabled
               : p.error === "not_found"
-                ? dt.sessionMongoPushFailedNotFound
-                : p.error === "uri_incomplete"
-                  ? dt.sessionMongoPushFailedUri
-                  : dt.sessionMongoPushFailedMongo;
+              ? dt.sessionMongoPushFailedNotFound
+              : p.error === "uri_incomplete"
+              ? dt.sessionMongoPushFailedUri
+              : dt.sessionMongoPushFailedMongo;
           setHomeDialogAlert(msg);
         }
       } catch {
@@ -532,12 +726,16 @@ function DashboardHome() {
   const confirmArchiveSession = useCallback(
     (sessionId: string) => {
       if (payload?.dismissArchiveSessionConfirm === true) {
+        const snap = history.find((s) => s.sessionId === sessionId);
+        if (snap) {
+          setArchiveListExitSession(snap);
+        }
         void post({ type: "archiveSession", sessionId, archived: true });
         return;
       }
       setArchiveConfirmSessionId(sessionId);
     },
-    [payload?.dismissArchiveSessionConfirm, post],
+    [history, payload?.dismissArchiveSessionConfirm, post],
   );
 
   const handleDeleteConfirm = useCallback(
@@ -566,6 +764,7 @@ function DashboardHome() {
     const flags = getEndLiveSessionWarningFlags(live);
     setEndSessionReasonKind("");
     setEndSessionReasonNote("");
+    setEndSessionTaskHandling("keep");
     setEndLiveSessionConfirmFlags(flags);
   }, [live]);
 
@@ -631,15 +830,28 @@ function DashboardHome() {
     setEndLiveSessionConfirmFlags(null);
     setEndSessionReasonKind("");
     setEndSessionReasonNote("");
+    setEndSessionTaskHandling("keep");
+    pendingNewSessionAfterEndRef.current = null;
   }, []);
 
-  const confirmEndLiveSession = useCallback(() => {
+  const confirmEndLiveSession = useCallback(async () => {
     const kind = endSessionReasonKind;
     const note = endSessionReasonNote.trim();
+    const handling = endSessionTaskHandling;
+    const liveSidRaw =
+      typeof live?.sessionId === "string" ? live.sessionId.trim() : "";
+    const snap =
+      liveSidRaw !== ""
+        ? history.find((s) => s.sessionId === liveSidRaw)
+        : undefined;
     setEndLiveSessionConfirmFlags(null);
     setEndSessionReasonKind("");
     setEndSessionReasonNote("");
-    void post({
+    setEndSessionTaskHandling("keep");
+    if (snap) {
+      setEndLiveListExitSession(snap);
+    }
+    await post({
       type: "endLiveSession",
       ...(kind === "planned" ||
       kind === "early" ||
@@ -648,8 +860,21 @@ function DashboardHome() {
         ? { sessionEndReasonKind: kind }
         : {}),
       ...(note.length > 0 ? { sessionEndReasonNote: note } : {}),
+      ...(handling !== "keep" ? { taskHandling: handling } : {}),
     });
-  }, [post, endSessionReasonKind, endSessionReasonNote]);
+    const pend = pendingNewSessionAfterEndRef.current;
+    pendingNewSessionAfterEndRef.current = null;
+    if (pend) {
+      await createNewSessionAndFocusRef.current(pend);
+    }
+  }, [
+    history,
+    live?.sessionId,
+    post,
+    endSessionReasonKind,
+    endSessionReasonNote,
+    endSessionTaskHandling,
+  ]);
 
   const handleSelectSession = useCallback(
     async (sessionId: string) => {
@@ -709,6 +934,32 @@ function DashboardHome() {
     });
   }, []);
 
+  const focusTaskLauncherInput = useCallback(() => {
+    document.getElementById("dashboard-col-tasks")?.scrollIntoView({
+      behavior: "smooth",
+      block: "start",
+    });
+    const tryFocus = () => {
+      const input = document.getElementById(
+        "kronosys-task-launcher-input",
+      ) as HTMLInputElement | null;
+      if (!input) {
+        return false;
+      }
+      input.focus();
+      input.select();
+      return true;
+    };
+    globalThis.requestAnimationFrame(() => {
+      if (tryFocus()) {
+        return;
+      }
+      globalThis.setTimeout(() => {
+        void tryFocus();
+      }, 140);
+    });
+  }, []);
+
   const scrollToTaskInPanel = useCallback((taskId: string) => {
     const el =
       document.getElementById(`kronosys-active-task-${taskId}`) ??
@@ -716,6 +967,18 @@ function DashboardHome() {
     el?.scrollIntoView({ behavior: "smooth", block: "nearest" });
   }, []);
 
+  const taskLauncherApplyDraftRef = useRef<((text: string) => void) | null>(
+    null,
+  );
+
+  const taskTemplatesForSearch = useMemo(
+    () =>
+      parseTaskTemplatesFromPayload(
+        (payload as Record<string, unknown> | undefined)?.taskTemplates,
+      ),
+    [payload],
+  );
+
   const sessionDurationAlertThresholdMinutes = useMemo(() => {
     const raw = (payload?.cfg as Record<string, unknown> | undefined)
       ?.dashboardSessionDurationAlertHours;
@@ -761,14 +1024,195 @@ function DashboardHome() {
   }, [payload?.cfg]);
 
   const dashboardDisplayTimeZone = useMemo(
-    () => readDashboardTimeZoneFromCfg(payload?.cfg as Record<string, unknown> | undefined),
-    [payload?.cfg]
+    () =>
+      readDashboardTimeZoneFromCfg(
+        payload?.cfg as Record<string, unknown> | undefined,
+      ),
+    [payload?.cfg],
   );
   const dashboardUse24HourClock = useMemo(
-    () => readDashboardUse24HourClockFromCfg(payload?.cfg as Record<string, unknown> | undefined),
-    [payload?.cfg]
+    () =>
+      readDashboardUse24HourClockFromCfg(
+        payload?.cfg as Record<string, unknown> | undefined,
+      ),
+    [payload?.cfg],
+  );
+
+  const openGanttForSessionId = useCallback((sessionId: string) => {
+    const id = sessionId.trim();
+    if (!id) {
+      return;
+    }
+    setTodayGanttModalOpen(false);
+    setGanttForSessionId(id);
+    setGanttModalOpen(true);
+  }, []);
+
+  const closeGanttModal = useCallback(() => {
+    setGanttModalOpen(false);
+    setGanttForSessionId(null);
+  }, []);
+
+  const openTodayGanttModal = useCallback(() => {
+    setGanttModalOpen(false);
+    setGanttForSessionId(null);
+    setTodayGanttModalOpen(true);
+  }, []);
+
+  const closeTodayGanttModal = useCallback(() => {
+    setTodayGanttModalOpen(false);
+  }, []);
+
+  const ganttResolvedSession = useMemo(():
+    | SessionListEntry
+    | LiveShape
+    | null => {
+    const focus = ganttForSessionId?.trim();
+    if (!focus) {
+      return null;
+    }
+    const liveSid =
+      typeof live?.sessionId === "string" ? live.sessionId.trim() : "";
+    if (liveSid !== "" && liveSid === focus) {
+      return live as LiveShape;
+    }
+    return (
+      history.find((s) => s.sessionId === focus) ??
+      historyArchived.find((s) => s.sessionId === focus) ??
+      null
+    );
+  }, [ganttForSessionId, live, history, historyArchived]);
+
+  const ganttIsInspecting = useMemo(() => {
+    const focus = ganttForSessionId?.trim() ?? "";
+    const liveSid =
+      typeof live?.sessionId === "string" ? live.sessionId.trim() : "";
+    return liveSid === "" || focus !== liveSid;
+  }, [ganttForSessionId, live?.sessionId]);
+
+  const ganttTimelineRows = useMemo(() => {
+    if (!ganttResolvedSession) {
+      return [];
+    }
+    return buildTaskTimelineGanttRows(
+      mergeSessionTasksForTimeline(ganttResolvedSession),
+      {
+        isInspecting: ganttIsInspecting,
+        lang,
+        displayTimeZone: dashboardDisplayTimeZone,
+        use24HourClock: dashboardUse24HourClock,
+      },
+    );
+  }, [
+    ganttResolvedSession,
+    ganttIsInspecting,
+    lang,
+    dashboardDisplayTimeZone,
+    dashboardUse24HourClock,
+  ]);
+
+  const {
+    sessionStartMs: ganttSessionStartMs,
+    sessionEndMs: ganttSessionEndMs,
+  } = useMemo(
+    () => parseSessionBoundsMs(ganttResolvedSession ?? undefined),
+    [ganttResolvedSession],
   );
 
+  const todayGanttTimelineRows = useMemo(() => {
+    const dayKey = calendarDateKeyInTimeZone(
+      new Date().toISOString(),
+      dashboardDisplayTimeZone,
+    );
+    if (!dayKey) {
+      return [];
+    }
+    const sessionMap = new Map<string, SessionListEntry | LiveShape>();
+    const liveSid =
+      typeof live?.sessionId === "string" ? live.sessionId.trim() : "";
+    if (liveSid !== "") {
+      sessionMap.set(liveSid, live as LiveShape);
+    }
+    for (const session of history) {
+      const sid = session.sessionId?.trim();
+      if (sid) {
+        sessionMap.set(sid, session);
+      }
+    }
+    for (const session of historyArchived) {
+      const sid = session.sessionId?.trim();
+      if (sid && !sessionMap.has(sid)) {
+        sessionMap.set(sid, session);
+      }
+    }
+
+    const mergedTasks: Array<{
+      id: string;
+      name?: string;
+      startTime?: string;
+      endTime?: string;
+      durationMs?: number;
+      project?: string | null;
+    }> = [];
+
+    for (const [sid, session] of sessionMap.entries()) {
+      const tasks = mergeSessionTasksForTimeline(session);
+      for (const task of tasks) {
+        const startIso =
+          typeof task.startTime === "string" ? task.startTime : null;
+        const endIso = typeof task.endTime === "string" ? task.endTime : null;
+        const startDay = calendarDateKeyInTimeZone(
+          startIso,
+          dashboardDisplayTimeZone,
+        );
+        const endDay = calendarDateKeyInTimeZone(
+          endIso,
+          dashboardDisplayTimeZone,
+        );
+        const includeToday =
+          startDay === dayKey ||
+          endDay === dayKey ||
+          (endIso === null &&
+            startDay !== null &&
+            startDay <= dayKey &&
+            liveSid === sid);
+        if (!includeToday) {
+          continue;
+        }
+        const taskId =
+          typeof task.id === "string" && task.id.trim() !== ""
+            ? task.id.trim()
+            : `task-${mergedTasks.length + 1}`;
+        mergedTasks.push({
+          id: `${sid}:${taskId}`,
+          name: task.name,
+          startTime: startIso ?? undefined,
+          endTime: endIso ?? undefined,
+          durationMs:
+            typeof task.durationMs === "number" ? task.durationMs : undefined,
+          project:
+            typeof task.project === "string" || task.project === null
+              ? task.project
+              : null,
+        });
+      }
+    }
+
+    return buildTaskTimelineGanttRows(mergedTasks, {
+      isInspecting: false,
+      lang,
+      displayTimeZone: dashboardDisplayTimeZone,
+      use24HourClock: dashboardUse24HourClock,
+    });
+  }, [
+    dashboardDisplayTimeZone,
+    dashboardUse24HourClock,
+    history,
+    historyArchived,
+    lang,
+    live,
+  ]);
+
   const quickSearchItems = useMemo(
     () =>
       buildDashboardQuickSearchItems({
@@ -794,6 +1238,13 @@ function DashboardHome() {
         scrollToSession: scrollToSessionInList,
         focusTasksColumn: focusTasksColumnForSearch,
         scrollToTask: scrollToTaskInPanel,
+        taskTemplates: taskTemplatesForSearch,
+        onSelectTaskTemplate: (draft) => {
+          focusTasksColumnForSearch();
+          globalThis.requestAnimationFrame(() => {
+            taskLauncherApplyDraftRef.current?.(draft);
+          });
+        },
       }),
     [
       dt,
@@ -805,6 +1256,7 @@ function DashboardHome() {
       scrollToSessionInList,
       scrollToTaskInPanel,
       sessionCurrent,
+      taskTemplatesForSearch,
     ],
   );
 
@@ -823,9 +1275,79 @@ function DashboardHome() {
     await refresh();
   }, [pathname, refresh, router, searchParams, sessionQueryMode]);
 
+  useEffect(() => {
+    if (!pendingNewSessionFocusRef.current) {
+      return;
+    }
+    const liveSid =
+      typeof live?.sessionId === "string" ? live.sessionId.trim() : "";
+    if (!liveSid) {
+      return;
+    }
+    pendingNewSessionFocusRef.current = false;
+    focusTaskLauncherInput();
+  }, [focusTaskLauncherInput, live?.sessionId]);
+
+  const createNewSessionAndFocus = useCallback(
+    async (args: {
+      sessionScope: unknown;
+      sessionStartAtIso: string | null;
+      sessionEndAtIso: string | null;
+    }) => {
+      setNewSessionModalOpen(false);
+      const res = await post({
+        type: "newSession",
+        sessionScope: args.sessionScope,
+        ...(args.sessionStartAtIso
+          ? { sessionStartAt: args.sessionStartAtIso }
+          : {}),
+        ...(args.sessionEndAtIso ? { sessionEndAt: args.sessionEndAtIso } : {}),
+      });
+      if (!res.ok) {
+        return;
+      }
+      const hid =
+        typeof res.result?.newHistorySessionId === "string"
+          ? res.result.newHistorySessionId.trim()
+          : "";
+      if (hid !== "") {
+        pendingNewSessionFocusRef.current = false;
+        await handleSelectSession(hid);
+        scrollToSessionInList(hid);
+        focusTaskLauncherInput();
+        return;
+      }
+      pendingNewSessionFocusRef.current = true;
+      if (sessionQueryMode) {
+        router.replace(
+          pathnameWithUpdatedSessionQuery(
+            pathname,
+            searchParams.toString(),
+            null,
+          ),
+        );
+      }
+      focusTaskLauncherInput();
+    },
+    [
+      focusTaskLauncherInput,
+      handleSelectSession,
+      pathname,
+      post,
+      router,
+      scrollToSessionInList,
+      searchParams,
+      sessionQueryMode,
+    ],
+  );
+
+  createNewSessionAndFocusRef.current = createNewSessionAndFocus;
+
   const openSessionInNewTab = useCallback(
     (sessionId: string) => {
-      const url = `${globalThis.location.origin}${pathname}?session=${encodeURIComponent(sessionId)}`;
+      const url = `${
+        globalThis.location.origin
+      }${pathname}?session=${encodeURIComponent(sessionId)}`;
       globalThis.open(url, "_blank", "noopener,noreferrer");
     },
     [pathname],
@@ -835,10 +1357,10 @@ function DashboardHome() {
     urlResolution.mode === "ok"
       ? urlResolution.id
       : urlResolution.mode === "loading" && urlParam
-        ? urlParam
-        : urlResolution.mode === "invalid"
-          ? live?.sessionId
-          : (inspectingId ?? live?.sessionId);
+      ? urlParam
+      : urlResolution.mode === "invalid"
+      ? live?.sessionId
+      : inspectingId ?? live?.sessionId;
 
   const trimmedSelectedSessionId =
     typeof selectedSessionId === "string" ? selectedSessionId.trim() : "";
@@ -858,13 +1380,6 @@ function DashboardHome() {
     typeof gitIdentity?.gitAccountLogin === "string"
       ? gitIdentity.gitAccountLogin.trim()
       : "";
-  const gitContextLine = [
-    gitUserName || null,
-    gitUserEmail || null,
-    gitAccountLogin || null,
-  ]
-    .filter(Boolean)
-    .join(" · ");
   const hasGitIdentityConfigured = Boolean(
     gitUserName || gitUserEmail || gitAccountLogin,
   );
@@ -925,56 +1440,58 @@ function DashboardHome() {
       : "sqlite";
   const mongoPushEnabled = mongoConnected;
 
-  /** Chemins workspace : payload, puis cfg, puis instantané LOC. */
-  const resolvedWorkspaceRoots = useMemo(() => {
-    const top = workspaceFolderPathStrings(payload);
-    if (top.length > 0) {
-      return top;
-    }
-    const cfgObj = payload?.cfg as Record<string, unknown> | undefined;
-    const fromCfg = workspaceFolderPathStrings(cfgObj);
-    if (fromCfg.length > 0) {
-      return fromCfg;
-    }
-    const snap = payload?.workspaceCodeSnapshot as
-      | WorkspaceCodeSnapshotPayload
-      | undefined;
-    if (snap?.ok === true) {
-      const w = snap.workspaceFolder?.trim();
-      if (w) {
-        return [w];
-      }
-    }
-    return [];
-  }, [payload]);
-
   const gitStats = payload?.gitStats as GitRepoStatisticsPayload | undefined;
 
-  const showWorkspaceFoldersEmpty = showWorkspaceFoldersEmptyMessage(
-    payload,
-    resolvedWorkspaceRoots.length,
-  );
   const showIdeCodeTimingMetrics = showIdeLinkedCodeTimingMetrics(payload, cfg);
 
-  const showHeaderUserRow =
-    Boolean(payload) &&
-    Boolean(
-      gitContextLine ||
-      showWorkspaceFoldersEmpty ||
-      resolvedWorkspaceRoots.length > 0 ||
-      cfg,
-    );
-  const headerClockShort = dashboardUse24HourClock
-    ? dt.headerClockFormat24Short
-    : dt.headerClockFormat12Short;
-  const headerDisplayPrefsTitle = dt.headerDisplayRegionTitle
-    .replace("{timeZone}", dashboardDisplayTimeZone)
-    .replace("{clock}", headerClockShort);
+  const renderSelectedSessionSidebarCard = () => (
+    <SelectedSessionSidebarBlock
+      lang={lang}
+      t={dt}
+      sessionCurrent={sessionCurrent}
+      columnArchiveId={columnArchiveId}
+      sessionName={sessionName}
+      setSessionName={setSessionName}
+      sessionNameInputRef={sessionNameInputRef}
+      sessionNameFieldActiveRef={sessionNameFieldActiveRef}
+      sessionNameRowFocused={sessionNameRowFocused}
+      setSessionNameRowFocused={setSessionNameRowFocused}
+      post={post}
+      headerSessionLabel={header.session}
+      headerSessionDuration={header.sessionDuration}
+      headerSessionStart={header.sessionStart}
+      displayTimeZone={dashboardDisplayTimeZone}
+      use24HourClock={dashboardUse24HourClock}
+      headerCoding={header.coding}
+      headerActive={header.active}
+      headerTasks={header.tasks}
+      archivedBadge={dt.archivedBadge}
+      trackCodeMetrics={trackCodeMetrics}
+      showIdeCodeTimingMetrics={showIdeCodeTimingMetrics}
+      gitStats={gitStats}
+      liveSessionId={live?.sessionId}
+      onEndLiveSession={() => void handleRequestEndLiveSession()}
+      sessionDurationAlertThresholdMinutes={
+        sessionDurationAlertThresholdMinutes
+      }
+      allowSessionStartTimeEdit={dashboardAllowSessionStartTimeEdit}
+      allowSessionEndTimeEdit={dashboardAllowSessionEndTimeEdit}
+      onOpenTaskGantt={() => {
+        const sid =
+          typeof sessionCurrent?.sessionId === "string"
+            ? sessionCurrent.sessionId.trim()
+            : "";
+        if (sid) {
+          openGanttForSessionId(sid);
+        }
+      }}
+    />
+  );
 
   return (
     <div className="min-h-screen bg-zinc-100 text-zinc-900 dark:bg-zinc-900 dark:text-zinc-100">
       <header className={appShellHeaderClassName}>
-        <div className="mb-3 flex w-full flex-col gap-3 sm:mb-4 sm:flex-row sm:items-start sm:justify-between sm:gap-6">
+        <div className={appShellHeaderTitleMetaRowClassName}>
           <div id="dashboard-tour-anchor-intro" className="min-w-0 shrink-0">
             <div className="flex min-w-0 flex-col gap-1">
               <h1 className="text-xl font-semibold tracking-tight text-zinc-900 dark:text-zinc-100">
@@ -992,79 +1509,11 @@ function DashboardHome() {
               </p>
             </div>
           </div>
-          <div
-            id="dashboard-tour-anchor-user-storage"
-            className="min-w-0 shrink-0 sm:max-w-[min(100%,36rem)] sm:justify-self-end"
-          >
-            {showHeaderUserRow ? (
-              <div className="flex min-w-0 flex-col items-stretch gap-1.5 text-xs text-zinc-600 sm:items-end sm:text-right dark:text-zinc-400">
-                {gitContextLine ? (
-                  <p
-                    className="flex max-w-full items-center gap-x-2 sm:justify-end"
-                    title={gitContextLine}
-                  >
-                    <User
-                      className="shrink-0 text-zinc-500 dark:text-zinc-500"
-                      size={14}
-                      aria-hidden
-                    />
-                    <span className="min-w-0 max-w-[min(100%,48rem)] truncate font-medium text-zinc-800 dark:text-zinc-300">
-                      {gitContextLine}
-                    </span>
-                  </p>
-                ) : null}
-                <p className="flex max-w-full flex-wrap items-center gap-x-1.5 sm:justify-end" title={headerDisplayPrefsTitle}>
-                  <Globe className="shrink-0 text-zinc-500 dark:text-zinc-500" size={14} aria-hidden />
-                  <span className="min-w-0 max-w-[min(100%,48rem)] break-all font-mono text-[0.7rem] font-medium text-zinc-800 dark:text-zinc-300">
-                    {dashboardDisplayTimeZone}
-                  </span>
-                  <span className="text-zinc-400/70 dark:text-zinc-600" aria-hidden>
-                    ·
-                  </span>
-                  <Clock className="shrink-0 text-zinc-500 dark:text-zinc-500" size={14} aria-hidden />
-                  <span className="shrink-0 font-medium text-zinc-800 dark:text-zinc-300">{headerClockShort}</span>
-                </p>
-                {showWorkspaceFoldersEmpty ? (
-                  <p className="flex max-w-full items-start gap-x-2 sm:justify-end">
-                    <FolderOpen
-                      className="mt-0.5 shrink-0 text-zinc-500 dark:text-zinc-500"
-                      size={14}
-                      aria-hidden
-                    />
-                    <span className="min-w-0 max-w-[min(100%,48rem)] break-words font-medium text-zinc-800 sm:text-right dark:text-zinc-300">
-                      {dt.workspaceFoldersEmpty ?? "—"}
-                    </span>
-                  </p>
-                ) : resolvedWorkspaceRoots.length > 0 ? (
-                  resolvedWorkspaceRoots.map((p) => (
-                    <p
-                      key={p}
-                      className="flex max-w-full items-start gap-x-2 sm:justify-end"
-                    >
-                      <FolderOpen
-                        className="mt-0.5 shrink-0 text-zinc-500 dark:text-zinc-500"
-                        size={14}
-                        aria-hidden
-                      />
-                      <span className="min-w-0 max-w-[min(100%,48rem)] break-all font-medium text-zinc-800 sm:text-right dark:text-zinc-300">
-                        {p}
-                      </span>
-                    </p>
-                  ))
-                ) : null}
-                {cfg ? (
-                  <div className="flex w-full min-w-0 sm:justify-end">
-                    <HeaderIntegrationBadges
-                      t={dt}
-                      localPersistenceDriver={localPersistenceDriver}
-                      mongoConnected={mongoConnected}
-                      mongoEnabled={mongoEnabled}
-                    />
-                  </div>
-                ) : null}
-              </div>
-            ) : null}
-          </div>
+          <AppShellHeaderSessionMeta
+            domId="dashboard-tour-anchor-user-storage"
+            payload={payload}
+            dt={dt}
+          />
         </div>
         <div className="grid w-full grid-cols-1 gap-3 xl:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] xl:items-center xl:gap-x-6 xl:gap-y-0">
           <div className="flex flex-wrap items-center justify-between gap-4 xl:contents">
@@ -1074,8 +1523,9 @@ function DashboardHome() {
             />
             <div
               id="dashboard-tour-anchor-app-toolbar"
-              className="flex h-10 shrink-0 flex-wrap items-center justify-end gap-1.5 xl:col-start-3 xl:row-start-1 xl:justify-self-end"
+              className={`${appShellHeaderToolbarClassName} xl:col-start-3 xl:row-start-1 xl:justify-self-end`}
             >
+              <AppShellHeaderWallClock lang={lang} dt={dt} />
               <DashboardCommandCenter
                 dt={dt}
                 handlers={commandHandlers}
@@ -1087,6 +1537,25 @@ function DashboardHome() {
                 labels={nav}
                 navAriaLabel={dt.appShellRouteNavAria}
                 dashboardSessionId={selectedSessionId}
+                ganttControl={{
+                  label: dt.appShellRouteNavTodayGantt,
+                  onPress: openTodayGanttModal,
+                }}
+                reserveGlobalPauseSlot={!(live && live.archived !== true)}
+                globalPauseControl={
+                  live && live.archived !== true
+                    ? {
+                        active: globalPauseContextActive,
+                        label: globalPauseContextActive
+                          ? dt.appShellRouteNavGlobalResume
+                          : dt.appShellRouteNavGlobalPause,
+                        disabled: globalPauseNavDisabled,
+                        disabledTooltip:
+                          dt.appShellRouteNavGlobalPauseDisabledTooltip,
+                        onPress: onGlobalPauseNavPress,
+                      }
+                    : undefined
+                }
               />
               <ThemeToggle lang={lang} />
               <PageRefreshButton
@@ -1133,8 +1602,8 @@ function DashboardHome() {
                             typeof id === "string" && id.length > 0,
                         )
                     : live.activeTask?.id
-                      ? [live.activeTask.id]
-                      : undefined
+                    ? [live.activeTask.id]
+                    : undefined
                 }
                 t={dt}
                 post={postVoid}
@@ -1145,6 +1614,18 @@ function DashboardHome() {
         </div>
       </header>
 
+      {payload &&
+      live &&
+      live.archived !== true &&
+      typeof live.sessionId === "string" &&
+      live.sessionId.trim() !== "" &&
+      (live.isPaused === true || globalPauseContextActive) ? (
+        <DashboardPauseBackdrop
+          variant={globalPauseContextActive ? "global" : "session"}
+          dt={dt}
+        />
+      ) : null}
+
       <div className="mx-auto w-full max-w-[1920px] px-5 pt-5 pb-8 sm:px-8 sm:pt-6 sm:pb-10 lg:px-12 lg:pt-7 lg:pb-11 xl:px-14 xl:pt-7 xl:pb-12">
         {error && (
           <div
@@ -1242,10 +1723,10 @@ function DashboardHome() {
             <div className="grid w-full grid-cols-1 gap-8 xl:grid-cols-[minmax(0,1fr)_minmax(0,2.25fr)_minmax(0,1fr)] xl:items-start xl:gap-x-6 2xl:gap-x-10">
               <div
                 id="dashboard-col-sessions"
-                className="flex min-w-0 flex-col xl:sticky xl:top-8 xl:max-h-[calc(100vh-6rem)] xl:overflow-y-auto xl:pb-6 xl:pr-3 [scrollbar-gutter:stable] 2xl:pr-4"
+                className="flex min-w-0 flex-col xl:min-h-0 xl:overflow-visible xl:pb-6 xl:pr-3 2xl:pr-4"
               >
-                <div className="w-full min-w-0">
-                  <div className="mx-auto flex w-full max-w-md flex-col gap-8 sm:max-w-lg xl:mx-0 xl:max-w-none">
+                <div className="w-full min-w-0 xl:flex xl:min-h-0 xl:flex-1 xl:flex-col">
+                  <div className="mx-auto flex w-full max-w-md flex-col gap-8 sm:max-w-lg xl:mx-0 xl:max-w-none xl:min-h-0 xl:flex-1 xl:flex-col">
                     <div
                       className={`min-w-0 ${dashboardColumnTitleRowClassName}`}
                     >
@@ -1273,76 +1754,63 @@ function DashboardHome() {
                       </button>
                     </div>
 
-                    <SelectedSessionSidebarBlock
-                      lang={lang}
-                      t={dt}
-                      sessionCurrent={sessionCurrent}
-                      columnArchiveId={columnArchiveId}
-                      sessionName={sessionName}
-                      setSessionName={setSessionName}
-                      sessionNameInputRef={sessionNameInputRef}
-                      sessionNameFieldActiveRef={sessionNameFieldActiveRef}
-                      sessionNameRowFocused={sessionNameRowFocused}
-                      setSessionNameRowFocused={setSessionNameRowFocused}
-                      post={post}
-                      headerSessionLabel={header.session}
-                      headerSessionDuration={header.sessionDuration}
-                      headerSessionStart={header.sessionStart}
-                      displayTimeZone={dashboardDisplayTimeZone}
-                      use24HourClock={dashboardUse24HourClock}
-                      headerCoding={header.coding}
-                      headerActive={header.active}
-                      headerTasks={header.tasks}
-                      archivedBadge={dt.archivedBadge}
-                      trackCodeMetrics={trackCodeMetrics}
-                      showIdeCodeTimingMetrics={showIdeCodeTimingMetrics}
-                      gitStats={gitStats}
-                      liveSessionId={live?.sessionId}
-                      onEndLiveSession={() =>
-                        void handleRequestEndLiveSession()
-                      }
-                      sessionDurationAlertThresholdMinutes={
-                        sessionDurationAlertThresholdMinutes
-                      }
-                      allowSessionStartTimeEdit={
-                        dashboardAllowSessionStartTimeEdit
-                      }
-                      allowSessionEndTimeEdit={dashboardAllowSessionEndTimeEdit}
-                    />
-
-                    <SessionListPanel
-                      sessions={history}
-                      lang={lang}
-                      displayTimeZone={dashboardDisplayTimeZone}
-                      use24HourClock={dashboardUse24HourClock}
-                      liveSessionId={live?.sessionId}
-                      selectedSessionId={selectedSessionId}
-                      t={dt}
-                      onSelectSession={(id) => void handleSelectSession(id)}
-                      onOpenSessionInNewTab={openSessionInNewTab}
-                      onEndLiveSession={() =>
-                        void handleRequestEndLiveSession()
-                      }
-                      onArchiveSession={confirmArchiveSession}
-                      onDeleteSession={(id) => setDeleteSessionId(id)}
-                      onOpenArchives={() =>
-                        void router.push(
-                          withDashboardSessionParam(
-                            "/settings#settings-archived-sessions",
-                            selectedSessionId,
-                          ),
-                        )
-                      }
-                      archivedCount={historyArchived.length}
-                      mongoPushEnabled={mongoPushEnabled}
-                      onPushSessionToMongo={(id) =>
-                        void handlePushSessionToMongo(id)
-                      }
-                      pushingSessionId={mongoPushBusyId}
-                      sessionDurationAlertThresholdMinutes={
-                        sessionDurationAlertThresholdMinutes
-                      }
-                    />
+                    {showSessionSidebarAboveSessionList
+                      ? renderSelectedSessionSidebarCard()
+                      : null}
+
+                    <div className="min-h-[14rem] xl:h-full xl:min-h-0 xl:flex-1">
+                      <SessionListPanel
+                        sessions={sessionListPanelSessions}
+                        lang={lang}
+                        displayTimeZone={dashboardDisplayTimeZone}
+                        use24HourClock={dashboardUse24HourClock}
+                        liveSessionId={live?.sessionId}
+                        selectedSessionId={selectedSessionId}
+                        t={dt}
+                        onSelectSession={(id) => void handleSelectSession(id)}
+                        onOpenSessionInNewTab={openSessionInNewTab}
+                        onEndLiveSession={() =>
+                          void handleRequestEndLiveSession()
+                        }
+                        onArchiveSession={confirmArchiveSession}
+                        onDeleteSession={(id) => setDeleteSessionId(id)}
+                        onOpenArchives={() =>
+                          void router.push(
+                            withDashboardSessionParam(
+                              "/settings#settings-archived-sessions",
+                              selectedSessionId,
+                            ),
+                          )
+                        }
+                        archivedCount={historyArchived.length}
+                        mongoPushEnabled={mongoPushEnabled}
+                        onPushSessionToMongo={(id) =>
+                          void handlePushSessionToMongo(id)
+                        }
+                        pushingSessionId={mongoPushBusyId}
+                        sessionDurationAlertThresholdMinutes={
+                          sessionDurationAlertThresholdMinutes
+                        }
+                        onOpenSessionGantt={openGanttForSessionId}
+                        sessionRowExitAnimateId={sessionRowExitAnimateId}
+                        onSessionRowExitAnimationDone={
+                          clearSessionRowExitStates
+                        }
+                        liveChromeExitSessionId={endLiveListExitAnimateId}
+                        sortPinSessionId={endLiveListExitAnimateId}
+                        sessionDetailInline={
+                          archiveSessionInMainHistoryList &&
+                          typeof columnArchiveId === "string" &&
+                          columnArchiveId.length > 0
+                            ? {
+                                sessionId: columnArchiveId,
+                                content: renderSelectedSessionSidebarCard(),
+                              }
+                            : null
+                        }
+                        forcePageScroll
+                      />
+                    </div>
                   </div>
                 </div>
               </div>
@@ -1376,12 +1844,13 @@ function DashboardHome() {
                   showKronoFocusInTaskOps={dashboardShowKronoFocusInTaskOps}
                   allowTaskStartTimeEdit={dashboardAllowTaskStartTimeEdit}
                   allowTaskEndTimeEdit={dashboardAllowTaskEndTimeEdit}
+                  taskLauncherApplyDraftRef={taskLauncherApplyDraftRef}
                 />
               </div>
 
               <aside
                 id="dashboard-col-tags"
-                className="flex min-w-0 flex-col xl:sticky xl:top-8 xl:max-h-[calc(100vh-6rem)] xl:overflow-y-auto xl:pb-6 xl:pl-3 [scrollbar-gutter:stable] 2xl:pl-4"
+                className="flex min-w-0 flex-col xl:sticky xl:top-44 xl:max-h-[calc(100vh-12rem)] xl:overflow-y-auto xl:pb-6 xl:pl-3 [scrollbar-gutter:stable] 2xl:pl-4"
                 aria-labelledby="dashboard-tags-projects-heading"
               >
                 <div className={`min-w-0 ${dashboardColumnTitleRowClassName}`}>
@@ -1425,11 +1894,61 @@ function DashboardHome() {
           lang={lang}
           t={dt}
           onCancel={() => setNewSessionModalOpen(false)}
-          onConfirm={(sessionScope) => {
-            setNewSessionModalOpen(false);
-            void post({ type: "newSession", sessionScope });
+          onConfirm={(payload) => {
+            const liveSid =
+              typeof live?.sessionId === "string" ? live.sessionId.trim() : "";
+            const hasActiveLive = liveSid !== "" && live?.archived !== true;
+            if (!payload.sessionStartAtIso && hasActiveLive) {
+              pendingNewSessionAfterEndRef.current = {
+                sessionScope: payload.scope,
+                sessionStartAtIso: null,
+                sessionEndAtIso: null,
+              };
+              setNewSessionModalOpen(false);
+              handleRequestEndLiveSession();
+              return;
+            }
+            void createNewSessionAndFocus({
+              sessionScope: payload.scope,
+              sessionStartAtIso: payload.sessionStartAtIso,
+              sessionEndAtIso: payload.sessionEndAtIso,
+            });
           }}
         />
+        <GlobalPauseConfirmModal
+          open={globalPauseConfirmOpen}
+          preview={globalPauseActivationPreview}
+          lang={lang}
+          displayTimeZone={dashboardDisplayTimeZone}
+          use24HourClock={dashboardUse24HourClock}
+          t={dt}
+          onCancel={cancelGlobalPauseConfirm}
+          onConfirm={confirmGlobalPauseActivation}
+        />
+        <TaskTimelineGanttModal
+          open={ganttModalOpen}
+          onClose={closeGanttModal}
+          lang={lang}
+          displayTimeZone={dashboardDisplayTimeZone}
+          use24HourClock={dashboardUse24HourClock}
+          t={dt}
+          rows={ganttTimelineRows}
+          sessionStartMs={ganttSessionStartMs}
+          sessionEndMs={ganttSessionEndMs}
+        />
+        <TaskTimelineGanttModal
+          open={todayGanttModalOpen}
+          onClose={closeTodayGanttModal}
+          lang={lang}
+          displayTimeZone={dashboardDisplayTimeZone}
+          use24HourClock={dashboardUse24HourClock}
+          t={dt}
+          title={dt.tasksTimelineGanttTodayTitle}
+          description={dt.tasksTimelineGanttTodayDescription}
+          rows={todayGanttTimelineRows}
+          sessionStartMs={null}
+          sessionEndMs={null}
+        />
         <DashboardAlertModal
           open={homeDialogAlert !== null}
           message={homeDialogAlert ?? ""}
@@ -1509,6 +2028,38 @@ function DashboardHome() {
                     </label>
                   ))}
                 </fieldset>
+                {endLiveSessionConfirmFlags.hasPausedOrPendingTasks ||
+                endLiveSessionConfirmFlags.hasActiveTracking ? (
+                  <fieldset className="space-y-2 border-0 p-0">
+                    <legend className="text-xs font-semibold uppercase tracking-wide text-zinc-500 dark:text-zinc-500">
+                      {dt.sessionEndLiveTasksHandlingLegend}
+                    </legend>
+                    {(
+                      [
+                        ["keep", dt.sessionEndLiveTasksHandlingKeep],
+                        ["finish", dt.sessionEndLiveTasksHandlingFinish],
+                        [
+                          "moveToPausedSession",
+                          dt.sessionEndLiveTasksHandlingMoveToPaused,
+                        ],
+                      ] as const
+                    ).map(([value, label]) => (
+                      <label
+                        key={value}
+                        className="flex cursor-pointer items-start gap-2 rounded-md py-0.5 pr-1 hover:bg-zinc-100/80 dark:hover:bg-zinc-800/50"
+                      >
+                        <input
+                          type="radio"
+                          name="kronosys-session-end-task-handling"
+                          className="mt-1 size-4 shrink-0 border-zinc-300 text-violet-600 focus:ring-violet-500/50 dark:border-zinc-600"
+                          checked={endSessionTaskHandling === value}
+                          onChange={() => setEndSessionTaskHandling(value)}
+                        />
+                        <span className="leading-snug">{label}</span>
+                      </label>
+                    ))}
+                  </fieldset>
+                ) : null}
                 <label className="block">
                   <span className="sr-only">{dt.sessionEndReasonNoteAria}</span>
                   <textarea
@@ -1545,6 +2096,10 @@ function DashboardHome() {
             setArchiveConfirmSessionId(null);
             setArchiveDismissChecked(false);
             if (id) {
+              const snap = history.find((s) => s.sessionId === id);
+              if (snap) {
+                setArchiveListExitSession(snap);
+              }
               await post({
                 type: "archiveSession",
                 sessionId: id,