68 lines
2.5 KiB
Plaintext
68 lines
2.5 KiB
Plaintext
<View name="NewEditor Demo" theme="Theme.xctheme" style="Root">
|
|
<Column id="rootColumn" gap="10" padding="16">
|
|
<Card id="hero" style="HeroCard">
|
|
<Column gap="4">
|
|
<Text id="title" text="New XCUI Shell" style="HeroTitle" />
|
|
<Text id="subtitle" text="Markup -> Layout -> Style -> DrawData" style="HeroSubtitle" />
|
|
</Column>
|
|
</Card>
|
|
<Row id="metricRow" gap="10">
|
|
<Card id="metric1" style="MetricCard" width="stretch">
|
|
<Column gap="6">
|
|
<Text text="Tree status" style="MetricLabel" />
|
|
<Text text="Driven by runtime" style="MetricValue" />
|
|
<ProgressBar
|
|
id="densityMeter"
|
|
text="Density stress"
|
|
state-key="toggleDensity"
|
|
value-off="0.44"
|
|
value-on="0.86"
|
|
fill="token:color.accent"
|
|
width="stretch" />
|
|
</Column>
|
|
</Card>
|
|
<Card id="metric2" style="MetricCard" width="stretch">
|
|
<Column gap="6">
|
|
<Text text="Input" style="MetricLabel" />
|
|
<Text text="Hover + shortcuts" style="MetricValue" />
|
|
<Row gap="6">
|
|
<Swatch id="swatchAccent" text="Accent" token="color.accent" width="stretch" height="24" />
|
|
<Swatch id="swatchAlt" text="Alt" token="color.accent.alt" width="stretch" height="24" />
|
|
</Row>
|
|
</Column>
|
|
</Card>
|
|
</Row>
|
|
<Row id="toggleRow" gap="8">
|
|
<Toggle id="toggleDensity" text="Density stress" width="stretch" />
|
|
<Toggle
|
|
id="toggleDiagnostics"
|
|
text="Debug path"
|
|
width="stretch"
|
|
fill="token:color.accent.alt" />
|
|
</Row>
|
|
<Card id="commandCard" style="MetricCard">
|
|
<Column gap="6">
|
|
<Text text="Agent command" style="MetricLabel" />
|
|
<TextField
|
|
id="agentPrompt"
|
|
style="CommandField"
|
|
width="stretch"
|
|
min-width="240"
|
|
placeholder="Type a command or note for XCUI..."
|
|
value="" />
|
|
</Column>
|
|
</Card>
|
|
<Button id="toggleAccent" action="demo.toggleAccent" style="AccentButton">
|
|
<Text text="Toggle Accent" style="ButtonLabel" />
|
|
</Button>
|
|
<Card id="debug" style="DebugCard">
|
|
<Column gap="3">
|
|
<Text id="statusFocus" text="Focus: waiting" style="Meta" />
|
|
<Text id="statusLayout" text="Layout: idle" style="Meta" />
|
|
<Text id="statusCommands" text="Commands: ready" style="Meta" />
|
|
<Text id="statusWidgets" text="Widgets: ready" style="Meta" />
|
|
</Column>
|
|
</Card>
|
|
</Column>
|
|
</View>
|