mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-24 13:54:57 +00:00
johndoe6345789
6e394d7846
191 files reformatted across views, components, widgets, hybrid, contexts. New components: CCreateSchemaDialog, CAddFieldDialog, CAdminContentPanel. JS helpers: connBadgeStatus/Text, adminStats, exampleLabels, onLevelClicked. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
389 lines
14 KiB
QML
389 lines
14 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import contexts
|
|
import Fakemui
|
|
|
|
/**
|
|
* NewPrompt.qml - Create new task form
|
|
* Uses Python AppController (app) directly instead of HTTP/XHR
|
|
*/
|
|
Item {
|
|
id: root
|
|
|
|
signal success()
|
|
|
|
// Form state
|
|
property string prompt: ""
|
|
property string branch: "main"
|
|
property int bestOf: 1
|
|
property bool loading: false
|
|
property string error: ""
|
|
property string successMessage: ""
|
|
property var environments: []
|
|
property string selectedEnvId: ""
|
|
|
|
Component.onCompleted: {
|
|
app.environmentsLoaded.connect(onEnvironmentsLoaded)
|
|
app.promptSuccess.connect(onPromptSuccess)
|
|
app.promptError.connect(onPromptError)
|
|
// Load environments for task creation
|
|
app.loadEnvironments()
|
|
}
|
|
|
|
Component.onDestruction: {
|
|
app.environmentsLoaded.disconnect(onEnvironmentsLoaded)
|
|
app.promptSuccess.disconnect(onPromptSuccess)
|
|
app.promptError.disconnect(onPromptError)
|
|
}
|
|
|
|
function onEnvironmentsLoaded(envs) {
|
|
environments = envs
|
|
if (envs.length > 0) {
|
|
selectedEnvId = envs[0].id
|
|
}
|
|
}
|
|
|
|
function onPromptSuccess(taskId) {
|
|
loading = false
|
|
successMessage = LanguageContext.t(
|
|
"taskCreated") + " (" + taskId.substring(0, 8) + "...)"
|
|
prompt = ""
|
|
successTimer.start()
|
|
}
|
|
|
|
function onPromptError(msg) {
|
|
loading = false
|
|
error = msg
|
|
}
|
|
|
|
function handleSubmit() {
|
|
if (!prompt.trim()) {
|
|
error = LanguageContext.t("enterPrompt")
|
|
return
|
|
}
|
|
|
|
if (!selectedEnvId) {
|
|
error = "Select an environment (repository)"
|
|
return
|
|
}
|
|
|
|
loading = true
|
|
error = ""
|
|
successMessage = ""
|
|
|
|
// Use Python controller to create task
|
|
app.sendPrompt(prompt, selectedEnvId, branch, bestOf)
|
|
}
|
|
|
|
Timer {
|
|
id: successTimer
|
|
interval: 2000
|
|
onTriggered: success()
|
|
}
|
|
|
|
ScrollView {
|
|
anchors.fill: parent
|
|
anchors.margins: 16
|
|
clip: true
|
|
|
|
ColumnLayout {
|
|
width: parent.width
|
|
spacing: 16
|
|
|
|
// Main form card
|
|
CCard {
|
|
Layout.fillWidth: true
|
|
Layout.maximumWidth: 600
|
|
Layout.alignment: Qt.AlignHCenter
|
|
Layout.preferredHeight: formContent.implicitHeight + 48
|
|
|
|
ColumnLayout {
|
|
id: formContent
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
Layout.margins: 24
|
|
spacing: 16
|
|
|
|
// Title
|
|
Text {
|
|
text: LanguageContext.t("createNewTask")
|
|
font.pixelSize: 24
|
|
font.bold: true
|
|
color: Theme.text
|
|
}
|
|
|
|
Text {
|
|
text: LanguageContext.t("sendPromptDesc")
|
|
font.pixelSize: 14
|
|
color: Theme.textSecondary
|
|
Layout.fillWidth: true
|
|
wrapMode: Text.WordWrap
|
|
}
|
|
|
|
// Error alert
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
visible: error !== ""
|
|
height: 48
|
|
color: Qt.rgba(Theme.error.r, Theme.error.g,
|
|
Theme.error.b, 0.12)
|
|
radius: 4
|
|
|
|
Text {
|
|
anchors.centerIn: parent
|
|
text: error
|
|
color: Theme.error
|
|
}
|
|
}
|
|
|
|
// Success alert
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
visible: successMessage !== ""
|
|
height: 48
|
|
color: Qt.rgba(Theme.success.r, Theme.success.g,
|
|
Theme.success.b, 0.12)
|
|
radius: 4
|
|
|
|
Text {
|
|
anchors.centerIn: parent
|
|
text: successMessage
|
|
color: Theme.success
|
|
}
|
|
}
|
|
|
|
// Prompt textarea
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
spacing: 8
|
|
|
|
Text {
|
|
text: LanguageContext.t("taskPrompt")
|
|
font.pixelSize: 14
|
|
font.bold: true
|
|
color: Theme.text
|
|
}
|
|
|
|
ScrollView {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 160
|
|
|
|
TextArea {
|
|
id: promptInput
|
|
text: prompt
|
|
onTextChanged: prompt = text
|
|
placeholderText: LanguageContext.t(
|
|
"promptPlaceholder")
|
|
wrapMode: Text.Wrap
|
|
enabled: !loading
|
|
font.pixelSize: 14
|
|
color: Theme.text
|
|
|
|
background: Rectangle {
|
|
color: Theme.surface
|
|
border.color: promptInput.activeFocus
|
|
? Theme.primary : Theme.border
|
|
border.width: promptInput.activeFocus
|
|
? 2 : 1
|
|
radius: 4
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Branch and Best Of row
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
spacing: 16
|
|
|
|
// Environment selector
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
spacing: 8
|
|
|
|
Text {
|
|
text: "Repository"
|
|
font.pixelSize: 14
|
|
font.bold: true
|
|
color: Theme.text
|
|
}
|
|
|
|
ComboBox {
|
|
id: envCombo
|
|
Layout.fillWidth: true
|
|
model: environments
|
|
textRole: "name"
|
|
valueRole: "id"
|
|
currentIndex: environments.length > 0 ? 0 : -1
|
|
onActivated: selectedEnvId = currentValue
|
|
enabled: !loading && environments.length > 0
|
|
|
|
background: Rectangle {
|
|
color: Theme.surface
|
|
border.color: Theme.border
|
|
border.width: 1
|
|
radius: 4
|
|
implicitHeight: 40
|
|
}
|
|
|
|
popup.background: Rectangle {
|
|
color: Theme.paper
|
|
border.color: Theme.border
|
|
radius: 4
|
|
}
|
|
}
|
|
|
|
Text {
|
|
visible: environments.length === 0
|
|
text: "Loading repositories..."
|
|
font.pixelSize: 12
|
|
color: Theme.textMuted
|
|
}
|
|
}
|
|
|
|
// Branch input
|
|
ColumnLayout {
|
|
Layout.preferredWidth: 150
|
|
spacing: 8
|
|
|
|
Text {
|
|
text: LanguageContext.t("branch")
|
|
font.pixelSize: 14
|
|
font.bold: true
|
|
color: Theme.text
|
|
}
|
|
|
|
TextField {
|
|
id: branchInput
|
|
Layout.fillWidth: true
|
|
text: branch
|
|
onTextChanged: branch = text
|
|
enabled: !loading
|
|
font.pixelSize: 14
|
|
color: Theme.text
|
|
|
|
background: Rectangle {
|
|
color: Theme.surface
|
|
border.color: branchInput.activeFocus
|
|
? Theme.primary : Theme.border
|
|
border.width: branchInput.activeFocus
|
|
? 2 : 1
|
|
radius: 4
|
|
implicitHeight: 40
|
|
}
|
|
}
|
|
}
|
|
|
|
// Best Of dropdown
|
|
ColumnLayout {
|
|
spacing: 8
|
|
|
|
Text {
|
|
text: LanguageContext.t("bestOf")
|
|
font.pixelSize: 14
|
|
font.bold: true
|
|
color: Theme.text
|
|
}
|
|
|
|
ComboBox {
|
|
id: bestOfCombo
|
|
model: [1, 2, 3, 5]
|
|
currentIndex: 0
|
|
onActivated: bestOf = currentValue
|
|
enabled: !loading
|
|
|
|
background: Rectangle {
|
|
color: Theme.surface
|
|
border.color: Theme.border
|
|
border.width: 1
|
|
radius: 4
|
|
implicitWidth: 80
|
|
implicitHeight: 40
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Submit button
|
|
CButton {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 48
|
|
text: loading
|
|
? LanguageContext.t("creating")
|
|
: LanguageContext.t("createNewTask")
|
|
variant: "primary"
|
|
enabled: !loading && prompt.trim() !== ""
|
|
onClicked: handleSubmit()
|
|
|
|
BusyIndicator {
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 16
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
running: loading
|
|
visible: loading
|
|
width: 24
|
|
height: 24
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Tips card
|
|
CCard {
|
|
Layout.fillWidth: true
|
|
Layout.maximumWidth: 600
|
|
Layout.alignment: Qt.AlignHCenter
|
|
Layout.preferredHeight: tipsContent.implicitHeight + 48
|
|
|
|
ColumnLayout {
|
|
id: tipsContent
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
Layout.margins: 24
|
|
spacing: 12
|
|
|
|
Text {
|
|
text: LanguageContext.t("tips")
|
|
font.pixelSize: 16
|
|
font.bold: true
|
|
color: Theme.text
|
|
}
|
|
|
|
Text {
|
|
text: "• " + LanguageContext.t("tip1")
|
|
font.pixelSize: 14
|
|
color: Theme.textSecondary
|
|
wrapMode: Text.WordWrap
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
Text {
|
|
text: "• " + LanguageContext.t("tip2")
|
|
font.pixelSize: 14
|
|
color: Theme.textSecondary
|
|
wrapMode: Text.WordWrap
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
Text {
|
|
text: "• " + LanguageContext.t("tip3")
|
|
font.pixelSize: 14
|
|
color: Theme.textSecondary
|
|
wrapMode: Text.WordWrap
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
Text {
|
|
text: "• " + LanguageContext.t("tip4")
|
|
font.pixelSize: 14
|
|
color: Theme.textSecondary
|
|
wrapMode: Text.WordWrap
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|