anentrypoint-design 0.0.121 → 0.0.124
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/README.md +253 -253
- package/app-shell.css +931 -594
- package/colors_and_type.css +226 -226
- package/community.css +817 -1222
- package/dist/247420.css +2202 -2084
- package/dist/247420.js +13 -13
- package/package.json +80 -80
- package/src/bootstrap.js +25 -25
- package/src/components/chat.js +199 -199
- package/src/components/community.js +190 -208
- package/src/components/content.js +269 -269
- package/src/components/editor-primitives.js +100 -0
- package/src/components/files-modals.js +107 -107
- package/src/components/files.js +118 -118
- package/src/components/freddie/helpers.js +50 -50
- package/src/components/freddie.js +33 -33
- package/src/components/shell.js +117 -117
- package/src/components/theme-toggle.js +70 -70
- package/src/components.js +59 -57
- package/src/debug.js +30 -30
- package/src/deck-stage.js +21 -21
- package/src/highlight.js +65 -32
- package/src/index.js +86 -86
- package/src/kits/os/about-app.js +52 -52
- package/src/kits/os/app-panes.css +152 -152
- package/src/kits/os/browser-app.js +58 -58
- package/src/kits/os/files-app.js +44 -44
- package/src/kits/os/freddie/helpers.js +59 -59
- package/src/kits/os/freddie/pages-chat.js +143 -143
- package/src/kits/os/freddie/pages-core.js +101 -101
- package/src/kits/os/freddie/pages-os.js +51 -51
- package/src/kits/os/freddie/pages-tools.js +183 -183
- package/src/kits/os/freddie/routes.js +24 -24
- package/src/kits/os/freddie-dashboard.css +51 -51
- package/src/kits/os/freddie-dashboard.js +101 -101
- package/src/kits/os/icons.js +17 -17
- package/src/kits/os/index.js +17 -17
- package/src/kits/os/launcher.css +61 -61
- package/src/kits/os/launcher.js +79 -79
- package/src/kits/os/monitor-app.js +34 -34
- package/src/kits/os/shell.js +214 -214
- package/src/kits/os/terminal-app.js +45 -45
- package/src/kits/os/theme.css +450 -450
- package/src/kits/os/validate.css +19 -19
- package/src/kits/os/validator-app.js +55 -55
- package/src/kits/os/wm.css +115 -115
- package/src/kits/os/wm.js +111 -111
- package/src/markdown.js +39 -39
- package/src/motion.js +35 -35
- package/src/page-html.js +196 -196
- package/src/styles.js +25 -25
- package/src/theme.js +99 -99
- package/src/web-components/ds-chat.js +116 -116
- package/dist/.nojekyll +0 -0
- package/dist/app-shell.css +0 -594
- package/dist/colors_and_type.css +0 -197
- package/dist/favicon.svg +0 -1
- package/dist/index.html +0 -308
- package/dist/preview/buttons.html +0 -28
- package/dist/preview/colors-core.html +0 -45
- package/dist/preview/colors-lore.html +0 -28
- package/dist/preview/colors-semantic.html +0 -34
- package/dist/preview/dateline.html +0 -19
- package/dist/preview/dropzone.html +0 -30
- package/dist/preview/file-grid.html +0 -19
- package/dist/preview/file-row.html +0 -20
- package/dist/preview/file-toolbar.html +0 -40
- package/dist/preview/file-viewer.html +0 -31
- package/dist/preview/header.html +0 -24
- package/dist/preview/icons-unicode.html +0 -26
- package/dist/preview/index-row.html +0 -25
- package/dist/preview/inputs.html +0 -22
- package/dist/preview/manifesto.html +0 -52
- package/dist/preview/motion-default.js +0 -106
- package/dist/preview/rules.html +0 -16
- package/dist/preview/spacing.html +0 -18
- package/dist/preview/stamps-lore.html +0 -20
- package/dist/preview/stamps.html +0 -14
- package/dist/preview/theme-ink.html +0 -15
- package/dist/preview/type-display.html +0 -16
- package/dist/preview/type-mono.html +0 -15
- package/dist/preview/type-prose.html +0 -11
- package/dist/preview/type-scale.html +0 -20
- package/dist/preview/wordmarks.html +0 -28
- package/dist/robots.txt +0 -8
- package/dist/site/content/globals/navigation.yaml +0 -5
- package/dist/site/content/globals/site.yaml +0 -16
- package/dist/site/content/pages/freddie.yaml +0 -88
- package/dist/site/content/pages/home.yaml +0 -190
- package/dist/site/theme.mjs +0 -368
- package/dist/sitemap.xml +0 -31
- package/dist/slides/deck-stage-overlay.js +0 -63
- package/dist/slides/deck-stage-state.js +0 -81
- package/dist/slides/deck-stage-style.js +0 -117
- package/dist/slides/deck-stage.js +0 -159
- package/dist/slides/index.html +0 -276
- package/dist/src/bootstrap.js +0 -25
- package/dist/src/components/chat.js +0 -199
- package/dist/src/components/community.js +0 -167
- package/dist/src/components/content.js +0 -213
- package/dist/src/components/files-modals.js +0 -107
- package/dist/src/components/files.js +0 -118
- package/dist/src/components/freddie/helpers.js +0 -50
- package/dist/src/components/freddie.js +0 -33
- package/dist/src/components/shell.js +0 -117
- package/dist/src/components/theme-toggle.js +0 -70
- package/dist/src/components.js +0 -52
- package/dist/src/debug.js +0 -30
- package/dist/src/deck-stage.js +0 -21
- package/dist/src/highlight.js +0 -32
- package/dist/src/index.js +0 -86
- package/dist/src/kits/os/about-app.js +0 -52
- package/dist/src/kits/os/app-panes.css +0 -152
- package/dist/src/kits/os/browser-app.js +0 -58
- package/dist/src/kits/os/files-app.js +0 -44
- package/dist/src/kits/os/freddie/helpers.js +0 -59
- package/dist/src/kits/os/freddie/pages-chat.js +0 -143
- package/dist/src/kits/os/freddie/pages-core.js +0 -101
- package/dist/src/kits/os/freddie/pages-os.js +0 -51
- package/dist/src/kits/os/freddie/pages-tools.js +0 -183
- package/dist/src/kits/os/freddie/routes.js +0 -24
- package/dist/src/kits/os/freddie-dashboard.css +0 -51
- package/dist/src/kits/os/freddie-dashboard.js +0 -101
- package/dist/src/kits/os/icons.js +0 -17
- package/dist/src/kits/os/index.js +0 -5
- package/dist/src/kits/os/launcher.css +0 -61
- package/dist/src/kits/os/launcher.js +0 -79
- package/dist/src/kits/os/monitor-app.js +0 -34
- package/dist/src/kits/os/shell.js +0 -214
- package/dist/src/kits/os/terminal-app.js +0 -45
- package/dist/src/kits/os/theme.css +0 -412
- package/dist/src/kits/os/validate.css +0 -19
- package/dist/src/kits/os/validator-app.js +0 -55
- package/dist/src/kits/os/wm.css +0 -115
- package/dist/src/kits/os/wm.js +0 -111
- package/dist/src/markdown.js +0 -39
- package/dist/src/motion.js +0 -35
- package/dist/src/page-html.js +0 -196
- package/dist/src/styles.js +0 -25
- package/dist/src/theme.js +0 -99
- package/dist/src/web-components/ds-chat.js +0 -45
- package/dist/ui_kits/aicat/README.md +0 -7
- package/dist/ui_kits/aicat/app.js +0 -156
- package/dist/ui_kits/aicat/index.html +0 -26
- package/dist/ui_kits/aicat/sample-square.png +0 -0
- package/dist/ui_kits/aicat/sample-svg.svg +0 -1
- package/dist/ui_kits/aicat/sample.pdf +0 -32
- package/dist/ui_kits/blog/README.md +0 -3
- package/dist/ui_kits/blog/index.html +0 -90
- package/dist/ui_kits/chat/README.md +0 -5
- package/dist/ui_kits/chat/app.js +0 -110
- package/dist/ui_kits/chat/index.html +0 -26
- package/dist/ui_kits/chat/sample-square.png +0 -0
- package/dist/ui_kits/chat/sample-svg.svg +0 -1
- package/dist/ui_kits/chat/sample.pdf +0 -32
- package/dist/ui_kits/community/app.js +0 -134
- package/dist/ui_kits/community/index.html +0 -24
- package/dist/ui_kits/dashboard/app.js +0 -92
- package/dist/ui_kits/dashboard/index.html +0 -26
- package/dist/ui_kits/docs/README.md +0 -3
- package/dist/ui_kits/docs/index.html +0 -123
- package/dist/ui_kits/error_404/app.js +0 -56
- package/dist/ui_kits/error_404/index.html +0 -26
- package/dist/ui_kits/file_browser/README.md +0 -48
- package/dist/ui_kits/file_browser/app.js +0 -231
- package/dist/ui_kits/file_browser/index.html +0 -33
- package/dist/ui_kits/gallery/app.js +0 -121
- package/dist/ui_kits/gallery/index.html +0 -26
- package/dist/ui_kits/homepage/README.md +0 -7
- package/dist/ui_kits/homepage/app.js +0 -167
- package/dist/ui_kits/homepage/index.html +0 -46
- package/dist/ui_kits/project_page/README.md +0 -3
- package/dist/ui_kits/project_page/app.js +0 -154
- package/dist/ui_kits/project_page/index.html +0 -45
- package/dist/ui_kits/search/app.js +0 -107
- package/dist/ui_kits/search/index.html +0 -26
- package/dist/ui_kits/settings/app.js +0 -133
- package/dist/ui_kits/settings/index.html +0 -26
- package/dist/ui_kits/signin/app.js +0 -115
- package/dist/ui_kits/signin/index.html +0 -26
- package/dist/ui_kits/slide_deck/app.js +0 -174
- package/dist/ui_kits/slide_deck/index.html +0 -26
- package/dist/ui_kits/system_primer/app.js +0 -152
- package/dist/ui_kits/system_primer/index.html +0 -26
- package/dist/ui_kits/terminal/app.js +0 -150
- package/dist/ui_kits/terminal/index.html +0 -26
- package/dist/vendor/webjsx/applyDiff.js +0 -182
- package/dist/vendor/webjsx/attributes.js +0 -154
- package/dist/vendor/webjsx/constants.js +0 -4
- package/dist/vendor/webjsx/createDOMElement.js +0 -52
- package/dist/vendor/webjsx/createElement.js +0 -75
- package/dist/vendor/webjsx/elementTags.js +0 -115
- package/dist/vendor/webjsx/factory.js +0 -6
- package/dist/vendor/webjsx/index.js +0 -6
- package/dist/vendor/webjsx/jsx-dev-runtime.js +0 -2
- package/dist/vendor/webjsx/jsx-runtime.js +0 -30
- package/dist/vendor/webjsx/jsx.js +0 -2
- package/dist/vendor/webjsx/package.json +0 -39
- package/dist/vendor/webjsx/renderSuspension.js +0 -25
- package/dist/vendor/webjsx/types.js +0 -5
- package/dist/vendor/webjsx/utils.js +0 -84
- package/src/components/overlays.js +0 -151
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en" data-theme="auto" class="ds-247420"><head><meta charset="utf-8"><link rel="stylesheet" href="../colors_and_type.css">
|
|
3
|
-
<link rel="stylesheet" href="../app-shell.css">
|
|
4
|
-
<style>body{padding:20px;background:var(--panel-0);color:var(--panel-text);}</style><script defer src="./motion-default.js"></script>
|
|
5
|
-
</head><body>
|
|
6
|
-
<div class="dateline"><span>247420 // TYPE // PROSE</span><span class="spread"></span><span>SANS · LONG-FORM</span></div>
|
|
7
|
-
<div class="prose" style="margin-top:16px">
|
|
8
|
-
<p>we make things. some of them work. a few of them become the future. we don't know which is which until later. the point is to ship — to put something into the world that didn't exist yesterday — and then pay attention to what happens next.</p>
|
|
9
|
-
<p>this is the <a href="#">long-form voice</a>. quiet sans, generous line-height, designed for reading without flourish.</p>
|
|
10
|
-
</div>
|
|
11
|
-
</body></html>
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en" data-theme="auto" class="ds-247420"><head><meta charset="utf-8"><link rel="stylesheet" href="../colors_and_type.css">
|
|
3
|
-
<link rel="stylesheet" href="../app-shell.css">
|
|
4
|
-
<style>body{padding:20px;background:var(--panel-0);color:var(--panel-text);}</style><script defer src="./motion-default.js"></script>
|
|
5
|
-
</head><body>
|
|
6
|
-
<div class="dateline"><span>247420 // TYPE // SCALE</span><span class="spread"></span><span>11 STEPS</span></div>
|
|
7
|
-
<div style="margin-top:14px;display:grid;grid-template-columns:120px 1fr;gap:8px 16px;align-items:baseline;font-family:var(--ff-mono)">
|
|
8
|
-
<div class="t-micro">HERO · 128</div><div style="font-family:var(--ff-display);font-size:48px;line-height:1">Aa</div>
|
|
9
|
-
<div class="t-micro">H1 · 72</div><div style="font-family:var(--ff-display);font-size:36px;line-height:1">Aa</div>
|
|
10
|
-
<div class="t-micro">H2 · 44</div><div style="font-family:var(--ff-display);font-size:28px;line-height:1">Aa</div>
|
|
11
|
-
<div class="t-micro">H3 · 28</div><div style="font-size:22px;line-height:1">Aa</div>
|
|
12
|
-
<div class="t-micro">H4 · 22</div><div style="font-size:18px;line-height:1">Aa</div>
|
|
13
|
-
<div class="t-micro">LG · 18</div><div style="font-size:16px;line-height:1">Aa</div>
|
|
14
|
-
<div class="t-micro">BODY · 16</div><div style="font-size:14px;line-height:1">Aa</div>
|
|
15
|
-
<div class="t-micro">SM · 14</div><div style="font-size:14px;line-height:1">Aa</div>
|
|
16
|
-
<div class="t-micro">XS · 13</div><div style="font-size:13px;line-height:1">Aa</div>
|
|
17
|
-
<div class="t-micro">TINY · 13</div><div style="font-size:13px;line-height:1">Aa</div>
|
|
18
|
-
<div class="t-micro">MICRO · 12</div><div style="font-size:12px;line-height:1">Aa</div>
|
|
19
|
-
</div>
|
|
20
|
-
</body></html>
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en" data-theme="auto" class="ds-247420"><head><meta charset="utf-8"><link rel="stylesheet" href="../colors_and_type.css">
|
|
3
|
-
<link rel="stylesheet" href="../app-shell.css">
|
|
4
|
-
<style>body{padding:20px;background:var(--panel-0);color:var(--panel-text);}</style><script defer src="./motion-default.js"></script>
|
|
5
|
-
</head><body>
|
|
6
|
-
<div class="dateline"><span>247420 // BRAND // WORDMARKS</span><span class="spread"></span><span>TYPOGRAPHIC ONLY</span></div>
|
|
7
|
-
<div style="margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px 24px">
|
|
8
|
-
<div style="padding:16px;display:flex;align-items:center;justify-content:center;min-height:80px">
|
|
9
|
-
<span style="font-family:var(--ff-mono);font-size:28px;font-weight:500">// gm</span>
|
|
10
|
-
</div>
|
|
11
|
-
<div style="padding:16px;display:flex;align-items:center;justify-content:center;min-height:80px">
|
|
12
|
-
<span style="font-family:var(--ff-mono);font-size:24px;font-weight:500">§ flatspace</span>
|
|
13
|
-
</div>
|
|
14
|
-
<div style="padding:16px;display:flex;align-items:center;justify-content:center;min-height:80px">
|
|
15
|
-
<span style="font-family:var(--ff-mono);font-size:24px;font-weight:500">→ thebird</span>
|
|
16
|
-
</div>
|
|
17
|
-
<div style="padding:16px;display:flex;align-items:center;justify-content:center;min-height:80px">
|
|
18
|
-
<span style="font-family:var(--ff-mono);font-size:24px;font-weight:500">spoint</span>
|
|
19
|
-
</div>
|
|
20
|
-
<div style="padding:16px;display:flex;align-items:center;justify-content:center;min-height:80px">
|
|
21
|
-
<span style="font-family:var(--ff-mono);font-size:24px;font-weight:500">zellous</span>
|
|
22
|
-
</div>
|
|
23
|
-
<div style="padding:16px;display:flex;align-items:center;justify-content:center;min-height:80px;background:var(--panel-text);color:var(--panel-0)">
|
|
24
|
-
<span style="font-family:var(--ff-display);font-size:28px">247420</span>
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
27
|
-
<div class="t-meta" style="margin-top:16px">no pictorial marks. one mono glyph allowed as prefix.</div>
|
|
28
|
-
</body></html>
|
package/dist/robots.txt
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
title: "design"
|
|
2
|
-
tagline: "247420 design system"
|
|
3
|
-
description: "the visual paradigm. layered surfaces, monospace labels, loud content inside quiet chrome. consumed by every 247420 surface."
|
|
4
|
-
repo: "https://github.com/AnEntrypoint/design"
|
|
5
|
-
url: "https://anentrypoint.github.io/design"
|
|
6
|
-
year: 2026
|
|
7
|
-
keywords:
|
|
8
|
-
- "design-system"
|
|
9
|
-
- "tokens"
|
|
10
|
-
- "247420"
|
|
11
|
-
- "anentrypoint"
|
|
12
|
-
accent_from: "#56d364"
|
|
13
|
-
accent_to: "#79c0ff"
|
|
14
|
-
glyph: "◰"
|
|
15
|
-
code: "072"
|
|
16
|
-
category: "web"
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
id: freddie
|
|
2
|
-
title: Freddie Dashboard Components
|
|
3
|
-
template: home
|
|
4
|
-
hero:
|
|
5
|
-
heading: freddie dashboard
|
|
6
|
-
subheading: full agent dashboard UI as SDK components
|
|
7
|
-
body: "all 14 freddie dashboard pages — sessions, tools, chat, models, cron, config, env, skills, projects, agents, analytics, batch, gateway — exported from anentrypoint-design and composable in any webjsx app."
|
|
8
|
-
badges:
|
|
9
|
-
- label: 14 page components
|
|
10
|
-
- label: webjsx
|
|
11
|
-
- label: no react
|
|
12
|
-
ctas:
|
|
13
|
-
- label: npm install
|
|
14
|
-
href: "#install"
|
|
15
|
-
variant: primary
|
|
16
|
-
sections:
|
|
17
|
-
- heading: page components
|
|
18
|
-
lede: "each page is an async function receiving h0 (host object). pass your freddie host and render anywhere."
|
|
19
|
-
items:
|
|
20
|
-
- name: home
|
|
21
|
-
desc: kpi overview — sessions, tools, skills, uptime. entry point for the dashboard.
|
|
22
|
-
benefit: instant system health at a glance
|
|
23
|
-
- name: chat
|
|
24
|
-
desc: full agent chat with streaming SSE, tool-call disclosure, message history
|
|
25
|
-
benefit: talk to your agent from any surface
|
|
26
|
-
- name: sessions
|
|
27
|
-
desc: filterable session list with search, pagination, and per-session message drill-down
|
|
28
|
-
benefit: audit and replay every agent conversation
|
|
29
|
-
- name: tools
|
|
30
|
-
desc: searchable tool registry showing toolset, check status, required env
|
|
31
|
-
benefit: know exactly what your agent can do
|
|
32
|
-
- name: models
|
|
33
|
-
desc: provider probe panel — live model list per provider with one-click probe-all
|
|
34
|
-
benefit: see which LLM backends are reachable
|
|
35
|
-
- name: cron
|
|
36
|
-
desc: cron job manager — create, enable, disable, delete scheduled agent tasks
|
|
37
|
-
benefit: automate agent work on a schedule
|
|
38
|
-
- name: skills
|
|
39
|
-
desc: skill registry browser — namespace, description, source per skill
|
|
40
|
-
benefit: discover and extend agent capabilities
|
|
41
|
-
- name: config
|
|
42
|
-
desc: config editor — all config keys with inline save
|
|
43
|
-
benefit: tune agent behaviour without restarting
|
|
44
|
-
- name: env
|
|
45
|
-
desc: environment variable manager — list, set, delete provider keys and secrets
|
|
46
|
-
benefit: manage credentials in one place
|
|
47
|
-
- name: projects
|
|
48
|
-
desc: multi-project switcher — create isolated project workspaces, set active
|
|
49
|
-
benefit: run multiple agents with separate state
|
|
50
|
-
- name: agents
|
|
51
|
-
desc: agent overview — total agents, active count, recent activity
|
|
52
|
-
benefit: monitor agent fleet at a glance
|
|
53
|
-
- name: analytics
|
|
54
|
-
desc: session analytics — token usage, model distribution, cost estimates
|
|
55
|
-
benefit: track spend and throughput over time
|
|
56
|
-
- name: batch
|
|
57
|
-
desc: batch job runner — submit prompt lists, monitor progress, download results
|
|
58
|
-
benefit: run large-scale agent tasks in parallel
|
|
59
|
-
- name: gateway
|
|
60
|
-
desc: gateway platform panel — list connected platforms, status, send test messages
|
|
61
|
-
benefit: manage multi-platform message routing
|
|
62
|
-
- heading: usage
|
|
63
|
-
lede: "import named exports directly. each page receives h0 from your freddie host."
|
|
64
|
-
items:
|
|
65
|
-
- name: install
|
|
66
|
-
desc: "npm install anentrypoint-design"
|
|
67
|
-
benefit: one package for all dashboard UI
|
|
68
|
-
- name: import
|
|
69
|
-
desc: "import { home, chat, sessions, FREDDIE_PAGES } from 'anentrypoint-design';"
|
|
70
|
-
benefit: tree-shakeable named exports
|
|
71
|
-
- name: render
|
|
72
|
-
desc: "const body = await home(h0); mount(el, () => body);"
|
|
73
|
-
benefit: same render pattern as all SDK components
|
|
74
|
-
examples:
|
|
75
|
-
heading: all exports
|
|
76
|
-
items:
|
|
77
|
-
- name: FREDDIE_PAGES
|
|
78
|
-
href: "#freddie-pages"
|
|
79
|
-
cta: object map of all 14 page functions
|
|
80
|
-
- name: skillLabel
|
|
81
|
-
href: "#helpers"
|
|
82
|
-
cta: format gm:skill-name → readable label
|
|
83
|
-
- name: renderChatMessages
|
|
84
|
-
href: "#helpers"
|
|
85
|
-
cta: render message array into DOM element
|
|
86
|
-
- name: getRecentPaths / saveRecentPath
|
|
87
|
-
href: "#helpers"
|
|
88
|
-
cta: localStorage recent-cwd helpers
|
|
@@ -1,190 +0,0 @@
|
|
|
1
|
-
id: home
|
|
2
|
-
title: Home
|
|
3
|
-
|
|
4
|
-
hero:
|
|
5
|
-
heading: "design"
|
|
6
|
-
subheading: "247420 design system"
|
|
7
|
-
body: "the visual paradigm. layered surfaces, monospace labels, loud content inside quiet chrome. consumed by every 247420 surface."
|
|
8
|
-
badges:
|
|
9
|
-
- { label: "design-system" }
|
|
10
|
-
- { label: "tokens" }
|
|
11
|
-
- { label: "web" }
|
|
12
|
-
ctas:
|
|
13
|
-
- { label: "GitHub", href: "https://github.com/AnEntrypoint/design", primary: true }
|
|
14
|
-
- { label: "247420", href: "https://247420.xyz" }
|
|
15
|
-
|
|
16
|
-
sidebar:
|
|
17
|
-
fab:
|
|
18
|
-
label: "open"
|
|
19
|
-
glyph: "✦"
|
|
20
|
-
href: "./ui_kits/homepage/"
|
|
21
|
-
bins:
|
|
22
|
-
- { glyph: "▣", label: "everything", href: "#all", count: 23, active: true }
|
|
23
|
-
- { glyph: "★", label: "starred", href: "#starred", count: 5 }
|
|
24
|
-
- { glyph: "◐", label: "shipped", href: "#shipped", count: 12 }
|
|
25
|
-
- { glyph: "◌", label: "drafts", href: "#drafts", count: 6 }
|
|
26
|
-
labels_group: "labels"
|
|
27
|
-
labels:
|
|
28
|
-
- { glyph: "●", label: "ui kits", href: "#kits", count: 4, color: "var(--panel-accent)" }
|
|
29
|
-
- { glyph: "●", label: "decks", href: "#decks", count: 1, color: "var(--mascot,#e0a200)" }
|
|
30
|
-
- { glyph: "●", label: "previews", href: "#previews", count: 20, color: "var(--purple,#8856b3)" }
|
|
31
|
-
- { glyph: "●", label: "docs", href: "#docs", count: 3, color: "var(--panel-text-3)" }
|
|
32
|
-
more_group: "more"
|
|
33
|
-
more:
|
|
34
|
-
- { glyph: "§", label: "readme", href: "https://github.com/AnEntrypoint/design/blob/main/README.md" }
|
|
35
|
-
- { glyph: "§", label: "skill", href: "https://github.com/AnEntrypoint/design/blob/main/SKILL.md" }
|
|
36
|
-
- { glyph: "⌘", label: "tokens", href: "https://github.com/AnEntrypoint/design/blob/main/colors_and_type.css" }
|
|
37
|
-
- { glyph: "↗", label: "source", href: "https://github.com/AnEntrypoint/design" }
|
|
38
|
-
|
|
39
|
-
tabs:
|
|
40
|
-
- { glyph: "▣", label: "everything", href: "#all", active: true }
|
|
41
|
-
- { glyph: "◎", label: "kits", href: "#kits" }
|
|
42
|
-
- { glyph: "▰", label: "decks", href: "#decks" }
|
|
43
|
-
- { glyph: "§", label: "previews", href: "#previews" }
|
|
44
|
-
|
|
45
|
-
kits:
|
|
46
|
-
heading: "ui kits"
|
|
47
|
-
count: "14 surfaces"
|
|
48
|
-
items:
|
|
49
|
-
- { code: "01", title: "homepage", sub: "marquee + works grid", desc: "editorial banner over a quiet shell", href: "./ui_kits/homepage/" }
|
|
50
|
-
- { code: "02", title: "project page", sub: "hero · receipt · install · changelog", desc: "shippable case-study template", href: "./ui_kits/project_page/" }
|
|
51
|
-
- { code: "03", title: "docs", sub: "long-form prose chrome", desc: "sidebar nav, mono headings, code blocks", href: "./ui_kits/docs/" }
|
|
52
|
-
- { code: "04", title: "blog", sub: "dated index + reading view", desc: "typographic, no clutter", href: "./ui_kits/blog/" }
|
|
53
|
-
- { code: "05", title: "chat", sub: "message thread + composer", desc: "pill bubbles, monospace timestamps, room sidebar", href: "./ui_kits/chat/" }
|
|
54
|
-
- { code: "06", title: "aicat", sub: "ai assistant with cat persona", desc: "ascii portrait, thinking dots, mood-swapping face", href: "./ui_kits/aicat/" }
|
|
55
|
-
- { code: "07", title: "file browser", sub: "rails by file type · drop · preview", desc: "static demo wired to fsbrowse — every file-row primitive in one surface", href: "./ui_kits/file_browser/" }
|
|
56
|
-
- { code: "08", title: "dashboard", sub: "kpis · tables · receipts · changelog", desc: "every content primitive in one operations surface", href: "./ui_kits/dashboard/" }
|
|
57
|
-
- { code: "09", title: "terminal", sub: "cli prompt · command lines · log view", desc: "five line kinds — cmt cmd out ok warn — over a tonal panel", href: "./ui_kits/terminal/" }
|
|
58
|
-
- { code: "10", title: "settings", sub: "sectioned forms · toggles · save bar", desc: "every input primitive — fields, segmented buttons, danger panel", href: "./ui_kits/settings/" }
|
|
59
|
-
- { code: "11", title: "signin", sub: "auth · providers · magic link", desc: "narrow shell + tone-on-tone form, no shadows, no spinners", href: "./ui_kits/signin/" }
|
|
60
|
-
- { code: "12", title: "search", sub: "topbar query · faceted filters · rows", desc: "ranked results reuse the same RowLink primitive every list does", href: "./ui_kits/search/" }
|
|
61
|
-
- { code: "13", title: "404", sub: "empty-state hero · suggested routes", desc: "narrow shell, oversized mono code, three CTAs", href: "./ui_kits/error_404/" }
|
|
62
|
-
- { code: "14", title: "gallery", sub: "visual grid · tonal cards · lightbox", desc: "tiles share the panel tokens; lightbox reuses the same surface", href: "./ui_kits/gallery/" }
|
|
63
|
-
|
|
64
|
-
decks:
|
|
65
|
-
heading: "decks"
|
|
66
|
-
items:
|
|
67
|
-
- { code: "01", title: "deck template", sub: "16:9 stage with auto-fit", desc: "title, lede, code, comparison, manifesto", href: "./slides/" }
|
|
68
|
-
|
|
69
|
-
docs:
|
|
70
|
-
heading: "docs"
|
|
71
|
-
items:
|
|
72
|
-
- { code: "md", title: "readme", sub: "overview, manifesto, conventions", desc: "start here", href: "https://github.com/AnEntrypoint/design/blob/main/README.md" }
|
|
73
|
-
- { code: "md", title: "skill", sub: "authoring rules for the agent", desc: "editorial · zine · surface modes", href: "https://github.com/AnEntrypoint/design/blob/main/SKILL.md" }
|
|
74
|
-
- { code: "css", title: "tokens", sub: "colors, type, panel surface tokens", desc: "canonical source of truth", href: "https://github.com/AnEntrypoint/design/blob/main/colors_and_type.css" }
|
|
75
|
-
|
|
76
|
-
previews:
|
|
77
|
-
heading: "previews"
|
|
78
|
-
base: "./preview/"
|
|
79
|
-
items:
|
|
80
|
-
- buttons
|
|
81
|
-
- colors-core
|
|
82
|
-
- colors-lore
|
|
83
|
-
- colors-semantic
|
|
84
|
-
- dateline
|
|
85
|
-
- dropzone
|
|
86
|
-
- file-grid
|
|
87
|
-
- file-row
|
|
88
|
-
- file-toolbar
|
|
89
|
-
- file-viewer
|
|
90
|
-
- header
|
|
91
|
-
- icons-unicode
|
|
92
|
-
- index-row
|
|
93
|
-
- inputs
|
|
94
|
-
- manifesto
|
|
95
|
-
- rules
|
|
96
|
-
- spacing
|
|
97
|
-
- stamps
|
|
98
|
-
- stamps-lore
|
|
99
|
-
- theme-ink
|
|
100
|
-
- type-display
|
|
101
|
-
- type-mono
|
|
102
|
-
- type-prose
|
|
103
|
-
- type-scale
|
|
104
|
-
- wordmarks
|
|
105
|
-
|
|
106
|
-
file_browser:
|
|
107
|
-
heading: "file browser"
|
|
108
|
-
count: "primitives"
|
|
109
|
-
items:
|
|
110
|
-
- { code: "fb", title: "file_browser kit", sub: "drop, list, preview, dialogs", desc: "the full surface, working with mock data", href: "./ui_kits/file_browser/", cta: "open kit ↗" }
|
|
111
|
-
- { code: "fb", title: "FileRow", sub: "rail · icon · name · meta", desc: "data-file-type drives the rail color — never apply rail-* manually", href: "./preview/file-row.html", cta: "preview ↗" }
|
|
112
|
-
- { code: "fb", title: "FileGrid", sub: "stack of rows in a panel", desc: "directories sort first; selected row gets the mint .active tone", href: "./preview/file-grid.html", cta: "preview ↗" }
|
|
113
|
-
- { code: "fb", title: "DropZone", sub: "tonal upload target", desc: "swap to --panel-select on dragover; preventDefault on document, not just zone", href: "./preview/dropzone.html", cta: "preview ↗" }
|
|
114
|
-
- { code: "fb", title: "FileViewer", sub: "modal preview · keyed head", desc: "head + body both carry data-file-type so rails propagate inside the modal", href: "./preview/file-viewer.html", cta: "preview ↗" }
|
|
115
|
-
- { code: "fb", title: "FileToolbar", sub: "actions · breadcrumb · upload", desc: "left-aligned actions, right-aligned count; UploadProgress sits underneath", href: "./preview/file-toolbar.html", cta: "preview ↗" }
|
|
116
|
-
- { code: "fb", title: "fsbrowse", sub: "Express + busboy backend", desc: "canonical real-world wiring — same SDK, real filesystem operations", href: "https://github.com/AnEntrypoint/fsbrowse", cta: "source ↗" }
|
|
117
|
-
|
|
118
|
-
quickstart:
|
|
119
|
-
heading: "quick start"
|
|
120
|
-
lines:
|
|
121
|
-
- { kind: "cmt", text: "# install via importmap (no bundler)" }
|
|
122
|
-
- { kind: "cmd", text: "<script type='importmap'>{\"imports\":{\"anentrypoint-design\":\"https://unpkg.com/anentrypoint-design@latest/dist/247420.js\"}}</script>" }
|
|
123
|
-
- { kind: "cmt", text: "# or clone the source" }
|
|
124
|
-
- { kind: "cmd", text: "git clone https://github.com/AnEntrypoint/design.git" }
|
|
125
|
-
|
|
126
|
-
desktop_os:
|
|
127
|
-
heading: "desktop os shell"
|
|
128
|
-
count: "in-page wm"
|
|
129
|
-
items:
|
|
130
|
-
- { code: "os", title: "createDesktopShell", sub: "menubar · apps launcher · taskbar · window manager", desc: "in-page desktop OS chrome — mount any app registry into a draggable wm", href: "https://github.com/AnEntrypoint/design/blob/main/src/desktop/shell.js", cta: "shell.js ↗" }
|
|
131
|
-
- { code: "os", title: "icons set", sub: "svg glyphs for menubar + taskbar", desc: "home, apps, search, settings — used by the shell and exposed for apps", href: "https://github.com/AnEntrypoint/design/blob/main/src/desktop/icons.js", cta: "icons.js ↗" }
|
|
132
|
-
- { code: "os", title: "theme.css", sub: "os chrome tokens · menubar · launcher · wm", desc: "scoped css module loaded by the shell — keeps desktop visuals isolated", href: "https://github.com/AnEntrypoint/design/blob/main/src/desktop/theme.css", cta: "theme.css ↗" }
|
|
133
|
-
- { code: "os", title: "import path", sub: "anentrypoint-design/desktop", desc: "subpath export; no bundler needed — pulls icons + createDesktopShell", href: "https://github.com/AnEntrypoint/design/blob/main/package.json", cta: "exports ↗" }
|
|
134
|
-
|
|
135
|
-
web_components:
|
|
136
|
-
heading: "web components"
|
|
137
|
-
count: "1 element"
|
|
138
|
-
items:
|
|
139
|
-
- { code: "wc", title: "<ds-chat>", sub: "auto-registers when the sdk loads in a browser", desc: "set el.messages = [...] or pass json via attribute; listen for 'send' event", href: "https://github.com/AnEntrypoint/design/blob/main/src/web-components/ds-chat.js", cta: "ds-chat.js ↗" }
|
|
140
|
-
- { code: "wc", title: "registerChatElement", sub: "manual register helper", desc: "exported from the sdk root for ssr / late-mount when customElements is gated", href: "https://github.com/AnEntrypoint/design/blob/main/src/index.js", cta: "source ↗" }
|
|
141
|
-
|
|
142
|
-
api_exports:
|
|
143
|
-
heading: "public api"
|
|
144
|
-
count: "sdk surface"
|
|
145
|
-
items:
|
|
146
|
-
- { code: "api", title: "h / applyDiff", sub: "webjsx createElement + diff", desc: "build vnodes with h(), render with applyDiff(root, [vnode]) — no jsx pragma needed", href: "https://github.com/AnEntrypoint/design/blob/main/src/index.js", cta: "index.js ↗" }
|
|
147
|
-
- { code: "api", title: "installStyles / scope", sub: "ds-247420 css scope + bootstrap", desc: "installStyles() injects the prefixed css; scope = '.ds-247420' for selector composition", href: "https://github.com/AnEntrypoint/design/blob/main/src/styles.js", cta: "styles.js ↗" }
|
|
148
|
-
- { code: "api", title: "loadCss", sub: "fetch the bundled css string", desc: "useful for shadow roots or custom style injection paths", href: "https://github.com/AnEntrypoint/design/blob/main/src/styles.js", cta: "styles.js ↗" }
|
|
149
|
-
- { code: "api", title: "mount / mountKit", sub: "ds shell + ui_kit bootstrap", desc: "mount(root, viewFn) wires applyDiff + motion; mountKit({root,view,screen}) wires a kit", href: "https://github.com/AnEntrypoint/design/blob/main/src/bootstrap.js", cta: "bootstrap.js ↗" }
|
|
150
|
-
- { code: "api", title: "registerDeckStage / getDeckStage", sub: "16:9 deck stage api", desc: "register custom deck stages and fetch the active stage for slide transitions", href: "https://github.com/AnEntrypoint/design/blob/main/src/deck-stage.js", cta: "deck-stage.js ↗" }
|
|
151
|
-
- { code: "api", title: "renderMarkdown", sub: "marked v15 + dompurify lazy stack", desc: "lazy-loads marked + dompurify from jsdelivr; only xss gate for chat html", href: "https://github.com/AnEntrypoint/design/blob/main/src/markdown.js", cta: "markdown.js ↗" }
|
|
152
|
-
- { code: "api", title: "ensurePrism / highlightAllUnder", sub: "prism core + per-language", desc: "injects prism on first use; CodeNode ref-callback highlights inside any subtree", href: "https://github.com/AnEntrypoint/design/blob/main/src/highlight.js", cta: "highlight.js ↗" }
|
|
153
|
-
- { code: "api", title: "renderPageHtml", sub: "static page html template", desc: "shared head/body wrapper for kit pages — meta, importmap, ds-247420 scope", href: "https://github.com/AnEntrypoint/design/blob/main/src/page-html.js", cta: "page-html.js ↗" }
|
|
154
|
-
- { code: "api", title: "components / motion / debug", sub: "namespaces from the default export", desc: "components.* are the C.* primitives; motion.animateTree, debug.window.__debug registry", href: "https://github.com/AnEntrypoint/design/blob/main/src/components.js", cta: "components.js ↗" }
|
|
155
|
-
|
|
156
|
-
features:
|
|
157
|
-
heading: "why design"
|
|
158
|
-
items:
|
|
159
|
-
- { name: "layered surfaces", desc: "panel-on-panel rhythm; loud content sits inside quiet chrome." }
|
|
160
|
-
- { name: "monospace labels", desc: "mono only for codes/labels/CLI; sans for everything legible." }
|
|
161
|
-
- { name: "indicator rails", desc: "color-coded inset rails for category separation, never borders." }
|
|
162
|
-
- { name: "tokens-only", desc: "every surface, type ramp, accent driven by --panel-* / --fs-* tokens." }
|
|
163
|
-
|
|
164
|
-
examples:
|
|
165
|
-
heading: "live examples"
|
|
166
|
-
items:
|
|
167
|
-
- { name: "index shell", desc: "full navigation shell with tabs, filters, and row interactions.", href: "./index.html", cta: "open index" }
|
|
168
|
-
- { name: "homepage kit", desc: "hero + works layout and updated readable type scale.", href: "./ui_kits/homepage/", cta: "open kit" }
|
|
169
|
-
- { name: "project page kit", desc: "overview, install, receipt, and changelog template.", href: "./ui_kits/project_page/", cta: "open kit" }
|
|
170
|
-
- { name: "docs kit", desc: "technical documentation layout with sidebar and prose.", href: "./ui_kits/docs/", cta: "open docs" }
|
|
171
|
-
- { name: "blog kit", desc: "long-form writing layout tuned for readability.", href: "./ui_kits/blog/", cta: "open writing" }
|
|
172
|
-
- { name: "chat kit", desc: "message thread + composer with pill bubbles and room sidebar.", href: "./ui_kits/chat/", cta: "open chat" }
|
|
173
|
-
- { name: "aicat kit", desc: "ai assistant with cat persona — ascii portrait + mood face.", href: "./ui_kits/aicat/", cta: "open aicat" }
|
|
174
|
-
- { name: "slide deck", desc: "16:9 deck stage with improved presenter controls text.", href: "./slides/", cta: "open slides" }
|
|
175
|
-
- { name: "dashboard kit", desc: "kpis, tables, receipts, changelog — operations surface.", href: "./ui_kits/dashboard/", cta: "open dashboard" }
|
|
176
|
-
- { name: "terminal kit", desc: "cli prompt, command lines, log viewer.", href: "./ui_kits/terminal/", cta: "open terminal" }
|
|
177
|
-
- { name: "settings kit", desc: "sectioned forms, toggles, segmented buttons, save bar.", href: "./ui_kits/settings/", cta: "open settings" }
|
|
178
|
-
- { name: "signin kit", desc: "auth panel, providers, magic link.", href: "./ui_kits/signin/", cta: "open signin" }
|
|
179
|
-
- { name: "search kit", desc: "query bar, faceted filters, ranked results.", href: "./ui_kits/search/", cta: "open search" }
|
|
180
|
-
- { name: "404 kit", desc: "empty-state hero with suggested routes.", href: "./ui_kits/error_404/", cta: "open 404" }
|
|
181
|
-
- { name: "gallery kit", desc: "visual grid + lightbox over tonal cards.", href: "./ui_kits/gallery/", cta: "open gallery" }
|
|
182
|
-
- { name: "preview samples", desc: "design previews and component samples.", href: "./preview/buttons.html", cta: "open previews" }
|
|
183
|
-
|
|
184
|
-
status_left:
|
|
185
|
-
- "main"
|
|
186
|
-
- "• utf-8"
|
|
187
|
-
- "• lf"
|
|
188
|
-
status_right:
|
|
189
|
-
- "247420 / mmxxvi"
|
|
190
|
-
- "• probably emerging"
|