@docyrus/rn-assistant 0.0.1

package/dist/commonjs/components/sessions-list/sessions-list.js

@@ -0,0 +1,820 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SessionsList = SessionsList;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _rn = require("@docyrus/i18n/rn");
+var _apiClient = require("../../utils/api-client.js");
+var _resolveApiHeaders = require("../../utils/resolve-api-headers.js");
+var _index = require("../../theme/index.js");
+var _index2 = require("../../ui/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Sessions List Component
+ *
+ * Displays list of user's chat sessions with the agent.
+ * Sessions are ordered by last modified date.
+ *
+ * @example
+ * ```tsx
+ * <SessionsList
+ *   api="https://api.docyrus.com"
+ *   agentId="agent-123"
+ *   token={userToken}
+ *   onSelectSession={(session) => navigate('Chat', { sessionId: session.id })}
+ *   onNewChat={() => navigate('Chat')}
+ * />
+ * ```
+ */
+function SessionsList({
+  apiConfig,
+  agentId,
+  userId,
+  dataSourceId = 'f42b3daa-ca43-11ed-be9d-6fe3a1a7b37c',
+  headers = {},
+  onSelectSession,
+  onNewChat,
+  showHeader = true
+}) {
+  const theme = (0, _index.useDocyrusRNAssistantTheme)();
+  const {
+    t
+  } = (0, _rn.useI18n)();
+  const [sessions, setSessions] = (0, _react.useState)([]);
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const [refreshing, setRefreshing] = (0, _react.useState)(false);
+  const [deletingSessionId, setDeletingSessionId] = (0, _react.useState)(null);
+  const [sessionToDelete, setSessionToDelete] = (0, _react.useState)(null);
+  const fetchSessions = (0, _react.useCallback)(async (isRefresh = false) => {
+    if (isRefresh) {
+      setRefreshing(true);
+    } else {
+      setLoading(true);
+    }
+    try {
+      // Build filters for query API
+      const filters = {
+        combinator: 'and',
+        rules: [{
+          field: 'tenant_ai_agent_id',
+          operator: '=',
+          value: agentId
+        }]
+      };
+
+      // Add user filter if userId is provided
+      if (userId) {
+        filters.rules.push({
+          field: 'created_by',
+          operator: '=',
+          value: userId
+        });
+      }
+
+      // Build query params (matching web version format)
+      const params = new URLSearchParams({
+        columns: JSON.stringify(['subject', 'created_on', 'last_modified_on', 'created_by']),
+        limit: '100',
+        orderBy: JSON.stringify([{
+          field: 'created_on',
+          direction: 'desc'
+        }]),
+        dataSourceId,
+        filters: JSON.stringify(filters),
+        fullCount: 'true',
+        expand: 'record_owner,created_by,last_modified_by,request_type,incoming_channel,parent_record_id,followers,contact,tenant_data_source_id,tenant_ai_agent_id,organization,priority,case_status,category,product,hold_reason,thread_type,tenant_ai_agent_deployment_id,thread_mode,tenant_view_id'
+      });
+      const url = `${apiConfig.baseUrl}${apiConfig.endpoints.sessions}?${params.toString()}`;
+      const resolvedApiHeaders = await (0, _resolveApiHeaders.resolveAPIHeaders)(apiConfig.headers);
+
+      // Use centralized API client
+      const data = await (0, _apiClient.apiClient)(url, {
+        headers: {
+          ...resolvedApiHeaders,
+          ...headers
+        },
+        transformResponse: apiConfig.transformResponse
+      });
+
+      // API returns array directly after transform, or records array
+      const records = Array.isArray(data) ? data : data.records || data || [];
+
+      // Map records to AISession format
+      const mappedSessions = records.map(record => ({
+        id: record.id,
+        subject: record.subject || t('assistant.untitled-session', 'Untitled Session'),
+        preview: record.preview,
+        agentId: record.tenant_ai_agent_id || agentId,
+        agentDeploymentId: record.tenant_ai_agent_deployment_id,
+        createdOn: new Date(record.created_on || record.createdOn),
+        lastModifiedOn: new Date(record.last_modified_on || record.updatedOn),
+        messageCount: record.message_count || 0
+      }));
+      setSessions(mappedSessions);
+    } catch (error) {
+      console.error('Error fetching sessions:', error);
+      setSessions([]);
+    } finally {
+      setLoading(false);
+      setRefreshing(false);
+    }
+  }, [agentId, apiConfig.baseUrl, apiConfig.endpoints.sessions, apiConfig.headers, apiConfig.transformResponse, dataSourceId, headers, userId, t]);
+  (0, _react.useEffect)(() => {
+    fetchSessions();
+  }, [fetchSessions]);
+  const deleteSession = async sessionId => {
+    try {
+      setDeletingSessionId(sessionId);
+      const url = `${apiConfig.baseUrl}${apiConfig.endpoints.deleteSession.replace(':sessionId', sessionId)}`;
+      const resolvedApiHeaders = await (0, _resolveApiHeaders.resolveAPIHeaders)(apiConfig.headers);
+
+      // Use centralized API client
+      await (0, _apiClient.apiClient)(url, {
+        method: 'DELETE',
+        headers: {
+          ...resolvedApiHeaders,
+          ...headers
+        }
+      });
+
+      // Refresh sessions list
+      await fetchSessions();
+    } catch (error) {
+      console.error('Error deleting session:', error);
+    } finally {
+      setDeletingSessionId(null);
+    }
+  };
+  const formatDate = (0, _react.useCallback)(date => {
+    try {
+      const now = new Date();
+      const messageDate = new Date(date);
+
+      // Check if date is valid
+      if (isNaN(messageDate.getTime())) {
+        return t('common.time-recently', 'Recently');
+      }
+      const diff = now.getTime() - messageDate.getTime();
+
+      // Handle future dates or negative diffs
+      if (diff < 0) {
+        return t('common.time-just-now', 'Just now');
+      }
+      const minutes = Math.floor(diff / (1000 * 60));
+      const hours = Math.floor(diff / (1000 * 60 * 60));
+      const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+      if (minutes < 1) return t('common.time-now', 'now');
+      if (minutes < 60) return `${minutes}${t('common.time-minutes-ago', 'm ago')}`;
+      if (hours < 24) return `${hours}${t('common.time-hours-ago', 'h ago')}`;
+      if (days < 7) return `${days}${t('common.time-days-ago', 'd ago')}`;
+      if (days < 30) return `${Math.floor(days / 7)}${t('common.time-weeks-ago', 'w ago')}`;
+      return messageDate.toLocaleDateString('en-US', {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric'
+      });
+    } catch {
+      return t('common.time-recently', 'Recently');
+    }
+  }, [t]);
+  const formatAbsoluteDate = (0, _react.useCallback)(date => {
+    try {
+      const value = new Date(date);
+      if (isNaN(value.getTime())) {
+        return t('common.time-recently', 'Recently');
+      }
+      return value.toLocaleDateString('en-US', {
+        month: 'short',
+        day: 'numeric'
+      });
+    } catch {
+      return t('common.time-recently', 'Recently');
+    }
+  }, [t]);
+  const getSessionPreview = (0, _react.useCallback)(session => {
+    if (session.preview?.trim()) {
+      return session.preview;
+    }
+    if (session.messageCount && session.messageCount > 0) {
+      return t('assistant.session-has-messages', 'Continue this conversation where you left off.');
+    }
+    return t('assistant.session-awaiting-first-message', 'A fresh thread ready for the next prompt.');
+  }, [t]);
+  const renderSession = ({
+    item
+  }) => {
+    const isDeleting = deletingSessionId === item.id;
+    const preview = getSessionPreview(item);
+    const messageCountLabel = item.messageCount === 1 ? t('assistant.msg', 'msg') : t('assistant.msgs', 'msgs');
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      onPress: () => !isDeleting && onSelectSession(item),
+      disabled: isDeleting,
+      activeOpacity: 0.88,
+      style: [styles.sessionPressable, {
+        opacity: isDeleting ? 0.5 : 1
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.sessionItem, {
+          paddingVertical: theme.spacing[4],
+          paddingHorizontal: theme.spacing[4],
+          borderRadius: theme.borderRadius.xl,
+          backgroundColor: theme.colors.card,
+          borderWidth: 1,
+          borderColor: theme.colors.border,
+          shadowColor: '#0f172a',
+          shadowOffset: {
+            width: 0,
+            height: 10
+          },
+          shadowOpacity: theme.isDark ? 0.18 : 0.08,
+          shadowRadius: 24,
+          elevation: 3
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.sessionTopRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.sessionAvatar, {
+              backgroundColor: `${theme.colors.primary}14`,
+              borderRadius: theme.borderRadius.lg
+            }],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.MessageSquareText, {
+              size: 18,
+              color: theme.colors.primary,
+              strokeWidth: 2.2
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.sessionContent,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: styles.sessionHeaderRow,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [styles.sessionTitle, {
+                  color: theme.colors.foreground
+                }],
+                numberOfLines: 1,
+                children: item.subject || t('assistant.untitled-session', 'Untitled Session')
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                style: [styles.dateChip, {
+                  backgroundColor: theme.colors.muted,
+                  borderRadius: theme.borderRadius.full
+                }],
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Clock3, {
+                  size: 12,
+                  color: theme.colors.mutedForeground,
+                  strokeWidth: 2.1
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: [styles.dateChipText, {
+                    color: theme.colors.mutedForeground
+                  }],
+                  children: formatAbsoluteDate(item.lastModifiedOn)
+                })]
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.previewText, {
+                color: theme.colors.mutedForeground
+              }],
+              numberOfLines: 2,
+              children: preview
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: [styles.metaRow, {
+                marginTop: theme.spacing[2]
+              }],
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                style: [styles.metaChip, {
+                  backgroundColor: theme.colors.muted,
+                  borderRadius: theme.borderRadius.full
+                }],
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.RefreshCw, {
+                  size: 12,
+                  color: theme.colors.mutedForeground,
+                  strokeWidth: 2.1
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: [styles.metaChipText, {
+                    color: theme.colors.mutedForeground
+                  }],
+                  children: `${t('assistant.updated', 'Updated')} ${formatDate(item.lastModifiedOn)}`
+                })]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                style: [styles.metaChip, {
+                  backgroundColor: `${theme.colors.primary}12`,
+                  borderRadius: theme.borderRadius.full
+                }],
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.MessagesSquare, {
+                  size: 12,
+                  color: theme.colors.primary,
+                  strokeWidth: 2.1
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: [styles.metaChipText, {
+                    color: theme.colors.primary
+                  }],
+                  children: `${item.messageCount || 0} ${messageCountLabel}`
+                })]
+              })]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.trailingActions,
+            children: [isDeleting ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: {
+                width: 36,
+                height: 36,
+                borderRadius: theme.borderRadius.full,
+                backgroundColor: theme.colors.muted,
+                opacity: 0.5
+              }
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+              onPress: e => {
+                e.stopPropagation();
+                setSessionToDelete(item);
+              },
+              style: [styles.iconButton, {
+                borderRadius: theme.borderRadius.full,
+                backgroundColor: theme.colors.muted
+              }],
+              hitSlop: {
+                top: 10,
+                bottom: 10,
+                left: 10,
+                right: 10
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Trash2, {
+                size: 16,
+                color: theme.colors.mutedForeground,
+                strokeWidth: 2.2
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [styles.arrowBadge, {
+                backgroundColor: `${theme.colors.primary}10`,
+                borderRadius: theme.borderRadius.full
+              }],
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ArrowRight, {
+                size: 16,
+                color: theme.colors.primary,
+                strokeWidth: 2.2
+              })
+            })]
+          })]
+        })
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: theme.colors.background
+    }],
+    children: [showHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.heroWrap, {
+        padding: theme.spacing[4],
+        backgroundColor: theme.colors.background,
+        borderBottomWidth: 1,
+        borderBottomColor: theme.colors.border
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.heroCard, {
+          backgroundColor: theme.colors.card,
+          borderColor: theme.colors.border,
+          borderRadius: theme.borderRadius.xl,
+          shadowColor: '#0f172a',
+          shadowOffset: {
+            width: 0,
+            height: 10
+          },
+          shadowOpacity: theme.isDark ? 0.16 : 0.08,
+          shadowRadius: 24,
+          elevation: 3
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.heroTopRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.heroTitleWrap,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [styles.heroIconWrap, {
+                backgroundColor: `${theme.colors.primary}12`,
+                borderRadius: theme.borderRadius.lg
+              }],
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.MessagesSquare, {
+                size: 22,
+                color: theme.colors.primary,
+                strokeWidth: 2.2
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.heroTitle, {
+                color: theme.colors.foreground,
+                marginLeft: theme.spacing[2]
+              }],
+              children: t('assistant.sessions', 'Sessions')
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+            onPress: onNewChat,
+            style: [styles.newChatButton, {
+              borderRadius: theme.borderRadius.full,
+              backgroundColor: theme.colors.primary
+            }],
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Plus, {
+              size: 16,
+              color: theme.colors.primaryForeground,
+              strokeWidth: 2.4
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.newChatButtonText, {
+                color: theme.colors.primaryForeground
+              }],
+              children: t('assistant.new-chat', 'New Chat')
+            })]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.heroDescription, {
+            color: theme.colors.mutedForeground,
+            marginTop: theme.spacing[2]
+          }],
+          children: t('assistant.sessions-desc', 'Resume earlier threads, revisit ideas, and jump back into recent work instantly.')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [styles.heroMetaRow, {
+            marginTop: theme.spacing[3]
+          }],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: [styles.heroStatChip, {
+              backgroundColor: theme.colors.muted,
+              borderRadius: theme.borderRadius.full
+            }],
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.MessagesSquare, {
+              size: 13,
+              color: theme.colors.foreground,
+              strokeWidth: 2.2
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.heroStatText, {
+                color: theme.colors.foreground
+              }],
+              children: `${sessions.length} ${t('assistant.sessions', 'Sessions')}`
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: [styles.heroStatChip, {
+              backgroundColor: `${theme.colors.primary}12`,
+              borderRadius: theme.borderRadius.full
+            }],
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Sparkles, {
+              size: 13,
+              color: theme.colors.primary,
+              strokeWidth: 2.2
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.heroStatText, {
+                color: theme.colors.primary
+              }],
+              children: t('assistant.pick-up-where-left-off', 'Pick up where you left off')
+            })]
+          })]
+        })]
+      })
+    }), loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1,
+        padding: theme.spacing[4]
+      },
+      children: [1, 2, 3, 4, 5].map(i => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.loadingCard, {
+          marginBottom: theme.spacing[3],
+          paddingVertical: theme.spacing[4],
+          paddingHorizontal: theme.spacing[4],
+          borderRadius: theme.borderRadius.xl,
+          backgroundColor: theme.colors.card,
+          borderWidth: 1,
+          borderColor: theme.colors.border
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.sessionTopRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              width: 48,
+              height: 48,
+              backgroundColor: theme.colors.muted,
+              borderRadius: theme.borderRadius.lg,
+              marginRight: theme.spacing[3],
+              opacity: 0.6
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flex: 1
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: {
+                height: 16,
+                backgroundColor: theme.colors.muted,
+                borderRadius: theme.borderRadius.sm,
+                marginBottom: theme.spacing[1.5],
+                width: `${56 + Math.random() * 22}%`,
+                opacity: 0.7
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: {
+                height: 12,
+                backgroundColor: theme.colors.muted,
+                borderRadius: theme.borderRadius.sm,
+                width: `${70 + Math.random() * 18}%`,
+                opacity: 0.45
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: {
+                flexDirection: 'row',
+                marginTop: theme.spacing[2],
+                gap: theme.spacing[2]
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: {
+                  height: 26,
+                  width: 110,
+                  backgroundColor: theme.colors.muted,
+                  borderRadius: theme.borderRadius.full,
+                  opacity: 0.35
+                }
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: {
+                  height: 26,
+                  width: 72,
+                  backgroundColor: theme.colors.muted,
+                  borderRadius: theme.borderRadius.full,
+                  opacity: 0.35
+                }
+              })]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              marginLeft: theme.spacing[3],
+              gap: theme.spacing[2]
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: {
+                width: 36,
+                height: 36,
+                borderRadius: theme.borderRadius.full,
+                backgroundColor: theme.colors.muted,
+                opacity: 0.35
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: {
+                width: 36,
+                height: 36,
+                borderRadius: theme.borderRadius.full,
+                backgroundColor: theme.colors.muted,
+                opacity: 0.25
+              }
+            })]
+          })]
+        })
+      }, i))
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+      data: sessions,
+      renderItem: renderSession,
+      keyExtractor: item => item.id,
+      style: {
+        flex: 1
+      },
+      contentContainerStyle: {
+        padding: theme.spacing[4]
+      },
+      refreshing: refreshing,
+      onRefresh: () => fetchSessions(true),
+      ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.emptyWrap, {
+          paddingVertical: theme.spacing[6]
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [styles.emptyCard, {
+            backgroundColor: theme.colors.card,
+            borderColor: theme.colors.border,
+            borderRadius: theme.borderRadius.xl
+          }],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.emptyIconWrap, {
+              backgroundColor: `${theme.colors.primary}12`,
+              borderRadius: theme.borderRadius.xl
+            }],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.MessagesSquare, {
+              size: 34,
+              color: theme.colors.primary,
+              strokeWidth: 2.1
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: {
+              marginTop: theme.spacing[3],
+              fontSize: 18,
+              fontWeight: '700',
+              color: theme.colors.foreground
+            },
+            children: t('assistant.no-sessions', 'No sessions yet')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: {
+              marginTop: theme.spacing[1.5],
+              fontSize: 14,
+              lineHeight: 21,
+              color: theme.colors.mutedForeground,
+              textAlign: 'center'
+            },
+            children: t('assistant.no-sessions-desc', 'Start a new conversation to create your first session')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+            onPress: onNewChat,
+            style: {
+              marginTop: theme.spacing[4],
+              paddingVertical: theme.spacing[3],
+              paddingHorizontal: theme.spacing[4],
+              borderRadius: theme.borderRadius.full,
+              backgroundColor: theme.colors.primary,
+              flexDirection: 'row',
+              alignItems: 'center'
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Plus, {
+              size: 16,
+              color: theme.colors.primaryForeground,
+              strokeWidth: 2.4
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                fontSize: 14,
+                fontWeight: '700',
+                color: theme.colors.primaryForeground,
+                marginLeft: theme.spacing[1.5]
+              },
+              children: t('assistant.start-new-chat', 'Start New Chat')
+            })]
+          })]
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.AlertDialog, {
+      visible: !!sessionToDelete,
+      onCancel: () => setSessionToDelete(null),
+      onConfirm: () => {
+        if (sessionToDelete) {
+          deleteSession(sessionToDelete.id);
+          setSessionToDelete(null);
+        }
+      },
+      title: t('assistant.delete-session-title', 'Delete Session?'),
+      description: t('assistant.delete-session-desc', 'Are you sure you want to delete this session? This action cannot be undone. Please confirm your choice.\n\nThe associated child records from the following data source will be deleted automatically:\n• Messages'),
+      variant: "destructive",
+      confirmText: t('common.delete', 'Delete'),
+      cancelText: t('common.cancel', 'Cancel')
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  heroWrap: {},
+  heroCard: {
+    borderWidth: 1,
+    padding: 16
+  },
+  heroTopRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  heroTitleWrap: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flex: 1,
+    marginRight: 12
+  },
+  heroIconWrap: {
+    width: 44,
+    height: 44,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  heroTitle: {
+    fontSize: 22,
+    fontWeight: '700',
+    letterSpacing: -0.4
+  },
+  heroDescription: {
+    fontSize: 14,
+    lineHeight: 21
+  },
+  heroMetaRow: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 10
+  },
+  heroStatChip: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  heroStatText: {
+    fontSize: 12,
+    fontWeight: '700',
+    marginLeft: 6
+  },
+  newChatButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 14,
+    paddingVertical: 10
+  },
+  newChatButtonText: {
+    fontSize: 14,
+    fontWeight: '700',
+    marginLeft: 8
+  },
+  sessionPressable: {
+    marginBottom: 12
+  },
+  sessionItem: {
+    overflow: 'hidden'
+  },
+  sessionTopRow: {
+    flexDirection: 'row',
+    alignItems: 'flex-start'
+  },
+  sessionAvatar: {
+    width: 48,
+    height: 48,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: 12
+  },
+  sessionContent: {
+    flex: 1
+  },
+  sessionHeaderRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  sessionTitle: {
+    flex: 1,
+    fontSize: 16,
+    fontWeight: '700',
+    letterSpacing: -0.3,
+    marginRight: 8
+  },
+  dateChip: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 10,
+    paddingVertical: 6
+  },
+  dateChipText: {
+    fontSize: 11,
+    fontWeight: '700',
+    marginLeft: 6
+  },
+  previewText: {
+    fontSize: 14,
+    lineHeight: 20,
+    marginTop: 6
+  },
+  metaRow: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 8
+  },
+  metaChip: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 10,
+    paddingVertical: 7
+  },
+  metaChipText: {
+    fontSize: 11,
+    fontWeight: '700',
+    marginLeft: 6
+  },
+  trailingActions: {
+    marginLeft: 12,
+    gap: 10,
+    alignItems: 'center'
+  },
+  iconButton: {
+    width: 36,
+    height: 36,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  arrowBadge: {
+    width: 36,
+    height: 36,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  loadingCard: {},
+  emptyWrap: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyCard: {
+    width: '100%',
+    borderWidth: 1,
+    alignItems: 'center',
+    paddingVertical: 32,
+    paddingHorizontal: 24
+  },
+  emptyIconWrap: {
+    width: 72,
+    height: 72,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+SessionsList.displayName = 'SessionsList';
+//# sourceMappingURL=sessions-list.js.map