@nightkatana/kronosys-app 1.0.0-beta.0

package/lib/theme.ts

@@ -0,0 +1,15 @@
+export type KronosysTheme = "light" | "dark";
+
+export const THEME_STORAGE_KEY = "kronosys-dashboard-theme";
+
+export function getThemeBootstrapScript(): string {
+  return `try {
+    var key = ${JSON.stringify(THEME_STORAGE_KEY)};
+    var stored = localStorage.getItem(key);
+    var theme = stored === "light" || stored === "dark"
+      ? stored
+      : (window.matchMedia && window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark");
+    document.documentElement.classList.toggle("dark", theme === "dark");
+  } catch (_) {}
+`;
+}

package/lib/translucentButtonClasses.ts

@@ -0,0 +1,34 @@
+/**
+ * Styles de boutons « pastille » : bordure + fond coloré léger (clair / sombre),
+ * alignés sur le thème du tableau de bord (pas de aplats type bg-violet-600).
+ */
+
+const focusPage =
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900";
+
+const disabledIcon = "disabled:cursor-not-allowed disabled:opacity-40";
+
+/** Carré 40×40 — barre d’actions tâche, lanceur, etc. */
+export const tbIconSquareBase = `inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg transition-colors ${focusPage} ${disabledIcon}`;
+
+/** Primaire violet (icône seule). */
+export const tbVioletIcon = `${tbIconSquareBase} border border-violet-500/50 bg-violet-500/10 text-violet-800 hover:border-violet-500/75 hover:bg-violet-500/18 dark:border-violet-400/45 dark:bg-violet-600/20 dark:text-violet-100 dark:hover:border-violet-400/60 dark:hover:bg-violet-600/30 focus-visible:ring-violet-500/45 [&_svg]:shrink-0`;
+
+/** Violet — bouton texte (ex. « Ajouter à la session »). */
+export const tbVioletTextSm = `inline-flex h-10 shrink-0 items-center justify-center rounded-lg border border-violet-500/50 bg-violet-500/10 px-3 text-sm font-medium text-violet-800 transition hover:border-violet-500/75 hover:bg-violet-500/18 dark:border-violet-400/45 dark:bg-violet-600/20 dark:text-violet-100 dark:hover:border-violet-400/60 dark:hover:bg-violet-600/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-violet-500/45 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900 ${disabledIcon}`;
+
+/** Succès / terminer (icône). */
+export const tbEmeraldIcon = `${tbIconSquareBase} border border-emerald-500/50 bg-emerald-500/10 text-emerald-800 hover:border-emerald-500/75 hover:bg-emerald-500/18 dark:border-emerald-500/40 dark:bg-emerald-950/35 dark:text-emerald-200 dark:hover:border-emerald-400/55 dark:hover:bg-emerald-950/50 focus-visible:ring-emerald-500/40 [&_svg]:shrink-0`;
+
+/** Bascule « sélectionnée » (temps réel / passé). */
+export const tbVioletToggleOn = `${tbIconSquareBase} border border-violet-500/55 bg-violet-500/12 text-violet-800 shadow-none hover:border-violet-500/75 hover:bg-violet-500/20 dark:border-violet-400/50 dark:bg-violet-600/22 dark:text-violet-100 dark:hover:border-violet-400/65 dark:hover:bg-violet-600/32 focus-visible:ring-violet-500/45 [&_svg]:shrink-0`;
+
+export const tbVioletToggleOff = `${tbIconSquareBase} border border-zinc-300 bg-white/80 text-zinc-500 hover:bg-zinc-100 hover:text-zinc-800 dark:border-zinc-700 dark:bg-zinc-950/50 dark:text-zinc-400 dark:hover:bg-zinc-800 dark:hover:text-zinc-200 [&_svg]:shrink-0 focus-visible:ring-zinc-500/30`;
+
+/** Modales : coquille claire (`bg-white`) ou sombre (`dark:bg-zinc-900`). */
+const focusModal =
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:ring-violet-500/45 dark:focus-visible:ring-offset-zinc-900 dark:focus-visible:ring-violet-500/40";
+
+export const tbModalPrimary = `rounded-lg border border-violet-600/35 bg-violet-600 px-4 py-2 text-sm font-medium text-white shadow-none transition hover:border-violet-700 hover:bg-violet-700 dark:border-violet-400/45 dark:bg-violet-600/20 dark:text-violet-100 dark:hover:border-violet-400/60 dark:hover:bg-violet-600/32 ${focusModal}`;
+
+export const tbModalDanger = `rounded-lg border border-red-600/40 bg-red-50 px-4 py-2 text-sm font-medium text-red-800 shadow-none transition hover:border-red-700/50 hover:bg-red-100 hover:text-red-900 dark:border-red-500/45 dark:bg-red-950/35 dark:text-red-200 dark:hover:border-red-400/55 dark:hover:bg-red-950/50 dark:hover:text-red-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:ring-red-500/40 dark:focus-visible:ring-offset-zinc-900 dark:focus-visible:ring-red-500/35 disabled:cursor-not-allowed disabled:opacity-40`;

package/lib/usageProfile.test.ts

@@ -0,0 +1,84 @@
+import { describe, expect, it } from "vitest";
+
+import type { KronosysUpdatePayload } from "./kronosysApi";
+import {
+  extensionLinkedDeveloperMetrics,
+  showIdeLinkedCodeTimingMetrics,
+  showWorkspaceFoldersEmptyMessage,
+  trackCodeMetricsFromCfg,
+  workspaceCodeMetricsEnabled,
+} from "./usageProfile";
+
+describe("trackCodeMetricsFromCfg", () => {
+  it("gestionnaire : pas de métriques code", () => {
+    expect(trackCodeMetricsFromCfg({ usageProfile: "manager" })).toBe(false);
+  });
+
+  it("défaut (vide) : pas de métriques code", () => {
+    expect(trackCodeMetricsFromCfg({})).toBe(false);
+    expect(trackCodeMetricsFromCfg(undefined)).toBe(false);
+  });
+
+  it("développeur : métriques code", () => {
+    expect(trackCodeMetricsFromCfg({ usageProfile: "developer" })).toBe(true);
+  });
+});
+
+describe("showWorkspaceFoldersEmptyMessage", () => {
+  const devPayload = (origin: KronosysUpdatePayload["dashboardDataOrigin"]): KronosysUpdatePayload =>
+    ({
+      viewType: "dashboard",
+      cfg: { usageProfile: "developer" },
+      dashboardDataOrigin: origin,
+    }) as KronosysUpdatePayload;
+
+  it("affiche en développeur + local_next + aucun chemin", () => {
+    expect(showWorkspaceFoldersEmptyMessage(devPayload("local_next"), 0)).toBe(true);
+  });
+
+  it("masque en profil gestionnaire même avec origine héritée", () => {
+    const p = {
+      viewType: "dashboard",
+      cfg: { usageProfile: "manager" },
+      dashboardDataOrigin: "legacy_external" as const,
+    } as KronosysUpdatePayload;
+    expect(showWorkspaceFoldersEmptyMessage(p, 0)).toBe(false);
+  });
+
+  it("affiche en développeur + legacy_external + aucun chemin", () => {
+    expect(showWorkspaceFoldersEmptyMessage(devPayload("legacy_external"), 0)).toBe(true);
+  });
+
+  it("masque dès qu’au moins un chemin est résolu", () => {
+    expect(showWorkspaceFoldersEmptyMessage(devPayload("legacy_external"), 1)).toBe(false);
+  });
+});
+
+describe("workspaceCodeMetricsEnabled / showIdeLinkedCodeTimingMetrics", () => {
+  const dev = {
+    viewType: "dashboard",
+    cfg: { usageProfile: "developer" },
+    dashboardDataOrigin: "local_next" as const,
+  } as KronosysUpdatePayload;
+
+  it("workspaceCodeMetricsEnabled est vrai en profil développeur", () => {
+    expect(workspaceCodeMetricsEnabled(dev, dev.cfg as Record<string, unknown>)).toBe(true);
+  });
+
+  it("extensionLinkedDeveloperMetrics reste aligné (alias)", () => {
+    expect(extensionLinkedDeveloperMetrics(dev, dev.cfg as Record<string, unknown>)).toBe(true);
+  });
+
+  it("showIdeLinkedCodeTimingMetrics suit la même règle", () => {
+    expect(showIdeLinkedCodeTimingMetrics(dev, dev.cfg as Record<string, unknown>)).toBe(true);
+  });
+
+  it("faux en profil gestionnaire", () => {
+    const p = {
+      viewType: "dashboard",
+      cfg: { usageProfile: "manager" },
+      dashboardDataOrigin: "local_next" as const,
+    } as KronosysUpdatePayload;
+    expect(showIdeLinkedCodeTimingMetrics(p, p.cfg as Record<string, unknown>)).toBe(false);
+  });
+});

package/lib/usageProfile.ts

@@ -0,0 +1,52 @@
+import type { KronosysUpdatePayload } from "./kronosysApi";
+
+export type UsageProfile = "developer" | "manager";
+
+/** Vrai si le profil « développeur » affiche les métriques liées au code (lignes, langages, instantané LOC, carte Git). */
+export function trackCodeMetricsFromCfg(cfg: Record<string, unknown> | undefined): boolean {
+  return cfg?.usageProfile === "developer";
+}
+
+/**
+ * Métriques dépendant du contexte workspace (chemins, temps de codage / actif, etc.) :
+ * réservé au profil développeur.
+ */
+export function workspaceCodeMetricsEnabled(
+  _payload: KronosysUpdatePayload | null | undefined,
+  cfg: Record<string, unknown> | undefined
+): boolean {
+  return trackCodeMetricsFromCfg(cfg);
+}
+
+/**
+ * Temps de codage et temps actif : uniquement avec {@link workspaceCodeMetricsEnabled}.
+ */
+export function showIdeLinkedCodeTimingMetrics(
+  payload: KronosysUpdatePayload | null | undefined,
+  cfg: Record<string, unknown> | undefined
+): boolean {
+  return workspaceCodeMetricsEnabled(payload, cfg);
+}
+
+/**
+ * Message « aucun dossier de workspace » : profil développeur et aucun chemin résolu.
+ */
+export function showWorkspaceFoldersEmptyMessage(
+  payload: KronosysUpdatePayload | null | undefined,
+  workspacePathsLength: number
+): boolean {
+  if (workspacePathsLength > 0) {
+    return false;
+  }
+  const cfg = payload?.cfg as Record<string, unknown> | undefined;
+  return workspaceCodeMetricsEnabled(payload, cfg);
+}
+
+/** @deprecated Utiliser {@link workspaceCodeMetricsEnabled}. */
+export function extensionLinkedDeveloperMetrics(
+  payload: KronosysUpdatePayload | null | undefined,
+  cfg: Record<string, unknown> | undefined
+): boolean {
+  return workspaceCodeMetricsEnabled(payload, cfg);
+}
+