File size: 7,538 Bytes
c0bb696
 
 
 
 
 
20cf51c
6aae67a
c0bb696
6aae67a
 
c0bb696
6aae67a
cd92039
6aae67a
 
 
20cf51c
6aae67a
 
 
 
20cf51c
 
 
 
 
6aae67a
20cf51c
 
6aae67a
 
 
 
 
cd92039
20cf51c
c0bb696
 
 
 
 
 
 
 
6aae67a
c0bb696
 
 
 
 
6aae67a
 
c0bb696
 
 
 
6aae67a
c0bb696
 
 
 
6aae67a
c0bb696
20cf51c
 
6aae67a
20cf51c
 
 
 
6aae67a
20cf51c
 
 
 
 
 
 
c0bb696
20cf51c
 
c0bb696
 
6aae67a
 
 
 
 
 
 
 
 
 
 
c0bb696
6aae67a
c0bb696
6aae67a
 
20cf51c
6aae67a
b570a90
c0bb696
 
20cf51c
c0bb696
 
 
 
 
 
 
6aae67a
 
c0bb696
 
 
6aae67a
c0bb696
 
 
 
6aae67a
c0bb696
 
 
 
6aae67a
c0bb696
 
 
 
 
 
 
 
 
 
 
 
6aae67a
c0bb696
 
6aae67a
c0bb696
 
 
 
 
6aae67a
c0bb696
 
 
 
6aae67a
c0bb696
 
 
 
 
 
 
 
 
 
 
 
 
 
d287a0a
 
 
6aae67a
c0bb696
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="it">

  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Author:Giuseppe Materni" />
    <title>RagqQuery</title>

    <link rel="stylesheet" href="css/ragquery.min.css" />
    <script src="js/ragquery.min.js"></script>


  <!-- 
    <link rel="stylesheet" href="less/normalize.css" />
    <link rel="stylesheet/less" href="less/ragquery.less" />
    <link rel="stylesheet/less" href="less/uadialog.less" />
    <link rel="stylesheet/less" href="less/ualog3.less" />
    <link rel="stylesheet/less" href="less/tooltip.less" />
    <script src="lessm/less.min.js"></script>
    <script src="javascript/app.js"></script>
    <script src="javascript/client_llm.js"></script>
    <script src="javascript/rag_cleaner.js"></script>
    <script src="javascript/rag_data_mgr.js"></script>
    <script src="javascript/rag_http.js"></script>
    <script src="javascript/rag_mgr.js"></script>
    <script src="javascript/rag_prompts.js"></script>
    <script src="javascript/rag_payload.js"></script>
    <script src="javascript/rag_upload.js"></script>
    <script src="javascript/rag_ui.js"></script>
    <script src="javascript/uadialog.js"></script>
    <script src="javascript/uadrag.js"></script>
    <script src="javascript/uajtfh.js"></script>
    <script src="javascript/ualog3.js"></script>
    <script src="javascript/uawindow.js"></script>
    <script src="javascript/help.js"></script> --> -->

  <body>
    <div id="spinner" class="spinner">
      <div class="pulse-icon"></div>
      <div class="stop-message">Stop</div>
    </div>

    <div class="menu-h">

      <input id="id-menu-btn" name="id-menu-btn" class="menu-btn tt-right" data-tt="Open" type="checkbox" />
      <label for="id-menu-btn" class="menu-icon">
        <span class="nav-icon"></span>
      </label>

      <div class="head-wrapper">
        <button class="help tt-bottom" onclick="Menu.help();" data-tt="Istruzioni">?</button>
        <button class="upload tt-bottom" onclick="Menu.upload();" ; data-tt="Upload files">
          <svg class="icon" viewBox="0 0 24 24">
            <path d="M20 15v2H4v-2H2v5h20v-5zM13 5V1h-2v4H7l5 5 5-5z" fill="none" stroke="#FFFFFF" stroke-width="2" />
          </svg>
        </button>
        <button class="upload tt-bottom" onclick="Menu.uploadDir();" ; data-tt="Upload dir">
          <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
            <path d="M20 6h-8l-2-2H4C2.9 4 2 4.9 2 6v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-8 7H8v2h4v-2zm6 0h-4v2h4v-2zm0-4H8v2h10V9z" fill="none" stroke="#FFFFFF" stroke-width="2" />
          </svg>
        </button>
        <button class="log active inv" id="id_log" onclick="Menu.log();">Log</button>
        <label class="release"></label>

        <div class="btn-theme">
          <button class="btn-dark tt-left" data-tt="Tema scuro" onclick="setDark()">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
            </svg>
          </button>
          <button class="btn-light tt-left" data-tt="Tema chiaro" onclick="setLight()">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <circle cx="12" cy="12" r="5" />
              <path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" />
            </svg>
          </button>
        </div>

      </div>


      <div class="menu-box">
        <ul>
          <li><a href="#" onclick="op0(this);">README</a></li>
          <li><a href="#" onclick="showQuery();">Domanda Iniziale</a></li>
          <li><a href="#" onclick="showRagResponse();">Risposta Contestuale</a></li>
          <li><a href="#" onclick="showThread();">Conversazione</a></li>

          <li><a href="#" onclick="elencoRisposte(this);">Elenco Risposte</a></li>
          <li><a href="#" onclick="showContesto(this);">Contesto RAG</a></li>
          <li><a href="#" onclick="elencoDati(this);">Dati archviati</a></li>
          <li><a href="#" onclick="elencoDocs(this);">Elenco Documenti</a></li>
          <li><a href="#" onclick="calcQuery();">Numero Richieste</a></li>
          <li><a class="delete inv" href="#" onclick="deleteDati(this);">Cancella Dati</a></li>
          <li>-</li>
          <li><a class="help inv" href="#" onclick="deleteStorage(this);">Cancella Documenti</a></li>
          <li>-</li>
          <li><a href="#" onclick="help1(this);">Esempi di documenti</a></li>
          <li><a href="#" onclick="help2(this);">Esempi di domande</a></li>
          <!--  -->
          <!-- <li><a href="#" onclick="showPrompts(this);">prompts</a></li> -->

        </ul>
      </div>

    </div>

    <div class="container">
      <div class="item item1">
        <div class="output-wrapper">

          <div class="text-out" id="id-text-out">
            <!-- <pre class="pre-text"></pre> -->
            <div class="div-text"></div>
          </div>

          <div class="output-actions">
            <button class="copy-output tt-left" data-tt="Copia Output">
              <svg class="copy-icon" viewBox="0 0 20 24">
                <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" />
              </svg>
            </button>
            <button class="wnd-output tt-left" data-tt="Apri Output">
              <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path d="M10 9v6h4V9h5l-7-7-7 7h5zM5 19v2h14v-2H5z" />
              </svg>
            </button>
            <button class="clear-output tt-left" data-tt="Cancella Output">
              <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path d="M3 6h18v2H3V6zm2 3h14v12H5V9zm3-7h6v2H8V2z" />
              </svg>
            </button>
          </div>
        </div>
      </div>

      <div class="item item2">
        <div class="input-wrapper">

          <textarea class="text-input" placeholder="Scrivi qui... " rows="2"></textarea>
          <button class="clear-button tt-top" data-tt="Cancella Input">X</button>

          <div class="input-actions">
            <button class="send-input inv tt-leftx" data-tt="Documenti=>RAG=>Conetso=>Query   .">
              <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path d="M2 21l21-9L2 3v7l15 2-15 2v7z" fill="none" stroke="#FFFFFF" stroke-width="2" />
              </svg>
            </button>

            <button class="send2-input inv tt-leftx" data-tt="Contesto=>Query   .">
              <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path d="M2 21l21-9L2 3v7l15 2-15 2v7z" fill="none" stroke="#FFFFFF" stroke-width="2" />
              </svg>
            </button>
            <button class="clear-input tt-left" data-tt="Cancella Conversazione">
              <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path d="M3 6h18v2H3V6zm2 3h14v12H5V9zm3-7h6v2H8V2z" fill="none" stroke="#FFFFFF" stroke-width="2" />
              </svg>
            </button>

          </div>
        </div>
      </div>

    </div>
  </body>

</html>
<script>
  window.addEventListener('load', () => {
    openApp();
  });

</script>