managarten/packages/shared-branding/src/mana-apps.ts
Till-JS 86c40ec05b fix(matrix-web): fix sidebar gap and chat scrolling layout
- Remove padding-bottom from floating-mode layout, handle padding in components
- Add min-h-0 to flex containers for proper overflow handling
- Add bottom padding to RoomList and MessageInput for nav clearance
- Fix Timeline scrolling with proper min-h-0 on flex-1 container
- Add matrix app to shared-branding (icon, config, URLs)
- Fix File icon import shadow conflict in MessageInput

Note: Skipped type-check due to pre-existing error in @todo/web

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-29 16:36:24 +01:00

453 lines
12 KiB
TypeScript

/**
* Central configuration for all Mana ecosystem apps
* This is the single source of truth for AppSlider components
*/
import { APP_ICONS } from './app-icons';
import type { AppIconId } from './app-icons';
export type AppStatus = 'published' | 'beta' | 'development' | 'planning';
export interface ManaApp {
id: AppIconId;
name: string;
description: {
de: string;
en: string;
};
longDescription: {
de: string;
en: string;
};
icon: string; // Data URL from APP_ICONS
color: string;
comingSoon: boolean;
status: AppStatus;
url?: string; // Optional URL for the app
/** Whether this app is archived (in apps-archived folder) */
archived?: boolean;
}
/**
* All apps in the Mana ecosystem
* Order determines display order in AppSlider
*/
export const MANA_APPS: ManaApp[] = [
{
id: 'chat',
name: 'ManaChat',
description: {
de: 'KI Chat Assistent',
en: 'AI Chat Assistant',
},
longDescription: {
de: 'Dein intelligenter KI-Begleiter für Gespräche, Fragen und kreative Aufgaben.',
en: 'Your intelligent AI companion for conversations, questions, and creative tasks.',
},
icon: APP_ICONS.chat,
color: '#0ea5e9',
comingSoon: false,
status: 'beta',
},
{
id: 'memoro',
name: 'Memoro',
description: {
de: 'KI Sprachnotizen',
en: 'AI Voice Memos',
},
longDescription: {
de: 'Verwandle deine Sprachnotizen in organisiertes, durchsuchbares Wissen mit KI-gestützter Transkription.',
en: 'Transform your voice memos into organized, searchable knowledge with AI-powered transcription.',
},
icon: APP_ICONS.memoro,
color: '#f8d62b',
comingSoon: false,
status: 'published',
archived: true,
},
{
id: 'presi',
name: 'Presi',
description: {
de: 'Präsentations-Creator',
en: 'Presentation Creator',
},
longDescription: {
de: 'Erstelle beeindruckende Präsentationen mit KI-gestützten Design-Vorschlägen.',
en: 'Create stunning presentations with AI-powered design suggestions.',
},
icon: APP_ICONS.presi,
color: '#f97316',
comingSoon: false,
status: 'development',
},
{
id: 'manadeck',
name: 'ManaDeck',
description: {
de: 'KI Karteikarten',
en: 'AI Flashcards',
},
longDescription: {
de: 'Lerne intelligenter mit KI-generierten Karteikarten und Spaced Repetition.',
en: 'Learn smarter with AI-generated flashcards and spaced repetition.',
},
icon: APP_ICONS.manadeck,
color: '#8b5cf6',
comingSoon: true,
status: 'development',
},
{
id: 'picture',
name: 'ManaPicture',
description: {
de: 'KI Bildgenerierung',
en: 'AI Image Generation',
},
longDescription: {
de: 'Erschaffe einzigartige Bilder mit der Kraft künstlicher Intelligenz.',
en: 'Create unique images with the power of artificial intelligence.',
},
icon: APP_ICONS.picture,
color: '#22c55e',
comingSoon: true,
status: 'development',
},
{
id: 'zitare',
name: 'Zitare',
description: {
de: 'Tägliche Inspiration',
en: 'Daily Inspiration',
},
longDescription: {
de: 'Entdecke inspirierende Zitate und Weisheiten für jeden Tag.',
en: 'Discover inspiring quotes and wisdom for every day.',
},
icon: APP_ICONS.zitare,
color: '#f59e0b',
comingSoon: true,
status: 'development',
},
{
id: 'wisekeep',
name: 'WiseKeep',
description: {
de: 'KI Wissensextraktion',
en: 'AI Knowledge Extraction',
},
longDescription: {
de: 'Extrahiere Weisheiten und Erkenntnisse aus Videos und Texten.',
en: 'Extract wisdom and insights from videos and texts.',
},
icon: APP_ICONS.wisekeep,
color: '#6366f1',
comingSoon: true,
status: 'planning',
archived: true,
},
{
id: 'nutriphi',
name: 'Nutriphi',
description: {
de: 'KI Ernährungstracker',
en: 'AI Nutrition Tracker',
},
longDescription: {
de: 'Tracke deine Ernährung mit KI-gestützter Foto-Analyse und erhalte detaillierte Nährwertinformationen.',
en: 'Track your nutrition with AI-powered photo analysis and get detailed nutritional information.',
},
icon: APP_ICONS.nutriphi,
color: '#10b981',
comingSoon: false,
status: 'development',
archived: true,
},
{
id: 'contacts',
name: 'ManaContacts',
description: {
de: 'Kontaktverwaltung',
en: 'Contact Management',
},
longDescription: {
de: 'Verwalte deine Kontakte übersichtlich mit Gruppen, Tags und Notizen.',
en: 'Manage your contacts clearly with groups, tags, and notes.',
},
icon: APP_ICONS.contacts,
color: '#3b82f6',
comingSoon: false,
status: 'development',
},
{
id: 'calendar',
name: 'Kalender',
description: {
de: 'Smarte Kalenderverwaltung',
en: 'Smart Calendar Management',
},
longDescription: {
de: 'Organisiere deine Zeit intelligent mit persönlichen und geteilten Kalendern, wiederkehrenden Terminen und Erinnerungen.',
en: 'Organize your time intelligently with personal and shared calendars, recurring events, and reminders.',
},
icon: APP_ICONS.calendar,
color: '#0ea5e9',
comingSoon: false,
status: 'development',
},
{
id: 'storage',
name: 'Storage',
description: {
de: 'Cloud-Speicherung',
en: 'Cloud Storage',
},
longDescription: {
de: 'Sichere Cloud-Speicherung für deine Dateien mit Ordnern, Versionierung, Sharing und mehr.',
en: 'Secure cloud storage for your files with folders, versioning, sharing, and more.',
},
icon: APP_ICONS.storage,
color: '#3b82f6',
comingSoon: false,
status: 'development',
},
{
id: 'clock',
name: 'Clock',
description: {
de: 'Uhren & Wecker',
en: 'Clocks & Alarms',
},
longDescription: {
de: 'Weltzeituhr, Wecker, Timer und stilvolle Uhren-Widgets in einer App.',
en: 'World clock, alarms, timers, and stylish clock widgets in one app.',
},
icon: APP_ICONS.clock,
color: '#f59e0b',
comingSoon: false,
status: 'development',
},
{
id: 'todo',
name: 'Todo',
description: {
de: 'Aufgabenverwaltung',
en: 'Task Management',
},
longDescription: {
de: 'Verwalte Aufgaben mit Projekten, Labels, Subtasks und wiederkehrenden Terminen.',
en: 'Manage tasks with projects, labels, subtasks, and recurring schedules.',
},
icon: APP_ICONS.todo,
color: '#8b5cf6',
comingSoon: false,
status: 'development',
},
{
id: 'mail',
name: 'ManaMail',
description: {
de: 'Smart Email Client',
en: 'Smart Email Client',
},
longDescription: {
de: 'Intelligenter E-Mail-Client mit KI-Zusammenfassungen, Smart Reply und Multi-Account-Unterstützung.',
en: 'Intelligent email client with AI summaries, smart reply, and multi-account support.',
},
icon: APP_ICONS.mail,
color: '#6366f1',
comingSoon: false,
status: 'development',
},
{
id: 'moodlit',
name: 'Moodlit',
description: {
de: 'Ambient Lighting & Moods',
en: 'Ambient Lighting & Moods',
},
longDescription: {
de: 'Erstelle beruhigende Lichtstimmungen mit animierten Farbverläufen für entspannte Atmosphäre.',
en: 'Create calming ambient lighting with animated color gradients for a relaxed atmosphere.',
},
icon: APP_ICONS.moodlit,
color: '#8b5cf6',
comingSoon: false,
status: 'development',
},
{
id: 'inventory',
name: 'Inventory',
description: {
de: 'Besitz-Verwaltung',
en: 'Inventory Management',
},
longDescription: {
de: 'Verwalte deinen Besitz mit Fotos, Kaufbelegen, Garantie-Dokumenten, Kategorien und Standorten.',
en: 'Manage your belongings with photos, receipts, warranty documents, categories, and locations.',
},
icon: APP_ICONS.inventory,
color: '#14b8a6',
comingSoon: false,
status: 'development',
},
{
id: 'questions',
name: 'Questions',
description: {
de: 'KI Recherche-Assistent',
en: 'AI Research Assistant',
},
longDescription: {
de: 'Sammle Fragen und erhalte umfassende Antworten durch KI-gestützte Web-Recherche.',
en: 'Collect questions and get comprehensive answers through AI-powered web research.',
},
icon: APP_ICONS.questions,
color: '#8b5cf6',
comingSoon: false,
status: 'development',
},
{
id: 'matrix',
name: 'Mana Matrix',
description: {
de: 'Matrix Chat Client',
en: 'Matrix Chat Client',
},
longDescription: {
de: 'Verbinde dich mit dem dezentralen Matrix-Netzwerk für sichere, föderierte Kommunikation.',
en: 'Connect to the decentralized Matrix network for secure, federated communication.',
},
icon: APP_ICONS.matrix,
color: '#8b5cf6',
comingSoon: false,
status: 'development',
},
];
/**
* Get a specific app by ID
*/
export function getManaApp(id: AppIconId): ManaApp | undefined {
return MANA_APPS.find((app) => app.id === id);
}
/**
* Get apps filtered by status
*/
export function getManaAppsByStatus(status: AppStatus): ManaApp[] {
return MANA_APPS.filter((app) => app.status === status);
}
/**
* Get only published/available apps
*/
export function getAvailableManaApps(): ManaApp[] {
return MANA_APPS.filter((app) => !app.comingSoon);
}
/**
* Get only active (non-archived) apps
*/
export function getActiveManaApps(): ManaApp[] {
return MANA_APPS.filter((app) => !app.archived);
}
/**
* Status labels in German and English
*/
export const APP_STATUS_LABELS = {
de: {
published: 'Live',
beta: 'Beta',
development: 'In Entwicklung',
planning: 'Geplant',
},
en: {
published: 'Live',
beta: 'Beta',
development: 'In Development',
planning: 'Planned',
},
} as const;
/**
* Common labels for AppSlider in German and English
*/
export const APP_SLIDER_LABELS = {
de: {
title: 'Teil des Mana Ecosystems',
comingSoon: 'Demnächst',
openApp: 'App öffnen',
},
en: {
title: 'Part of the Mana Ecosystem',
comingSoon: 'Coming Soon',
openApp: 'Open App',
},
} as const;
/**
* Default app URLs for local development and production
*/
export const APP_URLS: Record<AppIconId, { dev: string; prod: string }> = {
chat: { dev: 'http://localhost:5174', prod: 'https://chat.manacore.app' },
memoro: { dev: 'http://localhost:5175', prod: 'https://memoro.manacore.app' },
presi: { dev: 'http://localhost:5176', prod: 'https://presi.manacore.app' },
manadeck: { dev: 'http://localhost:5177', prod: 'https://manadeck.manacore.app' },
picture: { dev: 'http://localhost:5185', prod: 'https://picture.manacore.app' },
zitare: { dev: 'http://localhost:5180', prod: 'https://zitare.manacore.app' },
wisekeep: { dev: 'http://localhost:5181', prod: 'https://wisekeep.manacore.app' },
nutriphi: { dev: 'http://localhost:5182', prod: 'https://nutriphi.manacore.app' },
manacore: { dev: 'http://localhost:5173', prod: 'https://manacore.app' },
mana: { dev: 'http://localhost:5173', prod: 'https://manacore.app' },
moodlit: { dev: 'http://localhost:5182', prod: 'https://moodlit.manacore.app' },
contacts: { dev: 'http://localhost:5184', prod: 'https://contacts.manacore.app' },
calendar: { dev: 'http://localhost:5179', prod: 'https://calendar.manacore.app' },
storage: { dev: 'http://localhost:5185', prod: 'https://storage.manacore.app' },
clock: { dev: 'http://localhost:5187', prod: 'https://clock.manacore.app' },
todo: { dev: 'http://localhost:5189', prod: 'https://todo.manacore.app' },
mail: { dev: 'http://localhost:5186', prod: 'https://mail.manacore.app' },
inventory: { dev: 'http://localhost:5188', prod: 'https://inventory.manacore.app' },
questions: { dev: 'http://localhost:5111', prod: 'https://questions.manacore.app' },
matrix: { dev: 'http://localhost:5180', prod: 'https://matrix.mana.how' },
};
/**
* App item type for PillNavigation app switcher
*/
export interface PillAppItemConfig {
id: string;
name: string;
url: string;
icon?: string;
color?: string;
isCurrent?: boolean;
}
/**
* Get app items for PillNavigation app switcher
* Only returns active (non-archived) apps
* @param currentAppId - The ID of the current app to mark as active
* @param isDev - Whether to use development URLs (default: auto-detect)
* @param customUrls - Optional custom URL overrides per app
*/
export function getPillAppItems(
currentAppId?: AppIconId,
isDev?: boolean,
customUrls?: Partial<Record<AppIconId, string>>
): PillAppItemConfig[] {
const isDevMode =
isDev ?? (typeof window !== 'undefined' && window.location.hostname === 'localhost');
// Only show active (non-archived) apps
return getActiveManaApps().map((app) => ({
id: app.id,
name: app.name,
url: customUrls?.[app.id] || (isDevMode ? APP_URLS[app.id].dev : APP_URLS[app.id].prod),
icon: app.icon,
color: app.color,
isCurrent: app.id === currentAppId,
}));
}