@flamingo-stack/openframe-frontend-core 0.0.370 → 0.0.371

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

@@ -1,5 +1,5 @@
 export interface VendorTagProps {
-    type: 'open-source' | 'commercial' | 'free' | 'freemium' | 'paid' | 'enterprise' | 'recommended' | 'classification' | 'ai' | 'manual' | 'openframe_selected' | 'placeholder';
+    type: 'open-source' | 'commercial' | 'free' | 'freemium' | 'paid' | 'enterprise' | 'recommended' | 'classification' | 'ai' | 'manual' | 'openframe_selected' | 'placeholder' | 'api' | 'data' | 'k8s' | 'secured';
     text?: string;
     className?: string;
     size?: 'sm' | 'md';

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":"AAOA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,aAAa,GAAG,YAAY,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,GAAG,gBAAgB,GAAG,IAAI,GAAG,QAAQ,GAAG,oBAAoB,GAAG,aAAa,CAAA;IAC5K,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,SAAc,EACd,MAAc,EACd,IAAW,EACX,WAAW,EACZ,EAAE,cAAc,+BA4KhB"}
+{"version":3,"file":"vendor-tag.d.ts","sourceRoot":"","sources":["../../src/components/vendor-tag.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,aAAa,GAAG,YAAY,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,GAAG,gBAAgB,GAAG,IAAI,GAAG,QAAQ,GAAG,oBAAoB,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,CAAA;IACjN,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,SAAc,EACd,MAAc,EACd,IAAW,EACX,WAAW,EACZ,EAAE,cAAc,+BAiNhB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flamingo-stack/openframe-frontend-core",
-  "version": "0.0.370",
+  "version": "0.0.371",
   "description": "Shared design system and components for all Flamingo platforms",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/vendor-tag.tsx

@@ -3,10 +3,10 @@
 import { OpenSourceIcon, CoinsIcon } from "./icons-stub"
 import { OpenFrameLogo } from "./openframe-logo"
 import { cn } from "../utils/cn"
-import { Hand, Sparkles } from "lucide-react"
+import { Boxes, Database, Hand, Plug, ShieldCheck, Sparkles } from "lucide-react"
 
 export interface VendorTagProps {
-  type: 'open-source' | 'commercial' | 'free' | 'freemium' | 'paid' | 'enterprise' | 'recommended' | 'classification' | 'ai' | 'manual' | 'openframe_selected' | 'placeholder'
+  type: 'open-source' | 'commercial' | 'free' | 'freemium' | 'paid' | 'enterprise' | 'recommended' | 'classification' | 'ai' | 'manual' | 'openframe_selected' | 'placeholder' | 'api' | 'data' | 'k8s' | 'secured'
   text?: string
   className?: string
   size?: 'sm' | 'md'
@@ -83,6 +83,43 @@ export function VendorTag({
             </div>
           )
         }
+      // platform-capability tags — same neutral icon-box chrome as 'commercial'
+      case 'api':
+        return {
+          text: text || "API",
+          icon: (
+            <div className="w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0">
+              <Plug width={10} height={10} className="text-ods-text-secondary" />
+            </div>
+          )
+        }
+      case 'data':
+        return {
+          text: text || "Data",
+          icon: (
+            <div className="w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0">
+              <Database width={10} height={10} className="text-ods-text-secondary" />
+            </div>
+          )
+        }
+      case 'k8s':
+        return {
+          text: text || "K8s",
+          icon: (
+            <div className="w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0">
+              <Boxes width={10} height={10} className="text-ods-text-secondary" />
+            </div>
+          )
+        }
+      case 'secured':
+        return {
+          text: text || "Secured",
+          icon: (
+            <div className="w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0">
+              <ShieldCheck width={10} height={10} className="text-ods-text-secondary" />
+            </div>
+          )
+        }
       case 'free':
         return {
           text: text || "Free",