@manta-eu/horns-client 0.1.0 → 0.1.2

package/dist/reference/supply-chain-360.horn.json

@@ -0,0 +1,413 @@
+{
+    "iri": "urn:manta-horns:horn:reference-supply-chain-360",
+    "slug": "supply-chain-360",
+    "title": "Supply Chain 360",
+    "summary": "Everything known about one counterparty: what is flagged, where it is exposed, who supplies it.",
+    "audience": "Supply chain",
+    "datastoreId": "salt-house",
+    "realm": "hiremanta-com",
+    "schemaVersion": 1,
+    "revision": 1,
+    "layout": {
+        "kind": "grid",
+        "columns": 12,
+        "items": [
+            {
+                "viewId": "entity",
+                "x": 0,
+                "y": 0,
+                "w": 3,
+                "h": 2
+            },
+            {
+                "viewId": "entity-stats",
+                "x": 3,
+                "y": 0,
+                "w": 9,
+                "h": 2
+            },
+            {
+                "viewId": "exposure-tiles",
+                "x": 0,
+                "y": 2,
+                "w": 4,
+                "h": 4
+            },
+            {
+                "viewId": "global-exposure",
+                "x": 4,
+                "y": 2,
+                "w": 5,
+                "h": 4
+            },
+            {
+                "viewId": "notifications",
+                "x": 9,
+                "y": 2,
+                "w": 3,
+                "h": 4
+            },
+            {
+                "viewId": "concentration-history",
+                "x": 0,
+                "y": 6,
+                "w": 9,
+                "h": 5
+            },
+            {
+                "viewId": "disruptions",
+                "x": 9,
+                "y": 6,
+                "w": 3,
+                "h": 5
+            },
+            {
+                "viewId": "top-suppliers",
+                "x": 0,
+                "y": 11,
+                "w": 12,
+                "h": 4
+            }
+        ]
+    },
+    "variables": [
+        {
+            "id": "entity",
+            "label": "Counterparty",
+            "type": "iri",
+            "urlParam": "entity"
+        },
+        {
+            "id": "category",
+            "label": "Alert kind",
+            "type": "string",
+            "urlParam": "kind"
+        },
+        {
+            "id": "country",
+            "label": "Country",
+            "type": "iri",
+            "urlParam": "country"
+        }
+    ],
+    "views": [
+        {
+            "id": "entity",
+            "title": "Who this is",
+            "binding": {
+                "kind": "select",
+                "sparql": "SELECT ?this ?name ?industry ?country ?entityType WHERE { BIND(?entity AS ?this) OPTIONAL { ?this schema:name ?name } OPTIONAL { ?this :factsetIndustry ?industry } OPTIONAL { ?this schema:addressCountry ?country } OPTIONAL { ?this :entityType ?entityType } }",
+                "params": ["entity"],
+                "limit": 1,
+                "derivations": [],
+                "columns": [
+                    {
+                        "name": "this",
+                        "type": "iri"
+                    },
+                    {
+                        "name": "name",
+                        "type": "string"
+                    },
+                    {
+                        "name": "industry",
+                        "type": "string"
+                    },
+                    {
+                        "name": "country",
+                        "type": "iri"
+                    },
+                    {
+                        "name": "entityType",
+                        "type": "string"
+                    }
+                ]
+            },
+            "render": {
+                "kind": "tsx",
+                "source": "import { Badge, Button, Separator } from \"@manta-eu/react\";\nimport { useHornFilter } from \"@manta-eu/horns-kit/view\";\n\nconst muted = { opacity: 0.7 };\n\nexport default function View({ rows, labels }) {\n  const country = useHornFilter(\"country\");\n  const one = rows[0];\n  if (!one) return null;\n  const named = one.country ? (labels[one.country] ?? \"Unknown country\") : undefined;\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: 12 }}>\n      <span style={{ fontSize: 20, lineHeight: 1.2, fontWeight: 600 }}>{one.name ?? \"Unnamed entity\"}</span>\n      <span style={{ ...muted, fontSize: 14, lineHeight: 1.35 }}>{one.industry}</span>\n      <Separator />\n      <span style={{ display: \"flex\", flexWrap: \"wrap\", alignItems: \"center\", gap: 8 }}>\n        {named && country.live ? (\n          <Button variant={country.is(one.country) ? \"primary\" : \"secondary\"} size=\"xs\" onClick={() => country.toggle(one.country)}>\n            {named}\n          </Button>\n        ) : named ? (\n          <Badge variant=\"secondary\">{named}</Badge>\n        ) : null}\n        {one.entityType ? <Badge variant=\"secondary\">{one.entityType}</Badge> : null}\n      </span>\n    </div>\n  );\n}",
+                "reviewed": {
+                    "hash": "sha256-tfqcvzciL4h4fl2Z7k58XJBW7uzMCdwTkzj1OHa7qzM",
+                    "at": "2026-09-29T12:00:00.000Z"
+                }
+            }
+        },
+        {
+            "id": "notifications",
+            "title": "Supply chain notifications",
+            "binding": {
+                "kind": "select",
+                "sparql": "SELECT ?this ?headline ?source ?priority ?raised ?category WHERE { ?this :concerns ?entity ; :alertKind \"notification\" ; :headline ?headline ; :alertCategory ?category . OPTIONAL { ?this :alertSource ?source } OPTIONAL { ?this :alertPriority ?priority } OPTIONAL { ?this :raisedAt ?raised } } ORDER BY DESC(?raised)",
+                "params": ["entity", "category"],
+                "limit": 50,
+                "derivations": [],
+                "columns": [
+                    {
+                        "name": "this",
+                        "type": "iri"
+                    },
+                    {
+                        "name": "headline",
+                        "type": "string"
+                    },
+                    {
+                        "name": "source",
+                        "type": "string"
+                    },
+                    {
+                        "name": "priority",
+                        "type": "string"
+                    },
+                    {
+                        "name": "raised",
+                        "type": "date"
+                    },
+                    {
+                        "name": "category",
+                        "type": "string"
+                    }
+                ]
+            },
+            "render": {
+                "kind": "tsx",
+                "source": "import { Badge, Button, Link, ScrollArea, Separator, Status } from \"@manta-eu/react\";\nimport { Nothing, useHornFilter } from \"@manta-eu/horns-kit/view\";\n\nconst muted = { opacity: 0.7 };\n\n// Every row says where it came from and what it is worth. That is the property worth copying from Supply\n// Chain 360: an alert with no provenance is a rumour. The words are a person's, not the graph's.\n//\n// Where a row goes is `links`, which the host composes — never an href built from a column. A URL in the\n// data is a URL out of the app, and what a link should open is not the view's to decide.\nconst said = { red: \"Urgent\", amber: \"Needs attention\", green: \"For information\" };\nconst tone = (priority) =>\n  priority === \"red\" ? \"error\" : priority === \"amber\" ? \"warning\" : priority === \"green\" ? \"success\" : \"neutral\";\n\nexport default function View({ rows, links }) {\n  const category = useHornFilter(\"category\");\n  const narrowed = typeof category.value === \"string\" ? category.value : undefined;\n  return (\n    <div style={{ display: \"flex\", height: \"100%\", minHeight: 0, flexDirection: \"column\", gap: 12 }}>\n      {narrowed ? (\n        <span style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", gap: 8 }}>\n          <span style={{ ...muted, fontSize: 12 }}>Only {narrowed}</span>\n          <Button variant=\"ghost\" size=\"xs\" onClick={() => category.toggle(narrowed)}>\n            Show all\n          </Button>\n        </span>\n      ) : null}\n      {rows.length === 0 ? (\n        <Nothing title=\"Nothing raised\" hint=\"Rules raise these as they find work.\" />\n      ) : (\n        <ScrollArea style={{ minHeight: 0, flex: 1 }}>\n          <ul style={{ display: \"flex\", flexDirection: \"column\", gap: 12 }}>\n            {rows.map((row, index) => (\n              <li key={row.this} style={{ display: \"flex\", flexDirection: \"column\", gap: 8 }}>\n                {index === 0 ? null : <Separator />}\n                <span style={{ fontSize: 14, lineHeight: 1.35 }}>{row.headline}</span>\n                <span style={{ display: \"flex\", flexWrap: \"wrap\", alignItems: \"center\", gap: 8 }}>\n                  {row.priority ? (\n                    <Status label={said[row.priority] ?? row.priority} variant={tone(row.priority)} />\n                  ) : null}\n                  {row.source ? <Badge variant=\"secondary\">{row.source}</Badge> : null}\n                  {links[row.this] ? (\n                    <Link href={links[row.this].href} variant=\"ghost\" size=\"xs\">\n                      {links[row.this].label}\n                    </Link>\n                  ) : null}\n                </span>\n              </li>\n            ))}\n          </ul>\n        </ScrollArea>\n      )}\n    </div>\n  );\n}",
+                "reviewed": {
+                    "hash": "sha256-XA8o7l3yR7VosLu3uqbXQk3cOWKUJUP0TcQzi15v9Sc",
+                    "at": "2026-09-29T12:00:00.000Z"
+                }
+            }
+        },
+        {
+            "id": "disruptions",
+            "title": "Disruptions",
+            "binding": {
+                "kind": "select",
+                "sparql": "SELECT ?this ?headline ?source ?priority ?raised ?category WHERE { ?this :concerns ?entity ; :alertKind \"disruption\" ; :headline ?headline ; :alertCategory ?category . OPTIONAL { ?this :alertSource ?source } OPTIONAL { ?this :alertPriority ?priority } OPTIONAL { ?this :raisedAt ?raised } } ORDER BY DESC(?raised)",
+                "params": ["entity", "category"],
+                "limit": 50,
+                "derivations": [],
+                "columns": [
+                    {
+                        "name": "this",
+                        "type": "iri"
+                    },
+                    {
+                        "name": "headline",
+                        "type": "string"
+                    },
+                    {
+                        "name": "source",
+                        "type": "string"
+                    },
+                    {
+                        "name": "priority",
+                        "type": "string"
+                    },
+                    {
+                        "name": "raised",
+                        "type": "date"
+                    },
+                    {
+                        "name": "category",
+                        "type": "string"
+                    }
+                ]
+            },
+            "render": {
+                "kind": "tsx",
+                "source": "import { Badge, Button, Link, ScrollArea, Separator, Status } from \"@manta-eu/react\";\nimport { Nothing, useHornFilter } from \"@manta-eu/horns-kit/view\";\n\nconst muted = { opacity: 0.7 };\n\n// Every row says where it came from and what it is worth. That is the property worth copying from Supply\n// Chain 360: an alert with no provenance is a rumour. The words are a person's, not the graph's.\n//\n// Where a row goes is `links`, which the host composes — never an href built from a column. A URL in the\n// data is a URL out of the app, and what a link should open is not the view's to decide.\nconst said = { red: \"Urgent\", amber: \"Needs attention\", green: \"For information\" };\nconst tone = (priority) =>\n  priority === \"red\" ? \"error\" : priority === \"amber\" ? \"warning\" : priority === \"green\" ? \"success\" : \"neutral\";\n\nexport default function View({ rows, links }) {\n  const category = useHornFilter(\"category\");\n  const narrowed = typeof category.value === \"string\" ? category.value : undefined;\n  return (\n    <div style={{ display: \"flex\", height: \"100%\", minHeight: 0, flexDirection: \"column\", gap: 12 }}>\n      {narrowed ? (\n        <span style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", gap: 8 }}>\n          <span style={{ ...muted, fontSize: 12 }}>Only {narrowed}</span>\n          <Button variant=\"ghost\" size=\"xs\" onClick={() => category.toggle(narrowed)}>\n            Show all\n          </Button>\n        </span>\n      ) : null}\n      {rows.length === 0 ? (\n        <Nothing title=\"Nothing raised\" hint=\"Events affecting this entity appear here.\" />\n      ) : (\n        <ScrollArea style={{ minHeight: 0, flex: 1 }}>\n          <ul style={{ display: \"flex\", flexDirection: \"column\", gap: 12 }}>\n            {rows.map((row, index) => (\n              <li key={row.this} style={{ display: \"flex\", flexDirection: \"column\", gap: 8 }}>\n                {index === 0 ? null : <Separator />}\n                <span style={{ fontSize: 14, lineHeight: 1.35 }}>{row.headline}</span>\n                <span style={{ display: \"flex\", flexWrap: \"wrap\", alignItems: \"center\", gap: 8 }}>\n                  {row.priority ? (\n                    <Status label={said[row.priority] ?? row.priority} variant={tone(row.priority)} />\n                  ) : null}\n                  {row.source ? <Badge variant=\"secondary\">{row.source}</Badge> : null}\n                  {links[row.this] ? (\n                    <Link href={links[row.this].href} variant=\"ghost\" size=\"xs\">\n                      {links[row.this].label}\n                    </Link>\n                  ) : null}\n                </span>\n              </li>\n            ))}\n          </ul>\n        </ScrollArea>\n      )}\n    </div>\n  );\n}",
+                "reviewed": {
+                    "hash": "sha256-Vg6rer0ebCYI9tXTrGxWClmK8Wvr39W2MN0XSCE3wOA",
+                    "at": "2026-09-29T12:00:00.000Z"
+                }
+            }
+        },
+        {
+            "id": "entity-stats",
+            "title": "Entity stats",
+            "binding": {
+                "kind": "select",
+                "sparql": "SELECT (COUNT(DISTINCT ?order) AS ?outgoing) (SUM(?amount) AS ?outgoingValue) (COUNT(DISTINCT ?supplier) AS ?suppliers) (COUNT(DISTINCT ?customer) AS ?customers) WHERE { OPTIONAL { ?entity :placedOrder ?order . OPTIONAL { ?order schema:totalPrice ?amount } } OPTIONAL { ?entity :tier1Supplier ?supplier } OPTIONAL { ?entity :tier1Customer ?customer } }",
+                "params": ["entity"],
+                "limit": 1,
+                "derivations": [],
+                "columns": [
+                    {
+                        "name": "outgoing",
+                        "type": "number"
+                    },
+                    {
+                        "name": "outgoingValue",
+                        "type": "number"
+                    },
+                    {
+                        "name": "suppliers",
+                        "type": "number"
+                    },
+                    {
+                        "name": "customers",
+                        "type": "number"
+                    }
+                ]
+            },
+            "render": {
+                "kind": "tsx",
+                "source": "import { Separator } from \"@manta-eu/react\";\nimport { WhyThis } from \"@manta-eu/horns-kit/view\";\n\nconst muted = { opacity: 0.7 };\n\nconst money = (value) =>\n  typeof value === \"number\"\n    ? `$${value.toLocaleString(\"en-US\", { notation: \"compact\", maximumFractionDigits: 2 })}`\n    : \"—\";\nconst count = (value) => (typeof value === \"number\" ? value.toLocaleString(\"en-US\") : \"—\");\n\n/** Each figure is counted, not recorded, so each one can say what it counted. */\nfunction countedFrom(subject, predicate, over, value) {\n  const claim = `${predicate}[<${subject}>, ${value}]`;\n  return {\n    [claim]: {\n      fact: claim,\n      type: \"derived\",\n      \"rule-instances-complete\": true,\n      \"rule-instances\": [\n        {\n          rule: `${predicate}[?entity, ?total] :- AGGREGATE(${over}[?entity, ?one] ON ?entity BIND COUNT(?one) AS ?total) .`,\n          \"grounded-rule\": `${claim} :- AGGREGATE(${over}[<${subject}>, ?one] ON <${subject}> BIND COUNT(?one) AS ${value}) .`,\n          \"body-facts\": [],\n        },\n      ],\n    },\n  };\n}\n\nexport default function View({ rows }) {\n  const one = rows[0] ?? {};\n  const subject = one.this ?? \"\";\n  const stats = [\n    { id: \":outgoingTransactions\", over: \":placedOrder\", raw: one.outgoing, value: count(one.outgoing), label: \"Total outgoing transactions\" },\n    { id: \":outgoingValue\", over: \":placedOrder\", raw: one.outgoingValue, value: money(one.outgoingValue), label: \"Total outgoing transaction value\" },\n    { id: \":tier1SupplierCount\", over: \":tier1Supplier\", raw: one.suppliers, value: count(one.suppliers), label: \"Tier 1 suppliers\" },\n    { id: \":tier1CustomerCount\", over: \":tier1Customer\", raw: one.customers, value: count(one.customers), label: \"Tier 1 customers\" },\n  ];\n  return (\n    <div style={{ display: \"grid\", gridTemplateColumns: \"repeat(4, minmax(0, 1fr))\", alignItems: \"center\" }}>\n      {stats.map((stat, index) => (\n        <span key={stat.label} style={{ display: \"flex\", minWidth: 0, alignItems: \"center\", gap: 20 }}>\n          {index === 0 ? null : <Separator orientation=\"vertical\" style={{ height: 40 }} />}\n          <span style={{ display: \"flex\", minWidth: 0, flexDirection: \"column\", gap: 4 }}>\n            <span style={{ fontSize: 20, lineHeight: 1, fontWeight: 600, fontVariantNumeric: \"tabular-nums\" }}>\n              <WhyThis\n                subject={subject}\n                predicate={stat.id}\n                object={String(stat.raw ?? \"\")}\n                title={stat.label}\n                data={countedFrom(subject, stat.id, stat.over, stat.raw ?? 0)}\n              >\n                {stat.value}\n              </WhyThis>\n            </span>\n            <span style={{ ...muted, fontSize: 12, lineHeight: 1.35 }}>{stat.label}</span>\n          </span>\n        </span>\n      ))}\n    </div>\n  );\n}",
+                "reviewed": {
+                    "hash": "sha256-pS3MIel4V5h24O74GydrKs2E8DQDx_YaBvKMU_ImE48",
+                    "at": "2026-09-29T12:00:00.000Z"
+                }
+            }
+        },
+        {
+            "id": "exposure-tiles",
+            "title": "What is flagged",
+            "binding": {
+                "kind": "select",
+                "sparql": "SELECT ?kind (COUNT(DISTINCT ?alert) AS ?total) (SAMPLE(?note) AS ?qualifier) (SAMPLE(?level) AS ?severity) WHERE { ?alert :concerns ?entity ; :alertKind ?kind . OPTIONAL { ?alert :qualifier ?note } OPTIONAL { ?alert :severity ?level } } GROUP BY ?kind",
+                "params": ["entity"],
+                "limit": 12,
+                "derivations": [],
+                "columns": [
+                    {
+                        "name": "kind",
+                        "type": "string"
+                    },
+                    {
+                        "name": "total",
+                        "type": "number"
+                    },
+                    {
+                        "name": "qualifier",
+                        "type": "string"
+                    },
+                    {
+                        "name": "severity",
+                        "type": "string"
+                    }
+                ]
+            },
+            "render": {
+                "kind": "tsx",
+                "source": "import { Button, Card, CardContent, Status } from \"@manta-eu/react\";\nimport { Nothing, useHornFilter } from \"@manta-eu/horns-kit/view\";\n\n// Each tile is a filter on the feed beside it, which is the property worth copying: a number you cannot\n// press is a statistic, and a number you can is a way in. The tile and the feed are not wired to each\n// other — they both answer to the Horn's `category`.\nconst tone = (severity) => (severity === \"high\" ? \"error\" : severity === \"medium\" ? \"warning\" : \"neutral\");\n\nexport default function View({ rows }) {\n  const category = useHornFilter(\"category\");\n  if (rows.length === 0) {\n    return <Nothing title=\"Nothing flagged\" hint=\"Alerts about this entity appear here as rules find them.\" />;\n  }\n  return (\n    <div style={{ display: \"grid\", gridTemplateColumns: \"repeat(2, minmax(0, 1fr))\", gap: 12 }}>\n      {rows.map((row) => (\n        <Card\n          key={row.kind}\n          data-selected={category.is(row.kind) ? \"true\" : undefined}\n          style={{ outline: category.is(row.kind) ? \"2px solid currentColor\" : undefined }}\n        >\n          <CardContent style={{ padding: 0 }}>\n            <Button\n              variant=\"ghost\"\n              disabled={!category.live}\n              onClick={() => category.toggle(row.kind)}\n              style={{ height: \"auto\", width: \"100%\", flexDirection: \"column\", alignItems: \"flex-start\", gap: 8, padding: \"12px 16px\", textAlign: \"left\" }}\n            >\n              <span style={{ display: \"flex\", alignItems: \"baseline\", gap: 8 }}>\n                <span style={{ fontSize: 24, lineHeight: 1, fontWeight: 600, fontVariantNumeric: \"tabular-nums\" }}>{row.total ?? 0}</span>\n                <span style={{ fontSize: 14, lineHeight: 1.35 }}>{row.kind}</span>\n              </span>\n              {row.qualifier ? <Status label={row.qualifier} variant={tone(row.severity)} /> : null}\n            </Button>\n          </CardContent>\n        </Card>\n      ))}\n    </div>\n  );\n}",
+                "reviewed": {
+                    "hash": "sha256-aq1E3_aTrfvoWTMfy3XniJEkX-cSnn7YCOxqZaotqg4",
+                    "at": "2026-09-29T12:00:00.000Z"
+                }
+            }
+        },
+        {
+            "id": "global-exposure",
+            "title": "Global exposure",
+            "binding": {
+                "kind": "select",
+                "sparql": "SELECT ?this ?buyerConcentration ?supplierConcentration ?disruptions WHERE { ?entity :exposedTo ?exposure . ?exposure schema:addressCountry ?this . OPTIONAL { ?exposure :buyerConcentration ?buyerConcentration } OPTIONAL { ?exposure :supplierConcentration ?supplierConcentration } OPTIONAL { ?exposure :activeDisruptions ?disruptions } } ORDER BY DESC(?supplierConcentration)",
+                "params": ["entity"],
+                "limit": 40,
+                "derivations": [],
+                "columns": [
+                    {
+                        "name": "this",
+                        "type": "iri"
+                    },
+                    {
+                        "name": "buyerConcentration",
+                        "type": "number"
+                    },
+                    {
+                        "name": "supplierConcentration",
+                        "type": "number"
+                    },
+                    {
+                        "name": "disruptions",
+                        "type": "number"
+                    }
+                ]
+            },
+            "render": {
+                "kind": "tsx",
+                "source": "import { Button, Status } from \"@manta-eu/react\";\nimport { Nothing, useHornFilter } from \"@manta-eu/horns-kit/view\";\n\nconst muted = { opacity: 0.7 };\n\n// The gap, drawn honestly. Supply Chain 360 puts two scales on one choropleth with per-layer toggles and\n// disruption markers over both; nothing on the view surface draws a map, so the same numbers are ranked —\n// and pressing a country narrows the suppliers beneath it, which the map also does.\nfunction Meter({ label, value }) {\n  return (\n    <span style={{ display: \"flex\", alignItems: \"center\", gap: 8 }}>\n      <span style={{ ...muted, width: 56, flexShrink: 0, fontSize: 12 }}>{label}</span>\n      <span style={{ position: \"relative\", height: 6, minWidth: 0, flex: 1, overflow: \"hidden\" }}>\n        <span style={{ position: \"absolute\", inset: 0, background: \"currentColor\", opacity: 0.15 }} />\n        <span\n          style={{\n            position: \"absolute\",\n            left: 0,\n            top: 0,\n            bottom: 0,\n            background: \"currentColor\",\n            width: `${Math.min(100, Math.max(0, value))}%`,\n          }}\n        />\n      </span>\n      <span style={{ width: 28, flexShrink: 0, textAlign: \"right\", fontSize: 12, fontVariantNumeric: \"tabular-nums\" }}>{Math.round(value)}</span>\n    </span>\n  );\n}\n\nexport default function View({ rows, labels }) {\n  const country = useHornFilter(\"country\");\n  if (rows.length === 0) {\n    return <Nothing title=\"No exposure recorded\" hint=\"Countries appear here once transactions name them.\" />;\n  }\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: 4 }}>\n      {rows.map((row) => (\n        <Button\n          key={row.this}\n          variant=\"ghost\"\n          disabled={!country.live}\n          onClick={() => country.toggle(row.this)}\n          style={{\n            height: \"auto\",\n            width: \"100%\",\n            flexDirection: \"column\",\n            alignItems: \"stretch\",\n            gap: 6,\n            padding: \"6px 8px\",\n            outline: country.is(row.this) ? \"2px solid currentColor\" : undefined,\n          }}\n        >\n          <span style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", gap: 8 }}>\n            <span style={{ fontSize: 14 }}>{labels[row.this] ?? \"Unknown country\"}</span>\n            {row.disruptions ? (\n              <Status\n                label={`${row.disruptions} ${row.disruptions === 1 ? \"disruption\" : \"disruptions\"}`}\n                variant=\"warning\"\n              />\n            ) : null}\n          </span>\n          <Meter label=\"Supplier\" value={row.supplierConcentration ?? 0} />\n          <Meter label=\"Buyer\" value={row.buyerConcentration ?? 0} />\n        </Button>\n      ))}\n    </div>\n  );\n}",
+                "reviewed": {
+                    "hash": "sha256-sElmawlSY1Z1RnHzK8Efe_4fTf-evXnZYoO08fMfZsA",
+                    "at": "2026-09-29T12:00:00.000Z"
+                }
+            }
+        },
+        {
+            "id": "concentration-history",
+            "title": "Concentration history",
+            "binding": {
+                "kind": "select",
+                "sparql": "SELECT ?month (AVG(?score) AS ?concentration) WHERE { ?entity :tier1Supplier ?supplier . ?supplier :concentrationReading ?reading . ?reading :readingMonth ?month ; :concentrationScore ?score } GROUP BY ?month ORDER BY ?month",
+                "params": ["entity"],
+                "limit": 60,
+                "derivations": [],
+                "columns": [
+                    {
+                        "name": "month",
+                        "type": "string"
+                    },
+                    {
+                        "name": "concentration",
+                        "type": "number"
+                    }
+                ]
+            },
+            "render": {
+                "kind": "tsx",
+                "source": "import { AreaChart } from \"@manta-eu/react/chart\";\nimport { Nothing } from \"@manta-eu/horns-kit/view\";\n\nconst muted = { opacity: 0.7 };\n\n// The annotations are the half already paid for: the SDK accepts them and the view surface did not list\n// them, so the Studio had never written one. The band and the benchmark are what let the picture answer\n// \"is this bad\" without a legend.\nexport default function View({ rows }) {\n  if (rows.length === 0) {\n    return <Nothing title=\"No readings yet\" hint=\"Concentration is scored monthly once orders are loaded.\" />;\n  }\n  return (\n    <div style={{ display: \"flex\", height: \"100%\", minHeight: 0, flexDirection: \"column\", gap: 8 }}>\n      <span style={{ ...muted, fontSize: 14 }}>\n        Higher means more of this entity's supply sits with fewer suppliers.\n      </span>\n      <span style={{ minHeight: 0, flex: 1 }}>\n        <AreaChart\n          data={{\n            type: \"area\",\n            data: rows.map((row) => ({ x: row.month, y: row.concentration ?? 0 })),\n            yAxisLabel: \"Concentration score\",\n            xAxisLabel: \"Month\",\n            annotations: [\n              { kind: \"reference-area\", axis: \"y\", from: 70, to: 100, label: \"Concentrated\", tone: \"danger\" },\n              { kind: \"reference-line\", axis: \"y\", value: 70, label: \"Benchmark 4\", tone: \"warning\" },\n              { kind: \"stat-line\", stat: \"average\", axis: \"y\", label: \"Average\", tone: \"neutral\" },\n            ],\n          }}\n        />\n      </span>\n    </div>\n  );\n}",
+                "reviewed": {
+                    "hash": "sha256-APKf-WP6MesibH3o6eyDfbnHgaPzunvv9ACy5Dc6Qpw",
+                    "at": "2026-09-29T12:00:00.000Z"
+                }
+            }
+        },
+        {
+            "id": "top-suppliers",
+            "title": "Top suppliers",
+            "binding": {
+                "kind": "select",
+                "sparql": "SELECT ?this ?concentration ?yearOnYear ?country WHERE { ?entity :tier1Supplier ?this . ?this schema:addressCountry ?country . OPTIONAL { ?this :ltmConcentration ?concentration } OPTIONAL { ?this :concentrationYoY ?yearOnYear } } ORDER BY DESC(?concentration)",
+                "params": ["entity", "country"],
+                "limit": 100,
+                "derivations": [],
+                "columns": [
+                    {
+                        "name": "this",
+                        "type": "iri"
+                    },
+                    {
+                        "name": "concentration",
+                        "type": "number"
+                    },
+                    {
+                        "name": "yearOnYear",
+                        "type": "number"
+                    },
+                    {
+                        "name": "country",
+                        "type": "iri"
+                    }
+                ]
+            },
+            "render": {
+                "kind": "tsx",
+                "source": "import {\n  Badge,\n  Button,\n  Link,\n  ScrollArea,\n  Status,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@manta-eu/react\";\nimport { Nothing, WhyThis, useHornFilter } from \"@manta-eu/horns-kit/view\";\n\n// The picture above and the numbers here say the same thing; neither does the other's job. The judgement is\n// already made in the cell, and the cell says why it was made.\nconst tone = (value) => (value >= 50 ? \"error\" : value >= 10 ? \"warning\" : \"success\");\nconst signed = (value) => (typeof value === \"number\" ? `${value > 0 ? \"+\" : \"\"}${value.toFixed(2)}` : \"—\");\n\nconst concentrated = \":concentrated\";\nconst ltm = \":ltmConcentration\";\n\n/** The derivation behind one supplier's score, in the shape RDFox answers an explain request with. */\nfunction explanationOf(supplier, score) {\n  const claim = `${concentrated}[<${supplier}>, true]`;\n  const evidence = `${ltm}[<${supplier}>, ${score}]`;\n  return {\n    [claim]: {\n      fact: claim,\n      type: \"derived\",\n      \"rule-instances-complete\": true,\n      \"rule-instances\": [\n        {\n          rule: `${concentrated}[?supplier, true] :- ${ltm}[?supplier, ?score], FILTER(?score > 50) .`,\n          \"grounded-rule\": `${claim} :- ${evidence}, FILTER(${score} > 50) .`,\n          \"body-facts\": [evidence],\n        },\n      ],\n    },\n    [evidence]: { fact: evidence, type: \"explicit\" },\n  };\n}\n\nexport default function View({ rows, labels, links }) {\n  const country = useHornFilter(\"country\");\n  if (rows.length === 0) {\n    return (\n      <Nothing\n        title=\"No suppliers here\"\n        hint={country.live ? \"Nothing matches the country this is narrowed to.\" : \"Suppliers appear once orders name them.\"}\n      />\n    );\n  }\n  return (\n    <ScrollArea style={{ height: \"100%\" }}>\n      <Table>\n        <TableHeader>\n          <TableRow>\n            <TableHead>Supplier</TableHead>\n            <TableHead>LTM concentration</TableHead>\n            <TableHead style={{ textAlign: \"right\" }}>YoY change</TableHead>\n            <TableHead>Country</TableHead>\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {rows.map((row) => (\n            <TableRow key={row.this}>\n              <TableCell>\n                {links[row.this] ? (\n                  <Link href={links[row.this].href} variant=\"ghost\" size=\"xs\">\n                    {labels[row.this] ?? \"Unnamed supplier\"}\n                  </Link>\n                ) : (\n                  (labels[row.this] ?? \"Unnamed supplier\")\n                )}\n              </TableCell>\n              <TableCell>\n                <WhyThis\n                  subject={row.this}\n                  predicate={concentrated}\n                  object=\"true\"\n                  title=\"Why this counts as concentrated\"\n                  data={explanationOf(row.this, row.concentration ?? 0)}\n                >\n                  <Status label={(row.concentration ?? 0).toFixed(2)} variant={tone(row.concentration ?? 0)} />\n                </WhyThis>\n              </TableCell>\n              <TableCell style={{ textAlign: \"right\", fontVariantNumeric: \"tabular-nums\" }}>{signed(row.yearOnYear)}</TableCell>\n              <TableCell>\n                {row.country && country.live ? (\n                  <Button\n                    variant={country.is(row.country) ? \"primary\" : \"secondary\"}\n                    size=\"xs\"\n                    onClick={() => country.toggle(row.country)}\n                  >\n                    {labels[row.country] ?? \"Unknown\"}\n                  </Button>\n                ) : row.country ? (\n                  <Badge variant=\"secondary\">{labels[row.country] ?? \"Unknown\"}</Badge>\n                ) : null}\n              </TableCell>\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </ScrollArea>\n  );\n}",
+                "reviewed": {
+                    "hash": "sha256-LKFpSDObwpNFQVsaQtPC0c5KFFZODUM3OecZv68wTis",
+                    "at": "2026-09-29T12:00:00.000Z"
+                }
+            }
+        }
+    ],
+    "derivations": [],
+    "actions": [],
+    "dependencies": [],
+    "lock": {
+        "lockVersion": 1,
+        "entries": []
+    },
+    "runtime": {
+        "kit": "0.0.0"
+    }
+}

package/dist/standalone/app.d.ts

@@ -0,0 +1,2 @@
+/** The session gate, for a Horns that is the whole page. A host that has already gated mounts none of it. */
+export declare function HornsApp(): import("react").JSX.Element;

package/dist/standalone/app.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAuth } from "@manta-eu/react/hooks/useAuth";
+import { AuthContext } from "@manta-eu/react/providers/AuthContext";
+import { useActiveDatastore } from "@manta-eu/react/providers";
+import { isPresent } from "@manta-eu/lib/present";
+import { signedInParam } from "@manta-eu/horns-server/shared";
+import { AppRoutes } from "../app/routes";
+import { Centered, SignIn, SignInLooped } from "./gates";
+import { DatastoreMissing } from "../components/states";
+import { useCustomerDatastoresQuery } from "@manta-eu/client";
+import { useMantaClient } from "@manta-eu/react/providers";
+// Horns' `/login` stamps this, so a return carrying it with no session is a round trip that did not
+// complete rather than a visitor who has not tried. `useAuth` has no equivalent and its generic path loops.
+const justSignedIn = () => new URLSearchParams(window.location.search).get(signedInParam) === "1";
+// Keycloak hands a failure back on the URL. `useAuth` cannot see it, and without this the page offers
+// "sign in" again to someone whose sign-in just failed.
+const authError = () => new URLSearchParams(window.location.search).get("auth_error") ?? undefined;
+/** The session gate, for a Horns that is the whole page. A host that has already gated mounts none of it. */
+export function HornsApp() {
+    const auth = useAuth();
+    const { datastoreId } = useActiveDatastore();
+    const { mantaClient } = useMantaClient();
+    // `sessionContext` lists the datastores a member belongs to, which for an operator is none.
+    const customers = useCustomerDatastoresQuery(mantaClient, undefined, { enabled: auth.isOperator });
+    const datastores = auth.isOperator ? (customers.data?.customerDatastores ?? []) : auth.datastores;
+    const failed = authError();
+    if (isPresent(failed))
+        return _jsx(Centered, { role: "alert", children: failed });
+    if (auth.isLoading)
+        return _jsx(Centered, { children: "Loading\u2026" });
+    if (isPresent(auth.error))
+        return _jsx(Centered, { role: "alert", children: auth.error });
+    if (!auth.isSessionValid)
+        return justSignedIn() ? _jsx(SignInLooped, {}) : _jsx(SignIn, {});
+    if (auth.contextFailed)
+        return _jsx(Centered, { role: "alert", children: "Could not load your account. Try again." });
+    if (!isPresent(auth.user))
+        return _jsx(Centered, { children: "Loading\u2026" });
+    // Refused here rather than left to a page to render empty, in the words every page already used.
+    if (isPresent(datastoreId) && !auth.datastoreAccessGranted) {
+        return (_jsx("main", { className: "grid min-h-screen place-items-center p-8", children: _jsx(DatastoreMissing, {}) }));
+    }
+    return (_jsx(AuthContext.Provider, { value: {
+            user: auth.user,
+            datastore: auth.datastore,
+            datastores,
+            logout: auth.logout,
+            isOperator: auth.isOperator,
+            canManageTeam: auth.canManageTeam,
+            canManageIntegrations: auth.canManageIntegrations,
+            canManageStreams: auth.canManageStreams,
+            canManageSharedMemories: auth.canManageSharedMemories,
+            canSwitchDatastore: auth.canSwitchDatastore,
+            allowedModels: auth.allowedModels,
+            orgRoles: auth.orgRoles,
+        }, children: _jsx(AppRoutes, {}) }));
+}

package/dist/standalone/client.d.ts

@@ -0,0 +1,15 @@
+import { type ShapeCatalogSource } from "../lib/shapes/catalog";
+import "../app/globals.css";
+export type MountHornsOptions = {
+    /** The realm's shapes. Horns ships none: they describe a deployment's data model, not the library's. */
+    shapes: ShapeCatalogSource;
+    /** Defaults to `#app`, which is what this package's own document declares. */
+    container?: HTMLElement;
+};
+/**
+ * Mount Horns as a whole page. A host with a router of its own splices `hornsRoutes()` in instead.
+ *
+ * The base URL is this deployment's origin, never agents': the browser holds this worker's session cookies
+ * and none of agents', so every SDK call has to land here to be proxied with them.
+ */
+export declare function mountHorns({ shapes, container }: MountHornsOptions): void;

package/dist/{client.js → standalone/client.js}

@@ -1,22 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { BrowserRouter } from "react-router";
 import { ErrorBoundary } from "@sentry/react";
-import { AppRoutes } from "./app/routes";
-import { MantaSessionProvider } from "./lib/manta/session";
-import { provideShapeCatalog } from "./lib/shapes/catalog";
-import { initSentry } from "./lib/telemetry/sentry";
-import "./app/globals.css";
+import { Providers } from "@manta-eu/react/providers";
+import { provideShapeCatalog } from "../lib/shapes/catalog";
+import { initSentry } from "../lib/telemetry/sentry";
+import { HornsApp } from "./app";
+import "../app/globals.css";
 function AppCrashed() {
     return (_jsx("main", { className: "grid min-h-screen place-items-center p-8 text-center", children: _jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Something went wrong" }), _jsx("p", { className: "mt-2 text-sm opacity-70", children: "Reload the page to try again." })] }) }));
 }
-/** Mount Horns as a whole page. A host with a router of its own splices `hornsRoutes()` in instead. */
+/**
+ * Mount Horns as a whole page. A host with a router of its own splices `hornsRoutes()` in instead.
+ *
+ * The base URL is this deployment's origin, never agents': the browser holds this worker's session cookies
+ * and none of agents', so every SDK call has to land here to be proxied with them.
+ */
 export function mountHorns({ shapes, container }) {
     provideShapeCatalog(shapes);
     initSentry();
     const root = container ?? document.getElementById("app");
     if (!root)
         throw new Error("mountHorns found no container: pass one, or give the document an #app element.");
-    createRoot(root).render(_jsx(StrictMode, { children: _jsx(ErrorBoundary, { fallback: _jsx(AppCrashed, {}), children: _jsx(BrowserRouter, { children: _jsx(MantaSessionProvider, { children: _jsx(AppRoutes, {}) }) }) }) }));
+    createRoot(root).render(_jsx(StrictMode, { children: _jsx(ErrorBoundary, { fallback: _jsx(AppCrashed, {}), children: _jsx(Providers, { mantaBaseUrl: window.location.origin, children: _jsx(HornsApp, {}) }) }) }));
 }

package/dist/standalone/gates.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+type CenteredProps = {
+    children: ReactNode;
+    role?: "alert";
+};
+export declare function Centered({ children, role }: CenteredProps): import("react").JSX.Element;
+export declare function SignIn(): import("react").JSX.Element;
+/** A return from Keycloak carrying the marker but no session: the round trip did not complete. */
+export declare function SignInLooped(): import("react").JSX.Element;
+export {};

package/dist/standalone/gates.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { signInHref } from "../lib/manta/sign-in";
+export function Centered({ children, role }) {
+    return (_jsx("main", { className: "grid min-h-screen place-items-center p-8 text-center", children: _jsx("p", { className: "text-sm opacity-70", ...(role ? { role } : {}), children: children }) }));
+}
+function signIn() {
+    return signInHref(`${window.location.pathname}${window.location.search}`);
+}
+export function SignIn() {
+    return (_jsx("main", { className: "grid min-h-screen place-items-center p-8 text-center", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx("h1", { className: "text-xl font-semibold", children: "Sign in to Manta Horns" }), _jsx("a", { className: "rounded-md border px-4 py-2", href: signIn(), children: "Sign in" })] }) }));
+}
+/** A return from Keycloak carrying the marker but no session: the round trip did not complete. */
+export function SignInLooped() {
+    return (_jsx("main", { className: "grid min-h-screen place-items-center p-8 text-center", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx("p", { role: "alert", children: "Signing in did not complete. Try again, or ask an admin to check your access." }), _jsx("a", { className: "rounded-md border px-4 py-2", href: signIn(), children: "Sign in" })] }) }));
+}