@flamingo-stack/openframe-frontend-core 0.0.722 → 0.0.724

package/dist/utils/model-token-rates.d.ts

@@ -0,0 +1,55 @@
+/**
+ * The per-model AI token exchange rates: their shape and how a rate is written.
+ * Server-safe (no client code), so a host's server (a chat source, a page's
+ * metadata) states a rate exactly as the shared table (`ModelTokenRates`) does.
+ */
+/** One model's rates: OpenFrame tokens charged per ONE token of the model. */
+export interface ModelTokenRate {
+    modelName: string;
+    /** The name people know the model by; the model's id stands in when it is missing. */
+    displayName?: string | null;
+    /** The provider's key (`ANTHROPIC`, `OPENAI`, `GOOGLE_GEMINI`); an unknown one is shown by name, without a mark. */
+    providerType: string;
+    /** The provider's name, when the host's server states one; else the shared provider list names it. */
+    providerLabel?: string | null;
+    /** The icon set's name of the provider's mark, when the host's server states one; else the shared provider list's. */
+    providerIcon?: string | null;
+    inputTokenRate: number;
+    outputTokenRate: number;
+    /** Charged for an input token read back from the prompt cache. Shown only where the table has room for it. */
+    cacheReadInputTokenRate?: number | null;
+}
+/** What a figure that cannot be stated is written as. */
+export declare const TOKEN_RATE_EMPTY = "\u2014";
+/**
+ * A rate as a multiplier. Two decimals from 0.1 up ("1.33×", "5×"), two
+ * significant digits under it ("0.033×"), so a cheap model's rate is never
+ * rounded to nothing.
+ */
+export declare function formatTokenRate(value: number | null | undefined): string;
+/** What OpenFrame tokens cost: `price` USD buys `tokens` of them. */
+export interface TokenPrice {
+    tokens: number;
+    price: number;
+}
+/** What a number of OpenFrame tokens costs in USD at a price. Null without a price. */
+export declare function tokenCost(tokens: number, tokenPrice: TokenPrice | null | undefined): number | null;
+/**
+ * A token count in short form: "850", "10K", "750K", "1.25M". The unit is chosen
+ * from the ROUNDED figure, so a count just under a unit reads as the next one
+ * ("1M", never "1000K").
+ */
+export declare function formatTokenAmount(tokens: number | null | undefined): string;
+/**
+ * How many of a model's tokens a balance of OpenFrame tokens runs at a rate:
+ * the balance divided by the rate. Null without a rate.
+ */
+export declare function tokensForBalance(balance: number, rate: number | null | undefined): number | null;
+/** A provider's name: what the host stated for it, else the shared provider list's (`aiProvider`). */
+export declare function tokenRateProviderLabel(providerType: string, stated?: string | null): string;
+/** The rates under their providers, in the order the host gave them (providers by first appearance). */
+export declare function groupTokenRatesByProvider<T extends ModelTokenRate>(rates: readonly T[]): {
+    providerType: string;
+    rates: T[];
+}[];
+//# sourceMappingURL=model-token-rates.d.ts.map

package/dist/utils/model-token-rates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-token-rates.d.ts","sourceRoot":"","sources":["../../src/utils/model-token-rates.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,8EAA8E;AAC9E,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,oHAAoH;IACpH,YAAY,EAAE,MAAM,CAAC;IACrB,sGAAsG;IACtG,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,sHAAsH;IACtH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,8GAA8G;IAC9G,uBAAuB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzC;AAED,yDAAyD;AACzD,eAAO,MAAM,gBAAgB,WAAW,CAAC;AAEzC;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAIxE;AAED,qEAAqE;AACrE,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,uFAAuF;AACvF,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAGlG;AASD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAY3E;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAGhG;AAED,sGAAsG;AACtG,wBAAgB,sBAAsB,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE3F;AAED,wGAAwG;AACxG,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,cAAc,EAChE,KAAK,EAAE,SAAS,CAAC,EAAE,GAClB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,EAAE,CAAA;CAAE,EAAE,CAQxC"}

package/dist/utils/source-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"source-icons.d.ts","sourceRoot":"","sources":["../../src/utils/source-icons.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,6EAA6E;AAC7E,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAoFpD,CAAC;AAEF;;6DAE6D;AAC7D,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAGxF;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA2EzD,CAAC;AAEF;;kEAEkE;AAClE,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAqEpE,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAEjF;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAK5E"}
+{"version":3,"file":"source-icons.d.ts","sourceRoot":"","sources":["../../src/utils/source-icons.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,6EAA6E;AAC7E,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAqFpD,CAAC;AAEF;;6DAE6D;AAC7D,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAGxF;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA4EzD,CAAC;AAEF;;kEAEkE;AAClE,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAsEpE,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAEjF;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAK5E"}

package/package.json

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

package/src/components/chat/entity-cards/dispatch.tsx

@@ -1507,6 +1507,9 @@ const REF_GLYPH_CARD_CONFIGS: Record<string, GlyphCardConfig> = {
   // A page of the public website (pricing, product, legal, and every page the navigation lists), read live
   // from the data the page shows. A glyph card: a page has no cover of its own, and the card opens the page.
   site_page: { label: 'Website page', icon: ref => <SitePageGlyph iconName={refText(ref, 'icon_name')} /> },
+  // What OpenFrame charges, read live from its billing: the plan in force, or one AI model's token exchange
+  // rate. A glyph card; it opens the pricing page.
+  openframe_price: { label: 'OpenFrame price', icon: () => <OpenFrameGlyph size={24} /> },
   // A vendor (product) of the OpenMSP directory. A glyph card; it opens the vendor's page there.
   vendor: { label: 'Vendor', icon: ref => <VendorGlyph title={ref?.title ?? ''} logoUrl={refText(ref, 'logo_url')} /> },
 };

package/src/components/chat/utils/icon-library.tsx

@@ -295,6 +295,12 @@ export function resolveIcon(
   return ICON_ALIASES[iconName] ?? resolveFromLibrary(iconName) ?? FileIcon;
 }
 
+/** The icon a name resolves to, or `null` when the set holds none: for a caller that draws nothing in that case (`resolveIcon` draws a fallback glyph). */
+export function findIcon(iconName: string | null | undefined): IconComponent | null {
+  if (!iconName) return null;
+  return ICON_ALIASES[iconName] ?? resolveFromLibrary(iconName) ?? null;
+}
+
 /** One selectable icon in the admin slash-command picker. */
 export interface IconOption {
   /** Stored `icon_name` value — a kebab-case `icons-v2-generated` key (or a

package/src/components/features/index.ts

@@ -32,6 +32,7 @@ export * from './github-releases-manager';
 export * from './knowledge-base-links-manager';
 export * from './loading-provider';
 export * from './media-gallery-manager';
+export * from './model-token-rates';
 export * from './more-about-button';
 export * from './os-type-badge';
 export * from './os-type-badge-group';