@manta-eu/react 0.1.0 → 0.1.1

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

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GQLMemoryScope, useCreateMemoryMutation, useDeleteMemoryMutation, useMemoriesQuery, useUpdateMemoryMutation, } 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 { Brain, Building2, EllipsisIcon, Pencil, Plus, Trash2, X } from "lucide-react";
+import { useCallback, useMemo, useState } from "react";
+import { toast } from "sonner";
+import { liveContextQueryKey } from "../hooks/useLiveContext.js";
+import { buildCreateMemoryInput, buildUpdateMemoryInput } from "../memory-mutation-input.js";
+import { KindBadge, ScopeBadge } from "./badges.js";
+import { MemoryFormDialog } from "./MemoryFormDialog.js";
+import { Banner } from "#components/banner/index";
+import { Button } from "#components/button/index";
+import { Dropdown, DropdownContent, DropdownGroup, DropdownItem, DropdownTrigger } from "#components/dropdown/index";
+import { Skeleton } from "#components/skeleton/index";
+import { useMantaClient } from "#providers/index";
+export function MemoriesPanel(props) {
+    const { isOperator, onClose } = props;
+    const { mantaClient } = useMantaClient();
+    const queryClient = useQueryClient();
+    const { data, isLoading, error: queryError } = useMemoriesQuery(mantaClient);
+    const allMemories = data?.memories.memories ?? [];
+    const memories = useMemo(() => allMemories.filter((m) => m.memorySource === userManualMemorySource), [allMemories]);
+    const errorMessage = queryError ? parseError(queryError, "Failed to load memories").message : null;
+    const createMutation = useCreateMemoryMutation(mantaClient);
+    const updateMutation = useUpdateMemoryMutation(mantaClient);
+    const deleteMutation = useDeleteMemoryMutation(mantaClient);
+    const [addDialog, setAddDialog] = useState(null);
+    const [editingMemory, setEditingMemory] = useState(null);
+    const invalidate = useCallback(() => {
+        void queryClient.invalidateQueries({ queryKey: useMemoriesQuery.getKey() });
+        void queryClient.invalidateQueries({ queryKey: liveContextQueryKey });
+    }, [queryClient]);
+    const handleCreate = useCallback(async (form, supersedesMemoryIris) => {
+        if (!addDialog)
+            return;
+        if (!isOperator && addDialog.scope !== GQLMemoryScope.User)
+            return;
+        try {
+            const result = await createMutation.mutateAsync({
+                input: buildCreateMemoryInput(form, addDialog.scope, supersedesMemoryIris),
+            });
+            if (result.createMemory.error)
+                throw new Error(result.createMemory.error);
+            toast.success("Memory added");
+            setAddDialog(null);
+            invalidate();
+        }
+        catch (e) {
+            const err = parseError(e, "Failed to add memory");
+            toast.error(err.message, { description: err.description });
+        }
+    }, [addDialog, createMutation, invalidate, isOperator]);
+    const handleUpdate = useCallback(async (form, supersedesMemoryIris) => {
+        if (!editingMemory)
+            return;
+        if (!isOperator && editingMemory.scope !== GQLMemoryScope.User)
+            return;
+        try {
+            const result = await updateMutation.mutateAsync({
+                input: buildUpdateMemoryInput(editingMemory.iri, form, editingMemory.scope, supersedesMemoryIris),
+            });
+            if (result.updateMemory.error)
+                throw new Error(result.updateMemory.error);
+            toast.success("Memory updated");
+            setEditingMemory(null);
+            invalidate();
+        }
+        catch (e) {
+            const err = parseError(e, "Failed to update memory");
+            toast.error(err.message, { description: err.description });
+        }
+    }, [editingMemory, updateMutation, invalidate, isOperator]);
+    const handleDelete = useCallback(async (iri) => {
+        try {
+            await deleteMutation.mutateAsync({ memoryIri: iri });
+            toast.success("Memory deleted");
+            invalidate();
+        }
+        catch (e) {
+            const err = parseError(e, "Failed to delete memory");
+            toast.error(err.message, { description: err.description });
+        }
+    }, [deleteMutation, invalidate]);
+    return (_jsxs("div", { className: "flex flex-col h-full", children: [_jsxs("div", { className: "shrink-0 flex items-center justify-between gap-2 px-4 py-3 border-b border-muted-border", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Brain, { className: "size-4 text-muted-foreground" }), _jsx("span", { className: "typography-small-medium text-default-foreground", children: "Memories" })] }), _jsxs("div", { className: "flex items-center gap-1", children: [isOperator && (_jsx(Button, { variant: "ghost", size: "sm", icon: Building2, onClick: () => setAddDialog({ scope: GQLMemoryScope.Company }), children: "Add org" })), _jsx(Button, { size: "sm", icon: Plus, onClick: () => setAddDialog({ scope: GQLMemoryScope.User }), children: "Add" }), _jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, icon: X, "aria-label": "Close memories panel", onClick: onClose })] })] }), _jsxs("div", { className: "flex-1 overflow-auto", children: [isLoading && (_jsx("ul", { className: "divide-y divide-muted-border", children: Array.from({ length: 4 }, (_, i) => (_jsxs("li", { className: "flex items-start gap-3 px-4 py-3", children: [_jsxs("div", { className: "flex-1 min-w-0 flex flex-col gap-1.5", children: [_jsx(Skeleton, { className: "h-4 w-2/3 rounded-md" }), _jsx(Skeleton, { className: "h-3.5 w-full rounded-md" })] }), _jsxs("div", { className: "shrink-0 flex items-center gap-2 pt-0.5", children: [_jsx(Skeleton, { className: "h-5 w-14 rounded-full" }), _jsx(Skeleton, { className: "size-7 rounded-md" })] })] }, `panel-skeleton-${i}`))) })), errorMessage && _jsx(Banner, { label: errorMessage, className: "m-4" }), !isLoading && !errorMessage && !isPresent(memories) && (_jsxs("div", { className: "flex flex-col items-center justify-center gap-3 p-8 text-center", children: [_jsx(Brain, { className: "size-8 text-muted-foreground" }), _jsx("p", { className: "typography-small text-muted-foreground", children: "No memories yet. Add something Manta should always keep in mind." })] })), !isLoading && isPresent(memories) && (_jsx("ul", { className: "divide-y divide-muted-border", children: memories.map((memory) => (_jsx(MemoryListItem, { memory: memory, isOperator: isOperator, onEdit: () => setEditingMemory(memory), onDelete: () => void handleDelete(memory.iri) }, memory.iri))) }))] }), addDialog && (_jsx(MemoryFormDialog, { open: true, onOpenChange: (open) => {
+                    if (!open)
+                        setAddDialog(null);
+                }, scope: addDialog.scope, onSave: handleCreate, isSaving: createMutation.isPending })), editingMemory && (_jsx(MemoryFormDialog, { open: true, onOpenChange: (open) => {
+                    if (!open)
+                        setEditingMemory(null);
+                }, scope: editingMemory.scope, initial: editingMemory, onSave: handleUpdate, isSaving: updateMutation.isPending }))] }));
+}
+function MemoryListItem(props) {
+    const { memory, isOperator, onEdit, onDelete } = props;
+    const canEdit = memory.scope !== GQLMemoryScope.Company || isOperator;
+    return (_jsxs("li", { className: "flex items-start gap-3 px-4 py-3", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "typography-caption-medium text-default-foreground truncate", children: memory.label }), _jsx("p", { className: "typography-small text-muted-foreground line-clamp-2 mt-0.5", children: memory.description })] }), _jsxs("div", { className: "shrink-0 flex items-center gap-2 pt-0.5", children: [isOperator && _jsx(ScopeBadge, { scope: memory.scope }), _jsx(KindBadge, { kind: memory.kind }), canEdit && (_jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsx(Button, { variant: "tertiary", size: "sm", iconOnly: true, icon: EllipsisIcon, "aria-label": "Memory actions" }) }), _jsx(DropdownContent, { align: "end", className: "z-60", children: _jsxs(DropdownGroup, { children: [_jsxs(DropdownItem, { onSelect: onEdit, children: [_jsx(Pencil, { size: 16 }), "Edit"] }), _jsxs(DropdownItem, { onSelect: onDelete, children: [_jsx(Trash2, { size: 16, className: "text-error-foreground" }), "Delete"] })] }) })] }))] })] }));
+}

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

@@ -0,0 +1,30 @@
+import type { GQLMemory, GQLMemorySchema } from "@manta-eu/client";
+import type { Table } from "@tanstack/react-table";
+import type { ReactNode } from "react";
+import type { ImportanceFilter, StatusFilterKey } from "../hooks/useMemoryTable.js";
+import type { KindFilter, SchemaFilter } from "./MemoriesFilters.js";
+export type MemoriesTabPanelProps = {
+    tabs?: ReactNode;
+    isLoading: boolean;
+    errorMessage: string | null;
+    table: Table<GQLMemory>;
+    kindFilter: KindFilter;
+    onKindFilterChange: (kind: KindFilter) => void;
+    searchQuery: string;
+    onSearchQueryChange: (query: string) => void;
+    importanceFilter: ImportanceFilter;
+    onImportanceFilterChange: (importance: ImportanceFilter) => void;
+    memories: GQLMemory[];
+    emptyState?: ReactNode;
+    columnLabels?: Record<string, string>;
+    columnDefaultOrder?: string[];
+    schemas?: GQLMemorySchema[];
+    schemaFilter?: SchemaFilter;
+    onSchemaFilterChange?: (iri: SchemaFilter) => void;
+    onRowClick?: (memory: GQLMemory) => void;
+    statusFilters?: Record<StatusFilterKey, boolean>;
+    onStatusFilterChange?: (key: StatusFilterKey, value: boolean) => void;
+    visibleStatusFilters?: StatusFilterKey[];
+};
+export declare function MemoriesTabPanel(props: MemoriesTabPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MemoriesTabPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MemoriesTabPanel.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/MemoriesTabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnE,OAAO,KAAK,EAAO,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEjF,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMlE,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,wBAAwB,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjE,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,oBAAoB,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;IACjD,oBAAoB,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACtE,oBAAoB,CAAC,EAAE,eAAe,EAAE,CAAC;CAC1C,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAyE5D"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { LoadingSkeleton } from "./LoadingSkeleton.js";
+import { MemoriesFilters } from "./MemoriesFilters.js";
+import { Banner } from "#components/banner/index";
+import { DataTable } from "#components/table/index";
+import { TablePagination } from "#components/table-pagination/index";
+export function MemoriesTabPanel(props) {
+    const { tabs, isLoading, errorMessage, table, kindFilter, onKindFilterChange, searchQuery, onSearchQueryChange, importanceFilter, onImportanceFilterChange, memories, emptyState, columnLabels, columnDefaultOrder, schemas, schemaFilter, onSchemaFilterChange, onRowClick, statusFilters, onStatusFilterChange, visibleStatusFilters, } = props;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "border-b border-muted-border px-5 py-3 shrink-0", children: _jsx(MemoriesFilters, { tabs: tabs, kindFilter: kindFilter, onKindFilterChange: onKindFilterChange, searchQuery: searchQuery, onSearchQueryChange: onSearchQueryChange, importanceFilter: importanceFilter, onImportanceFilterChange: onImportanceFilterChange, table: table, columnLabels: columnLabels, columnDefaultOrder: columnDefaultOrder, schemas: schemas, schemaFilter: schemaFilter, onSchemaFilterChange: onSchemaFilterChange, statusFilters: statusFilters, onStatusFilterChange: onStatusFilterChange, visibleStatusFilters: visibleStatusFilters }) }), _jsxs("div", { className: "flex-1 overflow-auto p-4", children: [isLoading && _jsx(LoadingSkeleton, {}), errorMessage && _jsx(Banner, { label: errorMessage }), !isLoading && !isPresent(memories) && emptyState, !isLoading && isPresent(memories) && (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "rounded-xl border border-muted-border bg-card overflow-hidden", children: onRowClick ? (_jsx(DataTable, { table: table, onRowClick: (row) => onRowClick(row.original), rowClassName: (row) => (isPresent(row.original.supersededBy) ? "opacity-50" : undefined) })) : (_jsx(DataTable, { table: table, rowClassName: (row) => (isPresent(row.original.supersededBy) ? "opacity-50" : undefined) })) }), _jsx(TablePagination, { table: table, total: memories.length })] }))] })] }));
+}

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

@@ -0,0 +1,12 @@
+import { type GQLMemory } from "@manta-eu/client";
+export type MemoryActionsProps = {
+    memory: GQLMemory;
+    isOperator?: boolean;
+    onEdit: (memory: GQLMemory) => void;
+    onDelete: (iri: string) => void;
+    onMove?: (memory: GQLMemory) => void;
+    onRestore?: (iri: string) => void;
+    onReconfirm?: (iri: string) => void;
+};
+export declare function MemoryActions(props: MemoryActionsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MemoryActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryActions.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/MemoryActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAkBlE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,kDAsEtD"}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { GQLMemoryScope } from "@manta-eu/client";
+import { needsTrustReview } from "@manta-eu/client/shared/memory-preload-gate";
+import { isPresent } from "@manta-eu/lib/present";
+import { BadgeCheck, EllipsisIcon, MoveRight, Pencil, Trash2, Undo2 } from "lucide-react";
+import { useState } from "react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "#components/alert-dialog/index";
+import { Button } from "#components/button/index";
+import { Dropdown, DropdownContent, DropdownGroup, DropdownItem, DropdownTrigger } from "#components/dropdown/index";
+export function MemoryActions(props) {
+    const { memory, isOperator, onEdit, onDelete, onMove, onRestore, onReconfirm } = props;
+    const [confirmOpen, setConfirmOpen] = useState(false);
+    const isRealm = memory.scope === GQLMemoryScope.Company;
+    if (isPresent(memory.supersededBy)) {
+        const canRestore = isOperator || memory.scope === GQLMemoryScope.User;
+        if (!canRestore)
+            return null;
+        return (_jsx("div", { className: "text-right", onClick: (e) => e.stopPropagation(), children: _jsxs(Button, { variant: "tertiary", size: "sm", rounded: "lg", onClick: () => onRestore?.(memory.iri), className: "gap-1.5", children: [_jsx(Undo2, { size: 14 }), "Restore"] }) }));
+    }
+    if (!isRealm || isOperator) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-right", onClick: (e) => e.stopPropagation(), children: _jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsx(Button, { variant: "tertiary", iconOnly: true, icon: EllipsisIcon, "aria-label": "Actions" }) }), _jsx(DropdownContent, { align: "end", className: "z-60 w-44", children: _jsxs(DropdownGroup, { children: [_jsxs(DropdownItem, { onSelect: () => onEdit(memory), children: [_jsx(Pencil, { size: 16 }), "Edit"] }), onReconfirm && needsTrustReview(memory) && (_jsxs(DropdownItem, { onSelect: () => onReconfirm(memory.iri), children: [_jsx(BadgeCheck, { size: 16 }), "Reconfirm"] })), onMove && isOperator && (_jsxs(DropdownItem, { onSelect: () => onMove(memory), children: [_jsx(MoveRight, { size: 16 }), "Move to\u2026"] })), _jsxs(DropdownItem, { onSelect: () => setConfirmOpen(true), children: [_jsx(Trash2, { size: 16, className: "text-error-foreground" }), "Delete"] })] }) })] }) }), _jsx(AlertDialog, { open: confirmOpen, onOpenChange: setConfirmOpen, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete memory?" }), _jsxs(AlertDialogDescription, { children: ["\"", memory.label, "\" will be permanently deleted."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", onClick: () => onDelete(memory.iri), children: "Delete" })] })] }) })] }));
+    }
+    return null;
+}

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

@@ -0,0 +1,32 @@
+import { GQLMemoryKind, type GQLMemorySchema } from "@manta-eu/client";
+import type { ReactNode } from "react";
+export type FormErrors = Partial<Record<"label" | "description" | "teams" | "memoryTrustedUntil", string>>;
+export type MemoryFormState = {
+    label: string;
+    description: string | null;
+    kind: GQLMemoryKind;
+    memorySubclass: string | null;
+    customProperties: Record<string, string>;
+    memoryValidUntil: string | null;
+    memoryTrustedUntil: string | null;
+    teams: string[];
+    importance: number;
+};
+export declare const emptyForm: MemoryFormState;
+export type MemoryFieldsProps = {
+    form: MemoryFormState;
+    errors: FormErrors;
+    isTeam: boolean;
+    isOperator?: boolean;
+    schemas?: GQLMemorySchema[];
+    onChange: (next: Partial<MemoryFormState>) => void;
+    descriptionPlaceholder?: string;
+    labelPlaceholder?: string;
+    autoFocus?: boolean;
+    onEditProperties?: () => void;
+    filledPropertyCount?: number;
+    totalPropertyCount?: number;
+    children?: ReactNode;
+};
+export declare function MemoryFields(props: MemoryFieldsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MemoryFields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryFields.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/MemoryFields.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAIvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAwBvC,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,GAAG,aAAa,GAAG,OAAO,GAAG,oBAAoB,EAAE,MAAM,CAAC,CAAC,CAAC;AAE3G,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,aAAa,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,eAUvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACnD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAyHpD"}

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { GQLMemoryKind } from "@manta-eu/client";
+import { formatEntityName } from "@manta-eu/client/shared/rdf-namespaces";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import { ImportanceSlider } from "./ImportanceSlider.js";
+import { TeamPicker } from "./TeamPicker.js";
+import { Button } from "#components/button/index";
+import { Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, } from "#components/combobox/index";
+import { Input, Textarea } from "#components/input/index";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, createSelectClassName, } from "#components/select/index";
+import { cn } from "#lib/utils";
+export const emptyForm = {
+    label: "",
+    description: "",
+    kind: GQLMemoryKind.Fact,
+    memorySubclass: null,
+    customProperties: {},
+    memoryValidUntil: null,
+    memoryTrustedUntil: null,
+    teams: [],
+    importance: 3,
+};
+export function MemoryFields(props) {
+    const { form, errors, isTeam, isOperator = false, schemas, onChange, descriptionPlaceholder, labelPlaceholder, autoFocus = false, onEditProperties, filledPropertyCount = 0, totalPropertyCount = 0, children, } = props;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("label", { className: "typography-small", children: "Importance" }), _jsx(ImportanceSlider, { value: form.importance, onChange: (v) => onChange({ importance: v }) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("label", { className: "typography-small", children: "Kind" }), _jsxs(Select, { value: form.kind, onValueChange: (v) => onChange({ kind: v }), children: [_jsx(SelectTrigger, { label: "Kind", id: "memory-kind", hiddenLabel: true, children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: GQLMemoryKind.Preference, children: "Preference" }), _jsx(SelectItem, { value: GQLMemoryKind.Fact, children: "Fact" }), _jsx(SelectItem, { value: GQLMemoryKind.Objective, children: "Objective" }), _jsx(SelectItem, { value: GQLMemoryKind.Context, children: "Context" })] })] })] }), isPresent(schemas) && (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("label", { className: "typography-small", children: "Schema" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Combobox, { children: [_jsx(ComboboxTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn(createSelectClassName({ size: "base" }), "flex-1 min-w-0"), children: [_jsx("span", { className: cn("flex-1 min-w-0 truncate text-left", !form.memorySubclass && "text-placeholder-foreground"), children: form.memorySubclass
+                                                        ? (schemas.find((s) => s.iri === form.memorySubclass)?.label ??
+                                                            formatEntityName(form.memorySubclass))
+                                                        : "Default" }), _jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground" })] }) }), _jsxs(ComboboxContent, { align: "start", className: "w-[var(--radix-popover-trigger-width,320px)]", children: [_jsx(ComboboxInput, { placeholder: "Search schemas\u2026" }), _jsxs(ComboboxList, { children: [_jsx(ComboboxEmpty, { children: "No schemas found" }), _jsx(ComboboxItem, { value: "none", selected: form.memorySubclass === null, onSelect: () => onChange({ memorySubclass: null, customProperties: {} }), children: "Default" }), schemas.map((schema) => (_jsx(ComboboxItem, { value: schema.label, selected: form.memorySubclass === schema.iri, onSelect: () => onChange({ memorySubclass: schema.iri, customProperties: {} }), children: schema.label }, schema.iri)))] })] })] }), onEditProperties && totalPropertyCount > 0 && (_jsxs(Button, { type: "button", variant: "tertiary", size: "base", onClick: onEditProperties, className: "shrink-0", children: [filledPropertyCount > 0 ? `${filledPropertyCount}/${totalPropertyCount} filled` : "Edit properties", _jsx(ChevronRight, { className: "size-3.5" })] }))] })] })), _jsx(Input, { id: "memory-label", label: "Label", placeholder: labelPlaceholder, value: form.label, onChange: (e) => onChange({ label: e.target.value }), error: errors.label }), _jsx(Textarea, { id: "memory-description", label: "Description", placeholder: descriptionPlaceholder, value: form.description ?? "", onChange: (e) => onChange({ description: e.target.value }), minRows: 3, maxRows: 8, autoFocus: autoFocus, error: errors.description }), children, isTeam && (_jsx(TeamPicker, { selected: form.teams, onChange: (teams) => onChange({ teams }), isOperator: isOperator, error: errors.teams }))] }));
+}

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

@@ -0,0 +1,15 @@
+import { GQLMemoryScope, type GQLMemory, type GQLMemorySchema } from "@manta-eu/client";
+import { type MemoryFormState } from "./MemoryFields.js";
+export type MemoryFormDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    scope: GQLMemoryScope;
+    initial?: GQLMemory;
+    onSave: (form: MemoryFormState, supersedesMemoryIris?: string[]) => Promise<void>;
+    isSaving: boolean;
+    isOperator?: boolean;
+    schemas?: GQLMemorySchema[];
+    currentUserId?: string;
+};
+export declare function MemoryFormDialog(props: MemoryFormDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MemoryFormDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryFormDialog.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/MemoryFormDialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAA6B,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAUnH,OAAO,EAA4C,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAuBhG,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,oBAAoB,CAAC,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClF,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAsGF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAwe5D"}

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"}