dimitar/comic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'ui'

Browse Source
This commit is contained in:
echo 2026-05-24 12:41:51 +02:00
commit 42b58b02bf
20 changed files with 1741 additions and 1914 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.github/workflows/odin-ci.yml vendored
View File

@ -34,7 +34,8 @@ jobs:
- name: Test - name: Test
run: | run: |
CLAY_DIR="$(pwd)/vendor/clay/bindings/odin/clay-odin" CLAY_DIR="$(pwd)/vendor/clay/bindings/odin/clay-odin"
odin test tests -collection:clay="$CLAY_DIR" BUILD_DIR="$(pwd)/build"
odin test tests -collection:clay="$CLAY_DIR" -extra-linker-flags:"-L$BUILD_DIR -losdialog"
- name: Package - name: Package
run: ./scripts/package.sh run: ./scripts/package.sh

3
.gitmodules vendored
View File

@ -1,3 +1,6 @@
[submodule "odin/vendor/clay"] [submodule "odin/vendor/clay"]
path = odin/vendor/clay path = odin/vendor/clay
url = https://github.com/nicbarker/clay.git url = https://github.com/nicbarker/clay.git
[submodule "odin/vendor/osdialog"]
path = odin/vendor/osdialog
url = https://github.com/AndrewBelt/osdialog.git

8
odin/build.sh
View File

@ -3,9 +3,15 @@ set -euo pipefail
SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)" SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
CLAY_DIR="$SCRIPT_DIR/vendor/clay/bindings/odin/clay-odin" CLAY_DIR="$SCRIPT_DIR/vendor/clay/bindings/odin/clay-odin"
BUILD_DIR="$SCRIPT_DIR/build"
# Build C dependencies
"$SCRIPT_DIR/build_osdialog.sh"
mkdir -p bin mkdir -p bin
odin build src/app \ odin build src/app \
-out:bin/comic_odin \ -out:bin/comic_odin \
-debug \ -debug \
-collection:clay="$CLAY_DIR" -collection:clay="$CLAY_DIR" \
-extra-linker-flags:"-L$BUILD_DIR -losdialog"

BIN
odin/build/libosdialog.a Normal file
View File

Binary file not shown.

35
odin/build_osdialog.sh Executable file
View File

@ -0,0 +1,35 @@
#!/bin/bash
# Build osdialog static library for Linux (zenity backend)
set -e
OSDIALOG_DIR="$(dirname "$0")/vendor/osdialog"
OUTPUT_DIR="$(dirname "$0")/build"
mkdir -p "$OUTPUT_DIR"
LIB_OUT="$OUTPUT_DIR/libosdialog.a"
# Only rebuild if sources changed
SOURCES=("$OSDIALOG_DIR/osdialog.c" "$OSDIALOG_DIR/osdialog_zenity.c")
NEED_REBUILD=false
for src in "${SOURCES[@]}"; do
if [ "$src" -nt "$LIB_OUT" ] 2>/dev/null; then
NEED_REBUILD=true
break
fi
done
if [ "$NEED_REBUILD" = false ] && [ -f "$LIB_OUT" ]; then
echo "osdialog already built. Skipping."
exit 0
fi
echo "Building osdialog (zenity backend)..."
for src in "${SOURCES[@]}"; do
obj="${OUTPUT_DIR}/$(basename "${src%.c}.o")"
echo " CC $src"
gcc -c -O2 -std=c99 -I"$OSDIALOG_DIR" "$src" -o "$obj"
done
ar rcs "$LIB_OUT" "$OUTPUT_DIR"/osdialog.o "$OUTPUT_DIR"/osdialog_zenity.o
echo " AR $LIB_OUT"
echo "osdialog build complete."

1
odin/buildandrun.md Normal file
View File

@ -0,0 +1 @@
comic/odin ui  ? ✗ ./build.sh && ./bin/comic_odin gui

496
odin/gui_project.comic.json
View File

@ -9,515 +9,31 @@
"last_modified_iso": "" "last_modified_iso": ""
}, },
"user_mode": 0, "user_mode": 0,
"story_idea": "2 cars racing in down town newyork", "story_idea": "two balls roli",
"story_genre": "action", "story_genre": "action",
"target_audience": "general", "target_audience": "general",
"art_style": "manga", "art_style": "manga",
"script": { "script": {
"title": "Midnight Rush", "title": "",
"synopsis": "Generated comic synopsis", "synopsis": "",
"characters": [ "characters": [
], ],
"pages": [ "pages": [
{
"page_number": 1,
"layout_type": 0,
"panels": [
{
"panel_id": "panel_001_001",
"panel_number": 1,
"shot_type": 2,
"description": "Wide shot of New York City skyline at night, neon lights reflecting on wet streets. Two cars, a red Ferrari and a black Lamborghini, are side by side at a traffic light on a multi-lane avenue.",
"characters_present": [
],
"dialogue": [
],
"caption": "",
"sound_effects": [
],
"transition_from_previous": 0
},
{
"panel_id": "panel_001_002",
"panel_number": 2,
"shot_type": 2,
"description": "Close-up on the Ferrari driver, a young man in a leather jacket with a determined expression. His hand grips the gear shift.",
"characters_present": [
],
"dialogue": [
{
"speaker_id": "",
"text": "This is it.",
"bubble_type": 0,
"emotion": 4
}
],
"caption": "",
"sound_effects": [
],
"transition_from_previous": 0
},
{
"panel_id": "panel_001_003",
"panel_number": 3,
"shot_type": 2,
"description": "Close-up on the Lamborghini driver, a woman with sunglasses and a smirk. She revs the engine.",
"characters_present": [
],
"dialogue": [
{
"speaker_id": "",
"text": "Ready to lose, pretty boy?",
"bubble_type": 0,
"emotion": 4
}
],
"caption": "",
"sound_effects": [
],
"transition_from_previous": 0
},
{
"panel_id": "panel_001_004",
"panel_number": 4,
"shot_type": 2,
"description": "Traffic light turns green. Both cars accelerate, tires screeching, smoke billowing. Speed lines emphasize motion.",
"characters_present": [
],
"dialogue": [
],
"caption": "",
"sound_effects": [
],
"transition_from_previous": 0
},
{
"panel_id": "panel_001_005",
"panel_number": 5,
"shot_type": 2,
"description": "Medium shot of the cars weaving through traffic. The Ferrari barely misses a taxi, sparks flying from the curb.",
"characters_present": [
],
"dialogue": [
{
"speaker_id": "",
"text": "Whoa!",
"bubble_type": 0,
"emotion": 4
}
],
"caption": "",
"sound_effects": [
],
"transition_from_previous": 0
},
{
"panel_id": "panel_001_006",
"panel_number": 6,
"shot_type": 2,
"description": "The Lamborghini cuts in front of a bus, horn blaring. The driver laughs.",
"characters_present": [
],
"dialogue": [
{
"speaker_id": "",
"text": "Ha! Too slow!",
"bubble_type": 0,
"emotion": 4
}
],
"caption": "",
"sound_effects": [
],
"transition_from_previous": 0
}
]
},
{
"page_number": 2,
"layout_type": 0,
"panels": [
{
"panel_id": "panel_002_001",
"panel_number": 1,
"shot_type": 2,
"description": "Both cars enter a sharp curve. The Ferrari drifts close to a parked car, side mirror clipping it off. Glass shatters.",
"characters_present": [
],
"dialogue": [
{
"speaker_id": "",
"text": "Sorry!",
"bubble_type": 0,
"emotion": 4
}
],
"caption": "",
"sound_effects": [
],
"transition_from_previous": 0
},
{
"panel_id": "panel_002_002",
"panel_number": 2,
"shot_type": 2,
"description": "The Lamborghini takes the inside line, gaining a car length. The Ferrari driver grits his teeth.",
"characters_present": [
],
"dialogue": [
{
"speaker_id": "",
"text": "See ya!",
"bubble_type": 0,
"emotion": 4
}
],
"caption": "",
"sound_effects": [
],
"transition_from_previous": 0
},
{
"panel_id": "panel_002_003",
"panel_number": 3,
"shot_type": 2,
"description": "Straightaway ahead. The Ferrari spots a shortcut through an alley. He swerves into it.",
"characters_present": [
],
"dialogue": [
{
"speaker_id": "",
"text": "Not yet!",
"bubble_type": 0,
"emotion": 4
}
],
"caption": "",
"sound_effects": [
],
"transition_from_previous": 0
},
{
"panel_id": "panel_002_004",
"panel_number": 4,
"shot_type": 2,
"description": "The alley is narrow, trash cans flying as the Ferrari speeds through. A cat jumps out of the way.",
"characters_present": [
],
"dialogue": [
],
"caption": "",
"sound_effects": [
],
"transition_from_previous": 0
},
{
"panel_id": "panel_002_005",
"panel_number": 5,
"shot_type": 2,
"description": "The Ferrari exits the alley just ahead of the Lamborghini. Both cars race toward the finish line (a bridge entrance).",
"characters_present": [
],
"dialogue": [
{
"speaker_id": "",
"text": "What?!",
"bubble_type": 0,
"emotion": 4
}
],
"caption": "",
"sound_effects": [
],
"transition_from_previous": 0
},
{
"panel_id": "panel_002_006",
"panel_number": 6,
"shot_type": 2,
"description": "The Ferrari crosses the bridge first, winning. The drivers slow down, windows rolled down. The woman nods in respect.",
"characters_present": [
],
"dialogue": [
{
"speaker_id": "",
"text": "Nice move.",
"bubble_type": 0,
"emotion": 4
},
{
"speaker_id": "",
"text": "You're not bad yourself.",
"bubble_type": 0,
"emotion": 4
}
],
"caption": "",
"sound_effects": [
],
"transition_from_previous": 0
}
]
}
] ]
}, },
"characters": [ "characters": [
], ],
"panel_images": { "panel_images": {
"panel_001_003": {
"url": "file:///tmp/comic-gui-local-panels-0387429411/panel_003_panel_001_003.png",
"width": 1024,
"height": 1024,
"seed": 3,
"prompt": "local panel 3"
},
"panel_002_001": {
"url": "file:///tmp/comic-gui-local-panels-0387429411/panel_007_panel_002_001.png",
"width": 1024,
"height": 1024,
"seed": 7,
"prompt": "local panel 7"
},
"panel_002_006": {
"url": "file:///tmp/comic-gui-local-panels-0387429411/panel_012_panel_002_006.png",
"width": 1024,
"height": 1024,
"seed": 12,
"prompt": "local panel 12"
},
"panel_001_004": {
"url": "file:///tmp/comic-gui-local-panels-0387429411/panel_004_panel_001_004.png",
"width": 1024,
"height": 1024,
"seed": 4,
"prompt": "local panel 4"
},
"panel_002_005": {
"url": "file:///tmp/comic-gui-local-panels-0387429411/panel_011_panel_002_005.png",
"width": 1024,
"height": 1024,
"seed": 11,
"prompt": "local panel 11"
},
"panel_001_005": {
"url": "file:///tmp/comic-gui-local-panels-0387429411/panel_005_panel_001_005.png",
"width": 1024,
"height": 1024,
"seed": 5,
"prompt": "local panel 5"
},
"panel_002_004": {
"url": "file:///tmp/comic-gui-local-panels-0387429411/panel_010_panel_002_004.png",
"width": 1024,
"height": 1024,
"seed": 10,
"prompt": "local panel 10"
},
"panel_001_006": {
"url": "file:///tmp/comic-gui-local-panels-0387429411/panel_006_panel_001_006.png",
"width": 1024,
"height": 1024,
"seed": 6,
"prompt": "local panel 6"
},
"panel_001_001": {
"url": "file:///tmp/comic-gui-local-panels-0387429411/panel_001_panel_001_001.png",
"width": 1024,
"height": 1024,
"seed": 1,
"prompt": "local panel 1"
},
"panel_002_003": {
"url": "file:///tmp/comic-gui-local-panels-0387429411/panel_009_panel_002_003.png",
"width": 1024,
"height": 1024,
"seed": 9,
"prompt": "local panel 9"
},
"panel_001_002": {
"url": "file:///tmp/comic-gui-local-panels-0387429411/panel_002_panel_001_002.png",
"width": 1024,
"height": 1024,
"seed": 2,
"prompt": "local panel 2"
},
"panel_002_002": {
"url": "file:///tmp/comic-gui-local-panels-0387429411/panel_008_panel_002_002.png",
"width": 1024,
"height": 1024,
"seed": 8,
"prompt": "local panel 8"
}
}, },
"panel_errors": { "panel_errors": {
}, },
"page_layouts": [ "page_layouts": [
{
"page_number": 1,
"pattern_id": "grid-2x2",
"panels": [
{
"panel_id": "panel_001_001",
"panel_number": 1,
"layout_cell": {
"x": 0.02000000,
"y": 0.02000000,
"w": 0.47000000,
"h": 0.47000000
}
},
{
"panel_id": "panel_001_002",
"panel_number": 2,
"layout_cell": {
"x": 0.50999999,
"y": 0.02000000,
"w": 0.47000000,
"h": 0.47000000
}
},
{
"panel_id": "panel_001_003",
"panel_number": 3,
"layout_cell": {
"x": 0.02000000,
"y": 0.50999999,
"w": 0.47000000,
"h": 0.47000000
}
},
{
"panel_id": "panel_001_004",
"panel_number": 4,
"layout_cell": {
"x": 0.50999999,
"y": 0.50999999,
"w": 0.47000000,
"h": 0.47000000
}
}
],
"width": 2480,
"height": 3508
},
{
"page_number": 2,
"pattern_id": "dialogue-heavy",
"panels": [
{
"panel_id": "panel_001_005",
"panel_number": 5,
"layout_cell": {
"x": 0.02000000,
"y": 0.02000000,
"w": 0.47000000,
"h": 0.22000000
}
},
{
"panel_id": "panel_001_006",
"panel_number": 6,
"layout_cell": {
"x": 0.50999999,
"y": 0.02000000,
"w": 0.47000000,
"h": 0.22000000
}
},
{
"panel_id": "panel_002_001",
"panel_number": 1,
"layout_cell": {
"x": 0.02000000,
"y": 0.25999999,
"w": 0.47000000,
"h": 0.22000000
}
},
{
"panel_id": "panel_002_002",
"panel_number": 2,
"layout_cell": {
"x": 0.50999999,
"y": 0.25999999,
"w": 0.47000000,
"h": 0.22000000
}
},
{
"panel_id": "panel_002_003",
"panel_number": 3,
"layout_cell": {
"x": 0.02000000,
"y": 0.50000000,
"w": 0.47000000,
"h": 0.22000000
}
},
{
"panel_id": "panel_002_004",
"panel_number": 4,
"layout_cell": {
"x": 0.50999999,
"y": 0.50000000,
"w": 0.47000000,
"h": 0.22000000
}
},
{
"panel_id": "panel_002_005",
"panel_number": 5,
"layout_cell": {
"x": 0.02000000,
"y": 0.74000001,
"w": 0.47000000,
"h": 0.22000000
}
},
{
"panel_id": "panel_002_006",
"panel_number": 6,
"layout_cell": {
"x": 0.50999999,
"y": 0.74000001,
"w": 0.47000000,
"h": 0.22000000
}
}
],
"width": 2480,
"height": 3508
}
], ],
"speech_bubbles": { "speech_bubbles": {
@ -526,7 +42,7 @@
"page_size": 0, "page_size": 0,
"color_profile": 0, "color_profile": 0,
"workflow": { "workflow": {
"current_step": 5, "current_step": 0,
"completed_steps": [ "completed_steps": [
], ],

3
odin/scripts/package.sh
View File

@ -15,7 +15,8 @@ echo "=> Building comic-odin v${VERSION} (${OS}-${ARCH})"
echo "=> Running test suite" echo "=> Running test suite"
CLAY_DIR="$ROOT_DIR/vendor/clay/bindings/odin/clay-odin" CLAY_DIR="$ROOT_DIR/vendor/clay/bindings/odin/clay-odin"
odin test tests -collection:clay="$CLAY_DIR" BUILD_DIR="$ROOT_DIR/build"
odin test tests -collection:clay="$CLAY_DIR" -extra-linker-flags:"-L$BUILD_DIR -losdialog"
mkdir -p dist mkdir -p dist
PKG_NAME="comic-odin-${VERSION}-${OS}-${ARCH}" PKG_NAME="comic-odin-${VERSION}-${OS}-${ARCH}"

154
odin/src/gui/actions.odin
View File

@ -9,20 +9,6 @@ import "../core"
import "../shared" import "../shared"
import "../ui" import "../ui"
action_generate_local_script :: proc(controller: ^ui.App_Controller, pages: int) -> string {
story := controller.state.story_idea
if len(story) == 0 {
story = "A local GUI adventure"
}
script := build_local_script(story, pages)
core.dispose_script(&controller.state.script)
controller.state.script = script
controller.state.characters = controller.state.script.characters
controller.active_screen = .Script
controller.state.workflow.current_step = .Script_Review
return "Generated local script"
}
action_generate_deepseek_script :: proc(controller: ^ui.App_Controller, pages: int) -> string { action_generate_deepseek_script :: proc(controller: ^ui.App_Controller, pages: int) -> string {
cfg := shared.load_config() cfg := shared.load_config()
if len(cfg.deepseek_api_key) == 0 { if len(cfg.deepseek_api_key) == 0 {
@ -47,74 +33,9 @@ action_generate_deepseek_script :: proc(controller: ^ui.App_Controller, pages: i
return "Generated DeepSeek script" return "Generated DeepSeek script"
} }
action_generate_local_panels :: proc(controller: ^ui.App_Controller) -> string {
panels := collect_script_panels(controller.state.script)
defer delete(panels)
if len(panels) == 0 {
return "No script panels available"
}
images, ierr := build_local_panel_images(panels)
if !shared.is_ok(ierr) {
return ierr.message
}
for _, img in controller.state.panel_images {
delete(img.url)
delete(img.prompt)
}
delete(controller.state.panel_images)
controller.state.panel_images = images
controller.active_screen = .Panels
return "Generated local panels"
}
action_regenerate_panel :: proc(controller: ^ui.App_Controller, panel_id: string) -> string { action_regenerate_panel :: proc(controller: ^ui.App_Controller, panel_id: string) -> string {
panels := collect_script_panels(controller.state.script) _ = controller; _ = panel_id
defer delete(panels) return "Single panel regen not supported; regenerate all panels via FAL"
target_panel: core.Panel
found := false
for p in panels {
if p.panel_id == panel_id {
target_panel = p
found = true
break
}
}
if !found {
return "Panel not found in script"
}
single := make([]core.Panel, 1)
single[0] = target_panel
defer delete(single)
images, ierr := build_local_panel_images(single)
if !shared.is_ok(ierr) {
if controller.state.panel_errors == nil {
controller.state.panel_errors = make(map[string]string)
}
controller.state.panel_errors[panel_id] = strings.clone(ierr.message)
return "Panel generation failed"
}
if img, has := images[panel_id]; has {
if old, exists := controller.state.panel_images[panel_id]; exists {
delete(old.url)
delete(old.prompt)
}
if controller.state.panel_images == nil {
controller.state.panel_images = make(map[string]core.Panel_Image)
}
controller.state.panel_images[panel_id] = img
if err_msg, err_exists := controller.state.panel_errors[panel_id]; err_exists {
delete(err_msg)
delete_key(&controller.state.panel_errors, panel_id)
}
}
delete(images) // free the map shell returned by build_local_panel_images
return "Regenerated panel"
} }
action_layout_auto :: proc(controller: ^ui.App_Controller) -> string { action_layout_auto :: proc(controller: ^ui.App_Controller) -> string {
@ -337,15 +258,12 @@ action_export :: proc(controller: ^ui.App_Controller, export_path: string, expor
return fmt.aprintf("Exported %s", export_format_name(export_format)) return fmt.aprintf("Exported %s", export_format_name(export_format))
} }
gui_next_hint_with_source :: proc(controller: ui.App_Controller, use_deepseek_script: bool) -> string { gui_next_hint :: proc(controller: ui.App_Controller) -> string {
if len(controller.state.script.pages) == 0 { if len(controller.state.script.pages) == 0 {
if use_deepseek_script { return "generate script"
return "generate script"
}
return "generate script local"
} }
if len(controller.state.panel_images) == 0 { if len(controller.state.panel_images) == 0 {
return "generate panels local" return "generate panels"
} }
if len(controller.state.page_layouts) == 0 { if len(controller.state.page_layouts) == 0 {
return "layout auto" return "layout auto"
@ -353,19 +271,15 @@ gui_next_hint_with_source :: proc(controller: ui.App_Controller, use_deepseek_sc
return "export pdf" return "export pdf"
} }
gui_next_hint :: proc(controller: ui.App_Controller) -> string { action_run_next :: proc(controller: ^ui.App_Controller, export_path: string, export_format: core.Export_Format, script_pages: int) -> string {
return gui_next_hint_with_source(controller, false) hint := gui_next_hint(controller^)
}
action_run_next :: proc(controller: ^ui.App_Controller, export_path: string, export_format: core.Export_Format, script_pages: int, use_deepseek_script: bool) -> string {
hint := gui_next_hint_with_source(controller^, use_deepseek_script)
switch hint { switch hint {
case "generate script": case "generate script":
return action_generate_deepseek_script(controller, script_pages) return action_generate_deepseek_script(controller, script_pages)
case "generate script local": case "generate panels":
return action_generate_local_script(controller, script_pages) cfg := shared.load_config()
case "generate panels local": if len(cfg.fal_api_key) == 0 { return "FAL API key missing" }
return action_generate_local_panels(controller) return run_panels_action(controller, nil, nil)
case "layout auto": case "layout auto":
return action_layout_auto(controller) return action_layout_auto(controller)
case "export pdf": case "export pdf":
@ -374,9 +288,9 @@ action_run_next :: proc(controller: ^ui.App_Controller, export_path: string, exp
return "No next action" return "No next action"
} }
action_run_auto_all_local :: proc(controller: ^ui.App_Controller, export_path: string, export_format: core.Export_Format, script_pages: int, use_deepseek_script: bool) -> string { action_run_auto_all :: proc(controller: ^ui.App_Controller, export_path: string, export_format: core.Export_Format, script_pages: int) -> string {
for _ in 0..<4 { for _ in 0..<4 {
msg := action_run_next(controller, export_path, export_format, script_pages, use_deepseek_script) msg := action_run_next(controller, export_path, export_format, script_pages)
if controller.active_screen == .Export { if controller.active_screen == .Export {
return fmt.aprintf("Auto-all complete: %s", msg) return fmt.aprintf("Auto-all complete: %s", msg)
} }
@ -384,20 +298,28 @@ action_run_auto_all_local :: proc(controller: ^ui.App_Controller, export_path: s
return "Auto-all could not complete" return "Auto-all could not complete"
} }
run_script_action :: proc(controller: ^ui.App_Controller, pages_count: int, use_deepseek_script: bool, is_dirty: ^bool) -> string { run_panels_action :: proc(controller: ^ui.App_Controller, queue: ^adapters.Fal_Generation_Queue, is_dirty: ^bool) -> string {
is_dirty^ = true if len(controller.state.script.pages) == 0 {
if use_deepseek_script {
return action_generate_deepseek_script(controller, pages_count)
}
return action_generate_local_script(controller, pages_count)
}
run_panels_action :: proc(controller: ^ui.App_Controller, can_generate_panels: bool, is_dirty: ^bool) -> string {
if !can_generate_panels {
return "Generate script before panels" return "Generate script before panels"
} }
cfg := shared.load_config()
if len(cfg.fal_api_key) == 0 {
return "FAL_API_KEY not set"
}
panels := collect_script_panels(controller.state.script)
client := adapters.new_fal_client(queue)
images, err := adapters.generate_all_panels_batched(client, cfg, panels, controller.state.characters, "digital art, comic style", "gui-project", nil)
if strings.contains(err.message, "error") || strings.contains(err.message, "fail") {
return fmt.tprintf("FAL panels failed: %s", err.message)
}
is_dirty^ = true is_dirty^ = true
return action_generate_local_panels(controller) for _, img in controller.state.panel_images {
delete(img.url)
delete(img.prompt)
}
delete(controller.state.panel_images)
controller.state.panel_images = images
return fmt.tprintf("Generated %d panels via FAL", len(images))
} }
run_layout_action :: proc(controller: ^ui.App_Controller, can_layout: bool, is_dirty: ^bool) -> string { run_layout_action :: proc(controller: ^ui.App_Controller, can_layout: bool, is_dirty: ^bool) -> string {
@ -421,9 +343,9 @@ run_export_action :: proc(controller: ^ui.App_Controller, export_path: ^string,
return msg return msg
} }
run_next_action :: proc(controller: ^ui.App_Controller, export_path: ^string, export_format: core.Export_Format, pages_count: int, use_deepseek_script: bool, is_dirty: ^bool, last_export_at: ^f64) -> string { run_next_action :: proc(controller: ^ui.App_Controller, export_path: ^string, export_format: core.Export_Format, pages_count: int, is_dirty: ^bool, last_export_at: ^f64) -> string {
normalize_export_path_field(export_path, export_format) normalize_export_path_field(export_path, export_format)
msg := action_run_next(controller, export_path^, export_format, pages_count, use_deepseek_script) msg := action_run_next(controller, export_path^, export_format, pages_count)
is_dirty^ = true is_dirty^ = true
if controller.active_screen == .Export { if controller.active_screen == .Export {
last_export_at^ = rl.GetTime() last_export_at^ = rl.GetTime()
@ -431,9 +353,9 @@ run_next_action :: proc(controller: ^ui.App_Controller, export_path: ^string, ex
return msg return msg
} }
run_auto_all_action :: proc(controller: ^ui.App_Controller, export_path: ^string, export_format: core.Export_Format, pages_count: int, use_deepseek_script: bool, is_dirty: ^bool, last_export_at: ^f64) -> string { run_auto_all_action :: proc(controller: ^ui.App_Controller, export_path: ^string, export_format: core.Export_Format, pages_count: int, is_dirty: ^bool, last_export_at: ^f64) -> string {
normalize_export_path_field(export_path, export_format) normalize_export_path_field(export_path, export_format)
msg := action_run_auto_all_local(controller, export_path^, export_format, pages_count, use_deepseek_script) msg := action_run_auto_all(controller, export_path^, export_format, pages_count)
is_dirty^ = true is_dirty^ = true
if controller.active_screen == .Export { if controller.active_screen == .Export {
last_export_at^ = rl.GetTime() last_export_at^ = rl.GetTime()
@ -441,9 +363,9 @@ run_auto_all_action :: proc(controller: ^ui.App_Controller, export_path: ^string
return msg return msg
} }
run_auto_all_save_action :: proc(controller: ^ui.App_Controller, project_path, export_path: ^string, export_format: core.Export_Format, pages_count: int, use_deepseek_script: bool, is_dirty: ^bool, last_export_at, last_autosave_at, last_save_at: ^f64) -> string { run_auto_all_save_action :: proc(controller: ^ui.App_Controller, project_path, export_path: ^string, export_format: core.Export_Format, pages_count: int, is_dirty: ^bool, last_export_at, last_autosave_at, last_save_at: ^f64) -> string {
normalize_export_path_field(export_path, export_format) normalize_export_path_field(export_path, export_format)
msg := action_run_auto_all_local(controller, export_path^, export_format, pages_count, use_deepseek_script) msg := action_run_auto_all(controller, export_path^, export_format, pages_count)
if controller.active_screen == .Export { if controller.active_screen == .Export {
last_export_at^ = rl.GetTime() last_export_at^ = rl.GetTime()
return save_project_session_with_message(project_path, controller.state, is_dirty, last_autosave_at, last_save_at, "Auto-all + saved") return save_project_session_with_message(project_path, controller.state, is_dirty, last_autosave_at, last_save_at, "Auto-all + saved")

249
odin/src/gui/chrome.odin Normal file
View File

@ -0,0 +1,249 @@
package gui
import clay "clay:."
import "core:fmt"
import "../core"
import "../shared"
import "../ui"
// ─── Sidebar Declaration ─────────────────────────────────────────
declare_sidebar :: proc(app: ^GUI_App_State) {
screens := []ui.App_Screen{.Story, .Script, .Characters, .Panels, .Layout, .Bubbles, .Export, .Community}
icons := []string{"1", "2", "3", "4", "5", "6", "7", "8"}
names := []string{"Story", "Script", "Chars", "Panels", "Layout", "Bubbles", "Export", "Commty"}
if clay.UI(clay.ID("Sidebar"))({
layout = {sizing = {width = clay.SizingFixed(220), height = clay.SizingGrow({})}, layoutDirection = .TopToBottom, padding = {top = 12, right = 12, bottom = 12, left = 12}, childGap = 2},
backgroundColor = CLAY_BG_SIDEBAR,
}) {
// Brand
clay_body_text("comic-odin", color = CLAY_ACCENT, size = 16)
clay_muted_text("Pipeline GUI")
// Pipeline progress bar
ready, total := ready_stage_count(app.controller)
progress := f32(0)
if total > 0 { progress = f32(ready) / f32(total) }
if clay.UI(clay.ID("SidebarProgress"))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingFixed(4)}, layoutDirection = .LeftToRight},
backgroundColor = CLAY_PROGRESS_TRACK,
cornerRadius = clay.CornerRadiusAll(2),
}) {
if progress > 0 {
pct := f32(progress * 100); if pct > 100 { pct = 100 }
if clay.UI(clay.ID("SidebarPgFill"))({
layout = {sizing = {width = clay.SizingPercent(pct), height = clay.SizingGrow({})}},
backgroundColor = CLAY_PROGRESS_FILL,
cornerRadius = clay.CornerRadiusAll(2),
}) {}
}
}
clay_muted_text(fmt.tprintf("%d/4 done", ready))
// Navigation
for i in 0 ..< len(screens) {
is_active := app.controller.active_screen == screens[i]
bg := CLAY_NAV_HOVER_BG
if is_active { bg = CLAY_NAV_ACTIVE_BG }
accent_w: u16 = 0
accent_c: clay.Color = {0, 0, 0, 0}
if is_active { accent_w = 3; accent_c = CLAY_NAV_ACTIVE }
if clay.UI(clay.ID("Nav", u32(i)))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingFixed(34)}, padding = {top = 4, right = 8, bottom = 4, left = 8}, childAlignment = {y = .Center}, layoutDirection = .LeftToRight, childGap = 6},
backgroundColor = bg,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
border = {color = accent_c, width = {accent_w, 0, 0, 0, 0}},
}) {
text_color: clay.Color = CLAY_TEXT_SECONDARY
if is_active { text_color = CLAY_TEXT_BRIGHT }
clay_body_text(fmt.tprintf("%s %s", icons[i], names[i]), color = text_color)
}
}
// Spacer
gap_spacer := clay.UI(clay.ID("SidebarGap"))
if gap_spacer({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}},
}) {}
// Project name + help
if clay.UI(clay.ID("SidebarFooter"))({
layout = {layoutDirection = .LeftToRight, childAlignment = {y = .Center}, childGap = 4},
}) {
proj_name := app.project_path
if len(proj_name) > 18 { proj_name = fmt.tprintf("...%s", proj_name[len(proj_name)-15:]) }
clay_muted_text(proj_name)
declare_button_small("btn_help", "?")
}
}
}
// ─── Pipeline Bar ─────────────────────────────────────────────────
// ─── Pipeline Bar ─────────────────────────────────────────────────
declare_pipeline_bar :: proc(app: ^GUI_App_State) {
if clay.UI(clay.ID("PipelineBar"))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({min = 54, max = 48})}, padding = {top = 8, right = 16, bottom = 8, left = 16}, childGap = 12, childAlignment = {y = .Center}, layoutDirection = .LeftToRight},
backgroundColor = CLAY_BG_TOPBAR,
border = {color = CLAY_BORDER_DIVIDER, width = {0, 0, 0, 1, 0}},
}) {
// Screen name
if clay.UI(clay.ID("PipelineTitle"))({
layout = {sizing = {width = clay.SizingFixed(110)}},
}) {
clay_title_text(ui.screen_name(app.controller.active_screen), size = CLAY_FONT_SIZE_LG)
}
// Pipeline stepper
script_ok := len(app.controller.state.script.pages) > 0
panels_ok := len(app.controller.state.panel_images) > 0
layout_ok := len(app.controller.state.page_layouts) > 0
export_ok := panels_ok && layout_ok
steps := [4]struct{name: string, done: bool}{
{"Script", script_ok},
{"Panels", panels_ok},
{"Layout", layout_ok},
{"Export", export_ok},
}
for i in 0 ..< len(steps) {
var_name := steps[i].name
is_current := (i == 0 && !script_ok) || (i == 1 && script_ok && !panels_ok) || (i == 2 && panels_ok && !layout_ok) || (i == 3 && layout_ok && !export_ok) || (i == 3 && export_ok)
circle_color: clay.Color = CLAY_BTN_DISABLED
if steps[i].done { circle_color = CLAY_SUCCESS }
if is_current && !steps[i].done { circle_color = CLAY_ACCENT }
if clay.UI(clay.ID("PStep", u32(i)))({
layout = {sizing = {width = clay.SizingFixed(84), height = clay.SizingFixed(36)}, layoutDirection = .TopToBottom, childAlignment = {x = .Center}, childGap = 1},
backgroundColor = CLAY_NAV_HOVER_BG if clay.Hovered() else clay.Color{0, 0, 0, 0},
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
}) {
mark := "○"
mark_color: clay.Color = CLAY_TEXT_TERTIARY
if steps[i].done { mark = "●"; mark_color = CLAY_SUCCESS }
if is_current && !steps[i].done { mark_color = CLAY_ACCENT }
clay.Text(mark, {fontId = CLAY_FONT_BODY, fontSize = 14, textColor = mark_color})
clay.Text(var_name, {fontId = CLAY_FONT_BODY, fontSize = CLAY_FONT_SIZE_SM, textColor = mark_color})
}
if i < len(steps) - 1 {
line_color: clay.Color = clay.Color{255, 255, 255, 20}
if steps[i].done { line_color = CLAY_SUCCESS }
if clay.UI(clay.ID("PLine", u32(i)))({
layout = {sizing = {width = clay.SizingFixed(12), height = clay.SizingFixed(1)}},
backgroundColor = line_color,
}) {}
}
}
// Spacer
pspacer := clay.UI(clay.ID("PBarSpacer"))
if pspacer({layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}}}) {}
// Pipeline progress count
ready, total := ready_stage_count(app.controller)
if clay.UI(clay.ID("PBarProgress"))({
layout = {layoutDirection = .LeftToRight, childAlignment = {y = .Center}, childGap = 4},
}) {
clay_body_text(fmt.tprintf("%d/%d", ready, total), color = CLAY_ACCENT, size = CLAY_FONT_SIZE_SM)
progress := f32(0)
if total > 0 { progress = f32(ready) / f32(total) }
if progress > 0 && progress <= 100 {
pct := f32(progress * 100); if pct > 100 { pct = 100 }
if clay.UI(clay.ID("PBarMinibar"))({
layout = {sizing = {width = clay.SizingFixed(60), height = clay.SizingFixed(4)}, layoutDirection = .LeftToRight},
backgroundColor = CLAY_PROGRESS_TRACK,
cornerRadius = clay.CornerRadiusAll(2),
}) {
if clay.UI(clay.ID("PBarMinibarFill"))({
layout = {sizing = {width = clay.SizingPercent(pct), height = clay.SizingGrow({})}},
backgroundColor = CLAY_PROGRESS_FILL,
cornerRadius = clay.CornerRadiusAll(2),
}) {}
}
}
}
// Status message (truncated)
clay_body_text(fmt.tprintf("C:%d P:%d", len(app.controller.state.characters), len(app.controller.state.panel_images)), color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
msg := app.status_msg
if len(msg) > 40 { msg = fmt.tprintf("%s...", msg[:37]) }
clay_body_text(msg, color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
}
}
// ─── Workspace Declaration ────────────────────────────────────────
// ─── Workspace Declaration ────────────────────────────────────────
declare_workspace :: proc(app: ^GUI_App_State, can_gen_panels, can_layout, can_export, proj_ok, export_ok, has_deepseek: bool, pages_count: int) {
screen := app.controller.active_screen
if clay.UI(clay.ID("Workspace"))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}, layoutDirection = .TopToBottom, padding = {top = 12, right = 16, bottom = 12, left = 16}, childGap = 8},
}) {
switch screen {
case .Story:
declare_story_workspace(app)
declare_action_log(app)
case .Script:
declare_script_workspace(app)
case .Characters:
declare_characters_workspace(app)
declare_action_log(app)
case .Panels:
declare_panels_workspace(app)
case .Layout:
declare_layout_workspace(app)
case .Bubbles:
declare_bubbles_workspace(app)
case .Export:
declare_export_workspace(app)
declare_action_log(app)
case .Community:
declare_community_workspace(app)
declare_action_log(app)
}
}
}
// ─── Script Workspace ────────────────────────────────────────────
// ─── Bottom Bar ───────────────────────────────────────────────────
declare_bottom_bar :: proc(app: ^GUI_App_State, can_gen_panels, can_layout, can_export: bool, next_hint: string, has_fal_key: bool) {
if clay.UI(clay.ID("BottomBar"))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({min = 50, max = 44})}, padding = {top = 6, right = 12, bottom = 6, left = 12}, childGap = 8, childAlignment = {y = .Center}, layoutDirection = .LeftToRight},
backgroundColor = CLAY_BG_TOPBAR,
border = {color = CLAY_BORDER_DIVIDER, width = {0, 0, 1, 0, 0}},
}) {
// Left: File ops
declare_button_danger("btn_new", "New")
declare_button_soft("btn_open", "Open")
declare_button_soft("btn_save", "Save")
// Spacer
bbspacer1 := clay.UI(clay.ID("BBSpacer1"))
if bbspacer1({layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}}}) {}
// Center: Primary CTA
cta_label := fmt.tprintf("Next: %s", next_hint)
declare_button_recommended("btn_next", cta_label)
// Spacer
bbspacer2 := clay.UI(clay.ID("BBSpacer2"))
if bbspacer2({layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}}}) {}
// Right: quick actions
if has_fal_key {
declare_nav_chip("btn_fal_panels", "FAL", app.use_fal_panels)
}
declare_button_small("btn_script", "Script")
declare_button_small("btn_panels", "Panels")
declare_button_small("btn_layout", "Layout")
declare_button_small("btn_export", "Export")
declare_button_primary("btn_auto", "Auto-All")
declare_button_soft("btn_autosave_toggle",
fmt.tprintf("⏱ %s", "ON" if app.autosave_enabled else "OFF"))
}
}
// ─── Click Processing ──────────────────────────────────────────────

106
odin/src/gui/clay_layout.odin
View File

@ -20,87 +20,6 @@ Raylib_Font :: struct {
raylib_fonts: [dynamic]Raylib_Font raylib_fonts: [dynamic]Raylib_Font
// --- Clay Color Palette (modernized dark theme) ---
// Named with CLAY_ prefix to avoid collision with existing theme.odin
CLAY_BG_BASE :: clay.Color{13, 13, 18, 255}
CLAY_BG_SIDEBAR :: clay.Color{18, 18, 26, 255}
CLAY_BG_TOPBAR :: clay.Color{22, 22, 32, 255}
CLAY_BG_CARD :: clay.Color{28, 28, 40, 255}
CLAY_BG_CARD_ALT :: clay.Color{24, 24, 36, 255}
CLAY_BG_STRIP :: clay.Color{32, 32, 46, 255}
CLAY_BG_OVERLAY :: clay.Color{0, 0, 0, 180}
CLAY_BG_INPUT :: clay.Color{20, 20, 30, 255}
CLAY_BORDER_CARD :: clay.Color{50, 50, 70, 255}
CLAY_BORDER_SUBTLE :: clay.Color{40, 40, 58, 255}
CLAY_BORDER_DIVIDER :: clay.Color{36, 36, 52, 255}
CLAY_ACCENT :: clay.Color{99, 102, 241, 255}
CLAY_ACCENT_HOVER :: clay.Color{124, 127, 255, 255}
CLAY_ACCENT_MUTED :: clay.Color{79, 70, 229, 200}
CLAY_ACCENT_SURFACE:: clay.Color{67, 56, 202, 40}
CLAY_ACCENT_GLOW :: clay.Color{99, 102, 241, 60}
CLAY_TEXT_PRIMARY :: clay.Color{240, 240, 245, 255}
CLAY_TEXT_SECONDARY :: clay.Color{170, 170, 190, 255}
CLAY_TEXT_TERTIARY :: clay.Color{110, 110, 135, 255}
CLAY_TEXT_DISABLED :: clay.Color{70, 70, 90, 255}
CLAY_TEXT_BRIGHT := clay.Color{255, 255, 255, 255}
CLAY_SUCCESS :: clay.Color{34, 197, 94, 255}
CLAY_SUCCESS_DIM :: clay.Color{34, 197, 94, 100}
CLAY_WARNING :: clay.Color{234, 179, 8, 255}
CLAY_WARNING_DIM :: clay.Color{234, 179, 8, 100}
CLAY_ERROR :: clay.Color{239, 68, 68, 255}
CLAY_ERROR_DIM :: clay.Color{239, 68, 68, 100}
CLAY_BTN_DEFAULT :: clay.Color{42, 42, 58, 255}
CLAY_BTN_DEFAULT_HOVER :: clay.Color{55, 55, 72, 255}
CLAY_BTN_SOFT :: clay.Color{55, 50, 120, 255}
CLAY_BTN_SOFT_HOVER :: clay.Color{70, 65, 140, 255}
CLAY_BTN_DANGER :: clay.Color{185, 28, 28, 255}
CLAY_BTN_DANGER_HOVER :: clay.Color{210, 40, 40, 255}
CLAY_BTN_DISABLED :: clay.Color{30, 30, 42, 255}
CLAY_NAV_ACTIVE :: clay.Color{99, 102, 241, 255}
CLAY_NAV_ACTIVE_BG :: clay.Color{67, 56, 202, 25}
CLAY_NAV_HOVER_BG :: clay.Color{40, 40, 58, 255}
CLAY_INPUT_BORDER :: clay.Color{55, 55, 75, 255}
CLAY_INPUT_FOCUS :: clay.Color{99, 102, 241, 255}
CLAY_PROGRESS_TRACK :: clay.Color{30, 30, 42, 255}
CLAY_PROGRESS_FILL := clay.Color{99, 102, 241, 255}
// --- Spacing (4px grid) ---
CLAY_SPACE_4 :: u16(4)
CLAY_SPACE_8 :: u16(8)
CLAY_SPACE_12 :: u16(12)
CLAY_SPACE_16 :: u16(16)
CLAY_SPACE_20 :: u16(20)
CLAY_SPACE_24 :: u16(24)
CLAY_SPACE_32 :: u16(32)
CLAY_SPACE_40 :: u16(40)
CLAY_SPACE_48 :: u16(48)
// --- Font Sizes ---
CLAY_FONT_SIZE_SM :: u16(13)
CLAY_FONT_SIZE_MD :: u16(15)
CLAY_FONT_SIZE_LG :: u16(18)
CLAY_FONT_SIZE_XL :: u16(22)
CLAY_FONT_SIZE_2XL:: u16(28)
// --- Corner Radius (px for Clay) ---
CLAY_RADIUS_SM :: f32(4)
CLAY_RADIUS_MD :: f32(8)
CLAY_RADIUS_LG :: f32(12)
CLAY_RADIUS_XL :: f32(16)
// --- Fractional radius (for DrawRectangleRounded compat) ---
CLAY_RADIUS_FRAC_BTN :: f32(0.32)
CLAY_RADIUS_FRAC_PILL :: f32(0.50)
CLAY_RADIUS_FRAC_CARD :: f32(0.14)
// --- Color conversion --- // --- Color conversion ---
clay_color_to_rl :: proc(color: clay.Color) -> rl.Color { clay_color_to_rl :: proc(color: clay.Color) -> rl.Color {
@ -110,6 +29,7 @@ clay_color_to_rl :: proc(color: clay.Color) -> rl.Color {
// --- Clay Error Handler --- // --- Clay Error Handler ---
clay_error_handler :: proc "c" (errorData: clay.ErrorData) { clay_error_handler :: proc "c" (errorData: clay.ErrorData) {
context = runtime.default_context() context = runtime.default_context()
if errorData.errorType == .DuplicateId || errorData.errorType == .PercentageOver1 { return }
fmt.eprintf("CLAY ERROR: %v\n", errorData) fmt.eprintf("CLAY ERROR: %v\n", errorData)
} }
@ -123,6 +43,15 @@ Clay_State :: struct {
clay_state: Clay_State clay_state: Clay_State
load_font_or_default :: proc(path: cstring) -> rl.Font {
font := rl.LoadFont(path)
if font.glyphCount > 0 {
rl.SetTextureFilter(font.texture, .BILINEAR)
return font
}
return rl.GetFontDefault()
}
// --- Init / Shutdown --- // --- Init / Shutdown ---
clay_init :: proc(screen_w: i32, screen_h: i32) { clay_init :: proc(screen_w: i32, screen_h: i32) {
min_memory_size := clay.MinMemorySize() min_memory_size := clay.MinMemorySize()
@ -132,9 +61,9 @@ clay_init :: proc(screen_w: i32, screen_h: i32) {
clay.Initialize(arena, {f32(screen_w), f32(screen_h)}, {handler = clay_error_handler}) clay.Initialize(arena, {f32(screen_w), f32(screen_h)}, {handler = clay_error_handler})
clay.SetMeasureTextFunction(clay_measure_text, nil) clay.SetMeasureTextFunction(clay_measure_text, nil)
clay_state.font_default = rl.GetFontDefault() clay_state.font_default = load_font_or_default("/usr/share/fonts/Adwaita/AdwaitaSans-Regular.ttf")
clay_state.font_title = rl.GetFontDefault() clay_state.font_title = load_font_or_default("/usr/share/fonts/Adwaita/AdwaitaSans-Regular.ttf")
clay_state.font_mono = rl.GetFontDefault() clay_state.font_mono = load_font_or_default("/usr/share/fonts/Adwaita/AdwaitaMono-Regular.ttf")
raylib_fonts = make([dynamic]Raylib_Font, 0, 3) raylib_fonts = make([dynamic]Raylib_Font, 0, 3)
append(&raylib_fonts, Raylib_Font{fontId = CLAY_FONT_BODY, font = clay_state.font_default}) append(&raylib_fonts, Raylib_Font{fontId = CLAY_FONT_BODY, font = clay_state.font_default})
@ -143,6 +72,11 @@ clay_init :: proc(screen_w: i32, screen_h: i32) {
} }
clay_shutdown :: proc() { clay_shutdown :: proc() {
for f in raylib_fonts {
if f.font.glyphCount > 0 && f.font.glyphs != nil {
rl.UnloadFont(f.font)
}
}
delete(raylib_fonts) delete(raylib_fonts)
delete(clay_state.arena_memory) delete(clay_state.arena_memory)
} }
@ -364,7 +298,7 @@ clay_input_layout :: proc() -> clay.LayoutConfig {
layoutDirection = .LeftToRight, layoutDirection = .LeftToRight,
sizing = { sizing = {
width = clay.SizingGrow({}), width = clay.SizingGrow({}),
height = clay.SizingFixed(36), height = clay.SizingFixed(40),
}, },
padding = {top = 8, right = 12, bottom = 8, left = 12}, padding = {top = 8, right = 12, bottom = 8, left = 12},
} }
@ -375,7 +309,7 @@ clay_button_layout :: proc() -> clay.LayoutConfig {
layoutDirection = .LeftToRight, layoutDirection = .LeftToRight,
sizing = { sizing = {
width = clay.SizingFit({}), width = clay.SizingFit({}),
height = clay.SizingFixed(36), height = clay.SizingFixed(38),
}, },
padding = {top = 8, right = 16, bottom = 8, left = 16}, padding = {top = 8, right = 16, bottom = 8, left = 16},
childAlignment = {x = .Center, y = .Center}, childAlignment = {x = .Center, y = .Center},

89
odin/src/gui/clay_theme.odin Normal file
View File

@ -0,0 +1,89 @@
package gui
import clay "clay:."
// --- Color Palette ---
// --- Clay Color Palette (modernized dark theme) ---
// Named with CLAY_ prefix to avoid collision with existing theme.odin
CLAY_BG_BASE :: clay.Color{13, 13, 18, 255}
CLAY_BG_SIDEBAR :: clay.Color{18, 18, 26, 255}
CLAY_BG_TOPBAR :: clay.Color{22, 22, 32, 255}
CLAY_BG_CARD :: clay.Color{28, 28, 40, 255}
CLAY_BG_CARD_ALT :: clay.Color{24, 24, 36, 255}
CLAY_BG_STRIP :: clay.Color{32, 32, 46, 255}
CLAY_BG_OVERLAY :: clay.Color{0, 0, 0, 180}
CLAY_BG_INPUT :: clay.Color{20, 20, 30, 255}
CLAY_BORDER_CARD :: clay.Color{50, 50, 70, 255}
CLAY_BORDER_SUBTLE :: clay.Color{40, 40, 58, 255}
CLAY_BORDER_DIVIDER :: clay.Color{36, 36, 52, 255}
CLAY_ACCENT :: clay.Color{99, 102, 241, 255}
CLAY_ACCENT_HOVER :: clay.Color{124, 127, 255, 255}
CLAY_ACCENT_MUTED :: clay.Color{79, 70, 229, 200}
CLAY_ACCENT_SURFACE:: clay.Color{67, 56, 202, 40}
CLAY_ACCENT_GLOW :: clay.Color{99, 102, 241, 60}
CLAY_TEXT_PRIMARY :: clay.Color{245, 245, 250, 255}
CLAY_TEXT_SECONDARY :: clay.Color{190, 190, 210, 255}
CLAY_TEXT_TERTIARY :: clay.Color{145, 145, 170, 255}
CLAY_TEXT_DISABLED :: clay.Color{100, 100, 120, 255}
CLAY_TEXT_BRIGHT := clay.Color{255, 255, 255, 255}
CLAY_SUCCESS :: clay.Color{34, 197, 94, 255}
CLAY_SUCCESS_DIM :: clay.Color{34, 197, 94, 100}
CLAY_WARNING :: clay.Color{234, 179, 8, 255}
CLAY_WARNING_DIM :: clay.Color{234, 179, 8, 100}
CLAY_ERROR :: clay.Color{239, 68, 68, 255}
CLAY_ERROR_DIM :: clay.Color{239, 68, 68, 100}
CLAY_BTN_DEFAULT :: clay.Color{42, 42, 58, 255}
CLAY_BTN_DEFAULT_HOVER :: clay.Color{55, 55, 72, 255}
CLAY_BTN_SOFT :: clay.Color{55, 50, 120, 255}
CLAY_BTN_SOFT_HOVER :: clay.Color{70, 65, 140, 255}
CLAY_BTN_DANGER :: clay.Color{185, 28, 28, 255}
CLAY_BTN_DANGER_HOVER :: clay.Color{210, 40, 40, 255}
CLAY_BTN_DISABLED :: clay.Color{30, 30, 42, 255}
CLAY_NAV_ACTIVE :: clay.Color{99, 102, 241, 255}
CLAY_NAV_ACTIVE_BG :: clay.Color{67, 56, 202, 25}
CLAY_NAV_HOVER_BG :: clay.Color{40, 40, 58, 255}
CLAY_INPUT_BORDER :: clay.Color{55, 55, 75, 255}
CLAY_INPUT_FOCUS :: clay.Color{99, 102, 241, 255}
CLAY_PROGRESS_TRACK :: clay.Color{30, 30, 42, 255}
CLAY_PROGRESS_FILL := clay.Color{99, 102, 241, 255}
// --- Spacing (4px grid) ---
// --- Spacing (4px grid) ---
CLAY_SPACE_4 :: u16(4)
CLAY_SPACE_8 :: u16(8)
CLAY_SPACE_12 :: u16(12)
CLAY_SPACE_16 :: u16(16)
CLAY_SPACE_20 :: u16(20)
CLAY_SPACE_24 :: u16(24)
CLAY_SPACE_32 :: u16(32)
CLAY_SPACE_40 :: u16(40)
CLAY_SPACE_48 :: u16(48)
// --- Font Sizes ---
// --- Font Sizes ---
CLAY_FONT_SIZE_SM :: u16(15)
CLAY_FONT_SIZE_MD :: u16(17)
CLAY_FONT_SIZE_LG :: u16(21)
CLAY_FONT_SIZE_XL :: u16(26)
CLAY_FONT_SIZE_2XL:: u16(32)
// --- Corner Radius ---
// --- Corner Radius (px for Clay) ---
CLAY_RADIUS_SM :: f32(4)
CLAY_RADIUS_MD :: f32(8)
CLAY_RADIUS_LG :: f32(12)
CLAY_RADIUS_XL :: f32(16)
// --- Fractional radius (for DrawRectangleRounded compat) ---
CLAY_RADIUS_FRAC_BTN :: f32(0.32)
CLAY_RADIUS_FRAC_PILL :: f32(0.50)
CLAY_RADIUS_FRAC_CARD :: f32(0.14)

503
odin/src/gui/detail_panels.odin Normal file
View File

@ -0,0 +1,503 @@
package gui
import clay "clay:."
import "core:fmt"
import "../core"
import rl "vendor:raylib"
// ─── Script Detail Panel (Clay) ────────────────────────────────────
declare_script_detail :: proc(app: ^GUI_App_State) {
if clay.UI(clay.ID("ScriptDetailCard"))(clay_card_style()) {
clay_title_text("Script Detail")
page_count := len(app.controller.state.script.pages)
if page_count == 0 {
clay_muted_text("No script pages yet. Run Generate Script Local.")
return
}
idx := clamp_script_cursor(page_count, app.summary_opts.script_page_cursor)
page := app.controller.state.script.pages[idx]
if clay.UI(clay.ID("ScriptDetailStatRow"))({
layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childGap = 8},
}) {
declare_stat_chip("stat_page", "Page", idx + 1)
declare_stat_chip("stat_panels", "Panels", len(page.panels))
}
clay_body_text(fmt.tprintf("Page #%d", page.page_number), color = CLAY_ACCENT, size = CLAY_FONT_SIZE_SM)
if clay.UI(clay.ID("ScriptPanelScroll"))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}, layoutDirection = .TopToBottom, childGap = 2},
}) {
for pn in page.panels {
desc := pn.description
if len(desc) == 0 { desc = "(no description)" }
if clay.UI(clay.ID(fmt.tprintf("ScriptDetailPanel_%d", pn.panel_number)))({
layout = {layoutDirection = .TopToBottom, padding = {top = 2, right = 4, bottom = 2, left = 4}},
}) {
clay_body_text(fmt.tprintf("P%d: %s", pn.panel_number, desc), color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
if len(pn.dialogue) > 0 {
clay_body_text(fmt.tprintf("\"%s\"", pn.dialogue[0].text), color = CLAY_TEXT_TERTIARY, size = CLAY_FONT_SIZE_SM)
}
}
}
}
}
}
// ─── Panels Detail Panel (Clay) ────────────────────────────────────
// ─── Panels Detail Panel (Clay) ────────────────────────────────────
declare_panels_detail :: proc(app: ^GUI_App_State) {
if clay.UI(clay.ID("PanelsDetailCard"))(clay_card_style()) {
clay_title_text("Panel Results")
panel_count := count_script_panels(app.controller.state.script)
if panel_count == 0 {
clay_muted_text("No script panels yet. Generate Script first.")
return
}
idx := clamp_panel_cursor(panel_count, app.summary_opts.panel_cursor)
panel, page_num, ok := panel_by_flat_index(app.controller.state.script, idx)
if !ok {
clay_muted_text("Panel index out of range.")
return
}
status := "missing"
status_color: clay.Color = CLAY_WARNING
_, has_img := app.controller.state.panel_images[panel.panel_id]
_, has_err := app.controller.state.panel_errors[panel.panel_id]
if has_err {
status = "error"
status_color = CLAY_ERROR
}
if has_img {
status = "ready"
status_color = CLAY_SUCCESS
}
if clay.UI(clay.ID("PanelDetailHeader"))({
layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childAlignment = {y = .Center}, childGap = 8},
}) {
clay_body_text(fmt.tprintf("Panel %d/%d • page %d # %d", idx+1, panel_count, page_num, panel.panel_number), color = status_color, size = CLAY_FONT_SIZE_SM)
if has_img {
declare_button_small("btn_panel_regenerate", "Regenerate")
} else {
declare_button_small("btn_panel_regenerate", "Generate")
}
}
// Panel image preview + info side-by-side
if has_img {
// Try to load and show the image
panel_img := app.controller.state.panel_images[panel.panel_id]
_, loaded := load_panel_texture(&app.panel_textures, panel.panel_id, panel_img.url)
img_shown := false
if loaded {
tex_ptr := &app.panel_textures[panel.panel_id]
if tex_ptr.id != 0 {
if clay.UI(clay.ID("PanelImageRow"))({
layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childGap = 12},
}) {
if clay.UI(clay.ID("PanelImagePreview"))({
layout = {sizing = {width = clay.SizingFixed(200), height = clay.SizingFixed(200)}},
backgroundColor = CLAY_BG_STRIP,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
image = {imageData = rawptr(tex_ptr)},
}) {}
if clay.UI(clay.ID("PanelImageInfo"))({layout = {layoutDirection = .TopToBottom, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childGap = 2}}) {
clay_muted_text(fmt.tprintf("id: %s", panel.panel_id))
if has_err {
err_msg, _ := app.controller.state.panel_errors[panel.panel_id]
clay_body_text(fmt.tprintf("err: %s", err_msg), color = CLAY_ERROR, size = CLAY_FONT_SIZE_SM)
}
img := panel_img
clay_muted_text(fmt.tprintf("img: %dx%d seed:%d", img.width, img.height, img.seed))
desc := panel.description
if len(desc) == 0 { desc = "(no description)" }
clay_body_text(fmt.tprintf("desc: %s", desc), color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
}
}
img_shown = true
}
}
if !img_shown {
clay_muted_text(fmt.tprintf("id: %s", panel.panel_id))
if has_err {
err_msg, _ := app.controller.state.panel_errors[panel.panel_id]
clay_body_text(fmt.tprintf("err: %s", err_msg), color = CLAY_ERROR, size = CLAY_FONT_SIZE_SM)
}
img := panel_img
clay_muted_text(fmt.tprintf("img: %dx%d seed:%d (failed to load)", img.width, img.height, img.seed))
desc := panel.description
if len(desc) == 0 { desc = "(no description)" }
clay_body_text(fmt.tprintf("desc: %s", desc), color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
}
} else {
clay_muted_text(fmt.tprintf("id: %s", panel.panel_id))
if has_err {
err_msg, _ := app.controller.state.panel_errors[panel.panel_id]
clay_body_text(fmt.tprintf("err: %s", err_msg), color = CLAY_ERROR, size = CLAY_FONT_SIZE_SM)
} else if has_img {
img := app.controller.state.panel_images[panel.panel_id]
clay_muted_text(fmt.tprintf("img: %dx%d seed:%d", img.width, img.height, img.seed))
} else {
clay_muted_text("img: not generated")
}
desc := panel.description
if len(desc) == 0 { desc = "(no description)" }
clay_body_text(fmt.tprintf("desc: %s", desc), color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
if has_img {
clay_muted_text(fmt.tprintf("src: %s", panel.panel_id))
}
}
if clay.UI(clay.ID("PanelListScroll"))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}, layoutDirection = .TopToBottom, childGap = 1},
}) {
visible_rows: int = 8
if visible_rows > panel_count { visible_rows = panel_count }
start := idx - visible_rows / 2
if start < 0 { start = 0 }
end := start + visible_rows
if end > panel_count { end = panel_count }
if end - start < visible_rows {
start = end - visible_rows
if start < 0 { start = 0 }
}
for i in start..<end {
row_panel, row_page, row_ok := panel_by_flat_index(app.controller.state.script, i)
if !row_ok { continue }
mark := " "
row_color: clay.Color = CLAY_TEXT_TERTIARY
if i == idx {
mark = "> "
row_color = CLAY_TEXT_BRIGHT
}
ready := "missing"
ready_color: clay.Color = CLAY_TEXT_TERTIARY
if _, err_exists := app.controller.state.panel_errors[row_panel.panel_id]; err_exists {
ready = "error"
ready_color = CLAY_ERROR
}
if _, exists := app.controller.state.panel_images[row_panel.panel_id]; exists {
ready = "ready"
ready_color = CLAY_SUCCESS
}
if clay.UI(clay.ID(fmt.tprintf("panel_row_%d", i)))({
layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFixed(20)}, padding = {top = 2, left = 4}, childGap = 4},
backgroundColor = clay.Color{0, 0, 0, 0},
}) {
clay.Text(fmt.tprintf("%s%02d p%d#%d", mark, i+1, row_page, row_panel.panel_number), {fontId = CLAY_FONT_BODY, fontSize = CLAY_FONT_SIZE_SM, textColor = row_color})
clay.Text(ready, {fontId = CLAY_FONT_BODY, fontSize = CLAY_FONT_SIZE_SM, textColor = ready_color})
}
}
}
}
}
// ─── Layout Detail Panel (Clay) ────────────────────────────────────
// ─── Layout Detail Panel (Clay) ────────────────────────────────────
declare_layout_detail :: proc(app: ^GUI_App_State) {
if clay.UI(clay.ID("LayoutDetailCard"))(clay_card_style()) {
clay_title_text("Layout Detail")
layout_count := len(app.controller.state.page_layouts)
if layout_count == 0 {
clay_muted_text("No layouts yet. Use Layout Auto after panels.")
return
}
idx := clamp_layout_cursor(layout_count, app.summary_opts.layout_page_cursor)
layout_val := app.controller.state.page_layouts[idx]
if clay.UI(clay.ID("LayoutDetailHeader"))({
layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childAlignment = {y = .Center}, childGap = 8},
}) {
clay_body_text(fmt.tprintf("Page %d/%d • %s • %d panels", idx+1, layout_count, layout_val.pattern_id, len(layout_val.panels)), color = CLAY_ACCENT, size = CLAY_FONT_SIZE_SM)
declare_button_small("btn_layout_regen", "Regen")
}
val := validate_layout_page(layout_val, app.controller.state.panel_images)
coverage_ok := val.coverage_pct >= 80 && val.coverage_pct <= 105
bindings_ok := val.missing_bindings == 0
bounds_ok := val.bounds_violations == 0
if clay.UI(clay.ID("LayoutValidationRow"))({
layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childGap = 4},
}) {
declare_status_badge("val_coverage", fmt.tprintf("Cov: %.0f%%", val.coverage_pct), coverage_ok)
declare_status_badge("val_bindings", fmt.tprintf("Bind: %d miss", val.missing_bindings), bindings_ok)
declare_status_badge("val_bounds", fmt.tprintf("Bounds: %d", val.bounds_violations), bounds_ok)
}
clay_muted_text(fmt.tprintf("size: %d x %d", layout_val.width, layout_val.height))
if clay.UI(clay.ID("LayoutDetailContent"))({
layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}, childGap = 8},
}) {
if clay.UI(clay.ID("LayoutWireframe"))({
layout = {sizing = {width = clay.SizingPercent(40), height = clay.SizingGrow({})}, layoutDirection = .TopToBottom},
backgroundColor = CLAY_BG_STRIP,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
}) {
for i in 0..<len(layout_val.panels) {
cell := layout_val.panels[i].layout_cell
w_pct := f32(cell.w * 100); if w_pct > 100 { w_pct = 100 } else if w_pct < 0 { w_pct = 0 }
h_pct := f32(cell.h * 100); if h_pct > 100 { h_pct = 100 } else if h_pct < 0 { h_pct = 0 }
if clay.UI(clay.ID(fmt.tprintf("wire_cell_%d", i)))({
layout = {sizing = {width = clay.SizingPercent(w_pct), height = clay.SizingPercent(h_pct)}, padding = {top = 2, left = 2, right = 2, bottom = 2}},
backgroundColor = CLAY_ACCENT_SURFACE,
cornerRadius = clay.CornerRadiusAll(2),
border = {color = CLAY_ACCENT_MUTED, width = clay.BorderOutside(1)},
}) {
if cell.w > 0.15 && cell.h > 0.15 {
clay.Text(fmt.tprintf("%d", layout_val.panels[i].panel_number), {fontId = CLAY_FONT_BODY, fontSize = CLAY_FONT_SIZE_SM, textColor = CLAY_TEXT_SECONDARY})
}
}
}
}
if clay.UI(clay.ID("LayoutPageScroll"))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}, layoutDirection = .TopToBottom, childGap = 1},
}) {
visible_rows: int = 6
if visible_rows > layout_count { visible_rows = layout_count }
start := idx - visible_rows / 2
if start < 0 { start = 0 }
end := start + visible_rows
if end > layout_count { end = layout_count }
if end - start < visible_rows {
start = end - visible_rows
if start < 0 { start = 0 }
}
for i in start..<end {
l := app.controller.state.page_layouts[i]
row_color: clay.Color = CLAY_TEXT_TERTIARY
if i == idx { row_color = CLAY_TEXT_BRIGHT }
if clay.UI(clay.ID(fmt.tprintf("layout_row_%d", i)))({
layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFixed(20)}, padding = {top = 2, left = 4}},
backgroundColor = clay.Color{0, 0, 0, 0},
}) {
mark := " "
if i == idx { mark = "> " }
clay.Text(fmt.tprintf("%s%02d %s (%d)", mark, l.page_number, l.pattern_id, len(l.panels)), {fontId = CLAY_FONT_BODY, fontSize = CLAY_FONT_SIZE_SM, textColor = row_color})
}
}
}
}
}
}
// ─── Bubbles Detail Panel (Clay) ────────────────────────────────────
// ─── Bubbles Detail Panel (Clay) ────────────────────────────────────
declare_bubbles_detail :: proc(app: ^GUI_App_State) {
if clay.UI(clay.ID("BubblesDetailCard"))(clay_card_style()) {
clay_title_text("Bubble Editor")
layout_count := len(app.controller.state.page_layouts)
if layout_count == 0 {
clay_muted_text("No layouts yet. Run Layout Auto first.")
return
}
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 panel_count == 0 {
clay_body_text(fmt.tprintf("Page %d has no panels", layout_val.page_number), color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
return
}
panel_idx := clamp_bubble_cursor(panel_count, app.summary_opts.bubble_panel_cursor)
panel := layout_val.panels[panel_idx]
clay_body_text(fmt.tprintf("Page %d/%d • %d panels", page_idx+1, layout_count, panel_count), color = CLAY_ACCENT, size = CLAY_FONT_SIZE_SM)
if clay.UI(clay.ID("BubblePanelInfo"))({
layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childAlignment = {y = .Center}, childGap = 8},
}) {
clay_muted_text(fmt.tprintf("Panel %d (id: %s)", panel.panel_number, panel.panel_id))
declare_button_small("btn_bubble_auto_place", "Auto Place")
}
bubbles_for_panel: []core.Speech_Bubble = nil
if app.controller.state.speech_bubbles != nil {
if slice, ok := app.controller.state.speech_bubbles[panel.panel_id]; ok {
bubbles_for_panel = slice
}
}
bubble_count := len(bubbles_for_panel)
bubble_idx := 0
if bubble_count > 0 {
bubble_idx = clamp_bubble_cursor(bubble_count, app.summary_opts.bubble_edit_cursor)
}
if clay.UI(clay.ID("BubbleListHeader"))({
layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childAlignment = {y = .Center}, childGap = 8},
}) {
clay_body_text(fmt.tprintf("Bubbles: %d", bubble_count), color = CLAY_ACCENT, size = CLAY_FONT_SIZE_SM)
declare_button_small("btn_bubble_add", "Add")
}
if clay.UI(clay.ID("BubbleListScroll"))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}, layoutDirection = .TopToBottom, childGap = 1},
}) {
if bubble_count == 0 {
clay_muted_text("No bubbles for this panel. Click Add or Auto Place.")
} else {
for i in 0..<bubble_count {
b := bubbles_for_panel[i]
is_selected: bool = (i == bubble_idx)
row_color: clay.Color = CLAY_TEXT_TERTIARY
if is_selected { row_color = CLAY_TEXT_BRIGHT }
preview := b.text
if len(preview) > 25 { preview = preview[:25] }
if len(preview) == 0 { preview = "(empty)" }
if clay.UI(clay.ID(fmt.tprintf("bubble_row_%d", i)))({
layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFixed(26)}, padding = {top = 2, left = 4}, childGap = 4, childAlignment = {y = .Center}},
backgroundColor = clay.Color{0, 0, 0, 0},
}) {
mark := " "
if is_selected { mark = "> " }
clay.Text(fmt.tprintf("%s[%s] %s", mark, bubble_type_name(b.type), preview), {fontId = CLAY_FONT_BODY, fontSize = CLAY_FONT_SIZE_SM, textColor = row_color})
if is_selected {
declare_button_small(fmt.tprintf("btn_bubble_delete_%d", i), "x")
}
}
}
}
}
if bubble_count > 0 && bubble_idx < bubble_count {
selected := bubbles_for_panel[bubble_idx]
if clay.UI(clay.ID("BubbleEditor"))({
layout = {layoutDirection = .TopToBottom, padding = {top = 4, right = 8, bottom = 4, left = 8}, childGap = 4},
backgroundColor = CLAY_BG_STRIP,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
}) {
clay_body_text(fmt.tprintf("Editing: %s", bubble_type_name(selected.type)), color = CLAY_ACCENT, size = CLAY_FONT_SIZE_SM)
if clay.UI(clay.ID("BubbleTypeRow"))({
layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childGap = 2},
}) {
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 clay.UI(clay.ID(btn_id))({
layout = {sizing = {width = clay.SizingFit({min = 50, max = 20}), height = clay.SizingFixed(26)}, padding = {top = 2, right = 4, bottom = 2, left = 4}, childAlignment = {x = .Center, y = .Center}},
backgroundColor = clay_color_for_bubble_type(selected.type == t),
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
}) {
clay.Text(bubble_type_name(t), {fontId = CLAY_FONT_BODY, fontSize = CLAY_FONT_SIZE_SM, textColor = clay_text_color_for_bubble_type(selected.type == t)})
}
}
}
// Text editing area
if clay.UI(clay.ID("BubbleTextRow"))({
layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childGap = 4, childAlignment = {y = .Center}},
}) {
clay_muted_text("Text:")
text_to_show := app.bubble_edit_text if app.selected_field == 7 else selected.text
if len(text_to_show) == 0 && app.selected_field != 7 {
text_to_show = "(click to edit)"
}
if clay.UI(clay.ID("field_bubble_text"))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingFixed(34)}, padding = {top = 6, right = 8, bottom = 6, left = 8}},
backgroundColor = CLAY_BG_INPUT,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
border = {color = CLAY_INPUT_FOCUS if app.selected_field == 7 else CLAY_INPUT_BORDER, width = clay.BorderOutside(1)},
}) {
text_color := CLAY_TEXT_PRIMARY if app.selected_field == 7 else CLAY_TEXT_SECONDARY
clay_body_text(text_to_show, color = text_color, size = CLAY_FONT_SIZE_SM)
}
declare_button_small("btn_bubble_save_text", "Save")
}
}
}
}
}
clay_color_for_bubble_type :: proc(active: bool) -> clay.Color {
if active { return CLAY_ACCENT }
return CLAY_BTN_DEFAULT
}
clay_text_color_for_bubble_type :: proc(active: bool) -> clay.Color {
if active { return CLAY_TEXT_BRIGHT }
return CLAY_TEXT_SECONDARY
}
// ─── Action Log (Clay) ─────────────────────────────────────────────
// ─── Action Log (Clay) ─────────────────────────────────────────────
declare_action_log :: proc(app: ^GUI_App_State) {
if clay.UI(clay.ID("ActionLogCard"))(clay_card_style()) {
clay_title_text("Action Log")
// Button row
if clay.UI(clay.ID("LogBtnRow"))({layout = clay_row_layout()}) {
declare_button_small("btn_log_reset", "Reset View")
declare_button_small("btn_log_report", "Session Report")
declare_button_small("btn_log_copy", "Copy Log")
declare_button_small("btn_log_diag", "Diagnostics")
declare_button_small("btn_log_status_copy", "Copy Status")
declare_button_small("btn_log_clear", "Clear Log")
declare_button_small("btn_log_diag_copy", "Copy Diag")
}
order_label := "newest"
if app.log_oldest_first { order_label = "oldest" }
clay_muted_text(fmt.tprintf("View: %d lines, %s first", app.log_show_lines, order_label))
// Log entries
if clay.UI(clay.ID("LogScroll"))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}, layoutDirection = .TopToBottom, childGap = 2},
}) {
max_lines: int = int(app.log_show_lines)
if max_lines > app.action_log.count {
max_lines = app.action_log.count
}
if max_lines > len(app.action_log.entries) {
max_lines = len(app.action_log.entries)
}
now := rl.GetTime()
for line in 0 ..< max_lines {
idx := 0
if app.log_oldest_first {
start_idx := app.action_log.count - max_lines
idx = (start_idx + line) % len(app.action_log.entries)
if idx < 0 { idx += len(app.action_log.entries) }
} else {
idx = (app.action_log.count - 1 - line) % len(app.action_log.entries)
if idx < 0 { idx += len(app.action_log.entries) }
}
age := now - app.action_log.entry_times[idx]
entry_text := fmt.tprintf("[%2.0fs] %s", age, app.action_log.entries[idx])
entry_color := CLAY_TEXT_SECONDARY
if is_error_message(app.action_log.entries[idx]) { entry_color = CLAY_ERROR }
else if is_warning_message(app.action_log.entries[idx]) { entry_color = CLAY_WARNING }
else { entry_color = CLAY_SUCCESS }
clay_body_text(entry_text, color = entry_color, size = CLAY_FONT_SIZE_SM)
}
}
}
}

72
odin/src/gui/local_helpers.odin
View File

@ -1,9 +1,7 @@
package gui package gui
import "core:fmt" import "core:fmt"
import "core:os"
import "../core" import "../core"
import "../shared"
collect_script_panels :: proc(script: core.Comic_Script) -> []core.Panel { collect_script_panels :: proc(script: core.Comic_Script) -> []core.Panel {
out: [dynamic]core.Panel out: [dynamic]core.Panel
@ -32,75 +30,7 @@ local_panel_id_by_index :: proc(i: int) -> string {
case 4: return "panel_local_005" case 4: return "panel_local_005"
case 5: return "panel_local_006" case 5: return "panel_local_006"
} }
return "panel_local_overflow" return fmt.tprintf("panel_local_overflow_%d", i)
}
build_local_script :: proc(story_idea: string, pages: int) -> core.Comic_Script {
out_pages: [dynamic]core.Page
for i in 0..<pages {
chars_present := make([]string, 1)
chars_present[0] = "char_001"
dialogue := make([]core.Dialogue, 1)
dialogue[0] = core.Dialogue{speaker_id = "char_001", text = "Let's do this.", bubble_type = .Normal, emotion = .Neutral}
panel := core.Panel{
panel_id = local_panel_id_by_index(i),
panel_number = 1,
shot_type = .Medium,
description = story_idea,
characters_present = chars_present,
dialogue = dialogue,
caption = "",
sound_effects = nil,
transition_from_previous = .None,
}
panels := make([]core.Panel, 1)
panels[0] = panel
append(&out_pages, core.Page{page_number = i + 1, layout_type = .Grid, panels = panels})
}
chars := make([]core.Character, 1)
chars[0] = core.Character{id = "char_001", name = "Protagonist", role = .Protagonist, description = "Main character"}
return core.Comic_Script{title = "Local Script", synopsis = story_idea, characters = chars, pages = out_pages[:]}
}
build_local_panel_images :: proc(panels: []core.Panel) -> (map[string]core.Panel_Image, shared.App_Error) {
tmp_dir, terr := os.make_directory_temp("", "comic-gui-local-panels-*", context.temp_allocator)
if terr != nil {
return nil, shared.new_error(.Generation, "failed to create local panel temp dir", true)
}
images := make(map[string]core.Panel_Image)
for p, idx in panels {
name := fmt.aprintf("panel_%03d_%s.png", idx+1, p.panel_id)
out_path := fmt.aprintf("%s/%s", tmp_dir, name)
delete(name)
// Create a real PNG image using python3
gen_w := 1024
gen_h := 1024
py_script := fmt.aprintf(
"import struct,zlib,sys;w,h=%d,%d;rows=[]\nfor _ in range(h): rows.append(b'\\x00'+b'\\xff\\xff\\xff'*w)\nraw=b''.join(rows);comp=zlib.compress(raw)\ndef crc(d): return struct.pack('>I',zlib.crc32(d)&0xffffffff)\nf=open(sys.argv[1],'wb')\nf.write(b'\\x89PNG\\r\\n\\x1a\\n')\nihdr_data=struct.pack('>IIBBBBB',w,h,8,2,0,0,0)\nf.write(struct.pack('>I',13)+b'IHDR'+ihdr_data+crc(b'IHDR'+ihdr_data))\nf.write(struct.pack('>I',len(comp))+b'IDAT'+comp+crc(b'IDAT'+comp))\nf.write(struct.pack('>I',0)+b'IEND'+crc(b'IEND'))\nf.close()",
gen_w, gen_h,
)
defer delete(py_script)
py_cmd := [4]string{"python3", "-c", py_script, out_path}
desc := os.Process_Desc{command = py_cmd[:]}
state, _, stderr, cerr := os.process_exec(desc, context.temp_allocator)
if cerr != nil || !state.exited || state.exit_code != 0 {
delete(out_path)
msg := fmt.aprintf("failed to create panel image: %s", string(stderr))
defer delete(msg)
return nil, shared.new_error(.Generation, msg, true)
}
url := fmt.aprintf("file://%s", out_path)
prompt := fmt.aprintf("local panel %d", idx+1)
images[p.panel_id] = core.Panel_Image{url = url, width = gen_w, height = gen_h, seed = i64(idx + 1), prompt = prompt}
delete(out_path)
}
return images, shared.ok()
} }
append_char :: proc(dst: ^string, ch: rune) { append_char :: proc(dst: ^string, ch: rune) {

101
odin/src/gui/primitives.odin Normal file
View File

@ -0,0 +1,101 @@
package gui
import clay "clay:."
import "core:fmt"
// ─── 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})
}
}
// ─── Stat Chip (Clay) ──────────────────────────────────────────────
// ─── Stat Chip (Clay) ──────────────────────────────────────────────
declare_stat_chip :: proc(id: string, label: string, value: int) {
value_text := fmt.tprintf("%d", value)
if clay.UI(clay.ID(id))({
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)
}
}

1341
odin/src/gui/runtime.odin
View File

File diff suppressed because it is too large Load Diff

321
odin/src/gui/workspaces.odin Normal file
View File

@ -0,0 +1,321 @@
package gui
import clay "clay:."
import "core:fmt"
import "../core"
// ─── Shared Helpers ─────────────────────────────────────────────
workspace_nav :: proc(id_prefix, pos_label: string) {
if clay.UI(clay.ID(fmt.tprintf("%sNav", id_prefix)))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingFixed(36)}, layoutDirection = .LeftToRight, childGap = 8, childAlignment = {y = .Center}},
}) {
clay_body_text(pos_label, color = CLAY_ACCENT)
declare_button_small(fmt.tprintf("btn_%s_prev", id_prefix), "< Prev")
declare_button_small(fmt.tprintf("btn_%s_next", id_prefix), "Next >")
}
}
// ─── Script Workspace ────────────────────────────────────────────
declare_script_workspace :: proc(app: ^GUI_App_State) {
page_count := len(app.controller.state.script.pages)
if page_count == 0 {
if clay.UI(clay.ID("ScriptEmpty"))(clay_card_style()) {
clay_title_text("Script")
clay_body_text("No script pages yet.", color = CLAY_TEXT_TERTIARY)
clay_body_text("1. Go to Story screen to set up your story idea", color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
clay_body_text("2. Click 'Generate Script' or press F5", color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
}
return
}
idx := clamp_script_cursor(page_count, app.summary_opts.script_page_cursor)
workspace_nav("script", fmt.tprintf("Page %d/%d", idx+1, page_count))
title := app.controller.state.script.title
if len(title) > 50 { title = fmt.tprintf("%s...", title[:47]) }
clay_muted_text(title)
declare_script_detail(app)
}
// ─── Panels Workspace ────────────────────────────────────────────
declare_panels_workspace :: proc(app: ^GUI_App_State) {
panel_count := count_script_panels(app.controller.state.script)
if panel_count == 0 {
if clay.UI(clay.ID("PanelsEmpty"))(clay_card_style()) {
clay_title_text("Panels")
clay_body_text("No panels generated yet.", color = CLAY_TEXT_TERTIARY)
clay_body_text("Generate a script first, then click 'Generate Panels' or press F6", color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
}
return
}
idx := clamp_panel_cursor(panel_count, app.summary_opts.panel_cursor)
workspace_nav("panels", fmt.tprintf("Panel %d/%d", idx+1, panel_count))
declare_panels_detail(app)
}
// ─── Layout Workspace ────────────────────────────────────────────
declare_layout_workspace :: proc(app: ^GUI_App_State) {
layout_count := len(app.controller.state.page_layouts)
if layout_count == 0 {
if clay.UI(clay.ID("LayoutEmpty"))(clay_card_style()) {
clay_title_text("Layout")
clay_body_text("No layouts yet.", color = CLAY_TEXT_TERTIARY)
clay_body_text("Generate panels first, then click 'Layout Pages' or press F7", color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
}
return
}
idx := clamp_layout_cursor(layout_count, app.summary_opts.layout_page_cursor)
workspace_nav("layout", fmt.tprintf("Page %d/%d", idx+1, layout_count))
declare_layout_detail(app)
}
// ─── Bubbles Workspace ───────────────────────────────────────────
declare_bubbles_workspace :: proc(app: ^GUI_App_State) {
layout_count := len(app.controller.state.page_layouts)
if layout_count == 0 {
if clay.UI(clay.ID("BubblesEmpty"))(clay_card_style()) {
clay_title_text("Bubbles")
clay_body_text("No layouts yet.", color = CLAY_TEXT_TERTIARY)
clay_body_text("Run Layout Auto first, then use this screen to edit speech bubbles", color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
}
return
}
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)
// Bubbles needs dual nav (page + panel)
if clay.UI(clay.ID("BubblesNav"))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingFixed(36)}, layoutDirection = .LeftToRight, childGap = 8, childAlignment = {y = .Center}},
}) {
clay_body_text(fmt.tprintf("Page %d/%d • %d panels", page_idx+1, layout_count, panel_count), color = CLAY_ACCENT)
declare_button_small("btn_bubbles_prev_page", "< Page")
declare_button_small("btn_bubbles_next_page", "Page >")
declare_button_small("btn_bubbles_prev_panel", "< Panel")
declare_button_small("btn_bubbles_next_panel", "Panel >")
}
declare_bubbles_detail(app)
}
// ─── Story Workspace ──────────────────────────────────────────────
// ─── Story Workspace ──────────────────────────────────────────────
declare_story_workspace :: proc(app: ^GUI_App_State) {
if clay.UI(clay.ID("StoryCard"))(clay_card_style()) {
clay_title_text("Story Setup")
clay_muted_text("Story Idea")
if clay.UI(clay.ID("field_idea"))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({min = 80, max = 0})}, padding = {top = 8, right = 12, bottom = 8, left = 12}},
backgroundColor = CLAY_BG_INPUT,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
}) {
clay_body_text(app.controller.state.story_idea if len(app.controller.state.story_idea) > 0 else "Enter story idea...")
}
if clay.UI(clay.ID("StoryMetaRow"))({layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childGap = 12}}) {
if clay.UI(clay.ID("StoryMetaLeft"))({layout = {layoutDirection = .TopToBottom, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childGap = 2}}) {
clay_muted_text("Genre")
if clay.UI(clay.ID("field_genre"))({
layout = clay_input_layout(),
backgroundColor = CLAY_BG_INPUT,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
}) {
clay_body_text(app.controller.state.story_genre if len(app.controller.state.story_genre) > 0 else "Enter genre...")
}
}
if clay.UI(clay.ID("StoryMetaRight"))({layout = {layoutDirection = .TopToBottom, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childGap = 2}}) {
clay_muted_text("Audience")
if clay.UI(clay.ID("field_audience"))({
layout = clay_input_layout(),
backgroundColor = CLAY_BG_INPUT,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
}) {
clay_body_text(app.controller.state.target_audience if len(app.controller.state.target_audience) > 0 else "Enter audience...")
}
}
}
}
if clay.UI(clay.ID("PathCard"))(clay_card_style()) {
clay_title_text("Project Paths")
// Export Path with Browse button
clay_muted_text("Export Path")
if clay.UI(clay.ID("ExportPathRow"))({layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childGap = 4, childAlignment = {y = .Center}}}) {
if clay.UI(clay.ID("field_export"))({
layout = clay_input_layout(),
backgroundColor = CLAY_BG_INPUT,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
}) {
display := app.export_path
if len(display) == 0 { display = "(not set)" }
clay_body_text(display)
}
declare_button_small("btn_browse_export", "Browse")
}
// Project Path with Browse button
clay_muted_text("Project Path")
if clay.UI(clay.ID("ProjectPathRow"))({layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childGap = 4, childAlignment = {y = .Center}}}) {
if clay.UI(clay.ID("field_project"))({
layout = clay_input_layout(),
backgroundColor = CLAY_BG_INPUT,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
}) {
display := app.project_path
if len(display) == 0 { display = "(not set)" }
clay_body_text(display)
}
declare_button_small("btn_browse_project", "Browse")
}
if clay.UI(clay.ID("StoryConfigRow"))({layout = clay_row_layout()}) {
clay_muted_text("Pages")
if clay.UI(clay.ID("field_pages"))({
layout = {sizing = {width = clay.SizingFixed(60), height = clay.SizingFixed(34)}},
backgroundColor = CLAY_BG_INPUT,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
}) {
clay_body_text(app.local_script_pages)
}
clay_muted_text("Format")
declare_nav_chip("btn_pdf", "PDF", app.export_format == .PDF)
declare_nav_chip("btn_png", "PNG", app.export_format == .PNG)
declare_nav_chip("btn_cbz", "CBZ", app.export_format == .CBZ)
}
}
}
// ─── Characters Workspace ─────────────────────────────────────────
// ─── Characters Workspace ─────────────────────────────────────────
declare_characters_workspace :: proc(app: ^GUI_App_State) {
if clay.UI(clay.ID("CharsCard"))(clay_card_style()) {
clay_title_text("Characters")
char_count := len(app.controller.state.characters)
script_char_count := len(app.controller.state.script.characters)
// Show both state.characters and script.characters for debugging
if char_count == 0 {
clay_body_text(fmt.tprintf("State chars: %d, Script chars: %d", char_count, script_char_count), color = CLAY_TEXT_PRIMARY)
clay_body_text("No characters yet.", color = CLAY_TEXT_TERTIARY)
clay_body_text("Characters are extracted when you generate a script.", color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
clay_body_text("Generate Script (F5) to populate characters from your story.", color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
} else {
clay_body_text(fmt.tprintf("%d characters found", char_count), color = CLAY_ACCENT)
for i in 0..<char_count {
char := app.controller.state.characters[i]
role_label := character_role_label(char.role)
if clay.UI(clay.ID(fmt.tprintf("char_%s", char.id)))({
layout = {layoutDirection = .TopToBottom, padding = {top = 4, right = 8, bottom = 4, left = 8}, childGap = 2},
}) {
clay_body_text(fmt.tprintf("%s [%s]", char.name, role_label), color = CLAY_TEXT_PRIMARY)
if len(char.description) > 0 {
clay_body_text(char.description, color = CLAY_TEXT_SECONDARY, size = CLAY_FONT_SIZE_SM)
}
}
}
}
}
}
// ─── Export Workspace ─────────────────────────────────────────────
character_role_label :: proc(role: core.Character_Role) -> string {
switch role {
case .Protagonist: return "Protagon."
case .Antagonist: return "Antagon."
case .Supporting: return "Support."
case .Extra: return "Extra"
}
return "Unknown"
}
// ─── Export Workspace ─────────────────────────────────────────────
declare_export_workspace :: proc(app: ^GUI_App_State) {
if clay.UI(clay.ID("ExportCard"))(clay_card_style()) {
clay_title_text("Export")
ready, total := ready_stage_count(app.controller)
all_ready := ready == total
panel_count := len(app.controller.state.panel_images)
page_count := len(app.controller.state.page_layouts)
if clay.UI(clay.ID("ExportStats"))({layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childGap = 16}}) {
declare_stat_chip("exp_pages", "Pages", page_count)
declare_stat_chip("exp_panels", "Panels", panel_count)
declare_stat_chip("exp_ready", "Ready", ready)
}
clay_muted_text(fmt.tprintf("Format: %v • Target: %s", app.controller.state.export_format, app.export_path))
reason := export_block_reason(app.controller.state)
if len(reason) > 0 {
if clay.UI(clay.ID("ExportBlocked"))({
layout = {layoutDirection = .TopToBottom, padding = {top = 8, right = 12, bottom = 8, left = 12}, childGap = 4},
backgroundColor = CLAY_ERROR_DIM,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
}) {
clay_body_text(fmt.tprintf("Blocked: %s", reason), color = CLAY_ERROR)
clay_body_text("Complete all pipeline stages before exporting.", color = CLAY_TEXT_TERTIARY, size = CLAY_FONT_SIZE_SM)
}
} else {
if clay.UI(clay.ID("ExportReady"))({
layout = {layoutDirection = .TopToBottom, padding = {top = 8, right = 12, bottom = 8, left = 12}, childGap = 4},
backgroundColor = CLAY_SUCCESS_DIM,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_SM),
}) {
clay_body_text("All pipeline stages complete. Ready!", color = CLAY_SUCCESS)
}
}
// Export action buttons
if clay.UI(clay.ID("ExportActions"))({layout = {layoutDirection = .LeftToRight, sizing = {width = clay.SizingGrow({}), height = clay.SizingFit({})}, childGap = 8}}) {
format := app.controller.state.export_format
declare_button_state_export("btn_export_now", "Export as PDF", format == .PDF)
declare_button_state_export("btn_export_png", "Export as PNG", format == .PNG)
declare_button_state_export("btn_export_cbz", "Export as CBZ", format == .CBZ)
}
if page_count > 0 {
if clay.UI(clay.ID("ExportPagesList"))({
layout = {sizing = {width = clay.SizingGrow({}), height = clay.SizingGrow({})}, layoutDirection = .TopToBottom, childGap = 1},
}) {
for l in app.controller.state.page_layouts {
clay_muted_text(fmt.tprintf("Page %d • %s • %d panels", l.page_number, l.pattern_id, len(l.panels)))
}
}
}
}
}
declare_button_state_export :: proc(id: string, label: string, is_current_format: bool) {
bg := CLAY_BTN_DEFAULT
if is_current_format { bg = CLAY_BTN_SOFT }
if clay.UI(clay.ID(id))({
layout = clay_button_layout(),
backgroundColor = bg,
cornerRadius = clay.CornerRadiusAll(CLAY_RADIUS_FRAC_BTN),
}) {
clay_body_text(label)
}
}
// ─── Community Workspace ──────────────────────────────────────────
// ─── Community Workspace ──────────────────────────────────────────
declare_community_workspace :: proc(app: ^GUI_App_State) {
if clay.UI(clay.ID("CommunityCard"))(clay_card_style()) {
clay_title_text("Community")
clay_body_text("Community features coming soon", color = CLAY_TEXT_TERTIARY)
}
}
// ─── Bottom Bar ───────────────────────────────────────────────────

143
odin/src/osdialog/osdialog.odin Normal file
View File

@ -0,0 +1,143 @@
package osdialog
import "core:c"
import "core:strings"
// ─── Enums ────────────────────────────────────────────────────────
Message_Level :: enum c.int {
INFO = 0,
WARNING = 1,
ERROR = 2,
}
Message_Buttons :: enum c.int {
OK = 0,
OK_CANCEL = 1,
YES_NO = 2,
}
File_Action :: enum c.int {
OPEN = 0,
OPEN_DIR = 1,
SAVE = 2,
}
Color :: struct {
r, g, b, a: u8,
}
// ─── Filter Types ─────────────────────────────────────────────────
Filter_Patterns :: struct {
pattern: cstring,
next: ^Filter_Patterns,
}
Filters :: struct {
name: cstring,
patterns: ^Filter_Patterns,
next: ^Filters,
}
// ─── Foreign Imports ──────────────────────────────────────────────
foreign import osdialog_lib "system:osdialog"
foreign import libc "system:c"
@(default_calling_convention = "c")
foreign osdialog_lib {
osdialog_message :: proc(level: Message_Level, buttons: Message_Buttons, message: cstring) -> c.int ---
osdialog_prompt :: proc(level: Message_Level, message: cstring, text: cstring) -> cstring ---
osdialog_file :: proc(action: File_Action, dir: cstring, filename: cstring, filters: ^Filters) -> cstring ---
osdialog_filters_parse :: proc(str: cstring) -> ^Filters ---
osdialog_filters_free :: proc(filters: ^Filters) ---
osdialog_color_picker :: proc(color: ^Color, opacity: c.int) -> c.int ---
osdialog_strdup :: proc(s: cstring) -> cstring ---
osdialog_strndup :: proc(s: cstring, n: c.size_t) -> cstring ---
}
@(default_calling_convention = "c")
foreign libc {
free :: proc(ptr: rawptr) ---
}
// ─── Convenience Wrappers ─────────────────────────────────────────
@(private)
alloc_cstr :: proc(s: string) -> cstring {
if len(s) == 0 { return nil }
return strings.clone_to_cstring(s)
}
@(private)
free_cstr :: proc(cs: cstring) {
if cs != nil { delete(cs) }
}
open_file_dialog :: proc(default_dir: string = "", filters_str: string = "") -> string {
dir_c := alloc_cstr(default_dir)
defer free_cstr(dir_c)
filter_c := alloc_cstr(filters_str)
defer free_cstr(filter_c)
filters: ^Filters
if filter_c != nil {
filters = osdialog_filters_parse(filter_c)
defer osdialog_filters_free(filters)
}
result := osdialog_file(.OPEN, dir_c, nil, filters)
if result == nil { return "" }
defer free(rawptr(result))
return string(result)
}
save_file_dialog :: proc(default_dir: string = "", default_name: string = "", filters_str: string = "") -> string {
dir_c := alloc_cstr(default_dir)
defer free_cstr(dir_c)
name_c := alloc_cstr(default_name)
defer free_cstr(name_c)
filter_c := alloc_cstr(filters_str)
defer free_cstr(filter_c)
filters: ^Filters
if filter_c != nil {
filters = osdialog_filters_parse(filter_c)
defer osdialog_filters_free(filters)
}
result := osdialog_file(.SAVE, dir_c, name_c, filters)
if result == nil { return "" }
defer free(rawptr(result))
return string(result)
}
open_folder_dialog :: proc(default_dir: string = "") -> string {
dir_c := alloc_cstr(default_dir)
defer free_cstr(dir_c)
result := osdialog_file(.OPEN_DIR, dir_c, nil, nil)
if result == nil { return "" }
defer free(rawptr(result))
return string(result)
}
show_message :: proc(level: Message_Level, buttons: Message_Buttons, message: string) -> bool {
msg_c := alloc_cstr(message)
defer free_cstr(msg_c)
result := osdialog_message(level, buttons, msg_c)
return result == 1
}
show_prompt :: proc(level: Message_Level, message: string, default_text: string = "") -> string {
msg_c := alloc_cstr(message)
defer free_cstr(msg_c)
text_c := alloc_cstr(default_text)
defer free_cstr(text_c)
result := osdialog_prompt(level, msg_c, text_c)
if result == nil { return "" }
defer free(rawptr(result))
return string(result)
}
pick_color :: proc(r, g, b: u8, a: u8 = 255) -> (Color, bool) {
color := Color{r, g, b, a}
ok := osdialog_color_picker(&color, 1)
return color, ok == 1
}

26
odin/tests/phase7_drag_integration.odin
View File

@ -122,30 +122,8 @@ integration_local_full_pipeline :: proc(t: ^testing.T) {
controller.state.story_genre = "action" controller.state.story_genre = "action"
controller.state.art_style = "manga" controller.state.art_style = "manga"
// Step 1: Generate local script // Skipped: requires DeepSeek + FAL API keys (local generation removed)
msg1 := gui.action_generate_local_script(&controller, 2) _ = t
testing.expect(t, strings.contains(msg1, "Generated"), fmt.tprintf("should generate script, got %q", msg1))
testing.expect(t, len(controller.state.script.pages) == 2, "should have 2 pages")
// Step 2: Generate local panels
msg2 := gui.action_generate_local_panels(&controller)
testing.expect(t, strings.contains(msg2, "Generated"), fmt.tprintf("should generate panels, got %q", msg2))
testing.expect(t, len(controller.state.panel_images) > 0, "should have panel images")
// Step 3: Auto layout
msg3 := gui.action_layout_auto(&controller)
testing.expect(t, strings.contains(msg3, "layout"), fmt.tprintf("should create layout, got %q", msg3))
testing.expect(t, len(controller.state.page_layouts) > 0, "should have page layouts")
// Step 4: Auto-place bubbles for first panel
if len(controller.state.page_layouts) > 0 {
layout := controller.state.page_layouts[0]
if len(layout.panels) > 0 {
panel_id := layout.panels[0].panel_id
msg4 := gui.action_auto_place_bubbles_for_panel(&controller, panel_id, layout)
testing.expect(t, strings.contains(msg4, "Auto-placed") || strings.contains(msg4, "No dialogue"), fmt.tprintf("should auto-place bubbles, got %q", msg4))
}
}
} }
@test @test

1
odin/vendor/osdialog vendored Submodule

@ -0,0 +1 @@
Subproject commit 64bc87ff445a09a4ebf5ac2ef69db1b1abb09089