///////////////////////////////////////////////////////////////////////////////////////////////////

//pub fn view_nil (_: &App) -> TuiCb {
    //|to|to.place(&Fill::XY("·"))
//}

                //Bsp::s("",
                    //Map::south(1,
                        //move||app.config.binds.layers.iter()
                            //.filter_map(|a|(a.0)(app).then_some(a.1))
                            //.flat_map(|a|a)
                            //.filter_map(|x|if let Value::Exp(_, iter)=x.value{ Some(iter) } else { None })
                            //.skip(offset)
                            //.take(20),
                        //|mut b,i|Fixed::X(60, Align::w(Bsp::e("(", Bsp::e(
                            //b.next().map(|t|Fixed::X(16, Align::w(Tui::fg(Rgb(64,224,0), format!("{}", t.value))))),
                            //Bsp::e(" ", Align::w(format!("{}", b.0.0.trim()))))))))))),

            //Dialog::Browse(BrowseTarget::Load, browser) => {
                //"bobcat".boxed()
                    ////Bsp::s(
                        ////Fill::X(Align::w(Margin::XY(1, 1, Bsp::e(
                            ////Tui::bold(true, " Load project: "),
                            ////Shrink::X(3, Fixed::Y(1, RepeatH("🭻"))))))),
                        ////Outer(true, Style::default().fg(Tui::g(96)))
                            ////.enclose(Fill::XY(browser)))
            //},
            //Dialog::Browse(BrowseTarget::Export, browser) => {
                //"bobcat".boxed()
                    ////Bsp::s(
                        ////Fill::X(Align::w(Margin::XY(1, 1, Bsp::e(
                            ////Tui::bold(true, " Export: "),
                            ////Shrink::X(3, Fixed::Y(1, RepeatH("🭻"))))))),
                        ////Outer(true, Style::default().fg(Tui::g(96)))
                            ////.enclose(Fill::XY(browser)))
            //},
            //Dialog::Browse(BrowseTarget::Import, browser) => {
                //"bobcat".boxed()
                    ////Bsp::s(
                        ////Fill::X(Align::w(Margin::XY(1, 1, Bsp::e(
                            ////Tui::bold(true, " Import: "),
                            ////Shrink::X(3, Fixed::Y(1, RepeatH("🭻"))))))),
                        ////Outer(true, Style::default().fg(Tui::g(96)))
                            ////.enclose(Fill::XY(browser)))
            //},
//
    //pub fn view_history (&self) -> impl Content<TuiOut> {
        //Fixed::Y(1, Fill::X(Align::w(FieldH(self.color,
            //format!("History ({})", self.history.len()),
                //self.history.last().map(|last|Fill::X(Align::w(format!("{:?}", last.0))))))))
    //}
    //pub fn view_status_h2 (&self) -> impl Content<TuiOut> {
        //self.update_clock();
        //let theme     = self.color;
        //let clock     = self.clock();
        //let playing   = clock.is_rolling();
        //let cache     = clock.view_cache.clone();
        ////let selection = self.selection().describe(self.tracks(), self.scenes());
        //let hist_len  = self.history.len();
        //let hist_last = self.history.last();
        //Fixed::Y(2, Stack::east(move|add: &mut dyn FnMut(&dyn Draw<TuiOut>)|{
            //add(&Fixed::X(5, Tui::bg(if playing { Rgb(0, 128, 0) } else { Rgb(128, 64, 0) },
                //Either::new(false, // TODO
                    //Thunk::new(move||Fixed::X(9, Either::new(playing,
                        //Tui::fg(Rgb(0, 255, 0),   " PLAYING "),
                        //Tui::fg(Rgb(255, 128, 0), " STOPPED ")))
                    //),
                    //Thunk::new(move||Fixed::X(5, Either::new(playing,
                        //Tui::fg(Rgb(0, 255, 0),   Bsp::s(" 🭍🭑🬽 ", " 🭞🭜🭘 ",)),
                        //Tui::fg(Rgb(255, 128, 0), Bsp::s(" ▗▄▖ ", " ▝▀▘ ",))))
                    //)
                //)
            //)));
            //add(&" ");
            //{
                //let cache = cache.read().unwrap();
                //add(&Fixed::X(15, Align::w(Bsp::s(
                    //FieldH(theme, "Beat", cache.beat.view.clone()),
                    //FieldH(theme, "Time", cache.time.view.clone()),
                //))));
                //add(&Fixed::X(13, Align::w(Bsp::s(
                    //Fill::X(Align::w(FieldH(theme, "BPM", cache.bpm.view.clone()))),
                    //Fill::X(Align::w(FieldH(theme, "SR ", cache.sr.view.clone()))),
                //))));
                //add(&Fixed::X(12, Align::w(Bsp::s(
                    //Fill::X(Align::w(FieldH(theme, "Buf", cache.buf.view.clone()))),
                    //Fill::X(Align::w(FieldH(theme, "Lat", cache.lat.view.clone()))),
                //))));
                ////add(&Bsp::s(
                    //////Fill::X(Align::w(FieldH(theme, "Selected", Align::w(selection)))),
                    ////Fill::X(Align::w(FieldH(theme, format!("History ({})", hist_len),
                        ////hist_last.map(|last|Fill::X(Align::w(format!("{:?}", last.0))))))),
                    ////""
                ////));
                //////if let Some(last) = self.history.last() {
                    //////add(&FieldV(theme, format!("History ({})", self.history.len()),
                        //////Fill::X(Align::w(format!("{:?}", last.0)))));
                //////}
            //}
        //}))
    //}
    //pub fn view_status_v (&self) -> impl Content<TuiOut> + use<'_> {
        //self.update_clock();
        //let cache   = self.project.clock.view_cache.read().unwrap();
        //let theme   = self.color;
        //let playing = self.clock().is_rolling();
        //Tui::bg(theme.darker.rgb, Fixed::XY(20, 5, Outer(true, Style::default().fg(Tui::g(96))).enclose(
            //col!(
                //Fill::X(Align::w(Bsp::e(
                    //Align::w(Tui::bg(if playing { Rgb(0, 128, 0) } else { Rgb(128, 64, 0) },
                        //Either::new(false, // TODO
                            //Thunk::new(move||Fixed::X(9, Either::new(playing,
                                //Tui::fg(Rgb(0, 255, 0),   " PLAYING "),
                                //Tui::fg(Rgb(255, 128, 0), " STOPPED ")))
                            //),
                            //Thunk::new(move||Fixed::X(5, Either::new(playing,
                                //Tui::fg(Rgb(0, 255, 0),   Bsp::s(" 🭍🭑🬽 ", " 🭞🭜🭘 ",)),
                                //Tui::fg(Rgb(255, 128, 0), Bsp::s(" ▗▄▖ ", " ▝▀▘ ",))))
                            //)
                        //)
                    //)),
                    //Bsp::s(
                        //FieldH(theme, "Beat", cache.beat.view.clone()),
                        //FieldH(theme, "Time", cache.time.view.clone()),
                    //),
                //))),
                //Fill::X(Align::w(FieldH(theme, "BPM", cache.bpm.view.clone()))),
                //Fill::X(Align::w(FieldH(theme, "SR ", cache.sr.view.clone()))),
                //Fill::X(Align::w(FieldH(theme, "Buf", Bsp::e(cache.buf.view.clone(), Bsp::e(" = ", cache.lat.view.clone()))))),
            //))))
    //}
    //pub fn view_status (&self) -> impl Content<TuiOut> + use<'_> {
        //self.update_clock();
        //let cache = self.project.clock.view_cache.read().unwrap();
        //view_status(Some(self.project.selection.describe(self.tracks(), self.scenes())),
            //cache.sr.view.clone(), cache.buf.view.clone(), cache.lat.view.clone())
    //}
    //pub fn view_transport (&self) -> impl Content<TuiOut> + use<'_> {
        //self.update_clock();
        //let cache = self.project.clock.view_cache.read().unwrap();
        //view_transport(self.project.clock.is_rolling(),
            //cache.bpm.view.clone(), cache.beat.view.clone(), cache.time.view.clone())
    //}
    //pub fn view_editor (&self) -> impl Content<TuiOut> + use<'_> {
        //let bg = self.editor()
            //.and_then(|editor|editor.clip().clone())
            //.map(|clip|clip.read().unwrap().color.darker)
            //.unwrap_or(self.color.darker);
        //Fill::XY(Tui::bg(bg.rgb, self.editor()))
    //}
    //pub fn view_editor_status (&self) -> impl Content<TuiOut> + use<'_> {
        //self.editor().map(|e|Fixed::X(20, Outer(true, Style::default().fg(Tui::g(96))).enclose(
            //Fill::Y(Align::n(Bsp::s(e.clip_status(), e.edit_status()))))))
    //}
    //pub fn view_midi_ins_status (&self) -> impl Content<TuiOut> + use<'_> {
        //self.project.view_midi_ins_status(self.color)
    //}
    //pub fn view_midi_outs_status (&self) -> impl Content<TuiOut> + use<'_> {
        //self.project.view_midi_outs_status(self.color)
    //}
    //pub fn view_audio_ins_status (&self) -> impl Content<TuiOut> + use<'_> {
        //self.project.view_audio_ins_status(self.color)
    //}
    //pub fn view_audio_outs_status (&self) -> impl Content<TuiOut> + use<'_> {
        //self.project.view_audio_outs_status(self.color)
    //}
    //pub fn view_scenes (&self) -> impl Content<TuiOut> + use<'_> {
        //Bsp::e(
            //Fixed::X(20, Align::nw(self.project.view_scenes_names())),
            //self.project.view_scenes_clips(),
        //)
    //}
    //pub fn view_scenes_names (&self) -> impl Content<TuiOut> + use<'_> {
        //self.project.view_scenes_names()
    //}
    //pub fn view_scenes_clips (&self) -> impl Content<TuiOut> + use<'_> {
        //self.project.view_scenes_clips()
    //}
    //pub fn view_tracks_inputs <'a> (&'a self) -> impl Content<TuiOut> + use<'a> {
        //Fixed::Y(1 + self.project.midi_ins.len() as u16,
            //self.project.view_inputs(self.color))
    //}
    //pub fn view_tracks_outputs <'a> (&'a self) -> impl Content<TuiOut> + use<'a> {
        //self.project.view_outputs(self.color)
    //}
    //pub fn view_tracks_devices <'a> (&'a self) -> impl Content<TuiOut> + use<'a> {
        //Fixed::Y(4, self.project.view_track_devices(self.color))
    //}
    //pub fn view_tracks_names <'a> (&'a self) -> impl Content<TuiOut> + use<'a> {
        //Fixed::Y(2, self.project.view_track_names(self.color))
    //}
    //pub fn view_pool (&self) -> impl Content<TuiOut> + use<'_> {
        //Fixed::X(20, Bsp::s(
            //Fill::X(Align::w(FieldH(self.color, "Clip pool:", ""))),
            //Fill::Y(Align::n(Tui::bg(Rgb(0, 0, 0), Outer(true, Style::default().fg(Tui::g(96)))
                //.enclose(PoolView(&self.pool)))))))
    //}
    //pub fn view_samples_keys (&self) -> impl Content<TuiOut> + use<'_> {
        //self.project.sampler().map(|s|s.view_list(true, self.editor().unwrap()))
    //}
    //pub fn view_samples_grid (&self) -> impl Content<TuiOut> + use<'_> {
        //self.project.sampler().map(|s|s.view_grid())
    //}
    //pub fn view_sample_viewer (&self) -> impl Content<TuiOut> + use<'_> {
        //self.project.sampler().map(|s|s.view_sample(self.editor().unwrap().get_note_pos()))
    //}
    //pub fn view_sample_info (&self) -> impl Content<TuiOut> + use<'_> {
        //self.project.sampler().map(|s|s.view_sample_info(self.editor().unwrap().get_note_pos()))
    //}
    //pub fn view_sample_status (&self) -> impl Content<TuiOut> + use<'_> {
        //self.project.sampler().map(|s|Outer(true, Style::default().fg(Tui::g(96))).enclose(
            //Fill::Y(Align::n(s.view_sample_status(self.editor().unwrap().get_note_pos())))))
    //}
            ////let options = ||["Projects", "Settings", "Help", "Quit"].iter();
            ////let option  = |a,i|Tui::fg(Rgb(255,255,255), format!("{}", a));
            ////Bsp::s(Tui::bold(true, "tek!"), Bsp::s("", Map::south(1, options, option)))

    //AppCommand => {
        //("x/inc" /
        //("stop-all") => todo!(),//app.project.stop_all(),
        //("enqueue", clip: Option<Arc<RwLock<MidiClip>>>) => todo!(),
        //("history", delta: isize) => todo!(),
        //("zoom", zoom: usize) => todo!(),
        //("select", selection: Selection) => todo!(),
        //("dialog"  / command: DialogCommand) => todo!(),
        //("project" / command: ArrangementCommand) => todo!(),
        //("clock" / command: ClockCommand) => todo!(),
        //("sampler" / command: SamplerCommand) => todo!(),
        //("pool" / command: PoolCommand) => todo!(),
        //("edit" / editor:  MidiEditCommand) => todo!(),
    //};

    //DialogCommand;

    //ArrangementCommand;

    //ClockCommand;

    //SamplerCommand;

    //PoolCommand;

    //MidiEditCommand;


//take!(DialogCommand      |state: App, iter|Take::take(&state.dialog, iter));
//#[derive(Clone, Debug)]
//pub enum DialogCommand {
    //Open { dialog: Dialog },
    //Close
//}

//impl Command<Option<Dialog>> for DialogCommand {
    //fn execute (self, state: &mut Option<Dialog>) -> Perhaps<Self> {
        //match self {
            //Self::Open { dialog } => {
                //*state = Some(dialog);
            //},
            //Self::Close => {
                //*state = None;
            //}
        //};
        //Ok(None)
    //}
//}

//dsl!(DialogCommand: |self: Dialog, iter|todo!());
//Dsl::take(&mut self.dialog, iter));

//#[tengri_proc::command(Option<Dialog>)]//Nope.
//impl DialogCommand {
    //fn open (dialog: &mut Option<Dialog>, new: Dialog) -> Perhaps<Self> {
        //*dialog = Some(new);
        //Ok(None)
    //}
    //fn close (dialog: &mut Option<Dialog>) -> Perhaps<Self> {
        //*dialog = None;
        //Ok(None)
    //}
//}
//
//dsl_bind!(AppCommand: App {
    //enqueue  = |app, clip:  Option<Arc<RwLock<MidiClip>>>| { todo!() };
    //history  = |app, delta: isize| { todo!() };
    //zoom     = |app, zoom:  usize| { todo!() };
    //stop_all = |app| { app.tracks_stop_all(); Ok(None) };
    ////dialog   = |app, command: DialogCommand|
        ////Ok(command.delegate(&mut app.dialog, |c|Self::Dialog{command: c})?);
    //project  = |app, command: ArrangementCommand|
        //Ok(command.delegate(&mut app.project, |c|Self::Project{command: c})?);
    //clock    = |app, command: ClockCommand|
        //Ok(command.execute(app.clock_mut())?.map(|c|Self::Clock{command: c}));
    //sampler  = |app, command: SamplerCommand|
        //Ok(app.project.sampler_mut().map(|s|command.delegate(s, |command|Self::Sampler{command}))
            //.transpose()?.flatten());
    //pool     = |app, command: PoolCommand| {
        //let undo = command.clone().delegate(&mut app.pool, |command|AppCommand::Pool{command})?;
        //// update linked editor after pool action
        //match command {
            //// autoselect: automatically load selected clip in editor
            //PoolCommand::Select { .. } |
            //// autocolor: update color in all places simultaneously
            //PoolCommand::Clip { command: PoolClipCommand::SetColor { .. } } => {
                //let clip = app.pool.clip().clone();
                //app.editor_mut().map(|editor|editor.set_clip(clip.as_ref()))
            //},
            //_ => None
        //};
        //Ok(undo)
    //};
    //select   = |app, selection: Selection| {
        //*app.project.selection_mut() = selection;
        ////todo!
        ////if let Some(ref mut editor) = app.editor_mut() {
            ////editor.set_clip(match selection {
                ////Selection::TrackClip { track, scene } if let Some(Some(Some(clip))) = app
                    ////.project
                    ////.scenes.get(scene)
                    ////.map(|s|s.clips.get(track))
                ////=>
                    ////Some(clip),
                ////_ =>
                    ////None
            ////});
        ////}
        //Ok(None)
        ////("select"  [t: usize, s: usize] Some(match (t.expect("no track"), s.expect("no scene")) {
            ////(0, 0) => Self::Select(Selection::Mix),
            ////(t, 0) => Self::Select(Selection::Track(t)),
            ////(0, s) => Self::Select(Selection::Scene(s)),
            ////(t, s) => Self::Select(Selection::TrackClip { track: t, scene: s }) })))
        //// autoedit: load focused clip in editor.
    //};
    ////fn color (app: &mut App, theme: ItemTheme) -> Perhaps<Self> {
        ////Ok(app.set_color(Some(theme)).map(|theme|Self::Color{theme}))
    ////}
    ////fn launch (app: &mut App) -> Perhaps<Self> {
        ////app.project.launch();
        ////Ok(None)
    ////}
    //toggle_editor = |app, value: bool|{ app.toggle_editor(Some(value)); Ok(None) };
    //editor = |app, command: MidiEditCommand| Ok(if let Some(editor) = app.editor_mut() {
        //let undo = command.clone().delegate(editor, |command|AppCommand::Editor{command})?;
        //// update linked sampler after editor action
        //app.project.sampler_mut().map(|sampler|match command {
            //// autoselect: automatically select sample in sampler
            //MidiEditCommand::SetNotePos { pos } => { sampler.set_note_pos(pos); },
            //_ => {}
        //});
        //undo
    //} else {
        //None
    //});
//});
//take!(ClockCommand       |state: App, iter|Take::take(state.clock(), iter));
//take!(MidiEditCommand    |state: App, iter|Ok(state.editor().map(|x|Take::take(x, iter)).transpose()?.flatten()));
//take!(PoolCommand        |state: App, iter|Take::take(&state.pool, iter));
//take!(SamplerCommand     |state: App, iter|Ok(state.project.sampler().map(|x|Take::take(x, iter)).transpose()?.flatten()));
//take!(ArrangementCommand |state: App, iter|Take::take(&state.project, iter));



///////////////////////////////////////////////////////////////////////////////////////////////////
//has_editor!(|self: App|{
    //editor = self.editor;
    //editor_w = {
        //let size      = self.size.w();
        //let editor    = self.editor.as_ref().expect("missing editor");
        //let time_len  = editor.time_len().get();
        //let time_zoom = editor.time_zoom().get().max(1);
        //(5 + (time_len / time_zoom)).min(size.saturating_sub(20)).max(16)
    //};
    //editor_h = 15;
    //is_editing = self.editor.is_some();
//});