mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-14 23:01:09 +02:00
ee42b6cc76
## New Features ### Network Graph Visualization (Contacts, Calendar, Todo) - D3.js force simulation for physics-based layout - Zoom & pan with mouse/touchpad - Keyboard shortcuts: +/- zoom, 0 reset, Esc deselect, / search, F focus - Filtering by tags, company/location/project, connection strength - Shared components in @manacore/shared-ui ### Central Tags API (mana-core-auth) - CRUD endpoints for tags - Schema: tags table with userId, name, color, app - Shared tag components in @manacore/shared-ui ### Custom Themes System - Theme editor with live preview and color picker - Community theme gallery - Theme sharing (public, unlisted, private) - Backend API in mana-core-auth ### Todo App Extensions - Glass-pill design for task input and items - Settings page with 20+ preferences - Task edit modal with inline editing - Statistics page with visualizations - PWA support with offline capabilities - Multiple kanban boards ### Contacts App Features - Duplicate detection - Photo upload - Batch operations - Enhanced favorites page with multiple view modes - Alphabet view improvements - Search modal ### Help System - @manacore/shared-help-content - @manacore/shared-help-ui - @manacore/shared-help-types ### Other Features - Themes page for all apps - Referral system frontend - CommandBar (global search) - Skeleton loaders - Settings page improvements ## Bug Fixes - Network graph simulation initialization - Database schema TEXT for user_id columns (Better Auth compatibility) - Various styling fixes ## Documentation - Daily report for 2025-12-10 - CI/CD deployment guide 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
68 lines
1.7 KiB
Svelte
68 lines
1.7 KiB
Svelte
<script lang="ts">
|
|
import type { FeatureItem } from '@manacore/shared-help-types';
|
|
|
|
interface Props {
|
|
item: FeatureItem;
|
|
learnMoreLabel?: string;
|
|
comingSoonLabel?: string;
|
|
}
|
|
|
|
let { item, learnMoreLabel = 'Learn more', comingSoonLabel = 'Coming soon' }: Props = $props();
|
|
</script>
|
|
|
|
<div
|
|
class="relative rounded-lg border border-gray-200 bg-white p-5 transition-shadow hover:shadow-md dark:border-gray-700 dark:bg-gray-800"
|
|
>
|
|
{#if item.comingSoon}
|
|
<span
|
|
class="absolute right-3 top-3 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-700 dark:bg-amber-900/30 dark:text-amber-400"
|
|
>
|
|
{comingSoonLabel}
|
|
</span>
|
|
{/if}
|
|
|
|
<div class="mb-3 flex items-center gap-3">
|
|
{#if item.icon}
|
|
<span class="text-2xl">{item.icon}</span>
|
|
{/if}
|
|
<h3 class="font-semibold text-gray-900 dark:text-gray-100">
|
|
{item.title}
|
|
</h3>
|
|
</div>
|
|
|
|
<p class="mb-3 text-sm text-gray-600 dark:text-gray-400">
|
|
{item.description}
|
|
</p>
|
|
|
|
{#if item.highlights && item.highlights.length > 0}
|
|
<ul class="mb-3 space-y-1">
|
|
{#each item.highlights as highlight}
|
|
<li class="flex items-start gap-2 text-sm text-gray-600 dark:text-gray-400">
|
|
<svg
|
|
class="text-primary-500 mt-0.5 h-4 w-4 flex-shrink-0"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M5 13l4 4L19 7"
|
|
/>
|
|
</svg>
|
|
{highlight}
|
|
</li>
|
|
{/each}
|
|
</ul>
|
|
{/if}
|
|
|
|
{#if item.learnMoreUrl}
|
|
<a
|
|
href={item.learnMoreUrl}
|
|
class="text-primary-600 dark:text-primary-400 text-sm font-medium hover:underline"
|
|
>
|
|
{learnMoreLabel} →
|
|
</a>
|
|
{/if}
|
|
</div>
|