feat(orama): use new UI components

apps/site/components/Common/Searchbox/Chat/ChatActions/index.module.css

@@ -0,0 +1,36 @@
+.chatActionsContainer {
+  @apply flex;
+  @apply items-center;
+  @apply justify-end;
+  @apply pt-2;
+}
+
+.chatActionsList {
+  @apply flex;
+  @apply list-none;
+  @apply items-center;
+  @apply gap-2;
+  @apply p-0;
+}
+
+.chatAction {
+  @apply cursor-pointer;
+  @apply rounded-full;
+  @apply p-2;
+  @apply text-neutral-800;
+  @apply transition-colors;
+  @apply duration-300;
+  @apply hover:bg-neutral-300;
+  @apply dark:text-neutral-400;
+  @apply dark:hover:bg-neutral-900;
+
+  svg {
+    @apply h-4;
+    @apply w-4;
+  }
+}
+
+.chatActionIconSelected {
+  @apply text-green-600;
+  @apply dark:text-green-400;
+}

apps/site/components/Common/Searchbox/Chat/ChatActions/index.tsx

@@ -0,0 +1,57 @@
+'use client';
+
+import {
+  DocumentCheckIcon,
+  ClipboardIcon,
+  ArrowPathIcon,
+} from '@heroicons/react/24/solid';
+import type { Interaction } from '@orama/core';
+import { ChatInteractions } from '@orama/ui/components';
+import type { FC } from 'react';
+
+import styles from './index.module.css';
+
+type ChatActionsProps = {
+  interaction: Interaction;
+  index: number;
+  totalInteractions: number;
+};
+
+export const ChatActions: FC<ChatActionsProps> = ({
+  interaction,
+  index,
+  totalInteractions,
+}) => {
+  if (!interaction.response) return null;
+
+  return (
+    <div className={styles.chatActionsContainer}>
+      <ul className={styles.chatActionsList}>
+        {index === totalInteractions - 1 && (
+          <li>
+            <ChatInteractions.RegenerateLatest
+              className={styles.chatAction}
+              interaction={interaction}
+            >
+              <ArrowPathIcon />
+            </ChatInteractions.RegenerateLatest>
+          </li>
+        )}
+        <li>
+          <ChatInteractions.CopyMessage
+            className={styles.chatAction}
+            interaction={interaction}
+          >
+            {(copied: boolean) =>
+              copied ? (
+                <DocumentCheckIcon className={styles.chatActionIconSelected} />
+              ) : (
+                <ClipboardIcon />
+              )
+            }
+          </ChatInteractions.CopyMessage>
+        </li>
+      </ul>
+    </div>
+  );
+};