devglide 0.1.1

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 (252) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +338 -0
  3. package/bin/claude-md-template.js +94 -0
  4. package/bin/devglide.js +387 -0
  5. package/package.json +85 -0
  6. package/pnpm-workspace.yaml +3 -0
  7. package/src/apps/coder/.turbo/turbo-lint.log +5 -0
  8. package/src/apps/coder/package.json +16 -0
  9. package/src/apps/coder/public/favicon.svg +7 -0
  10. package/src/apps/coder/public/page.css +275 -0
  11. package/src/apps/coder/public/page.js +528 -0
  12. package/src/apps/coder/server.js +3 -0
  13. package/src/apps/documentation/public/page.css +597 -0
  14. package/src/apps/documentation/public/page.js +609 -0
  15. package/src/apps/kanban/.turbo/turbo-lint.log +97 -0
  16. package/src/apps/kanban/.turbo/turbo-typecheck.log +5 -0
  17. package/src/apps/kanban/package.json +32 -0
  18. package/src/apps/kanban/public/favicon.svg +7 -0
  19. package/src/apps/kanban/public/page.css +1010 -0
  20. package/src/apps/kanban/public/page.js +1730 -0
  21. package/src/apps/kanban/public/vendor/marked.min.js +6 -0
  22. package/src/apps/kanban/public/vendor/sortable.min.js +2 -0
  23. package/src/apps/kanban/src/db.ts +319 -0
  24. package/src/apps/kanban/src/index.ts +14 -0
  25. package/src/apps/kanban/src/mcp-helpers.test.ts +88 -0
  26. package/src/apps/kanban/src/mcp-helpers.ts +60 -0
  27. package/src/apps/kanban/src/mcp.ts +59 -0
  28. package/src/apps/kanban/src/routes/attachments.ts +161 -0
  29. package/src/apps/kanban/src/routes/features.ts +233 -0
  30. package/src/apps/kanban/src/routes/issues.ts +373 -0
  31. package/src/apps/kanban/src/tools/feature-tools.ts +164 -0
  32. package/src/apps/kanban/src/tools/item-tools.ts +307 -0
  33. package/src/apps/kanban/src/tools/versioned-entry-tools.ts +72 -0
  34. package/src/apps/kanban/tsconfig.check.json +9 -0
  35. package/src/apps/kanban/tsconfig.json +9 -0
  36. package/src/apps/keymap/.turbo/turbo-lint.log +5 -0
  37. package/src/apps/keymap/package.json +16 -0
  38. package/src/apps/keymap/public/page.css +275 -0
  39. package/src/apps/keymap/public/page.js +294 -0
  40. package/src/apps/keymap/server.js +25 -0
  41. package/src/apps/log/.turbo/turbo-build.log +5 -0
  42. package/src/apps/log/.turbo/turbo-lint.log +45 -0
  43. package/src/apps/log/.turbo/turbo-typecheck.log +5 -0
  44. package/src/apps/log/node_modules/.bin/tsc +21 -0
  45. package/src/apps/log/node_modules/.bin/tsserver +21 -0
  46. package/src/apps/log/node_modules/.bin/tsx +21 -0
  47. package/src/apps/log/package.json +36 -0
  48. package/src/apps/log/public/console-sniffer.js +221 -0
  49. package/src/apps/log/public/favicon.svg +7 -0
  50. package/src/apps/log/public/page.css +322 -0
  51. package/src/apps/log/public/page.js +463 -0
  52. package/src/apps/log/src/index.ts +9 -0
  53. package/src/apps/log/src/mcp.ts +122 -0
  54. package/src/apps/log/src/routes/log.ts +333 -0
  55. package/src/apps/log/src/routes/status.ts +25 -0
  56. package/src/apps/log/src/server-sniffer.ts +118 -0
  57. package/src/apps/log/src/services/file-patterns.ts +39 -0
  58. package/src/apps/log/src/services/file-tailer.ts +228 -0
  59. package/src/apps/log/src/services/line-parser.ts +94 -0
  60. package/src/apps/log/src/services/log-writer.ts +39 -0
  61. package/src/apps/log/tsconfig.json +8 -0
  62. package/src/apps/prompts/.turbo/turbo-build.log +5 -0
  63. package/src/apps/prompts/.turbo/turbo-lint.log +24 -0
  64. package/src/apps/prompts/.turbo/turbo-typecheck.log +5 -0
  65. package/src/apps/prompts/mcp.ts +175 -0
  66. package/src/apps/prompts/node_modules/.bin/tsc +21 -0
  67. package/src/apps/prompts/node_modules/.bin/tsserver +21 -0
  68. package/src/apps/prompts/node_modules/.bin/tsx +21 -0
  69. package/src/apps/prompts/package.json +25 -0
  70. package/src/apps/prompts/public/page.css +315 -0
  71. package/src/apps/prompts/public/page.js +541 -0
  72. package/src/apps/prompts/services/prompt-store.ts +212 -0
  73. package/src/apps/prompts/src/index.ts +9 -0
  74. package/src/apps/prompts/tsconfig.json +8 -0
  75. package/src/apps/prompts/types.ts +27 -0
  76. package/src/apps/shell/.turbo/turbo-build.log +5 -0
  77. package/src/apps/shell/.turbo/turbo-lint.log +34 -0
  78. package/src/apps/shell/.turbo/turbo-typecheck.log +5 -0
  79. package/src/apps/shell/package.json +35 -0
  80. package/src/apps/shell/public/favicon.svg +7 -0
  81. package/src/apps/shell/public/page.css +407 -0
  82. package/src/apps/shell/public/page.js +1577 -0
  83. package/src/apps/shell/src/index.ts +150 -0
  84. package/src/apps/shell/src/mcp.ts +398 -0
  85. package/src/apps/shell/src/shell-types.ts +41 -0
  86. package/src/apps/shell/tsconfig.json +8 -0
  87. package/src/apps/test/.turbo/turbo-build.log +5 -0
  88. package/src/apps/test/.turbo/turbo-lint.log +27 -0
  89. package/src/apps/test/.turbo/turbo-typecheck.log +5 -0
  90. package/src/apps/test/node_modules/.bin/tsc +21 -0
  91. package/src/apps/test/node_modules/.bin/tsserver +21 -0
  92. package/src/apps/test/node_modules/.bin/tsx +21 -0
  93. package/src/apps/test/node_modules/.bin/uuid +21 -0
  94. package/src/apps/test/package.json +35 -0
  95. package/src/apps/test/public/favicon.svg +7 -0
  96. package/src/apps/test/public/page.css +499 -0
  97. package/src/apps/test/public/page.js +417 -0
  98. package/src/apps/test/public/scenario-runner.js +450 -0
  99. package/src/apps/test/src/index.ts +9 -0
  100. package/src/apps/test/src/mcp.ts +192 -0
  101. package/src/apps/test/src/routes/trigger.ts +285 -0
  102. package/src/apps/test/src/services/scenario-broadcaster.ts +60 -0
  103. package/src/apps/test/src/services/scenario-manager.ts +361 -0
  104. package/src/apps/test/src/services/scenario-store.ts +145 -0
  105. package/src/apps/test/tsconfig.json +8 -0
  106. package/src/apps/vocabulary/.turbo/turbo-build.log +5 -0
  107. package/src/apps/vocabulary/.turbo/turbo-lint.log +25 -0
  108. package/src/apps/vocabulary/.turbo/turbo-typecheck.log +5 -0
  109. package/src/apps/vocabulary/mcp.ts +173 -0
  110. package/src/apps/vocabulary/node_modules/.bin/tsc +21 -0
  111. package/src/apps/vocabulary/node_modules/.bin/tsserver +21 -0
  112. package/src/apps/vocabulary/node_modules/.bin/tsx +21 -0
  113. package/src/apps/vocabulary/package.json +25 -0
  114. package/src/apps/vocabulary/public/page.css +247 -0
  115. package/src/apps/vocabulary/public/page.js +444 -0
  116. package/src/apps/vocabulary/services/vocabulary-store.ts +179 -0
  117. package/src/apps/vocabulary/src/index.ts +10 -0
  118. package/src/apps/vocabulary/tsconfig.json +8 -0
  119. package/src/apps/vocabulary/types.ts +22 -0
  120. package/src/apps/voice/.turbo/turbo-build.log +5 -0
  121. package/src/apps/voice/.turbo/turbo-lint.log +43 -0
  122. package/src/apps/voice/.turbo/turbo-typecheck.log +5 -0
  123. package/src/apps/voice/node_modules/.bin/openai +21 -0
  124. package/src/apps/voice/node_modules/.bin/tsc +21 -0
  125. package/src/apps/voice/node_modules/.bin/tsserver +21 -0
  126. package/src/apps/voice/node_modules/.bin/tsx +21 -0
  127. package/src/apps/voice/package.json +35 -0
  128. package/src/apps/voice/public/favicon.svg +7 -0
  129. package/src/apps/voice/public/page.css +388 -0
  130. package/src/apps/voice/public/page.js +718 -0
  131. package/src/apps/voice/src/index.ts +10 -0
  132. package/src/apps/voice/src/mcp.ts +70 -0
  133. package/src/apps/voice/src/providers/index.ts +85 -0
  134. package/src/apps/voice/src/providers/openai-compatible.ts +94 -0
  135. package/src/apps/voice/src/providers/types.ts +27 -0
  136. package/src/apps/voice/src/routes/config.ts +118 -0
  137. package/src/apps/voice/src/routes/transcribe.ts +90 -0
  138. package/src/apps/voice/src/services/config-store.ts +129 -0
  139. package/src/apps/voice/src/services/stats.ts +108 -0
  140. package/src/apps/voice/src/transcribe.ts +11 -0
  141. package/src/apps/voice/src/utils/mime.ts +16 -0
  142. package/src/apps/voice/tsconfig.json +8 -0
  143. package/src/apps/workflow/.turbo/turbo-build.log +5 -0
  144. package/src/apps/workflow/.turbo/turbo-lint.log +96 -0
  145. package/src/apps/workflow/.turbo/turbo-typecheck.log +5 -0
  146. package/src/apps/workflow/engine/executors/decision-executor.ts +87 -0
  147. package/src/apps/workflow/engine/executors/file-executor.ts +90 -0
  148. package/src/apps/workflow/engine/executors/git-executor.ts +137 -0
  149. package/src/apps/workflow/engine/executors/http-executor.ts +65 -0
  150. package/src/apps/workflow/engine/executors/index.ts +28 -0
  151. package/src/apps/workflow/engine/executors/kanban-executor.ts +154 -0
  152. package/src/apps/workflow/engine/executors/llm-executor.ts +46 -0
  153. package/src/apps/workflow/engine/executors/log-executor.ts +62 -0
  154. package/src/apps/workflow/engine/executors/loop-executor.ts +14 -0
  155. package/src/apps/workflow/engine/executors/shell-executor.ts +107 -0
  156. package/src/apps/workflow/engine/executors/sub-workflow-executor.ts +61 -0
  157. package/src/apps/workflow/engine/executors/test-executor.ts +73 -0
  158. package/src/apps/workflow/engine/executors/trigger-executor.ts +39 -0
  159. package/src/apps/workflow/engine/expression-evaluator.ts +117 -0
  160. package/src/apps/workflow/engine/graph-runner.ts +438 -0
  161. package/src/apps/workflow/engine/node-executor.ts +104 -0
  162. package/src/apps/workflow/engine/node-registry.ts +15 -0
  163. package/src/apps/workflow/engine/variable-resolver.ts +109 -0
  164. package/src/apps/workflow/mcp.ts +223 -0
  165. package/src/apps/workflow/node_modules/.bin/tsc +21 -0
  166. package/src/apps/workflow/node_modules/.bin/tsserver +21 -0
  167. package/src/apps/workflow/node_modules/.bin/tsx +21 -0
  168. package/src/apps/workflow/package.json +25 -0
  169. package/src/apps/workflow/public/editor/canvas.js +366 -0
  170. package/src/apps/workflow/public/editor/drag-manager.js +326 -0
  171. package/src/apps/workflow/public/editor/edge-renderer.js +235 -0
  172. package/src/apps/workflow/public/editor/history-manager.js +147 -0
  173. package/src/apps/workflow/public/editor/layout-engine.js +159 -0
  174. package/src/apps/workflow/public/editor/node-renderer.js +199 -0
  175. package/src/apps/workflow/public/editor/selection-manager.js +193 -0
  176. package/src/apps/workflow/public/favicon.svg +7 -0
  177. package/src/apps/workflow/public/models/node-types.js +300 -0
  178. package/src/apps/workflow/public/models/workflow-model.js +257 -0
  179. package/src/apps/workflow/public/page.css +406 -0
  180. package/src/apps/workflow/public/page.js +658 -0
  181. package/src/apps/workflow/public/panels/inspector.js +360 -0
  182. package/src/apps/workflow/public/panels/palette.js +106 -0
  183. package/src/apps/workflow/public/panels/run-view.js +275 -0
  184. package/src/apps/workflow/public/panels/toolbar.js +232 -0
  185. package/src/apps/workflow/public/panels/workflow-list.js +237 -0
  186. package/src/apps/workflow/public/state/store.js +47 -0
  187. package/src/apps/workflow/services/custom-node-loader.ts +48 -0
  188. package/src/apps/workflow/services/legacy-converter.ts +72 -0
  189. package/src/apps/workflow/services/run-manager.ts +190 -0
  190. package/src/apps/workflow/services/workflow-store.ts +424 -0
  191. package/src/apps/workflow/services/workflow-validator.test.ts +103 -0
  192. package/src/apps/workflow/services/workflow-validator.ts +98 -0
  193. package/src/apps/workflow/src/index.ts +10 -0
  194. package/src/apps/workflow/templates/ci-pipeline.json +18 -0
  195. package/src/apps/workflow/templates/code-review.json +22 -0
  196. package/src/apps/workflow/templates/kanban-testing.json +24 -0
  197. package/src/apps/workflow/tsconfig.json +8 -0
  198. package/src/apps/workflow/types.ts +268 -0
  199. package/src/packages/auth-middleware.ts +14 -0
  200. package/src/packages/design-tokens/.turbo/turbo-build.log +10 -0
  201. package/src/packages/design-tokens/STYLEGUIDE.md +414 -0
  202. package/src/packages/design-tokens/build.js +413 -0
  203. package/src/packages/design-tokens/demo/index.html +1367 -0
  204. package/src/packages/design-tokens/demo/proposition-a.html +717 -0
  205. package/src/packages/design-tokens/demo/proposition-b.html +1239 -0
  206. package/src/packages/design-tokens/demo/proposition-c.html +1049 -0
  207. package/src/packages/design-tokens/dist/tailwind-preset.js +115 -0
  208. package/src/packages/design-tokens/dist/tokens.css +345 -0
  209. package/src/packages/design-tokens/dist/tokens.d.ts +229 -0
  210. package/src/packages/design-tokens/dist/tokens.js +386 -0
  211. package/src/packages/design-tokens/package.json +25 -0
  212. package/src/packages/design-tokens/tokens.json +228 -0
  213. package/src/packages/devtools-middleware.ts +22 -0
  214. package/src/packages/eslint-config/index.js +63 -0
  215. package/src/packages/eslint-config/node_modules/.bin/eslint +21 -0
  216. package/src/packages/eslint-config/package.json +18 -0
  217. package/src/packages/json-file-store.ts +232 -0
  218. package/src/packages/mcp-utils/.turbo/turbo-build.log +5 -0
  219. package/src/packages/mcp-utils/dist/index.d.ts +33 -0
  220. package/src/packages/mcp-utils/dist/index.d.ts.map +1 -0
  221. package/src/packages/mcp-utils/dist/index.js +126 -0
  222. package/src/packages/mcp-utils/dist/index.js.map +1 -0
  223. package/src/packages/mcp-utils/node_modules/.bin/tsc +21 -0
  224. package/src/packages/mcp-utils/node_modules/.bin/tsserver +21 -0
  225. package/src/packages/mcp-utils/package.json +32 -0
  226. package/src/packages/mcp-utils/src/index.ts +171 -0
  227. package/src/packages/mcp-utils/tsconfig.json +9 -0
  228. package/src/packages/paths.ts +18 -0
  229. package/src/packages/project-context/index.js +55 -0
  230. package/src/packages/project-context/package.json +13 -0
  231. package/src/packages/project-store.ts +127 -0
  232. package/src/packages/server-sniffer.ts +132 -0
  233. package/src/packages/shared-assets/favicon.svg +7 -0
  234. package/src/packages/shared-assets/keymap-registry.js +512 -0
  235. package/src/packages/shared-assets/logo.svg +6 -0
  236. package/src/packages/shared-assets/package.json +11 -0
  237. package/src/packages/shared-assets/ui-utils.js +48 -0
  238. package/src/packages/shared-assets/voice-widget.d.ts +37 -0
  239. package/src/packages/shared-assets/voice-widget.js +695 -0
  240. package/src/packages/shared-types/.turbo/turbo-build.log +5 -0
  241. package/src/packages/shared-types/dist/index.d.ts +39 -0
  242. package/src/packages/shared-types/dist/index.d.ts.map +1 -0
  243. package/src/packages/shared-types/node_modules/.bin/tsc +21 -0
  244. package/src/packages/shared-types/node_modules/.bin/tsserver +21 -0
  245. package/src/packages/shared-types/package.json +25 -0
  246. package/src/packages/shared-types/src/index.ts +41 -0
  247. package/src/packages/shared-types/tsconfig.json +11 -0
  248. package/src/packages/tsconfig/base.json +15 -0
  249. package/src/packages/tsconfig/next.json +14 -0
  250. package/src/packages/tsconfig/node.json +11 -0
  251. package/src/packages/tsconfig/package.json +10 -0
  252. package/turbo.json +25 -0
@@ -0,0 +1,597 @@
1
+ @keyframes dc-fade-in {
2
+ from { opacity: 0; transform: translateY(12px); }
3
+ to { opacity: 1; transform: translateY(0); }
4
+ }
5
+
6
+ /* ── Page shell ────────────────────────────────────────────────── */
7
+ .page-documentation {
8
+ font-family: var(--df-font-mono);
9
+ background: var(--df-color-bg-base);
10
+ color: var(--df-color-text-primary);
11
+ -webkit-font-smoothing: antialiased;
12
+ display: flex;
13
+ flex-direction: column;
14
+ height: 100%;
15
+ overflow: hidden;
16
+ }
17
+
18
+ /* ── Navigation bar ────────────────────────────────────────────── */
19
+ .page-documentation .dc-nav {
20
+ flex-shrink: 0;
21
+ display: flex;
22
+ align-items: center;
23
+ gap: 0;
24
+ padding: 0 var(--df-space-4);
25
+ background: var(--df-color-bg-surface);
26
+ border-bottom: 1px solid var(--df-color-border-subtle);
27
+ overflow-x: auto;
28
+ scrollbar-width: none;
29
+ }
30
+
31
+ .page-documentation .dc-nav::-webkit-scrollbar { display: none; }
32
+
33
+ .page-documentation .dc-nav-link {
34
+ background: none;
35
+ border: none;
36
+ font-family: var(--df-font-mono);
37
+ font-size: var(--df-font-size-xs);
38
+ color: var(--df-color-text-secondary);
39
+ padding: var(--df-space-3) var(--df-space-4);
40
+ cursor: pointer;
41
+ white-space: nowrap;
42
+ letter-spacing: var(--df-letter-spacing-wide);
43
+ border-bottom: 2px solid transparent;
44
+ transition: color var(--df-duration-fast), border-color var(--df-duration-fast);
45
+ }
46
+
47
+ .page-documentation .dc-nav-link:hover {
48
+ color: var(--df-color-text-primary);
49
+ }
50
+
51
+ .page-documentation .dc-nav-link.active {
52
+ color: var(--df-color-accent-default);
53
+ border-bottom-color: var(--df-color-accent-default);
54
+ }
55
+
56
+ /* ── View content (scrollable) ─────────────────────────────────── */
57
+ .page-documentation .dc-view-content {
58
+ flex: 1;
59
+ min-height: 0;
60
+ overflow-y: auto;
61
+ overflow-x: hidden;
62
+ scrollbar-width: thin;
63
+ scrollbar-color: var(--df-color-border-default) transparent;
64
+ max-width: 960px;
65
+ width: 100%;
66
+ margin: 0 auto;
67
+ padding: 0 var(--df-space-4);
68
+ }
69
+
70
+ .page-documentation .dc-view-content::-webkit-scrollbar { width: 8px; }
71
+ .page-documentation .dc-view-content::-webkit-scrollbar-track { background: transparent; }
72
+ .page-documentation .dc-view-content::-webkit-scrollbar-thumb { background: var(--df-color-border-default); border-radius: var(--df-radius-full); }
73
+
74
+ /* ── Hero ──────────────────────────────────────────────────────── */
75
+ .page-documentation .dc-hero {
76
+ text-align: center;
77
+ padding: var(--df-space-8) 0;
78
+ animation: dc-fade-in 0.5s ease both;
79
+ }
80
+
81
+ .page-documentation .dc-hero-badge {
82
+ display: inline-block;
83
+ font-size: var(--df-font-size-xs);
84
+ letter-spacing: var(--df-letter-spacing-wider);
85
+ text-transform: uppercase;
86
+ color: var(--df-color-accent-default);
87
+ border: 1px solid var(--df-color-accent-default);
88
+ padding: 2px var(--df-space-3);
89
+ margin-bottom: var(--df-space-4);
90
+ clip-path: var(--df-clip-sm);
91
+ }
92
+
93
+ .page-documentation .dc-hero-title {
94
+ font-size: 3rem;
95
+ font-weight: 700;
96
+ color: var(--df-color-accent-default);
97
+ letter-spacing: -0.02em;
98
+ line-height: 1;
99
+ margin-bottom: var(--df-space-3);
100
+ }
101
+
102
+ .page-documentation .dc-hero-tagline {
103
+ font-size: var(--df-font-size-lg);
104
+ color: var(--df-color-text-primary);
105
+ letter-spacing: var(--df-letter-spacing-wide);
106
+ margin-bottom: var(--df-space-4);
107
+ }
108
+
109
+ .page-documentation .dc-hero-desc {
110
+ font-size: var(--df-font-size-sm);
111
+ color: var(--df-color-text-secondary);
112
+ max-width: 560px;
113
+ margin: 0 auto var(--df-space-6);
114
+ line-height: var(--df-line-height-relaxed);
115
+ }
116
+
117
+ .page-documentation .dc-hero-desc strong { color: var(--df-color-text-primary); }
118
+
119
+ .page-documentation .dc-hero-stats {
120
+ display: flex;
121
+ justify-content: center;
122
+ gap: var(--df-space-6);
123
+ }
124
+
125
+ .page-documentation .dc-stat {
126
+ display: flex;
127
+ flex-direction: column;
128
+ align-items: center;
129
+ gap: 2px;
130
+ }
131
+
132
+ .page-documentation .dc-stat-value {
133
+ font-size: 1.75rem;
134
+ font-weight: 700;
135
+ color: var(--df-color-accent-default);
136
+ }
137
+
138
+ .page-documentation .dc-stat-label {
139
+ font-size: var(--df-font-size-xs);
140
+ color: var(--df-color-text-muted);
141
+ letter-spacing: var(--df-letter-spacing-wider);
142
+ text-transform: uppercase;
143
+ }
144
+
145
+ /* ── Sections (Home view) ──────────────────────────────────────── */
146
+ .page-documentation .dc-section {
147
+ padding: var(--df-space-8) 0;
148
+ border-top: 1px solid var(--df-color-border-subtle);
149
+ animation: dc-fade-in 0.5s ease both;
150
+ }
151
+
152
+ .page-documentation .dc-section-alt {
153
+ background: var(--df-color-bg-surface);
154
+ margin-left: calc(-1 * var(--df-space-4));
155
+ margin-right: calc(-1 * var(--df-space-4));
156
+ padding-left: var(--df-space-4);
157
+ padding-right: var(--df-space-4);
158
+ border-top: 1px solid var(--df-color-border-subtle);
159
+ border-bottom: 1px solid var(--df-color-border-subtle);
160
+ }
161
+
162
+ .page-documentation .dc-section-title {
163
+ font-size: var(--df-font-size-xl);
164
+ font-weight: 600;
165
+ color: var(--df-color-text-primary);
166
+ text-align: center;
167
+ margin-bottom: var(--df-space-3);
168
+ letter-spacing: var(--df-letter-spacing-wide);
169
+ }
170
+
171
+ .page-documentation .dc-section-desc {
172
+ font-size: var(--df-font-size-sm);
173
+ color: var(--df-color-text-secondary);
174
+ text-align: center;
175
+ max-width: 560px;
176
+ margin: 0 auto var(--df-space-6);
177
+ line-height: var(--df-line-height-relaxed);
178
+ }
179
+
180
+ .page-documentation .dc-section-desc strong { color: var(--df-color-text-primary); }
181
+
182
+ /* ── Pillars ───────────────────────────────────────────────────── */
183
+ .page-documentation .dc-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--df-space-4); }
184
+ .page-documentation .dc-pillar { background: var(--df-color-bg-surface); border: 1px solid var(--df-color-border-subtle); padding: var(--df-space-5) var(--df-space-4); clip-path: var(--df-clip-md); text-align: center; }
185
+ .page-documentation .dc-pillar-icon { font-size: 1.5rem; color: var(--df-color-accent-default); margin-bottom: var(--df-space-3); }
186
+ .page-documentation .dc-pillar h3 { font-size: var(--df-font-size-base); font-weight: 600; margin-bottom: var(--df-space-2); color: var(--df-color-text-primary); }
187
+ .page-documentation .dc-pillar p { font-size: var(--df-font-size-xs); color: var(--df-color-text-secondary); line-height: var(--df-line-height-relaxed); }
188
+
189
+ /* ── Module Grid ───────────────────────────────────────────────── */
190
+ .page-documentation .dc-modules { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--df-space-3); }
191
+ .page-documentation .dc-module { background: var(--df-color-bg-surface); border: 1px solid var(--df-color-border-subtle); padding: var(--df-space-4); clip-path: var(--df-clip-md); transition: border-color var(--df-duration-fast); }
192
+ .page-documentation .dc-module:hover { border-color: var(--df-color-accent-default); }
193
+ .page-documentation .dc-module-icon { font-size: 1.25rem; color: var(--df-color-accent-default); margin-bottom: var(--df-space-2); }
194
+ .page-documentation .dc-module h3 { font-size: var(--df-font-size-sm); font-weight: 600; color: var(--df-color-text-primary); margin-bottom: var(--df-space-1); letter-spacing: var(--df-letter-spacing-wide); }
195
+ .page-documentation .dc-module p { font-size: var(--df-font-size-xs); color: var(--df-color-text-secondary); line-height: var(--df-line-height-normal); }
196
+
197
+ /* ── How It Works Steps ────────────────────────────────────────── */
198
+ .page-documentation .dc-steps { display: flex; align-items: flex-start; justify-content: center; gap: var(--df-space-3); max-width: 800px; margin: 0 auto; }
199
+ .page-documentation .dc-step { flex: 1; background: var(--df-color-bg-raised); border: 1px solid var(--df-color-border-subtle); padding: var(--df-space-5) var(--df-space-4); clip-path: var(--df-clip-md); text-align: center; }
200
+ .page-documentation .dc-step-num { width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: var(--df-font-size-sm); font-weight: 700; color: var(--df-color-bg-base); background: var(--df-color-accent-default); clip-path: var(--df-clip-sm); margin: 0 auto var(--df-space-3); }
201
+ .page-documentation .dc-step h3 { font-size: var(--df-font-size-sm); font-weight: 600; color: var(--df-color-text-primary); margin-bottom: var(--df-space-2); }
202
+ .page-documentation .dc-step p { font-size: var(--df-font-size-xs); color: var(--df-color-text-secondary); line-height: var(--df-line-height-relaxed); }
203
+ .page-documentation .dc-step code { background: var(--df-color-bg-base); padding: 1px 4px; font-size: var(--df-font-size-xs); }
204
+ .page-documentation .dc-step-arrow { color: var(--df-color-text-muted); font-size: 1.25rem; padding-top: var(--df-space-6); flex-shrink: 0; }
205
+
206
+ /* ── Footer ────────────────────────────────────────────────────── */
207
+ .page-documentation .dc-footer { text-align: center; padding: var(--df-space-6) 0; border-top: 1px solid var(--df-color-border-subtle); }
208
+ .page-documentation .dc-footer p { font-size: var(--df-font-size-xs); color: var(--df-color-text-muted); letter-spacing: var(--df-letter-spacing-wide); }
209
+
210
+ /* ── Content views (Guide, Modules, API, Changelog) ────────────── */
211
+ .page-documentation .dc-content {
212
+ padding: var(--df-space-6) 0 var(--df-space-8);
213
+ animation: dc-fade-in 0.4s ease both;
214
+ }
215
+
216
+ .page-documentation .dc-content-title {
217
+ font-size: var(--df-font-size-xl);
218
+ font-weight: 700;
219
+ color: var(--df-color-accent-default);
220
+ margin-bottom: var(--df-space-2);
221
+ letter-spacing: var(--df-letter-spacing-wide);
222
+ }
223
+
224
+ .page-documentation .dc-content-lead {
225
+ font-size: var(--df-font-size-sm);
226
+ color: var(--df-color-text-secondary);
227
+ margin-bottom: var(--df-space-6);
228
+ line-height: var(--df-line-height-relaxed);
229
+ }
230
+
231
+ .page-documentation .dc-content-note {
232
+ font-size: var(--df-font-size-xs);
233
+ color: var(--df-color-text-muted);
234
+ margin-bottom: var(--df-space-6);
235
+ padding: var(--df-space-3) var(--df-space-4);
236
+ background: var(--df-color-bg-surface);
237
+ border-left: 3px solid var(--df-color-accent-default);
238
+ }
239
+
240
+ .page-documentation .dc-content-note code {
241
+ background: var(--df-color-bg-raised);
242
+ padding: 1px 4px;
243
+ font-size: var(--df-font-size-xs);
244
+ }
245
+
246
+ /* ── Cards ─────────────────────────────────────────────────────── */
247
+ .page-documentation .dc-card {
248
+ background: var(--df-color-bg-surface);
249
+ border: 1px solid var(--df-color-border-subtle);
250
+ clip-path: var(--df-clip-md);
251
+ padding: var(--df-space-5) var(--df-space-5);
252
+ margin-bottom: var(--df-space-4);
253
+ }
254
+
255
+ .page-documentation .dc-card-header {
256
+ display: flex;
257
+ align-items: center;
258
+ gap: var(--df-space-3);
259
+ margin-bottom: var(--df-space-3);
260
+ }
261
+
262
+ .page-documentation .dc-card-header h2 {
263
+ font-size: var(--df-font-size-lg);
264
+ font-weight: 600;
265
+ color: var(--df-color-text-primary);
266
+ margin: 0;
267
+ }
268
+
269
+ .page-documentation .dc-card-icon {
270
+ font-size: 1.25rem;
271
+ color: var(--df-color-accent-default);
272
+ }
273
+
274
+ .page-documentation .dc-card h2:first-child {
275
+ font-size: var(--df-font-size-base);
276
+ font-weight: 600;
277
+ color: var(--df-color-text-primary);
278
+ margin-bottom: var(--df-space-3);
279
+ }
280
+
281
+ .page-documentation .dc-card h3 {
282
+ font-size: var(--df-font-size-sm);
283
+ font-weight: 600;
284
+ color: var(--df-color-accent-default);
285
+ margin-top: var(--df-space-4);
286
+ margin-bottom: var(--df-space-2);
287
+ letter-spacing: var(--df-letter-spacing-wider);
288
+ text-transform: uppercase;
289
+ }
290
+
291
+ .page-documentation .dc-card p {
292
+ font-size: var(--df-font-size-sm);
293
+ color: var(--df-color-text-secondary);
294
+ line-height: var(--df-line-height-relaxed);
295
+ margin-bottom: var(--df-space-2);
296
+ }
297
+
298
+ .page-documentation .dc-card code {
299
+ background: var(--df-color-bg-raised);
300
+ padding: 1px 5px;
301
+ font-size: var(--df-font-size-xs);
302
+ }
303
+
304
+ .page-documentation .dc-tool-count {
305
+ font-size: var(--df-font-size-xs);
306
+ font-weight: 400;
307
+ color: var(--df-color-text-muted);
308
+ background: var(--df-color-bg-raised);
309
+ padding: 1px var(--df-space-2);
310
+ clip-path: var(--df-clip-sm);
311
+ margin-left: auto;
312
+ }
313
+
314
+ /* ── Lists ─────────────────────────────────────────────────────── */
315
+ .page-documentation .dc-list {
316
+ list-style: none;
317
+ padding: 0;
318
+ margin: 0 0 var(--df-space-3) 0;
319
+ }
320
+
321
+ .page-documentation .dc-list li {
322
+ font-size: var(--df-font-size-sm);
323
+ color: var(--df-color-text-secondary);
324
+ padding: var(--df-space-2) 0;
325
+ padding-left: var(--df-space-4);
326
+ border-bottom: 1px solid var(--df-color-border-subtle);
327
+ line-height: var(--df-line-height-relaxed);
328
+ position: relative;
329
+ }
330
+
331
+ .page-documentation .dc-list li::before {
332
+ content: '\2022';
333
+ position: absolute;
334
+ left: var(--df-space-1);
335
+ color: var(--df-color-accent-default);
336
+ }
337
+
338
+ .page-documentation .dc-list li:last-child { border-bottom: none; }
339
+ .page-documentation .dc-list li strong { color: var(--df-color-text-primary); }
340
+
341
+ /* ── Tools list (inline) ───────────────────────────────────────── */
342
+ .page-documentation .dc-tools-list {
343
+ font-size: var(--df-font-size-xs) !important;
344
+ color: var(--df-color-text-muted) !important;
345
+ font-style: italic;
346
+ word-break: break-word;
347
+ }
348
+
349
+ /* ── Tag grid ──────────────────────────────────────────────────── */
350
+ .page-documentation .dc-tag-grid {
351
+ display: flex;
352
+ flex-wrap: wrap;
353
+ gap: var(--df-space-2);
354
+ margin-bottom: var(--df-space-3);
355
+ }
356
+
357
+ .page-documentation .dc-tag {
358
+ font-size: var(--df-font-size-xs);
359
+ color: var(--df-color-accent-default);
360
+ background: color-mix(in srgb, var(--df-color-accent-default) 10%, transparent);
361
+ border: 1px solid color-mix(in srgb, var(--df-color-accent-default) 25%, transparent);
362
+ padding: 2px var(--df-space-2);
363
+ clip-path: var(--df-clip-sm);
364
+ }
365
+
366
+ /* ── Code blocks ───────────────────────────────────────────────── */
367
+ .page-documentation .dc-codeblock {
368
+ background: var(--df-color-bg-raised);
369
+ border: 1px solid var(--df-color-border-subtle);
370
+ padding: var(--df-space-3) var(--df-space-4);
371
+ margin: var(--df-space-2) 0 var(--df-space-3);
372
+ clip-path: var(--df-clip-sm);
373
+ overflow-x: auto;
374
+ }
375
+
376
+ .page-documentation .dc-codeblock code {
377
+ background: none;
378
+ padding: 0;
379
+ font-size: var(--df-font-size-sm);
380
+ color: var(--df-color-text-primary);
381
+ line-height: var(--df-line-height-relaxed);
382
+ }
383
+
384
+ /* ── Numbered steps ────────────────────────────────────────────── */
385
+ .page-documentation .dc-numbered-steps {
386
+ display: flex;
387
+ flex-direction: column;
388
+ gap: var(--df-space-2);
389
+ }
390
+
391
+ .page-documentation .dc-ns {
392
+ display: flex;
393
+ align-items: flex-start;
394
+ gap: var(--df-space-3);
395
+ padding: var(--df-space-2) 0;
396
+ }
397
+
398
+ .page-documentation .dc-ns-num {
399
+ width: 24px;
400
+ height: 24px;
401
+ line-height: 24px;
402
+ text-align: center;
403
+ font-size: var(--df-font-size-xs);
404
+ font-weight: 700;
405
+ color: var(--df-color-bg-base);
406
+ background: var(--df-color-accent-default);
407
+ clip-path: var(--df-clip-sm);
408
+ flex-shrink: 0;
409
+ }
410
+
411
+ .page-documentation .dc-ns p {
412
+ font-size: var(--df-font-size-sm);
413
+ color: var(--df-color-text-secondary);
414
+ margin: 0;
415
+ line-height: var(--df-line-height-relaxed);
416
+ }
417
+
418
+ .page-documentation .dc-ns p strong { color: var(--df-color-text-primary); }
419
+ .page-documentation .dc-ns p code { background: var(--df-color-bg-raised); padding: 1px 5px; font-size: var(--df-font-size-xs); }
420
+
421
+ /* ── API tables ────────────────────────────────────────────────── */
422
+ .page-documentation .dc-api-table {
423
+ width: 100%;
424
+ border-collapse: collapse;
425
+ }
426
+
427
+ .page-documentation .dc-api-table td {
428
+ font-size: var(--df-font-size-xs);
429
+ padding: var(--df-space-2) var(--df-space-3);
430
+ border-bottom: 1px solid var(--df-color-border-subtle);
431
+ vertical-align: top;
432
+ }
433
+
434
+ .page-documentation .dc-api-table tr:last-child td { border-bottom: none; }
435
+
436
+ .page-documentation .dc-api-table td:first-child {
437
+ white-space: nowrap;
438
+ width: 1%;
439
+ color: var(--df-color-text-primary);
440
+ }
441
+
442
+ .page-documentation .dc-api-table td:first-child code {
443
+ background: var(--df-color-bg-raised);
444
+ padding: 2px 6px;
445
+ font-size: var(--df-font-size-xs);
446
+ }
447
+
448
+ .page-documentation .dc-api-table td:last-child {
449
+ color: var(--df-color-text-secondary);
450
+ }
451
+
452
+ /* ── Changelog ─────────────────────────────────────────────────── */
453
+ .page-documentation .dc-release-date {
454
+ font-size: var(--df-font-size-xs);
455
+ color: var(--df-color-text-muted);
456
+ margin-left: auto;
457
+ }
458
+
459
+ .page-documentation .dc-release-badge {
460
+ display: inline-block;
461
+ font-size: var(--df-font-size-xs);
462
+ color: var(--df-color-accent-default);
463
+ border: 1px solid var(--df-color-accent-default);
464
+ padding: 2px var(--df-space-3);
465
+ letter-spacing: var(--df-letter-spacing-wider);
466
+ text-transform: uppercase;
467
+ clip-path: var(--df-clip-sm);
468
+ margin-bottom: var(--df-space-4);
469
+ }
470
+
471
+ /* ── Reduced motion ────────────────────────────────────────────── */
472
+ @media (prefers-reduced-motion: reduce) {
473
+ .page-documentation .dc-hero,
474
+ .page-documentation .dc-section,
475
+ .page-documentation .dc-content { animation: none; }
476
+ }
477
+
478
+ /* ── Mobile ────────────────────────────────────────────────────── */
479
+ @media (max-width: 639px) {
480
+ .page-documentation .dc-view-content { padding: 0 var(--df-space-3); }
481
+ .page-documentation .dc-nav { padding: 0 var(--df-space-2); }
482
+ .page-documentation .dc-nav-link { padding: var(--df-space-2) var(--df-space-3); font-size: 11px; }
483
+ .page-documentation .dc-hero { padding: var(--df-space-6) 0; }
484
+ .page-documentation .dc-hero-title { font-size: 2rem; }
485
+ .page-documentation .dc-hero-tagline { font-size: var(--df-font-size-base); }
486
+ .page-documentation .dc-hero-stats { gap: var(--df-space-4); }
487
+ .page-documentation .dc-pillars { grid-template-columns: 1fr; }
488
+ .page-documentation .dc-modules { grid-template-columns: 1fr; }
489
+ .page-documentation .dc-steps { flex-direction: column; align-items: stretch; }
490
+ .page-documentation .dc-step-arrow { text-align: center; padding: 0; transform: rotate(90deg); }
491
+ .page-documentation .dc-section-alt {
492
+ margin-left: calc(-1 * var(--df-space-3));
493
+ margin-right: calc(-1 * var(--df-space-3));
494
+ padding-left: var(--df-space-3);
495
+ padding-right: var(--df-space-3);
496
+ }
497
+ .page-documentation .dc-card { padding: var(--df-space-4); }
498
+ .page-documentation .dc-api-table td:first-child { white-space: normal; }
499
+ }
500
+
501
+ /* ── Large screens ─────────────────────────────────────────────── */
502
+ @media (min-width: 1440px) {
503
+ .page-documentation .dc-view-content { max-width: 1080px; }
504
+ }
505
+
506
+ /* ── Stagger animations ────────────────────────────────────────── */
507
+ .page-documentation .dc-section:nth-of-type(1) { animation-delay: 0ms; }
508
+ .page-documentation .dc-section:nth-of-type(2) { animation-delay: 80ms; }
509
+ .page-documentation .dc-section:nth-of-type(3) { animation-delay: 160ms; }
510
+ .page-documentation .dc-section:nth-of-type(4) { animation-delay: 240ms; }
511
+ .page-documentation .dc-section:nth-of-type(5) { animation-delay: 320ms; }
512
+
513
+ /* ── Onboarding banner ────────────────────────────────────────── */
514
+
515
+ .page-documentation .dc-onboarding {
516
+ margin: var(--df-space-4) var(--df-space-6);
517
+ padding: var(--df-space-5) var(--df-space-6);
518
+ border: 1px solid color-mix(in srgb, var(--df-color-accent-default) 40%, transparent);
519
+ background: color-mix(in srgb, var(--df-color-accent-default) 5%, var(--df-color-bg-surface));
520
+ animation: dc-fade-in 0.4s ease both;
521
+ }
522
+
523
+ .page-documentation .dc-onboarding-header {
524
+ display: flex;
525
+ align-items: center;
526
+ gap: var(--df-space-4);
527
+ margin-bottom: var(--df-space-4);
528
+ }
529
+
530
+ .page-documentation .dc-onboarding-icon {
531
+ font-size: 1.5rem;
532
+ color: var(--df-color-accent-default);
533
+ flex-shrink: 0;
534
+ }
535
+
536
+ .page-documentation .dc-onboarding-title {
537
+ font-size: var(--df-font-size-md);
538
+ font-weight: 400;
539
+ letter-spacing: var(--df-letter-spacing-wide);
540
+ text-transform: uppercase;
541
+ color: var(--df-color-accent-default);
542
+ margin-bottom: 2px;
543
+ }
544
+
545
+ .page-documentation .dc-onboarding-subtitle {
546
+ font-size: var(--df-font-size-xs);
547
+ color: var(--df-color-text-secondary);
548
+ letter-spacing: var(--df-letter-spacing-normal);
549
+ }
550
+
551
+ .page-documentation .dc-onboarding-desc {
552
+ font-size: var(--df-font-size-sm);
553
+ color: var(--df-color-text-secondary);
554
+ line-height: var(--df-line-height-normal);
555
+ margin-bottom: var(--df-space-4);
556
+ }
557
+
558
+ .page-documentation .dc-onboarding-steps {
559
+ display: flex;
560
+ flex-direction: column;
561
+ gap: var(--df-space-3);
562
+ }
563
+
564
+ .page-documentation .dc-onboarding-step {
565
+ display: flex;
566
+ align-items: flex-start;
567
+ gap: var(--df-space-3);
568
+ }
569
+
570
+ .page-documentation .dc-onboarding-step-num {
571
+ display: flex;
572
+ align-items: center;
573
+ justify-content: center;
574
+ width: 24px;
575
+ height: 24px;
576
+ flex-shrink: 0;
577
+ font-size: var(--df-font-size-xs);
578
+ font-weight: 700;
579
+ color: var(--df-color-accent-default);
580
+ border: 1px solid var(--df-color-accent-default);
581
+ }
582
+
583
+ .page-documentation .dc-onboarding-step strong {
584
+ display: block;
585
+ font-size: var(--df-font-size-sm);
586
+ font-weight: 400;
587
+ letter-spacing: var(--df-letter-spacing-wide);
588
+ text-transform: uppercase;
589
+ color: var(--df-color-text-primary);
590
+ margin-bottom: 2px;
591
+ }
592
+
593
+ .page-documentation .dc-onboarding-step p {
594
+ font-size: var(--df-font-size-xs);
595
+ color: var(--df-color-text-secondary);
596
+ line-height: var(--df-line-height-normal);
597
+ }