@anchrd/intel-ui 0.38.0 → 0.40.0

package/src/i18n/es.json

@@ -33,8 +33,15 @@
   "auth.signOutFailed": "El cierre de sesión ha fallado. Comprueba tu conexión e inténtalo de nuevo.",
   "board.addCard": "+ Tarea",
   "board.addCardIn": "Añadir una tarea a {column}",
-  "board.cardLabel": "{title}, en {column}. Mantén Alt y usa las flechas para moverla.",
+  "board.addLabel": "Añadir etiqueta",
+  "board.addLink": "Vínculo",
+  "board.cardLabel": "Abrir {title}, en {column}. Alt y una flecha la mueve.",
+  "board.column.archive": "Archivo",
   "board.column.assignee": "Asignada a",
+  "board.column.default.backlog": "Backlog",
+  "board.column.default.doing": "En curso",
+  "board.column.default.done": "Hecho",
+  "board.column.default.todo": "Pendiente",
   "board.column.dependsOn": "Espera a",
   "board.column.due": "Vence",
   "board.column.labels": "Etiquetas",
@@ -42,17 +49,51 @@
   "board.column.title": "Título",
   "board.columnEmpty": "Aquí todavía no hay nada.",
   "board.createFailed": "No se pudo crear la tarea.",
+  "board.drag.lifted": "{card} recogida",
+  "board.drag.moved": "{card} movida a {column}",
+  "board.drag.putBack": "{card} devuelta",
+  "board.dragInstructions": "Arrastra una tarjeta con el ratón para moverla. Sin puntero: mantén Alt y pulsa una flecha — izquierda y derecha cambian de columna, arriba y abajo mueven dentro de una.",
   "board.failed": "No se pudo cargar este tablero.",
   "board.filter.all": "Todas las columnas",
   "board.filter.status": "Mostrar columna",
   "board.filterEmpty": "Ninguna tarjeta coincide con este filtro.",
-  "board.group.assignee": "Asignada a",
+  "board.fromDate": "desde {date}",
+  "board.group.empty": "Sin valor",
   "board.group.none": "Nada",
-  "board.group.status": "Columna",
   "board.groupBy": "Agrupar por",
+  "board.link.blocker": "Espera a",
+  "board.link.outside": "Fuera de este tablero",
+  "board.link.subtask": "Subtarea",
+  "board.links": "Vinculado",
+  "board.moveTo": "Mover a una columna",
+  "board.progress": "{done} de {total} hechas",
+  "board.removeLabel": "Quitar la etiqueta {label}",
+  "board.settings.addColumn": "+ Columna",
+  "board.settings.columnName": "Nombre de la columna {column}",
+  "board.settings.description": "Columnas y lo que muestra el tablero.",
+  "board.settings.duplicateName": "Dos columnas se llaman {column}. Los nombres deben distinguirlas.",
+  "board.settings.failed": "No se pudieron guardar los ajustes.",
+  "board.settings.moveDown": "Bajar {column}",
+  "board.settings.moveUp": "Subir {column}",
+  "board.settings.newColumn": "Nueva columna",
+  "board.settings.open": "Ajustes del tablero",
+  "board.settings.remove": "Quitar {column}",
+  "board.settings.removeBlocked": "{column} no está vacía. Mueve sus tarjetas primero.",
+  "board.settings.showArchive": "Mostrar la columna de archivo",
+  "board.settings.showArchiveHint": "Está en todos los tableros. Oculta, sus tarjetas desaparecen de todas las vistas.",
+  "board.settings.title": "Ajustes del tablero",
+  "board.stripes.root": "Nivel {level}, tiene subtareas",
+  "board.stripes.under": "Nivel {level} · superior en {column}",
+  "board.table.collapse": "Ocultar lo que hay bajo {row}",
+  "board.table.columns": "Columnas",
+  "board.table.expand": "Mostrar lo que hay bajo {row}",
+  "board.table.filteredBy": "solo {column}",
+  "board.table.groupedBy": "agrupado por {column}",
   "board.tableEmpty": "Este tablero aún no tiene tarjetas.",
+  "board.taskGone": "Esta tarjeta ya no está en este tablero. O está archivada, o ya no existe.",
   "board.unassigned": "Nadie todavía",
   "board.unknownColumn": "no está en este tablero",
+  "board.untilDate": "vence {date}",
   "board.view.kanban": "Kanban",
   "board.view.table": "Tabla",
   "common.cancel": "Cancelar",

package/src/router/selection-search.ts

@@ -7,6 +7,14 @@ export type IntelView = (typeof IntelViews)[number];
 export type SelectionSearch = Record<string, unknown> & {
   select?: string;
   view?: Exclude<IntelView, "editor">;
+  /**
+   * The card of the selected board that is open, by its node id.
+   *
+   * ⚠️ **Beside `select`, not instead of it.** A task is not a level of the tree the sidebar can
+   * select; it is something shown INSIDE the board that is selected. Carrying it as `select` would
+   * make the tree try to reveal a node it does not draw, and the back button would leave the board.
+   */
+  task?: string;
 };
 
 // One search parameter carries "open this one" into an area: the header search names a hit, the
@@ -20,10 +28,12 @@ export type SelectionSearch = Record<string, unknown> & {
 // ⚠️ Unknown parameters are passed through rather than dropped. The portal's connect flow returns
 // to `/tools` with its own marker, and a validator that kept only what it knows would delete it.
 export function selectionSearch(search: Record<string, unknown>): SelectionSearch {
-  const { select, view, ...rest } = search;
+  const { select, view, task, ...rest } = search;
   const withSelect =
     typeof select === "string" && select.length > 0 ? { ...rest, select } : { ...rest };
-  return view === "graph" || view === "runs" ? { ...withSelect, view } : withSelect;
+  const withTask =
+    typeof task === "string" && task.length > 0 ? { ...withSelect, task } : withSelect;
+  return view === "graph" || view === "runs" ? { ...withTask, view } : withTask;
 }
 
 // Screens are lazy route components with no route object at hand, so they read the parameter off
@@ -41,3 +51,8 @@ export function viewFrom(search: unknown): IntelView {
 export function graphViewFrom(search: unknown): boolean {
   return viewFrom(search) === "graph";
 }
+
+export function openTaskFrom(search: unknown): string | null {
+  const task = (search as { task?: unknown } | null)?.task;
+  return typeof task === "string" && task.length > 0 ? task : null;
+}

package/src/styles.css

@@ -44,20 +44,24 @@
      grid of achromatic dots codes nothing, and neither does a graph whose blocked node looks like
      its neighbour.
 
-     ⚠️ A step of the ramp belongs to a POSITION, never to a status id. A board's status list is
-     configured per board — renamed, extended, reordered (`board_configure`) — so `done` is not a
-     colour any more than `column four` is a name. The n-th status takes the n-th step and the ramp
-     wraps; `archived` is the exception and always takes `--muted-foreground`, because a shelf is
-     not a stage (see `board-status.ts`).
+     ⚠️ **A step belongs to a FAMILY, not to a status and not to a depth.** Every card descending
+     from the same root task takes the same step, whatever column it sits in and however deep it
+     hangs — that is what lets somebody see that the card in `Backlog` belongs to the one in
+     `In progress`. Depth is carried by the NUMBER of stripes, never by the hue: two channels for
+     two questions.
 
-     ⚠️ Colour is never the only channel. Every place these are used names the status in text as
-     well, so a reader who does not see the difference reads it instead. */
-  --board-status-1: oklch(0.58 0.02 260);
-  --board-status-2: oklch(0.55 0.16 255);
-  --board-status-3: oklch(0.65 0.15 65);
-  --board-status-4: oklch(0.55 0.14 150);
-  --board-status-5: oklch(0.53 0.18 305);
-  --board-status-6: oklch(0.56 0.15 20);
+     ⚠️ **Six, and then they repeat.** Two families sharing a step is not a fault. At twenty root
+     tasks every other answer is a palette nobody can tell apart, and a colour that cannot be told
+     apart says less than none.
+
+     ⚠️ Colour is never the only channel. Every card that carries stripes also names its level and
+     where its parent sits, in text, so a reader who does not see the difference reads it instead. */
+  --board-family-1: oklch(0.58 0.02 260);
+  --board-family-2: oklch(0.55 0.16 255);
+  --board-family-3: oklch(0.65 0.15 65);
+  --board-family-4: oklch(0.55 0.14 150);
+  --board-family-5: oklch(0.53 0.18 305);
+  --board-family-6: oklch(0.56 0.15 20);
 }
 
 .dark {
@@ -90,12 +94,12 @@
   --sidebar-ring: oklch(0.556 0 0);
   /* The same six steps, lifted for a dark surface. Same hues, same order — a board must not change
      which colour a column has when the reader switches the appearance. */
-  --board-status-1: oklch(0.72 0.02 260);
-  --board-status-2: oklch(0.7 0.14 255);
-  --board-status-3: oklch(0.78 0.13 65);
-  --board-status-4: oklch(0.72 0.13 150);
-  --board-status-5: oklch(0.7 0.16 305);
-  --board-status-6: oklch(0.71 0.14 20);
+  --board-family-1: oklch(0.72 0.02 260);
+  --board-family-2: oklch(0.7 0.14 255);
+  --board-family-3: oklch(0.78 0.13 65);
+  --board-family-4: oklch(0.72 0.13 150);
+  --board-family-5: oklch(0.7 0.16 305);
+  --board-family-6: oklch(0.71 0.14 20);
 }
 
 @theme inline {
@@ -130,12 +134,12 @@
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
-  --color-board-status-1: var(--board-status-1);
-  --color-board-status-2: var(--board-status-2);
-  --color-board-status-3: var(--board-status-3);
-  --color-board-status-4: var(--board-status-4);
-  --color-board-status-5: var(--board-status-5);
-  --color-board-status-6: var(--board-status-6);
+  --color-board-family-1: var(--board-family-1);
+  --color-board-family-2: var(--board-family-2);
+  --color-board-family-3: var(--board-family-3);
+  --color-board-family-4: var(--board-family-4);
+  --color-board-family-5: var(--board-family-5);
+  --color-board-family-6: var(--board-family-6);
 }
 
 @layer base {

package/src/user-name/user-name.ts

@@ -39,3 +39,20 @@ export function useUserName(userId: string | null): string | null {
   if (userId === null || me === null || me.id !== userId) return null;
   return displayNameOf(me);
 }
+
+/**
+ * The one or two letters that stand for a name in a circle.
+ *
+ * ⚠️ Lives here rather than beside the circle that first needed it: two surfaces now draw the same
+ * circle — the access summary and a task's assignee — and two copies of this would drift into two
+ * different abbreviations of the same person.
+ */
+export function initials(value: string): string {
+  const parts = value
+    .replace(/@.*$/, "")
+    .split(/[\s._+-]+/)
+    .filter(Boolean);
+  if (parts.length === 0) return "?";
+  if (parts.length === 1) return (parts[0]?.slice(0, 2) ?? "?").toUpperCase();
+  return `${parts[0]?.[0] ?? ""}${parts.at(-1)?.[0] ?? ""}`.toUpperCase();
+}