@becrafter/prompt-manager 0.1.11 → 0.1.12

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

@@ -1,140 +0,0 @@
-export class PromptsArea {
-  static getHTML() {
-    return `
-      <div class="editor-container" id="promptsArea">
-        <!-- 自定义空白内容区域 -->
-        <div class="custom-blank-content" id="customBlankContent">
-          <div class="blank-placeholder">
-            <div class="blank-placeholder-body">
-              <div class="blank-placeholder-emoji">📝</div>
-              <p class="blank-placeholder-text">请选择左侧的 Prompt 或点击「<button type="button" id="newPromptBtnInBlankArea" class="blank-area-new-prompt-btn">新建 Prompt</button>」开始编辑</p>
-            </div>
-          </div>
-          
-          <!-- 推荐词卡片列表 -->
-          <div class="recommended-prompts-section hidden" id="recommendedPromptsSection">
-            <div class="recommended-prompts-header">
-              <h3>推荐提示词</h3>
-              <div class="recommended-prompts-nav">
-                <button class="nav-arrow arrow-left disabled" id="recommendedPromptsLeft">
-                  <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="15 18 9 12 15 6"></polyline>
-                  </svg>
-                </button>
-                <button class="nav-arrow arrow-right" id="recommendedPromptsRight">
-                  <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="9 18 15 12 9 6"></polyline>
-                  </svg>
-                </button>
-              </div>
-            </div>
-            <div class="recommended-prompts-container">
-              <div class="recommended-prompts-list" id="recommendedPromptsList">
-                <!-- 推荐词卡片将通过JavaScript动态加载 -->
-              </div>
-            </div>
-          </div>
-        </div>
-        
-        <!-- Prompt 编辑区域（默认隐藏） -->
-        <div id="promptEditorArea" style="display: none;">
-          <div class="editor-header">
-            <div class="editor-header-top">
-              <button id="backToListBtn" class="btn btn-outline btn-icon" title="返回列表">
-                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                  <rect x="3" y="3" width="7" height="7"></rect>
-                  <rect x="14" y="3" width="7" height="7"></rect>
-                  <rect x="14" y="14" width="7" height="7"></rect>
-                  <rect x="3" y="14" width="7" height="7"></rect>
-                </svg>
-              </button>
-              <input type="text" id="promptName" name="promptName" placeholder="Prompt 名称" />
-              <div class="group-selector">
-                <button type="button" id="promptGroupBtn" class="group-selector-btn" aria-haspopup="listbox" aria-expanded="false" aria-controls="promptGroupDropdown">
-                  <span class="group-selector-label" style="display: none;">关联类目</span>
-                  <span class="group-selector-value" id="promptGroupLabel">default</span>
-                  <span class="group-selector-icon" aria-hidden="true">
-                    <svg width="14" height="14" viewBox="0 0 20 20" fill="none">
-                      <path d="M5 8L10 13L15 8" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-                    </svg>
-                  </span>
-                </button>
-                <select id="promptGroup" class="group-selector-input" aria-hidden="true" tabindex="-1">
-                  <!-- 选项将通过后端接口动态加载 -->
-                </select>
-                <div class="group-dropdown" id="promptGroupDropdown" role="dialog" aria-modal="false">
-                  <div class="group-dropdown-search">
-                    <input type="text" id="promptGroupSearch" placeholder="搜索类目..." autocomplete="off" />
-                  </div>
-                  <div class="group-dropdown-body">
-                    <div class="group-cascader" id="promptGroupCascader"></div>
-                    <div class="group-search-results" id="promptGroupSearchResults"></div>
-                    <div class="group-dropdown-empty hidden" id="promptGroupEmpty">暂无匹配的类目</div>
-                  </div>
-                </div>
-              </div>
-              <div class="editor-controls">
-                <div class="mode-toggle">
-                  <button id="editModeBtn" class="mode-btn active" data-mode="edit">编辑</button>
-                  <button id="previewModeBtn" class="mode-btn" data-mode="preview">预览</button>
-                </div>
-                <button id="aiOptimizeBtn" class="btn btn-outline btn-sm" title="AI 优化">
-                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
-                  </svg>
-                  AI 优化
-                </button>
-                <button id="saveBtn" class="btn btn-primary btn-sm">
-                  保存
-                </button>
-              </div>
-            </div>
-          </div>
-
-          <div class="editor-content">
-            <textarea id="promptDescription" class="prompt-description" placeholder="Prompt 描述"></textarea>
-
-            <section class="arguments-section collapsed" id="argumentsSection">
-              <div class="arguments-header" id="argumentsHeaderToggle">
-                <div class="arguments-title">
-                  <button type="button" class="arguments-toggle" id="argumentsToggleBtn" aria-expanded="false">
-                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                      <polyline points="6 9 12 15 18 9"></polyline>
-                    </svg>
-                  </button>
-                  <span>参数配置</span>
-                  <span class="arguments-count" id="argumentsCount">(0)</span>
-                </div>
-                <div class="arguments-actions">
-                  <button id="addArgumentBtn" class="btn btn-outline btn-sm" type="button">
-                    新增
-                  </button>
-                </div>
-              </div>
-              <div class="arguments-list" id="argumentsList">
-                <div class="arguments-empty">暂无参数，点击"新增"开始配置</div>
-              </div>
-            </section>
-            <div class="editor-body" id="editorWorkspace">
-              <div class="workspace-pane" id="editorPane">
-                <div class="pane-header">编辑器</div>
-                <div class="pane-content">
-                  <textarea id="editor"></textarea>
-                </div>
-              </div>
-              <div class="workspace-pane hidden" id="previewPane">
-                <div class="pane-header">实时预览</div>
-                <div class="pane-content preview">
-                  <div class="preview-content" id="previewContent">
-                    <p>选择或创建prompt开始编辑</p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-}
-

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

@@ -1,37 +0,0 @@
-export class RecommendedPromptModal {
-  static getHTML() {
-    return `
-      <div id="recommendedPromptModal" class="recommended-prompt-modal hidden">
-        <div class="recommended-prompt-modal-content">
-          <div class="recommended-prompt-modal-header">
-            <h3 id="recommendedPromptTitle">
-              <svg class="modal-title-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
-              </svg>
-              <span class="modal-title-text">推荐提示词</span>
-            </h3>
-            <button class="recommended-prompt-modal-close" id="recommendedPromptClose">
-              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <line x1="18" y1="6" x2="6" y2="18"></line>
-                <line x1="6" y1="6" x2="18" y2="18"></line>
-              </svg>
-            </button>
-          </div>
-          <div class="recommended-prompt-modal-body">
-            <div class="prompt-detail-description" id="recommendedPromptDescription"></div>
-            <div class="prompt-detail-content" id="recommendedPromptContent"></div>
-          </div>
-          <div class="recommended-prompt-modal-footer">
-            <button class="sync-to-my-prompts-btn" id="syncToMyPromptsBtn">
-              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"></path>
-              </svg>
-              一键同步
-            </button>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-}
-

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

@@ -1,24 +0,0 @@
-export class SidebarView {
-  static getHTML() {
-    return `
-      <aside id="promptsSidebar">
-        <div class="sidebar-header">
-          <button id="newPromptBtn" class="new-prompt-btn">
-            新建 Prompt
-          </button>
-          <div class="search-container">
-            <div class="search-box">
-              <input type="text" id="searchInput" name="searchInput" placeholder="搜索提示词..." autocomplete="off" />
-              <button type="button" class="clear-btn" title="清除搜索"></button>
-            </div>
-            <button id="newGroupBtn" class="folder-btn" title="新建目录">
-            </button>
-          </div>
-        </div>
-        
-        <div id="groupList"></div>
-      </aside>
-    `;
-  }
-}
-

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

@@ -1,44 +0,0 @@
-export class SyncPromptModal {
-  static getHTML() {
-    return `
-      <div id="syncPromptModal" class="sync-prompt-modal hidden">
-        <div class="sync-prompt-modal-content">
-          <div class="sync-prompt-modal-header">
-            <h3>
-              <svg class="modal-title-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
-              </svg>
-              <span class="modal-title-text">同步到我的提示词</span>
-            </h3>
-            <button class="sync-prompt-modal-close" id="syncPromptClose">
-              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <line x1="18" y1="6" x2="6" y2="18"></line>
-                <line x1="6" y1="6" x2="18" y2="18"></line>
-              </svg>
-            </button>
-          </div>
-          <div class="sync-prompt-modal-body">
-            <form class="sync-prompt-form" id="syncPromptForm">
-              <div class="form-group">
-                <label for="syncPromptName">提示词名称</label>
-                <input type="text" id="syncPromptName" name="name" placeholder="请输入提示词名称" required>
-              </div>
-              <div class="form-group">
-                <label for="syncPromptGroup">选择目录</label>
-                <select id="syncPromptGroup" name="group" required>
-                  <option value="">请选择目录</option>
-                  <!-- 目录选项将通过JavaScript动态加载 -->
-                </select>
-              </div>
-            </form>
-          </div>
-          <div class="sync-prompt-modal-footer">
-            <button class="btn btn-light" id="syncPromptCancel">取消</button>
-            <button class="btn btn-primary" id="syncPromptConfirm">同步</button>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-}
-

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

@@ -1,75 +0,0 @@
-export class TemplateEditorModal {
-  static getHTML() {
-    return `
-      <div id="templateEditorModal" class="modal hidden" role="dialog" aria-modal="true" aria-labelledby="templateEditorModalTitle">
-        <div class="modal-dialog">
-          <div class="modal-content">
-            <div class="modal-header">
-              <h3 id="templateEditorModalTitle">编辑模板</h3>
-              <button type="button" id="templateEditorModalClose" class="modal-close" aria-label="关闭">×</button>
-            </div>
-            <div class="modal-body">
-              <form id="templateForm">
-                <div class="form-row">
-                  <div class="form-group col-6">
-                    <label for="templateType">适用场景 <span class="required">*</span></label>
-                    <select id="templateType" class="form-control" required>
-                      <option value="optimize">系统提示词 (用于初始优化)</option>
-                      <option value="iterate">迭代提示词 (用于继续优化)</option>
-                    </select>
-                  </div>
-                  <div class="form-group col-6">
-                    <label for="templateFormat">模板格式 <span class="required">*</span></label>
-                    <select id="templateFormat" class="form-control" required>
-                      <option value="simple">简单模板 (单文本)</option>
-                      <option value="advanced">高级模板 (多角色消息)</option>
-                    </select>
-                  </div>
-                </div>
-                <div class="form-group">
-                  <label for="templateName">名称 <span class="required">*</span></label>
-                  <input type="text" id="templateName" class="form-control" required placeholder="请输入模板名称" />
-                </div>
-                <div class="form-group">
-                  <label for="templateDescription">描述</label>
-                  <textarea id="templateDescription" class="form-control" rows="2" placeholder="请输入模板描述"></textarea>
-                </div>
-                
-                <!-- 简单模板内容 -->
-                <div id="simpleContentSection" class="form-group">
-                  <label for="templateContent">内容 <span class="required">*</span></label>
-                  <textarea id="templateContent" class="form-control" rows="8" placeholder="请输入模板内容"></textarea>
-                  <div class="template-help-text">
-                    <p>💡 可用变量：</p>
-                    <ul id="variableList">
-                      <li><code>{{prompt}}</code> - 原始输入的提示词</li>
-                    </ul>
-                  </div>
-                </div>
-
-                <!-- 高级模板内容 -->
-                <div id="advancedContentSection" class="form-group hidden">
-                  <label>多消息配置 <span class="required">*</span></label>
-                  <div id="advancedMessageList" class="advanced-message-list">
-                    <!-- 消息列表 -->
-                  </div>
-                  <button type="button" id="addMessageBtn" class="btn btn-outline btn-sm" style="margin-top: 10px;">
-                    + 添加消息
-                  </button>
-                  <div class="template-help-text">
-                    <p>💡 高级模板说明：</p>
-                    <p>您可以定义多轮对话，系统会自动替换 <code>{{prompt}}</code> 等变量。支持的角色：system, user, assistant。</p>
-                  </div>
-                </div>
-              </form>
-            </div>
-            <div class="modal-footer">
-              <button type="button" id="cancelTemplateBtn" class="btn btn-light">取消</button>
-              <button type="button" id="saveTemplateBtn" class="btn btn-primary">保存</button>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-}

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

@@ -1,30 +0,0 @@
-export class TemplateListModal {
-  static getHTML() {
-    return `
-      <div id="templateListModal" class="modal hidden" role="dialog" aria-modal="true" aria-labelledby="templateListModalTitle">
-        <div class="modal-dialog">
-          <div class="modal-content">
-            <div class="modal-header">
-              <h3 id="templateListModalTitle">提示词模板管理</h3>
-              <button type="button" id="templateListModalClose" class="modal-close" aria-label="关闭">×</button>
-            </div>
-            <div class="modal-body">
-              <div class="template-list-header">
-                <input type="text" id="templateSearch" class="form-control" placeholder="搜索模板..." />
-                <button type="button" id="createTemplateBtn" class="btn btn-primary">
-                  + 新增模板
-                </button>
-              </div>
-              <div id="templateList" class="template-list">
-                <!-- 动态加载模板列表 -->
-              </div>
-            </div>
-            <div class="modal-footer">
-              <button type="button" id="templateListCloseBtn" class="btn btn-light">关闭</button>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-}