feat: rework mobile UI for Tool Workshop and Profile pages
- Rework ToolWorkshopMobileView to support full desktop functionality: definition type selection (Compose/Dockerfile/Manifest), manifest editor, conditional port, startup command, readiness probe, required variables, and validation feedback. - Add ProfileMobileView and wire ProfilePage to render it on mobile. - Update useToolWorkshop hook to return boolean success from submit. - Add responsive CSS for mobile forms, edit views, and manifest editor. - Update project maps. Quality gates: npm run typecheck, npm run lint, npm test -- --run (87 passed) Refs: openspec/changes/mobile-tool-profile-ui
This commit is contained in:
@@ -57,12 +57,20 @@ export const ToolWorkshopPage = () => {
|
||||
mobileView={mobileView}
|
||||
isCreating={isCreating}
|
||||
toolTypeForm={toolTypeForm}
|
||||
manifestData={manifestData}
|
||||
manifestDefinitionId={manifestDefinitionId}
|
||||
baseDefinitions={baseDefinitions}
|
||||
toolTypeError={toolTypeError}
|
||||
toolTypeDirty={toolTypeDirty}
|
||||
onViewChange={setMobileView}
|
||||
onSelect={handleSelectToolType}
|
||||
onCreate={handleCreateNew}
|
||||
onDelete={handleDeleteToolType}
|
||||
onFormChange={handleFormChange}
|
||||
onManifestChange={(m) => {
|
||||
setManifestData(m);
|
||||
setToolTypeDirty(true);
|
||||
}}
|
||||
onSubmit={handleToolTypeSubmit}
|
||||
onCancel={() => {
|
||||
if (toolTypeDirty) {
|
||||
|
||||
Reference in New Issue
Block a user