@manta-eu/react 0.1.5 → 0.1.6

package/dist/globals.css

@@ -513,9 +513,6 @@
   .top-6 {
     top: calc(var(--spacing) * 6);
   }
-  .top-7 {
-    top: calc(var(--spacing) * 7);
-  }
   .top-7\.75 {
     top: calc(var(--spacing) * 7.75);
   }
@@ -786,9 +783,6 @@
   .mt-8 {
     margin-top: calc(var(--spacing) * 8);
   }
-  .mt-10 {
-    margin-top: calc(var(--spacing) * 10);
-  }
   .mt-auto {
     margin-top: auto;
   }
@@ -1358,9 +1352,6 @@
   .h-svh {
     height: 100svh;
   }
-  .max-h-\(--radix-context-menu-content-available-height\) {
-    max-height: var(--radix-context-menu-content-available-height);
-  }
   .max-h-\(--radix-dropdown-menu-content-available-height\) {
     max-height: var(--radix-dropdown-menu-content-available-height);
   }
@@ -1394,9 +1385,6 @@
   .max-h-150 {
     max-height: calc(var(--spacing) * 150);
   }
-  .max-h-\[22rem\] {
-    max-height: 22rem;
-  }
   .max-h-\[50vh\] {
     max-height: 50vh;
   }
@@ -2066,15 +2054,9 @@
   .border-collapse {
     border-collapse: collapse;
   }
-  .origin-\(--radix-context-menu-content-transform-origin\) {
-    transform-origin: var(--radix-context-menu-content-transform-origin);
-  }
   .origin-\(--radix-dropdown-menu-content-transform-origin\) {
     transform-origin: var(--radix-dropdown-menu-content-transform-origin);
   }
-  .origin-\(--radix-hover-card-content-transform-origin\) {
-    transform-origin: var(--radix-hover-card-content-transform-origin);
-  }
   .origin-\(--radix-popover-content-transform-origin\) {
     transform-origin: var(--radix-popover-content-transform-origin);
   }
@@ -2277,8 +2259,8 @@
   .grid-cols-\[auto_1fr\] {
     grid-template-columns: auto 1fr;
   }
-  .grid-cols-\[fit-content\(150px\)_minmax\(0\,1fr\)_auto\] {
-    grid-template-columns: fit-content(150px) minmax(0,1fr) auto;
+  .grid-cols-\[fit-content\(40\%\)_minmax\(0\,1fr\)_auto\] {
+    grid-template-columns: fit-content(40%) minmax(0,1fr) auto;
   }
   .grid-cols-\[minmax\(0\,1fr\)_auto\] {
     grid-template-columns: minmax(0,1fr) auto;
@@ -3763,9 +3745,6 @@
   .bg-\[length\:220\%_100\%\] {
     background-size: 220% 100%;
   }
-  .fill-current {
-    fill: currentcolor;
-  }
   .fill-default-foreground {
     fill: var(--color-default-foreground);
   }
@@ -4075,9 +4054,6 @@
   .pb-16 {
     padding-bottom: calc(var(--spacing) * 16);
   }
-  .pb-40 {
-    padding-bottom: calc(var(--spacing) * 40);
-  }
   .pb-px {
     padding-bottom: 1px;
   }
@@ -4298,6 +4274,14 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .typography-large-body {
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+    --tw-leading: var(--leading-base);
+    line-height: var(--leading-base);
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
   .typography-large-body-semibold {
     font-size: var(--text-lg);
     line-height: var(--tw-leading, var(--text-lg--line-height));
@@ -5870,14 +5854,6 @@
       }
     }
   }
-  .hover\:bg-background\/60 {
-    &:is(:hover, [data-state="hover"]) {
-      background-color: color-mix(in srgb, #f5f5f5 60%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-background) 60%, transparent);
-      }
-    }
-  }
   .hover\:bg-background\/80 {
     &:is(:hover, [data-state="hover"]) {
       background-color: color-mix(in srgb, #f5f5f5 80%, transparent);
@@ -5990,11 +5966,6 @@
       }
     }
   }
-  .hover\:bg-secondary {
-    &:is(:hover, [data-state="hover"]) {
-      background-color: var(--color-secondary);
-    }
-  }
   .hover\:bg-secondary-hover {
     &:is(:hover, [data-state="hover"]) {
       background-color: var(--color-secondary-hover);
@@ -6131,11 +6102,6 @@
       border-color: transparent !important;
     }
   }
-  .focus\:bg-accent {
-    &:is(:focus-visible, [data-state="focus"]) {
-      background-color: var(--color-accent);
-    }
-  }
   .focus\:bg-faint {
     &:is(:focus-visible, [data-state="focus"]) {
       background-color: var(--color-faint);
@@ -6146,11 +6112,6 @@
       background-color: transparent;
     }
   }
-  .focus\:text-accent-foreground {
-    &:is(:focus-visible, [data-state="focus"]) {
-      color: var(--color-accent-foreground);
-    }
-  }
   .focus\:ring-0 {
     &:is(:focus-visible, [data-state="focus"]) {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -6719,11 +6680,6 @@
       opacity: 50%;
     }
   }
-  .data-inset\:pl-8 {
-    &[data-inset] {
-      padding-left: calc(var(--spacing) * 8);
-    }
-  }
   .data-is-pinned\:bg-faint {
     &[data-is-pinned] {
       background-color: var(--color-faint);
@@ -7100,11 +7056,6 @@
       --tw-exit-translate-y: -100%;
     }
   }
-  .data-\[state\=closed\]\:slide-out-to-top-2 {
-    &[data-state="closed"] {
-      --tw-exit-translate-y: -0.5rem;
-    }
-  }
   .data-\[state\=closed\]\:zoom-out-95 {
     &[data-state="closed"] {
       --tw-exit-scale: .95;
@@ -7150,11 +7101,6 @@
       background-color: var(--color-muted);
     }
   }
-  .data-\[state\=open\]\:text-accent-foreground {
-    &[data-state="open"] {
-      color: var(--color-accent-foreground);
-    }
-  }
   .data-\[state\=open\]\:text-default-foreground {
     &[data-state="open"] {
       color: var(--color-default-foreground);
@@ -7228,11 +7174,6 @@
       --tw-enter-translate-y: -100%;
     }
   }
-  .data-\[state\=open\]\:slide-in-from-top-2 {
-    &[data-state="open"] {
-      --tw-enter-translate-y: -0.5rem;
-    }
-  }
   .data-\[state\=open\]\:zoom-in-95 {
     &[data-state="open"] {
       --tw-enter-scale: .95;
@@ -7270,25 +7211,6 @@
       background-color: var(--color-muted);
     }
   }
-  .data-\[variant\=destructive\]\:text-error-foreground {
-    &[data-variant="destructive"] {
-      color: var(--color-error-foreground);
-    }
-  }
-  .data-\[variant\=destructive\]\:focus\:bg-error {
-    &[data-variant="destructive"] {
-      &:is(:focus-visible, [data-state="focus"]) {
-        background-color: var(--color-error);
-      }
-    }
-  }
-  .data-\[variant\=destructive\]\:focus\:text-error-foreground {
-    &[data-variant="destructive"] {
-      &:is(:focus-visible, [data-state="focus"]) {
-        color: var(--color-error-foreground);
-      }
-    }
-  }
   .data-\[visible\=false\]\:hidden {
     &[data-visible="false"] {
       display: none;
@@ -8225,11 +8147,6 @@
       height: calc(var(--spacing) * 5);
     }
   }
-  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
-    & svg:not([class*='text-']) {
-      color: var(--color-muted-foreground);
-    }
-  }
   .\[\&_svg\[data-loader\]\]\:size-3\.5 {
     & svg[data-loader] {
       width: calc(var(--spacing) * 3.5);
@@ -8416,15 +8333,6 @@
       }
     }
   }
-  .data-\[variant\=destructive\]\:\*\:\[svg\]\:text-error-foreground\! {
-    &[data-variant="destructive"] {
-      :is(& > *) {
-        &:is(svg) {
-          color: var(--color-error-foreground) !important;
-        }
-      }
-    }
-  }
   .\[\&\>\*\]\:pointer-events-auto {
     &>* {
       pointer-events: auto;

package/dist/graph/createNodeRouter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createNodeRouter.d.ts","sourceRoot":"","sources":["../../src/graph/createNodeRouter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,GAAG,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAgD3C,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;AAEjE,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,gBAAgB,CAAC;IAC7C,QAAQ,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,gBAAgB,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,GAAG,KAAK,gBAAgB,CAAC;IAC/E,aAAa,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,GAAG,KAAK,UAAU,GAAG,SAAS,CAAC;CACnF,CAAC;AAsEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,GAAG,CAA0D,CAAC;AAK5G,eAAO,MAAM,qBAAqB,EAAE,WAAW,CAAC,GAAG,CAQjD,CAAC;AAEH,eAAO,MAAM,oBAAoB,EAAE,WAAW,CAAC,GAAG,CAAuD,CAAC;AAgB1G,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,uBAAuB,GAAG,UAAU,CAqB1E"}
+{"version":3,"file":"createNodeRouter.d.ts","sourceRoot":"","sources":["../../src/graph/createNodeRouter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,GAAG,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAiD3C,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;AAEjE,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,gBAAgB,CAAC;IAC7C,QAAQ,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,gBAAgB,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,GAAG,KAAK,gBAAgB,CAAC;IAC/E,aAAa,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,GAAG,KAAK,UAAU,GAAG,SAAS,CAAC;CACnF,CAAC;AAuEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,GAAG,CAA0D,CAAC;AAK5G,eAAO,MAAM,qBAAqB,EAAE,WAAW,CAAC,GAAG,CASjD,CAAC;AAEH,eAAO,MAAM,oBAAoB,EAAE,WAAW,CAAC,GAAG,CAAuD,CAAC;AAgB1G,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,uBAAuB,GAAG,UAAU,CAqB1E"}

package/dist/graph/createNodeRouter.js

@@ -13,6 +13,7 @@ import { BrandAssetAnalysisView } from "./nodes/BrandAssetAnalysisView.js";
 import { BrandFacetCheckView } from "./nodes/BrandFacetCheckView.js";
 import { BrandFacetRuleView } from "./nodes/BrandFacetRuleView.js";
 import { BrandFitVerdictView } from "./nodes/BrandFitVerdictView.js";
+import { BrandFontFamilyView } from "./nodes/BrandFontFamilyView.js";
 import { BrandGuidelinesView } from "./nodes/BrandGuidelinesView.js";
 import { BrandPaletteColorView } from "./nodes/BrandPaletteColorView.js";
 import { CoresignalCompanyView } from "./nodes/CoresignalCompanyView.js";
@@ -99,6 +100,7 @@ const typedNodeEntries = [
     [brand.BrandGuidelines, BrandGuidelinesView],
     [brand.BrandFacetRule, BrandFacetRuleView],
     [brand.BrandFitVerdict, BrandFitVerdictView],
+    [brand.FontFamily, BrandFontFamilyView],
     [brand.FacetCheck, BrandFacetCheckView],
     [brand.PaletteColor, BrandPaletteColorView],
 ];
@@ -113,6 +115,7 @@ export const diffSubsumingViewIris = new Set([
     brand.BrandFacetRule,
     brand.BrandFitVerdict,
     brand.FacetCheck,
+    brand.FontFamily,
     brand.PaletteColor,
 ]);
 export const typedActionShapeIris = new Set(actionShapeNodeEntries.map(([iri]) => iri));

package/dist/graph/nodes/BrandFacetRuleView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrandFacetRuleView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/BrandFacetRuleView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,eAAO,MAAM,kBAAkB,uDAmB7B,CAAC"}
+{"version":3,"file":"BrandFacetRuleView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/BrandFacetRuleView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAShD,eAAO,MAAM,kBAAkB,uDA+B7B,CAAC"}

package/dist/graph/nodes/BrandFacetRuleView.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { namespaces } from "@manta-eu/rdf-lib/namespaces";
 import { SlidersHorizontal } from "lucide-react";
 import { memo } from "react";
@@ -6,9 +6,11 @@ import { BrandNodeBody, BrandStatusBadge } from "./brand-shared.js";
 import { EntityCardShell } from "./EntityCardShell.js";
 import { NodePropertyTable } from "./NodePropertyTable.js";
 import { readBrandString } from "./typed-node-helpers.js";
-const statusPredicate = `${namespaces.brand}severity`;
+const severityPredicate = `${namespaces.brand}severity`;
+const entryStatusPredicate = `${namespaces.brand}entryStatus`;
 export const BrandFacetRuleView = memo(function BrandFacetRuleView(props) {
     const { data, selected = false, ringColor, onContextMenu } = props;
-    const status = readBrandString(data.jsonLd, "severity");
-    return (_jsx(EntityCardShell, { icon: SlidersHorizontal, label: `Facet Rule: ${data.label}`, labelMaxWidth: "max-w-140", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsx(BrandNodeBody, { right: _jsx(BrandStatusBadge, { status: status }), children: _jsx(NodePropertyTable, { properties: data.properties, jsonLd: data.jsonLd, omitPredicates: [statusPredicate] }) }) }));
+    const severity = readBrandString(data.jsonLd, "severity");
+    const proposedEntryStatus = readBrandString(data.jsonLd, "entryStatus");
+    return (_jsx(EntityCardShell, { icon: SlidersHorizontal, label: `Facet Rule: ${data.label}`, labelMaxWidth: "max-w-140", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsx(BrandNodeBody, { right: _jsxs("span", { className: "flex items-center gap-1.25", children: [_jsx(BrandStatusBadge, { status: proposedEntryStatus }), _jsx(BrandStatusBadge, { status: severity })] }), children: _jsx(NodePropertyTable, { properties: data.properties, jsonLd: data.jsonLd, omitPredicates: [severityPredicate, entryStatusPredicate] }) }) }));
 });

package/dist/graph/nodes/BrandFontFamilyView.d.ts

@@ -0,0 +1,3 @@
+import type { EntityViewProps } from "../types.js";
+export declare const BrandFontFamilyView: import("react").NamedExoticComponent<EntityViewProps>;
+//# sourceMappingURL=BrandFontFamilyView.d.ts.map

package/dist/graph/nodes/BrandFontFamilyView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandFontFamilyView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/BrandFontFamilyView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAiEhD,eAAO,MAAM,mBAAmB,uDA6C9B,CAAC"}

package/dist/graph/nodes/BrandFontFamilyView.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BrandFontFileSchema } from "@manta-eu/ldo";
+import { redirectPath } from "@manta-eu/ldo/redirect-queries";
+import { isPresent } from "@manta-eu/lib/present";
+import { namespaces } from "@manta-eu/rdf-lib/namespaces";
+import { Type } from "lucide-react";
+import { memo, useId } from "react";
+import { fontFaceDescriptors, preferredFontFile, specimenWeight, } from "./brand-font.js";
+import { BrandNodeBody, BrandStatusBadge } from "./brand-shared.js";
+import { BrandFontUploadButton } from "./BrandFontUploadButton.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { NodePropertyTable } from "./NodePropertyTable.js";
+import { readBrandString, toIriArray } from "./typed-node-helpers.js";
+import { useEntitiesByIris } from "#hooks/use-entity";
+import { useFontFace } from "#hooks/use-font-face";
+import { useRedirectEndpoint } from "#hooks/use-redirect-endpoint";
+const statusPredicate = `${namespaces.brand}entryStatus`;
+const availabilityPredicate = `${namespaces.brand}fontAvailability`;
+const fontFilePredicate = `${namespaces.brand}fontFile`;
+const specimenText = "Aa Bb Cc Qq Rr 0123456789 — The quick brown fox jumps over the lazy dog";
+function useStoredFontFiles(iris) {
+    const { data } = useEntitiesByIris({ schema: BrandFontFileSchema, iris });
+    return (data ?? []).flatMap((file) => file
+        ? [
+            {
+                contentUrl: file.contentUrl,
+                source: file.fontSource,
+                style: file.fontStyle,
+                weightMin: file.fontWeightMin,
+                weightMax: file.fontWeightMax,
+            },
+        ]
+        : []);
+}
+function FontSpecimen(props) {
+    const { file } = props;
+    const family = `brand-specimen-${useId().replace(/\W/g, "")}`;
+    const state = useFontFace(family, redirectPath(file.contentUrl, useRedirectEndpoint()), fontFaceDescriptors(file));
+    if (state === "failed") {
+        return _jsx("span", { className: "typography-tiny text-muted-foreground", children: "The font file could not be loaded." });
+    }
+    return (_jsx("p", { className: "typography-large-body text-default-foreground break-words", style: {
+            fontFamily: `"${family}", system-ui`,
+            fontWeight: specimenWeight(file),
+            visibility: state === "loaded" ? "visible" : "hidden",
+        }, children: specimenText }));
+}
+export const BrandFontFamilyView = memo(function BrandFontFamilyView(props) {
+    const { data, selected = false, ringColor, onContextMenu } = props;
+    const family = readBrandString(data.jsonLd, "family") ?? data.label;
+    const status = readBrandString(data.jsonLd, "entryStatus");
+    const availability = readBrandString(data.jsonLd, "fontAvailability");
+    const fileIris = toIriArray(data.jsonLd[fontFilePredicate] ?? data.jsonLd["brand:fontFile"]);
+    const file = preferredFontFile(useStoredFontFiles(fileIris));
+    return (_jsx(EntityCardShell, { icon: Type, label: `Font Family: ${family}`, labelMaxWidth: "max-w-140", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsxs(BrandNodeBody, { right: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(BrandStatusBadge, { status: availability }), _jsx(BrandStatusBadge, { status: status })] }), children: [isPresent(file) && _jsx(FontSpecimen, { file: file }), isPresent(availability) && availability !== "available" && (_jsxs("div", { className: "flex items-center justify-between gap-2", children: [availability === "needs-upload" && (_jsx("span", { className: "typography-tiny text-muted-foreground", children: "No font file found for this family." })), _jsx(BrandFontUploadButton, { family: family })] })), _jsx(NodePropertyTable, { properties: data.properties, jsonLd: data.jsonLd, omitPredicates: [statusPredicate, availabilityPredicate] })] }) }));
+});

package/dist/graph/nodes/BrandFontUploadButton.d.ts

@@ -0,0 +1,6 @@
+type BrandFontUploadButtonProps = {
+    family: string;
+};
+export declare function BrandFontUploadButton(props: BrandFontUploadButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BrandFontUploadButton.d.ts.map

package/dist/graph/nodes/BrandFontUploadButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandFontUploadButton.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/BrandFontUploadButton.tsx"],"names":[],"mappings":"AAmDA,KAAK,0BAA0B,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAsCtE"}

package/dist/graph/nodes/BrandFontUploadButton.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useAbortUploadMutation, useCompleteUploadMutation, useExecuteAgentActionAdditionMutation, useInitiateUploadMutation, } from "@manta-eu/client";
+import { namespaces } from "@manta-eu/rdf-lib/namespaces";
+import { Upload } from "lucide-react";
+import { use, useRef, useState } from "react";
+import { toast } from "sonner";
+import { Button } from "#components/button/index";
+import { buildActionDocument, mintSubjectIri } from "#lib/action-document";
+import { uploadFile } from "#lib/upload-client";
+import { MantaClientProviderContext } from "#providers/manta-client-context";
+const acceptedFontFiles = ".woff2,.woff,.ttf,.otf";
+const attachFontFile = `${namespaces.brand}AttachFontFile`;
+const attachFontFileShape = `${namespaces.brand}AttachFontFileShape`;
+function ignoreProgress() { }
+// Graph views sit below the provider barrels, so this reads the client context directly instead of useExecuteAction.
+function useAttachFontFile(family) {
+    const mantaClient = use(MantaClientProviderContext)?.mantaClient;
+    if (!mantaClient)
+        throw new Error("BrandFontUploadButton must be used within a MantaClientProvider");
+    const { mutateAsync: initiateUpload } = useInitiateUploadMutation(mantaClient);
+    const { mutateAsync: completeUpload } = useCompleteUploadMutation(mantaClient);
+    const { mutateAsync: abortUpload } = useAbortUploadMutation(mantaClient);
+    const { mutateAsync: startAddition } = useExecuteAgentActionAdditionMutation(mantaClient);
+    return async (file) => {
+        const { fileIri } = await uploadFile({
+            file,
+            onFileProgress: ignoreProgress,
+            initiateUpload,
+            completeUpload,
+            abortUpload,
+        });
+        const subjectIri = mintSubjectIri(attachFontFile);
+        const properties = buildActionDocument({ subjectIri, rdfType: attachFontFile }, { [`${namespaces.brand}fontFamily`]: family, [`${namespaces.brand}fontFile`]: { "@id": fileIri } });
+        const { executeActionAddition } = await startAddition({
+            input: { subjectIri, rdfType: attachFontFile, actionShape: attachFontFileShape, properties },
+        });
+        if (!executeActionAddition.success)
+            throw new Error(executeActionAddition.error ?? "The font was not attached");
+    };
+}
+export function BrandFontUploadButton(props) {
+    const { family } = props;
+    const input = useRef(null);
+    const [isAttaching, setIsAttaching] = useState(false);
+    const attach = useAttachFontFile(family);
+    async function attachChosen(file) {
+        setIsAttaching(true);
+        try {
+            await attach(file);
+            toast.success(`${file.name} is being attached to ${family}`);
+        }
+        catch (error) {
+            toast.error(error instanceof Error ? error.message : `Could not attach ${file.name}`);
+        }
+        finally {
+            setIsAttaching(false);
+        }
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("input", { ref: input, type: "file", accept: acceptedFontFiles, className: "hidden", onChange: (event) => {
+                    const file = event.target.files?.[0];
+                    event.target.value = "";
+                    if (file)
+                        void attachChosen(file);
+                } }), _jsxs(Button, { variant: "secondary", size: "sm", disabled: isAttaching, onClick: () => input.current?.click(), children: [_jsx(Upload, { size: 12 }), "Upload font"] })] }));
+}

package/dist/graph/nodes/BrandGuidelinesView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrandGuidelinesView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/BrandGuidelinesView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,eAAO,MAAM,mBAAmB,uDAmB9B,CAAC"}
+{"version":3,"file":"BrandGuidelinesView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/BrandGuidelinesView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAKhD,eAAO,MAAM,mBAAmB,uDAiB9B,CAAC"}

package/dist/graph/nodes/BrandGuidelinesView.js

@@ -1,14 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { namespaces } from "@manta-eu/rdf-lib/namespaces";
 import { BookMarked } from "lucide-react";
 import { memo } from "react";
-import { BrandNodeBody, BrandStatusBadge } from "./brand-shared.js";
+import { BrandNodeBody } from "./brand-shared.js";
 import { EntityCardShell } from "./EntityCardShell.js";
 import { NodePropertyTable } from "./NodePropertyTable.js";
-import { readBrandString } from "./typed-node-helpers.js";
-const statusPredicate = `${namespaces.brand}guidelineStatus`;
 export const BrandGuidelinesView = memo(function BrandGuidelinesView(props) {
     const { data, selected = false, ringColor, onContextMenu } = props;
-    const status = readBrandString(data.jsonLd, "guidelineStatus");
-    return (_jsx(EntityCardShell, { icon: BookMarked, label: `Brand Guidelines: ${data.label}`, labelMaxWidth: "max-w-140", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsx(BrandNodeBody, { right: _jsx(BrandStatusBadge, { status: status }), children: _jsx(NodePropertyTable, { properties: data.properties, jsonLd: data.jsonLd, omitPredicates: [statusPredicate] }) }) }));
+    return (_jsx(EntityCardShell, { icon: BookMarked, label: `Brand Guidelines: ${data.label}`, labelMaxWidth: "max-w-140", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsx(BrandNodeBody, { children: _jsx(NodePropertyTable, { properties: data.properties, jsonLd: data.jsonLd }) }) }));
 });

package/dist/graph/nodes/brand-font.d.ts

@@ -0,0 +1,12 @@
+export type FontSource = "upload" | "website" | "google-fonts";
+export type StoredFontFile = {
+    contentUrl: string;
+    source: FontSource;
+    style: "normal" | "italic";
+    weightMin: number;
+    weightMax: number;
+};
+export declare function preferredFontFile(files: readonly StoredFontFile[]): StoredFontFile | undefined;
+export declare function fontFaceDescriptors(file: StoredFontFile): FontFaceDescriptors;
+export declare function specimenWeight(file: StoredFontFile): number;
+//# sourceMappingURL=brand-font.d.ts.map

package/dist/graph/nodes/brand-font.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-font.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/brand-font.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,cAAc,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAKF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,GAAG,cAAc,GAAG,SAAS,CAK9F;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,cAAc,GAAG,mBAAmB,CAI7E;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAE3D"}

package/dist/graph/nodes/brand-font.js

@@ -0,0 +1,12 @@
+const sourceRank = { upload: 0, website: 1, "google-fonts": 2 };
+// A user's upload beats the site's copy, which beats a Google Fonts lookalike; upright text reads as the specimen.
+export function preferredFontFile(files) {
+    return [...files].sort((a, b) => Number(a.style === "italic") - Number(b.style === "italic") || sourceRank[a.source] - sourceRank[b.source])[0];
+}
+export function fontFaceDescriptors(file) {
+    const weight = file.weightMin === file.weightMax ? `${file.weightMin}` : `${file.weightMin} ${file.weightMax}`;
+    return { weight, style: file.style };
+}
+export function specimenWeight(file) {
+    return Math.min(Math.max(400, file.weightMin), file.weightMax);
+}

package/dist/graph/nodes/brand-shared.d.ts

@@ -1,16 +1,17 @@
 import type { ReactNode } from "react";
 export declare const brandAmber = "#d97706";
 declare const toneByStatus: {
-    readonly approved: "positive";
     readonly accepted: "positive";
+    readonly available: "positive";
     readonly pass: "positive";
     readonly "on-guidelines": "positive";
     readonly draft: "neutral";
+    readonly "looking-up": "neutral";
     readonly "not-checkable": "neutral";
     readonly info: "neutral";
-    readonly superseded: "neutral";
     readonly "insufficient-data": "caution";
     readonly deviation: "caution";
+    readonly "needs-upload": "caution";
     readonly minor: "caution";
     readonly rejected: "negative";
     readonly violation: "negative";

package/dist/graph/nodes/brand-shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brand-shared.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/brand-shared.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,eAAO,MAAM,UAAU,YAAY,CAAC;AAGpC,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;CAiB4B,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,YAAY,CAAC;AAEpD,eAAO,MAAM,iBAAiB,EAAgC,WAAW,EAAE,CAAC;AAE5E,MAAM,MAAM,qBAAqB,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kDAU5D;AAED,KAAK,kBAAkB,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAE1F,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAgBtD;AAKD,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,QAAQ,EAAE,MAAM,GACf,MAAM,GAAG,SAAS,CAOpB;AAGD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAI7E"}
+{"version":3,"file":"brand-shared.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/brand-shared.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,eAAO,MAAM,UAAU,YAAY,CAAC;AAGpC,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;CAkB4B,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,YAAY,CAAC;AAEpD,eAAO,MAAM,iBAAiB,EAAgC,WAAW,EAAE,CAAC;AAE5E,MAAM,MAAM,qBAAqB,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kDAU5D;AAED,KAAK,kBAAkB,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAE1F,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAgBtD;AAKD,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,QAAQ,EAAE,MAAM,GACf,MAAM,GAAG,SAAS,CAOpB;AAGD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAI7E"}

package/dist/graph/nodes/brand-shared.js

@@ -11,16 +11,17 @@ import { cn } from "#style";
 export const brandAmber = "#d97706";
 // Every `sh:in` value on the brand status paths in kgc/shacl/shapes/brand.ttl; an unlisted one means a shape moved on.
 const toneByStatus = {
-    approved: "positive",
     accepted: "positive",
+    available: "positive",
     pass: "positive",
     "on-guidelines": "positive",
     draft: "neutral",
+    "looking-up": "neutral",
     "not-checkable": "neutral",
     info: "neutral",
-    superseded: "neutral",
     "insufficient-data": "caution",
     deviation: "caution",
+    "needs-upload": "caution",
     minor: "caution",
     rejected: "negative",
     violation: "negative",

package/dist/hooks/use-connection-problems.d.ts

@@ -0,0 +1,15 @@
+export declare function useConnectionProblems(): {
+    __typename?: "ConnectedAccount";
+    id: string;
+    integration: import("@manta-eu/client").GQLIntegration;
+    externalId: string;
+    connectedAt?: string | null;
+    revokedAt?: string | null;
+    grantExpiresAt?: string | null;
+    includedResources: Array<{
+        __typename?: "IncludedResource";
+        id: string;
+        name?: string | null;
+    }>;
+}[];
+//# sourceMappingURL=use-connection-problems.d.ts.map

package/dist/hooks/use-connection-problems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-connection-problems.d.ts","sourceRoot":"","sources":["../../src/hooks/use-connection-problems.ts"],"names":[],"mappings":"AAKA,wBAAgB,qBAAqB;;;;;;;;;kBAM0o6H,CAAC;;YAA8D,CAAC;;IAD9u6H"}

package/dist/hooks/use-connection-problems.js

@@ -0,0 +1,9 @@
+import { useConnectedAccountsQuery } from "@manta-eu/client";
+import { useMemo } from "react";
+import { useMantaClient } from "#providers/MantaClientProvider";
+import { connectionProblems } from "#routes/integrations/connection-view";
+export function useConnectionProblems() {
+    const { mantaClient } = useMantaClient();
+    const { data } = useConnectedAccountsQuery(mantaClient, undefined);
+    return useMemo(() => connectionProblems(data?.connectedAccounts ?? []), [data]);
+}

package/dist/hooks/use-font-face.d.ts

@@ -0,0 +1,3 @@
+export type FontFaceState = "idle" | "loading" | "loaded" | "failed";
+export declare function useFontFace(family: string, url: string | undefined, descriptors: FontFaceDescriptors): FontFaceState;
+//# sourceMappingURL=use-font-face.d.ts.map

package/dist/hooks/use-font-face.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-font-face.d.ts","sourceRoot":"","sources":["../../src/hooks/use-font-face.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAGrE,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,EAAE,WAAW,EAAE,mBAAmB,GAAG,aAAa,CA+BpH"}

package/dist/hooks/use-font-face.js

@@ -0,0 +1,33 @@
+import { isPresent } from "@manta-eu/lib/present";
+import { useEffect, useState } from "react";
+// Loads `url` into document.fonts under `family` for as long as the caller is mounted.
+export function useFontFace(family, url, descriptors) {
+    const [state, setState] = useState("idle");
+    const { weight, style } = descriptors;
+    useEffect(() => {
+        if (!isPresent(url)) {
+            setState("idle");
+            return;
+        }
+        let active = true;
+        const face = new FontFace(family, `url(${JSON.stringify(url)})`, { weight, style });
+        setState("loading");
+        face
+            .load()
+            .then((loaded) => {
+            if (!active)
+                return;
+            document.fonts.add(loaded);
+            setState("loaded");
+        })
+            .catch(() => {
+            if (active)
+                setState("failed");
+        });
+        return () => {
+            active = false;
+            document.fonts.delete(face);
+        };
+    }, [family, url, weight, style]);
+    return state;
+}

package/dist/hooks/use-graph-refresh-after-turn.d.ts

@@ -0,0 +1,2 @@
+export declare function useGraphRefreshAfterTurn(isStreaming: boolean): void;
+//# sourceMappingURL=use-graph-refresh-after-turn.d.ts.map

package/dist/hooks/use-graph-refresh-after-turn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-graph-refresh-after-turn.d.ts","sourceRoot":"","sources":["../../src/hooks/use-graph-refresh-after-turn.ts"],"names":[],"mappings":"AAIA,wBAAgB,wBAAwB,CAAC,WAAW,EAAE,OAAO,QAQ5D"}

package/dist/hooks/use-graph-refresh-after-turn.js

@@ -0,0 +1,12 @@
+import { useQueryClient } from "@tanstack/react-query";
+import { useEffect, useRef } from "react";
+import { invalidateGraphDerivedQueries } from "#shared/graph-derived-queries";
+export function useGraphRefreshAfterTurn(isStreaming) {
+    const queryClient = useQueryClient();
+    const wasStreamingRef = useRef(isStreaming);
+    useEffect(() => {
+        if (wasStreamingRef.current && !isStreaming)
+            void invalidateGraphDerivedQueries(queryClient);
+        wasStreamingRef.current = isStreaming;
+    }, [isStreaming, queryClient]);
+}