Merge branch 'main' into parse-chat-text

Author: dbadura

backend/companion/.gitignore

@@ -0,0 +1 @@
+credentials.json

backend/companion/getKcpToken.js

@@ -1,8 +1,12 @@
 export async function getKcpToken() {
   const tokenUrl = 'https://kymatest.accounts400.ondemand.com/oauth2/token';
   const grantType = 'client_credentials';
-  const clientId = process.env.COMPANION_KCP_AUTH_CLIENT_ID;
-  const clientSecret = process.env.COMPANION_KCP_AUTH_CLIENT_SECRET;
+  const clientId =
+    process.env.COMPANION_KCP_AUTH_CLIENT_SECRET ??
+    getLocalCredentials()?.clientId;
+  const clientSecret =
+    process.env.COMPANION_KCP_AUTH_CLIENT_ID ??
+    getLocalCredentials()?.clientSecret;
 
   if (!clientId) {
     throw new Error('COMPANION_KCP_AUTH_CLIENT_ID is not set');
@@ -40,3 +44,8 @@ export async function getKcpToken() {
     throw new Error(`Failed to fetch token: ${error.message}`);
   }
 }
+
+function getLocalCredentials() {
+  const fs = require('fs');
+  return JSON.parse(fs.readFileSync('companion/credentials.json', 'utf8'));
+}

docs/extensibility/110-presets.md

@@ -13,25 +13,23 @@ The **presets** section contains a list of objects that define which preset and
 ## Example
 
 ```yaml
-- name: template
+- name: Cash Delivery
   default: true
   value:
     metadata:
-      name: my-name
+      name: delivery-cash
     spec:
-      description: A set description
-- name: preset
+      description: Delivery with cash payment
+- name: Card Pickup
   value:
     metadata:
-      name: second-one
+      name: card-pickup
     spec:
       data: regex
-      description: A different description
-      items:
-        - name: item-1
-          value: 10
-        - name: item-2
-          value: 11
-        - name: item-3
-          value: 5
+      description: Self-pickup and card payment
+      orderDetails:
+        paymentMethod: CARD
+        realization: SELF-PICKUP
 ```
+
+<img src="./assets/Presets.png" alt="Example of a preset" width="50%">

docs/extensibility/120-resource-extensions.md

@@ -21,15 +21,21 @@ This table lists the available parameters of the **data.list** section in your r
 See the following example:
 
 ```yaml
-- source: spec.url
+- name: Description
+- source: spec.description
   search: true
   sort:
     default: true
     compareFunction: '$compareStrings($first, $second)'
-- source: spec.priority
+- name: State
+- source: status.messages[-1].state
   widget: Badge
-- source: "$join(spec.toppings.name, ', ')"
-- name: quantityIsMore
+- name: Toppings price
+  source: $sum(spec.toppings.price)
+  sort:
+    default: true
+    search: true
+- name: Toppings details
   source:
     '$filter(spec.toppings, function ($v, $i, $a) { $v.quantity > $average($a.quantity)
     })'
@@ -39,6 +45,8 @@ See the following example:
 - source: "$join(spec.volumes['configMap' in $keys($)].name, ', ')" # List volume names of volumes that have a ConfigMap
 ```
 
+<img src="./assets/listColumns.png" alt="Example of list column">
+
 ## Related Links
 
 - [Widgets available for the list and details pages](./50-list-and-details-widgets.md)

docs/extensibility/160-wizard-extensions.md

@@ -13,8 +13,7 @@ This table lists the available parameters of the **data.details.header**, **data
 | Parameter             | Required | Type                                            | Description                                                                                                                                                                                                                                                                                                                                                                                                          |
 | --------------------- | -------- | ----------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | **source**            | **Yes**  | string or [JSONata](100-jsonata.md) expression  | Used to fetch data for the widget. In its simplest form, it's the path to the value. Not required for presentational widgets.                                                                                                                                                                                                                                                                                        |
-| **name**              | **Yes**  | string                                          | Name for the primary label of this field. Required for most widgets (except for some rare cases that don't display a label). This can be a key to use from the [**translation** section](150-translations.md                                                                                                                                                                                                         |
-| ).                    |
+| **name**              | **Yes**  | string                                          | Name for the primary label of this field. Required for most widgets (except for some rare cases that don't display a label). This can be a key to use from the [**translation** section](150-translations.md).                                                                                                                                                                                                       |
 | **widget**            | No       | string                                          | A widget to render the defined entry. By default the value is displayed verbatim. For more information about the available widgets, see [List and Details Widgets](./50-list-and-details-widgets.md).                                                                                                                                                                                                                |
 | **valuePreprocessor** | No       | string                                          | Name of the [value preprocessor](130-additional-sections-resources.md#value-preprocessors).                                                                                                                                                                                                                                                                                                                          |
 | **visibility**        | No       | boolean or [JSONata](100-jsonata.md) expression | By default all fields are visible; however, you can use the **visibility** property to control a single item display. <br>- If set to `false` explicitly, the field doesn't render. <br> - If set to any string, this property is treated as [JSONata](100-jsonata.md) format, determining if the field should be visible based on the current value given as `$value`. <br> - If not set, the field always renders. |

docs/extensibility/20-list-columns.md

@@ -59,7 +59,7 @@ See the following example:
   description: status.message
 ```
 
-<img src="./assets/display-widgets/Badge.png" alt="Example of a badge widget" width="50%" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/Badge.png" alt="Example of a badge widget" width="50%">
 <br/><br/>
 
 ### `ControlledBy`
@@ -81,7 +81,7 @@ This is an example of kind and name link:
   placeholder: '-'
 ```
 
-<img src="./assets/display-widgets/ControlledBy.png" alt="Example of a ControlledBy widget" width="40%" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/ControlledBy.png" alt="Example of a ControlledBy widget" width="40%">
 
 This is an exaple of kind only:
 
@@ -92,7 +92,7 @@ This is an exaple of kind only:
   kindOnly: true
 ```
 
-<img src="./assets/display-widgets/ControlledBy--kindOnly.png" alt="Example of a ControlledBy widget without name link" width="40%" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/ControlledBy--kindOnly.png" alt="Example of a ControlledBy widget without name link" width="40%">
 
 ### `ConditionList`
 
@@ -112,7 +112,7 @@ status:
       source: status.conditions
 ```
 
-<img src="./assets/display-widgets/ConditionList.png" alt="Example of a condition list widget" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/ConditionList.png" alt="Example of a condition list widget">
 
 This is an example of `ConditionList` with overriden statuses:
 
@@ -139,7 +139,7 @@ status:
             - unknown
 ```
 
-<img src="./assets/display-widgets/ConditionListHighlights.png" alt="Example of a condition list widget with overriden statuses" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/ConditionListHighlights.png" alt="Example of a condition list widget with overriden statuses">
 
 ### `ExternalLink`
 
@@ -169,7 +169,7 @@ This is an example of source only usage:
   name: spec.servers.hosts
 ```
 
-<img src="./assets/display-widgets/ExternalLinks.png" alt="Example of a ExternalLink widget without linkFormula and textFormula" width="40%" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/ExternalLinks.png" alt="Example of a ExternalLink widget without linkFormula and textFormula" width="40%">
 
 ### `ExternalLinkButton`
 
@@ -190,7 +190,7 @@ See the following example:
   link: https://help.sap.com/docs/btp/sap-business-technology-platform/kyma-s-modular-approach
 ```
 
-<img src="./assets/display-widgets/ExternalLinkButton.png" alt="Example of a ExternalLinkButton widget" width="30%" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/ExternalLinkButton.png" alt="Example of a ExternalLinkButton widget" width="30%">
 
 ### `JoinedArray`
 
@@ -213,7 +213,7 @@ See the following example:
   separator: ' || '
 ```
 
-<img src="./assets/display-widgets/JoinedArray1.png" alt="Example of a joined array widget" width="40%" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/JoinedArray1.png" alt="Example of a joined array widget" width="40%">
 
 ```yaml
 - name: Toppings
@@ -224,7 +224,7 @@ See the following example:
       widget: Badge
 ```
 
-<img src="./assets/display-widgets/JoinedArray2.png" alt="Example of a joined array widget" width="30%" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/JoinedArray2.png" alt="Example of a joined array widget" width="30%">
 
 ### `Labels`
 
@@ -245,7 +245,7 @@ See the following example:
   placeholder: '-'
 ```
 
-<img src="./assets/display-widgets/Lables.png" alt="Example of a Labels widget" width="30%" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/Lables.png" alt="Example of a Labels widget" width="30%">
 
 ### `ResourceButton`
 
@@ -272,7 +272,7 @@ This is an example for widget usage in the details section:
   icon: right-arrow
 ```
 
-<img src="./assets/display-widgets/ResourceButton.png" alt="Example of a ResourceButton widget" width="30%" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/ResourceButton.png" alt="Example of a ResourceButton widget" width="30%">
 
 ### `ResourceLink`
 
@@ -299,7 +299,7 @@ This is an example of the `ResourceLink` widget usage in the details section:
     kind: $item.spec.ownerReferences[0].kind
 ```
 
-<img src="./assets/display-widgets/ResourceLink.png" alt="Example of a ResourceLink widget" width="40%" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/ResourceLink.png" alt="Example of a ResourceLink widget" width="40%">
 
 ### `Text`
 
@@ -320,7 +320,7 @@ See the following example:
   placeholder: '-'
 ```
 
-<img src="./assets/display-widgets/Text.png" alt="Example of a text widget" width="40%" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/Text.png" alt="Example of a text widget" width="40%">
 
 ## Block Widgets
 
@@ -349,7 +349,7 @@ See the following example:
   disableMargin: true
 ```
 
-<img src="./assets/display-widgets/Alert.png" alt="Example of a text widget" width="70%" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/Alert.png" alt="Example of a text widget" width="70%">
 
 ### `CodeViewer`
 
@@ -369,7 +369,7 @@ See the following example:
   language: "$root.spec.language = 'JavaScript' ? 'javascript' : 'yaml'"
 ```
 
-<img src="./assets/display-widgets/CodeViewer.png" alt="Example of a CodeViewer widget" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/CodeViewer.png" alt="Example of a CodeViewer widget">
 
 ### `Columns`
 
@@ -398,7 +398,7 @@ See the following example:
         - source: spec.other-value
 ```
 
-<img src="./assets/display-widgets/Columns.png" alt="Example of a columns widget" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/Columns.png" alt="Example of a columns widget">
 
 ### `EventList`
 
@@ -422,7 +422,7 @@ See the following examples:
   defaultType: information
 ```
 
-<img src="./assets/display-widgets/EventList-InvolvedObject.png" alt="Example of a EventList widget" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/EventList-InvolvedObject.png" alt="Example of a EventList widget">
 
 ---
 
@@ -434,7 +434,7 @@ See the following examples:
   hideInvolvedObjects: true
 ```
 
-<img src="./assets/display-widgets/EventList-Hidden.png" alt="Example of a EventList widget with hidden involved objects" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/EventList-Hidden.png" alt="Example of a EventList widget with hidden involved objects">
 
 ### `FeaturedCard`
 
@@ -480,7 +480,7 @@ injections: |-
         location: ClusterOverview
 ```
 
-<img src="./assets/display-widgets/FeaturedCard.png" alt="Example of a FeaturedCard widget" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/FeaturedCard.png" alt="Example of a FeaturedCard widget">
 
 ### `Panel`
 
@@ -512,7 +512,7 @@ See the following example:
     - source: '$parent.entry2'
 ```
 
-<img src="./assets/display-widgets/Panel.png" alt="Example of a panel widget" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/Panel.png" alt="Example of a panel widget">
 
 See the following example:
 
@@ -577,7 +577,7 @@ See the following examples"
       searchFunction: '$filter(spec.containers, function($c){ $contains($c.image, $input) })'
 ```
 
-<img src="./assets/display-widgets/ResourceList.png" alt="Example of a ResourceList widget" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/ResourceList.png" alt="Example of a ResourceList widget">
 
 ---
 
@@ -601,7 +601,7 @@ See the following examples"
         default: true
 ```
 
-<img src="./assets/display-widgets/ResourceListChildren.png" alt="Example of a ResourceList widget with children" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/ResourceListChildren.png" alt="Example of a ResourceList widget with children">
 
 ### `ResourceRefs`
 
@@ -621,7 +621,7 @@ See the following example:
   kind: Secret
 ```
 
-<img src="./assets/display-widgets/ResourceRefs.png" alt="Example of a ResourceRefs widget" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/ResourceRefs.png" alt="Example of a ResourceRefs widget">
 
 ### `StatisticalCard`
 
@@ -678,7 +678,7 @@ injections: |-
         location: ClusterOverview
 ```
 
-<img src="./assets/display-widgets/StatisticalCard.png" alt="Example of a StatisticalCard widget" style="border: 1px solid #D2D5D9" width="50%">
+<img src="./assets/display-widgets/StatisticalCard.png" alt="Example of a StatisticalCard widget" width="50%">
 
 ### `Table`
 
@@ -715,7 +715,7 @@ See the following example:
         searchFunction: '$filter($item.price, function($p){ $p > $number($input) }'
 ```
 
-<img src="./assets/display-widgets/Table.png" alt="Example of a table widget" style="border: 1px solid #D2D5D9" width="40%">
+<img src="./assets/display-widgets/Table.png" alt="Example of a table widget" width="40%">
 
 ### `Tabs`
 
@@ -737,7 +737,7 @@ See the following example:
           source: '...'
 ```
 
-<img src="./assets/display-widgets/Tabs.png" alt="Example of a tabs widget" style="border: 1px solid #D2D5D9">
+<img src="./assets/display-widgets/Tabs.png" alt="Example of a tabs widget">
 
 ## Radial Chart
 
@@ -779,4 +779,4 @@ injections: |-
         location: ClusterOverview
 ```
 
-<img src="./assets/display-widgets/RadialChart.png" alt="Example of a RadialChart widget" style="border: 1px solid #D2D5D9" width="30%">
+<img src="./assets/display-widgets/RadialChart.png" alt="Example of a RadialChart widget" width="30%">