@anchrd/intel-ui 0.16.0 → 0.17.0

package/src/i18n/es.json

@@ -50,6 +50,7 @@
   "tree.kind.attachment": "Archivo",
   "tree.kind.table": "Tabla",
   "tree.kind.agent": "Agente",
+  "tree.kind.board": "Tablero",
   "tree.kind.flow": "Flujo",
   "tree.move.action": "Mover a…",
   "tree.move.title": "Mover {title}",
@@ -108,6 +109,7 @@
   "node.kind.attachment": "Subida",
   "node.kind.table": "Tabla",
   "node.kind.agent": "Agente",
+  "node.kind.board": "Tablero",
   "node.kind.flow": "Flujo",
   "node.share": "Compartir",
   "node.shareAction": "Conceder acceso",
@@ -422,5 +424,90 @@
   "common.loading": "Cargando…",
   "common.retry": "Intentarlo de nuevo",
   "common.close": "Cerrar",
-  "common.unavailable": "Intel no está disponible en este momento."
+  "common.unavailable": "Intel no está disponible en este momento.",
+  "board.summary": "{tasks} tareas en {statuses} estados",
+  "board.views": "Vistas de este tablero",
+  "board.view.kanban": "Tablero",
+  "board.view.table": "Tabla",
+  "board.view.calendar": "Calendario",
+  "board.view.graph": "Grafo",
+  "board.view.gantt": "Gantt",
+  "board.statuses": "Estados",
+  "board.statusLabel": "Nombre del estado",
+  "board.statusUp": "Subir el estado",
+  "board.statusDown": "Bajar el estado",
+  "board.statusRemove": "Quitar el estado {label}",
+  "board.addStatus": "Nuevo estado",
+  "board.shelfFixed": "Siempre el último",
+  "board.showArchived": "Mostrar archivadas",
+  "board.addTask": "Nueva tarea",
+  "board.empty": "Todavía no hay nada en este tablero. Añade arriba la primera tarea.",
+  "board.noTasks": "Aquí no coincide nada.",
+  "board.laneEmpty": "Vacío",
+  "board.archivedEmpty": "Nada archivado.",
+  "board.blocked": "Bloqueada",
+  "board.open": "Abierta",
+  "board.subtaskCount": "{done}/{total} subtareas",
+  "board.unassigned": "Sin asignar",
+  "board.assignee.me": "Yo",
+  "board.assignee.unnamed": "Asignada",
+  "board.unknownTask": "Tarea no disponible para ti",
+  "board.column.title": "Título",
+  "board.column.status": "Estado",
+  "board.column.assignee": "Responsable",
+  "board.column.startDate": "Fecha de inicio",
+  "board.column.dueDate": "Fecha límite",
+  "board.column.labels": "Etiquetas",
+  "board.columns": "Columnas",
+  "board.filterTitle": "Filtrar por título",
+  "board.groupBy": "Agrupar por",
+  "board.groupBy.none": "Nada",
+  "board.groupBy.status": "Estado",
+  "board.groupBy.assignee": "Responsable",
+  "board.toggleSubtasks": "Mostrar u ocultar las subtareas de {task}",
+  "board.calendar.previous": "Mes anterior",
+  "board.calendar.next": "Mes siguiente",
+  "board.calendar.today": "Hoy",
+  "board.calendar.more": "+{count} más",
+  "board.calendar.undated": "{count} sin fecha límite — fuera de la cuadrícula, pero en el tablero y en la tabla.",
+  "board.gantt.scale": "Escala",
+  "board.gantt.scale.days": "Días",
+  "board.gantt.scale.weeks": "Semanas",
+  "board.gantt.scale.months": "Meses",
+  "board.gantt.today": "Hoy",
+  "board.gantt.move": "Mover {task}",
+  "board.gantt.resizeStart": "Cambiar el inicio de {task}",
+  "board.gantt.resizeEnd": "Cambiar el vencimiento de {task}",
+  "board.gantt.spanLabel": "{start} a {end}",
+  "board.gantt.waitsFor": "espera a {tasks}",
+  "board.gantt.hiddenLinks": "{count} dependencias no se dibujan: la tarea esperada no tiene barra aquí.",
+  "board.gantt.undated": "Sin fechas",
+  "board.gantt.undatedCount": "{count} sin fechas — en el tablero, pero en ninguna línea de tiempo.",
+  "board.gantt.nothingDated": "Nada en este tablero tiene fecha todavía. Da a una tarea una fecha de vencimiento y aparecerá aquí.",
+  "board.graph.subtree": "Subárbol",
+  "board.graph.wholeBoard": "Todo el tablero",
+  "board.graph.parentEdge": "contiene",
+  "board.graph.dependsEdge": "espera a",
+  "board.detail": "Tarea",
+  "board.description": "Descripción",
+  "board.subtasks": "Subtareas",
+  "board.addSubtask": "Nueva subtarea",
+  "board.dependencies": "Espera a",
+  "board.addDependency": "Añadir una dependencia",
+  "board.removeDependency": "Quitar esta dependencia",
+  "board.references": "Referencias",
+  "board.addReference": "Añadir una referencia",
+  "board.removeReference": "Quitar esta referencia",
+  "board.addLabel": "Nueva etiqueta",
+  "board.removeLabel": "Quitar la etiqueta {label}",
+  "board.deleteTask": "Eliminar la tarea",
+  "board.deleteConfirm": "Eliminar «{task}» borra la tarea y todo lo que hay debajo: {count} en total. Cualquier dependencia que apunte ahí se limpia.",
+  "board.deleted": "Eliminadas: {count}.",
+  "board.archivedHint": "Esta tarea está en el archivo. Muévela a otro estado para recuperarla.",
+  "board.dnd.start": "{task} tomada",
+  "board.dnd.over": "{task} sobre {lane}",
+  "board.dnd.end": "{task} soltada en {lane}",
+  "board.dnd.cancel": "Se canceló soltar {task}",
+  "board.dragCard": "Arrastrar {task}",
+  "board.statusTerminal": "Cuenta como hecho"
 }

package/src/kind-icon.ts

@@ -1,4 +1,13 @@
-import { Bot, FileText, Folder, type LucideIcon, Paperclip, Table, Workflow } from "lucide-react";
+import {
+  Bot,
+  FileText,
+  Folder,
+  KanbanSquare,
+  type LucideIcon,
+  Paperclip,
+  Table,
+  Workflow,
+} from "lucide-react";
 import type { TreeEntry } from "@/data/intel-data-provider/intel-data-provider.types.ts";
 
 /**
@@ -18,5 +27,7 @@ export const kindIcons: Record<TreeEntry["kind"], LucideIcon> = {
   // An agent is listed and named like any other row (#139), and since #143 opening one leads to
   // its own screen. The sidebar's create menu draws this same icon rather than naming `Bot` again.
   agent: Bot,
+  // A board is a row like any other (#285); the views that open one are anchrd/intel#286.
+  board: KanbanSquare,
   flow: Workflow,
 };

package/src/nodes/nodes.tsx

@@ -23,6 +23,12 @@ const NodeEditor = lazy(async () => ({
 const AgentPanel = lazy(async () => ({
   default: (await import("@/agent/agent.tsx")).AgentPanel,
 }));
+// Lazy for the third time, and the reason is the same: dnd-kit, TanStack Table and — behind its own
+// second split — Sigma belong to the board alone, and every other screen would otherwise carry them
+// into its first paint.
+const BoardPanel = lazy(async () => ({
+  default: (await import("@/board/board.tsx")).BoardPanel,
+}));
 
 export function Nodes() {
   const { data } = useIntelRouterContext();
@@ -151,6 +157,16 @@ export function Nodes() {
               <AttachmentPanel node={selected} />
             ) : selected.kind === "table" ? (
               <NodeTablePanel node={selected} />
+            ) : selected.kind === "board" ? (
+              // ⚠️ Before the editor branch for the same reason the agent is: a board's version
+              // body is a JSON document (#285), and BlockNote would open it as prose.
+              <Suspense
+                fallback={
+                  <p className="p-6 text-sm text-muted-foreground">{i18n.t("common.loading")}</p>
+                }
+              >
+                <BoardPanel key={selected.id} node={selected} />
+              </Suspense>
             ) : selected.kind === "agent" ? (
               // ⚠️ Before the editor branch, and never reaching it: an agent's version body is a
               // definition document, not prose, and BlockNote would try to open JSON as a text.

package/src/styles.css

@@ -39,6 +39,25 @@
   --sidebar-accent-foreground: oklch(0.205 0 0);
   --sidebar-border: oklch(0.922 0 0);
   --sidebar-ring: oklch(0.708 0 0);
+  /* The board's status ramp (anchrd/intel#286). These are the only tokens in Intel that carry hue
+     on purpose, and the reason is that they are the only ones asked to tell things APART: a month
+     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`).
+
+     ⚠️ 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);
 }
 
 .dark {
@@ -69,6 +88,14 @@
   --sidebar-accent-foreground: oklch(0.985 0 0);
   --sidebar-border: oklch(1 0 0 / 10%);
   --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);
 }
 
 @theme inline {
@@ -103,6 +130,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);
 }
 
 @layer base {