jira-monitor

import type { Register } from 'claude-code'

// Drawn like jira-monitor by DakCo36 (pane), as modscode read it from the mod's code:
// https://modscode.com/gallery/dakco36-jira-monitor/
// Written by modscode from that reading, not copied from the mod: use it as you like.
// Each value below stands for one the mod works out at run time; put in your own.
export const register: Register = on => {
  // the pane: open it with $.ui.open({ id: 'my-pane', title: "Tasks" })
  on('ui.render', { component: 'Pane', requestId: 'my-pane' }, async ($, e) => {
    const { Box, Text, Link } = $.ui.resolve(e)
    const length = '…'
    const updated = '…'
    const error = '…'
    const baseUrl = '…'
    const key = '…'
    const status = '…'
    const summary = '…'
    const key2 = '…'
    const status2 = '…'
    const summary2 = '…'
    const key3 = '…'
    const status3 = '…'
    const summary3 = '…'
    return (
      <Box flexDirection="column">
        <Text dimColor>
          {length}
          {" open · updated "}
          {updated}
        </Text>
        <Text color="red">
          {error}
        </Text>
        <Text dimColor>
          Loading…
        </Text>
        <Box flexDirection="column">
          <Text>
            <Link href={`${baseUrl}/browse/${key}`}>
              <Text bold color="cyan">
                {key}
              </Text>
            </Link>
            {" "}
            <Text dimColor>
              [
              {status}
              ]
            </Text>
          </Text>
          <Text wrap="truncate-end">
            {" "}
            {summary}
          </Text>
        </Box>
        <Box flexDirection="column">
          <Text>
            <Link href={`${baseUrl}/browse/${key}`}>
              <Text bold color="cyan">
                {key2}
              </Text>
            </Link>
            {" "}
            <Text dimColor>
              [
              {status2}
              ]
            </Text>
          </Text>
          <Text wrap="truncate-end">
            {" "}
            {summary2}
          </Text>
        </Box>
        <Box flexDirection="column">
          <Text>
            <Link href={`${baseUrl}/browse/${key}`}>
              <Text bold color="cyan">
                {key3}
              </Text>
            </Link>
            {" "}
            <Text dimColor>
              [
              {status3}
              ]
            </Text>
          </Text>
          <Text wrap="truncate-end">
            {" "}
            {summary3}
          </Text>
        </Box>
      </Box>
    )
  })
}