@dxos/react-ui-rdf 0.0.0

package/LICENSE

@@ -0,0 +1,105 @@
+# Functional Source License, Version 1.1, ALv2 Future License
+
+## Abbreviation
+
+FSL-1.1-Apache-2.0
+
+## Notice
+
+Copyright 2026 DXOS
+
+## Terms and Conditions
+
+### Licensor ("We")
+
+The party offering the Software under these Terms and Conditions.
+
+### The Software
+
+The "Software" is each version of the software that we make available under
+these Terms and Conditions, as indicated by our inclusion of these Terms and
+Conditions with the Software.
+
+### License Grant
+
+Subject to your compliance with this License Grant and the Patents,
+Redistribution and Trademark clauses below, we hereby grant you the right to
+use, copy, modify, create derivative works, publicly perform, publicly display
+and redistribute the Software for any Permitted Purpose identified below.
+
+### Permitted Purpose
+
+A Permitted Purpose is any purpose other than a Competing Use. A Competing Use
+means making the Software available to others in a commercial product or
+service that:
+
+1. substitutes for the Software;
+
+2. substitutes for any other product or service we offer using the Software
+   that exists as of the date we make the Software available; or
+
+3. offers the same or substantially similar functionality as the Software.
+
+Permitted Purposes specifically include using the Software:
+
+1. for your internal use and access;
+
+2. for non-commercial education;
+
+3. for non-commercial research; and
+
+4. in connection with professional services that you provide to a licensee
+   using the Software in accordance with these Terms and Conditions.
+
+### Patents
+
+To the extent your use for a Permitted Purpose would necessarily infringe our
+patents, the license grant above includes a license under our patents. If you
+make a claim against any party that the Software infringes or contributes to
+the infringement of any patent, then your patent license to the Software ends
+immediately.
+
+### Redistribution
+
+The Terms and Conditions apply to all copies, modifications and derivatives of
+the Software.
+
+If you redistribute any copies, modifications or derivatives of the Software,
+you must include a copy of or a link to these Terms and Conditions and not
+remove any copyright notices provided in or with the Software.
+
+### Disclaimer
+
+THE SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING WITHOUT LIMITATION WARRANTIES OF FITNESS FOR A PARTICULAR
+PURPOSE, MERCHANTABILITY, TITLE OR NON-INFRINGEMENT.
+
+IN NO EVENT WILL WE HAVE ANY LIABILITY TO YOU ARISING OUT OF OR RELATED TO THE
+SOFTWARE, INCLUDING INDIRECT, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES,
+EVEN IF WE HAVE BEEN INFORMED OF THEIR POSSIBILITY IN ADVANCE.
+
+### Trademarks
+
+Except for displaying the License Details and identifying us as the origin of
+the Software, you have no right under these Terms and Conditions to use our
+trademarks, trade names, service marks or product names.
+
+## Grant of Future License
+
+We hereby irrevocably grant you an additional license to use the Software under
+the Apache License, Version 2.0 that is effective on the second anniversary of
+the date we make the Software available. On or after that date, you may use the
+Software under the Apache License, Version 2.0, in which case the following
+will apply:
+
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License.
+
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed
+under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
+CONDITIONS OF ANY KIND, either express or implied. See the License for the
+specific language governing permissions and limitations under the License.

package/dist/lib/browser/index.mjs

@@ -0,0 +1,249 @@
+// src/FactViewer.tsx
+import React, { useMemo, useState } from "react";
+import { buildFactGraph, factSourceFromFacts } from "@dxos/pipeline-rdf";
+import { Icon, IconButton, Input, Panel, ScrollArea, Tag, Toolbar } from "@dxos/react-ui";
+import { Tree } from "@dxos/react-ui-graph";
+import { Empty, Listbox } from "@dxos/react-ui-list";
+import { mx } from "@dxos/ui-theme";
+
+// src/types.ts
+var groupFacts = (facts, filter) => {
+  const needle = filter.trim().toLowerCase();
+  const filtered = needle ? facts.filter((fact) => {
+    const { subject, predicate, object } = fact.assertion;
+    return [
+      formatTerm(subject),
+      predicate,
+      formatTerm(object)
+    ].some((value) => value.toLowerCase().includes(needle));
+  }) : facts;
+  const bySubject = /* @__PURE__ */ new Map();
+  const labelByKey = /* @__PURE__ */ new Map();
+  for (const fact of filtered) {
+    const key = termKey(fact.assertion.subject);
+    const list = bySubject.get(key) ?? [];
+    list.push(fact);
+    bySubject.set(key, list);
+    if (!labelByKey.has(key)) {
+      labelByKey.set(key, formatTerm(fact.assertion.subject));
+    }
+  }
+  return [
+    ...bySubject.entries()
+  ].map(([key, groupFactsList]) => {
+    const subject = labelByKey.get(key) ?? key;
+    const byPredicate = /* @__PURE__ */ new Map();
+    for (const fact of groupFactsList) {
+      const list = byPredicate.get(fact.assertion.predicate) ?? [];
+      list.push(fact);
+      byPredicate.set(fact.assertion.predicate, list);
+    }
+    const conflictedIds = /* @__PURE__ */ new Set();
+    for (const list of byPredicate.values()) {
+      const objects = new Set(list.map((fact) => termKey(fact.assertion.object)));
+      if (objects.size > 1) {
+        for (const fact of list) {
+          conflictedIds.add(fact.id);
+        }
+      }
+    }
+    return {
+      subject,
+      facts: groupFactsList,
+      conflicted: conflictedIds.size > 0,
+      conflictedIds
+    };
+  });
+};
+var termKey = (term) => "entity" in term ? term.entity : term.literal;
+var formatTerm = (term) => "entity" in term ? term.label ?? humanize(term.entity) : term.literal;
+var graphToTreeNode = (graph, rootId) => {
+  const nodeById = new Map(graph.nodes.map((node) => [
+    node.id,
+    node
+  ]));
+  if (!nodeById.has(rootId)) {
+    return void 0;
+  }
+  const adjacency = /* @__PURE__ */ new Map();
+  const link = (from, to) => {
+    const list = adjacency.get(from) ?? [];
+    list.push(to);
+    adjacency.set(from, list);
+  };
+  for (const edge of graph.edges) {
+    link(edge.source, edge.target);
+    link(edge.target, edge.source);
+  }
+  const visited = /* @__PURE__ */ new Set([
+    rootId
+  ]);
+  const build = (id) => {
+    const children = [];
+    for (const neighbour of adjacency.get(id) ?? []) {
+      if (!visited.has(neighbour)) {
+        visited.add(neighbour);
+        children.push(build(neighbour));
+      }
+    }
+    return {
+      id,
+      label: nodeById.get(id)?.label ?? id,
+      ...children.length > 0 ? {
+        children
+      } : {}
+    };
+  };
+  return build(rootId);
+};
+var humanize = (value) => value.replace(/[-_]/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
+var formatDate = (iso) => iso.slice(0, 10);
+var factualityColor = (factuality) => {
+  switch (factuality) {
+    case "CT+":
+      return "emerald";
+    case "PR+":
+      return "amber";
+    case "PS+":
+      return "sky";
+    case "CT-":
+    case "PR-":
+    case "PS-":
+      return "red";
+    case "CTu":
+    case "Uu":
+    default:
+      return "neutral";
+  }
+};
+
+// src/FactViewer.tsx
+var FactViewer = ({ classNames, facts, context, predicate }) => {
+  const [filter, setFilter] = useState("");
+  const [view, setView] = useState("list");
+  const scoped = useMemo(() => facts.filter((fact) => (context == null || termKey(fact.assertion.subject) === context || termKey(fact.assertion.object) === context) && (predicate == null || fact.assertion.predicate === predicate)), [
+    facts,
+    context,
+    predicate
+  ]);
+  const groups = useMemo(() => groupFacts(scoped, filter), [
+    scoped,
+    filter
+  ]);
+  const graph = useMemo(() => context == null ? void 0 : graphToTreeNode(buildFactGraph(context, factSourceFromFacts(facts)), context), [
+    facts,
+    context
+  ]);
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    classNames
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, {
+    srOnly: true
+  }, "Filter facts"), /* @__PURE__ */ React.createElement(Input.TextInput, {
+    placeholder: "Filter by entity or predicate\u2026",
+    value: filter,
+    onChange: (event) => setFilter(event.target.value)
+  })), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "grow"
+  }), /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--list--regular",
+    iconOnly: true,
+    label: "List view",
+    variant: view === "list" ? "primary" : "default",
+    onClick: () => setView("list")
+  }), /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--graph--regular",
+    iconOnly: true,
+    label: "Graph view",
+    variant: view === "graph" ? "primary" : "default",
+    onClick: () => setView("graph")
+  }))), view === "list" ? /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    padding: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
+    classNames: "flex flex-col gap-2 py-1"
+  }, groups.length === 0 && /* @__PURE__ */ React.createElement(Empty, {
+    label: "No facts."
+  }), groups.map((group) => /* @__PURE__ */ React.createElement(SubjectGroup, {
+    key: group.subject,
+    group
+  }))))) : /* @__PURE__ */ React.createElement(Panel.Content, {
+    classNames: "overflow-hidden"
+  }, graph ? /* @__PURE__ */ React.createElement(Tree, {
+    data: graph,
+    variant: "tidy",
+    margin: 80,
+    classNames: "w-full h-full"
+  }) : /* @__PURE__ */ React.createElement(Empty, {
+    icon: "ph--graph--regular",
+    label: "Select an entity to root the graph."
+  })));
+};
+var SubjectGroup = ({ group }) => /* @__PURE__ */ React.createElement("div", {
+  className: "shrink-0 flex flex-col bg-card-surface border border-subdued-separator rounded-sm overflow-hidden"
+}, /* @__PURE__ */ React.createElement("div", {
+  className: "flex px-3 py-1 items-center justify-between"
+}, /* @__PURE__ */ React.createElement("h3", null, group.subject), group.conflicted && /* @__PURE__ */ React.createElement(Tag, {
+  hue: "warning"
+}, /* @__PURE__ */ React.createElement("span", {
+  className: "flex items-center gap-1"
+}, /* @__PURE__ */ React.createElement(Icon, {
+  icon: "ph--warning--regular",
+  size: 3
+}), "conflict"))), /* @__PURE__ */ React.createElement(Listbox.Root, null, /* @__PURE__ */ React.createElement(Listbox.Content, {
+  "aria-label": group.subject
+}, group.facts.map((fact) => /* @__PURE__ */ React.createElement(FactRow, {
+  key: fact.id,
+  fact,
+  conflicting: group.conflictedIds.has(fact.id)
+})))));
+var cellClassNames = "bg-input-surface border border-subdued-separator rounded-sm px-2 py-0.5 font-medium whitespace-nowrap truncate";
+var FactRow = ({ fact, conflicting }) => {
+  const { assertion, factuality, attribution } = fact;
+  return /* @__PURE__ */ React.createElement(Listbox.Item, {
+    id: fact.id,
+    classNames: mx("flex flex-col items-stretch gap-2 px-3 py-1", conflicting && "border-is-2 border-warning-border")
+  }, assertion.quote && /* @__PURE__ */ React.createElement("div", {
+    className: "text-sm text-description italic"
+  }, '"', assertion.quote, '"'), /* @__PURE__ */ React.createElement("div", {
+    className: "grid grid-cols-[1fr_5rem] items-center justify-between gap-2"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "w-full grid grid-cols-[1fr_1rem_1fr_1rem_1fr] items-center flex-wrap"
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: mx(cellClassNames, "text-right")
+  }, formatTerm(assertion.subject)), /* @__PURE__ */ React.createElement("span", {
+    className: "border border-subdued-separator"
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: mx(cellClassNames, "text-center text-description")
+  }, assertion.predicate), /* @__PURE__ */ React.createElement("span", {
+    className: "border border-subdued-separator"
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: mx(cellClassNames)
+  }, formatTerm(assertion.object))), /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-center justify-end gap-2 shrink-0"
+  }, factuality.confidence != null && /* @__PURE__ */ React.createElement("span", {
+    className: "text-xs text-subdued"
+  }, Math.round(factuality.confidence * 100), "%"), /* @__PURE__ */ React.createElement(Tag, {
+    hue: factualityColor(factuality.value)
+  }, factuality.value))), /* @__PURE__ */ React.createElement("div", {
+    className: "text-xs text-subdued text-right"
+  }, [
+    attribution.agent,
+    attribution.source,
+    formatDate(attribution.generatedAtTime)
+  ].filter(Boolean).join(" \xB7 ")));
+};
+export {
+  FactViewer,
+  factualityColor,
+  formatDate,
+  formatTerm,
+  graphToTreeNode,
+  groupFacts,
+  humanize,
+  termKey
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/browser/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FactViewer.tsx", "../../../src/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useMemo, useState } from 'react';\n\nimport { type RDF, buildFactGraph, factSourceFromFacts } from '@dxos/pipeline-rdf';\nimport { Icon, IconButton, Input, Panel, ScrollArea, Tag, type ThemedClassName, Toolbar } from '@dxos/react-ui';\nimport { Tree } from '@dxos/react-ui-graph';\nimport { Empty, Listbox } from '@dxos/react-ui-list';\nimport { mx } from '@dxos/ui-theme';\n\nimport { Group, factualityColor, formatDate, formatTerm, graphToTreeNode, groupFacts, termKey } from './types';\n\ntype View = 'list' | 'graph';\n\nexport type FactViewerProps = ThemedClassName<{\n  facts: RDF.Fact[];\n  /** Context entity id; scopes the list and roots the graph. */\n  context?: string;\n  /** Predicate filter; when set, only facts with this predicate are shown. */\n  predicate?: string;\n}>;\n\n/**\n * Viewer for extracted semantic facts with two views: a grouped **list** (by subject entity, with\n * conflicts highlighted) and a **graph** (tidy tree rooted at the context entity, exploring the fact\n * graph). A `context` entity scopes the list and roots the graph; a `predicate` further filters the\n * list. Pure/presentational.\n */\nexport const FactViewer = ({ classNames, facts, context, predicate }: FactViewerProps) => {\n  const [filter, setFilter] = useState('');\n  const [view, setView] = useState<View>('list');\n  const scoped = useMemo(\n    () =>\n      facts.filter(\n        (fact) =>\n          (context == null ||\n            termKey(fact.assertion.subject) === context ||\n            termKey(fact.assertion.object) === context) &&\n          (predicate == null || fact.assertion.predicate === predicate),\n      ),\n    [facts, context, predicate],\n  );\n  const groups = useMemo(() => groupFacts(scoped, filter), [scoped, filter]);\n  const graph = useMemo(\n    () => (context == null ? undefined : graphToTreeNode(buildFactGraph(context, factSourceFromFacts(facts)), context)),\n    [facts, context],\n  );\n\n  return (\n    <Panel.Root classNames={classNames}>\n      <Panel.Toolbar asChild>\n        <Toolbar.Root>\n          <Input.Root>\n            <Input.Label srOnly>Filter facts</Input.Label>\n            <Input.TextInput\n              placeholder='Filter by entity or predicate…'\n              value={filter}\n              onChange={(event) => setFilter(event.target.value)}\n            />\n          </Input.Root>\n          <div role='none' className='grow' />\n          <IconButton\n            icon='ph--list--regular'\n            iconOnly\n            label='List view'\n            variant={view === 'list' ? 'primary' : 'default'}\n            onClick={() => setView('list')}\n          />\n          <IconButton\n            icon='ph--graph--regular'\n            iconOnly\n            label='Graph view'\n            variant={view === 'graph' ? 'primary' : 'default'}\n            onClick={() => setView('graph')}\n          />\n        </Toolbar.Root>\n      </Panel.Toolbar>\n      {view === 'list' ? (\n        <Panel.Content asChild>\n          <ScrollArea.Root padding>\n            <ScrollArea.Viewport classNames='flex flex-col gap-2 py-1'>\n              {groups.length === 0 && <Empty label='No facts.' />}\n              {groups.map((group) => (\n                <SubjectGroup key={group.subject} group={group} />\n              ))}\n            </ScrollArea.Viewport>\n          </ScrollArea.Root>\n        </Panel.Content>\n      ) : (\n        <Panel.Content classNames='overflow-hidden'>\n          {graph ? (\n            <Tree data={graph} variant='tidy' margin={80} classNames='w-full h-full' />\n          ) : (\n            <Empty icon='ph--graph--regular' label='Select an entity to root the graph.' />\n          )}\n        </Panel.Content>\n      )}\n    </Panel.Root>\n  );\n};\n\nconst SubjectGroup = ({ group }: { group: Group }) => (\n  <div className='shrink-0 flex flex-col bg-card-surface border border-subdued-separator rounded-sm overflow-hidden'>\n    <div className='flex px-3 py-1 items-center justify-between'>\n      <h3>{group.subject}</h3>\n      {group.conflicted && (\n        <Tag hue='warning'>\n          <span className='flex items-center gap-1'>\n            <Icon icon='ph--warning--regular' size={3} />\n            conflict\n          </span>\n        </Tag>\n      )}\n    </div>\n    <Listbox.Root>\n      <Listbox.Content aria-label={group.subject}>\n        {group.facts.map((fact) => (\n          <FactRow key={fact.id} fact={fact} conflicting={group.conflictedIds.has(fact.id)} />\n        ))}\n      </Listbox.Content>\n    </Listbox.Root>\n  </div>\n);\n\nconst cellClassNames =\n  'bg-input-surface border border-subdued-separator rounded-sm px-2 py-0.5 font-medium whitespace-nowrap truncate';\n\nconst FactRow = ({ fact, conflicting }: { fact: RDF.Fact; conflicting: boolean }) => {\n  const { assertion, factuality, attribution } = fact;\n  return (\n    <Listbox.Item\n      id={fact.id}\n      classNames={mx('flex flex-col items-stretch gap-2 px-3 py-1', conflicting && 'border-is-2 border-warning-border')}\n    >\n      {assertion.quote && <div className='text-sm text-description italic'>\"{assertion.quote}\"</div>}\n\n      <div className='grid grid-cols-[1fr_5rem] items-center justify-between gap-2'>\n        <div className='w-full grid grid-cols-[1fr_1rem_1fr_1rem_1fr] items-center flex-wrap'>\n          <span className={mx(cellClassNames, 'text-right')}>{formatTerm(assertion.subject)}</span>\n          <span className='border border-subdued-separator'></span>\n          <span className={mx(cellClassNames, 'text-center text-description')}>{assertion.predicate}</span>\n          <span className='border border-subdued-separator'></span>\n          <span className={mx(cellClassNames)}>{formatTerm(assertion.object)}</span>\n        </div>\n\n        <div className='flex items-center justify-end gap-2 shrink-0'>\n          {factuality.confidence != null && (\n            <span className='text-xs text-subdued'>{Math.round(factuality.confidence * 100)}%</span>\n          )}\n          <Tag hue={factualityColor(factuality.value)}>{factuality.value}</Tag>\n        </div>\n      </div>\n\n      <div className='text-xs text-subdued text-right'>\n        {[attribution.agent, attribution.source, formatDate(attribution.generatedAtTime)].filter(Boolean).join(' · ')}\n      </div>\n    </Listbox.Item>\n  );\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport { type FactGraph, type RDF } from '@dxos/pipeline-rdf';\nimport { type TreeNode } from '@dxos/react-ui-graph';\nimport { type ChromaticPalette, type MessageValence, type NeutralPalette } from '@dxos/ui-types';\n\nexport type Group = {\n  subject: string;\n  facts: RDF.Fact[];\n  conflicted: boolean;\n  conflictedIds: Set<string>;\n};\n\n/** Group facts by subject entity and flag predicate-level conflicts within each group. */\nexport const groupFacts = (facts: RDF.Fact[], filter: string): Group[] => {\n  const needle = filter.trim().toLowerCase();\n  const filtered = needle\n    ? facts.filter((fact) => {\n        const { subject, predicate, object } = fact.assertion;\n        return [formatTerm(subject), predicate, formatTerm(object)].some((value) =>\n          value.toLowerCase().includes(needle),\n        );\n      })\n    : facts;\n\n  // Group by the entity slug (so `DXOS`/`dxos` collapse) but remember a display label for the header.\n  const bySubject = new Map<string, RDF.Fact[]>();\n  const labelByKey = new Map<string, string>();\n  for (const fact of filtered) {\n    const key = termKey(fact.assertion.subject);\n    const list = bySubject.get(key) ?? [];\n    list.push(fact);\n    bySubject.set(key, list);\n    if (!labelByKey.has(key)) {\n      labelByKey.set(key, formatTerm(fact.assertion.subject));\n    }\n  }\n\n  return [...bySubject.entries()].map(([key, groupFactsList]) => {\n    const subject = labelByKey.get(key) ?? key;\n    const byPredicate = new Map<string, RDF.Fact[]>();\n    for (const fact of groupFactsList) {\n      const list = byPredicate.get(fact.assertion.predicate) ?? [];\n      list.push(fact);\n      byPredicate.set(fact.assertion.predicate, list);\n    }\n\n    const conflictedIds = new Set<string>();\n    for (const list of byPredicate.values()) {\n      const objects = new Set(list.map((fact) => termKey(fact.assertion.object)));\n      if (objects.size > 1) {\n        for (const fact of list) {\n          conflictedIds.add(fact.id);\n        }\n      }\n    }\n\n    return {\n      subject,\n      facts: groupFactsList,\n      conflicted: conflictedIds.size > 0,\n      conflictedIds,\n    };\n  });\n};\n\n/** The join/grouping key: the entity slug (or literal). Casing variants collapse to one key. */\nexport const termKey = (term: RDF.Term): string => ('entity' in term ? term.entity : term.literal);\n\n/** Display form: the preserved surface label, else a prettified slug; literals render verbatim. */\nexport const formatTerm = (term: RDF.Term): string =>\n  'entity' in term ? (term.label ?? humanize(term.entity)) : term.literal;\n\n/**\n * Convert a {@link FactGraph} into a rooted {@link TreeNode} hierarchy for the tidy-tree renderer.\n * A fact graph is a general (cyclic) graph; the tidy tree needs a hierarchy, so this takes the BFS\n * spanning tree from `rootId` over the undirected edges (each node appears once). Returns `undefined`\n * if the root isn't in the graph.\n */\nexport const graphToTreeNode = (graph: FactGraph, rootId: string): TreeNode | undefined => {\n  const nodeById = new Map(graph.nodes.map((node) => [node.id, node]));\n  if (!nodeById.has(rootId)) {\n    return undefined;\n  }\n  const adjacency = new Map<string, string[]>();\n  const link = (from: string, to: string) => {\n    const list = adjacency.get(from) ?? [];\n    list.push(to);\n    adjacency.set(from, list);\n  };\n  for (const edge of graph.edges) {\n    link(edge.source, edge.target);\n    link(edge.target, edge.source);\n  }\n\n  const visited = new Set<string>([rootId]);\n  const build = (id: string): TreeNode => {\n    const children: TreeNode[] = [];\n    for (const neighbour of adjacency.get(id) ?? []) {\n      if (!visited.has(neighbour)) {\n        visited.add(neighbour);\n        children.push(build(neighbour));\n      }\n    }\n    return { id, label: nodeById.get(id)?.label ?? id, ...(children.length > 0 ? { children } : {}) };\n  };\n  return build(rootId);\n};\n\n/** Render ids like `q3-board-meeting` as `Q3 Board Meeting`. */\nexport const humanize = (value: string): string =>\n  value.replace(/[-_]/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase());\n\nexport const formatDate = (iso: string): string => iso.slice(0, 10);\n\n/** Map FactBank factuality to a real react-ui palette member. */\nexport const factualityColor = (\n  factuality: RDF.FactualityValue,\n): NeutralPalette | ChromaticPalette | MessageValence => {\n  switch (factuality) {\n    case 'CT+':\n      return 'emerald';\n    case 'PR+':\n      return 'amber';\n    case 'PS+':\n      return 'sky';\n    case 'CT-':\n    case 'PR-':\n    case 'PS-':\n      return 'red';\n    case 'CTu':\n    case 'Uu':\n    default:\n      return 'neutral';\n  }\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useMemo", "useState", "buildFactGraph", "factSourceFromFacts", "Icon", "IconButton", "Input", "Panel", "ScrollArea", "Tag", "Toolbar", "Tree", "Empty", "Listbox", "mx", "groupFacts", "facts", "filter", "needle", "trim", "toLowerCase", "filtered", "fact", "subject", "predicate", "object", "assertion", "formatTerm", "some", "value", "includes", "bySubject", "Map", "labelByKey", "key", "termKey", "list", "get", "push", "set", "has", "entries", "map", "groupFactsList", "byPredicate", "conflictedIds", "Set", "values", "objects", "size", "add", "id", "conflicted", "term", "entity", "literal", "label", "humanize", "graphToTreeNode", "graph", "rootId", "nodeById", "nodes", "node", "undefined", "adjacency", "link", "from", "to", "edge", "edges", "source", "target", "visited", "build", "children", "neighbour", "length", "replace", "char", "toUpperCase", "formatDate", "iso", "slice", "factualityColor", "factuality", "FactViewer", "classNames", "facts", "context", "predicate", "filter", "setFilter", "useState", "view", "setView", "scoped", "useMemo", "fact", "termKey", "assertion", "subject", "object", "groups", "groupFacts", "graph", "undefined", "graphToTreeNode", "buildFactGraph", "factSourceFromFacts", "Panel", "Root", "Toolbar", "asChild", "Input", "Label", "srOnly", "TextInput", "placeholder", "value", "onChange", "event", "target", "div", "role", "className", "IconButton", "icon", "iconOnly", "label", "variant", "onClick", "Content", "ScrollArea", "padding", "Viewport", "length", "Empty", "map", "group", "SubjectGroup", "key", "Tree", "data", "margin", "h3", "conflicted", "Tag", "hue", "span", "Icon", "size", "Listbox", "aria-label", "FactRow", "id", "conflicting", "conflictedIds", "has", "cellClassNames", "factuality", "attribution", "Item", "mx", "quote", "formatTerm", "confidence", "Math", "round", "factualityColor", "agent", "source", "formatDate", "generatedAtTime", "Boolean", "join"]
+}

package/dist/lib/browser/meta.json

@@ -0,0 +1 @@
+{"inputs":{"src/types.ts":{"bytes":15625,"imports":[],"format":"esm"},"src/FactViewer.tsx":{"bytes":21156,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/pipeline-rdf","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-list","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/index.ts":{"bytes":463,"imports":[{"path":"src/FactViewer.tsx","kind":"import-statement","original":"./FactViewer"},{"path":"src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":19168},"dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/pipeline-rdf","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-list","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"exports":["FactViewer","factualityColor","formatDate","formatTerm","graphToTreeNode","groupFacts","humanize","termKey"],"entryPoint":"src/index.ts","inputs":{"src/FactViewer.tsx":{"bytesInOutput":5991},"src/types.ts":{"bytesInOutput":3107},"src/index.ts":{"bytesInOutput":0}},"bytes":9323}}}

package/dist/lib/node-esm/index.mjs

@@ -0,0 +1,251 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// src/FactViewer.tsx
+import React, { useMemo, useState } from "react";
+import { buildFactGraph, factSourceFromFacts } from "@dxos/pipeline-rdf";
+import { Icon, IconButton, Input, Panel, ScrollArea, Tag, Toolbar } from "@dxos/react-ui";
+import { Tree } from "@dxos/react-ui-graph";
+import { Empty, Listbox } from "@dxos/react-ui-list";
+import { mx } from "@dxos/ui-theme";
+
+// src/types.ts
+var groupFacts = (facts, filter) => {
+  const needle = filter.trim().toLowerCase();
+  const filtered = needle ? facts.filter((fact) => {
+    const { subject, predicate, object } = fact.assertion;
+    return [
+      formatTerm(subject),
+      predicate,
+      formatTerm(object)
+    ].some((value) => value.toLowerCase().includes(needle));
+  }) : facts;
+  const bySubject = /* @__PURE__ */ new Map();
+  const labelByKey = /* @__PURE__ */ new Map();
+  for (const fact of filtered) {
+    const key = termKey(fact.assertion.subject);
+    const list = bySubject.get(key) ?? [];
+    list.push(fact);
+    bySubject.set(key, list);
+    if (!labelByKey.has(key)) {
+      labelByKey.set(key, formatTerm(fact.assertion.subject));
+    }
+  }
+  return [
+    ...bySubject.entries()
+  ].map(([key, groupFactsList]) => {
+    const subject = labelByKey.get(key) ?? key;
+    const byPredicate = /* @__PURE__ */ new Map();
+    for (const fact of groupFactsList) {
+      const list = byPredicate.get(fact.assertion.predicate) ?? [];
+      list.push(fact);
+      byPredicate.set(fact.assertion.predicate, list);
+    }
+    const conflictedIds = /* @__PURE__ */ new Set();
+    for (const list of byPredicate.values()) {
+      const objects = new Set(list.map((fact) => termKey(fact.assertion.object)));
+      if (objects.size > 1) {
+        for (const fact of list) {
+          conflictedIds.add(fact.id);
+        }
+      }
+    }
+    return {
+      subject,
+      facts: groupFactsList,
+      conflicted: conflictedIds.size > 0,
+      conflictedIds
+    };
+  });
+};
+var termKey = (term) => "entity" in term ? term.entity : term.literal;
+var formatTerm = (term) => "entity" in term ? term.label ?? humanize(term.entity) : term.literal;
+var graphToTreeNode = (graph, rootId) => {
+  const nodeById = new Map(graph.nodes.map((node) => [
+    node.id,
+    node
+  ]));
+  if (!nodeById.has(rootId)) {
+    return void 0;
+  }
+  const adjacency = /* @__PURE__ */ new Map();
+  const link = (from, to) => {
+    const list = adjacency.get(from) ?? [];
+    list.push(to);
+    adjacency.set(from, list);
+  };
+  for (const edge of graph.edges) {
+    link(edge.source, edge.target);
+    link(edge.target, edge.source);
+  }
+  const visited = /* @__PURE__ */ new Set([
+    rootId
+  ]);
+  const build = (id) => {
+    const children = [];
+    for (const neighbour of adjacency.get(id) ?? []) {
+      if (!visited.has(neighbour)) {
+        visited.add(neighbour);
+        children.push(build(neighbour));
+      }
+    }
+    return {
+      id,
+      label: nodeById.get(id)?.label ?? id,
+      ...children.length > 0 ? {
+        children
+      } : {}
+    };
+  };
+  return build(rootId);
+};
+var humanize = (value) => value.replace(/[-_]/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
+var formatDate = (iso) => iso.slice(0, 10);
+var factualityColor = (factuality) => {
+  switch (factuality) {
+    case "CT+":
+      return "emerald";
+    case "PR+":
+      return "amber";
+    case "PS+":
+      return "sky";
+    case "CT-":
+    case "PR-":
+    case "PS-":
+      return "red";
+    case "CTu":
+    case "Uu":
+    default:
+      return "neutral";
+  }
+};
+
+// src/FactViewer.tsx
+var FactViewer = ({ classNames, facts, context, predicate }) => {
+  const [filter, setFilter] = useState("");
+  const [view, setView] = useState("list");
+  const scoped = useMemo(() => facts.filter((fact) => (context == null || termKey(fact.assertion.subject) === context || termKey(fact.assertion.object) === context) && (predicate == null || fact.assertion.predicate === predicate)), [
+    facts,
+    context,
+    predicate
+  ]);
+  const groups = useMemo(() => groupFacts(scoped, filter), [
+    scoped,
+    filter
+  ]);
+  const graph = useMemo(() => context == null ? void 0 : graphToTreeNode(buildFactGraph(context, factSourceFromFacts(facts)), context), [
+    facts,
+    context
+  ]);
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    classNames
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, {
+    srOnly: true
+  }, "Filter facts"), /* @__PURE__ */ React.createElement(Input.TextInput, {
+    placeholder: "Filter by entity or predicate\u2026",
+    value: filter,
+    onChange: (event) => setFilter(event.target.value)
+  })), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "grow"
+  }), /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--list--regular",
+    iconOnly: true,
+    label: "List view",
+    variant: view === "list" ? "primary" : "default",
+    onClick: () => setView("list")
+  }), /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--graph--regular",
+    iconOnly: true,
+    label: "Graph view",
+    variant: view === "graph" ? "primary" : "default",
+    onClick: () => setView("graph")
+  }))), view === "list" ? /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    padding: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
+    classNames: "flex flex-col gap-2 py-1"
+  }, groups.length === 0 && /* @__PURE__ */ React.createElement(Empty, {
+    label: "No facts."
+  }), groups.map((group) => /* @__PURE__ */ React.createElement(SubjectGroup, {
+    key: group.subject,
+    group
+  }))))) : /* @__PURE__ */ React.createElement(Panel.Content, {
+    classNames: "overflow-hidden"
+  }, graph ? /* @__PURE__ */ React.createElement(Tree, {
+    data: graph,
+    variant: "tidy",
+    margin: 80,
+    classNames: "w-full h-full"
+  }) : /* @__PURE__ */ React.createElement(Empty, {
+    icon: "ph--graph--regular",
+    label: "Select an entity to root the graph."
+  })));
+};
+var SubjectGroup = ({ group }) => /* @__PURE__ */ React.createElement("div", {
+  className: "shrink-0 flex flex-col bg-card-surface border border-subdued-separator rounded-sm overflow-hidden"
+}, /* @__PURE__ */ React.createElement("div", {
+  className: "flex px-3 py-1 items-center justify-between"
+}, /* @__PURE__ */ React.createElement("h3", null, group.subject), group.conflicted && /* @__PURE__ */ React.createElement(Tag, {
+  hue: "warning"
+}, /* @__PURE__ */ React.createElement("span", {
+  className: "flex items-center gap-1"
+}, /* @__PURE__ */ React.createElement(Icon, {
+  icon: "ph--warning--regular",
+  size: 3
+}), "conflict"))), /* @__PURE__ */ React.createElement(Listbox.Root, null, /* @__PURE__ */ React.createElement(Listbox.Content, {
+  "aria-label": group.subject
+}, group.facts.map((fact) => /* @__PURE__ */ React.createElement(FactRow, {
+  key: fact.id,
+  fact,
+  conflicting: group.conflictedIds.has(fact.id)
+})))));
+var cellClassNames = "bg-input-surface border border-subdued-separator rounded-sm px-2 py-0.5 font-medium whitespace-nowrap truncate";
+var FactRow = ({ fact, conflicting }) => {
+  const { assertion, factuality, attribution } = fact;
+  return /* @__PURE__ */ React.createElement(Listbox.Item, {
+    id: fact.id,
+    classNames: mx("flex flex-col items-stretch gap-2 px-3 py-1", conflicting && "border-is-2 border-warning-border")
+  }, assertion.quote && /* @__PURE__ */ React.createElement("div", {
+    className: "text-sm text-description italic"
+  }, '"', assertion.quote, '"'), /* @__PURE__ */ React.createElement("div", {
+    className: "grid grid-cols-[1fr_5rem] items-center justify-between gap-2"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "w-full grid grid-cols-[1fr_1rem_1fr_1rem_1fr] items-center flex-wrap"
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: mx(cellClassNames, "text-right")
+  }, formatTerm(assertion.subject)), /* @__PURE__ */ React.createElement("span", {
+    className: "border border-subdued-separator"
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: mx(cellClassNames, "text-center text-description")
+  }, assertion.predicate), /* @__PURE__ */ React.createElement("span", {
+    className: "border border-subdued-separator"
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: mx(cellClassNames)
+  }, formatTerm(assertion.object))), /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-center justify-end gap-2 shrink-0"
+  }, factuality.confidence != null && /* @__PURE__ */ React.createElement("span", {
+    className: "text-xs text-subdued"
+  }, Math.round(factuality.confidence * 100), "%"), /* @__PURE__ */ React.createElement(Tag, {
+    hue: factualityColor(factuality.value)
+  }, factuality.value))), /* @__PURE__ */ React.createElement("div", {
+    className: "text-xs text-subdued text-right"
+  }, [
+    attribution.agent,
+    attribution.source,
+    formatDate(attribution.generatedAtTime)
+  ].filter(Boolean).join(" \xB7 ")));
+};
+export {
+  FactViewer,
+  factualityColor,
+  formatDate,
+  formatTerm,
+  graphToTreeNode,
+  groupFacts,
+  humanize,
+  termKey
+};
+//# sourceMappingURL=index.mjs.map