@telepath-computer/television 0.1.178 → 0.1.179
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/dist/canonical/v1/components.js +13 -1
- package/dist/cli.cjs +1187 -392
- package/dist/onboarding/README.md +35 -0
- package/dist/onboarding/business-ops/about.html +150 -0
- package/dist/onboarding/business-ops/retention-vs-releases.html +572 -0
- package/dist/onboarding/business-ops/revenue-vs-goals.html +621 -0
- package/dist/onboarding/onboarding-screens.json +167 -0
- package/dist/onboarding/productivity/about.html +149 -0
- package/dist/onboarding/productivity/company-todos/index.html +121 -0
- package/dist/onboarding/productivity/company-todos/task.css +205 -0
- package/dist/onboarding/productivity/company-todos/task.js +307 -0
- package/dist/onboarding/productivity/meeting-prep.html +440 -0
- package/dist/onboarding/productivity/priorities-today.html +409 -0
- package/dist/onboarding/productivity/todays-calendar/calendar.css +1 -0
- package/dist/onboarding/productivity/todays-calendar/calendar.js +716 -0
- package/dist/onboarding/productivity/todays-calendar/index.html +52 -0
- package/dist/onboarding/research/about.html +152 -0
- package/dist/onboarding/research/draft-blog-post.md +30 -0
- package/dist/onboarding/research/open-model-research.html +542 -0
- package/dist/onboarding/research/todays-news.html +503 -0
- package/dist/onboarding/{television-onboarding → tv-guide/welcome}/index.html +2 -2
- package/dist/skills/television/SKILL.md +4 -0
- package/dist/views/markdown/index.html +1 -1
- package/dist/web/assets/calendar-DToAnkzj.png +0 -0
- package/dist/web/assets/main-5017mprd.css +1 -0
- package/dist/web/assets/main-C-OjKUzX.js +865 -0
- package/dist/web/assets/markdown-DdDrJuVK.png +0 -0
- package/dist/web/assets/table-oeG9uAN1.png +0 -0
- package/dist/web/assets/tasks-D4xqXFPl.png +0 -0
- package/dist/web/index.html +2 -2
- package/package.json +1 -1
- package/dist/web/assets/main-FDJtlHD7.js +0 -768
- package/dist/web/assets/main-o9Z-XUYA.css +0 -1
- /package/dist/onboarding/{television-onboarding → tv-guide/welcome}/assets/television.svg +0 -0
|
@@ -0,0 +1,542 @@
|
|
|
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>Open model research</title>
|
|
7
|
+
<link rel="stylesheet" href="/canonical/v1/styles.css">
|
|
8
|
+
<script type="module" src="/canonical/v1/components.js"></script>
|
|
9
|
+
<style>
|
|
10
|
+
/* Shared base for onboarding artifacts ([[../index.md]]): document padding
|
|
11
|
+
and the centered content shell. Typography, text color, and background
|
|
12
|
+
are the canonical stylesheet's — nothing in this set restates or pins
|
|
13
|
+
them, so artifacts follow the active theme ([[../index.md#^respect-theme]]). */
|
|
14
|
+
|
|
15
|
+
* {
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
body {
|
|
20
|
+
margin: 0;
|
|
21
|
+
padding: var(--space-32, 32px) var(--space-32, 32px) var(--space-64, 64px);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.shell {
|
|
25
|
+
max-width: 720px;
|
|
26
|
+
margin: 0 auto;
|
|
27
|
+
display: grid;
|
|
28
|
+
/* Pin the single column to the container so a wide child (a data table)
|
|
29
|
+
scrolls inside its own .table-wrap instead of stretching the track and
|
|
30
|
+
overflowing the card. */
|
|
31
|
+
grid-template-columns: minmax(0, 1fr);
|
|
32
|
+
gap: var(--space-20, 20px);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/* Card-density headings ([[../index.md]]): document-scale h1 is oversized
|
|
36
|
+
inside a TV card. */
|
|
37
|
+
h1 {
|
|
38
|
+
margin: 0;
|
|
39
|
+
font-size: var(--text-xl, 17px);
|
|
40
|
+
font-weight: 600;
|
|
41
|
+
line-height: 1.25;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/* A lead paragraph (the .lede or .summary-deck standfirst) belongs in the
|
|
45
|
+
header, tight beneath the title — not a full grid-gap below it. Every
|
|
46
|
+
onboarding artifact places its lead this way so the spacing is uniform. */
|
|
47
|
+
header > .lede,
|
|
48
|
+
header > .summary-deck {
|
|
49
|
+
margin-top: var(--space-8, 8px);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
/* The hero header idiom ([[../index.md]]): a plain document header opening a
|
|
54
|
+
dashboard-shaped artifact — the title with a fictional freshness line and
|
|
55
|
+
an optional source/meta line, sitting on the document itself rather than
|
|
56
|
+
inside a card. */
|
|
57
|
+
|
|
58
|
+
header.hero h1 {
|
|
59
|
+
margin: 0 0 var(--space-6, 6px);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.generated {
|
|
63
|
+
color: var(--color-text-muted);
|
|
64
|
+
font-size: var(--text-sm, 12px);
|
|
65
|
+
font-weight: 500;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.meta-line {
|
|
69
|
+
margin-top: var(--space-4, 4px);
|
|
70
|
+
color: var(--color-text-muted);
|
|
71
|
+
font-size: var(--text-sm, 12px);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
/* The panel/section idioms ([[../index.md]]): a bordered surface panel with
|
|
76
|
+
a heading and optional note, the muted summary-box, the section-title row,
|
|
77
|
+
and — for artifacts that lean on headings and spacing over nested cards —
|
|
78
|
+
the borderless .section and the .summary-deck lead paragraph. */
|
|
79
|
+
|
|
80
|
+
/* Borderless section: a title row (or heading) then its stack, no box. */
|
|
81
|
+
.section {
|
|
82
|
+
display: grid;
|
|
83
|
+
gap: var(--space-16, 16px);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
/* Summary/lead as a standfirst paragraph — the borderless counterpart to
|
|
87
|
+
.summary-box. */
|
|
88
|
+
/* Lead/standfirst paragraph — the same size as the About .lede (body text),
|
|
89
|
+
not enlarged; it leads by position and primary color, not scale. */
|
|
90
|
+
.summary-deck {
|
|
91
|
+
margin: 0;
|
|
92
|
+
line-height: 1.5;
|
|
93
|
+
color: var(--color-text);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.panel {
|
|
97
|
+
padding: var(--space-20, 20px);
|
|
98
|
+
border: 1px solid var(--color-border);
|
|
99
|
+
border-radius: var(--radius-12, 12px);
|
|
100
|
+
background: var(--color-surface);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.panel h2 {
|
|
104
|
+
margin: 0 0 var(--space-4, 4px);
|
|
105
|
+
font-size: var(--text-lg, 15px);
|
|
106
|
+
font-weight: 600;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.panel .note {
|
|
110
|
+
margin: 0 0 var(--space-16, 16px);
|
|
111
|
+
color: var(--color-text-muted);
|
|
112
|
+
font-size: var(--text-sm, 12px);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.summary-box {
|
|
116
|
+
padding: var(--space-16, 16px) var(--space-20, 20px);
|
|
117
|
+
border: 1px solid var(--color-border-muted);
|
|
118
|
+
border-radius: var(--radius-12, 12px);
|
|
119
|
+
background: var(--color-surface-muted);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.summary-box h2 {
|
|
123
|
+
margin: 0 0 var(--space-8, 8px);
|
|
124
|
+
font-size: var(--text-lg, 15px);
|
|
125
|
+
font-weight: 600;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.summary-box p {
|
|
129
|
+
margin: 0;
|
|
130
|
+
line-height: 1.45;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.section-title {
|
|
134
|
+
display: flex;
|
|
135
|
+
justify-content: space-between;
|
|
136
|
+
align-items: baseline;
|
|
137
|
+
gap: var(--space-12, 12px);
|
|
138
|
+
margin-bottom: var(--space-12, 12px);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.section-title h2 {
|
|
142
|
+
margin: 0;
|
|
143
|
+
font-size: var(--text-lg, 15px);
|
|
144
|
+
font-weight: 600;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.section-title .note {
|
|
148
|
+
margin: 0;
|
|
149
|
+
color: var(--color-text-muted);
|
|
150
|
+
font-size: var(--text-sm, 12px);
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
/* The pill idiom ([[../index.md]]): small rounded status/tag chips. The
|
|
155
|
+
base pill is neutral; variant classes tint with canonical ramp tokens
|
|
156
|
+
(stable across themes by design, [[../index.md#^respect-theme]]). */
|
|
157
|
+
|
|
158
|
+
.pill {
|
|
159
|
+
display: inline-flex;
|
|
160
|
+
align-items: center;
|
|
161
|
+
gap: var(--space-4, 4px);
|
|
162
|
+
padding: 2px var(--space-10, 10px);
|
|
163
|
+
border: 1px solid var(--color-border);
|
|
164
|
+
border-radius: var(--radius-full, 9999px);
|
|
165
|
+
background: var(--color-surface);
|
|
166
|
+
color: var(--color-text-muted);
|
|
167
|
+
font-size: var(--text-sm, 12px);
|
|
168
|
+
line-height: 1.2;
|
|
169
|
+
white-space: nowrap;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.pill.blue { color: var(--blue-700); border-color: var(--blue-200); background: var(--blue-50); }
|
|
173
|
+
.pill.green { color: var(--green-700); border-color: var(--green-200); background: var(--green-50); }
|
|
174
|
+
.pill.orange { color: var(--orange-700); border-color: var(--orange-200); background: var(--orange-50); }
|
|
175
|
+
.pill.red { color: var(--red-700); border-color: var(--red-200); background: var(--red-50); }
|
|
176
|
+
.pill.dim { color: var(--neutral-500); border-color: var(--neutral-200); background: var(--neutral-100); }
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
/* The data-table idiom ([[../index.md]]): a dense comparison table with
|
|
180
|
+
uppercase column headers, hairline row rules, hover, and right-aligned
|
|
181
|
+
numeric columns in the mono face. Wrap in .table-wrap so wide tables
|
|
182
|
+
scroll inside the card instead of the page. */
|
|
183
|
+
|
|
184
|
+
.table-wrap {
|
|
185
|
+
overflow-x: auto;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.table-wrap table {
|
|
189
|
+
width: 100%;
|
|
190
|
+
margin: 0;
|
|
191
|
+
border-collapse: collapse;
|
|
192
|
+
font-size: var(--text-sm, 12px);
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
/* Only horizontal row rules — clear the cells' default vertical borders so
|
|
196
|
+
the edge columns don't double up against a container border. */
|
|
197
|
+
.table-wrap th,
|
|
198
|
+
.table-wrap td {
|
|
199
|
+
border-left: 0;
|
|
200
|
+
border-right: 0;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.table-wrap thead th {
|
|
204
|
+
padding: var(--space-8, 8px) var(--space-12, 12px);
|
|
205
|
+
border-bottom: 1px solid var(--color-border);
|
|
206
|
+
color: var(--color-text-muted);
|
|
207
|
+
font-size: var(--text-sm, 12px);
|
|
208
|
+
font-weight: 600;
|
|
209
|
+
letter-spacing: 0.04em;
|
|
210
|
+
text-align: left;
|
|
211
|
+
text-transform: uppercase;
|
|
212
|
+
white-space: nowrap;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.table-wrap thead th.num {
|
|
216
|
+
text-align: right;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
.table-wrap tbody td {
|
|
220
|
+
padding: var(--space-10, 10px) var(--space-12, 12px);
|
|
221
|
+
border-bottom: 1px solid var(--color-border-muted);
|
|
222
|
+
white-space: nowrap;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
.table-wrap tbody td.num {
|
|
226
|
+
text-align: right;
|
|
227
|
+
font-family: var(--font-mono);
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
.table-wrap tbody tr:last-child td {
|
|
231
|
+
border-bottom: none;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
.table-wrap tbody tr:hover {
|
|
235
|
+
background: var(--color-surface-muted);
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
|
|
239
|
+
/* Artifact-specific styling for Open model research ([[index.md]]): the
|
|
240
|
+
wider shell, the horizontal bar chart, and a couple of table-cell
|
|
241
|
+
tweaks. The hero, summary box, panel, pills, and comparison table come
|
|
242
|
+
from the shared idioms; bar and legend colors are canonical ramp tokens
|
|
243
|
+
applied through tier classes, so the artifact never redefines the theme
|
|
244
|
+
chrome tokens ([[../../index.md#^respect-theme]]). */
|
|
245
|
+
|
|
246
|
+
.shell {
|
|
247
|
+
max-width: 860px;
|
|
248
|
+
gap: var(--space-16, 16px);
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
/* Bring the cards closer to the artifact edge, and inset the header by the
|
|
252
|
+
panel's own padding so every line — title, summary (now nested in the
|
|
253
|
+
header), panel headings, cell text — shares one left margin. */
|
|
254
|
+
body {
|
|
255
|
+
padding-left: var(--space-16, 16px);
|
|
256
|
+
padding-right: var(--space-16, 16px);
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
header.hero {
|
|
260
|
+
padding-left: var(--space-20, 20px);
|
|
261
|
+
padding-right: var(--space-20, 20px);
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
/* Horizontal bar chart. */
|
|
265
|
+
.chart {
|
|
266
|
+
display: grid;
|
|
267
|
+
gap: var(--space-12, 12px);
|
|
268
|
+
}
|
|
269
|
+
.bar-row {
|
|
270
|
+
display: grid;
|
|
271
|
+
grid-template-columns: 130px minmax(0, 1fr) 44px;
|
|
272
|
+
gap: var(--space-12, 12px);
|
|
273
|
+
align-items: center;
|
|
274
|
+
}
|
|
275
|
+
.bar-label {
|
|
276
|
+
overflow: hidden;
|
|
277
|
+
color: var(--color-text);
|
|
278
|
+
font-size: var(--text-base, 13.5px);
|
|
279
|
+
font-weight: 600;
|
|
280
|
+
text-align: right;
|
|
281
|
+
text-overflow: ellipsis;
|
|
282
|
+
white-space: nowrap;
|
|
283
|
+
}
|
|
284
|
+
.bar-track {
|
|
285
|
+
position: relative;
|
|
286
|
+
height: 24px;
|
|
287
|
+
overflow: hidden;
|
|
288
|
+
border-radius: var(--radius-4, 4px);
|
|
289
|
+
background: var(--color-surface-muted);
|
|
290
|
+
}
|
|
291
|
+
.bar-fill {
|
|
292
|
+
height: 100%;
|
|
293
|
+
border-radius: var(--radius-4, 4px);
|
|
294
|
+
transition: width 0.4s ease;
|
|
295
|
+
}
|
|
296
|
+
.bar-value {
|
|
297
|
+
color: var(--color-text);
|
|
298
|
+
font-size: var(--text-base, 13.5px);
|
|
299
|
+
font-weight: 700;
|
|
300
|
+
text-align: left;
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
/* (.summary-deck comes from the shared panel/section idiom; the alignment
|
|
304
|
+
inset above keeps its text lined up with the panel content.) */
|
|
305
|
+
|
|
306
|
+
/* Bar fills and matching legend dots key off the model's tool-use rating,
|
|
307
|
+
the same language as the table's Tool-use pills. */
|
|
308
|
+
.bar-fill.excellent, .legend-dot.excellent { background: var(--green-500); }
|
|
309
|
+
.bar-fill.good, .legend-dot.good { background: var(--blue-500); }
|
|
310
|
+
.bar-fill.moderate, .legend-dot.moderate { background: var(--orange-500); }
|
|
311
|
+
.bar-fill.limited, .legend-dot.limited { background: var(--neutral-400); }
|
|
312
|
+
|
|
313
|
+
.chart-legend {
|
|
314
|
+
display: flex;
|
|
315
|
+
gap: var(--space-16, 16px);
|
|
316
|
+
margin-top: var(--space-12, 12px);
|
|
317
|
+
color: var(--color-text-muted);
|
|
318
|
+
font-size: var(--text-sm, 12px);
|
|
319
|
+
}
|
|
320
|
+
.chart-legend span {
|
|
321
|
+
display: flex;
|
|
322
|
+
align-items: center;
|
|
323
|
+
gap: var(--space-4, 4px);
|
|
324
|
+
}
|
|
325
|
+
.legend-dot {
|
|
326
|
+
width: 10px;
|
|
327
|
+
height: 10px;
|
|
328
|
+
border-radius: var(--radius-4, 4px);
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
/* Comparison table: the model column reads as a label, not data. */
|
|
332
|
+
.table-wrap td.model-name {
|
|
333
|
+
font-weight: 600;
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
/* The comparison table runs edge to edge inside its panel: it breaks out of
|
|
337
|
+
the panel's padding on both sides and the bottom, keeping its horizontal
|
|
338
|
+
scroll. The panel clips the rounded corners. */
|
|
339
|
+
.panel:has(.table-wrap) {
|
|
340
|
+
overflow: hidden;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
.table-wrap {
|
|
344
|
+
margin: 0 calc(-1 * var(--space-20, 20px)) calc(-1 * var(--space-20, 20px));
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
@media (max-width: 640px) {
|
|
348
|
+
.bar-row { grid-template-columns: 90px minmax(0, 1fr) 36px; }
|
|
349
|
+
.bar-label { font-size: var(--text-sm, 12px); }
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
</style>
|
|
353
|
+
</head>
|
|
354
|
+
<body>
|
|
355
|
+
|
|
356
|
+
|
|
357
|
+
|
|
358
|
+
|
|
359
|
+
|
|
360
|
+
|
|
361
|
+
|
|
362
|
+
|
|
363
|
+
<main class="shell">
|
|
364
|
+
<header class="hero">
|
|
365
|
+
<h1>Open model research</h1>
|
|
366
|
+
<div class="meta-line">Deep research on open-weight LLMs for agentic workloads · Eval: AgentBench-2.0</div>
|
|
367
|
+
<p class="summary-deck">Evaluated 8 open-weight models on <strong>AgentBench-2.0</strong>, a multi-task agentic evaluation suite covering tool-use orchestration, multi-step reasoning, code execution, and retrieval-augmented planning. Three models stand out for production agentic workloads: <strong>GLM-4.6-405B</strong> leads on tool-use orchestration, <strong>Llama-4-70B</strong> retains the strongest reasoning edge, and <strong>Mistral-Large-2</strong> offers the best performance-per-parameter ratio. Smaller models (below 35B) struggle with multi-step tool chains but remain viable for single-step tasks.</p>
|
|
368
|
+
</header>
|
|
369
|
+
|
|
370
|
+
<section class="panel">
|
|
371
|
+
<h2>AgentBench-2.0 scores</h2>
|
|
372
|
+
<p class="note">Composite score across tool-use, reasoning, code execution, and RAG planning tasks · 0–100 scale</p>
|
|
373
|
+
<div class="chart">
|
|
374
|
+
|
|
375
|
+
<div class="bar-row">
|
|
376
|
+
<div class="bar-label">GLM-4.6-405B</div>
|
|
377
|
+
<div class="bar-track"><div class="bar-fill excellent" style="width: 89%"></div></div>
|
|
378
|
+
<div class="bar-value">89</div>
|
|
379
|
+
</div>
|
|
380
|
+
|
|
381
|
+
<div class="bar-row">
|
|
382
|
+
<div class="bar-label">Llama-4-70B</div>
|
|
383
|
+
<div class="bar-track"><div class="bar-fill good" style="width: 84%"></div></div>
|
|
384
|
+
<div class="bar-value">84</div>
|
|
385
|
+
</div>
|
|
386
|
+
|
|
387
|
+
<div class="bar-row">
|
|
388
|
+
<div class="bar-label">Mistral-Large-2</div>
|
|
389
|
+
<div class="bar-track"><div class="bar-fill good" style="width: 79%"></div></div>
|
|
390
|
+
<div class="bar-value">79</div>
|
|
391
|
+
</div>
|
|
392
|
+
|
|
393
|
+
<div class="bar-row">
|
|
394
|
+
<div class="bar-label">DeepSeek-V3</div>
|
|
395
|
+
<div class="bar-track"><div class="bar-fill good" style="width: 74%"></div></div>
|
|
396
|
+
<div class="bar-value">74</div>
|
|
397
|
+
</div>
|
|
398
|
+
|
|
399
|
+
<div class="bar-row">
|
|
400
|
+
<div class="bar-label">Qwen-3-72B</div>
|
|
401
|
+
<div class="bar-track"><div class="bar-fill moderate" style="width: 68%"></div></div>
|
|
402
|
+
<div class="bar-value">68</div>
|
|
403
|
+
</div>
|
|
404
|
+
|
|
405
|
+
<div class="bar-row">
|
|
406
|
+
<div class="bar-label">Gemma-3-27B</div>
|
|
407
|
+
<div class="bar-track"><div class="bar-fill moderate" style="width: 54%"></div></div>
|
|
408
|
+
<div class="bar-value">54</div>
|
|
409
|
+
</div>
|
|
410
|
+
|
|
411
|
+
<div class="bar-row">
|
|
412
|
+
<div class="bar-label">Phi-4-14B</div>
|
|
413
|
+
<div class="bar-track"><div class="bar-fill limited" style="width: 41%"></div></div>
|
|
414
|
+
<div class="bar-value">41</div>
|
|
415
|
+
</div>
|
|
416
|
+
|
|
417
|
+
<div class="bar-row">
|
|
418
|
+
<div class="bar-label">Llama-4-8B</div>
|
|
419
|
+
<div class="bar-track"><div class="bar-fill limited" style="width: 33%"></div></div>
|
|
420
|
+
<div class="bar-value">33</div>
|
|
421
|
+
</div>
|
|
422
|
+
|
|
423
|
+
</div>
|
|
424
|
+
<div class="chart-legend">
|
|
425
|
+
|
|
426
|
+
<span><div class="legend-dot excellent"></div>Excellent</span>
|
|
427
|
+
|
|
428
|
+
<span><div class="legend-dot good"></div>Good</span>
|
|
429
|
+
|
|
430
|
+
<span><div class="legend-dot moderate"></div>Moderate</span>
|
|
431
|
+
|
|
432
|
+
<span><div class="legend-dot limited"></div>Limited</span>
|
|
433
|
+
|
|
434
|
+
</div>
|
|
435
|
+
</section>
|
|
436
|
+
|
|
437
|
+
<section class="panel">
|
|
438
|
+
<h2>Model comparison</h2>
|
|
439
|
+
<p class="note">Key traits for evaluating production readiness in agentic systems</p>
|
|
440
|
+
<div class="table-wrap">
|
|
441
|
+
<table>
|
|
442
|
+
<thead>
|
|
443
|
+
<tr>
|
|
444
|
+
<th>Model</th>
|
|
445
|
+
<th>Params</th>
|
|
446
|
+
<th>Size (Q4)</th>
|
|
447
|
+
<th>Context</th>
|
|
448
|
+
<th>Tool-use</th>
|
|
449
|
+
<th>License</th>
|
|
450
|
+
<th>Best for</th>
|
|
451
|
+
</tr>
|
|
452
|
+
</thead>
|
|
453
|
+
<tbody>
|
|
454
|
+
|
|
455
|
+
<tr>
|
|
456
|
+
<td class="model-name">GLM-4.6-405B</td>
|
|
457
|
+
<td>405B</td>
|
|
458
|
+
<td>~210 GB</td>
|
|
459
|
+
<td>128K</td>
|
|
460
|
+
<td><span class="pill green">Excellent</span></td>
|
|
461
|
+
<td><span class="pill dim">Apache 2.0</span></td>
|
|
462
|
+
<td>Multi-tool orchestration</td>
|
|
463
|
+
</tr>
|
|
464
|
+
|
|
465
|
+
<tr>
|
|
466
|
+
<td class="model-name">Llama-4-70B</td>
|
|
467
|
+
<td>70B</td>
|
|
468
|
+
<td>~42 GB</td>
|
|
469
|
+
<td>256K</td>
|
|
470
|
+
<td><span class="pill blue">Good</span></td>
|
|
471
|
+
<td><span class="pill dim">Llama license</span></td>
|
|
472
|
+
<td>Multi-step reasoning</td>
|
|
473
|
+
</tr>
|
|
474
|
+
|
|
475
|
+
<tr>
|
|
476
|
+
<td class="model-name">Mistral-Large-2</td>
|
|
477
|
+
<td>123B</td>
|
|
478
|
+
<td>~68 GB</td>
|
|
479
|
+
<td>128K</td>
|
|
480
|
+
<td><span class="pill blue">Good</span></td>
|
|
481
|
+
<td><span class="pill dim">MPL 2.0</span></td>
|
|
482
|
+
<td>Best perf/param ratio</td>
|
|
483
|
+
</tr>
|
|
484
|
+
|
|
485
|
+
<tr>
|
|
486
|
+
<td class="model-name">DeepSeek-V3</td>
|
|
487
|
+
<td>671B MoE</td>
|
|
488
|
+
<td>~350 GB</td>
|
|
489
|
+
<td>128K</td>
|
|
490
|
+
<td><span class="pill blue">Good</span></td>
|
|
491
|
+
<td><span class="pill dim">MIT</span></td>
|
|
492
|
+
<td>Cost-efficient inference</td>
|
|
493
|
+
</tr>
|
|
494
|
+
|
|
495
|
+
<tr>
|
|
496
|
+
<td class="model-name">Qwen-3-72B</td>
|
|
497
|
+
<td>72B</td>
|
|
498
|
+
<td>~44 GB</td>
|
|
499
|
+
<td>32K</td>
|
|
500
|
+
<td><span class="pill orange">Moderate</span></td>
|
|
501
|
+
<td><span class="pill dim">Qwen license</span></td>
|
|
502
|
+
<td>Code + retrieval tasks</td>
|
|
503
|
+
</tr>
|
|
504
|
+
|
|
505
|
+
<tr>
|
|
506
|
+
<td class="model-name">Gemma-3-27B</td>
|
|
507
|
+
<td>27B</td>
|
|
508
|
+
<td>~16 GB</td>
|
|
509
|
+
<td>128K</td>
|
|
510
|
+
<td><span class="pill orange">Moderate</span></td>
|
|
511
|
+
<td><span class="pill dim">Gemma terms</span></td>
|
|
512
|
+
<td>Single-step tasks</td>
|
|
513
|
+
</tr>
|
|
514
|
+
|
|
515
|
+
<tr>
|
|
516
|
+
<td class="model-name">Phi-4-14B</td>
|
|
517
|
+
<td>14B</td>
|
|
518
|
+
<td>~8 GB</td>
|
|
519
|
+
<td>16K</td>
|
|
520
|
+
<td><span class="pill dim">Limited</span></td>
|
|
521
|
+
<td><span class="pill dim">MIT</span></td>
|
|
522
|
+
<td>Edge / lightweight</td>
|
|
523
|
+
</tr>
|
|
524
|
+
|
|
525
|
+
<tr>
|
|
526
|
+
<td class="model-name">Llama-4-8B</td>
|
|
527
|
+
<td>8B</td>
|
|
528
|
+
<td>~5 GB</td>
|
|
529
|
+
<td>32K</td>
|
|
530
|
+
<td><span class="pill dim">Limited</span></td>
|
|
531
|
+
<td><span class="pill dim">Llama license</span></td>
|
|
532
|
+
<td>Prototyping</td>
|
|
533
|
+
</tr>
|
|
534
|
+
|
|
535
|
+
</tbody>
|
|
536
|
+
</table>
|
|
537
|
+
</div>
|
|
538
|
+
</section>
|
|
539
|
+
</main>
|
|
540
|
+
|
|
541
|
+
</body>
|
|
542
|
+
</html>
|