Unable to hide OOB 'New Chat' button

[RiyazPrynAI]

we wanted to remove OOB new chat button and just keep custom button,

Issue:

At the moment we have two new-chat buttons

OOB Button
Custom New Chat button

Initial idea was to have feature like

• chat history,
• search chat history ,
• load each chat from chat history to see old conversations
• delete chat ,
• Rename chat ,
• Auto name chat name while doing conversations ,
• Left side bar toogle , closed by default ,
• User’s threads sorted newest‑first , Selecting a thread uses /open/t/ which sets a cookie before Chainlit loads; the Chainlit app reads that cookie and runs on that thread id.

hence full end-end customization performed

since we have all the features with customization now we wanted to remove Out of the box new chat button, for that we have implemented code

[data-testid="new-chat-button"],
button[aria-label="New Chat"] {
    display: none !important;
}

but still we can see OOB New-Chat button visible in the .

Need to understand if this not possible to hide or remove . if it is not possible to remove or hide then how can we switch all the left side bar customization embed with OOB New-Chat button by just removing customized new-chat button and keep remaining all the features available left side bar.