@flamingo-stack/openframe-frontend-core 0.0.217 → 0.0.218

package/dist/components/tickets/index.js

@@ -4,16 +4,16 @@ import {
   EmptyState,
   UnifiedPagination,
   init_unified_pagination
-} from "../../chunk-L6IBKPVM.js";
+} from "../../chunk-EKBM4FHK.js";
 import {
   DevCardRowContent,
   DevCardRowSkeletonList,
   DevSectionPage
-} from "../../chunk-N5IKPYRL.js";
+} from "../../chunk-SWIR5EB2.js";
 import "../../chunk-ORJREQ2W.js";
 import {
   ContactForm
-} from "../../chunk-BVFRD34B.js";
+} from "../../chunk-OHOUSDAY.js";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -41,7 +41,7 @@ import {
   scrollElementIntoView,
   useChatAttachments,
   useChatIdentity
-} from "../../chunk-ENBGG2K2.js";
+} from "../../chunk-V5JY5RSY.js";
 import "../../chunk-LXC6P2EO.js";
 import "../../chunk-EL5YVPD5.js";
 import {
@@ -237,7 +237,8 @@ var LIST_ENGAGEMENTS_ENDPOINT = "/api/chat/agent/list-engagements";
 function useTicketEngagements(externalTicketId, enabled = true, refetchInterval = false) {
   const identity = useChatIdentity();
   const identityKey = identity.user?.email ?? "anon";
-  const queryEnabled = enabled && identity.authTier !== "anon" && !!identity.user?.email && !!externalTicketId && !externalTicketId.startsWith("temp-");
+  const fetchable = enabled && !!externalTicketId && !externalTicketId.startsWith("temp-");
+  const queryEnabled = fetchable && identity.authTier !== "anon" && !!identity.user?.email;
   const query = useQuery({
     queryKey: ["ticket-engagements", externalTicketId, identityKey],
     enabled: queryEnabled,
@@ -268,7 +269,20 @@ function useTicketEngagements(externalTicketId, enabled = true, refetchInterval
   });
   return {
     engagements: query.data ?? [],
-    isLoading: queryEnabled && query.isLoading,
+    // Loading-state truth that prevents the "body → blink → skeleton → data"
+    // double-flash. The bug: `useChatIdentity` starts at anon defaults and
+    // resolves async, so on the first render `queryEnabled` is false and the
+    // OLD `queryEnabled && query.isLoading` returned FALSE — the panel rendered
+    // the ticket body, THEN identity resolved, the query enabled, isLoading
+    // flipped true → skeleton appeared (the blink), then data landed.
+    //
+    // Fix: for a fetchable ticket we are "loading" whenever we don't yet have
+    // the timeline to show — that includes the window while identity is still
+    // resolving (so we skeleton from the FIRST render, never the body) AND the
+    // cold query fetch (`data === undefined`). A background poll keeps
+    // `query.data` defined, so it never re-flashes the skeleton. Non-fetchable
+    // (optimistic/disabled) or a resolved-anon viewer → not loading.
+    isLoading: fetchable && (identity.isLoading || queryEnabled && query.data === void 0),
     isFetching: query.isFetching,
     error: query.error ?? null,
     refetch: () => {