The artifact gallery

A

Sequence

B

Flow

C

ER

D

Chart

Data

	p50	p95
Redis	12ms	40ms
Memcached	9ms	31ms

E

Timeline

1979Study starts
1986First guide
NowSTE100Free download

F

Tree — org chart

Allternit

Brainoperator manual

Factoryagent runtime

Gizzithe maker

G

Tree — list with changes

src/

runtime/
- +artifact-bar.jsthe fork chrome
- ~compose.js
−legacy/
- −toolbar.js

+1 added −2 removed ~1 changed

H

Limits

Sentence13 / max 20 words

Noun clusterover4 / max 3 words

Cache hits91 / max 80 %

I

Annot

1 Procedural sentence13 words, limit 20

Make sure that the hydraulic reservoirTechnical name is fullNot "replenished".

One instruction per sentence

J

KV title block

Title: Answer me with artifact
Version: 0.5.5
Owner: Allternit

K

Callout

Quality bar

Every panel answers one sub-question only.

L

Table

Cache	p50	p95
Redis	12 ms	40 ms
Memcached	9 ms	31 ms

M

Code

js

export function parseAttrs(args) {  const attrs = parseAttrs(args, { diff: true });  return attrs;}

N

Diff

src/runtime.js+1 −1js

@@ -60,3 +60,3 @@ export function compose(args) {-  const attrs = parseAttrs(args);+  const attrs = parseAttrs(args, { diff: true });   return attrs;

O

Math

Euler, drawn by the CLI, not by the model.

e^{i π} + 1 = 0

P

Ask

Which cache do we use?Redis suggestedkeeps data after a restartMemcachedsimpler, no disk

---
title: The artifact gallery
---
## Sequence {span=2}
```sequence num
Client -> Server: SYN, seq=x
Server -> Client: SYN+ACK, seq=y, ack=x+1
Client -> Server: ACK, ack=y+1
note Client, Server: ESTABLISHED
```

## Flow {span=2}
```flow LR
Browser -> CDN: asset request
CDN -> Origin: miss
Origin -> CDN: file
CDN -> Browser: cached file
```

## ER {span=2}
```er TB
*User
  id PK
  email string UK
Order
  id PK
  user_id FK -> User
User 1--* Order: places
```

## Chart {span=2}
```chart bar unit=ms
      | p50 | p95
* Redis    | 12  | 40
Memcached  | 9   | 31
```

## Timeline
```timeline
1979 | Study starts
1986 | First guide
*Now | STE100 | Free download
```

## Tree — org chart
```tree
Allternit
  Brain | operator manual
  Factory | agent runtime
  * Gizzi | the maker
```

## Tree — list with changes
```tree list
src/
  runtime/
    + artifact-bar.js | the fork chrome
    ~ compose.js
  - legacy/
    toolbar.js
```

## Limits
```limits
Sentence | 13 / 20 | words
Noun cluster | 4 / 3 | words | over
Cache hits | 91 / 80 | %
```

## Annot
```annot
# 1 Procedural sentence | 13 words, limit 20
Make sure that [the hydraulic reservoir]{Technical name} is [full]{!Not "replenished"}.
> One instruction per sentence
```

## KV title block
```kv cols=2
* Title: Answer me with artifact
Version: 0.5.5
Owner: Allternit
```

## Callout
```callout ok Quality bar
Every panel answers one sub-question only.
```

## Table
| Cache | p50 | p95 |
|---|---|---|
| Redis | 12 ms | 40 ms |
| Memcached | 9 ms | 31 ms |

## Code
```js
export function parseAttrs(args) {
  const attrs = parseAttrs(args, { diff: true });
  return attrs;
}
```

## Diff
```diff file=src/runtime.js
@@ -60,3 +60,3 @@
 export function compose(args) {
-  const attrs = parseAttrs(args);
+  const attrs = parseAttrs(args, { diff: true });
   return attrs;
```

## Math
> Euler, drawn by the CLI, not by the model.

$$e^{i\pi} + 1 = 0$$

## Ask
```ask
Which cache do we use?
* Redis | keeps data after a restart
- Memcached | simpler, no disk
```