@skippr/live-agent-sdk 0.37.0 → 0.38.0

package/dist/esm/lib-exports.js

@@ -549,7 +549,7 @@ function getResumableSessionId(currentSession, mode) {
   const { id, status } = currentSession;
   if (status === "paused" || status === "active")
     return id;
-  if (status === "expired" && mode === "always_on")
+  if (mode === "always_on" && (status === "expired" || status === "completed"))
     return id;
   return;
 }
@@ -562,6 +562,20 @@ function getResumableSession(module) {
   const id = getResumableSessionId(module.currentSession, module.mode);
   return id ? { id, agentId: module.id } : null;
 }
+function getModuleSessionState(currentSession, mode) {
+  if (!currentSession)
+    return null;
+  if (canResumeSession(currentSession, mode))
+    return "resume";
+  if (mode === "standard") {
+    const { status } = currentSession;
+    if (status === "completed")
+      return "completed";
+    if (status === "expired")
+      return "expired";
+  }
+  return null;
+}
 
 // src/components/AutoStartMedia.tsx
 import { useConnectionState, useLocalParticipant } from "@livekit/components-react/hooks";
@@ -1585,8 +1599,14 @@ var ChevronDown = createLucideIcon("chevron-down", __iconNode7);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/circle.js
 var __iconNode8 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
 var Circle = createLucideIcon("circle", __iconNode8);
-// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/graduation-cap.js
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/clock.js
 var __iconNode9 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
+];
+var Clock = createLucideIcon("clock", __iconNode9);
+// ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/graduation-cap.js
+var __iconNode10 = [
   [
     "path",
     {
@@ -1597,9 +1617,9 @@ var __iconNode9 = [
   ["path", { d: "M22 10v6", key: "1lu8f3" }],
   ["path", { d: "M6 12.5V16a6 3 0 0 0 12 0v-3.5", key: "1r8lef" }]
 ];
-var GraduationCap = createLucideIcon("graduation-cap", __iconNode9);
+var GraduationCap = createLucideIcon("graduation-cap", __iconNode10);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/headset.js
-var __iconNode10 = [
+var __iconNode11 = [
   [
     "path",
     {
@@ -1609,15 +1629,15 @@ var __iconNode10 = [
   ],
   ["path", { d: "M21 16v2a4 4 0 0 1-4 4h-5", key: "1x7m43" }]
 ];
-var Headset = createLucideIcon("headset", __iconNode10);
+var Headset = createLucideIcon("headset", __iconNode11);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mail.js
-var __iconNode11 = [
+var __iconNode12 = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
 ];
-var Mail = createLucideIcon("mail", __iconNode11);
+var Mail = createLucideIcon("mail", __iconNode12);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/message-circle.js
-var __iconNode12 = [
+var __iconNode13 = [
   [
     "path",
     {
@@ -1626,9 +1646,9 @@ var __iconNode12 = [
     }
   ]
 ];
-var MessageCircle = createLucideIcon("message-circle", __iconNode12);
+var MessageCircle = createLucideIcon("message-circle", __iconNode13);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/message-square.js
-var __iconNode13 = [
+var __iconNode14 = [
   [
     "path",
     {
@@ -1637,9 +1657,9 @@ var __iconNode13 = [
     }
   ]
 ];
-var MessageSquare = createLucideIcon("message-square", __iconNode13);
+var MessageSquare = createLucideIcon("message-square", __iconNode14);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mic-off.js
-var __iconNode14 = [
+var __iconNode15 = [
   ["path", { d: "M12 19v3", key: "npa21l" }],
   ["path", { d: "M15 9.34V5a3 3 0 0 0-5.68-1.33", key: "1gzdoj" }],
   ["path", { d: "M16.95 16.95A7 7 0 0 1 5 12v-2", key: "cqa7eg" }],
@@ -1647,40 +1667,40 @@ var __iconNode14 = [
   ["path", { d: "m2 2 20 20", key: "1ooewy" }],
   ["path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12", key: "r2i35w" }]
 ];
-var MicOff = createLucideIcon("mic-off", __iconNode14);
+var MicOff = createLucideIcon("mic-off", __iconNode15);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mic.js
-var __iconNode15 = [
+var __iconNode16 = [
   ["path", { d: "M12 19v3", key: "npa21l" }],
   ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
   ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
 ];
-var Mic = createLucideIcon("mic", __iconNode15);
+var Mic = createLucideIcon("mic", __iconNode16);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/minimize-2.js
-var __iconNode16 = [
+var __iconNode17 = [
   ["path", { d: "m14 10 7-7", key: "oa77jy" }],
   ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
 ];
-var Minimize2 = createLucideIcon("minimize-2", __iconNode16);
+var Minimize2 = createLucideIcon("minimize-2", __iconNode17);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/monitor-off.js
-var __iconNode17 = [
+var __iconNode18 = [
   ["path", { d: "M12 17v4", key: "1riwvh" }],
   ["path", { d: "M17 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 1.184-1.826", key: "cv7jms" }],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }],
   ["path", { d: "M8 21h8", key: "1ev6f3" }],
   ["path", { d: "M8.656 3H20a2 2 0 0 1 2 2v10a2 2 0 0 1-.293 1.042", key: "z8ni2w" }]
 ];
-var MonitorOff = createLucideIcon("monitor-off", __iconNode17);
+var MonitorOff = createLucideIcon("monitor-off", __iconNode18);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/monitor.js
-var __iconNode18 = [
+var __iconNode19 = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
 ];
-var Monitor = createLucideIcon("monitor", __iconNode18);
+var Monitor = createLucideIcon("monitor", __iconNode19);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/mouse-pointer-2.js
-var __iconNode19 = [
+var __iconNode20 = [
   [
     "path",
     {
@@ -1689,15 +1709,15 @@ var __iconNode19 = [
     }
   ]
 ];
-var MousePointer2 = createLucideIcon("mouse-pointer-2", __iconNode19);
+var MousePointer2 = createLucideIcon("mouse-pointer-2", __iconNode20);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/pause.js
-var __iconNode20 = [
+var __iconNode21 = [
   ["rect", { x: "14", y: "3", width: "5", height: "18", rx: "1", key: "kaeet6" }],
   ["rect", { x: "5", y: "3", width: "5", height: "18", rx: "1", key: "1wsw3u" }]
 ];
-var Pause = createLucideIcon("pause", __iconNode20);
+var Pause = createLucideIcon("pause", __iconNode21);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/phone-off.js
-var __iconNode21 = [
+var __iconNode22 = [
   [
     "path",
     {
@@ -1714,9 +1734,9 @@ var __iconNode21 = [
     }
   ]
 ];
-var PhoneOff = createLucideIcon("phone-off", __iconNode21);
+var PhoneOff = createLucideIcon("phone-off", __iconNode22);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/play.js
-var __iconNode22 = [
+var __iconNode23 = [
   [
     "path",
     {
@@ -1725,9 +1745,9 @@ var __iconNode22 = [
     }
   ]
 ];
-var Play = createLucideIcon("play", __iconNode22);
+var Play = createLucideIcon("play", __iconNode23);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/rocket.js
-var __iconNode23 = [
+var __iconNode24 = [
   ["path", { d: "M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5", key: "qeys4" }],
   [
     "path",
@@ -1745,9 +1765,9 @@ var __iconNode23 = [
   ],
   ["path", { d: "M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05", key: "92ym6u" }]
 ];
-var Rocket = createLucideIcon("rocket", __iconNode23);
+var Rocket = createLucideIcon("rocket", __iconNode24);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/send.js
-var __iconNode24 = [
+var __iconNode25 = [
   [
     "path",
     {
@@ -1757,15 +1777,15 @@ var __iconNode24 = [
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
 ];
-var Send = createLucideIcon("send", __iconNode24);
+var Send = createLucideIcon("send", __iconNode25);
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/user-plus.js
-var __iconNode25 = [
+var __iconNode26 = [
   ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
   ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }],
   ["line", { x1: "19", x2: "19", y1: "8", y2: "14", key: "1bvyxn" }],
   ["line", { x1: "22", x2: "16", y1: "11", y2: "11", key: "1shjgl" }]
 ];
-var UserPlus = createLucideIcon("user-plus", __iconNode25);
+var UserPlus = createLucideIcon("user-plus", __iconNode26);
 // src/components/HighlightOverlay.tsx
 import { useCallback as useCallback4, useEffect as useEffect6, useRef as useRef4, useState as useState4 } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -3430,14 +3450,15 @@ function ModuleSelector() {
                   const isFeatured = index2 === 0;
                   const isWide = index2 === availableModules.length - 1 && availableModules.length % 2 === 1;
                   const Icon2 = getAgentIcon(module.type);
-                  const canResume = canResumeSession(module.currentSession, module.mode);
+                  const sessionState = getModuleSessionState(module.currentSession, module.mode);
+                  const isTerminal = sessionState === "completed" || sessionState === "expired";
                   const base = "skippr:group skippr:flex skippr:cursor-pointer skippr:gap-3 skippr:rounded-xl skippr:text-left skippr:transition-colors skippr:disabled:cursor-not-allowed skippr:disabled:opacity-50";
                   const layout = isWide ? "skippr:items-center skippr:p-3.5 skippr:pb-5" : "skippr:flex-col skippr:items-start skippr:p-3.5";
                   const variant = isFeatured ? "skippr:bg-primary skippr:text-primary-foreground skippr:hover:bg-primary/90" : "skippr:bg-background skippr:ring-1 skippr:ring-foreground/10 skippr:hover:bg-muted/50";
                   const span = isWide ? "skippr:col-span-2" : "";
                   return /* @__PURE__ */ jsxs13("button", {
                     type: "button",
-                    disabled: isBusy,
+                    disabled: isBusy || isTerminal,
                     onClick: () => selectModule(module.id),
                     className: `${base} ${layout} ${variant} ${span}`,
                     children: [
@@ -3457,7 +3478,7 @@ function ModuleSelector() {
                                 className: "skippr:line-clamp-1 skippr:text-sm skippr:font-semibold",
                                 children: module.name
                               }),
-                              canResume && /* @__PURE__ */ jsxs13("span", {
+                              sessionState === "resume" && /* @__PURE__ */ jsxs13("span", {
                                 className: `skippr:inline-flex skippr:shrink-0 skippr:items-center skippr:gap-0.5 skippr:rounded-full skippr:px-1.5 skippr:py-0.5 skippr:text-[9px] skippr:font-medium skippr:uppercase skippr:tracking-wide ${isFeatured ? "skippr:bg-primary-foreground/20 skippr:text-primary-foreground" : "skippr:bg-bubble/15 skippr:text-bubble"}`,
                                 children: [
                                   /* @__PURE__ */ jsx14(Play, {
@@ -3465,6 +3486,24 @@ function ModuleSelector() {
                                   }),
                                   "Resume"
                                 ]
+                              }),
+                              sessionState === "completed" && /* @__PURE__ */ jsxs13("span", {
+                                className: "skippr:inline-flex skippr:shrink-0 skippr:items-center skippr:gap-0.5 skippr:rounded-full skippr:bg-muted skippr:px-1.5 skippr:py-0.5 skippr:text-[9px] skippr:font-medium skippr:uppercase skippr:tracking-wide skippr:text-muted-foreground",
+                                children: [
+                                  /* @__PURE__ */ jsx14(CircleCheck, {
+                                    className: "skippr:size-2.5"
+                                  }),
+                                  "Completed"
+                                ]
+                              }),
+                              sessionState === "expired" && /* @__PURE__ */ jsxs13("span", {
+                                className: "skippr:inline-flex skippr:shrink-0 skippr:items-center skippr:gap-0.5 skippr:rounded-full skippr:bg-muted skippr:px-1.5 skippr:py-0.5 skippr:text-[9px] skippr:font-medium skippr:uppercase skippr:tracking-wide skippr:text-muted-foreground",
+                                children: [
+                                  /* @__PURE__ */ jsx14(Clock, {
+                                    className: "skippr:size-2.5"
+                                  }),
+                                  "Expired"
+                                ]
                               })
                             ]
                           }),