chore: auto-commit (15 archivos)

- apps/dag_engine/.gitignore
- apps/dag_engine/README.md
- apps/dag_engine/app.md
- apps/dag_engine/config.go
- apps/dag_engine/dags_migrated/fn_backup.yaml
- apps/dag_engine/dags_migrated/revision_viernes_finanzas.yaml
- apps/dag_engine/executor.go
- apps/dag_engine/frontend/package.json
- apps/dag_engine/frontend/src/App.tsx
- apps/dag_engine/frontend/src/components/StatusBadge.tsx
- ...

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/dag_engine/frontend/package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "@mantine/core": "^9.0.2",
     "@mantine/hooks": "^9.0.2",
+    "@mantine/notifications": "^9.0.2",
     "@tabler/icons-react": "^3.31.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",

apps/dag_engine/frontend/src/App.tsx

@@ -1,5 +1,5 @@
 import { Routes, Route } from "react-router-dom";
-import { AppShell, Container, Title, Group, Text } from "@mantine/core";
+import { AppShell, Container, Title, Group, Text, ThemeIcon, Badge } from "@mantine/core";
 import { IconTopologyRing } from "@tabler/icons-react";
 import { DagList } from "./pages/DagList";
 import { DagDetail } from "./pages/DagDetail";
@@ -7,14 +7,27 @@ import { RunDetail } from "./pages/RunDetail";
 
 export function App() {
   return (
-    <AppShell header={{ height: 50 }} padding="md">
+    <AppShell header={{ height: 56 }} padding="lg">
       <AppShell.Header>
-        <Group h="100%" px="md">
-          <IconTopologyRing size={24} />
-          <Title order={4}>DAG Engine</Title>
-          <Text size="xs" c="dimmed">
-            fn_registry workflow executor
-          </Text>
+        <Group h="100%" px="lg" justify="space-between" wrap="nowrap">
+          <Group gap="sm" wrap="nowrap">
+            <ThemeIcon variant="light" color="indigo" size={34} radius="md">
+              <IconTopologyRing size={20} />
+            </ThemeIcon>
+            <div>
+              <Group gap={6} align="center">
+                <Title order={4} fw={600}>
+                  dag_engine
+                </Title>
+                <Badge variant="light" color="gray" size="xs" radius="sm">
+                  v0.2.0
+                </Badge>
+              </Group>
+              <Text size="xs" c="dimmed" lh={1}>
+                fn_registry workflow scheduler
+              </Text>
+            </div>
+          </Group>
         </Group>
       </AppShell.Header>
 

apps/dag_engine/frontend/src/components/StatusBadge.tsx

@@ -1,17 +1,9 @@
 import { Badge } from "@mantine/core";
-
-const colorMap: Record<string, string> = {
-  success: "green",
-  failed: "red",
-  running: "blue",
-  pending: "gray",
-  cancelled: "yellow",
-  skipped: "dimmed",
-};
+import { statusColor } from "../theme";
 
 export function StatusBadge({ status }: { status: string }) {
   return (
-    <Badge color={colorMap[status] || "gray"} variant="light" size="sm">
+    <Badge color={statusColor[status] || "gray"} variant="light" size="sm">
       {status}
     </Badge>
   );

apps/dag_engine/frontend/src/components/StepTimeline.tsx

@@ -12,8 +12,8 @@ import type { DagStepResult } from "../types";
 const iconMap: Record<string, React.ReactNode> = {
   success: <IconCircleCheck size={16} color="var(--mantine-color-green-6)" />,
   failed: <IconCircleX size={16} color="var(--mantine-color-red-6)" />,
-  running: <IconLoader size={16} color="var(--mantine-color-blue-6)" />,
-  skipped: <IconCircleMinus size={16} color="var(--mantine-color-dimmed)" />,
+  running: <IconLoader size={16} color="var(--mantine-color-indigo-4)" />,
+  skipped: <IconCircleMinus size={16} color="var(--mantine-color-gray-6)" />,
   pending: <IconClock size={16} color="var(--mantine-color-gray-6)" />,
 };
 
@@ -46,7 +46,7 @@ function StepItem({ step }: { step: DagStepResult }) {
       }
     >
       {hasOutput && (
-        <Collapse in={opened}>
+        <Collapse expanded={opened}>
           <Box mt="xs">
             {step.Stdout && (
               <Code block mb="xs" style={{ maxHeight: 200, overflow: "auto" }}>

apps/dag_engine/frontend/src/main.tsx

@@ -1,18 +1,12 @@
-import "@mantine/core/styles.css";
-import { MantineProvider, createTheme } from "@mantine/core";
 import { createRoot } from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
+import { FnProvider } from "./FnProvider";
 import { App } from "./App";
 
-const theme = createTheme({
-  primaryColor: "blue",
-  fontFamily: "system-ui, -apple-system, sans-serif",
-});
-
 createRoot(document.getElementById("root")!).render(
-  <MantineProvider theme={theme} defaultColorScheme="dark">
+  <FnProvider>
     <BrowserRouter>
       <App />
     </BrowserRouter>
-  </MantineProvider>
+  </FnProvider>
 );