hoomanjs 1.47.0 → 1.55.0

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 (246) hide show
  1. package/README.md +42 -18
  2. package/dist/acp/acp-agent.d.ts +3 -3
  3. package/dist/acp/acp-agent.js +16 -11
  4. package/dist/acp/acp-agent.js.map +1 -1
  5. package/dist/acp/approvals.js +11 -10
  6. package/dist/acp/approvals.js.map +1 -1
  7. package/dist/acp/browser.d.ts +9 -0
  8. package/dist/acp/browser.js +23 -0
  9. package/dist/acp/browser.js.map +1 -0
  10. package/dist/acp/meta/vscode.d.ts +8 -7
  11. package/dist/acp/meta/vscode.js +10 -11
  12. package/dist/acp/meta/vscode.js.map +1 -1
  13. package/dist/acp/sessions/store.d.ts +3 -3
  14. package/dist/acp/utils/tool-kind.js +6 -6
  15. package/dist/acp/utils/tool-kind.js.map +1 -1
  16. package/dist/chat/app.js +16 -9
  17. package/dist/chat/app.js.map +1 -1
  18. package/dist/chat/approvals.js +3 -0
  19. package/dist/chat/approvals.js.map +1 -1
  20. package/dist/chat/components/ApprovalPrompt.js +11 -22
  21. package/dist/chat/components/ApprovalPrompt.js.map +1 -1
  22. package/dist/chat/components/StatusBar.js +3 -0
  23. package/dist/chat/components/StatusBar.js.map +1 -1
  24. package/dist/chat/types.d.ts +3 -0
  25. package/dist/cli.js +162 -44
  26. package/dist/cli.js.map +1 -1
  27. package/dist/configure/app.js +46 -29
  28. package/dist/configure/app.js.map +1 -1
  29. package/dist/core/agent/default-retry-strategy.js +46 -12
  30. package/dist/core/agent/default-retry-strategy.js.map +1 -1
  31. package/dist/core/agent/gitignore-guard-plugin.js +17 -2
  32. package/dist/core/agent/gitignore-guard-plugin.js.map +1 -1
  33. package/dist/core/agent/index.js +37 -7
  34. package/dist/core/agent/index.js.map +1 -1
  35. package/dist/core/approvals/allowlist.js +1 -0
  36. package/dist/core/approvals/allowlist.js.map +1 -1
  37. package/dist/core/approvals/intervention.d.ts +10 -2
  38. package/dist/core/approvals/intervention.js +46 -8
  39. package/dist/core/approvals/intervention.js.map +1 -1
  40. package/dist/core/config.d.ts +9 -2
  41. package/dist/core/config.js +8 -4
  42. package/dist/core/config.js.map +1 -1
  43. package/dist/core/index.d.ts +2 -2
  44. package/dist/core/mcp/oauth/service.js +2 -2
  45. package/dist/core/mcp/oauth/service.js.map +1 -1
  46. package/dist/core/models/bedrock.js +6 -0
  47. package/dist/core/models/bedrock.js.map +1 -1
  48. package/dist/core/models/groq.js +34 -14
  49. package/dist/core/models/groq.js.map +1 -1
  50. package/dist/core/models/minimax.js +1 -1
  51. package/dist/core/models/minimax.js.map +1 -1
  52. package/dist/core/models/types.d.ts +10 -2
  53. package/dist/core/models/types.js +1 -0
  54. package/dist/core/models/types.js.map +1 -1
  55. package/dist/core/modes/definitions.d.ts +4 -2
  56. package/dist/core/modes/definitions.js +73 -9
  57. package/dist/core/modes/definitions.js.map +1 -1
  58. package/dist/core/modes/index.d.ts +1 -1
  59. package/dist/core/modes/index.js +1 -1
  60. package/dist/core/modes/index.js.map +1 -1
  61. package/dist/core/modes/registry.js +4 -9
  62. package/dist/core/modes/registry.js.map +1 -1
  63. package/dist/core/modes/schema.d.ts +1 -1
  64. package/dist/core/modes/schema.js +1 -1
  65. package/dist/core/modes/schema.js.map +1 -1
  66. package/dist/core/prompts/agents/{review.md → code-review.md} +2 -2
  67. package/dist/core/prompts/agents/design-review.md +35 -0
  68. package/dist/core/prompts/agents/{test-investigator.md → quality-analyst.md} +2 -2
  69. package/dist/core/prompts/modes/agent.md +2 -0
  70. package/dist/core/prompts/modes/ask.md +2 -2
  71. package/dist/core/prompts/modes/design.md +37 -0
  72. package/dist/core/prompts/modes/plan.md +5 -5
  73. package/dist/core/prompts/{runtime.js → runtime/agents.js} +2 -2
  74. package/dist/core/prompts/runtime/agents.js.map +1 -0
  75. package/dist/core/prompts/runtime/design.d.ts +11 -0
  76. package/dist/core/prompts/runtime/design.js +78 -0
  77. package/dist/core/prompts/runtime/design.js.map +1 -0
  78. package/dist/core/prompts/{session-mode-appendix.js → session-mode.js} +1 -1
  79. package/dist/core/prompts/session-mode.js.map +1 -0
  80. package/dist/core/prompts/static/ask-user.md +3 -2
  81. package/dist/core/prompts/static/fetch.md +2 -1
  82. package/dist/core/prompts/static/filesystem.md +2 -1
  83. package/dist/core/prompts/static/subagents.md +2 -1
  84. package/dist/core/prompts/static/switch-mode.md +10 -0
  85. package/dist/core/prompts/system.d.ts +1 -0
  86. package/dist/core/prompts/system.js +11 -3
  87. package/dist/core/prompts/system.js.map +1 -1
  88. package/dist/core/shell/index.d.ts +1 -1
  89. package/dist/core/shell/index.js +1 -1
  90. package/dist/core/shell/{shell.js → tools.js} +1 -1
  91. package/dist/core/shell/{shell.js.map → tools.js.map} +1 -1
  92. package/dist/core/skills/built-in/hooman-config/SKILL.md +30 -35
  93. package/dist/core/skills/built-in/hooman-config/search.md +5 -3
  94. package/dist/core/skills/built-in/hooman-design/SKILL.md +97 -0
  95. package/dist/core/skills/built-in/hooman-design/assets/article-shell.html +87 -0
  96. package/dist/core/skills/built-in/hooman-design/assets/auth-shell.html +143 -0
  97. package/dist/core/skills/built-in/hooman-design/assets/business-card-shell.html +112 -0
  98. package/dist/core/skills/built-in/hooman-design/assets/contact-shell.html +181 -0
  99. package/dist/core/skills/built-in/hooman-design/assets/dashboard-shell.html +90 -0
  100. package/dist/core/skills/built-in/hooman-design/assets/data-table-shell.html +114 -0
  101. package/dist/core/skills/built-in/hooman-design/assets/deck-shell.html +187 -0
  102. package/dist/core/skills/built-in/hooman-design/assets/dialog-shell.html +98 -0
  103. package/dist/core/skills/built-in/hooman-design/assets/email-shell.html +101 -0
  104. package/dist/core/skills/built-in/hooman-design/assets/empty-state-shell.html +92 -0
  105. package/dist/core/skills/built-in/hooman-design/assets/flyer-shell.html +168 -0
  106. package/dist/core/skills/built-in/hooman-design/assets/invite-shell.html +167 -0
  107. package/dist/core/skills/built-in/hooman-design/assets/landing-shell.html +184 -0
  108. package/dist/core/skills/built-in/hooman-design/assets/mobile-frame-shell.html +109 -0
  109. package/dist/core/skills/built-in/hooman-design/assets/newsletter-shell.html +141 -0
  110. package/dist/core/skills/built-in/hooman-design/assets/onboarding-shell.html +131 -0
  111. package/dist/core/skills/built-in/hooman-design/assets/pricing-shell.html +160 -0
  112. package/dist/core/skills/built-in/hooman-design/assets/prototype-shell.html +83 -0
  113. package/dist/core/skills/built-in/hooman-design/assets/resume-shell.html +228 -0
  114. package/dist/core/skills/built-in/hooman-design/assets/settings-shell.html +196 -0
  115. package/dist/core/skills/built-in/hooman-design/assets/tokens/botanical-calm.css +34 -0
  116. package/dist/core/skills/built-in/hooman-design/assets/tokens/copper-ledger.css +34 -0
  117. package/dist/core/skills/built-in/hooman-design/assets/tokens/editorial-ink.css +34 -0
  118. package/dist/core/skills/built-in/hooman-design/assets/tokens/fintech-clear.css +34 -0
  119. package/dist/core/skills/built-in/hooman-design/assets/tokens/harbor-navy.css +35 -0
  120. package/dist/core/skills/built-in/hooman-design/assets/tokens/midnight-editorial.css +34 -0
  121. package/dist/core/skills/built-in/hooman-design/assets/tokens/night-console.css +34 -0
  122. package/dist/core/skills/built-in/hooman-design/assets/tokens/paper-mono.css +35 -0
  123. package/dist/core/skills/built-in/hooman-design/assets/tokens/signal-mono.css +34 -0
  124. package/dist/core/skills/built-in/hooman-design/assets/tokens/soft-product.css +34 -0
  125. package/dist/core/skills/built-in/hooman-design/assets/tokens/swiss-grid.css +34 -0
  126. package/dist/core/skills/built-in/hooman-design/assets/tokens/warm-atelier.css +34 -0
  127. package/dist/core/skills/built-in/hooman-design/assets/waitlist-shell.html +139 -0
  128. package/dist/core/skills/built-in/hooman-design/craft/accessibility-baseline.md +32 -0
  129. package/dist/core/skills/built-in/hooman-design/craft/anti-ai-slop.md +27 -0
  130. package/dist/core/skills/built-in/hooman-design/craft/color-surfaces.md +45 -0
  131. package/dist/core/skills/built-in/hooman-design/craft/data-viz.md +24 -0
  132. package/dist/core/skills/built-in/hooman-design/craft/deck-slides.md +46 -0
  133. package/dist/core/skills/built-in/hooman-design/craft/forms-validation.md +35 -0
  134. package/dist/core/skills/built-in/hooman-design/craft/iconography.md +19 -0
  135. package/dist/core/skills/built-in/hooman-design/craft/layout-overflow.md +31 -0
  136. package/dist/core/skills/built-in/hooman-design/craft/motion.md +41 -0
  137. package/dist/core/skills/built-in/hooman-design/craft/print.md +37 -0
  138. package/dist/core/skills/built-in/hooman-design/craft/responsive.md +30 -0
  139. package/dist/core/skills/built-in/hooman-design/craft/spacing-density.md +46 -0
  140. package/dist/core/skills/built-in/hooman-design/craft/state-coverage.md +21 -0
  141. package/dist/core/skills/built-in/hooman-design/craft/typography.md +73 -0
  142. package/dist/core/skills/built-in/hooman-design/directions.md +115 -0
  143. package/dist/core/skills/built-in/hooman-design/references/artifact-layout.md +15 -0
  144. package/dist/core/skills/built-in/hooman-design/references/export.md +47 -0
  145. package/dist/core/skills/built-in/hooman-design/references/workflow.md +80 -0
  146. package/dist/core/skills/built-in/hooman-mcp/SKILL.md +2 -2
  147. package/dist/core/state/llm-modality.d.ts +13 -0
  148. package/dist/core/state/llm-modality.js +19 -0
  149. package/dist/core/state/llm-modality.js.map +1 -0
  150. package/dist/core/state/plan.d.ts +1 -1
  151. package/dist/core/state/plan.js +1 -1
  152. package/dist/core/state/tool-approvals.d.ts +12 -9
  153. package/dist/core/state/tool-approvals.js +91 -52
  154. package/dist/core/state/tool-approvals.js.map +1 -1
  155. package/dist/core/state/turn-boundaries.d.ts +1 -1
  156. package/dist/core/state/turn-boundaries.js +1 -1
  157. package/dist/core/subagents/index.d.ts +1 -1
  158. package/dist/core/subagents/index.js +1 -1
  159. package/dist/core/subagents/registry.js +15 -6
  160. package/dist/core/subagents/registry.js.map +1 -1
  161. package/dist/core/subagents/tool.d.ts +8 -2
  162. package/dist/core/subagents/tool.js +93 -44
  163. package/dist/core/subagents/tool.js.map +1 -1
  164. package/dist/core/tools/ask-user.d.ts +1 -1
  165. package/dist/core/tools/ask-user.js +1 -1
  166. package/dist/core/tools/export.d.ts +8 -0
  167. package/dist/core/tools/export.js +202 -0
  168. package/dist/core/tools/export.js.map +1 -0
  169. package/dist/core/tools/fetch.d.ts +2 -0
  170. package/dist/core/tools/fetch.js +92 -55
  171. package/dist/core/tools/fetch.js.map +1 -1
  172. package/dist/core/tools/filesystem.d.ts +2 -1
  173. package/dist/core/tools/filesystem.js +38 -4
  174. package/dist/core/tools/filesystem.js.map +1 -1
  175. package/dist/core/tools/index.d.ts +3 -1
  176. package/dist/core/tools/index.js +3 -1
  177. package/dist/core/tools/index.js.map +1 -1
  178. package/dist/core/tools/preview.d.ts +10 -0
  179. package/dist/core/tools/preview.js +147 -0
  180. package/dist/core/tools/preview.js.map +1 -0
  181. package/dist/core/tools/switch-mode.d.ts +6 -0
  182. package/dist/core/tools/switch-mode.js +188 -0
  183. package/dist/core/tools/switch-mode.js.map +1 -0
  184. package/dist/core/tools/web-search.js +176 -0
  185. package/dist/core/tools/web-search.js.map +1 -1
  186. package/dist/core/utils/browser.d.ts +8 -1
  187. package/dist/core/utils/browser.js +17 -1
  188. package/dist/core/utils/browser.js.map +1 -1
  189. package/dist/core/utils/export-design.d.ts +40 -0
  190. package/dist/core/utils/export-design.js +188 -0
  191. package/dist/core/utils/export-design.js.map +1 -0
  192. package/dist/core/utils/export-figma.d.ts +17 -0
  193. package/dist/core/utils/export-figma.js +189 -0
  194. package/dist/core/utils/export-figma.js.map +1 -0
  195. package/dist/core/utils/export-sketch.d.ts +11 -0
  196. package/dist/core/utils/export-sketch.js +456 -0
  197. package/dist/core/utils/export-sketch.js.map +1 -0
  198. package/dist/core/utils/fig-archive.d.ts +47 -0
  199. package/dist/core/utils/fig-archive.js +181 -0
  200. package/dist/core/utils/fig-archive.js.map +1 -0
  201. package/dist/core/utils/metadata.d.ts +30 -0
  202. package/dist/core/utils/metadata.js +122 -0
  203. package/dist/core/utils/metadata.js.map +1 -1
  204. package/dist/core/utils/models-prefetch.d.ts +53 -0
  205. package/dist/core/utils/models-prefetch.js +469 -0
  206. package/dist/core/utils/models-prefetch.js.map +1 -0
  207. package/dist/core/utils/onboarding-config.d.ts +48 -0
  208. package/dist/core/utils/onboarding-config.js +373 -0
  209. package/dist/core/utils/onboarding-config.js.map +1 -0
  210. package/dist/core/utils/paths.d.ts +9 -7
  211. package/dist/core/utils/paths.js +12 -10
  212. package/dist/core/utils/paths.js.map +1 -1
  213. package/dist/core/utils/preview-server.d.ts +20 -0
  214. package/dist/core/utils/preview-server.js +212 -0
  215. package/dist/core/utils/preview-server.js.map +1 -0
  216. package/dist/core/utils/search-probe.d.ts +19 -0
  217. package/dist/core/utils/search-probe.js +165 -0
  218. package/dist/core/utils/search-probe.js.map +1 -0
  219. package/dist/core/utils/seeds/empty-slides.deck +0 -0
  220. package/dist/core/utils/url-safety.d.ts +2 -0
  221. package/dist/core/utils/url-safety.js +47 -0
  222. package/dist/core/utils/url-safety.js.map +1 -0
  223. package/dist/core/utils/zstd.d.ts +6 -0
  224. package/dist/core/utils/zstd.js +39 -0
  225. package/dist/core/utils/zstd.js.map +1 -0
  226. package/dist/exec/approvals.js +5 -5
  227. package/dist/exec/approvals.js.map +1 -1
  228. package/dist/index.d.ts +9 -3
  229. package/dist/index.js +6 -3
  230. package/dist/index.js.map +1 -1
  231. package/dist/onboarding/app.d.ts +5 -0
  232. package/dist/onboarding/app.js +255 -0
  233. package/dist/onboarding/app.js.map +1 -0
  234. package/dist/onboarding/index.d.ts +5 -0
  235. package/dist/onboarding/index.js +27 -0
  236. package/dist/onboarding/index.js.map +1 -0
  237. package/package.json +16 -3
  238. package/dist/core/prompts/runtime.js.map +0 -1
  239. package/dist/core/prompts/session-mode-appendix.js.map +0 -1
  240. package/dist/core/prompts/static/planning.md +0 -3
  241. package/dist/core/tools/plan.d.ts +0 -5
  242. package/dist/core/tools/plan.js +0 -150
  243. package/dist/core/tools/plan.js.map +0 -1
  244. /package/dist/core/prompts/{runtime.d.ts → runtime/agents.d.ts} +0 -0
  245. /package/dist/core/prompts/{session-mode-appendix.d.ts → session-mode.d.ts} +0 -0
  246. /package/dist/core/shell/{shell.d.ts → tools.d.ts} +0 -0
package/dist/core/skills/built-in/hooman-design/assets/contact-shell.html ADDED
@@ -0,0 +1,181 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Contact</title>
7
+ <style>
8
+ :root {
9
+ --bg: #f7f5f2;
10
+ --ink: #1a1a1a;
11
+ --muted: #5c5c5c;
12
+ --accent: #0f6b6b;
13
+ --surface: #ffffff;
14
+ --border: #e8e4dc;
15
+ --danger: #b42318;
16
+ --font-display: Georgia, "Times New Roman", ui-serif, serif;
17
+ --font-body: system-ui, -apple-system, sans-serif;
18
+ --space-3: 0.75rem;
19
+ --space-4: 1rem;
20
+ --space-5: 1.5rem;
21
+ --space-6: 2rem;
22
+ --space-7: 3rem;
23
+ }
24
+ * {
25
+ box-sizing: border-box;
26
+ }
27
+ body {
28
+ margin: 0;
29
+ font-family: var(--font-body);
30
+ background: var(--bg);
31
+ color: var(--ink);
32
+ line-height: 1.5;
33
+ }
34
+ .wrap {
35
+ max-width: 40rem;
36
+ margin: 0 auto;
37
+ padding: var(--space-7) var(--space-5);
38
+ }
39
+ h1 {
40
+ font-family: var(--font-display);
41
+ font-size: clamp(1.75rem, 3vw, 2.25rem);
42
+ letter-spacing: -0.02em;
43
+ margin: 0 0 0.5rem;
44
+ }
45
+ .lede {
46
+ margin: 0 0 var(--space-6);
47
+ color: var(--muted);
48
+ max-width: 32rem;
49
+ }
50
+ form {
51
+ background: var(--surface);
52
+ border: 1px solid var(--border);
53
+ border-radius: 0.375rem;
54
+ padding: var(--space-6);
55
+ display: flex;
56
+ flex-direction: column;
57
+ gap: var(--space-4);
58
+ }
59
+ .row {
60
+ display: grid;
61
+ grid-template-columns: 1fr 1fr;
62
+ gap: var(--space-4);
63
+ }
64
+ @media (max-width: 560px) {
65
+ .row {
66
+ grid-template-columns: 1fr;
67
+ }
68
+ }
69
+ label {
70
+ display: flex;
71
+ flex-direction: column;
72
+ gap: 0.35rem;
73
+ font-size: 0.8125rem;
74
+ font-weight: 600;
75
+ }
76
+ input,
77
+ select,
78
+ textarea {
79
+ font: inherit;
80
+ padding: 0.6rem 0.75rem;
81
+ border: 1px solid var(--border);
82
+ border-radius: 0.375rem;
83
+ background: #fff;
84
+ color: var(--ink);
85
+ }
86
+ textarea {
87
+ min-height: 8rem;
88
+ resize: vertical;
89
+ }
90
+ input:focus-visible,
91
+ select:focus-visible,
92
+ textarea:focus-visible {
93
+ outline: 2px solid var(--accent);
94
+ outline-offset: 1px;
95
+ }
96
+ .hint {
97
+ font-weight: 400;
98
+ color: var(--muted);
99
+ font-size: 0.75rem;
100
+ }
101
+ .error {
102
+ color: var(--danger);
103
+ font-size: 0.8125rem;
104
+ font-weight: 400;
105
+ }
106
+ .btn {
107
+ align-self: flex-start;
108
+ padding: 0.7rem 1.15rem;
109
+ border: 0;
110
+ border-radius: 0.375rem;
111
+ background: var(--accent);
112
+ color: #fff;
113
+ font: inherit;
114
+ font-weight: 600;
115
+ cursor: pointer;
116
+ }
117
+ .btn:focus-visible {
118
+ outline: 2px solid var(--ink);
119
+ outline-offset: 2px;
120
+ }
121
+ .btn:disabled {
122
+ opacity: 0.6;
123
+ cursor: not-allowed;
124
+ }
125
+ .success {
126
+ margin-top: var(--space-4);
127
+ padding: var(--space-4);
128
+ border: 1px solid var(--border);
129
+ border-radius: 0.375rem;
130
+ background: var(--surface);
131
+ font-size: 0.9375rem;
132
+ }
133
+ [hidden] {
134
+ display: none !important;
135
+ }
136
+ </style>
137
+ </head>
138
+ <body>
139
+ <div class="wrap">
140
+ <h1>Contact</h1>
141
+ <p class="lede">
142
+ Real inquiry form — name, email, topic, message. Toggle error / success
143
+ slots when prototyping states.
144
+ </p>
145
+ <form novalidate>
146
+ <div class="row">
147
+ <label>
148
+ Name
149
+ <input name="name" autocomplete="name" required />
150
+ <span class="error" hidden>Name is required.</span>
151
+ </label>
152
+ <label>
153
+ Work email
154
+ <input type="email" name="email" autocomplete="email" required />
155
+ <span class="error" hidden>Enter a valid email.</span>
156
+ </label>
157
+ </div>
158
+ <label>
159
+ Topic
160
+ <select name="topic" required>
161
+ <option value="">Select…</option>
162
+ <option>Sales</option>
163
+ <option>Support</option>
164
+ <option>Partnerships</option>
165
+ </select>
166
+ <span class="error" hidden>Choose a topic.</span>
167
+ </label>
168
+ <label>
169
+ Message
170
+ <textarea name="message" required maxlength="2000"></textarea>
171
+ <span class="hint">Max 2000 characters. No lorem.</span>
172
+ <span class="error" hidden>Message is required.</span>
173
+ </label>
174
+ <button class="btn" type="submit">Send message</button>
175
+ </form>
176
+ <p class="success" hidden role="status">
177
+ Thanks — we received your message and will reply soon.
178
+ </p>
179
+ </div>
180
+ </body>
181
+ </html>
package/dist/core/skills/built-in/hooman-design/assets/dashboard-shell.html ADDED
@@ -0,0 +1,90 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Dashboard</title>
7
+ <style>
8
+ :root {
9
+ --bg: #0d1117;
10
+ --elevated: #161b22;
11
+ --ink: #e6edf3;
12
+ --muted: #8b949e;
13
+ --accent: #58a6ff;
14
+ --border: #30363d;
15
+ --font-body: system-ui, -apple-system, sans-serif;
16
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
17
+ }
18
+ * {
19
+ box-sizing: border-box;
20
+ }
21
+ body {
22
+ margin: 0;
23
+ font-family: var(--font-body);
24
+ background: var(--bg);
25
+ color: var(--ink);
26
+ font-size: 14px;
27
+ line-height: 1.5;
28
+ }
29
+ .shell {
30
+ display: grid;
31
+ grid-template-columns: 14rem 1fr;
32
+ min-height: 100vh;
33
+ }
34
+ nav {
35
+ border-right: 1px solid var(--border);
36
+ padding: 1rem;
37
+ }
38
+ main {
39
+ padding: 1.25rem;
40
+ }
41
+ h1 {
42
+ font-size: 1.25rem;
43
+ margin: 0 0 1rem;
44
+ }
45
+ .grid {
46
+ display: grid;
47
+ grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
48
+ gap: 0.75rem;
49
+ }
50
+ .card {
51
+ background: var(--elevated);
52
+ border: 1px solid var(--border);
53
+ border-radius: 0.375rem;
54
+ padding: 1rem;
55
+ }
56
+ .metric {
57
+ font-family: var(--font-mono);
58
+ font-size: 1.5rem;
59
+ letter-spacing: -0.02em;
60
+ }
61
+ .label {
62
+ color: var(--muted);
63
+ font-size: 0.75rem;
64
+ letter-spacing: 0.06em;
65
+ text-transform: uppercase;
66
+ }
67
+ </style>
68
+ </head>
69
+ <body>
70
+ <div class="shell">
71
+ <nav aria-label="Primary">
72
+ <!-- Nav items -->
73
+ </nav>
74
+ <main>
75
+ <h1>Overview</h1>
76
+ <div class="grid">
77
+ <section class="card">
78
+ <div class="label">Metric</div>
79
+ <div class="metric">—</div>
80
+ </section>
81
+ <section class="card">
82
+ <div class="label">Metric</div>
83
+ <div class="metric">—</div>
84
+ </section>
85
+ </div>
86
+ <!-- Include empty / loading / error treatments for data panels -->
87
+ </main>
88
+ </div>
89
+ </body>
90
+ </html>
package/dist/core/skills/built-in/hooman-design/assets/data-table-shell.html ADDED
@@ -0,0 +1,114 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Table</title>
7
+ <style>
8
+ :root {
9
+ --bg: #0d1117;
10
+ --surface: #161b22;
11
+ --ink: #e6edf3;
12
+ --muted: #8b949e;
13
+ --accent: #58a6ff;
14
+ --border: #30363d;
15
+ --font-body: system-ui, -apple-system, sans-serif;
16
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
17
+ }
18
+ * {
19
+ box-sizing: border-box;
20
+ }
21
+ body {
22
+ margin: 0;
23
+ font-family: var(--font-body);
24
+ background: var(--bg);
25
+ color: var(--ink);
26
+ font-size: 14px;
27
+ line-height: 1.45;
28
+ padding: 1.25rem;
29
+ }
30
+ h1 {
31
+ margin: 0 0 1rem;
32
+ font-size: 1.15rem;
33
+ }
34
+ .panel {
35
+ background: var(--surface);
36
+ border: 1px solid var(--border);
37
+ border-radius: 0.375rem;
38
+ overflow: auto;
39
+ }
40
+ table {
41
+ width: 100%;
42
+ border-collapse: collapse;
43
+ min-width: 36rem;
44
+ }
45
+ th,
46
+ td {
47
+ text-align: left;
48
+ padding: 0.65rem 0.85rem;
49
+ border-bottom: 1px solid var(--border);
50
+ vertical-align: top;
51
+ }
52
+ th {
53
+ color: var(--muted);
54
+ font-size: 0.75rem;
55
+ letter-spacing: 0.06em;
56
+ text-transform: uppercase;
57
+ font-weight: 600;
58
+ }
59
+ td.mono {
60
+ font-family: var(--font-mono);
61
+ font-size: 0.8125rem;
62
+ }
63
+ tr:last-child td {
64
+ border-bottom: 0;
65
+ }
66
+ .badge {
67
+ display: inline-block;
68
+ padding: 0.15rem 0.45rem;
69
+ border-radius: 999px;
70
+ border: 1px solid var(--border);
71
+ font-size: 0.75rem;
72
+ color: var(--accent);
73
+ }
74
+ caption {
75
+ text-align: left;
76
+ padding: 0.85rem;
77
+ color: var(--muted);
78
+ caption-side: top;
79
+ }
80
+ </style>
81
+ </head>
82
+ <body>
83
+ <h1>Deployments</h1>
84
+ <div class="panel">
85
+ <table>
86
+ <caption>
87
+ Sample rows — replace with real data or label as fixture.
88
+ </caption>
89
+ <thead>
90
+ <tr>
91
+ <th scope="col">Service</th>
92
+ <th scope="col">Version</th>
93
+ <th scope="col">Status</th>
94
+ <th scope="col">Updated</th>
95
+ </tr>
96
+ </thead>
97
+ <tbody>
98
+ <tr>
99
+ <td>api</td>
100
+ <td class="mono">1.4.2</td>
101
+ <td><span class="badge">Healthy</span></td>
102
+ <td class="mono">2026-07-01</td>
103
+ </tr>
104
+ <tr>
105
+ <td>worker</td>
106
+ <td class="mono">1.4.1</td>
107
+ <td><span class="badge">Healthy</span></td>
108
+ <td class="mono">2026-06-28</td>
109
+ </tr>
110
+ </tbody>
111
+ </table>
112
+ </div>
113
+ </body>
114
+ </html>
package/dist/core/skills/built-in/hooman-design/assets/deck-shell.html ADDED
@@ -0,0 +1,187 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Deck</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9
+ <link
10
+ href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap"
11
+ rel="stylesheet"
12
+ />
13
+ <style>
14
+ :root {
15
+ --bg: #0a0a0a;
16
+ --ink: #f5f5f5;
17
+ --muted: #a3a3a3;
18
+ --accent: #c8f560;
19
+ --chrome: #737373;
20
+ --font-display:
21
+ "Source Serif 4", Georgia, "Times New Roman", ui-serif, serif;
22
+ --font-body: Inter, system-ui, -apple-system, sans-serif;
23
+ --pad-x: clamp(2rem, 8vw, 5rem);
24
+ --pad-y: clamp(1.75rem, 6vh, 3.5rem);
25
+ --chrome-h: 2.5rem;
26
+ }
27
+ * {
28
+ box-sizing: border-box;
29
+ }
30
+ html {
31
+ scroll-snap-type: y mandatory;
32
+ overflow-y: scroll;
33
+ }
34
+ body {
35
+ margin: 0;
36
+ font-family: var(--font-body);
37
+ background: #111;
38
+ color: var(--ink);
39
+ }
40
+ [data-slide] {
41
+ width: 100vw;
42
+ height: 100vh;
43
+ height: 100dvh;
44
+ background: var(--bg);
45
+ display: flex;
46
+ flex-direction: column;
47
+ padding: var(--pad-y) var(--pad-x);
48
+ scroll-snap-align: start;
49
+ overflow: hidden;
50
+ min-height: 0;
51
+ }
52
+ .slide-top,
53
+ .slide-bottom {
54
+ flex: 0 0 auto;
55
+ display: flex;
56
+ justify-content: space-between;
57
+ align-items: center;
58
+ min-height: var(--chrome-h);
59
+ font-size: 0.6875rem;
60
+ letter-spacing: 0.08em;
61
+ text-transform: uppercase;
62
+ color: var(--chrome);
63
+ }
64
+ .slide-body {
65
+ flex: 1 1 auto;
66
+ min-height: 0;
67
+ display: flex;
68
+ flex-direction: column;
69
+ justify-content: center;
70
+ gap: 1rem;
71
+ padding: 0.75rem 0;
72
+ overflow: hidden;
73
+ }
74
+ .kicker {
75
+ color: var(--accent);
76
+ letter-spacing: 0.08em;
77
+ text-transform: uppercase;
78
+ font-size: 0.75rem;
79
+ margin: 0;
80
+ }
81
+ h1 {
82
+ font-family: var(--font-display);
83
+ font-size: clamp(1.75rem, 4.2vw, 3rem);
84
+ line-height: 1.08;
85
+ letter-spacing: -0.02em;
86
+ margin: 0;
87
+ max-width: 18ch;
88
+ }
89
+ .lede {
90
+ margin: 0;
91
+ font-size: clamp(0.9375rem, 1.4vw, 1.125rem);
92
+ line-height: 1.45;
93
+ color: var(--muted);
94
+ max-width: 36rem;
95
+ }
96
+ .cards {
97
+ display: grid;
98
+ grid-template-columns: repeat(3, minmax(0, 1fr));
99
+ gap: 0.75rem;
100
+ margin-top: 0.5rem;
101
+ min-height: 0;
102
+ }
103
+ .card {
104
+ border: 1px solid #262626;
105
+ border-radius: 0.375rem;
106
+ padding: 0.85rem 1rem;
107
+ min-width: 0;
108
+ display: flex;
109
+ flex-direction: column;
110
+ gap: 0.35rem;
111
+ }
112
+ .card .idx {
113
+ font-size: 0.6875rem;
114
+ letter-spacing: 0.08em;
115
+ color: var(--accent);
116
+ }
117
+ .card h2 {
118
+ margin: 0;
119
+ font-size: clamp(0.875rem, 1.2vw, 1.05rem);
120
+ line-height: 1.25;
121
+ font-weight: 600;
122
+ }
123
+ .card p {
124
+ margin: 0;
125
+ font-size: 0.8125rem;
126
+ line-height: 1.4;
127
+ color: var(--muted);
128
+ }
129
+ @media (max-width: 800px) {
130
+ .cards {
131
+ grid-template-columns: 1fr;
132
+ }
133
+ }
134
+ </style>
135
+ </head>
136
+ <body>
137
+ <section data-slide>
138
+ <div class="slide-top">
139
+ <span>Brand · Deck</span>
140
+ <span>Confidential</span>
141
+ </div>
142
+ <div class="slide-body">
143
+ <p class="kicker">Title</p>
144
+ <h1>One idea that fits the frame</h1>
145
+ <p class="lede">
146
+ Keep chrome clear of body type. Prefer splitting slides over
147
+ overflowing a fixed viewport.
148
+ </p>
149
+ </div>
150
+ <div class="slide-bottom">
151
+ <span>Source / context</span>
152
+ <span>01 / 02</span>
153
+ </div>
154
+ </section>
155
+ <section data-slide>
156
+ <div class="slide-top">
157
+ <span>Section · Theme</span>
158
+ <span>Label</span>
159
+ </div>
160
+ <div class="slide-body">
161
+ <p class="kicker">Three bets</p>
162
+ <h1>Cards that clear the footer</h1>
163
+ <div class="cards">
164
+ <article class="card">
165
+ <span class="idx">01</span>
166
+ <h2>Short title</h2>
167
+ <p>One line of support. No badge collisions.</p>
168
+ </article>
169
+ <article class="card">
170
+ <span class="idx">02</span>
171
+ <h2>Short title</h2>
172
+ <p>One line of support. No badge collisions.</p>
173
+ </article>
174
+ <article class="card">
175
+ <span class="idx">03</span>
176
+ <h2>Short title</h2>
177
+ <p>One line of support. No badge collisions.</p>
178
+ </article>
179
+ </div>
180
+ </div>
181
+ <div class="slide-bottom">
182
+ <span>Source / context</span>
183
+ <span>02 / 02</span>
184
+ </div>
185
+ </section>
186
+ </body>
187
+ </html>
package/dist/core/skills/built-in/hooman-design/assets/dialog-shell.html ADDED
@@ -0,0 +1,98 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Dialog</title>
7
+ <style>
8
+ :root {
9
+ --bg: #0f172a99;
10
+ --ink: #0f172a;
11
+ --muted: #64748b;
12
+ --accent: #0f766e;
13
+ --surface: #ffffff;
14
+ --border: #e2e8f0;
15
+ --danger: #b91c1c;
16
+ --font-body: system-ui, -apple-system, sans-serif;
17
+ }
18
+ * {
19
+ box-sizing: border-box;
20
+ }
21
+ body {
22
+ margin: 0;
23
+ min-height: 100vh;
24
+ font-family: var(--font-body);
25
+ background: #f8fafc;
26
+ }
27
+ .backdrop {
28
+ min-height: 100vh;
29
+ display: grid;
30
+ place-items: center;
31
+ padding: 1.5rem;
32
+ background: var(--bg);
33
+ }
34
+ [role="dialog"] {
35
+ width: min(100%, 26rem);
36
+ background: var(--surface);
37
+ color: var(--ink);
38
+ border: 1px solid var(--border);
39
+ border-radius: 0.375rem;
40
+ padding: 1.25rem 1.25rem 1rem;
41
+ box-shadow: 0 12px 40px #0f172a22;
42
+ }
43
+ h1 {
44
+ margin: 0 0 0.5rem;
45
+ font-size: 1.125rem;
46
+ letter-spacing: -0.02em;
47
+ }
48
+ p {
49
+ margin: 0 0 1.25rem;
50
+ color: var(--muted);
51
+ font-size: 0.9375rem;
52
+ line-height: 1.5;
53
+ }
54
+ .actions {
55
+ display: flex;
56
+ justify-content: flex-end;
57
+ gap: 0.5rem;
58
+ }
59
+ .btn {
60
+ padding: 0.55rem 0.9rem;
61
+ border-radius: 0.375rem;
62
+ border: 1px solid var(--border);
63
+ background: transparent;
64
+ font: inherit;
65
+ font-weight: 600;
66
+ cursor: pointer;
67
+ }
68
+ .btn-danger {
69
+ background: var(--danger);
70
+ border-color: var(--danger);
71
+ color: #fff;
72
+ }
73
+ .btn:focus-visible {
74
+ outline: 2px solid var(--accent);
75
+ outline-offset: 2px;
76
+ }
77
+ </style>
78
+ </head>
79
+ <body>
80
+ <div class="backdrop">
81
+ <div
82
+ role="dialog"
83
+ aria-modal="true"
84
+ aria-labelledby="dlg-title"
85
+ aria-describedby="dlg-desc"
86
+ >
87
+ <h1 id="dlg-title">Delete project?</h1>
88
+ <p id="dlg-desc">
89
+ This removes the project and its artifacts. This cannot be undone.
90
+ </p>
91
+ <div class="actions">
92
+ <button class="btn" type="button">Cancel</button>
93
+ <button class="btn btn-danger" type="button">Delete</button>
94
+ </div>
95
+ </div>
96
+ </div>
97
+ </body>
98
+ </html>