refactor: user routes to comply with OpenAPI spec using flask-restx

frontend/src/components/Dropdown.tsx

@@ -82,12 +82,12 @@ function Dropdown({
         }`}
       >
         {typeof selectedValue === 'string' ? (
-          <span className="overflow-hidden text-ellipsis dark:text-bright-gray">
+          <span className="truncate dark:text-bright-gray">
             {selectedValue}
           </span>
         ) : (
           <span
-            className={`truncate overflow-hidden dark:text-bright-gray ${
+            className={`truncate dark:text-bright-gray ${
               !selectedValue && 'text-silver dark:text-gray-400'
             } ${contentSize}`}
           >

frontend/src/modals/CreateAPIKeyModal.tsx

@@ -97,14 +97,13 @@ export default function CreateAPIKeyModal({
         <div className="my-4">
           <Dropdown
             placeholder={t('modals.createAPIKey.sourceDoc')}
-            selectedValue={sourcePath}
+            selectedValue={sourcePath ? sourcePath.name : null}
             onSelect={(selection: {
               name: string;
               id: string;
               type: string;
             }) => {
               setSourcePath(selection);
-              console.log(selection);
             }}
             options={extractDocPaths()}
             size="w-full"

frontend/src/settings/Analytics.tsx

@@ -181,8 +181,8 @@ export default function Analytics() {
             border="border"
           />
         </div>
-        <div className="mt-8 w-full flex flex-col sm:flex-row gap-3">
-          <div className="h-[345px] sm:w-1/2 w-full px-6 py-5 border rounded-2xl border-silver dark:border-silver/40">
+        <div className="mt-8 w-full flex flex-col [@media(min-width:1080px)]:flex-row gap-3">
+          <div className="h-[345px] [@media(min-width:1080px)]:w-1/2 w-full px-6 py-5 border rounded-2xl border-silver dark:border-silver/40">
             <div className="flex flex-row items-center justify-start gap-3">
               <p className="font-bold text-jet dark:text-bright-gray">
                 Messages
@@ -227,7 +227,7 @@ export default function Analytics() {
               />
             </div>
           </div>
-          <div className="h-[345px] sm:w-1/2 w-full px-6 py-5 border rounded-2xl border-silver dark:border-silver/40">
+          <div className="h-[345px] [@media(min-width:1080px)]:w-1/2 w-full px-6 py-5 border rounded-2xl border-silver dark:border-silver/40">
             <div className="flex flex-row items-center justify-start gap-3">
               <p className="font-bold text-jet dark:text-bright-gray">
                 Token Usage