@red-hat-developer-hub/backstage-plugin-lightspeed 2.4.0 → 2.5.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 ## @red-hat-developer-hub/backstage-plugin-lightspeed
 
+## 2.5.0
+
+### Minor Changes
+
+- d9df5b8: Add notebook chat with streaming support, document management, and UI improvements.
+  - Backend: add SSE transform to normalize Responses API format to legacy streaming format so notebook chat streams token-by-token like the chat tab.
+  - Frontend: add notebook chat view with conversation messages, document sidebar with per-document delete, and topic summary display.
+  - Fix stale document list when re-opening a notebook by setting query staleTime to 0.
+  - Hide model selector on the Notebooks tab while keeping the settings ellipsis menu visible.
+
+- 8b0cb12: Add dedicated route for individual notebook view (/lightspeed/notebooks/:notebookId).
+
+### Patch Changes
+
+- @red-hat-developer-hub/backstage-plugin-lightspeed-common@2.5.0
+
 ## 2.4.0
 
 ### Patch Changes

package/dist/alpha.d.ts

@@ -83,6 +83,7 @@ declare const lightspeedTranslationRef: _backstage_frontend_plugin_api.Translati
     readonly "notebook.overwrite.modal.title": string;
     readonly "notebook.overwrite.modal.description": string;
     readonly "notebook.overwrite.modal.action": string;
+    readonly "notebook.document.delete": string;
     readonly "conversation.delete.confirm.title": string;
     readonly "conversation.delete.confirm.message": string;
     readonly "conversation.delete.confirm.action": string;

package/dist/api/NotebooksApiClient.esm.js

@@ -78,6 +78,16 @@ class NotebooksApiClient {
     );
     return response?.sessions ?? [];
   }
+  async getSession(sessionId) {
+    const baseUrl = await this.getBaseUrl();
+    const response = await this.fetchJson(
+      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}`
+    );
+    if (!response.session) {
+      throw new Error(response.error ?? "Session not found");
+    }
+    return response.session;
+  }
   async renameSession(sessionId, name) {
     const baseUrl = await this.getBaseUrl();
     await this.fetchJson(
@@ -137,6 +147,32 @@ class NotebooksApiClient {
       `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/documents/${encodeURIComponent(documentId)}/status`
     );
   }
+  async querySession(sessionId, query) {
+    const baseUrl = await this.getBaseUrl();
+    const response = await this.fetchApi.fetch(
+      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/query`,
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ query })
+      }
+    );
+    if (!response.body) {
+      throw new Error("Readable stream is not supported or there is no body.");
+    }
+    if (!response.ok) {
+      const reader = response.body.getReader();
+      const { done, value } = await reader.read();
+      const text = done ? "" : new TextDecoder("utf-8").decode(value);
+      const errorMessage = JSON.parse(text);
+      if (errorMessage?.error) {
+        throw new Error(
+          `failed to query notebook session: ${errorMessage.error}`
+        );
+      }
+    }
+    return response.body.getReader();
+  }
 }
 
 export { NotebooksApiClient };

package/dist/api/NotebooksApiClient.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebooksApiClient.esm.js","sources":["../../src/api/NotebooksApiClient.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ConfigApi, FetchApi } from '@backstage/core-plugin-api';\n\nimport {\n  DocumentListResponse,\n  DocumentStatus,\n  NotebookSession,\n  SessionResponse,\n  UploadDocumentResponse,\n} from '../types';\nimport { NotebooksAPI } from './notebooksApi';\n\n/**\n * @public\n * AI Notebooks API client options\n */\nexport type NotebooksOptions = {\n  configApi: ConfigApi;\n  fetchApi: FetchApi;\n};\n\n/**\n * @public\n * AI Notebooks API client implementation\n */\nexport class NotebooksApiClient implements NotebooksAPI {\n  private readonly configApi: ConfigApi;\n  private readonly fetchApi: FetchApi;\n\n  constructor(options: NotebooksOptions) {\n    this.configApi = options.configApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  async getBaseUrl() {\n    return `${this.configApi.getString('backend.baseUrl')}/api/lightspeed/notebooks`;\n  }\n\n  private async handleResponseError(response: Response): Promise<string> {\n    let errorMessage = `failed to fetch data, status ${response.status}: ${response.statusText}`;\n    try {\n      const errorText = await response.text();\n      if (errorText) {\n        try {\n          const errorBody = JSON.parse(errorText);\n          if (errorBody?.error) {\n            errorMessage = errorBody.error;\n          }\n        } catch {\n          errorMessage = errorText;\n        }\n      }\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.warn(e);\n    }\n    return errorMessage;\n  }\n\n  private async fetchJson<T>(url: string, init?: RequestInit): Promise<T> {\n    const response = await this.fetchApi.fetch(url, {\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      ...init,\n    });\n\n    if (!response.ok) {\n      throw new Error(await this.handleResponseError(response));\n    }\n\n    const text = await response.text();\n    if (!text) {\n      return {} as T;\n    }\n    return JSON.parse(text) as T;\n  }\n\n  private async fetchFormData<T>(\n    url: string,\n    formData: FormData,\n    method: string = 'PUT',\n  ): Promise<T> {\n    const response = await this.fetchApi.fetch(url, {\n      method,\n      body: formData,\n    });\n\n    if (!response.ok && response.status !== 202) {\n      throw new Error(await this.handleResponseError(response));\n    }\n\n    const text = await response.text();\n    if (!text) {\n      return {} as T;\n    }\n    return JSON.parse(text) as T;\n  }\n\n  async createSession(name: string, description?: string) {\n    const baseUrl = await this.getBaseUrl();\n    const response = await this.fetchJson<SessionResponse>(\n      `${baseUrl}/v1/sessions`,\n      {\n        method: 'POST',\n        body: JSON.stringify({ name, description }),\n      },\n    );\n    if (!response.session) {\n      throw new Error(response.error ?? 'Failed to create session');\n    }\n    return response.session;\n  }\n\n  async listSessions() {\n    const baseUrl = await this.getBaseUrl();\n    const response = await this.fetchJson<{ sessions?: NotebookSession[] }>(\n      `${baseUrl}/v1/sessions`,\n    );\n    return response?.sessions ?? [];\n  }\n\n  async renameSession(sessionId: string, name: string) {\n    const baseUrl = await this.getBaseUrl();\n    await this.fetchJson(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}`,\n      {\n        method: 'PUT',\n        body: JSON.stringify({ name }),\n      },\n    );\n  }\n\n  async deleteSession(sessionId: string) {\n    const baseUrl = await this.getBaseUrl();\n    await this.fetchJson(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}`,\n      {\n        method: 'DELETE',\n      },\n    );\n  }\n\n  async uploadDocument(\n    sessionId: string,\n    file: File,\n    fileType: string,\n    title: string,\n    newTitle?: string,\n  ) {\n    const baseUrl = await this.getBaseUrl();\n    const formData = new FormData();\n    formData.append('file', file);\n    formData.append('fileType', fileType);\n    formData.append('title', title);\n    if (newTitle) {\n      formData.append('newTitle', newTitle);\n    }\n    return this.fetchFormData<UploadDocumentResponse>(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/documents`,\n      formData,\n    );\n  }\n\n  async listDocuments(sessionId: string) {\n    const baseUrl = await this.getBaseUrl();\n    const response = await this.fetchJson<DocumentListResponse>(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/documents`,\n    );\n    const docs = response?.documents ?? [];\n    return docs.map(doc => ({\n      ...doc,\n      title: (doc as any).title ?? doc.document_id,\n    }));\n  }\n\n  async deleteDocument(sessionId: string, documentId: string) {\n    const baseUrl = await this.getBaseUrl();\n    await this.fetchJson(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/documents/${encodeURIComponent(documentId)}`,\n      {\n        method: 'DELETE',\n      },\n    );\n  }\n\n  async getDocumentStatus(sessionId: string, documentId: string) {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchJson<DocumentStatus>(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/documents/${encodeURIComponent(documentId)}/status`,\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"NotebooksApiClient.esm.js","sources":["../../src/api/NotebooksApiClient.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ConfigApi, FetchApi } from '@backstage/core-plugin-api';\n\nimport {\n  DocumentListResponse,\n  DocumentStatus,\n  NotebookSession,\n  SessionResponse,\n  UploadDocumentResponse,\n} from '../types';\nimport { NotebooksAPI } from './notebooksApi';\n\n/**\n * @public\n * AI Notebooks API client options\n */\nexport type NotebooksOptions = {\n  configApi: ConfigApi;\n  fetchApi: FetchApi;\n};\n\n/**\n * @public\n * AI Notebooks API client implementation\n */\nexport class NotebooksApiClient implements NotebooksAPI {\n  private readonly configApi: ConfigApi;\n  private readonly fetchApi: FetchApi;\n\n  constructor(options: NotebooksOptions) {\n    this.configApi = options.configApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  async getBaseUrl() {\n    return `${this.configApi.getString('backend.baseUrl')}/api/lightspeed/notebooks`;\n  }\n\n  private async handleResponseError(response: Response): Promise<string> {\n    let errorMessage = `failed to fetch data, status ${response.status}: ${response.statusText}`;\n    try {\n      const errorText = await response.text();\n      if (errorText) {\n        try {\n          const errorBody = JSON.parse(errorText);\n          if (errorBody?.error) {\n            errorMessage = errorBody.error;\n          }\n        } catch {\n          errorMessage = errorText;\n        }\n      }\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.warn(e);\n    }\n    return errorMessage;\n  }\n\n  private async fetchJson<T>(url: string, init?: RequestInit): Promise<T> {\n    const response = await this.fetchApi.fetch(url, {\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      ...init,\n    });\n\n    if (!response.ok) {\n      throw new Error(await this.handleResponseError(response));\n    }\n\n    const text = await response.text();\n    if (!text) {\n      return {} as T;\n    }\n    return JSON.parse(text) as T;\n  }\n\n  private async fetchFormData<T>(\n    url: string,\n    formData: FormData,\n    method: string = 'PUT',\n  ): Promise<T> {\n    const response = await this.fetchApi.fetch(url, {\n      method,\n      body: formData,\n    });\n\n    if (!response.ok && response.status !== 202) {\n      throw new Error(await this.handleResponseError(response));\n    }\n\n    const text = await response.text();\n    if (!text) {\n      return {} as T;\n    }\n    return JSON.parse(text) as T;\n  }\n\n  async createSession(name: string, description?: string) {\n    const baseUrl = await this.getBaseUrl();\n    const response = await this.fetchJson<SessionResponse>(\n      `${baseUrl}/v1/sessions`,\n      {\n        method: 'POST',\n        body: JSON.stringify({ name, description }),\n      },\n    );\n    if (!response.session) {\n      throw new Error(response.error ?? 'Failed to create session');\n    }\n    return response.session;\n  }\n\n  async listSessions() {\n    const baseUrl = await this.getBaseUrl();\n    const response = await this.fetchJson<{ sessions?: NotebookSession[] }>(\n      `${baseUrl}/v1/sessions`,\n    );\n    return response?.sessions ?? [];\n  }\n\n  async getSession(sessionId: string) {\n    const baseUrl = await this.getBaseUrl();\n    const response = await this.fetchJson<SessionResponse>(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}`,\n    );\n    if (!response.session) {\n      throw new Error(response.error ?? 'Session not found');\n    }\n    return response.session;\n  }\n\n  async renameSession(sessionId: string, name: string) {\n    const baseUrl = await this.getBaseUrl();\n    await this.fetchJson(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}`,\n      {\n        method: 'PUT',\n        body: JSON.stringify({ name }),\n      },\n    );\n  }\n\n  async deleteSession(sessionId: string) {\n    const baseUrl = await this.getBaseUrl();\n    await this.fetchJson(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}`,\n      {\n        method: 'DELETE',\n      },\n    );\n  }\n\n  async uploadDocument(\n    sessionId: string,\n    file: File,\n    fileType: string,\n    title: string,\n    newTitle?: string,\n  ) {\n    const baseUrl = await this.getBaseUrl();\n    const formData = new FormData();\n    formData.append('file', file);\n    formData.append('fileType', fileType);\n    formData.append('title', title);\n    if (newTitle) {\n      formData.append('newTitle', newTitle);\n    }\n    return this.fetchFormData<UploadDocumentResponse>(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/documents`,\n      formData,\n    );\n  }\n\n  async listDocuments(sessionId: string) {\n    const baseUrl = await this.getBaseUrl();\n    const response = await this.fetchJson<DocumentListResponse>(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/documents`,\n    );\n    const docs = response?.documents ?? [];\n    return docs.map(doc => ({\n      ...doc,\n      title: (doc as any).title ?? doc.document_id,\n    }));\n  }\n\n  async deleteDocument(sessionId: string, documentId: string) {\n    const baseUrl = await this.getBaseUrl();\n    await this.fetchJson(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/documents/${encodeURIComponent(documentId)}`,\n      {\n        method: 'DELETE',\n      },\n    );\n  }\n\n  async getDocumentStatus(sessionId: string, documentId: string) {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchJson<DocumentStatus>(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/documents/${encodeURIComponent(documentId)}/status`,\n    );\n  }\n\n  async querySession(\n    sessionId: string,\n    query: string,\n  ): Promise<ReadableStreamDefaultReader<Uint8Array>> {\n    const baseUrl = await this.getBaseUrl();\n    const response = await this.fetchApi.fetch(\n      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/query`,\n      {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ query }),\n      },\n    );\n\n    if (!response.body) {\n      throw new Error('Readable stream is not supported or there is no body.');\n    }\n\n    if (!response.ok) {\n      const reader = response.body.getReader();\n      const { done, value } = await reader.read();\n      const text = done ? '' : new TextDecoder('utf-8').decode(value);\n      const errorMessage = JSON.parse(text);\n      if (errorMessage?.error) {\n        throw new Error(\n          `failed to query notebook session: ${errorMessage.error}`,\n        );\n      }\n    }\n\n    return response.body.getReader();\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/api/notebooksApi.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"notebooksApi.esm.js","sources":["../../src/api/notebooksApi.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createApiRef, type ApiRef } from '@backstage/core-plugin-api';\n\nimport {\n  DocumentStatus,\n  NotebookSession,\n  SessionDocument,\n  UploadDocumentResponse,\n} from '../types';\n\n/**\n * @public\n * AI Notebooks API\n */\nexport type NotebooksAPI = {\n  createSession: (\n    name: string,\n    description?: string,\n  ) => Promise<NotebookSession>;\n  listSessions: () => Promise<NotebookSession[]>;\n  renameSession: (sessionId: string, name: string) => Promise<void>;\n  deleteSession: (sessionId: string) => Promise<void>;\n  uploadDocument: (\n    sessionId: string,\n    file: File,\n    fileType: string,\n    title: string,\n    newTitle?: string,\n  ) => Promise<UploadDocumentResponse>;\n  listDocuments: (sessionId: string) => Promise<SessionDocument[]>;\n  deleteDocument: (sessionId: string, documentId: string) => Promise<void>;\n  getDocumentStatus: (\n    sessionId: string,\n    documentId: string,\n  ) => Promise<DocumentStatus>;\n};\n\n/**\n * @public\n * AI Notebooks API interface\n */\nexport const notebooksApiRef: ApiRef<NotebooksAPI> = createApiRef<NotebooksAPI>(\n  {\n    id: 'plugin.lightspeed.notebooks.service',\n  },\n);\n"],"names":[],"mappings":";;AAwDO,MAAM,eAAwC,GAAA,YAAA;AAAA,EACnD;AAAA,IACE,EAAI,EAAA;AAAA;AAER;;;;"}
+{"version":3,"file":"notebooksApi.esm.js","sources":["../../src/api/notebooksApi.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createApiRef, type ApiRef } from '@backstage/core-plugin-api';\n\nimport {\n  DocumentStatus,\n  NotebookSession,\n  SessionDocument,\n  UploadDocumentResponse,\n} from '../types';\n\n/**\n * @public\n * AI Notebooks API\n */\nexport type NotebooksAPI = {\n  createSession: (\n    name: string,\n    description?: string,\n  ) => Promise<NotebookSession>;\n  listSessions: () => Promise<NotebookSession[]>;\n  getSession: (sessionId: string) => Promise<NotebookSession>;\n  renameSession: (sessionId: string, name: string) => Promise<void>;\n  deleteSession: (sessionId: string) => Promise<void>;\n  uploadDocument: (\n    sessionId: string,\n    file: File,\n    fileType: string,\n    title: string,\n    newTitle?: string,\n  ) => Promise<UploadDocumentResponse>;\n  listDocuments: (sessionId: string) => Promise<SessionDocument[]>;\n  deleteDocument: (sessionId: string, documentId: string) => Promise<void>;\n  getDocumentStatus: (\n    sessionId: string,\n    documentId: string,\n  ) => Promise<DocumentStatus>;\n  querySession: (\n    sessionId: string,\n    query: string,\n  ) => Promise<ReadableStreamDefaultReader<Uint8Array>>;\n};\n\n/**\n * @public\n * AI Notebooks API interface\n */\nexport const notebooksApiRef: ApiRef<NotebooksAPI> = createApiRef<NotebooksAPI>(\n  {\n    id: 'plugin.lightspeed.notebooks.service',\n  },\n);\n"],"names":[],"mappings":";;AA6DO,MAAM,eAAwC,GAAA,YAAA;AAAA,EACnD;AAAA,IACE,EAAI,EAAA;AAAA;AAER;;;;"}

package/dist/components/LightSpeedChat.esm.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useCallback, useEffect, useMemo, useLayoutEffect } from 'react';
+import { useState, useEffect, useRef, useCallback, useMemo, useLayoutEffect } from 'react';
 import { useNavigate, useMatch } from 'react-router-dom';
 import { makeStyles, Button } from '@material-ui/core';
 import { ChatbotDisplayMode, ChatbotContent, ChatbotFooter, MessageBar, ChatbotFootnote, Settings, Chatbot, ChatbotHeader, ChatbotHeaderMain, ChatbotHeaderMenu, ChatbotHeaderTitle, FileDropZone, ChatbotAlert } from '@patternfly/chatbot';
@@ -20,6 +20,7 @@ import { useLightspeedDeletePermission } from '../hooks/useLightspeedDeletePermi
 import { useLightspeedNotebooksPermission } from '../hooks/notebooks/useLightspeedNotebooksPermission.esm.js';
 import '@backstage/plugin-permission-react';
 import '@red-hat-developer-hub/backstage-plugin-lightspeed-common';
+import { useNotebookSession } from '../hooks/notebooks/useNotebookSession.esm.js';
 import { useNotebookSessions } from '../hooks/notebooks/useNotebookSessions.esm.js';
 import { usePinnedChatsSettings } from '../hooks/usePinnedChatsSettings.esm.js';
 import { useSortSettings } from '../hooks/useSortSettings.esm.js';
@@ -381,15 +382,17 @@ const LightspeedChat = ({
   const { t } = useTranslation();
   const navigate = useNavigate();
   const notebooksRouteMatch = useMatch("/lightspeed/notebooks");
+  const notebookViewRouteMatch = useMatch("/lightspeed/notebooks/:notebookId");
+  const routeNotebookId = notebookViewRouteMatch?.params?.notebookId;
   const user = useBackstageUserIdentity();
   const [filterValue, setFilterValue] = useState("");
   const [announcement, setAnnouncement] = useState("");
   const [activeTab, setActiveTab] = useState(
-    notebooksRouteMatch ? 1 : 0
+    notebooksRouteMatch || notebookViewRouteMatch ? 1 : 0
   );
   const { allowed: hasNotebooksAccess, loading: notebooksPermissionLoading } = useLightspeedNotebooksPermission();
   const notebooksPermissionResolved = !notebooksPermissionLoading && hasNotebooksAccess;
-  const { data: notebooks = [], refetch: refetchNotebooks } = useNotebookSessions(activeTab === 1 && notebooksPermissionResolved);
+  const { data: notebooks = [], refetch: refetchNotebooks } = useNotebookSessions(notebooksPermissionResolved);
   const hasNotebooks = notebooks.length > 0;
   const [openNotebookMenuId, setOpenNotebookMenuId] = useState(
     null
@@ -399,6 +402,27 @@ const LightspeedChat = ({
   const [activeNotebook, setActiveNotebook] = useState(
     null
   );
+  const {
+    data: routeNotebook,
+    isLoading: routeNotebookLoading,
+    isError: routeNotebookError
+  } = useNotebookSession(routeNotebookId);
+  useEffect(() => {
+    if (routeNotebookId && routeNotebook && !routeNotebookLoading) {
+      setActiveNotebook(routeNotebook);
+    } else if (routeNotebookId && routeNotebookError) {
+      navigate("/lightspeed/notebooks", { replace: true });
+    } else if (!routeNotebookId && notebooksRouteMatch) {
+      setActiveNotebook(null);
+    }
+  }, [
+    routeNotebookId,
+    routeNotebook,
+    routeNotebookLoading,
+    routeNotebookError,
+    notebooksRouteMatch,
+    navigate
+  ]);
   const [notebookAlerts, setNotebookAlerts] = useState(
     []
   );
@@ -453,15 +477,15 @@ const LightspeedChat = ({
       { name: UNTITLED_NOTEBOOK_NAME },
       {
         onSuccess: (session) => {
-          setActiveNotebook(session);
+          navigate(`/lightspeed/notebooks/${session.session_id}`);
         }
       }
     );
-  }, [createNotebookMutation]);
+  }, [createNotebookMutation, navigate]);
   const handleCloseNotebook = useCallback(() => {
-    setActiveNotebook(null);
+    navigate("/lightspeed/notebooks");
     refetchNotebooks();
-  }, [refetchNotebooks]);
+  }, [navigate, refetchNotebooks]);
   const handleRemoveNotebookAlert = (key) => {
     setNotebookAlerts(
       (prevAlerts) => prevAlerts.filter((alert) => alert.key !== key)
@@ -590,6 +614,7 @@ const LightspeedChat = ({
     avatar,
     onComplete,
     onStart,
+    undefined,
     onRequestIdReady
   );
   const [messages, setMessages] = useState(conversationMessages);
@@ -700,15 +725,33 @@ const LightspeedChat = ({
       unpinChat
     ]
   );
+  const notebookConversationIds = useMemo(
+    () => new Set(
+      notebooks.map((n) => n.metadata?.conversation_id).filter((id) => !!id)
+    ),
+    [notebooks]
+  );
+  const chatOnlyConversations = useMemo(
+    () => conversations.filter(
+      (c) => !notebookConversationIds.has(c.conversation_id)
+    ),
+    [conversations, notebookConversationIds]
+  );
   const categorizedMessages = useMemo(
     () => getCategorizeMessages(
-      conversations,
+      chatOnlyConversations,
       pinnedChats,
       additionalMessageProps,
       t,
       selectedSort
     ),
-    [additionalMessageProps, conversations, pinnedChats, t, selectedSort]
+    [
+      additionalMessageProps,
+      chatOnlyConversations,
+      pinnedChats,
+      t,
+      selectedSort
+    ]
   );
   const filterConversations = useCallback(
     (targetValue) => {
@@ -1257,6 +1300,7 @@ const LightspeedChat = ({
                 models,
                 isPinningChatsEnabled,
                 isModelSelectorDisabled: isSendButtonDisabled,
+                hideModelSelector: showNotebooksPanel,
                 setDisplayMode,
                 displayMode,
                 onPinnedChatsToggle: handlePinningChatsToggle,
@@ -1354,6 +1398,14 @@ const LightspeedChat = ({
               sessionId: activeNotebook.session_id,
               notebookName: activeNotebook.name,
               documents: notebookDocuments,
+              metadata: activeNotebook.metadata,
+              topicSummary: conversations.find(
+                (c) => c.conversation_id === activeNotebook.metadata?.conversation_id
+              )?.topic_summary ?? undefined,
+              userName,
+              avatar,
+              profileLoading,
+              topicRestrictionEnabled,
               onClose: handleCloseNotebook
             }
           ),
@@ -1365,7 +1417,7 @@ const LightspeedChat = ({
               classes,
               openNotebookMenuId,
               setOpenNotebookMenuId,
-              onSelectNotebook: setActiveNotebook,
+              onSelectNotebook: (notebook) => navigate(`/lightspeed/notebooks/${notebook.session_id}`),
               onRename: setRenameNotebookId,
               onDelete: setDeleteNotebookId,
               onCreateNotebook: handleCreateNotebook,