Iconography

Lucide Icons für Shell-UI, Navigation und Command Palette.

Standard

ADDXION-Apps nutzen Lucide (lucide-react) für App-UI-Icons:

Bottom-Nav und Quick-Nav
Command Palette (Navigation, Aktionen, Federated Links)
Shell-Chrome (z. B. CommandNavMark)

Referenz-Implementierung: süper (src/lib/app-nav-destinations.ts).

Abgrenzung

Schicht	Icons
Shell / Nav / Command	Lucide
UUI-Komponenten (Untitled UI)	`@untitledui/icons` — nur innerhalb von UUI-Patterns
Manifest (`manifest.ts`)	keine Icons

Icons gehören nicht ins Manifest. Mapping in der Consumer-Shell-Schicht — siehe Manifests.

Mapping-Layer

Pro App eine Datei, die Manifest-Sections auf Lucide-Icons mappt:

App	Datei
süper	`src/lib/app-nav-destinations.ts`
addxion.ai	`src/lib/layout/app-nav-destinations.ts`

import { BarChart3, Home, Settings, type LucideIcon } from "lucide-react";

const SECTION_ICONS: Record<string, LucideIcon> = {
  dashboard: Home,
  visualizer: BarChart3,
  admin: Settings,
};

Palette-Aktionen (Abmelden, KI senden, externe Links) importieren Lucide direkt in global-command-bar.tsx.

Konventionen

Kontext	Größe	strokeWidth
Quick-Nav Chip	15×15 px	`1.6` (inaktiv) / `2` (aktiv)
Command Palette Zeile	`h-4 w-4`	Lucide-Default
`CommandNavMark`	18×18 px	`1.6`

Typ: LucideIcon aus lucide-react — nicht @untitledui/icons und nicht generisches FC<{ className?: string }>.

Cross-App-Konsistenz

Gleiche Bedeutung → gleiches Lucide-Icon in süper und addxion.ai:

Bedeutung	Lucide
Home / Start	`Home`
Analysen / Charts	`BarChart3`
Admin / Einstellungen	`Settings`
Befehle	`Command`
Abmelden	`LogOut`
Externer Link / App-Wechsel	`ExternalLink`
KI senden	`Sparkles`
Nutzer suchen	`User`

Neue Nav-Sektion: Icon hier ergänzen und in beiden Apps konsistent mappen.

Truths

ID	Wahrheit
T-SHELL-ICONS	Shell-UI-Icons: lucide-react, Mapping in Consumer
T-NAV-MANIFEST	Nav aus manifest.ts + xi/nav
T-MAINTAIN	Einmal pflegen — keine Doppelpflege

Für Agents

Scope: Lucide-Icons für Shell-UI, Nav und Command Palette.

Nav-Icons in app-nav-destinations.ts mappen — nicht in manifest.ts
Typ LucideIcon aus lucide-react; Quick-Nav: 15×15, strokeWidth 1.6 / 2
Neue Sektion: gleiches Icon in süper und addxion.ai; Tabelle auf dieser Seite pflegen
UUI-intern: @untitledui/icons nur in UUI-Komponenten, nicht für Shell-Chrome