@floegence/floe-webapp-core 0.35.21 → 0.35.23

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 (33) hide show
  1. package/dist/chat.css +33 -7
  2. package/dist/components/chat/blocks/FileBlock.js +42 -27
  3. package/dist/components/chat/blocks/ToolCallBlock.js +150 -149
  4. package/dist/components/file-browser/Breadcrumb.js +73 -72
  5. package/dist/components/file-browser/DragPreview.d.ts +2 -2
  6. package/dist/components/file-browser/DragPreview.js +15 -15
  7. package/dist/components/file-browser/FileBrowser.js +13 -13
  8. package/dist/components/file-browser/index.d.ts +1 -0
  9. package/dist/components/layout/ActivityBar.d.ts +1 -0
  10. package/dist/components/layout/ActivityBar.js +51 -45
  11. package/dist/components/layout/MobileTabBar.d.ts +1 -0
  12. package/dist/components/layout/MobileTabBar.js +109 -65
  13. package/dist/components/layout/Shell.js +190 -158
  14. package/dist/components/layout/Sidebar.d.ts +1 -0
  15. package/dist/components/layout/Sidebar.js +33 -31
  16. package/dist/components/layout/SidebarPane.d.ts +1 -0
  17. package/dist/components/layout/SidebarPane.js +40 -37
  18. package/dist/components/layout/TopBar.d.ts +1 -0
  19. package/dist/components/layout/TopBar.js +23 -22
  20. package/dist/components/ui/Dropdown.d.ts +13 -0
  21. package/dist/components/ui/Dropdown.js +263 -145
  22. package/dist/components/ui/Tabs.d.ts +4 -0
  23. package/dist/components/ui/Tabs.js +207 -149
  24. package/dist/context/FloeConfigContext.d.ts +17 -0
  25. package/dist/context/FloeConfigContext.js +34 -25
  26. package/dist/context/NotificationContext.js +76 -69
  27. package/dist/file-browser.js +19 -17
  28. package/dist/full.js +302 -300
  29. package/dist/styles/tokens.d.ts +4 -4
  30. package/dist/styles/tokens.js +55 -14
  31. package/dist/styles.css +1 -1
  32. package/dist/themes/light.css +2 -2
  33. package/package.json +1 -1
package/dist/styles/tokens.d.ts CHANGED
@@ -96,7 +96,7 @@ export declare const floeColorTokenCategories: readonly [{
96
96
  }, {
97
97
  readonly name: "Muted Foreground";
98
98
  readonly variable: "--muted-foreground";
99
- readonly lightValue: "hsl(215 20% 46%)";
99
+ readonly lightValue: "hsl(215 20% 42%)";
100
100
  readonly darkValue: "hsl(215 20% 60%)";
101
101
  readonly description: "Secondary text color for supporting copy.";
102
102
  }, {
@@ -308,7 +308,7 @@ export declare const floeColorTokenCategories: readonly [{
308
308
  }, {
309
309
  readonly name: "Activity Bar Foreground";
310
310
  readonly variable: "--activity-bar-foreground";
311
- readonly lightValue: "hsl(215 20% 46%)";
311
+ readonly lightValue: "hsl(215 20% 42%)";
312
312
  readonly darkValue: "hsl(215 20% 55%)";
313
313
  readonly description: "Default activity bar icon color.";
314
314
  }, {
@@ -646,7 +646,7 @@ export declare const floeDesignTokens: {
646
646
  }, {
647
647
  readonly name: "Muted Foreground";
648
648
  readonly variable: "--muted-foreground";
649
- readonly lightValue: "hsl(215 20% 46%)";
649
+ readonly lightValue: "hsl(215 20% 42%)";
650
650
  readonly darkValue: "hsl(215 20% 60%)";
651
651
  readonly description: "Secondary text color for supporting copy.";
652
652
  }, {
@@ -858,7 +858,7 @@ export declare const floeDesignTokens: {
858
858
  }, {
859
859
  readonly name: "Activity Bar Foreground";
860
860
  readonly variable: "--activity-bar-foreground";
861
- readonly lightValue: "hsl(215 20% 46%)";
861
+ readonly lightValue: "hsl(215 20% 42%)";
862
862
  readonly darkValue: "hsl(215 20% 55%)";
863
863
  readonly description: "Default activity bar icon color.";
864
864
  }, {
package/dist/styles/tokens.js CHANGED
@@ -59,7 +59,7 @@ const r = {
59
59
  {
60
60
  name: "Muted Foreground",
61
61
  variable: "--muted-foreground",
62
- lightValue: "hsl(215 20% 46%)",
62
+ lightValue: "hsl(215 20% 42%)",
63
63
  darkValue: "hsl(215 20% 60%)",
64
64
  description: "Secondary text color for supporting copy."
65
65
  },
@@ -313,7 +313,7 @@ const r = {
313
313
  {
314
314
  name: "Activity Bar Foreground",
315
315
  variable: "--activity-bar-foreground",
316
- lightValue: "hsl(215 20% 46%)",
316
+ lightValue: "hsl(215 20% 42%)",
317
317
  darkValue: "hsl(215 20% 55%)",
318
318
  description: "Default activity bar icon color."
319
319
  },
@@ -450,12 +450,48 @@ const r = {
450
450
  ]
451
451
  }
452
452
  ], l = [
453
- { name: "Text XS", size: "11px", lineHeight: "1.5", className: "text-[11px]", description: "Smallest text, captions and labels." },
454
- { name: "Text SM", size: "12px", lineHeight: "1.5", className: "text-xs", description: "Small text, secondary content." },
455
- { name: "Text Base", size: "14px", lineHeight: "1.5", className: "text-sm", description: "Default body text." },
456
- { name: "Text LG", size: "16px", lineHeight: "1.5", className: "text-base", description: "Larger body text and card titles." },
457
- { name: "Text XL", size: "18px", lineHeight: "1.4", className: "text-lg", description: "Section titles." },
458
- { name: "Text 2XL", size: "20px", lineHeight: "1.3", className: "text-xl", description: "Page titles." }
453
+ {
454
+ name: "Text XS",
455
+ size: "11px",
456
+ lineHeight: "1.5",
457
+ className: "text-[11px]",
458
+ description: "Smallest text, captions and labels."
459
+ },
460
+ {
461
+ name: "Text SM",
462
+ size: "12px",
463
+ lineHeight: "1.5",
464
+ className: "text-xs",
465
+ description: "Small text, secondary content."
466
+ },
467
+ {
468
+ name: "Text Base",
469
+ size: "14px",
470
+ lineHeight: "1.5",
471
+ className: "text-sm",
472
+ description: "Default body text."
473
+ },
474
+ {
475
+ name: "Text LG",
476
+ size: "16px",
477
+ lineHeight: "1.5",
478
+ className: "text-base",
479
+ description: "Larger body text and card titles."
480
+ },
481
+ {
482
+ name: "Text XL",
483
+ size: "18px",
484
+ lineHeight: "1.4",
485
+ className: "text-lg",
486
+ description: "Section titles."
487
+ },
488
+ {
489
+ name: "Text 2XL",
490
+ size: "20px",
491
+ lineHeight: "1.3",
492
+ className: "text-xl",
493
+ description: "Page titles."
494
+ }
459
495
  ], n = [
460
496
  {
461
497
  name: "Sans",
@@ -483,7 +519,12 @@ const r = {
483
519
  ], t = [
484
520
  { name: "None", value: "0", variable: "-", className: "rounded-none" },
485
521
  { name: "SM", value: "0.125rem", variable: "-", className: "rounded-sm" },
486
- { name: "Default", value: r["--radius"], variable: "--radius", className: "rounded" },
522
+ {
523
+ name: "Default",
524
+ value: r["--radius"],
525
+ variable: "--radius",
526
+ className: "rounded"
527
+ },
487
528
  { name: "MD", value: "0.5rem", variable: "-", className: "rounded-md" },
488
529
  { name: "LG", value: "0.75rem", variable: "-", className: "rounded-lg" },
489
530
  { name: "XL", value: "1rem", variable: "-", className: "rounded-xl" },
@@ -526,13 +567,13 @@ const r = {
526
567
  usage: "Neon and emphasis effects",
527
568
  description: "Pulsing glow animation for elevated emphasis."
528
569
  }
529
- ], c = i.reduce(
530
- (a, e) => (a.push(...e.tokens), a),
531
- []
532
- );
570
+ ], c = i.reduce((a, e) => (a.push(...e.tokens), a), []);
533
571
  function o(a) {
534
572
  return Object.fromEntries(
535
- c.map((e) => [e.variable, a === "light" ? e.lightValue : e.darkValue])
573
+ c.map((e) => [
574
+ e.variable,
575
+ a === "light" ? e.lightValue : e.darkValue
576
+ ])
536
577
  );
537
578
  }
538
579
  const u = {