-
Notifications
You must be signed in to change notification settings - Fork 153
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
#5033 - Ability to configure recommenders interactively on the annota…
…tion page - Added interactive modes to Azure and Ollama too
- Loading branch information
Showing
21 changed files
with
715 additions
and
149 deletions.
There are no files selected for viewing
66 changes: 66 additions & 0 deletions
66
...mstadt/ukp/inception/recommendation/imls/azureaiopenai/AzureAiOpenAiInteractionPanel.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,66 @@ | ||
| <!-- | ||
| Licensed to the Technische Universität Darmstadt under one | ||
| or more contributor license agreements. See the NOTICE file | ||
| distributed with this work for additional information | ||
| regarding copyright ownership. The Technische Universität Darmstadt | ||
| licenses this file to you under the Apache License, Version 2.0 (the | ||
| "License"); you may not use this file except in compliance | ||
| with the License. | ||
| http://www.apache.org/licenses/LICENSE-2.0 | ||
| Unless required by applicable law or agreed to in writing, software | ||
| distributed under the License is distributed on an "AS IS" BASIS, | ||
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
| See the License for the specific language governing permissions and | ||
| limitations under the License. | ||
| --> | ||
| <html xmlns="http://www.w3.org/1999/xhtml" | ||
| xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd"> | ||
| <wicket:head> | ||
| <style> | ||
| .small p { | ||
| margin-bottom: 0.25em; | ||
| } | ||
| </style> | ||
| </wicket:head> | ||
| <wicket:panel> | ||
| <form wicket:id="form"> | ||
| <div class="form-floating mb-3" wicket:enclosure="preset"> | ||
| <select wicket:id="preset" class="form-select" wicket:message="placeholder:preset"/> | ||
| <label wicket:for="preset"> | ||
| <wicket:label key="preset" /> | ||
| </label> | ||
| </div> | ||
|
|
||
| <div class="form-floating mb-3" wicket:enclosure="promptingMode"> | ||
| <select wicket:id="promptingMode" class="form-select" wicket:message="placeholder:promptingMode"/> | ||
| <label wicket:for="promptingMode"> | ||
| <wicket:label key="promptingMode" /> | ||
| </label> | ||
| </div> | ||
|
|
||
| <div class="form-floating mb-3" wicket:enclosure="extractionMode"> | ||
| <select wicket:id="extractionMode" class="form-select" wicket:message="placeholder:extractionMode"/> | ||
| <label wicket:for="extractionMode"> | ||
| <wicket:label key="extractionMode" /> | ||
| </label> | ||
| </div> | ||
|
|
||
| <div class="form-floating mb-3" wicket:enclosure="format"> | ||
| <select wicket:id="format" class="form-select" wicket:message="placeholder:format"/> | ||
| <label wicket:for="format"> | ||
| <wicket:label key="format" /> | ||
| </label> | ||
| </div> | ||
|
|
||
| <div class="form-floating mb-3" wicket:enclosure="prompt"> | ||
| <textarea wicket:id="prompt" class="form-control mb-2" rows="10" style="min-height: 10em;" wicket:message="placeholder:promptJinja"/> | ||
| <label wicket:for="prompt"> | ||
| <wicket:message key="promptJinja"/> | ||
| </label> | ||
| <div wicket:id="promptHints" class="small text-muted"/> | ||
| </div> | ||
| </form> | ||
| </wicket:panel> | ||
| </html> |
150 changes: 150 additions & 0 deletions
150
...mstadt/ukp/inception/recommendation/imls/azureaiopenai/AzureAiOpenAiInteractionPanel.java
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,150 @@ | ||
| /* | ||
| * Licensed to the Technische Universität Darmstadt under one | ||
| * or more contributor license agreements. See the NOTICE file | ||
| * distributed with this work for additional information | ||
| * regarding copyright ownership. The Technische Universität Darmstadt | ||
| * licenses this file to you under the Apache License, Version 2.0 (the | ||
| * "License"); you may not use this file except in compliance | ||
| * with the License. | ||
| * | ||
| * http://www.apache.org/licenses/LICENSE-2.0 | ||
| * | ||
| * Unless required by applicable law or agreed to in writing, software | ||
| * distributed under the License is distributed on an "AS IS" BASIS, | ||
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
| * See the License for the specific language governing permissions and | ||
| * limitations under the License. | ||
| */ | ||
| package de.tudarmstadt.ukp.inception.recommendation.imls.azureaiopenai; | ||
|
|
||
| import static de.tudarmstadt.ukp.inception.recommendation.imls.azureaiopenai.client.GenerateResponseFormat.JSON; | ||
| import static de.tudarmstadt.ukp.inception.recommendation.imls.support.llm.response.ExtractionMode.MENTIONS_FROM_JSON; | ||
| import static de.tudarmstadt.ukp.inception.support.lambda.HtmlElementEvents.CHANGE_EVENT; | ||
|
|
||
| import java.util.List; | ||
|
|
||
| import org.apache.wicket.ajax.AjaxRequestTarget; | ||
| import org.apache.wicket.markup.html.form.ChoiceRenderer; | ||
| import org.apache.wicket.markup.html.form.DropDownChoice; | ||
| import org.apache.wicket.markup.html.form.Form; | ||
| import org.apache.wicket.markup.html.form.TextArea; | ||
| import org.apache.wicket.model.CompoundPropertyModel; | ||
| import org.apache.wicket.model.IModel; | ||
| import org.apache.wicket.model.LoadableDetachableModel; | ||
| import org.apache.wicket.model.Model; | ||
| import org.apache.wicket.spring.injection.annot.SpringBean; | ||
|
|
||
| import de.tudarmstadt.ukp.inception.recommendation.api.RecommendationService; | ||
| import de.tudarmstadt.ukp.inception.recommendation.api.model.Recommender; | ||
| import de.tudarmstadt.ukp.inception.recommendation.api.recommender.AbstractTraitsEditor; | ||
| import de.tudarmstadt.ukp.inception.recommendation.api.recommender.RecommendationEngineFactory; | ||
| import de.tudarmstadt.ukp.inception.recommendation.imls.support.llm.prompt.PromptingModeSelect; | ||
| import de.tudarmstadt.ukp.inception.recommendation.imls.support.llm.response.ExtractionModeSelect; | ||
| import de.tudarmstadt.ukp.inception.support.lambda.LambdaAjaxFormComponentUpdatingBehavior; | ||
| import de.tudarmstadt.ukp.inception.support.lambda.LambdaBehavior; | ||
| import de.tudarmstadt.ukp.inception.support.markdown.MarkdownLabel; | ||
|
|
||
| public class AzureAiOpenAiInteractionPanel | ||
| extends AbstractTraitsEditor | ||
| { | ||
| private static final long serialVersionUID = 1677442652521110324L; | ||
|
|
||
| private static final String MID_FORM = "form"; | ||
| private static final String MID_PROMPT = "prompt"; | ||
| private static final String MID_NAME = "name"; | ||
| private static final String MID_PRESET = "preset"; | ||
| private static final String MID_FORMAT = "format"; | ||
| private static final String MID_EXTRACTION_MODE = "extractionMode"; | ||
| private static final String MID_PROMPTING_MODE = "promptingMode"; | ||
| private static final String MID_PROMPT_HINTS = "promptHints"; | ||
|
|
||
| private @SpringBean RecommendationService recommendationService; | ||
| private @SpringBean RecommendationEngineFactory<AzureAiOpenAiRecommenderTraits> toolFactory; | ||
|
|
||
| private final CompoundPropertyModel<AzureAiOpenAiRecommenderTraits> traits; | ||
|
|
||
| public AzureAiOpenAiInteractionPanel(String aId, IModel<Recommender> aRecommender, | ||
| IModel<List<Preset>> aPresets) | ||
| { | ||
| super(aId, aRecommender); | ||
|
|
||
| setOutputMarkupId(true); | ||
|
|
||
| traits = CompoundPropertyModel.of(toolFactory.readTraits(aRecommender.getObject())); | ||
|
|
||
| var form = new Form<AzureAiOpenAiRecommenderTraits>(MID_FORM, traits) | ||
| { | ||
| private static final long serialVersionUID = -1; | ||
|
|
||
| @Override | ||
| protected void onSubmit() | ||
| { | ||
| super.onSubmit(); | ||
| toolFactory.writeTraits(aRecommender.getObject(), traits.getObject()); | ||
| } | ||
| }; | ||
| form.setOutputMarkupPlaceholderTag(true); | ||
|
|
||
| var presetSelect = new DropDownChoice<Preset>(MID_PRESET); | ||
| presetSelect.setModel(Model.of()); | ||
| presetSelect.setChoiceRenderer(new ChoiceRenderer<>(MID_NAME)); | ||
| presetSelect.setChoices(aPresets); | ||
| presetSelect.add(new LambdaAjaxFormComponentUpdatingBehavior(CHANGE_EVENT, | ||
| _target -> applyPreset(form, presetSelect.getModelObject(), _target))); | ||
| form.add(presetSelect); | ||
|
|
||
| form.add(new TextArea<String>(MID_PROMPT)); | ||
|
|
||
| var markdownLabel = new MarkdownLabel(MID_PROMPT_HINTS, | ||
| LoadableDetachableModel.of(this::getPromptHints)); | ||
| markdownLabel.setOutputMarkupId(true); | ||
| form.add(markdownLabel); | ||
|
|
||
| form.add(new PromptingModeSelect(MID_PROMPTING_MODE) | ||
| .add(new LambdaAjaxFormComponentUpdatingBehavior(CHANGE_EVENT, | ||
| _target -> _target.add(markdownLabel)))); | ||
|
|
||
| var responseFormat = new AzureAiOpenAiResponseFormatSelect(MID_FORMAT); | ||
| responseFormat.setOutputMarkupPlaceholderTag(true); | ||
| responseFormat.add(new LambdaAjaxFormComponentUpdatingBehavior(CHANGE_EVENT)); | ||
| responseFormat.add(LambdaBehavior | ||
| .visibleWhen(traits.map(t -> t.getExtractionMode() != MENTIONS_FROM_JSON))); | ||
| form.add(responseFormat); | ||
|
|
||
| form.add(new ExtractionModeSelect(MID_EXTRACTION_MODE, traits.bind(MID_EXTRACTION_MODE), | ||
| getModel()) | ||
| .add(new LambdaAjaxFormComponentUpdatingBehavior(CHANGE_EVENT, | ||
| _target -> actionExtractionModeChanged(markdownLabel, | ||
| responseFormat, _target)))); | ||
|
|
||
| add(form); | ||
| } | ||
|
|
||
| private void actionExtractionModeChanged(MarkdownLabel markdownLabel, | ||
| AzureAiOpenAiResponseFormatSelect responseFormat, AjaxRequestTarget _target) | ||
| { | ||
| if (traits.getObject().getExtractionMode() == MENTIONS_FROM_JSON) { | ||
| traits.getObject().setFormat(JSON); | ||
| } | ||
|
|
||
| _target.add(markdownLabel, responseFormat); | ||
| } | ||
|
|
||
| private void applyPreset(Form<AzureAiOpenAiRecommenderTraits> aForm, Preset aPreset, | ||
| AjaxRequestTarget aTarget) | ||
| { | ||
| if (aPreset != null) { | ||
| var settings = traits.getObject(); | ||
| settings.setPrompt(aPreset.getPrompt()); | ||
| settings.setExtractionMode(aPreset.getExtractionMode()); | ||
| settings.setFormat(aPreset.getFormat()); | ||
| settings.setPromptingMode(aPreset.getPromptingMode()); | ||
| } | ||
| aTarget.add(aForm); | ||
| } | ||
|
|
||
| private String getPromptHints() | ||
| { | ||
| return traits.getObject().getPromptingMode().getHints(); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.