kokoirc 0.2.0

package/src/ui/sidebar/BufferList.tsx

@@ -0,0 +1,55 @@
+import { useStore } from "@/core/state/store"
+import { useSortedBuffers } from "@/core/state/selectors"
+import { resolveAbstractions, parseFormatString, StyledText } from "@/core/theme"
+
+export function BufferList() {
+  const activeBufferId = useStore((s) => s.activeBufferId)
+  const theme = useStore((s) => s.theme)
+  const setActiveBuffer = useStore((s) => s.setActiveBuffer)
+  const leftWidth = useStore((s) => s.config?.sidepanel.left.width ?? 20)
+
+  const buffers = useSortedBuffers()
+
+  let lastConnectionId = ""
+  let refNum = 0
+
+  return (
+    <scrollbox height="100%">
+      {buffers.map((buf) => {
+        const items: React.ReactNode[] = []
+
+        // Connection header
+        if (buf.connectionId !== lastConnectionId) {
+          lastConnectionId = buf.connectionId
+          const format = theme?.formats.sidepanel.header ?? "%B$0%N"
+          const resolved = resolveAbstractions(format, theme?.abstracts ?? {})
+          const spans = parseFormatString(resolved, [buf.connectionLabel])
+          items.push(
+            <box key={`h-${buf.connectionId}`} width="100%">
+              <StyledText spans={spans} />
+            </box>
+          )
+        }
+
+        refNum++
+        const isActive = buf.id === activeBufferId
+        const formatKey = isActive
+          ? "item_selected"
+          : `item_activity_${buf.activity}`
+        const format = theme?.formats.sidepanel[formatKey] ?? "$0. $1"
+        const resolved = resolveAbstractions(format, theme?.abstracts ?? {})
+        const maxLen = leftWidth - 4
+        const displayName = buf.name.length > maxLen ? buf.name.slice(0, maxLen - 1) + "\u2026" : buf.name
+        const spans = parseFormatString(resolved, [String(refNum), displayName])
+
+        items.push(
+          <box key={buf.id} width="100%" onMouseDown={() => setActiveBuffer(buf.id)}>
+            <StyledText spans={spans} />
+          </box>
+        )
+
+        return items
+      })}
+    </scrollbox>
+  )
+}

package/src/ui/sidebar/NickList.tsx

@@ -0,0 +1,96 @@
+import { useMemo } from "react"
+import { useStore } from "@/core/state/store"
+import { sortNicks } from "@/core/state/sorting"
+import { resolveAbstractions, parseFormatString, StyledText } from "@/core/theme"
+import { BufferType, ActivityLevel, makeBufferId } from "@/types"
+
+const DEFAULT_PREFIX_ORDER = "~&@%+"
+const EMPTY_NICKS: import("@/types").NickEntry[] = []
+
+export function NickList() {
+  const activeBufferId = useStore((s) => s.activeBufferId)
+  const buffersMap = useStore((s) => s.buffers)
+  const connectionsMap = useStore((s) => s.connections)
+  const theme = useStore((s) => s.theme)
+  const colors = theme?.colors
+
+  const buffer = activeBufferId ? buffersMap.get(activeBufferId) ?? null : null
+  const conn = buffer ? connectionsMap.get(buffer.connectionId) : undefined
+
+  const prefixOrder = conn?.isupport?.PREFIX
+    ? extractPrefixChars(conn.isupport.PREFIX)
+    : DEFAULT_PREFIX_ORDER
+
+  const sortedNicks = useMemo(() => {
+    if (!buffer) return EMPTY_NICKS
+    return sortNicks(Array.from(buffer.users.values()), prefixOrder)
+  }, [buffer, prefixOrder])
+
+  if (!buffer || buffer.type !== BufferType.Channel) {
+    return (
+      <box flexGrow={1}>
+        <text><span fg={colors?.fg_dim ?? "#292e42"}>{"\u2014"}</span></text>
+      </box>
+    )
+  }
+
+  const formats = theme?.formats.nicklist ?? {}
+  const abstracts = theme?.abstracts ?? {}
+
+  return (
+    <scrollbox height="100%">
+      <box width="100%">
+        <text><span fg={colors?.fg_muted ?? "#565f89"}>{sortedNicks.length} users</span></text>
+      </box>
+      {sortedNicks.map((entry) => {
+        const formatKey = getFormatKey(entry.prefix)
+        const format = formats[formatKey] ?? " $0"
+        const resolved = resolveAbstractions(format, abstracts)
+        const spans = parseFormatString(resolved, [entry.nick])
+
+        return (
+          <box key={entry.nick} width="100%"
+            onMouseDown={() => {
+              if (!buffer) return
+              const store = useStore.getState()
+              const queryId = makeBufferId(buffer.connectionId, entry.nick)
+              if (!store.buffers.has(queryId)) {
+                store.addBuffer({
+                  id: queryId,
+                  connectionId: buffer.connectionId,
+                  type: BufferType.Query,
+                  name: entry.nick,
+                  messages: [],
+                  activity: ActivityLevel.None,
+                  unreadCount: 0,
+                  lastRead: new Date(),
+                  users: new Map(),
+                })
+              }
+              store.setActiveBuffer(queryId)
+            }}
+          >
+            <StyledText spans={spans} />
+          </box>
+        )
+      })}
+    </scrollbox>
+  )
+}
+
+function getFormatKey(prefix: string): string {
+  switch (prefix) {
+    case "~": return "owner"
+    case "&": return "admin"
+    case "@": return "op"
+    case "%": return "halfop"
+    case "+": return "voice"
+    default: return "normal"
+  }
+}
+
+function extractPrefixChars(isupportPrefix: unknown): string {
+  if (typeof isupportPrefix !== "string") return DEFAULT_PREFIX_ORDER
+  const match = isupportPrefix.match(/\)(.+)$/)
+  return match ? match[1] : DEFAULT_PREFIX_ORDER
+}

package/src/ui/splash/SplashScreen.tsx

@@ -0,0 +1,100 @@
+import { useState, useEffect, useRef } from "react"
+import { useKeyboard } from "@opentui/react"
+
+const BIRD = [
+  "⠀⠀⠀⠀⠀⠀⠀⠀⠀⣾⣿⣿⣷⣦⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀",
+  "⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀",
+  "⠀⠀⠀⣀⣀⣤⣤⣤⣬⣻⣿⣿⣿⣿⣿⣿⣿⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀",
+  "⢀⣴⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⣠⣤⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀",
+  "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀",
+  "⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠿⠿⠿⣿⣿⣿⣿⣿⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀",
+  "⠀⠀⠀⠀⣾⣿⣿⣿⡿⠟⠉⠀⠀⠀⠀⠀⠀⠉⠻⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀",
+  "⠀⠀⠀⠀⠈⠛⠛⡟⠀⠀⠀⠀⠀⢀⡴⠦⣄⠀⠀⠈⣖⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀",
+  "⠀⠀⠀⠀⠀⣖⣚⡁⣀⢠⢠⣠⣖⣉⣤⣤⢞⡆⠀⠀⠈⢻⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀",
+  "⠀⠀⠀⠀⠀⢸⣤⣬⣭⡻⣏⣿⠝⠓⠊⣉⣹⠃⠀⠀⠀⠀⠙⢄⠀⠀⠀⠀⠀⠀⠀⠀",
+  "⠀⠀⠀⠀⢀⢘⣯⣉⣴⣿⣿⣿⣷⣿⣿⣿⣿⣷⠤⢤⣄⡀⠀⠀⠙⢦⡀⠀⠀⠀⠀⠀",
+  "⠀⠀⠀⣴⠟⠁⠀⡀⠀⠀⠈⠙⠻⠿⠿⠿⢛⡋⠀⠀⠀⠙⣆⠀⠀⠀⠈⠑⠦⠤⢄⡀",
+  "⠀⠀⢸⢻⠀⢠⠊⠀⠀⠀⠀⠀⣀⣠⠴⣞⠉⠙⢯⡉⠙⢢⢘⡆⠀⠀⠀⠀⠀⠀⢤⡞",
+  "⠀⠀⢸⡜⡀⠀⠀⠀⠀⢀⣴⡛⠙⢦⡀⠈⠳⡀⠀⠓⣄⢈⣧⡟⠀⠀⠀⠀⣀⣀⡀⠙",
+  "⠀⠀⠈⢧⠀⠀⠀⢀⡔⠋⣠⠽⠶⠤⠬⠦⠴⠿⠶⠒⠛⠋⣾⡅⠀⠀⠀⠀⠈⠳⣍⠉",
+  "⠀⠀⠀⠹⣦⠀⠀⡎⠀⠀⠙⠓⠦⢤⢄⣀⣀⣀⣀⣤⣴⣾⣿⣷⣦⣀⠀⢠⢤⣤⣄⣣",
+  "⠀⠀⠀⠀⠉⠳⡼⠁⠀⠀⠀⠀⠀⠀⠀⢸⠟⠻⣿⣿⣿⣿⣿⣿⣿⣿⣷⡸⡇⠀⠀⠀",
+  "⠀⠀⣠⡴⠴⠤⣀⠀⠀⠀⠀⠀⠀⠀⢠⠏⣠⠈⣿⣿⣿⣿⣿⣿⣿⣿⣿⣟⠃⠀⠀⠀",
+  "⠀⢰⠃⠀⠀⢀⡴⠟⠲⢤⡀⠀⠀⠠⣏⣴⣿⢀⣿⣿⣿⣿⠛⠉⡽⠋⠉⠙⠒⢤⡀⠀",
+  "⢀⡼⠓⠦⣄⡟⠀⠀⢀⠀⣳⠀⠀⠀⠉⣸⢻⣠⠟⢿⡇⠉⠀⠘⠃⠀⠀⡴⢃⡼⠧⡀",
+  "⢸⠀⠀⠀⢸⠁⠀⠀⣴⠀⡗⢆⡀⠀⣠⡇⠀⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠙⠋⠀⠀⢳",
+  "⠈⡗⣤⡀⠸⣆⠀⢠⡏⠊⠀⠀⠑⢋⣹⠀⠀⠀⠀⠸⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⡴⠓",
+  "⠰⣇⠀⠉⠉⠉⠳⢾⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠘⠢⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀",
+  "⠀⠈⠓⠦⢤⣀⡤⢞⠀⠀⠀⠀⠀⠈⡇⠀⠀⠀⠀⠀⠀⠀⠈⠓⢦⡀⠀⠀⠀⠀⠀⠀",
+]
+
+const LOGO = [
+  "   __        __        _______  _____",
+  "  / /_____  / /_____  /  _/ _ \\/ ___/",
+  " /  '_/ _ \\/  '_/ _ \\_/ // , _/ /__  ",
+  "/_/\\_\\\\___/_/\\_\\\\___/___/_/|_|\\___/  ",
+]
+
+const SUBTITLE = "koko maxed terminal irc client"
+
+const BG = "#1a1b26"
+const BIRD_COLOR = "#e0af68"
+const LOGO_COLOR = "#7aa2f7"
+const DIM = "#565f89"
+
+export function SplashScreen({ onDone }: { onDone: () => void }) {
+  const [visibleLines, setVisibleLines] = useState(0)
+  const [showLogo, setShowLogo] = useState(false)
+  const doneRef = useRef(false)
+
+  const finish = () => {
+    if (doneRef.current) return
+    doneRef.current = true
+    onDone()
+  }
+
+  useKeyboard(() => finish())
+
+  useEffect(() => {
+    let count = 0
+    const timer = setInterval(() => {
+      count++
+      setVisibleLines(count)
+      if (count >= BIRD.length) {
+        clearInterval(timer)
+        setShowLogo(true)
+        setTimeout(finish, 2500)
+      }
+    }, 50)
+    return () => clearInterval(timer)
+  }, [])
+
+  return (
+    <box
+      width="100%"
+      height="100%"
+      flexDirection="column"
+      justifyContent="center"
+      alignItems="center"
+      backgroundColor={BG}
+    >
+      <box flexDirection="column" alignItems="center">
+        {BIRD.map((line, i) => (
+          <text key={i}>
+            <span fg={i < visibleLines ? BIRD_COLOR : BG}>{line}</span>
+          </text>
+        ))}
+      </box>
+      <box flexDirection="column" alignItems="center" marginTop={1}>
+        {LOGO.map((line, i) => (
+          <text key={`l${i}`}>
+            <span fg={showLogo ? LOGO_COLOR : BG}>{line}</span>
+          </text>
+        ))}
+        <text>
+          <span fg={showLogo ? DIM : BG}>{SUBTITLE}</span>
+        </text>
+      </box>
+    </box>
+  )
+}

package/src/ui/statusbar/StatusLine.tsx

@@ -0,0 +1,205 @@
+import { useState, useEffect } from "react"
+import { useStore } from "@/core/state/store"
+import { useSortedBuffers } from "@/core/state/selectors"
+import { BufferType, ActivityLevel } from "@/types"
+import { DEFAULT_ITEM_FORMATS, type StatusbarItem } from "@/types/config"
+import { useStatusbarColors } from "@/ui/hooks/useStatusbarColors"
+
+export function StatusLine() {
+  const config = useStore((s) => s.config)
+  const buffer = useStore((s) => s.activeBufferId ? s.buffers.get(s.activeBufferId) : null)
+  const connections = useStore((s) => s.connections)
+  const activeBufferId = useStore((s) => s.activeBufferId)
+  const setActiveBuffer = useStore((s) => s.setActiveBuffer)
+
+  // Ticking clock — re-render every second
+  const [now, setNow] = useState(new Date())
+  useEffect(() => {
+    const id = setInterval(() => setNow(new Date()), 1_000)
+    return () => clearInterval(id)
+  }, [])
+
+  const sortedBuffers = useSortedBuffers()
+  const sb = useStatusbarColors()
+
+  if (!config?.statusbar.enabled) return null
+
+  const conn = buffer ? connections.get(buffer.connectionId) : null
+  const items = config.statusbar.items
+
+  function getItemFormat(item: StatusbarItem): string {
+    return config!.statusbar.item_formats?.[item] ?? DEFAULT_ITEM_FORMATS[item]
+  }
+
+  /** Parse a format string with $variables and render colored slots as JSX. */
+  function renderWithFormat(
+    format: string,
+    slots: Record<string, React.ReactNode>,
+    key: string,
+  ): React.ReactNode {
+    const parts: React.ReactNode[] = []
+    const regex = /\$([a-z_]+)/g
+    let lastIndex = 0
+    let pi = 0
+    let match: RegExpExecArray | null
+
+    while ((match = regex.exec(format)) !== null) {
+      if (match.index > lastIndex) {
+        parts.push(<span key={`${key}-${pi++}`} fg={sb.muted}>{format.slice(lastIndex, match.index)}</span>)
+      }
+      const slot = slots[match[1]]
+      if (slot != null) {
+        parts.push(<span key={`${key}-${pi++}`}>{slot}</span>)
+      }
+      lastIndex = regex.lastIndex
+    }
+
+    if (lastIndex < format.length) {
+      parts.push(<span key={`${key}-${pi++}`} fg={sb.muted}>{format.slice(lastIndex)}</span>)
+    }
+
+    return <text key={key}>{parts}</text>
+  }
+
+  const renderedItems: React.ReactNode[] = []
+
+  for (let i = 0; i < items.length; i++) {
+    const item = items[i]
+    if (i > 0) {
+      renderedItems.push(
+        <text key={`sep-${i}`}><span fg={sb.dim}>{sb.separator}</span></text>
+      )
+    }
+    renderedItems.push(renderItem(item, i))
+  }
+
+  function renderItem(item: StatusbarItem, idx: number): React.ReactNode {
+    switch (item) {
+      case "active_windows": return renderActiveWindows(idx)
+      case "nick_info": return renderNickInfo(idx)
+      case "channel_info": return renderChannelInfo(idx)
+      case "lag": return renderLag(idx)
+      case "time": return renderTime(idx)
+      default: return null
+    }
+  }
+
+  function renderActiveWindows(idx: number): React.ReactNode {
+    const entries: { winNum: number; color: string; bufferId: string }[] = []
+    for (let i = 0; i < sortedBuffers.length; i++) {
+      const buf = sortedBuffers[i]
+      if (buf.id === activeBufferId) continue
+      if (buf.activity === ActivityLevel.None) continue
+
+      let color = "#9ece6a"
+      if (buf.activity >= ActivityLevel.Mention) color = "#bb9af7"
+      else if (buf.activity >= ActivityLevel.Highlight) color = "#f7768e"
+      else if (buf.activity >= ActivityLevel.Activity) color = "#e0af68"
+
+      entries.push({ winNum: i + 1, color, bufferId: buf.id })
+    }
+
+    if (entries.length === 0) return null
+
+    // Split format at $activity to render numbers as individual clickable elements
+    const format = getItemFormat("active_windows")
+    const actIdx = format.indexOf("$activity")
+    const result: React.ReactNode[] = []
+
+    // Render prefix (everything before $activity)
+    const prefix = actIdx >= 0 ? format.slice(0, actIdx) : format
+    if (prefix) {
+      result.push(renderWithFormat(prefix, {}, `awp-${idx}`))
+    }
+
+    // Render each activity number as a clickable <text>
+    if (actIdx >= 0) {
+      for (let j = 0; j < entries.length; j++) {
+        const e = entries[j]
+        if (j > 0) {
+          result.push(<text key={`ac-${e.winNum}`}><span fg={sb.dim}>,</span></text>)
+        }
+        result.push(
+          <text key={`a-${e.winNum}`} onMouseDown={() => setActiveBuffer(e.bufferId)}>
+            <span fg={e.color}>{e.winNum}</span>
+          </text>
+        )
+      }
+
+      // Render suffix (everything after $activity)
+      const suffix = format.slice(actIdx + 9)
+      if (suffix) {
+        result.push(renderWithFormat(suffix, {}, `aws-${idx}`))
+      }
+    }
+
+    return <>{result}</>
+  }
+
+  function renderNickInfo(idx: number): React.ReactNode {
+    const nick = conn?.nick ?? "?"
+    const modes = conn?.userModes ? `(+${conn.userModes})` : ""
+    return renderWithFormat(getItemFormat("nick_info"), {
+      nick: <span fg={sb.accent}>{nick}</span>,
+      modes: modes ? <span fg={sb.muted}>{modes}</span> : null,
+    }, `nick-${idx}`)
+  }
+
+  function renderChannelInfo(idx: number): React.ReactNode {
+    if (!buffer) return null
+    let nameNode: React.ReactNode = null
+    let modesNode: React.ReactNode = null
+
+    if (buffer.type === BufferType.Channel) {
+      nameNode = <span fg={sb.accent}>{buffer.name}</span>
+      if (buffer.modes) {
+        // Append params for modes that have them (e.g. +l 50, +k secret)
+        const paramStr = buffer.modes
+          .split("")
+          .map((ch) => buffer.modeParams?.[ch])
+          .filter(Boolean)
+          .join(" ")
+        const display = `(+${buffer.modes}${paramStr ? " " + paramStr : ""})`
+        modesNode = <span fg={sb.muted}>{display}</span>
+      }
+    } else if (buffer.type === BufferType.Query) {
+      nameNode = <span fg="#e0af68">{buffer.name}</span>
+    } else if (buffer.type === BufferType.Server) {
+      nameNode = <span fg={sb.muted}>{conn?.label ?? "server"}</span>
+    } else {
+      return null
+    }
+
+    return renderWithFormat(getItemFormat("channel_info"), {
+      name: nameNode,
+      modes: modesNode,
+    }, `chan-${idx}`)
+  }
+
+  function renderLag(idx: number): React.ReactNode {
+    const lag = conn?.lag
+    if (lag == null) return null
+    const seconds = (lag / 1000).toFixed(1)
+    const lagColor = lag > 5000 ? "#f7768e" : lag > 2000 ? "#e0af68" : "#9ece6a"
+    return renderWithFormat(getItemFormat("lag"), {
+      lag: <span fg={lagColor}>{seconds}s</span>,
+    }, `lag-${idx}`)
+  }
+
+  function renderTime(idx: number): React.ReactNode {
+    const h = String(now.getHours()).padStart(2, "0")
+    const m = String(now.getMinutes()).padStart(2, "0")
+    const s = String(now.getSeconds()).padStart(2, "0")
+    return renderWithFormat(getItemFormat("time"), {
+      time: <span fg={sb.muted}>{h}:{m}:{s}</span>,
+    }, `time-${idx}`)
+  }
+
+  return (
+    <box width="100%" height={1} flexDirection="row">
+      <text><span fg={sb.dim}>[</span></text>
+      {renderedItems}
+      <text><span fg={sb.dim}>]</span></text>
+    </box>
+  )
+}

package/themes/default.theme

@@ -0,0 +1,57 @@
+[meta]
+name = "Nightfall"
+description = "Modern dark theme with subtle accents"
+
+[colors]
+bg = "#1a1b26"
+bg_alt = "#16161e"
+border = "#292e42"
+fg = "#a9b1d6"
+fg_muted = "#565f89"
+fg_dim = "#292e42"
+accent = "#7aa2f7"
+cursor = "#7aa2f7"
+
+[abstracts]
+timestamp = "%Z6e738d$*%Z7aa2f7%N"
+msgnick = "%Z565f89$0$1%Z7aa2f7❯%N%| "
+ownnick = "%Z9ece6a%_$*%_%N"
+pubnick = "%Z7aa2f7%_$*%_%N"
+menick = "%Zbb9af7%_$*%_%N"
+channel = "%Z7aa2f7%_$*%_%N"
+action = "%Ze0af68* $*%N"
+error = "%Zf7768e! $*%N"
+
+[formats.messages]
+own_msg = "{msgnick $2 {ownnick $0}}%Zc0caf5$1%N"
+pubmsg = "{msgnick $2 {pubnick $0}}%Za9b1d6$1%N"
+pubmsg_mention = "{msgnick %Zbb9af7$2 {menick $0}}%Zbb9af7$1%N"
+pubmsg_highlight = "{msgnick %Zf7768e$2 %Zf7768e%_$0%_%N}%Zf7768e$1%N"
+action = "{action $0} %Ze0af68$1%N"
+notice = "%Z7dcfff-%Z7aa2f7$0%Z7dcfff-%N $1"
+
+[formats.events]
+join = "%Z9ece6a-->%N %Za9b1d6$0%N %Z565f89($1@$2)%N has joined {channel $3}"
+part = "%Ze0af68<--%N %Za9b1d6$0%N %Z565f89($1@$2)%N has left {channel $3} %Z565f89($4)%N"
+quit = "%Zf7768e<--%N %Za9b1d6$0%N %Z565f89($1@$2)%N has quit %Z565f89($3)%N"
+nick_change = "%Zbb9af7---%N %Za9b1d6$0%N is now known as %Za9b1d6$1%N"
+topic = "%Z7aa2f7---%N Topic set by %Z565f89$0%N: $1"
+mode = "%Z7aa2f7---%N %Za9b1d6$0%N sets mode %Ze0af68$1%N on {channel $2}"
+
+[formats.sidepanel]
+header = "%Z7aa2f7%_$0%_%N"
+item = "%Z565f89$0.%N %Z6e738d$1%N"
+item_selected = "%Ze0af68$0.%N %Zc0caf5%_$1%_%N"
+item_activity_0 = "%Z565f89$0.%N %Z6e738d$1%N"
+item_activity_1 = "%Z565f89$0.%N %Z9ece6a$1%N"
+item_activity_2 = "%Z565f89$0.%N %Zf7768e$1%N"
+item_activity_3 = "%Z565f89$0.%N %Ze0af68$1%N"
+item_activity_4 = "%Z565f89$0.%N %Zbb9af7$1%N"
+
+[formats.nicklist]
+owner = "%Ze0af68~%Zc0caf5$0%N"
+admin = "%Zf7768e&%Zc0caf5$0%N"
+op = "%Z9ece6a@%Za9b1d6$0%N"
+halfop = "%Z7aa2f7%%%Za9b1d6$0%N"
+voice = "%Z7dcfff+%Z6e738d$0%N"
+normal = " %Z565f89$0%N"

package/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "lib": ["ESNext", "DOM"],
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "jsxImportSource": "@opentui/react",
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "types": ["bun-types"],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src/**/*"]
+}