npm - mcp-osp-prompt - Versions diffs - 1.0.0 - Mend

mcp-osp-prompt 1.0.0

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 (18) hide show

package/dialog/browser.js ADDED Viewed

@@ -0,0 +1,532 @@
+import { writeFileSync } from 'fs';
+import { tmpdir } from 'os';
+import path from 'path';
+import open from 'open';
+import { startDialogServer, waitForResponse, stopDialogServer } from './http-server.js';
+// ✅ UNIFIED: 导入统一的按钮管理常量
+import { BASE_DIALOG_BUTTONS, getSafeButtons, validateDialogButtons } from './constants.js';
+let serverPort = null;
+async function ensureServer() {
+  if (!serverPort) {
+    serverPort = await startDialogServer();
+  }
+  return serverPort;
+}
+export async function showBrowserDialog(html) {
+  // 确保HTTP服务器已启动
+  const port = await ensureServer();
+  console.log(`[Browser Dialog] Using HTTP server on port ${port}`);
+  const tempFile = path.join(tmpdir(), `dialog_${Date.now()}.html`);
+  writeFileSync(tempFile, html, 'utf8');
+  await open(tempFile);
+  return await waitForResponse();
+}
+export async function showInputDialog(opts) {
+  const { title, message, defaultValue } = opts;
+  // Handle automated testing mode
+  if (process.env.AUTOMATED_MODE === 'true') {
+    console.log(`🤖 [AUTOMATED] Browser showInputDialog: ${title}, returning: "${defaultValue || ''}"`);
+    return defaultValue || '';
+  }
+  const port = await ensureServer();
+  const html = `
+    <html>
+    <head>
+      <title>${title}</title>
+      <style>
+        body { font-family: Arial, sans-serif; padding: 20px; max-width: 600px; margin: 0 auto; }
+        textarea { width: 100%; height: 200px; margin: 10px 0; padding: 10px; border: 1px solid #ddd; border-radius: 4px; }
+        button { padding: 12px 24px; margin: 5px; font-size: 16px; border: none; border-radius: 4px; cursor: pointer; }
+        .submit-btn { background: #007bff; color: white; }
+        .cancel-btn { background: #6c757d; color: white; }
+        .instruction { background: #e7f3ff; padding: 15px; border-radius: 5px; margin: 15px 0; border-left: 4px solid #007bff; }
+        #status { padding: 10px; margin: 10px 0; border-radius: 4px; display: none; }
+        .success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
+      </style>
+    </head>
+    <body>
+      <h2>🌐 ${title}</h2>
+      <p><strong>消息：</strong> ${message}</p>
+      <textarea id='input' placeholder="请在此输入您的回复...">${defaultValue || ''}</textarea>
+      <div>
+        <button class='submit-btn' onclick='submitInput()'>✅ 确认</button>
+      </div>
+      <div id='status'></div>
+      <div class='instruction'>
+        <strong>🌐 浏览器对话框模式：</strong>
+        <ul>
+          <li>在上方文本框中输入您的内容</li>
+          <li>点击"确认"按钮提交</li>
+          <li>系统将自动发送内容到MCP服务器</li>
+          <li>请勿关闭此窗口，等待处理完成</li>
+        </ul>
+      </div>
+      <script>
+        const serverPort = ${port};
+        function showStatus(message, isSuccess = true) {
+          const status = document.getElementById('status');
+          status.className = isSuccess ? 'success' : 'error';
+          status.innerHTML = message;
+          status.style.display = 'block';
+        }
+        async function submitInput() {
+          const text = document.getElementById('input').value;
+          try {
+            showStatus('📤 正在发送回复...', true);
+            const response = await fetch('http://localhost:' + serverPort + '/submit?text=' + encodeURIComponent(text), {
+              method: 'GET'
+            });
+            if (response.ok) {
+              const result = await response.json();
+              if (result.success) {
+                showStatus('✅ 回复发送成功！正在关闭窗口...', true);
+                document.body.innerHTML = '<div style="text-align:center;padding:30px;"><h2>✅ 回复已成功发送</h2><p>内容：<strong>' + text + '</strong></p><p>窗口将在3秒后自动关闭...</p></div>';
+                // 1秒后尝试关闭窗口
+                setTimeout(() => {
+                  // 尝试关闭窗口
+                  try {
+                    window.close();
+                  } catch (e) {
+                    console.log('Cannot close window automatically');
+                  }
+                  // 显示关闭提示
+                  document.body.innerHTML = '<div style="text-align:center;padding:30px;background:#f8f9fa;"><h3 style="color:#28a745;">✅ 任务完成</h3><p style="margin:20px 0;">回复已成功发送到MCP服务器</p><p style="color:#666;font-size:14px;">您可以安全地关闭此浏览器窗口/标签页</p><button onclick="window.close()" style="padding:10px 20px;background:#007bff;color:white;border:none;border-radius:4px;cursor:pointer;margin-top:10px;">关闭窗口</button></div>';
+                }, 1000);
+              } else {
+                showStatus('❌ 服务器响应异常', false);
+              }
+            } else {
+              showStatus('❌ 发送失败，请重试', false);
+            }
+          } catch (error) {
+            showStatus('❌ 连接失败：' + error.message, false);
+          }
+        }
+      </script>
+    </body>
+    </html>
+  `;
+  console.log(`[Browser Dialog] Opening input dialog - Server: http://localhost:${port}`);
+  return await showBrowserDialog(html);
+}
+export async function showConfirmDialog(opts) {
+  const { title, message, buttons } = opts;
+  // ✅ UNIFIED: 使用统一的按钮管理系统
+  const finalButtons = getSafeButtons(buttons);
+  console.log('🔧 [BUTTON-UNIFIED] Browser dialog using unified button management:', finalButtons);
+  // Handle automated testing mode
+  if (process.env.AUTOMATED_MODE === 'true') {
+    // ✅ UNIFIED: 验证按钮包含"修改计划"选项，确保统一标准
+    if (!validateDialogButtons(finalButtons)) {
+      console.warn(`⚠️  [AUTOMATED] Browser dialog missing '修改计划' option:`, finalButtons);
+    }
+    console.log(`🤖 [AUTOMATED] Browser showConfirmDialog: ${title}, returning: "${finalButtons[0]}" (buttons: ${JSON.stringify(finalButtons)})`);
+    return finalButtons[0];
+  }
+  const port = await ensureServer();
+  const btnHtml = finalButtons.map(b =>
+    `<button class='btn' onclick='selectOption("${b}")'>${b}</button>`
+  ).join(' ');
+  const html = `
+    <html>
+    <head>
+      <title>${title}</title>
+      <style>
+        body { font-family: Arial, sans-serif; padding: 20px; max-width: 500px; margin: 0 auto; }
+        .btn { padding: 12px 24px; margin: 5px; font-size: 16px; border: none; border-radius: 4px; cursor: pointer; background: #007bff; color: white; }
+        .btn:hover { background: #0056b3; }
+        .instruction { background: #e7f3ff; padding: 15px; border-radius: 5px; margin: 15px 0; border-left: 4px solid #007bff; }
+        #status { padding: 10px; margin: 10px 0; border-radius: 4px; display: none; }
+        .success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
+      </style>
+    </head>
+    <body>
+      <h2>🌐 ${title}</h2>
+      <p><strong>消息：</strong> ${message}</p>
+      <div style='text-align: center; margin: 20px 0;'>
+        ${btnHtml}
+      </div>
+      <div id='status'></div>
+      <div class='instruction'>
+        <strong>🌐 浏览器确认对话框：</strong>
+        <ul>
+          <li>请点击上方按钮选择您的响应</li>
+          <li>系统将自动发送选择到MCP服务器</li>
+          <li>请勿关闭此窗口，等待处理完成</li>
+        </ul>
+      </div>
+      <script>
+        const serverPort = ${port};
+        function showStatus(message, isSuccess = true) {
+          const status = document.getElementById('status');
+          status.className = isSuccess ? 'success' : 'error';
+          status.innerHTML = message;
+          status.style.display = 'block';
+        }
+        async function selectOption(option) {
+          try {
+            showStatus('📤 正在发送选择...', true);
+            const response = await fetch('http://localhost:' + serverPort + '/submit?text=' + encodeURIComponent(option), {
+              method: 'GET'
+            });
+            if (response.ok) {
+              const result = await response.json();
+              if (result.success) {
+                showStatus('✅ 选择发送成功！正在关闭窗口...', true);
+                document.body.innerHTML = '<div style="text-align:center;padding:30px;"><h2>✅ 已选择：' + option + '</h2><p>窗口将在3秒后自动关闭...</p></div>';
+                // 3秒后自动关闭窗口
+                setTimeout(() => {
+                  window.close();
+                  document.body.innerHTML = '<div style="text-align:center;padding:50px;color:#888;"><h3>✅ 任务完成</h3><p>您可以手动关闭此窗口</p></div>';
+                }, 3000);
+              } else {
+                showStatus('❌ 服务器响应异常', false);
+              }
+            } else {
+              showStatus('❌ 发送失败，请重试', false);
+            }
+          } catch (error) {
+            showStatus('❌ 连接失败：' + error.message, false);
+          }
+        }
+      </script>
+    </body>
+    </html>
+  `;
+  console.log(`[Browser Dialog] Opening confirm dialog - Server: http://localhost:${port}`);
+  return await showBrowserDialog(html);
+}
+export async function showPlanAdjustmentDialog(opts) {
+  const { title = '', message = '', currentPlan, options } = opts; // ✅ UNIFIED: 只接收传入的选项，不设置默认值
+  if (!title || !message) {
+    throw new Error('Title and message are required for plan adjustment dialog');
+  }
+  // ✅ UNIFIED: 使用统一的按钮管理系统
+  const finalOptions = getSafeButtons(options);
+  console.log('🔧 [BUTTON-UNIFIED] Browser plan dialog using unified button management:', finalOptions);
+  // Handle automated mode
+  if (process.env.AUTOMATED_MODE === 'true') {
+    // ✅ UNIFIED: 验证选项包含"修改计划"选项，确保统一标准
+    if (!validateDialogButtons(finalOptions)) {
+      console.warn(`⚠️  [AUTOMATED] Browser plan dialog missing '修改计划' option:`, finalOptions);
+    }
+    console.log(`🤖 [AUTOMATED] Browser showPlanAdjustmentDialog: ${title}, returning: "${finalOptions[0]}" (options: ${JSON.stringify(finalOptions)})`);
+    return finalOptions[0]; // Return first option
+  }
+  const port = await ensureServer();
+  // First dialog: only "继续" and "修改计划" buttons
+  const html = `
+    <html>
+    <head>
+      <title>${title}</title>
+      <style>
+        body { font-family: Arial, sans-serif; padding: 20px; max-width: 600px; margin: 0 auto; }
+        .option-btn { padding: 12px 24px; margin: 5px 0; font-size: 16px; border: none; border-radius: 4px; cursor: pointer; background: #007bff; color: white; width: 100%; display: block; }
+        .option-btn:hover { background: #0056b3; }
+        .plan-section { background: #f8f9fa; padding: 15px; border-radius: 5px; margin: 15px 0; border-left: 4px solid #28a745; }
+        .instruction { background: #e7f3ff; padding: 15px; border-radius: 5px; margin: 15px 0; border-left: 4px solid #007bff; }
+        #status { padding: 10px; margin: 10px 0; border-radius: 4px; display: none; }
+        .success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
+      </style>
+    </head>
+    <body>
+      <h2>📋 ${title}</h2>
+      <p><strong>消息：</strong> ${message}</p>
+      ${currentPlan ? `<div class='plan-section'>
+        <h4>📝 当前计划：</h4>
+        <pre>${currentPlan}</pre>
+      </div>` : ''}
+      <div style='margin: 20px 0;'>
+        <button class='option-btn' onclick='selectOption("继续")'>继续</button>
+        <button class='option-btn' onclick='selectOption("修改计划")'>修改计划</button>
+      </div>
+      <div id='status'></div>
+      <div class='instruction'>
+        <strong>📋 计划调整对话框：</strong>
+        <ul>
+          <li>选择"继续"直接执行当前计划</li>
+          <li>选择"修改计划"可输入调整建议</li>
+          <li>系统将根据您的选择继续执行或调整计划</li>
+        </ul>
+      </div>
+      <script>
+        const serverPort = ${port};
+        function showStatus(message, isSuccess = true) {
+          const status = document.getElementById('status');
+          status.className = isSuccess ? 'success' : 'error';
+          status.innerHTML = message;
+          status.style.display = 'block';
+        }
+        async function selectOption(option) {
+          if (option === '修改计划') {
+            // Show input dialog for plan adjustment
+            showPlanInputDialog();
+            return;
+          }
+          try {
+            showStatus('📤 正在发送选择...', true);
+            const response = await fetch('http://localhost:' + serverPort + '/submit?text=' + encodeURIComponent(option), {
+              method: 'GET'
+            });
+            if (response.ok) {
+              const result = await response.json();
+              if (result.success) {
+                showStatus('✅ 选择发送成功！正在关闭窗口...', true);
+                document.body.innerHTML = '<div style="text-align:center;padding:30px;"><h2>✅ 已选择：' + option + '</h2><p>窗口将在3秒后自动关闭...</p></div>';
+                setTimeout(() => {
+                  window.close();
+                  document.body.innerHTML = '<div style="text-align:center;padding:50px;color:#888;"><h3>✅ 任务完成</h3><p>您可以手动关闭此窗口</p></div>';
+                }, 3000);
+              } else {
+                showStatus('❌ 服务器响应异常', false);
+              }
+            } else {
+              showStatus('❌ 发送失败，请重试', false);
+            }
+          } catch (error) {
+            showStatus('❌ 连接失败：' + error.message, false);
+          }
+        }
+        function showPlanInputDialog() {
+          // Replace the current page with input dialog
+          document.body.innerHTML = \`
+            <div style="font-family: Arial, sans-serif; padding: 20px; max-width: 600px; margin: 0 auto;">
+              <h2>📝 修改计划</h2>
+              <p><strong>请输入您的调整建议：</strong></p>
+              <textarea id='planInput'
+                placeholder='请在此输入您对计划的调整建议...'
+                style='width: 100%; height: 200px; margin: 15px 0; padding: 10px; border: 1px solid #ddd; border-radius: 4px; resize: vertical; font-size: 14px;'></textarea>
+              <div style='margin: 20px 0;'>
+                <button class='confirm-btn' onclick='confirmPlanInput()'
+                  style='padding: 12px 24px; margin: 5px; font-size: 16px; border: none; border-radius: 4px; cursor: pointer; background: #007bff; color: white;'>
+                  确认
+                </button>
+              </div>
+              <div id='status' style='padding: 10px; margin: 10px 0; border-radius: 4px; display: none;'></div>
+              <div style='background: #e7f3ff; padding: 15px; border-radius: 5px; margin: 15px 0; border-left: 4px solid #007bff;'>
+                <strong>💡 使用说明：</strong>
+                <ul>
+                  <li>请详细描述您希望调整的内容</li>
+                  <li>可以包含具体的修改建议或新的需求</li>
+                  <li>点击"确认"后将发送到系统进行处理</li>
+                </ul>
+              </div>
+            </div>
+          \`;
+        }
+        async function confirmPlanInput() {
+          const inputValue = document.getElementById('planInput').value.trim();
+          if (!inputValue) {
+            showStatus('请输入调整建议！', false);
+            return;
+          }
+          try {
+            showStatus('📤 正在发送调整建议...', true);
+            const responseData = JSON.stringify({
+              action: '修改计划',
+              input: inputValue
+            });
+            const response = await fetch('http://localhost:' + serverPort + '/submit?text=' + encodeURIComponent(responseData), {
+              method: 'GET'
+            });
+            if (response.ok) {
+              const result = await response.json();
+              if (result.success) {
+                showStatus('✅ 调整建议发送成功！正在关闭窗口...', true);
+                document.body.innerHTML = '<div style="text-align:center;padding:30px;"><h2>✅ 调整建议已发送</h2><p><strong>内容：</strong>' + inputValue + '</p><p>窗口将在3秒后自动关闭...</p></div>';
+                setTimeout(() => {
+                  window.close();
+                  document.body.innerHTML = '<div style="text-align:center;padding:50px;color:#888;"><h3>✅ 任务完成</h3><p>您可以手动关闭此窗口</p></div>';
+                }, 3000);
+              } else {
+                showStatus('❌ 服务器响应异常', false);
+              }
+            } else {
+              showStatus('❌ 发送失败，请重试', false);
+            }
+          } catch (error) {
+            showStatus('❌ 连接失败：' + error.message, false);
+          }
+        }
+      </script>
+    </body>
+    </html>
+  `;
+  console.log(`[Browser Dialog] Opening plan adjustment dialog - Server: http://localhost:${port}`);
+  const result = await showBrowserDialog(html);
+  // Try to parse as JSON for input responses
+  if (result) {
+    try {
+      return JSON.parse(result);
+    } catch (e) {
+      // Fallback to simple string response
+      return result;
+    }
+  }
+  return result;
+}
+export async function showSelectDialog(opts) {
+  const { title, message, items = [] } = opts;
+  // Handle automated testing mode
+  if (process.env.AUTOMATED_MODE === 'true') {
+    console.log(`🤖 [AUTOMATED] Browser showSelectDialog: ${title}, returning: "${items[0] || ''}"`);
+    return items[0] || '';
+  }
+  const port = await ensureServer();
+  const optionHtml = items.map(item =>
+    `<button class='option-btn' onclick='selectOption("${item}")'>${item}</button>`
+  ).join('<br/>');
+  const html = `
+    <html>
+    <head>
+      <title>${title}</title>
+      <style>
+        body { font-family: Arial, sans-serif; padding: 20px; max-width: 500px; margin: 0 auto; }
+        .option-btn { padding: 12px 24px; margin: 5px 0; font-size: 16px; border: none; border-radius: 4px; cursor: pointer; background: #007bff; color: white; width: 100%; display: block; }
+        .option-btn:hover { background: #0056b3; }
+        .instruction { background: #e7f3ff; padding: 15px; border-radius: 5px; margin: 15px 0; border-left: 4px solid #007bff; }
+        #status { padding: 10px; margin: 10px 0; border-radius: 4px; display: none; }
+        .success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
+      </style>
+    </head>
+    <body>
+      <h2>🌐 ${title}</h2>
+      <p><strong>消息：</strong> ${message}</p>
+      <div style='margin: 20px 0;'>
+        ${optionHtml}
+      </div>
+      <div id='status'></div>
+      <div class='instruction'>
+        <strong>🌐 浏览器选择对话框：</strong>
+        <ul>
+          <li>请点击上方选项按钮进行选择</li>
+          <li>系统将自动发送选择到MCP服务器</li>
+          <li>请勿关闭此窗口，等待处理完成</li>
+        </ul>
+      </div>
+      <script>
+        const serverPort = ${port};
+        function showStatus(message, isSuccess = true) {
+          const status = document.getElementById('status');
+          status.className = isSuccess ? 'success' : 'error';
+          status.innerHTML = message;
+          status.style.display = 'block';
+        }
+        async function selectOption(option) {
+          try {
+            showStatus('📤 正在发送选择...', true);
+            const response = await fetch('http://localhost:' + serverPort + '/submit?text=' + encodeURIComponent(option), {
+              method: 'GET'
+            });
+            if (response.ok) {
+              const result = await response.json();
+              if (result.success) {
+                showStatus('✅ 选择发送成功！正在关闭窗口...', true);
+                document.body.innerHTML = '<div style="text-align:center;padding:30px;"><h2>✅ 已选择：' + option + '</h2><p>窗口将在3秒后自动关闭...</p></div>';
+                // 3秒后自动关闭窗口
+                setTimeout(() => {
+                  window.close();
+                  document.body.innerHTML = '<div style="text-align:center;padding:50px;color:#888;"><h3>✅ 任务完成</h3><p>您可以手动关闭此窗口</p></div>';
+                }, 3000);
+              } else {
+                showStatus('❌ 服务器响应异常', false);
+              }
+            } else {
+              showStatus('❌ 发送失败，请重试', false);
+            }
+          } catch (error) {
+            showStatus('❌ 连接失败：' + error.message, false);
+          }
+        }
+      </script>
+    </body>
+    </html>
+  `;
+  console.log(`[Browser Dialog] Opening select dialog - Server: http://localhost:${port}`);
+  return await showBrowserDialog(html);
+}

package/dialog/constants.js ADDED Viewed

@@ -0,0 +1,68 @@
+/**
+ * Dialog系统统一常量定义
+ *
+ * 这个文件包含了所有弹窗系统使用的标准常量，
+ * 避免在各个模块中硬编码按钮定义，确保统一管理。
+ */
+// 🔵 UNIFIED: 基础标准按钮：所有弹窗统一使用
+export const BASE_DIALOG_BUTTONS = ['继续', '修改计划'];
+// 🔵 UNIFIED: 标准弹窗按钮配置
+export const STANDARD_DIALOG_BUTTONS = {
+  // 默认场景：['继续', '修改计划'] - 适用于确认、输入、计划调整等所有基础场景
+  default: BASE_DIALOG_BUTTONS,
+  // 选择场景：自定义选项（最多2个）+ 固定的'修改计划'
+  select: (options = []) => {
+    // 🔧 FIX: 先从所有选项中移除'修改计划'，然后取前2个，最后强制追加
+    const cleanedOptions = options.filter(option => option !== '修改计划');
+    const maxOptions = cleanedOptions.slice(0, 2);
+    // 强制追加'修改计划'到末尾，确保总是存在且唯一
+    return [...maxOptions, '修改计划'];
+  }
+};
+/**
+ * 获取标准按钮配置（自动判断场景）
+ * @param {Array} options - 可选的自定义选项数组，如果提供则会添加到"修改计划"前面
+ * @returns {Array} 标准按钮数组，始终包含"修改计划"
+ */
+export function getStandardButtons(options = []) {
+  console.log(`🔧 [BUTTON-GENERATION] 输入options:`, options);
+  if (options && Array.isArray(options) && options.length > 0) {
+    // 📋 自定义按钮模式：有用户提供的选项
+    return STANDARD_DIALOG_BUTTONS.select(options);
+  } else {
+    // 🎯 默认按钮模式：标准的["继续", "修改计划"]
+    return [...STANDARD_DIALOG_BUTTONS.default];
+  }
+}
+/**
+ * 验证弹窗按钮配置是否符合标准
+ * @param {Array} buttons - 按钮数组
+ * @returns {boolean} 是否符合标准
+ */
+export function validateDialogButtons(buttons) {
+  if (!Array.isArray(buttons) || buttons.length === 0) {
+    return false;
+  }
+  // 最后一个按钮必须是'修改计划'
+  return buttons[buttons.length - 1] === '修改计划';
+}
+/**
+ * 获取安全的默认按钮（当传入的按钮无效时使用）
+ * @param {Array} buttons - 原始按钮数组
+ * @returns {Array} 安全的按钮数组
+ */
+export function getSafeButtons(buttons) {
+  if (!buttons || !Array.isArray(buttons) || buttons.length === 0) {
+    return [...BASE_DIALOG_BUTTONS];
+  }
+  return buttons;
+}