@flamingo-stack/openframe-frontend-core 0.0.744 → 0.0.746

package/dist/components/ui/markdown/base-components.js

@@ -5,6 +5,7 @@ import Link from "../../../embed-shims/next-link.js";
 import { useAuthedImageSrc } from "../../../hooks/use-authed-image-src.js";
 import { cn } from "../../../utils/cn.js";
 import { slugifyHeadingText } from "../../../utils/markdown-heading-id.js";
+import { renderedLinkRel } from "../../../utils/markdown-link.js";
 import { getHashTargetElement, navigateSamePageHash, HUB_HEADER_OFFSET_PX } from "../../../utils/same-page-hash-nav.js";
 import { extractText, resolveFallbackHeadingId, useAssignedHeadingIds, useHeadingId } from "./heading-ids.js";
 import { MermaidDiagram } from "./mermaid-diagram.js";
@@ -105,7 +106,7 @@ function buildBaseComponents({
     // --- paragraph ---
     p: ({ children }) => /* @__PURE__ */ jsx("p", { className: cn("mb-4 leading-relaxed text-ods-text-primary first:mt-0 last:mb-0", textSizes.p), children }),
     // --- links ---
-    a: ({ href, children, className: linkClassName }) => {
+    a: ({ href, children, className: linkClassName, rel: authoredRel }) => {
       const isBroken = href !== void 0 && brokenLinks.includes(href);
       const isInternalDocLink = propCurrentPath !== void 0 && propCurrentPath !== null && !!href && !href.startsWith("http") && !href.startsWith("#");
       if (isBroken) {
@@ -168,7 +169,7 @@ function buildBaseComponents({
           href,
           className: `relative text-ods-accent no-underline transition-colors duration-200 after:absolute after:-bottom-0.5 after:left-0 after:h-0.5 after:w-0 after:bg-ods-accent after:transition-all after:duration-300 after:content-[''] hover:after:w-full ${linkClassName || ""}`,
           target: href?.startsWith("http") ? "_blank" : void 0,
-          rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
+          rel: renderedLinkRel(authoredRel, href?.startsWith("http") ?? false),
           onClick: inPageAnchorId !== null ? handleAnchorClick : void 0,
           children
         }

package/dist/components/ui/markdown/rich/embed-overrides.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"embed-overrides.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/markdown/rich/embed-overrides.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAUjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AA+BpD,MAAM,WAAW,8BAA8B;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;CAC5C;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,YAAY,EACZ,cAAc,EACd,SAAS,GACV,EAAE,8BAA8B,GAAG,OAAO,CAAC,UAAU,CAAC,CAwKtD"}
+{"version":3,"file":"embed-overrides.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/markdown/rich/embed-overrides.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAUjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAkCpD,MAAM,WAAW,8BAA8B;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;CAC5C;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,YAAY,EACZ,cAAc,EACd,SAAS,GACV,EAAE,8BAA8B,GAAG,OAAO,CAAC,UAAU,CAAC,CAwKtD"}

package/dist/components/ui/markdown/rich/embed-overrides.js

@@ -9,14 +9,17 @@ import { RedditEmbedClient } from "../../../embeds/reddit-embed-client.js";
 import { TwitterEmbedClient } from "../../../embeds/twitter-embed-client.js";
 import { Video } from "../../../features/video.js";
 import { buildStandardLeafRenderers, hasRenderableSrc } from "../base-components.js";
-function findFirstHref(node, hostRe) {
+function findFirstLink(node, hostRe) {
   if (!node || node.type !== "element") return null;
   if (node.tagName === "a") {
-    const href = node.properties.href;
-    if (typeof href === "string" && hostRe.test(href)) return href;
+    const { href, rel } = node.properties;
+    if (typeof href === "string" && hostRe.test(href)) {
+      const relText = Array.isArray(rel) ? rel.join(" ") : typeof rel === "string" ? rel : void 0;
+      return { href, rel: relText };
+    }
   }
   for (const child of node.children) {
-    const found = findFirstHref(child, hostRe);
+    const found = findFirstLink(child, hostRe);
     if (found) return found;
   }
   return null;
@@ -149,12 +152,12 @@ function buildRichEmbedOverrides({
       const { node, className } = bqProps;
       const classNames = Array.isArray(className) ? className.join(" ") : className ?? "";
       if (classNames.includes("reddit-embed-bq")) {
-        const postUrl = findFirstHref(node, /reddit\.com/);
-        if (postUrl) return /* @__PURE__ */ jsx(RedditEmbedClient, { url: postUrl });
+        const post = findFirstLink(node, /reddit\.com/);
+        if (post) return /* @__PURE__ */ jsx(RedditEmbedClient, { url: post.href, rel: post.rel });
       }
       if (classNames.includes("twitter-tweet")) {
-        const tweetUrl = findFirstHref(node, /(?:twitter\.com|x\.com)\/[^/]+\/status\//);
-        if (tweetUrl) return /* @__PURE__ */ jsx(TwitterEmbedClient, { url: tweetUrl });
+        const tweet = findFirstLink(node, /(?:twitter\.com|x\.com)\/[^/]+\/status\//);
+        if (tweet) return /* @__PURE__ */ jsx(TwitterEmbedClient, { url: tweet.href, rel: tweet.rel });
       }
       return standard.blockquote(bqProps);
     },

package/dist/components/ui/markdown-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-editor.d.ts","sourceRoot":"","sources":["../../../src/components/ui/markdown-editor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2F/B,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uFAAuF;IACvF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC/C,gEAAgE;IAChE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACrD;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAgB,EAChB,QAAgB,EAChB,MAAY,EACZ,SAAe,EACf,SAAS,EACT,YAAY,EACZ,cAAc,EACd,aAAa,GACd,EAAE,mBAAmB,qBAoQrB"}
+{"version":3,"file":"markdown-editor.d.ts","sourceRoot":"","sources":["../../../src/components/ui/markdown-editor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4F/B,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uFAAuF;IACvF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC/C,gEAAgE;IAChE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACrD;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAgB,EAChB,QAAgB,EAChB,MAAY,EACZ,SAAe,EACf,SAAS,EACT,YAAY,EACZ,cAAc,EACd,aAAa,GACd,EAAE,mBAAmB,qBAyQrB"}

package/dist/components/ui/markdown-editor.js

@@ -5,6 +5,7 @@ import { useRef, useCallback, useState, useEffect } from "react";
 import dynamic from "../../embed-shims/next-dynamic.js";
 import { cn } from "../../utils/cn.js";
 import { IMAGE_FILE_ACCEPT, fileMediaType } from "../../utils/media-type.js";
+import { useMarkdownLinkCommand } from "./markdown-link-command.js";
 const MDEditor = dynamic(() => import("@uiw/react-md-editor"), { ssr: false });
 const MARKDOWN_EDITOR_STYLE_ID = "ods-markdown-editor-styles";
 const mdEditorCSS = `
@@ -102,6 +103,7 @@ function MarkdownEditor({
   const [isUploading, setIsUploading] = useState(false);
   const [uploadProgress, setUploadProgress] = useState("");
   const [defaultExtraCommands, setDefaultExtraCommands] = useState([]);
+  const { commands: toolbarCommands, linkDialog } = useMarkdownLinkCommand();
   useEffect(() => {
     let cancelled = false;
     void (async () => {
@@ -287,6 +289,7 @@ function MarkdownEditor({
         visibleDragbar: true,
         height,
         minHeight,
+        commands: toolbarCommands,
         extraCommands,
         style: {
           "--md-editor-text-color": "var(--color-text-primary)",
@@ -314,6 +317,7 @@ function MarkdownEditor({
       }
     ),
     uploadProgress && /* @__PURE__ */ jsx("p", { className: "mt-1 text-ods-text-secondary text-h6", children: uploadProgress }),
+    linkDialog,
     /* @__PURE__ */ jsx(MarkdownEditorStyles, {})
   ] });
 }

package/dist/components/ui/markdown-link-command.d.ts

@@ -0,0 +1,37 @@
+import type { ICommand } from '@uiw/react-md-editor';
+import { type ReactNode } from 'react';
+import { type MarkdownLinkFields } from '../../utils/markdown-link';
+export interface MarkdownLinkDialogProps {
+    isOpen: boolean;
+    /** The link being edited, or the selection a new link starts from. */
+    initial: MarkdownLinkFields;
+    /** True when `initial` is a link already in the text: the dialog then offers to remove it. */
+    editing: boolean;
+    onSubmit: (link: MarkdownLinkFields) => void;
+    /** Replaces the link with its text. */
+    onRemove: () => void;
+    onClose: () => void;
+}
+/**
+ * The link dialog of the markdown editors: the link's text, its address, and what it tells search
+ * engines: Follow (the default), Nofollow, Sponsored or UGC. Any choice but Follow writes the link
+ * as `<a rel="…">`. A link that carries several values (`rel="ugc nofollow"`) keeps them all until
+ * the choice is changed.
+ */
+export declare function MarkdownLinkDialog({ isOpen, initial, editing, onSubmit, onRemove, onClose }: MarkdownLinkDialogProps): import("react").JSX.Element;
+export interface MarkdownLinkCommand {
+    /**
+     * The editor's toolbar: the vendor's commands with its `link` command replaced by this dialog.
+     * `undefined` until the vendor's commands have loaded (the editor then shows its own defaults).
+     */
+    commands: ICommand[] | undefined;
+    /** The dialog. Render it beside the editor. */
+    linkDialog: ReactNode;
+}
+/**
+ * The link command every markdown editor uses: the toolbar's link button and Ctrl/Cmd+L open
+ * {@link MarkdownLinkDialog} on the link under the caret (markdown or HTML), or on the selection
+ * for a new link, and write the result back as one undoable edit.
+ */
+export declare function useMarkdownLinkCommand(): MarkdownLinkCommand;
+//# sourceMappingURL=markdown-link-command.d.ts.map

package/dist/components/ui/markdown-link-command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-link-command.d.ts","sourceRoot":"","sources":["../../../src/components/ui/markdown-link-command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAA8B,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAC;AAC5E,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,2BAA2B,CAAC;AAkCnC,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,sEAAsE;IACtE,OAAO,EAAE,kBAAkB,CAAC;IAC5B,8FAA8F;IAC9F,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,uCAAuC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,uBAAuB,+BAiFpH;AAkBD,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,QAAQ,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IACjC,+CAA+C;IAC/C,UAAU,EAAE,SAAS,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,IAAI,mBAAmB,CA4E5D"}

package/dist/components/ui/markdown-link-command.js

@@ -0,0 +1,180 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useState } from "react";
+import {
+  findMarkdownLinkAt,
+  formatMarkdownLink
+} from "../../utils/markdown-link.js";
+import { Button } from "./button/index.js";
+import { Input } from "./input.js";
+import { ModalV2, ModalV2Footer, ModalV2Header, ModalV2Title } from "./modal-v2.js";
+import { TabSelector } from "./tab-selector.js";
+const LINK_REL_CHOICES = [
+  { id: "follow", label: "Follow", hint: "Search engines follow this link. This is the default." },
+  {
+    id: "nofollow",
+    label: "Nofollow",
+    hint: 'Search engines are asked not to follow this link (rel="nofollow").'
+  },
+  {
+    id: "sponsored",
+    label: "Sponsored",
+    hint: 'For ads, paid placements and sponsorships (rel="sponsored").'
+  },
+  { id: "ugc", label: "UGC", hint: 'For links in content written by users, such as comments (rel="ugc").' }
+];
+const LINK_REL_ITEMS = LINK_REL_CHOICES.map(({ id, label }) => ({ id, label }));
+function choiceOf(rel) {
+  if (rel.includes("sponsored")) return "sponsored";
+  if (rel.includes("ugc")) return "ugc";
+  if (rel.includes("nofollow")) return "nofollow";
+  return "follow";
+}
+function MarkdownLinkDialog({ isOpen, initial, editing, onSubmit, onRemove, onClose }) {
+  const formId = useId();
+  const [text, setText] = useState(initial.text);
+  const [url, setUrl] = useState(initial.url);
+  const [rel, setRel] = useState(initial.rel);
+  const [seededWith, setSeededWith] = useState({ isOpen, initial });
+  if (seededWith.isOpen !== isOpen || seededWith.initial !== initial) {
+    setSeededWith({ isOpen, initial });
+    if (isOpen) {
+      setText(initial.text);
+      setUrl(initial.url);
+      setRel(initial.rel);
+    }
+  }
+  const choice = choiceOf(rel);
+  const trimmedUrl = url.trim();
+  const submit = () => {
+    if (!trimmedUrl) return;
+    onSubmit({ text: text.trim(), url: trimmedUrl, rel });
+  };
+  return /* @__PURE__ */ jsxs(ModalV2, { isOpen, onClose, className: "text-left md:max-w-[560px]", children: [
+    /* @__PURE__ */ jsx(ModalV2Header, { children: /* @__PURE__ */ jsx(ModalV2Title, { children: editing ? "Edit link" : "Add link" }) }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        id: formId,
+        className: "flex w-full flex-col gap-[var(--spacing-system-l)]",
+        onSubmit: (event) => {
+          event.preventDefault();
+          submit();
+        },
+        children: [
+          /* @__PURE__ */ jsx(Input, { label: "Text", value: text, onChange: (event) => setText(event.target.value), placeholder: "Link text" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              label: "URL",
+              value: url,
+              onChange: (event) => setUrl(event.target.value),
+              placeholder: "https://",
+              autoFocus: true,
+              inputMode: "url"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--spacing-system-xsf)]", children: [
+            /* @__PURE__ */ jsx(
+              TabSelector,
+              {
+                label: "Search engines",
+                value: choice,
+                onValueChange: (value) => {
+                  const next = LINK_REL_CHOICES.find((option) => option.id === value)?.id ?? "follow";
+                  setRel(next === "follow" ? [] : [next]);
+                },
+                items: LINK_REL_ITEMS,
+                variant: "secondary"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h6", children: LINK_REL_CHOICES.find((option) => option.id === choice)?.hint })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(ModalV2Footer, { children: [
+      editing ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onRemove, className: "flex-1", children: "Remove link" }) : /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onClose, className: "flex-1", children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { type: "submit", form: formId, variant: "accent", disabled: !trimmedUrl, className: "flex-1", children: editing ? "Save" : "Add link" })
+    ] })
+  ] });
+}
+const EMPTY_LINK = { text: "", url: "", rel: [] };
+const LOOKS_LIKE_URL = /^(?:https?:\/\/|www\.|mailto:|\/|#)\S*$/i;
+function initialFieldsFromSelection(selectedText) {
+  const selected = selectedText.trim();
+  return LOOKS_LIKE_URL.test(selected) ? { text: "", url: selected, rel: [] } : { text: selected, url: "", rel: [] };
+}
+function useMarkdownLinkCommand() {
+  const [vendorCommands, setVendorCommands] = useState(void 0);
+  const [pending, setPending] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    void (async () => {
+      try {
+        const mod = await import("@uiw/react-md-editor");
+        if (!cancelled && mod.commands?.getCommands) setVendorCommands(mod.commands.getCommands());
+      } catch (error) {
+        console.error("Failed to load markdown editor toolbar commands:", error);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const commands = useMemo(() => {
+    if (!vendorCommands) return void 0;
+    return vendorCommands.map((command) => {
+      if (command.name !== "link") return command;
+      const linkCommand = {
+        name: "link",
+        keyCommand: "link",
+        shortcuts: "ctrlcmd+l",
+        buttonProps: { "aria-label": "Add or edit a link (ctrl + l)", title: "Add or edit a link (ctrl + l)" },
+        icon: command.icon,
+        execute: (state, api) => {
+          const existing = findMarkdownLinkAt(state.text, state.selection.start, state.selection.end);
+          setPending(
+            existing ? {
+              api,
+              range: { start: existing.start, end: existing.end },
+              initial: { text: existing.text, url: existing.url, rel: existing.rel },
+              editing: true
+            } : {
+              api,
+              range: state.selection,
+              initial: initialFieldsFromSelection(state.selectedText),
+              editing: false
+            }
+          );
+        }
+      };
+      return linkCommand;
+    });
+  }, [vendorCommands]);
+  const write = (current, text) => {
+    setPending(null);
+    current.api.setSelectionRange(current.range);
+    current.api.replaceSelection(text);
+  };
+  const linkDialog = /* @__PURE__ */ jsx(
+    MarkdownLinkDialog,
+    {
+      isOpen: pending !== null,
+      initial: pending?.initial ?? EMPTY_LINK,
+      editing: pending?.editing ?? false,
+      onSubmit: (link) => {
+        if (pending) write(pending, formatMarkdownLink(link));
+      },
+      onRemove: () => {
+        if (pending) write(pending, pending.initial.text);
+      },
+      onClose: () => setPending(null)
+    }
+  );
+  return { commands, linkDialog };
+}
+export {
+  MarkdownLinkDialog,
+  useMarkdownLinkCommand
+};

package/dist/components/unified-filter-logic.js

@@ -264,7 +264,7 @@ function useUnifiedFiltering(config) {
     isPending
   };
 }
-import { formatClassification, formatPricingModel } from "../utils/format-text-stub.js";
+import { formatClassification, formatPricingModel } from "../utils/format.js";
 function getFilterLabel(filterKey) {
   const customLabels = {
     recommended: "Recommended",

package/dist/components/vendor-tag.d.ts

@@ -6,5 +6,17 @@ export interface VendorTagProps {
     hidden?: boolean;
     accentColor?: string;
 }
+/**
+ * A classification's icon, from its config (`VENDOR_CLASSIFICATION_COPY[value].icon`): the
+ * icon is resolved by NAME through the shared resolver, never imported here. A license icon
+ * sits on a small tile (the accent tile for an `accent` tone); an OpenFrame mark and a
+ * lifecycle icon are drawn bare in their tone. A value with no icon draws nothing.
+ */
+export declare function VendorClassificationIcon({ classification, accentColor, className, }: {
+    classification: string;
+    /** The accent tile's colour, for a host that tints its hover accent (a vendor card). */
+    accentColor?: string;
+    className?: string;
+}): import("react").JSX.Element | null;
 export declare function VendorTag({ type, text, className, hidden, size, accentColor }: VendorTagProps): import("react").JSX.Element;
 //# sourceMappingURL=vendor-tag.d.ts.map

package/dist/components/vendor-tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vendor-tag.d.ts","sourceRoot":"","sources":["../../src/components/vendor-tag.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,cAAc;IAC7B,IAAI,EACA,aAAa,GACb,YAAY,GACZ,MAAM,GACN,UAAU,GACV,MAAM,GACN,YAAY,GACZ,aAAa,GACb,gBAAgB,GAChB,IAAI,GACJ,QAAQ,GACR,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,GACnB,aAAa,GACb,KAAK,GACL,MAAM,GACN,KAAK,GACL,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAWD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAc,EAAE,MAAc,EAAE,IAAW,EAAE,WAAW,EAAE,EAAE,cAAc,+BAyMjH"}
+{"version":3,"file":"vendor-tag.d.ts","sourceRoot":"","sources":["../../src/components/vendor-tag.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,cAAc;IAC7B,IAAI,EACA,aAAa,GACb,YAAY,GACZ,MAAM,GACN,UAAU,GACV,MAAM,GACN,YAAY,GACZ,aAAa,GACb,gBAAgB,GAChB,IAAI,GACJ,QAAQ,GACR,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,GACnB,aAAa,GACb,KAAK,GACL,MAAM,GACN,KAAK,GACL,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAQD;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,cAAc,EACd,WAAW,EACX,SAAS,GACV,EAAE;IACD,cAAc,EAAE,MAAM,CAAC;IACvB,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sCAyBA;AAoBD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAc,EAAE,MAAc,EAAE,IAAW,EAAE,WAAW,EAAE,EAAE,cAAc,+BAsJjH"}

package/dist/components/vendor-tag.js

@@ -1,17 +1,51 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Boxes, Code, Database, DollarSign, Hand, Plug, ShieldCheck, Sparkles } from "lucide-react";
+import { Boxes, Database, DollarSign, Hand, Plug, ShieldCheck, Sparkles } from "lucide-react";
+import { createElement } from "react";
 import { cn } from "../utils/cn.js";
-import {
-  OPENFRAME_CLASSIFICATIONS,
-  isOpenFrameClassification
-} from "../utils/vendor-classification.js";
-import { OpenframeLogoIcon } from "./icons-v2-generated/logos/openframe-logo-icon.js";
-function openFrameTag(classification, text) {
+import { formatClassification } from "../utils/format.js";
+import { vendorClassificationCopy } from "../utils/vendor-classification.js";
+import { resolveIcon } from "./chat/utils/icon-library.js";
+const TONE_CLASS = {
+  accent: "text-ods-text-on-accent",
+  neutral: "text-ods-text-secondary",
+  warning: "text-ods-warning"
+};
+function VendorClassificationIcon({
+  classification,
+  accentColor,
+  className
+}) {
+  const copy = vendorClassificationCopy(classification);
+  if (!copy?.icon) return null;
+  const icon = resolveIcon(copy.icon.name);
+  if (copy.group !== "license") {
+    const bareClass = copy.icon.tone === "accent" ? "text-ods-accent" : TONE_CLASS[copy.icon.tone];
+    return createElement(icon, {
+      size: copy.group === "openframe" ? 16 : 12,
+      className: cn("shrink-0", bareClass, className)
+    });
+  }
+  const accent = copy.icon.tone === "accent";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm",
+        accent ? "bg-ods-accent" : "bg-ods-border",
+        className
+      ),
+      style: accent && accentColor ? { backgroundColor: accentColor } : void 0,
+      children: createElement(icon, { size: 10, className: TONE_CLASS[copy.icon.tone] })
+    }
+  );
+}
+function classificationTag(value, text, accentColor) {
+  const copy = vendorClassificationCopy(value);
   return {
-    text: text || OPENFRAME_CLASSIFICATIONS[classification].word,
-    textColor: void 0,
-    icon: /* @__PURE__ */ jsx(OpenframeLogoIcon, { secondaryColor: "currentColor", color: "currentColor", className: "h-4 w-4 text-ods-accent" })
+    text: text || (copy?.group === "openframe" ? copy.word : void 0) || copy?.label || formatClassification(value),
+    textColor: copy?.group === "lifecycle" ? "text-ods-warning" : void 0,
+    icon: /* @__PURE__ */ jsx(VendorClassificationIcon, { classification: value, accentColor })
   };
 }
 function VendorTag({ type, text, className = "", hidden = false, size = "md", accentColor }) {
@@ -40,22 +74,9 @@ function VendorTag({ type, text, className = "", hidden = false, size = "md", ac
           icon: /* @__PURE__ */ jsx("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm", children: /* @__PURE__ */ jsx(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "open-source":
-        return {
-          text: text || "Open Source",
-          icon: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent",
-              style: accentColor ? { backgroundColor: accentColor } : void 0,
-              children: /* @__PURE__ */ jsx(Code, { width: 10, height: 10, className: "text-ods-text-on-accent" })
-            }
-          )
-        };
+        return classificationTag("open_source", text, accentColor);
       case "commercial":
-        return {
-          text: text || "Commercial Vendor",
-          icon: /* @__PURE__ */ jsx("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx(DollarSign, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
-        };
+        return classificationTag("commercial", text);
       // platform-capability tags — same neutral icon-box chrome as 'commercial'
       case "api":
         return {
@@ -102,31 +123,12 @@ function VendorTag({ type, text, className = "", hidden = false, size = "md", ac
           text: text || "Recommended",
           icon: /* @__PURE__ */ jsx("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx("span", { className: "text-[8px] font-bold text-ods-text-on-accent", children: "\u2605" }) })
         };
-      case "classification": {
-        const classificationType = text?.toLowerCase();
-        if (classificationType === "open_source") {
-          return {
-            text: "Open Source",
-            icon: /* @__PURE__ */ jsx("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx(Code, { width: 10, height: 10, className: "text-ods-text-on-accent" }) })
-          };
-        } else if (classificationType === "commercial") {
-          return {
-            text: "Commercial Vendor",
-            icon: /* @__PURE__ */ jsx("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx(DollarSign, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
-          };
-        } else if (isOpenFrameClassification(classificationType)) {
-          return openFrameTag(classificationType);
-        } else {
-          return {
-            text: text || "Classification",
-            icon: /* @__PURE__ */ jsx("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx("span", { className: "text-[8px] font-bold text-ods-text-on-accent", children: "C" }) })
-          };
-        }
-      }
+      case "classification":
+        return classificationTag((text ?? "").toLowerCase(), void 0, accentColor);
       case "openframe_selected":
       case "openframe_connect":
       case "openframe_shipped":
-        return openFrameTag(type, text);
+        return classificationTag(type, text);
       default:
         return {
           text: text || type,
@@ -141,5 +143,6 @@ function VendorTag({ type, text, className = "", hidden = false, size = "md", ac
   ] });
 }
 export {
+  VendorClassificationIcon,
   VendorTag
 };

package/dist/{devices-ONC4JOVH.cjs → devices-URCDMYFU.cjs}

@@ -11,10 +11,10 @@ require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkHJ4KGA2Mcjs = require('./chunk-HJ4KGA2M.cjs');
-require('./chunk-URVIPSAJ.cjs');
+var _chunkGPSHFEF2cjs = require('./chunk-GPSHFEF2.cjs');
+require('./chunk-HNLI4OU5.cjs');
 require('./chunk-NTGIQP7O.cjs');
-require('./chunk-U2O5YQRP.cjs');
+require('./chunk-U6XWGK53.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
 require('./chunk-4FWURR3W.cjs');
@@ -22,13 +22,13 @@ require('./chunk-LU7TD6QS.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-GAGNKWOC.cjs');
+require('./chunk-OWABNVDV.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-OC2LBQQJ.cjs');
-require('./chunk-7YDF3QBN.cjs');
-require('./chunk-OWGLRE74.cjs');
+require('./chunk-GSFANY2L.cjs');
+require('./chunk-TILK7SC4.cjs');
+require('./chunk-PSIKUDUV.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
-require('./chunk-5TCIRWHL.cjs');
+require('./chunk-YRULLK7N.cjs');
 require('./chunk-B27QEHYR.cjs');
 require('./chunk-ZOZR3QI2.cjs');
 require('./chunk-OMV5S5PI.cjs');
@@ -1826,12 +1826,12 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-JGZEHBBD.cjs');
-require('./chunk-LJ46XYYP.cjs');
+require('./chunk-VZGCSVH7.cjs');
+require('./chunk-2ZVNXD74.cjs');
 require('./chunk-QYLIHZKZ.cjs');
 require('./chunk-63N4FN5V.cjs');
-require('./chunk-UY6A6TEY.cjs');
-require('./chunk-ABLUMGCI.cjs');
+require('./chunk-L2IQESTQ.cjs');
+require('./chunk-JHQNUWFM.cjs');
 require('./chunk-S5C3OZCO.cjs');
 require('./chunk-32ASZMTV.cjs');
 require('./chunk-OOYBIS7D.cjs');
@@ -1865,14 +1865,14 @@ require('./chunk-3ATAYP36.cjs');
 // src/components/product-demo/screens/devices.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-var TOOLBAR = { ..._chunkHJ4KGA2Mcjs.IDLE_DEVICES_TOOLBAR, searchValue: _chunk7AM3AFM4cjs.DEVICES_SEARCH_QUERY };
+var TOOLBAR = { ..._chunkGPSHFEF2cjs.IDLE_DEVICES_TOOLBAR, searchValue: _chunk7AM3AFM4cjs.DEVICES_SEARCH_QUERY };
 var NO_HEADER = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
 var HIDDEN_WHEN_COMPACT = ["organization"];
 function DevicesScreen({ compact = false }) {
   const cast = _chunkSTEJZPIOcjs.useProductDemoCast.call(void 0, );
   const fixture = _react.useMemo.call(void 0, () => _chunk7AM3AFM4cjs.buildWindowsDevicesFixture.call(void 0, cast), [cast]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHJ4KGA2Mcjs.DevicesPanelView,
+    _chunkGPSHFEF2cjs.DevicesPanelView,
     {
       className: "p-[var(--spacing-system-l)]",
       headerSlot: NO_HEADER,