feat: design system overhaul — sidebar, AI chats, settings, brainstorm, color cleanup

- Sidebar: dynamic brand-accent colors, brainstorm section restyled
- AI chat general: popup panel with expand/collapse, hides when contextual AI open
- AI chat contextual: tabs reordered (Actions first), X close button, height fix
- Settings: all tabs restyled, 6 new color presets (sage, terracotta, iron, etc.)
- Global color cleanup: emerald/orange hardcoded → brand-accent dynamic
- Brainstorm page: orange → brand-accent throughout
- PageEntry animation component added to key pages
- Floating AI button: bg-brand-accent instead of hardcoded black
- i18n: all 15 locales updated with new AI/billing keys
- Billing: freemium quota tracking, BYOK, stripe subscription scaffolding
- Admin: integrated into new design
- AGENTS.md + CLAUDE.md project rules added

memento-note/locales/ar.json

@@ -55,7 +55,11 @@
     "freezePinnedNotebook": "تثبيت ترتيب الشريط الجانبي للكمبيوتر الدفتري",
     "unfreezePinnedNotebook": "قم بإزالة تثبيت ترتيب الشريط الجانبي للكمبيوتر الدفتري",
     "newSubNotebook": "دفتر فرعي جديد",
-    "renameNotebook": "إعادة تسمية"
+    "renameNotebook": "إعادة تسمية",
+    "sharedNotebookBadge": "· Shared",
+    "sortManual": "ترتيب حر",
+    "moveFailed": "فشل نقل دفتر الملاحظات",
+    "dropToRoot": "أفلت هنا للنقل إلى الجذر"
   },
   "notes": {
     "title": "الملاحظات",
@@ -261,7 +265,11 @@
     "noteDeletedToast": "تم حذف الملاحظة.",
     "deleteNoteFailedToast": "لا يمكن الحذف.",
     "documentInfoAria": "معلومات الوثيقة",
-    "noModification": "لا تغييرات"
+    "noModification": "لا تغييرات",
+    "notes.emptyNotebook": "Empty notebook",
+    "notes.emptyNotebookDesc": "This notebook has no notes. Click + to create one.",
+    "notes.noNoteSelected": "No note selected",
+    "notes.selectOrCreateNote": "Select a note from the list or create a new one."
   },
   "pagination": {
     "previous": "←",
@@ -615,7 +623,14 @@
     "presentationReadyBadge": "العرض التقديمي جاهز",
     "openInLabTitle": "فتح في المختبر",
     "inlineSummaryMarkdown": "**ملخص:**",
-    "networkErrorShort": "خطأ في الشبكة."
+    "networkErrorShort": "خطأ في الشبكة.",
+    "contextSourceHeading": "Context source",
+    "tones": {
+      "professional": "Professional",
+      "creative": "Creative",
+      "academic": "Academic",
+      "casual": "Casual"
+    }
   },
   "titleSuggestions": {
     "available": "اقتراحات العنوان",
@@ -1415,7 +1430,10 @@
     "fontFamilyLabel": "عائلة الخطوط",
     "fontFamilyDescription": "اختر الخط المستخدم في جميع أنحاء التطبيق",
     "selectFontFamily": "Inter مُحسّن لسهولة القراءة، النظام يستخدم الخط الأصلي لنظام التشغيل",
-    "fontSystem": "الخط الافتراضي للنظام"
+    "fontSystem": "الخط الافتراضي للنظام",
+    "fontInterDefault": "Inter (default)",
+    "fontPlayfairDisplay": "Playfair Display",
+    "fontJetBrainsMono": "JetBrains Mono"
   },
   "generalSettings": {
     "title": "الإعدادات العامة",
@@ -1744,7 +1762,27 @@
       "includeImagesHint": "استخراج الصور من الصفحات المجمعة وإرفاقها بالملاحظة المولدة",
       "back": "Back",
       "configuration": "Configuration",
-      "options": "Options"
+      "options": "Options",
+      "slideThemes": {
+        "modern_wellness": "عصري وصحة وعافية",
+        "business_authority": "عمل وسلطة مهنية",
+        "nature_outdoors": "طبيعة وهواء طلق",
+        "vintage_academic": "عتيق وأكاديمي",
+        "soft_creative": "ناعم وإبداعي",
+        "bohemian": "بوهيمي",
+        "vibrant_tech": "زاهٍ وتقني",
+        "craft_artisan": "حرفة وصناعة يدوية",
+        "tech_night": "تقني وليلة (داكن)",
+        "education_charts": "تعليم ورسوم بيانية",
+        "forest_eco": "غابة وبيئة",
+        "elegant_fashion": "أنيق وأزياء",
+        "art_food": "فن وطعام",
+        "luxury_mystery": "فخامة وغموض",
+        "pure_tech_blue": "أزرق تقني نقي",
+        "coastal_coral": "مرجان ساحلي",
+        "vibrant_orange_mint": "برتقالي زاهٍ ونعناع",
+        "platinum_white_gold": "بلاتيني ذهب أبيض"
+      }
     },
     "frequencies": {
       "manual": "يدوي",
@@ -2033,7 +2071,19 @@
     "superscript": "نص مرتفع",
     "subscript": "نص منخفض",
     "addBlock": "إضافة كتلة",
-    "placeholder": "اكتب '/' للأوامر..."
+    "placeholder": "اكتب '/' للأوامر...",
+    "aiReformulateFailed": "تعذّر على المساعد الذكي معالجة هذا النص. حاول مجدداً.",
+    "translateTargets": {
+      "Francais": "الفرنسية",
+      "English": "الإنجليزية",
+      "Espanol": "الإسبانية",
+      "Deutsch": "الألمانية",
+      "Persan": "الفارسية",
+      "Portugais": "البرتغالية",
+      "Italiano": "الإيطالية",
+      "Chinois": "الصينية",
+      "Japonais": "اليابانية"
+    }
   },
   "brainstorm": {
     "title": "Waves of Thought",
@@ -2098,6 +2148,181 @@
       "joined": "انضم إلى الجلسة",
       "idea_dismissed": "رفضت فكرة",
       "invite_created": "أنشأت دعوة"
+    },
+    "shareDialogTitle": "Share brainstorm",
+    "shareSearchLabel": "Find someone",
+    "shareNameOrEmailPlaceholder": "Name or email…",
+    "shareSubmit": "Share",
+    "shareSubmitting": "Sending…",
+    "shareFooterHint": "They will get a notification to accept or decline.",
+    "sharePublicLink": "Public link",
+    "shareGuestsCanEdit": "Allow guests to edit",
+    "feedbackInviteSent": "Invitation sent!",
+    "feedbackInviteResent": "Invitation resent!",
+    "feedbackAlreadyShared": "This person already has access to this brainstorm.",
+    "feedbackAlreadyPending": "An invitation is already pending for this person.",
+    "feedbackGenericError": "Error",
+    "unnamedPerson": "No name",
+    "canvasEditTitleReply": "Reply",
+    "canvasEditTitleNewIdea": "New idea",
+    "canvasPlaceholderReply": "Your reply…",
+    "canvasPlaceholderIdea": "Your idea…",
+    "canvasShortcutSave": "save",
+    "canvasShortcutCancel": "cancel",
+    "canvasChildBranch": "Child",
+    "canvasDoubleClickHint": "Double-click to add an idea",
+    "ideaDetailDescription": "Description",
+    "ideaDetailConnection": "Connection",
+    "ideaDetailNovelty": "Novelty",
+    "ideaDetailWave": "Wave",
+    "waveFlavorVariation": "Variation",
+    "waveFlavorAnalogy": "Analogy",
+    "waveFlavorDisruption": "Disruption",
+    "liveCollaborationTitle": "Live collaboration",
+    "liveStatus": "Live",
+    "liveYouMarker": "(You)",
+    "liveOtherParticipants": "{count} other participants",
+    "guestReadOnlyNotice": "You're viewing this brainstorm as a guest. Sign in to edit.",
+    "impactNotesEnriched": "{count} note(s) enriched",
+    "impactNotesMarkedDry": "{count} note(s) marked dry",
+    "impactSeparator": " · ",
+    "exportNotebookPrefix": "Notebook:",
+    "playbackStep": "Step {current}/{total}",
+    "playbackStepsCount": "{count} steps",
+    "playbackReturnToLive": "Return to live",
+    "canvasWaitingHint": "The canvas is waiting for your spark...",
+    "seedNodeBadge": "SEED",
+    "originalSeedDescription": "Original seed idea",
+    "convertedToNoteStatus": "Converted to note",
+    "toastExpandSuccess": "Ideas expanded!",
+    "toastExpandFailed": "Failed to expand",
+    "toastDismissSuccess": "Idea dismissed",
+    "toastDismissFailed": "Failed to dismiss",
+    "toastConvertSuccess": "Idea converted to note!",
+    "toastConvertFailed": "Failed to convert",
+    "toastExportNoteSuccess": "Exported as note!",
+    "toastExportFailed": "Failed to export",
+    "legendSeed": "Seed",
+    "legendVariations": "Variations",
+    "legendAnalogies": "Analogies",
+    "legendDisruptions": "Disruptions",
+    "exportFailedMessage": "Export failed",
+    "exportDefaultNotebookName": "Brainstorm",
+    "exportDefaultNoteTitle": "Synthesis",
+    "exportOpening": "Opening…",
+    "ownerBadge": "Owner",
+    "waveBadge": "Wave {wave}"
+  },
+  "usageMeter": {
+    "packName": "AI Discovery Pack",
+    "featureSearch": "Search",
+    "featureTags": "Tags",
+    "featureTitles": "Titles",
+    "unlimited": "Unlimited",
+    "remaining": "{count} left",
+    "upgradeTitle": "Upgrade to Pro",
+    "upgradeDescription": "You've used all your AI Discovery Pack credits. Upgrade to Pro for higher limits and additional features.",
+    "proIncludes": "Pro includes:",
+    "proSearch": "100 semantic searches / month",
+    "proTags": "200 auto-tags / month",
+    "proTitles": "200 auto-titles / month",
+    "proReformulate": "50 reformulations / month",
+    "proChat": "100 chat messages / month",
+    "later": "Later",
+    "upgradePricing": "Upgrade to Pro",
+    "addApiKey": "Use your own API key (BYOK)"
+  },
+  "byokSettings": {
+    "title": "Your API keys (BYOK)",
+    "description": "Connect your own LLM provider keys to bypass Discovery Pack quotas. Keys are encrypted at rest.",
+    "badgeActive": "BYOK active",
+    "tierRequired": "BYOK requires a Pro plan or higher. Upgrade to connect your API keys.",
+    "provider": "Provider",
+    "providerPlaceholder": "Select a provider",
+    "alias": "Label (optional)",
+    "aliasPlaceholder": "e.g. Work OpenAI",
+    "apiKey": "API key",
+    "apiKeyPlaceholder": "sk-...",
+    "save": "Save key",
+    "saved": "API key saved",
+    "deleted": "API key removed",
+    "error": "Could not save API key",
+    "loadError": "Could not load API keys",
+    "loading": "Loading keys...",
+    "empty": "No API keys configured yet.",
+    "confirmDelete": "Remove this API key permanently?",
+    "toggleActive": "Active",
+    "providers": {
+      "openai": "OpenAI",
+      "anthropic": "Anthropic",
+      "deepseek": "DeepSeek",
+      "openrouter": "OpenRouter",
+      "minimax": "MiniMax",
+      "zai": "Z.ai",
+      "google": "Google",
+      "mistral": "Mistral",
+      "glm": "GLM"
     }
+  },
+  "billing": {
+    "title": "الفواتير",
+    "currentPlan": "الخطة الحالية",
+    "upgradePlan": "ترقية الخطة",
+    "manageBilling": "إدارة الفواتير",
+    "manageDescription": "تحديث طريقة الدفع أو عرض الفواتير أو الإلغاء.",
+    "openPortal": "فتح بوابة الفواتير",
+    "renewsOn": "يتجدد في",
+    "expiresOn": "ينتهي في",
+    "canceledAt": "ملغى — الوصول حتى",
+    "freePlan": "الخطة المجانية",
+    "proPlan": "خطة Pro",
+    "businessPlan": "خطة Business",
+    "enterprisePlan": "خطة Enterprise",
+    "perMonth": "/شهر",
+    "perYear": "/سنة",
+    "monthly": "شهري",
+    "annual": "سنوي",
+    "save": "وفر",
+    "upgradeTitle": "اختر خطة",
+    "proPrice": "9.90 €",
+    "businessPrice": "29.90 €",
+    "proAnnualPrice": "99 €",
+    "businessAnnualPrice": "299 €",
+    "proFeature1": "100 بحث دلالي / شهر",
+    "proFeature2": "200 وسم تلقائي / شهر",
+    "proFeature3": "50 إعادة صياغة / شهر",
+    "proFeature4": "100 رسالة دردشة / شهر",
+    "businessFeature1": "1,000 بحث دلالي / شهر",
+    "businessFeature2": "1,000 وسم تلقائي / شهر",
+    "businessFeature3": "500 إعادة صياغة / شهر",
+    "businessFeature4": "1,000 رسالة دردشة / شهر",
+    "enterpriseTitle": "Enterprise",
+    "enterpriseDescription": "حصص مخصصة، SSO، دعم أولوي.",
+    "contactSales": "تواصل مع المبيعات",
+    "startCheckout": "ابدأ",
+    "checkoutLoading": "جارٍ تحميل الدفع…",
+    "checkoutSuccess": "تم تفعيل الاشتراك! مرحباً في {tier}.",
+    "checkoutCanceled": "تم إلغاء الدفع.",
+    "active": "نشط",
+    "trialing": "تجريبي",
+    "pastDue": "متأخر",
+    "canceled": "ملغى",
+    "inactive": "غير نشط",
+    "billingEnabled": "الفواتير مفعّلة",
+    "billingDisabled": "الفواتير غير مفعّلة في هذه النسخة.",
+    "usageThisPeriod": "الاستخدام هذه الفترة",
+    "periodRange": "الفترة",
+    "unlimited": "غير محدود",
+    "noUsage": "لا توجد بيانات استخدام",
+    "billingHistory": "سجل الفواتير",
+    "viewInvoices": "إدارة الفواتير في البوابة",
+    "nextBillingDate": "تاريخ الفوترة التالي",
+    "billingPeriod": "فترة الفوترة",
+    "planSince": "عضو منذ",
+    "checkoutSuccessTitle": "تم تفعيل الاشتراك!",
+    "checkoutSuccessBody": "مرحبًا في {tier}. ميزاتك متاحة الآن.",
+    "subscriptionType": "subscriptionType",
+    "renewalDate": "renewalDate",
+    "noRenewalDate": "—"
   }
-}
+}