@decentrys/ui-sdk 0.1.0

package/dist/browser/decentrys-ui.js

@@ -0,0 +1,1733 @@
+"use strict";
+var DecentrysUI = (() => {
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // src/index.ts
+  var index_exports = {};
+  __export(index_exports, {
+    AddressRiskBadge: () => AddressRiskBadge,
+    ApprovalWarning: () => ApprovalWarning,
+    Chip: () => Chip,
+    ContractFacts: () => ContractFacts,
+    DECENTRYS_UI_CSS: () => DECENTRYS_UI_CSS,
+    DEFAULT_COPY: () => DEFAULT_COPY,
+    DecentrysUiProvider: () => DecentrysUiProvider,
+    DecentrysUiStyles: () => DecentrysUiStyles,
+    EmptyNote: () => EmptyNote,
+    LevelBadge: () => LevelBadge,
+    MIN_RAISING_CONFIDENCE: () => MIN_RAISING_CONFIDENCE,
+    Mono: () => Mono,
+    RISK_LEVEL_LABEL: () => RISK_LEVEL_LABEL,
+    RiskDetailsModal: () => RiskDetailsModal,
+    ScreenReaderText: () => ScreenReaderText,
+    Section: () => Section,
+    THEME_TOKENS: () => THEME_TOKENS,
+    ThreatSignalList: () => ThreatSignalList,
+    TokenSecurityPanel: () => TokenSecurityPanel,
+    TransactionRiskBanner: () => TransactionRiskBanner,
+    approvalPresentation: () => approvalPresentation,
+    assessmentSections: () => assessmentSections,
+    availabilityPresentation: () => availabilityPresentation,
+    capabilityPresentation: () => capabilityPresentation,
+    componentRows: () => componentRows,
+    cx: () => cx,
+    decisionPresentation: () => decisionPresentation,
+    evidencePresentation: () => evidencePresentation,
+    factPresentation: () => factPresentation,
+    formatConfidence: () => formatConfidence,
+    formatTimestamp: () => formatTimestamp,
+    formatTokenAmount: () => formatTokenAmount,
+    historyPresentation: () => historyPresentation,
+    hopPresentation: () => hopPresentation,
+    isUnlimitedAllowance: () => isUnlimitedAllowance,
+    kindPresentation: () => kindPresentation,
+    levelPresentation: () => levelPresentation,
+    levelRank: () => levelRank,
+    plural: () => plural,
+    resolveCopy: () => resolveCopy,
+    shortenAddress: () => shortenAddress,
+    signalPresentation: () => signalPresentation,
+    themeStyle: () => themeStyle,
+    toneBgVar: () => toneBgVar,
+    toneVar: () => toneVar,
+    unknownPresentation: () => unknownPresentation,
+    useUiConfig: () => useUiConfig
+  });
+
+  // src/browser/react-global.ts
+  function resolveReact() {
+    const candidate = globalThis.React;
+    if (!candidate || typeof candidate.createElement !== "function") {
+      throw new Error(
+        "DecentrysUI: the script-tag build expects React on the page already (window.React, and window.ReactDOM for the details modal). Load React first, or use the ESM build / the npm package if you have a bundler."
+      );
+    }
+    return candidate;
+  }
+  var React = resolveReact();
+  var react_global_default = React;
+  var createContext = React.createContext;
+  var useContext = React.useContext;
+  var useState = React.useState;
+  var useEffect = React.useEffect;
+  var useId = React.useId;
+  var useRef = React.useRef;
+  var createElement = React.createElement;
+  var Fragment = React.Fragment;
+
+  // src/styles.ts
+  var DECENTRYS_UI_CSS = `
+.dcy {
+  --dcy-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --dcy-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
+  --dcy-radius: 8px;
+  --dcy-gap: 12px;
+
+  --dcy-surface: #ffffff;
+  --dcy-surface-raised: #f5f6f8;
+  --dcy-border: #dde1e7;
+  --dcy-text: #14171c;
+  --dcy-text-muted: #545d6b;
+  --dcy-text-faint: #737d8c;
+  --dcy-focus: #2f6fed;
+
+  --dcy-tone-neutral: #545d6b;
+  --dcy-tone-neutral-bg: #f2f4f6;
+  --dcy-tone-info: #2f5f96;
+  --dcy-tone-info-bg: #eef3f9;
+  --dcy-tone-caution: #7d6113;
+  --dcy-tone-caution-bg: #faf4e4;
+  --dcy-tone-elevated: #97500f;
+  --dcy-tone-elevated-bg: #fbefe3;
+  --dcy-tone-high: #a83c18;
+  --dcy-tone-high-bg: #fbece6;
+  --dcy-tone-critical: #98211d;
+  --dcy-tone-critical-bg: #fbe9e9;
+  --dcy-tone-fact: #6a7382;
+  --dcy-tone-fact-bg: transparent;
+  --dcy-tone-capability: #554d8c;
+  --dcy-tone-capability-bg: #f2f1fa;
+  --dcy-tone-unknown: #77808f;
+  --dcy-tone-unknown-bg: transparent;
+  --dcy-tone-inactive: #8d97a4;
+  --dcy-tone-inactive-bg: transparent;
+
+  font-family: var(--dcy-font);
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--dcy-text);
+  box-sizing: border-box;
+}
+.dcy *, .dcy *::before, .dcy *::after { box-sizing: inherit; }
+
+@media (prefers-color-scheme: dark) {
+  .dcy {
+    --dcy-surface: #14171c;
+    --dcy-surface-raised: #1c2027;
+    --dcy-border: #2c323b;
+    --dcy-text: #e8ebef;
+    --dcy-text-muted: #a4adba;
+    --dcy-text-faint: #808a98;
+    --dcy-focus: #7aa5ff;
+
+    --dcy-tone-neutral: #a4adba;
+    --dcy-tone-neutral-bg: #1e232a;
+    --dcy-tone-info: #86b0e6;
+    --dcy-tone-info-bg: #17202b;
+    --dcy-tone-caution: #d8b463;
+    --dcy-tone-caution-bg: #241f14;
+    --dcy-tone-elevated: #e0a065;
+    --dcy-tone-elevated-bg: #261c13;
+    --dcy-tone-high: #eb8c68;
+    --dcy-tone-high-bg: #271812;
+    --dcy-tone-critical: #ef7d78;
+    --dcy-tone-critical-bg: #291414;
+    --dcy-tone-fact: #97a1ae;
+    --dcy-tone-capability: #a79fe0;
+    --dcy-tone-capability-bg: #1d1b2a;
+    --dcy-tone-unknown: #8b95a3;
+    --dcy-tone-inactive: #79828f;
+  }
+}
+
+
+/*
+ * Tone resolution happens here, in the stylesheet, rather than in inline
+ * styles on the elements. An inline colour would beat any rule an integrator
+ * wrote against these components without \`!important\`, which is not a
+ * position to put somebody in who only wanted to match their own palette.
+ */
+[data-dcy-tone="neutral"]    { --dcy-tone: var(--dcy-tone-neutral);    --dcy-tone-bg: var(--dcy-tone-neutral-bg); }
+[data-dcy-tone="info"]       { --dcy-tone: var(--dcy-tone-info);       --dcy-tone-bg: var(--dcy-tone-info-bg); }
+[data-dcy-tone="caution"]    { --dcy-tone: var(--dcy-tone-caution);    --dcy-tone-bg: var(--dcy-tone-caution-bg); }
+[data-dcy-tone="elevated"]   { --dcy-tone: var(--dcy-tone-elevated);   --dcy-tone-bg: var(--dcy-tone-elevated-bg); }
+[data-dcy-tone="high"]       { --dcy-tone: var(--dcy-tone-high);       --dcy-tone-bg: var(--dcy-tone-high-bg); }
+[data-dcy-tone="critical"]   { --dcy-tone: var(--dcy-tone-critical);   --dcy-tone-bg: var(--dcy-tone-critical-bg); }
+[data-dcy-tone="fact"]       { --dcy-tone: var(--dcy-tone-fact);       --dcy-tone-bg: var(--dcy-tone-fact-bg); }
+[data-dcy-tone="capability"] { --dcy-tone: var(--dcy-tone-capability); --dcy-tone-bg: var(--dcy-tone-capability-bg); }
+[data-dcy-tone="unknown"]    { --dcy-tone: var(--dcy-tone-unknown);    --dcy-tone-bg: var(--dcy-tone-unknown-bg); }
+[data-dcy-tone="inactive"]   { --dcy-tone: var(--dcy-tone-inactive);   --dcy-tone-bg: var(--dcy-tone-inactive-bg); }
+
+[data-dcy-rule="solid"]  { border-left-style: solid; }
+[data-dcy-rule="dashed"] { border-left-style: dashed; }
+[data-dcy-rule="dotted"] { border-left-style: dotted; }
+
+.dcy-row[data-dcy-kind="signal"] { border-left-width: 4px; }
+
+.dcy :focus-visible {
+  outline: 2px solid var(--dcy-focus);
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+
+.dcy-card {
+  border: 1px solid var(--dcy-border);
+  border-radius: var(--dcy-radius);
+  background: var(--dcy-surface);
+  padding: var(--dcy-gap);
+  display: flex;
+  flex-direction: column;
+  gap: var(--dcy-gap);
+}
+
+.dcy-head { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
+.dcy-head-main { flex: 1 1 14rem; min-width: 0; }
+.dcy-title { margin: 0; font-size: 14px; font-weight: 600; }
+.dcy-meaning { margin: 4px 0 0; color: var(--dcy-text-muted); font-size: 13px; }
+
+.dcy-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 2px 8px;
+  border-radius: 999px;
+  border: 1px solid currentColor;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.6;
+  white-space: nowrap;
+  color: var(--dcy-tone, var(--dcy-text-muted));
+  background: var(--dcy-tone-bg, transparent);
+}
+.dcy-glyph {
+  font-family: var(--dcy-font-mono);
+  font-weight: 700;
+  letter-spacing: -0.05em;
+}
+
+.dcy-chip {
+  display: inline-block;
+  padding: 1px 6px;
+  border-radius: 4px;
+  border: 1px solid var(--dcy-border);
+  background: var(--dcy-surface-raised);
+  color: var(--dcy-text-muted);
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  white-space: nowrap;
+}
+
+.dcy-section { display: flex; flex-direction: column; gap: 8px; }
+.dcy-section-title {
+  margin: 0;
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--dcy-text-faint);
+}
+.dcy-note { margin: 0; font-size: 12px; color: var(--dcy-text-muted); }
+.dcy-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
+
+/*
+ * Kind rows.
+ *
+ * The left rule's *style* and the row's text label are what separate a fact
+ * from a threat signal; the colour is the third carrier, not the only one.
+ */
+.dcy-row {
+  display: flex;
+  gap: 8px;
+  padding: 6px 0 6px 10px;
+  border-left-style: solid;
+  border-left-width: 2px;
+  border-left-color: var(--dcy-tone, var(--dcy-tone-fact));
+}
+.dcy-row-body { min-width: 0; flex: 1 1 auto; }
+.dcy-row-statement { margin: 0; }
+.dcy-row-strong { font-weight: 600; }
+.dcy-row-meta {
+  margin: 3px 0 0;
+  font-size: 12px;
+  color: var(--dcy-text-muted);
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 10px;
+}
+.dcy-mono { font-family: var(--dcy-font-mono); font-size: 12px; word-break: break-all; }
+
+.dcy-signal {
+  border: 1px solid var(--dcy-border);
+  border-left-width: 4px;
+  border-left-color: var(--dcy-tone, var(--dcy-border));
+  border-radius: var(--dcy-radius);
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.dcy-signal-head { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
+
+.dcy-kv { display: grid; grid-template-columns: minmax(6rem, auto) 1fr; gap: 4px 12px; font-size: 13px; }
+.dcy-kv dt { color: var(--dcy-text-muted); }
+.dcy-kv dd { margin: 0; }
+
+.dcy-btn {
+  font: inherit;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--dcy-text);
+  background: var(--dcy-surface-raised);
+  border: 1px solid var(--dcy-border);
+  border-radius: 6px;
+  padding: 5px 12px;
+  cursor: pointer;
+}
+.dcy-btn:hover { background: var(--dcy-border); }
+.dcy-btn-quiet { background: transparent; border-color: transparent; text-decoration: underline; padding-left: 0; }
+
+.dcy-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(8, 10, 14, 0.55);
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding: 24px 16px;
+  overflow: auto;
+  z-index: 2147483000;
+}
+.dcy-modal {
+  width: min(40rem, 100%);
+  max-height: calc(100vh - 48px);
+  overflow: auto;
+  background: var(--dcy-surface);
+  border: 1px solid var(--dcy-border);
+  border-radius: var(--dcy-radius);
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: var(--dcy-gap);
+}
+.dcy-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+
+.dcy-inline {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-family: var(--dcy-font);
+  font-size: 12px;
+}
+.dcy-sr {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+.dcy-hr { border: none; border-top: 1px solid var(--dcy-border); margin: 0; }
+`;
+
+  // src/copy.ts
+  var DEFAULT_COPY = {
+    factsHeading: "Observed facts",
+    capabilitiesHeading: "What this contract can do",
+    signalsHeading: "Threat signals",
+    unknownsHeading: "Not known",
+    evidenceHeading: "Evidence",
+    componentsHeading: "Score components",
+    historyHeading: "History",
+    demotedHeading: "Reported as facts, not as risk",
+    factLabel: "Fact",
+    capabilityLabel: "Capability",
+    signalLabel: "Threat signal",
+    unknownLabel: "Unknown",
+    notAnAssurance: "An absence of findings is an absence of findings. It is not an assurance about this subject.",
+    factsAreNotFindings: "These are directly observed and carry no accusation. None of them raises a risk level on its own.",
+    capabilitiesAreNotFindings: "What the code is able to do. A capability is not evidence that it has been or will be used.",
+    unknownsAreNotRisk: "Reported as unknown rather than guessed at. An unknown never contributes to a risk level.",
+    coverageIsNotRisk: "Coverage measures how much Decentrys knows about this subject. It is reported separately and is never added to a risk total.",
+    policyIsYours: "Decentrys reports evidence. What happens next is this application\u2019s decision, not ours.",
+    demotedExplanation: "These arrived labelled as risk signals and describe how much is known rather than what was found, so they are shown as facts and cannot raise a risk level.",
+    noFacts: "No facts were returned for this subject.",
+    noCapabilities: "No security-sensitive capabilities were identified.",
+    noSignals: "No threat signals were found. That is an absence of findings, not a finding that there is nothing to find.",
+    noUnknowns: "Every attribute checked returned an answer.",
+    nothingReturned: "Decentrys returned no facts, capabilities, threat signals or unknowns for this subject.",
+    viewDetails: "View details",
+    close: "Close",
+    detailsTitle: "Assessment details",
+    showEvidence: "Show evidence",
+    hideEvidence: "Hide evidence",
+    confidenceLabel: "Confidence",
+    confidenceCaveat: "How well the evidence supports this classification. It is not a measure of how much harm the subject could do.",
+    sourceLabel: "Source",
+    observedLabel: "Observed",
+    grantedByLabel: "Granted by",
+    hopsLabel: "Distance",
+    statusLabel: "Status",
+    analystConfirmed: "Confirmed by a Decentrys analyst against the evidence above.",
+    notAnalystConfirmed: "Automated finding. No analyst has confirmed it.",
+    cachedNotice: "Served from a local cache rather than a fresh lookup.",
+    modelLabel: "Model",
+    assessedLabel: "Assessed",
+    approvalHeading: "What you are about to grant",
+    approvalRevocation: "An allowance stays in place until it is revoked, whether or not the application is used again.",
+    spenderLabel: "Spender",
+    tokenLabel: "Token"
+  };
+  function resolveCopy(overrides) {
+    return overrides ? { ...DEFAULT_COPY, ...overrides } : DEFAULT_COPY;
+  }
+
+  // src/browser/react-jsx-runtime.ts
+  var Fragment2 = react_global_default.Fragment;
+  function create(type, props, key) {
+    if (key === void 0 || key === null) return react_global_default.createElement(type, props);
+    return react_global_default.createElement(type, { ...props ?? {}, key });
+  }
+  var jsx = create;
+  var jsxs = create;
+
+  // src/context.tsx
+  var UiContext = createContext(null);
+  function DecentrysUiStyles() {
+    return /* @__PURE__ */ jsx("style", { "data-decentrys-ui": "", children: DECENTRYS_UI_CSS });
+  }
+  function DecentrysUiProvider({
+    theme,
+    copy,
+    injectStyles = true,
+    children
+  }) {
+    return /* @__PURE__ */ jsxs(UiContext.Provider, { value: { theme, copy, stylesProvided: true }, children: [
+      injectStyles ? /* @__PURE__ */ jsx(DecentrysUiStyles, {}) : null,
+      children
+    ] });
+  }
+  function useUiConfig(local = {}) {
+    const ctx = useContext(UiContext);
+    const theme = ctx?.theme || local.theme ? { ...ctx?.theme ?? {}, ...local.theme ?? {} } : void 0;
+    return {
+      theme,
+      copy: resolveCopy({ ...ctx?.copy ?? {}, ...local.copy ?? {} }),
+      emitStyles: !ctx?.stylesProvided
+    };
+  }
+
+  // src/theme.ts
+  var THEME_TOKENS = [
+    "font",
+    "font-mono",
+    "radius",
+    "gap",
+    "surface",
+    "surface-raised",
+    "border",
+    "text",
+    "text-muted",
+    "text-faint",
+    "focus",
+    "tone-neutral",
+    "tone-neutral-bg",
+    "tone-info",
+    "tone-info-bg",
+    "tone-caution",
+    "tone-caution-bg",
+    "tone-elevated",
+    "tone-elevated-bg",
+    "tone-high",
+    "tone-high-bg",
+    "tone-critical",
+    "tone-critical-bg",
+    "tone-fact",
+    "tone-fact-bg",
+    "tone-capability",
+    "tone-capability-bg",
+    "tone-unknown",
+    "tone-unknown-bg",
+    "tone-inactive",
+    "tone-inactive-bg"
+  ];
+  function themeStyle(theme, base) {
+    if (!theme) return base;
+    const style = {};
+    for (const [token, value] of Object.entries(theme)) {
+      if (typeof value === "string" && value.length > 0) style[`--dcy-${token}`] = value;
+    }
+    return { ...base ?? {}, ...style };
+  }
+  function toneVar(tone) {
+    return `var(--dcy-tone-${tone})`;
+  }
+  function toneBgVar(tone) {
+    return `var(--dcy-tone-${tone}-bg)`;
+  }
+
+  // ../protect/dist/browser/decentrys-protect.mjs
+  var RISK_LEVEL_MEANING = {
+    NO_CRITICAL_RISK_DETECTED: "No known critical threat evidence was identified. This is not an assurance of safety.",
+    INFORMATIONAL: "Facts worth knowing before proceeding. Nothing here indicates danger.",
+    CAUTION: "A security-sensitive capability or behaviour exists that deserves attention.",
+    ELEVATED_RISK: "Several meaningful risk signals are present together.",
+    HIGH_RISK: "Strong technical or behavioural evidence of significant danger.",
+    CRITICAL_THREAT: "Severe threat supported by concrete evidence.",
+    KNOWN_MALICIOUS: "Confirmed malicious infrastructure or behaviour, verified against evidence."
+  };
+  var HISTORY_STATUS_MEANING = {
+    ESTABLISHED: "Substantial on-chain history is available.",
+    MODERATE: "Some history is available.",
+    LIMITED: "Little history is available yet. This is normal for anything recently deployed and is not a risk finding.",
+    NONE: "No history is available. This is not a risk finding."
+  };
+  var MIN_RAISING_CONFIDENCE = 0.5;
+
+  // src/presentation.ts
+  var RISK_LEVEL_LABEL = {
+    NO_CRITICAL_RISK_DETECTED: "No critical risk detected",
+    INFORMATIONAL: "Informational",
+    CAUTION: "Caution",
+    ELEVATED_RISK: "Elevated risk",
+    HIGH_RISK: "High risk",
+    CRITICAL_THREAT: "Critical threat",
+    KNOWN_MALICIOUS: "Known malicious"
+  };
+  var LEVEL_GLYPH = {
+    NO_CRITICAL_RISK_DETECTED: "\xB7",
+    INFORMATIONAL: "i",
+    CAUTION: "!",
+    ELEVATED_RISK: "!!",
+    HIGH_RISK: "!!!",
+    CRITICAL_THREAT: "!!!!",
+    KNOWN_MALICIOUS: "\u2715"
+  };
+  var LEVEL_TONE = {
+    // Neither of these two may look like a warning. Nothing in them indicates
+    // danger, and a new project landing on INFORMATIONAL is the common case.
+    NO_CRITICAL_RISK_DETECTED: "neutral",
+    INFORMATIONAL: "info",
+    CAUTION: "caution",
+    ELEVATED_RISK: "elevated",
+    HIGH_RISK: "high",
+    CRITICAL_THREAT: "critical",
+    KNOWN_MALICIOUS: "critical"
+  };
+  var LEVEL_ORDER = [
+    "NO_CRITICAL_RISK_DETECTED",
+    "INFORMATIONAL",
+    "CAUTION",
+    "ELEVATED_RISK",
+    "HIGH_RISK",
+    "CRITICAL_THREAT",
+    "KNOWN_MALICIOUS"
+  ];
+  function levelRank(level) {
+    return LEVEL_ORDER.indexOf(level);
+  }
+  function levelPresentation(level, options = {}) {
+    const label = options.labels?.[level] ?? RISK_LEVEL_LABEL[level];
+    const meaning = RISK_LEVEL_MEANING[level];
+    const evidenceBacked = levelRank(level) >= levelRank("ELEVATED_RISK");
+    return {
+      level,
+      label,
+      meaning,
+      tone: LEVEL_TONE[level],
+      glyph: LEVEL_GLYPH[level],
+      evidenceBacked,
+      accusatory: level === "KNOWN_MALICIOUS",
+      liveRegionRole: evidenceBacked ? "alert" : "status",
+      ariaLabel: `Decentrys assessment: ${label}. ${meaning}`
+    };
+  }
+  function kindPresentation(kind, copy) {
+    switch (kind) {
+      case "fact":
+        return { kind, label: copy.factLabel, glyph: "\xB7", tone: "fact", rule: "solid", ruleWidth: "2px" };
+      case "capability":
+        return { kind, label: copy.capabilityLabel, glyph: "\u25C7", tone: "capability", rule: "dashed", ruleWidth: "2px" };
+      case "signal":
+        return { kind, label: copy.signalLabel, glyph: "\u25B2", tone: "critical", rule: "solid", ruleWidth: "4px" };
+      case "unknown":
+        return { kind, label: copy.unknownLabel, glyph: "?", tone: "unknown", rule: "dotted", ruleWidth: "2px" };
+    }
+  }
+  function factPresentation(fact) {
+    return {
+      kind: "fact",
+      statement: fact.statement,
+      source: fact.source,
+      observedAt: formatTimestamp(fact.observedAt),
+      tone: "fact"
+    };
+  }
+  var CAPABILITY_SEVERITY_LABEL = {
+    INFO: "Standard",
+    NOTABLE: "Notable",
+    SIGNIFICANT: "Significant"
+  };
+  function capabilityPresentation(capability) {
+    return {
+      kind: "capability",
+      statement: capability.statement,
+      severity: capability.severity,
+      severityLabel: CAPABILITY_SEVERITY_LABEL[capability.severity],
+      grantedBy: capability.grantedBy,
+      tone: "capability",
+      emphasis: capability.severity === "SIGNIFICANT" ? "strong" : "normal"
+    };
+  }
+  var SEVERITY_LABEL = {
+    LOW: "Low",
+    MEDIUM: "Medium",
+    HIGH: "High",
+    CRITICAL: "Critical"
+  };
+  var SEVERITY_TONE = {
+    LOW: "caution",
+    MEDIUM: "elevated",
+    HIGH: "high",
+    CRITICAL: "critical"
+  };
+  var SIGNAL_STATUS_LABEL = {
+    ACTIVE: "Active",
+    STALE: "Stale",
+    RESOLVED: "Resolved",
+    DISPUTED_FACT: "Disputed",
+    REMOVED: "Withdrawn"
+  };
+  function signalPresentation(signal, copy, options = {}) {
+    const subject = options.subjectNoun ?? "address";
+    const active = signal.status === "ACTIVE";
+    const raising = active && signal.confidence >= MIN_RAISING_CONFIDENCE;
+    const statusLabel = SIGNAL_STATUS_LABEL[signal.status];
+    const analystConfirmed = signal.evidence.some((e) => e.analystVerified);
+    let inertStatement;
+    if (!active) {
+      inertStatement = `This signal is ${statusLabel.toLowerCase()} and did not affect this assessment.`;
+    } else if (!raising) {
+      inertStatement = `Reported at ${formatConfidence(signal.confidence)} confidence, which is too low to raise the risk level on its own. It is shown because it was observed, not because it counted.`;
+    }
+    const hop = hopPresentation(signal.hops, subject);
+    return {
+      kind: "signal",
+      explanation: signal.explanation,
+      severity: signal.severity,
+      severityLabel: SEVERITY_LABEL[signal.severity],
+      tone: raising ? SEVERITY_TONE[signal.severity] : "inactive",
+      status: signal.status,
+      statusLabel,
+      active,
+      raising,
+      inertStatement,
+      hops: signal.hops,
+      hopLabel: hop.label,
+      hopStatement: hop.statement,
+      indirect: hop.indirect,
+      confidence: signal.confidence,
+      confidenceLabel: formatConfidence(signal.confidence),
+      analystConfirmed,
+      attribution: analystConfirmed ? copy.analystConfirmed : copy.notAnalystConfirmed,
+      evidenceCount: signal.evidence.length,
+      ariaLabel: `${copy.signalLabel}, ${SEVERITY_LABEL[signal.severity].toLowerCase()} severity, ${formatConfidence(signal.confidence)} confidence, ${hop.label.toLowerCase()}. ${signal.explanation}`
+    };
+  }
+  function hopPresentation(hops, subjectNoun = "address") {
+    const n = Math.max(0, Math.trunc(hops));
+    if (n === 0) {
+      return {
+        hops: 0,
+        label: "Direct",
+        statement: `Observed directly on this ${subjectNoun}.`,
+        indirect: false
+      };
+    }
+    if (n === 1) {
+      return {
+        hops: 1,
+        label: "1 hop",
+        statement: `Observed one hop away. This is an inference about a counterparty of this ${subjectNoun}, not an observation about the ${subjectNoun} itself.`,
+        indirect: true
+      };
+    }
+    return {
+      hops: n,
+      label: `${n} hops`,
+      statement: `Observed ${n} hops away. This is an inference about a counterparty ${n} steps removed from this ${subjectNoun}, not an observation about the ${subjectNoun} itself.`,
+      indirect: true
+    };
+  }
+  function evidencePresentation(evidence, copy) {
+    return {
+      id: evidence.id,
+      type: evidence.type,
+      source: evidence.source,
+      observedAt: formatTimestamp(evidence.observedAt),
+      confidenceLabel: formatConfidence(evidence.confidence),
+      analystConfirmed: evidence.analystVerified,
+      attribution: evidence.analystVerified ? copy.analystConfirmed : copy.notAnalystConfirmed,
+      reference: evidence.txHash ?? evidence.contract ?? evidence.address
+    };
+  }
+  var UNKNOWN_REASON_LABEL = {
+    UNKNOWN: "Not known",
+    INSUFFICIENT_DATA: "Not enough data",
+    PROVIDER_UNAVAILABLE: "Could not be checked",
+    NOT_APPLICABLE: "Not applicable"
+  };
+  function unknownPresentation(unknown) {
+    return {
+      kind: "unknown",
+      field: unknown.field,
+      statement: unknown.statement,
+      reasonLabel: UNKNOWN_REASON_LABEL[unknown.reason],
+      tone: "unknown"
+    };
+  }
+  var HISTORY_LABEL = {
+    ESTABLISHED: "Established history",
+    MODERATE: "Some history",
+    LIMITED: "Limited history",
+    NONE: "No history"
+  };
+  function historyPresentation(status) {
+    return {
+      status,
+      label: HISTORY_LABEL[status],
+      statement: HISTORY_STATUS_MEANING[status],
+      tone: "neutral",
+      isWarning: false
+    };
+  }
+  function componentRows(components, copy) {
+    return [
+      { key: "technicalRisk", label: "Technical", value: components.technicalRisk, isCoverage: false },
+      { key: "behavioralRisk", label: "Behavioural", value: components.behavioralRisk, isCoverage: false },
+      {
+        key: "threatIntelligenceRisk",
+        label: "Threat intelligence",
+        value: components.threatIntelligenceRisk,
+        isCoverage: false
+      },
+      {
+        key: "historyConfidence",
+        label: "Coverage",
+        value: components.historyConfidence,
+        isCoverage: true,
+        caveat: copy.coverageIsNotRisk
+      }
+    ];
+  }
+  function assessmentSections(assessment, copy) {
+    const facts = assessment.facts ?? [];
+    const capabilities = assessment.capabilities ?? [];
+    const signals = assessment.threatSignals ?? [];
+    const unknowns = assessment.unknowns ?? [];
+    const activeSignals = signals.filter(
+      (s) => s.status === "ACTIVE" && s.confidence >= MIN_RAISING_CONFIDENCE
+    );
+    const inertSignals = signals.filter((s) => !activeSignals.includes(s));
+    const isEmpty = facts.length === 0 && capabilities.length === 0 && signals.length === 0 && unknowns.length === 0;
+    const parts = [];
+    if (facts.length) parts.push(`${facts.length} ${plural(facts.length, "fact")}`);
+    if (capabilities.length) {
+      parts.push(`${capabilities.length} ${plural(capabilities.length, "capability", "capabilities")}`);
+    }
+    if (signals.length) parts.push(`${signals.length} ${plural(signals.length, "threat signal")}`);
+    if (unknowns.length) parts.push(`${unknowns.length} ${plural(unknowns.length, "unknown")}`);
+    return {
+      facts,
+      capabilities,
+      activeSignals,
+      inertSignals,
+      unknowns,
+      isEmpty,
+      emptyStatement: isEmpty ? `${copy.nothingReturned} ${copy.notAnAssurance}` : void 0,
+      summary: parts.length ? parts.join(" \xB7 ") : copy.nothingReturned
+    };
+  }
+  function availabilityPresentation(assessment) {
+    const outage = (assessment.unknowns ?? []).filter((u) => u.reason === "PROVIDER_UNAVAILABLE");
+    if (outage.length === 0) return { unavailable: false, tone: "neutral" };
+    return {
+      unavailable: true,
+      statement: outage.map((u) => u.statement).join(" "),
+      tone: "neutral"
+    };
+  }
+  var DECISION_LABEL = {
+    allow: "No action requested",
+    inform: "For your information",
+    warn: "Review before continuing",
+    warn_strong: "Review carefully before continuing",
+    require_confirmation: "Explicit confirmation requested",
+    block: "This application will not continue"
+  };
+  var DECISION_STATEMENT = {
+    allow: "This application\u2019s policy asks for nothing further.",
+    inform: "Shown because this application\u2019s policy asks that you see it.",
+    warn: "This application\u2019s policy asks you to read the detail before continuing.",
+    warn_strong: "This application\u2019s policy asks you to read the detail carefully before continuing.",
+    require_confirmation: "This application\u2019s policy asks you to confirm explicitly before continuing.",
+    block: "This application\u2019s policy stops here. That decision belongs to this application; Decentrys reports evidence and does not stop anything."
+  };
+  function decisionPresentation(decision) {
+    return {
+      action: decision.action,
+      label: DECISION_LABEL[decision.action],
+      statement: DECISION_STATEMENT[decision.action],
+      reason: decision.reason,
+      blocksUi: false
+    };
+  }
+  function approvalPresentation(details) {
+    const spenderName = details.spenderLabel?.trim() || shortenAddress(details.spender);
+    const assetName = details.symbol?.trim() || `tokens at ${shortenAddress(details.token)}`;
+    if (details.amount === void 0 || details.amount === null || details.amount === "") {
+      return {
+        unlimited: false,
+        amountKnown: false,
+        amountLabel: "Not decoded",
+        scopeLabel: "Allowance amount not decoded",
+        statement: `The allowance amount could not be decoded, so how much this grants ${spenderName} over your ${assetName} is not known.`,
+        spenderName,
+        assetName,
+        tone: "capability",
+        emphasis: "strong"
+      };
+    }
+    if (isUnlimitedAllowance(details.amount)) {
+      return {
+        unlimited: true,
+        amountKnown: true,
+        amountLabel: "Unlimited",
+        scopeLabel: "Unlimited allowance",
+        statement: `This grants ${spenderName} permission to spend an unlimited amount of your ${assetName}, now and at any time in the future, until it is revoked.`,
+        spenderName,
+        assetName,
+        tone: "capability",
+        emphasis: "strong"
+      };
+    }
+    const baseUnits = details.decimals === void 0;
+    const figure = formatTokenAmount(details.amount, details.decimals);
+    const amountLabel = baseUnits ? `${figure} base units` : `${figure} ${assetName}`;
+    return {
+      unlimited: false,
+      amountKnown: true,
+      amountLabel,
+      scopeLabel: "Limited allowance",
+      statement: `This grants ${spenderName} permission to spend up to ${figure} ${baseUnits ? `base units of ${assetName}` : assetName}, until it is revoked.`,
+      spenderName,
+      assetName,
+      tone: "capability",
+      emphasis: "normal"
+    };
+  }
+  function isUnlimitedAllowance(amount) {
+    if (amount.trim().toLowerCase() === "unlimited") return true;
+    try {
+      return BigInt(amount) >= 1n << 255n;
+    } catch {
+      return false;
+    }
+  }
+  function formatConfidence(confidence) {
+    const clamped = Math.min(1, Math.max(0, confidence));
+    return `${Math.round(clamped * 100)}%`;
+  }
+  function formatTimestamp(iso) {
+    const ms = Date.parse(iso);
+    if (Number.isNaN(ms)) return iso;
+    return `${new Date(ms).toISOString().slice(0, 16).replace("T", " ")} UTC`;
+  }
+  function shortenAddress(address, lead = 6, tail = 4) {
+    if (address.length <= lead + tail + 1) return address;
+    return `${address.slice(0, lead)}\u2026${address.slice(-tail)}`;
+  }
+  function formatTokenAmount(amount, decimals) {
+    let value;
+    try {
+      value = BigInt(amount);
+    } catch {
+      return amount;
+    }
+    if (decimals === void 0 || decimals < 0) return group(value.toString());
+    const negative = value < 0n;
+    const abs = negative ? -value : value;
+    const scale = 10n ** BigInt(decimals);
+    const whole = abs / scale;
+    const fraction = (abs % scale).toString().padStart(decimals, "0").replace(/0+$/, "");
+    const text = fraction ? `${group(whole.toString())}.${fraction}` : group(whole.toString());
+    return negative ? `-${text}` : text;
+  }
+  function group(digits) {
+    return digits.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  }
+  function plural(count, singular, pluralForm) {
+    if (count === 1) return singular;
+    return pluralForm ?? `${singular}s`;
+  }
+
+  // src/primitives.tsx
+  function cx(...parts) {
+    return parts.filter(Boolean).join(" ");
+  }
+  function StyleGate({ emit }) {
+    return emit ? /* @__PURE__ */ jsx(DecentrysUiStyles, {}) : null;
+  }
+  function LevelBadge({ level }) {
+    return /* @__PURE__ */ jsxs("span", { className: "dcy-badge", "data-dcy-tone": level.tone, "data-dcy-level": level.level, children: [
+      /* @__PURE__ */ jsx("span", { className: "dcy-glyph", "aria-hidden": "true", children: level.glyph }),
+      /* @__PURE__ */ jsx("span", { children: level.label })
+    ] });
+  }
+  function Chip({ children, title }) {
+    return /* @__PURE__ */ jsx("span", { className: "dcy-chip", title, children });
+  }
+  function Mono({ children }) {
+    return /* @__PURE__ */ jsx("span", { className: "dcy-mono", children });
+  }
+  function ScreenReaderText({ children }) {
+    return /* @__PURE__ */ jsx("span", { className: "dcy-sr", children });
+  }
+  function Section({
+    title,
+    note,
+    children
+  }) {
+    return /* @__PURE__ */ jsxs("section", { className: "dcy-section", children: [
+      /* @__PURE__ */ jsx("h4", { className: "dcy-section-title", children: title }),
+      note ? /* @__PURE__ */ jsx("p", { className: "dcy-note", children: note }) : null,
+      children
+    ] });
+  }
+  function EmptyNote({ children }) {
+    return /* @__PURE__ */ jsx("p", { className: "dcy-note", "data-dcy-empty": "", children });
+  }
+  function FactRow({ fact, copy }) {
+    const kind = kindPresentation("fact", copy);
+    const p = factPresentation(fact);
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "dcy-row",
+        "data-dcy-kind": "fact",
+        "data-dcy-tone": p.tone,
+        "data-dcy-rule": kind.rule,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "dcy-glyph", "aria-hidden": "true", children: kind.glyph }),
+          /* @__PURE__ */ jsxs("div", { className: "dcy-row-body", children: [
+            /* @__PURE__ */ jsxs("p", { className: "dcy-row-statement", children: [
+              /* @__PURE__ */ jsx(Chip, { children: kind.label }),
+              " ",
+              p.statement
+            ] }),
+            /* @__PURE__ */ jsxs("p", { className: "dcy-row-meta", children: [
+              /* @__PURE__ */ jsxs("span", { children: [
+                copy.sourceLabel,
+                ": ",
+                p.source
+              ] }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                copy.observedLabel,
+                ": ",
+                p.observedAt
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+  function CapabilityRow({
+    capability,
+    copy
+  }) {
+    const kind = kindPresentation("capability", copy);
+    const p = capabilityPresentation(capability);
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "dcy-row",
+        "data-dcy-kind": "capability",
+        "data-dcy-tone": p.tone,
+        "data-dcy-rule": kind.rule,
+        "data-dcy-severity": p.severity,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "dcy-glyph", "aria-hidden": "true", children: kind.glyph }),
+          /* @__PURE__ */ jsxs("div", { className: "dcy-row-body", children: [
+            /* @__PURE__ */ jsxs("p", { className: cx("dcy-row-statement", p.emphasis === "strong" && "dcy-row-strong"), children: [
+              /* @__PURE__ */ jsx(Chip, { children: kind.label }),
+              " ",
+              /* @__PURE__ */ jsx(Chip, { children: p.severityLabel }),
+              " ",
+              p.statement
+            ] }),
+            p.grantedBy ? /* @__PURE__ */ jsx("p", { className: "dcy-row-meta", children: /* @__PURE__ */ jsxs("span", { children: [
+              copy.grantedByLabel,
+              ": ",
+              /* @__PURE__ */ jsx(Mono, { children: p.grantedBy })
+            ] }) }) : null
+          ] })
+        ]
+      }
+    );
+  }
+  function UnknownRow({
+    unknown,
+    copy
+  }) {
+    const kind = kindPresentation("unknown", copy);
+    const p = unknownPresentation(unknown);
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "dcy-row",
+        "data-dcy-kind": "unknown",
+        "data-dcy-tone": p.tone,
+        "data-dcy-rule": kind.rule,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "dcy-glyph", "aria-hidden": "true", children: kind.glyph }),
+          /* @__PURE__ */ jsxs("div", { className: "dcy-row-body", children: [
+            /* @__PURE__ */ jsxs("p", { className: "dcy-row-statement", children: [
+              /* @__PURE__ */ jsx(Chip, { children: kind.label }),
+              " ",
+              p.statement
+            ] }),
+            /* @__PURE__ */ jsxs("p", { className: "dcy-row-meta", children: [
+              /* @__PURE__ */ jsx("span", { children: p.field }),
+              /* @__PURE__ */ jsx("span", { children: p.reasonLabel })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+  function EvidenceList({
+    evidence,
+    copy
+  }) {
+    if (evidence.length === 0) return null;
+    return /* @__PURE__ */ jsxs("div", { className: "dcy-section", children: [
+      /* @__PURE__ */ jsx("h5", { className: "dcy-section-title", children: copy.evidenceHeading }),
+      evidence.map((item) => {
+        const e = evidencePresentation(item, copy);
+        return /* @__PURE__ */ jsxs("dl", { className: "dcy-kv", children: [
+          /* @__PURE__ */ jsx("dt", { children: copy.sourceLabel }),
+          /* @__PURE__ */ jsx("dd", { children: e.source }),
+          /* @__PURE__ */ jsx("dt", { children: "Type" }),
+          /* @__PURE__ */ jsx("dd", { children: e.type }),
+          /* @__PURE__ */ jsx("dt", { children: copy.observedLabel }),
+          /* @__PURE__ */ jsx("dd", { children: e.observedAt }),
+          /* @__PURE__ */ jsx("dt", { children: copy.confidenceLabel }),
+          /* @__PURE__ */ jsx("dd", { children: e.confidenceLabel }),
+          e.reference ? /* @__PURE__ */ jsxs(Fragment2, { children: [
+            /* @__PURE__ */ jsx("dt", { children: "Reference" }),
+            /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(Mono, { children: e.reference }) })
+          ] }) : null,
+          /* @__PURE__ */ jsx("dt", { children: "Attribution" }),
+          /* @__PURE__ */ jsx("dd", { children: e.attribution }),
+          /* @__PURE__ */ jsx("dt", { children: "Evidence id" }),
+          /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(Mono, { children: e.id }) })
+        ] }, e.id);
+      })
+    ] });
+  }
+  function SignalCard({
+    signal,
+    copy,
+    subjectNoun,
+    showEvidence = false
+  }) {
+    const kind = kindPresentation("signal", copy);
+    const p = signalPresentation(signal, copy, { subjectNoun });
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "dcy-signal",
+        "data-dcy-kind": "signal",
+        "data-dcy-tone": p.tone,
+        "data-dcy-severity": p.severity,
+        "data-dcy-raising": String(p.raising),
+        "data-dcy-hops": String(p.hops),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "dcy-signal-head", children: [
+            /* @__PURE__ */ jsx("span", { className: "dcy-glyph", "aria-hidden": "true", children: kind.glyph }),
+            /* @__PURE__ */ jsx(Chip, { children: kind.label }),
+            /* @__PURE__ */ jsxs(Chip, { children: [
+              p.severityLabel,
+              " severity"
+            ] }),
+            /* @__PURE__ */ jsxs(Chip, { title: copy.confidenceCaveat, children: [
+              p.confidenceLabel,
+              " ",
+              copy.confidenceLabel.toLowerCase()
+            ] }),
+            /* @__PURE__ */ jsx(Chip, { children: p.hopLabel }),
+            p.active ? null : /* @__PURE__ */ jsx(Chip, { children: p.statusLabel })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "dcy-row-statement dcy-row-strong", children: p.explanation }),
+          /* @__PURE__ */ jsx("p", { className: "dcy-note", children: p.hopStatement }),
+          p.inertStatement ? /* @__PURE__ */ jsx("p", { className: "dcy-note", children: p.inertStatement }) : null,
+          /* @__PURE__ */ jsx("p", { className: "dcy-note", children: p.attribution }),
+          showEvidence ? /* @__PURE__ */ jsx(EvidenceList, { evidence: signal.evidence, copy }) : null
+        ]
+      }
+    );
+  }
+  function SignalList({
+    signals,
+    copy,
+    subjectNoun,
+    showEvidence
+  }) {
+    if (signals.length === 0) return /* @__PURE__ */ jsx(EmptyNote, { children: copy.noSignals });
+    return /* @__PURE__ */ jsx("ul", { className: "dcy-list", children: signals.map((signal, index) => /* @__PURE__ */ jsx(
+      SignalCard,
+      {
+        signal,
+        copy,
+        subjectNoun,
+        showEvidence
+      },
+      `${signal.type}:${signal.createdAt}:${index}`
+    )) });
+  }
+  function HistoryNote({
+    status,
+    copy
+  }) {
+    const h = historyPresentation(status);
+    return /* @__PURE__ */ jsxs("p", { className: "dcy-note", "data-dcy-tone": h.tone, "data-dcy-history": h.status, children: [
+      /* @__PURE__ */ jsx(Chip, { children: h.label }),
+      " ",
+      h.statement
+    ] });
+  }
+  function AvailabilityNote({ assessment }) {
+    const a = availabilityPresentation(assessment);
+    if (!a.unavailable) return null;
+    return /* @__PURE__ */ jsx("p", { className: "dcy-note", "data-dcy-tone": a.tone, "data-dcy-unavailable": "", children: a.statement });
+  }
+  function DemotedNote({
+    demotedSignals,
+    copy
+  }) {
+    if (!demotedSignals || demotedSignals.length === 0) return null;
+    return /* @__PURE__ */ jsx(Section, { title: copy.demotedHeading, note: copy.demotedExplanation, children: /* @__PURE__ */ jsx("p", { className: "dcy-row-meta", children: demotedSignals.map((type) => /* @__PURE__ */ jsx(Chip, { children: type }, type)) }) });
+  }
+  function ExplanationList({ explanation }) {
+    if (explanation.length === 0) return null;
+    return /* @__PURE__ */ jsx("ul", { className: "dcy-list", "data-dcy-explanation": "", children: explanation.map((line, index) => /* @__PURE__ */ jsx("li", { className: "dcy-note", children: line }, `${index}:${line.slice(0, 24)}`)) });
+  }
+  function LevelHeader({
+    assessment,
+    copy,
+    levelLabels,
+    children
+  }) {
+    const level = levelPresentation(assessment.riskLevel, { labels: levelLabels });
+    return /* @__PURE__ */ jsxs("div", { className: "dcy-head", children: [
+      /* @__PURE__ */ jsxs("div", { className: "dcy-head-main", children: [
+        /* @__PURE__ */ jsx("h3", { className: "dcy-title", children: level.label }),
+        /* @__PURE__ */ jsx("p", { className: "dcy-meaning", children: level.meaning })
+      ] }),
+      /* @__PURE__ */ jsx(LevelBadge, { level }),
+      children
+    ] });
+  }
+
+  // src/components/TransactionRiskBanner.tsx
+  function TransactionRiskBanner({
+    result,
+    subjectNoun = "transaction",
+    actions,
+    onViewDetails,
+    maxExplanationLines = 4,
+    className,
+    style,
+    theme,
+    copy: copyOverrides,
+    levelLabels
+  }) {
+    const { copy, theme: mergedTheme, emitStyles } = useUiConfig({ theme, copy: copyOverrides });
+    const { assessment, decision, cached, demotedSignals } = result;
+    const level = levelPresentation(assessment.riskLevel, { labels: levelLabels });
+    const sections = assessmentSections(assessment, copy);
+    const policy = decisionPresentation(decision);
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: cx("dcy", "dcy-card", className),
+        style: themeStyle(mergedTheme, style),
+        "data-dcy-component": "transaction-risk-banner",
+        "data-dcy-level": assessment.riskLevel,
+        "data-dcy-tone": level.tone,
+        role: level.liveRegionRole,
+        "aria-label": level.ariaLabel,
+        children: [
+          /* @__PURE__ */ jsx(StyleGate, { emit: emitStyles }),
+          /* @__PURE__ */ jsx(LevelHeader, { assessment, copy, levelLabels }),
+          /* @__PURE__ */ jsx(AvailabilityNote, { assessment }),
+          /* @__PURE__ */ jsx(ExplanationList, { explanation: assessment.explanation.slice(0, maxExplanationLines) }),
+          sections.isEmpty ? /* @__PURE__ */ jsx(EmptyNote, { children: sections.emptyStatement }) : /* @__PURE__ */ jsx("p", { className: "dcy-note", "data-dcy-summary": "", children: sections.summary }),
+          sections.activeSignals.length > 0 ? /* @__PURE__ */ jsx(Section, { title: copy.signalsHeading, children: /* @__PURE__ */ jsx(SignalList, { signals: sections.activeSignals, copy, subjectNoun }) }) : null,
+          sections.inertSignals.length > 0 ? /* @__PURE__ */ jsxs(EmptyNote, { children: [
+            sections.inertSignals.length,
+            " ",
+            plural(sections.inertSignals.length, "further signal was", "further signals were"),
+            " ",
+            "observed and did not affect this assessment. They are listed in full in the details."
+          ] }) : null,
+          sections.unknowns.length > 0 ? /* @__PURE__ */ jsx(Section, { title: copy.unknownsHeading, note: copy.unknownsAreNotRisk, children: /* @__PURE__ */ jsx("ul", { className: "dcy-list", children: sections.unknowns.map((unknown) => /* @__PURE__ */ jsx(UnknownRow, { unknown, copy }, unknown.field)) }) }) : null,
+          /* @__PURE__ */ jsx(HistoryNote, { status: assessment.historyStatus, copy }),
+          /* @__PURE__ */ jsx(DemotedNote, { demotedSignals, copy }),
+          /* @__PURE__ */ jsxs("p", { className: "dcy-note", "data-dcy-decision": policy.action, children: [
+            /* @__PURE__ */ jsx("span", { className: "dcy-chip", children: policy.label }),
+            " ",
+            policy.statement
+          ] }),
+          cached ? /* @__PURE__ */ jsx("p", { className: "dcy-note", children: copy.cachedNotice }) : null,
+          onViewDetails || actions ? /* @__PURE__ */ jsxs("div", { className: "dcy-head", children: [
+            onViewDetails ? /* @__PURE__ */ jsx("button", { type: "button", className: "dcy-btn dcy-btn-quiet", onClick: onViewDetails, children: copy.viewDetails }) : null,
+            actions
+          ] }) : null
+        ]
+      }
+    );
+  }
+
+  // src/components/ApprovalWarning.tsx
+  function ApprovalWarning({
+    result,
+    approval,
+    actions,
+    onViewDetails,
+    className,
+    style,
+    theme,
+    copy: copyOverrides,
+    levelLabels
+  }) {
+    const { copy, theme: mergedTheme, emitStyles } = useUiConfig({ theme, copy: copyOverrides });
+    const { assessment, decision, demotedSignals } = result;
+    const level = levelPresentation(assessment.riskLevel, { labels: levelLabels });
+    const scope = approvalPresentation(approval);
+    const sections = assessmentSections(assessment, copy);
+    const policy = decisionPresentation(decision);
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: cx("dcy", "dcy-card", className),
+        style: themeStyle(mergedTheme, style),
+        "data-dcy-component": "approval-warning",
+        "data-dcy-level": assessment.riskLevel,
+        "data-dcy-tone": level.tone,
+        "data-dcy-unlimited": String(scope.unlimited),
+        role: level.liveRegionRole,
+        "aria-label": `${scope.scopeLabel}. ${level.ariaLabel}`,
+        children: [
+          /* @__PURE__ */ jsx(StyleGate, { emit: emitStyles }),
+          /* @__PURE__ */ jsx(LevelHeader, { assessment, copy, levelLabels }),
+          /* @__PURE__ */ jsx(AvailabilityNote, { assessment }),
+          /* @__PURE__ */ jsxs(Section, { title: copy.approvalHeading, children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "dcy-row",
+                "data-dcy-kind": "capability",
+                "data-dcy-tone": scope.tone,
+                "data-dcy-rule": "dashed",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "dcy-glyph", "aria-hidden": "true", children: "\u25C7" }),
+                  /* @__PURE__ */ jsxs("div", { className: "dcy-row-body", children: [
+                    /* @__PURE__ */ jsxs("p", { className: cx("dcy-row-statement", scope.emphasis === "strong" && "dcy-row-strong"), children: [
+                      /* @__PURE__ */ jsx(Chip, { children: scope.scopeLabel }),
+                      " ",
+                      scope.statement
+                    ] }),
+                    /* @__PURE__ */ jsx("p", { className: "dcy-note", children: copy.approvalRevocation })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("dl", { className: "dcy-kv", children: [
+              /* @__PURE__ */ jsx("dt", { children: copy.spenderLabel }),
+              /* @__PURE__ */ jsxs("dd", { children: [
+                /* @__PURE__ */ jsx(Mono, { children: approval.spender }),
+                approval.spenderLabel ? ` \u2014 ${approval.spenderLabel}` : null
+              ] }),
+              /* @__PURE__ */ jsx("dt", { children: copy.tokenLabel }),
+              /* @__PURE__ */ jsxs("dd", { children: [
+                /* @__PURE__ */ jsx(Mono, { children: approval.token }),
+                approval.symbol ? ` \u2014 ${approval.symbol}` : null
+              ] }),
+              /* @__PURE__ */ jsx("dt", { children: "Amount" }),
+              /* @__PURE__ */ jsx("dd", { children: scope.amountLabel })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Section, { title: copy.signalsHeading, children: /* @__PURE__ */ jsx(
+            SignalList,
+            {
+              signals: [...sections.activeSignals, ...sections.inertSignals],
+              copy,
+              subjectNoun: "spender"
+            }
+          ) }),
+          sections.unknowns.length > 0 ? /* @__PURE__ */ jsx(Section, { title: copy.unknownsHeading, note: copy.unknownsAreNotRisk, children: /* @__PURE__ */ jsx("ul", { className: "dcy-list", children: sections.unknowns.map((unknown) => /* @__PURE__ */ jsx(UnknownRow, { unknown, copy }, unknown.field)) }) }) : null,
+          /* @__PURE__ */ jsx(HistoryNote, { status: assessment.historyStatus, copy }),
+          demotedSignals && demotedSignals.length > 0 ? /* @__PURE__ */ jsxs(EmptyNote, { children: [
+            copy.demotedHeading,
+            ": ",
+            demotedSignals.join(", "),
+            ". ",
+            copy.demotedExplanation
+          ] }) : null,
+          /* @__PURE__ */ jsxs("p", { className: "dcy-note", "data-dcy-decision": policy.action, children: [
+            /* @__PURE__ */ jsx("span", { className: "dcy-chip", children: policy.label }),
+            " ",
+            policy.statement
+          ] }),
+          onViewDetails || actions ? /* @__PURE__ */ jsxs("div", { className: "dcy-head", children: [
+            onViewDetails ? /* @__PURE__ */ jsx("button", { type: "button", className: "dcy-btn dcy-btn-quiet", onClick: onViewDetails, children: copy.viewDetails }) : null,
+            actions
+          ] }) : null
+        ]
+      }
+    );
+  }
+
+  // src/components/ContractFacts.tsx
+  function ContractFacts({
+    assessment,
+    demotedSignals,
+    onViewSignals,
+    title,
+    className,
+    style,
+    theme,
+    copy: copyOverrides
+  }) {
+    const { copy, theme: mergedTheme, emitStyles } = useUiConfig({ theme, copy: copyOverrides });
+    const sections = assessmentSections(assessment, copy);
+    const signalCount = sections.activeSignals.length + sections.inertSignals.length;
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: cx("dcy", "dcy-card", className),
+        style: themeStyle(mergedTheme, style),
+        "data-dcy-component": "contract-facts",
+        "aria-label": title ?? "Contract facts and capabilities",
+        children: [
+          /* @__PURE__ */ jsx(StyleGate, { emit: emitStyles }),
+          title ? /* @__PURE__ */ jsx("h3", { className: "dcy-title", children: title }) : null,
+          /* @__PURE__ */ jsx(AvailabilityNote, { assessment }),
+          /* @__PURE__ */ jsx(Section, { title: copy.capabilitiesHeading, note: copy.capabilitiesAreNotFindings, children: sections.capabilities.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: copy.noCapabilities }) : /* @__PURE__ */ jsx("ul", { className: "dcy-list", children: sections.capabilities.map((capability, index) => /* @__PURE__ */ jsx(
+            CapabilityRow,
+            {
+              capability,
+              copy
+            },
+            `${capability.type}:${index}`
+          )) }) }),
+          /* @__PURE__ */ jsx(Section, { title: copy.factsHeading, note: copy.factsAreNotFindings, children: sections.facts.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: copy.noFacts }) : /* @__PURE__ */ jsx("ul", { className: "dcy-list", children: sections.facts.map((fact, index) => /* @__PURE__ */ jsx(FactRow, { fact, copy }, `${fact.type}:${index}`)) }) }),
+          /* @__PURE__ */ jsx(Section, { title: copy.unknownsHeading, note: copy.unknownsAreNotRisk, children: sections.unknowns.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: copy.noUnknowns }) : /* @__PURE__ */ jsx("ul", { className: "dcy-list", children: sections.unknowns.map((unknown) => /* @__PURE__ */ jsx(UnknownRow, { unknown, copy }, unknown.field)) }) }),
+          /* @__PURE__ */ jsx(HistoryNote, { status: assessment.historyStatus, copy }),
+          /* @__PURE__ */ jsx(DemotedNote, { demotedSignals, copy }),
+          signalCount > 0 ? /* @__PURE__ */ jsxs("p", { className: "dcy-note", "data-dcy-signals-elsewhere": "", children: [
+            signalCount,
+            " ",
+            plural(signalCount, "threat signal is", "threat signals are"),
+            " reported for this subject and ",
+            plural(signalCount, "is", "are"),
+            " shown separately.",
+            onViewSignals ? /* @__PURE__ */ jsxs(Fragment2, { children: [
+              " ",
+              /* @__PURE__ */ jsx("button", { type: "button", className: "dcy-btn dcy-btn-quiet", onClick: onViewSignals, children: copy.signalsHeading })
+            ] }) : null
+          ] }) : /* @__PURE__ */ jsx("p", { className: "dcy-note", children: copy.noSignals })
+        ]
+      }
+    );
+  }
+
+  // src/components/ThreatSignalList.tsx
+  function ThreatSignalList({
+    signals,
+    subjectNoun = "address",
+    defaultShowEvidence = false,
+    showEvidenceToggle = true,
+    title,
+    className,
+    style,
+    theme,
+    copy: copyOverrides
+  }) {
+    const { copy, theme: mergedTheme, emitStyles } = useUiConfig({ theme, copy: copyOverrides });
+    const [showEvidence, setShowEvidence] = useState(defaultShowEvidence);
+    const evidenceVisible = showEvidenceToggle ? showEvidence : defaultShowEvidence;
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: cx("dcy", "dcy-card", className),
+        style: themeStyle(mergedTheme, style),
+        "data-dcy-component": "threat-signal-list",
+        "data-dcy-signal-count": String(signals.length),
+        "aria-label": title ?? copy.signalsHeading,
+        children: [
+          /* @__PURE__ */ jsx(StyleGate, { emit: emitStyles }),
+          /* @__PURE__ */ jsx(Section, { title: title ?? copy.signalsHeading, children: signals.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: copy.noSignals }) : /* @__PURE__ */ jsx(
+            SignalList,
+            {
+              signals,
+              copy,
+              subjectNoun,
+              showEvidence: evidenceVisible
+            }
+          ) }),
+          signals.length > 0 && showEvidenceToggle ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "dcy-btn dcy-btn-quiet",
+              "aria-expanded": evidenceVisible,
+              onClick: () => setShowEvidence((value) => !value),
+              children: evidenceVisible ? copy.hideEvidence : copy.showEvidence
+            }
+          ) }) : null
+        ]
+      }
+    );
+  }
+
+  // src/browser/react-dom-global.ts
+  function resolveReactDom() {
+    const candidate = globalThis.ReactDOM;
+    if (!candidate || typeof candidate.createPortal !== "function") {
+      throw new Error(
+        "DecentrysUI: RiskDetailsModal needs ReactDOM on the page (window.ReactDOM) to portal into document.body. Load ReactDOM, or pass portal={false} to render the dialog in place."
+      );
+    }
+    return candidate;
+  }
+  var createPortal = (...args) => resolveReactDom().createPortal(...args);
+
+  // src/components/RiskDetailsModal.tsx
+  function RiskDetailsModal({
+    result,
+    open,
+    onClose,
+    subjectNoun = "address",
+    portal = true,
+    className,
+    style,
+    theme,
+    copy: copyOverrides,
+    levelLabels
+  }) {
+    const { copy, theme: mergedTheme, emitStyles } = useUiConfig({ theme, copy: copyOverrides });
+    const titleId = useId();
+    const dialogRef = useRef(null);
+    const restoreFocusTo = useRef(null);
+    useEffect(() => {
+      if (!open) return void 0;
+      restoreFocusTo.current = typeof document === "undefined" ? null : document.activeElement;
+      dialogRef.current?.focus();
+      const onKeyDown = (event) => {
+        if (event.key === "Escape") {
+          event.stopPropagation();
+          onClose();
+        }
+      };
+      document.addEventListener("keydown", onKeyDown);
+      return () => {
+        document.removeEventListener("keydown", onKeyDown);
+        const previous = restoreFocusTo.current;
+        if (previous instanceof HTMLElement) previous.focus();
+      };
+    }, [open, onClose]);
+    if (!open) return null;
+    const { assessment, subject, decision, cached, demotedSignals } = result;
+    const level = levelPresentation(assessment.riskLevel, { labels: levelLabels });
+    const sections = assessmentSections(assessment, copy);
+    const policy = decisionPresentation(decision);
+    const dialog = /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cx("dcy", "dcy-backdrop"),
+        style: themeStyle(mergedTheme),
+        "data-dcy-component": "risk-details-modal",
+        onClick: (event) => {
+          if (event.target === event.currentTarget) onClose();
+        },
+        children: [
+          /* @__PURE__ */ jsx(StyleGate, { emit: emitStyles }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: dialogRef,
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-labelledby": titleId,
+              tabIndex: -1,
+              className: cx("dcy-modal", className),
+              style,
+              "data-dcy-level": assessment.riskLevel,
+              "data-dcy-tone": level.tone,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "dcy-modal-head", children: [
+                  /* @__PURE__ */ jsx("h2", { className: "dcy-title", id: titleId, children: copy.detailsTitle }),
+                  /* @__PURE__ */ jsx("button", { type: "button", className: "dcy-btn", onClick: onClose, children: copy.close })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "dcy-head", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "dcy-head-main", children: [
+                    /* @__PURE__ */ jsx("h3", { className: "dcy-title", children: level.label }),
+                    /* @__PURE__ */ jsx("p", { className: "dcy-meaning", children: level.meaning })
+                  ] }),
+                  /* @__PURE__ */ jsx(LevelBadge, { level })
+                ] }),
+                /* @__PURE__ */ jsxs("dl", { className: "dcy-kv", children: [
+                  /* @__PURE__ */ jsx("dt", { children: "Subject" }),
+                  /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(Mono, { children: subject.identifier }) }),
+                  /* @__PURE__ */ jsx("dt", { children: "Chain" }),
+                  /* @__PURE__ */ jsx("dd", { children: subject.chain }),
+                  /* @__PURE__ */ jsx("dt", { children: "Kind" }),
+                  /* @__PURE__ */ jsx("dd", { children: subject.kind }),
+                  /* @__PURE__ */ jsx("dt", { children: copy.confidenceLabel }),
+                  /* @__PURE__ */ jsxs("dd", { children: [
+                    formatConfidence(assessment.confidence),
+                    " \u2014 ",
+                    copy.confidenceCaveat
+                  ] }),
+                  /* @__PURE__ */ jsx("dt", { children: copy.modelLabel }),
+                  /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(Mono, { children: assessment.modelVersion }) }),
+                  /* @__PURE__ */ jsx("dt", { children: copy.assessedLabel }),
+                  /* @__PURE__ */ jsx("dd", { children: formatTimestamp(assessment.assessedAt) })
+                ] }),
+                /* @__PURE__ */ jsx(AvailabilityNote, { assessment }),
+                /* @__PURE__ */ jsx(Section, { title: "Why this level", children: /* @__PURE__ */ jsx(ExplanationList, { explanation: assessment.explanation }) }),
+                sections.isEmpty ? /* @__PURE__ */ jsx(EmptyNote, { children: sections.emptyStatement }) : null,
+                /* @__PURE__ */ jsx(Section, { title: copy.signalsHeading, children: /* @__PURE__ */ jsx(
+                  SignalList,
+                  {
+                    signals: [...sections.activeSignals, ...sections.inertSignals],
+                    copy,
+                    subjectNoun,
+                    showEvidence: true
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Section, { title: copy.capabilitiesHeading, note: copy.capabilitiesAreNotFindings, children: sections.capabilities.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: copy.noCapabilities }) : /* @__PURE__ */ jsx("ul", { className: "dcy-list", children: sections.capabilities.map((capability, index) => /* @__PURE__ */ jsx(CapabilityRow, { capability, copy }, `${capability.type}:${index}`)) }) }),
+                /* @__PURE__ */ jsx(Section, { title: copy.factsHeading, note: copy.factsAreNotFindings, children: sections.facts.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: copy.noFacts }) : /* @__PURE__ */ jsx("ul", { className: "dcy-list", children: sections.facts.map((fact, index) => /* @__PURE__ */ jsx(FactRow, { fact, copy }, `${fact.type}:${index}`)) }) }),
+                /* @__PURE__ */ jsx(Section, { title: copy.unknownsHeading, note: copy.unknownsAreNotRisk, children: sections.unknowns.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: copy.noUnknowns }) : /* @__PURE__ */ jsx("ul", { className: "dcy-list", children: sections.unknowns.map((unknown) => /* @__PURE__ */ jsx(UnknownRow, { unknown, copy }, unknown.field)) }) }),
+                /* @__PURE__ */ jsx(Section, { title: copy.historyHeading, children: /* @__PURE__ */ jsx(HistoryNote, { status: assessment.historyStatus, copy }) }),
+                /* @__PURE__ */ jsx(Section, { title: copy.componentsHeading, children: /* @__PURE__ */ jsx("dl", { className: "dcy-kv", children: componentRows(assessment.components, copy).map((row) => /* @__PURE__ */ jsx(ComponentEntry, { label: row.label, value: row.value, caveat: row.caveat }, row.key)) }) }),
+                /* @__PURE__ */ jsx(DemotedNote, { demotedSignals, copy }),
+                /* @__PURE__ */ jsx("hr", { className: "dcy-hr" }),
+                /* @__PURE__ */ jsxs("p", { className: "dcy-note", "data-dcy-decision": policy.action, children: [
+                  /* @__PURE__ */ jsx("span", { className: "dcy-chip", children: policy.label }),
+                  " ",
+                  policy.statement,
+                  " ",
+                  copy.policyIsYours
+                ] }),
+                cached ? /* @__PURE__ */ jsx("p", { className: "dcy-note", children: copy.cachedNotice }) : null
+              ]
+            }
+          )
+        ]
+      }
+    );
+    if (portal && typeof document !== "undefined") {
+      return createPortal(dialog, document.body);
+    }
+    return dialog;
+  }
+  function ComponentEntry({
+    label,
+    value,
+    caveat
+  }) {
+    return /* @__PURE__ */ jsxs(Fragment2, { children: [
+      /* @__PURE__ */ jsx("dt", { children: label }),
+      /* @__PURE__ */ jsxs("dd", { children: [
+        Math.round(value),
+        " / 100",
+        caveat ? /* @__PURE__ */ jsxs("span", { className: "dcy-note", children: [
+          " ",
+          caveat
+        ] }) : null
+      ] })
+    ] });
+  }
+
+  // src/components/TokenSecurityPanel.tsx
+  function TokenSecurityPanel({
+    result,
+    tokenName,
+    tokenSymbol,
+    onViewDetails,
+    showComponents = true,
+    className,
+    style,
+    theme,
+    copy: copyOverrides,
+    levelLabels
+  }) {
+    const { copy, theme: mergedTheme, emitStyles } = useUiConfig({ theme, copy: copyOverrides });
+    const { assessment, subject, decision, cached, demotedSignals } = result;
+    const level = levelPresentation(assessment.riskLevel, { labels: levelLabels });
+    const sections = assessmentSections(assessment, copy);
+    const policy = decisionPresentation(decision);
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: cx("dcy", "dcy-card", className),
+        style: themeStyle(mergedTheme, style),
+        "data-dcy-component": "token-security-panel",
+        "data-dcy-level": assessment.riskLevel,
+        "data-dcy-tone": level.tone,
+        "aria-label": level.ariaLabel,
+        children: [
+          /* @__PURE__ */ jsx(StyleGate, { emit: emitStyles }),
+          /* @__PURE__ */ jsx(LevelHeader, { assessment, copy, levelLabels }),
+          /* @__PURE__ */ jsxs("p", { className: "dcy-note", children: [
+            tokenName || tokenSymbol ? /* @__PURE__ */ jsxs(Fragment2, { children: [
+              /* @__PURE__ */ jsx(Chip, { children: tokenSymbol ?? tokenName }),
+              " ",
+              tokenName && tokenSymbol ? `${tokenName} \u2014 ` : null
+            ] }) : null,
+            /* @__PURE__ */ jsx(Mono, { children: subject.identifier }),
+            " on ",
+            subject.chain
+          ] }),
+          /* @__PURE__ */ jsx(AvailabilityNote, { assessment }),
+          /* @__PURE__ */ jsx(ExplanationList, { explanation: assessment.explanation }),
+          sections.isEmpty ? /* @__PURE__ */ jsx(EmptyNote, { children: sections.emptyStatement }) : null,
+          /* @__PURE__ */ jsx(Section, { title: copy.capabilitiesHeading, note: copy.capabilitiesAreNotFindings, children: sections.capabilities.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: copy.noCapabilities }) : /* @__PURE__ */ jsx("ul", { className: "dcy-list", children: sections.capabilities.map((capability, index) => /* @__PURE__ */ jsx(CapabilityRow, { capability, copy }, `${capability.type}:${index}`)) }) }),
+          /* @__PURE__ */ jsx(Section, { title: copy.factsHeading, note: copy.factsAreNotFindings, children: sections.facts.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: copy.noFacts }) : /* @__PURE__ */ jsx("ul", { className: "dcy-list", children: sections.facts.map((fact, index) => /* @__PURE__ */ jsx(FactRow, { fact, copy }, `${fact.type}:${index}`)) }) }),
+          /* @__PURE__ */ jsx(Section, { title: copy.signalsHeading, children: /* @__PURE__ */ jsx(
+            SignalList,
+            {
+              signals: [...sections.activeSignals, ...sections.inertSignals],
+              copy,
+              subjectNoun: "token"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Section, { title: copy.unknownsHeading, note: copy.unknownsAreNotRisk, children: sections.unknowns.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: copy.noUnknowns }) : /* @__PURE__ */ jsx("ul", { className: "dcy-list", children: sections.unknowns.map((unknown) => /* @__PURE__ */ jsx(UnknownRow, { unknown, copy }, unknown.field)) }) }),
+          /* @__PURE__ */ jsx(HistoryNote, { status: assessment.historyStatus, copy }),
+          showComponents ? /* @__PURE__ */ jsx(Section, { title: copy.componentsHeading, children: /* @__PURE__ */ jsx("dl", { className: "dcy-kv", children: componentRows(assessment.components, copy).map((row) => /* @__PURE__ */ jsx(ComponentEntry2, { label: row.label, value: row.value, caveat: row.caveat }, row.key)) }) }) : null,
+          /* @__PURE__ */ jsx(DemotedNote, { demotedSignals, copy }),
+          /* @__PURE__ */ jsxs("p", { className: "dcy-note", "data-dcy-decision": policy.action, children: [
+            /* @__PURE__ */ jsx("span", { className: "dcy-chip", children: policy.label }),
+            " ",
+            policy.statement
+          ] }),
+          cached ? /* @__PURE__ */ jsx("p", { className: "dcy-note", children: copy.cachedNotice }) : null,
+          onViewDetails ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("button", { type: "button", className: "dcy-btn dcy-btn-quiet", onClick: onViewDetails, children: copy.viewDetails }) }) : null
+        ]
+      }
+    );
+  }
+  function ComponentEntry2({
+    label,
+    value,
+    caveat
+  }) {
+    return /* @__PURE__ */ jsxs(Fragment2, { children: [
+      /* @__PURE__ */ jsx("dt", { children: label }),
+      /* @__PURE__ */ jsxs("dd", { children: [
+        Math.round(value),
+        " / 100",
+        caveat ? /* @__PURE__ */ jsxs("span", { className: "dcy-note", children: [
+          " ",
+          caveat
+        ] }) : null
+      ] })
+    ] });
+  }
+
+  // src/components/AddressRiskBadge.tsx
+  function AddressRiskBadge(props) {
+    const { assessment, level, address, onSelect, className, style, theme, copy, levelLabels } = props;
+    const { theme: mergedTheme, emitStyles } = useUiConfig({ theme, copy });
+    const resolved = assessment?.riskLevel ?? level;
+    if (!resolved) return null;
+    const presentation = levelPresentation(resolved, { labels: levelLabels });
+    const rootClass = cx("dcy", "dcy-inline", className);
+    const rootStyle = themeStyle(mergedTheme, style);
+    const content = /* @__PURE__ */ jsxs(Fragment2, { children: [
+      /* @__PURE__ */ jsx(LevelBadge, { level: presentation }),
+      address ? /* @__PURE__ */ jsx(Mono, { children: shortenAddress(address) }) : null,
+      /* @__PURE__ */ jsx(ScreenReaderText, { children: presentation.meaning })
+    ] });
+    if (onSelect) {
+      return /* @__PURE__ */ jsxs(Fragment2, { children: [
+        /* @__PURE__ */ jsx(StyleGate, { emit: emitStyles }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: rootClass,
+            style: rootStyle,
+            title: presentation.meaning,
+            onClick: onSelect,
+            "data-dcy-component": "address-risk-badge",
+            "data-dcy-level": resolved,
+            "data-dcy-tone": presentation.tone,
+            children: content
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(Fragment2, { children: [
+      /* @__PURE__ */ jsx(StyleGate, { emit: emitStyles }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: rootClass,
+          style: rootStyle,
+          title: presentation.meaning,
+          "data-dcy-component": "address-risk-badge",
+          "data-dcy-level": resolved,
+          "data-dcy-tone": presentation.tone,
+          children: content
+        }
+      )
+    ] });
+  }
+  return __toCommonJS(index_exports);
+})();