# Oberfläche im Detail

{/* AUTO-SYNCED SOURCE: this page lives in apps/app/src/modules/files/docs/ and is mirrored into the docs app by `bun sync:module-docs`. Edit it in the module, not in apps/docs. */}
<Lead>
Der Datei-Explorer bedient sich wie ein Datei-Manager auf deinem Rechner: auswählen, ziehen, Rechtsklick, Vorschau. Diese Seite geht jede Fläche und jedes Menü im Detail durch.
</Lead>

## Aufbau der Seite

Die Seite hat drei Zonen: die **Seitenleiste** links, die **Dateifläche** in der Mitte und die andockbare **Details-Spalte** rechts. Einen klassischen Ordnerbaum gibt es nicht: Du navigierst über die Bereiche der Seitenleiste, die Brotkrumen oben und per Doppelklick in Ordner hinein.

Jede Ansicht hat ihre eigene Adresse und lässt sich direkt verlinken: `/files` (Start), `/files/recent` (Zuletzt), `/files/favorites` (Favoriten), `/files/trash` (Papierkorb) und `/files/f/<id>` für einen bestimmten Ordner oder eine Datei mit geöffneter Vorschau.

## Seitenleiste

- **Start**, **Zuletzt** und **Favoriten** als Schnellzugriff.
- Die Gruppe **Bereiche** mit **Tools**, **Objekte** und **Meine Dateien** (siehe [Ordner und Bereiche](/tools/dateien/ordner-und-bereiche)).
- Der **Papierkorb**.
- Ein **Such-Knopf**; schneller geht es mit <Kbd>Cmd/Strg</Kbd> + <Kbd>K</Kbd> (siehe [Suche](/tools/dateien/suche)).
- Die **Speicher-Kachel** mit Balken und „X von Y belegt“. Sie ist nur für Inhaber:innen und Admins sichtbar und verlinkt auf **Einstellungen > Dateien**.

## Ansichten und Sortierung

- **Raster oder Liste**, umschaltbar in der Werkzeugleiste. Die Wahl wird **pro Ordner gemerkt**: dein Foto-Ordner darf Raster sein, der Vertragsordner Liste.
- Die Liste zeigt die Spalten **Name**, **Größe** und **Geändert**.
- **Sortierung** über ein Menü, in dem jede Zeile das Ergebnis beschreibt: "Name (A bis Z)", "Name (Z bis A)", "Zuletzt geändert zuerst", "Älteste zuerst", "Größte zuerst", "Kleinste zuerst" und "Nach Dateityp". Am Knopf steht, was gerade gilt. Ordner stehen immer vor Dateien.

## Navigation und Brotkrumen

- **Doppelklick** öffnet einen Ordner, die **Brotkrumen** oben führen zurück; jede Ebene ist klickbar.
- <Kbd>Alt</Kbd> + <Kbd>↑</Kbd> springt eine Ebene nach oben.
- Tippen eines Buchstabens springt zum nächsten passenden Namen.

## Mehrfachauswahl und Bulk-Leiste

Die Auswahl folgt der **Finder-Semantik**, wie du sie vom Rechner kennst:

- **Klick** wählt einen Eintrag aus.
- <Kbd>Cmd/Strg</Kbd> + Klick ergänzt oder entfernt einzelne Einträge.
- <Kbd>Umschalt</Kbd> + Klick spannt einen Bereich auf.
- <Kbd>Cmd/Strg</Kbd> + <Kbd>A</Kbd> wählt alles, <Kbd>Esc</Kbd> hebt die Auswahl auf.

Sobald etwas ausgewählt ist, erscheint die Statusleiste mit „{n} ausgewählt“ samt Gesamtgröße und den Sammel-Aktionen **Herunterladen**, **Als ZIP**, **In den Papierkorb** und **Auswahl aufheben**.

## Kontextmenü

Rechtsklick (am Telefon: langes Drücken) öffnet das Kontextmenü eines Eintrags:

- **Öffnen** (Ordner) beziehungsweise **Herunterladen** (Datei)
- **Öffnen mit**: zeigt Tools, die den Dateityp annehmen. Bilder lassen sich so zum Beispiel direkt in AI-Homestaging öffnen.
- **Umbenennen**
- **Verschieben nach...** (bei Mehrfachauswahl: „{n} Einträge verschieben...“)
- **Duplizieren**
- **Als Favorit markieren** beziehungsweise **Favorit entfernen**
- **Zugriff verwalten...** (nur Ordner, siehe [Zugriff auf Ordner](/tools/dateien/zugriff))
- **Freigeben...** (siehe [Nach außen freigeben](/tools/dateien/freigeben))
- **Ordner-Farbe** (nur Ordner)
- **Als ZIP**
- **In den Papierkorb**

## Ordner-Farben

Ordnern kannst du über das Kontextmenü eine von sechs Akzentfarben geben: **Blau**, **Violett**, **Grün**, **Bernstein**, **Rosé** oder **Graublau**; dazu gibt es die Standardfarbe (Gold). Die Farbe ist workspace-weit sichtbar, alle sehen also dieselbe Markierung. Auch System-Ordner wie Tools oder Objekte dürfen eine Farbe tragen.

## Details-Spalte

Die Details-Spalte dockst du über die Werkzeugleiste an. Für den ausgewählten Eintrag zeigt sie:

- **Vorschau**, **Größe**, **Typ** und **Herkunft** (Hochgeladen, Importiert, Tool-Ergebnis oder Systemordner)
- bei eingeschränkten Ordnern die Zeile **Zugriff: Eingeschränkt**
- **Erstellt** und **Geändert**

Darunter folgen vier Sektionen:

<DefinitionList>
  <DefItem term="Labels">Frei vergebbare Schlagworte als Chips, team-weit sichtbar. Hinzufügen und Entfernen braucht Schreibrecht; bestehende Labels werden beim Tippen vorgeschlagen.</DefItem>
  <DefItem term="Verlauf">Die gesicherten Versionen einer Datei mit Wiederherstellen. Details: [Upload und Versionen](/tools/dateien/upload-und-versionen).</DefItem>
  <DefItem term="Aktivität">Die letzten Aktionen am Eintrag, zum Beispiel „Hochgeladen“, „Umbenannt“ oder „In den Papierkorb gelegt“.</DefItem>
  <DefItem term="Freigaben">Aktive externe Links des Eintrags, direkt hier widerrufbar.</DefItem>
</DefinitionList>

## Favoriten

Der Stern im Kontextmenü markiert Dateien und Ordner als Favorit. Alle Favoriten sammelt der gleichnamige Bereich in der Seitenleiste.

## Vorschau

- <Kbd>Leertaste</Kbd> oder Doppelklick öffnet die Schnellvorschau, mit den Pfeiltasten blätterst du zum nächsten Eintrag.
- **Bilder, PDFs, Videos und Audio** werden direkt angezeigt beziehungsweise abgespielt.
- **Markdown** erscheint formatiert, **CSV** als Tabelle, **Code** mit Zeilennummern.

## Tastatur-Kurzbefehle

Die Taste <Kbd>?</Kbd> (oder der Hilfe-Knopf unten rechts) öffnet die Übersicht **Tastatur-Kurzbefehle**:

- **Navigation**: <Kbd>↑</Kbd> <Kbd>↓</Kbd> <Kbd>←</Kbd> <Kbd>→</Kbd> bewegen die Auswahl (auch im Raster), <Kbd>Alt</Kbd> + <Kbd>↑</Kbd> geht eine Ebene höher, <Kbd>Enter</Kbd> öffnet Ordner oder zeigt die Datei, Tippen springt zum Namen.
- **Auswahl**: <Kbd>Cmd/Strg</Kbd> + <Kbd>A</Kbd> wählt alles, <Kbd>Esc</Kbd> hebt die Auswahl auf.
- **Aktionen**: <Kbd>Leertaste</Kbd> für die Schnellvorschau, <Kbd>F2</Kbd> zum Umbenennen, <Kbd>Entf</Kbd> für den Papierkorb.
- **Suche und Hilfe**: <Kbd>Cmd/Strg</Kbd> + <Kbd>K</Kbd> öffnet die Suche, <Kbd>?</Kbd> diese Hilfe.

## Live-Updates

Legt ein Tool eine Datei ab, während die Seite offen ist, erscheint sie sofort in der Fläche und ein Hinweis meldet: „{Tool} hat eine neue Datei abgelegt.“ Kein Neuladen nötig.

## Leere Bereiche

Die wichtigsten Hinweise, wenn noch nichts da ist:

- Leere Wurzel: „Dein Dateispeicher ist noch leer. Lade deine ersten Dateien hoch oder lege einen Ordner an. Tool-Ergebnisse und Objekt-Dateien landen automatisch hier.“
- Leerer Ordner: „Dieser Ordner ist leer. Zieh Dateien oder ganze Ordner hierher. Auch Einfügen aus der Zwischenablage funktioniert.“
- Leerer Papierkorb: „Der Papierkorb ist leer.“

## Am Telefon

Am Telefon öffnet **langes Drücken** das Kontextmenü, und statt Ziehen nutzt du den Dialog **Verschieben nach...**. Alle Funktionen bleiben erreichbar.

## Weiterführend

Weiter mit [Upload und Versionen](/tools/dateien/upload-und-versionen) oder zurück zur [Übersicht](/tools/dateien).
