Edit edit/delete modals

Author: raunakab

web/src/app/admin/assistants/AssistantEditor.tsx

@@ -96,6 +96,7 @@ import TextView from "@/components/chat/TextView";
 import { MinimalOnyxDocument } from "@/lib/search/interfaces";
 import { MAX_CHARACTERS_PERSONA_DESCRIPTION } from "@/lib/constants";
 import { FormErrorFocus } from "@/components/FormErrorHelpers";
+import { useAgentsContext } from "@/components-2/context/AgentsContext";
 
 function findSearchTool(tools: ToolSnapshot[]) {
   return tools.find((tool) => tool.in_code_tool_id === SEARCH_TOOL_ID);
@@ -122,6 +123,17 @@ function SubLabel({ children }: { children: string | JSX.Element }) {
   );
 }
 
+interface AssistantEditorProps {
+  existingPersona?: FullPersona | null;
+  ccPairs: CCPairBasicInfo[];
+  documentSets: DocumentSetSummary[];
+  user: User | null;
+  defaultPublic: boolean;
+  llmProviders: LLMProviderView[];
+  tools: ToolSnapshot[];
+  shouldAddAssistantToUserPreferences?: boolean;
+}
+
 export function AssistantEditor({
   existingPersona,
   ccPairs,
@@ -131,17 +143,9 @@ export function AssistantEditor({
   llmProviders,
   tools,
   shouldAddAssistantToUserPreferences,
-}: {
-  existingPersona?: FullPersona | null;
-  ccPairs: CCPairBasicInfo[];
-  documentSets: DocumentSetSummary[];
-  user: User | null;
-  defaultPublic: boolean;
-  llmProviders: LLMProviderView[];
-  tools: ToolSnapshot[];
-  shouldAddAssistantToUserPreferences?: boolean;
-}) {
-  const { refreshAssistants } = useAssistantsContext();
+}: AssistantEditorProps) {
+  // const { refreshAssistants } = useAssistantsContext();
+  const { refreshAgents } = useAgentsContext();
 
   const router = useRouter();
   const searchParams = useSearchParams();
@@ -452,7 +456,7 @@ export function AssistantEditor({
     if (existingPersona) {
       const response = await deletePersona(existingPersona.id);
       if (response.ok) {
-        await refreshAssistants();
+        await refreshAgents();
         router.push(
           isAdminPage ? `/admin/assistants?u=${Date.now()}` : `/chat`
         );
@@ -703,7 +707,7 @@ export function AssistantEditor({
                   message: `"${assistant.name}" has been added to your list.`,
                   type: "success",
                 });
-                await refreshAssistants();
+                await refreshAgents();
               } else {
                 setPopup({
                   message: `"${assistant.name}" could not be added to your list.`,
@@ -712,7 +716,7 @@ export function AssistantEditor({
               }
             }
 
-            await refreshAssistants();
+            await refreshAgents();
             await refreshFolders();
 
             router.push(
@@ -787,7 +791,7 @@ export function AssistantEditor({
                       Edit assistant <b>{existingPersona.name}</b>
                     </>
                   ) : (
-                    "Create an Assistant"
+                    "Create an Agent"
                   )}
                 </p>
                 <div className="max-w-4xl w-full">

web/src/components-2/Button.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import React from "react";
+import Text from "@/components-2/Text";
+
+const variantClasses = {
+  secondary: "bg-background-tint-01 hover:bg-background-tint-02",
+  danger: "bg-action-danger-05 hover:bg-action-danger-04",
+} as const;
+
+interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+  secondary?: boolean;
+  danger?: boolean;
+}
+
+export default function Button({
+  children,
+  className,
+  secondary,
+  danger,
+  ...props
+}: ButtonProps) {
+  const variant = danger ? "danger" : secondary ? "secondary" : "secondary";
+
+  return (
+    <button
+      className={`p-spacing-interline rounded-08 border ${variantClasses[variant]} ${className}`}
+      {...props}
+    >
+      {typeof children === "string" ? <Text>{children}</Text> : children}
+    </button>
+  );
+}

web/src/components-2/modals/Modal.tsx

@@ -52,7 +52,7 @@ export default function Modal({
         <div className="border-b" />
 
         {/* Content area */}
-        <div className="flex-1 p-padding-block-end overflow-scroll">
+        <div className="flex-1 m-padding-block-end overflow-scroll">
           {children}
         </div>
       </div>

web/src/icons/bar-chart.tsx

@@ -9,7 +9,6 @@ const SvgBarChart = (props: SVGProps<SVGSVGElement>) => (
   >
     <path
       d="M12 13.3333V6.66666M8 13.3333V2.66666M4 13.3333V9.33332"
-      strokeOpacity={0.8}
       strokeWidth={1.5}
       strokeLinecap="round"
       strokeLinejoin="round"