paneltir 0.11.0 → 0.12.0

package/dist/style.css

@@ -308,6 +308,133 @@
   font-weight: 700;
 }
 
+/* src/components/Situation/Situation.css */
+.pt-situation {
+  display: grid;
+  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
+  gap: var(--pt-space-page);
+  align-items: start;
+  padding: var(--pt-space-lg);
+  border: 1px solid var(--pt-color-line-faint);
+  border-radius: var(--pt-radius-panel);
+  background: var(--pt-color-panel);
+}
+.pt-situation__half {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pt-space-sm);
+  min-width: 0;
+}
+.pt-situation__clear {
+  margin: 0;
+  color: var(--pt-color-ink-dim);
+  font-size: 13px;
+}
+.pt-situation__items {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--pt-space-md);
+}
+.pt-situation__item {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  grid-template-rows: auto auto;
+  column-gap: var(--pt-space-sm);
+  align-items: center;
+  min-width: 0;
+  margin: 0;
+  padding: var(--pt-space-sm) var(--pt-space-md);
+  border: 1px solid var(--pt-color-line-faint);
+  border-left: 3px solid var(--pt-color-neutral);
+  border-radius: var(--pt-radius-control);
+  background: var(--pt-color-raised);
+  color: inherit;
+  font: inherit;
+  text-align: left;
+}
+button.pt-situation__item {
+  cursor: pointer;
+}
+button.pt-situation__item:hover,
+button.pt-situation__item:focus-visible {
+  border-color: var(--pt-color-line);
+}
+.pt-situation__count {
+  grid-row: 1 / span 2;
+  font-family: var(--pt-font-mono);
+  font-size: 26px;
+  line-height: 1;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+}
+.pt-situation__label {
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.02em;
+}
+.pt-situation__hint {
+  font-size: 11px;
+  color: var(--pt-color-ink-faint);
+}
+.pt-situation__item--clear {
+  border-left-color: var(--pt-color-line);
+}
+.pt-situation__item--clear .pt-situation__count {
+  color: var(--pt-color-ink-faint);
+}
+.pt-situation__item--attention {
+  border-left-color: var(--pt-color-warning);
+}
+.pt-situation__item--attention .pt-situation__count {
+  color: var(--pt-color-warning);
+}
+.pt-situation__item--alarm {
+  border-left-color: var(--pt-color-danger);
+}
+.pt-situation__item--alarm .pt-situation__count {
+  color: var(--pt-color-danger);
+}
+[data-pt-form=warRoom] .pt-situation {
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  border-color: var(--pt-color-line);
+  border-radius: var(--pt-radius-panel);
+  background: var(--pt-color-ground-raised);
+}
+[data-pt-form=warRoom] .pt-situation__item {
+  border-radius: 0;
+  border-left-width: 4px;
+  background: var(--pt-color-panel);
+}
+[data-pt-form=warRoom] .pt-situation__count {
+  font-size: 30px;
+}
+[data-pt-form=warRoom] .pt-situation__label {
+  text-transform: uppercase;
+  letter-spacing: var(--pt-label-tracking);
+}
+[data-pt-form=warRoom] .pt-health-pill {
+  border-radius: 0;
+  border-color: var(--pt-color-line);
+}
+[data-pt-form=warRoom] .pt-health-pill::before {
+  width: 3px;
+  height: 12px;
+  border-radius: 0;
+}
+[data-pt-form=warRoom] .pt-health-pill__value {
+  font-family: var(--pt-font-mono);
+  font-variant-numeric: tabular-nums;
+}
+@media (max-width: 860px) {
+  .pt-situation,
+  [data-pt-form] .pt-situation {
+    grid-template-columns: minmax(0, 1fr);
+  }
+  .pt-situation__items {
+    flex-direction: column;
+  }
+}
+
 /* src/components/FilterChips/FilterChips.css */
 .pt-filter-row {
   display: flex;
@@ -616,6 +743,74 @@
 .pt-column__list > * {
   flex-shrink: 0;
 }
+[data-pt-form=warRoom] .pt-board {
+  gap: var(--pt-space-md);
+}
+[data-pt-form=warRoom] .pt-column {
+  background: var(--pt-color-ground-raised, var(--pt-color-panel));
+  border: var(--pt-border-width) solid var(--pt-color-line);
+  border-top: 2px solid var(--pt-color-line);
+}
+[data-pt-form=warRoom] .pt-column__header {
+  padding: var(--pt-space-sm) var(--pt-space-sm);
+  border-bottom: var(--pt-border-width) solid var(--pt-color-line);
+  background: var(--pt-color-panel);
+}
+[data-pt-form=warRoom] .pt-column__title {
+  font-size: 10.5px;
+  font-weight: 700;
+}
+[data-pt-form=warRoom] .pt-column__count {
+  font-family: var(--pt-font-mono);
+  font-size: 11px;
+  padding: 1px 5px;
+  border: var(--pt-border-width) solid var(--pt-color-line-faint);
+  color: var(--pt-color-ink-dim);
+}
+[data-pt-form=warRoom] .pt-column__add {
+  border-radius: 0;
+  background: none;
+}
+[data-pt-form=warRoom] .pt-column__list {
+  padding: 0;
+  gap: 0;
+}
+[data-pt-form=warRoom] .pt-card {
+  background: none;
+  border-radius: 0;
+  border-bottom: var(--pt-border-width) solid var(--pt-color-line-faint);
+  padding: var(--pt-space-sm) var(--pt-space-sm) var(--pt-space-sm) calc(var(--pt-space-sm) + 5px);
+}
+[data-pt-form=warRoom] .pt-card:hover {
+  background: var(--pt-color-raised);
+}
+[data-pt-form=warRoom] .pt-card::before {
+  width: 3px;
+  border-radius: 0;
+}
+[data-pt-form=warRoom] .pt-card__title {
+  font-weight: 500;
+  font-size: 13px;
+}
+[data-pt-form=warRoom] .pt-card__progress {
+  font-family: var(--pt-font-mono);
+}
+[data-pt-form=warRoom] .pt-card-placeholder {
+  border: none;
+  border-bottom: 2px dashed var(--pt-color-accent);
+  border-radius: 0;
+  min-height: 28px;
+}
+[data-pt-form=warRoom] .pt-tag {
+  border-radius: 0;
+  font-size: 10px;
+  letter-spacing: var(--pt-label-tracking);
+  text-transform: uppercase;
+}
+[data-pt-form=warRoom] .pt-column__footer {
+  font-family: var(--pt-font-mono);
+  padding: var(--pt-space-sm);
+}
 
 /* src/components/DetailSheet/DetailSheet.css */
 .pt-sheet-backdrop {
@@ -2113,5 +2308,44 @@
   margin-top: auto;
   padding-top: 4px;
 }
+.pt-archive {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: grid;
+  border-top: 1px solid var(--pt-color-line-faint);
+}
+.pt-archive__row {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: var(--pt-space-md);
+  width: 100%;
+  margin: 0;
+  padding: 9px var(--pt-space-sm);
+  border: 0;
+  border-bottom: 1px solid var(--pt-color-line-faint);
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.pt-archive__row:hover,
+.pt-archive__row:focus-visible {
+  background: var(--pt-color-raised);
+}
+.pt-archive__title {
+  color: var(--pt-color-ink-dim);
+  font-size: 13px;
+  min-width: 0;
+}
+.pt-archive__meta {
+  flex: 0 0 auto;
+  font-family: var(--pt-font-mono);
+  font-size: 11px;
+  color: var(--pt-color-ink-faint);
+  font-variant-numeric: tabular-nums;
+}
 
 /* src/style.css */

package/fingerprint.json

@@ -1,8 +1,8 @@
 {
   "name": "paneltir",
-  "version": "0.11.0",
-  "hash": "sha256:2739462e763939de1d1aeb8ab97779149c2ddb0ec2d2fb45644c4c45ef9dc9fa",
-  "fileCount": 163,
-  "templateHash": "sha256:034ba27266408af4f2ba5793d9cefbe448b168570d6a0b87dfe698dfe639feb1",
-  "generatedAt": "2026-09-13T08:39:02.027Z"
+  "version": "0.12.0",
+  "hash": "sha256:ea981bdb1de721f4d2afd279244a7298b025773fb4a5abf8ffa33868c0d73f7d",
+  "fileCount": 166,
+  "templateHash": "sha256:c0c1a1678d860212ff82d55c7e7c0ee3eaf8be623621cadbb6ca5bf51b31e2ba",
+  "generatedAt": "2026-09-14T04:42:15.291Z"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "paneltir",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "A React UI kit for admin panels: page frame, a board with touch-ready drag and drop, detail sheets, and a whole panel in one component. Structure and behaviour are fixed; colour and brand belong to each project.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "DFKlabs (https://DFKlabs.com)",
@@ -99,28 +99,49 @@
     "node": ">=20"
   },
   "paneltirRelease": {
-    "version": "0.11.0",
-    "date": "2026-09-13",
+    "version": "0.12.0",
+    "date": "2026-09-14",
     "entries": [
       {
         "kind": "feature",
         "text": {
-          "en": "A card finished more than a week ago stops being drawn in its column. The column says how many it is holding and one tap shows them — nothing is hidden without being accounted for.",
-          "es": "Una tarjeta terminada hace más de una semana deja de dibujarse en su columna. La columna dice cuántas guarda y un toque las enseña — nada se esconde sin quedar contado."
+          "en": "Archived cards leave the board and get a place of their own. A card finished more than a week ago is no longer drawn in its column at all — it is listed in the record view, under what each pass did, with the date it was finished. The count in its column was still the board carrying it: one tap put fifteen finished cards back in the way.",
+          "es": "Las tarjetas archivadas salen del tablero y tienen su propio sitio. Una tarjeta terminada hace más de una semana ya no se dibuja en su columna: aparece en la vista de revisiones, debajo de lo que hizo cada pasada, con la fecha en que se terminó. El contador en la columna seguía siendo el tablero cargando con ellas: un toque devolvía quince tarjetas terminadas a en medio."
         }
       },
       {
         "kind": "feature",
         "text": {
-          "en": "A board column can carry a footer, drawn inside its own scroll so it takes no height from the cards.",
-          "es": "Una columna del tablero puede llevar un pie, dibujado dentro de su propio scroll para que no le quite alto a las tarjetas."
+          "en": "A new strip at the top of the board says what is waiting on you and whether the system is working. The two questions a board is opened to answer were on the screen and neither was prominent — three of six identical tiles, and a line of small grey pills under them. The counts are now large and are controls: tapping one filters the board or opens the question.",
+          "es": "Una franja nueva encima del tablero dice qué te está esperando y si el sistema funciona. Las dos preguntas por las que se abre un tablero estaban en pantalla y ninguna destacaba: tres de seis casillas iguales, y una línea de pastillas grises debajo. Ahora los números son grandes y son controles: tocar uno filtra el tablero o abre la pregunta."
+        }
+      },
+      {
+        "kind": "feature",
+        "text": {
+          "en": "A third board shape, `warRoom`: square, hairline-ruled, tight, priority carried as a full-height bar down the left edge of every row and counts set in the monospace face. It is the only form that tightens rather than loosens the spacing — a board somebody is watching wants as many rows on the screen as will fit. Ask for it with `THEME_FORMS.warRoom` on a theme's `form`.",
+          "es": "Una tercera forma de tablero, `warRoom`: cuadrada, reglada a un pelo, apretada, con la prioridad como una barra de alto completo en el borde izquierdo de cada fila y los números en la tipografía monoespaciada. Es la única forma que aprieta el espaciado en vez de soltarlo: un tablero que se vigila quiere tantas filas en pantalla como quepan. Se pide con `THEME_FORMS.warRoom` en el `form` de un tema."
+        }
+      },
+      {
+        "kind": "feature",
+        "text": {
+          "en": "`SituationRow` is exported, so a project building its own screen out of the components can draw the same strip.",
+          "es": "`SituationRow` se exporta, así que un proyecto que construye su propia pantalla con los componentes puede dibujar la misma franja."
+        }
+      },
+      {
+        "kind": "fix",
+        "text": {
+          "en": "The open decisions counter counts questions nobody has answered, not cards about deciding. Those are different numbers and the one that holds work up is the first.",
+          "es": "El contador de decisiones abiertas cuenta preguntas que nadie ha contestado, no tarjetas sobre decidir. Son números distintos y el que frena el trabajo es el primero."
         }
       },
       {
         "kind": "chore",
         "text": {
-          "en": "A card in a scrolling column can never shrink below its own content, so a title can never be cut in half.",
-          "es": "Una tarjeta en una columna con scroll no puede encogerse por debajo de su contenido, así que un título no puede quedar cortado por la mitad."
+          "en": "A shape declared with no drawing now fails the checks. A form whose CSS is missing renders exactly as the default, which does not look like a missing stylesheet — it looks like the `form` prop being ignored.",
+          "es": "Una forma declarada sin dibujo ahora falla las comprobaciones. Una forma a la que le falta el CSS se dibuja igual que la de por defecto, y eso no parece una hoja de estilos que falta: parece que la prop `form` se está ignorando."
         }
       }
     ]

package/template/.claude/skills/panel/SKILL.md

@@ -96,6 +96,19 @@ becomes a card in the owner's column, when only they can do it.
 A card carrying `completedAt` with no `startedAt` was declared finished
 without ever being picked up, and the panel marks it. Never create that shape.
 
+**A card finished more than a week ago leaves the board.** It is not deleted
+and it is still in the file: the panel simply stops drawing it in its column
+and lists it in the record view instead, under what each pass did, with the
+date it was finished. So a done column that looks short is not a done column
+that lost anything — read the file, not the screen, when counting what has been
+finished.
+
+This is derived from `completedAt` on every render and never written, so
+nothing marks it and nothing ages. The one card it never applies to is a card
+in a done column with **no `completedAt` at all**: its age is unknown, so it
+stays on the board. That is another reason to stamp the date when you move a
+card to done.
+
 ## Writing back
 
 The board is a conversation. Leave it saying what happened:
@@ -139,6 +152,16 @@ every preset and the settings sheet shows a single row. Two projects were
 installed that way before the distinction existed, and the symptom reads as the
 kit having no themes rather than as a prop being wrong.
 
+A theme also carries a **form**, which is the shape it is drawn in rather than
+its colours. `THEME_FORMS.panel` is the default — raised cards floating in a
+rounded column. `THEME_FORMS.ledger` is a book: squared, hairline-ruled, set in
+a serif. `THEME_FORMS.warRoom` is an operations console: square, tight, with
+priority as a bar down the left edge of every row and counts in the monospace
+face, and it is the only one that tightens the spacing rather than loosening
+it — so it fits more rows on a screen, which is what a board somebody watches
+wants. Pick one by putting it on the theme's `form`; leaving it out draws the
+board the way it did before forms existed.
+
 ## When the panel behaves oddly for no visible reason
 
 The gate — `middleware.ts`, `lib/session.ts`, `api/*.ts` — was copied into this