@manta-eu/react 0.1.0 → 0.1.1

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

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { GQLMemoryScope } from "@manta-eu/client";
+import { isPresent } from "@manta-eu/lib/present";
+import { match } from "ts-pattern";
+import { formatHorizonRelative, isTrustExpired, memoryHorizon } from "../expiry-utils.js";
+import { KindBadge } from "./badges.js";
+import { Badge } from "#components/badge/index";
+import { Checkbox } from "#components/checkbox/index";
+import { cn } from "#lib/utils";
+const importanceLabels = {
+    1: "Disabled",
+    2: "Low importance",
+    3: "Medium importance",
+    4: "High importance",
+    5: "Critical",
+};
+const importanceDotClass = {
+    1: "bg-muted-foreground/40",
+    2: "bg-muted-foreground",
+    3: "bg-default-foreground/50",
+    4: "bg-warning-foreground",
+    5: "bg-error-foreground",
+};
+function formatAuthor(createdBy, currentUserId) {
+    if (isPresent(currentUserId) && createdBy === currentUserId)
+        return "You";
+    return "Another user";
+}
+function MetaSeparator() {
+    return _jsx("span", { className: "text-muted-border", children: "\u00B7" });
+}
+export function ConflictMemoryCard(props) {
+    const { conflict, scope, checked, onToggleChecked, showMerge, merging, onToggleMerge, currentUserId } = props;
+    const showAuthor = scope !== GQLMemoryScope.User && isPresent(conflict.createdBy);
+    const horizon = memoryHorizon(conflict.memoryValidUntil, conflict.memoryTrustedUntil);
+    const unconfirmed = isTrustExpired(conflict.memoryTrustedUntil);
+    const horizonLabel = match(horizon)
+        .with({ kind: "none" }, () => null)
+        .with({ kind: "trust" }, (trust) => (unconfirmed ? null : formatHorizonRelative(trust)))
+        .with({ kind: "expiry" }, (expiry) => formatHorizonRelative(expiry))
+        .exhaustive();
+    return (_jsxs("div", { className: "flex flex-col gap-2 rounded-lg border border-muted-border p-3", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Checkbox, { checked: checked, onCheckedChange: onToggleChecked, className: "mt-0.5 shrink-0" }), _jsxs("div", { className: "flex flex-col gap-1.5 flex-1 min-w-0", children: [_jsx("span", { className: "typography-caption-medium text-default-foreground", children: conflict.label }), conflict.description && (_jsx("span", { className: "typography-small text-muted-foreground line-clamp-2", children: conflict.description })), conflict.reason && _jsx("span", { className: "typography-tiny text-accent-foreground italic", children: conflict.reason }), _jsxs("div", { className: "flex items-center gap-1.5 flex-wrap typography-tiny text-muted-foreground mt-0.5", children: [_jsx(KindBadge, { kind: conflict.kind }), _jsxs(Badge, { size: "sm", variant: "secondary", className: "capitalize", children: [_jsx("span", { className: cn("size-1.5 rounded-full shrink-0", importanceDotClass[conflict.importance]) }), importanceLabels[conflict.importance] ?? "Medium importance"] }), unconfirmed && (_jsxs(_Fragment, { children: [_jsx(MetaSeparator, {}), _jsx("span", { className: "text-warning-foreground", children: "Unconfirmed \u2014 no longer pre-loaded" })] })), horizonLabel && (_jsxs(_Fragment, { children: [_jsx(MetaSeparator, {}), _jsx("span", { children: horizonLabel })] })), showAuthor && (_jsxs(_Fragment, { children: [_jsx(MetaSeparator, {}), _jsxs("span", { children: ["Added by ", formatAuthor(conflict.createdBy, currentUserId)] })] }))] })] })] }), showMerge && isPresent(conflict.currentTeams) && (_jsxs("div", { className: "ml-8 flex flex-col gap-1.5", children: [_jsx("div", { className: "flex flex-wrap gap-1", children: conflict.currentTeams.map((g) => (_jsx("span", { className: "inline-flex items-center rounded-full px-2 py-0.5 typography-tiny bg-muted text-muted-foreground", children: g.replace(/^\//, "") }, g))) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { checked: merging, onCheckedChange: onToggleMerge, disabled: !checked }), _jsx("span", { className: "typography-small text-muted-foreground", children: "Merge teams (union of old + new teams)" })] })] }))] }));
+}

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

@@ -0,0 +1,7 @@
+export type ConflictTimeoutFooterProps = {
+    onCancel: () => void;
+    onConfirm: () => void;
+    isSaving: boolean;
+};
+export declare function ConflictTimeoutFooter(props: ConflictTimeoutFooterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConflictTimeoutFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConflictTimeoutFooter.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/ConflictTimeoutFooter.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAatE"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "#components/button/index";
+export function ConflictTimeoutFooter(props) {
+    const { onCancel, onConfirm, isSaving } = props;
+    return (_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: onCancel, disabled: isSaving, children: "Cancel" }), _jsx(Button, { onClick: onConfirm, disabled: isSaving, children: isSaving ? "Saving…" : "Save anyway" })] }));
+}

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

@@ -0,0 +1,61 @@
+export type ConsolidationMemoryView = {
+    iri: string;
+    label: string;
+    description?: string | null;
+    teams?: readonly string[] | null;
+};
+export type ReviewProposalKind = "duplicate" | "pattern";
+export type ConsolidationClusterView = {
+    memories: ConsolidationMemoryView[];
+    reason: string;
+    suggestedLabel: string;
+    suggestedDescription: string;
+    kind?: ReviewProposalKind;
+};
+export type ConsolidationDecision = {
+    memoryIris: string[];
+    label: string;
+    description: string;
+    kind: ReviewProposalKind;
+};
+export type ReviewCopy = {
+    intro: string;
+    labelField: string;
+    descriptionField: string;
+    confirm: string;
+};
+export declare const consolidationCopy: ReviewCopy;
+export declare const abstractionCopy: ReviewCopy;
+export declare function reviewCopyFor(kind: ReviewProposalKind | undefined): ReviewCopy;
+export declare const reviewDialogTitle = "Review redundant memories";
+export declare function consolidationSummary(clusterCount: number, index: number, isLoading: boolean, timedOut?: boolean, failed?: boolean): string;
+export declare function consolidationProgressLabel(candidateCount: number, limit?: number): string;
+export declare function consolidationCoverageNote(comparedCount: number | null | undefined, candidateCount: number, checkCompleted?: boolean): string | null;
+export declare function mergedAudienceNote(memories: readonly ConsolidationMemoryView[]): string | null;
+export declare const consolidationSlowAfterMs = 8000;
+export type ConsolidationProgressProps = {
+    candidateCount: number;
+};
+export declare function ConsolidationProgress(props: ConsolidationProgressProps): import("react/jsx-runtime").JSX.Element;
+export type ConsolidationClusterReviewProps = {
+    cluster: ConsolidationClusterView;
+    label: string;
+    description: string;
+    onLabelChange: (value: string) => void;
+    onDescriptionChange: (value: string) => void;
+};
+export declare function ConsolidationClusterReview(props: ConsolidationClusterReviewProps): import("react/jsx-runtime").JSX.Element;
+export type ConsolidationReviewDialogProps = {
+    open: boolean;
+    clusters: ConsolidationClusterView[];
+    isLoading: boolean;
+    isSaving: boolean;
+    candidateCount: number;
+    comparedCount: number | null;
+    timedOut?: boolean;
+    errorMessage?: string | null;
+    onMerge: (decision: ConsolidationDecision) => void;
+    onClose: () => void;
+};
+export declare function ConsolidationReviewDialog(props: ConsolidationReviewDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConsolidationReviewDialog.d.ts.map

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

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

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

@@ -0,0 +1,121 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { consolidationCandidateLimit } from "@manta-eu/client/shared/memory-consolidation-limits";
+import { unionOfTeams } from "@manta-eu/client/shared/memory-teams";
+import { isPresent } from "@manta-eu/lib/present";
+import { useCallback, useEffect, useState } from "react";
+import { Button } from "#components/button/index";
+import { Input, Textarea } from "#components/input/index";
+import { Loader } from "#components/loader/index";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "#components/modal/index";
+export const consolidationCopy = {
+    intro: "These say the same thing. Merging them loses nothing.",
+    labelField: "Merged label",
+    descriptionField: "Merged description",
+    confirm: "Merge",
+};
+export const abstractionCopy = {
+    intro: "These are instances of one broader rule. The general memory replaces them, so anything true of only some of them is lost.",
+    labelField: "General label",
+    descriptionField: "General description",
+    confirm: "Replace with the general memory",
+};
+export function reviewCopyFor(kind) {
+    return kind === "pattern" ? abstractionCopy : consolidationCopy;
+}
+export const reviewDialogTitle = "Review redundant memories";
+export function consolidationSummary(clusterCount, index, isLoading, timedOut = false, failed = false) {
+    if (isLoading)
+        return "Looking for memories that say the same thing, and for patterns worth stating once…";
+    if (clusterCount > 0 && (timedOut || failed)) {
+        const stopped = timedOut ? "ran out of time" : "could not finish";
+        return `The check ${stopped}, but found ${clusterCount} ${clusterCount === 1 ? "group" : "groups"} before stopping. Group ${index + 1} of ${clusterCount}.`;
+    }
+    if (timedOut)
+        return "The check ran out of time, so nothing was compared. Try again on a smaller scope.";
+    if (failed)
+        return "The check could not finish, so nothing was compared.";
+    if (clusterCount === 0)
+        return "Nothing to clean up. Every memory in this scope is distinct and specific to itself.";
+    if (index >= clusterCount)
+        return `You have reviewed all ${clusterCount} groups.`;
+    return `Group ${index + 1} of ${clusterCount}.`;
+}
+export function consolidationProgressLabel(candidateCount, limit = consolidationCandidateLimit) {
+    if (candidateCount <= 0)
+        return "Comparing your memories…";
+    if (candidateCount > limit)
+        return `Comparing ${limit} of ${candidateCount} memories…`;
+    return `Comparing ${candidateCount} memories…`;
+}
+export function consolidationCoverageNote(comparedCount, candidateCount, checkCompleted = true) {
+    if (!checkCompleted || comparedCount == null)
+        return null;
+    if (candidateCount < 2)
+        return null;
+    if (comparedCount >= candidateCount)
+        return null;
+    return `${comparedCount} of ${candidateCount} memories were compared; the rest had nothing resembling them.`;
+}
+export function mergedAudienceNote(memories) {
+    const perMemory = memories.map((m) => new Set(m.teams ?? []));
+    const union = unionOfTeams(memories.map((m) => m.teams));
+    if (!isPresent(union) || perMemory.every((teams) => teams.size === union.length))
+        return null;
+    return `These are not all shared with the same teams. The merged memory goes to all of them: ${[...union].sort().join(", ")}.`;
+}
+export const consolidationSlowAfterMs = 8_000;
+export function ConsolidationProgress(props) {
+    const { candidateCount } = props;
+    const [slow, setSlow] = useState(false);
+    useEffect(() => {
+        const timer = setTimeout(() => setSlow(true), consolidationSlowAfterMs);
+        return () => clearTimeout(timer);
+    }, []);
+    return (_jsxs("div", { className: "flex flex-col items-center gap-3 py-10 text-center", children: [_jsx(Loader, { className: "size-6" }), _jsx("p", { className: "typography-caption-medium text-default-foreground", children: consolidationProgressLabel(candidateCount) }), _jsx("p", { className: "typography-small text-muted-foreground max-w-sm", children: slow
+                    ? "Still comparing — this can take up to a minute on a large scope."
+                    : "This usually takes a few seconds." })] }));
+}
+export function ConsolidationClusterReview(props) {
+    const { cluster, label, description, onLabelChange, onDescriptionChange } = props;
+    const copy = reviewCopyFor(cluster.kind);
+    const audienceNote = mergedAudienceNote(cluster.memories);
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx("p", { className: "typography-small-medium text-default-foreground", children: copy.intro }), _jsx("p", { className: "typography-small text-muted-foreground", children: cluster.reason }), audienceNote && _jsx("p", { className: "typography-small text-warning-foreground", children: audienceNote }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("span", { className: "typography-small-medium", children: ["These ", cluster.memories.length, " memories will be replaced by one:"] }), cluster.memories.map((memory) => (_jsxs("div", { className: "rounded-lg border border-muted-border p-3", children: [_jsx("div", { className: "typography-caption-medium text-default-foreground", children: memory.label }), _jsx("div", { className: "typography-small text-muted-foreground", children: memory.description })] }, memory.iri)))] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "typography-small-medium", children: copy.labelField }), _jsx(Input, { value: label, onChange: (e) => onLabelChange(e.target.value) })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "typography-small-medium", children: copy.descriptionField }), _jsx(Textarea, { rows: 3, value: description, onChange: (e) => onDescriptionChange(e.target.value) })] })] }));
+}
+function clusterKey(cluster) {
+    return cluster ? cluster.memories.map((m) => m.iri).join("|") : "";
+}
+export function ConsolidationReviewDialog(props) {
+    const { open, clusters, isLoading, isSaving, candidateCount, comparedCount, timedOut, errorMessage, onMerge, onClose, } = props;
+    const [index, setIndex] = useState(0);
+    const [draft, setDraft] = useState({ key: "", label: "", description: "" });
+    const current = clusters[index];
+    const copy = reviewCopyFor(current?.kind);
+    const currentKey = clusterKey(current);
+    const coverageNote = consolidationCoverageNote(comparedCount, candidateCount, !isPresent(errorMessage));
+    useEffect(() => {
+        if (open)
+            setIndex(0);
+    }, [open]);
+    if (draft.key !== currentKey) {
+        setDraft({
+            key: currentKey,
+            label: current?.suggestedLabel ?? "",
+            description: current?.suggestedDescription ?? "",
+        });
+    }
+    const { label, description } = draft;
+    const setLabel = useCallback((value) => setDraft((d) => ({ ...d, label: value })), []);
+    const setDescription = useCallback((value) => setDraft((d) => ({ ...d, description: value })), []);
+    const handleMerge = useCallback(() => {
+        if (!current)
+            return;
+        onMerge({
+            memoryIris: current.memories.map((m) => m.iri),
+            label: label.trim(),
+            description: description.trim(),
+            kind: current.kind ?? "duplicate",
+        });
+    }, [current, label, description, onMerge]);
+    const handleSkip = useCallback(() => setIndex((i) => Math.min(i + 1, clusters.length)), [clusters.length]);
+    return (_jsx(Dialog, { open: open, onOpenChange: (next) => !next && onClose(), children: _jsxs(DialogContent, { className: "max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { text: reviewDialogTitle }), _jsx(DialogDescription, { children: consolidationSummary(clusters.length, index, isLoading, timedOut, isPresent(errorMessage)) })] }), errorMessage && _jsx("p", { className: "typography-small text-error-foreground", children: errorMessage }), isLoading && _jsx(ConsolidationProgress, { candidateCount: candidateCount }), !isLoading && coverageNote && _jsx("p", { className: "typography-small text-muted-foreground", children: coverageNote }), !isLoading && current && (_jsx(ConsolidationClusterReview, { cluster: current, label: label, description: description, onLabelChange: setLabel, onDescriptionChange: setDescription })), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "ghost", onClick: onClose, children: "Close" }), !isLoading && current && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "secondary", onClick: handleSkip, disabled: isSaving, children: "Skip" }), _jsx(Button, { onClick: handleMerge, disabled: isSaving || !isPresent(label.trim()), children: isSaving ? "Saving…" : `${copy.confirm} (${current.memories.length})` })] }))] })] }) }));
+}

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

@@ -0,0 +1,18 @@
+export type MemoriesEmptyStateProps = {
+    isOperator?: boolean;
+    onAdd: () => void;
+};
+export declare function MemoriesEmptyState(props: MemoriesEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+type CompanyMemoriesEmptyStateProps = {
+    onAdd: () => void;
+    onSetUp: () => void;
+};
+export declare function CompanyMemoriesEmptyState(props: CompanyMemoriesEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function CapturedMemoriesEmptyState(): import("react/jsx-runtime").JSX.Element;
+export type GroupMemoriesEmptyStateProps = {
+    isOperator?: boolean;
+    onAdd?: () => void;
+};
+export declare function GroupMemoriesEmptyState(props: GroupMemoriesEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EmptyStates.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStates.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/EmptyStates.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,uBAAuB,GAAG;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAchE;AAED,KAAK,8BAA8B,GAAG;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,2CAmB9E;AAED,wBAAgB,0BAA0B,4CAYzC;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAoB1E"}

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Brain, Building2, MessageSquare, Plus, Users } from "lucide-react";
+import { Link } from "react-router";
+import { Button } from "#components/button/index";
+import { EmptyState } from "#components/empty-state/index";
+export function MemoriesEmptyState(props) {
+    const { onAdd } = props;
+    return (_jsx(EmptyState, { icon: Brain, title: "No memories yet", description: "Memories help Manta personalize every conversation. Add facts, preferences, or objectives you want Manta to always keep in mind.", children: _jsx(Button, { onClick: onAdd, icon: Plus, children: "Add memory" }) }));
+}
+export function CompanyMemoriesEmptyState(props) {
+    const { onAdd, onSetUp } = props;
+    return (_jsx(EmptyState, { icon: Building2, title: "No company memories yet", description: "Add shared context that Manta uses for everyone in the company.", children: _jsxs("div", { className: "flex w-full flex-col gap-2 sm:w-auto sm:flex-row", children: [_jsx(Button, { className: "w-full sm:w-auto", onClick: onSetUp, children: "Set up with guided questions" }), _jsx(Button, { className: "w-full sm:w-auto", variant: "ghost", onClick: onAdd, icon: Plus, children: "Add manually" })] }) }));
+}
+export function CapturedMemoriesEmptyState() {
+    return (_jsx(EmptyState, { icon: MessageSquare, title: "No captured memories yet", description: "Manta captures useful context from your conversations automatically. Start chatting and memories will appear here.", children: _jsx(Button, { asChild: true, children: _jsx(Link, { to: "/", children: "Start chatting" }) }) }));
+}
+export function GroupMemoriesEmptyState(props) {
+    const { isOperator, onAdd } = props;
+    return (_jsx(EmptyState, { icon: Users, title: "No team memories yet", description: isOperator
+            ? "Add shared context that Manta uses for specific teams in the company."
+            : "Your team hasn't added any shared memories yet.", children: onAdd && (_jsx(Button, { onClick: onAdd, icon: Plus, children: "Add team memory" })) }));
+}

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

@@ -0,0 +1,11 @@
+export type ImportanceSliderProps = {
+    value: number;
+    onChange: (v: number) => void;
+    className?: string;
+};
+export declare function ImportanceSlider(props: ImportanceSliderProps): import("react/jsx-runtime").JSX.Element;
+export type ImportanceIconProps = {
+    value: number;
+};
+export declare function ImportanceIcon(props: ImportanceIconProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ImportanceSlider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportanceSlider.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/ImportanceSlider.tsx"],"names":[],"mappings":"AAqBA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAyC5D;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kDAYxD"}

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronDown, ChevronUp, ChevronsUp, Equal, Minus } from "lucide-react";
+import { Slider } from "#components/slider/index";
+import { cn } from "#lib/utils";
+const importanceSteps = [1, 2, 3, 4, 5];
+const importanceConfig = {
+    1: { icon: Minus, className: "text-muted-foreground/50", label: "Disabled" },
+    2: { icon: ChevronDown, className: "text-muted-foreground", label: "Low" },
+    3: { icon: Equal, className: "text-default-foreground/60", label: "Medium" },
+    4: { icon: ChevronUp, className: "text-warning-foreground", label: "High" },
+    5: { icon: ChevronsUp, className: "text-error-foreground", label: "Critical" },
+};
+export function ImportanceSlider(props) {
+    const { value, onChange, className } = props;
+    return (_jsxs("div", { className: cn("flex flex-col gap-2 w-full", className), onClick: (e) => e.stopPropagation(), children: [_jsx(Slider, { min: 1, max: 5, step: 1, value: [value], onValueChange: (vals) => {
+                    const v = vals[0];
+                    if (isPresent(v))
+                        onChange(v);
+                }, className: "w-full", "aria-label": "Importance" }), _jsx("div", { className: "flex justify-between px-2", children: importanceSteps.map((step) => (_jsx("div", { className: cn("w-0 overflow-visible flex", step === 1 ? "justify-start" : step === 5 ? "justify-end" : "justify-center"), children: _jsx("span", { onClick: () => onChange(step), className: cn("whitespace-nowrap cursor-pointer select-none", step === value
+                            ? "typography-tiny-medium text-default-foreground"
+                            : "typography-tiny text-muted-foreground hover:text-default-foreground"), children: importanceConfig[step]?.label }) }, step))) })] }));
+}
+export function ImportanceIcon(props) {
+    const { value } = props;
+    const config = importanceConfig[value];
+    if (!config)
+        return null;
+    const Icon = config.icon;
+    return (_jsxs("div", { className: cn("inline-flex items-center gap-1", config.className), "aria-label": `Importance: ${config.label}`, children: [_jsx(Icon, { className: "size-4 shrink-0" }), _jsx("span", { className: "typography-small", children: config.label })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LiveContextTab.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/LiveContextTab.tsx"],"names":[],"mappings":"AAQA,KAAK,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA4CxD"}

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { humanPlural } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronRight, Layers, TriangleAlert } from "lucide-react";
+import { useLiveContext } from "../hooks/useLiveContext.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "#components/collapsible/index";
+import { EmptyState } from "#components/empty-state/index";
+import { Skeleton } from "#components/skeleton/index";
+export function LiveContextTab(props) {
+    const { query = "" } = props;
+    const { data: groups, isLoading, error } = useLiveContext();
+    if (isLoading) {
+        return _jsx(LiveContextSkeleton, {});
+    }
+    if (error) {
+        return (_jsx(EmptyState, { icon: TriangleAlert, iconClassName: "text-error-foreground", title: "Failed to load Live Context", description: error instanceof Error ? error.message : "An unexpected error occurred." }));
+    }
+    if (!isPresent(groups)) {
+        return (_jsx(EmptyState, { icon: Layers, title: "No Live Context yet", description: 'Live Context surfaces high-importance company memories and facts. Add company memories with importance "high" or "critical" to see them here.' }));
+    }
+    const parsedQuery = String(query).trim().toLowerCase();
+    const filtered = isPresent(parsedQuery)
+        ? groups.filter((g) => g.typeLabel.toLowerCase().includes(parsedQuery))
+        : groups;
+    return (_jsxs("div", { className: "flex flex-col gap-6 max-w-3xl mx-auto", children: [!isPresent(filtered) && (_jsx(EmptyState, { icon: Layers, title: "No groups match", description: `No groups found for "${query}".` })), filtered.map((group) => (_jsx(EntityGroupSection, { group: group }, group.type)))] }));
+}
+function EntityGroupSection(props) {
+    const { group } = props;
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "typography-small-medium text-default-foreground", children: group.typeLabel }), _jsx("span", { className: "inline-flex items-center rounded-full px-2 py-0.5 typography-tiny bg-faint text-muted-foreground", children: group.entities.length }), _jsx("span", { className: "typography-tiny text-muted-foreground font-mono", children: group.type })] }), _jsx("div", { className: "flex flex-col rounded-xl border border-muted-border bg-card overflow-hidden divide-y divide-muted-border", children: group.entities.map((entity) => (_jsx(EntityCard, { compactedIri: entity.compactedIri, properties: entity.properties }, entity.iri))) })] }));
+}
+function EntityCard(props) {
+    const { compactedIri, properties } = 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 font-mono text-default-foreground truncate", children: compactedIri }), _jsxs("span", { className: "ml-auto shrink-0 typography-tiny text-muted-foreground", children: [properties.length, " ", humanPlural("property", properties.length)] })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "border-t border-muted-border", children: _jsx("table", { className: "w-full text-left", children: _jsx("tbody", { children: properties.map((prop) => (_jsxs("tr", { className: "border-b border-muted-border last:border-0", children: [_jsx("td", { className: "px-4 py-2 align-top w-52 shrink-0", children: _jsx("span", { className: "typography-tiny font-mono text-muted-foreground", children: prop.predicate }) }), _jsx("td", { className: "px-4 py-2 align-top break-all", children: _jsx("span", { className: `typography-small ${prop.isUri ? "text-accent-foreground font-mono" : "text-default-foreground"}`, children: prop.value }) })] }, prop.predicate))) }) }) }) })] }));
+}
+function LiveContextSkeleton() {
+    return (_jsx("div", { className: "flex flex-col gap-6 max-w-3xl mx-auto", children: Array.from({ length: 3 }, (_, i) => (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-32 rounded-md" }), _jsx(Skeleton, { className: "h-4 w-6 rounded-full" })] }), _jsx("div", { className: "rounded-xl border border-muted-border overflow-hidden", children: Array.from({ length: i + 1 }, (_, j) => (_jsxs("div", { className: "flex items-center gap-2 px-4 py-3 border-b border-muted-border last:border-0", children: [_jsx(Skeleton, { className: "size-3.5 rounded-sm" }), _jsx(Skeleton, { className: "h-4 flex-1 rounded-md" })] }, `lc-skel-entity-${i}-${j}`))) })] }, `lc-skel-group-${i}`))) }));
+}

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

@@ -0,0 +1,2 @@
+export declare function LoadingSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadingSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/LoadingSkeleton.tsx"],"names":[],"mappings":"AAKA,wBAAgB,eAAe,4CAqB9B"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "#components/skeleton/index";
+import { TableSkeleton } from "#components/table-skeleton/index";
+const gridColsClassName = "grid-cols-[16fr_24fr_11fr_9fr_7fr_10fr_9fr_10fr_4fr]";
+export function LoadingSkeleton() {
+    return (_jsx(TableSkeleton, { gridColsClassName: gridColsClassName, headerColumnCount: 9, rows: 5, renderRow: () => (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-4 w-3/4 rounded-md" }), _jsx(Skeleton, { className: "h-4 w-5/6 rounded-md" }), _jsx(Skeleton, { className: "h-5 w-3/4 rounded-full" }), _jsx(Skeleton, { className: "h-5 w-2/3 rounded-full" }), _jsx(Skeleton, { className: "size-5 rounded-md" }), _jsx(Skeleton, { className: "h-4 w-3/4 rounded-md" }), _jsx(Skeleton, { className: "h-4 w-2/3 rounded-md" }), _jsx(Skeleton, { className: "h-4 w-3/4 rounded-md" }), _jsx(Skeleton, { className: "size-4 rounded-md" })] })) }));
+}

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

@@ -0,0 +1,31 @@
+import { GQLMemoryKind, type 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";
+export type KindFilter = "ALL" | GQLMemoryKind;
+export type SchemaFilter = "ALL" | "NONE" | string;
+export declare const kindFilterOptions: {
+    id: KindFilter;
+    label: string;
+}[];
+type MemoriesFiltersProps<TData> = {
+    tabs?: ReactNode;
+    kindFilter: KindFilter;
+    onKindFilterChange: (kind: KindFilter) => void;
+    searchQuery: string;
+    onSearchQueryChange: (query: string) => void;
+    importanceFilter: ImportanceFilter;
+    onImportanceFilterChange: (importance: ImportanceFilter) => void;
+    table: Table<TData>;
+    columnLabels?: Record<string, string>;
+    columnDefaultOrder?: string[];
+    schemas?: GQLMemorySchema[];
+    schemaFilter?: SchemaFilter;
+    onSchemaFilterChange?: (iri: SchemaFilter) => void;
+    statusFilters?: Record<StatusFilterKey, boolean>;
+    onStatusFilterChange?: (key: StatusFilterKey, value: boolean) => void;
+    visibleStatusFilters?: StatusFilterKey[];
+};
+export declare function MemoriesFilters<TData>(props: MemoriesFiltersProps<TData>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MemoriesFilters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MemoriesFilters.d.ts","sourceRoot":"","sources":["../../../../src/routes/memories/components/MemoriesFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAuBjF,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,aAAa,CAAC;AAC/C,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AA2BnD,eAAO,MAAM,iBAAiB,EAAE;IAAE,EAAE,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAMhE,CAAC;AAWF,KAAK,oBAAoB,CAAC,KAAK,IAAI;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,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,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,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,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,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC,2CAkTxE"}

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