mirrors/archon
1
0
Fork 0
mirror of https://github.com/coleam00/Archon.git synced 2025-12-23 18:29:18 -05:00
Code Issues Packages Projects Releases Wiki Activity

Layout changes, before bringing in the awo branch

Browse Source
This commit is contained in:
sean-eskerium
2025-10-25 14:23:47 -04:00
parent 5b98adc1e4
commit 62868705ca
3 changed files with 1268 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1240
archon-ui-main/src/features/style-guide/layouts/AgentWorkOrderLayoutExample.tsx Normal file
View File

File diff suppressed because it is too large Load Diff

5
archon-ui-main/src/features/style-guide/tabs/LayoutsTab.tsx
View File

@@ -1,6 +1,7 @@
import { Briefcase, Database, FileText, FolderKanban, Navigation, Settings } from "lucide-react";
import { useState } from "react";
import { AgentWorkOrderExample } from "../layouts/AgentWorkOrderExample";
import { AgentWorkOrderLayoutExample } from "../layouts/AgentWorkOrderLayoutExample";
import { DocumentBrowserExample } from "../layouts/DocumentBrowserExample";
import { KnowledgeLayoutExample } from "../layouts/KnowledgeLayoutExample";
import { NavigationExplanation } from "../layouts/NavigationExplanation";
@@ -75,9 +76,9 @@ export const LayoutsTab = () => {
<div>
<h2 className="text-2xl font-bold mb-4 text-gray-900 dark:text-white">Agent Work Orders Layout</h2>
<p className="text-gray-600 dark:text-gray-400 mb-4">
Workflow progress visualization with step-by-step history and integrated document editing.
Repository-based work order management with table view, status tracking, and integrated detail view.
</p>
<AgentWorkOrderExample />
<AgentWorkOrderLayoutExample />
</div>
);
default:

26
archon-ui-main/src/features/ui/primitives/button.tsx
View File

@@ -2,7 +2,7 @@ import React from "react";
import { cn } from "./styles";
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
variant?: "default" | "destructive" | "outline" | "ghost" | "link" | "cyan" | "knowledge"; // Tron-style purple button used on Knowledge Base
variant?: "default" | "destructive" | "outline" | "ghost" | "link" | "cyan" | "knowledge" | "green" | "blue"; // Tron-style glass buttons
size?: "default" | "sm" | "lg" | "icon" | "xs";
loading?: boolean;
children: React.ReactNode;
@@ -88,6 +88,30 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
"dark:hover:shadow-[0_0_25px_rgba(168,85,247,0.7)]",
"focus-visible:ring-purple-500",
),
green: cn(
"backdrop-blur-md",
"bg-gradient-to-b from-green-100/80 to-white/60",
"dark:from-green-500/20 dark:to-green-500/10",
"text-green-700 dark:text-green-100",
"border border-green-300/50 dark:border-green-500/50",
"hover:from-green-200/90 hover:to-green-100/70",
"dark:hover:from-green-400/30 dark:hover:to-green-500/20",
"hover:shadow-[0_0_20px_rgba(34,197,94,0.5)]",
"dark:hover:shadow-[0_0_25px_rgba(34,197,94,0.7)]",
"focus-visible:ring-green-500",
),
blue: cn(
"backdrop-blur-md",
"bg-gradient-to-b from-blue-100/80 to-white/60",
"dark:from-blue-500/20 dark:to-blue-500/10",
"text-blue-700 dark:text-blue-100",
"border border-blue-300/50 dark:border-blue-500/50",
"hover:from-blue-200/90 hover:to-blue-100/70",
"dark:hover:from-blue-400/30 dark:hover:to-blue-500/20",
"hover:shadow-[0_0_20px_rgba(59,130,246,0.5)]",
"dark:hover:shadow-[0_0_25px_rgba(59,130,246,0.7)]",
"focus-visible:ring-blue-500",
),
};
type ButtonSize = NonNullable<ButtonProps["size"]>;