@truefoundry/trueforge-ui 0.3.0-rc.0 → 0.3.0-rc.1

package/dist/AgentSessions-3MPDZASK.js

@@ -0,0 +1,275 @@
+"use client";
+import {
+  buildSessionResumeHref
+} from "./chunk-WVE3F724.js";
+import {
+  useOptionalResolvedRoutes
+} from "./chunk-Y6S4OVVQ.js";
+import {
+  drainListPages
+} from "./chunk-SFZNIO6U.js";
+import {
+  sessionIsCreateAgent
+} from "./chunk-RDXBMTP5.js";
+import {
+  EmptyScreen,
+  Skeleton,
+  useSessionShareSearch,
+  useSlot
+} from "./chunk-ZTMKFZQ3.js";
+import "./chunk-2XPPBEYF.js";
+import {
+  Icon
+} from "./chunk-XAU7QFG3.js";
+import {
+  sessionTimeRangeFromCreatedAt,
+  useAgentSessionsServer,
+  useOptionalShellMode,
+  useServer
+} from "./chunk-U7KURWW3.js";
+import "./chunk-M6MHLVSO.js";
+import "./chunk-MPNSO7E6.js";
+import {
+  cn
+} from "./chunk-7Z2C2K7F.js";
+
+// src/atoms/agent-details/AgentSessions.tsx
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Group, Panel, Separator } from "react-resizable-panels";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function sessionTitle(entry) {
+  const title = entry.title?.trim();
+  return title != null && title.length > 0 ? title : "Untitled session";
+}
+function entryIsMutable(entry) {
+  if ("isMutable" in entry && typeof Reflect.get(entry, "isMutable") === "boolean") {
+    return Reflect.get(entry, "isMutable") === true;
+  }
+  return entry.agentName == null;
+}
+function AgentSessions({ agentId, startTimestamp, endTimestamp, shareView }) {
+  const sessionsServer = useAgentSessionsServer();
+  const chatServer = useServer();
+  const shell = useOptionalShellMode();
+  const routes = useOptionalResolvedRoutes();
+  const { sessionId: selectedSessionId, updateShareSearch } = useSessionShareSearch();
+  const AgentSessionListRow = useSlot("AgentSessionListRow");
+  const AgentSessionDetailHeader = useSlot("AgentSessionDetailHeader");
+  const AgentSessionTimelineContainer = useSlot("AgentSessionTimelineContainer");
+  const [entries, setEntries] = useState([]);
+  const [nextPageToken, setNextPageToken] = useState();
+  const [listLoading, setListLoading] = useState(true);
+  const [listLoadingMore, setListLoadingMore] = useState(false);
+  const [listFailed, setListFailed] = useState(false);
+  const listRequestIdRef = useRef(0);
+  const [detailEvents, setDetailEvents] = useState();
+  const [detailSession, setDetailSession] = useState();
+  const [detailLoading, setDetailLoading] = useState(false);
+  const [detailFailed, setDetailFailed] = useState(false);
+  const listRequest = useMemo(
+    () => ({
+      order: "desc",
+      limit: 20,
+      ...agentId == null || agentId.length === 0 ? {} : { agentId },
+      ...startTimestamp == null ? {} : { startTimestamp },
+      ...endTimestamp == null ? {} : { endTimestamp }
+    }),
+    [agentId, endTimestamp, startTimestamp]
+  );
+  useEffect(() => {
+    const requestId = ++listRequestIdRef.current;
+    let cancelled = false;
+    setListLoading(true);
+    setListLoadingMore(false);
+    setListFailed(false);
+    void sessionsServer.listSessions(listRequest).then((page) => {
+      if (cancelled || listRequestIdRef.current !== requestId) return;
+      setEntries(page.data);
+      setNextPageToken(page.nextPageToken);
+    }).catch(() => {
+      if (cancelled || listRequestIdRef.current !== requestId) return;
+      setEntries([]);
+      setNextPageToken(void 0);
+      setListFailed(true);
+    }).finally(() => {
+      if (!cancelled && listRequestIdRef.current === requestId) setListLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [listRequest, sessionsServer]);
+  const loadMore = useCallback(async () => {
+    if (nextPageToken == null || listLoadingMore) return;
+    const requestId = listRequestIdRef.current;
+    setListLoadingMore(true);
+    try {
+      const page = await sessionsServer.listSessions({ ...listRequest, pageToken: nextPageToken });
+      if (listRequestIdRef.current !== requestId) return;
+      setEntries((current) => [...current, ...page.data]);
+      setNextPageToken(page.nextPageToken);
+    } catch {
+    } finally {
+      if (listRequestIdRef.current === requestId) setListLoadingMore(false);
+    }
+  }, [listLoadingMore, listRequest, nextPageToken, sessionsServer]);
+  useEffect(() => {
+    if (selectedSessionId == null || selectedSessionId.length === 0) {
+      setDetailEvents(void 0);
+      setDetailSession(void 0);
+      setDetailFailed(false);
+      setDetailLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setDetailLoading(true);
+    setDetailFailed(false);
+    setDetailEvents(void 0);
+    setDetailSession(void 0);
+    void Promise.all([
+      drainListPages({
+        fetchPage: (pageToken) => sessionsServer.listSessionEvents({
+          sessionId: selectedSessionId,
+          limit: 100,
+          ...pageToken == null ? {} : { pageToken }
+        })
+      }),
+      chatServer.getSession({ sessionId: selectedSessionId }).catch(() => void 0)
+    ]).then(([itemsNewestFirst, session]) => {
+      if (cancelled) return;
+      setDetailEvents([...itemsNewestFirst].reverse());
+      setDetailSession(session);
+    }).catch(() => {
+      if (!cancelled) setDetailFailed(true);
+    }).finally(() => {
+      if (!cancelled) setDetailLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [chatServer, selectedSessionId, sessionsServer]);
+  const selectSession = (entry) => {
+    const pinned = shareView === "sessions" ? sessionTimeRangeFromCreatedAt(entry.createdAt) : null;
+    updateShareSearch({
+      sessionId: entry.id,
+      ...shareView === "sessions" ? { view: "sessions", ...pinned == null ? {} : { timeRange: pinned } } : { agentId: agentId ?? null, tab: "sessions", view: null, timeRange: null }
+    });
+  };
+  const clearSelectedSession = () => {
+    if (selectedSessionId == null) return;
+    updateShareSearch({ sessionId: null });
+  };
+  const selectedEntry = entries.find((entry) => entry.id === selectedSessionId);
+  const selectedTitle = detailSession != null ? sessionTitle(detailSession) : selectedEntry != null ? sessionTitle(selectedEntry) : selectedSessionId ?? "Untitled session";
+  const resumeIsCreateAgent = detailSession != null ? sessionIsCreateAgent(detailSession) : selectedEntry != null ? sessionIsCreateAgent(selectedEntry) : false;
+  const resumeIsMutable = detailSession != null ? detailSession.isMutable : selectedEntry != null ? entryIsMutable(selectedEntry) : true;
+  const resumeLabel = resumeIsCreateAgent ? "Resume Agent building" : "Resume Chat";
+  const resumeHref = selectedSessionId != null && routes != null ? buildSessionResumeHref({ sessionId: selectedSessionId, routes }) : null;
+  const handleResume = () => {
+    if (selectedSessionId == null || shell == null) return;
+    const agentName = detailSession?.agentName ?? selectedEntry?.agentName;
+    shell.openHistorySession({
+      sessionId: selectedSessionId,
+      isMutable: resumeIsMutable,
+      isCreateAgent: resumeIsCreateAgent,
+      ...agentName != null && agentName.length > 0 ? { agentName } : {}
+    });
+  };
+  const resumeProps = resumeHref != null ? { resumeHref, resumeLabel } : shell != null ? { onResume: handleResume, resumeLabel } : {};
+  if (!listLoading && !listFailed && entries.length === 0 && (selectedSessionId == null || selectedSessionId.length === 0)) {
+    return /* @__PURE__ */ jsx(
+      EmptyScreen,
+      {
+        title: "No Sessions Found",
+        description: "There are no sessions available at the moment.",
+        className: "bg-primary-bg"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    Group,
+    {
+      id: "agent-sessions-split",
+      orientation: "horizontal",
+      className: "h-full min-h-0 w-full",
+      resizeTargetMinimumSize: { coarse: 24, fine: 11 },
+      children: [
+        /* @__PURE__ */ jsx(Panel, { id: "agent-sessions-list", defaultSize: "35%", minSize: "20%", maxSize: "50%", children: /* @__PURE__ */ jsxs("aside", { className: "flex h-full min-h-0 w-full flex-col bg-sidebar-bg", children: [
+          /* @__PURE__ */ jsx("div", { className: "scrollbar-none min-h-0 flex-1 overflow-y-auto", children: listLoading ? /* @__PURE__ */ jsx("div", { className: "space-y-2 p-3", role: "status", "aria-label": "Loading sessions", children: ["a", "b", "c"].map((key) => /* @__PURE__ */ jsx(Skeleton, { className: "h-16 rounded-md" }, key)) }) : listFailed ? /* @__PURE__ */ jsx("p", { className: "px-3 py-6 text-center text-xs text-text-secondary", children: "Sessions could not be loaded." }) : entries.map((entry) => /* @__PURE__ */ jsx(
+            AgentSessionListRow,
+            {
+              title: sessionTitle(entry),
+              agentName: entry.agentName ?? void 0,
+              lastActivityAt: entry.lastActivityAt,
+              metrics: entry.metrics,
+              active: entry.id === selectedSessionId,
+              onSelect: () => selectSession(entry)
+            },
+            entry.id
+          )) }),
+          nextPageToken != null && !listLoading ? /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border p-3", children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              disabled: listLoadingMore,
+              onClick: () => void loadMore(),
+              className: "h-8 w-full rounded-md border border-border text-xs font-medium text-text-primary hover:bg-ghost-button-hover disabled:opacity-60",
+              children: listLoadingMore ? "Loading\u2026" : "Load more"
+            }
+          ) }) : null
+        ] }) }),
+        /* @__PURE__ */ jsxs(
+          Separator,
+          {
+            id: "agent-sessions-resizer",
+            "aria-label": "Resize session list",
+            className: "group/resizer relative z-10 w-0 cursor-col-resize focus-visible:outline-none",
+            children: [
+              /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 -left-1.25 w-2.75" }),
+              /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 left-0 w-px bg-border transition-colors" }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "aria-hidden": true,
+                  className: cn(
+                    "absolute top-1/2 left-0 z-10 flex h-4 w-2 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-xs shadow-sm transition-colors",
+                    "bg-secondary-button-bg text-text-secondary",
+                    "group-hover/resizer:bg-primary-button-bg group-hover/resizer:text-primary-button-text",
+                    "group-active/resizer:bg-primary-button-bg group-active/resizer:text-primary-button-text",
+                    "group-focus-visible/resizer:bg-primary-button-bg group-focus-visible/resizer:text-primary-button-text"
+                  ),
+                  children: /* @__PURE__ */ jsx(Icon, { name: "grip-vertical", size: 10 })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Panel, { id: "agent-session-detail", defaultSize: "65%", minSize: "30%", children: /* @__PURE__ */ jsx("section", { className: "flex h-full min-w-0 flex-col bg-primary-bg", children: selectedSessionId == null ? /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center px-6 text-sm text-text-secondary", children: "Select a session to view details" }) : detailFailed ? /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center px-6 text-sm text-text-secondary", children: "Session details could not be loaded." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            AgentSessionDetailHeader,
+            {
+              title: selectedTitle,
+              sessionId: selectedSessionId,
+              agentId,
+              createdAt: detailSession?.createdAt ?? selectedEntry?.createdAt,
+              view: shareView,
+              onClose: clearSelectedSession,
+              ...resumeProps
+            }
+          ),
+          detailLoading || detailEvents === void 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col p-4", role: "status", "aria-label": "Loading session details", children: /* @__PURE__ */ jsx(Skeleton, { className: "min-h-64 flex-1 rounded-lg" }) }) : /* @__PURE__ */ jsx(
+            AgentSessionTimelineContainer,
+            {
+              sessionId: selectedSessionId,
+              events: detailEvents,
+              listMetrics: selectedEntry?.metrics
+            }
+          )
+        ] }) }) })
+      ]
+    }
+  );
+}
+export {
+  AgentSessions
+};
+//# sourceMappingURL=AgentSessions-3MPDZASK.js.map

package/dist/AgentSessions-3MPDZASK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/agent-details/AgentSessions.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useMemo, useRef, useState, type ComponentType } from 'react';\nimport { Group, Panel, Separator } from 'react-resizable-panels';\n\nimport { useSessionShareSearch } from '../../hooks/useSessionShareSearch.js';\nimport { Icon } from '../../icons/Icon.js';\nimport { buildSessionResumeHref } from '../../routing/paths.js';\nimport { useOptionalResolvedRoutes } from '../../routing/ResolvedRoutesContext.js';\nimport { useAgentSessionsServer, useServer } from '../../server/ServerContext.js';\nimport { useOptionalShellMode } from '../../server/ShellModeContext.js';\nimport type { Session, SessionEventItem, SessionListEntry } from '../../server/types.js';\nimport { useSlot } from '../../theme/SlotsProvider.js';\nimport { drainListPages } from '../../utils/drainListPages.js';\nimport { sessionTimeRangeFromCreatedAt } from '../../utils/sessionShareUrl.js';\nimport { EmptyScreen } from '../EmptyScreen.js';\nimport { cn } from '../lib/cn.js';\nimport { sessionIsCreateAgent } from '../lib/sessionCreateAgent.js';\nimport { Skeleton } from '../primitives/Skeleton.js';\nimport type { AgentSessionsProps } from './types.js';\n\nfunction sessionTitle(entry: Pick<SessionListEntry, 'title'>): string {\n  const title = entry.title?.trim();\n  return title != null && title.length > 0 ? title : 'Untitled session';\n}\n\nfunction entryIsMutable(entry: SessionListEntry): boolean {\n  if ('isMutable' in entry && typeof Reflect.get(entry, 'isMutable') === 'boolean') {\n    return Reflect.get(entry, 'isMutable') === true;\n  }\n  return entry.agentName == null;\n}\n\nexport function AgentSessions({ agentId, startTimestamp, endTimestamp, shareView }: AgentSessionsProps) {\n  const sessionsServer = useAgentSessionsServer();\n  const chatServer = useServer();\n  const shell = useOptionalShellMode();\n  const routes = useOptionalResolvedRoutes();\n  const { sessionId: selectedSessionId, updateShareSearch } = useSessionShareSearch();\n\n  const AgentSessionListRow = useSlot('AgentSessionListRow');\n  const AgentSessionDetailHeader = useSlot('AgentSessionDetailHeader');\n  const AgentSessionTimelineContainer = useSlot('AgentSessionTimelineContainer');\n\n  const [entries, setEntries] = useState<SessionListEntry[]>([]);\n  const [nextPageToken, setNextPageToken] = useState<string | undefined>();\n  const [listLoading, setListLoading] = useState(true);\n  const [listLoadingMore, setListLoadingMore] = useState(false);\n  const [listFailed, setListFailed] = useState(false);\n  const listRequestIdRef = useRef(0);\n  const [detailEvents, setDetailEvents] = useState<SessionEventItem[]>();\n  const [detailSession, setDetailSession] = useState<Session>();\n  const [detailLoading, setDetailLoading] = useState(false);\n  const [detailFailed, setDetailFailed] = useState(false);\n\n  const listRequest = useMemo(\n    () => ({\n      order: 'desc' as const,\n      limit: 20,\n      ...(agentId == null || agentId.length === 0 ? {} : { agentId }),\n      ...(startTimestamp == null ? {} : { startTimestamp }),\n      ...(endTimestamp == null ? {} : { endTimestamp }),\n    }),\n    [agentId, endTimestamp, startTimestamp],\n  );\n\n  useEffect(() => {\n    const requestId = ++listRequestIdRef.current;\n    let cancelled = false;\n    setListLoading(true);\n    setListLoadingMore(false);\n    setListFailed(false);\n    void sessionsServer\n      .listSessions(listRequest)\n      .then(page => {\n        if (cancelled || listRequestIdRef.current !== requestId) return;\n        setEntries(page.data);\n        setNextPageToken(page.nextPageToken);\n      })\n      .catch(() => {\n        if (cancelled || listRequestIdRef.current !== requestId) return;\n        setEntries([]);\n        setNextPageToken(undefined);\n        setListFailed(true);\n      })\n      .finally(() => {\n        if (!cancelled && listRequestIdRef.current === requestId) setListLoading(false);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [listRequest, sessionsServer]);\n\n  const loadMore = useCallback(async () => {\n    if (nextPageToken == null || listLoadingMore) return;\n    const requestId = listRequestIdRef.current;\n    setListLoadingMore(true);\n    try {\n      const page = await sessionsServer.listSessions({ ...listRequest, pageToken: nextPageToken });\n      if (listRequestIdRef.current !== requestId) return;\n      setEntries(current => [...current, ...page.data]);\n      setNextPageToken(page.nextPageToken);\n    } catch {\n      // Keep the current page and token visible so the user can retry.\n    } finally {\n      if (listRequestIdRef.current === requestId) setListLoadingMore(false);\n    }\n  }, [listLoadingMore, listRequest, nextPageToken, sessionsServer]);\n\n  useEffect(() => {\n    if (selectedSessionId == null || selectedSessionId.length === 0) {\n      setDetailEvents(undefined);\n      setDetailSession(undefined);\n      setDetailFailed(false);\n      setDetailLoading(false);\n      return;\n    }\n\n    let cancelled = false;\n    setDetailLoading(true);\n    setDetailFailed(false);\n    setDetailEvents(undefined);\n    setDetailSession(undefined);\n\n    void Promise.all([\n      drainListPages({\n        fetchPage: pageToken =>\n          sessionsServer.listSessionEvents({\n            sessionId: selectedSessionId,\n            limit: 100,\n            ...(pageToken == null ? {} : { pageToken }),\n          }),\n      }),\n      chatServer.getSession({ sessionId: selectedSessionId }).catch(() => undefined),\n    ])\n      .then(([itemsNewestFirst, session]) => {\n        if (cancelled) return;\n        setDetailEvents([...itemsNewestFirst].reverse());\n        setDetailSession(session);\n      })\n      .catch(() => {\n        if (!cancelled) setDetailFailed(true);\n      })\n      .finally(() => {\n        if (!cancelled) setDetailLoading(false);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [chatServer, selectedSessionId, sessionsServer]);\n\n  const selectSession = (entry: SessionListEntry) => {\n    const pinned = shareView === 'sessions' ? sessionTimeRangeFromCreatedAt(entry.createdAt) : null;\n    updateShareSearch({\n      sessionId: entry.id,\n      ...(shareView === 'sessions'\n        ? { view: 'sessions', ...(pinned == null ? {} : { timeRange: pinned }) }\n        : { agentId: agentId ?? null, tab: 'sessions', view: null, timeRange: null }),\n    });\n  };\n\n  const clearSelectedSession = () => {\n    if (selectedSessionId == null) return;\n    updateShareSearch({ sessionId: null });\n  };\n\n  const selectedEntry = entries.find(entry => entry.id === selectedSessionId);\n  const selectedTitle =\n    detailSession != null\n      ? sessionTitle(detailSession)\n      : selectedEntry != null\n        ? sessionTitle(selectedEntry)\n        : (selectedSessionId ?? 'Untitled session');\n\n  const resumeIsCreateAgent =\n    detailSession != null\n      ? sessionIsCreateAgent(detailSession)\n      : selectedEntry != null\n        ? sessionIsCreateAgent(selectedEntry)\n        : false;\n  const resumeIsMutable =\n    detailSession != null ? detailSession.isMutable : selectedEntry != null ? entryIsMutable(selectedEntry) : true;\n  const resumeLabel = resumeIsCreateAgent ? 'Resume Agent building' : 'Resume Chat';\n  const resumeHref =\n    selectedSessionId != null && routes != null\n      ? buildSessionResumeHref({ sessionId: selectedSessionId, routes })\n      : null;\n\n  const handleResume = () => {\n    if (selectedSessionId == null || shell == null) return;\n    const agentName = detailSession?.agentName ?? selectedEntry?.agentName;\n    shell.openHistorySession({\n      sessionId: selectedSessionId,\n      isMutable: resumeIsMutable,\n      isCreateAgent: resumeIsCreateAgent,\n      ...(agentName != null && agentName.length > 0 ? { agentName } : {}),\n    });\n  };\n\n  const resumeProps =\n    resumeHref != null ? { resumeHref, resumeLabel } : shell != null ? { onResume: handleResume, resumeLabel } : {};\n\n  // Full empty only when nothing is selected — keep the detail pane for deep-linked sessionIds\n  // (filters/time range can empty the list while share state still points at a session).\n  if (\n    !listLoading &&\n    !listFailed &&\n    entries.length === 0 &&\n    (selectedSessionId == null || selectedSessionId.length === 0)\n  ) {\n    return (\n      <EmptyScreen\n        title=\"No Sessions Found\"\n        description=\"There are no sessions available at the moment.\"\n        className=\"bg-primary-bg\"\n      />\n    );\n  }\n\n  return (\n    <Group\n      id=\"agent-sessions-split\"\n      orientation=\"horizontal\"\n      className=\"h-full min-h-0 w-full\"\n      resizeTargetMinimumSize={{ coarse: 24, fine: 11 }}\n    >\n      <Panel id=\"agent-sessions-list\" defaultSize=\"35%\" minSize=\"20%\" maxSize=\"50%\">\n        <aside className=\"flex h-full min-h-0 w-full flex-col bg-sidebar-bg\">\n          <div className=\"scrollbar-none min-h-0 flex-1 overflow-y-auto\">\n            {listLoading ? (\n              <div className=\"space-y-2 p-3\" role=\"status\" aria-label=\"Loading sessions\">\n                {['a', 'b', 'c'].map(key => (\n                  <Skeleton key={key} className=\"h-16 rounded-md\" />\n                ))}\n              </div>\n            ) : listFailed ? (\n              <p className=\"px-3 py-6 text-center text-xs text-text-secondary\">Sessions could not be loaded.</p>\n            ) : (\n              entries.map(entry => (\n                <AgentSessionListRow\n                  key={entry.id}\n                  title={sessionTitle(entry)}\n                  agentName={entry.agentName ?? undefined}\n                  lastActivityAt={entry.lastActivityAt}\n                  metrics={entry.metrics}\n                  active={entry.id === selectedSessionId}\n                  onSelect={() => selectSession(entry)}\n                />\n              ))\n            )}\n          </div>\n\n          {nextPageToken != null && !listLoading ? (\n            <div className=\"shrink-0 border-t border-border p-3\">\n              <button\n                type=\"button\"\n                disabled={listLoadingMore}\n                onClick={() => void loadMore()}\n                className=\"h-8 w-full rounded-md border border-border text-xs font-medium text-text-primary hover:bg-ghost-button-hover disabled:opacity-60\"\n              >\n                {listLoadingMore ? 'Loading…' : 'Load more'}\n              </button>\n            </div>\n          ) : null}\n        </aside>\n      </Panel>\n\n      <Separator\n        id=\"agent-sessions-resizer\"\n        aria-label=\"Resize session list\"\n        className=\"group/resizer relative z-10 w-0 cursor-col-resize focus-visible:outline-none\"\n      >\n        <div aria-hidden className=\"absolute inset-y-0 -left-1.25 w-2.75\" />\n        <div aria-hidden className=\"absolute inset-y-0 left-0 w-px bg-border transition-colors\" />\n        <div\n          aria-hidden\n          className={cn(\n            'absolute top-1/2 left-0 z-10 flex h-4 w-2 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-xs shadow-sm transition-colors',\n            'bg-secondary-button-bg text-text-secondary',\n            'group-hover/resizer:bg-primary-button-bg group-hover/resizer:text-primary-button-text',\n            'group-active/resizer:bg-primary-button-bg group-active/resizer:text-primary-button-text',\n            'group-focus-visible/resizer:bg-primary-button-bg group-focus-visible/resizer:text-primary-button-text',\n          )}\n        >\n          <Icon name=\"grip-vertical\" size={10} />\n        </div>\n      </Separator>\n\n      <Panel id=\"agent-session-detail\" defaultSize=\"65%\" minSize=\"30%\">\n        <section className=\"flex h-full min-w-0 flex-col bg-primary-bg\">\n          {selectedSessionId == null ? (\n            <div className=\"flex flex-1 items-center justify-center px-6 text-sm text-text-secondary\">\n              Select a session to view details\n            </div>\n          ) : detailFailed ? (\n            <div className=\"flex flex-1 items-center justify-center px-6 text-sm text-text-secondary\">\n              Session details could not be loaded.\n            </div>\n          ) : (\n            <>\n              <AgentSessionDetailHeader\n                title={selectedTitle}\n                sessionId={selectedSessionId}\n                agentId={agentId}\n                createdAt={detailSession?.createdAt ?? selectedEntry?.createdAt}\n                view={shareView}\n                onClose={clearSelectedSession}\n                {...resumeProps}\n              />\n              {detailLoading || detailEvents === undefined ? (\n                <div className=\"flex flex-1 flex-col p-4\" role=\"status\" aria-label=\"Loading session details\">\n                  <Skeleton className=\"min-h-64 flex-1 rounded-lg\" />\n                </div>\n              ) : (\n                <AgentSessionTimelineContainer\n                  sessionId={selectedSessionId}\n                  events={detailEvents}\n                  listMetrics={selectedEntry?.metrics}\n                />\n              )}\n            </>\n          )}\n        </section>\n      </Panel>\n    </Group>\n  );\n}\n\ndeclare module '../../theme/SlotsProvider.js' {\n  interface AtomSlots {\n    AgentSessions: ComponentType<AgentSessionsProps>;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/{ConnectorSettings-FXQ5B7TN.js → ConnectorSettings-MXFRWWR6.js}

@@ -7,18 +7,20 @@ import {
   auiInputClass,
   useMCPAuth,
   useToasterOptional
-} from "./chunk-OSV3HI5M.js";
+} from "./chunk-ZTMKFZQ3.js";
+import "./chunk-2XPPBEYF.js";
 import {
   Icon,
   getErrorMessage
-} from "./chunk-FJ5RSSMA.js";
+} from "./chunk-XAU7QFG3.js";
 import {
   useCatalogServer
-} from "./chunk-WQULF5AT.js";
-import "./chunk-B52K63AW.js";
+} from "./chunk-U7KURWW3.js";
+import "./chunk-M6MHLVSO.js";
+import "./chunk-MPNSO7E6.js";
 import {
   cn
-} from "./chunk-36KOSC2J.js";
+} from "./chunk-7Z2C2K7F.js";
 
 // src/containers/SettingsBuilder/ConnectorSettings.tsx
 import { useCallback, useEffect as useEffect2, useMemo, useState as useState3 } from "react";
@@ -920,4 +922,4 @@ var ConnectorSettings_default = ConnectorSettings;
 export {
   ConnectorSettings_default as default
 };
-//# sourceMappingURL=ConnectorSettings-FXQ5B7TN.js.map
+//# sourceMappingURL=ConnectorSettings-MXFRWWR6.js.map