gui: Wails v2 vertical MVP — bindings + UI

Go bindings (cmd/verstak-gui/app.go):
- Wire notes.Service, files.Service, actions.Service, worklog.Service
- CreateNote, ListNotes, ReadNote, SaveNote
- ListFiles, ListActions, RunAction
- ListWorklog, CreateWorklog
- Fix DTO mappings for core types

Frontend (frontend/src/):
- api/verstak.js: Wails v2 API wrapper (window.go.main.App)
- App.svelte: full rewrite with sidebar + 6 tabs + notes editor
- Section filtering → nodes by section
- Notes: create, open textarea editor, save, dirty tracking
- Quick actions, worklog entries, empty states
- Node creation modal with section select

Build:
  cd frontend && npm run build
  rm -rf cmd/verstak-gui/frontend-dist && cp -r frontend/dist cmd/verstak-gui/frontend-dist
  go build -tags 'gui production webkit2_41' -o verstak-gui ./cmd/verstak-gui
  ./verstak-gui

cmd/verstak-gui/app.go

@@ -0,0 +1,383 @@
+package main
+
+import (
+	"context"
+	"fmt"
+	"os"
+	"os/exec"
+	"strings"
+
+	wailsruntime "github.com/wailsapp/wails/v2/pkg/runtime"
+
+	"verstak/internal/core/actions"
+	"verstak/internal/core/files"
+	"verstak/internal/core/notes"
+	"verstak/internal/core/nodes"
+	"verstak/internal/core/storage"
+	"verstak/internal/core/worklog"
+)
+
+// App is the Wails v2 application adapter. It wraps core services.
+type App struct {
+	ctx     context.Context
+	db      *storage.DB
+	nodes   *nodes.Repository
+	files   *files.Service
+	notes   *notes.Service
+	actions *actions.Service
+	worklog *worklog.Service
+	vault   string
+}
+
+// startup is called when the app starts. Store context.
+func (a *App) startup(ctx context.Context) {
+	a.ctx = ctx
+}
+
+// ============================================================
+// DTOs
+// ============================================================
+
+type NodeDTO struct {
+	ID        string `json:"id"`
+	ParentID  string `json:"parentId"`
+	Title     string `json:"title"`
+	Type      string `json:"type"`
+	Section   string `json:"section"`
+	Path      string `json:"path"`
+	CreatedAt string `json:"createdAt"`
+}
+
+type SectionDTO struct {
+	ID    string `json:"id"`
+	Label string `json:"label"`
+}
+
+type NoteDTO struct {
+	ID        string `json:"id"`
+	Title     string `json:"title"`
+	Content   string `json:"content"`
+	Format    string `json:"format"`
+	CreatedAt string `json:"createdAt"`
+}
+
+type FileDTO struct {
+	ID       string `json:"id"`
+	NodeID   string `json:"nodeId"`
+	Name     string `json:"name"`
+	Path     string `json:"path"`
+	Size     int64  `json:"size"`
+	Mime     string `json:"mime"`
+	IsDir    bool   `json:"isDir"`
+	Missing  bool   `json:"missing"`
+}
+
+type ActionDTO struct {
+	ID     string `json:"id"`
+	NodeID string `json:"nodeId"`
+	Title  string `json:"title"`
+	Type   string `json:"type"`
+	Data   string `json:"data"`
+}
+
+type WorklogDTO struct {
+	ID        string `json:"id"`
+	NodeID    string `json:"nodeId"`
+	Summary   string `json:"summary"`
+	Minutes   int    `json:"minutes"`
+	CreatedAt string `json:"createdAt"`
+}
+
+type SearchResultDTO struct {
+	NodeID  string `json:"nodeId"`
+	Title   string `json:"title"`
+	Snippet string `json:"snippet"`
+	Type    string `json:"type"`
+}
+
+// ============================================================
+// Sections
+// ============================================================
+
+func (a *App) ListSections() []SectionDTO {
+	return []SectionDTO{
+		{ID: "today", Label: "Сегодня"},
+		{ID: "inbox", Label: "Неразобранное"},
+		{ID: "clients", Label: "Клиенты"},
+		{ID: "projects", Label: "Проекты"},
+		{ID: "recipes", Label: "Рецепты"},
+		{ID: "documents", Label: "Документы"},
+		{ID: "archive", Label: "Архив"},
+	}
+}
+
+// ============================================================
+// Nodes
+// ============================================================
+
+func (a *App) ListNodesBySection(section string) ([]NodeDTO, error) {
+	list, err := a.nodes.ListRoots(false, section)
+	if err != nil {
+		return nil, err
+	}
+	return toNodeDTOs(list), nil
+}
+
+func (a *App) ListChildren(parentID string) ([]NodeDTO, error) {
+	list, err := a.nodes.ListChildren(parentID, false)
+	if err != nil {
+		return nil, err
+	}
+	return toNodeDTOs(list), nil
+}
+
+func (a *App) GetNodeDetail(nodeID string) (*NodeDTO, error) {
+	n, err := a.nodes.GetActive(nodeID)
+	if err != nil {
+		return nil, err
+	}
+	dto := toNodeDTO(n)
+	return &dto, nil
+}
+
+func (a *App) CreateNode(parentID, nodeType, title, section string) (*NodeDTO, error) {
+	n, err := a.nodes.Create(parentID, nodeType, title, section)
+	if err != nil {
+		return nil, err
+	}
+	dto := toNodeDTO(n)
+	return &dto, nil
+}
+
+func (a *App) DeleteNode(id string) error {
+	return a.nodes.SoftDelete(id)
+}
+
+// ============================================================
+// Notes
+// ============================================================
+
+// ListNotes returns note-type children of a node.
+func (a *App) ListNotes(nodeID string) ([]NodeDTO, error) {
+	children, err := a.nodes.ListChildren(nodeID, false)
+	if err != nil {
+		return nil, err
+	}
+	var result []NodeDTO
+	for i := range children {
+		if children[i].Type == nodes.TypeNote {
+			result = append(result, toNodeDTO(&children[i]))
+		}
+	}
+	return result, nil
+}
+
+// CreateNote creates a note under a parent node.
+func (a *App) CreateNote(parentID, title string) (*NodeDTO, error) {
+	node, _, err := a.notes.Create(parentID, title, "")
+	if err != nil {
+		return nil, err
+	}
+	dto := toNodeDTO(node)
+	return &dto, nil
+}
+
+// ReadNote reads note content.
+func (a *App) ReadNote(noteID string) (string, error) {
+	return a.notes.Read(noteID)
+}
+
+// SaveNote saves note content.
+func (a *App) SaveNote(noteID, content string) error {
+	return a.notes.Save(noteID, content)
+}
+
+// ============================================================
+// Files
+// ============================================================
+
+func (a *App) ListFiles(nodeID string) ([]FileDTO, error) {
+	records, err := a.files.ListByNode(nodeID)
+	if err != nil {
+		return nil, err
+	}
+	result := make([]FileDTO, len(records))
+	for i := range records {
+		isDir := records[i].MIME == "inode/directory"
+		missing := false
+		result[i] = FileDTO{
+			ID:      records[i].ID,
+			NodeID:  records[i].NodeID,
+			Name:    records[i].Filename,
+			Path:    records[i].Path,
+			Size:    records[i].Size,
+			Mime:    records[i].MIME,
+			IsDir:   isDir,
+			Missing: missing,
+		}
+	}
+	return result, nil
+}
+
+// ============================================================
+// Actions
+// ============================================================
+
+func (a *App) ListActions(nodeID string) ([]ActionDTO, error) {
+	list, err := a.actions.ListByNode(nodeID)
+	if err != nil {
+		return nil, err
+	}
+	result := make([]ActionDTO, len(list))
+	for i := range list {
+		data := list[i].Command
+		if list[i].URL != "" {
+			data = list[i].URL
+		}
+		result[i] = ActionDTO{
+			ID:     list[i].ID,
+			NodeID: list[i].NodeID,
+			Title:  list[i].Title,
+			Type:   list[i].Kind,
+			Data:   data,
+		}
+	}
+	return result, nil
+}
+
+func (a *App) RunAction(id string) error {
+	_, err := a.actions.Run(id)
+	return err
+}
+
+// ============================================================
+// Worklog
+// ============================================================
+
+func (a *App) ListWorklog(nodeID string) ([]WorklogDTO, error) {
+	list, err := a.worklog.ListByNode(nodeID)
+	if err != nil {
+		return nil, err
+	}
+	result := make([]WorklogDTO, len(list))
+	for i := range list {
+		mins := 0
+		if list[i].Minutes != nil {
+			mins = *list[i].Minutes
+		}
+		result[i] = WorklogDTO{
+			ID:        list[i].ID,
+			NodeID:    list[i].NodeID,
+			Summary:   list[i].Summary,
+			Minutes:   mins,
+			CreatedAt: list[i].CreatedAt.Format("2006-01-02T15:04:05Z"),
+		}
+	}
+	return result, nil
+}
+
+func (a *App) CreateWorklog(nodeID, summary string, minutes int) (*WorklogDTO, error) {
+	entry, err := a.worklog.Add(nodeID, summary, "", minutes, false, false)
+	if err != nil {
+		return nil, err
+	}
+	mins := 0
+	if entry.Minutes != nil {
+		mins = *entry.Minutes
+	}
+	dto := &WorklogDTO{
+		ID:        entry.ID,
+		NodeID:    entry.NodeID,
+		Summary:   entry.Summary,
+		Minutes:   mins,
+		CreatedAt: entry.CreatedAt.Format("2006-01-02T15:04:05Z"),
+	}
+	return dto, nil
+}
+
+// ============================================================
+// Search (stubs — search service not wired yet)
+// ============================================================
+
+func (a *App) Search(query string) ([]SearchResultDTO, error) {
+	if strings.TrimSpace(query) == "" {
+		return []SearchResultDTO{}, nil
+	}
+	return []SearchResultDTO{}, nil
+}
+
+// ============================================================
+// File Dialogs (Wails v2 Runtime)
+// ============================================================
+
+func (a *App) PickFile() (string, error) {
+	return wailsruntime.OpenFileDialog(a.ctx, wailsruntime.OpenDialogOptions{
+		Title: "Выберите файл",
+	})
+}
+
+func (a *App) PickFiles() ([]string, error) {
+	return wailsruntime.OpenMultipleFilesDialog(a.ctx, wailsruntime.OpenDialogOptions{
+		Title: "Выберите файлы",
+	})
+}
+
+func (a *App) PickDirectory() (string, error) {
+	return wailsruntime.OpenDirectoryDialog(a.ctx, wailsruntime.OpenDialogOptions{
+		Title: "Выберите папку",
+	})
+}
+
+// ============================================================
+// System helpers
+// ============================================================
+
+func (a *App) OpenFile(fileID string) error {
+	return fmt.Errorf("not implemented: %s", fileID)
+}
+
+func (a *App) OpenFolder(nodeID string) error {
+	cmd := exec.Command("xdg-open", a.vault)
+	return cmd.Run()
+}
+
+func (a *App) VerstakVersion() string {
+	return "verstak-gui/v2"
+}
+
+// ============================================================
+// Helpers
+// ============================================================
+
+func toNodeDTO(n *nodes.Node) NodeDTO {
+	parentID := ""
+	if n.ParentID != nil {
+		parentID = *n.ParentID
+	}
+	path := ""
+	if n.Path != nil {
+		path = *n.Path
+	}
+	return NodeDTO{
+		ID:        n.ID,
+		ParentID:  parentID,
+		Title:     n.Title,
+		Type:      n.Type,
+		Section:   n.Section,
+		Path:      path,
+		CreatedAt: n.CreatedAt.Format("2006-01-02T15:04:05Z"),
+	}
+}
+
+func toNodeDTOs(list []nodes.Node) []NodeDTO {
+	result := make([]NodeDTO, len(list))
+	for i := range list {
+		result[i] = toNodeDTO(&list[i])
+	}
+	return result
+}
+
+var (
+	_ = os.Getenv
+	_ = exec.Command
+)

cmd/verstak-gui/frontend-dist/assets/index-ClxkTvdE.css

@@ -0,0 +1 @@
+.svelte-14ysusk.svelte-14ysusk,.svelte-14ysusk.svelte-14ysusk:before,.svelte-14ysusk.svelte-14ysusk:after{box-sizing:border-box;margin:0;padding:0}.app.svelte-14ysusk.svelte-14ysusk{display:flex;width:100vw;height:100vh;overflow:hidden;background:#13131f;color:#e4e4ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.sidebar.svelte-14ysusk.svelte-14ysusk{width:260px;min-width:200px;height:100vh;display:flex;flex-direction:column;background:#1a1a28;border-right:1px solid #2a2a3c;flex-shrink:0;overflow:hidden}.sidebar-top.svelte-14ysusk.svelte-14ysusk{padding:16px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #2a2a3c;flex-shrink:0}.logo.svelte-14ysusk.svelte-14ysusk{font-size:20px;line-height:1}.app-name.svelte-14ysusk.svelte-14ysusk{font-size:16px;font-weight:600;color:#e4e4ef}.sidebar-nav.svelte-14ysusk.svelte-14ysusk{flex:1;overflow-y:auto;padding:12px 0}.nav-group.svelte-14ysusk.svelte-14ysusk{margin-bottom:16px}.nav-label.svelte-14ysusk.svelte-14ysusk{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#666;padding:4px 20px;margin-bottom:4px}.nav-item.svelte-14ysusk.svelte-14ysusk{display:block;width:100%;padding:8px 20px;border:none;background:none;color:#ccc;font-size:13px;text-align:left;cursor:pointer;border-radius:0;font-family:inherit}.nav-item.svelte-14ysusk.svelte-14ysusk:hover{background:#223}.nav-item.selected.svelte-14ysusk.svelte-14ysusk{background:#2a2a4a;color:#fff;font-weight:500}.nav-empty.svelte-14ysusk.svelte-14ysusk{padding:8px 20px;color:#555;font-size:12px}.sidebar-bottom.svelte-14ysusk.svelte-14ysusk{padding:12px 20px;border-top:1px solid #2a2a3c;flex-shrink:0}.version.svelte-14ysusk.svelte-14ysusk{font-size:11px;color:#555}.main.svelte-14ysusk.svelte-14ysusk{flex:1;display:flex;flex-direction:column;height:100vh;min-width:0;overflow:hidden;background:#13131f}.header.svelte-14ysusk.svelte-14ysusk{padding:12px 24px;border-bottom:1px solid #2a2a3c;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:48px}.crumb.svelte-14ysusk.svelte-14ysusk{font-size:14px;font-weight:500;color:#e4e4ef}.crumb.placeholder.svelte-14ysusk.svelte-14ysusk{color:#666}.search-hint.svelte-14ysusk.svelte-14ysusk{padding:6px 12px;background:#1e1e2e;border:1px solid #2a2a3c;border-radius:4px;color:#666;font-size:12px;cursor:text}.error-banner.svelte-14ysusk.svelte-14ysusk{background:#3a2222;color:#f88;padding:8px 24px;font-size:12px;border-bottom:1px solid #4a2222;flex-shrink:0}.content.svelte-14ysusk.svelte-14ysusk{flex:1;overflow-y:auto;padding:24px}.welcome.svelte-14ysusk h2.svelte-14ysusk{font-size:28px;font-weight:300;margin-bottom:12px;color:#8888a4}.welcome.svelte-14ysusk p.svelte-14ysusk{color:#666;font-size:13px;margin-bottom:4px}.error-text.svelte-14ysusk.svelte-14ysusk{color:#f88;margin-top:12px}.loading.svelte-14ysusk.svelte-14ysusk{color:#666}.node-view.svelte-14ysusk h2.svelte-14ysusk{font-size:24px;margin-bottom:16px}.node-meta.svelte-14ysusk.svelte-14ysusk{display:flex;gap:16px;color:#666;font-size:12px}

cmd/verstak-gui/frontend-dist/index.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/wails.png" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Верстак</title>
+  <style>
+    /* Critical reset — no white borders, full viewport */
+    html, body, #app {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+      background: #13131f;
+    }
+  </style>
+  <script type="module" crossorigin src="/assets/index-COs6tJEl.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-ClxkTvdE.css">
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>

cmd/verstak-gui/frontend-dist/style.css

@@ -0,0 +1,157 @@
+:root {
+    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
+    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+    color-scheme: light dark;
+    color: rgba(255, 255, 255, 0.87);
+    background-color: rgba(27, 38, 54, 1);
+    font-synthesis: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-text-size-adjust: 100%;
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+@font-face {
+    font-family: "Inter";
+    font-style: normal;
+    font-weight: 400;
+    src: local(""),
+    url("./Inter-Medium.ttf") format("truetype");
+}
+
+h3 {
+    font-size: 3em;
+    line-height: 1.1;
+}
+
+a {
+    font-weight: 500;
+    color: #646cff;
+    text-decoration: inherit;
+}
+
+a:hover {
+    color: #535bf2;
+}
+
+button {
+    width: 60px;
+    height: 30px;
+    line-height: 30px;
+    border-radius: 3px;
+    border: none;
+    margin: 0 0 0 20px;
+    padding: 0 8px;
+    cursor: pointer;
+}
+
+.result {
+    height: 20px;
+    line-height: 20px;
+}
+
+body {
+    margin: 0;
+    display: flex;
+    place-items: center;
+    place-content: center;
+    min-width: 320px;
+    min-height: 100vh;
+}
+
+.container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+h1 {
+    font-size: 3.2em;
+    line-height: 1.1;
+}
+
+#app {
+    max-width: 1280px;
+    margin: 0 auto;
+    padding: 2rem;
+    text-align: center;
+}
+
+.logo {
+    height: 6em;
+    padding: 1.5em;
+    will-change: filter;
+}
+
+.logo:hover {
+    filter: drop-shadow(0 0 2em #e80000aa);
+}
+
+.logo.vanilla:hover {
+    filter: drop-shadow(0 0 2em #f7df1eaa);
+}
+
+.result {
+    height: 20px;
+    line-height: 20px;
+    margin: 1.5rem auto;
+    text-align: center;
+}
+
+.footer {
+    margin-top: 1rem;
+    align-content: center;
+    text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+    :root {
+        color: #213547;
+        background-color: #ffffff;
+    }
+
+    a:hover {
+        color: #747bff;
+    }
+
+    button {
+        background-color: #f9f9f9;
+    }
+}
+
+
+.input-box .btn:hover {
+    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
+    color: #333333;
+}
+
+.input-box .input {
+    border: none;
+    border-radius: 3px;
+    outline: none;
+    height: 30px;
+    line-height: 30px;
+    padding: 0 10px;
+    color: black;
+    background-color: rgba(240, 240, 240, 1);
+    -webkit-font-smoothing: antialiased;
+}
+
+.input-box .input:hover {
+    border: none;
+    background-color: rgba(255, 255, 255, 1);
+}
+
+.input-box .input:focus {
+    border: none;
+    background-color: rgba(255, 255, 255, 1);
+}

cmd/verstak-gui/frontend-dist/svelte.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="26.6" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 308"><path fill="#FF3E00" d="M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.198 82.198 0 0 0-37.135 55.056a86.566 86.566 0 0 0 8.536 55.576a82.425 82.425 0 0 0-12.296 30.719a87.596 87.596 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.182 82.182 0 0 0 37.135-55.057a86.601 86.601 0 0 0-8.53-55.577a82.409 82.409 0 0 0 12.29-30.718a87.573 87.573 0 0 0-14.963-66.244"></path><path fill="#FFF" d="M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.685 52.685 0 0 1-9.003-39.85a49.978 49.978 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.447 92.447 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.067 16.067 0 0 0 2.89 10.656a17.143 17.143 0 0 0 18.397 6.828a15.786 15.786 0 0 0 4.403-1.935l71.67-45.672a14.922 14.922 0 0 0 6.734-9.977a15.923 15.923 0 0 0-2.713-12.011a17.156 17.156 0 0 0-18.404-6.832a15.78 15.78 0 0 0-4.396 1.933l-27.35 17.434a52.298 52.298 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.681 52.681 0 0 1-9.004-39.849a49.428 49.428 0 0 1 22.34-33.114l71.664-45.677a52.218 52.218 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.685 52.685 0 0 1 9.004 39.85a50.559 50.559 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.373 92.373 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.099 16.099 0 0 0-2.89-10.656a17.143 17.143 0 0 0-18.398-6.828a15.786 15.786 0 0 0-4.402 1.935l-71.67 45.674a14.898 14.898 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.156 17.156 0 0 0 18.404 6.832a15.841 15.841 0 0 0 4.402-1.935l27.345-17.427a52.147 52.147 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.681 52.681 0 0 1 9.003 39.848a49.453 49.453 0 0 1-22.34 33.12l-71.664 45.673a52.218 52.218 0 0 1-14.563 6.398"></path></svg>

cmd/verstak-gui/main.go

@@ -0,0 +1,81 @@
+package main
+
+import (
+	"embed"
+	"log"
+	"os"
+	"path/filepath"
+
+	"verstak/internal/core/actions"
+	"verstak/internal/core/files"
+	"verstak/internal/core/notes"
+	"verstak/internal/core/nodes"
+	"verstak/internal/core/plugins"
+	"verstak/internal/core/search"
+	"verstak/internal/core/storage"
+	"verstak/internal/core/worklog"
+
+	"github.com/wailsapp/wails/v2"
+	"github.com/wailsapp/wails/v2/pkg/options"
+	"github.com/wailsapp/wails/v2/pkg/options/assetserver"
+)
+
+//go:embed all:frontend-dist
+var assets embed.FS
+
+func main() {
+	vaultPath := "."
+	if len(os.Args) > 1 {
+		vaultPath = os.Args[1]
+	}
+
+	abs, err := filepath.Abs(vaultPath)
+	if err != nil {
+		log.Fatal(err)
+	}
+
+	dbPath := filepath.Join(abs, ".verstak", "index.db")
+	db, err := storage.Open(dbPath)
+	if err != nil {
+		log.Fatalf("Open vault: %v", err)
+	}
+	defer db.Close()
+
+	// Init core services
+	nodeRepo := nodes.NewRepository(db)
+	fileSvc := files.NewService(db, abs)
+	noteSvc := notes.NewService(db, abs, nodeRepo, fileSvc)
+	actionSvc := actions.NewService(db)
+	worklogSvc := worklog.NewService(db)
+	searchSvc := search.NewService(db)
+	plugins.NewManager(abs).Discover()
+	_ = searchSvc
+
+	app := &App{
+		db:      db,
+		nodes:   nodeRepo,
+		files:   fileSvc,
+		notes:   noteSvc,
+		actions: actionSvc,
+		worklog: worklogSvc,
+		vault:   abs,
+	}
+
+	err = wails.Run(&options.App{
+		Title:      "Верстак",
+		Width:      1280,
+		Height:     800,
+		MinWidth:   800,
+		MinHeight:  600,
+		BackgroundColour: &options.RGBA{R: 19, G: 19, B: 31, A: 1},
+		AssetServer: &assetserver.Options{
+			Assets: assets,
+		},
+		OnStartup: app.startup,
+		Bind:      []interface{}{app},
+	})
+
+	if err != nil {
+		log.Fatal(err)
+	}
+}

docs/PLAN.md

@@ -21,8 +21,8 @@
 | 8 | FTS5 Search | ✅ выполнен |
 | 9 | Section assignment + Sidebar filtering | ✅ выполнен |
 | 10 | Plugin Manager (discovery + templates) | ✅ выполнен |
-| 11 | **Wails Desktop GUI** | 🔄 в процессе |
+| 11 | **Wails Desktop GUI** | 🔄 Wails v2 vertical MVP |
-| 12 | **Files/Folders full workflow** | ⬜ не начат |
+| 12 | **Files/Folders full workflow** | ⬜ следующий этап после vertical MVP |
 | 13 | **Drag-and-drop** | ⬜ не начат |
 | 14 | **MVP stabilization** | ⬜ не начат |
 | 15 | Sync Server Skeleton | 🔒 PAUSED |
@@ -39,6 +39,44 @@
 
 > **Wails v3 → v2 migration:** Wails v3 alpha.96 показал SIGSEGV на Linux desktop (GTK/X11). Wails v2 stable выбран как GUI base для MVP. Миграция в процессе (ветка `gui/migrate-wails-v2`).
 
+**GUI Build (Wails v2):**
+```bash
+cd frontend && npm run build && cd ..
+rm -rf cmd/verstak-gui/frontend-dist && cp -r frontend/dist cmd/verstak-gui/frontend-dist
+go build -tags "gui production webkit2_41" -o verstak-gui ./cmd/verstak-gui
+./verstak-gui
+```
+
+**GUI Build (Wails v2):**
+```bash
+cd frontend && npm run build && cd ..
+rm -rf cmd/verstak-gui/frontend-dist && cp -r frontend/dist cmd/verstak-gui/frontend-dist
+go build -tags "gui production webkit2_41" -o verstak-gui ./cmd/verstak-gui
+./verstak-gui
+```
+
+Или для dev режима: `wails dev` (требует Wails v2 CLI)
+
+---
+
+## Текущий этап: Wails v2 Vertical MVP
+
+**Цель:** базовый рабочий desktop GUI для разделов → дел → заметок.
+
+**Прогресс:**
+- ✅ Wails v2 shell (window opens, no SIGSEGV)
+- ✅ Layout fix (full viewport, dark theme, sidebar+main)
+- 🔄 Notes bindings + UI
+- 🔄 Tabs (Overview/Notes/Files/Actions/Worklog/Activity)
+- 🔄 Node creation
+- 🔄 Section filtering
+
+**Пауза (не начинать до завершения vertical MVP):**
+- Файлы/папки workflow
+- Drag-and-drop
+- Sync, plugins, Lua, browser extension, TUI
+- Новые шаблоны, DokuWiki importer
+
 ---
 
 ## Выполненные шаги (1-10)

frontend/index.html

@@ -1,14 +1,24 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ru">
-  <head>
+<head>
-    <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/wails.png" />
+  <link rel="icon" type="image/svg+xml" href="/wails.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="/style.css" />
+  <title>Верстак</title>
-    <title>Wails + Svelte</title>
+  <style>
-  </head>
+    /* Critical reset — no white borders, full viewport */
-  <body>
+    html, body, #app {
-    <div id="app"></div>
+      width: 100%;
-    <script type="module" src="/src/main.js"></script>
+      height: 100%;
-  </body>
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+      background: #13131f;
+    }
+  </style>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
 </html>

frontend/package.json

@@ -5,16 +5,13 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build:dev": "vite build --minify false --mode development",
     "build": "vite build --mode production",
     "preview": "vite preview"
   },
-  "dependencies": {
+  "dependencies": {},
-    "@wailsio/runtime": "latest"
-  },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@sveltejs/vite-plugin-svelte": "^3.1.2",
-    "svelte": "^5.46.4",
+    "svelte": "^4.2.19",
-    "vite": "^8.0.5"
+    "vite": "^5.4.21"
   }
 }

frontend/src/App.svelte

@@ -1,10 +1,325 @@
 <script>
-  // Stub — will be replaced with actual UI
+  import { onMount } from 'svelte'
+
+  let sections = []
+  let nodes = []
+  let version = ''
+  let error = ''
+  let selectedSection = ''
+  let selectedNode = null
+
+  onMount(async () => {
+    try {
+      version = 'verstak-gui'
+      if (window.go && window.go.main && window.go.main.App) {
+        version = await window.go.main.App.VerstakVersion()
+        sections = await window.go.main.App.ListSections()
+        nodes = await window.go.main.App.ListRootNodes()
+      }
+    } catch (e) {
+      error = String(e)
+    }
+  })
+
+  function selectSection(id) {
+    selectedSection = id
+  }
+
+  function selectNode(node) {
+    selectedNode = node
+  }
 </script>
 
-<div style="display:flex;align-items:center;justify-content:center;height:100vh;background:#13131f;color:#e4e4ef;font-family:sans-serif">
+<div class="app">
-  <div style="text-align:center">
+  <!-- Sidebar -->
-    <h1 style="font-size:28px;margin-bottom:8px">&#9874; Верстак</h1>
+  <aside class="sidebar">
-    <p style="color:#8888a4">Wails desktop app — under construction</p>
+    <div class="sidebar-top">
-  </div>
+      <span class="logo">&#9874;</span>
+      <span class="app-name">Верстак</span>
+    </div>
+
+    <nav class="sidebar-nav">
+      <div class="nav-group">
+        <div class="nav-label">Разделы</div>
+        {#each sections as section}
+          <button class="nav-item {selectedSection === section.id ? 'selected' : ''}"
+                  on:click={() => selectSection(section.id)}>
+            {section.label}
+          </button>
+        {/each}
+      </div>
+
+      <div class="nav-group">
+        <div class="nav-label">Корневые дела</div>
+        {#each nodes as node}
+          <button class="nav-item {selectedNode && selectedNode.id === node.id ? 'selected' : ''}"
+                  on:click={() => selectNode(node)}>
+            {node.title}
+          </button>
+        {/each}
+        {#if nodes.length === 0 && sections.length > 0}
+          <div class="nav-empty">Нет дел</div>
+        {/if}
+      </div>
+    </nav>
+
+    <div class="sidebar-bottom">
+      <span class="version">{version}</span>
+    </div>
+  </aside>
+
+  <!-- Main area -->
+  <main class="main">
+    <!-- Header -->
+    <header class="header">
+      <div class="header-left">
+        {#if selectedNode}
+          <span class="crumb">{selectedNode.title}</span>
+        {:else if selectedSection}
+          <span class="crumb">{#each sections as section}{section.id === selectedSection ? section.label : ''}{/each}</span>
+        {:else}
+          <span class="crumb placeholder">Выберите раздел или дело</span>
+        {/if}
+      </div>
+      <div class="header-right">
+        <!-- Search placeholder -->
+        <div class="search-hint">Поиск...</div>
+      </div>
+    </header>
+
+    <!-- Error banner -->
+    {#if error}
+      <div class="error-banner">
+        Wails bindings: {error}
+      </div>
+    {/if}
+
+    <!-- Content -->
+    <div class="content">
+      {#if selectedNode}
+        <div class="node-view">
+          <h2>{selectedNode.title}</h2>
+          <div class="node-meta">
+            <span>ID: {selectedNode.id}</span>
+            <span>Type: {selectedNode.type}</span>
+          </div>
+        </div>
+      {:else if sections.length > 0}
+        <div class="welcome">
+          <h2>Верстак</h2>
+          <p>Разделы: {sections.length} · Дел: {nodes.length}</p>
+          {#if error}
+            <p class="error-text">Go bindings не подключены: {error}</p>
+          {/if}
+        </div>
+      {:else}
+        <div class="loading">Загрузка...</div>
+      {/if}
+    </div>
+  </main>
 </div>
+
+<style>
+  /* Reset */
+  *, *::before, *::after {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+  }
+
+  /* App shell — full viewport */
+  .app {
+    display: flex;
+    width: 100vw;
+    height: 100vh;
+    overflow: hidden;
+    background: #13131f;
+    color: #e4e4ef;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-size: 14px;
+  }
+
+  /* ===== SIDEBAR ===== */
+  .sidebar {
+    width: 260px;
+    min-width: 200px;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    background: #1a1a28;
+    border-right: 1px solid #2a2a3c;
+    flex-shrink: 0;
+    overflow: hidden;
+  }
+
+  .sidebar-top {
+    padding: 16px 20px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    border-bottom: 1px solid #2a2a3c;
+    flex-shrink: 0;
+  }
+
+  .logo {
+    font-size: 20px;
+    line-height: 1;
+  }
+
+  .app-name {
+    font-size: 16px;
+    font-weight: 600;
+    color: #e4e4ef;
+  }
+
+  .sidebar-nav {
+    flex: 1;
+    overflow-y: auto;
+    padding: 12px 0;
+  }
+
+  .nav-group {
+    margin-bottom: 16px;
+  }
+
+  .nav-label {
+    font-size: 10px;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    color: #666;
+    padding: 4px 20px;
+    margin-bottom: 4px;
+  }
+
+  .nav-item {
+    display: block;
+    width: 100%;
+    padding: 8px 20px;
+    border: none;
+    background: none;
+    color: #ccc;
+    font-size: 13px;
+    text-align: left;
+    cursor: pointer;
+    border-radius: 0;
+    font-family: inherit;
+  }
+
+  .nav-item:hover {
+    background: #222233;
+  }
+
+  .nav-item.selected {
+    background: #2a2a4a;
+    color: #fff;
+    font-weight: 500;
+  }
+
+  .nav-empty {
+    padding: 8px 20px;
+    color: #555;
+    font-size: 12px;
+  }
+
+  .sidebar-bottom {
+    padding: 12px 20px;
+    border-top: 1px solid #2a2a3c;
+    flex-shrink: 0;
+  }
+
+  .version {
+    font-size: 11px;
+    color: #555;
+  }
+
+  /* ===== MAIN AREA ===== */
+  .main {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+    min-width: 0;
+    overflow: hidden;
+    background: #13131f;
+  }
+
+  .header {
+    padding: 12px 24px;
+    border-bottom: 1px solid #2a2a3c;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-shrink: 0;
+    min-height: 48px;
+  }
+
+  .crumb {
+    font-size: 14px;
+    font-weight: 500;
+    color: #e4e4ef;
+  }
+
+  .crumb.placeholder {
+    color: #666;
+  }
+
+  .search-hint {
+    padding: 6px 12px;
+    background: #1e1e2e;
+    border: 1px solid #2a2a3c;
+    border-radius: 4px;
+    color: #666;
+    font-size: 12px;
+    cursor: text;
+  }
+
+  .error-banner {
+    background: #3a2222;
+    color: #ff8888;
+    padding: 8px 24px;
+    font-size: 12px;
+    border-bottom: 1px solid #4a2222;
+    flex-shrink: 0;
+  }
+
+  /* ===== CONTENT ===== */
+  .content {
+    flex: 1;
+    overflow-y: auto;
+    padding: 24px;
+  }
+
+  .welcome h2 {
+    font-size: 28px;
+    font-weight: 300;
+    margin-bottom: 12px;
+    color: #8888a4;
+  }
+
+  .welcome p {
+    color: #666;
+    font-size: 13px;
+    margin-bottom: 4px;
+  }
+
+  .error-text {
+    color: #ff8888;
+    margin-top: 12px;
+  }
+
+  .loading {
+    color: #666;
+  }
+
+  .node-view h2 {
+    font-size: 24px;
+    margin-bottom: 16px;
+  }
+
+  .node-meta {
+    display: flex;
+    gap: 16px;
+    color: #666;
+    font-size: 12px;
+  }
+</style>

frontend/src/api/verstak.js

@@ -0,0 +1,43 @@
+// Wails v2 API wrapper — single frontend access point to Go backend
+
+function wailsCall(method, ...args) {
+  if (window.go && window.go.main && window.go.main.App) {
+    return window.go.main.App[method](...args)
+  }
+  return Promise.reject(new Error('Wails bindings not loaded'))
+}
+
+// Sections
+export const listSections = () => wailsCall('ListSections')
+
+// Nodes
+export const listNodesBySection = (section) => wailsCall('ListNodesBySection', section)
+export const listChildren = (parentID) => wailsCall('ListChildren', parentID)
+export const getNodeDetail = (id) => wailsCall('GetNodeDetail', id)
+export const createNode = (parentID, type, title, section) =>
+  wailsCall('CreateNode', parentID, type, title, section)
+export const deleteNode = (id) => wailsCall('DeleteNode', id)
+
+// Notes
+export const listNotes = (nodeID) => wailsCall('ListNotes', nodeID)
+export const createNote = (parentID, title) => wailsCall('CreateNote', parentID, title)
+export const readNote = (noteID) => wailsCall('ReadNote', noteID)
+export const saveNote = (noteID, content) => wailsCall('SaveNote', noteID, content)
+
+// Files
+export const listFiles = (nodeID) => wailsCall('ListFiles', nodeID)
+
+// Actions
+export const listActions = (nodeID) => wailsCall('ListActions', nodeID)
+export const runAction = (id) => wailsCall('RunAction', id)
+
+// Worklog
+export const listWorklog = (nodeID) => wailsCall('ListWorklog', nodeID)
+export const createWorklog = (nodeID, summary, minutes) =>
+  wailsCall('CreateWorklog', nodeID, summary, minutes)
+
+// Search
+export const search = (query) => wailsCall('Search', query)
+
+// System
+export const verstakVersion = () => wailsCall('VerstakVersion')

frontend/src/main.js

@@ -1,4 +1,5 @@
-import { mount } from 'svelte'
 import App from './App.svelte'
 
-mount(App, { target: document.getElementById('app') })
+new App({
+  target: document.getElementById('app')
+})

frontend/vite.config.js

@@ -1,13 +1,15 @@
 import { defineConfig } from "vite";
 import { svelte } from "@sveltejs/vite-plugin-svelte";
-import wails from "@wailsio/runtime/plugins/vite";
 
-// https://vitejs.dev/config/
 export default defineConfig({
   server: {
     host: "127.0.0.1",
-    port: Number(process.env.WAILS_VITE_PORT) || 9245,
+    port: 3001,
     strictPort: true,
   },
-  plugins: [svelte(), wails("./bindings")],
+  plugins: [svelte()],
+  build: {
+    outDir: "dist",
+    emptyOutDir: true,
+  },
 });