Python: Add DevUI to AgentFramework (#781)

* add initial backend service code for devui * add tests * add frontendcode * ui updates * update readme * ui updates and tweaks * update ui bundle * improve ui, add react flow base * add react flow ui, fix background * update ui, fix introspection bug * update readme * update ui build * add support for multimodal input - both backend and frontend * update ui build * refactor as main framework package * backend and tests refactor * ui build update * ui build update and refactor * update pyproject.toml, update uv.lock * update ui build * ui update to fit oai responses types * add backend updat and readme update * mypy and other fixes * add intial dev guide * update ui and fix workflow bug * update ui build, add thread support * type fixes * update workflow view * update uv.lock * fix workflow iport errors * lint and other fixes * mypy fixes * minor update * update ui build * refactor to use oai dependencies directly, update examples to samples, improve typing * readme update * update ui and ui build * fix workflow pyright error * update ui, fix issues with run workflow placement, miniamp menu, etc * make samples integrate serve --------- Co-authored-by: Chris <66376200+crickman@users.noreply.github.com> Co-authored-by: Eric Zhu <ekzhu@users.noreply.github.com>
2026-06-16 21:04:09 +08:00 · 2025-09-22 16:30:08 -07:00
parent adb6dcd2af
commit 1ef24d3e91
98 changed files with 18045 additions and 4 deletions
@@ -0,0 +1,48 @@
+/**
+ * AppHeader - Global application header
+ * Features: Entity selection, global settings, theme toggle
+ */
+
+import { Button } from "@/components/ui/button";
+import { EntitySelector } from "@/components/shared/entity-selector";
+import { ModeToggle } from "@/components/mode-toggle";
+import { Settings } from "lucide-react";
+import type { AgentInfo, WorkflowInfo } from "@/types";
+
+interface AppHeaderProps {
+  agents: AgentInfo[];
+  workflows: WorkflowInfo[];
+  selectedItem?: AgentInfo | WorkflowInfo;
+  onSelect: (item: AgentInfo | WorkflowInfo) => void;
+  isLoading?: boolean;
+  onSettingsClick?: () => void;
+}
+
+export function AppHeader({
+  agents,
+  workflows,
+  selectedItem,
+  onSelect,
+  isLoading = false,
+  onSettingsClick,
+}: AppHeaderProps) {
+  return (
+    <header className="flex h-14 items-center gap-4 border-b px-4">
+      <div className="font-semibold">Dev UI</div>
+      <EntitySelector
+        agents={agents}
+        workflows={workflows}
+        selectedItem={selectedItem}
+        onSelect={onSelect}
+        isLoading={isLoading}
+      />
+
+      <div className="flex items-center gap-2 ml-auto">
+        <ModeToggle />
+        <Button variant="ghost" size="sm" onClick={onSettingsClick}>
+          <Settings className="h-4 w-4" />
+        </Button>
+      </div>
+    </header>
+  );
+}