diff --git a/crates/refineable/derive_refineable/src/derive_refineable.rs b/crates/refineable/derive_refineable/src/derive_refineable.rs
index ed233e1b0d..c2d001b287 100644
--- a/crates/refineable/derive_refineable/src/derive_refineable.rs
+++ b/crates/refineable/derive_refineable/src/derive_refineable.rs
@@ -16,9 +16,33 @@ pub fn derive_refineable(input: TokenStream) -> TokenStream {
         ..
     } = parse_macro_input!(input);
 
-    let impl_debug_on_refinement = attrs
-        .iter()
-        .any(|attr| attr.path.is_ident("refineable") && attr.tokens.to_string().contains("debug"));
+    let refineable_attr = attrs.iter().find(|attr| attr.path.is_ident("refineable"));
+
+    let mut impl_debug_on_refinement = false;
+    let mut derive_serialize_on_refinement = false;
+    let mut derive_deserialize_on_refinement = false;
+
+    if let Some(refineable_attr) = refineable_attr {
+        if let Ok(syn::Meta::List(meta_list)) = refineable_attr.parse_meta() {
+            for nested in meta_list.nested {
+                let syn::NestedMeta::Meta(syn::Meta::Path(path)) = nested else {
+                    continue;
+                };
+
+                if path.is_ident("debug") {
+                    impl_debug_on_refinement = true;
+                }
+
+                if path.is_ident("serialize") {
+                    derive_serialize_on_refinement = true;
+                }
+
+                if path.is_ident("deserialize") {
+                    derive_deserialize_on_refinement = true;
+                }
+            }
+        }
+    }
 
     let refinement_ident = format_ident!("{}Refinement", ident);
     let (impl_generics, ty_generics, where_clause) = generics.split_for_impl();
@@ -235,8 +259,22 @@ pub fn derive_refineable(input: TokenStream) -> TokenStream {
         quote! {}
     };
 
+    let derive_serialize = if derive_serialize_on_refinement {
+        quote! { #[derive(serde::Serialize)]}
+    } else {
+        quote! {}
+    };
+
+    let derive_deserialize = if derive_deserialize_on_refinement {
+        quote! { #[derive(serde::Deserialize)]}
+    } else {
+        quote! {}
+    };
+
     let gen = quote! {
         #[derive(Clone)]
+        #derive_serialize
+        #derive_deserialize
         pub struct #refinement_ident #impl_generics {
             #( #field_visibilities #field_names: #wrapped_types ),*
         }
diff --git a/crates/storybook2/src/components.rs b/crates/storybook2/src/components.rs
deleted file mode 100644
index a3dca51adc..0000000000
--- a/crates/storybook2/src/components.rs
+++ /dev/null
@@ -1,97 +0,0 @@
-use gpui2::{
-    div, ArcCow, Element, EventContext, Interactive, IntoElement, MouseButton, ParentElement,
-    StyleHelpers, ViewContext,
-};
-use std::{marker::PhantomData, rc::Rc};
-
-struct ButtonHandlers<V, D> {
-    click: Option<Rc<dyn Fn(&mut V, &D, &mut EventContext<V>)>>,
-}
-
-impl<V, D> Default for ButtonHandlers<V, D> {
-    fn default() -> Self {
-        Self { click: None }
-    }
-}
-
-#[derive(Component)]
-pub struct Button<V: 'static, D: 'static> {
-    handlers: ButtonHandlers<V, D>,
-    label: Option<ArcCow<'static, str>>,
-    icon: Option<ArcCow<'static, str>>,
-    data: Rc<D>,
-    view_type: PhantomData<V>,
-}
-
-// Impl block for buttons without data.
-// See below for an impl block for any button.
-impl<V: 'static> Button<V, ()> {
-    fn new() -> Self {
-        Self {
-            handlers: ButtonHandlers::default(),
-            label: None,
-            icon: None,
-            data: Rc::new(()),
-            view_type: PhantomData,
-        }
-    }
-
-    pub fn data<D: 'static>(self, data: D) -> Button<V, D> {
-        Button {
-            handlers: ButtonHandlers::default(),
-            label: self.label,
-            icon: self.icon,
-            data: Rc::new(data),
-            view_type: PhantomData,
-        }
-    }
-}
-
-// Impl block for button regardless of its data type.
-impl<V: 'static, D: 'static> Button<V, D> {
-    pub fn label(mut self, label: impl Into<ArcCow<'static, str>>) -> Self {
-        self.label = Some(label.into());
-        self
-    }
-
-    pub fn icon(mut self, icon: impl Into<ArcCow<'static, str>>) -> Self {
-        self.icon = Some(icon.into());
-        self
-    }
-
-    pub fn on_click(
-        mut self,
-        handler: impl Fn(&mut V, &D, &mut EventContext<V>) + 'static,
-    ) -> Self {
-        self.handlers.click = Some(Rc::new(handler));
-        self
-    }
-}
-
-pub fn button<V>() -> Button<V, ()> {
-    Button::new()
-}
-
-impl<V: 'static, D: 'static> Button<V, D> {
-    fn render(
-        &mut self,
-        view: &mut V,
-        cx: &mut ViewContext<V>,
-    ) -> impl IntoElement<V> + Interactive<V> {
-        // let colors = &cx.theme::<Theme>().colors;
-
-        let button = div()
-            // .fill(colors.error(0.5))
-            .h_4()
-            .children(self.label.clone());
-
-        if let Some(handler) = self.handlers.click.clone() {
-            let data = self.data.clone();
-            button.on_mouse_down(MouseButton::Left, move |view, event, cx| {
-                handler(view, data.as_ref(), cx)
-            })
-        } else {
-            button
-        }
-    }
-}
diff --git a/crates/storybook2/src/stories/kitchen_sink.rs b/crates/storybook2/src/stories/kitchen_sink.rs
index cfa91417b6..cf8277c4f4 100644
--- a/crates/storybook2/src/stories/kitchen_sink.rs
+++ b/crates/storybook2/src/stories/kitchen_sink.rs
@@ -1,7 +1,4 @@
-use crate::{
-    story::Story,
-    story_selector::{ComponentStory, ElementStory},
-};
+use crate::{story::Story, story_selector::ComponentStory};
 use gpui2::{Div, Render, StatefulInteraction, View, VisualContext};
 use strum::IntoEnumIterator;
 use ui::prelude::*;
@@ -18,9 +15,6 @@ impl Render for KitchenSinkStory {
     type Element = Div<Self, StatefulInteraction<Self>>;
 
     fn render(&mut self, cx: &mut ViewContext<Self>) -> Self::Element {
-        let element_stories = ElementStory::iter()
-            .map(|selector| selector.story(cx))
-            .collect::<Vec<_>>();
         let component_stories = ComponentStory::iter()
             .map(|selector| selector.story(cx))
             .collect::<Vec<_>>();
@@ -29,8 +23,6 @@ impl Render for KitchenSinkStory {
             .id("kitchen-sink")
             .overflow_y_scroll()
             .child(Story::title(cx, "Kitchen Sink"))
-            .child(Story::label(cx, "Elements"))
-            .child(div().flex().flex_col().children(element_stories))
             .child(Story::label(cx, "Components"))
             .child(div().flex().flex_col().children(component_stories))
             // Add a bit of space at the bottom of the kitchen sink so elements
diff --git a/crates/storybook2/src/story_selector.rs b/crates/storybook2/src/story_selector.rs
index 968309bd8a..a78705c7bb 100644
--- a/crates/storybook2/src/story_selector.rs
+++ b/crates/storybook2/src/story_selector.rs
@@ -7,55 +7,30 @@ use clap::builder::PossibleValue;
 use clap::ValueEnum;
 use gpui2::{AnyView, VisualContext};
 use strum::{EnumIter, EnumString, IntoEnumIterator};
-use ui::{prelude::*, AvatarStory, ButtonStory, DetailsStory, IconStory, InputStory, LabelStory};
-
-#[derive(Debug, PartialEq, Eq, Clone, Copy, strum::Display, EnumString, EnumIter)]
-#[strum(serialize_all = "snake_case")]
-pub enum ElementStory {
-    Avatar,
-    Button,
-    Colors,
-    Details,
-    Focus,
-    Icon,
-    Input,
-    Label,
-    Scroll,
-    Text,
-    ZIndex,
-}
-
-impl ElementStory {
-    pub fn story(&self, cx: &mut WindowContext) -> AnyView {
-        match self {
-            Self::Colors => cx.build_view(|_| ColorsStory).into(),
-            Self::Avatar => cx.build_view(|_| AvatarStory).into(),
-            Self::Button => cx.build_view(|_| ButtonStory).into(),
-            Self::Details => cx.build_view(|_| DetailsStory).into(),
-            Self::Focus => FocusStory::view(cx).into(),
-            Self::Icon => cx.build_view(|_| IconStory).into(),
-            Self::Input => cx.build_view(|_| InputStory).into(),
-            Self::Label => cx.build_view(|_| LabelStory).into(),
-            Self::Scroll => ScrollStory::view(cx).into(),
-            Self::Text => TextStory::view(cx).into(),
-            Self::ZIndex => cx.build_view(|_| ZIndexStory).into(),
-        }
-    }
-}
+use ui::prelude::*;
+use ui::{AvatarStory, ButtonStory, DetailsStory, IconStory, InputStory, LabelStory};
 
 #[derive(Debug, PartialEq, Eq, Clone, Copy, strum::Display, EnumString, EnumIter)]
 #[strum(serialize_all = "snake_case")]
 pub enum ComponentStory {
     AssistantPanel,
+    Avatar,
     Breadcrumb,
     Buffer,
+    Button,
     ChatPanel,
     CollabPanel,
+    Colors,
     CommandPalette,
-    Copilot,
     ContextMenu,
+    Copilot,
+    Details,
     Facepile,
+    Focus,
+    Icon,
+    Input,
     Keybinding,
+    Label,
     LanguageSelector,
     MultiBuffer,
     NotificationsPanel,
@@ -63,29 +38,41 @@ pub enum ComponentStory {
     Panel,
     ProjectPanel,
     RecentProjects,
+    Scroll,
     Tab,
     TabBar,
     Terminal,
+    Text,
     ThemeSelector,
     TitleBar,
     Toast,
     Toolbar,
     TrafficLights,
     Workspace,
+    ZIndex,
 }
 
 impl ComponentStory {
     pub fn story(&self, cx: &mut WindowContext) -> AnyView {
         match self {
             Self::AssistantPanel => cx.build_view(|_| ui::AssistantPanelStory).into(),
-            Self::Buffer => cx.build_view(|_| ui::BufferStory).into(),
+            Self::Avatar => cx.build_view(|_| AvatarStory).into(),
             Self::Breadcrumb => cx.build_view(|_| ui::BreadcrumbStory).into(),
+            Self::Buffer => cx.build_view(|_| ui::BufferStory).into(),
+            Self::Button => cx.build_view(|_| ButtonStory).into(),
             Self::ChatPanel => cx.build_view(|_| ui::ChatPanelStory).into(),
             Self::CollabPanel => cx.build_view(|_| ui::CollabPanelStory).into(),
+            Self::Colors => cx.build_view(|_| ColorsStory).into(),
             Self::CommandPalette => cx.build_view(|_| ui::CommandPaletteStory).into(),
             Self::ContextMenu => cx.build_view(|_| ui::ContextMenuStory).into(),
+            Self::Copilot => cx.build_view(|_| ui::CopilotModalStory).into(),
+            Self::Details => cx.build_view(|_| DetailsStory).into(),
             Self::Facepile => cx.build_view(|_| ui::FacepileStory).into(),
+            Self::Focus => FocusStory::view(cx).into(),
+            Self::Icon => cx.build_view(|_| IconStory).into(),
+            Self::Input => cx.build_view(|_| InputStory).into(),
             Self::Keybinding => cx.build_view(|_| ui::KeybindingStory).into(),
+            Self::Label => cx.build_view(|_| LabelStory).into(),
             Self::LanguageSelector => cx.build_view(|_| ui::LanguageSelectorStory).into(),
             Self::MultiBuffer => cx.build_view(|_| ui::MultiBufferStory).into(),
             Self::NotificationsPanel => cx.build_view(|cx| ui::NotificationsPanelStory).into(),
@@ -93,23 +80,24 @@ impl ComponentStory {
             Self::Panel => cx.build_view(|cx| ui::PanelStory).into(),
             Self::ProjectPanel => cx.build_view(|_| ui::ProjectPanelStory).into(),
             Self::RecentProjects => cx.build_view(|_| ui::RecentProjectsStory).into(),
+            Self::Scroll => ScrollStory::view(cx).into(),
             Self::Tab => cx.build_view(|_| ui::TabStory).into(),
             Self::TabBar => cx.build_view(|_| ui::TabBarStory).into(),
             Self::Terminal => cx.build_view(|_| ui::TerminalStory).into(),
+            Self::Text => TextStory::view(cx).into(),
             Self::ThemeSelector => cx.build_view(|_| ui::ThemeSelectorStory).into(),
+            Self::TitleBar => ui::TitleBarStory::view(cx).into(),
             Self::Toast => cx.build_view(|_| ui::ToastStory).into(),
             Self::Toolbar => cx.build_view(|_| ui::ToolbarStory).into(),
             Self::TrafficLights => cx.build_view(|_| ui::TrafficLightsStory).into(),
-            Self::Copilot => cx.build_view(|_| ui::CopilotModalStory).into(),
-            Self::TitleBar => ui::TitleBarStory::view(cx).into(),
             Self::Workspace => ui::WorkspaceStory::view(cx).into(),
+            Self::ZIndex => cx.build_view(|_| ZIndexStory).into(),
         }
     }
 }
 
 #[derive(Debug, PartialEq, Eq, Clone, Copy)]
 pub enum StorySelector {
-    Element(ElementStory),
     Component(ComponentStory),
     KitchenSink,
 }
@@ -126,13 +114,6 @@ impl FromStr for StorySelector {
             return Ok(Self::KitchenSink);
         }
 
-        if let Some((_, story)) = story.split_once("elements/") {
-            let element_story = ElementStory::from_str(story)
-                .with_context(|| format!("story not found for element '{story}'"))?;
-
-            return Ok(Self::Element(element_story));
-        }
-
         if let Some((_, story)) = story.split_once("components/") {
             let component_story = ComponentStory::from_str(story)
                 .with_context(|| format!("story not found for component '{story}'"))?;
@@ -147,7 +128,6 @@ impl FromStr for StorySelector {
 impl StorySelector {
     pub fn story(&self, cx: &mut WindowContext) -> AnyView {
         match self {
-            Self::Element(element_story) => element_story.story(cx),
             Self::Component(component_story) => component_story.story(cx),
             Self::KitchenSink => KitchenSinkStory::view(cx).into(),
         }
@@ -160,11 +140,9 @@ static ALL_STORY_SELECTORS: OnceLock<Vec<StorySelector>> = OnceLock::new();
 impl ValueEnum for StorySelector {
     fn value_variants<'a>() -> &'a [Self] {
         let stories = ALL_STORY_SELECTORS.get_or_init(|| {
-            let element_stories = ElementStory::iter().map(StorySelector::Element);
             let component_stories = ComponentStory::iter().map(StorySelector::Component);
 
-            element_stories
-                .chain(component_stories)
+            component_stories
                 .chain(std::iter::once(StorySelector::KitchenSink))
                 .collect::<Vec<_>>()
         });
@@ -174,7 +152,6 @@ impl ValueEnum for StorySelector {
 
     fn to_possible_value(&self) -> Option<clap::builder::PossibleValue> {
         let value = match self {
-            Self::Element(story) => format!("elements/{story}"),
             Self::Component(story) => format!("components/{story}"),
             Self::KitchenSink => "kitchen_sink".to_string(),
         };
diff --git a/crates/theme2/src/colors.rs b/crates/theme2/src/colors.rs
index 38ae1325a0..b02a9c14df 100644
--- a/crates/theme2/src/colors.rs
+++ b/crates/theme2/src/colors.rs
@@ -49,7 +49,7 @@ pub struct GitStatusColors {
 }
 
 #[derive(Refineable, Clone, Debug)]
-#[refineable(debug)]
+#[refineable(debug, deserialize)]
 pub struct ThemeColors {
     pub border: Hsla,
     pub border_variant: Hsla,
@@ -105,6 +105,8 @@ pub struct ThemeStyles {
 
 #[cfg(test)]
 mod tests {
+    use serde_json::json;
+
     use super::*;
 
     #[test]
@@ -146,4 +148,16 @@ mod tests {
         assert_eq!(colors.text, magenta);
         assert_eq!(colors.background, green);
     }
+
+    #[test]
+    fn deserialize_theme_colors_refinement_from_json() {
+        let colors: ThemeColorsRefinement = serde_json::from_value(json!({
+            "background": "#ff00ff",
+            "text": "#ff0000"
+        }))
+        .unwrap();
+
+        assert_eq!(colors.background, Some(gpui::rgb(0xff00ff)));
+        assert_eq!(colors.text, Some(gpui::rgb(0xff0000)));
+    }
 }
diff --git a/crates/ui2/src/components.rs b/crates/ui2/src/components.rs
index 7a9cac01ca..f7674c2bd4 100644
--- a/crates/ui2/src/components.rs
+++ b/crates/ui2/src/components.rs
@@ -1,71 +1,45 @@
-mod assistant_panel;
-mod breadcrumb;
-mod buffer;
-mod buffer_search;
-mod chat_panel;
-mod collab_panel;
-mod command_palette;
+mod avatar;
+mod button;
 mod context_menu;
-mod copilot;
-mod editor_pane;
+mod details;
 mod facepile;
+mod icon;
 mod icon_button;
+mod indicator;
+mod input;
 mod keybinding;
-mod language_selector;
+mod label;
 mod list;
 mod modal;
-mod multi_buffer;
 mod notification_toast;
-mod notifications_panel;
 mod palette;
 mod panel;
-mod panes;
+mod player;
 mod player_stack;
-mod project_panel;
-mod recent_projects;
-mod status_bar;
+mod stack;
 mod tab;
-mod tab_bar;
-mod terminal;
-mod theme_selector;
-mod title_bar;
 mod toast;
-mod toolbar;
-mod traffic_lights;
-mod workspace;
+mod tool_divider;
 
-pub use assistant_panel::*;
-pub use breadcrumb::*;
-pub use buffer::*;
-pub use buffer_search::*;
-pub use chat_panel::*;
-pub use collab_panel::*;
-pub use command_palette::*;
+pub use avatar::*;
+pub use button::*;
 pub use context_menu::*;
-pub use copilot::*;
-pub use editor_pane::*;
+pub use details::*;
 pub use facepile::*;
+pub use icon::*;
 pub use icon_button::*;
+pub use indicator::*;
+pub use input::*;
 pub use keybinding::*;
-pub use language_selector::*;
+pub use label::*;
 pub use list::*;
 pub use modal::*;
-pub use multi_buffer::*;
 pub use notification_toast::*;
-pub use notifications_panel::*;
 pub use palette::*;
 pub use panel::*;
-pub use panes::*;
+pub use player::*;
 pub use player_stack::*;
-pub use project_panel::*;
-pub use recent_projects::*;
-pub use status_bar::*;
+pub use stack::*;
 pub use tab::*;
-pub use tab_bar::*;
-pub use terminal::*;
-pub use theme_selector::*;
-pub use title_bar::*;
 pub use toast::*;
-pub use toolbar::*;
-pub use traffic_lights::*;
-pub use workspace::*;
+pub use tool_divider::*;
diff --git a/crates/ui2/src/elements/avatar.rs b/crates/ui2/src/components/avatar.rs
similarity index 100%
rename from crates/ui2/src/elements/avatar.rs
rename to crates/ui2/src/components/avatar.rs
diff --git a/crates/ui2/src/elements/button.rs b/crates/ui2/src/components/button.rs
similarity index 100%
rename from crates/ui2/src/elements/button.rs
rename to crates/ui2/src/components/button.rs
diff --git a/crates/ui2/src/elements/details.rs b/crates/ui2/src/components/details.rs
similarity index 100%
rename from crates/ui2/src/elements/details.rs
rename to crates/ui2/src/components/details.rs
diff --git a/crates/ui2/src/elements/icon.rs b/crates/ui2/src/components/icon.rs
similarity index 100%
rename from crates/ui2/src/elements/icon.rs
rename to crates/ui2/src/components/icon.rs
diff --git a/crates/ui2/src/elements/indicator.rs b/crates/ui2/src/components/indicator.rs
similarity index 100%
rename from crates/ui2/src/elements/indicator.rs
rename to crates/ui2/src/components/indicator.rs
diff --git a/crates/ui2/src/elements/input.rs b/crates/ui2/src/components/input.rs
similarity index 100%
rename from crates/ui2/src/elements/input.rs
rename to crates/ui2/src/components/input.rs
diff --git a/crates/ui2/src/elements/label.rs b/crates/ui2/src/components/label.rs
similarity index 100%
rename from crates/ui2/src/elements/label.rs
rename to crates/ui2/src/components/label.rs
diff --git a/crates/ui2/src/elements/player.rs b/crates/ui2/src/components/player.rs
similarity index 100%
rename from crates/ui2/src/elements/player.rs
rename to crates/ui2/src/components/player.rs
diff --git a/crates/ui2/src/elements/stack.rs b/crates/ui2/src/components/stack.rs
similarity index 100%
rename from crates/ui2/src/elements/stack.rs
rename to crates/ui2/src/components/stack.rs
diff --git a/crates/ui2/src/elements/tool_divider.rs b/crates/ui2/src/components/tool_divider.rs
similarity index 100%
rename from crates/ui2/src/elements/tool_divider.rs
rename to crates/ui2/src/components/tool_divider.rs
diff --git a/crates/ui2/src/elements.rs b/crates/ui2/src/elements.rs
deleted file mode 100644
index dfff2761a7..0000000000
--- a/crates/ui2/src/elements.rs
+++ /dev/null
@@ -1,21 +0,0 @@
-mod avatar;
-mod button;
-mod details;
-mod icon;
-mod indicator;
-mod input;
-mod label;
-mod player;
-mod stack;
-mod tool_divider;
-
-pub use avatar::*;
-pub use button::*;
-pub use details::*;
-pub use icon::*;
-pub use indicator::*;
-pub use input::*;
-pub use label::*;
-pub use player::*;
-pub use stack::*;
-pub use tool_divider::*;
diff --git a/crates/ui2/src/lib.rs b/crates/ui2/src/lib.rs
index 61551a198e..5fb3998438 100644
--- a/crates/ui2/src/lib.rs
+++ b/crates/ui2/src/lib.rs
@@ -15,17 +15,17 @@
 #![allow(dead_code, unused_variables)]
 
 mod components;
-mod elements;
 mod elevation;
 pub mod prelude;
 pub mod settings;
 mod static_data;
+mod to_extract;
 pub mod utils;
 
 pub use components::*;
-pub use elements::*;
 pub use prelude::*;
 pub use static_data::*;
+pub use to_extract::*;
 
 // This needs to be fully qualified with `crate::` otherwise we get a panic
 // at:
diff --git a/crates/ui2/src/to_extract.rs b/crates/ui2/src/to_extract.rs
new file mode 100644
index 0000000000..e786dd0f7e
--- /dev/null
+++ b/crates/ui2/src/to_extract.rs
@@ -0,0 +1,47 @@
+mod assistant_panel;
+mod breadcrumb;
+mod buffer;
+mod buffer_search;
+mod chat_panel;
+mod collab_panel;
+mod command_palette;
+mod copilot;
+mod editor_pane;
+mod language_selector;
+mod multi_buffer;
+mod notifications_panel;
+mod panes;
+mod project_panel;
+mod recent_projects;
+mod status_bar;
+mod tab_bar;
+mod terminal;
+mod theme_selector;
+mod title_bar;
+mod toolbar;
+mod traffic_lights;
+mod workspace;
+
+pub use assistant_panel::*;
+pub use breadcrumb::*;
+pub use buffer::*;
+pub use buffer_search::*;
+pub use chat_panel::*;
+pub use collab_panel::*;
+pub use command_palette::*;
+pub use copilot::*;
+pub use editor_pane::*;
+pub use language_selector::*;
+pub use multi_buffer::*;
+pub use notifications_panel::*;
+pub use panes::*;
+pub use project_panel::*;
+pub use recent_projects::*;
+pub use status_bar::*;
+pub use tab_bar::*;
+pub use terminal::*;
+pub use theme_selector::*;
+pub use title_bar::*;
+pub use toolbar::*;
+pub use traffic_lights::*;
+pub use workspace::*;
diff --git a/crates/ui2/src/components/assistant_panel.rs b/crates/ui2/src/to_extract/assistant_panel.rs
similarity index 100%
rename from crates/ui2/src/components/assistant_panel.rs
rename to crates/ui2/src/to_extract/assistant_panel.rs
diff --git a/crates/ui2/src/components/breadcrumb.rs b/crates/ui2/src/to_extract/breadcrumb.rs
similarity index 100%
rename from crates/ui2/src/components/breadcrumb.rs
rename to crates/ui2/src/to_extract/breadcrumb.rs
diff --git a/crates/ui2/src/components/buffer.rs b/crates/ui2/src/to_extract/buffer.rs
similarity index 100%
rename from crates/ui2/src/components/buffer.rs
rename to crates/ui2/src/to_extract/buffer.rs
diff --git a/crates/ui2/src/components/buffer_search.rs b/crates/ui2/src/to_extract/buffer_search.rs
similarity index 100%
rename from crates/ui2/src/components/buffer_search.rs
rename to crates/ui2/src/to_extract/buffer_search.rs
diff --git a/crates/ui2/src/components/chat_panel.rs b/crates/ui2/src/to_extract/chat_panel.rs
similarity index 100%
rename from crates/ui2/src/components/chat_panel.rs
rename to crates/ui2/src/to_extract/chat_panel.rs
diff --git a/crates/ui2/src/components/collab_panel.rs b/crates/ui2/src/to_extract/collab_panel.rs
similarity index 100%
rename from crates/ui2/src/components/collab_panel.rs
rename to crates/ui2/src/to_extract/collab_panel.rs
diff --git a/crates/ui2/src/components/command_palette.rs b/crates/ui2/src/to_extract/command_palette.rs
similarity index 100%
rename from crates/ui2/src/components/command_palette.rs
rename to crates/ui2/src/to_extract/command_palette.rs
diff --git a/crates/ui2/src/components/copilot.rs b/crates/ui2/src/to_extract/copilot.rs
similarity index 100%
rename from crates/ui2/src/components/copilot.rs
rename to crates/ui2/src/to_extract/copilot.rs
diff --git a/crates/ui2/src/components/editor_pane.rs b/crates/ui2/src/to_extract/editor_pane.rs
similarity index 100%
rename from crates/ui2/src/components/editor_pane.rs
rename to crates/ui2/src/to_extract/editor_pane.rs
diff --git a/crates/ui2/src/components/language_selector.rs b/crates/ui2/src/to_extract/language_selector.rs
similarity index 100%
rename from crates/ui2/src/components/language_selector.rs
rename to crates/ui2/src/to_extract/language_selector.rs
diff --git a/crates/ui2/src/components/multi_buffer.rs b/crates/ui2/src/to_extract/multi_buffer.rs
similarity index 100%
rename from crates/ui2/src/components/multi_buffer.rs
rename to crates/ui2/src/to_extract/multi_buffer.rs
diff --git a/crates/ui2/src/components/notifications_panel.rs b/crates/ui2/src/to_extract/notifications_panel.rs
similarity index 100%
rename from crates/ui2/src/components/notifications_panel.rs
rename to crates/ui2/src/to_extract/notifications_panel.rs
diff --git a/crates/ui2/src/components/panes.rs b/crates/ui2/src/to_extract/panes.rs
similarity index 100%
rename from crates/ui2/src/components/panes.rs
rename to crates/ui2/src/to_extract/panes.rs
diff --git a/crates/ui2/src/components/project_panel.rs b/crates/ui2/src/to_extract/project_panel.rs
similarity index 100%
rename from crates/ui2/src/components/project_panel.rs
rename to crates/ui2/src/to_extract/project_panel.rs
diff --git a/crates/ui2/src/components/recent_projects.rs b/crates/ui2/src/to_extract/recent_projects.rs
similarity index 100%
rename from crates/ui2/src/components/recent_projects.rs
rename to crates/ui2/src/to_extract/recent_projects.rs
diff --git a/crates/ui2/src/components/status_bar.rs b/crates/ui2/src/to_extract/status_bar.rs
similarity index 100%
rename from crates/ui2/src/components/status_bar.rs
rename to crates/ui2/src/to_extract/status_bar.rs
diff --git a/crates/ui2/src/components/tab_bar.rs b/crates/ui2/src/to_extract/tab_bar.rs
similarity index 100%
rename from crates/ui2/src/components/tab_bar.rs
rename to crates/ui2/src/to_extract/tab_bar.rs
diff --git a/crates/ui2/src/components/terminal.rs b/crates/ui2/src/to_extract/terminal.rs
similarity index 100%
rename from crates/ui2/src/components/terminal.rs
rename to crates/ui2/src/to_extract/terminal.rs
diff --git a/crates/ui2/src/components/theme_selector.rs b/crates/ui2/src/to_extract/theme_selector.rs
similarity index 100%
rename from crates/ui2/src/components/theme_selector.rs
rename to crates/ui2/src/to_extract/theme_selector.rs
diff --git a/crates/ui2/src/components/title_bar.rs b/crates/ui2/src/to_extract/title_bar.rs
similarity index 100%
rename from crates/ui2/src/components/title_bar.rs
rename to crates/ui2/src/to_extract/title_bar.rs
diff --git a/crates/ui2/src/components/toolbar.rs b/crates/ui2/src/to_extract/toolbar.rs
similarity index 100%
rename from crates/ui2/src/components/toolbar.rs
rename to crates/ui2/src/to_extract/toolbar.rs
diff --git a/crates/ui2/src/components/traffic_lights.rs b/crates/ui2/src/to_extract/traffic_lights.rs
similarity index 100%
rename from crates/ui2/src/components/traffic_lights.rs
rename to crates/ui2/src/to_extract/traffic_lights.rs
diff --git a/crates/ui2/src/components/workspace.rs b/crates/ui2/src/to_extract/workspace.rs
similarity index 100%
rename from crates/ui2/src/components/workspace.rs
rename to crates/ui2/src/to_extract/workspace.rs
diff --git a/theme.txt b/theme.txt
deleted file mode 100644
index 626d6b9fa9..0000000000
--- a/theme.txt
+++ /dev/null
@@ -1,254 +0,0 @@
-    Finished dev [unoptimized + debuginfo] target(s) in 0.39s
-     Running `target/debug/storybook`
-[crates/ui2/src/components/workspace.rs:182] color = [crates/ui2/src/color.rs:162] "ThemeColor debug" = "ThemeColor debug"
-ThemeColor {
-    transparent: "rgba(0x00000000).into()",
-    mac_os_traffic_light_red: "rgba(0xec695eff).into()",
-    mac_os_traffic_light_yellow: "rgba(0xf4bf4eff).into()",
-    mac_os_traffic_light_green: "rgba(0x61c553ff).into()",
-    border: "rgba(0x464b57ff).into()",
-    border_variant: "rgba(0x464b57ff).into()",
-    border_focused: "rgba(0x293b5bff).into()",
-    border_transparent: "rgba(0x00000000).into()",
-    elevated_surface: "rgba(0x3b414dff).into()",
-    surface: "rgba(0x2f343eff).into()",
-    background: "rgba(0x3b414dff).into()",
-    filled_element: "rgba(0x3b414dff).into()",
-    filled_element_hover: "rgba(0xffffff1e).into()",
-    filled_element_active: "rgba(0xffffff28).into()",
-    filled_element_selected: "rgba(0x18243dff).into()",
-    filled_element_disabled: "rgba(0x00000000).into()",
-    ghost_element: "rgba(0x00000000).into()",
-    ghost_element_hover: "rgba(0xffffff14).into()",
-    ghost_element_active: "rgba(0xffffff1e).into()",
-    ghost_element_selected: "rgba(0x18243dff).into()",
-    ghost_element_disabled: "rgba(0x00000000).into()",
-    text: "rgba(0xc8ccd4ff).into()",
-    text_muted: "rgba(0x838994ff).into()",
-    text_placeholder: "rgba(0xd07277ff).into()",
-    text_disabled: "rgba(0x555a63ff).into()",
-    text_accent: "rgba(0x74ade8ff).into()",
-    icon_muted: "rgba(0x838994ff).into()",
-    syntax: SyntaxColor {
-        comment: "rgba(0x5d636fff).into()",
-        string: "rgba(0xa1c181ff).into()",
-        function: "rgba(0x73ade9ff).into()",
-        keyword: "rgba(0xb477cfff).into()",
-    },
-    status_bar: "rgba(0x3b414dff).into()",
-    title_bar: "rgba(0x3b414dff).into()",
-    toolbar: "rgba(0x282c33ff).into()",
-    tab_bar: "rgba(0x2f343eff).into()",
-    editor_subheader: "rgba(0x2f343eff).into()",
-    editor_active_line: "rgba(0x2f343eff).into()",
-    terminal: "rgba(0x282c33ff).into()",
-    image_fallback_background: "rgba(0x3b414dff).into()",
-    git_created: "rgba(0xa1c181ff).into()",
-    git_modified: "rgba(0x74ade8ff).into()",
-    git_deleted: "rgba(0xd07277ff).into()",
-    git_conflict: "rgba(0xdec184ff).into()",
-    git_ignored: "rgba(0x555a63ff).into()",
-    git_renamed: "rgba(0xdec184ff).into()",
-    player: [
-        PlayerThemeColors {
-            cursor: "rgba(0x74ade8ff).into()",
-            selection: "rgba(0x74ade83d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xa1c181ff).into()",
-            selection: "rgba(0xa1c1813d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xbe5046ff).into()",
-            selection: "rgba(0xbe50463d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xbf956aff).into()",
-            selection: "rgba(0xbf956a3d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xb477cfff).into()",
-            selection: "rgba(0xb477cf3d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0x6eb4bfff).into()",
-            selection: "rgba(0x6eb4bf3d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xd07277ff).into()",
-            selection: "rgba(0xd072773d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xdec184ff).into()",
-            selection: "rgba(0xdec1843d).into()",
-        },
-    ],
-}
-[crates/ui2/src/components/workspace.rs:182] color = [crates/ui2/src/color.rs:162] "ThemeColor debug" = "ThemeColor debug"
-ThemeColor {
-    transparent: "rgba(0x00000000).into()",
-    mac_os_traffic_light_red: "rgba(0xec695eff).into()",
-    mac_os_traffic_light_yellow: "rgba(0xf4bf4eff).into()",
-    mac_os_traffic_light_green: "rgba(0x61c553ff).into()",
-    border: "rgba(0x464b57ff).into()",
-    border_variant: "rgba(0x464b57ff).into()",
-    border_focused: "rgba(0x293b5bff).into()",
-    border_transparent: "rgba(0x00000000).into()",
-    elevated_surface: "rgba(0x3b414dff).into()",
-    surface: "rgba(0x2f343eff).into()",
-    background: "rgba(0x3b414dff).into()",
-    filled_element: "rgba(0x3b414dff).into()",
-    filled_element_hover: "rgba(0xffffff1e).into()",
-    filled_element_active: "rgba(0xffffff28).into()",
-    filled_element_selected: "rgba(0x18243dff).into()",
-    filled_element_disabled: "rgba(0x00000000).into()",
-    ghost_element: "rgba(0x00000000).into()",
-    ghost_element_hover: "rgba(0xffffff14).into()",
-    ghost_element_active: "rgba(0xffffff1e).into()",
-    ghost_element_selected: "rgba(0x18243dff).into()",
-    ghost_element_disabled: "rgba(0x00000000).into()",
-    text: "rgba(0xc8ccd4ff).into()",
-    text_muted: "rgba(0x838994ff).into()",
-    text_placeholder: "rgba(0xd07277ff).into()",
-    text_disabled: "rgba(0x555a63ff).into()",
-    text_accent: "rgba(0x74ade8ff).into()",
-    icon_muted: "rgba(0x838994ff).into()",
-    syntax: SyntaxColor {
-        comment: "rgba(0x5d636fff).into()",
-        string: "rgba(0xa1c181ff).into()",
-        function: "rgba(0x73ade9ff).into()",
-        keyword: "rgba(0xb477cfff).into()",
-    },
-    status_bar: "rgba(0x3b414dff).into()",
-    title_bar: "rgba(0x3b414dff).into()",
-    toolbar: "rgba(0x282c33ff).into()",
-    tab_bar: "rgba(0x2f343eff).into()",
-    editor_subheader: "rgba(0x2f343eff).into()",
-    editor_active_line: "rgba(0x2f343eff).into()",
-    terminal: "rgba(0x282c33ff).into()",
-    image_fallback_background: "rgba(0x3b414dff).into()",
-    git_created: "rgba(0xa1c181ff).into()",
-    git_modified: "rgba(0x74ade8ff).into()",
-    git_deleted: "rgba(0xd07277ff).into()",
-    git_conflict: "rgba(0xdec184ff).into()",
-    git_ignored: "rgba(0x555a63ff).into()",
-    git_renamed: "rgba(0xdec184ff).into()",
-    player: [
-        PlayerThemeColors {
-            cursor: "rgba(0x74ade8ff).into()",
-            selection: "rgba(0x74ade83d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xa1c181ff).into()",
-            selection: "rgba(0xa1c1813d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xbe5046ff).into()",
-            selection: "rgba(0xbe50463d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xbf956aff).into()",
-            selection: "rgba(0xbf956a3d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xb477cfff).into()",
-            selection: "rgba(0xb477cf3d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0x6eb4bfff).into()",
-            selection: "rgba(0x6eb4bf3d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xd07277ff).into()",
-            selection: "rgba(0xd072773d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xdec184ff).into()",
-            selection: "rgba(0xdec1843d).into()",
-        },
-    ],
-}
-[crates/ui2/src/components/workspace.rs:182] color = [crates/ui2/src/color.rs:162] "ThemeColor debug" = "ThemeColor debug"
-ThemeColor {
-    transparent: "rgba(0x00000000).into()",
-    mac_os_traffic_light_red: "rgba(0xec695eff).into()",
-    mac_os_traffic_light_yellow: "rgba(0xf4bf4eff).into()",
-    mac_os_traffic_light_green: "rgba(0x61c553ff).into()",
-    border: "rgba(0x464b57ff).into()",
-    border_variant: "rgba(0x464b57ff).into()",
-    border_focused: "rgba(0x293b5bff).into()",
-    border_transparent: "rgba(0x00000000).into()",
-    elevated_surface: "rgba(0x3b414dff).into()",
-    surface: "rgba(0x2f343eff).into()",
-    background: "rgba(0x3b414dff).into()",
-    filled_element: "rgba(0x3b414dff).into()",
-    filled_element_hover: "rgba(0xffffff1e).into()",
-    filled_element_active: "rgba(0xffffff28).into()",
-    filled_element_selected: "rgba(0x18243dff).into()",
-    filled_element_disabled: "rgba(0x00000000).into()",
-    ghost_element: "rgba(0x00000000).into()",
-    ghost_element_hover: "rgba(0xffffff14).into()",
-    ghost_element_active: "rgba(0xffffff1e).into()",
-    ghost_element_selected: "rgba(0x18243dff).into()",
-    ghost_element_disabled: "rgba(0x00000000).into()",
-    text: "rgba(0xc8ccd4ff).into()",
-    text_muted: "rgba(0x838994ff).into()",
-    text_placeholder: "rgba(0xd07277ff).into()",
-    text_disabled: "rgba(0x555a63ff).into()",
-    text_accent: "rgba(0x74ade8ff).into()",
-    icon_muted: "rgba(0x838994ff).into()",
-    syntax: SyntaxColor {
-        comment: "rgba(0x5d636fff).into()",
-        string: "rgba(0xa1c181ff).into()",
-        function: "rgba(0x73ade9ff).into()",
-        keyword: "rgba(0xb477cfff).into()",
-    },
-    status_bar: "rgba(0x3b414dff).into()",
-    title_bar: "rgba(0x3b414dff).into()",
-    toolbar: "rgba(0x282c33ff).into()",
-    tab_bar: "rgba(0x2f343eff).into()",
-    editor_subheader: "rgba(0x2f343eff).into()",
-    editor_active_line: "rgba(0x2f343eff).into()",
-    terminal: "rgba(0x282c33ff).into()",
-    image_fallback_background: "rgba(0x3b414dff).into()",
-    git_created: "rgba(0xa1c181ff).into()",
-    git_modified: "rgba(0x74ade8ff).into()",
-    git_deleted: "rgba(0xd07277ff).into()",
-    git_conflict: "rgba(0xdec184ff).into()",
-    git_ignored: "rgba(0x555a63ff).into()",
-    git_renamed: "rgba(0xdec184ff).into()",
-    player: [
-        PlayerThemeColors {
-            cursor: "rgba(0x74ade8ff).into()",
-            selection: "rgba(0x74ade83d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xa1c181ff).into()",
-            selection: "rgba(0xa1c1813d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xbe5046ff).into()",
-            selection: "rgba(0xbe50463d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xbf956aff).into()",
-            selection: "rgba(0xbf956a3d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xb477cfff).into()",
-            selection: "rgba(0xb477cf3d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0x6eb4bfff).into()",
-            selection: "rgba(0x6eb4bf3d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xd07277ff).into()",
-            selection: "rgba(0xd072773d).into()",
-        },
-        PlayerThemeColors {
-            cursor: "rgba(0xdec184ff).into()",
-            selection: "rgba(0xdec1843d).into()",
-        },
-    ],
-}