sonance-brand-mcp 1.4.3 → 1.4.7

package/dist/assets/BRAND_GUIDELINES.md

@@ -71,8 +71,8 @@ font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-s
 | Black | `#000000` | `--sonance-black` | `bg-sonance-black` | Text on light backgrounds |
 
 **Print Specifications** (for reference):
-- Charcoal: Pantone 7545 C, CMYK 72/51/39/36, RAL 7024
-- The Beam: Pantone 3262 C, CMYK 79/0/32/0
+- Charcoal: Pantone 7545 C, CMYK 65/43/26/78, RAL 7024
+- The Beam: Pantone 3262 C, CMYK 82/11/0/0
 
 ### Gray Scale (derived from Charcoal)
 | Level | Hex | CSS Variable |

package/dist/assets/brand-system.ts

@@ -115,8 +115,8 @@ export const brandPresets: BrandPreset[] = [
 
 export const brandLogos: Record<BrandId, BrandLogos> = {
   sonance: {
-    light: '/logos/sonance-james-iport/Sonance_James_IPORT_Lockup_Dark.png',
-    dark: '/logos/sonance-james-iport/Sonance_James_IPORT_Lockup_Light.png',
+    light: '/logos/sonance/Sonance_Logo_2C_Dark_RGB.png',
+    dark: '/logos/sonance/Sonance_Logo_2C_Light_RGB.png',
     alt: 'Sonance',
   },
   iport: {

package/dist/assets/components/theme-toggle.tsx

@@ -16,36 +16,36 @@ export function ThemeToggle({ className }: { className?: string }) {
   }
 
   return (
-    <div data-sonance-name="theme-toggle" className={cn("flex items-center gap-1 p-1 bg-background-secondary rounded-sm", className)}>
+    <div data-sonance-name="theme-toggle" className={cn("flex items-center gap-1 p-1 bg-background-secondary rounded-sm theme-toggle-container", className)}>
       <button
         onClick={() => setTheme("light")}
         className={cn(
-          "p-2 rounded-sm transition-colors",
+          "theme-toggle-btn",
           theme === "light" ? "bg-background text-foreground" : "text-foreground-muted hover:text-foreground"
         )}
         aria-label="Light mode"
       >
-        <Sun className="w-4 h-4" />
+        <Sun className="theme-toggle-icon" />
       </button>
       <button
         onClick={() => setTheme("dark")}
         className={cn(
-          "p-2 rounded-sm transition-colors",
+          "theme-toggle-btn",
           theme === "dark" ? "bg-background text-foreground" : "text-foreground-muted hover:text-foreground"
         )}
         aria-label="Dark mode"
       >
-        <Moon className="w-4 h-4" />
+        <Moon className="theme-toggle-icon" />
       </button>
       <button
         onClick={() => setTheme("system")}
         className={cn(
-          "p-2 rounded-sm transition-colors",
+          "theme-toggle-btn",
           theme === "system" ? "bg-background text-foreground" : "text-foreground-muted hover:text-foreground"
         )}
         aria-label="System theme"
       >
-        <Monitor className="w-4 h-4" />
+        <Monitor className="theme-toggle-icon" />
       </button>
     </div>
   );

package/dist/assets/dataviz/index.json

@@ -0,0 +1,17 @@
+{
+  "schema": "bloom-dataviz-registry/v1",
+  "updatedAt": "2026-07-13T00:00:00.000Z",
+  "themes": [
+    {
+      "id": "teal-ignition",
+      "label": "Teal Ignition",
+      "brand": "sonance",
+      "scope": {
+        "kind": "library"
+      },
+      "file": "teal-ignition.json",
+      "cover": null,
+      "publishedAt": "2026-07-13T00:00:00.000Z"
+    }
+  ]
+}

package/dist/assets/dataviz/teal-ignition.json

@@ -0,0 +1,196 @@
+{
+  "schema": "bloom-viz-theme/v1",
+  "id": "teal-ignition",
+  "label": "Teal Ignition",
+  "brand": "sonance",
+  "scope": {
+    "kind": "library"
+  },
+  "story": {
+    "title": "Sonance Data-Viz · Teal Ignition",
+    "description": "Teal Pulse opens in the dark like a held breath. A bioluminescent form gathers itself from nothing, petal over translucent petal, teal deepening to near-black at the seams. Threads of amber and violet flicker beneath the surface — capillaries of stray color that never break the surface calm. The bloom widens, contracts, widens again, patient as tide. Toward the bottom third, the glow surrenders to charcoal void, unhurried, as if the mural remembers it is also night."
+  },
+  "publishedAt": "2026-07-14T16:23:57.822Z",
+  "source": {
+    "app": "bloom",
+    "assetId": "ast_viz5de80f12"
+  },
+  "cover": "/dataviz/teal-ignition-cover.png",
+  "mural": "/dataviz/teal-ignition-mural.mp4",
+  "theme": {
+    "label": "Teal Ignition",
+    "reasoning": "Leads with electric teal instead of brand blue to give the dashboard a livelier, more energetic pulse, while glass surfaces, whitespace, and calm draw-ins keep it wall-display quiet.",
+    "light": {
+      "surface": "#ffffff",
+      "plane": "#f8f9fa",
+      "inkPrimary": "#333f48",
+      "inkSecondary": "#515c64",
+      "inkMuted": "#8f999f",
+      "grid": "#eceeef",
+      "baseline": "#e2e5e6",
+      "categorical": [
+        "#009b93",
+        "#ed9e2c",
+        "#8b5cf6",
+        "#00a3e1",
+        "#ff5a5f",
+        "#8bc34a",
+        "#e0449c",
+        "#5468ff"
+      ],
+      "sequential": [
+        "#e4f4fc",
+        "#bee6f7",
+        "#8fd4f0",
+        "#57bee6",
+        "#1fa3d8",
+        "#0884b9",
+        "#056090"
+      ],
+      "diverging": {
+        "neg": [
+          "#0b72b9",
+          "#5fa9d9",
+          "#afd6ec"
+        ],
+        "mid": "#9aa3a8",
+        "pos": [
+          "#ffd59e",
+          "#ffa84d",
+          "#e8752a"
+        ]
+      },
+      "status": {
+        "good": "#2bb673",
+        "warning": "#e8a23c",
+        "serious": "#f2622e",
+        "critical": "#e1341e"
+      }
+    },
+    "dark": {
+      "surface": "#242a31",
+      "plane": "#1a1f24",
+      "inkPrimary": "#f5f5f5",
+      "inkSecondary": "#d9d9d6",
+      "inkMuted": "#8f999f",
+      "grid": "#2b323a",
+      "baseline": "#343c45",
+      "categorical": [
+        "#009b93",
+        "#c48300",
+        "#987ce9",
+        "#00a0d1",
+        "#e46268",
+        "#6ea532",
+        "#df5aa4",
+        "#6e82ff"
+      ],
+      "sequential": [
+        "#063a57",
+        "#0a5878",
+        "#0f7ca0",
+        "#1aa0c8",
+        "#3fbee0",
+        "#7dd6ee",
+        "#c9eef8"
+      ],
+      "diverging": {
+        "neg": [
+          "#4fa8d9",
+          "#7cc4e6",
+          "#b9e1f2"
+        ],
+        "mid": "#7b848a",
+        "pos": [
+          "#ffb877",
+          "#ff9645",
+          "#e86a25"
+        ]
+      },
+      "status": {
+        "good": "#35cc82",
+        "warning": "#f0b24e",
+        "serious": "#ff7a46",
+        "critical": "#ff4c38"
+      }
+    },
+    "marks": {
+      "barRadius": 5,
+      "barMax": 20,
+      "gap": 2,
+      "lineWidth": 2,
+      "markerSize": 9,
+      "areaAlpha": 0.13,
+      "glow": 0.45
+    },
+    "chrome": {
+      "style": "glass",
+      "tag": "#00b2a9"
+    },
+    "type": {
+      "family": "Montserrat",
+      "axisSize": 11
+    },
+    "motion": {
+      "style": "rise",
+      "duration": 650,
+      "easing": "cubic-bezier(0.16,1,0.3,1)",
+      "stagger": 70,
+      "breathe": true
+    }
+  },
+  "tokensCss": "/* ============================================================\n   Sonance DATA-VIZ TOKENS — \"Teal Ignition\"\n   Designed in Bloom Studio · 2026-07-14\n   Drop next to globals.css; dark mode keys off [data-theme=\"dark\"]\n   (same convention as the Sonance brand theme).\n   ============================================================ */\n\n:root {\n  --viz-surface: #ffffff;\n  --viz-plane: #f8f9fa;\n  --viz-ink: #333f48;\n  --viz-ink-secondary: #515c64;\n  --viz-ink-muted: #8f999f;\n  --viz-grid: #eceeef;\n  --viz-baseline: #e2e5e6;\n  --viz-cat-1: #009b93;\n  --viz-cat-2: #ed9e2c;\n  --viz-cat-3: #8b5cf6;\n  --viz-cat-4: #00a3e1;\n  --viz-cat-5: #ff5a5f;\n  --viz-cat-6: #8bc34a;\n  --viz-cat-7: #e0449c;\n  --viz-cat-8: #5468ff;\n  --viz-seq-100: #e4f4fc;\n  --viz-seq-200: #bee6f7;\n  --viz-seq-300: #8fd4f0;\n  --viz-seq-400: #57bee6;\n  --viz-seq-500: #1fa3d8;\n  --viz-seq-600: #0884b9;\n  --viz-seq-700: #056090;\n  --viz-div-neg-1: #0b72b9;\n  --viz-div-neg-2: #5fa9d9;\n  --viz-div-neg-3: #afd6ec;\n  --viz-div-mid: #9aa3a8;\n  --viz-div-pos-1: #ffd59e;\n  --viz-div-pos-2: #ffa84d;\n  --viz-div-pos-3: #e8752a;\n  --viz-status-good: #2bb673;\n  --viz-status-warning: #e8a23c;\n  --viz-status-serious: #f2622e;\n  --viz-status-critical: #e1341e;\n\n  /* marks */\n  --viz-bar-radius: 5px;\n  --viz-bar-max: 20px;\n  --viz-gap: 2px;\n  --viz-line-width: 2px;\n  --viz-marker-size: 9px;\n  --viz-area-alpha: 0.13;\n\n  /* chrome */\n  --viz-chrome: glass;\n  --viz-tag: #00b2a9;\n  --viz-glow: 0.45;\n\n  /* motion */\n  --viz-duration: 650ms;\n  --viz-easing: cubic-bezier(0.16,1,0.3,1);\n  --viz-stagger: 70ms;\n}\n\n[data-theme=\"dark\"] {\n  --viz-surface: #242a31;\n  --viz-plane: #1a1f24;\n  --viz-ink: #f5f5f5;\n  --viz-ink-secondary: #d9d9d6;\n  --viz-ink-muted: #8f999f;\n  --viz-grid: #2b323a;\n  --viz-baseline: #343c45;\n  --viz-cat-1: #009b93;\n  --viz-cat-2: #c48300;\n  --viz-cat-3: #987ce9;\n  --viz-cat-4: #00a0d1;\n  --viz-cat-5: #e46268;\n  --viz-cat-6: #6ea532;\n  --viz-cat-7: #df5aa4;\n  --viz-cat-8: #6e82ff;\n  --viz-seq-100: #063a57;\n  --viz-seq-200: #0a5878;\n  --viz-seq-300: #0f7ca0;\n  --viz-seq-400: #1aa0c8;\n  --viz-seq-500: #3fbee0;\n  --viz-seq-600: #7dd6ee;\n  --viz-seq-700: #c9eef8;\n  --viz-div-neg-1: #4fa8d9;\n  --viz-div-neg-2: #7cc4e6;\n  --viz-div-neg-3: #b9e1f2;\n  --viz-div-mid: #7b848a;\n  --viz-div-pos-1: #ffb877;\n  --viz-div-pos-2: #ff9645;\n  --viz-div-pos-3: #e86a25;\n  --viz-status-good: #35cc82;\n  --viz-status-warning: #f0b24e;\n  --viz-status-serious: #ff7a46;\n  --viz-status-critical: #ff4c38;\n}\n",
+  "recharts": "// Sonance data-viz theme — \"Teal Ignition\"\n// Designed in Bloom Studio. Pairs with components/ui/chart.tsx (ChartContainer).\n// Colors resolve through the --viz-* CSS variables (dataviz-tokens.css), so\n// light/dark follow the app's data-theme automatically.\nimport { type ChartConfig } from \"@/components/ui/chart\";\n\n/** Fixed categorical order — assign series to slots in order, never cycle. */\nexport const VIZ_SERIES = [\"var(--viz-cat-1)\", \"var(--viz-cat-2)\", \"var(--viz-cat-3)\", \"var(--viz-cat-4)\", \"var(--viz-cat-5)\", \"var(--viz-cat-6)\", \"var(--viz-cat-7)\", \"var(--viz-cat-8)\"] as const;\n\nexport const VIZ_SEQUENTIAL = [\"var(--viz-seq-100)\", \"var(--viz-seq-200)\", \"var(--viz-seq-300)\", \"var(--viz-seq-400)\", \"var(--viz-seq-500)\", \"var(--viz-seq-600)\", \"var(--viz-seq-700)\"] as const;\n\nexport const VIZ_STATUS = {\n  good: \"var(--viz-status-good)\",\n  warning: \"var(--viz-status-warning)\",\n  serious: \"var(--viz-status-serious)\",\n  critical: \"var(--viz-status-critical)\",\n} as const;\n\n/** Build a ChartConfig assigning each series key its fixed slot color. */\nexport function vizConfig(keys: string[], labels?: Record<string, string>): ChartConfig {\n  const cfg: ChartConfig = {};\n  keys.forEach((k, i) => {\n    cfg[k] = { label: labels?.[k] ?? k, color: VIZ_SERIES[i % VIZ_SERIES.length] };\n  });\n  return cfg;\n}\n\n/** Shared cartesian defaults matching the specimen sheet. */\nexport const VIZ_CARTESIAN = {\n  grid: { stroke: \"var(--viz-grid)\", strokeWidth: 1, vertical: false },\n  axisTick: { fill: \"var(--viz-ink-muted)\", fontSize: 11 },\n  axisLine: { stroke: \"var(--viz-baseline)\", strokeWidth: 1 },\n  bar: { radius: [5, 5, 0, 0] as [number, number, number, number], maxBarSize: 20 },\n  line: { strokeWidth: 2, dot: false },\n  activeDot: { r: 5, stroke: \"var(--viz-surface)\", strokeWidth: 2 },\n} as const;\n",
+  "validation": {
+    "light": {
+      "ok": true,
+      "checks": [
+        {
+          "check": "Lightness band",
+          "state": "true",
+          "detail": "all 8 inside L 0.43–0.77"
+        },
+        {
+          "check": "Chroma floor",
+          "state": "true",
+          "detail": "all 8 >= 0.1"
+        },
+        {
+          "check": "CVD separation",
+          "state": "pass",
+          "detail": "worst adjacent #8bc34a↔#ff5a5f ΔE 13.2 (deutan) · tritan 39.2 · normal 69.3"
+        },
+        {
+          "check": "Contrast vs surface",
+          "state": "relief",
+          "detail": "below 3:1 — relief required (visible labels or table view): [[\"#ed9e2c\",2.2],[\"#00a3e1\",2.87],[\"#8bc34a\",2.1]]"
+        }
+      ]
+    },
+    "dark": {
+      "ok": true,
+      "checks": [
+        {
+          "check": "Lightness band",
+          "state": "true",
+          "detail": "all 8 inside L 0.48–0.67"
+        },
+        {
+          "check": "Chroma floor",
+          "state": "true",
+          "detail": "all 8 >= 0.1"
+        },
+        {
+          "check": "CVD separation",
+          "state": "pass",
+          "detail": "worst adjacent #00a0d1↔#987ce9 ΔE 13.3 (deutan) · tritan 36.0 · normal 55.0"
+        },
+        {
+          "check": "Contrast vs surface",
+          "state": "pass",
+          "detail": "all 8 >= 3:1"
+        }
+      ]
+    }
+  }
+}

package/dist/assets/globals.css

@@ -10,13 +10,17 @@
    ============================================ */
 
 :root {
+  /* Bloom Accent Colors */
+  --bloom-emerald: #3fe0a5;
+  --bloom-violet: #a78bfa;
+
   /* Core Brand Colors - Official Sonance Palette (from Brand Guidelines PDF) */
   --sonance-charcoal: #333F48;
   --sonance-blue: #00A3E1;  /* "The Beam" - cyan accent on logo | Pantone 2191C/2191U */
   --sonance-light-gray: #D9D9D6;
   --sonance-white: #FFFFFF;
   --sonance-black: #000000;
-  
+
   /* Sonance Foundation Colors */
   --foundation-green: #00B2A9;
   
@@ -78,6 +82,7 @@
   --background-secondary: #f8f9fa;
   --background-tertiary: #f0f2f3;
   --background-elevated: #FFFFFF;
+  --bg-2: #f0f2f3;
   
   /* Light Mode - Foreground / Text */
   --foreground: #333F48;
@@ -90,6 +95,7 @@
   --border-hover: #b8bfc4;
   --border-focus: #333F48;
   --divider: #f0f2f3;
+  --line-2: #e2e2e2;
   
   /* Light Mode - Interactive Elements */
   --primary: #333F48;
@@ -233,11 +239,12 @@
 
 /* Dark Mode */
 [data-theme="dark"] {
-  /* Backgrounds */
-  --background: #1a1f24;
-  --background-secondary: #242a31;
-  --background-tertiary: #2d343c;
-  --background-elevated: #333F48;
+  /* Backgrounds - Bloom Aesthetic */
+  --background: #07080c;
+  --background-secondary: #0f121b;
+  --background-tertiary: #0f121b;
+  --background-elevated: #0f121b;
+  --bg-2: #0b0d14;
   
   /* Foreground / Text */
   --foreground: #FFFFFF;
@@ -246,10 +253,11 @@
   --foreground-subtle: #6b7780;
   
   /* Borders & Dividers */
-  --border: #3a444c;
-  --border-hover: #424c54;
+  --border: #1f2937;
+  --border-hover: #374151;
   --border-focus: #D9D9D6;
-  --divider: #2d343c;
+  --divider: #1f2937;
+  --line-2: rgba(255, 255, 255, 0.08);
   
   /* Interactive Elements */
   --primary: #FFFFFF;
@@ -262,13 +270,13 @@
   --secondary-foreground: #FFFFFF;
   
   /* Cards & Surfaces */
-  --card: #242a31;
-  --card-hover: #2d343c;
-  --card-border: #3d474f;
+  --card: #0f121b;
+  --card-hover: #1a1d2a;
+  --card-border: #1f2937;
   
   /* Input Fields */
-  --input: #2d343c;
-  --input-border: #3d474f;
+  --input: #0f121b;
+  --input-border: #1f2937;
   --input-focus: #FFFFFF;
   --input-placeholder: #7a8389;
   
@@ -294,13 +302,13 @@
   --info-light: rgba(66, 165, 245, 0.15);
 
   /* Sidebar Colors - Dark Mode */
-  --sidebar-background: #1a1f24;
+  --sidebar-background: #07080c;
   --sidebar-foreground: #FFFFFF;
   --sidebar-primary: #FFFFFF;
   --sidebar-primary-foreground: #333F48;
-  --sidebar-accent: #242a31;
+  --sidebar-accent: #0f121b;
   --sidebar-accent-foreground: #FFFFFF;
-  --sidebar-border: #3a444c;
+  --sidebar-border: #1f2937;
   --sidebar-ring: #00A3E1;
 
   /* ============================================
@@ -338,18 +346,18 @@
 /* System preference detection fallback */
 @media (prefers-color-scheme: dark) {
   :root:not([data-theme="light"]) {
-    --background: #1a1f24;
-    --background-secondary: #242a31;
-    --background-tertiary: #2d343c;
-    --background-elevated: #333F48;
+    --background: #07080c;
+    --background-secondary: #0f121b;
+    --background-tertiary: #0f121b;
+    --background-elevated: #0f121b;
     --foreground: #FFFFFF;
     --foreground-secondary: #D9D9D6;
     --foreground-muted: #8f999f;
     --foreground-subtle: #6b7780;
-    --border: #3a444c;
-    --border-hover: #424c54;
+    --border: #1f2937;
+    --border-hover: #374151;
     --border-focus: #D9D9D6;
-    --divider: #2d343c;
+    --divider: #1f2937;
     --primary: #FFFFFF;
     --primary-hover: #D9D9D6;
     --primary-active: #b8bfc4;
@@ -357,11 +365,11 @@
     --secondary: transparent;
     --secondary-hover: #2d343c;
     --secondary-foreground: #FFFFFF;
-    --card: #242a31;
-    --card-hover: #2d343c;
-    --card-border: #3a444c;
-    --input: #2d343c;
-    --input-border: #3a444c;
+    --card: #0f121b;
+    --card-hover: #1a1d2a;
+    --card-border: #1f2937;
+    --input: #0f121b;
+    --input-border: #1f2937;
     --input-focus: #FFFFFF;
     --input-placeholder: #6b7780;
     --overlay: rgba(0, 0, 0, 0.7);
@@ -432,6 +440,10 @@
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
 
+  /* Bloom Accent Colors */
+  --color-bloom-emerald: var(--bloom-emerald);
+  --color-bloom-violet: var(--bloom-violet);
+
   /* Brand Colors */
   --color-sonance-charcoal: var(--sonance-charcoal);
   --color-sonance-blue: var(--sonance-blue);
@@ -516,6 +528,391 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
+/* Bloom Dark Mode Ambient Gradients */
+[data-theme="dark"] body {
+  background:
+    radial-gradient(1200px 700px at 82% -8%, rgba(167, 139, 250, 0.10), transparent 60%),
+    radial-gradient(1000px 650px at -6% 108%, rgba(63, 224, 165, 0.09), transparent 55%),
+    #07080c;
+}
+
+/* ============================================
+   BLOOM-STYLE APP SHELL & SIDEBAR
+   ============================================ */
+
+/* App Shell Layout */
+.app-shell {
+  display: grid;
+  grid-template-columns: 252px minmax(0, 1fr);
+  min-height: 100vh;
+}
+
+/* Main Content Area with Bloom's 90% zoom */
+.app-main {
+  zoom: 0.9;
+  padding-top: 0;
+}
+
+/* Remove zoom on smaller screens where it would make text too small */
+@media (max-width: 1000px) {
+  .app-main {
+    zoom: 1;
+  }
+}
+
+/* Floating Sidebar Card - Desktop */
+.app-side {
+  position: sticky;
+  left: 14px;
+  width: 252px;
+  background: #FFFFFF;
+  border: 1px solid var(--border);
+  border-radius: 22px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-shadow:
+    0 4px 6px -1px rgba(0, 0, 0, 0.05),
+    0 10px 15px -3px rgba(0, 0, 0, 0.05),
+    0 20px 25px -5px rgba(0, 0, 0, 0.04);
+  z-index: 40;
+}
+
+[data-theme="dark"] .app-side {
+  background: #0f121b;
+  border-color: rgba(255, 255, 255, 0.08);
+  box-shadow:
+    0 4px 6px -1px rgba(0, 0, 0, 0.3),
+    0 10px 15px -3px rgba(0, 0, 0, 0.2);
+}
+
+/* Sidebar Navigation Scroll Container */
+.app-side nav {
+  overflow-y: auto;
+  overflow-x: hidden;
+  max-height: calc(100% - 160px); /* Account for header and footer */
+}
+
+/* Smooth scrolling for sidebar */
+.app-side nav {
+  scroll-behavior: smooth;
+}
+
+/* Custom scrollbar for sidebar */
+.app-side nav::-webkit-scrollbar {
+  width: 6px;
+}
+
+.app-side nav::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.app-side nav::-webkit-scrollbar-thumb {
+  background: var(--border);
+  border-radius: 3px;
+}
+
+.app-side nav::-webkit-scrollbar-thumb:hover {
+  background: var(--border-hover);
+}
+
+/* Navigation Links - Bloom Style */
+.side-link {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 10px 12px;
+  border-radius: 10px;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--foreground-secondary);
+  transition: all 0.15s ease-out;
+  text-decoration: none;
+  position: relative;
+}
+
+.side-link:hover {
+  background: #f0f2f3;
+  color: var(--foreground);
+}
+
+[data-theme="dark"] .side-link:hover {
+  background: #0b0d14;
+  color: #FFFFFF;
+}
+
+/* Active State - Bloom Gradient */
+.side-link.on {
+  background: linear-gradient(90deg, rgba(63, 224, 165, 0.16), rgba(167, 139, 250, 0.10));
+  color: var(--foreground);
+  font-weight: 600;
+}
+
+[data-theme="dark"] .side-link.on {
+  background: linear-gradient(90deg, rgba(63, 224, 165, 0.16), rgba(167, 139, 250, 0.10));
+  color: #FFFFFF;
+}
+
+/* Sidebar Footer */
+.side-footer {
+  border-top: 1px solid var(--border);
+  padding: 16px;
+  flex-shrink: 0;
+}
+
+[data-theme="dark"] .side-footer {
+  border-color: rgba(255, 255, 255, 0.08);
+}
+
+/* ============================================
+   RESPONSIVE SIDEBAR ENHANCEMENTS
+   ============================================ */
+
+/* Fluid Logo Scaling */
+.sidebar-logo-container {
+  min-height: 80px;
+}
+
+.sidebar-logo {
+  max-width: clamp(140px, 85%, 200px);
+  height: auto !important;
+  width: auto !important;
+}
+
+/* Nested Navigation Layout */
+.nested-nav-container {
+  margin-left: 12px;
+  margin-top: 6px;
+  padding-left: clamp(20px, 1.25rem, 28px);
+  border-left: 1px solid var(--border);
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.nested-nav-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 12px;
+  text-sm: 14px;
+  transition: color 0.15s ease-out;
+  border-radius: 6px;
+  min-width: 0; /* Enable text truncation */
+}
+
+.nested-nav-item:hover {
+  background: rgba(0, 0, 0, 0.03);
+}
+
+[data-theme="dark"] .nested-nav-item:hover {
+  background: rgba(255, 255, 255, 0.03);
+}
+
+/* Theme Toggle Responsive Sizing */
+.theme-toggle-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.theme-toggle-btn {
+  padding: clamp(6px, 0.5rem, 10px);
+  border-radius: 8px;
+  transition: all 0.15s ease-out;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 32px;
+  min-height: 32px;
+}
+
+.theme-toggle-icon {
+  width: clamp(14px, 1rem, 18px);
+  height: clamp(14px, 1rem, 18px);
+}
+
+
+/* Mobile Drawer Backdrop - Hidden on desktop */
+.mobile-drawer-backdrop {
+  display: none;
+}
+
+@media (max-width: 600px) {
+  .mobile-drawer-backdrop {
+    display: block;
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.5);
+    z-index: 49;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 0.2s ease-out;
+  }
+
+  .mobile-drawer-backdrop.open {
+    opacity: 1;
+    pointer-events: auto;
+  }
+
+  [data-theme="dark"] .mobile-drawer-backdrop {
+    background: rgba(0, 0, 0, 0.7);
+  }
+}
+
+/* Hide mobile header and bottom tab bar on desktop */
+.mobile-header,
+.bottom-tab-bar {
+  display: none;
+}
+
+/* Mobile Drawer - Full sidebar access */
+@media (max-width: 600px) {
+  /* Mobile Header */
+  .mobile-header {
+    display: flex;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 64px;
+    background: var(--background);
+    border-bottom: 1px solid var(--border);
+    align-items: center;
+    justify-content: center;
+    padding: 0 16px;
+    z-index: 50;
+  }
+
+  [data-theme="dark"] .mobile-header {
+    background: #0f121b;
+    border-bottom-color: rgba(255, 255, 255, 0.08);
+  }
+
+  /* Drawer Sidebar - Override desktop floating styles */
+  .app-side {
+    position: fixed !important;
+    top: 0 !important;
+    left: 0;
+    bottom: 0;
+    width: 280px;
+    height: 100vh !important;
+    border-radius: 0 !important;
+    border: none;
+    border-right: 1px solid var(--border);
+    transform: translateX(-100%);
+    transition: transform 0.25s ease-out;
+    z-index: 50;
+    overflow-y: auto;
+    box-shadow: none !important;
+  }
+
+  .app-side.open {
+    transform: translateX(0);
+  }
+
+  [data-theme="dark"] .app-side {
+    border-right-color: rgba(255, 255, 255, 0.08);
+  }
+
+  /* Drawer navigation scrollable */
+  .app-side nav {
+    max-height: none !important;
+    overflow-y: auto;
+    padding-bottom: 24px;
+  }
+
+  /* Logo section visible in drawer */
+  .app-side > div:first-child {
+    display: flex !important;
+  }
+
+  /* Mobile logo sizing */
+  .sidebar-logo {
+    max-width: clamp(160px, 90%, 220px);
+  }
+
+  /* Mobile theme toggle - horizontal layout */
+  .theme-toggle-container {
+    flex-direction: row;
+    gap: 2px;
+    padding: 2px;
+  }
+
+  .theme-toggle-btn {
+    min-width: 40px;
+    min-height: 40px;
+    padding: 8px;
+  }
+
+  .theme-toggle-icon {
+    width: 18px;
+    height: 18px;
+  }
+
+  /* Bottom Tab Bar - Essential items only */
+  .app-shell {
+    grid-template-columns: 1fr;
+    padding-top: 64px; /* Account for mobile header */
+  }
+
+  .app-main {
+    padding-bottom: 64px; /* Account for tab bar */
+  }
+
+  .bottom-tab-bar {
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 64px;
+    background: var(--background);
+    border-top: 1px solid var(--border);
+    align-items: center;
+    justify-content: space-around;
+    padding: 8px;
+    z-index: 40;
+    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.05);
+  }
+
+  [data-theme="dark"] .bottom-tab-bar {
+    background: #0f121b;
+    border-top-color: rgba(255, 255, 255, 0.08);
+    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.3);
+  }
+
+  .tab-bar-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 4px;
+    padding: 8px 12px;
+    min-width: 64px;
+    color: var(--foreground-muted);
+    text-decoration: none;
+    transition: color 0.15s ease-out;
+    border-radius: 8px;
+  }
+
+  .tab-bar-item:hover,
+  .tab-bar-item.active {
+    color: var(--foreground);
+    background: var(--secondary-hover);
+  }
+
+  .tab-bar-item svg {
+    width: 20px;
+    height: 20px;
+  }
+
+  .tab-bar-item span {
+    font-size: 11px;
+    font-weight: 500;
+    line-height: 1;
+  }
+}
+
 /* Prevent flash of unstyled content */
 html {
   color-scheme: light dark;
@@ -525,6 +922,26 @@ html {
    UTILITY CLASSES
    ============================================ */
 
+/* Responsive Content Padding - Adapts to sidebar width */
+.content-responsive {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
+@media (max-width: 860px) {
+  .content-responsive {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+}
+
+@media (max-width: 600px) {
+  .content-responsive {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+
 /* Color swatch display */
 .color-swatch {
   width: 100%;
@@ -596,8 +1013,8 @@ html {
 }
 
 [data-theme="dark"] ::selection {
-  background: var(--sonance-white);
-  color: var(--sonance-charcoal);
+  background: rgba(167, 139, 250, 0.35);
+  color: var(--sonance-white);
 }
 
 /* Code block selection - ensure visibility on dark backgrounds */

package/dist/assets/logo-manifest.json

@@ -49,6 +49,9 @@
   "/logos/my-sonance/My.Sonance_Logo_2C_Reverse_RGB.png",
   "/logos/my-sonance/My.Sonance_Logo_Black_RGB.png",
   "/logos/my-sonance/My.Sonance_Logo_Reverse_RGB.png",
+  "/logos/sonance/Sonance_Beam_Fade_RGB.png",
+  "/logos/sonance/Sonance_Beam_RGB.png",
+  "/logos/sonance/Sonance_Beam_RGB.svg",
   "/logos/sonance/Sonance_Logo_2C_Dark_RGB.png",
   "/logos/sonance/Sonance_Logo_2C_Light_RGB.png",
   "/logos/sonance/Sonance_Logo_2C_Reverse_RGB.png",

package/dist/assets/logos/sonance/Sonance_Beam_RGB.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="LockUp_2C_Dark" data-name="LockUp 2C Dark" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 792 612">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #00a8e4;
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M583.26,450.92h-68.73l-116.01-252.86-116.65,252.86h-66.2L371.09,118.1h56.74l155.43,332.81Z"/>
+  <path class="cls-1" d="M583.26,450.92h-68.73l-116.01-252.86-116.65,252.86h-66.2L371.09,118.1h56.74l155.43,332.81Z"/>
+</svg>

package/dist/assets/logos-optimized/sonance/Sonance_Beam_RGB.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="LockUp_2C_Dark" data-name="LockUp 2C Dark" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 792 612">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #00a8e4;
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M583.26,450.92h-68.73l-116.01-252.86-116.65,252.86h-66.2L371.09,118.1h56.74l155.43,332.81Z"/>
+  <path class="cls-1" d="M583.26,450.92h-68.73l-116.01-252.86-116.65,252.86h-66.2L371.09,118.1h56.74l155.43,332.81Z"/>
+</svg>

package/dist/assets/motion/index.json

@@ -0,0 +1,5 @@
+{
+  "schema": "bloom-motion-registry/v1",
+  "updatedAt": "2026-07-13T00:00:00.000Z",
+  "assets": []
+}

package/dist/assets/motion/sonance-logo-amber.json

@@ -0,0 +1,19 @@
+{
+  "schema": "bloom-motion/v1",
+  "id": "sonance-logo-amber",
+  "name": "Sonance logo Amber",
+  "kind": "logo",
+  "brand": "sonance",
+  "file": "/motion/sonance-logo-amber.mp4",
+  "poster": "/motion/sonance-logo-amber-poster.png",
+  "story": {
+    "title": "Sonance logo Amber",
+    "description": "The mark hovers unlit at first, a dark umber field with no edges to hold onto. Then embers rise—slow, warm, unhurried—drifting upward like sparks remembering fire. Bokeh depth folds the background into soft distance, while heat shimmer trembles along the borders, alive but never intruding on the calm dark center. No letters form, no symbol resolves. Sonance appears instead as atmosphere: a mark you feel arriving before you see it, composed entirely of warmth, patience, and rising light."
+  },
+  "duration": null,
+  "publishedAt": "2026-07-14T01:30:30.104Z",
+  "source": {
+    "app": "bloom",
+    "assetId": "ast_logo1de502f0"
+  }
+}

package/dist/assets/sections.json

@@ -0,0 +1,5 @@
+{
+  "schema": "bloom-sections/v1",
+  "updatedAt": "2026-07-14T00:00:00.000Z",
+  "sections": []
+}

package/dist/assets/styles/brand-overrides.css

@@ -4,7 +4,7 @@
    ========================================================================== */
 
 :root {
-  --zoom--scale: 0.93;
+  --zoom--scale: 0.9;
   /* Sonance Logo Sizing */
   --sonance-logo-scale: 0.94;
   --sonance-logo-width: auto;

package/dist/bloom-assets.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Bloom → Sonance Brand studio assets
+ *
+ * Serves design languages and motion assets published from the Bloom studio.
+ * Directory-derived: each published item is its own JSON file, so there is no
+ * shared index to overwrite. These tools read every item file across the
+ * built-in Data Viz / Motion sections AND any Bloom-created custom section,
+ * so a design language is reachable by id no matter where it's filed.
+ *
+ * Wired into index.ts with three lines:
+ *   import { BLOOM_TOOLS, handleBloomTool } from "./bloom-assets.js";
+ *   ...BLOOM_TOOLS,                       (inside the ListTools tools array)
+ *   const bloom = await handleBloomTool(name, args); if (bloom) return bloom;
+ */
+export declare const BLOOM_TOOLS: ({
+    name: string;
+    description: string;
+    inputSchema: {
+        type: string;
+        properties: {
+            theme_id?: undefined;
+            include?: undefined;
+            asset_id?: undefined;
+        };
+        required: never[];
+    };
+} | {
+    name: string;
+    description: string;
+    inputSchema: {
+        type: string;
+        properties: {
+            theme_id: {
+                type: string;
+                description: string;
+            };
+            include: {
+                type: string;
+                enum: string[];
+                description: string;
+            };
+            asset_id?: undefined;
+        };
+        required: string[];
+    };
+} | {
+    name: string;
+    description: string;
+    inputSchema: {
+        type: string;
+        properties: {
+            asset_id: {
+                type: string;
+                description: string;
+            };
+            theme_id?: undefined;
+            include?: undefined;
+        };
+        required: string[];
+    };
+})[];
+export declare function handleBloomTool(name: string, args: unknown): Promise<{
+    content: {
+        type: "text";
+        text: string;
+    }[];
+    isError?: boolean;
+} | null>;

package/dist/bloom-assets.js

@@ -0,0 +1,207 @@
+/**
+ * Bloom → Sonance Brand studio assets
+ *
+ * Serves design languages and motion assets published from the Bloom studio.
+ * Directory-derived: each published item is its own JSON file, so there is no
+ * shared index to overwrite. These tools read every item file across the
+ * built-in Data Viz / Motion sections AND any Bloom-created custom section,
+ * so a design language is reachable by id no matter where it's filed.
+ *
+ * Wired into index.ts with three lines:
+ *   import { BLOOM_TOOLS, handleBloomTool } from "./bloom-assets.js";
+ *   ...BLOOM_TOOLS,                       (inside the ListTools tools array)
+ *   const bloom = await handleBloomTool(name, args); if (bloom) return bloom;
+ */
+import * as fs from "fs";
+import * as path from "path";
+import { fileURLToPath } from "url";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const BUNDLED_ASSETS = path.join(__dirname, "assets");
+const IS_BUNDLED = fs.existsSync(BUNDLED_ASSETS);
+const DEV_PROJECT_ROOT = path.resolve(__dirname, "../..");
+const SITE_BASE_URL = "https://brand.sonance.com";
+const dataRoot = () => (IS_BUNDLED ? BUNDLED_ASSETS : path.join(DEV_PROJECT_ROOT, "src/data"));
+function readJson(file) {
+    try {
+        return JSON.parse(fs.readFileSync(file, "utf-8"));
+    }
+    catch {
+        return null;
+    }
+}
+// Every item file in a directory (skip the legacy index + section-meta files).
+function itemsInDir(dir) {
+    try {
+        return fs
+            .readdirSync(dir)
+            .filter((f) => f.endsWith(".json") && f !== "index.json" && !f.startsWith("_"))
+            .map((f) => readJson(path.join(dir, f)))
+            .filter(Boolean);
+    }
+    catch {
+        return [];
+    }
+}
+function sections() {
+    return readJson(path.join(dataRoot(), "sections.json"))?.sections || [];
+}
+// Built-in dir for a kind + every custom section of that kind.
+function sourceDirs(kind) {
+    const out = [{ dir: path.join(dataRoot(), kind), section: kind === "dataviz" ? "Data Viz" : "Motion" }];
+    for (const s of sections())
+        if (s.kind === kind)
+            out.push({ dir: path.join(dataRoot(), "sections", s.slug), section: s.name });
+    return out;
+}
+function text(t) {
+    return { content: [{ type: "text", text: t }] };
+}
+function errorText(t) {
+    return { content: [{ type: "text", text: t }], isError: true };
+}
+const DATAVIZ_USAGE = `## Using a Bloom data-viz language
+
+1. **Tokens first.** Import the theme's tokens CSS (all variables are prefixed \`--viz-*\`,
+   with a \`[data-theme="dark"]\` block). Never hardcode the hex values in app code.
+2. **Categorical order is fixed.** Series take colors in the exact order of
+   \`categorical[0..7]\` — slot 0 is the accent/primary series. Do not re-sort by preference;
+   the ordering is CVD-verified (adjacent-color deltas are checked for deuteranopia/protanopia).
+3. **Recharts.** The \`recharts\` export is a ready ChartConfig-style module for the Sonance
+   \`@/components/ui/chart\` wrapper (ChartContainer). Use \`vizConfig\`/\`VIZ_CARTESIAN\` from it.
+4. **Sequential / diverging / status** ramps are included for heatmaps, deltas, and states.
+5. **Marks** (bar radius, line width, area alpha, glow) and **motion** (duration, easing,
+   stagger) are part of the language — apply them, don't restyle per chart.`;
+export const BLOOM_TOOLS = [
+    {
+        name: "list_dataviz_themes",
+        description: "Lists the data-viz design languages published from the Bloom studio (bar/line/area/donut/scatter/heatmap etc. styling: categorical palettes, sequential/diverging ramps, marks, motion) across all brand sections. Use get_dataviz_theme for the full payload.",
+        inputSchema: { type: "object", properties: {}, required: [] },
+    },
+    {
+        name: "get_dataviz_theme",
+        description: "Returns a published Bloom data-viz language: the full bloom-viz-theme/v1 JSON (light+dark palettes, marks, motion, chrome), its CSS custom-property tokens, and a Recharts config for the Sonance chart component. Use list_dataviz_themes to see available ids.",
+        inputSchema: {
+            type: "object",
+            properties: {
+                theme_id: { type: "string", description: "Registry id of the theme (e.g. 'teal-ignition')." },
+                include: {
+                    type: "string",
+                    enum: ["all", "theme", "tokens", "recharts"],
+                    description: "Which payload to return. Defaults to 'all'.",
+                },
+            },
+            required: ["theme_id"],
+        },
+    },
+    {
+        name: "list_motion_assets",
+        description: "Lists motion/brand assets published from the Bloom studio (animated logo treatments, generative scenes, living data murals) across all brand sections, with their public URLs.",
+        inputSchema: { type: "object", properties: {}, required: [] },
+    },
+    {
+        name: "get_motion_asset",
+        description: "Returns a published Bloom motion asset's metadata, story, and public URLs (video + poster) for embedding. Use list_motion_assets to see available ids.",
+        inputSchema: {
+            type: "object",
+            properties: { asset_id: { type: "string", description: "Registry id of the motion asset." } },
+            required: ["asset_id"],
+        },
+    },
+];
+export async function handleBloomTool(name, args) {
+    switch (name) {
+        case "list_dataviz_themes": {
+            const rows = [];
+            for (const { dir, section } of sourceDirs("dataviz"))
+                for (const t of itemsInDir(dir))
+                    rows.push({
+                        id: t.id,
+                        label: t.label,
+                        brand: t.brand,
+                        section,
+                        scope: t.scope?.kind === "component" ? `single component (${t.scope.form})` : "full library",
+                        publishedAt: t.publishedAt,
+                    });
+            if (!rows.length)
+                return text("No data-viz languages have been published yet. They arrive via Bloom publish PRs.");
+            return text(`# Bloom data-viz languages (${rows.length})\n\n` +
+                JSON.stringify(rows, null, 2) +
+                `\n\nCall get_dataviz_theme with a theme_id for tokens + palettes + Recharts config.`);
+        }
+        case "get_dataviz_theme": {
+            const { theme_id, include = "all" } = args || {};
+            if (!theme_id)
+                return errorText("theme_id is required — call list_dataviz_themes for ids.");
+            let payload = null;
+            const known = [];
+            for (const { dir } of sourceDirs("dataviz")) {
+                for (const t of itemsInDir(dir)) {
+                    known.push(t.id);
+                    if (t.id === theme_id)
+                        payload = t;
+                }
+                if (payload)
+                    break;
+            }
+            if (!payload)
+                return errorText(`Unknown theme '${theme_id}'. Available: ${known.join(", ") || "(none)"}`);
+            const parts = [`# ${payload.label} — Bloom data-viz language (${payload.brand})`];
+            if (payload.story?.description)
+                parts.push(payload.story.description);
+            if (include === "all" || include === "theme")
+                parts.push(`## Theme JSON (bloom-viz-theme/v1)\n\n\`\`\`json\n${JSON.stringify(payload.theme, null, 2)}\n\`\`\``);
+            if (include === "all" || include === "tokens")
+                parts.push(`## Tokens CSS\n\n\`\`\`css\n${payload.tokensCss || "/* not included */"}\n\`\`\``);
+            if (include === "all" || include === "recharts")
+                parts.push(`## Recharts config (for @/components/ui/chart)\n\n\`\`\`ts\n${payload.recharts || "// not included"}\n\`\`\``);
+            parts.push(DATAVIZ_USAGE);
+            parts.push(`Live specimens: ${SITE_BASE_URL}/dataviz`);
+            return text(parts.join("\n\n"));
+        }
+        case "list_motion_assets": {
+            const rows = [];
+            for (const { dir, section } of sourceDirs("motion"))
+                for (const a of itemsInDir(dir))
+                    rows.push({
+                        id: a.id,
+                        name: a.name,
+                        kind: a.kind,
+                        brand: a.brand,
+                        section,
+                        url: `${SITE_BASE_URL}${a.file}`,
+                        poster: a.poster ? `${SITE_BASE_URL}${a.poster}` : null,
+                        publishedAt: a.publishedAt,
+                    });
+            if (!rows.length)
+                return text("No motion assets have been published yet. They arrive via Bloom publish PRs.");
+            return text(`# Bloom motion assets (${rows.length})\n\n` + JSON.stringify(rows, null, 2));
+        }
+        case "get_motion_asset": {
+            const { asset_id } = args || {};
+            if (!asset_id)
+                return errorText("asset_id is required — call list_motion_assets for ids.");
+            let a = null;
+            for (const { dir } of sourceDirs("motion")) {
+                a = itemsInDir(dir).find((x) => x.id === asset_id);
+                if (a)
+                    break;
+            }
+            if (!a)
+                return errorText(`Unknown motion asset '${asset_id}'.`);
+            const lines = [
+                `# ${a.name} (${a.kind})`,
+                a.story?.description || "",
+                "",
+                `- Video: ${SITE_BASE_URL}${a.file}`,
+                a.poster ? `- Poster: ${SITE_BASE_URL}${a.poster}` : "",
+                `- Brand: ${a.brand} · Published ${a.publishedAt}`,
+                "",
+                `Embed:\n\`\`\`html\n<video src="${SITE_BASE_URL}${a.file}"${a.poster ? ` poster="${SITE_BASE_URL}${a.poster}"` : ""} autoplay loop muted playsinline></video>\n\`\`\``,
+            ].filter(Boolean);
+            return text(lines.join("\n"));
+        }
+        default:
+            return null;
+    }
+}

package/dist/index.js

@@ -7,6 +7,7 @@ import * as path from "path";
 import * as os from "os";
 import { fileURLToPath } from "url";
 import { execSync } from "child_process";
+import { BLOOM_TOOLS, handleBloomTool } from "./bloom-assets.js";
 // sharp is dynamically imported — optional for .mcpb builds where native modules aren't bundled
 import { formatCodeBlock, } from "./utils/response-formatter.js";
 import { RESPONSIVE_BREAKPOINTS, SECTION_PATTERNS, PAGE_COMPOSITIONS, DESIGN_REFERENCE_URLS, COMPOSITION_PRINCIPLES, ANIMATION_SYSTEM, DOCUMENT_PATTERNS, detectLayoutType, detectOutputType, } from "./layout-references.js";
@@ -1501,15 +1502,15 @@ function getImageMimeType(filePath) {
  * Dark = logo for dark backgrounds (typically lighter/reversed logo)
  */
 const LOGO_MAP = {
-    // Stacked lockup — better proportions at typical header/hero sizes (h-8 to h-16)
+    // Sonance standalone logo — the default brand mark (no tri-brand lockup)
     default: {
-        light: "/logos/sonance-james-iport/Sonance_James_IPORT_LockupStacked_Dark.png",
-        dark: "/logos/sonance-james-iport/Sonance_James_IPORT_LockupStacked_Light.png",
+        light: "/logos/sonance/Sonance_Logo_2C_Dark_RGB.png",
+        dark: "/logos/sonance/Sonance_Logo_2C_Light_RGB.png",
     },
     // Horizontal lockup — for navbars/footers where a wide, thin logo is intentional
     "default-horizontal": {
-        light: "/logos/sonance-james-iport/Sonance_James_IPORT_Lockup_Dark.png",
-        dark: "/logos/sonance-james-iport/Sonance_James_IPORT_Lockup_Light.png",
+        light: "/logos/sonance/Sonance_Logo_2C_Dark_RGB.png",
+        dark: "/logos/sonance/Sonance_Logo_2C_Light_RGB.png",
     },
     sonance: {
         light: "/logos/sonance/Sonance_Logo_2C_Dark_RGB.png",
@@ -2804,6 +2805,8 @@ server.setRequestHandler(ReadResourceRequestSchema, async (request) => {
 server.setRequestHandler(ListToolsRequestSchema, async () => {
     return {
         tools: [
+            // Bloom studio assets (dataviz languages + motion) — data-driven, see bloom-assets.ts
+            ...BLOOM_TOOLS,
             {
                 name: "get_brand_guidelines",
                 description: "Returns the complete Sonance Brand Guidelines including colors, typography rules, logo usage, and design principles for Sonance, IPORT, and Blaze Audio brands.",
@@ -2946,7 +2949,7 @@ server.setRequestHandler(ListToolsRequestSchema, async () => {
                         logo_preference: {
                             type: "string",
                             enum: ["default", "sonance", "iport", "blaze", "james"],
-                            description: "Which logo to use. 'default' = Sonance+James+IPORT lockup. Or specify 'sonance', 'iport', 'blaze', or 'james' for individual brand logos. Defaults to 'default' if not specified.",
+                            description: "Which logo to use. 'default' = standalone Sonance logo. Or specify 'sonance', 'iport', 'blaze', or 'james' for individual brand logos. Defaults to 'default' if not specified.",
                         },
                         output_type: {
                             type: "string",
@@ -3039,7 +3042,7 @@ server.setRequestHandler(ListToolsRequestSchema, async () => {
             },
             {
                 name: "rebrand_document",
-                description: "Returns universal rebranding instructions for converting ANY existing document to a specific brand (Sonance, IPORT, or Blaze) with mandatory content preservation workflow, non-Latin character handling, page break management, and AUTO-EMBEDDED logo variants. Provides color replacements, font substitutions, and logo placement rules. Default: Sonance+James+IPORT lockup for Sonance brand.",
+                description: "Returns universal rebranding instructions for converting ANY existing document to a specific brand (Sonance, IPORT, or Blaze) with mandatory content preservation workflow, non-Latin character handling, page break management, and AUTO-EMBEDDED logo variants. Provides color replacements, font substitutions, and logo placement rules. Default: standalone Sonance logo for Sonance brand.",
                 inputSchema: {
                     type: "object",
                     properties: {
@@ -3209,6 +3212,10 @@ server.setRequestHandler(ListToolsRequestSchema, async () => {
 });
 server.setRequestHandler(CallToolRequestSchema, async (request) => {
     const { name, arguments: args } = request.params;
+    // Bloom studio asset tools are handled in their own module (bloom-assets.ts)
+    const bloomResult = await handleBloomTool(name, args);
+    if (bloomResult)
+        return bloomResult;
     switch (name) {
         case "get_brand_guidelines": {
             try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sonance-brand-mcp",
-  "version": "1.4.3",
+  "version": "1.4.7",
   "description": "MCP Server for Sonance Brand Guidelines and Component Library - gives Claude instant access to brand colors, typography, and UI components.",
   "main": "dist/index.js",
   "type": "module",