mirror of
https://github.com/katanemo/plano.git
synced 2026-05-09 15:52:44 +02:00
c0748718f1
* first commit of the chatGPT selector * stashing changes as checkpoint * pending changes for chrome extension * commiting a working version * converting conversation into messages object * working version of the extension * working version with fixed styling and better tested * fixed the issue that the drop down was too small, and fixed the issue where the route was not displayed on the screen * updating folder with README.md * fixes for default model, and to update the manifest.json file * made changes to the dark mode. improved styles * fix installation bug * added dark mode * fixed default model selection * fixed the scrolling issue * Update README.md * updated content.js to update the labels even when default model * fixed readme * upddated the title of the packag * removing the unnecessary permissions --------- Co-authored-by: Salman Paracha <salmanparacha@MacBook-Pro-329.local> Co-authored-by: cotran <cotran2@utexas.edu> Co-authored-by: Shuguang Chen <54548843+nehcgs@users.noreply.github.com>
28 lines
1 KiB
JavaScript
28 lines
1 KiB
JavaScript
import React from 'react';
|
|
import PreferenceBasedModelSelector from './components/PreferenceBasedModelSelector';
|
|
|
|
export default function App() {
|
|
return (
|
|
<div className="bg-gray-100 dark:bg-gray-900 min-h-screen flex items-center justify-center p-4">
|
|
<div className="w-full max-w-6xl">
|
|
<div className="text-center mb-8">
|
|
<div className="flex justify-center items-center gap-3 -ml-12">
|
|
<img src="/logo.png" alt="RouteGPT Logo" className="w-10 h-10" />
|
|
<h1 className="text-3xl font-bold text-gray-800 dark:text-gray-100">RouteGPT</h1>
|
|
</div>
|
|
<p className="text-gray-600 dark:text-gray-300 mt-2">
|
|
Dynamically route to GPT models based on usage preferences.
|
|
</p>
|
|
<a
|
|
target="_blank"
|
|
href="https://github.com/katanemo/archgw"
|
|
className="text-blue-500 dark:text-blue-400 hover:underline"
|
|
>
|
|
powered by Arch Router
|
|
</a>
|
|
</div>
|
|
<PreferenceBasedModelSelector />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|