{
  "$schema": "homarr-custom-widget-v2",
  "name": "JellyGlance overview",
  "description": "Sessions, downloads, alerts, storage, invites, and upcoming releases from JellyGlance.",
  "iconUrl": "https://jellyglance.com/project-logo.png",
  "url": "http://jellyglance:3000/api/widgets/homepage",
  "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\">JellyGlance</Text>\n        <Text size=\"xs\" c=\"dimmed\">{data.storage} · {data.sessionsToday} today · {data.users} users</Text>\n      </Stack>\n    </Group>\n    <Badge variant=\"light\" color={data.digestOk ? \"teal\" : \"red\"}>{data.digestOk ? \"Clear\" : String(data.digest) + \" alerts\"}</Badge>\n  </Group>\n  <Grid gutter=\"xs\">\n    <Grid.Col span={4}><Card withBorder radius=\"md\" p=\"xs\"><Text size=\"xs\" c=\"violet\">Sessions</Text><Text fw={800} size=\"lg\">{data.sessionsRecent}</Text></Card></Grid.Col>\n    <Grid.Col span={4}><Card withBorder radius=\"md\" p=\"xs\"><Text size=\"xs\" c=\"blue\">Downloads</Text><Text fw={800} size=\"lg\">{data.downloads}</Text></Card></Grid.Col>\n    <Grid.Col span={4}><Card withBorder radius=\"md\" p=\"xs\"><Text size=\"xs\" c=\"red\">Alerts</Text><Text fw={800} size=\"lg\">{data.digest}</Text></Card></Grid.Col>\n    <Grid.Col span={4}><Card withBorder radius=\"md\" p=\"xs\"><Text size=\"xs\" c=\"teal\">Stalled</Text><Text fw={800} size=\"lg\">{data.stalled}</Text></Card></Grid.Col>\n    <Grid.Col span={4}><Card withBorder radius=\"md\" p=\"xs\"><Text size=\"xs\" c=\"orange\">Invites</Text><Text fw={800} size=\"lg\">{data.invites}</Text></Card></Grid.Col>\n    <Grid.Col span={4}><Card withBorder radius=\"md\" p=\"xs\"><Text size=\"xs\" c=\"indigo\">Upcoming</Text><Text fw={800} size=\"lg\">{data.calendarUpcoming}</Text></Card></Grid.Col>\n  </Grid>\n</Stack>"
  }
}