@gitlab/duo-ui 10.21.0 → 10.22.1

package/src/components/ui/side_rail/side_rail.vue

@@ -0,0 +1,56 @@
+<script>
+import { GlButtonGroup, GlButton, GlAvatar, GlTooltipDirective } from '@gitlab/ui';
+
+export default {
+  name: 'SideRail',
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
+  components: {
+    GlButtonGroup,
+    GlButton,
+    GlAvatar,
+  },
+  props: {
+    /**
+     * String to display the empty state of recent content
+     */
+    buttons: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+  },
+  methods: {
+    onClick(buttonName) {
+      this.$emit('click', buttonName);
+    },
+  },
+};
+</script>
+<template>
+  <gl-button-group :vertical="true">
+    <template v-for="(button, buttonName) in buttons">
+      <div
+        v-if="button.dividerBefore"
+        :key="`${buttonName}-divider`"
+        class="gl-mx-auto gl-my-3 gl-h-1 gl-w-5 gl-border-0 gl-border-t-1 gl-border-solid gl-border-[#7759C233]"
+        name="divider"
+      ></div>
+      <gl-button
+        v-if="button.render"
+        :key="`${buttonName}-button`"
+        v-gl-tooltip
+        :title="button.title"
+        category="tertiary"
+        variant="default"
+        size="medium"
+        :icon="button.icon"
+        active-class="gl-active"
+        @click="onClick(buttonName)"
+      >
+        <gl-avatar v-if="button.avatar" :size="32" :entity-name="button.avatar" shape="circle" />
+      </gl-button>
+    </template>
+  </gl-button-group>
+</template>

package/src/index.js

@@ -42,5 +42,7 @@ export { InsertCodeSnippetElement as DuoChatInsertCodeSnippetElement } from './c
 export { default as DuoNavigationBar } from './components/ui/duo_navigation_bar/duo_navigation_bar.vue';
 export { default as DuoRecentCollapsible } from './components/ui/duo_recent_collapsible/duo_recent_collapsible.vue';
 export { default as DuoRecentContent } from './components/ui/duo_recent_content/duo_recent_content.vue';
+export { default as DuoLayout } from './components/ui/duo_layout/duo_layout.vue';
+export { default as SideRail } from './components/ui/side_rail/side_rail.vue';
 
 export { addDuoMarkdownPlugin } from './components/chat/markdown_renderer';

package/translations.js

@@ -7,12 +7,12 @@ export default {
   'AgenticDuoChat.chatDefaultPredefinedPromptsCreateTemplate': 'How do I create a template?',
   'AgenticDuoChat.chatDefaultPredefinedPromptsForkProject': 'How do I fork a project?',
   'AgenticDuoChat.chatDefaultTitle': 'GitLab Duo Agentic Chat',
-  'AgenticDuoChat.chatDisclamer':
-    'Chat can autonomously change code. Responses and changes can be inaccurate. Review carefully.',
+  'AgenticDuoChat.chatDisclamer': 'Responses may be inaccurate. Verify before use.',
   'AgenticDuoChat.chatEmptyStateTitle':
     '👋 I am GitLab Duo Agentic Chat, your personal AI-powered assistant. How can I help you today?',
   'AgenticDuoChat.chatHistoryTitle': 'Chat history',
-  'AgenticDuoChat.chatPromptPlaceholderDefault': 'GitLab Duo Agentic Chat',
+  'AgenticDuoChat.chatModelPlaceholder': 'GitLab Duo Agentic Chat',
+  'AgenticDuoChat.chatPromptPlaceholderDefault': "Let's work through this together...",
   'AgenticDuoChat.chatPromptPlaceholderWithCommands': 'Type /help to learn more',
   'AgenticDuoChat.chatSubmitLabel': 'Send chat message.',
   'AgenticDuoChat.overLimitCharacterCountMessage': null,
@@ -65,9 +65,10 @@ export default {
     '👋 I am GitLab Duo Chat, your personal AI-powered assistant. How can I help you today?',
   'DuoChat.chatHistoryInfo': 'Inactive chats are deleted after 30 days.',
   'DuoChat.chatHistoryToolTip': 'Chat history',
+  'DuoChat.chatModelPlaceholder': 'GitLab Duo Chat',
   'DuoChat.chatNewLabel': 'New chat',
   'DuoChat.chatNewToolTip': 'New chat',
-  'DuoChat.chatPromptPlaceholderDefault': 'GitLab Duo Chat',
+  'DuoChat.chatPromptPlaceholderDefault': "Let's work through this together...",
   'DuoChat.chatPromptPlaceholderWithCommands': 'Type /help to learn more',
   'DuoChat.chatSubmitLabel': 'Send chat message.',
   'DuoChat.chatTitle': 'GitLab Duo Chat',