create-bluecopa-react-app 1.0.11 → 1.0.13

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 (29) hide show
  1. package/bin/create-bluecopa-react-app.js +1 -1
  2. package/package.json +1 -1
  3. package/templates/latest/.dockerignore +5 -1
  4. package/templates/latest/Agent.md +621 -0
  5. package/templates/latest/Dockerfile +2 -2
  6. package/templates/latest/app/app.tsx +3 -1
  7. package/templates/latest/app/components/app-sidebar.tsx +14 -16
  8. package/templates/latest/app/components/nav-main.tsx +6 -22
  9. package/templates/latest/app/data/mock-payments.json +122 -0
  10. package/templates/latest/app/data/mock-transactions.json +128 -0
  11. package/templates/latest/app/routes/comments.tsx +552 -0
  12. package/templates/latest/app/routes/{home.tsx → dashboard.tsx} +1 -1
  13. package/templates/latest/app/routes/payments.tsx +342 -0
  14. package/templates/latest/app/routes/websocket.tsx +450 -0
  15. package/templates/latest/app/routes.tsx +8 -5
  16. package/templates/latest/dist/assets/{__federation_expose_App-C8_sl1dD.js → __federation_expose_App-BIH7hwj_.js} +12 -2
  17. package/templates/latest/dist/assets/{home-DhyEFlEc.js → client-CsvW46cT.js} +18530 -983
  18. package/templates/latest/dist/assets/{index-DkyIpbj3.js → index-CFECuPSy.js} +1 -1
  19. package/templates/latest/dist/assets/remoteEntry.css +155 -23
  20. package/templates/latest/dist/assets/remoteEntry.js +1 -1
  21. package/templates/latest/dist/favicon.ico +0 -0
  22. package/templates/latest/dist/index.html +2 -2
  23. package/templates/latest/package-lock.json +203 -203
  24. package/templates/latest/package.json +1 -1
  25. package/templates/latest/public/favicon.ico +0 -0
  26. package/templates/latest/dist/assets/client-Hh38T4k9.js +0 -12660
  27. package/templates/latest/dist/avatars/shadcn.svg +0 -6
  28. package/templates/latest/public/avatars/shadcn.svg +0 -6
  29. /package/templates/latest/app/{dashboard → data}/data.json +0 -0
@@ -1,4 +1,4 @@
1
- System.register(['./__federation_fn_import-CzfA7kmP.js', './client-Hh38T4k9.js'], (function (exports, module) {
1
+ System.register(['./__federation_fn_import-CzfA7kmP.js', './client-CsvW46cT.js'], (function (exports, module) {
2
2
  'use strict';
3
3
  var importShared, ReactDOM, jsxRuntimeExports, BrowserRouter, App;
4
4
  return {
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
@@ -10,6 +10,7 @@
10
10
  --tw-rotate-z: initial;
11
11
  --tw-skew-x: initial;
12
12
  --tw-skew-y: initial;
13
+ --tw-space-y-reverse: 0;
13
14
  --tw-border-style: solid;
14
15
  --tw-leading: initial;
15
16
  --tw-font-weight: initial;
@@ -71,12 +72,14 @@
71
72
  :root, :host {
72
73
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
73
74
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
75
+ --color-orange-600: oklch(64.6% .222 41.116);
74
76
  --color-green-400: oklch(79.2% .209 151.711);
75
77
  --color-green-500: oklch(72.3% .219 149.579);
76
78
  --color-gray-950: oklch(13% .028 261.692);
77
79
  --color-black: #000;
78
80
  --color-white: #fff;
79
81
  --spacing: .25rem;
82
+ --container-xs: 20rem;
80
83
  --container-sm: 24rem;
81
84
  --text-xs: .75rem;
82
85
  --text-xs--line-height: calc(1 / .75);
@@ -91,6 +94,8 @@
91
94
  --font-weight-normal: 400;
92
95
  --font-weight-medium: 500;
93
96
  --font-weight-semibold: 600;
97
+ --font-weight-bold: 700;
98
+ --tracking-tight: -.025em;
94
99
  --tracking-widest: .1em;
95
100
  --leading-tight: 1.25;
96
101
  --radius-xs: .125rem;
@@ -569,10 +574,22 @@
569
574
  margin-top: auto;
570
575
  }
571
576
 
577
+ .mr-2 {
578
+ margin-right: calc(var(--spacing) * 2);
579
+ }
580
+
581
+ .mb-4 {
582
+ margin-bottom: calc(var(--spacing) * 4);
583
+ }
584
+
572
585
  .-ml-1 {
573
586
  margin-left: calc(var(--spacing) * -1);
574
587
  }
575
588
 
589
+ .ml-2 {
590
+ margin-left: calc(var(--spacing) * 2);
591
+ }
592
+
576
593
  .ml-auto {
577
594
  margin-left: auto;
578
595
  }
@@ -734,6 +751,10 @@
734
751
  height: calc(var(--spacing) * 12);
735
752
  }
736
753
 
754
+ .h-16 {
755
+ height: calc(var(--spacing) * 16);
756
+ }
757
+
737
758
  .h-24 {
738
759
  height: calc(var(--spacing) * 24);
739
760
  }
@@ -774,10 +795,22 @@
774
795
  max-height: var(--radix-select-content-available-height);
775
796
  }
776
797
 
798
+ .max-h-96 {
799
+ max-height: calc(var(--spacing) * 96);
800
+ }
801
+
777
802
  .min-h-0 {
778
803
  min-height: calc(var(--spacing) * 0);
779
804
  }
780
805
 
806
+ .min-h-\[60px\] {
807
+ min-height: 60px;
808
+ }
809
+
810
+ .min-h-\[80px\] {
811
+ min-height: 80px;
812
+ }
813
+
781
814
  .min-h-svh {
782
815
  min-height: 100svh;
783
816
  }
@@ -822,6 +855,10 @@
822
855
  width: calc(var(--spacing) * 8);
823
856
  }
824
857
 
858
+ .w-12 {
859
+ width: calc(var(--spacing) * 12);
860
+ }
861
+
825
862
  .w-16 {
826
863
  width: calc(var(--spacing) * 16);
827
864
  }
@@ -870,6 +907,10 @@
870
907
  max-width: var(--skeleton-width);
871
908
  }
872
909
 
910
+ .max-w-xs {
911
+ max-width: var(--container-xs);
912
+ }
913
+
873
914
  .min-w-0 {
874
915
  min-width: calc(var(--spacing) * 0);
875
916
  }
@@ -970,6 +1011,18 @@
970
1011
  scroll-margin-block: calc(var(--spacing) * 1);
971
1012
  }
972
1013
 
1014
+ .list-inside {
1015
+ list-style-position: inside;
1016
+ }
1017
+
1018
+ .list-decimal {
1019
+ list-style-type: decimal;
1020
+ }
1021
+
1022
+ .list-disc {
1023
+ list-style-type: disc;
1024
+ }
1025
+
973
1026
  .auto-rows-min {
974
1027
  grid-auto-rows: min-content;
975
1028
  }
@@ -990,6 +1043,10 @@
990
1043
  flex-direction: column;
991
1044
  }
992
1045
 
1046
+ .flex-row {
1047
+ flex-direction: row;
1048
+ }
1049
+
993
1050
  .flex-wrap {
994
1051
  flex-wrap: wrap;
995
1052
  }
@@ -1058,6 +1115,42 @@
1058
1115
  gap: calc(var(--spacing) * 8);
1059
1116
  }
1060
1117
 
1118
+ :where(.space-y-0 > :not(:last-child)) {
1119
+ --tw-space-y-reverse: 0;
1120
+ margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
1121
+ margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
1122
+ }
1123
+
1124
+ :where(.space-y-1 > :not(:last-child)) {
1125
+ --tw-space-y-reverse: 0;
1126
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
1127
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
1128
+ }
1129
+
1130
+ :where(.space-y-2 > :not(:last-child)) {
1131
+ --tw-space-y-reverse: 0;
1132
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
1133
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1134
+ }
1135
+
1136
+ :where(.space-y-3 > :not(:last-child)) {
1137
+ --tw-space-y-reverse: 0;
1138
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
1139
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
1140
+ }
1141
+
1142
+ :where(.space-y-4 > :not(:last-child)) {
1143
+ --tw-space-y-reverse: 0;
1144
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1145
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1146
+ }
1147
+
1148
+ :where(.space-y-6 > :not(:last-child)) {
1149
+ --tw-space-y-reverse: 0;
1150
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
1151
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
1152
+ }
1153
+
1061
1154
  .self-start {
1062
1155
  align-self: flex-start;
1063
1156
  }
@@ -1285,10 +1378,18 @@
1285
1378
  padding: calc(var(--spacing) * 2);
1286
1379
  }
1287
1380
 
1381
+ .p-3 {
1382
+ padding: calc(var(--spacing) * 3);
1383
+ }
1384
+
1288
1385
  .p-4 {
1289
1386
  padding: calc(var(--spacing) * 4);
1290
1387
  }
1291
1388
 
1389
+ .p-6 {
1390
+ padding: calc(var(--spacing) * 6);
1391
+ }
1392
+
1292
1393
  .p-\[3px\] {
1293
1394
  padding: 3px;
1294
1395
  }
@@ -1349,6 +1450,10 @@
1349
1450
  padding-block: calc(var(--spacing) * 6);
1350
1451
  }
1351
1452
 
1453
+ .py-8 {
1454
+ padding-block: calc(var(--spacing) * 8);
1455
+ }
1456
+
1352
1457
  .pt-3 {
1353
1458
  padding-top: calc(var(--spacing) * 3);
1354
1459
  }
@@ -1365,6 +1470,10 @@
1365
1470
  padding-right: calc(var(--spacing) * 8);
1366
1471
  }
1367
1472
 
1473
+ .pb-2 {
1474
+ padding-bottom: calc(var(--spacing) * 2);
1475
+ }
1476
+
1368
1477
  .pb-3 {
1369
1478
  padding-bottom: calc(var(--spacing) * 3);
1370
1479
  }
@@ -1402,6 +1511,11 @@
1402
1511
  line-height: var(--tw-leading, var(--text-2xl--line-height));
1403
1512
  }
1404
1513
 
1514
+ .text-3xl {
1515
+ font-size: var(--text-3xl);
1516
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
1517
+ }
1518
+
1405
1519
  .text-base {
1406
1520
  font-size: var(--text-base);
1407
1521
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -1427,6 +1541,11 @@
1427
1541
  line-height: var(--leading-tight);
1428
1542
  }
1429
1543
 
1544
+ .font-bold {
1545
+ --tw-font-weight: var(--font-weight-bold);
1546
+ font-weight: var(--font-weight-bold);
1547
+ }
1548
+
1430
1549
  .font-medium {
1431
1550
  --tw-font-weight: var(--font-weight-medium);
1432
1551
  font-weight: var(--font-weight-medium);
@@ -1442,6 +1561,11 @@
1442
1561
  font-weight: var(--font-weight-semibold);
1443
1562
  }
1444
1563
 
1564
+ .tracking-tight {
1565
+ --tw-tracking: var(--tracking-tight);
1566
+ letter-spacing: var(--tracking-tight);
1567
+ }
1568
+
1445
1569
  .tracking-widest {
1446
1570
  --tw-tracking: var(--tracking-widest);
1447
1571
  letter-spacing: var(--tracking-widest);
@@ -1475,6 +1599,10 @@
1475
1599
  color: var(--muted-foreground);
1476
1600
  }
1477
1601
 
1602
+ .text-orange-600 {
1603
+ color: var(--color-orange-600);
1604
+ }
1605
+
1478
1606
  .text-popover-foreground {
1479
1607
  color: var(--popover-foreground);
1480
1608
  }
@@ -2027,10 +2155,6 @@
2027
2155
  color: var(--muted-foreground);
2028
2156
  }
2029
2157
 
2030
- .hover\:text-primary-foreground:hover {
2031
- color: var(--primary-foreground);
2032
- }
2033
-
2034
2158
  .hover\:text-sidebar-accent-foreground:hover {
2035
2159
  color: var(--sidebar-accent-foreground);
2036
2160
  }
@@ -2152,24 +2276,10 @@
2152
2276
  outline-color: var(--ring);
2153
2277
  }
2154
2278
 
2155
- .active\:bg-primary\/90:active {
2156
- background-color: var(--primary);
2157
- }
2158
-
2159
- @supports (color: color-mix(in lab, red, red)) {
2160
- .active\:bg-primary\/90:active {
2161
- background-color: color-mix(in oklab, var(--primary) 90%, transparent);
2162
- }
2163
- }
2164
-
2165
2279
  .active\:bg-sidebar-accent:active {
2166
2280
  background-color: var(--sidebar-accent);
2167
2281
  }
2168
2282
 
2169
- .active\:text-primary-foreground:active {
2170
- color: var(--primary-foreground);
2171
- }
2172
-
2173
2283
  .active\:text-sidebar-accent-foreground:active {
2174
2284
  color: var(--sidebar-accent-foreground);
2175
2285
  }
@@ -2299,7 +2409,7 @@
2299
2409
  }
2300
2410
 
2301
2411
  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
2302
- --tw-enter-translate-y: calc(var(--spacing) * 2 * -1);
2412
+ --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
2303
2413
  }
2304
2414
 
2305
2415
  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
@@ -2308,7 +2418,7 @@
2308
2418
  }
2309
2419
 
2310
2420
  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
2311
- --tw-enter-translate-x: calc(var(--spacing) * 2);
2421
+ --tw-enter-translate-x: calc(2 * var(--spacing));
2312
2422
  }
2313
2423
 
2314
2424
  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
@@ -2317,7 +2427,7 @@
2317
2427
  }
2318
2428
 
2319
2429
  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
2320
- --tw-enter-translate-x: calc(var(--spacing) * 2 * -1);
2430
+ --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
2321
2431
  }
2322
2432
 
2323
2433
  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
@@ -2326,7 +2436,7 @@
2326
2436
  }
2327
2437
 
2328
2438
  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
2329
- --tw-enter-translate-y: calc(var(--spacing) * 2);
2439
+ --tw-enter-translate-y: calc(2 * var(--spacing));
2330
2440
  }
2331
2441
 
2332
2442
  .data-\[size\=default\]\:h-9[data-size="default"] {
@@ -2721,6 +2831,10 @@
2721
2831
  display: flex;
2722
2832
  }
2723
2833
 
2834
+ .md\:grid-cols-2 {
2835
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2836
+ }
2837
+
2724
2838
  .md\:gap-1\.5 {
2725
2839
  gap: calc(var(--spacing) * 1.5);
2726
2840
  }
@@ -2729,6 +2843,10 @@
2729
2843
  gap: calc(var(--spacing) * 6);
2730
2844
  }
2731
2845
 
2846
+ .md\:p-6 {
2847
+ padding: calc(var(--spacing) * 6);
2848
+ }
2849
+
2732
2850
  .md\:py-6 {
2733
2851
  padding-block: calc(var(--spacing) * 6);
2734
2852
  }
@@ -2794,6 +2912,14 @@
2794
2912
  width: fit-content;
2795
2913
  }
2796
2914
 
2915
+ .lg\:grid-cols-2 {
2916
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2917
+ }
2918
+
2919
+ .lg\:grid-cols-4 {
2920
+ grid-template-columns: repeat(4, minmax(0, 1fr));
2921
+ }
2922
+
2797
2923
  .lg\:gap-2 {
2798
2924
  gap: calc(var(--spacing) * 2);
2799
2925
  }
@@ -3466,6 +3592,12 @@ html, body {
3466
3592
  inherits: false
3467
3593
  }
3468
3594
 
3595
+ @property --tw-space-y-reverse {
3596
+ syntax: "*";
3597
+ inherits: false;
3598
+ initial-value: 0;
3599
+ }
3600
+
3469
3601
  @property --tw-border-style {
3470
3602
  syntax: "*";
3471
3603
  inherits: false;
@@ -8,7 +8,7 @@ System.register([], (function (exports, module) {
8
8
  let moduleMap = {
9
9
  "./App":()=>{
10
10
  dynamicLoadingCss(["remoteEntry.css"], false, './App');
11
- return __federation_import('./__federation_expose_App-C8_sl1dD.js').then(module =>Object.keys(module).every(item => exportSet.has(item)) ? () => module.default : () => module)},};
11
+ return __federation_import('./__federation_expose_App-BIH7hwj_.js').then(module =>Object.keys(module).every(item => exportSet.has(item)) ? () => module.default : () => module)},};
12
12
  const seen = {};
13
13
  const dynamicLoadingCss = exports("dynamicLoadingCss", (cssFilePaths, dontAppendStylesToHead, exposeItemName) => {
14
14
  const metaUrl = module.meta.url;
Binary file
@@ -6,11 +6,11 @@
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
7
  <title>Bluecopa - AI-powered Finance Automation</title>
8
8
  <meta name="description" content="AI-powered close automation for modern finance teams. Streamline your order-to-cash, procure-to-pay, and record-to-report processes." />
9
- <script type="module" crossorigin src="/assets/index-DkyIpbj3.js"></script>
9
+ <script type="module" crossorigin src="/assets/index-CFECuPSy.js"></script>
10
10
  <link rel="modulepreload" crossorigin href="/assets/__federation_fn_import-CzfA7kmP.js">
11
11
  <link rel="modulepreload" crossorigin href="/assets/index-BzNimew1.js">
12
12
  <link rel="modulepreload" crossorigin href="/assets/index-DMFtQdNS.js">
13
- <link rel="modulepreload" crossorigin href="/assets/client-Hh38T4k9.js">
13
+ <link rel="modulepreload" crossorigin href="/assets/client-CsvW46cT.js">
14
14
  <link rel="stylesheet" crossorigin href="/assets/remoteEntry.css">
15
15
  </head>
16
16
  <body>