@flamingo-stack/openframe-frontend-core 0.0.328 → 0.0.329-snapshot.20260628011535

package/package.json

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

package/src/components/chat/utils/icon-registry.ts

@@ -72,6 +72,7 @@ import {
   FacebookIcon,
   InstagramIcon,
   YouTubeIcon,
+  WhatsAppIcon,
   XLogo,
   OpenFrameLogo as RawOpenFrameLogo,
 } from '../../icons'
@@ -147,6 +148,7 @@ export const ICON_REGISTRY: Record<string, IconComponent> = {
   twitter:           Twitter,
   users:             Users,
   video:             Video,
+  whatsapp:          WhatsAppIcon,
   youtube:           YouTubeIcon,
   'youtube-lucide':  Youtube,
   // brand-only icons (no lucide variant in current use)
@@ -211,6 +213,7 @@ const PASCAL_TO_KEBAB_ALIASES: Record<string, string> = {
   FacebookIcon:     'facebook',
   InstagramIcon:    'instagram',
   YouTubeIcon:      'youtube',
+  WhatsAppIcon:     'whatsapp',
   XLogo:            'x',
   OpenFrameLogo:    'openframe',
 }

package/src/components/features/social-links-manager.tsx

@@ -19,12 +19,14 @@ import {
   SelectValue,
   Label
 } from '../ui';
-import { Trash2, User, Globe, Youtube, Instagram, Facebook, MessageCircle, Send, Music } from 'lucide-react';
+import { Trash2, User, Globe, Youtube, Instagram, Facebook, MessageCircle, Send, Music, Mail } from 'lucide-react';
 
 export interface SocialLink {
   platform: string;
   url: string;
   username?: string;
+  /** `internal` links render only on company-hub (server-enforced); default `external`. */
+  visibility?: 'external' | 'internal';
 }
 
 export interface SocialPlatform {
@@ -62,6 +64,8 @@ const iconMap = {
   discord: MessageCircle,
   telegram: Send,
   tiktok: Music,
+  email: Mail,
+  mail: Mail,
 };
 
 export function SocialLinksManager({
@@ -134,6 +138,19 @@ export function SocialLinksManager({
               />
             </div>
 
+            <Select
+              value={link.visibility ?? 'external'}
+              onValueChange={(value) => updateLink(index, 'visibility', value)}
+            >
+              <SelectTrigger className="w-[120px] shrink-0" aria-label="Social link visibility">
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="external">Public</SelectItem>
+                <SelectItem value="internal">Internal</SelectItem>
+              </SelectContent>
+            </Select>
+
             <Button
               type="button"
               variant="transparent"

package/src/components/social-icon-row.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import { Mail } from 'lucide-react';
 import { Button } from './ui/button';
 import { GitHubIcon, RedditIcon, XLogo, LinkedInIcon, LumaIcon, WhatsAppIcon, GlobeIcon, MessageCircleIcon, TelegramIcon, YouTubeIcon, InstagramIcon, FacebookIcon, SlackIcon, CopyIcon } from './icons';
 
@@ -50,6 +51,9 @@ function renderSocialIcon(platform: string) {
       return <LumaIcon className="w-5 h-5" />;
     case 'whatsapp':
       return <WhatsAppIcon className="w-5 h-5" />;
+    case 'email':
+    case 'mail':
+      return <Mail className="w-5 h-5" />;
     case 'website':
     case 'web':
     case 'url':

package/src/components/ui/image-uploader.tsx

@@ -41,6 +41,11 @@ export interface ImageUploaderProps {
   alt?: string
   /** Extra className on the FieldWrapper root. */
   className?: string
+  /**
+   * Extra className on the dropzone element itself. Merged after the defaults, so it can
+   * override the built-in sizing (e.g. pass `h-[148px]` to replace the default `h-44`).
+   */
+  dropzoneClassName?: string
 }
 
 const DEFAULT_MAX_SIZE = 25 * 1024 * 1024
@@ -85,6 +90,7 @@ export function ImageUploader({
   objectFit = "cover",
   alt = "Uploaded image",
   className,
+  dropzoneClassName,
 }: ImageUploaderProps) {
   const inputRef = React.useRef<HTMLInputElement>(null)
   const [dragActive, setDragActive] = React.useState(false)
@@ -183,6 +189,7 @@ export function ImageUploader({
           !hasImage && interactive && !isActionState && "cursor-pointer hover:bg-ods-bg-hover hover:border-ods-border-hover",
           !interactive && "opacity-60",
           !hasImage && !interactive && "cursor-not-allowed",
+          dropzoneClassName,
         )}
       >