@manta-eu/react 0.1.0 → 0.1.2

package/dist/routes/memories/components/MemoryFormDialog.js

@@ -0,0 +1,299 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { GQLMemoryScope } from "@manta-eu/client";
+import { formatEntityName } from "@manta-eu/client/shared/rdf-namespaces";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { addYears, endOfDay, format, startOfTomorrow } from "date-fns";
+import { CalendarIcon, ChevronLeft, X } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useConflictCheck } from "../hooks/useConflictCheck.js";
+import { validateMemoryForm } from "../memory-form-validation.js";
+import { ConflictMemoryCard } from "./ConflictMemoryCard.js";
+import { MemoryFields, emptyForm } from "./MemoryFields.js";
+import { Button } from "#components/button/index";
+import { Calendar } from "#components/calendar/index";
+import { Input } from "#components/input/index";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "#components/modal/index";
+import { Popover, PopoverContent, PopoverTrigger } from "#components/popover/index";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, createSelectClassName, } from "#components/select/index";
+import { cn } from "#lib/utils";
+function normalizeDesc(s) {
+    return s.trim().replace(/\s+/g, " ");
+}
+function shortDatatype(iri) {
+    if (iri.endsWith("#string"))
+        return "text";
+    if (iri.endsWith("#decimal"))
+        return "decimal";
+    if (iri.endsWith("#integer"))
+        return "integer";
+    if (iri.endsWith("#boolean"))
+        return "boolean";
+    if (iri.endsWith("#anyURI"))
+        return "url";
+    return formatEntityName(iri);
+}
+function initialSubclass(memory) {
+    if (!memory.memorySubclass)
+        return null;
+    return memory.memorySubclass;
+}
+function buildFormFromMemory(memory) {
+    return {
+        label: memory.label,
+        description: memory.description ?? null,
+        kind: memory.kind,
+        memorySubclass: initialSubclass(memory),
+        customProperties: memory.customProperties ?? {},
+        memoryValidUntil: memory.memoryValidUntil ? new Date(memory.memoryValidUntil).toISOString() : null,
+        memoryTrustedUntil: memory.memoryTrustedUntil ? new Date(memory.memoryTrustedUntil).toISOString() : null,
+        teams: memory.teams,
+        importance: memory.importance,
+    };
+}
+function MemoryDateField(props) {
+    const { id, label, hint, placeholder, value, onChange, notAfter, error } = props;
+    const selected = value ? new Date(value) : undefined;
+    const latest = notAfter ? new Date(notAfter) : undefined;
+    const errorId = `${id}-error`;
+    return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("label", { htmlFor: id, className: "typography-small", children: label }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", id: id, "aria-invalid": error ? true : undefined, "aria-describedby": error ? errorId : undefined, className: cn(createSelectClassName({ size: "base" }), "flex-1 min-w-0 gap-2"), children: [_jsx(CalendarIcon, { className: "size-4 shrink-0 text-muted-foreground" }), _jsx("span", { className: cn("flex-1 min-w-0 truncate text-left", !value && "text-placeholder-foreground"), children: selected ? format(selected, "MMM d, yyyy") : placeholder })] }) }), _jsx(PopoverContent, { align: "start", className: "w-auto border-0 bg-transparent p-0 shadow-none", children: _jsx(Calendar, { mode: "single", captionLayout: "dropdown", startMonth: new Date(), endMonth: latest ?? addYears(new Date(), 10), selected: selected, defaultMonth: selected, disabled: latest ? { before: startOfTomorrow(), after: latest } : { before: startOfTomorrow() }, onSelect: (date) => onChange(date ? endOfDay(date).toISOString() : null) }) })] }), value && (_jsxs(Button, { type: "button", variant: "tertiary", size: "base", onClick: () => onChange(null), className: "shrink-0", children: [_jsx(X, { className: "size-3.5" }), "Clear"] }))] }), _jsx("p", { className: "typography-small text-muted-foreground", children: hint }), error && (_jsx("p", { id: errorId, className: "typography-small text-error-foreground", children: error }))] }));
+}
+export function MemoryFormDialog(props) {
+    const { open, onOpenChange, scope, initial, onSave, isSaving, isOperator = false, schemas, currentUserId } = props;
+    const isEdit = !!initial;
+    const isCompany = scope === GQLMemoryScope.Company;
+    const isTeam = scope === GQLMemoryScope.Team;
+    const [form, setForm] = useState(() => (initial ? buildFormFromMemory(initial) : emptyForm));
+    const [errors, setErrors] = useState({});
+    const [submitted, setSubmitted] = useState(false);
+    const [view, setView] = useState("main");
+    const [showDiscardConfirm, setShowDiscardConfirm] = useState(false);
+    const [pendingConflicts, setPendingConflicts] = useState([]);
+    const [pendingForm, setPendingForm] = useState(null);
+    const [conflictCheckTimedOut, setConflictCheckTimedOut] = useState(false);
+    const [conflictChecked, setConflictChecked] = useState(new Set());
+    const [conflictMerging, setConflictMerging] = useState(new Set());
+    const clearConflicts = useCallback(() => {
+        setPendingConflicts([]);
+        setPendingForm(null);
+        setConflictChecked(new Set());
+        setConflictMerging(new Set());
+    }, []);
+    const originalDescRef = useRef(initial ? normalizeDesc(initial.description ?? "") : "");
+    const { check, isChecking } = useConflictCheck();
+    useEffect(() => {
+        if (submitted) {
+            setErrors(validateMemoryForm(form, isEdit, isTeam));
+        }
+    }, [form, submitted, isEdit, isTeam]);
+    useEffect(() => {
+        if (open) {
+            const nextForm = initial ? buildFormFromMemory(initial) : emptyForm;
+            setForm(nextForm);
+            setErrors({});
+            setSubmitted(false);
+            setView("main");
+            originalDescRef.current = initial ? normalizeDesc(initial.description ?? "") : "";
+            setShowDiscardConfirm(false);
+            clearConflicts();
+            setConflictCheckTimedOut(false);
+        }
+    }, [open, initial]);
+    const isDirty = isEdit
+        ? form.label !== initial.label ||
+            form.description !== initial.description ||
+            form.memorySubclass !== initialSubclass(initial) ||
+            form.memoryValidUntil !== (initial.memoryValidUntil ? new Date(initial.memoryValidUntil).toISOString() : null) ||
+            form.memoryTrustedUntil !==
+                (initial.memoryTrustedUntil ? new Date(initial.memoryTrustedUntil).toISOString() : null) ||
+            JSON.stringify(form.customProperties) !==
+                JSON.stringify(initial.customProperties ?? {})
+        : isPresent(form.label) || isPresent(form.description) || isPresent(form.teams);
+    const handleRequestClose = useCallback((nextOpen) => {
+        if (!nextOpen && isDirty && !isSaving) {
+            setShowDiscardConfirm(true);
+            return;
+        }
+        onOpenChange(nextOpen);
+    }, [isDirty, isSaving, onOpenChange]);
+    const handleSave = useCallback(async () => {
+        setSubmitted(true);
+        const validationErrors = validateMemoryForm(form, isEdit, isTeam);
+        if (isPresent(validationErrors)) {
+            setErrors(validationErrors);
+            return;
+        }
+        const currentForm = form;
+        if (isEdit && normalizeDesc(currentForm.description ?? "") === originalDescRef.current) {
+            await onSave(currentForm);
+            return;
+        }
+        const { conflicts, timedOut } = await check({
+            label: currentForm.label.trim() || (currentForm.description ?? "").slice(0, 40),
+            description: currentForm.description ?? "",
+            scope,
+            teams: isTeam ? currentForm.teams : undefined,
+            excludeIri: isEdit ? initial?.iri : undefined,
+        });
+        if (timedOut) {
+            setConflictCheckTimedOut(true);
+            setPendingForm(currentForm);
+            return;
+        }
+        if (!isPresent(conflicts)) {
+            await onSave(currentForm);
+            return;
+        }
+        // Pre-check all conflicts; user can uncheck to keep any.
+        setPendingConflicts(conflicts);
+        setPendingForm(currentForm);
+        setConflictChecked(new Set(conflicts.map((c) => c.iri)));
+        setConflictMerging(new Set());
+        setView("conflicts");
+    }, [form, isEdit, initial, scope, isTeam, check, onSave]);
+    const toggleConflictChecked = useCallback((iri) => {
+        setConflictChecked((prev) => {
+            const next = new Set(prev);
+            if (next.has(iri)) {
+                next.delete(iri);
+                // Unchecking stops superseding it, so it must also stop contributing its teams.
+                setConflictMerging((m) => {
+                    if (!m.has(iri))
+                        return m;
+                    const nm = new Set(m);
+                    nm.delete(iri);
+                    return nm;
+                });
+            }
+            else {
+                next.add(iri);
+            }
+            return next;
+        });
+    }, []);
+    const toggleConflictMerge = useCallback((iri) => {
+        setConflictMerging((prev) => {
+            const next = new Set(prev);
+            if (next.has(iri))
+                next.delete(iri);
+            else {
+                next.add(iri);
+                setConflictChecked((c) => new Set([...c, iri]));
+            }
+            return next;
+        });
+    }, []);
+    const allConflictsChecked = isPresent(pendingConflicts) && pendingConflicts.every((c) => conflictChecked.has(c.iri));
+    const toggleAllConflicts = useCallback(() => {
+        if (allConflictsChecked) {
+            setConflictChecked(new Set());
+            setConflictMerging(new Set());
+        }
+        else {
+            setConflictChecked(new Set(pendingConflicts.map((c) => c.iri)));
+        }
+    }, [allConflictsChecked, pendingConflicts]);
+    const handleConflictBack = useCallback(() => {
+        clearConflicts();
+        setView("main");
+    }, [clearConflicts]);
+    const handleSaveWithoutSuperseding = useCallback(async () => {
+        if (!pendingForm)
+            return;
+        const saved = pendingForm;
+        clearConflicts();
+        setView("main");
+        await onSave(saved, []);
+    }, [pendingForm, clearConflicts, onSave]);
+    const handleConflictConfirmInline = useCallback(async () => {
+        if (!pendingForm)
+            return;
+        const supersedesIris = [...conflictChecked];
+        let finalForm = pendingForm;
+        if (isTeam && conflictMerging.size > 0) {
+            const allOldTeams = pendingConflicts.filter((c) => conflictMerging.has(c.iri)).flatMap((c) => c.currentTeams);
+            finalForm = { ...pendingForm, teams: [...new Set([...pendingForm.teams, ...allOldTeams])] };
+        }
+        clearConflicts();
+        setView("main");
+        await onSave(finalForm, supersedesIris);
+    }, [pendingForm, pendingConflicts, conflictChecked, conflictMerging, isTeam, clearConflicts, onSave]);
+    const selectedSchema = form.memorySubclass ? (schemas?.find((s) => s.iri === form.memorySubclass) ?? null) : null;
+    const schemaProperties = selectedSchema && isPresent(selectedSchema.properties)
+        ? [...selectedSchema.properties].sort((a, b) => {
+            if (a.required && !b.required)
+                return -1;
+            if (!a.required && b.required)
+                return 1;
+            return 0;
+        })
+        : [];
+    const hasProperties = isPresent(schemaProperties);
+    const requiredPropertyCount = schemaProperties.filter((p) => p.required).length;
+    const filledPropertyCount = schemaProperties.filter((p) => isPresent(form.customProperties[p.path])).length;
+    const scopeLabel = isTeam ? "team" : isCompany ? "company" : "user";
+    const titleText = isEdit
+        ? `Edit ${scopeLabel} memory`
+        : isTeam
+            ? "Add team memory"
+            : isCompany
+                ? "Add company memory"
+                : "Add memory";
+    const hasErrors = isPresent(errors);
+    const isBusy = isSaving || isChecking;
+    function getSaveLabel() {
+        if (isChecking)
+            return "Checking for conflicts…";
+        if (isSaving)
+            return "Saving…";
+        if (isEdit)
+            return "Save changes";
+        return titleText;
+    }
+    function getDescriptionText() {
+        if (isEdit)
+            return `Update this ${scopeLabel}-level memory that Manta uses in every chat.`;
+        if (isTeam)
+            return "Add a fact or preference shared with specific teams.";
+        if (isCompany)
+            return "Add a fact or preference visible to all users in the company.";
+        return "Tell Manta something it should always remember about you or your business.";
+    }
+    function getDescriptionPlaceholder() {
+        if (isTeam)
+            return "e.g. Reduce customer acquisition cost by 20% this quarter";
+        if (isCompany)
+            return "e.g. Our fiscal year ends in March, not December";
+        return "e.g. I prefer concise answers with concrete examples over long explanations";
+    }
+    function getReplaceLabel() {
+        if (isSaving)
+            return "Saving…";
+        if (conflictChecked.size > 0)
+            return `Save & replace ${humanCount(conflictChecked.size, "memory")}`;
+        return "Save & replace selected";
+    }
+    return (_jsx(Dialog, { open: open, onOpenChange: handleRequestClose, children: _jsxs(DialogContent, { className: "flex flex-col overflow-hidden", children: [view === "conflicts" ? (_jsxs(DialogHeader, { children: [_jsxs("button", { type: "button", onClick: handleConflictBack, className: "flex items-center gap-1 typography-small text-muted-foreground hover:text-default-foreground w-fit transition-colors mb-0.5", children: [_jsx(ChevronLeft, { className: "size-3.5" }), "Back to memory"] }), _jsx(DialogTitle, { text: "Similar memories found" }), _jsx(DialogDescription, { children: "The memory you're saving may replace the following existing memories. Select which ones to replace and they will be hidden and superseded by the new memory." })] })) : view === "properties" ? (_jsxs(DialogHeader, { children: [_jsxs("button", { type: "button", onClick: () => setView("main"), className: "flex items-center gap-1 typography-small text-muted-foreground hover:text-default-foreground w-fit transition-colors mb-0.5", children: [_jsx(ChevronLeft, { className: "size-3.5" }), "Back to memory"] }), _jsx(DialogTitle, { text: "Schema properties" }), _jsxs(DialogDescription, { children: [selectedSchema?.label, requiredPropertyCount > 0 ? ` · ${requiredPropertyCount} required` : "", ` · ${humanCount(schemaProperties.length, "property")}`] })] })) : (_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { text: titleText }), _jsx(DialogDescription, { children: getDescriptionText() })] })), _jsx("div", { className: "flex flex-col gap-3 flex-1 min-h-0 overflow-y-auto -mx-8 px-8 py-1", children: view === "conflicts" ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "text-left typography-small text-accent-foreground hover:underline w-fit", onClick: toggleAllConflicts, children: allConflictsChecked ? "Select none" : "Select all" }), pendingConflicts.map((conflict) => (_jsx(ConflictMemoryCard, { conflict: conflict, scope: scope, checked: conflictChecked.has(conflict.iri), onToggleChecked: () => toggleConflictChecked(conflict.iri), showMerge: isTeam, merging: conflictMerging.has(conflict.iri), onToggleMerge: () => toggleConflictMerge(conflict.iri), currentUserId: currentUserId }, conflict.iri)))] })) : view === "properties" ? (schemaProperties.map((prop) => {
+                        const localName = formatEntityName(prop.path);
+                        const value = form.customProperties[prop.path] ?? "";
+                        const isBoolean = prop.dataType === "http://www.w3.org/2001/XMLSchema#boolean";
+                        const isNumeric = prop.dataType === "http://www.w3.org/2001/XMLSchema#integer" ||
+                            prop.dataType === "http://www.w3.org/2001/XMLSchema#decimal";
+                        const hasSmallEnum = isPresent(prop.allowedValues) && prop.allowedValues.length <= 4;
+                        const hasLargeEnum = prop.allowedValues && prop.allowedValues.length > 4;
+                        function setPropValue(v) {
+                            setForm((prev) => ({
+                                ...prev,
+                                customProperties: { ...prev.customProperties, [prop.path]: v },
+                            }));
+                        }
+                        return (_jsxs("div", { className: "flex flex-col gap-2 rounded-lg bg-faint p-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("label", { htmlFor: hasLargeEnum || (!hasSmallEnum && !isBoolean) ? `prop-${localName}` : undefined, className: "typography-small-medium text-default-foreground flex-1", children: [prop.label, prop.required && _jsx("span", { className: "text-error-foreground ml-1", children: "*" })] }), _jsx("span", { className: "typography-tiny text-muted-foreground bg-card border border-muted-border rounded px-1.5 py-0.5 shrink-0", children: shortDatatype(prop.dataType) })] }), hasSmallEnum ? (_jsx("div", { className: "flex gap-1 flex-wrap", children: prop.allowedValues.map((v) => (_jsx(Button, { type: "button", variant: value === v ? "primary" : "tertiary", size: "sm", rounded: "md", onClick: () => setPropValue(v), children: v }, v))) })) : hasLargeEnum ? (_jsxs(Select, { value: value, onValueChange: setPropValue, children: [_jsx(SelectTrigger, { label: prop.label, id: `prop-${localName}`, hiddenLabel: true, children: _jsx(SelectValue, { placeholder: `Select ${prop.label.toLowerCase()}` }) }), _jsx(SelectContent, { children: prop.allowedValues.map((v) => (_jsx(SelectItem, { value: v, children: v }, v))) })] })) : isBoolean ? (_jsx("div", { className: "flex gap-1", children: ["true", "false"].map((v) => (_jsx(Button, { type: "button", variant: (value || "false") === v ? "primary" : "tertiary", size: "sm", rounded: "md", className: "flex-1", onClick: () => setPropValue(v), children: v === "true" ? "Yes" : "No" }, v))) })) : (_jsx(Input, { id: `prop-${localName}`, type: isNumeric ? "number" : "text", value: value, onChange: (e) => setPropValue(e.target.value), placeholder: `Enter ${prop.label.toLowerCase()}` }))] }, prop.path));
+                    })) : (_jsxs(MemoryFields, { form: form, errors: errors, isTeam: isTeam, isOperator: isOperator, schemas: schemas, onChange: (next) => setForm((prev) => ({ ...prev, ...next })), labelPlaceholder: isEdit ? "e.g. Target ROAS" : "Auto-generated from description", descriptionPlaceholder: getDescriptionPlaceholder(), autoFocus: !isEdit, onEditProperties: hasProperties ? () => setView("properties") : undefined, filledPropertyCount: filledPropertyCount, totalPropertyCount: schemaProperties.length, children: [_jsx(MemoryDateField, { id: "memory-expiry", label: "Valid until", hint: "No longer true after this date, so the agent stops using it. Nothing is deleted. Use it only for a real deadline.", placeholder: "Never expires", value: form.memoryValidUntil, onChange: (memoryValidUntil) => setForm((prev) => ({ ...prev, memoryValidUntil })) }), _jsx(MemoryDateField, { id: "memory-trust-horizon", label: "Trusted until", hint: "Stops pre-loading after this date but stays searchable. Use it for anything that drifts.", placeholder: "Trusted indefinitely", value: form.memoryTrustedUntil, notAfter: form.memoryValidUntil, error: errors.memoryTrustedUntil, onChange: (memoryTrustedUntil) => setForm((prev) => ({ ...prev, memoryTrustedUntil })) })] })) }), _jsx(DialogFooter, { children: view === "conflicts" ? (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "secondary", onClick: handleSaveWithoutSuperseding, className: "sm:mr-auto", disabled: isSaving, children: "Save & keep both" }), _jsx(Button, { onClick: handleConflictConfirmInline, disabled: conflictChecked.size === 0 || isSaving, children: getReplaceLabel() })] })) : view === "properties" ? (_jsx(Button, { onClick: () => setView("main"), children: "Done" })) : showDiscardConfirm ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "typography-small text-muted-foreground mr-auto", children: "Discard unsaved changes?" }), _jsx(Button, { variant: "tertiary", onClick: () => setShowDiscardConfirm(false), children: "Keep editing" }), _jsx(Button, { variant: "destructive", onClick: () => onOpenChange(false), children: "Discard" })] })) : conflictCheckTimedOut && pendingForm ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "typography-small text-muted-foreground mr-auto", children: "Conflict check timed out. Save without checking?" }), _jsx(Button, { variant: "tertiary", onClick: () => {
+                                    setConflictCheckTimedOut(false);
+                                    setPendingForm(null);
+                                }, disabled: isSaving, children: "Cancel" }), _jsx(Button, { onClick: () => {
+                                    setConflictCheckTimedOut(false);
+                                    void onSave(pendingForm, []);
+                                    setPendingForm(null);
+                                }, disabled: isSaving, children: isSaving ? "Saving…" : "Save anyway" })] })) : (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "tertiary", onClick: () => handleRequestClose(false), children: "Cancel" }), _jsx(Button, { onClick: handleSave, disabled: (submitted && hasErrors) || isBusy, children: getSaveLabel() })] })) })] }) }));
+}

package/dist/routes/memories/components/MemoryOnboardingWizard.d.ts

@@ -0,0 +1,9 @@
+import { type GQLMemoryScope } from "@manta-eu/client";
+type MemoryOnboardingWizardProps = {
+    scope?: GQLMemoryScope;
+    onComplete: () => void;
+    onSkip: () => void;
+};
+export declare function MemoryOnboardingWizard(props: MemoryOnboardingWizardProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=MemoryOnboardingWizard.d.ts.map

package/dist/routes/memories/components/MemoryOnboardingWizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryOnboardingWizard.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/MemoryOnboardingWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAA6C,MAAM,kBAAkB,CAAC;AAgDjH,KAAK,2BAA2B,GAAG;IACjC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,kDAyIxE"}

package/dist/routes/memories/components/MemoryOnboardingWizard.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GQLMemoryKind, useCreateMemoryMutation, useMemoriesQuery } from "@manta-eu/client";
+import { parseError } from "@manta-eu/client/shared/error-utils";
+import { userManualMemorySource } from "@manta-eu/client/shared/memory-sources";
+import { isPresent } from "@manta-eu/lib/present";
+import { useQueryClient } from "@tanstack/react-query";
+import { ArrowLeft, ArrowRight, Brain, Check } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { toast } from "sonner";
+import { Button } from "#components/button/index";
+import { Textarea } from "#components/input/index";
+import { useMantaClient } from "#providers/index";
+const wizardSteps = [
+    {
+        id: "objectives",
+        kind: GQLMemoryKind.Objective,
+        label: "What are your primary objectives?",
+        hint: "Manta will keep these in mind when making recommendations and generating plans.",
+        placeholder: "e.g. Grow revenue by 30% this quarter, reduce customer acquisition cost below $50",
+        memoryLabel: "Primary objective",
+    },
+    {
+        id: "facts",
+        kind: GQLMemoryKind.Fact,
+        label: "What key facts should Manta always know?",
+        hint: "Background context that shapes every conversation - about you, your team, or your business.",
+        placeholder: "e.g. We sell premium skincare products, our main market is the US, average order value ~$80",
+        memoryLabel: "Key fact",
+    },
+    {
+        id: "preferences",
+        kind: GQLMemoryKind.Preference,
+        label: "How do you prefer Manta to communicate?",
+        hint: "This shapes the style and format of every response.",
+        placeholder: "e.g. Concise bullet points with key numbers upfront, avoid jargon, flag risks explicitly",
+        memoryLabel: "Communication preference",
+    },
+];
+export function MemoryOnboardingWizard(props) {
+    const { scope, onComplete, onSkip } = props;
+    const { mantaClient } = useMantaClient();
+    const queryClient = useQueryClient();
+    const createMutation = useCreateMemoryMutation(mantaClient);
+    const [currentStep, setCurrentStep] = useState(0);
+    const [answers, setAnswers] = useState({});
+    const [isSaving, setIsSaving] = useState(false);
+    const [isDone, setIsDone] = useState(false);
+    const textareaRef = useRef(null);
+    const step = wizardSteps[currentStep];
+    const currentAnswer = step ? (answers[step.id] ?? "") : "";
+    const isLast = currentStep === wizardSteps.length - 1;
+    const progress = ((currentStep + 1) / wizardSteps.length) * 100;
+    const handleAnswer = useCallback((value) => {
+        if (!step)
+            return;
+        setAnswers((prev) => ({ ...prev, [step.id]: value }));
+    }, [step]);
+    const handleNext = useCallback(() => {
+        if (!isLast)
+            setCurrentStep((s) => s + 1);
+    }, [isLast]);
+    const handleBack = useCallback(() => {
+        setCurrentStep((s) => Math.max(0, s - 1));
+    }, []);
+    useEffect(() => {
+        textareaRef.current?.focus();
+    }, [currentStep]);
+    const handleFinish = useCallback(async () => {
+        setIsSaving(true);
+        try {
+            const stepsWithAnswers = wizardSteps.filter((s) => isPresent(answers[s.id]));
+            await Promise.all(stepsWithAnswers.map((s) => createMutation.mutateAsync({
+                input: {
+                    label: s.memoryLabel,
+                    description: answers[s.id],
+                    kind: s.kind,
+                    memorySource: userManualMemorySource,
+                    ...(scope ? { scope } : {}),
+                },
+            })));
+            void queryClient.invalidateQueries({ queryKey: useMemoriesQuery.getKey() });
+            setIsDone(true);
+            toast.success(`${stepsWithAnswers.length} memories created`);
+        }
+        catch (e) {
+            const err = parseError(e, "Failed to save memories");
+            toast.error(err.message, { description: err.description });
+        }
+        finally {
+            setIsSaving(false);
+        }
+    }, [answers, createMutation, queryClient, scope]);
+    if (isDone) {
+        return (_jsxs("div", { className: "flex flex-col items-center gap-4 py-8 text-center", children: [_jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-success/10", children: _jsx(Check, { className: "size-6 text-success" }) }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "typography-large-body-semibold", children: "Memories set up!" }), _jsx("p", { className: "typography-small text-muted-foreground", children: "Manta will now use these in every conversation." })] }), _jsx(Button, { onClick: onComplete, children: "View my memories" })] }));
+    }
+    if (!step)
+        return null;
+    return (_jsxs("div", { className: "flex flex-col gap-6 max-w-xl w-full", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Brain, { className: "size-5 text-muted-foreground shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "typography-caption-medium", children: "Set up Manta's memory" }), _jsxs("p", { className: "typography-tiny text-muted-foreground", children: ["Step ", currentStep + 1, " of ", wizardSteps.length] })] }), _jsx("button", { onClick: onSkip, className: "typography-small text-muted-foreground hover:text-default-foreground transition-colors", children: "Skip" })] }), _jsx("div", { className: "h-1 bg-muted rounded-full overflow-hidden", children: _jsx("div", { className: "h-full bg-primary rounded-full transition-all duration-300", style: { width: `${progress}%` } }) }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { className: "typography-large-body-semibold", children: step.label }), _jsx("p", { className: "typography-small text-muted-foreground", children: step.hint }), _jsx(Textarea, { ref: textareaRef, id: "memory-onboarding-answer", label: step.label, hideLabel: true, placeholder: step.placeholder, value: currentAnswer, onChange: (e) => handleAnswer(e.target.value), minRows: 3 })] }), _jsxs("div", { className: "flex gap-2 justify-between", children: [_jsx(Button, { variant: "ghost", onClick: handleBack, disabled: currentStep === 0, icon: ArrowLeft, children: "Back" }), isLast ? (_jsx(Button, { onClick: handleFinish, disabled: isSaving, icon: Check, children: isSaving ? "Saving…" : "Save memories" })) : (_jsx(Button, { onClick: handleNext, icon: ArrowRight, children: "Next" }))] })] }));
+}

package/dist/routes/memories/components/RestoreBlockedDialog.d.ts

@@ -0,0 +1,8 @@
+export type RestoreBlockedDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    blockedByLabel: string | null;
+    onConfirm: () => void;
+};
+export declare function RestoreBlockedDialog(props: RestoreBlockedDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RestoreBlockedDialog.d.ts.map

package/dist/routes/memories/components/RestoreBlockedDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RestoreBlockedDialog.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/RestoreBlockedDialog.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAsBpE"}

package/dist/routes/memories/components/RestoreBlockedDialog.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "#components/alert-dialog/index";
+export function RestoreBlockedDialog(props) {
+    const { open, onOpenChange, blockedByLabel, onConfirm } = props;
+    const label = blockedByLabel ?? "the newer memory";
+    return (_jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Can't restore this memory" }), _jsxs(AlertDialogDescription, { children: ["It was replaced by \"", label, "\". Delete or edit that memory first, or delete it now to restore this one."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsxs(AlertDialogAction, { variant: "destructive", onClick: onConfirm, children: ["Delete \"", label, "\" & restore"] })] })] }) }));
+}

package/dist/routes/memories/components/SchemasTab.d.ts

@@ -0,0 +1,6 @@
+type SchemasTabProps = {
+    query?: string;
+};
+export declare function SchemasTab(props: SchemasTabProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SchemasTab.d.ts.map

package/dist/routes/memories/components/SchemasTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemasTab.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/SchemasTab.tsx"],"names":[],"mappings":"AA4FA,KAAK,eAAe,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1C,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA+ChD"}

package/dist/routes/memories/components/SchemasTab.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemorySchemasQuery } from "@manta-eu/client";
+import { formatEntityName } from "@manta-eu/client/shared/rdf-namespaces";
+import { humanPlural } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronRight, Layers } from "lucide-react";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "#components/collapsible/index";
+import { EmptyState } from "#components/empty-state/index";
+import { Skeleton } from "#components/skeleton/index";
+import { useMantaClient } from "#providers/index";
+function shortDatatype(iri) {
+    if (iri.endsWith("#string"))
+        return "text";
+    if (iri.endsWith("#decimal"))
+        return "decimal";
+    if (iri.endsWith("#integer"))
+        return "integer";
+    if (iri.endsWith("#boolean"))
+        return "boolean";
+    if (iri.endsWith("#anyURI"))
+        return "url";
+    return formatEntityName(iri);
+}
+function SchemaRow(props) {
+    const { schema } = props;
+    return (_jsxs(Collapsible, { children: [_jsxs(CollapsibleTrigger, { className: "group flex w-full items-center gap-2 px-4 py-3 text-left hover:bg-faint transition-colors", children: [_jsx(ChevronRight, { className: "size-3.5 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }), _jsx("span", { className: "typography-small-medium text-default-foreground truncate", children: schema.label }), _jsxs("span", { className: "ml-auto shrink-0 typography-tiny text-muted-foreground", children: [schema.properties.length, " ", humanPlural("property", schema.properties.length)] })] }), _jsx(CollapsibleContent, { children: _jsxs("div", { className: "border-t border-muted-border", children: [schema.description && (_jsx("p", { className: "px-4 py-3 typography-small text-muted-foreground border-b border-muted-border", children: schema.description })), isPresent(schema.properties) && (_jsxs("table", { className: "w-full table-fixed text-left", children: [_jsxs("colgroup", { children: [_jsx("col", { className: "w-48" }), _jsx("col", { className: "w-20" }), _jsx("col", { className: "w-24" }), _jsx("col", {})] }), _jsx("tbody", { children: schema.properties.map((prop) => (_jsxs("tr", { className: "border-b border-muted-border last:border-0", children: [_jsx("td", { className: "px-4 py-2.5 align-top", children: _jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("span", { className: "typography-small-medium text-default-foreground", children: prop.label }), _jsx("span", { className: "typography-tiny font-mono text-muted-foreground break-all", children: prop.path })] }) }), _jsx("td", { className: "px-4 py-2.5 align-top", children: _jsx("span", { className: "typography-tiny text-muted-foreground", children: shortDatatype(prop.dataType) }) }), _jsx("td", { className: "px-4 py-2.5 align-top", children: prop.required ? (_jsx("span", { className: "typography-tiny rounded-full bg-accent px-2 py-0.5 text-muted-foreground", children: "required" })) : (_jsx("span", { className: "typography-tiny rounded-full bg-muted px-2 py-0.5 text-muted-foreground", children: "optional" })) }), _jsx("td", { className: "px-4 py-2.5 align-top", children: isPresent(prop.allowedValues) && (_jsx("div", { className: "flex flex-wrap gap-1", children: prop.allowedValues.map((val) => (_jsx("span", { className: "typography-tiny rounded-full bg-muted px-2 py-0.5", children: val }, val))) })) })] }, prop.path))) })] }))] }) })] }));
+}
+export function SchemasTab(props) {
+    const { query = "" } = props;
+    const { mantaClient } = useMantaClient();
+    const { data, isLoading } = useMemorySchemasQuery(mantaClient);
+    const schemas = data?.memorySchemas.schemas ?? [];
+    const filtered = query.trim() ? schemas.filter((s) => s.label.toLowerCase().includes(query.toLowerCase())) : schemas;
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [isLoading && (_jsx("div", { className: "flex flex-col w-full max-w-3xl mx-auto rounded-xl border border-muted-border overflow-hidden divide-y divide-muted-border", children: [0, 1, 2].map((i) => (_jsxs("div", { className: "flex items-center gap-2 px-4 py-3", children: [_jsx(Skeleton, { className: "size-3.5 rounded-sm" }), _jsx(Skeleton, { className: "h-4 w-40 rounded-md" }), _jsx(Skeleton, { className: "ml-auto h-4 w-16 rounded-md" })] }, i))) })), !isLoading && !isPresent(schemas) && (_jsx("div", { className: "flex flex-1 items-center justify-center", children: _jsx(EmptyState, { icon: Layers, title: "No schemas defined", description: "Memory schemas define structured properties for typed memories." }) })), !isLoading && isPresent(schemas) && !isPresent(filtered) && (_jsx("div", { className: "flex flex-1 items-center justify-center", children: _jsx(EmptyState, { icon: Layers, title: "No schemas match", description: `No schemas found for "${query}".` }) })), !isLoading && isPresent(filtered) && (_jsx("div", { className: "w-full max-w-3xl mx-auto rounded-xl border border-muted-border bg-card overflow-hidden divide-y divide-muted-border", children: filtered.map((schema) => (_jsx(SchemaRow, { schema: schema }, schema.iri))) }))] }));
+}

package/dist/routes/memories/components/SupersessionConflictDialog.d.ts

@@ -0,0 +1,18 @@
+import type { GQLConflictingMemory } from "@manta-eu/client";
+import { GQLMemoryScope } from "@manta-eu/client";
+export type ConflictResolution = {
+    supersedesIris: string[];
+    mergedTeams?: string[];
+};
+export type SupersessionConflictDialogProps = {
+    open: boolean;
+    conflicts: GQLConflictingMemory[];
+    scope: GQLMemoryScope;
+    newTeams: string[];
+    currentUserId?: string;
+    onConfirm: (resolution: ConflictResolution) => void;
+    onSaveWithout: () => void;
+    onCancel: () => void;
+};
+export declare function SupersessionConflictDialog(props: SupersessionConflictDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SupersessionConflictDialog.d.ts.map

package/dist/routes/memories/components/SupersessionConflictDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupersessionConflictDialog.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/SupersessionConflictDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAelD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,CAAC,UAAU,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,2CA8HhF"}

package/dist/routes/memories/components/SupersessionConflictDialog.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GQLMemoryScope } from "@manta-eu/client";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { useCallback, useEffect, useState } from "react";
+import { ConflictMemoryCard } from "./ConflictMemoryCard.js";
+import { Button } from "#components/button/index";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "#components/modal/index";
+export function SupersessionConflictDialog(props) {
+    const { open, conflicts, scope, newTeams, currentUserId, onConfirm, onSaveWithout, onCancel } = props;
+    const isTeam = scope === GQLMemoryScope.Team;
+    const [checked, setChecked] = useState(new Set());
+    const [merging, setMerging] = useState(new Set());
+    useEffect(() => {
+        if (open) {
+            setChecked(new Set(conflicts.map((c) => c.iri)));
+            setMerging(new Set());
+        }
+    }, [open, conflicts]);
+    const toggleChecked = useCallback((iri) => {
+        setChecked((prev) => {
+            const next = new Set(prev);
+            if (next.has(iri)) {
+                next.delete(iri);
+                // Unchecking stops superseding it, so it must also stop contributing its teams.
+                setMerging((m) => {
+                    if (!m.has(iri))
+                        return m;
+                    const nm = new Set(m);
+                    nm.delete(iri);
+                    return nm;
+                });
+            }
+            else {
+                next.add(iri);
+            }
+            return next;
+        });
+    }, []);
+    const toggleMerge = useCallback((iri) => {
+        setMerging((prev) => {
+            const next = new Set(prev);
+            if (next.has(iri)) {
+                next.delete(iri);
+            }
+            else {
+                next.add(iri);
+                // Merge implies supersession - ensure checked
+                setChecked((c) => new Set([...c, iri]));
+            }
+            return next;
+        });
+    }, []);
+    const allChecked = isPresent(conflicts) && conflicts.every((c) => checked.has(c.iri));
+    const toggleAll = useCallback(() => {
+        if (allChecked) {
+            setChecked(new Set());
+            setMerging(new Set());
+        }
+        else {
+            setChecked(new Set(conflicts.map((c) => c.iri)));
+        }
+    }, [allChecked, conflicts]);
+    const handleConfirm = useCallback(() => {
+        const supersedesIris = [...checked];
+        let mergedTeams;
+        if (isTeam && merging.size > 0) {
+            const allOldTeams = conflicts.filter((c) => merging.has(c.iri)).flatMap((c) => c.currentTeams);
+            mergedTeams = [...new Set([...newTeams, ...allOldTeams])];
+        }
+        onConfirm({ supersedesIris, mergedTeams });
+    }, [checked, merging, isTeam, conflicts, newTeams, onConfirm]);
+    const checkedCount = checked.size;
+    return (_jsx(Dialog, { open: open, onOpenChange: (o) => {
+            if (!o)
+                onCancel();
+        }, children: _jsxs(DialogContent, { className: "max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { text: "Similar memories already exist" }), _jsx(DialogDescription, { children: "The memory you're saving may replace the following existing memories. Select which ones to replace and they will be hidden and superseded by the new memory." })] }), _jsxs("div", { className: "flex flex-col gap-3 max-h-72 overflow-y-auto py-1", children: [_jsx("button", { type: "button", className: "text-left typography-small text-accent-foreground hover:underline w-fit", onClick: toggleAll, children: allChecked ? "Select none" : "Select all" }), conflicts.map((conflict) => (_jsx(ConflictMemoryCard, { conflict: conflict, scope: scope, checked: checked.has(conflict.iri), onToggleChecked: () => toggleChecked(conflict.iri), showMerge: isTeam, merging: merging.has(conflict.iri), onToggleMerge: () => toggleMerge(conflict.iri), currentUserId: currentUserId }, conflict.iri)))] }), _jsxs(DialogFooter, { className: "flex-col sm:flex-row gap-2", children: [_jsx(Button, { variant: "tertiary", onClick: onCancel, className: "sm:mr-auto", children: "Cancel" }), _jsx(Button, { variant: "secondary", onClick: onSaveWithout, children: "Save & keep both" }), _jsx(Button, { onClick: handleConfirm, disabled: checkedCount === 0, children: checkedCount > 0 ? `Save & replace ${humanCount(checkedCount, "memory")}` : "Save & replace selected" })] })] }) }));
+}

package/dist/routes/memories/components/TeamPicker.d.ts

@@ -0,0 +1,8 @@
+export type TeamPickerProps = {
+    selected: string[];
+    onChange: (teams: string[]) => void;
+    isOperator: boolean;
+    error?: string;
+};
+export declare function TeamPicker(props: TeamPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TeamPicker.d.ts.map

package/dist/routes/memories/components/TeamPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamPicker.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/TeamPicker.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAMF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAoEhD"}