haunted-repo

  on('ui.render', { component: 'AbovePrompt' }, async ($, e, next) => {
    if (e.props.hasSurvey) return next(e)
    const list = await read($, ghosts)
    const f = await read($, fx)
    const w = await read($, whisper)
    const t = await read($, frame)
    const time = await timeOf($)
    const now = time.now

    const isPolter = f.poltergeistUntil > now
    const isBusted = f.bustedUntil > now
    const isTrick = f.trickUntil > now
    const isMirror = f.mirrorUntil > now
    const isDance = f.danceUntil > now
    const isCandles = f.candlesUntil > now
    if (list.length === 0 && !isPolter && !isMirror && !isDance && !isCandles && !time.isHalloween) return next(e)

    const { Box, Text } = $.ui.resolve(e)
    const width = Math.max(30, (e.props.bodyColumns ?? 80) - 2)
    const out = (s: string) => (isTrick ? flip(s) : isPolter ? zalgo(s, 1) : s)

    if (isMirror) {
      return (
        <Box flexDirection="column">
          <Text color="red" bold>{'  🪞  ' + '░'.repeat(Math.min(40, width - 8))}</Text>
          <Text color="red">{t % 4 < 2 ? '      she is behind you.' : '      d o n ’ t   t u r n   a r o u n d'}</Text>
        </Box>
      )
    }

    if (isDance) {
      const moves = ['┌(・。・)┘♪', '└(・。・)┐♪', '┌(・o・)┘♫', '└(・o・)┐♫']
      return (
        <Box>
          <Text color="white" bold>{`💀 ${moves[t % 4]}  spooky scary skeletons send shivers down your spine  ${moves[(t + 2) % 4]} 💀`}</Text>
        </Box>
      )
    }

    if (isCandles) {
      const flame = t % 2 ? '🕯️' : '🕯'
      return (
        <Box>
          <Text color="yellow">{`  ${Array.from({ length: Math.max(1, Math.min(list.length || 3, 13)) }, () => flame).join(' ')}   rest in peace`}</Text>
        </Box>
      )
    }

    // The drifting procession: each ghost floats along its own sine wave.
    const track = Math.max(10, Math.min(width - 24, 70))
    const row = Array.from({ length: track }, () => ' ')
    if (!isBusted) {
      list.slice(-6).forEach((g, i) => {
        const phase = (hash(g.id) % 100) / 15
        const x = Math.round(((Math.sin(t / (9 + i * 2) + phase) + 1) / 2) * (track - 2))
        row[Math.min(track - 1, x)] = g.isBound ? '⛓' : g.kind === 'legion' ? '👥' : g.kind === 'wisp' ? '∿' : '👻'
      })
    }
    const pumpkins = time.isHalloween ? (t % 6 < 3 ? '🎃 ' : '🎃 ') : ''
    const header = isBusted
      ? '🚫👻  the ghosts are hiding…'
      : isPolter
        ? `⚡ ${row.join('').replace(/ /g, () => pick([' ', ' ', ' ', '░', '▒']))} ⚡`
        : `${pumpkins}${row.join('')}`
    const count = list.length
    const tag = count === 0 ? (time.isHalloween ? '🎃 happy halloween' : '') : `⚰ ${count}${count >= MAX_GHOSTS ? ' 🕯️ THE CIRCLE IS COMPLETE' : ''}${time.isWitching ? ' · witching hour' : ''}`

    const g = w ? list.find(x => x.id === w.ghostId) : undefined
    const isFresh = w !== null && now - w.at < 9_000 && !isBusted
    const st = g ? strength(g) : 1
    const whisperText = isFresh && w ? `“${fade(w.text, st).slice(0, Math.max(10, width - w.name.length - 12))}” — ${w.name}` : ''

    return (
      <Box flexDirection="column">
        <Box>
          <Text color={isPolter ? 'red' : time.isWitching ? 'magenta' : 'gray'}>{out(header)}</Text>
          <Text dimColor>{'  ' + out(tag)}</Text>
        </Box>
        {whisperText !== '' && (
          <Text italic dimColor={st < 0.5} color={st < 0.25 ? 'gray' : 'cyan'}>
            {'  ' + out(whisperText)}
          </Text>
        )}
      </Box>
    )
  })

  on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e) => {
    const { Box, Text } = $.ui.resolve(e)
    const list = await read($, ghosts)
    const rested = Number((await $.store.get('laidToRest')) ?? 0)
    const cols = Math.max(1, Math.floor(((e.props.bodyColumns as number | undefined) ?? 40) / 20))

    const stone = (g: Ghost) => {
      const center = (s: string) => {
        const cut = s.length > 15 ? s.slice(0, 14) + '…' : s
        const pad = 15 - cut.length
        return '│' + ' '.repeat(Math.floor(pad / 2)) + cut + ' '.repeat(Math.ceil(pad / 2)) + '│'
      }
      const d = new Date(g.diedAt)
      const epitaph = EPITAPHS[hash(g.id) % EPITAPHS.length]
      return [
        '  ╭─────────────╮ ',
        center(g.isBound ? '⛓ R.I.P. ⛓' : 'R . I . P .'),
        center(g.name),
        center(g.kind === 'legion' ? `${g.lineCount} souls` : `${g.lineCount} lines`),
        center(`${d.getMonth() + 1}/${d.getDate()}/${d.getFullYear()}`),
        center(epitaph.slice(0, 15)),
        '▁▁│▁▁▁▁▁▁▁▁▁▁▁▁▁│▁▁',
      ]
    }

    const rows: Ghost[][] = []
    for (let i = 0; i < list.length; i += cols) rows.push(list.slice(i, i + cols))

    return (
      <Box flexDirection="column">
        <Text color="magenta" bold>⚰️  {list.length} restless · ✨ {rested} at peace</Text>
        <Text dimColor>Restore a file to free its ghost · /seance to speak · /exorcise to banish</Text>
        <Text> </Text>
        {list.length === 0 && <Text dimColor>Only fog, and the soft sound of a cursor blinking.</Text>}
        {rows.map((r, ri) => (
          <Box key={`row-${ri}`} flexDirection="row">
            {r.map(g => (
              <Box key={g.id} flexDirection="column" marginRight={1}>
                {stone(g).map((line, li) => (
                  <Text key={`${g.id}-${li}`} color={li === 0 || li === 6 ? 'gray' : g.isBound ? 'red' : 'white'}>{line}</Text>
                ))}
              </Box>
            ))}
          </Box>
        ))}
      </Box>
    )
  })