Hugging Face's logo

Spaces:
Girlz
/
TokenTrace
Running

App Files Community
TokenTrace
File size: 3,638 Bytes
76b5743
f25ae00
76b5743
 
 
 
 
 
 
 
 
 
 
 
 
f25ae00
76b5743
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
f25ae00
 
 
 
 
 
 
 
 
 
76b5743
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!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>