@becrafter/prompt-manager 0.1.11 → 0.1.14

package/packages/admin-ui/package.json

@@ -1,46 +0,0 @@
-{
-  "name": "@becrafter/admin-ui",
-  "version": "0.0.1",
-  "description": "Admin UI for Prompt Manager",
-  "scripts": {
-    "dev": "npx webpack serve --mode development",
-    "build": "npx webpack --mode production",
-    "serve": "npx http-server . -p 8080 -o"
-  },
-  "keywords": [
-    "admin",
-    "ui",
-    "prompt-manager"
-  ],
-  "author": "BeCrafter",
-  "license": "MIT",
-  "devDependencies": {
-    "@babel/core": "^7.28.5",
-    "@babel/preset-env": "^7.28.5",
-    "babel-loader": "^10.0.0",
-    "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^6.8.0",
-    "file-loader": "^6.2.0",
-    "html-webpack-plugin": "^5.5.0",
-    "mini-css-extract-plugin": "^2.9.4",
-    "source-map-loader": "^5.0.0",
-    "style-loader": "^3.3.0",
-    "terser-webpack-plugin": "^5.3.0",
-    "webpack": "^5.88.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.0"
-  },
-  "dependencies": {
-    "codemirror": "5.65.2",
-    "highlight.js": "^11.11.1",
-    "js-yaml": "^4.1.0",
-    "marked": "^17.0.1",
-    "mermaid": "^11.12.2",
-    "xterm": "^5.3.0",
-    "xterm-addon-fit": "^0.8.0",
-    "xterm-addon-web-links": "^0.9.0",
-    "xterm-addon-search": "^0.13.0",
-    "xterm-addon-unicode11": "^0.6.0",
-    "xterm-addon-canvas": "^0.5.0"
-  }
-}

package/packages/admin-ui/src/codemirror.js

@@ -1,53 +0,0 @@
-// src/codemirror.js - CodeMirror 初始化和配置
-
-import CodeMirror from "codemirror"
-import "codemirror/mode/markdown/markdown"
-import "codemirror/addon/edit/closebrackets"
-import "codemirror/addon/edit/matchbrackets"
-import yaml from "js-yaml"
-
-// 将 js-yaml 挂载到 window 对象上，以便其他地方可以访问
-window.jsyaml = yaml
-
-// 初始化 CodeMirror 编辑器
-function initCodeMirror() {
-  const editorElement = document.getElementById('editor')
-  const initialValue = editorElement.value || '' // 改为空字符串，使编辑器初始化时为空白
-  
-  const editor = CodeMirror.fromTextArea(editorElement, {
-    mode: 'markdown',
-    theme: 'xq-light',
-    lineNumbers: false,
-    lineWrapping: true,
-    autoCloseBrackets: true,
-    matchBrackets: true,
-    indentUnit: 2,
-    tabSize: 2,
-    fontSize: '14px',
-    height: '100%',
-    viewportMargin: Infinity
-  })
-  
-  // 设置初始值
-  editor.setValue(initialValue)
-  
-  // 监听内容变化以更新预览
-  editor.on('change', function() {
-    // 延迟更新预览以避免过于频繁的更新
-    clearTimeout(window.previewUpdateTimer)
-    window.previewUpdateTimer = setTimeout(() => {
-      if (typeof updatePreview === 'function') {
-        updatePreview()
-      }
-    }, 300)
-  })
-
-  // 将 editor 对象暴露出去，以便可以获取内容
-  // 不需要重写 getValue 和 setValue 方法，因为 CodeMirror 已经提供了它们
-  // editor.getValue = () => editor.getValue()
-  // editor.setValue = (value) => editor.setValue(value)
-
-  return editor
-}
-
-export { initCodeMirror }

package/packages/admin-ui/src/components/ArgumentModal.js

@@ -1,53 +0,0 @@
-export class ArgumentModal {
-  static getHTML() {
-    return `
-      <div id="argumentModal" class="argument-modal hidden" role="dialog" aria-modal="true" aria-labelledby="argumentModalTitle">
-        <div class="argument-modal-dialog">
-          <div class="argument-modal-header">
-            <h3 id="argumentModalTitle">新增参数</h3>
-            <button type="button" id="argumentModalClose" class="argument-modal-close" aria-label="关闭">×</button>
-          </div>
-          <form id="argumentForm" class="argument-modal-form">
-            <div class="argument-modal-body">
-              <div class="argument-form-grid">
-                <div class="form-field required-field">
-                  <label for="argumentNameInput">参数名称 <span class="required">*</span></label>
-                  <input type="text" id="argumentNameInput" name="argumentName" placeholder="例如：language" />
-                </div>
-                <div class="form-field">
-                  <label for="argumentTypeInput">类型</label>
-                  <input type="text" id="argumentTypeInput" name="argumentType" list="argumentTypeOptions" placeholder="例如：string" />
-                </div>
-                <div class="form-field">
-                  <label for="argumentDefaultInput">默认值</label>
-                  <input type="text" id="argumentDefaultInput" name="argumentDefault" placeholder="可选" />
-                </div>
-                <div class="form-field form-field-inline">
-                  <label class="checkbox-field">
-                    <input type="checkbox" id="argumentRequiredInput" />
-                    <span>必填</span>
-                  </label>
-                </div>
-                <div class="form-field full-width">
-                  <label for="argumentDescriptionInput">参数说明</label>
-                  <textarea id="argumentDescriptionInput" rows="3" placeholder="用于提示词中的描述"></textarea>
-                </div>
-              </div>
-            </div>
-            <div class="argument-modal-footer">
-              <button type="button" class="btn btn-outline" id="argumentCancelBtn">取消</button>
-              <button type="submit" class="btn btn-primary">保存</button>
-            </div>
-          </form>
-        </div>
-      </div>
-
-      <datalist id="argumentTypeOptions">
-        <option value="string">字符串</option>
-        <option value="number">数字</option>
-        <option value="boolean">布尔值</option>
-      </datalist>
-    `;
-  }
-}
-

package/packages/admin-ui/src/components/DeletePromptModal.js

@@ -1,30 +0,0 @@
-export class DeletePromptModal {
-  static getHTML() {
-    return `
-      <div id="deletePromptModal" class="modal hidden" role="dialog" aria-modal="true" aria-labelledby="deletePromptTitle">
-        <div class="modal-dialog">
-          <div class="modal-content">
-            <div class="modal-header">
-              <h3 id="deletePromptTitle">删除 Prompt</h3>
-              <button type="button" class="modal-close" id="deletePromptCloseBtn" aria-label="关闭">
-                <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
-                  <path d="M15 5L5 15M5 5L15 15" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
-                </svg>
-              </button>
-            </div>
-            <div class="modal-body">
-              <p style="font-size: 14px; color: var(--gray); line-height: 1.6;">
-                确认删除 <span id="deletePromptName" style="color: var(--dark); font-weight: 600;"></span> 吗？该操作不可撤销。
-              </p>
-            </div>
-            <div class="modal-footer">
-              <button type="button" class="btn btn-light" id="deletePromptCancelBtn">取消</button>
-              <button type="button" class="btn btn-danger" id="deletePromptConfirmBtn">删除</button>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-}
-

package/packages/admin-ui/src/components/HeaderView.js

@@ -1,40 +0,0 @@
-export class HeaderView {
-  static getHTML() {
-    return `
-      <header>
-        <div class="logo">
-          Prompt Manager <span>Beta</span>
-        </div>
-        <div class="nav-right">
-          <a href="https://github.com/BeCrafter/prompt-manager" target="_blank" class="github-link" title="查看 GitHub 项目">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
-              <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
-            </svg>
-          </a>
-          <div class="user-profile hidden">
-            <button class="avatar-btn" id="avatarBtn" aria-haspopup="true" aria-expanded="false">
-              <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/%3E%3C/svg%3E" alt="用户头像" class="avatar-img">
-            </button>
-            <div class="dropdown-menu" id="userMenu">
-              <div class="dropdown-header">
-                <div class="user-info">
-                  <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/%3E%3C/svg%3E" alt="用户头像" class="user-avatar">
-                  <div class="user-details">
-                    <div class="user-name">管理员</div>
-                    <div class="user-role">Admin</div>
-                  </div>
-                </div>
-              </div>
-              <div class="dropdown-divider"></div>
-              <button id="logoutBtn" class="dropdown-item">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dropdown-icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-                退出登录
-              </button>
-            </div>
-          </div>
-        </div>
-      </header>
-    `;
-  }
-}
-

package/packages/admin-ui/src/components/LoadingOverlay.js

@@ -1,12 +0,0 @@
-export class LoadingOverlay {
-  static getHTML() {
-    return `
-      <div id="loadingOverlay" class="loading-overlay hidden">
-        <div class="loading-spinner"></div>
-        <div class="loading-text">正在加载中...</div>
-        <div class="loading-subtext">请稍候，正在获取数据</div>
-      </div>
-    `;
-  }
-}
-

package/packages/admin-ui/src/components/LoginView.js

@@ -1,22 +0,0 @@
-export class LoginView {
-  static getHTML() {
-    return `
-      <div id="login" class="login-container" style="display: none;">
-        <form id="loginForm" class="login-form">
-          <div class="login-box">
-            <h2>Prompt Manager</h2>
-            <div class="input-group username">
-              <input type="text" id="username" name="username" placeholder="用户名" autocomplete="username" />
-            </div>
-            <div class="input-group password">
-              <input type="password" id="password" name="password" placeholder="密码" autocomplete="current-password" />
-            </div>
-            <button type="submit" id="loginBtn" class="btn btn-primary">登&nbsp;&nbsp;&nbsp;&nbsp;录</button>
-            <div id="loginError" class="error-msg" style="display: none; margin-top: 15px;"></div>
-          </div>
-        </form>
-      </div>
-    `;
-  }
-}
-

package/packages/admin-ui/src/components/ModelConfigModal.js

@@ -1,103 +0,0 @@
-export class ModelConfigModal {
-  static getHTML() {
-    return `
-      <div id="modelConfigModal" class="modal hidden" role="dialog" aria-modal="true" aria-labelledby="modelConfigModalTitle">
-        <div class="modal-dialog">
-          <div class="modal-content">
-            <div class="modal-header">
-              <h3 id="modelConfigModalTitle">模型配置</h3>
-              <button type="button" id="modelConfigModalClose" class="modal-close" aria-label="关闭">×</button>
-            </div>
-            <div class="modal-body">
-              <div class="model-list-header">
-                <button type="button" id="createModelBtn" class="btn btn-primary">
-                  + 新增模型
-                </button>
-              </div>
-              <div id="modelList" class="model-list">
-                <!-- 动态加载模型列表 -->
-              </div>
-            </div>
-            <div class="modal-footer">
-              <button type="button" id="modelConfigCloseBtn" class="btn btn-light">关闭</button>
-            </div>
-          </div>
-        </div>
-      </div>
-      
-      <!-- 模型编辑模态框（嵌套） -->
-      <div id="modelEditorModal" class="modal hidden" role="dialog" aria-modal="true" aria-labelledby="modelEditorModalTitle">
-        <div class="modal-dialog">
-          <div class="modal-content">
-            <div class="modal-header">
-              <h3 id="modelEditorModalTitle">编辑模型</h3>
-              <button type="button" id="modelEditorModalClose" class="modal-close" aria-label="关闭">×</button>
-            </div>
-            <div class="modal-body">
-              <div class="form-info-box">
-                <h4>ℹ️ OpenAPI 规范要求</h4>
-                <p>模型配置需符合 OpenAI 兼容的 API 规范，确保请求和响应格式正确：</p>
-                <ul>
-                  <li><strong>API 端点</strong>：需指向 <code>/chat/completions</code> 接口</li>
-                  <li><strong>请求格式</strong>：JSON 格式，包含 <code>model</code> 和 <code>messages</code> 字段</li>
-                  <li><strong>响应格式</strong>：支持流式输出（SSE）或标准 JSON 响应</li>
-                  <li><strong>认证方式</strong>：使用 Bearer Token（API Key）</li>
-                </ul>
-                <p class="form-info-example">
-                  示例端点：<code>https://api.openai.com/v1/chat/completions</code>
-                </p>
-              </div>
-              <form id="modelForm">
-                <div class="form-group">
-                  <label for="modelName">名称 <span class="required">*</span></label>
-                  <input type="text" id="modelName" class="form-control" required placeholder="例如：OpenAI GPT-4" />
-                </div>
-                <div class="form-group">
-                  <label for="modelProvider">提供商 <span class="required">*</span></label>
-                  <select id="modelProvider" class="form-control" required>
-                    <option value="">请选择提供商</option>
-                    <!-- 动态加载提供商选项 -->
-                  </select>
-                  <small class="form-text">选择提供商可自动填充默认配置</small>
-                </div>
-                <div class="form-group">
-                  <label for="modelModel">模型 <span class="required">*</span></label>
-                  <select id="modelModelSelect" class="form-control" required style="margin-bottom: 8px;">
-                    <option value="">请选择模型</option>
-                    <!-- 动态加载模型选项 -->
-                  </select>
-                  <div id="customModelInput" class="custom-model-input" style="display: none;">
-                    <input type="text" id="modelModelCustom" class="form-control" placeholder="或输入自定义模型名称" />
-                  </div>
-                  <div id="modelModelHint" style="display: none;">
-                    <a href="#" id="useCustomModel" style="font-size: 12px; color: #1890ff;">使用自定义模型</a>
-                  </div>
-                </div>
-                <div class="form-group">
-                  <label for="modelApiEndpoint">API 端点 <span class="required">*</span></label>
-                  <input type="url" id="modelApiEndpoint" class="form-control" required placeholder="https://api.openai.com/v1/chat/completions" />
-                  <small class="form-text">必须指向 /chat/completions 接口</small>
-                </div>
-                <div class="form-group">
-                  <label for="modelApiKey">API Key</label>
-                  <input type="password" id="modelApiKey" class="form-control" placeholder="请输入 API Key" />
-                  <small class="form-text">用于 Bearer Token 认证</small>
-                </div>
-                <div class="form-group">
-                  <label class="checkbox-field">
-                    <input type="checkbox" id="modelEnabled" checked />
-                    <span>启用此模型</span>
-                  </label>
-                </div>
-              </form>
-            </div>
-            <div class="modal-footer">
-              <button type="button" id="cancelModelBtn" class="btn btn-light">取消</button>
-              <button type="button" id="saveModelBtn" class="btn btn-primary">保存</button>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-}

package/packages/admin-ui/src/components/NewFolderModal.js

@@ -1,58 +0,0 @@
-export class NewFolderModal {
-  static getHTML() {
-    return `
-      <div id="newFolderModal" class="modal hidden">
-        <div class="modal-dialog">
-          <div class="modal-content group-modal-content">
-            <div class="modal-header">
-              <h3>类目管理</h3>
-              <button type="button" class="modal-close" onclick="window.toggleNewFolderModal()">
-                <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
-                  <path d="M15 5L5 15M5 5L15 15" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
-                </svg>
-              </button>
-            </div>
-            <div class="modal-body">
-              <div class="group-modal-tabs">
-                <button type="button" class="group-modal-tab active" data-tab="create">新增类目</button>
-                <button type="button" class="group-modal-tab" data-tab="manage">管理类目</button>
-              </div>
-              <div class="group-modal-panel" data-panel="create">
-                <div class="form-group">
-                  <label>目录名称</label>
-                  <input type="text" id="newFolderName" name="folderName" placeholder="请输入目录名称" onkeydown="window.handleNewFolderKeydown(event)">
-                  <div class="group-modal-hint">名称仅支持字母、数字、下划线、短横线和中文，长度不超过64个字符。</div>
-                </div>
-                <div class="form-group">
-                  <label>父级目录</label>
-                  <select id="newFolderParent" class="form-control">
-                    <option value="">根目录</option>
-                  </select>
-                  <div class="group-modal-hint">选择父级目录以创建子目录</div>
-                </div>
-              </div>
-              <div class="group-modal-panel hidden" data-panel="manage">
-                <div class="group-manage-toolbar">
-                  <input type="text" id="groupManageSearch" placeholder="搜索类目..." />
-                  <button type="button" class="btn btn-light btn-sm" id="groupManageRefreshBtn">刷新</button>
-                </div>
-                <div class="group-manage-list" id="groupManageList"></div>
-                <div class="group-manage-empty hidden" id="groupManageEmpty">暂无类目信息</div>
-              </div>
-            </div>
-            <div class="modal-footer">
-              <div class="group-modal-footer group-modal-footer-create" id="groupModalCreateFooter">
-                <button type="button" class="btn btn-light" onclick="window.toggleNewFolderModal()">取消</button>
-                <button type="button" class="btn btn-dark" onclick="window.createNewFolder()">创建</button>
-              </div>
-              <div class="group-modal-footer group-modal-footer-manage hidden" id="groupModalManageFooter">
-                <button type="button" class="btn btn-light" onclick="window.toggleNewFolderModal(false)">关闭</button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-}
-

package/packages/admin-ui/src/components/OptimizationConfigModal.js

@@ -1,36 +0,0 @@
-export class OptimizationConfigModal {
-  static getHTML() {
-    return `
-      <div id="optimizationConfigModal" class="modal hidden" role="dialog" aria-modal="true" aria-labelledby="optimizationConfigModalTitle">
-        <div class="modal-dialog">
-          <div class="modal-content">
-            <div class="modal-header">
-              <h3 id="optimizationConfigModalTitle">优化配置</h3>
-              <button type="button" id="optimizationConfigModalClose" class="modal-close" aria-label="关闭">×</button>
-            </div>
-            <div class="modal-body">
-              <form id="optimizationConfigForm">
-                <div class="form-group">
-                  <label for="maxIterations">最大迭代次数</label>
-                  <input type="number" id="maxIterations" class="form-control" min="1" max="20" value="10" />
-                  <small class="form-text">单次会话中允许的最大迭代优化次数</small>
-                </div>
-                <div class="form-group">
-                  <label class="checkbox-field">
-                    <input type="checkbox" id="encryptionEnabled" checked disabled />
-                    <span>启用 API Key 加密</span>
-                  </label>
-                  <small class="form-text">API Key 将使用 AES-256 加密存储</small>
-                </div>
-              </form>
-            </div>
-            <div class="modal-footer">
-              <button type="button" id="optimizationConfigCloseBtn" class="btn btn-light">关闭</button>
-              <button type="button" id="saveOptimizationConfigBtn" class="btn btn-primary">保存</button>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-}

package/packages/admin-ui/src/components/OptimizationDrawer.js

@@ -1,135 +0,0 @@
-export class OptimizationDrawer {
-  static getHTML() {
-    return `
-      <div id="optimizationDrawer" class="optimization-drawer hidden">
-        <div class="drawer-overlay"></div>
-        <div class="drawer-content">
-          <div class="drawer-header">
-            <h3>AI 优化</h3>
-            <button type="button" id="closeDrawerBtn" class="drawer-close" aria-label="关闭">×</button>
-          </div>
-          <div class="drawer-body">
-            <!-- 原始提示词 -->
-            <div class="original-prompt-section">
-              <h4>原始提示词</h4>
-              <textarea id="originalEditor" class="form-control" rows="8" placeholder="输入要优化的提示词..."></textarea>
-            </div>
-            
-            <!-- 优化控制区域 -->
-            <div class="optimization-controls">
-              <div class="optimization-controls-row">
-                <!-- 模型选择 -->
-                <div class="control-group model-selector">
-                  <div class="custom-select" id="modelSelectWrapper">
-                    <div class="custom-select-trigger placeholder" id="modelSelectTrigger">
-                      <span>优化模型</span>
-                      <svg class="custom-select-arrow" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M2.5 4.5L6 8L9.5 4.5" stroke="#999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-                      </svg>
-                    </div>
-                    <div class="custom-select-options" id="modelSelectOptions">
-                      <div class="custom-select-option" data-value="">请选择模型</div>
-                      <div class="custom-select-divider"></div>
-                      <div class="custom-select-action" id="configModelAction">
-                        <span>⚙️ 配置模型</span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                
-                <!-- 模板选择 -->
-                <div class="control-group template-selector">
-                  <div class="custom-select" id="templateSelectWrapper">
-                    <div class="custom-select-trigger placeholder" id="templateSelectTrigger">
-                      <span>优化提示词</span>
-                      <svg class="custom-select-arrow" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M2.5 4.5L6 8L9.5 4.5" stroke="#999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-                      </svg>
-                    </div>
-                    <div class="custom-select-options" id="templateSelectOptions">
-                      <div class="custom-select-option" data-value="">请选择模板</div>
-                      <div class="custom-select-divider"></div>
-                      <div class="custom-select-action" id="configTemplateAction">
-                        <span>⚙️ 配置模板</span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                
-                <!-- 开始优化按钮 -->
-                <button type="button" id="startOptimizeBtn" class="btn btn-primary" disabled>
-                  开始优化 →
-                </button>
-              </div>
-            </div>
-            
-            <!-- 优化结果（流式输出） -->
-            <div class="optimized-result-section">
-              <div class="result-header">
-                <h4>优化后的提示词</h4>
-                <button type="button" id="iterateBtn" class="btn btn-outline btn-sm" disabled>
-                  继续优化
-                </button>
-              </div>
-              <div id="optimizedOutput" class="optimized-output">
-                <p class="placeholder-text">优化结果将在这里显示...</p>
-              </div>
-            </div>
-          </div>
-          <div class="drawer-footer">
-            <button type="button" id="cancelBtn" class="btn btn-outline">取消</button>
-            <button type="button" id="applyOptimizationBtn" class="btn btn-primary" disabled>应用优化</button>
-          </div>
-        </div>
-      </div>
-      
-      <!-- 迭代优化指导弹窗 -->
-      <div id="iterationGuideModal" class="modal hidden" role="dialog" aria-modal="true" aria-labelledby="iterationGuideModalTitle">
-        <div class="modal-dialog">
-          <div class="modal-content">
-            <div class="modal-header">
-              <h3 id="iterationGuideModalTitle">继续优化 - 输入优化指导</h3>
-              <button type="button" id="iterationGuideModalClose" class="modal-close" aria-label="关闭">×</button>
-            </div>
-            <div class="modal-body">
-              <div class="form-info-box">
-                <h4>💡 优化指导说明</h4>
-                <p>请输入您希望本次迭代优化的具体方向或要求，例如：</p>
-                <ul>
-                  <li>让提示词更加简洁明了</li>
-                  <li>增加对输出格式的详细要求</li>
-                  <li>优化角色定义的专业性</li>
-                  <li>增强提示词的容错能力</li>
-                  <li>调整语气和风格</li>
-                </ul>
-              </div>
-              <div class="form-group">
-                <label for="iterationTemplate">迭代模板 <span class="required">*</span></label>
-                <div class="custom-select" id="iterationTemplateSelectWrapper">
-                  <div class="custom-select-trigger placeholder" id="iterationTemplateSelectTrigger">
-                    <span>选择迭代模板</span>
-                    <svg class="custom-select-arrow" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-                      <path d="M2.5 4.5L6 8L9.5 4.5" stroke="#999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-                    </svg>
-                  </div>
-                  <div class="custom-select-options" id="iterationTemplateSelectOptions">
-                    <!-- 迭代模板选项 -->
-                  </div>
-                </div>
-              </div>
-              <div class="form-group">
-                <label for="iterationGuide">优化指导 <span class="optional">(可选)</span></label>
-                <textarea id="iterationGuide" class="form-control" rows="4" placeholder="请输入您希望优化的具体方向或要求..."></textarea>
-                <small class="form-text">如果不输入，将基于上一次的优化结果自动继续优化</small>
-              </div>
-            </div>
-            <div class="modal-footer">
-              <button type="button" id="cancelIterationBtn" class="btn btn-outline">取消</button>
-              <button type="button" id="confirmIterationBtn" class="btn btn-primary" disabled>开始迭代优化</button>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-}

package/packages/admin-ui/src/components/PrimaryNav.js

@@ -1,34 +0,0 @@
-export class PrimaryNav {
-  static getHTML() {
-    return `
-      <nav class="primary-nav">
-        <div class="primary-nav-items">
-          <button class="primary-nav-item active" data-nav="prompts" title="Prompts">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
-              <polyline points="14 2 14 8 20 8"></polyline>
-              <line x1="16" y1="13" x2="8" y2="13"></line>
-              <line x1="16" y1="17" x2="8" y2="17"></line>
-              <polyline points="10 9 9 9 8 9"></polyline>
-            </svg>
-            <span>Prompts</span>
-          </button>
-          <button class="primary-nav-item" data-nav="tools" title="Tools">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
-            </svg>
-            <span>Tools</span>
-          </button>
-          <button class="primary-nav-item" data-nav="terminal" title="Terminal">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <polyline points="4 17 10 11 4 5"></polyline>
-              <line x1="12" x2="20" y1="19" y2="19"></line>
-            </svg>
-            <span>Terminal</span>
-          </button>
-        </div>
-      </nav>
-    `;
-  }
-}
-