@paymanai/payman-ask-sdk 4.0.28 → 4.0.29

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { AnimatePresence, motion, useMotionValue, useSpring, useInView } from 'f
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as Sentry from '@sentry/react';
-import { ArrowDown, Pencil, X, RotateCcw, Telescope, Zap, ImagePlus, Paperclip, ArrowUp, Check, AlertCircle, Copy, WifiOff, ThumbsUp, ThumbsDown, Binoculars, Info, PanelLeft, Download, Loader2, ChevronDown, MoreHorizontal, User, Clock, Sparkles, ImageOff, Eye, ChevronRight, ShieldCheck } from 'lucide-react';
+import { ArrowDown, Pencil, X, RotateCcw, Telescope, Zap, Plus, ImagePlus, Paperclip, Mic, ArrowUp, Check, AlertCircle, Copy, WifiOff, ThumbsUp, ThumbsDown, Binoculars, Info, Download, Loader2, ChevronDown, User, Clock, Sparkles, ImageOff, Eye, ChevronRight, ShieldCheck } from 'lucide-react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import { createPortal } from 'react-dom';
@@ -1794,284 +1794,6 @@ function useVoice(config = {}, callbacks = {}) {
     reset
   };
 }
-var DEFAULT_PAGE_SIZE = 20;
-var DEFAULT_MESSAGES_PAGE_SIZE = 100;
-function defaultParseSessions(json) {
-  const body = json;
-  const rows = Array.isArray(body?.data) ? body.data : [];
-  const data = rows.map((row) => ({ ...row, title: row.title ?? row.sessionTitle ?? null }));
-  return { data, total: body?.total };
-}
-function defaultParseMessages(json) {
-  const body = json;
-  return { data: Array.isArray(body?.data) ? body.data : [] };
-}
-function withQuery(path, params) {
-  const qs = Object.entries(params).map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(String(v))}`).join("&");
-  if (!qs) return path;
-  return `${path}${path.includes("?") ? "&" : "?"}${qs}`;
-}
-function toFeedbackState(feedback) {
-  const value = feedback?.feedback;
-  if (!value) return null;
-  return value === "POSITIVE" ? "up" : "down";
-}
-function toMessageDisplay(rows, sessionId) {
-  return rows.flatMap((row) => {
-    const timestamp = row.startTime || row.endTime || (/* @__PURE__ */ new Date()).toISOString();
-    const out = [
-      {
-        id: `${row.id}:user`,
-        sessionId,
-        role: "user",
-        content: row.sessionUserIntent,
-        timestamp
-      }
-    ];
-    if (row.agentResponse) {
-      out.push({
-        id: `${row.id}:assistant`,
-        sessionId,
-        role: "assistant",
-        content: row.agentResponse,
-        timestamp: row.endTime || timestamp,
-        executionId: row.id,
-        isError: row.status === "FAILED",
-        feedback: toFeedbackState(row.feedback)
-      });
-    }
-    return out;
-  });
-}
-function useChatSessions({
-  api,
-  sessions,
-  initialSessionId
-}) {
-  const enabled = sessions?.enabled === true;
-  const listEndpoint = sessions?.listEndpoint ?? "/api/conversations/sessions";
-  const messagesEndpointTemplate = sessions?.messagesEndpoint ?? "/api/conversations/sessions/{sessionId}/messages";
-  const pageSize = sessions?.pageSize ?? DEFAULT_PAGE_SIZE;
-  const messagesPageSize = sessions?.messagesPageSize ?? DEFAULT_MESSAGES_PAGE_SIZE;
-  const parseSessionsResponse = sessions?.parseSessionsResponse ?? defaultParseSessions;
-  const parseMessagesResponse = sessions?.parseMessagesResponse ?? defaultParseMessages;
-  const [sessionsList, setSessionsList] = useState([]);
-  const [isLoadingList, setIsLoadingList] = useState(enabled);
-  const [isLoadingMore, setIsLoadingMore] = useState(false);
-  const [listError, setListError] = useState(null);
-  const hasLoadedOnceRef = useRef(false);
-  const [page, setPage] = useState(0);
-  const [total, setTotal] = useState(null);
-  const [lastPageFull, setLastPageFull] = useState(false);
-  const [selectedSessionId, setSelectedSessionId] = useState(
-    initialSessionId ?? null
-  );
-  const [draftSessionId, setDraftSessionId] = useState(generateId);
-  const [selectedMessages, setSelectedMessages] = useState([]);
-  const [isLoadingMessages, setIsLoadingMessages] = useState(
-    enabled && initialSessionId != null
-  );
-  const [messagesError, setMessagesError] = useState(null);
-  const [refetchTick, setRefetchTick] = useState(0);
-  const baseUrl = (api.baseUrl || "").replace(/\/+$/, "");
-  const apiHeaders = api.headers;
-  const authToken = api.authToken;
-  const headersKey = JSON.stringify(apiHeaders ?? {});
-  const requestHeaders = useMemo(() => {
-    const headers = { Accept: "application/json", ...apiHeaders ?? {} };
-    if (authToken && !headers.Authorization) headers.Authorization = `Bearer ${authToken}`;
-    return headers;
-  }, [headersKey, authToken]);
-  const hasMore = total != null ? sessionsList.length < total : lastPageFull;
-  useEffect(() => {
-    setPage(0);
-    hasLoadedOnceRef.current = false;
-  }, [enabled, baseUrl, listEndpoint, pageSize, requestHeaders]);
-  useEffect(() => {
-    setPage(0);
-  }, [refetchTick]);
-  useEffect(() => {
-    if (!enabled) return;
-    const ctrl = new AbortController();
-    const isFirstPage = page === 0;
-    if (isFirstPage && !hasLoadedOnceRef.current) setIsLoadingList(true);
-    else if (!isFirstPage) setIsLoadingMore(true);
-    setListError(null);
-    fetch(withQuery(`${baseUrl}${listEndpoint}`, { page, limit: pageSize }), {
-      method: "GET",
-      headers: requestHeaders,
-      signal: ctrl.signal
-    }).then(async (res) => {
-      if (!res.ok) throw new Error(`Failed to load chats (${res.status})`);
-      return res.json();
-    }).then((json) => {
-      const parsed = parseSessionsResponse(json);
-      setSessionsList((prev) => isFirstPage ? parsed.data : [...prev, ...parsed.data]);
-      setTotal(parsed.total ?? null);
-      setLastPageFull(parsed.data.length >= pageSize);
-      hasLoadedOnceRef.current = true;
-    }).catch((e) => {
-      if (e.name === "AbortError") return;
-      setListError(e instanceof Error ? e.message : "Failed to load chats");
-    }).finally(() => {
-      setIsLoadingList(false);
-      setIsLoadingMore(false);
-    });
-    return () => ctrl.abort();
-  }, [enabled, baseUrl, listEndpoint, pageSize, requestHeaders, refetchTick, page]);
-  useEffect(() => {
-    if (!enabled || !selectedSessionId) {
-      setSelectedMessages([]);
-      return;
-    }
-    const ctrl = new AbortController();
-    setIsLoadingMessages(true);
-    setMessagesError(null);
-    const path = messagesEndpointTemplate.replace(
-      "{sessionId}",
-      encodeURIComponent(selectedSessionId)
-    );
-    fetch(withQuery(`${baseUrl}${path}`, { limit: messagesPageSize }), {
-      method: "GET",
-      headers: requestHeaders,
-      signal: ctrl.signal
-    }).then(async (res) => {
-      if (!res.ok) throw new Error(`Failed to load messages (${res.status})`);
-      return res.json();
-    }).then(
-      (json) => setSelectedMessages(
-        toMessageDisplay(parseMessagesResponse(json).data, selectedSessionId)
-      )
-    ).catch((e) => {
-      if (e.name === "AbortError") return;
-      setMessagesError(e instanceof Error ? e.message : "Failed to load messages");
-      setSelectedMessages([]);
-    }).finally(() => setIsLoadingMessages(false));
-    return () => ctrl.abort();
-  }, [enabled, selectedSessionId, baseUrl, messagesEndpointTemplate, messagesPageSize, requestHeaders]);
-  const loadMore = useCallback(() => {
-    setPage((prev) => {
-      if (isLoadingList || isLoadingMore || !hasMore) return prev;
-      return prev + 1;
-    });
-  }, [isLoadingList, isLoadingMore, hasMore]);
-  const selectSession = useCallback((sessionId) => {
-    setSelectedSessionId(sessionId);
-    setSelectedMessages([]);
-  }, []);
-  const startNewSession = useCallback(() => {
-    setSelectedSessionId(null);
-    setDraftSessionId(generateId());
-    setSelectedMessages([]);
-  }, []);
-  const refetch = useCallback(() => setRefetchTick((tick) => tick + 1), []);
-  const noteSentMessage = useCallback(
-    (text) => {
-      const id = selectedSessionId ?? draftSessionId;
-      const now = (/* @__PURE__ */ new Date()).toISOString();
-      const trimmed = text.trim();
-      setSessionsList((prev) => {
-        const idx = prev.findIndex((s) => s.sessionId === id);
-        if (idx >= 0) {
-          const existing = prev[idx];
-          const bumped = {
-            ...existing,
-            lastMessageAt: now,
-            messageCount: (existing.messageCount ?? 0) + 1,
-            title: existing.title?.trim() ? existing.title : trimmed
-          };
-          return [bumped, ...prev.slice(0, idx), ...prev.slice(idx + 1)];
-        }
-        const fresh = {
-          sessionId: id,
-          title: trimmed,
-          messageCount: 1,
-          lastMessageAt: now,
-          status: "PROCESSING"
-        };
-        return [fresh, ...prev];
-      });
-    },
-    [selectedSessionId, draftSessionId]
-  );
-  return {
-    enabled,
-    sessionsList,
-    isLoadingList,
-    listError,
-    total,
-    hasMore,
-    isLoadingMore,
-    loadMore,
-    noteSentMessage,
-    selectedSessionId,
-    activeSessionId: selectedSessionId ?? draftSessionId,
-    selectSession,
-    startNewSession,
-    selectedMessages,
-    isLoadingMessages,
-    messagesError,
-    refetch
-  };
-}
-function deriveStatus(enabled, blocked) {
-  if (blocked === true) return "blocked";
-  if (enabled === false) return "disabled";
-  if (enabled === true) return "available";
-  return "unknown";
-}
-function defaultParse(json) {
-  const body = json;
-  return {
-    available: body?.enabled === true && body?.blocked !== true,
-    status: deriveStatus(body?.enabled, body?.blocked),
-    config: body ?? void 0
-  };
-}
-function useAgentConfig({ api, availability }) {
-  const enabled = availability?.enabled === true;
-  const endpoint = availability?.endpoint ?? "/api/agent/config";
-  const parseResponse = availability?.parseResponse ?? defaultParse;
-  const [available, setAvailable] = useState(null);
-  const [status, setStatus] = useState("unknown");
-  const [config, setConfig] = useState(void 0);
-  const [isLoading, setIsLoading] = useState(enabled);
-  const [error, setError] = useState(null);
-  const [refetchTick, setRefetchTick] = useState(0);
-  const baseUrl = (api.baseUrl || "").replace(/\/+$/, "");
-  const apiHeaders = api.headers;
-  const authToken = api.authToken;
-  const requestHeaders = useMemo(() => {
-    const headers = { Accept: "application/json", ...apiHeaders ?? {} };
-    if (authToken && !headers.Authorization) headers.Authorization = `Bearer ${authToken}`;
-    return headers;
-  }, [apiHeaders, authToken]);
-  useEffect(() => {
-    if (!enabled) return;
-    const ctrl = new AbortController();
-    setIsLoading(true);
-    setError(null);
-    fetch(`${baseUrl}${endpoint}`, {
-      method: "GET",
-      headers: requestHeaders,
-      signal: ctrl.signal
-    }).then(async (res) => {
-      if (!res.ok) throw new Error(`Failed to check availability (${res.status})`);
-      return res.json();
-    }).then((json) => {
-      const parsed = parseResponse(json);
-      setAvailable(parsed.available);
-      setStatus(parsed.status ?? deriveStatus(parsed.available, void 0));
-      setConfig(parsed.config);
-    }).catch((e) => {
-      if (e.name === "AbortError") return;
-      setError(e instanceof Error ? e.message : "Failed to check availability");
-    }).finally(() => setIsLoading(false));
-    return () => ctrl.abort();
-  }, [enabled, baseUrl, endpoint, requestHeaders, refetchTick]);
-  const refetch = useCallback(() => setRefetchTick((tick) => tick + 1), []);
-  return { enabled, available, status, config, isLoading, error, refetch };
-}
 function classifyField(field) {
   if (!field) return "text";
   if (Array.isArray(field.oneOf) && field.oneOf.length > 0) return "select";
@@ -3528,10 +3250,11 @@ function UserMessageV2({
             ),
             style: { borderRadius: 9999 },
             children: [
-              toast.tone === "success" ? /* @__PURE__ */ jsx(Check, { style: { width: 14, height: 14, color: "#059669" } }) : /* @__PURE__ */ jsx(
+              toast.tone === "success" ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5", style: { color: "#059669" } }) : /* @__PURE__ */ jsx(
                 AlertCircle,
                 {
-                  style: { width: 14, height: 14, color: "#ef4444" }
+                  className: "h-3.5 w-3.5",
+                  style: { color: "#ef4444" }
                 }
               ),
               /* @__PURE__ */ jsx("span", { children: toast.label })
@@ -3555,13 +3278,8 @@ function UserMessageV2({
           /* @__PURE__ */ jsx(
             AlertCircle,
             {
-              style: {
-                width: 14,
-                height: 14,
-                flexShrink: 0,
-                color: "rgba(239, 68, 68, 0.7)",
-                marginTop: "2px"
-              }
+              className: "h-3.5 w-3.5 shrink-0",
+              style: { color: "rgba(239, 68, 68, 0.7)", marginTop: "2px" }
             }
           ),
           /* @__PURE__ */ jsx("p", { className: "payman-v2-user-msg-error-text", children: resolvedError })
@@ -3579,9 +3297,10 @@ function UserMessageV2({
             children: copied ? /* @__PURE__ */ jsx(
               Check,
               {
-                style: { width: 14, height: 14, color: "#059669" }
+                className: "h-3.5 w-3.5",
+                style: { color: "#059669" }
               }
-            ) : /* @__PURE__ */ jsx(Copy, { style: { width: 14, height: 14 } })
+            ) : /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
           }
         ) }),
         showEditAction && onEdit && /* @__PURE__ */ jsx(ActionTooltipV2, { label: "Edit", children: /* @__PURE__ */ jsx(
@@ -3591,7 +3310,7 @@ function UserMessageV2({
             onClick: () => onEdit(message.id),
             className: "payman-v2-user-msg-action-btn",
             "aria-label": "Edit message",
-            children: /* @__PURE__ */ jsx(Pencil, { style: { width: 14, height: 14 } })
+            children: /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" })
           }
         ) }),
         showRetryAction && onRetry && /* @__PURE__ */ jsx(ActionTooltipV2, { label: "Retry", children: /* @__PURE__ */ jsx(
@@ -3602,7 +3321,7 @@ function UserMessageV2({
             disabled: retryDisabled,
             className: "payman-v2-user-msg-action-btn",
             "aria-label": "Retry message",
-            children: /* @__PURE__ */ jsx(RotateCcw, { style: { width: 14, height: 14 } })
+            children: /* @__PURE__ */ jsx(RotateCcw, { className: "h-3.5 w-3.5" })
           }
         ) })
       ] })
@@ -4516,12 +4235,14 @@ function AssistantMessageV2({
               toast.tone === "success" ? /* @__PURE__ */ jsx(
                 Check,
                 {
-                  style: { width: 14, height: 14, color: "#059669" }
+                  className: "h-3.5 w-3.5",
+                  style: { color: "#059669" }
                 }
               ) : /* @__PURE__ */ jsx(
                 AlertCircle,
                 {
-                  style: { width: 14, height: 14, color: "#ef4444" }
+                  className: "h-3.5 w-3.5",
+                  style: { color: "#ef4444" }
                 }
               ),
               /* @__PURE__ */ jsx("span", { children: toast.label })
@@ -5871,62 +5592,6 @@ var MessageListV2 = forwardRef(
     ] });
   }
 );
-function IconNewChat({ size = 16, className, style }) {
-  return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", className, style, "aria-hidden": true, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M11.9991 14.25V12M11.9991 12V9.75M11.9991 12H9.74936M11.9991 12H14.2489M20.9983 12C20.9983 13.2938 20.7253 14.5238 20.2338 15.6356L21 20.9991L16.4039 19.85C15.1019 20.5823 13.5993 21 11.9991 21C7.02906 21 3 16.9706 3 12C3 7.02944 7.02906 3 11.9991 3C16.9692 3 20.9983 7.02944 20.9983 12Z",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
-}
-function IconPlus({ size = 16, className, style }) {
-  return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", className, style, "aria-hidden": true, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M12.0001 4.7998L12 19.1998M19.2 11.9998L4.80005 11.9998",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round"
-    }
-  ) });
-}
-function IconMic({ size = 18, className, style }) {
-  return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", className, style, "aria-hidden": true, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M2.49292 13.3764C2.82536 15.6606 3.96908 17.7487 5.71484 19.2588C7.4606 20.7688 9.69168 21.5999 11.9999 21.5999C14.3082 21.5999 16.5393 20.7688 18.285 19.2588C20.0308 17.7487 21.1745 15.6606 21.5069 13.3764M12.0013 2.3999C10.9096 2.3999 9.86265 2.83357 9.09072 3.6055C8.31878 4.37744 7.88512 5.4244 7.88512 6.51608V12.0043C7.88512 13.096 8.31878 14.143 9.09072 14.9149C9.86265 15.6868 10.9096 16.1205 12.0013 16.1205C13.093 16.1205 14.1399 15.6868 14.9119 14.9149C15.6838 14.143 16.1175 13.096 16.1175 12.0043V6.51608C16.1175 5.4244 15.6838 4.37744 14.9119 3.6055C14.1399 2.83357 13.093 2.3999 12.0013 2.3999Z",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
-}
-function IconClock({ size = 12, className, style }) {
-  return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 25 24", fill: "none", className, style, "aria-hidden": true, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M15.5588 15.1987C16.0827 15.3733 16.649 15.0902 16.8237 14.5662C16.9983 14.0423 16.7152 13.476 16.1912 13.3013L15.5588 15.1987ZM12.5 13.125H11.5C11.5 13.5554 11.7754 13.9376 12.1838 14.0737L12.5 13.125ZM13.5 8.42087C13.5 7.86858 13.0523 7.42087 12.5 7.42087C11.9477 7.42087 11.5 7.86858 11.5 8.42087H13.5ZM16.1912 13.3013L12.8162 12.1763L12.1838 14.0737L15.5588 15.1987L16.1912 13.3013ZM13.5 13.125V8.42087H11.5V13.125H13.5ZM20.5 12C20.5 16.4183 16.9183 20 12.5 20V22C18.0228 22 22.5 17.5228 22.5 12H20.5ZM12.5 20C8.08172 20 4.5 16.4183 4.5 12H2.5C2.5 17.5228 6.97715 22 12.5 22V20ZM4.5 12C4.5 7.58172 8.08172 4 12.5 4V2C6.97715 2 2.5 6.47715 2.5 12H4.5ZM12.5 4C16.9183 4 20.5 7.58172 20.5 12H22.5C22.5 6.47715 18.0228 2 12.5 2V4Z",
-      fill: "currentColor"
-    }
-  ) });
-}
-function IconMessage({ size = 12, className, style }) {
-  return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", className, style, "aria-hidden": true, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M8.39917 8.40002H15.5992M8.39917 13.2H12.5992M21.5992 12C21.5992 13.3801 21.308 14.6921 20.7837 15.878L21.601 21.5991L16.6981 20.3734C15.3091 21.1545 13.7062 21.6 11.9992 21.6C6.69724 21.6 2.39917 17.302 2.39917 12C2.39917 6.69809 6.69724 2.40002 11.9992 2.40002C17.3011 2.40002 21.5992 6.69809 21.5992 12Z",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
-}
 var ChatInputV2 = forwardRef(
   function ChatInputV22({
     onSend,
@@ -6317,7 +5982,12 @@ var ChatInputV2 = forwardRef(
                         showActions && "payman-v2-input-attach-btn-active"
                       ),
                       "aria-label": "Attach",
-                      children: /* @__PURE__ */ jsx(IconPlus, { size: 20 })
+                      children: /* @__PURE__ */ jsx(
+                        Plus,
+                        {
+                          style: { width: 20, height: 20, strokeWidth: 2 }
+                        }
+                      )
                     }
                   ),
                   /* @__PURE__ */ jsx(AnimatePresence, { children: showActions && /* @__PURE__ */ jsxs(
@@ -6400,7 +6070,7 @@ var ChatInputV2 = forwardRef(
                       ),
                       "aria-label": isRecording ? "Stop recording" : "Voice input",
                       children: [
-                        /* @__PURE__ */ jsx(IconMic, { size: 18 }),
+                        /* @__PURE__ */ jsx(Mic, { style: { width: 18, height: 18 } }),
                         isRecording && /* @__PURE__ */ jsx("span", { className: "payman-v2-input-mic-indicator" })
                       ]
                     }
@@ -7463,584 +7133,6 @@ function TimelineBars({
     )
   ] });
 }
-var MIN_SIDEBAR_WIDTH = 240;
-var MAX_SIDEBAR_WIDTH = 520;
-var DEFAULT_SIDEBAR_WIDTH = 264;
-var WIDTH_STORAGE_KEY = "payman-v2-sessions-width";
-function readStoredWidth() {
-  if (typeof window === "undefined") return DEFAULT_SIDEBAR_WIDTH;
-  const raw = Number(window.localStorage?.getItem(WIDTH_STORAGE_KEY));
-  if (Number.isFinite(raw) && raw >= MIN_SIDEBAR_WIDTH && raw <= MAX_SIDEBAR_WIDTH) return raw;
-  return DEFAULT_SIDEBAR_WIDTH;
-}
-function formatRelativeTime(iso) {
-  if (!iso) return "";
-  const date = new Date(iso);
-  if (Number.isNaN(date.getTime())) return "";
-  const diffSec = Math.round((Date.now() - date.getTime()) / 1e3);
-  if (diffSec < 60) return "just now";
-  const diffMin = Math.round(diffSec / 60);
-  if (diffMin < 60) return `${diffMin} minute${diffMin === 1 ? "" : "s"} ago`;
-  const diffHr = Math.round(diffMin / 60);
-  if (diffHr < 24) return `${diffHr} hour${diffHr === 1 ? "" : "s"} ago`;
-  const diffDay = Math.round(diffHr / 24);
-  if (diffDay < 7) return `${diffDay} day${diffDay === 1 ? "" : "s"} ago`;
-  return date.toLocaleDateString(void 0, { month: "short", day: "numeric" });
-}
-function SessionsSidebarV2({
-  open,
-  onClose,
-  title,
-  newChatLabel,
-  sessions,
-  isLoading,
-  error,
-  onRetry,
-  selectedSessionId,
-  onSelectSession,
-  onNewSession,
-  actions,
-  hasMore,
-  isLoadingMore,
-  onLoadMore
-}) {
-  const [width, setWidth] = useState(readStoredWidth);
-  const [isResizing, setIsResizing] = useState(false);
-  const dragState = useRef(null);
-  const onResizeMove = useCallback((event) => {
-    if (!dragState.current) return;
-    const delta = event.clientX - dragState.current.startX;
-    const next = Math.min(
-      MAX_SIDEBAR_WIDTH,
-      Math.max(MIN_SIDEBAR_WIDTH, dragState.current.startWidth + delta)
-    );
-    setWidth(next);
-  }, []);
-  const onResizeEnd = useCallback(() => {
-    dragState.current = null;
-    setIsResizing(false);
-    document.removeEventListener("mousemove", onResizeMove);
-    document.removeEventListener("mouseup", onResizeEnd);
-    document.body.style.removeProperty("user-select");
-    setWidth((w) => {
-      if (typeof window !== "undefined") window.localStorage?.setItem(WIDTH_STORAGE_KEY, String(w));
-      return w;
-    });
-  }, [onResizeMove]);
-  const onResizeStart = useCallback(
-    (event) => {
-      event.preventDefault();
-      dragState.current = { startX: event.clientX, startWidth: width };
-      setIsResizing(true);
-      document.body.style.userSelect = "none";
-      document.addEventListener("mousemove", onResizeMove);
-      document.addEventListener("mouseup", onResizeEnd);
-    },
-    [width, onResizeMove, onResizeEnd]
-  );
-  useEffect(
-    () => () => {
-      document.removeEventListener("mousemove", onResizeMove);
-      document.removeEventListener("mouseup", onResizeEnd);
-    },
-    [onResizeMove, onResizeEnd]
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "payman-v2-sessions-sidebar",
-        !open && "payman-v2-sessions-sidebar-collapsed",
-        isResizing && "payman-v2-sessions-sidebar-resizing"
-      ),
-      role: "complementary",
-      "aria-label": title,
-      "aria-hidden": !open,
-      style: { "--payman-v2-sessions-width": `${width}px` },
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "payman-v2-sessions-sidebar-inner", children: [
-          /* @__PURE__ */ jsxs("div", { className: "payman-v2-sessions-header", children: [
-            /* @__PURE__ */ jsx("span", { className: "payman-v2-sessions-title", children: title }),
-            onClose && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "payman-v2-sessions-close",
-                onClick: onClose,
-                "aria-label": "Close chats panel",
-                tabIndex: open ? 0 : -1,
-                children: /* @__PURE__ */ jsx(X, { size: 16 })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              className: "payman-v2-sessions-new-btn",
-              onClick: onNewSession,
-              tabIndex: open ? 0 : -1,
-              children: [
-                /* @__PURE__ */ jsx(IconNewChat, { size: 16 }),
-                newChatLabel
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "payman-v2-sessions-divider" }),
-          /* @__PURE__ */ jsx(
-            SessionsListBody,
-            {
-              sessions,
-              isLoading,
-              error,
-              onRetry,
-              selectedSessionId,
-              onSelectSession,
-              actions,
-              hasMore,
-              isLoadingMore,
-              onLoadMore
-            }
-          )
-        ] }),
-        open && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "payman-v2-sessions-resizer",
-            onMouseDown: onResizeStart,
-            role: "separator",
-            "aria-orientation": "vertical",
-            "aria-label": "Resize chats panel"
-          }
-        )
-      ]
-    }
-  );
-}
-function SessionsListBody({
-  sessions,
-  isLoading,
-  error,
-  onRetry,
-  selectedSessionId,
-  onSelectSession,
-  actions,
-  compact = false,
-  hasMore,
-  isLoadingMore,
-  onLoadMore
-}) {
-  const [openMenuId, setOpenMenuId] = useState(null);
-  const listRef = useRef(null);
-  const [shadow, setShadow] = useState({ top: false, bottom: false });
-  const updateShadow = useCallback(() => {
-    const el = listRef.current;
-    if (!el) return;
-    const top = el.scrollTop > 1;
-    const bottom = Math.ceil(el.scrollTop + el.clientHeight) < el.scrollHeight - 1;
-    setShadow((s) => s.top === top && s.bottom === bottom ? s : { top, bottom });
-  }, []);
-  useEffect(() => {
-    updateShadow();
-    const el = listRef.current;
-    if (!el) return;
-    const ro = new ResizeObserver(updateShadow);
-    ro.observe(el);
-    return () => ro.disconnect();
-  }, [sessions, isLoading, updateShadow]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "payman-v2-sessions-list-wrap",
-        shadow.top && "payman-v2-scroll-shadow-top",
-        shadow.bottom && "payman-v2-scroll-shadow-bottom"
-      ),
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: listRef,
-          onScroll: updateShadow,
-          className: cn("payman-v2-sessions-list", compact && "payman-v2-sessions-list-compact"),
-          children: isLoading ? /* @__PURE__ */ jsx(SessionsListSkeleton, {}) : error ? /* @__PURE__ */ jsxs("div", { className: "payman-v2-sessions-error", children: [
-            /* @__PURE__ */ jsx(AlertCircle, { size: 18 }),
-            /* @__PURE__ */ jsx("p", { children: error }),
-            onRetry && /* @__PURE__ */ jsx("button", { type: "button", className: "payman-v2-sessions-retry-btn", onClick: onRetry, children: "Try again" })
-          ] }) : sessions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "payman-v2-sessions-empty", children: [
-            /* @__PURE__ */ jsx(IconMessage, { size: 20 }),
-            /* @__PURE__ */ jsx("p", { children: "No chats yet" })
-          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            sessions.map((session) => /* @__PURE__ */ jsx(
-              SessionRow,
-              {
-                session,
-                isSelected: session.sessionId === selectedSessionId,
-                isMenuOpen: openMenuId === session.sessionId,
-                onSelect: () => onSelectSession(session.sessionId),
-                onToggleMenu: () => setOpenMenuId((id) => id === session.sessionId ? null : session.sessionId),
-                onCloseMenu: () => setOpenMenuId(null),
-                actions
-              },
-              session.sessionId
-            )),
-            hasMore && onLoadMore && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "payman-v2-sessions-load-more-btn",
-                onClick: onLoadMore,
-                disabled: isLoadingMore,
-                children: isLoadingMore ? /* @__PURE__ */ jsx("span", { className: "payman-v2-spinner payman-v2-spinner-sm" }) : "Load more"
-              }
-            )
-          ] })
-        }
-      )
-    }
-  );
-}
-function SessionsListSkeleton() {
-  return /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "payman-v2-sessions-skeleton", children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs("div", { className: "payman-v2-sessions-skeleton-row", children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "payman-v2-sessions-skeleton-line payman-v2-sessions-skeleton-line-title",
-        style: { animationDelay: `${i * 90}ms`, width: `${60 + i * 13 % 30}%` }
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "payman-v2-sessions-skeleton-meta", children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "payman-v2-sessions-skeleton-line payman-v2-sessions-skeleton-pill",
-          style: { animationDelay: `${i * 90 + 60}ms` }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "payman-v2-sessions-skeleton-line payman-v2-sessions-skeleton-pill",
-          style: { animationDelay: `${i * 90 + 120}ms` }
-        }
-      )
-    ] })
-  ] }, i)) });
-}
-function SessionRow({
-  session,
-  isSelected,
-  isMenuOpen,
-  onSelect,
-  onToggleMenu,
-  onCloseMenu,
-  actions
-}) {
-  const menuRef = useRef(null);
-  const clipRef = useRef(null);
-  const textRef = useRef(null);
-  const [overflowPx, setOverflowPx] = useState(0);
-  const [scrolling, setScrolling] = useState(false);
-  useEffect(() => {
-    if (!isMenuOpen) return;
-    const handlePointerDown = (event) => {
-      if (menuRef.current && !menuRef.current.contains(event.target)) {
-        onCloseMenu();
-      }
-    };
-    document.addEventListener("mousedown", handlePointerDown);
-    return () => document.removeEventListener("mousedown", handlePointerDown);
-  }, [isMenuOpen, onCloseMenu]);
-  useEffect(() => {
-    const clip = clipRef.current;
-    const text = textRef.current;
-    if (!clip || !text) return;
-    const measure = () => setOverflowPx(Math.max(0, text.scrollWidth - clip.clientWidth));
-    measure();
-    const ro = new ResizeObserver(measure);
-    ro.observe(clip);
-    return () => ro.disconnect();
-  }, [session.title]);
-  const truncated = overflowPx > 2;
-  const messageCount = session.messageCount ?? 0;
-  const title = session.title?.trim() || "New chat";
-  const relativeTime = formatRelativeTime(session.lastMessageAt);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "payman-v2-session-row",
-        isSelected && "payman-v2-session-row-selected"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            className: "payman-v2-session-row-main",
-            onClick: onSelect,
-            title,
-            onMouseEnter: () => truncated && setScrolling(true),
-            onMouseLeave: () => setScrolling(false),
-            children: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  ref: clipRef,
-                  className: "payman-v2-session-row-title",
-                  "data-truncated": truncated ? "true" : void 0,
-                  "data-scrolling": scrolling ? "true" : void 0,
-                  children: /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      ref: textRef,
-                      className: "payman-v2-session-row-title-text",
-                      style: scrolling ? {
-                        // +16 so the last chars clear the right-edge fade mask.
-                        transform: `translateX(-${overflowPx + 16}px)`,
-                        // Constant reading pace (~38px/s), so it moves at the same
-                        // speed from start to end rather than easing in/out.
-                        transitionDuration: `${Math.max(0.9, (overflowPx + 16) / 38)}s`
-                      } : void 0,
-                      children: title
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxs("span", { className: "payman-v2-session-row-meta", children: [
-                /* @__PURE__ */ jsxs("span", { className: "payman-v2-session-row-meta-item", children: [
-                  /* @__PURE__ */ jsx(IconMessage, { size: 12 }),
-                  messageCount,
-                  " ",
-                  messageCount === 1 ? "message" : "messages"
-                ] }),
-                relativeTime && /* @__PURE__ */ jsxs("span", { className: "payman-v2-session-row-meta-item", children: [
-                  /* @__PURE__ */ jsx(IconClock, { size: 12 }),
-                  relativeTime
-                ] })
-              ] })
-            ]
-          }
-        ),
-        actions && actions.length > 0 && /* @__PURE__ */ jsxs("div", { className: "payman-v2-session-row-menu-wrap", ref: menuRef, children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: cn(
-                "payman-v2-session-row-menu-btn",
-                isMenuOpen && "payman-v2-session-row-menu-btn-active"
-              ),
-              onClick: onToggleMenu,
-              "aria-label": "Chat options",
-              "aria-expanded": isMenuOpen,
-              children: /* @__PURE__ */ jsx(MoreHorizontal, { size: 14 })
-            }
-          ),
-          isMenuOpen && /* @__PURE__ */ jsx("div", { className: "payman-v2-session-row-menu", role: "menu", children: actions.map((action) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              role: "menuitem",
-              className: cn(
-                "payman-v2-session-row-menu-item",
-                action.destructive && "payman-v2-session-row-menu-item-destructive"
-              ),
-              onClick: () => {
-                onCloseMenu();
-                void action.onSelect(session);
-              },
-              children: action.label
-            },
-            action.key
-          )) })
-        ] })
-      ]
-    }
-  );
-}
-var CLOSE_DELAY_MS = 150;
-var HOVER_OPEN_DELAY_MS = 500;
-function SessionsPeekPopoverV2({
-  title,
-  newChatLabel,
-  sessions,
-  isLoading,
-  error,
-  onRetry,
-  selectedSessionId,
-  onSelectSession,
-  onNewSession,
-  onExpand,
-  actions
-}) {
-  const [open, setOpen] = useState(false);
-  const closeTimerRef = useRef(null);
-  const openTimerRef = useRef(null);
-  const cancelClose = useCallback(() => {
-    if (closeTimerRef.current) {
-      clearTimeout(closeTimerRef.current);
-      closeTimerRef.current = null;
-    }
-  }, []);
-  const cancelOpen = useCallback(() => {
-    if (openTimerRef.current) {
-      clearTimeout(openTimerRef.current);
-      openTimerRef.current = null;
-    }
-  }, []);
-  const scheduleClose = useCallback(() => {
-    cancelOpen();
-    cancelClose();
-    closeTimerRef.current = setTimeout(() => setOpen(false), CLOSE_DELAY_MS);
-  }, [cancelOpen, cancelClose]);
-  const handleEnter = useCallback(() => {
-    cancelClose();
-    cancelOpen();
-    openTimerRef.current = setTimeout(() => setOpen(true), HOVER_OPEN_DELAY_MS);
-  }, [cancelClose, cancelOpen]);
-  useEffect(
-    () => () => {
-      cancelOpen();
-      cancelClose();
-    },
-    [cancelOpen, cancelClose]
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "payman-v2-sessions-peek-anchor",
-      onMouseEnter: handleEnter,
-      onMouseLeave: scheduleClose,
-      children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "payman-v2-sessions-reopen-btn",
-            onClick: onExpand,
-            "aria-label": "Show chats",
-            title: "Show chats",
-            children: /* @__PURE__ */ jsx(PanelLeft, { size: 16 })
-          }
-        ),
-        open && /* @__PURE__ */ jsxs("div", { className: "payman-v2-sessions-peek", role: "dialog", "aria-label": title, children: [
-          /* @__PURE__ */ jsx("div", { className: "payman-v2-sessions-peek-header", children: /* @__PURE__ */ jsx("span", { className: "payman-v2-sessions-peek-title", children: title }) }),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              className: "payman-v2-sessions-new-btn payman-v2-sessions-peek-new-btn",
-              onClick: () => {
-                onNewSession();
-                setOpen(false);
-              },
-              children: [
-                /* @__PURE__ */ jsx(IconNewChat, { size: 14 }),
-                newChatLabel
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "payman-v2-sessions-divider" }),
-          /* @__PURE__ */ jsx(
-            SessionsListBody,
-            {
-              sessions,
-              isLoading,
-              error,
-              onRetry,
-              selectedSessionId,
-              onSelectSession: (sessionId) => {
-                onSelectSession(sessionId);
-                setOpen(false);
-              },
-              actions,
-              compact: true
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function SessionsBottomSheetV2({
-  title,
-  newChatLabel,
-  sessions,
-  isLoading,
-  error,
-  onRetry,
-  selectedSessionId,
-  onSelectSession,
-  onNewSession,
-  onClose,
-  actions,
-  hasMore,
-  isLoadingMore,
-  onLoadMore
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      motion.div,
-      {
-        className: "payman-v2-sessions-sheet-backdrop",
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        transition: { duration: 0.2 },
-        onClick: onClose
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      motion.div,
-      {
-        className: "payman-v2-sessions-sheet",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": title,
-        initial: { y: "100%" },
-        animate: { y: 0 },
-        exit: { y: "100%" },
-        transition: { type: "spring", damping: 32, stiffness: 320 },
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "payman-v2-sessions-sheet-grabber", "aria-hidden": true }),
-          /* @__PURE__ */ jsxs("div", { className: "payman-v2-sessions-header", children: [
-            /* @__PURE__ */ jsx("span", { className: "payman-v2-sessions-title", children: title }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "payman-v2-sessions-close",
-                onClick: onClose,
-                "aria-label": "Close chats panel",
-                children: /* @__PURE__ */ jsx(X, { size: 16 })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("button", { type: "button", className: "payman-v2-sessions-new-btn", onClick: onNewSession, children: [
-            /* @__PURE__ */ jsx(IconNewChat, { size: 16 }),
-            newChatLabel
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "payman-v2-sessions-divider" }),
-          /* @__PURE__ */ jsx(
-            SessionsListBody,
-            {
-              sessions,
-              isLoading,
-              error,
-              onRetry,
-              selectedSessionId,
-              onSelectSession,
-              actions,
-              hasMore,
-              isLoadingMore,
-              onLoadMore
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
 var DEFAULT_USER_ACTION_STATE = {
   prompts: [],
   notifications: []
@@ -8135,8 +7227,7 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
   onLoadMoreMessages,
   isLoadingMoreMessages = false,
   hasMoreMessages = false,
-  chat,
-  sessionsPanel
+  chat
 }, ref) {
   const [inputValue, setInputValue] = useState("");
   const prevInputValueRef = useRef(inputValue);
@@ -8149,25 +7240,6 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
   const chatInputV2Ref = useRef(null);
   const messageListV2Ref = useRef(null);
   const resetToEmptyStateRef = useRef(false);
-  const rootRef = useRef(null);
-  const [isCompact, setIsCompact] = useState(false);
-  useEffect(() => {
-    const el = rootRef.current;
-    if (!el) return;
-    const ro = new ResizeObserver((entries) => {
-      const width = entries[0]?.contentRect.width;
-      if (width != null) setIsCompact(width < COMPACT_BREAKPOINT_PX);
-    });
-    ro.observe(el);
-    return () => ro.disconnect();
-  }, []);
-  const wasCompactRef = useRef(isCompact);
-  useEffect(() => {
-    if (isCompact && !wasCompactRef.current && sessionsPanel?.open) {
-      sessionsPanel.onToggle();
-    }
-    wasCompactRef.current = isCompact;
-  }, [isCompact, sessionsPanel]);
   useEffect(() => {
     if (config.sentryDsn) {
       initSentryIfNeeded(config.sentryDsn);
@@ -8322,20 +7394,13 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
     if (isRecording) {
       stopRecording();
     }
-    if (sessionsPanel?.onNewSession) {
-      sessionsPanel.onNewSession();
-      if (isCompact && sessionsPanel.open) sessionsPanel.onToggle();
-    } else {
-      resetSession();
-    }
+    resetSession();
     onResetSession?.();
   }, [
     clearTranscript,
     isRecording,
-    isCompact,
     onResetSession,
     resetSession,
-    sessionsPanel,
     stopRecording
   ]);
   const requestResetSession = useCallback(() => {
@@ -8349,9 +7414,8 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
     clearMessages,
     cancelStream,
     getSessionId,
-    getMessages,
-    refreshSessions: sessionsPanel?.refetch ?? NOOP
-  }), [performResetSession, clearMessages, cancelStream, getSessionId, getMessages, sessionsPanel?.refetch]);
+    getMessages
+  }), [performResetSession, clearMessages, cancelStream, getSessionId, getMessages]);
   const {
     placeholder = "Type your message...",
     emptyStateText = "What can I help with?",
@@ -8471,13 +7535,9 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
   };
   const userActionPrompts = isUserActionSupported ? userActionState.prompts : void 0;
   const notifications = userActionState.notifications;
-  const dockableUserActionPrompts = userActionPrompts?.filter(
+  const dockedPrompt = userActionPrompts?.find(
     (prompt) => prompt.kind !== "notification" && (prompt.status === "pending" || prompt.status === "submitting" || prompt.status === "stale")
   );
-  const dockedPendingPrompts = dockableUserActionPrompts?.filter(
-    (prompt) => prompt.status === "pending"
-  );
-  const dockedPrompt = dockedPendingPrompts?.[dockedPendingPrompts.length - 1] ?? dockableUserActionPrompts?.[dockableUserActionPrompts.length - 1];
   const handleV2Send = (text) => {
     if (isRecording) stopRecording();
     if (text.trim() && !disableInput && isSessionParamsConfigured) {
@@ -8526,236 +7586,171 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
   return /* @__PURE__ */ jsx(PaymanChatContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
     "div",
     {
-      ref: rootRef,
       className: cn("payman-v2-root", className),
       style,
       children: [
         children,
-        /* @__PURE__ */ jsxs("div", { className: "payman-v2-body", children: [
-          sessionsPanel && !isCompact && /* @__PURE__ */ jsx(
-            SessionsSidebarV2,
-            {
-              open: sessionsPanel.open,
-              onClose: sessionsPanel.onToggle,
-              title: sessionsPanel.title,
-              newChatLabel: sessionsPanel.newChatLabel,
-              sessions: sessionsPanel.sessionsList,
-              isLoading: sessionsPanel.isLoadingList,
-              error: sessionsPanel.listError,
-              onRetry: sessionsPanel.refetch,
-              selectedSessionId: sessionsPanel.activeSessionId,
-              onSelectSession: sessionsPanel.onSelectSession,
-              onNewSession: requestResetSession,
-              actions: sessionsPanel.actions,
-              hasMore: sessionsPanel.hasMore,
-              isLoadingMore: sessionsPanel.isLoadingMore,
-              onLoadMore: sessionsPanel.onLoadMore
-            }
-          ),
-          /* @__PURE__ */ jsx(AnimatePresence, { children: sessionsPanel && isCompact && sessionsPanel.open && /* @__PURE__ */ jsx(
-            SessionsBottomSheetV2,
-            {
-              title: sessionsPanel.title,
-              newChatLabel: sessionsPanel.newChatLabel,
-              sessions: sessionsPanel.sessionsList,
-              isLoading: sessionsPanel.isLoadingList,
-              error: sessionsPanel.listError,
-              onRetry: sessionsPanel.refetch,
-              selectedSessionId: sessionsPanel.activeSessionId,
-              onSelectSession: (sessionId) => {
-                sessionsPanel.onSelectSession(sessionId);
-                sessionsPanel.onToggle();
-              },
-              onNewSession: requestResetSession,
-              onClose: sessionsPanel.onToggle,
-              actions: sessionsPanel.actions,
-              hasMore: sessionsPanel.hasMore,
-              isLoadingMore: sessionsPanel.isLoadingMore,
-              onLoadMore: sessionsPanel.onLoadMore
-            },
-            "sessions-bottom-sheet"
-          ) }),
-          /* @__PURE__ */ jsxs("div", { className: "payman-v2-chat-column", children: [
-            sessionsPanel?.isLoadingMessages && /* @__PURE__ */ jsx("div", { className: "payman-v2-messages-loading-overlay", children: /* @__PURE__ */ jsx("span", { className: "payman-v2-spinner" }) }),
-            sessionsPanel && !sessionsPanel.open && /* @__PURE__ */ jsx(
-              SessionsPeekPopoverV2,
-              {
-                title: sessionsPanel.title,
-                newChatLabel: sessionsPanel.newChatLabel,
-                sessions: sessionsPanel.sessionsList,
-                isLoading: sessionsPanel.isLoadingList,
-                error: sessionsPanel.listError,
-                onRetry: sessionsPanel.refetch,
-                selectedSessionId: sessionsPanel.activeSessionId,
-                onSelectSession: sessionsPanel.onSelectSession,
-                onNewSession: requestResetSession,
-                onExpand: sessionsPanel.onToggle,
-                actions: sessionsPanel.actions
-              }
-            ),
-            /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: isEmpty && !hasEverSentMessage ? /* @__PURE__ */ jsx(
-              motion.div,
-              {
-                initial: { opacity: 1 },
-                exit: { opacity: 0 },
-                transition: { duration: 0.3 },
-                className: "payman-v2-chat-layout",
-                style: { justifyContent: "center", alignItems: "center" },
-                children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", flex: 1, width: "100%" }, children: [
-                  /* @__PURE__ */ jsx(
-                    MessageList,
-                    {
-                      messages,
-                      isLoading: false,
-                      emptyStateText,
-                      showEmptyStateIcon,
-                      emptyStateComponent,
-                      layout,
-                      showTimestamps,
-                      stage: config.stage || "DEVELOPMENT",
-                      animated,
-                      showAgentName,
-                      agentName,
-                      showAvatars,
-                      showUserAvatar,
-                      showAssistantAvatar,
-                      showExecutionSteps,
-                      showStreamingDot,
-                      streamingStepsText,
-                      completedStepsText,
-                      onExecutionTraceClick,
-                      onLoadMoreMessages,
-                      isLoadingMoreMessages,
-                      hasMoreMessages
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    motion.div,
-                    {
-                      initial: { opacity: 0 },
-                      animate: { opacity: 1 },
-                      transition: { duration: 0.18 },
-                      style: { width: "100%" },
-                      children: hasAskPermission && /* @__PURE__ */ jsx(
-                        ChatInputV2,
-                        {
-                          ref: chatInputV2Ref,
-                          onSend: handleV2Send,
-                          onCancel: cancelStream,
-                          disabled: isV2InputDisabled,
-                          isStreaming: isWaitingForResponse,
-                          placeholder: isRecording ? "Listening..." : placeholder,
-                          enableVoice: config.enableVoice === true,
-                          transcribedText: config.enableVoice === true ? transcribedText : "",
-                          voiceAvailable: config.enableVoice === true && voiceAvailable,
-                          isRecording,
-                          onVoicePress: config.enableVoice === true ? handleVoicePress : void 0,
-                          onCancelRecording: handleCancelRecording,
-                          onConfirmRecording: handleConfirmRecording,
-                          showResetSession,
-                          onResetSession: requestResetSession,
-                          showAttachmentButton,
-                          showUploadImageButton,
-                          showAttachFileButton,
-                          onUploadImageClick,
-                          onAttachFileClick,
-                          editingMessageId,
-                          onClearEditing: handleClearEditing,
-                          analysisMode: enableDeepModeToggle ? analysisMode : void 0,
-                          onAnalysisModeChange: enableDeepModeToggle ? setAnalysisMode : void 0,
-                          slashCommands
-                        }
-                      )
-                    }
-                  )
-                ] })
-              },
-              "v2-empty"
-            ) : /* @__PURE__ */ jsxs(
-              motion.div,
-              {
-                initial: { opacity: 0 },
-                animate: { opacity: 1 },
-                transition: { duration: 0.25 },
-                className: "payman-v2-chat-layout",
-                children: [
-                  /* @__PURE__ */ jsx(
-                    MessageListV2,
+        /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: isEmpty && !hasEverSentMessage ? /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: { opacity: 1 },
+            exit: { opacity: 0 },
+            transition: { duration: 0.3 },
+            className: "payman-v2-chat-layout",
+            style: { justifyContent: "center", alignItems: "center" },
+            children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", flex: 1, width: "100%" }, children: [
+              /* @__PURE__ */ jsx(
+                MessageList,
+                {
+                  messages,
+                  isLoading: false,
+                  emptyStateText,
+                  showEmptyStateIcon,
+                  emptyStateComponent,
+                  layout,
+                  showTimestamps,
+                  stage: config.stage || "DEVELOPMENT",
+                  animated,
+                  showAgentName,
+                  agentName,
+                  showAvatars,
+                  showUserAvatar,
+                  showAssistantAvatar,
+                  showExecutionSteps,
+                  showStreamingDot,
+                  streamingStepsText,
+                  completedStepsText,
+                  onExecutionTraceClick,
+                  onLoadMoreMessages,
+                  isLoadingMoreMessages,
+                  hasMoreMessages
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                motion.div,
+                {
+                  initial: { opacity: 0, y: 12 },
+                  animate: { opacity: 1, y: 0 },
+                  transition: { delay: 0.2, duration: 0.4, ease: [0.25, 0.46, 0.45, 0.94] },
+                  style: { width: "100%" },
+                  children: hasAskPermission && /* @__PURE__ */ jsx(
+                    ChatInputV2,
                     {
-                      ref: messageListV2Ref,
-                      messages,
+                      ref: chatInputV2Ref,
+                      onSend: handleV2Send,
+                      onCancel: cancelStream,
+                      disabled: isV2InputDisabled,
                       isStreaming: isWaitingForResponse,
-                      onEditUserMessage: handleEditMessageDraft,
-                      onRetryUserMessage: handleRetryUserMessage,
-                      onImageClick: handleImageClick,
-                      onExecutionTraceClick,
-                      messageActions,
-                      retryDisabled: isWaitingForResponse,
-                      typingSpeed: config.typingSpeed ?? 4,
-                      userActionPrompts,
-                      dockedUserActionId: dockedPrompt?.userActionId,
-                      notifications,
-                      onSubmitUserAction: isUserActionSupported ? submitUserAction2 : void 0,
-                      onCancelUserAction: isUserActionSupported ? cancelUserAction2 : void 0,
-                      onResendUserAction: isUserActionSupported ? resendUserAction2 : void 0,
-                      onExpireUserAction: isUserActionSupported ? async (id) => expireUserActionOnce(id) : void 0,
-                      onDismissNotification: dismissNotification,
-                      onSubmitFeedback: handleSubmitFeedback
+                      placeholder: isRecording ? "Listening..." : placeholder,
+                      enableVoice: config.enableVoice === true,
+                      transcribedText: config.enableVoice === true ? transcribedText : "",
+                      voiceAvailable: config.enableVoice === true && voiceAvailable,
+                      isRecording,
+                      onVoicePress: config.enableVoice === true ? handleVoicePress : void 0,
+                      onCancelRecording: handleCancelRecording,
+                      onConfirmRecording: handleConfirmRecording,
+                      showResetSession,
+                      onResetSession: requestResetSession,
+                      showAttachmentButton,
+                      showUploadImageButton,
+                      showAttachFileButton,
+                      onUploadImageClick,
+                      onAttachFileClick,
+                      editingMessageId,
+                      onClearEditing: handleClearEditing,
+                      analysisMode: enableDeepModeToggle ? analysisMode : void 0,
+                      onAnalysisModeChange: enableDeepModeToggle ? setAnalysisMode : void 0,
+                      slashCommands
                     }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    StreamingIndicatorV2,
+                  )
+                }
+              )
+            ] })
+          },
+          "v2-empty"
+        ) : /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            initial: hasEverSentMessage ? { opacity: 0 } : false,
+            animate: { opacity: 1 },
+            transition: { duration: 0.3 },
+            className: "payman-v2-chat-layout",
+            children: [
+              /* @__PURE__ */ jsx(
+                MessageListV2,
+                {
+                  ref: messageListV2Ref,
+                  messages,
+                  isStreaming: isWaitingForResponse,
+                  onEditUserMessage: handleEditMessageDraft,
+                  onRetryUserMessage: handleRetryUserMessage,
+                  onImageClick: handleImageClick,
+                  onExecutionTraceClick,
+                  messageActions,
+                  retryDisabled: isWaitingForResponse,
+                  typingSpeed: config.typingSpeed ?? 4,
+                  userActionPrompts,
+                  dockedUserActionId: dockedPrompt?.userActionId,
+                  notifications,
+                  onSubmitUserAction: isUserActionSupported ? submitUserAction2 : void 0,
+                  onCancelUserAction: isUserActionSupported ? cancelUserAction2 : void 0,
+                  onResendUserAction: isUserActionSupported ? resendUserAction2 : void 0,
+                  onExpireUserAction: isUserActionSupported ? async (id) => expireUserActionOnce(id) : void 0,
+                  onDismissNotification: dismissNotification,
+                  onSubmitFeedback: handleSubmitFeedback
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                StreamingIndicatorV2,
+                {
+                  isStreaming: isWaitingForResponse,
+                  loadingAnimation: config.loadingAnimation
+                }
+              ),
+              hasAskPermission && /* @__PURE__ */ jsx(
+                UserActionDock,
+                {
+                  prompt: isUserActionSupported ? dockedPrompt : void 0,
+                  onSubmit: submitUserAction2,
+                  onCancel: cancelUserAction2,
+                  onResend: resendUserAction2,
+                  onExpired: expireUserActionOnce,
+                  children: /* @__PURE__ */ jsx(
+                    ChatInputV2,
                     {
+                      ref: chatInputV2Ref,
+                      onSend: handleV2Send,
+                      onCancel: cancelStream,
+                      disabled: isV2InputDisabled,
                       isStreaming: isWaitingForResponse,
-                      loadingAnimation: config.loadingAnimation
-                    }
-                  ),
-                  hasAskPermission && /* @__PURE__ */ jsx(
-                    UserActionDock,
-                    {
-                      prompt: isUserActionSupported ? dockedPrompt : void 0,
-                      onSubmit: submitUserAction2,
-                      onCancel: cancelUserAction2,
-                      onResend: resendUserAction2,
-                      onExpired: expireUserActionOnce,
-                      children: /* @__PURE__ */ jsx(
-                        ChatInputV2,
-                        {
-                          ref: chatInputV2Ref,
-                          onSend: handleV2Send,
-                          onCancel: cancelStream,
-                          disabled: isV2InputDisabled,
-                          isStreaming: isWaitingForResponse,
-                          placeholder: isRecording ? "Listening..." : placeholder,
-                          enableVoice: config.enableVoice === true,
-                          transcribedText: config.enableVoice === true ? transcribedText : "",
-                          voiceAvailable: config.enableVoice === true && voiceAvailable,
-                          isRecording,
-                          onVoicePress: config.enableVoice === true ? handleVoicePress : void 0,
-                          onCancelRecording: handleCancelRecording,
-                          onConfirmRecording: handleConfirmRecording,
-                          showResetSession,
-                          onResetSession: requestResetSession,
-                          showAttachmentButton,
-                          showUploadImageButton,
-                          showAttachFileButton,
-                          onUploadImageClick,
-                          onAttachFileClick,
-                          editingMessageId,
-                          onClearEditing: handleClearEditing,
-                          analysisMode: enableDeepModeToggle ? analysisMode : void 0,
-                          onAnalysisModeChange: enableDeepModeToggle ? setAnalysisMode : void 0,
-                          slashCommands
-                        }
-                      )
+                      placeholder: isRecording ? "Listening..." : placeholder,
+                      enableVoice: config.enableVoice === true,
+                      transcribedText: config.enableVoice === true ? transcribedText : "",
+                      voiceAvailable: config.enableVoice === true && voiceAvailable,
+                      isRecording,
+                      onVoicePress: config.enableVoice === true ? handleVoicePress : void 0,
+                      onCancelRecording: handleCancelRecording,
+                      onConfirmRecording: handleConfirmRecording,
+                      showResetSession,
+                      onResetSession: requestResetSession,
+                      showAttachmentButton,
+                      showUploadImageButton,
+                      showAttachFileButton,
+                      onUploadImageClick,
+                      onAttachFileClick,
+                      editingMessageId,
+                      onClearEditing: handleClearEditing,
+                      analysisMode: enableDeepModeToggle ? analysisMode : void 0,
+                      onAnalysisModeChange: enableDeepModeToggle ? setAnalysisMode : void 0,
+                      slashCommands
                     }
                   )
-                ]
-              },
-              "v2-chat"
-            ) })
-          ] })
-        ] }),
+                }
+              )
+            ]
+          },
+          "v2-chat"
+        ) }),
         /* @__PURE__ */ jsx(
           ImageLightboxV2,
           {
@@ -8786,163 +7781,14 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
     }
   ) });
 });
-var PaymanChatWithChat = forwardRef(
-  function PaymanChatWithChat2(props, ref) {
+var PaymanChat = forwardRef(
+  function PaymanChat2(props, ref) {
     const mergedCallbacks = useSentryChatCallbacks(props.callbacks, props.config);
     const chat = useChatV2(props.config, mergedCallbacks);
     return /* @__PURE__ */ jsx(PaymanChatInner, { ...props, chat, ref });
   }
 );
-function AvailabilityNotice({ message }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center p-4", children: /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-sm", children: message }) }) });
-}
-var DEFAULT_AGENT_DISABLED_MESSAGE = "Chat is currently unavailable. Please try again later.";
-var DEFAULT_USER_BLOCKED_MESSAGE = "Chat isn't available for your account right now.";
-var COMPACT_BREAKPOINT_PX = 640;
-var PaymanChat = forwardRef(
-  function PaymanChat2(props, ref) {
-    const { config } = props;
-    const sessionsConfig = config.sessions;
-    const availabilityData = useAgentConfig({
-      api: config.api,
-      availability: config.availability
-    });
-    const agentUnavailable = availabilityData.enabled && availabilityData.available === false;
-    const availabilityStatus = availabilityData.status;
-    const availabilityGateOpen = !availabilityData.enabled || availabilityData.available === true || availabilityData.available === null && !availabilityData.isLoading;
-    const gatedSessionsConfig = useMemo(
-      () => sessionsConfig ? {
-        ...sessionsConfig,
-        enabled: sessionsConfig.enabled === true && availabilityGateOpen
-      } : sessionsConfig,
-      [sessionsConfig, availabilityGateOpen]
-    );
-    const sessionsData = useChatSessions({
-      api: config.api,
-      sessions: gatedSessionsConfig,
-      initialSessionId: config.initialSessionId
-    });
-    const [sidebarOpen, setSidebarOpen] = useState(
-      sessionsConfig?.defaultOpen !== false
-    );
-    const toggleSidebar = useCallback(() => setSidebarOpen((open) => !open), []);
-    const effectiveConfig = useMemo(() => {
-      if (!sessionsData.enabled) return config;
-      return {
-        ...config,
-        initialSessionId: sessionsData.activeSessionId,
-        initialMessages: sessionsData.selectedMessages,
-        autoGenerateSessionId: false,
-        // Scope the message store per active session. The base userId alone
-        // is shared across every session, so its chatStore entry would leak
-        // the previous chat's messages into a newly-selected or brand-new
-        // session (getStoredOrInitialMessages prefers the store over
-        // initialMessages). Per-session keys give each chat a clean slate.
-        userId: config.userId ? `${config.userId}::${sessionsData.activeSessionId}` : void 0
-      };
-    }, [
-      config,
-      sessionsData.enabled,
-      sessionsData.activeSessionId,
-      sessionsData.selectedMessages
-    ]);
-    const sessionsPanel = useMemo(() => {
-      if (!sessionsData.enabled) return void 0;
-      return {
-        open: sidebarOpen,
-        onToggle: toggleSidebar,
-        title: sessionsConfig?.title ?? "Chats",
-        newChatLabel: sessionsConfig?.newChatLabel ?? "Start New Chat",
-        sessionsList: sessionsData.sessionsList,
-        isLoadingList: sessionsData.isLoadingList,
-        listError: sessionsData.listError,
-        activeSessionId: sessionsData.activeSessionId,
-        onSelectSession: sessionsData.selectSession,
-        onNewSession: sessionsData.startNewSession,
-        actions: sessionsConfig?.actions,
-        refetch: sessionsData.refetch,
-        hasMore: sessionsData.hasMore,
-        isLoadingMore: sessionsData.isLoadingMore,
-        onLoadMore: sessionsData.loadMore,
-        isLoadingMessages: sessionsData.isLoadingMessages
-      };
-    }, [
-      sessionsData.enabled,
-      sessionsData.sessionsList,
-      sessionsData.isLoadingList,
-      sessionsData.listError,
-      sessionsData.activeSessionId,
-      sessionsData.selectSession,
-      sessionsData.startNewSession,
-      sessionsData.refetch,
-      sessionsData.hasMore,
-      sessionsData.isLoadingMore,
-      sessionsData.loadMore,
-      sessionsData.isLoadingMessages,
-      sidebarOpen,
-      toggleSidebar,
-      sessionsConfig?.title,
-      sessionsConfig?.newChatLabel,
-      sessionsConfig?.actions
-    ]);
-    const callbacksWithSessionsRefresh = useMemo(() => {
-      if (!sessionsData.enabled) return props.callbacks;
-      return {
-        ...props.callbacks,
-        // Reflect the message in the sidebar the instant it's sent, before
-        // the server round-trip — the refetch below reconciles on complete.
-        onMessageSent: (message) => {
-          props.callbacks?.onMessageSent?.(message);
-          sessionsData.noteSentMessage(message);
-        },
-        onStreamComplete: (message) => {
-          props.callbacks?.onStreamComplete?.(message);
-          sessionsData.refetch();
-        }
-      };
-    }, [sessionsData.enabled, props.callbacks, sessionsData.refetch, sessionsData.noteSentMessage]);
-    const availabilityPending = availabilityData.enabled && availabilityData.isLoading && availabilityData.available === null;
-    if (availabilityPending) {
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn("bg-background overflow-hidden flex flex-col flex-[4]", props.className),
-          style: props.style,
-          children: [
-            props.children,
-            /* @__PURE__ */ jsx("div", { className: "payman-v2-chat-loading", children: /* @__PURE__ */ jsx("span", { className: "payman-v2-spinner" }) })
-          ]
-        }
-      );
-    }
-    if (agentUnavailable) {
-      const disabledBody = availabilityStatus === "blocked" ? config.availability?.blockedComponent ?? /* @__PURE__ */ jsx(AvailabilityNotice, { message: DEFAULT_USER_BLOCKED_MESSAGE }) : config.availability?.disabledComponent ?? /* @__PURE__ */ jsx(AvailabilityNotice, { message: DEFAULT_AGENT_DISABLED_MESSAGE });
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn("bg-background overflow-hidden flex flex-col flex-[4]", props.className),
-          style: props.style,
-          children: [
-            props.children,
-            disabledBody
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      PaymanChatWithChat,
-      {
-        ...props,
-        config: effectiveConfig,
-        callbacks: callbacksWithSessionsRefresh,
-        sessionsPanel,
-        ref
-      },
-      sessionsData.enabled ? sessionsData.activeSessionId : void 0
-    );
-  }
-);
 
-export { PaymanChat, PaymanChatContext, UserActionStaleError, cancelUserAction, captureSentryError, cn, formatDate, resendUserAction, submitUserAction, useAgentConfig, useChatV2, usePaymanChat, useVoice };
+export { PaymanChat, PaymanChatContext, UserActionStaleError, cancelUserAction, captureSentryError, cn, formatDate, resendUserAction, submitUserAction, useChatV2, usePaymanChat, useVoice };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map