Add agent-facing wizard preview

2026-06-20 20:06:30 +00:00
parent d79ec95028
commit 751a832fcb
5 changed files with 377 additions and 0 deletions
@@ -103,6 +103,57 @@ tls:
            </div>
          </div>

+          <div class="config-card" id="agent-facing-preview-card" style="margin-bottom: 20px;">
+            <div class="config-card-header">
+              <div class="config-card-header-icon">
+                <svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="var(--text-secondary)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M3 4h10M3 8h10M3 12h6"/>
+                </svg>
+              </div>
+              <div>
+                <div class="config-card-title" data-i18n="wizard.step5.agent_preview_title">Как инструмент увидит MCP клиент</div>
+                <div class="config-card-subtitle" data-i18n="wizard.step5.agent_preview_subtitle">Проверьте имя, описание, входную схему и примеры до публикации.</div>
+              </div>
+              <button id="wizard-copy-agent-preview" class="btn-ghost-sm" type="button" data-i18n="wizard.step5.copy_agent_preview">Копировать схему</button>
+            </div>
+            <div class="config-card-body" style="gap: 16px;">
+              <div class="agent-preview-summary">
+                <div>
+                  <div class="agent-preview-label" data-i18n="wizard.step5.preview_tool_name">Имя инструмента</div>
+                  <div class="agent-preview-value input-mono" id="agent-preview-tool-name"></div>
+                </div>
+                <div>
+                  <div class="agent-preview-label" data-i18n="wizard.step5.preview_tool_title">Короткое описание</div>
+                  <div class="agent-preview-value" id="agent-preview-tool-title"></div>
+                </div>
+              </div>
+              <div class="form-group">
+                <label class="form-label" data-i18n="wizard.step5.preview_tool_description">Описание для модели</label>
+                <div class="agent-preview-description" id="agent-preview-tool-description"></div>
+              </div>
+              <div class="form-row">
+                <div class="form-group">
+                  <label class="form-label" data-i18n="wizard.step5.preview_input_schema">Input schema</label>
+                  <textarea id="agent-preview-input-schema" class="form-textarea code-textarea" rows="10" spellcheck="false" readonly></textarea>
+                </div>
+                <div class="form-group">
+                  <label class="form-label" data-i18n="wizard.step5.preview_tool_call">Пример вызова tools/call</label>
+                  <textarea id="agent-preview-tool-call" class="form-textarea code-textarea" rows="10" spellcheck="false" readonly></textarea>
+                </div>
+              </div>
+              <div class="form-row">
+                <div class="form-group">
+                  <label class="form-label" data-i18n="wizard.step5.preview_success_response">Пример успешного ответа</label>
+                  <textarea id="agent-preview-success-response" class="form-textarea code-textarea" rows="8" spellcheck="false" readonly></textarea>
+                </div>
+                <div class="form-group">
+                  <label class="form-label" data-i18n="wizard.step5.preview_error_response">Пример ошибки</label>
+                  <textarea id="agent-preview-error-response" class="form-textarea code-textarea" rows="8" spellcheck="false" readonly></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+
          <div class="config-card" style="margin-bottom: 20px;">
            <div class="config-card-header">
              <div class="config-card-header-icon">