@skippr/live-agent-sdk 0.107.0 → 0.108.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.
- package/README.md +29 -3
- package/dist/esm/lib-exports.js +868 -558
- package/dist/skippr-sdk.css +1 -1
- package/dist/skippr-sdk.js +144 -144
- package/dist/types/components/LogoMark.d.ts +6 -0
- package/dist/types/components/SplashAlwaysOn.d.ts +19 -0
- package/dist/types/components/SplashMediaSection.d.ts +11 -0
- package/dist/types/components/{SplashDefault.d.ts → SplashPrimary.d.ts} +1 -1
- package/dist/types/context/LiveAgentContext.d.ts +5 -3
- package/dist/types/hooks/useAdoptionGoals.d.ts +1 -0
- package/dist/types/hooks/useSplash.d.ts +9 -2
- package/dist/types/lib/constants.d.ts +9 -1
- package/dist/types/lib/splashStyles.d.ts +10 -0
- package/package.json +1 -1
package/dist/esm/lib-exports.js
CHANGED
|
@@ -521,6 +521,10 @@ var LAUNCHER_MODE = {
|
|
|
521
521
|
Template: "template"
|
|
522
522
|
};
|
|
523
523
|
var DEFAULT_LAUNCHER_MODE = LAUNCHER_MODE.Avatar;
|
|
524
|
+
var SPLASH_LAYOUT = {
|
|
525
|
+
Primary: "primary",
|
|
526
|
+
AlwaysOn: "always_on"
|
|
527
|
+
};
|
|
524
528
|
var SPLASH_COPY_DEFAULTS = {
|
|
525
529
|
howItWorksHeading: "How it works",
|
|
526
530
|
lastAccomplishmentHeading: "Last accomplishment",
|
|
@@ -532,7 +536,11 @@ var SPLASH_COPY_DEFAULTS = {
|
|
|
532
536
|
screenSubtext: "Skippr sees your screen while the session runs",
|
|
533
537
|
startCta: "Start with Skippr",
|
|
534
538
|
continueCta: "Continue session",
|
|
535
|
-
dismissLabel: "Skip for now"
|
|
539
|
+
dismissLabel: "Skip for now",
|
|
540
|
+
tipsHeading: "Tips",
|
|
541
|
+
tipsCta: "Need help with something else?",
|
|
542
|
+
tipsEmptyTitle: "Ask about this page",
|
|
543
|
+
tipsEmptyDescription: "Get instant answers about anything you see here"
|
|
536
544
|
};
|
|
537
545
|
var SPLASH_SECTION_GLYPH = {
|
|
538
546
|
Route: "route",
|
|
@@ -3593,6 +3601,7 @@ function useAdoptionGoals({
|
|
|
3593
3601
|
authedFetch
|
|
3594
3602
|
}) {
|
|
3595
3603
|
const [candidates, setCandidates] = useState10([]);
|
|
3604
|
+
const [hasResolved, setHasResolved] = useState10(false);
|
|
3596
3605
|
const [hash, setHash] = useState10(window.location.hash);
|
|
3597
3606
|
const match = useCallback11(async () => {
|
|
3598
3607
|
try {
|
|
@@ -3610,11 +3619,14 @@ function useAdoptionGoals({
|
|
|
3610
3619
|
} catch (e) {
|
|
3611
3620
|
console.warn("[Skippr] adoption match failed", e);
|
|
3612
3621
|
setCandidates([]);
|
|
3622
|
+
} finally {
|
|
3623
|
+
setHasResolved(true);
|
|
3613
3624
|
}
|
|
3614
3625
|
}, [authedFetch]);
|
|
3615
3626
|
useEffect12(() => {
|
|
3616
3627
|
if (!enabled || !bearerToken) {
|
|
3617
3628
|
setCandidates([]);
|
|
3629
|
+
setHasResolved(false);
|
|
3618
3630
|
return;
|
|
3619
3631
|
}
|
|
3620
3632
|
match();
|
|
@@ -3654,7 +3666,7 @@ function useAdoptionGoals({
|
|
|
3654
3666
|
const attendGoal = useCallback11((goalId) => {
|
|
3655
3667
|
postStatus(goalId, "attended" /* Attended */);
|
|
3656
3668
|
}, [postStatus]);
|
|
3657
|
-
return { goals, attendGoal };
|
|
3669
|
+
return { goals, hasResolved, attendGoal };
|
|
3658
3670
|
}
|
|
3659
3671
|
|
|
3660
3672
|
// src/hooks/useAuth.ts
|
|
@@ -6107,23 +6119,51 @@ var DARK_FOREGROUND = "#2d2b3d";
|
|
|
6107
6119
|
var LIGHT_FOREGROUND = "#ffffff";
|
|
6108
6120
|
var LUMINANCE_THRESHOLD = 0.179;
|
|
6109
6121
|
var HEX_COLOR = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
|
|
6122
|
+
var MIN_CONTRAST_ON_WHITE = 4.5;
|
|
6123
|
+
var DARKENING_STEPS = 12;
|
|
6110
6124
|
function isHexColor(value) {
|
|
6111
6125
|
return HEX_COLOR.test(value);
|
|
6112
6126
|
}
|
|
6113
|
-
function
|
|
6114
|
-
const channel = Number.parseInt(hex.slice(offset, offset + 2), 16) / 255;
|
|
6115
|
-
return channel <= 0.03928 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;
|
|
6116
|
-
}
|
|
6117
|
-
function luminance(accentColor) {
|
|
6127
|
+
function toChannels(accentColor) {
|
|
6118
6128
|
const hex = accentColor.replace("#", "");
|
|
6119
6129
|
const fullHex = hex.length === 3 ? hex.split("").map((char) => char + char).join("") : hex;
|
|
6120
|
-
return 0
|
|
6130
|
+
return [0, 2, 4].map((offset) => Number.parseInt(fullHex.slice(offset, offset + 2), 16));
|
|
6131
|
+
}
|
|
6132
|
+
function toHex(channels) {
|
|
6133
|
+
return `#${channels.map((channel) => Math.round(channel).toString(16).padStart(2, "0")).join("")}`;
|
|
6134
|
+
}
|
|
6135
|
+
function linearChannel(channel) {
|
|
6136
|
+
const scaled = channel / 255;
|
|
6137
|
+
return scaled <= 0.03928 ? scaled / 12.92 : ((scaled + 0.055) / 1.055) ** 2.4;
|
|
6138
|
+
}
|
|
6139
|
+
function luminance(accentColor) {
|
|
6140
|
+
const [r, g, b] = toChannels(accentColor);
|
|
6141
|
+
return 0.2126 * linearChannel(r) + 0.7152 * linearChannel(g) + 0.0722 * linearChannel(b);
|
|
6142
|
+
}
|
|
6143
|
+
function contrastOnWhite(accentColor) {
|
|
6144
|
+
return 1.05 / (luminance(accentColor) + 0.05);
|
|
6145
|
+
}
|
|
6146
|
+
function darken(accentColor, factor) {
|
|
6147
|
+
const [r, g, b] = toChannels(accentColor);
|
|
6148
|
+
return toHex([r * factor, g * factor, b * factor]);
|
|
6121
6149
|
}
|
|
6122
6150
|
function brandForeground(accentColor) {
|
|
6123
6151
|
return luminance(accentColor) > LUMINANCE_THRESHOLD ? DARK_FOREGROUND : LIGHT_FOREGROUND;
|
|
6124
6152
|
}
|
|
6125
6153
|
function brandOnWhite(accentColor) {
|
|
6126
|
-
|
|
6154
|
+
if (contrastOnWhite(accentColor) >= MIN_CONTRAST_ON_WHITE)
|
|
6155
|
+
return toHex(toChannels(accentColor));
|
|
6156
|
+
let tooDark = 0;
|
|
6157
|
+
let tooLight = 1;
|
|
6158
|
+
for (let step = 0;step < DARKENING_STEPS; step++) {
|
|
6159
|
+
const factor = (tooDark + tooLight) / 2;
|
|
6160
|
+
if (contrastOnWhite(darken(accentColor, factor)) >= MIN_CONTRAST_ON_WHITE) {
|
|
6161
|
+
tooDark = factor;
|
|
6162
|
+
} else {
|
|
6163
|
+
tooLight = factor;
|
|
6164
|
+
}
|
|
6165
|
+
}
|
|
6166
|
+
return darken(accentColor, tooDark);
|
|
6127
6167
|
}
|
|
6128
6168
|
|
|
6129
6169
|
// src/capture/paintCursorOverlay.ts
|
|
@@ -8482,7 +8522,7 @@ function ShadowHost({
|
|
|
8482
8522
|
const hostRef = useRef25(null);
|
|
8483
8523
|
const [shadowRoot, setShadowRoot] = useState22(null);
|
|
8484
8524
|
const css = `/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
|
|
8485
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-500:oklch(55.6% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-font-weight-bold:700;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.skippr\\:pointer-events-auto{pointer-events:auto}.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:-inset-\\[3px\\]{inset:-3px}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:-top-1{top:calc(var(--skippr-spacing)*-1)}.skippr\\:-top-6{top:calc(var(--skippr-spacing)*-6)}.skippr\\:-top-8{top:calc(var(--skippr-spacing)*-8)}.skippr\\:-top-\\[2px\\]{top:-2px}.skippr\\:-top-\\[3px\\]{top:-3px}.skippr\\:-top-\\[13px\\]{top:-13px}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-\\[8px\\]{top:8px}.skippr\\:top-full{top:100%}.skippr\\:-right-1{right:calc(var(--skippr-spacing)*-1)}.skippr\\:-right-8{right:calc(var(--skippr-spacing)*-8)}.skippr\\:-right-\\[2px\\]{right:-2px}.skippr\\:-right-\\[6px\\]{right:-6px}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:right-\\[4px\\]{right:4px}.skippr\\:right-\\[8px\\]{right:8px}.skippr\\:-bottom-\\[2px\\]{bottom:-2px}.skippr\\:bottom-3{bottom:calc(var(--skippr-spacing)*3)}.skippr\\:bottom-4{bottom:calc(var(--skippr-spacing)*4)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-\\[calc\\(100\\%\\+8px\\)\\]{bottom:calc(100% + 8px)}.skippr\\:bottom-\\[calc\\(100\\%\\+11px\\)\\]{bottom:calc(100% + 11px)}.skippr\\:bottom-full{bottom:100%}.skippr\\:-left-8{left:calc(var(--skippr-spacing)*-8)}.skippr\\:-left-\\[2px\\]{left:-2px}.skippr\\:-left-\\[6px\\]{left:-6px}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-2{left:calc(var(--skippr-spacing)*2)}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[1\\]{z-index:1}.skippr\\:z-\\[2\\]{z-index:2}.skippr\\:z-\\[4\\]{z-index:4}.skippr\\:z-\\[5\\]{z-index:5}.skippr\\:z-\\[6\\]{z-index:6}.skippr\\:z-\\[7\\]{z-index:7}.skippr\\:z-\\[8\\]{z-index:8}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:z-\\[10000\\]{z-index:10000}.skippr\\:order-first{order:-9999}.skippr\\:order-last{order:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-1{margin-top:calc(var(--skippr-spacing)*-1)}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:-mt-\\[27px\\]{margin-top:-27px}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-2{margin-top:calc(var(--skippr-spacing)*2)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mt-3\\.5{margin-top:calc(var(--skippr-spacing)*3.5)}.skippr\\:mt-\\[1px\\]{margin-top:1px}.skippr\\:mt-\\[6px\\]{margin-top:6px}.skippr\\:mt-\\[8px\\]{margin-top:8px}.skippr\\:mt-\\[9px\\]{margin-top:9px}.skippr\\:-mr-1{margin-right:calc(var(--skippr-spacing)*-1)}.skippr\\:mr-7{margin-right:calc(var(--skippr-spacing)*7)}.skippr\\:mr-\\[22px\\]{margin-right:22px}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.skippr\\:mb-1{margin-bottom:calc(var(--skippr-spacing)*1)}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:mb-\\[14px\\]{margin-bottom:14px}.skippr\\:-ml-\\[2px\\]{margin-left:-2px}.skippr\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:ml-1{margin-left:calc(var(--skippr-spacing)*1)}.skippr\\:ml-7{margin-left:calc(var(--skippr-spacing)*7)}.skippr\\:ml-auto{margin-left:auto}.skippr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skippr\\:block{display:block}.skippr\\:flex{display:flex}.skippr\\:hidden{display:none}.skippr\\:inline-flex{display:inline-flex}.skippr\\:aspect-square{aspect-ratio:1}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3{width:calc(var(--skippr-spacing)*3);height:calc(var(--skippr-spacing)*3)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[3px\\]{width:3px;height:3px}.skippr\\:size-\\[4px\\]{width:4px;height:4px}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[6px\\]{width:6px;height:6px}.skippr\\:size-\\[7px\\]{width:7px;height:7px}.skippr\\:size-\\[8px\\]{width:8px;height:8px}.skippr\\:size-\\[9px\\]{width:9px;height:9px}.skippr\\:size-\\[10px\\]{width:10px;height:10px}.skippr\\:size-\\[11px\\]{width:11px;height:11px}.skippr\\:size-\\[12px\\]{width:12px;height:12px}.skippr\\:size-\\[13px\\]{width:13px;height:13px}.skippr\\:size-\\[14px\\]{width:14px;height:14px}.skippr\\:size-\\[15px\\]{width:15px;height:15px}.skippr\\:size-\\[16px\\]{width:16px;height:16px}.skippr\\:size-\\[17px\\]{width:17px;height:17px}.skippr\\:size-\\[18px\\]{width:18px;height:18px}.skippr\\:size-\\[19px\\]{width:19px;height:19px}.skippr\\:size-\\[20px\\]{width:20px;height:20px}.skippr\\:size-\\[22px\\]{width:22px;height:22px}.skippr\\:size-\\[26px\\]{width:26px;height:26px}.skippr\\:size-\\[28px\\]{width:28px;height:28px}.skippr\\:size-\\[30px\\]{width:30px;height:30px}.skippr\\:size-\\[32px\\]{width:32px;height:32px}.skippr\\:size-\\[34px\\]{width:34px;height:34px}.skippr\\:size-\\[38px\\]{width:38px;height:38px}.skippr\\:size-\\[46px\\]{width:46px;height:46px}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-3{height:calc(var(--skippr-spacing)*3)}.skippr\\:h-3\\.5{height:calc(var(--skippr-spacing)*3.5)}.skippr\\:h-5{height:calc(var(--skippr-spacing)*5)}.skippr\\:h-6{height:calc(var(--skippr-spacing)*6)}.skippr\\:h-7{height:calc(var(--skippr-spacing)*7)}.skippr\\:h-8{height:calc(var(--skippr-spacing)*8)}.skippr\\:h-9{height:calc(var(--skippr-spacing)*9)}.skippr\\:h-10{height:calc(var(--skippr-spacing)*10)}.skippr\\:h-\\[5px\\]{height:5px}.skippr\\:h-\\[14px\\]{height:14px}.skippr\\:h-\\[16px\\]{height:16px}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[18px\\]{height:18px}.skippr\\:h-\\[22px\\]{height:22px}.skippr\\:h-\\[24px\\]{height:24px}.skippr\\:h-\\[26px\\]{height:26px}.skippr\\:h-\\[36px\\]{height:36px}.skippr\\:h-\\[38px\\]{height:38px}.skippr\\:h-\\[48px\\]{height:48px}.skippr\\:h-\\[54px\\]{height:54px}.skippr\\:h-full{height:100%}.skippr\\:h-px{height:1px}.skippr\\:max-h-\\[132px\\]{max-height:132px}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:min-h-11{min-height:calc(var(--skippr-spacing)*11)}.skippr\\:min-h-\\[16px\\]{min-height:16px}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3\\.5{width:calc(var(--skippr-spacing)*3.5)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-6{width:calc(var(--skippr-spacing)*6)}.skippr\\:w-7{width:calc(var(--skippr-spacing)*7)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2\\.5px\\]{width:2.5px}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[14px\\]{width:14px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[15px\\]{width:15px}.skippr\\:w-\\[16px\\]{width:16px}.skippr\\:w-\\[22px\\]{width:22px}.skippr\\:w-\\[36px\\]{width:36px}.skippr\\:w-\\[38px\\]{width:38px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-\\[148px\\]{width:148px}.skippr\\:w-\\[150px\\]{width:150px}.skippr\\:w-\\[220px\\]{width:220px}.skippr\\:w-\\[225px\\]{width:225px}.skippr\\:w-\\[240px\\]{width:240px}.skippr\\:w-\\[255px\\]{width:255px}.skippr\\:w-\\[320px\\]{width:320px}.skippr\\:w-fit{width:fit-content}.skippr\\:w-full{width:100%}.skippr\\:w-px{width:1px}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:max-w-\\[280px\\]{max-width:280px}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:min-w-11{min-width:calc(var(--skippr-spacing)*11)}.skippr\\:min-w-\\[96px\\]{min-width:96px}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom{transform-origin:bottom}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top{transform-origin:top}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-\\[4px\\]{--tw-translate-y:calc(4px*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-\\[0\\.94\\]{scale:.94}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out\\]{animation:.2s ease-out skippr-agent-in}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-block-reveal_320ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.32s cubic-bezier(.22,1,.36,1) skippr-block-reveal}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.18s_infinite\\]{animation:1.1s ease-in-out .18s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.36s_infinite\\]{animation:1.1s ease-in-out .36s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0s_infinite\\]{animation:1.1s ease-in-out infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-evaporate_3\\.2s_ease-in_forwards\\]{animation:3.2s ease-in forwards skippr-evaporate}.skippr\\:\\[animation\\:skippr-fade-in_0\\.2s_ease\\]{animation:.2s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.16s_ease\\]{animation:.16s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.22s_ease\\]{animation:.22s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.24s_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.24s cubic-bezier(.22,1,.36,1) skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.25s_ease\\]{animation:.25s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-out_0\\.18s_ease-in_forwards\\]{animation:.18s ease-in forwards skippr-fade-out}.skippr\\:\\[animation\\:skippr-finger-tap_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-finger-tap}.skippr\\:\\[animation\\:skippr-mote-rise_1\\.6s_ease-out_infinite\\]{animation:1.6s ease-out infinite skippr-mote-rise}.skippr\\:\\[animation\\:skippr-orb-in_320ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.32s cubic-bezier(.34,1.3,.64,1) skippr-orb-in}.skippr\\:\\[animation\\:skippr-pop_0\\.2s_ease\\]{animation:.2s skippr-pop}.skippr\\:\\[animation\\:skippr-stage-fade_240ms_ease-out\\]{animation:.24s ease-out skippr-stage-fade}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) skippr-tip-in}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_280ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.28s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-flow{animation:3.6s linear infinite skippr-flow}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-ptt-transmit{animation:1.4s ease-out infinite skippr-ptt-transmit}.skippr\\:animate-skippr-rec-ring{animation:2s ease-out infinite skippr-rec-ring}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-skippr-voice-pulse{animation:1.6s ease-out infinite skippr-voice-pulse}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-not-allowed{cursor:not-allowed}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.skippr\\:flex-row{flex-direction:row}.skippr\\:flex-row-reverse{flex-direction:row-reverse}.skippr\\:items-baseline{align-items:baseline}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:justify-start{justify-content:flex-start}.skippr\\:gap-0\\.5{gap:calc(var(--skippr-spacing)*.5)}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[1px\\]{gap:1px}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}.skippr\\:gap-\\[4px\\]{gap:4px}.skippr\\:gap-\\[5px\\]{gap:5px}.skippr\\:gap-\\[6px\\]{gap:6px}.skippr\\:gap-\\[7px\\]{gap:7px}.skippr\\:gap-\\[8px\\]{gap:8px}.skippr\\:gap-\\[9px\\]{gap:9px}.skippr\\:gap-\\[14px\\]{gap:14px}.skippr\\:gap-px{gap:1px}:where(.skippr\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-\\[6px\\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(6px*var(--tw-space-y-reverse));margin-block-end:calc(6px*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-visible{overflow:visible}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:overscroll-contain{overscroll-behavior:contain}.skippr\\:rounded{border-radius:.25rem}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[4px\\]{border-radius:4px}.skippr\\:rounded-\\[5px\\]{border-radius:5px}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[11px\\]{border-radius:11px}.skippr\\:rounded-\\[12px\\]{border-radius:12px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:rounded-t-\\[6px\\]{border-top-left-radius:6px;border-top-right-radius:6px}.skippr\\:rounded-t-\\[18px\\]{border-top-left-radius:18px;border-top-right-radius:18px}.skippr\\:rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.skippr\\:rounded-l-\\[6px\\]{border-top-left-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-l-\\[18px\\]{border-top-left-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-tl-\\[6px\\]{border-top-left-radius:6px}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:rounded-r-\\[6px\\]{border-top-right-radius:6px;border-bottom-right-radius:6px}.skippr\\:rounded-r-\\[18px\\]{border-top-right-radius:18px;border-bottom-right-radius:18px}.skippr\\:rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.skippr\\:rounded-tr-\\[6px\\]{border-top-right-radius:6px}.skippr\\:rounded-b-\\[6px\\]{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-b-\\[18px\\]{border-bottom-right-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-b-full{border-bottom-right-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-bl-\\[6px\\]{border-bottom-left-radius:6px}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-\\[2\\.5px\\]{border-style:var(--tw-border-style);border-width:2.5px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-none{--tw-border-style:none;border-style:none}.skippr\\:border-\\[\\#d8d3ca\\]{border-color:#d8d3ca}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.1\\)\\]{border-color:#2d2d3f1a}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{border-color:#2d2d3f0f}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{border-color:#2d2d3f14}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.12\\)\\]{border-color:#2d2d3f1f}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{border-color:#2d2d3f24}.skippr\\:border-\\[var\\(--skippr-brand-ring\\)\\]{border-color:var(--skippr-brand-ring)}.skippr\\:border-black\\/25{border-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-black\\/25{border-color:color-mix(in oklab,var(--skippr-color-black)25%,transparent)}}.skippr\\:border-border{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-brand{border-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-primary\\/20{border-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)20%,transparent)}}.skippr\\:border-transparent{border-color:#0000}.skippr\\:border-white,.skippr\\:border-white\\/30{border-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-white\\/30{border-color:color-mix(in oklab,var(--skippr-color-white)30%,transparent)}}.skippr\\:border-t-brand{border-top-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-t-white{border-top-color:var(--skippr-color-white)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-\\[\\#2D2D3F\\]{background-color:#2d2d3f}.skippr\\:bg-\\[\\#F1EFEA\\]{background-color:#f1efea}.skippr\\:bg-\\[\\#b9b4ab\\]{background-color:#b9b4ab}.skippr\\:bg-\\[\\#dc2626\\]{background-color:#dc2626}.skippr\\:bg-\\[\\#eeeae4\\]{background-color:#eeeae4}.skippr\\:bg-\\[\\#f2f0eb\\]{background-color:#f2f0eb}.skippr\\:bg-\\[\\#f4ecd8\\]{background-color:#f4ecd8}.skippr\\:bg-\\[\\#f4f2ee\\]{background-color:#f4f2ee}.skippr\\:bg-\\[rgba\\(45\\,45\\,63\\,0\\.03\\)\\]{background-color:#2d2d3f08}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-brand,.skippr\\:bg-brand\\/10{background-color:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-brand\\/10{background-color:color-mix(in oklab,var(--skippr-brand,#2bc0ae)10%,transparent)}}.skippr\\:bg-brand\\/50{background-color:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-brand\\/50{background-color:color-mix(in oklab,var(--skippr-brand,#2bc0ae)50%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-foreground\\/10{background-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:bg-launcher{background-color:#2d2d3f}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-neutral-100{background-color:var(--skippr-color-neutral-100)}.skippr\\:bg-primary,.skippr\\:bg-primary\\/10{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-primary\\/10{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)10%,transparent)}}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-100{background-color:var(--skippr-color-red-100)}.skippr\\:bg-red-500{background-color:var(--skippr-color-red-500)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white,.skippr\\:bg-white\\/40{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/40{background-color:color-mix(in oklab,var(--skippr-color-white)40%,transparent)}}.skippr\\:bg-white\\/70{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/70{background-color:color-mix(in oklab,var(--skippr-color-white)70%,transparent)}}.skippr\\:bg-white\\/80{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/80{background-color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:bg-white\\/95{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/95{background-color:color-mix(in oklab,var(--skippr-color-white)95%,transparent)}}.skippr\\:fill-brand{fill:var(--skippr-brand,#2bc0ae)}.skippr\\:fill-current{fill:currentColor}.skippr\\:fill-primary\\/30{fill:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:fill-primary\\/30{fill:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.skippr\\:fill-white{fill:var(--skippr-color-white)}.skippr\\:stroke-black\\/15{stroke:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:stroke-black\\/15{stroke:color-mix(in oklab,var(--skippr-color-black)15%,transparent)}}.skippr\\:stroke-bubble{stroke:#2d2b3d}.skippr\\:object-contain{object-fit:contain}.skippr\\:object-cover{object-fit:cover}.skippr\\:p-0{padding:calc(var(--skippr-spacing)*0)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:p-\\[2px\\]{padding:2px}.skippr\\:p-\\[3px\\]{padding:3px}.skippr\\:p-\\[9px\\]{padding:9px}.skippr\\:p-\\[14px\\]{padding:14px}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-3\\.5{padding-inline:calc(var(--skippr-spacing)*3.5)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-5{padding-inline:calc(var(--skippr-spacing)*5)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:px-\\[5px\\]{padding-inline:5px}.skippr\\:px-\\[7px\\]{padding-inline:7px}.skippr\\:px-\\[8px\\]{padding-inline:8px}.skippr\\:px-\\[9px\\]{padding-inline:9px}.skippr\\:px-\\[10px\\]{padding-inline:10px}.skippr\\:px-\\[11px\\]{padding-inline:11px}.skippr\\:px-\\[12px\\]{padding-inline:12px}.skippr\\:px-\\[18px\\]{padding-inline:18px}.skippr\\:px-\\[22px\\]{padding-inline:22px}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:py-6{padding-block:calc(var(--skippr-spacing)*6)}.skippr\\:py-\\[1px\\]{padding-block:1px}.skippr\\:py-\\[3px\\]{padding-block:3px}.skippr\\:py-\\[4px\\]{padding-block:4px}.skippr\\:py-\\[5px\\]{padding-block:5px}.skippr\\:py-\\[6px\\]{padding-block:6px}.skippr\\:py-\\[7px\\]{padding-block:7px}.skippr\\:py-\\[13px\\]{padding-block:13px}.skippr\\:pt-1{padding-top:calc(var(--skippr-spacing)*1)}.skippr\\:pt-5{padding-top:calc(var(--skippr-spacing)*5)}.skippr\\:pt-\\[8px\\]{padding-top:8px}.skippr\\:pt-\\[9px\\]{padding-top:9px}.skippr\\:pt-\\[10px\\]{padding-top:10px}.skippr\\:pt-\\[18px\\]{padding-top:18px}.skippr\\:pt-\\[22px\\]{padding-top:22px}.skippr\\:pr-2\\.5{padding-right:calc(var(--skippr-spacing)*2.5)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pr-\\[5px\\]{padding-right:5px}.skippr\\:pr-\\[6px\\]{padding-right:6px}.skippr\\:pr-\\[9px\\]{padding-right:9px}.skippr\\:pr-\\[10px\\]{padding-right:10px}.skippr\\:pb-0\\.5{padding-bottom:calc(var(--skippr-spacing)*.5)}.skippr\\:pb-1{padding-bottom:calc(var(--skippr-spacing)*1)}.skippr\\:pb-4{padding-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:pb-\\[8px\\]{padding-bottom:8px}.skippr\\:pb-\\[10px\\]{padding-bottom:10px}.skippr\\:pb-\\[22px\\]{padding-bottom:22px}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-2\\.5{padding-left:calc(var(--skippr-spacing)*2.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:pl-\\[9px\\]{padding-left:9px}.skippr\\:pl-\\[13px\\]{padding-left:13px}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[8\\.5px\\]{font-size:8.5px}.skippr\\:text-\\[9\\.5px\\]{font-size:9.5px}.skippr\\:text-\\[9px\\]{font-size:9px}.skippr\\:text-\\[10\\.5px\\]{font-size:10.5px}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11\\.5px\\]{font-size:11.5px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[12\\.5px\\]{font-size:12.5px}.skippr\\:text-\\[12px\\]{font-size:12px}.skippr\\:text-\\[13px\\]{font-size:13px}.skippr\\:text-\\[14px\\]{font-size:14px}.skippr\\:text-\\[16px\\]{font-size:16px}.skippr\\:text-\\[18px\\]{font-size:18px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-\\[1\\.2\\]{--tw-leading:1.2;line-height:1.2}.skippr\\:leading-\\[1\\.25\\]{--tw-leading:1.25;line-height:1.25}.skippr\\:leading-none{--tw-leading:1;line-height:1}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:font-bold{--tw-font-weight:var(--skippr-font-weight-bold);font-weight:var(--skippr-font-weight-bold)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:tracking-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.skippr\\:tracking-\\[-0\\.0125em\\]{--tw-tracking:-.0125em;letter-spacing:-.0125em}.skippr\\:tracking-\\[0\\.02em\\]{--tw-tracking:.02em;letter-spacing:.02em}.skippr\\:tracking-\\[0\\.05em\\]{--tw-tracking:.05em;letter-spacing:.05em}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2D2D3F\\]{color:#2d2d3f}.skippr\\:text-\\[\\#5a5650\\]{color:#5a5650}.skippr\\:text-\\[\\#5c5850\\]{color:#5c5850}.skippr\\:text-\\[\\#6b6660\\]{color:#6b6660}.skippr\\:text-\\[\\#6b6875\\]{color:#6b6875}.skippr\\:text-\\[\\#8b877f\\]{color:#8b877f}.skippr\\:text-\\[\\#92400e\\]{color:#92400e}.skippr\\:text-\\[\\#a8a49c\\]{color:#a8a49c}.skippr\\:text-\\[\\#b8b4ac\\]{color:#b8b4ac}.skippr\\:text-\\[\\#c9c5bd\\]{color:#c9c5bd}.skippr\\:text-\\[\\#cbc7bf\\]{color:#cbc7bf}.skippr\\:text-\\[\\#dc2626\\]{color:#dc2626}.skippr\\:text-\\[var\\(--skippr-brand-deep\\)\\]{color:var(--skippr-brand-deep)}.skippr\\:text-\\[var\\(--skippr-brand-on-white\\,\\#2d2b3d\\)\\]{color:var(--skippr-brand-on-white,#2d2b3d)}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black,.skippr\\:text-black\\/40{color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-black\\/40{color:color-mix(in oklab,var(--skippr-color-black)40%,transparent)}}.skippr\\:text-brand{color:var(--skippr-brand,#2bc0ae)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-neutral-500{color:var(--skippr-color-neutral-500)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:var(--skippr-brand,#2d2b3d)}.skippr\\:text-primary-foreground{color:var(--skippr-brand-foreground,#fff)}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white,.skippr\\:text-white\\/60{color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-white\\/60{color:color-mix(in oklab,var(--skippr-color-white)60%,transparent)}}.skippr\\:capitalize{text-transform:capitalize}.skippr\\:uppercase{text-transform:uppercase}.skippr\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:underline{text-decoration-line:underline}.skippr\\:decoration-muted-foreground\\/40{text-decoration-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:underline-offset-2,.skippr\\:underline-offset-\\[2px\\]{text-underline-offset:2px}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-40{opacity:.4}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:-3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:-4px 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-6px_8px_30px_rgba\\(15\\,18\\,26\\,0\\.32\\)\\]{--tw-shadow:-6px 8px 30px var(--tw-shadow-color,#0f121a52);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_-3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 -3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_-6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 -6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_1\\.5px_rgba\\(255\\,255\\,255\\,0\\.85\\)\\]{--tw-shadow:0 0 0 1.5px var(--tw-shadow-color,#ffffffd9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_1px_rgba\\(45\\,45\\,63\\,0\\.10\\)\\,0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.04\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#2d2d3f1a),0 1px 2px var(--tw-shadow-color,#2d2d3f0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_4px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--skippr-brand-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.05\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2d2d3f0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2d2d3f14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.28\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#2d2d3f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(45\\,45\\,63\\,0\\.1\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#2d2d3f1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(239\\,68\\,68\\,0\\.45\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#ef444473);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_6px_16px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{--tw-shadow:0 6px 16px var(--tw-shadow-color,#2d2d3f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_22px_rgba\\(45\\,45\\,63\\,0\\.12\\)\\,0_1px_3px_rgba\\(45\\,45\\,63\\,0\\.04\\)\\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#2d2d3f1f),0 1px 3px var(--tw-shadow-color,#2d2d3f0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#2d2d3f24),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_26px_rgba\\(45\\,45\\,63\\,0\\.13\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.05\\)\\]{--tw-shadow:0 10px 26px var(--tw-shadow-color,#2d2d3f21),0 2px 6px var(--tw-shadow-color,#2d2d3f0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_28px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 10px 28px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_30px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\,0_0_0_1\\.5px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#2d2d3f24),0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_14px_34px_rgba\\(45\\,45\\,63\\,0\\.15\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 14px 34px var(--tw-shadow-color,#2d2d3f26),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:4px 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[inset_0_0_0_1\\.5px_var\\(--skippr-brand\\,\\#2bc0ae\\)\\]{--tw-shadow:inset 0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand,#2bc0ae));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:var(--skippr-brand,#2bc0ae)}.skippr\\:ring-white\\/15{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/15{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_2px_5px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-drop-shadow-size:drop-shadow(0 2px 5px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.skippr\\:transition-\\[filter\\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[gap\\]{transition-property:gap;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[left\\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[opacity\\,transform\\,height\\]{transition-property:opacity,transform,height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,height\\,background-color\\,border-color\\]{transition-property:width,height,background-color,border-color;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,margin\\]{transition-property:width,margin;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:duration-\\[400ms\\]{--tw-duration:.4s;transition-duration:.4s}.skippr\\:ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.3,.64,1);transition-timing-function:cubic-bezier(.34,1.3,.64,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.56\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.56,.64,1);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:select-none{-webkit-user-select:none;user-select:none}.skippr\\:select-text{-webkit-user-select:text;user-select:text}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-\\[\\#b0aca4\\]::placeholder{color:#b0aca4}.skippr\\:first\\:mt-0:first-child{margin-top:calc(var(--skippr-spacing)*0)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-\\[\\#3d3d52\\]:hover{background-color:#3d3d52}.skippr\\:hover\\:bg-\\[\\#f2f0eb\\]:hover{background-color:#f2f0eb}.skippr\\:hover\\:bg-\\[\\#f4f2ee\\]:hover{background-color:#f4f2ee}.skippr\\:hover\\:bg-\\[\\#f6f4f0\\]:hover{background-color:#f6f4f0}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-foreground\\/8:hover{background-color:oklab(14.7% .00261104 .00303026/.08)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)90%,transparent)}}.skippr\\:hover\\:bg-red-200:hover{background-color:var(--skippr-color-red-200)}.skippr\\:hover\\:bg-red-600:hover{background-color:var(--skippr-color-red-600)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:bg-transparent:hover{background-color:#0000}.skippr\\:hover\\:bg-white\\/20:hover{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-white\\/20:hover{background-color:color-mix(in oklab,var(--skippr-color-white)20%,transparent)}}.skippr\\:hover\\:text-\\[\\#2D2D3F\\]:hover{color:#2d2d3f}.skippr\\:hover\\:text-\\[\\#5a5650\\]:hover{color:#5a5650}.skippr\\:hover\\:text-\\[\\#8b877f\\]:hover{color:#8b877f}.skippr\\:hover\\:text-\\[\\#b8b4ac\\]:hover{color:#b8b4ac}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.skippr\\:hover\\:text-foreground:hover{color:oklch(14.7% .004 49.25)}.skippr\\:hover\\:underline:hover{text-decoration-line:underline}.skippr\\:hover\\:decoration-muted-foreground:hover{text-decoration-color:oklch(55.3% .013 58.071)}.skippr\\:hover\\:opacity-80:hover{opacity:.8}.skippr\\:hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:hover\\:brightness-\\[1\\.04\\]:hover{--tw-brightness:brightness(1.04);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:hover\\:brightness-\\[1\\.06\\]:hover{--tw-brightness:brightness(1.06);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.skippr\\:focus\\:border-primary:focus{border-color:var(--skippr-brand,#2d2b3d)}.skippr\\:focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus\\:ring-primary\\/30:focus{--tw-ring-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:focus\\:ring-primary\\/30:focus{--tw-ring-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.skippr\\:focus-visible\\:border-\\[var\\(--skippr-brand-ring\\)\\]:focus-visible{border-color:var(--skippr-brand-ring)}.skippr\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus-visible\\:ring-\\[var\\(--skippr-brand-ring\\)\\]:focus-visible{--tw-ring-color:var(--skippr-brand-ring)}.skippr\\:focus-visible\\:ring-bubble\\/60:focus-visible{--tw-ring-color:oklab(29.9244% .0107414 -.0305411/.6)}.skippr\\:focus-visible\\:ring-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.skippr\\:focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.skippr\\:focus-visible\\:outline-\\[var\\(--skippr-brand\\)\\]:focus-visible{outline-color:var(--skippr-brand)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:active\\:scale-\\[0\\.98\\]:active{scale:.98}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-default:disabled{cursor:default}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}.skippr\\:disabled\\:opacity-80:disabled{opacity:.8}@media (hover:hover){.skippr\\:disabled\\:hover\\:bg-\\[\\#2D2D3F\\]:disabled:hover{background-color:#2d2d3f}.skippr\\:disabled\\:hover\\:bg-white:disabled:hover{background-color:var(--skippr-color-white)}}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}.skippr\\:motion-reduce\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:motion-reduce\\:animate-none{animation:none}}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}:host{--skippr-brand-active:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-active:color-mix(in srgb,var(--skippr-brand,#2bc0ae)93%,#000)}}:host{--skippr-brand-deep:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-deep:color-mix(in srgb,var(--skippr-brand,#2bc0ae)78%,#000)}}:host{--skippr-brand-ring:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-ring:color-mix(in srgb,var(--skippr-brand,#2bc0ae)22%,transparent)}}:host{--skippr-brand-halo:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-halo:color-mix(in srgb,var(--skippr-brand,#2bc0ae)40%,transparent)}}:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae))}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,#fff),color-mix(in srgb,var(--skippr-brand,#2bc0ae)72%,#fff),var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)42%,#fff))}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-rec-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,transparent)}70%{box-shadow:0 0 0 11px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-voice-pulse{0%{box-shadow:0 0 0 0 var(--skippr-pulse-color,#2bc0ae80)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-ptt-transmit{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)60%,transparent),0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)35%,transparent)}70%{box-shadow:0 0 0 9px #0000,0 0 0 16px #0000}to{box-shadow:0 0 #0000,0 0 #0000}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)50%,transparent)}50%{box-shadow:0 0 0 6px #0000}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-evaporate{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}55%{opacity:.85;filter:blur()}to{opacity:0;filter:blur(2.5px);transform:translateY(-7px)scale(.965)}}@keyframes skippr-mote-rise{0%{opacity:0;transform:translateY(2px)scale(.5)}25%{opacity:.85}to{opacity:0;transform:translateY(-24px)scale(1)}}@keyframes skippr-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes skippr-finger-tap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(2px)rotate(-6deg)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@keyframes skippr-blink{0%,40%{transform:scaleY(1)}41.3%,42%{transform:scaleY(.08)}43.3%,70%{transform:scaleY(1)}71.3%,72%{transform:scaleY(.08)}73.3%,to{transform:scaleY(1)}}.skippr-buddy-blink{transform-box:fill-box;transform-origin:50%;animation:5s linear infinite skippr-blink}@keyframes skippr-avatar-eyes-bob{0%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(0)}18%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(24px)}33.33%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-30px)}48%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-7px)}64%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-30px)}82%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(31px)}96%,to{transform:translateY(0)}}@keyframes skippr-avatar-pupil-glance{0%,21.33%{transform:translate(0)}28%,68%{transform:translate(-30px)}74%,to{transform:translate(0)}}@keyframes skippr-avatar-body-vibe{0%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}17.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}33.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}49.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}65.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}81.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}96%,to{transform:scale(1)}}@keyframes skippr-avatar-blink{0%,40%{transform:scaleY(1)}41.3%,42%{transform:scaleY(.08)}43.3%,70%{transform:scaleY(1)}71.3%,72%{transform:scaleY(.08)}73.3%,to{transform:scaleY(1)}}@keyframes skippr-avatar-bub-tail-drift{0%,10%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translate(0)}45%,60%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translate(-24px)}95%,to{transform:translate(0)}}@keyframes skippr-avatar-antenna-shake{0%,to{transform:rotate(-4deg)}25%{transform:rotate(4deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.skippr-avatar-eyes{animation:5s infinite skippr-avatar-eyes-bob}.skippr-avatar-pupil{animation:5s linear infinite skippr-avatar-pupil-glance}.skippr-avatar-body{transform-box:fill-box;transform-origin:50% 100%;animation:5s infinite skippr-avatar-body-vibe}.skippr-avatar-blink{transform-box:fill-box;transform-origin:50%;animation:5s infinite skippr-avatar-blink}.skippr-avatar-body .skippr-avatar-antenna{transform-box:view-box;transform-origin:48px 22px;animation:1.6s ease-in-out infinite skippr-avatar-antenna-shake}.skippr-avatar-body .skippr-avatar-bub-tail{animation:5s infinite skippr-avatar-bub-tail-drift}@keyframes skippr-buddy-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes skippr-buddy-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes skippr-buddy-pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes skippr-buddy-sleep{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(1px)scale(.995)}}@keyframes skippr-buddy-zfloat{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes skippr-peek-left{0%,20%{transform:translate(-58%)}46%,66%{transform:translate(0)}92%,to{transform:translate(-58%)}}@keyframes skippr-peek-right{0%,20%{transform:translate(58%)}46%,66%{transform:translate(0)}92%,to{transform:translate(58%)}}@keyframes skippr-peek-top{0%,20%{transform:translateY(-58%)}46%,66%{transform:translateY(0)}92%,to{transform:translateY(-58%)}}@keyframes skippr-peek-bottom{0%,20%{transform:translateY(58%)}46%,66%{transform:translateY(0)}92%,to{transform:translateY(58%)}}.skippr-peek-left{animation:3.6s ease-in-out infinite skippr-peek-left}.skippr-peek-right{animation:3.6s ease-in-out infinite skippr-peek-right}.skippr-peek-top{animation:3.6s ease-in-out infinite skippr-peek-top}.skippr-peek-bottom{animation:3.6s ease-in-out infinite skippr-peek-bottom}.skippr-peek-out{animation:none;transform:none}@keyframes skippr-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes skippr-block-reveal{0%{opacity:0;max-height:0;transform:translateY(-4px)}55%{opacity:1}to{opacity:1;max-height:260px;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.skippr-buddy-blink,[style*=skippr-blink],[style*=skippr-buddy-bob],[style*=skippr-buddy-breathe],[style*=skippr-buddy-pop],[style*=skippr-buddy-sleep],[style*=skippr-buddy-zfloat],.skippr-avatar-eyes,.skippr-avatar-pupil,.skippr-avatar-body,.skippr-avatar-blink,.skippr-avatar-body .skippr-avatar-antenna,.skippr-avatar-body .skippr-avatar-bub-tail,.skippr-peek-left,.skippr-peek-right,.skippr-peek-top,.skippr-peek-bottom{animation-play-state:paused}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
|
|
8525
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-500:oklch(55.6% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-font-weight-bold:700;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.skippr\\:pointer-events-auto{pointer-events:auto}.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:-inset-\\[3px\\]{inset:-3px}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:-top-1{top:calc(var(--skippr-spacing)*-1)}.skippr\\:-top-6{top:calc(var(--skippr-spacing)*-6)}.skippr\\:-top-8{top:calc(var(--skippr-spacing)*-8)}.skippr\\:-top-\\[2px\\]{top:-2px}.skippr\\:-top-\\[3px\\]{top:-3px}.skippr\\:-top-\\[13px\\]{top:-13px}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-\\[8px\\]{top:8px}.skippr\\:top-full{top:100%}.skippr\\:-right-1{right:calc(var(--skippr-spacing)*-1)}.skippr\\:-right-8{right:calc(var(--skippr-spacing)*-8)}.skippr\\:-right-\\[2px\\]{right:-2px}.skippr\\:-right-\\[6px\\]{right:-6px}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:right-\\[4px\\]{right:4px}.skippr\\:right-\\[8px\\]{right:8px}.skippr\\:-bottom-\\[2px\\]{bottom:-2px}.skippr\\:bottom-3{bottom:calc(var(--skippr-spacing)*3)}.skippr\\:bottom-4{bottom:calc(var(--skippr-spacing)*4)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-\\[calc\\(100\\%\\+8px\\)\\]{bottom:calc(100% + 8px)}.skippr\\:bottom-\\[calc\\(100\\%\\+11px\\)\\]{bottom:calc(100% + 11px)}.skippr\\:bottom-full{bottom:100%}.skippr\\:-left-8{left:calc(var(--skippr-spacing)*-8)}.skippr\\:-left-\\[2px\\]{left:-2px}.skippr\\:-left-\\[6px\\]{left:-6px}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-2{left:calc(var(--skippr-spacing)*2)}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[1\\]{z-index:1}.skippr\\:z-\\[2\\]{z-index:2}.skippr\\:z-\\[4\\]{z-index:4}.skippr\\:z-\\[5\\]{z-index:5}.skippr\\:z-\\[6\\]{z-index:6}.skippr\\:z-\\[7\\]{z-index:7}.skippr\\:z-\\[8\\]{z-index:8}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:z-\\[10000\\]{z-index:10000}.skippr\\:order-first{order:-9999}.skippr\\:order-last{order:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-1{margin-top:calc(var(--skippr-spacing)*-1)}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:-mt-\\[27px\\]{margin-top:-27px}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-2{margin-top:calc(var(--skippr-spacing)*2)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mt-3\\.5{margin-top:calc(var(--skippr-spacing)*3.5)}.skippr\\:mt-\\[1px\\]{margin-top:1px}.skippr\\:mt-\\[6px\\]{margin-top:6px}.skippr\\:mt-\\[8px\\]{margin-top:8px}.skippr\\:mt-\\[9px\\]{margin-top:9px}.skippr\\:-mr-1{margin-right:calc(var(--skippr-spacing)*-1)}.skippr\\:mr-7{margin-right:calc(var(--skippr-spacing)*7)}.skippr\\:mr-\\[22px\\]{margin-right:22px}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.skippr\\:mb-1{margin-bottom:calc(var(--skippr-spacing)*1)}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:mb-\\[14px\\]{margin-bottom:14px}.skippr\\:-ml-\\[2px\\]{margin-left:-2px}.skippr\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:ml-1{margin-left:calc(var(--skippr-spacing)*1)}.skippr\\:ml-7{margin-left:calc(var(--skippr-spacing)*7)}.skippr\\:ml-auto{margin-left:auto}.skippr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skippr\\:block{display:block}.skippr\\:flex{display:flex}.skippr\\:hidden{display:none}.skippr\\:inline-flex{display:inline-flex}.skippr\\:aspect-square{aspect-ratio:1}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3{width:calc(var(--skippr-spacing)*3);height:calc(var(--skippr-spacing)*3)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[3px\\]{width:3px;height:3px}.skippr\\:size-\\[4px\\]{width:4px;height:4px}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[6px\\]{width:6px;height:6px}.skippr\\:size-\\[7px\\]{width:7px;height:7px}.skippr\\:size-\\[8px\\]{width:8px;height:8px}.skippr\\:size-\\[9px\\]{width:9px;height:9px}.skippr\\:size-\\[10px\\]{width:10px;height:10px}.skippr\\:size-\\[11px\\]{width:11px;height:11px}.skippr\\:size-\\[12px\\]{width:12px;height:12px}.skippr\\:size-\\[13px\\]{width:13px;height:13px}.skippr\\:size-\\[14px\\]{width:14px;height:14px}.skippr\\:size-\\[15px\\]{width:15px;height:15px}.skippr\\:size-\\[16px\\]{width:16px;height:16px}.skippr\\:size-\\[17px\\]{width:17px;height:17px}.skippr\\:size-\\[18px\\]{width:18px;height:18px}.skippr\\:size-\\[19px\\]{width:19px;height:19px}.skippr\\:size-\\[20px\\]{width:20px;height:20px}.skippr\\:size-\\[22px\\]{width:22px;height:22px}.skippr\\:size-\\[26px\\]{width:26px;height:26px}.skippr\\:size-\\[28px\\]{width:28px;height:28px}.skippr\\:size-\\[30px\\]{width:30px;height:30px}.skippr\\:size-\\[32px\\]{width:32px;height:32px}.skippr\\:size-\\[34px\\]{width:34px;height:34px}.skippr\\:size-\\[38px\\]{width:38px;height:38px}.skippr\\:size-\\[46px\\]{width:46px;height:46px}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-3{height:calc(var(--skippr-spacing)*3)}.skippr\\:h-3\\.5{height:calc(var(--skippr-spacing)*3.5)}.skippr\\:h-5{height:calc(var(--skippr-spacing)*5)}.skippr\\:h-6{height:calc(var(--skippr-spacing)*6)}.skippr\\:h-7{height:calc(var(--skippr-spacing)*7)}.skippr\\:h-8{height:calc(var(--skippr-spacing)*8)}.skippr\\:h-9{height:calc(var(--skippr-spacing)*9)}.skippr\\:h-10{height:calc(var(--skippr-spacing)*10)}.skippr\\:h-\\[5px\\]{height:5px}.skippr\\:h-\\[14px\\]{height:14px}.skippr\\:h-\\[16px\\]{height:16px}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[18px\\]{height:18px}.skippr\\:h-\\[22px\\]{height:22px}.skippr\\:h-\\[24px\\]{height:24px}.skippr\\:h-\\[26px\\]{height:26px}.skippr\\:h-\\[36px\\]{height:36px}.skippr\\:h-\\[38px\\]{height:38px}.skippr\\:h-\\[48px\\]{height:48px}.skippr\\:h-\\[54px\\]{height:54px}.skippr\\:h-full{height:100%}.skippr\\:h-px{height:1px}.skippr\\:max-h-\\[132px\\]{max-height:132px}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:min-h-11{min-height:calc(var(--skippr-spacing)*11)}.skippr\\:min-h-\\[16px\\]{min-height:16px}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3\\.5{width:calc(var(--skippr-spacing)*3.5)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-6{width:calc(var(--skippr-spacing)*6)}.skippr\\:w-7{width:calc(var(--skippr-spacing)*7)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2\\.5px\\]{width:2.5px}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[14px\\]{width:14px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[15px\\]{width:15px}.skippr\\:w-\\[16px\\]{width:16px}.skippr\\:w-\\[22px\\]{width:22px}.skippr\\:w-\\[36px\\]{width:36px}.skippr\\:w-\\[38px\\]{width:38px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-\\[148px\\]{width:148px}.skippr\\:w-\\[150px\\]{width:150px}.skippr\\:w-\\[220px\\]{width:220px}.skippr\\:w-\\[225px\\]{width:225px}.skippr\\:w-\\[240px\\]{width:240px}.skippr\\:w-\\[255px\\]{width:255px}.skippr\\:w-\\[320px\\]{width:320px}.skippr\\:w-fit{width:fit-content}.skippr\\:w-full{width:100%}.skippr\\:w-px{width:1px}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:max-w-\\[280px\\]{max-width:280px}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:min-w-11{min-width:calc(var(--skippr-spacing)*11)}.skippr\\:min-w-\\[96px\\]{min-width:96px}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom{transform-origin:bottom}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top{transform-origin:top}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-\\[4px\\]{--tw-translate-y:calc(4px*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-\\[0\\.94\\]{scale:.94}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out\\]{animation:.2s ease-out skippr-agent-in}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-block-reveal_320ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.32s cubic-bezier(.22,1,.36,1) skippr-block-reveal}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.18s_infinite\\]{animation:1.1s ease-in-out .18s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.36s_infinite\\]{animation:1.1s ease-in-out .36s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0s_infinite\\]{animation:1.1s ease-in-out infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-evaporate_3\\.2s_ease-in_forwards\\]{animation:3.2s ease-in forwards skippr-evaporate}.skippr\\:\\[animation\\:skippr-fade-in_0\\.2s_ease\\]{animation:.2s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.16s_ease\\]{animation:.16s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.22s_ease\\]{animation:.22s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.24s_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.24s cubic-bezier(.22,1,.36,1) skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.25s_ease\\]{animation:.25s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-out_0\\.18s_ease-in_forwards\\]{animation:.18s ease-in forwards skippr-fade-out}.skippr\\:\\[animation\\:skippr-finger-tap_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-finger-tap}.skippr\\:\\[animation\\:skippr-mote-rise_1\\.6s_ease-out_infinite\\]{animation:1.6s ease-out infinite skippr-mote-rise}.skippr\\:\\[animation\\:skippr-orb-in_320ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.32s cubic-bezier(.34,1.3,.64,1) skippr-orb-in}.skippr\\:\\[animation\\:skippr-pop_0\\.2s_ease\\]{animation:.2s skippr-pop}.skippr\\:\\[animation\\:skippr-stage-fade_240ms_ease-out\\]{animation:.24s ease-out skippr-stage-fade}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) skippr-tip-in}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_280ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.28s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-flow{animation:3.6s linear infinite skippr-flow}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-ptt-transmit{animation:1.4s ease-out infinite skippr-ptt-transmit}.skippr\\:animate-skippr-rec-ring{animation:2s ease-out infinite skippr-rec-ring}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-skippr-voice-pulse{animation:1.6s ease-out infinite skippr-voice-pulse}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-not-allowed{cursor:not-allowed}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.skippr\\:flex-row{flex-direction:row}.skippr\\:flex-row-reverse{flex-direction:row-reverse}.skippr\\:items-baseline{align-items:baseline}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:justify-start{justify-content:flex-start}.skippr\\:gap-0\\.5{gap:calc(var(--skippr-spacing)*.5)}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[1px\\]{gap:1px}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}.skippr\\:gap-\\[4px\\]{gap:4px}.skippr\\:gap-\\[5px\\]{gap:5px}.skippr\\:gap-\\[6px\\]{gap:6px}.skippr\\:gap-\\[7px\\]{gap:7px}.skippr\\:gap-\\[8px\\]{gap:8px}.skippr\\:gap-\\[9px\\]{gap:9px}.skippr\\:gap-\\[14px\\]{gap:14px}.skippr\\:gap-px{gap:1px}:where(.skippr\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-\\[6px\\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(6px*var(--tw-space-y-reverse));margin-block-end:calc(6px*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-visible{overflow:visible}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:overscroll-contain{overscroll-behavior:contain}.skippr\\:rounded{border-radius:.25rem}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[4px\\]{border-radius:4px}.skippr\\:rounded-\\[5px\\]{border-radius:5px}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[11px\\]{border-radius:11px}.skippr\\:rounded-\\[12px\\]{border-radius:12px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:rounded-t-\\[6px\\]{border-top-left-radius:6px;border-top-right-radius:6px}.skippr\\:rounded-t-\\[18px\\]{border-top-left-radius:18px;border-top-right-radius:18px}.skippr\\:rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.skippr\\:rounded-l-\\[6px\\]{border-top-left-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-l-\\[18px\\]{border-top-left-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-tl-\\[6px\\]{border-top-left-radius:6px}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:rounded-r-\\[6px\\]{border-top-right-radius:6px;border-bottom-right-radius:6px}.skippr\\:rounded-r-\\[18px\\]{border-top-right-radius:18px;border-bottom-right-radius:18px}.skippr\\:rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.skippr\\:rounded-tr-\\[6px\\]{border-top-right-radius:6px}.skippr\\:rounded-b-\\[6px\\]{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-b-\\[18px\\]{border-bottom-right-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-b-full{border-bottom-right-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-bl-\\[6px\\]{border-bottom-left-radius:6px}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-\\[2\\.5px\\]{border-style:var(--tw-border-style);border-width:2.5px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-none{--tw-border-style:none;border-style:none}.skippr\\:border-\\[\\#d8d3ca\\]{border-color:#d8d3ca}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.1\\)\\]{border-color:#2d2d3f1a}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{border-color:#2d2d3f0f}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{border-color:#2d2d3f14}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.12\\)\\]{border-color:#2d2d3f1f}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{border-color:#2d2d3f24}.skippr\\:border-\\[var\\(--skippr-brand-ring\\)\\]{border-color:var(--skippr-brand-ring)}.skippr\\:border-black\\/25{border-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-black\\/25{border-color:color-mix(in oklab,var(--skippr-color-black)25%,transparent)}}.skippr\\:border-border{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-brand{border-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-primary\\/20{border-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)20%,transparent)}}.skippr\\:border-transparent{border-color:#0000}.skippr\\:border-white,.skippr\\:border-white\\/30{border-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-white\\/30{border-color:color-mix(in oklab,var(--skippr-color-white)30%,transparent)}}.skippr\\:border-t-brand{border-top-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-t-white{border-top-color:var(--skippr-color-white)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-\\[\\#2D2D3F\\]{background-color:#2d2d3f}.skippr\\:bg-\\[\\#F1EFEA\\]{background-color:#f1efea}.skippr\\:bg-\\[\\#b9b4ab\\]{background-color:#b9b4ab}.skippr\\:bg-\\[\\#dc2626\\]{background-color:#dc2626}.skippr\\:bg-\\[\\#eeeae4\\]{background-color:#eeeae4}.skippr\\:bg-\\[\\#f2f0eb\\]{background-color:#f2f0eb}.skippr\\:bg-\\[\\#f4ecd8\\]{background-color:#f4ecd8}.skippr\\:bg-\\[\\#f4f2ee\\]{background-color:#f4f2ee}.skippr\\:bg-\\[rgba\\(45\\,45\\,63\\,0\\.03\\)\\]{background-color:#2d2d3f08}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-brand,.skippr\\:bg-brand\\/50{background-color:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-brand\\/50{background-color:color-mix(in oklab,var(--skippr-brand,#2bc0ae)50%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-foreground\\/10{background-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:bg-launcher{background-color:#2d2d3f}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-neutral-100{background-color:var(--skippr-color-neutral-100)}.skippr\\:bg-primary,.skippr\\:bg-primary\\/10{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-primary\\/10{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)10%,transparent)}}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-100{background-color:var(--skippr-color-red-100)}.skippr\\:bg-red-500{background-color:var(--skippr-color-red-500)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white,.skippr\\:bg-white\\/40{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/40{background-color:color-mix(in oklab,var(--skippr-color-white)40%,transparent)}}.skippr\\:bg-white\\/70{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/70{background-color:color-mix(in oklab,var(--skippr-color-white)70%,transparent)}}.skippr\\:bg-white\\/80{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/80{background-color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:bg-white\\/95{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/95{background-color:color-mix(in oklab,var(--skippr-color-white)95%,transparent)}}.skippr\\:fill-brand{fill:var(--skippr-brand,#2bc0ae)}.skippr\\:fill-current{fill:currentColor}.skippr\\:fill-primary\\/30{fill:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:fill-primary\\/30{fill:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.skippr\\:fill-white{fill:var(--skippr-color-white)}.skippr\\:stroke-black\\/15{stroke:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:stroke-black\\/15{stroke:color-mix(in oklab,var(--skippr-color-black)15%,transparent)}}.skippr\\:stroke-bubble{stroke:#2d2b3d}.skippr\\:object-contain{object-fit:contain}.skippr\\:object-cover{object-fit:cover}.skippr\\:p-0{padding:calc(var(--skippr-spacing)*0)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:p-\\[2px\\]{padding:2px}.skippr\\:p-\\[3px\\]{padding:3px}.skippr\\:p-\\[9px\\]{padding:9px}.skippr\\:p-\\[14px\\]{padding:14px}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-3\\.5{padding-inline:calc(var(--skippr-spacing)*3.5)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-5{padding-inline:calc(var(--skippr-spacing)*5)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:px-\\[5px\\]{padding-inline:5px}.skippr\\:px-\\[7px\\]{padding-inline:7px}.skippr\\:px-\\[8px\\]{padding-inline:8px}.skippr\\:px-\\[9px\\]{padding-inline:9px}.skippr\\:px-\\[10px\\]{padding-inline:10px}.skippr\\:px-\\[11px\\]{padding-inline:11px}.skippr\\:px-\\[12px\\]{padding-inline:12px}.skippr\\:px-\\[18px\\]{padding-inline:18px}.skippr\\:px-\\[22px\\]{padding-inline:22px}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:py-6{padding-block:calc(var(--skippr-spacing)*6)}.skippr\\:py-\\[1px\\]{padding-block:1px}.skippr\\:py-\\[3px\\]{padding-block:3px}.skippr\\:py-\\[4px\\]{padding-block:4px}.skippr\\:py-\\[5px\\]{padding-block:5px}.skippr\\:py-\\[6px\\]{padding-block:6px}.skippr\\:py-\\[7px\\]{padding-block:7px}.skippr\\:py-\\[13px\\]{padding-block:13px}.skippr\\:pt-1{padding-top:calc(var(--skippr-spacing)*1)}.skippr\\:pt-5{padding-top:calc(var(--skippr-spacing)*5)}.skippr\\:pt-\\[8px\\]{padding-top:8px}.skippr\\:pt-\\[9px\\]{padding-top:9px}.skippr\\:pt-\\[10px\\]{padding-top:10px}.skippr\\:pt-\\[18px\\]{padding-top:18px}.skippr\\:pt-\\[22px\\]{padding-top:22px}.skippr\\:pr-2\\.5{padding-right:calc(var(--skippr-spacing)*2.5)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pr-\\[5px\\]{padding-right:5px}.skippr\\:pr-\\[6px\\]{padding-right:6px}.skippr\\:pr-\\[9px\\]{padding-right:9px}.skippr\\:pr-\\[10px\\]{padding-right:10px}.skippr\\:pb-0\\.5{padding-bottom:calc(var(--skippr-spacing)*.5)}.skippr\\:pb-1{padding-bottom:calc(var(--skippr-spacing)*1)}.skippr\\:pb-4{padding-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:pb-\\[8px\\]{padding-bottom:8px}.skippr\\:pb-\\[10px\\]{padding-bottom:10px}.skippr\\:pb-\\[22px\\]{padding-bottom:22px}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-2\\.5{padding-left:calc(var(--skippr-spacing)*2.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:pl-\\[9px\\]{padding-left:9px}.skippr\\:pl-\\[13px\\]{padding-left:13px}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[8\\.5px\\]{font-size:8.5px}.skippr\\:text-\\[9\\.5px\\]{font-size:9.5px}.skippr\\:text-\\[9px\\]{font-size:9px}.skippr\\:text-\\[10\\.5px\\]{font-size:10.5px}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11\\.5px\\]{font-size:11.5px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[12\\.5px\\]{font-size:12.5px}.skippr\\:text-\\[12px\\]{font-size:12px}.skippr\\:text-\\[13px\\]{font-size:13px}.skippr\\:text-\\[14px\\]{font-size:14px}.skippr\\:text-\\[16px\\]{font-size:16px}.skippr\\:text-\\[18px\\]{font-size:18px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-\\[1\\.2\\]{--tw-leading:1.2;line-height:1.2}.skippr\\:leading-\\[1\\.25\\]{--tw-leading:1.25;line-height:1.25}.skippr\\:leading-none{--tw-leading:1;line-height:1}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:font-bold{--tw-font-weight:var(--skippr-font-weight-bold);font-weight:var(--skippr-font-weight-bold)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:tracking-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.skippr\\:tracking-\\[-0\\.0125em\\]{--tw-tracking:-.0125em;letter-spacing:-.0125em}.skippr\\:tracking-\\[0\\.02em\\]{--tw-tracking:.02em;letter-spacing:.02em}.skippr\\:tracking-\\[0\\.05em\\]{--tw-tracking:.05em;letter-spacing:.05em}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2D2D3F\\]{color:#2d2d3f}.skippr\\:text-\\[\\#5a5650\\]{color:#5a5650}.skippr\\:text-\\[\\#5c5850\\]{color:#5c5850}.skippr\\:text-\\[\\#6b6660\\]{color:#6b6660}.skippr\\:text-\\[\\#6b6875\\]{color:#6b6875}.skippr\\:text-\\[\\#8b877f\\]{color:#8b877f}.skippr\\:text-\\[\\#92400e\\]{color:#92400e}.skippr\\:text-\\[\\#a8a49c\\]{color:#a8a49c}.skippr\\:text-\\[\\#b8b4ac\\]{color:#b8b4ac}.skippr\\:text-\\[\\#c9c5bd\\]{color:#c9c5bd}.skippr\\:text-\\[\\#cbc7bf\\]{color:#cbc7bf}.skippr\\:text-\\[\\#dc2626\\]{color:#dc2626}.skippr\\:text-\\[var\\(--skippr-brand-deep\\)\\]{color:var(--skippr-brand-deep)}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black,.skippr\\:text-black\\/40{color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-black\\/40{color:color-mix(in oklab,var(--skippr-color-black)40%,transparent)}}.skippr\\:text-brand{color:var(--skippr-brand,#2bc0ae)}.skippr\\:text-brand-on-white{color:var(--skippr-brand-on-white,#1e8478)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-neutral-500{color:var(--skippr-color-neutral-500)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:var(--skippr-brand,#2d2b3d)}.skippr\\:text-primary-foreground{color:var(--skippr-brand-foreground,#fff)}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white,.skippr\\:text-white\\/60{color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-white\\/60{color:color-mix(in oklab,var(--skippr-color-white)60%,transparent)}}.skippr\\:capitalize{text-transform:capitalize}.skippr\\:uppercase{text-transform:uppercase}.skippr\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:underline{text-decoration-line:underline}.skippr\\:decoration-muted-foreground\\/40{text-decoration-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:underline-offset-2,.skippr\\:underline-offset-\\[2px\\]{text-underline-offset:2px}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-40{opacity:.4}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:-3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:-4px 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-6px_8px_30px_rgba\\(15\\,18\\,26\\,0\\.32\\)\\]{--tw-shadow:-6px 8px 30px var(--tw-shadow-color,#0f121a52);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_-3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 -3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_-6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 -6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_1\\.5px_rgba\\(255\\,255\\,255\\,0\\.85\\)\\]{--tw-shadow:0 0 0 1.5px var(--tw-shadow-color,#ffffffd9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_1px_rgba\\(45\\,45\\,63\\,0\\.10\\)\\,0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.04\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#2d2d3f1a),0 1px 2px var(--tw-shadow-color,#2d2d3f0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_4px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--skippr-brand-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.05\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2d2d3f0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2d2d3f14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.28\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#2d2d3f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(45\\,45\\,63\\,0\\.1\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#2d2d3f1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(239\\,68\\,68\\,0\\.45\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#ef444473);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_6px_16px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{--tw-shadow:0 6px 16px var(--tw-shadow-color,#2d2d3f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_22px_rgba\\(45\\,45\\,63\\,0\\.12\\)\\,0_1px_3px_rgba\\(45\\,45\\,63\\,0\\.04\\)\\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#2d2d3f1f),0 1px 3px var(--tw-shadow-color,#2d2d3f0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#2d2d3f24),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_26px_rgba\\(45\\,45\\,63\\,0\\.13\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.05\\)\\]{--tw-shadow:0 10px 26px var(--tw-shadow-color,#2d2d3f21),0 2px 6px var(--tw-shadow-color,#2d2d3f0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_28px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 10px 28px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_30px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\,0_0_0_1\\.5px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#2d2d3f24),0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_14px_34px_rgba\\(45\\,45\\,63\\,0\\.15\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 14px 34px var(--tw-shadow-color,#2d2d3f26),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:4px 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[inset_0_0_0_1\\.5px_var\\(--skippr-brand\\,\\#2bc0ae\\)\\]{--tw-shadow:inset 0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand,#2bc0ae));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:var(--skippr-brand,#2bc0ae)}.skippr\\:ring-white\\/15{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/15{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_2px_5px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-drop-shadow-size:drop-shadow(0 2px 5px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.skippr\\:transition-\\[filter\\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[gap\\]{transition-property:gap;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[left\\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[opacity\\,transform\\,height\\]{transition-property:opacity,transform,height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,height\\,background-color\\,border-color\\]{transition-property:width,height,background-color,border-color;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,margin\\]{transition-property:width,margin;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:duration-\\[400ms\\]{--tw-duration:.4s;transition-duration:.4s}.skippr\\:ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.3,.64,1);transition-timing-function:cubic-bezier(.34,1.3,.64,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.56\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.56,.64,1);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:select-none{-webkit-user-select:none;user-select:none}.skippr\\:select-text{-webkit-user-select:text;user-select:text}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-\\[\\#b0aca4\\]::placeholder{color:#b0aca4}.skippr\\:first\\:mt-0:first-child{margin-top:calc(var(--skippr-spacing)*0)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-\\[\\#3d3d52\\]:hover{background-color:#3d3d52}.skippr\\:hover\\:bg-\\[\\#f2f0eb\\]:hover{background-color:#f2f0eb}.skippr\\:hover\\:bg-\\[\\#f4f2ee\\]:hover{background-color:#f4f2ee}.skippr\\:hover\\:bg-\\[\\#f6f4f0\\]:hover{background-color:#f6f4f0}.skippr\\:hover\\:bg-\\[rgba\\(45\\,45\\,63\\,0\\.04\\)\\]:hover{background-color:#2d2d3f0a}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-foreground\\/8:hover{background-color:oklab(14.7% .00261104 .00303026/.08)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)90%,transparent)}}.skippr\\:hover\\:bg-red-200:hover{background-color:var(--skippr-color-red-200)}.skippr\\:hover\\:bg-red-600:hover{background-color:var(--skippr-color-red-600)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:bg-transparent:hover{background-color:#0000}.skippr\\:hover\\:bg-white\\/20:hover{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-white\\/20:hover{background-color:color-mix(in oklab,var(--skippr-color-white)20%,transparent)}}.skippr\\:hover\\:text-\\[\\#2D2D3F\\]:hover{color:#2d2d3f}.skippr\\:hover\\:text-\\[\\#5a5650\\]:hover{color:#5a5650}.skippr\\:hover\\:text-\\[\\#8b877f\\]:hover{color:#8b877f}.skippr\\:hover\\:text-\\[\\#b8b4ac\\]:hover{color:#b8b4ac}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.skippr\\:hover\\:text-foreground:hover{color:oklch(14.7% .004 49.25)}.skippr\\:hover\\:underline:hover{text-decoration-line:underline}.skippr\\:hover\\:decoration-muted-foreground:hover{text-decoration-color:oklch(55.3% .013 58.071)}.skippr\\:hover\\:opacity-80:hover{opacity:.8}.skippr\\:hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:hover\\:brightness-\\[1\\.04\\]:hover{--tw-brightness:brightness(1.04);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:hover\\:brightness-\\[1\\.06\\]:hover{--tw-brightness:brightness(1.06);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.skippr\\:focus\\:border-primary:focus{border-color:var(--skippr-brand,#2d2b3d)}.skippr\\:focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus\\:ring-primary\\/30:focus{--tw-ring-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:focus\\:ring-primary\\/30:focus{--tw-ring-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.skippr\\:focus-visible\\:border-\\[var\\(--skippr-brand-ring\\)\\]:focus-visible{border-color:var(--skippr-brand-ring)}.skippr\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus-visible\\:ring-\\[var\\(--skippr-brand-ring\\)\\]:focus-visible{--tw-ring-color:var(--skippr-brand-ring)}.skippr\\:focus-visible\\:ring-bubble\\/60:focus-visible{--tw-ring-color:oklab(29.9244% .0107414 -.0305411/.6)}.skippr\\:focus-visible\\:ring-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.skippr\\:focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.skippr\\:focus-visible\\:outline-\\[var\\(--skippr-brand\\)\\]:focus-visible{outline-color:var(--skippr-brand)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:active\\:scale-\\[0\\.98\\]:active{scale:.98}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-default:disabled{cursor:default}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}.skippr\\:disabled\\:opacity-80:disabled{opacity:.8}@media (hover:hover){.skippr\\:disabled\\:hover\\:bg-\\[\\#2D2D3F\\]:disabled:hover{background-color:#2d2d3f}.skippr\\:disabled\\:hover\\:bg-white:disabled:hover{background-color:var(--skippr-color-white)}}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}.skippr\\:motion-reduce\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:motion-reduce\\:animate-none{animation:none}}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}:host{--skippr-brand-active:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-active:color-mix(in srgb,var(--skippr-brand,#2bc0ae)93%,#000)}}:host{--skippr-brand-deep:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-deep:color-mix(in srgb,var(--skippr-brand,#2bc0ae)78%,#000)}}:host{--skippr-brand-ring:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-ring:color-mix(in srgb,var(--skippr-brand,#2bc0ae)22%,transparent)}}:host{--skippr-brand-halo:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-halo:color-mix(in srgb,var(--skippr-brand,#2bc0ae)40%,transparent)}}:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae))}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,#fff),color-mix(in srgb,var(--skippr-brand,#2bc0ae)72%,#fff),var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)42%,#fff))}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-rec-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,transparent)}70%{box-shadow:0 0 0 11px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-voice-pulse{0%{box-shadow:0 0 0 0 var(--skippr-pulse-color,#2bc0ae80)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-ptt-transmit{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)60%,transparent),0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)35%,transparent)}70%{box-shadow:0 0 0 9px #0000,0 0 0 16px #0000}to{box-shadow:0 0 #0000,0 0 #0000}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)50%,transparent)}50%{box-shadow:0 0 0 6px #0000}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-evaporate{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}55%{opacity:.85;filter:blur()}to{opacity:0;filter:blur(2.5px);transform:translateY(-7px)scale(.965)}}@keyframes skippr-mote-rise{0%{opacity:0;transform:translateY(2px)scale(.5)}25%{opacity:.85}to{opacity:0;transform:translateY(-24px)scale(1)}}@keyframes skippr-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes skippr-finger-tap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(2px)rotate(-6deg)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@keyframes skippr-blink{0%,40%{transform:scaleY(1)}41.3%,42%{transform:scaleY(.08)}43.3%,70%{transform:scaleY(1)}71.3%,72%{transform:scaleY(.08)}73.3%,to{transform:scaleY(1)}}.skippr-buddy-blink{transform-box:fill-box;transform-origin:50%;animation:5s linear infinite skippr-blink}@keyframes skippr-avatar-eyes-bob{0%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(0)}18%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(24px)}33.33%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-30px)}48%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-7px)}64%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-30px)}82%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(31px)}96%,to{transform:translateY(0)}}@keyframes skippr-avatar-pupil-glance{0%,21.33%{transform:translate(0)}28%,68%{transform:translate(-30px)}74%,to{transform:translate(0)}}@keyframes skippr-avatar-body-vibe{0%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}17.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}33.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}49.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}65.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}81.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}96%,to{transform:scale(1)}}@keyframes skippr-avatar-blink{0%,40%{transform:scaleY(1)}41.3%,42%{transform:scaleY(.08)}43.3%,70%{transform:scaleY(1)}71.3%,72%{transform:scaleY(.08)}73.3%,to{transform:scaleY(1)}}@keyframes skippr-avatar-bub-tail-drift{0%,10%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translate(0)}45%,60%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translate(-24px)}95%,to{transform:translate(0)}}@keyframes skippr-avatar-antenna-shake{0%,to{transform:rotate(-4deg)}25%{transform:rotate(4deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.skippr-avatar-eyes{animation:5s infinite skippr-avatar-eyes-bob}.skippr-avatar-pupil{animation:5s linear infinite skippr-avatar-pupil-glance}.skippr-avatar-body{transform-box:fill-box;transform-origin:50% 100%;animation:5s infinite skippr-avatar-body-vibe}.skippr-avatar-blink{transform-box:fill-box;transform-origin:50%;animation:5s infinite skippr-avatar-blink}.skippr-avatar-body .skippr-avatar-antenna{transform-box:view-box;transform-origin:48px 22px;animation:1.6s ease-in-out infinite skippr-avatar-antenna-shake}.skippr-avatar-body .skippr-avatar-bub-tail{animation:5s infinite skippr-avatar-bub-tail-drift}@keyframes skippr-buddy-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes skippr-buddy-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes skippr-buddy-pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes skippr-buddy-sleep{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(1px)scale(.995)}}@keyframes skippr-buddy-zfloat{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes skippr-peek-left{0%,20%{transform:translate(-58%)}46%,66%{transform:translate(0)}92%,to{transform:translate(-58%)}}@keyframes skippr-peek-right{0%,20%{transform:translate(58%)}46%,66%{transform:translate(0)}92%,to{transform:translate(58%)}}@keyframes skippr-peek-top{0%,20%{transform:translateY(-58%)}46%,66%{transform:translateY(0)}92%,to{transform:translateY(-58%)}}@keyframes skippr-peek-bottom{0%,20%{transform:translateY(58%)}46%,66%{transform:translateY(0)}92%,to{transform:translateY(58%)}}.skippr-peek-left{animation:3.6s ease-in-out infinite skippr-peek-left}.skippr-peek-right{animation:3.6s ease-in-out infinite skippr-peek-right}.skippr-peek-top{animation:3.6s ease-in-out infinite skippr-peek-top}.skippr-peek-bottom{animation:3.6s ease-in-out infinite skippr-peek-bottom}.skippr-peek-out{animation:none;transform:none}@keyframes skippr-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes skippr-block-reveal{0%{opacity:0;max-height:0;transform:translateY(-4px)}55%{opacity:1}to{opacity:1;max-height:260px;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.skippr-buddy-blink,[style*=skippr-blink],[style*=skippr-buddy-bob],[style*=skippr-buddy-breathe],[style*=skippr-buddy-pop],[style*=skippr-buddy-sleep],[style*=skippr-buddy-zfloat],.skippr-avatar-eyes,.skippr-avatar-pupil,.skippr-avatar-body,.skippr-avatar-blink,.skippr-avatar-body .skippr-avatar-antenna,.skippr-avatar-body .skippr-avatar-bub-tail,.skippr-peek-left,.skippr-peek-right,.skippr-peek-top,.skippr-peek-bottom{animation-play-state:paused}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
|
|
8486
8526
|
const hostStyle = accentColor && isHexColor(accentColor) ? {
|
|
8487
8527
|
"--skippr-brand": accentColor,
|
|
8488
8528
|
"--skippr-brand-foreground": brandForeground(accentColor),
|
|
@@ -8865,12 +8905,36 @@ function LoadingDots({ label }) {
|
|
|
8865
8905
|
});
|
|
8866
8906
|
}
|
|
8867
8907
|
|
|
8908
|
+
// src/components/LogoMark.tsx
|
|
8909
|
+
import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
8910
|
+
function LogoMark({ className, decorative }) {
|
|
8911
|
+
return /* @__PURE__ */ jsxs24("svg", {
|
|
8912
|
+
viewBox: "21 21 109 109",
|
|
8913
|
+
fill: "none",
|
|
8914
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8915
|
+
role: decorative ? undefined : "img",
|
|
8916
|
+
"aria-label": decorative ? undefined : "Skippr",
|
|
8917
|
+
"aria-hidden": decorative || undefined,
|
|
8918
|
+
className,
|
|
8919
|
+
children: [
|
|
8920
|
+
/* @__PURE__ */ jsx30("path", {
|
|
8921
|
+
d: "M119.497 24C124.193 24 128 27.8071 128 32.5033V81.3974C128 83.0339 127.536 84.5616 126.735 85.8587L89.8936 57.4811L89.8943 57.4804C80.4203 50.1648 66.2971 56.7058 66.297 69.0147V89.9007H29.5033C24.8071 89.9007 21 86.0936 21 81.3974V32.5033C21 27.8071 24.8071 24 29.5033 24H119.497ZM76.2715 69.0147C76.2716 65.1724 80.7356 63.0111 83.7978 65.3755L115.637 89.9007H76.2715V69.0147Z",
|
|
8922
|
+
fill: "currentColor"
|
|
8923
|
+
}),
|
|
8924
|
+
/* @__PURE__ */ jsx30("path", {
|
|
8925
|
+
d: "M83.7979 64.8856C80.7358 62.5211 76.2716 64.6824 76.2716 68.5247V120.892C76.2716 125.27 81.8518 127.191 84.5938 123.755L97.6194 107.437C98.1001 106.836 98.7119 106.35 99.4091 106.016C100.106 105.683 100.871 105.51 101.645 105.51H122.946C127.386 105.51 129.316 99.9436 125.81 97.2466L83.7979 64.8856Z",
|
|
8926
|
+
className: "skippr:fill-brand"
|
|
8927
|
+
})
|
|
8928
|
+
]
|
|
8929
|
+
});
|
|
8930
|
+
}
|
|
8931
|
+
|
|
8868
8932
|
// src/components/MessageList.tsx
|
|
8869
8933
|
import { useCallback as useCallback25, useLayoutEffect as useLayoutEffect3, useRef as useRef31, useState as useState27 } from "react";
|
|
8870
8934
|
|
|
8871
8935
|
// src/components/ChatInput.tsx
|
|
8872
8936
|
import { useContext as useContext16, useEffect as useEffect33, useRef as useRef29, useState as useState24 } from "react";
|
|
8873
|
-
import { jsx as
|
|
8937
|
+
import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
8874
8938
|
var MAX_INPUT_HEIGHT = 60;
|
|
8875
8939
|
function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
|
|
8876
8940
|
const ctx = useContext16(LiveAgentContext);
|
|
@@ -8912,12 +8976,12 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
|
|
|
8912
8976
|
handleSubmit(e);
|
|
8913
8977
|
}
|
|
8914
8978
|
}
|
|
8915
|
-
return /* @__PURE__ */
|
|
8979
|
+
return /* @__PURE__ */ jsxs25("form", {
|
|
8916
8980
|
onSubmit: handleSubmit,
|
|
8917
8981
|
"data-skippr-no-drag": "",
|
|
8918
8982
|
className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:border-t skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:p-[9px]",
|
|
8919
8983
|
children: [
|
|
8920
|
-
/* @__PURE__ */
|
|
8984
|
+
/* @__PURE__ */ jsx31("textarea", {
|
|
8921
8985
|
ref: textareaRef,
|
|
8922
8986
|
rows: 1,
|
|
8923
8987
|
value: inputText,
|
|
@@ -8928,7 +8992,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
|
|
|
8928
8992
|
className: "skippr:min-w-0 skippr:flex-1 skippr:resize-none skippr:overflow-y-auto skippr:rounded-[10px] skippr:border skippr:border-[rgba(45,45,63,0.14)] skippr:bg-white skippr:px-[10px] skippr:py-[7px] skippr:text-[13px] skippr:font-medium skippr:leading-5 skippr:text-[#2D2D3F] skippr:shadow-[0_1px_2px_rgba(45,45,63,0.05)] skippr:outline-none skippr:focus-visible:border-[var(--skippr-brand-ring)] skippr:focus-visible:ring-2 skippr:focus-visible:ring-[var(--skippr-brand-ring)] skippr:placeholder:text-[#b0aca4]",
|
|
8929
8993
|
style: { maxHeight: `${MAX_INPUT_HEIGHT}px` }
|
|
8930
8994
|
}),
|
|
8931
|
-
/* @__PURE__ */
|
|
8995
|
+
/* @__PURE__ */ jsx31("button", {
|
|
8932
8996
|
type: "submit",
|
|
8933
8997
|
disabled: !canSend,
|
|
8934
8998
|
"aria-label": "Send message",
|
|
@@ -8937,7 +9001,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
|
|
|
8937
9001
|
color: "var(--skippr-brand-foreground, #2d2b3d)"
|
|
8938
9002
|
},
|
|
8939
9003
|
className: cn("skippr:flex skippr:size-[34px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:transition-[filter] skippr:focus-visible:outline-2 skippr:focus-visible:outline-offset-2 skippr:focus-visible:outline-[var(--skippr-brand)]", canSend ? "skippr:cursor-pointer skippr:hover:brightness-[1.06]" : "skippr:cursor-not-allowed"),
|
|
8940
|
-
children: /* @__PURE__ */
|
|
9004
|
+
children: /* @__PURE__ */ jsx31(Send, {
|
|
8941
9005
|
className: "skippr:size-[16px]",
|
|
8942
9006
|
strokeWidth: 2
|
|
8943
9007
|
})
|
|
@@ -8947,7 +9011,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
|
|
|
8947
9011
|
}
|
|
8948
9012
|
|
|
8949
9013
|
// src/components/ChatMessage.tsx
|
|
8950
|
-
import { jsx as
|
|
9014
|
+
import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
8951
9015
|
function formatTimestamp(ts) {
|
|
8952
9016
|
return new Date(ts).toLocaleTimeString("en-US", {
|
|
8953
9017
|
hour: "numeric",
|
|
@@ -8957,16 +9021,16 @@ function formatTimestamp(ts) {
|
|
|
8957
9021
|
}
|
|
8958
9022
|
function ChatMessage({ message }) {
|
|
8959
9023
|
const isAgent = message.role === "assistant";
|
|
8960
|
-
return /* @__PURE__ */
|
|
9024
|
+
return /* @__PURE__ */ jsx32("div", {
|
|
8961
9025
|
className: cn("skippr:flex skippr:gap-2", isAgent ? "skippr:items-start" : "skippr:justify-end"),
|
|
8962
|
-
children: /* @__PURE__ */
|
|
9026
|
+
children: /* @__PURE__ */ jsxs26("div", {
|
|
8963
9027
|
className: cn("skippr:flex skippr:max-w-[80%] skippr:flex-col", isAgent ? "skippr:items-start" : "skippr:items-end"),
|
|
8964
9028
|
children: [
|
|
8965
|
-
/* @__PURE__ */
|
|
9029
|
+
/* @__PURE__ */ jsx32("div", {
|
|
8966
9030
|
className: cn("skippr:rounded-2xl skippr:px-4 skippr:py-2.5 skippr:text-sm skippr:leading-relaxed", isAgent ? "skippr:border skippr:border-border skippr:bg-card skippr:text-foreground" : "skippr:bg-primary skippr:text-primary-foreground"),
|
|
8967
9031
|
children: message.content
|
|
8968
9032
|
}),
|
|
8969
|
-
message.timestamp && /* @__PURE__ */
|
|
9033
|
+
message.timestamp && /* @__PURE__ */ jsx32("span", {
|
|
8970
9034
|
className: "skippr:mt-1 skippr:px-1 skippr:text-[10px] skippr:text-muted-foreground/60",
|
|
8971
9035
|
children: formatTimestamp(message.timestamp)
|
|
8972
9036
|
})
|
|
@@ -8989,7 +9053,7 @@ async function copyToClipboard(text) {
|
|
|
8989
9053
|
}
|
|
8990
9054
|
|
|
8991
9055
|
// src/components/LinkCard.tsx
|
|
8992
|
-
import { jsx as
|
|
9056
|
+
import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
8993
9057
|
var COPIED_RESET_MS = 2000;
|
|
8994
9058
|
var DISMISS_AFTER_COPY_MS = 3000;
|
|
8995
9059
|
function LinkCard({ card, onDismiss }) {
|
|
@@ -9014,56 +9078,56 @@ function LinkCard({ card, onDismiss }) {
|
|
|
9014
9078
|
setCopied(true);
|
|
9015
9079
|
dismissTimerRef.current = setTimeout(onDismiss, DISMISS_AFTER_COPY_MS);
|
|
9016
9080
|
}, [card.url, onDismiss]);
|
|
9017
|
-
return /* @__PURE__ */
|
|
9081
|
+
return /* @__PURE__ */ jsxs27("div", {
|
|
9018
9082
|
className: "skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
|
|
9019
9083
|
children: [
|
|
9020
|
-
/* @__PURE__ */
|
|
9084
|
+
/* @__PURE__ */ jsxs27("div", {
|
|
9021
9085
|
className: "skippr:mb-1 skippr:flex skippr:items-start skippr:justify-between skippr:gap-2",
|
|
9022
9086
|
children: [
|
|
9023
|
-
card.title && /* @__PURE__ */
|
|
9087
|
+
card.title && /* @__PURE__ */ jsx33("p", {
|
|
9024
9088
|
className: "skippr:text-sm skippr:font-semibold skippr:leading-snug skippr:text-foreground",
|
|
9025
9089
|
children: card.title
|
|
9026
9090
|
}),
|
|
9027
|
-
/* @__PURE__ */
|
|
9091
|
+
/* @__PURE__ */ jsx33("button", {
|
|
9028
9092
|
type: "button",
|
|
9029
9093
|
onClick: onDismiss,
|
|
9030
9094
|
"aria-label": "Dismiss link",
|
|
9031
9095
|
className: "skippr:-mr-1 skippr:-mt-1 skippr:flex skippr:size-6 skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-muted-foreground skippr:transition-colors skippr:hover:bg-muted skippr:hover:text-foreground",
|
|
9032
|
-
children: /* @__PURE__ */
|
|
9096
|
+
children: /* @__PURE__ */ jsx33(X, {
|
|
9033
9097
|
className: "skippr:size-3.5",
|
|
9034
9098
|
strokeWidth: 2.5
|
|
9035
9099
|
})
|
|
9036
9100
|
})
|
|
9037
9101
|
]
|
|
9038
9102
|
}),
|
|
9039
|
-
/* @__PURE__ */
|
|
9103
|
+
/* @__PURE__ */ jsx33("p", {
|
|
9040
9104
|
className: "skippr:mb-3 skippr:truncate skippr:text-xs skippr:text-muted-foreground",
|
|
9041
9105
|
children: card.url
|
|
9042
9106
|
}),
|
|
9043
|
-
/* @__PURE__ */
|
|
9107
|
+
/* @__PURE__ */ jsxs27("div", {
|
|
9044
9108
|
className: "skippr:flex skippr:gap-2",
|
|
9045
9109
|
children: [
|
|
9046
|
-
/* @__PURE__ */
|
|
9110
|
+
/* @__PURE__ */ jsxs27("a", {
|
|
9047
9111
|
href: card.url,
|
|
9048
9112
|
target: "_blank",
|
|
9049
9113
|
rel: "noopener noreferrer",
|
|
9050
9114
|
className: "skippr:inline-flex skippr:flex-1 skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-md skippr:bg-primary skippr:py-2 skippr:text-sm skippr:font-medium skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90 skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-ring skippr:focus-visible:ring-offset-2",
|
|
9051
9115
|
children: [
|
|
9052
|
-
/* @__PURE__ */
|
|
9116
|
+
/* @__PURE__ */ jsx33(ExternalLink, {
|
|
9053
9117
|
className: "skippr:size-4"
|
|
9054
9118
|
}),
|
|
9055
9119
|
"Open"
|
|
9056
9120
|
]
|
|
9057
9121
|
}),
|
|
9058
|
-
/* @__PURE__ */
|
|
9122
|
+
/* @__PURE__ */ jsxs27(Button, {
|
|
9059
9123
|
variant: "outline",
|
|
9060
9124
|
className: "skippr:flex-1 skippr:py-2",
|
|
9061
9125
|
onClick: handleCopy,
|
|
9062
9126
|
"aria-label": "Copy link",
|
|
9063
9127
|
children: [
|
|
9064
|
-
copied ? /* @__PURE__ */
|
|
9128
|
+
copied ? /* @__PURE__ */ jsx33(Check, {
|
|
9065
9129
|
className: "skippr:size-4"
|
|
9066
|
-
}) : /* @__PURE__ */
|
|
9130
|
+
}) : /* @__PURE__ */ jsx33(Copy, {
|
|
9067
9131
|
className: "skippr:size-4"
|
|
9068
9132
|
}),
|
|
9069
9133
|
copied ? "Copied" : "Copy link"
|
|
@@ -9077,28 +9141,28 @@ function LinkCard({ card, onDismiss }) {
|
|
|
9077
9141
|
|
|
9078
9142
|
// src/components/PlanCard.tsx
|
|
9079
9143
|
import { useEffect as useEffect35, useState as useState26 } from "react";
|
|
9080
|
-
import { jsx as
|
|
9144
|
+
import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
9081
9145
|
var APPROVE_MESSAGE = "Yes, go ahead.";
|
|
9082
9146
|
var CANCEL_MESSAGE = "No, cancel that.";
|
|
9083
9147
|
var COMPLETED_CARD_VISIBLE_MS = 2500;
|
|
9084
9148
|
var APPROVING_RESET_MS = 8000;
|
|
9085
9149
|
function StepIcon({ status }) {
|
|
9086
9150
|
if (status === "done") {
|
|
9087
|
-
return /* @__PURE__ */
|
|
9151
|
+
return /* @__PURE__ */ jsx34(CircleCheck, {
|
|
9088
9152
|
className: "skippr:size-4 skippr:text-chart-3"
|
|
9089
9153
|
});
|
|
9090
9154
|
}
|
|
9091
9155
|
if (status === "failed") {
|
|
9092
|
-
return /* @__PURE__ */
|
|
9156
|
+
return /* @__PURE__ */ jsx34(CircleX, {
|
|
9093
9157
|
className: "skippr:size-4 skippr:text-destructive"
|
|
9094
9158
|
});
|
|
9095
9159
|
}
|
|
9096
9160
|
if (status === "active") {
|
|
9097
|
-
return /* @__PURE__ */
|
|
9161
|
+
return /* @__PURE__ */ jsx34(Circle, {
|
|
9098
9162
|
className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
|
|
9099
9163
|
});
|
|
9100
9164
|
}
|
|
9101
|
-
return /* @__PURE__ */
|
|
9165
|
+
return /* @__PURE__ */ jsx34(Circle, {
|
|
9102
9166
|
className: "skippr:size-4 skippr:text-muted-foreground/30"
|
|
9103
9167
|
});
|
|
9104
9168
|
}
|
|
@@ -9129,43 +9193,43 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
|
|
|
9129
9193
|
const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
|
|
9130
9194
|
return () => clearTimeout(timer);
|
|
9131
9195
|
}, [plan.state, onDismiss]);
|
|
9132
|
-
return /* @__PURE__ */
|
|
9196
|
+
return /* @__PURE__ */ jsxs28("div", {
|
|
9133
9197
|
className: "skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
|
|
9134
9198
|
children: [
|
|
9135
|
-
/* @__PURE__ */
|
|
9199
|
+
/* @__PURE__ */ jsx34("p", {
|
|
9136
9200
|
className: "skippr:mb-3 skippr:text-sm skippr:font-semibold skippr:leading-snug skippr:text-foreground",
|
|
9137
9201
|
children: "Plan"
|
|
9138
9202
|
}),
|
|
9139
|
-
/* @__PURE__ */
|
|
9203
|
+
/* @__PURE__ */ jsx34("div", {
|
|
9140
9204
|
className: "skippr:space-y-2",
|
|
9141
|
-
children: plan.steps.map((step) => /* @__PURE__ */
|
|
9205
|
+
children: plan.steps.map((step) => /* @__PURE__ */ jsxs28("div", {
|
|
9142
9206
|
className: "skippr:flex skippr:items-center skippr:gap-2",
|
|
9143
9207
|
children: [
|
|
9144
|
-
/* @__PURE__ */
|
|
9208
|
+
/* @__PURE__ */ jsx34(StepIcon, {
|
|
9145
9209
|
status: step.status
|
|
9146
9210
|
}),
|
|
9147
|
-
/* @__PURE__ */
|
|
9211
|
+
/* @__PURE__ */ jsx34("p", {
|
|
9148
9212
|
className: cn("skippr:text-sm skippr:leading-snug", step.status === "done" && "skippr:text-muted-foreground skippr:line-through", step.status === "active" && "skippr:font-medium skippr:text-foreground", step.status === "pending" && "skippr:text-muted-foreground", step.status === "failed" && "skippr:text-destructive"),
|
|
9149
9213
|
children: step.label
|
|
9150
9214
|
})
|
|
9151
9215
|
]
|
|
9152
9216
|
}, step.index))
|
|
9153
9217
|
}),
|
|
9154
|
-
awaitingApproval && /* @__PURE__ */
|
|
9218
|
+
awaitingApproval && /* @__PURE__ */ jsxs28("div", {
|
|
9155
9219
|
className: "skippr:mt-3.5 skippr:flex skippr:gap-2",
|
|
9156
9220
|
children: [
|
|
9157
|
-
/* @__PURE__ */
|
|
9221
|
+
/* @__PURE__ */ jsxs28(Button, {
|
|
9158
9222
|
className: "skippr:flex-1 skippr:gap-1.5 skippr:py-2",
|
|
9159
9223
|
disabled: isApproving,
|
|
9160
9224
|
onClick: approve,
|
|
9161
9225
|
children: [
|
|
9162
|
-
isApproving && /* @__PURE__ */
|
|
9226
|
+
isApproving && /* @__PURE__ */ jsx34("span", {
|
|
9163
9227
|
className: "skippr:size-3 skippr:shrink-0 skippr:animate-spin skippr:rounded-full skippr:border-2 skippr:border-white/30 skippr:border-t-white"
|
|
9164
9228
|
}),
|
|
9165
9229
|
isApproving ? "Approving…" : "Approve"
|
|
9166
9230
|
]
|
|
9167
9231
|
}),
|
|
9168
|
-
/* @__PURE__ */
|
|
9232
|
+
/* @__PURE__ */ jsx34(Button, {
|
|
9169
9233
|
variant: "outline",
|
|
9170
9234
|
className: "skippr:flex-1 skippr:py-2",
|
|
9171
9235
|
disabled: isApproving,
|
|
@@ -9179,26 +9243,26 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
|
|
|
9179
9243
|
}
|
|
9180
9244
|
|
|
9181
9245
|
// src/components/TypingIndicator.tsx
|
|
9182
|
-
import { jsx as
|
|
9246
|
+
import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
9183
9247
|
function TypingIndicator() {
|
|
9184
|
-
return /* @__PURE__ */
|
|
9248
|
+
return /* @__PURE__ */ jsx35("div", {
|
|
9185
9249
|
className: "skippr:flex skippr:items-start skippr:gap-2 skippr:animate-skippr-tab-fade",
|
|
9186
|
-
children: /* @__PURE__ */
|
|
9250
|
+
children: /* @__PURE__ */ jsxs29("div", {
|
|
9187
9251
|
className: "skippr:inline-flex skippr:items-center skippr:gap-1 skippr:rounded-2xl skippr:border skippr:border-primary/20 skippr:bg-primary/10 skippr:px-4 skippr:py-2 skippr:text-xs skippr:text-primary",
|
|
9188
9252
|
children: [
|
|
9189
|
-
/* @__PURE__ */
|
|
9253
|
+
/* @__PURE__ */ jsx35("span", {
|
|
9190
9254
|
children: "Agent is analyzing your screen"
|
|
9191
9255
|
}),
|
|
9192
|
-
/* @__PURE__ */
|
|
9256
|
+
/* @__PURE__ */ jsxs29("span", {
|
|
9193
9257
|
className: "skippr:inline-flex skippr:items-center skippr:gap-[2px]",
|
|
9194
9258
|
children: [
|
|
9195
|
-
/* @__PURE__ */
|
|
9259
|
+
/* @__PURE__ */ jsx35("span", {
|
|
9196
9260
|
className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:0ms]"
|
|
9197
9261
|
}),
|
|
9198
|
-
/* @__PURE__ */
|
|
9262
|
+
/* @__PURE__ */ jsx35("span", {
|
|
9199
9263
|
className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:200ms]"
|
|
9200
9264
|
}),
|
|
9201
|
-
/* @__PURE__ */
|
|
9265
|
+
/* @__PURE__ */ jsx35("span", {
|
|
9202
9266
|
className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:400ms]"
|
|
9203
9267
|
})
|
|
9204
9268
|
]
|
|
@@ -9209,7 +9273,7 @@ function TypingIndicator() {
|
|
|
9209
9273
|
}
|
|
9210
9274
|
|
|
9211
9275
|
// src/components/MessageList.tsx
|
|
9212
|
-
import { jsx as
|
|
9276
|
+
import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
9213
9277
|
var BOTTOM_THRESHOLD_PX = 32;
|
|
9214
9278
|
function MessageList({
|
|
9215
9279
|
messages,
|
|
@@ -9268,59 +9332,59 @@ function MessageList({
|
|
|
9268
9332
|
container.scrollTop = container.scrollHeight;
|
|
9269
9333
|
}, [messages.length, lastMessage?.content]);
|
|
9270
9334
|
const showTyping = isStreaming && lastMessage?.role === "assistant" && lastMessage.content === "";
|
|
9271
|
-
return /* @__PURE__ */
|
|
9335
|
+
return /* @__PURE__ */ jsxs30("div", {
|
|
9272
9336
|
className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
|
|
9273
9337
|
children: [
|
|
9274
|
-
/* @__PURE__ */
|
|
9338
|
+
/* @__PURE__ */ jsxs30("div", {
|
|
9275
9339
|
className: "skippr:relative skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
|
|
9276
9340
|
children: [
|
|
9277
|
-
/* @__PURE__ */
|
|
9341
|
+
/* @__PURE__ */ jsxs30("div", {
|
|
9278
9342
|
ref: containerRef,
|
|
9279
9343
|
onScroll: handleScroll,
|
|
9280
9344
|
"data-skippr-no-drag": "",
|
|
9281
9345
|
className: "skippr:min-h-0 skippr:flex-1 skippr:select-text skippr:space-y-4 skippr:overflow-y-auto skippr:p-4 skippr:[overflow-anchor:none]",
|
|
9282
9346
|
children: [
|
|
9283
|
-
messages.length === 0 && !showTyping && (readOnly ? /* @__PURE__ */
|
|
9347
|
+
messages.length === 0 && !showTyping && (readOnly ? /* @__PURE__ */ jsx36("p", {
|
|
9284
9348
|
className: "skippr:px-2 skippr:py-6 skippr:text-center skippr:text-sm skippr:text-muted-foreground",
|
|
9285
9349
|
children: "No messages in this conversation yet."
|
|
9286
|
-
}) : /* @__PURE__ */
|
|
9350
|
+
}) : /* @__PURE__ */ jsx36(LoadingDots, {
|
|
9287
9351
|
label: "Waiting for conversation to begin..."
|
|
9288
9352
|
})),
|
|
9289
|
-
messages.map((message) => /* @__PURE__ */
|
|
9353
|
+
messages.map((message) => /* @__PURE__ */ jsx36(ChatMessage, {
|
|
9290
9354
|
message
|
|
9291
9355
|
}, message.id)),
|
|
9292
|
-
showTyping && /* @__PURE__ */
|
|
9356
|
+
showTyping && /* @__PURE__ */ jsx36(TypingIndicator, {})
|
|
9293
9357
|
]
|
|
9294
9358
|
}),
|
|
9295
|
-
showJumpToLatest && /* @__PURE__ */
|
|
9359
|
+
showJumpToLatest && /* @__PURE__ */ jsx36("button", {
|
|
9296
9360
|
type: "button",
|
|
9297
9361
|
onClick: jumpToLatest,
|
|
9298
9362
|
"aria-label": "Jump to latest message",
|
|
9299
9363
|
className: "skippr:-translate-x-1/2 skippr:absolute skippr:bottom-3 skippr:left-1/2 skippr:flex skippr:min-h-11 skippr:min-w-11 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:border skippr:border-border skippr:bg-background skippr:p-1.5 skippr:text-foreground skippr:shadow-md skippr:transition-colors skippr:hover:bg-muted",
|
|
9300
|
-
children: /* @__PURE__ */
|
|
9364
|
+
children: /* @__PURE__ */ jsx36(ChevronDown, {
|
|
9301
9365
|
className: "skippr:size-4"
|
|
9302
9366
|
})
|
|
9303
9367
|
})
|
|
9304
9368
|
]
|
|
9305
9369
|
}),
|
|
9306
|
-
sendChatMessage && isPlanVisible(plan) && plan.planId !== dismissedPlanId && /* @__PURE__ */
|
|
9370
|
+
sendChatMessage && isPlanVisible(plan) && plan.planId !== dismissedPlanId && /* @__PURE__ */ jsx36("div", {
|
|
9307
9371
|
"data-skippr-no-drag": "",
|
|
9308
9372
|
className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
|
|
9309
|
-
children: /* @__PURE__ */
|
|
9373
|
+
children: /* @__PURE__ */ jsx36(PlanCard, {
|
|
9310
9374
|
plan,
|
|
9311
9375
|
sendChatMessage,
|
|
9312
9376
|
onDismiss: dismissPlan
|
|
9313
9377
|
}, plan.planId)
|
|
9314
9378
|
}),
|
|
9315
|
-
linkCard && linkCard.cardId !== dismissedLinkCardId && /* @__PURE__ */
|
|
9379
|
+
linkCard && linkCard.cardId !== dismissedLinkCardId && /* @__PURE__ */ jsx36("div", {
|
|
9316
9380
|
"data-skippr-no-drag": "",
|
|
9317
9381
|
className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
|
|
9318
|
-
children: /* @__PURE__ */
|
|
9382
|
+
children: /* @__PURE__ */ jsx36(LinkCard, {
|
|
9319
9383
|
card: linkCard,
|
|
9320
9384
|
onDismiss: dismissLinkCard
|
|
9321
9385
|
}, linkCard.cardId)
|
|
9322
9386
|
}),
|
|
9323
|
-
!readOnly && sendChatMessage && /* @__PURE__ */
|
|
9387
|
+
!readOnly && sendChatMessage && /* @__PURE__ */ jsx36(ChatInput, {
|
|
9324
9388
|
sendChatMessage,
|
|
9325
9389
|
isSendingChat,
|
|
9326
9390
|
autoFocus
|
|
@@ -9331,14 +9395,14 @@ function MessageList({
|
|
|
9331
9395
|
|
|
9332
9396
|
// src/components/SessionAgenda.tsx
|
|
9333
9397
|
import { useContext as useContext17 } from "react";
|
|
9334
|
-
import { jsx as
|
|
9398
|
+
import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
9335
9399
|
function SessionAgenda({ phases, hasStarted }) {
|
|
9336
9400
|
const ctx = useContext17(LiveAgentContext);
|
|
9337
9401
|
const title = ctx?.activeModule?.name ?? "Agenda";
|
|
9338
9402
|
if (phases.length === 0 || !hasStarted) {
|
|
9339
|
-
return /* @__PURE__ */
|
|
9403
|
+
return /* @__PURE__ */ jsx37("div", {
|
|
9340
9404
|
className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
|
|
9341
|
-
children: /* @__PURE__ */
|
|
9405
|
+
children: /* @__PURE__ */ jsx37(LoadingDots, {
|
|
9342
9406
|
label: "Waiting for agenda to load..."
|
|
9343
9407
|
})
|
|
9344
9408
|
});
|
|
@@ -9348,17 +9412,17 @@ function SessionAgenda({ phases, hasStarted }) {
|
|
|
9348
9412
|
const activeIndex = phases.findIndex((p) => p.status === "active");
|
|
9349
9413
|
const currentStep = activeIndex >= 0 ? activeIndex + 1 : Math.min(completedCount + 1, total);
|
|
9350
9414
|
const progressPct = Math.round(completedCount / total * 100);
|
|
9351
|
-
return /* @__PURE__ */
|
|
9415
|
+
return /* @__PURE__ */ jsxs31("div", {
|
|
9352
9416
|
className: "skippr:flex-1 skippr:overflow-y-auto skippr:p-[14px]",
|
|
9353
9417
|
children: [
|
|
9354
|
-
/* @__PURE__ */
|
|
9418
|
+
/* @__PURE__ */ jsxs31("div", {
|
|
9355
9419
|
className: "skippr:mb-2 skippr:flex skippr:items-baseline skippr:justify-between",
|
|
9356
9420
|
children: [
|
|
9357
|
-
/* @__PURE__ */
|
|
9421
|
+
/* @__PURE__ */ jsx37("span", {
|
|
9358
9422
|
className: "skippr:text-[12.5px] skippr:font-semibold skippr:text-[#2D2D3F]",
|
|
9359
9423
|
children: title
|
|
9360
9424
|
}),
|
|
9361
|
-
/* @__PURE__ */
|
|
9425
|
+
/* @__PURE__ */ jsxs31("span", {
|
|
9362
9426
|
className: "skippr:text-[11px] skippr:font-semibold skippr:text-[var(--skippr-brand-deep)]",
|
|
9363
9427
|
children: [
|
|
9364
9428
|
"step ",
|
|
@@ -9369,14 +9433,14 @@ function SessionAgenda({ phases, hasStarted }) {
|
|
|
9369
9433
|
})
|
|
9370
9434
|
]
|
|
9371
9435
|
}),
|
|
9372
|
-
/* @__PURE__ */
|
|
9436
|
+
/* @__PURE__ */ jsx37("div", {
|
|
9373
9437
|
role: "progressbar",
|
|
9374
9438
|
"aria-label": "Agenda progress",
|
|
9375
9439
|
"aria-valuenow": Math.round(progressPct),
|
|
9376
9440
|
"aria-valuemin": 0,
|
|
9377
9441
|
"aria-valuemax": 100,
|
|
9378
9442
|
className: "skippr:mb-[14px] skippr:h-[5px] skippr:overflow-hidden skippr:rounded-full skippr:bg-[#eeeae4]",
|
|
9379
|
-
children: /* @__PURE__ */
|
|
9443
|
+
children: /* @__PURE__ */ jsx37("div", {
|
|
9380
9444
|
className: "skippr:h-full skippr:rounded-full skippr:bg-brand",
|
|
9381
9445
|
style: { width: `${progressPct}%` }
|
|
9382
9446
|
})
|
|
@@ -9384,29 +9448,29 @@ function SessionAgenda({ phases, hasStarted }) {
|
|
|
9384
9448
|
phases.map((phase) => {
|
|
9385
9449
|
const isActive = phase.status === "active";
|
|
9386
9450
|
const isCompleted = phase.status === "completed";
|
|
9387
|
-
return /* @__PURE__ */
|
|
9451
|
+
return /* @__PURE__ */ jsxs31("div", {
|
|
9388
9452
|
className: "skippr:flex skippr:items-center skippr:gap-[9px] skippr:py-[5px]",
|
|
9389
9453
|
children: [
|
|
9390
|
-
isCompleted ? /* @__PURE__ */
|
|
9454
|
+
isCompleted ? /* @__PURE__ */ jsx37("span", {
|
|
9391
9455
|
className: "skippr:flex skippr:size-[19px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-brand",
|
|
9392
|
-
children: /* @__PURE__ */
|
|
9456
|
+
children: /* @__PURE__ */ jsx37(Check, {
|
|
9393
9457
|
className: "skippr:size-[11px]",
|
|
9394
9458
|
style: { color: "var(--skippr-brand-foreground, #2d2b3d)" },
|
|
9395
9459
|
strokeWidth: 3
|
|
9396
9460
|
})
|
|
9397
|
-
}) : isActive ? /* @__PURE__ */
|
|
9461
|
+
}) : isActive ? /* @__PURE__ */ jsx37("span", {
|
|
9398
9462
|
className: "skippr:flex skippr:size-[19px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-brand skippr:shadow-[0_0_0_4px_var(--skippr-brand-ring)]",
|
|
9399
|
-
children: /* @__PURE__ */
|
|
9463
|
+
children: /* @__PURE__ */ jsx37("span", {
|
|
9400
9464
|
className: "skippr:size-[6px] skippr:rounded-full skippr:bg-white"
|
|
9401
9465
|
})
|
|
9402
|
-
}) : /* @__PURE__ */
|
|
9466
|
+
}) : /* @__PURE__ */ jsx37("span", {
|
|
9403
9467
|
className: "skippr:size-[19px] skippr:shrink-0 skippr:rounded-full skippr:border-2 skippr:border-[#d8d3ca] skippr:bg-white"
|
|
9404
9468
|
}),
|
|
9405
|
-
/* @__PURE__ */
|
|
9469
|
+
/* @__PURE__ */ jsx37("span", {
|
|
9406
9470
|
className: cn("skippr:text-[12.5px]", isActive || isCompleted ? "skippr:font-semibold skippr:text-[#2D2D3F]" : "skippr:font-medium skippr:text-[#a8a49c]"),
|
|
9407
9471
|
children: phase.name
|
|
9408
9472
|
}),
|
|
9409
|
-
isActive && /* @__PURE__ */
|
|
9473
|
+
isActive && /* @__PURE__ */ jsx37("span", {
|
|
9410
9474
|
className: "skippr:ml-auto skippr:text-[9.5px] skippr:font-bold skippr:uppercase skippr:tracking-[0.05em] skippr:text-[var(--skippr-brand-deep)]",
|
|
9411
9475
|
children: "now"
|
|
9412
9476
|
})
|
|
@@ -9418,12 +9482,12 @@ function SessionAgenda({ phases, hasStarted }) {
|
|
|
9418
9482
|
}
|
|
9419
9483
|
|
|
9420
9484
|
// src/components/SessionWarningBanner.tsx
|
|
9421
|
-
import { jsx as
|
|
9485
|
+
import { jsx as jsx38 } from "react/jsx-runtime";
|
|
9422
9486
|
var SESSION_WARNING_THRESHOLD_SECS = 60;
|
|
9423
9487
|
function SessionWarningBanner({ remaining }) {
|
|
9424
9488
|
if (remaining === null || remaining <= 0 || remaining > SESSION_WARNING_THRESHOLD_SECS)
|
|
9425
9489
|
return null;
|
|
9426
|
-
return /* @__PURE__ */
|
|
9490
|
+
return /* @__PURE__ */ jsx38("div", {
|
|
9427
9491
|
"data-testid": "session-warning-banner",
|
|
9428
9492
|
role: "alert",
|
|
9429
9493
|
className: "skippr:bg-red-50 skippr:px-4 skippr:py-1.5 skippr:text-center skippr:text-xs skippr:font-medium skippr:text-red-700",
|
|
@@ -9432,7 +9496,7 @@ function SessionWarningBanner({ remaining }) {
|
|
|
9432
9496
|
}
|
|
9433
9497
|
|
|
9434
9498
|
// src/components/Sidebar.tsx
|
|
9435
|
-
import { jsx as
|
|
9499
|
+
import { jsx as jsx39, jsxs as jsxs32, Fragment as Fragment4 } from "react/jsx-runtime";
|
|
9436
9500
|
var PANEL_GAP_PX = 12;
|
|
9437
9501
|
var PANEL_VIEWPORT_MARGIN_PX = 24;
|
|
9438
9502
|
var PANEL_MAX_HEIGHT_PX = 460;
|
|
@@ -9542,17 +9606,17 @@ function Sidebar({
|
|
|
9542
9606
|
document.body.style.transition = "";
|
|
9543
9607
|
};
|
|
9544
9608
|
}, [isSidebar, isPanelOpen, position]);
|
|
9545
|
-
return /* @__PURE__ */
|
|
9609
|
+
return /* @__PURE__ */ jsxs32("div", {
|
|
9546
9610
|
ref: internalCtx?.panelRef,
|
|
9547
9611
|
className: cn("skippr:fixed skippr:z-[9999]", "skippr:bg-card", "skippr:flex skippr:flex-col", "skippr:overflow-hidden", isFloating && "skippr:rounded-[16px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:shadow-[0_14px_34px_rgba(45,45,63,0.15),0_2px_6px_rgba(45,45,63,0.06)]", isFloating && "skippr:transition-[opacity,transform,height] skippr:duration-300 skippr:ease-in-out", isFloating && (popsDown ? isLeftAligned ? "skippr:origin-top-left" : "skippr:origin-top-right" : isLeftAligned ? "skippr:origin-bottom-left" : "skippr:origin-bottom-right"), isFloating && !isPanelOpen && "skippr:scale-0 skippr:opacity-0 skippr:pointer-events-none", isFloating && isPanelOpen && "skippr:scale-100 skippr:opacity-100", followsPanel && "skippr:select-none", isSidebar && "skippr:top-0 skippr:h-full", isSidebar && "skippr:transition-[width] skippr:duration-300 skippr:ease-in-out", isSidebar && position === "right" && "skippr:right-0 skippr:border-l skippr:border-l-border", isSidebar && position === "left" && "skippr:left-0 skippr:border-r skippr:border-r-border", isSidebar && !isPanelOpen && "skippr:w-0 skippr:border-0"),
|
|
9548
9612
|
style: { width: isPanelOpen ? SIDEBAR_WIDTH : undefined, ...floatingStyle },
|
|
9549
9613
|
children: [
|
|
9550
|
-
!hideHeader && /* @__PURE__ */
|
|
9614
|
+
!hideHeader && /* @__PURE__ */ jsx39(ChatHeader, {
|
|
9551
9615
|
wasDraggedRef,
|
|
9552
9616
|
draggable: followsPanel,
|
|
9553
9617
|
headerRef
|
|
9554
9618
|
}),
|
|
9555
|
-
authFailed ? /* @__PURE__ */
|
|
9619
|
+
authFailed ? /* @__PURE__ */ jsx39(AuthError, {}) : isAuthenticated && hasResolvedModules ? /* @__PURE__ */ jsx39(AuthenticatedContent, {
|
|
9556
9620
|
isConnected,
|
|
9557
9621
|
isPaused,
|
|
9558
9622
|
isPausing,
|
|
@@ -9568,14 +9632,14 @@ function Sidebar({
|
|
|
9568
9632
|
talkLabel: startSessionLabel,
|
|
9569
9633
|
talkDisabled,
|
|
9570
9634
|
showTalk: !isFloating
|
|
9571
|
-
}) : usesHostAuth || isValidating || isAuthenticated ? /* @__PURE__ */
|
|
9635
|
+
}) : usesHostAuth || isValidating || isAuthenticated ? /* @__PURE__ */ jsx39("div", {
|
|
9572
9636
|
className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
|
|
9573
|
-
children: /* @__PURE__ */
|
|
9637
|
+
children: /* @__PURE__ */ jsx39(LoadingDots, {
|
|
9574
9638
|
label: "Loading..."
|
|
9575
9639
|
})
|
|
9576
|
-
}) : /* @__PURE__ */
|
|
9640
|
+
}) : /* @__PURE__ */ jsx39("div", {
|
|
9577
9641
|
"data-skippr-no-drag": "",
|
|
9578
|
-
children: /* @__PURE__ */
|
|
9642
|
+
children: /* @__PURE__ */ jsx39(LoginFlow, {
|
|
9579
9643
|
requestOtp,
|
|
9580
9644
|
verifyOtp,
|
|
9581
9645
|
error: authError,
|
|
@@ -9604,20 +9668,20 @@ function AuthenticatedContent({
|
|
|
9604
9668
|
}) {
|
|
9605
9669
|
const inSession = isConnected || isStarting || isPaused || isPausing;
|
|
9606
9670
|
const effectiveTab = showAgenda ? activeTab : "chat";
|
|
9607
|
-
return /* @__PURE__ */
|
|
9671
|
+
return /* @__PURE__ */ jsxs32(Fragment4, {
|
|
9608
9672
|
children: [
|
|
9609
|
-
isConnected && /* @__PURE__ */
|
|
9610
|
-
/* @__PURE__ */
|
|
9673
|
+
isConnected && /* @__PURE__ */ jsx39(ConnectedBanner, {}),
|
|
9674
|
+
/* @__PURE__ */ jsx39("div", {
|
|
9611
9675
|
className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
|
|
9612
|
-
children: isDisconnecting ? /* @__PURE__ */
|
|
9676
|
+
children: isDisconnecting ? /* @__PURE__ */ jsx39("div", {
|
|
9613
9677
|
className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
|
|
9614
|
-
children: /* @__PURE__ */
|
|
9678
|
+
children: /* @__PURE__ */ jsx39(LoadingDots, {
|
|
9615
9679
|
label: "Ending session..."
|
|
9616
9680
|
})
|
|
9617
|
-
}) : inSession ? /* @__PURE__ */
|
|
9681
|
+
}) : inSession ? /* @__PURE__ */ jsx39(ConnectedBody, {
|
|
9618
9682
|
activeTab: effectiveTab,
|
|
9619
9683
|
autoFocusChat
|
|
9620
|
-
}) : /* @__PURE__ */
|
|
9684
|
+
}) : /* @__PURE__ */ jsx39(IdleHistory, {
|
|
9621
9685
|
activeTab: effectiveTab,
|
|
9622
9686
|
history: idleHistory,
|
|
9623
9687
|
onTalk,
|
|
@@ -9627,36 +9691,24 @@ function AuthenticatedContent({
|
|
|
9627
9691
|
error
|
|
9628
9692
|
})
|
|
9629
9693
|
}),
|
|
9630
|
-
!hideControls && /* @__PURE__ */
|
|
9694
|
+
!hideControls && /* @__PURE__ */ jsx39("div", {
|
|
9631
9695
|
"data-skippr-no-drag": "",
|
|
9632
9696
|
className: "skippr:shrink-0 skippr:border-t skippr:border-border",
|
|
9633
|
-
children: /* @__PURE__ */
|
|
9697
|
+
children: /* @__PURE__ */ jsx39("div", {
|
|
9634
9698
|
className: "skippr:flex skippr:items-center skippr:justify-center skippr:px-4 skippr:pt-1 skippr:pb-0.5 skippr:text-[10px] skippr:text-muted-foreground",
|
|
9635
|
-
children: /* @__PURE__ */
|
|
9699
|
+
children: /* @__PURE__ */ jsxs32("a", {
|
|
9636
9700
|
href: ATTRIBUTION_URL,
|
|
9637
9701
|
target: "_blank",
|
|
9638
9702
|
rel: "noopener noreferrer",
|
|
9639
9703
|
className: `${FOCUS_RING2} skippr:flex skippr:w-fit skippr:items-center skippr:gap-1 skippr:rounded-[4px] skippr:transition-colors skippr:hover:text-foreground`,
|
|
9640
9704
|
children: [
|
|
9641
|
-
/* @__PURE__ */
|
|
9642
|
-
|
|
9643
|
-
className: "skippr:size-3"
|
|
9644
|
-
fill: "none",
|
|
9645
|
-
"aria-hidden": "true",
|
|
9646
|
-
children: [
|
|
9647
|
-
/* @__PURE__ */ jsx38("path", {
|
|
9648
|
-
d: "M119.497 24C124.193 24 128 27.8071 128 32.5033V81.3974C128 83.0339 127.536 84.5616 126.735 85.8587L89.8936 57.4811L89.8943 57.4804C80.4203 50.1648 66.2971 56.7058 66.297 69.0147V89.9007H29.5033C24.8071 89.9007 21 86.0936 21 81.3974V32.5033C21 27.8071 24.8071 24 29.5033 24H119.497ZM76.2715 69.0147C76.2716 65.1724 80.7356 63.0111 83.7978 65.3755L115.637 89.9007H76.2715V69.0147Z",
|
|
9649
|
-
fill: "currentColor"
|
|
9650
|
-
}),
|
|
9651
|
-
/* @__PURE__ */ jsx38("path", {
|
|
9652
|
-
d: "M83.7979 64.8856C80.7358 62.5211 76.2716 64.6824 76.2716 68.5247V120.892C76.2716 125.27 81.8518 127.191 84.5938 123.755L97.6194 107.437C98.1001 106.836 98.7119 106.35 99.4091 106.016C100.106 105.683 100.871 105.51 101.645 105.51H122.946C127.386 105.51 129.316 99.9436 125.81 97.2466L83.7979 64.8856Z",
|
|
9653
|
-
className: "skippr:fill-brand"
|
|
9654
|
-
})
|
|
9655
|
-
]
|
|
9705
|
+
/* @__PURE__ */ jsx39(LogoMark, {
|
|
9706
|
+
decorative: true,
|
|
9707
|
+
className: "skippr:size-3"
|
|
9656
9708
|
}),
|
|
9657
9709
|
ATTRIBUTION_PREFIX,
|
|
9658
9710
|
" ",
|
|
9659
|
-
/* @__PURE__ */
|
|
9711
|
+
/* @__PURE__ */ jsx39("span", {
|
|
9660
9712
|
className: "skippr:font-medium skippr:text-foreground skippr:underline skippr:underline-offset-2",
|
|
9661
9713
|
children: ATTRIBUTION_BRAND
|
|
9662
9714
|
})
|
|
@@ -9664,10 +9716,10 @@ function AuthenticatedContent({
|
|
|
9664
9716
|
})
|
|
9665
9717
|
})
|
|
9666
9718
|
}),
|
|
9667
|
-
/* @__PURE__ */
|
|
9719
|
+
/* @__PURE__ */ jsx39("div", {
|
|
9668
9720
|
"data-skippr-no-drag": "",
|
|
9669
9721
|
className: `skippr:shrink-0 skippr:px-2${hideControls ? " skippr:pb-4 skippr:border-t skippr:border-border skippr:pt-1" : " skippr:pb-1"}`,
|
|
9670
|
-
children: /* @__PURE__ */
|
|
9722
|
+
children: /* @__PURE__ */ jsx39(ConsentNotice, {
|
|
9671
9723
|
leadIn: "By continuing",
|
|
9672
9724
|
determiner: "the",
|
|
9673
9725
|
className: "skippr:whitespace-nowrap skippr:text-[10px]"
|
|
@@ -9677,17 +9729,17 @@ function AuthenticatedContent({
|
|
|
9677
9729
|
});
|
|
9678
9730
|
}
|
|
9679
9731
|
function AuthError() {
|
|
9680
|
-
return /* @__PURE__ */
|
|
9732
|
+
return /* @__PURE__ */ jsxs32("div", {
|
|
9681
9733
|
className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:items-center skippr:justify-center skippr:px-6 skippr:py-4 skippr:text-center",
|
|
9682
9734
|
children: [
|
|
9683
|
-
/* @__PURE__ */
|
|
9735
|
+
/* @__PURE__ */ jsx39(CircleAlert, {
|
|
9684
9736
|
className: "skippr:mb-3 skippr:size-7 skippr:text-destructive"
|
|
9685
9737
|
}),
|
|
9686
|
-
/* @__PURE__ */
|
|
9738
|
+
/* @__PURE__ */ jsx39("p", {
|
|
9687
9739
|
className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
|
|
9688
9740
|
children: "We couldn't verify your session"
|
|
9689
9741
|
}),
|
|
9690
|
-
/* @__PURE__ */
|
|
9742
|
+
/* @__PURE__ */ jsx39("p", {
|
|
9691
9743
|
className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
|
|
9692
9744
|
children: "Please contact administrator."
|
|
9693
9745
|
})
|
|
@@ -9696,7 +9748,7 @@ function AuthError() {
|
|
|
9696
9748
|
}
|
|
9697
9749
|
function ConnectedBanner() {
|
|
9698
9750
|
const remaining = useSessionRemaining();
|
|
9699
|
-
return /* @__PURE__ */
|
|
9751
|
+
return /* @__PURE__ */ jsx39(SessionWarningBanner, {
|
|
9700
9752
|
remaining
|
|
9701
9753
|
});
|
|
9702
9754
|
}
|
|
@@ -9710,45 +9762,45 @@ function IdleHistory({
|
|
|
9710
9762
|
error
|
|
9711
9763
|
}) {
|
|
9712
9764
|
if (history2.isLoading) {
|
|
9713
|
-
return /* @__PURE__ */
|
|
9765
|
+
return /* @__PURE__ */ jsx39("div", {
|
|
9714
9766
|
className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
|
|
9715
|
-
children: /* @__PURE__ */
|
|
9767
|
+
children: /* @__PURE__ */ jsx39(LoadingDots, {
|
|
9716
9768
|
label: "Loading conversation..."
|
|
9717
9769
|
})
|
|
9718
9770
|
});
|
|
9719
9771
|
}
|
|
9720
|
-
return /* @__PURE__ */
|
|
9772
|
+
return /* @__PURE__ */ jsxs32("div", {
|
|
9721
9773
|
className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
|
|
9722
9774
|
children: [
|
|
9723
|
-
activeTab === "agenda" ? /* @__PURE__ */
|
|
9775
|
+
activeTab === "agenda" ? /* @__PURE__ */ jsx39("div", {
|
|
9724
9776
|
"data-skippr-no-drag": "",
|
|
9725
9777
|
className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto",
|
|
9726
|
-
children: /* @__PURE__ */
|
|
9778
|
+
children: /* @__PURE__ */ jsx39(SessionAgenda, {
|
|
9727
9779
|
phases: history2.phases,
|
|
9728
9780
|
hasStarted: history2.phases.length > 0
|
|
9729
9781
|
})
|
|
9730
|
-
}) : /* @__PURE__ */
|
|
9782
|
+
}) : /* @__PURE__ */ jsx39(MessageList, {
|
|
9731
9783
|
messages: history2.messages,
|
|
9732
9784
|
isStreaming: false,
|
|
9733
9785
|
readOnly: true
|
|
9734
9786
|
}),
|
|
9735
|
-
(showTalk || error) && /* @__PURE__ */
|
|
9787
|
+
(showTalk || error) && /* @__PURE__ */ jsxs32("div", {
|
|
9736
9788
|
"data-skippr-no-drag": "",
|
|
9737
9789
|
className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
|
|
9738
9790
|
children: [
|
|
9739
|
-
showTalk && /* @__PURE__ */
|
|
9791
|
+
showTalk && /* @__PURE__ */ jsxs32("button", {
|
|
9740
9792
|
type: "button",
|
|
9741
9793
|
onClick: onTalk,
|
|
9742
9794
|
disabled: talkDisabled,
|
|
9743
9795
|
className: "skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-xl skippr:bg-primary skippr:px-4 skippr:py-3 skippr:font-semibold skippr:text-[13px] skippr:text-primary-foreground skippr:transition-colors skippr:hover:bg-primary/90 skippr:disabled:cursor-not-allowed skippr:disabled:opacity-50",
|
|
9744
9796
|
children: [
|
|
9745
|
-
/* @__PURE__ */
|
|
9797
|
+
/* @__PURE__ */ jsx39(Mic, {
|
|
9746
9798
|
className: "skippr:size-4"
|
|
9747
9799
|
}),
|
|
9748
9800
|
talkLabel
|
|
9749
9801
|
]
|
|
9750
9802
|
}),
|
|
9751
|
-
error && /* @__PURE__ */
|
|
9803
|
+
error && /* @__PURE__ */ jsx39("p", {
|
|
9752
9804
|
role: "alert",
|
|
9753
9805
|
className: cn("skippr:text-center skippr:text-xs skippr:text-destructive", showTalk && "skippr:mt-2"),
|
|
9754
9806
|
children: error
|
|
@@ -9769,18 +9821,18 @@ function ConnectedBody({
|
|
|
9769
9821
|
const { agentControls, isPaused } = useLiveAgent();
|
|
9770
9822
|
const { isHeld } = useSessionHoldContext();
|
|
9771
9823
|
if (activeTab === "agenda") {
|
|
9772
|
-
return /* @__PURE__ */
|
|
9824
|
+
return /* @__PURE__ */ jsx39("div", {
|
|
9773
9825
|
"data-skippr-no-drag": "",
|
|
9774
9826
|
className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto skippr:animate-skippr-tab-fade",
|
|
9775
|
-
children: /* @__PURE__ */
|
|
9827
|
+
children: /* @__PURE__ */ jsx39(SessionAgenda, {
|
|
9776
9828
|
phases,
|
|
9777
9829
|
hasStarted: allMessages.length > 0 || agentState === "speaking"
|
|
9778
9830
|
})
|
|
9779
9831
|
}, "agenda");
|
|
9780
9832
|
}
|
|
9781
|
-
return /* @__PURE__ */
|
|
9833
|
+
return /* @__PURE__ */ jsx39("div", {
|
|
9782
9834
|
className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
|
|
9783
|
-
children: /* @__PURE__ */
|
|
9835
|
+
children: /* @__PURE__ */ jsx39(MessageList, {
|
|
9784
9836
|
messages: allMessages,
|
|
9785
9837
|
isStreaming: agentState === "speaking",
|
|
9786
9838
|
sendChatMessage,
|
|
@@ -9797,9 +9849,9 @@ function ConnectedBody({
|
|
|
9797
9849
|
import { useContext as useContext19 } from "react";
|
|
9798
9850
|
|
|
9799
9851
|
// src/components/Logo.tsx
|
|
9800
|
-
import { jsx as
|
|
9852
|
+
import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
9801
9853
|
function Logo({ className, decorative }) {
|
|
9802
|
-
return /* @__PURE__ */
|
|
9854
|
+
return /* @__PURE__ */ jsxs33("svg", {
|
|
9803
9855
|
width: "1em",
|
|
9804
9856
|
height: "1em",
|
|
9805
9857
|
viewBox: "0 0 200 200",
|
|
@@ -9810,20 +9862,20 @@ function Logo({ className, decorative }) {
|
|
|
9810
9862
|
"aria-hidden": decorative || undefined,
|
|
9811
9863
|
className,
|
|
9812
9864
|
children: [
|
|
9813
|
-
/* @__PURE__ */
|
|
9865
|
+
/* @__PURE__ */ jsx40("rect", {
|
|
9814
9866
|
width: "200",
|
|
9815
9867
|
height: "200",
|
|
9816
9868
|
rx: "40",
|
|
9817
9869
|
fill: "#2D2D3F"
|
|
9818
9870
|
}),
|
|
9819
|
-
/* @__PURE__ */
|
|
9871
|
+
/* @__PURE__ */ jsxs33("g", {
|
|
9820
9872
|
transform: "translate(100 100) scale(0.8) translate(-100 -100)",
|
|
9821
9873
|
children: [
|
|
9822
|
-
/* @__PURE__ */
|
|
9874
|
+
/* @__PURE__ */ jsx40("path", {
|
|
9823
9875
|
d: "M144.497 59C149.193 59 153 62.8071 153 67.5033V116.397C153 118.034 152.536 119.562 151.735 120.859L114.894 92.4811L114.894 92.4804C105.42 85.1648 91.2971 91.7058 91.297 104.015V124.901H54.5033C49.8071 124.901 46 121.094 46 116.397V67.5033C46 62.8071 49.8071 59 54.5033 59H144.497ZM101.272 104.015C101.272 100.172 105.736 98.0111 108.798 100.375L140.637 124.901H101.272V104.015Z",
|
|
9824
9876
|
fill: "white"
|
|
9825
9877
|
}),
|
|
9826
|
-
/* @__PURE__ */
|
|
9878
|
+
/* @__PURE__ */ jsx40("path", {
|
|
9827
9879
|
d: "M108.798 99.8856C105.736 97.5211 101.271 99.6824 101.271 103.525V155.892C101.271 160.27 106.852 162.191 109.594 158.755L122.619 142.437C123.1 141.836 123.712 141.35 124.409 141.016C125.106 140.683 125.871 140.51 126.645 140.51H147.946C152.386 140.51 154.316 134.944 150.81 132.247L108.798 99.8856Z",
|
|
9828
9880
|
className: "skippr:fill-brand"
|
|
9829
9881
|
})
|
|
@@ -9834,7 +9886,7 @@ function Logo({ className, decorative }) {
|
|
|
9834
9886
|
}
|
|
9835
9887
|
|
|
9836
9888
|
// src/components/SidebarTrigger.tsx
|
|
9837
|
-
import { jsx as
|
|
9889
|
+
import { jsx as jsx41 } from "react/jsx-runtime";
|
|
9838
9890
|
function SidebarTrigger() {
|
|
9839
9891
|
const {
|
|
9840
9892
|
isPanelOpen,
|
|
@@ -9854,20 +9906,20 @@ function SidebarTrigger() {
|
|
|
9854
9906
|
if (isMinimized || isConnected || isStarting || isPausing)
|
|
9855
9907
|
return null;
|
|
9856
9908
|
const handleClick = isPanelOpen && minimizable ? minimizePanel : togglePanel;
|
|
9857
|
-
return /* @__PURE__ */
|
|
9909
|
+
return /* @__PURE__ */ jsx41("button", {
|
|
9858
9910
|
type: "button",
|
|
9859
9911
|
onClick: handleClick,
|
|
9860
9912
|
title: isPanelOpen ? "Close chat" : "Open chat",
|
|
9861
9913
|
"aria-label": isPanelOpen ? "Close chat" : "Open chat",
|
|
9862
9914
|
style: { bottom: triggerBottomPx(launcherBottomPx, popsDown) },
|
|
9863
9915
|
className: cn("skippr:fixed skippr:z-[9998]", "skippr:flex skippr:size-12 skippr:items-center skippr:justify-center", "skippr:shadow-[0_4px_16px_rgba(45,43,61,0.45),0_2px_4px_rgba(0,0,0,0.1)] skippr:transition-all", "skippr:cursor-pointer skippr:hover:brightness-110 skippr:hover:-translate-y-0.5 skippr:active:translate-y-0", isPanelOpen ? "skippr:rounded-[14px] skippr:bg-bubble skippr:text-white" : "skippr:rounded-[10px] skippr:overflow-hidden", position === "right" ? "skippr:right-6" : "skippr:left-6"),
|
|
9864
|
-
children: isPanelOpen ? /* @__PURE__ */
|
|
9916
|
+
children: isPanelOpen ? /* @__PURE__ */ jsx41(ChevronDown, {
|
|
9865
9917
|
className: "skippr:size-5"
|
|
9866
|
-
}) : logoUrl ? /* @__PURE__ */
|
|
9918
|
+
}) : logoUrl ? /* @__PURE__ */ jsx41("img", {
|
|
9867
9919
|
src: logoUrl,
|
|
9868
9920
|
alt: "",
|
|
9869
9921
|
className: "skippr:size-12 skippr:object-cover"
|
|
9870
|
-
}) : /* @__PURE__ */
|
|
9922
|
+
}) : /* @__PURE__ */ jsx41(Logo, {
|
|
9871
9923
|
className: "skippr:size-12"
|
|
9872
9924
|
})
|
|
9873
9925
|
});
|
|
@@ -10212,7 +10264,7 @@ function useVoiceBarDrag(containerRef, onDrop, followRefs, reportDragging) {
|
|
|
10212
10264
|
|
|
10213
10265
|
// src/components/VoiceBarChatLine.tsx
|
|
10214
10266
|
import { useCallback as useCallback28, useContext as useContext22, useEffect as useEffect42, useRef as useRef36, useState as useState31 } from "react";
|
|
10215
|
-
import { jsx as
|
|
10267
|
+
import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
10216
10268
|
var IDLE_HIDE_MS = 6000;
|
|
10217
10269
|
function VoiceBarChatLine({
|
|
10218
10270
|
popsDown,
|
|
@@ -10261,12 +10313,12 @@ function VoiceBarChatLine({
|
|
|
10261
10313
|
width: 255,
|
|
10262
10314
|
...popsDown ? { top: "calc(100% + 12px)" } : { bottom: "calc(100% + 12px)" }
|
|
10263
10315
|
};
|
|
10264
|
-
return /* @__PURE__ */
|
|
10316
|
+
return /* @__PURE__ */ jsxs34("div", {
|
|
10265
10317
|
style: embedded ? undefined : style,
|
|
10266
10318
|
onPointerDown: (event) => event.stopPropagation(),
|
|
10267
10319
|
className: cn("skippr:flex skippr:items-center skippr:gap-[7px] skippr:py-[4px] skippr:pl-[13px] skippr:pr-[5px]", !embedded && "skippr:z-[4] skippr:rounded-[12px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_26px_rgba(45,45,63,0.13),0_2px_6px_rgba(45,45,63,0.05)] skippr:[animation:skippr-fade-in_0.16s_ease]"),
|
|
10268
10320
|
children: [
|
|
10269
|
-
/* @__PURE__ */
|
|
10321
|
+
/* @__PURE__ */ jsx42("input", {
|
|
10270
10322
|
ref: inputRef,
|
|
10271
10323
|
value: text,
|
|
10272
10324
|
onChange: (event) => {
|
|
@@ -10284,7 +10336,7 @@ function VoiceBarChatLine({
|
|
|
10284
10336
|
"aria-label": "Message",
|
|
10285
10337
|
className: "skippr:min-w-0 skippr:flex-1 skippr:border-none skippr:bg-transparent skippr:py-[7px] skippr:text-[13px] skippr:font-medium skippr:text-[#2D2D3F] skippr:outline-none skippr:placeholder:text-[#b0aca4]"
|
|
10286
10338
|
}),
|
|
10287
|
-
/* @__PURE__ */
|
|
10339
|
+
/* @__PURE__ */ jsx42("button", {
|
|
10288
10340
|
type: "button",
|
|
10289
10341
|
onClick: submit,
|
|
10290
10342
|
disabled: !sendReady,
|
|
@@ -10294,7 +10346,7 @@ function VoiceBarChatLine({
|
|
|
10294
10346
|
},
|
|
10295
10347
|
"aria-label": "Send",
|
|
10296
10348
|
className: "skippr:flex skippr:size-[32px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:transition-[filter] skippr:hover:brightness-[1.06] skippr:focus-visible:outline-2 skippr:focus-visible:outline-offset-2 skippr:focus-visible:outline-[var(--skippr-brand)] skippr:disabled:cursor-not-allowed",
|
|
10297
|
-
children: /* @__PURE__ */
|
|
10349
|
+
children: /* @__PURE__ */ jsx42(Send, {
|
|
10298
10350
|
className: "skippr:size-[15px]",
|
|
10299
10351
|
strokeWidth: 2
|
|
10300
10352
|
})
|
|
@@ -10305,7 +10357,7 @@ function VoiceBarChatLine({
|
|
|
10305
10357
|
|
|
10306
10358
|
// src/components/VoiceBarLinkCard.tsx
|
|
10307
10359
|
import { useCallback as useCallback29, useEffect as useEffect43, useRef as useRef37, useState as useState32 } from "react";
|
|
10308
|
-
import { jsx as
|
|
10360
|
+
import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
10309
10361
|
var COPIED_RESET_MS2 = 2000;
|
|
10310
10362
|
var DISMISS_AFTER_COPY_MS2 = 3000;
|
|
10311
10363
|
function VoiceBarLinkCard({ card, onDismiss }) {
|
|
@@ -10330,52 +10382,52 @@ function VoiceBarLinkCard({ card, onDismiss }) {
|
|
|
10330
10382
|
setCopied(true);
|
|
10331
10383
|
dismissTimerRef.current = setTimeout(onDismiss, DISMISS_AFTER_COPY_MS2);
|
|
10332
10384
|
}, [card.url, onDismiss]);
|
|
10333
|
-
return /* @__PURE__ */
|
|
10385
|
+
return /* @__PURE__ */ jsxs35("div", {
|
|
10334
10386
|
className: "skippr:relative skippr:w-[225px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
|
|
10335
10387
|
children: [
|
|
10336
|
-
/* @__PURE__ */
|
|
10388
|
+
/* @__PURE__ */ jsx43("button", {
|
|
10337
10389
|
type: "button",
|
|
10338
10390
|
onClick: onDismiss,
|
|
10339
10391
|
"aria-label": "Dismiss link",
|
|
10340
10392
|
className: "skippr:absolute skippr:right-[8px] skippr:top-[8px] skippr:flex skippr:size-[20px] skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#b8b4ac] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]",
|
|
10341
|
-
children: /* @__PURE__ */
|
|
10393
|
+
children: /* @__PURE__ */ jsx43(X, {
|
|
10342
10394
|
className: "skippr:size-[12px]",
|
|
10343
10395
|
strokeWidth: 2.5
|
|
10344
10396
|
})
|
|
10345
10397
|
}),
|
|
10346
|
-
/* @__PURE__ */
|
|
10398
|
+
/* @__PURE__ */ jsxs35("div", {
|
|
10347
10399
|
className: "skippr:px-[12px] skippr:pb-[10px] skippr:pt-[10px]",
|
|
10348
10400
|
children: [
|
|
10349
|
-
/* @__PURE__ */
|
|
10401
|
+
/* @__PURE__ */ jsx43("p", {
|
|
10350
10402
|
className: "skippr:mr-[22px] skippr:truncate skippr:text-[10px] skippr:text-[#8b877f]",
|
|
10351
10403
|
children: card.url
|
|
10352
10404
|
}),
|
|
10353
|
-
/* @__PURE__ */
|
|
10405
|
+
/* @__PURE__ */ jsxs35("div", {
|
|
10354
10406
|
className: "skippr:mt-[9px] skippr:flex skippr:gap-[8px]",
|
|
10355
10407
|
children: [
|
|
10356
|
-
/* @__PURE__ */
|
|
10408
|
+
/* @__PURE__ */ jsxs35("a", {
|
|
10357
10409
|
href: card.url,
|
|
10358
10410
|
target: "_blank",
|
|
10359
10411
|
rel: "noopener noreferrer",
|
|
10360
10412
|
className: "skippr:flex skippr:flex-1 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:rounded-full skippr:bg-[#2D2D3F] skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52]",
|
|
10361
10413
|
children: [
|
|
10362
|
-
/* @__PURE__ */
|
|
10414
|
+
/* @__PURE__ */ jsx43(ExternalLink, {
|
|
10363
10415
|
className: "skippr:size-[11px]",
|
|
10364
10416
|
strokeWidth: 2.5
|
|
10365
10417
|
}),
|
|
10366
10418
|
"open"
|
|
10367
10419
|
]
|
|
10368
10420
|
}),
|
|
10369
|
-
/* @__PURE__ */
|
|
10421
|
+
/* @__PURE__ */ jsxs35("button", {
|
|
10370
10422
|
type: "button",
|
|
10371
10423
|
onClick: handleCopy,
|
|
10372
10424
|
"aria-label": "Copy link",
|
|
10373
10425
|
className: "skippr:flex skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.12)] skippr:bg-white skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold skippr:text-[#2D2D3F] skippr:transition-colors skippr:hover:bg-[#f2f0eb]",
|
|
10374
10426
|
children: [
|
|
10375
|
-
copied ? /* @__PURE__ */
|
|
10427
|
+
copied ? /* @__PURE__ */ jsx43(Check, {
|
|
10376
10428
|
className: "skippr:size-[11px]",
|
|
10377
10429
|
strokeWidth: 3
|
|
10378
|
-
}) : /* @__PURE__ */
|
|
10430
|
+
}) : /* @__PURE__ */ jsx43(Copy, {
|
|
10379
10431
|
className: "skippr:size-[11px]",
|
|
10380
10432
|
strokeWidth: 2.5
|
|
10381
10433
|
}),
|
|
@@ -10392,7 +10444,7 @@ function VoiceBarLinkCard({ card, onDismiss }) {
|
|
|
10392
10444
|
|
|
10393
10445
|
// src/components/VoiceBarNotification.tsx
|
|
10394
10446
|
import { useEffect as useEffect44, useRef as useRef38, useState as useState33 } from "react";
|
|
10395
|
-
import { jsx as
|
|
10447
|
+
import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
10396
10448
|
function VoiceBarNotification({ notifications, pos, onDismiss }) {
|
|
10397
10449
|
const [index2, setIndex] = useState33(0);
|
|
10398
10450
|
const [paused, setPaused] = useState33(false);
|
|
@@ -10437,21 +10489,21 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
|
|
|
10437
10489
|
zIndex: 6,
|
|
10438
10490
|
...popsDown ? { top: "calc(100% + 10px)" } : { bottom: "calc(100% + 10px)" }
|
|
10439
10491
|
};
|
|
10440
|
-
return /* @__PURE__ */
|
|
10492
|
+
return /* @__PURE__ */ jsx44("div", {
|
|
10441
10493
|
style: wrapperStyle,
|
|
10442
10494
|
"data-skippr-no-drag": "",
|
|
10443
|
-
children: /* @__PURE__ */
|
|
10495
|
+
children: /* @__PURE__ */ jsxs36("div", {
|
|
10444
10496
|
ref: cardRef,
|
|
10445
10497
|
className: "skippr:flex skippr:w-[255px] skippr:items-center skippr:gap-[8px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-[11px] skippr:py-[3px] skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
|
|
10446
10498
|
children: [
|
|
10447
|
-
/* @__PURE__ */
|
|
10499
|
+
/* @__PURE__ */ jsx44("span", {
|
|
10448
10500
|
className: "skippr:flex skippr:min-h-[16px] skippr:min-w-0 skippr:flex-1 skippr:items-center skippr:text-[10px] skippr:font-medium skippr:leading-[1.25] skippr:text-[#5a5650]",
|
|
10449
|
-
children: /* @__PURE__ */
|
|
10501
|
+
children: /* @__PURE__ */ jsx44("span", {
|
|
10450
10502
|
className: "skippr:line-clamp-2",
|
|
10451
10503
|
children: notification.message
|
|
10452
10504
|
})
|
|
10453
10505
|
}),
|
|
10454
|
-
/* @__PURE__ */
|
|
10506
|
+
/* @__PURE__ */ jsx44("button", {
|
|
10455
10507
|
type: "button",
|
|
10456
10508
|
onClick: () => {
|
|
10457
10509
|
notification.activate();
|
|
@@ -10460,7 +10512,7 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
|
|
|
10460
10512
|
className: "skippr:shrink-0 skippr:cursor-pointer skippr:rounded-full skippr:bg-[#2D2D3F] skippr:px-[9px] skippr:py-[3px] skippr:text-[9.5px] skippr:font-semibold skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52]",
|
|
10461
10513
|
children: "start"
|
|
10462
10514
|
}),
|
|
10463
|
-
hasMultiple && /* @__PURE__ */
|
|
10515
|
+
hasMultiple && /* @__PURE__ */ jsxs36("button", {
|
|
10464
10516
|
type: "button",
|
|
10465
10517
|
onClick: () => setIndex((current) => (current + 1) % notifications.length),
|
|
10466
10518
|
"aria-label": "Next",
|
|
@@ -10470,7 +10522,7 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
|
|
|
10470
10522
|
safeIndex + 1,
|
|
10471
10523
|
"/",
|
|
10472
10524
|
notifications.length,
|
|
10473
|
-
/* @__PURE__ */
|
|
10525
|
+
/* @__PURE__ */ jsx44(ChevronRight, {
|
|
10474
10526
|
className: "skippr:size-[11px]",
|
|
10475
10527
|
strokeWidth: 2.5
|
|
10476
10528
|
})
|
|
@@ -10483,13 +10535,13 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
|
|
|
10483
10535
|
|
|
10484
10536
|
// src/components/VoiceBarPlanCard.tsx
|
|
10485
10537
|
import { useEffect as useEffect45, useState as useState34 } from "react";
|
|
10486
|
-
import { jsx as
|
|
10538
|
+
import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
10487
10539
|
var APPROVING_RESET_MS2 = 8000;
|
|
10488
10540
|
function StepIndicator({ step }) {
|
|
10489
10541
|
if (step.status === "done") {
|
|
10490
|
-
return /* @__PURE__ */
|
|
10542
|
+
return /* @__PURE__ */ jsx45("span", {
|
|
10491
10543
|
className: "skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-brand",
|
|
10492
|
-
children: /* @__PURE__ */
|
|
10544
|
+
children: /* @__PURE__ */ jsx45(Check, {
|
|
10493
10545
|
className: "skippr:size-[10px]",
|
|
10494
10546
|
style: { color: "var(--skippr-brand-foreground, #2d2b3d)" },
|
|
10495
10547
|
strokeWidth: 3
|
|
@@ -10497,15 +10549,15 @@ function StepIndicator({ step }) {
|
|
|
10497
10549
|
});
|
|
10498
10550
|
}
|
|
10499
10551
|
if (step.status === "failed") {
|
|
10500
|
-
return /* @__PURE__ */
|
|
10552
|
+
return /* @__PURE__ */ jsx45("span", {
|
|
10501
10553
|
className: "skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#dc2626]",
|
|
10502
|
-
children: /* @__PURE__ */
|
|
10554
|
+
children: /* @__PURE__ */ jsx45(X, {
|
|
10503
10555
|
className: "skippr:size-[10px] skippr:text-white",
|
|
10504
10556
|
strokeWidth: 3
|
|
10505
10557
|
})
|
|
10506
10558
|
});
|
|
10507
10559
|
}
|
|
10508
|
-
return /* @__PURE__ */
|
|
10560
|
+
return /* @__PURE__ */ jsx45("span", {
|
|
10509
10561
|
className: cn("skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#f2f0eb] skippr:text-[9px] skippr:font-bold skippr:text-[#8b877f]", step.status === "active" && "skippr:bg-white skippr:text-brand skippr:shadow-[inset_0_0_0_1.5px_var(--skippr-brand,#2bc0ae)]"),
|
|
10510
10562
|
children: step.index + 1
|
|
10511
10563
|
});
|
|
@@ -10545,75 +10597,75 @@ function VoiceBarPlanCard({
|
|
|
10545
10597
|
const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
|
|
10546
10598
|
return () => clearTimeout(timer);
|
|
10547
10599
|
}, [plan.state, onDismiss]);
|
|
10548
|
-
return /* @__PURE__ */
|
|
10600
|
+
return /* @__PURE__ */ jsxs37("div", {
|
|
10549
10601
|
className: cn(!embedded && "skippr:w-[255px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]"),
|
|
10550
10602
|
children: [
|
|
10551
|
-
/* @__PURE__ */
|
|
10603
|
+
/* @__PURE__ */ jsxs37("div", {
|
|
10552
10604
|
className: "skippr:flex skippr:items-center skippr:justify-between skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:px-[12px] skippr:py-[6px]",
|
|
10553
10605
|
children: [
|
|
10554
|
-
/* @__PURE__ */
|
|
10606
|
+
/* @__PURE__ */ jsx45("span", {
|
|
10555
10607
|
className: "skippr:text-[11px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#2D2D3F]",
|
|
10556
10608
|
children: "Plan"
|
|
10557
10609
|
}),
|
|
10558
|
-
/* @__PURE__ */
|
|
10610
|
+
/* @__PURE__ */ jsx45("button", {
|
|
10559
10611
|
type: "button",
|
|
10560
10612
|
onClick: onDismiss,
|
|
10561
10613
|
"aria-label": "Dismiss plan",
|
|
10562
10614
|
className: "skippr:flex skippr:size-[20px] skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#b8b4ac] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]",
|
|
10563
|
-
children: /* @__PURE__ */
|
|
10615
|
+
children: /* @__PURE__ */ jsx45(X, {
|
|
10564
10616
|
className: "skippr:size-[12px]",
|
|
10565
10617
|
strokeWidth: 2.5
|
|
10566
10618
|
})
|
|
10567
10619
|
})
|
|
10568
10620
|
]
|
|
10569
10621
|
}),
|
|
10570
|
-
/* @__PURE__ */
|
|
10622
|
+
/* @__PURE__ */ jsxs37("div", {
|
|
10571
10623
|
className: "skippr:px-[12px] skippr:pb-[10px] skippr:pt-[8px]",
|
|
10572
10624
|
children: [
|
|
10573
|
-
/* @__PURE__ */
|
|
10625
|
+
/* @__PURE__ */ jsx45("p", {
|
|
10574
10626
|
className: "skippr:text-[11.5px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#2D2D3F]",
|
|
10575
10627
|
children: "Here's my plan"
|
|
10576
10628
|
}),
|
|
10577
|
-
awaitingApproval && /* @__PURE__ */
|
|
10629
|
+
awaitingApproval && /* @__PURE__ */ jsxs37("p", {
|
|
10578
10630
|
className: "skippr:mt-[1px] skippr:text-[10px] skippr:text-[#8b877f]",
|
|
10579
10631
|
children: [
|
|
10580
10632
|
plan.steps.length,
|
|
10581
10633
|
" steps · review and approve to run"
|
|
10582
10634
|
]
|
|
10583
10635
|
}),
|
|
10584
|
-
/* @__PURE__ */
|
|
10636
|
+
/* @__PURE__ */ jsx45("div", {
|
|
10585
10637
|
className: "skippr:mt-[8px] skippr:max-h-[132px] skippr:space-y-[6px] skippr:overflow-y-auto skippr:overscroll-contain",
|
|
10586
|
-
children: plan.steps.map((step) => /* @__PURE__ */
|
|
10638
|
+
children: plan.steps.map((step) => /* @__PURE__ */ jsxs37("div", {
|
|
10587
10639
|
className: "skippr:flex skippr:items-center skippr:gap-[7px]",
|
|
10588
10640
|
children: [
|
|
10589
|
-
/* @__PURE__ */
|
|
10641
|
+
/* @__PURE__ */ jsx45(StepIndicator, {
|
|
10590
10642
|
step
|
|
10591
10643
|
}),
|
|
10592
|
-
/* @__PURE__ */
|
|
10644
|
+
/* @__PURE__ */ jsx45("p", {
|
|
10593
10645
|
className: cn("skippr:min-w-0 skippr:text-[11px] skippr:leading-snug skippr:text-[#2D2D3F]", step.status === "pending" && "skippr:text-[#8b877f]", step.status === "failed" && "skippr:text-[#dc2626]"),
|
|
10594
10646
|
children: step.label
|
|
10595
10647
|
})
|
|
10596
10648
|
]
|
|
10597
10649
|
}, step.index))
|
|
10598
10650
|
}),
|
|
10599
|
-
/* @__PURE__ */
|
|
10651
|
+
/* @__PURE__ */ jsx45("div", {
|
|
10600
10652
|
className: "skippr:mt-[9px]",
|
|
10601
|
-
children: awaitingApproval ? /* @__PURE__ */
|
|
10653
|
+
children: awaitingApproval ? /* @__PURE__ */ jsxs37("div", {
|
|
10602
10654
|
className: "skippr:flex skippr:gap-[8px]",
|
|
10603
10655
|
children: [
|
|
10604
|
-
/* @__PURE__ */
|
|
10656
|
+
/* @__PURE__ */ jsxs37("button", {
|
|
10605
10657
|
type: "button",
|
|
10606
10658
|
disabled: isApproving,
|
|
10607
10659
|
onClick: approve,
|
|
10608
10660
|
className: "skippr:flex skippr:flex-1 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:rounded-full skippr:bg-[#2D2D3F] skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52] skippr:disabled:cursor-default skippr:disabled:opacity-80 skippr:disabled:hover:bg-[#2D2D3F]",
|
|
10609
10661
|
children: [
|
|
10610
|
-
isApproving && /* @__PURE__ */
|
|
10662
|
+
isApproving && /* @__PURE__ */ jsx45("span", {
|
|
10611
10663
|
className: "skippr:size-[10px] skippr:shrink-0 skippr:animate-spin skippr:rounded-full skippr:border-2 skippr:border-white/30 skippr:border-t-white"
|
|
10612
10664
|
}),
|
|
10613
10665
|
isApproving ? "approving…" : "approve plan"
|
|
10614
10666
|
]
|
|
10615
10667
|
}),
|
|
10616
|
-
/* @__PURE__ */
|
|
10668
|
+
/* @__PURE__ */ jsx45("button", {
|
|
10617
10669
|
type: "button",
|
|
10618
10670
|
disabled: isApproving,
|
|
10619
10671
|
onClick: cancel,
|
|
@@ -10621,11 +10673,11 @@ function VoiceBarPlanCard({
|
|
|
10621
10673
|
children: "cancel"
|
|
10622
10674
|
})
|
|
10623
10675
|
]
|
|
10624
|
-
}) : /* @__PURE__ */
|
|
10676
|
+
}) : /* @__PURE__ */ jsxs37("span", {
|
|
10625
10677
|
style: { color: "var(--skippr-brand-foreground, #2d2b3d)" },
|
|
10626
10678
|
className: "skippr:flex skippr:items-center skippr:justify-center skippr:gap-[5px] skippr:rounded-full skippr:bg-brand skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold",
|
|
10627
10679
|
children: [
|
|
10628
|
-
/* @__PURE__ */
|
|
10680
|
+
/* @__PURE__ */ jsx45(Check, {
|
|
10629
10681
|
className: "skippr:size-[11px]",
|
|
10630
10682
|
strokeWidth: 3
|
|
10631
10683
|
}),
|
|
@@ -10640,7 +10692,7 @@ function VoiceBarPlanCard({
|
|
|
10640
10692
|
}
|
|
10641
10693
|
|
|
10642
10694
|
// src/components/VoiceBarFrame.tsx
|
|
10643
|
-
import { jsx as
|
|
10695
|
+
import { jsx as jsx46, jsxs as jsxs38, Fragment as Fragment5 } from "react/jsx-runtime";
|
|
10644
10696
|
var AUTO_OFF_MOTES = [
|
|
10645
10697
|
{ left: "13%", delay: "0s", size: 4 },
|
|
10646
10698
|
{ left: "27%", delay: "0.4s", size: 3 },
|
|
@@ -10653,19 +10705,19 @@ var AUTO_OFF_MOTES = [
|
|
|
10653
10705
|
var EDGE_BUTTON = "skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:text-[#b8b4ac] skippr:cursor-pointer skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]";
|
|
10654
10706
|
var PILL = "skippr:relative skippr:flex skippr:h-[36px] skippr:min-w-[96px] skippr:flex-1 skippr:items-center skippr:justify-center skippr:gap-[8px] skippr:rounded-full skippr:text-[13px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-white";
|
|
10655
10707
|
function LoadingAvatar({ logoUrl }) {
|
|
10656
|
-
return /* @__PURE__ */
|
|
10708
|
+
return /* @__PURE__ */ jsxs38("span", {
|
|
10657
10709
|
className: "skippr:relative skippr:size-[22px] skippr:shrink-0",
|
|
10658
10710
|
children: [
|
|
10659
|
-
/* @__PURE__ */
|
|
10711
|
+
/* @__PURE__ */ jsx46("span", {
|
|
10660
10712
|
className: "skippr:absolute skippr:-inset-[3px] skippr:rounded-full skippr:border-2 skippr:border-[var(--skippr-brand-ring)] skippr:border-t-brand skippr:animate-spin"
|
|
10661
10713
|
}),
|
|
10662
|
-
/* @__PURE__ */
|
|
10714
|
+
/* @__PURE__ */ jsx46("span", {
|
|
10663
10715
|
className: "skippr:absolute skippr:inset-0 skippr:overflow-hidden skippr:rounded-full",
|
|
10664
|
-
children: logoUrl ? /* @__PURE__ */
|
|
10716
|
+
children: logoUrl ? /* @__PURE__ */ jsx46("img", {
|
|
10665
10717
|
src: logoUrl,
|
|
10666
10718
|
alt: "",
|
|
10667
10719
|
className: "skippr:block skippr:size-full skippr:object-cover"
|
|
10668
|
-
}) : /* @__PURE__ */
|
|
10720
|
+
}) : /* @__PURE__ */ jsx46("span", {
|
|
10669
10721
|
className: "skippr:block skippr:size-full skippr:bg-launcher"
|
|
10670
10722
|
})
|
|
10671
10723
|
})
|
|
@@ -10673,7 +10725,7 @@ function LoadingAvatar({ logoUrl }) {
|
|
|
10673
10725
|
});
|
|
10674
10726
|
}
|
|
10675
10727
|
function BusyRing({ tone }) {
|
|
10676
|
-
return /* @__PURE__ */
|
|
10728
|
+
return /* @__PURE__ */ jsx46("span", {
|
|
10677
10729
|
className: cn("skippr:pointer-events-none skippr:absolute skippr:-inset-[3px] skippr:rounded-full skippr:border-2 skippr:animate-spin", tone === "white" ? "skippr:border-white/30 skippr:border-t-white" : "skippr:border-[var(--skippr-brand-ring)] skippr:border-t-brand")
|
|
10678
10730
|
});
|
|
10679
10731
|
}
|
|
@@ -10696,16 +10748,16 @@ function useTransientHint(timeoutMs) {
|
|
|
10696
10748
|
};
|
|
10697
10749
|
}
|
|
10698
10750
|
function AgentDots() {
|
|
10699
|
-
return /* @__PURE__ */
|
|
10751
|
+
return /* @__PURE__ */ jsxs38("span", {
|
|
10700
10752
|
className: "skippr:flex skippr:items-center skippr:gap-[4px]",
|
|
10701
10753
|
children: [
|
|
10702
|
-
/* @__PURE__ */
|
|
10754
|
+
/* @__PURE__ */ jsx46("span", {
|
|
10703
10755
|
className: "skippr:size-[4px] skippr:rounded-full skippr:bg-current skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
|
|
10704
10756
|
}),
|
|
10705
|
-
/* @__PURE__ */
|
|
10757
|
+
/* @__PURE__ */ jsx46("span", {
|
|
10706
10758
|
className: "skippr:size-[4px] skippr:rounded-full skippr:bg-current skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.18s_infinite]"
|
|
10707
10759
|
}),
|
|
10708
|
-
/* @__PURE__ */
|
|
10760
|
+
/* @__PURE__ */ jsx46("span", {
|
|
10709
10761
|
className: "skippr:size-[4px] skippr:rounded-full skippr:bg-current skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.36s_infinite]"
|
|
10710
10762
|
})
|
|
10711
10763
|
]
|
|
@@ -10713,9 +10765,9 @@ function AgentDots() {
|
|
|
10713
10765
|
}
|
|
10714
10766
|
function SpeakingBars() {
|
|
10715
10767
|
const { barRefs } = useMicLevel(true);
|
|
10716
|
-
return /* @__PURE__ */
|
|
10768
|
+
return /* @__PURE__ */ jsx46("span", {
|
|
10717
10769
|
className: "skippr:flex skippr:h-[22px] skippr:items-center skippr:gap-[3px]",
|
|
10718
|
-
children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */
|
|
10770
|
+
children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */ jsx46("span", {
|
|
10719
10771
|
ref: (el) => {
|
|
10720
10772
|
barRefs.current[index2] = el;
|
|
10721
10773
|
},
|
|
@@ -10735,7 +10787,7 @@ function MicLevelHalo({ enabled }) {
|
|
|
10735
10787
|
maxGrowthPx: MIC_HALO_GROWTH_PX,
|
|
10736
10788
|
noiseGate: MIC_HALO_NOISE_GATE
|
|
10737
10789
|
});
|
|
10738
|
-
return /* @__PURE__ */
|
|
10790
|
+
return /* @__PURE__ */ jsx46("span", {
|
|
10739
10791
|
ref: (el) => {
|
|
10740
10792
|
barRefs.current[0] = el;
|
|
10741
10793
|
},
|
|
@@ -10744,7 +10796,7 @@ function MicLevelHalo({ enabled }) {
|
|
|
10744
10796
|
});
|
|
10745
10797
|
}
|
|
10746
10798
|
function ShortcutChip({ children }) {
|
|
10747
|
-
return /* @__PURE__ */
|
|
10799
|
+
return /* @__PURE__ */ jsx46("span", {
|
|
10748
10800
|
className: "skippr:rounded-[5px] skippr:border skippr:border-[rgba(45,45,63,0.1)] skippr:bg-[#f2f0eb] skippr:px-[5px] skippr:py-[1px] skippr:font-mono skippr:text-[10px] skippr:font-semibold skippr:text-[#6b6660]",
|
|
10749
10801
|
children
|
|
10750
10802
|
});
|
|
@@ -10780,56 +10832,56 @@ function ShortcutHint({
|
|
|
10780
10832
|
el.removeEventListener("mouseleave", leave);
|
|
10781
10833
|
};
|
|
10782
10834
|
}, [enabled, seenRef]);
|
|
10783
|
-
return /* @__PURE__ */
|
|
10835
|
+
return /* @__PURE__ */ jsxs38("div", {
|
|
10784
10836
|
ref,
|
|
10785
10837
|
className: "skippr:relative skippr:flex skippr:min-w-[96px] skippr:flex-1",
|
|
10786
10838
|
children: [
|
|
10787
|
-
enabled && visible && !suppressed && /* @__PURE__ */
|
|
10839
|
+
enabled && visible && !suppressed && /* @__PURE__ */ jsxs38("div", {
|
|
10788
10840
|
className: "skippr:pointer-events-none skippr:absolute skippr:bottom-[calc(100%+11px)] skippr:left-1/2 skippr:z-[8] skippr:flex skippr:-translate-x-1/2 skippr:items-center skippr:gap-[7px] skippr:whitespace-nowrap skippr:rounded-[11px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-[11px] skippr:py-[6px] skippr:shadow-[0_8px_22px_rgba(45,45,63,0.12),0_1px_3px_rgba(45,45,63,0.04)] skippr:[animation:skippr-fade-in_0.22s_ease]",
|
|
10789
10841
|
children: [
|
|
10790
|
-
/* @__PURE__ */
|
|
10842
|
+
/* @__PURE__ */ jsxs38("span", {
|
|
10791
10843
|
className: "skippr:flex skippr:items-center skippr:gap-[3px]",
|
|
10792
10844
|
children: [
|
|
10793
|
-
/* @__PURE__ */
|
|
10845
|
+
/* @__PURE__ */ jsx46(ShortcutChip, {
|
|
10794
10846
|
children: "Ctrl"
|
|
10795
10847
|
}),
|
|
10796
|
-
/* @__PURE__ */
|
|
10848
|
+
/* @__PURE__ */ jsx46("span", {
|
|
10797
10849
|
className: "skippr:text-[9px] skippr:text-[#c9c5bd]",
|
|
10798
10850
|
children: "+"
|
|
10799
10851
|
}),
|
|
10800
|
-
/* @__PURE__ */
|
|
10852
|
+
/* @__PURE__ */ jsx46(ShortcutChip, {
|
|
10801
10853
|
children: "Space"
|
|
10802
10854
|
})
|
|
10803
10855
|
]
|
|
10804
10856
|
}),
|
|
10805
|
-
/* @__PURE__ */
|
|
10857
|
+
/* @__PURE__ */ jsx46("span", {
|
|
10806
10858
|
className: "skippr:text-[10.5px] skippr:font-medium skippr:text-[#8b877f]",
|
|
10807
10859
|
children: "talk"
|
|
10808
10860
|
}),
|
|
10809
|
-
/* @__PURE__ */
|
|
10861
|
+
/* @__PURE__ */ jsx46("span", {
|
|
10810
10862
|
className: "skippr:text-[10px] skippr:text-[#cbc7bf]",
|
|
10811
10863
|
children: "·"
|
|
10812
10864
|
}),
|
|
10813
|
-
/* @__PURE__ */
|
|
10865
|
+
/* @__PURE__ */ jsxs38("span", {
|
|
10814
10866
|
className: "skippr:flex skippr:items-center skippr:gap-[3px]",
|
|
10815
10867
|
children: [
|
|
10816
|
-
/* @__PURE__ */
|
|
10868
|
+
/* @__PURE__ */ jsx46(ShortcutChip, {
|
|
10817
10869
|
children: "Ctrl"
|
|
10818
10870
|
}),
|
|
10819
|
-
/* @__PURE__ */
|
|
10871
|
+
/* @__PURE__ */ jsx46("span", {
|
|
10820
10872
|
className: "skippr:text-[9px] skippr:text-[#c9c5bd]",
|
|
10821
10873
|
children: "+"
|
|
10822
10874
|
}),
|
|
10823
|
-
/* @__PURE__ */
|
|
10875
|
+
/* @__PURE__ */ jsx46(ShortcutChip, {
|
|
10824
10876
|
children: "X"
|
|
10825
10877
|
})
|
|
10826
10878
|
]
|
|
10827
10879
|
}),
|
|
10828
|
-
/* @__PURE__ */
|
|
10880
|
+
/* @__PURE__ */ jsx46("span", {
|
|
10829
10881
|
className: "skippr:text-[10.5px] skippr:font-medium skippr:text-[#8b877f]",
|
|
10830
10882
|
children: "stop"
|
|
10831
10883
|
}),
|
|
10832
|
-
/* @__PURE__ */
|
|
10884
|
+
/* @__PURE__ */ jsx46("span", {
|
|
10833
10885
|
className: "skippr:absolute skippr:left-1/2 skippr:top-full skippr:size-[9px] skippr:-translate-x-1/2 skippr:-translate-y-[4px] skippr:rotate-45 skippr:border-b skippr:border-r skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white"
|
|
10834
10886
|
})
|
|
10835
10887
|
]
|
|
@@ -11047,12 +11099,12 @@ function VoiceBarFrame({
|
|
|
11047
11099
|
...popsDown ? { top: "calc(100% + 12px)" } : { bottom: "calc(100% + 12px)" }
|
|
11048
11100
|
};
|
|
11049
11101
|
const pillEvaporate = autoOffClosing ? "skippr:[animation:skippr-evaporate_3.2s_ease-in_forwards] skippr:motion-reduce:animate-none" : "";
|
|
11050
|
-
return /* @__PURE__ */
|
|
11102
|
+
return /* @__PURE__ */ jsxs38("div", {
|
|
11051
11103
|
ref: setContainerRefs,
|
|
11052
11104
|
style: barPosStyle(pos),
|
|
11053
11105
|
className: "skippr:fixed skippr:z-[9999] skippr:flex skippr:w-[255px] skippr:touch-none skippr:cursor-grab skippr:items-center",
|
|
11054
11106
|
children: [
|
|
11055
|
-
glow && /* @__PURE__ */
|
|
11107
|
+
glow && /* @__PURE__ */ jsx46("span", {
|
|
11056
11108
|
"aria-hidden": true,
|
|
11057
11109
|
className: "skippr:pointer-events-none skippr:absolute skippr:-left-[6px] skippr:-right-[6px] skippr:-top-[13px] skippr:h-[24px] skippr:rounded-full skippr:animate-skippr-flow skippr:motion-reduce:animate-none",
|
|
11058
11110
|
style: {
|
|
@@ -11062,13 +11114,13 @@ function VoiceBarFrame({
|
|
|
11062
11114
|
backgroundSize: "300% 100%"
|
|
11063
11115
|
}
|
|
11064
11116
|
}),
|
|
11065
|
-
/* @__PURE__ */
|
|
11117
|
+
/* @__PURE__ */ jsx46("span", {
|
|
11066
11118
|
className: cn("skippr:pointer-events-none skippr:absolute skippr:inset-0 skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:transition-shadow", glow ? "skippr:shadow-[0_10px_30px_rgba(45,45,63,0.14),0_0_0_1.5px_var(--skippr-brand-ring)]" : "skippr:shadow-[0_8px_30px_rgba(45,45,63,0.14),0_2px_6px_rgba(45,45,63,0.06)]", pillEvaporate)
|
|
11067
11119
|
}),
|
|
11068
|
-
autoOffClosing && /* @__PURE__ */
|
|
11120
|
+
autoOffClosing && /* @__PURE__ */ jsx46("span", {
|
|
11069
11121
|
"aria-hidden": true,
|
|
11070
11122
|
className: "skippr:pointer-events-none skippr:absolute skippr:inset-0 skippr:z-[4] skippr:overflow-visible",
|
|
11071
|
-
children: AUTO_OFF_MOTES.map((mote) => /* @__PURE__ */
|
|
11123
|
+
children: AUTO_OFF_MOTES.map((mote) => /* @__PURE__ */ jsx46("span", {
|
|
11072
11124
|
className: "skippr:absolute skippr:top-1/2 skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-mote-rise_1.6s_ease-out_infinite] skippr:motion-reduce:animate-none",
|
|
11073
11125
|
style: {
|
|
11074
11126
|
left: mote.left,
|
|
@@ -11078,39 +11130,39 @@ function VoiceBarFrame({
|
|
|
11078
11130
|
}
|
|
11079
11131
|
}, mote.left))
|
|
11080
11132
|
}),
|
|
11081
|
-
showLiveStrip && /* @__PURE__ */
|
|
11133
|
+
showLiveStrip && /* @__PURE__ */ jsx46("div", {
|
|
11082
11134
|
style: stripStyle,
|
|
11083
11135
|
className: "skippr:pointer-events-none skippr:z-[5]",
|
|
11084
|
-
children: /* @__PURE__ */
|
|
11136
|
+
children: /* @__PURE__ */ jsxs38("div", {
|
|
11085
11137
|
className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
|
|
11086
11138
|
children: [
|
|
11087
|
-
/* @__PURE__ */
|
|
11139
|
+
/* @__PURE__ */ jsx46("span", {
|
|
11088
11140
|
style: { background: livePillBg },
|
|
11089
11141
|
className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
|
|
11090
11142
|
}),
|
|
11091
|
-
/* @__PURE__ */
|
|
11143
|
+
/* @__PURE__ */ jsx46("span", {
|
|
11092
11144
|
className: "skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#5a5650]",
|
|
11093
11145
|
children: liveStripLabel
|
|
11094
11146
|
})
|
|
11095
11147
|
]
|
|
11096
11148
|
})
|
|
11097
11149
|
}),
|
|
11098
|
-
showHeldStrip && /* @__PURE__ */
|
|
11150
|
+
showHeldStrip && /* @__PURE__ */ jsx46("div", {
|
|
11099
11151
|
style: stripStyle,
|
|
11100
11152
|
className: "skippr:pointer-events-none skippr:z-[5]",
|
|
11101
|
-
children: /* @__PURE__ */
|
|
11153
|
+
children: /* @__PURE__ */ jsxs38("div", {
|
|
11102
11154
|
role: "timer",
|
|
11103
11155
|
"aria-label": `Agent closes in ${holdCountdown} seconds`,
|
|
11104
11156
|
className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
|
|
11105
11157
|
children: [
|
|
11106
|
-
/* @__PURE__ */
|
|
11158
|
+
/* @__PURE__ */ jsx46("span", {
|
|
11107
11159
|
className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full skippr:bg-[#b9b4ab]"
|
|
11108
11160
|
}),
|
|
11109
|
-
/* @__PURE__ */
|
|
11161
|
+
/* @__PURE__ */ jsxs38("span", {
|
|
11110
11162
|
className: "skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#5a5650]",
|
|
11111
11163
|
children: [
|
|
11112
11164
|
"Agent closes in",
|
|
11113
|
-
/* @__PURE__ */
|
|
11165
|
+
/* @__PURE__ */ jsxs38("span", {
|
|
11114
11166
|
className: "skippr:ml-1 skippr:tabular-nums",
|
|
11115
11167
|
children: [
|
|
11116
11168
|
heldMinutes,
|
|
@@ -11123,83 +11175,83 @@ function VoiceBarFrame({
|
|
|
11123
11175
|
]
|
|
11124
11176
|
})
|
|
11125
11177
|
}),
|
|
11126
|
-
showTimerStrip && sessionTimer && /* @__PURE__ */
|
|
11178
|
+
showTimerStrip && sessionTimer && /* @__PURE__ */ jsx46("div", {
|
|
11127
11179
|
style: stripStyle,
|
|
11128
11180
|
className: "skippr:pointer-events-none skippr:z-[5]",
|
|
11129
|
-
children: /* @__PURE__ */
|
|
11181
|
+
children: /* @__PURE__ */ jsxs38("div", {
|
|
11130
11182
|
className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
|
|
11131
11183
|
children: [
|
|
11132
|
-
/* @__PURE__ */
|
|
11184
|
+
/* @__PURE__ */ jsx46("span", {
|
|
11133
11185
|
style: { background: sessionTimer.warning ? "#f59e0b" : "#b9b4ab" },
|
|
11134
11186
|
className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full"
|
|
11135
11187
|
}),
|
|
11136
|
-
/* @__PURE__ */
|
|
11188
|
+
/* @__PURE__ */ jsx46("span", {
|
|
11137
11189
|
className: cn("skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em]", sessionTimer.warning ? "skippr:text-[#92400e]" : "skippr:text-[#5a5650]"),
|
|
11138
11190
|
children: sessionTimer.label
|
|
11139
11191
|
})
|
|
11140
11192
|
]
|
|
11141
11193
|
})
|
|
11142
11194
|
}),
|
|
11143
|
-
showAutoOffStrip && /* @__PURE__ */
|
|
11195
|
+
showAutoOffStrip && /* @__PURE__ */ jsx46("div", {
|
|
11144
11196
|
role: "status",
|
|
11145
11197
|
style: stripStyle,
|
|
11146
11198
|
className: "skippr:pointer-events-none skippr:z-[6]",
|
|
11147
|
-
children: /* @__PURE__ */
|
|
11199
|
+
children: /* @__PURE__ */ jsxs38("div", {
|
|
11148
11200
|
className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
|
|
11149
11201
|
children: [
|
|
11150
|
-
/* @__PURE__ */
|
|
11202
|
+
/* @__PURE__ */ jsx46("span", {
|
|
11151
11203
|
className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full skippr:bg-[#b9b4ab] skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
|
|
11152
11204
|
}),
|
|
11153
|
-
/* @__PURE__ */
|
|
11205
|
+
/* @__PURE__ */ jsx46("span", {
|
|
11154
11206
|
className: "skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#5a5650]",
|
|
11155
11207
|
children: "No activity — closing…"
|
|
11156
11208
|
})
|
|
11157
11209
|
]
|
|
11158
11210
|
})
|
|
11159
11211
|
}),
|
|
11160
|
-
floatingPlanActive && activePlan && /* @__PURE__ */
|
|
11212
|
+
floatingPlanActive && activePlan && /* @__PURE__ */ jsx46("div", {
|
|
11161
11213
|
style: planCardStyle,
|
|
11162
11214
|
className: "skippr:z-[6]",
|
|
11163
11215
|
"data-skippr-no-drag": "",
|
|
11164
|
-
children: /* @__PURE__ */
|
|
11216
|
+
children: /* @__PURE__ */ jsx46(VoiceBarPlanCard, {
|
|
11165
11217
|
plan: activePlan,
|
|
11166
11218
|
sendChatMessage,
|
|
11167
11219
|
onDismiss: () => setDismissedFloatingPlanId(activePlan.planId)
|
|
11168
11220
|
}, activePlan.planId)
|
|
11169
11221
|
}),
|
|
11170
|
-
linkCardActive && visibleLinkCard && /* @__PURE__ */
|
|
11222
|
+
linkCardActive && visibleLinkCard && /* @__PURE__ */ jsx46("div", {
|
|
11171
11223
|
style: planCardStyle,
|
|
11172
11224
|
className: "skippr:z-[6]",
|
|
11173
11225
|
"data-skippr-no-drag": "",
|
|
11174
|
-
children: /* @__PURE__ */
|
|
11226
|
+
children: /* @__PURE__ */ jsx46(VoiceBarLinkCard, {
|
|
11175
11227
|
card: visibleLinkCard,
|
|
11176
11228
|
onDismiss: () => setDismissedLinkCardId(visibleLinkCard.cardId)
|
|
11177
11229
|
}, visibleLinkCard.cardId)
|
|
11178
11230
|
}),
|
|
11179
|
-
loginOpen && needsLogin && /* @__PURE__ */
|
|
11231
|
+
loginOpen && needsLogin && /* @__PURE__ */ jsx46("div", {
|
|
11180
11232
|
style: planCardStyle,
|
|
11181
11233
|
className: "skippr:z-[6]",
|
|
11182
11234
|
"data-skippr-no-drag": "",
|
|
11183
11235
|
onPointerDown: (event) => event.stopPropagation(),
|
|
11184
|
-
children: /* @__PURE__ */
|
|
11236
|
+
children: /* @__PURE__ */ jsx46(VoiceBarLoginCard, {
|
|
11185
11237
|
onDismiss: () => {
|
|
11186
11238
|
setLoginOpen(false);
|
|
11187
11239
|
setAutoStartAfterLogin(false);
|
|
11188
11240
|
}
|
|
11189
11241
|
})
|
|
11190
11242
|
}),
|
|
11191
|
-
!sessionLive && !needsLogin && !bannerActive && /* @__PURE__ */
|
|
11243
|
+
!sessionLive && !needsLogin && !bannerActive && /* @__PURE__ */ jsx46("div", {
|
|
11192
11244
|
style: planCardStyle,
|
|
11193
11245
|
className: "skippr:z-[6]",
|
|
11194
11246
|
"data-skippr-no-drag": "",
|
|
11195
|
-
children: /* @__PURE__ */
|
|
11247
|
+
children: /* @__PURE__ */ jsx46("div", {
|
|
11196
11248
|
className: "skippr:w-[220px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-3 skippr:py-2 skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
|
|
11197
|
-
children: /* @__PURE__ */
|
|
11249
|
+
children: /* @__PURE__ */ jsx46(ConsentNotice, {
|
|
11198
11250
|
leadIn: "By starting a session"
|
|
11199
11251
|
})
|
|
11200
11252
|
})
|
|
11201
11253
|
}),
|
|
11202
|
-
hasNotifications && !bannerOpen && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */
|
|
11254
|
+
hasNotifications && !bannerOpen && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */ jsx46("button", {
|
|
11203
11255
|
type: "button",
|
|
11204
11256
|
onClick: ifNotDragged(() => setBannerOpen(true)),
|
|
11205
11257
|
"aria-label": "Show notifications",
|
|
@@ -11209,61 +11261,61 @@ function VoiceBarFrame({
|
|
|
11209
11261
|
},
|
|
11210
11262
|
className: "skippr:absolute skippr:-top-[3px] skippr:right-[4px] skippr:z-[7] skippr:size-[13px] skippr:cursor-pointer skippr:rounded-full skippr:border-[2.5px] skippr:border-white skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none"
|
|
11211
11263
|
}),
|
|
11212
|
-
bannerActive && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */
|
|
11264
|
+
bannerActive && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */ jsx46(VoiceBarNotification, {
|
|
11213
11265
|
notifications,
|
|
11214
11266
|
pos,
|
|
11215
11267
|
onDismiss: closeBanner
|
|
11216
11268
|
}),
|
|
11217
|
-
/* @__PURE__ */
|
|
11269
|
+
/* @__PURE__ */ jsxs38("div", {
|
|
11218
11270
|
className: cn("skippr:relative skippr:z-[1] skippr:flex skippr:w-full skippr:items-center skippr:gap-[7px] skippr:px-[7px] skippr:py-[5px]", pillEvaporate),
|
|
11219
11271
|
children: [
|
|
11220
|
-
showClose && /* @__PURE__ */
|
|
11272
|
+
showClose && /* @__PURE__ */ jsxs38("button", {
|
|
11221
11273
|
type: "button",
|
|
11222
11274
|
onClick: ifNotDragged(closeBar),
|
|
11223
11275
|
disabled: isPausing || isLoading,
|
|
11224
11276
|
"aria-label": sessionLive ? "End session" : "Close",
|
|
11225
11277
|
className: cn(EDGE_BUTTON, "skippr:relative skippr:size-[26px]", isLoading && "skippr:cursor-not-allowed skippr:opacity-40 skippr:hover:bg-transparent skippr:hover:text-[#b8b4ac]"),
|
|
11226
11278
|
children: [
|
|
11227
|
-
isPausing && /* @__PURE__ */
|
|
11279
|
+
isPausing && /* @__PURE__ */ jsx46(BusyRing, {
|
|
11228
11280
|
tone: "brand"
|
|
11229
11281
|
}),
|
|
11230
|
-
/* @__PURE__ */
|
|
11282
|
+
/* @__PURE__ */ jsx46(X, {
|
|
11231
11283
|
className: "skippr:size-[14px]",
|
|
11232
11284
|
strokeWidth: 2
|
|
11233
11285
|
})
|
|
11234
11286
|
]
|
|
11235
11287
|
}),
|
|
11236
|
-
isLoading && /* @__PURE__ */
|
|
11288
|
+
isLoading && /* @__PURE__ */ jsxs38("div", {
|
|
11237
11289
|
className: cn(PILL, "skippr:bg-[#F1EFEA] skippr:overflow-hidden", !isExchanging && "skippr:[animation:skippr-fade-in_0.25s_ease]"),
|
|
11238
11290
|
children: [
|
|
11239
|
-
/* @__PURE__ */
|
|
11291
|
+
/* @__PURE__ */ jsx46(LoadingAvatar, {
|
|
11240
11292
|
logoUrl
|
|
11241
11293
|
}),
|
|
11242
|
-
/* @__PURE__ */
|
|
11294
|
+
/* @__PURE__ */ jsx46("span", {
|
|
11243
11295
|
className: "skippr:whitespace-nowrap skippr:text-[12.5px] skippr:font-semibold skippr:text-[#5a5650]",
|
|
11244
11296
|
children: "Agent is loading"
|
|
11245
11297
|
}),
|
|
11246
|
-
/* @__PURE__ */
|
|
11298
|
+
/* @__PURE__ */ jsxs38("span", {
|
|
11247
11299
|
className: "skippr:flex skippr:items-end skippr:gap-[3px]",
|
|
11248
11300
|
children: [
|
|
11249
|
-
/* @__PURE__ */
|
|
11301
|
+
/* @__PURE__ */ jsx46("span", {
|
|
11250
11302
|
className: "skippr:size-[3px] skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
|
|
11251
11303
|
}),
|
|
11252
|
-
/* @__PURE__ */
|
|
11304
|
+
/* @__PURE__ */ jsx46("span", {
|
|
11253
11305
|
className: "skippr:size-[3px] skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.18s_infinite]"
|
|
11254
11306
|
}),
|
|
11255
|
-
/* @__PURE__ */
|
|
11307
|
+
/* @__PURE__ */ jsx46("span", {
|
|
11256
11308
|
className: "skippr:size-[3px] skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.36s_infinite]"
|
|
11257
11309
|
})
|
|
11258
11310
|
]
|
|
11259
11311
|
})
|
|
11260
11312
|
]
|
|
11261
11313
|
}),
|
|
11262
|
-
!isLoading && isConnected && !textMode && pushOrTap && /* @__PURE__ */
|
|
11314
|
+
!isLoading && isConnected && !textMode && pushOrTap && /* @__PURE__ */ jsx46(ShortcutHint, {
|
|
11263
11315
|
enabled: isPushToTalk,
|
|
11264
11316
|
seenRef: hintSeenRef,
|
|
11265
11317
|
suppressed: hintSuppressed,
|
|
11266
|
-
children: /* @__PURE__ */
|
|
11318
|
+
children: /* @__PURE__ */ jsxs38("button", {
|
|
11267
11319
|
type: "button",
|
|
11268
11320
|
"data-skippr-no-drag": "",
|
|
11269
11321
|
style: {
|
|
@@ -11282,7 +11334,7 @@ function VoiceBarFrame({
|
|
|
11282
11334
|
"aria-label": requestLabel,
|
|
11283
11335
|
className: cn(PILL, "skippr:cursor-pointer skippr:transition-[filter] skippr:hover:brightness-[1.04] skippr:active:scale-[0.98]", isCapturingSpeech && "skippr:animate-skippr-ptt-transmit skippr:motion-reduce:animate-none"),
|
|
11284
11336
|
children: [
|
|
11285
|
-
agentActive ? /* @__PURE__ */
|
|
11337
|
+
agentActive ? /* @__PURE__ */ jsx46(AgentDots, {}) : isCapturingSpeech ? /* @__PURE__ */ jsx46(SpeakingBars, {}) : /* @__PURE__ */ jsx46(AudioLines, {
|
|
11286
11338
|
className: "skippr:size-[17px]",
|
|
11287
11339
|
strokeWidth: 2
|
|
11288
11340
|
}),
|
|
@@ -11290,53 +11342,53 @@ function VoiceBarFrame({
|
|
|
11290
11342
|
]
|
|
11291
11343
|
})
|
|
11292
11344
|
}),
|
|
11293
|
-
!isLoading && isConnected && !textMode && !pushOrTap && /* @__PURE__ */
|
|
11345
|
+
!isLoading && isConnected && !textMode && !pushOrTap && /* @__PURE__ */ jsxs38("div", {
|
|
11294
11346
|
style: { background: livePillBg, color: "var(--skippr-brand-foreground, #2d2b3d)" },
|
|
11295
11347
|
className: cn(PILL, "skippr:gap-[9px] skippr:px-[8px]"),
|
|
11296
11348
|
children: [
|
|
11297
|
-
/* @__PURE__ */
|
|
11349
|
+
/* @__PURE__ */ jsx46("button", {
|
|
11298
11350
|
type: "button",
|
|
11299
11351
|
onClick: ifNotDragged(togglePause),
|
|
11300
11352
|
"aria-label": isHeld ? "Resume" : "Pause",
|
|
11301
11353
|
className: "skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:cursor-pointer skippr:transition-colors skippr:hover:bg-white/20",
|
|
11302
|
-
children: isHeld ? /* @__PURE__ */
|
|
11354
|
+
children: isHeld ? /* @__PURE__ */ jsx46(Play, {
|
|
11303
11355
|
className: "skippr:size-[13px]",
|
|
11304
11356
|
fill: "currentColor",
|
|
11305
11357
|
strokeWidth: 0
|
|
11306
|
-
}) : /* @__PURE__ */
|
|
11358
|
+
}) : /* @__PURE__ */ jsx46(Pause, {
|
|
11307
11359
|
className: "skippr:size-[13px]",
|
|
11308
11360
|
fill: "currentColor",
|
|
11309
11361
|
strokeWidth: 0
|
|
11310
11362
|
})
|
|
11311
11363
|
}),
|
|
11312
|
-
!isHeld && /* @__PURE__ */
|
|
11364
|
+
!isHeld && /* @__PURE__ */ jsxs38(Fragment5, {
|
|
11313
11365
|
children: [
|
|
11314
|
-
/* @__PURE__ */
|
|
11366
|
+
/* @__PURE__ */ jsxs38("span", {
|
|
11315
11367
|
className: "skippr:relative skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center",
|
|
11316
11368
|
children: [
|
|
11317
|
-
/* @__PURE__ */
|
|
11369
|
+
/* @__PURE__ */ jsx46(MicLevelHalo, {
|
|
11318
11370
|
enabled: !isMuted
|
|
11319
11371
|
}),
|
|
11320
|
-
/* @__PURE__ */
|
|
11372
|
+
/* @__PURE__ */ jsx46("button", {
|
|
11321
11373
|
type: "button",
|
|
11322
11374
|
onClick: ifNotDragged(() => void toggleMute()),
|
|
11323
11375
|
style: { background: "#fff", color: "var(--skippr-brand-deep)" },
|
|
11324
11376
|
"aria-label": isMuted ? "Unmute" : "Mute",
|
|
11325
11377
|
className: "skippr:relative skippr:flex skippr:size-[30px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:cursor-pointer skippr:transition-[filter] skippr:hover:brightness-[1.06]",
|
|
11326
|
-
children: isMuted ? /* @__PURE__ */
|
|
11378
|
+
children: isMuted ? /* @__PURE__ */ jsx46(MicOff, {
|
|
11327
11379
|
className: "skippr:size-[15px]",
|
|
11328
11380
|
strokeWidth: 2
|
|
11329
|
-
}) : /* @__PURE__ */
|
|
11381
|
+
}) : /* @__PURE__ */ jsx46(Mic, {
|
|
11330
11382
|
className: "skippr:size-[15px]",
|
|
11331
11383
|
strokeWidth: 2
|
|
11332
11384
|
})
|
|
11333
11385
|
})
|
|
11334
11386
|
]
|
|
11335
11387
|
}),
|
|
11336
|
-
/* @__PURE__ */
|
|
11388
|
+
/* @__PURE__ */ jsxs38("span", {
|
|
11337
11389
|
className: "skippr:relative skippr:inline-flex",
|
|
11338
11390
|
children: [
|
|
11339
|
-
/* @__PURE__ */
|
|
11391
|
+
/* @__PURE__ */ jsx46("button", {
|
|
11340
11392
|
type: "button",
|
|
11341
11393
|
onClick: ifNotDragged(() => {
|
|
11342
11394
|
stopActions2();
|
|
@@ -11346,13 +11398,13 @@ function VoiceBarFrame({
|
|
|
11346
11398
|
...stopHintProps,
|
|
11347
11399
|
"aria-label": "Stop live action",
|
|
11348
11400
|
className: "skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:transition-colors skippr:hover:bg-white/20",
|
|
11349
|
-
children: /* @__PURE__ */
|
|
11401
|
+
children: /* @__PURE__ */ jsx46(Square, {
|
|
11350
11402
|
className: "skippr:size-[11px]",
|
|
11351
11403
|
fill: "currentColor",
|
|
11352
11404
|
strokeWidth: 0
|
|
11353
11405
|
})
|
|
11354
11406
|
}),
|
|
11355
|
-
stopHintVisible && /* @__PURE__ */
|
|
11407
|
+
stopHintVisible && /* @__PURE__ */ jsx46("span", {
|
|
11356
11408
|
className: "skippr:pointer-events-none skippr:absolute skippr:bottom-full skippr:left-1/2 skippr:z-10 skippr:mb-1.5 skippr:-translate-x-1/2 skippr:whitespace-nowrap skippr:rounded skippr:bg-foreground skippr:px-1.5 skippr:py-0.5 skippr:text-[10px] skippr:font-medium skippr:text-background",
|
|
11357
11409
|
"aria-hidden": "true",
|
|
11358
11410
|
children: "Stop live action"
|
|
@@ -11363,17 +11415,17 @@ function VoiceBarFrame({
|
|
|
11363
11415
|
})
|
|
11364
11416
|
]
|
|
11365
11417
|
}),
|
|
11366
|
-
!isLoading && isConnected && textMode && /* @__PURE__ */
|
|
11418
|
+
!isLoading && isConnected && textMode && /* @__PURE__ */ jsxs38("div", {
|
|
11367
11419
|
className: cn(PILL, "skippr:gap-[7px] skippr:bg-[#F1EFEA] skippr:text-[#5a5650] skippr:[animation:skippr-fade-in_0.25s_ease]"),
|
|
11368
11420
|
children: [
|
|
11369
|
-
/* @__PURE__ */
|
|
11421
|
+
/* @__PURE__ */ jsx46(MessageSquare, {
|
|
11370
11422
|
className: "skippr:size-[15px] skippr:text-[#8b877f]",
|
|
11371
11423
|
strokeWidth: 2
|
|
11372
11424
|
}),
|
|
11373
11425
|
"Text mode"
|
|
11374
11426
|
]
|
|
11375
11427
|
}),
|
|
11376
|
-
!sessionLive && /* @__PURE__ */
|
|
11428
|
+
!sessionLive && /* @__PURE__ */ jsxs38("button", {
|
|
11377
11429
|
type: "button",
|
|
11378
11430
|
onClick: ifNotDragged(() => {
|
|
11379
11431
|
if (canStart) {
|
|
@@ -11388,48 +11440,48 @@ function VoiceBarFrame({
|
|
|
11388
11440
|
style: { color: "var(--skippr-brand-foreground, #2d2b3d)" },
|
|
11389
11441
|
className: cn(PILL, "skippr:cursor-pointer skippr:bg-brand skippr:px-[12px] skippr:transition-[filter] skippr:hover:brightness-[1.04] skippr:active:scale-[0.98] skippr:disabled:cursor-not-allowed skippr:disabled:opacity-60"),
|
|
11390
11442
|
children: [
|
|
11391
|
-
/* @__PURE__ */
|
|
11443
|
+
/* @__PURE__ */ jsx46("span", {
|
|
11392
11444
|
className: "skippr:size-[22px] skippr:shrink-0 skippr:overflow-hidden skippr:rounded-full skippr:shadow-[0_0_0_1.5px_rgba(255,255,255,0.85)]",
|
|
11393
|
-
children: logoUrl ? /* @__PURE__ */
|
|
11445
|
+
children: logoUrl ? /* @__PURE__ */ jsx46("img", {
|
|
11394
11446
|
src: logoUrl,
|
|
11395
11447
|
alt: "",
|
|
11396
11448
|
className: "skippr:block skippr:size-full skippr:object-cover"
|
|
11397
|
-
}) : /* @__PURE__ */
|
|
11449
|
+
}) : /* @__PURE__ */ jsx46("span", {
|
|
11398
11450
|
className: "skippr:block skippr:size-full skippr:bg-launcher"
|
|
11399
11451
|
})
|
|
11400
11452
|
}),
|
|
11401
11453
|
"Talk to AI Agent"
|
|
11402
11454
|
]
|
|
11403
11455
|
}),
|
|
11404
|
-
(sessionLive || isRoomChat) && /* @__PURE__ */
|
|
11456
|
+
(sessionLive || isRoomChat) && /* @__PURE__ */ jsx46("button", {
|
|
11405
11457
|
type: "button",
|
|
11406
11458
|
onClick: ifNotDragged(toggleChat),
|
|
11407
11459
|
disabled: isLoading,
|
|
11408
11460
|
"aria-label": "Open chat",
|
|
11409
11461
|
className: cn(EDGE_BUTTON, "skippr:size-[30px] skippr:text-[#8b877f]", isLoading && "skippr:cursor-not-allowed skippr:opacity-40 skippr:hover:bg-transparent skippr:hover:text-[#8b877f]"),
|
|
11410
|
-
children: /* @__PURE__ */
|
|
11462
|
+
children: /* @__PURE__ */ jsx46(MessageSquare, {
|
|
11411
11463
|
className: "skippr:size-[15px]",
|
|
11412
11464
|
strokeWidth: 2
|
|
11413
11465
|
})
|
|
11414
11466
|
})
|
|
11415
11467
|
]
|
|
11416
11468
|
}),
|
|
11417
|
-
lineBlockOpen && /* @__PURE__ */
|
|
11469
|
+
lineBlockOpen && /* @__PURE__ */ jsxs38("div", {
|
|
11418
11470
|
style: chatBlockStyle,
|
|
11419
11471
|
"data-skippr-no-drag": "",
|
|
11420
11472
|
onPointerDown: (event) => event.stopPropagation(),
|
|
11421
11473
|
className: cn("skippr:z-[6] skippr:overflow-hidden skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_26px_rgba(45,45,63,0.13),0_2px_6px_rgba(45,45,63,0.05)]", chatLineClosing ? "skippr:[animation:skippr-fade-out_0.18s_ease-in_forwards]" : "skippr:[animation:skippr-fade-in_0.24s_cubic-bezier(0.22,1,0.36,1)]"),
|
|
11422
11474
|
children: [
|
|
11423
|
-
planInLineBlock && activePlan && /* @__PURE__ */
|
|
11475
|
+
planInLineBlock && activePlan && /* @__PURE__ */ jsx46("div", {
|
|
11424
11476
|
className: "skippr:overflow-hidden skippr:border-b skippr:border-[rgba(45,45,63,0.08)] skippr:[animation:skippr-block-reveal_320ms_cubic-bezier(0.22,1,0.36,1)]",
|
|
11425
|
-
children: /* @__PURE__ */
|
|
11477
|
+
children: /* @__PURE__ */ jsx46(VoiceBarPlanCard, {
|
|
11426
11478
|
embedded: true,
|
|
11427
11479
|
plan: activePlan,
|
|
11428
11480
|
sendChatMessage,
|
|
11429
11481
|
onDismiss: () => setDismissedBlockPlanId(activePlan.planId)
|
|
11430
11482
|
}, activePlan.planId)
|
|
11431
11483
|
}),
|
|
11432
|
-
/* @__PURE__ */
|
|
11484
|
+
/* @__PURE__ */ jsx46(VoiceBarChatLine, {
|
|
11433
11485
|
embedded: true,
|
|
11434
11486
|
popsDown,
|
|
11435
11487
|
canSend: isConnected,
|
|
@@ -11446,7 +11498,7 @@ import { useCallback as useCallback31, useEffect as useEffect48, useRef as useRe
|
|
|
11446
11498
|
|
|
11447
11499
|
// src/components/LauncherNotification.tsx
|
|
11448
11500
|
import { useEffect as useEffect47, useRef as useRef40, useState as useState36 } from "react";
|
|
11449
|
-
import { jsx as
|
|
11501
|
+
import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
11450
11502
|
function LauncherNotification({
|
|
11451
11503
|
notifications,
|
|
11452
11504
|
dock,
|
|
@@ -11498,21 +11550,21 @@ function LauncherNotification({
|
|
|
11498
11550
|
...dock.edge === "left" ? { left: 0 } : { right: 0 },
|
|
11499
11551
|
bottom: "calc(100% + 8px)"
|
|
11500
11552
|
};
|
|
11501
|
-
return /* @__PURE__ */
|
|
11553
|
+
return /* @__PURE__ */ jsx47("div", {
|
|
11502
11554
|
style: wrapperStyle,
|
|
11503
11555
|
"data-skippr-no-drag": "",
|
|
11504
|
-
children: /* @__PURE__ */
|
|
11556
|
+
children: /* @__PURE__ */ jsxs39("div", {
|
|
11505
11557
|
ref: cardRef,
|
|
11506
11558
|
className: "skippr:flex skippr:w-[148px] skippr:items-center skippr:gap-[4px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:pr-[6px] skippr:pl-[9px] skippr:py-[3px] skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
|
|
11507
11559
|
children: [
|
|
11508
|
-
/* @__PURE__ */
|
|
11560
|
+
/* @__PURE__ */ jsx47("span", {
|
|
11509
11561
|
className: "skippr:flex skippr:min-h-[16px] skippr:min-w-0 skippr:flex-1 skippr:items-center skippr:text-[9px] skippr:font-medium skippr:leading-[1.25] skippr:text-[#5a5650]",
|
|
11510
|
-
children: /* @__PURE__ */
|
|
11562
|
+
children: /* @__PURE__ */ jsx47("span", {
|
|
11511
11563
|
className: "skippr:line-clamp-2",
|
|
11512
11564
|
children: notification.message
|
|
11513
11565
|
})
|
|
11514
11566
|
}),
|
|
11515
|
-
/* @__PURE__ */
|
|
11567
|
+
/* @__PURE__ */ jsx47("button", {
|
|
11516
11568
|
type: "button",
|
|
11517
11569
|
onClick: () => {
|
|
11518
11570
|
notification.activate();
|
|
@@ -11521,18 +11573,18 @@ function LauncherNotification({
|
|
|
11521
11573
|
"aria-label": "Start",
|
|
11522
11574
|
title: "Start",
|
|
11523
11575
|
className: "skippr:flex skippr:size-[17px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#2D2D3F] skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52]",
|
|
11524
|
-
children: /* @__PURE__ */
|
|
11576
|
+
children: /* @__PURE__ */ jsx47(Play, {
|
|
11525
11577
|
className: "skippr:size-[8px] skippr:fill-current",
|
|
11526
11578
|
strokeWidth: 2
|
|
11527
11579
|
})
|
|
11528
11580
|
}),
|
|
11529
|
-
hasMultiple && /* @__PURE__ */
|
|
11581
|
+
hasMultiple && /* @__PURE__ */ jsx47("button", {
|
|
11530
11582
|
type: "button",
|
|
11531
11583
|
onClick: () => setIndex((current) => (current + 1) % notifications.length),
|
|
11532
11584
|
"aria-label": "Next",
|
|
11533
11585
|
title: "Next",
|
|
11534
11586
|
className: "skippr:-ml-[2px] skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#8b877f] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#5a5650]",
|
|
11535
|
-
children: /* @__PURE__ */
|
|
11587
|
+
children: /* @__PURE__ */ jsx47(ChevronRight, {
|
|
11536
11588
|
className: "skippr:size-[12px]",
|
|
11537
11589
|
strokeWidth: 2.5
|
|
11538
11590
|
})
|
|
@@ -11543,14 +11595,14 @@ function LauncherNotification({
|
|
|
11543
11595
|
}
|
|
11544
11596
|
|
|
11545
11597
|
// src/components/VoiceBarLauncher.tsx
|
|
11546
|
-
import { jsx as
|
|
11598
|
+
import { jsx as jsx48, jsxs as jsxs40, Fragment as Fragment6 } from "react/jsx-runtime";
|
|
11547
11599
|
function SkipprMark2() {
|
|
11548
|
-
return /* @__PURE__ */
|
|
11600
|
+
return /* @__PURE__ */ jsx48("svg", {
|
|
11549
11601
|
viewBox: "0 0 15.4044 18.4853",
|
|
11550
11602
|
className: "skippr:h-[18px] skippr:w-[15px]",
|
|
11551
11603
|
fill: "none",
|
|
11552
11604
|
"aria-hidden": "true",
|
|
11553
|
-
children: /* @__PURE__ */
|
|
11605
|
+
children: /* @__PURE__ */ jsx48("path", {
|
|
11554
11606
|
d: "M2.25789 0.295419C1.33925 -0.413932 0 0.234459 0 1.38715V17.0972C0 18.4106 1.67407 18.987 2.49664 17.9562L6.40435 13.061C6.54853 12.8805 6.73209 12.7348 6.94126 12.6347C7.15043 12.5345 7.37978 12.4826 7.6121 12.4828H14.0025C15.3343 12.4828 15.9134 10.8128 14.8614 10.0037L2.25789 0.295419Z",
|
|
11555
11607
|
className: "skippr:fill-white"
|
|
11556
11608
|
})
|
|
@@ -11629,7 +11681,7 @@ function LauncherChat({
|
|
|
11629
11681
|
onClick
|
|
11630
11682
|
}) {
|
|
11631
11683
|
const vertical = isHorizontalEdge(edge);
|
|
11632
|
-
return /* @__PURE__ */
|
|
11684
|
+
return /* @__PURE__ */ jsxs40("div", {
|
|
11633
11685
|
className: cn("skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center skippr:gap-[5px] skippr:overflow-hidden skippr:transition-all skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", AVATAR_FLEX[edge]),
|
|
11634
11686
|
style: {
|
|
11635
11687
|
width: vertical ? 46 : revealed ? 52 : 0,
|
|
@@ -11637,18 +11689,18 @@ function LauncherChat({
|
|
|
11637
11689
|
opacity: revealed ? 1 : 0
|
|
11638
11690
|
},
|
|
11639
11691
|
children: [
|
|
11640
|
-
/* @__PURE__ */
|
|
11692
|
+
/* @__PURE__ */ jsx48("button", {
|
|
11641
11693
|
type: "button",
|
|
11642
11694
|
onClick,
|
|
11643
11695
|
"aria-label": "Open chat",
|
|
11644
11696
|
tabIndex: revealed ? 0 : -1,
|
|
11645
11697
|
className: "skippr:flex skippr:size-[46px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:p-0 skippr:text-foreground skippr:transition-colors skippr:hover:bg-foreground/8",
|
|
11646
|
-
children: /* @__PURE__ */
|
|
11698
|
+
children: /* @__PURE__ */ jsx48(MessageSquare, {
|
|
11647
11699
|
className: "skippr:size-[18px] skippr:shrink-0",
|
|
11648
11700
|
strokeWidth: 2
|
|
11649
11701
|
})
|
|
11650
11702
|
}),
|
|
11651
|
-
/* @__PURE__ */
|
|
11703
|
+
/* @__PURE__ */ jsx48("span", {
|
|
11652
11704
|
className: cn("skippr:shrink-0 skippr:bg-foreground/10", vertical ? "skippr:h-px skippr:w-[22px]" : "skippr:h-[22px] skippr:w-px")
|
|
11653
11705
|
})
|
|
11654
11706
|
]
|
|
@@ -11753,11 +11805,11 @@ function VoiceBarLauncher({
|
|
|
11753
11805
|
setLoginOpen(false);
|
|
11754
11806
|
onLoginDismiss();
|
|
11755
11807
|
}, [onLoginDismiss]);
|
|
11756
|
-
const loginCard = loginOpen && needsLogin && /* @__PURE__ */
|
|
11808
|
+
const loginCard = loginOpen && needsLogin && /* @__PURE__ */ jsx48("div", {
|
|
11757
11809
|
style: loginCardWrapperStyle2(dock.edge),
|
|
11758
11810
|
"data-skippr-no-drag": "",
|
|
11759
11811
|
onPointerDown: (event) => event.stopPropagation(),
|
|
11760
|
-
children: /* @__PURE__ */
|
|
11812
|
+
children: /* @__PURE__ */ jsx48(VoiceBarLoginCard, {
|
|
11761
11813
|
onDismiss: closeLogin
|
|
11762
11814
|
})
|
|
11763
11815
|
});
|
|
@@ -11772,48 +11824,48 @@ function VoiceBarLauncher({
|
|
|
11772
11824
|
const expanded = hovered && !!onChat;
|
|
11773
11825
|
const length = expanded ? 84 : 40;
|
|
11774
11826
|
const thickness = expanded ? 36 : 10;
|
|
11775
|
-
return /* @__PURE__ */
|
|
11827
|
+
return /* @__PURE__ */ jsxs40("div", {
|
|
11776
11828
|
ref: containerRef,
|
|
11777
11829
|
style: dockStyleFlush(dock),
|
|
11778
11830
|
className: "skippr:fixed skippr:z-[9999] skippr:touch-none skippr:cursor-grab",
|
|
11779
11831
|
children: [
|
|
11780
|
-
/* @__PURE__ */
|
|
11832
|
+
/* @__PURE__ */ jsx48("div", {
|
|
11781
11833
|
style: horizontal ? { width: length, height: thickness } : { width: thickness, height: length },
|
|
11782
11834
|
className: cn("skippr:relative skippr:flex skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:border-2 skippr:transition-[width,height,background-color,border-color] skippr:duration-200 skippr:ease-out", !horizontal && "skippr:flex-col", expanded ? "skippr:border-brand skippr:bg-white" : "skippr:border-transparent skippr:bg-brand", expanded ? STRIP_ROUNDING_EXPANDED[dock.edge] : STRIP_ROUNDING[dock.edge], expanded ? AVATAR_SHADOW[dock.edge] : STRIP_SHADOW[dock.edge]),
|
|
11783
|
-
children: expanded ? /* @__PURE__ */
|
|
11835
|
+
children: expanded ? /* @__PURE__ */ jsxs40(Fragment6, {
|
|
11784
11836
|
children: [
|
|
11785
|
-
/* @__PURE__ */
|
|
11837
|
+
/* @__PURE__ */ jsx48("button", {
|
|
11786
11838
|
type: "button",
|
|
11787
11839
|
onClick: open,
|
|
11788
11840
|
"aria-label": "Open Agent",
|
|
11789
11841
|
className: STRIP_ICON_BUTTON,
|
|
11790
|
-
children: /* @__PURE__ */
|
|
11842
|
+
children: /* @__PURE__ */ jsx48(Play, {
|
|
11791
11843
|
className: "skippr:size-[13px] skippr:fill-current",
|
|
11792
11844
|
strokeWidth: 2
|
|
11793
11845
|
})
|
|
11794
11846
|
}),
|
|
11795
|
-
/* @__PURE__ */
|
|
11847
|
+
/* @__PURE__ */ jsx48("span", {
|
|
11796
11848
|
className: cn("skippr:shrink-0 skippr:bg-foreground/10", horizontal ? "skippr:h-[16px] skippr:w-px" : "skippr:h-px skippr:w-[16px]")
|
|
11797
11849
|
}),
|
|
11798
|
-
/* @__PURE__ */
|
|
11850
|
+
/* @__PURE__ */ jsx48("button", {
|
|
11799
11851
|
type: "button",
|
|
11800
11852
|
onClick: openChat,
|
|
11801
11853
|
"aria-label": "Open chat",
|
|
11802
11854
|
className: STRIP_ICON_BUTTON,
|
|
11803
|
-
children: /* @__PURE__ */
|
|
11855
|
+
children: /* @__PURE__ */ jsx48(MessageSquare, {
|
|
11804
11856
|
className: "skippr:size-[14px]",
|
|
11805
11857
|
strokeWidth: 2
|
|
11806
11858
|
})
|
|
11807
11859
|
})
|
|
11808
11860
|
]
|
|
11809
|
-
}) : /* @__PURE__ */
|
|
11861
|
+
}) : /* @__PURE__ */ jsx48("button", {
|
|
11810
11862
|
type: "button",
|
|
11811
11863
|
onClick: open,
|
|
11812
11864
|
"aria-label": "Open Agent",
|
|
11813
11865
|
className: "skippr:absolute skippr:inset-0 skippr:cursor-grab skippr:bg-transparent skippr:p-0"
|
|
11814
11866
|
})
|
|
11815
11867
|
}),
|
|
11816
|
-
hasNotif && (expanded ? /* @__PURE__ */
|
|
11868
|
+
hasNotif && (expanded ? /* @__PURE__ */ jsx48("button", {
|
|
11817
11869
|
type: "button",
|
|
11818
11870
|
onClick: toggleCard,
|
|
11819
11871
|
"aria-label": "Show notifications",
|
|
@@ -11822,7 +11874,7 @@ function VoiceBarLauncher({
|
|
|
11822
11874
|
"--skippr-pulse-color": dotColor
|
|
11823
11875
|
},
|
|
11824
11876
|
className: cn("skippr:absolute skippr:z-[2] skippr:size-[13px] skippr:cursor-pointer skippr:rounded-full skippr:border-[2.5px] skippr:border-white skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none", STRIP_DOT_POS[dock.edge])
|
|
11825
|
-
}) : /* @__PURE__ */
|
|
11877
|
+
}) : /* @__PURE__ */ jsx48("button", {
|
|
11826
11878
|
type: "button",
|
|
11827
11879
|
onClick: toggleCard,
|
|
11828
11880
|
"aria-label": "Show notifications",
|
|
@@ -11832,7 +11884,7 @@ function VoiceBarLauncher({
|
|
|
11832
11884
|
},
|
|
11833
11885
|
className: cn("skippr:absolute skippr:z-[1] skippr:cursor-pointer skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none", STRIP_NOTIF_CAP[dock.edge], STRIP_CAP_ROUNDING[dock.edge])
|
|
11834
11886
|
})),
|
|
11835
|
-
hasNotif && cardOpen && /* @__PURE__ */
|
|
11887
|
+
hasNotif && cardOpen && /* @__PURE__ */ jsx48(LauncherNotification, {
|
|
11836
11888
|
notifications,
|
|
11837
11889
|
dock,
|
|
11838
11890
|
mode,
|
|
@@ -11842,37 +11894,37 @@ function VoiceBarLauncher({
|
|
|
11842
11894
|
]
|
|
11843
11895
|
});
|
|
11844
11896
|
}
|
|
11845
|
-
return /* @__PURE__ */
|
|
11897
|
+
return /* @__PURE__ */ jsxs40("div", {
|
|
11846
11898
|
ref: containerRef,
|
|
11847
11899
|
style: dockStyleFlush(dock),
|
|
11848
11900
|
className: "skippr:fixed skippr:z-[9999] skippr:touch-none skippr:cursor-grab",
|
|
11849
11901
|
children: [
|
|
11850
|
-
/* @__PURE__ */
|
|
11902
|
+
/* @__PURE__ */ jsxs40("div", {
|
|
11851
11903
|
style: { gap: onChat && hovered ? 2 : 0 },
|
|
11852
11904
|
className: cn("skippr:flex skippr:items-center skippr:border-2 skippr:border-brand skippr:bg-white skippr:p-[3px] skippr:transition-[gap] skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", "skippr:[animation:skippr-pop_0.2s_ease]", AVATAR_FLEX[dock.edge], VIEWPORT_ROUNDING[dock.edge], AVATAR_SHADOW[dock.edge]),
|
|
11853
11905
|
children: [
|
|
11854
|
-
onChat && /* @__PURE__ */
|
|
11906
|
+
onChat && /* @__PURE__ */ jsx48(LauncherChat, {
|
|
11855
11907
|
revealed: hovered,
|
|
11856
11908
|
edge: dock.edge,
|
|
11857
11909
|
onClick: openChat
|
|
11858
11910
|
}),
|
|
11859
|
-
/* @__PURE__ */
|
|
11911
|
+
/* @__PURE__ */ jsx48("button", {
|
|
11860
11912
|
type: "button",
|
|
11861
11913
|
onClick: open,
|
|
11862
11914
|
"aria-label": "Open Agent",
|
|
11863
11915
|
className: "skippr:block skippr:shrink-0 skippr:cursor-grab skippr:rounded-full skippr:bg-transparent skippr:p-0 skippr:transition-transform skippr:duration-200 skippr:hover:scale-105",
|
|
11864
|
-
children: logoUrl ? /* @__PURE__ */
|
|
11916
|
+
children: logoUrl ? /* @__PURE__ */ jsx48("img", {
|
|
11865
11917
|
src: logoUrl,
|
|
11866
11918
|
alt: "",
|
|
11867
11919
|
className: "skippr:block skippr:size-[46px] skippr:rounded-full skippr:object-cover"
|
|
11868
|
-
}) : /* @__PURE__ */
|
|
11920
|
+
}) : /* @__PURE__ */ jsx48("span", {
|
|
11869
11921
|
className: "skippr:flex skippr:size-[46px] skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-launcher",
|
|
11870
|
-
children: /* @__PURE__ */
|
|
11922
|
+
children: /* @__PURE__ */ jsx48(SkipprMark2, {})
|
|
11871
11923
|
})
|
|
11872
11924
|
})
|
|
11873
11925
|
]
|
|
11874
11926
|
}),
|
|
11875
|
-
hasNotif && /* @__PURE__ */
|
|
11927
|
+
hasNotif && /* @__PURE__ */ jsx48("button", {
|
|
11876
11928
|
type: "button",
|
|
11877
11929
|
onClick: toggleCard,
|
|
11878
11930
|
"aria-label": "Show notifications",
|
|
@@ -11883,7 +11935,7 @@ function VoiceBarLauncher({
|
|
|
11883
11935
|
},
|
|
11884
11936
|
className: cn("skippr:absolute skippr:z-[2] skippr:size-[13px] skippr:cursor-pointer skippr:rounded-full skippr:border-[2.5px] skippr:border-white skippr:transition-[left] skippr:duration-300 skippr:ease-[cubic-bezier(0.34,1.3,0.64,1)] skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none", dock.edge === "top" ? "skippr:-bottom-[2px]" : "skippr:-top-[2px]")
|
|
11885
11937
|
}),
|
|
11886
|
-
hasNotif && cardOpen && /* @__PURE__ */
|
|
11938
|
+
hasNotif && cardOpen && /* @__PURE__ */ jsx48(LauncherNotification, {
|
|
11887
11939
|
notifications,
|
|
11888
11940
|
dock,
|
|
11889
11941
|
mode,
|
|
@@ -11895,7 +11947,7 @@ function VoiceBarLauncher({
|
|
|
11895
11947
|
}
|
|
11896
11948
|
|
|
11897
11949
|
// src/components/VoiceBar.tsx
|
|
11898
|
-
import { jsx as
|
|
11950
|
+
import { jsx as jsx49 } from "react/jsx-runtime";
|
|
11899
11951
|
function VoiceBar({ revealed }) {
|
|
11900
11952
|
const ctx = useContext24(LiveAgentContext);
|
|
11901
11953
|
if (!ctx) {
|
|
@@ -11937,7 +11989,7 @@ function VoiceBar({ revealed }) {
|
|
|
11937
11989
|
return null;
|
|
11938
11990
|
}
|
|
11939
11991
|
if (launcherMode !== LAUNCHER_MODE.None && !sessionLive && isMinimized) {
|
|
11940
|
-
return /* @__PURE__ */
|
|
11992
|
+
return /* @__PURE__ */ jsx49(VoiceBarLauncher, {
|
|
11941
11993
|
dock: effectiveLauncherDock,
|
|
11942
11994
|
mode: launcherMode,
|
|
11943
11995
|
logoUrl: appearance?.logoUrl ?? null,
|
|
@@ -11952,7 +12004,7 @@ function VoiceBar({ revealed }) {
|
|
|
11952
12004
|
});
|
|
11953
12005
|
}
|
|
11954
12006
|
const effectiveBarPos = barPos ?? defaultBarPos();
|
|
11955
|
-
return /* @__PURE__ */
|
|
12007
|
+
return /* @__PURE__ */ jsx49(VoiceBarFrame, {
|
|
11956
12008
|
pos: effectiveBarPos,
|
|
11957
12009
|
canFold,
|
|
11958
12010
|
notifications,
|
|
@@ -11962,7 +12014,7 @@ function VoiceBar({ revealed }) {
|
|
|
11962
12014
|
}
|
|
11963
12015
|
|
|
11964
12016
|
// src/components/LiveAgent.tsx
|
|
11965
|
-
import { jsx as
|
|
12017
|
+
import { jsx as jsx50, jsxs as jsxs41, Fragment as Fragment8 } from "react/jsx-runtime";
|
|
11966
12018
|
var SPLASH_NOT_PLACED_WARNING = "[Skippr] The splash screen is enabled but no <SplashScreen> is rendered, so end users cannot start a session. Import SplashScreen from @skippr/live-agent-sdk and place it inside <LiveAgent>.";
|
|
11967
12019
|
var SPLASH_MULTI_MOUNT_WARNING = "[Skippr] More than one <SplashScreen> is mounted. Render exactly one — each instance keeps its own microphone, screen and dismissal state.";
|
|
11968
12020
|
function readSavedPosition() {
|
|
@@ -11982,7 +12034,7 @@ function readSavedLauncherBottom() {
|
|
|
11982
12034
|
}
|
|
11983
12035
|
}
|
|
11984
12036
|
function AgentCursorMount({ animated }) {
|
|
11985
|
-
return /* @__PURE__ */
|
|
12037
|
+
return /* @__PURE__ */ jsx50(AgentCursor, {
|
|
11986
12038
|
target: useAgentCursor(),
|
|
11987
12039
|
animated
|
|
11988
12040
|
});
|
|
@@ -12140,7 +12192,11 @@ function LiveAgent(props) {
|
|
|
12140
12192
|
const isBootAuthPending = usesHostAuth ? !!appKey && !isAuthenticated && !authFailed : !!appKey && !auth.hasResolvedStoredToken;
|
|
12141
12193
|
const isAwaitingModules = isAuthenticated ? !hasResolvedModules : isBootAuthPending;
|
|
12142
12194
|
const isLauncherRevealed = useOnceTrue(!isAwaitingModules);
|
|
12143
|
-
const {
|
|
12195
|
+
const {
|
|
12196
|
+
goals: adoptionGoals,
|
|
12197
|
+
hasResolved: hasResolvedAdoptionGoals,
|
|
12198
|
+
attendGoal
|
|
12199
|
+
} = useAdoptionGoals({
|
|
12144
12200
|
enabled: !isSessionLive || activeModule?.mode === AGENT_MODE.AlwaysOn || sessionAgentMode === AGENT_MODE.AlwaysOn,
|
|
12145
12201
|
bearerToken,
|
|
12146
12202
|
authedFetch
|
|
@@ -12389,7 +12445,7 @@ function LiveAgent(props) {
|
|
|
12389
12445
|
startPrimarySession
|
|
12390
12446
|
]);
|
|
12391
12447
|
const isSplashConfigured = appearance?.launcherMode === LAUNCHER_MODE.Template && appearance.splash?.enabled === true;
|
|
12392
|
-
const idleHistoryEnabled = !isSessionLive &&
|
|
12448
|
+
const idleHistoryEnabled = !isSessionLive && (isSplashConfigured || isPanelOpen && !isPaused) && isAuthenticated;
|
|
12393
12449
|
const {
|
|
12394
12450
|
messages: idleHistoryMessages,
|
|
12395
12451
|
phases: idleHistoryPhases,
|
|
@@ -12515,6 +12571,7 @@ function LiveAgent(props) {
|
|
|
12515
12571
|
hasResolvedModules,
|
|
12516
12572
|
appearance,
|
|
12517
12573
|
adoptionGoals,
|
|
12574
|
+
hasResolvedAdoptionGoals,
|
|
12518
12575
|
startAdoptionSession,
|
|
12519
12576
|
attendGoal,
|
|
12520
12577
|
buddyActive,
|
|
@@ -12603,76 +12660,77 @@ function LiveAgent(props) {
|
|
|
12603
12660
|
hasResolvedModules,
|
|
12604
12661
|
appearance,
|
|
12605
12662
|
adoptionGoals,
|
|
12663
|
+
hasResolvedAdoptionGoals,
|
|
12606
12664
|
startAdoptionSession,
|
|
12607
12665
|
attendGoal,
|
|
12608
12666
|
buddyActive,
|
|
12609
12667
|
buddyShape
|
|
12610
12668
|
]);
|
|
12611
12669
|
if (noModulesAvailable || buddyDefaultMissing) {
|
|
12612
|
-
return /* @__PURE__ */
|
|
12670
|
+
return /* @__PURE__ */ jsx50(LiveAgentContext.Provider, {
|
|
12613
12671
|
value: ctx,
|
|
12614
12672
|
children
|
|
12615
12673
|
});
|
|
12616
12674
|
}
|
|
12617
|
-
return /* @__PURE__ */
|
|
12675
|
+
return /* @__PURE__ */ jsx50(LiveAgentContext.Provider, {
|
|
12618
12676
|
value: ctx,
|
|
12619
|
-
children: /* @__PURE__ */
|
|
12677
|
+
children: /* @__PURE__ */ jsxs41(LiveKitRoom, {
|
|
12620
12678
|
serverUrl: connection?.livekitUrl,
|
|
12621
12679
|
token: connection?.token,
|
|
12622
12680
|
connect: shouldConnect,
|
|
12623
12681
|
audio: !startMuted,
|
|
12624
12682
|
onDisconnected: handleRoomDisconnected,
|
|
12625
12683
|
children: [
|
|
12626
|
-
/* @__PURE__ */
|
|
12684
|
+
/* @__PURE__ */ jsxs41(Fragment7, {
|
|
12627
12685
|
children: [
|
|
12628
|
-
connection && !textMode && /* @__PURE__ */
|
|
12629
|
-
/* @__PURE__ */
|
|
12686
|
+
connection && !textMode && /* @__PURE__ */ jsx50(RoomAudioRenderer, {}),
|
|
12687
|
+
/* @__PURE__ */ jsxs41(SessionHoldProvider, {
|
|
12630
12688
|
children: [
|
|
12631
|
-
connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */
|
|
12689
|
+
connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx50(AutoStartMedia, {
|
|
12632
12690
|
pendingScreenStream,
|
|
12633
12691
|
pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode),
|
|
12634
12692
|
startMuted
|
|
12635
12693
|
}),
|
|
12636
|
-
connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */
|
|
12694
|
+
connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx50(DomCapture, {
|
|
12637
12695
|
pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode),
|
|
12638
12696
|
startMuted
|
|
12639
12697
|
}),
|
|
12640
|
-
/* @__PURE__ */
|
|
12698
|
+
/* @__PURE__ */ jsxs41(ShadowHost, {
|
|
12641
12699
|
accentColor: appearance?.accentColor ?? null,
|
|
12642
12700
|
children: [
|
|
12643
|
-
connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */
|
|
12644
|
-
connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */
|
|
12645
|
-
connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */
|
|
12646
|
-
connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */
|
|
12701
|
+
connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx50(HighlightOverlay, {}),
|
|
12702
|
+
connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx50(PageActionHandler, {}),
|
|
12703
|
+
connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx50(PlanPanelOpener, {}),
|
|
12704
|
+
connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx50(AgentCursorMount, {
|
|
12647
12705
|
animated: shouldAnimateCursor
|
|
12648
12706
|
}),
|
|
12649
|
-
/* @__PURE__ */
|
|
12650
|
-
children: /* @__PURE__ */
|
|
12651
|
-
children: /* @__PURE__ */
|
|
12707
|
+
/* @__PURE__ */ jsx50(VoiceTurnProvider, {
|
|
12708
|
+
children: /* @__PURE__ */ jsx50(TranscriptionsProvider, {
|
|
12709
|
+
children: /* @__PURE__ */ jsx50("div", {
|
|
12652
12710
|
id: WIDGET_ROOT_ID,
|
|
12653
|
-
children: variant === "sidebar" ? /* @__PURE__ */
|
|
12711
|
+
children: variant === "sidebar" ? /* @__PURE__ */ jsxs41(Fragment8, {
|
|
12654
12712
|
children: [
|
|
12655
|
-
isMinimized && !showControlBar && isLauncherRevealed && /* @__PURE__ */
|
|
12713
|
+
isMinimized && !showControlBar && isLauncherRevealed && /* @__PURE__ */ jsx50(MinimizedBubble, {
|
|
12656
12714
|
welcomeMessage,
|
|
12657
12715
|
welcomeDismissed,
|
|
12658
12716
|
onDismissWelcome: dismissWelcome
|
|
12659
12717
|
}),
|
|
12660
|
-
showControlBar && !hideControls && /* @__PURE__ */
|
|
12661
|
-
/* @__PURE__ */
|
|
12662
|
-
/* @__PURE__ */
|
|
12718
|
+
showControlBar && !hideControls && /* @__PURE__ */ jsx50(SessionControlBar, {}),
|
|
12719
|
+
/* @__PURE__ */ jsx50(SidebarTrigger, {}),
|
|
12720
|
+
/* @__PURE__ */ jsx50(Sidebar, {
|
|
12663
12721
|
hideControls,
|
|
12664
12722
|
hideHeader,
|
|
12665
12723
|
startSessionLabel
|
|
12666
12724
|
})
|
|
12667
12725
|
]
|
|
12668
|
-
}) : !isLauncherRevealed ? null : buddyActive ? /* @__PURE__ */
|
|
12726
|
+
}) : !isLauncherRevealed ? null : buddyActive ? /* @__PURE__ */ jsx50(BuddyVoiceBar, {
|
|
12669
12727
|
revealed: isLauncherRevealed
|
|
12670
|
-
}) : /* @__PURE__ */
|
|
12728
|
+
}) : /* @__PURE__ */ jsxs41(Fragment8, {
|
|
12671
12729
|
children: [
|
|
12672
|
-
/* @__PURE__ */
|
|
12730
|
+
/* @__PURE__ */ jsx50(VoiceBar, {
|
|
12673
12731
|
revealed: isLauncherRevealed
|
|
12674
12732
|
}),
|
|
12675
|
-
(agentControls?.chat ?? DEFAULT_CHAT_SURFACE) === CHAT_SURFACE.Room && /* @__PURE__ */
|
|
12733
|
+
(agentControls?.chat ?? DEFAULT_CHAT_SURFACE) === CHAT_SURFACE.Room && /* @__PURE__ */ jsx50(Sidebar, {
|
|
12676
12734
|
hideControls,
|
|
12677
12735
|
hideHeader,
|
|
12678
12736
|
startSessionLabel
|
|
@@ -12733,7 +12791,6 @@ function resolveSplashPresentation(splash) {
|
|
|
12733
12791
|
}
|
|
12734
12792
|
|
|
12735
12793
|
// src/hooks/useSplash.ts
|
|
12736
|
-
var NO_PHASES = [];
|
|
12737
12794
|
var SPLASH_DISABLED_WARNING = "[Skippr] <SplashScreen> is mounted but the splash screen is turned off for this workspace, so it will never render. Enable it under Appearance in the Skippr platform.";
|
|
12738
12795
|
var LAUNCHER_MODE_WARNING = '[Skippr] <SplashScreen> is mounted but the launcher mode is not "template", so it will never render. Set the launcher to Template under Appearance in the Skippr platform.';
|
|
12739
12796
|
function useSplash(onDismiss) {
|
|
@@ -12750,6 +12807,8 @@ function useSplash(onDismiss) {
|
|
|
12750
12807
|
isMinimized,
|
|
12751
12808
|
isAuthenticated,
|
|
12752
12809
|
startPrimarySession,
|
|
12810
|
+
startAdoptionSession,
|
|
12811
|
+
hasResolvedAdoptionGoals,
|
|
12753
12812
|
armScreenStream,
|
|
12754
12813
|
startMuted,
|
|
12755
12814
|
setStartMuted,
|
|
@@ -12874,24 +12933,57 @@ function useSplash(onDismiss) {
|
|
|
12874
12933
|
splashHandedOffRef.current = true;
|
|
12875
12934
|
startPrimarySession();
|
|
12876
12935
|
}, [startPrimarySession]);
|
|
12936
|
+
const startTip = useCallback34((goal) => {
|
|
12937
|
+
splashHandedOffRef.current = true;
|
|
12938
|
+
startAdoptionSession(goal);
|
|
12939
|
+
}, [startAdoptionSession]);
|
|
12940
|
+
const tips = useAdoptionTips();
|
|
12877
12941
|
const presentation = useMemo9(() => resolveSplashPresentation(splash), [splash]);
|
|
12878
12942
|
const iconUrls = appearance?.splashIconUrls ?? null;
|
|
12879
12943
|
const sections = useMemo9(() => resolveSplashSections(splash?.sections ?? null, iconUrls), [splash?.sections, iconUrls]);
|
|
12880
|
-
const phases =
|
|
12944
|
+
const phases = idleHistory.phases;
|
|
12881
12945
|
const lastCompletedPhase = useMemo9(() => phases.findLast((phase) => phase.status === "completed") ?? null, [phases]);
|
|
12882
12946
|
const upcomingPhases = useMemo9(() => phases.filter((phase) => phase.status !== "completed"), [phases]);
|
|
12883
12947
|
if (!isSplashConfigured || isLive || !isMinimized || !isAuthenticated || !defaultModule || splashDismissed) {
|
|
12884
12948
|
return null;
|
|
12885
12949
|
}
|
|
12950
|
+
const isAlwaysOn = defaultModule.mode === AGENT_MODE.AlwaysOn;
|
|
12951
|
+
if (isAlwaysOn && !hasResolvedAdoptionGoals) {
|
|
12952
|
+
return null;
|
|
12953
|
+
}
|
|
12954
|
+
if (!isAlwaysOn && idleHistory.isLoading) {
|
|
12955
|
+
return null;
|
|
12956
|
+
}
|
|
12886
12957
|
const effectiveScreenEnabled = captureMode === CAPTURE_MODE.Screenshare ? screenEnabled : null;
|
|
12958
|
+
if (isAlwaysOn) {
|
|
12959
|
+
return {
|
|
12960
|
+
layout: SPLASH_LAYOUT.AlwaysOn,
|
|
12961
|
+
agentName: defaultModule.name,
|
|
12962
|
+
presentation,
|
|
12963
|
+
headerIconUrl: iconUrls?.[SPLASH_HEADER_ICON_SLOT] ?? null,
|
|
12964
|
+
attributionVisible: splash?.attributionVisible ?? DEFAULT_SPLASH_ATTRIBUTION_VISIBLE,
|
|
12965
|
+
tips,
|
|
12966
|
+
micEnabled,
|
|
12967
|
+
startMuted,
|
|
12968
|
+
screenEnabled: effectiveScreenEnabled,
|
|
12969
|
+
enableMic,
|
|
12970
|
+
toggleStartMuted,
|
|
12971
|
+
enableScreen,
|
|
12972
|
+
startTip,
|
|
12973
|
+
start,
|
|
12974
|
+
dismiss
|
|
12975
|
+
};
|
|
12976
|
+
}
|
|
12977
|
+
const intent = getModuleSessionState(defaultModule.currentSession, defaultModule.mode) === "resume" ? SPLASH_INTENT.Continue : SPLASH_INTENT.Start;
|
|
12887
12978
|
return {
|
|
12979
|
+
layout: SPLASH_LAYOUT.Primary,
|
|
12888
12980
|
agentName: defaultModule.name,
|
|
12889
12981
|
presentation,
|
|
12890
12982
|
headerIconUrl: iconUrls?.[SPLASH_HEADER_ICON_SLOT] ?? null,
|
|
12891
12983
|
sections,
|
|
12892
12984
|
attributionVisible: splash?.attributionVisible ?? DEFAULT_SPLASH_ATTRIBUTION_VISIBLE,
|
|
12893
|
-
skipButtonVisible: splash?.
|
|
12894
|
-
intent
|
|
12985
|
+
skipButtonVisible: (intent === SPLASH_INTENT.Continue ? splash?.continueSkipButtonVisible : splash?.startSkipButtonVisible) ?? DEFAULT_SPLASH_SKIP_BUTTON_VISIBLE,
|
|
12986
|
+
intent,
|
|
12895
12987
|
lastCompletedPhase,
|
|
12896
12988
|
upcomingPhases,
|
|
12897
12989
|
micEnabled,
|
|
@@ -12905,81 +12997,49 @@ function useSplash(onDismiss) {
|
|
|
12905
12997
|
};
|
|
12906
12998
|
}
|
|
12907
12999
|
|
|
12908
|
-
// src/
|
|
12909
|
-
import { jsx as jsx50, jsxs as jsxs41, Fragment as Fragment9 } from "react/jsx-runtime";
|
|
12910
|
-
var ATTRIBUTION_PREFIX2 = "Powered by";
|
|
12911
|
-
var ATTRIBUTION_BRAND2 = "Skippr";
|
|
12912
|
-
var ATTRIBUTION_URL2 = "https://www.skippr.ai/";
|
|
12913
|
-
var CLOSE_LABEL = "Close";
|
|
12914
|
-
var SCREEN_NOTICE = "Required";
|
|
12915
|
-
var ENABLE_ACTION = "Enable";
|
|
12916
|
-
var MEDIA_ENABLED_STATUS = "Enabled";
|
|
12917
|
-
var MIC_MUTED_STATUS = "Muted";
|
|
12918
|
-
var MUTE_MIC_ACTION = "Mute microphone";
|
|
12919
|
-
var UNMUTE_MIC_ACTION = "Unmute microphone";
|
|
12920
|
-
var CONSENT_LEAD_IN = "By starting a session";
|
|
13000
|
+
// src/lib/splashStyles.ts
|
|
12921
13001
|
var SECTION_HEADING = "skippr:text-[11px] skippr:font-semibold skippr:uppercase skippr:tracking-[0.05em] skippr:text-[#6b6875]";
|
|
12922
13002
|
var SECTION_BLOCK = "skippr:mt-[6px] skippr:flex skippr:flex-col skippr:gap-[14px] skippr:first:mt-0";
|
|
12923
|
-
var
|
|
13003
|
+
var ICON_TILE_SHAPE = "skippr:flex skippr:size-[38px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-[11px]";
|
|
13004
|
+
var ICON_TILE = `${ICON_TILE_SHAPE} skippr:bg-[#f2f0eb] skippr:text-[#2D2D3F]`;
|
|
13005
|
+
var ICON_TILE_BRAND = `${ICON_TILE_SHAPE} skippr:bg-primary skippr:text-primary-foreground`;
|
|
12924
13006
|
var ROW_TEXT = "skippr:flex skippr:min-w-0 skippr:flex-col skippr:gap-px";
|
|
12925
13007
|
var ROW_TITLE = "skippr:text-[14px] skippr:font-medium skippr:text-[#2D2D3F]";
|
|
12926
13008
|
var ROW_SUBTEXT = "skippr:text-[12px] skippr:text-[#6b6875]";
|
|
12927
13009
|
var ROW_ICON = "skippr:size-[17px]";
|
|
12928
13010
|
var ROW_ICON_STROKE = 1.8;
|
|
12929
13011
|
var FOCUS_RING3 = "skippr:focus-visible:outline-2 skippr:focus-visible:outline-offset-2 skippr:focus-visible:outline-[var(--skippr-brand)]";
|
|
12930
|
-
|
|
12931
|
-
|
|
12932
|
-
|
|
12933
|
-
|
|
12934
|
-
|
|
12935
|
-
|
|
12936
|
-
|
|
12937
|
-
|
|
12938
|
-
|
|
12939
|
-
|
|
12940
|
-
|
|
12941
|
-
|
|
12942
|
-
|
|
12943
|
-
|
|
12944
|
-
|
|
12945
|
-
className: `skippr:object-contain ${ROW_ICON}`
|
|
12946
|
-
}) : /* @__PURE__ */ jsx50(Glyph, {
|
|
12947
|
-
className: ROW_ICON,
|
|
12948
|
-
strokeWidth: ROW_ICON_STROKE
|
|
12949
|
-
})
|
|
12950
|
-
}),
|
|
12951
|
-
/* @__PURE__ */ jsxs41("span", {
|
|
12952
|
-
className: ROW_TEXT,
|
|
12953
|
-
children: [
|
|
12954
|
-
/* @__PURE__ */ jsx50("span", {
|
|
12955
|
-
className: ROW_TITLE,
|
|
12956
|
-
children: title
|
|
12957
|
-
}),
|
|
12958
|
-
/* @__PURE__ */ jsx50("span", {
|
|
12959
|
-
className: ROW_SUBTEXT,
|
|
12960
|
-
children: description
|
|
12961
|
-
})
|
|
12962
|
-
]
|
|
12963
|
-
})
|
|
12964
|
-
]
|
|
12965
|
-
});
|
|
12966
|
-
}
|
|
13012
|
+
|
|
13013
|
+
// src/components/SplashMediaSection.tsx
|
|
13014
|
+
import { jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
13015
|
+
var SCREEN_NOTICE = "Required";
|
|
13016
|
+
var ENABLE_ACTION = "Enable";
|
|
13017
|
+
var MEDIA_ENABLED_STATUS = "Enabled";
|
|
13018
|
+
var MIC_MUTED_STATUS = "Muted";
|
|
13019
|
+
var MUTE_MIC_ACTION = "Mute microphone";
|
|
13020
|
+
var UNMUTE_MIC_ACTION = "Unmute microphone";
|
|
13021
|
+
var MEDIA_TRAILING_BOX = "skippr:shrink-0 skippr:rounded-full skippr:border skippr:px-[18px] skippr:py-[7px] skippr:text-[14px]";
|
|
13022
|
+
var MEDIA_PILL = `${MEDIA_TRAILING_BOX} skippr:cursor-pointer skippr:border-[rgba(45,45,63,0.12)] skippr:font-medium skippr:transition-colors`;
|
|
13023
|
+
var MEDIA_LINK = `${FOCUS_RING3} skippr:shrink-0 skippr:cursor-pointer skippr:rounded-[4px] skippr:text-[14px] skippr:font-medium skippr:text-brand-on-white skippr:underline-offset-2 skippr:hover:underline`;
|
|
13024
|
+
var MEDIA_STATUS_SHAPE = "skippr:shrink-0 skippr:text-[14px]";
|
|
13025
|
+
var MEDIA_STATUS_MUTED = `${MEDIA_STATUS_SHAPE} skippr:text-[#6b6875]`;
|
|
13026
|
+
var MEDIA_STATUS_BRAND = `${MEDIA_STATUS_SHAPE} skippr:font-medium skippr:text-brand-on-white`;
|
|
12967
13027
|
function MediaRow({ icon, label, subtext, trailing }) {
|
|
12968
|
-
return /* @__PURE__ */
|
|
13028
|
+
return /* @__PURE__ */ jsxs42("li", {
|
|
12969
13029
|
className: "skippr:flex skippr:items-center skippr:gap-3",
|
|
12970
13030
|
children: [
|
|
12971
|
-
/* @__PURE__ */
|
|
13031
|
+
/* @__PURE__ */ jsx51("span", {
|
|
12972
13032
|
className: ICON_TILE,
|
|
12973
13033
|
children: icon
|
|
12974
13034
|
}),
|
|
12975
|
-
/* @__PURE__ */
|
|
13035
|
+
/* @__PURE__ */ jsxs42("span", {
|
|
12976
13036
|
className: `skippr:flex-1 ${ROW_TEXT}`,
|
|
12977
13037
|
children: [
|
|
12978
|
-
/* @__PURE__ */
|
|
13038
|
+
/* @__PURE__ */ jsx51("span", {
|
|
12979
13039
|
className: ROW_TITLE,
|
|
12980
13040
|
children: label
|
|
12981
13041
|
}),
|
|
12982
|
-
/* @__PURE__ */
|
|
13042
|
+
/* @__PURE__ */ jsx51("span", {
|
|
12983
13043
|
className: ROW_SUBTEXT,
|
|
12984
13044
|
children: subtext
|
|
12985
13045
|
})
|
|
@@ -12989,35 +13049,31 @@ function MediaRow({ icon, label, subtext, trailing }) {
|
|
|
12989
13049
|
]
|
|
12990
13050
|
});
|
|
12991
13051
|
}
|
|
12992
|
-
var MEDIA_TRAILING_BOX = "skippr:shrink-0 skippr:rounded-full skippr:border skippr:px-[18px] skippr:py-[7px] skippr:text-[14px]";
|
|
12993
|
-
var MEDIA_PILL = `${MEDIA_TRAILING_BOX} skippr:cursor-pointer skippr:border-[rgba(45,45,63,0.12)] skippr:font-medium skippr:transition-colors`;
|
|
12994
|
-
var MEDIA_LINK = `${FOCUS_RING3} skippr:shrink-0 skippr:cursor-pointer skippr:rounded-[4px] skippr:text-[14px] skippr:font-medium skippr:text-[var(--skippr-brand-on-white,#2d2b3d)] skippr:underline-offset-2 skippr:hover:underline`;
|
|
12995
|
-
var MEDIA_STATUS = "skippr:shrink-0 skippr:text-[14px] skippr:text-[#6b6875]";
|
|
12996
13052
|
function EnableButton({ onEnable }) {
|
|
12997
|
-
return /* @__PURE__ */
|
|
13053
|
+
return /* @__PURE__ */ jsx51("button", {
|
|
12998
13054
|
type: "button",
|
|
12999
13055
|
onClick: onEnable,
|
|
13000
13056
|
className: MEDIA_LINK,
|
|
13001
13057
|
children: ENABLE_ACTION
|
|
13002
13058
|
});
|
|
13003
13059
|
}
|
|
13004
|
-
function MediaStatus({ label }) {
|
|
13005
|
-
return /* @__PURE__ */
|
|
13006
|
-
className
|
|
13060
|
+
function MediaStatus({ label, className }) {
|
|
13061
|
+
return /* @__PURE__ */ jsx51("span", {
|
|
13062
|
+
className,
|
|
13007
13063
|
children: label
|
|
13008
13064
|
});
|
|
13009
13065
|
}
|
|
13010
13066
|
function MicToggle({ muted, onToggle }) {
|
|
13011
|
-
return /* @__PURE__ */
|
|
13067
|
+
return /* @__PURE__ */ jsx51("button", {
|
|
13012
13068
|
type: "button",
|
|
13013
13069
|
onClick: onToggle,
|
|
13014
13070
|
"aria-pressed": muted,
|
|
13015
13071
|
"aria-label": muted ? UNMUTE_MIC_ACTION : MUTE_MIC_ACTION,
|
|
13016
13072
|
className: `${MEDIA_PILL} ${FOCUS_RING3} skippr:flex skippr:items-center skippr:justify-center ${muted ? "skippr:bg-[#f2f0eb] skippr:text-[#6b6875]" : "skippr:text-[#2D2D3F] skippr:hover:bg-[#f2f0eb]"}`,
|
|
13017
|
-
children: muted ? /* @__PURE__ */
|
|
13073
|
+
children: muted ? /* @__PURE__ */ jsx51(MicOff, {
|
|
13018
13074
|
className: ROW_ICON,
|
|
13019
13075
|
strokeWidth: ROW_ICON_STROKE
|
|
13020
|
-
}) : /* @__PURE__ */
|
|
13076
|
+
}) : /* @__PURE__ */ jsx51(Mic, {
|
|
13021
13077
|
className: ROW_ICON,
|
|
13022
13078
|
strokeWidth: ROW_ICON_STROKE
|
|
13023
13079
|
})
|
|
@@ -13025,18 +13081,305 @@ function MicToggle({ muted, onToggle }) {
|
|
|
13025
13081
|
}
|
|
13026
13082
|
function ScreenTrailing({ enabled, onEnable }) {
|
|
13027
13083
|
if (enabled === null)
|
|
13028
|
-
return /* @__PURE__ */
|
|
13029
|
-
label: SCREEN_NOTICE
|
|
13084
|
+
return /* @__PURE__ */ jsx51(MediaStatus, {
|
|
13085
|
+
label: SCREEN_NOTICE,
|
|
13086
|
+
className: MEDIA_STATUS_BRAND
|
|
13030
13087
|
});
|
|
13031
13088
|
if (enabled)
|
|
13032
|
-
return /* @__PURE__ */
|
|
13033
|
-
label: MEDIA_ENABLED_STATUS
|
|
13089
|
+
return /* @__PURE__ */ jsx51(MediaStatus, {
|
|
13090
|
+
label: MEDIA_ENABLED_STATUS,
|
|
13091
|
+
className: MEDIA_STATUS_BRAND
|
|
13034
13092
|
});
|
|
13035
|
-
return /* @__PURE__ */
|
|
13093
|
+
return /* @__PURE__ */ jsx51(EnableButton, {
|
|
13036
13094
|
onEnable
|
|
13037
13095
|
});
|
|
13038
13096
|
}
|
|
13039
|
-
function
|
|
13097
|
+
function SplashMediaSection({
|
|
13098
|
+
copy,
|
|
13099
|
+
micEnabled,
|
|
13100
|
+
startMuted,
|
|
13101
|
+
screenEnabled,
|
|
13102
|
+
enableMic,
|
|
13103
|
+
toggleStartMuted,
|
|
13104
|
+
enableScreen
|
|
13105
|
+
}) {
|
|
13106
|
+
return /* @__PURE__ */ jsxs42("section", {
|
|
13107
|
+
className: SECTION_BLOCK,
|
|
13108
|
+
children: [
|
|
13109
|
+
/* @__PURE__ */ jsx51("h3", {
|
|
13110
|
+
className: SECTION_HEADING,
|
|
13111
|
+
children: copy.mediaHeading
|
|
13112
|
+
}),
|
|
13113
|
+
/* @__PURE__ */ jsxs42("ul", {
|
|
13114
|
+
className: "skippr:flex skippr:flex-col skippr:gap-[14px]",
|
|
13115
|
+
children: [
|
|
13116
|
+
/* @__PURE__ */ jsx51(MediaRow, {
|
|
13117
|
+
icon: /* @__PURE__ */ jsx51(Mic, {
|
|
13118
|
+
className: ROW_ICON,
|
|
13119
|
+
strokeWidth: ROW_ICON_STROKE
|
|
13120
|
+
}),
|
|
13121
|
+
label: copy.micLabel,
|
|
13122
|
+
subtext: copy.micSubtext,
|
|
13123
|
+
trailing: micEnabled ? /* @__PURE__ */ jsxs42("span", {
|
|
13124
|
+
className: "skippr:flex skippr:shrink-0 skippr:items-center skippr:gap-2",
|
|
13125
|
+
children: [
|
|
13126
|
+
/* @__PURE__ */ jsx51(MicToggle, {
|
|
13127
|
+
muted: startMuted,
|
|
13128
|
+
onToggle: toggleStartMuted
|
|
13129
|
+
}),
|
|
13130
|
+
/* @__PURE__ */ jsx51(MediaStatus, {
|
|
13131
|
+
label: startMuted ? MIC_MUTED_STATUS : MEDIA_ENABLED_STATUS,
|
|
13132
|
+
className: startMuted ? MEDIA_STATUS_MUTED : MEDIA_STATUS_BRAND
|
|
13133
|
+
})
|
|
13134
|
+
]
|
|
13135
|
+
}) : /* @__PURE__ */ jsx51(EnableButton, {
|
|
13136
|
+
onEnable: enableMic
|
|
13137
|
+
})
|
|
13138
|
+
}),
|
|
13139
|
+
/* @__PURE__ */ jsx51(MediaRow, {
|
|
13140
|
+
icon: /* @__PURE__ */ jsx51(MonitorUp, {
|
|
13141
|
+
className: ROW_ICON,
|
|
13142
|
+
strokeWidth: ROW_ICON_STROKE
|
|
13143
|
+
}),
|
|
13144
|
+
label: copy.screenLabel,
|
|
13145
|
+
subtext: copy.screenSubtext,
|
|
13146
|
+
trailing: /* @__PURE__ */ jsx51(ScreenTrailing, {
|
|
13147
|
+
enabled: screenEnabled,
|
|
13148
|
+
onEnable: enableScreen
|
|
13149
|
+
})
|
|
13150
|
+
})
|
|
13151
|
+
]
|
|
13152
|
+
})
|
|
13153
|
+
]
|
|
13154
|
+
});
|
|
13155
|
+
}
|
|
13156
|
+
|
|
13157
|
+
// src/components/SplashAlwaysOn.tsx
|
|
13158
|
+
import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
13159
|
+
var ATTRIBUTION_PREFIX2 = "AI Agent Powered by";
|
|
13160
|
+
var ATTRIBUTION_BRAND2 = "Skippr";
|
|
13161
|
+
var ATTRIBUTION_URL2 = "https://www.skippr.ai/";
|
|
13162
|
+
var CLOSE_LABEL = "Close";
|
|
13163
|
+
var CONSENT_LEAD_IN = "By starting a session";
|
|
13164
|
+
function TipRow({
|
|
13165
|
+
title,
|
|
13166
|
+
subtext,
|
|
13167
|
+
onStart
|
|
13168
|
+
}) {
|
|
13169
|
+
return /* @__PURE__ */ jsx52("li", {
|
|
13170
|
+
children: /* @__PURE__ */ jsxs43("button", {
|
|
13171
|
+
type: "button",
|
|
13172
|
+
onClick: onStart,
|
|
13173
|
+
className: `${FOCUS_RING3} skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-start skippr:gap-3 skippr:rounded-[11px] skippr:text-left skippr:transition-colors skippr:hover:bg-[rgba(45,45,63,0.04)]`,
|
|
13174
|
+
children: [
|
|
13175
|
+
/* @__PURE__ */ jsx52("span", {
|
|
13176
|
+
className: ICON_TILE_BRAND,
|
|
13177
|
+
children: /* @__PURE__ */ jsx52(Lightbulb, {
|
|
13178
|
+
className: ROW_ICON,
|
|
13179
|
+
strokeWidth: ROW_ICON_STROKE
|
|
13180
|
+
})
|
|
13181
|
+
}),
|
|
13182
|
+
/* @__PURE__ */ jsxs43("span", {
|
|
13183
|
+
className: ROW_TEXT,
|
|
13184
|
+
children: [
|
|
13185
|
+
/* @__PURE__ */ jsx52("span", {
|
|
13186
|
+
className: ROW_TITLE,
|
|
13187
|
+
children: title
|
|
13188
|
+
}),
|
|
13189
|
+
/* @__PURE__ */ jsx52("span", {
|
|
13190
|
+
className: ROW_SUBTEXT,
|
|
13191
|
+
children: subtext
|
|
13192
|
+
})
|
|
13193
|
+
]
|
|
13194
|
+
})
|
|
13195
|
+
]
|
|
13196
|
+
})
|
|
13197
|
+
});
|
|
13198
|
+
}
|
|
13199
|
+
function SplashAlwaysOn({
|
|
13200
|
+
agentName,
|
|
13201
|
+
presentation,
|
|
13202
|
+
headerIconUrl,
|
|
13203
|
+
attributionVisible,
|
|
13204
|
+
tips,
|
|
13205
|
+
micEnabled,
|
|
13206
|
+
startMuted,
|
|
13207
|
+
screenEnabled,
|
|
13208
|
+
enableMic,
|
|
13209
|
+
toggleStartMuted,
|
|
13210
|
+
enableScreen,
|
|
13211
|
+
startTip,
|
|
13212
|
+
start,
|
|
13213
|
+
dismiss
|
|
13214
|
+
}) {
|
|
13215
|
+
const { copy, card } = presentation;
|
|
13216
|
+
return /* @__PURE__ */ jsxs43("section", {
|
|
13217
|
+
"aria-label": agentName,
|
|
13218
|
+
style: { maxWidth: card.width, maxHeight: `${card.maxHeight}vh` },
|
|
13219
|
+
className: "skippr:flex skippr:w-full skippr:flex-col skippr:overflow-hidden skippr:rounded-[16px] skippr:bg-white skippr:shadow-[0_0_0_1px_rgba(45,45,63,0.10),0_1px_2px_rgba(45,45,63,0.04)]",
|
|
13220
|
+
children: [
|
|
13221
|
+
/* @__PURE__ */ jsxs43("div", {
|
|
13222
|
+
className: "skippr:flex skippr:shrink-0 skippr:items-start skippr:justify-between skippr:gap-3 skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:bg-[rgba(45,45,63,0.03)] skippr:px-[22px] skippr:pt-5 skippr:pb-4",
|
|
13223
|
+
children: [
|
|
13224
|
+
/* @__PURE__ */ jsxs43("div", {
|
|
13225
|
+
className: "skippr:flex skippr:min-w-0 skippr:flex-col skippr:gap-1",
|
|
13226
|
+
children: [
|
|
13227
|
+
/* @__PURE__ */ jsxs43("span", {
|
|
13228
|
+
className: "skippr:flex skippr:min-w-0 skippr:items-center skippr:gap-1.5 skippr:text-[#2D2D3F]",
|
|
13229
|
+
children: [
|
|
13230
|
+
headerIconUrl ? /* @__PURE__ */ jsx52("img", {
|
|
13231
|
+
src: headerIconUrl,
|
|
13232
|
+
alt: "",
|
|
13233
|
+
className: `skippr:shrink-0 skippr:object-contain ${ROW_ICON}`
|
|
13234
|
+
}) : /* @__PURE__ */ jsx52(Sparkles, {
|
|
13235
|
+
className: `skippr:shrink-0 ${ROW_ICON}`,
|
|
13236
|
+
strokeWidth: ROW_ICON_STROKE,
|
|
13237
|
+
"aria-hidden": true
|
|
13238
|
+
}),
|
|
13239
|
+
/* @__PURE__ */ jsx52("span", {
|
|
13240
|
+
className: "skippr:truncate skippr:text-[18px] skippr:font-semibold skippr:tracking-[-0.0125em]",
|
|
13241
|
+
children: agentName
|
|
13242
|
+
})
|
|
13243
|
+
]
|
|
13244
|
+
}),
|
|
13245
|
+
attributionVisible && /* @__PURE__ */ jsxs43("a", {
|
|
13246
|
+
href: ATTRIBUTION_URL2,
|
|
13247
|
+
target: "_blank",
|
|
13248
|
+
rel: "noopener noreferrer",
|
|
13249
|
+
className: `${FOCUS_RING3} skippr:flex skippr:w-fit skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-[4px] skippr:text-[14px] skippr:text-[#6b6875] skippr:transition-colors skippr:hover:text-[#2D2D3F]`,
|
|
13250
|
+
children: [
|
|
13251
|
+
/* @__PURE__ */ jsx52(LogoMark, {
|
|
13252
|
+
decorative: true,
|
|
13253
|
+
className: "skippr:size-[13px]"
|
|
13254
|
+
}),
|
|
13255
|
+
ATTRIBUTION_PREFIX2,
|
|
13256
|
+
" ",
|
|
13257
|
+
/* @__PURE__ */ jsx52("span", {
|
|
13258
|
+
className: "skippr:font-medium skippr:text-[#2D2D3F] skippr:underline skippr:underline-offset-2",
|
|
13259
|
+
children: ATTRIBUTION_BRAND2
|
|
13260
|
+
})
|
|
13261
|
+
]
|
|
13262
|
+
})
|
|
13263
|
+
]
|
|
13264
|
+
}),
|
|
13265
|
+
/* @__PURE__ */ jsx52("button", {
|
|
13266
|
+
type: "button",
|
|
13267
|
+
onClick: dismiss,
|
|
13268
|
+
"aria-label": CLOSE_LABEL,
|
|
13269
|
+
className: `${FOCUS_RING3} skippr:ml-auto skippr:flex skippr:size-6 skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#6b6875] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]`,
|
|
13270
|
+
children: /* @__PURE__ */ jsx52(X, {
|
|
13271
|
+
className: "skippr:size-4",
|
|
13272
|
+
strokeWidth: 2
|
|
13273
|
+
})
|
|
13274
|
+
})
|
|
13275
|
+
]
|
|
13276
|
+
}),
|
|
13277
|
+
/* @__PURE__ */ jsxs43("div", {
|
|
13278
|
+
className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:gap-[14px] skippr:overflow-y-auto skippr:px-[22px] skippr:pt-[18px]",
|
|
13279
|
+
children: [
|
|
13280
|
+
/* @__PURE__ */ jsxs43("section", {
|
|
13281
|
+
className: SECTION_BLOCK,
|
|
13282
|
+
children: [
|
|
13283
|
+
/* @__PURE__ */ jsx52("h3", {
|
|
13284
|
+
className: SECTION_HEADING,
|
|
13285
|
+
children: copy.tipsHeading
|
|
13286
|
+
}),
|
|
13287
|
+
/* @__PURE__ */ jsx52("ul", {
|
|
13288
|
+
className: "skippr:flex skippr:flex-col skippr:gap-[14px]",
|
|
13289
|
+
children: tips.length > 0 ? tips.map((tip) => /* @__PURE__ */ jsx52(TipRow, {
|
|
13290
|
+
title: tip.displayMessage,
|
|
13291
|
+
subtext: tip.objective,
|
|
13292
|
+
onStart: () => startTip(tip)
|
|
13293
|
+
}, tip.goalId)) : /* @__PURE__ */ jsx52(TipRow, {
|
|
13294
|
+
title: copy.tipsEmptyTitle,
|
|
13295
|
+
subtext: copy.tipsEmptyDescription,
|
|
13296
|
+
onStart: start
|
|
13297
|
+
})
|
|
13298
|
+
})
|
|
13299
|
+
]
|
|
13300
|
+
}),
|
|
13301
|
+
/* @__PURE__ */ jsx52(SplashMediaSection, {
|
|
13302
|
+
copy,
|
|
13303
|
+
micEnabled,
|
|
13304
|
+
startMuted,
|
|
13305
|
+
screenEnabled,
|
|
13306
|
+
enableMic,
|
|
13307
|
+
toggleStartMuted,
|
|
13308
|
+
enableScreen
|
|
13309
|
+
})
|
|
13310
|
+
]
|
|
13311
|
+
}),
|
|
13312
|
+
/* @__PURE__ */ jsxs43("div", {
|
|
13313
|
+
className: "skippr:shrink-0 skippr:px-[22px] skippr:pt-[22px] skippr:pb-[22px]",
|
|
13314
|
+
children: [
|
|
13315
|
+
/* @__PURE__ */ jsxs43("button", {
|
|
13316
|
+
type: "button",
|
|
13317
|
+
onClick: start,
|
|
13318
|
+
className: `${FOCUS_RING3} skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-full skippr:bg-primary skippr:px-5 skippr:py-[13px] skippr:text-[16px] skippr:font-semibold skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90`,
|
|
13319
|
+
children: [
|
|
13320
|
+
/* @__PURE__ */ jsx52(Sparkles, {
|
|
13321
|
+
className: "skippr:size-4",
|
|
13322
|
+
strokeWidth: ROW_ICON_STROKE,
|
|
13323
|
+
"aria-hidden": true
|
|
13324
|
+
}),
|
|
13325
|
+
copy.tipsCta
|
|
13326
|
+
]
|
|
13327
|
+
}),
|
|
13328
|
+
/* @__PURE__ */ jsx52(ConsentNotice, {
|
|
13329
|
+
leadIn: CONSENT_LEAD_IN,
|
|
13330
|
+
className: "skippr:mt-3"
|
|
13331
|
+
})
|
|
13332
|
+
]
|
|
13333
|
+
})
|
|
13334
|
+
]
|
|
13335
|
+
});
|
|
13336
|
+
}
|
|
13337
|
+
|
|
13338
|
+
// src/components/SplashPrimary.tsx
|
|
13339
|
+
import { jsx as jsx53, jsxs as jsxs44, Fragment as Fragment9 } from "react/jsx-runtime";
|
|
13340
|
+
var ATTRIBUTION_PREFIX3 = "AI Agent Powered by";
|
|
13341
|
+
var ATTRIBUTION_BRAND3 = "Skippr";
|
|
13342
|
+
var ATTRIBUTION_URL3 = "https://www.skippr.ai/";
|
|
13343
|
+
var CLOSE_LABEL2 = "Close";
|
|
13344
|
+
var CONSENT_LEAD_IN2 = "By starting a session";
|
|
13345
|
+
var GLYPH_COMPONENT = {
|
|
13346
|
+
[SPLASH_SECTION_GLYPH.Route]: Route,
|
|
13347
|
+
[SPLASH_SECTION_GLYPH.Messages]: MessagesSquare,
|
|
13348
|
+
[SPLASH_SECTION_GLYPH.Pointer]: MousePointerClick
|
|
13349
|
+
};
|
|
13350
|
+
function SectionRow({ iconUrl, glyph, title, description }) {
|
|
13351
|
+
const Glyph = glyph ? GLYPH_COMPONENT[glyph] : Sparkles;
|
|
13352
|
+
return /* @__PURE__ */ jsxs44("li", {
|
|
13353
|
+
className: "skippr:flex skippr:items-start skippr:gap-3",
|
|
13354
|
+
children: [
|
|
13355
|
+
/* @__PURE__ */ jsx53("span", {
|
|
13356
|
+
className: ICON_TILE,
|
|
13357
|
+
children: iconUrl ? /* @__PURE__ */ jsx53("img", {
|
|
13358
|
+
src: iconUrl,
|
|
13359
|
+
alt: "",
|
|
13360
|
+
className: `skippr:object-contain ${ROW_ICON}`
|
|
13361
|
+
}) : /* @__PURE__ */ jsx53(Glyph, {
|
|
13362
|
+
className: ROW_ICON,
|
|
13363
|
+
strokeWidth: ROW_ICON_STROKE
|
|
13364
|
+
})
|
|
13365
|
+
}),
|
|
13366
|
+
/* @__PURE__ */ jsxs44("span", {
|
|
13367
|
+
className: ROW_TEXT,
|
|
13368
|
+
children: [
|
|
13369
|
+
/* @__PURE__ */ jsx53("span", {
|
|
13370
|
+
className: ROW_TITLE,
|
|
13371
|
+
children: title
|
|
13372
|
+
}),
|
|
13373
|
+
/* @__PURE__ */ jsx53("span", {
|
|
13374
|
+
className: ROW_SUBTEXT,
|
|
13375
|
+
children: description
|
|
13376
|
+
})
|
|
13377
|
+
]
|
|
13378
|
+
})
|
|
13379
|
+
]
|
|
13380
|
+
});
|
|
13381
|
+
}
|
|
13382
|
+
function SplashPrimary({
|
|
13040
13383
|
agentName,
|
|
13041
13384
|
presentation,
|
|
13042
13385
|
headerIconUrl,
|
|
@@ -13056,111 +13399,111 @@ function SplashDefault({
|
|
|
13056
13399
|
dismiss
|
|
13057
13400
|
}) {
|
|
13058
13401
|
const { copy, card } = presentation;
|
|
13059
|
-
return /* @__PURE__ */
|
|
13402
|
+
return /* @__PURE__ */ jsxs44("section", {
|
|
13060
13403
|
"aria-label": agentName,
|
|
13061
13404
|
style: { maxWidth: card.width, maxHeight: `${card.maxHeight}vh` },
|
|
13062
13405
|
className: "skippr:flex skippr:w-full skippr:flex-col skippr:overflow-hidden skippr:rounded-[16px] skippr:bg-white skippr:shadow-[0_0_0_1px_rgba(45,45,63,0.10),0_1px_2px_rgba(45,45,63,0.04)]",
|
|
13063
13406
|
children: [
|
|
13064
|
-
/* @__PURE__ */
|
|
13407
|
+
/* @__PURE__ */ jsxs44("div", {
|
|
13065
13408
|
className: "skippr:flex skippr:shrink-0 skippr:items-start skippr:justify-between skippr:gap-3 skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:bg-[rgba(45,45,63,0.03)] skippr:px-[22px] skippr:pt-5 skippr:pb-4",
|
|
13066
13409
|
children: [
|
|
13067
|
-
/* @__PURE__ */
|
|
13410
|
+
/* @__PURE__ */ jsxs44("div", {
|
|
13068
13411
|
className: "skippr:flex skippr:min-w-0 skippr:flex-col skippr:gap-1",
|
|
13069
13412
|
children: [
|
|
13070
|
-
/* @__PURE__ */
|
|
13413
|
+
/* @__PURE__ */ jsxs44("span", {
|
|
13071
13414
|
className: "skippr:flex skippr:min-w-0 skippr:items-center skippr:gap-1.5 skippr:text-[#2D2D3F]",
|
|
13072
13415
|
children: [
|
|
13073
|
-
headerIconUrl ? /* @__PURE__ */
|
|
13416
|
+
headerIconUrl ? /* @__PURE__ */ jsx53("img", {
|
|
13074
13417
|
src: headerIconUrl,
|
|
13075
13418
|
alt: "",
|
|
13076
13419
|
className: `skippr:shrink-0 skippr:object-contain ${ROW_ICON}`
|
|
13077
|
-
}) : /* @__PURE__ */
|
|
13420
|
+
}) : /* @__PURE__ */ jsx53(Sparkles, {
|
|
13078
13421
|
className: `skippr:shrink-0 ${ROW_ICON}`,
|
|
13079
13422
|
strokeWidth: ROW_ICON_STROKE,
|
|
13080
13423
|
"aria-hidden": true
|
|
13081
13424
|
}),
|
|
13082
|
-
/* @__PURE__ */
|
|
13425
|
+
/* @__PURE__ */ jsx53("span", {
|
|
13083
13426
|
className: "skippr:truncate skippr:text-[18px] skippr:font-semibold skippr:tracking-[-0.0125em]",
|
|
13084
13427
|
children: agentName
|
|
13085
13428
|
})
|
|
13086
13429
|
]
|
|
13087
13430
|
}),
|
|
13088
|
-
attributionVisible && /* @__PURE__ */
|
|
13089
|
-
href:
|
|
13431
|
+
attributionVisible && /* @__PURE__ */ jsxs44("a", {
|
|
13432
|
+
href: ATTRIBUTION_URL3,
|
|
13090
13433
|
target: "_blank",
|
|
13091
13434
|
rel: "noopener noreferrer",
|
|
13092
13435
|
className: `${FOCUS_RING3} skippr:flex skippr:w-fit skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-[4px] skippr:text-[14px] skippr:text-[#6b6875] skippr:transition-colors skippr:hover:text-[#2D2D3F]`,
|
|
13093
13436
|
children: [
|
|
13094
|
-
/* @__PURE__ */
|
|
13437
|
+
/* @__PURE__ */ jsx53(LogoMark, {
|
|
13095
13438
|
decorative: true,
|
|
13096
13439
|
className: "skippr:size-[13px]"
|
|
13097
13440
|
}),
|
|
13098
|
-
|
|
13441
|
+
ATTRIBUTION_PREFIX3,
|
|
13099
13442
|
" ",
|
|
13100
|
-
/* @__PURE__ */
|
|
13443
|
+
/* @__PURE__ */ jsx53("span", {
|
|
13101
13444
|
className: "skippr:font-medium skippr:text-[#2D2D3F] skippr:underline skippr:underline-offset-2",
|
|
13102
|
-
children:
|
|
13445
|
+
children: ATTRIBUTION_BRAND3
|
|
13103
13446
|
})
|
|
13104
13447
|
]
|
|
13105
13448
|
})
|
|
13106
13449
|
]
|
|
13107
13450
|
}),
|
|
13108
|
-
/* @__PURE__ */
|
|
13451
|
+
/* @__PURE__ */ jsx53("button", {
|
|
13109
13452
|
type: "button",
|
|
13110
13453
|
onClick: dismiss,
|
|
13111
|
-
"aria-label":
|
|
13454
|
+
"aria-label": CLOSE_LABEL2,
|
|
13112
13455
|
className: `${FOCUS_RING3} skippr:ml-auto skippr:flex skippr:size-6 skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#6b6875] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]`,
|
|
13113
|
-
children: /* @__PURE__ */
|
|
13456
|
+
children: /* @__PURE__ */ jsx53(X, {
|
|
13114
13457
|
className: "skippr:size-4",
|
|
13115
13458
|
strokeWidth: 2
|
|
13116
13459
|
})
|
|
13117
13460
|
})
|
|
13118
13461
|
]
|
|
13119
13462
|
}),
|
|
13120
|
-
/* @__PURE__ */
|
|
13463
|
+
/* @__PURE__ */ jsxs44("div", {
|
|
13121
13464
|
className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:gap-[14px] skippr:overflow-y-auto skippr:px-[22px] skippr:pt-[18px]",
|
|
13122
13465
|
children: [
|
|
13123
|
-
intent === SPLASH_INTENT.Start ? sections.length > 0 && /* @__PURE__ */
|
|
13466
|
+
intent === SPLASH_INTENT.Start ? sections.length > 0 && /* @__PURE__ */ jsxs44("section", {
|
|
13124
13467
|
className: SECTION_BLOCK,
|
|
13125
13468
|
children: [
|
|
13126
|
-
/* @__PURE__ */
|
|
13469
|
+
/* @__PURE__ */ jsx53("h3", {
|
|
13127
13470
|
className: SECTION_HEADING,
|
|
13128
13471
|
children: copy.howItWorksHeading
|
|
13129
13472
|
}),
|
|
13130
|
-
/* @__PURE__ */
|
|
13473
|
+
/* @__PURE__ */ jsx53("ul", {
|
|
13131
13474
|
className: "skippr:flex skippr:flex-col skippr:gap-[14px]",
|
|
13132
|
-
children: sections.map((section) => /* @__PURE__ */
|
|
13475
|
+
children: sections.map((section) => /* @__PURE__ */ jsx53(SectionRow, {
|
|
13133
13476
|
...section
|
|
13134
13477
|
}, section.id))
|
|
13135
13478
|
})
|
|
13136
13479
|
]
|
|
13137
|
-
}) : /* @__PURE__ */
|
|
13480
|
+
}) : /* @__PURE__ */ jsxs44(Fragment9, {
|
|
13138
13481
|
children: [
|
|
13139
|
-
lastCompletedPhase && /* @__PURE__ */
|
|
13482
|
+
lastCompletedPhase && /* @__PURE__ */ jsxs44("section", {
|
|
13140
13483
|
className: SECTION_BLOCK,
|
|
13141
13484
|
children: [
|
|
13142
|
-
/* @__PURE__ */
|
|
13485
|
+
/* @__PURE__ */ jsx53("h3", {
|
|
13143
13486
|
className: SECTION_HEADING,
|
|
13144
13487
|
children: copy.lastAccomplishmentHeading
|
|
13145
13488
|
}),
|
|
13146
|
-
/* @__PURE__ */
|
|
13489
|
+
/* @__PURE__ */ jsxs44("div", {
|
|
13147
13490
|
className: "skippr:flex skippr:items-start skippr:gap-3",
|
|
13148
13491
|
children: [
|
|
13149
|
-
/* @__PURE__ */
|
|
13150
|
-
className:
|
|
13151
|
-
children: /* @__PURE__ */
|
|
13492
|
+
/* @__PURE__ */ jsx53("span", {
|
|
13493
|
+
className: ICON_TILE_BRAND,
|
|
13494
|
+
children: /* @__PURE__ */ jsx53(Check, {
|
|
13152
13495
|
className: ROW_ICON,
|
|
13153
13496
|
strokeWidth: 2.2
|
|
13154
13497
|
})
|
|
13155
13498
|
}),
|
|
13156
|
-
/* @__PURE__ */
|
|
13499
|
+
/* @__PURE__ */ jsxs44("span", {
|
|
13157
13500
|
className: ROW_TEXT,
|
|
13158
13501
|
children: [
|
|
13159
|
-
/* @__PURE__ */
|
|
13502
|
+
/* @__PURE__ */ jsx53("span", {
|
|
13160
13503
|
className: ROW_TITLE,
|
|
13161
13504
|
children: lastCompletedPhase.name
|
|
13162
13505
|
}),
|
|
13163
|
-
/* @__PURE__ */
|
|
13506
|
+
/* @__PURE__ */ jsx53("span", {
|
|
13164
13507
|
className: ROW_SUBTEXT,
|
|
13165
13508
|
children: lastCompletedPhase.description
|
|
13166
13509
|
})
|
|
@@ -13170,30 +13513,30 @@ function SplashDefault({
|
|
|
13170
13513
|
})
|
|
13171
13514
|
]
|
|
13172
13515
|
}),
|
|
13173
|
-
upcomingPhases.length > 0 && /* @__PURE__ */
|
|
13516
|
+
upcomingPhases.length > 0 && /* @__PURE__ */ jsxs44("section", {
|
|
13174
13517
|
className: SECTION_BLOCK,
|
|
13175
13518
|
children: [
|
|
13176
|
-
/* @__PURE__ */
|
|
13519
|
+
/* @__PURE__ */ jsx53("h3", {
|
|
13177
13520
|
className: SECTION_HEADING,
|
|
13178
13521
|
children: copy.upNextHeading
|
|
13179
13522
|
}),
|
|
13180
|
-
/* @__PURE__ */
|
|
13523
|
+
/* @__PURE__ */ jsx53("ol", {
|
|
13181
13524
|
className: "skippr:flex skippr:flex-col skippr:gap-3",
|
|
13182
|
-
children: upcomingPhases.map((phase, index2) => /* @__PURE__ */
|
|
13525
|
+
children: upcomingPhases.map((phase, index2) => /* @__PURE__ */ jsxs44("li", {
|
|
13183
13526
|
className: "skippr:flex skippr:items-start skippr:gap-3",
|
|
13184
13527
|
children: [
|
|
13185
|
-
/* @__PURE__ */
|
|
13528
|
+
/* @__PURE__ */ jsx53("span", {
|
|
13186
13529
|
className: "skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#f2f0eb] skippr:text-[12px] skippr:font-semibold skippr:text-[#6b6875]",
|
|
13187
13530
|
children: index2 + 1
|
|
13188
13531
|
}),
|
|
13189
|
-
/* @__PURE__ */
|
|
13532
|
+
/* @__PURE__ */ jsxs44("span", {
|
|
13190
13533
|
className: ROW_TEXT,
|
|
13191
13534
|
children: [
|
|
13192
|
-
/* @__PURE__ */
|
|
13535
|
+
/* @__PURE__ */ jsx53("span", {
|
|
13193
13536
|
className: `skippr:truncate ${ROW_TITLE}`,
|
|
13194
13537
|
children: phase.name
|
|
13195
13538
|
}),
|
|
13196
|
-
/* @__PURE__ */
|
|
13539
|
+
/* @__PURE__ */ jsx53("span", {
|
|
13197
13540
|
className: ROW_SUBTEXT,
|
|
13198
13541
|
children: phase.description
|
|
13199
13542
|
})
|
|
@@ -13206,65 +13549,26 @@ function SplashDefault({
|
|
|
13206
13549
|
})
|
|
13207
13550
|
]
|
|
13208
13551
|
}),
|
|
13209
|
-
/* @__PURE__ */
|
|
13210
|
-
|
|
13211
|
-
|
|
13212
|
-
|
|
13213
|
-
|
|
13214
|
-
|
|
13215
|
-
|
|
13216
|
-
|
|
13217
|
-
className: "skippr:flex skippr:flex-col skippr:gap-[14px]",
|
|
13218
|
-
children: [
|
|
13219
|
-
/* @__PURE__ */ jsx50(MediaRow, {
|
|
13220
|
-
icon: /* @__PURE__ */ jsx50(Mic, {
|
|
13221
|
-
className: ROW_ICON,
|
|
13222
|
-
strokeWidth: ROW_ICON_STROKE
|
|
13223
|
-
}),
|
|
13224
|
-
label: copy.micLabel,
|
|
13225
|
-
subtext: copy.micSubtext,
|
|
13226
|
-
trailing: micEnabled ? /* @__PURE__ */ jsxs41("span", {
|
|
13227
|
-
className: "skippr:flex skippr:shrink-0 skippr:items-center skippr:gap-2",
|
|
13228
|
-
children: [
|
|
13229
|
-
/* @__PURE__ */ jsx50(MediaStatus, {
|
|
13230
|
-
label: startMuted ? MIC_MUTED_STATUS : MEDIA_ENABLED_STATUS
|
|
13231
|
-
}),
|
|
13232
|
-
/* @__PURE__ */ jsx50(MicToggle, {
|
|
13233
|
-
muted: startMuted,
|
|
13234
|
-
onToggle: toggleStartMuted
|
|
13235
|
-
})
|
|
13236
|
-
]
|
|
13237
|
-
}) : /* @__PURE__ */ jsx50(EnableButton, {
|
|
13238
|
-
onEnable: enableMic
|
|
13239
|
-
})
|
|
13240
|
-
}),
|
|
13241
|
-
/* @__PURE__ */ jsx50(MediaRow, {
|
|
13242
|
-
icon: /* @__PURE__ */ jsx50(MonitorUp, {
|
|
13243
|
-
className: ROW_ICON,
|
|
13244
|
-
strokeWidth: ROW_ICON_STROKE
|
|
13245
|
-
}),
|
|
13246
|
-
label: copy.screenLabel,
|
|
13247
|
-
subtext: copy.screenSubtext,
|
|
13248
|
-
trailing: /* @__PURE__ */ jsx50(ScreenTrailing, {
|
|
13249
|
-
enabled: screenEnabled,
|
|
13250
|
-
onEnable: enableScreen
|
|
13251
|
-
})
|
|
13252
|
-
})
|
|
13253
|
-
]
|
|
13254
|
-
})
|
|
13255
|
-
]
|
|
13552
|
+
/* @__PURE__ */ jsx53(SplashMediaSection, {
|
|
13553
|
+
copy,
|
|
13554
|
+
micEnabled,
|
|
13555
|
+
startMuted,
|
|
13556
|
+
screenEnabled,
|
|
13557
|
+
enableMic,
|
|
13558
|
+
toggleStartMuted,
|
|
13559
|
+
enableScreen
|
|
13256
13560
|
})
|
|
13257
13561
|
]
|
|
13258
13562
|
}),
|
|
13259
|
-
/* @__PURE__ */
|
|
13563
|
+
/* @__PURE__ */ jsxs44("div", {
|
|
13260
13564
|
className: "skippr:shrink-0 skippr:px-[22px] skippr:pt-[22px] skippr:pb-[22px]",
|
|
13261
13565
|
children: [
|
|
13262
|
-
/* @__PURE__ */
|
|
13566
|
+
/* @__PURE__ */ jsxs44("button", {
|
|
13263
13567
|
type: "button",
|
|
13264
13568
|
onClick: start,
|
|
13265
13569
|
className: `${FOCUS_RING3} skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-full skippr:bg-primary skippr:px-5 skippr:py-[13px] skippr:text-[16px] skippr:font-semibold skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90`,
|
|
13266
13570
|
children: [
|
|
13267
|
-
/* @__PURE__ */
|
|
13571
|
+
/* @__PURE__ */ jsx53(Sparkles, {
|
|
13268
13572
|
className: "skippr:size-4",
|
|
13269
13573
|
strokeWidth: ROW_ICON_STROKE,
|
|
13270
13574
|
"aria-hidden": true
|
|
@@ -13272,14 +13576,14 @@ function SplashDefault({
|
|
|
13272
13576
|
intent === SPLASH_INTENT.Start ? copy.startCta : copy.continueCta
|
|
13273
13577
|
]
|
|
13274
13578
|
}),
|
|
13275
|
-
skipButtonVisible && /* @__PURE__ */
|
|
13579
|
+
skipButtonVisible && /* @__PURE__ */ jsx53("button", {
|
|
13276
13580
|
type: "button",
|
|
13277
13581
|
onClick: dismiss,
|
|
13278
13582
|
className: `${ROW_SUBTEXT} ${FOCUS_RING3} skippr:mt-2 skippr:block skippr:w-full skippr:cursor-pointer skippr:py-1 skippr:text-center skippr:transition-colors skippr:hover:text-[#2D2D3F]`,
|
|
13279
13583
|
children: copy.dismissLabel
|
|
13280
13584
|
}),
|
|
13281
|
-
/* @__PURE__ */
|
|
13282
|
-
leadIn:
|
|
13585
|
+
/* @__PURE__ */ jsx53(ConsentNotice, {
|
|
13586
|
+
leadIn: CONSENT_LEAD_IN2,
|
|
13283
13587
|
className: "skippr:mt-3"
|
|
13284
13588
|
})
|
|
13285
13589
|
]
|
|
@@ -13289,7 +13593,7 @@ function SplashDefault({
|
|
|
13289
13593
|
}
|
|
13290
13594
|
|
|
13291
13595
|
// src/components/SplashOverlay.tsx
|
|
13292
|
-
import { jsx as
|
|
13596
|
+
import { jsx as jsx54 } from "react/jsx-runtime";
|
|
13293
13597
|
var SPLASH_OVERLAY_BACKDROP = "rgba(45, 45, 63, 0.45)";
|
|
13294
13598
|
var SPLASH_OVERLAY_Z_INDEX = 9999;
|
|
13295
13599
|
var BACKDROP_STYLE = {
|
|
@@ -13310,7 +13614,7 @@ function SplashOverlay({ width, maxHeight }) {
|
|
|
13310
13614
|
}
|
|
13311
13615
|
if (!ctx.isSplashConfigured)
|
|
13312
13616
|
return null;
|
|
13313
|
-
return /* @__PURE__ */
|
|
13617
|
+
return /* @__PURE__ */ jsx54(SplashOverlayCard, {
|
|
13314
13618
|
accentColor: ctx.appearance?.accentColor ?? null,
|
|
13315
13619
|
width,
|
|
13316
13620
|
maxHeight
|
|
@@ -13328,15 +13632,19 @@ function SplashOverlayCard({
|
|
|
13328
13632
|
width: width === undefined ? state.presentation.card.width : clampSplashWidth(width),
|
|
13329
13633
|
maxHeight: maxHeight === undefined ? state.presentation.card.maxHeight : clampSplashMaxHeight(maxHeight)
|
|
13330
13634
|
};
|
|
13331
|
-
|
|
13635
|
+
const presentation = { ...state.presentation, card };
|
|
13636
|
+
return /* @__PURE__ */ jsx54("div", {
|
|
13332
13637
|
style: BACKDROP_STYLE,
|
|
13333
|
-
children: /* @__PURE__ */
|
|
13638
|
+
children: /* @__PURE__ */ jsx54("div", {
|
|
13334
13639
|
style: { ...CARD_STYLE, maxWidth: card.width },
|
|
13335
|
-
children: /* @__PURE__ */
|
|
13640
|
+
children: /* @__PURE__ */ jsx54(ShadowHost, {
|
|
13336
13641
|
accentColor,
|
|
13337
|
-
children: /* @__PURE__ */
|
|
13642
|
+
children: state.layout === SPLASH_LAYOUT.AlwaysOn ? /* @__PURE__ */ jsx54(SplashAlwaysOn, {
|
|
13338
13643
|
...state,
|
|
13339
|
-
presentation
|
|
13644
|
+
presentation
|
|
13645
|
+
}) : /* @__PURE__ */ jsx54(SplashPrimary, {
|
|
13646
|
+
...state,
|
|
13647
|
+
presentation
|
|
13340
13648
|
})
|
|
13341
13649
|
})
|
|
13342
13650
|
})
|
|
@@ -13344,7 +13652,7 @@ function SplashOverlayCard({
|
|
|
13344
13652
|
}
|
|
13345
13653
|
// src/components/SplashScreen.tsx
|
|
13346
13654
|
import { useContext as useContext27 } from "react";
|
|
13347
|
-
import { jsx as
|
|
13655
|
+
import { jsx as jsx55 } from "react/jsx-runtime";
|
|
13348
13656
|
function SplashScreen({ className, onDismiss }) {
|
|
13349
13657
|
const ctx = useContext27(LiveAgentContext);
|
|
13350
13658
|
if (!ctx) {
|
|
@@ -13353,10 +13661,12 @@ function SplashScreen({ className, onDismiss }) {
|
|
|
13353
13661
|
const state = useSplash(onDismiss);
|
|
13354
13662
|
if (!state)
|
|
13355
13663
|
return null;
|
|
13356
|
-
return /* @__PURE__ */
|
|
13664
|
+
return /* @__PURE__ */ jsx55(ShadowHost, {
|
|
13357
13665
|
className,
|
|
13358
13666
|
accentColor: ctx.appearance?.accentColor ?? null,
|
|
13359
|
-
children: /* @__PURE__ */
|
|
13667
|
+
children: state.layout === SPLASH_LAYOUT.AlwaysOn ? /* @__PURE__ */ jsx55(SplashAlwaysOn, {
|
|
13668
|
+
...state
|
|
13669
|
+
}) : /* @__PURE__ */ jsx55(SplashPrimary, {
|
|
13360
13670
|
...state
|
|
13361
13671
|
})
|
|
13362
13672
|
});
|