@manta-eu/react 0.1.0

package/dist/routes/data-explorer/components/ExplorerEmptyState.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Database } from "lucide-react";
+export function ExplorerEmptyState() {
+    return (_jsxs("div", { className: "flex flex-col items-start gap-3 pt-10", children: [_jsx("span", { className: "flex size-10 items-center justify-center rounded-lg bg-accent-foreground/15", children: _jsx(Database, { className: "size-5 text-accent-foreground" }) }), _jsx("h2", { className: "typography-header text-default-foreground", children: "Browse the knowledge graph" }), _jsx("p", { className: "typography-body max-w-prose text-muted-foreground", children: "Pick a type to see what it means, which fields it carries, and the records that exist for it. Types and definitions come from the ontology; a missing description means the ontology has a gap worth authoring." })] }));
+}

package/dist/routes/data-explorer/components/FamilySection.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+type FamilySectionProps = {
+    title: string;
+    count: number;
+    forceOpen?: boolean;
+    children: ReactNode;
+};
+export declare function FamilySection(props: FamilySectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FamilySection.d.ts.map

package/dist/routes/data-explorer/components/FamilySection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FamilySection.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/FamilySection.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjD,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAiBtD"}

package/dist/routes/data-explorer/components/FamilySection.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "lucide-react";
+import { useState } from "react";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "#components/collapsible/index";
+import { cn } from "#lib/utils";
+export function FamilySection(props) {
+    const { title, count, forceOpen = false, children } = props;
+    const [open, setOpen] = useState(false);
+    const isOpen = forceOpen || open;
+    return (_jsxs(Collapsible, { open: isOpen, onOpenChange: (next) => forceOpen || setOpen(next), children: [_jsxs(CollapsibleTrigger, { className: "flex w-full items-center gap-2 rounded-md px-2 py-2 text-left outline-none transition-colors hover:bg-muted/60 focus-visible:ring-2 focus-visible:ring-active-border/50", children: [_jsx(ChevronRight, { className: cn("size-4 text-muted-foreground/60 transition-transform", isOpen && "rotate-90") }), _jsx("span", { className: "typography-small-medium flex-1 text-default-foreground", children: title }), _jsx("span", { className: "typography-tiny tabular-nums text-muted-foreground", children: count })] }), _jsx(CollapsibleContent, { className: "pl-8", children: children })] }));
+}

package/dist/routes/data-explorer/components/LoadMoreButton.d.ts

@@ -0,0 +1,8 @@
+type LoadMoreButtonProps = {
+    hasMore: boolean;
+    isLoading: boolean;
+    onClick: () => void;
+};
+export declare function LoadMoreButton(props: LoadMoreButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=LoadMoreButton.d.ts.map

package/dist/routes/data-explorer/components/LoadMoreButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreButton.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/LoadMoreButton.tsx"],"names":[],"mappings":"AAEA,KAAK,mBAAmB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEzF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kDAUxD"}

package/dist/routes/data-explorer/components/LoadMoreButton.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "#components/button/index";
+export function LoadMoreButton(props) {
+    const { hasMore, isLoading, onClick } = props;
+    if (!hasMore)
+        return null;
+    return (_jsx(Button, { variant: "secondary", size: "sm", className: "w-fit", onClick: onClick, isLoading: isLoading, children: "Load more" }));
+}

package/dist/routes/data-explorer/components/ModifiedAgo.d.ts

@@ -0,0 +1,7 @@
+type ModifiedAgoProps = {
+    modified: string;
+    className?: string;
+};
+export declare function ModifiedAgo(props: ModifiedAgoProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ModifiedAgo.d.ts.map

package/dist/routes/data-explorer/components/ModifiedAgo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModifiedAgo.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/ModifiedAgo.tsx"],"names":[],"mappings":"AAGA,KAAK,gBAAgB,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjE,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kDAgBlD"}

package/dist/routes/data-explorer/components/ModifiedAgo.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { modifiedLabels } from "../recents.js";
+import { cn } from "#lib/utils";
+export function ModifiedAgo(props) {
+    const { modified, className } = props;
+    const labels = modifiedLabels(modified);
+    if (!labels)
+        return null;
+    return (_jsx("time", { dateTime: modified, title: labels.absolute, className: cn("typography-tiny shrink-0 whitespace-nowrap text-muted-foreground", className), children: labels.relative }));
+}

package/dist/routes/data-explorer/components/NamespaceGroupRow.d.ts

@@ -0,0 +1,9 @@
+import type { ClassGroup } from "../classes.js";
+type NamespaceGroupRowProps = {
+    group: ClassGroup;
+    isCurrent: boolean;
+    isOpen: boolean;
+};
+export declare function NamespaceGroupRow(props: NamespaceGroupRowProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NamespaceGroupRow.d.ts.map

package/dist/routes/data-explorer/components/NamespaceGroupRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NamespaceGroupRow.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/NamespaceGroupRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAQ7C,KAAK,sBAAsB,GAAG;IAAE,KAAK,EAAE,UAAU,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC;AAEzF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAkC9D"}

package/dist/routes/data-explorer/components/NamespaceGroupRow.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "lucide-react";
+import { Link } from "react-router";
+import { namespacePath } from "../namespaces.js";
+import { NamespaceSwatch } from "./NamespaceSwatch.js";
+import { RailSelectionMarker } from "./RailSelectionMarker.js";
+import { railCountClass, railDisclosureClass, railRowClass, railRowLinkClass } from "./railStyles.js";
+import { CollapsibleTrigger } from "#components/collapsible/index";
+import { cn } from "#lib/utils";
+export function NamespaceGroupRow(props) {
+    const { group, isCurrent, isOpen } = props;
+    return (_jsxs("div", { className: cn(railRowClass(isCurrent), "px-1"), children: [isCurrent && _jsx(RailSelectionMarker, {}), _jsx(CollapsibleTrigger, { "aria-label": `${isOpen ? "Collapse" : "Expand"} ${group.label}`, className: railDisclosureClass, children: _jsx(ChevronRight, { className: cn("size-4 text-muted-foreground/60 transition-transform", isOpen && "rotate-90") }) }), _jsxs(Link, { to: namespacePath(group.group), "aria-current": isCurrent ? "page" : undefined, className: cn(railRowLinkClass, "pl-1.5"), children: [_jsx(NamespaceSwatch, { name: group.group }), _jsx("span", { className: cn("typography-small-medium min-w-0 flex-1 truncate capitalize", isCurrent ? "text-accent-foreground" : "text-default-foreground"), children: group.label }), _jsx("span", { className: railCountClass(isCurrent), children: group.classCount })] })] }));
+}

package/dist/routes/data-explorer/components/NamespaceSwatch.d.ts

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

package/dist/routes/data-explorer/components/NamespaceSwatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NamespaceSwatch.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/NamespaceSwatch.tsx"],"names":[],"mappings":"AAEA,KAAK,oBAAoB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7C,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAS1D"}

package/dist/routes/data-explorer/components/NamespaceSwatch.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { generateHexColorBasedOnName } from "@manta-eu/lib/color";
+export function NamespaceSwatch(props) {
+    const { name } = props;
+    return (_jsx("span", { className: "size-2 shrink-0 rounded-[3px]", style: { backgroundColor: generateHexColorBasedOnName(name).color } }));
+}

package/dist/routes/data-explorer/components/Rail.d.ts

@@ -0,0 +1,8 @@
+import { type RailState } from "../hooks/useRailState.js";
+type RailProps = {
+    state: RailState;
+    className?: string;
+};
+export declare function Rail(props: RailProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Rail.d.ts.map

package/dist/routes/data-explorer/components/Rail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rail.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/Rail.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAWvD,KAAK,SAAS,GAAG;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1D,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,2CA8FpC"}

package/dist/routes/data-explorer/components/Rail.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { Clock, Gauge } from "lucide-react";
+import { useEffect, useMemo, useRef } from "react";
+import { useMatch } from "react-router";
+import { buildClassGroups, useExplorerClasses, useInstanceCounts, useSubclassEdges } from "../classes.js";
+import { coveragePath, explorerPath, isNamespaceSegment, prefixForIri, recentPath, groupKeyFor } from "../namespaces.js";
+import { ClassTreeNodes } from "./ClassTreeNodes.js";
+import { NamespaceGroupRow } from "./NamespaceGroupRow.js";
+import { RailLink } from "./RailLink.js";
+import { LoadingRows } from "./RawTriples.js";
+import { useSelectedClassIri } from "./SelectionProvider.js";
+import { Collapsible, CollapsibleContent } from "#components/collapsible/index";
+import { SearchInput } from "#components/input/index";
+import { cn } from "#lib/utils";
+export function Rail(props) {
+    const { state, className } = props;
+    const { filter, setFilter, openByGroup, setGroupOpen, collapsedNodes, toggleNode } = state;
+    const { classes, isLoading, error } = useExplorerClasses();
+    const { counts } = useInstanceCounts();
+    const parentByChild = useSubclassEdges();
+    const selectedClassIri = useSelectedClassIri();
+    const namespaceMatch = useMatch(`${explorerPath}/:prefix`);
+    const routePrefix = isNamespaceSegment(namespaceMatch?.params.prefix) ? namespaceMatch?.params.prefix : undefined;
+    const listRef = useRef(null);
+    const selectedPrefix = (selectedClassIri ? prefixForIri(selectedClassIri) : undefined) ?? routePrefix;
+    const selectedGroup = selectedPrefix ? groupKeyFor(selectedPrefix) : undefined;
+    const isFiltering = isPresent(filter);
+    const groups = useMemo(() => buildClassGroups(classes, filter, counts, parentByChild), [classes, filter, counts, parentByChild]);
+    const selectedAncestors = useMemo(() => {
+        const ancestors = new Set();
+        let current = selectedClassIri ? parentByChild.get(selectedClassIri)?.[0] : undefined;
+        while (current && !ancestors.has(current)) {
+            ancestors.add(current);
+            current = parentByChild.get(current)?.[0];
+        }
+        return ancestors;
+    }, [selectedClassIri, parentByChild]);
+    useEffect(() => {
+        if (!selectedClassIri || isFiltering)
+            return;
+        listRef.current?.querySelector('[data-selected="true"]')?.scrollIntoView({ block: "nearest" });
+    }, [selectedClassIri, isFiltering, groups]);
+    return (_jsxs("div", { className: cn("min-h-0 flex-col bg-muted/20", className), children: [_jsxs("div", { className: "flex flex-col gap-2 p-3", children: [_jsx(SearchInput, { placeholder: "Filter types\u2026", value: filter, onChange: (e) => setFilter(e.target.value) }), _jsx(RailLink, { to: recentPath, icon: Clock, label: "Recently modified" }), _jsx(RailLink, { to: coveragePath, icon: Gauge, label: "Ontology coverage" })] }), _jsxs("div", { ref: listRef, className: "min-h-0 flex-1 overflow-y-auto px-2 pb-4", children: [isLoading && (_jsx("div", { className: "px-3 py-2", children: _jsx(LoadingRows, { rows: 8 }) })), error && _jsx("p", { className: "typography-small px-3 py-2 text-muted-foreground", children: "Failed to load the ontology." }), groups.map((group) => {
+                        const holdsSelection = group.group === selectedGroup;
+                        const isCurrentNamespace = holdsSelection && isPresent(routePrefix);
+                        const isOpen = isFiltering || (openByGroup.get(group.group) ?? holdsSelection);
+                        return (_jsxs(Collapsible, { open: isOpen, onOpenChange: (open) => isFiltering || setGroupOpen(group.group, open), className: "mb-1", children: [_jsx(NamespaceGroupRow, { group: group, isCurrent: isCurrentNamespace, isOpen: isOpen }), _jsx(CollapsibleContent, { children: _jsx(ClassTreeNodes, { nodes: group.tree, depth: 0, counts: counts, collapsed: collapsedNodes, forceOpen: isFiltering, onToggle: toggleNode, selectedClassIri: selectedClassIri, selectedAncestors: selectedAncestors }) })] }, group.group));
+                    }), !isLoading && !error && !isPresent(groups) && (_jsx("p", { className: "typography-small px-3 py-2 text-muted-foreground", children: "No types match your filter." }))] })] }));
+}

package/dist/routes/data-explorer/components/RailLink.d.ts

@@ -0,0 +1,9 @@
+import type { LucideIcon } from "lucide-react";
+type RailLinkProps = {
+    to: string;
+    icon: LucideIcon;
+    label: string;
+};
+export declare function RailLink(props: RailLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RailLink.d.ts.map

package/dist/routes/data-explorer/components/RailLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RailLink.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/RailLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM/C,KAAK,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAErE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAuB5C"}

package/dist/routes/data-explorer/components/RailLink.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, useLocation } from "react-router";
+import { RailSelectionMarker } from "./RailSelectionMarker.js";
+import { railFocusClass, railRowClass } from "./railStyles.js";
+import { cn } from "#lib/utils";
+export function RailLink(props) {
+    const { to, icon: Icon, label } = props;
+    const { pathname } = useLocation();
+    const isSelected = pathname === to;
+    return (_jsxs(Link, { to: to, "aria-current": isSelected ? "page" : undefined, className: cn(railRowClass(isSelected), "gap-2 px-2.5 py-1.5", railFocusClass), children: [isSelected && _jsx(RailSelectionMarker, {}), _jsx(Icon, { className: cn("size-4", isSelected ? "text-accent-foreground" : "text-muted-foreground/60") }), _jsx("span", { className: cn("typography-small-medium", isSelected ? "text-accent-foreground" : "text-default-foreground"), children: label })] }));
+}

package/dist/routes/data-explorer/components/RailSelectionMarker.d.ts

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

package/dist/routes/data-explorer/components/RailSelectionMarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RailSelectionMarker.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/RailSelectionMarker.tsx"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,4CAElC"}

package/dist/routes/data-explorer/components/RailSelectionMarker.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function RailSelectionMarker() {
+    return _jsx("span", { className: "absolute inset-y-1 left-0 w-0.5 rounded-r-full bg-active-border" });
+}

package/dist/routes/data-explorer/components/RailSheet.d.ts

@@ -0,0 +1,7 @@
+import { type RailState } from "../hooks/useRailState.js";
+type RailSheetProps = {
+    state: RailState;
+};
+export declare function RailSheet(props: RailSheetProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RailSheet.d.ts.map

package/dist/routes/data-explorer/components/RailSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RailSheet.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/RailSheet.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAKvD,KAAK,cAAc,GAAG;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,CAAC;AAE3C,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAsB9C"}

package/dist/routes/data-explorer/components/RailSheet.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ListTree } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useLocation } from "react-router";
+import { Rail } from "./Rail.js";
+import { Button } from "#components/button/index";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from "#components/sheet/index";
+export function RailSheet(props) {
+    const { state } = props;
+    const [open, setOpen] = useState(false);
+    const { pathname } = useLocation();
+    useEffect(() => setOpen(false), [pathname]);
+    return (_jsxs(Sheet, { open: open, onOpenChange: setOpen, children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { className: "md:hidden", variant: "tertiary", size: "base", rounded: "lg", icon: ListTree, label: "Types" }) }), _jsxs(SheetContent, { side: "left", className: "w-[85vw] max-w-sm p-0", children: [_jsxs(SheetHeader, { className: "sr-only", children: [_jsx(SheetTitle, { text: "Browse types" }), _jsx(SheetDescription, { children: "Filter and pick a type from the ontology." })] }), _jsx(Rail, { state: state, className: "flex h-full w-full" })] })] }));
+}

package/dist/routes/data-explorer/components/RawTriples.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from "react";
+export declare const rawBlockClass = "typography-tiny whitespace-pre-wrap wrap-break-word rounded-sm border border-muted-border bg-muted/30 p-4 font-mono leading-relaxed text-default-foreground";
+type StatusTextProps = {
+    children: ReactNode;
+    className?: string;
+    role?: string;
+};
+export declare function StatusText(props: StatusTextProps): import("react/jsx-runtime").JSX.Element;
+type LoadingRowsProps = {
+    rows?: number;
+};
+export declare function LoadingRows(props: LoadingRowsProps): import("react/jsx-runtime").JSX.Element;
+type LinkListProps = {
+    children: ReactNode;
+    isStale?: boolean;
+};
+export declare function LinkList(props: LinkListProps): import("react/jsx-runtime").JSX.Element;
+type LinkRowProps = {
+    to: string;
+    children: ReactNode;
+};
+export declare function LinkRow(props: LinkRowProps): import("react/jsx-runtime").JSX.Element;
+type EntityNameProps = {
+    iri: string;
+};
+export declare const entityNameClass = "typography-small-medium block min-w-0 flex-1 truncate text-default-foreground";
+export declare function EntityName(props: EntityNameProps): import("react/jsx-runtime").JSX.Element;
+type RawTriplesProps = {
+    subjectIri: string | undefined;
+    graphIri?: string;
+};
+export declare function RawTriples(props: RawTriplesProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RawTriples.d.ts.map

package/dist/routes/data-explorer/components/RawTriples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawTriples.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/RawTriples.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,eAAO,MAAM,aAAa,gKACqI,CAAC;AAEhK,KAAK,eAAe,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAElF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAQhD;AAED,KAAK,gBAAgB,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1C,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAalD;AAED,KAAK,aAAa,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEhE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAa5C;AAED,KAAK,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAExD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAY1C;AAED,KAAK,eAAe,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvC,eAAO,MAAM,eAAe,kFAAkF,CAAC;AAQ/G,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAUhD;AAED,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAYhD"}

package/dist/routes/data-explorer/components/RawTriples.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { humanizeEntityName } from "@manta-eu/client/shared/agent-mode";
+import { iriLocalName } from "@manta-eu/client/shared/rdf-namespaces";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronRight } from "lucide-react";
+import { times } from "ramda";
+import { Link } from "react-router";
+import { useTriples } from "../triples.js";
+import { turtleForSubject } from "../turtle.js";
+import { TruncateTooltip } from "./TruncateTooltip.js";
+import { Skeleton } from "#components/skeleton/index";
+import { decodeSkolem, isBlankNode, useInstanceLabel } from "#ldo-ui";
+import { cn } from "#lib/utils";
+export const rawBlockClass = "typography-tiny whitespace-pre-wrap wrap-break-word rounded-sm border border-muted-border bg-muted/30 p-4 font-mono leading-relaxed text-default-foreground";
+export function StatusText(props) {
+    const { children, className, role } = props;
+    return (_jsx("p", { role: role, className: cn("typography-body text-muted-foreground", className), children: children }));
+}
+export function LoadingRows(props) {
+    const { rows = 3 } = props;
+    return (_jsx("div", { className: "flex flex-col gap-3", children: times((index) => (_jsx(Skeleton, { className: "h-5 w-full max-w-xl" }, index)), rows) }));
+}
+export function LinkList(props) {
+    const { children, isStale } = props;
+    return (_jsx("div", { className: cn("divide-y divide-muted-border/50 overflow-hidden rounded-xl border border-muted-border", isStale && "opacity-50"), children: children }));
+}
+export function LinkRow(props) {
+    const { to, children } = props;
+    return (_jsxs(Link, { to: to, className: "flex items-center gap-3 px-4 py-3 outline-none transition-colors hover:bg-muted/50 focus-visible:ring-2 focus-visible:ring-active-border/50", children: [children, _jsx(ChevronRight, { className: "size-4 shrink-0 text-muted-foreground/40" })] }));
+}
+export const entityNameClass = "typography-small-medium block min-w-0 flex-1 truncate text-default-foreground";
+function blankNodeLabel(iri) {
+    const parts = decodeSkolem(iri);
+    return parts ? parts.map((part) => part.value).join(" · ") : "Blank node";
+}
+export function EntityName(props) {
+    const { iri } = props;
+    const label = useInstanceLabel(iri);
+    if (isBlankNode(iri))
+        return _jsx(TruncateTooltip, { text: blankNodeLabel(iri), className: entityNameClass });
+    if (label === undefined)
+        return _jsx(Skeleton, { className: "h-4 w-40" });
+    return _jsx(TruncateTooltip, { text: label ?? humanizeEntityName(iriLocalName(iri)), className: entityNameClass });
+}
+export function RawTriples(props) {
+    const { subjectIri, graphIri } = props;
+    const { triples, isLoading, error } = useTriples(subjectIri, graphIri);
+    if (isLoading)
+        return _jsx(LoadingRows, {});
+    if (error)
+        return _jsx(StatusText, { className: "typography-small", children: "Failed to load triples." });
+    if (!subjectIri || !isPresent(triples))
+        return _jsx(StatusText, { className: "typography-small", children: "No triples." });
+    return _jsx("pre", { className: rawBlockClass, children: turtleForSubject(subjectIri, triples) });
+}

package/dist/routes/data-explorer/components/RecentTypes.d.ts

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

package/dist/routes/data-explorer/components/RecentTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentTypes.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/RecentTypes.tsx"],"names":[],"mappings":"AA4GA,wBAAgB,WAAW,4CA6B1B"}

package/dist/routes/data-explorer/components/RecentTypes.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { generateHexColorBasedOnName } from "@manta-eu/lib/color";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronRight } from "lucide-react";
+import { useState } from "react";
+import { Link } from "react-router";
+import { entityPath, explorerCrumb } from "../namespaces.js";
+import { recentInstancesLimit, recentTypesLimit, useRecentInstances, useRecentTypes, } from "../recents.js";
+import { Breadcrumbs } from "./Breadcrumbs.js";
+import { DetailHeader, TypeBadge } from "./DetailHeader.js";
+import { ModifiedAgo } from "./ModifiedAgo.js";
+import { EntityName, LinkList, LinkRow, LoadingRows, StatusText } from "./RawTriples.js";
+import { TruncateTooltip } from "./TruncateTooltip.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "#components/collapsible/index";
+import { cn } from "#lib/utils";
+function RecentInstanceRows(props) {
+    const { recentType } = props;
+    const { instances, isLoading, error } = useRecentInstances(recentType.iri);
+    if (isLoading) {
+        return (_jsx("div", { className: "px-4 py-3", children: _jsx(LoadingRows, {}) }));
+    }
+    if (error) {
+        return (_jsx("div", { className: "px-4 py-3", children: _jsx(StatusText, { children: "Failed to load records." }) }));
+    }
+    return (_jsxs("div", { className: "divide-y divide-muted-border/30", children: [instances.map((instance) => (_jsxs(LinkRow, { to: entityPath(instance.iri), children: [_jsx(EntityName, { iri: instance.iri }), _jsx(ModifiedAgo, { modified: instance.modified })] }, instance.iri))), recentType.count > recentInstancesLimit && (_jsx(Link, { to: `${recentType.path}?tab=instances`, className: "typography-small block px-4 py-3 text-primary outline-none transition-colors hover:bg-muted/50 focus-visible:ring-2 focus-visible:ring-active-border/50", children: "View all records" }))] }));
+}
+function RecentTypeSection(props) {
+    const { recentType } = props;
+    const [isOpen, setIsOpen] = useState(false);
+    return (_jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: "@container", children: [_jsxs(CollapsibleTrigger, { className: "flex w-full items-center gap-3 px-4 py-3 text-left outline-none transition-colors hover:bg-muted/50 focus-visible:ring-2 focus-visible:ring-active-border/50", children: [_jsx(ChevronRight, { className: cn("size-4 shrink-0 text-muted-foreground/40 transition-transform", isOpen && "rotate-90") }), _jsxs(TypeBadge, { color: generateHexColorBasedOnName(recentType.prefix).color, className: "min-w-0 shrink gap-1 overflow-hidden", children: [_jsx("span", { className: "shrink-0 capitalize", children: recentType.prefix }), _jsx("span", { className: "size-1 shrink-0 rounded-full bg-current opacity-60" }), _jsx(TruncateTooltip, { text: recentType.localName, className: "min-w-0 truncate" })] }), _jsx("span", { className: "min-w-0 flex-1" }), _jsx("span", { className: "typography-tiny shrink-0 whitespace-nowrap tabular-nums text-muted-foreground @max-md:hidden", children: humanCount(recentType.count, "record") }), _jsx(ModifiedAgo, { modified: recentType.modified })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "border-t border-muted-border/50 bg-muted/20 pl-4", children: _jsx(RecentInstanceRows, { recentType: recentType }) }) })] }));
+}
+export function RecentTypes() {
+    const { types, isLoading, error } = useRecentTypes();
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(Breadcrumbs, { trail: [explorerCrumb, { label: "Recent" }] }), _jsx(DetailHeader, { title: "Recently modified" }), _jsxs("p", { className: "typography-small -mt-3 max-w-prose text-muted-foreground", children: ["The ", recentTypesLimit, " types with the newest changes, ranked by schema:dateModified. Expand a type to see its", " ", recentInstancesLimit, " latest records."] }), isLoading && _jsx(LoadingRows, {}), error && _jsx(StatusText, { children: "Failed to load recent changes." }), !isLoading && !error && !isPresent(types) && _jsx(StatusText, { children: "No entries carry schema:dateModified yet." }), isPresent(types) && (_jsx(LinkList, { children: types.map((recentType) => (_jsx(RecentTypeSection, { recentType: recentType }, recentType.iri))) }))] }));
+}

package/dist/routes/data-explorer/components/ScrollableTabsList.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+type ScrollableTabsListProps = {
+    /** Controlled tab value. Omit for uncontrolled tabs, where the active trigger only needs scrolling into view once. */
+    activeValue?: string;
+    children: ReactNode;
+};
+export declare function ScrollableTabsList(props: ScrollableTabsListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ScrollableTabsList.d.ts.map

package/dist/routes/data-explorer/components/ScrollableTabsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableTabsList.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/ScrollableTabsList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,KAAK,uBAAuB,GAAG;IAC7B,sHAAsH;IACtH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAchE"}

package/dist/routes/data-explorer/components/ScrollableTabsList.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { TabsList } from "#components/tabs/index";
+export function ScrollableTabsList(props) {
+    const { activeValue, children } = props;
+    const scrollRef = useRef(null);
+    useEffect(() => {
+        const activeTrigger = scrollRef.current?.querySelector('[data-state="active"]');
+        activeTrigger?.scrollIntoView({ block: "nearest", inline: "nearest" });
+    }, [activeValue]);
+    return (_jsx("div", { ref: scrollRef, className: "scrollbar-hide w-full min-w-0 overflow-x-auto", children: _jsx(TabsList, { className: "w-max", children: children }) }));
+}

package/dist/routes/data-explorer/components/SegmentBuilder.d.ts

@@ -0,0 +1,10 @@
+import { type SegmentFilter } from "../filter-query.js";
+type SegmentBuilderProps = {
+    anchor: string;
+    classIri?: string;
+    filter: SegmentFilter;
+    onChange: (filter: SegmentFilter) => void;
+};
+export declare function SegmentBuilder(props: SegmentBuilderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SegmentBuilder.d.ts.map

package/dist/routes/data-explorer/components/SegmentBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentBuilder.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/SegmentBuilder.tsx"],"names":[],"mappings":"AAIA,OAAO,EASL,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAoCzB,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA6CxD"}

package/dist/routes/data-explorer/components/SegmentBuilder.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { Plus, X } from "lucide-react";
+import { useState } from "react";
+import { propertyDisplayLabel, useFilterableProperties, usePropertyValues } from "../filter-hooks.js";
+import { operatorsForKind, valueFreeOperators, valueInputType, withProperty, } from "../filter-query.js";
+import { Button } from "#components/button/index";
+import { Input } from "#components/input/index";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "#components/select/index";
+import { sectionLabelClass } from "#ldo-ui";
+import { cn } from "#lib/utils";
+const operatorLabels = {
+    contains: "contains",
+    startsWith: "starts with",
+    endsWith: "ends with",
+    equals: "is",
+    oneOf: "is one of",
+    isEmpty: "is empty",
+    isNotEmpty: "is not empty",
+    eq: "equals",
+    neq: "not equal",
+    gt: "greater than",
+    gte: "at least",
+    lt: "less than",
+    lte: "at most",
+    between: "between",
+    isTrue: "is true",
+    isFalse: "is false",
+    before: "before",
+    after: "after",
+    hasAny: "has any",
+    hasNone: "has none",
+};
+const microLabelClass = cn(sectionLabelClass, "text-muted-foreground");
+function emptyCondition() {
+    return { id: crypto.randomUUID(), propertyIri: "", kind: "string", operator: "contains" };
+}
+export function SegmentBuilder(props) {
+    const { anchor, classIri, filter, onChange } = props;
+    const [propertiesRequested, setPropertiesRequested] = useState(isPresent(filter.groups));
+    const { properties, isLoading: propertiesLoading } = useFilterableProperties(propertiesRequested ? anchor : undefined, classIri);
+    function updateGroup(groupId, next) {
+        onChange({ groups: filter.groups.map((group) => (group.id === groupId ? next : group)) });
+    }
+    function removeGroup(groupId) {
+        onChange({ groups: filter.groups.filter((group) => group.id !== groupId) });
+    }
+    function addGroup() {
+        setPropertiesRequested(true);
+        onChange({ groups: [...filter.groups, { id: crypto.randomUUID(), conditions: [emptyCondition()] }] });
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-3 rounded-xl border border-muted-border bg-muted/20 p-3", children: [filter.groups.map((group, index) => (_jsxs("div", { className: "flex flex-col gap-3", children: [index > 0 && _jsx("span", { className: microLabelClass, children: "or" }), _jsx(ConditionGroupRow, { anchor: anchor, group: group, properties: properties, propertiesLoading: propertiesLoading, onChange: (next) => updateGroup(group.id, next), onRemove: () => removeGroup(group.id) })] }, group.id))), _jsx(Button, { variant: "ghost", size: "xs", icon: Plus, className: cn("w-fit", microLabelClass), onClick: addGroup, children: isPresent(filter.groups) ? "Or" : "Add filter" })] }));
+}
+function ConditionGroupRow(props) {
+    const { anchor, group, properties, propertiesLoading, onChange, onRemove } = props;
+    function updateCondition(next) {
+        onChange({
+            ...group,
+            conditions: group.conditions.map((condition) => (condition.id === next.id ? next : condition)),
+        });
+    }
+    function removeCondition(conditionId) {
+        const conditions = group.conditions.filter((condition) => condition.id !== conditionId);
+        if (!isPresent(conditions)) {
+            onRemove();
+            return;
+        }
+        onChange({ ...group, conditions });
+    }
+    function addCondition() {
+        onChange({ ...group, conditions: [...group.conditions, emptyCondition()] });
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-2 rounded-xl border border-muted-border/60 bg-background p-3", children: [group.conditions.map((condition, index) => (_jsx(ConditionRow, { anchor: anchor, condition: condition, properties: properties, propertiesLoading: propertiesLoading, leadLabel: index === 0 ? "if" : "and", onChange: updateCondition, onRemove: () => removeCondition(condition.id) }, condition.id))), _jsx(Button, { variant: "ghost", size: "xs", icon: Plus, className: cn("w-fit", microLabelClass), onClick: addCondition, children: "And" })] }));
+}
+function ConditionRow(props) {
+    const { anchor, condition, properties, propertiesLoading, leadLabel, onChange, onRemove } = props;
+    const { values: enumValues, isEnum } = usePropertyValues(anchor, condition.propertyIri, condition.kind === "string");
+    const operators = operatorsForKind(condition.kind).filter((operator) => operator !== "oneOf" || isEnum);
+    function selectProperty(iri) {
+        const property = properties.find((entry) => entry.iri === iri);
+        if (!property)
+            return;
+        onChange(withProperty(condition, property));
+    }
+    function selectOperator(operator) {
+        onChange({ ...condition, operator, value: undefined, value2: undefined, values: undefined });
+    }
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: cn("w-8 shrink-0", microLabelClass), children: leadLabel }), _jsx("div", { className: "w-52", children: _jsxs(Select, { value: condition.propertyIri, onValueChange: selectProperty, children: [_jsx(SelectTrigger, { label: "Field", id: `${condition.id}-field`, hiddenLabel: true, size: "sm", disabled: propertiesLoading, children: _jsx(SelectValue, { placeholder: propertiesLoading ? "loading…" : "field…" }) }), _jsx(SelectContent, { children: properties.map((property) => (_jsx(SelectItem, { value: property.iri, children: propertyDisplayLabel(property) }, property.iri))) })] }) }), _jsx("div", { className: "w-40", children: _jsxs(Select, { value: condition.operator, onValueChange: (value) => selectOperator(value), children: [_jsx(SelectTrigger, { label: "Operator", id: `${condition.id}-operator`, hiddenLabel: true, size: "sm", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: operators.map((operator) => (_jsx(SelectItem, { value: operator, children: operatorLabels[operator] }, operator))) })] }) }), _jsx(ValueEditor, { condition: condition, enumValues: enumValues, isEnum: isEnum, onChange: onChange }), _jsx(Button, { variant: "ghost", size: "xs", iconOnly: true, icon: X, "aria-label": "Remove condition", className: "ml-auto shrink-0 text-muted-foreground/60", onClick: onRemove })] }));
+}
+function ValueEditor(props) {
+    const { condition, enumValues, isEnum, onChange } = props;
+    if (valueFreeOperators.has(condition.operator))
+        return null;
+    if (condition.operator === "oneOf" && isEnum) {
+        return _jsx(EnumToggleChips, { condition: condition, enumValues: enumValues, onChange: onChange });
+    }
+    if (condition.operator === "equals" && isEnum) {
+        return _jsx(EnumValueSelect, { condition: condition, enumValues: enumValues, onChange: onChange });
+    }
+    return _jsx(FreeValueInputs, { condition: condition, onChange: onChange });
+}
+function EnumToggleChips(props) {
+    const { condition, enumValues, onChange } = props;
+    const selected = condition.values ?? [];
+    function toggleValue(value) {
+        const next = selected.includes(value) ? selected.filter((entry) => entry !== value) : [...selected, value];
+        onChange({ ...condition, values: next });
+    }
+    return (_jsx("div", { className: "flex max-w-md flex-wrap gap-1", children: enumValues.map((value) => (_jsx(Button, { variant: selected.includes(value) ? "secondary" : "ghost", size: "xs", "aria-pressed": selected.includes(value), className: "h-6", onClick: () => toggleValue(value), children: value }, value))) }));
+}
+function EnumValueSelect(props) {
+    const { condition, enumValues, onChange } = props;
+    return (_jsx("div", { className: "w-52", children: _jsxs(Select, { value: condition.value ?? "", onValueChange: (next) => onChange({ ...condition, value: next }), children: [_jsx(SelectTrigger, { label: "Value", id: `${condition.id}-value`, hiddenLabel: true, size: "sm", children: _jsx(SelectValue, { placeholder: "select\u2026" }) }), _jsx(SelectContent, { children: enumValues.map((value) => (_jsx(SelectItem, { value: value, children: value }, value))) })] }) }));
+}
+function FreeValueInputs(props) {
+    const { condition, onChange } = props;
+    const inputType = valueInputType(condition.kind);
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { type: inputType, size: "sm", "aria-label": "Filter value", value: condition.value ?? "", onChange: (event) => onChange({ ...condition, value: event.target.value }), className: "w-36 rounded-md-v4 border-input-border", placeholder: "value" }), condition.operator === "between" && (_jsxs(_Fragment, { children: [_jsx("span", { className: microLabelClass, children: "and" }), _jsx(Input, { type: inputType, size: "sm", "aria-label": "Filter upper bound", value: condition.value2 ?? "", onChange: (event) => onChange({ ...condition, value2: event.target.value }), className: "w-36 rounded-md-v4 border-input-border", placeholder: "value" })] }))] }));
+}

package/dist/routes/data-explorer/components/SelectionProvider.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+type SelectionProviderProps = {
+    children: ReactNode;
+};
+export declare function SelectionProvider(props: SelectionProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useSelectedClassIri(): string | undefined;
+export declare function useActiveClass(classIri: string | undefined): void;
+export {};
+//# sourceMappingURL=SelectionProvider.d.ts.map

package/dist/routes/data-explorer/components/SelectionProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionProvider.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/SelectionProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMhG,KAAK,sBAAsB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAEtD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAQ9D;AAED,wBAAgB,mBAAmB,IAAI,MAAM,GAAG,SAAS,CAExD;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAQjE"}