@gitlab/duo-ui 8.7.11 → 8.8.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [8.8.0](https://gitlab.com/gitlab-org/duo-ui/compare/v8.7.11...v8.8.0) (2025-03-31)
+
+
+### Features
+
+* support terminal context category ([2aefdc6](https://gitlab.com/gitlab-org/duo-ui/commit/2aefdc60b95cbff87c8a6e284e01ef3f4e95da8c))
+
 ## [8.7.11](https://gitlab.com/gitlab-org/duo-ui/compare/v8.7.10...v8.7.11) (2025-03-28)
 
 

package/dist/components/chat/components/duo_chat_context/constants.js

@@ -3,10 +3,9 @@ const CONTEXT_ITEM_CATEGORY_MERGE_REQUEST = 'merge_request';
 const CONTEXT_ITEM_CATEGORY_FILE = 'file';
 const CONTEXT_ITEM_CATEGORY_LOCAL_GIT = 'local_git';
 const CONTEXT_ITEM_CATEGORY_DEPENDENCY = 'dependency';
-const CONTEXT_ITEM_LOCAL_GIT_COMMIT = 'commit';
-const CONTEXT_ITEM_LOCAL_GIT_DIFF = 'diff';
+const CONTEXT_ITEM_CATEGORY_TERMINAL_SELECTION = 'terminal';
 const LANGUAGE_IDENTIFIER_PREFIX = 'language-';
 const LANGUAGE_IDENTIFIER_DIFF = 'language-diff';
 const LANGUAGE_IDENTIFIER_PLAINTEXT = 'language-plaintext';
 
-export { CONTEXT_ITEM_CATEGORY_DEPENDENCY, CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST, CONTEXT_ITEM_LOCAL_GIT_COMMIT, CONTEXT_ITEM_LOCAL_GIT_DIFF, LANGUAGE_IDENTIFIER_DIFF, LANGUAGE_IDENTIFIER_PLAINTEXT, LANGUAGE_IDENTIFIER_PREFIX };
+export { CONTEXT_ITEM_CATEGORY_DEPENDENCY, CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST, CONTEXT_ITEM_CATEGORY_TERMINAL_SELECTION, LANGUAGE_IDENTIFIER_DIFF, LANGUAGE_IDENTIFIER_PLAINTEXT, LANGUAGE_IDENTIFIER_PREFIX };

package/dist/components/chat/components/duo_chat_context/duo_chat_context_item_selections/duo_chat_context_item_selections.js

@@ -1,7 +1,7 @@
 import uniqueId from 'lodash/uniqueId';
 import { GlTruncate, GlIcon, GlToken } from '@gitlab/ui';
 import DuoChatContextItemPopover from '../duo_chat_context_item_popover/duo_chat_context_item_popover';
-import { CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_DEPENDENCY } from '../constants';
+import { CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_DEPENDENCY, CONTEXT_ITEM_CATEGORY_TERMINAL_SELECTION } from '../constants';
 import DuoChatContextItemDetailsModal from '../duo_chat_context_item_details_modal/duo_chat_context_item_details_modal';
 import { contextItemsValidator } from '../utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
@@ -105,7 +105,7 @@ var script = {
       this.previewContextItemId = contextItem.id;
     },
     canOpen(contextItem) {
-      return [CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_DEPENDENCY].includes(contextItem.category);
+      return [CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_DEPENDENCY, CONTEXT_ITEM_CATEGORY_TERMINAL_SELECTION].includes(contextItem.category);
     },
     onClosePreview() {
       this.previewContextItemId = null;

package/dist/components/chat/components/duo_chat_context/mock_context_data.js

@@ -300,8 +300,24 @@ const mockDependencies = [MOCK_CONTEXT_ITEM_DEPENDENCY, MOCK_CONTEXT_ITEM_DEPEND
     project: 'example/legacy'
   }
 }];
+const mockTerminalOutput = '$ npx cowsay "moo"\n _____\n< moo >\n -----\n        \\   ^__^\n         \\  (oo)\\_______\n            (__)\\       )\\/\\\n                ||----w |\n                ||     ||';
+const mockTerminalOutputLines = mockTerminalOutput.split('\n');
+const MOCK_CONTEXT_ITEM_TERMINAL = {
+  id: 'cb94e08e-f2f6-408a-8f43-036079d19e47',
+  category: 'terminal',
+  content: mockTerminalOutput,
+  metadata: {
+    title: mockTerminalOutput.split('\n').at(0),
+    enabled: true,
+    subType: 'snippet',
+    icon: 'terminal',
+    subTypeLabel: 'Selected terminal output',
+    secondaryText: `${mockTerminalOutputLines.length} lines of terminal output`
+  }
+};
+const mockTerminalSelections = [MOCK_CONTEXT_ITEM_TERMINAL];
 const getMockContextItems = () => {
-  const allItems = [...mockFiles, ...mockGitItems, ...mockIssues, ...mockMergeRequests, ...mockDependencies];
+  const allItems = [...mockFiles, ...mockGitItems, ...mockIssues, ...mockMergeRequests, ...mockDependencies, ...mockTerminalSelections];
 
   // put disabled items in the back
   const disabledItems = allItems.filter(item => !item.metadata.enabled);
@@ -309,4 +325,4 @@ const getMockContextItems = () => {
   return [...enabledItems, ...disabledItems];
 };
 
-export { MOCK_CATEGORIES, MOCK_CONTEXT_FILE_CONTENT, MOCK_CONTEXT_FILE_DIFF_CONTENT, MOCK_CONTEXT_ITEM_DEPENDENCY, MOCK_CONTEXT_ITEM_DEPENDENCY_DISABLED, MOCK_CONTEXT_ITEM_FILE, MOCK_CONTEXT_ITEM_FILE_DISABLED, MOCK_CONTEXT_ITEM_GIT_COMMIT, MOCK_CONTEXT_ITEM_GIT_DIFF, MOCK_CONTEXT_ITEM_ISSUE, MOCK_CONTEXT_ITEM_ISSUE_DISABLED, MOCK_CONTEXT_ITEM_MERGE_REQUEST, MOCK_CONTEXT_ITEM_MERGE_REQUEST_DISABLED, getMockCategory, getMockContextItems };
+export { MOCK_CATEGORIES, MOCK_CONTEXT_FILE_CONTENT, MOCK_CONTEXT_FILE_DIFF_CONTENT, MOCK_CONTEXT_ITEM_DEPENDENCY, MOCK_CONTEXT_ITEM_DEPENDENCY_DISABLED, MOCK_CONTEXT_ITEM_FILE, MOCK_CONTEXT_ITEM_FILE_DISABLED, MOCK_CONTEXT_ITEM_GIT_COMMIT, MOCK_CONTEXT_ITEM_GIT_DIFF, MOCK_CONTEXT_ITEM_ISSUE, MOCK_CONTEXT_ITEM_ISSUE_DISABLED, MOCK_CONTEXT_ITEM_MERGE_REQUEST, MOCK_CONTEXT_ITEM_MERGE_REQUEST_DISABLED, MOCK_CONTEXT_ITEM_TERMINAL, getMockCategory, getMockContextItems };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/duo-ui",
-  "version": "8.7.11",
+  "version": "8.8.0",
   "description": "Duo UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -139,7 +139,7 @@
     "esbuild": "^0.18.0",
     "eslint": "8.57.1",
     "eslint-import-resolver-jest": "3.0.2",
-    "eslint-plugin-storybook": "0.11.6",
+    "eslint-plugin-storybook": "0.12.0",
     "gitlab-api-async-iterator": "^1.3.1",
     "glob": "10.3.3",
     "globby": "^11.1.0",

package/src/components/chat/components/duo_chat_context/constants.js

@@ -3,9 +3,7 @@ export const CONTEXT_ITEM_CATEGORY_MERGE_REQUEST = 'merge_request';
 export const CONTEXT_ITEM_CATEGORY_FILE = 'file';
 export const CONTEXT_ITEM_CATEGORY_LOCAL_GIT = 'local_git';
 export const CONTEXT_ITEM_CATEGORY_DEPENDENCY = 'dependency';
-
-export const CONTEXT_ITEM_LOCAL_GIT_COMMIT = 'commit';
-export const CONTEXT_ITEM_LOCAL_GIT_DIFF = 'diff';
+export const CONTEXT_ITEM_CATEGORY_TERMINAL_SELECTION = 'terminal';
 
 export const LANGUAGE_IDENTIFIER_PREFIX = 'language-';
 export const LANGUAGE_IDENTIFIER_DIFF = 'language-diff';

package/src/components/chat/components/duo_chat_context/duo_chat_context_item_selections/duo_chat_context_item_selections.vue

@@ -7,6 +7,7 @@ import {
   CONTEXT_ITEM_CATEGORY_DEPENDENCY,
   CONTEXT_ITEM_CATEGORY_FILE,
   CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
+  CONTEXT_ITEM_CATEGORY_TERMINAL_SELECTION,
 } from '../constants';
 import DuoChatContextItemDetailsModal from '../duo_chat_context_item_details_modal/duo_chat_context_item_details_modal.vue';
 import { contextItemsValidator } from '../utils';
@@ -117,6 +118,7 @@ export default {
         CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
         CONTEXT_ITEM_CATEGORY_FILE,
         CONTEXT_ITEM_CATEGORY_DEPENDENCY,
+        CONTEXT_ITEM_CATEGORY_TERMINAL_SELECTION,
       ].includes(contextItem.category);
     },
     onClosePreview() {

package/src/components/chat/components/duo_chat_context/mock_context_data.js

@@ -352,6 +352,24 @@ const mockDependencies = [
   },
 ];
 
+const mockTerminalOutput =
+  '$ npx cowsay "moo"\n _____\n< moo >\n -----\n        \\   ^__^\n         \\  (oo)\\_______\n            (__)\\       )\\/\\\n                ||----w |\n                ||     ||';
+const mockTerminalOutputLines = mockTerminalOutput.split('\n');
+export const MOCK_CONTEXT_ITEM_TERMINAL = {
+  id: 'cb94e08e-f2f6-408a-8f43-036079d19e47',
+  category: 'terminal',
+  content: mockTerminalOutput,
+  metadata: {
+    title: mockTerminalOutput.split('\n').at(0),
+    enabled: true,
+    subType: 'snippet',
+    icon: 'terminal',
+    subTypeLabel: 'Selected terminal output',
+    secondaryText: `${mockTerminalOutputLines.length} lines of terminal output`,
+  },
+};
+const mockTerminalSelections = [MOCK_CONTEXT_ITEM_TERMINAL];
+
 export const getMockContextItems = () => {
   const allItems = [
     ...mockFiles,
@@ -359,6 +377,7 @@ export const getMockContextItems = () => {
     ...mockIssues,
     ...mockMergeRequests,
     ...mockDependencies,
+    ...mockTerminalSelections,
   ];
 
   // put disabled items in the back