echo
8b044e3ac1
handle_nav_clicks — sidebar + pipeline stepper navigation handle_field_clicks — input field focus detection handle_format_clicks — PDF/PNG/CBZ + Local/DS toggle handle_action_clicks — all pipeline/file/log action buttons handle_workspace_nav — prev/next for Script/Panels/Layout/Bubbles handle_detail_clicks — panel regen, layout regen, bubble editor ops process_clicks: 269 → 30 lines (orchestration only) runtime.odin: 806 → 806 lines (delegation replaced inline logic) All 156 tests pass.
813 lines
41 KiB
Odin
813 lines
41 KiB
Odin
package gui
|
|
|
|
import clay "clay:."
|
|
import "core:fmt"
|
|
import "core:strings"
|
|
import rl "vendor:raylib"
|
|
import "../core"
|
|
import "../shared"
|
|
import "../ui"
|
|
|
|
// GUI_App_State holds all mutable GUI-local state for the main loop.
|
|
GUI_App_State :: struct {
|
|
controller: ui.App_Controller,
|
|
selected_field: int, // 0 idea, 1 genre, 2 audience, 3 export_path, 4 pages, 5 project_path, 6 autosave_interval
|
|
export_path: string,
|
|
project_path: string,
|
|
local_script_pages: string,
|
|
autosave_interval_text: string,
|
|
export_format: core.Export_Format,
|
|
use_deepseek_script: bool,
|
|
status_msg: string,
|
|
is_dirty: bool,
|
|
autosave_enabled: bool,
|
|
autosave_interval_s: f64,
|
|
last_autosave_at: f64,
|
|
last_save_at: f64,
|
|
last_export_at: f64,
|
|
action_log: Action_Log,
|
|
log_show_lines: i32,
|
|
log_oldest_first: bool,
|
|
summary_opts: Summary_View_Options,
|
|
show_help_overlay: bool,
|
|
show_confirm_overlay: bool,
|
|
pending_confirm: Pending_Confirm_Action,
|
|
}
|
|
|
|
clicked :: proc(id: clay.ElementId) -> bool {
|
|
return clay.PointerOver(id) && rl.IsMouseButtonPressed(.LEFT)
|
|
}
|
|
|
|
run_gui_app :: proc(state: ^core.Comic_State) -> shared.App_Error {
|
|
controller := ui.new_controller(state^)
|
|
defer ui.dispose_job_manager(&controller.jobs)
|
|
|
|
rl.SetConfigFlags({.WINDOW_RESIZABLE, .WINDOW_UNDECORATED})
|
|
rl.InitWindow(1240, 820, "comic-odin gui")
|
|
defer rl.CloseWindow()
|
|
monitor := rl.GetCurrentMonitor()
|
|
monitor_pos := rl.GetMonitorPosition(monitor)
|
|
rl.SetWindowPosition(i32(monitor_pos.x), i32(monitor_pos.y))
|
|
rl.SetWindowSize(rl.GetMonitorWidth(monitor), rl.GetMonitorHeight(monitor))
|
|
rl.SetWindowState({.BORDERLESS_WINDOWED_MODE})
|
|
rl.SetTargetFPS(60)
|
|
|
|
clay_init(1240, 820)
|
|
defer clay_shutdown()
|
|
|
|
app: GUI_App_State
|
|
app.controller = controller
|
|
app.selected_field = 0
|
|
app.export_path = "./gui_export.pdf"
|
|
app.project_path = "./gui_project.comic.json"
|
|
app.local_script_pages = "2"
|
|
app.autosave_interval_text = "20"
|
|
app.export_format = .PDF
|
|
app.use_deepseek_script = false
|
|
app.status_msg = fmt.aprintf("GUI ready")
|
|
app.autosave_enabled = true
|
|
app.autosave_interval_s = 20
|
|
app.last_autosave_at = rl.GetTime()
|
|
app.last_save_at = -1
|
|
app.last_export_at = -1
|
|
app.log_oldest_first = false
|
|
app.summary_opts = Summary_View_Options{}
|
|
push_status(&app.status_msg, &app.action_log, app.status_msg)
|
|
defer action_log_dispose(&app.action_log)
|
|
defer delete(app.status_msg)
|
|
|
|
for !rl.WindowShouldClose() {
|
|
screen_w := rl.GetScreenWidth()
|
|
screen_h := rl.GetScreenHeight()
|
|
compact_mode := shared.is_compact(screen_h)
|
|
cfg := shared.load_config()
|
|
has_deepseek_key := len(cfg.deepseek_api_key) > 0
|
|
|
|
clay_update_dimensions(screen_w, screen_h)
|
|
clay_update_input()
|
|
|
|
// ─── Keyboard Input ──────────────────────────────────────
|
|
interaction_locked := app.show_help_overlay || app.show_confirm_overlay
|
|
|
|
if rl.IsKeyPressed(.SLASH) { toggle_help_overlay(&app.show_help_overlay) }
|
|
if rl.IsKeyPressed(.ESCAPE) { close_help_overlay_if_open(&app.show_help_overlay) }
|
|
|
|
if !interaction_locked {
|
|
if rl.IsKeyPressed(.ONE) { _ = ui.navigate_to_screen(&app.controller, .Story) }
|
|
if rl.IsKeyPressed(.TWO) { _ = ui.navigate_to_screen(&app.controller, .Script) }
|
|
if rl.IsKeyPressed(.THREE) { _ = ui.navigate_to_screen(&app.controller, .Characters) }
|
|
if rl.IsKeyPressed(.FOUR) { _ = ui.navigate_to_screen(&app.controller, .Panels) }
|
|
if rl.IsKeyPressed(.FIVE) { _ = ui.navigate_to_screen(&app.controller, .Layout) }
|
|
if rl.IsKeyPressed(.SIX) { _ = ui.navigate_to_screen(&app.controller, .Bubbles) }
|
|
if rl.IsKeyPressed(.SEVEN) { _ = ui.navigate_to_screen(&app.controller, .Export) }
|
|
if rl.IsKeyPressed(.EIGHT) { _ = ui.navigate_to_screen(&app.controller, .Community) }
|
|
if rl.IsKeyPressed(.TAB) { app.selected_field = (app.selected_field + 1) % 7 }
|
|
if rl.IsKeyPressed(.F1) { app.selected_field = 0 }
|
|
if rl.IsKeyPressed(.F2) { app.selected_field = 1 }
|
|
if rl.IsKeyPressed(.F3) { app.selected_field = 2 }
|
|
if rl.IsKeyPressed(.F4) { app.selected_field = 3 }
|
|
if rl.IsKeyPressed(.F11) { app.selected_field = 4 }
|
|
if rl.IsKeyPressed(.F12) { app.selected_field = 5 }
|
|
}
|
|
|
|
pages_count := parse_pages_or_default(app.local_script_pages, 2)
|
|
autosave_secs := parse_autosave_interval(app.autosave_interval_text, 20)
|
|
app.autosave_interval_s = f64(autosave_secs)
|
|
if app.selected_field != 6 && len(strings.trim_space(app.autosave_interval_text)) == 0 {
|
|
app.autosave_interval_text = fmt.aprintf("%d", autosave_secs)
|
|
}
|
|
shift_down := rl.IsKeyDown(.LEFT_SHIFT) || rl.IsKeyDown(.RIGHT_SHIFT)
|
|
can_generate_panels := len(app.controller.state.script.pages) > 0
|
|
can_layout := len(app.controller.state.panel_images) > 0
|
|
can_export := len(app.controller.state.page_layouts) > 0 && len(app.controller.state.panel_images) > 0
|
|
project_path_ok := project_path_is_normalized(app.project_path)
|
|
export_path_ok := export_path_matches_format(app.export_path, app.export_format)
|
|
|
|
// ─── Confirm Overlay Logic ────────────────────────────────
|
|
if app.show_confirm_overlay {
|
|
confirm_yes := rl.IsKeyPressed(.ENTER) || rl.IsKeyPressed(.Y)
|
|
confirm_no := rl.IsKeyPressed(.ESCAPE) || rl.IsKeyPressed(.N)
|
|
if clicked(clay.ID("confirm_yes")) { confirm_yes = true }
|
|
if clicked(clay.ID("confirm_no")) { confirm_no = true }
|
|
if confirm_no {
|
|
app.show_confirm_overlay = false
|
|
app.pending_confirm = .None
|
|
push_status(&app.status_msg, &app.action_log, "Cancelled destructive action")
|
|
} else if confirm_yes {
|
|
action := app.pending_confirm
|
|
app.show_confirm_overlay = false
|
|
app.pending_confirm = .None
|
|
push_status(&app.status_msg, &app.action_log, resolve_confirm_action_with_message(action, &app.controller, &app.project_path, &app.export_path, app.export_format, &app.is_dirty, &app.last_autosave_at))
|
|
}
|
|
}
|
|
|
|
// ─── Text Input ────────────────────────────────────────────
|
|
if !interaction_locked {
|
|
for {
|
|
ch := rl.GetCharPressed()
|
|
if ch == 0 { break }
|
|
if ch < 32 || ch > 126 { continue }
|
|
if app.selected_field == 6 && (ch < '0' || ch > '9') { continue }
|
|
switch app.selected_field {
|
|
case 0: append_char(&app.controller.state.story_idea, ch)
|
|
case 1: append_char(&app.controller.state.story_genre, ch)
|
|
case 2: append_char(&app.controller.state.target_audience, ch)
|
|
case 3: append_char(&app.export_path, ch)
|
|
case 4: append_char(&app.local_script_pages, ch)
|
|
case 5: append_char(&app.project_path, ch)
|
|
case 6: append_char(&app.autosave_interval_text, ch)
|
|
}
|
|
app.is_dirty = true
|
|
}
|
|
if rl.IsKeyPressed(.BACKSPACE) {
|
|
switch app.selected_field {
|
|
case 0: pop_char(&app.controller.state.story_idea)
|
|
case 1: pop_char(&app.controller.state.story_genre)
|
|
case 2: pop_char(&app.controller.state.target_audience)
|
|
case 3: pop_char(&app.export_path)
|
|
case 4: pop_char(&app.local_script_pages)
|
|
case 5: pop_char(&app.project_path)
|
|
case 6: pop_char(&app.autosave_interval_text)
|
|
}
|
|
app.is_dirty = true
|
|
}
|
|
}
|
|
|
|
// ─── Keyboard Shortcuts ─────────────────────────────────────
|
|
ctrl_down := rl.IsKeyDown(.LEFT_CONTROL) || rl.IsKeyDown(.RIGHT_CONTROL)
|
|
if !interaction_locked {
|
|
if ctrl_down && rl.IsKeyPressed(.S) {
|
|
push_status(&app.status_msg, &app.action_log, save_project_session_with_message(&app.project_path, app.controller.state, &app.is_dirty, &app.last_autosave_at, &app.last_save_at, "Saved project"))
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.N) {
|
|
if app.is_dirty && !shift_down {
|
|
push_status(&app.status_msg, &app.action_log, request_confirmation(&app.show_confirm_overlay, &app.show_help_overlay, &app.pending_confirm, .Reset_Project, "Confirm reset?"))
|
|
} else {
|
|
push_status(&app.status_msg, &app.action_log, reset_project_session(&app.controller, &app.is_dirty, &app.last_autosave_at, true))
|
|
}
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.O) {
|
|
if app.is_dirty && !shift_down {
|
|
push_status(&app.status_msg, &app.action_log, request_confirmation(&app.show_confirm_overlay, &app.show_help_overlay, &app.pending_confirm, .Open_Project, "Confirm open?"))
|
|
} else {
|
|
push_status(&app.status_msg, &app.action_log, open_project_session(&app.controller, &app.project_path, &app.export_path, app.export_format, &app.is_dirty, &app.last_autosave_at))
|
|
}
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.E) {
|
|
push_status(&app.status_msg, &app.action_log, run_export_action(&app.controller, &app.export_path, app.export_format, can_export, &app.is_dirty, &app.last_export_at))
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.G) {
|
|
if app.use_deepseek_script {
|
|
app.use_deepseek_script = false
|
|
push_status(&app.status_msg, &app.action_log, "Script source: Local")
|
|
} else {
|
|
if !has_deepseek_key {
|
|
push_status(&app.status_msg, &app.action_log, "DeepSeek key missing (set DEEPSEEK_API_KEY)")
|
|
} else {
|
|
app.use_deepseek_script = true
|
|
push_status(&app.status_msg, &app.action_log, "Script source: DeepSeek")
|
|
}
|
|
}
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.H) {
|
|
push_status_if_nonempty(&app.status_msg, &app.action_log, toggle_summary_show_if_supported(app.controller.active_screen, &app.summary_opts))
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.J) {
|
|
push_status_if_nonempty(&app.status_msg, &app.action_log, toggle_summary_sort_if_supported(app.controller.active_screen, &app.summary_opts))
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.MINUS) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, set_autosave_interval_text(&app.autosave_interval_text, autosave_secs-5))
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.EQUAL) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, set_autosave_interval_text(&app.autosave_interval_text, autosave_secs+5))
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.SEVEN) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, set_autosave_interval_text(&app.autosave_interval_text, 15))
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.EIGHT) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, set_autosave_interval_text(&app.autosave_interval_text, 30))
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.NINE) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, set_autosave_interval_text(&app.autosave_interval_text, 60))
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.ZERO) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, reset_helper_fields_with_message(&app.export_path, &app.local_script_pages, &app.autosave_interval_text, app.export_format))
|
|
}
|
|
if ctrl_down && !shift_down && rl.IsKeyPressed(.L) {
|
|
set_status(&app.status_msg, clear_action_log_with_message(&app.action_log))
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.V) {
|
|
push_status_if_nonempty(&app.status_msg, &app.action_log, paste_clipboard_into_selected_field_with_message(app.selected_field, &app.controller.state, &app.export_path, &app.local_script_pages, &app.project_path, &app.autosave_interval_text, &app.is_dirty))
|
|
}
|
|
if ctrl_down && rl.IsKeyPressed(.BACKSPACE) {
|
|
push_status(&app.status_msg, &app.action_log, clear_selected_field_with_message(app.selected_field, &app.controller.state, &app.export_path, &app.local_script_pages, &app.project_path, &app.autosave_interval_text, &app.is_dirty))
|
|
}
|
|
if ctrl_down && shift_down && rl.IsKeyPressed(.C) {
|
|
push_status(&app.status_msg, &app.action_log, copy_text_with_status(app.status_msg, "Copied status to clipboard"))
|
|
}
|
|
if ctrl_down && shift_down && rl.IsKeyPressed(.A) {
|
|
push_status(&app.status_msg, &app.action_log, toggle_autosave_with_message(&app.autosave_enabled))
|
|
}
|
|
if ctrl_down && shift_down && rl.IsKeyPressed(.X) {
|
|
push_status(&app.status_msg, &app.action_log, copy_text_with_status(app.export_path, "Copied export path to clipboard"))
|
|
}
|
|
if ctrl_down && shift_down && rl.IsKeyPressed(.P) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, set_export_preset_with_message(&app.export_path, app.export_format))
|
|
}
|
|
if ctrl_down && shift_down && rl.IsKeyPressed(.D) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, set_export_path_from_project_with_message(&app.export_path, app.project_path, app.export_format))
|
|
}
|
|
if ctrl_down && shift_down && rl.IsKeyPressed(.G) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, set_project_path_from_export_with_message(&app.project_path, app.export_path))
|
|
}
|
|
if ctrl_down && shift_down && rl.IsKeyPressed(.J) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, normalize_project_path_with_message(&app.project_path))
|
|
}
|
|
if ctrl_down && shift_down && rl.IsKeyPressed(.K) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, normalize_project_path_with_message(&app.project_path))
|
|
}
|
|
if ctrl_down && shift_down && rl.IsKeyPressed(.M) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, normalize_export_path_with_message(&app.export_path, app.export_format))
|
|
}
|
|
if ctrl_down && shift_down && rl.IsKeyPressed(.U) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, fix_all_paths_with_message(&app.project_path, &app.export_path, app.export_format))
|
|
}
|
|
if ctrl_down && shift_down && rl.IsKeyPressed(.F) {
|
|
push_dirty_status(&app.is_dirty, &app.status_msg, &app.action_log, normalize_export_path_with_message(&app.export_path, app.export_format))
|
|
}
|
|
if rl.IsKeyPressed(.F5) {
|
|
push_status(&app.status_msg, &app.action_log, run_script_action(&app.controller, pages_count, app.use_deepseek_script, &app.is_dirty))
|
|
}
|
|
if rl.IsKeyPressed(.F6) {
|
|
push_status(&app.status_msg, &app.action_log, run_panels_action(&app.controller, can_generate_panels, &app.is_dirty))
|
|
}
|
|
if rl.IsKeyPressed(.F7) {
|
|
push_status(&app.status_msg, &app.action_log, run_layout_action(&app.controller, can_layout, &app.is_dirty))
|
|
}
|
|
if rl.IsKeyPressed(.F8) {
|
|
push_status(&app.status_msg, &app.action_log, run_export_action(&app.controller, &app.export_path, app.export_format, can_export, &app.is_dirty, &app.last_export_at))
|
|
}
|
|
if rl.IsKeyPressed(.F9) {
|
|
push_status(&app.status_msg, &app.action_log, run_next_action(&app.controller, &app.export_path, app.export_format, pages_count, app.use_deepseek_script, &app.is_dirty, &app.last_export_at))
|
|
}
|
|
if rl.IsKeyPressed(.F10) {
|
|
push_status(&app.status_msg, &app.action_log, run_auto_all_action(&app.controller, &app.export_path, app.export_format, pages_count, app.use_deepseek_script, &app.is_dirty, &app.last_export_at))
|
|
}
|
|
}
|
|
|
|
// ─── Autosave ──────────────────────────────────────────────
|
|
push_status_if_nonempty(&app.status_msg, &app.action_log, autosave_tick_with_message(&app.project_path, app.controller.state, app.autosave_enabled, &app.is_dirty, &app.last_autosave_at, &app.last_save_at, app.autosave_interval_s))
|
|
|
|
// ─── Clay Layout Declaration ──────────────────────────────
|
|
|
|
clay.BeginLayout()
|
|
|
|
// Root: horizontal layout (sidebar + main)
|
|
if clay.UI(clay.ID("Root"))({
|
|
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}, layoutDirection = .LeftToRight},
|
|
backgroundColor = CLAY_BG_BASE,
|
|
}) {
|
|
// ─── Sidebar ───────────────────────────────────────
|
|
declare_sidebar(&app)
|
|
|
|
// ─── Main Content ────────────────────────────────
|
|
if clay.UI(clay.ID("MainArea"))({
|
|
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}, layoutDirection = .TopToBottom},
|
|
}) {
|
|
declare_pipeline_bar(&app)
|
|
declare_workspace(&app, can_generate_panels, can_layout, can_export, project_path_ok, export_path_ok, has_deepseek_key, pages_count)
|
|
next_hint := gui_next_hint_with_source(app.controller, app.use_deepseek_script)
|
|
declare_bottom_bar(&app, can_generate_panels, can_layout, can_export, next_hint)
|
|
}
|
|
}
|
|
|
|
// ─── Floating Overlays (Clay) ──────────────────────────────
|
|
if app.show_help_overlay {
|
|
declare_help_overlay()
|
|
}
|
|
if app.show_confirm_overlay {
|
|
declare_confirm_overlay(app.pending_confirm)
|
|
}
|
|
declare_toast(&app.action_log)
|
|
|
|
render_commands := clay.EndLayout(rl.GetFrameTime())
|
|
|
|
// ─── Click Detection (after layout, before render) ────────
|
|
process_clicks(&app, can_generate_panels, can_layout, can_export, project_path_ok, export_path_ok, has_deepseek_key, pages_count, shift_down, autosave_secs, compact_mode)
|
|
|
|
// ─── Render ────────────────────────────────────────────────────
|
|
rl.BeginDrawing()
|
|
rl.ClearBackground(BG_BASE)
|
|
clay_raylib_render(&render_commands)
|
|
|
|
rl.EndDrawing()
|
|
}
|
|
|
|
core.dispose_state(state)
|
|
state^ = app.controller.state
|
|
app.controller.state = core.Comic_State{}
|
|
return shared.ok()
|
|
}
|
|
|
|
// ─── Click Handlers (called by process_clicks) ───────────────────
|
|
|
|
handle_nav_clicks :: proc(app: ^GUI_App_State) {
|
|
nav_screen := []ui.App_Screen{.Story, .Script, .Characters, .Panels, .Layout, .Bubbles, .Export, .Community}
|
|
for i in 0 ..< len(nav_screen) {
|
|
if clicked(clay.ID("Nav", u32(i))) {
|
|
push_status(&app.status_msg, &app.action_log, navigate_screen_with_status(&app.controller, nav_screen[i]))
|
|
}
|
|
}
|
|
pipeline_screens := []ui.App_Screen{.Script, .Panels, .Layout, .Export}
|
|
for i in 0 ..< len(pipeline_screens) {
|
|
if clicked(clay.ID("PStep", u32(i))) {
|
|
push_status(&app.status_msg, &app.action_log, navigate_screen_with_status(&app.controller, pipeline_screens[i]))
|
|
}
|
|
}
|
|
}
|
|
|
|
handle_field_clicks :: proc(app: ^GUI_App_State) {
|
|
input_ids := []string{"field_idea", "field_genre", "field_audience", "field_export", "field_pages", "field_project"}
|
|
for i in 0 ..< len(input_ids) {
|
|
if clicked(clay.ID(input_ids[i])) { app.selected_field = i }
|
|
}
|
|
}
|
|
|
|
handle_format_clicks :: proc(app: ^GUI_App_State, has_deepseek: bool) {
|
|
if clicked(clay.ID("btn_pdf")) { push_status(&app.status_msg, &app.action_log, set_export_format_with_message(&app.export_format, &app.export_path, .PDF, &app.is_dirty)) }
|
|
if clicked(clay.ID("btn_png")) { push_status(&app.status_msg, &app.action_log, set_export_format_with_message(&app.export_format, &app.export_path, .PNG, &app.is_dirty)) }
|
|
if clicked(clay.ID("btn_cbz")) { push_status(&app.status_msg, &app.action_log, set_export_format_with_message(&app.export_format, &app.export_path, .CBZ, &app.is_dirty)) }
|
|
if clicked(clay.ID("btn_local")) { app.use_deepseek_script = false; push_status(&app.status_msg, &app.action_log, "Script source: Local") }
|
|
if clicked(clay.ID("btn_deepseek")) {
|
|
if !has_deepseek { push_status(&app.status_msg, &app.action_log, "DeepSeek key missing") }
|
|
else { app.use_deepseek_script = true; push_status(&app.status_msg, &app.action_log, "Script source: DeepSeek") }
|
|
}
|
|
}
|
|
|
|
handle_action_clicks :: proc(app: ^GUI_App_State, can_gen_panels, can_layout, can_export: bool, pages_count: int, shift_down: bool, proj_ok, export_ok: bool, autosave_secs: int) {
|
|
if clicked(clay.ID("btn_new")) {
|
|
if app.is_dirty && !shift_down { push_status(&app.status_msg, &app.action_log, request_confirmation(&app.show_confirm_overlay, &app.show_help_overlay, &app.pending_confirm, .Reset_Project, "Confirm reset?")) }
|
|
else { push_status(&app.status_msg, &app.action_log, reset_project_session(&app.controller, &app.is_dirty, &app.last_autosave_at, false)) }
|
|
}
|
|
if clicked(clay.ID("btn_script")) { push_status(&app.status_msg, &app.action_log, run_script_action(&app.controller, pages_count, app.use_deepseek_script, &app.is_dirty)) }
|
|
if clicked(clay.ID("btn_panels")) { push_status(&app.status_msg, &app.action_log, run_panels_action(&app.controller, can_gen_panels, &app.is_dirty)) }
|
|
if clicked(clay.ID("btn_layout")) { push_status(&app.status_msg, &app.action_log, run_layout_action(&app.controller, can_layout, &app.is_dirty)) }
|
|
if clicked(clay.ID("btn_export")) { push_status(&app.status_msg, &app.action_log, run_export_action(&app.controller, &app.export_path, app.export_format, can_export, &app.is_dirty, &app.last_export_at)) }
|
|
if clicked(clay.ID("btn_export_now")) { push_status(&app.status_msg, &app.action_log, run_export_action(&app.controller, &app.export_path, app.export_format, can_export, &app.is_dirty, &app.last_export_at)) }
|
|
if clicked(clay.ID("btn_export_png")) {
|
|
push_status(&app.status_msg, &app.action_log, set_export_format_with_message(&app.export_format, &app.export_path, .PNG, &app.is_dirty))
|
|
push_status(&app.status_msg, &app.action_log, run_export_action(&app.controller, &app.export_path, app.export_format, can_export, &app.is_dirty, &app.last_export_at))
|
|
}
|
|
if clicked(clay.ID("btn_export_cbz")) {
|
|
push_status(&app.status_msg, &app.action_log, set_export_format_with_message(&app.export_format, &app.export_path, .CBZ, &app.is_dirty))
|
|
push_status(&app.status_msg, &app.action_log, run_export_action(&app.controller, &app.export_path, app.export_format, can_export, &app.is_dirty, &app.last_export_at))
|
|
}
|
|
if clicked(clay.ID("btn_next")) { push_status(&app.status_msg, &app.action_log, run_next_action(&app.controller, &app.export_path, app.export_format, pages_count, app.use_deepseek_script, &app.is_dirty, &app.last_export_at)) }
|
|
if clicked(clay.ID("btn_auto")) { push_status(&app.status_msg, &app.action_log, run_auto_all_action(&app.controller, &app.export_path, app.export_format, pages_count, app.use_deepseek_script, &app.is_dirty, &app.last_export_at)) }
|
|
if clicked(clay.ID("btn_save")) { push_status(&app.status_msg, &app.action_log, save_project_session_with_message(&app.project_path, app.controller.state, &app.is_dirty, &app.last_autosave_at, &app.last_save_at, "Saved project")) }
|
|
if clicked(clay.ID("btn_open")) {
|
|
if app.is_dirty && !shift_down { push_status(&app.status_msg, &app.action_log, request_confirmation(&app.show_confirm_overlay, &app.show_help_overlay, &app.pending_confirm, .Open_Project, "Confirm open?")) }
|
|
else { push_status(&app.status_msg, &app.action_log, open_project_session(&app.controller, &app.project_path, &app.export_path, app.export_format, &app.is_dirty, &app.last_autosave_at)) }
|
|
}
|
|
if clicked(clay.ID("btn_autosave_toggle")) { push_status(&app.status_msg, &app.action_log, toggle_autosave_with_message(&app.autosave_enabled)) }
|
|
if clicked(clay.ID("btn_help")) { toggle_help_overlay(&app.show_help_overlay) }
|
|
|
|
diag_ctx := make_diagnostics_action_context(&app.controller, &app.action_log, app.is_dirty, app.autosave_enabled, proj_ok, export_ok, autosave_secs, app.project_path, app.export_path, app.log_show_lines, app.log_oldest_first)
|
|
if clicked(clay.ID("btn_log_reset")) { push_status(&app.status_msg, &app.action_log, reset_log_view_with_message(&app.log_show_lines, &app.log_oldest_first)) }
|
|
if clicked(clay.ID("btn_log_clear")) { set_status(&app.status_msg, clear_action_log_with_message(&app.action_log)) }
|
|
if clicked(clay.ID("btn_log_report")) { push_status(&app.status_msg, &app.action_log, write_session_report_with_message(diag_ctx)) }
|
|
if clicked(clay.ID("btn_log_copy")) { push_status(&app.status_msg, &app.action_log, copy_action_log_snapshot_with_message(diag_ctx)) }
|
|
if clicked(clay.ID("btn_log_diag")) { push_status(&app.status_msg, &app.action_log, write_diagnostics_with_message(diag_ctx)) }
|
|
if clicked(clay.ID("btn_log_status_copy")) { push_status(&app.status_msg, &app.action_log, copy_text_with_status(app.status_msg, "Copied status to clipboard")) }
|
|
if clicked(clay.ID("btn_log_diag_copy")) { push_status(&app.status_msg, &app.action_log, copy_diagnostics_with_message(diag_ctx)) }
|
|
}
|
|
|
|
handle_workspace_nav :: proc(app: ^GUI_App_State) {
|
|
screen := app.controller.active_screen
|
|
if screen == .Script {
|
|
page_count := len(app.controller.state.script.pages)
|
|
if clicked(clay.ID("btn_script_prev")) && page_count > 0 {
|
|
app.summary_opts.script_page_cursor -= 1
|
|
if app.summary_opts.script_page_cursor < 0 { app.summary_opts.script_page_cursor = page_count - 1 }
|
|
}
|
|
if clicked(clay.ID("btn_script_next")) && page_count > 0 {
|
|
app.summary_opts.script_page_cursor += 1
|
|
if app.summary_opts.script_page_cursor >= page_count { app.summary_opts.script_page_cursor = 0 }
|
|
}
|
|
}
|
|
if screen == .Panels {
|
|
panel_count := count_script_panels(app.controller.state.script)
|
|
if clicked(clay.ID("btn_panels_prev")) && panel_count > 0 {
|
|
app.summary_opts.panel_cursor -= 1
|
|
if app.summary_opts.panel_cursor < 0 { app.summary_opts.panel_cursor = panel_count - 1 }
|
|
}
|
|
if clicked(clay.ID("btn_panels_next")) && panel_count > 0 {
|
|
app.summary_opts.panel_cursor += 1
|
|
if app.summary_opts.panel_cursor >= panel_count { app.summary_opts.panel_cursor = 0 }
|
|
}
|
|
}
|
|
if screen == .Layout {
|
|
layout_count := len(app.controller.state.page_layouts)
|
|
if clicked(clay.ID("btn_layout_prev")) && layout_count > 0 {
|
|
app.summary_opts.layout_page_cursor -= 1
|
|
if app.summary_opts.layout_page_cursor < 0 { app.summary_opts.layout_page_cursor = layout_count - 1 }
|
|
}
|
|
if clicked(clay.ID("btn_layout_next")) && layout_count > 0 {
|
|
app.summary_opts.layout_page_cursor += 1
|
|
if app.summary_opts.layout_page_cursor >= layout_count { app.summary_opts.layout_page_cursor = 0 }
|
|
}
|
|
}
|
|
if screen == .Bubbles {
|
|
layout_count := len(app.controller.state.page_layouts)
|
|
if clicked(clay.ID("btn_bubbles_prev_page")) && layout_count > 0 {
|
|
app.summary_opts.bubble_page_cursor -= 1
|
|
if app.summary_opts.bubble_page_cursor < 0 { app.summary_opts.bubble_page_cursor = layout_count - 1 }
|
|
app.summary_opts.bubble_panel_cursor = 0
|
|
app.summary_opts.bubble_edit_cursor = 0
|
|
}
|
|
if clicked(clay.ID("btn_bubbles_next_page")) && layout_count > 0 {
|
|
app.summary_opts.bubble_page_cursor += 1
|
|
if app.summary_opts.bubble_page_cursor >= layout_count { app.summary_opts.bubble_page_cursor = 0 }
|
|
app.summary_opts.bubble_panel_cursor = 0
|
|
app.summary_opts.bubble_edit_cursor = 0
|
|
}
|
|
if layout_count > 0 {
|
|
page_idx := clamp_layout_cursor(layout_count, app.summary_opts.bubble_page_cursor)
|
|
layout_val := app.controller.state.page_layouts[page_idx]
|
|
panel_count := len(layout_val.panels)
|
|
if clicked(clay.ID("btn_bubbles_prev_panel")) && panel_count > 0 {
|
|
app.summary_opts.bubble_panel_cursor -= 1
|
|
if app.summary_opts.bubble_panel_cursor < 0 { app.summary_opts.bubble_panel_cursor = panel_count - 1 }
|
|
app.summary_opts.bubble_edit_cursor = 0
|
|
}
|
|
if clicked(clay.ID("btn_bubbles_next_panel")) && panel_count > 0 {
|
|
app.summary_opts.bubble_panel_cursor += 1
|
|
if app.summary_opts.bubble_panel_cursor >= panel_count { app.summary_opts.bubble_panel_cursor = 0 }
|
|
app.summary_opts.bubble_edit_cursor = 0
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
handle_detail_clicks :: proc(app: ^GUI_App_State) {
|
|
screen := app.controller.active_screen
|
|
|
|
if screen == .Panels {
|
|
if clicked(clay.ID("btn_panel_regenerate")) {
|
|
panel_count := count_script_panels(app.controller.state.script)
|
|
if panel_count > 0 {
|
|
idx := clamp_panel_cursor(panel_count, app.summary_opts.panel_cursor)
|
|
panel, _, ok := panel_by_flat_index(app.controller.state.script, idx)
|
|
if ok { push_status(&app.status_msg, &app.action_log, action_regenerate_panel(&app.controller, panel.panel_id)) }
|
|
}
|
|
}
|
|
panel_count := count_script_panels(app.controller.state.script)
|
|
if panel_count > 0 {
|
|
for i in 0..<panel_count {
|
|
if clicked(clay.ID(fmt.tprintf("panel_row_%d", i))) {
|
|
app.summary_opts.panel_cursor = i
|
|
push_status(&app.status_msg, &app.action_log, fmt.tprintf("Viewing panel %d/%d", i+1, panel_count))
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if screen == .Layout {
|
|
if clicked(clay.ID("btn_layout_regen")) {
|
|
push_status(&app.status_msg, &app.action_log, action_regenerate_page_layout(&app.controller, app.summary_opts.layout_page_cursor))
|
|
app.is_dirty = true
|
|
}
|
|
layout_count := len(app.controller.state.page_layouts)
|
|
for i in 0..<layout_count {
|
|
if clicked(clay.ID(fmt.tprintf("layout_row_%d", i))) {
|
|
app.summary_opts.layout_page_cursor = i
|
|
push_status(&app.status_msg, &app.action_log, fmt.tprintf("Viewing layout page %d/%d", i+1, layout_count))
|
|
}
|
|
}
|
|
}
|
|
|
|
if screen == .Bubbles {
|
|
layout_count := len(app.controller.state.page_layouts)
|
|
if layout_count > 0 {
|
|
if clicked(clay.ID("btn_bubble_auto_place")) {
|
|
page_idx := clamp_layout_cursor(layout_count, app.summary_opts.bubble_page_cursor)
|
|
layout_val := app.controller.state.page_layouts[page_idx]
|
|
if len(layout_val.panels) > 0 {
|
|
panel_idx := clamp_bubble_cursor(len(layout_val.panels), app.summary_opts.bubble_panel_cursor)
|
|
panel_id := layout_val.panels[panel_idx].panel_id
|
|
push_status(&app.status_msg, &app.action_log, action_auto_place_bubbles_for_panel(&app.controller, panel_id, layout_val))
|
|
app.is_dirty = true
|
|
}
|
|
}
|
|
if clicked(clay.ID("btn_bubble_add")) {
|
|
page_idx := clamp_layout_cursor(layout_count, app.summary_opts.bubble_page_cursor)
|
|
layout_val := app.controller.state.page_layouts[page_idx]
|
|
if len(layout_val.panels) > 0 {
|
|
panel_idx := clamp_bubble_cursor(len(layout_val.panels), app.summary_opts.bubble_panel_cursor)
|
|
panel_id := layout_val.panels[panel_idx].panel_id
|
|
push_status(&app.status_msg, &app.action_log, action_add_bubble(&app.controller, panel_id))
|
|
app.is_dirty = true
|
|
}
|
|
}
|
|
}
|
|
if layout_count > 0 {
|
|
page_idx := clamp_layout_cursor(layout_count, app.summary_opts.bubble_page_cursor)
|
|
layout_val := app.controller.state.page_layouts[page_idx]
|
|
if len(layout_val.panels) > 0 {
|
|
panel_idx := clamp_bubble_cursor(len(layout_val.panels), app.summary_opts.bubble_panel_cursor)
|
|
panel_id := layout_val.panels[panel_idx].panel_id
|
|
panel_panel_count := count_bubbles_for_panel(app.controller.state.speech_bubbles, panel_id)
|
|
for i in 0..<panel_panel_count {
|
|
if clicked(clay.ID(fmt.tprintf("bubble_row_%d", i))) {
|
|
app.summary_opts.bubble_edit_cursor = i
|
|
}
|
|
if clicked(clay.ID(fmt.tprintf("btn_bubble_delete_%d", i))) {
|
|
push_status(&app.status_msg, &app.action_log, action_delete_bubble(&app.controller, panel_id, i))
|
|
app.is_dirty = true
|
|
if app.summary_opts.bubble_edit_cursor > 0 { app.summary_opts.bubble_edit_cursor -= 1 }
|
|
}
|
|
}
|
|
bubble_count := count_bubbles_for_panel(app.controller.state.speech_bubbles, panel_id)
|
|
if bubble_count > 0 && app.summary_opts.bubble_edit_cursor < bubble_count {
|
|
types := []core.Bubble_Type{.Normal, .Thought, .Shout, .Whisper, .Narration, .Sound_Effect}
|
|
for t in types {
|
|
btn_id := fmt.tprintf("btn_btype_%d", int(t))
|
|
if clicked(clay.ID(btn_id)) {
|
|
push_status(&app.status_msg, &app.action_log, action_update_bubble(&app.controller, panel_id, app.summary_opts.bubble_edit_cursor, t, ""))
|
|
app.is_dirty = true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
process_clicks :: proc(app: ^GUI_App_State, can_gen_panels, can_layout, can_export, proj_ok, export_ok, has_deepseek: bool, pages_count: int, shift_down: bool, autosave_secs: int, compact_mode: bool) {
|
|
handle_nav_clicks(app)
|
|
handle_field_clicks(app)
|
|
handle_format_clicks(app, has_deepseek)
|
|
handle_action_clicks(app, can_gen_panels, can_layout, can_export, pages_count, shift_down, proj_ok, export_ok, autosave_secs)
|
|
handle_workspace_nav(app)
|
|
handle_detail_clicks(app)
|
|
|
|
// Overlay clicks
|
|
if app.show_confirm_overlay {
|
|
confirm_yes := rl.IsKeyPressed(.ENTER) || rl.IsKeyPressed(.Y) || clicked(clay.ID("confirm_yes"))
|
|
confirm_no := rl.IsKeyPressed(.ESCAPE) || rl.IsKeyPressed(.N) || clicked(clay.ID("confirm_no"))
|
|
if confirm_no {
|
|
app.show_confirm_overlay = false
|
|
app.pending_confirm = .None
|
|
push_status(&app.status_msg, &app.action_log, "Cancelled destructive action")
|
|
} else if confirm_yes {
|
|
app.show_confirm_overlay = false
|
|
msg := resolve_confirm_action_with_message(app.pending_confirm, &app.controller, &app.project_path, &app.export_path, app.export_format, &app.is_dirty, &app.last_autosave_at)
|
|
push_status(&app.status_msg, &app.action_log, msg)
|
|
app.pending_confirm = .None
|
|
}
|
|
}
|
|
if app.show_help_overlay {
|
|
if rl.IsKeyPressed(.ESCAPE) || rl.IsKeyPressed(.SLASH) {
|
|
app.show_help_overlay = false
|
|
push_status(&app.status_msg, &app.action_log, "Closed help overlay")
|
|
}
|
|
}
|
|
}
|
|
// ─── Clay UI Primitives ───────────────────────────────────────────
|
|
declare_nav_chip :: proc(id: string, label: string, active: bool) {
|
|
bg: clay.Color = clay.Color{0, 0, 0, 0}
|
|
if active { bg = CLAY_NAV_HOVER_BG }
|
|
if clay.UI(clay.ID(id))({
|
|
layout = {sizing = {width = clay.SizingFit({min = 70, max = 34}), height = clay.SizingFixed(34)}, padding = {top = 4, right = 12, bottom = 4, left = 12}, childAlignment = {x = .Center, y = .Center}},
|
|
backgroundColor = bg,
|
|
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
|
|
}) {
|
|
text_color: clay.Color = CLAY_TEXT_SECONDARY
|
|
if active { text_color = CLAY_TEXT_BRIGHT }
|
|
clay_body_text(label, color = text_color)
|
|
}
|
|
}
|
|
|
|
declare_button :: proc(id: string, label: string, bg, hover_bg: clay.Color) {
|
|
is_hovered := clay.Hovered()
|
|
current_bg: clay.Color = bg
|
|
if is_hovered { current_bg = hover_bg }
|
|
if clay.UI(clay.ID(id))({
|
|
layout = clay_button_layout(),
|
|
backgroundColor = current_bg,
|
|
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_FRAC_BTN),
|
|
}) {
|
|
clay_body_text(label, color = CLAY_TEXT_PRIMARY)
|
|
}
|
|
}
|
|
|
|
declare_button_default :: proc(id: string, label: string) {
|
|
declare_button(id, label, CLAY_BTN_DEFAULT, CLAY_BTN_DEFAULT_HOVER)
|
|
}
|
|
|
|
declare_button_danger :: proc(id: string, label: string) {
|
|
declare_button(id, label, CLAY_BTN_DANGER, CLAY_BTN_DANGER_HOVER)
|
|
}
|
|
|
|
declare_button_soft :: proc(id: string, label: string) {
|
|
declare_button(id, label, CLAY_BTN_SOFT, CLAY_BTN_SOFT_HOVER)
|
|
}
|
|
|
|
declare_button_primary :: proc(id: string, label: string) {
|
|
declare_button(id, label, CLAY_ACCENT, CLAY_ACCENT_HOVER)
|
|
}
|
|
|
|
declare_button_small :: proc(id: string, label: string) {
|
|
if clay.UI(clay.ID(id))({
|
|
layout = {sizing = {width = clay.SizingFit({min = 40, max = 24}), height = clay.SizingFixed(24)}, padding = {top = 2, right = 8, bottom = 2, left = 8}, childAlignment = {x = .Center, y = .Center}},
|
|
backgroundColor = CLAY_BTN_DEFAULT,
|
|
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
|
|
}) {
|
|
clay.Text(label, {fontId = CLAY_FONT_BODY, fontSize = CLAY_FONT_SIZE_SM, textColor = CLAY_TEXT_SECONDARY})
|
|
}
|
|
}
|
|
|
|
declare_button_recommended :: proc(id: string, label: string) {
|
|
if clay.UI(clay.ID(id))({
|
|
layout = clay_button_layout(),
|
|
backgroundColor = CLAY_ACCENT,
|
|
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_FRAC_BTN),
|
|
border = {color = CLAY_ACCENT_GLOW, width = clay.BorderOutside(2)},
|
|
}) {
|
|
clay_body_text(label, color = CLAY_TEXT_BRIGHT)
|
|
}
|
|
}
|
|
|
|
declare_status_badge :: proc(id: string, label: string, ok: bool) {
|
|
badge_color: clay.Color = CLAY_ERROR
|
|
if ok { badge_color = CLAY_SUCCESS }
|
|
badge_bg: clay.Color = CLAY_ERROR_DIM
|
|
if ok { badge_bg = CLAY_SUCCESS_DIM }
|
|
if clay.UI(clay.ID(id))({
|
|
layout = {sizing = {width = clay.SizingFit({min = 70, max = 28}), height = clay.SizingFixed(26)}, padding = {top = 2, right = 8, bottom = 2, left = 8}, childAlignment = {x = .Center, y = .Center}},
|
|
backgroundColor = badge_bg,
|
|
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_MD),
|
|
border = {color = badge_color, width = clay.BorderOutside(1)},
|
|
}) {
|
|
clay.Text(label, {fontId = CLAY_FONT_BODY, fontSize = CLAY_FONT_SIZE_SM, textColor = badge_color})
|
|
}
|
|
}
|
|
|
|
// ─── Help Overlay (Clay floating) ──────────────────────────────────
|
|
declare_help_overlay :: proc() {
|
|
// Backdrop
|
|
if clay.UI(clay.ID("HelpBackdrop"))({
|
|
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}},
|
|
backgroundColor = {0, 0, 0, 180},
|
|
}) {}
|
|
|
|
// Card
|
|
if clay.UI(clay.ID("HelpCard"))({
|
|
layout = {sizing = {width = clay.SizingFixed(860), height = clay.SizingFixed(642)}, layoutDirection = .TopToBottom, padding = {top = 28, right = 30, bottom = 28, left = 30}, childGap = 16},
|
|
backgroundColor = CLAY_BG_CARD,
|
|
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_LG),
|
|
border = {color = CLAY_BORDER_CARD, width = clay.BorderOutside(2)},
|
|
floating = {offset = {0, 0}, attachTo = .Root, attachment = {element = .CenterCenter, parent = .CenterCenter}, zIndex = 10},
|
|
}) {
|
|
clay_title_text("Keyboard Shortcuts", color = CLAY_ACCENT, size = CLAY_FONT_SIZE_2XL)
|
|
|
|
clay_body_text("Navigation", color = CLAY_ACCENT, size = CLAY_FONT_SIZE_MD)
|
|
clay_muted_text("1..8 screens | TAB fields | click to focus | F11 pages | F12 project")
|
|
|
|
clay_body_text("Core Actions", color = CLAY_ACCENT, size = CLAY_FONT_SIZE_MD)
|
|
clay_muted_text("F5 script F6 panels F7 layout F8 export F9 next F10 auto-all")
|
|
clay_muted_text("Ctrl+S save | Ctrl+O open | Ctrl+N new | Ctrl+E export | Ctrl+H/J summary")
|
|
|
|
clay_body_text("Clipboard + Logs", color = CLAY_ACCENT, size = CLAY_FONT_SIZE_MD)
|
|
clay_muted_text("Ctrl+L clear log | Ctrl+Shift+L copy log | Ctrl+Shift+T/B log view | Ctrl+Shift+Z reset")
|
|
clay_muted_text("Ctrl+Shift+C status | Ctrl+Shift+Y diag copy | Ctrl+Shift+R diag file | Ctrl+Shift+W report")
|
|
clay_muted_text("Ctrl+0 reset helpers | Ctrl+V paste | Ctrl+Shift+I copy | Ctrl+Backspace clear")
|
|
|
|
clay_body_text("Paths", color = CLAY_ACCENT, size = CLAY_FONT_SIZE_MD)
|
|
clay_muted_text("Ctrl+Shift+X copy export | P preset | D exp-from-project | G proj-from-export")
|
|
clay_muted_text("Ctrl+Shift+J fix project | F fix export | K/M quick-fix P/E | U fix all")
|
|
|
|
clay_body_text("Autosave", color = CLAY_ACCENT, size = CLAY_FONT_SIZE_MD)
|
|
clay_muted_text("Ctrl+Shift+A toggle | Ctrl+-/= adjust | Ctrl+7/8/9 set 15/30/60")
|
|
|
|
clay_body_text("Safety", color = CLAY_ACCENT, size = CLAY_FONT_SIZE_MD)
|
|
clay_muted_text("Dirty guard: Shift-click New/Open | Keyboard confirm: Ctrl+Shift+N / Ctrl+Shift+O")
|
|
|
|
clay_body_text("Close help: Esc or /", color = CLAY_TEXT_TERTIARY, size = CLAY_FONT_SIZE_MD)
|
|
}
|
|
}
|
|
|
|
// ─── Confirm Overlay (Clay floating) ────────────────────────────────
|
|
declare_confirm_overlay :: proc(action: Pending_Confirm_Action) {
|
|
// Backdrop
|
|
if clay.UI(clay.ID("ConfirmBackdrop"))({
|
|
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}},
|
|
backgroundColor = {0, 0, 0, 180},
|
|
}) {}
|
|
|
|
// Card
|
|
if clay.UI(clay.ID("ConfirmCard"))({
|
|
layout = {sizing = {width = clay.SizingFixed(520), height = clay.SizingFixed(230)}, layoutDirection = .TopToBottom, padding = {top = 34, right = 30, bottom = 24, left = 30}, childGap = 12},
|
|
backgroundColor = CLAY_BG_CARD,
|
|
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_LG),
|
|
border = {color = CLAY_BORDER_CARD, width = clay.BorderOutside(2)},
|
|
floating = {offset = {0, 0}, attachTo = .Root, attachment = {element = .CenterCenter, parent = .CenterCenter}, zIndex = 20},
|
|
}) {
|
|
// Accent bar at top
|
|
if clay.UI(clay.ID("ConfirmAccentBar"))({
|
|
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingFixed(8)}},
|
|
backgroundColor = CLAY_ACCENT,
|
|
cornerRadius = clay.CornerRadiusAll(4),
|
|
}) {}
|
|
|
|
clay_title_text("Confirm destructive action", color = CLAY_ERROR, size = CLAY_FONT_SIZE_XL)
|
|
action_label := "reset"
|
|
if action == .Open_Project { action_label = "open a different project" }
|
|
clay_body_text(fmt.tprintf("You have unsaved changes. Do you want to %s?", action_label), color = CLAY_TEXT_SECONDARY)
|
|
|
|
if clay.UI(clay.ID("ConfirmBtnRow"))({layout = clay_row_layout()}) {
|
|
declare_button_danger("confirm_yes", "Confirm")
|
|
declare_button_soft("confirm_no", "Cancel")
|
|
}
|
|
clay_muted_text("Enter/Y confirm | Esc/N cancel")
|
|
}
|
|
}
|
|
|
|
// ─── Toast (Clay floating) ──────────────────────────────────────────
|
|
declare_toast :: proc(log: ^Action_Log) {
|
|
if log.count == 0 { return }
|
|
age := rl.GetTime() - log.last_push_at
|
|
if age > 2.8 { return }
|
|
|
|
idx := (log.count - 1) % len(log.entries)
|
|
if idx < 0 { idx += len(log.entries) }
|
|
msg := log.entries[idx]
|
|
bg := CLAY_ERROR
|
|
if is_warning_message(msg) { bg = CLAY_WARNING }
|
|
else if !is_error_message(msg) { bg = CLAY_SUCCESS }
|
|
|
|
if clay.UI(clay.ID("Toast"))({
|
|
layout = {sizing = {width = clay.SizingFit({min = 300, max = 0}), height = clay.SizingFixed(34)}, padding = {top = 6, right = 12, bottom = 6, left = 12}, childAlignment = {y = .Center}},
|
|
backgroundColor = bg,
|
|
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_MD),
|
|
border = {color = clay.Color{255, 255, 255, 40}, width = clay.BorderOutside(1)},
|
|
floating = {offset = {f32(shared.LAYOUT.sidebar_width + 8), 70}, attachTo = .Root, attachment = {element = .LeftTop, parent = .LeftTop}, zIndex = 30},
|
|
}) {
|
|
clay_body_text(msg, color = CLAY_TEXT_BRIGHT, size = CLAY_FONT_SIZE_SM)
|
|
}
|
|
}
|
|
|
|
// ─── Stat Chip (Clay) ──────────────────────────────────────────────
|
|
declare_stat_chip :: proc(label: string, value: int) {
|
|
value_text := fmt.tprintf("%d", value)
|
|
if clay.UI(clay.ID("StatChip", u32(label[0])))({
|
|
layout = {sizing = {width = clay.SizingFixed(90), height = clay.SizingFixed(34)}, padding = {top = 4, right = 8, bottom = 4, left = 8}, childAlignment = {x = .Center, y = .Center}},
|
|
backgroundColor = clay.Color{40, 40, 55, 255},
|
|
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
|
|
border = {color = clay.Color{55, 55, 75, 255}, width = clay.BorderOutside(1)},
|
|
}) {
|
|
clay_muted_text(label)
|
|
clay_body_text(value_text, color = CLAY_TEXT_PRIMARY, size = CLAY_FONT_SIZE_SM)
|
|
}
|
|
}
|
|
|