apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-05-19 18:35:18 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make copilot button bigger and expand copilot by default

Browse source
This commit is contained in:
akhisud3195 2025-04-14 11:53:52 +05:30
parent c3181100e9
commit 903ed7ced4
2 changed files with 25 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

20
apps/rowboat/app/projects/[projectId]/workflow/workflow_editor.tsx
View file

@ -601,7 +601,7 @@ export function WorkflowEditor({
const saving = useRef(false); const saving = useRef(false);
const isLive = state.present.workflow._id == state.present.publishedWorkflowId; const isLive = state.present.workflow._id == state.present.publishedWorkflowId;
const [showCopySuccess, setShowCopySuccess] = useState(false); const [showCopySuccess, setShowCopySuccess] = useState(false);
const [showCopilot, setShowCopilot] = useState(false); const [showCopilot, setShowCopilot] = useState(true);
const [copilotWidth, setCopilotWidth] = useState<number>(PANEL_RATIOS.copilot); const [copilotWidth, setCopilotWidth] = useState<number>(PANEL_RATIOS.copilot);
const [isMcpImportModalOpen, setIsMcpImportModalOpen] = useState(false); const [isMcpImportModalOpen, setIsMcpImportModalOpen] = useState(false);
@ -756,7 +756,7 @@ export function WorkflowEditor({
}, [state.present.workflow, state.present.pendingChanges, processQueue, state]); }, [state.present.workflow, state.present.pendingChanges, processQueue, state]);
return <div className="flex flex-col h-full relative"> return <div className="flex flex-col h-full relative">
<div className="shrink-0 flex justify-between items-center pb-2"> <div className="shrink-0 flex justify-between items-center pb-6">
<div className="workflow-version-selector flex items-center gap-1 px-2 text-gray-800 dark:text-gray-100"> <div className="workflow-version-selector flex items-center gap-1 px-2 text-gray-800 dark:text-gray-100">
<WorkflowIcon size={16} /> <WorkflowIcon size={16} />
<EditableField <EditableField
@ -877,13 +877,17 @@ export function WorkflowEditor({
> >
<RedoIcon size={16} /> <RedoIcon size={16} />
</button> </button>
<button <Button
className="p-1 text-blue-600 hover:text-blue-800 hover:cursor-pointer" variant="solid"
title="Toggle Copilot" size="lg"
onClick={() => setShowCopilot(!showCopilot)} onPress={() => setShowCopilot(!showCopilot)}
className="gap-2 px-6 bg-indigo-600 hover:bg-indigo-700 text-white relative overflow-hidden animate-pulse-subtle
before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent
before:translate-x-[-200%] before:animate-shine before:duration-1000 font-semibold text-base"
startContent={<Sparkles size={20} />}
> >
<Sparkles size={16} /> Copilot
</button> </Button>
</>} </>}
</div> </div>
</div> </div>

13
apps/rowboat/tailwind.config.ts
View file

@ -12,6 +12,19 @@ const config: Config = {
], ],
theme: { theme: {
extend: { extend: {
keyframes: {
shine: {
'100%': { transform: 'translateX(200%)' }
},
'pulse-subtle': {
'0%, 100%': { opacity: '1' },
'50%': { opacity: '0.85' }
}
},
animation: {
shine: 'shine 2s infinite',
'pulse-subtle': 'pulse-subtle 2s infinite'
},
backgroundImage: { backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))' 'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))'