lemma-sdk 0.2.15 → 0.2.16
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.
|
@@ -10,7 +10,8 @@ export const AssistantMessageViewport = forwardRef(function AssistantMessageView
|
|
|
10
10
|
return (_jsx("div", { ref: ref, className: cx("lemma-assistant-viewport", "min-h-0 flex-1 overflow-y-auto bg-[var(--bg-surface)] px-4 py-4", className), ...props, children: _jsx("div", { className: cx("lemma-assistant-viewport-inner", "mx-auto flex w-full max-w-5xl flex-col gap-3", innerClassName), children: children }) }));
|
|
11
11
|
});
|
|
12
12
|
export function AssistantShellLayout({ sidebar, sidebarVisible = false, main, className, }) {
|
|
13
|
-
|
|
13
|
+
const hasSidebar = !!sidebar;
|
|
14
|
+
return (_jsxs("div", { className: cx("lemma-assistant-shell", hasSidebar && "lemma-assistant-shell--with-sidebar", hasSidebar && sidebarVisible && "lemma-assistant-shell--sidebar-visible", "mx-auto h-full w-full min-h-0 font-sans antialiased", className), children: [sidebar && sidebarVisible ? (_jsx("div", { className: "lemma-assistant-shell-sidebar", children: sidebar })) : null, main] }));
|
|
14
15
|
}
|
|
15
16
|
export function AssistantHeader({ title, subtitle, badge, controls, className, }) {
|
|
16
17
|
return (_jsxs("div", { className: cx("lemma-assistant-header", "flex items-center justify-between border-b border-[color:color-mix(in_srgb,_var(--border-default)_80%,_transparent)] px-4 py-3", className), children: [_jsxs("div", { className: "lemma-assistant-header-copy flex items-center gap-2.5", children: [badge ? (_jsx("div", { className: "lemma-assistant-header-badge flex h-7 w-7 items-center justify-center rounded-full bg-[linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))] shadow-[var(--shadow-xs)]", children: badge })) : null, _jsxs("div", { className: "lemma-assistant-header-titles", children: [_jsx("h3", { className: "lemma-assistant-header-title text-[13px] font-semibold leading-tight text-[var(--text-primary)]", children: title }), subtitle ? (_jsx("p", { className: "lemma-assistant-header-subtitle text-[11px] text-[var(--text-tertiary)]", children: subtitle })) : null] })] }), controls ? (_jsx("div", { className: "lemma-assistant-header-controls flex items-center gap-1", children: controls })) : null] }));
|
|
@@ -1005,7 +1005,7 @@ export function AssistantExperienceView({ controller, title = "Lemma Assistant",
|
|
|
1005
1005
|
: previousRow?.message.role !== "assistant";
|
|
1006
1006
|
const includesLastRawMessage = row.sourceIndexes.includes(controller.messages.length - 1);
|
|
1007
1007
|
return (_jsx(MessageGroup, { message: row.message, onNavigateResource: onNavigateResource, onWidgetSendPrompt: handleWidgetSendPrompt, conversationId: controller.activeConversationId, isStreaming: isConversationBusy && includesLastRawMessage && row.message.role === "assistant", showAssistantHeader: showAssistantHeader, renderMessageContent: renderMessageContent, renderPresentedFile: renderPresentedFile, renderToolInvocation: renderToolInvocation }, row.id || index));
|
|
1008
|
-
}), isConversationBusy && controller.messages.length > 0 && !activeToolBanner && !lastMessageHasContent ? (_jsx(ThinkingIndicator, {})) : null, controller.error ? (_jsx("div", { className: "lemma-assistant-experience-error bg-[color:color-mix(in_srgb,_var(--state-error)_12%,_transparent)] border border-[color:color-mix(in_srgb,_var(--state-error)_48%,_var(--border-subtle))] rounded-lg p-3 text-xs text-[var(--state-error)] flex items-start gap-2.5", children: _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: "Something went wrong" }), _jsx("p", { className: "text-[var(--state-error)] mt-1", children: controller.error })] }) })) : null, (controller.messages.length > 0 || isConversationBusy || !!controller.error) ? (_jsx("div", { "aria-hidden": "true", className: "h-14 shrink-0" })) : null] })] }), _jsxs("div", { className: "lemma-assistant-experience-composer relative rounded-2xl border border-[color:color-mix(in_srgb,_var(--border-default)_80%,_transparent)] bg-[var(--bg-surface)] p-2 shadow-[var(--shadow-md)]", children: [planSummary ? (_jsx("div", { className: "lemma-assistant-experience-plan absolute bottom-[calc(100%+8px)] left-0 right-0 z-20", children: isPlanHidden ? (_jsxs("button", { type: "button", onClick: () => setIsPlanHidden(false), className: "inline-flex items-center gap-2 rounded-lg border border-[var(--border-default)] bg-[var(--bg-surface)] px-3 py-1.5 text-[11px] font-medium text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-subtle)] transition-colors", children: ["Show plan (", planSummary.completedCount, "/", planSummary.steps.length, ")"] })) : (_jsx(PlanSummaryStrip, { plan: planSummary, onHide: () => setIsPlanHidden(true) })) })) : null,
|
|
1008
|
+
}), isConversationBusy && controller.messages.length > 0 && !activeToolBanner && !lastMessageHasContent ? (_jsx(ThinkingIndicator, {})) : null, controller.error ? (_jsx("div", { className: "lemma-assistant-experience-error bg-[color:color-mix(in_srgb,_var(--state-error)_12%,_transparent)] border border-[color:color-mix(in_srgb,_var(--state-error)_48%,_var(--border-subtle))] rounded-lg p-3 text-xs text-[var(--state-error)] flex items-start gap-2.5", children: _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: "Something went wrong" }), _jsx("p", { className: "text-[var(--state-error)] mt-1", children: controller.error })] }) })) : null, (controller.messages.length > 0 || isConversationBusy || !!controller.error) ? (_jsx("div", { "aria-hidden": "true", className: "h-14 shrink-0" })) : null] })] }), _jsxs("div", { className: "lemma-assistant-experience-composer relative rounded-2xl border border-[color:color-mix(in_srgb,_var(--border-default)_80%,_transparent)] bg-[var(--bg-surface)] p-2 shadow-[var(--shadow-md)]", children: [planSummary ? (_jsx("div", { className: "lemma-assistant-experience-plan absolute bottom-[calc(100%+8px)] left-0 right-0 z-20", children: isPlanHidden ? (_jsxs("button", { type: "button", onClick: () => setIsPlanHidden(false), className: "inline-flex items-center gap-2 rounded-lg border border-[var(--border-default)] bg-[var(--bg-surface)] px-3 py-1.5 text-[11px] font-medium text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-subtle)] transition-colors", children: ["Show plan (", planSummary.completedCount, "/", planSummary.steps.length, ")"] })) : (_jsx(PlanSummaryStrip, { plan: planSummary, onHide: () => setIsPlanHidden(true) })) })) : null, activeAskQuestion && effectiveAskOverlayState && pendingAskUserInput ? (_jsx(AssistantAskOverlay, { questionNumber: effectiveAskOverlayState.currentQuestionIndex + 1, totalQuestions: pendingAskUserInput.questions.length, question: activeAskQuestion.question, options: activeAskQuestion.options, selectedOptions: activeAskAnswers, canContinue: canContinueAsk, continueLabel: effectiveAskOverlayState.currentQuestionIndex >= pendingAskUserInput.questions.length - 1 ? "Use answers" : "Continue", onSelectOption: updateAskAnswer, onContinue: activeAskQuestion.type !== "single_select" || pendingAskUserInput.questions.length > 1 ? continueAskQuestions : undefined, onSkip: () => dismissAskOverlay(effectiveAskOverlayState.toolCallId), mode: activeAskQuestion.type })) : (_jsxs("div", { className: "lemma-assistant-experience-composer-body space-y-1.5", children: [controller.pendingFiles.length > 0 ? (_jsx("div", { className: "lemma-assistant-experience-pending flex flex-wrap items-center gap-1.5 px-1", children: controller.pendingFiles.map((file) => {
|
|
1009
1009
|
const fileKey = `${file.name}:${file.size}:${file.lastModified}`;
|
|
1010
1010
|
return (_jsx("div", { children: renderPendingFile({
|
|
1011
1011
|
file,
|
package/dist/react/styles.css
CHANGED
|
@@ -54,43 +54,38 @@
|
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
.lemma-assistant-shell,
|
|
57
|
-
.lemma-assistant-experience
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
57
|
+
.lemma-assistant-experience,
|
|
58
|
+
.lemma-assistant-shell-sidebar,
|
|
59
|
+
.lemma-assistant-experience-sidebar,
|
|
60
|
+
.lemma-assistant-experience-main,
|
|
61
|
+
.lemma-assistant-experience-card,
|
|
62
|
+
.lemma-assistant-viewport,
|
|
63
|
+
.lemma-assistant-experience-viewport {
|
|
64
|
+
min-width: 0;
|
|
62
65
|
min-height: 0;
|
|
63
|
-
height: 100%;
|
|
64
66
|
}
|
|
65
67
|
|
|
66
|
-
.lemma-assistant-shell
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
68
|
+
.lemma-assistant-shell {
|
|
69
|
+
display: flex;
|
|
70
|
+
flex-direction: column;
|
|
71
|
+
gap: 12px;
|
|
70
72
|
}
|
|
71
73
|
|
|
72
|
-
.lemma-assistant-shell-sidebar
|
|
73
|
-
.lemma-assistant-experience-sidebar {
|
|
74
|
+
.lemma-assistant-shell-sidebar {
|
|
74
75
|
display: none;
|
|
75
76
|
}
|
|
76
77
|
|
|
77
78
|
@media (min-width: 1024px) {
|
|
78
|
-
.lemma-assistant-shell
|
|
79
|
+
.lemma-assistant-shell.lemma-assistant-shell--with-sidebar.lemma-assistant-shell--sidebar-visible {
|
|
79
80
|
display: grid;
|
|
80
81
|
grid-template-columns: 280px minmax(0, 1fr);
|
|
82
|
+
gap: 12px;
|
|
81
83
|
align-items: stretch;
|
|
82
84
|
}
|
|
83
85
|
|
|
84
|
-
.lemma-assistant-shell-sidebar
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
flex-direction: column;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.lemma-assistant-experience:has(.lemma-assistant-experience-sidebar) {
|
|
91
|
-
display: grid;
|
|
92
|
-
grid-template-columns: 280px minmax(0, 1fr);
|
|
93
|
-
align-items: stretch;
|
|
86
|
+
.lemma-assistant-shell.lemma-assistant-shell--with-sidebar.lemma-assistant-shell--sidebar-visible > .lemma-assistant-shell-sidebar {
|
|
87
|
+
display: block;
|
|
88
|
+
height: 100%;
|
|
94
89
|
}
|
|
95
90
|
}
|
|
96
91
|
|
|
@@ -388,20 +383,6 @@
|
|
|
388
383
|
gap: 10px;
|
|
389
384
|
}
|
|
390
385
|
|
|
391
|
-
.lemma-assistant-experience-main {
|
|
392
|
-
display: flex;
|
|
393
|
-
flex-direction: column;
|
|
394
|
-
gap: 12px;
|
|
395
|
-
height: 100%;
|
|
396
|
-
}
|
|
397
|
-
|
|
398
|
-
.lemma-assistant-experience-card {
|
|
399
|
-
display: flex;
|
|
400
|
-
flex: 1 1 auto;
|
|
401
|
-
flex-direction: column;
|
|
402
|
-
min-height: 0;
|
|
403
|
-
}
|
|
404
|
-
|
|
405
386
|
.lemma-assistant-experience-composer-body,
|
|
406
387
|
.lemma-assistant-composer-body {
|
|
407
388
|
min-width: 0;
|