@manta-eu/react 0.1.0 → 0.1.2

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

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { GQLMemoryKind } from "@manta-eu/client";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronDown, X } from "lucide-react";
+import { defaultColumnOrder, memoryColumnLabels } from "../hooks/useMemoryColumns.js";
+import { Button } from "#components/button/index";
+import { Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, } from "#components/combobox/index";
+import { Dropdown, DropdownCheckboxItem, DropdownContent, DropdownGroup, DropdownItem, DropdownTrigger, } from "#components/dropdown/index";
+import { FilterChip, FilterSection, FilterSheet } from "#components/filter-sheet/index";
+import { Input } from "#components/input/index";
+import { TableColumnRearrangePopover } from "#components/table/index";
+const statusFilterConfig = [
+    { key: "autoCaptured", label: "Auto-captured" },
+    {
+        key: "hideStale",
+        label: "Still trusted",
+        title: "Within its trust horizon - says nothing about the validity window",
+    },
+    { key: "promotion", label: "Promotion candidates" },
+    { key: "deadWeight", label: "Dead weight", title: "Eligible for pre-loading but nothing has touched it in 90 days" },
+    { key: "unused", label: "Never used", title: "Eligible for pre-loading, but the agent has never drawn on it" },
+    {
+        key: "needsReview",
+        label: "Needs review",
+        title: "No longer trusted, or about to be - re-confirm it to keep it in context",
+    },
+];
+export const kindFilterOptions = [
+    { id: "ALL", label: "All kinds" },
+    { id: GQLMemoryKind.Preference, label: "Preference" },
+    { id: GQLMemoryKind.Fact, label: "Fact" },
+    { id: GQLMemoryKind.Objective, label: "Objective" },
+    { id: GQLMemoryKind.Context, label: "Context" },
+];
+const importanceFilterOptions = [
+    { id: 0, label: "All importance" },
+    { id: 1, label: "Disabled" },
+    { id: 2, label: "Low" },
+    { id: 3, label: "Medium" },
+    { id: 4, label: "High" },
+    { id: 5, label: "Critical" },
+];
+export function MemoriesFilters(props) {
+    const { tabs, kindFilter, onKindFilterChange, searchQuery, onSearchQueryChange, importanceFilter, onImportanceFilterChange, table, columnLabels = memoryColumnLabels, columnDefaultOrder = defaultColumnOrder, schemas, schemaFilter = "ALL", onSchemaFilterChange, statusFilters, onStatusFilterChange, visibleStatusFilters = [], } = props;
+    const allKindsSelected = kindFilter === "ALL";
+    const allImportancesSelected = importanceFilter === 0;
+    const allSchemasSelected = schemaFilter === "ALL";
+    const selectedKindLabel = kindFilterOptions.find((o) => o.id === kindFilter)?.label;
+    const selectedSchemaLabel = schemaFilter === "NONE" ? "No schema" : schemas?.find((s) => s.iri === schemaFilter)?.label;
+    const selectedImportanceOption = importanceFilterOptions.find((o) => o.id === importanceFilter);
+    const statusFilterOptions = onStatusFilterChange
+        ? statusFilterConfig
+            .filter((cfg) => visibleStatusFilters.includes(cfg.key))
+            .map((cfg) => ({
+            id: cfg.key,
+            label: cfg.label,
+            active: !!statusFilters?.[cfg.key],
+            onChange: (value) => onStatusFilterChange(cfg.key, value),
+            ...(cfg.title ? { title: cfg.title } : {}),
+        }))
+        : [];
+    const activeStatusCount = statusFilterOptions.filter((option) => option.active).length;
+    const hasActiveFilters = isPresent(searchQuery) ||
+        !allKindsSelected ||
+        !allImportancesSelected ||
+        !allSchemasSelected ||
+        activeStatusCount > 0;
+    function handleClearFilters() {
+        onSearchQueryChange("");
+        onKindFilterChange("ALL");
+        onImportanceFilterChange(0);
+        onSchemaFilterChange?.("ALL");
+        for (const option of statusFilterOptions) {
+            if (option.active)
+                option.onChange(false);
+        }
+    }
+    const activeFilterCount = (isPresent(searchQuery) ? 1 : 0) +
+        (allKindsSelected ? 0 : 1) +
+        (allImportancesSelected ? 0 : 1) +
+        (allSchemasSelected ? 0 : 1) +
+        activeStatusCount;
+    function filterControls() {
+        return (_jsxs(_Fragment, { children: [_jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsxs(Button, { variant: "tertiary", size: "base", rounded: "lg", children: [_jsx("span", { children: allKindsSelected ? "Kind" : selectedKindLabel }), _jsx(ChevronDown, { className: "size-4" })] }) }), _jsx(DropdownContent, { align: "start", className: "w-44", children: _jsx(DropdownGroup, { label: "Filter by kind", children: kindFilterOptions.map((option) => (_jsx(DropdownItem, { selected: option.id === kindFilter, onClick: () => onKindFilterChange(option.id), children: option.label }, option.id))) }) })] }), isPresent(schemas) && onSchemaFilterChange && (_jsxs(Combobox, { children: [_jsx(ComboboxTrigger, { asChild: true, children: _jsxs(Button, { variant: "tertiary", size: "base", rounded: "lg", children: [_jsx("span", { children: allSchemasSelected ? "Schema" : selectedSchemaLabel }), _jsx(ChevronDown, { className: "size-4" })] }) }), _jsxs(ComboboxContent, { align: "start", className: "w-52", children: [_jsx(ComboboxInput, { placeholder: "Search schemas\u2026" }), _jsxs(ComboboxList, { children: [_jsx(ComboboxEmpty, { children: "No schemas found" }), _jsx(ComboboxItem, { value: "All schemas", selected: allSchemasSelected, onSelect: () => onSchemaFilterChange("ALL"), children: "All schemas" }), _jsx(ComboboxItem, { value: "No schema", selected: schemaFilter === "NONE", onSelect: () => onSchemaFilterChange("NONE"), children: "No schema" }), schemas.map((schema) => (_jsx(ComboboxItem, { value: schema.label, selected: schemaFilter === schema.iri, onSelect: () => onSchemaFilterChange(schema.iri), children: schema.label }, schema.iri)))] })] })] })), _jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsxs(Button, { variant: "tertiary", size: "base", rounded: "lg", children: [_jsx("span", { children: allImportancesSelected ? "Importance" : selectedImportanceOption?.label }), _jsx(ChevronDown, { className: "size-4" })] }) }), _jsx(DropdownContent, { align: "start", className: "w-44", children: _jsx(DropdownGroup, { label: "Filter by importance", children: importanceFilterOptions.map((option) => (_jsx(DropdownItem, { selected: option.id === importanceFilter, onClick: () => onImportanceFilterChange(option.id), children: option.label }, option.id))) }) })] }), isPresent(statusFilterOptions) && (_jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsxs(Button, { variant: activeStatusCount > 0 ? "secondary" : "tertiary", size: "base", rounded: "lg", children: [_jsx("span", { children: activeStatusCount > 0 ? `Status (${activeStatusCount})` : "Status" }), _jsx(ChevronDown, { className: "size-4" })] }) }), _jsx(DropdownContent, { align: "start", className: "w-56", children: _jsx(DropdownGroup, { label: "Filter by status", children: statusFilterOptions.map((option) => (_jsx(DropdownCheckboxItem, { checked: option.active, onCheckedChange: option.onChange, ...(option.title ? { title: option.title } : {}), children: option.label }, option.id))) }) })] })), hasActiveFilters && (_jsx(Button, { variant: "ghost", size: "base", rounded: "lg", onClick: handleClearFilters, icon: X, children: "Clear filters" }))] }));
+    }
+    const filterSheetContent = (_jsxs(_Fragment, { children: [_jsx(FilterSection, { title: "Kind", children: _jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsxs(Button, { variant: "tertiary", size: "base", rounded: "lg", className: "w-full justify-between", children: [_jsx("span", { children: selectedKindLabel }), _jsx(ChevronDown, { className: "size-4" })] }) }), _jsx(DropdownContent, { align: "start", className: "w-(--radix-dropdown-menu-trigger-width)", children: _jsx(DropdownGroup, { label: "Filter by kind", children: kindFilterOptions.map((option) => (_jsx(DropdownItem, { selected: option.id === kindFilter, onClick: () => onKindFilterChange(option.id), children: option.label }, option.id))) }) })] }) }), isPresent(schemas) && onSchemaFilterChange && (_jsx(FilterSection, { title: "Schema", children: _jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsxs(Button, { variant: "tertiary", size: "base", rounded: "lg", className: "w-full justify-between", children: [_jsx("span", { children: allSchemasSelected ? "All schemas" : selectedSchemaLabel }), _jsx(ChevronDown, { className: "size-4" })] }) }), _jsx(DropdownContent, { align: "start", className: "max-h-64 w-(--radix-dropdown-menu-trigger-width) overflow-y-auto", children: _jsxs(DropdownGroup, { label: "Filter by schema", children: [_jsx(DropdownItem, { selected: allSchemasSelected, onClick: () => onSchemaFilterChange("ALL"), children: "All schemas" }), _jsx(DropdownItem, { selected: schemaFilter === "NONE", onClick: () => onSchemaFilterChange("NONE"), children: "No schema" }), schemas.map((schema) => (_jsx(DropdownItem, { selected: schemaFilter === schema.iri, onClick: () => onSchemaFilterChange(schema.iri), children: schema.label }, schema.iri)))] }) })] }) })), _jsx(FilterSection, { title: "Importance", children: _jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsxs(Button, { variant: "tertiary", size: "base", rounded: "lg", className: "w-full justify-between", children: [_jsx("span", { children: selectedImportanceOption?.label }), _jsx(ChevronDown, { className: "size-4" })] }) }), _jsx(DropdownContent, { align: "start", className: "w-(--radix-dropdown-menu-trigger-width)", children: _jsx(DropdownGroup, { label: "Filter by importance", children: importanceFilterOptions.map((option) => (_jsx(DropdownItem, { selected: option.id === importanceFilter, onClick: () => onImportanceFilterChange(option.id), children: option.label }, option.id))) }) })] }) }), isPresent(statusFilterOptions) && (_jsx(FilterSection, { title: "Status", children: statusFilterOptions.map((option) => (_jsx(FilterChip, { selected: option.active, label: option.label, description: option.title, onClick: () => option.onChange(!option.active) }, option.id))) }))] }));
+    return (_jsxs("div", { className: "flex min-w-0 flex-col gap-3 3xl:flex-row 3xl:items-center", children: [isPresent(tabs) && _jsx("div", { className: "min-w-0 3xl:shrink", children: tabs }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 flex-1 min-w-0", children: [_jsx(Input, { containerClassName: "min-w-0 flex-1 sm:w-64 sm:flex-none", type: "search", variant: "search", placeholder: "Search memories...", value: searchQuery, onChange: (event) => onSearchQueryChange(event.target.value) }), _jsx("div", { className: "sm:hidden", children: _jsx(FilterSheet, { activeCount: activeFilterCount, onReset: handleClearFilters, children: filterSheetContent }) }), _jsx("div", { className: "hidden sm:contents", children: filterControls() }), _jsx("div", { className: "ml-auto hidden shrink-0 sm:block", children: _jsx(TableColumnRearrangePopover, { enableReset: true, table: table, columnLabels: columnLabels, defaultOrder: columnDefaultOrder }) })] })] }));
+}

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

@@ -0,0 +1,6 @@
+export type MemoriesPanelProps = {
+    isOperator?: boolean;
+    onClose: () => void;
+};
+export declare function MemoriesPanel(props: MemoriesPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MemoriesPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MemoriesPanel.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/MemoriesPanel.tsx"],"names":[],"mappings":"AA4BA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA2KtD"}

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