mulmocast-vision 0.0.1

package/assets/html2/thankYouContactPage.html

@@ -0,0 +1,78 @@
+<div
+  class="bg-gradient-to-br from-indigo-900 via-blue-800 to-slate-800 text-white flex flex-col items-center justify-center px-16 py-24 min-h-screen relative overflow-hidden"
+>
+  <!-- Decorative background elements -->
+  <div class="absolute inset-0 opacity-10">
+    <div class="absolute top-0 right-0 w-96 h-96 bg-gradient-to-br from-blue-400 to-indigo-600 rounded-full transform translate-x-32 -translate-y-32"></div>
+    <div class="absolute bottom-0 left-0 w-80 h-80 bg-gradient-to-tr from-indigo-400 to-blue-500 rounded-full transform -translate-x-24 translate-y-24"></div>
+  </div>
+
+  <div class="relative z-10 text-center">
+    <!-- Thank you message -->
+    <div class="mb-16">
+      <div class="mb-8 flex items-center justify-center">
+        <div class="h-px w-20 bg-gradient-to-r from-transparent to-blue-300"></div>
+        <div class="mx-6 w-3 h-3 bg-blue-300 rounded-full"></div>
+        <div class="h-px w-20 bg-gradient-to-l from-transparent to-blue-300"></div>
+      </div>
+
+      <h1 class="text-7xl lg:text-8xl font-black tracking-tight mb-8 leading-none bg-gradient-to-r from-white to-blue-100 bg-clip-text text-transparent">
+        {{message}}
+      </h1>
+
+      <div class="w-24 h-0.5 bg-gradient-to-r from-blue-300 to-indigo-300 mx-auto"></div>
+    </div>
+
+    <!-- Contact Information -->
+    <div class="max-w-5xl grid grid-cols-1 lg:grid-cols-3 gap-8 items-start">
+      <div class="lg:col-span-2 bg-white bg-opacity-10 backdrop-blur-lg rounded-3xl border border-white border-opacity-20 p-10 shadow-2xl">
+        <div class="space-y-6 text-left">
+          {%- if name %}
+          <div class="flex items-center text-2xl">
+            <div class="w-8 h-8 bg-blue-400 bg-opacity-30 rounded-lg flex items-center justify-center mr-4">
+              <svg class="w-4 h-4 text-blue-200" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
+              </svg>
+            </div>
+            <span class="text-blue-200 font-light mr-3">Name:</span>
+            <span class="font-semibold text-white">{{name}}</span>
+          </div>
+          {%- endif %} {%- if email %}
+          <div class="flex items-center text-2xl">
+            <div class="w-8 h-8 bg-blue-400 bg-opacity-30 rounded-lg flex items-center justify-center mr-4">
+              <svg class="w-4 h-4 text-blue-200" fill="currentColor" viewBox="0 0 20 20">
+                <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
+                <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
+              </svg>
+            </div>
+            <span class="text-blue-200 font-light mr-3">Email:</span>
+            <span class="font-semibold text-white">{{email}}</span>
+          </div>
+          {%- endif %} {%- if url %}
+          <div class="flex items-center text-2xl">
+            <div class="w-8 h-8 bg-blue-400 bg-opacity-30 rounded-lg flex items-center justify-center mr-4">
+              <svg class="w-4 h-4 text-blue-200" fill="currentColor" viewBox="0 0 20 20">
+                <path
+                  fill-rule="evenodd"
+                  d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z"
+                  clip-rule="evenodd"
+                />
+              </svg>
+            </div>
+            <span class="text-blue-200 font-light mr-3">Website:</span>
+            <span class="font-semibold text-white">{{url}}</span>
+          </div>
+          {%- endif %}
+        </div>
+      </div>
+
+      {%- if qrImageUrl %}
+      <div class="bg-white bg-opacity-10 backdrop-blur-lg rounded-3xl border border-white border-opacity-20 p-8 shadow-2xl flex items-center justify-center">
+        <div class="bg-white rounded-2xl p-4">
+          <img src="${qrImageUrl}" alt="QR code" class="w-48 h-48 object-contain" />
+        </div>
+      </div>
+      {%- endif %}
+    </div>
+  </div>
+</div>

package/assets/html2/threeCPage.html

@@ -0,0 +1,66 @@
+<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
+  <!-- Header -->
+  <div class="text-center mb-16">
+    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6 mx-auto"></div>
+    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">3C Strategy Framework</h1>
+    <div class="w-32 h-0.5 bg-gray-300 mx-auto"></div>
+  </div>
+
+  <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-7xl mx-auto">
+    <section class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-3xl p-10 text-white shadow-2xl 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-6">
+          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
+            <path
+              fill-rule="evenodd"
+              d="M4 4a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H4zm2 6a2 2 0 104 0 2 2 0 00-4 0zm6 0a2 2 0 104 0 2 2 0 00-4 0z"
+              clip-rule="evenodd"
+            />
+          </svg>
+        </div>
+        <h2 class="text-3xl font-bold">Company</h2>
+      </div>
+      <ul class="space-y-3 text-lg">
+        {% for c in company %}
+        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{c}}</span></li>
+        {% endfor %}
+      </ul>
+    </section>
+
+    <section class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-3xl p-10 text-white shadow-2xl 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-6">
+          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
+            <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
+          </svg>
+        </div>
+        <h2 class="text-3xl font-bold">Customer</h2>
+      </div>
+      <ul class="space-y-3 text-lg">
+        {% for c in customer %}
+        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{c}}</span></li>
+        {% endfor %}
+      </ul>
+    </section>
+
+    <section class="bg-gradient-to-br from-amber-500 to-orange-600 rounded-3xl p-10 text-white shadow-2xl 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-6">
+          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
+            <path
+              fill-rule="evenodd"
+              d="M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
+              clip-rule="evenodd"
+            />
+          </svg>
+        </div>
+        <h2 class="text-3xl font-bold">Competitor</h2>
+      </div>
+      <ul class="space-y-3 text-lg">
+        {% for c in competitor %}
+        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{c}}</span></li>
+        {% endfor %}
+      </ul>
+    </section>
+  </div>
+</div>

package/assets/html2/twoByTwoMatrixPage.html

@@ -0,0 +1,72 @@
+<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
+  <!-- Header -->
+  <div class="mb-16">
+    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6"></div>
+    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">2x2 Matrix</h1>
+    <div class="w-32 h-0.5 bg-gray-300"></div>
+  </div>
+
+  <!-- Matrix Layout -->
+  <div class="max-w-6xl mx-auto">
+    <!-- Axis Labels -->
+    <div class="relative mb-8">
+      <!-- Y-axis label -->
+      <div class="absolute -left-16 top-1/2 transform -translate-y-1/2 -rotate-90">
+        <span class="text-gray-600 font-semibold text-lg">{{yAxis}}</span>
+        <div class="flex items-center mt-2">
+          <span class="text-sm text-gray-500 mr-2">High</span>
+          <div class="w-12 h-0.5 bg-gray-400"></div>
+          <span class="text-sm text-gray-500 ml-2">Low</span>
+        </div>
+      </div>
+
+      <!-- X-axis label -->
+      <div class="text-center mb-4">
+        <span class="text-gray-600 font-semibold text-lg">{{xAxis}}</span>
+        <div class="flex items-center justify-center mt-2">
+          <span class="text-sm text-gray-500 mr-4">Low</span>
+          <div class="w-24 h-0.5 bg-gray-400"></div>
+          <span class="text-sm text-gray-500 ml-4">High</span>
+        </div>
+      </div>
+
+      <!-- Matrix Grid -->
+      <div class="grid grid-cols-2 gap-8">
+        {% set quadrant_colors = ['from-blue-500 to-indigo-600', 'from-emerald-500 to-green-600', 'from-red-500 to-rose-600', 'from-amber-500 to-orange-600'] %}
+        {% set quadrant_labels = ['High Y, Low X', 'High Y, High X', 'Low Y, Low X', 'Low Y, High X'] %} {% for q in quadrants %} {% set color =
+        quadrant_colors[loop.index0] %}
+        <section
+          class="bg-gradient-to-br {{ color }} rounded-3xl p-8 text-white shadow-2xl transform hover:scale-105 transition-all duration-300 min-h-[200px]"
+        >
+          <div class="flex items-center mb-6">
+            <div class="w-12 h-12 bg-white bg-opacity-20 rounded-xl flex items-center justify-center mr-4">
+              <span class="text-xl font-bold">{{ loop.index }}</span>
+            </div>
+            <h3 class="text-lg font-bold opacity-75">{{ quadrant_labels[loop.index0] }}</h3>
+          </div>
+
+          <ul class="space-y-3 text-lg">
+            {% for it in q %}
+            <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{it}}</span></li>
+            {% endfor %}
+          </ul>
+        </section>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+
+  <!-- Matrix Legend -->
+  <div class="text-center mt-12">
+    <div class="inline-flex items-center bg-white rounded-2xl shadow-lg px-6 py-4">
+      <svg class="w-6 h-6 text-gray-500 mr-3" fill="currentColor" viewBox="0 0 20 20">
+        <path
+          fill-rule="evenodd"
+          d="M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
+          clip-rule="evenodd"
+        />
+      </svg>
+      <span class="text-lg font-semibold text-gray-700">Matrix Analysis Framework</span>
+    </div>
+  </div>
+</div>

package/assets/html2/valueChainPage.html

@@ -0,0 +1,56 @@
+<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
+  <!-- Header -->
+  <div class="text-center mb-16">
+    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6 mx-auto"></div>
+    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Value Chain Analysis</h1>
+    <div class="w-32 h-0.5 bg-gray-300 mx-auto"></div>
+  </div>
+
+  <div class="max-w-7xl mx-auto space-y-12">
+    <section>
+      <div class="mb-8">
+        <h2 class="text-4xl font-bold text-gray-900 mb-4">Primary Activities</h2>
+        <div class="w-24 h-0.5 bg-emerald-500 mb-6"></div>
+      </div>
+      <div class="grid grid-cols-5 gap-6">
+        {% for p in primary %}
+        <div
+          class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-2xl p-8 text-white shadow-2xl hover:scale-105 transition-all duration-300 text-center"
+        >
+          <div class="w-12 h-12 bg-white bg-opacity-20 rounded-xl flex items-center justify-center mx-auto mb-4">
+            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
+              <path
+                fill-rule="evenodd"
+                d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+                clip-rule="evenodd"
+              />
+            </svg>
+          </div>
+          <p class="text-lg font-light">{{p}}</p>
+        </div>
+        {% endfor %}
+      </div>
+    </section>
+
+    <section>
+      <div class="mb-8">
+        <h2 class="text-4xl font-bold text-gray-900 mb-4">Support Activities</h2>
+        <div class="w-24 h-0.5 bg-blue-500 mb-6"></div>
+      </div>
+      <div class="grid grid-cols-5 gap-6">
+        {% for s in support %}
+        <div
+          class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-2xl p-8 text-white shadow-2xl hover:scale-105 transition-all duration-300 text-center"
+        >
+          <div class="w-12 h-12 bg-white bg-opacity-20 rounded-xl flex items-center justify-center mx-auto mb-4">
+            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
+              <path fill-rule="evenodd" d="M2 5a2 2 0 012-2h8a2 2 0 012 2v10a2 2 0 002 2H4a2 2 0 01-2-2V5zm3 1h6v4H5V6zm6 6H5v2h6v-2z" clip-rule="evenodd" />
+            </svg>
+          </div>
+          <p class="text-lg font-light">{{s}}</p>
+        </div>
+        {% endfor %}
+      </div>
+    </section>
+  </div>
+</div>

package/assets/html2/waterfallPage.html

@@ -0,0 +1,47 @@
+<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
+  <!-- Header -->
+  <div class="mb-16">
+    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6"></div>
+    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">{{title}}</h1>
+    <div class="w-32 h-0.5 bg-gray-300"></div>
+  </div>
+
+  <!-- Waterfall Steps -->
+  <div class="max-w-6xl mx-auto">
+    <div class="space-y-6">
+      {% for s in steps %}
+      <div class="bg-white rounded-2xl shadow-lg border border-gray-100 p-6 transform hover:scale-[1.02] transition-all duration-300 hover:shadow-xl">
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-xl flex items-center justify-center mr-4">
+              <svg class="w-6 h-6 text-white" fill="currentColor" viewBox="0 0 20 20">
+                <path
+                  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>
+            </div>
+            <div class="text-xl font-semibold text-gray-800">{{s.label}}</div>
+          </div>
+          <div
+            class="text-2xl font-bold {% if s.value|string|first == '-' %}text-red-600{% elif s.value|string|first == '+' %}text-emerald-600{% else %}text-blue-600{% endif %}"
+          >
+            {{s.value}}
+          </div>
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+
+  <!-- Waterfall Summary -->
+  <div class="text-center mt-12">
+    <div class="inline-flex items-center bg-gradient-to-r from-blue-600 to-indigo-600 text-white rounded-2xl shadow-xl px-8 py-6">
+      <svg class="w-8 h-8 mr-3" fill="currentColor" viewBox="0 0 20 20">
+        <path
+          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="text-2xl font-bold">Waterfall Analysis Complete</span>
+    </div>
+  </div>
+</div>

package/assets/templates/tailwind-sea.html

@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <!-- Google Fonts -->
+    <link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Quicksand:wght@400;600&display=swap" rel="stylesheet" />
+    <style type="text/tailwindcss">
+      @layer base {
+        body {
+          @apply text-gray-900 bg-cover bg-center;
+          font-family: "Quicksand", sans-serif;
+          background-image: url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1600&q=80");
+        }
+        h1,
+        h2,
+        h3 {
+          font-family: "Pacifico", cursive;
+          @apply text-white drop-shadow-lg;
+        }
+        a {
+          @apply text-yellow-200 hover:text-yellow-400 underline;
+        }
+      }
+    </style>
+    <title>${title}</title>
+    <!-- Tailwind CSS CDN -->
+    <script src="https://cdn.tailwindcss.com"></script>
+  </head>
+  <body class="min-h-screen flex flex-col">
+    <div class="bg-black/40 p-10 rounded-xl">${htmlBody}</div>
+  </body>
+</html>

package/assets/templates/tailwind.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${title}</title>
+    <!-- Tailwind CSS CDN -->
+    <script src="https://cdn.tailwindcss.com"></script>
+    ${headerStyle}
+  </head>
+  <body class="min-h-screen flex flex-col">
+    ${htmlBody}
+  </body>
+</html>

package/lib/browser.d.ts

@@ -0,0 +1 @@
+export * from "./tools";

package/lib/browser.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./tools"), exports);

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./presentationHandlers/html_class";
+export * from "./tools";

package/lib/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./presentationHandlers/html_class"), exports);
+__exportStar(require("./tools"), exports);

package/lib/mcp/server.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/lib/mcp/server.js

@@ -0,0 +1,77 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const index_js_1 = require("@modelcontextprotocol/sdk/server/index.js");
+const stdio_js_1 = require("@modelcontextprotocol/sdk/server/stdio.js");
+const types_js_1 = require("@modelcontextprotocol/sdk/types.js");
+const graphai_1 = require("graphai");
+const tools_1 = require("../tools");
+const html_class_1 = require("../presentationHandlers/html_class");
+const utils_1 = require("../utils");
+const server = new index_js_1.Server({
+    name: "mulmocast-vision-mcp",
+    version: "0.1.0",
+}, {
+    capabilities: {
+        tools: {},
+    },
+});
+// List available tools
+server.setRequestHandler(types_js_1.ListToolsRequestSchema, async () => {
+    return {
+        tools: tools_1.tools.map((tool) => {
+            const { name, description, parameters } = tool.function;
+            return { name, description, inputSchema: parameters };
+        }),
+    };
+});
+const rootDir = (0, utils_1.getRootDir)();
+const outputDir = (0, utils_1.getOutDir)();
+(0, utils_1.mkdir)(outputDir);
+const handler = new html_class_1.htmlPlugin({ outputDir, rootDir });
+let index = 0;
+// Handle tool calls
+server.setRequestHandler(types_js_1.CallToolRequestSchema, async (request) => {
+    const { name, arguments: args } = request.params;
+    try {
+        if (name in handler) {
+            const key = name;
+            const method = handler[key];
+            if (typeof method === "function") {
+                index = index + 1;
+                await method(args, { name, index });
+                return {
+                    content: [
+                        {
+                            type: "text",
+                            text: `html generated successfully to: ${outputDir}`,
+                        },
+                    ],
+                };
+            }
+        }
+        throw new Error(`Unknown command: ${name}.`);
+    }
+    catch (error) {
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        return {
+            content: [
+                {
+                    type: "text",
+                    text: `Error: ${errorMessage}`,
+                },
+            ],
+            isError: true,
+        };
+    }
+});
+// Start the server
+async function main() {
+    const transport = new stdio_js_1.StdioServerTransport();
+    await server.connect(transport);
+    graphai_1.GraphAILogger.error("MulmoCast Vision MCP Server running on stdio");
+}
+main().catch((error) => {
+    graphai_1.GraphAILogger.error("Failed to start MCP server:", error);
+    process.exit(1);
+});

package/lib/mcp/test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/mcp/test.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const index_js_1 = require("@modelcontextprotocol/sdk/server/index.js");
+const stdio_js_1 = require("@modelcontextprotocol/sdk/server/stdio.js");
+const types_js_1 = require("@modelcontextprotocol/sdk/types.js");
+const server = new index_js_1.Server({
+    name: "mock-mcp-server",
+    version: "0.1.0",
+}, {
+    capabilities: {
+        tools: {},
+    },
+});
+// Tool 一覧を返す
+server.setRequestHandler(types_js_1.ListToolsRequestSchema, async () => {
+    return {
+        tools: [
+            {
+                name: "hello",
+                description: "Return a simple greeting",
+                inputSchema: { type: "object", properties: {} },
+            },
+            {
+                name: "createSectionDividerPage",
+                description: "Insert a new slide in the presentation that serves as a section divider. This slide must include both a large main heading and a subtitle. Use this when the user wants to create a single slide that clearly introduces or separates a new section in their presentation.",
+                inputSchema: {
+                    type: "object",
+                    properties: {
+                        heading: { type: "string", description: "Main section title, shown prominently on the slide" },
+                        subheading: { type: "string", description: "Subtitle that provides context or explanation for the section" },
+                    },
+                    required: ["heading", "subheading"],
+                },
+            },
+        ],
+    };
+});
+// Tool 呼び出しを処理
+server.setRequestHandler(types_js_1.CallToolRequestSchema, async (request) => {
+    if (request.params.name === "hello") {
+        return {
+            content: [{ type: "text", text: "Hello from MCP mock server!" }],
+        };
+    }
+    throw new Error(`Unknown tool: ${request.params.name}`);
+});
+// エントリポイント
+async function main() {
+    const transport = new stdio_js_1.StdioServerTransport();
+    await server.connect(transport);
+    console.error("✅ MCP Mock Server running on stdio");
+}
+main().catch((err) => {
+    console.error("❌ Failed to start server:", err);
+    process.exit(1);
+});

package/lib/presentation.d.ts

@@ -0,0 +1 @@
+import "dotenv/config";

package/lib/presentation.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("dotenv/config");
+const graphai_1 = require("graphai");
+const openai_agent_1 = require("@graphai/openai_agent");
+const tools_1 = require("./tools");
+// import * as presentationHandlers from "./presentationHandlers/html";
+const html_class_1 = require("../src/presentationHandlers/html_class");
+const runner_1 = require("./runner");
+const utils_1 = require("../src/utils");
+const main = async () => {
+    const namedInputs = {
+        prompt: [
+            `
+以下の内容をまとめて、そしてPPTの資料を１０枚にしてまとめたい。
+
+The Kremlin has played down talk of an imminent summit between Russian President Vladimir Putin and Ukraine's Volodymyr Zelensky, as Donald Trump renewed his call for the two leaders to meet to discuss ending the war in Ukraine.
+
+The push for a bilateral meeting comes after the US president met Putin in Alaska last week, and welcomed seven European leaders and Zelensky to the White House on Monday.
+
+Trump admitted the conflict was "a tough one" to solve and conceded it was possible the Russian president was not interested in ending hostilities.
+
+"We're going to find out about President Putin in the next couple of weeks," he said on Tuesday. "It's possible that he doesn't want to make a deal."
+
+
+while the UK's military chief, Admiral Tony Radakin, is travelling to Washington for discussions on the deployment of a reassurance force in Ukraine.
+
+It was reported on Tuesday that Putin had suggested to Trump that Zelensky could travel to Moscow for talks, something Ukraine was never likely to accept.
+
+The proposal may have been Russia's way of putting forward an option so far-fetched Kyiv could not possibly have agreed to it.
+
+Talks over the last few days appear to have given Trump a renewed understanding of the complexities of the war and the gulf between Moscow's demands and Kyiv's position.
+
+The much-vaunted ceasefire he said he could get Putin to agree to has not materialised, and now the US president has said Ukraine and Russia should move directly to a permanent peace deal instead - but some headway was made in terms of security guarantees for Ukraine.
+
+Zelensky and European leaders seem to have convinced Trump that such commitments would be paramount to Kyiv's sovereignty in the event of a peace deal.`,
+        ],
+    };
+    const params = {
+        // dataStream: true,
+        tool_choice: "auto",
+        tools: tools_1.tools,
+    };
+    const res = (await openai_agent_1.openAIAgent.agent({
+        ...graphai_1.defaultTestContext,
+        namedInputs,
+        params,
+        filterParams: {
+            streamTokenCallback: (data) => {
+                console.log(JSON.stringify(data, null, 2));
+            },
+        },
+    }));
+    const rootDir = (0, utils_1.getRootDir)();
+    const outputDir = (0, utils_1.getOutDir)();
+    (0, utils_1.mkdir)(outputDir);
+    if (res) {
+        console.log(JSON.stringify(res.tool_calls, null, 2));
+        const handler = new html_class_1.htmlPlugin({ outputDir, rootDir });
+        (0, runner_1.toolsRunner)(handler, res.tool_calls);
+        (0, utils_1.writeTools)(outputDir, res.tool_calls);
+    }
+    // toolsRunner(presentationHandlers, res.tool_calls);
+    // for debug
+    // presentationHandlers.writeTools(res.tool_calls);
+};
+main();