@manta-eu/react 0.1.10 → 0.2.1

package/src/routes/activity/detail/ActivityTimeline.tsx

@@ -42,7 +42,7 @@ export function ActivityTimeline(props: ActivityTimelineProps) {
 
   if (!isPresent(bars)) {
     return (
-      <div className="rounded-xl border border-muted-border bg-card px-5 py-4">
+      <div className="shrink-0 rounded-xl border border-muted-border bg-card px-5 py-4">
         <p className="typography-small text-muted-foreground">No timestamps to plot.</p>
       </div>
     );
@@ -57,7 +57,7 @@ export function ActivityTimeline(props: ActivityTimelineProps) {
   const trackHeightPx = Math.max(laneCount, 1) * rowHeightPx;
 
   return (
-    <div className="overflow-auto rounded-xl border border-muted-border bg-card">
+    <div className="shrink-0 overflow-auto rounded-xl border border-muted-border bg-card">
       <div className="px-5 pb-3 pt-3" style={{ minWidth: `${trackMinWidthPx}px` }}>
         <div className="relative h-4">
           {ticks.map((tick, index) => (

package/src/routes/activity/detail/NoChangesMessage.tsx

@@ -0,0 +1,20 @@
+import { Loader } from "#components/loader/index";
+
+type NoChangesMessageProps = {
+  running?: boolean;
+};
+
+export function NoChangesMessage(props: NoChangesMessageProps) {
+  const { running = false } = props;
+
+  if (!running) {
+    return <p className="typography-small text-muted-foreground">No recorded changes.</p>;
+  }
+
+  return (
+    <p role="status" className="flex items-center gap-2 typography-small text-muted-foreground">
+      <Loader className="size-4 shrink-0" />
+      Running. Changes appear as each step completes.
+    </p>
+  );
+}

package/src/routes/data-explorer/components/RawTriples.tsx

@@ -7,8 +7,8 @@ import type { ReactNode } from "react";
 import { Link } from "react-router";
 import { useTriples } from "../triples";
 import { turtleForSubject } from "../turtle";
-import { TruncateTooltip } from "./TruncateTooltip";
 import { Skeleton } from "#components/skeleton/index";
+import { TruncateTooltip } from "#components/tooltip/index";
 import { decodeSkolem, isBlankNode, useInstanceLabel } from "#ldo-ui";
 import { cn } from "#lib/utils";
 

package/src/routes/data-explorer/components/RecentTypes.tsx

@@ -16,8 +16,8 @@ import { Breadcrumbs } from "./Breadcrumbs";
 import { DetailHeader, TypeBadge } from "./DetailHeader";
 import { ModifiedAgo } from "./ModifiedAgo";
 import { EntityName, LinkList, LinkRow, LoadingRows, StatusText } from "./RawTriples";
-import { TruncateTooltip } from "./TruncateTooltip";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "#components/collapsible/index";
+import { TruncateTooltip } from "#components/tooltip/index";
 import { cn } from "#lib/utils";
 
 type RecentInstanceRowsProps = { recentType: RecentType };

package/src/routes/data-explorer/components/class-detail/Instances.tsx

@@ -7,7 +7,7 @@ import { LoadMoreButton } from "../LoadMoreButton";
 import { ModifiedAgo } from "../ModifiedAgo";
 import { entityNameClass, EntityName, LinkList, LinkRow, LoadingRows, StatusText } from "../RawTriples";
 import { SegmentBuilder } from "../SegmentBuilder";
-import { TruncateTooltip } from "../TruncateTooltip";
+import { TruncateTooltip } from "#components/tooltip/index";
 import { encodeBlankKey, useBlankInstances } from "#routes/data-explorer/blank-record";
 import { useFilteredCount, useFilteredInstances } from "#routes/data-explorer/filter-hooks";
 import { classAnchor, hasActiveConditions, type SegmentFilter } from "#routes/data-explorer/filter-query";

package/src/routes/data-explorer/components/namespace-detail/NamespaceClassRow.tsx

@@ -1,7 +1,7 @@
 import { humanCount } from "@manta-eu/lib/humanize";
 import { classPath } from "../../namespaces";
 import { entityNameClass, LinkRow } from "../RawTriples";
-import { TruncateTooltip } from "../TruncateTooltip";
+import { TruncateTooltip } from "#components/tooltip/index";
 import type { ExplorerClass } from "#routes/data-explorer/classes";
 
 type NamespaceClassRowProps = { entry: ExplorerClass; count?: number };

package/src/routes/data-explorer/components/ontology-coverage/CoverageTermColumns.tsx

@@ -4,10 +4,10 @@ import { useMemo } from "react";
 import { Link } from "react-router";
 import { classRef, namespaceLabel } from "../../namespaces";
 import { NamespaceSwatch } from "../NamespaceSwatch";
-import { TruncateTooltip } from "../TruncateTooltip";
 import { MissingValue } from "./MissingValue";
 import { RuleReferencesCell } from "./RuleReferencesCell";
 import { Badge } from "#components/badge/index";
+import { TruncateTooltip } from "#components/tooltip/index";
 import { sectionLabelClass } from "#ldo-ui";
 import { cn } from "#lib/utils";
 import type { CoverageTerm } from "#routes/data-explorer/coverage";

package/src/routes/data-explorer/components/ontology-coverage/UnobservedRuleVocabulary.tsx

@@ -6,13 +6,13 @@ import { useEffect, useMemo, useState } from "react";
 import { Link } from "react-router";
 import { classRef, namespaceLabel } from "../../namespaces";
 import { NamespaceSwatch } from "../NamespaceSwatch";
-import { TruncateTooltip } from "../TruncateTooltip";
 import { RuleReferencesCell } from "./RuleReferencesCell";
 import { Badge } from "#components/badge/index";
 import { EmptyState } from "#components/empty-state/index";
 import { SearchInput } from "#components/input/index";
 import { PaginationBlock } from "#components/pagination/index";
 import { createTableConfig, DataTable } from "#components/table/index";
+import { TruncateTooltip } from "#components/tooltip/index";
 import { shouldClampPageIndex, useFittedPagination } from "#hooks/useFittedPagination";
 import { sectionLabelClass } from "#ldo-ui";
 import { cn } from "#lib/utils";

package/src/routes/data-explorer/components/record-detail/ChatPreview.tsx

@@ -90,14 +90,14 @@ export function ChatPreview(props: ChatPreviewProps) {
 
   if (!node) return <StatusText>Nothing to preview.</StatusText>;
 
-  const EntityView = getEntityView(node.data.type, node.data.actionShape) ?? GenericView;
+  const EntityView = getEntityView(node.data.type, node.data.actionShape);
 
   return (
     <div className="flex flex-col gap-6">
       <section>
         <h3 className={cn(sectionLabelClass, "mb-1.5 text-muted-foreground")}>Chat rendering</h3>
         <div className="max-w-md">
-          <EntityView data={node.data} />
+          {EntityView ? <EntityView data={node.data} /> : <GenericView data={node.data} defaultExpanded />}
         </div>
       </section>
 

package/src/routes/data-explorer/declared-namespaces.ts

@@ -1,22 +1,29 @@
-import { ontologyGraphIri } from "@manta-eu/client/shared/rdf-namespaces";
+import { expandPrefix, ontologyGraphIri } from "@manta-eu/client/shared/rdf-namespaces";
 import { isPresent } from "@manta-eu/lib/present";
 import { DataFactory, type RDF } from "ldkit/rdf";
 import { SELECT } from "ldkit/sparql";
 import { useMemo } from "react";
-import { prefixes, registerDeclaredNamespaces, type DeclaredNamespace } from "./namespaces";
+import { prefixes, realmPath, registerDeclaredNamespaces, type DeclaredNamespace } from "./namespaces";
 import { bindingValue, useSparqlSelect } from "#ldo-ui";
 
 const df = new DataFactory();
 
-const declaredNamespacesQuery = `${prefixes}${SELECT`?prefix ?namespace ?source ?title ?sourceLabel`.WHERE`
-  GRAPH ${df.namedNode(ontologyGraphIri)} {
-    [] sh:declare ?declaration .
-    ?declaration sh:prefix ?prefix ; sh:namespace ?namespace .
-    OPTIONAL {
-      ?declaration rdfs:isDefinedBy ?source .
-      OPTIONAL { ?source dcterms:title ?title }
-      OPTIONAL { ?source rdfs:label ?sourceLabel }
+const declaredNamespacesQuery = `${prefixes}${SELECT`?prefix ?namespace ?source ?title ?sourceLabel ?connectionName`
+  .WHERE`
+  {
+    GRAPH ${df.namedNode(ontologyGraphIri)} {
+      [] sh:declare ?declaration .
+      ?declaration sh:prefix ?prefix ; sh:namespace ?namespace .
+      OPTIONAL {
+        ?declaration rdfs:isDefinedBy ?source .
+        OPTIONAL { ?source dcterms:title ?title }
+        OPTIONAL { ?source rdfs:label ?sourceLabel }
+      }
     }
+  } UNION {
+    ?declaration a sh:PrefixDeclaration ; sh:namespace ?namespace ; schema:identifier ?id .
+    ?connection a ${df.namedNode(expandPrefix(":DataConnection"))} ; schema:identifier ?id ; schema:name ?connectionName .
+    FILTER NOT EXISTS { ?connection ${df.namedNode(expandPrefix(":deletedAt"))} ?deleted }
   }
 `.build()}`;
 
@@ -28,15 +35,16 @@ function sourceFrom(binding: RDF.Bindings) {
   return { iri, label: bindingValue(binding, "title") ?? bindingValue(binding, "sourceLabel") ?? iri };
 }
 
-function declaredNamespacesFrom(bindings: RDF.Bindings[]): Record<string, DeclaredNamespace> {
+export function declaredNamespacesFrom(bindings: RDF.Bindings[]): Record<string, DeclaredNamespace> {
   return Object.fromEntries(
     bindings.flatMap<[string, DeclaredNamespace]>((binding) => {
-      const prefix = bindingValue(binding, "prefix");
       const iri = bindingValue(binding, "namespace");
+      const connectionName = bindingValue(binding, "connectionName");
+      const prefix = isPresent(connectionName) && isPresent(iri) ? realmPath(iri) : bindingValue(binding, "prefix");
 
       if (!isPresent(prefix) || !isPresent(iri)) return [];
 
-      return [[prefix, { iri, label: prefix, source: sourceFrom(binding) }]];
+      return [[prefix, { iri, label: connectionName ?? prefix, source: sourceFrom(binding) }]];
     }),
   );
 }

package/src/routes/data-explorer/namespaces.ts

@@ -78,12 +78,13 @@ export function prefixForIri(iri: string): string | undefined {
 
   if (registered) return registered;
 
-  if (!iri.startsWith(realmVocabRoot)) return undefined;
+  return realmPath(iri);
+}
 
-  const rest = iri.slice(realmVocabRoot.length);
-  const segment = rest.split(/[#/]/)[0];
+export function realmPath(iri: string): string | undefined {
+  if (!iri.startsWith(realmVocabRoot) || !iri.includes("#")) return undefined;
 
-  return rest.startsWith(`${segment}#`) ? segment || undefined : undefined;
+  return iri.slice(realmVocabRoot.length).split("#")[0] || undefined;
 }
 
 export function localName(iri: string, prefix: string): string {
@@ -118,11 +119,11 @@ export function groupCrumb(prefix: string): { label: string; to: string } {
 }
 
 export function classPath(prefix: string, name: string): string {
-  return `${explorerPath}/${prefix}/${name}`;
+  return `${namespacePath(prefix)}/${name}`;
 }
 
 export function recordPath(prefix: string, type: string, id: string): string {
-  return `${explorerPath}/${prefix}/${type}/${encodeURIComponent(id)}`;
+  return `${classPath(prefix, type)}/${encodeURIComponent(id)}`;
 }
 
 export type ClassRef = { iri: string; prefix: string; localName: string; path: string };

package/src/routes/datastores/components/DeleteDatastoreDialog.tsx

@@ -0,0 +1,78 @@
+import { useState } from "react";
+import type { DatastoreRow } from "../flatten";
+import { Button } from "#components/button/index";
+import { Input } from "#components/input/index";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "#components/modal/index";
+
+type DeleteDatastoreDialogProps = {
+  target: DatastoreRow;
+  isDeleting: boolean;
+  onConfirm: (confirmName: string) => void;
+  onCancel: () => void;
+};
+
+export function DeleteDatastoreDialog(props: DeleteDatastoreDialogProps) {
+  const { target, isDeleting, onConfirm, onCancel } = props;
+  const [typed, setTyped] = useState("");
+
+  const canDelete = typed.trim() === target.name.trim() && !isDeleting;
+  const deletesOrganization = target.isOrganization && target.mirrored !== true;
+
+  function confirm() {
+    if (canDelete) onConfirm(target.name);
+  }
+
+  return (
+    <Dialog open onOpenChange={(nextOpen) => !nextOpen && !isDeleting && onCancel()}>
+      <DialogContent className="flex flex-col overflow-hidden" showCloseButton={!isDeleting}>
+        <DialogHeader>
+          <DialogTitle
+            text={deletesOrganization ? "Delete organization permanently" : "Delete datastore permanently"}
+          />
+          <DialogDescription>This can't be undone. Deleting &quot;{target.name}&quot; removes:</DialogDescription>
+        </DialogHeader>
+
+        <ul className="list-disc pl-5 typography-small text-muted-foreground">
+          <li>its knowledge graph and everything in it</li>
+          <li>its connected integrations and their secrets</li>
+          <li>its uploaded files and chats</li>
+          {deletesOrganization && <li>the organization, its groups and memberships</li>}
+          {!target.isOrganization && !target.isUnlinked && <li>the group and its memberships</li>}
+        </ul>
+        {target.isOrganization && !deletesOrganization && (
+          <p className="typography-small text-muted-foreground">
+            The organization itself stays, because the identity provider holds it. It is listed as having no datastore
+            afterwards.
+          </p>
+        )}
+
+        <Input
+          autoFocus
+          label={`Type "${target.name}" to confirm`}
+          value={typed}
+          disabled={isDeleting}
+          onChange={(event) => setTyped(event.target.value)}
+          onKeyDown={(event) => {
+            if (event.key === "Enter") confirm();
+          }}
+        />
+
+        <DialogFooter>
+          <Button variant="tertiary" onClick={onCancel} disabled={isDeleting}>
+            Cancel
+          </Button>
+          <Button variant="destructive" onClick={confirm} disabled={!canDelete} isLoading={isDeleting}>
+            Delete permanently
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}

package/src/routes/datastores/flatten.ts

@@ -79,6 +79,21 @@ export function visibleDatastoreRows(rows: DatastoreRow[], visibility: Datastore
   return rows.filter((_row, index) => shown[index] || hasVisibleDescendant(rows, shown, index));
 }
 
+// The server refuses to delete a datastore while others live under it.
+export function nestedDatastoreNamesByRowId(rows: DatastoreRow[]): Map<string, string[]> {
+  const nested = new Map<string, string[]>();
+  rows.forEach((row, index) => {
+    const names: string[] = [];
+    for (let i = index + 1; i < rows.length; i++) {
+      const descendant = rows[i];
+      if (!descendant || descendant.depth <= row.depth) break;
+      if (isPresent(descendant.datastoreId)) names.push(descendant.name);
+    }
+    if (isPresent(names)) nested.set(row.id, names);
+  });
+  return nested;
+}
+
 export function hiddenRowCount(
   rows: DatastoreRow[],
   visibility: DatastoreRowVisibility,

package/src/routes/datastores/hooks/useDatastoreColumns.tsx

@@ -13,6 +13,7 @@ import {
   Power,
   RefreshCw,
   RotateCcw,
+  Trash,
   Trash2,
   TriangleAlert,
   Users,
@@ -28,6 +29,7 @@ import { isUnmirroredOrganization, type DatastoreRow } from "../flatten";
 import { Badge } from "#components/badge/index";
 import { Button } from "#components/button/index";
 import { datastoreStatusCategory, isMaterializing, type DatastoreStatus } from "#components/datastore-management/tree";
+import { DisabledActionTooltip } from "#components/disabled-action-tooltip/index";
 import {
   Dropdown,
   DropdownContent,
@@ -99,6 +101,7 @@ type UseDatastoreColumnsArgs = {
   // Indentation only means something while rows are in hierarchy order; a sort makes it a lie.
   indented: boolean;
   matchableRowIds: Set<string>;
+  nestedDatastoreNamesByRowId: Map<string, string[]>;
   suggestedMatchByDatastoreId?: Record<string, DatastoreRow>;
   onSelect: (row: DatastoreRow) => void;
   onAddChild: (row: DatastoreRow) => void;
@@ -107,10 +110,11 @@ type UseDatastoreColumnsArgs = {
   onLinkExisting: (row: DatastoreRow) => void;
   onRemove: (row: DatastoreRow) => void;
   onRestore: (row: DatastoreRow) => void;
+  onDelete: (row: DatastoreRow) => void;
   onRename: (row: DatastoreRow) => void;
   onRegister: (row: DatastoreRow) => void;
   onManageUsers: (row: DatastoreRow) => void;
-  onManageExternalApps: (row: DatastoreRow) => void;
+  onManageCustomApps: (row: DatastoreRow) => void;
   onBringOnline: (row: DatastoreRow) => void;
   isBringingOnline?: boolean;
   onLinkProvider: (row: DatastoreRow) => void;
@@ -125,6 +129,7 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
     isSwitching,
     indented,
     matchableRowIds,
+    nestedDatastoreNamesByRowId,
     suggestedMatchByDatastoreId,
     onSelect,
     onAddChild,
@@ -133,10 +138,11 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
     onLinkExisting,
     onRemove,
     onRestore,
+    onDelete,
     onRename,
     onRegister,
     onManageUsers,
-    onManageExternalApps,
+    onManageCustomApps,
     onBringOnline,
     isBringingOnline,
     onLinkProvider,
@@ -310,6 +316,11 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
             .with({ materializing: true }, () => "Still materializing - this can take a few minutes.")
             .otherwise(() => undefined);
           const canSelect = hasDatastore && !reason && !current && !isSwitching;
+          const canDelete = hasDatastore && !current;
+          const nestedDatastoreNames = nestedDatastoreNamesByRowId.get(datastoreRow.id);
+          const deleteBlockedReason = isPresent(nestedDatastoreNames)
+            ? `Delete the datastores under it first: ${nestedDatastoreNames.join(", ")}`
+            : undefined;
 
           return (
             <div className={cn(columnMinWidths[datastoreColumnIds.actions], "flex items-center justify-end gap-1.5")}>
@@ -376,7 +387,7 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
                   Select
                 </Button>
               )}
-              {isRealmDefault || isUnlinked ? (
+              {isRealmDefault || (isUnlinked && !canDelete) ? (
                 // Same-sized spacer keeps Select/Selected aligned with rows that have the ellipsis.
                 <div className="size-6" aria-hidden="true" />
               ) : (
@@ -391,57 +402,83 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
                     </button>
                   </DropdownTrigger>
                   <DropdownContent align="end" className="min-w-52">
-                    <DropdownItem icon={<Pencil className="size-4" />} onSelect={() => onRename(datastoreRow)}>
-                      Rename
-                    </DropdownItem>
-                    {isPresent(datastoreRow.organizationAlias) && (
-                      <DropdownItem icon={<Users className="size-4" />} onSelect={() => onManageUsers(datastoreRow)}>
-                        Manage users
-                      </DropdownItem>
-                    )}
-                    {datastoreRow.isOrganization && isPresent(datastoreRow.organizationAlias) && (
-                      <DropdownItem
-                        icon={<Blocks className="size-4" />}
-                        onSelect={() => onManageExternalApps(datastoreRow)}
-                      >
-                        Custom apps
-                      </DropdownItem>
-                    )}
-                    {!hasDatastore &&
-                      (matchableRowIds.has(datastoreRow.id) ? (
-                        <DropdownItem icon={<Link2 className="size-4" />} onSelect={() => onLinkExisting(datastoreRow)}>
-                          Link existing datastore
+                    {!isUnlinked && (
+                      <>
+                        <DropdownItem icon={<Pencil className="size-4" />} onSelect={() => onRename(datastoreRow)}>
+                          Rename
                         </DropdownItem>
-                      ) : (
-                        <DropdownItem
-                          icon={<DatabaseZap className="size-4" />}
-                          onSelect={() => onProvision(datastoreRow)}
-                        >
-                          Provision datastore
+                        {isPresent(datastoreRow.organizationAlias) && (
+                          <DropdownItem
+                            icon={<Users className="size-4" />}
+                            onSelect={() => onManageUsers(datastoreRow)}
+                          >
+                            Manage users
+                          </DropdownItem>
+                        )}
+                        {datastoreRow.isOrganization && isPresent(datastoreRow.organizationAlias) && (
+                          <DropdownItem
+                            icon={<Blocks className="size-4" />}
+                            onSelect={() => onManageCustomApps(datastoreRow)}
+                          >
+                            Custom apps
+                          </DropdownItem>
+                        )}
+                        {!hasDatastore &&
+                          (matchableRowIds.has(datastoreRow.id) ? (
+                            <DropdownItem
+                              icon={<Link2 className="size-4" />}
+                              onSelect={() => onLinkExisting(datastoreRow)}
+                            >
+                              Link existing datastore
+                            </DropdownItem>
+                          ) : (
+                            <DropdownItem
+                              icon={<DatabaseZap className="size-4" />}
+                              onSelect={() => onProvision(datastoreRow)}
+                            >
+                              Provision datastore
+                            </DropdownItem>
+                          ))}
+                        <DropdownItem icon={<Plus className="size-4" />} onSelect={() => onAddChild(datastoreRow)}>
+                          Add datastore
                         </DropdownItem>
-                      ))}
-                    <DropdownItem icon={<Plus className="size-4" />} onSelect={() => onAddChild(datastoreRow)}>
-                      Add datastore
-                    </DropdownItem>
-                    {enableDatastoreRemoval && hasDatastore && !removed && (
-                      <>
-                        <DropdownSeparator />
+                        {enableDatastoreRemoval && hasDatastore && !removed && (
+                          <>
+                            <DropdownSeparator />
+                            <DropdownItem
+                              className="text-error-foreground"
+                              icon={<Trash2 className="size-4" />}
+                              onSelect={() => onRemove(datastoreRow)}
+                            >
+                              Remove datastore
+                            </DropdownItem>
+                          </>
+                        )}
+                        {enableDatastoreRemoval && hasDatastore && removed && (
+                          <>
+                            <DropdownSeparator />
+                            <DropdownItem
+                              icon={<RotateCcw className="size-4" />}
+                              onSelect={() => onRestore(datastoreRow)}
+                            >
+                              Restore datastore
+                            </DropdownItem>
+                          </>
+                        )}
+                        {!enableDatastoreRemoval && canDelete && <DropdownSeparator />}
+                      </>
+                    )}
+                    {canDelete && (
+                      <DisabledActionTooltip reason={deleteBlockedReason}>
                         <DropdownItem
                           className="text-error-foreground"
-                          icon={<Trash2 className="size-4" />}
-                          onSelect={() => onRemove(datastoreRow)}
+                          icon={<Trash className="size-4" />}
+                          disabled={isPresent(deleteBlockedReason)}
+                          onSelect={() => onDelete(datastoreRow)}
                         >
-                          Remove datastore
-                        </DropdownItem>
-                      </>
-                    )}
-                    {enableDatastoreRemoval && hasDatastore && removed && (
-                      <>
-                        <DropdownSeparator />
-                        <DropdownItem icon={<RotateCcw className="size-4" />} onSelect={() => onRestore(datastoreRow)}>
-                          Restore datastore
+                          Delete permanently
                         </DropdownItem>
-                      </>
+                      </DisabledActionTooltip>
                     )}
                   </DropdownContent>
                 </Dropdown>
@@ -457,6 +494,7 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
       isSwitching,
       indented,
       matchableRowIds,
+      nestedDatastoreNamesByRowId,
       suggestedMatchByDatastoreId,
       onSelect,
       onAddChild,
@@ -465,10 +503,11 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
       onLinkExisting,
       onRemove,
       onRestore,
+      onDelete,
       onRegister,
       onRename,
       onManageUsers,
-      onManageExternalApps,
+      onManageCustomApps,
       onBringOnline,
       isBringingOnline,
       onLinkProvider,