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

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 ## @red-hat-developer-hub/backstage-plugin-lightspeed
 
+## 2.5.1
+
+### Patch Changes
+
+- d621f93: Improved notebook upload modal and MessageBar UX.
+- d621f93: Fixed overwrite flow to add duplicate files to the Add Document modal instead of uploading immediately. Reduced notebook delete toast timeout to 2 seconds.
+- 5d17950: Retain Lightspeed chat and tool-call state when the chat UI remounts (for example when switching display mode between embedded and overlay), so the active thread and tool metadata are not dropped while messages are still streaming or before history refetches.
+  - @red-hat-developer-hub/backstage-plugin-lightspeed-common@2.5.1
+
+## 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/README.md

@@ -85,7 +85,11 @@ Lightspeed is a front-end plugin that enables you to interact with any LLM serve
 #### Procedure
 
 1. Open your Backstage application and select a Lightspeed nav item from the **Navigation**.
-2. Ask you questions to the Lightspeed chatbot.
+2. Ask your questions to the Lightspeed chatbot.
+
+### Display modes and chat continuity
+
+Lightspeed supports multiple **display modes** from Settings (for example overlay, docked, embedded, and fullscreen). Switching modes can remount the chat surface; your **current conversation** and **tool-call metadata** for that thread stay with the session so the active chat is not reset. Live streaming text may not update continuously across a mode switch until the assistant response finishes loading.
 
 ### MCP servers settings
 

package/dist/alpha.d.ts

@@ -66,10 +66,12 @@ declare const lightspeedTranslationRef: _backstage_frontend_plugin_api.Translati
     readonly "notebook.view.upload.heading": string;
     readonly "notebook.view.upload.action": string;
     readonly "notebook.view.input.placeholder": string;
+    readonly "notebook.view.input.disabledTooltip": string;
     readonly "notebook.view.sidebar.collapse": string;
     readonly "notebook.view.sidebar.expand": string;
     readonly "notebook.view.sidebar.resize": string;
     readonly "notebook.view.documents.uploading": string;
+    readonly "notebook.view.documents.maxReached": string;
     readonly "notebook.upload.success": string;
     readonly "notebook.upload.failed": string;
     readonly "notebook.upload.modal.title": string;
@@ -77,12 +79,16 @@ declare const lightspeedTranslationRef: _backstage_frontend_plugin_api.Translati
     readonly "notebook.upload.modal.browseButton": string;
     readonly "notebook.upload.modal.separator": string;
     readonly "notebook.upload.modal.infoText": string;
+    readonly "notebook.upload.modal.selectedFiles": string;
+    readonly "notebook.upload.modal.addButton": string;
+    readonly "notebook.upload.modal.removeFile": string;
     readonly "notebook.upload.error.unsupportedType": string;
     readonly "notebook.upload.error.fileTooLarge": string;
     readonly "notebook.upload.error.tooManyFiles": string;
     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":"AAwCO,MAAM,kBAA2C,CAAA;AAAA,EACrC,SAAA;AAAA,EACA,QAAA;AAAA,EAEjB,YAAY,OAA2B,EAAA;AACrC,IAAA,IAAA,CAAK,YAAY,OAAQ,CAAA,SAAA;AACzB,IAAA,IAAA,CAAK,WAAW,OAAQ,CAAA,QAAA;AAAA;AAC1B,EAEA,MAAM,UAAa,GAAA;AACjB,IAAA,OAAO,CAAG,EAAA,IAAA,CAAK,SAAU,CAAA,SAAA,CAAU,iBAAiB,CAAC,CAAA,yBAAA,CAAA;AAAA;AACvD,EAEA,MAAc,oBAAoB,QAAqC,EAAA;AACrE,IAAA,IAAI,eAAe,CAAgC,6BAAA,EAAA,QAAA,CAAS,MAAM,CAAA,EAAA,EAAK,SAAS,UAAU,CAAA,CAAA;AAC1F,IAAI,IAAA;AACF,MAAM,MAAA,SAAA,GAAY,MAAM,QAAA,CAAS,IAAK,EAAA;AACtC,MAAA,IAAI,SAAW,EAAA;AACb,QAAI,IAAA;AACF,UAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,SAAS,CAAA;AACtC,UAAA,IAAI,WAAW,KAAO,EAAA;AACpB,YAAA,YAAA,GAAe,SAAU,CAAA,KAAA;AAAA;AAC3B,SACM,CAAA,MAAA;AACN,UAAe,YAAA,GAAA,SAAA;AAAA;AACjB;AACF,aACO,CAAG,EAAA;AAEV,MAAA,OAAA,CAAQ,KAAK,CAAC,CAAA;AAAA;AAEhB,IAAO,OAAA,YAAA;AAAA;AACT,EAEA,MAAc,SAAa,CAAA,GAAA,EAAa,IAAgC,EAAA;AACtE,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAK,EAAA;AAAA,MAC9C,OAAS,EAAA;AAAA,QACP,cAAgB,EAAA;AAAA,OAClB;AAAA,MACA,GAAG;AAAA,KACJ,CAAA;AAED,IAAI,IAAA,CAAC,SAAS,EAAI,EAAA;AAChB,MAAA,MAAM,IAAI,KAAM,CAAA,MAAM,IAAK,CAAA,mBAAA,CAAoB,QAAQ,CAAC,CAAA;AAAA;AAG1D,IAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA;AACjC,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAA,OAAO,EAAC;AAAA;AAEV,IAAO,OAAA,IAAA,CAAK,MAAM,IAAI,CAAA;AAAA;AACxB,EAEA,MAAc,aAAA,CACZ,GACA,EAAA,QAAA,EACA,SAAiB,KACL,EAAA;AACZ,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAK,EAAA;AAAA,MAC9C,MAAA;AAAA,MACA,IAAM,EAAA;AAAA,KACP,CAAA;AAED,IAAA,IAAI,CAAC,QAAA,CAAS,EAAM,IAAA,QAAA,CAAS,WAAW,GAAK,EAAA;AAC3C,MAAA,MAAM,IAAI,KAAM,CAAA,MAAM,IAAK,CAAA,mBAAA,CAAoB,QAAQ,CAAC,CAAA;AAAA;AAG1D,IAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA;AACjC,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAA,OAAO,EAAC;AAAA;AAEV,IAAO,OAAA,IAAA,CAAK,MAAM,IAAI,CAAA;AAAA;AACxB,EAEA,MAAM,aAAc,CAAA,IAAA,EAAc,WAAsB,EAAA;AACtD,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAM,MAAA,QAAA,GAAW,MAAM,IAAK,CAAA,SAAA;AAAA,MAC1B,GAAG,OAAO,CAAA,YAAA,CAAA;AAAA,MACV;AAAA,QACE,MAAQ,EAAA,MAAA;AAAA,QACR,MAAM,IAAK,CAAA,SAAA,CAAU,EAAE,IAAA,EAAM,aAAa;AAAA;AAC5C,KACF;AACA,IAAI,IAAA,CAAC,SAAS,OAAS,EAAA;AACrB,MAAA,MAAM,IAAI,KAAA,CAAM,QAAS,CAAA,KAAA,IAAS,0BAA0B,CAAA;AAAA;AAE9D,IAAA,OAAO,QAAS,CAAA,OAAA;AAAA;AAClB,EAEA,MAAM,YAAe,GAAA;AACnB,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAM,MAAA,QAAA,GAAW,MAAM,IAAK,CAAA,SAAA;AAAA,MAC1B,GAAG,OAAO,CAAA,YAAA;AAAA,KACZ;AACA,IAAO,OAAA,QAAA,EAAU,YAAY,EAAC;AAAA;AAChC,EAEA,MAAM,aAAc,CAAA,SAAA,EAAmB,IAAc,EAAA;AACnD,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,IAAK,CAAA,SAAA;AAAA,MACT,CAAG,EAAA,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,CAAA;AAAA,MACvD;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,IAAM,EAAA,IAAA,CAAK,SAAU,CAAA,EAAE,MAAM;AAAA;AAC/B,KACF;AAAA;AACF,EAEA,MAAM,cAAc,SAAmB,EAAA;AACrC,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,IAAK,CAAA,SAAA;AAAA,MACT,CAAG,EAAA,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,CAAA;AAAA,MACvD;AAAA,QACE,MAAQ,EAAA;AAAA;AACV,KACF;AAAA;AACF,EAEA,MAAM,cACJ,CAAA,SAAA,EACA,IACA,EAAA,QAAA,EACA,OACA,QACA,EAAA;AACA,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAM,MAAA,QAAA,GAAW,IAAI,QAAS,EAAA;AAC9B,IAAS,QAAA,CAAA,MAAA,CAAO,QAAQ,IAAI,CAAA;AAC5B,IAAS,QAAA,CAAA,MAAA,CAAO,YAAY,QAAQ,CAAA;AACpC,IAAS,QAAA,CAAA,MAAA,CAAO,SAAS,KAAK,CAAA;AAC9B,IAAA,IAAI,QAAU,EAAA;AACZ,MAAS,QAAA,CAAA,MAAA,CAAO,YAAY,QAAQ,CAAA;AAAA;AAEtC,IAAA,OAAO,IAAK,CAAA,aAAA;AAAA,MACV,CAAG,EAAA,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,UAAA,CAAA;AAAA,MACvD;AAAA,KACF;AAAA;AACF,EAEA,MAAM,cAAc,SAAmB,EAAA;AACrC,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAM,MAAA,QAAA,GAAW,MAAM,IAAK,CAAA,SAAA;AAAA,MAC1B,CAAG,EAAA,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,UAAA;AAAA,KACzD;AACA,IAAM,MAAA,IAAA,GAAO,QAAU,EAAA,SAAA,IAAa,EAAC;AACrC,IAAO,OAAA,IAAA,CAAK,IAAI,CAAQ,GAAA,MAAA;AAAA,MACtB,GAAG,GAAA;AAAA,MACH,KAAA,EAAQ,GAAY,CAAA,KAAA,IAAS,GAAI,CAAA;AAAA,KACjC,CAAA,CAAA;AAAA;AACJ,EAEA,MAAM,cAAe,CAAA,SAAA,EAAmB,UAAoB,EAAA;AAC1D,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,IAAK,CAAA,SAAA;AAAA,MACT,CAAA,EAAG,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,WAAA,EAAc,kBAAmB,CAAA,UAAU,CAAC,CAAA,CAAA;AAAA,MACnG;AAAA,QACE,MAAQ,EAAA;AAAA;AACV,KACF;AAAA;AACF,EAEA,MAAM,iBAAkB,CAAA,SAAA,EAAmB,UAAoB,EAAA;AAC7D,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,OAAO,IAAK,CAAA,SAAA;AAAA,MACV,CAAA,EAAG,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,WAAA,EAAc,kBAAmB,CAAA,UAAU,CAAC,CAAA,OAAA;AAAA,KACrG;AAAA;AAEJ;;;;"}
+{"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":"AAwCO,MAAM,kBAA2C,CAAA;AAAA,EACrC,SAAA;AAAA,EACA,QAAA;AAAA,EAEjB,YAAY,OAA2B,EAAA;AACrC,IAAA,IAAA,CAAK,YAAY,OAAQ,CAAA,SAAA;AACzB,IAAA,IAAA,CAAK,WAAW,OAAQ,CAAA,QAAA;AAAA;AAC1B,EAEA,MAAM,UAAa,GAAA;AACjB,IAAA,OAAO,CAAG,EAAA,IAAA,CAAK,SAAU,CAAA,SAAA,CAAU,iBAAiB,CAAC,CAAA,yBAAA,CAAA;AAAA;AACvD,EAEA,MAAc,oBAAoB,QAAqC,EAAA;AACrE,IAAA,IAAI,eAAe,CAAgC,6BAAA,EAAA,QAAA,CAAS,MAAM,CAAA,EAAA,EAAK,SAAS,UAAU,CAAA,CAAA;AAC1F,IAAI,IAAA;AACF,MAAM,MAAA,SAAA,GAAY,MAAM,QAAA,CAAS,IAAK,EAAA;AACtC,MAAA,IAAI,SAAW,EAAA;AACb,QAAI,IAAA;AACF,UAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,SAAS,CAAA;AACtC,UAAA,IAAI,WAAW,KAAO,EAAA;AACpB,YAAA,YAAA,GAAe,SAAU,CAAA,KAAA;AAAA;AAC3B,SACM,CAAA,MAAA;AACN,UAAe,YAAA,GAAA,SAAA;AAAA;AACjB;AACF,aACO,CAAG,EAAA;AAEV,MAAA,OAAA,CAAQ,KAAK,CAAC,CAAA;AAAA;AAEhB,IAAO,OAAA,YAAA;AAAA;AACT,EAEA,MAAc,SAAa,CAAA,GAAA,EAAa,IAAgC,EAAA;AACtE,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAK,EAAA;AAAA,MAC9C,OAAS,EAAA;AAAA,QACP,cAAgB,EAAA;AAAA,OAClB;AAAA,MACA,GAAG;AAAA,KACJ,CAAA;AAED,IAAI,IAAA,CAAC,SAAS,EAAI,EAAA;AAChB,MAAA,MAAM,IAAI,KAAM,CAAA,MAAM,IAAK,CAAA,mBAAA,CAAoB,QAAQ,CAAC,CAAA;AAAA;AAG1D,IAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA;AACjC,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAA,OAAO,EAAC;AAAA;AAEV,IAAO,OAAA,IAAA,CAAK,MAAM,IAAI,CAAA;AAAA;AACxB,EAEA,MAAc,aAAA,CACZ,GACA,EAAA,QAAA,EACA,SAAiB,KACL,EAAA;AACZ,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAK,EAAA;AAAA,MAC9C,MAAA;AAAA,MACA,IAAM,EAAA;AAAA,KACP,CAAA;AAED,IAAA,IAAI,CAAC,QAAA,CAAS,EAAM,IAAA,QAAA,CAAS,WAAW,GAAK,EAAA;AAC3C,MAAA,MAAM,IAAI,KAAM,CAAA,MAAM,IAAK,CAAA,mBAAA,CAAoB,QAAQ,CAAC,CAAA;AAAA;AAG1D,IAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA;AACjC,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAA,OAAO,EAAC;AAAA;AAEV,IAAO,OAAA,IAAA,CAAK,MAAM,IAAI,CAAA;AAAA;AACxB,EAEA,MAAM,aAAc,CAAA,IAAA,EAAc,WAAsB,EAAA;AACtD,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAM,MAAA,QAAA,GAAW,MAAM,IAAK,CAAA,SAAA;AAAA,MAC1B,GAAG,OAAO,CAAA,YAAA,CAAA;AAAA,MACV;AAAA,QACE,MAAQ,EAAA,MAAA;AAAA,QACR,MAAM,IAAK,CAAA,SAAA,CAAU,EAAE,IAAA,EAAM,aAAa;AAAA;AAC5C,KACF;AACA,IAAI,IAAA,CAAC,SAAS,OAAS,EAAA;AACrB,MAAA,MAAM,IAAI,KAAA,CAAM,QAAS,CAAA,KAAA,IAAS,0BAA0B,CAAA;AAAA;AAE9D,IAAA,OAAO,QAAS,CAAA,OAAA;AAAA;AAClB,EAEA,MAAM,YAAe,GAAA;AACnB,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAM,MAAA,QAAA,GAAW,MAAM,IAAK,CAAA,SAAA;AAAA,MAC1B,GAAG,OAAO,CAAA,YAAA;AAAA,KACZ;AACA,IAAO,OAAA,QAAA,EAAU,YAAY,EAAC;AAAA;AAChC,EAEA,MAAM,WAAW,SAAmB,EAAA;AAClC,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAM,MAAA,QAAA,GAAW,MAAM,IAAK,CAAA,SAAA;AAAA,MAC1B,CAAG,EAAA,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA;AAAA,KACzD;AACA,IAAI,IAAA,CAAC,SAAS,OAAS,EAAA;AACrB,MAAA,MAAM,IAAI,KAAA,CAAM,QAAS,CAAA,KAAA,IAAS,mBAAmB,CAAA;AAAA;AAEvD,IAAA,OAAO,QAAS,CAAA,OAAA;AAAA;AAClB,EAEA,MAAM,aAAc,CAAA,SAAA,EAAmB,IAAc,EAAA;AACnD,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,IAAK,CAAA,SAAA;AAAA,MACT,CAAG,EAAA,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,CAAA;AAAA,MACvD;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,IAAM,EAAA,IAAA,CAAK,SAAU,CAAA,EAAE,MAAM;AAAA;AAC/B,KACF;AAAA;AACF,EAEA,MAAM,cAAc,SAAmB,EAAA;AACrC,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,IAAK,CAAA,SAAA;AAAA,MACT,CAAG,EAAA,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,CAAA;AAAA,MACvD;AAAA,QACE,MAAQ,EAAA;AAAA;AACV,KACF;AAAA;AACF,EAEA,MAAM,cACJ,CAAA,SAAA,EACA,IACA,EAAA,QAAA,EACA,OACA,QACA,EAAA;AACA,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAM,MAAA,QAAA,GAAW,IAAI,QAAS,EAAA;AAC9B,IAAS,QAAA,CAAA,MAAA,CAAO,QAAQ,IAAI,CAAA;AAC5B,IAAS,QAAA,CAAA,MAAA,CAAO,YAAY,QAAQ,CAAA;AACpC,IAAS,QAAA,CAAA,MAAA,CAAO,SAAS,KAAK,CAAA;AAC9B,IAAA,IAAI,QAAU,EAAA;AACZ,MAAS,QAAA,CAAA,MAAA,CAAO,YAAY,QAAQ,CAAA;AAAA;AAEtC,IAAA,OAAO,IAAK,CAAA,aAAA;AAAA,MACV,CAAG,EAAA,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,UAAA,CAAA;AAAA,MACvD;AAAA,KACF;AAAA;AACF,EAEA,MAAM,cAAc,SAAmB,EAAA;AACrC,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAM,MAAA,QAAA,GAAW,MAAM,IAAK,CAAA,SAAA;AAAA,MAC1B,CAAG,EAAA,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,UAAA;AAAA,KACzD;AACA,IAAM,MAAA,IAAA,GAAO,QAAU,EAAA,SAAA,IAAa,EAAC;AACrC,IAAO,OAAA,IAAA,CAAK,IAAI,CAAQ,GAAA,MAAA;AAAA,MACtB,GAAG,GAAA;AAAA,MACH,KAAA,EAAQ,GAAY,CAAA,KAAA,IAAS,GAAI,CAAA;AAAA,KACjC,CAAA,CAAA;AAAA;AACJ,EAEA,MAAM,cAAe,CAAA,SAAA,EAAmB,UAAoB,EAAA;AAC1D,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,IAAK,CAAA,SAAA;AAAA,MACT,CAAA,EAAG,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,WAAA,EAAc,kBAAmB,CAAA,UAAU,CAAC,CAAA,CAAA;AAAA,MACnG;AAAA,QACE,MAAQ,EAAA;AAAA;AACV,KACF;AAAA;AACF,EAEA,MAAM,iBAAkB,CAAA,SAAA,EAAmB,UAAoB,EAAA;AAC7D,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,OAAO,IAAK,CAAA,SAAA;AAAA,MACV,CAAA,EAAG,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,WAAA,EAAc,kBAAmB,CAAA,UAAU,CAAC,CAAA,OAAA;AAAA,KACrG;AAAA;AACF,EAEA,MAAM,YACJ,CAAA,SAAA,EACA,KACkD,EAAA;AAClD,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAM,MAAA,QAAA,GAAW,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MACnC,CAAG,EAAA,OAAO,CAAgB,aAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,MAAA,CAAA;AAAA,MACvD;AAAA,QACE,MAAQ,EAAA,MAAA;AAAA,QACR,OAAA,EAAS,EAAE,cAAA,EAAgB,kBAAmB,EAAA;AAAA,QAC9C,IAAM,EAAA,IAAA,CAAK,SAAU,CAAA,EAAE,OAAO;AAAA;AAChC,KACF;AAEA,IAAI,IAAA,CAAC,SAAS,IAAM,EAAA;AAClB,MAAM,MAAA,IAAI,MAAM,uDAAuD,CAAA;AAAA;AAGzE,IAAI,IAAA,CAAC,SAAS,EAAI,EAAA;AAChB,MAAM,MAAA,MAAA,GAAS,QAAS,CAAA,IAAA,CAAK,SAAU,EAAA;AACvC,MAAA,MAAM,EAAE,IAAM,EAAA,KAAA,EAAU,GAAA,MAAM,OAAO,IAAK,EAAA;AAC1C,MAAM,MAAA,IAAA,GAAO,OAAO,EAAK,GAAA,IAAI,YAAY,OAAO,CAAA,CAAE,OAAO,KAAK,CAAA;AAC9D,MAAM,MAAA,YAAA,GAAe,IAAK,CAAA,KAAA,CAAM,IAAI,CAAA;AACpC,MAAA,IAAI,cAAc,KAAO,EAAA;AACvB,QAAA,MAAM,IAAI,KAAA;AAAA,UACR,CAAA,kCAAA,EAAqC,aAAa,KAAK,CAAA;AAAA,SACzD;AAAA;AACF;AAGF,IAAO,OAAA,QAAA,CAAS,KAAK,SAAU,EAAA;AAAA;AAEnC;;;;"}

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, useLayoutEffect, useMemo } 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(
     []
   );
@@ -428,7 +452,8 @@ const LightspeedChat = ({
     currentConversationId: routeConversationId,
     setCurrentConversationId,
     draftMessage,
-    setDraftMessage
+    setDraftMessage,
+    consumePendingOverlayThreadHandoff
   } = useLightspeedDrawerContext();
   const isFullscreenMode = displayMode === ChatbotDisplayMode.embedded;
   const showChatPanel = !isFullscreenMode || activeTab === 0;
@@ -453,15 +478,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)
@@ -505,11 +530,44 @@ const LightspeedChat = ({
     handleFileUpload,
     setUploadError
   } = useFileAttachmentContext();
+  useLayoutEffect(() => {
+    if (!isReady) return;
+    if (isFullscreenMode) {
+      return;
+    }
+    const handoff = consumePendingOverlayThreadHandoff?.() ?? false;
+    if (handoff) {
+      if (routeConversationId) {
+        setConversationId(routeConversationId);
+        setNewChatCreated(false);
+      } else {
+        setConversationId(TEMP_CONVERSATION_ID);
+        setNewChatCreated(true);
+      }
+      return;
+    }
+    if (routeConversationId && routeConversationId !== conversationId) {
+      setConversationId(routeConversationId);
+      setNewChatCreated(false);
+    } else if (!routeConversationId && conversationId === "" && lastOpenedId !== null) {
+      setConversationId(lastOpenedId);
+    }
+  }, [
+    isReady,
+    isFullscreenMode,
+    routeConversationId,
+    conversationId,
+    lastOpenedId,
+    consumePendingOverlayThreadHandoff
+  ]);
   useEffect(() => {
-    if (isReady && lastOpenedId !== null) {
+    if (!isReady || !isFullscreenMode) {
+      return;
+    }
+    if (lastOpenedId !== null) {
       setConversationId(lastOpenedId);
     }
-  }, [lastOpenedId, isReady]);
+  }, [lastOpenedId, isReady, isFullscreenMode]);
   const queryClient = useQueryClient();
   const {
     data: conversations = [],
@@ -521,27 +579,53 @@ const LightspeedChat = ({
   const samplePrompts = useWelcomePrompts();
   useEffect(() => {
     if (!user || !isReady) return;
+    const onOverlayLikeSurface = isFullscreenMode || !routeConversationId;
+    const stillOnProvisionalThread = !conversationId || conversationId === TEMP_CONVERSATION_ID;
     if (lastOpenedId === null) {
-      setConversationId(TEMP_CONVERSATION_ID);
+      if (onOverlayLikeSurface && stillOnProvisionalThread) {
+        setConversationId(TEMP_CONVERSATION_ID);
+      }
     }
     if (lastOpenedId === TEMP_CONVERSATION_ID || lastOpenedId === null) {
-      setNewChatCreated(true);
+      if (onOverlayLikeSurface && stillOnProvisionalThread) {
+        setNewChatCreated(true);
+      }
     }
-  }, [user, isReady, lastOpenedId, setConversationId]);
+  }, [
+    user,
+    isReady,
+    lastOpenedId,
+    setConversationId,
+    isFullscreenMode,
+    routeConversationId,
+    conversationId
+  ]);
   useEffect(() => {
     if (!isLoading && !isRefetching && conversations.length === 0 && lastOpenedId) {
       clearLastOpenedId();
+      setConversationId(TEMP_CONVERSATION_ID);
+      setNewChatCreated(true);
+      setCurrentConversationId(undefined);
     }
-  }, [isLoading, isRefetching, conversations, lastOpenedId, clearLastOpenedId]);
+  }, [
+    isLoading,
+    isRefetching,
+    conversations,
+    lastOpenedId,
+    clearLastOpenedId,
+    setCurrentConversationId
+  ]);
   useEffect(() => {
     if (!isLoading && !isRefetching && routeConversationId && isFullscreenMode) {
       const conversationExists = conversations.some(
         (c) => c.conversation_id === routeConversationId
       );
       if (!conversationExists) {
-        setConversationId(TEMP_CONVERSATION_ID);
-        setCurrentConversationId(undefined);
-        setNewChatCreated(true);
+        if (routeConversationId !== conversationId) {
+          setConversationId(TEMP_CONVERSATION_ID);
+          setCurrentConversationId(undefined);
+          setNewChatCreated(true);
+        }
       } else if (conversationId !== routeConversationId) {
         setConversationId(routeConversationId);
       }
@@ -561,6 +645,10 @@ const LightspeedChat = ({
       setLastOpenedId(conversationId);
     }
   }, [conversationId, setLastOpenedId]);
+  const viewConversationId = useMemo(
+    () => !isFullscreenMode && routeConversationId ? routeConversationId : conversationId,
+    [isFullscreenMode, routeConversationId, conversationId]
+  );
   const onStart = (conv_id) => {
     setConversationId(conv_id);
     setCurrentConversationId(conv_id);
@@ -578,25 +666,26 @@ const LightspeedChat = ({
       queryKey: ["conversations"]
     });
     queryClient.invalidateQueries({
-      queryKey: ["conversationMessages", conversationId]
+      queryKey: ["conversationMessages", viewConversationId]
     });
     setNewChatCreated(false);
   };
   const { conversationMessages, handleInputPrompt, scrollToBottomRef } = useConversationMessages(
-    conversationId,
+    viewConversationId,
     userName,
     selectedModel,
     selectedProvider,
     avatar,
     onComplete,
     onStart,
+    undefined,
     onRequestIdReady
   );
   const [messages, setMessages] = useState(conversationMessages);
   const sendMessage = (message) => {
     if (!message.toString().trim()) return;
     wasStoppedByUserRef.current = false;
-    if (conversationId !== TEMP_CONVERSATION_ID) {
+    if (viewConversationId !== TEMP_CONVERSATION_ID) {
       setNewChatCreated(false);
     }
     setAnnouncement(
@@ -700,15 +789,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) => {
@@ -796,7 +903,7 @@ const LightspeedChat = ({
     ]
   );
   const conversationFound = !!conversations.find(
-    (c) => c.conversation_id === conversationId
+    (c) => c.conversation_id === viewConversationId
   );
   const getMaxPrompts = () => {
     if (isFullscreenMode) {
@@ -1174,7 +1281,7 @@ const LightspeedChat = ({
             variant: AlertVariant[variant ?? "success"],
             title,
             className: classes.toastAlert,
-            timeout: 8e3,
+            timeout: 2e3,
             onTimeout: () => handleRemoveNotebookAlert(key),
             actionClose: /* @__PURE__ */ jsx(
               AlertActionCloseButton,
@@ -1257,6 +1364,7 @@ const LightspeedChat = ({
                 models,
                 isPinningChatsEnabled,
                 isModelSelectorDisabled: isSendButtonDisabled,
+                hideModelSelector: showNotebooksPanel,
                 setDisplayMode,
                 displayMode,
                 onPinnedChatsToggle: handlePinningChatsToggle,
@@ -1298,7 +1406,7 @@ const LightspeedChat = ({
                 "aria-label": t("aria.closeDrawerPanel")
               },
               setIsDrawerOpen: setIsChatHistoryDrawerOpen,
-              activeItemId: conversationId,
+              activeItemId: viewConversationId,
               onSelectActiveItem,
               conversations: filterConversations(filterValue),
               onNewChat: newChatCreated ? undefined : onNewChat,
@@ -1354,6 +1462,15 @@ 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,
+              selectedModel,
               onClose: handleCloseNotebook
             }
           ),
@@ -1365,7 +1482,7 @@ const LightspeedChat = ({
               classes,
               openNotebookMenuId,
               setOpenNotebookMenuId,
-              onSelectNotebook: setActiveNotebook,
+              onSelectNotebook: (notebook) => navigate(`/lightspeed/notebooks/${notebook.session_id}`),
               onRename: setRenameNotebookId,
               onDelete: setDeleteNotebookId,
               onCreateNotebook: handleCreateNotebook,