@red-hat-developer-hub/backstage-plugin-lightspeed 2.1.0 → 2.2.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 ## @red-hat-developer-hub/backstage-plugin-lightspeed
 
+## 2.2.1
+
+### Patch Changes
+
+- 0c0e14e: Add an empty state for unconfigured LLM.
+  - @red-hat-developer-hub/backstage-plugin-lightspeed-common@2.2.1
+
+## 2.2.0
+
+### Minor Changes
+
+- 82a9ee8: Add notebook creation and document upload flow with file type validation, overwrite confirmation, collapsible document sidebar, file type icons, i18n support, and unit tests.
+
+### Patch Changes
+
+- @red-hat-developer-hub/backstage-plugin-lightspeed-common@2.2.0
+
 ## 2.1.0
 
 ### Minor Changes

package/dist/alpha.d.ts

@@ -59,6 +59,30 @@ declare const lightspeedTranslationRef: _backstage_frontend_plugin_api.Translati
     readonly "notebooks.updated.yesterday": string;
     readonly "notebooks.updated.days": string;
     readonly "notebooks.updated.on": string;
+    readonly "notebook.view.title": string;
+    readonly "notebook.view.close": string;
+    readonly "notebook.view.documents.count": string;
+    readonly "notebook.view.documents.add": string;
+    readonly "notebook.view.upload.heading": string;
+    readonly "notebook.view.upload.action": string;
+    readonly "notebook.view.input.placeholder": 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.upload.success": string;
+    readonly "notebook.upload.failed": string;
+    readonly "notebook.upload.modal.title": string;
+    readonly "notebook.upload.modal.dragDropTitle": string;
+    readonly "notebook.upload.modal.browseButton": string;
+    readonly "notebook.upload.modal.separator": string;
+    readonly "notebook.upload.modal.infoText": 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 "conversation.delete.confirm.title": string;
     readonly "conversation.delete.confirm.message": string;
     readonly "conversation.delete.confirm.action": string;
@@ -70,10 +94,18 @@ declare const lightspeedTranslationRef: _backstage_frontend_plugin_api.Translati
     readonly "permission.subject.plugin": string;
     readonly "permission.subject.notebooks": string;
     readonly "permission.notebooks.goBack": string;
+    readonly "lcore.notConfigured.title": string;
+    readonly "lcore.notConfigured.description": string;
+    readonly "lcore.notConfigured.developerLightspeedDocs": string;
+    readonly "lcore.notConfigured.backendDocs": string;
+    readonly "lcore.loadError.title": string;
+    readonly "lcore.loadError.description": string;
     readonly "footer.accuracy.label": string;
     readonly "common.cancel": string;
     readonly "common.close": string;
     readonly "common.readMore": string;
+    readonly "common.retry": string;
+    readonly "common.loading": string;
     readonly "common.noSearchResults": string;
     readonly "menu.newConversation": string;
     readonly "chatbox.header.title": string;

package/dist/api/NotebooksApiClient.esm.js

@@ -8,6 +8,25 @@ class NotebooksApiClient {
   async getBaseUrl() {
     return `${this.configApi.getString("backend.baseUrl")}/api/lightspeed/ai-notebooks`;
   }
+  async handleResponseError(response) {
+    let errorMessage = `failed to fetch data, status ${response.status}: ${response.statusText}`;
+    try {
+      const errorText = await response.text();
+      if (errorText) {
+        try {
+          const errorBody = JSON.parse(errorText);
+          if (errorBody?.error) {
+            errorMessage = errorBody.error;
+          }
+        } catch {
+          errorMessage = errorText;
+        }
+      }
+    } catch (e) {
+      console.warn(e);
+    }
+    return errorMessage;
+  }
   async fetchJson(url, init) {
     const response = await this.fetchApi.fetch(url, {
       headers: {
@@ -16,23 +35,7 @@ class NotebooksApiClient {
       ...init
     });
     if (!response.ok) {
-      let errorMessage = `failed to fetch data, status ${response.status}: ${response.statusText}`;
-      try {
-        const errorText = await response.text();
-        if (errorText) {
-          try {
-            const errorBody = JSON.parse(errorText);
-            if (errorBody?.error) {
-              errorMessage = errorBody.error;
-            }
-          } catch {
-            errorMessage = errorText;
-          }
-        }
-      } catch (e) {
-        console.warn(e);
-      }
-      throw new Error(errorMessage);
+      throw new Error(await this.handleResponseError(response));
     }
     const text = await response.text();
     if (!text) {
@@ -40,6 +43,34 @@ class NotebooksApiClient {
     }
     return JSON.parse(text);
   }
+  async fetchFormData(url, formData, method = "PUT") {
+    const response = await this.fetchApi.fetch(url, {
+      method,
+      body: formData
+    });
+    if (!response.ok && response.status !== 202) {
+      throw new Error(await this.handleResponseError(response));
+    }
+    const text = await response.text();
+    if (!text) {
+      return {};
+    }
+    return JSON.parse(text);
+  }
+  async createSession(name, description) {
+    const baseUrl = await this.getBaseUrl();
+    const response = await this.fetchJson(
+      `${baseUrl}/v1/sessions`,
+      {
+        method: "POST",
+        body: JSON.stringify({ name, description })
+      }
+    );
+    if (!response.session) {
+      throw new Error(response.error ?? "Failed to create session");
+    }
+    return response.session;
+  }
   async listSessions() {
     const baseUrl = await this.getBaseUrl();
     const response = await this.fetchJson(
@@ -66,6 +97,46 @@ class NotebooksApiClient {
       }
     );
   }
+  async uploadDocument(sessionId, file, fileType, title, newTitle) {
+    const baseUrl = await this.getBaseUrl();
+    const formData = new FormData();
+    formData.append("file", file);
+    formData.append("fileType", fileType);
+    formData.append("title", title);
+    if (newTitle) {
+      formData.append("newTitle", newTitle);
+    }
+    return this.fetchFormData(
+      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/documents`,
+      formData
+    );
+  }
+  async listDocuments(sessionId) {
+    const baseUrl = await this.getBaseUrl();
+    const response = await this.fetchJson(
+      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/documents`
+    );
+    const docs = response?.documents ?? [];
+    return docs.map((doc) => ({
+      ...doc,
+      title: doc.title ?? doc.document_id
+    }));
+  }
+  async deleteDocument(sessionId, documentId) {
+    const baseUrl = await this.getBaseUrl();
+    await this.fetchJson(
+      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/documents/${encodeURIComponent(documentId)}`,
+      {
+        method: "DELETE"
+      }
+    );
+  }
+  async getDocumentStatus(sessionId, documentId) {
+    const baseUrl = await this.getBaseUrl();
+    return this.fetchJson(
+      `${baseUrl}/v1/sessions/${encodeURIComponent(sessionId)}/documents/${encodeURIComponent(documentId)}/status`
+    );
+  }
 }
 
 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 { NotebookSession } 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/ai-notebooks`;\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      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      throw new Error(errorMessage);\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 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"],"names":[],"mappings":"AAkCO,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,4BAAA,CAAA;AAAA;AACvD,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,IAAI,eAAe,CAAgC,6BAAA,EAAA,QAAA,CAAS,MAAM,CAAA,EAAA,EAAK,SAAS,UAAU,CAAA,CAAA;AAC1F,MAAI,IAAA;AACF,QAAM,MAAA,SAAA,GAAY,MAAM,QAAA,CAAS,IAAK,EAAA;AACtC,QAAA,IAAI,SAAW,EAAA;AACb,UAAI,IAAA;AACF,YAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,SAAS,CAAA;AACtC,YAAA,IAAI,WAAW,KAAO,EAAA;AACpB,cAAA,YAAA,GAAe,SAAU,CAAA,KAAA;AAAA;AAC3B,WACM,CAAA,MAAA;AACN,YAAe,YAAA,GAAA,SAAA;AAAA;AACjB;AACF,eACO,CAAG,EAAA;AAEV,QAAA,OAAA,CAAQ,KAAK,CAAC,CAAA;AAAA;AAEhB,MAAM,MAAA,IAAI,MAAM,YAAY,CAAA;AAAA;AAG9B,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,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;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/ai-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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"}

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 { NotebookSession } from '../types';\n\n/**\n * @public\n * AI Notebooks API\n */\nexport type NotebooksAPI = {\n  listSessions: () => Promise<NotebookSession[]>;\n  renameSession: (sessionId: string, name: string) => Promise<void>;\n  deleteSession: (sessionId: string) => Promise<void>;\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":";;AAkCO,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  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;;;;"}

package/dist/components/LightSpeedChat.esm.js

@@ -1,12 +1,13 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
+import { useState, useRef, useCallback, useEffect, 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';
 import ChatbotConversationHistoryNav from '@patternfly/chatbot/dist/dynamic/ChatbotConversationHistoryNav';
 import { DropdownItem, Tooltip, MenuToggle, Select, SelectList, SelectOption, AlertGroup, Alert, AlertVariant, AlertActionCloseButton, Title, Tabs, Tab } from '@patternfly/react-core';
 import { SortAmountDownAltIcon, SortAmountDownIcon, PlusIcon, SearchIcon } from '@patternfly/react-icons';
 import { useQueryClient } from '@tanstack/react-query';
-import { TEMP_CONVERSATION_ID, supportedFileTypes } from '../const.esm.js';
+import { UNTITLED_NOTEBOOK_NAME, TEMP_CONVERSATION_ID, supportedFileTypes } from '../const.esm.js';
 import '@backstage/core-plugin-api';
 import '../api/api.esm.js';
 import { useBackstageUserIdentity } from '../hooks/useBackstageUserIdentity.esm.js';
@@ -24,6 +25,8 @@ import { usePinnedChatsSettings } from '../hooks/usePinnedChatsSettings.esm.js';
 import { useSortSettings } from '../hooks/useSortSettings.esm.js';
 import { useStopConversation } from '../hooks/useStopConversation.esm.js';
 import { useTranslation } from '../hooks/useTranslation.esm.js';
+import { useCreateNotebook } from '../hooks/notebooks/useCreateNotebook.esm.js';
+import { useNotebookDocuments } from '../hooks/notebooks/useNotebookDocuments.esm.js';
 import { useLightspeedDrawerContext } from '../hooks/useLightspeedDrawerContext.esm.js';
 import { useLightspeedUpdatePermission } from '../hooks/useLightspeedUpdatePermission.esm.js';
 import { useWelcomePrompts } from '../hooks/useWelcomePrompts.esm.js';
@@ -38,6 +41,7 @@ import { LightspeedChatBoxHeader } from './LightspeedChatBoxHeader.esm.js';
 import { McpServersSettings } from './McpServersSettings.esm.js';
 import { DeleteNotebookModal } from './notebooks/DeleteNotebookModal.esm.js';
 import { NotebooksTab } from './notebooks/NotebooksTab.esm.js';
+import { NotebookView } from './notebooks/NotebookView.esm.js';
 import { RenameNotebookModal } from './notebooks/RenameNotebookModal.esm.js';
 import PermissionRequiredState from './PermissionRequiredState.esm.js';
 import { RenameConversationModal } from './RenameConversationModal.esm.js';
@@ -58,6 +62,13 @@ const useStyles = makeStyles((theme) => ({
   errorContainer: {
     padding: theme.spacing(3)
   },
+  drawerFileDropZone: {
+    gap: 0,
+    rowGap: 0,
+    columnGap: 0,
+    "--pf-v6-c-multiple-file-upload--Gap": "0",
+    "--pf-v5-c-multiple-file-upload--Gap": "0"
+  },
   headerMenu: {
     // align hamburger icon with title
     "& .pf-v6-c-button": {
@@ -162,7 +173,13 @@ const useStyles = makeStyles((theme) => ({
   notebookCard: {
     borderRadius: theme.spacing(1.5),
     display: "flex",
-    flexDirection: "column"
+    flexDirection: "column",
+    "&:hover": {
+      borderColor: "var(--pf-t--global--border--color--hover)",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      cursor: "pointer"
+    }
   },
   notebookCardHeader: {
     padding: theme.spacing(2),
@@ -362,10 +379,14 @@ const LightspeedChat = ({
   const isMobile = useIsMobile();
   const classes = useStyles();
   const { t } = useTranslation();
+  const navigate = useNavigate();
+  const notebooksRouteMatch = useMatch("/lightspeed/notebooks");
   const user = useBackstageUserIdentity();
   const [filterValue, setFilterValue] = useState("");
   const [announcement, setAnnouncement] = useState("");
-  const [activeTab, setActiveTab] = useState(0);
+  const [activeTab, setActiveTab] = useState(
+    notebooksRouteMatch ? 1 : 0
+  );
   const { allowed: hasNotebooksAccess, loading: notebooksPermissionLoading } = useLightspeedNotebooksPermission();
   const notebooksPermissionResolved = !notebooksPermissionLoading && hasNotebooksAccess;
   const { data: notebooks = [], refetch: refetchNotebooks } = useNotebookSessions(activeTab === 1 && notebooksPermissionResolved);
@@ -375,9 +396,16 @@ const LightspeedChat = ({
   );
   const [renameNotebookId, setRenameNotebookId] = useState(null);
   const [deleteNotebookId, setDeleteNotebookId] = useState(null);
+  const [activeNotebook, setActiveNotebook] = useState(
+    null
+  );
   const [notebookAlerts, setNotebookAlerts] = useState(
     []
   );
+  const createNotebookMutation = useCreateNotebook();
+  const { data: notebookDocuments = [] } = useNotebookDocuments(
+    activeNotebook?.session_id
+  );
   const [conversationId, setConversationId] = useState("");
   const [requestId, setRequestId] = useState("");
   const [newChatCreated, setNewChatCreated] = useState(false);
@@ -409,10 +437,36 @@ const LightspeedChat = ({
   const handleNotebookTabSelect = (_event, tabIndex) => {
     const nextTab = Number(tabIndex);
     setActiveTab(nextTab);
-    if (nextTab === 1 && notebooksPermissionResolved) {
-      refetchNotebooks();
+    if (nextTab === 1) {
+      navigate("/lightspeed/notebooks");
+      if (notebooksPermissionResolved) {
+        refetchNotebooks();
+      }
+    } else {
+      navigate(
+        routeConversationId ? `/lightspeed/conversation/${routeConversationId}` : "/lightspeed"
+      );
     }
   };
+  const handleCreateNotebook = useCallback(() => {
+    createNotebookMutation.mutate(
+      { name: UNTITLED_NOTEBOOK_NAME },
+      {
+        onSuccess: (session) => {
+          setActiveNotebook(session);
+        }
+      }
+    );
+  }, [createNotebookMutation]);
+  const handleCloseNotebook = useCallback(() => {
+    setActiveNotebook(null);
+    refetchNotebooks();
+  }, [refetchNotebooks]);
+  const handleRemoveNotebookAlert = (key) => {
+    setNotebookAlerts(
+      (prevAlerts) => prevAlerts.filter((alert) => alert.key !== key)
+    );
+  };
   const handleNotebookDeleted = () => {
     const key = Date.now();
     setNotebookAlerts((prevAlerts) => [
@@ -420,11 +474,6 @@ const LightspeedChat = ({
       ...prevAlerts
     ]);
   };
-  const handleRemoveNotebookAlert = (key) => {
-    setNotebookAlerts(
-      (prevAlerts) => prevAlerts.filter((alert) => alert.key !== key)
-    );
-  };
   useEffect(() => {
     if (!isMobile && isFullscreenMode) {
       setIsChatHistoryDrawerOpen(true);
@@ -967,9 +1016,6 @@ const LightspeedChat = ({
       classes.sortDropdown
     ]
   );
-  const getDocumentsCount = (documentIds) => {
-    return Array.isArray(documentIds) ? documentIds.length : 0;
-  };
   const handleAttach = (data, event) => {
     if ("preventDefault" in event && typeof event.preventDefault === "function") {
       event.preventDefault();
@@ -1128,6 +1174,8 @@ const LightspeedChat = ({
             variant: AlertVariant[variant ?? "success"],
             title,
             className: classes.toastAlert,
+            timeout: 8e3,
+            onTimeout: () => handleRemoveNotebookAlert(key),
             actionClose: /* @__PURE__ */ jsx(
               AlertActionCloseButton,
               {
@@ -1276,6 +1324,7 @@ const LightspeedChat = ({
               drawerContent: /* @__PURE__ */ jsxs(
                 FileDropZone,
                 {
+                  className: classes.drawerFileDropZone,
                   onFileDrop: (e, data) => handleAttach(data, e),
                   displayMode: ChatbotDisplayMode.embedded,
                   infoText: t("chatbox.fileUpload.infoText"),
@@ -1299,7 +1348,16 @@ const LightspeedChat = ({
               )
             }
           ),
-          showNotebooksPanel && !notebooksPermissionLoading && hasNotebooksAccess && /* @__PURE__ */ jsx(
+          showNotebooksPanel && !notebooksPermissionLoading && hasNotebooksAccess && activeNotebook && /* @__PURE__ */ jsx(
+            NotebookView,
+            {
+              sessionId: activeNotebook.session_id,
+              notebookName: activeNotebook.name,
+              documents: notebookDocuments,
+              onClose: handleCloseNotebook
+            }
+          ),
+          showNotebooksPanel && !notebooksPermissionLoading && hasNotebooksAccess && !activeNotebook && /* @__PURE__ */ jsx(
             NotebooksTab,
             {
               notebooks,
@@ -1307,10 +1365,11 @@ const LightspeedChat = ({
               classes,
               openNotebookMenuId,
               setOpenNotebookMenuId,
+              onSelectNotebook: setActiveNotebook,
               onRename: setRenameNotebookId,
               onDelete: setDeleteNotebookId,
-              t,
-              getDocumentsCount
+              onCreateNotebook: handleCreateNotebook,
+              t
             }
           ),
           showNotebooksPanel && !notebooksPermissionLoading && !hasNotebooksAccess && /* @__PURE__ */ jsx(