feat: add agents settings component and deepseek prompt; ignore .vscode/.github/.opencode

Made-with: Cursor

Author: xywsxp

.gitignore

@@ -5,6 +5,8 @@ node_modules
 .env
 .idea
 .vscode
+.github
+.opencode
 .codex
 *~
 playground

packages/app/src/components/settings-agents.tsx

@@ -0,0 +1,201 @@
+import { Component, createEffect, createMemo, createSignal, For, Show, type JSX } from "solid-js"
+import { Select } from "@opencode-ai/ui/select"
+import { TextField } from "@opencode-ai/ui/text-field"
+import { showToast } from "@opencode-ai/ui/toast"
+import { useLanguage } from "@/context/language"
+import { useGlobalSync } from "@/context/global-sync"
+import { useModels } from "@/context/models"
+import { SettingsList } from "./settings-list"
+
+const AGENT_NAMES = ["build", "plan", "general", "explore"] as const
+type AgentName = (typeof AGENT_NAMES)[number]
+
+const AGENT_KEYS: Record<AgentName, { title: string; description: string }> = {
+  build: {
+    title: "settings.agents.agent.build.title",
+    description: "settings.agents.agent.build.description",
+  },
+  plan: {
+    title: "settings.agents.agent.plan.title",
+    description: "settings.agents.agent.plan.description",
+  },
+  general: {
+    title: "settings.agents.agent.general.title",
+    description: "settings.agents.agent.general.description",
+  },
+  explore: {
+    title: "settings.agents.agent.explore.title",
+    description: "settings.agents.agent.explore.description",
+  },
+}
+
+interface SettingsRowProps {
+  title: string | JSX.Element
+  description: string | JSX.Element
+  children: JSX.Element
+}
+
+const SettingsRow: Component<SettingsRowProps> = (props) => (
+  <div class="flex flex-wrap items-center gap-4 py-3 border-b border-border-weak-base last:border-none sm:flex-nowrap">
+    <div class="flex min-w-0 flex-1 flex-col gap-0.5">
+      <span class="text-14-medium text-text-strong">{props.title}</span>
+      <span class="text-12-regular text-text-weak">{props.description}</span>
+    </div>
+    <div class="flex w-full justify-end sm:w-auto sm:shrink-0">{props.children}</div>
+  </div>
+)
+
+const AgentSection: Component<{ name: AgentName }> = (props) => {
+  const language = useLanguage()
+  const globalSync = useGlobalSync()
+  const models = useModels()
+
+  const agentConfig = createMemo(() => globalSync.data.config.agent?.[props.name])
+
+  const modelOptions = createMemo(() => {
+    const none = { value: "", label: language.t("settings.agents.model.none") }
+    return [
+      none,
+      ...models.list().map((m) => ({
+        value: `${m.provider.id}/${m.id}`,
+        label: `${m.provider.name} / ${m.name}`,
+      })),
+    ]
+  })
+
+  const currentModelValue = createMemo(() => agentConfig()?.model ?? "")
+
+  const currentModel = createMemo(() => {
+    const v = currentModelValue()
+    if (!v) return undefined
+    const slashIdx = v.indexOf("/")
+    const providerID = v.slice(0, slashIdx)
+    const modelID = v.slice(slashIdx + 1)
+    return models.list().find((m) => m.provider.id === providerID && m.id === modelID)
+  })
+
+  const variantOptions = createMemo(() => {
+    const m = currentModel()
+    if (!m?.variants || Object.keys(m.variants).length === 0) return []
+    const none = { value: "", label: language.t("settings.agents.variant.none") }
+    return [none, ...Object.keys(m.variants).map((v) => ({ value: v, label: v }))]
+  })
+
+  const currentVariantValue = createMemo(() => {
+    if (!currentModel()) return ""
+    return agentConfig()?.variant ?? ""
+  })
+
+  const [localPrompt, setLocalPrompt] = createSignal(agentConfig()?.prompt ?? "")
+
+  createEffect(() => {
+    setLocalPrompt(agentConfig()?.prompt ?? "")
+  })
+
+  const save = async (patch: { model?: string; variant?: string; prompt?: string }) => {
+    const current = agentConfig() ?? {}
+    const next: Record<string, unknown> = { ...current, ...patch }
+    if (next.model === "") delete next.model
+    if (next.variant === "") delete next.variant
+    if (next.prompt === "") delete next.prompt
+    await globalSync.updateConfig({ agent: { [props.name]: next } }).catch((err: unknown) => {
+      const message = err instanceof Error ? err.message : String(err)
+      showToast({ title: language.t("common.requestFailed"), description: message })
+    })
+  }
+
+  return (
+    <div class="flex flex-col gap-1">
+      <h3 class="text-14-medium text-text-strong pb-2">
+        {language.t(AGENT_KEYS[props.name].title)}
+      </h3>
+      <SettingsList>
+        <SettingsRow
+          title={language.t("settings.agents.row.model.title")}
+          description={language.t("settings.agents.row.model.description")}
+        >
+          <Select
+            options={modelOptions()}
+            current={modelOptions().find((o) => o.value === currentModelValue())}
+            value={(o) => o.value}
+            label={(o) => o.label}
+            onSelect={(option) => {
+              if (option === undefined) return
+              void save({ model: option.value, variant: "" })
+            }}
+            variant="secondary"
+            size="small"
+            triggerVariant="settings"
+            triggerStyle={{ "min-width": "220px" }}
+          />
+        </SettingsRow>
+
+        <Show when={variantOptions().length > 0}>
+          <SettingsRow
+            title={language.t("settings.agents.row.variant.title")}
+            description={language.t("settings.agents.row.variant.description")}
+          >
+            <Select
+              options={variantOptions()}
+              current={variantOptions().find((o) => o.value === currentVariantValue())}
+              value={(o) => o.value}
+              label={(o) => o.label}
+              onSelect={(option) => {
+                if (option === undefined) return
+                void save({ variant: option.value })
+              }}
+              variant="secondary"
+              size="small"
+              triggerVariant="settings"
+            />
+          </SettingsRow>
+        </Show>
+
+        <div class="py-3 flex flex-col gap-2 border-b border-border-weak-base last:border-none">
+          <div class="flex min-w-0 flex-col gap-0.5">
+            <span class="text-14-medium text-text-strong">
+              {language.t("settings.agents.row.prompt.title")}
+            </span>
+            <span class="text-12-regular text-text-weak">
+              {language.t("settings.agents.row.prompt.description")}
+            </span>
+          </div>
+          <TextField
+            label={language.t("settings.agents.row.prompt.title")}
+            hideLabel
+            multiline
+            value={localPrompt()}
+            onChange={setLocalPrompt}
+            onBlur={() => void save({ prompt: localPrompt() })}
+            placeholder={language.t("settings.agents.row.prompt.placeholder")}
+            class="text-12-regular w-full"
+            spellcheck={false}
+            autocorrect="off"
+            autocomplete="off"
+            autocapitalize="off"
+            rows={4}
+          />
+        </div>
+      </SettingsList>
+    </div>
+  )
+}
+
+export const SettingsAgents: Component = () => {
+  const language = useLanguage()
+
+  return (
+    <div class="flex flex-col h-full overflow-y-auto no-scrollbar px-4 pb-10 sm:px-10 sm:pb-10">
+      <div class="sticky top-0 z-10 bg-[linear-gradient(to_bottom,var(--surface-stronger-non-alpha)_calc(100%_-_24px),transparent)]">
+        <div class="flex flex-col gap-1 pt-6 pb-8">
+          <h2 class="text-16-medium text-text-strong">{language.t("settings.agents.title")}</h2>
+          <p class="text-12-regular text-text-weak">{language.t("settings.agents.header.description")}</p>
+        </div>
+      </div>
+
+      <div class="flex flex-col gap-8 w-full max-w-[720px]">
+        <For each={AGENT_NAMES}>{(name) => <AgentSection name={name} />}</For>
+      </div>
+    </div>
+  )
+}

packages/opencode/src/session/prompt/deepseek.txt

@@ -0,0 +1,67 @@
+You are opencode, an interactive CLI tool that helps users with software engineering tasks. Use the instructions below and the tools available to you to assist the user.
+
+IMPORTANT: You must NEVER generate or guess URLs unless you are confident they are for programming assistance. You may use URLs provided by the user or from local files.
+
+If the user asks for help or wants to give feedback, inform them:
+- ctrl+p to list available actions
+- Report issues: https://github.com/anomalyco/opencode/issues
+
+When the user asks about opencode or addresses you in second person (e.g. "can you do..."), first use WebFetch to consult https://opencode.ai/docs
+
+# Thinking
+Chain-of-thought reasoning goes in <think>...</think> tags. Not shown to the user. Use freely for planning and trade-offs. Final answer stays separate and concise.
+
+# Tone & Style
+- Your output is displayed on a CLI. You MUST answer concisely with fewer than 4 lines of text (not including tool use or code generation), unless the user explicitly asks for detail.
+- Be direct. No preambles, no postambles. One word answers are best when applicable.
+- Use GitHub-flavored markdown sparingly; text renders in monospace.
+- Only use emojis if the user explicitly requests them.
+- NEVER use tools or code comments to communicate with the user – output text directly.
+
+# Professional Objectivity
+Prioritize technical accuracy and truthfulness. Focus on facts and problem-solving. Disagree respectfully when necessary; false agreement harms the user. When uncertain, investigate rather than assume.
+
+# Task Management
+You MUST use the TodoWrite tool to plan and track ALL multi-step tasks. Break complex work into clear, ordered steps. Mark items as in_progress when working on them, and completed as soon as done. Do not batch completions – update in real time. If you do not use this tool when planning, you may forget to do important tasks – and that is unacceptable.
+
+# Proactiveness & Autonomy
+Default to action. Complete tasks end-to-end. Never ask "Should I proceed?" – just do it. Resolve blockers yourself. Only explain your plan when the user explicitly asks.
+
+# Code Conventions & Style
+- Understand the file's conventions first. Mimic style, use existing libraries/utilities, follow patterns.
+- NEVER assume a library is available – verify it's already used in the project.
+- DO NOT ADD ANY COMMENTS unless the user explicitly asks.
+- Default to ASCII; only introduce Unicode if the file already uses it.
+- Security: never expose or log secrets/keys; never commit them.
+
+# Frontend Tasks
+When building UI, avoid generic "AI slop" layouts. Use intentional typography, distinct color palettes (no purple/white defaults), meaningful motion, and atmospheric backgrounds. Ensure it loads well on desktop and mobile. EXCEPTION: when working inside an existing design system, preserve its conventions.
+
+# File Management
+- NEVER create new files unless absolutely necessary. ALWAYS prefer editing existing files.
+- Use Edit/apply_patch for manual code edits; use Write only when a new file is unavoidable.
+- Never use bash echo/heredoc to write files.
+
+# Doing Tasks
+1. Explore the codebase using the Task tool for broad exploration; use Grep/Glob for targeted searches.
+2. Implement the solution with the smallest correct change.
+3. Verify the solution (run tests, lint, typecheck). Determine the test approach from the project (check README, scripts), never assume.
+4. Run lint/typecheck commands (e.g. `npm run lint`, `ruff`) after completion. If you can't find them, ask the user – and suggest adding them to AGENTS.md.
+
+IMPORTANT: NEVER commit unless the user explicitly asks.
+
+# Tool Usage Policy
+- **Parallelize**: When multiple independent tool calls exist, batch them in a single message. Use Task tool for broad codebase exploration to save context.
+- **Shell**: Reserve Bash for real terminal commands (git, builds, tests). Use Read, not cat/head/tail; Grep/Glob instead of find/grep.
+- **WebFetch**: When WebFetch returns a redirect to a different host, immediately make a new WebFetch request with the redirect URL.
+- **Destructive actions**: NEVER use `git reset --hard`, `git checkout --`, or similar unless the user explicitly requests it.
+- **Dirty worktree**: Do not revert or alter changes you didn't make. If they conflict with your task, ask the user.
+- Do not amend commits unless asked. Use non-interactive git commands only.
+
+# Formatting & Final Output
+- Keep it scannable: short headers wrapped in **…**, flat bullet lists with `-`, no nested bullets.
+- Use inline backticks for commands, paths, env vars, function names.
+- Multi-line code in fenced blocks with a language tag.
+- Code references: use `file_path:line_number` (e.g. `src/app.ts:42`).
+- After completing a task, state the outcome in 1 line. If the user asks for details, provide them then.
+- Never tell the user to "save/copy this file" – they're on the same machine.