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

package/dist/components/navigation/mingo-ai-button.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface MingoAiButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    source?: string;
-    /** The platform's Mingo identity glyph — pass the SAME server-configured
-     *  icon the chat panel renders (host-side: `EntityIcon` fed by the admin
-     *  `assistantIcon`), so the launcher and the panel can never diverge.
-     *  Falls back to the packaged Mingo mark when the server has none. */
-    icon?: React.ReactNode;
-    /** The launcher's wordmark + aria-label — pass the server-configured
-     *  assistant name (same `assistantName` the chat panel shows) so the
-     *  launcher never hardcodes an identity the admin has renamed. */
-    label?: string;
-}
-export declare function MingoAiButton({ source, icon, label, className, onClick, ...props }: MingoAiButtonProps): React.JSX.Element;
-export default MingoAiButton;
-//# sourceMappingURL=mingo-ai-button.d.ts.map

package/dist/components/navigation/mingo-ai-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mingo-ai-button.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/mingo-ai-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;0EAGsE;IACtE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;sEAEkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAmBD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAkB,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBA2DnH;AAED,eAAe,aAAa,CAAA"}

package/src/components/navigation/mingo-ai-button.tsx

@@ -1,98 +0,0 @@
-'use client'
-
-import React from 'react'
-import { MingoIcon } from '../icons'
-import { cn } from '../../utils'
-
-export interface MingoAiButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  source?: string
-  /** The platform's Mingo identity glyph — pass the SAME server-configured
-   *  icon the chat panel renders (host-side: `EntityIcon` fed by the admin
-   *  `assistantIcon`), so the launcher and the panel can never diverge.
-   *  Falls back to the packaged Mingo mark when the server has none. */
-  icon?: React.ReactNode
-  /** The launcher's wordmark + aria-label — pass the server-configured
-   *  assistant name (same `assistantName` the chat panel shows) so the
-   *  launcher never hardcodes an identity the admin has renamed. */
-  label?: string
-}
-
-/**
- * Marketing-header Mingo AI launcher: the flush, full-height button rendered
- * at the far right edge of the public `Header` (`config.mingo`). Stateless:
- * clicking dispatches an `ask-ai:open` CustomEvent (source-filtered) that the
- * mounted `EmbeddableChat` panel listens for.
- *
- * Distinct from `header-mingo-button.tsx` (`HeaderMingoButton`), the
- * dashboard/AppHeader controlled toggle; different surface and contract, do
- * not merge them.
- *
- * Deliberately a raw `<button>` rather than the ui-kit `Button`: it needs
- * full-height flush layout, an absolutely-positioned glow child, and icon-only
- * collapse that `Button` cannot express (same precedent as
- * `header-mingo-button.tsx`).
- */
-const MINGO_ACCENT = 'var(--ods-flamingo-cyan-base)'
-
-export function MingoAiButton({ source, icon, label = 'Mingo AI', className, onClick, ...props }: MingoAiButtonProps) {
-  return (
-    <button
-      {...props}
-      type="button"
-      aria-label={label}
-      onClick={(e) => {
-        // Coalesce to '' so a source-less mount still matches EmbeddableChat's
-        // own `runtime.source ?? ''` comparison (undefined !== '' would make
-        // the panel silently ignore the event).
-        window.dispatchEvent(new CustomEvent('ask-ai:open', { detail: { source: source ?? '' } }))
-        onClick?.(e)
-      }}
-      className={cn(
-        // `--spacing-system-l` is itself responsive (16px, 24px from 800px):
-        // the compact mobile padding keeps the 375px header row
-        // (logo + CTA + burger + Mingo) inside one viewport per Figma
-        // 3924-35639 (mobile) / 4033-90260 (desktop).
-        'group/mingo relative flex h-full items-center border-l border-ods-border bg-ods-card px-[var(--spacing-system-l)] transition-colors duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent',
-        className,
-      )}
-    >
-      {/* Inner box = 1:1 twin of the ui-kit Button geometry the header CTA
-          uses (rounded-md, h-10 md:h-12, px m) so the animated ring traces
-          EXACTLY where a normal button border would sit. */}
-      <span className="relative flex h-10 items-center gap-[var(--spacing-system-s)] rounded-md px-[var(--spacing-system-m)] md:h-12">
-        {/* AI edge light (Apple-Intelligence-style): a rotating accent-
-            gradient arc revealed as a 3px ring on the Button-shaped outline,
-            platform-tinted via the accent token. */}
-        <span aria-hidden="true" className="pointer-events-none absolute inset-0 overflow-hidden rounded-md">
-          <span className="mingo-edge" />
-        </span>
-        {/* Interior cover: reveals the rotating gradient ONLY as the ring
-            band; radius = rounded-md minus the 3px band so the inner curve
-            stays concentric. Must match the button surface (bg-ods-card). */}
-        <span aria-hidden="true" className="pointer-events-none absolute inset-[3px] rounded-[3px] bg-ods-card" />
-        {/* One-shot light-streak shimmer on hover, clipped to the box. */}
-        <span aria-hidden="true" className="pointer-events-none absolute inset-0 overflow-hidden rounded-md">
-          <span
-            className="mingo-shimmer absolute inset-y-0 left-0 w-1/2"
-            style={{ background: 'linear-gradient(105deg, transparent, color-mix(in srgb, var(--ods-system-greys-white) 12%, transparent), transparent)' }}
-          />
-        </span>
-        {icon ? (
-          <span className="relative inline-flex size-6 shrink-0 items-center justify-center">{icon}</span>
-        ) : (
-          <MingoIcon
-            color="currentColor"
-            eyesColor={MINGO_ACCENT}
-            cornerColor={MINGO_ACCENT}
-            className="relative h-6 w-6 shrink-0 text-ods-text-primary"
-          />
-        )}
-        <span className="relative hidden whitespace-nowrap text-h3 font-bold tracking-[-0.36px] text-ods-text-primary md:inline">
-          {label}
-        </span>
-      </span>
-    </button>
-  )
-}
-
-export default MingoAiButton

package/src/stories/MingoAiButton.stories.tsx

@@ -1,46 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { MingoAiButton } from '../components/navigation/mingo-ai-button'
-
-/**
- * Marketing-header Mingo AI launcher. Full-height and flush inside the 72px
- * unified header: the decorator reproduces that context so the left border
- * divider and traveling accent edge light render as they do in `Header` (`config.mingo`).
- * The "Mingo AI" label hides below `md` (icon-only, see IconOnly).
- */
-const meta = {
-  title: 'Navigation/MingoAiButton',
-  component: MingoAiButton,
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['autodocs'],
-  argTypes: {
-    source: { control: 'text' },
-  },
-  decorators: [
-    (Story) => (
-      <div className="flex h-[72px] items-center justify-end border-b border-ods-border bg-ods-card w-[360px]">
-        <Story />
-      </div>
-    ),
-  ],
-} satisfies Meta<typeof MingoAiButton>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {
-  args: {
-    source: 'flamingo',
-  },
-}
-
-/** Below `md` the wordmark is hidden and only the Mingo icon shows. */
-export const IconOnly: Story = {
-  args: {
-    source: 'flamingo',
-  },
-  parameters: {
-    viewport: { defaultViewport: 'mobile1' },
-  },
-}