salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add log level configuration support (#272)

Browse Source 
Add log level configuration support via config.yaml and UI settings.

---------

Co-authored-by: Shantur Rathore <i@shantur.com>
This commit is contained in:
bluelovers
2026-04-02 18:12:33 +08:00
committed by GitHub
parent e82e529a8f
commit 893d5f9296
14 changed files with 235 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
packages/ui/src/components/settings/opencode-settings-section.tsx
View File

@@ -1,14 +1,30 @@
import { createEffect, createSignal, type Component } from "solid-js"
import { Terminal } from "lucide-solid"
import { Select } from "@kobalte/core/select"
import { createEffect, createMemo, createSignal, type Component } from "solid-js"
import { ChevronDown, Terminal } from "lucide-solid"
import OpenCodeBinarySelector from "../opencode-binary-selector"
import EnvironmentVariablesEditor from "../environment-variables-editor"
import { useConfig } from "../../stores/preferences"
import type { ServerLogLevel } from "../../stores/preferences"
import { useI18n } from "../../lib/i18n"
type LogLevelOption = {
value: ServerLogLevel
label: string
}
export const OpenCodeSettingsSection: Component = () => {
const { t } = useI18n()
const { serverSettings, updateLastUsedBinary } = useConfig()
const { serverSettings, updateLastUsedBinary, updateLogLevel } = useConfig()
const [selectedBinary, setSelectedBinary] = createSignal(serverSettings().opencodeBinary || "opencode")
const logLevelOptions = createMemo<LogLevelOption[]>(() => [
{ value: "DEBUG", label: t("settings.opencode.logLevel.option.debug") },
{ value: "INFO", label: t("settings.opencode.logLevel.option.info") },
{ value: "WARN", label: t("settings.opencode.logLevel.option.warn") },
{ value: "ERROR", label: t("settings.opencode.logLevel.option.error") },
])
const selectedLogLevel = createMemo(
() => logLevelOptions().find((option) => option.value === serverSettings().logLevel) ?? logLevelOptions()[0],
)
createEffect(() => {
const binary = serverSettings().opencodeBinary || "opencode"
@@ -37,6 +53,60 @@ export const OpenCodeSettingsSection: Component = () => {
<OpenCodeBinarySelector selectedBinary={selectedBinary()} onBinaryChange={handleBinaryChange} isVisible />
</div>
<div class="settings-card">
<div class="settings-card-header">
<div>
<h3 class="settings-card-title">{t("settings.opencode.logLevel.title")}</h3>
<p class="settings-card-subtitle">{t("settings.opencode.logLevel.subtitle")}</p>
</div>
<span class="settings-scope-badge settings-scope-badge-server">{t("settings.scope.server")}</span>
</div>
<div class="settings-card-body">
<div class="settings-toggle-row settings-toggle-row-compact">
<div>
<div class="settings-toggle-title">{t("settings.opencode.logLevel.selector.title")}</div>
<div class="settings-toggle-caption">{t("settings.opencode.logLevel.selector.subtitle")}</div>
</div>
<Select<LogLevelOption>
value={selectedLogLevel()}
onChange={(option) => {
if (!option) return
updateLogLevel(option.value)
}}
options={logLevelOptions()}
optionValue="value"
optionTextValue="label"
itemComponent={(itemProps) => (
<Select.Item item={itemProps.item} class="selector-option">
<Select.ItemLabel class="selector-option-label">{itemProps.item.rawValue.label}</Select.ItemLabel>
</Select.Item>
)}
>
<Select.Trigger class="selector-trigger" aria-label={t("settings.opencode.logLevel.title")}>
<div class="flex-1 min-w-0">
<Select.Value<LogLevelOption>>
{(state) => (
<span class="selector-trigger-primary selector-trigger-primary--align-left">
{state.selectedOption()?.label}
</span>
)}
</Select.Value>
</div>
<Select.Icon class="selector-trigger-icon">
<ChevronDown class="w-3 h-3" />
</Select.Icon>
</Select.Trigger>
<Select.Portal>
<Select.Content class="selector-popover">
<Select.Listbox class="selector-listbox" />
</Select.Content>
</Select.Portal>
</Select>
</div>
</div>
</div>
<div class="settings-card">
<div class="settings-card-header">
<div>