AI update

components/chat-panel.tsx

@@ -25,7 +25,6 @@ export function ChatPanel({ messages }: ChatPanelProps) {
   const router = useRouter()
 
   const searchParam = useSearchParams()
-  const isIframe = searchParam.get('isIframe') === "true"
 
   const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault()
@@ -74,84 +73,6 @@ export function ChatPanel({ messages }: ChatPanelProps) {
     )
   }
   return (
-    isIframe  ?
-      <div
-        className={
-          'fixed bottom-0 left-0 right-0 w-full max-h-screen flex mx-auto flex-col items-center justify-end py-10'
-        }
-      >
-        <form onSubmit={handleSubmit} className="max-w-2xl w-full px-6">
-          <EmptyScreen
-            submitMessage={message => {
-              setInput(message)
-            }}
-            className={cn(showEmptyScreen ? 'visible' : 'invisible')}
-          />
-          <div className="relative flex items-center w-full">
-            <Textarea
-              ref={inputRef}
-              name="input"
-              rows={1}
-              maxRows={5}
-              tabIndex={0}
-              placeholder="Ask a question..."
-              spellCheck={false}
-              value={input}
-              className="resize-none w-full min-h-12 rounded-fill bg-muted border border-input pl-4 pr-10 pt-3 pb-1 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50'"
-              onChange={e => {
-                setInput(e.target.value)
-                setShowEmptyScreen(e.target.value.length === 0)
-              }}
-              onKeyDown={e => {
-                // Enter should submit the form
-                if (
-                  e.key === 'Enter' &&
-                  !e.shiftKey &&
-                  !e.nativeEvent.isComposing
-                ) {
-                  // Prevent the default action to avoid adding a new line
-                  if (input.trim().length === 0) {
-                    e.preventDefault()
-                    return
-                  }
-                  e.preventDefault()
-                  const textarea = e.target as HTMLTextAreaElement
-                  textarea.form?.requestSubmit()
-                }
-              }}
-              onHeightChange={height => {
-                // Ensure inputRef.current is defined
-                if (!inputRef.current) return
-
-                // The initial height and left padding is 70px and 2rem
-                const initialHeight = 70
-                // The initial border radius is 32px
-                const initialBorder = 32
-                // The height is incremented by multiples of 20px
-                const multiple = (height - initialHeight) / 20
-
-                // Decrease the border radius by 4px for each 20px height increase
-                const newBorder = initialBorder - 4 * multiple
-                // The lowest border radius will be 8px
-                inputRef.current.style.borderRadius =
-                  Math.max(8, newBorder) + 'px'
-              }}
-              onFocus={() => setShowEmptyScreen(true)}
-              onBlur={() => setShowEmptyScreen(false)}
-            />
-            <Button
-              type="submit"
-              size={'icon'}
-              variant={'ghost'}
-              className="absolute right-2 top-1/2 transform -translate-y-1/2"
-              disabled={input.length === 0}
-            >
-              <ArrowRight size={20} />
-            </Button>
-          </div>
-
-        </form>
-      </div> :
       <div
         className={
           'fixed bottom-8 left-0 right-0 top-10 mx-auto h-screen flex flex-col items-center justify-center'