TokenTrace / client /src /branch_tree.html
cccmmd
chore: rename project to TokenTrace and set default language to Chinese
f25ae00
Raw
History Blame Contribute Delete
3.64 kB
<!DOCTYPE html>
<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="branch_tree.css">
</head>
<body class="branch-tree-page">
<main class="main_frame">
<section class="left_panel">
<div class="floating_content">
<!-- INCLUDE partials/app-header.html -->
<section id="branch_tree_examples" class="page-examples-section"></section>
<section class="input-section">
<div class="chat-prompt-panel">
<div class="input-header">
<span class="semantic-submode-label" data-i18n>Prefix</span>
<div class="text-action-buttons-top">
<div class="textarea-counter" id="branch_tree_raw_text_count_display">
<span id="branch_tree_raw_text_count_value">0</span> <span data-i18n>chars</span>
</div>
<button type="button" id="branch_tree_clear_raw_btn" class="text-action-btn" data-i18n>Clear</button>
<button type="button" id="branch_tree_paste_raw_btn" class="text-action-btn" data-i18n>Paste</button>
</div>
</div>
<div class="textarea-wrapper chat-prompt-textarea-block">
<textarea id="branch_tree_raw_text"></textarea>
</div>
</div>
<div class="textarea-wrapper chat-prompt-actions-row">
<div class="button-group">
<div class="button-left">
<div class="button-left-primary">
<button type="button" id="branch_tree_submit_btn" class="primary-btn inactive" disabled data-i18n>Start</button>
<div class="loadersmall loader-small-container"></div>
</div>
</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">
<circle cx="12" cy="12" r="4"/>
<circle cx="36" cy="20" r="4"/>
<circle cx="24" cy="36" r="4"/>
<path d="M12 16 L12 24 L20 24 M20 24 L28 30 M28 30 L24 32 M20 24 L32 20"/>
</svg>
<div class="empty-state-title" data-i18n>No branch tree yet</div>
<div class="empty-state-description" data-i18n>Type a prefix on the left, then click Generate to explore what the model might say next.</div>
</div>
<div id="branch_tree_container" class="branch-tree-container">
<div id="branch_tree_surface" class="branch-tree-surface"></div>
<div id="branch_tree_limit_message" class="branch-tree-limit-message"></div>
</div>
</section>
</main>
<div id="toast" class="toast"></div>
<script src="vendor.js"></script>
<script src="branch_tree.js"></script>
</body>
</html>