@apteva/apteva-kit 0.1.123 → 0.1.125
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/dist/index.js +26 -38
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +26 -38
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3183,7 +3183,7 @@ function WelcomeScreen({
|
|
|
3183
3183
|
const hasPrompts = normalizedPrompts.length > 0;
|
|
3184
3184
|
const hasHeader = title || subtitle || icon;
|
|
3185
3185
|
if (!hasHeader && !hasPrompts) {
|
|
3186
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center h-full
|
|
3186
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "apteva-welcome-empty flex items-center justify-center h-full", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center space-y-2", children: [
|
|
3187
3187
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultIcon, {}) }),
|
|
3188
3188
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm", children: "No messages yet. Start a conversation!" })
|
|
3189
3189
|
] }) });
|
|
@@ -3191,27 +3191,23 @@ function WelcomeScreen({
|
|
|
3191
3191
|
if (variant === "minimal") {
|
|
3192
3192
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col h-full px-4 py-4", children: [
|
|
3193
3193
|
hasHeader && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-4", children: [
|
|
3194
|
-
title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-lg font-semibold
|
|
3195
|
-
subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "
|
|
3194
|
+
title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "apteva-welcome-title text-lg font-semibold", children: title }),
|
|
3195
|
+
subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "apteva-welcome-subtitle text-sm mt-1", children: subtitle })
|
|
3196
3196
|
] }),
|
|
3197
3197
|
hasPrompts && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 space-y-2", children: normalizedPrompts.map((prompt, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
3198
3198
|
"button",
|
|
3199
3199
|
{
|
|
3200
3200
|
onClick: () => onPromptClick(prompt.text),
|
|
3201
3201
|
className: cn(
|
|
3202
|
-
"w-full text-left px-4 py-3 rounded-xl",
|
|
3203
|
-
"
|
|
3204
|
-
"border border-neutral-200 dark:border-neutral-700",
|
|
3205
|
-
"hover:bg-neutral-100 dark:hover:bg-neutral-800",
|
|
3206
|
-
"hover:border-neutral-300 dark:hover:border-neutral-600",
|
|
3207
|
-
"transition-all duration-200",
|
|
3202
|
+
"apteva-prompt-card w-full text-left px-4 py-3 rounded-xl",
|
|
3203
|
+
"border transition-all duration-200",
|
|
3208
3204
|
"group"
|
|
3209
3205
|
),
|
|
3210
3206
|
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
3211
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0
|
|
3207
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "apteva-prompt-icon flex-shrink-0 transition-colors", children: prompt.icon || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ArrowIcon, {}) }),
|
|
3212
3208
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
|
|
3213
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm font-medium
|
|
3214
|
-
prompt.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "
|
|
3209
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "apteva-prompt-text text-sm font-medium truncate", children: prompt.text }),
|
|
3210
|
+
prompt.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "apteva-prompt-desc text-xs mt-0.5 truncate", children: prompt.description })
|
|
3215
3211
|
] })
|
|
3216
3212
|
] })
|
|
3217
3213
|
},
|
|
@@ -3221,9 +3217,9 @@ function WelcomeScreen({
|
|
|
3221
3217
|
}
|
|
3222
3218
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center h-full px-4 py-6 sm:py-8", children: [
|
|
3223
3219
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center mb-6 sm:mb-8 max-w-md", children: [
|
|
3224
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "
|
|
3225
|
-
title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-xl sm:text-2xl font-semibold
|
|
3226
|
-
subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm sm:text-base
|
|
3220
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "apteva-welcome-icon mb-4 flex justify-center", children: icon || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultIcon, {}) }),
|
|
3221
|
+
title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "apteva-welcome-title text-xl sm:text-2xl font-semibold mb-2", children: title }),
|
|
3222
|
+
subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "apteva-welcome-subtitle text-sm sm:text-base", children: subtitle })
|
|
3227
3223
|
] }),
|
|
3228
3224
|
hasPrompts && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full max-w-2xl", children: [
|
|
3229
3225
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "sm:hidden space-y-2", children: normalizedPrompts.map((prompt, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -3231,26 +3227,22 @@ function WelcomeScreen({
|
|
|
3231
3227
|
{
|
|
3232
3228
|
onClick: () => onPromptClick(prompt.text),
|
|
3233
3229
|
className: cn(
|
|
3234
|
-
"w-full text-left px-4 py-3 rounded-xl",
|
|
3235
|
-
"
|
|
3236
|
-
"border border-neutral-200 dark:border-neutral-700",
|
|
3237
|
-
"hover:bg-neutral-50 dark:hover:bg-neutral-700",
|
|
3238
|
-
"hover:border-blue-300 dark:hover:border-blue-600",
|
|
3230
|
+
"apteva-prompt-card w-full text-left px-4 py-3 rounded-xl",
|
|
3231
|
+
"border transition-all duration-200",
|
|
3239
3232
|
"active:scale-[0.98]",
|
|
3240
|
-
"transition-all duration-200",
|
|
3241
3233
|
"shadow-sm hover:shadow",
|
|
3242
3234
|
"group"
|
|
3243
3235
|
),
|
|
3244
3236
|
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
3245
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0 w-8 h-8 rounded-lg
|
|
3237
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "apteva-prompt-icon-box flex-shrink-0 w-8 h-8 rounded-lg flex items-center justify-center transition-colors", children: prompt.icon || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ArrowIcon, {}) }),
|
|
3246
3238
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
|
|
3247
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm font-medium
|
|
3248
|
-
prompt.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "
|
|
3239
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "apteva-prompt-text text-sm font-medium", children: prompt.text }),
|
|
3240
|
+
prompt.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "apteva-prompt-desc text-xs mt-0.5 line-clamp-1", children: prompt.description })
|
|
3249
3241
|
] }),
|
|
3250
3242
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
3251
3243
|
"svg",
|
|
3252
3244
|
{
|
|
3253
|
-
className: "w-4 h-4
|
|
3245
|
+
className: "apteva-prompt-chevron w-4 h-4 transition-colors flex-shrink-0",
|
|
3254
3246
|
fill: "none",
|
|
3255
3247
|
stroke: "currentColor",
|
|
3256
3248
|
viewBox: "0 0 24 24",
|
|
@@ -3274,21 +3266,17 @@ function WelcomeScreen({
|
|
|
3274
3266
|
{
|
|
3275
3267
|
onClick: () => onPromptClick(prompt.text),
|
|
3276
3268
|
className: cn(
|
|
3277
|
-
"text-left p-4 rounded-xl",
|
|
3278
|
-
"
|
|
3279
|
-
"border border-neutral-200 dark:border-neutral-700",
|
|
3280
|
-
"hover:bg-neutral-50 dark:hover:bg-neutral-700",
|
|
3281
|
-
"hover:border-blue-300 dark:hover:border-blue-600",
|
|
3269
|
+
"apteva-prompt-card text-left p-4 rounded-xl",
|
|
3270
|
+
"border transition-all duration-200",
|
|
3282
3271
|
"hover:shadow-md",
|
|
3283
3272
|
"active:scale-[0.98]",
|
|
3284
|
-
"transition-all duration-200",
|
|
3285
3273
|
"group"
|
|
3286
3274
|
),
|
|
3287
3275
|
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-3", children: [
|
|
3288
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0 w-9 h-9 rounded-lg
|
|
3276
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "apteva-prompt-icon-box flex-shrink-0 w-9 h-9 rounded-lg flex items-center justify-center transition-colors", children: prompt.icon || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ArrowIcon, {}) }),
|
|
3289
3277
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
|
|
3290
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm font-medium
|
|
3291
|
-
prompt.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "
|
|
3278
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "apteva-prompt-text text-sm font-medium leading-snug", children: prompt.text }),
|
|
3279
|
+
prompt.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "apteva-prompt-desc text-xs mt-1 line-clamp-2", children: prompt.description })
|
|
3292
3280
|
] })
|
|
3293
3281
|
] })
|
|
3294
3282
|
},
|
|
@@ -3686,7 +3674,7 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
|
|
|
3686
3674
|
{
|
|
3687
3675
|
ref: menuButtonRef,
|
|
3688
3676
|
onClick: () => setShowMenu(!showMenu),
|
|
3689
|
-
className: "apteva-composer-menu-btn w-8 h-8 rounded-lg flex items-center justify-center transition-all
|
|
3677
|
+
className: "apteva-composer-menu-btn w-8 h-8 rounded-lg flex items-center justify-center transition-all",
|
|
3690
3678
|
title: "More options",
|
|
3691
3679
|
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M10 5v10M5 10h10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
|
|
3692
3680
|
}
|
|
@@ -3696,7 +3684,7 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
|
|
|
3696
3684
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
3697
3685
|
"div",
|
|
3698
3686
|
{
|
|
3699
|
-
className: "apteva-composer-menu fixed
|
|
3687
|
+
className: "apteva-composer-menu fixed rounded-xl shadow-lg overflow-hidden z-[9999] min-w-[200px]",
|
|
3700
3688
|
style: {
|
|
3701
3689
|
left: _nullishCoalesce(_optionalChain([menuButtonRef, 'access', _59 => _59.current, 'optionalAccess', _60 => _60.getBoundingClientRect, 'call', _61 => _61(), 'access', _62 => _62.left]), () => ( 0)),
|
|
3702
3690
|
bottom: window.innerHeight - (_nullishCoalesce(_optionalChain([menuButtonRef, 'access', _63 => _63.current, 'optionalAccess', _64 => _64.getBoundingClientRect, 'call', _65 => _65(), 'access', _66 => _66.top]), () => ( 0))) + 8
|
|
@@ -3709,7 +3697,7 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
|
|
|
3709
3697
|
_optionalChain([fileInputRef, 'access', _67 => _67.current, 'optionalAccess', _68 => _68.click, 'call', _69 => _69()]);
|
|
3710
3698
|
setShowMenu(false);
|
|
3711
3699
|
},
|
|
3712
|
-
className: "w-full flex items-center gap-3 px-4 py-3
|
|
3700
|
+
className: "apteva-composer-menu-item w-full flex items-center gap-3 px-4 py-3 transition-colors text-left",
|
|
3713
3701
|
children: [
|
|
3714
3702
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M10.5 3.5L5.5 8.5C4.67157 9.32843 4.67157 10.6716 5.5 11.5C6.32843 12.3284 7.67157 12.3284 8.5 11.5L14.5 5.5C15.8807 4.11929 15.8807 1.88071 14.5 0.5C13.1193 -0.880711 10.8807 -0.880711 9.5 0.5L3.5 6.5C1.56846 8.43154 1.56846 11.5685 3.5 13.5C5.43154 15.4315 8.56846 15.4315 10.5 13.5L15.5 8.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", transform: "translate(2, 3)" }) }),
|
|
3715
3703
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "!text-sm font-medium", children: "Add photos & files" })
|
|
@@ -3723,7 +3711,7 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
|
|
|
3723
3711
|
onSwitchMode();
|
|
3724
3712
|
setShowMenu(false);
|
|
3725
3713
|
},
|
|
3726
|
-
className: "w-full flex items-center gap-3 px-4 py-3
|
|
3714
|
+
className: "apteva-composer-menu-item w-full flex items-center gap-3 px-4 py-3 transition-colors text-left apteva-composer-menu-item-border",
|
|
3727
3715
|
children: [
|
|
3728
3716
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-4.5 h-4.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }),
|
|
3729
3717
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "!text-sm font-medium", children: "Switch to command mode" })
|