micro-models-agent 2.0.0 → 2.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +72 -0
- package/README.md +6 -3
- package/dist/assets/app.js +3051 -0
- package/dist/assets/index.html +131 -0
- package/dist/assets/styles.css +863 -0
- package/dist/i18n/en.json +274 -4
- package/dist/i18n/ru.json +274 -4
- package/dist/main.js +3925 -247
- package/package.json +1 -1
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
<title>MMA Web</title>
|
|
7
|
+
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ctext y='13' font-size='13'%3E%E2%97%87%3C/text%3E%3C/svg%3E">
|
|
8
|
+
<link rel="stylesheet" href="/styles.css">
|
|
9
|
+
</head>
|
|
10
|
+
<body>
|
|
11
|
+
|
|
12
|
+
<div class="bar-top">
|
|
13
|
+
<button class="icon-btn primary" id="newChat" title="new chat" aria-label="new chat">+</button>
|
|
14
|
+
<div class="dd" id="sessDD">
|
|
15
|
+
<button class="icon-btn" id="sessBtn" title="all sessions" aria-label="all sessions" aria-haspopup="menu" aria-expanded="false">☰</button>
|
|
16
|
+
<div class="dd-menu">
|
|
17
|
+
<div class="h" id="sessActiveHeader">active</div>
|
|
18
|
+
<div id="sessActiveList"></div>
|
|
19
|
+
<div class="h" id="sessRecentHeader">recent</div>
|
|
20
|
+
<div id="sessRecentList"></div>
|
|
21
|
+
<div class="sep"></div>
|
|
22
|
+
<button class="act" type="button" id="sessNew">+ new session</button>
|
|
23
|
+
<button class="act" type="button" id="sessRefresh">↻ refresh</button>
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
<div class="tabstrip" id="tabstrip"></div>
|
|
27
|
+
<button class="icon-btn" id="openSettings" title="settings" aria-label="settings" aria-haspopup="dialog" aria-expanded="false">⚙</button>
|
|
28
|
+
<span class="conn" id="connStatus" role="status" aria-live="polite" hidden></span>
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
<div class="layout">
|
|
32
|
+
<div class="chat">
|
|
33
|
+
<div class="msgs" id="msgs" role="log" aria-label="conversation"></div>
|
|
34
|
+
<div class="visually-hidden" id="live" role="status" aria-live="polite" aria-atomic="true"></div>
|
|
35
|
+
|
|
36
|
+
<div class="input-area">
|
|
37
|
+
<div class="selectors">
|
|
38
|
+
<div class="sel" data-sel="provider">
|
|
39
|
+
<button id="selProviderBtn">provider: <b>—</b> ▾</button>
|
|
40
|
+
<div class="menu" id="selProviderMenu"></div>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="sel" data-sel="model">
|
|
43
|
+
<button id="selModelBtn">model: <b>—</b> ▾</button>
|
|
44
|
+
<div class="menu" id="selModelMenu"></div>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="sel" data-sel="context">
|
|
47
|
+
<button id="selContextBtn">context: <b>—</b> ▾</button>
|
|
48
|
+
<div class="menu" id="selContextMenu"></div>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
<input type="file" id="imgPicker" accept="image/*" multiple hidden>
|
|
52
|
+
<div class="attach-strip" id="attachStrip" hidden></div>
|
|
53
|
+
<div class="attach-err" id="attachErr" hidden></div>
|
|
54
|
+
<div class="composer">
|
|
55
|
+
<div class="composer-main">
|
|
56
|
+
<button class="attach-btn" id="attachBtn" type="button" title="attach image" aria-label="attach image">◧</button>
|
|
57
|
+
<textarea class="inp" id="inp" rows="1" placeholder="message… (/ for commands)"></textarea>
|
|
58
|
+
<button class="send-btn" id="sendBtn" type="button" aria-label="send">↑</button>
|
|
59
|
+
</div>
|
|
60
|
+
<div class="inp-meta"><span id="hintEnter">Enter — send</span><span id="hintShift">Shift+Enter — newline</span><span id="hintEsc" hidden>Esc — stop</span><span id="hintAttach">Ctrl+V — attach</span></div>
|
|
61
|
+
</div>
|
|
62
|
+
<div class="ws-line" id="wsLine" hidden></div>
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
<div class="sb">
|
|
67
|
+
<div class="sec plan-sec">
|
|
68
|
+
<button class="sec-h" type="button" data-collapse aria-expanded="true"><span class="arrow">▾</span> <span id="planHeaderLabel">plan</span> <span class="n" id="planCount"></span></button>
|
|
69
|
+
<div class="sec-body" id="plan"></div>
|
|
70
|
+
</div>
|
|
71
|
+
|
|
72
|
+
<div class="sec usage-sec">
|
|
73
|
+
<button class="sec-h" type="button" data-collapse aria-expanded="true"><span class="arrow">▾</span> <span id="usageHeaderLabel">session · usage</span></button>
|
|
74
|
+
<div class="sec-body" id="usage"></div>
|
|
75
|
+
</div>
|
|
76
|
+
|
|
77
|
+
<div class="sec env-sec">
|
|
78
|
+
<button class="sec-h" type="button" data-collapse aria-expanded="true"><span class="arrow">▾</span> <span id="envHeaderLabel">environment</span></button>
|
|
79
|
+
<div class="sec-body" id="env"></div>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
|
|
84
|
+
<div class="overlay" id="overlay">
|
|
85
|
+
<div class="modal" role="dialog" aria-modal="true" aria-labelledby="settingsTitle">
|
|
86
|
+
<div class="modal-top"><span class="modal-top-icon" id="settingsIcon" aria-hidden="true"></span> <span id="settingsTitle">settings</span> <span class="saved" id="saveIndicator" role="status" aria-live="polite"></span> <button class="x linkbtn" id="closeSettings" type="button">✕ close</button></div>
|
|
87
|
+
<div class="modal-body">
|
|
88
|
+
<div class="menu-col" id="setMenu" role="tablist" aria-label="settings sections">
|
|
89
|
+
<div class="mi on" data-p="general">General</div>
|
|
90
|
+
<div class="mi" data-p="model">Model & Provider</div>
|
|
91
|
+
<div class="mi" data-p="context">Context</div>
|
|
92
|
+
<div class="mi" data-p="reasoning">Reasoning</div>
|
|
93
|
+
<div class="mi" data-p="ui">UI & Theme</div>
|
|
94
|
+
<div class="mi" data-p="memory">Memory</div>
|
|
95
|
+
<div class="mi" data-p="skills">Skills</div>
|
|
96
|
+
<div class="mi" data-p="plugins">Plugins · MCP</div>
|
|
97
|
+
<div class="mi" data-p="security">Security</div>
|
|
98
|
+
<div class="mi" data-p="advanced">Advanced</div>
|
|
99
|
+
</div>
|
|
100
|
+
<div class="content-col">
|
|
101
|
+
<div class="panel on" id="p-general"><h3>General</h3><div class="rows" data-panel="general"></div></div>
|
|
102
|
+
<div class="panel" id="p-model"><h3>Model & Provider</h3><div class="rows" data-panel="model"></div></div>
|
|
103
|
+
<div class="panel" id="p-context"><h3>Context</h3><div class="rows" data-panel="context"></div></div>
|
|
104
|
+
<div class="panel" id="p-reasoning"><h3>Reasoning</h3><div class="rows" data-panel="reasoning"></div></div>
|
|
105
|
+
<div class="panel" id="p-ui"><h3>UI & Theme</h3><div class="rows" data-panel="ui"></div></div>
|
|
106
|
+
<div class="panel" id="p-memory"><h3>Memory</h3><div class="rows" data-panel="memory"></div></div>
|
|
107
|
+
<div class="panel" id="p-skills"><h3>Skills</h3><div class="rows" data-panel="skills"></div></div>
|
|
108
|
+
<div class="panel" id="p-plugins"><h3>Plugins · MCP</h3><div class="rows" data-panel="plugins"></div></div>
|
|
109
|
+
<div class="panel" id="p-security"><h3>Security</h3><div class="rows" data-panel="security"></div></div>
|
|
110
|
+
<div class="panel" id="p-advanced"><h3>Advanced</h3><div class="rows" data-panel="advanced"></div></div>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
</div>
|
|
114
|
+
</div>
|
|
115
|
+
|
|
116
|
+
<div class="overlay" id="confirmOverlay">
|
|
117
|
+
<div class="modal modal-sm" role="alertdialog" aria-modal="true" aria-labelledby="confirmTitle" aria-describedby="confirmMsg">
|
|
118
|
+
<div class="modal-top"><span id="confirmTitle">confirm</span></div>
|
|
119
|
+
<div class="modal-body confirm-body">
|
|
120
|
+
<p class="confirm-msg" id="confirmMsg"></p>
|
|
121
|
+
<div class="confirm-actions">
|
|
122
|
+
<button class="linkbtn confirm-cancel" id="confirmCancel" type="button">cancel</button>
|
|
123
|
+
<button class="linkbtn danger confirm-accept" id="confirmAccept" type="button">delete</button>
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
</div>
|
|
128
|
+
|
|
129
|
+
<script src="/app.js"></script>
|
|
130
|
+
</body>
|
|
131
|
+
</html>
|