fix(app): Cockpit — alle Kacheln sichtbar + Uebersicht-Button in den Header

Zwei Nachbesserungen am Cockpit-Modus (noch Teil von 0.2.1.9):
- Im Cockpit werden IMMER alle vier Kacheln gezeigt (Chat/Editor/Desktop/
  Vorschau) statt erst bei Code-Projekten — Editor/Desktop/Vorschau als
  Platzhalter mit Status-Untertitel. Vorher wirkten sie "verschwunden".
- Der "⤢ Uebersicht"-Button hing im Chat genau ueber dem Abbrechen-Button der
  "ARIA denkt"-Leiste. Jetzt sitzt er im Navigations-Header links (nur sichtbar
  im Cockpit + Fokus), via neuem cockpitNav-Signal-Singleton. In-Content-Button
  entfernt.

tsc clean.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-07-17 14:46:49 +02:00
co-authored by Claude Opus 4.8
parent 9950cdea87
commit b839b059d0
6 changed files with 122 additions and 31 deletions
+15 -9
View File
@@ -16,7 +16,7 @@ import codeFile from '../services/codeFile';
import desktop from '../services/desktop';
import viewMode, { ViewModeValue } from '../services/viewMode';
import ChatScreen from '../screens/ChatScreen';
import { TileId, visibleTilesFor } from './layout';
import { TileId, TILE_ORDER } from './layout';
import WorkspaceCanvas from './WorkspaceCanvas';
const WorkspaceScreen: React.FC = () => {
@@ -47,15 +47,21 @@ const WorkspaceScreen: React.FC = () => {
return unsub;
}, [pid, kind]);
const visibleTiles: TileId[] = useMemo(
() => visibleTilesFor({ kind, hasCode, hasDesktop }),
[kind, hasCode, hasDesktop],
);
// Im Cockpit immer alle Kacheln zeigen (Editor/Desktop/Vorschau als
// Platzhalter, bis ein Code-Projekt/VM aktiv ist) — sonst „fehlen" sie
// gefuehlt. isCode blendet nur die Untertitel-Info um.
const visibleTiles: TileId[] = TILE_ORDER;
const isCode = kind === 'code' || hasCode || hasDesktop;
const subtitles = useMemo(
() => ({ chat: pid ? projectFocus.getProjectName(pid) : 'Hauptchat' } as Partial<Record<TileId, string>>),
[pid, focus.projectNameById],
);
const subtitles = useMemo(() => {
const fileCount = codeFile.getFiles(pid).length;
return {
chat: pid ? projectFocus.getProjectName(pid) : 'Hauptchat',
editor: isCode ? `${fileCount} Datei${fileCount === 1 ? '' : 'en'}` : 'kein Code-Projekt',
vnc: hasDesktop ? 'verbunden' : 'kein Desktop',
preview: undefined,
} as Partial<Record<TileId, string>>;
}, [pid, focus.projectNameById, isCode, hasCode, hasDesktop]);
// Kompakt-Ansicht: klassischer Vollbild-Chat, exakt wie vor dem Umbau.
if (mode === 'compact') {