Change Image

<div>
                                                    <button type="button" class="btn btn--secondary" ng-click="cancelEditShortDesc(uiState.appManifest)">Cancel</button>
                                                    <button type="submit" class="btn btn--success" ng-click="stopEditShortDesc(uiState.appManifest)">OK</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="dkuform-horizontal">
                                            <div class="control-group">
                                                <label class="control-label">Version {{uiState.appManifest.version ? uiState.appManifest.version : '1'}}</label>
                                                <div class="controls">
                                                    <button type="button" class="btn btn--secondary" ng-click="updateVersion(uiState.appManifest)">Update version</button>
                                                </div>
                                            </div>

<div class="control-group">
                                                <label class="control-label">Instantiation allowed to</label>
                                                <div class="controls">
                                                    <select dku-bs-select ng-model="uiState.appManifest.instantiationPermission" ng-options="x[0] as x[1] for x in [['EVERYBODY', 'Everyone'], ['USE_APP_MASTER_PERMISSIONS', 'Users with execute permission']]" options-descriptions="['Any user can create an instance of the app', 'Only users having \'execute app\' permission on this project can instantiate the app']" layout="list" />
                                                </div>
                                            </div>

<div class="control-group" ng-if="uiState.appManifest.instantiationPermission !== 'EVERYBODY' && !['ALL_ENABLED', 'ALL_DISABLED'].includes($root.appConfig.appVisibility.visibilityMode)">
                                                <label class="control-label">Application visibility</label>
                                                <div class="controls">
                                                    <select dku-bs-select ng-model="uiState.appManifest.limitedVisibilityEnabled"
                                                            ng-options="o.v as o.n for o in appVisibilityOptions">
                                                    </select>
                                                    <span class="help-inline">When set to "Discoverable", users who do not have access to this application can still discover it and view its summary</span>
                                                </div>
                                            </div>

<div class="control-group" ng-if="uiState.appManifest.instantiationPermission !== 'EVERYBODY' && !['ALL_ENABLED', 'ALL_DISABLED'].includes($root.appConfig.appVisibility.accessRequestsMode)">
                                                <label class="control-label">Application execution permission requests</label>
                                                <div class="controls">
                                                    <select dku-bs-select ng-model="uiState.appManifest.accessRequestsEnabled"
                                                            ng-options="o.v as o.n for o in appRequestAccessOptions">
                                                    </select>
                                                    <span class="help-inline">Allow users to request permission to execute this application</span>
                                                </div>
                                            </div>
                                        </div>

<div ng-if="!uiState.useAsRecipe">
                                            <h5 class="app-tiles__section-subtitle">Application tags</h5>
                                            <tag-edit-popover get-all-tags="getAllProjectTags('', 'allprojects')"
                                                object-type="'PROJECT'"
                                                ng-model="uiState.appManifest.tags"
                                                editable="isProjectAnalystRW()"
                                                class="project-tags tags-field">
                                            </tag-edit-popover>
                                        </div>
                                        
                                    </div>
                                
                                </div>    
                                    
                                <div class="app-designer__instance-features" id="app_features" ng-if="!uiState.useAsRecipe">
                                    <form class="dkuform-horizontal">
                                        <h4 class="app-tiles__section-title">Application instance features</h4>
                                        
                                        <div class="control-group">
                                            <label class="control-label">Show flow section</label>
                                            <label class="dku-toggle">
                                                <input type="checkbox" ng-model="uiState.appManifest.instanceFeatures.showFlowNavLink">
                                                    <span/>
                                                </input>
                                            </label>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">Show Gen AI section</label>
                                            <label class="dku-toggle">
                                                <input type="checkbox" ng-model="uiState.appManifest.instanceFeatures.showGenAiNavLink">
                                                    <span/>
                                                </input>
                                            </label>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">Show Lab section</label>
                                            <label class="dku-toggle">
                                                <input type="checkbox" ng-model="uiState.appManifest.instanceFeatures.showLabNavLink">
                                                    <span/>
                                                </input>
                                            </label>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">Show code section</label>
                                            <label class="dku-toggle">
                                                <input type="checkbox" ng-model="uiState.appManifest.instanceFeatures.showCodeNavLink">
                                                    <span/>
                                                </input>
                                            </label>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">Show version control</label>
                                            <label class="dku-toggle">
                                                <input type="checkbox" ng-model="uiState.appManifest.instanceFeatures.showVersionControlFeatures">
                                                    <span/>
                                                </input>
                                            </label>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">Show switch to project button</label>
                                            <label class="dku-toggle">
                                                <input type="checkbox" ng-model="uiState.appManifest.instanceFeatures.showSwitchToProjectViewButton">
                                                <span/>
                                                </input>
                                            </label>
                                        </div>
                                        
                                    </form>
                                </div>
                                    
                                <div class="app-designer__data" id="app_data">
                                    <form style="margin: 0;">
                                        <h4 class="app-tiles__section-title">Included content</h4>
                                        <p>The whole project configuration is always included in applications instances. Additionally, it can contain selected data from the project: datasets (non partitioned), managed folders and saved models.</p>
                                        <div class="row-fluid">
            
                                            <div class="span3">
                                                <h5 class="app-tiles__section-subtitle">Datasets data</h5>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportUploads">Export all 'uploaded' datasets</input>
                                                </label>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportAllInputDatasets">Export all 'input' datasets</input>
                                                </label>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportManagedFS">Export all managed FS datasets</input>
                                                </label>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportInsightsData">Export static insights data</input>
                                                </label>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportEditableDatasets">Export all editable datasets</input>
                                                </label>
                                                
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportAllDatasets">Export all datasets</input>
                                                </label>
                                                <div class="smallgrey">
                                                    NB: partitioned datasets are not exported.
                                                </div>
                                            </div>
                                            
                                            <div class="span3">
                                                <h5 class="app-tiles__section-subtitle">Managed folders data</h5>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportAllInputManagedFolders">Export all 'input' managed folders data</input>
                                                </label>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportManagedFolders">Export all managed folders data</input>
                                                </label>
                                            </div>
                                                
                                            <div class="span3">
                                                <h5 class="app-tiles__section-subtitle">Machine learning data</h5>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportAnalysisModels">Export all analysis models data</input>
                                                </label>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportSavedModels">Export all saved models data</input>
                                                </label>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportModelEvaluationStores">Export all model evaluation stores data</input>
                                                </label>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportLabelingTasks">Export all labeling tasks data</input>
                                                </label>
                                            </div>
                                                
                                            <div class="span3">
                                                <h5 class="app-tiles__section-subtitle">Knowledge bank data</h5>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportKnowledgeBanks">Export all knowledge banks data</input>
                                                </label>
                                            </div>

<div class="span3">
                                                <h5 class="app-tiles__section-subtitle">Prompt Studios</h5>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportPromptStudioHistories">Export Prompt Studio history</input>
                                                </label>
                                            </div>
                                               
                                            <div class="span3">
                                                <h5 class="app-tiles__section-subtitle">Project</h5>
                                                <label class="checkbox">
                                                    <input type="checkbox" ng-model="exportOptions.exportProjectResources">Export project resources</input>
                                                </label>
                                            </div>
                                        </div>               
                                        <div ng-if="exporterSettings" bundle-content-editor exporter-settings="exporterSettings" class="new-bundle-page"/>
                                    </form>
                                </div>
                                
                                
                                <div class="app-designer__as-recipe" id="app_as_recipe" ng-if="uiState.useAsRecipe">
                                    <h4 class="app-tiles__section-title">Recipe definition</h4>
                                    <p><span doclink-wrapper page="applications/application-as-recipe">Read the documentation</span> to learn more.</p>
                                    <form class="dkuform-horizontal">
                                        <div class="control-group">
                                            <label class="control-label">Icon</label>
                                            <div class="controls">
                                                <input type="text" ng-model="uiState.appManifest.useAsRecipeSettings.icon" />
                                                <span class="help-inline">Must be one of the <a target="_blank" rel="noopener noreferrer" href="https://fontawesome.com/v5/docs/">FontAwesome 5.15.4 icons</a></span>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">Category</label>
                                            <div class="controls">
                                                <input type="text" ng-model="uiState.appManifest.useAsRecipeSettings.category" />
                                                <span class="help-inline">(Optional) Section in which to show the recipe in the new recipe menu</span>
                                            </div>
                                        </div>
                                        <div class="app-tiles__section-subtitle">Inputs/Outputs</div>
                                        <small>
                                            Select the datasets that define the inputs of the (sub)flow which is run as a recipe, and the datasets that define the outputs of the recipe
                                        </small>
                                        <div class="control-group">
                                            <label class="control-label">Inputs</label>
                                            
                                            <div class="controls" ng-if="allDatasets && allManagedFolders && allSavedModels">
                                                <editable-list ng-model="uiState.appManifest.useAsRecipeSettings.inputRoles" add-label="Add new input" template="buildNewInputRole" transcope="{allDatasets:allDatasets, allManagedFolders:allManagedFolders, allSavedModels:allSavedModels}">
                                                    <editable-list-input type="text" ng-model="it.roleLabel" required="true"/>
                                                    :
                                                    <div>
                                                        <select dku-bs-select ng-model="it.type">
                                                            <option value="DATASET">Dataset</option>
                                                            <option value="MANAGED_FOLDER">Folder</option>
                                                            <option value="SAVED_MODEL">Model</option>
                                                        </select>
                                                    </div>
                                                    <div>
                                                        <select dku-bs-select="{liveSearch:true}" ng-model="it.objectId" ng-options="d.name as d.name for d in allDatasets" ng-if="it.type == 'DATASET'"/>
                                                        <select dku-bs-select="{liveSearch:true}" ng-model="it.objectId" ng-options="d.id as d.name for d in allManagedFolders" ng-if="it.type == 'MANAGED_FOLDER'"/>
                                                        <select dku-bs-select="{liveSearch:true}" ng-model="it.objectId" ng-options="d.id as d.name for d in allSavedModels" ng-if="it.type == 'SAVED_MODEL'"/>
                                                    </div>
                                                </editable-list>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">Outputs</label>
                                            <div class="controls" ng-if="allDatasets && allManagedFolders && allSavedModels">
                                                <editable-list ng-model="uiState.appManifest.useAsRecipeSettings.outputRoles" add-label="Add new output" template="buildNewOutputRole" transcope="{allDatasets:allDatasets, allManagedFolders:allManagedFolders}">
                                                    <editable-list-input type="text" ng-model="it.roleLabel" required="true"/>
                                                    :
                                                    <div>
                                                        <select dku-bs-select ng-model="it.type">
                                                            <option value="DATASET">Dataset</option>
                                                            <option value="MANAGED_FOLDER">Folder</option>
                                                        </select>
                                                    </div>
                                                    <div>
                                                        <select dku-bs-select="{liveSearch:true}" ng-model="it.objectId" ng-options="d.name as d.name for d in allDatasets" ng-if="it.type == 'DATASET'"/>
                                                        <select dku-bs-select="{liveSearch:true}" ng-model="it.objectId" ng-options="d.id as d.name for d in allManagedFolders" ng-if="it.type == 'MANAGED_FOLDER'"/>
                                                    </div>
                                                </editable-list>
                                            </div>
                                        </div>
                                        <div class="alert alert__warning" ng-if="recipeRoleNamesChanged()">
                                            Changing the inputs or outputs will break existing usages of this app-as-recipe. The recipes will have to be re-created.
                                        </div>
                                    </form>
                                    <div class="app-tiles__wrapper-dev">
                                        <div class="app-tiles__section-subtitle">Scenario</div>
                                        <small>(Mandatory) Scenario to execute when the recipe is run</small>
                                        <div run-scenario-app-tile-edit tile="uiState.appManifest.useAsRecipeSettings.runScenarioTile" ng-if="uiState.appManifest.useAsRecipeSettings.runScenarioTile"/>
                                        <div class="app-tiles__section-subtitle">Settings</div>
                                        <small>The recipe scenario and code will be able to access these settings as project variables</small>
                                        <div edit-project-variables-app-tile-edit tile="uiState.appManifest.useAsRecipeSettings.variablesEditionTile" no-behavior="true" ng-if="uiState.appManifest.useAsRecipeSettings.variablesEditionTile"/>
                                    </div>
 
                                </div>
                                
                                
                                <div ng-if="!uiState.useAsRecipe" include-no-scope="/templates/apps/app-designer-tiles-definition.html" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

</div>
</div>

<div class="dss-page" ng-if="projectSummary.projectAppType == 'APP_TEMPLATE' && topNav.tab == 'advanced'">
    <div class="fh oa" id="mainScroll">
        <div class="h100 vertical-flex">
            <div block-api-error></div>
            <div class="flex">
                <div class="fh oa">
                    
                    <div class="app-designer__as-recipe" id="app_recipe">
                        <div class="alert alert-info">
                            Transform this application into a recipe
                        </div>
                        <form class="dkuform-horizontal">
                            <div class="control-group">
                                <label class="control-label">Use as recipe</label>
                                <label class="dku-toggle">
                                    <input type="checkbox" ng-model="uiState.useAsRecipe">
                                        <span/>
                                    </input>
                                </label>
                            </div>
                        </form>
                    </div>
    
                    <div class="app-designer__remappings" ng-if="showRemapping">
                        <div class="alert alert-info" style="margin-bottom: 0;">
                            Configure connection and code envs remappings applied when the application is instantiated
                        </div>
                        <form name="remappingsEditor" class="page-top-padding small-lr-padding dkuform-horizontal">
    
                            <h4>Connections</h4>
                            <editable-list ng-model="uiState.appRemapping.connections" add-label="Add new connection" prepare="prepareConnectionRemapping" transcope="{usedConnections: usedConnections, availableConnections: availableConnections}">
                                <input ng-model="it.source" type="text" bs-typeahead="usedConnections" data-min-length='0'/>
                                <div class="editable-list__noflex editable-list__icon">
                                    <i class="editable-list__arrow-icon dku-icon-arrow-right-long-16"></i>
                                </div>
                                <select ng-model="it.target"
                                        dku-bs-select="{liveSearch:true,size:'auto'}"
                                        ng-options="item.name as item.name group by (item.type|connectionTypeToNameForList) for item in availableConnections | orderBy:'(type|connectionTypeToNameForList) + name'" />
                            </editable-list>

<h4>Containerized execution configs</h4>
                            <div class="control-group">
                                <label for="enableContainerExecRemapping" class="control-label">Enable remapping</label>
                                <div class="controls">
                                    <input id="enableContainerExecRemapping" type="checkbox" ng-model="uiState.appRemapping.enableContainerExecRemapping" />
                                </div>
                            </div>
                            <editable-list ng-if="uiState.appRemapping.enableContainerExecRemapping" ng-model="uiState.appRemapping.containerExecs" add-label="Add new container exec config" prepare="prepareContainerExecRemapping" transcope="{usedContainerExecs: usedContainerExecs, availableContainerExecConfs: availableContainerExecConfs}">
                                <input ng-model="it.source" type="text" bs-typeahead="usedContainerExecs" data-min-length='0'/>
                                <div class="editable-list__noflex editable-list__icon">
                                    <i class="editable-list__arrow-icon dku-icon-arrow-right-long-16"></i>
                                </div>
                                <select ng-model="it.target"
                                        dku-bs-select="{liveSearch:true,size:'auto'}"
                                        ng-options="item.name as item.name group by item.type for item in availableContainerExecConfs" />
                            </editable-list>

</form>
                    </div>
    
                    <div class="app-designer__json-manifest">
                        <div class="alert alert-info">
                            This is the JSON manifest of the application, for advanced usage.
                        </div>
                        <form name="manifestEditor" >
                            <div style="border: 1px solid #ccc; padding-bottom: 10px;">
                                <textarea
                                    json-object-pretty-view
                                    keep-old-if-invalid 
                                    name="text"
                                    ui-codemirror="codeMirrorSettingService.get('application/json')"
                                    ng-model="uiState.appManifest">

JSON syntax error!
{{manifestEditor.text.dkuJSONError}}

Convert this project to a reusable application.

{{uiState.appManifest.label || 'Label...'}}