chore (maintainance): Update depdencies, copyright and minimal support for chat template.

README.md

@@ -219,9 +219,10 @@ Notes:
 Notes: 
 
 1. Each task must have a unique `task_id`.
-2. Task type can be of `question_answering`, `conversation`, or of `rag` type.
-3. `input` is an array of utterances. An utterance's speaker could be either `user` or `agent`. Each utterance must have a `text` field.
-4. `contexts` field represents a subset of documents from the `documents` field relevant to the `input` and is available to the generative models. 
+2. Task type can be of `rag`, or of `text_generation`, or of `chat` type.
+3. For `rag` and `text_generation` type task, `input` is an array of utterances. An utterance's speaker could be either `user` or `agent`. Each utterance must have a `text` field.
+4. For `chat` type task, `input` must be array of messages as defined by OpenAI's chat completion APIs (https://platform.openai.com/docs/api-reference/chat/create#chat-create-messages).
+4. For `rag` task, `contexts` field represents a subset of documents from the `documents` field relevant to the `input` and is available to the generative models. 
 5. `targets` field is an array of expected gold or reference texts. 
 6. `category` is an optional field that represents the type of task for grouping similar tasks.
 7. `filters` is a top-level field (parallel to `tasks`) which specifies an array of fields defined inside `tasks` for filtering tasks during analysis. 

next.config.js

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

notebooks/validate_input_file.ipynb

@@ -196,7 +196,7 @@
     "            f\"Invalid type: {type(task['task_type'])} for 'task_type' field in {task}\"\n",
     "        )\n",
     "\n",
-    "    if task[\"task_type\"] not in [\"question_answering\", \"conversation\", \"rag\", \"text_generation\", \"json_generation\"]:\n",
+    "    if task[\"task_type\"] not in [\"rag\", \"text_generation\", \"json_generation\", \"chat\"]:\n",
     "        raise ValueError(f\"Invalid task_type: {task['task_type']} in {task}\")\n",
     "\n",
     "    # Validate `contexts` field\n",

package.json

@@ -6,12 +6,13 @@
   "author": "[email protected]",
   "license": "ISC",
   "scripts": {
-    "postinstall": "husky install",
+    "postinstall": "husky init",
     "dev": "next dev",
-    "build": "next build && node ./scripts/license",
+    "build": "next build",
     "start": "next start",
     "lint": "next lint && stylelint \"**/*.{css,scss}\"",
-    "format": "prettier --write ."
+    "format": "prettier --write .",
+    "prepare": "husky"
   },
   "husky": {
     "hooks": {
@@ -19,42 +20,44 @@
     }
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "^13.4.2",
-    "@types/node": "18.16.3",
+    "@next/eslint-plugin-next": "^15.2.1",
+    "@types/node": "^22.13.10",
     "cross-env": "^7.0.3",
-    "eslint": "^8.23.0",
-    "eslint-config-next": "^13.1.6",
-    "eslint-config-prettier": "^8.8.0",
-    "husky": "^8.0.3",
-    "prepend-file": "^2.0.1",
-    "prettier": "^3.0.3",
-    "sass": "^1.54.3",
-    "typescript": "^5.0.4",
-    "stylelint": "16.2.1",
-    "stylelint-config-standard-scss": "13.0.0"
+    "eslint": "^9.22.0",
+    "eslint-config-next": "^15.2.1",
+    "eslint-config-prettier": "^10.1.1",
+    "husky": "^9.1.7",
+    "prettier": "^3.5.3",
+    "sass": "^1.85.1",
+    "typescript": "^5.8.2",
+    "stylelint": "^16.15.0",
+    "stylelint-config-standard-scss": "^14.0.0"
   },
   "dependencies": {
-    "@carbon/colors": "^11.4.0",
-    "@carbon/themes": "^11.8.0",
-    "@carbon/icons-react": "^11.34.1",
-    "@carbon/pictograms-react": "^11.49.0",
-    "@carbon/charts": "^1.7.4",
-    "@carbon/charts-react": "^1.7.4",
-    "@carbon/react": "^1.17.0",
+    "@carbon/colors": "^11.30.0",
+    "@carbon/themes": "^11.47.0",
+    "@carbon/icons-react": "^11.56.0",
+    "@carbon/pictograms-react": "^11.73.0",
+    "@carbon/charts": "^1.23.0",
+    "@carbon/charts-react": "^1.23.0",
+    "@carbon/react": "1.75.0",
     "d3": "^7.8.4",
     "date-fns": "^2.30.0",
     "dompurify": "3.1.7",
     "html-react-parser": "^5.1.1",
-    "lodash": "^4.17.4",
+    "lodash": "^4.17.21",
     "next": "^14.1.1",
-    "prop-types": "^15.7.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-intl": "^6.1.0",
-    "react-markdown": "^8.0.7",
+    "react-markdown": "^10.0.0",
     "rehype-raw": "^7.0.0",
-    "remark-gfm": "^3.0.1",
+    "remark-gfm": "^4.0.1",
     "statistics.js": "^1.0.0",
-    "uuid": "^9.0.1"
+    "uuid": "^9.0.1",
+    "react-wrap-balancer": "^1.1.1"
+  },
+  "resolutions": {
+    "@carbon/styles": "1.75.0"
   }
 }

public/app.LICENSE.txt

@@ -1,6 +1,6 @@
 /*!
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/app/cookbooks/page.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/app/documentation/page.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/app/examples/[example_id]/layout.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/app/examples/[example_id]/page.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/app/examples/page.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/app/global.scss

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/app/layout.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/app/loading.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/app/page.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/app/visualize/layout.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/app/visualize/loading.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/app/visualize/page.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/avatar/Avatar.module.scss

@@ -0,0 +1,37 @@
+/**
+ *
+ * Copyright 2023-2025 InspectorRAGet Team
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ **/
+
+@use '@carbon/react/scss/spacing' as *;
+@use '@carbon/colors' as *;
+
+.wrapper {
+  height: 52px;
+  width: 52px;
+  border-radius: 50%;
+  background-color: var(--cds-layer-active-01);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  object-fit: none;
+}
+
+.wrapper img {
+  height: 52px;
+  width: 52px;
+}

src/components/avatar/Avatar.tsx

@@ -0,0 +1,45 @@
+/**
+ *
+ * Copyright 2023-2025 InspectorRAGet Team
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ **/
+
+import cx from 'classnames';
+import { User, Compass, Bot, Tools } from '@carbon/icons-react';
+
+import classes from './Avatar.module.scss';
+
+// ===================================================================================
+//                               MAIN FUNCTION
+// ===================================================================================
+export default function Avatar({
+  role,
+}: {
+  role: 'system' | 'developer' | 'user' | 'tool' | 'assistant';
+}) {
+  return (
+    <div className={cx(classes.wrapper)}>
+      {role === 'assistant' ? (
+        <Bot width="32px" height="32px" />
+      ) : role === 'tool' ? (
+        <Tools width="32px" height="32px" />
+      ) : role === 'system' || role === 'developer' ? (
+        <Compass width="32px" height="32px" />
+      ) : (
+        <User width="32px" height="32px" />
+      )}
+    </div>
+  );
+}

src/components/chatline/ChatLine.module.scss

@@ -0,0 +1,165 @@
+/**
+ *
+ * Copyright 2023-2025 InspectorRAGet Team
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ **/
+
+@use '@carbon/react/scss/spacing' as *;
+@use '@carbon/colors' as *;
+
+.line {
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: flex-start;
+  align-items: flex-end;
+  margin-bottom: 1.25rem;
+  gap: 24px;
+}
+
+.assistantLine {
+  justify-content: flex-start;
+  flex-direction: row;
+}
+
+.latestResponse {
+  margin-bottom: 3rem;
+}
+
+.baloon {
+  display: flex;
+  flex-direction: column;
+  border-radius: 1rem;
+  border-bottom-right-radius: 0;
+  background: var(--cds-layer-01);
+  width: 80%;
+}
+
+.assistantBaloon {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 1rem;
+}
+
+.toolCallBaloon {
+  background-color: var(--cds-highlight);
+}
+
+.toolResponseBaloon {
+  background-color: var(--cds-tag-background-green);
+}
+
+.message {
+  font-size: 16px;
+  line-height: 22px;
+  margin: $spacing-04 $spacing-05;
+  min-width: 120px;
+}
+
+.toolCall {
+  display: flex;
+  flex-direction: column;
+  row-gap: $spacing-03;
+}
+
+.toolCall :global(.cds--snippet--multi) {
+  min-inline-size: 100%;
+  max-inline-size: 100%;
+  padding: 0 0 $spacing-03;
+  background-color: var(--cds-background);
+}
+
+.toolCall :global(.cds--snippet-container) {
+  padding: $spacing-03;
+}
+
+.toolResponse {
+  display: flex;
+  flex-direction: column;
+  row-gap: $spacing-03;
+}
+
+.toolResponse :global(.cds--snippet--multi) {
+  max-inline-size: 100%;
+  padding: 0 0 $spacing-03;
+  background-color: var(--cds-background);
+}
+
+.toolResponse :global(.cds--snippet-container) {
+  padding: $spacing-03;
+}
+
+.viewDocumentsButton {
+  border: 1px solid var(--cds-background-inverse);
+  border-radius: 50%;
+  width: 32px;
+  height: 32px;
+  margin: -10px auto -16px;
+  background: var(--cds-background);
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.viewDocumentsIcon {
+  color: var(--cds-background-inverse);
+}
+
+.toolbar {
+  border: none;
+  cursor: pointer;
+  display: flex;
+  justify-content: flex-end;
+  margin: 0 $spacing-05;
+  align-items: baseline;
+}
+
+.btnActive {
+  background-color: var(--cds-background-selected);
+}
+
+.superscript {
+  vertical-align: super;
+  font-size: 12px;
+  margin-left: $spacing-01;
+}
+
+.citations {
+  margin: 0 $spacing-05;
+}
+
+.feedbackContainer {
+  width: 500px;
+  display: flex;
+  flex-direction: column;
+  margin: 0 $spacing-05 $spacing-03;
+  align-self: flex-start;
+  row-gap: $spacing-03;
+}
+
+.feedbackMetricContainer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.feedbackMetricDescription {
+  display: flex;
+  column-gap: $spacing-02;
+}
+
+.feedbackMetricValues {
+  margin-left: auto;
+  align-self: flex-end;
+}

src/components/chatline/ChatLine.tsx

@@ -0,0 +1,271 @@
+/**
+ *
+ * Copyright 2023-2025 InspectorRAGet Team
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ **/
+
+import cx from 'classnames';
+import Balancer from 'react-wrap-balancer';
+import { useState, useEffect, useRef } from 'react';
+
+import { CodeSnippet } from '@carbon/react';
+
+import { Message, ToolCall, ToolMessage, AssistantMessage } from '@/src/types';
+import Avatar from '@/src/components/avatar/Avatar';
+import DocumentsViewer from '@/src/components/documents-viewer/DocumentsViewer';
+
+import classes from './ChatLine.module.scss';
+
+// ===================================================================================
+//                               TYPES
+// ===================================================================================
+interface ChatLineProps {
+  messageId: string;
+  message: Message;
+  latestResponse?: boolean;
+  onSelection?: Function;
+  focused?: boolean;
+}
+
+// ===================================================================================
+//                               RENDER FUNCTIONS
+// ===================================================================================
+function Tool({ tool }: { tool: ToolCall }) {
+  return (
+    <div className={cx(classes.message, classes.toolCall)}>
+      <span>
+        Tool ID: {tool.id}&nbsp;
+        {tool.function.name ? <span>({tool.function.name})</span> : null}
+      </span>
+      {tool.function.arguments ? (
+        <CodeSnippet type="multi" hideCopyButton wrapText>
+          {JSON.stringify(tool.function.arguments, null, 2)}
+        </CodeSnippet>
+      ) : null}
+    </div>
+  );
+}
+
+function ToolResponse({
+  messageId,
+  message,
+  onSelection,
+}: {
+  messageId: string;
+  message: ToolMessage;
+  onSelection?: Function;
+}) {
+  // Step 1: Initialize state and necessary variables
+  const [documentIndex, setDocumentIndex] = useState<number>(0);
+
+  // Step 2: Render
+  return (
+    <div className={cx(classes.message, classes.toolResponse)}>
+      <span>
+        Tool ID: {message.tool_id}&nbsp;
+        {message.name ? <span>({message.name})</span> : null}
+      </span>
+      {message.type === 'documents' && Array.isArray(message.content) ? (
+        <DocumentsViewer
+          key={`${messageId}__documents--${message.content.length}`}
+          id={`${messageId}__documents`}
+          documents={message.content}
+          documentIndex={documentIndex}
+          setDocumentIndex={setDocumentIndex}
+          onSelection={onSelection}
+        ></DocumentsViewer>
+      ) : message.type === 'json' ? (
+        <CodeSnippet type="multi" hideCopyButton wrapText>
+          {JSON.stringify(message.content, null, 2)}
+        </CodeSnippet>
+      ) : (
+        <Balancer
+          className={cx(classes.message, classes.toolMessage)}
+          ratio={0.2}
+          onMouseDown={() => {
+            if (onSelection) {
+              onSelection(
+                `messages[${messageId.split('--').slice(-1)[0]}].content`,
+              );
+            }
+          }}
+          onMouseUp={() => {
+            if (onSelection) {
+              onSelection(
+                `messages[${messageId.split('--').slice(-1)[0]}].content`,
+              );
+            }
+          }}
+        >
+          {typeof message.content === 'string'
+            ? message.content.split('\n').map((line, i) => (
+                <span key={i}>
+                  {line}
+                  <br />
+                </span>
+              ))
+            : message.content}
+        </Balancer>
+      )}
+    </div>
+  );
+}
+
+function AssistantResponse({
+  messageId,
+  message,
+  onSelection,
+}: {
+  messageId: string;
+  message: AssistantMessage;
+  onSelection?: Function;
+}) {
+  return (
+    <div className={classes.assistantResponse}>
+      {message.content ? (
+        <Balancer
+          className={cx(classes.message, classes.assistantMessage)}
+          ratio={0.2}
+          onMouseDown={() => {
+            if (onSelection) {
+              onSelection(
+                `messages[${messageId.split('--').slice(-1)[0]}].content`,
+              );
+            }
+          }}
+          onMouseUp={() => {
+            if (onSelection) {
+              onSelection(
+                `messages[${messageId.split('--').slice(-1)[0]}].content`,
+              );
+            }
+          }}
+        >
+          {message.content.split('\n').map((line, i) => (
+            <span key={i}>
+              {line}
+              <br />
+            </span>
+          ))}
+        </Balancer>
+      ) : null}
+      {message.tool_calls
+        ? message.tool_calls.map((tool, toolIdx) => {
+            return (
+              <Tool key={`message-${messageId}__tool-${toolIdx}`} tool={tool} />
+            );
+          })
+        : null}
+    </div>
+  );
+}
+
+// ===================================================================================
+//                               MAIN FUNCTIONS
+// ===================================================================================
+export default function ChatLine({
+  messageId,
+  message,
+  latestResponse,
+  onSelection,
+  focused,
+}: ChatLineProps) {
+  // Step 1: Initialize state and necessary variables
+  const anchorRef = useRef<HTMLDivElement>(null);
+
+  // Step 2: Run effects
+  // Step 2.a: Scroll into view
+  useEffect(() => {
+    if (anchorRef.current && focused) {
+      anchorRef.current.scrollIntoView({
+        behavior: 'smooth',
+        block: message.role === 'user' ? 'start' : 'center',
+        inline: 'center',
+      });
+    }
+  }, [focused, message.role]);
+
+  // Step 3: Render
+  // Step 3.a: Return "null" if message is undefined
+  if (!message) {
+    return null;
+  }
+
+  // Step 3.b: Render chat line
+  return (
+    <div
+      ref={anchorRef}
+      className={cx(classes.line, {
+        [classes.assistantLine]: message.role === 'assistant',
+        [classes.latestResponse]: latestResponse,
+      })}
+    >
+      <Avatar role={message.role} />
+      <div
+        className={cx(
+          classes.baloon,
+          message.role === 'assistant'
+            ? //@ts-ignore
+              message.tool_calls
+              ? classes.toolCallBaloon
+              : classes.assistantBaloon
+            : message.role === 'tool'
+              ? classes.toolResponseBaloon
+              : null,
+        )}
+      >
+        {message.role === 'system' ||
+        message.role === 'developer' ||
+        message.role === 'user' ? (
+          <Balancer
+            className={cx(classes.message)}
+            ratio={0.2}
+            onMouseDown={() => {
+              if (onSelection) {
+                onSelection(
+                  `messages[${messageId.split('--').slice(-1)[0]}].text`,
+                );
+              }
+            }}
+            onMouseUp={() => {
+              if (onSelection) {
+                onSelection(
+                  `messages[${messageId.split('--').slice(-1)[0]}].text`,
+                );
+              }
+            }}
+          >
+            {message.content.split('\n').map((line, i) => (
+              <span key={i}>
+                {line}
+                <br />
+              </span>
+            ))}
+          </Balancer>
+        ) : message.role === 'tool' ? (
+          //@ts-ignore
+          <ToolResponse messageId={messageId} message={message} />
+        ) : (
+          <AssistantResponse
+            messageId={messageId}
+            //@ts-ignore
+            message={message}
+            onSelection={onSelection}
+          />
+        )}
+      </div>
+    </div>
+  );
+}

src/components/comments/AddCommentModal.module.scss

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/comments/AddCommentModal.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/comments/CommentViewer.module.scss

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/comments/CommentsViewer.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/comments/EditCommentModal.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/disabled/DisabledTab.module.scss

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/disabled/DisabledTab.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/documents-viewer/DocumentsViewer.module.scss

@@ -0,0 +1,109 @@
+/**
+ *
+ * Copyright 2023-2025 InspectorRAGet Team
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ **/
+
+@use '@carbon/react/scss/spacing' as *;
+@use '@carbon/colors' as *;
+
+.documentsViewer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.container {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  border: solid 1px var(--cds-border-strong-01);
+  margin: 0 $spacing-04 $spacing-03;
+}
+
+.toolbar {
+  display: flex;
+  column-gap: $spacing-02;
+  align-items: center;
+}
+
+.document {
+  padding: $spacing-03;
+  height: 350px;
+  overflow: scroll;
+  background-color: var(--cds-background);
+  display: flex;
+  flex-direction: column;
+}
+
+.document article pre {
+  padding: 1%;
+  background-color: var(--cds-layer-01);
+}
+
+.documentHeader {
+  display: flex;
+  align-items: center;
+}
+
+.documentToolbar {
+  margin-left: auto;
+  align-self: flex-end;
+}
+
+.disclaimers {
+  align-self: flex-start;
+  margin: $spacing-03 $spacing-05 $spacing-05;
+  display: flex;
+  flex-direction: column;
+  row-gap: $spacing-02;
+}
+
+.overlapDisclaimer {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  color: #6f6f6f;
+}
+
+.legendCopiedText {
+  color: #f1c21b;
+  mix-blend-mode: hard-light;
+}
+
+.feedbackContainer {
+  width: 95%;
+  display: flex;
+  flex-direction: column;
+  margin: 0 $spacing-05 $spacing-03;
+  align-self: flex-start;
+  row-gap: $spacing-03;
+}
+
+.feedbackMetricContainer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.feedbackMetricDescription {
+  display: flex;
+  column-gap: $spacing-02;
+}
+
+.feedbackMetricValues {
+  margin-left: auto;
+  align-self: flex-end;
+}

src/components/documents-viewer/DocumentsViewer.tsx

@@ -0,0 +1,168 @@
+/**
+ *
+ * Copyright 2023-2025 InspectorRAGet Team
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ **/
+
+'use client';
+
+import { isEmpty } from 'lodash';
+
+import { Button } from '@carbon/react';
+import { ChevronLeft, ChevronRight, Link } from '@carbon/icons-react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import rehypeRaw from 'rehype-raw';
+
+import { ToolMessageDocument } from '@/src/types';
+
+import classes from './DocumentsViewer.module.scss';
+
+// ===================================================================================
+//                               TYPES
+// ===================================================================================
+interface Props {
+  id: string;
+  documents: ToolMessageDocument[];
+  documentIndex: number;
+  setDocumentIndex: Function;
+  onSelection?: Function;
+}
+
+// ===================================================================================
+//                               RENDER FUNCTIONS
+// ===================================================================================
+
+function DocumentViewer({
+  id,
+  document,
+  onSelection,
+}: {
+  id: string;
+  document: ToolMessageDocument;
+  onSelection?: Function;
+}) {
+  return (
+    <div className={classes.document}>
+      <div className={classes.documentHeader}>
+        <div className={classes.documentToolbar}>
+          {document.url ? (
+            <Button
+              kind="ghost"
+              renderIcon={Link}
+              iconDescription="Click to open link"
+              hasIconOnly
+              tooltipAlignment="end"
+              tooltipPosition="bottom"
+              onClick={() => {
+                window.open(document.url, '_blank');
+              }}
+            ></Button>
+          ) : null}
+        </div>
+      </div>
+
+      <article
+        className={classes.documentContainer}
+        onMouseDown={() => {
+          if (onSelection) {
+            const [segment, documentIdx] = id.split('__documents--');
+            onSelection(
+              `messages[${segment.split('message--').slice(-1)[0]}].documents[${documentIdx}].text`,
+            );
+          }
+        }}
+        onMouseUp={() => {
+          if (onSelection) {
+            const [segment, documentIdx] = id.split('__documents--');
+            onSelection(
+              `messages[${segment.split('message--').slice(-1)[0]}].documents[${documentIdx}].text`,
+            );
+          }
+        }}
+      >
+        <div className={classes.markdown}>
+          <ReactMarkdown
+            remarkPlugins={[remarkGfm]}
+            rehypePlugins={[rehypeRaw]}
+          >
+            {document.text}
+          </ReactMarkdown>
+        </div>
+      </article>
+    </div>
+  );
+}
+
+// ===================================================================================
+//                               MAIN FUNCTION
+// ===================================================================================
+export default function DocumentsViewer({
+  id,
+  documents,
+  documentIndex,
+  setDocumentIndex,
+  onSelection,
+}: Props) {
+  // Step 1: Render
+  if (isEmpty(documents)) {
+    return null;
+  } else {
+    return (
+      <div className={classes.documentsViewer}>
+        {documents.length > 1 ? (
+          <div className={classes.toolbar}>
+            <Button
+              id={'document--selector-prev'}
+              kind="ghost"
+              hasIconOnly
+              renderIcon={ChevronLeft}
+              iconDescription="Previous document"
+              onClick={() => {
+                if (documentIndex > 0) {
+                  setDocumentIndex(documentIndex - 1);
+                }
+              }}
+              disabled={documentIndex === 0}
+            />
+            <span className={classes.documentIndex}>
+              {documentIndex + 1} / {documents.length}
+            </span>
+            <Button
+              id={'document--selector-next'}
+              kind="ghost"
+              hasIconOnly
+              renderIcon={ChevronRight}
+              iconDescription="Next document"
+              onClick={() => {
+                if (documentIndex < documents.length - 1) {
+                  setDocumentIndex(documentIndex + 1);
+                }
+              }}
+              disabled={documentIndex === documents.length - 1}
+            />
+          </div>
+        ) : null}
+        <div className={classes.container}>
+          <DocumentViewer
+            id={`${id}--${documentIndex}`}
+            document={documents[documentIndex]}
+            onSelection={onSelection}
+          />
+        </div>
+      </div>
+    );
+  }
+}

src/components/example-tile/ExampleTile.module.scss

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/example-tile/ExampleTile.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -24,7 +24,6 @@ import {
   TileAboveTheFoldContent,
   TileBelowTheFoldContent,
   Tag,
-  Button,
   DefinitionTooltip,
   Toggletip,
   ToggletipButton,
@@ -33,7 +32,7 @@ import {
   UnorderedList,
   ListItem,
 } from '@carbon/react';
-import { Microscope, Download, Information } from '@carbon/icons-react';
+import { Microscope, Information } from '@carbon/icons-react';
 
 import { TileData } from '@/src/types';
 import {
@@ -44,15 +43,13 @@ import { calculateDuration } from '@/src/utilities/time';
 
 import styles from './ExampleTile.module.scss';
 
-export default function ExperimentTile({
+export default function ExampleTile({
   data,
   disableNavigation = false,
-  disableActions = false,
   expanded = true,
 }: {
   data: TileData;
   disableNavigation?: boolean;
-  disableActions?: boolean;
   expanded?: boolean;
 }) {
   const [
@@ -176,24 +173,6 @@ export default function ExperimentTile({
               </div>
             ) : null}
           </div>
-          {!disableActions && (
-            <>
-              <div className={styles.divider}></div>
-              <div className={styles.actions}>
-                <Button
-                  id="download-evaluations"
-                  renderIcon={Download}
-                  kind={'ghost'}
-                  iconDescription={'Download evaluations'}
-                  tooltipAlignment={'end'}
-                  tooltipPosition={'bottom'}
-                  disabled
-                >
-                  Download evaluations
-                </Button>
-              </div>
-            </>
-          )}
         </div>
       </TileBelowTheFoldContent>
     </ExpandableTile>

src/components/example-tile/SkeletonExampleTile.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/expression-builder/ExpressionBuilder.module.scss

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/expression-builder/ExpressionBuilder.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/filters/Filters.module.scss

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/filters/Filters.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/filters/SkeletonFilters.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/header/Header.jsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -58,13 +58,13 @@ export default memo(function HeaderView() {
       <HeaderGlobalBar>
         <HeaderGlobalAction
           aria-label={
-            theme === 'white' ? 'Switch to dark mode' : 'Switch to light mode'
+            theme === 'g10' ? 'Switch to dark mode' : 'Switch to light mode'
           }
           onClick={() => {
-            theme === 'white' ? set('g100') : set('white');
+            theme === 'g10' ? set('g90') : set('g10');
           }}
         >
-          {theme === 'white' ? <Asleep size={20} /> : <Awake size={20} />}
+          {theme === 'g10' ? <Asleep size={20} /> : <Awake size={20} />}
         </HeaderGlobalAction>
         <HeaderGlobalAction
           aria-label="Export"

src/components/header/Header.module.scss

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/notification/Notification.module.scss

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/notification/Notification.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/selectors/AggregatorSelector.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/selectors/MetricSelector.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/selectors/ModelSelector.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/task-tile/SkeletonTaskTile.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/task-tile/TaskTile.module.scss

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/components/task-tile/TaskTile.tsx

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/dataloader.ts

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

src/hooks/useBackButton.ts

@@ -1,6 +1,6 @@
 /**
  *
- * Copyright 2023-2024 InspectorRAGet Team
+ * Copyright 2023-2025 InspectorRAGet Team
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -24,10 +24,13 @@ import { useEffect } from 'react';
  *
  */
 export function useBackButton(warningMessage?: string) {
-  const BACK_BUTTON_MESSAGE = 'Going back will make you lose the current progress. Are you sure you want to go back?';
+  const BACK_BUTTON_MESSAGE =
+    'Going back will make you lose the current progress. Are you sure you want to go back?';
 
   const onBackButtonEvent = (e) => {
-    const leaveThisPage = window.confirm(warningMessage? warningMessage: BACK_BUTTON_MESSAGE);
+    const leaveThisPage = window.confirm(
+      warningMessage ? warningMessage : BACK_BUTTON_MESSAGE,
+    );
     if (leaveThisPage) {
       // Let user go back
       window.history.back();
@@ -44,7 +47,5 @@ export function useBackButton(warningMessage?: string) {
     };
   }, []);
 
-  return {
-
-  };
-}
+  return {};
+}