diff --git a/chart/templates/widgets.composition-card.yaml b/chart/templates/widgets.composition-card.yaml
index dd12cd5..811d8b5 100644
--- a/chart/templates/widgets.composition-card.yaml
+++ b/chart/templates/widgets.composition-card.yaml
@@ -6,6 +6,7 @@ metadata:
   namespace: {{ .Release.Namespace }}
 data:
   panel: "false"
+  route: /compositions/{{ .Release.Namespace }}/{{ .Release.Name }}
 ---
 apiVersion: templates.krateo.io/v1alpha1
 kind: Widget
@@ -32,7 +33,7 @@ spec:
       verb: DELETE
   app:
     template:
-      tags: {{ .Release.Namespace }}
+      tags: {{ .Release.Namespace }},{{.Chart.Version}}
       title: {{ .Release.Name }}
       content: This is a card for {{ .Release.Name }} composition
       {{- if and .Values.card .Values.card.icon }}
@@ -40,8 +41,10 @@ spec:
       {{- else }}
       icon: fa-circle-question
       {{- end }}
-      {{- if and .Values.card .Values.card.color }}
-      color: {{ .Values.card.color }}
-      {{- else }}
-      color: grey
-      {{- end }}
+      color: ${ .getComposition.status.conditions[] | select(.type == "Ready") | if .status == "False" then "orange" elif .status == "True" then "green" else "grey" end }
+      status: ${ .getComposition.status.conditions[] | select(.type == "Ready") | "Ready:" + .status }
+      date: ${ .getComposition.metadata.creationTimestamp }
+  api:
+  - name: getComposition
+    path: "/apis/{{ .Values.global.compositionApiVersion }}/namespaces/{{ .Release.Namespace }}/{{ .Values.global.compositionResource }}/{{ .Release.Name }}"
+    verb: GET
\ No newline at end of file
diff --git a/chart/templates/widgets.composition-route.yaml b/chart/templates/widgets.composition-route.yaml
new file mode 100644
index 0000000..614c8a2
--- /dev/null
+++ b/chart/templates/widgets.composition-route.yaml
@@ -0,0 +1,18 @@
+apiVersion: templates.krateo.io/v1alpha1
+kind: Widget
+metadata:
+  name: composition-{{ .Release.Name }}-route
+  namespace: {{ .Release.Namespace }}
+spec:
+  actions:
+  - template:
+      apiVersion: templates.krateo.io/v1alpha1
+      name: composition-{{ .Release.Name }}-tablist
+      namespace: {{ .Release.Namespace }}
+      resource: collections
+      verb: GET
+  app:
+    template:
+      menu: "false"
+      path: /compositions/{{ .Release.Namespace }}/{{ .Release.Name }}
+  type: route
\ No newline at end of file
diff --git a/chart/templates/widgets.composition-tabpane-yamlviewer-row-column-1-panel-yamlviewer.yaml b/chart/templates/widgets.composition-tabpane-yamlviewer-row-column-1-panel-yamlviewer.yaml
index 5435375..9938fb4 100644
--- a/chart/templates/widgets.composition-tabpane-yamlviewer-row-column-1-panel-yamlviewer.yaml
+++ b/chart/templates/widgets.composition-tabpane-yamlviewer-row-column-1-panel-yamlviewer.yaml
@@ -8,11 +8,9 @@ spec:
   type: paragraph
   app:
     template:
-      yaml: {{ .getCompositionYaml }}
+      json: ${ .getCompositionJSON }
   api:
-  - name: getCompositionYaml
+  - name: getCompositionJSON
     path: "/apis/{{ .Values.global.compositionApiVersion }}/namespaces/{{ .Release.Namespace }}/{{ .Values.global.compositionResource }}/{{ .Release.Name }}"
     verb: GET
-    headers:
-    - 'Accept: application/yaml'
 {{- end }}
\ No newline at end of file