@flamingo-stack/openframe-frontend-core 0.0.347 → 0.0.349-snapshot.20260701004402

package/src/stories/MingoOnboardingCard.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/nextjs-vite'
 import { MingoOnboardingCard } from '../components/chat/mingo-onboarding-card'
-import { resolveOnboardingIcon } from '../components/chat/utils/onboarding-icons'
+import { resolveIcon } from '../components/chat/utils/icon-library'
 import { ClickupLogoGreyIcon } from '../components/icons-v2-generated/brand-logos/clickup-logo-grey-icon'
 import { CompassIcon } from '../components/icons-v2-generated/map-and-travel/compass-icon'
 import { Rocket02Icon } from '../components/icons-v2-generated/vehicles-and-delivery/rocket-02-icon'
@@ -126,7 +126,7 @@ export const WithActions: Story = {
 
 // =============================================================================
 // Stack of `chipCommands` — mirrors Figma node 7363:205938 (full empty-state).
-// Icons are resolved via the shared `resolveOnboardingIcon` registry so the
+// Icons are resolved via the shared `resolveIcon` registry so the
 // story stays in sync with the chat's runtime mapping.
 // =============================================================================
 
@@ -247,7 +247,7 @@ export const ChipCommands: Story = {
     <>
       {SAMPLE_CHIP_COMMANDS.map(
         ({ iconName, label, slashCommand, description, actions }) => {
-          const Icon = resolveOnboardingIcon(iconName)
+          const Icon = resolveIcon(iconName)
           return (
             <MingoOnboardingCard
               key={slashCommand + label}

package/src/stories/SlashCommandSuggestions.stories.tsx

@@ -14,7 +14,7 @@ const meta: Meta<typeof SlashCommandSuggestions> = {
     docs: {
       description: {
         component:
-          'Slash-command autocomplete dropdown — opens above the chat input when the user types `/`. Each row is a `MingoOnboardingCard` so the dropdown and the empty-state list share one card design. Icons resolve through the shared `resolveOnboardingIcon` registry; the production `/api/docs/commands` short keys (`clickup`, `github`, `slack`, `openframe`, `rocket`, `briefcase`, `graduation-cap`, `video`, `headphones`, `calendar`, …) are wired up alongside the legacy Figma-style aliases.',
+          'Slash-command autocomplete dropdown — opens above the chat input when the user types `/`. Each row is a `MingoOnboardingCard` so the dropdown and the empty-state list share one card design. Icons resolve through the shared `resolveIcon` registry; the production `/api/docs/commands` short keys (`clickup`, `github`, `slack`, `openframe`, `rocket`, `briefcase`, `graduation-cap`, `video`, `headphones`, `calendar`, …) are wired up alongside the legacy Figma-style aliases.',
       },
     },
   },

package/src/types/announcement.ts

@@ -2,26 +2,23 @@
 import type { LegacyPlatform, PlatformFilter, PlatformRecord } from './platform';
 
 // For backward compatibility, maintain the old Platform type temporarily
-export type IconType = 'svg' | 'png';
-
 // Database Models
 export interface Announcement {
   id: string;
   title: string;
   description: string;
   background_color: string;
-  icon_type: IconType;
-  icon_svg_name?: string;
-  icon_png_url?: string;
+  icon_name?: string;
+  icon_url?: string;
   /** Extra props for the main bar/icon */
-  icon_svg_props?: Record<string, any>;
+  icon_props?: Record<string, any>;
   platform_id: string;  // Foreign key to platforms table
   platform?: PlatformRecord;  // Joined platform data
   is_active: boolean;
   // CTA (Call-To-Action) fields
   cta_enabled?: boolean;
   cta_text?: string;
-  cta_icon?: string;
+  cta_icon_name?: string;
   cta_show_icon?: boolean;
   cta_url?: string;
   cta_target?: '_self' | '_blank';
@@ -57,17 +54,16 @@ export interface CreateAnnouncementData {
   title: string;
   description: string;
   background_color: string;
-  icon_type: IconType;
-  icon_svg_name?: string;
-  icon_png_url?: string;
+  icon_name?: string;
+  icon_url?: string;
   /** Extra props for the main bar/icon */
-  icon_svg_props?: Record<string, any>;
+  icon_props?: Record<string, any>;
   platforms?: string[];  // entity_platforms set (multi-select)
   is_active?: boolean;
   // CTA (Call-To-Action) fields
   cta_enabled?: boolean;
   cta_text?: string;
-  cta_icon?: string;
+  cta_icon_name?: string;
   cta_show_icon?: boolean;
   cta_url?: string;
   cta_target?: '_self' | '_blank';
@@ -81,17 +77,16 @@ export interface UpdateAnnouncementData {
   title?: string;
   description?: string;
   background_color?: string;
-  icon_type?: IconType;
-  icon_svg_name?: string;
-  icon_png_url?: string;
+  icon_name?: string;
+  icon_url?: string;
   /** Extra props for the main bar/icon */
-  icon_svg_props?: Record<string, any>;
+  icon_props?: Record<string, any>;
   platforms?: string[];  // entity_platforms set (multi-select)
   is_active?: boolean;
   // CTA (Call-To-Action) fields
   cta_enabled?: boolean;
   cta_text?: string;
-  cta_icon?: string;
+  cta_icon_name?: string;
   cta_show_icon?: boolean;
   cta_url?: string;
   cta_target?: '_self' | '_blank';
@@ -123,15 +118,14 @@ export interface AnnouncementFormData {
   title: string;
   description: string;
   background_color: string;
-  icon_type: IconType;
-  icon_svg_name: string;
-  icon_png_file?: File;
+  icon_name: string;
+  icon_url?: string;
   platforms: string[];  // entity_platforms set (multi-select; no single platform_id)
   is_active: boolean;
   // CTA (Call-To-Action) fields
   cta_enabled: boolean;
   cta_text: string;
-  cta_icon: string;
+  cta_icon_name: string;
   cta_show_icon: boolean;
   cta_url: string;
   cta_target: '_self' | '_blank';
@@ -140,7 +134,7 @@ export interface AnnouncementFormData {
   cta_button_text_color?: string;
   cta_icon_props?: string; // JSON string in form
   /** Extra props for the main bar/icon */
-  icon_svg_props?: string;
+  icon_props?: string;
 }
 
 // API Query Parameters
@@ -197,7 +191,7 @@ export interface AnnouncementValidation {
     required: boolean;
     pattern: RegExp;
   };
-  icon_svg_name: {
+  icon_name: {
     required: boolean;
     validOptions: string[];
   };

package/src/types/supabase.ts

@@ -56,9 +56,8 @@ export type Database = {
           created_at: string | null
           created_by: string | null
           description: string
-          icon_png_url: string | null
-          icon_svg_name: string | null
-          icon_type: string | null
+          icon_url: string | null
+          icon_name: string | null
           id: string
           is_active: boolean | null
           title: string
@@ -69,9 +68,8 @@ export type Database = {
           created_at?: string | null
           created_by?: string | null
           description: string
-          icon_png_url?: string | null
-          icon_svg_name?: string | null
-          icon_type?: string | null
+          icon_url?: string | null
+          icon_name?: string | null
           id?: string
           is_active?: boolean | null
           title: string
@@ -82,9 +80,8 @@ export type Database = {
           created_at?: string | null
           created_by?: string | null
           description?: string
-          icon_png_url?: string | null
-          icon_svg_name?: string | null
-          icon_type?: string | null
+          icon_url?: string | null
+          icon_name?: string | null
           id?: string
           is_active?: boolean | null
           title?: string