WIP: Feat/chat links

src/__fixtures__/chat_links_response.ts

@@ -0,0 +1,15 @@
+import { LinksForChatResponse } from "../services/refact/links";
+
+export const STUB_LINKS_FOR_CHAT_RESPONSE: LinksForChatResponse = {
+  links: [
+    {
+      text: "Save and return",
+      action: "patch-all",
+      goto: "SETTINGS:/path/to/config/file.yaml",
+    },
+    { text: "Can you fix it?", action: "follow-up" },
+    { text: 'git commit -m "message"', action: "commit" },
+    { text: "Save and return", goto: "SETTINGS:postgres" },
+    { text: "Investigate Project", action: "summarize-project" },
+  ],
+};

src/__fixtures__/index.ts

@@ -5,3 +5,5 @@ export * from "./context_files";
 export * from "./prompts";
 export * from "./integrations";
 export * from "./survey_questions";
+export * from "./chat_links_response";
+export * from "./chat_config_thread";

src/app/store.ts

@@ -43,6 +43,7 @@ import { informationSlice } from "../features/Errors/informationSlice";
 import { confirmationSlice } from "../features/ToolConfirmation/confirmationSlice";
 import { attachedImagesSlice } from "../features/AttachedImages";
 import { userSurveySlice } from "../features/UserSurvey/userSurveySlice";
+import { linksApi } from "../services/refact/links";
 import { integrationsSlice } from "../features/Integrations";
 
 const tipOfTheDayPersistConfig = {
@@ -77,6 +78,7 @@ const rootReducer = combineSlices(
     [smallCloudApi.reducerPath]: smallCloudApi.reducer,
     [pathApi.reducerPath]: pathApi.reducer,
     [pingApi.reducerPath]: pingApi.reducer,
+    [linksApi.reducerPath]: linksApi.reducer,
   },
   historySlice,
   errorSlice,
@@ -149,6 +151,7 @@ export function setUpStore(preloadedState?: Partial<RootState>) {
             diffApi.middleware,
             smallCloudApi.middleware,
             pathApi.middleware,
+            linksApi.middleware,
             integrationsApi.middleware,
             dockerApi.middleware,
           )

src/components/ChatContent/ChatContent.stories.tsx

@@ -6,19 +6,29 @@ import { setUpStore } from "../../app/store";
 import { Theme } from "../Theme";
 import { AbortControllerProvider } from "../../contexts/AbortControllers";
 import { MarkdownMessage } from "../../__fixtures__/markdown";
-import { ChatMessages } from "../../events";
+import { ChatMessages, ChatThread } from "../../events";
 import {
   CHAT_FUNCTIONS_MESSAGES,
   CHAT_WITH_DIFF_ACTIONS,
   CHAT_WITH_DIFFS,
   FROG_CHAT,
   LARGE_DIFF,
   CHAT_WITH_MULTI_MODAL,
+  CHAT_CONFIG_THREAD,
+  STUB_LINKS_FOR_CHAT_RESPONSE,
 } from "../../__fixtures__";
+import { http, HttpResponse } from "msw";
+import { CHAT_LINKS_URL } from "../../services/refact/consts";
 
 const MockedStore: React.FC<{
-  messages: ChatMessages;
-}> = ({ messages }) => {
+  messages?: ChatMessages;
+  thread?: ChatThread;
+}> = ({ messages, thread }) => {
+  const threadData = thread ?? {
+    id: "test",
+    model: "test",
+    messages: messages ?? [],
+  };
   const store = setUpStore({
     chat: {
       streaming: false,
@@ -29,11 +39,7 @@ const MockedStore: React.FC<{
       error: null,
       cache: {},
       system_prompt: {},
-      thread: {
-        id: "test",
-        model: "test",
-        messages,
-      },
+      thread: threadData,
     },
   });
 
@@ -119,3 +125,18 @@ export const MultiModal: Story = {
     messages: CHAT_WITH_MULTI_MODAL.messages,
   },
 };
+
+export const IntegrationChat: Story = {
+  args: {
+    thread: CHAT_CONFIG_THREAD.thread,
+  },
+  parameters: {
+    msw: {
+      handlers: [
+        http.post(CHAT_LINKS_URL, () => {
+          return HttpResponse.json(STUB_LINKS_FOR_CHAT_RESPONSE);
+        }),
+      ],
+    },
+  },
+};

src/components/ChatContent/ChatContent.tsx

@@ -30,6 +30,7 @@ import { GroupedDiffs } from "./DiffContent";
 import { ScrollToBottomButton } from "./ScrollToBottomButton";
 import { currentTipOfTheDay } from "../../features/TipOfTheDay";
 import { popBackTo } from "../../features/Pages/pagesSlice";
+import { ChatLinks } from "../ChatLinks";
 
 const TipOfTheDay: React.FC = () => {
   const tip = useAppSelector(currentTipOfTheDay);
@@ -150,22 +151,23 @@ export const ChatContent: React.FC<ChatContentProps> = ({
   };
 
   const handleReturnToConfigurationClick = useCallback(() => {
-    // eslint-disable-next-line no-console
-    console.log(`[DEBUG]: going back to configuration page`);
+    // console.log(`[DEBUG]: going back to configuration page`);
     // TBD: should it be allowed to run in the background?
     onStopStreaming();
     dispatch(
       popBackTo({
         name: "integrations page",
-        projectPath: thread.integration?.path,
+        projectPath: thread.integration?.project,
         integrationName: thread.integration?.name,
+        integrationPath: thread.integration?.path,
       }),
     );
   }, [
+    onStopStreaming,
     dispatch,
+    thread.integration?.project,
     thread.integration?.name,
     thread.integration?.path,
-    onStopStreaming,
   ]);
 
   const handleSaveAndReturn = useCallback(async () => {
@@ -187,6 +189,9 @@ export const ChatContent: React.FC<ChatContentProps> = ({
       <Flex direction="column" className={styles.content} p="2" gap="1">
         {messages.length === 0 && <PlaceHolderText />}
         {renderMessages(messages, onRetryWrapper)}
+
+        <ChatLinks />
+
         <Container py="4">
           <Spinner spinning={isWaiting} />
         </Container>

src/components/ChatLinks/ChatLinks.stories.tsx

@@ -0,0 +1,53 @@
+import { Meta, StoryObj } from "@storybook/react";
+
+import { ChatLinks } from "./ChatLinks";
+import { setUpStore } from "../../app/store";
+import { Provider } from "react-redux";
+import { Theme } from "../Theme";
+import { Container } from "@radix-ui/themes";
+import { http, HttpResponse, type HttpHandler } from "msw";
+import { CHAT_LINKS_URL } from "../../services/refact/consts";
+import {
+  STUB_LINKS_FOR_CHAT_RESPONSE,
+  CHAT_CONFIG_THREAD,
+} from "../../__fixtures__";
+
+const Template = () => {
+  const store = setUpStore({
+    chat: CHAT_CONFIG_THREAD,
+  });
+  return (
+    <Provider store={store}>
+      <Theme>
+        <Container p="4">
+          <ChatLinks />
+        </Container>
+      </Theme>
+    </Provider>
+  );
+};
+
+const meta = {
+  title: "Components/ChatLinks",
+  component: Template,
+  argTypes: {
+    //...
+  },
+  parameters: {
+    msw: {
+      handlers: [
+        http.post(CHAT_LINKS_URL, () => {
+          return HttpResponse.json(STUB_LINKS_FOR_CHAT_RESPONSE);
+        }),
+      ],
+    },
+  },
+} satisfies Meta<
+  typeof Template & { parameters: { msw: { handlers: HttpHandler[] } } }
+>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};