11/** @jsxImportSource @opentui /solid */
22import { createEffect , createMemo , createSignal , on , onCleanup , untrack } from "solid-js"
3+ import { createTextAttributes } from "@opentui/core"
34import type { TuiSlotPlugin } from "@opencode-ai/plugin/tui"
45import { Logger } from "../../lib/logger"
56import {
@@ -12,8 +13,7 @@ import { getPalette, toneColor, type DcpColor, type DcpPalette } from "../shared
1213import { LABEL , type DcpRouteNames } from "../shared/names"
1314import type { DcpActiveBlockInfo , DcpMessageStatus , DcpTuiApi } from "../shared/types"
1415
15- const SINGLE_BORDER = { type : "single" } as any
16- const DIM_TEXT = { dim : true } as any
16+ const DIM_ATTRIBUTES = createTextAttributes ( { dim : true } )
1717
1818const REFRESH_DEBOUNCE_MS = 100
1919const MAX_TOPIC_LEN = 30
@@ -314,7 +314,8 @@ const SidebarContext = (props: {
314314 width = "100%"
315315 flexDirection = "column"
316316 backgroundColor = { props . palette . surface }
317- border = { SINGLE_BORDER }
317+ border
318+ borderStyle = "single"
318319 borderColor = { props . palette . accent }
319320 paddingTop = { 1 }
320321 paddingBottom = { 1 }
@@ -424,7 +425,7 @@ const SidebarContext = (props: {
424425 { topicOverflow ( ) > 0 ? (
425426 < box flexDirection = "row" width = "100%" height = { 1 } >
426427 < box flexGrow = { 1 } flexShrink = { 1 } height = { 1 } >
427- < text { ... DIM_TEXT } fg = { props . palette . muted } >
428+ < text attributes = { DIM_ATTRIBUTES } fg = { props . palette . muted } >
428429 { topicsExpanded ( )
429430 ? `showing all ${ allBlocks ( ) . length } topics`
430431 : `... ${ topicOverflow ( ) } more topics` }
0 commit comments