ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-10 22:20:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(studio): improve Ask agent UX, add tooltips to tabs and buttons

Browse Source 
- Ask agent button turns green with checkmark on copy
- Add button shows tooltip "Add to composition at current time"
- Ask agent shows tooltip "Copy a prompt to paste into your AI agent"
- Tab tooltips: Code, Comps, Assets, Catalog each explain their purpose
- Search placeholder updated to "Search by name, category, or tag…"
This commit is contained in:
Miguel Ángel
2026-05-21 19:57:22 -04:00
parent 76d2c6af5d
commit 0b0021a310
2 changed files with 45 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/studio/src/components/sidebar/LeftSidebar.tsx
+4
View File
@@ -127,6 +127,7 @@ export const LeftSidebar = memo(
<button
type="button"
onClick={() => selectTab("code")}
title="Source code editor"
className={`rounded-[14px] px-1.5 py-2 text-[10px] font-semibold truncate transition-all ${
tab === "code"
? "bg-neutral-800 text-white"
@@ -138,6 +139,7 @@ export const LeftSidebar = memo(
<button
type="button"
onClick={() => selectTab("compositions")}
title="Composition layers and sub-compositions"
className={`rounded-[14px] px-1.5 py-2 text-[10px] font-semibold truncate transition-all ${
tab === "compositions"
? "bg-neutral-800 text-white"
@@ -149,6 +151,7 @@ export const LeftSidebar = memo(
<button
type="button"
onClick={() => selectTab("assets")}
title="Media assets — videos, images, audio, fonts"
className={`rounded-[14px] px-1.5 py-2 text-[10px] font-semibold truncate transition-all ${
tab === "assets"
? "bg-neutral-800 text-white"
@@ -161,6 +164,7 @@ export const LeftSidebar = memo(
<button
type="button"
onClick={() => selectTab("blocks")}
title="Browse blocks, components, and templates from the registry"
className={`rounded-[14px] px-1.5 py-2 text-[10px] font-semibold truncate transition-all ${
tab === "blocks"
? "bg-neutral-800 text-white"