@elevasis/ui 2.50.0 → 2.51.1

package/dist/app/index.d.ts

@@ -13,9 +13,6 @@ type Json = string | number | boolean | null | {
     [key: string]: Json | undefined;
 } | Json[];
 type Database = {
-    __InternalSupabase: {
-        PostgrestVersion: "12.2.3 (519615d)";
-    };
     public: {
         Tables: {
             acq_artifacts: {
@@ -1215,6 +1212,74 @@ type Database = {
                     }
                 ];
             };
+            agent_access_grants: {
+                Row: {
+                    allowed_origins: string[];
+                    branding: Json;
+                    capture_fields: Json;
+                    code_hash: string | null;
+                    code_salt: string | null;
+                    created_at: string;
+                    disabled_at: string | null;
+                    expires_at: string | null;
+                    id: string;
+                    max_sessions_per_visitor: number;
+                    max_turns_per_session: number;
+                    mode: string;
+                    organization_id: string;
+                    resource_id: string;
+                    slug: string;
+                    tool_policy: Json;
+                    updated_at: string;
+                };
+                Insert: {
+                    allowed_origins?: string[];
+                    branding?: Json;
+                    capture_fields?: Json;
+                    code_hash?: string | null;
+                    code_salt?: string | null;
+                    created_at?: string;
+                    disabled_at?: string | null;
+                    expires_at?: string | null;
+                    id?: string;
+                    max_sessions_per_visitor?: number;
+                    max_turns_per_session?: number;
+                    mode?: string;
+                    organization_id: string;
+                    resource_id: string;
+                    slug: string;
+                    tool_policy?: Json;
+                    updated_at?: string;
+                };
+                Update: {
+                    allowed_origins?: string[];
+                    branding?: Json;
+                    capture_fields?: Json;
+                    code_hash?: string | null;
+                    code_salt?: string | null;
+                    created_at?: string;
+                    disabled_at?: string | null;
+                    expires_at?: string | null;
+                    id?: string;
+                    max_sessions_per_visitor?: number;
+                    max_turns_per_session?: number;
+                    mode?: string;
+                    organization_id?: string;
+                    resource_id?: string;
+                    slug?: string;
+                    tool_policy?: Json;
+                    updated_at?: string;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "agent_access_grants_organization_id_fkey";
+                        columns: ["organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "organizations";
+                        referencedColumns: ["id"];
+                    }
+                ];
+            };
             api_keys: {
                 Row: {
                     created_at: string | null;
@@ -2122,138 +2187,6 @@ type Database = {
                 };
                 Relationships: [];
             };
-            agent_access_grants: {
-                Row: {
-                    allowed_origins: string[];
-                    branding: Json;
-                    capture_fields: Json;
-                    code_hash: string | null;
-                    code_salt: string | null;
-                    created_at: string;
-                    disabled_at: string | null;
-                    expires_at: string | null;
-                    id: string;
-                    max_sessions_per_visitor: number;
-                    max_turns_per_session: number;
-                    mode: string;
-                    organization_id: string;
-                    resource_id: string;
-                    slug: string;
-                    tool_policy: Json;
-                    updated_at: string;
-                };
-                Insert: {
-                    allowed_origins?: string[];
-                    branding?: Json;
-                    capture_fields?: Json;
-                    code_hash?: string | null;
-                    code_salt?: string | null;
-                    created_at?: string;
-                    disabled_at?: string | null;
-                    expires_at?: string | null;
-                    id?: string;
-                    max_sessions_per_visitor?: number;
-                    max_turns_per_session?: number;
-                    mode?: string;
-                    organization_id: string;
-                    resource_id: string;
-                    slug: string;
-                    tool_policy?: Json;
-                    updated_at?: string;
-                };
-                Update: {
-                    allowed_origins?: string[];
-                    branding?: Json;
-                    capture_fields?: Json;
-                    code_hash?: string | null;
-                    code_salt?: string | null;
-                    created_at?: string;
-                    disabled_at?: string | null;
-                    expires_at?: string | null;
-                    id?: string;
-                    max_sessions_per_visitor?: number;
-                    max_turns_per_session?: number;
-                    mode?: string;
-                    organization_id?: string;
-                    resource_id?: string;
-                    slug?: string;
-                    tool_policy?: Json;
-                    updated_at?: string;
-                };
-                Relationships: [
-                    {
-                        foreignKeyName: "agent_access_grants_organization_id_fkey";
-                        columns: ["organization_id"];
-                        isOneToOne: false;
-                        referencedRelation: "organizations";
-                        referencedColumns: ["id"];
-                    }
-                ];
-            };
-            agent_chat_capabilities: {
-                Row: {
-                    created_at: string;
-                    expires_at: string;
-                    grant_id: string;
-                    id: string;
-                    organization_id: string;
-                    origin: string | null;
-                    resource_id: string;
-                    revoked_at: string | null;
-                    session_id: string | null;
-                    token_hash: string;
-                    visitor_id: string | null;
-                };
-                Insert: {
-                    created_at?: string;
-                    expires_at: string;
-                    grant_id: string;
-                    id?: string;
-                    organization_id: string;
-                    origin?: string | null;
-                    resource_id: string;
-                    revoked_at?: string | null;
-                    session_id?: string | null;
-                    token_hash: string;
-                    visitor_id?: string | null;
-                };
-                Update: {
-                    created_at?: string;
-                    expires_at?: string;
-                    grant_id?: string;
-                    id?: string;
-                    organization_id?: string;
-                    origin?: string | null;
-                    resource_id?: string;
-                    revoked_at?: string | null;
-                    session_id?: string | null;
-                    token_hash?: string;
-                    visitor_id?: string | null;
-                };
-                Relationships: [
-                    {
-                        foreignKeyName: "agent_chat_capabilities_grant_id_fkey";
-                        columns: ["grant_id"];
-                        isOneToOne: false;
-                        referencedRelation: "agent_access_grants";
-                        referencedColumns: ["id"];
-                    },
-                    {
-                        foreignKeyName: "agent_chat_capabilities_organization_id_fkey";
-                        columns: ["organization_id"];
-                        isOneToOne: false;
-                        referencedRelation: "organizations";
-                        referencedColumns: ["id"];
-                    },
-                    {
-                        foreignKeyName: "agent_chat_capabilities_session_id_fkey";
-                        columns: ["session_id"];
-                        isOneToOne: false;
-                        referencedRelation: "sessions";
-                        referencedColumns: ["session_id"];
-                    }
-                ];
-            };
             organizations: {
                 Row: {
                     config: Json;
@@ -3152,11 +3085,11 @@ type Database = {
                 Returns: undefined;
             };
             auth_jwt_claims: {
-                Args: never;
+                Args: Record<PropertyKey, never>;
                 Returns: Json;
             };
             auth_uid_safe: {
-                Args: never;
+                Args: Record<PropertyKey, never>;
                 Returns: string;
             };
             can_assign_role_in_org: {
@@ -3167,7 +3100,7 @@ type Database = {
                 Returns: boolean;
             };
             current_user_is_platform_admin: {
-                Args: never;
+                Args: Record<PropertyKey, never>;
                 Returns: boolean;
             };
             current_user_shares_org_with: {
@@ -3177,11 +3110,11 @@ type Database = {
                 Returns: boolean;
             };
             current_user_supabase_id: {
-                Args: never;
+                Args: Record<PropertyKey, never>;
                 Returns: string;
             };
             detect_stalled_executions: {
-                Args: never;
+                Args: Record<PropertyKey, never>;
                 Returns: undefined;
             };
             execute_session_turn: {
@@ -3202,7 +3135,7 @@ type Database = {
                 }[];
             };
             get_platform_credential_kek: {
-                Args: never;
+                Args: Record<PropertyKey, never>;
                 Returns: string;
             };
             get_storage_org_id: {
@@ -3212,7 +3145,7 @@ type Database = {
                 Returns: string;
             };
             get_workos_user_id: {
-                Args: never;
+                Args: Record<PropertyKey, never>;
                 Returns: string;
             };
             has_org_access: {
@@ -3220,10 +3153,7 @@ type Database = {
                     action?: string;
                     org_id: string;
                     system_path: string;
-                };
-                Returns: boolean;
-            } | {
-                Args: {
+                } | {
                     action?: string;
                     system_path: string;
                 };
@@ -3259,15 +3189,15 @@ type Database = {
                 Returns: Json;
             };
             process_due_schedules: {
-                Args: never;
+                Args: Record<PropertyKey, never>;
                 Returns: Json;
             };
             recompute_all_memberships: {
-                Args: never;
+                Args: Record<PropertyKey, never>;
                 Returns: undefined;
             };
             repair_membership_role_assignments: {
-                Args: never;
+                Args: Record<PropertyKey, never>;
                 Returns: {
                     membership_id: string;
                     organization_id: string;
@@ -3297,7 +3227,7 @@ type Database = {
                 Returns: string;
             };
             upsert_user_profile: {
-                Args: never;
+                Args: Record<PropertyKey, never>;
                 Returns: {
                     profile_display_name: string;
                     profile_email: string;
@@ -5170,6 +5100,7 @@ interface ElevasisAuthenticatedShellProps {
     topbar?: ReactNode | ((context: ElevasisAuthenticatedShellRenderContext) => ReactNode);
     children?: ReactNode;
     fullScreenPaths?: readonly string[];
+    fullScreenPathPrefixes?: readonly string[];
     readyMode?: 'user' | 'organization';
     accountPath?: string;
     signOutReturnTo?: string;
@@ -5185,7 +5116,7 @@ interface ElevasisAuthenticatedShellProps {
     onError?: AppErrorBoundaryProps['onError'];
     sidebarLinks?: (links: ShellSidebarLinkGroup[]) => ShellSidebarLinkGroup[];
 }
-declare function ElevasisAuthenticatedShell({ systems, organizationModel, logos, topbar, children, fullScreenPaths, readyMode, accountPath, signOutReturnTo, appVersion, timeRange, operationsApiUrl, operationsSSEManager, deliveryApiUrl, deliverySSEManager, disabledSubsectionPaths, isDev, errorFallback, onError, sidebarLinks }: ElevasisAuthenticatedShellProps): react_jsx_runtime.JSX.Element;
+declare function ElevasisAuthenticatedShell({ systems, organizationModel, logos, topbar, children, fullScreenPaths, fullScreenPathPrefixes, readyMode, accountPath, signOutReturnTo, appVersion, timeRange, operationsApiUrl, operationsSSEManager, deliveryApiUrl, deliverySSEManager, disabledSubsectionPaths, isDev, errorFallback, onError, sidebarLinks }: ElevasisAuthenticatedShellProps): react_jsx_runtime.JSX.Element;
 
 export { ElevasisAuthenticatedShell, createElevasisApp };
 export type { ElevasisAppConfig, ElevasisAppStoreConfig, ElevasisAuthenticatedShellLogoConfig, ElevasisAuthenticatedShellProps, ElevasisAuthenticatedShellRenderContext };

package/dist/app/index.js

@@ -1,4 +1,4 @@
-import { useSessionCheck, AppErrorBoundary, SidebarProvider, ElevasisSystemsProvider, useElevasisSystems, AppShellContainer, Sidebar, AppShellRightSideContainer, AppShellRightSideOuterContainer, SystemShell, ElevasisUIProvider } from '../chunk-SBNC3FRX.js';
+import { useSessionCheck, AppErrorBoundary, SidebarProvider, ElevasisSystemsProvider, useElevasisSystems, AppShellContainer, Sidebar, AppShellRightSideContainer, AppShellRightSideOuterContainer, SystemShell, ElevasisUIProvider } from '../chunk-V3B26UZR.js';
 import '../chunk-NZ2F5RQ4.js';
 import '../chunk-OJJK27GC.js';
 import '../chunk-ZTWA5H77.js';
@@ -11,8 +11,8 @@ import '../chunk-GMXGDO3I.js';
 import '../chunk-S3XR4II4.js';
 import { useInitialization } from '../chunk-6DO4PE3O.js';
 import '../chunk-DD3CCMCZ.js';
-import '../chunk-EJL4U7OZ.js';
-import '../chunk-GUKY77FJ.js';
+import '../chunk-M7WWRZ5Z.js';
+import '../chunk-E6NSKXYN.js';
 import { TanStackRouterBridge, ScrollToTop } from '../chunk-2IFYDILW.js';
 import '../chunk-Q7DJKLEN.js';
 import '../chunk-HENXLGVD.js';
@@ -126,6 +126,7 @@ function ElevasisAuthenticatedShell({
   topbar,
   children,
   fullScreenPaths = ["/login", "/auth-redirect"],
+  fullScreenPathPrefixes = ["/public/", "/chat/"],
   readyMode = "organization",
   accountPath = "/settings/account",
   signOutReturnTo,
@@ -151,7 +152,7 @@ function ElevasisAuthenticatedShell({
     if (isDev) return [...disabledSubsectionPaths ?? []];
     return [.../* @__PURE__ */ new Set([...devOnlySubsectionPaths(organizationModel), ...disabledSubsectionPaths ?? []])];
   }, [disabledSubsectionPaths, isDev, organizationModel]);
-  const isFullScreenPage = fullScreenPaths.includes(location.pathname);
+  const isFullScreenPage = fullScreenPaths.includes(location.pathname) || fullScreenPathPrefixes.some((prefix) => location.pathname.startsWith(prefix));
   const isReady = readyMode === "user" ? initialization.userReady : initialization.allReady;
   const shouldShowSidebar = Boolean(user && !isLoading && !isFullScreenPage && isReady);
   if (!shouldShowSidebar) {

package/dist/auth/index.js

@@ -1,4 +1,4 @@
-export { AccessGuard, AccessKeys, ProtectedRoute, useSessionCheck as useRefocusSessionCheck, useSessionCheck, useStableAccessToken } from '../chunk-SBNC3FRX.js';
+export { AccessGuard, AccessKeys, ProtectedRoute, useSessionCheck as useRefocusSessionCheck, useSessionCheck, useStableAccessToken } from '../chunk-V3B26UZR.js';
 import '../chunk-NZ2F5RQ4.js';
 import '../chunk-OJJK27GC.js';
 import '../chunk-ZTWA5H77.js';
@@ -11,8 +11,8 @@ import '../chunk-GMXGDO3I.js';
 import '../chunk-S3XR4II4.js';
 import '../chunk-6DO4PE3O.js';
 import '../chunk-DD3CCMCZ.js';
-import '../chunk-EJL4U7OZ.js';
-import '../chunk-GUKY77FJ.js';
+import '../chunk-M7WWRZ5Z.js';
+import '../chunk-E6NSKXYN.js';
 import '../chunk-2IFYDILW.js';
 import '../chunk-Q7DJKLEN.js';
 import '../chunk-HENXLGVD.js';

package/dist/charts/index.js

@@ -1,4 +1,4 @@
-export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-SBNC3FRX.js';
+export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-V3B26UZR.js';
 import '../chunk-NZ2F5RQ4.js';
 import '../chunk-OJJK27GC.js';
 import '../chunk-ZTWA5H77.js';
@@ -11,8 +11,8 @@ import '../chunk-GMXGDO3I.js';
 import '../chunk-S3XR4II4.js';
 import '../chunk-6DO4PE3O.js';
 import '../chunk-DD3CCMCZ.js';
-import '../chunk-EJL4U7OZ.js';
-import '../chunk-GUKY77FJ.js';
+import '../chunk-M7WWRZ5Z.js';
+import '../chunk-E6NSKXYN.js';
 import '../chunk-2IFYDILW.js';
 import '../chunk-Q7DJKLEN.js';
 import '../chunk-HENXLGVD.js';

package/dist/{chunk-GUKY77FJ.js → chunk-E6NSKXYN.js}

@@ -604,6 +604,7 @@ function ProcessingIndicator() {
     }
   );
 }
+var TEXT_MESSAGE_TYPES = /* @__PURE__ */ new Set(["user_message", "assistant_message"]);
 function MessageAreaContent({
   isConnected,
   isProcessing,
@@ -636,6 +637,8 @@ function ChatInterface({
   input,
   onInputChange,
   onSendMessage,
+  className,
+  style,
   isProcessing = false,
   isConnected = true,
   error,
@@ -643,23 +646,28 @@ function ChatInterface({
   emptyStateText = "No messages yet",
   emptyStateSubtext = "Send a message to start the conversation",
   placeholder = "Message the agent...",
-  messageAreaVariant = "grid"
+  messageAreaVariant = "grid",
+  showAgentActivity = true
 }) {
   const scrollRef = useRef(null);
   const scrollContainerRef = useRef(null);
+  const visibleMessages = useMemo(
+    () => showAgentActivity ? messages : messages.filter((message) => TEXT_MESSAGE_TYPES.has(message.messageType)),
+    [messages, showAgentActivity]
+  );
   useEffect(() => {
     if (scrollContainerRef.current) {
       scrollContainerRef.current.scrollTop = scrollContainerRef.current.scrollHeight;
     }
-  }, [messages.length, isConnected, isProcessing]);
-  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", overflow: "hidden" }, children: [
+  }, [visibleMessages.length, isConnected, isProcessing]);
+  return /* @__PURE__ */ jsxs(Stack, { className, gap: 0, style: { height: "100%", overflow: "hidden", ...style }, children: [
     /* @__PURE__ */ jsx(ScrollableContainer, { containerRef: scrollContainerRef, variant: messageAreaVariant, children: /* @__PURE__ */ jsx(
       MessageAreaContent,
       {
         isConnected,
         isProcessing,
         error,
-        messages,
+        messages: visibleMessages,
         emptyStateText,
         emptyStateSubtext,
         scrollRef

package/dist/chunk-M7WWRZ5Z.js

@@ -0,0 +1,159 @@
+import { UuidSchema } from './chunk-TVTSASST.js';
+import { z } from 'zod';
+
+// src/hooks/sessions/mergeSessionMessages.ts
+function canonicalize(value) {
+  if (Array.isArray(value)) {
+    return value.map(canonicalize);
+  }
+  if (value && typeof value === "object") {
+    const source = value;
+    return Object.keys(source).sort().reduce((acc, key) => {
+      acc[key] = canonicalize(source[key]);
+      return acc;
+    }, {});
+  }
+  return value;
+}
+function stableStringify(value) {
+  return JSON.stringify(canonicalize(value));
+}
+function mergeSessionMessages(historyMessages, liveMessages) {
+  const messageMap = /* @__PURE__ */ new Map();
+  for (const message of historyMessages) {
+    messageMap.set(message.id, message);
+  }
+  for (const message of liveMessages) {
+    if (!message.id.startsWith("temp-")) {
+      messageMap.set(message.id, message);
+      continue;
+    }
+    const alreadyPersisted = Array.from(messageMap.values()).some((existing) => {
+      if (existing.role !== message.role) return false;
+      if (existing.messageType !== message.messageType) return false;
+      if (message.metadata && existing.metadata) {
+        return stableStringify(existing.metadata) === stableStringify(message.metadata);
+      }
+      return existing.text === message.text;
+    });
+    if (!alreadyPersisted) {
+      messageMap.set(message.id, message);
+    }
+  }
+  return Array.from(messageMap.values()).sort((a, b) => {
+    if (a.turnNumber !== b.turnNumber) return a.turnNumber - b.turnNumber;
+    return (a.messageIndex ?? 0) - (b.messageIndex ?? 0);
+  });
+}
+var SessionIdParamSchema = z.object({
+  sessionId: UuidSchema
+}).strict();
+var ExecutionIdParamsSchema = z.object({
+  sessionId: UuidSchema,
+  executionId: UuidSchema
+}).strict();
+var CreateSessionSchema = z.object({
+  resourceId: z.string().min(1).max(100),
+  userId: UuidSchema.optional(),
+  metadata: z.any().optional()
+}).strict();
+z.object({
+  input: z.unknown().refine(
+    (val) => {
+      let text;
+      if (typeof val === "string") {
+        text = val;
+      } else if (val && typeof val === "object" && "message" in val) {
+        text = String(val.message);
+      } else {
+        text = JSON.stringify(val);
+      }
+      return text.length > 0 && text.length <= 1e5;
+    },
+    { message: "Input must be between 1 and 100,000 characters" }
+  ),
+  metadata: z.any().optional()
+}).strict();
+z.object({
+  userId: UuidSchema.optional(),
+  resourceId: z.string().optional(),
+  limit: z.coerce.number().int().min(1).max(100).default(20)
+}).strict();
+z.object({
+  limit: z.coerce.number().int().min(1).max(100).default(100),
+  cursor: z.coerce.number().int().min(0).optional()
+}).strict();
+var WebSocketSessionTurnSchema = z.object({
+  type: z.literal("session:turn"),
+  input: z.unknown().refine(
+    (val) => {
+      let text;
+      if (typeof val === "string") {
+        text = val;
+      } else if (val && typeof val === "object" && "message" in val) {
+        text = String(val.message);
+      } else {
+        text = JSON.stringify(val) || "";
+      }
+      return text && text.length > 0 && text.length <= 1e5;
+    },
+    { message: "Input must be between 1 and 100,000 characters" }
+  )
+}).strict();
+var NotificationCategorySchema = z.enum(["info", "queue", "alert", "error", "system"]);
+var GetNotificationsQuerySchema = z.object({
+  limit: z.coerce.number().int().min(1).max(100).default(50),
+  offset: z.coerce.number().int().min(0).default(0)
+});
+var MarkAsReadParamsSchema = z.object({
+  id: UuidSchema
+});
+z.object({
+  userId: UuidSchema,
+  organizationId: UuidSchema,
+  category: NotificationCategorySchema,
+  title: z.string().trim().min(1).max(200),
+  message: z.string().trim().min(1).max(1e3),
+  actionUrl: z.string().url().optional()
+}).strict();
+z.object({
+  ids: z.array(UuidSchema).min(1).max(500)
+}).strict();
+
+// src/hooks/sessions/sessionWebSocketUtils.ts
+var liveTempMessageCounter = 0;
+function createLiveTempMessageIdentity() {
+  liveTempMessageCounter += 1;
+  return {
+    id: `temp-${liveTempMessageCounter}`,
+    messageIndex: liveTempMessageCounter,
+    createdAt: /* @__PURE__ */ new Date()
+  };
+}
+function formatMessageEvent(event) {
+  switch (event.type) {
+    case "user_message":
+      return event.text;
+    case "assistant_message":
+      return event.text;
+    case "agent:started":
+      return "Agent started reasoning";
+    case "agent:reasoning":
+      return `Reasoning (Iteration ${event.iteration})`;
+    case "agent:tool_call":
+      return `Tool: ${event.toolName}`;
+    case "agent:tool_result":
+      return event.success ? "Tool Result" : "Tool Result (Failed)";
+    case "agent:completed":
+      return "Agent completed";
+    case "agent:error":
+      return `Agent error: ${event.error}`;
+  }
+}
+function getWebSocketBaseUrl(apiUrl) {
+  const url = new URL(apiUrl);
+  const protocol = url.protocol === "https:" ? "wss:" : "ws:";
+  return `${protocol}//${url.host}`;
+}
+
+export { CreateSessionSchema, ExecutionIdParamsSchema, GetNotificationsQuerySchema, MarkAsReadParamsSchema, SessionIdParamSchema, WebSocketSessionTurnSchema, createLiveTempMessageIdentity, formatMessageEvent, getWebSocketBaseUrl, mergeSessionMessages };

package/dist/{chunk-SBNC3FRX.js → chunk-V3B26UZR.js}

@@ -6,8 +6,8 @@ import { sidebarItemGap, sidebarSubLinkPaddingY, sidebarSubLinkPaddingX, sidebar
 import { CardHeader } from './chunk-S3XR4II4.js';
 import { useInitialization, InitializationContext, InitializationProvider } from './chunk-6DO4PE3O.js';
 import { OrganizationContext, useOrganization } from './chunk-DD3CCMCZ.js';
-import { SessionIdParamSchema, CreateSessionSchema, GetNotificationsQuerySchema, MarkAsReadParamsSchema, ExecutionIdParamsSchema, WebSocketSessionTurnSchema } from './chunk-EJL4U7OZ.js';
-import { StyledMarkdown, ChatHeader, ChatSidebar } from './chunk-GUKY77FJ.js';
+import { SessionIdParamSchema, CreateSessionSchema, GetNotificationsQuerySchema, MarkAsReadParamsSchema, ExecutionIdParamsSchema, createLiveTempMessageIdentity, WebSocketSessionTurnSchema } from './chunk-M7WWRZ5Z.js';
+import { StyledMarkdown, ChatHeader, ChatSidebar } from './chunk-E6NSKXYN.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger, useGraphHighlighting, calculateGraphHeight, GRAPH_CONSTANTS } from './chunk-HENXLGVD.js';
 import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent, getResourceStatusColor, useMergedExecution, useTimelineData, useAgentIterationData } from './chunk-7FPLLSHN.js';
@@ -10967,8 +10967,9 @@ function useSessionWebSocket(sessionId, apiUrl) {
       try {
         const data = JSON.parse(event.data);
         if (data.type && data.type !== "turn:complete" && data.type !== "error") {
+          const liveIdentity = createLiveTempMessageIdentity();
           const tempMessage = {
-            id: `temp-${Date.now()}`,
+            id: liveIdentity.id,
             role: data.type === "user_message" ? "user" : "assistant",
             messageType: data.type,
             text: formatMessageEvent(data),
@@ -10976,9 +10977,8 @@ function useSessionWebSocket(sessionId, apiUrl) {
             metadata: data.type.startsWith("agent:") ? data : void 0,
             turnNumber: 999999,
             // High placeholder so temp messages sort to bottom
-            messageIndex: Date.now(),
-            // Use timestamp for unique ordering
-            createdAt: /* @__PURE__ */ new Date()
+            messageIndex: liveIdentity.messageIndex,
+            createdAt: liveIdentity.createdAt
           };
           setMessages((prev) => [...prev, tempMessage]);
         } else if (data.type === "turn:complete") {
@@ -11066,16 +11066,16 @@ function useSessionWebSocket(sessionId, apiUrl) {
         }));
         return;
       }
+      const liveIdentity = createLiveTempMessageIdentity();
       const userMessage = {
-        id: `temp-${Date.now()}`,
+        id: liveIdentity.id,
         role: "user",
         messageType: "user_message",
         text: trimmed,
         turnNumber: 999999,
         // High placeholder so temp messages sort to bottom
-        messageIndex: Date.now(),
-        // Use timestamp for unique ordering
-        createdAt: /* @__PURE__ */ new Date()
+        messageIndex: liveIdentity.messageIndex,
+        createdAt: liveIdentity.createdAt
       };
       setMessages((prev) => [...prev, userMessage]);
       const input = { message: trimmed };