diff --git a/packages/bruno-app/src/components/AIAssist/index.js b/packages/bruno-app/src/components/AIAssist/index.js index 0c8d3f11c..e5bee61d6 100644 --- a/packages/bruno-app/src/components/AIAssist/index.js +++ b/packages/bruno-app/src/components/AIAssist/index.js @@ -2,7 +2,8 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react' import { useSelector } from 'react-redux'; import get from 'lodash/get'; import Tippy from '@tippyjs/react'; -import { IconStars, IconX, IconArrowBackUp, IconPlayerStop } from '@tabler/icons'; +import { IconX, IconArrowBackUp, IconPlayerStop } from '@tabler/icons'; +import IconSparkles from 'components/Icons/IconSparkles'; import { aiGenerateScript, stopAiGeneration } from 'utils/ai'; import StyledWrapper, { PopupWrapper } from './StyledWrapper'; @@ -187,7 +188,7 @@ const AIAssist = ({ scriptType, currentScript, requestContext, docsContext, vari
- + {title} diff --git a/packages/bruno-app/src/components/AiChatSidebar/index.js b/packages/bruno-app/src/components/AiChatSidebar/index.js index 625b6cec4..4ec25ea64 100644 --- a/packages/bruno-app/src/components/AiChatSidebar/index.js +++ b/packages/bruno-app/src/components/AiChatSidebar/index.js @@ -6,13 +6,13 @@ import { IconCheck, IconCode, IconWand, - IconStars, IconCornerDownLeft, IconChevronDown, IconHistory, IconPlus, IconTrash } from '@tabler/icons'; +import IconSparkles from 'components/Icons/IconSparkles'; import get from 'lodash/get'; import find from 'lodash/find'; import MenuDropdown from 'ui/MenuDropdown'; @@ -572,7 +572,7 @@ const AiChatSidebar = ({ collection }) => { const ModelSelectorTrigger = forwardRef((props, ref) => (
- + {selectedModelLabel}
@@ -600,7 +600,7 @@ const AiChatSidebar = ({ collection }) => {
- {stage.icon === 'sparkles' && } + {stage.icon === 'sparkles' && } {stage.icon === 'wand' && } {stage.icon === 'code' && } {stage.icon === 'send' && } @@ -724,7 +724,7 @@ const AiChatSidebar = ({ collection }) => { const suggestions = SUGGESTIONS_BY_TYPE[contentType] || SUGGESTIONS_BY_TYPE.app; return (
-
+

AI Assistant

Ask me to generate or modify code, tests, scripts, and docs.

@@ -753,7 +753,7 @@ const AiChatSidebar = ({ collection }) => {
- + {requestMethod} {requestName} {chatsWithMessages.length > 1 && ( diff --git a/packages/bruno-app/src/components/Icons/IconSparkles/index.js b/packages/bruno-app/src/components/Icons/IconSparkles/index.js new file mode 100644 index 000000000..0101bd258 --- /dev/null +++ b/packages/bruno-app/src/components/Icons/IconSparkles/index.js @@ -0,0 +1,23 @@ +import React from 'react'; + +const IconSparkles = ({ size = 24, strokeWidth = 2, color = 'currentColor', ...props }) => { + return ( + + + + + ); +}; + +export default IconSparkles; diff --git a/packages/bruno-app/src/components/Preferences/AI/index.js b/packages/bruno-app/src/components/Preferences/AI/index.js index 3b187636c..d82c92b1f 100644 --- a/packages/bruno-app/src/components/Preferences/AI/index.js +++ b/packages/bruno-app/src/components/Preferences/AI/index.js @@ -7,6 +7,7 @@ import { useDispatch, useSelector } from 'react-redux'; import * as Yup from 'yup'; import toast from 'react-hot-toast'; import { IconPlus, IconSettings, IconShieldLock, IconTerminal2 } from '@tabler/icons'; +import IconSparkles from 'components/Icons/IconSparkles'; import { savePreferences } from 'providers/ReduxStore/slices/app'; import ToggleSwitch from 'components/ToggleSwitch'; import { clearAiApiKey, getAiStatus } from 'utils/ai'; @@ -334,10 +335,13 @@ const AI = () => {
- AI Features - - Turn on to configure providers and models. Your keys stay local. - +
+ + AI Features + + Turn on to configure providers and models. Your keys stay local. + +
{ Keybindings
setTab('ai')}> - + AI
setTab('cache')}> diff --git a/packages/bruno-app/src/components/RequestTabs/CollectionHeader/index.js b/packages/bruno-app/src/components/RequestTabs/CollectionHeader/index.js index 6bb022906..efac933a2 100644 --- a/packages/bruno-app/src/components/RequestTabs/CollectionHeader/index.js +++ b/packages/bruno-app/src/components/RequestTabs/CollectionHeader/index.js @@ -17,9 +17,9 @@ import { IconFileOff, IconCode, IconAppWindow, - IconTransform, - IconStars + IconTransform } from '@tabler/icons'; +import IconSparkles from 'components/Icons/IconSparkles'; import OpenAPISyncIcon from 'components/Icons/OpenAPISync'; import { switchWorkspace, renameWorkspaceAction, exportWorkspaceAction, confirmWorkspaceCreation, cancelWorkspaceCreation } from 'providers/ReduxStore/slices/workspaces/actions'; import { updateWorkspace } from 'providers/ReduxStore/slices/workspaces'; @@ -708,7 +708,7 @@ const CollectionHeader = ({ collection, isScratchCollection }) => { data-testid="ai-assistant" className={isAiSidebarOpen ? 'active' : ''} > - + )}