@bibobonking/opensol 3.1.3 → 3.1.5

package/src/components/SystemPromptModal.tsx

@@ -1,168 +0,0 @@
-import { useEffect, useState } from 'react'
-import { Check, MessageSquareCode, RotateCcw } from 'lucide-react'
-import type { ChatSession } from '../types'
-import { useChats } from '../store/chats'
-import { DEFAULT_SYSTEM_PROMPT, useSettings } from '../store/settings'
-import { useUi } from '../store/ui'
-import { useWorkspace } from '../store/workspace'
-import { cn } from '../lib/utils'
-import { Modal, ModalHeader } from './ui'
-
-type Mode = 'shared' | 'workspace' | 'session'
-
-const MODES: Array<{ id: Mode; label: string; hint: string }> = [
-  { id: 'shared', label: 'Shared prompt', hint: 'The general prompt from Settings → Models.' },
-  { id: 'workspace', label: 'This workspace', hint: 'Applies to every session opened in this folder.' },
-  { id: 'session', label: 'This session', hint: 'Only this conversation. Overrides the workspace prompt.' },
-]
-
-export function SystemPromptModal({
-  session,
-  open,
-  onClose,
-}: {
-  session: ChatSession | null
-  open: boolean
-  onClose: () => void
-}) {
-  const settings = useSettings()
-  const update = useSettings((state) => state.update)
-  const updateSession = useChats((state) => state.updateSession)
-  const notify = useUi((state) => state.notify)
-  const workspaceRoot = useWorkspace((state) => state.root)
-  const root = session?.workspace || workspaceRoot || ''
-  const workspacePrompt = root ? settings.workspacePrompts[root] ?? '' : ''
-  const sessionPrompt = session?.systemPrompt ?? ''
-  const current: Mode = sessionPrompt.trim() ? 'session' : workspacePrompt.trim() ? 'workspace' : 'shared'
-
-  const [mode, setMode] = useState<Mode>(current)
-  const [draft, setDraft] = useState('')
-
-  useEffect(() => {
-    if (!open) return
-    setMode(current)
-    setDraft(current === 'session' ? sessionPrompt : current === 'workspace' ? workspacePrompt : '')
-  }, [open, current, sessionPrompt, workspacePrompt])
-
-  const editorValue = mode === 'shared' ? settings.systemPrompt : draft
-
-  const save = () => {
-    if (mode === 'shared') {
-      if (session) updateSession(session.id, { systemPrompt: '' })
-      if (root) update({ workspacePrompts: { ...settings.workspacePrompts, [root]: '' } })
-      notify('Using the shared system prompt.', 'success')
-      onClose()
-      return
-    }
-    if (mode === 'workspace') {
-      if (!root) {
-        notify('Open a workspace folder before saving a workspace prompt.', 'error')
-        return
-      }
-      const value = draft.trim()
-      if (!value) {
-        notify('Write a prompt or choose the shared prompt.', 'error')
-        return
-      }
-      update({ workspacePrompts: { ...settings.workspacePrompts, [root]: value } })
-      if (session) updateSession(session.id, { systemPrompt: '' })
-      notify('Workspace system prompt saved.', 'success')
-      onClose()
-      return
-    }
-    if (!session) return
-    const value = draft.trim()
-    if (!value) {
-      notify('Write a prompt or choose the shared prompt.', 'error')
-      return
-    }
-    updateSession(session.id, { systemPrompt: value })
-    notify('Session system prompt saved.', 'success')
-    onClose()
-  }
-
-  return (
-    <Modal open={open} onClose={onClose} labelledBy="system-prompt-title">
-      <ModalHeader
-        id="system-prompt-title"
-        title="System prompt"
-        description="Choose what the model is told before this conversation. Session overrides workspace, which overrides the shared prompt."
-        onClose={onClose}
-      />
-      <div className="thin-scroll min-h-0 flex-1 overflow-y-auto p-5">
-        <div className="grid gap-1.5 sm:grid-cols-3">
-          {MODES.map((entry) => {
-            const active = mode === entry.id
-            const disabled = entry.id === 'workspace' && !root
-            return (
-              <button
-                key={entry.id}
-                type="button"
-                disabled={disabled}
-                onClick={() => {
-                  setMode(entry.id)
-                  setDraft(entry.id === 'workspace' ? workspacePrompt : entry.id === 'session' ? sessionPrompt : '')
-                }}
-                className={cn(
-                  'rounded-xl border px-3 py-2.5 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-40',
-                  active ? 'border-accent/40 bg-accent-soft' : 'border-line bg-panel hover:bg-raised/60',
-                )}
-              >
-                <span className={cn('flex items-center gap-1.5 text-[11.5px] font-medium', active ? 'text-accent' : 'text-ink')}>
-                  <MessageSquareCode size={11} />
-                  {entry.label}
-                </span>
-                <span className="mt-1 block text-[9.5px] leading-relaxed text-faint">{entry.hint}</span>
-              </button>
-            )
-          })}
-        </div>
-
-        <div className="mt-4">
-          <div className="mb-1 flex items-center justify-between gap-3">
-            <span className="text-[10.5px] font-medium text-muted">
-              {mode === 'shared' ? 'Shared prompt (edited in Settings → Models)' : mode === 'workspace' ? `Workspace prompt · ${root}` : 'Session prompt'}
-            </span>
-            {mode !== 'shared' && (
-              <button
-                type="button"
-                onClick={() => setDraft(DEFAULT_SYSTEM_PROMPT)}
-                className="inline-flex items-center gap-1 text-[9.5px] font-medium text-faint hover:text-ink"
-              >
-                <RotateCcw size={10} /> Start from default
-              </button>
-            )}
-          </div>
-          <textarea
-            value={editorValue}
-            onChange={(event) => {
-              if (mode === 'shared') update({ systemPrompt: event.target.value })
-              else setDraft(event.target.value)
-            }}
-            readOnly={mode === 'shared'}
-            rows={11}
-            spellCheck={false}
-            data-autofocus
-            className="thin-scroll w-full resize-y rounded-xl border border-line bg-canvas/50 px-3 py-2.5 font-mono text-[10.5px] leading-relaxed text-ink outline-none focus:border-accent/50 read-only:opacity-70"
-            placeholder="You are a focused React reviewer…"
-          />
-          <p className="mt-1.5 text-[9px] leading-relaxed text-faint">
-            Workspace context, project instructions, skills and tool rules are appended after this prompt. A custom prompt replaces the shared one.
-          </p>
-        </div>
-      </div>
-      <div className="flex shrink-0 items-center justify-end gap-2 border-t border-line px-5 py-3">
-        <button type="button" onClick={onClose} className="chip h-8 px-3 text-[11px]">
-          Cancel
-        </button>
-        <button
-          type="button"
-          onClick={save}
-          className="inline-flex h-8 items-center gap-1.5 rounded-lg bg-accent px-3 text-[11px] font-medium text-on-accent hover:bg-accent/90"
-        >
-          <Check size={12} /> Save
-        </button>
-      </div>
-    </Modal>
-  )
-}

package/src/lib/skills.test.mjs

@@ -1,22 +0,0 @@
-import test from 'node:test'
-import assert from 'node:assert/strict'
-import { parseSkillMarkdown } from './skills.ts'
-
-test('frontmatter supplies the name and description', () => {
-  const skill = parseSkillMarkdown('---\nname: API reviewer\ndescription: "Checks a diff"\n---\n# Ignored\n\nBody text.', 'fallback')
-  assert.equal(skill.name, 'API reviewer')
-  assert.equal(skill.description, 'Checks a diff')
-  assert.equal(skill.instructions, '# Ignored\n\nBody text.')
-})
-
-test('a plain SKILL.md falls back to its heading and first paragraph', () => {
-  const skill = parseSkillMarkdown('# Deploy helper\n\nRuns the release checklist.\n\n## Steps\n1. build', 'fallback')
-  assert.equal(skill.name, 'Deploy helper')
-  assert.equal(skill.description, 'Runs the release checklist.')
-})
-
-test('an empty fallback markdown still returns a usable skill', () => {
-  const skill = parseSkillMarkdown('', 'my-skill')
-  assert.equal(skill.name, 'my-skill')
-  assert.equal(skill.description, 'Installed from a folder')
-})

package/src/lib/skills.ts

@@ -1,93 +0,0 @@
-import type { Skill } from '../types'
-
-const TEXT_FILE = /\.(md|markdown|txt|json|ya?ml|toml|js|mjs|cjs|ts|tsx|jsx|py|sh|bash|zsh|css|html|xml|csv)$/i
-const MAX_FILE = 512 * 1024
-const MAX_TOTAL = 4 * 1024 * 1024
-const MAX_FILES = 200
-
-export interface ParsedSkill {
-  name: string
-  description: string
-  instructions: string
-}
-
-/** Read the optional YAML frontmatter, then the first heading and paragraph. */
-export function parseSkillMarkdown(markdown: string, fallbackName: string): ParsedSkill {
-  const text = String(markdown ?? '').replace(/\r\n/g, '\n')
-  const front = /^---\n([\s\S]*?)\n---\n?/.exec(text)
-  const meta: Record<string, string> = {}
-  let body = text
-  if (front) {
-    for (const line of front[1].split('\n')) {
-      const match = /^([A-Za-z0-9_-]+)\s*:\s*(.*)$/.exec(line.trim())
-      if (match) meta[match[1].toLowerCase()] = match[2].replace(/^["']|["']$/g, '').trim()
-    }
-    body = text.slice(front[0].length)
-  }
-  const heading = /^#\s+(.+)$/m.exec(body)
-  const paragraph = body
-    .split(/\n\s*\n/)
-    .map((part) => part.trim())
-    .find((part) => part && !part.startsWith('#') && !part.startsWith('---'))
-  return {
-    name: meta.name || heading?.[1]?.trim() || fallbackName,
-    description: (meta.description || paragraph || 'Installed from a folder')
-      .replace(/[#>*`]/g, '')
-      .replace(/\s+/g, ' ')
-      .slice(0, 200),
-    instructions: body.trim(),
-  }
-}
-
-function slug(value: string) {
-  return (
-    value
-      .toLowerCase()
-      .replace(/[^a-z0-9-]+/g, '-')
-      .replace(/^-+|-+$/g, '')
-      .slice(0, 48) || 'skill'
-  )
-}
-
-type FolderFile = { path: string; text: string }
-
-function pickSkillPath(files: FolderFile[]) {
-  const candidates = files.filter((file) => /(^|\/)SKILL\.md$/i.test(file.path))
-  candidates.sort((a, b) => a.path.split('/').length - b.path.split('/').length || a.path.localeCompare(b.path))
-  return candidates[0]?.path ?? ''
-}
-
-/** Turn a folder upload into a skill. Files stay in settings so the skill tool can run them. */
-export async function skillFromFolder(files: File[]): Promise<Skill> {
-  const queue = files.slice(0, MAX_FILES)
-  const read: FolderFile[] = []
-  let total = 0
-  for (const file of queue) {
-    const path = file.webkitRelativePath || file.name
-    if (file.size > MAX_FILE || !TEXT_FILE.test(path)) continue
-    if (total + file.size > MAX_TOTAL) break
-    const text = await file.text()
-    total += text.length
-    read.push({ path, text })
-  }
-  if (read.length === 0) throw new Error('That folder has no readable text files.')
-  const skillPath = pickSkillPath(read)
-  if (!skillPath) throw new Error('That folder has no SKILL.md.')
-  // Strip the folder the user picked so paths are relative to the skill root.
-  const rootMatch = /^(.*?)\//.exec(skillPath)
-  const root = rootMatch?.[1] ?? ''
-  const scoped = read
-    .filter((file) => !root || file.path === root || file.path.startsWith(`${root}/`))
-    .map((file) => ({ path: root ? file.path.slice(root.length + 1) : file.path, text: file.text }))
-  const manifest = scoped.find((file) => /^SKILL\.md$/i.test(file.path)) ?? scoped[0]
-  const parsed = parseSkillMarkdown(manifest.text, root.split('/').pop() || 'skill')
-  return {
-    id: `skill_${slug(parsed.name)}`,
-    name: parsed.name,
-    description: parsed.description,
-    instructions: parsed.instructions,
-    enabled: true,
-    source: 'folder',
-    files: Object.fromEntries(scoped.map((file) => [file.path, file.text])),
-  }
-}