openbraininstitute
diff --git a/‎.deployment-envs/.env.staging
Lines changed: 1 addition & 1 deletion b/‎.deployment-envs/.env.staging
Lines changed: 1 addition & 1 deletion
diff --git a/‎.env.development
Lines changed: 1 addition & 1 deletion b/‎.env.development
Lines changed: 1 addition & 1 deletion
diff --git a/‎public/circuits/ALL_CIRCUITS.json
Lines changed: 1 addition & 1 deletion b/‎public/circuits/ALL_CIRCUITS.json
Lines changed: 1 addition & 1 deletion
diff --git a/‎public/images/icons/download.svg
Lines changed: 0 additions & 6 deletions b/‎public/images/icons/download.svg
Lines changed: 0 additions & 6 deletions
diff --git a/‎public/images/icons/eye-2.svg
Lines changed: 0 additions & 3 deletions b/‎public/images/icons/eye-2.svg
Lines changed: 0 additions & 3 deletions
diff --git a/‎public/images/icons/eye.svg
Lines changed: 0 additions & 6 deletions b/‎public/images/icons/eye.svg
Lines changed: 0 additions & 6 deletions
diff --git a/‎src/api/bluenaas/getSynaptomePlacement.ts
Lines changed: 9 additions & 1 deletion b/‎src/api/bluenaas/getSynaptomePlacement.ts
Lines changed: 9 additions & 1 deletion
diff --git a/‎src/api/bluenaas/runSimulation.ts
Lines changed: 2 additions & 0 deletions b/‎src/api/bluenaas/runSimulation.ts
Lines changed: 2 additions & 0 deletions
diff --git a/‎src/app/app/virtual-lab/(home)/page.tsx
Lines changed: 2 additions & 0 deletions b/‎src/app/app/virtual-lab/(home)/page.tsx
Lines changed: 2 additions & 0 deletions
diff --git a/‎src/app/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/NotebookTable.tsx
Lines changed: 37 additions & 24 deletions b/‎src/app/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/NotebookTable.tsx
Lines changed: 37 additions & 24 deletions
@@ -26,4 +26,4 @@ NEXT_PUBLIC_SANITY_DATASET="staging"
 # AI Agent service from Machine Learning team
 NEXT_PUBLIC_AI_AGENT_URL="https://staging.openbraininstitute.org/api/agent/"
 
-
+NEXT_PUBLIC_ENABLE_RUN_NOTEBOOK=True
@@ -22,4 +22,4 @@ MAILCHIMP_API_SERVER='dummy'
 # AI Agent service from Machine Learning team
 NEXT_PUBLIC_AI_AGENT_URL="https://staging.openbraininstitute.org/api/agent/"
 
-
+NEXT_PUBLIC_ENABLE_RUN_NOTEBOOK=True
@@ -1,14 +1,17 @@
 import { blueNaasUrl } from '@/config';
 import { SingleSynaptomeConfig } from '@/types/synaptome';
+import { VirtualLabInfo } from '@/types/virtual-lab/common';
 import { createHeaders } from '@/util/utils';
 
 export default async function getSynapsesPlacement({
+  context,
   modelId,
   seed,
   config,
   token,
   signal,
 }: {
+  context: VirtualLabInfo;
   token: string;
   modelId: string;
   seed: number;
@@ -19,7 +22,12 @@ export default async function getSynapsesPlacement({
     `${blueNaasUrl}/synaptome/generate-placement?model_id=${encodeURIComponent(modelId)}`,
     {
       method: 'post',
-      headers: createHeaders(token),
+      headers: createHeaders(token, {
+        'Content-Type': 'application/json',
+        accept: 'application/json',
+        'virtual-lab-id': context.virtualLabId,
+        'project-id': context.projectId,
+      }),
       body: JSON.stringify({
         seed,
         config,
 
@@ -37,6 +37,8 @@ export const runGenericSingleNeuronSimulation = async ({
         accept: 'application/octet-stream',
         authorization: `bearer ${token}`,
         'Content-Type': 'application/json',
+        'virtual-lab-id': vlabId,
+        'project-id': projectId,
       },
       body: JSON.stringify(formattedConfig),
     }
 
@@ -14,6 +14,7 @@ import { getUserActiveSubscription } from '@/api/virtual-lab-svc/queries/subscri
 import { ErrorListing } from '@/components/VirtualLab/labs-listing/elements';
 import { getUserStats } from '@/api/virtual-lab-svc/queries/stats';
 import { tryCatch } from '@/api/utils';
+import { TutorialsCarrousel } from '@/components/tutorials-carrousel';
 
 const tabs = [
   {
@@ -98,6 +99,7 @@ export default async function Home({ searchParams }: Props) {
           )}
         </Suspense>
       </ErrorBoundary>
+      <TutorialsCarrousel />
     </div>
   );
 }
@@ -4,20 +4,26 @@ import { ConfigProvider, DatePicker, Input, Select } from 'antd';
 
 import { useMemo, useState } from 'react';
 
-import { DeleteOutlined, LoadingOutlined, PlusOutlined, UndoOutlined } from '@ant-design/icons';
+import {
+  DeleteOutlined,
+  LoadingOutlined,
+  PlusOutlined,
+  UndoOutlined,
+  PlayCircleOutlined,
+} from '@ant-design/icons';
 import Table from 'antd/es/table';
 import { Popover } from 'antd/lib';
 import { compareAsc, format } from 'date-fns';
 import { saveAs } from 'file-saver';
 import dynamic from 'next/dynamic';
-import Image from 'next/image';
 import dateFnsGenerateConfig from 'rc-picker/lib/generate/dateFns'; // eslint-disable-line import/no-extraneous-dependencies
 import { RangeValue } from 'rc-picker/lib/interface'; // eslint-disable-line import/no-extraneous-dependencies
 import { getSorter } from './utils';
 import ContentModal from './ContentModal';
 import NotebookTabs from './NotebookTabs';
+import { DownloadIconWhiteWithCorners } from '@/components/icons/DownloadIcon';
+import { EyeIconWhite, EyeIconWhiteWithinBox } from '@/components/icons/EyeIcon';
 import useSearch from '@/components/VirtualLab/Search';
-import { basePath } from '@/config';
 
 import { downloadZippedNotebook, Notebook } from '@/util/virtual-lab/github';
 
@@ -36,13 +42,15 @@ function NotebookTable({
   vlabId,
   projectId,
   serverError,
+  enableRunNotebook = false,
 }: {
   vlabId: string;
   projectId: string;
   notebooks: Notebook[];
   failed?: string[];
   onDelete?: (id: string) => void;
   serverError?: string;
+  enableRunNotebook?: boolean;
 }) {
   const [loadingZip, setLoadingZip] = useState(false);
   const [currentNotebook, setCurrentNotebook] = useState<Notebook | null>(null);
@@ -96,6 +104,10 @@ function NotebookTable({
     });
   }, [notebooks, search]);
 
+  const runNotebook = async (notebook: Notebook) => {
+    notification.info(`Request received to run notebook: ${notebook.name}`);
+  };
+
   const handleDownloadClick = async (notebook: Notebook) => {
     setLoadingZip(true);
 
@@ -116,65 +128,66 @@ function NotebookTable({
           content={
             <div className="flex min-w-[120px] flex-col gap-2 text-white">
               <div className="flex gap-4">
-                <Image
-                  src={`${basePath}/images/icons/eye-2.svg`}
-                  width={12}
-                  height={12}
-                  alt="View"
-                />
                 <button
                   type="button"
                   onClick={() => {
                     setDisplay('readme');
                     setCurrentNotebook(notebook);
                   }}
+                  className="inline-flex items-center gap-[10px]"
                 >
+                  <EyeIconWhiteWithinBox className="text-xs" aria-label="Readme" />
                   Readme
                 </button>
               </div>
               <div className="flex gap-4">
-                <Image
-                  src={`${basePath}/images/icons/eye.svg`}
-                  width={12}
-                  height={12}
-                  alt="Readme"
-                />
                 <a
                   href={`https://nbviewer.org/github/${notebook.githubUser}/${notebook.githubRepo}/blob/${notebook.defaultBranch}/${notebook.path}`}
                   target="_blank"
+                  className="inline-flex items-center gap-[10px]"
                 >
+                  <EyeIconWhite className="text-xs" aria-label="Preview" />
                   Preview
                 </a>
               </div>
               <div className="flex gap-4">
-                <Image
-                  src={`${basePath}/images/icons/download.svg`}
-                  width={12}
-                  height={12}
-                  alt="download"
-                />
                 <button
                   type="button"
-                  className="hover:text-primary-4"
+                  className="inline-flex items-center gap-[10px] hover:text-primary-4"
                   onClick={() => handleDownloadClick(notebook)}
                 >
+                  <DownloadIconWhiteWithCorners className="text-xs" aria-label="Download" />
                   Download
                 </button>
                 {loadingZip && <LoadingOutlined />}
               </div>
 
               {onDelete && (
                 <div className="flex gap-4 text-error">
-                  <DeleteOutlined className="text-error" />
                   <button
                     type="button"
-                    className="hover:text-primary-4"
+                    className="inline-flex items-center gap-[10px] hover:text-primary-4"
                     onClick={() => onDelete(notebook.id)}
                   >
+                    <DeleteOutlined className="text-xs text-error" aria-label="Delete" />
                     Delete
                   </button>
                 </div>
               )}
+              {enableRunNotebook && (
+                <div className="flex gap-4">
+                  <button
+                    type="button"
+                    className="inline-flex items-center gap-[10px]"
+                    onClick={() => {
+                      runNotebook(notebook);
+                    }}
+                  >
+                    <PlayCircleOutlined aria-label="Run" />
+                    Run
+                  </button>
+                </div>
+              )}
             </div>
           }
           overlayStyle={{ border: '1px solid #096DD9' }}
Original file line number	Diff line number	Diff line change
`@@ -37,6 +37,8 @@ export const runGenericSingleNeuronSimulation = async ({`
`37`	`37`	`accept: 'application/octet-stream',`
`38`	`38`	authorization: `bearer ${token}`,
`39`	`39`	`'Content-Type': 'application/json',`
	`40`	`+ 'virtual-lab-id': vlabId,`
	`41`	`+ 'project-id': projectId,`
`40`	`42`	`},`
`41`	`43`	`body: JSON.stringify(formattedConfig),`
`42`	`44`	`}`
Original file line number	Diff line number	Diff line change
`@@ -14,6 +14,7 @@ import { getUserActiveSubscription } from '@/api/virtual-lab-svc/queries/subscri`
`14`	`14`	`import { ErrorListing } from '@/components/VirtualLab/labs-listing/elements';`
`15`	`15`	`import { getUserStats } from '@/api/virtual-lab-svc/queries/stats';`
`16`	`16`	`import { tryCatch } from '@/api/utils';`
	`17`	`+import { TutorialsCarrousel } from '@/components/tutorials-carrousel';`
`17`	`18`
`18`	`19`	`const tabs = [`
`19`	`20`	`{`
`@@ -98,6 +99,7 @@ export default async function Home({ searchParams }: Props) {`
`98`	`99`	`)}`
`99`	`100`	`</Suspense>`
`100`	`101`	`</ErrorBoundary>`
	`102`	`+ <TutorialsCarrousel />`
`101`	`103`	`</div>`
`102`	`104`	`);`
`103`	`105`	`}`