@flamingo-stack/openframe-frontend-core 0.0.685-snapshot.20260929164409 → 0.0.685

package/src/components/ui/avatar-stack.tsx

@@ -33,10 +33,6 @@ export interface AvatarStackProps {
    * so the text beside every stack starts at the same x.
    */
   slots?: number;
-  /** How many people the group has when `people` is only a sample of it (a
-   *  server that returns the first few faces plus a count). The "+N" circle
-   *  then counts everyone not shown. Defaults to `people.length`. */
-  total?: number;
   /** Size bucket (also sizes the "+N" circle). `xs` (24px) is for
    *  dense card meta rows (chat compact cards, delivery rows). */
   size?: AvatarStackSize;
@@ -67,28 +63,22 @@ export function AvatarStack({
   people,
   max = 3,
   slots,
-  total,
   size = 'md',
   ringClassName = 'ring-ods-card',
   label = 'Assignees',
   className,
 }: AvatarStackProps) {
   if (people.length === 0) return null;
-  const groupSize = Math.max(total ?? people.length, people.length);
-  const faces = slots ? (groupSize > slots ? slots - 1 : slots) : max;
+  const faces = slots ? (people.length > slots ? slots - 1 : slots) : max;
   const visible = people.slice(0, faces);
   const overflow = people.slice(faces);
-  const overflowCount = groupSize - visible.length;
-  const names = people.map(p => p.name).join(', ');
-  // Names beyond the sample are unknown here; say how many there are instead.
-  const unnamed = groupSize - people.length;
   const compact = size === 'xs';
   return (
     <div
       className={cn('flex items-center', slots && 'shrink-0', className)}
       style={slots ? { width: SIZE_PX[size] + (slots - 1) * (SIZE_PX[size] - OVERLAP_PX[size]) } : undefined}
       role="group"
-      aria-label={`${label}: ${names}${unnamed > 0 ? ` and ${unnamed} more` : ''}`}
+      aria-label={`${label}: ${people.map(p => p.name).join(', ')}`}
     >
       {visible.map((person, i) => (
         <SquareAvatar
@@ -105,9 +95,9 @@ export function AvatarStack({
           style={{ zIndex: visible.length - i }}
         />
       ))}
-      {overflowCount > 0 && (
+      {overflow.length > 0 && (
         <span
-          title={overflow.length > 0 ? overflow.map(p => p.name).join(', ') : `${overflowCount} more`}
+          title={overflow.map(p => p.name).join(', ')}
           className={cn(
             'relative z-0 flex shrink-0 items-center justify-center rounded-full bg-ods-bg text-ods-text-secondary ring-2',
             ringClassName,
@@ -119,7 +109,7 @@ export function AvatarStack({
             OVERFLOW_CIRCLE_SIZE[size],
           )}
         >
-          +{overflowCount}
+          +{overflow.length}
         </span>
       )}
     </div>

package/src/components/ui/reopen-ticket-request-modal.tsx

@@ -28,9 +28,6 @@ export interface ReopenTicketRequestModalProps {
    * omits `handoffToTechnician`.
    */
   showHandoffOption?: boolean;
-  /** Opens with the handoff checkbox already ticked — the user reached the
-   *  modal by asking for a technician, so that is the choice to confirm. */
-  defaultHandoff?: boolean;
   /** Confirm in-flight: buttons lock and the modal refuses to close. */
   isPending?: boolean;
   onConfirm: (selection: ReopenTicketRequestSelection) => void;
@@ -48,12 +45,11 @@ export function ReopenTicketRequestModal({
   isOpen,
   onClose,
   showHandoffOption = false,
-  defaultHandoff = false,
   isPending = false,
   onConfirm,
 }: ReopenTicketRequestModalProps) {
   const [reason, setReason] = useState('');
-  const [handoff, setHandoff] = useState(defaultHandoff);
+  const [handoff, setHandoff] = useState(false);
 
   // Re-seed the inputs every time the modal opens. Adjusted while rendering,
   // not from an effect: the modal does not unmount when it closes, so an effect
@@ -64,7 +60,7 @@ export function ReopenTicketRequestModal({
     setWasOpen(isOpen);
     if (isOpen) {
       setReason('');
-      setHandoff(defaultHandoff);
+      setHandoff(false);
     }
   }
 

package/src/styles/ods-colors.css

@@ -407,16 +407,6 @@
   --color-focus-ring: #00ff00;
 }
 
-/* ===================================================================== */
-/* BRAND-TINTED SURFACE — the page background takes 2% of the accent.    */
-/* Figma's fae-background (#1a1719) and mingo-background (#171b1a) are   */
-/* exactly 2% of their brand over the base background. Resolved on the   */
-/* element, so it follows the theme and a runtime (tenant) accent.       */
-/* ===================================================================== */
-[data-surface='brand-tinted'] {
-  --color-bg: color-mix(in srgb, var(--color-accent-primary) 2%, var(--ods-system-greys-background));
-}
-
 /* ===================================================================== */
 /* PLATFORM OVERRIDES — brand/accent ONLY.                               */
 /* Reference `--ods-*` so they follow the active theme; never touch      */

package/src/styles/ods-effects.css

@@ -51,16 +51,3 @@
 .ods-shadow-glyph {
   filter: var(--ods-shadow-glyph);
 }
-
-/* The brand glow in the bottom-right corner of a chat surface (Fae chat v2):
-   the accent at 4% fading out over the whole surface (radial fill centred on
-   the corner, radii 100% × 103% as in the design). Written
-   on the class, not as a :root variable, so the accent resolves on the element
-   and follows a platform or runtime (tenant) accent set below the root. */
-.ods-glow-accent-corner {
-  background-image: radial-gradient(
-    100% 103% at 100% 100%,
-    color-mix(in srgb, var(--color-accent-primary) 4%, transparent) 0%,
-    color-mix(in srgb, var(--color-accent-primary) 0%, transparent) 100%
-  );
-}