-- Workflows tab module

---@class UIComponent
---@field type string
---@field props? table
---@field children? UIComponent[]

---@class WorkflowStep
---@field id string
---@field name string
---@field type string

---@class Workflow
---@field id string
---@field name string
---@field description? string
---@field steps? WorkflowStep[]

---@class WorkflowsRenderContext
---@field workflows? Workflow[]

---@class ActionResult
---@field success boolean
---@field action string
---@field id? string

---@class WorkflowsModule
---@field render fun(ctx: WorkflowsRenderContext): UIComponent
---@field addWorkflow fun(): ActionResult

local M = {}

---Renders the workflows tab with a grid of workflow cards
---@param ctx WorkflowsRenderContext
---@return UIComponent
function M.render(ctx)
  local items = {}
  for _, w in ipairs(ctx.workflows or {}) do
    items[#items + 1] = {
      type = "Card",
      children = {
        { type = "CardHeader", children = { { type = "CardTitle", props = { text = w.name } } } },
        { type = "CardContent", children = {
          { type = "Typography", props = { text = w.description or "No description" } },
          { type = "Badge", props = { text = #(w.steps or {}) .. " steps" } }
        }},
        { type = "CardFooter", children = {
          { type = "Button", props = { text = "Edit", onClick = "editWorkflow", data = w.id } },
          { type = "Button", props = { variant = "outline", text = "Run", onClick = "runWorkflow", data = w.id } }
        }}
      }
    }
  end
  return {
    type = "Stack",
    props = { spacing = 4 },
    children = {
      { type = "Button", props = { text = "Add Workflow", onClick = "addWorkflow" } },
      { type = "Grid", props = { cols = 2, gap = 4 }, children = items }
    }
  }
end

---Opens the add workflow dialog
---@return ActionResult
function M.addWorkflow()
  return { success = true, action = "open_workflow_dialog" }
end

return M