@apteva/apteva-kit 0.1.124 → 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 +22 -34
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +22 -34
- 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
|
},
|