makepad_widgets/

dock.rs

use std::collections::HashMap;
use crate::{
    makepad_micro_serde::*,
    makepad_derive_widget::*,
    widget::*,
    makepad_draw::*,
    splitter::{SplitterAction, Splitter, SplitterAlign, SplitterAxis},
    tab_bar::{TabBarAction, TabBar},
};

live_design!{
    link widgets;
    use link::theme::*;
    use link::widgets::*;
    use makepad_draw::shader::std::*;
    use crate::view_ui::RectShadowView;

    pub DrawRoundCorner = {{DrawRoundCorner}} {}
    pub DockBase = {{Dock}} {}
    pub Dock = <DockBase> {
        flow: Down,

        tab_bar: <TabBarGradientY> {}
        splitter: <Splitter> {}

        padding: {left: (THEME_DOCK_BORDER_SIZE), top: 0, right: (THEME_DOCK_BORDER_SIZE), bottom: (THEME_DOCK_BORDER_SIZE)}

        round_corner: {
            border_radius: 20.
            uniform color: (THEME_COLOR_BG_APP)
            fn pixel(self) -> vec4 {
                let pos = vec2(
                    mix(self.pos.x, 1.0 - self.pos.x, self.flip.x),
                    mix(self.pos.y, 1.0 - self.pos.y, self.flip.y)
                )

                let sdf = Sdf2d::viewport(pos * self.rect_size);
                sdf.rect(-10., -10., self.rect_size.x * 2.0, self.rect_size.y * 2.0);
                sdf.box(
                    0.25,
                    0.25,
                    self.rect_size.x * 2.0,
                    self.rect_size.y * 2.0,
                    4.0
                );

                sdf.subtract()

                sdf.fill(self.color)
                return sdf.result
            }
        }
        drag_target_preview: {
            draw_depth: 10.0
            color: (THEME_COLOR_DRAG_TARGET_PREVIEW)
        }
    }

    pub DockFlat = <DockBase> {
        flow: Down,

        tab_bar: <TabBarFlat> {}
        splitter: <Splitter> {}

        padding: {left: (THEME_DOCK_BORDER_SIZE), top: 0, right: (THEME_DOCK_BORDER_SIZE), bottom: (THEME_DOCK_BORDER_SIZE)}

        round_corner: {
            border_radius: 20.

            fn pixel(self) -> vec4 {
                let pos = vec2(
                    mix(self.pos.x, 1.0 - self.pos.x, self.flip.x),
                    mix(self.pos.y, 1.0 - self.pos.y, self.flip.y)
                )

                let sdf = Sdf2d::viewport(pos * self.rect_size);
                sdf.rect(-10., -10., self.rect_size.x * 2.0, self.rect_size.y * 2.0);
                sdf.box(
                    0.25,
                    0.25,
                    self.rect_size.x * 2.0,
                    self.rect_size.y * 2.0,
                    4.0
                );

                sdf.subtract()
                return sdf.fill(THEME_COLOR_BG_APP)
            }
        }

        drag_target_preview: {
            draw_depth: 10.0
            color: (THEME_COLOR_DRAG_TARGET_PREVIEW)
        }
    }

    pub DockToolbar = <RectShadowView> {
        width: Fill, height: 38.,
        flow: Down,
        align: { x: 0., y: 0. }
        margin: { top: -1. }
        padding: <THEME_MSPACE_2> {}
        spacing: 0.,

        draw_bg: {
            border_size: 0.0
            border_color: (THEME_COLOR_BEVEL_OUTSET_1)
            shadow_color: (THEME_COLOR_D_4)
            shadow_radius: 7.5
            shadow_offset: vec2(0.0, 0.0)
            color: (THEME_COLOR_FG_APP),
        }

        content = <View> {
            flow: Right,
            width: Fill, height: Fill,
            margin: 0.
            padding: 0.
            align: { x: 0., y: 0. }
            spacing: (THEME_SPACE_3)
        }
    }
}

#[derive(Live, LiveHook, LiveRegister)]
#[repr(C)]
pub struct DrawRoundCorner {
    #[deref] draw_super: DrawQuad,
    #[live] border_radius: f32,
    #[live] flip: Vec2,
}

impl DrawRoundCorner {
    fn draw_corners(&mut self, cx: &mut Cx2d, rect: Rect) {
        self.flip = vec2(0.0, 0.0);
        let rad = dvec2(self.border_radius as f64, self.border_radius as f64);
        let pos = rect.pos;
        let size = rect.size;
        self.draw_abs(cx, Rect {pos, size: rad});
        self.flip = vec2(1.0, 0.0);
        self.draw_abs(cx, Rect {pos: pos + dvec2(size.x - rad.x, 0.), size: rad});
        self.flip = vec2(1.0, 1.0);
        self.draw_abs(cx, Rect {pos: pos + dvec2(size.x - rad.x, size.y - rad.y), size: rad});
        self.flip = vec2(0.0, 1.0);
        self.draw_abs(cx, Rect {pos: pos + dvec2(0., size.y - rad.y), size: rad});
    }
}

#[derive(Live, LiveRegisterWidget, WidgetRef, WidgetSet)]
pub struct Dock {
    #[rust] draw_state: DrawStateWrap<Vec<DrawStackItem >>,
    #[walk] walk: Walk,
    #[layout] layout: Layout,
    #[live] drop_target_draw_list: DrawList2d,
    #[live] round_corner: DrawRoundCorner,
    #[live] drag_target_preview: DrawColor,

    #[live] tab_bar: Option<LivePtr>,
    #[live] splitter: Option<LivePtr>,

    #[rust] needs_save: bool,
    #[rust] area: Area,

    #[rust] tab_bars: ComponentMap<LiveId, TabBarWrap>,
    #[rust] splitters: ComponentMap<LiveId, Splitter>,

    #[rust] dock_items: HashMap<LiveId, DockItem>,
    #[rust] templates: HashMap<LiveId, LivePtr>,
    #[rust] items: ComponentMap<LiveId, (LiveId, WidgetRef)>,
    #[rust] drop_state: Option<DropPosition>,
    #[rust] dock_item_iter_stack: Vec<(LiveId, usize)>,
}

impl WidgetNode for Dock{
    fn walk(&mut self, _cx:&mut Cx) -> Walk{
        self.walk
    }
    fn area(&self)->Area{self.area}

    fn redraw(&mut self, cx: &mut Cx){
        self.area.redraw(cx)
    }

    fn find_widgets(&self, path: &[LiveId], cached: WidgetCache, results: &mut WidgetSet) {
        if let Some((_, widget)) = self.items.get(&path[0]) {
            if path.len()>1 {
                widget.find_widgets(&path[1..], cached, results);
            }
            else {
                results.push(widget.clone());
            }
        }
        else {
            for (_, widget) in self.items.values() {
                widget.find_widgets(path, cached, results);
            }
        }
    }
    fn uid_to_widget(&self, uid:WidgetUid)->WidgetRef{
        for (_, widget) in self.items.values() {
            let x = widget.uid_to_widget(uid);
            if !x.is_empty(){return x}
        }
        WidgetRef::empty()
    }
}

pub struct DockVisibleItemIterator<'a> {
    stack: &'a mut Vec<(LiveId, usize)>,
    dock_items: &'a HashMap<LiveId, DockItem>,
    items: &'a ComponentMap<LiveId, (LiveId, WidgetRef)>,
}

impl<'a> Iterator for DockVisibleItemIterator<'a> {
    // We can refer to this type using Self::Item
    type Item = (LiveId, WidgetRef);
    fn next(&mut self) -> Option<Self::Item> {
        // alright so lets fetch the item on the top of the stack
        while let Some((item_id, index)) = self.stack.pop() {
            if let Some(dock_item) = self.dock_items.get(&item_id) {
                match dock_item {
                    DockItem::Splitter {a, b, ..} => {
                        if index == 0 {
                            self.stack.push((item_id, 1));
                            self.stack.push((*a, 0));
                        }
                        else {
                            self.stack.push((*b, 0));
                        }
                    }
                    DockItem::Tabs {tabs, selected, ..} => {
                        if let Some(tab_id) = tabs.get(*selected) {
                            self.stack.push((*tab_id, 0));
                        }
                    }
                    DockItem::Tab {..} => {
                        if let Some((_, widget)) = self.items.get(&item_id) {
                            return Some((item_id, widget.clone()))
                        }
                    }
                }
            }
        }
        None
    }
}

struct TabBarWrap {
    tab_bar: TabBar,
    contents_draw_list: DrawList2d,
    contents_rect: Rect
}

#[derive(Copy, Debug, Clone)]
enum DrawStackItem {
    Invalid,
    SplitLeft {id: LiveId},
    SplitRight {id: LiveId},
    SplitEnd {id: LiveId},
    Tabs {id: LiveId},
    TabLabel {id: LiveId, index: usize},
    Tab {id: LiveId},
    TabContent {id: LiveId}
}

impl DrawStackItem {
    fn from_dock_item(id: LiveId, dock_item: Option<&DockItem>) -> Self {
        match dock_item {
            None => DrawStackItem::Invalid,
            Some(DockItem::Splitter {..}) => {
                DrawStackItem::SplitLeft {id}
            }
            Some(DockItem::Tabs {..}) => {
                DrawStackItem::Tabs {id}
            }
            Some(DockItem::Tab {..}) => {
                DrawStackItem::Tab {id}
            }
        }
    }
}

#[derive(Clone, Debug, DefaultNone)]
pub enum DockAction {
    SplitPanelChanged {panel_id: LiveId, axis: SplitterAxis, align: SplitterAlign},
    TabWasPressed(LiveId),
    TabCloseWasPressed(LiveId),
    ShouldTabStartDrag(LiveId),
    Drag(DragHitEvent),
    Drop(DropHitEvent),
    None
}


#[derive(Clone, Copy, Debug, PartialEq)]
pub struct DropPosition {
    part: DropPart,
    rect: Rect,
    id: LiveId
}

#[derive(Clone, Copy, Debug, PartialEq)]
pub enum DropPart {
    Left,
    Right,
    Top,
    Bottom,
    Center,
    TabBar,
    Tab
}

#[derive(Clone, Debug, Live, LiveHook, SerRon, DeRon)]
#[live_ignore]
pub enum DockItem {
    #[live {axis: SplitterAxis::Vertical, align: SplitterAlign::Weighted(0.5), a: LiveId(0), b: LiveId(0)}]
    Splitter {
        axis: SplitterAxis,
        align: SplitterAlign,
        a: LiveId,
        b: LiveId
    },
    #[live {tabs: vec![], selected: 0, closable: true}]
    Tabs {
        tabs: Vec<LiveId>,
        selected: usize,
        closable: bool
    },
    #[pick {name: "Tab".to_string(), kind: LiveId(0), template: live_id!(PermanentTab)}]
    Tab {
        name: String,
        template: LiveId,
        kind: LiveId
    }
}



impl LiveHook for Dock {
    fn apply_value_instance(&mut self, cx: &mut Cx, apply: &mut Apply, index: usize, nodes: &[LiveNode]) -> usize {
        let id = nodes[index].id;
        match apply.from {
            ApplyFrom::NewFromDoc {file_id} | ApplyFrom::UpdateFromDoc {file_id,..} => {
                if nodes[index].origin.has_prop_type(LivePropType::Instance) {
                    if nodes[index].value.is_enum() {
                        // only do this in newfromdoc
                        if apply.from.is_new_from_doc(){
                            let mut dock_item = DockItem::new(cx);
                            let index = dock_item.apply(cx, apply, index, nodes);
                            self.dock_items.insert(id, dock_item);
                            return index;
                        }
                        else{
                            return nodes.skip_node(index)
                        }
                    }
                    else {
                        let live_ptr = cx.live_registry.borrow().file_id_index_to_live_ptr(file_id, index);
                        self.templates.insert(id, live_ptr);
                        // lets apply this thing over all our childnodes with that template
                        for (kind, node) in self.items.values_mut() {
                            if *kind == id {
                                node.apply(cx, apply, index, nodes);
                            }
                        }
                    }
                }
                else {
                    cx.apply_error_no_matching_field(live_error_origin!(), index, nodes);
                }
            }
            _ => ()
        }
        nodes.skip_node(index)
    }

    // alright lets update our tabs and splitters as well
    fn after_apply(&mut self, cx: &mut Cx, apply: &mut Apply, index: usize, nodes: &[LiveNode]) {
        if let Some(index) = nodes.child_by_name(index, live_id!(tab_bar).as_field()) {
            for tab_bar in self.tab_bars.values_mut() {
                tab_bar.tab_bar.apply(cx, apply, index, nodes);
            }
        }
        if let Some(index) = nodes.child_by_name(index, live_id!(splitter).as_field()) {
            for splitter in self.splitters.values_mut() {
                splitter.apply(cx, apply, index, nodes);
            }
        }
    }

    fn after_new_from_doc(&mut self, cx: &mut Cx) {
        self.create_all_items(cx);
    }
}

impl Dock {
    pub fn unique_id(&self, base:u64)->LiveId{
        let mut id = LiveId(base);
        let mut i = 0u32;
        while self.dock_items.get(&id).is_some(){
            id = id.bytes_append(&i.to_be_bytes());
            i += 1;
        }
        return id;
    }
    
    fn create_all_items(&mut self, cx: &mut Cx) {
        // make sure our items exist
        let mut items = Vec::new();
        for (item_id, item) in self.dock_items.iter() {
            if let DockItem::Tab {kind, ..} = item {
                items.push((*item_id, *kind));
            }
        }
        for (item_id, kind) in items {
            self.item_or_create(cx, item_id, kind);
        }
    }

    fn begin(&mut self, cx: &mut Cx2d, walk: Walk) {
        cx.begin_turtle(walk, self.layout);
        //self.drop_zones.clear();
    }

    fn end(&mut self, cx: &mut Cx2d) {

        if self.drop_target_draw_list.begin(cx, Walk::default()).is_redrawing() {
            if let Some(pos) = &self.drop_state {
                self.drag_target_preview.draw_abs(cx, pos.rect);
            }
            self.drop_target_draw_list.end(cx);
        }

        self.tab_bars.retain_visible();
        self.splitters.retain_visible();

        // lets draw the corners here
        for splitter in self.splitters.values() {
            self.round_corner.draw_corners(cx, splitter.area_a().rect(cx));
            self.round_corner.draw_corners(cx, splitter.area_b().rect(cx));
        }
        self.round_corner.draw_corners(cx, cx.turtle().rect());

        cx.end_turtle_with_area(&mut self.area);
    }

    fn find_drop_position(&self, cx: &Cx, abs: DVec2) -> Option<DropPosition> {
        for (tab_bar_id, tab_bar) in self.tab_bars.iter() {
            let rect = tab_bar.contents_rect;
            if let Some((tab_id, rect)) = tab_bar.tab_bar.is_over_tab(cx, abs) {
                return Some(DropPosition {
                    part: DropPart::Tab,
                    id: tab_id,
                    rect
                })
            }
            else if let Some(rect) = tab_bar.tab_bar.is_over_tab_bar(cx, abs) {
                return Some(DropPosition {
                    part: DropPart::TabBar,
                    id: *tab_bar_id,
                    rect
                })
            }
            else if rect.contains(abs) {
                let top_left = rect.pos;
                let bottom_right = rect.pos + rect.size;
                if (abs.x - top_left.x) / rect.size.x < 0.1 {
                    return Some(DropPosition {
                        part: DropPart::Left,
                        id: *tab_bar_id,
                        rect: Rect {
                            pos: rect.pos,
                            size: DVec2 {
                                x: rect.size.x / 2.0,
                                y: rect.size.y,
                            },
                        }
                    })
                } else if (bottom_right.x - abs.x) / rect.size.x < 0.1 {
                    return Some(DropPosition {
                        part: DropPart::Right,
                        id: *tab_bar_id,
                        rect: Rect {
                            pos: DVec2 {
                                x: rect.pos.x + rect.size.x / 2.0,
                                y: rect.pos.y,
                            },
                            size: DVec2 {
                                x: rect.size.x / 2.0,
                                y: rect.size.y,
                            },
                        }
                    })
                } else if (abs.y - top_left.y) / rect.size.y < 0.1 {
                    return Some(DropPosition {
                        part: DropPart::Top,
                        id: *tab_bar_id,
                        rect: Rect {
                            pos: rect.pos,
                            size: DVec2 {
                                x: rect.size.x,
                                y: rect.size.y / 2.0,
                            },
                        }
                    })
                } else if (bottom_right.y - abs.y) / rect.size.y < 0.1 {
                    return Some(DropPosition {
                        part: DropPart::Bottom,
                        id: *tab_bar_id,
                        rect: Rect {
                            pos: DVec2 {
                                x: rect.pos.x,
                                y: rect.pos.y + rect.size.y / 2.0,
                            },
                            size: DVec2 {
                                x: rect.size.x,
                                y: rect.size.y / 2.0,
                            },
                        }
                    })
                } else {
                    return Some(DropPosition {
                        part: DropPart::Center,
                        id: *tab_bar_id,
                        rect
                    })
                }
            }
        }
        None
    }

    pub fn item(&mut self, entry_id: LiveId) -> Option<WidgetRef> {
        if let Some(entry) = self.items.get(&entry_id) {
            return Some(entry.1.clone())
        }
        None
    }

    pub fn item_or_create(&mut self, cx: &mut Cx, entry_id: LiveId, template: LiveId) -> Option<WidgetRef> {
        if let Some(ptr) = self.templates.get(&template) {
            let entry = self.items.get_or_insert(cx, entry_id, | cx | {
                (template, WidgetRef::new_from_ptr(cx, Some(*ptr)))
            });
            Some(entry.1.clone())
        }
        else {
            warning!("Template not found: {template}. Did you add it to the <Dock> instance in `live_design!{{}}`?");
            None
        }
    }

    pub fn items(&mut self) -> &ComponentMap<LiveId, (LiveId, WidgetRef)> {
        &self.items
    }

    pub fn visible_items(&mut self) -> DockVisibleItemIterator {
        self.dock_item_iter_stack.clear();
        self.dock_item_iter_stack.push((live_id!(root), 0));
        DockVisibleItemIterator {
            stack: &mut self.dock_item_iter_stack,
            dock_items: &self.dock_items,
            items: &self.items
        }
    }

    fn set_parent_split(&mut self, what_item: LiveId, replace_item: LiveId) {
        for item in self.dock_items.values_mut() {
            match item {
                DockItem::Splitter {a, b, ..} => {
                    if what_item == *a {
                        *a = replace_item;
                        return
                    }
                    else if what_item == *b {
                        *b = replace_item;
                        return
                    }
                }
                _ => ()
            }
        }
    }

    fn redraw_item(&mut self, cx: &mut Cx, what_item_id: LiveId) {
        if let Some(tab_bar) = self.tab_bars.get_mut(&what_item_id) {
            tab_bar.contents_draw_list.redraw(cx);
        }
        for (item_id, (_kind, item)) in self.items.iter_mut() {
            if *item_id == what_item_id {
                item.redraw(cx);
            }
        }
    }

    fn unsplit_tabs(&mut self, cx: &mut Cx, tabs_id: LiveId) {
        self.needs_save = true;
        for (splitter_id, item) in self.dock_items.iter_mut() {
            match *item {
                DockItem::Splitter {a, b, ..} => {
                    let splitter_id = *splitter_id;
                    if tabs_id == a {
                        self.set_parent_split(splitter_id, b);
                        self.dock_items.remove(&splitter_id);
                        self.dock_items.remove(&tabs_id);
                        self.redraw_item(cx, b);
                        return
                    }
                    else if tabs_id == b {
                        self.set_parent_split(splitter_id, a);
                        self.dock_items.remove(&splitter_id);
                        self.dock_items.remove(&tabs_id);
                        self.redraw_item(cx, a);
                        return
                    }
                }
                _ => ()
            }
        }
    }

    fn select_tab(&mut self, cx: &mut Cx, tab_id: LiveId) {
        self.needs_save = true;
        for (tabs_id, item) in self.dock_items.iter_mut() {
            match item {
                DockItem::Tabs {tabs, selected, ..} => if let Some(pos) = tabs.iter().position( | v | *v == tab_id) {
                    *selected = pos;
                    // ok now lets redraw the area of the tab
                    if let Some(tab_bar) = self.tab_bars.get(&tabs_id) {
                        tab_bar.contents_draw_list.redraw(cx);
                    }
                }
                _ => ()
            }
        }
    }

    fn set_tab_title(&mut self, cx: &mut Cx, tab_id: LiveId, new_name:String) {
        self.needs_save = true;
        if let Some(DockItem::Tab{name, ..}) = self.dock_items.get_mut(&tab_id){
            *name = new_name;
            self.redraw_tab(cx, tab_id);
        }
    }

    fn redraw_tab(&mut self, cx: &mut Cx, tab_id: LiveId) {
        for (tabs_id, item) in self.dock_items.iter_mut() {
            match item {
                DockItem::Tabs {tabs, ..} => if let Some(_) = tabs.iter().position( | v | *v == tab_id) {
                    if let Some(tab_bar) = self.tab_bars.get(&tabs_id) {
                        tab_bar.contents_draw_list.redraw(cx);
                    }
                }
                _ => ()
            }
        }
    }

    fn find_tab_bar_of_tab(&mut self, tab_id: LiveId) -> Option<(LiveId, usize)> {
        for (tabs_id, item) in self.dock_items.iter_mut() {
            match item {
                DockItem::Tabs {tabs, ..} => if let Some(pos) = tabs.iter().position( | v | *v == tab_id) {
                    return Some((*tabs_id, pos))
                }
                _ => ()
            }
        }
        None
    }

    fn close_tab(&mut self, cx: &mut Cx, tab_id: LiveId, keep_item: bool) -> Option<LiveId> {
        self.needs_save = true;
        // ok so we have to find the tab id in our tab bars / tabs and remove it
        // if we are the last tab we need to remove a splitter
        for (tabs_id, item) in self.dock_items.iter_mut() {
            match item {
                DockItem::Tabs {tabs, selected, closable} => if let Some(pos) = tabs.iter().position( | v | *v == tab_id) {
                    // remove from the tabs array
                    let tabs_id = *tabs_id;
                    tabs.remove(pos);
                    if tabs.len() == 0 { // unsplit
                        if *closable {
                            self.unsplit_tabs(cx, tabs_id);
                        }
                        if !keep_item {
                            self.dock_items.remove(&tab_id);
                            self.items.remove(&tab_id);
                        }
                        self.area.redraw(cx);
                        return None
                    }
                    else {
                        let next_tab = if *selected >= tabs.len() {tabs[*selected - 1]} else {tabs[*selected]};
                        self.select_tab(cx, next_tab);
                        if !keep_item {
                            self.dock_items.remove(&tab_id);
                            self.items.remove(&tab_id);
                        }
                        self.area.redraw(cx);
                        return Some(tabs_id)
                    }
                }
                _ => ()
            }
        }
        None
    }

    fn check_drop_is_noop(&mut self, tab_id: LiveId, item_id: LiveId) -> bool {
        // ok so we have to find the tab id in our tab bars / tabs and remove it
        // if we are the last tab we need to remove a splitter
        for (tabs_id, item) in self.dock_items.iter_mut() {
            match item {
                DockItem::Tabs {tabs, ..} => if let Some(_) = tabs.iter().position( | v | *v == tab_id) {
                    if *tabs_id == item_id && tabs.len() == 1 {
                        return true
                    }
                }
                _ => ()
            }
        }
        false
    }

    fn handle_drop(&mut self, cx: &mut Cx, abs: DVec2, item: LiveId, is_move: bool) -> bool {
        if let Some(pos) = self.find_drop_position(cx, abs) {
            self.needs_save = true;
            // ok now what
            // we have a pos
            match pos.part {
                DropPart::Left | DropPart::Right | DropPart::Top | DropPart::Bottom => {
                    if is_move {
                        if self.check_drop_is_noop(item, pos.id) {
                            return false
                        }
                        self.close_tab(cx, item, true);
                    }
                    let new_tabs = self.unique_id(self.dock_items.len() as u64);
                    self.dock_items.insert(new_tabs, DockItem::Tabs {
                        tabs: vec![item],
                        closable: true,
                        selected: 0,
                    });
                    let new_split = self.unique_id(self.dock_items.len() as u64);
                    self.set_parent_split(pos.id, new_split);
                    self.dock_items.insert(new_split, match pos.part {
                        DropPart::Left => DockItem::Splitter {
                            axis: SplitterAxis::Horizontal,
                            align: SplitterAlign::Weighted(0.5),
                            a: new_tabs,
                            b: pos.id,
                        },
                        DropPart::Right => DockItem::Splitter {
                            axis: SplitterAxis::Horizontal,
                            align: SplitterAlign::Weighted(0.5),
                            a: pos.id,
                            b: new_tabs
                        },
                        DropPart::Top => DockItem::Splitter {
                            axis: SplitterAxis::Vertical,
                            align: SplitterAlign::Weighted(0.5),
                            a: new_tabs,
                            b: pos.id,
                        },
                        DropPart::Bottom => DockItem::Splitter {
                            axis: SplitterAxis::Vertical,
                            align: SplitterAlign::Weighted(0.5),
                            a: pos.id,
                            b: new_tabs,
                        },
                        _ => panic!()
                    });
                    
                    return true
                }
                DropPart::Center => {
                    if is_move {
                        if self.check_drop_is_noop(item, pos.id) {
                            return false
                        }
                        self.close_tab(cx, item, true);
                    }
                    if let Some(DockItem::Tabs {tabs, selected, ..}) = self.dock_items.get_mut(&pos.id) {
                        tabs.push(item);
                        *selected = tabs.len() - 1;
                        if let Some(tab_bar) = self.tab_bars.get(&pos.id) {
                            tab_bar.contents_draw_list.redraw(cx);
                        }
                    }
                    return true
                }
                DropPart::TabBar => {
                    if is_move {
                        if self.check_drop_is_noop(item, pos.id) {
                            return false
                        }
                        self.close_tab(cx, item, true);
                    }
                    if let Some(DockItem::Tabs {tabs, selected, ..}) = self.dock_items.get_mut(&pos.id) {
                        tabs.push(item);
                        *selected = tabs.len() - 1;
                        if let Some(tab_bar) = self.tab_bars.get(&pos.id) {
                            tab_bar.contents_draw_list.redraw(cx);
                        }
                    }
                    return true
                }
                // insert the tab
                DropPart::Tab => {
                    if is_move {
                        if pos.id == item {
                            return false
                        }
                        self.close_tab(cx, item, true);
                    }
                    let (tab_bar_id, pos) = self.find_tab_bar_of_tab(pos.id).unwrap();
                    if let Some(DockItem::Tabs {tabs, selected, ..}) = self.dock_items.get_mut(&tab_bar_id) {
                        //if let Some(pos) = tabs.iter().position( | v | *v == pos.id) {
                            let old = tabs[pos];
                            tabs[pos] = item;
                            tabs.push(old);
                            *selected = pos;
                            if let Some(tab_bar) = self.tab_bars.get(&tab_bar_id) {
                                tab_bar.contents_draw_list.redraw(cx);
                            }
                        //}
                    }
                    return true
                }
            }
        }
        false
    }

    fn drop_create(&mut self, cx: &mut Cx, abs: DVec2, item: LiveId, kind: LiveId, name: String, template:LiveId) {
        // lets add a tab
        if self.handle_drop(cx, abs, item, false) {
            self.needs_save = true;
            self.dock_items.insert(item, DockItem::Tab {
                name,
                template,
                kind
            });
            self.item_or_create(cx, item, kind);
            self.select_tab(cx, item);
            self.area.redraw(cx);
        }
    }

    fn drop_clone(&mut self, cx: &mut Cx, abs: DVec2, item: LiveId, new_item: LiveId, template:LiveId) {
        // lets add a tab
        if let Some(DockItem::Tab {name, kind, ..}) = self.dock_items.get(&item) {
            let name = name.clone();
            let kind = kind.clone();
            if self.handle_drop(cx, abs, new_item, false) {
                self.needs_save = true;
                self.dock_items.insert(new_item, DockItem::Tab {
                    name,
                    template,
                    kind
                });
                self.item_or_create(cx, new_item, kind);
                self.select_tab(cx, new_item);
            }
        }
    }

    fn create_and_select_tab(&mut self, cx: &mut Cx, parent: LiveId, item: LiveId, kind: LiveId, name: String, template:LiveId, insert_after:Option<usize>)->Option<WidgetRef> {
        if let Some(widgetref) = self.items.get(&item).map(|(_, w)| w.clone()) {
            self.select_tab(cx, item);
            Some(widgetref)
        }
        else {
            let ret =self.create_tab(cx, parent, item, kind, name, template, insert_after);
            self.select_tab(cx, item);
            ret
        }
    }

    fn create_tab(&mut self, cx: &mut Cx, parent: LiveId, item: LiveId, kind: LiveId, name: String, template:LiveId, insert_after:Option<usize>)->Option<WidgetRef> {
        if let Some(DockItem::Tabs {tabs, ..}) = self.dock_items.get_mut(&parent) {
            if let Some(after) = insert_after{
                tabs.insert(after+1, item);
            }
            else{
                tabs.push(item);
            }
            self.needs_save = true;
            self.dock_items.insert(item, DockItem::Tab {
                name,
                template,
                kind
            });
            self.item_or_create(cx, item, kind)
        }
        else{
            None
        }
    }

    /// Performs an in-place replacement of the inner widget (within an existing tab)
    /// with a completely new widget of a different kind.
    /// The type of the tab itself is not changed, but the widget inside of it is.
    ///
    /// Optionally, you can give the tab a new name and select it.
    ///
    /// ## Arguments
    /// * `cx`: A mutable reference to the Cx context.
    /// * `tab_item_id`: The ID of the tab to be replaced.
    /// * `new_kind`: The new widget that should be shown inside of the tab.
    /// * `new_name`: An optional new name for the tab.
    /// * `select`: A boolean indicating whether to select the new tab after replacement.
    ///   If `false`, the tab will be not be explicitly selected, but of course
    ///   if it was already selected, it will remain selected.
    ///
    /// ## Return
    /// * Returns `None` if the `tab_item_id` does not exist in the dock
    ///   or if the `new_kind` template was not listed in the Dock's live DSL.
    /// * Returns `Some((new_widget, true))` if the existing tab's inner widget
    ///   was successfully replaced with the new one.
    ///   * Returns `Some((existing_widget, false))`` if the `new_kind` is the same
    ///     as existing tab's inner widget kind, meaning that no replacement occurred.
    fn replace_tab(
        &mut self,
        cx: &mut Cx,
        tab_item_id: LiveId,
        new_kind: LiveId,
        new_name: Option<String>,
        select: bool,
    ) -> Option<(WidgetRef, bool)> {
        // Check that the tab item ID already exists in the dock items.
        let Some(DockItem::Tab { name, template: _, kind }) = self.dock_items.get_mut(&tab_item_id) else {
            return None;
        };
        // Before modifying the existing tab, ensure that the `new_kind` template exists
        // and that we can instantiate a new widget from it.
        if let Some(ptr) = self.templates.get(&new_kind) {
            let Some((existing_kind, existing_widgetref)) = self.items.get_mut(&tab_item_id) else {
                return None;
            };
            // If the existing tab had the same inner widget kind,
            // then no changes are needed and we can just reuse it.
            let (new_widgetref, was_replaced) = if *existing_kind == new_kind {
                (existing_widgetref.clone(), false)
            } else {
                // If the existing tab had a different inner widget kind,
                // we need to replace it with the new one
                // and update both the `items` and `dock_items` entries.
                *existing_kind = new_kind;
                *existing_widgetref = WidgetRef::new_from_ptr(cx, Some(*ptr));
                *kind = new_kind;
                (existing_widgetref.clone(), true)
            };

            // Optionally update the tab's name and select it.
            if let Some(new_name) = new_name {
                *name = new_name;
            }
            if select {
                self.select_tab(cx, tab_item_id);
            }
            self.needs_save = true;
            self.redraw_tab(cx, tab_item_id);
            Some((new_widgetref, was_replaced))
        }
        else {
            warning!("Template not found: {new_kind}. Did you add it to the <Dock> instance in `live_design!{{}}`?");
            None
        }
    }

    pub fn drawing_item_id(&self) -> Option<LiveId> {
        if let Some(stack) = self.draw_state.as_ref() {
            match stack.last() {
                Some(DrawStackItem::Tab {id}) => {
                    return Some(*id)
                }
                _ => ()
            }
        }
        None
    }

    pub fn load_state(&mut self, cx: &mut Cx, dock_items: HashMap<LiveId, DockItem>,) {
        // NOTE if you have a collision problem
        // Don't use LiveId::unique() as they are only unique when you run it.
        // Use dock.unique_tab_id(somerandombase) instead
        self.dock_items = dock_items;
        self.items.clear();
        self.tab_bars.clear();
        self.splitters.clear();
        self.area.redraw(cx);
        self.create_all_items(cx);
    }
}


impl Widget for Dock {

    fn handle_event(&mut self, cx: &mut Cx, event: &Event, scope:&mut Scope) {
        // call handle on all tab bars, splitters,
        let uid = self.widget_uid();
        let dock_items = &mut self.dock_items;
        for (panel_id, splitter) in self.splitters.iter_mut() {
            for action in cx.capture_actions(|cx| splitter.handle_event(cx, event, scope)) {
                // alright so here we need to redraw the left/right area.. how?

                match action.as_widget_action().cast() {
                    SplitterAction::Changed {axis, align} => {
                        // lets move the splitter
                        if let Some(DockItem::Splitter {axis: _axis, align: _align, ..}) = dock_items.get_mut(&panel_id) {
                            *_axis = axis;
                            *_align = align;
                        }
                        self.needs_save = true;
                        cx.widget_action(uid, &scope.path, DockAction::SplitPanelChanged {panel_id: *panel_id, axis, align});
                    },
                    _ => ()
                }
            };
        }
        for (panel_id, tab_bar) in self.tab_bars.iter_mut() {
            let contents_view = &mut tab_bar.contents_draw_list;
            for action in cx.capture_actions(|cx| tab_bar.tab_bar.handle_event(cx, event, scope)) {
                match action.as_widget_action().cast() {
                    TabBarAction::ShouldTabStartDrag(item) => cx.widget_action(uid, &scope.path, DockAction::ShouldTabStartDrag(item)),
                    TabBarAction::TabWasPressed(tab_id) => {
                        self.needs_save = true;
                        if let Some(DockItem::Tabs {tabs, selected, ..}) = dock_items.get_mut(&panel_id) {
                            if let Some(sel) = tabs.iter().position( | v | *v == tab_id) {
                                *selected = sel;
                                contents_view.redraw(cx);
                                cx.widget_action(uid, &scope.path, DockAction::TabWasPressed(tab_id))
                            }
                            else {
                                log!("Cannot find tab {}", tab_id.0);
                            }
                        }
                    }
                    TabBarAction::TabCloseWasPressed(tab_id) => {
                        cx.widget_action(uid, &scope.path, DockAction::TabCloseWasPressed(tab_id));
                        self.needs_save = true;
                    }
                    TabBarAction::None=>()
                }
            };
        }
        if event.requires_visibility(){
            for (id, item) in self.visible_items(){
                scope.with_id(id, |scope|{
                    item.handle_event(cx, event, scope);
                });
            }
        }
        else{
            for (id,(_templ_id, item)) in self.items.iter_mut() {
                scope.with_id(*id, |scope|{
                item.handle_event(cx, event, scope);
                });
            }
        }
    
        if let Event::DragEnd = event {
            // end our possible dragstate
            self.drop_state = None;
            self.drop_target_draw_list.redraw(cx);
        }

        // alright lets manage the drag areas
        match event.drag_hits(cx, self.area) {
            DragHit::Drag(f) => {
                self.drop_state = None;
                self.drop_target_draw_list.redraw(cx);
                match f.state {
                    DragState::In | DragState::Over => {
                        cx.widget_action(uid, &scope.path, DockAction::Drag(f.clone()))
                    }
                    DragState::Out => {}
                }
            }
            DragHit::Drop(f) => {
                self.needs_save = true;
                self.drop_state = None;
                self.drop_target_draw_list.redraw(cx);
                cx.widget_action(uid, &scope.path, DockAction::Drop(f.clone()))
            }
            _ => {}
        }
    }

    fn draw_walk(&mut self, cx: &mut Cx2d, scope:&mut Scope, walk: Walk) -> DrawStep {
        if self.draw_state.begin_with(cx, &self.dock_items, | _, dock_items | {
            let id = live_id!(root);
            vec![DrawStackItem::from_dock_item(id, dock_items.get(&id))]
        }) {
            self.begin(cx, walk);
        }

        while let Some(stack) = self.draw_state.as_mut() {
            match stack.pop() {
                Some(DrawStackItem::SplitLeft {id}) => {
                    stack.push(DrawStackItem::SplitRight {id});
                    // top becomes splitleft
                    let splitter = self.splitter;
                    let splitter = self.splitters.get_or_insert(cx, id, | cx | {
                        Splitter::new_from_ptr(cx, splitter)
                    });
                    if let Some(DockItem::Splitter {axis, align, a, ..}) = self.dock_items.get(&id) {
                        splitter.set_axis(*axis);
                        splitter.set_align(*align);
                        splitter.begin(cx, Walk::default());
                        stack.push(DrawStackItem::from_dock_item(*a, self.dock_items.get(&a)));
                        continue;
                    }
                    else {panic!()}
                }
                Some(DrawStackItem::SplitRight {id}) => {
                    // lets create the 4 split dropzones of this splitter
                    stack.push(DrawStackItem::SplitEnd {id});
                    let splitter = self.splitters.get_mut(&id).unwrap();
                    splitter.middle(cx);
                    if let Some(DockItem::Splitter {b, ..}) = self.dock_items.get(&id) {
                        stack.push(DrawStackItem::from_dock_item(*b, self.dock_items.get(&b)));
                        continue;
                    }
                    else {panic!()}
                }
                Some(DrawStackItem::SplitEnd {id}) => {
                    // 4 more dropzones
                    let splitter = self.splitters.get_mut(&id).unwrap();
                    splitter.end(cx);
                }
                Some(DrawStackItem::Tabs {id}) => {
                    if let Some(DockItem::Tabs {selected, ..}) = self.dock_items.get(&id) {
                        // lets draw the tabs
                        let tab_bar = self.tab_bar;
                        let tab_bar = self.tab_bars.get_or_insert(cx, id, | cx | {
                            TabBarWrap {
                                tab_bar: TabBar::new_from_ptr(cx, tab_bar),
                                contents_draw_list: DrawList2d::new(cx),
                                contents_rect: Rect::default(),
                                //full_rect: Rect::default(),
                            }
                        });
                        let walk = tab_bar.tab_bar.walk(cx);
                        tab_bar.tab_bar.begin(cx, Some(*selected), walk);
                        stack.push(DrawStackItem::TabLabel {id, index: 0});
                    }
                    else {panic!()}
                }
                Some(DrawStackItem::TabLabel {id, index}) => {
                    if let Some(DockItem::Tabs {tabs, selected, ..}) = self.dock_items.get(&id) {
                        let tab_bar = self.tab_bars.get_mut(&id).unwrap();
                        if index < tabs.len() {
                            if let Some(DockItem::Tab {name, template, ..}) = self.dock_items.get(&tabs[index]) {
                                tab_bar.tab_bar.draw_tab(cx, tabs[index].into(), name, *template);
                            }
                            stack.push(DrawStackItem::TabLabel {id, index: index + 1});
                        }
                        else {
                            tab_bar.tab_bar.end(cx);
                            tab_bar.contents_rect = cx.turtle().rect();
                            if tabs.len()>0 && tab_bar.contents_draw_list.begin(cx, Walk::default()).is_redrawing() {
                                stack.push(DrawStackItem::TabContent {id});
                                if *selected < tabs.len() {
                                    stack.push(DrawStackItem::Tab {id: tabs[*selected]});
                                }
                            }
                        }
                    }
                    else {panic!()}
                }
                Some(DrawStackItem::Tab {id}) => {
                    stack.push(DrawStackItem::Tab {id});
                    if let Some(DockItem::Tab {kind, ..}) = self.dock_items.get(&id) {
                        if let Some(ptr) = self.templates.get(&kind) {
                            let (_, entry) = self.items.get_or_insert(cx, id, | cx | {
                                (*kind, WidgetRef::new_from_ptr(cx, Some(*ptr)))
                            });
                            scope.with_id(id, |scope|{
                                entry.draw(cx, scope)
                            })?;
                        }
                    }
                    stack.pop();
                }
                Some(DrawStackItem::TabContent {id}) => {
                    if let Some(DockItem::Tabs {..}) = self.dock_items.get(&id) {
                        let tab_bar = self.tab_bars.get_mut(&id).unwrap();
                        // lets create the full dropzone for this contentview

                        tab_bar.contents_draw_list.end(cx);
                    }
                    else {panic!()}
                }
                Some(DrawStackItem::Invalid) => {}
                None => {
                    break
                }
            }
        }

        self.end(cx);
        self.draw_state.end();

        DrawStep::done()
    }
}

impl DockRef {
    pub fn item(&self, entry_id: LiveId) -> WidgetRef {
        if let Some(mut dock) = self.borrow_mut() {
            if let Some(item) = dock.item(entry_id) {
                return item
            }
        }
        WidgetRef::empty()
    }

    pub fn item_or_create(&self, cx: &mut Cx, entry_id: LiveId, template: LiveId) -> Option<WidgetRef> {
        if let Some(mut dock) = self.borrow_mut() {
            return dock.item_or_create(cx, entry_id, template);
        }
        None
    }

    pub fn close_tab(&self, cx: &mut Cx, tab_id: LiveId) {
        if let Some(mut dock) = self.borrow_mut() {
            dock.close_tab(cx, tab_id, false);
        }
    }

    // user wants to drag, set dh accordingly
    pub fn accept_drag(&self, cx: &mut Cx, dh: DragHitEvent, dr: DragResponse) {
        if let Some(mut dock) = self.borrow_mut() {
            if let Some(pos) = dock.find_drop_position(cx, dh.abs) {
                *dh.response.lock().unwrap() = dr;
                dock.drop_state = Some(pos);
            }
            else {
                dock.drop_state = None;
            }
        }
    }

    pub fn drawing_item_id(&self) -> Option<LiveId> {
        if let Some(dock) = self.borrow() {
            return dock.drawing_item_id();
        }
        None
    }

    pub fn drop_clone(&self, cx: &mut Cx, abs: DVec2, old_item: LiveId, new_item: LiveId, template:LiveId) {
        if let Some(mut dock) = self.borrow_mut() {
            dock.drop_clone(cx, abs, old_item, new_item, template);
        }
    }

    pub fn drop_move(&self, cx: &mut Cx, abs: DVec2, item: LiveId) {
        if let Some(mut dock) = self.borrow_mut() {
            dock.handle_drop(cx, abs, item, true);
        }
    }

    pub fn drop_create(&self, cx: &mut Cx, abs: DVec2, item: LiveId, kind: LiveId, name: String, template:LiveId) {
        if let Some(mut dock) = self.borrow_mut() {
            dock.drop_create(cx, abs, item, kind, name, template);
        }
    }

    pub fn create_and_select_tab(&self, cx: &mut Cx, parent: LiveId, item: LiveId, kind: LiveId, name: String, template:LiveId, insert_after:Option<usize>)->Option<WidgetRef> {
        if let Some(mut dock) = self.borrow_mut() {
            dock.create_and_select_tab(cx, parent, item, kind, name, template, insert_after)
        }
        else{
            None
        }
    }

    pub fn create_tab(&self, cx: &mut Cx, parent: LiveId, item: LiveId, kind: LiveId, name: String, template:LiveId, insert_after:Option<usize>)->Option<WidgetRef> {
        if let Some(mut dock) = self.borrow_mut() {
            dock.create_tab(cx, parent, item, kind, name, template, insert_after)
        }
        else{
            None
        }
    }

    /// See [`Dock::replace_tab()`].
    pub fn replace_tab(
        &self,
        cx: &mut Cx,
        tab_item_id: LiveId,
        new_kind: LiveId,
        new_name: Option<String>,
        select: bool,
    ) -> Option<(WidgetRef, bool)> {
        let Some(mut dock) = self.borrow_mut() else { return None };
        dock.replace_tab(cx, tab_item_id, new_kind, new_name, select)
    }

    pub fn set_tab_title(&self, cx: &mut Cx, tab:LiveId, title:String) {
        if let Some(mut dock) = self.borrow_mut() {
            dock.set_tab_title(cx, tab, title);
        }
    }


    pub fn find_tab_bar_of_tab(&self, tab_id: LiveId) -> Option<(LiveId, usize)> {
        if let Some(mut dock) = self.borrow_mut() {
            return dock.find_tab_bar_of_tab(tab_id);
        }
        None
    }


    pub fn select_tab(&self, cx: &mut Cx, item: LiveId) {
        if let Some(mut dock) = self.borrow_mut() {
            dock.select_tab(cx, item);
        }
    }

    pub fn redraw_tab(&self, cx: &mut Cx, tab_id: LiveId) {
        if let Some(mut dock) = self.borrow_mut() {
            dock.redraw_tab(cx, tab_id);
        }
    }

    pub fn unique_id(&self, base:u64)->LiveId{
        if let Some(dock) = self.borrow() {
            return dock.unique_id(base);
        }
        LiveId(0)
    }

    pub fn check_and_clear_need_save(&self)->bool{
        if let Some(mut dock) = self.borrow_mut() {
            if dock.needs_save{
                dock.needs_save = false;
                return true
            }
        }
        false
    }

    pub fn clone_state(&self)->Option<HashMap<LiveId, DockItem>>{
        if let Some(dock) = self.borrow(){
            return Some(dock.dock_items.clone());
        }
        None
    }

    pub fn tab_start_drag(&self, cx: &mut Cx, _tab_id: LiveId, item: DragItem) {
        cx.start_dragging(vec![item]);
    }
}