Require code "{spanInfo.hasChildren && (\n <vscode-icon\n action-icon\n name={isExpanded ? \"chevron-down\" : \"chevron-right\"}\n title={isExpanded ? \"Collapse\" : \"Expand\"}\n onvsc-click={toggleExpanded}\n />\n )" instead of "{spanInfo.hasChildren && <vscode-icon action-icon name={isExpanded ? \"chevron-down\" : \"chevron-right\"} title={isExpanded ? \"Collapse\" : \"Expand\"} onvsc-click={toggleExpanded} />"

Require code "style={{\n display: \"flex\",\n flexDirection: \"row\",\n paddingLeft: `calc(${spanInfo.depth} * var(--vscode-font-size))`\n }}" instead of "<div style={{ display: \"flex\", flexDirection: \"row\", paddingLeft: `calc(${spanInfo.depth} * var(--vscode-font-size))` }}"

Require code "<div"

Require tweaking whitespaces around code "value: isExpanded"

Extra code "import type { VscTabsSelectEvent } from \"@vscode-elements/elements/dist/vscode-tabs/vscode-tabs\"\nimport type * as Domain from \"@effect/experimental/DevTools/Domain\"\nimport * as Inspectable from \"effect/Inspectable\""

Extra whitespace(s)

Require code "currentSpanIdsAtom,\n isSpanIdExpandedAtom,\n refreshApp,\n selectedSpanDetailsAtom,\n setSelectedSpanIdAtom,\n spanDataForListAtom,\n toggleSpanIdAtom,\n usedRangeAtom" instead of "currentSpanIdsAtom, isSpanIdExpandedAtom, refreshApp, selectedSpanDetailsAtom, setSelectedSpanIdAtom, spanDataForListAtom, toggleSpanIdAtom, usedRangeAtom"

Require code "Inspectable from \"effect/Inspectable\"\nimport * as"

Require code "type { VscTabsSelectEvent } from \"@vscode-elements/elements/dist/vscode-tabs/vscode-tabs\"\nimport"

Require code "type * as Domain from \"@effect/experimental/DevTools/Domain\"\nimport"

All imports in the declaration are only used as types. Use `import type`

All imports in the declaration are only used as types. Use `import type`