@nightkatana/kronosys-app 1.0.0-beta.16 → 1.0.0-beta.17

package/app/settings/page.tsx

@@ -68,7 +68,7 @@ import {
   writeDashboardColumnHintsDismissed,
 } from "@/lib/dashboardColumnHintsStorage";
 import { KronosysTimePopoverField } from "@/components/dashboard/KronosysTimePopoverField";
-import { Search } from "lucide-react";
+import { FileText, Search } from "lucide-react";
 import { withDashboardSessionParam } from "@/lib/dashboardSessionNav";
 
 type LiveShape = { language?: string };
@@ -3457,6 +3457,12 @@ function SettingsPageContent() {
                     archivedPageRows.map((sess) => {
                       const label =
                         sess.sessionName?.trim() || sess.sessionId.slice(0, 8);
+                      const noteRaw =
+                        typeof sess.sessionNote === "string"
+                          ? sess.sessionNote.trim()
+                          : "";
+                      const notePreview = noteRaw.replaceAll(/\s+/g, " ");
+                      const hasSessionNote = notePreview.length > 0;
                       const n = archivedTaskCount(sess);
                       const busy = archivedRestoreBusyId === sess.sessionId;
                       return (
@@ -3471,6 +3477,19 @@ function SettingsPageContent() {
                             <div className="text-[0.7rem] text-zinc-500">
                               {n} {sessionTaskCountNoun(n, dt, lang)}
                             </div>
+                            {hasSessionNote ? (
+                              <div
+                                className="mt-1 inline-flex min-w-0 max-w-full items-center gap-1 text-[0.7rem] text-zinc-500"
+                                title={notePreview}
+                              >
+                                <FileText
+                                  size={12}
+                                  className="shrink-0"
+                                  aria-hidden
+                                />
+                                <span className="truncate">{notePreview}</span>
+                              </div>
+                            ) : null}
                           </div>
                           <button
                             type="button"

package/components/dashboard/SelectedSessionSidebarBlock.tsx

@@ -35,8 +35,10 @@ type SessionMetricsShape = {
   /** Début officiel de la session (ISO 8601), aligné sur l’historique / la liste. */
   startAt?: string | null;
   endAt?: string | null;
+  scheduledEndAt?: string | null;
   sessionEndReasonKind?: string;
   sessionEndReasonNote?: string;
+  sessionNote?: string;
   sessionDurationMinutes?: number;
   codingMinutesSession?: number;
   activeMinutes?: number;
@@ -182,6 +184,7 @@ export function SelectedSessionSidebarBlock({
     number | null
   >(null);
   const [sessionEndDraft, setSessionEndDraft] = useState("");
+  const [sessionNoteDraft, setSessionNoteDraft] = useState("");
   const [sessionClosureExpanded, setSessionClosureExpanded] = useState(false);
 
   const sessionWallMinutes =
@@ -253,11 +256,8 @@ export function SelectedSessionSidebarBlock({
   const canEditSessionEndTime =
     allowSessionEndTimeEdit &&
     hasSessionContext &&
-    sessionEnded &&
     typeof sessionCurrent?.startAt === "string" &&
-    sessionCurrent.startAt.trim() !== "" &&
-    typeof sessionCurrent?.endAt === "string" &&
-    sessionCurrent.endAt.trim() !== "";
+    sessionCurrent.startAt.trim() !== "";
   const [sessionStartDraft, setSessionStartDraft] = useState("");
 
   useEffect(() => {
@@ -277,6 +277,8 @@ export function SelectedSessionSidebarBlock({
     const raw =
       typeof sessionCurrent?.endAt === "string"
         ? sessionCurrent.endAt.trim()
+        : typeof sessionCurrent?.scheduledEndAt === "string"
+        ? sessionCurrent.scheduledEndAt.trim()
         : "";
     const parsed = raw ? new Date(raw) : null;
     if (!parsed || Number.isNaN(parsed.getTime())) {
@@ -284,7 +286,19 @@ export function SelectedSessionSidebarBlock({
       return;
     }
     setSessionEndDraft(formatDatetimeLocalValue(parsed));
-  }, [sessionCurrent?.sessionId, sessionCurrent?.endAt]);
+  }, [
+    sessionCurrent?.sessionId,
+    sessionCurrent?.endAt,
+    sessionCurrent?.scheduledEndAt,
+  ]);
+
+  useEffect(() => {
+    setSessionNoteDraft(
+      typeof sessionCurrent?.sessionNote === "string"
+        ? sessionCurrent.sessionNote
+        : "",
+    );
+  }, [sessionCurrent?.sessionId, sessionCurrent?.sessionNote]);
 
   useEffect(() => {
     setOptimisticSessionWallMinutes(null);
@@ -367,7 +381,7 @@ export function SelectedSessionSidebarBlock({
       return;
     }
     const endAt = new Date(endMs).toISOString();
-    if (endAt === sessionCurrent.endAt) {
+    if (endAt === (sessionCurrent.endAt ?? sessionCurrent.scheduledEndAt)) {
       return;
     }
     setOptimisticSessionWallMinutes(Math.max(0, (endMs - startMs) / 60000));
@@ -392,12 +406,20 @@ export function SelectedSessionSidebarBlock({
     const raw =
       typeof sessionCurrent?.endAt === "string"
         ? sessionCurrent.endAt.trim()
+        : typeof sessionCurrent?.scheduledEndAt === "string"
+        ? sessionCurrent.scheduledEndAt.trim()
         : "";
     if (!raw) {
       return null;
     }
     return formatIsoInstantShort(raw, lang, displayTimeZone, use24HourClock);
-  }, [sessionCurrent?.endAt, displayTimeZone, lang, use24HourClock]);
+  }, [
+    sessionCurrent?.endAt,
+    sessionCurrent?.scheduledEndAt,
+    displayTimeZone,
+    lang,
+    use24HourClock,
+  ]);
   const sessionCreatedFormatted = useMemo(() => {
     const raw =
       typeof sessionCurrent?.createdAt === "string" &&
@@ -660,6 +682,34 @@ export function SelectedSessionSidebarBlock({
                 </div>
               </div>
             </div>
+            <div className="space-y-1 text-sm">
+              <label
+                htmlFor="kronosys-session-note"
+                className="text-[0.65rem] font-semibold uppercase tracking-wide text-zinc-500 dark:text-zinc-500"
+              >
+                {t.sessionNoteLabel}
+              </label>
+              <textarea
+                id="kronosys-session-note"
+                className="w-full rounded-lg border border-zinc-300 bg-white/90 px-3 py-2 text-sm text-zinc-800 outline-none transition focus:border-violet-500 dark:border-zinc-700 dark:bg-zinc-900/70 dark:text-zinc-100"
+                placeholder={t.sessionNotePlaceholder}
+                value={sessionNoteDraft}
+                onChange={(e) => setSessionNoteDraft(e.target.value)}
+                onBlur={() => {
+                  if (
+                    sessionNoteDraft === (sessionCurrent?.sessionNote ?? "")
+                  ) {
+                    return;
+                  }
+                  void post({
+                    type: "setSessionNote",
+                    sessionId: targetSessionEndReasonId,
+                    note: sessionNoteDraft,
+                  });
+                }}
+                rows={3}
+              />
+            </div>
           </section>
         ) : null}
       </div>
@@ -776,7 +826,7 @@ export function SelectedSessionSidebarBlock({
           <button
             type="button"
             className="flex w-full items-center justify-between gap-2 rounded-md text-left hover:text-zinc-900 dark:hover:text-zinc-100"
-            aria-expanded={sessionClosureExpanded ? "true" : "false"}
+            aria-expanded={sessionClosureExpanded}
             onClick={() => setSessionClosureExpanded((v) => !v)}
           >
             <div className="text-[0.65rem] font-semibold uppercase tracking-wide text-zinc-500 dark:text-zinc-500">

package/components/dashboard/SessionListPanel.tsx

@@ -6,6 +6,7 @@ import {
   Archive,
   Circle,
   ExternalLink,
+  FileText,
   LayoutGrid,
   Loader2,
   Square,
@@ -31,6 +32,7 @@ import { formatDuration } from "@/lib/taskParsing";
 export type SessionListEntry = {
   sessionId: string;
   sessionName?: string;
+  sessionNote?: string;
   savedAt?: string;
   /** Horodatage immuable de création de la session ; repli : `startAt` pour les anciennes données. */
   createdAt?: string | null;
@@ -327,6 +329,12 @@ export function SessionListPanel({
               : null;
 
             const taskNoun = sessionTaskCountNoun(n, t, lang);
+            const noteRaw =
+              typeof sess.sessionNote === "string"
+                ? sess.sessionNote.trim()
+                : "";
+            const notePreview = noteRaw.replaceAll(/\s+/g, " ");
+            const hasSessionNote = notePreview.length > 0;
             const wallMins = sessionWallClockMinutes(sess as LooseSession);
             const durationLabel = wallMins > 0 ? formatDuration(wallMins) : "—";
             const thresholdMin =
@@ -440,6 +448,19 @@ export function SessionListPanel({
                           {durationLabel}
                         </span>
                       </span>
+                      {hasSessionNote ? (
+                        <span
+                          className="mt-0.5 inline-flex min-w-0 items-center gap-1 text-zinc-500 dark:text-zinc-400"
+                          title={notePreview}
+                        >
+                          <FileText
+                            size={12}
+                            className="shrink-0"
+                            aria-hidden
+                          />
+                          <span className="truncate">{notePreview}</span>
+                        </span>
+                      ) : null}
                     </span>
                   </button>
                   <div className="col-start-2 row-start-2 flex shrink-0 items-center gap-0.5 self-center">