@almadar/std 3.2.1 → 3.2.3

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 (295) hide show
  1. package/behaviors/exports/atoms/std-async.orb +41 -24
  2. package/behaviors/exports/atoms/std-browse.orb +44 -44
  3. package/behaviors/exports/atoms/std-cache-aside.orb +256 -42
  4. package/behaviors/exports/atoms/std-calendar.orb +770 -0
  5. package/behaviors/exports/atoms/std-circuit-breaker.orb +577 -97
  6. package/behaviors/exports/atoms/std-collision.orb +278 -206
  7. package/behaviors/exports/atoms/std-combat-log.orb +6 -1
  8. package/behaviors/exports/atoms/std-combat.orb +6 -1
  9. package/behaviors/exports/atoms/std-confirmation.orb +212 -7
  10. package/behaviors/exports/atoms/std-dialogue-box.orb +6 -1
  11. package/behaviors/exports/atoms/std-display.orb +1186 -376
  12. package/behaviors/exports/atoms/std-drawer.orb +307 -101
  13. package/behaviors/exports/atoms/std-filter.orb +211 -18
  14. package/behaviors/exports/atoms/std-flip-card.orb +596 -0
  15. package/behaviors/exports/atoms/std-gallery.orb +382 -0
  16. package/behaviors/exports/atoms/std-game-audio.orb +6 -1
  17. package/behaviors/exports/atoms/std-game-canvas2d.orb +6 -1
  18. package/behaviors/exports/atoms/std-game-canvas3d.orb +6 -1
  19. package/behaviors/exports/atoms/std-game-hud.orb +6 -1
  20. package/behaviors/exports/atoms/std-game-menu.orb +6 -1
  21. package/behaviors/exports/atoms/std-game-over-screen.orb +6 -1
  22. package/behaviors/exports/atoms/std-gameflow.orb +100 -5
  23. package/behaviors/exports/atoms/std-input.orb +142 -137
  24. package/behaviors/exports/atoms/std-inventory-panel.orb +6 -1
  25. package/behaviors/exports/atoms/std-isometric-canvas.orb +6 -1
  26. package/behaviors/exports/atoms/std-loading.orb +149 -170
  27. package/behaviors/exports/atoms/std-modal.orb +159 -94
  28. package/behaviors/exports/atoms/std-movement.orb +401 -31
  29. package/behaviors/exports/atoms/std-notification.orb +117 -95
  30. package/behaviors/exports/atoms/std-overworld.orb +44 -16
  31. package/behaviors/exports/atoms/std-pagination.orb +44 -115
  32. package/behaviors/exports/atoms/std-physics2d.orb +6 -1
  33. package/behaviors/exports/atoms/std-platformer-canvas.orb +6 -1
  34. package/behaviors/exports/atoms/std-quest.orb +309 -34
  35. package/behaviors/exports/atoms/std-rate-limiter.orb +410 -157
  36. package/behaviors/exports/atoms/std-rating.orb +328 -0
  37. package/behaviors/exports/atoms/std-score-board.orb +6 -1
  38. package/behaviors/exports/atoms/std-score.orb +252 -11
  39. package/behaviors/exports/atoms/std-search.orb +62 -47
  40. package/behaviors/exports/atoms/std-selection.orb +180 -149
  41. package/behaviors/exports/atoms/std-simulation-canvas.orb +6 -1
  42. package/behaviors/exports/atoms/std-sort.orb +192 -60
  43. package/behaviors/exports/atoms/std-sprite.orb +6 -1
  44. package/behaviors/exports/atoms/std-tabs.orb +25 -15
  45. package/behaviors/exports/atoms/std-text-effects.orb +658 -0
  46. package/behaviors/exports/atoms/std-theme.orb +573 -0
  47. package/behaviors/exports/atoms/std-timer.orb +483 -91
  48. package/behaviors/exports/atoms/std-undo.orb +211 -81
  49. package/behaviors/exports/atoms/std-upload.orb +535 -0
  50. package/behaviors/exports/atoms/std-wizard.orb +677 -240
  51. package/behaviors/exports/molecules/std-builder-game.orb +49 -4
  52. package/behaviors/exports/molecules/std-cart.orb +325 -102
  53. package/behaviors/exports/molecules/std-classifier-game.orb +49 -4
  54. package/behaviors/exports/molecules/std-debugger-game.orb +49 -4
  55. package/behaviors/exports/molecules/std-detail.orb +52 -48
  56. package/behaviors/exports/molecules/std-event-handler-game.orb +49 -4
  57. package/behaviors/exports/molecules/std-form-advanced.orb +654 -0
  58. package/behaviors/exports/molecules/std-geospatial.orb +70 -51
  59. package/behaviors/exports/molecules/std-inventory.orb +92 -53
  60. package/behaviors/exports/molecules/std-list.orb +416 -52
  61. package/behaviors/exports/molecules/std-messaging.orb +41 -49
  62. package/behaviors/exports/molecules/std-negotiator-game.orb +49 -4
  63. package/behaviors/exports/molecules/std-platformer-game.orb +58 -3
  64. package/behaviors/exports/molecules/std-puzzle-game.orb +58 -7
  65. package/behaviors/exports/molecules/std-quiz.orb +1045 -0
  66. package/behaviors/exports/molecules/std-sequencer-game.orb +49 -4
  67. package/behaviors/exports/molecules/std-simulator-game.orb +49 -4
  68. package/behaviors/exports/molecules/std-turn-based-battle.orb +66 -1
  69. package/behaviors/exports/organisms/std-api-gateway.orb +2615 -867
  70. package/behaviors/exports/organisms/std-arcade-game.orb +399 -197
  71. package/behaviors/exports/organisms/std-booking-system.orb +3154 -1305
  72. package/behaviors/exports/organisms/std-cicd-pipeline.orb +2298 -779
  73. package/behaviors/exports/organisms/std-cms.orb +1150 -277
  74. package/behaviors/exports/organisms/std-coding-academy.orb +1222 -533
  75. package/behaviors/exports/organisms/std-crm.orb +2357 -821
  76. package/behaviors/exports/organisms/std-devops-dashboard.orb +4230 -1281
  77. package/behaviors/exports/organisms/std-ecommerce.orb +2660 -1098
  78. package/behaviors/exports/organisms/std-finance-tracker.orb +1749 -737
  79. package/behaviors/exports/organisms/std-healthcare.orb +3593 -1478
  80. package/behaviors/exports/organisms/std-helpdesk.orb +1870 -738
  81. package/behaviors/exports/organisms/std-hr-portal.orb +3290 -1385
  82. package/behaviors/exports/organisms/std-iot-dashboard.orb +2704 -788
  83. package/behaviors/exports/organisms/std-lms.orb +2548 -1192
  84. package/behaviors/exports/organisms/std-logic-training.orb +220 -66
  85. package/behaviors/exports/organisms/std-platformer-app.orb +373 -194
  86. package/behaviors/exports/organisms/std-project-manager.orb +2347 -806
  87. package/behaviors/exports/organisms/std-puzzle-app.orb +240 -95
  88. package/behaviors/exports/organisms/std-realtime-chat.orb +2020 -660
  89. package/behaviors/exports/organisms/std-rpg-game.orb +1303 -740
  90. package/behaviors/exports/organisms/std-social-feed.orb +184 -168
  91. package/behaviors/exports/organisms/std-stem-lab.orb +1223 -512
  92. package/behaviors/exports/organisms/std-strategy-game.orb +1412 -731
  93. package/behaviors/exports/organisms/std-trading-dashboard.orb +1869 -695
  94. package/behaviors/exports/validation-report.json +3 -750
  95. package/behaviors/exports/verify-results.json +13 -0
  96. package/dist/behaviors/exports/atoms/std-async.orb +41 -24
  97. package/dist/behaviors/exports/atoms/std-browse.orb +44 -44
  98. package/dist/behaviors/exports/atoms/std-cache-aside.orb +256 -42
  99. package/dist/behaviors/exports/atoms/std-calendar.orb +770 -0
  100. package/dist/behaviors/exports/atoms/std-circuit-breaker.orb +577 -97
  101. package/dist/behaviors/exports/atoms/std-collision.orb +278 -206
  102. package/dist/behaviors/exports/atoms/std-combat-log.orb +6 -1
  103. package/dist/behaviors/exports/atoms/std-combat.orb +6 -1
  104. package/dist/behaviors/exports/atoms/std-confirmation.orb +212 -7
  105. package/dist/behaviors/exports/atoms/std-dialogue-box.orb +6 -1
  106. package/dist/behaviors/exports/atoms/std-display.orb +1186 -376
  107. package/dist/behaviors/exports/atoms/std-drawer.orb +307 -101
  108. package/dist/behaviors/exports/atoms/std-filter.orb +211 -18
  109. package/dist/behaviors/exports/atoms/std-flip-card.orb +596 -0
  110. package/dist/behaviors/exports/atoms/std-gallery.orb +382 -0
  111. package/dist/behaviors/exports/atoms/std-game-audio.orb +6 -1
  112. package/dist/behaviors/exports/atoms/std-game-canvas2d.orb +6 -1
  113. package/dist/behaviors/exports/atoms/std-game-canvas3d.orb +6 -1
  114. package/dist/behaviors/exports/atoms/std-game-hud.orb +6 -1
  115. package/dist/behaviors/exports/atoms/std-game-menu.orb +6 -1
  116. package/dist/behaviors/exports/atoms/std-game-over-screen.orb +6 -1
  117. package/dist/behaviors/exports/atoms/std-gameflow.orb +100 -5
  118. package/dist/behaviors/exports/atoms/std-input.orb +142 -137
  119. package/dist/behaviors/exports/atoms/std-inventory-panel.orb +6 -1
  120. package/dist/behaviors/exports/atoms/std-isometric-canvas.orb +6 -1
  121. package/dist/behaviors/exports/atoms/std-loading.orb +149 -170
  122. package/dist/behaviors/exports/atoms/std-modal.orb +159 -94
  123. package/dist/behaviors/exports/atoms/std-movement.orb +401 -31
  124. package/dist/behaviors/exports/atoms/std-notification.orb +117 -95
  125. package/dist/behaviors/exports/atoms/std-overworld.orb +44 -16
  126. package/dist/behaviors/exports/atoms/std-pagination.orb +44 -115
  127. package/dist/behaviors/exports/atoms/std-physics2d.orb +6 -1
  128. package/dist/behaviors/exports/atoms/std-platformer-canvas.orb +6 -1
  129. package/dist/behaviors/exports/atoms/std-quest.orb +309 -34
  130. package/dist/behaviors/exports/atoms/std-rate-limiter.orb +410 -157
  131. package/dist/behaviors/exports/atoms/std-rating.orb +328 -0
  132. package/dist/behaviors/exports/atoms/std-score-board.orb +6 -1
  133. package/dist/behaviors/exports/atoms/std-score.orb +252 -11
  134. package/dist/behaviors/exports/atoms/std-search.orb +62 -47
  135. package/dist/behaviors/exports/atoms/std-selection.orb +180 -149
  136. package/dist/behaviors/exports/atoms/std-simulation-canvas.orb +6 -1
  137. package/dist/behaviors/exports/atoms/std-sort.orb +192 -60
  138. package/dist/behaviors/exports/atoms/std-sprite.orb +6 -1
  139. package/dist/behaviors/exports/atoms/std-tabs.orb +25 -15
  140. package/dist/behaviors/exports/atoms/std-text-effects.orb +658 -0
  141. package/dist/behaviors/exports/atoms/std-theme.orb +573 -0
  142. package/dist/behaviors/exports/atoms/std-timer.orb +483 -91
  143. package/dist/behaviors/exports/atoms/std-undo.orb +211 -81
  144. package/dist/behaviors/exports/atoms/std-upload.orb +535 -0
  145. package/dist/behaviors/exports/atoms/std-wizard.orb +677 -240
  146. package/dist/behaviors/exports/molecules/std-builder-game.orb +49 -4
  147. package/dist/behaviors/exports/molecules/std-cart.orb +325 -102
  148. package/dist/behaviors/exports/molecules/std-classifier-game.orb +49 -4
  149. package/dist/behaviors/exports/molecules/std-debugger-game.orb +49 -4
  150. package/dist/behaviors/exports/molecules/std-detail.orb +52 -48
  151. package/dist/behaviors/exports/molecules/std-event-handler-game.orb +49 -4
  152. package/dist/behaviors/exports/molecules/std-form-advanced.orb +654 -0
  153. package/dist/behaviors/exports/molecules/std-geospatial.orb +70 -51
  154. package/dist/behaviors/exports/molecules/std-inventory.orb +92 -53
  155. package/dist/behaviors/exports/molecules/std-list.orb +416 -52
  156. package/dist/behaviors/exports/molecules/std-messaging.orb +41 -49
  157. package/dist/behaviors/exports/molecules/std-negotiator-game.orb +49 -4
  158. package/dist/behaviors/exports/molecules/std-platformer-game.orb +58 -3
  159. package/dist/behaviors/exports/molecules/std-puzzle-game.orb +58 -7
  160. package/dist/behaviors/exports/molecules/std-quiz.orb +1045 -0
  161. package/dist/behaviors/exports/molecules/std-sequencer-game.orb +49 -4
  162. package/dist/behaviors/exports/molecules/std-simulator-game.orb +49 -4
  163. package/dist/behaviors/exports/molecules/std-turn-based-battle.orb +66 -1
  164. package/dist/behaviors/exports/organisms/std-api-gateway.orb +2615 -867
  165. package/dist/behaviors/exports/organisms/std-arcade-game.orb +399 -197
  166. package/dist/behaviors/exports/organisms/std-booking-system.orb +3154 -1305
  167. package/dist/behaviors/exports/organisms/std-cicd-pipeline.orb +2298 -779
  168. package/dist/behaviors/exports/organisms/std-cms.orb +1150 -277
  169. package/dist/behaviors/exports/organisms/std-coding-academy.orb +1222 -533
  170. package/dist/behaviors/exports/organisms/std-crm.orb +2357 -821
  171. package/dist/behaviors/exports/organisms/std-devops-dashboard.orb +4230 -1281
  172. package/dist/behaviors/exports/organisms/std-ecommerce.orb +2660 -1098
  173. package/dist/behaviors/exports/organisms/std-finance-tracker.orb +1749 -737
  174. package/dist/behaviors/exports/organisms/std-healthcare.orb +3593 -1478
  175. package/dist/behaviors/exports/organisms/std-helpdesk.orb +1870 -738
  176. package/dist/behaviors/exports/organisms/std-hr-portal.orb +3290 -1385
  177. package/dist/behaviors/exports/organisms/std-iot-dashboard.orb +2704 -788
  178. package/dist/behaviors/exports/organisms/std-lms.orb +2548 -1192
  179. package/dist/behaviors/exports/organisms/std-logic-training.orb +220 -66
  180. package/dist/behaviors/exports/organisms/std-platformer-app.orb +373 -194
  181. package/dist/behaviors/exports/organisms/std-project-manager.orb +2347 -806
  182. package/dist/behaviors/exports/organisms/std-puzzle-app.orb +240 -95
  183. package/dist/behaviors/exports/organisms/std-realtime-chat.orb +2020 -660
  184. package/dist/behaviors/exports/organisms/std-rpg-game.orb +1303 -740
  185. package/dist/behaviors/exports/organisms/std-social-feed.orb +184 -168
  186. package/dist/behaviors/exports/organisms/std-stem-lab.orb +1223 -512
  187. package/dist/behaviors/exports/organisms/std-strategy-game.orb +1412 -731
  188. package/dist/behaviors/exports/organisms/std-trading-dashboard.orb +1869 -695
  189. package/dist/behaviors/exports/validation-report.json +3 -750
  190. package/dist/behaviors/exports/verify-results.json +13 -0
  191. package/dist/behaviors/functions/index.d.ts +270 -1
  192. package/dist/behaviors/functions/index.js +3811 -1333
  193. package/dist/behaviors/functions/index.js.map +1 -1
  194. package/dist/behaviors/index.d.ts +1 -1
  195. package/dist/behaviors/index.js +3811 -1333
  196. package/dist/behaviors/index.js.map +1 -1
  197. package/dist/exports/atoms/std-async.orb +41 -24
  198. package/dist/exports/atoms/std-browse.orb +44 -44
  199. package/dist/exports/atoms/std-cache-aside.orb +256 -42
  200. package/dist/exports/atoms/std-calendar.orb +770 -0
  201. package/dist/exports/atoms/std-circuit-breaker.orb +577 -97
  202. package/dist/exports/atoms/std-collision.orb +278 -206
  203. package/dist/exports/atoms/std-combat-log.orb +6 -1
  204. package/dist/exports/atoms/std-combat.orb +6 -1
  205. package/dist/exports/atoms/std-confirmation.orb +212 -7
  206. package/dist/exports/atoms/std-dialogue-box.orb +6 -1
  207. package/dist/exports/atoms/std-display.orb +1186 -376
  208. package/dist/exports/atoms/std-drawer.orb +307 -101
  209. package/dist/exports/atoms/std-filter.orb +211 -18
  210. package/dist/exports/atoms/std-flip-card.orb +596 -0
  211. package/dist/exports/atoms/std-gallery.orb +382 -0
  212. package/dist/exports/atoms/std-game-audio.orb +6 -1
  213. package/dist/exports/atoms/std-game-canvas2d.orb +6 -1
  214. package/dist/exports/atoms/std-game-canvas3d.orb +6 -1
  215. package/dist/exports/atoms/std-game-hud.orb +6 -1
  216. package/dist/exports/atoms/std-game-menu.orb +6 -1
  217. package/dist/exports/atoms/std-game-over-screen.orb +6 -1
  218. package/dist/exports/atoms/std-gameflow.orb +100 -5
  219. package/dist/exports/atoms/std-input.orb +142 -137
  220. package/dist/exports/atoms/std-inventory-panel.orb +6 -1
  221. package/dist/exports/atoms/std-isometric-canvas.orb +6 -1
  222. package/dist/exports/atoms/std-loading.orb +149 -170
  223. package/dist/exports/atoms/std-modal.orb +159 -94
  224. package/dist/exports/atoms/std-movement.orb +401 -31
  225. package/dist/exports/atoms/std-notification.orb +117 -95
  226. package/dist/exports/atoms/std-overworld.orb +44 -16
  227. package/dist/exports/atoms/std-pagination.orb +44 -115
  228. package/dist/exports/atoms/std-physics2d.orb +6 -1
  229. package/dist/exports/atoms/std-platformer-canvas.orb +6 -1
  230. package/dist/exports/atoms/std-quest.orb +309 -34
  231. package/dist/exports/atoms/std-rate-limiter.orb +410 -157
  232. package/dist/exports/atoms/std-rating.orb +328 -0
  233. package/dist/exports/atoms/std-score-board.orb +6 -1
  234. package/dist/exports/atoms/std-score.orb +252 -11
  235. package/dist/exports/atoms/std-search.orb +62 -47
  236. package/dist/exports/atoms/std-selection.orb +180 -149
  237. package/dist/exports/atoms/std-simulation-canvas.orb +6 -1
  238. package/dist/exports/atoms/std-sort.orb +192 -60
  239. package/dist/exports/atoms/std-sprite.orb +6 -1
  240. package/dist/exports/atoms/std-tabs.orb +25 -15
  241. package/dist/exports/atoms/std-text-effects.orb +658 -0
  242. package/dist/exports/atoms/std-theme.orb +573 -0
  243. package/dist/exports/atoms/std-timer.orb +483 -91
  244. package/dist/exports/atoms/std-undo.orb +211 -81
  245. package/dist/exports/atoms/std-upload.orb +535 -0
  246. package/dist/exports/atoms/std-wizard.orb +677 -240
  247. package/dist/exports/molecules/std-builder-game.orb +49 -4
  248. package/dist/exports/molecules/std-cart.orb +325 -102
  249. package/dist/exports/molecules/std-classifier-game.orb +49 -4
  250. package/dist/exports/molecules/std-debugger-game.orb +49 -4
  251. package/dist/exports/molecules/std-detail.orb +52 -48
  252. package/dist/exports/molecules/std-event-handler-game.orb +49 -4
  253. package/dist/exports/molecules/std-form-advanced.orb +654 -0
  254. package/dist/exports/molecules/std-geospatial.orb +70 -51
  255. package/dist/exports/molecules/std-inventory.orb +92 -53
  256. package/dist/exports/molecules/std-list.orb +416 -52
  257. package/dist/exports/molecules/std-messaging.orb +41 -49
  258. package/dist/exports/molecules/std-negotiator-game.orb +49 -4
  259. package/dist/exports/molecules/std-platformer-game.orb +58 -3
  260. package/dist/exports/molecules/std-puzzle-game.orb +58 -7
  261. package/dist/exports/molecules/std-quiz.orb +1045 -0
  262. package/dist/exports/molecules/std-sequencer-game.orb +49 -4
  263. package/dist/exports/molecules/std-simulator-game.orb +49 -4
  264. package/dist/exports/molecules/std-turn-based-battle.orb +66 -1
  265. package/dist/exports/organisms/std-api-gateway.orb +2615 -867
  266. package/dist/exports/organisms/std-arcade-game.orb +399 -197
  267. package/dist/exports/organisms/std-booking-system.orb +3154 -1305
  268. package/dist/exports/organisms/std-cicd-pipeline.orb +2298 -779
  269. package/dist/exports/organisms/std-cms.orb +1150 -277
  270. package/dist/exports/organisms/std-coding-academy.orb +1222 -533
  271. package/dist/exports/organisms/std-crm.orb +2357 -821
  272. package/dist/exports/organisms/std-devops-dashboard.orb +4230 -1281
  273. package/dist/exports/organisms/std-ecommerce.orb +2660 -1098
  274. package/dist/exports/organisms/std-finance-tracker.orb +1749 -737
  275. package/dist/exports/organisms/std-healthcare.orb +3593 -1478
  276. package/dist/exports/organisms/std-helpdesk.orb +1870 -738
  277. package/dist/exports/organisms/std-hr-portal.orb +3290 -1385
  278. package/dist/exports/organisms/std-iot-dashboard.orb +2704 -788
  279. package/dist/exports/organisms/std-lms.orb +2548 -1192
  280. package/dist/exports/organisms/std-logic-training.orb +220 -66
  281. package/dist/exports/organisms/std-platformer-app.orb +373 -194
  282. package/dist/exports/organisms/std-project-manager.orb +2347 -806
  283. package/dist/exports/organisms/std-puzzle-app.orb +240 -95
  284. package/dist/exports/organisms/std-realtime-chat.orb +2020 -660
  285. package/dist/exports/organisms/std-rpg-game.orb +1303 -740
  286. package/dist/exports/organisms/std-social-feed.orb +184 -168
  287. package/dist/exports/organisms/std-stem-lab.orb +1223 -512
  288. package/dist/exports/organisms/std-strategy-game.orb +1412 -731
  289. package/dist/exports/organisms/std-trading-dashboard.orb +1869 -695
  290. package/dist/exports/validation-report.json +3 -750
  291. package/dist/exports/verify-results.json +13 -0
  292. package/dist/index.d.ts +1 -1
  293. package/dist/index.js +3808 -1330
  294. package/dist/index.js.map +1 -1
  295. package/package.json +1 -1
package/dist/behaviors/exports/organisms/std-finance-tracker.orb CHANGED
@@ -30,7 +30,7 @@
30
30
  },
31
31
  {
32
32
  "name": "date",
33
- "type": "string"
33
+ "type": "date"
34
34
  }
35
35
  ]
36
36
  },
@@ -150,118 +150,125 @@
150
150
  "render-ui",
151
151
  "main",
152
152
  {
153
- "type": "stack",
154
- "direction": "vertical",
155
- "gap": "lg",
156
- "children": [
153
+ "type": "dashboard-layout",
154
+ "appName": "Finance Tracker",
155
+ "navItems": [
157
156
  {
158
- "type": "stack",
159
- "direction": "horizontal",
160
- "gap": "md",
161
- "justify": "space-between",
162
- "children": [
163
- {
164
- "type": "stack",
165
- "direction": "horizontal",
166
- "gap": "sm",
167
- "align": "center",
168
- "children": [
169
- {
170
- "type": "icon",
171
- "name": "credit-card",
172
- "size": "lg"
173
- },
174
- {
175
- "type": "typography",
176
- "content": "Transactions",
177
- "variant": "h2"
178
- }
179
- ]
180
- },
181
- {
182
- "type": "stack",
183
- "direction": "horizontal",
184
- "gap": "sm",
185
- "children": [
186
- {
187
- "type": "button",
188
- "label": "Create Transaction",
189
- "event": "CREATE",
190
- "variant": "primary",
191
- "icon": "plus"
192
- }
193
- ]
194
- }
195
- ]
157
+ "label": "Transactions",
158
+ "href": "/transactions",
159
+ "icon": "dollar-sign"
196
160
  },
197
161
  {
198
- "type": "divider"
162
+ "label": "Summary",
163
+ "href": "/summary",
164
+ "icon": "layout-list"
199
165
  },
200
166
  {
201
- "type": "data-grid",
202
- "entity": "Transaction",
203
- "emptyIcon": "inbox",
204
- "emptyTitle": "No transactions yet",
205
- "emptyDescription": "Create your first transaction to get started.",
206
- "itemActions": [
207
- {
208
- "label": "View",
209
- "event": "VIEW"
210
- },
211
- {
212
- "label": "Edit",
213
- "event": "EDIT"
214
- },
215
- {
216
- "label": "Delete",
217
- "event": "DELETE",
218
- "variant": "danger"
219
- }
220
- ],
221
- "className": "transition-shadow hover:shadow-md cursor-pointer",
167
+ "label": "Reports",
168
+ "href": "/reports",
169
+ "icon": "bar-chart"
170
+ }
171
+ ],
172
+ "children": [
173
+ {
174
+ "type": "stack",
175
+ "direction": "vertical",
176
+ "gap": "lg",
177
+ "className": "max-w-5xl mx-auto w-full",
222
178
  "children": [
223
179
  {
224
180
  "type": "stack",
225
- "direction": "vertical",
226
- "gap": "sm",
181
+ "direction": "horizontal",
182
+ "gap": "md",
183
+ "justify": "space-between",
184
+ "align": "center",
227
185
  "children": [
228
186
  {
229
187
  "type": "stack",
230
188
  "direction": "horizontal",
231
- "justify": "space-between",
189
+ "gap": "sm",
232
190
  "align": "center",
233
191
  "children": [
234
192
  {
235
- "type": "stack",
236
- "direction": "horizontal",
237
- "gap": "sm",
238
- "align": "center",
239
- "children": [
240
- {
241
- "type": "icon",
242
- "name": "credit-card",
243
- "size": "sm"
244
- },
245
- {
246
- "type": "typography",
247
- "variant": "h4",
248
- "content": "@entity.description"
249
- }
250
- ]
193
+ "type": "icon",
194
+ "name": "credit-card",
195
+ "size": "lg"
251
196
  },
252
197
  {
253
- "type": "badge",
254
- "label": "@entity.amount"
198
+ "type": "typography",
199
+ "content": "Transactions",
200
+ "variant": "h2"
255
201
  }
256
202
  ]
257
203
  },
258
204
  {
259
- "type": "typography",
260
- "variant": "caption",
261
- "color": "muted",
262
- "content": "@entity.category"
205
+ "type": "stack",
206
+ "direction": "horizontal",
207
+ "gap": "sm",
208
+ "children": [
209
+ {
210
+ "type": "button",
211
+ "label": "Create Transaction",
212
+ "event": "CREATE",
213
+ "variant": "primary",
214
+ "icon": "plus"
215
+ }
216
+ ]
263
217
  }
264
218
  ]
219
+ },
220
+ {
221
+ "type": "divider"
222
+ },
223
+ {
224
+ "type": "data-list",
225
+ "entity": "Transaction",
226
+ "emptyIcon": "inbox",
227
+ "emptyTitle": "No transactions yet",
228
+ "emptyDescription": "Record your first transaction.",
229
+ "itemActions": [
230
+ {
231
+ "label": "View",
232
+ "event": "VIEW",
233
+ "variant": "ghost",
234
+ "size": "sm"
235
+ },
236
+ {
237
+ "label": "Edit",
238
+ "event": "EDIT",
239
+ "variant": "ghost",
240
+ "size": "sm"
241
+ },
242
+ {
243
+ "label": "Delete",
244
+ "event": "DELETE",
245
+ "variant": "danger",
246
+ "size": "sm"
247
+ }
248
+ ],
249
+ "columns": [
250
+ {
251
+ "name": "description",
252
+ "variant": "h3",
253
+ "icon": "credit-card"
254
+ },
255
+ {
256
+ "name": "category",
257
+ "variant": "badge"
258
+ },
259
+ {
260
+ "name": "amount",
261
+ "variant": "h4",
262
+ "format": "currency"
263
+ },
264
+ {
265
+ "name": "date",
266
+ "variant": "caption",
267
+ "format": "date"
268
+ }
269
+ ],
270
+ "variant": "card",
271
+ "gap": "sm"
265
272
  }
266
273
  ]
267
274
  }
@@ -381,6 +388,135 @@
381
388
  "fetch",
382
389
  "Transaction"
383
390
  ],
391
+ [
392
+ "render-ui",
393
+ "main",
394
+ {
395
+ "type": "dashboard-layout",
396
+ "appName": "Finance Tracker",
397
+ "navItems": [
398
+ {
399
+ "label": "Transactions",
400
+ "href": "/transactions",
401
+ "icon": "dollar-sign"
402
+ },
403
+ {
404
+ "label": "Summary",
405
+ "href": "/summary",
406
+ "icon": "layout-list"
407
+ },
408
+ {
409
+ "label": "Reports",
410
+ "href": "/reports",
411
+ "icon": "bar-chart"
412
+ }
413
+ ],
414
+ "children": [
415
+ {
416
+ "type": "stack",
417
+ "direction": "vertical",
418
+ "gap": "lg",
419
+ "className": "max-w-5xl mx-auto w-full",
420
+ "children": [
421
+ {
422
+ "type": "stack",
423
+ "direction": "horizontal",
424
+ "gap": "md",
425
+ "justify": "space-between",
426
+ "align": "center",
427
+ "children": [
428
+ {
429
+ "type": "stack",
430
+ "direction": "horizontal",
431
+ "gap": "sm",
432
+ "align": "center",
433
+ "children": [
434
+ {
435
+ "type": "icon",
436
+ "name": "credit-card",
437
+ "size": "lg"
438
+ },
439
+ {
440
+ "type": "typography",
441
+ "content": "Transactions",
442
+ "variant": "h2"
443
+ }
444
+ ]
445
+ },
446
+ {
447
+ "type": "stack",
448
+ "direction": "horizontal",
449
+ "gap": "sm",
450
+ "children": [
451
+ {
452
+ "type": "button",
453
+ "label": "Create Transaction",
454
+ "event": "CREATE",
455
+ "variant": "primary",
456
+ "icon": "plus"
457
+ }
458
+ ]
459
+ }
460
+ ]
461
+ },
462
+ {
463
+ "type": "divider"
464
+ },
465
+ {
466
+ "type": "data-list",
467
+ "entity": "Transaction",
468
+ "emptyIcon": "inbox",
469
+ "emptyTitle": "No transactions yet",
470
+ "emptyDescription": "Record your first transaction.",
471
+ "itemActions": [
472
+ {
473
+ "label": "View",
474
+ "event": "VIEW",
475
+ "variant": "ghost",
476
+ "size": "sm"
477
+ },
478
+ {
479
+ "label": "Edit",
480
+ "event": "EDIT",
481
+ "variant": "ghost",
482
+ "size": "sm"
483
+ },
484
+ {
485
+ "label": "Delete",
486
+ "event": "DELETE",
487
+ "variant": "danger",
488
+ "size": "sm"
489
+ }
490
+ ],
491
+ "columns": [
492
+ {
493
+ "name": "description",
494
+ "variant": "h3",
495
+ "icon": "credit-card"
496
+ },
497
+ {
498
+ "name": "category",
499
+ "variant": "badge"
500
+ },
501
+ {
502
+ "name": "amount",
503
+ "variant": "h4",
504
+ "format": "currency"
505
+ },
506
+ {
507
+ "name": "date",
508
+ "variant": "caption",
509
+ "format": "date"
510
+ }
511
+ ],
512
+ "variant": "card",
513
+ "gap": "sm"
514
+ }
515
+ ]
516
+ }
517
+ ]
518
+ }
519
+ ],
384
520
  [
385
521
  "notify",
386
522
  "Transaction deleted successfully"
@@ -396,111 +532,377 @@
396
532
  "render-ui",
397
533
  "modal",
398
534
  null
399
- ]
400
- ]
401
- },
402
- {
403
- "from": "deleting",
404
- "to": "browsing",
405
- "event": "CLOSE",
406
- "effects": [
407
- [
408
- "render-ui",
409
- "modal",
410
- null
411
- ]
412
- ]
413
- }
414
- ]
415
- }
416
- },
417
- {
418
- "name": "TransactionCreate",
419
- "linkedEntity": "Transaction",
420
- "category": "interaction",
421
- "emits": [
422
- {
423
- "event": "TRANSACTION_CREATED"
424
- }
425
- ],
426
- "stateMachine": {
427
- "states": [
428
- {
429
- "name": "closed",
430
- "isInitial": true
431
- },
432
- {
433
- "name": "open"
434
- }
435
- ],
436
- "events": [
437
- {
438
- "key": "INIT",
439
- "name": "Initialize"
440
- },
441
- {
442
- "key": "CREATE",
443
- "name": "Open"
444
- },
445
- {
446
- "key": "CLOSE",
447
- "name": "Close"
448
- },
449
- {
450
- "key": "SAVE",
451
- "name": "Save",
452
- "payload": [
453
- {
454
- "name": "data",
455
- "type": "object",
456
- "required": true
457
- }
458
- ]
459
- }
460
- ],
461
- "transitions": [
462
- {
463
- "from": "closed",
464
- "to": "closed",
465
- "event": "INIT",
466
- "effects": [
467
- [
468
- "fetch",
469
- "Transaction"
470
- ]
471
- ]
472
- },
473
- {
474
- "from": "closed",
475
- "to": "open",
476
- "event": "CREATE",
477
- "effects": [
535
+ ],
478
536
  [
479
537
  "fetch",
480
538
  "Transaction"
481
539
  ],
482
540
  [
483
541
  "render-ui",
484
- "modal",
542
+ "main",
485
543
  {
486
- "type": "stack",
487
- "direction": "vertical",
488
- "gap": "md",
544
+ "type": "dashboard-layout",
545
+ "appName": "Finance Tracker",
546
+ "navItems": [
547
+ {
548
+ "label": "Transactions",
549
+ "href": "/transactions",
550
+ "icon": "dollar-sign"
551
+ },
552
+ {
553
+ "label": "Summary",
554
+ "href": "/summary",
555
+ "icon": "layout-list"
556
+ },
557
+ {
558
+ "label": "Reports",
559
+ "href": "/reports",
560
+ "icon": "bar-chart"
561
+ }
562
+ ],
489
563
  "children": [
490
564
  {
491
565
  "type": "stack",
492
- "direction": "horizontal",
493
- "gap": "sm",
566
+ "direction": "vertical",
567
+ "gap": "lg",
568
+ "className": "max-w-5xl mx-auto w-full",
494
569
  "children": [
495
570
  {
496
- "type": "icon",
497
- "name": "plus-circle",
498
- "size": "md"
499
- },
500
- {
501
- "type": "typography",
502
- "content": "Create Transaction",
503
- "variant": "h3"
571
+ "type": "stack",
572
+ "direction": "horizontal",
573
+ "gap": "md",
574
+ "justify": "space-between",
575
+ "align": "center",
576
+ "children": [
577
+ {
578
+ "type": "stack",
579
+ "direction": "horizontal",
580
+ "gap": "sm",
581
+ "align": "center",
582
+ "children": [
583
+ {
584
+ "type": "icon",
585
+ "name": "credit-card",
586
+ "size": "lg"
587
+ },
588
+ {
589
+ "type": "typography",
590
+ "content": "Transactions",
591
+ "variant": "h2"
592
+ }
593
+ ]
594
+ },
595
+ {
596
+ "type": "stack",
597
+ "direction": "horizontal",
598
+ "gap": "sm",
599
+ "children": [
600
+ {
601
+ "type": "button",
602
+ "label": "Create Transaction",
603
+ "event": "CREATE",
604
+ "variant": "primary",
605
+ "icon": "plus"
606
+ }
607
+ ]
608
+ }
609
+ ]
610
+ },
611
+ {
612
+ "type": "divider"
613
+ },
614
+ {
615
+ "type": "data-list",
616
+ "entity": "Transaction",
617
+ "emptyIcon": "inbox",
618
+ "emptyTitle": "No transactions yet",
619
+ "emptyDescription": "Record your first transaction.",
620
+ "itemActions": [
621
+ {
622
+ "label": "View",
623
+ "event": "VIEW",
624
+ "variant": "ghost",
625
+ "size": "sm"
626
+ },
627
+ {
628
+ "label": "Edit",
629
+ "event": "EDIT",
630
+ "variant": "ghost",
631
+ "size": "sm"
632
+ },
633
+ {
634
+ "label": "Delete",
635
+ "event": "DELETE",
636
+ "variant": "danger",
637
+ "size": "sm"
638
+ }
639
+ ],
640
+ "columns": [
641
+ {
642
+ "name": "description",
643
+ "variant": "h3",
644
+ "icon": "credit-card"
645
+ },
646
+ {
647
+ "name": "category",
648
+ "variant": "badge"
649
+ },
650
+ {
651
+ "name": "amount",
652
+ "variant": "h4",
653
+ "format": "currency"
654
+ },
655
+ {
656
+ "name": "date",
657
+ "variant": "caption",
658
+ "format": "date"
659
+ }
660
+ ],
661
+ "variant": "card",
662
+ "gap": "sm"
663
+ }
664
+ ]
665
+ }
666
+ ]
667
+ }
668
+ ]
669
+ ]
670
+ },
671
+ {
672
+ "from": "deleting",
673
+ "to": "browsing",
674
+ "event": "CLOSE",
675
+ "effects": [
676
+ [
677
+ "render-ui",
678
+ "modal",
679
+ null
680
+ ],
681
+ [
682
+ "fetch",
683
+ "Transaction"
684
+ ],
685
+ [
686
+ "render-ui",
687
+ "main",
688
+ {
689
+ "type": "dashboard-layout",
690
+ "appName": "Finance Tracker",
691
+ "navItems": [
692
+ {
693
+ "label": "Transactions",
694
+ "href": "/transactions",
695
+ "icon": "dollar-sign"
696
+ },
697
+ {
698
+ "label": "Summary",
699
+ "href": "/summary",
700
+ "icon": "layout-list"
701
+ },
702
+ {
703
+ "label": "Reports",
704
+ "href": "/reports",
705
+ "icon": "bar-chart"
706
+ }
707
+ ],
708
+ "children": [
709
+ {
710
+ "type": "stack",
711
+ "direction": "vertical",
712
+ "gap": "lg",
713
+ "className": "max-w-5xl mx-auto w-full",
714
+ "children": [
715
+ {
716
+ "type": "stack",
717
+ "direction": "horizontal",
718
+ "gap": "md",
719
+ "justify": "space-between",
720
+ "align": "center",
721
+ "children": [
722
+ {
723
+ "type": "stack",
724
+ "direction": "horizontal",
725
+ "gap": "sm",
726
+ "align": "center",
727
+ "children": [
728
+ {
729
+ "type": "icon",
730
+ "name": "credit-card",
731
+ "size": "lg"
732
+ },
733
+ {
734
+ "type": "typography",
735
+ "content": "Transactions",
736
+ "variant": "h2"
737
+ }
738
+ ]
739
+ },
740
+ {
741
+ "type": "stack",
742
+ "direction": "horizontal",
743
+ "gap": "sm",
744
+ "children": [
745
+ {
746
+ "type": "button",
747
+ "label": "Create Transaction",
748
+ "event": "CREATE",
749
+ "variant": "primary",
750
+ "icon": "plus"
751
+ }
752
+ ]
753
+ }
754
+ ]
755
+ },
756
+ {
757
+ "type": "divider"
758
+ },
759
+ {
760
+ "type": "data-list",
761
+ "entity": "Transaction",
762
+ "emptyIcon": "inbox",
763
+ "emptyTitle": "No transactions yet",
764
+ "emptyDescription": "Record your first transaction.",
765
+ "itemActions": [
766
+ {
767
+ "label": "View",
768
+ "event": "VIEW",
769
+ "variant": "ghost",
770
+ "size": "sm"
771
+ },
772
+ {
773
+ "label": "Edit",
774
+ "event": "EDIT",
775
+ "variant": "ghost",
776
+ "size": "sm"
777
+ },
778
+ {
779
+ "label": "Delete",
780
+ "event": "DELETE",
781
+ "variant": "danger",
782
+ "size": "sm"
783
+ }
784
+ ],
785
+ "columns": [
786
+ {
787
+ "name": "description",
788
+ "variant": "h3",
789
+ "icon": "credit-card"
790
+ },
791
+ {
792
+ "name": "category",
793
+ "variant": "badge"
794
+ },
795
+ {
796
+ "name": "amount",
797
+ "variant": "h4",
798
+ "format": "currency"
799
+ },
800
+ {
801
+ "name": "date",
802
+ "variant": "caption",
803
+ "format": "date"
804
+ }
805
+ ],
806
+ "variant": "card",
807
+ "gap": "sm"
808
+ }
809
+ ]
810
+ }
811
+ ]
812
+ }
813
+ ]
814
+ ]
815
+ }
816
+ ]
817
+ }
818
+ },
819
+ {
820
+ "name": "TransactionCreate",
821
+ "linkedEntity": "Transaction",
822
+ "category": "interaction",
823
+ "emits": [
824
+ {
825
+ "event": "TRANSACTION_CREATED"
826
+ }
827
+ ],
828
+ "stateMachine": {
829
+ "states": [
830
+ {
831
+ "name": "closed",
832
+ "isInitial": true
833
+ },
834
+ {
835
+ "name": "open"
836
+ }
837
+ ],
838
+ "events": [
839
+ {
840
+ "key": "INIT",
841
+ "name": "Initialize"
842
+ },
843
+ {
844
+ "key": "CREATE",
845
+ "name": "Open"
846
+ },
847
+ {
848
+ "key": "CLOSE",
849
+ "name": "Close"
850
+ },
851
+ {
852
+ "key": "SAVE",
853
+ "name": "Save",
854
+ "payload": [
855
+ {
856
+ "name": "data",
857
+ "type": "object",
858
+ "required": true
859
+ }
860
+ ]
861
+ }
862
+ ],
863
+ "transitions": [
864
+ {
865
+ "from": "closed",
866
+ "to": "closed",
867
+ "event": "INIT",
868
+ "effects": [
869
+ [
870
+ "fetch",
871
+ "Transaction"
872
+ ]
873
+ ]
874
+ },
875
+ {
876
+ "from": "closed",
877
+ "to": "open",
878
+ "event": "CREATE",
879
+ "effects": [
880
+ [
881
+ "fetch",
882
+ "Transaction"
883
+ ],
884
+ [
885
+ "render-ui",
886
+ "modal",
887
+ {
888
+ "type": "stack",
889
+ "direction": "vertical",
890
+ "gap": "md",
891
+ "children": [
892
+ {
893
+ "type": "stack",
894
+ "direction": "horizontal",
895
+ "gap": "sm",
896
+ "children": [
897
+ {
898
+ "type": "icon",
899
+ "name": "plus-circle",
900
+ "size": "md"
901
+ },
902
+ {
903
+ "type": "typography",
904
+ "content": "Create Transaction",
905
+ "variant": "h3"
504
906
  }
505
907
  ]
506
908
  },
@@ -534,6 +936,11 @@
534
936
  "render-ui",
535
937
  "modal",
536
938
  null
939
+ ],
940
+ [
941
+ "notify",
942
+ "Cancelled",
943
+ "info"
537
944
  ]
538
945
  ]
539
946
  },
@@ -699,6 +1106,11 @@
699
1106
  "render-ui",
700
1107
  "modal",
701
1108
  null
1109
+ ],
1110
+ [
1111
+ "notify",
1112
+ "Cancelled",
1113
+ "info"
702
1114
  ]
703
1115
  ]
704
1116
  },
@@ -927,6 +1339,11 @@
927
1339
  "render-ui",
928
1340
  "modal",
929
1341
  null
1342
+ ],
1343
+ [
1344
+ "notify",
1345
+ "Cancelled",
1346
+ "info"
930
1347
  ]
931
1348
  ]
932
1349
  }
@@ -1039,134 +1456,250 @@
1039
1456
  "render-ui",
1040
1457
  "main",
1041
1458
  {
1042
- "type": "stack",
1043
- "direction": "vertical",
1044
- "gap": "lg",
1459
+ "type": "dashboard-layout",
1460
+ "appName": "Finance Tracker",
1461
+ "navItems": [
1462
+ {
1463
+ "label": "Transactions",
1464
+ "href": "/transactions",
1465
+ "icon": "dollar-sign"
1466
+ },
1467
+ {
1468
+ "label": "Summary",
1469
+ "href": "/summary",
1470
+ "icon": "layout-list"
1471
+ },
1472
+ {
1473
+ "label": "Reports",
1474
+ "href": "/reports",
1475
+ "icon": "bar-chart"
1476
+ }
1477
+ ],
1045
1478
  "children": [
1046
1479
  {
1047
- "type": "stack",
1048
- "direction": "horizontal",
1049
- "gap": "md",
1050
- "justify": "space-between",
1480
+ "type": "scaled-diagram",
1051
1481
  "children": [
1052
1482
  {
1053
1483
  "type": "stack",
1054
- "direction": "horizontal",
1055
- "gap": "md",
1484
+ "direction": "vertical",
1485
+ "gap": "lg",
1056
1486
  "children": [
1057
1487
  {
1058
- "type": "icon",
1059
- "name": "pie-chart",
1060
- "size": "lg"
1061
- },
1062
- {
1063
- "type": "typography",
1064
- "content": "Financial Summary",
1065
- "variant": "h2"
1066
- }
1067
- ]
1068
- },
1069
- {
1070
- "type": "button",
1071
- "label": "Refresh",
1072
- "event": "REFRESH",
1073
- "variant": "secondary",
1074
- "icon": "refresh-cw"
1075
- }
1076
- ]
1077
- },
1078
- {
1079
- "type": "divider"
1080
- },
1081
- {
1082
- "type": "simple-grid",
1083
- "columns": 3,
1084
- "children": [
1085
- {
1086
- "type": "card",
1087
- "children": [
1088
- {
1089
- "type": "stack",
1090
- "direction": "vertical",
1091
- "gap": "sm",
1092
- "children": [
1488
+ "type": "breadcrumb",
1489
+ "items": [
1093
1490
  {
1094
- "type": "typography",
1095
- "variant": "caption",
1096
- "content": "TotalIncome"
1491
+ "label": "Home",
1492
+ "href": "/"
1097
1493
  },
1098
1494
  {
1099
- "type": "typography",
1100
- "variant": "h3",
1101
- "content": "@entity.totalIncome"
1495
+ "label": "Financial Summary"
1102
1496
  }
1103
1497
  ]
1104
- }
1105
- ]
1106
- },
1107
- {
1108
- "type": "card",
1109
- "children": [
1498
+ },
1110
1499
  {
1111
1500
  "type": "stack",
1112
- "direction": "vertical",
1113
- "gap": "sm",
1501
+ "direction": "horizontal",
1502
+ "gap": "md",
1503
+ "justify": "space-between",
1114
1504
  "children": [
1115
1505
  {
1116
- "type": "typography",
1117
- "variant": "caption",
1118
- "content": "TotalExpenses"
1506
+ "type": "stack",
1507
+ "direction": "horizontal",
1508
+ "gap": "md",
1509
+ "children": [
1510
+ {
1511
+ "type": "icon",
1512
+ "name": "pie-chart",
1513
+ "size": "lg"
1514
+ },
1515
+ {
1516
+ "type": "typography",
1517
+ "content": "Financial Summary",
1518
+ "variant": "h2"
1519
+ }
1520
+ ]
1119
1521
  },
1120
1522
  {
1121
- "type": "typography",
1122
- "variant": "h3",
1123
- "content": "@entity.totalExpenses"
1523
+ "type": "button",
1524
+ "label": "Refresh",
1525
+ "event": "REFRESH",
1526
+ "variant": "secondary",
1527
+ "icon": "refresh-cw"
1124
1528
  }
1125
1529
  ]
1126
- }
1127
- ]
1128
- },
1129
- {
1130
- "type": "card",
1131
- "children": [
1530
+ },
1132
1531
  {
1133
- "type": "stack",
1134
- "direction": "vertical",
1135
- "gap": "sm",
1532
+ "type": "divider"
1533
+ },
1534
+ {
1535
+ "type": "box",
1536
+ "padding": "md",
1136
1537
  "children": [
1137
1538
  {
1138
- "type": "typography",
1139
- "variant": "caption",
1140
- "content": "Balance"
1539
+ "type": "simple-grid",
1540
+ "columns": 3,
1541
+ "children": [
1542
+ {
1543
+ "type": "stat-display",
1544
+ "label": "TotalIncome",
1545
+ "value": [
1546
+ "object/get",
1547
+ [
1548
+ "array/first",
1549
+ "@entity"
1550
+ ],
1551
+ "totalIncome"
1552
+ ]
1553
+ },
1554
+ {
1555
+ "type": "stat-display",
1556
+ "label": "TotalExpenses",
1557
+ "value": [
1558
+ "object/get",
1559
+ [
1560
+ "array/first",
1561
+ "@entity"
1562
+ ],
1563
+ "totalExpenses"
1564
+ ]
1565
+ },
1566
+ {
1567
+ "type": "stat-display",
1568
+ "label": "Balance",
1569
+ "value": [
1570
+ "object/get",
1571
+ [
1572
+ "array/first",
1573
+ "@entity"
1574
+ ],
1575
+ "balance"
1576
+ ]
1577
+ },
1578
+ {
1579
+ "type": "stat-display",
1580
+ "label": "SavingsRate",
1581
+ "value": [
1582
+ "object/get",
1583
+ [
1584
+ "array/first",
1585
+ "@entity"
1586
+ ],
1587
+ "savingsRate"
1588
+ ]
1589
+ }
1590
+ ]
1591
+ }
1592
+ ]
1593
+ },
1594
+ {
1595
+ "type": "divider"
1596
+ },
1597
+ {
1598
+ "type": "grid",
1599
+ "columns": 2,
1600
+ "gap": "md",
1601
+ "children": [
1602
+ {
1603
+ "type": "card",
1604
+ "children": [
1605
+ {
1606
+ "type": "typography",
1607
+ "variant": "caption",
1608
+ "content": "Chart View"
1609
+ }
1610
+ ]
1141
1611
  },
1142
1612
  {
1143
- "type": "typography",
1144
- "variant": "h3",
1145
- "content": "@entity.balance"
1613
+ "type": "card",
1614
+ "children": [
1615
+ {
1616
+ "type": "typography",
1617
+ "variant": "caption",
1618
+ "content": "Graph View"
1619
+ }
1620
+ ]
1146
1621
  }
1147
1622
  ]
1148
- }
1149
- ]
1150
- },
1151
- {
1152
- "type": "card",
1153
- "children": [
1623
+ },
1154
1624
  {
1155
- "type": "stack",
1156
- "direction": "vertical",
1157
- "gap": "sm",
1158
- "children": [
1625
+ "type": "line-chart",
1626
+ "data": [
1159
1627
  {
1160
- "type": "typography",
1161
- "variant": "caption",
1162
- "content": "SavingsRate"
1628
+ "date": "Jan",
1629
+ "value": 12
1163
1630
  },
1164
1631
  {
1165
- "type": "typography",
1166
- "variant": "h3",
1167
- "content": "@entity.savingsRate"
1632
+ "date": "Feb",
1633
+ "value": 19
1634
+ },
1635
+ {
1636
+ "date": "Mar",
1637
+ "value": 15
1638
+ },
1639
+ {
1640
+ "date": "Apr",
1641
+ "value": 25
1642
+ },
1643
+ {
1644
+ "date": "May",
1645
+ "value": 22
1646
+ },
1647
+ {
1648
+ "date": "Jun",
1649
+ "value": 30
1650
+ }
1651
+ ],
1652
+ "xKey": "date",
1653
+ "yKey": "value",
1654
+ "title": "Trend"
1655
+ },
1656
+ {
1657
+ "type": "chart-legend",
1658
+ "items": [
1659
+ {
1660
+ "label": "Current",
1661
+ "color": "primary"
1662
+ },
1663
+ {
1664
+ "label": "Previous",
1665
+ "color": "muted"
1168
1666
  }
1169
1667
  ]
1668
+ },
1669
+ {
1670
+ "type": "graph-view",
1671
+ "nodes": [
1672
+ {
1673
+ "id": "a",
1674
+ "label": "Start",
1675
+ "x": 50,
1676
+ "y": 100
1677
+ },
1678
+ {
1679
+ "id": "b",
1680
+ "label": "Process",
1681
+ "x": 200,
1682
+ "y": 50
1683
+ },
1684
+ {
1685
+ "id": "c",
1686
+ "label": "End",
1687
+ "x": 350,
1688
+ "y": 100
1689
+ }
1690
+ ],
1691
+ "edges": [
1692
+ {
1693
+ "from": "a",
1694
+ "to": "b"
1695
+ },
1696
+ {
1697
+ "from": "b",
1698
+ "to": "c"
1699
+ }
1700
+ ],
1701
+ "width": 400,
1702
+ "height": 200
1170
1703
  }
1171
1704
  ]
1172
1705
  }
@@ -1190,134 +1723,250 @@
1190
1723
  "render-ui",
1191
1724
  "main",
1192
1725
  {
1193
- "type": "stack",
1194
- "direction": "vertical",
1195
- "gap": "lg",
1196
- "children": [
1726
+ "type": "dashboard-layout",
1727
+ "appName": "Finance Tracker",
1728
+ "navItems": [
1197
1729
  {
1198
- "type": "stack",
1199
- "direction": "horizontal",
1200
- "gap": "md",
1201
- "justify": "space-between",
1202
- "children": [
1203
- {
1204
- "type": "stack",
1205
- "direction": "horizontal",
1206
- "gap": "md",
1207
- "children": [
1208
- {
1209
- "type": "icon",
1210
- "name": "pie-chart",
1211
- "size": "lg"
1212
- },
1213
- {
1214
- "type": "typography",
1215
- "content": "Financial Summary",
1216
- "variant": "h2"
1217
- }
1218
- ]
1219
- },
1220
- {
1221
- "type": "button",
1222
- "label": "Refresh",
1223
- "event": "REFRESH",
1224
- "variant": "secondary",
1225
- "icon": "refresh-cw"
1226
- }
1227
- ]
1730
+ "label": "Transactions",
1731
+ "href": "/transactions",
1732
+ "icon": "dollar-sign"
1228
1733
  },
1229
1734
  {
1230
- "type": "divider"
1735
+ "label": "Summary",
1736
+ "href": "/summary",
1737
+ "icon": "layout-list"
1231
1738
  },
1232
1739
  {
1233
- "type": "simple-grid",
1234
- "columns": 3,
1740
+ "label": "Reports",
1741
+ "href": "/reports",
1742
+ "icon": "bar-chart"
1743
+ }
1744
+ ],
1745
+ "children": [
1746
+ {
1747
+ "type": "scaled-diagram",
1235
1748
  "children": [
1236
1749
  {
1237
- "type": "card",
1750
+ "type": "stack",
1751
+ "direction": "vertical",
1752
+ "gap": "lg",
1238
1753
  "children": [
1239
1754
  {
1240
- "type": "stack",
1241
- "direction": "vertical",
1242
- "gap": "sm",
1243
- "children": [
1755
+ "type": "breadcrumb",
1756
+ "items": [
1244
1757
  {
1245
- "type": "typography",
1246
- "variant": "caption",
1247
- "content": "TotalIncome"
1758
+ "label": "Home",
1759
+ "href": "/"
1248
1760
  },
1249
1761
  {
1250
- "type": "typography",
1251
- "variant": "h3",
1252
- "content": "@entity.totalIncome"
1762
+ "label": "Financial Summary"
1253
1763
  }
1254
1764
  ]
1255
- }
1256
- ]
1257
- },
1258
- {
1259
- "type": "card",
1260
- "children": [
1765
+ },
1261
1766
  {
1262
1767
  "type": "stack",
1263
- "direction": "vertical",
1264
- "gap": "sm",
1768
+ "direction": "horizontal",
1769
+ "gap": "md",
1770
+ "justify": "space-between",
1265
1771
  "children": [
1266
1772
  {
1267
- "type": "typography",
1268
- "variant": "caption",
1269
- "content": "TotalExpenses"
1773
+ "type": "stack",
1774
+ "direction": "horizontal",
1775
+ "gap": "md",
1776
+ "children": [
1777
+ {
1778
+ "type": "icon",
1779
+ "name": "pie-chart",
1780
+ "size": "lg"
1781
+ },
1782
+ {
1783
+ "type": "typography",
1784
+ "content": "Financial Summary",
1785
+ "variant": "h2"
1786
+ }
1787
+ ]
1270
1788
  },
1271
1789
  {
1272
- "type": "typography",
1273
- "variant": "h3",
1274
- "content": "@entity.totalExpenses"
1790
+ "type": "button",
1791
+ "label": "Refresh",
1792
+ "event": "REFRESH",
1793
+ "variant": "secondary",
1794
+ "icon": "refresh-cw"
1275
1795
  }
1276
1796
  ]
1277
- }
1278
- ]
1279
- },
1280
- {
1281
- "type": "card",
1282
- "children": [
1797
+ },
1283
1798
  {
1284
- "type": "stack",
1285
- "direction": "vertical",
1286
- "gap": "sm",
1799
+ "type": "divider"
1800
+ },
1801
+ {
1802
+ "type": "box",
1803
+ "padding": "md",
1287
1804
  "children": [
1288
1805
  {
1289
- "type": "typography",
1290
- "variant": "caption",
1291
- "content": "Balance"
1806
+ "type": "simple-grid",
1807
+ "columns": 3,
1808
+ "children": [
1809
+ {
1810
+ "type": "stat-display",
1811
+ "label": "TotalIncome",
1812
+ "value": [
1813
+ "object/get",
1814
+ [
1815
+ "array/first",
1816
+ "@entity"
1817
+ ],
1818
+ "totalIncome"
1819
+ ]
1820
+ },
1821
+ {
1822
+ "type": "stat-display",
1823
+ "label": "TotalExpenses",
1824
+ "value": [
1825
+ "object/get",
1826
+ [
1827
+ "array/first",
1828
+ "@entity"
1829
+ ],
1830
+ "totalExpenses"
1831
+ ]
1832
+ },
1833
+ {
1834
+ "type": "stat-display",
1835
+ "label": "Balance",
1836
+ "value": [
1837
+ "object/get",
1838
+ [
1839
+ "array/first",
1840
+ "@entity"
1841
+ ],
1842
+ "balance"
1843
+ ]
1844
+ },
1845
+ {
1846
+ "type": "stat-display",
1847
+ "label": "SavingsRate",
1848
+ "value": [
1849
+ "object/get",
1850
+ [
1851
+ "array/first",
1852
+ "@entity"
1853
+ ],
1854
+ "savingsRate"
1855
+ ]
1856
+ }
1857
+ ]
1858
+ }
1859
+ ]
1860
+ },
1861
+ {
1862
+ "type": "divider"
1863
+ },
1864
+ {
1865
+ "type": "grid",
1866
+ "columns": 2,
1867
+ "gap": "md",
1868
+ "children": [
1869
+ {
1870
+ "type": "card",
1871
+ "children": [
1872
+ {
1873
+ "type": "typography",
1874
+ "variant": "caption",
1875
+ "content": "Chart View"
1876
+ }
1877
+ ]
1292
1878
  },
1293
1879
  {
1294
- "type": "typography",
1295
- "variant": "h3",
1296
- "content": "@entity.balance"
1880
+ "type": "card",
1881
+ "children": [
1882
+ {
1883
+ "type": "typography",
1884
+ "variant": "caption",
1885
+ "content": "Graph View"
1886
+ }
1887
+ ]
1297
1888
  }
1298
1889
  ]
1299
- }
1300
- ]
1301
- },
1302
- {
1303
- "type": "card",
1304
- "children": [
1890
+ },
1305
1891
  {
1306
- "type": "stack",
1307
- "direction": "vertical",
1308
- "gap": "sm",
1309
- "children": [
1892
+ "type": "line-chart",
1893
+ "data": [
1310
1894
  {
1311
- "type": "typography",
1312
- "variant": "caption",
1313
- "content": "SavingsRate"
1895
+ "date": "Jan",
1896
+ "value": 12
1314
1897
  },
1315
1898
  {
1316
- "type": "typography",
1317
- "variant": "h3",
1318
- "content": "@entity.savingsRate"
1899
+ "date": "Feb",
1900
+ "value": 19
1901
+ },
1902
+ {
1903
+ "date": "Mar",
1904
+ "value": 15
1905
+ },
1906
+ {
1907
+ "date": "Apr",
1908
+ "value": 25
1909
+ },
1910
+ {
1911
+ "date": "May",
1912
+ "value": 22
1913
+ },
1914
+ {
1915
+ "date": "Jun",
1916
+ "value": 30
1917
+ }
1918
+ ],
1919
+ "xKey": "date",
1920
+ "yKey": "value",
1921
+ "title": "Trend"
1922
+ },
1923
+ {
1924
+ "type": "chart-legend",
1925
+ "items": [
1926
+ {
1927
+ "label": "Current",
1928
+ "color": "primary"
1929
+ },
1930
+ {
1931
+ "label": "Previous",
1932
+ "color": "muted"
1319
1933
  }
1320
1934
  ]
1935
+ },
1936
+ {
1937
+ "type": "graph-view",
1938
+ "nodes": [
1939
+ {
1940
+ "id": "a",
1941
+ "label": "Start",
1942
+ "x": 50,
1943
+ "y": 100
1944
+ },
1945
+ {
1946
+ "id": "b",
1947
+ "label": "Process",
1948
+ "x": 200,
1949
+ "y": 50
1950
+ },
1951
+ {
1952
+ "id": "c",
1953
+ "label": "End",
1954
+ "x": 350,
1955
+ "y": 100
1956
+ }
1957
+ ],
1958
+ "edges": [
1959
+ {
1960
+ "from": "a",
1961
+ "to": "b"
1962
+ },
1963
+ {
1964
+ "from": "b",
1965
+ "to": "c"
1966
+ }
1967
+ ],
1968
+ "width": 400,
1969
+ "height": 200
1321
1970
  }
1322
1971
  ]
1323
1972
  }
@@ -1341,134 +1990,250 @@
1341
1990
  "render-ui",
1342
1991
  "main",
1343
1992
  {
1344
- "type": "stack",
1345
- "direction": "vertical",
1346
- "gap": "lg",
1347
- "children": [
1993
+ "type": "dashboard-layout",
1994
+ "appName": "Finance Tracker",
1995
+ "navItems": [
1348
1996
  {
1349
- "type": "stack",
1350
- "direction": "horizontal",
1351
- "gap": "md",
1352
- "justify": "space-between",
1353
- "children": [
1354
- {
1355
- "type": "stack",
1356
- "direction": "horizontal",
1357
- "gap": "md",
1358
- "children": [
1359
- {
1360
- "type": "icon",
1361
- "name": "pie-chart",
1362
- "size": "lg"
1363
- },
1364
- {
1365
- "type": "typography",
1366
- "content": "Financial Summary",
1367
- "variant": "h2"
1368
- }
1369
- ]
1370
- },
1371
- {
1372
- "type": "button",
1373
- "label": "Refresh",
1374
- "event": "REFRESH",
1375
- "variant": "secondary",
1376
- "icon": "refresh-cw"
1377
- }
1378
- ]
1997
+ "label": "Transactions",
1998
+ "href": "/transactions",
1999
+ "icon": "dollar-sign"
1379
2000
  },
1380
2001
  {
1381
- "type": "divider"
2002
+ "label": "Summary",
2003
+ "href": "/summary",
2004
+ "icon": "layout-list"
1382
2005
  },
1383
2006
  {
1384
- "type": "simple-grid",
1385
- "columns": 3,
2007
+ "label": "Reports",
2008
+ "href": "/reports",
2009
+ "icon": "bar-chart"
2010
+ }
2011
+ ],
2012
+ "children": [
2013
+ {
2014
+ "type": "scaled-diagram",
1386
2015
  "children": [
1387
2016
  {
1388
- "type": "card",
2017
+ "type": "stack",
2018
+ "direction": "vertical",
2019
+ "gap": "lg",
1389
2020
  "children": [
1390
2021
  {
1391
- "type": "stack",
1392
- "direction": "vertical",
1393
- "gap": "sm",
1394
- "children": [
2022
+ "type": "breadcrumb",
2023
+ "items": [
1395
2024
  {
1396
- "type": "typography",
1397
- "variant": "caption",
1398
- "content": "TotalIncome"
2025
+ "label": "Home",
2026
+ "href": "/"
1399
2027
  },
1400
2028
  {
1401
- "type": "typography",
1402
- "variant": "h3",
1403
- "content": "@entity.totalIncome"
2029
+ "label": "Financial Summary"
1404
2030
  }
1405
2031
  ]
1406
- }
1407
- ]
1408
- },
1409
- {
1410
- "type": "card",
1411
- "children": [
2032
+ },
1412
2033
  {
1413
2034
  "type": "stack",
1414
- "direction": "vertical",
1415
- "gap": "sm",
2035
+ "direction": "horizontal",
2036
+ "gap": "md",
2037
+ "justify": "space-between",
1416
2038
  "children": [
1417
2039
  {
1418
- "type": "typography",
1419
- "variant": "caption",
1420
- "content": "TotalExpenses"
2040
+ "type": "stack",
2041
+ "direction": "horizontal",
2042
+ "gap": "md",
2043
+ "children": [
2044
+ {
2045
+ "type": "icon",
2046
+ "name": "pie-chart",
2047
+ "size": "lg"
2048
+ },
2049
+ {
2050
+ "type": "typography",
2051
+ "content": "Financial Summary",
2052
+ "variant": "h2"
2053
+ }
2054
+ ]
1421
2055
  },
1422
2056
  {
1423
- "type": "typography",
1424
- "variant": "h3",
1425
- "content": "@entity.totalExpenses"
2057
+ "type": "button",
2058
+ "label": "Refresh",
2059
+ "event": "REFRESH",
2060
+ "variant": "secondary",
2061
+ "icon": "refresh-cw"
1426
2062
  }
1427
2063
  ]
1428
- }
1429
- ]
1430
- },
1431
- {
1432
- "type": "card",
1433
- "children": [
2064
+ },
1434
2065
  {
1435
- "type": "stack",
1436
- "direction": "vertical",
1437
- "gap": "sm",
2066
+ "type": "divider"
2067
+ },
2068
+ {
2069
+ "type": "box",
2070
+ "padding": "md",
1438
2071
  "children": [
1439
2072
  {
1440
- "type": "typography",
1441
- "variant": "caption",
1442
- "content": "Balance"
2073
+ "type": "simple-grid",
2074
+ "columns": 3,
2075
+ "children": [
2076
+ {
2077
+ "type": "stat-display",
2078
+ "label": "TotalIncome",
2079
+ "value": [
2080
+ "object/get",
2081
+ [
2082
+ "array/first",
2083
+ "@entity"
2084
+ ],
2085
+ "totalIncome"
2086
+ ]
2087
+ },
2088
+ {
2089
+ "type": "stat-display",
2090
+ "label": "TotalExpenses",
2091
+ "value": [
2092
+ "object/get",
2093
+ [
2094
+ "array/first",
2095
+ "@entity"
2096
+ ],
2097
+ "totalExpenses"
2098
+ ]
2099
+ },
2100
+ {
2101
+ "type": "stat-display",
2102
+ "label": "Balance",
2103
+ "value": [
2104
+ "object/get",
2105
+ [
2106
+ "array/first",
2107
+ "@entity"
2108
+ ],
2109
+ "balance"
2110
+ ]
2111
+ },
2112
+ {
2113
+ "type": "stat-display",
2114
+ "label": "SavingsRate",
2115
+ "value": [
2116
+ "object/get",
2117
+ [
2118
+ "array/first",
2119
+ "@entity"
2120
+ ],
2121
+ "savingsRate"
2122
+ ]
2123
+ }
2124
+ ]
2125
+ }
2126
+ ]
2127
+ },
2128
+ {
2129
+ "type": "divider"
2130
+ },
2131
+ {
2132
+ "type": "grid",
2133
+ "columns": 2,
2134
+ "gap": "md",
2135
+ "children": [
2136
+ {
2137
+ "type": "card",
2138
+ "children": [
2139
+ {
2140
+ "type": "typography",
2141
+ "variant": "caption",
2142
+ "content": "Chart View"
2143
+ }
2144
+ ]
1443
2145
  },
1444
2146
  {
1445
- "type": "typography",
1446
- "variant": "h3",
1447
- "content": "@entity.balance"
2147
+ "type": "card",
2148
+ "children": [
2149
+ {
2150
+ "type": "typography",
2151
+ "variant": "caption",
2152
+ "content": "Graph View"
2153
+ }
2154
+ ]
1448
2155
  }
1449
2156
  ]
1450
- }
1451
- ]
1452
- },
1453
- {
1454
- "type": "card",
1455
- "children": [
2157
+ },
1456
2158
  {
1457
- "type": "stack",
1458
- "direction": "vertical",
1459
- "gap": "sm",
1460
- "children": [
2159
+ "type": "line-chart",
2160
+ "data": [
1461
2161
  {
1462
- "type": "typography",
1463
- "variant": "caption",
1464
- "content": "SavingsRate"
2162
+ "date": "Jan",
2163
+ "value": 12
1465
2164
  },
1466
2165
  {
1467
- "type": "typography",
1468
- "variant": "h3",
1469
- "content": "@entity.savingsRate"
2166
+ "date": "Feb",
2167
+ "value": 19
2168
+ },
2169
+ {
2170
+ "date": "Mar",
2171
+ "value": 15
2172
+ },
2173
+ {
2174
+ "date": "Apr",
2175
+ "value": 25
2176
+ },
2177
+ {
2178
+ "date": "May",
2179
+ "value": 22
2180
+ },
2181
+ {
2182
+ "date": "Jun",
2183
+ "value": 30
2184
+ }
2185
+ ],
2186
+ "xKey": "date",
2187
+ "yKey": "value",
2188
+ "title": "Trend"
2189
+ },
2190
+ {
2191
+ "type": "chart-legend",
2192
+ "items": [
2193
+ {
2194
+ "label": "Current",
2195
+ "color": "primary"
2196
+ },
2197
+ {
2198
+ "label": "Previous",
2199
+ "color": "muted"
1470
2200
  }
1471
2201
  ]
2202
+ },
2203
+ {
2204
+ "type": "graph-view",
2205
+ "nodes": [
2206
+ {
2207
+ "id": "a",
2208
+ "label": "Start",
2209
+ "x": 50,
2210
+ "y": 100
2211
+ },
2212
+ {
2213
+ "id": "b",
2214
+ "label": "Process",
2215
+ "x": 200,
2216
+ "y": 50
2217
+ },
2218
+ {
2219
+ "id": "c",
2220
+ "label": "End",
2221
+ "x": 350,
2222
+ "y": 100
2223
+ }
2224
+ ],
2225
+ "edges": [
2226
+ {
2227
+ "from": "a",
2228
+ "to": "b"
2229
+ },
2230
+ {
2231
+ "from": "b",
2232
+ "to": "c"
2233
+ }
2234
+ ],
2235
+ "width": 400,
2236
+ "height": 200
1472
2237
  }
1473
2238
  ]
1474
2239
  }
@@ -1492,134 +2257,250 @@
1492
2257
  "render-ui",
1493
2258
  "main",
1494
2259
  {
1495
- "type": "stack",
1496
- "direction": "vertical",
1497
- "gap": "lg",
1498
- "children": [
2260
+ "type": "dashboard-layout",
2261
+ "appName": "Finance Tracker",
2262
+ "navItems": [
1499
2263
  {
1500
- "type": "stack",
1501
- "direction": "horizontal",
1502
- "gap": "md",
1503
- "justify": "space-between",
1504
- "children": [
1505
- {
1506
- "type": "stack",
1507
- "direction": "horizontal",
1508
- "gap": "md",
1509
- "children": [
1510
- {
1511
- "type": "icon",
1512
- "name": "pie-chart",
1513
- "size": "lg"
1514
- },
1515
- {
1516
- "type": "typography",
1517
- "content": "Financial Summary",
1518
- "variant": "h2"
1519
- }
1520
- ]
1521
- },
1522
- {
1523
- "type": "button",
1524
- "label": "Refresh",
1525
- "event": "REFRESH",
1526
- "variant": "secondary",
1527
- "icon": "refresh-cw"
1528
- }
1529
- ]
2264
+ "label": "Transactions",
2265
+ "href": "/transactions",
2266
+ "icon": "dollar-sign"
1530
2267
  },
1531
2268
  {
1532
- "type": "divider"
2269
+ "label": "Summary",
2270
+ "href": "/summary",
2271
+ "icon": "layout-list"
1533
2272
  },
1534
2273
  {
1535
- "type": "simple-grid",
1536
- "columns": 3,
2274
+ "label": "Reports",
2275
+ "href": "/reports",
2276
+ "icon": "bar-chart"
2277
+ }
2278
+ ],
2279
+ "children": [
2280
+ {
2281
+ "type": "scaled-diagram",
1537
2282
  "children": [
1538
2283
  {
1539
- "type": "card",
2284
+ "type": "stack",
2285
+ "direction": "vertical",
2286
+ "gap": "lg",
1540
2287
  "children": [
2288
+ {
2289
+ "type": "breadcrumb",
2290
+ "items": [
2291
+ {
2292
+ "label": "Home",
2293
+ "href": "/"
2294
+ },
2295
+ {
2296
+ "label": "Financial Summary"
2297
+ }
2298
+ ]
2299
+ },
1541
2300
  {
1542
2301
  "type": "stack",
1543
- "direction": "vertical",
1544
- "gap": "sm",
2302
+ "direction": "horizontal",
2303
+ "gap": "md",
2304
+ "justify": "space-between",
1545
2305
  "children": [
1546
2306
  {
1547
- "type": "typography",
1548
- "variant": "caption",
1549
- "content": "TotalIncome"
2307
+ "type": "stack",
2308
+ "direction": "horizontal",
2309
+ "gap": "md",
2310
+ "children": [
2311
+ {
2312
+ "type": "icon",
2313
+ "name": "pie-chart",
2314
+ "size": "lg"
2315
+ },
2316
+ {
2317
+ "type": "typography",
2318
+ "content": "Financial Summary",
2319
+ "variant": "h2"
2320
+ }
2321
+ ]
2322
+ },
2323
+ {
2324
+ "type": "button",
2325
+ "label": "Refresh",
2326
+ "event": "REFRESH",
2327
+ "variant": "secondary",
2328
+ "icon": "refresh-cw"
2329
+ }
2330
+ ]
2331
+ },
2332
+ {
2333
+ "type": "divider"
2334
+ },
2335
+ {
2336
+ "type": "box",
2337
+ "padding": "md",
2338
+ "children": [
2339
+ {
2340
+ "type": "simple-grid",
2341
+ "columns": 3,
2342
+ "children": [
2343
+ {
2344
+ "type": "stat-display",
2345
+ "label": "TotalIncome",
2346
+ "value": [
2347
+ "object/get",
2348
+ [
2349
+ "array/first",
2350
+ "@entity"
2351
+ ],
2352
+ "totalIncome"
2353
+ ]
2354
+ },
2355
+ {
2356
+ "type": "stat-display",
2357
+ "label": "TotalExpenses",
2358
+ "value": [
2359
+ "object/get",
2360
+ [
2361
+ "array/first",
2362
+ "@entity"
2363
+ ],
2364
+ "totalExpenses"
2365
+ ]
2366
+ },
2367
+ {
2368
+ "type": "stat-display",
2369
+ "label": "Balance",
2370
+ "value": [
2371
+ "object/get",
2372
+ [
2373
+ "array/first",
2374
+ "@entity"
2375
+ ],
2376
+ "balance"
2377
+ ]
2378
+ },
2379
+ {
2380
+ "type": "stat-display",
2381
+ "label": "SavingsRate",
2382
+ "value": [
2383
+ "object/get",
2384
+ [
2385
+ "array/first",
2386
+ "@entity"
2387
+ ],
2388
+ "savingsRate"
2389
+ ]
2390
+ }
2391
+ ]
2392
+ }
2393
+ ]
2394
+ },
2395
+ {
2396
+ "type": "divider"
2397
+ },
2398
+ {
2399
+ "type": "grid",
2400
+ "columns": 2,
2401
+ "gap": "md",
2402
+ "children": [
2403
+ {
2404
+ "type": "card",
2405
+ "children": [
2406
+ {
2407
+ "type": "typography",
2408
+ "variant": "caption",
2409
+ "content": "Chart View"
2410
+ }
2411
+ ]
2412
+ },
2413
+ {
2414
+ "type": "card",
2415
+ "children": [
2416
+ {
2417
+ "type": "typography",
2418
+ "variant": "caption",
2419
+ "content": "Graph View"
2420
+ }
2421
+ ]
2422
+ }
2423
+ ]
2424
+ },
2425
+ {
2426
+ "type": "line-chart",
2427
+ "data": [
2428
+ {
2429
+ "date": "Jan",
2430
+ "value": 12
2431
+ },
2432
+ {
2433
+ "date": "Feb",
2434
+ "value": 19
2435
+ },
2436
+ {
2437
+ "date": "Mar",
2438
+ "value": 15
2439
+ },
2440
+ {
2441
+ "date": "Apr",
2442
+ "value": 25
1550
2443
  },
1551
2444
  {
1552
- "type": "typography",
1553
- "variant": "h3",
1554
- "content": "@entity.totalIncome"
2445
+ "date": "May",
2446
+ "value": 22
2447
+ },
2448
+ {
2449
+ "date": "Jun",
2450
+ "value": 30
1555
2451
  }
1556
- ]
1557
- }
1558
- ]
1559
- },
1560
- {
1561
- "type": "card",
1562
- "children": [
2452
+ ],
2453
+ "xKey": "date",
2454
+ "yKey": "value",
2455
+ "title": "Trend"
2456
+ },
1563
2457
  {
1564
- "type": "stack",
1565
- "direction": "vertical",
1566
- "gap": "sm",
1567
- "children": [
2458
+ "type": "chart-legend",
2459
+ "items": [
1568
2460
  {
1569
- "type": "typography",
1570
- "variant": "caption",
1571
- "content": "TotalExpenses"
2461
+ "label": "Current",
2462
+ "color": "primary"
1572
2463
  },
1573
2464
  {
1574
- "type": "typography",
1575
- "variant": "h3",
1576
- "content": "@entity.totalExpenses"
2465
+ "label": "Previous",
2466
+ "color": "muted"
1577
2467
  }
1578
2468
  ]
1579
- }
1580
- ]
1581
- },
1582
- {
1583
- "type": "card",
1584
- "children": [
2469
+ },
1585
2470
  {
1586
- "type": "stack",
1587
- "direction": "vertical",
1588
- "gap": "sm",
1589
- "children": [
2471
+ "type": "graph-view",
2472
+ "nodes": [
1590
2473
  {
1591
- "type": "typography",
1592
- "variant": "caption",
1593
- "content": "Balance"
2474
+ "id": "a",
2475
+ "label": "Start",
2476
+ "x": 50,
2477
+ "y": 100
1594
2478
  },
1595
2479
  {
1596
- "type": "typography",
1597
- "variant": "h3",
1598
- "content": "@entity.balance"
2480
+ "id": "b",
2481
+ "label": "Process",
2482
+ "x": 200,
2483
+ "y": 50
2484
+ },
2485
+ {
2486
+ "id": "c",
2487
+ "label": "End",
2488
+ "x": 350,
2489
+ "y": 100
1599
2490
  }
1600
- ]
1601
- }
1602
- ]
1603
- },
1604
- {
1605
- "type": "card",
1606
- "children": [
1607
- {
1608
- "type": "stack",
1609
- "direction": "vertical",
1610
- "gap": "sm",
1611
- "children": [
2491
+ ],
2492
+ "edges": [
1612
2493
  {
1613
- "type": "typography",
1614
- "variant": "caption",
1615
- "content": "SavingsRate"
2494
+ "from": "a",
2495
+ "to": "b"
1616
2496
  },
1617
2497
  {
1618
- "type": "typography",
1619
- "variant": "h3",
1620
- "content": "@entity.savingsRate"
2498
+ "from": "b",
2499
+ "to": "c"
1621
2500
  }
1622
- ]
2501
+ ],
2502
+ "width": 400,
2503
+ "height": 200
1623
2504
  }
1624
2505
  ]
1625
2506
  }
@@ -1643,134 +2524,250 @@
1643
2524
  "render-ui",
1644
2525
  "main",
1645
2526
  {
1646
- "type": "stack",
1647
- "direction": "vertical",
1648
- "gap": "lg",
1649
- "children": [
2527
+ "type": "dashboard-layout",
2528
+ "appName": "Finance Tracker",
2529
+ "navItems": [
1650
2530
  {
1651
- "type": "stack",
1652
- "direction": "horizontal",
1653
- "gap": "md",
1654
- "justify": "space-between",
1655
- "children": [
1656
- {
1657
- "type": "stack",
1658
- "direction": "horizontal",
1659
- "gap": "md",
1660
- "children": [
1661
- {
1662
- "type": "icon",
1663
- "name": "pie-chart",
1664
- "size": "lg"
1665
- },
1666
- {
1667
- "type": "typography",
1668
- "content": "Financial Summary",
1669
- "variant": "h2"
1670
- }
1671
- ]
1672
- },
1673
- {
1674
- "type": "button",
1675
- "label": "Refresh",
1676
- "event": "REFRESH",
1677
- "variant": "secondary",
1678
- "icon": "refresh-cw"
1679
- }
1680
- ]
2531
+ "label": "Transactions",
2532
+ "href": "/transactions",
2533
+ "icon": "dollar-sign"
1681
2534
  },
1682
2535
  {
1683
- "type": "divider"
2536
+ "label": "Summary",
2537
+ "href": "/summary",
2538
+ "icon": "layout-list"
1684
2539
  },
1685
2540
  {
1686
- "type": "simple-grid",
1687
- "columns": 3,
2541
+ "label": "Reports",
2542
+ "href": "/reports",
2543
+ "icon": "bar-chart"
2544
+ }
2545
+ ],
2546
+ "children": [
2547
+ {
2548
+ "type": "scaled-diagram",
1688
2549
  "children": [
1689
2550
  {
1690
- "type": "card",
2551
+ "type": "stack",
2552
+ "direction": "vertical",
2553
+ "gap": "lg",
1691
2554
  "children": [
1692
2555
  {
1693
- "type": "stack",
1694
- "direction": "vertical",
1695
- "gap": "sm",
1696
- "children": [
2556
+ "type": "breadcrumb",
2557
+ "items": [
1697
2558
  {
1698
- "type": "typography",
1699
- "variant": "caption",
1700
- "content": "TotalIncome"
2559
+ "label": "Home",
2560
+ "href": "/"
1701
2561
  },
1702
2562
  {
1703
- "type": "typography",
1704
- "variant": "h3",
1705
- "content": "@entity.totalIncome"
2563
+ "label": "Financial Summary"
1706
2564
  }
1707
2565
  ]
1708
- }
1709
- ]
1710
- },
1711
- {
1712
- "type": "card",
1713
- "children": [
2566
+ },
1714
2567
  {
1715
2568
  "type": "stack",
1716
- "direction": "vertical",
1717
- "gap": "sm",
2569
+ "direction": "horizontal",
2570
+ "gap": "md",
2571
+ "justify": "space-between",
1718
2572
  "children": [
1719
2573
  {
1720
- "type": "typography",
1721
- "variant": "caption",
1722
- "content": "TotalExpenses"
2574
+ "type": "stack",
2575
+ "direction": "horizontal",
2576
+ "gap": "md",
2577
+ "children": [
2578
+ {
2579
+ "type": "icon",
2580
+ "name": "pie-chart",
2581
+ "size": "lg"
2582
+ },
2583
+ {
2584
+ "type": "typography",
2585
+ "content": "Financial Summary",
2586
+ "variant": "h2"
2587
+ }
2588
+ ]
1723
2589
  },
1724
2590
  {
1725
- "type": "typography",
1726
- "variant": "h3",
1727
- "content": "@entity.totalExpenses"
2591
+ "type": "button",
2592
+ "label": "Refresh",
2593
+ "event": "REFRESH",
2594
+ "variant": "secondary",
2595
+ "icon": "refresh-cw"
1728
2596
  }
1729
2597
  ]
1730
- }
1731
- ]
1732
- },
1733
- {
1734
- "type": "card",
1735
- "children": [
2598
+ },
1736
2599
  {
1737
- "type": "stack",
1738
- "direction": "vertical",
1739
- "gap": "sm",
2600
+ "type": "divider"
2601
+ },
2602
+ {
2603
+ "type": "box",
2604
+ "padding": "md",
1740
2605
  "children": [
1741
2606
  {
1742
- "type": "typography",
1743
- "variant": "caption",
1744
- "content": "Balance"
2607
+ "type": "simple-grid",
2608
+ "columns": 3,
2609
+ "children": [
2610
+ {
2611
+ "type": "stat-display",
2612
+ "label": "TotalIncome",
2613
+ "value": [
2614
+ "object/get",
2615
+ [
2616
+ "array/first",
2617
+ "@entity"
2618
+ ],
2619
+ "totalIncome"
2620
+ ]
2621
+ },
2622
+ {
2623
+ "type": "stat-display",
2624
+ "label": "TotalExpenses",
2625
+ "value": [
2626
+ "object/get",
2627
+ [
2628
+ "array/first",
2629
+ "@entity"
2630
+ ],
2631
+ "totalExpenses"
2632
+ ]
2633
+ },
2634
+ {
2635
+ "type": "stat-display",
2636
+ "label": "Balance",
2637
+ "value": [
2638
+ "object/get",
2639
+ [
2640
+ "array/first",
2641
+ "@entity"
2642
+ ],
2643
+ "balance"
2644
+ ]
2645
+ },
2646
+ {
2647
+ "type": "stat-display",
2648
+ "label": "SavingsRate",
2649
+ "value": [
2650
+ "object/get",
2651
+ [
2652
+ "array/first",
2653
+ "@entity"
2654
+ ],
2655
+ "savingsRate"
2656
+ ]
2657
+ }
2658
+ ]
2659
+ }
2660
+ ]
2661
+ },
2662
+ {
2663
+ "type": "divider"
2664
+ },
2665
+ {
2666
+ "type": "grid",
2667
+ "columns": 2,
2668
+ "gap": "md",
2669
+ "children": [
2670
+ {
2671
+ "type": "card",
2672
+ "children": [
2673
+ {
2674
+ "type": "typography",
2675
+ "variant": "caption",
2676
+ "content": "Chart View"
2677
+ }
2678
+ ]
1745
2679
  },
1746
2680
  {
1747
- "type": "typography",
1748
- "variant": "h3",
1749
- "content": "@entity.balance"
2681
+ "type": "card",
2682
+ "children": [
2683
+ {
2684
+ "type": "typography",
2685
+ "variant": "caption",
2686
+ "content": "Graph View"
2687
+ }
2688
+ ]
1750
2689
  }
1751
2690
  ]
1752
- }
1753
- ]
1754
- },
1755
- {
1756
- "type": "card",
1757
- "children": [
2691
+ },
1758
2692
  {
1759
- "type": "stack",
1760
- "direction": "vertical",
1761
- "gap": "sm",
1762
- "children": [
2693
+ "type": "line-chart",
2694
+ "data": [
1763
2695
  {
1764
- "type": "typography",
1765
- "variant": "caption",
1766
- "content": "SavingsRate"
2696
+ "date": "Jan",
2697
+ "value": 12
1767
2698
  },
1768
2699
  {
1769
- "type": "typography",
1770
- "variant": "h3",
1771
- "content": "@entity.savingsRate"
2700
+ "date": "Feb",
2701
+ "value": 19
2702
+ },
2703
+ {
2704
+ "date": "Mar",
2705
+ "value": 15
2706
+ },
2707
+ {
2708
+ "date": "Apr",
2709
+ "value": 25
2710
+ },
2711
+ {
2712
+ "date": "May",
2713
+ "value": 22
2714
+ },
2715
+ {
2716
+ "date": "Jun",
2717
+ "value": 30
2718
+ }
2719
+ ],
2720
+ "xKey": "date",
2721
+ "yKey": "value",
2722
+ "title": "Trend"
2723
+ },
2724
+ {
2725
+ "type": "chart-legend",
2726
+ "items": [
2727
+ {
2728
+ "label": "Current",
2729
+ "color": "primary"
2730
+ },
2731
+ {
2732
+ "label": "Previous",
2733
+ "color": "muted"
1772
2734
  }
1773
2735
  ]
2736
+ },
2737
+ {
2738
+ "type": "graph-view",
2739
+ "nodes": [
2740
+ {
2741
+ "id": "a",
2742
+ "label": "Start",
2743
+ "x": 50,
2744
+ "y": 100
2745
+ },
2746
+ {
2747
+ "id": "b",
2748
+ "label": "Process",
2749
+ "x": 200,
2750
+ "y": 50
2751
+ },
2752
+ {
2753
+ "id": "c",
2754
+ "label": "End",
2755
+ "x": 350,
2756
+ "y": 100
2757
+ }
2758
+ ],
2759
+ "edges": [
2760
+ {
2761
+ "from": "a",
2762
+ "to": "b"
2763
+ },
2764
+ {
2765
+ "from": "b",
2766
+ "to": "c"
2767
+ }
2768
+ ],
2769
+ "width": 400,
2770
+ "height": 200
1774
2771
  }
1775
2772
  ]
1776
2773
  }
@@ -1825,7 +2822,7 @@
1825
2822
  },
1826
2823
  {
1827
2824
  "name": "generatedAt",
1828
- "type": "string"
2825
+ "type": "date"
1829
2826
  }
1830
2827
  ]
1831
2828
  },
@@ -1893,109 +2890,114 @@
1893
2890
  "render-ui",
1894
2891
  "main",
1895
2892
  {
1896
- "type": "stack",
1897
- "direction": "vertical",
1898
- "gap": "lg",
1899
- "children": [
2893
+ "type": "dashboard-layout",
2894
+ "appName": "Finance Tracker",
2895
+ "navItems": [
1900
2896
  {
1901
- "type": "stack",
1902
- "direction": "horizontal",
1903
- "gap": "md",
1904
- "justify": "space-between",
1905
- "children": [
1906
- {
1907
- "type": "stack",
1908
- "direction": "horizontal",
1909
- "gap": "sm",
1910
- "align": "center",
1911
- "children": [
1912
- {
1913
- "type": "icon",
1914
- "name": "file-text",
1915
- "size": "lg"
1916
- },
1917
- {
1918
- "type": "typography",
1919
- "content": "Reports",
1920
- "variant": "h2"
1921
- }
1922
- ]
1923
- },
1924
- {
1925
- "type": "stack",
1926
- "direction": "horizontal",
1927
- "gap": "sm",
1928
- "children": [
1929
- {
1930
- "type": "button",
1931
- "label": "Create FinanceReport",
1932
- "event": "CREATE",
1933
- "variant": "primary",
1934
- "icon": "plus"
1935
- }
1936
- ]
1937
- }
1938
- ]
2897
+ "label": "Transactions",
2898
+ "href": "/transactions",
2899
+ "icon": "dollar-sign"
1939
2900
  },
1940
2901
  {
1941
- "type": "divider"
2902
+ "label": "Summary",
2903
+ "href": "/summary",
2904
+ "icon": "layout-list"
1942
2905
  },
1943
2906
  {
1944
- "type": "data-grid",
1945
- "entity": "FinanceReport",
1946
- "emptyIcon": "inbox",
1947
- "emptyTitle": "No financereports yet",
1948
- "emptyDescription": "Create your first financereport to get started.",
1949
- "itemActions": [
1950
- {
1951
- "label": "View",
1952
- "event": "VIEW"
1953
- }
1954
- ],
1955
- "className": "transition-shadow hover:shadow-md cursor-pointer",
2907
+ "label": "Reports",
2908
+ "href": "/reports",
2909
+ "icon": "bar-chart"
2910
+ }
2911
+ ],
2912
+ "children": [
2913
+ {
2914
+ "type": "stack",
2915
+ "direction": "vertical",
2916
+ "gap": "lg",
2917
+ "className": "max-w-5xl mx-auto w-full",
1956
2918
  "children": [
1957
2919
  {
1958
2920
  "type": "stack",
1959
- "direction": "vertical",
1960
- "gap": "sm",
2921
+ "direction": "horizontal",
2922
+ "gap": "md",
2923
+ "justify": "space-between",
2924
+ "align": "center",
1961
2925
  "children": [
1962
2926
  {
1963
2927
  "type": "stack",
1964
2928
  "direction": "horizontal",
1965
- "justify": "space-between",
2929
+ "gap": "sm",
1966
2930
  "align": "center",
1967
2931
  "children": [
1968
2932
  {
1969
- "type": "stack",
1970
- "direction": "horizontal",
1971
- "gap": "sm",
1972
- "align": "center",
1973
- "children": [
1974
- {
1975
- "type": "icon",
1976
- "name": "file-text",
1977
- "size": "sm"
1978
- },
1979
- {
1980
- "type": "typography",
1981
- "variant": "h4",
1982
- "content": "@entity.title"
1983
- }
1984
- ]
2933
+ "type": "icon",
2934
+ "name": "file-text",
2935
+ "size": "lg"
1985
2936
  },
1986
2937
  {
1987
- "type": "badge",
1988
- "label": "@entity.period"
2938
+ "type": "typography",
2939
+ "content": "Reports",
2940
+ "variant": "h2"
1989
2941
  }
1990
2942
  ]
1991
2943
  },
1992
2944
  {
1993
- "type": "typography",
1994
- "variant": "caption",
1995
- "color": "muted",
1996
- "content": "@entity.total"
2945
+ "type": "stack",
2946
+ "direction": "horizontal",
2947
+ "gap": "sm",
2948
+ "children": [
2949
+ {
2950
+ "type": "button",
2951
+ "label": "Create FinanceReport",
2952
+ "event": "CREATE",
2953
+ "variant": "primary",
2954
+ "icon": "plus"
2955
+ }
2956
+ ]
1997
2957
  }
1998
2958
  ]
2959
+ },
2960
+ {
2961
+ "type": "divider"
2962
+ },
2963
+ {
2964
+ "type": "data-list",
2965
+ "entity": "FinanceReport",
2966
+ "emptyIcon": "inbox",
2967
+ "emptyTitle": "No reports yet",
2968
+ "emptyDescription": "Generate a report to analyze your finances.",
2969
+ "itemActions": [
2970
+ {
2971
+ "label": "View",
2972
+ "event": "VIEW",
2973
+ "variant": "ghost",
2974
+ "size": "sm"
2975
+ }
2976
+ ],
2977
+ "columns": [
2978
+ {
2979
+ "name": "title",
2980
+ "variant": "h3",
2981
+ "icon": "file-text"
2982
+ },
2983
+ {
2984
+ "name": "period",
2985
+ "variant": "badge"
2986
+ },
2987
+ {
2988
+ "name": "total",
2989
+ "variant": "h4",
2990
+ "format": "currency"
2991
+ },
2992
+ {
2993
+ "name": "generatedAt",
2994
+ "label": "Generated",
2995
+ "variant": "caption",
2996
+ "format": "date"
2997
+ }
2998
+ ],
2999
+ "variant": "card",
3000
+ "gap": "sm"
1999
3001
  }
2000
3002
  ]
2001
3003
  }
@@ -2138,6 +3140,11 @@
2138
3140
  "render-ui",
2139
3141
  "modal",
2140
3142
  null
3143
+ ],
3144
+ [
3145
+ "notify",
3146
+ "Cancelled",
3147
+ "info"
2141
3148
  ]
2142
3149
  ]
2143
3150
  },
@@ -2319,7 +3326,7 @@
2319
3326
  {
2320
3327
  "type": "typography",
2321
3328
  "variant": "caption",
2322
- "content": "GeneratedAt"
3329
+ "content": "Generated At"
2323
3330
  },
2324
3331
  {
2325
3332
  "type": "typography",
@@ -2359,6 +3366,11 @@
2359
3366
  "render-ui",
2360
3367
  "modal",
2361
3368
  null
3369
+ ],
3370
+ [
3371
+ "notify",
3372
+ "Cancelled",
3373
+ "info"
2362
3374
  ]
2363
3375
  ]
2364
3376
  }