mulmocast-vision 1.0.4 → 1.0.6

package/README.md

@@ -72,9 +72,62 @@ You can instruct these actions via prompts.
 - SWOT, PEST, and 3C Analysis
 - Summary, Agenda, and Closing Slides
 
+## Logging
+
+mulmocast-vision automatically logs all operations and errors to help with debugging and monitoring.
+
+### Log Location
+
+Logs are saved in `/tmp/mulmocast-vision-mcp/` with daily rotation:
+- Format: `mcp_yyyymmdd.log` (e.g., `mcp_20251206.log`)
+- Each day creates a new log file
+
+### What is Logged
+
+- **MCP Server Operations**: Server initialization, tool calls, and results
+- **File Operations**: Template reads, HTML/PNG generation, PDF creation
+- **Errors**: Detailed error messages with full stack traces
+- **Debug Information**: Template rendering, directory operations, and more
+
+### Log Format
+
+Logs are written in JSON Lines format for easy parsing:
+
+```json
+{
+  "timestamp": "2025-01-15T10:30:45.123Z",
+  "level": "ERROR",
+  "message": "Template file not found",
+  "data": {
+    "errorMessage": "getHtml: file /path/to/template.html not exists.",
+    "errorName": "Error",
+    "stack": "Error: getHtml: file...\n    at htmlPlugin.getHtml...",
+    "templateFilePath": "/path/to/template.html",
+    "functionName": "createAgendaSlide"
+  }
+}
+```
+
+### Custom Logger
+
+You can replace the default logger with your own implementation (e.g., for telemetry):
+
+```typescript
+import { setLogger, LoggerInterface } from 'mulmocast-vision/logger';
+
+class CustomLogger implements LoggerInterface {
+  info(message: string, data?: unknown) {
+    // Your implementation
+  }
+  // ... other methods
+}
+
+setLogger(new CustomLogger());
+```
+
 ## For Developers
 
-MulmoCast Vision is open source, so you can apply various designs by modifying the HTML.  
+MulmoCast Vision is open source, so you can apply various designs by modifying the HTML.
 For adding styles, please refer to [Style.ja.md](https://github.com/receptron/mulmocast-vision/blob/main/Style.ja.md).
 
 ### Official Repository & Package
@@ -139,3 +192,58 @@ MCP対応ツール（例: Claude Desktop）の設定ファイルに以下を追
 - SWOT分析、PEST分析、3C分析
 - サマリースライド、アジェンダスライド、クロージングスライド
 
+---
+
+## ログ機能
+
+mulmocast-visionは、デバッグや監視を支援するため、すべての操作とエラーを自動的にログに記録します。
+
+### ログの保存場所
+
+ログは `/tmp/mulmocast-vision-mcp/` に日次ローテーションで保存されます：
+- 形式: `mcp_yyyymmdd.log` (例: `mcp_20251206.log`)
+- 日付が変わると新しいログファイルが作成されます
+
+### 記録される内容
+
+- **MCPサーバー操作**: サーバーの初期化、ツール呼び出し、実行結果
+- **ファイル操作**: テンプレート読み込み、HTML/PNG生成、PDF作成
+- **エラー**: 詳細なエラーメッセージとスタックトレース
+- **デバッグ情報**: テンプレートレンダリング、ディレクトリ操作など
+
+### ログフォーマット
+
+ログはJSON Lines形式で記録され、解析が容易です：
+
+```json
+{
+  "timestamp": "2025-01-15T10:30:45.123Z",
+  "level": "ERROR",
+  "message": "Template file not found",
+  "data": {
+    "errorMessage": "getHtml: file /path/to/template.html not exists.",
+    "errorName": "Error",
+    "stack": "Error: getHtml: file...\n    at htmlPlugin.getHtml...",
+    "templateFilePath": "/path/to/template.html",
+    "functionName": "createAgendaSlide"
+  }
+}
+```
+
+### カスタムロガー
+
+デフォルトのロガーを独自の実装（テレメトリーなど）に置き換えることができます：
+
+```typescript
+import { setLogger, LoggerInterface } from 'mulmocast-vision/logger';
+
+class CustomLogger implements LoggerInterface {
+  info(message: string, data?: unknown) {
+    // 独自の実装
+  }
+  // ... その他のメソッド
+}
+
+setLogger(new CustomLogger());
+```
+

package/html/html2_cool/agendaSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 flex flex-col px-16 py-16 min-h-screen">
@@ -31,7 +48,7 @@
             <span class="text-white font-bold text-lg">{{ loop.index }}</span>
           </div>
           <div class="flex-1">
-            <div class="h2" font-semibold text-gray-800 leading-relaxed break-words">{{ item }}</div>
+            <div class="h2 font-semibold text-gray-800 leading-relaxed break-words">{{ item }}</div>
           </div>
         </div>
       </div>

package/html/html2_cool/balanceSheetSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -24,9 +41,7 @@
   <!-- Balance Sheet Grid -->
   <div class="grid grid-cols-1 lg:grid-cols-3 gap-8 max-w-7xl mx-auto">
     <!-- Assets -->
-    <section
-      class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-3xl p-8 text-white shadow transform hover:scale-105 transition-all duration-300"
-    >
+    <section class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-3xl p-8 text-white shadow transform hover:scale-105 transition-all duration-300">
       <div class="flex items-center mb-6">
         <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-4">
           <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
@@ -92,11 +107,11 @@
   <!-- Balance Equation -->
   <div class="text-center mt-12">
     <div class="inline-flex items-center bg-white rounded-2xl shadow px-8 py-4">
-      <span class="h2" font-bold text-neutral-200">Assets</span>
-      <span class="h2" font-bold text-gray-400 mx-4">=</span>
-      <span class="h2" font-bold text-neutral-200">Liabilities</span>
-      <span class="h2" font-bold text-gray-400 mx-4">+</span>
-      <span class="h2" font-bold text-neutral-200">Equity</span>
+      <span class="h2 font-bold text-neutral-200">Assets</span>
+      <span class="h2 font-bold text-gray-400 mx-4">=</span>
+      <span class="h2 font-bold text-neutral-200">Liabilities</span>
+      <span class="h2 font-bold text-gray-400 mx-4">+</span>
+      <span class="h2 font-bold text-neutral-200">Equity</span>
     </div>
   </div>
 </div>

package/html/html2_cool/beforeAfterSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -45,9 +62,7 @@
     </section>
 
     <!-- After -->
-    <section
-      class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-3xl p-10 text-white shadow transform hover:scale-105 transition-all duration-300"
-    >
+    <section class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-3xl p-10 text-white shadow transform hover:scale-105 transition-all duration-300">
       <div class="flex items-center mb-8">
         <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-4">
           <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
@@ -87,7 +102,7 @@
       <svg class="w-8 h-8 mr-3" fill="currentColor" viewBox="0 0 20 20">
         <path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
       </svg>
-      <span class="h2" font-bold">Transformation Impact</span>
+      <span class="h2 font-bold">Transformation Impact</span>
     </div>
   </div>
 </div>

package/html/html2_cool/benchmarkingTableSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -79,7 +96,7 @@
           d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zM8 7a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zM14 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"
         />
       </svg>
-      <span class="h2" font-bold">Competitive Benchmarking Analysis</span>
+      <span class="h2 font-bold">Competitive Benchmarking Analysis</span>
     </div>
   </div>
 </div>

package/html/html2_cool/bubbleChartPlaceholderSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -50,7 +67,7 @@
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
             </svg>
           </div>
-          <h3 class="h2" font-bold text-gray-700 mb-2">Interactive Bubble Chart</h3>
+          <h3 class="h2 font-bold text-gray-700 mb-2">Interactive Bubble Chart</h3>
           <p class="text-gray-600 text-center">This area will contain a dynamic bubble chart visualization</p>
         </div>
       </div>
@@ -101,7 +118,7 @@
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
           </svg>
         </div>
-        <h3 class="h2" font-bold text-neutral-100">Chart Components</h3>
+        <h3 class="h2 font-bold text-neutral-100">Chart Components</h3>
       </div>
       <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
         <div class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-xl p-6 border border-neutral-800">

package/html/html2_cool/cashFlowSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -24,9 +41,7 @@
   <!-- Cash Flow Grid -->
   <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-6xl mx-auto">
     <!-- Inflows -->
-    <section
-      class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-3xl p-10 text-white shadow transform hover:scale-105 transition-all duration-300"
-    >
+    <section class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-3xl p-10 text-white shadow transform hover:scale-105 transition-all duration-300">
       <div class="flex items-center mb-8">
         <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-4">
           <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
@@ -72,11 +87,11 @@
   <div class="text-center mt-12">
     <div class="inline-flex items-center bg-white rounded-2xl shadow px-8 py-6">
       <div class="flex items-center">
-        <span class="h2" font-bold text-neutral-200">Inflows</span>
-        <span class="h2" font-bold text-gray-400 mx-4">-</span>
-        <span class="h2" font-bold text-neutral-200">Outflows</span>
-        <span class="h2" font-bold text-gray-400 mx-4">=</span>
-        <span class="h2" font-bold text-neutral-200">Net Cash Flow</span>
+        <span class="h2 font-bold text-neutral-200">Inflows</span>
+        <span class="h2 font-bold text-gray-400 mx-4">-</span>
+        <span class="h2 font-bold text-neutral-200">Outflows</span>
+        <span class="h2 font-bold text-gray-400 mx-4">=</span>
+        <span class="h2 font-bold text-neutral-200">Net Cash Flow</span>
       </div>
     </div>
   </div>

package/html/html2_cool/changeCurveSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -59,7 +76,7 @@
             />
           </svg>
         </div>
-        <h3 class="h2" font-bold">Notes</h3>
+        <h3 class="h2 font-bold">Notes</h3>
       </div>
       <p class="text-lg font-light">{{notes}}</p>
     </section>

package/html/html2_cool/communicationPlanSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -89,7 +106,7 @@
 
       <h2 class="text-3xl font-bold mb-6">Communication Cadence</h2>
       <div class="bg-white bg-opacity-10 rounded-xl p-6">
-        <p class="h2" leading-relaxed">{{cadence}}</p>
+        <p class="h2 leading-relaxed">{{cadence}}</p>
       </div>
     </div>
     {% endif %}