File size: 43,776 Bytes
3c3356c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
427dd4e
 
3c3356c
 
 
 
 
 
 
427dd4e
3c3356c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
427dd4e
 
 
 
 
3c3356c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
427dd4e
 
 
3c3356c
427dd4e
3c3356c
 
 
 
 
 
 
 
 
 
 
427dd4e
 
 
3c3356c
427dd4e
3c3356c
 
427dd4e
 
 
3c3356c
 
 
 
427dd4e
 
 
 
3c3356c
427dd4e
 
 
3c3356c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 1701" width="1500" height="1701" font-size="14">
<style>
:root {
  --bg: #ffffff; --fg: #1b1f24; --muted: #6b7280; --panel: #f6f8fa; --grid: #e5e7eb;
  --embed: #dbeafe; --embed-s: #3b82f6;
  --attn: #cffafe; --attn-s: #06b6d4;
  --mamba: #dcfce7; --mamba-s: #22c55e;
  --linattn: #fce7f3; --linattn-s: #ec4899;
  --recur: #ede9fe; --recur-s: #8b5cf6;
  --moe: #ffedd5; --moe-s: #f97316;
  --mlp: #ede9fe; --mlp-s: #8b5cf6;
  --norm: #e5e7eb; --norm-s: #9ca3af;
  --head: #fee2e2; --head-s: #ef4444;
  --config: #f1f5f9; --config-s: #64748b;
  --rope: #fef9c3; --rope-s: #eab308;
  --layer: #f8fafc; --layer-s: #cbd5e1;
  --io: #f1f5f9; --io-s: #94a3b8;
  --soft: #fae8ff; --soft-s: #c026d3;
  --add: #ffffff; --add-s: #475569;
  --block-s: #94a3b8;
  --residual: #f59e0b;
  --added: #16a34a; --over: #d97706; --deleted: #dc2626;
  --lt-full: #06b6d4; --lt-sliding: #3b82f6; --lt-chunked: #8b5cf6;
  --lt-compressed: #f97316; --lt-heavy: #dc2626; --lt-linear: #ec4899; --lt-mamba: #22c55e;
  --cell-on: #0ea5e9; --cell-off: #e5e7eb;
  --vision: #dcfce7; --vision-s: #16a34a; --audio: #fae8ff; --audio-s: #c026d3;
  --proj: #fef3c7; --proj-s: #d97706; --xattn: #db2777;
  --conv: #d1fae5; --conv-s: #10b981; --act: #ecfccb; --act-s: #65a30d;
  --pool: #e0f2fe; --pool-s: #0284c7; --quant: #fae8ff; --quant-s: #c026d3;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0d1117; --fg: #e6edf3; --muted: #8b949e; --panel: #161b22; --grid: #30363d;
    --embed: #172554; --attn: #083344; --mamba: #052e16; --linattn: #500724;
    --recur: #2e1065; --moe: #431407; --mlp: #2e1065; --norm: #21262d; --head: #450a0a;
    --config: #1e293b; --rope: #422006; --layer: #161b22;
    --conv: #022c22; --act: #1a2e05; --pool: #082f49; --quant: #3b0764; --proj: #422006;
    --io: #1e293b; --soft: #3b0764; --add: #0d1117; --cell-off: #21262d;
  }
}
.bg { fill: var(--bg); }
text { font-family: ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif; fill: var(--fg); }
.title { font-size: 22px; font-weight: 700; }
.subtitle { font-size: 13px; fill: var(--muted); }
.box-label { font-size: 14px; font-weight: 600; }
.box-label.sm { font-size: 12.5px; }
.box-sub { font-size: 11px; fill: var(--muted); }
.glyph { font-size: 18px; font-weight: 700; fill: var(--add-s); }
.badge { font-size: 12px; font-weight: 700; fill: var(--fg); }
.facts-k { font-size: 11.5px; fill: var(--muted); }
.facts-v { font-size: 11.5px; font-weight: 600; }
.legend-t { font-size: 11.5px; fill: var(--fg); }
.panel { fill: var(--panel); stroke: var(--grid); }
rect.b { rx: 9; stroke-width: 1.6; }
.c-embed { fill: var(--embed); stroke: var(--embed-s); }
.c-attn  { fill: var(--attn);  stroke: var(--attn-s); }
.c-mamba { fill: var(--mamba); stroke: var(--mamba-s); }
.c-linattn { fill: var(--linattn); stroke: var(--linattn-s); }
.c-recur { fill: var(--recur); stroke: var(--recur-s); }
.c-moe   { fill: var(--moe);   stroke: var(--moe-s); }
.c-mlp   { fill: var(--mlp);   stroke: var(--mlp-s); }
.c-norm  { fill: var(--norm);  stroke: var(--norm-s); }
.c-head  { fill: var(--head);  stroke: var(--head-s); }
.c-config{ fill: var(--config);stroke: var(--config-s); }
.c-rope  { fill: var(--rope);  stroke: var(--rope-s); }
.c-proj  { fill: var(--proj);  stroke: var(--proj-s); }
.c-conv  { fill: var(--conv);  stroke: var(--conv-s); }
.c-act   { fill: var(--act);   stroke: var(--act-s); }
.c-pool  { fill: var(--pool);  stroke: var(--pool-s); }
.c-quant { fill: var(--quant); stroke: var(--quant-s); }
.c-layer { fill: var(--layer); stroke: var(--layer-s); }
.c-io    { fill: var(--io);    stroke: var(--io-s); }
.c-soft  { fill: var(--soft);  stroke: var(--soft-s); }
.c-add   { fill: var(--add);   stroke: var(--add-s); }
.c-block { fill: none; stroke: var(--block-s); stroke-width: 1.6; stroke-dasharray: 7 5; }
.c-lt-full { fill: var(--lt-full); stroke: var(--lt-full); }
.c-lt-sliding { fill: var(--lt-sliding); stroke: var(--lt-sliding); }
.c-lt-chunked { fill: var(--lt-chunked); stroke: var(--lt-chunked); }
.c-lt-compressed { fill: var(--lt-compressed); stroke: var(--lt-compressed); }
.c-lt-heavy { fill: var(--lt-heavy); stroke: var(--lt-heavy); }
.c-lt-linear { fill: var(--lt-linear); stroke: var(--lt-linear); }
.c-lt-mamba { fill: var(--lt-mamba); stroke: var(--lt-mamba); }
.cell-on { fill: var(--cell-on); }
.cell-off { fill: var(--cell-off); }
.grid-frame { fill: none; stroke: var(--grid); stroke-width: 1; }
.mask-bg { fill: var(--cell-off); }
.mask-on { fill: #22c55e; }
.mask-div { stroke: var(--fg); stroke-width: 1.5; stroke-dasharray: 3 2; }
.c-vision { fill: var(--vision); stroke: var(--vision-s); }
.c-audio  { fill: var(--audio);  stroke: var(--audio-s); }
.c-proj   { fill: var(--proj);   stroke: var(--proj-s); }
.c-sub    { fill: var(--bg); stroke: var(--block-s); stroke-width: 1.2; }
.sec-h { font-size: 12px; font-weight: 700; }
.sec-hbar { fill: var(--bg); opacity: 0.82; }
.residual.xattn { stroke: var(--xattn); stroke-width: 2.4; }
.ghost { opacity: 0.32; stroke-dasharray: 4 3; }
.ch-added rect.b, rect.b.ch-added { stroke: var(--added); stroke-width: 3.2; }
.ch-over rect.b, rect.b.ch-over { stroke: var(--over); stroke-width: 3.2; }
.ch-deleted rect.b, rect.b.ch-deleted { stroke: var(--deleted); stroke-width: 3.2; }
.edge { stroke: var(--grid); stroke-width: 2; }
.flow { stroke: var(--grid); stroke-width: 2; fill: none; }
.residual { stroke: var(--residual); stroke-width: 2; fill: none; }
.rope { stroke: var(--rope-s); stroke-width: 2.2; fill: none; }
.xattn { stroke: var(--xattn); stroke-width: 2.4; fill: none; }
.cell-idx { font-size: 9px; fill: #ffffff; font-weight: 600; }
.sky { fill: #bae6fd; } .sun { fill: #fde047; } .hill { fill: #4ade80; }
</style>
<defs><marker id="ah-flow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 z" fill="var(--grid)"/></marker><marker id="ah-residual" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 z" fill="var(--residual)"/></marker><marker id="ah-rope" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 z" fill="var(--rope-s)"/></marker><marker id="ah-xattn" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 z" fill="var(--xattn)"/></marker></defs>
<rect class="bg" x="0" y="0" width="1500" height="1701"/>
<text class="title" x="24" y="34">altclip</text>
<text class="subtitle" x="24" y="54">diff vs clip (+roberta,chinese_clip)  ·  13 overridden · 31 added · 0 deleted · 5 new · 10 inherited-as-is</text>
<line class="edge" x1="161" y1="120" x2="161" y2="1447"/>
<g class=""><rect class="c-block" x="586" y="184" width="398" height="673" rx="14"/><text class="box-sub" x="598" y="202">AltCLIPModel  ·  base model</text></g>
<g class=""><title>24 × AltRobertaLayer</title><rect class="c-block" x="594" y="257" width="382" height="560" rx="14"/><text class="box-sub" x="606" y="275">AltRobertaLayer</text><text class="badge" x="964" y="277" text-anchor="end">× 24</text></g>
<g class=""><rect class="c-block" x="32" y="1479" width="258" height="16" rx="14"/><text class="box-sub" x="44" y="1497">image ⊕ text attention</text></g>
<g class=""><rect class="b c-vision ch-over" x="36" y="252" width="250" height="593" rx="11"/><rect class="sec-hbar" x="41" y="256" width="240" height="18" rx="5"/><text class="sec-h" x="48" y="269">Vision encoder · AltCLIPTextMo…</text><text class="badge" x="274" y="269" text-anchor="end">×12</text></g>
<g class=""><rect class="b c-attn ch-over" x="620" y="321" width="330" height="448" rx="11"/><rect class="sec-hbar" x="625" y="325" width="320" height="18" rx="5"/><text class="sec-h" x="632" y="338">Self-Attention · AltRobertaAttention</text></g>
<g class=""><rect class="b c-vision ch-over" x="46" y="278" width="230" height="561" rx="11"/><rect class="sec-hbar" x="51" y="282" width="220" height="18" rx="5"/><text class="sec-h" x="58" y="295">AltRobertaLayer</text><text class="badge" x="264" y="295" text-anchor="end">×24</text></g>
<g class=""><rect class="b c-vision ch-over" x="36" y="993" width="250" height="386" rx="11"/><rect class="sec-hbar" x="41" y="997" width="240" height="18" rx="5"/><text class="sec-h" x="48" y="1010">Vision encoder · AltCLIPVisionM…</text><text class="badge" x="274" y="1010" text-anchor="end">×12</text></g>
<g class=""><rect class="b c-vision ch-over" x="46" y="1019" width="230" height="354" rx="11"/><rect class="sec-hbar" x="51" y="1023" width="220" height="18" rx="5"/><text class="sec-h" x="58" y="1036">AltCLIPEncoderLayer</text><text class="badge" x="264" y="1036" text-anchor="end">×12</text></g>
<g class=""><rect class="b c-sub ch-over" x="54" y="300" width="214" height="313" rx="11"/><rect class="sec-hbar" x="59" y="304" width="204" height="18" rx="5"/><text class="sec-h" x="66" y="317">attention · AltRobertaAttention</text></g>
<g class="ghost"><rect class="b c-sub " x="630" y="446" width="310" height="121" rx="11"/><rect class="sec-hbar" x="635" y="450" width="300" height="18" rx="5"/><text class="sec-h" x="642" y="463">output · AltRobertaSelfOutput</text></g>
<g class="ghost"><rect class="b c-sub " x="54" y="1041" width="214" height="143" rx="11"/><rect class="sec-hbar" x="59" y="1045" width="204" height="18" rx="5"/><text class="sec-h" x="66" y="1058">self_attn · CLIPAttention  ↩ inheri…</text></g>
<g class=""><rect class="b c-sub ch-over" x="62" y="325" width="198" height="143" rx="11"/><rect class="sec-hbar" x="67" y="329" width="188" height="18" rx="5"/><text class="sec-h" x="74" y="342">self · AltRobertaSelfAttention</text></g>
<g class=""><rect class="b c-sub ch-over" x="630" y="347" width="310" height="91" rx="11"/><rect class="sec-hbar" x="635" y="351" width="300" height="18" rx="5"/><text class="sec-h" x="642" y="364">self · AltRobertaSelfAttention</text></g>
<g class="ghost"><rect class="b c-sub " x="62" y="474" width="198" height="127" rx="11"/><rect class="sec-hbar" x="67" y="478" width="188" height="18" rx="5"/><text class="sec-h" x="74" y="491">output · AltRobertaSelfOutput</text></g>
<g class="ghost"><rect class="b c-sub " x="54" y="712" width="214" height="115" rx="11"/><rect class="sec-hbar" x="59" y="716" width="204" height="18" rx="5"/><text class="sec-h" x="66" y="729">output · AltRobertaOutput</text></g>
<g class="ghost"><rect class="b c-sub " x="54" y="1218" width="214" height="115" rx="11"/><rect class="sec-hbar" x="59" y="1222" width="204" height="18" rx="5"/><text class="sec-h" x="66" y="1235">mlp · CLIPMLP  ↩ inherited</text></g>
<g class="ghost"><rect class="b c-sub " x="54" y="619" width="214" height="87" rx="11"/><rect class="sec-hbar" x="59" y="623" width="204" height="18" rx="5"/><text class="sec-h" x="66" y="636">intermediate · AltRobertaInterm…</text></g>
<polyline class="residual" points="620,279 586,279 586,796 620,796" stroke-dasharray="6 4" marker-end="url(#ah-residual)"/>
<polyline class="flow" points="161,184 161,206" marker-end="url(#ah-flow)"/>
<polyline class="flow" points="161,236 161,252" marker-end="url(#ah-flow)"/>
<polyline class="flow" points="161,925 161,947" marker-end="url(#ah-flow)"/>
<polyline class="flow" points="161,977 161,993" marker-end="url(#ah-flow)"/>
<polyline class="flow" points="161,845 161,1395" marker-end="url(#ah-flow)"/>
<polyline class="flow" points="161,1379 161,1395" marker-end="url(#ah-flow)"/>
<polyline class="flow" points="286,1421 453,1421 453,220 620,220" marker-end="url(#ah-flow)"/>
<g class=""><rect class="b c-io" x="620" y="108" width="330" height="32" rx="16"/><text class="box-label sm" x="785.0" y="122.0" text-anchor="middle">input_ids</text><text class="box-sub" x="785.0" y="137.0" text-anchor="middle">tokenize(&quot;Hey, how are you?&quot;)  →  [1, 6]</text></g>
<g class="ghost"><title>token 0: &#x27;Hey&#x27;</title><rect class="b c-sub" x="620" y="154" width="50" height="26" rx="9"/><text class="box-label sm" x="645.0" y="165.0" text-anchor="middle">Hey</text><text class="box-sub" x="645.0" y="180.0" text-anchor="middle">0</text></g>
<g class="ghost"><title>token 1: &#x27;,&#x27;</title><rect class="b c-sub" x="675" y="154" width="50" height="26" rx="9"/><text class="box-label sm" x="700.0" y="165.0" text-anchor="middle">,</text><text class="box-sub" x="700.0" y="180.0" text-anchor="middle">1</text></g>
<g class="ghost"><title>token 2: &#x27;␣how&#x27;</title><rect class="b c-sub" x="731" y="154" width="50" height="26" rx="9"/><text class="box-label sm" x="756.0" y="165.0" text-anchor="middle">␣how</text><text class="box-sub" x="756.0" y="180.0" text-anchor="middle">2</text></g>
<g class="ghost"><title>token 3: &#x27;␣are&#x27;</title><rect class="b c-sub" x="787" y="154" width="50" height="26" rx="9"/><text class="box-label sm" x="812.0" y="165.0" text-anchor="middle">␣are</text><text class="box-sub" x="812.0" y="180.0" text-anchor="middle">3</text></g>
<g class="ghost"><title>token 4: &#x27;␣you&#x27;</title><rect class="b c-sub" x="843" y="154" width="50" height="26" rx="9"/><text class="box-label sm" x="868.0" y="165.0" text-anchor="middle">␣you</text><text class="box-sub" x="868.0" y="180.0" text-anchor="middle">4</text></g>
<g class="ghost"><title>token 5: &#x27;?&#x27;</title><rect class="b c-sub" x="899" y="154" width="50" height="26" rx="9"/><text class="box-label sm" x="924.0" y="165.0" text-anchor="middle">?</text><text class="box-sub" x="924.0" y="180.0" text-anchor="middle">5</text></g>
<g class="ghost"><rect class="b c-embed" x="620" y="198" width="330" height="45" rx="9"/><text class="box-label sm" x="785.0" y="218.5" text-anchor="middle">Token Embedding</text><text class="box-sub" x="785.0" y="233.5" text-anchor="middle">weight [250002 × 1024]   →   [1, 6, 1024]</text></g>
<g class="ghost"><rect class="b c-norm" x="620" y="279" width="330" height="28" rx="9"/><text class="box-label sm" x="785.0" y="291.0" text-anchor="middle">Norm</text><text class="box-sub" x="785.0" y="306.0" text-anchor="middle">pre-attention  [1, 6, 1024]</text></g>
<g class=""><title>query: Linear [1024→1024]</title><rect class="b c-proj ch-added" x="638" y="372" width="143" height="22" rx="9"/><text class="box-label sm" x="709.5" y="387.5" text-anchor="middle">query  [1024→1024]</text><circle cx="650" cy="384" r="5" fill="var(--added)"/></g>
<g class=""><title>key: Linear [1024→1024]</title><rect class="b c-proj ch-added" x="789" y="372" width="143" height="22" rx="9"/><text class="box-label sm" x="860.5" y="387.5" text-anchor="middle">key  [1024→1024]</text><circle cx="801" cy="384" r="5" fill="var(--added)"/></g>
<g class=""><title>value: Linear [1024→1024]</title><rect class="b c-proj ch-added" x="638" y="402" width="143" height="22" rx="9"/><text class="box-label sm" x="709.5" y="417.5" text-anchor="middle">value  [1024→1024]</text><circle cx="650" cy="414" r="5" fill="var(--added)"/></g>
<g class=""><title>dropout: Dropout</title><rect class="b c-sub ch-added" x="789" y="402" width="143" height="22" rx="9"/><text class="box-label sm" x="860.5" y="417.5" text-anchor="middle">dropout  Dropout</text><circle cx="801" cy="414" r="5" fill="var(--added)"/></g>
<g class=""><title>dense: Linear [1024→1024]</title><rect class="b c-proj ch-added" x="638" y="471" width="294" height="22" rx="9"/><text class="box-label sm" x="785.0" y="486.5" text-anchor="middle">dense  [1024→1024]</text><circle cx="650" cy="483" r="5" fill="var(--added)"/></g>
<g class=""><title>LayerNorm: LayerNorm 1024</title><rect class="b c-norm ch-added" x="638" y="501" width="294" height="22" rx="9"/><text class="box-label sm" x="785.0" y="516.5" text-anchor="middle">LayerNorm  LayerNorm 1024</text><circle cx="650" cy="513" r="5" fill="var(--added)"/></g>
<g class=""><title>dropout: Dropout</title><rect class="b c-sub ch-added" x="638" y="531" width="294" height="22" rx="9"/><text class="box-label sm" x="785.0" y="546.5" text-anchor="middle">dropout  Dropout</text><circle cx="650" cy="543" r="5" fill="var(--added)"/></g>
<g class="ghost"><rect class="b c-sub" x="630" y="575" width="310" height="30" rx="9"/><text class="box-label sm" x="785.0" y="588.0" text-anchor="middle">scaled dot-product attention</text><text class="box-sub" x="785.0" y="603.0" text-anchor="middle">16 heads · head_dim 64</text></g>
<g class=""><title>causal attention mask (q↓ × k→)</title><text class="box-sub" x="715" y="617">causal mask</text><rect class="mask-bg" x="715" y="623" width="140.0" height="140.0"/><rect class="mask-on" x="715.0" y="623.0" width="10.0" height="10.0"/><rect class="mask-on" x="715.0" y="633.0" width="10.0" height="10.0"/><rect class="mask-on" x="725.0" y="633.0" width="10.0" height="10.0"/><rect class="mask-on" x="715.0" y="643.0" width="10.0" height="10.0"/><rect class="mask-on" x="725.0" y="643.0" width="10.0" height="10.0"/><rect class="mask-on" x="735.0" y="643.0" width="10.0" height="10.0"/><rect class="mask-on" x="715.0" y="653.0" width="10.0" height="10.0"/><rect class="mask-on" x="725.0" y="653.0" width="10.0" height="10.0"/><rect class="mask-on" x="735.0" y="653.0" width="10.0" height="10.0"/><rect class="mask-on" x="745.0" y="653.0" width="10.0" height="10.0"/><rect class="mask-on" x="715.0" y="663.0" width="10.0" height="10.0"/><rect class="mask-on" x="725.0" y="663.0" width="10.0" height="10.0"/><rect class="mask-on" x="735.0" y="663.0" width="10.0" height="10.0"/><rect class="mask-on" x="745.0" y="663.0" width="10.0" height="10.0"/><rect class="mask-on" x="755.0" y="663.0" width="10.0" height="10.0"/><rect class="mask-on" x="715.0" y="673.0" width="10.0" height="10.0"/><rect class="mask-on" x="725.0" y="673.0" width="10.0" height="10.0"/><rect class="mask-on" x="735.0" y="673.0" width="10.0" height="10.0"/><rect class="mask-on" x="745.0" y="673.0" width="10.0" height="10.0"/><rect class="mask-on" x="755.0" y="673.0" width="10.0" height="10.0"/><rect class="mask-on" x="765.0" y="673.0" width="10.0" height="10.0"/><rect class="mask-on" x="715.0" y="683.0" width="10.0" height="10.0"/><rect class="mask-on" x="725.0" y="683.0" width="10.0" height="10.0"/><rect class="mask-on" x="735.0" y="683.0" width="10.0" height="10.0"/><rect class="mask-on" x="745.0" y="683.0" width="10.0" height="10.0"/><rect class="mask-on" x="755.0" y="683.0" width="10.0" height="10.0"/><rect class="mask-on" x="765.0" y="683.0" width="10.0" height="10.0"/><rect class="mask-on" x="775.0" y="683.0" width="10.0" height="10.0"/><rect class="mask-on" x="715.0" y="693.0" width="10.0" height="10.0"/><rect class="mask-on" x="725.0" y="693.0" width="10.0" height="10.0"/><rect class="mask-on" x="735.0" y="693.0" width="10.0" height="10.0"/><rect class="mask-on" x="745.0" y="693.0" width="10.0" height="10.0"/><rect class="mask-on" x="755.0" y="693.0" width="10.0" height="10.0"/><rect class="mask-on" x="765.0" y="693.0" width="10.0" height="10.0"/><rect class="mask-on" x="775.0" y="693.0" width="10.0" height="10.0"/><rect class="mask-on" x="785.0" y="693.0" width="10.0" height="10.0"/><rect class="mask-on" x="715.0" y="703.0" width="10.0" height="10.0"/><rect class="mask-on" x="725.0" y="703.0" width="10.0" height="10.0"/><rect class="mask-on" x="735.0" y="703.0" width="10.0" height="10.0"/><rect class="mask-on" x="745.0" y="703.0" width="10.0" height="10.0"/><rect class="mask-on" x="755.0" y="703.0" width="10.0" height="10.0"/><rect class="mask-on" x="765.0" y="703.0" width="10.0" height="10.0"/><rect class="mask-on" x="775.0" y="703.0" width="10.0" height="10.0"/><rect class="mask-on" x="785.0" y="703.0" width="10.0" height="10.0"/><rect class="mask-on" x="795.0" y="703.0" width="10.0" height="10.0"/><rect class="mask-on" x="715.0" y="713.0" width="10.0" height="10.0"/><rect class="mask-on" x="725.0" y="713.0" width="10.0" height="10.0"/><rect class="mask-on" x="735.0" y="713.0" width="10.0" height="10.0"/><rect class="mask-on" x="745.0" y="713.0" width="10.0" height="10.0"/><rect class="mask-on" x="755.0" y="713.0" width="10.0" height="10.0"/><rect class="mask-on" x="765.0" y="713.0" width="10.0" height="10.0"/><rect class="mask-on" x="775.0" y="713.0" width="10.0" height="10.0"/><rect class="mask-on" x="785.0" y="713.0" width="10.0" height="10.0"/><rect class="mask-on" x="795.0" y="713.0" width="10.0" height="10.0"/><rect class="mask-on" x="805.0" y="713.0" width="10.0" height="10.0"/><rect class="mask-on" x="715.0" y="723.0" width="10.0" height="10.0"/><rect class="mask-on" x="725.0" y="723.0" width="10.0" height="10.0"/><rect class="mask-on" x="735.0" y="723.0" width="10.0" height="10.0"/><rect class="mask-on" x="745.0" y="723.0" width="10.0" height="10.0"/><rect class="mask-on" x="755.0" y="723.0" width="10.0" height="10.0"/><rect class="mask-on" x="765.0" y="723.0" width="10.0" height="10.0"/><rect class="mask-on" x="775.0" y="723.0" width="10.0" height="10.0"/><rect class="mask-on" x="785.0" y="723.0" width="10.0" height="10.0"/><rect class="mask-on" x="795.0" y="723.0" width="10.0" height="10.0"/><rect class="mask-on" x="805.0" y="723.0" width="10.0" height="10.0"/><rect class="mask-on" x="815.0" y="723.0" width="10.0" height="10.0"/><rect class="mask-on" x="715.0" y="733.0" width="10.0" height="10.0"/><rect class="mask-on" x="725.0" y="733.0" width="10.0" height="10.0"/><rect class="mask-on" x="735.0" y="733.0" width="10.0" height="10.0"/><rect class="mask-on" x="745.0" y="733.0" width="10.0" height="10.0"/><rect class="mask-on" x="755.0" y="733.0" width="10.0" height="10.0"/><rect class="mask-on" x="765.0" y="733.0" width="10.0" height="10.0"/><rect class="mask-on" x="775.0" y="733.0" width="10.0" height="10.0"/><rect class="mask-on" x="785.0" y="733.0" width="10.0" height="10.0"/><rect class="mask-on" x="795.0" y="733.0" width="10.0" height="10.0"/><rect class="mask-on" x="805.0" y="733.0" width="10.0" height="10.0"/><rect class="mask-on" x="815.0" y="733.0" width="10.0" height="10.0"/><rect class="mask-on" x="825.0" y="733.0" width="10.0" height="10.0"/><rect class="mask-on" x="715.0" y="743.0" width="10.0" height="10.0"/><rect class="mask-on" x="725.0" y="743.0" width="10.0" height="10.0"/><rect class="mask-on" x="735.0" y="743.0" width="10.0" height="10.0"/><rect class="mask-on" x="745.0" y="743.0" width="10.0" height="10.0"/><rect class="mask-on" x="755.0" y="743.0" width="10.0" height="10.0"/><rect class="mask-on" x="765.0" y="743.0" width="10.0" height="10.0"/><rect class="mask-on" x="775.0" y="743.0" width="10.0" height="10.0"/><rect class="mask-on" x="785.0" y="743.0" width="10.0" height="10.0"/><rect class="mask-on" x="795.0" y="743.0" width="10.0" height="10.0"/><rect class="mask-on" x="805.0" y="743.0" width="10.0" height="10.0"/><rect class="mask-on" x="815.0" y="743.0" width="10.0" height="10.0"/><rect class="mask-on" x="825.0" y="743.0" width="10.0" height="10.0"/><rect class="mask-on" x="835.0" y="743.0" width="10.0" height="10.0"/><rect class="mask-on" x="715.0" y="753.0" width="10.0" height="10.0"/><rect class="mask-on" x="725.0" y="753.0" width="10.0" height="10.0"/><rect class="mask-on" x="735.0" y="753.0" width="10.0" height="10.0"/><rect class="mask-on" x="745.0" y="753.0" width="10.0" height="10.0"/><rect class="mask-on" x="755.0" y="753.0" width="10.0" height="10.0"/><rect class="mask-on" x="765.0" y="753.0" width="10.0" height="10.0"/><rect class="mask-on" x="775.0" y="753.0" width="10.0" height="10.0"/><rect class="mask-on" x="785.0" y="753.0" width="10.0" height="10.0"/><rect class="mask-on" x="795.0" y="753.0" width="10.0" height="10.0"/><rect class="mask-on" x="805.0" y="753.0" width="10.0" height="10.0"/><rect class="mask-on" x="815.0" y="753.0" width="10.0" height="10.0"/><rect class="mask-on" x="825.0" y="753.0" width="10.0" height="10.0"/><rect class="mask-on" x="835.0" y="753.0" width="10.0" height="10.0"/><rect class="mask-on" x="845.0" y="753.0" width="10.0" height="10.0"/><rect class="grid-frame" x="715" y="623" width="140.0" height="140.0"/></g>
<g class=""><title>residual add</title><circle class="b c-add " cx="785.0" cy="796" r="13"/><text class="glyph" x="785.0" y="802" text-anchor="middle">+</text></g>
<g class="ghost"><rect class="b c-norm" x="620" y="823" width="330" height="28" rx="9"/><text class="box-label sm" x="785.0" y="835.0" text-anchor="middle">Final LayerNorm</text><text class="box-sub" x="785.0" y="850.0" text-anchor="middle">[1, 6, 1024]</text></g>
<g class="ghost"><rect class="b c-head" x="620" y="865" width="330" height="42" rx="9"/><text class="box-label sm" x="785.0" y="884.0" text-anchor="middle">LM Head</text><text class="box-sub" x="785.0" y="899.0" text-anchor="middle">Linear [1024→250002]</text></g>
<g class="ghost"><rect class="b c-soft" x="620" y="921" width="330" height="26" rx="9"/><text class="box-label sm" x="785.0" y="938.5" text-anchor="middle">Softmax</text></g>
<g class=""><rect class="b c-io" x="620" y="961" width="330" height="30" rx="15"/><text class="box-label sm" x="785.0" y="974.0" text-anchor="middle">logits</text><text class="box-sub" x="785.0" y="989.0" text-anchor="middle">[1, 6, 250002]</text></g>
<g class="ghost"><rect class="b c-vision" x="123" y="120" width="76" height="64" rx="6"/><clipPath id="ic123120"><rect x="129" y="126" width="64" height="52" rx="3"/></clipPath><g clip-path="url(#ic123120)"><rect class="sky" x="129" y="126" width="64" height="52"/><circle class="sun" cx="175" cy="143" r="8"/><path class="hill" d="M129,178 L151,152 L167,178 Z"/><path class="hill" d="M158,178 L177,155 L193,178 Z"/></g><rect class="grid-frame" x="129" y="126" width="64" height="52" rx="3"/><text class="box-sub" x="161.0" y="196" text-anchor="middle">example image</text></g>
<g class=""><rect class="b c-io" x="36" y="206" width="250" height="30" rx="15"/><text class="box-label sm" x="161.0" y="219.0" text-anchor="middle">pixel_values</text><text class="box-sub" x="161.0" y="234.0" text-anchor="middle">[1, 3, 336, 336]</text></g>
<g class=""><title>query: Linear [1024→1024]</title><rect class="b c-proj ch-added" x="70" y="350" width="182" height="22" rx="9"/><text class="box-label sm" x="161.0" y="365.5" text-anchor="middle">query  [1024→1024]</text><circle cx="82" cy="362" r="5" fill="var(--added)"/></g>
<g class=""><title>key: Linear [1024→1024]</title><rect class="b c-proj ch-added" x="70" y="378" width="182" height="22" rx="9"/><text class="box-label sm" x="161.0" y="393.5" text-anchor="middle">key  [1024→1024]</text><circle cx="82" cy="390" r="5" fill="var(--added)"/></g>
<g class=""><title>value: Linear [1024→1024]</title><rect class="b c-proj ch-added" x="70" y="406" width="182" height="22" rx="9"/><text class="box-label sm" x="161.0" y="421.5" text-anchor="middle">value  [1024→1024]</text><circle cx="82" cy="418" r="5" fill="var(--added)"/></g>
<g class=""><title>dropout: Dropout</title><rect class="b c-sub ch-added" x="70" y="434" width="182" height="22" rx="9"/><text class="box-label sm" x="161.0" y="449.5" text-anchor="middle">dropout  Dropout</text><circle cx="82" cy="446" r="5" fill="var(--added)"/></g>
<g class=""><title>dense: Linear [1024→1024]</title><rect class="b c-proj ch-added" x="70" y="499" width="182" height="22" rx="9"/><text class="box-label sm" x="161.0" y="514.5" text-anchor="middle">dense  [1024→1024]</text><circle cx="82" cy="511" r="5" fill="var(--added)"/></g>
<g class=""><title>LayerNorm: LayerNorm 1024</title><rect class="b c-norm ch-added" x="70" y="527" width="182" height="34" rx="9"/><text class="box-label sm" x="161.0" y="542.0" text-anchor="middle">LayerNorm</text><text class="box-sub" x="161.0" y="557.0" text-anchor="middle">LayerNorm 1024</text><circle cx="82" cy="539" r="5" fill="var(--added)"/></g>
<g class=""><title>dropout: Dropout</title><rect class="b c-sub ch-added" x="70" y="567" width="182" height="22" rx="9"/><text class="box-label sm" x="161.0" y="582.5" text-anchor="middle">dropout  Dropout</text><circle cx="82" cy="579" r="5" fill="var(--added)"/></g>
<g class=""><title>dense: Linear [1024→4096]</title><rect class="b c-proj ch-added" x="62" y="644" width="198" height="22" rx="9"/><text class="box-label sm" x="161.0" y="659.5" text-anchor="middle">dense  [1024→4096]</text><circle cx="74" cy="656" r="5" fill="var(--added)"/></g>
<g class=""><title>intermediate_act_fn: GELUActivation</title><rect class="b c-act ch-added" x="62" y="672" width="198" height="22" rx="9"/><text class="box-label sm" x="161.0" y="687.5" text-anchor="middle">intermediate_act_fn  GELU</text><circle cx="74" cy="684" r="5" fill="var(--added)"/></g>
<g class=""><title>dense: Linear [4096→1024]</title><rect class="b c-proj ch-added" x="62" y="737" width="198" height="22" rx="9"/><text class="box-label sm" x="161.0" y="752.5" text-anchor="middle">dense  [4096→1024]</text><circle cx="74" cy="749" r="5" fill="var(--added)"/></g>
<g class=""><title>LayerNorm: LayerNorm 1024</title><rect class="b c-norm ch-added" x="62" y="765" width="198" height="22" rx="9"/><text class="box-label sm" x="161.0" y="780.5" text-anchor="middle">LayerNorm  LayerNorm 1024</text><circle cx="74" cy="777" r="5" fill="var(--added)"/></g>
<g class=""><title>dropout: Dropout</title><rect class="b c-sub ch-added" x="62" y="793" width="198" height="22" rx="9"/><text class="box-label sm" x="161.0" y="808.5" text-anchor="middle">dropout  Dropout</text><circle cx="74" cy="805" r="5" fill="var(--added)"/></g>
<g class="ghost"><rect class="b c-vision" x="123" y="861" width="76" height="64" rx="6"/><clipPath id="ic123861"><rect x="129" y="867" width="64" height="52" rx="3"/></clipPath><g clip-path="url(#ic123861)"><rect class="sky" x="129" y="867" width="64" height="52"/><circle class="sun" cx="175" cy="884" r="8"/><path class="hill" d="M129,919 L151,893 L167,919 Z"/><path class="hill" d="M158,919 L177,896 L193,919 Z"/></g><rect class="grid-frame" x="129" y="867" width="64" height="52" rx="3"/><text class="box-sub" x="161.0" y="937" text-anchor="middle">example image</text></g>
<g class=""><rect class="b c-io" x="36" y="947" width="250" height="30" rx="15"/><text class="box-label sm" x="161.0" y="960.0" text-anchor="middle">pixel_values</text><text class="box-sub" x="161.0" y="975.0" text-anchor="middle">[1, 3, 336, 336]</text></g>
<g class="ghost"><title>k_proj: Linear [768→768]</title><rect class="b c-proj" x="62" y="1066" width="198" height="22" rx="9"/><text class="box-label sm" x="161.0" y="1081.5" text-anchor="middle">k_proj  [768→768]</text></g>
<g class="ghost"><title>v_proj: Linear [768→768]</title><rect class="b c-proj" x="62" y="1094" width="198" height="22" rx="9"/><text class="box-label sm" x="161.0" y="1109.5" text-anchor="middle">v_proj  [768→768]</text></g>
<g class="ghost"><title>q_proj: Linear [768→768]</title><rect class="b c-proj" x="62" y="1122" width="198" height="22" rx="9"/><text class="box-label sm" x="161.0" y="1137.5" text-anchor="middle">q_proj  [768→768]</text></g>
<g class="ghost"><title>out_proj: Linear [768→768]</title><rect class="b c-proj" x="62" y="1150" width="198" height="22" rx="9"/><text class="box-label sm" x="161.0" y="1165.5" text-anchor="middle">out_proj  [768→768]</text></g>
<g class=""><title>layer_norm1: LayerNorm 768</title><rect class="b c-norm ch-added" x="54" y="1190" width="214" height="22" rx="9"/><text class="box-label sm" x="161.0" y="1205.5" text-anchor="middle">layer_norm1  LayerNorm 768</text><circle cx="66" cy="1202" r="5" fill="var(--added)"/></g>
<g class="ghost"><title>activation_fn: QuickGELUActivation</title><rect class="b c-act" x="62" y="1243" width="198" height="22" rx="9"/><text class="box-label sm" x="161.0" y="1258.5" text-anchor="middle">activation_fn  QuickGELU</text></g>
<g class="ghost"><title>fc1: Linear [768→3072]</title><rect class="b c-proj" x="62" y="1271" width="198" height="22" rx="9"/><text class="box-label sm" x="161.0" y="1286.5" text-anchor="middle">fc1  [768→3072]</text></g>
<g class="ghost"><title>fc2: Linear [3072→768]</title><rect class="b c-proj" x="62" y="1299" width="198" height="22" rx="9"/><text class="box-label sm" x="161.0" y="1314.5" text-anchor="middle">fc2  [3072→768]</text></g>
<g class=""><title>layer_norm2: LayerNorm 768</title><rect class="b c-norm ch-added" x="54" y="1339" width="214" height="22" rx="9"/><text class="box-label sm" x="161.0" y="1354.5" text-anchor="middle">layer_norm2  LayerNorm 768</text><circle cx="66" cy="1351" r="5" fill="var(--added)"/></g>
<g class="ghost"><rect class="b c-proj" x="36" y="1395" width="250" height="52" rx="9"/><text class="box-label sm" x="161.0" y="1419.0" text-anchor="middle">Projector · Linear</text><text class="box-sub" x="161.0" y="1434.0" text-anchor="middle">align features → text hidden dim</text></g>
<g class="ghost"><rect class="b c-proj" x="375" y="190" width="168" height="18" rx="9"/><text class="box-label sm" x="459.0" y="203.5" text-anchor="middle">merge at modality tokens</text></g>
<g class=""><title>image↓text query × image|text key</title><text class="box-sub" x="83" y="1495">5 img + 7 text · prefix-LM: i…</text><rect class="mask-bg" x="83" y="1501" width="156.0" height="156.0"/><rect class="mask-on" x="83.0" y="1501.0" width="13.0" height="13.0"/><rect class="mask-on" x="96.0" y="1501.0" width="13.0" height="13.0"/><rect class="mask-on" x="109.0" y="1501.0" width="13.0" height="13.0"/><rect class="mask-on" x="122.0" y="1501.0" width="13.0" height="13.0"/><rect class="mask-on" x="135.0" y="1501.0" width="13.0" height="13.0"/><rect class="mask-on" x="83.0" y="1514.0" width="13.0" height="13.0"/><rect class="mask-on" x="96.0" y="1514.0" width="13.0" height="13.0"/><rect class="mask-on" x="109.0" y="1514.0" width="13.0" height="13.0"/><rect class="mask-on" x="122.0" y="1514.0" width="13.0" height="13.0"/><rect class="mask-on" x="135.0" y="1514.0" width="13.0" height="13.0"/><rect class="mask-on" x="83.0" y="1527.0" width="13.0" height="13.0"/><rect class="mask-on" x="96.0" y="1527.0" width="13.0" height="13.0"/><rect class="mask-on" x="109.0" y="1527.0" width="13.0" height="13.0"/><rect class="mask-on" x="122.0" y="1527.0" width="13.0" height="13.0"/><rect class="mask-on" x="135.0" y="1527.0" width="13.0" height="13.0"/><rect class="mask-on" x="83.0" y="1540.0" width="13.0" height="13.0"/><rect class="mask-on" x="96.0" y="1540.0" width="13.0" height="13.0"/><rect class="mask-on" x="109.0" y="1540.0" width="13.0" height="13.0"/><rect class="mask-on" x="122.0" y="1540.0" width="13.0" height="13.0"/><rect class="mask-on" x="135.0" y="1540.0" width="13.0" height="13.0"/><rect class="mask-on" x="83.0" y="1553.0" width="13.0" height="13.0"/><rect class="mask-on" x="96.0" y="1553.0" width="13.0" height="13.0"/><rect class="mask-on" x="109.0" y="1553.0" width="13.0" height="13.0"/><rect class="mask-on" x="122.0" y="1553.0" width="13.0" height="13.0"/><rect class="mask-on" x="135.0" y="1553.0" width="13.0" height="13.0"/><rect class="mask-on" x="83.0" y="1566.0" width="13.0" height="13.0"/><rect class="mask-on" x="96.0" y="1566.0" width="13.0" height="13.0"/><rect class="mask-on" x="109.0" y="1566.0" width="13.0" height="13.0"/><rect class="mask-on" x="122.0" y="1566.0" width="13.0" height="13.0"/><rect class="mask-on" x="135.0" y="1566.0" width="13.0" height="13.0"/><rect class="mask-on" x="148.0" y="1566.0" width="13.0" height="13.0"/><rect class="mask-on" x="83.0" y="1579.0" width="13.0" height="13.0"/><rect class="mask-on" x="96.0" y="1579.0" width="13.0" height="13.0"/><rect class="mask-on" x="109.0" y="1579.0" width="13.0" height="13.0"/><rect class="mask-on" x="122.0" y="1579.0" width="13.0" height="13.0"/><rect class="mask-on" x="135.0" y="1579.0" width="13.0" height="13.0"/><rect class="mask-on" x="148.0" y="1579.0" width="13.0" height="13.0"/><rect class="mask-on" x="161.0" y="1579.0" width="13.0" height="13.0"/><rect class="mask-on" x="83.0" y="1592.0" width="13.0" height="13.0"/><rect class="mask-on" x="96.0" y="1592.0" width="13.0" height="13.0"/><rect class="mask-on" x="109.0" y="1592.0" width="13.0" height="13.0"/><rect class="mask-on" x="122.0" y="1592.0" width="13.0" height="13.0"/><rect class="mask-on" x="135.0" y="1592.0" width="13.0" height="13.0"/><rect class="mask-on" x="148.0" y="1592.0" width="13.0" height="13.0"/><rect class="mask-on" x="161.0" y="1592.0" width="13.0" height="13.0"/><rect class="mask-on" x="174.0" y="1592.0" width="13.0" height="13.0"/><rect class="mask-on" x="83.0" y="1605.0" width="13.0" height="13.0"/><rect class="mask-on" x="96.0" y="1605.0" width="13.0" height="13.0"/><rect class="mask-on" x="109.0" y="1605.0" width="13.0" height="13.0"/><rect class="mask-on" x="122.0" y="1605.0" width="13.0" height="13.0"/><rect class="mask-on" x="135.0" y="1605.0" width="13.0" height="13.0"/><rect class="mask-on" x="148.0" y="1605.0" width="13.0" height="13.0"/><rect class="mask-on" x="161.0" y="1605.0" width="13.0" height="13.0"/><rect class="mask-on" x="174.0" y="1605.0" width="13.0" height="13.0"/><rect class="mask-on" x="187.0" y="1605.0" width="13.0" height="13.0"/><rect class="mask-on" x="83.0" y="1618.0" width="13.0" height="13.0"/><rect class="mask-on" x="96.0" y="1618.0" width="13.0" height="13.0"/><rect class="mask-on" x="109.0" y="1618.0" width="13.0" height="13.0"/><rect class="mask-on" x="122.0" y="1618.0" width="13.0" height="13.0"/><rect class="mask-on" x="135.0" y="1618.0" width="13.0" height="13.0"/><rect class="mask-on" x="148.0" y="1618.0" width="13.0" height="13.0"/><rect class="mask-on" x="161.0" y="1618.0" width="13.0" height="13.0"/><rect class="mask-on" x="174.0" y="1618.0" width="13.0" height="13.0"/><rect class="mask-on" x="187.0" y="1618.0" width="13.0" height="13.0"/><rect class="mask-on" x="200.0" y="1618.0" width="13.0" height="13.0"/><rect class="mask-on" x="83.0" y="1631.0" width="13.0" height="13.0"/><rect class="mask-on" x="96.0" y="1631.0" width="13.0" height="13.0"/><rect class="mask-on" x="109.0" y="1631.0" width="13.0" height="13.0"/><rect class="mask-on" x="122.0" y="1631.0" width="13.0" height="13.0"/><rect class="mask-on" x="135.0" y="1631.0" width="13.0" height="13.0"/><rect class="mask-on" x="148.0" y="1631.0" width="13.0" height="13.0"/><rect class="mask-on" x="161.0" y="1631.0" width="13.0" height="13.0"/><rect class="mask-on" x="174.0" y="1631.0" width="13.0" height="13.0"/><rect class="mask-on" x="187.0" y="1631.0" width="13.0" height="13.0"/><rect class="mask-on" x="200.0" y="1631.0" width="13.0" height="13.0"/><rect class="mask-on" x="213.0" y="1631.0" width="13.0" height="13.0"/><rect class="mask-on" x="83.0" y="1644.0" width="13.0" height="13.0"/><rect class="mask-on" x="96.0" y="1644.0" width="13.0" height="13.0"/><rect class="mask-on" x="109.0" y="1644.0" width="13.0" height="13.0"/><rect class="mask-on" x="122.0" y="1644.0" width="13.0" height="13.0"/><rect class="mask-on" x="135.0" y="1644.0" width="13.0" height="13.0"/><rect class="mask-on" x="148.0" y="1644.0" width="13.0" height="13.0"/><rect class="mask-on" x="161.0" y="1644.0" width="13.0" height="13.0"/><rect class="mask-on" x="174.0" y="1644.0" width="13.0" height="13.0"/><rect class="mask-on" x="187.0" y="1644.0" width="13.0" height="13.0"/><rect class="mask-on" x="200.0" y="1644.0" width="13.0" height="13.0"/><rect class="mask-on" x="213.0" y="1644.0" width="13.0" height="13.0"/><rect class="mask-on" x="226.0" y="1644.0" width="13.0" height="13.0"/><line class="mask-div" x1="148.0" y1="1501" x2="148.0" y2="1657.0"/><rect class="grid-frame" x="83" y="1501" width="156.0" height="156.0"/></g>
<rect class="panel" x="1212" y="88" width="264" height="174" rx="8"/>
<text class="facts-k" x="1226" y="112">model id</text>
<text class="facts-v" x="1462" y="112" text-anchor="end">BAAI/AltCLIP</text>
<text class="facts-k" x="1226" y="134">parent</text>
<text class="facts-v" x="1462" y="134" text-anchor="end">clip</text>
<text class="facts-k" x="1226" y="156">classes</text>
<text class="facts-v" x="1462" y="156" text-anchor="end">23</text>
<text class="facts-k" x="1226" y="178">overridden</text>
<text class="facts-v" x="1462" y="178" text-anchor="end">13</text>
<text class="facts-k" x="1226" y="200">added</text>
<text class="facts-v" x="1462" y="200" text-anchor="end">31</text>
<text class="facts-k" x="1226" y="222">new classes</text>
<text class="facts-v" x="1462" y="222" text-anchor="end">5</text>
<text class="facts-k" x="1226" y="244">inherited as-is</text>
<text class="facts-v" x="1462" y="244" text-anchor="end">10</text>
<text class="legend-t" x="1214" y="282" font-weight="700">legend</text>
<rect x="1216" y="293" width="16" height="12" rx="2" fill="none" stroke="var(--added)" stroke-width="3"/>
<text class="legend-t" x="1240" y="303">new submodule (vs parent)</text>
<rect x="1216" y="311" width="16" height="12" rx="2" fill="none" stroke="var(--over)" stroke-width="3"/>
<text class="legend-t" x="1240" y="321">changed / redefined</text>
<rect x="1216" y="329" width="16" height="12" rx="2" fill="none" stroke="var(--deleted)" stroke-width="3"/>
<text class="legend-t" x="1240" y="339">deleted</text>
<rect x="1216" y="347" width="16" height="12" rx="2" fill="none" stroke="var(--grid)" stroke-width="3"/>
<text class="legend-t" x="1240" y="357">inherited / copy-pasted</text>
<text class="legend-t" x="1214" y="380" font-weight="700">changes by class</text>
<circle cx="1220" cy="393" r="4" fill="var(--over)"/>
<text class="facts-v" x="1232" y="396">AltCLIPEncoderLayer</text>
<text class="box-sub" x="1232" y="409">ovr __init__</text>
<circle cx="1220" cy="421" r="4" fill="var(--over)"/>
<text class="facts-v" x="1232" y="424">AltCLIPPreTrainedModel</text>
<text class="box-sub" x="1232" y="437">ovr _init_weights; 2 attr</text>
<circle cx="1220" cy="449" r="4" fill="var(--over)"/>
<text class="facts-v" x="1232" y="452">AltCLIPVisionModel</text>
<text class="box-sub" x="1232" y="465">ovr forward</text>
<circle cx="1220" cy="477" r="4" fill="var(--over)"/>
<text class="facts-v" x="1232" y="480">AltRobertaAttention</text>
<text class="box-sub" x="1232" y="493">ovr __init__</text>
<circle cx="1220" cy="505" r="4" fill="var(--over)"/>
<text class="facts-v" x="1232" y="508">AltRobertaEncoder</text>
<text class="box-sub" x="1232" y="521">ovr __init__</text>
<circle cx="1220" cy="533" r="4" fill="var(--over)"/>
<text class="facts-v" x="1232" y="536">AltRobertaLayer</text>
<text class="box-sub" x="1232" y="549">ovr __init__</text>
<circle cx="1220" cy="561" r="4" fill="var(--over)"/>
<text class="facts-v" x="1232" y="564">AltRobertaSelfAttention</text>
<text class="box-sub" x="1232" y="577">ovr __init__</text>
<circle cx="1220" cy="589" r="4" fill="var(--added)"/>
<text class="facts-v" x="1232" y="592">AltCLIPConfig</text>
<text class="box-sub" x="1232" y="605">1 attr</text>
<circle cx="1220" cy="617" r="4" fill="var(--added)"/>
<text class="facts-v" x="1232" y="620">AltCLIPModel</text>
<text class="box-sub" x="1232" y="633">ovr __init__,forward,get_image_features,get_…</text>
<circle cx="1220" cy="645" r="4" fill="var(--added)"/>
<text class="facts-v" x="1232" y="648">AltCLIPTextConfig</text>
<text class="box-sub" x="1232" y="661">17 attr</text>
<circle cx="1220" cy="673" r="4" fill="var(--added)"/>
<text class="facts-v" x="1232" y="676">AltCLIPTextModel</text>
<text class="box-sub" x="1232" y="689">add __init__,forward; 4 attr</text>
<circle cx="1220" cy="701" r="4" fill="var(--added)"/>
<text class="facts-v" x="1232" y="704">AltCLIPVisionConfig</text>
<text class="box-sub" x="1232" y="717">rename only</text>
<circle cx="1220" cy="729" r="4" fill="var(--added)"/>
<text class="facts-v" x="1232" y="732">AltRobertaModel</text>
<text class="box-sub" x="1232" y="745">add __init__,forward; 4 attr</text>
</svg>