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,84 @@
+import React from "react";
+import { X } from "lucide-react";
+import { Button } from "./button";
+
+interface DialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  children: React.ReactNode;
+}
+
+interface DialogContentProps {
+  children: React.ReactNode;
+  className?: string;
+}
+
+interface DialogHeaderProps {
+  children: React.ReactNode;
+}
+
+interface DialogTitleProps {
+  children: React.ReactNode;
+}
+
+interface DialogFooterProps {
+  children: React.ReactNode;
+}
+
+export function Dialog({ open, onOpenChange, children }: DialogProps) {
+  if (!open) return null;
+
+  return (
+    <div
+      className="fixed inset-0 z-50 flex items-center justify-center"
+      onClick={() => onOpenChange(false)}
+    >
+      {/* Backdrop */}
+      <div className="absolute inset-0 bg-black/50" />
+
+      {/* Modal content */}
+      <div onClick={(e) => e.stopPropagation()}>{children}</div>
+    </div>
+  );
+}
+
+export function DialogContent({
+  children,
+  className = "",
+}: DialogContentProps) {
+  return (
+    <div
+      className={`relative bg-background border rounded-lg shadow-lg max-w-lg w-full max-h-[90vh] overflow-hidden ${className}`}
+    >
+      {children}
+    </div>
+  );
+}
+
+export function DialogHeader({ children }: DialogHeaderProps) {
+  return (
+    <div className="flex items-center justify-between p-4 border-b">
+      {children}
+    </div>
+  );
+}
+
+export function DialogTitle({ children }: DialogTitleProps) {
+  return <h2 className="text-lg font-semibold">{children}</h2>;
+}
+
+export function DialogClose({ onClose }: { onClose: () => void }) {
+  return (
+    <Button variant="ghost" size="sm" onClick={onClose} className="h-6 w-6 p-0">
+      <X className="h-4 w-4" />
+    </Button>
+  );
+}
+
+export function DialogFooter({ children }: DialogFooterProps) {
+  return (
+    <div className="flex justify-end gap-2 p-4 border-t bg-muted/50">
+      {children}
+    </div>
+  );
+}