Enhance XCUI demo text editing and host bridge
This commit is contained in:
@@ -1,30 +1,59 @@
|
||||
<View name="NewEditor Demo" theme="xcui_demo_theme.xctheme" style="Root">
|
||||
<Column id="rootColumn" gap="12" padding="18">
|
||||
<Column id="rootColumn" gap="10" padding="16">
|
||||
<Card id="hero" style="HeroCard">
|
||||
<Column gap="6">
|
||||
<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">
|
||||
<Text text="Tree status" style="MetricLabel" />
|
||||
<Text text="Driven by runtime" style="MetricValue" />
|
||||
<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">
|
||||
<Text text="Input" style="MetricLabel" />
|
||||
<Text text="Hover + shortcuts" style="MetricValue" />
|
||||
<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="" />
|
||||
<Text
|
||||
id="promptMeta"
|
||||
text="Single-line input, Enter submits"
|
||||
style="Meta" />
|
||||
</Column>
|
||||
</Card>
|
||||
<Card id="notesCard" style="MetricCard">
|
||||
@@ -32,21 +61,28 @@
|
||||
<Text text="Session notes" style="MetricLabel" />
|
||||
<TextArea
|
||||
id="sessionNotes"
|
||||
style="CommandArea"
|
||||
width="stretch"
|
||||
min-width="240"
|
||||
rows="4"
|
||||
show-line-numbers="true"
|
||||
placeholder="Write multiline notes, prompts, or todos for the current screen..."
|
||||
value="" />
|
||||
<Text
|
||||
id="notesMeta"
|
||||
text="Multiline input, click caret, Tab indent"
|
||||
style="Meta" />
|
||||
</Column>
|
||||
</Card>
|
||||
<Button id="toggleAccent" style="AccentButton">
|
||||
<Button id="toggleAccent" action="demo.toggleAccent" style="AccentButton">
|
||||
<Text text="Toggle Accent" style="ButtonLabel" />
|
||||
</Button>
|
||||
<Card id="debug" style="DebugCard">
|
||||
<Column gap="4">
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user