apunkt/dograh
1
0
Fork 0
mirror of https://github.com/dograh-hq/dograh.git synced 2026-07-01 08:59:46 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat: Update Dograh's UI Design (#67)

Browse source 
* feat: create app sidebar and update layout

* fix: fix loading errors

* fix: fix stack auth hydration issue

* fix: fix design for create-workflow

* fix: fix service configuration page design

* Add header for workflow detail

* feat: fix workflow editor design

* Fix css classes

* Fix callback status parsing for Vobiz

* Fix filter and remove gender service
This commit is contained in:
Abhishek 2025-11-29 15:39:57 +05:30 • committed by GitHub
parent 8342cd1dda
commit a7f2238044
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
90 changed files with 4398 additions and 2312 deletions
Download patch file Download diff file Expand all files Collapse all files

4
ui/src/components/workflow/CreateWorkflowButton.tsx
View file

@ -8,7 +8,7 @@ import { Button } from "@/components/ui/button";
export function CreateWorkflowButton() {
const router = useRouter();
const handleClick = () => {
router.push('/create-workflow');
router.push('/workflow/create');
};
return (
@ -16,7 +16,7 @@ export function CreateWorkflowButton() {
onClick={handleClick}
>
<PlusIcon className="w-4 h-4" />
Create Workflow
Create Agent
</Button>
);
}

4
ui/src/components/workflow/UploadWorkflowButton.tsx
View file

@ -90,13 +90,13 @@ export function UploadWorkflowButton() {
variant="outline"
>
<Upload className="w-4 h-4 mr-2" />
Upload Workflow
Upload Agent Definition
</Button>
<Dialog open={isOpen} onOpenChange={setIsOpen}>
<DialogContent className="sm:max-w-md">
<DialogHeader>
<DialogTitle>Upload Workflow</DialogTitle>
<DialogTitle>Upload Agent Definition</DialogTitle>
</DialogHeader>
<div
className={`mt-4 border-2 border-dashed rounded-lg p-8 text-center ${isDragging ? 'border-primary bg-primary/5' : 'border-gray-300'

10
ui/src/components/workflow/WorkflowTable.tsx
View file

@ -79,11 +79,11 @@ export function WorkflowTable({ workflows, showArchived }: WorkflowTableProps) {
};
return (
<div className="bg-white border rounded-lg overflow-hidden shadow-sm">
<div className="bg-card border rounded-lg overflow-hidden shadow-sm">
<Table>
<TableHeader>
<TableRow className="bg-gray-50">
<TableHead className="font-semibold">Workflow Name</TableHead>
<TableRow>
<TableHead className="font-semibold">Agent Name</TableHead>
<TableHead className="font-semibold">Created At</TableHead>
<TableHead className="font-semibold text-center">Total Runs</TableHead>
<TableHead className="font-semibold text-right">Actions</TableHead>
@ -93,7 +93,7 @@ export function WorkflowTable({ workflows, showArchived }: WorkflowTableProps) {
{workflows.map((workflow) => (
<TableRow
key={workflow.id}
className={`hover:bg-gray-50 transition-colors ${showArchived ? 'opacity-60' : ''}`}
className={`hover:bg-accent transition-colors ${showArchived ? 'opacity-60' : ''}`}
>
<TableCell className="font-medium">
{workflow.name}
@ -106,7 +106,7 @@ export function WorkflowTable({ workflows, showArchived }: WorkflowTableProps) {
})}
</TableCell>
<TableCell className="text-center">
<span className="inline-flex items-center justify-center min-w-[2rem] px-2 py-1 text-sm font-semibold bg-gray-100 rounded-full">
<span className="inline-flex items-center justify-center min-w-[2rem] px-2 py-1 text-sm font-semibold bg-muted rounded-full">
{workflow.total_runs || 0}
</span>
</TableCell>