Artifact panel

let tokens = cx.theme().semantic_tokens();
let status: SharedString = self
    .last_artifact_event
    .clone()
    .unwrap_or_else(|| "Switch views or versions, run an action, or close the panel".into());
let version = self.artifact_version.min(ARTIFACT_VERSIONS.len() - 1);
let (version_id, source) = ARTIFACT_VERSIONS[version];
let artifact = Artifact::new("comparison", "Supplier comparison", if version + 1 == ARTIFACT_VERSIONS.len() {
    StreamedContent::running(source.to_owned())
} else {
    StreamedContent::done(source)
})
.kind(ArtifactKind::Markdown)
.versions(ARTIFACT_VERSIONS.iter().enumerate().map(|(index, (id, _))| {
    ArtifactVersion::new(*id, format!("v{}", index + 1))
}))
.active_version(version_id);
let conversation = v_flex()
    .size_full()
    .gap(tokens.spacing.sm)
    .p(tokens.spacing.md)
    .child(
        div()
            .text_xs()
            .text_color(cx.theme().muted_foreground)
            .child("Conversation"),
    )
    .child(
        TextView::markdown(
            "artifact-conversation",
            "**User:** Compare the three suppliers for next month.\n\n**Agent:** I drafted a comparison as a document on the right; v3 is still being written.",
        )
        .selectable(true),
    )
    .when(!self.artifact_open, |this| {
        this.child(
            Button::new("artifact-reopen")
                .outline()
                .small()
                .text_label("Reopen artifact")
                .on_click(cx.listener(|this, _, _, cx| {
                    this.artifact_open = true;
                    this.last_artifact_event = Some("Reopened".into());
                    cx.notify();
                })),
        )
    });
let panel = ArtifactPanel::new("artifact-panel", &artifact)
    .view(self.artifact_view)
    .actions([
        ArtifactAction::new("open", "Open in editor"),
        ArtifactAction::new("export", "Export"),
    ])
    .on_event(cx.listener(|this, event: &ArtifactPanelEvent, _, cx| {
        match event {
            ArtifactPanelEvent::Closed { .. } => this.artifact_open = false,
            ArtifactPanelEvent::ViewSelected { view, .. } => {
                this.artifact_view = *view;
            }
            ArtifactPanelEvent::VersionSelected { version_id, .. } => {
                if let Some(index) = ARTIFACT_VERSIONS
                    .iter()
                    .position(|(id, _)| *id == version_id.as_ref())
                {
                    this.artifact_version = index;
                }
            }
            ArtifactPanelEvent::ActionActivated { .. } => {}
        }
        this.last_artifact_event = Some(format!("{event:?}").into());
        cx.notify();
    }));
v_flex()
    .gap(tokens.spacing.md)
    .child(
        div()
            .id("artifact-story-host")
            .h(px(440.))
            .w_full()
            .border_1()
            .border_color(cx.theme().border)
            .rounded(tokens.radius.lg)
            .overflow_hidden()
            .child(
                h_resizable("artifact-split")
                    .with_state(&self.artifact_split)
                    .child(
                        resizable_panel()
                            .size(px(220.))
                            .size_range(px(160.)..px(360.))
                            .child(conversation),
                    )
                    .child(
                        resizable_panel()
                            .visible(self.artifact_open)
                            .child(div().size_full().p(tokens.spacing.sm).child(panel)),
                    ),
            ),
    )
    .child(
        div()
            .id("artifact-story-status")
            .role(Role::Status)
            .aria_label(status.clone())
            .text_xs()
            .text_color(cx.theme().muted_foreground)
            .child(status),
    )