@anchrd/intel-ui 0.41.0 → 0.42.0

package/src/board/board-task/board-task.tsx

@@ -1,19 +1,17 @@
 import type { BoardTask } from "@anchrd/intel-contract/board";
-import { ARCHIVE_COLUMN_ID } from "@anchrd/intel-contract/board";
 import { Lock, Plus, Square, SquareCheck } from "lucide-react";
 import { useState } from "react";
-import { useAssigneeLabel } from "@/board/board-assignee/board-assignee.ts";
+import { AssigneeChip } from "@/board/board-assignee/board-assignee.tsx";
+import { BoardChip } from "@/board/board-chip/board-chip.tsx";
 import type { BoardHandle } from "@/board/board-data/board-data.types.ts";
+import { StatusChip } from "@/board/board-status/board-status.tsx";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu.tsx";
 import { useI18n } from "@/i18n/i18n-context.tsx";
-import { initials } from "@/user-name/user-name.ts";
 import { type LinkKind, linksOf, progressOf, type TaskLink } from "./board-task.ts";
 
 const linkIcons: Record<LinkKind, typeof Lock> = {
@@ -22,54 +20,6 @@ const linkIcons: Record<LinkKind, typeof Lock> = {
   blocked: Lock,
 };
 
-/**
- * The circle for whoever a card is for, and the way to take the assignment off.
- *
- * ⚠️ **One person, not a group.** Jack's decision 2026-08-20: the STYLE is borrowed from the access
- * summary, the field stays `assigneeId`. A row of circles here would imply a second data model that
- * does not exist.
- *
- * ⚠️ **Only ever drawn for somebody.** "Nobody yet" as a chip is a placeholder for an absence, and
- * an absence needs no place on screen (#692).
- *
- * ⚠️ **The NAME lives on the button, and the circle is hidden.** Children of a `<button>` are
- * presentational in ARIA, so a label inside one is never announced and the button's own name wins.
- * Wrapping the circle in a control therefore takes the person out of the accessibility tree unless
- * the control says it too. That is the trap in `packages/ui/CLAUDE.md`, walked into by the very
- * change that documented it.
- */
-function AssigneeChip({ id, clear }: { id: string; clear(): void }) {
-  const i18n = useI18n();
-  const label = useAssigneeLabel(id);
-  return (
-    <button
-      type="button"
-      aria-label={i18n.t("board.clearAssignee", { name: label })}
-      title={label}
-      onClick={clear}
-      className="rounded-full outline-none focus-visible:ring-2 focus-visible:ring-ring"
-    >
-      <AssigneeCircle label={label} />
-    </button>
-  );
-}
-
-function AssigneeCircle({ label }: { label: string }) {
-  return (
-    <span
-      // ⚠️ **Hidden, and it must stay hidden.** This span used to carry `role="img"` with the
-      // person's name, and that reached nobody: it sits inside a `<button>`, whose children are
-      // presentational in ARIA. Giving it a role and a label back would not add a second announcement
-      // — it would add none, while making the code look as though the name were covered here rather
-      // than on the button. See `AssigneeChip` above and `packages/ui/CLAUDE.md`.
-      aria-hidden="true"
-      className="flex size-7 items-center justify-center rounded-full bg-accent text-xs font-medium text-accent-foreground ring-2 ring-background"
-    >
-      {initials(label)}
-    </span>
-  );
-}
-
 /** One entry of the link list. The icon carries the kind; nothing writes the word out. */
 function LinkRow({ link, onOpen }: { link: TaskLink; onOpen(id: string): void }) {
   const i18n = useI18n();
@@ -145,57 +95,37 @@ export function BoardTaskDocument({
       {/* ⚠️ ONE line of chips, and no field labels. "Status:" in front of a chip that says "Backlog"
           says nothing the chip does not — and it turns a quiet head into a form. */}
       <div className="flex flex-wrap items-center gap-2">
-        <DropdownMenu>
-          <DropdownMenuTrigger
-            aria-label={i18n.t("board.moveTo")}
-            className="rounded-full border px-3 py-1 text-xs outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring"
-          >
-            {column?.title ?? task.status}
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="start">
-            <DropdownMenuRadioGroup
-              value={task.status}
-              // ⚠️ Where a task SITS is a move, not a field edit: the server computes a position and
-              // checks the cycles for it. Everything else on this screen is a plain change.
-              onValueChange={(next) => write({ status: next })}
-            >
-              {columns.map((entry) => (
-                <DropdownMenuRadioItem key={entry.id} value={entry.id}>
-                  {entry.title}
-                </DropdownMenuRadioItem>
-              ))}
-              <DropdownMenuRadioItem value={ARCHIVE_COLUMN_ID}>
-                {i18n.t("board.column.archive")}
-              </DropdownMenuRadioItem>
-            </DropdownMenuRadioGroup>
-          </DropdownMenuContent>
-        </DropdownMenu>
+        <StatusChip
+          status={task.status}
+          title={column?.title ?? task.status}
+          columns={columns}
+          write={write}
+        />
 
         {/* ⚠️ Two chips when both dates are set, not a range. A range reads as one fact; these
             are two, and each is removed on its own. */}
         {task.startDate === null ? null : (
-          <DateChip
+          <BoardChip
             label={i18n.t("board.fromDate", { date: task.startDate.slice(0, 10) })}
-            remove={() => write({ startDate: null })}
+            action={i18n.t("board.clearStart")}
+            onClick={() => write({ startDate: null })}
           />
         )}
         {task.dueDate === null ? null : (
-          <DateChip
+          <BoardChip
             label={i18n.t("board.untilDate", { date: task.dueDate.slice(0, 10) })}
-            remove={() => write({ dueDate: null })}
+            action={i18n.t("board.clearDue")}
+            onClick={() => write({ dueDate: null })}
           />
         )}
 
         {task.labels.map((entry) => (
-          <button
+          <BoardChip
             key={entry}
-            type="button"
-            aria-label={i18n.t("board.removeLabel", { label: entry })}
+            label={entry}
+            action={i18n.t("board.removeLabel")}
             onClick={() => write({ labels: task.labels.filter((keep) => keep !== entry) })}
-            className="rounded-full border px-3 py-1 text-xs outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring"
-          >
-            {entry}
-          </button>
+          />
         ))}
 
         {/* ⚠️ **Last, always.** It is the only round element in the row; standing between the chips
@@ -245,19 +175,6 @@ export function BoardTaskDocument({
  * card they mean, not before.
  */
 
-/** A date, and the way to take it off again. */
-function DateChip({ label, remove }: { label: string; remove(): void }) {
-  return (
-    <button
-      type="button"
-      onClick={remove}
-      className="rounded-full border px-3 py-1 text-xs tabular-nums outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring"
-    >
-      {label}
-    </button>
-  );
-}
-
 /**
  * What the card can still be given. The order matches the chips it produces.
  *
@@ -332,7 +249,7 @@ function Adder({
       <DropdownMenu>
         <DropdownMenuTrigger
           aria-label={i18n.t("board.add")}
-          className="rounded-full border px-2 py-1 text-xs outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring"
+          className="rounded-full border px-2 py-0.5 text-xs outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring"
         >
           <Plus aria-hidden="true" className="size-3" />
         </DropdownMenuTrigger>
@@ -364,7 +281,7 @@ function Adder({
             event.preventDefault();
             commit();
           }}
-          className="w-36 rounded-full border bg-background px-3 py-1 text-xs outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          className="w-36 rounded-full border bg-background px-2.5 py-0.5 text-xs outline-none focus-visible:ring-2 focus-visible:ring-ring"
         />
       )}
 
@@ -372,7 +289,7 @@ function Adder({
         <DropdownMenu open onOpenChange={(next) => !next && close()}>
           <DropdownMenuTrigger
             aria-label={i18n.t("board.link.blocker")}
-            className="rounded-full border px-3 py-1 text-xs outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            className="rounded-full border px-2.5 py-0.5 text-xs outline-none focus-visible:ring-2 focus-visible:ring-ring"
           >
             {i18n.t("board.link.blocker")}
           </DropdownMenuTrigger>

package/src/file-preview/file-preview-view.tsx

@@ -1,9 +1,66 @@
-import FileViewer, { type ViewerOptions } from "@file-viewer/react";
-import { useMemo } from "react";
+import FileViewer, {
+  type FileViewerHandle,
+  type ViewerOptions,
+  type ViewerState,
+} from "@file-viewer/react";
+import {
+  ChevronLeft,
+  ChevronRight,
+  Minus,
+  PanelLeft,
+  Plus,
+  RotateCcw,
+  RotateCw,
+  Search,
+  X,
+} from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { ActionSlot } from "@/app/action-slot/action-slot.tsx";
+import { useI18n } from "@/i18n/i18n-context.tsx";
 import { useResolvedTheme } from "@/theme/theme-context.tsx";
 
-export function FilePreviewView({ file, renderer }: { file: File; renderer: unknown }) {
+// The PDF renderer exposes no stable Shadow Parts for its navigation internals. These selectors
+// intentionally target the pinned @file-viewer/renderer-pdf 2.3.0 DOM; verify them before upgrades.
+const viewerTheme = `
+:host,.file-viewer-web-shell{
+  --file-viewer-render-surface-background:var(--muted);
+  --file-viewer-bg:var(--background);--file-viewer-content-bg:var(--muted);
+  --file-viewer-text:var(--foreground);--file-viewer-muted:var(--muted-foreground);
+  --file-viewer-border:var(--border);--file-viewer-toolbar-bg:var(--background);
+  --file-viewer-toolbar-border:var(--border);--file-viewer-group-bg:var(--muted);
+  --file-viewer-group-border:var(--border);--file-viewer-button-color:var(--foreground);
+  --file-viewer-button-hover-bg:var(--accent);--file-viewer-button-hover-color:var(--accent-foreground);
+  --file-viewer-button-disabled-color:var(--muted-foreground);--file-viewer-input-bg:var(--background);
+  --file-viewer-input-color:var(--foreground);--file-viewer-focus-ring:var(--ring);
+}
+.pdf-shell,.pdf-wrapper{background:var(--muted)!important;color:var(--foreground)!important}
+.pdf-nav-pane,.pdf-nav-tabs,.pdf-nav-head{background:var(--background)!important;border-color:var(--border)!important}
+.pdf-nav-head{display:none!important}.pdf-nav-tabs{display:flex!important;justify-content:flex-end;padding:6px!important}
+.pdf-nav-tabs button{width:30px;min-width:30px;padding:0;font-size:0;color:var(--muted-foreground)!important}
+.pdf-nav-tabs button svg{width:15px;height:15px;margin:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
+.pdf-nav-tabs button:hover,.pdf-nav-tabs button.active{background:var(--accent)!important;border-color:var(--border)!important;color:var(--accent-foreground)!important}
+.pdf-page-list{gap:4px!important;padding:6px!important}.pdf-page-button{display:flex!important;min-height:36px!important;padding:4px!important;border-color:transparent!important;background:transparent!important;color:var(--foreground)!important}
+.pdf-page-button:hover,.pdf-page-button--active{background:var(--accent)!important;border-color:var(--border)!important;box-shadow:none!important}
+.pdf-page-thumb{width:28px!important;height:28px!important;border:0!important;background:transparent!important;color:var(--foreground)!important}
+.pdf-page-label{display:none!important}.pdf-outline-button{color:var(--foreground)!important}.pdf-outline-button:hover{background:var(--accent)!important;border-color:var(--border)!important}
+`;
+
+export function FilePreviewView({
+  file,
+  renderer,
+  pdf = false,
+}: {
+  file: File;
+  renderer: unknown;
+  pdf?: boolean;
+}) {
   const theme = useResolvedTheme();
+  const i18n = useI18n();
+  const viewer = useRef<FileViewerHandle>(null);
+  const searchInput = useRef<HTMLInputElement>(null);
+  const [state, setState] = useState<ViewerState | null>(null);
+  const [searchOpen, setSearchOpen] = useState(false);
+  const [query, setQuery] = useState("");
   const options = useMemo<ViewerOptions>(
     () => ({
       renderers: [renderer] as unknown as NonNullable<ViewerOptions["renderers"]>,
@@ -13,16 +70,273 @@ export function FilePreviewView({ file, renderer }: { file: File; renderer: unkn
       styleIsolation: "shadow",
       theme,
       locale: "auto",
-      toolbar: {
-        download: false,
-        print: false,
-        exportHtml: false,
-        theme: false,
-        permissions: { download: false, print: false, exportHtml: false },
-      },
+      toolbar: false,
+      ...(pdf
+        ? { pdf: { toolbar: false, navigation: true, defaultNavigationVisible: false } }
+        : {}),
       ui: { density: "compact", surfaceBackground: "transparent" },
     }),
-    [renderer, theme],
+    [pdf, renderer, theme],
+  );
+  const viewState = state?.viewState;
+  const page = viewState?.page ?? 1;
+  const pageCount = viewState?.pageCount ?? 0;
+  const scale = state?.zoom?.scale ?? viewState?.scale ?? 1;
+  const search = state?.search;
+
+  useEffect(() => {
+    if (!state?.ready) return;
+    const root = viewer.current?.getController()?.container.shadowRoot;
+    if (!root || root.querySelector("style[data-intel-viewer-theme]")) return;
+    const style = document.createElement("style");
+    style.dataset.intelViewerTheme = "true";
+    style.textContent = viewerTheme;
+    root.append(style);
+    const labelPages = () => {
+      for (const button of root.querySelectorAll<HTMLButtonElement>(".pdf-page-button")) {
+        const label = button.querySelector(".pdf-page-label")?.textContent?.trim();
+        if (label) button.title = label;
+      }
+      for (const [index, button] of root
+        .querySelectorAll<HTMLButtonElement>(".pdf-nav-tabs button")
+        .entries()) {
+        if (button.querySelector("[data-intel-navigation-icon]")) continue;
+        const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+        svg.dataset.intelNavigationIcon = "true";
+        svg.setAttribute("viewBox", "0 0 24 24");
+        svg.setAttribute("aria-hidden", "true");
+        const paths =
+          index === 0
+            ? ["M8 6h13M8 12h13M8 18h13", "M3 6h.01M3 12h.01M3 18h.01"]
+            : ["M4 6h7M9 12h11M13 18h7", "M4 6v12h9M9 6v6M13 12v6"];
+        for (const pathData of paths) {
+          const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+          path.setAttribute("d", pathData);
+          svg.append(path);
+        }
+        button.prepend(svg);
+      }
+    };
+    labelPages();
+    const observer = new MutationObserver(labelPages);
+    observer.observe(root, { childList: true, subtree: true });
+    return () => observer.disconnect();
+  }, [state?.ready]);
+
+  useEffect(() => {
+    if (searchOpen) searchInput.current?.focus();
+  }, [searchOpen]);
+
+  const applyViewState = (next: Record<string, unknown>) =>
+    viewer.current?.applyViewState({ ...viewState, ...next });
+
+  return (
+    <div className="relative h-full min-h-64">
+      {pdf ? (
+        <ActionSlot name="title-actions">
+          <button
+            type="button"
+            aria-label={i18n.t("attachment.viewer.navigation")}
+            aria-pressed={viewState?.navigation?.visible ?? false}
+            onClick={() =>
+              void applyViewState({
+                navigation: {
+                  ...viewState?.navigation,
+                  visible: !(viewState?.navigation?.visible ?? false),
+                },
+              })
+            }
+            className="inline-flex size-8 items-center justify-center rounded-md bg-transparent outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring aria-pressed:bg-muted"
+          >
+            <PanelLeft aria-hidden="true" className="size-4" />
+          </button>
+        </ActionSlot>
+      ) : null}
+      <div className="absolute inset-x-0 top-0 bottom-14 min-h-0">
+        <FileViewer
+          ref={viewer}
+          file={file}
+          className="h-full min-h-0"
+          options={options}
+          onStateChange={setState}
+        />
+      </div>
+      {state?.ready ? (
+        <div
+          role="toolbar"
+          aria-label={i18n.t("attachment.viewer.controls")}
+          className="absolute inset-x-3 bottom-2 z-[5] mx-auto flex min-h-10 w-fit max-w-[calc(100%-1.5rem)] items-center gap-1 rounded-full border bg-background/95 p-1 shadow-lg backdrop-blur"
+        >
+          <span role="status" aria-live="polite" aria-atomic="true" className="sr-only">
+            {search?.query
+              ? search.total > 0
+                ? i18n.t("attachment.viewer.searchResults", {
+                    current: search.currentIndex + 1,
+                    total: search.total,
+                  })
+                : i18n.t("attachment.viewer.searchNoResults")
+              : ""}
+          </span>
+          {pdf && pageCount > 0 && !searchOpen ? (
+            <div className="flex items-center rounded-full bg-muted p-0.5">
+              <button
+                type="button"
+                aria-label={i18n.t("attachment.viewer.previousPage")}
+                disabled={page <= 1}
+                onClick={() => void applyViewState({ page: page - 1 })}
+                className="size-7 rounded-full hover:bg-accent disabled:opacity-40"
+              >
+                <ChevronLeft aria-hidden="true" className="mx-auto size-3.5" />
+              </button>
+              <span className="min-w-14 px-1 text-center text-xs tabular-nums">
+                {page} / {pageCount}
+              </span>
+              <button
+                type="button"
+                aria-label={i18n.t("attachment.viewer.nextPage")}
+                disabled={page >= pageCount}
+                onClick={() => void applyViewState({ page: page + 1 })}
+                className="size-7 rounded-full hover:bg-accent disabled:opacity-40"
+              >
+                <ChevronRight aria-hidden="true" className="mx-auto size-3.5" />
+              </button>
+            </div>
+          ) : null}
+          {searchOpen ? (
+            <form
+              className="flex min-w-0 items-center gap-1"
+              onSubmit={(event) => {
+                event.preventDefault();
+                void viewer.current?.searchDocument(query);
+              }}
+            >
+              <input
+                ref={searchInput}
+                value={query}
+                onChange={(event) => setQuery(event.target.value)}
+                placeholder={i18n.t("attachment.viewer.searchPlaceholder")}
+                className="h-7 w-28 min-w-0 rounded-full border bg-background px-3 text-xs outline-none focus:ring-2 focus:ring-ring sm:w-40"
+              />
+              <button
+                type="submit"
+                aria-label={i18n.t("attachment.viewer.search")}
+                className="grid size-7 place-items-center rounded-full hover:bg-accent"
+              >
+                <Search aria-hidden="true" className="size-3.5" />
+              </button>
+              {search && search.total > 0 ? (
+                <div className="flex items-center rounded-full bg-muted p-0.5">
+                  <button
+                    type="button"
+                    aria-label={i18n.t("attachment.viewer.previousResult")}
+                    disabled={search.total <= 1}
+                    onClick={() => void viewer.current?.previousSearchResult()}
+                    className="grid size-7 place-items-center rounded-full hover:bg-accent disabled:opacity-40"
+                  >
+                    <ChevronLeft aria-hidden="true" className="size-3.5" />
+                  </button>
+                  <span
+                    aria-hidden="true"
+                    className="min-w-10 px-1 text-center text-xs tabular-nums"
+                  >
+                    {search.currentIndex + 1} / {search.total}
+                  </span>
+                  <button
+                    type="button"
+                    aria-label={i18n.t("attachment.viewer.nextResult")}
+                    disabled={search.total <= 1}
+                    onClick={() => void viewer.current?.nextSearchResult()}
+                    className="grid size-7 place-items-center rounded-full hover:bg-accent disabled:opacity-40"
+                  >
+                    <ChevronRight aria-hidden="true" className="size-3.5" />
+                  </button>
+                </div>
+              ) : null}
+              {search?.query && search.total === 0 ? (
+                <span aria-hidden="true" className="min-w-10 px-1 text-center text-xs tabular-nums">
+                  {i18n.t("attachment.viewer.searchNoResults")}
+                </span>
+              ) : null}
+              <button
+                type="button"
+                aria-label={i18n.t("common.close")}
+                onClick={() => {
+                  setSearchOpen(false);
+                  setQuery("");
+                  void viewer.current?.clearDocumentSearch();
+                }}
+                className="grid size-7 place-items-center rounded-full hover:bg-accent"
+              >
+                <X aria-hidden="true" className="size-3.5" />
+              </button>
+            </form>
+          ) : (
+            <button
+              type="button"
+              aria-label={i18n.t("attachment.viewer.search")}
+              onClick={() => setSearchOpen(true)}
+              className="grid size-8 place-items-center rounded-full hover:bg-accent"
+            >
+              <Search aria-hidden="true" className="size-4" />
+            </button>
+          )}
+          {!searchOpen ? (
+            <div className="flex items-center rounded-full bg-muted p-0.5">
+              <button
+                type="button"
+                aria-label={i18n.t("attachment.viewer.zoomOut")}
+                disabled={state.zoom ? !state.zoom.canZoomOut : false}
+                onClick={() => void viewer.current?.zoomOut()}
+                className="grid size-7 place-items-center rounded-full hover:bg-accent disabled:opacity-40"
+              >
+                <Minus aria-hidden="true" className="size-3.5" />
+              </button>
+              <button
+                type="button"
+                aria-label={i18n.t("attachment.viewer.resetZoom")}
+                disabled={state.zoom ? !state.zoom.canReset : false}
+                onClick={() => void viewer.current?.resetZoom()}
+                className="min-w-12 px-1 text-xs tabular-nums disabled:opacity-40"
+              >
+                {Math.round(scale * 100)}%
+              </button>
+              <button
+                type="button"
+                aria-label={i18n.t("attachment.viewer.zoomIn")}
+                disabled={state.zoom ? !state.zoom.canZoomIn : false}
+                onClick={() => void viewer.current?.zoomIn()}
+                className="grid size-7 place-items-center rounded-full hover:bg-accent disabled:opacity-40"
+              >
+                <Plus aria-hidden="true" className="size-3.5" />
+              </button>
+            </div>
+          ) : null}
+          {pdf && !searchOpen ? (
+            <div className="hidden items-center sm:flex">
+              <button
+                type="button"
+                aria-label={i18n.t("attachment.viewer.rotateLeft")}
+                onClick={() =>
+                  void applyViewState({ rotation: ((viewState?.rotation ?? 0) - 90 + 360) % 360 })
+                }
+                className="grid size-8 place-items-center rounded-full hover:bg-accent"
+              >
+                <RotateCcw aria-hidden="true" className="size-4" />
+              </button>
+              <button
+                type="button"
+                aria-label={i18n.t("attachment.viewer.rotateRight")}
+                onClick={() =>
+                  void applyViewState({ rotation: ((viewState?.rotation ?? 0) + 90) % 360 })
+                }
+                className="grid size-8 place-items-center rounded-full hover:bg-accent"
+              >
+                <RotateCw aria-hidden="true" className="size-4" />
+              </button>
+            </div>
+          ) : null}
+        </div>
+      ) : null}
+    </div>
   );
-  return <FileViewer file={file} className="h-full min-h-64" options={options} />;
 }

package/src/file-preview/pdf-file-preview.tsx

@@ -1,5 +1,5 @@
 import { pdfRenderer } from "@file-viewer/renderer-pdf";
 import { FilePreviewView } from "./file-preview-view.tsx";
 export function PdfFilePreview({ file }: { file: File }) {
-  return <FilePreviewView file={file} renderer={pdfRenderer} />;
+  return <FilePreviewView file={file} renderer={pdfRenderer} pdf />;
 }

package/src/i18n/de.json

@@ -42,6 +42,9 @@
   "board.backTo": "Zurück zu {board}",
   "board.cardLabel": "{title} öffnen, in {column}. Alt und eine Pfeiltaste verschiebt sie.",
   "board.clearAssignee": "Zuständigkeit von {name} entfernen",
+  "board.clearDependsOn": "nicht mehr darauf warten",
+  "board.clearDue": "entfernen",
+  "board.clearStart": "entfernen",
   "board.column.archive": "Archiv",
   "board.column.assignee": "Zuständig",
   "board.column.default.backlog": "Backlog",
@@ -51,6 +54,7 @@
   "board.column.dependsOn": "Wartet auf",
   "board.column.due": "Fällig",
   "board.column.labels": "Labels",
+  "board.column.start": "Start",
   "board.column.status": "Spalte",
   "board.column.title": "Titel",
   "board.createFailed": "Die Aufgabe konnte nicht angelegt werden.",
@@ -72,9 +76,9 @@
   "board.link.outside": "Außerhalb dieses Boards",
   "board.link.subtask": "Unteraufgabe",
   "board.links": "Verlinkt",
-  "board.moveTo": "In eine Spalte verschieben",
+  "board.moveTo": "in eine andere Spalte verschieben",
   "board.progress": "{done} von {total} erledigt",
-  "board.removeLabel": "Label {label} entfernen",
+  "board.removeLabel": "dieses Label entfernen",
   "board.settings.addColumn": "+ Spalte",
   "board.settings.columnName": "Name der Spalte {column}",
   "board.settings.description": "Spalten und was das Board zeigt.",
@@ -89,6 +93,10 @@
   "board.settings.showArchive": "Archiv-Spalte zeigen",
   "board.settings.showArchiveHint": "Sie ist auf jedem Board. Ausgeblendet sind ihre Karten überall aus dem Blick.",
   "board.settings.title": "Board-Einstellungen",
+  "board.sort.asc": "{column}, A bis Z",
+  "board.sort.desc": "{column}, Z bis A",
+  "board.sort.none": "Unsortiert",
+  "board.sortBy": "Sortieren",
   "board.stripes.root": "Ebene {level}, hat Unteraufgaben",
   "board.stripes.under": "Ebene {level} · übergeordnet in {column}",
   "board.table.collapse": "Verbergen, was unter {row} liegt",
@@ -249,6 +257,21 @@
   "attachment.empty": "Es wurde noch keine Datei hochgeladen.",
   "attachment.loadFailed": "Die Datei konnte nicht geladen werden. Das Original lässt sich weiterhin über das Menü exportieren.",
   "attachment.unsupported": "Dieser Dateityp kann nicht angezeigt werden. Das Original lässt sich weiterhin über das Menü exportieren.",
+  "attachment.viewer.controls": "Dateisteuerung",
+  "attachment.viewer.navigation": "Seitennavigation anzeigen",
+  "attachment.viewer.nextPage": "Nächste Seite",
+  "attachment.viewer.nextResult": "Nächster Suchtreffer",
+  "attachment.viewer.previousPage": "Vorherige Seite",
+  "attachment.viewer.previousResult": "Vorheriger Suchtreffer",
+  "attachment.viewer.resetZoom": "Zoom zurücksetzen",
+  "attachment.viewer.rotateLeft": "Nach links drehen",
+  "attachment.viewer.rotateRight": "Nach rechts drehen",
+  "attachment.viewer.search": "Dokument durchsuchen",
+  "attachment.viewer.searchNoResults": "Keine Treffer",
+  "attachment.viewer.searchPlaceholder": "Dokument durchsuchen",
+  "attachment.viewer.searchResults": "Suchtreffer {current} von {total}",
+  "attachment.viewer.zoomIn": "Vergrößern",
+  "attachment.viewer.zoomOut": "Verkleinern",
   "nav.primary": "Hauptnavigation",
   "nav.tools": "Werkzeuge",
   "node.access": "Zugriff",