@manta-eu/react 0.1.0

package/dist/components/chat-view/RequestUserInputToolPart.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { questionnaireInputSchema, questionnaireOutputSchema, } from "@manta-eu/client/shared/questionnaire";
+import { isPresent } from "@manta-eu/lib/present";
+import { Check, Loader2 } from "lucide-react";
+import { useId, useState } from "react";
+import { match } from "ts-pattern";
+import { Banner } from "#components/banner/index";
+import { Button } from "#components/button/index";
+import { Card, CardContent, CardFooter, CardHeader } from "#components/card/index";
+import { Input } from "#components/input/index";
+import { RadioGroup, RadioGroupItem } from "#components/radio/index";
+import { cn } from "#lib/utils";
+const otherOptionValue = "other";
+const skippedOptionValue = "skipped";
+const questionnaireOptionClassName = "w-full";
+function QuestionnaireForm(props) {
+    const { input, onSubmit } = props;
+    const formId = useId();
+    const [answers, setAnswers] = useState(() => input.questions.map(() => ({ otherText: "" })));
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const isComplete = input.questions.every((_, index) => {
+        const answer = answers[index];
+        if (!answer?.selection)
+            return false;
+        return answer.selection !== otherOptionValue || isPresent(answer.otherText.trim());
+    });
+    function updateAnswer(index, update) {
+        setAnswers((current) => current.map((answer, answerIndex) => (answerIndex === index ? { ...answer, ...update } : answer)));
+    }
+    function handleSubmit(event) {
+        event.preventDefault();
+        if (!isComplete || isSubmitting)
+            return;
+        const output = questionnaireOutputSchema.parse({
+            answers: input.questions.map((question, index) => {
+                const answer = answers[index];
+                if (answer?.selection === skippedOptionValue) {
+                    return { questionId: question.id, source: "skipped" };
+                }
+                if (answer?.selection === otherOptionValue) {
+                    return { questionId: question.id, source: "other", value: answer.otherText.trim() };
+                }
+                const optionIndex = Number(answer?.selection);
+                return { questionId: question.id, source: "option", value: question.options[optionIndex]?.label };
+            }),
+        });
+        setIsSubmitting(true);
+        onSubmit(output);
+    }
+    function handleSkipAll() {
+        if (isSubmitting)
+            return;
+        const output = questionnaireOutputSchema.parse({
+            answers: input.questions.map(({ id }) => ({ questionId: id, source: "skipped" })),
+        });
+        setIsSubmitting(true);
+        onSubmit(output);
+    }
+    return (_jsx(Card, { className: "w-full max-w-2xl gap-0 overflow-hidden py-0", children: _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs(CardHeader, { className: "border-b border-muted-border py-4", children: [_jsx("div", { className: "typography-small-header text-default-foreground", children: "A few quick questions" }), _jsx("p", { className: "typography-small text-muted-foreground", children: "Choose one answer or skip each question." })] }), _jsx(CardContent, { className: "space-y-6 py-5", children: input.questions.map((question, questionIndex) => {
+                        const questionLabelId = `${formId}-${questionIndex}`;
+                        const answer = answers[questionIndex];
+                        return (_jsxs("fieldset", { className: "min-w-0 space-y-3", children: [_jsxs("legend", { id: questionLabelId, className: "w-full", children: [_jsx("span", { className: "block typography-tiny-medium uppercase tracking-wide text-muted-foreground", children: question.header }), _jsx("span", { className: "mt-1 block typography-small-header text-default-foreground", children: question.question })] }), _jsxs(RadioGroup, { "aria-labelledby": questionLabelId, value: answer?.selection ?? "", onValueChange: (selection) => updateAnswer(questionIndex, { selection }), children: [question.options.map((option, optionIndex) => (_jsx(RadioGroupItem, { value: String(optionIndex), label: option.recommended ? `${option.label} (Recommended)` : option.label, description: option.description, icon: null, size: "large", wrapText: true, className: questionnaireOptionClassName }, `${option.label}-${optionIndex}`))), _jsxs("div", { className: "overflow-hidden rounded-md-v4 border border-input-border", children: [_jsx(RadioGroupItem, { value: otherOptionValue, label: "Other", description: "Provide a different answer", icon: null, size: "large", wrapText: true, className: cn(questionnaireOptionClassName, "rounded-none border-0") }), answer?.selection === otherOptionValue && (_jsx("div", { className: "px-4 pb-3", children: _jsx(Input, { autoFocus: true, label: `${question.header} other answer`, hiddenLabel: true, placeholder: "Type your answer", value: answer.otherText, onChange: (event) => updateAnswer(questionIndex, { otherText: event.target.value }) }) }))] }), _jsx(RadioGroupItem, { value: skippedOptionValue, label: "Skip this question", description: "Continue without providing an answer", icon: null, size: "large", wrapText: true, className: questionnaireOptionClassName })] })] }, question.id));
+                    }) }), _jsxs(CardFooter, { className: "flex-col-reverse items-stretch gap-2 border-t border-muted-border py-4 sm:flex-row sm:items-center sm:justify-between", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", disabled: isSubmitting, onClick: handleSkipAll, className: "w-full sm:w-auto", children: "Skip all" }), _jsx(Button, { type: "submit", size: "sm", disabled: !isComplete || isSubmitting, className: "w-full sm:w-auto", children: "Submit answers" })] })] }) }));
+}
+function AnswerSummary(props) {
+    const { input, output } = props;
+    const allSkipped = output.answers.every(({ source }) => source === "skipped");
+    return (_jsx(Card, { className: "w-full max-w-2xl gap-0 py-0", children: _jsxs(CardContent, { className: "space-y-3 py-4", children: [_jsxs("div", { className: "flex items-center gap-2 typography-small-medium text-default-foreground", children: [_jsx(Check, { className: "size-4 text-success-foreground" }), allSkipped ? "Questions skipped" : "Responses submitted"] }), _jsx("dl", { className: "space-y-2", children: output.answers.map((answer) => {
+                        const question = input.questions.find(({ id }) => id === answer.questionId);
+                        return (_jsxs("div", { className: "grid gap-0.5 sm:grid-cols-[minmax(0,10rem)_minmax(0,1fr)] sm:gap-3", children: [_jsx("dt", { className: "typography-tiny-medium text-muted-foreground", children: question?.header ?? answer.questionId }), _jsx("dd", { className: "typography-small text-default-foreground", children: match(answer)
+                                        .with({ source: "option" }, ({ value }) => value)
+                                        .with({ source: "other" }, ({ value }) => value)
+                                        .with({ source: "skipped" }, () => "Skipped")
+                                        .exhaustive() })] }, answer.questionId));
+                    }) })] }) }));
+}
+export function RequestUserInputToolPart(props) {
+    const { part, onSubmit } = props;
+    if (part.state === "input-streaming") {
+        return (_jsxs("div", { className: "flex items-center gap-2 py-2 typography-small text-muted-foreground", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), "Preparing questions..."] }));
+    }
+    if (part.state === "output-error") {
+        return _jsx(Banner, { type: "warning", label: "The agent couldn't prepare the questions." });
+    }
+    const parsedInput = questionnaireInputSchema.safeParse(part.input);
+    if (!parsedInput.success) {
+        return _jsx(Banner, { type: "warning", label: "The agent couldn't prepare the questions." });
+    }
+    return match(part.state)
+        .with("input-available", () => _jsx(QuestionnaireForm, { input: parsedInput.data, onSubmit: onSubmit }))
+        .with("output-available", () => {
+        const parsedOutput = questionnaireOutputSchema.safeParse(part.output);
+        if (!parsedOutput.success) {
+            return (_jsx(Banner, { type: "error", label: "Unable to show submitted answers", description: "The saved questionnaire response is invalid.", size: "loose" }));
+        }
+        return _jsx(AnswerSummary, { input: parsedInput.data, output: parsedOutput.data });
+    })
+        .otherwise(() => null);
+}

package/dist/components/chat-view/StagedRuleCta.d.ts

@@ -0,0 +1,7 @@
+import type { ChatUIMessage } from "@manta-eu/client/shared/index";
+type StagedRuleCtaProps = {
+    messages: ChatUIMessage[];
+};
+export declare function StagedRuleCta(props: StagedRuleCtaProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=StagedRuleCta.d.ts.map

package/dist/components/chat-view/StagedRuleCta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StagedRuleCta.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/StagedRuleCta.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAUnE,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,aAAa,EAAE,CAAC;CAC3B,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,kDAoCtD"}

package/dist/components/chat-view/StagedRuleCta.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChatContextKind } from "@manta-eu/client/shared/agent-types";
+import { expandPrefix } from "@manta-eu/client/shared/rdf-namespaces";
+import { useCallback, useMemo } from "react";
+import { useNavigate } from "react-router";
+import { toast } from "sonner";
+import { ReviewCta } from "#components/review-cta/index";
+import { findLatestStagedRuleIri } from "#lib/find-latest-staged-rule";
+import { useChatManagerConnection } from "#providers/ChatManagerProvider";
+import { getRuleDisplayName, getRuleHref } from "#routes/rules/components/rules.utils";
+export function StagedRuleCta(props) {
+    const { messages } = props;
+    const navigate = useNavigate();
+    const { activeConversation, reassignCurrentConversation } = useChatManagerConnection();
+    const stagedRuleIri = useMemo(() => {
+        const iri = findLatestStagedRuleIri(messages);
+        return iri ? expandPrefix(iri) : null;
+    }, [messages]);
+    const handleViewStagedRule = useCallback(async () => {
+        const source = activeConversation;
+        if (!stagedRuleIri || source?.context?.kind !== ChatContextKind.RuleCreate)
+            return;
+        try {
+            const transitioned = await reassignCurrentConversation({
+                kind: ChatContextKind.RuleEdit,
+                ruleIri: stagedRuleIri,
+            });
+            if (!transitioned)
+                return;
+            void navigate(getRuleHref({ ruleIri: stagedRuleIri }), { state: { fromChat: true } });
+        }
+        catch {
+            toast.error("Couldn't move this chat to the rule. Please try again.");
+        }
+    }, [activeConversation, navigate, reassignCurrentConversation, stagedRuleIri]);
+    if (!stagedRuleIri)
+        return null;
+    return (_jsx(ReviewCta, { title: getRuleDisplayName(stagedRuleIri), subtitle: "Rule staged - open it to review and commit", className: "plan-badge-border gap-4 px-4 py-2 rounded-full", onClick: () => void handleViewStagedRule() }));
+}

package/dist/components/chat-view/TextMessagePart.d.ts

@@ -0,0 +1,14 @@
+import type { ChatUIMessage } from "@manta-eu/client/shared/index";
+import type { ChatStatus, TextUIPart } from "ai";
+export type TextMessagePartProps = {
+    isUser: boolean;
+    part: TextUIPart;
+    message: ChatUIMessage;
+    status?: ChatStatus;
+    showFeedback?: boolean;
+    isLastAssistantMessage?: boolean;
+    compact?: boolean;
+    muted?: boolean;
+};
+export declare function TextMessagePart(props: TextMessagePartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextMessagePart.d.ts.map

package/dist/components/chat-view/TextMessagePart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextMessagePart.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/TextMessagePart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAyBjD,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA+F1D"}

package/dist/components/chat-view/TextMessagePart.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { defaultUrlTransform, Streamdown } from "streamdown";
+import { ErrorBoundary } from "../ErrorBoundary.js";
+import { ChatFeedback } from "./ChatFeedback.js";
+import { ChatMarkdownImage } from "./ChatMarkdownImage.js";
+import { ChatMermaidFallback } from "./ChatMermaidFallback.js";
+import { scopeAppUrl } from "./markdown-urls.js";
+import { RawContentFallback } from "./RawContentFallback.js";
+import { Badge } from "#components/badge/index";
+import { Banner } from "#components/banner/index";
+import { ChatMessage } from "#components/chat/index";
+import { useWordReveal } from "#hooks/useWordReveal";
+import { streamdownPlugins } from "#lib/streamdown-plugins";
+import { cn } from "#lib/utils";
+import { useMantaClient } from "#providers/MantaClientProvider";
+const streamdownAnimated = {
+    animation: "blurIn",
+    sep: "word",
+    duration: 150,
+    stagger: 0,
+};
+export function TextMessagePart(props) {
+    const { isUser, part, message, status, showFeedback, isLastAssistantMessage, compact, muted } = props;
+    const { datastorePath } = useMantaClient();
+    const streamdownComponents = useMemo(() => {
+        const h2ClassName = compact ? "typography-header mb-2 pt-2" : "typography-large-header mb-2 pt-3";
+        const h3ClassName = compact ? "typography-large-body-semibold mb-2 pt-2" : "typography-header mb-2 pt-2.5";
+        const h4ClassName = compact ? "typography-small-header mb-2 pt-1" : "typography-body-semibold mb-2 pt-2";
+        const bodyClassName = compact ? "typography-small" : "typography-body-content";
+        return {
+            h1: (p) => _jsx("h1", { className: "typography-large-header mb-2 pt-3", ...p }),
+            h2: (p) => _jsx("h2", { className: h2ClassName, ...p }),
+            h3: (p) => _jsx("h3", { className: h3ClassName, ...p }),
+            h4: (p) => _jsx("h4", { className: h4ClassName, ...p }),
+            p: (p) => (_jsx("p", { className: cn(bodyClassName, isUser && "mb-0", !isUser && (compact ? "mb-2" : "mb-3.5")), ...p })),
+            ul: (p) => (_jsx("ul", { className: cn(bodyClassName, "list-disc pl-6", compact ? "mb-4" : "mb-3.5"), ...p })),
+            ol: (p) => (_jsx("ol", { className: cn(bodyClassName, "list-decimal pl-6", compact ? "mb-4" : "mb-3.5"), ...p })),
+            img: ChatMarkdownImage,
+        };
+    }, [isUser, compact]);
+    const urlTransform = useCallback((url, key, node) => {
+        const safe = defaultUrlTransform(url, key, node);
+        return safe ? scopeAppUrl(safe, datastorePath) : safe;
+    }, [datastorePath]);
+    const scheduledTaskPrefix = "Starting scheduled task execution";
+    const isScheduledTask = part.text.startsWith(scheduledTaskPrefix);
+    const errorPrefix = "[ERROR]: ";
+    const isError = !isUser && part.text.startsWith(errorPrefix);
+    const displayText = isError ? part.text.substring(errorPrefix.length) : part.text;
+    const isStreaming = isLastAssistantMessage === true && status === "streaming";
+    const revealedText = useWordReveal(displayText, isStreaming && !isUser);
+    return (_jsxs("div", { className: "space-y-2 w-full group", children: [_jsx("div", { className: cn("flex gap-3 w-full"), children: _jsxs("div", { className: cn("flex flex-col gap-1.5 flex-1", isScheduledTask && "items-start", !isScheduledTask && isUser && "max-w-[85%] ml-auto items-end", !isScheduledTask && !isUser && "max-w-[90%] items-start"), children: [isScheduledTask && _jsx(Badge, { variant: "secondary", children: "Scheduled" }), isError ? (_jsx(Banner, { type: "error", label: "An error occurred", description: displayText, size: "loose" })) : (_jsx(ChatMessage, { role: isUser ? "user" : "assistant", children: _jsx(ErrorBoundary, { resetOn: displayText, fallback: () => (_jsx(RawContentFallback, { text: displayText, notice: "This part of the answer can't be displayed", testId: "markdown-fallback" })), children: _jsx(Streamdown, { animated: streamdownAnimated, isAnimating: isStreaming && !isUser, className: cn("w-full leading-relaxed", muted && "text-muted-foreground italic"), components: streamdownComponents, plugins: streamdownPlugins, urlTransform: urlTransform, mermaid: { errorComponent: ChatMermaidFallback }, children: revealedText }) }) }))] }) }), showFeedback && (_jsx("div", { className: cn("flex", isUser ? "justify-end" : "justify-start"), children: _jsx(ChatFeedback, { message: message, isLastAssistantMessage: isLastAssistantMessage }) }))] }));
+}

package/dist/components/chat-view/ToolMessagePart.d.ts

@@ -0,0 +1,14 @@
+import type { ToolUIPart, UIMessage } from "ai";
+import type { RefObject } from "react";
+export type ToolMessagePartProps = {
+    toolsUsedInSession: RefObject<Set<string>>;
+    onAddToolResult: (params: {
+        tool: string;
+        toolCallId: string;
+        output: unknown;
+    }) => void;
+    part: ToolUIPart;
+    message: UIMessage;
+};
+export declare function ToolMessagePart(props: ToolMessagePartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolMessagePart.d.ts.map

package/dist/components/chat-view/ToolMessagePart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolMessagePart.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/ToolMessagePart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAuDvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,kBAAkB,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,eAAe,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACzF,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA8C1D"}

package/dist/components/chat-view/ToolMessagePart.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { requestUserInputToolName } from "@manta-eu/client/shared/questionnaire";
+import { Loader2 } from "lucide-react";
+import { useCallback } from "react";
+import { ActionPlanShowcaseCard } from "../tool-invocation-card/ActionPlanShowcaseCard.js";
+import { ToolInvocationCard } from "../tool-invocation-card/ToolInvocationCard.js";
+import { isErrorToolResult, isShowcaseToolResult } from "../tool-invocation-card/types.js";
+import { RequestUserInputToolPart } from "./RequestUserInputToolPart.js";
+import { Banner } from "#components/banner/index";
+import { useChatManagerConnection } from "#providers/ChatManagerProvider";
+function ActionPlanShowcaseToolPart(props) {
+    const { part } = props;
+    const { handleSelectPlan } = useChatManagerConnection();
+    const handleNavigate = useCallback((planIri) => {
+        void handleSelectPlan(planIri);
+    }, [handleSelectPlan]);
+    if (part.state === "input-streaming") {
+        return (_jsxs("div", { className: "flex items-center gap-2 typography-small text-muted-foreground py-2", children: [_jsx(Loader2, { size: 16, className: "animate-spin" }), _jsx("span", { children: "Preparing plan..." })] }));
+    }
+    if (part.state === "output-available" && isShowcaseToolResult(part.output)) {
+        return _jsx(ActionPlanShowcaseCard, { result: part.output, onNavigateToPlan: handleNavigate });
+    }
+    if (part.state === "output-available" && isErrorToolResult(part.output)) {
+        return _jsx(Banner, { type: "error", label: "Failed to load action plan", description: part.output.content, size: "loose" });
+    }
+    if (part.state === "output-error") {
+        return (_jsx(Banner, { type: "error", label: "Failed to load action plan", description: "An unexpected error occurred while preparing the plan.", size: "loose" }));
+    }
+    return null;
+}
+export function ToolMessagePart(props) {
+    const { part, toolsUsedInSession, onAddToolResult } = props;
+    const toolCallId = part.toolCallId;
+    const toolName = part.type.replace("tool-", "");
+    if (toolName === "actionPlanShowcase") {
+        return _jsx(ActionPlanShowcaseToolPart, { part: part });
+    }
+    if (toolName === requestUserInputToolName) {
+        return (_jsx(RequestUserInputToolPart, { part: part, onSubmit: (output) => {
+                toolsUsedInSession.current.add(toolName);
+                onAddToolResult({ tool: toolName, toolCallId, output });
+            } }));
+    }
+    return (_jsx(ToolInvocationCard, { toolUIPart: part, toolCallId: toolCallId, needsConfirmation: false, onSubmit: ({ toolCallId, result }) => {
+            toolsUsedInSession.current.add(toolName);
+            onAddToolResult({
+                tool: toolName,
+                toolCallId,
+                output: result,
+            });
+        }, addToolResult: (toolCallId, result) => {
+            toolsUsedInSession.current.add(toolName);
+            onAddToolResult({
+                tool: toolName,
+                toolCallId,
+                output: result,
+            });
+        } }));
+}

package/dist/components/chat-view/conversation-starters/index.d.ts

@@ -0,0 +1,7 @@
+type ConversationStartersProps = {
+    onSubmit: (value: string) => void;
+    disabled?: boolean;
+};
+export declare function ConversationStarters(props: ConversationStartersProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/chat-view/conversation-starters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chat-view/conversation-starters/index.tsx"],"names":[],"mappings":"AAYA,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAoBF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAkBpE"}

package/dist/components/chat-view/conversation-starters/index.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defaultConversationStarters } from "@manta-eu/client/shared/conversation-starter-defaults";
+import { isPresent } from "@manta-eu/lib/present";
+import { groupBy, map, pipe, toPairs } from "ramda";
+import { ChatConversationStarters, } from "#components/chat/index";
+import { useConversationStarters } from "#ldo-ui";
+const defaultGroups = [
+    {
+        integration: "general",
+        starters: defaultConversationStarters.map((s) => ({ id: s.id, title: s.title })),
+    },
+];
+const groupByIntegration = pipe(groupBy(({ integration }) => integration ?? "general"), toPairs, map(([integration, entries]) => ({
+    integration,
+    starters: (entries ?? []).map(({ $id, label }) => ({ id: $id, title: label })),
+})));
+export function ConversationStarters(props) {
+    const { onSubmit, disabled = false } = props;
+    const { data, isFetching, isError } = useConversationStarters();
+    function handleStarterClick(starter) {
+        if (disabled)
+            return;
+        onSubmit(starter.title);
+    }
+    const hasResults = isPresent(data);
+    const groups = isError || !hasResults ? defaultGroups : groupByIntegration(data);
+    return (_jsx("div", { inert: disabled, className: disabled ? "opacity-50" : undefined, children: _jsx(ChatConversationStarters, { groups: groups, isLoading: isFetching, onStarterClick: handleStarterClick }) }));
+}

package/dist/components/chat-view/index.d.ts

@@ -0,0 +1,3 @@
+export { type ChatProps, Chat } from "./Chat.js";
+export { MessagesContainer } from "./MessagesContainer.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/chat-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/chat-view/index.js

@@ -0,0 +1,2 @@
+export { Chat } from "./Chat.js";
+export { MessagesContainer } from "./MessagesContainer.js";

package/dist/components/chat-view/markdown-urls.d.ts

@@ -0,0 +1,2 @@
+export declare function scopeAppUrl(url: string, datastorePath: (path: string) => string): string;
+//# sourceMappingURL=markdown-urls.d.ts.map

package/dist/components/chat-view/markdown-urls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-urls.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/markdown-urls.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAQxF"}

package/dist/components/chat-view/markdown-urls.js

@@ -0,0 +1,19 @@
+import { isRootRelativePath, parseDatastorePath, redirectRoutePath } from "@manta-eu/client/shared/datastore-path";
+import { isDatastoreRoutePath } from "#lib/datastore-route-paths";
+// An unscoped link resolves against the selection cookie, which every tab shares.
+export function scopeAppUrl(url, datastorePath) {
+    if (!isRootRelativePath(url))
+        return url;
+    // Normalized once and reused below, so "../" segments can't make the check and the output disagree.
+    const { pathname, search, hash } = new URL(url, "https://markdown.invalid");
+    if (namesDatastore(pathname) || !servedUnderDatastore(pathname))
+        return url;
+    return datastorePath(`${pathname}${search}${hash}`);
+}
+function namesDatastore(pathname) {
+    return parseDatastorePath(pathname).datastoreId !== undefined;
+}
+// The worker serves /redirect itself, so no client route matches it.
+function servedUnderDatastore(pathname) {
+    return pathname === redirectRoutePath || isDatastoreRoutePath(pathname);
+}

package/dist/components/chat-view/tool-part-rendering.d.ts

@@ -0,0 +1,5 @@
+import { type ToolUIPart, type UIMessage } from "ai";
+export declare function isStandaloneToolPart(part: ToolUIPart): boolean;
+export declare function isPendingRequestUserInputPart(part: UIMessage["parts"][number]): boolean;
+export declare function filterSupersededRequestUserInputErrors(parts: UIMessage["parts"]): UIMessage["parts"];
+//# sourceMappingURL=tool-part-rendering.d.ts.map

package/dist/components/chat-view/tool-part-rendering.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-part-rendering.d.ts","sourceRoot":"","sources":["../../../src/components/chat-view/tool-part-rendering.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,IAAI,CAAC;AAiBzE,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAE9D;AAED,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,GAAG,OAAO,CAOvF;AAED,wBAAgB,sCAAsC,CAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,CAQpG"}

package/dist/components/chat-view/tool-part-rendering.js

@@ -0,0 +1,27 @@
+import { questionnaireInputSchema, requestUserInputToolPartType } from "@manta-eu/client/shared/questionnaire";
+import { isStaticToolUIPart } from "ai";
+const standaloneToolPartTypes = new Set(["tool-actionPlanShowcase", requestUserInputToolPartType]);
+function isValidRequestUserInputPart(part) {
+    return (isStaticToolUIPart(part) &&
+        part.type === requestUserInputToolPartType &&
+        (part.state === "input-available" || part.state === "output-available") &&
+        questionnaireInputSchema.safeParse(part.input).success);
+}
+function isFailedRequestUserInputPart(part) {
+    return isStaticToolUIPart(part) && part.type === requestUserInputToolPartType && part.state === "output-error";
+}
+export function isStandaloneToolPart(part) {
+    return standaloneToolPartTypes.has(part.type);
+}
+export function isPendingRequestUserInputPart(part) {
+    return (isStaticToolUIPart(part) &&
+        part.type === requestUserInputToolPartType &&
+        part.state === "input-available" &&
+        questionnaireInputSchema.safeParse(part.input).success);
+}
+export function filterSupersededRequestUserInputErrors(parts) {
+    const lastValidRequestIndex = parts.reduce((lastIndex, part, index) => (isValidRequestUserInputPart(part) ? index : lastIndex), -1);
+    if (lastValidRequestIndex < 0)
+        return parts;
+    return parts.filter((part, index) => index >= lastValidRequestIndex || !isFailedRequestUserInputPart(part));
+}

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1,8 @@
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import type { ComponentProps, ReactNode } from "react";
+export type CheckboxProps = ComponentProps<typeof CheckboxPrimitive.Root> & {
+    label?: string | ReactNode;
+    containerClassName?: string;
+};
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAuB5D,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,QAAQ,yHAyBnB,CAAC"}

package/dist/components/checkbox/index.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CheckIcon, MinusIcon } from "lucide-react";
+import { forwardRef, useId } from "react";
+import { tv } from "tailwind-variants";
+import { Label } from "../label/index.js";
+import { cn } from "#style";
+const checkbox = tv({
+    base: [
+        "peer aspect-square size-5 shrink-0 rounded-md border border-input-border transition-colors relative",
+        "focus-visible:outline-[3px] focus-visible:outline-offset-0 focus-visible:outline-active-border/25",
+        "checked:bg-primary checked:border-primary checked:text-primary-foreground",
+        "disabled:bg-disabled disabled:cursor-not-allowed disabled:text-disabled-foreground",
+        "aria-invalid:border-error",
+    ],
+    slots: {
+        container: "flex items-center gap-2 min-w-0 has-disabled:cursor-not-allowed",
+        indicator: "flex items-center justify-center ",
+        icon: "size-3 stroke-[3px] text-current",
+        label: "typography-caption-medium truncate min-w-0 peer-disabled:text-disabled-foreground peer-not-disabled:cursor-pointer",
+    },
+});
+export const Checkbox = forwardRef((props, ref) => {
+    const { className, label, containerClassName, ...restProps } = props;
+    const { container, base, indicator, icon, label: getLabelVariant } = checkbox();
+    const labelId = useId();
+    const Icon = restProps.checked === "indeterminate" ? MinusIcon : CheckIcon;
+    return (_jsxs(Label, { className: cn(container(), containerClassName), ref: ref, children: [_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn(base(), className), "aria-labelledby": label ? labelId : undefined, ...restProps, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: indicator(), children: _jsx(Icon, { className: icon() }) }) }), label && (_jsx("span", { id: labelId, className: getLabelVariant(), children: label }))] }));
+});
+Checkbox.displayName = "Checkbox";

package/dist/components/collapsible/index.d.ts

@@ -0,0 +1,6 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { type ComponentProps } from "react";
+export declare function Collapsible(props: ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export declare function CollapsibleTrigger(props: ComponentProps<typeof CollapsiblePrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function CollapsibleContent(props: ComponentProps<typeof CollapsiblePrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAElF;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE5F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAa5F"}

package/dist/components/collapsible/index.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { cn } from "#style";
+export function Collapsible(props) {
+    return _jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+}
+export function CollapsibleTrigger(props) {
+    return _jsx(CollapsiblePrimitive.Trigger, { "data-slot": "collapsible-trigger", ...props });
+}
+export function CollapsibleContent(props) {
+    const { className, ...rest } = props;
+    return (_jsx(CollapsiblePrimitive.Content, { "data-slot": "collapsible-content", className: cn("overflow-hidden data-[state=open]:animate-slide-down data-[state=closed]:animate-slide-up", className), ...rest }));
+}

package/dist/components/combobox/index.d.ts

@@ -0,0 +1,51 @@
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { Command as CommandPrimitive } from "cmdk";
+import { type ComponentPropsWithoutRef, type HTMLAttributes, type ReactNode, type Ref } from "react";
+export type ComboboxProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
+export declare function Combobox(props: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const ComboboxAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+export type ComboboxContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
+    filter?: (_value: string, _search: string) => number;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    ref?: Ref<HTMLDivElement>;
+};
+export declare function ComboboxContent(props: ComboboxContentProps): import("react/jsx-runtime").JSX.Element;
+export type ComboboxInputProps = Omit<ComponentPropsWithoutRef<typeof CommandPrimitive.Input>, "className"> & {
+    className?: string;
+    containerClassName?: string;
+    ref?: Ref<HTMLInputElement>;
+};
+export declare function ComboboxInput(props: ComboboxInputProps): import("react/jsx-runtime").JSX.Element;
+export type ComboboxListProps = ComponentPropsWithoutRef<typeof CommandPrimitive.List> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare function ComboboxList(props: ComboboxListProps): import("react/jsx-runtime").JSX.Element;
+export type ComboboxGroupProps = ComponentPropsWithoutRef<typeof CommandPrimitive.Group> & {
+    label?: string;
+    ref?: Ref<HTMLDivElement>;
+};
+export declare function ComboboxGroup(props: ComboboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare function ComboboxEmpty(props: ComboboxEmptyProps): import("react/jsx-runtime").JSX.Element;
+export type ComboboxItemProps = ComponentPropsWithoutRef<typeof CommandPrimitive.Item> & {
+    icon?: ReactNode;
+    selected?: boolean;
+    closeOnSelect?: boolean;
+    ref?: Ref<HTMLDivElement>;
+};
+export declare function ComboboxItem(props: ComboboxItemProps): import("react/jsx-runtime").JSX.Element;
+export type ComboboxAddButtonProps = Omit<ComponentPropsWithoutRef<"button">, "onClick"> & {
+    label?: string;
+    onAdd?: (_value: string) => void;
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare function ComboboxAddButton(props: ComboboxAddButtonProps): import("react/jsx-runtime").JSX.Element;
+export type ComboboxSeparatorProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare function ComboboxSeparator(props: ComboboxSeparatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.tsx"],"names":[],"mappings":"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"}