@gitlab/duo-ui 14.0.0 → 14.1.0

package/src/components/chat/components/duo_chat_message_tool_approval/components/base_tool_params.vue

@@ -1,14 +1,68 @@
 <script>
-import { GlAccordion, GlAccordionItem, GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
+import { GlAccordion, GlAccordionItem, GlBadge, GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
 import { translate } from '../../../../../utils/i18n';
 import PreBlock from './pre_block.vue';
+import ToolParamsJsonView from './tool_params_json_view.vue';
+
+const projectLabel = translate('BaseToolParams.projectLabel', 'Project');
+const groupLabel = translate('BaseToolParams.groupLabel', 'Group');
+const issueLabel = translate('BaseToolParams.issueLabel', 'Issue');
+const mergeRequestLabel = translate('BaseToolParams.mergeRequestLabel', 'Merge request');
+const workItemLabel = translate('BaseToolParams.workItemLabel', 'Work item');
+const epicLabel = translate('BaseToolParams.epicLabel', 'Epic');
+const sourceBranchLabel = translate('BaseToolParams.sourceBranchLabel', 'Source branch');
+const targetBranchLabel = translate('BaseToolParams.targetBranchLabel', 'Target branch');
+const startDateLabel = translate('BaseToolParams.startDateLabel', 'Start date');
+const dueDateLabel = translate('BaseToolParams.dueDateLabel', 'Due date');
+const healthStatusLabel = translate('BaseToolParams.healthStatusLabel', 'Health status');
+const labelsLabel = translate('BaseToolParams.labelsLabel', 'Labels');
+const vulnerabilityLabel = translate('BaseToolParams.vulnerabilityLabel', 'Vulnerability');
+const dismissalReasonLabel = translate('BaseToolParams.dismissalReasonLabel', 'Dismissal reason');
+const stateLabel = translate('BaseToolParams.stateLabel', 'State');
+const confidentialLabel = translate('BaseToolParams.confidentialLabel', 'Confidential');
+const typeLabel = translate('BaseToolParams.typeLabel', 'Type');
+
+const metadataProperties = {
+  projectId: {
+    icon: 'project',
+    label: projectLabel,
+  },
+  projectPath: { icon: 'project', label: projectLabel },
+  projectFullPath: { icon: 'project', label: projectLabel },
+  groupId: { icon: 'group', label: groupLabel },
+  groupPath: { icon: 'group', label: groupLabel },
+  issueId: { icon: 'issues', label: issueLabel },
+  issueIid: { icon: 'issues', label: issueLabel },
+  mergeRequestId: { icon: 'merge-request', label: mergeRequestLabel },
+  mergeRequestIid: { icon: 'merge-request', label: mergeRequestLabel },
+  workItemIid: { icon: 'work-items', label: workItemLabel },
+  epicIid: { icon: 'epics', label: epicLabel },
+  sourceBranch: { icon: 'branch', label: sourceBranchLabel },
+  targetBranch: { icon: 'branch', label: targetBranchLabel },
+  url: { icon: 'external-link', type: 'url' },
+  startDate: { icon: 'calendar', label: startDateLabel },
+  dueDate: { icon: 'calendar', label: dueDateLabel },
+  healthStatus: { icon: 'status-health', label: healthStatusLabel },
+  state: {
+    label: stateLabel,
+    icon: (value) => (value === 'opened' ? 'status_open' : 'status_closed'),
+  },
+  labels: { icon: 'labels', label: labelsLabel },
+  addLabelIds: { icon: 'labels', label: labelsLabel },
+  confidential: { icon: (value) => (value ? 'eye-slash' : 'eye'), label: confidentialLabel },
+  typeName: { icon: (value) => `work-item-${value.toLowerCase()}`, label: typeLabel },
+  vulnerabilityId: { label: vulnerabilityLabel },
+  dismissalReason: { icon: 'information', label: dismissalReasonLabel },
+};
 
 export default {
   name: 'BaseToolParams',
   components: {
     GlAccordion,
     GlAccordionItem,
+    GlBadge,
     PreBlock,
+    ToolParamsJsonView,
   },
   directives: {
     SafeHtml,
@@ -24,32 +78,106 @@ export default {
       required: false,
       default: '',
     },
+    toolParams: {
+      type: Object,
+      required: false,
+      default: () => {},
+    },
     customAccordionTitle: {
       type: String,
       required: false,
       default: '',
     },
+    withJsonView: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   computed: {
     accordionTitle() {
-      return this.customAccordionTitle || this.$options.i18n.ACCORDION_TITLE;
+      return this.customAccordionTitle || this.$options.i18n.DESCRIPTION_ACCORDION_TITLE;
+    },
+    metadataProperties() {
+      const toolParams = this.toolParams || {};
+
+      return Object.entries(metadataProperties)
+        .filter(([property]) => toolParams[property])
+        .map(([property, styles]) => ({
+          key: property,
+          value: toolParams[property],
+          ...styles,
+        }));
+    },
+    hasMetadataProperties() {
+      return this.metadataProperties.length > 0;
+    },
+  },
+  methods: {
+    formatPropertyValue(value) {
+      if (Array.isArray(value)) {
+        return value.join(', ');
+      }
+
+      if (typeof value === 'boolean') {
+        return value ? translate('Yes', 'Yes') : translate('No', 'No');
+      }
+
+      return value;
+    },
+    processPropertyIcon(icon, propertyValue) {
+      if (typeof icon === 'function') {
+        return icon(propertyValue);
+      }
+      return icon;
     },
   },
   i18n: {
-    ACCORDION_TITLE: translate('BaseToolParams.ACCORDION_TITLE', 'Read description'),
+    DESCRIPTION_ACCORDION_TITLE: translate(
+      'BaseToolParams.ExpandDescriptionTitle',
+      'Read description'
+    ),
+    EXPAND_JSON_VIEW_TITLE: translate(
+      'BaseToolParams.ExpandJsonViewTitle',
+      'See request parameters as JSON'
+    ),
   },
 };
 </script>
 <template>
-  <div class="gl-flex gl-flex-col">
+  <div class="gl-flex gl-flex-col gl-gap-3">
+    <div v-if="hasMetadataProperties" class="gl-flex gl-flex-wrap gl-gap-2">
+      <span v-for="property in metadataProperties" :key="property.key" class="gl-overflow-hidden">
+        <gl-badge
+          v-if="property.type == 'url'"
+          :icon="property.icon"
+          :href="property.value"
+          :title="property.value"
+        >
+          <span class="gl-truncate">
+            {{ property.value }}
+          </span>
+        </gl-badge>
+        <gl-badge v-else :icon="processPropertyIcon(property.icon, property.value)">
+          {{ property.label }}: {{ formatPropertyValue(property.value) }}
+        </gl-badge>
+      </span>
+    </div>
+
     <div v-if="message" v-safe-html="message"></div>
     <slot v-else></slot>
-    <gl-accordion v-if="description" class="-gl-ml-2 gl-mt-3" :header-level="3">
-      <slot name="params-description">
-        <gl-accordion-item :title="accordionTitle">
-          <pre-block>{{ description }}</pre-block>
-        </gl-accordion-item>
-      </slot>
+
+    <gl-accordion v-if="message || description" class="-gl-ml-2" :header-level="3">
+      <gl-accordion-item v-if="description" class="gl-mb-3" :title="accordionTitle">
+        <pre-block>{{ description }}</pre-block>
+      </gl-accordion-item>
+      <gl-accordion-item v-if="withJsonView" :title="$options.i18n.EXPAND_JSON_VIEW_TITLE">
+        <tool-params-json-view :tool-params="toolParams" />
+      </gl-accordion-item>
     </gl-accordion>
+    <tool-params-json-view
+      v-else-if="!message && !description && withJsonView"
+      :tool-params="toolParams"
+    />
   </div>
 </template>

package/src/components/chat/components/duo_chat_message_tool_approval/components/create_commit_tool_params.vue

@@ -2,6 +2,7 @@
 import { GlSprintf, GlAccordion, GlAccordionItem } from '@gitlab/ui';
 import { createPatch } from 'diff';
 import { translate, translatePlural, sprintf } from '../../../../../utils/i18n';
+import BaseToolParams from './base_tool_params.vue';
 import PreBlock from './pre_block.vue';
 
 const NO_NEW_LINE_SIGNAL = '\';
@@ -12,6 +13,7 @@ export default {
     GlSprintf,
     GlAccordion,
     GlAccordionItem,
+    BaseToolParams,
     PreBlock,
   },
   props: {
@@ -21,15 +23,9 @@ export default {
     },
   },
   computed: {
-    project() {
-      return this.toolParams?.projectPath || this.toolParams?.projectId || '';
-    },
     branch() {
       return this.toolParams?.branch;
     },
-    startBranch() {
-      return this.toolParams?.startBranch || '';
-    },
     commitMessage() {
       return this.toolParams?.commitMessage;
     },
@@ -108,11 +104,11 @@ export default {
   i18n: {
     COMMIT_SUMMARY_MESSAGE: translate(
       'CreateCommitToolParams.commitSummaryMessage',
-      'Create a commit in the branch %{branch} and project %{project}.'
+      'Create a commit in the branch %{branch}.'
     ),
     COMMIT_SUMMARY_AUTO_BRANCH_MESSAGE: translate(
       'CreateCommitToolParams.commitSummaryAutoBranchMessage',
-      'Create a commit in a new auto-created branch and project %{project}.'
+      'Create a commit in a new auto-created branch.'
     ),
     READ_COMMIT_MESSAGE: translate(
       'CreateCommitToolParams.readCommitMessage',
@@ -151,7 +147,7 @@ export default {
 };
 </script>
 <template>
-  <div class="gl-flex gl-flex-col">
+  <base-tool-params :tool-params="toolParams">
     <div>
       <gl-sprintf
         :message="
@@ -160,17 +156,18 @@ export default {
             : $options.i18n.COMMIT_SUMMARY_AUTO_BRANCH_MESSAGE
         "
       >
-        <template #project>
-          <code>{{ project }}</code>
-        </template>
         <template v-if="branch" #branch>
           <code>{{ branch }}</code>
         </template>
       </gl-sprintf>
       {{ actionsCountMessage }}
     </div>
-    <gl-accordion class="-gl-ml-2 gl-mt-3" :header-level="3">
-      <gl-accordion-item :title="$options.i18n.READ_COMMIT_MESSAGE">
+    <gl-accordion class="-gl-ml-2" :header-level="3">
+      <gl-accordion-item
+        v-if="commitMessage"
+        class="gl-mb-3"
+        :title="$options.i18n.READ_COMMIT_MESSAGE"
+      >
         <pre-block>{{ commitMessage }}</pre-block>
       </gl-accordion-item>
       <gl-accordion-item v-if="actionsCount" :title="$options.i18n.EXPAND_CHANGES">
@@ -178,12 +175,13 @@ export default {
           <gl-accordion-item
             v-for="(action, index) in actions"
             :key="index"
+            class="gl-mb-3"
             :title="getActionTitle(action)"
           >
-            <pre-block>{{ getActionContent(action) }}</pre-block>
+            <pre-block class="language-diff">{{ getActionContent(action) }}</pre-block>
           </gl-accordion-item>
         </gl-accordion>
       </gl-accordion-item>
     </gl-accordion>
-  </div>
+  </base-tool-params>
 </template>

package/src/components/chat/components/duo_chat_message_tool_approval/components/default_tool_params.vue

@@ -0,0 +1,72 @@
+<script>
+import { sprintf, translate } from '../../../../../utils/i18n';
+import { APPROVAL_TOOL_NAMES } from '../../../constants';
+import BaseToolParams from './base_tool_params.vue';
+
+export default {
+  name: 'DefaultToolParams',
+  components: {
+    BaseToolParams,
+  },
+  props: {
+    toolName: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    toolParams: {
+      type: Object,
+      required: true,
+    },
+  },
+  computed: {
+    title() {
+      return this.toolParams?.title;
+    },
+    description() {
+      return this.toolParams?.description || this.toolParams?.body || this.toolParams?.comment;
+    },
+    isNote() {
+      return [
+        APPROVAL_TOOL_NAMES.createMergeRequestNote,
+        APPROVAL_TOOL_NAMES.createWorkItemNote,
+        APPROVAL_TOOL_NAMES.createIssueNote,
+      ].includes(this.toolName);
+    },
+    message() {
+      const message = this.title ? this.$options.i18n.TITLE_MESSAGE : '';
+
+      return sprintf(message, {
+        ...this.toolParams,
+      });
+    },
+    accordionTitle() {
+      return this.isNote ? this.$options.i18n.NOTE_ACCORDION_TITLE : '';
+    },
+    displayRawOutput() {
+      return !this.message;
+    },
+  },
+  i18n: {
+    TITLE_MESSAGE: translate(
+      'IssuableToolParams.TITLE_MESSAGE',
+      'Set the title "<em>%{title}</em>".'
+    ),
+    NOTE_ACCORDION_TITLE: translate(
+      'IssuableToolParams.NOTE_ACCORDION_TITLE',
+      "Read note's content"
+    ),
+  },
+};
+</script>
+<template>
+  <div>
+    <base-tool-params
+      with-json-view
+      :tool-params="toolParams"
+      :message="message"
+      :description="description"
+      :custom-accordion-title="accordionTitle"
+    />
+  </div>
+</template>

package/src/components/chat/components/duo_chat_message_tool_approval/components/tool_params_json_view.vue

@@ -0,0 +1,42 @@
+<script>
+import { translate } from '../../../../../utils/i18n';
+import PreBlock from './pre_block.vue';
+
+export default {
+  name: 'ToolParamsJsonView',
+  components: {
+    PreBlock,
+  },
+  props: {
+    toolParams: {
+      type: Object,
+      required: true,
+    },
+  },
+  computed: {
+    hasToolParams() {
+      return Object.keys(this.toolParams || {}).length > 0;
+    },
+  },
+  i18n: {
+    REQUEST_TEXT: translate('MessageToolApproval.parametersText', 'Request parameters'),
+    NO_PARAMETERS_TEXT: translate(
+      'MessageToolApproval.noParametersText',
+      'No parameters will be sent with this request.'
+    ),
+  },
+};
+</script>
+<template>
+  <figure class="gl-m-0 gl-flex gl-flex-col gl-gap-2">
+    <figcaption class="gl-text-subtle">
+      {{ $options.i18n.REQUEST_TEXT }}
+    </figcaption>
+    <pre-block v-if="hasToolParams" class="language-json" data-testid="tool-parameters">{{
+      JSON.stringify(toolParams, null, 2)
+    }}</pre-block>
+    <span v-else class="gl-text-sm gl-text-gray-500" data-testid="no-parameters-message">
+      {{ $options.i18n.NO_PARAMETERS_TEXT }}
+    </span>
+  </figure>
+</template>

package/src/components/chat/components/duo_chat_message_tool_approval/message_tool_approval.vue

@@ -8,13 +8,14 @@ import {
   GlDropdown,
   GlDropdownItem,
 } from '@gitlab/ui';
+import startCase from 'lodash/startCase';
+import capitalize from 'lodash/capitalize';
 import { translate } from '../../../../utils/i18n';
 import { convertKeysToCamelCase } from '../../../../utils/object';
 import { acceptedApproveToolPayloads, APPROVAL_TOOL_NAMES } from '../../constants';
 import CreateCommitToolParams from './components/create_commit_tool_params.vue';
-import IssuableToolParams from './components/issuable_tool_params.vue';
+import DefaultToolParams from './components/default_tool_params.vue';
 import RunCommandToolParams from './components/run_command_tool_params.vue';
-import PreBlock from './components/pre_block.vue';
 
 export const PROCESSING_STATE = {
   APPROVING: 'approving',
@@ -40,71 +41,12 @@ export const i18n = {
   APPROVING_TEXT: translate('MessageToolApproval.approvingText', 'Approving...'),
   DENY_TEXT: translate('MessageToolApproval.denyText', 'Deny'),
   DENYING_TEXT: translate('MessageToolApproval.denyingText', 'Denying...'),
-  NO_PARAMETERS_TEXT: translate(
-    'MessageToolApproval.noParametersText',
-    'No parameters will be sent with this request.'
-  ),
-  REQUEST_TEXT: translate('MessageToolApproval.parametersText', 'Request parameters'),
   DENIAL_REASON_LABEL: translate('MessageToolApproval.denialReasonLabel', 'Rejection reason'),
   DENIAL_REASON_PLACEHOLDER: translate(
     'MessageToolApproval.denialReasonPlaceholder',
     "Tell Duo why you're rejecting this tool execution..."
   ),
   CANCEL_TEXT: translate('MessageToolApproval.cancelText', 'Cancel'),
-  TOOL_APPROVAL_TITLES: {
-    [APPROVAL_TOOL_NAMES.createCommit]: translate(
-      'MessageToolApproval.createCommit',
-      'Duo wants to push a commit.'
-    ),
-    [APPROVAL_TOOL_NAMES.createIssue]: translate(
-      'MessageToolApproval.createIssue',
-      'Duo wants to open an issue.'
-    ),
-    [APPROVAL_TOOL_NAMES.updateIssue]: translate(
-      'MessageToolApproval.updateIssue',
-      'Duo wants to update an issue.'
-    ),
-    [APPROVAL_TOOL_NAMES.createEpic]: translate(
-      'MessageToolApproval.createEpic',
-      'Duo wants to create an epic.'
-    ),
-    [APPROVAL_TOOL_NAMES.updateEpic]: translate(
-      'MessageToolApproval.updateEpic',
-      'Duo wants to update an epic.'
-    ),
-    [APPROVAL_TOOL_NAMES.createWorkItem]: translate(
-      'MessageToolApproval.createWorkItem',
-      'Duo wants to create a work item.'
-    ),
-    [APPROVAL_TOOL_NAMES.updateWorkItem]: translate(
-      'MessageToolApproval.updateWorkItem',
-      'Duo wants to update a work item.'
-    ),
-    [APPROVAL_TOOL_NAMES.createMergeRequest]: translate(
-      'MessageToolApproval.createMergeRequest',
-      'Duo wants to create a merge request.'
-    ),
-    [APPROVAL_TOOL_NAMES.createIssueNote]: translate(
-      'MessageToolApproval.createIssueNote',
-      'Duo wants to post a note on an issue.'
-    ),
-    [APPROVAL_TOOL_NAMES.createMergeRequestNote]: translate(
-      'MessageToolApproval.createMergeRequestNote',
-      'Duo wants to post a note on a merge request.'
-    ),
-    [APPROVAL_TOOL_NAMES.createWorkItemNote]: translate(
-      'MessageToolApproval.createWorkItemNote',
-      'Duo wants to post a note on a work item.'
-    ),
-    [APPROVAL_TOOL_NAMES.runCommand]: translate(
-      'MessageToolApproval.runCommand',
-      'Duo wants to run a command.'
-    ),
-    [APPROVAL_TOOL_NAMES.runGitCommand]: translate(
-      'MessageToolApproval.runGitCommand',
-      'Duo wants to run a git command.'
-    ),
-  },
   [TOOL_STATUS.Pending]: translate('MessageToolApproval.toolStatusPending', 'Pending'),
   [TOOL_STATUS.Approved]: translate('MessageToolApproval.toolStatusApproved', 'Approved'),
   TOGGLE_PARAMS_BUTTON_EXPAND: translate(
@@ -123,17 +65,6 @@ export const i18n = {
 
 const TOOL_PARAMS_VIEW_COMPONENTS = {
   [APPROVAL_TOOL_NAMES.createCommit]: 'CreateCommitToolParams',
-  [APPROVAL_TOOL_NAMES.createIssue]: 'IssuableToolParams',
-  [APPROVAL_TOOL_NAMES.updateIssue]: 'IssuableToolParams',
-  [APPROVAL_TOOL_NAMES.createEpic]: 'IssuableToolParams',
-  [APPROVAL_TOOL_NAMES.updateEpic]: 'IssuableToolParams',
-  [APPROVAL_TOOL_NAMES.createMergeRequest]: 'IssuableToolParams',
-  [APPROVAL_TOOL_NAMES.updateMergeRequest]: 'IssuableToolParams',
-  [APPROVAL_TOOL_NAMES.createWorkItem]: 'IssuableToolParams',
-  [APPROVAL_TOOL_NAMES.updateWorkItem]: 'IssuableToolParams',
-  [APPROVAL_TOOL_NAMES.createMergeRequestNote]: 'IssuableToolParams',
-  [APPROVAL_TOOL_NAMES.createWorkItemNote]: 'IssuableToolParams',
-  [APPROVAL_TOOL_NAMES.createIssueNote]: 'IssuableToolParams',
   [APPROVAL_TOOL_NAMES.runCommand]: 'RunCommandToolParams',
   [APPROVAL_TOOL_NAMES.runGitCommand]: 'RunCommandToolParams',
 };
@@ -149,9 +80,8 @@ export default {
     GlDropdown,
     GlDropdownItem,
     CreateCommitToolParams,
-    IssuableToolParams,
+    DefaultToolParams,
     RunCommandToolParams,
-    PreBlock,
   },
   props: {
     messages: {
@@ -236,7 +166,7 @@ export default {
       }
 
       // Single tool: show specific tool message
-      return i18n.TOOL_APPROVAL_TITLES[this.toolName] || this.toolName;
+      return capitalize(startCase(this.toolName));
     },
     toolStatusLabel() {
       return i18n[this.approvalStatus];
@@ -347,7 +277,7 @@ export default {
       return convertKeysToCamelCase(obj);
     },
     getToolParamsComponent(toolName) {
-      return TOOL_PARAMS_VIEW_COMPONENTS[toolName];
+      return TOOL_PARAMS_VIEW_COMPONENTS[toolName] || 'DefaultToolParams';
     },
   },
   i18n,
@@ -364,7 +294,7 @@ export default {
   >
     <template #header>
       <div class="gl-flex gl-items-center gl-justify-between gl-gap-3">
-        <span>
+        <span class="gl-inline-flex gl-items-center gl-gap-2">
           <gl-button
             v-if="collapsible"
             variant="default"
@@ -386,7 +316,6 @@ export default {
     <div v-for="(toolMsg, index) in messages" :key="toolMsg.id || index">
       <component
         :is="getToolParamsComponent(toolMsg.tool_info && toolMsg.tool_info.name)"
-        v-if="getToolParamsComponent(toolMsg.tool_info && toolMsg.tool_info.name)"
         :class="['gl-leading-20', { 'gl-border-t gl-mt-3 gl-border-gray-100 gl-pt-3': index > 0 }]"
         :tool-name="toolMsg.tool_info && toolMsg.tool_info.name"
         :tool-params="convertKeysToCamelCase((toolMsg.tool_info && toolMsg.tool_info.args) || {})"
@@ -394,27 +323,6 @@ export default {
         :tool-response="toolMsg.tool_info && toolMsg.tool_info.tool_response"
         :working-directory="workingDirectory"
       />
-      <figure
-        v-else
-        class="gl-m-0 gl-flex gl-flex-col gl-gap-2"
-        :class="{ 'gl-border-t gl-mt-3 gl-border-gray-100 gl-pt-3': index > 0 }"
-      >
-        <figcaption class="gl-text-subtle">
-          {{ $options.i18n.REQUEST_TEXT }}
-        </figcaption>
-        <pre-block
-          v-if="
-            toolMsg.tool_info &&
-            toolMsg.tool_info.args &&
-            Object.keys(toolMsg.tool_info.args).length > 0
-          "
-          data-testid="tool-parameters"
-          >{{ JSON.stringify(toolMsg.tool_info.args, null, 2) }}</pre-block
-        >
-        <span v-else class="gl-text-sm gl-text-gray-500" data-testid="no-parameters-message">
-          {{ $options.i18n.NO_PARAMETERS_TEXT }}
-        </span>
-      </figure>
     </div>
     <template v-if="!isApproved" #footer>
       <div v-if="!showDenialReason" class="gl-flex gl-gap-2">

package/src/components/chat/mock_data.js

@@ -209,6 +209,23 @@ export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_MERGE_REQUEST = {
   role: 'request',
 };
 
+export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_UPDATE_MERGE_REQUEST = {
+  id: '125',
+  content: 'Tool update_merge_request requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'update_merge_request',
+    args: {
+      url: 'https://gitlab.com/gitlab-org/editor-extensions/gitlab-language-server/-/merge_requests/123',
+      description:
+        '## What does this MR do?\n\nThis MR updates the `group` field in the `web_ide_language_server` beta feature flag configuration from `group::remote development` to `group:: editor extensions`.\n\n## Related issues\n\nThis change aligns the feature flag with the correct group ownership.\n\n## Changes made\n\n- Updated `config/feature_flags/beta/web_ide_language_server.yml`\n- Changed group field from `group::remote development` to `group:: editor extensions`\n\n## Checklist\n\n- [x] Feature flag configuration updated\n- [x] Group field correctly set to `group:: editor extensions`',
+    },
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request',
+};
+
 export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_COMMAND = {
   id: '125',
   content: 'Tool run_command requires approval. Please confirm if you want to proceed.',
@@ -442,6 +459,7 @@ export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_WORK_ITEM = {
         '## Overview\n\nUsers have requested the ability to toggle between light and dark modes in the chat interface to improve usability in different lighting conditions.\n\n## Requirements\n\n- [ ] Add a toggle button in the chat header\n- [ ] Implement theme switching logic\n- [ ] Persist user preference in localStorage\n- [ ] Ensure all chat components support both themes\n- [ ] Update existing CSS variables for dark mode\n\n## Acceptance Criteria\n\n- Toggle button is visible and accessible\n- Theme changes are applied immediately\n- User preference is remembered across sessions\n- All text remains readable in both modes\n- Icons and UI elements adapt to the selected theme',
       labels: ['enhancement', 'ui', 'accessibility'],
       assignee_ids: [123],
+      confidential: true,
     },
   },
   timestamp: '2025-06-25T19:22:21.290791+00:00',