diff --git a/packages/client/hmi-client/src/components/widgets/tera-asset-enrichment.vue b/packages/client/hmi-client/src/components/widgets/tera-asset-enrichment.vue
index 225001028a..06b35b8bc0 100644
--- a/packages/client/hmi-client/src/components/widgets/tera-asset-enrichment.vue
+++ b/packages/client/hmi-client/src/components/widgets/tera-asset-enrichment.vue
@@ -11,14 +11,20 @@
Enrich metadata
-
- The AI assistant can enrich the metadata of this {{ assetType }}. Select a document or generate the information
- without additional context.
-
+ The AI assistant can enrich the metadata of this {{ assetType }}.
+ Select a document or generate the information without additional context.
+ -
+
+
-
-
-
+
@@ -112,15 +118,14 @@ const isDialogDisabled = computed(() => {
// return `Use Document to ${result.toLowerCase()}`;
// });
-const documents = computed<{ name: string; id: string }[]>(() => [
- { name: 'No document', id: '' }, // Empty string is falsey
- ...useProjects()
+const documents = computed<{ name: string; id: string }[]>(() =>
+ useProjects()
.getActiveProjectAssets(AssetType.Document)
.map((projectAsset: ProjectAsset) => ({
name: projectAsset.assetName,
id: projectAsset.assetId
}))
-]);
+);
function closeDialog() {
isModalVisible.value = false;
@@ -207,31 +212,23 @@ ul {
gap: var(--gap-2);
padding: var(--gap-4) 0;
- & > li {
+ li {
display: flex;
align-items: center;
- gap: var(--gap);
}
-}
-.no-documents {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
+ li:first-child {
+ margin-bottom: var(--gap-2);
+ }
-.no-documents-img {
- width: 30%;
- padding: 10px;
-}
+ label {
+ cursor: pointer;
+ }
-.no-documents-text {
- padding: 5px;
- font-size: var(--font-body-medium);
- font-family: var(--font-family), sans-serif;
- font-weight: 500;
- color: var(--text-color-secondary);
- text-align: left;
+ /* Add margin between the input and the copy */
+ label > :last-child {
+ margin-right: var(--gap-2);
+ }
}
.p-dialog aside > * {