@lobehub/lobehub 2.0.0-next.342 → 2.0.0-next.344

package/packages/database/src/models/userMemory/experience.ts

@@ -1,4 +1,5 @@
-import { and, desc, eq } from 'drizzle-orm';
+import type { ExperienceListParams, ExperienceListResult } from '@lobechat/types';
+import { type SQL, and, asc, desc, eq, ilike, inArray, or, sql } from 'drizzle-orm';
 
 import {
   NewUserMemoryExperience,
@@ -64,6 +65,95 @@ export class UserMemoryExperienceModel {
     });
   };
 
+  /**
+   * Query experience list with pagination, search, and sorting
+   * Returns a flat structure optimized for frontend display
+   */
+  queryList = async (params: ExperienceListParams = {}): Promise<ExperienceListResult> => {
+    const { order = 'desc', page = 1, pageSize = 20, q, sort, tags, types } = params;
+
+    const normalizedPage = Math.max(1, page);
+    const normalizedPageSize = Math.min(Math.max(pageSize, 1), 100);
+    const offset = (normalizedPage - 1) * normalizedPageSize;
+    const normalizedQuery = typeof q === 'string' ? q.trim() : '';
+
+    // Build WHERE conditions
+    const conditions: Array<SQL | undefined> = [
+      eq(userMemoriesExperiences.userId, this.userId),
+      // Full-text search across title, situation, keyLearning, action
+      normalizedQuery
+        ? or(
+            ilike(userMemories.title, `%${normalizedQuery}%`),
+            ilike(userMemoriesExperiences.situation, `%${normalizedQuery}%`),
+            ilike(userMemoriesExperiences.keyLearning, `%${normalizedQuery}%`),
+            ilike(userMemoriesExperiences.action, `%${normalizedQuery}%`),
+          )
+        : undefined,
+      types && types.length > 0 ? inArray(userMemoriesExperiences.type, types) : undefined,
+      tags && tags.length > 0
+        ? or(...tags.map((tag) => sql<boolean>`${tag} = ANY(${userMemoriesExperiences.tags})`))
+        : undefined,
+    ];
+
+    const filters = conditions.filter((condition): condition is SQL => condition !== undefined);
+    const whereClause = filters.length > 0 ? and(...filters) : undefined;
+
+    // Build ORDER BY
+    const applyOrder = order === 'asc' ? asc : desc;
+    const sortColumn =
+      sort === 'scoreConfidence'
+        ? userMemoriesExperiences.scoreConfidence
+        : userMemoriesExperiences.capturedAt;
+
+    const orderByClauses = [
+      applyOrder(sortColumn),
+      applyOrder(userMemoriesExperiences.updatedAt),
+      applyOrder(userMemoriesExperiences.createdAt),
+    ];
+
+    // JOIN condition
+    const joinCondition = and(
+      eq(userMemories.id, userMemoriesExperiences.userMemoryId),
+      eq(userMemories.userId, this.userId),
+    );
+
+    // Execute queries in parallel
+    const [rows, totalResult] = await Promise.all([
+      this.db
+        .select({
+          action: userMemoriesExperiences.action,
+          capturedAt: userMemoriesExperiences.capturedAt,
+          createdAt: userMemoriesExperiences.createdAt,
+          id: userMemoriesExperiences.id,
+          keyLearning: userMemoriesExperiences.keyLearning,
+          scoreConfidence: userMemoriesExperiences.scoreConfidence,
+          situation: userMemoriesExperiences.situation,
+          tags: userMemoriesExperiences.tags,
+          title: userMemories.title,
+          type: userMemoriesExperiences.type,
+          updatedAt: userMemoriesExperiences.updatedAt,
+        })
+        .from(userMemoriesExperiences)
+        .innerJoin(userMemories, joinCondition)
+        .where(whereClause)
+        .orderBy(...orderByClauses)
+        .limit(normalizedPageSize)
+        .offset(offset),
+      this.db
+        .select({ count: sql<number>`COUNT(*)::int` })
+        .from(userMemoriesExperiences)
+        .innerJoin(userMemories, joinCondition)
+        .where(whereClause),
+    ]);
+
+    return {
+      items: rows,
+      page: normalizedPage,
+      pageSize: normalizedPageSize,
+      total: Number(totalResult[0]?.count ?? 0),
+    };
+  };
+
   findById = async (id: string) => {
     return this.db.query.userMemoriesExperiences.findFirst({
       where: and(

package/packages/database/src/models/userMemory/identity.ts

@@ -1,5 +1,6 @@
+import type { IdentityListParams, IdentityListResult } from '@lobechat/types';
 import { RelationshipEnum } from '@lobechat/types';
-import { and, desc, eq, isNull, or } from 'drizzle-orm';
+import { type SQL, and, asc, desc, eq, ilike, inArray, isNull, or, sql } from 'drizzle-orm';
 
 import {
   NewUserMemoryIdentity,
@@ -60,11 +61,101 @@ export class UserMemoryIdentityModel {
   query = async (limit = 50) => {
     return this.db.query.userMemoriesIdentities.findMany({
       limit,
-      orderBy: [desc(userMemoriesIdentities.createdAt)],
+      orderBy: [desc(userMemoriesIdentities.capturedAt)],
       where: eq(userMemoriesIdentities.userId, this.userId),
     });
   };
 
+  /**
+   * Query identity list with pagination, search, and sorting
+   * Returns a flat structure optimized for frontend display
+   */
+  queryList = async (params: IdentityListParams = {}): Promise<IdentityListResult> => {
+    const { order = 'desc', page = 1, pageSize = 20, q, relationships, sort, tags, types } = params;
+
+    const normalizedPage = Math.max(1, page);
+    const normalizedPageSize = Math.min(Math.max(pageSize, 1), 100);
+    const offset = (normalizedPage - 1) * normalizedPageSize;
+    const normalizedQuery = typeof q === 'string' ? q.trim() : '';
+
+    // Build WHERE conditions
+    const conditions: Array<SQL | undefined> = [
+      eq(userMemoriesIdentities.userId, this.userId),
+      // Full-text search across title, description, role
+      normalizedQuery
+        ? or(
+            ilike(userMemories.title, `%${normalizedQuery}%`),
+            ilike(userMemoriesIdentities.description, `%${normalizedQuery}%`),
+            ilike(userMemoriesIdentities.role, `%${normalizedQuery}%`),
+          )
+        : undefined,
+      types && types.length > 0 ? inArray(userMemoriesIdentities.type, types) : undefined,
+      // Default to 'self' relationship if not specified
+      relationships && relationships.length > 0
+        ? inArray(userMemoriesIdentities.relationship, relationships)
+        : eq(userMemoriesIdentities.relationship, RelationshipEnum.Self),
+      tags && tags.length > 0
+        ? or(...tags.map((tag) => sql<boolean>`${tag} = ANY(${userMemoriesIdentities.tags})`))
+        : undefined,
+    ];
+
+    const filters = conditions.filter((condition): condition is SQL => condition !== undefined);
+    const whereClause = filters.length > 0 ? and(...filters) : undefined;
+
+    // Build ORDER BY
+    const applyOrder = order === 'asc' ? asc : desc;
+    const sortColumn =
+      sort === 'type' ? userMemoriesIdentities.type : userMemoriesIdentities.capturedAt;
+
+    const orderByClauses = [
+      applyOrder(sortColumn),
+      applyOrder(userMemoriesIdentities.updatedAt),
+      applyOrder(userMemoriesIdentities.createdAt),
+    ];
+
+    // JOIN condition
+    const joinCondition = and(
+      eq(userMemories.id, userMemoriesIdentities.userMemoryId),
+      eq(userMemories.userId, this.userId),
+    );
+
+    // Execute queries in parallel
+    const [rows, totalResult] = await Promise.all([
+      this.db
+        .select({
+          capturedAt: userMemoriesIdentities.capturedAt,
+          createdAt: userMemoriesIdentities.createdAt,
+          description: userMemoriesIdentities.description,
+          episodicDate: userMemoriesIdentities.episodicDate,
+          id: userMemoriesIdentities.id,
+          relationship: userMemoriesIdentities.relationship,
+          role: userMemoriesIdentities.role,
+          tags: userMemoriesIdentities.tags,
+          title: userMemories.title,
+          type: userMemoriesIdentities.type,
+          updatedAt: userMemoriesIdentities.updatedAt,
+        })
+        .from(userMemoriesIdentities)
+        .innerJoin(userMemories, joinCondition)
+        .where(whereClause)
+        .orderBy(...orderByClauses)
+        .limit(normalizedPageSize)
+        .offset(offset),
+      this.db
+        .select({ count: sql<number>`COUNT(*)::int` })
+        .from(userMemoriesIdentities)
+        .innerJoin(userMemories, joinCondition)
+        .where(whereClause),
+    ]);
+
+    return {
+      items: rows,
+      page: normalizedPage,
+      pageSize: normalizedPageSize,
+      total: Number(totalResult[0]?.count ?? 0),
+    };
+  };
+
   findById = async (id: string) => {
     return this.db.query.userMemoriesIdentities.findFirst({
       where: and(eq(userMemoriesIdentities.id, id), eq(userMemoriesIdentities.userId, this.userId)),

package/packages/database/src/models/userMemory/model.ts

@@ -311,6 +311,7 @@ export interface QueryIdentityRolesResult {
 }
 
 export type QueryUserMemoriesSort =
+  | 'capturedAt' // all layers
   | 'scoreConfidence' // user_memories_experiences
   | 'scoreImpact' // user_memories_contexts
   | 'scorePriority' // user_memories_preferences
@@ -668,7 +669,10 @@ export class UserMemoryModel {
     const { page = 1, size = 10 } = params;
     const offset = (page - 1) * size;
 
-    const identityConditions = [eq(userMemoriesIdentities.userId, this.userId)];
+    const identityConditions = [
+      eq(userMemoriesIdentities.userId, this.userId),
+      eq(userMemoriesIdentities.relationship, RelationshipEnum.Self),
+    ];
 
     const identityTags = this.db.$with('identity_tags').as(
       this.db
@@ -792,7 +796,9 @@ export class UserMemoryModel {
         const scoreColumn =
           sort === 'scoreUrgency'
             ? userMemoriesContexts.scoreUrgency
-            : userMemoriesContexts.scoreImpact;
+            : sort === 'scoreImpact'
+              ? userMemoriesContexts.scoreImpact
+              : userMemoriesContexts.capturedAt;
 
         const orderByClauses = buildOrderBy(
           scoreColumn,
@@ -880,8 +886,13 @@ export class UserMemoryModel {
         };
       }
       case LayersEnum.Experience: {
+        const scoreColumn =
+          sort === 'scoreConfidence'
+            ? userMemoriesExperiences.scoreConfidence
+            : userMemoriesExperiences.capturedAt;
+
         const orderByClauses = buildOrderBy(
-          userMemoriesExperiences.scoreConfidence,
+          scoreColumn,
           userMemoriesExperiences.updatedAt,
           userMemoriesExperiences.createdAt,
         );
@@ -956,7 +967,7 @@ export class UserMemoryModel {
       case LayersEnum.Identity: {
         const orderByClauses = buildOrderBy(
           undefined,
-          userMemoriesIdentities.updatedAt,
+          userMemoriesIdentities.capturedAt,
           userMemoriesIdentities.createdAt,
         );
         const joinCondition = and(
@@ -986,6 +997,7 @@ export class UserMemoryModel {
             .select({
               identity: {
                 accessedAt: userMemoriesIdentities.accessedAt,
+                capturedAt: userMemoriesIdentities.capturedAt,
                 createdAt: userMemoriesIdentities.createdAt,
                 description: userMemoriesIdentities.description,
                 episodicDate: userMemoriesIdentities.episodicDate,
@@ -994,6 +1006,7 @@ export class UserMemoryModel {
                 relationship: userMemoriesIdentities.relationship,
                 role: userMemoriesIdentities.role,
                 tags: userMemoriesIdentities.tags,
+                title: userMemories.title,
                 type: userMemoriesIdentities.type,
                 updatedAt: userMemoriesIdentities.updatedAt,
                 userId: userMemoriesIdentities.userId,
@@ -1028,8 +1041,13 @@ export class UserMemoryModel {
         };
       }
       case LayersEnum.Preference: {
+        const scoreColumn =
+          sort === 'scorePriority'
+            ? userMemoriesPreferences.scorePriority
+            : userMemoriesPreferences.capturedAt;
+
         const orderByClauses = buildOrderBy(
-          userMemoriesPreferences.scorePriority,
+          scoreColumn,
           userMemoriesPreferences.updatedAt,
           userMemoriesPreferences.createdAt,
         );
@@ -1226,6 +1244,7 @@ export class UserMemoryModel {
         const [identity] = await this.db
           .select({
             accessedAt: userMemoriesIdentities.accessedAt,
+            capturedAt: userMemoriesIdentities.capturedAt,
             createdAt: userMemoriesIdentities.createdAt,
             description: userMemoriesIdentities.description,
             episodicDate: userMemoriesIdentities.episodicDate,
@@ -1933,7 +1952,7 @@ export class UserMemoryModel {
       .select(selectNonVectorColumns(userMemoriesIdentities))
       .from(userMemoriesIdentities)
       .where(eq(userMemoriesIdentities.userId, this.userId))
-      .orderBy(desc(userMemoriesIdentities.createdAt));
+      .orderBy(desc(userMemoriesIdentities.capturedAt));
 
     return res;
   };
@@ -1947,7 +1966,7 @@ export class UserMemoryModel {
       .from(userMemoriesIdentities)
       .innerJoin(userMemories, eq(userMemories.id, userMemoriesIdentities.userMemoryId))
       .where(eq(userMemoriesIdentities.userId, this.userId))
-      .orderBy(desc(userMemoriesIdentities.createdAt));
+      .orderBy(desc(userMemoriesIdentities.capturedAt));
 
     return res as Array<{
       identity: typeof userMemoriesIdentities.$inferSelect;
@@ -1962,7 +1981,7 @@ export class UserMemoryModel {
       .where(
         and(eq(userMemoriesIdentities.userId, this.userId), eq(userMemoriesIdentities.type, type)),
       )
-      .orderBy(desc(userMemoriesIdentities.createdAt));
+      .orderBy(desc(userMemoriesIdentities.capturedAt));
 
     return res;
   };

package/packages/types/src/userMemory/experience.ts

@@ -0,0 +1,25 @@
+import type { BaseListItem, BaseListParams, BaseListResult } from './shared';
+
+/**
+ * Experience query types for list display
+ * These are flat structures optimized for frontend rendering
+ */
+
+export type ExperienceListSort = 'capturedAt' | 'scoreConfidence';
+
+export interface ExperienceListParams extends BaseListParams {
+  sort?: ExperienceListSort;
+}
+
+/**
+ * Flat structure for experience list items
+ * Contains fields needed for card display, excluding detail fields like reasoning/possibleOutcome
+ */
+export interface ExperienceListItem extends BaseListItem {
+  action: string | null;
+  keyLearning: string | null;
+  scoreConfidence: number | null;
+  situation: string | null;
+}
+
+export type ExperienceListResult = BaseListResult<ExperienceListItem>;

package/packages/types/src/userMemory/identity.ts

@@ -1,7 +1,34 @@
 import { z } from 'zod';
 
+import type { BaseListItem, BaseListParams, BaseListResult } from './shared';
+
 export type IdentityType = 'personal' | 'professional' | 'demographic';
 
+/**
+ * Identity query types for list display
+ * These are flat structures optimized for frontend rendering
+ */
+
+export type IdentityListSort = 'capturedAt' | 'type';
+
+export interface IdentityListParams extends BaseListParams {
+  relationships?: string[];
+  sort?: IdentityListSort;
+}
+
+/**
+ * Flat structure for identity list items
+ * Contains fields needed for card display
+ */
+export interface IdentityListItem extends BaseListItem {
+  description: string | null;
+  episodicDate: Date | null;
+  relationship: string | null;
+  role: string | null;
+}
+
+export type IdentityListResult = BaseListResult<IdentityListItem>;
+
 export interface UserMemoryIdentity {
   accessedAt: Date;
   createdAt: Date;

package/packages/types/src/userMemory/index.ts

@@ -1,4 +1,5 @@
 export * from './base';
+export * from './experience';
 export * from './identity';
 export * from './layers';
 export * from './list';

package/packages/types/src/userMemory/shared.ts

@@ -76,3 +76,33 @@ export enum ContextStatusEnum {
   Planned = 'planned',
 }
 export const CONTEXT_STATUS = Object.values(ContextStatusEnum);
+
+/**
+ * Shared types for memory list queries
+ */
+
+export interface BaseListParams {
+  order?: 'asc' | 'desc';
+  page?: number;
+  pageSize?: number;
+  q?: string;
+  tags?: string[];
+  types?: string[];
+}
+
+export interface BaseListResult<T> {
+  items: T[];
+  page: number;
+  pageSize: number;
+  total: number;
+}
+
+export interface BaseListItem {
+  capturedAt: Date;
+  createdAt: Date;
+  id: string;
+  tags: string[] | null;
+  title: string | null;
+  type: string | null;
+  updatedAt: Date;
+}

package/src/app/[variants]/(main)/group/profile/features/Header/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { Flexbox } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
+import { createStaticStyles } from 'antd-style';
 import { Crown, Users } from 'lucide-react';
 import { memo, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -17,7 +17,7 @@ import { systemStatusSelectors } from '@/store/global/selectors';
 import AgentBuilderToggle from './AgentBuilderToggle';
 import ChromeTabs, { type ChromeTabItem } from './ChromeTabs';
 
-const useStyles = createStyles(({ css, token }) => ({
+const styles = createStaticStyles(({ css, cssVar }) => ({
   header: css`
     overflow: hidden;
     flex: none;
@@ -26,7 +26,7 @@ const useStyles = createStyles(({ css, token }) => ({
     height: 44px;
     padding-block: 8px;
     padding-inline: 12px;
-    border-block-end: 1px solid ${token.colorBorderSecondary};
+    border-block-end: 1px solid ${cssVar.colorBorderSecondary};
   `,
   tabsWrapper: css`
     scrollbar-width: none;
@@ -42,7 +42,6 @@ const useStyles = createStyles(({ css, token }) => ({
 
 const Header = memo(() => {
   const { t } = useTranslation('chat');
-  const { styles } = useStyles();
 
   const [showAddModal, setShowAddModal] = useState(false);
 

package/src/app/[variants]/(main)/home/features/InputArea/SkillInstallBanner.tsx

@@ -2,7 +2,7 @@
 
 import { getKlavisServerByServerIdentifier, getLobehubSkillProviderById } from '@lobechat/const';
 import { Avatar, Flexbox, Icon } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
+import { createStaticStyles } from 'antd-style';
 import { Blocks } from 'lucide-react';
 import { type ReactNode, createElement, memo, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -11,7 +11,7 @@ import SkillStore from '@/features/SkillStore';
 import { serverConfigSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { useToolStore } from '@/store/tool';
 
-const useStyles = createStyles(({ css, token }) => ({
+const styles = createStaticStyles(({ css, cssVar }) => ({
   banner: css`
     cursor: pointer;
 
@@ -28,24 +28,24 @@ const useStyles = createStyles(({ css, token }) => ({
     margin-block-end: 6px;
     padding-block: 42px 10px;
     padding-inline: 16px;
-    border: 1px solid ${token.colorBorderSecondary};
+    border: 1px solid ${cssVar.colorBorderSecondary};
     border-radius: 20px;
 
-    background: ${token.colorFillQuaternary};
+    background: ${cssVar.colorFillQuaternary};
     box-shadow: 0 12px 32px rgb(0 0 0 / 4%);
 
     transition: background 0.2s ease-in-out;
 
     &:hover {
-      background: ${token.colorFillQuaternary};
+      background: ${cssVar.colorFillQuaternary};
     }
   `,
   icon: css`
-    color: ${token.colorTextSecondary};
+    color: ${cssVar.colorTextSecondary};
   `,
   text: css`
     font-size: 13px;
-    color: ${token.colorTextSecondary};
+    color: ${cssVar.colorTextSecondary};
   `,
 }));
 
@@ -60,7 +60,6 @@ const BANNER_SKILL_IDS = [
 ] as const;
 
 const SkillInstallBanner = memo(() => {
-  const { styles } = useStyles();
   const { t } = useTranslation('plugin');
   const [open, setOpen] = useState(false);
 

package/src/app/[variants]/(main)/memory/(home)/features/Persona/PersonaDetail.tsx

@@ -0,0 +1,58 @@
+import { Markdown } from '@lobehub/ui';
+import { createStaticStyles } from 'antd-style';
+import { memo } from 'react';
+
+const styles = createStaticStyles(({ css, cssVar }) => ({
+  markdown: css`
+    h2 {
+      margin-block: 24px 12px;
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    h3 {
+      margin-block: 16px 8px;
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    p {
+      margin-block-end: 8px;
+      font-size: 14px;
+      line-height: 1.6;
+      color: ${cssVar.colorTextSecondary};
+    }
+
+    ul {
+      margin-block: 8px;
+      margin-inline: 0;
+      padding-inline-start: 20px;
+
+      li {
+        margin-block-end: 4px;
+        font-size: 14px;
+        line-height: 1.6;
+        color: ${cssVar.colorTextSecondary};
+      }
+    }
+
+    strong {
+      font-weight: 500;
+      color: ${cssVar.colorText};
+    }
+  `,
+}));
+
+interface PersonaDetailProps {
+  children: string;
+}
+
+const PersonaDetail = memo<PersonaDetailProps>(({ children }) => {
+  return (
+    <Markdown className={styles.markdown} enableImageGallery={false} enableLatex={false}>
+      {children}
+    </Markdown>
+  );
+});
+
+export default PersonaDetail;

package/src/app/[variants]/(main)/memory/(home)/features/Persona/PersonaHeader.tsx

@@ -0,0 +1,22 @@
+import { Text } from '@lobehub/ui';
+import { createStaticStyles } from 'antd-style';
+import { memo } from 'react';
+
+const styles = createStaticStyles(({ css, cssVar }) => ({
+  title: css`
+    font-size: 28px;
+    font-weight: 700;
+    line-height: 1.4;
+    color: ${cssVar.colorText};
+  `,
+}));
+
+const PersonaHeader = memo(() => {
+  return (
+    <Text as={'h1'} className={styles.title}>
+      Persona
+    </Text>
+  );
+});
+
+export default PersonaHeader;

package/src/app/[variants]/(main)/memory/(home)/features/Persona/PersonaSummary.tsx

@@ -0,0 +1,43 @@
+import { createStaticStyles } from 'antd-style';
+import { memo } from 'react';
+
+const styles = createStaticStyles(({ css, cssVar }) => ({
+  summary: css`
+    position: relative;
+
+    padding-block: 16px;
+    padding-inline: 20px;
+    border-radius: 8px;
+
+    font-size: 15px;
+    font-style: italic;
+    line-height: 1.6;
+    color: ${cssVar.colorText};
+
+    background: ${cssVar.colorFillQuaternary};
+
+    &::before {
+      content: '"';
+
+      position: absolute;
+      inset-block-start: 8px;
+      inset-inline-start: 12px;
+
+      font-family: Georgia, serif;
+      font-size: 28px;
+      font-style: normal;
+      line-height: 1;
+      color: ${cssVar.colorTextQuaternary};
+    }
+  `,
+}));
+
+interface PersonaSummaryProps {
+  children: string;
+}
+
+const PersonaSummary = memo<PersonaSummaryProps>(({ children }) => {
+  return <div className={styles.summary}>{children}</div>;
+});
+
+export default PersonaSummary;