@manta-eu/react 0.2.0 → 0.3.0

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

@@ -1,4 +1,4 @@
-import { ontologyGraphIri, shaclGraphIri } from "@manta-eu/client/shared/rdf-namespaces";
+import { ontologyGraphIri, shaclGraph } 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";
@@ -33,7 +33,7 @@ const classesQuery = `${prefixes}${SELECT.DISTINCT`?class ?label ?comment`.WHERE
     }
   }
   UNION {
-    GRAPH ${df.namedNode(shaclGraphIri)} { ?shapeInShaclGraph sh:targetClass ?class }
+    GRAPH ${df.namedNode(shaclGraph)} { ?shapeInShaclGraph sh:targetClass ?class }
   }
   OPTIONAL { GRAPH ${df.namedNode(ontologyGraphIri)} { ?class rdfs:label ?label } }
   OPTIONAL { GRAPH ${df.namedNode(ontologyGraphIri)} { ?class rdfs:comment ?comment } }

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/recents.ts

@@ -19,7 +19,7 @@ const df = new DataFactory();
 
 export const recentTypesLimit = 10;
 
-// STR() ordering because sources mix xsd:date and xsd:dateTime, which RDFox will not compare as temporals
+// STR() ordering because sources mix xsd:date and xsd:dateTime, which the datastore will not compare as temporals
 const recentlyModifiedTypesSubquery = SELECT`?type (MAX(STR(?modified)) AS ?lastModified)`.WHERE`
   ?dated schema:dateModified ?modified .
   ?dated a ?type .

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

@@ -1,4 +1,4 @@
-import { ontologyGraphIri, shaclGraphIri } from "@manta-eu/client/shared/rdf-namespaces";
+import { ontologyGraphIri, shaclGraph } 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";
@@ -62,7 +62,7 @@ export function groupShapeConstraints(rows: ShapeConstraintRow[]): ClassShape[]
 
 function shapeDetailsQuery(classIri: string): string {
   return `${prefixes}${SELECT.DISTINCT`?shape ?path ?constraint ?value ?listValue`.WHERE`
-  VALUES ?shapeGraph { ${df.namedNode(ontologyGraphIri)} ${df.namedNode(shaclGraphIri)} }
+  VALUES ?shapeGraph { ${df.namedNode(ontologyGraphIri)} ${df.namedNode(shaclGraph)} }
   GRAPH ?shapeGraph {
     ?shape sh:targetClass ${df.namedNode(safeIri(classIri))} ; sh:property ?propertyShape .
     ?propertyShape sh:path ?path ; ?constraint ?value .

package/src/routes/datastores/flatten.ts

@@ -22,7 +22,7 @@ export type DatastoreRow = {
   // Org roots carry their own datastore but are also the container the rest hang off.
   isOrganization: boolean;
   mirrored?: boolean;
-  // Real in RDFox, but no Keycloak node behind it, so it can only be selected.
+  // Real in the datastore, but no Keycloak node behind it, so it can only be selected.
   isRealmDefault?: boolean;
   isUnlinked?: boolean;
 };

package/src/routes/integrations/components/connect-forms/CanvaConnectForm.tsx

@@ -0,0 +1,26 @@
+import { GQLIntegration } from "@manta-eu/client";
+import { OAuthSingleAccountConnectForm } from "./OAuthSingleAccountConnectForm";
+import type { ConnectFormProps } from "./types";
+
+const canvaPermissions = [
+  "Read your designs, the folders they live in, and your uploaded assets.",
+  "Export your designs so their pages can be analyzed.",
+  "Read your brand templates and the comments on your designs.",
+];
+
+export function CanvaConnectForm(props: ConnectFormProps) {
+  return (
+    <OAuthSingleAccountConnectForm
+      {...props}
+      integration={GQLIntegration.Canva}
+      startHref="/oauth/canva/start"
+      ctaLabel="Continue with Canva"
+      stepTitle="Connect your Canva account"
+      stepDescription="Manta will take you to Canva to ask for permission, then bring you back here."
+      supportingInfo="You'll be taken to Canva to approve access. You can revoke it any time from your Canva account settings."
+      permissions={canvaPermissions}
+      waitingLabel="Waiting for you to finish connecting to Canva…"
+      connectedToastLabel="Canva connected"
+    />
+  );
+}

package/src/routes/integrations/components/connect-forms/DataConnectionConnectForm.tsx

@@ -23,6 +23,8 @@ import {
   nameSchema,
   pickSettings,
   settingsSchema,
+  sourceKey,
+  sourceSchema,
   storedValues,
   type ConnectorField,
   type DataConnectionValues,
@@ -39,22 +41,41 @@ export type StoredConnection = StoredDataConnection & { id: string };
 
 type Step = StepConfig<DataConnectionValues>;
 
-function nameStep(providerName: string): Step {
+const newSourceHint =
+  "Optional. Lowercase letters and digits. Left blank, Manta reuses the name of an earlier connection to this database, or takes one from the connection name. It can't change later.";
+const editingSourceHint = "Set when the connection was created. It can't change.";
+
+function nameStep(providerName: string, editing: boolean): Step {
   return {
     id: "name",
     title: "Name this connection",
     description: `Used to identify this ${providerName} database in Manta.`,
-    schema: z.object({ [nameKey]: nameSchema }),
+    schema: z.object({ [nameKey]: nameSchema, [sourceKey]: sourceSchema }),
     continueLabel: "Continue",
     render: (form) => (
-      <Input
-        id={inputId(nameKey)}
-        label="Name"
-        placeholder="Warehouse"
-        autoComplete="off"
-        error={form.formState.errors[nameKey]?.message?.toString()}
-        {...form.register(nameKey)}
-      />
+      <div className="grid gap-4">
+        <Input
+          id={inputId(nameKey)}
+          label="Name"
+          placeholder="Warehouse"
+          autoComplete="off"
+          error={form.formState.errors[nameKey]?.message?.toString()}
+          {...form.register(nameKey)}
+        />
+
+        {(!editing || isPresent(form.getValues(sourceKey))) && (
+          <Input
+            id={inputId(sourceKey)}
+            label="Source name"
+            placeholder="warehouse"
+            autoComplete="off"
+            disabled={editing}
+            helperText={editing ? editingSourceHint : newSourceHint}
+            error={form.formState.errors[sourceKey]?.message?.toString()}
+            {...form.register(sourceKey)}
+          />
+        )}
+      </div>
     ),
   };
 }
@@ -117,7 +138,7 @@ export function createSteps(
   const required = fields.filter((field) => field.required);
   const optional = fields.filter((field) => !field.required);
   const steps = [
-    nameStep(providerName),
+    nameStep(providerName, editing),
     connectionStep({ providerName, connectorType, stepFields: required, allFields: fields, editing }),
     ...(isPresent(optional) ? [optionalStep(optional, editing)] : []),
   ];
@@ -160,7 +181,12 @@ function DataConnectionWizard(props: DataConnectionWizardProps) {
 
   async function create(values: DataConnectionValues) {
     await createMutation.mutateAsync({
-      input: { name: values[nameKey], connectorType, settings: pickSettings(values, fields) },
+      input: {
+        name: values[nameKey],
+        connectorType,
+        sourceName: values[sourceKey] || undefined,
+        settings: pickSettings(values, fields),
+      },
     });
     toast.success(`${provider.name} added`, { description: "Manta is testing the connection." });
   }

package/src/routes/integrations/components/connect-forms/data-connection-fields.ts

@@ -5,12 +5,19 @@ import { z } from "zod";
 export type ConnectorField = GQLDataConnectorTypesQuery["dataConnectorTypes"][number]["fields"][number];
 
 export const nameKey = "connectionName";
+export const sourceKey = "sourceName";
 
 // The setting keys come from the connector descriptor at runtime, so the value type is an index signature.
 export type DataConnectionValues = { [nameKey]: string; [setting: string]: string };
 
 export const nameSchema = z.string().trim().min(1, "Name is required").max(64, "64 characters or fewer");
 
+export const sourceSchema = z
+  .string()
+  .trim()
+  .regex(/^([a-z][a-z0-9]*)?$/, "Use lowercase letters and digits, starting with a letter")
+  .optional();
+
 const valuePatterns: Partial<Record<GQLDataConnectorFieldType, { pattern: RegExp; message: string }>> = {
   [GQLDataConnectorFieldType.Integer]: { pattern: /^-?\d+$/, message: "Enter a whole number" },
   [GQLDataConnectorFieldType.Decimal]: { pattern: /^-?\d+(\.\d+)?$/, message: "Enter a number" },
@@ -40,7 +47,7 @@ export function settingsSchema(fields: readonly ConnectorField[]) {
 
 // The fields come at runtime, so the built schema has no static output type to infer.
 export function formSchema(fields: readonly ConnectorField[]): z.ZodType<DataConnectionValues, DataConnectionValues> {
-  return settingsSchema(fields).extend({ [nameKey]: nameSchema }) as unknown as z.ZodType<
+  return settingsSchema(fields).extend({ [nameKey]: nameSchema, [sourceKey]: sourceSchema }) as unknown as z.ZodType<
     DataConnectionValues,
     DataConnectionValues
   >;
@@ -55,13 +62,14 @@ export function pickSettings(values: DataConnectionValues, fields: readonly Conn
 }
 
 export function blankValues(fields: readonly ConnectorField[]): DataConnectionValues {
-  return { ...Object.fromEntries(fields.map((field) => [field.key, ""])), [nameKey]: "" };
+  return { ...Object.fromEntries(fields.map((field) => [field.key, ""])), [nameKey]: "", [sourceKey]: "" };
 }
 
 export type DataConnectionSetting = { key: string; value: string };
 
 export type StoredDataConnection = {
   name: string;
+  sourceName?: string | null;
   settings: readonly DataConnectionSetting[];
   candidateSettings?: readonly DataConnectionSetting[] | null;
   error?: string | null;
@@ -83,6 +91,7 @@ export function storedValues(stored: StoredDataConnection, fields: readonly Conn
   return {
     ...Object.fromEntries(fields.map((field) => [field.key, field.secret ? "" : (storedByKey.get(field.key) ?? "")])),
     [nameKey]: stored.name,
+    [sourceKey]: stored.sourceName ?? "",
   };
 }
 

package/src/routes/integrations/connect-forms.ts

@@ -6,6 +6,7 @@ export {
   type StoredConnection,
 } from "./components/connect-forms/DataConnectionConnectForm";
 export type { DataConnectionSetting, StoredDataConnection } from "./components/connect-forms/data-connection-fields";
+export { CanvaConnectForm } from "./components/connect-forms/CanvaConnectForm";
 export { FigmaConnectForm } from "./components/connect-forms/FigmaConnectForm";
 export { GmailConnectForm } from "./components/connect-forms/GmailConnectForm";
 export { GoogleAdsConnectForm } from "./components/connect-forms/GoogleAdsConnectForm";

package/src/routes/integrations/connection-view.ts

@@ -36,6 +36,7 @@ export type ConnectionView = {
 // Fallback nouns shown until the ontology carries rdfs:labels for these classes (MNT-503).
 // https://linear.app/manta-eu/issue/MNT-503/add-rdfslabel-to-provider-entity-classes-in-the-ontology
 const oauthAccountNoun = {
+  [GQLIntegration.Canva]: "User",
   [GQLIntegration.Dash]: "Account",
   [GQLIntegration.Figma]: "User",
   [GQLIntegration.Slack]: "Workspace",

package/src/routes/integrations/types.ts

@@ -11,6 +11,7 @@ import type { ComponentType, SVGProps } from "react";
 import type { ConnectionView } from "./connection-view";
 
 export const gmailProviderId = "GMAIL";
+export const canvaProviderId = "CANVA";
 export const figmaProviderId = "FIGMA";
 export const dashProviderId = "DASH";
 export const dataConnectionProviderIds = {
@@ -29,6 +30,7 @@ export type DataConnectorType = keyof typeof dataConnectionProviderIds;
 export type ProviderId =
   | `${GQLInferalIntegrationProvider}`
   | typeof gmailProviderId
+  | typeof canvaProviderId
   | typeof figmaProviderId
   | typeof dashProviderId
   | (typeof dataConnectionProviderIds)[DataConnectorType];

package/src/routes/plans/components/ActionPlanPage.tsx

@@ -17,8 +17,8 @@ import { ExecutePlanDialog } from "#components/planning/ExecutePlanDialog";
 import { isTerminalActionPlanState } from "#components/planning/plan-detail-utils";
 import { useActionPlanDetail } from "#hooks/useActionPlanDetail";
 import { useActionPlanExecution } from "#hooks/useActionPlanExecution";
-import { useActionPlanDiff } from "#ldo-ui";
 import { useMantaClient } from "#providers/index";
+import { KnowledgeGraphStateProvider } from "#providers/KnowledgeGraphStateProvider";
 
 export type ActionPlanPageProps = {
   planName: string;
@@ -46,10 +46,6 @@ export function ActionPlanPage(props: ActionPlanPageProps) {
   const viewRef = useRef<ConnectedPlanDetailViewHandle>(null);
   const { mantaBaseUrl } = useMantaClient();
   const { plan, graphDocument, isLoading, error } = useActionPlanDetail(planGraphIri);
-  const { data: diff = null, isLoading: isDiffLoading } = useActionPlanDiff({
-    planGraphIri,
-    enabled: !!planGraphIri,
-  });
   const [pageMode, setPageMode] = useState<ActionPlanPageMode>(initialMode);
   const [executePromptNonce, setExecutePromptNonce] = useState(0);
   const [isRerunDialogOpen, setIsRerunDialogOpen] = useState(false);
@@ -196,11 +192,11 @@ export function ActionPlanPage(props: ActionPlanPageProps) {
       {!isLoading && plan && !showPlanningSurface && (
         <ActioningView
           planGraphIri={planGraphIri}
-          diff={diff}
-          isLoading={isLoading || isDiffLoading}
+          isLoading={isLoading}
           mantaChatBaseUrl={mantaBaseUrl}
           executionControl={executionControl}
           executePromptNonce={executePromptNonce}
+          showActivityLinks={false}
           datastoreId={datastoreId}
           userId={userId}
           hideRunControls={hideRunControls}
@@ -219,5 +215,10 @@ export function ActionPlanPage(props: ActionPlanPageProps) {
     </>
   );
 
-  return <>{renderLayout({ header, body })}</>;
+  // An exported entry point owns its graph refresh, like EmbeddedChat; hosts may mount it outside one.
+  return (
+    <KnowledgeGraphStateProvider datastoreId={datastoreId}>
+      {renderLayout({ header, body })}
+    </KnowledgeGraphStateProvider>
+  );
 }

package/src/routes/plans/components/PlanDetailRouteContent.tsx

@@ -152,6 +152,7 @@ export function PlanDetailRouteContent(props: PlanDetailRouteContentProps) {
     plan.hasCurrentFacts && isTerminalActionPlanState(effectivePlanState) ? handleOpenRerun : undefined;
   const activeViewMode = viewMode === "visual" && !graphDocument?.size ? "overview" : viewMode;
   const showExecutionSurface = shouldShowActioningSurface && activeViewMode === "overview";
+  const rulesSection = <ActionPlanRulesSection planGraphIri={planGraphIri} LinkComponent={Link} />;
 
   return (
     <div className="flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden">
@@ -183,13 +184,12 @@ export function PlanDetailRouteContent(props: PlanDetailRouteContentProps) {
         onExecute={detailExecuteAction}
         onCancel={detailCancelAction}
         onRerun={detailRerunAction}
-        rulesSlot={<ActionPlanRulesSection planGraphIri={planGraphIri} LinkComponent={Link} />}
+        rulesSlot={showExecutionSurface ? undefined : rulesSection}
         onRunClick={(activityIri) => navigate(buildActivityHref(activityIri))}
       />
       {showExecutionSurface && (
         <ActioningView
           planGraphIri={planGraphIri}
-          diff={null}
           isLoading={false}
           mantaChatBaseUrl={mantaBaseUrl}
           executionControl={executionControl}
@@ -201,7 +201,7 @@ export function PlanDetailRouteContent(props: PlanDetailRouteContentProps) {
               planGraphIri={planGraphIri}
               emptyFallback={
                 isPresent(latestRunIri) ? (
-                  <div className="h-[60vh]">
+                  <div className="flex max-h-[60vh] flex-col">
                     <ActivityDetail
                       activityIri={latestRunIri}
                       variant="embedded"
@@ -214,6 +214,7 @@ export function PlanDetailRouteContent(props: PlanDetailRouteContentProps) {
           }
         />
       )}
+      {showExecutionSurface && <div className="mx-auto w-full max-w-7xl px-8 py-6">{rulesSection}</div>}
     </div>
   );
 }

package/src/routes/rules/hooks/useRuleFactsPreview.ts

@@ -1,5 +1,5 @@
 import { useSparqlQueryQuery } from "@manta-eu/client";
-import { formatIriForRdfox, compactUri, namespaces } from "@manta-eu/client/shared/rdf-namespaces";
+import { formatIriForSparql, compactUri, namespaces } from "@manta-eu/client/shared/rdf-namespaces";
 import { isJsonLdNode } from "@manta-eu/client/types/jsonld";
 import { parseDatalogRule, datalogBodyToSparqlSelect } from "@manta-eu/datalog-parser";
 import type { DatalogAtom, SparqlSelectResult } from "@manta-eu/datalog-parser";
@@ -241,20 +241,20 @@ function generateTriplePattern(atom: DatalogAtom): string | null {
     .with("property", () => {
       if (!isPropertyAtom(atom)) return null;
       const subject = atom.arguments[0]?.value || "?s";
-      const predicate = formatIriForRdfox(atom.predicate.value || "");
+      const predicate = formatIriForSparql(atom.predicate.value || "");
       const object = atom.arguments[1]?.value || "?o";
       return `${subject} ${predicate} ${object}`;
     })
     .with("class", () => {
       if (!isClassAtom(atom)) return null;
       const subject = atom.arguments[0]?.value || "?s";
-      const classIRI = formatIriForRdfox(atom.predicate.value || "");
+      const classIRI = formatIriForSparql(atom.predicate.value || "");
       return `${subject} a ${classIRI}`;
     })
     .with("triple", () => {
       if (!isTripleAtom(atom)) return null;
       const subject = atom.subject.value || "?s";
-      const predicate = formatIriForRdfox(atom.predicate.value || "");
+      const predicate = formatIriForSparql(atom.predicate.value || "");
       const object = atom.object.value || "?o";
       return `${subject} ${predicate} ${object}`;
     })

package/src/shacl/form-appearance.ts

@@ -168,7 +168,7 @@ function propertyPathsByBlankNode(turtle: string): Map<string, string> {
   return paths;
 }
 
-/** RDFox emits `sh:property` in arbitrary order, reshuffling fields on every open; reorder by path local name. */
+/** The datastore emits `sh:property` in arbitrary order, so fields move on every open; reorder by path local name. */
 export function sortShapeProperties(turtle: string): string {
   const paths = propertyPathsByBlankNode(turtle);
   const localName = (node: string) => {

package/src/shared/graph-derived-queries.ts

@@ -8,7 +8,7 @@ import {
   useConversationStartersQuery,
   useCoverageRulesQuery,
   useCurrentFactValueQuery,
-  useExplainRdFoxFactQuery,
+  useExplainFactQuery,
   useGetActionPlansSummaryQuery,
   useMemoriesQuery,
   useMemorySchemasQuery,
@@ -34,7 +34,7 @@ export const graphDerivedQueries: QueryWithGetKey[] = [
   useConversationStartersQuery,
   useCoverageRulesQuery,
   useCurrentFactValueQuery,
-  useExplainRdFoxFactQuery,
+  useExplainFactQuery,
   useGetActionPlansSummaryQuery,
   useMemoriesQuery,
   useMemorySchemasQuery,

package/dist/components/planning/ExecutionActivityRow.d.ts

@@ -1,9 +0,0 @@
-import { type ResolvedManualActionStatus } from "./execution-section-model.js";
-import type { ExecutionProvenanceActivity } from "#ldo-ui";
-type ExecutionActivityRowProps = {
-    activity: ExecutionProvenanceActivity;
-    manualActionStatus?: ResolvedManualActionStatus | null;
-};
-export declare function ExecutionActivityRow(props: ExecutionActivityRowProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ExecutionActivityRow.d.ts.map

package/dist/components/planning/ExecutionActivityRow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExecutionActivityRow.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ExecutionActivityRow.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAoB,KAAK,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAG3D,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,2BAA2B,CAAC;IACtC,kBAAkB,CAAC,EAAE,0BAA0B,GAAG,IAAI,CAAC;CACxD,CAAC;AAeF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CA4BpE"}

package/dist/components/planning/ExecutionActivityRow.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { humanDuration } from "@manta-eu/lib/humanize";
-import { AlertCircle, Check, ClockFading, Loader2, X } from "lucide-react";
-import { useEffect, useState } from "react";
-import { match } from "ts-pattern";
-import { parseTimestampMs } from "./execution-section-model.js";
-import { cn } from "#lib/utils";
-function resolveIconState(activity, manualActionStatus) {
-    if (activity.errorMessage)
-        return "error";
-    if (manualActionStatus === "REJECTED")
-        return "rejected";
-    if (manualActionStatus === "COMPLETED" || !!activity.endedAtTime)
-        return "completed";
-    if (activity.startedAtTime)
-        return "running";
-    return "pending";
-}
-export function ExecutionActivityRow(props) {
-    const { activity, manualActionStatus = null } = props;
-    const iconState = resolveIconState(activity, manualActionStatus);
-    const hasError = iconState === "error";
-    const isPending = iconState === "pending";
-    return (_jsxs("div", { className: cn("flex items-center justify-between pl-5 pr-3 py-2", hasError && "bg-error/10"), children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [match(iconState)
-                        .with("error", () => _jsx(AlertCircle, { className: "size-4 shrink-0 text-error-foreground" }))
-                        .with("rejected", () => _jsx(X, { className: "size-4 shrink-0 text-error-foreground" }))
-                        .with("completed", () => _jsx(Check, { className: "size-4 shrink-0 text-success-foreground" }))
-                        .with("running", () => _jsx(Loader2, { className: "size-4 shrink-0 text-muted-foreground animate-spin" }))
-                        .with("pending", () => _jsx(ClockFading, { className: "size-4 shrink-0 text-muted-foreground/40" }))
-                        .exhaustive(), _jsx("span", { className: cn("text-[12px] font-mono leading-[18px] truncate", hasError ? "text-error-foreground" : isPending ? "text-muted-foreground" : "text-default-foreground"), children: activity.errorMessage ?? activity.entityLabel })] }), _jsx(ActivityElapsed, { activity: activity, hasError: hasError, isPending: isPending })] }));
-}
-function ActivityElapsed(props) {
-    const { activity, hasError, isPending } = props;
-    const isRunning = !!activity.startedAtTime && !activity.endedAtTime;
-    const [now, setNow] = useState(() => Date.now());
-    useEffect(() => {
-        if (!isRunning)
-            return;
-        const id = setInterval(() => setNow(Date.now()), 1000);
-        return () => clearInterval(id);
-    }, [isRunning]);
-    if (!activity.startedAtTime) {
-        return _jsx("span", { className: "text-[12px] font-mono leading-[18px] shrink-0 ml-3 text-muted-foreground", children: "-" });
-    }
-    const start = parseTimestampMs(activity.startedAtTime);
-    if (start === null) {
-        return _jsx("span", { className: "text-[12px] font-mono leading-[18px] shrink-0 ml-3 text-muted-foreground", children: "-" });
-    }
-    const end = parseTimestampMs(activity.endedAtTime) ?? now;
-    const label = humanDuration({ start, end, largest: 2 }) || "0 seconds";
-    return (_jsx("span", { className: cn("text-[12px] font-mono leading-[18px] shrink-0 ml-3", hasError ? "text-error-foreground" : isPending ? "text-muted-foreground" : "text-default-foreground"), children: label }));
-}
-//# sourceMappingURL=ExecutionActivityRow.js.map

package/dist/components/planning/ExecutionActivityRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExecutionActivityRow.js","sourceRoot":"","sources":["../../../src/components/planning/ExecutionActivityRow.tsx"],"names":[],"mappings":"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"}

package/dist/components/planning/ExecutionSectionItem.d.ts

@@ -1,20 +0,0 @@
-import type { EntityTypeEntry } from "./ActionPlanDetailView.js";
-import { type SectionStatus } from "./execution-section-model.js";
-import { type ManualActionTarget } from "./ManualActionCard.js";
-import type { ExecutionProvenanceActivity, ManualAction, ManualActionResolution, ManualActionResolving } from "#ldo-ui";
-export type ExecutionSectionItemProps = {
-    entry: EntityTypeEntry;
-    activities: ExecutionProvenanceActivity[];
-    status: SectionStatus;
-    fallbackStartedAtMs?: number | null;
-    isExpanded: boolean;
-    onToggle: () => void;
-    manualActions?: ManualAction[];
-    manualActionEntities?: Map<string, ManualActionTarget[]>;
-    onManualActionResolve?: (subjectIri: string, resolution: ManualActionResolution) => void;
-    resolvingManualAction?: ManualActionResolving;
-    canResolveManualAction?: boolean;
-    manualActionDisabledReason?: string;
-};
-export declare function ExecutionSectionItem(props: ExecutionSectionItemProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ExecutionSectionItem.d.ts.map

package/dist/components/planning/ExecutionSectionItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExecutionSectionItem.d.ts","sourceRoot":"","sources":["../../../src/components/planning/ExecutionSectionItem.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAoD,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAEjH,OAAO,EAAoB,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,KAAK,EAAE,2BAA2B,EAAE,YAAY,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAIxH,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,eAAe,CAAC;IACvB,UAAU,EAAE,2BAA2B,EAAE,CAAC;IAC1C,MAAM,EAAE,aAAa,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,oBAAoB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC;IACzD,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACzF,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAwFpE"}