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.
Files changed (202) hide show
  1. package/README.md +253 -253
  2. package/app-shell.css +931 -594
  3. package/colors_and_type.css +226 -226
  4. package/community.css +817 -1222
  5. package/dist/247420.css +2202 -2084
  6. package/dist/247420.js +13 -13
  7. package/package.json +80 -80
  8. package/src/bootstrap.js +25 -25
  9. package/src/components/chat.js +199 -199
  10. package/src/components/community.js +190 -208
  11. package/src/components/content.js +269 -269
  12. package/src/components/editor-primitives.js +100 -0
  13. package/src/components/files-modals.js +107 -107
  14. package/src/components/files.js +118 -118
  15. package/src/components/freddie/helpers.js +50 -50
  16. package/src/components/freddie.js +33 -33
  17. package/src/components/shell.js +117 -117
  18. package/src/components/theme-toggle.js +70 -70
  19. package/src/components.js +59 -57
  20. package/src/debug.js +30 -30
  21. package/src/deck-stage.js +21 -21
  22. package/src/highlight.js +65 -32
  23. package/src/index.js +86 -86
  24. package/src/kits/os/about-app.js +52 -52
  25. package/src/kits/os/app-panes.css +152 -152
  26. package/src/kits/os/browser-app.js +58 -58
  27. package/src/kits/os/files-app.js +44 -44
  28. package/src/kits/os/freddie/helpers.js +59 -59
  29. package/src/kits/os/freddie/pages-chat.js +143 -143
  30. package/src/kits/os/freddie/pages-core.js +101 -101
  31. package/src/kits/os/freddie/pages-os.js +51 -51
  32. package/src/kits/os/freddie/pages-tools.js +183 -183
  33. package/src/kits/os/freddie/routes.js +24 -24
  34. package/src/kits/os/freddie-dashboard.css +51 -51
  35. package/src/kits/os/freddie-dashboard.js +101 -101
  36. package/src/kits/os/icons.js +17 -17
  37. package/src/kits/os/index.js +17 -17
  38. package/src/kits/os/launcher.css +61 -61
  39. package/src/kits/os/launcher.js +79 -79
  40. package/src/kits/os/monitor-app.js +34 -34
  41. package/src/kits/os/shell.js +214 -214
  42. package/src/kits/os/terminal-app.js +45 -45
  43. package/src/kits/os/theme.css +450 -450
  44. package/src/kits/os/validate.css +19 -19
  45. package/src/kits/os/validator-app.js +55 -55
  46. package/src/kits/os/wm.css +115 -115
  47. package/src/kits/os/wm.js +111 -111
  48. package/src/markdown.js +39 -39
  49. package/src/motion.js +35 -35
  50. package/src/page-html.js +196 -196
  51. package/src/styles.js +25 -25
  52. package/src/theme.js +99 -99
  53. package/src/web-components/ds-chat.js +116 -116
  54. package/dist/.nojekyll +0 -0
  55. package/dist/app-shell.css +0 -594
  56. package/dist/colors_and_type.css +0 -197
  57. package/dist/favicon.svg +0 -1
  58. package/dist/index.html +0 -308
  59. package/dist/preview/buttons.html +0 -28
  60. package/dist/preview/colors-core.html +0 -45
  61. package/dist/preview/colors-lore.html +0 -28
  62. package/dist/preview/colors-semantic.html +0 -34
  63. package/dist/preview/dateline.html +0 -19
  64. package/dist/preview/dropzone.html +0 -30
  65. package/dist/preview/file-grid.html +0 -19
  66. package/dist/preview/file-row.html +0 -20
  67. package/dist/preview/file-toolbar.html +0 -40
  68. package/dist/preview/file-viewer.html +0 -31
  69. package/dist/preview/header.html +0 -24
  70. package/dist/preview/icons-unicode.html +0 -26
  71. package/dist/preview/index-row.html +0 -25
  72. package/dist/preview/inputs.html +0 -22
  73. package/dist/preview/manifesto.html +0 -52
  74. package/dist/preview/motion-default.js +0 -106
  75. package/dist/preview/rules.html +0 -16
  76. package/dist/preview/spacing.html +0 -18
  77. package/dist/preview/stamps-lore.html +0 -20
  78. package/dist/preview/stamps.html +0 -14
  79. package/dist/preview/theme-ink.html +0 -15
  80. package/dist/preview/type-display.html +0 -16
  81. package/dist/preview/type-mono.html +0 -15
  82. package/dist/preview/type-prose.html +0 -11
  83. package/dist/preview/type-scale.html +0 -20
  84. package/dist/preview/wordmarks.html +0 -28
  85. package/dist/robots.txt +0 -8
  86. package/dist/site/content/globals/navigation.yaml +0 -5
  87. package/dist/site/content/globals/site.yaml +0 -16
  88. package/dist/site/content/pages/freddie.yaml +0 -88
  89. package/dist/site/content/pages/home.yaml +0 -190
  90. package/dist/site/theme.mjs +0 -368
  91. package/dist/sitemap.xml +0 -31
  92. package/dist/slides/deck-stage-overlay.js +0 -63
  93. package/dist/slides/deck-stage-state.js +0 -81
  94. package/dist/slides/deck-stage-style.js +0 -117
  95. package/dist/slides/deck-stage.js +0 -159
  96. package/dist/slides/index.html +0 -276
  97. package/dist/src/bootstrap.js +0 -25
  98. package/dist/src/components/chat.js +0 -199
  99. package/dist/src/components/community.js +0 -167
  100. package/dist/src/components/content.js +0 -213
  101. package/dist/src/components/files-modals.js +0 -107
  102. package/dist/src/components/files.js +0 -118
  103. package/dist/src/components/freddie/helpers.js +0 -50
  104. package/dist/src/components/freddie.js +0 -33
  105. package/dist/src/components/shell.js +0 -117
  106. package/dist/src/components/theme-toggle.js +0 -70
  107. package/dist/src/components.js +0 -52
  108. package/dist/src/debug.js +0 -30
  109. package/dist/src/deck-stage.js +0 -21
  110. package/dist/src/highlight.js +0 -32
  111. package/dist/src/index.js +0 -86
  112. package/dist/src/kits/os/about-app.js +0 -52
  113. package/dist/src/kits/os/app-panes.css +0 -152
  114. package/dist/src/kits/os/browser-app.js +0 -58
  115. package/dist/src/kits/os/files-app.js +0 -44
  116. package/dist/src/kits/os/freddie/helpers.js +0 -59
  117. package/dist/src/kits/os/freddie/pages-chat.js +0 -143
  118. package/dist/src/kits/os/freddie/pages-core.js +0 -101
  119. package/dist/src/kits/os/freddie/pages-os.js +0 -51
  120. package/dist/src/kits/os/freddie/pages-tools.js +0 -183
  121. package/dist/src/kits/os/freddie/routes.js +0 -24
  122. package/dist/src/kits/os/freddie-dashboard.css +0 -51
  123. package/dist/src/kits/os/freddie-dashboard.js +0 -101
  124. package/dist/src/kits/os/icons.js +0 -17
  125. package/dist/src/kits/os/index.js +0 -5
  126. package/dist/src/kits/os/launcher.css +0 -61
  127. package/dist/src/kits/os/launcher.js +0 -79
  128. package/dist/src/kits/os/monitor-app.js +0 -34
  129. package/dist/src/kits/os/shell.js +0 -214
  130. package/dist/src/kits/os/terminal-app.js +0 -45
  131. package/dist/src/kits/os/theme.css +0 -412
  132. package/dist/src/kits/os/validate.css +0 -19
  133. package/dist/src/kits/os/validator-app.js +0 -55
  134. package/dist/src/kits/os/wm.css +0 -115
  135. package/dist/src/kits/os/wm.js +0 -111
  136. package/dist/src/markdown.js +0 -39
  137. package/dist/src/motion.js +0 -35
  138. package/dist/src/page-html.js +0 -196
  139. package/dist/src/styles.js +0 -25
  140. package/dist/src/theme.js +0 -99
  141. package/dist/src/web-components/ds-chat.js +0 -45
  142. package/dist/ui_kits/aicat/README.md +0 -7
  143. package/dist/ui_kits/aicat/app.js +0 -156
  144. package/dist/ui_kits/aicat/index.html +0 -26
  145. package/dist/ui_kits/aicat/sample-square.png +0 -0
  146. package/dist/ui_kits/aicat/sample-svg.svg +0 -1
  147. package/dist/ui_kits/aicat/sample.pdf +0 -32
  148. package/dist/ui_kits/blog/README.md +0 -3
  149. package/dist/ui_kits/blog/index.html +0 -90
  150. package/dist/ui_kits/chat/README.md +0 -5
  151. package/dist/ui_kits/chat/app.js +0 -110
  152. package/dist/ui_kits/chat/index.html +0 -26
  153. package/dist/ui_kits/chat/sample-square.png +0 -0
  154. package/dist/ui_kits/chat/sample-svg.svg +0 -1
  155. package/dist/ui_kits/chat/sample.pdf +0 -32
  156. package/dist/ui_kits/community/app.js +0 -134
  157. package/dist/ui_kits/community/index.html +0 -24
  158. package/dist/ui_kits/dashboard/app.js +0 -92
  159. package/dist/ui_kits/dashboard/index.html +0 -26
  160. package/dist/ui_kits/docs/README.md +0 -3
  161. package/dist/ui_kits/docs/index.html +0 -123
  162. package/dist/ui_kits/error_404/app.js +0 -56
  163. package/dist/ui_kits/error_404/index.html +0 -26
  164. package/dist/ui_kits/file_browser/README.md +0 -48
  165. package/dist/ui_kits/file_browser/app.js +0 -231
  166. package/dist/ui_kits/file_browser/index.html +0 -33
  167. package/dist/ui_kits/gallery/app.js +0 -121
  168. package/dist/ui_kits/gallery/index.html +0 -26
  169. package/dist/ui_kits/homepage/README.md +0 -7
  170. package/dist/ui_kits/homepage/app.js +0 -167
  171. package/dist/ui_kits/homepage/index.html +0 -46
  172. package/dist/ui_kits/project_page/README.md +0 -3
  173. package/dist/ui_kits/project_page/app.js +0 -154
  174. package/dist/ui_kits/project_page/index.html +0 -45
  175. package/dist/ui_kits/search/app.js +0 -107
  176. package/dist/ui_kits/search/index.html +0 -26
  177. package/dist/ui_kits/settings/app.js +0 -133
  178. package/dist/ui_kits/settings/index.html +0 -26
  179. package/dist/ui_kits/signin/app.js +0 -115
  180. package/dist/ui_kits/signin/index.html +0 -26
  181. package/dist/ui_kits/slide_deck/app.js +0 -174
  182. package/dist/ui_kits/slide_deck/index.html +0 -26
  183. package/dist/ui_kits/system_primer/app.js +0 -152
  184. package/dist/ui_kits/system_primer/index.html +0 -26
  185. package/dist/ui_kits/terminal/app.js +0 -150
  186. package/dist/ui_kits/terminal/index.html +0 -26
  187. package/dist/vendor/webjsx/applyDiff.js +0 -182
  188. package/dist/vendor/webjsx/attributes.js +0 -154
  189. package/dist/vendor/webjsx/constants.js +0 -4
  190. package/dist/vendor/webjsx/createDOMElement.js +0 -52
  191. package/dist/vendor/webjsx/createElement.js +0 -75
  192. package/dist/vendor/webjsx/elementTags.js +0 -115
  193. package/dist/vendor/webjsx/factory.js +0 -6
  194. package/dist/vendor/webjsx/index.js +0 -6
  195. package/dist/vendor/webjsx/jsx-dev-runtime.js +0 -2
  196. package/dist/vendor/webjsx/jsx-runtime.js +0 -30
  197. package/dist/vendor/webjsx/jsx.js +0 -2
  198. package/dist/vendor/webjsx/package.json +0 -39
  199. package/dist/vendor/webjsx/renderSuspension.js +0 -25
  200. package/dist/vendor/webjsx/types.js +0 -5
  201. package/dist/vendor/webjsx/utils.js +0 -84
  202. 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,8 +0,0 @@
1
- User-agent: *
2
- Allow: /
3
- Disallow: /vendor/
4
- Disallow: /.gm/
5
- Disallow: /node_modules/
6
-
7
- Sitemap: https://anentrypoint.github.io/design/sitemap.xml
8
- Host: anentrypoint.github.io
@@ -1,5 +0,0 @@
1
- links:
2
- - label: 247420
3
- href: https://247420.xyz
4
- - label: GitHub
5
- href: https://github.com/AnEntrypoint
@@ -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"