@bluelibs/runner-dev 4.0.0 → 4.1.0

package/dist/components/Documentation/components/Sidebar.js

@@ -2,126 +2,162 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sidebar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Sidebar = ({ activeSection, onSectionChange, introspector, searchQuery, onSearchChange, selectedTag, onTagChange }) => {
+const Sidebar = ({ activeSection, onSectionChange, introspector, searchQuery, onSearchChange, selectedTag, onTagChange, }) => {
     const sections = [
-        { id: 'overview', label: 'Overview', icon: '📋' },
-        { id: 'tasks', label: 'Tasks', icon: '⚙️', count: introspector.getTasks().length },
-        { id: 'resources', label: 'Resources', icon: '🔧', count: introspector.getResources().length },
-        { id: 'hooks', label: 'Hooks', icon: '🪝', count: introspector.getHooks().length },
-        { id: 'events', label: 'Events', icon: '📡', count: introspector.getEvents().length },
-        { id: 'middlewares', label: 'Middlewares', icon: '🔗', count: introspector.getMiddlewares().length },
-        { id: 'tags', label: 'Tags', icon: '🏷️', count: introspector.getAllTags().length },
-        { id: 'diagnostics', label: 'Diagnostics', icon: '🔍' }
+        { id: "overview", label: "Overview", icon: "📋" },
+        {
+            id: "tasks",
+            label: "Tasks",
+            icon: "⚙️",
+            count: introspector.getTasks().length,
+        },
+        {
+            id: "resources",
+            label: "Resources",
+            icon: "🔧",
+            count: introspector.getResources().length,
+        },
+        {
+            id: "hooks",
+            label: "Hooks",
+            icon: "🪝",
+            count: introspector.getHooks().length,
+        },
+        {
+            id: "events",
+            label: "Events",
+            icon: "📡",
+            count: introspector.getEvents().length,
+        },
+        {
+            id: "middlewares",
+            label: "Middlewares",
+            icon: "🔗",
+            count: introspector.getMiddlewares().length,
+        },
+        {
+            id: "tags",
+            label: "Tags",
+            icon: "🏷️",
+            count: introspector.getAllTags().length,
+        },
+        { id: "diagnostics", label: "Diagnostics", icon: "🔍" },
     ];
     const diagnostics = introspector.getDiagnostics();
-    const errorCount = diagnostics.filter(d => d.severity === 'error').length;
-    const warningCount = diagnostics.filter(d => d.severity === 'warning').length;
+    const errorCount = diagnostics.filter((d) => d.severity === "error").length;
+    const warningCount = diagnostics.filter((d) => d.severity === "warning").length;
     return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            position: 'fixed',
+            position: "fixed",
             left: 0,
             top: 0,
-            width: '300px',
-            height: '100vh',
-            background: '#2c3e50',
-            color: 'white',
-            padding: '20px',
-            overflowY: 'auto',
-            boxSizing: 'border-box'
-        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '30px' }, children: [(0, jsx_runtime_1.jsx)("h2", { style: {
-                            margin: '0 0 20px 0',
-                            fontSize: '20px',
-                            color: '#ecf0f1',
-                            borderBottom: '2px solid #34495e',
-                            paddingBottom: '10px'
-                        }, children: "Runner Documentation" }), (0, jsx_runtime_1.jsx)("div", { style: { marginBottom: '20px' }, children: (0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Search...", value: searchQuery, onChange: (e) => onSearchChange(e.target.value), style: {
-                                width: '100%',
-                                padding: '8px 12px',
-                                border: '1px solid #34495e',
-                                borderRadius: '4px',
-                                background: '#34495e',
-                                color: 'white',
-                                fontSize: '14px',
-                                boxSizing: 'border-box'
+            width: "300px",
+            height: "100vh",
+            background: "#2c3e50",
+            color: "white",
+            padding: "20px",
+            overflowY: "auto",
+            boxSizing: "border-box",
+        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: "30px" }, children: [(0, jsx_runtime_1.jsx)("h2", { style: {
+                            margin: "0 0 20px 0",
+                            fontSize: "20px",
+                            color: "#ecf0f1",
+                            borderBottom: "2px solid #34495e",
+                            paddingBottom: "10px",
+                        }, children: "Runner Documentation" }), (0, jsx_runtime_1.jsx)("div", { style: { marginBottom: "20px" }, children: (0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Search...", value: searchQuery, onChange: (e) => onSearchChange(e.target.value), style: {
+                                width: "100%",
+                                padding: "8px 12px",
+                                border: "1px solid #34495e",
+                                borderRadius: "4px",
+                                background: "#34495e",
+                                color: "white",
+                                fontSize: "14px",
+                                boxSizing: "border-box",
                             } }) }), selectedTag && ((0, jsx_runtime_1.jsxs)("div", { style: {
-                            background: '#3498db',
-                            padding: '8px 12px',
-                            borderRadius: '4px',
-                            marginBottom: '15px',
-                            display: 'flex',
-                            justifyContent: 'space-between',
-                            alignItems: 'center'
-                        }, children: [(0, jsx_runtime_1.jsxs)("span", { style: { fontSize: '12px' }, children: ["Tag: ", selectedTag] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => onTagChange(null), style: {
-                                    background: 'transparent',
-                                    border: 'none',
-                                    color: 'white',
-                                    cursor: 'pointer',
-                                    padding: '2px 6px',
-                                    borderRadius: '2px',
-                                    fontSize: '12px'
-                                }, children: "\u00D7" })] }))] }), (0, jsx_runtime_1.jsx)("nav", { children: sections.map(section => ((0, jsx_runtime_1.jsxs)("div", { onClick: () => onSectionChange(section.id), style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'space-between',
-                        padding: '12px 16px',
-                        margin: '4px 0',
-                        borderRadius: '6px',
-                        cursor: 'pointer',
-                        background: activeSection === section.id ? '#3498db' : 'transparent',
-                        transition: 'background-color 0.2s ease',
-                        borderLeft: activeSection === section.id ? '4px solid #2980b9' : '4px solid transparent'
+                            background: "#3498db",
+                            padding: "8px 12px",
+                            borderRadius: "4px",
+                            marginBottom: "15px",
+                            display: "flex",
+                            justifyContent: "space-between",
+                            alignItems: "center",
+                        }, children: [(0, jsx_runtime_1.jsxs)("span", { style: { fontSize: "12px" }, children: ["Tag: ", selectedTag] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => onTagChange(null), style: {
+                                    background: "transparent",
+                                    border: "none",
+                                    color: "white",
+                                    cursor: "pointer",
+                                    padding: "2px 6px",
+                                    borderRadius: "2px",
+                                    fontSize: "12px",
+                                }, children: "\u00D7" })] }))] }), (0, jsx_runtime_1.jsx)("nav", { children: sections.map((section) => ((0, jsx_runtime_1.jsxs)("div", { onClick: () => onSectionChange(section.id), style: {
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "space-between",
+                        padding: "12px 16px",
+                        margin: "4px 0",
+                        borderRadius: "6px",
+                        cursor: "pointer",
+                        background: activeSection === section.id ? "#3498db" : "transparent",
+                        transition: "background-color 0.2s ease",
+                        borderLeft: activeSection === section.id
+                            ? "4px solid #2980b9"
+                            : "4px solid transparent",
                     }, onMouseEnter: (e) => {
                         if (activeSection !== section.id) {
-                            e.currentTarget.style.background = '#34495e';
+                            e.currentTarget.style.background = "#34495e";
                         }
                     }, onMouseLeave: (e) => {
                         if (activeSection !== section.id) {
-                            e.currentTarget.style.background = 'transparent';
+                            e.currentTarget.style.background = "transparent";
                         }
-                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)("span", { style: { marginRight: '10px', fontSize: '16px' }, children: section.icon }), (0, jsx_runtime_1.jsx)("span", { style: { fontSize: '14px', fontWeight: '500' }, children: section.label })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' }, children: [section.count !== undefined && ((0, jsx_runtime_1.jsx)("span", { style: {
-                                        background: activeSection === section.id ? '#2980b9' : '#7f8c8d',
-                                        color: 'white',
-                                        padding: '2px 8px',
-                                        borderRadius: '10px',
-                                        fontSize: '12px',
-                                        fontWeight: 'bold',
-                                        minWidth: '20px',
-                                        textAlign: 'center'
-                                    }, children: section.count })), section.id === 'diagnostics' && (errorCount > 0 || warningCount > 0) && ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '4px' }, children: [errorCount > 0 && ((0, jsx_runtime_1.jsx)("span", { style: {
-                                                background: '#e74c3c',
-                                                color: 'white',
-                                                padding: '2px 6px',
-                                                borderRadius: '8px',
-                                                fontSize: '10px',
-                                                fontWeight: 'bold'
+                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [(0, jsx_runtime_1.jsx)("span", { style: { marginRight: "10px", fontSize: "16px" }, children: section.icon }), (0, jsx_runtime_1.jsx)("span", { style: { fontSize: "14px", fontWeight: "500" }, children: section.label })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [section.count !== undefined && ((0, jsx_runtime_1.jsx)("span", { style: {
+                                        background: activeSection === section.id ? "#2980b9" : "#7f8c8d",
+                                        color: "white",
+                                        padding: "2px 8px",
+                                        borderRadius: "10px",
+                                        fontSize: "12px",
+                                        fontWeight: "bold",
+                                        minWidth: "20px",
+                                        textAlign: "center",
+                                    }, children: section.count })), section.id === "diagnostics" &&
+                                    (errorCount > 0 || warningCount > 0) && ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", gap: "4px" }, children: [errorCount > 0 && ((0, jsx_runtime_1.jsx)("span", { style: {
+                                                background: "#e74c3c",
+                                                color: "white",
+                                                padding: "2px 6px",
+                                                borderRadius: "8px",
+                                                fontSize: "10px",
+                                                fontWeight: "bold",
                                             }, children: errorCount })), warningCount > 0 && ((0, jsx_runtime_1.jsx)("span", { style: {
-                                                background: '#f39c12',
-                                                color: 'white',
-                                                padding: '2px 6px',
-                                                borderRadius: '8px',
-                                                fontSize: '10px',
-                                                fontWeight: 'bold'
-                                            }, children: warningCount }))] }))] })] }, section.id))) }), introspector.getAllTags().length > 0 && ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: '30px' }, children: [(0, jsx_runtime_1.jsx)("h3", { style: {
-                            fontSize: '14px',
-                            color: '#bdc3c7',
-                            margin: '0 0 15px 0',
-                            textTransform: 'uppercase',
-                            letterSpacing: '0.5px'
-                        }, children: "Quick Tags" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexWrap: 'wrap', gap: '6px' }, children: introspector.getAllTags().slice(0, 8).map(tag => ((0, jsx_runtime_1.jsx)("button", { onClick: () => onTagChange(selectedTag === tag.id ? null : tag.id), style: {
-                                background: selectedTag === tag.id ? '#e67e22' : '#7f8c8d',
-                                color: 'white',
-                                border: 'none',
-                                padding: '4px 8px',
-                                borderRadius: '12px',
-                                fontSize: '11px',
-                                cursor: 'pointer',
-                                transition: 'background-color 0.2s ease'
+                                                background: "#f39c12",
+                                                color: "white",
+                                                padding: "2px 6px",
+                                                borderRadius: "8px",
+                                                fontSize: "10px",
+                                                fontWeight: "bold",
+                                            }, children: warningCount }))] }))] })] }, section.id))) }), introspector.getAllTags().length > 0 && ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: "30px" }, children: [(0, jsx_runtime_1.jsx)("h3", { style: {
+                            fontSize: "14px",
+                            color: "#bdc3c7",
+                            margin: "0 0 15px 0",
+                            textTransform: "uppercase",
+                            letterSpacing: "0.5px",
+                        }, children: "Quick Tags" }), (0, jsx_runtime_1.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: "6px" }, children: introspector
+                            .getAllTags()
+                            .slice(0, 8)
+                            .map((tag) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => onTagChange(selectedTag === tag.id ? null : tag.id), style: {
+                                background: selectedTag === tag.id ? "#e67e22" : "#7f8c8d",
+                                color: "white",
+                                border: "none",
+                                padding: "4px 8px",
+                                borderRadius: "12px",
+                                fontSize: "11px",
+                                cursor: "pointer",
+                                transition: "background-color 0.2s ease",
                             }, onMouseEnter: (e) => {
                                 if (selectedTag !== tag.id) {
-                                    e.currentTarget.style.background = '#95a5a6';
+                                    e.currentTarget.style.background = "#95a5a6";
                                 }
                             }, onMouseLeave: (e) => {
                                 if (selectedTag !== tag.id) {
-                                    e.currentTarget.style.background = '#7f8c8d';
+                                    e.currentTarget.style.background = "#7f8c8d";
                                 }
                             }, children: tag.id }, tag.id))) })] }))] }));
 };

package/dist/components/Documentation/components/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Documentation/components/Sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Documentation/components/Sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/components/Documentation/components/TagCard.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Introspector } from "../../../resources/introspector.resource";
+import { Introspector } from "../../../resources/models/Introspector";
 export interface TagCardProps {
     tag: any;
     introspector: Introspector;

package/dist/components/Documentation/components/TaskCard.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Task } from '../../../schema/model';
-import { Introspector } from '../../../resources/introspector.resource';
+import React from "react";
+import { Task } from "../../../schema/model";
+import { Introspector } from "../../../resources/models/Introspector";
 export interface TaskCardProps {
     task: Task;
     introspector: Introspector;

package/dist/components/Documentation/components/TaskCard.js

@@ -8,69 +8,188 @@ const TaskCard = ({ task, introspector }) => {
     const middlewareUsages = introspector.getMiddlewareUsagesForTask(task.id);
     const emittedEvents = introspector.getEmittedEvents(task);
     const cardStyle = {
-        background: '#fff',
-        border: '1px solid #e9ecef',
-        borderRadius: '12px',
-        overflow: 'hidden',
-        boxShadow: '0 6px 20px rgba(0,0,0,0.1)',
-        marginBottom: '20px'
+        background: "#fff",
+        border: "1px solid #e9ecef",
+        borderRadius: "12px",
+        overflow: "hidden",
+        boxShadow: "0 6px 20px rgba(0,0,0,0.1)",
+        marginBottom: "20px",
     };
     const headerStyle = {
-        background: 'linear-gradient(135deg, #007acc, #0056b3)',
-        color: 'white',
-        padding: '25px'
+        background: "linear-gradient(135deg, #007acc, #0056b3)",
+        color: "white",
+        padding: "25px",
     };
     const contentStyle = {
-        padding: '25px'
+        padding: "25px",
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: cardStyle, children: [(0, jsx_runtime_1.jsx)("div", { style: headerStyle, children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { flex: 1 }, children: [(0, jsx_runtime_1.jsxs)("h3", { style: { margin: '0 0 10px 0', fontSize: '24px', fontWeight: '700' }, children: ["\u2699\uFE0F ", task.meta?.title || (0, formatting_1.formatId)(task.id)] }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: '14px', opacity: 0.9, fontFamily: 'monospace', marginBottom: '15px' }, children: task.id }), task.meta?.description && ((0, jsx_runtime_1.jsx)("p", { style: { margin: '0', fontSize: '16px', opacity: 0.95, lineHeight: '1.5' }, children: task.meta.description }))] }), task.meta?.tags && task.meta.tags.length > 0 && ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', gap: '6px', flexWrap: 'wrap' }, children: task.meta.tags.map(tag => ((0, jsx_runtime_1.jsx)("span", { style: {
-                                    background: 'rgba(255,255,255,0.2)',
-                                    padding: '4px 12px',
-                                    borderRadius: '16px',
-                                    fontSize: '12px',
-                                    fontWeight: '500'
-                                }, children: tag }, tag))) }))] }) }), (0, jsx_runtime_1.jsxs)("div", { style: contentStyle, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))', gap: '25px' }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { style: { margin: '0 0 15px 0', color: '#2c3e50', fontSize: '18px', borderBottom: '2px solid #e9ecef', paddingBottom: '8px' }, children: "\uD83D\uDCCB Overview" }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'grid', gap: '15px' }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { style: { color: '#495057' }, children: "File Path:" }), (0, jsx_runtime_1.jsx)("div", { style: { fontFamily: 'monospace', fontSize: '13px', color: '#6c757d', marginTop: '4px', background: '#f8f9fa', padding: '8px', borderRadius: '4px' }, children: (0, formatting_1.formatFilePath)(task.filePath) })] }), task.registeredBy && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { style: { color: '#495057' }, children: "Registered By:" }), (0, jsx_runtime_1.jsx)("div", { style: { fontFamily: 'monospace', fontSize: '13px', color: '#6c757d', marginTop: '4px', background: '#f8f9fa', padding: '8px', borderRadius: '4px' }, children: task.registeredBy })] })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { style: { color: '#495057' }, children: "Emits Events:" }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: '13px', color: '#6c757d', marginTop: '4px', background: '#f8f9fa', padding: '8px', borderRadius: '4px' }, children: (0, formatting_1.formatArray)(task.emits) })] }), task.overriddenBy && ((0, jsx_runtime_1.jsxs)("div", { style: {
-                                                    background: '#fff3cd',
-                                                    border: '1px solid #ffeaa7',
-                                                    padding: '15px',
-                                                    borderRadius: '8px'
-                                                }, children: [(0, jsx_runtime_1.jsx)("strong", { style: { color: '#856404' }, children: "\u26A0\uFE0F Overridden By:" }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: '13px', color: '#856404', marginTop: '8px', fontFamily: 'monospace' }, children: task.overriddenBy })] }))] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { style: { margin: '0 0 15px 0', color: '#2c3e50', fontSize: '18px', borderBottom: '2px solid #e9ecef', paddingBottom: '8px' }, children: "\uD83D\uDCDD Schema" }), (0, jsx_runtime_1.jsx)("pre", { style: {
-                                            background: '#f8f9fa',
-                                            padding: '20px',
-                                            borderRadius: '8px',
-                                            fontSize: '12px',
-                                            lineHeight: '1.6',
-                                            overflow: 'auto',
-                                            border: '1px solid #e9ecef',
-                                            margin: 0
-                                        }, children: (0, formatting_1.formatSchema)(task.inputSchema) })] })] }), (dependencies.tasks.length > 0 || dependencies.resources.length > 0 || emittedEvents.length > 0) && ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: '30px' }, children: [(0, jsx_runtime_1.jsx)("h4", { style: { margin: '0 0 20px 0', color: '#2c3e50', fontSize: '18px', borderBottom: '2px solid #e9ecef', paddingBottom: '8px' }, children: "\uD83D\uDD17 Dependencies & Relations" }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))', gap: '25px' }, children: [dependencies.tasks.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { style: { margin: '0 0 15px 0', color: '#495057', fontSize: '16px' }, children: "Task Dependencies" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'grid', gap: '10px' }, children: dependencies.tasks.map(dep => ((0, jsx_runtime_1.jsxs)("div", { style: {
-                                                        padding: '12px 16px',
-                                                        background: '#e3f2fd',
-                                                        borderRadius: '8px',
-                                                        borderLeft: '4px solid #2196f3'
-                                                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: '600', color: '#1976d2' }, children: dep.meta?.title || (0, formatting_1.formatId)(dep.id) }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: '12px', color: '#666', fontFamily: 'monospace' }, children: dep.id })] }, dep.id))) })] })), dependencies.resources.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { style: { margin: '0 0 15px 0', color: '#495057', fontSize: '16px' }, children: "Resource Dependencies" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'grid', gap: '10px' }, children: dependencies.resources.map(dep => ((0, jsx_runtime_1.jsxs)("div", { style: {
-                                                        padding: '12px 16px',
-                                                        background: '#e8f5e8',
-                                                        borderRadius: '8px',
-                                                        borderLeft: '4px solid #4caf50'
-                                                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: '600', color: '#2e7d32' }, children: dep.meta?.title || (0, formatting_1.formatId)(dep.id) }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: '12px', color: '#666', fontFamily: 'monospace' }, children: dep.id })] }, dep.id))) })] })), emittedEvents.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { style: { margin: '0 0 15px 0', color: '#495057', fontSize: '16px' }, children: "Emitted Events" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'grid', gap: '10px' }, children: emittedEvents.map(event => ((0, jsx_runtime_1.jsxs)("div", { style: {
-                                                        padding: '12px 16px',
-                                                        background: '#fff3e0',
-                                                        borderRadius: '8px',
-                                                        borderLeft: '4px solid #ff9800'
-                                                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: '600', color: '#f57c00' }, children: event.meta?.title || (0, formatting_1.formatId)(event.id) }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: '12px', color: '#666', fontFamily: 'monospace' }, children: event.id })] }, event.id))) })] }))] })] })), middlewareUsages.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: '30px' }, children: [(0, jsx_runtime_1.jsx)("h4", { style: { margin: '0 0 20px 0', color: '#2c3e50', fontSize: '18px', borderBottom: '2px solid #e9ecef', paddingBottom: '8px' }, children: "\uD83D\uDD17 Middleware Configuration" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'grid', gap: '15px' }, children: middlewareUsages.map(usage => ((0, jsx_runtime_1.jsxs)("div", { style: {
-                                        background: '#f8f9fa',
-                                        border: '1px solid #e9ecef',
-                                        borderRadius: '8px',
-                                        padding: '20px'
-                                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: '600', marginBottom: '10px', color: '#2c3e50', fontSize: '16px' }, children: usage.node.meta?.title || (0, formatting_1.formatId)(usage.id) }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: '12px', color: '#666', fontFamily: 'monospace', marginBottom: '15px' }, children: usage.id }), usage.config && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: '14px', color: '#495057', marginBottom: '8px', fontWeight: '600' }, children: "Configuration:" }), (0, jsx_runtime_1.jsx)("pre", { style: {
-                                                        background: '#fff',
-                                                        padding: '15px',
-                                                        borderRadius: '6px',
-                                                        fontSize: '12px',
+    return ((0, jsx_runtime_1.jsxs)("div", { style: cardStyle, children: [(0, jsx_runtime_1.jsx)("div", { style: headerStyle, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "flex-start",
+                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { flex: 1 }, children: [(0, jsx_runtime_1.jsxs)("h3", { style: {
+                                        margin: "0 0 10px 0",
+                                        fontSize: "24px",
+                                        fontWeight: "700",
+                                    }, children: ["\u2699\uFE0F ", task.meta?.title || (0, formatting_1.formatId)(task.id)] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                        fontSize: "14px",
+                                        opacity: 0.9,
+                                        fontFamily: "monospace",
+                                        marginBottom: "15px",
+                                    }, children: task.id }), task.meta?.description && ((0, jsx_runtime_1.jsx)("p", { style: {
+                                        margin: "0",
+                                        fontSize: "16px",
+                                        opacity: 0.95,
+                                        lineHeight: "1.5",
+                                    }, children: task.meta.description }))] }), task.meta?.tags && task.meta.tags.length > 0 && ((0, jsx_runtime_1.jsx)("div", { style: { display: "flex", gap: "6px", flexWrap: "wrap" }, children: task.meta.tags.map((tag) => ((0, jsx_runtime_1.jsx)("span", { style: {
+                                    background: "rgba(255,255,255,0.2)",
+                                    padding: "4px 12px",
+                                    borderRadius: "16px",
+                                    fontSize: "12px",
+                                    fontWeight: "500",
+                                }, children: tag }, tag))) }))] }) }), (0, jsx_runtime_1.jsxs)("div", { style: contentStyle, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                            display: "grid",
+                            gridTemplateColumns: "repeat(auto-fit, minmax(300px, 1fr))",
+                            gap: "25px",
+                        }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { style: {
+                                            margin: "0 0 15px 0",
+                                            color: "#2c3e50",
+                                            fontSize: "18px",
+                                            borderBottom: "2px solid #e9ecef",
+                                            paddingBottom: "8px",
+                                        }, children: "\uD83D\uDCCB Overview" }), (0, jsx_runtime_1.jsxs)("div", { style: { display: "grid", gap: "15px" }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { style: { color: "#495057" }, children: "File Path:" }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                            fontFamily: "monospace",
+                                                            fontSize: "13px",
+                                                            color: "#6c757d",
+                                                            marginTop: "4px",
+                                                            background: "#f8f9fa",
+                                                            padding: "8px",
+                                                            borderRadius: "4px",
+                                                        }, children: (0, formatting_1.formatFilePath)(task.filePath) })] }), task.registeredBy && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { style: { color: "#495057" }, children: "Registered By:" }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                            fontFamily: "monospace",
+                                                            fontSize: "13px",
+                                                            color: "#6c757d",
+                                                            marginTop: "4px",
+                                                            background: "#f8f9fa",
+                                                            padding: "8px",
+                                                            borderRadius: "4px",
+                                                        }, children: task.registeredBy })] })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { style: { color: "#495057" }, children: "Emits Events:" }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                            fontSize: "13px",
+                                                            color: "#6c757d",
+                                                            marginTop: "4px",
+                                                            background: "#f8f9fa",
+                                                            padding: "8px",
+                                                            borderRadius: "4px",
+                                                        }, children: (0, formatting_1.formatArray)(task.emits) })] }), task.overriddenBy && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                                    background: "#fff3cd",
+                                                    border: "1px solid #ffeaa7",
+                                                    padding: "15px",
+                                                    borderRadius: "8px",
+                                                }, children: [(0, jsx_runtime_1.jsx)("strong", { style: { color: "#856404" }, children: "\u26A0\uFE0F Overridden By:" }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                            fontSize: "13px",
+                                                            color: "#856404",
+                                                            marginTop: "8px",
+                                                            fontFamily: "monospace",
+                                                        }, children: task.overriddenBy })] }))] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { style: {
+                                            margin: "0 0 15px 0",
+                                            color: "#2c3e50",
+                                            fontSize: "18px",
+                                            borderBottom: "2px solid #e9ecef",
+                                            paddingBottom: "8px",
+                                        }, children: "\uD83D\uDCDD Schema" }), (0, jsx_runtime_1.jsx)("pre", { style: {
+                                            background: "#f8f9fa",
+                                            padding: "20px",
+                                            borderRadius: "8px",
+                                            fontSize: "12px",
+                                            lineHeight: "1.6",
+                                            overflow: "auto",
+                                            border: "1px solid #e9ecef",
+                                            margin: 0,
+                                        }, children: (0, formatting_1.formatSchema)(task.inputSchema) })] })] }), (dependencies.tasks.length > 0 ||
+                        dependencies.resources.length > 0 ||
+                        emittedEvents.length > 0) && ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: "30px" }, children: [(0, jsx_runtime_1.jsx)("h4", { style: {
+                                    margin: "0 0 20px 0",
+                                    color: "#2c3e50",
+                                    fontSize: "18px",
+                                    borderBottom: "2px solid #e9ecef",
+                                    paddingBottom: "8px",
+                                }, children: "\uD83D\uDD17 Dependencies & Relations" }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                    display: "grid",
+                                    gridTemplateColumns: "repeat(auto-fit, minmax(300px, 1fr))",
+                                    gap: "25px",
+                                }, children: [dependencies.tasks.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { style: {
+                                                    margin: "0 0 15px 0",
+                                                    color: "#495057",
+                                                    fontSize: "16px",
+                                                }, children: "Task Dependencies" }), (0, jsx_runtime_1.jsx)("div", { style: { display: "grid", gap: "10px" }, children: dependencies.tasks.map((dep) => ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                                        padding: "12px 16px",
+                                                        background: "#e3f2fd",
+                                                        borderRadius: "8px",
+                                                        borderLeft: "4px solid #2196f3",
+                                                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: "600", color: "#1976d2" }, children: dep.meta?.title || (0, formatting_1.formatId)(dep.id) }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                                fontSize: "12px",
+                                                                color: "#666",
+                                                                fontFamily: "monospace",
+                                                            }, children: dep.id })] }, dep.id))) })] })), dependencies.resources.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { style: {
+                                                    margin: "0 0 15px 0",
+                                                    color: "#495057",
+                                                    fontSize: "16px",
+                                                }, children: "Resource Dependencies" }), (0, jsx_runtime_1.jsx)("div", { style: { display: "grid", gap: "10px" }, children: dependencies.resources.map((dep) => ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                                        padding: "12px 16px",
+                                                        background: "#e8f5e8",
+                                                        borderRadius: "8px",
+                                                        borderLeft: "4px solid #4caf50",
+                                                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: "600", color: "#2e7d32" }, children: dep.meta?.title || (0, formatting_1.formatId)(dep.id) }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                                fontSize: "12px",
+                                                                color: "#666",
+                                                                fontFamily: "monospace",
+                                                            }, children: dep.id })] }, dep.id))) })] })), emittedEvents.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { style: {
+                                                    margin: "0 0 15px 0",
+                                                    color: "#495057",
+                                                    fontSize: "16px",
+                                                }, children: "Emitted Events" }), (0, jsx_runtime_1.jsx)("div", { style: { display: "grid", gap: "10px" }, children: emittedEvents.map((event) => ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                                        padding: "12px 16px",
+                                                        background: "#fff3e0",
+                                                        borderRadius: "8px",
+                                                        borderLeft: "4px solid #ff9800",
+                                                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: "600", color: "#f57c00" }, children: event.meta?.title || (0, formatting_1.formatId)(event.id) }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                                fontSize: "12px",
+                                                                color: "#666",
+                                                                fontFamily: "monospace",
+                                                            }, children: event.id })] }, event.id))) })] }))] })] })), middlewareUsages.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: "30px" }, children: [(0, jsx_runtime_1.jsx)("h4", { style: {
+                                    margin: "0 0 20px 0",
+                                    color: "#2c3e50",
+                                    fontSize: "18px",
+                                    borderBottom: "2px solid #e9ecef",
+                                    paddingBottom: "8px",
+                                }, children: "\uD83D\uDD17 Middleware Configuration" }), (0, jsx_runtime_1.jsx)("div", { style: { display: "grid", gap: "15px" }, children: middlewareUsages.map((usage) => ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                        background: "#f8f9fa",
+                                        border: "1px solid #e9ecef",
+                                        borderRadius: "8px",
+                                        padding: "20px",
+                                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                                                fontWeight: "600",
+                                                marginBottom: "10px",
+                                                color: "#2c3e50",
+                                                fontSize: "16px",
+                                            }, children: usage.node.meta?.title || (0, formatting_1.formatId)(usage.id) }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                fontSize: "12px",
+                                                color: "#666",
+                                                fontFamily: "monospace",
+                                                marginBottom: "15px",
+                                            }, children: usage.id }), usage.config && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                                                        fontSize: "14px",
+                                                        color: "#495057",
+                                                        marginBottom: "8px",
+                                                        fontWeight: "600",
+                                                    }, children: "Configuration:" }), (0, jsx_runtime_1.jsx)("pre", { style: {
+                                                        background: "#fff",
+                                                        padding: "15px",
+                                                        borderRadius: "6px",
+                                                        fontSize: "12px",
                                                         margin: 0,
-                                                        border: '1px solid #dee2e6',
-                                                        lineHeight: '1.4'
+                                                        border: "1px solid #dee2e6",
+                                                        lineHeight: "1.4",
                                                     }, children: usage.config })] }))] }, usage.id))) })] }))] })] }));
 };
 exports.TaskCard = TaskCard;