{
  "$schema": "homarr-custom-widget-v2",
  "name": "JellyGlance stalled",
  "description": "Downloads that need attention.",
  "iconUrl": "https://jellyglance.com/project-logo.png",
  "url": "http://jellyglance:3000/api/widgets/stalled",
  "authType": "apiKeyHeader",
  "headerName": "x-api-token",
  "method": "GET",
  "displayType": "customJsx",
  "displayConfig": {
    "type": "customJsx",
    "template": "<Stack gap=\"sm\" p=\"xs\">\n  <Group justify=\"space-between\" align=\"center\">\n    <Group gap=\"xs\">\n      <Avatar src=\"https://jellyglance.com/project-logo.png\" size={24} radius=\"xl\" />\n      <Stack gap={0}>\n        <Text fw={800} size=\"sm\">Stalled</Text>\n        \n      </Stack>\n    </Group>\n    <Badge variant=\"light\" color={data.stalled ? \"red\" : \"teal\"}>{data.stalled ? String(data.stalled) + \" stuck\" : \"Clear\"}</Badge>\n  </Group>\n  <Stack gap=\"xs\">\n    {data.items.map((row) =>\n      <Card withBorder radius=\"md\" p=\"xs\">\n        <Group justify=\"space-between\">\n          <Text size=\"sm\">{row.name}</Text>\n          <Text size=\"xs\" c=\"dimmed\">{row.state}</Text>\n        </Group>\n      </Card>\n    )}\n  </Stack>\n</Stack>"
  }
}