npm - @veolab/discoverylab - Versions diffs - 1.6.3 → 1.6.6 - Mend

@veolab/discoverylab 1.6.3 → 1.6.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/dist/{chunk-5AISGCS4.js → chunk-YFF3M76J.js} RENAMED Viewed

@@ -14,8 +14,9 @@ import {
 import {
   createErrorResult,
   createJsonResult,
-  createTextResult
-} from "./chunk-XKX6NBHF.js";
+  createTextResult,
+  mcpServer
+} from "./chunk-TWRWARU4.js";
 import {
   getAvailableTemplates,
   isTemplatesInstalled
@@ -3788,29 +3789,25 @@ var exportInfographicTool = {
     try {
       const { projects: projectsTable, frames: framesTable, FRAMES_DIR, PROJECTS_DIR: PROJECTS_DIR3 } = await import("./db-5ECN3O7F.js");
       const { eq: eq4 } = await import("drizzle-orm");
-      const { collectFrameImages, buildInfographicData, generateInfographicHtml } = await import("./infographic-GQAHEOAA.js");
+      const { buildInfographicData, generateInfographicHtml, resolveInfographicFrameInputs } = await import("./infographic-OSDIJM5M.js");
       const db = getDatabase();
       const [project] = await db.select().from(projectsTable).where(eq4(projectsTable.id, params.projectId)).limit(1);
       if (!project) return createErrorResult(`Project not found: ${params.projectId}`);
       const dbFrames = await db.select().from(framesTable).where(eq4(framesTable.projectId, project.id)).orderBy(framesTable.frameNumber).limit(20);
-      let frameFiles;
-      let frameOcr;
-      if (dbFrames.length > 0) {
-        frameFiles = dbFrames.map((f) => f.imagePath);
-        frameOcr = dbFrames;
-      } else {
-        frameFiles = collectFrameImages(
-          path5.join(FRAMES_DIR, project.id),
-          project.videoPath,
-          PROJECTS_DIR3,
-          project.id
-        );
-        frameOcr = frameFiles.map(() => ({ ocrText: null }));
+      const resolvedFrames = resolveInfographicFrameInputs(
+        dbFrames,
+        path5.join(FRAMES_DIR, project.id),
+        project.videoPath,
+        PROJECTS_DIR3,
+        project.id
+      );
+      if (resolvedFrames.frameFiles.length === 0) {
+        return createErrorResult(`No readable frames found for infographic export. Checked ${resolvedFrames.candidateCount} candidate(s) from ${resolvedFrames.source}.`);
       }
-      if (frameFiles.length === 0) {
-        return createErrorResult("No frames found. Run analyzer first.");
+      const data = buildInfographicData(project, resolvedFrames.frameFiles, resolvedFrames.frameOcr);
+      if (data.frames.length === 0) {
+        return createErrorResult("Infographic export produced no embeddable frames.");
       }
-      const data = buildInfographicData(project, frameFiles, frameOcr);
       const slug = (project.marketingTitle || project.name || project.id).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "").slice(0, 40);
       const outputFilePath = params.outputPath ? path5.join(params.outputPath, `${slug}-infographic.html`) : path5.join(EXPORTS_DIR, `${slug}-infographic.html`);
       const result = generateInfographicHtml(data, outputFilePath);
@@ -6919,6 +6916,102 @@ var templateTools = [
 // src/mcp/tools/knowledge.ts
 import { z as z12 } from "zod";
 import { desc as desc2 } from "drizzle-orm";
+var KNOWLEDGE_VIEWER_RESOURCE_URI = "ui://discoverylab/knowledge-viewer.html";
+var KNOWLEDGE_VIEWER_MIME_TYPE = "text/html;profile=mcp-app";
+function buildViewerPlaceholderHtml(message) {
+  const safeMessage = JSON.stringify(message);
+  return `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>DiscoveryLab Flow Viewer</title>
+    <style>
+      :root {
+        color-scheme: dark;
+        --bg: #0b1117;
+        --panel: rgba(255, 255, 255, 0.04);
+        --border: rgba(255, 255, 255, 0.1);
+        --text: #eff5fb;
+        --muted: #9fb0c2;
+        --accent: #2dd4bf;
+      }
+      * { box-sizing: border-box; }
+      body {
+        margin: 0;
+        min-height: 100vh;
+        display: grid;
+        place-items: center;
+        padding: 24px;
+        background:
+          radial-gradient(circle at top left, rgba(45, 212, 191, 0.18), transparent 28%),
+          linear-gradient(180deg, #101826, var(--bg));
+        color: var(--text);
+        font: 14px/1.5 "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
+      }
+      .card {
+        width: min(720px, 100%);
+        border: 1px solid var(--border);
+        border-radius: 24px;
+        padding: 24px;
+        background: var(--panel);
+        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
+      }
+      .eyebrow {
+        display: inline-flex;
+        align-items: center;
+        gap: 8px;
+        border: 1px solid var(--border);
+        border-radius: 999px;
+        padding: 6px 12px;
+        color: var(--muted);
+        font-size: 12px;
+        text-transform: uppercase;
+        letter-spacing: 0.03em;
+      }
+      h1 {
+        margin: 16px 0 8px;
+        font: 700 32px/1.02 "Space Grotesk", "Avenir Next", system-ui, sans-serif;
+        letter-spacing: -0.03em;
+      }
+      p {
+        margin: 0;
+        color: var(--muted);
+      }
+    </style>
+  </head>
+  <body>
+    <main class="card">
+      <div class="eyebrow">DiscoveryLab Local Viewer</div>
+      <h1>Open a flow in Claude Desktop</h1>
+      <p id="message"></p>
+    </main>
+    <script>
+      document.getElementById('message').textContent = ${safeMessage};
+    </script>
+  </body>
+</html>`;
+}
+mcpServer.registerResource({
+  uri: KNOWLEDGE_VIEWER_RESOURCE_URI,
+  name: "discoverylab-knowledge-viewer",
+  title: "DiscoveryLab Flow Viewer",
+  description: "Interactive local flow viewer for DiscoveryLab projects.",
+  mimeType: KNOWLEDGE_VIEWER_MIME_TYPE,
+  contents: [
+    {
+      uri: KNOWLEDGE_VIEWER_RESOURCE_URI,
+      mimeType: KNOWLEDGE_VIEWER_MIME_TYPE,
+      text: buildViewerPlaceholderHtml("Use dlab.knowledge.open to load a local project into the canvas.")
+    }
+  ]
+});
 var knowledgeSearchTool = {
   name: "dlab.knowledge.search",
   description: `Search across all DiscoveryLab projects for app flows, UI elements, screens, and behaviors. Use this when the user asks about how an app works, what a specific screen looks like, or any question about captured app flows. Returns relevant projects with their analysis, OCR text, and context.`,
@@ -7093,6 +7186,11 @@ var knowledgeOpenTool = {
     query: z12.string().optional().describe('Search query to find the project (e.g. "login flow", "onboarding")'),
     projectId: z12.string().optional().describe("Direct project ID if known")
   }),
+  _meta: {
+    ui: {
+      resourceUri: KNOWLEDGE_VIEWER_RESOURCE_URI
+    }
+  },
   handler: async (params) => {
     try {
       const db = getDatabase();
@@ -7129,26 +7227,57 @@ var knowledgeOpenTool = {
       const { FRAMES_DIR, PROJECTS_DIR: PROJECTS_DIR3 } = await import("./db-5ECN3O7F.js");
       const { join: join12 } = await import("path");
       const dbFrames = await db.select().from(frames).where(eq4(frames.projectId, project.id)).orderBy(frames.frameNumber).limit(15);
-      let frameFiles;
-      let frameOcr;
-      if (dbFrames.length > 0) {
-        frameFiles = dbFrames.map((f) => f.imagePath);
-        frameOcr = dbFrames;
-      } else {
-        const { collectFrameImages } = await import("./infographic-GQAHEOAA.js");
-        frameFiles = collectFrameImages(join12(FRAMES_DIR, project.id), project.videoPath, PROJECTS_DIR3, project.id);
-        frameOcr = frameFiles.map(() => ({ ocrText: null }));
+      const { resolveInfographicFrameInputs, buildInfographicData, generateInfographicHtmlString } = await import("./infographic-OSDIJM5M.js");
+      const resolvedFrames = resolveInfographicFrameInputs(
+        dbFrames,
+        join12(FRAMES_DIR, project.id),
+        project.videoPath,
+        PROJECTS_DIR3,
+        project.id
+      );
+      if (resolvedFrames.frameFiles.length === 0) {
+        return createTextResult(`Project "${project.marketingTitle || project.name}" has no readable frames. Run the analyzer again, then try again.`);
       }
-      if (frameFiles.length === 0) {
-        return createTextResult(`Project "${project.marketingTitle || project.name}" has no frames. Run the analyzer first, then try again.`);
+      const data = buildInfographicData(project, resolvedFrames.frameFiles, resolvedFrames.frameOcr);
+      if (data.frames.length === 0) {
+        return createErrorResult(`Project "${project.marketingTitle || project.name}" did not produce embeddable infographic frames.`);
       }
-      const { buildInfographicData, generateInfographicHtmlString } = await import("./infographic-GQAHEOAA.js");
-      const data = buildInfographicData(project, frameFiles, frameOcr);
       const html = generateInfographicHtmlString(data);
       if (!html) {
         return createErrorResult("Failed to generate infographic HTML (template not found)");
       }
-      return createTextResult(html);
+      mcpServer.upsertResourceContents(KNOWLEDGE_VIEWER_RESOURCE_URI, {
+        name: "discoverylab-knowledge-viewer",
+        title: `DiscoveryLab Flow Viewer \xB7 ${project.marketingTitle || project.name}`,
+        description: "Interactive local flow viewer for DiscoveryLab projects.",
+        mimeType: KNOWLEDGE_VIEWER_MIME_TYPE,
+        contents: [
+          {
+            uri: KNOWLEDGE_VIEWER_RESOURCE_URI,
+            mimeType: KNOWLEDGE_VIEWER_MIME_TYPE,
+            text: html
+          }
+        ]
+      });
+      return {
+        content: [
+          {
+            type: "text",
+            text: `Opened the local DiscoveryLab flow viewer for ${project.marketingTitle || project.name}.`
+          }
+        ],
+        structuredContent: {
+          projectId: project.id,
+          name: project.marketingTitle || project.name,
+          frameCount: resolvedFrames.frameFiles.length,
+          platform: project.platform || "unknown"
+        },
+        _meta: {
+          ui: {
+            resourceUri: KNOWLEDGE_VIEWER_RESOURCE_URI
+          }
+        }
+      };
     } catch (error) {
       return createErrorResult(`Failed to open flow: ${error instanceof Error ? error.message : String(error)}`);
     }

package/dist/cli.js CHANGED Viewed

@@ -11,6 +11,7 @@ import "./chunk-R5U7XKVJ.js";
 import { Command } from "commander";
 import chalk from "chalk";
 import open from "open";
+import { fileURLToPath } from "url";
 var program = new Command();
 var binName = process.argv[1]?.replace(/.*[\\/]/, "").replace(/\.[^.]+$/, "") === "applab" ? "applab" : "discoverylab";
 program.name(binName).description("AI-powered app testing & evidence generator - Claude Code Plugin").version(APP_VERSION);
@@ -389,7 +390,7 @@ program.command("serve").alias("server").description("Start the DiscoveryLab web
   console.log(chalk.cyan("\n  DiscoveryLab"));
   console.log(chalk.gray("  AI-powered app testing & evidence generator\n"));
   try {
-    const { startServer } = await import("./server-W3JQ5RG7.js");
+    const { startServer } = await import("./server-GXNAKM4H.js");
     await startServer(port);
     console.log(chalk.green(`  Server running at http://localhost:${port}`));
     console.log(chalk.gray("  Press Ctrl+C to stop\n"));
@@ -404,7 +405,7 @@ program.command("serve").alias("server").description("Start the DiscoveryLab web
 program.command("setup").description("Check and configure DiscoveryLab dependencies").action(async () => {
   console.log(chalk.cyan("\n  DiscoveryLab Setup\n"));
   try {
-    const { setupStatusTool } = await import("./setup-F7MGEFIM.js");
+    const { setupStatusTool } = await import("./setup-SMN7FJNZ.js");
     const result = await setupStatusTool.handler({});
     if (result.isError) {
       console.error(chalk.red("  Setup check failed"));
@@ -459,7 +460,11 @@ program.command("install").description("Install DiscoveryLab as MCP server for C
   const { existsSync, readFileSync, writeFileSync, mkdirSync } = await import("fs");
   const { join, dirname } = await import("path");
   const home = homedir();
-  const mcpEntry = {
+  const localMcpEntrypoint = fileURLToPath(new URL("./index.js", import.meta.url));
+  const mcpEntry = existsSync(localMcpEntrypoint) ? {
+    command: process.execPath,
+    args: [localMcpEntrypoint]
+  } : {
     command: "npx",
     args: ["-y", "@veolab/discoverylab@latest", "mcp"]
   };
@@ -531,7 +536,7 @@ program.command("mcp").description("Run as MCP server (for Claude Code integrati
   try {
     const { getDatabase } = await import("./db-5ECN3O7F.js");
     getDatabase();
-    const { mcpServer } = await import("./server-OVOACIOJ.js");
+    const { mcpServer } = await import("./server-WN6DCCUA.js");
     const {
       uiTools,
       projectTools,
@@ -545,7 +550,7 @@ program.command("mcp").description("Run as MCP server (for Claude Code integrati
       taskHubTools,
       esvpTools,
       knowledgeTools
-    } = await import("./tools-VYFNRUS4.js");
+    } = await import("./tools-6BTUMR3G.js");
     mcpServer.registerTools([
       ...uiTools,
       ...projectTools,
@@ -592,7 +597,7 @@ program.command("export").description("Export project in various formats").argum
       const { join: pathJoin } = await import("path");
       const { getDatabase, projects, frames: framesTable, FRAMES_DIR, EXPORTS_DIR, PROJECTS_DIR } = await import("./db-5ECN3O7F.js");
       const { eq } = await import("drizzle-orm");
-      const { collectFrameImages, buildInfographicData, generateInfographicHtml } = await import("./infographic-GQAHEOAA.js");
+      const { buildInfographicData, generateInfographicHtml, resolveInfographicFrameInputs } = await import("./infographic-OSDIJM5M.js");
       const db = getDatabase();
       const allProjects = await db.select().from(projects);
       const project = allProjects.find((p) => p.id === projectId || p.id.startsWith(projectId) || p.name.toLowerCase().includes(projectId.toLowerCase()));
@@ -606,21 +611,27 @@ program.command("export").description("Export project in various formats").argum
       }
       console.log(chalk.green(`  \u2714 Found project: ${project.marketingTitle || project.name}`));
       const dbFrames = await db.select().from(framesTable).where(eq(framesTable.projectId, project.id)).orderBy(framesTable.frameNumber).limit(20);
-      let frameFiles;
-      let frameOcr;
-      if (dbFrames.length > 0) {
-        frameFiles = dbFrames.map((f) => f.imagePath);
-        frameOcr = dbFrames;
-      } else {
-        frameFiles = collectFrameImages(pathJoin(FRAMES_DIR, project.id), project.videoPath, PROJECTS_DIR, project.id);
-        frameOcr = frameFiles.map(() => ({ ocrText: null }));
+      const resolvedFrames = resolveInfographicFrameInputs(
+        dbFrames,
+        pathJoin(FRAMES_DIR, project.id),
+        project.videoPath,
+        PROJECTS_DIR,
+        project.id
+      );
+      console.log(
+        chalk.green(
+          `  \u2714 ${resolvedFrames.frameFiles.length} readable frames found` + (resolvedFrames.candidateCount > 0 ? ` (from ${resolvedFrames.candidateCount} candidates via ${resolvedFrames.source})` : "")
+        )
+      );
+      if (resolvedFrames.frameFiles.length === 0) {
+        console.log(chalk.red("  No readable frames found. Run analyzer first or refresh project screenshots."));
+        return;
       }
-      console.log(chalk.green(`  \u2714 ${frameFiles.length} frames found`));
-      if (frameFiles.length === 0) {
-        console.log(chalk.red("  No frames found. Run analyzer first."));
+      const data = buildInfographicData(project, resolvedFrames.frameFiles, resolvedFrames.frameOcr);
+      if (data.frames.length === 0) {
+        console.log(chalk.red("  Export failed: infographic payload did not produce embeddable frames."));
         return;
       }
-      const data = buildInfographicData(project, frameFiles, frameOcr);
       console.log(chalk.green(`  \u2714 ${project.aiSummary ? "AI analysis loaded" : "No analysis (basic labels)"}`));
       const slug = (project.marketingTitle || project.name || project.id).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "").slice(0, 40);
       const outputPath = opts.output ? pathJoin(opts.output, `${slug}-infographic.html`) : pathJoin(EXPORTS_DIR, `${slug}-infographic.html`);