@nightkatana/kronosys-app 1.0.0-beta.12 → 1.0.0-beta.13

package/components/dashboard/TaskFocusPanel.tsx

@@ -8,12 +8,17 @@ import type { KronosysUpdatePayload } from "@/lib/kronosysApi";
 import type { DashboardStrings, Lang } from "@/lib/dashboardCopy";
 import {
   buildStartTaskFromDraft,
+  formatDuration,
   formatProjectDisplay,
   mergeTagsForDisplay,
+  normalizeProjectKey,
+  normalizeTagKey,
   parseTaskWithAutoTags,
   removeProjectFromDraft,
   removeSavedTagFromDraft,
+  taskTitleForDisplay,
 } from "@/lib/taskParsing";
+import { formatIsoInstantShort } from "@/lib/formatIsoShort";
 import { TagPills } from "./TagPills";
 import {
   PROJECT_CHIP_APPLIED_CLASS,
@@ -88,8 +93,8 @@ function runningTasksFromSession(
     Array.isArray(session.activeTasks) && session.activeTasks.length > 0
       ? session.activeTasks
       : session.activeTask
-        ? [session.activeTask]
-        : [];
+      ? [session.activeTask]
+      : [];
   return raw.filter((t) => t && !t.isDone && !t.manualTaskTimerPaused);
 }
 
@@ -156,9 +161,9 @@ export function TaskFocusPanel({
   const knownTags = (payload.knownTags || []) as string[];
   const knownProjects = (payload.knownProjects || []) as string[];
   const viewingSession = archiveColumnId
-    ? (history.find((s) => s.sessionId === archiveColumnId) ??
+    ? history.find((s) => s.sessionId === archiveColumnId) ??
       historyArchivedList.find((s) => s.sessionId === archiveColumnId) ??
-      null)
+      null
     : null;
   const sessionCurrent = viewingSession ?? live;
   const isInspecting = !!viewingSession;
@@ -217,8 +222,8 @@ export function TaskFocusPanel({
       Array.isArray(sess.activeTasks) && sess.activeTasks.length > 0
         ? [...(sess.activeTasks as TaskRow[])]
         : sess.activeTask
-          ? [sess.activeTask as TaskRow]
-          : [];
+        ? [sess.activeTask as TaskRow]
+        : [];
     for (const t of stack) {
       if (t?.id) {
         map.set(String(t.id), t);
@@ -227,6 +232,78 @@ export function TaskFocusPanel({
     return [...map.values()];
   }, [taskSessionForBuckets]);
 
+  const taskTimelineEntries = useMemo(() => {
+    const rows = mergedTasksForBuckets
+      .map((task) => {
+        const startMs =
+          typeof task.startTime === "string"
+            ? Date.parse(task.startTime)
+            : Number.NaN;
+        const endMs =
+          typeof task.endTime === "string"
+            ? Date.parse(task.endTime)
+            : Number.NaN;
+        if (!Number.isFinite(startMs) && !Number.isFinite(endMs)) {
+          return null;
+        }
+        const startLabel = Number.isFinite(startMs)
+          ? formatIsoInstantShort(
+              new Date(startMs).toISOString(),
+              lang,
+              displayTimeZone,
+              use24HourClock,
+            )
+          : "—";
+        const endLabel = Number.isFinite(endMs)
+          ? formatIsoInstantShort(
+              new Date(endMs).toISOString(),
+              lang,
+              displayTimeZone,
+              use24HourClock,
+            )
+          : isInspecting
+          ? "—"
+          : lang === "fr"
+          ? "en cours"
+          : "running";
+        const durationMin =
+          typeof task.durationMs === "number" &&
+          Number.isFinite(task.durationMs)
+            ? task.durationMs / 60000
+            : Number.NaN;
+        return {
+          id: String(task.id),
+          name: task.name,
+          project: task.project ?? null,
+          startSort: Number.isFinite(startMs)
+            ? startMs
+            : Number.isFinite(endMs)
+            ? endMs
+            : Number.MAX_SAFE_INTEGER,
+          endSort: Number.isFinite(endMs)
+            ? endMs
+            : Number.isFinite(startMs)
+            ? startMs
+            : Number.MAX_SAFE_INTEGER,
+          startLabel,
+          endLabel,
+          durationLabel:
+            Number.isFinite(durationMin) && durationMin > 0
+              ? formatDuration(durationMin)
+              : null,
+        };
+      })
+      .filter((entry): entry is NonNullable<typeof entry> => entry !== null);
+    rows.sort((a, b) => a.startSort - b.startSort || a.endSort - b.endSort);
+    return rows;
+  }, [
+    mergedTasksForBuckets,
+    lang,
+    displayTimeZone,
+    use24HourClock,
+    isInspecting,
+  ]);
+
   /**
    * Bandeau TRACKING : uniquement si la collecte n’est pas en pause session
    * (sinon le minuteur de suivi n’est pas actif, mais l’interpolation locale faisait défiler l’horloge).
@@ -356,6 +433,39 @@ export function TaskFocusPanel({
     setStartKronoFocusWithTask(false);
   }, []);
 
+  const duplicateTaskToDraft = useCallback(
+    (task: TaskRow) => {
+      const targetSessionId = inspectingId ?? live?.sessionId;
+      const title = taskTitleForDisplay(task.name).trim();
+      const tags = (task.tags ?? []).map((tag) => `#${normalizeTagKey(tag)}`);
+      const project =
+        typeof task.project === "string" && task.project.trim()
+          ? `@${normalizeProjectKey(task.project)}`
+          : "";
+      const nextInput = [title, ...tags, project]
+        .filter(Boolean)
+        .join(" ")
+        .trim();
+      setTaskInput(nextInput);
+      if (
+        typeof task.startTime === "string" &&
+        task.startTime.trim() &&
+        typeof task.endTime === "string" &&
+        task.endTime.trim() &&
+        targetSessionId
+      ) {
+        const start = new Date(task.startTime);
+        const end = new Date(task.endTime);
+        if (!Number.isNaN(start.getTime()) && !Number.isNaN(end.getTime())) {
+          setTaskEntryMode("past");
+          setPastStartLocal(formatDatetimeLocalValue(start));
+          setPastEndLocal(formatDatetimeLocalValue(end));
+        }
+      }
+    },
+    [inspectingId, live?.sessionId],
+  );
+
   const resolveConcurrentAndStartLive = useCallback(
     async (mode: ConcurrentTaskStartPreference, persistPreference: boolean) => {
       const draft = pendingLiveStartRef.current;
@@ -397,8 +507,8 @@ export function TaskFocusPanel({
           typeof error === "string"
             ? error
             : error instanceof Error
-              ? error.message
-              : "Failed to resolve concurrent tasks",
+            ? error.message
+            : "Failed to resolve concurrent tasks",
         );
         pendingLiveStartRef.current = null;
         setConcurrentStartModalOpen(false);
@@ -1061,6 +1171,7 @@ export function TaskFocusPanel({
                     startKronoFocusFromTask={() =>
                       void startKronoFocusFromTask()
                     }
+                    onDuplicateTask={duplicateTaskToDraft}
                     pausePlayMode="pause"
                     onPausePlay={() =>
                       void post({
@@ -1120,6 +1231,7 @@ export function TaskFocusPanel({
                     startKronoFocusFromTask={() =>
                       void startKronoFocusFromTask()
                     }
+                    onDuplicateTask={duplicateTaskToDraft}
                     pausePlayMode="resume"
                     onPausePlay={() =>
                       void post({ type: "resumePausedTask", taskId: task.id })
@@ -1163,6 +1275,7 @@ export function TaskFocusPanel({
                     startKronoFocusFromTask={() =>
                       void startKronoFocusFromTask()
                     }
+                    onDuplicateTask={duplicateTaskToDraft}
                     pausePlayMode={null}
                     onPausePlay={() => {}}
                     anchorId={`kronosys-task-${task.id}`}
@@ -1176,6 +1289,56 @@ export function TaskFocusPanel({
         </div>
       ) : null}
 
+      {isInspecting || hasLiveSession ? (
+        <section className="mt-10 space-y-2">
+          <div className="flex items-center justify-between gap-2">
+            <h4 className="text-xs font-semibold uppercase tracking-wide text-zinc-500">
+              {t.tasksTimelineHeading}
+            </h4>
+            {taskTimelineEntries.length > 0 ? (
+              <span className="rounded-full border border-zinc-600/80 px-2 py-0.5 text-[0.65rem] text-zinc-500">
+                {taskTimelineEntries.length}
+              </span>
+            ) : null}
+          </div>
+          {taskTimelineEntries.length === 0 ? (
+            <p className="text-sm text-zinc-500">{t.tasksTimelineEmpty}</p>
+          ) : (
+            <div className="space-y-2">
+              {taskTimelineEntries.map((entry) => (
+                <article
+                  key={`timeline-${entry.id}`}
+                  className="rounded-lg border border-zinc-200/80 bg-zinc-100/70 px-3 py-2 dark:border-zinc-700/80 dark:bg-zinc-900/40"
+                >
+                  <div className="flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-zinc-500 dark:text-zinc-400">
+                    <span className="font-mono tabular-nums">
+                      {entry.startLabel}
+                    </span>
+                    <span>→</span>
+                    <span className="font-mono tabular-nums">
+                      {entry.endLabel}
+                    </span>
+                    {entry.durationLabel ? (
+                      <span className="rounded-full border border-zinc-500/40 px-1.5 py-0.5 text-[0.65rem]">
+                        {entry.durationLabel}
+                      </span>
+                    ) : null}
+                  </div>
+                  <p className="mt-1 text-sm text-zinc-900 dark:text-zinc-100">
+                    {taskTitleForDisplay(entry.name)}
+                  </p>
+                  {typeof entry.project === "string" && entry.project.trim() ? (
+                    <p className="mt-1 text-xs text-zinc-500 dark:text-zinc-400">
+                      {formatProjectDisplay(entry.project)}
+                    </p>
+                  ) : null}
+                </article>
+              ))}
+            </div>
+          )}
+        </section>
+      ) : null}
+
       {issuePickerOpen ? (
         <IssuePickerModal
           t={t}

package/components/dashboard/TaskSessionLiveCard.tsx

@@ -8,6 +8,7 @@ import {
   CheckCircle2,
   Trash2,
   GitCommit,
+  Copy,
 } from "lucide-react";
 import type { DashboardStrings, Lang } from "@/lib/dashboardCopy";
 import { formatIsoInstantShort } from "@/lib/formatIsoShort";
@@ -181,6 +182,7 @@ export function TaskSessionLiveCard({
   kronoFocusIsRunningOrPaused,
   showKronoFocusTaskActions = true,
   startKronoFocusFromTask,
+  onDuplicateTask,
   pausePlayMode,
   onPausePlay,
   anchorId,
@@ -203,6 +205,7 @@ export function TaskSessionLiveCard({
   /** Bouton « démarrer le KronoFocus » sur les tâches non terminées (paramètre tableau de bord). */
   showKronoFocusTaskActions?: boolean;
   startKronoFocusFromTask: () => void;
+  onDuplicateTask: (task: TaskSessionLiveCardTask) => void;
   /** `null` : tâche terminée (pas de pause / reprise). */
   pausePlayMode: "pause" | "resume" | null;
   onPausePlay: () => void;
@@ -283,12 +286,12 @@ export function TaskSessionLiveCard({
   const showDoneTimingRow =
     isDone && (startFmt !== null || endFmt !== null || durationLabel !== null);
   const canEditTaskStartTime =
-    allowTaskStartTimeEdit &&
+    (isDone ? true : allowTaskStartTimeEdit) &&
     typeof task.startTime === "string" &&
     task.startTime.trim() !== "";
   const canEditTaskEndTime =
-    allowTaskEndTimeEdit &&
     isDone &&
+    (isDone ? true : allowTaskEndTimeEdit) &&
     typeof task.startTime === "string" &&
     task.startTime.trim() !== "" &&
     typeof task.endTime === "string" &&
@@ -621,15 +624,26 @@ export function TaskSessionLiveCard({
             </span>
           ) : null}
           {isInspecting ? (
-            <button
-              type="button"
-              className="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border border-zinc-300 text-zinc-600 hover:border-red-600/60 hover:bg-red-50 hover:text-red-800 dark:border-zinc-600 dark:text-zinc-400 dark:hover:border-red-800/70 dark:hover:bg-red-950/45 dark:hover:text-red-300"
-              title={t.taskDeleteBtn}
-              aria-label={t.taskDeleteBtn}
-              onClick={() => confirmDeleteTask(task.id)}
-            >
-              <Trash2 size={20} />
-            </button>
+            <div className="flex h-10 shrink-0 items-center gap-1">
+              <button
+                type="button"
+                className="inline-flex h-10 w-10 items-center justify-center rounded-lg border border-zinc-300 bg-white text-zinc-700 hover:bg-zinc-100 dark:border-zinc-600 dark:bg-transparent dark:text-zinc-300 dark:hover:bg-zinc-800"
+                title={t.taskDuplicateBtn}
+                aria-label={t.taskDuplicateBtn}
+                onClick={() => onDuplicateTask(task)}
+              >
+                <Copy size={18} />
+              </button>
+              <button
+                type="button"
+                className="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border border-zinc-300 text-zinc-600 hover:border-red-600/60 hover:bg-red-50 hover:text-red-800 dark:border-zinc-600 dark:text-zinc-400 dark:hover:border-red-800/70 dark:hover:bg-red-950/45 dark:hover:text-red-300"
+                title={t.taskDeleteBtn}
+                aria-label={t.taskDeleteBtn}
+                onClick={() => confirmDeleteTask(task.id)}
+              >
+                <Trash2 size={20} />
+              </button>
+            </div>
           ) : (
             <div className="flex h-10 shrink-0 items-center gap-1">
               {!isDone && showKronoFocusTaskActions ? (
@@ -706,6 +720,15 @@ export function TaskSessionLiveCard({
               >
                 <CheckCircle2 size={20} />
               </button>
+              <button
+                type="button"
+                className="inline-flex h-10 w-10 items-center justify-center rounded-lg border border-zinc-300 bg-white text-zinc-700 hover:bg-zinc-100 dark:border-zinc-600 dark:bg-transparent dark:text-zinc-300 dark:hover:bg-zinc-800"
+                title={t.taskDuplicateBtn}
+                aria-label={t.taskDuplicateBtn}
+                onClick={() => onDuplicateTask(task)}
+              >
+                <Copy size={18} />
+              </button>
               <button
                 type="button"
                 className="inline-flex h-10 w-10 items-center justify-center rounded-lg border border-zinc-300 text-zinc-600 hover:border-red-600/60 hover:bg-red-50 hover:text-red-800 dark:border-zinc-600 dark:text-zinc-400 dark:hover:border-red-800/70 dark:hover:bg-red-950/45 dark:hover:text-red-300"

package/lib/dashboardCopy.ts

@@ -115,6 +115,8 @@ export type DashboardStrings = {
   finishTaskOpenSubtasksWarnTitle: string;
   /** Corps du modal : les sous-tâches ouvertes seront toutes marquées terminées. */
   finishTaskOpenSubtasksWarnBody: string;
+  /** Dupliquer une tâche vers le formulaire pour retouche avant enregistrement. */
+  taskDuplicateBtn: string;
   taskDeleteBtn: string;
   /** Texte complet du modal avant suppression d’une tâche. */
   taskDeleteConfirm: string;
@@ -141,6 +143,10 @@ export type DashboardStrings = {
   tasksCompletedHeading: string;
   /** Sous-titre : tâches au minuteur (sous le formulaire d’ajout). */
   tasksRunningHeading: string;
+  /** Titre de la chronologie des tâches de la session affichée. */
+  tasksTimelineHeading: string;
+  /** Message quand aucune tâche de session n'a d'horodatage exploitable. */
+  tasksTimelineEmpty: string;
   hideTaskList: string;
   showAllTasks: string;
   importGitIssue: string;
@@ -766,6 +772,7 @@ const en: DashboardStrings = {
   finishTaskOpenSubtasksWarnTitle: "Finish task?",
   finishTaskOpenSubtasksWarnBody:
     "This task still has open detail items. They will all be marked done when you finish the task.",
+  taskDuplicateBtn: "Duplicate to draft",
   taskDeleteBtn: "Delete",
   taskDeleteConfirm:
     "Delete this entry? Recorded time will be lost. This cannot be undone.",
@@ -786,6 +793,8 @@ const en: DashboardStrings = {
   tasksPausedHeading: "Paused",
   tasksCompletedHeading: "Completed",
   tasksRunningHeading: "Running now",
+  tasksTimelineHeading: "Task timeline",
+  tasksTimelineEmpty: "No dated task entries are available for this session yet.",
   hideTaskList: "Hide list",
   showAllTasks: "Show full list",
   importGitIssue: "Import issue from Git",
@@ -1328,6 +1337,7 @@ const fr: DashboardStrings = {
   finishTaskOpenSubtasksWarnTitle: "Terminer la tâche ?",
   finishTaskOpenSubtasksWarnBody:
     "Il reste des points de détail non cochés. Ils seront tous marqués comme terminés lorsque vous terminez la tâche.",
+  taskDuplicateBtn: "Dupliquer vers le brouillon",
   taskDeleteBtn: "Supprimer",
   taskDeleteConfirm:
     "Supprimer cette entrée ? Le temps enregistré sera perdu. Cette action est irréversible.",
@@ -1348,6 +1358,9 @@ const fr: DashboardStrings = {
   tasksPausedHeading: "En pause",
   tasksCompletedHeading: "Terminées",
   tasksRunningHeading: "En cours (minuteur)",
+  tasksTimelineHeading: "Timeline des tâches",
+  tasksTimelineEmpty:
+    "Aucune entrée datée de tâche n’est encore disponible pour cette session.",
   hideTaskList: "Masquer la liste",
   showAllTasks: "Afficher toute la liste",
   importGitIssue: "Importer une issue Git",

package/lib/generatedUserChangelog.ts

@@ -6,21 +6,76 @@ export type UserChangelogEntry = {
 
 export const USER_CHANGELOG_ENTRIES: UserChangelogEntry[] = [
   {
-    "version": "3.0.0",
+    "version": "1.0.0-beta.12",
     "items": [
-      "aefaf9e: Première version officielle publiée."
+      "Correctif du runtime CLI: installation des dépendances avec `--ignore-scripts` pour éviter les erreurs Husky hors dépôt."
     ]
   },
   {
-    "version": "2.0.0",
+    "version": "1.0.0-beta.11",
     "items": [
-      "aefaf9e: Première version officielle publiée."
+      "Correctif Windows du lanceur CLI (PowerShell + installation runtime locale).",
+      "Rebuild explicite de `better-sqlite3` dans le runtime local."
     ]
   },
   {
-    "version": "1.0.0",
+    "version": "1.0.0-beta.10",
     "items": [
-      "aefaf9e: Première version officielle publiée."
+      "Correctif de dispatch des commandes Windows pour le runtime CLI."
+    ]
+  },
+  {
+    "version": "1.0.0-beta.9",
+    "items": [
+      "Correctif de quoting des commandes Windows dans le lanceur CLI."
+    ]
+  },
+  {
+    "version": "1.0.0-beta.8",
+    "items": [
+      "Correctif initial Windows du launcher (`npm.cmd`/`npx.cmd`)."
+    ]
+  },
+  {
+    "version": "1.0.0-beta.7",
+    "items": [
+      "Stabilisation du packaging bêta et génération des archives de distribution."
+    ]
+  },
+  {
+    "version": "1.0.0-beta.6",
+    "items": [
+      "Correctif de résolution d’alias d’import (`@/...`) pour le build de production."
+    ]
+  },
+  {
+    "version": "1.0.0-beta.5",
+    "items": [
+      "Retour temporaire au mode build à la première exécution pour améliorer la compatibilité multiplateforme."
+    ]
+  },
+  {
+    "version": "1.0.0-beta.4",
+    "items": [
+      "Ajustements de packaging et de lancement CLI pour la série bêta."
+    ]
+  },
+  {
+    "version": "1.0.0-beta.2",
+    "items": [
+      "Correctif des dépendances de build nécessaires au runtime CLI."
+    ]
+  },
+  {
+    "version": "1.0.0-beta.1",
+    "items": [
+      "`kronosys` lance maintenant le build de production automatiquement si `.next` est absent."
+    ]
+  },
+  {
+    "version": "1.0.0-beta.0",
+    "items": [
+      "Première version bêta publiée."
     ]
   },
   {

package/lib/userGuideCopy.ts

@@ -134,6 +134,9 @@ function frBundle(): UserGuideBundle {
           "**Terminer la session** quand le bloc a une fin (bouton d’en-tête ou bannière) ; une **raison** de clôture **facultative** (dans les temps, en avance, dépassement, autre + note) : pour poser mots sur la **fin** du cycle — d’**abord** pour vous, pas pour un **audit** froid."
         ],
         bullets: [
+          "Les tâches **terminées** restent **éditables** (titre, #étiquettes, @projet, heures de début/fin) pour corriger une entrée après coup sans bricolage.",
+          "Le bouton **Dupliquer vers le brouillon** copie une tâche dans le formulaire, vous laissez retoucher puis enregistrer la nouvelle entrée quand vous êtes prêt.",
+          "Quand vous consultez une session (active ou terminée), une **timeline des tâches** affiche l’enchaînement des entrées datées (début → fin + durée).",
           "L’**option** **Commit** à la fin d’une tâche, quand elle apparaît, concerne **Git** (voir [Synchronisation Git](/settings#settings-git) côté paramètres) : elle n’est **là** que **si** l’intégration est en place — les **équipiers** **non** devs peuvent l’**ignorer** sereinement."
         ],
       },
@@ -332,6 +335,9 @@ function enBundle(): UserGuideBundle {
           "**End session** from the header or banner: optional end reason (on time, early, overrun, other + note) — a word for **how** the block **ended**, not a cold verdict.",
         ],
         bullets: [
+          "**Completed** tasks stay **editable** (title, #tags, @project, start/end times) so you can correct entries after the fact without hacks.",
+          "Use **Duplicate to draft** to copy a task into the form, tweak it, then save the new entry only when it looks right.",
+          "When viewing a session (live or finished), a **task timeline** shows dated entries in order (start → end + duration).",
           "When **Commit** on **finish** appears, it is about **Git** (see [Git sync](/settings#settings-git) in **Settings**) — you can **ignore** it with a clear head if you are not in that workflow.",
         ],
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nightkatana/kronosys-app",
-  "version": "1.0.0-beta.12",
+  "version": "1.0.0-beta.13",
   "description": "Kronosys — application Next.js (UI + API + SQLite).",
   "license": "MIT",
   "author": "nightkatana",