From 41ae71c419b18e69bf554f8933b54bb7c3fa825d Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 23 Apr 2026 21:01:42 +0000
Subject: [PATCH] feat(ui): vector_store_management/S3VectorsConfig Input to
 shadcn

- antd Input \u2192 shadcn Input (dropped size='large' props, not
  supported on shadcn Input). antd Form/Form.Item/Select kept
  (validateStatus + showSearch + filterOption).

Gates: TS \u2713 | Build \u2713.

Co-authored-by: yuneng-jiang <yuneng-berri@users.noreply.github.com>
---
 .../components/vector_store_management/S3VectorsConfig.tsx  | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/vector_store_management/S3VectorsConfig.tsx b/ui/litellm-dashboard/src/components/vector_store_management/S3VectorsConfig.tsx
index f27ecd89a4b..4318414e58a 100644
--- a/ui/litellm-dashboard/src/components/vector_store_management/S3VectorsConfig.tsx
+++ b/ui/litellm-dashboard/src/components/vector_store_management/S3VectorsConfig.tsx
@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from "react";
-import { Form, Input, Select } from "antd";
+import { Form, Select } from "antd";
+import { Input } from "@/components/ui/input";
 import {
   Tooltip,
   TooltipContent,
@@ -128,7 +129,6 @@ const S3VectorsConfig: React.FC<S3VectorsConfigProps> = ({
           value={providerParams.vector_bucket_name || ""}
           onChange={(e) => handleFieldChange("vector_bucket_name", e.target.value)}
           placeholder="my-vector-bucket (min 3 chars)"
-          size="large"
           className="rounded-md"
         />
       </Form.Item>
@@ -167,7 +167,6 @@ const S3VectorsConfig: React.FC<S3VectorsConfigProps> = ({
           value={providerParams.index_name || ""}
           onChange={(e) => handleFieldChange("index_name", e.target.value)}
           placeholder="my-vector-index (optional, min 3 chars)"
-          size="large"
           className="rounded-md"
         />
       </Form.Item>
@@ -195,7 +194,6 @@ const S3VectorsConfig: React.FC<S3VectorsConfigProps> = ({
           value={providerParams.aws_region_name || ""}
           onChange={(e) => handleFieldChange("aws_region_name", e.target.value)}
           placeholder="us-west-2"
-          size="large"
           className="rounded-md"
         />
       </Form.Item>