@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/components/ui/table/utils.d.ts

@@ -1,10 +0,0 @@
-import type { TableColumn, TailwindBreakpoint } from './types';
-/** The synthetic column `Table` adds for its row actions (`rowActions` / `renderRowActions`). */
-export declare const TABLE_ACTIONS_COLUMN_KEY = "__actions__";
-/** The synthetic column `Table` adds for its row link (`rowHref`): one chevron icon button. */
-export declare const TABLE_CHEVRON_COLUMN_KEY = "__chevron__";
-/** @deprecated Use `data-table` instead. */
-export declare function getHideClasses(hideAt?: TailwindBreakpoint | TailwindBreakpoint[]): string;
-/** @deprecated Use `data-table` instead. */
-export declare function isHiddenOnMobile<T>(column: TableColumn<T>): boolean;
-//# sourceMappingURL=utils.d.ts.map

package/dist/components/ui/table/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/table/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE/D,iGAAiG;AACjG,eAAO,MAAM,wBAAwB,gBAAgB,CAAC;AACtD,+FAA+F;AAC/F,eAAO,MAAM,wBAAwB,gBAAgB,CAAC;AAEtD,4CAA4C;AAC5C,wBAAgB,cAAc,CAAC,MAAM,CAAC,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,GAAG,MAAM,CAkCzF;AAED,4CAA4C;AAC5C,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,OAAO,CASnE"}

package/dist/components/ui/table/utils.js

@@ -1,34 +0,0 @@
-"use client";
-const TABLE_ACTIONS_COLUMN_KEY = "__actions__";
-const TABLE_CHEVRON_COLUMN_KEY = "__chevron__";
-function getHideClasses(hideAt) {
-  if (!hideAt) {
-    return "";
-  }
-  const breakpoints = Array.isArray(hideAt) ? hideAt : [hideAt];
-  const breakpointOrder = ["md", "lg", "xl", "2xl"];
-  const maxBreakpointIndex = Math.max(...breakpoints.map((bp) => breakpointOrder.indexOf(bp)));
-  if (breakpoints.length === 1) {
-    return `hidden content-${breakpoints[0]}:flex`;
-  }
-  const hideClasses = breakpoints.map((bp) => `content-${bp}:hidden`).join(" ");
-  const nextBreakpointIndex = maxBreakpointIndex + 1;
-  const showBreakpoint = breakpointOrder[nextBreakpointIndex];
-  if (showBreakpoint) {
-    return `${hideClasses} content-${showBreakpoint}:flex`;
-  }
-  return hideClasses;
-}
-function isHiddenOnMobile(column) {
-  if (!column.hideAt) {
-    return false;
-  }
-  const breakpoints = Array.isArray(column.hideAt) ? column.hideAt : [column.hideAt];
-  return breakpoints.some((bp) => bp === "md");
-}
-export {
-  TABLE_ACTIONS_COLUMN_KEY,
-  TABLE_CHEVRON_COLUMN_KEY,
-  getHideClasses,
-  isHiddenOnMobile
-};

package/src/components/chat/chat-header-icon-button.tsx

@@ -1,41 +0,0 @@
-'use client';
-
-import { type ButtonHTMLAttributes, forwardRef } from 'react';
-import { cn } from '../../utils/cn';
-
-export interface ChatHeaderIconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-  /** Which side carries the 1px cell divider. Trailing cells (close, ⋯,
-   *  archive) use the default `'left'`; a leading cell (the back chevron) uses
-   *  `'right'`; `'none'` drops it. */
-  divider?: 'left' | 'right' | 'none';
-}
-
-/**
- * Square 56×56 icon cell used in the chat panel's top-navigation
- * (archive / restore / close, the `⋯` menu trigger, and the leading back
- * chevron). A border on one side acts as the 1px divider between cells.
- *
- * On hover only the background changes (`ods-bg-hover`) — the icon keeps its
- * `ods-text-secondary` colour. `forwardRef` + prop spread so it works as a
- * Radix `asChild` trigger.
- */
-export const ChatHeaderIconButton = forwardRef<HTMLButtonElement, ChatHeaderIconButtonProps>(
-  ({ className, children, type = 'button', divider = 'left', ...props }, ref) => (
-    <button
-      ref={ref}
-      type={type}
-      className={cn(
-        'flex size-14 shrink-0 items-center justify-center border-ods-border',
-        divider === 'left' && 'border-l',
-        divider === 'right' && 'border-r',
-        'text-ods-text-secondary transition-colors hover:bg-ods-bg-hover',
-        'focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent',
-        className,
-      )}
-      {...props}
-    >
-      {children}
-    </button>
-  ),
-);
-ChatHeaderIconButton.displayName = 'ChatHeaderIconButton';

package/src/components/chat/chat-sidebar-skeleton.tsx

@@ -1,89 +0,0 @@
-import { forwardRef } from 'react';
-import { cn } from '../../utils/cn';
-import { ChatPlusIcon } from '../icons-v2-generated';
-import { UnifiedSkeleton } from '../loading/unified-skeleton';
-import { Button } from '../ui/button';
-
-interface DialogListItemSkeletonProps {
-  className?: string;
-}
-
-const DialogListItemSkeleton = forwardRef<HTMLDivElement, DialogListItemSkeletonProps>(
-  ({ className, ...props }, ref) => {
-    return (
-      <div
-        ref={ref}
-        className={cn(
-          'flex items-center gap-4 overflow-clip',
-          'px-4 py-3',
-          'border-b border-ods-border',
-          'bg-ods-card',
-          className,
-        )}
-        {...props}
-      >
-        {/* Content area skeleton */}
-        <div className="flex flex-1 flex-col items-start justify-center gap-1">
-          <div className="flex w-full items-center">
-            {/* Title skeleton */}
-            <UnifiedSkeleton className="h-6 w-full max-w-[200px] rounded" />
-          </div>
-          {/* Timestamp skeleton */}
-          <UnifiedSkeleton className="h-4 w-32 rounded" />
-        </div>
-
-        {/* Right side chevron skeleton */}
-        <UnifiedSkeleton className="size-6 shrink-0 rounded" />
-      </div>
-    );
-  },
-);
-
-DialogListItemSkeleton.displayName = 'DialogListItemSkeleton';
-
-interface ChatSidebarSkeletonProps {
-  className?: string;
-  dialogCount?: number;
-  showNewChatButton?: boolean;
-}
-
-const ChatSidebarSkeleton = forwardRef<HTMLDivElement, ChatSidebarSkeletonProps>(
-  ({ className, dialogCount = 8, showNewChatButton = true, ...props }, ref) => {
-    return (
-      <div
-        ref={ref}
-        className={cn('flex h-full w-80 flex-col', 'bg-ods-bg', 'border-r border-ods-border', className)}
-        {...props}
-      >
-        {/* Start New Chat Button */}
-        {showNewChatButton && (
-          <div className="flex shrink-0 items-center justify-center border-b border-ods-border bg-ods-card px-4 py-1">
-            <Button
-              variant="transparent"
-              disabled={true}
-              leftIcon={<ChatPlusIcon className="size-6 text-ods-text-secondary" />}
-              className="flex-1 cursor-not-allowed justify-center text-ods-text-secondary text-h3 hover:bg-transparent"
-            >
-              Start New Chat
-            </Button>
-          </div>
-        )}
-
-        {/* Dialogs List Skeleton */}
-        <div className="flex min-h-0 flex-1 flex-col">
-          <div className="min-h-0 flex-1 overflow-y-auto overscroll-contain">
-            <div className="flex flex-col">
-              {Array.from({ length: dialogCount }).map((_, index) => (
-                <DialogListItemSkeleton key={index} />
-              ))}
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  },
-);
-
-ChatSidebarSkeleton.displayName = 'ChatSidebarSkeleton';
-
-export { ChatSidebarSkeleton, DialogListItemSkeleton };

package/src/components/chat/mingo-onboarding-card-skeleton.tsx

@@ -1,146 +0,0 @@
-'use client';
-
-import { cn } from '../../utils/cn';
-import { LoadingRegion } from '../loading/loading-region';
-import { UnifiedSkeleton } from '../loading/unified-skeleton';
-
-export interface MingoOnboardingCardSkeletonProps {
-  /** Title bar width — Tailwind width utility. Defaults to `w-32`. Vary
-   *  per row in the list skeleton so the stack doesn't look uniform. */
-  titleWidth?: string;
-  /** Slash-command bar width — Tailwind width utility. Defaults to `w-20`. */
-  slashWidth?: string;
-  /** Description lines (1 or 2). Defaults to 2 — matches the typical
-   *  card from Figma node `7363:205938`. */
-  descriptionLines?: 1 | 2;
-  /** Chip widths for the action row. Defaults to mirror the
-   *  `Recent / Search / Find` triad from the live cards. Pass an
-   *  empty array to hide the chip row entirely (matches `actions: []`). */
-  chipWidths?: ReadonlyArray<string>;
-  /** Optional className appended to the root cell. */
-  className?: string;
-}
-
-/**
- * 1:1 skeleton placeholder for `MingoOnboardingCard` (Figma node
- * `7363:205939`).
- *
- * Mirrors the live card's outer structure pixel-for-pixel:
- *   - `p-[var(--spacing-system-s)]` cell, `bg-ods-card`,
- *     `border-b border-ods-border last:border-b-0` divider
- *   - `size-4` icon slot, `text-h6`-tall title bar + right-aligned
- *     slash-command bar
- *   - 1–2 description lines using `text-h6`-tall bars
- *   - `h-7` outline-chip placeholders matching the card's action row
- *
- * Render multiple inside a `rounded-md border border-ods-border
- * overflow-hidden` container so the bottom-border on each row forms
- * a 1-px divider, identical to how the live list stacks.
- */
-export function MingoOnboardingCardSkeleton({
-  titleWidth = 'w-32',
-  slashWidth = 'w-20',
-  descriptionLines = 2,
-  chipWidths = ['w-16', 'w-16', 'w-12'],
-  className,
-}: MingoOnboardingCardSkeletonProps) {
-  const hasChips = chipWidths.length > 0;
-  return (
-    <div
-      className={cn(
-        'flex w-full items-start border-b border-ods-border bg-ods-card p-[var(--spacing-system-s)] last:border-b-0',
-        className,
-      )}
-    >
-      <div className="flex w-full flex-col gap-[var(--spacing-system-xxs)]">
-        {/* Title row — icon + title bar + right-rail slash bar. */}
-        <div className="flex w-full items-center gap-[var(--spacing-system-xxs)]">
-          <UnifiedSkeleton className="size-4 shrink-0 rounded-sm" />
-          <UnifiedSkeleton className={cn('h-3.5 rounded-sm', titleWidth)} />
-          <span className="flex-1" />
-          <UnifiedSkeleton className={cn('h-3.5 shrink-0 rounded-sm', slashWidth)} />
-        </div>
-        {/* Description — 1 or 2 lines; second line is 70% so the
-         *  ragged edge mimics natural text wrapping. */}
-        <div className="flex flex-col gap-[var(--spacing-system-xxs)]">
-          <UnifiedSkeleton className="h-3.5 w-full rounded-sm" />
-          {descriptionLines === 2 ? <UnifiedSkeleton className="h-3.5 w-[70%] rounded-sm" /> : null}
-        </div>
-        {/* Action chip row — `h-7` matches the live card's outline
-         *  chips so the skeleton sits at exactly the same height. */}
-        {hasChips ? (
-          <div className="mt-[var(--spacing-system-xs)] flex flex-wrap items-center gap-[var(--spacing-system-xxs)]">
-            {chipWidths.map((w, i) => (
-              <UnifiedSkeleton key={i} className={cn('h-7 rounded-md', w)} />
-            ))}
-          </div>
-        ) : null}
-      </div>
-    </div>
-  );
-}
-
-export interface MingoOnboardingListSkeletonProps {
-  /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-  region?: boolean;
-  /** Row count. Defaults to 6 — fills the typical empty-state
-   *  viewport so the loader doesn't pop in shorter than the resolved
-   *  list. */
-  rows?: number;
-  /** Optional className appended to the rounded outer container. */
-  className?: string;
-}
-
-/**
- * Stack of `MingoOnboardingCardSkeleton` rows wrapped in the same
- * `rounded-md border overflow-hidden` shell the live empty-state
- * list uses. Drop-in replacement for the resolved card list while
- * `/api/docs/commands` is in-flight.
- *
- * Row widths cycle through a deterministic palette so the stack
- * doesn't look uniform but also doesn't shift between renders.
- */
-/**
- * Deterministic per-row width variation so the skeleton stack feels
- * like a real, irregular list. Cycled by index — same input renders
- * the same output, no `Math.random` jitter on re-mount.
- *
- * Widths picked to approximate the live `/api/docs/commands` payload:
- *   - titles range from short ("Webinars") to long
- *     ("OpenFrame Pull Requests")
- *   - slashes range from `/docs` to `/getting-started`
- */
-const ROW_VARIANTS: ReadonlyArray<{
-  titleWidth: string;
-  slashWidth: string;
-  descriptionLines: 1 | 2;
-}> = [
-  { titleWidth: 'w-32', slashWidth: 'w-20', descriptionLines: 2 },
-  { titleWidth: 'w-28', slashWidth: 'w-16', descriptionLines: 2 },
-  { titleWidth: 'w-40', slashWidth: 'w-24', descriptionLines: 2 },
-  { titleWidth: 'w-44', slashWidth: 'w-28', descriptionLines: 2 },
-  { titleWidth: 'w-36', slashWidth: 'w-24', descriptionLines: 1 },
-  { titleWidth: 'w-24', slashWidth: 'w-16', descriptionLines: 2 },
-];
-
-export function MingoOnboardingListSkeleton({ region = true, rows = 6, className }: MingoOnboardingListSkeletonProps) {
-  return (
-    <LoadingRegion
-      label="Loading slash commands"
-      announce={region}
-      className={cn('overflow-hidden rounded-md border border-ods-border bg-ods-card', className)}
-    >
-      {Array.from({ length: rows }).map((_, i) => {
-        const variant = ROW_VARIANTS[i % ROW_VARIANTS.length];
-        return (
-          <MingoOnboardingCardSkeleton
-            key={i}
-            titleWidth={variant.titleWidth}
-            slashWidth={variant.slashWidth}
-            descriptionLines={variant.descriptionLines}
-          />
-        );
-      })}
-    </LoadingRegion>
-  );
-}

package/src/components/chat/msp-organization-card-skeleton.tsx

@@ -1,33 +0,0 @@
-'use client';
-
-import { cn } from '../../utils/cn';
-import { UnifiedSkeleton } from '../loading/unified-skeleton';
-
-export interface MspOrganizationCardSkeletonProps {
-  /** Appended to the root element. */
-  className?: string;
-}
-
-/**
- * Loading placeholder for {@link MspOrganizationCard}. Mirrors the card's blocks
- * — square logo, title + website lines, and the trailing external-link button —
- * inside the same 80px container, so the welcome screen doesn't shift once the
- * tenant info resolves and the real card replaces it.
- */
-export function MspOrganizationCardSkeleton({ className }: MspOrganizationCardSkeletonProps) {
-  return (
-    <div
-      className={cn(
-        'flex items-start gap-[var(--spacing-system-m)] rounded-md bg-ods-bg p-[var(--spacing-system-m)] ring-1 ring-inset ring-ods-border',
-        className,
-      )}
-    >
-      <UnifiedSkeleton className="size-12 shrink-0 rounded-md" />
-      <div className="flex min-w-0 flex-1 flex-col justify-center gap-2 self-stretch">
-        <UnifiedSkeleton className="h-5 w-3/5 rounded-md" />
-        <UnifiedSkeleton className="h-4 w-2/5 rounded-md" />
-      </div>
-      <UnifiedSkeleton className="size-12 shrink-0 rounded-md" />
-    </div>
-  );
-}

package/src/components/features/board/ticket-card-skeleton.tsx

@@ -1,41 +0,0 @@
-'use client';
-
-import { type HTMLAttributes, forwardRef } from 'react';
-import { cn } from '../../../utils/cn';
-import { UnifiedSkeleton } from '../../loading/unified-skeleton';
-
-export interface TicketCardSkeletonProps extends HTMLAttributes<HTMLDivElement> {}
-
-export const TicketCardSkeleton = forwardRef<HTMLDivElement, TicketCardSkeletonProps>(
-  ({ className, ...props }, ref) => (
-    <div
-      ref={ref}
-      className={cn(
-        'flex flex-col gap-[var(--spacing-system-sf)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-sf)]',
-        className,
-      )}
-      {...props}
-    >
-      <div className="flex items-start gap-[var(--spacing-system-sf)]">
-        <div className="flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]">
-          <div className="flex items-center text-h3">
-            <UnifiedSkeleton className="h-4 w-3/4" />
-          </div>
-          <div className="flex items-center gap-[var(--spacing-system-xxs)] text-h6">
-            <UnifiedSkeleton className="size-4 shrink-0 rounded-sm" />
-            <UnifiedSkeleton className="h-3 w-1/2" />
-          </div>
-        </div>
-        <div className="flex shrink-0 items-center gap-[var(--spacing-system-xsf)]">
-          <UnifiedSkeleton className="size-4 rounded-sm" />
-          <UnifiedSkeleton className="size-8 rounded-full" />
-        </div>
-      </div>
-      <div className="flex h-8 items-center gap-[var(--spacing-system-xxs)]">
-        <UnifiedSkeleton className="h-8 w-16 rounded-md" />
-        <UnifiedSkeleton className="h-8 w-12 rounded-md" />
-      </div>
-    </div>
-  ),
-);
-TicketCardSkeleton.displayName = 'TicketCardSkeleton';

package/src/components/features/devices/device-selector/device-selector-skeleton.tsx

@@ -1,38 +0,0 @@
-'use client';
-
-import { DeviceSelector } from './device-selector';
-import type { DeviceSelectorProps } from './device-selector.types';
-
-const NO_DEVICES: never[] = [];
-
-/**
- * The props that decide the picker's SHAPE. They are forwarded, not hardcoded:
- * whichever the caller hands its real `DeviceSelector` it must hand this one too,
- * or the two disagree on how tall the block is.
- */
-type DeviceSelectorSkeletonProps = Pick<
-  DeviceSelectorProps,
-  'showSelectionModeRadio' | 'singleSelect' | 'hideColumns'
-> & {
-  /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-  region?: boolean;
-};
-
-/**
- * Suspense fallback for a `DeviceSelector` whose devices come from a suspending
- * Relay query.
- *
- * Renders the REAL selector in `loading` mode rather than an approximation, so
- * the column set, row height and empty frame come from the actual component and
- * can't drift from what replaces it. Same approach as `DevicesPanelSkeleton`.
- *
- * Locked with `disabled`, the same rule `SchedulePickerSkeleton` states, and for
- * the same reason: `disabled` blocks every interaction and leaves the picker's
- * SHAPE alone. A lock that also hid the selection-mode radio and the Available /
- * Selected tab strip left this fallback two blocks shorter than the picker it
- * stands in for, and everything below it jumped down the moment the devices
- * landed.
- */
-export function DeviceSelectorSkeleton({ region = true, ...props }: DeviceSelectorSkeletonProps) {
-  return <DeviceSelector {...props} devices={NO_DEVICES} loading loadingRegion={region} disabled />;
-}