@flamingo-stack/openframe-frontend-core 0.0.416-snapshot.20260712013500 → 0.0.416

package/src/components/navigation/header.tsx

@@ -7,7 +7,6 @@ import { cn } from '../../utils'
 import { Button } from '../ui/button'
 import { Menu01Icon } from '../icons-v2-generated'
 import { MOBILE_NAV_PANEL_ID } from './mobile-nav-panel'
-import { MingoAiButton } from './mingo-ai-button'
 
 export interface HeaderProps {
   config: HeaderConfig
@@ -274,12 +273,9 @@ export function Header({ config, platform }: HeaderProps) {
     >
       <header
         className={cn(
-          // 72px = unified-header spec height (Figma 4033-90260); the right
-          // cluster self-stretches so the Mingo launcher can sit flush.
-          "w-full h-[72px] flex items-center justify-between",
+          "w-full flex items-center justify-between",
           "border-b border-ods-border backdrop-blur-sm",
-          "pl-6",
-          !config.mingo?.enabled && "pr-6",
+          "px-6 py-3",
           // Background color (configurable via backgroundColor prop)
           config.backgroundColor || "bg-ods-card",
           config.className
@@ -301,13 +297,13 @@ export function Header({ config, platform }: HeaderProps) {
 
       {/* Center: Navigation */}
       {config.navigation && config.navigation.items.length > 0 && (
-        <nav
+        <nav 
           className={cn(
-            "hidden lg:flex items-center gap-2",
+            "hidden md:flex items-center gap-2",
             config.navigation.position === 'center' && "absolute left-1/2 transform -translate-x-1/2",
             config.navigation.position === 'right' && "ml-auto mr-4"
           )}
-          role="navigation"
+          role="navigation" 
           aria-label="Main navigation"
         >
           {config.navigation.items.map(renderNavigationItem)}
@@ -315,27 +311,20 @@ export function Header({ config, platform }: HeaderProps) {
       )}
 
       {/* Right: Actions */}
-      <div className="flex items-center justify-end gap-3 flex-shrink-0 self-stretch">
-        {/* Desktop Actions — banded with the nav/burger breakpoint (lg) so the
-            desktop right-cluster and the mobile toggle never co-show. */}
+      <div className="flex items-center justify-end gap-4 flex-shrink-0">
+        {/* Desktop Actions */}
         {config.actions?.right && (
-          <div className="hidden lg:flex items-center gap-3">
+          <div className="hidden md:flex items-center gap-4">
             {config.actions.right}
           </div>
         )}
 
-        {config.actions?.persistent && config.actions.persistent.length > 0 && (
-          <div className="flex items-center">
-            {config.actions.persistent}
-          </div>
-        )}
-
         {/* Mobile Menu Toggle */}
         {config.mobile && config.mobile.enabled && (
           <Button
-            variant="outline"
+            variant="transparent"
             size="icon"
-            className="flex lg:hidden"
+            className="flex md:hidden"
             onClick={() => {
               config.mobile?.onToggle?.()
             }}
@@ -347,10 +336,6 @@ export function Header({ config, platform }: HeaderProps) {
             leftIcon={config.mobile?.menuIcon || <Menu01Icon />}
           />
         )}
-
-        {config.mingo?.enabled && (
-          <MingoAiButton source={config.mingo.source} icon={config.mingo.icon} label={config.mingo.label} className={config.mingo.className} />
-        )}
       </div>
     </header>
     </div>

package/src/components/navigation/index.ts

@@ -4,9 +4,6 @@
 export { Header } from './header'
 export type { HeaderConfig, HeaderProps } from './header'
 
-export { MingoAiButton } from './mingo-ai-button'
-export type { MingoAiButtonProps } from './mingo-ai-button'
-
 export { ClientOnlyHeader } from './client-only-header'
 export type { ClientOnlyHeaderProps } from './client-only-header'
 

package/src/stories/Header.stories.tsx

@@ -197,31 +197,3 @@ export const FixedHeader: Story = {
     } satisfies HeaderConfig,
   },
 };
-
-/**
- * Header with the Mingo AI launcher enabled via `config.mingo`. `MingoAiButton`
- * renders after the mobile toggle, so below `lg` the right cluster reads
- * `Try for Free | hamburger | Mingo AI`; at `lg+` the hamburger is hidden and it
- * collapses to `Try for Free | Mingo AI`, with Mingo full-height and flush to the
- * right edge (its left border acts as the divider). Resize under 800px to see the
- * Mingo label collapse to icon-only. Clicking it dispatches an `ask-ai:open` event.
- */
-export const WithMingoAi: Story = {
-  args: {
-    config: {
-      logo: { element: flamingoLogo, href: '/' },
-      navigation: baseNavigation,
-      actions: {
-        persistent: [
-          <Button key="cta" variant="accent" href="/signup">
-            Try for Free
-          </Button>,
-        ],
-      },
-      autoHide: false,
-      mobile: { enabled: true, onToggle: fn() },
-      mingo: { enabled: true, source: 'flamingo' },
-      className: 'px-0',
-    } satisfies HeaderConfig,
-  },
-};

package/src/styles/chat-animations.css

@@ -63,57 +63,3 @@
   .mingo-chat-content[data-state="open"]   { animation-name: mingo-chat-slide-in-right; }
   .mingo-chat-content[data-state="closed"] { animation-name: mingo-chat-slide-out-right; }
 }
-
-/* =============================================================================
- * Mingo AI header button — the 2026 AI edge-light pattern (Apple Intelligence
- * glow-edge / Gemini gradient language): a thin accent-gradient arc TRAVELS
- * around the button's border. No blurry blobs. Transform-only rotation on an
- * oversized conic layer (compositor-friendly); an inset cover reveals only
- * the edge. Reduced motion: rotation stops → a static gradient edge (the
- * colorful state survives, only motion is removed). Hover adds a one-shot
- * light-streak shimmer.
- * ---------------------------------------------------------------------------*/
-@keyframes mingo-edge-spin {
-  from { transform: translate(-50%, -50%) rotate(0deg); }
-  to   { transform: translate(-50%, -50%) rotate(360deg); }
-}
-
-.mingo-edge {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  width: 300%;
-  aspect-ratio: 1;
-  transform: translate(-50%, -50%);
-  /* Single luminous accent arc with a soft tail — platform-tinted via the
-     RAW --color-* accent var (the --ods-* alias does not exist in raw CSS). */
-  background: conic-gradient(
-    from 0deg,
-    transparent 0deg,
-    color-mix(in srgb, var(--color-accent-primary) 40%, transparent) 50deg,
-    var(--color-accent-primary) 90deg,
-    color-mix(in srgb, var(--color-accent-primary) 45%, white) 105deg,
-    transparent 160deg
-  );
-  animation: mingo-edge-spin 4s linear infinite;
-}
-
-@keyframes mingo-shimmer {
-  from { transform: translateX(-160%) skewX(-18deg); }
-  to   { transform: translateX(260%) skewX(-18deg); }
-}
-
-.mingo-shimmer {
-  opacity: 0;
-  transform: translateX(-160%) skewX(-18deg);
-}
-
-.group\/mingo:hover .mingo-shimmer {
-  opacity: 1;
-  animation: mingo-shimmer 0.9s ease-out;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .mingo-edge { animation: none; }
-  .group\/mingo:hover .mingo-shimmer { animation: none; opacity: 0; }
-}

package/src/types/navigation.ts

@@ -36,7 +36,6 @@ export interface HeaderConfig {
   actions?: {
     left?: React.ReactNode[]
     right?: React.ReactNode[]
-    persistent?: React.ReactNode[]
   }
   mobile?: {
     enabled: boolean
@@ -45,17 +44,6 @@ export interface HeaderConfig {
     onToggle?: () => void
     isOpen?: boolean
   }
-  mingo?: {
-    enabled?: boolean
-    source?: string
-    className?: string
-    /** Server-configured Mingo identity glyph (same EntityIcon the chat
-     *  panel renders); omit to use the packaged fallback mark. */
-    icon?: React.ReactNode
-    /** Server-configured assistant name for the wordmark/aria-label; omit
-     *  for the default "Mingo AI". */
-    label?: string
-  }
   className?: string
   style?: React.CSSProperties
   autoHide?: boolean