@anchrd/intel-ui 0.22.0 → 0.25.0

package/src/i18n/de.json

@@ -2,8 +2,6 @@
   "$locale": "de-DE",
   "app.name": "Intel",
   "nav.primary": "Hauptnavigation",
-  "nav.nodes": "Wissen",
-  "nav.flows": "Flows",
   "nav.tools": "Werkzeuge",
   "shell.toggleSidebar": "Seitenleiste ein- oder ausklappen",
   "shell.resizeSidebar": "Breite der Seitenleiste",
@@ -33,7 +31,8 @@
   "tree.expandCalls": "Die Flows zeigen, die {title} aufruft",
   "tree.collapseCalls": "Die Flows verbergen, die {title} aufruft",
   "tree.add": "Zu {title} hinzufügen",
-  "tree.addRoot": "Auf oberster Ebene anlegen",
+  "tree.addRoot": "Element",
+  "tree.addRoot.long": "Auf oberster Ebene anlegen",
   "tree.new.folder": "Neuer Ordner",
   "tree.new.document": "Neues Dokument",
   "tree.new.table": "Neue Tabelle",
@@ -50,6 +49,7 @@
   "tree.kind.table": "Tabelle",
   "tree.kind.flow": "Flow",
   "tree.move.action": "Verschieben nach …",
+  "tree.move.hint": "oder ziehen",
   "tree.move.title": "{title} verschieben",
   "tree.move.root": "Oberste Ebene",
   "tree.move.dropRoot": "Hier ablegen, um auf die oberste Ebene zu verschieben",
@@ -85,9 +85,24 @@
   "archive.description": "Alles, was du archiviert hast, das Neueste zuerst. Beim Wiederherstellen kommt ein Eintrag dorthin zurück, wo er lag.",
   "archive.restore": "{title} wiederherstellen",
   "archive.restoreAction": "Wiederherstellen",
+  "archive.restoring": "{title} wird wiederhergestellt",
+  "archive.restoringAction": "Wird wiederhergestellt",
   "archive.empty": "Es ist nichts archiviert.",
   "archive.failed": "Das Archiv konnte nicht gelesen werden. Prüfe deinen Zugriff und versuche es erneut.",
   "archive.restoreFailed": "Es wurde nicht wiederhergestellt. Vielleicht hat jemand anderes es geändert — lade neu und versuche es erneut.",
+  "archive.purge": "{title} endgültig löschen",
+  "archive.purge.title": "Endgültig löschen?",
+  "archive.purge.body": "„{title}\u201c und alles, was dazugehört — jede Version, der Inhalt und die Einträge im Suchindex — ist danach weg. Das lässt sich nicht rückgängig machen.",
+  "archive.purge.links.none": "Keine anderen Dokumente verweisen darauf.",
+  "archive.purge.links.one": "Ein anderes Dokument verweist darauf; dieser Verweis wird brechen.",
+  "archive.purge.links.many": "{count} andere Dokumente verweisen darauf; diese Verweise werden brechen.",
+  "archive.purge.grants": "Die Freigaben werden ebenfalls gelöscht.",
+  "archive.purge.items": "Damit werden insgesamt {count} Elemente endgültig gelöscht.",
+  "archive.purge.previewLoading": "Verweise werden geprüft …",
+  "archive.purge.previewFailed": "Die Verweise konnten nicht geprüft werden. Lade neu und versuche es vor dem Löschen erneut.",
+  "archive.purge.confirm": "Endgültig löschen",
+  "archive.purge.cancel": "Abbrechen",
+  "archive.purgeFailed": "Es konnte nicht vollständig gelöscht werden. Lade neu und versuche es erneut.",
   "archive.archivedAt": "Archiviert {when}",
   "resource.conflict": "Nicht geändert: Jemand anderes hat diesen Eintrag zuerst geändert. Lade ihn neu und versuche es erneut.",
   "resource.forbidden": "Nicht geändert: Du darfst diesen Eintrag nicht ändern.",
@@ -97,6 +112,7 @@
   "node.attachmentHelp": "Die kanonische Datei liegt privat in Intel. Ihre KI-lesbare Projektion wird getrennt indexiert.",
   "node.table.summary": "{rows} Zeilen, {columns} Spalten",
   "node.table.download": "CSV herunterladen",
+  "node.table.downloadFailed": "Die CSV konnte nicht erzeugt werden. Möglicherweise ist die Tabelle noch leer.",
   "node.table.empty": "Noch keine Zeilen. Zeilen werden von Flows angehängt.",
   "node.table.undefined": "Diese Tabelle hat noch keine Spalten.",
   "node.select": "Wähle ein Dokument oder einen Ordner, um damit zu arbeiten.",
@@ -112,7 +128,6 @@
   "node.share": "Freigeben",
   "node.shareAction": "Zugriff geben",
   "node.email": "E-Mail-Adresse",
-  "node.emailHint": "Intel kann nicht prüfen, ob hinter dieser Adresse ein Konto steht. Die Freigabe greift, sobald sich jemand damit anmeldet — auch nach einer späteren Registrierung.",
   "node.shareWith": "Wer Zugriff bekommt",
   "node.shareWithEmail": "Eine E-Mail-Adresse",
   "node.shareWithOrganization": "Alle in der Organisation",
@@ -130,8 +145,13 @@
   "node.verbHint.execute": "Die Flows hier drin starten",
   "node.verbHint.share": "Anderen Zugriff geben",
   "node.organization": "Alle in der Organisation",
+  "node.owner": "Besitzer",
+  "node.access": "Zugriff",
+  "node.organizationAccess": "Alle in der Organisation haben Zugriff",
+  "node.accessDetails": "Zugriffsdetails anzeigen ({count})",
+  "node.revokeVerb": "{verb} entziehen",
+  "node.revokeVerbFor": "{verb} für {recipient} entziehen",
   "node.revokeShare": "Zugriff entziehen",
-  "node.noGrants": "Außer der Besitzerin oder dem Besitzer hat noch niemand Zugriff.",
   "node.shareFailed": "Der Zugriff wurde nicht geändert. Prüfe deine Berechtigung und versuche es erneut.",
   "node.shareUnreadable": "Flows in diesem Ordner lesen Dokumente, die diese Freigabe nicht abdeckt: {titles}.",
   "node.shareUnreadableMore": "{count} weitere liegen ebenfalls außer Reichweite, und du kannst sie nicht sehen.",
@@ -290,6 +310,9 @@
   "settings.description": "Sprache, Erscheinungsbild und Zeitzone. Alle drei gelten sofort und werden auf diesem Gerät gemerkt.",
   "settings.language": "Sprache",
   "settings.appearance": "Erscheinungsbild",
+  "settings.timezone": "Zeitzone",
+  "settings.timezone.device": "Dieses Gerät ({zone})",
+  "settings.timezone.hint": "Zeiten werden nur in dieser Zone GELESEN. Gespeichert und übertragen wird weiterhin UTC.",
   "settings.appearance.system": "Dem System folgen",
   "settings.appearance.light": "Hell",
   "settings.appearance.dark": "Dunkel",
@@ -303,6 +326,7 @@
   "reindex.failed": "Der Neuaufbau wurde nicht gestartet. Prüfe deine Berechtigung und versuche es noch einmal.",
   "auth.signOut": "Abmelden",
   "auth.signOutFailed": "Das Abmelden ist fehlgeschlagen. Prüfe deine Verbindung und versuche es erneut.",
+  "signIn.unreachable": "Intel war nicht erreichbar. Prüfe deine Verbindung und versuche es erneut.",
   "signIn.refusedTitle": "Angemeldet, aber nicht angenommen",
   "signIn.refusedBody": "Gate hat dich angemeldet, und diese Installation hat den Ausweis nicht angenommen. Du wurdest nicht zurück zum Login geschickt, denn dort beginnt die Schleife.",
   "signIn.refusedLikely": "Meistens ist die Sitzung zwischen den beiden Schritten abgelaufen, oder der Ausweis wurde für eine andere Installation ausgestellt. Ein Neuladen ist einen Versuch wert; danach muss sich anschauen, wer diese Installation betreibt.",

package/src/i18n/en.json

@@ -2,8 +2,6 @@
   "$locale": "en-US",
   "app.name": "Intel",
   "nav.primary": "Primary navigation",
-  "nav.nodes": "Intelligence",
-  "nav.flows": "Flows",
   "nav.tools": "Tools",
   "shell.toggleSidebar": "Collapse or expand the sidebar",
   "shell.resizeSidebar": "Sidebar width",
@@ -33,7 +31,8 @@
   "tree.expandCalls": "Show the flows {title} calls",
   "tree.collapseCalls": "Hide the flows {title} calls",
   "tree.add": "Add to {title}",
-  "tree.addRoot": "Add at the top level",
+  "tree.addRoot": "Element",
+  "tree.addRoot.long": "Add at the top level",
   "tree.new.folder": "New folder",
   "tree.new.document": "New document",
   "tree.new.table": "New table",
@@ -50,6 +49,7 @@
   "tree.kind.table": "Table",
   "tree.kind.flow": "Flow",
   "tree.move.action": "Move to…",
+  "tree.move.hint": "or drag",
   "tree.move.title": "Move {title}",
   "tree.move.root": "Top level",
   "tree.move.dropRoot": "Drop here to move to the top level",
@@ -85,9 +85,24 @@
   "archive.description": "Everything you archived, newest first. Restoring puts an entry back where it was filed.",
   "archive.restore": "Restore {title}",
   "archive.restoreAction": "Restore",
+  "archive.restoring": "Restoring {title}",
+  "archive.restoringAction": "Restoring",
   "archive.empty": "Nothing is archived.",
   "archive.failed": "The archive could not be read. Check your access and try again.",
   "archive.restoreFailed": "It was not restored. Somebody else may have changed it — reload and try again.",
+  "archive.purge": "Delete {title} for good",
+  "archive.purge.title": "Delete this for good?",
+  "archive.purge.body": "“{title}” and everything belonging to it — every version, its content and its entries in the search index — will be gone. This cannot be undone.",
+  "archive.purge.links.none": "No other documents link to it.",
+  "archive.purge.links.one": "One other document links to it and that link will break.",
+  "archive.purge.links.many": "{count} other documents link to it and those links will break.",
+  "archive.purge.grants": "Its shares will also be deleted.",
+  "archive.purge.items": "This permanently deletes {count} items in total.",
+  "archive.purge.previewLoading": "Checking links…",
+  "archive.purge.previewFailed": "The links could not be checked. Reload and try again before deleting.",
+  "archive.purge.confirm": "Delete for good",
+  "archive.purge.cancel": "Cancel",
+  "archive.purgeFailed": "It could not be deleted completely. Reload and try again.",
   "archive.archivedAt": "Archived {when}",
   "resource.conflict": "It was not changed: somebody else changed this entry first. Reload it and try again.",
   "resource.forbidden": "It was not changed: you may not change this entry.",
@@ -97,6 +112,7 @@
   "node.attachmentHelp": "The canonical file is stored privately in Intel. Its AI-readable projection is indexed separately.",
   "node.table.summary": "{rows} rows, {columns} columns",
   "node.table.download": "Download CSV",
+  "node.table.downloadFailed": "The CSV could not be created. The table may still be empty.",
   "node.table.empty": "No rows yet. Rows are appended by flows.",
   "node.table.undefined": "This table has no columns yet.",
   "node.select": "Select a document or folder to work with it.",
@@ -112,7 +128,6 @@
   "node.share": "Share",
   "node.shareAction": "Grant access",
   "node.email": "Email address",
-  "node.emailHint": "Intel cannot check whether an account exists behind this address. The grant takes effect as soon as somebody signs in with it — including after they register.",
   "node.shareWith": "Who gets access",
   "node.shareWithEmail": "One email address",
   "node.shareWithOrganization": "Everyone in the organization",
@@ -130,8 +145,13 @@
   "node.verbHint.execute": "Start the flows in here",
   "node.verbHint.share": "Give others access",
   "node.organization": "Everyone in the organization",
+  "node.owner": "Owner",
+  "node.access": "Access",
+  "node.organizationAccess": "Everyone in the organization has access",
+  "node.accessDetails": "Show access details ({count})",
+  "node.revokeVerb": "Revoke {verb}",
+  "node.revokeVerbFor": "Revoke {verb} for {recipient}",
   "node.revokeShare": "Revoke access",
-  "node.noGrants": "Nobody outside the owner has access yet.",
   "node.shareFailed": "Access was not changed. Check your permission and try again.",
   "node.shareUnreadable": "Flows in this folder read documents this grant does not cover: {titles}.",
   "node.shareUnreadableMore": "{count} more are out of reach too, and you cannot see them.",
@@ -290,6 +310,9 @@
   "settings.description": "Language, appearance and timezone. All three take effect immediately and are remembered on this device.",
   "settings.language": "Language",
   "settings.appearance": "Appearance",
+  "settings.timezone": "Time zone",
+  "settings.timezone.device": "This device ({zone})",
+  "settings.timezone.hint": "Times are only READ in this zone. What is stored and sent stays UTC.",
   "settings.appearance.system": "Follow the system",
   "settings.appearance.light": "Light",
   "settings.appearance.dark": "Dark",
@@ -303,6 +326,7 @@
   "reindex.failed": "The rebuild was not started. Check your access and try again.",
   "auth.signOut": "Sign out",
   "auth.signOutFailed": "Signing out failed. Check your connection and try again.",
+  "signIn.unreachable": "Intel could not be reached. Check your connection and try again.",
   "signIn.refusedTitle": "Signed in, but not accepted",
   "signIn.refusedBody": "Gate signed you in, and this installation did not accept the credential. You have not been sent back to the login, because that is where the loop starts.",
   "signIn.refusedLikely": "Most often the session expired between the two steps, or the credential was issued for a different installation. Reloading is worth one try; after that, whoever runs this installation has to look.",

package/src/i18n/es.json

@@ -2,8 +2,6 @@
   "$locale": "es-ES",
   "app.name": "Intel",
   "nav.primary": "Navegación principal",
-  "nav.nodes": "Conocimiento",
-  "nav.flows": "Flujos",
   "nav.tools": "Herramientas",
   "shell.toggleSidebar": "Plegar o desplegar la barra lateral",
   "shell.resizeSidebar": "Ancho de la barra lateral",
@@ -33,7 +31,8 @@
   "tree.expandCalls": "Mostrar los flujos a los que llama {title}",
   "tree.collapseCalls": "Ocultar los flujos a los que llama {title}",
   "tree.add": "Añadir a {title}",
-  "tree.addRoot": "Añadir en el nivel superior",
+  "tree.addRoot": "Elemento",
+  "tree.addRoot.long": "Añadir en el nivel superior",
   "tree.new.folder": "Carpeta nueva",
   "tree.new.document": "Documento nuevo",
   "tree.new.table": "Tabla nueva",
@@ -50,6 +49,7 @@
   "tree.kind.table": "Tabla",
   "tree.kind.flow": "Flujo",
   "tree.move.action": "Mover a…",
+  "tree.move.hint": "o arrastra",
   "tree.move.title": "Mover {title}",
   "tree.move.root": "Nivel superior",
   "tree.move.dropRoot": "Suelta aquí para mover al nivel superior",
@@ -85,9 +85,24 @@
   "archive.description": "Todo lo que has archivado, lo más reciente primero. Al restaurar, una entrada vuelve al sitio donde estaba.",
   "archive.restore": "Restaurar {title}",
   "archive.restoreAction": "Restaurar",
+  "archive.restoring": "Restaurando {title}",
+  "archive.restoringAction": "Restaurando",
   "archive.empty": "No hay nada archivado.",
   "archive.failed": "El archivo no se ha podido leer. Comprueba tu acceso e inténtalo de nuevo.",
   "archive.restoreFailed": "No se ha restaurado. Puede que otra persona lo haya cambiado — recarga e inténtalo de nuevo.",
+  "archive.purge": "Eliminar «{title}» definitivamente",
+  "archive.purge.title": "¿Eliminar definitivamente?",
+  "archive.purge.body": "«{title}» y todo lo que le pertenece — cada versión, su contenido y sus entradas en el índice de búsqueda — desaparecerá. Esto no se puede deshacer.",
+  "archive.purge.links.none": "Ningún otro documento contiene un enlace a este elemento.",
+  "archive.purge.links.one": "Otro documento contiene un enlace a este elemento y ese enlace dejará de funcionar.",
+  "archive.purge.links.many": "Otros {count} documentos contienen enlaces a este elemento y dejarán de funcionar.",
+  "archive.purge.grants": "Sus permisos compartidos también se eliminarán.",
+  "archive.purge.items": "Esto elimina definitivamente {count} elementos en total.",
+  "archive.purge.previewLoading": "Comprobando enlaces…",
+  "archive.purge.previewFailed": "No se pudieron comprobar los enlaces. Recarga e inténtalo de nuevo antes de eliminar.",
+  "archive.purge.confirm": "Eliminar definitivamente",
+  "archive.purge.cancel": "Cancelar",
+  "archive.purgeFailed": "No se pudo eliminar por completo. Recarga e inténtalo de nuevo.",
   "archive.archivedAt": "Archivado {when}",
   "resource.conflict": "No se ha cambiado: otra persona ha cambiado esta entrada antes. Recárgala e inténtalo de nuevo.",
   "resource.forbidden": "No se ha cambiado: no puedes cambiar esta entrada.",
@@ -97,6 +112,7 @@
   "node.attachmentHelp": "El archivo canónico se guarda en privado en Intel. Su proyección legible por la IA se indexa por separado.",
   "node.table.summary": "{rows} filas, {columns} columnas",
   "node.table.download": "Descargar CSV",
+  "node.table.downloadFailed": "No se pudo crear el CSV. Puede que la tabla todavía esté vacía.",
   "node.table.empty": "Todavía no hay filas. Las filas las añaden los flujos.",
   "node.table.undefined": "Esta tabla todavía no tiene columnas.",
   "node.select": "Elige un documento o una carpeta para trabajar con ello.",
@@ -112,7 +128,6 @@
   "node.share": "Compartir",
   "node.shareAction": "Conceder acceso",
   "node.email": "Dirección de correo",
-  "node.emailHint": "Intel no puede comprobar si existe una cuenta detrás de esta dirección. El permiso surte efecto en cuanto alguien inicie sesión con ella, incluso si se registra más tarde.",
   "node.shareWith": "Quién obtiene acceso",
   "node.shareWithEmail": "Una dirección de correo",
   "node.shareWithOrganization": "Todos en la organización",
@@ -130,8 +145,13 @@
   "node.verbHint.execute": "Iniciar los flujos que hay aquí dentro",
   "node.verbHint.share": "Dar acceso a otras personas",
   "node.organization": "Todas las personas de la organización",
+  "node.owner": "Propietario",
+  "node.access": "Acceso",
+  "node.organizationAccess": "Toda la organización tiene acceso",
+  "node.accessDetails": "Mostrar detalles de acceso ({count})",
+  "node.revokeVerb": "Retirar {verb}",
+  "node.revokeVerbFor": "Retirar {verb} a {recipient}",
   "node.revokeShare": "Retirar el acceso",
-  "node.noGrants": "Fuera de quien lo posee, todavía no tiene acceso nadie.",
   "node.shareFailed": "El acceso no se ha cambiado. Comprueba tu permiso e inténtalo de nuevo.",
   "node.shareUnreadable": "Los flujos de esta carpeta leen documentos que este acceso no cubre: {titles}.",
   "node.shareUnreadableMore": "{count} más también quedan fuera de alcance, y no puedes verlos.",
@@ -290,6 +310,9 @@
   "settings.description": "Idioma, apariencia y zona horaria. Las tres se aplican de inmediato y se recuerdan en este dispositivo.",
   "settings.language": "Idioma",
   "settings.appearance": "Apariencia",
+  "settings.timezone": "Zona horaria",
+  "settings.timezone.device": "Este dispositivo ({zone})",
+  "settings.timezone.hint": "Las horas solo se LEEN en esta zona. Lo que se guarda y se envía sigue siendo UTC.",
   "settings.appearance.system": "Seguir al sistema",
   "settings.appearance.light": "Claro",
   "settings.appearance.dark": "Oscuro",
@@ -303,6 +326,7 @@
   "reindex.failed": "No se inició la reconstrucción. Comprueba tu acceso e inténtalo de nuevo.",
   "auth.signOut": "Cerrar sesión",
   "auth.signOutFailed": "El cierre de sesión ha fallado. Comprueba tu conexión e inténtalo de nuevo.",
+  "signIn.unreachable": "No se pudo contactar con Intel. Revisa tu conexión e inténtalo de nuevo.",
   "signIn.refusedTitle": "Sesión iniciada, pero no aceptada",
   "signIn.refusedBody": "Gate ha iniciado tu sesión, y esta instalación no ha aceptado la credencial. No se te ha devuelto al inicio de sesión, porque ahí es donde empieza el bucle.",
   "signIn.refusedLikely": "Lo más habitual es que la sesión caducara entre los dos pasos, o que la credencial se emitiera para otra instalación. Recargar merece un intento; después de eso, tiene que mirarlo quien gestiona esta instalación.",

package/src/main.tsx

@@ -1,7 +1,7 @@
 import { QueryClientProvider } from "@tanstack/react-query";
-import { RouterProvider } from "@tanstack/react-router";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
+import { AppRoot, createRefusalStore } from "@/app-root/app-root.tsx";
 import {
   createIntelDataProvider,
   loginPath,
@@ -11,9 +11,9 @@ import { createBrowserSignIn, createSignInGuard } from "@/data/sign-in/sign-in.t
 import { I18nProvider } from "@/i18n/i18n-context.tsx";
 import { createLanguages } from "@/i18n/i18n-languages/i18n-languages.ts";
 import { createIntelRouter } from "@/router/router.tsx";
-import { SignInRefused } from "@/sign-in-refused/sign-in-refused.tsx";
 import { applyTheme, readThemeChoice, SystemThemeQuery, themeFor } from "@/theme/theme.ts";
 import { ThemeProvider } from "@/theme/theme-context.tsx";
+import { TimeZoneProvider } from "@/time/time-context.tsx";
 import "./styles.css";
 import "./theme/custom.css";
 
@@ -35,37 +35,31 @@ const signIn = createBrowserSignIn(loginPath);
 const mounted = createRoot(root);
 const queryClient = createIntelQueryClient();
 
-// The shell is painted from a function because a refused sign-in has to replace it, and that
-// refusal arrives from inside a fetch rather than from React.
-let refused = false;
-
+// ⚠️ The refusal arrives from inside a fetch rather than from React, and it used to be answered by
+// a module-level `let` plus a hand-written repaint. Both are gone (#456): the flag is a store React
+// can subscribe to, and everything that decides what is on screen lives in `AppRoot` — a component
+// a test can render. `main.tsx` is wiring again, and only wiring.
+const refusal = createRefusalStore();
 const data = createIntelDataProvider({
-  onUnauthorized: createSignInGuard(signIn, () => {
-    refused = true;
-    paint();
-  }),
+  onUnauthorized: createSignInGuard(signIn, () => refusal.refuse()),
 });
 const router = createIntelRouter({ data });
 
-function paint(): void {
-  mounted.render(
-    <StrictMode>
-      {/* The refusal screen sits INSIDE the providers too: it is text like any other, and it is the
-          one screen a reader sees when nothing else works — English-only there would be the worst
-          place for it. */}
-      <I18nProvider languages={languages}>
-        <ThemeProvider store={window.localStorage}>
-          {refused ? (
-            <SignInRefused />
-          ) : (
-            <QueryClientProvider client={queryClient}>
-              <RouterProvider router={router} />
-            </QueryClientProvider>
-          )}
-        </ThemeProvider>
-      </I18nProvider>
-    </StrictMode>,
-  );
-}
-
-paint();
+mounted.render(
+  <StrictMode>
+    {/* The refusal screen sits INSIDE the providers too: it is text like any other, and it is the
+        one screen a reader sees when nothing else works — English-only there would be the worst
+        place for it. */}
+    <I18nProvider languages={languages}>
+      <ThemeProvider store={window.localStorage}>
+        {/* ⚠️ INSIDE `I18nProvider`: the formatter needs both — the language says HOW a time is
+            written, the zone WHICH time it is (#467). */}
+        <TimeZoneProvider store={window.localStorage}>
+          <QueryClientProvider client={queryClient}>
+            <AppRoot data={data} router={router} refusal={refusal} />
+          </QueryClientProvider>
+        </TimeZoneProvider>
+      </ThemeProvider>
+    </I18nProvider>
+  </StrictMode>,
+);

package/src/node-table/node-table.tsx

@@ -1,6 +1,5 @@
 import type { Node } from "@anchrd/intel-contract/node";
-import { useMutation, useQuery } from "@tanstack/react-query";
-import { Download } from "lucide-react";
+import { useQuery } from "@tanstack/react-query";
 import { ActionSlot } from "@/app/action-slot/action-slot.tsx";
 import { useI18n } from "@/i18n/i18n-context.tsx";
 import { useIntelRouterContext } from "@/router/router-context.ts";
@@ -23,35 +22,17 @@ export function NodeTablePanel({ node }: { node: Node }) {
     queryKey: ["node-table", node.id],
     queryFn: () => data.getNodeTable(node.id),
   });
-  // CSV is the export. The canonical body is already CSV, so downloading is handing over the bytes
-  // that are stored rather than rendering a second format that could drift from them.
-  const download = useMutation({
-    mutationFn: async () => {
-      const document_ = await data.getNode(node.id);
-      return new Blob([document_.content ?? ""], { type: "text/csv;charset=utf-8" });
-    },
-    onSuccess: (blob) => {
-      const url = URL.createObjectURL(blob);
-      const anchor = document.createElement("a");
-      anchor.href = url;
-      anchor.download = node.title.toLowerCase().endsWith(".csv")
-        ? node.title
-        : `${node.title}.csv`;
-      document.body.append(anchor);
-      anchor.click();
-      anchor.remove();
-      setTimeout(() => URL.revokeObjectURL(url), 0);
-    },
-  });
-
   return (
     <div className="flex min-h-0 flex-1 flex-col">
-      {/* ⚠️ Both of these used to be a second bar of their own, directly under the title line (#54):
-          two headers stacked, and the table starting a whole row lower for it. A table is one
-          node kind among four, not a screen with its own chrome — so the count goes beside the
-          title as a quiet word and the export joins the buttons in the title line. They are rendered
-          from here rather than from the screen because this is where the query lives; the screen
-          would otherwise have to load a table it does not show. */}
+      {/* ⚠️ This used to be a second bar of its own, directly under the title line (#54): two
+          headers stacked, and the table starting a whole row lower for it. A table is one node kind
+          among four, not a screen with its own chrome — so the count goes beside the title as a
+          quiet word. It is rendered from here rather than from the screen because this is where the
+          query lives; the screen would otherwise have to load a table it does not show.
+
+          ⚠️ The CSV export used to stand here too, as a button WITH TEXT beside two icon buttons.
+          Since #454 it is an entry in the title line's three-dot menu (`resource-menu.tsx`) — where
+          the bundle export sits as well, because both do the same: hand out the whole thing. */}
       <ActionSlot name="title-meta">
         {table.data
           ? i18n.t("node.table.summary", {
@@ -60,27 +41,6 @@ export function NodeTablePanel({ node }: { node: Node }) {
             })
           : ""}
       </ActionSlot>
-      <ActionSlot name="title-actions">
-        <button
-          type="button"
-          onClick={() => download.mutate()}
-          // Unchanged: nothing to export before the header is known, and a button that answers with
-          // an empty file is worse than one that says it is not ready.
-          disabled={download.isPending || !table.data?.columns.length}
-          className="inline-flex h-8 items-center gap-2 rounded-md border px-3 text-sm outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50"
-        >
-          <Download aria-hidden="true" className="size-4" />
-          {i18n.t("node.table.download")}
-        </button>
-      </ActionSlot>
-      {/* ⚠️ The refusal stays down here, in the body, where a sentence has room to be read. The
-          title line has none — a failed export that only greyed a button in a header would be a
-          failure nobody is told about. */}
-      {download.isError ? (
-        <p role="alert" className="mx-6 mt-4 text-sm text-destructive">
-          {i18n.t("node.downloadFailed")}
-        </p>
-      ) : null}
       {table.isPending ? (
         <p className="p-6 text-sm text-muted-foreground">{i18n.t("common.loading")}</p>
       ) : table.isError ? (

package/src/nodes/nodes.tsx

@@ -3,7 +3,6 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useNavigate, useRouterState } from "@tanstack/react-router";
 import { Download, History, Paperclip } from "lucide-react";
 import { lazy, Suspense, useState } from "react";
-import { ActionSlot } from "@/app/action-slot/action-slot.tsx";
 import { ViewToggle } from "@/app/view-toggle/view-toggle.tsx";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 import { refusalOf } from "@/data/request-refusal/request-refusal.ts";
@@ -13,6 +12,7 @@ import { useI18n } from "@/i18n/i18n-context.tsx";
 import { NodeTablePanel } from "@/node-table/node-table.tsx";
 import { useIntelRouterContext } from "@/router/router-context.ts";
 import { graphViewFrom, selectedFrom } from "@/router/selection-search.ts";
+import { useDateTime } from "@/time/time-context.tsx";
 import { TitleRow } from "@/title-row/title-row.tsx";
 
 const NodeEditor = lazy(async () => ({
@@ -54,21 +54,24 @@ export function Nodes() {
   });
   return (
     <div className="flex h-full min-h-0 flex-col">
-      {/* The screen owns the one action that belongs to the tree as a whole. Creating things is
-          the tree's, in the sidebar, at the place a new thing is meant to go.
-
-          ⚠️ Mounted only where there is a graph to switch to. A switch on a document would point at
-          nothing, and the header is where that gets noticed first (#19). */}
-      {graphable ? (
-        <ActionSlot>
-          <ViewToggle />
-        </ActionSlot>
-      ) : null}
       <section className="relative flex min-h-0 min-w-0 flex-1 flex-col bg-card">
         {/* ⚠️ Only the root draws its graph on its own. A folder's graph hangs *under* the folder's
             title line rather than in place of it (#58): the line is the one place its menu lives,
             and a folder that could only be renamed while the graph happened to be switched off
             would be a folder one cannot rename. */}
+        {/* ⚠️ #454 took the toggle out of the GLOBAL header — there it applied to the whole
+            application although it is a view onto the selected item. For an item it now stands in
+            that item's title line.
+
+            ⚠️ The root has no title line, and that is exactly why it gets a row of its own here.
+            Without it the graph of the WHOLE tree would have been unreachable after the move — the
+            toggle was its only way in and out. Moving a control must not abolish a view; that would
+            be a decision the ticket did not contain. */}
+        {selectedId === null ? (
+          <div className="flex shrink-0 items-center justify-end gap-2 border-b px-6 py-2">
+            <ViewToggle />
+          </div>
+        ) : null}
         {selectedId === null && selection.graph ? (
           <GraphPane
             query={relations}
@@ -122,14 +125,16 @@ export function Nodes() {
                 ⚠️ The order of the right-hand group is `TitleRow`'s (#53), not this screen's: the
                 version button is handed over as a child and lands before the menu whatever else
                 shows up later.
-                ⚠️ The view switch is deliberately NOT here: it changes how the current area is
-                shown, not the document, and it stays beside the breadcrumb where the area is
-                named. */}
+                ⚠️ #454: the toggle now stands HERE. It used to stand in the global header, beside
+                the search — where what applies everywhere stands. But a graph view does not apply
+                everywhere, it is a view onto THIS item. It is only drawn where there is a graph: on
+                a document it pointed at nothing. */}
             <TitleRow
               title={selected.title}
               description={selected.description}
               target={{ type: "node", node: selected }}
             >
+              {graphable && <ViewToggle />}
               {selected.kind !== "folder" && (
                 <TooltipProvider delayDuration={300}>
                   <Tooltip>
@@ -234,6 +239,7 @@ function AttachmentPanel({ node }: { node: Node }) {
 function VersionHistory({ nodeId, close }: { nodeId: string; close(): void }) {
   const { data } = useIntelRouterContext();
   const i18n = useI18n();
+  const dateTime = useDateTime();
   const versions = useQuery({
     queryKey: ["node-versions", nodeId],
     queryFn: () => data.listNodeVersions(nodeId),
@@ -269,10 +275,7 @@ function VersionHistory({ nodeId, close }: { nodeId: string; close(): void }) {
               {i18n.t("node.version", { sequence: version.sequence })}
             </span>
             <time className="mt-1 block text-xs text-muted-foreground" dateTime={version.createdAt}>
-              {new Intl.DateTimeFormat(i18n.locale, {
-                dateStyle: "medium",
-                timeStyle: "short",
-              }).format(new Date(version.createdAt))}
+              {dateTime.at(version.createdAt)}
             </time>
           </li>
         ))}