Repository: TabbyML/tabby
File: ee/tabby-ui/app/search/components/search.tsx (TypeScript)

Code before:
                      }}
                      variant="outline"
                      onClick={() => stop()}
                    >
                      <IconStop className="mr-2" />
                      Stop generating
                    </Button>
                  )}
                  {canShare && (
                    <Button
                      className={cn('bg-background', {
                        'opacity-0 pointer-events-none': !canShare,
                        'opacity-100': canShare
                      })}
                      style={{
                        transition: 'opacity 0.55s ease-in-out'
                      }}
                      variant="outline"
                      onClick={onClickShare}
                    >
                      {isShareLinkCopied ? (
                        <IconCheck className="mr-2 text-green-600" />
                      ) : (
                        <IconLink className="mr-2" />
                      )}
                      Share
                    </Button>
                  )}
                </div>
                <div
                  className={cn(
                    'relative z-20 flex justify-center self-stretch px-4'
                  )}
                >
                  <TextAreaSearch
                    onSearch={onSubmitSearch}
                    className="lg:max-w-4xl"
                    placeholder="Ask a follow up question"
                    isLoading={isLoading}
                    isFollowup
                    contextInfo={contextInfoData?.contextInfo}
                    fetchingContextInfo={fetchingContextInfo}
                  />
                </div>
              </div>
            </main>
          </ResizablePanel>
          <ResizableHandle
            className={cn(
              'hidden !h-[4px] border-none bg-background shadow-[0px_-4px_4px_rgba(0,0,0,0.2)] hover:bg-blue-500 active:bg-blue-500 dark:shadow-[0px_-4px_4px_rgba(255,255,255,0.2)]',
              devPanelOpen && 'block'

Review comment (suggestion):
```suggestion
                      Share Link
```

Code after:
                      onClick={() => stop()}
                    >
                      <IconStop className="mr-2" />
                      Stop generating
                    </Button>
                  )}
                  {canShare && (
                    <Button
                      className={cn('bg-background', {
                        'opacity-0 pointer-events-none': !canShare,
                        'opacity-100': canShare
                      })}
                      style={{
                        transition: 'opacity 0.55s ease-in-out'
                      }}
                      variant="outline"
                      onClick={onClickShare}
                    >
                      {isShareLinkCopied ? (
                        <IconCheck className="mr-2 text-green-600" />
                      ) : (
                        <IconShare className="mr-2" />
                      )}
                      Share Link
                    </Button>
                  )}
                </div>
                <div
                  className={cn(
                    'relative z-20 flex justify-center self-stretch px-4'
                  )}
                >
                  <TextAreaSearch
                    onSearch={onSubmitSearch}
                    className="lg:max-w-4xl"
                    placeholder="Ask a follow up question"
                    isLoading={isLoading}
                    isFollowup
                    contextInfo={contextInfoData?.contextInfo}
                    fetchingContextInfo={fetchingContextInfo}
                  />
                </div>
              </div>
            </main>
          </ResizablePanel>
          <ResizableHandle
            className={cn(
              'hidden !h-[4px] border-none bg-background shadow-[0px_-4px_4px_rgba(0,0,0,0.2)] hover:bg-blue-500 active:bg-blue-500 dark:shadow-[0px_-4px_4px_rgba(255,255,255,0.2)]',
              devPanelOpen && 'block'
            )}
          />