![](\"/assets/huf/Images/Huf.jpg\")
\n Huf UI
\n\n", 6 | "modified": "2025-12-03 18:37:34.945328", 7 | "name": "Huf", 8 | "private": 0, 9 | "roles": [], 10 | "script": null, 11 | "style": ".huflogo {\n height: 37px;\n}" 12 | } 13 | ] -------------------------------------------------------------------------------- /frontend/src/components/IntegrationsHeaderActions.tsx: -------------------------------------------------------------------------------- 1 | import { Plus } from 'lucide-react'; 2 | import { Button } from './ui/button'; 3 | import { useIntegrations } from '../contexts/IntegrationsContext'; 4 | 5 | export function IntegrationsHeaderActions() { 6 | const { onAddProvider } = useIntegrations(); 7 | 8 | return ( 9 | 13 | ); 14 | } 15 | -------------------------------------------------------------------------------- /huf/huf/doctype/agent/agent_dashboard.py: -------------------------------------------------------------------------------- 1 | from frappe import _ 2 | 3 | def get_data(): 4 | return { 5 | 'fieldname': 'agent', 6 | 7 | 'transactions': [ 8 | { 9 | 'label': _('Execution'), 10 | 'items': ['Agent Run','Agent Trigger'] 11 | }, 12 | { 13 | 'label': _('Context'), 14 | 'items': ['Agent Conversation', 'Agent Message'] 15 | }, 16 | ] 17 | } 18 | -------------------------------------------------------------------------------- /frontend/src/components/ai-elements/panel.tsx: -------------------------------------------------------------------------------- 1 | import { cn } from "@/lib/utils"; 2 | import { Panel as PanelPrimitive } from "@xyflow/react"; 3 | import type { ComponentProps } from "react"; 4 | 5 | type PanelProps = ComponentProps
6 |
16 | );
17 | }
18 |
19 |
--------------------------------------------------------------------------------
/frontend/src/components/agent/types.ts:
--------------------------------------------------------------------------------
1 | import * as z from 'zod';
2 |
3 | export const agentFormSchema = z.object({
4 | agent_name: z.string().min(1, 'Agent name is required'),
5 | provider: z.string().min(1, 'Provider is required'),
6 | model: z.string().min(1, 'Model is required'),
7 | temperature: z.number().min(0).max(2),
8 | top_p: z.number().min(0).max(1),
9 | disabled: z.boolean(),
10 | allow_chat: z.boolean(),
11 | persist_conversation: z.boolean(),
12 | persist_user_history: z.boolean(),
13 | enable_multi_run: z.boolean(),
14 | description: z.string().optional(),
15 | instructions: z.string(),
16 | });
17 |
18 | export type AgentFormValues = z.infer
7 |
15 |
9 |
14 | Authenticating
10 |11 | Please wait while we verify your session 12 |
13 |
20 | {title && {title} }
21 | {description && (
22 | {description}
23 | )}
24 |
25 | {action}
26 |
15 |
17 |
18 | HufAI
19 | AI Platform
20 |
21 |
21 | {(title || description || actions) && (
22 |
36 | );
37 | }
38 |
--------------------------------------------------------------------------------
/frontend/src/components/dashboard/layouts/PageLayout.tsx:
--------------------------------------------------------------------------------
1 | import { ReactNode, RefObject } from 'react';
2 | import { cn } from '@/lib/utils';
3 |
4 | interface PageLayoutProps {
5 | subtitle?: string;
6 | filters?: ReactNode;
7 | toolbar?: ReactNode;
8 | children: ReactNode;
9 | className?: string;
10 | scrollRef?: RefObject
23 |
33 | )}
34 |
24 | {title && (
25 |
31 | {actions && {title}
26 | )} 27 | {description && ( 28 |{description}
29 | )} 30 |{actions}
}
32 | {children}
35 |
23 |
38 | );
39 | }
40 |
--------------------------------------------------------------------------------
/frontend/src/pages/AgentFormPageWrapper.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from 'react';
2 | import { useParams } from 'react-router-dom';
3 | import { UnifiedLayout } from '../layouts/UnifiedLayout';
4 | import { AgentFormPage } from './AgentFormPage';
5 | import { getAgent } from '../services/agentApi';
6 |
7 | export function AgentFormPageWrapper() {
8 | const { id } = useParams<{ id: string }>();
9 | const [agentName, setAgentName] = useState
24 | {(subtitle || toolbar) && (
25 |
37 |
26 | {subtitle && (
27 |
31 | )}
32 |
33 | {filters && {subtitle}
28 | )} 29 | {toolbar &&{toolbar}
}
30 | {filters}
}
34 |
35 | {children}
36 |
7 |
31 | );
32 | }
33 |
--------------------------------------------------------------------------------
/frontend/src/components/ui/checkbox.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
3 | import { CheckIcon } from '@radix-ui/react-icons';
4 |
5 | import { cn } from '@/lib/utils';
6 |
7 | const Checkbox = React.forwardRef<
8 | React.ElementRef
8 | Uncategorized
9 | /
10 | Untitled
11 |
12 |
13 |
14 |
18 |
22 |
25 |
29 |
30 |
8 |
31 | );
32 | }
33 |
--------------------------------------------------------------------------------
/frontend/src/pages/FlowCanvasPageWrapper.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useMemo } from 'react';
2 | import { useParams } from 'react-router-dom';
3 | import { FlowCanvasPage } from './FlowCanvasPage';
4 | import { UnifiedLayout, BreadcrumbItem } from '../layouts/UnifiedLayout';
5 | import { FlowsHeaderActions } from '../components/FlowsHeaderActions';
6 | import { FlowsSidebarContent } from '../components/FlowsSidebarContent';
7 | import { useFlowContext } from '../contexts/FlowContext';
8 |
9 | export function FlowCanvasPageWrapper() {
10 | const { flowId } = useParams<{ flowId: string }>();
11 | const { activeFlow, setActiveFlow } = useFlowContext();
12 |
13 | useEffect(() => {
14 | if (flowId) {
15 | setActiveFlow(flowId);
16 | }
17 | }, [flowId, setActiveFlow]);
18 |
19 | const breadcrumbs: BreadcrumbItem[] = useMemo(() => {
20 | return [
21 | { label: 'Flows', href: '/flows' },
22 | { label: activeFlow?.name || 'Loading...' },
23 | ];
24 | }, [activeFlow]);
25 |
26 | return (
27 |
9 |
16 |
17 | Coming Soon
21 |
22 | Data management features will be available here
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
10 |
14 |
15 | 11 | Manage your data sources and schemas 12 |
13 |
18 |
20 |
21 |
22 |
32 | {showLine && (
33 |
34 | )}
35 |
36 | );
37 | }
38 |
--------------------------------------------------------------------------------
/frontend/src/components/chat/CopyButton.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 | import { Button } from "../ui/button";
3 | import { Check, Copy } from "lucide-react";
4 | import { toast } from "sonner";
5 |
6 | export function CopyButton({ content}: { content: string}) {
7 | const [copied, setCopied] = useState(false);
8 |
9 | useEffect(() => {
10 | if (!copied) {
11 | return;
12 | }
13 | const timer = setTimeout(() => setCopied(false), 4000);
14 | return () => clearTimeout(timer);
15 | }, [copied]);
16 |
17 | const handleCopy = async () => {
18 | if (!content) {
19 | return;
20 | }
21 |
22 | try {
23 | if (!navigator?.clipboard) {
24 | throw new Error('Clipboard API not available');
25 | }
26 | await navigator.clipboard.writeText(content);
27 | setCopied(true);
28 | toast.success('Response copied');
29 | } catch (error) {
30 | console.error(error);
31 | toast.error('Unable to copy response');
32 | }
33 | };
34 | return (
35 |
45 | )
46 | }
--------------------------------------------------------------------------------
/frontend/src/pages/NotFoundPage.tsx:
--------------------------------------------------------------------------------
1 | import { useNavigate } from 'react-router-dom';
2 | import { Button } from '../components/ui/button';
3 | import { Home, AlertCircle } from 'lucide-react';
4 |
5 | export function NotFoundPage() {
6 | const navigate = useNavigate();
7 |
8 | return (
9 |
23 |
31 |
24 | {icon}
25 |
26 |
27 |
30 | {title}
28 | {subtitle && {subtitle}
}
29 |
10 |
36 | );
37 | }
38 |
--------------------------------------------------------------------------------
/frontend/src/components/nodes/EndNode.tsx:
--------------------------------------------------------------------------------
1 | import { memo } from 'react';
2 | import { Handle, Position, NodeProps } from 'reactflow';
3 | import { CheckCircle2 } from 'lucide-react';
4 | import { FlowNodeData } from '../../types/flow.types';
5 | import { Card } from '../ui/card';
6 |
7 | export const EndNode = memo(({ data, selected }: NodeProps
11 |
35 |
12 |
16 |
17 |
13 |
15 |
18 |
24 |
25 | 404
19 |Page Not Found
20 |21 | The page you're looking for doesn't exist or has been moved. 22 |
23 |
26 |
29 |
33 |
34 |
10 |
20 |
32 |
33 | );
34 | });
35 |
36 | EndNode.displayName = 'EndNode';
37 |
--------------------------------------------------------------------------------
/frontend/src/components/ui/popover.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as PopoverPrimitive from '@radix-ui/react-popover';
3 |
4 | import { cn } from '@/lib/utils';
5 |
6 | const Popover = PopoverPrimitive.Root;
7 |
8 | const PopoverTrigger = PopoverPrimitive.Trigger;
9 |
10 | const PopoverAnchor = PopoverPrimitive.Anchor;
11 |
12 | const PopoverContent = React.forwardRef<
13 | React.ElementRef
21 |
31 |
22 |
24 |
25 |
30 | {data.label}
26 | {data.description && (
27 | {data.description}
28 | )}
29 |
20 | {children}
21 |
22 |
24 |
28 | );
29 | }
30 |
31 | return (
32 |
25 |
27 | Loading flow...
26 |
33 |
43 | );
44 | }
45 |
--------------------------------------------------------------------------------
/frontend/src/components/ui/avatar.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as AvatarPrimitive from '@radix-ui/react-avatar';
3 |
4 | import { cn } from '@/lib/utils';
5 |
6 | const Avatar = React.forwardRef<
7 | React.ElementRef
34 | {}}
38 | onToggleRightSidebar={() => setShowRightSidebar(!showRightSidebar)}
39 | />
40 | {showRightSidebar && setShowRightSidebar(false)} />}
41 |
42 |
33 |
37 |
49 | {description}
50 | {Icon &&
52 | )}
53 | {trend && (
54 | {trend.value}
55 | )}
56 |
57 | )}
58 |
25 | {children}
26 |
28 | );
29 |
30 | export type CheckpointIconProps = LucideProps;
31 |
32 | export const CheckpointIcon = ({
33 | className,
34 | children,
35 | ...props
36 | }: CheckpointIconProps) =>
37 | children ?? (
38 |
37 |
39 | )}
40 |
27 | {alerts.map((alert) => (
28 |
42 |
32 | {alert.type === 'error' &&
40 | ))}
41 |
36 |
39 | {alert.message}
37 | {alert.timestamp}
38 |
33 | {activeFlows.map((flow) => (
34 |
48 |
38 | Active
45 |
46 | ))}
47 |
39 |
44 | {flow.name}
40 |
41 | {flow.runs} runs • Last run {flow.last_run}
42 |
43 | Used {count} sources
38 |{children}
51 |
42 | {onSelect && (
43 |
69 | );
70 | }
71 |
72 |
--------------------------------------------------------------------------------
/frontend/src/hooks/dashboard/usePageData.ts:
--------------------------------------------------------------------------------
1 | import { useState, useEffect, useMemo, useRef } from 'react';
2 |
3 | interface UsePageDataOptions e.stopPropagation()}>
44 | onSelect(tool)}
47 | />
48 |
49 | )}
50 |
51 |
68 |
52 |
55 | {toolTypeDisplayName}
56 |
57 | )}
58 |
59 | {tool.description && (
60 | {tool.tool_name || tool.name}
53 | {toolTypeDisplayName && ( 54 |64 | {tool.description} 65 |
66 | )} 67 |
48 | {char}
49 | {hasFakeCaret && (
50 |
55 | );
56 | });
57 | InputOTPSlot.displayName = 'InputOTPSlot';
58 |
59 | const InputOTPSeparator = React.forwardRef<
60 | React.ElementRef<'div'>,
61 | React.ComponentPropsWithoutRef<'div'>
62 | >(({ ...props }, ref) => (
63 |
51 |
52 |
53 | )}
54 |
64 |
66 | ));
67 | InputOTPSeparator.displayName = 'InputOTPSeparator';
68 |
69 | export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
70 |
--------------------------------------------------------------------------------