mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-14 23:01:09 +02:00

History

Till JS 9d6a5a53a8 feat(apps): register agents + timeline as MANA_APPS + broadcast URL fix + members page chrome Three modules move from "dedicated route only" to "first-class apps in the launcher". After this they show up in the AppDrawer pill, can be pinned to workbench scenes, and get a direct URL from the app switcher. MANA_APPS entries added: - agents (/agents) — AI agent management. Icon: smiling robot head with antenna dot. violet→fuchsia gradient, status beta, requiredTier beta. - timeline (/timeline) — Chronological view across modules. Icon: vertical event dots with connecting axis. amber→orange, status beta, requiredTier beta. Plus: broadcast's MANA_APPS entry already existed but had no URL override, so the auto-derived /broadcast didn't match the real route at /broadcasts. Added an APP_URL_OVERRIDES entry mapping id='broadcast' → '/broadcasts' so the app switcher lands the user on the right page. Icon + module.config stay singular. Route wiring: - /agents previously only had /agents/templates/ as a subroute. Added /agents/+page.svelte that renders the existing ai-agents ListView (at $lib/modules/ai-agents/), so the top-level URL works from the AppDrawer. - /timeline already had a root +page.svelte — no work there. - /broadcasts already had a root +page.svelte — no work there. /spaces/members page chrome: - Swapped the hand-rolled header for @mana/shared-ui PageHeader with backHref="/", breadcrumb "Workbench › Mitglieder verwalten", and the space name + type as the description. Feels like a native Mana page now instead of an orphaned admin route. - Dropped the ~60 lines of unused .type-chip CSS (moved the chip info into the PageHeader description string). - Container bumped to 720px max-width to match other admin pages. 0 errors across 7236 files. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>		2026-04-21 16:32:41 +02:00
..
src	feat(apps): register agents + timeline as MANA_APPS + broadcast URL fix + members page chrome	2026-04-21 16:32:41 +02:00
package.json	feat(spaces): validate space metadata on Better Auth organization hooks	2026-04-20 16:05:38 +02:00
README.md	chore: complete ManaCore → Mana rename (docs, go modules, plists, images)	2026-04-07 12:26:10 +02:00
tsconfig.json	style: auto-format codebase with Prettier	2025-11-27 18:33:16 +01:00

README.md

@mana/shared-branding

Shared branding components and configuration for the Mana ecosystem.

Features

AppLogo: SVG logo component for any Mana app
AppLogoWithName: Logo with app name combination
ManaIcon: Universal Mana drop icon for credits display
Branding Config: Centralized colors, names, and taglines

Installation

pnpm add @mana/shared-branding

Usage

AppLogo

Display an app's logo:

<script lang="ts">
	import { AppLogo } from '@mana/shared-branding';
</script>

<AppLogo app="memoro" size={32} />
<AppLogo app="mana" size={32} />
<AppLogo app="cards" size={32} />
<AppLogo app="maerchenzauber" size={32} />

AppLogoWithName

Display logo with app name (perfect for headers):

<script lang="ts">
	import { AppLogoWithName } from '@mana/shared-branding';
</script>

<AppLogoWithName app="memoro" size={28} />
<AppLogoWithName app="mana" showName={false} />

ManaIcon

Universal Mana drop icon:

<script lang="ts">
	import { ManaIcon } from '@mana/shared-branding';
</script>

<ManaIcon size={24} color="#4287f5" />

Branding Configuration

Access branding config programmatically:

import { getAppBranding, APP_BRANDING } from '@mana/shared-branding';

const memoro = getAppBranding('memoro');
console.log(memoro.name); // "Memoro"
console.log(memoro.tagline); // "AI Voice Memos"
console.log(memoro.primaryColor); // "#f8d62b"

App Branding

App	Name	Primary Color	Tagline
`memoro`	Memoro	#f8d62b (Gold)	AI Voice Memos
`mana`	Mana	#6366f1 (Indigo)	Central Hub
`cards`	Cards	#8b5cf6 (Purple)	AI Flashcards
`maerchenzauber`	Märchenzauber	#ec4899 (Pink)	AI Story Creator

Props

AppLogo

Prop	Type	Default	Description
`app`	`AppId`	required	App identifier
`size`	`number`	`32`	Size in pixels
`color`	`string`	App primary color	Override color
`class`	`string`	`''`	Additional CSS classes

AppLogoWithName

Prop	Type	Default	Description
`app`	`AppId`	required	App identifier
`size`	`number`	`28`	Logo size in pixels
`color`	`string`	App primary color	Override color
`showName`	`boolean`	`true`	Show app name
`nameFontSize`	`string`	`'1.25rem'`	Name font size
`gap`	`string`	`'0.5rem'`	Gap between logo and name
`class`	`string`	`''`	Additional CSS classes

ManaIcon

Prop	Type	Default	Description
`size`	`number`	`24`	Size in pixels
`color`	`string`	`'#4287f5'`	Icon color
`class`	`string`	`''`	Additional CSS classes

Types

type AppId = 'memoro' | 'mana' | 'cards' | 'maerchenzauber';

interface AppBranding {
	id: AppId;
	name: string;
	tagline: string;
	primaryColor: string;
	secondaryColor?: string;
	logoPath: string;
	logoViewBox?: string;
	logoStroke?: boolean;
	logoStrokeWidth?: number;
}