@lokutor/sdk 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.js +8 -15
  2. package/dist/index.mjs +8 -15
  3. package/package.json +1 -1
  4. package/src/conversational-panel.ts +8 -15
package/dist/index.js CHANGED
@@ -1685,14 +1685,18 @@ var PANEL_CSS = (
1685
1685
  .cv-curtain .cv-curtain-bg {
1686
1686
  position: absolute;
1687
1687
  inset: 0;
1688
- background: url('/background_gradient.jpeg') center / cover no-repeat;
1689
- z-index: -1;
1688
+ background: var(--cv-accent);
1689
+ z-index: -2;
1690
1690
  }
1691
1691
  .cv-curtain .cv-curtain-overlay {
1692
1692
  position: absolute;
1693
1693
  inset: 0;
1694
- background: var(--cv-accent);
1695
- opacity: 0.35;
1694
+ /* Fractal-noise grain, tinted white and blended in soft-light -- the same treatment the rest
1695
+ of the product uses for a textured accent fill, so the curtain reads as the agent's own
1696
+ color instead of a flat tint over a stock photo. */
1697
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
1698
+ background-size: 160px 160px;
1699
+ background-blend-mode: soft-light;
1696
1700
  z-index: -1;
1697
1701
  }
1698
1702
  .cv-curtain.is-up { transform: translateY(-100%); }
@@ -1775,17 +1779,6 @@ var PANEL_CSS = (
1775
1779
  z-index: 10;
1776
1780
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
1777
1781
  }
1778
- .cv-is-speaking .cv-visualizer-wrap {
1779
- animation: cv-pulse 2.5s infinite ease-in-out;
1780
- }
1781
- .cv-is-thinking .cv-visualizer-wrap {
1782
- opacity: 0.5;
1783
- transform: translate(-50%, -50%) scale(0.9);
1784
- }
1785
- @keyframes cv-pulse {
1786
- 0%, 100% { transform: translate(-50%, -50%) scale(1); }
1787
- 50% { transform: translate(-50%, -50%) scale(1.05); }
1788
- }
1789
1782
  .cv-canvas {
1790
1783
  width: 100% !important;
1791
1784
  height: 100% !important;
package/dist/index.mjs CHANGED
@@ -1634,14 +1634,18 @@ var PANEL_CSS = (
1634
1634
  .cv-curtain .cv-curtain-bg {
1635
1635
  position: absolute;
1636
1636
  inset: 0;
1637
- background: url('/background_gradient.jpeg') center / cover no-repeat;
1638
- z-index: -1;
1637
+ background: var(--cv-accent);
1638
+ z-index: -2;
1639
1639
  }
1640
1640
  .cv-curtain .cv-curtain-overlay {
1641
1641
  position: absolute;
1642
1642
  inset: 0;
1643
- background: var(--cv-accent);
1644
- opacity: 0.35;
1643
+ /* Fractal-noise grain, tinted white and blended in soft-light -- the same treatment the rest
1644
+ of the product uses for a textured accent fill, so the curtain reads as the agent's own
1645
+ color instead of a flat tint over a stock photo. */
1646
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
1647
+ background-size: 160px 160px;
1648
+ background-blend-mode: soft-light;
1645
1649
  z-index: -1;
1646
1650
  }
1647
1651
  .cv-curtain.is-up { transform: translateY(-100%); }
@@ -1724,17 +1728,6 @@ var PANEL_CSS = (
1724
1728
  z-index: 10;
1725
1729
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
1726
1730
  }
1727
- .cv-is-speaking .cv-visualizer-wrap {
1728
- animation: cv-pulse 2.5s infinite ease-in-out;
1729
- }
1730
- .cv-is-thinking .cv-visualizer-wrap {
1731
- opacity: 0.5;
1732
- transform: translate(-50%, -50%) scale(0.9);
1733
- }
1734
- @keyframes cv-pulse {
1735
- 0%, 100% { transform: translate(-50%, -50%) scale(1); }
1736
- 50% { transform: translate(-50%, -50%) scale(1.05); }
1737
- }
1738
1731
  .cv-canvas {
1739
1732
  width: 100% !important;
1740
1733
  height: 100% !important;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lokutor/sdk",
3
- "version": "1.3.0",
3
+ "version": "1.4.0",
4
4
  "description": "JavaScript/TypeScript SDK for Lokutor Real-time Voice AI",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
package/src/conversational-panel.ts CHANGED
@@ -30,14 +30,18 @@ const PANEL_CSS = /*css*/ `
30
30
  .cv-curtain .cv-curtain-bg {
31
31
  position: absolute;
32
32
  inset: 0;
33
- background: url('/background_gradient.jpeg') center / cover no-repeat;
34
- z-index: -1;
33
+ background: var(--cv-accent);
34
+ z-index: -2;
35
35
  }
36
36
  .cv-curtain .cv-curtain-overlay {
37
37
  position: absolute;
38
38
  inset: 0;
39
- background: var(--cv-accent);
40
- opacity: 0.35;
39
+ /* Fractal-noise grain, tinted white and blended in soft-light -- the same treatment the rest
40
+ of the product uses for a textured accent fill, so the curtain reads as the agent's own
41
+ color instead of a flat tint over a stock photo. */
42
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
43
+ background-size: 160px 160px;
44
+ background-blend-mode: soft-light;
41
45
  z-index: -1;
42
46
  }
43
47
  .cv-curtain.is-up { transform: translateY(-100%); }
@@ -120,17 +124,6 @@ const PANEL_CSS = /*css*/ `
120
124
  z-index: 10;
121
125
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
122
126
  }
123
- .cv-is-speaking .cv-visualizer-wrap {
124
- animation: cv-pulse 2.5s infinite ease-in-out;
125
- }
126
- .cv-is-thinking .cv-visualizer-wrap {
127
- opacity: 0.5;
128
- transform: translate(-50%, -50%) scale(0.9);
129
- }
130
- @keyframes cv-pulse {
131
- 0%, 100% { transform: translate(-50%, -50%) scale(1); }
132
- 50% { transform: translate(-50%, -50%) scale(1.05); }
133
- }
134
127
  .cv-canvas {
135
128
  width: 100% !important;
136
129
  height: 100% !important;