Merge 86f33de9f3 into 2b1a29d44b

backend/open_webui/config.py

@@ -1306,7 +1306,7 @@ USER_PERMISSIONS_WORKSPACE_MODELS_ALLOW_PUBLIC_SHARING = (
 
 USER_PERMISSIONS_WORKSPACE_KNOWLEDGE_ALLOW_SHARING = (
     os.environ.get(
-        "USER_PERMISSIONS_WORKSPACE_KNOWLEDGE_ALLOW_SHARING", "False"
+        "USER_PERMISSIONS_WORKSPACE_KNOWLEDGE_ALLOW_PUBLIC_SHARING", "False"
     ).lower()
     == "true"
 )
@@ -1345,7 +1345,7 @@ USER_PERMISSIONS_WORKSPACE_TOOLS_ALLOW_PUBLIC_SHARING = (
 
 
 USER_PERMISSIONS_NOTES_ALLOW_SHARING = (
-    os.environ.get("USER_PERMISSIONS_NOTES_ALLOW_SHARING", "False").lower()
+    os.environ.get("USER_PERMISSIONS_NOTES_ALLOW_PUBLIC_SHARING", "False").lower()
     == "true"
 )
 

backend/open_webui/migrations/versions/6283dc0e4d8d_add_channel_file_table.py

@@ -1,54 +0,0 @@
-"""Add channel file table
-
-Revision ID: 6283dc0e4d8d
-Revises: 3e0e00844bb0
-Create Date: 2025-12-10 15:11:39.424601
-
-"""
-
-from typing import Sequence, Union
-
-from alembic import op
-import sqlalchemy as sa
-import open_webui.internal.db
-
-
-# revision identifiers, used by Alembic.
-revision: str = "6283dc0e4d8d"
-down_revision: Union[str, None] = "3e0e00844bb0"
-branch_labels: Union[str, Sequence[str], None] = None
-depends_on: Union[str, Sequence[str], None] = None
-
-
-def upgrade() -> None:
-    op.create_table(
-        "channel_file",
-        sa.Column("id", sa.Text(), primary_key=True),
-        sa.Column("user_id", sa.Text(), nullable=False),
-        sa.Column(
-            "channel_id",
-            sa.Text(),
-            sa.ForeignKey("channel.id", ondelete="CASCADE"),
-            nullable=False,
-        ),
-        sa.Column(
-            "file_id",
-            sa.Text(),
-            sa.ForeignKey("file.id", ondelete="CASCADE"),
-            nullable=False,
-        ),
-        sa.Column("created_at", sa.BigInteger(), nullable=False),
-        sa.Column("updated_at", sa.BigInteger(), nullable=False),
-        # indexes
-        sa.Index("ix_channel_file_channel_id", "channel_id"),
-        sa.Index("ix_channel_file_file_id", "file_id"),
-        sa.Index("ix_channel_file_user_id", "user_id"),
-        # unique constraints
-        sa.UniqueConstraint(
-            "channel_id", "file_id", name="uq_channel_file_channel_file"
-        ),  # prevent duplicate entries
-    )
-
-
-def downgrade() -> None:
-    op.drop_table("channel_file")

backend/open_webui/models/channels.py

@@ -10,18 +10,7 @@ from pydantic import BaseModel, ConfigDict
 from sqlalchemy.dialects.postgresql import JSONB
 
 
-from sqlalchemy import (
+from sqlalchemy import BigInteger, Boolean, Column, String, Text, JSON, case, cast
-    BigInteger,
-    Boolean,
-    Column,
-    ForeignKey,
-    String,
-    Text,
-    JSON,
-    UniqueConstraint,
-    case,
-    cast,
-)
 from sqlalchemy import or_, func, select, and_, text
 from sqlalchemy.sql import exists
 
@@ -148,38 +137,6 @@ class ChannelMemberModel(BaseModel):
     updated_at: Optional[int] = None  # timestamp in epoch (time_ns)
 
 
-class ChannelFile(Base):
-    __tablename__ = "channel_file"
-
-    id = Column(Text, unique=True, primary_key=True)
-
-    channel_id = Column(
-        Text, ForeignKey("channel.id", ondelete="CASCADE"), nullable=False
-    )
-    file_id = Column(Text, ForeignKey("file.id", ondelete="CASCADE"), nullable=False)
-    user_id = Column(Text, nullable=False)
-
-    created_at = Column(BigInteger, nullable=False)
-    updated_at = Column(BigInteger, nullable=False)
-
-    __table_args__ = (
-        UniqueConstraint("channel_id", "file_id", name="uq_channel_file_channel_file"),
-    )
-
-
-class ChannelFileModel(BaseModel):
-    model_config = ConfigDict(from_attributes=True)
-
-    id: str
-
-    channel_id: str
-    file_id: str
-    user_id: str
-
-    created_at: int  # timestamp in epoch (time_ns)
-    updated_at: int  # timestamp in epoch (time_ns)
-
-
 class ChannelWebhook(Base):
     __tablename__ = "channel_webhook"
 
@@ -685,135 +642,6 @@ class ChannelTable:
             channel = db.query(Channel).filter(Channel.id == id).first()
             return ChannelModel.model_validate(channel) if channel else None
 
-    def get_channels_by_file_id(self, file_id: str) -> list[ChannelModel]:
-        with get_db() as db:
-            channel_files = (
-                db.query(ChannelFile).filter(ChannelFile.file_id == file_id).all()
-            )
-            channel_ids = [cf.channel_id for cf in channel_files]
-            channels = db.query(Channel).filter(Channel.id.in_(channel_ids)).all()
-            return [ChannelModel.model_validate(channel) for channel in channels]
-
-    def get_channels_by_file_id_and_user_id(
-        self, file_id: str, user_id: str
-    ) -> list[ChannelModel]:
-        with get_db() as db:
-            # 1. Determine which channels have this file
-            channel_file_rows = (
-                db.query(ChannelFile).filter(ChannelFile.file_id == file_id).all()
-            )
-            channel_ids = [row.channel_id for row in channel_file_rows]
-
-            if not channel_ids:
-                return []
-
-            # 2. Load all channel rows that still exist
-            channels = (
-                db.query(Channel)
-                .filter(
-                    Channel.id.in_(channel_ids),
-                    Channel.deleted_at.is_(None),
-                    Channel.archived_at.is_(None),
-                )
-                .all()
-            )
-            if not channels:
-                return []
-
-            # Preload user's group membership
-            user_group_ids = [g.id for g in Groups.get_groups_by_member_id(user_id)]
-
-            allowed_channels = []
-
-            for channel in channels:
-                # --- Case A: group or dm => user must be an active member ---
-                if channel.type in ["group", "dm"]:
-                    membership = (
-                        db.query(ChannelMember)
-                        .filter(
-                            ChannelMember.channel_id == channel.id,
-                            ChannelMember.user_id == user_id,
-                            ChannelMember.is_active.is_(True),
-                        )
-                        .first()
-                    )
-                    if membership:
-                        allowed_channels.append(ChannelModel.model_validate(channel))
-                    continue
-
-                # --- Case B: standard channel => rely on ACL permissions ---
-                query = db.query(Channel).filter(Channel.id == channel.id)
-
-                query = self._has_permission(
-                    db,
-                    query,
-                    {"user_id": user_id, "group_ids": user_group_ids},
-                    permission="read",
-                )
-
-                allowed = query.first()
-                if allowed:
-                    allowed_channels.append(ChannelModel.model_validate(allowed))
-
-            return allowed_channels
-
-    def get_channel_by_id_and_user_id(
-        self, id: str, user_id: str
-    ) -> Optional[ChannelModel]:
-        with get_db() as db:
-            # Fetch the channel
-            channel: Channel = (
-                db.query(Channel)
-                .filter(
-                    Channel.id == id,
-                    Channel.deleted_at.is_(None),
-                    Channel.archived_at.is_(None),
-                )
-                .first()
-            )
-
-            if not channel:
-                return None
-
-            # If the channel is a group or dm, read access requires membership (active)
-            if channel.type in ["group", "dm"]:
-                membership = (
-                    db.query(ChannelMember)
-                    .filter(
-                        ChannelMember.channel_id == id,
-                        ChannelMember.user_id == user_id,
-                        ChannelMember.is_active.is_(True),
-                    )
-                    .first()
-                )
-                if membership:
-                    return ChannelModel.model_validate(channel)
-                else:
-                    return None
-
-            # For channels that are NOT group/dm, fall back to ACL-based read access
-            query = db.query(Channel).filter(Channel.id == id)
-
-            # Determine user groups
-            user_group_ids = [
-                group.id for group in Groups.get_groups_by_member_id(user_id)
-            ]
-
-            # Apply ACL rules
-            query = self._has_permission(
-                db,
-                query,
-                {"user_id": user_id, "group_ids": user_group_ids},
-                permission="read",
-            )
-
-            channel_allowed = query.first()
-            return (
-                ChannelModel.model_validate(channel_allowed)
-                if channel_allowed
-                else None
-            )
-
     def update_channel_by_id(
         self, id: str, form_data: ChannelForm
     ) -> Optional[ChannelModel]:
@@ -835,44 +663,6 @@ class ChannelTable:
             db.commit()
             return ChannelModel.model_validate(channel) if channel else None
 
-    def add_file_to_channel_by_id(
-        self, channel_id: str, file_id: str, user_id: str
-    ) -> Optional[ChannelFileModel]:
-        with get_db() as db:
-            channel_file = ChannelFileModel(
-                **{
-                    "id": str(uuid.uuid4()),
-                    "channel_id": channel_id,
-                    "file_id": file_id,
-                    "user_id": user_id,
-                    "created_at": int(time.time()),
-                    "updated_at": int(time.time()),
-                }
-            )
-
-            try:
-                result = ChannelFile(**channel_file.model_dump())
-                db.add(result)
-                db.commit()
-                db.refresh(result)
-                if result:
-                    return ChannelFileModel.model_validate(result)
-                else:
-                    return None
-            except Exception:
-                return None
-
-    def remove_file_from_channel_by_id(self, channel_id: str, file_id: str) -> bool:
-        try:
-            with get_db() as db:
-                db.query(ChannelFile).filter_by(
-                    channel_id=channel_id, file_id=file_id
-                ).delete()
-                db.commit()
-                return True
-        except Exception:
-            return False
-
     def delete_channel_by_id(self, id: str):
         with get_db() as db:
             db.query(Channel).filter(Channel.id == id).delete()

backend/open_webui/models/chats.py

@@ -126,49 +126,6 @@ class ChatTitleIdResponse(BaseModel):
     created_at: int
 
 
-class ChatListResponse(BaseModel):
-    items: list[ChatModel]
-    total: int
-
-
-class ChatUsageStatsResponse(BaseModel):
-    id: str  # chat id
-
-    models: dict = {}  # models used in the chat with their usage counts
-    message_count: int  # number of messages in the chat
-
-    history_models: dict = {}  # models used in the chat history with their usage counts
-    history_message_count: int  # number of messages in the chat history
-    history_user_message_count: int  # number of user messages in the chat history
-    history_assistant_message_count: (
-        int  # number of assistant messages in the chat history
-    )
-
-    average_response_time: (
-        float  # average response time of assistant messages in seconds
-    )
-    average_user_message_content_length: (
-        float  # average length of user message contents
-    )
-    average_assistant_message_content_length: (
-        float  # average length of assistant message contents
-    )
-
-    tags: list[str] = []  # tags associated with the chat
-
-    last_message_at: int  # timestamp of the last message
-    updated_at: int
-    created_at: int
-
-    model_config = ConfigDict(extra="allow")
-
-
-class ChatUsageStatsListResponse(BaseModel):
-    items: list[ChatUsageStatsResponse]
-    total: int
-    model_config = ConfigDict(extra="allow")
-
-
 class ChatTable:
     def _clean_null_bytes(self, obj):
         """
@@ -718,31 +675,14 @@ class ChatTable:
             )
             return [ChatModel.model_validate(chat) for chat in all_chats]
 
-    def get_chats_by_user_id(
+    def get_chats_by_user_id(self, user_id: str) -> list[ChatModel]:
-        self, user_id: str, skip: Optional[int] = None, limit: Optional[int] = None
-    ) -> ChatListResponse:
         with get_db() as db:
-            query = (
+            all_chats = (
                 db.query(Chat)
                 .filter_by(user_id=user_id)
                 .order_by(Chat.updated_at.desc())
             )
-
+            return [ChatModel.model_validate(chat) for chat in all_chats]
-            total = query.count()
-
-            if skip is not None:
-                query = query.offset(skip)
-            if limit is not None:
-                query = query.limit(limit)
-
-            all_chats = query.all()
-
-            return ChatListResponse(
-                **{
-                    "items": [ChatModel.model_validate(chat) for chat in all_chats],
-                    "total": total,
-                }
-            )
 
     def get_pinned_chats_by_user_id(self, user_id: str) -> list[ChatModel]:
         with get_db() as db:

backend/open_webui/models/files.py

@@ -238,7 +238,6 @@ class FilesTable:
             try:
                 file = db.query(File).filter_by(id=id).first()
                 file.hash = hash
-                file.updated_at = int(time.time())
                 db.commit()
 
                 return FileModel.model_validate(file)
@@ -250,7 +249,6 @@ class FilesTable:
             try:
                 file = db.query(File).filter_by(id=id).first()
                 file.data = {**(file.data if file.data else {}), **data}
-                file.updated_at = int(time.time())
                 db.commit()
                 return FileModel.model_validate(file)
             except Exception as e:
@@ -262,7 +260,6 @@ class FilesTable:
             try:
                 file = db.query(File).filter_by(id=id).first()
                 file.meta = {**(file.meta if file.meta else {}), **meta}
-                file.updated_at = int(time.time())
                 db.commit()
                 return FileModel.model_validate(file)
             except Exception:

backend/open_webui/models/knowledge.py

@@ -7,14 +7,9 @@ import uuid
 from open_webui.internal.db import Base, get_db
 from open_webui.env import SRC_LOG_LEVELS
 
-from open_webui.models.files import (
+from open_webui.models.files import File, FileModel, FileMetadataResponse
-    File,
-    FileModel,
-    FileMetadataResponse,
-    FileModelResponse,
-)
 from open_webui.models.groups import Groups
-from open_webui.models.users import User, UserModel, Users, UserResponse
+from open_webui.models.users import Users, UserResponse
 
 
 from pydantic import BaseModel, ConfigDict
@@ -26,7 +21,6 @@ from sqlalchemy import (
     Text,
     JSON,
     UniqueConstraint,
-    or_,
 )
 
 from open_webui.utils.access_control import has_access
@@ -141,15 +135,6 @@ class KnowledgeForm(BaseModel):
     access_control: Optional[dict] = None
 
 
-class FileUserResponse(FileModelResponse):
-    user: Optional[UserResponse] = None
-
-
-class KnowledgeFileListResponse(BaseModel):
-    items: list[FileUserResponse]
-    total: int
-
-
 class KnowledgeTable:
     def insert_new_knowledge(
         self, user_id: str, form_data: KnowledgeForm
@@ -232,21 +217,6 @@ class KnowledgeTable:
         except Exception:
             return None
 
-    def get_knowledge_by_id_and_user_id(
-        self, id: str, user_id: str
-    ) -> Optional[KnowledgeModel]:
-        knowledge = self.get_knowledge_by_id(id)
-        if not knowledge:
-            return None
-
-        if knowledge.user_id == user_id:
-            return knowledge
-
-        user_group_ids = {group.id for group in Groups.get_groups_by_member_id(user_id)}
-        if has_access(user_id, "write", knowledge.access_control, user_group_ids):
-            return knowledge
-        return None
-
     def get_knowledges_by_file_id(self, file_id: str) -> list[KnowledgeModel]:
         try:
             with get_db() as db:
@@ -262,88 +232,6 @@ class KnowledgeTable:
         except Exception:
             return []
 
-    def search_files_by_id(
-        self,
-        knowledge_id: str,
-        user_id: str,
-        filter: dict,
-        skip: int = 0,
-        limit: int = 30,
-    ) -> KnowledgeFileListResponse:
-        try:
-            with get_db() as db:
-                query = (
-                    db.query(File, User)
-                    .join(KnowledgeFile, File.id == KnowledgeFile.file_id)
-                    .outerjoin(User, User.id == KnowledgeFile.user_id)
-                    .filter(KnowledgeFile.knowledge_id == knowledge_id)
-                )
-
-                if filter:
-                    query_key = filter.get("query")
-                    if query_key:
-                        query = query.filter(or_(File.filename.ilike(f"%{query_key}%")))
-
-                    view_option = filter.get("view_option")
-                    if view_option == "created":
-                        query = query.filter(KnowledgeFile.user_id == user_id)
-                    elif view_option == "shared":
-                        query = query.filter(KnowledgeFile.user_id != user_id)
-
-                    order_by = filter.get("order_by")
-                    direction = filter.get("direction")
-
-                    if order_by == "name":
-                        if direction == "asc":
-                            query = query.order_by(File.filename.asc())
-                        else:
-                            query = query.order_by(File.filename.desc())
-                    elif order_by == "created_at":
-                        if direction == "asc":
-                            query = query.order_by(File.created_at.asc())
-                        else:
-                            query = query.order_by(File.created_at.desc())
-                    elif order_by == "updated_at":
-                        if direction == "asc":
-                            query = query.order_by(File.updated_at.asc())
-                        else:
-                            query = query.order_by(File.updated_at.desc())
-                    else:
-                        query = query.order_by(File.updated_at.desc())
-
-                else:
-                    query = query.order_by(File.updated_at.desc())
-
-                # Count BEFORE pagination
-                total = query.count()
-
-                if skip:
-                    query = query.offset(skip)
-                if limit:
-                    query = query.limit(limit)
-
-                items = query.all()
-
-                files = []
-                for file, user in items:
-                    files.append(
-                        FileUserResponse(
-                            **FileModel.model_validate(file).model_dump(),
-                            user=(
-                                UserResponse(
-                                    **UserModel.model_validate(user).model_dump()
-                                )
-                                if user
-                                else None
-                            ),
-                        )
-                    )
-
-                return KnowledgeFileListResponse(items=files, total=total)
-        except Exception as e:
-            print(e)
-            return KnowledgeFileListResponse(items=[], total=0)
-
     def get_files_by_id(self, knowledge_id: str) -> list[FileModel]:
         try:
             with get_db() as db:

backend/open_webui/models/notes.py

@@ -7,15 +7,12 @@ from functools import lru_cache
 from open_webui.internal.db import Base, get_db
 from open_webui.models.groups import Groups
 from open_webui.utils.access_control import has_access
-from open_webui.models.users import User, UserModel, Users, UserResponse
+from open_webui.models.users import Users, UserResponse
 
 
 from pydantic import BaseModel, ConfigDict
 from sqlalchemy import BigInteger, Boolean, Column, String, Text, JSON
-from sqlalchemy.dialects.postgresql import JSONB
+from sqlalchemy import or_, func, select, and_, text
-
-
-from sqlalchemy import or_, func, select, and_, text, cast, or_, and_, func
 from sqlalchemy.sql import exists
 
 ####################
@@ -78,138 +75,7 @@ class NoteUserResponse(NoteModel):
     user: Optional[UserResponse] = None
 
 
-class NoteItemResponse(BaseModel):
-    id: str
-    title: str
-    data: Optional[dict]
-    updated_at: int
-    created_at: int
-    user: Optional[UserResponse] = None
-
-
-class NoteListResponse(BaseModel):
-    items: list[NoteUserResponse]
-    total: int
-
-
 class NoteTable:
-    def _has_permission(self, db, query, filter: dict, permission: str = "read"):
-        group_ids = filter.get("group_ids", [])
-        user_id = filter.get("user_id")
-        dialect_name = db.bind.dialect.name
-
-        conditions = []
-
-        # Handle read_only permission separately
-        if permission == "read_only":
-            # For read_only, we want items where:
-            # 1. User has explicit read permission (via groups or user-level)
-            # 2. BUT does NOT have write permission
-            # 3. Public items are NOT considered read_only
-
-            read_conditions = []
-
-            # Group-level read permission
-            if group_ids:
-                group_read_conditions = []
-                for gid in group_ids:
-                    if dialect_name == "sqlite":
-                        group_read_conditions.append(
-                            Note.access_control["read"]["group_ids"].contains([gid])
-                        )
-                    elif dialect_name == "postgresql":
-                        group_read_conditions.append(
-                            cast(
-                                Note.access_control["read"]["group_ids"],
-                                JSONB,
-                            ).contains([gid])
-                        )
-
-                if group_read_conditions:
-                    read_conditions.append(or_(*group_read_conditions))
-
-            # Combine read conditions
-            if read_conditions:
-                has_read = or_(*read_conditions)
-            else:
-                # If no read conditions, return empty result
-                return query.filter(False)
-
-            # Now exclude items where user has write permission
-            write_exclusions = []
-
-            # Exclude items owned by user (they have implicit write)
-            if user_id:
-                write_exclusions.append(Note.user_id != user_id)
-
-            # Exclude items where user has explicit write permission via groups
-            if group_ids:
-                group_write_conditions = []
-                for gid in group_ids:
-                    if dialect_name == "sqlite":
-                        group_write_conditions.append(
-                            Note.access_control["write"]["group_ids"].contains([gid])
-                        )
-                    elif dialect_name == "postgresql":
-                        group_write_conditions.append(
-                            cast(
-                                Note.access_control["write"]["group_ids"],
-                                JSONB,
-                            ).contains([gid])
-                        )
-
-                if group_write_conditions:
-                    # User should NOT have write permission
-                    write_exclusions.append(~or_(*group_write_conditions))
-
-            # Exclude public items (items without access_control)
-            write_exclusions.append(Note.access_control.isnot(None))
-            write_exclusions.append(cast(Note.access_control, String) != "null")
-
-            # Combine: has read AND does not have write AND not public
-            if write_exclusions:
-                query = query.filter(and_(has_read, *write_exclusions))
-            else:
-                query = query.filter(has_read)
-
-            return query
-
-        # Original logic for other permissions (read, write, etc.)
-        # Public access conditions
-        if group_ids or user_id:
-            conditions.extend(
-                [
-                    Note.access_control.is_(None),
-                    cast(Note.access_control, String) == "null",
-                ]
-            )
-
-        # User-level permission (owner has all permissions)
-        if user_id:
-            conditions.append(Note.user_id == user_id)
-
-        # Group-level permission
-        if group_ids:
-            group_conditions = []
-            for gid in group_ids:
-                if dialect_name == "sqlite":
-                    group_conditions.append(
-                        Note.access_control[permission]["group_ids"].contains([gid])
-                    )
-                elif dialect_name == "postgresql":
-                    group_conditions.append(
-                        cast(
-                            Note.access_control[permission]["group_ids"],
-                            JSONB,
-                        ).contains([gid])
-                    )
-            conditions.append(or_(*group_conditions))
-
-        if conditions:
-            query = query.filter(or_(*conditions))
-
-        return query
-
     def insert_new_note(
         self,
         form_data: NoteForm,
@@ -244,105 +110,15 @@ class NoteTable:
             notes = query.all()
             return [NoteModel.model_validate(note) for note in notes]
 
-    def search_notes(
-        self, user_id: str, filter: dict = {}, skip: int = 0, limit: int = 30
-    ) -> NoteListResponse:
-        with get_db() as db:
-            query = db.query(Note, User).outerjoin(User, User.id == Note.user_id)
-            if filter:
-                query_key = filter.get("query")
-                if query_key:
-                    query = query.filter(
-                        or_(
-                            Note.title.ilike(f"%{query_key}%"),
-                            Note.data["content"]["md"].ilike(f"%{query_key}%"),
-                        )
-                    )
-
-                view_option = filter.get("view_option")
-                if view_option == "created":
-                    query = query.filter(Note.user_id == user_id)
-                elif view_option == "shared":
-                    query = query.filter(Note.user_id != user_id)
-
-                # Apply access control filtering
-                if "permission" in filter:
-                    permission = filter["permission"]
-                else:
-                    permission = "write"
-
-                query = self._has_permission(
-                    db,
-                    query,
-                    filter,
-                    permission=permission,
-                )
-
-                order_by = filter.get("order_by")
-                direction = filter.get("direction")
-
-                if order_by == "name":
-                    if direction == "asc":
-                        query = query.order_by(Note.title.asc())
-                    else:
-                        query = query.order_by(Note.title.desc())
-                elif order_by == "created_at":
-                    if direction == "asc":
-                        query = query.order_by(Note.created_at.asc())
-                    else:
-                        query = query.order_by(Note.created_at.desc())
-                elif order_by == "updated_at":
-                    if direction == "asc":
-                        query = query.order_by(Note.updated_at.asc())
-                    else:
-                        query = query.order_by(Note.updated_at.desc())
-                else:
-                    query = query.order_by(Note.updated_at.desc())
-
-            else:
-                query = query.order_by(Note.updated_at.desc())
-
-            # Count BEFORE pagination
-            total = query.count()
-
-            if skip:
-                query = query.offset(skip)
-            if limit:
-                query = query.limit(limit)
-
-            items = query.all()
-
-            notes = []
-            for note, user in items:
-                notes.append(
-                    NoteUserResponse(
-                        **NoteModel.model_validate(note).model_dump(),
-                        user=(
-                            UserResponse(**UserModel.model_validate(user).model_dump())
-                            if user
-                            else None
-                        ),
-                    )
-                )
-
-            return NoteListResponse(items=notes, total=total)
-
     def get_notes_by_user_id(
         self,
         user_id: str,
-        permission: str = "read",
         skip: Optional[int] = None,
         limit: Optional[int] = None,
     ) -> list[NoteModel]:
         with get_db() as db:
-            user_group_ids = [
+            query = db.query(Note).filter(Note.user_id == user_id)
-                group.id for group in Groups.get_groups_by_member_id(user_id)
+            query = query.order_by(Note.updated_at.desc())
-            ]
-
-            query = db.query(Note).order_by(Note.updated_at.desc())
-            query = self._has_permission(
-                db, query, {"user_id": user_id, "group_ids": user_group_ids}, permission
-            )
 
             if skip is not None:
                 query = query.offset(skip)
@@ -352,6 +128,56 @@ class NoteTable:
             notes = query.all()
             return [NoteModel.model_validate(note) for note in notes]
 
+    def get_notes_by_permission(
+        self,
+        user_id: str,
+        permission: str = "write",
+        skip: Optional[int] = None,
+        limit: Optional[int] = None,
+    ) -> list[NoteModel]:
+        with get_db() as db:
+            user_groups = Groups.get_groups_by_member_id(user_id)
+            user_group_ids = {group.id for group in user_groups}
+
+            # Order newest-first. We stream to keep memory usage low.
+            query = (
+                db.query(Note)
+                .order_by(Note.updated_at.desc())
+                .execution_options(stream_results=True)
+                .yield_per(256)
+            )
+
+            results: list[NoteModel] = []
+            n_skipped = 0
+
+            for note in query:
+                # Fast-pass #1: owner
+                if note.user_id == user_id:
+                    permitted = True
+                # Fast-pass #2: public/open
+                elif note.access_control is None:
+                    # Technically this should mean public access for both read and write, but we'll only do read for now
+                    # We might want to change this behavior later
+                    permitted = permission == "read"
+                else:
+                    permitted = has_access(
+                        user_id, permission, note.access_control, user_group_ids
+                    )
+
+                if not permitted:
+                    continue
+
+                # Apply skip AFTER permission filtering so it counts only accessible notes
+                if skip and n_skipped < skip:
+                    n_skipped += 1
+                    continue
+
+                results.append(NoteModel.model_validate(note))
+                if limit is not None and len(results) >= limit:
+                    break
+
+            return results
+
     def get_note_by_id(self, id: str) -> Optional[NoteModel]:
         with get_db() as db:
             note = db.query(Note).filter(Note.id == id).first()

backend/open_webui/models/users.py

@@ -5,11 +5,11 @@ from open_webui.internal.db import Base, JSONField, get_db
 
 
 from open_webui.env import DATABASE_USER_ACTIVE_STATUS_UPDATE_INTERVAL
-
 from open_webui.models.chats import Chats
 from open_webui.models.groups import Groups, GroupMember
 from open_webui.models.channels import ChannelMember
 
+
 from open_webui.utils.misc import throttle
 
 

backend/open_webui/routers/chats.py

@@ -3,12 +3,10 @@ import logging
 from typing import Optional
 
 
-from open_webui.utils.misc import get_message_list
 from open_webui.socket.main import get_event_emitter
 from open_webui.models.chats import (
     ChatForm,
     ChatImportForm,
-    ChatUsageStatsListResponse,
     ChatsImportForm,
     ChatResponse,
     Chats,
@@ -68,132 +66,6 @@ def get_session_user_chat_list(
         )
 
 
-############################
-# GetChatUsageStats
-# EXPERIMENTAL: may be removed in future releases
-############################
-
-
-@router.get("/stats/usage", response_model=ChatUsageStatsListResponse)
-def get_session_user_chat_usage_stats(
-    items_per_page: Optional[int] = 50,
-    page: Optional[int] = 1,
-    user=Depends(get_verified_user),
-):
-    try:
-        limit = items_per_page
-        skip = (page - 1) * limit
-
-        result = Chats.get_chats_by_user_id(user.id, skip=skip, limit=limit)
-
-        chats = result.items
-        total = result.total
-
-        chat_stats = []
-        for chat in chats:
-            messages_map = chat.chat.get("history", {}).get("messages", {})
-            message_id = chat.chat.get("history", {}).get("currentId")
-
-            if messages_map and message_id:
-                try:
-                    history_models = {}
-                    history_message_count = len(messages_map)
-                    history_user_messages = []
-                    history_assistant_messages = []
-
-                    for message in messages_map.values():
-                        if message.get("role", "") == "user":
-                            history_user_messages.append(message)
-                        elif message.get("role", "") == "assistant":
-                            history_assistant_messages.append(message)
-                            model = message.get("model", None)
-                            if model:
-                                if model not in history_models:
-                                    history_models[model] = 0
-                                history_models[model] += 1
-
-                    average_user_message_content_length = (
-                        sum(
-                            len(message.get("content", ""))
-                            for message in history_user_messages
-                        )
-                        / len(history_user_messages)
-                        if len(history_user_messages) > 0
-                        else 0
-                    )
-                    average_assistant_message_content_length = (
-                        sum(
-                            len(message.get("content", ""))
-                            for message in history_assistant_messages
-                        )
-                        / len(history_assistant_messages)
-                        if len(history_assistant_messages) > 0
-                        else 0
-                    )
-
-                    response_times = []
-                    for message in history_assistant_messages:
-                        user_message_id = message.get("parentId", None)
-                        if user_message_id and user_message_id in messages_map:
-                            user_message = messages_map[user_message_id]
-                            response_time = message.get(
-                                "timestamp", 0
-                            ) - user_message.get("timestamp", 0)
-
-                            response_times.append(response_time)
-
-                    average_response_time = (
-                        sum(response_times) / len(response_times)
-                        if len(response_times) > 0
-                        else 0
-                    )
-
-                    message_list = get_message_list(messages_map, message_id)
-                    message_count = len(message_list)
-
-                    models = {}
-                    for message in reversed(message_list):
-                        if message.get("role") == "assistant":
-                            model = message.get("model", None)
-                            if model:
-                                if model not in models:
-                                    models[model] = 0
-                                models[model] += 1
-
-                            annotation = message.get("annotation", {})
-
-                    chat_stats.append(
-                        {
-                            "id": chat.id,
-                            "models": models,
-                            "message_count": message_count,
-                            "history_models": history_models,
-                            "history_message_count": history_message_count,
-                            "history_user_message_count": len(history_user_messages),
-                            "history_assistant_message_count": len(
-                                history_assistant_messages
-                            ),
-                            "average_response_time": average_response_time,
-                            "average_user_message_content_length": average_user_message_content_length,
-                            "average_assistant_message_content_length": average_assistant_message_content_length,
-                            "tags": chat.meta.get("tags", []),
-                            "last_message_at": message_list[-1].get("timestamp", None),
-                            "updated_at": chat.updated_at,
-                            "created_at": chat.created_at,
-                        }
-                    )
-                except Exception as e:
-                    pass
-
-        return ChatUsageStatsListResponse(items=chat_stats, total=total)
-
-    except Exception as e:
-        log.exception(e)
-        raise HTTPException(
-            status_code=status.HTTP_400_BAD_REQUEST, detail=ERROR_MESSAGES.DEFAULT()
-        )
-
-
 ############################
 # DeleteAllChats
 ############################

backend/open_webui/routers/files.py

@@ -27,7 +27,6 @@ from open_webui.constants import ERROR_MESSAGES
 from open_webui.env import SRC_LOG_LEVELS
 from open_webui.retrieval.vector.factory import VECTOR_DB_CLIENT
 
-from open_webui.models.channels import Channels
 from open_webui.models.users import Users
 from open_webui.models.files import (
     FileForm,
@@ -92,10 +91,6 @@ def has_access_to_file(
             if knowledge_base.id == knowledge_base_id:
                 return True
 
-    channels = Channels.get_channels_by_file_id_and_user_id(file_id, user.id)
-    if access_type == "read" and channels:
-        return True
-
     return False
 
 
@@ -143,7 +138,6 @@ def process_uploaded_file(request, file, file_path, file_item, file_metadata, us
                 f"File type {file.content_type} is not provided, but trying to process anyway"
             )
             process_file(request, ProcessFileForm(file_id=file_item.id), user=user)
-
     except Exception as e:
         log.error(f"Error processing file: {file_item.id}")
         Files.update_file_data_by_id(
@@ -253,13 +247,6 @@ def upload_file_handler(
             ),
         )
 
-        if "channel_id" in file_metadata:
-            channel = Channels.get_channel_by_id_and_user_id(
-                file_metadata["channel_id"], user.id
-            )
-            if channel:
-                Channels.add_file_to_channel_by_id(channel.id, file_item.id, user.id)
-
         if process:
             if background_tasks and process_in_background:
                 background_tasks.add_task(

backend/open_webui/routers/knowledge.py

@@ -5,7 +5,6 @@ from fastapi.concurrency import run_in_threadpool
 import logging
 
 from open_webui.models.knowledge import (
-    KnowledgeFileListResponse,
     Knowledges,
     KnowledgeForm,
     KnowledgeResponse,
@@ -265,59 +264,6 @@ async def update_knowledge_by_id(
         )
 
 
-############################
-# GetKnowledgeFilesById
-############################
-
-
-@router.get("/{id}/files", response_model=KnowledgeFileListResponse)
-async def get_knowledge_files_by_id(
-    id: str,
-    query: Optional[str] = None,
-    view_option: Optional[str] = None,
-    order_by: Optional[str] = None,
-    direction: Optional[str] = None,
-    page: Optional[int] = 1,
-    user=Depends(get_verified_user),
-):
-
-    knowledge = Knowledges.get_knowledge_by_id(id=id)
-    if not knowledge:
-        raise HTTPException(
-            status_code=status.HTTP_400_BAD_REQUEST,
-            detail=ERROR_MESSAGES.NOT_FOUND,
-        )
-
-    if not (
-        user.role == "admin"
-        or knowledge.user_id == user.id
-        or has_access(user.id, "read", knowledge.access_control)
-    ):
-        raise HTTPException(
-            status_code=status.HTTP_400_BAD_REQUEST,
-            detail=ERROR_MESSAGES.ACCESS_PROHIBITED,
-        )
-
-    page = max(page, 1)
-
-    limit = 30
-    skip = (page - 1) * limit
-
-    filter = {}
-    if query:
-        filter["query"] = query
-    if view_option:
-        filter["view_option"] = view_option
-    if order_by:
-        filter["order_by"] = order_by
-    if direction:
-        filter["direction"] = direction
-
-    return Knowledges.search_files_by_id(
-        id, user.id, filter=filter, skip=skip, limit=limit
-    )
-
-
 ############################
 # AddFileToKnowledge
 ############################
@@ -363,6 +309,11 @@ def add_file_to_knowledge_by_id(
             detail=ERROR_MESSAGES.FILE_NOT_PROCESSED,
         )
 
+    # Add file to knowledge base
+    Knowledges.add_file_to_knowledge_by_id(
+        knowledge_id=id, file_id=form_data.file_id, user_id=user.id
+    )
+
     # Add content to the vector database
     try:
         process_file(
@@ -370,11 +321,6 @@ def add_file_to_knowledge_by_id(
             ProcessFileForm(file_id=form_data.file_id, collection_name=id),
             user=user,
         )
-
-        # Add file to knowledge base
-        Knowledges.add_file_to_knowledge_by_id(
-            knowledge_id=id, file_id=form_data.file_id, user_id=user.id
-        )
     except Exception as e:
         log.debug(e)
         raise HTTPException(

backend/open_webui/routers/notes.py

@@ -8,21 +8,11 @@ from pydantic import BaseModel
 
 from open_webui.socket.main import sio
 
-from open_webui.models.groups import Groups
-from open_webui.models.users import Users, UserResponse
-from open_webui.models.notes import (
-    NoteListResponse,
-    Notes,
-    NoteModel,
-    NoteForm,
-    NoteUserResponse,
-)
 
-from open_webui.config import (
+from open_webui.models.users import Users, UserResponse
-    BYPASS_ADMIN_ACCESS_CONTROL,
+from open_webui.models.notes import Notes, NoteModel, NoteForm, NoteUserResponse
-    ENABLE_ADMIN_CHAT_ACCESS,
+
-    ENABLE_ADMIN_EXPORT,
+from open_webui.config import ENABLE_ADMIN_CHAT_ACCESS, ENABLE_ADMIN_EXPORT
-)
 from open_webui.constants import ERROR_MESSAGES
 from open_webui.env import SRC_LOG_LEVELS
 
@@ -40,17 +30,39 @@ router = APIRouter()
 ############################
 
 
-class NoteItemResponse(BaseModel):
+@router.get("/", response_model=list[NoteUserResponse])
+async def get_notes(request: Request, user=Depends(get_verified_user)):
+
+    if user.role != "admin" and not has_permission(
+        user.id, "features.notes", request.app.state.config.USER_PERMISSIONS
+    ):
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail=ERROR_MESSAGES.UNAUTHORIZED,
+        )
+
+    notes = [
+        NoteUserResponse(
+            **{
+                **note.model_dump(),
+                "user": UserResponse(**Users.get_user_by_id(note.user_id).model_dump()),
+            }
+        )
+        for note in Notes.get_notes_by_permission(user.id, "write")
+    ]
+
+    return notes
+
+
+class NoteTitleIdResponse(BaseModel):
     id: str
     title: str
-    data: Optional[dict]
     updated_at: int
     created_at: int
-    user: Optional[UserResponse] = None
 
 
-@router.get("/", response_model=list[NoteItemResponse])
+@router.get("/list", response_model=list[NoteTitleIdResponse])
-async def get_notes(
+async def get_note_list(
     request: Request, page: Optional[int] = None, user=Depends(get_verified_user)
 ):
     if user.role != "admin" and not has_permission(
@@ -68,64 +80,15 @@ async def get_notes(
         skip = (page - 1) * limit
 
     notes = [
-        NoteUserResponse(
+        NoteTitleIdResponse(**note.model_dump())
-            **{
+        for note in Notes.get_notes_by_permission(
-                **note.model_dump(),
+            user.id, "write", skip=skip, limit=limit
-                "user": UserResponse(**Users.get_user_by_id(note.user_id).model_dump()),
-            }
         )
-        for note in Notes.get_notes_by_user_id(user.id, "read", skip=skip, limit=limit)
     ]
+
     return notes
 
 
-@router.get("/search", response_model=NoteListResponse)
-async def search_notes(
-    request: Request,
-    query: Optional[str] = None,
-    view_option: Optional[str] = None,
-    permission: Optional[str] = None,
-    order_by: Optional[str] = None,
-    direction: Optional[str] = None,
-    page: Optional[int] = 1,
-    user=Depends(get_verified_user),
-):
-    if user.role != "admin" and not has_permission(
-        user.id, "features.notes", request.app.state.config.USER_PERMISSIONS
-    ):
-        raise HTTPException(
-            status_code=status.HTTP_401_UNAUTHORIZED,
-            detail=ERROR_MESSAGES.UNAUTHORIZED,
-        )
-
-    limit = None
-    skip = None
-    if page is not None:
-        limit = 60
-        skip = (page - 1) * limit
-
-    filter = {}
-    if query:
-        filter["query"] = query
-    if view_option:
-        filter["view_option"] = view_option
-    if permission:
-        filter["permission"] = permission
-    if order_by:
-        filter["order_by"] = order_by
-    if direction:
-        filter["direction"] = direction
-
-    if not user.role == "admin" or not BYPASS_ADMIN_ACCESS_CONTROL:
-        groups = Groups.get_groups_by_member_id(user.id)
-        if groups:
-            filter["group_ids"] = [group.id for group in groups]
-
-        filter["user_id"] = user.id
-
-    return Notes.search_notes(user.id, filter, skip=skip, limit=limit)
-
-
 ############################
 # CreateNewNote
 ############################
@@ -135,6 +98,7 @@ async def search_notes(
 async def create_new_note(
     request: Request, form_data: NoteForm, user=Depends(get_verified_user)
 ):
+
     if user.role != "admin" and not has_permission(
         user.id, "features.notes", request.app.state.config.USER_PERMISSIONS
     ):
@@ -158,11 +122,7 @@ async def create_new_note(
 ############################
 
 
-class NoteResponse(NoteModel):
+@router.get("/{id}", response_model=Optional[NoteModel])
-    write_access: bool = False
-
-
-@router.get("/{id}", response_model=Optional[NoteResponse])
 async def get_note_by_id(request: Request, id: str, user=Depends(get_verified_user)):
     if user.role != "admin" and not has_permission(
         user.id, "features.notes", request.app.state.config.USER_PERMISSIONS
@@ -186,15 +146,7 @@ async def get_note_by_id(request: Request, id: str, user=Depends(get_verified_us
             status_code=status.HTTP_403_FORBIDDEN, detail=ERROR_MESSAGES.DEFAULT()
         )
 
-    write_access = (
+    return note
-        user.role == "admin"
-        or (user.id == note.user_id)
-        or has_access(
-            user.id, type="write", access_control=note.access_control, strict=False
-        )
-    )
-
-    return NoteResponse(**note.model_dump(), write_access=write_access)
 
 
 ############################

backend/open_webui/utils/misc.py

@@ -624,17 +624,14 @@ def stream_chunks_handler(stream: aiohttp.StreamReader):
                         yield line
                     else:
                         yield b"data: {}"
-                        yield b"\n"
                 else:
                     # Normal mode: check if line exceeds limit
                     if len(line) > max_buffer_size:
                         skip_mode = True
                         yield b"data: {}"
-                        yield b"\n"
                         log.info(f"Skip mode triggered, line size: {len(line)}")
                     else:
                         yield line
-                        yield b"\n"
 
             # Save the last incomplete fragment
             buffer = lines[-1]
@@ -649,6 +646,5 @@ def stream_chunks_handler(stream: aiohttp.StreamReader):
         # Process remaining buffer data
         if buffer and not skip_mode:
             yield buffer
-            yield b"\n"
 
     return yield_safe_stream_chunks()

backend/requirements-min.txt

@@ -1,7 +1,7 @@
 # Minimal requirements for backend to run
 # WIP: use this as a reference to build a minimal docker image
 
-fastapi==0.124.0
+fastapi==0.123.0
 uvicorn[standard]==0.37.0
 pydantic==2.12.5
 python-multipart==0.0.20
@@ -16,7 +16,7 @@ PyJWT[crypto]==2.10.1
 authlib==1.6.5
 
 requests==2.32.5
-aiohttp==3.13.2
+aiohttp==3.12.15
 async-timeout
 aiocache
 aiofiles
@@ -24,21 +24,21 @@ starlette-compress==1.6.1
 httpx[socks,http2,zstd,cli,brotli]==0.28.1
 starsessions[redis]==2.2.1
 
-sqlalchemy==2.0.44
+sqlalchemy==2.0.38
 alembic==1.17.2
 peewee==3.18.3
 peewee-migrate==1.14.3
 
-pycrdt==0.12.44
+pycrdt==0.12.25
 redis
 
-APScheduler==3.11.1
+APScheduler==3.10.4
-RestrictedPython==8.1
+RestrictedPython==8.0
 
 loguru==0.7.3
 asgiref==3.11.0
 
-mcp==1.23.1
+mcp==1.22.0
 openai
 
 langchain==0.3.27
@@ -46,6 +46,6 @@ langchain-community==0.3.29
 fake-useragent==2.2.0
 
 chromadb==1.3.5
-black==25.12.0
+black==25.11.0
 pydub
 chardet==5.2.0

backend/requirements.txt

@@ -1,4 +1,4 @@
-fastapi==0.124.0
+fastapi==0.123.0
 uvicorn[standard]==0.37.0
 pydantic==2.12.5
 python-multipart==0.0.20
@@ -13,7 +13,7 @@ PyJWT[crypto]==2.10.1
 authlib==1.6.5
 
 requests==2.32.5
-aiohttp==3.13.2
+aiohttp==3.12.15
 async-timeout
 aiocache
 aiofiles
@@ -21,27 +21,27 @@ starlette-compress==1.6.1
 httpx[socks,http2,zstd,cli,brotli]==0.28.1
 starsessions[redis]==2.2.1
 
-sqlalchemy==2.0.44
+sqlalchemy==2.0.38
 alembic==1.17.2
 peewee==3.18.3
 peewee-migrate==1.14.3
 
-pycrdt==0.12.44
+pycrdt==0.12.25
 redis
 
-APScheduler==3.11.1
+APScheduler==3.10.4
-RestrictedPython==8.1
+RestrictedPython==8.0
 
 loguru==0.7.3
 asgiref==3.11.0
 
 # AI libraries
 tiktoken
-mcp==1.23.3
+mcp==1.22.0
 
 openai
 anthropic
-google-genai==1.54.0
+google-genai==1.52.0
 google-generativeai==0.8.5
 
 langchain==0.3.27
@@ -49,8 +49,8 @@ langchain-community==0.3.29
 
 fake-useragent==2.2.0
 chromadb==1.3.5
-weaviate-client==4.18.3
+weaviate-client==4.17.0
-opensearch-py==3.1.0
+opensearch-py==2.8.0
 
 transformers==4.57.3
 sentence-transformers==5.1.2
@@ -60,43 +60,43 @@ einops==0.8.1
 
 ftfy==6.3.1
 chardet==5.2.0
-pypdf==6.4.1
+pypdf==6.4.0
-fpdf2==2.8.5
+fpdf2==2.8.2
-pymdown-extensions==10.18
+pymdown-extensions==10.17.2
-docx2txt==0.9
+docx2txt==0.8
 python-pptx==1.0.2
 unstructured==0.18.21
 msoffcrypto-tool==5.4.2
-nltk==3.9.2
+nltk==3.9.1
 Markdown==3.10
 pypandoc==1.16.2
-pandas==2.3.3
+pandas==2.2.3
 openpyxl==3.1.5
 pyxlsb==1.0.10
-xlrd==2.0.2
+xlrd==2.0.1
 validators==0.35.0
 psutil
 sentencepiece
 soundfile==0.13.1
 
-pillow==12.0.0
+pillow==11.3.0
-opencv-python-headless==4.12.0.88
+opencv-python-headless==4.11.0.86
 rapidocr-onnxruntime==1.4.4
 rank-bm25==0.2.2
 
-onnxruntime==1.23.2
+onnxruntime==1.20.1
-faster-whisper==1.2.1
+faster-whisper==1.1.1
 
-black==25.12.0
+black==25.11.0
-youtube-transcript-api==1.2.3
+youtube-transcript-api==1.2.2
 pytube==15.0.0
 
 pydub
-ddgs==9.9.3
+ddgs==9.9.2
 
 azure-ai-documentintelligence==1.0.2
-azure-identity==1.25.1
+azure-identity==1.25.0
-azure-storage-blob==12.27.1
+azure-storage-blob==12.24.1
 azure-search-documents==11.6.0
 
 ## Google Drive
@@ -105,26 +105,26 @@ google-auth-httplib2
 google-auth-oauthlib
 
 googleapis-common-protos==1.72.0
-google-cloud-storage==3.7.0
+google-cloud-storage==2.19.0
 
 ## Databases
 pymongo
-psycopg2-binary==2.9.11
+psycopg2-binary==2.9.10
-pgvector==0.4.2
+pgvector==0.4.1
 
-PyMySQL==1.1.2
+PyMySQL==1.1.1
-boto3==1.42.5
+boto3==1.41.5
 
 pymilvus==2.6.5
 qdrant-client==1.16.1
-playwright==1.57.0 # Caution: version must match docker-compose.playwright.yaml - Update the docker-compose.yaml if necessary
+playwright==1.56.0 # Caution: version must match docker-compose.playwright.yaml
-elasticsearch==9.2.0
+elasticsearch==9.1.0
 pinecone==6.0.2
-oracledb==3.4.1
+oracledb==3.2.0
 
 av==14.0.1 # Caution: Set due to FATAL FIPS SELFTEST FAILURE, see discussion https://github.com/open-webui/open-webui/discussions/15720
 
-colbert-ai==0.2.22
+colbert-ai==0.2.21
 
 
 ## Tests
@@ -136,17 +136,17 @@ pytest-docker~=3.2.5
 ldap3==2.9.1
 
 ## Firecrawl
-firecrawl-py==4.10.4
+firecrawl-py==4.10.0
 
 ## Trace
-opentelemetry-api==1.39.0
+opentelemetry-api==1.38.0
-opentelemetry-sdk==1.39.0
+opentelemetry-sdk==1.38.0
-opentelemetry-exporter-otlp==1.39.0
+opentelemetry-exporter-otlp==1.38.0
-opentelemetry-instrumentation==0.60b0
+opentelemetry-instrumentation==0.59b0
-opentelemetry-instrumentation-fastapi==0.60b0
+opentelemetry-instrumentation-fastapi==0.59b0
-opentelemetry-instrumentation-sqlalchemy==0.60b0
+opentelemetry-instrumentation-sqlalchemy==0.59b0
-opentelemetry-instrumentation-redis==0.60b0
+opentelemetry-instrumentation-redis==0.59b0
-opentelemetry-instrumentation-requests==0.60b0
+opentelemetry-instrumentation-requests==0.59b0
-opentelemetry-instrumentation-logging==0.60b0
+opentelemetry-instrumentation-logging==0.59b0
-opentelemetry-instrumentation-httpx==0.60b0
+opentelemetry-instrumentation-httpx==0.59b0
-opentelemetry-instrumentation-aiohttp-client==0.60b0
+opentelemetry-instrumentation-aiohttp-client==0.59b0

docker-compose.playwright.yaml

@@ -1,8 +1,8 @@
 services:
   playwright:
-    image: mcr.microsoft.com/playwright:v1.57.0-noble # Version must match requirements.txt
+    image: mcr.microsoft.com/playwright:v1.56.0-noble # Version must match requirements.txt
     container_name: playwright
-    command: npx -y playwright@1.57.0 run-server --port 3000 --host 0.0.0.0
+    command: npx -y playwright@1.56.0 run-server --port 3000 --host 0.0.0.0
 
   open-webui:
     environment:

pyproject.toml

@@ -6,7 +6,7 @@ authors = [
 ]
 license = { file = "LICENSE" }
 dependencies = [
-    "fastapi==0.124.0",
+    "fastapi==0.123.0",
     "uvicorn[standard]==0.37.0",
     "pydantic==2.12.5",
     "python-multipart==0.0.20",
@@ -21,7 +21,7 @@ dependencies = [
     "authlib==1.6.5",
 
     "requests==2.32.5",
-    "aiohttp==3.13.2",
+    "aiohttp==3.12.15",
     "async-timeout",
     "aiocache",
     "aiofiles",
@@ -29,26 +29,26 @@ dependencies = [
     "httpx[socks,http2,zstd,cli,brotli]==0.28.1",
     "starsessions[redis]==2.2.1",
 
-    "sqlalchemy==2.0.44",
+    "sqlalchemy==2.0.38",
     "alembic==1.17.2",
     "peewee==3.18.3",
     "peewee-migrate==1.14.3",
 
-    "pycrdt==0.12.44",
+    "pycrdt==0.12.25",
     "redis",
 
-    "APScheduler==3.11.1",
+    "APScheduler==3.10.4",
-    "RestrictedPython==8.1",
+    "RestrictedPython==8.0",
 
     "loguru==0.7.3",
     "asgiref==3.11.0",
 
     "tiktoken",
-    "mcp==1.23.3",
+    "mcp==1.22.0",
 
     "openai",
     "anthropic",
-    "google-genai==1.54.0",
+    "google-genai==1.52.0",
     "google-generativeai==0.8.5",
 
     "langchain==0.3.27",
@@ -56,62 +56,62 @@ dependencies = [
 
     "fake-useragent==2.2.0",
     "chromadb==1.3.5",
-    "opensearch-py==3.1.0",
+    "opensearch-py==2.8.0",
-    "PyMySQL==1.1.2",
+    "PyMySQL==1.1.1",
-    "boto3==1.42.5",
+    "boto3==1.41.5",
     
     "transformers==4.57.3",
     "sentence-transformers==5.1.2",
     "accelerate",
-    "pyarrow==20.0.0", # fix: pin pyarrow version to 20 for rpi compatibility #15897
+    "pyarrow==20.0.0",
     "einops==0.8.1",
 
     "ftfy==6.3.1",
     "chardet==5.2.0",
-    "pypdf==6.4.1",
+    "pypdf==6.4.0",
-    "fpdf2==2.8.5",
+    "fpdf2==2.8.2",
-    "pymdown-extensions==10.18",
+    "pymdown-extensions==10.17.2",
-    "docx2txt==0.9",
+    "docx2txt==0.8",
     "python-pptx==1.0.2",
     "unstructured==0.18.21",
     "msoffcrypto-tool==5.4.2",
-    "nltk==3.9.2",
+    "nltk==3.9.1",
     "Markdown==3.10",
     "pypandoc==1.16.2",
-    "pandas==2.3.3",
+    "pandas==2.2.3",
     "openpyxl==3.1.5",
     "pyxlsb==1.0.10",
-    "xlrd==2.0.2",
+    "xlrd==2.0.1",
     "validators==0.35.0",
     "psutil",
     "sentencepiece",
     "soundfile==0.13.1",
     "azure-ai-documentintelligence==1.0.2",
 
-    "pillow==12.0.0",
+    "pillow==11.3.0",
-    "opencv-python-headless==4.12.0.88",
+    "opencv-python-headless==4.11.0.86",
     "rapidocr-onnxruntime==1.4.4",
     "rank-bm25==0.2.2",
 
-    "onnxruntime==1.23.2",
+    "onnxruntime==1.20.1",
-    "faster-whisper==1.2.1",
+    "faster-whisper==1.1.1",
 
-    "black==25.12.0",
+    "black==25.11.0",
-    "youtube-transcript-api==1.2.3",
+    "youtube-transcript-api==1.2.2",
     "pytube==15.0.0",
 
     "pydub",
-    "ddgs==9.9.3",
+    "ddgs==9.9.2",
 
     "google-api-python-client",
     "google-auth-httplib2",
     "google-auth-oauthlib",
 
     "googleapis-common-protos==1.72.0",
-    "google-cloud-storage==3.7.0",
+    "google-cloud-storage==2.19.0",
 
-    "azure-identity==1.25.1",
+    "azure-identity==1.25.0",
-    "azure-storage-blob==12.27.1",
+    "azure-storage-blob==12.24.1",
 
     "ldap3==2.9.1",
 ]
@@ -130,8 +130,8 @@ classifiers = [
 
 [project.optional-dependencies]
 postgres = [
-    "psycopg2-binary==2.9.11",
+    "psycopg2-binary==2.9.10",
-    "pgvector==0.4.2",
+    "pgvector==0.4.1",
 ]
 
 all = [
@@ -143,18 +143,17 @@ all = [
     "docker~=7.1.0",
     "pytest~=8.3.2",
     "pytest-docker~=3.2.5",
-    "playwright==1.57.0", # Caution: version must match docker-compose.playwright.yaml - Update the docker-compose.yaml if necessary
+    "playwright==1.56.0",
-    "elasticsearch==9.2.0",
+    "elasticsearch==9.1.0",
 
     "qdrant-client==1.16.1",
-    "pymilvus==2.6.4",
+    "weaviate-client==4.17.0",
-    "weaviate-client==4.18.3",
     "pymilvus==2.6.5",
     "pinecone==6.0.2",
-    "oracledb==3.4.1",
+    "oracledb==3.2.0",
-    "colbert-ai==0.2.22",
+    "colbert-ai==0.2.21",
 
-    "firecrawl-py==4.10.4",
+    "firecrawl-py==4.10.0",
     "azure-search-documents==11.6.0",
 ]
 

src/app.css

@@ -803,7 +803,3 @@ body {
 	position: relative;
 	z-index: 0;
 }
-
-#note-content-container .ProseMirror {
-	padding-bottom: 2rem; /* space for the bottom toolbar */
-}

src/lib/apis/knowledge/index.ts

@@ -132,56 +132,6 @@ export const getKnowledgeById = async (token: string, id: string) => {
 	return res;
 };
 
-export const searchKnowledgeFilesById = async (
-	token: string,
-	id: string,
-	query?: string | null = null,
-	viewOption?: string | null = null,
-	orderBy?: string | null = null,
-	direction?: string | null = null,
-	page: number = 1
-) => {
-	let error = null;
-
-	const searchParams = new URLSearchParams();
-	if (query) searchParams.append('query', query);
-	if (viewOption) searchParams.append('view_option', viewOption);
-	if (orderBy) searchParams.append('order_by', orderBy);
-	if (direction) searchParams.append('direction', direction);
-	searchParams.append('page', page.toString());
-
-	const res = await fetch(
-		`${WEBUI_API_BASE_URL}/knowledge/${id}/files?${searchParams.toString()}`,
-		{
-			method: 'GET',
-			headers: {
-				Accept: 'application/json',
-				'Content-Type': 'application/json',
-				authorization: `Bearer ${token}`
-			}
-		}
-	)
-		.then(async (res) => {
-			if (!res.ok) throw await res.json();
-			return res.json();
-		})
-		.then((json) => {
-			return json;
-		})
-		.catch((err) => {
-			error = err.detail;
-
-			console.error(err);
-			return null;
-		});
-
-	if (error) {
-		throw error;
-	}
-
-	return res;
-};
-
 type KnowledgeUpdateForm = {
 	name?: string;
 	description?: string;

src/lib/apis/notes/index.ts

@@ -91,65 +91,6 @@ export const getNotes = async (token: string = '', raw: boolean = false) => {
 	return grouped;
 };
 
-export const searchNotes = async (
-	token: string = '',
-	query: string | null = null,
-	viewOption: string | null = null,
-	permission: string | null = null,
-	sortKey: string | null = null,
-	page: number | null = null
-) => {
-	let error = null;
-	const searchParams = new URLSearchParams();
-
-	if (query !== null) {
-		searchParams.append('query', query);
-	}
-
-	if (viewOption !== null) {
-		searchParams.append('view_option', viewOption);
-	}
-
-	if (permission !== null) {
-		searchParams.append('permission', permission);
-	}
-
-	if (sortKey !== null) {
-		searchParams.append('order_by', sortKey);
-	}
-
-	if (page !== null) {
-		searchParams.append('page', `${page}`);
-	}
-
-	const res = await fetch(`${WEBUI_API_BASE_URL}/notes/search?${searchParams.toString()}`, {
-		method: 'GET',
-		headers: {
-			Accept: 'application/json',
-			'Content-Type': 'application/json',
-			authorization: `Bearer ${token}`
-		}
-	})
-		.then(async (res) => {
-			if (!res.ok) throw await res.json();
-			return res.json();
-		})
-		.then((json) => {
-			return json;
-		})
-		.catch((err) => {
-			error = err.detail;
-			console.error(err);
-			return null;
-		});
-
-	if (error) {
-		throw error;
-	}
-
-	return res;
-};
-
 export const getNoteList = async (token: string = '', page: number | null = null) => {
 	let error = null;
 	const searchParams = new URLSearchParams();
@@ -158,7 +99,7 @@ export const getNoteList = async (token: string = '', page: number | null = null
 		searchParams.append('page', `${page}`);
 	}
 
-	const res = await fetch(`${WEBUI_API_BASE_URL}/notes/?${searchParams.toString()}`, {
+	const res = await fetch(`${WEBUI_API_BASE_URL}/notes/list?${searchParams.toString()}`, {
 		method: 'GET',
 		headers: {
 			Accept: 'application/json',

src/lib/components/admin/Users/UserList.svelte

@@ -339,7 +339,7 @@
 				</tr>
 			</thead>
 			<tbody class="">
-				{#each users as user, userIdx (user.id)}
+				{#each users as user, userIdx}
 					<tr class="bg-white dark:bg-gray-900 dark:border-gray-850 text-xs">
 						<td class="px-3 py-1 min-w-[7rem] w-28">
 							<button

src/lib/components/channel/Channel.svelte

@@ -365,7 +365,6 @@
 						bind:chatInputElement
 						bind:replyToMessage
 						{typingUsers}
-						{channel}
 						userSuggestions={true}
 						channelSuggestions={true}
 						disabled={!channel?.write_access}

src/lib/components/channel/ChannelInfoModal/UserList.svelte

@@ -106,7 +106,7 @@
 				<div class="">
 					<button
 						type="button"
-						class=" px-3 py-1.5 gap-1 rounded-xl bg-gray-100/50 dark:text-white dark:bg-gray-850/50 text-black transition font-medium text-xs flex items-center justify-center"
+						class=" px-3 py-1.5 gap-1 rounded-xl bg-black dark:text-white dark:bg-gray-850/50 text-black transition font-medium text-xs flex items-center justify-center"
 						on:click={onAdd}
 					>
 						<Plus className="size-3.5 " />

src/lib/components/channel/MessageInput.svelte

@@ -42,10 +42,9 @@
 	import XMark from '../icons/XMark.svelte';
 
 	export let placeholder = $i18n.t('Type here...');
-	export let chatInputElement;
 
 	export let id = null;
-	export let channel = null;
+	export let chatInputElement;
 
 	export let typingUsers = [];
 	export let inputLoading = false;
@@ -460,16 +459,15 @@
 		try {
 			// During the file upload, file content is automatically extracted.
 			// If the file is an audio file, provide the language for STT.
-			let metadata = {
+			let metadata = null;
-				channel_id: channel.id,
+			if (
-				// If the file is an audio file, provide the language for STT.
+				(file.type.startsWith('audio/') || file.type.startsWith('video/')) &&
-				...((file.type.startsWith('audio/') || file.type.startsWith('video/')) &&
 				$settings?.audio?.stt?.language
-					? {
+			) {
-							language: $settings?.audio?.stt?.language
+				metadata = {
-						}
+					language: $settings?.audio?.stt?.language
-					: {})
+				};
-			};
+			}
 
 			const uploadedFile = await uploadFile(localStorage.token, file, metadata, process);
 

src/lib/components/chat/MessageInput.svelte

@@ -1,22 +1,14 @@
 <script lang="ts">
 	import DOMPurify from 'dompurify';
+	import { marked } from 'marked';
+
 	import { toast } from 'svelte-sonner';
 
-	import { marked } from 'marked';
 	import { v4 as uuidv4 } from 'uuid';
-	import dayjs from '$lib/dayjs';
-	import duration from 'dayjs/plugin/duration';
-	import relativeTime from 'dayjs/plugin/relativeTime';
-
-	dayjs.extend(duration);
-	dayjs.extend(relativeTime);
-
-	import { onMount, tick, getContext, createEventDispatcher, onDestroy } from 'svelte';
-
 	import { createPicker, getAuthToken } from '$lib/utils/google-drive-picker';
 	import { pickAndDownloadFile } from '$lib/utils/onedrive-file-picker';
-	import { KokoroWorker } from '$lib/workers/KokoroWorker';
 
+	import { onMount, tick, getContext, createEventDispatcher, onDestroy } from 'svelte';
 	const dispatch = createEventDispatcher();
 
 	import {
@@ -57,9 +49,6 @@
 
 	import { WEBUI_BASE_URL, WEBUI_API_BASE_URL, PASTED_TEXT_CHARACTER_LIMIT } from '$lib/constants';
 
-	import { createNoteHandler } from '../notes/utils';
-	import { getSuggestionRenderer } from '../common/RichTextInput/suggestions';
-
 	import InputMenu from './MessageInput/InputMenu.svelte';
 	import VoiceRecording from './MessageInput/VoiceRecording.svelte';
 	import FilesOverlay from './MessageInput/FilesOverlay.svelte';
@@ -71,9 +60,11 @@
 	import Image from '../common/Image.svelte';
 
 	import XMark from '../icons/XMark.svelte';
+	import Headphone from '../icons/Headphone.svelte';
 	import GlobeAlt from '../icons/GlobeAlt.svelte';
 	import Photo from '../icons/Photo.svelte';
 	import Wrench from '../icons/Wrench.svelte';
+	import CommandLine from '../icons/CommandLine.svelte';
 	import Sparkles from '../icons/Sparkles.svelte';
 
 	import InputVariablesModal from './MessageInput/InputVariablesModal.svelte';
@@ -83,13 +74,12 @@
 	import Component from '../icons/Component.svelte';
 	import PlusAlt from '../icons/PlusAlt.svelte';
 
+	import { KokoroWorker } from '$lib/workers/KokoroWorker';
+
+	import { getSuggestionRenderer } from '../common/RichTextInput/suggestions';
 	import CommandSuggestionList from './MessageInput/CommandSuggestionList.svelte';
 	import Knobs from '../icons/Knobs.svelte';
 	import ValvesModal from '../workspace/common/ValvesModal.svelte';
-	import PageEdit from '../icons/PageEdit.svelte';
-	import { goto } from '$app/navigation';
-	import InputModal from '../common/InputModal.svelte';
-	import Expand from '../icons/Expand.svelte';
 
 	const i18n = getContext('i18n');
 
@@ -119,8 +109,6 @@
 	export let webSearchEnabled = false;
 	export let codeInterpreterEnabled = false;
 
-	let inputContent = null;
-
 	let showInputVariablesModal = false;
 	let inputVariablesModalCallback = (variableValues) => {};
 	let inputVariables = {};
@@ -422,8 +410,6 @@
 
 	let inputFiles;
 
-	let showInputModal = false;
-
 	let dragged = false;
 	let shiftKey = false;
 
@@ -744,25 +730,6 @@
 		});
 	};
 
-	const createNote = async () => {
-		if (inputContent?.md.trim() === '' && inputContent?.html.trim() === '') {
-			toast.error($i18n.t('Cannot create an empty note.'));
-			return;
-		}
-
-		const res = await createNoteHandler(
-			dayjs().format('YYYY-MM-DD'),
-			inputContent?.md,
-			inputContent?.html
-		);
-
-		if (res) {
-			// Clear the input content saved in session storage.
-			sessionStorage.removeItem('chat-input');
-			goto(`/notes/${res.id}`);
-		}
-	};
-
 	const onDragOver = (e) => {
 		e.preventDefault();
 
@@ -988,20 +955,6 @@
 	}}
 />
 
-<InputModal
-	bind:show={showInputModal}
-	bind:value={prompt}
-	bind:inputContent
-	onChange={(content) => {
-		console.log(content);
-		chatInputElement?.setContent(content?.json ?? null);
-	}}
-	onClose={async () => {
-		await tick();
-		chatInputElement?.focus();
-	}}
-/>
-
 {#if loaded}
 	<div class="w-full font-primary">
 		<div class=" mx-auto inset-x-0 bg-transparent flex justify-center">
@@ -1236,33 +1189,14 @@
 										: ''}"
 									id="chat-input-container"
 								>
-									{#if prompt.split('\n').length > 2}
-										<div class="fixed top-0 right-0 z-20">
-											<div class="mt-2.5 mr-3">
-												<button
-													type="button"
-													class="p-1 rounded-lg hover:bg-gray-100/50 dark:hover:bg-gray-800/50"
-													aria-label="Expand input"
-													on:click={async () => {
-														showInputModal = true;
-													}}
-												>
-													<Expand />
-												</button>
-											</div>
-										</div>
-									{/if}
-
 									{#if suggestions}
 										{#key $settings?.richTextInput ?? true}
 											{#key $settings?.showFormattingToolbar ?? false}
 												<RichTextInput
 													bind:this={chatInputElement}
 													id="chat-input"
-													editable={!showInputModal}
+													onChange={(e) => {
-													onChange={(content) => {
+														prompt = e.md;
-														prompt = content.md;
-														inputContent = content;
 														command = getCommand();
 													}}
 													json={true}
@@ -1686,7 +1620,57 @@
 									</div>
 								</div>
 
-								<div class="self-end flex space-x-1 mr-1 shrink-0 gap-[0.5px]">
+								<div class="self-end flex space-x-1 mr-1 shrink-0">
+									{#if (!history?.currentId || history.messages[history.currentId]?.done == true) && ($_user?.role === 'admin' || ($_user?.permissions?.chat?.stt ?? true))}
+										<!-- {$i18n.t('Record voice')} -->
+										<Tooltip content={$i18n.t('Dictate')}>
+											<button
+												id="voice-input-button"
+												class=" text-gray-600 dark:text-gray-300 hover:text-gray-700 dark:hover:text-gray-200 transition rounded-full p-1.5 mr-0.5 self-center"
+												type="button"
+												on:click={async () => {
+													try {
+														let stream = await navigator.mediaDevices
+															.getUserMedia({ audio: true })
+															.catch(function (err) {
+																toast.error(
+																	$i18n.t(
+																		`Permission denied when accessing microphone: {{error}}`,
+																		{
+																			error: err
+																		}
+																	)
+																);
+																return null;
+															});
+
+														if (stream) {
+															recording = true;
+															const tracks = stream.getTracks();
+															tracks.forEach((track) => track.stop());
+														}
+														stream = null;
+													} catch {
+														toast.error($i18n.t('Permission denied when accessing microphone'));
+													}
+												}}
+												aria-label="Voice Input"
+											>
+												<svg
+													xmlns="http://www.w3.org/2000/svg"
+													viewBox="0 0 20 20"
+													fill="currentColor"
+													class="w-5 h-5 translate-y-[0.5px]"
+												>
+													<path d="M7 4a3 3 0 016 0v6a3 3 0 11-6 0V4z" />
+													<path
+														d="M5.5 9.643a.75.75 0 00-1.5 0V10c0 3.06 2.29 5.585 5.25 5.954V17.5h-1.5a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-1.5v-1.546A6.001 6.001 0 0016 10v-.357a.75.75 0 00-1.5 0V10a4.5 4.5 0 01-9 0v-.357z"
+													/>
+												</svg>
+											</button>
+										</Tooltip>
+									{/if}
+
 									{#if (taskIds && taskIds.length > 0) || (history.currentId && history.messages[history.currentId]?.done != true) || generating}
 										<div class=" flex items-center">
 											<Tooltip content={$i18n.t('Stop')}>
@@ -1711,163 +1695,95 @@
 												</button>
 											</Tooltip>
 										</div>
-									{:else}
+									{:else if prompt === '' && files.length === 0 && ($_user?.role === 'admin' || ($_user?.permissions?.chat?.call ?? true))}
-										{#if prompt !== '' && !history?.currentId && ($config?.features?.enable_notes ?? false) && ($user?.role === 'admin' || ($user?.permissions?.features?.notes ?? true))}
+										<div class=" flex items-center">
-											<Tooltip content={$i18n.t('Create note')} className=" flex items-center">
+											<!-- {$i18n.t('Call')} -->
+											<Tooltip content={$i18n.t('Voice mode')}>
 												<button
-													id="send-message-button"
+													class=" bg-black text-white hover:bg-gray-900 dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full p-1.5 self-center"
-													class=" text-gray-600 dark:text-gray-300 hover:text-gray-700 dark:hover:text-gray-200 transition rounded-full p-1.5 self-center"
-													type="button"
-													disabled={prompt === '' && files.length === 0}
-													on:click={() => {
-														createNote();
-													}}
-												>
-													<PageEdit className="size-4.5 translate-y-[0.5px]" />
-												</button>
-											</Tooltip>
-										{/if}
-
-										{#if (!history?.currentId || history.messages[history.currentId]?.done == true) && ($_user?.role === 'admin' || ($_user?.permissions?.chat?.stt ?? true))}
-											<!-- {$i18n.t('Record voice')} -->
-											<Tooltip content={$i18n.t('Dictate')}>
-												<button
-													id="voice-input-button"
-													class=" text-gray-600 dark:text-gray-300 hover:text-gray-700 dark:hover:text-gray-200 transition rounded-full p-1.5 self-center mr-0.5"
 													type="button"
 													on:click={async () => {
+														if (selectedModels.length > 1) {
+															toast.error($i18n.t('Select only one model to call'));
+
+															return;
+														}
+
+														if ($config.audio.stt.engine === 'web') {
+															toast.error(
+																$i18n.t('Call feature is not supported when using Web STT engine')
+															);
+
+															return;
+														}
+														// check if user has access to getUserMedia
 														try {
-															let stream = await navigator.mediaDevices
+															let stream = await navigator.mediaDevices.getUserMedia({
-																.getUserMedia({ audio: true })
+																audio: true
-																.catch(function (err) {
+															});
-																	toast.error(
+															// If the user grants the permission, proceed to show the call overlay
-																		$i18n.t(
-																			`Permission denied when accessing microphone: {{error}}`,
-																			{
-																				error: err
-																			}
-																		)
-																	);
-																	return null;
-																});
 
 															if (stream) {
-																recording = true;
 																const tracks = stream.getTracks();
 																tracks.forEach((track) => track.stop());
 															}
+
 															stream = null;
-														} catch {
+
-															toast.error($i18n.t('Permission denied when accessing microphone'));
+															if ($settings.audio?.tts?.engine === 'browser-kokoro') {
+																// If the user has not initialized the TTS worker, initialize it
+																if (!$TTSWorker) {
+																	await TTSWorker.set(
+																		new KokoroWorker({
+																			dtype: $settings.audio?.tts?.engineConfig?.dtype ?? 'fp32'
+																		})
+																	);
+
+																	await $TTSWorker.init();
+																}
+															}
+
+															showCallOverlay.set(true);
+															showControls.set(true);
+														} catch (err) {
+															// If the user denies the permission or an error occurs, show an error message
+															toast.error(
+																$i18n.t('Permission denied when accessing media devices')
+															);
 														}
 													}}
-													aria-label="Voice Input"
+													aria-label={$i18n.t('Voice mode')}
+												>
+													<Voice className="size-5" strokeWidth="2.5" />
+												</button>
+											</Tooltip>
+										</div>
+									{:else}
+										<div class=" flex items-center">
+											<Tooltip content={$i18n.t('Send message')}>
+												<button
+													id="send-message-button"
+													class="{!(prompt === '' && files.length === 0)
+														? 'bg-black text-white hover:bg-gray-900 dark:bg-white dark:text-black dark:hover:bg-gray-100 '
+														: 'text-white bg-gray-200 dark:text-gray-900 dark:bg-gray-700 disabled'} transition rounded-full p-1.5 self-center"
+													type="submit"
+													disabled={prompt === '' && files.length === 0}
 												>
 													<svg
 														xmlns="http://www.w3.org/2000/svg"
-														viewBox="0 0 20 20"
+														viewBox="0 0 16 16"
 														fill="currentColor"
-														class="size-5 translate-y-[0.5px]"
+														class="size-5"
 													>
-														<path d="M7 4a3 3 0 016 0v6a3 3 0 11-6 0V4z" />
 														<path
-															d="M5.5 9.643a.75.75 0 00-1.5 0V10c0 3.06 2.29 5.585 5.25 5.954V17.5h-1.5a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-1.5v-1.546A6.001 6.001 0 0016 10v-.357a.75.75 0 00-1.5 0V10a4.5 4.5 0 01-9 0v-.357z"
+															fill-rule="evenodd"
+															d="M8 14a.75.75 0 0 1-.75-.75V4.56L4.03 7.78a.75.75 0 0 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.75 4.56v8.69A.75.75 0 0 1 8 14Z"
+															clip-rule="evenodd"
 														/>
 													</svg>
 												</button>
 											</Tooltip>
-										{/if}
+										</div>
-
-										{#if prompt === '' && files.length === 0 && ($_user?.role === 'admin' || ($_user?.permissions?.chat?.call ?? true))}
-											<div class=" flex items-center">
-												<!-- {$i18n.t('Call')} -->
-												<Tooltip content={$i18n.t('Voice mode')}>
-													<button
-														class=" bg-black text-white hover:bg-gray-900 dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full p-1.5 self-center"
-														type="button"
-														on:click={async () => {
-															if (selectedModels.length > 1) {
-																toast.error($i18n.t('Select only one model to call'));
-
-																return;
-															}
-
-															if ($config.audio.stt.engine === 'web') {
-																toast.error(
-																	$i18n.t('Call feature is not supported when using Web STT engine')
-																);
-
-																return;
-															}
-															// check if user has access to getUserMedia
-															try {
-																let stream = await navigator.mediaDevices.getUserMedia({
-																	audio: true
-																});
-																// If the user grants the permission, proceed to show the call overlay
-
-																if (stream) {
-																	const tracks = stream.getTracks();
-																	tracks.forEach((track) => track.stop());
-																}
-
-																stream = null;
-
-																if ($settings.audio?.tts?.engine === 'browser-kokoro') {
-																	// If the user has not initialized the TTS worker, initialize it
-																	if (!$TTSWorker) {
-																		await TTSWorker.set(
-																			new KokoroWorker({
-																				dtype: $settings.audio?.tts?.engineConfig?.dtype ?? 'fp32'
-																			})
-																		);
-
-																		await $TTSWorker.init();
-																	}
-																}
-
-																showCallOverlay.set(true);
-																showControls.set(true);
-															} catch (err) {
-																// If the user denies the permission or an error occurs, show an error message
-																toast.error(
-																	$i18n.t('Permission denied when accessing media devices')
-																);
-															}
-														}}
-														aria-label={$i18n.t('Voice mode')}
-													>
-														<Voice className="size-5" strokeWidth="2.5" />
-													</button>
-												</Tooltip>
-											</div>
-										{:else}
-											<div class=" flex items-center">
-												<Tooltip content={$i18n.t('Send message')}>
-													<button
-														id="send-message-button"
-														class="{!(prompt === '' && files.length === 0)
-															? 'bg-black text-white hover:bg-gray-900 dark:bg-white dark:text-black dark:hover:bg-gray-100 '
-															: 'text-white bg-gray-200 dark:text-gray-900 dark:bg-gray-700 disabled'} transition rounded-full p-1.5 self-center"
-														type="submit"
-														disabled={prompt === '' && files.length === 0}
-													>
-														<svg
-															xmlns="http://www.w3.org/2000/svg"
-															viewBox="0 0 16 16"
-															fill="currentColor"
-															class="size-5"
-														>
-															<path
-																fill-rule="evenodd"
-																d="M8 14a.75.75 0 0 1-.75-.75V4.56L4.03 7.78a.75.75 0 0 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.75 4.56v8.69A.75.75 0 0 1 8 14Z"
-																clip-rule="evenodd"
-															/>
-														</svg>
-													</button>
-												</Tooltip>
-											</div>
-										{/if}
 									{/if}
 								</div>
 							</div>

src/lib/components/chat/MessageInput/Commands/Knowledge.svelte

@@ -80,6 +80,41 @@
 	};
 
 	onMount(async () => {
+		let legacy_documents = knowledge
+			.filter((item) => item?.meta?.document)
+			.map((item) => ({
+				...item,
+				type: 'file'
+			}));
+
+		let legacy_collections =
+			legacy_documents.length > 0
+				? [
+						{
+							name: 'All Documents',
+							legacy: true,
+							type: 'collection',
+							description: 'Deprecated (legacy collection), please create a new knowledge base.',
+							title: $i18n.t('All Documents'),
+							collection_names: legacy_documents.map((item) => item.id)
+						},
+
+						...legacy_documents
+							.reduce((a, item) => {
+								return [...new Set([...a, ...(item?.meta?.tags ?? []).map((tag) => tag.name)])];
+							}, [])
+							.map((tag) => ({
+								name: tag,
+								legacy: true,
+								type: 'collection',
+								description: 'Deprecated (legacy collection), please create a new knowledge base.',
+								collection_names: legacy_documents
+									.filter((item) => (item?.meta?.tags ?? []).map((tag) => tag.name).includes(tag))
+									.map((item) => item.id)
+							}))
+					]
+				: [];
+
 		let collections = knowledge
 			.filter((item) => !item?.meta?.document)
 			.map((item) => ({
@@ -119,7 +154,19 @@
 			title: folder.name
 		}));
 
-		items = [...folder_items, ...collections, ...collection_files];
+		items = [
+			...folder_items,
+			...collections,
+			...collection_files,
+			...legacy_collections,
+			...legacy_documents
+		].map((item) => {
+			return {
+				...item,
+				...(item?.legacy || item?.meta?.legacy || item?.meta?.document ? { legacy: true } : {})
+			};
+		});
+
 		fuse = new Fuse(items, {
 			keys: ['name', 'description']
 		});

src/lib/components/chat/MessageInput/InputMenu/Knowledge.svelte

@@ -24,6 +24,41 @@
 			await knowledge.set(await getKnowledgeBases(localStorage.token));
 		}
 
+		let legacy_documents = $knowledge
+			.filter((item) => item?.meta?.document)
+			.map((item) => ({
+				...item,
+				type: 'file'
+			}));
+
+		let legacy_collections =
+			legacy_documents.length > 0
+				? [
+						{
+							name: 'All Documents',
+							legacy: true,
+							type: 'collection',
+							description: 'Deprecated (legacy collection), please create a new knowledge base.',
+							title: $i18n.t('All Documents'),
+							collection_names: legacy_documents.map((item) => item.id)
+						},
+
+						...legacy_documents
+							.reduce((a, item) => {
+								return [...new Set([...a, ...(item?.meta?.tags ?? []).map((tag) => tag.name)])];
+							}, [])
+							.map((tag) => ({
+								name: tag,
+								legacy: true,
+								type: 'collection',
+								description: 'Deprecated (legacy collection), please create a new knowledge base.',
+								collection_names: legacy_documents
+									.filter((item) => (item?.meta?.tags ?? []).map((tag) => tag.name).includes(tag))
+									.map((item) => item.id)
+							}))
+					]
+				: [];
+
 		let collections = $knowledge
 			.filter((item) => !item?.meta?.document)
 			.map((item) => ({
@@ -56,7 +91,15 @@
 					]
 				: [];
 
-		items = [...collections, ...collection_files];
+		items = [...collections, ...collection_files, ...legacy_collections, ...legacy_documents].map(
+			(item) => {
+				return {
+					...item,
+					...(item?.legacy || item?.meta?.legacy || item?.meta?.document ? { legacy: true } : {})
+				};
+			}
+		);
+
 		await tick();
 
 		loaded = true;

src/lib/components/common/DropdownOptions.svelte

@@ -1,62 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { Select, DropdownMenu } from 'bits-ui';
-
-	import ChevronDown from '$lib/components/icons/ChevronDown.svelte';
-	const i18n = getContext('i18n');
-
-	export let align = 'center';
-	export let className = '';
-
-	export let value = '';
-	export let placeholder = 'Select an option';
-	export let items = [
-		{ value: 'new', label: $i18n.t('New') },
-		{ value: 'top', label: $i18n.t('Top') }
-	];
-
-	export let onChange: (value: string) => void = () => {};
-
-	let open = false;
-</script>
-
-<DropdownMenu.Root bind:open>
-	<DropdownMenu.Trigger>
-		<div
-			class={className
-				? className
-				: 'flex w-full items-center gap-2 truncate bg-transparent px-0.5 text-sm placeholder-gray-400 outline-hidden focus:outline-hidden'}
-		>
-			{items.find((item) => item.value === value)?.label ?? placeholder}
-			<ChevronDown className=" size-3" strokeWidth="2.5" />
-		</div>
-	</DropdownMenu.Trigger>
-
-	<DropdownMenu.Content {align}>
-		<div
-			class="dark:bg-gray-850 z-50 w-full rounded-2xl border border-gray-100 bg-white p-1 shadow-lg dark:border-gray-800 dark:text-white"
-		>
-			{#each items as item}
-				<button
-					class="flex w-full cursor-pointer items-center gap-2 rounded-xl px-3 py-1.5 text-sm hover:bg-gray-50 dark:hover:bg-gray-800 {value ===
-					item.value
-						? ' '
-						: '  text-gray-500 dark:text-gray-400'}"
-					type="button"
-					on:click={() => {
-						if (value === item.value) {
-							value = null;
-						} else {
-							value = item.value;
-						}
-
-						open = false;
-						onChange(value);
-					}}
-				>
-					{item.label}
-				</button>
-			{/each}
-		</div>
-	</DropdownMenu.Content>
-</DropdownMenu.Root>

src/lib/components/common/InputModal.svelte

@@ -1,79 +0,0 @@
-<script lang="ts">
-	import { onMount, getContext } from 'svelte';
-	import { settings } from '$lib/stores';
-
-	import Drawer from './Drawer.svelte';
-	import RichTextInput from './RichTextInput.svelte';
-
-	const i18n = getContext('i18n');
-
-	export let id = 'input-modal';
-
-	export let show = false;
-	export let value = null;
-	export let inputContent = null;
-
-	export let autocomplete = false;
-	export let generateAutoCompletion = null;
-
-	export let onChange = () => {};
-	export let onClose = () => {};
-
-	let inputElement;
-</script>
-
-<Drawer bind:show>
-	<div class="flex h-full min-h-screen flex-col">
-		<div
-			class=" sticky top-0 z-30 flex justify-between bg-white px-4.5 pt-3 pb-3 dark:bg-gray-900 dark:text-gray-100"
-		>
-			<div class=" font-primary self-center text-lg">
-				{$i18n.t('Input')}
-			</div>
-			<button
-				class="self-center"
-				aria-label="Close"
-				onclick={() => {
-					show = false;
-					onClose();
-				}}
-			>
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					viewBox="0 0 20 20"
-					fill="currentColor"
-					class="h-5 w-5"
-				>
-					<path
-						d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"
-					/>
-				</svg>
-			</button>
-		</div>
-
-		<div class="flex w-full px-4 dark:text-gray-200 min-h-full flex-1">
-			<div class="flex-1 w-full min-h-full">
-				<RichTextInput
-					bind:this={inputElement}
-					{id}
-					onChange={(content) => {
-						value = content.md;
-						inputContent = content;
-
-						onChange(content);
-					}}
-					json={true}
-					value={inputContent?.json}
-					html={inputContent?.html}
-					richText={$settings?.richTextInput ?? true}
-					messageInput={true}
-					showFormattingToolbar={$settings?.showFormattingToolbar ?? false}
-					floatingMenuPlacement={'top-start'}
-					insertPromptAsRichText={$settings?.insertPromptAsRichText ?? false}
-					{autocomplete}
-					{generateAutoCompletion}
-				/>
-			</div>
-		</div>
-	</div>
-</Drawer>

src/lib/components/common/RichTextInput.svelte

@@ -169,7 +169,7 @@
 
 	export let documentId = '';
 
-	export let className = 'input-prose min-h-fit h-full';
+	export let className = 'input-prose';
 	export let placeholder = $i18n.t('Type here...');
 	let _placeholder = placeholder;
 
@@ -1156,5 +1156,7 @@
 
 <div
 	bind:this={element}
-	class="relative w-full min-w-full {className} {!editable ? 'cursor-not-allowed' : ''}"
+	class="relative w-full min-w-full h-full min-h-fit {className} {!editable
+		? 'cursor-not-allowed'
+		: ''}"
 />

src/lib/components/icons/Expand.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-	export let className = 'w-4 h-4';
-	export let strokeWidth = '1.5';
-</script>
-
-<svg
-	class={className}
-	aria-hidden="true"
-	xmlns="http://www.w3.org/2000/svg"
-	stroke-width={strokeWidth}
-	fill="none"
-	stroke="currentColor"
-	viewBox="0 0 24 24"
-	><path d="M9 9L4 4M4 4V8M4 4H8" stroke-linecap="round" stroke-linejoin="round"></path><path
-		d="M15 9L20 4M20 4V8M20 4H16"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-	></path><path d="M9 15L4 20M4 20V16M4 20H8" stroke-linecap="round" stroke-linejoin="round"
-	></path><path d="M15 15L20 20M20 20V16M20 20H16" stroke-linecap="round" stroke-linejoin="round"
-	></path></svg
->

src/lib/components/icons/PagePlus.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-	export let className = 'w-4 h-4';
-	export let strokeWidth = '1.5';
-</script>
-
-<svg
-	class={className}
-	aria-hidden="true"
-	xmlns="http://www.w3.org/2000/svg"
-	stroke-width={strokeWidth}
-	fill="none"
-	stroke="currentColor"
-	viewBox="0 0 24 24"
-	><path d="M9 12H12M15 12H12M12 12V9M12 12V15" stroke-linecap="round" stroke-linejoin="round"
-	></path><path
-		d="M4 21.4V2.6C4 2.26863 4.26863 2 4.6 2H16.2515C16.4106 2 16.5632 2.06321 16.6757 2.17574L19.8243 5.32426C19.9368 5.43679 20 5.5894 20 5.74853V21.4C20 21.7314 19.7314 22 19.4 22H4.6C4.26863 22 4 21.7314 4 21.4Z"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-	></path><path
-		d="M16 2V5.4C16 5.73137 16.2686 6 16.6 6H20"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-	></path></svg
->

src/lib/components/notes/NoteEditor.svelte

@@ -157,16 +157,6 @@
 		if (res) {
 			note = res;
 			files = res.data.files || [];
-
-			if (note?.write_access) {
-				$socket?.emit('join-note', {
-					note_id: id,
-					auth: {
-						token: localStorage.token
-					}
-				});
-				$socket?.on('note-events', noteEventHandler);
-			}
 		} else {
 			goto('/');
 			return;
@@ -791,6 +781,13 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 
 	onMount(async () => {
 		await tick();
+		$socket?.emit('join-note', {
+			note_id: id,
+			auth: {
+				token: localStorage.token
+			}
+		});
+		$socket?.on('note-events', noteEventHandler);
 
 		if ($settings?.models) {
 			selectedModelId = $settings?.models[0];
@@ -959,72 +956,70 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 							{/if}
 
 							<div class="flex items-center gap-0.5 translate-x-1">
-								{#if note?.write_access}
+								{#if editor}
-									{#if editor}
+									<div>
-										<div>
+										<div class="flex items-center gap-0.5 self-center min-w-fit" dir="ltr">
-											<div class="flex items-center gap-0.5 self-center min-w-fit" dir="ltr">
+											<button
-												<button
+												class="self-center p-1 hover:enabled:bg-black/5 dark:hover:enabled:bg-white/5 dark:hover:enabled:text-white hover:enabled:text-black rounded-md transition disabled:cursor-not-allowed disabled:text-gray-500 disabled:hover:text-gray-500"
-													class="self-center p-1 hover:enabled:bg-black/5 dark:hover:enabled:bg-white/5 dark:hover:enabled:text-white hover:enabled:text-black rounded-md transition disabled:cursor-not-allowed disabled:text-gray-500 disabled:hover:text-gray-500"
+												on:click={() => {
-													on:click={() => {
+													editor.chain().focus().undo().run();
-														editor.chain().focus().undo().run();
+													// versionNavigateHandler('prev');
-														// versionNavigateHandler('prev');
+												}}
-													}}
+												disabled={!editor.can().undo()}
-													disabled={!editor.can().undo()}
+											>
-												>
+												<ArrowUturnLeft className="size-4" />
-													<ArrowUturnLeft className="size-4" />
+											</button>
-												</button>
 
-												<button
+											<button
-													class="self-center p-1 hover:enabled:bg-black/5 dark:hover:enabled:bg-white/5 dark:hover:enabled:text-white hover:enabled:text-black rounded-md transition disabled:cursor-not-allowed disabled:text-gray-500 disabled:hover:text-gray-500"
+												class="self-center p-1 hover:enabled:bg-black/5 dark:hover:enabled:bg-white/5 dark:hover:enabled:text-white hover:enabled:text-black rounded-md transition disabled:cursor-not-allowed disabled:text-gray-500 disabled:hover:text-gray-500"
-													on:click={() => {
+												on:click={() => {
-														editor.chain().focus().redo().run();
+													editor.chain().focus().redo().run();
-														// versionNavigateHandler('next');
+													// versionNavigateHandler('next');
-													}}
+												}}
-													disabled={!editor.can().redo()}
+												disabled={!editor.can().redo()}
-												>
+											>
-													<ArrowUturnRight className="size-4" />
+												<ArrowUturnRight className="size-4" />
-												</button>
+											</button>
-											</div>
 										</div>
-									{/if}
+									</div>
-
-									<Tooltip placement="top" content={$i18n.t('Chat')} className="cursor-pointer">
-										<button
-											class="p-1.5 bg-transparent hover:bg-white/5 transition rounded-lg"
-											on:click={() => {
-												if (showPanel && selectedPanel === 'chat') {
-													showPanel = false;
-												} else {
-													if (!showPanel) {
-														showPanel = true;
-													}
-													selectedPanel = 'chat';
-												}
-											}}
-										>
-											<ChatBubbleOval />
-										</button>
-									</Tooltip>
-
-									<Tooltip placement="top" content={$i18n.t('Controls')} className="cursor-pointer">
-										<button
-											class="p-1.5 bg-transparent hover:bg-white/5 transition rounded-lg"
-											on:click={() => {
-												if (showPanel && selectedPanel === 'settings') {
-													showPanel = false;
-												} else {
-													if (!showPanel) {
-														showPanel = true;
-													}
-													selectedPanel = 'settings';
-												}
-											}}
-										>
-											<AdjustmentsHorizontalOutline />
-										</button>
-									</Tooltip>
 								{/if}
 
+								<Tooltip placement="top" content={$i18n.t('Chat')} className="cursor-pointer">
+									<button
+										class="p-1.5 bg-transparent hover:bg-white/5 transition rounded-lg"
+										on:click={() => {
+											if (showPanel && selectedPanel === 'chat') {
+												showPanel = false;
+											} else {
+												if (!showPanel) {
+													showPanel = true;
+												}
+												selectedPanel = 'chat';
+											}
+										}}
+									>
+										<ChatBubbleOval />
+									</button>
+								</Tooltip>
+
+								<Tooltip placement="top" content={$i18n.t('Controls')} className="cursor-pointer">
+									<button
+										class="p-1.5 bg-transparent hover:bg-white/5 transition rounded-lg"
+										on:click={() => {
+											if (showPanel && selectedPanel === 'settings') {
+												showPanel = false;
+											} else {
+												if (!showPanel) {
+													showPanel = true;
+												}
+												selectedPanel = 'settings';
+											}
+										}}
+									>
+										<AdjustmentsHorizontalOutline />
+									</button>
+								</Tooltip>
+
 								<NoteMenu
 									onDownload={(type) => {
 										downloadHandler(type);
@@ -1076,9 +1071,11 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 							}}
 						>
 							<div
-								class="flex gap-0.5 items-center text-xs font-medium text-gray-500 dark:text-gray-500 w-fit"
+								class="flex gap-1 items-center text-xs font-medium text-gray-500 dark:text-gray-500 w-fit"
 							>
 								<button class=" flex items-center gap-1 w-fit py-1 px-1.5 rounded-lg min-w-fit">
+									<Calendar className="size-3.5" strokeWidth="2" />
+
 									<!-- check for same date, yesterday, last week, and other -->
 
 									{#if dayjs(note.created_at / 1000000).isSame(dayjs(), 'day')}
@@ -1102,21 +1099,17 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 									{/if}
 								</button>
 
-								{#if note?.write_access}
+								<button
-									<button
+									class=" flex items-center gap-1 w-fit py-1 px-1.5 rounded-lg min-w-fit"
-										class=" flex items-center gap-1 w-fit py-1 px-1.5 rounded-lg min-w-fit"
+									on:click={() => {
-										on:click={() => {
+										showAccessControlModal = true;
-											showAccessControlModal = true;
+									}}
-										}}
+									disabled={note?.user_id !== $user?.id && $user?.role !== 'admin'}
-										disabled={note?.user_id !== $user?.id && $user?.role !== 'admin'}
+								>
-									>
+									<Users className="size-3.5" strokeWidth="2" />
-										<span> {note?.access_control ? $i18n.t('Private') : $i18n.t('Everyone')} </span>
+
-									</button>
+									<span> {note?.access_control ? $i18n.t('Private') : $i18n.t('Everyone')} </span>
-								{:else}
+								</button>
-									<div>
-										{$i18n.t('Read-Only Access')}
-									</div>
-								{/if}
 
 								{#if editor}
 									<div class="flex items-center gap-1 px-1 min-w-fit">
@@ -1137,7 +1130,7 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 					</div>
 
 					<div
-						class=" flex-1 w-full h-full overflow-auto px-3.5 relative"
+						class=" flex-1 w-full h-full overflow-auto px-3.5 pb-20 relative pt-2.5"
 						id="note-content-container"
 					>
 						{#if editing}
@@ -1152,7 +1145,7 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 							bind:this={inputElement}
 							bind:editor
 							id={`note-${note.id}`}
-							className="input-prose-sm px-0.5 h-[calc(100%-2rem)]"
+							className="input-prose-sm px-0.5"
 							json={true}
 							bind:value={note.data.content.json}
 							html={note.data?.content?.html}
@@ -1165,7 +1158,7 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 							image={true}
 							{files}
 							placeholder={$i18n.t('Write something...')}
-							editable={versionIdx === null && !editing && note?.write_access}
+							editable={versionIdx === null && !editing}
 							onSelectionUpdate={({ editor }) => {
 								const { from, to } = editor.state.selection;
 								const selectedText = editor.state.doc.textBetween(from, to, ' ');
@@ -1250,8 +1243,8 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 				</div>
 			{/if}
 		</div>
-		<div class="absolute z-50 bottom-0 right-0 p-3.5 flex select-none">
+		<div class="absolute z-20 bottom-0 right-0 p-3.5 max-w-full w-full flex">
-			<div class="flex flex-col gap-2 justify-end">
+			<div class="flex gap-1 w-full min-w-full justify-between">
 				{#if recording}
 					<div class="flex-1 w-full">
 						<VoiceRecording
@@ -1276,39 +1269,6 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 						/>
 					</div>
 				{:else}
-					<div
-						class="cursor-pointer flex gap-0.5 rounded-full border border-gray-50 dark:border-gray-850/30 dark:bg-gray-850 transition shadow-xl"
-					>
-						<Tooltip content={$i18n.t('AI')} placement="top">
-							{#if editing}
-								<button
-									class="p-2 flex justify-center items-center hover:bg-gray-50 dark:hover:bg-gray-800 rounded-full transition shrink-0"
-									on:click={() => {
-										stopResponseHandler();
-									}}
-									type="button"
-								>
-									<Spinner className="size-5" />
-								</button>
-							{:else}
-								<AiMenu
-									onEdit={() => {
-										enhanceNoteHandler();
-									}}
-									onChat={() => {
-										showPanel = true;
-										selectedPanel = 'chat';
-									}}
-								>
-									<div
-										class="cursor-pointer p-2.5 flex rounded-full border border-gray-50 bg-white dark:border-none dark:bg-gray-850 hover:bg-gray-50 dark:hover:bg-gray-800 transition shadow-xl"
-									>
-										<SparklesSolid />
-									</div>
-								</AiMenu>
-							{/if}
-						</Tooltip>
-					</div>
 					<RecordMenu
 						onRecord={async () => {
 							displayMediaRecord = false;
@@ -1364,6 +1324,40 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 							</div>
 						</Tooltip>
 					</RecordMenu>
+
+					<div
+						class="cursor-pointer flex gap-0.5 rounded-full border border-gray-50 dark:border-gray-850/30 dark:bg-gray-850 transition shadow-xl"
+					>
+						<Tooltip content={$i18n.t('AI')} placement="top">
+							{#if editing}
+								<button
+									class="p-2 flex justify-center items-center hover:bg-gray-50 dark:hover:bg-gray-800 rounded-full transition shrink-0"
+									on:click={() => {
+										stopResponseHandler();
+									}}
+									type="button"
+								>
+									<Spinner className="size-5" />
+								</button>
+							{:else}
+								<AiMenu
+									onEdit={() => {
+										enhanceNoteHandler();
+									}}
+									onChat={() => {
+										showPanel = true;
+										selectedPanel = 'chat';
+									}}
+								>
+									<div
+										class="cursor-pointer p-2.5 flex rounded-full border border-gray-50 bg-white dark:border-none dark:bg-gray-850 hover:bg-gray-50 dark:hover:bg-gray-800 transition shadow-xl"
+									>
+										<SparklesSolid />
+									</div>
+								</AiMenu>
+							{/if}
+						</Tooltip>
+					</div>
 				{/if}
 			</div>
 		</div>

src/lib/components/notes/Notes.svelte

@@ -1,7 +1,9 @@
 <script lang="ts">
 	import { marked } from 'marked';
+
 	import { toast } from 'svelte-sonner';
 	import fileSaver from 'file-saver';
+	import Fuse from 'fuse.js';
 
 	const { saveAs } = fileSaver;
 
@@ -23,16 +25,17 @@
 		}
 	}
 
-	import { onMount, getContext, onDestroy } from 'svelte';
-
-	const i18n = getContext('i18n');
 	// Assuming $i18n.languages is an array of language codes
 	$: loadLocale($i18n.languages);
 
+	import { page } from '$app/stores';
 	import { goto } from '$app/navigation';
+	import { onMount, getContext, onDestroy } from 'svelte';
 	import { WEBUI_NAME, config, prompts as _prompts, user } from '$lib/stores';
-	import { createNewNote, deleteNoteById, getNoteList, searchNotes } from '$lib/apis/notes';
+
+	import { createNewNote, deleteNoteById, getNotes } from '$lib/apis/notes';
 	import { capitalizeFirstLetter, copyToClipboard, getTimeRange } from '$lib/utils';
+
 	import { downloadPdf, createNoteHandler } from './utils';
 
 	import EllipsisHorizontal from '../icons/EllipsisHorizontal.svelte';
@@ -45,31 +48,58 @@
 	import NoteMenu from './Notes/NoteMenu.svelte';
 	import FilesOverlay from '../chat/MessageInput/FilesOverlay.svelte';
 	import XMark from '../icons/XMark.svelte';
-	import DropdownOptions from '../common/DropdownOptions.svelte';
-	import Loader from '../common/Loader.svelte';
 
+	const i18n = getContext('i18n');
 	let loaded = false;
 
 	let importFiles = '';
-	let selectedNote = null;
-	let showDeleteConfirm = false;
-
-	let notes = {};
-
-	let items = null;
-	let total = null;
-
 	let query = '';
 
-	let sortKey = null;
+	let noteItems = [];
-	let displayOption = null;
+	let fuse = null;
-	let viewOption = null;
-	let permission = null;
 
-	let page = 1;
+	let selectedNote = null;
+	let notes = {};
+	$: if (fuse) {
+		notes = groupNotes(
+			query
+				? fuse.search(query).map((e) => {
+						return e.item;
+					})
+				: noteItems
+		);
+	}
 
-	let itemsLoading = false;
+	let showDeleteConfirm = false;
-	let allItemsLoaded = false;
+
+	const groupNotes = (res) => {
+		console.log(res);
+		if (!Array.isArray(res)) {
+			return {}; // or throw new Error("Notes response is not an array")
+		}
+
+		// Build the grouped object
+		const grouped: Record<string, any[]> = {};
+		for (const note of res) {
+			const timeRange = getTimeRange(note.updated_at / 1000000000);
+			if (!grouped[timeRange]) {
+				grouped[timeRange] = [];
+			}
+			grouped[timeRange].push({
+				...note,
+				timeRange
+			});
+		}
+		return grouped;
+	};
+
+	const init = async () => {
+		noteItems = await getNotes(localStorage.token, true);
+
+		fuse = new Fuse(noteItems, {
+			keys: ['title']
+		});
+	};
 
 	const downloadHandler = async (type) => {
 		if (type === 'txt') {
@@ -143,96 +173,6 @@
 		}
 	};
 
-	const reset = () => {
-		page = 1;
-		items = null;
-		total = null;
-		allItemsLoaded = false;
-		itemsLoading = false;
-		notes = {};
-	};
-
-	const loadMoreItems = async () => {
-		if (allItemsLoaded) return;
-		page += 1;
-		await getItemsPage();
-	};
-
-	const init = async () => {
-		reset();
-		await getItemsPage();
-	};
-
-	$: if (
-		loaded &&
-		query !== undefined &&
-		sortKey !== undefined &&
-		permission !== undefined &&
-		viewOption !== undefined
-	) {
-		init();
-	}
-
-	const getItemsPage = async () => {
-		itemsLoading = true;
-
-		if (viewOption === 'created') {
-			permission = null;
-		}
-
-		const res = await searchNotes(
-			localStorage.token,
-			query,
-			viewOption,
-			permission,
-			sortKey,
-			page
-		).catch(() => {
-			return [];
-		});
-
-		if (res) {
-			console.log(res);
-			total = res.total;
-			const pageItems = res.items;
-
-			if ((pageItems ?? []).length === 0) {
-				allItemsLoaded = true;
-			} else {
-				allItemsLoaded = false;
-			}
-
-			if (items) {
-				items = [...items, ...pageItems];
-			} else {
-				items = pageItems;
-			}
-		}
-
-		itemsLoading = false;
-		return res;
-	};
-
-	const groupNotes = (res) => {
-		if (!Array.isArray(res)) {
-			return {}; // or throw new Error("Notes response is not an array")
-		}
-
-		// Build the grouped object
-		const grouped: Record<string, any[]> = {};
-		for (const note of res) {
-			const timeRange = getTimeRange(note.updated_at / 1000000000);
-			if (!grouped[timeRange]) {
-				grouped[timeRange] = [];
-			}
-			grouped[timeRange].push({
-				...note,
-				timeRange
-			});
-		}
-		return grouped;
-	};
-
 	let dragged = false;
 
 	const onDragOver = (e) => {
@@ -265,18 +205,6 @@
 		dragged = false;
 	};
 
-	onMount(async () => {
-		viewOption = localStorage?.noteViewOption ?? null;
-		displayOption = localStorage?.noteDisplayOption ?? null;
-
-		loaded = true;
-
-		const dropzoneElement = document.getElementById('notes-container');
-		dropzoneElement?.addEventListener('dragover', onDragOver);
-		dropzoneElement?.addEventListener('drop', onDrop);
-		dropzoneElement?.addEventListener('dragleave', onDragLeave);
-	});
-
 	onDestroy(() => {
 		console.log('destroy');
 		const dropzoneElement = document.getElementById('notes-container');
@@ -287,6 +215,17 @@
 			dropzoneElement?.removeEventListener('dragleave', onDragLeave);
 		}
 	});
+
+	onMount(async () => {
+		await init();
+		loaded = true;
+
+		const dropzoneElement = document.getElementById('notes-container');
+
+		dropzoneElement?.addEventListener('dragover', onDragOver);
+		dropzoneElement?.addEventListener('drop', onDrop);
+		dropzoneElement?.addEventListener('dragleave', onDragLeave);
+	});
 </script>
 
 <svelte:head>
@@ -297,7 +236,7 @@
 
 <FilesOverlay show={dragged} />
 
-<div id="notes-container" class="w-full min-h-full h-full px-3 md:px-[18px]">
+<div id="notes-container" class="w-full min-h-full h-full">
 	{#if loaded}
 		<DeleteConfirmDialog
 			bind:show={showDeleteConfirm}
@@ -312,41 +251,8 @@
 			</div>
 		</DeleteConfirmDialog>
 
-		<div class="flex flex-col gap-1 px-1 mt-1.5 mb-3">
+		<div class="flex flex-col gap-1 px-3.5">
-			<div class="flex justify-between items-center">
+			<div class=" flex flex-1 items-center w-full space-x-2">
-				<div class="flex items-center md:self-center text-xl font-medium px-0.5 gap-2 shrink-0">
-					<div>
-						{$i18n.t('Notes')}
-					</div>
-
-					<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
-						{total}
-					</div>
-				</div>
-
-				<div class="flex w-full justify-end gap-1.5">
-					<button
-						class=" px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-medium text-sm flex items-center"
-						on:click={async () => {
-							const res = await createNoteHandler(dayjs().format('YYYY-MM-DD'));
-
-							if (res) {
-								goto(`/notes/${res.id}`);
-							}
-						}}
-					>
-						<Plus className="size-3" strokeWidth="2.5" />
-
-						<div class=" md:ml-1 text-xs">{$i18n.t('New Note')}</div>
-					</button>
-				</div>
-			</div>
-		</div>
-
-		<div
-			class="py-2 bg-white dark:bg-gray-900 rounded-3xl border border-gray-100/30 dark:border-gray-850/30"
-		>
-			<div class="px-3.5 flex flex-1 items-center w-full space-x-2 py-0.5 pb-2">
 				<div class="flex flex-1 items-center">
 					<div class=" self-center ml-1 mr-3">
 						<Search className="size-3.5" />
@@ -371,305 +277,194 @@
 					{/if}
 				</div>
 			</div>
+		</div>
 
-			<div class="px-3 flex justify-between">
+		<div class="px-4.5 @container h-full pt-2">
-				<div
+			{#if Object.keys(notes).length > 0}
-					class="flex w-full bg-transparent overflow-x-auto scrollbar-none"
+				<div class="pb-10">
-					on:wheel={(e) => {
+					{#each Object.keys(notes) as timeRange}
-						if (e.deltaY !== 0) {
+						<div class="w-full text-xs text-gray-500 dark:text-gray-500 font-medium pb-2.5">
-							e.preventDefault();
+							{$i18n.t(timeRange)}
-							e.currentTarget.scrollLeft += e.deltaY;
+						</div>
-						}
-					}}
-				>
-					<div
-						class="flex gap-3 w-fit text-center text-sm rounded-full bg-transparent px-0.5 whitespace-nowrap"
-					>
-						<DropdownOptions
-							align="start"
-							className="flex w-full items-center gap-2 truncate px-3 py-1.5 text-sm bg-gray-50 dark:bg-gray-850 rounded-xl  placeholder-gray-400 outline-hidden focus:outline-hidden"
-							bind:value={viewOption}
-							items={[
-								{ value: null, label: $i18n.t('All') },
-								{ value: 'created', label: $i18n.t('Created by you') },
-								{ value: 'shared', label: $i18n.t('Shared with you') }
-							]}
-							onChange={(value) => {
-								if (value) {
-									localStorage.noteViewOption = value;
-								} else {
-									delete localStorage.noteViewOption;
-								}
-							}}
-						/>
 
-						{#if [null, 'shared'].includes(viewOption)}
+						<div
-							<DropdownOptions
+							class="mb-5 gap-2.5 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
-								align="start"
+						>
-								bind:value={permission}
+							{#each notes[timeRange] as note, idx (note.id)}
-								items={[
-									{ value: null, label: $i18n.t('Write') },
-									{ value: 'read_only', label: $i18n.t('Read Only') }
-								]}
-							/>
-						{/if}
-					</div>
-				</div>
-
-				<div>
-					<DropdownOptions
-						align="start"
-						bind:value={displayOption}
-						items={[
-							{ value: null, label: $i18n.t('List') },
-							{ value: 'grid', label: $i18n.t('Grid') }
-						]}
-						onChange={() => {
-							if (displayOption) {
-								localStorage.noteDisplayOption = displayOption;
-							} else {
-								delete localStorage.noteDisplayOption;
-							}
-						}}
-					/>
-				</div>
-			</div>
-
-			{#if items !== null && total !== null}
-				{#if (items ?? []).length > 0}
-					{@const notes = groupNotes(items)}
-
-					<div class="@container h-full py-2.5 px-2.5">
-						<div class="">
-							{#each Object.keys(notes) as timeRange, idx}
 								<div
-									class="w-full text-xs text-gray-500 dark:text-gray-500 font-medium px-2.5 pb-2.5"
+									class=" flex space-x-4 cursor-pointer w-full px-4.5 py-4 border border-gray-50 dark:border-gray-850/30 bg-transparent dark:hover:bg-gray-850 hover:bg-white rounded-2xl transition"
 								>
-									{$i18n.t(timeRange)}
+									<div class=" flex flex-1 space-x-4 cursor-pointer w-full">
-								</div>
+										<a
+											href={`/notes/${note.id}`}
+											class="w-full -translate-y-0.5 flex flex-col justify-between"
+										>
+											<div class="flex-1">
+												<div class="  flex items-center gap-2 self-center mb-1 justify-between">
+													<div class=" font-semibold line-clamp-1 capitalize">{note.title}</div>
 
-								{#if displayOption === null}
+													<div>
-									<div
+														<NoteMenu
-										class="{Object.keys(notes).length - 1 !== idx
+															onDownload={(type) => {
-											? 'mb-3'
+																selectedNote = note;
-											: ''} gap-1.5 flex flex-col"
+
-									>
+																downloadHandler(type);
-										{#each notes[timeRange] as note, idx (note.id)}
+															}}
-											<div
+															onCopyLink={async () => {
-												class=" flex cursor-pointer w-full px-3.5 py-1.5 border border-gray-50 dark:border-gray-850/30 bg-transparent dark:hover:bg-gray-850 hover:bg-white rounded-2xl transition"
+																const baseUrl = window.location.origin;
-											>
+																const res = await copyToClipboard(`${baseUrl}/notes/${note.id}`);
-												<a href={`/notes/${note.id}`} class="w-full flex flex-col justify-between">
+
-													<div class="flex-1">
+																if (res) {
-														<div class="  flex items-center gap-2 self-center justify-between">
+																	toast.success($i18n.t('Copied link to clipboard'));
-															<Tooltip
+																} else {
-																content={note.title}
+																	toast.error($i18n.t('Failed to copy link'));
-																className="flex-1"
+																}
-																placement="top-start"
+															}}
+															onDelete={() => {
+																selectedNote = note;
+																showDeleteConfirm = true;
+															}}
+														>
+															<button
+																class="self-center w-fit text-sm p-1 dark:text-gray-300 dark:hover:text-white hover:bg-black/5 dark:hover:bg-white/5 rounded-xl"
+																type="button"
 															>
-																<div
+																<EllipsisHorizontal className="size-5" />
-																	class=" text-sm font-medium capitalize flex-1 w-full line-clamp-1"
+															</button>
-																>
+														</NoteMenu>
-																	{note.title}
-																</div>
-															</Tooltip>
-
-															<div class="flex shrink-0 items-center text-xs gap-2.5">
-																<Tooltip content={dayjs(note.updated_at / 1000000).format('LLLL')}>
-																	<div>
-																		{dayjs(note.updated_at / 1000000).fromNow()}
-																	</div>
-																</Tooltip>
-																<Tooltip
-																	content={note?.user?.email ?? $i18n.t('Deleted User')}
-																	className="flex shrink-0"
-																	placement="top-start"
-																>
-																	<div class="shrink-0 text-gray-500">
-																		{$i18n.t('By {{name}}', {
-																			name: capitalizeFirstLetter(
-																				note?.user?.name ??
-																					note?.user?.email ??
-																					$i18n.t('Deleted User')
-																			)
-																		})}
-																	</div>
-																</Tooltip>
-
-																<div>
-																	<NoteMenu
-																		onDownload={(type) => {
-																			selectedNote = note;
-
-																			downloadHandler(type);
-																		}}
-																		onCopyLink={async () => {
-																			const baseUrl = window.location.origin;
-																			const res = await copyToClipboard(
-																				`${baseUrl}/notes/${note.id}`
-																			);
-
-																			if (res) {
-																				toast.success($i18n.t('Copied link to clipboard'));
-																			} else {
-																				toast.error($i18n.t('Failed to copy link'));
-																			}
-																		}}
-																		onDelete={() => {
-																			selectedNote = note;
-																			showDeleteConfirm = true;
-																		}}
-																	>
-																		<button
-																			class="self-center w-fit text-sm p-1 dark:text-gray-300 dark:hover:text-white hover:bg-black/5 dark:hover:bg-white/5 rounded-xl"
-																			type="button"
-																		>
-																			<EllipsisHorizontal className="size-5" />
-																		</button>
-																	</NoteMenu>
-																</div>
-															</div>
-														</div>
 													</div>
-												</a>
+												</div>
-											</div>
-										{/each}
-									</div>
-								{:else if displayOption === 'grid'}
-									<div
-										class="{Object.keys(notes).length - 1 !== idx
-											? 'mb-5'
-											: ''} gap-2.5 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
-									>
-										{#each notes[timeRange] as note, idx (note.id)}
-											<div
-												class=" flex space-x-4 cursor-pointer w-full px-4.5 py-4 border border-gray-50 dark:border-gray-850/30 bg-transparent dark:hover:bg-gray-850 hover:bg-white rounded-2xl transition"
-											>
-												<div class=" flex flex-1 space-x-4 cursor-pointer w-full">
-													<a
-														href={`/notes/${note.id}`}
-														class="w-full -translate-y-0.5 flex flex-col justify-between"
-													>
-														<div class="flex-1">
-															<div
-																class="  flex items-center gap-2 self-center mb-1 justify-between"
-															>
-																<div class=" font-semibold line-clamp-1 capitalize">
-																	{note.title}
-																</div>
 
-																<div>
+												<div
-																	<NoteMenu
+													class=" text-xs text-gray-500 dark:text-gray-500 mb-3 line-clamp-3 min-h-10"
-																		onDownload={(type) => {
+												>
-																			selectedNote = note;
+													{#if note.data?.content?.md}
-
+														{note.data?.content?.md}
-																			downloadHandler(type);
+													{:else}
-																		}}
+														{$i18n.t('No content')}
-																		onCopyLink={async () => {
+													{/if}
-																			const baseUrl = window.location.origin;
-																			const res = await copyToClipboard(
-																				`${baseUrl}/notes/${note.id}`
-																			);
-
-																			if (res) {
-																				toast.success($i18n.t('Copied link to clipboard'));
-																			} else {
-																				toast.error($i18n.t('Failed to copy link'));
-																			}
-																		}}
-																		onDelete={() => {
-																			selectedNote = note;
-																			showDeleteConfirm = true;
-																		}}
-																	>
-																		<button
-																			class="self-center w-fit text-sm p-1 dark:text-gray-300 dark:hover:text-white hover:bg-black/5 dark:hover:bg-white/5 rounded-xl"
-																			type="button"
-																		>
-																			<EllipsisHorizontal className="size-5" />
-																		</button>
-																	</NoteMenu>
-																</div>
-															</div>
-
-															<div
-																class=" text-xs text-gray-500 dark:text-gray-500 mb-3 line-clamp-3 min-h-10"
-															>
-																{#if note.data?.content?.md}
-																	{note.data?.content?.md}
-																{:else}
-																	{$i18n.t('No content')}
-																{/if}
-															</div>
-														</div>
-
-														<div class=" text-xs px-0.5 w-full flex justify-between items-center">
-															<div>
-																{dayjs(note.updated_at / 1000000).fromNow()}
-															</div>
-															<Tooltip
-																content={note?.user?.email ?? $i18n.t('Deleted User')}
-																className="flex shrink-0"
-																placement="top-start"
-															>
-																<div class="shrink-0 text-gray-500">
-																	{$i18n.t('By {{name}}', {
-																		name: capitalizeFirstLetter(
-																			note?.user?.name ??
-																				note?.user?.email ??
-																				$i18n.t('Deleted User')
-																		)
-																	})}
-																</div>
-															</Tooltip>
-														</div>
-													</a>
 												</div>
 											</div>
-										{/each}
+
+											<div class=" text-xs px-0.5 w-full flex justify-between items-center">
+												<div>
+													{dayjs(note.updated_at / 1000000).fromNow()}
+												</div>
+												<Tooltip
+													content={note?.user?.email ?? $i18n.t('Deleted User')}
+													className="flex shrink-0"
+													placement="top-start"
+												>
+													<div class="shrink-0 text-gray-500">
+														{$i18n.t('By {{name}}', {
+															name: capitalizeFirstLetter(
+																note?.user?.name ?? note?.user?.email ?? $i18n.t('Deleted User')
+															)
+														})}
+													</div>
+												</Tooltip>
+											</div>
+										</a>
 									</div>
-								{/if}
+								</div>
 							{/each}
-
-							{#if !allItemsLoaded}
-								<Loader
-									on:visible={(e) => {
-										if (!itemsLoading) {
-											loadMoreItems();
-										}
-									}}
-								>
-									<div
-										class="w-full flex justify-center py-4 text-xs animate-pulse items-center gap-2"
-									>
-										<Spinner className=" size-4" />
-										<div class=" ">{$i18n.t('Loading...')}</div>
-									</div>
-								</Loader>
-							{/if}
 						</div>
-					</div>
+					{/each}
-				{:else}
+				</div>
-					<div class="w-full h-full flex flex-col items-center justify-center">
-						<div class="py-20 text-center">
-							<div class=" text-sm text-gray-400 dark:text-gray-600">
-								{$i18n.t('No Notes')}
-							</div>
-
-							<div class="mt-1 text-xs text-gray-300 dark:text-gray-700">
-								{$i18n.t('Create your first note by clicking on the plus button below.')}
-							</div>
-						</div>
-					</div>
-				{/if}
 			{:else}
-				<div class="w-full h-full flex justify-center items-center py-10">
+				<div class="w-full h-full flex flex-col items-center justify-center">
-					<Spinner className="size-4" />
+					<div class="pb-20 text-center">
+						<div class=" text-xl font-medium text-gray-400 dark:text-gray-600">
+							{$i18n.t('No Notes')}
+						</div>
+
+						<div class="mt-1 text-sm text-gray-300 dark:text-gray-700">
+							{$i18n.t('Create your first note by clicking on the plus button below.')}
+						</div>
+					</div>
 				</div>
 			{/if}
 		</div>
+
+		<div class="absolute bottom-0 left-0 right-0 p-5 max-w-full flex justify-end">
+			<div class="flex gap-0.5 justify-end w-full">
+				<Tooltip content={$i18n.t('Create Note')}>
+					<button
+						class="cursor-pointer p-2.5 flex rounded-full border border-gray-50 bg-white dark:border-none dark:bg-gray-850 hover:bg-gray-50 dark:hover:bg-gray-800 transition shadow-xl"
+						type="button"
+						on:click={async () => {
+							const res = await createNoteHandler(dayjs().format('YYYY-MM-DD'));
+
+							if (res) {
+								goto(`/notes/${res.id}`);
+							}
+						}}
+					>
+						<Plus className="size-4.5" strokeWidth="2.5" />
+					</button>
+				</Tooltip>
+
+				<!-- <button
+				class="cursor-pointer p-2.5 flex rounded-full hover:bg-gray-100 dark:hover:bg-gray-850 transition shadow-xl"
+			>
+				<SparklesSolid className="size-4" />
+			</button> -->
+			</div>
+		</div>
+
+		<!-- {#if $user?.role === 'admin'}
+		<div class=" flex justify-end w-full mb-3">
+			<div class="flex space-x-2">
+				<input
+					id="notes-import-input"
+					bind:files={importFiles}
+					type="file"
+					accept=".md"
+					hidden
+					on:change={() => {
+						console.log(importFiles);
+
+						const reader = new FileReader();
+						reader.onload = async (event) => {
+							console.log(event.target.result);
+						};
+
+						reader.readAsText(importFiles[0]);
+					}}
+				/>
+
+				<button
+					class="flex text-xs items-center space-x-1 px-3 py-1.5 rounded-xl bg-gray-50 hover:bg-gray-100 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-gray-200 transition"
+					on:click={() => {
+						const notesImportInputElement = document.getElementById('notes-import-input');
+						if (notesImportInputElement) {
+							notesImportInputElement.click();
+						}
+					}}
+				>
+					<div class=" self-center mr-2 font-medium line-clamp-1">{$i18n.t('Import Notes')}</div>
+
+					<div class=" self-center">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							viewBox="0 0 16 16"
+							fill="currentColor"
+							class="w-4 h-4"
+						>
+							<path
+								fill-rule="evenodd"
+								d="M4 2a1.5 1.5 0 0 0-1.5 1.5v9A1.5 1.5 0 0 0 4 14h8a1.5 1.5 0 0 0 1.5-1.5V6.621a1.5 1.5 0 0 0-.44-1.06L9.94 2.439A1.5 1.5 0 0 0 8.878 2H4Zm4 9.5a.75.75 0 0 1-.75-.75V8.06l-.72.72a.75.75 0 0 1-1.06-1.06l2-2a.75.75 0 0 1 1.06 0l2 2a.75.75 0 1 1-1.06 1.06l-.72-.72v2.69a.75.75 0 0 1-.75.75Z"
+								clip-rule="evenodd"
+							/>
+						</svg>
+					</div>
+				</button>
+			</div>
+		</div>
+	{/if} -->
 	{:else}
 		<div class="w-full h-full flex justify-center items-center">
-			<Spinner className="size-4" />
+			<Spinner className="size-5" />
 		</div>
 	{/if}
 </div>

src/lib/components/notes/utils.ts

@@ -107,7 +107,7 @@ export const downloadPdf = async (note) => {
 	pdf.save(`${note.title}.pdf`);
 };
 
-export const createNoteHandler = async (title: string, md?: string, html?: string) => {
+export const createNoteHandler = async (title: string, content?: string) => {
 	//  $i18n.t('New Note'),
 	const res = await createNewNote(localStorage.token, {
 		// YYYY-MM-DD
@@ -115,8 +115,8 @@ export const createNoteHandler = async (title: string, md?: string, html?: strin
 		data: {
 			content: {
 				json: null,
-				html: html || md || '',
+				html: content ?? '',
-				md: md || ''
+				md: content ?? ''
 			}
 		},
 		meta: null,

src/lib/components/workspace/Knowledge/KnowledgeBase.svelte

@@ -31,8 +31,7 @@
 		removeFileFromKnowledgeById,
 		resetKnowledgeById,
 		updateFileFromKnowledgeById,
-		updateKnowledgeById,
+		updateKnowledgeById
-		searchKnowledgeFilesById
 	} from '$lib/apis/knowledge';
 	import { blobToFile } from '$lib/utils';
 
@@ -44,25 +43,22 @@
 	import AddTextContentModal from './KnowledgeBase/AddTextContentModal.svelte';
 
 	import SyncConfirmDialog from '../../common/ConfirmDialog.svelte';
+	import RichTextInput from '$lib/components/common/RichTextInput.svelte';
+	import EllipsisVertical from '$lib/components/icons/EllipsisVertical.svelte';
 	import Drawer from '$lib/components/common/Drawer.svelte';
 	import ChevronLeft from '$lib/components/icons/ChevronLeft.svelte';
 	import LockClosed from '$lib/components/icons/LockClosed.svelte';
 	import AccessControlModal from '../common/AccessControlModal.svelte';
 	import Search from '$lib/components/icons/Search.svelte';
+	import Textarea from '$lib/components/common/Textarea.svelte';
 	import FilesOverlay from '$lib/components/chat/MessageInput/FilesOverlay.svelte';
-	import DropdownOptions from '$lib/components/common/DropdownOptions.svelte';
-	import Pagination from '$lib/components/common/Pagination.svelte';
 
 	let largeScreen = true;
 
 	let pane;
 	let showSidepanel = true;
-
-	let showAddTextContentModal = false;
-	let showSyncConfirmModal = false;
-	let showAccessControlModal = false;
-
 	let minSize = 0;
+
 	type Knowledge = {
 		id: string;
 		name: string;
@@ -75,89 +71,52 @@
 
 	let id = null;
 	let knowledge: Knowledge | null = null;
-	let knowledgeId = null;
+	let query = '';
 
-	let selectedFileId = null;
+	let showAddTextContentModal = false;
-	let selectedFile = null;
+	let showSyncConfirmModal = false;
-	let selectedFileContent = '';
+	let showAccessControlModal = false;
 
 	let inputFiles = null;
 
-	let query = '';
+	let filteredItems = [];
-	let viewOption = null;
+	$: if (knowledge && knowledge.files) {
-	let sortKey = null;
+		fuse = new Fuse(knowledge.files, {
-	let direction = null;
+			keys: ['meta.name', 'meta.description']
-
-	let currentPage = 1;
-	let fileItems = null;
-	let fileItemsTotal = null;
-
-	const reset = () => {
-		currentPage = 1;
-	};
-
-	const init = async () => {
-		reset();
-		await getItemsPage();
-	};
-
-	$: if (
-		knowledgeId !== null &&
-		query !== undefined &&
-		viewOption !== undefined &&
-		sortKey !== undefined &&
-		direction !== undefined &&
-		currentPage !== undefined
-	) {
-		getItemsPage();
-	}
-
-	$: if (
-		query !== undefined &&
-		viewOption !== undefined &&
-		sortKey !== undefined &&
-		direction !== undefined
-	) {
-		reset();
-	}
-
-	const getItemsPage = async () => {
-		if (knowledgeId === null) return;
-
-		fileItems = null;
-		fileItemsTotal = null;
-
-		if (sortKey === null) {
-			direction = null;
-		}
-
-		const res = await searchKnowledgeFilesById(
-			localStorage.token,
-			knowledge.id,
-			query,
-			viewOption,
-			sortKey,
-			direction,
-			currentPage
-		).catch(() => {
-			return null;
 		});
+	}
 
-		if (res) {
+	$: if (fuse) {
-			fileItems = res.items;
+		filteredItems = query
-			fileItemsTotal = res.total;
+			? fuse.search(query).map((e) => {
-		}
+					return e.item;
-		return res;
+				})
-	};
+			: (knowledge?.files ?? []);
+	}
 
-	const fileSelectHandler = async (file) => {
+	let selectedFile = null;
-		try {
+	let selectedFileId = null;
-			selectedFile = file;
+	let selectedFileContent = '';
-			selectedFileContent = selectedFile?.data?.content || '';
+
-		} catch (e) {
+	// Add cache object
-			toast.error($i18n.t('Failed to load file content.'));
+	let fileContentCache = new Map();
+
+	$: if (selectedFileId) {
+		const file = (knowledge?.files ?? []).find((file) => file.id === selectedFileId);
+		if (file) {
+			fileSelectHandler(file);
+		} else {
+			selectedFile = null;
 		}
-	};
+	} else {
+		selectedFile = null;
+	}
+
+	let fuse = null;
+	let debounceTimeout = null;
+	let mediaQuery;
+	let dragged = false;
+	let isSaving = false;
 
 	const createFileFromText = (name, content) => {
 		const blob = new Blob([content], { type: 'text/plain' });
@@ -204,18 +163,19 @@
 			return;
 		}
 
-		fileItems = [...(fileItems ?? []), fileItem];
+		knowledge.files = [...(knowledge.files ?? []), fileItem];
+
 		try {
-			let metadata = {
+			// If the file is an audio file, provide the language for STT.
-				knowledge_id: knowledge.id,
+			let metadata = null;
-				// If the file is an audio file, provide the language for STT.
+			if (
-				...((file.type.startsWith('audio/') || file.type.startsWith('video/')) &&
+				(file.type.startsWith('audio/') || file.type.startsWith('video/')) &&
 				$settings?.audio?.stt?.language
-					? {
+			) {
-							language: $settings?.audio?.stt?.language
+				metadata = {
-						}
+					language: $settings?.audio?.stt?.language
-					: {})
+				};
-			};
+			}
 
 			const uploadedFile = await uploadFile(localStorage.token, file, metadata).catch((e) => {
 				toast.error(`${e}`);
@@ -224,7 +184,7 @@
 
 			if (uploadedFile) {
 				console.log(uploadedFile);
-				fileItems = fileItems.map((item) => {
+				knowledge.files = knowledge.files.map((item) => {
 					if (item.itemId === tempItemId) {
 						item.id = uploadedFile.id;
 					}
@@ -237,7 +197,7 @@
 				if (uploadedFile.error) {
 					console.warn('File upload warning:', uploadedFile.error);
 					toast.warning(uploadedFile.error);
-					fileItems = fileItems.filter((file) => file.id !== uploadedFile.id);
+					knowledge.files = knowledge.files.filter((file) => file.id !== uploadedFile.id);
 				} else {
 					await addFileHandler(uploadedFile.id);
 				}
@@ -441,17 +401,19 @@
 	};
 
 	const addFileHandler = async (fileId) => {
-		const res = await addFileToKnowledgeById(localStorage.token, id, fileId).catch((e) => {
+		const updatedKnowledge = await addFileToKnowledgeById(localStorage.token, id, fileId).catch(
-			toast.error(`${e}`);
+			(e) => {
-			return null;
+				toast.error(`${e}`);
-		});
+				return null;
+			}
+		);
 
-		if (res) {
+		if (updatedKnowledge) {
+			knowledge = updatedKnowledge;
 			toast.success($i18n.t('File added successfully.'));
-			init();
 		} else {
 			toast.error($i18n.t('Failed to add file.'));
-			fileItems = fileItems.filter((file) => file.id !== fileId);
+			knowledge.files = knowledge.files.filter((file) => file.id !== fileId);
 		}
 	};
 
@@ -460,12 +422,13 @@
 			console.log('Starting file deletion process for:', fileId);
 
 			// Remove from knowledge base only
-			const res = await removeFileFromKnowledgeById(localStorage.token, id, fileId);
+			const updatedKnowledge = await removeFileFromKnowledgeById(localStorage.token, id, fileId);
-			console.log('Knowledge base updated:', res);
 
-			if (res) {
+			console.log('Knowledge base updated:', updatedKnowledge);
+
+			if (updatedKnowledge) {
+				knowledge = updatedKnowledge;
 				toast.success($i18n.t('File removed successfully.'));
-				await init();
 			}
 		} catch (e) {
 			console.error('Error in deleteFileHandler:', e);
@@ -473,38 +436,32 @@
 		}
 	};
 
-	let debounceTimeout = null;
-	let mediaQuery;
-
-	let dragged = false;
-	let isSaving = false;
-
 	const updateFileContentHandler = async () => {
 		if (isSaving) {
 			console.log('Save operation already in progress, skipping...');
 			return;
 		}
-
 		isSaving = true;
-
 		try {
-			const res = await updateFileDataContentById(
+			const fileId = selectedFile.id;
+			const content = selectedFileContent;
+			// Clear the cache for this file since we're updating it
+			fileContentCache.delete(fileId);
+			const res = await updateFileDataContentById(localStorage.token, fileId, content).catch(
+				(e) => {
+					toast.error(`${e}`);
+				}
+			);
+			const updatedKnowledge = await updateFileFromKnowledgeById(
 				localStorage.token,
-				selectedFile.id,
+				id,
-				selectedFileContent
+				fileId
 			).catch((e) => {
 				toast.error(`${e}`);
-				return null;
 			});
-
+			if (res && updatedKnowledge) {
-			if (res) {
+				knowledge = updatedKnowledge;
 				toast.success($i18n.t('File content updated successfully.'));
-
-				selectedFileId = null;
-				selectedFile = null;
-				selectedFileContent = '';
-
-				await init();
 			}
 		} finally {
 			isSaving = false;
@@ -547,6 +504,29 @@
 		}
 	};
 
+	const fileSelectHandler = async (file) => {
+		try {
+			selectedFile = file;
+
+			// Check cache first
+			if (fileContentCache.has(file.id)) {
+				selectedFileContent = fileContentCache.get(file.id);
+				return;
+			}
+
+			const response = await getFileById(localStorage.token, file.id);
+			if (response) {
+				selectedFileContent = response.data.content;
+				// Cache the content
+				fileContentCache.set(file.id, response.data.content);
+			} else {
+				toast.error($i18n.t('No content found in file.'));
+			}
+		} catch (e) {
+			toast.error($i18n.t('Failed to load file content.'));
+		}
+	};
+
 	const onDragOver = (e) => {
 		e.preventDefault();
 
@@ -647,6 +627,7 @@
 		}
 
 		id = $page.params.id;
+
 		const res = await getKnowledgeById(localStorage.token, id).catch((e) => {
 			toast.error(`${e}`);
 			return null;
@@ -654,7 +635,6 @@
 
 		if (res) {
 			knowledge = res;
-			knowledgeId = knowledge?.id;
 		} else {
 			goto('/workspace/knowledge');
 		}
@@ -725,42 +705,32 @@
 	}}
 />
 
-<div class="flex flex-col w-full h-full min-h-full" id="collection-container">
+<div class="flex flex-col w-full h-full translate-y-1" id="collection-container">
 	{#if id && knowledge}
 		<AccessControlModal
 			bind:show={showAccessControlModal}
 			bind:accessControl={knowledge.access_control}
 			share={$user?.permissions?.sharing?.knowledge || $user?.role === 'admin'}
-			sharePublic={$user?.permissions?.sharing?.public_knowledge || $user?.role === 'admin'}
+			sharePu={$user?.permissions?.sharing?.public_knowledge || $user?.role === 'admin'}
 			onChange={() => {
 				changeDebounceHandler();
 			}}
 			accessRoles={['read', 'write']}
 		/>
-		<div class="w-full px-2">
+		<div class="w-full mb-2.5">
 			<div class=" flex w-full">
 				<div class="flex-1">
-					<div class="flex items-center justify-between w-full">
+					<div class="flex items-center justify-between w-full px-0.5 mb-1">
-						<div class="w-full flex justify-between items-center">
+						<div class="w-full">
 							<input
 								type="text"
-								class="text-left w-full font-medium text-lg font-primary bg-transparent outline-hidden flex-1"
+								class="text-left w-full font-medium text-2xl font-primary bg-transparent outline-hidden"
 								bind:value={knowledge.name}
 								placeholder={$i18n.t('Knowledge Name')}
 								on:input={() => {
 									changeDebounceHandler();
 								}}
 							/>
-
-							<div class="shrink-0 mr-2.5">
-								{#if (knowledge?.files ?? []).length}
-									<div class="text-xs text-gray-500">
-										{$i18n.t('{{count}} files', {
-											count: (knowledge?.files ?? []).length
-										})}
-									</div>
-								{/if}
-							</div>
 						</div>
 
 						<div class="self-center shrink-0">
@@ -780,7 +750,7 @@
 						</div>
 					</div>
 
-					<div class="flex w-full">
+					<div class="flex w-full px-1">
 						<input
 							type="text"
 							class="text-left text-xs w-full text-gray-500 bg-transparent outline-hidden"
@@ -795,205 +765,204 @@
 			</div>
 		</div>
 
-		<div
+		<div class="flex flex-row flex-1 h-full max-h-full pb-2.5 gap-3">
-			class="mt-2 mb-2.5 py-2 -mx-0 bg-white dark:bg-gray-900 rounded-3xl border border-gray-100/30 dark:border-gray-850/30 flex-1"
+			{#if largeScreen}
-		>
+				<div class="flex-1 flex justify-start w-full h-full max-h-full">
-			<div class="px-3.5 flex flex-1 items-center w-full space-x-2 py-0.5 pb-2">
+					{#if selectedFile}
-				<div class="flex flex-1 items-center">
+						<div class=" flex flex-col w-full">
-					<div class=" self-center ml-1 mr-3">
+							<div class="shrink-0 mb-2 flex items-center">
-						<Search className="size-3.5" />
+								{#if !showSidepanel}
-					</div>
+									<div class="-translate-x-2">
-					<input
+										<button
-						class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-hidden bg-transparent"
+											class="w-full text-left text-sm p-1.5 rounded-lg dark:text-gray-300 dark:hover:text-white hover:bg-black/5 dark:hover:bg-gray-850"
-						bind:value={query}
+											on:click={() => {
-						placeholder={`${$i18n.t('Search Collection')}`}
+												pane.expand();
-						on:focus={() => {
+											}}
-							selectedFileId = null;
+										>
-						}}
+											<ChevronLeft strokeWidth="2.5" />
-					/>
+										</button>
+									</div>
+								{/if}
 
-					<div>
+								<div class=" flex-1 text-xl font-medium">
-						<AddContentMenu
+									<a
-							on:upload={(e) => {
+										class="hover:text-gray-500 dark:hover:text-gray-100 hover:underline grow line-clamp-1"
-								if (e.detail.type === 'directory') {
+										href={selectedFile.id ? `/api/v1/files/${selectedFile.id}/content` : '#'}
-									uploadDirectoryHandler();
+										target="_blank"
-								} else if (e.detail.type === 'text') {
+									>
-									showAddTextContentModal = true;
+										{decodeString(selectedFile?.meta?.name)}
-								} else {
+									</a>
-									document.getElementById('files-input').click();
+								</div>
-								}
+
-							}}
+								<div>
-							on:sync={(e) => {
+									<button
-								showSyncConfirmModal = true;
+										class="self-center w-fit text-sm py-1 px-2.5 dark:text-gray-300 dark:hover:text-white hover:bg-black/5 dark:hover:bg-white/5 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed"
-							}}
+										disabled={isSaving}
-						/>
+										on:click={() => {
-					</div>
+											updateFileContentHandler();
+										}}
+									>
+										{$i18n.t('Save')}
+										{#if isSaving}
+											<div class="ml-2 self-center">
+												<Spinner />
+											</div>
+										{/if}
+									</button>
+								</div>
+							</div>
+
+							<div
+								class=" flex-1 w-full h-full max-h-full text-sm bg-transparent outline-hidden overflow-y-auto scrollbar-hidden"
+							>
+								{#key selectedFile.id}
+									<textarea
+										class="w-full h-full outline-none resize-none"
+										bind:value={selectedFileContent}
+										placeholder={$i18n.t('Add content here')}
+									/>
+								{/key}
+							</div>
+						</div>
+					{:else}
+						<div class="h-full flex w-full">
+							<div class="m-auto text-xs text-center text-gray-200 dark:text-gray-700">
+								{$i18n.t('Drag and drop a file to upload or select a file to view')}
+							</div>
+						</div>
+					{/if}
 				</div>
-			</div>
+			{:else if !largeScreen && selectedFileId !== null}
-
+				<Drawer
-			<div class="px-3 flex justify-between">
+					className="h-full"
-				<div
+					show={selectedFileId !== null}
-					class="flex w-full bg-transparent overflow-x-auto scrollbar-none"
+					onClose={() => {
-					on:wheel={(e) => {
+						selectedFileId = null;
-						if (e.deltaY !== 0) {
-							e.preventDefault();
-							e.currentTarget.scrollLeft += e.deltaY;
-						}
 					}}
 				>
-					<div
+					<div class="flex flex-col justify-start h-full max-h-full p-2">
-						class="flex gap-3 w-fit text-center text-sm rounded-full bg-transparent px-0.5 whitespace-nowrap"
+						<div class=" flex flex-col w-full h-full max-h-full">
-					>
+							<div class="shrink-0 mt-1 mb-2 flex items-center">
-						<DropdownOptions
+								<div class="mr-2">
-							align="start"
+									<button
-							className="flex w-full items-center gap-2 truncate px-3 py-1.5 text-sm bg-gray-50 dark:bg-gray-850 rounded-xl  placeholder-gray-400 outline-hidden focus:outline-hidden"
+										class="w-full text-left text-sm p-1.5 rounded-lg dark:text-gray-300 dark:hover:text-white hover:bg-black/5 dark:hover:bg-gray-850"
-							bind:value={viewOption}
+										on:click={() => {
-							items={[
+											selectedFileId = null;
-								{ value: null, label: $i18n.t('All') },
+										}}
-								{ value: 'created', label: $i18n.t('Created by you') },
+									>
-								{ value: 'shared', label: $i18n.t('Shared with you') }
+										<ChevronLeft strokeWidth="2.5" />
-							]}
+									</button>
-							onChange={(value) => {
+								</div>
-								if (value) {
+								<div class=" flex-1 text-xl line-clamp-1">
-									localStorage.workspaceViewOption = value;
+									{selectedFile?.meta?.name}
-								} else {
+								</div>
-									delete localStorage.workspaceViewOption;
-								}
-							}}
-						/>
 
-						<DropdownOptions
+								<div>
-							align="start"
+									<button
-							bind:value={sortKey}
+										class="self-center w-fit text-sm py-1 px-2.5 dark:text-gray-300 dark:hover:text-white hover:bg-black/5 dark:hover:bg-white/5 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed"
-							placeholder={$i18n.t('Sort')}
+										disabled={isSaving}
-							items={[
+										on:click={() => {
-								{ value: 'name', label: $i18n.t('Name') },
+											updateFileContentHandler();
-								{ value: 'created_at', label: $i18n.t('Created At') },
+										}}
-								{ value: 'updated_at', label: $i18n.t('Updated At') }
+									>
-							]}
+										{$i18n.t('Save')}
-						/>
+										{#if isSaving}
+											<div class="ml-2 self-center">
+												<Spinner />
+											</div>
+										{/if}
+									</button>
+								</div>
+							</div>
 
-						{#if sortKey}
+							<div
-							<DropdownOptions
+								class=" flex-1 w-full h-full max-h-full py-2.5 px-3.5 rounded-lg text-sm bg-transparent overflow-y-auto scrollbar-hidden"
-								align="start"
+							>
-								bind:value={direction}
+								{#key selectedFile.id}
-								items={[
+									<textarea
-									{ value: 'asc', label: $i18n.t('Asc') },
+										class="w-full h-full outline-none resize-none"
-									{ value: null, label: $i18n.t('Desc') }
+										bind:value={selectedFileContent}
-								]}
+										placeholder={$i18n.t('Add content here')}
-							/>
+									/>
+								{/key}
+							</div>
+						</div>
+					</div>
+				</Drawer>
+			{/if}
+
+			<div
+				class="{largeScreen ? 'shrink-0 w-72 max-w-72' : 'flex-1'}
+			flex
+			py-2
+			rounded-2xl
+			border
+			border-gray-50
+			h-full
+			dark:border-gray-850"
+			>
+				<div class=" flex flex-col w-full space-x-2 rounded-lg h-full">
+					<div class="w-full h-full flex flex-col">
+						<div class=" px-3">
+							<div class="flex mb-0.5">
+								<div class=" self-center ml-1 mr-3">
+									<Search />
+								</div>
+								<input
+									class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-hidden bg-transparent"
+									bind:value={query}
+									placeholder={`${$i18n.t('Search Collection')}${(knowledge?.files ?? []).length ? ` (${(knowledge?.files ?? []).length})` : ''}`}
+									on:focus={() => {
+										selectedFileId = null;
+									}}
+								/>
+
+								<div>
+									<AddContentMenu
+										on:upload={(e) => {
+											if (e.detail.type === 'directory') {
+												uploadDirectoryHandler();
+											} else if (e.detail.type === 'text') {
+												showAddTextContentModal = true;
+											} else {
+												document.getElementById('files-input').click();
+											}
+										}}
+										on:sync={(e) => {
+											showSyncConfirmModal = true;
+										}}
+									/>
+								</div>
+							</div>
+						</div>
+
+						{#if filteredItems.length > 0}
+							<div class=" flex overflow-y-auto h-full w-full scrollbar-hidden text-xs">
+								<Files
+									small
+									files={filteredItems}
+									{selectedFileId}
+									on:click={(e) => {
+										selectedFileId = selectedFileId === e.detail ? null : e.detail;
+									}}
+									on:delete={(e) => {
+										console.log(e.detail);
+
+										selectedFileId = null;
+										deleteFileHandler(e.detail);
+									}}
+								/>
+							</div>
+						{:else}
+							<div class="my-3 flex flex-col justify-center text-center text-gray-500 text-xs">
+								<div>
+									{$i18n.t('No content found')}
+								</div>
+							</div>
 						{/if}
 					</div>
 				</div>
 			</div>
-
-			{#if fileItems !== null && fileItemsTotal !== null}
-				<div class="flex flex-row flex-1 gap-3 px-2.5 mt-2">
-					<div class="flex-1 flex">
-						<div class=" flex flex-col w-full space-x-2 rounded-lg h-full">
-							<div class="w-full h-full flex flex-col min-h-full">
-								{#if fileItems.length > 0}
-									<div class=" flex overflow-y-auto h-full w-full scrollbar-hidden text-xs">
-										<Files
-											files={fileItems}
-											{selectedFileId}
-											onClick={(fileId) => {
-												selectedFileId = fileId;
-
-												if (fileItems) {
-													const file = fileItems.find((file) => file.id === selectedFileId);
-													if (file) {
-														fileSelectHandler(file);
-													} else {
-														selectedFile = null;
-													}
-												}
-											}}
-											onDelete={(fileId) => {
-												selectedFileId = null;
-												selectedFile = null;
-
-												deleteFileHandler(fileId);
-											}}
-										/>
-									</div>
-
-									{#if fileItemsTotal > 30}
-										<Pagination bind:page={currentPage} count={fileItemsTotal} perPage={30} />
-									{/if}
-								{:else}
-									<div class="my-3 flex flex-col justify-center text-center text-gray-500 text-xs">
-										<div>
-											{$i18n.t('No content found')}
-										</div>
-									</div>
-								{/if}
-							</div>
-						</div>
-					</div>
-
-					{#if selectedFileId !== null}
-						<Drawer
-							className="h-full"
-							show={selectedFileId !== null}
-							onClose={() => {
-								selectedFileId = null;
-								selectedFile = null;
-							}}
-						>
-							<div class="flex flex-col justify-start h-full max-h-full">
-								<div class=" flex flex-col w-full h-full max-h-full">
-									<div class="shrink-0 flex items-center p-2">
-										<div class="mr-2">
-											<button
-												class="w-full text-left text-sm p-1.5 rounded-lg dark:text-gray-300 dark:hover:text-white hover:bg-black/5 dark:hover:bg-gray-850"
-												on:click={() => {
-													selectedFileId = null;
-													selectedFile = null;
-												}}
-											>
-												<ChevronLeft strokeWidth="2.5" />
-											</button>
-										</div>
-										<div class=" flex-1 text-lg line-clamp-1">
-											{selectedFile?.meta?.name}
-										</div>
-
-										<div>
-											<button
-												class="flex self-center w-fit text-sm py-1 px-2.5 dark:text-gray-300 dark:hover:text-white hover:bg-black/5 dark:hover:bg-white/5 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed"
-												disabled={isSaving}
-												on:click={() => {
-													updateFileContentHandler();
-												}}
-											>
-												{$i18n.t('Save')}
-												{#if isSaving}
-													<div class="ml-2 self-center">
-														<Spinner />
-													</div>
-												{/if}
-											</button>
-										</div>
-									</div>
-
-									{#key selectedFile.id}
-										<textarea
-											class="w-full h-full text-sm outline-none resize-none px-3 py-2"
-											bind:value={selectedFileContent}
-											placeholder={$i18n.t('Add content here')}
-										/>
-									{/key}
-								</div>
-							</div>
-						</Drawer>
-					{/if}
-				</div>
-			{:else}
-				<div class="my-10">
-					<Spinner className="size-4" />
-				</div>
-			{/if}
 		</div>
 	{:else}
 		<Spinner className="size-5" />

src/lib/components/workspace/Knowledge/KnowledgeBase/AddContentMenu.svelte

@@ -50,14 +50,14 @@
 
 	<div slot="content">
 		<DropdownMenu.Content
-			class="w-full max-w-[200px] rounded-2xl px-1 py-1  border border-gray-100  dark:border-gray-800 z-50 bg-white dark:bg-gray-850 dark:text-white shadow-lg transition"
+			class="w-full max-w-44 rounded-xl p-1 z-50 bg-white dark:bg-gray-850 dark:text-white shadow-sm"
 			sideOffset={4}
 			side="bottom"
 			align="end"
 			transition={flyAndScale}
 		>
 			<DropdownMenu.Item
-				class="flex gap-2 items-center px-3 py-1.5 text-sm  cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800  rounded-xl"
+				class="flex  gap-2  items-center px-3 py-2 text-sm  cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
 				on:click={() => {
 					dispatch('upload', { type: 'files' });
 				}}
@@ -67,7 +67,7 @@
 			</DropdownMenu.Item>
 
 			<DropdownMenu.Item
-				class="flex gap-2 items-center px-3 py-1.5 text-sm  cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800  rounded-xl"
+				class="flex  gap-2  items-center px-3 py-2 text-sm  cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
 				on:click={() => {
 					dispatch('upload', { type: 'directory' });
 				}}
@@ -83,7 +83,7 @@
 				className="w-full"
 			>
 				<DropdownMenu.Item
-					class="flex gap-2 items-center px-3 py-1.5 text-sm  cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800  rounded-xl"
+					class="flex  gap-2  items-center px-3 py-2 text-sm  cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
 					on:click={() => {
 						dispatch('sync', { type: 'directory' });
 					}}
@@ -94,7 +94,7 @@
 			</Tooltip>
 
 			<DropdownMenu.Item
-				class="flex gap-2 items-center px-3 py-1.5 text-sm  cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800  rounded-xl"
+				class="flex  gap-2  items-center px-3 py-2 text-sm  cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
 				on:click={() => {
 					dispatch('upload', { type: 'text' });
 				}}

src/lib/components/workspace/Knowledge/KnowledgeBase/Files.svelte

@@ -1,97 +1,45 @@
 <script lang="ts">
-	import dayjs from '$lib/dayjs';
+	import { createEventDispatcher } from 'svelte';
-	import duration from 'dayjs/plugin/duration';
+	const dispatch = createEventDispatcher();
-	import relativeTime from 'dayjs/plugin/relativeTime';
 
-	dayjs.extend(duration);
+	import FileItem from '$lib/components/common/FileItem.svelte';
-	dayjs.extend(relativeTime);
-
-	import { getContext } from 'svelte';
-	const i18n = getContext('i18n');
-
-	import { capitalizeFirstLetter, formatFileSize } from '$lib/utils';
-
-	import Tooltip from '$lib/components/common/Tooltip.svelte';
-	import DocumentPage from '$lib/components/icons/DocumentPage.svelte';
-	import XMark from '$lib/components/icons/XMark.svelte';
-	import Spinner from '$lib/components/common/Spinner.svelte';
 
 	export let selectedFileId = null;
 	export let files = [];
 
-	export let onClick = (fileId) => {};
+	export let small = false;
-	export let onDelete = (fileId) => {};
 </script>
 
-<div class=" max-h-full flex flex-col w-full gap-[0.5px]">
+<div class=" max-h-full flex flex-col w-full">
-	{#each files as file (file?.id ?? file?.tempId)}
+	{#each files as file}
-		<div
+		<div class="mt-1 px-2">
-			class=" flex cursor-pointer w-full px-1.5 py-0.5 bg-transparent dark:hover:bg-gray-850/50 hover:bg-white rounded-xl transition {selectedFileId
+			<FileItem
-				? ''
+				className="w-full"
-				: 'hover:bg-gray-100 dark:hover:bg-gray-850'}"
+				colorClassName="{selectedFileId === file.id
-		>
+					? ' bg-gray-50 dark:bg-gray-850'
-			<button
+					: 'bg-transparent'} hover:bg-gray-50 dark:hover:bg-gray-850 transition"
-				class="relative group flex items-center gap-1 rounded-xl p-2 text-left flex-1 justify-between"
+				{small}
-				type="button"
+				item={file}
-				on:click={async () => {
+				name={file?.name ?? file?.meta?.name}
-					console.log(file);
+				type="file"
-					onClick(file?.id ?? file?.tempId);
+				size={file?.size ?? file?.meta?.size ?? ''}
+				loading={file.status === 'uploading'}
+				dismissible
+				on:click={() => {
+					if (file.status === 'uploading') {
+						return;
+					}
+
+					dispatch('click', file.id);
 				}}
-			>
+				on:dismiss={() => {
-				<div class="">
+					if (file.status === 'uploading') {
-					<div class="flex gap-2 items-center line-clamp-1">
+						return;
-						<div class="shrink-0">
+					}
-							{#if file?.status !== 'uploading'}
-								<DocumentPage className="size-3" />
-							{:else}
-								<Spinner className="size-3" />
-							{/if}
-						</div>
 
-						<div class="line-clamp-1">
+					dispatch('delete', file.id);
-							{file?.name ?? file?.meta?.name}
+				}}
-							{#if file?.meta?.size}
+			/>
-								<span class="text-xs text-gray-500">{formatFileSize(file?.meta?.size)}</span>
-							{/if}
-						</div>
-					</div>
-				</div>
-
-				<div class="flex items-center gap-2 shrink-0">
-					<Tooltip content={dayjs(file.updated_at * 1000).format('LLLL')}>
-						<div>
-							{dayjs(file.updated_at * 1000).fromNow()}
-						</div>
-					</Tooltip>
-					<Tooltip
-						content={file?.user?.email ?? $i18n.t('Deleted User')}
-						className="flex shrink-0"
-						placement="top-start"
-					>
-						<div class="shrink-0 text-gray-500">
-							{$i18n.t('By {{name}}', {
-								name: capitalizeFirstLetter(
-									file?.user?.name ?? file?.user?.email ?? $i18n.t('Deleted User')
-								)
-							})}
-						</div>
-					</Tooltip>
-				</div>
-			</button>
-
-			<div class="flex items-center">
-				<Tooltip content={$i18n.t('Delete')}>
-					<button
-						class="p-1 rounded-full hover:bg-gray-100 dark:hover:bg-gray-850 transition"
-						type="button"
-						on:click={() => {
-							onDelete(file?.id ?? file?.tempId);
-						}}
-					>
-						<XMark />
-					</button>
-				</Tooltip>
-			</div>
 		</div>
 	{/each}
 </div>

src/lib/components/workspace/Models/Knowledge/Selector.svelte

@@ -53,6 +53,41 @@
 			};
 		});
 
+		let legacy_documents = knowledgeItems
+			.filter((item) => item?.meta?.document)
+			.map((item) => ({
+				...item,
+				type: 'file'
+			}));
+
+		let legacy_collections =
+			legacy_documents.length > 0
+				? [
+						{
+							name: 'All Documents',
+							legacy: true,
+							type: 'collection',
+							description: 'Deprecated (legacy collection), please create a new knowledge base.',
+							title: $i18n.t('All Documents'),
+							collection_names: legacy_documents.map((item) => item.id)
+						},
+
+						...legacy_documents
+							.reduce((a, item) => {
+								return [...new Set([...a, ...(item?.meta?.tags ?? []).map((tag) => tag.name)])];
+							}, [])
+							.map((tag) => ({
+								name: tag,
+								legacy: true,
+								type: 'collection',
+								description: 'Deprecated (legacy collection), please create a new knowledge base.',
+								collection_names: legacy_documents
+									.filter((item) => (item?.meta?.tags ?? []).map((tag) => tag.name).includes(tag))
+									.map((item) => item.id)
+							}))
+					]
+				: [];
+
 		let collections = knowledgeItems
 			.filter((item) => !item?.meta?.document)
 			.map((item) => ({
@@ -83,7 +118,13 @@
 					]
 				: [];
 
-		items = [...notes, ...collections, ...collection_files];
+		items = [...notes, ...collections, ...legacy_collections].map((item) => {
+			return {
+				...item,
+				...(item?.legacy || item?.meta?.legacy || item?.meta?.document ? { legacy: true } : {})
+			};
+		});
+
 		fuse = new Fuse(items, {
 			keys: ['name', 'description']
 		});

src/lib/i18n/locales/zh-CN/translation.json

@@ -1624,7 +1624,6 @@
 	"Tika": "Tika",
 	"Tika Server URL required.": "请输入 Tika 服务器接口地址",
 	"Tiktoken": "Tiktoken",
-	"Timeout": "超时时间",
 	"Title": "标题",
 	"Title Auto-Generation": "自动生成标题",
 	"Title cannot be an empty string.": "标题不能为空",

src/lib/i18n/locales/zh-TW/translation.json

@@ -1624,7 +1624,6 @@
 	"Tika": "Tika",
 	"Tika Server URL required.": "需要提供 Tika 伺服器 URL。",
 	"Tiktoken": "Tiktoken",
-	"Timeout": "逾時時間",
 	"Title": "標題",
 	"Title Auto-Generation": "自動產生標題",
 	"Title cannot be an empty string.": "標題不能是空字串。",

src/routes/(app)/notes/+page.svelte

@@ -110,7 +110,7 @@
 			</div>
 		</nav>
 
-		<div class=" flex-1 max-h-full overflow-y-auto @container">
+		<div class=" pb-1 flex-1 max-h-full overflow-y-auto @container">
 			<Notes />
 		</div>
 	</div>