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

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-HJKDRWQX.cjs → devices-URCDMYFU.cjs}

@@ -11,10 +11,10 @@ require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkQES5NV4Tcjs = require('./chunk-QES5NV4T.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-GOTEXQZN.cjs');
-require('./chunk-DJO7YMT3.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 = { ..._chunkQES5NV4Tcjs.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, 
-    _chunkQES5NV4Tcjs.DevicesPanelView,
+    _chunkGPSHFEF2cjs.DevicesPanelView,
     {
       className: "p-[var(--spacing-system-l)]",
       headerSlot: NO_HEADER,