Spaces:
Running
Running
| <html lang="zh"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title></title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link rel="stylesheet" type="text/css" href="chat.css"> | |
| </head> | |
| <body> | |
| <main class="main_frame"> | |
| <section class="left_panel"> | |
| <div class="floating_content"> | |
| <!-- INCLUDE partials/app-header.html --> | |
| <div class="chat-cached-history-bar"> | |
| <div class="semantic-search-input-wrapper chat-prompt-history-wrapper"> | |
| <button type="button" id="chat_cached_history_btn" class="text-action-btn" data-i18n>Cached history</button> | |
| <ul id="chat_cached_history_dropdown" class="semantic-search-history-dropdown"></ul> | |
| </div> | |
| </div> | |
| <section class="input-section"> | |
| <div class="semantic-submode-row chat-raw-prompt-mode-row"> | |
| <span class="semantic-submode-group"> | |
| <label class="semantic-submode-label" for="chat_skip_chat_template"> | |
| <input type="checkbox" id="chat_skip_chat_template" /> | |
| <span data-i18n>Raw prompt mode</span> | |
| </label> | |
| </span> | |
| </div> | |
| <div id="raw_input_panel" class="chat-prompt-panel"> | |
| <div class="input-header"> | |
| <span class="semantic-submode-label" data-i18n>Raw prompt</span> | |
| <div class="text-action-buttons-top"> | |
| <div class="textarea-counter" id="text_count_display"> | |
| <span id="text_count_value">0</span> <span data-i18n>chars</span> | |
| </div> | |
| <button type="button" id="clear_text_btn" class="text-action-btn">Clear</button> | |
| <button type="button" id="paste_text_btn" class="text-action-btn">Paste</button> | |
| <button type="button" id="chat_raw_input_history_btn" class="text-action-btn" data-i18n>History</button> | |
| </div> | |
| </div> | |
| <div class="textarea-wrapper chat-prompt-textarea-block"> | |
| <div class="semantic-search-input-wrapper chat-prompt-history-wrapper"> | |
| <textarea id="test_text"></textarea> | |
| <ul id="chat_raw_input_history_dropdown" class="semantic-search-history-dropdown"></ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="chat_input_panel" hidden> | |
| <div class="chat-prompt-panel" id="chat_system_prompt_panel"> | |
| <div class="input-header"> | |
| <label class="chat-use-system-label semantic-submode-label" for="chat_use_system_prompt"> | |
| <input type="checkbox" id="chat_use_system_prompt" checked /> | |
| <span data-i18n>System</span> | |
| </label> | |
| <div class="text-action-buttons-top"> | |
| <div class="textarea-counter" id="chat_system_text_count_display"> | |
| <span id="chat_system_text_count_value">0</span> <span data-i18n>chars</span> | |
| </div> | |
| <button type="button" id="chat_system_clear_text_btn" class="text-action-btn">Clear</button> | |
| <button type="button" id="chat_system_paste_text_btn" class="text-action-btn">Paste</button> | |
| <button type="button" id="chat_system_prompt_history_btn" class="text-action-btn">History</button> | |
| </div> | |
| </div> | |
| <div class="textarea-wrapper chat-prompt-textarea-block"> | |
| <div class="semantic-search-input-wrapper chat-prompt-history-wrapper"> | |
| <textarea id="chat_system_text">You are a helpful assistant.</textarea> | |
| <ul id="chat_system_prompt_history_dropdown" class="semantic-search-history-dropdown"></ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="tool_calling_options_mount"></div> | |
| <div class="chat-prompt-panel"> | |
| <div class="input-header"> | |
| <span class="semantic-submode-label" data-i18n>User</span> | |
| <div class="text-action-buttons-top"> | |
| <div class="textarea-counter" id="chat_user_text_count_display"> | |
| <span id="chat_user_text_count_value">0</span> <span data-i18n>chars</span> | |
| </div> | |
| <button type="button" id="chat_user_clear_text_btn" class="text-action-btn">Clear</button> | |
| <button type="button" id="chat_user_paste_text_btn" class="text-action-btn">Paste</button> | |
| <button type="button" id="chat_user_prompt_history_btn" class="text-action-btn">History</button> | |
| </div> | |
| </div> | |
| <div class="textarea-wrapper chat-prompt-textarea-block"> | |
| <div class="semantic-search-input-wrapper chat-prompt-history-wrapper"> | |
| <textarea id="chat_user_text" data-typewriter></textarea> | |
| <ul id="chat_user_prompt_history_dropdown" class="semantic-search-history-dropdown"></ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="semantic-submode-row chat-enable-thinking-row"> | |
| <span class="semantic-submode-group"> | |
| <label class="semantic-submode-label" for="chat_enable_thinking"> | |
| <input type="checkbox" id="chat_enable_thinking" /> | |
| <span data-i18n>Enable thinking</span> | |
| </label> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="teacher-forcing-row"> | |
| <div class="semantic-submode-row teacher-forcing-toggle-row"> | |
| <span class="semantic-submode-group"> | |
| <label class="semantic-submode-label" | |
| title="When enabled, this text is appended to the assembled prompt (raw or chat template) before completion. GLTR colors apply only to newly generated tokens, not the appended suffix." | |
| data-i18n="title"> | |
| <input type="checkbox" id="chat_teacher_forcing_enable"> | |
| <span data-i18n>Teacher forcing</span> | |
| </label> | |
| </span> | |
| </div> | |
| <div id="chat_teacher_forcing_block" class="chat-prompt-panel teacher-forcing-block" hidden> | |
| <div class="input-header"> | |
| <span class="semantic-submode-label" data-i18n>Forced continuation</span> | |
| <div class="text-action-buttons-top"> | |
| <div class="textarea-counter" id="chat_teacher_forcing_text_count_display"> | |
| <span id="chat_teacher_forcing_text_count_value">0</span> <span data-i18n>chars</span> | |
| </div> | |
| <button type="button" id="chat_clear_teacher_forcing_btn" class="text-action-btn" data-i18n>Clear</button> | |
| <button type="button" id="chat_paste_teacher_forcing_btn" class="text-action-btn" data-i18n>Paste</button> | |
| <button type="button" id="chat_teacher_forcing_history_btn" class="text-action-btn" data-i18n>History</button> | |
| </div> | |
| </div> | |
| <div class="textarea-wrapper chat-prompt-textarea-block"> | |
| <div class="semantic-search-input-wrapper chat-prompt-history-wrapper"> | |
| <textarea id="chat_teacher_forcing_text" class="teacher-forcing-text" | |
| spellcheck="false" autocomplete="off" | |
| title="Text appended to the full prompt before calling /v1/completions. The suffix is part of the input, not model-generated output." | |
| data-i18n="title"></textarea> | |
| <ul id="chat_teacher_forcing_history_dropdown" class="semantic-search-history-dropdown"></ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="textarea-wrapper chat-prompt-actions-row"> | |
| <!-- INCLUDE partials/completion-options-row.html --> | |
| <div class="button-group"> | |
| <div class="button-left"> | |
| <div class="button-left-primary"> | |
| <button type="button" id="submit_text_btn" class="primary-btn inactive" disabled data-i18n>Ask</button> | |
| <div class="generation-status-slot loader-small-container"> | |
| <div class="loadersmall"></div> | |
| <span id="chat_complete_reason" class="generation-end-reason"></span> | |
| </div> | |
| <span id="analyze_progress" class="analyze-progress"></span> | |
| </div> | |
| </div> | |
| <div id="text_metrics" class="text-metrics text-metrics-chat"> | |
| <div id="metric_usage" class="text-metrics-secondary"></div> | |
| <div id="metric_model" class="text-metrics-secondary">model: </div> | |
| </div> | |
| <div class="button-right"> | |
| <button type="button" id="force_retry_btn" class="primary-btn inactive" disabled title="Fetch again without using cached result" data-i18n="text,title">Force retry</button> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| </section> | |
| <div class="resizer" id="resizer"></div> | |
| <section class="right_panel"> | |
| <div class="empty-state empty-state-dashed"> | |
| <svg class="empty-state-icon" viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> | |
| <path d="M8 12 L40 12 L40 36 L8 36 Z"/> | |
| <line x1="14" y1="20" x2="34" y2="20"/> | |
| <line x1="14" y1="26" x2="28" y2="26"/> | |
| <line x1="14" y1="32" x2="32" y2="32"/> | |
| </svg> | |
| <div class="empty-state-title" data-i18n>No conversation yet</div> | |
| <div class="empty-state-description" data-i18n>Type your message on the left, then click Send to chat and inspect every token the model produces.</div> | |
| </div> | |
| <div class="chat-right-stack"> | |
| <div class="chat-readout-body"> | |
| <div id="chat_segments_container" class="chat-segments-container"></div> | |
| <div id="chat_streaming_preview" class="chat-streaming-preview" hidden></div> | |
| </div> | |
| <div id="major_tooltip" class="tooltip"> | |
| <div class="currentToken"></div> | |
| <div class="myDetail"></div> | |
| <br /> | |
| <div class="predictions predictions-table"></div> | |
| </div> | |
| <button type="button" id="chat_copy_fulltext_btn" class="text-action-btn chat-copy-fulltext-btn" data-i18n>Copy full text</button> | |
| </div> | |
| </section> | |
| </main> | |
| <div id="toast" class="toast"></div> | |
| <!-- INCLUDE partials/attribution-sidebar.html --> | |
| <script src="vendor.js"></script> | |
| <script src="chat.js"></script> | |
| </body> | |
| </html> | |