@stack-spot/ai-chat-widget 0.10.0 → 1.0.0

package/dist/views/MessageInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/MessageInput/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/MessageInput/index.tsx"],"names":[],"mappings":"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"}

package/dist/views/MessageInput/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/styled.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,eAAO,MAAM,eAAe,wOAkM3B,CAAA"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/styled.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,eAAO,MAAM,eAAe,wOA2U3B,CAAA"}

package/dist/views/MessageInput/styled.js

@@ -80,6 +80,7 @@ export const MessageInputBox = styled.div `
 
   .action-box {
     display: flex;
+    position: relative;
     flex-direction: row;
     gap: 4px;
     align-items: end;
@@ -199,5 +200,141 @@ export const MessageInputBox = styled.div `
       box-shadow: none;
     }
   }
+
+  .quick-command-selector {
+    position: absolute;
+    border-radius: 4px;
+    border: 1px solid ${theme.color.light[600]};
+    background-color: ${theme.color.light[500]};
+    box-shadow: 0px 2px 16px 0px #0000005C;
+    display: flex;
+    flex-direction: column;
+    width: 480px;
+    bottom: 55px;
+
+    .loading, .error {
+      padding-bottom: 26px;
+      p {
+        width: 200px;
+        text-align: center;
+        line-height: 20px;
+      }
+    }
+
+    .empty {
+      padding-bottom: 26px;
+      width: 200px;
+      text-align: center;
+      line-height: 20px;
+      margin: auto;
+    }
+
+    header {
+      display: flex;
+      flex-direction: row;
+      gap: 8px;
+      align-items: center;
+      padding: 8px;
+      font-family: 'San Francisco';
+      font-weight: 500;
+      font-size: 11px;
+    }
+
+    .body {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+
+    ul {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+
+    ul.tabs {
+      display: flex;
+      flex-direction: column;
+
+      li {
+        display: flex;
+        flex-direction: column;
+      }
+
+      button {
+        box-sizing: border-box;
+        color: ${theme.color.light[700]};
+        text-align: left;
+        padding: 10px;
+        font-weight: 600;
+        font-size: 12px;
+        transition: background-color 0.3s;
+        border-top-right-radius: 4px;
+        border-bottom-right-radius: 4px;
+        background-color: transparent;
+        border: none;
+        cursor: pointer;
+        outline: none;
+
+        &:hover, &.active, &:focus {
+          background-color: ${theme.color.light[600]};
+        }
+
+        &.active {
+          border-left: 1px solid ${theme.color.light.contrastText};
+          color: ${theme.color.light.contrastText};
+        }
+      }
+    }
+
+    ul.command-list {
+      align-self: stretch;
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      overflow-y: auto;
+      flex: 1;
+      max-height: 170px;
+
+      li {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 8px;
+        padding: 8px;
+        border-radius: 4px;
+
+        &:hover, &.focus {
+          background-color: ${theme.color.light[600]};
+        }
+
+        button.qc {
+          flex: 1;
+          border: none;
+          text-align: left;
+          background-color: transparent;
+          text-align: left;
+          outline: none;
+          overflow: hidden;
+          cursor: pointer;
+          
+          .qc-title {
+            font-size: 11px;
+            margin: 0 0 4px 0;
+            color: ${theme.color.light.contrastText};
+            text-transform: uppercase;
+            text-overflow: ellipsis;
+            overflow: hidden;
+          }
+
+          .qc-description {
+            color: ${theme.color.light[700]};
+            font-size: 12px;
+            margin: 0;
+          }
+        }
+      }
+    }
+  }
 `;
 //# sourceMappingURL=styled.js.map

package/dist/views/MessageInput/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/views/MessageInput/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,eAAe,GAAG,EAAE,CAAA;AAC1B,MAAM,qBAAqB,GAAG,CAAC,CAAA;AAC/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;AACnC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAA;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;kBAWvB,eAAe,GAAG,qBAAqB;;;;;;;;;;;;;;;;gBAgBzC,eAAe;;0BAEL,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA4BtC,UAAU;;;;;;;;;;;;;;;;;;;;;;wBAsBI,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;wBACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;sBAKxB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;;;0BAIpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;gBAoBhC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;4BAMV,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;4BAItB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;kBAKlC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmD5C,UAAU;;;;;;;;;;;cAWF,gBAAgB;;;;;;;;CAQ7B,CAAA"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/views/MessageInput/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,eAAe,GAAG,EAAE,CAAA;AAC1B,MAAM,qBAAqB,GAAG,CAAC,CAAA;AAC/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;AACnC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAA;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;kBAWvB,eAAe,GAAG,qBAAqB;;;;;;;;;;;;;;;;gBAgBzC,eAAe;;0BAEL,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA4BtC,UAAU;;;;;;;;;;;;;;;;;;;;;;;wBAuBI,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;wBACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;sBAKxB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;;;0BAIpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;gBAoBhC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;4BAMV,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;4BAItB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;kBAKlC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmD5C,UAAU;;;;;;;;;;;cAWF,gBAAgB;;;;;;;;;;;;wBAYN,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;wBACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA0D7B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;8BAcT,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;mCAIjB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;mBAC9C,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;8BAuBnB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;qBAgB/B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;;qBAO9B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;CAQ1C,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-spot/ai-chat-widget",
-  "version": "0.10.0",
+  "version": "1.0.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -8,8 +8,8 @@
     "@citric/core": "^6.0.0",
     "@citric/icons": "^5.4.0 || ^6.0.0",
     "@citric/ui": "^5.4.0 || ^6.0.0",
-    "@stack-spot/portal-components": "^2.6.1",
-    "@stack-spot/portal-network": "^0.42.2",
+    "@stack-spot/portal-components": "^2.8.0",
+    "@stack-spot/portal-network": "^0.46.0",
     "@stack-spot/portal-theme": "^1.0.0",
     "@stack-spot/portal-translate": "^1.1.0",
     "lodash": "^4.17.0",

package/src/AbortedError.ts

@@ -0,0 +1,7 @@
+import { StackspotAPIError } from '@stack-spot/portal-network'
+
+export class AbortedError extends StackspotAPIError {
+  constructor() {
+    super({ status: 0, message: 'Operation canceled by the user.' })
+  }
+}

package/src/StackspotAIWidget.tsx

@@ -1,9 +1,11 @@
+import { loader } from '@monaco-editor/react'
 import { listToClass } from '@stack-spot/portal-theme'
 import { useMemo, useRef } from 'react'
-import { quickCommandInterceptor } from './chat-interceptors/quick-commands'
+import { quickCommandQuestionsInterceptor } from './chat-interceptors/quick-command-questions'
+import { createQuickCommandInterceptor } from './chat-interceptors/quick-commands'
 import { sendMessageInterceptor } from './chat-interceptors/send-message'
 import { TooltipProvider } from './components/Tooltip'
-import { useCurrentChatMessages, useFirstChat, useWidgetState } from './context/hooks'
+import { useCurrentChatMessages, useFirstChat, useWidget, useWidgetState } from './context/hooks'
 import { AIWidgetFeatures, defaultFeatures } from './features'
 import './layout.css'
 import { RightPanel } from './right-panel/RightPanel'
@@ -34,7 +36,15 @@ export interface AIWidgetProps {
 export const StackspotAIWidget = (
   { username, features = defaultFeatures, interceptors: userInterceptors = [], minimizedActions = {}, children }: AIWidgetProps,
 ) => {
-  const interceptors: MessageInterceptor[] = useMemo(() => [...userInterceptors, quickCommandInterceptor, sendMessageInterceptor], [])
+  const widget = useWidget()
+  const interceptors: MessageInterceptor[] = useMemo(
+    () => [
+      ...userInterceptors,
+      quickCommandQuestionsInterceptor,
+      createQuickCommandInterceptor(widget, () => loader.__getMonacoInstance()?.editor),
+      sendMessageInterceptor],
+    [],
+  )
   useFirstChat(interceptors)
   const rightPanelRef = useRef<HTMLDivElement>(null)
   const chatWindowRef = useRef<HTMLDivElement>(null)

package/src/chat-interceptors/CustomInputs.ts

@@ -0,0 +1,70 @@
+import { CustomInputResponse } from '@stack-spot/portal-network/api/ai'
+import { Dictionary, translate } from '@stack-spot/portal-translate'
+import { ChatEntry } from '../state/ChatEntry'
+import { LabeledWithImage } from '../state/types'
+
+export const CUSTOM_INPUTS_KEY = 'customInputs'
+
+export class CustomInputs {
+  private value: Record<string, string> = {}
+  private inputs: CustomInputResponse[]
+  private index = 0
+  private resolve?: (value: Record<string, string>) => void
+  private promise: Promise<Record<string, string>>
+  private agent?: LabeledWithImage
+
+  constructor(inputs: CustomInputResponse[], agent?: LabeledWithImage) {
+    this.inputs = inputs
+    this.agent = agent
+    this.promise = new Promise(resolve => {
+      this.resolve = resolve
+    })
+  }
+
+  ask(): ChatEntry {
+    if (this.index >= this.inputs.length) throw new Error('No more questions to ask.')
+    const t = translate(dictionary)
+    const input = this.inputs[this.index]
+    return new ChatEntry({
+      agentType: 'bot',
+      content: input.question,
+      type: 'text',
+      agent: this.agent,
+      badges: [{ label: input.mandatory ? t.required : t.optional }],
+      card: true,
+      actions: input.mandatory ? undefined : [{ type: 'command', appearance: 'primary', title: t.skip, exec: '/skip' }],
+      updated: new Date().toISOString(),
+    })
+  }
+
+  answer(value: string) {
+    this.value[this.inputs[this.index].slug] = value
+    this.skip()
+  }
+
+  skip() {
+    this.index++
+    if (this.hasFinished()) this.resolve?.(this.value)
+  }
+
+  hasFinished() {
+    return this.index === this.inputs.length
+  }
+
+  getValue() {
+    return this.promise
+  }
+}
+
+const dictionary = {
+  en: {
+    required: 'Required information',
+    optional: 'Optional information',
+    skip: 'Skip',
+  },
+  pt: {
+    required: 'Informação obrigatória',
+    optional: 'Informação opcional',
+    skip: 'Pular',
+  },
+} satisfies Dictionary

package/src/chat-interceptors/quick-command-questions.ts

@@ -0,0 +1,15 @@
+import { ChatEntry } from '../state/ChatEntry'
+import { ChatState } from '../state/ChatState'
+import { CUSTOM_INPUTS_KEY } from './CustomInputs'
+
+export function quickCommandQuestionsInterceptor(entry: ChatEntry, chat: ChatState) {
+  const { agentType, content } = entry.getValue()
+  if (agentType !== 'user') return
+  const customInputs = chat.interceptorMemory.get(CUSTOM_INPUTS_KEY)
+  if (!customInputs) return
+  if (content === '/skip') customInputs.skip()
+  else customInputs.answer(content)
+  if (!customInputs.hasFinished()) chat.pushMessage(customInputs.ask())
+  // prevents next interceptors from running
+  return false
+}

package/src/chat-interceptors/quick-commands.ts

@@ -1,12 +1,275 @@
+import { aiClient, CancelledError, FixedChatRequest, StackspotAPIError } from '@stack-spot/portal-network'
+import { QuickCommandFetchResponseResult, QuickCommandPromptResponse2, QuickCommandResponse } from '@stack-spot/portal-network/api/ai'
+import { Dictionary, interpolate, translate } from '@stack-spot/portal-translate'
+import type { editor } from 'monaco-editor'
+import { ulid } from 'ulid'
+import { AbortedError } from '../AbortedError'
+import { quickCommandRegex } from '../regex'
 import { ChatEntry } from '../state/ChatEntry'
 import { ChatState } from '../state/ChatState'
+import { LabeledWithImage } from '../state/types'
+import { WidgetState } from '../state/WidgetState'
+import { buildConversationContext } from '../utils/chat'
+import { getSizeOfString } from '../utils/string'
+import { CUSTOM_INPUTS_KEY, CustomInputs } from './CustomInputs'
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export function quickCommandInterceptor(entry: ChatEntry, _chat: ChatState) {
-  const { agentType, content } = entry.getValue()
-  if (agentType !== 'user') return
-  if (content.startsWith('/')) {
-    alert('Quick commands are not yet supported!') /* todo */
-    return false // by returning false, the next interceptor are not run. i.e. the message is not sent to the AI agent.
+type SlugExecution = Record<string, string | QuickCommandFetchResponseResult | QuickCommandPromptResponse2>
+
+interface QCContext {
+  qc: QuickCommandResponse,
+  context: Required<FixedChatRequest>['context'],
+  resultMap: SlugExecution,
+  chat: ChatState,
+  code?: string,
+  executionId: string,
+  signal: AbortSignal,
+}
+
+const progressMessageDelayMS = 1000
+
+export function createQuickCommandInterceptor(widget: WidgetState, getEditor: () => typeof editor | undefined) {
+  async function computeCustomInputs(ctx: QCContext) {
+    const { chat, qc: { custom_inputs: inputs, name, slug } } = ctx
+    if (!inputs?.length) return
+    chat.set('isLoading', false)
+    const t = translate(dictionary)
+    const customInputs = new CustomInputs(inputs, chat.get('agent'))
+    chat.interceptorMemory.set(CUSTOM_INPUTS_KEY, customInputs)
+    chat.pushMessage(new ChatEntry({
+      agentType: 'bot',
+      type: 'text',
+      content: interpolate(t.startQuestioning, name || slug),
+    }))
+    chat.pushMessage(customInputs.ask())
+    const inputsValues = await customInputs.getValue()
+    chat.set('isLoading', true)
+    chat.interceptorMemory.delete(CUSTOM_INPUTS_KEY)
+    ctx.resultMap = { ...ctx.resultMap, ...inputsValues }
+  }
+
+  async function runFetchStep(ctx: QCContext, stepIndex: number) {
+    const { qc: { slug, steps }, code, context, resultMap, executionId, signal } = ctx
+    const step = steps![stepIndex]
+    const { headers, data, method, url } = await aiClient.fetchStepOfQuickCommand.mutate({
+      slug,
+      stepSlug: step.slug,
+      quickCommandsExecutionRequest: { input_data: code, context, slugs_executions: resultMap, qc_execution_id: executionId },
+    }, signal)
+    const body = ['get', 'head'].includes(method.toLowerCase()) ? undefined : data
+    const response = await fetch(url, { headers: headers || undefined, body, method, signal })
+    if (!response.ok) throw new Error(`Failed to execute step "${step.slug}" of quick command "${slug}". Status ${response.status}.`)
+    resultMap[step.slug] = {
+      status: response.status,
+      data: await response.text(),
+      headers: Object.fromEntries(response.headers.entries()),
+    }
+  }
+
+  async function runLLMStep(
+    { qc: { slug, steps }, code, context, executionId, resultMap, signal }: QCContext,
+    stepIndex: number,
+  ) {
+    const step = steps![stepIndex]
+    resultMap[step.slug] = await aiClient.llmStepOfQuickCommand.mutate({
+      slug,
+      stepSlug: step.slug,
+      quickCommandsExecutionRequest: { input_data: code, context, qc_execution_id: executionId, slugs_executions: resultMap },
+    }, signal)
+  }
+
+  function updateProgressMessageForStep(message: ChatEntry, qc: QuickCommandResponse, stepIndex: number) {
+    const t = translate(dictionary)
+    message.setValue({
+      ...message.getValue(),
+      content: interpolate(t.progress, qc.name || qc.slug, stepIndex + 1, qc.steps?.[stepIndex]?.slug, qc.steps?.length),
+    })
+  }
+
+  function createProgressMessage(agent?: LabeledWithImage) {
+    return new ChatEntry({
+      agentType: 'bot',
+      content: '',
+      type: 'text',
+      agent,
+    })
+  }
+
+  function showProgressMessage(ctx: QCContext) {
+    const showImmediately = ctx.qc.steps?.some(s => s.type === 'LLM')
+    const message = createProgressMessage(ctx.chat.get('agent'))
+    const controller = {
+      update: (index: number) => updateProgressMessageForStep(message, ctx.qc, index),
+      remove: () => clearTimeout(timeout),
+    }
+    const timeout = window.setTimeout(() => {
+      const chat = ctx.chat
+      chat.pushMessage(message)
+      controller.remove = () => chat.popMessage()
+    }, showImmediately ? 0 : progressMessageDelayMS)
+    return controller
+  }
+
+  async function runSteps(ctx: QCContext) {
+    const { qc } = ctx
+    const progress = showProgressMessage(ctx)
+    try {
+      for (let i = 0; i < (qc.steps?.length ?? 0); i++) {
+        progress.update(i)
+        await (qc.steps?.[i].type === 'FETCH' ? runFetchStep(ctx, i) : runLLMStep(ctx, i))
+      }
+    } finally {
+      progress.remove()
+    }
+  }
+
+  async function formatResult({ qc, code, executionId, context, resultMap, signal }: QCContext) {
+    const formatted = await aiClient.formatResultOfQuickCommand.mutate({
+      slug: qc.slug,
+      quickCommandsExecutionRequest: {
+        input_data: code,
+        context,
+        qc_execution_id: executionId,
+        slugs_executions: resultMap,
+      },
+    }, signal)
+    return formatted.result
+  }
+
+  // opens a new chat tab if the quick command doesn't preserve the conversation and the current conversation isn't clean.
+  function manageConversationContext(ctx: QCContext) {
+    if (!ctx.qc.preserve_conversation && ctx.chat.getMessages().length > 1) {
+      if (ctx.qc.return_type === 'CHAT') {
+        ctx.chat.set('isLoading', false)
+        ctx.chat = ctx.chat.transferToNewChat(ctx.qc.name || ctx.qc.slug)
+        ctx.chat.set('isLoading', true)
+        widget.chatTabs.add(ctx.chat)
+        widget.chatTabs.select(ctx.chat.id)
+        ctx.context.conversation_id = ctx.chat.id
+      } else {
+        ctx.context.conversation_id = ulid()
+      }
+    }
+  }
+
+  async function runQuickCommand(ctx: QCContext) {
+    const { qc: { slug }, code } = ctx
+    const t = translate(dictionary)
+    ctx.signal.addEventListener('abort', () => aiClient.quickCommand.cancel({ slug }))
+    await aiClient.quickCommand.invalidate({ slug })
+    try {
+      ctx.qc = await aiClient.quickCommand.query({ slug })
+    } catch (error) {
+      throw error instanceof StackspotAPIError && error.status === 404 ? new Error(t.notFound) : error
+    }
+    if (ctx.qc.use_selected_code && !code) {
+      throw new Error(t.requiresSelection)
+    }
+    manageConversationContext(ctx)
+    await computeCustomInputs(ctx)
+    await runSteps(ctx)
+    return formatResult(ctx)
   }
+
+  async function registerAnalyticsEvent({ qc, executionId, code = '', context }: QCContext, status: string, start: number) {
+    const now = new Date().getTime()
+    try {
+      await aiClient.createEvent.mutate({
+        body: [{
+          type: 'custom_quick_command_execution',
+          quick_command_event: {
+            type: qc.type || '',
+            duration_execution: now - start,
+            status_execution: status,
+            slug: qc.slug,
+            qc_execution_id: executionId,
+            id: qc.id,
+          },
+          code,
+          context,
+          knowledge_sources: [],
+          size: getSizeOfString(code),
+          generated_at: now,
+        }],
+      })
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.warn('Failed to register event: quick command.')
+    }
+  }
+
+  function outputResult({ qc, chat, code }: QCContext, result: string) {
+    if (qc.return_type === 'CHAT') {
+      chat.pushMessage(new ChatEntry({
+        agentType: 'bot',
+        content: result,
+        agent: chat.get('agent'),
+        type: 'md',
+        updated: new Date().toISOString(),
+      }))
+    } else {
+      const editor = getEditor()?.getEditors()[0]
+      let finalCode = result
+      if (qc.return_type === 'BEFORE_CODE') finalCode = `${result}\n${code}`
+      else if (qc.return_type === 'AFTER_CODE') finalCode = `${code}\n${result}`
+      finalCode = finalCode.replace(/(\$[{a-z]|\})/g, '\\$1')
+      editor?.trigger('keyboard', 'type', { text: finalCode })
+    }
+  }
+
+  async function quickCommandInterceptor(entry: ChatEntry, chat: ChatState, signal: AbortSignal) {
+    const { agentType, content } = entry.getValue()
+    if (agentType !== 'user' || !quickCommandRegex.test(content.trim())) return
+    const t = translate(dictionary)
+    const slug = content.trim().substring(1)
+    const ctx: QCContext = {
+      qc: { slug } as QuickCommandResponse,
+      chat,
+      code: chat.get('codeSelection'),
+      context: buildConversationContext(chat) ?? {},
+      executionId: ulid(),
+      resultMap: {},
+      signal,
+    }
+    chat.set('isLoading', true)
+    const start = new Date().getTime()
+    try {
+      const result = await runQuickCommand(ctx)
+      outputResult(ctx, result)
+      registerAnalyticsEvent(ctx, '200', start)
+    } catch (error: any) {
+      let message = error.message || `${error}`
+      if (error instanceof AbortedError || error instanceof CancelledError) message = t.aborted
+      else if (error instanceof StackspotAPIError) message = error.translate()
+      ctx.chat.pushMessage(new ChatEntry({
+        agentType: 'bot',
+        content: '',
+        error: message,
+        agent: chat.get('agent'),
+        type: 'text',
+      }))
+      registerAnalyticsEvent(ctx, message, start)
+    }
+    ctx.chat.set('isLoading', false)
+    // prevents the next interceptors from running
+    return false
+  }
+
+  return quickCommandInterceptor
 }
+
+const dictionary = {
+  en: {
+    requiresSelection: 'This quick command requires some code to be selected in the editor. To open the editor click the icon "{/}" in the field below.',
+    startQuestioning: 'To execute the Quick Command "$0", I\'ll need you to provide some information. Some may be mandatory, and others optional. Let\'s get started.',
+    progress: 'Running quick command "$0". Step $1 ($2) of $3.',
+    aborted: 'The quick command execution aborted by the user.',
+    notFound: 'There\'s no quick command with the provided name. If you don\'t wish to run a command, prefix the first "/" with a "\\".',
+  },
+  pt: {
+    requiresSelection: 'Este quick command precisa que algum código esteja selecionado no editor. Para abrir o editor clique no ícone "{/}" no campo abaixo.',
+    startQuestioning: 'Para executar o Quick Command "$0", vou precisar que você providencie algumas explicações. Algumas são obrigatórias e outras opcionais. Vamos começar.',
+    progress: 'Executando quick command "$0". Passo $1 ($2) de $3.',
+    aborted: 'A execução do quick command foi abortada pelo usuário.',
+    notFound: 'Não existe quick command com o nome providenciado. Se você não quiser rodar um comando, prefixe o primeiro "/" com um "\\".',
+  },
+} satisfies Dictionary

package/src/chat-interceptors/send-message.ts

@@ -1,36 +1,49 @@
 import { aiClient, StackspotAPIError } from '@stack-spot/portal-network'
-import { ChatEntry, KnowledgeSource } from '../state/ChatEntry'
+import { ChatResponse3 } from '@stack-spot/portal-network/api/ai'
+import { ChatEntry, KnowledgeSource, TextChatEntry } from '../state/ChatEntry'
 import { ChatState } from '../state/ChatState'
+import { LabeledWithImage } from '../state/types'
 import { buildConversationContext } from '../utils/chat'
 import { genericSourcesToKnowledgeSources } from '../utils/knowledge-source'
 
-export async function sendMessageInterceptor(entry: ChatEntry, chat: ChatState) {
+function createEntryValueFromChatResponse(
+  response: Partial<ChatResponse3>,
+  knowledgeSources: KnowledgeSource[] | undefined,
+  agent: LabeledWithImage | undefined,
+  includeDate = false,
+): TextChatEntry {
+  return {
+    agentType: 'bot',
+    type: 'md',
+    content: response.answer ?? '',
+    messageId: response.message_id ?? undefined,
+    knowledgeSources,
+    agent: agent,
+    updated: includeDate ? new Date().toISOString() : undefined,
+  }
+}
+
+export async function sendMessageInterceptor(entry: ChatEntry, chat: ChatState, signal: AbortSignal) {
   const { agentType, content } = entry.getValue()
   if (agentType !== 'user') return
   const context = buildConversationContext(chat)
   chat.set('isLoading', true)
   const isFirstMessage = chat.getMessages().length === 1
   if (isFirstMessage) chat.set('label', content)
-  const stream = aiClient.sendChatMessage({ context, user_prompt: content })
-  const botEntry = ChatEntry.createStreamedBotEntry(() => stream.cancel())
+  const stream = aiClient.sendChatMessage({ context, user_prompt: content.replace(/^\s*\\(\\|\/)/, '$1') })
+  signal.addEventListener('abort', () => stream.cancel())
+  const botEntry = ChatEntry.createStreamedBotEntry()
   chat.pushMessage(botEntry)
   let knowledgeSources: KnowledgeSource[] | undefined
   stream.onChange(value => {
     if (value.sources?.length !== knowledgeSources?.length) {
       knowledgeSources = genericSourcesToKnowledgeSources(value.sources)
     }
-    botEntry.setValue({
-      agentType: 'bot',
-      type: 'md',
-      content: value.answer ?? '',
-      messageId: value.message_id ?? undefined,
-      knowledgeSources,
-      updated: new Date().toISOString(),
-      agent: chat.get('agent'),
-    })
+    botEntry.setValue(createEntryValueFromChatResponse(value, knowledgeSources, chat.get('agent')))
   })
   try {
-    await stream.getValue()
+    const finalValue = await stream.getValue()
+    botEntry.setValue(createEntryValueFromChatResponse(finalValue, knowledgeSources, chat.get('agent'), true))
     aiClient.chat.invalidate({ conversationId: chat.id })
     if (isFirstMessage) aiClient.chats.invalidate()
   } catch (error: any) {
@@ -39,6 +52,5 @@ export async function sendMessageInterceptor(entry: ChatEntry, chat: ChatState)
       error: error instanceof StackspotAPIError ? error.translate() : (error.message ?? `${error}`),
     })
   }
-  botEntry.finish()
   chat.set('isLoading', false)
 }