From 135b1c79e9928b5701f73fd7d50ae6906a5e14f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Huss?= <sebastien.huss@gmail.com>
Date: Fri, 15 Mar 2024 17:10:27 +0100
Subject: [PATCH] 0.2.3 CRD improvements

---
 .gitignore                                    |   1 +
 back/resolvers/core/CrdObject.ts              | 122 ++++++++++++++++++
 back/resolvers/core/custom.ts                 |   4 +
 back/schema/core.graphql                      |  13 ++
 front/components/charts/stackedBarChart.vue   |   2 +-
 front/components/core/AdviceList.vue          |   2 +-
 front/components/core/AdviceOverview.vue      |  12 +-
 front/components/core/AllProblemOverview.vue  |  21 ++-
 front/components/core/ContainerList.vue       |  28 ++--
 front/components/core/CrdObjectEdit.vue       |  56 ++++++++
 front/components/core/CrdObjectList.vue       |  62 +++++++++
 front/components/core/CrdObjectMeta.vue       |  97 ++++++++++++++
 front/components/core/CrdObjectView.vue       | 121 +++++++++++++++++
 front/components/core/MetadataNew.vue         |   5 +-
 front/components/core/MetadataView.vue        |   9 +-
 front/components/core/MonacoEditor.vue        |   1 -
 front/components/core/OpenApiEdit.vue         |  22 ++--
 front/components/core/OpenApiEditArray.vue    |   2 +-
 front/components/core/OpenApiEditNumber.vue   |   3 +-
 front/components/core/OpenApiEditObject.vue   |   2 +-
 front/components/core/OpenApiEditString.vue   |   3 +-
 .../core/OpenApiEditUndefObject.vue           |   2 +-
 front/components/core/ProblemList.vue         |   2 +-
 front/components/core/ProblemOverview.vue     |   8 +-
 front/components/core/UrlList.vue             |   5 +-
 front/components/navigation/BreadCrumbs.vue   |   8 +-
 .../navigation/RefreshRateSelector.vue        |   4 +-
 front/components/vynil/CategoryList.vue       |   7 +-
 front/components/vynil/CategoryMeta.vue       |   5 +-
 front/components/vynil/PackageList.vue        |  15 ++-
 front/components/vynil/PackageMeta.vue        |  17 +--
 front/i18n/en.json                            |  55 +++++++-
 front/i18n/fr.json                            |  62 +++++++--
 front/index.ts                                |  17 ++-
 front/libs/certmanager/custom.ts              |  29 +++--
 front/libs/core/crdObject.ts                  |  99 ++++++++++++++
 front/libs/core/custom.ts                     |   1 +
 front/libs/core/index.ts                      |   5 +-
 front/libs/fluxcd/custom.ts                   |   6 +-
 front/libs/jaegertracing/custom.ts            |   2 +-
 front/libs/k8s/custom.ts                      |   7 +-
 front/libs/vynil/custom.ts                    |   4 +-
 front/libs/zalando/custom.ts                  |  17 +--
 front/pages/core/CrdObjectEdit.vue            |  98 ++++++++++++++
 front/pages/core/CrdObjectNew.vue             |  98 ++++++++++++++
 front/pages/core/CrdObjectView.vue            |  85 ++++++++++++
 front/pages/install/vynil/DistribView.vue     |   5 +-
 front/pages/install/vynil/InstallView.vue     |   5 +-
 .../core/clusteredObject.create.graphql       |  14 ++
 .../core/clusteredObject.delete.graphql       |  14 ++
 .../core/clusteredObject.patch.graphql        |  13 ++
 front/queries/core/crdObject.read.graphql     |  21 +++
 .../core/namespacedObject.create.graphql      |  15 +++
 .../core/namespacedObject.delete.graphql      |  15 +++
 .../core/namespacedObject.patch.graphql       |  14 ++
 front/stores/navigation.ts                    |   1 +
 package.json                                  |   4 +-
 utils/gen.ts                                  |   1 +
 utils/generator/back/obj.resolvers.ts.hbs     |   9 ++
 utils/generator/config.ts                     |   7 +
 .../front/all.query.read.graphql.hbs          |  22 +++-
 .../generator/front/grp.pages.advices.vue.hbs |   2 +-
 .../front/grp.pages.dashboard.vue.hbs         |   2 +-
 .../front/grp.query.read.graphql.hbs          |  22 +++-
 utils/generator/front/grp.routes.ts.hbs       |  96 +++++++++++++-
 .../front/obj.components.edit.vue.hbs         |  32 ++---
 .../front/obj.components.list.vue.hbs         |  18 +--
 .../front/obj.components.meta.vue.hbs         |  12 +-
 .../front/obj.components.status.vue.hbs       |  10 +-
 .../front/obj.components.view.vue.hbs         |  27 ++--
 utils/generator/front/obj.lib.ts.hbs          |  29 ++---
 utils/generator/front/obj.pages.edit.vue.hbs  |  21 ++-
 utils/generator/front/obj.pages.list.vue.hbs  |  11 +-
 utils/generator/front/obj.pages.new.vue.hbs   |  29 ++---
 utils/generator/front/obj.pages.view.vue.hbs  |  19 ++-
 .../front/obj.query.read.graphql.hbs          |  12 ++
 .../partials/back/list.resolver.ts.hbs        |   2 +-
 .../partials/front/extra.fields.vue.hbs       |   2 +-
 .../partials/front/name.fields.vue.hbs        |   2 +-
 utils/generator/partials/resolvers/crd.ts.hbs |  87 +++++++++++++
 utils/generator/partials/resolvers/k8s.ts.hbs |  12 +-
 81 files changed, 1562 insertions(+), 291 deletions(-)
 create mode 100644 back/resolvers/core/CrdObject.ts
 create mode 100644 front/components/core/CrdObjectEdit.vue
 create mode 100644 front/components/core/CrdObjectList.vue
 create mode 100644 front/components/core/CrdObjectMeta.vue
 create mode 100644 front/components/core/CrdObjectView.vue
 create mode 100644 front/libs/core/crdObject.ts
 create mode 100644 front/pages/core/CrdObjectEdit.vue
 create mode 100644 front/pages/core/CrdObjectNew.vue
 create mode 100644 front/pages/core/CrdObjectView.vue
 create mode 100644 front/queries/core/clusteredObject.create.graphql
 create mode 100644 front/queries/core/clusteredObject.delete.graphql
 create mode 100644 front/queries/core/clusteredObject.patch.graphql
 create mode 100644 front/queries/core/crdObject.read.graphql
 create mode 100644 front/queries/core/namespacedObject.create.graphql
 create mode 100644 front/queries/core/namespacedObject.delete.graphql
 create mode 100644 front/queries/core/namespacedObject.patch.graphql
 create mode 100644 utils/generator/partials/resolvers/crd.ts.hbs

diff --git a/.gitignore b/.gitignore
index 15d976a7..354881f4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -31,6 +31,7 @@
 !/front/libs/i18n/*
 !/front/libs/core/*
 /front/pages/**/*.vue
+!/front/pages/core/*.vue
 !/front/pages/install/vynil/DistribView.vue
 !/front/pages/install/vynil/InstallView.vue
 !/front/pages/install/vynil/InstallEdit.vue
diff --git a/back/resolvers/core/CrdObject.ts b/back/resolvers/core/CrdObject.ts
new file mode 100644
index 00000000..a3c6c0b4
--- /dev/null
+++ b/back/resolvers/core/CrdObject.ts
@@ -0,0 +1,122 @@
+import k8s from '@kubernetes/client-node';
+import rfc6902  from 'rfc6902';
+import {kc, getMeta, getMetaNS } from '../k8slibs.js';
+const k8sApi = kc.makeApiClient(k8s.CustomObjectsApi);
+export const mutations = {
+    clusteredCrdObjectCreate: async (_parent, args: object) => {
+        const payload = {
+            apiVersion: `${args['group']}/${args['version']}`,
+            kind: args['kind'],
+            metadata: getMeta(args),
+            "spec": args['spec'],
+        }
+        try {
+            const res = await k8sApi.createClusterCustomObject(args['group'],args['version'],args['plural'], payload)
+            return res.body
+        } catch (err) {
+          if (typeof err === 'object' && (err as object)['body'] !=undefined && (err as object)['statusCode'] !=undefined) {
+            if ((err as object)['statusCode'] != 404 && (err as object)['body']['reason']!='Forbidden') {
+              console.error('error', (err as object)['body']);
+            }
+          } else {console.error('error', err)}
+        }
+        return null
+    },
+    clusteredCrdObjectDelete: async (_parent, args: object) => {
+        try {
+            const res = await k8sApi.deleteClusterCustomObject(args['group'],args['version'],args['plural'], args['name'])
+            return res.body
+        } catch (err) {
+          if (typeof err === 'object' && (err as object)['body'] !=undefined && (err as object)['statusCode'] !=undefined) {
+            if ((err as object)['statusCode'] != 404 && (err as object)['body']['reason']!='Forbidden') {
+              console.error('error', (err as object)['body']);
+            }
+          } else {console.error('error', err)}
+        }
+        return null
+    },
+    clusteredCrdObjectPatch: async (_parent, args: object) => {
+        const request = {
+            apiVersion: `${args['group']}/${args['version']}`,
+            kind: args['kind'],
+            metadata: getMeta(args),
+        }
+        if (args['spec'] != undefined && args['spec'] != null)
+            request["spec"] =  args['spec'];
+        try {
+            const resGet = await k8sApi.getClusterCustomObject(args['group'],args['version'],args['plural'], args['metadata']['name'])
+            const payload = rfc6902.createPatch(resGet.body,request).filter(rule => !rule.path.startsWith('/status') && !['/metadata/creationTimestamp', '/metadata/finalizers', '/metadata/generation', '/metadata/managedFields', '/metadata/resourceVersion','/metadata/uid'].includes(rule.path) )
+            const options = { "headers": { "Content-type": k8s.PatchUtils.PATCH_FORMAT_JSON_PATCH}};
+            const res = await k8sApi.patchClusterCustomObject(args['group'],args['version'],args['plural'], args['metadata']['name'], payload, undefined, undefined, undefined, options)
+            return res.body
+        } catch (err) {
+          if (typeof err === 'object' && (err as object)['body'] !=undefined && (err as object)['statusCode'] !=undefined) {
+            if ((err as object)['statusCode'] != 404 && (err as object)['body']['reason']!='Forbidden') {
+              console.error('error', (err as object)['body']);
+            }
+          } else {console.error('error', err)}
+        }
+        return null
+    },
+    namespacedCrdObjectCreate: async (_parent, args: object) => {
+        const payload = {
+            apiVersion: `${args['group']}/${args['version']}`,
+            kind: args['kind'],
+            metadata: getMetaNS(args),
+            "spec": args['spec'],
+        }
+        try {
+            const res = await k8sApi.createNamespacedCustomObject(args['group'],args['version'],args['metadata']['namespace'],args['plural'], payload)
+            return res.body
+        } catch (err) {
+          if (typeof err === 'object' && (err as object)['body'] !=undefined && (err as object)['statusCode'] !=undefined) {
+            if ((err as object)['statusCode'] != 404 && (err as object)['body']['reason']!='Forbidden') {
+              console.error('error', (err as object)['body']);
+            }
+          } else {console.error('error', err)}
+        }
+        return null
+    },
+    namespacedCrdObjectDelete: async (_parent, args: object) => {
+        try {
+            const res = await k8sApi.deleteNamespacedCustomObject(args['group'],args['version'],args['namespace'],args['plural'], args['name'])
+            return res.body
+        } catch (err) {
+          if (typeof err === 'object' && (err as object)['body'] !=undefined && (err as object)['statusCode'] !=undefined) {
+            if ((err as object)['statusCode'] != 404 && (err as object)['body']['reason']!='Forbidden') {
+              console.error('error', (err as object)['body']);
+            }
+          } else {console.error('error', err)}
+        }
+        return null
+    },
+    namespacedCrdObjectPatch: async (_parent, args: object) => {
+        const request = {
+            apiVersion: `${args['group']}/${args['version']}`,
+            kind: args['kind'],
+            metadata: getMetaNS(args),
+        }
+        if (args['spec'] != undefined && args['spec'] != null)
+            request["spec"] =  args['spec'];
+        try {
+            const resGet = await k8sApi.getNamespacedCustomObject(args['group'],args['version'],args['metadata']['namespace'],args['plural'], args['metadata']['name'])
+            const payload = rfc6902.createPatch(resGet.body,request).filter(rule => !rule.path.startsWith('/status') && !['/metadata/creationTimestamp', '/metadata/finalizers', '/metadata/generation', '/metadata/managedFields', '/metadata/resourceVersion','/metadata/uid'].includes(rule.path) )
+            const options = { "headers": { "Content-type": k8s.PatchUtils.PATCH_FORMAT_JSON_PATCH}};
+            const res = await k8sApi.patchNamespacedCustomObject(args['group'],args['version'],args['metadata']['namespace'],args['plural'], args['metadata']['name'], payload, undefined, undefined, undefined, options)
+            return res.body
+        } catch (err) {
+          if (typeof err === 'object' && (err as object)['body'] !=undefined && (err as object)['statusCode'] !=undefined) {
+            if ((err as object)['statusCode'] != 404 && (err as object)['body']['reason']!='Forbidden') {
+              console.error('error', (err as object)['body']);
+            }
+          } else {console.error('error', err)}
+        }
+        return null
+    },
+};
+export const lists = {
+};
+export const queries = {
+};
+export const resolvers = {
+};
diff --git a/back/resolvers/core/custom.ts b/back/resolvers/core/custom.ts
index b572d0ed..4b364314 100644
--- a/back/resolvers/core/custom.ts
+++ b/back/resolvers/core/custom.ts
@@ -3,11 +3,13 @@ import GraphQLJSON, { GraphQLJSONObject } from 'graphql-type-json';
 import { gramoConfig } from '../../config.js'
 import { queries as containerQueries, resolvers as containerResolvers, mutations as containerMutations } from './Container.js';
 import { queries as eventQueries, resolvers as eventResolvers, mutations as eventMutations } from './Event.js';
+import { queries as crdObjectQueries, resolvers as crdObjectResolvers, mutations as crdObjectMutations } from './CrdObject.js';
 
 export const queries = {
     gramoConfig: () => gramoConfig,
     ...containerQueries,
     ...eventQueries,
+    ...crdObjectQueries,
 };
 
 export const resolvers = {
@@ -15,9 +17,11 @@ export const resolvers = {
     JSONObject: GraphQLJSONObject,
     ...containerResolvers,
     ...eventResolvers,
+    ...crdObjectResolvers,
 };
 
 export const mutations = {
     ...containerMutations,
     ...eventMutations,
+    ...crdObjectMutations,
 };
diff --git a/back/schema/core.graphql b/back/schema/core.graphql
index ce2edfac..5846b2c9 100644
--- a/back/schema/core.graphql
+++ b/back/schema/core.graphql
@@ -114,6 +114,11 @@ type coreUrl {
   host: String
   path: String
 }
+type coreCrdObject {
+  metadata: metadata
+  spec: JSONObject
+  status: JSONObject
+}
 type coreEvent {
   metadata: metadata
   source: JSONObject
@@ -152,4 +157,12 @@ type Query {
   coreEvent(params: queryParameters): [coreEvent]
   vynilCategory(params: queryParameters): [vynilCategory]
   vynilPackage(params: queryParameters): [vynilPackage]
+}
+type Mutation {
+    namespacedCrdObjectCreate(group: String!, version: String!, plural: String!, kind: String!, metadata: metadataInput!, spec: JSONObject): coreCrdObject
+    namespacedCrdObjectPatch(group: String!, version: String!, plural: String!, kind: String!, metadata: metadataInput!, spec: JSONObject): coreCrdObject
+    namespacedCrdObjectDelete(group: String!, version: String!, plural: String!, namespace: String!, name: String!): coreCrdObject
+    clusteredCrdObjectCreate(group: String!, version: String!, plural: String!, kind: String!, metadata: metadataInput!, spec: JSONObject): coreCrdObject
+    clusteredCrdObjectPatch(group: String!, version: String!, plural: String!, kind: String!, metadata: metadataInput!, spec: JSONObject): coreCrdObject
+    clusteredCrdObjectDelete(group: String!, version: String!, plural: String!, name: String!): coreCrdObject
 }
\ No newline at end of file
diff --git a/front/components/charts/stackedBarChart.vue b/front/components/charts/stackedBarChart.vue
index ceb2023b..987119a5 100644
--- a/front/components/charts/stackedBarChart.vue
+++ b/front/components/charts/stackedBarChart.vue
@@ -22,7 +22,7 @@ const svgRoot = ref(null);
 const series = d3.stack().keys(d3.union(props.datum.map(props.axisColor))).value(([, D], key) => props.getVal(D.get(key)))(d3.index(props.datum, props.axisX, props.axisColor));
 const x = d3.scaleBand().domain(d3.groupSort(props.datum, D => -d3.sum(D, props.getVal), props.axisX)).range([marginLeft, options.value.width - marginRight]).padding(0.1);
 const y = d3.scaleLinear().domain([0, d3.max(series, d => d3.max(d, d => d[1]))]).rangeRound([options.value.height - marginBottom, marginTop]);
-const color = props.datum.length>1?d3.scaleOrdinal().domain(series.map(d => d.key)).range(d3.schemeSpectral[series.length>4?series.length:4]).unknown("#ccc"):()=>d3.schemeSpectral[4][1];
+const color = props.datum.length>1?d3.scaleOrdinal().domain(series.map(d => d.key)).range(d3.schemeSpectral[series.length>4&&series.length<11?series.length:4]).unknown("#ccc"):()=>d3.schemeSpectral[4][1];
 const rotation = options.value.width/(props.datum.map(props.axisX).filter(onlyUnique).length+1)<80?-10:0
 const formatValue = x => isNaN(x) ? "N/A" : x.toLocaleString("en")
 onMounted(() => {
diff --git a/front/components/core/AdviceList.vue b/front/components/core/AdviceList.vue
index d20f9958..dd3986cd 100644
--- a/front/components/core/AdviceList.vue
+++ b/front/components/core/AdviceList.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 defineEmits(['refresh','on-delete']);
-const props=withDefaults(defineProps<{model: object[], useAction?:boolean, useRefresh?: boolean, showNamespace?:boolean, showKind?:boolean}>(),{
+const props=withDefaults(defineProps<{model: object[], parent?:object, useAction?:boolean, useRefresh?: boolean, showNamespace?:boolean, showKind?:boolean}>(),{
   useAction: false,
   useRefresh: true,
   showNamespace: false,
diff --git a/front/components/core/AdviceOverview.vue b/front/components/core/AdviceOverview.vue
index 88c6d0d2..569f2a27 100644
--- a/front/components/core/AdviceOverview.vue
+++ b/front/components/core/AdviceOverview.vue
@@ -1,7 +1,5 @@
 <script setup lang="ts">
 import { defineAsyncComponent, ref } from 'vue'
-const pieChart = defineAsyncComponent(() => import( '@/components/charts/pieChart.vue'));
-const stackedBarChart = defineAsyncComponent(() => import( '@/components/charts/stackedBarChart.vue'));
 import { useQuasar } from 'quasar'
 const $q = useQuasar()
 import {onlyUnique} from "@/components/charts/commonTools.js"
@@ -13,14 +11,16 @@ const props=withDefaults(defineProps<{model: object[], short: string, to: (strin
 });
 const advicelist = props.model.map(o=>o.getcoreadvice.map(p=>{ return {namespace: o.metadata.namespace, source: p.source}})).flat()
 const advices = ref(advicelist.map(p=>p.namespace).filter(onlyUnique).map(namespace=>advicelist.map(p=>p.source).filter(onlyUnique).map(source=>{return {namespace, source, value: advicelist.filter(p=>p.namespace==namespace&&p.source==source).length}})).flat().filter(p=>p.value>0))
+const pieChart        = defineAsyncComponent(() => import( '@/components/charts/pieChart.vue'));
+const stackedBarChart = defineAsyncComponent(() => import( '@/components/charts/stackedBarChart.vue'));
 </script>
 <template>
   <q-card bordered class="q-ma-sm">
     <q-card-section class="text-center text-white bg-warning">
-      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="advices.map(p=>p.namespace).filter(onlyUnique).length>1 && advices.map(p=>p.source).filter(onlyUnique).length>1">{{ short }} advices distribution per namespaces and sources</div>
-      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="advices.map(p=>p.namespace).filter(onlyUnique).length<2 && advices.map(p=>p.source).filter(onlyUnique).length>1">{{ short }} advices per sources</div>
-      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="advices.map(p=>p.namespace).filter(onlyUnique).length>1 && advices.map(p=>p.source).filter(onlyUnique).length<2">{{ short }} advices per namespace</div>
-      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="advices.map(p=>p.namespace).filter(onlyUnique).length<2 && advices.map(p=>p.source).filter(onlyUnique).length<2">{{ short }} advices</div>
+      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="advices.map(p=>p.namespace).filter(onlyUnique).length>1 && advices.map(p=>p.source).filter(onlyUnique).length>1">{{ $t('dashboard.advicePerNamespaceSource', {short}) }}</div>
+      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="advices.map(p=>p.namespace).filter(onlyUnique).length<2 && advices.map(p=>p.source).filter(onlyUnique).length>1">{{ $t('dashboard.advicePerSource', {short}) }}</div>
+      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="advices.map(p=>p.namespace).filter(onlyUnique).length>1 && advices.map(p=>p.source).filter(onlyUnique).length<2">{{ $t('dashboard.advicePerNamespace', {short}) }}</div>
+      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="advices.map(p=>p.namespace).filter(onlyUnique).length<2 && advices.map(p=>p.source).filter(onlyUnique).length<2">{{ $t('dashboard.adviceShort', {short}) }}</div>
     </q-card-section>
     <q-card-section :class="`text-center bg-amber-${$q.dark.isActive?'10':'2'}`">
       <stackedBarChart v-if="advices.map(p=>p.namespace).filter(onlyUnique).length>1 && advices.map(p=>p.source).filter(onlyUnique).length>1"
diff --git a/front/components/core/AllProblemOverview.vue b/front/components/core/AllProblemOverview.vue
index a9273fbc..07426ca7 100644
--- a/front/components/core/AllProblemOverview.vue
+++ b/front/components/core/AllProblemOverview.vue
@@ -1,26 +1,25 @@
 <script setup lang="ts">
-import { defineAsyncComponent, ref } from 'vue'
-import {chartSizeOptions,chartMarginOptions} from "../../libs/core"
-const pieChart = defineAsyncComponent(() => import( '@/components/charts/pieChart.vue'));
-const stackedBarChart = defineAsyncComponent(() => import( '@/components/charts/stackedBarChart.vue'));
-import { useQuasar } from 'quasar'
-const $q = useQuasar()
-import {onlyUnique} from "@/components/charts/commonTools.js"
 const props=withDefaults(defineProps<{model: {short:string,source:string}[], short: string, useAction?:boolean, useRefresh?: boolean, showNamespace?:boolean, showKind?:boolean, options?: chartSizeOptions&chartMarginOptions}>(),{
   useAction: false,
   useRefresh: true,
   showNamespace: false,
   showKind: true,
 });
+import {defineAsyncComponent, ref, chartSizeOptions,chartMarginOptions} from "../../libs/core"
+import {onlyUnique} from "@/components/charts/commonTools.js"
+import { useQuasar } from 'quasar'
+const $q = useQuasar()
 const problems = ref(props.model.map(p=>p.short).filter(onlyUnique).map(short=>props.model.map(p=>p.source).filter(onlyUnique).map(source=>{return {short, source, value: props.model.filter(p=>p.short==short&&p.source==source).length}})).flat().filter(p=>p.value>0))
+const pieChart        = defineAsyncComponent(() => import( '@/components/charts/pieChart.vue'));
+const stackedBarChart = defineAsyncComponent(() => import( '@/components/charts/stackedBarChart.vue'));
 </script>
 <template>
   <q-card bordered class="q-ma-sm">
     <q-card-section class="text-center text-white bg-negative">
-      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.short).filter(onlyUnique).length>1 && problems.map(p=>p.source).filter(onlyUnique).length>1">{{ short }} problems distribution per object type and sources</div>
-      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.short).filter(onlyUnique).length<2 && problems.map(p=>p.source).filter(onlyUnique).length>1">{{ short }} problems per sources</div>
-      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.short).filter(onlyUnique).length>1 && problems.map(p=>p.source).filter(onlyUnique).length<2">{{ short }} problems per object type</div>
-      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.short).filter(onlyUnique).length<2 && problems.map(p=>p.source).filter(onlyUnique).length<2">{{ short }} problems</div>
+      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.short).filter(onlyUnique).length>1 && problems.map(p=>p.source).filter(onlyUnique).length>1">{{ $t('dashboard.problemPerNamespaceSource', {short}) }}</div>
+      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.short).filter(onlyUnique).length<2 && problems.map(p=>p.source).filter(onlyUnique).length>1">{{ $t('dashboard.problemPerSource', {short}) }}</div>
+      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.short).filter(onlyUnique).length>1 && problems.map(p=>p.source).filter(onlyUnique).length<2">{{ $t('dashboard.problemPerNamespace', {short}) }}</div>
+      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.short).filter(onlyUnique).length<2 && problems.map(p=>p.source).filter(onlyUnique).length<2">{{ $t('dashboard.problemShort', {short}) }}</div>
     </q-card-section>
     <q-card-section :class="`text-center bg-red-${$q.dark.isActive?'10':'2'}`">
       <stackedBarChart v-if="problems.map(p=>p.short).filter(onlyUnique).length>1 && problems.map(p=>p.source).filter(onlyUnique).length>1" :options="options"
diff --git a/front/components/core/ContainerList.vue b/front/components/core/ContainerList.vue
index 25c3693e..e250ed6a 100644
--- a/front/components/core/ContainerList.vue
+++ b/front/components/core/ContainerList.vue
@@ -1,28 +1,26 @@
 <script setup lang="ts">
-import { onMounted } from "vue";
-import { usePod } from '../../libs/k8s/Pod.js'
-import { colorPod, iconPod } from '../../libs/k8s/custom.js'
-import { QTableColumn } from 'quasar'
-import { ref, useCore, tableColumnAlign } from '../../libs/core'
-import { useQuasar } from 'quasar'
-const $q = useQuasar()
-const {  onlyReadProperties, viewerUpdate, setNamespacedItemFromRoute } = usePod();setNamespacedItemFromRoute();
 defineEmits(['refresh','on-delete']);
-const props=withDefaults(defineProps<{model: object[], useAction?:boolean, useRefresh?: boolean, showNamespace?:boolean}>(),{
+const props=withDefaults(defineProps<{model: object[], parent?:object, useAction?:boolean, useRefresh?: boolean, showNamespace?:boolean}>(),{
   useAction: false,
   useRefresh: true,
   showNamespace: false,
 });
-console.log('ContainerList',props.model)
+import { usePod } from '../../libs/k8s/Pod.js'
+import { colorPod, iconPod } from '../../libs/k8s/custom.js'
+import { useQuasar, QTableColumn } from 'quasar'
+import { onMounted, ref, useCore, tableColumnAlign } from '../../libs/core'
+import { i18n } from "../../libs/i18n"
+const $q = useQuasar()
+const {  onlyReadProperties, viewerUpdate, setNamespacedItemFromRoute } = usePod();setNamespacedItemFromRoute();
 const tab=ref('list')
 const container=ref(props.model.map(c=>c['name'])[0])
 const { pagination } = useCore();
 const ContainerColumns:Array<QTableColumn> = ((props.showNamespace?[{name: 'Namespace', label: 'Namespace', field: row => row.namespace, sortable: true, align: tableColumnAlign.left}]:[]) as QTableColumn[]).concat([
-  {name: 'Init', label: 'Init?', field: row => row.init?'init':'main', sortable: true, align: tableColumnAlign.left},
-  {name: 'Name', label: 'Name', field: row => row.name, sortable: true, align: tableColumnAlign.left},
-  {name: 'Image', label: 'Image', field: row => row.spec.image, sortable: true, align: tableColumnAlign.left},
-  {name: 'Status', label: 'Status', field: () => null, sortable: true, align: tableColumnAlign.left},
-  {name: 'Action', label: 'Action', field: () => null, sortable: true, align: tableColumnAlign.left},
+  {name: 'Init', label: i18n.global.t('container.init'), field: row => row.init?'init':'main', sortable: true, align: tableColumnAlign.left},
+  {name: 'Name', label: i18n.global.t('meta.name'), field: row => row.name, sortable: true, align: tableColumnAlign.left},
+  {name: 'Image', label: i18n.global.t('core.image'), field: row => row.spec.image, sortable: true, align: tableColumnAlign.left},
+  {name: 'Status', label: i18n.global.t('core.status'), field: () => null, sortable: true, align: tableColumnAlign.left},
+  {name: 'Action', label: i18n.global.t('core.action'), field: () => null, sortable: true, align: tableColumnAlign.left},
 ] as QTableColumn[]);
 const filter = ref('');
 onMounted(() => {
diff --git a/front/components/core/CrdObjectEdit.vue b/front/components/core/CrdObjectEdit.vue
new file mode 100644
index 00000000..4bd67ba3
--- /dev/null
+++ b/front/components/core/CrdObjectEdit.vue
@@ -0,0 +1,56 @@
+<script setup lang="ts">
+const emit = defineEmits(['on-submit'])
+const props = defineProps<{
+  model: object,
+  parent:object
+}>();
+import { getProperties, sanitizeData, getTargetVersion, defineAsyncComponent, usecrdObject, onMounted } from '../../libs/core/crdObject.js'
+const { $q, onlyWriteProperties, editor } = usecrdObject();
+import { colorCustomResourceDefinition } from '../../libs/k8s/custom.js'
+const targetVersion = getTargetVersion(props.parent['spec']['versions'])
+const schema = props.parent['spec']['versions'].filter(v=>v.name==targetVersion)[0].schema.openAPIV3Schema
+onMounted(() => {
+  editor.value.updateFromQuery(onlyWriteProperties(props.model));
+})
+function onSubmit() {
+  emit('on-submit', sanitizeData(editor.value.obj));
+}
+const setkey = (key:string, v) => editor.value.setKey(key, v)
+const setYaml = (v) => editor.value.setYaml(v)
+const OpenApiEdit  = defineAsyncComponent(() => import( '@/components/core/OpenApiEdit.vue'));
+const MonacoEditor = defineAsyncComponent(() => import( '@/components/core/MonacoEditor.vue'));
+</script>
+<template>
+  <q-form @submit="onSubmit" class="q-gutter-md q-pt-sm q-ml-sm">
+  <q-card bordered class="q-ma-sm">
+    <q-tabs v-model="editor.tab" :class="`bg-${ colorCustomResourceDefinition } text-grey-2`" active-color="white" :align="'justify'">
+      <q-tab :label="$t('edit.tabs.simple')" name="simple" />
+      <q-tab :label="$t('edit.tabs.yaml')" name="yaml" />
+      <q-btn-group push class="float-right text-capitalize shadow-3 q-mr-sm">
+        <q-btn type="submit" icon="save" :label="$t('core.submit')">
+          <q-tooltip>{{ $t('edit.submitTooltip') }}</q-tooltip>
+        </q-btn>
+      </q-btn-group>
+    </q-tabs>
+    <q-tab-panels v-model="editor.tab" animated>
+      <q-tab-panel name="simple" :class="`bg-${ colorCustomResourceDefinition }-${$q.dark.isActive?'10':'1'}`">
+        <OpenApiEdit v-if="editor.ready" :showdefault="true"
+          @update:out="(v)=>setkey('spec', sanitizeData(v))"
+          :in="editor.obj['spec']"
+          :properties="getProperties(schema.properties.spec)"
+        />
+      </q-tab-panel>
+      <q-tab-panel name="yaml" :class="`bg-${ colorCustomResourceDefinition }-${$q.dark.isActive?'10':'1'}`">
+          <MonacoEditor
+            :text="editor.yaml" :key="editor.yaml"
+            @update:text="v=>setYaml(v)"
+            :properties="getProperties(schema.properties.spec)"
+            />
+      </q-tab-panel>
+    </q-tab-panels>
+      <q-card-actions :class="`bg-${ colorCustomResourceDefinition }-${$q.dark.isActive?'10':'1'}`">
+        <q-btn :label="$t('core.submit')" icon="save" type="submit" color="primary"/>
+      </q-card-actions>
+  </q-card>
+  </q-form>
+</template>
diff --git a/front/components/core/CrdObjectList.vue b/front/components/core/CrdObjectList.vue
new file mode 100644
index 00000000..e90f54b9
--- /dev/null
+++ b/front/components/core/CrdObjectList.vue
@@ -0,0 +1,62 @@
+<script setup lang="ts">
+// noGramoGenerator
+defineEmits(['refresh']);
+const props = withDefaults(defineProps<{model: object[]|null, parent:object, useAction?:boolean, origin?:string}>(),{
+  useAction: true,
+});
+import clusteredObjectDelete  from '@/queries/core/clusteredObject.delete.graphql'
+import namespacedObjectDelete from '@/queries/core/namespacedObject.delete.graphql'
+import { QTableColumn } from 'quasar'
+import { ref, tableColumnAlign, i18n, defineAsyncComponent, usecrdObject, useMutation } from '../../libs/core/crdObject.js'
+import { colorCustomResourceDefinition } from '../../libs/k8s/custom.js'
+const haveNamespace = props.parent.spec.scope=="Namespaced";
+const { pagination, router, $q, navigation, actionDelete, notifySuccess, notifyError } = usecrdObject();
+const { mutate: deletor, onDone: onDeleteDone, onError: onDeleteError } = useMutation(haveNamespace?namespacedObjectDelete:clusteredObjectDelete);
+const ObjectColumns:Array<QTableColumn> = (haveNamespace?[
+  {name: 'Namespace', label: i18n.global.t('meta.namespace'), field: row => row.metadata.namespace, sortable: true, align: tableColumnAlign.left},
+  {name: 'Name', label: i18n.global.t('meta.name'), field: row => row.metadata.name, sortable: true, align: tableColumnAlign.left},
+  {name: 'Action', label: i18n.global.t('core.action'), field: 'Action', sortable: false, align: tableColumnAlign.right}
+]:[
+  {name: 'Name', label: i18n.global.t('meta.name'), field: row => row.metadata.name, sortable: true, align: tableColumnAlign.left},
+  {name: 'Action', label: i18n.global.t('core.action'), field: 'Action', sortable: false, align: tableColumnAlign.right}
+]) as QTableColumn[];
+const filter = ref('');
+onDeleteDone(() => {notifySuccess(i18n.global.t('delete.notifyDone')) })
+onDeleteError((err) => {
+  notifyError(i18n.global.t('delete.notifyError'));
+  console.log('deletion error',err);
+})
+const TableHeader = defineAsyncComponent(() => import( '@/components/core/TableHeader.vue'));
+</script>
+<template>
+  <q-card class="q-ma-sm" bordered>
+    <TableHeader :title="$t('k8s.Object')" :class="`bg-${colorCustomResourceDefinition}`" :usecreate="true" :userefresh="useAction" itemtype='Object' v-model:model-filter="filter" @refresh="$emit('refresh')" @create="router.push({ name: props.parent.spec.scope=='Namespaced'?'CrdObjectNamespacedCreate':'CrdObjectClusterCreate',  params: props.parent.spec.scope=='Namespaced'?{ name: props.parent.metadata.name, namespace: navigation.currentNamespace.value }:{ name: props.parent.metadata.name }})" />
+    <q-card-section class="q-pa-none">
+    <q-table :rows="model" :class="`bg-${colorCustomResourceDefinition}-${$q.dark.isActive?'10':'1'} no-shadow`" :columns="ObjectColumns.filter(c=>c.name!='Action'||useAction)" v-model:pagination="pagination" :filter="filter" hide-bottom v-if="model!=null">
+      <template v-slot:body-cell-Name="props">
+        <q-td :props="props">
+          <router-link :to="{ name: parent.spec.scope=='Namespaced'?(origin?`CrdObjectNamespacedViewFrom${origin}`:'CrdObjectNamespacedView'):(origin?`CrdObjectClusterViewFrom${origin}`:'CrdObjectClusterView'),  params: parent.spec.scope=='Namespaced'?{ name: parent.metadata.name, namespace: props.row.metadata.namespace, object: props.row.metadata.name }:{ name: parent.metadata.name, object: props.row.metadata.name }}">{{ props.row.metadata.name }}</router-link>
+        </q-td>
+      </template>
+      <template v-slot:body-cell-Action="props" v-if="useAction">
+        <q-td :props="props">
+          <q-btn icon="edit" size="sm" class="q-ml-sm" flat dense
+            @click="router.push({ name: (origin?`CrdObjectNamespacedEditFrom${origin}`:'CrdObjectNamespacedEdit'), params: {name: parent.metadata.name, namespace: props.row.metadata.namespace, object: props.row.metadata.name}})"
+            v-if="parent.spec.scope=='Namespaced'">
+            <q-tooltip>{{ $t('core.editTooltip', {short: parent.metadata.name, name: props.row.metadata.name}) }}</q-tooltip>
+          </q-btn>
+          <q-btn icon="edit" size="sm" class="q-ml-sm" flat dense
+            @click="router.push({ name: (origin?`CrdObjectClusterEditFrom${origin}`:'CrdObjectClusterEdit'), params: {name: parent.metadata.name, object: props.row.metadata.name}})"
+            v-else>
+            <q-tooltip>{{ $t('core.editTooltip', {short: parent.metadata.name, name: props.row.metadata.name}) }}</q-tooltip>
+          </q-btn>
+          <q-btn icon="delete" size="sm" class="q-ml-sm" flat dense
+            @click="actionDelete(deletor, props.row.metadata, parent)">
+            <q-tooltip>{{ $t('core.deleteTooltip', {short: parent.metadata.name, name: props.row.metadata.name}) }}</q-tooltip>
+          </q-btn>
+        </q-td>
+      </template>
+    </q-table>
+    </q-card-section>
+  </q-card>
+</template>
diff --git a/front/components/core/CrdObjectMeta.vue b/front/components/core/CrdObjectMeta.vue
new file mode 100644
index 00000000..0ee3050d
--- /dev/null
+++ b/front/components/core/CrdObjectMeta.vue
@@ -0,0 +1,97 @@
+<script setup lang="ts">
+defineEmits(['on-delete']);
+withDefaults(defineProps<{model: object, parent: object, useActions?:boolean, showLink?:boolean, showLabels?:boolean, showStatus?: boolean, origin?:string}>(), {
+  useActions: false,
+  showLabels: false,
+  showStatus: true,
+  showLink: true,
+});
+import { elude, getColor, timeAgo, usecrdObject } from '../../libs/core/crdObject.js'
+import { colorCustomResourceDefinition } from '../../libs/k8s/custom.js'
+const { $q } = usecrdObject();
+</script>
+<template>
+  <q-card bordered class="q-ma-sm">
+    <q-card-section :class="`bg-${ colorCustomResourceDefinition } text-white`">
+      <div class="text-subtitle1 q-mt-none q-mb-none q-pt-none q-pb-none">
+        {{$t('k8s.Object')}}
+        <q-btn-group push class="float-right text-capitalize shadow-3" v-if="useActions">
+          <q-btn icon="edit"
+          @click="toEdit(model.metadata.namespace, model.metadata.name)">
+            <q-tooltip>{{ $t('core.editTooltip', {short: 'CrdObject', name: model.metadata.name}) }}</q-tooltip>
+          </q-btn>
+          <q-btn icon="delete" @click="$emit('on-delete', model.metadata)">
+            <q-tooltip>{{ $t('core.deleteTooltip', {short: 'CrdObject', name: model.metadata.name}) }}</q-tooltip>
+          </q-btn>
+        </q-btn-group>
+      </div>
+    </q-card-section>
+    <q-card-section :class="`bg-${ colorCustomResourceDefinition }-${$q.dark.isActive?'10':'2'}`">
+      <div class="q-gutter-md">
+      <div class="row">
+        <div class="col-md-4" v-if="model.metadata.namespace != undefined && model.metadata.namespace!=''">
+          <q-field :label="$t('meta.namespace')" stack-label borderless>
+            <template v-slot:prepend><q-icon name="dashboard" /></template>
+            <template v-slot:control>
+              <div class="self-center full-width no-outline">{{ model.metadata.namespace }}</div>
+            </template>
+          </q-field>
+        </div>
+        <div class="col-md-4">
+          <q-field :label="$t('meta.name')" stack-label borderless>
+            <template v-slot:prepend><q-icon name="smart_button" /></template>
+            <template v-slot:control>
+              <div class="self-center full-width no-outline" v-if="showLink">
+                <router-link :to="{ name: parent.spec.scope=='Namespaced'?'CrdObjectNamespacedView':'CrdObjectClusterView',  params: parent.spec.scope=='Namespaced'?{ name: parent.metadata.name, namespace: model.metadata.namespace, object: model.metadata.name }:{ name: parent.metadata.name, object: model.metadata.name }}">{{ model.metadata.name }}</router-link>
+              </div>
+              <div class="self-center full-width no-outline" v-if="!showLink">{{ model.metadata.name }}</div>
+            </template>
+          </q-field>
+        </div>
+        <div class="col-md-4" v-if="model.metadata.creationTimestamp">
+          <q-field :label="$t('meta.age')" stack-label borderless>
+            <template v-slot:prepend><q-icon name="smart_button" /></template>
+            <template v-slot:control>
+              <div class="self-center full-width no-outline">{{ timeAgo(model.metadata.creationTimestamp) }}</div>
+            </template>
+          </q-field>
+        </div>
+      </div>
+      <div v-if="showStatus">
+      <q-field label="Problems" stack-label borderless v-if="Array.isArray(model.getcoreProblem) && model.getcoreProblem.length>0">
+        <template v-slot:prepend><q-icon name="error" /></template>
+        <template v-slot:control><div class="self-center full-width no-outline" tabindex="0">
+          <q-chip v-for="problem in model.getcoreProblem" v-bind:key="problem" class="glossy" color="negative" text-color="white" icon="error">{{ elude(problem.description, 100) }}<q-tooltip>{{ problem.description }}</q-tooltip></q-chip>
+        </div></template>
+      </q-field>
+      </div>
+      <div v-if="showLabels">
+      <div class="row" v-if="(model.metadata.annotations != undefined && Object.entries(model.metadata.annotations).length>0) || (model.metadata.labels != undefined && Object.entries(model.metadata.labels).length>0)">
+        <div :class="`col-md-${model.metadata.labels != undefined && Object.entries(model.metadata.labels).length>0?6:12}`" v-if="model.metadata.annotations != undefined && Object.entries(model.metadata.annotations).length>0">
+          <q-field label="Annotations" stack-label borderless>
+            <template v-slot:prepend><q-icon name="short_text" /></template>
+            <template v-slot:control><div class="self-center full-width no-outline">
+              <span v-for="note in Object.entries(model.metadata.annotations).map(([name,value])=>{return {name,value}})" v-bind:key="note.name">
+                <q-badge align="middle" :label="note.name"  :color="getColor(note.name)" class="q-mb-sm q-mr-sm">
+                  <q-badge align="middle" :label="elude(note.value as unknown as string)" :color="getColor(note.name)" class="bg-grey-1" outline />
+                </q-badge>
+              </span>
+            </div></template>
+          </q-field>
+        </div><div :class="`col-md-${model.metadata.annotations != undefined && Object.entries(model.metadata.annotations).length>0?6:12}`" v-if="model.metadata.labels != undefined && Object.entries(model.metadata.labels).length>0">
+          <q-field label="Labels" stack-label borderless>
+            <template v-slot:prepend><q-icon name="label" /></template>
+            <template v-slot:control><div class="self-center full-width no-outline">
+              <span v-for="label in Object.entries(model.metadata.labels).map(([name,value])=>{return {name,value}})" v-bind:key="label.name">
+                <q-badge align="middle" :label="label.name"  :color="getColor(label.name)" class="q-mb-sm q-mr-sm">
+                  <q-badge align="middle" :label="label.value" :color="getColor(label.name)" class="bg-grey-1" outline />
+                </q-badge>
+              </span>
+            </div></template>
+          </q-field>
+        </div>
+      </div>        </div>
+      </div>
+    </q-card-section>
+  </q-card>
+</template>
diff --git a/front/components/core/CrdObjectView.vue b/front/components/core/CrdObjectView.vue
new file mode 100644
index 00000000..a7fa677f
--- /dev/null
+++ b/front/components/core/CrdObjectView.vue
@@ -0,0 +1,121 @@
+<script setup lang="ts">
+defineEmits(['on-delete']);
+const props = withDefaults(defineProps<{model: object, parent:object, useActions?:boolean, showLink?:boolean, origin?:string}>(), {
+  useActions: false,
+  showLink: false,
+});
+import { getTargetVersion, elude, getColor, timeAgo, getProperties, defineAsyncComponent, onMounted, usecrdObject } from '../../libs/core/crdObject.js'
+import { colorCustomResourceDefinition } from '../../libs/k8s/custom.js'
+const { $q, viewer, viewerUpdate, isNamespaced, router, onlyReadProperties } = usecrdObject();
+import { knowledge } from '../../libs/knowledge.js'
+const namespaced = isNamespaced();
+const targetVersion = getTargetVersion(props.parent['spec']['versions'])
+const schema = props.parent['spec']['versions'].filter(v=>v.name==targetVersion)[0].schema.openAPIV3Schema
+const found = knowledge.filter(o=>o.apiGroup==props.parent['spec']['group']&&o.apiKind==props.parent['spec']['names']['kind'])
+onMounted(() => {viewerUpdate(onlyReadProperties(props.model))})
+const OpenApiEdit  = defineAsyncComponent(() => import( '@/components/core/OpenApiEdit.vue'));
+const MonacoViewer = defineAsyncComponent(() => import( '@/components/core/MonacoViewer.vue'));
+</script>
+<template>
+  <q-card bordered class="q-ma-sm">
+    <q-tabs v-model="viewer.tab" :class="`bg-${ colorCustomResourceDefinition } text-grey-2`" active-color="white" align="justify">
+      <q-tab :label="$t('k8s.Object')" name="meta" />
+      <q-tab :label="$t('view.tabs.simple')" name="simple" />
+      <q-tab label="spec" name="spec" v-if="model['spec']!=null" />
+      <q-tab :label="$t('view.tabs.yaml')" name="yaml" />
+      <q-btn-group push class="float-right text-capitalize shadow-3 q-mr-sm" v-if="useActions">
+        <q-btn icon="visibility"
+          @click="router.push({ name: `${found[0].group}${found[0].short}View`, params: namespaced?{name: model.metadata.name, namespace: model.metadata.namespace}:{name: model.metadata.name}})"
+          v-if="found.length>0">
+          <q-tooltip>{{ $t('view.as', {short: found[0].short, group: found[0].group, name: model.metadata.name}) }}</q-tooltip>
+        </q-btn>
+        <q-btn icon="edit"
+          @click="router.push({ name: parent.spec.scope=='Namespaced'?'CrdObjectNamespacedEdit':'CrdObjectClusterEdit', params: namespaced?{name: parent.metadata.name, object: model.metadata.name, namespace: model.metadata.namespace}:{name: parent.metadata.name, object: model.metadata.name}})">
+          <q-tooltip>{{ $t('core.editTooltip', {short: parent['spec']['names']['kind'], name: model.metadata.name}) }}</q-tooltip>
+        </q-btn>
+        <q-btn icon="delete"
+          @click="$emit('on-delete', model.metadata)">
+          <q-tooltip>{{ $t('core.deleteTooltip', {short: parent['spec']['names']['kind'], name: model.metadata.name}) }}</q-tooltip>
+        </q-btn>
+      </q-btn-group>
+    </q-tabs>
+    <q-tab-panels v-model="viewer.tab" animated>
+      <q-tab-panel name="meta" :class="`bg-${ colorCustomResourceDefinition }-${$q.dark.isActive?'10':'1'}`">
+      <div class="q-gutter-md">
+      <div class="row">
+        <div class="col-md-4" v-if="model.metadata.namespace != undefined && model.metadata.namespace!=''">
+          <q-field :label="$t('meta.namespace')" stack-label borderless>
+            <template v-slot:prepend><q-icon name="dashboard" /></template>
+            <template v-slot:control>
+              <div class="self-center full-width no-outline"><router-link :to="{ name: 'k8sPodTable', params: { namespace: model.metadata.namespace } }">{{ model.metadata.namespace }}</router-link></div>
+            </template>
+          </q-field>
+        </div>
+        <div class="col-md-4">
+          <q-field :label="$t('meta.name')" stack-label borderless>
+            <template v-slot:prepend><q-icon name="smart_button" /></template>
+            <template v-slot:control>
+              <div class="self-center full-width no-outline" v-if="showLink">
+                <router-link :to="{ name: origin?`k8sPodViewFrom${origin}`:'k8sPodView', params: { namespace: model.metadata.namespace, name: model.metadata.name } }">{{ model.metadata.name }}</router-link>
+              </div>
+              <div class="self-center full-width no-outline" v-if="!showLink">{{ model.metadata.name }}</div>
+            </template>
+          </q-field>
+        </div>
+        <div class="col-md-4" v-if="model.metadata.creationTimestamp">
+          <q-field :label="$t('meta.age')" stack-label borderless>
+            <template v-slot:prepend><q-icon name="smart_button" /></template>
+            <template v-slot:control>
+              <div class="self-center full-width no-outline">{{ timeAgo(model.metadata.creationTimestamp) }}</div>
+            </template>
+          </q-field>
+        </div>
+      </div>      <q-field label="Problems" stack-label borderless v-if="Array.isArray(model.getcoreProblem) && model.getcoreProblem.length>0">
+        <template v-slot:prepend><q-icon name="error" /></template>
+        <template v-slot:control><div class="self-center full-width no-outline" tabindex="0">
+          <q-chip v-for="problem in model.getcoreProblem" v-bind:key="problem" class="glossy" color="negative" text-color="white" icon="error">{{ elude(problem.description, 100) }}<q-tooltip>{{ problem.description }}</q-tooltip></q-chip>
+        </div></template>
+      </q-field>
+      <div class="row" v-if="(model.metadata.annotations != undefined && Object.entries(model.metadata.annotations).length>0) || (model.metadata.labels != undefined && Object.entries(model.metadata.labels).length>0)">
+        <div :class="`col-md-${model.metadata.labels != undefined && Object.entries(model.metadata.labels).length>0?6:12}`" v-if="model.metadata.annotations != undefined && Object.entries(model.metadata.annotations).length>0">
+          <q-field label="Annotations" stack-label borderless>
+            <template v-slot:prepend><q-icon name="short_text" /></template>
+            <template v-slot:control><div class="self-center full-width no-outline">
+              <span v-for="note in Object.entries(model.metadata.annotations).map(([name,value])=>{return {name,value}})" v-bind:key="note.name">
+                <q-badge align="middle" :label="note.name"  :color="getColor(note.name)" class="q-mb-sm q-mr-sm">
+                  <q-badge align="middle" :label="elude(note.value as unknown as string)" :color="getColor(note.name)" class="bg-grey-1" outline />
+                </q-badge>
+              </span>
+            </div></template>
+          </q-field>
+        </div><div :class="`col-md-${model.metadata.annotations != undefined && Object.entries(model.metadata.annotations).length>0?6:12}`" v-if="model.metadata.labels != undefined && Object.entries(model.metadata.labels).length>0">
+          <q-field label="Labels" stack-label borderless>
+            <template v-slot:prepend><q-icon name="label" /></template>
+            <template v-slot:control><div class="self-center full-width no-outline">
+              <span v-for="label in Object.entries(model.metadata.labels).map(([name,value])=>{return {name,value}})" v-bind:key="label.name">
+                <q-badge align="middle" :label="label.name"  :color="getColor(label.name)" class="q-mb-sm q-mr-sm">
+                  <q-badge align="middle" :label="label.value" :color="getColor(label.name)" class="bg-grey-1" outline />
+                </q-badge>
+              </span>
+            </div></template>
+          </q-field>
+        </div>
+      </div>      </div>
+      </q-tab-panel>
+      <q-tab-panel name="simple" :class="`bg-${ colorCustomResourceDefinition }-${$q.dark.isActive?'10':'1'}`">
+        <OpenApiEdit
+          :in="model['spec']"
+          :properties="getProperties(schema.properties.spec)"
+          :read-only="true"
+          :showdefault="false"
+        />
+      </q-tab-panel>
+      <q-tab-panel name="spec" v-if="model['spec']!=null" :class="`bg-${ colorCustomResourceDefinition }-${$q.dark.isActive?'10':'1'}`">
+        <MonacoViewer :text="viewer.props.spec" :key="viewer.props.spec" />
+      </q-tab-panel>
+      <q-tab-panel name="yaml" :class="`bg-${ colorCustomResourceDefinition }-${$q.dark.isActive?'10':'1'}`">
+        <MonacoViewer :text="viewer.full" :key="viewer.full" />
+      </q-tab-panel>
+    </q-tab-panels>
+  </q-card>
+</template>
diff --git a/front/components/core/MetadataNew.vue b/front/components/core/MetadataNew.vue
index a2c29849..274f5128 100644
--- a/front/components/core/MetadataNew.vue
+++ b/front/components/core/MetadataNew.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue'
 import { useNavigationStoreRef } from '../../stores';
+import { i18n } from "../../libs/i18n"
 const emit = defineEmits(['update:name'])
 const props = withDefaults(defineProps<{
   namespaced?: boolean
@@ -19,9 +20,9 @@ watch(name,(newValue) => emit('update:name', newValue))
 </script>
 <template>
   <div class="q-gutter-md">
-    <q-input v-model="name" label="Name" :rules="nameRules" />
+    <q-input v-model="name" :label="i18n.global.t('meta.name')" :rules="nameRules" />
     <div v-if="props.namespaced">
-      <q-field label="Namespace" stack-label>
+      <q-field :label="i18n.global.t('meta.namespace')" stack-label>
           <template v-slot:control>
             <div class="self-center full-width no-outline" tabindex="0">{{ navigation.currentNamespace.value }}</div>
           </template>
diff --git a/front/components/core/MetadataView.vue b/front/components/core/MetadataView.vue
index 47692891..2650de9a 100644
--- a/front/components/core/MetadataView.vue
+++ b/front/components/core/MetadataView.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { metadataType } from "../../libs/core/interfaces"
 import { elude } from "../../libs/core/"
+import { i18n } from "../../libs/i18n"
 defineProps<{
   metadata: metadataType,
   to?: object,
@@ -17,7 +18,7 @@ function getColor(name) {
 <template>
   <div class="q-gutter-md">
     <div v-if="metadata.namespace != undefined && metadata.namespace!=''">
-      <q-field label="Namespace" stack-label borderless>
+      <q-field :label="i18n.global.t('meta.namespace')" stack-label borderless>
         <template v-slot:prepend><q-icon name="dashboard" /></template>
         <template v-slot:control>
           <div class="self-center full-width no-outline" tabindex="0" v-if="to"><router-link :to="to">{{ metadata.namespace }}</router-link></div>
@@ -25,7 +26,7 @@ function getColor(name) {
         </template>
       </q-field>
     </div><div>
-      <q-field label="Name" stack-label borderless>
+      <q-field :label="i18n.global.t('meta.name')" stack-label borderless>
         <template v-slot:prepend><q-icon name="smart_button" /></template>
         <template v-slot:control>
           <div class="self-center full-width no-outline" tabindex="0" v-if="nameTo"><router-link :to="nameTo">{{ metadata.name }}</router-link></div>
@@ -34,7 +35,7 @@ function getColor(name) {
       </q-field>
     </div>
     <div v-if="metadata.annotations != undefined && Object.entries(metadata.annotations).length>0 && !nameTo">
-      <q-field label="Annotations" stack-label borderless>
+      <q-field :label="i18n.global.t('meta.annotations')" stack-label borderless>
         <template v-slot:prepend><q-icon name="short_text" /></template>
         <template v-slot:control><div class="self-center full-width no-outline" tabindex="0">
           <span v-for="note in Object.entries(metadata.annotations).map(([name,value])=>{return {name,value}})" v-bind:key="note.name">
@@ -45,7 +46,7 @@ function getColor(name) {
         </div></template>
       </q-field>
     </div><div v-if="metadata.labels != undefined && Object.entries(metadata.labels).length>0 && !nameTo">
-      <q-field label="Labels" stack-label borderless>
+      <q-field :label="i18n.global.t('meta.labels')" stack-label borderless>
         <template v-slot:prepend><q-icon name="label" /></template>
         <template v-slot:control><div class="self-center full-width no-outline" tabindex="0">
           <span v-for="label in Object.entries(metadata.labels).map(([name,value])=>{return {name,value}})" v-bind:key="label.name">
diff --git a/front/components/core/MonacoEditor.vue b/front/components/core/MonacoEditor.vue
index 89b81c29..f2790fc8 100644
--- a/front/components/core/MonacoEditor.vue
+++ b/front/components/core/MonacoEditor.vue
@@ -20,7 +20,6 @@ const props = withDefaults(defineProps<{
   wordWrap: "wordWrapColumn",
   automaticLayout: true,
 });
-console.log('xxx', props.properties)
 const height = window.innerHeight - 300;
 const code=ref(null);
 onMounted(() => {
diff --git a/front/components/core/OpenApiEdit.vue b/front/components/core/OpenApiEdit.vue
index 5bc9386e..d243bb82 100644
--- a/front/components/core/OpenApiEdit.vue
+++ b/front/components/core/OpenApiEdit.vue
@@ -1,14 +1,4 @@
 <script setup lang="ts">
-import { defineAsyncComponent } from 'vue'
-const  OpenApiEditObject = defineAsyncComponent(() => import( './OpenApiEditObject.vue'));
-const  OpenApiEditArray  = defineAsyncComponent(() => import( './OpenApiEditArray.vue'));
-const  OpenApiEditUndefObject = defineAsyncComponent(() => import( './OpenApiEditUndefObject.vue'));
-const  OpenApiEditBoolean = defineAsyncComponent(() => import( './OpenApiEditBoolean.vue'));
-const  OpenApiEditString  = defineAsyncComponent(() => import( './OpenApiEditString.vue'));
-const  OpenApiEditNumber  = defineAsyncComponent(() => import( './OpenApiEditNumber.vue'));
-import { ref, watch } from 'vue'
-import { OpenAPIV3 } from "openapi-types";
-import {getProperties,getItems,getType, getFullData} from '../../libs/core/openapiSetup';
 const props = withDefaults(defineProps<{
   out?: any
   in?: any
@@ -16,15 +6,23 @@ const props = withDefaults(defineProps<{
   readOnly?: boolean
   showdefault?: boolean
 }>(), {
-  in: {},
   readOnly: false,
   showdefault: false
 });
+import { defineAsyncComponent, ref, watch } from 'vue'
+import { OpenAPIV3 } from "openapi-types";
+import {getProperties,getItems,getType} from '../../libs/core/openapiSetup';
 const localOut = Object.assign({},props.in!=undefined?props.in:props.out!=undefined?props.out:{});
 const data = ref(localOut)
 const emit = defineEmits(['update:out'])
 watch(data,(newValue) => emit('update:out', newValue),{ deep: true })
-const isDefault = (key) => (props.properties.has(key) && props.properties.get(key).default == undefined && props.in[key] == undefined) || (props.properties.has(key) && props.properties.get(key).default!= undefined && props.in[key] != undefined && props.in[key] == props.properties.get(key).default[key])
+const isDefault = (key) => (props.properties.has(key) && props.properties.get(key).default == undefined && props.in != undefined && props.in[key] == undefined) || (props.properties.has(key) && props.properties.get(key).default!= undefined  && props.in != undefined && props.in[key] != undefined && props.in[key] == props.properties.get(key).default[key])
+const  OpenApiEditObject = defineAsyncComponent(() => import( './OpenApiEditObject.vue'));
+const  OpenApiEditArray  = defineAsyncComponent(() => import( './OpenApiEditArray.vue'));
+const  OpenApiEditUndefObject = defineAsyncComponent(() => import( './OpenApiEditUndefObject.vue'));
+const  OpenApiEditBoolean = defineAsyncComponent(() => import( './OpenApiEditBoolean.vue'));
+const  OpenApiEditString  = defineAsyncComponent(() => import( './OpenApiEditString.vue'));
+const  OpenApiEditNumber  = defineAsyncComponent(() => import( './OpenApiEditNumber.vue'));
 </script>
 <template>
   <div class="q-gutter-md column">
diff --git a/front/components/core/OpenApiEditArray.vue b/front/components/core/OpenApiEditArray.vue
index bc7f3eb9..73407a93 100644
--- a/front/components/core/OpenApiEditArray.vue
+++ b/front/components/core/OpenApiEditArray.vue
@@ -34,7 +34,7 @@ function handleDelete(key){
 </script>
 <template>
   <div v-if="items != undefined" class="q-gutter-sm">
-    <q-expansion-item header-style="border: 1px solid rgba(0, 0, 0, 0.12);" :label="name"  :default-opened="level<2" v-if="showdefault||!readOnly||(Array.isArray(data)&&data.length>0)">
+    <q-expansion-item header-style="border: 1px solid rgba(0, 0, 0, 0.12);" :label="name"  :default-opened="level<0" v-if="showdefault||!readOnly||(Array.isArray(data)&&data.length>0)">
       <template v-slot:header="{expanded}">
       <q-item-section>
         {{name}}
diff --git a/front/components/core/OpenApiEditNumber.vue b/front/components/core/OpenApiEditNumber.vue
index 5bfc4755..7965c58f 100644
--- a/front/components/core/OpenApiEditNumber.vue
+++ b/front/components/core/OpenApiEditNumber.vue
@@ -15,7 +15,6 @@ const props = withDefaults(defineProps<{
 const max_len=150;
 const value=ref(props.data)
 const emit = defineEmits(['update:data'])
-watch(value,(newValue) => emit('update:data', newValue))
 const isDefault=computed(() => value.value == props.defaultdata || (props.defaultdata ==undefined && value.value == null))
 </script>
 <template>
@@ -30,7 +29,7 @@ const isDefault=computed(() => value.value == props.defaultdata || (props.defaul
   </q-field>
   </div>
   <div v-else>
-    <q-input v-model="value" :label="name" :bottom-slots="description?true:false" :placeholder="defaultdata" :label-color="isDefault?'':'secondary'" type="number">
+    <q-input v-model="value"  @blur="emit('update:data',value)" :label="name" :bottom-slots="description?true:false" :placeholder="defaultdata" :label-color="isDefault?'':'secondary'" type="number">
     <template v-slot:hint v-if="description">
       <div>{{ description?elude(description,max_len):'---' }}<q-tooltip v-if="description&&description.length>max_len"><div v-html="description.replaceAll('\n','<br>')"></div></q-tooltip></div>
     </template>
diff --git a/front/components/core/OpenApiEditObject.vue b/front/components/core/OpenApiEditObject.vue
index 190a5e5b..f6f301a2 100644
--- a/front/components/core/OpenApiEditObject.vue
+++ b/front/components/core/OpenApiEditObject.vue
@@ -35,7 +35,7 @@ watch(out,(newValue) => emit('update:data', newValue),{ deep: true })
 const isDefault = (key) => props.defaultdata!= undefined && out[key] == props.defaultdata[key];
 </script>
 <template>
-   <q-expansion-item :label="name" :default-opened="level<2"
+   <q-expansion-item :label="name" :default-opened="level<0"
     v-if="name!='' && (!readOnly||showdefault||[...properties.entries()].filter(([key,value]) => (showdefault || !isDefault(key)) && (Object.keys(out).includes(key)||!readOnly)).length>0)">
     <div class="q-gutter-md column q-ml-sm">
       <div v-for="[key, value] in new Map([...properties.entries()].filter(([key,value]) =>  (showdefault || !isDefault(key)) && (Object.keys(out).includes(key)||!readOnly)))" v-bind:key="key"
diff --git a/front/components/core/OpenApiEditString.vue b/front/components/core/OpenApiEditString.vue
index 3e9a577e..914951d0 100644
--- a/front/components/core/OpenApiEditString.vue
+++ b/front/components/core/OpenApiEditString.vue
@@ -17,7 +17,6 @@ const props = withDefaults(defineProps<{
 const max_len=150;
 const value=ref(props.data)
 const emit = defineEmits(['update:data', 'delete'])
-watch(value,(newValue) => emit('update:data', newValue))
 const isDefault=computed(() => value.value == props.defaultdata || (props.defaultdata ==undefined && value.value == null))
 </script>
 <template>
@@ -33,7 +32,7 @@ const isDefault=computed(() => value.value == props.defaultdata || (props.defaul
   </q-field>
   </div>
   <div v-else>
-    <q-input v-model="value" :bottom-slots="description?true:false" :label="name" autogrow :placeholder="defaultdata" :label-color="isDefault?'':'secondary'" :type="(typeof value ==='string' && value.includes('\n'))?'textarea':'text'">
+    <q-input v-model="value" @blur="emit('update:data',value)" :bottom-slots="description?true:false" :label="name" autogrow :placeholder="defaultdata" :label-color="isDefault?'':'secondary'" :type="(typeof value ==='string' && value.includes('\n'))?'textarea':'text'">
       <template v-slot:hint v-if="description">
         <div>{{ description?elude(description,max_len):'---' }}<q-tooltip v-if="description&&description.length>max_len"><div v-html="description.replaceAll('\n','<br>')"></div></q-tooltip></div>
       </template>
diff --git a/front/components/core/OpenApiEditUndefObject.vue b/front/components/core/OpenApiEditUndefObject.vue
index 84c540e4..72011c73 100644
--- a/front/components/core/OpenApiEditUndefObject.vue
+++ b/front/components/core/OpenApiEditUndefObject.vue
@@ -19,7 +19,7 @@ const props = withDefaults(defineProps<{
   readOnly: false,
   showdefault: true
 });
-const out_handler= props.data;
+const out_handler= Object.assign({},props.data);
 const out = ref(out_handler)
 const emit = defineEmits(['update:data'])
 watch(out,(newValue) => emit('update:data', newValue),{ deep: true })
diff --git a/front/components/core/ProblemList.vue b/front/components/core/ProblemList.vue
index a84941d5..4347aca9 100644
--- a/front/components/core/ProblemList.vue
+++ b/front/components/core/ProblemList.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 defineEmits(['refresh','on-delete']);
-const props=withDefaults(defineProps<{model: object[], useAction?:boolean, useRefresh?: boolean, showNamespace?:boolean, showKind?:boolean}>(),{
+const props=withDefaults(defineProps<{model: object[], parent?:object, useAction?:boolean, useRefresh?: boolean, showNamespace?:boolean, showKind?:boolean}>(),{
   useAction: false,
   useRefresh: true,
   showNamespace: false,
diff --git a/front/components/core/ProblemOverview.vue b/front/components/core/ProblemOverview.vue
index 2f2f1c7d..38663075 100644
--- a/front/components/core/ProblemOverview.vue
+++ b/front/components/core/ProblemOverview.vue
@@ -19,10 +19,10 @@ const problems = ref(problemlist.map(p=>p.namespace).filter(onlyUnique).map(name
 <template>
   <q-card bordered class="q-ma-sm">
     <q-card-section class="text-center text-white bg-negative">
-      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.namespace).filter(onlyUnique).length>1 && problems.map(p=>p.source).filter(onlyUnique).length>1">{{ short }} problems distribution per namespaces and sources</div>
-      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.namespace).filter(onlyUnique).length<2 && problems.map(p=>p.source).filter(onlyUnique).length>1">{{ short }} problems per sources</div>
-      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.namespace).filter(onlyUnique).length>1 && problems.map(p=>p.source).filter(onlyUnique).length<2">{{ short }} problems per namespace</div>
-      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.namespace).filter(onlyUnique).length<2 && problems.map(p=>p.source).filter(onlyUnique).length<2">{{ short }} problems</div>
+      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.namespace).filter(onlyUnique).length>1 && problems.map(p=>p.source).filter(onlyUnique).length>1">{{ $t('dashboard.problemPerNamespaceSource', {short}) }}</div>
+      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.namespace).filter(onlyUnique).length<2 && problems.map(p=>p.source).filter(onlyUnique).length>1">{{ $t('dashboard.problemPerSource', {short}) }}</div>
+      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.namespace).filter(onlyUnique).length>1 && problems.map(p=>p.source).filter(onlyUnique).length<2">{{ $t('dashboard.problemPerNamespace', {short}) }}</div>
+      <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none" v-if="problems.map(p=>p.namespace).filter(onlyUnique).length<2 && problems.map(p=>p.source).filter(onlyUnique).length<2">{{ $t('dashboard.problemShort', {short}) }}</div>
     </q-card-section>
     <q-card-section :class="`text-center bg-red-${$q.dark.isActive?'10':'2'}`">
       <stackedBarChart v-if="problems.map(p=>p.namespace).filter(onlyUnique).length>1 && problems.map(p=>p.source).filter(onlyUnique).length>1" :options="options"
diff --git a/front/components/core/UrlList.vue b/front/components/core/UrlList.vue
index 3db9e8de..c313b46a 100644
--- a/front/components/core/UrlList.vue
+++ b/front/components/core/UrlList.vue
@@ -5,10 +5,11 @@ const  TableHeader   = defineAsyncComponent(() => import( '@/components/core/Tab
 import { QTableColumn } from 'quasar'
 import { ref, useCore, tableColumnAlign } from '../../libs/core'
 import { useQuasar } from 'quasar'
+import { i18n } from "../../libs/i18n"
 const $q = useQuasar()
 const { pagination } = useCore();
 const DistribColumns:Array<QTableColumn> = [
-  {name: 'Name', label: 'Name', field: row => row.host, sortable: true, align: tableColumnAlign.left}
+  {name: 'Name', label: i18n.global.t('meta.name'), field: row => row.host, sortable: true, align: tableColumnAlign.left}
 ] as QTableColumn[];
 const filter = ref('');
 defineEmits(['refresh']);
@@ -18,7 +19,7 @@ withDefaults(defineProps<{model: object[], useAction?:boolean}>(),{
 </script>
 <template>
   <q-card class="q-ma-sm" bordered>
-    <TableHeader title="Urls" class="bg-teal" :usecreate="false" :userefresh="useAction" itemtype='vynil Category' v-model:model-filter="filter" @refresh="$emit('refresh')" />
+    <TableHeader :title="i18n.global.t('core.urls')" class="bg-teal" :usecreate="false" :userefresh="useAction" itemtype='coreUrl' v-model:model-filter="filter" @refresh="$emit('refresh')" />
     <q-card-section class="q-pa-none">
     <q-table :rows="model" :class="`bg-teal-${$q.dark.isActive?'10':'1'} no-shadow`" hide-header :columns="DistribColumns" v-model:pagination="pagination" :filter="filter" hide-bottom>
         <template v-slot:body-cell-Name="props">
diff --git a/front/components/navigation/BreadCrumbs.vue b/front/components/navigation/BreadCrumbs.vue
index b138968e..cde3b678 100644
--- a/front/components/navigation/BreadCrumbs.vue
+++ b/front/components/navigation/BreadCrumbs.vue
@@ -6,15 +6,15 @@ const router = useRouter();
 </script>
 <template>
   <div class="q-pl-md q-pt-sm row q-pb-none q-mb-none">
-    <div  class="col">
+    <div  class="col-8">
       <q-breadcrumbs>
         <q-breadcrumbs-el v-for="item in router.currentRoute.value.matched" v-bind:key="item.name"
-          :label="item.meta!=undefined && item.meta.breadcrumb!=undefined?item.meta.breadcrumb:item.name"
+          :label="item.meta!=undefined && item.meta.breadcrumb!=undefined?((typeof item.meta.breadcrumb==='string')?item.meta.breadcrumb:item.meta.breadcrumb(router.currentRoute.value.params)):item.name"
           :icon="item.meta!=undefined && item.meta.icon!=undefined?item.meta.icon:''"
-          :to="item.path" />
+          :to="item.path.includes(':')?{ name: item.name, params:router.currentRoute.value.params}:item.path" />
       </q-breadcrumbs>
     </div>
-    <div  class="col">
+    <div  class="col-4">
       <RelatedLinks class="float-right text-black" :key="router.currentRoute.value.href" v-if="router.currentRoute.value.meta != undefined && Array.isArray(router.currentRoute.value.meta['related'])" />
     </div>
 </div>
diff --git a/front/components/navigation/RefreshRateSelector.vue b/front/components/navigation/RefreshRateSelector.vue
index 2b76df6e..eb751727 100644
--- a/front/components/navigation/RefreshRateSelector.vue
+++ b/front/components/navigation/RefreshRateSelector.vue
@@ -10,8 +10,10 @@ const options = ref([
   {label: '2m', value: 120000},
   {label: '5m', value: 60000},
 ]);
-const model = ref(options.value[0])
+const label = localStorage.getItem("refresh-rate")
+const model = ref(options.value.filter(o=>o.label==label).length>0?options.value.filter(o=>o.label==label)[0]:options.value[0])
 function onRefreshChange() {
+  localStorage.setItem("refresh-rate", model.value.label)
   navigation.setPoolInterval(model.value.value)
 }
 navigation.setPoolInterval(model.value.value)
diff --git a/front/components/vynil/CategoryList.vue b/front/components/vynil/CategoryList.vue
index 9784019b..795bb5d6 100644
--- a/front/components/vynil/CategoryList.vue
+++ b/front/components/vynil/CategoryList.vue
@@ -6,20 +6,21 @@ import { QTableColumn } from 'quasar'
 import { ref, useCore, tableColumnAlign } from '../../libs/core'
 import { useQuasar } from 'quasar'
 const $q = useQuasar()
+import { i18n } from "../../libs/i18n"
 const { pagination } = useCore();
 const DistribColumns:Array<QTableColumn> = [
-  {name: 'Name', label: 'Name', field: row => row.metadata.name, sortable: true, align: tableColumnAlign.left}
+  {name: 'Name', label: i18n.global.t('meta.name'), field: row => row.metadata.name, sortable: true, align: tableColumnAlign.left}
 ] as QTableColumn[];
 const filter = ref('');
 defineEmits(['refresh']);
-withDefaults(defineProps<{model: object[], deletor?:any, useAction?:boolean}>(),{
+withDefaults(defineProps<{model: object[], parent?:object, deletor?:any, useAction?:boolean}>(),{
   deletor: ()=>null,
   useAction: false,
 });
 </script>
 <template>
   <q-card class="q-ma-sm" bordered>
-    <TableHeader title="Categories" class="bg-teal" :usecreate="false" :userefresh="useAction" itemtype='vynil Category' v-model:model-filter="filter" @refresh="$emit('refresh')" />
+    <TableHeader :title="$t('vynil.cat')" class="bg-teal" :usecreate="false" :userefresh="useAction" itemtype='vynil Category' v-model:model-filter="filter" @refresh="$emit('refresh')" />
     <q-card-section class="q-pa-none">
     <q-table :rows="model" :class="`bg-teal-${$q.dark.isActive?'10':'1'} no-shadow`" hide-header :columns="DistribColumns" v-model:pagination="pagination" :filter="filter" hide-bottom>
         <template v-slot:body-cell-Name="props">
diff --git a/front/components/vynil/CategoryMeta.vue b/front/components/vynil/CategoryMeta.vue
index 8c470e84..f700f01b 100644
--- a/front/components/vynil/CategoryMeta.vue
+++ b/front/components/vynil/CategoryMeta.vue
@@ -4,9 +4,10 @@ import { defineAsyncComponent } from 'vue'
 const  TableHeader   = defineAsyncComponent(() => import( '@/components/core/TableHeader.vue'));
 import { QTableColumn } from 'quasar'
 import { ref, useCore, tableColumnAlign } from '../../libs/core'
+import { i18n } from "../../libs/i18n"
 const { pagination } = useCore();
 const DistribColumns:Array<QTableColumn> = [
-  {name: 'Name', label: 'Name', field: row => row.metadata.name, sortable: true, align: tableColumnAlign.left}
+  {name: 'Name', label: i18n.global.t('meta.name'), field: row => row.metadata.name, sortable: true, align: tableColumnAlign.left}
 ] as QTableColumn[];
 const filter = ref('');
 defineEmits(['refresh']);
@@ -18,7 +19,7 @@ withDefaults(defineProps<{model: object, deletor?:any, useAction?:boolean}>(),{
 <template>
   <q-card bordered class="q-ma-sm">
     <q-card-section class="bg-teal text-grey-2">
-      <div class="text-h6 q-mt-none q-mb-none q-pt-none q-pb-none">Category
+      <div class="text-h6 q-mt-none q-mb-none q-pt-none q-pb-none">{{ $t('vynil.cat') }}
       </div>
     </q-card-section>
     <q-card-section  class="bg-teal-2">
diff --git a/front/components/vynil/PackageList.vue b/front/components/vynil/PackageList.vue
index 92d6381e..86207b39 100644
--- a/front/components/vynil/PackageList.vue
+++ b/front/components/vynil/PackageList.vue
@@ -2,28 +2,29 @@
 // noGramoGenerator
 import { defineAsyncComponent } from 'vue'
 const  TableHeader   = defineAsyncComponent(() => import( '@/components/core/TableHeader.vue'));
+import { i18n } from "../../libs/i18n"
 import { QTableColumn } from 'quasar'
 import { ref, useCore, tableColumnAlign } from '../../libs/core'
 import { useQuasar } from 'quasar'
 const $q = useQuasar()
 const { pagination } = useCore();
-const DistribColumns:Array<QTableColumn> = [
-    {name: 'Name', label: 'Name', field: row => row.metadata.name, sortable: true, align: tableColumnAlign.left},
-    {name: 'Category', label: 'Category', field: row => row.consumevynilCategory.name, sortable: true, align: tableColumnAlign.left},
-    {name: 'Description', label: 'Description', field: row => row.description, sortable: true, align: tableColumnAlign.left}
+const PackageColumns:Array<QTableColumn> = [
+    {name: 'Name', label: i18n.global.t('meta.name'), field: row => row.metadata.name, sortable: true, align: tableColumnAlign.left},
+    {name: 'Category', label: i18n.global.t('vynil.cat'), field: row => row.consumevynilCategory.name, sortable: true, align: tableColumnAlign.left},
+    {name: 'Description', label: i18n.global.t('vynil.desc'), field: row => row.description, sortable: true, align: tableColumnAlign.left}
 ] as QTableColumn[];
 const filter = ref('');
 defineEmits(['refresh']);
-withDefaults(defineProps<{model: object[], deletor?:any, useAction?:boolean}>(),{
+withDefaults(defineProps<{model: object[], parent?:object, deletor?:any, useAction?:boolean}>(),{
   deletor: ()=>null,
   useAction: false,
 });
 </script>
 <template>
   <q-card class="q-ma-sm" bordered>
-    <TableHeader title="Packages" class="bg-teal" :usecreate="false" :userefresh="useAction" itemtype='vynil Package' v-model:model-filter="filter" @refresh="$emit('refresh')" />
+    <TableHeader :title="i18n.global.t('vynil.pck')" class="bg-teal" :usecreate="false" :userefresh="useAction" itemtype='vynil Package' v-model:model-filter="filter" @refresh="$emit('refresh')" />
     <q-card-section class="q-pa-none">
-    <q-table :class="`bg-teal-${$q.dark.isActive?'10':'1'} no-shadow`" :rows="model" :columns="DistribColumns" v-model:pagination="pagination" :filter="filter" hide-bottom>
+    <q-table :class="`bg-teal-${$q.dark.isActive?'10':'1'} no-shadow`" :rows="model" :columns="PackageColumns" v-model:pagination="pagination" :filter="filter" hide-bottom>
         <template v-slot:body-cell-Name="props">
           <q-td :props="props">
             {{ props.row.name }}
diff --git a/front/components/vynil/PackageMeta.vue b/front/components/vynil/PackageMeta.vue
index 6c2f4a80..fcb6d7dc 100644
--- a/front/components/vynil/PackageMeta.vue
+++ b/front/components/vynil/PackageMeta.vue
@@ -2,13 +2,14 @@
 // noGramoGenerator
 import { defineAsyncComponent } from 'vue'
 const  TableHeader   = defineAsyncComponent(() => import( '@/components/core/TableHeader.vue'));
+import { i18n } from "../../libs/i18n"
 import { QTableColumn } from 'quasar'
 import { ref, useCore, tableColumnAlign } from '../../libs/core'
 const { pagination } = useCore();
-const DistribColumns:Array<QTableColumn> = [
-    {name: 'Name', label: 'Name', field: row => row.metadata.name, sortable: true, align: tableColumnAlign.left},
-    {name: 'Category', label: 'Category', field: row => row.consumevynilCategory.name, sortable: true, align: tableColumnAlign.left},
-    {name: 'Description', label: 'Description', field: row => row.description, sortable: true, align: tableColumnAlign.left}
+const PackageColumns:Array<QTableColumn> = [
+    {name: 'Name', label: i18n.global.t('meta.name'), field: row => row.metadata.name, sortable: true, align: tableColumnAlign.left},
+    {name: 'Category', label: i18n.global.t('vynil.cat'), field: row => row.consumevynilCategory.name, sortable: true, align: tableColumnAlign.left},
+    {name: 'Description', label: i18n.global.t('vynil.desc'), field: row => row.description, sortable: true, align: tableColumnAlign.left}
 ] as QTableColumn[];
 const filter = ref('');
 defineEmits(['refresh']);
@@ -20,21 +21,21 @@ withDefaults(defineProps<{model: object, deletor?:any, useAction?:boolean}>(),{
 <template>
   <q-card bordered class="q-ma-sm">
     <q-card-section class="bg-teal text-grey-2">
-      <div class="text-h6 q-mt-none q-mb-none q-pt-none q-pb-none">Package
+      <div class="text-h6 q-mt-none q-mb-none q-pt-none q-pb-none">{{$t('vynil.pck')}}
       </div>
     </q-card-section>
     <q-card-section class="bg-teal-2">
-        <q-field label="Distribution" stack-label borderless>
+        <q-field :label="$t('vynil.distrib')" stack-label borderless>
           <template v-slot:prepend><q-icon name="alt_route" /></template>
           <template v-slot:control><div class="self-center full-width no-outline" tabindex="0">
             <router-link :to="{ name: 'vynilDistribView', params: {  name: model.consumevynilDistrib.metadata.name } }">{{ model.consumevynilDistrib.metadata.name }}</router-link>
           </div></template>
         </q-field>
-        <q-field label="Category" stack-label borderless>
+        <q-field :label="$t('vynil.cat')" stack-label borderless>
           <template v-slot:prepend><q-icon name="category" /></template>
           <template v-slot:control><div class="self-center full-width no-outline" tabindex="0">{{ model.consumevynilCategory.name }}</div></template>
         </q-field>
-        <q-field label="Name" stack-label borderless>
+        <q-field :label="$t('meta.name')" stack-label borderless>
         <template v-slot:prepend><q-icon name="smart_button" /></template>
         <template v-slot:control>
           <div class="self-center full-width no-outline" tabindex="0">{{ model.name }}</div>
diff --git a/front/i18n/en.json b/front/i18n/en.json
index 2cf028eb..04dbb531 100644
--- a/front/i18n/en.json
+++ b/front/i18n/en.json
@@ -5,6 +5,8 @@
       "lastUpdate": "last update",
       "name": "Name",
       "namespace": "Namespace",
+      "annotations": "Annotations",
+      "labels": "Labels",
       "days": "no day | {n} day | {n} days",
       "hours": "no hour | {n} hour | {n} hours",
       "minutes": "no minut | {n} minute | {n} minutes",
@@ -13,7 +15,15 @@
     "dashboard": {
       "success": "Congratulations",
       "noProblem": "No problem found",
-      "noPerm": "It look like you have no permissions at all"
+      "noPerm": "It look like you have no permissions at all",
+      "advicePerNamespaceSource": "{ short } advices distribution per namespaces and sources",
+      "advicePerSource": "{ short } advices per sources",
+      "advicePerNamespace": "{ short } advices per namespace",
+      "adviceShort": "{ short } advices",
+      "problemPerNamespaceSource": "{ short } problems distribution per namespaces and sources",
+      "problemPerSource": "{ short } problems per sources",
+      "problemPerNamespace": "{ short } problems per namespace",
+      "problemShort": "{ short } problems"
     },
     "overview": {
       "captionList": "{ short } list",
@@ -25,7 +35,7 @@
       "adviceBreadcrumb": "Advices",
       "adviceTitle": "{ name } Advices for all namespaces",
       "adviceNSTitle": "{ name } Advices for { namespace } namespace",
-      "perNamespace": "{short} par namespace"
+      "perNamespace": "{short} per namespace"
     },
     "category": {
       "automation": "Automation",
@@ -39,8 +49,14 @@
       "workflow": "Workflow",
       "workload": "Workload"
     },
+    "container": {
+      "init": "Init?"
+    },
     "core": {
+      "version": "Version",
+      "image": "Image",
       "url": "URL",
+      "urls": "Urls",
       "ip": "IP",
       "highlight": "Highlight",
       "type": "Type",
@@ -57,6 +73,7 @@
       "related": "Related",
       "cancel": "Cancel",
       "add": "Add",
+      "action": "Action",
       "networkError": "A network error have occured",
       "graphqlError": "A GraphQL error have occured, this is likely a bug"
     },
@@ -79,6 +96,11 @@
       "breadcrumb": "View",
       "namespaced": "{ short } { name } in namespace: { namespace }",
       "cluster": "{ short } { name }",
+      "name": "{ name }",
+      "object": "{ object }",
+      "namespacedObject": "{ name } { object } in namespace: { namespace }",
+      "clusterObject": "{ name } { object }",
+      "as": "View { name } as { group } { short }",
       "tabs": {
         "simple": "Configuration",
         "yaml": "full Yaml"
@@ -88,6 +110,10 @@
       "breadcrumb": "Edit",
       "namespaced": "Edit { short } { name } in namespace: { namespace }",
       "cluster": "Edit { short } { name }",
+      "name": "Edit { name }",
+      "object": "Edit { object }",
+      "namespacedObject": "Edit { name } { object } in namespace: { namespace }",
+      "clusterObject": "Edit { name } { object }",
       "submitTooltip": "Confirm current modifications",
       "notifyWorking": "Update in progress",
       "notifyDone": "Modification applied",
@@ -101,11 +127,20 @@
       "breadcrumb": "Create",
       "namespaced": "Create a new { short } in namespace: { namespace }",
       "cluster": "Create a new { short }",
+      "namespacedObject": "Create a new { name } in namespace: { namespace }",
+      "clusterObject": "Create a new { name }",
       "notifyNotReady": "Not ready yet",
       "notifyDone": "Creation proceded",
       "notifyError": "Creation failed",
       "notifyWorking": "Creation in progress"
     },
+    "certmanager": {
+      "Domain": "Domain",
+      "Reason": "Reason",
+      "Issuer": "Issuer",
+      "Secret": "Secret",
+      "Requestor": "Requestor"
+    },
     "cilium": {
       "ciliumID": "Cilium ID",
       "endpointID": "Endpoint ID",
@@ -127,22 +162,25 @@
       "Children": "Children",
       "Endpoint": "Endpoint",
       "Chart": "Chart",
-      "Version": "Version",
       "SourceKind": "Source Kind",
       "SourceName": "Source Name",
       "LastRun": "Last run",
       "LatestImage": "LatestImage",
       "LastChange": "Last Change",
       "LastScan": "Last scan",
+      "lastAppliedRevision": "Last applied revision",
+      "revision": "Revision",
       "Tags": "Tags"
     },
     "jaeger": {
       "Status": "Status",
-      "Version": "Version",
       "Strategy": "Strategy",
       "Storage": "Storage"
     },
     "k8s": {
+      "Object": "Object",
+      "Region": "Region",
+      "Zone": "Zone",
       "Types": "Types",
       "CPUs": "CPUs",
       "RAM": "RAM",
@@ -231,6 +269,15 @@
       "branch": "Banch",
       "distrib": "Distribution",
       "cat": "Category",
+      "desc": "Description",
+      "pck": "Package",
       "app": "Application"
+    },
+    "zalando": {
+      "Team": "Team",
+      "Pods": "Pods",
+      "Volume": "Volume",
+      "CPURequest": "CPU request",
+      "MemRequest": "Memory request"
     }
   }
\ No newline at end of file
diff --git a/front/i18n/fr.json b/front/i18n/fr.json
index a774ff9f..07560550 100644
--- a/front/i18n/fr.json
+++ b/front/i18n/fr.json
@@ -5,6 +5,8 @@
       "lastUpdate": "Dernière mise à jour",
       "name": "Nom",
       "namespace": "Namespace",
+      "annotations": "Annotations",
+      "labels": "Labels",
       "days": "aucun jour | {n} jour | {n} jours",
       "hours": "auncune heure | {n} heure | {n} heures",
       "minutes": "aucune minute | {n} minute | {n} minutes",
@@ -13,7 +15,15 @@
     "dashboard": {
       "success": "Félicitation",
       "noProblem": "Aucun problème trouvé",
-      "noPerm": "Il semblerait que vous n'avait aucun droits"
+      "noPerm": "Il semblerait que vous n'avait aucun droits",
+      "advicePerNamespaceSource": "Distribution des recommandations pour { short } par namespaces et sources",
+      "advicePerSource": "Recommandations pour { short } par sources",
+      "advicePerNamespace": "Recommandations pour { short } par namespace",
+      "adviceShort": "Recommandations pour { short }",
+      "problemPerNamespaceSource": "Distribution des problèmes de { short } par namespaces et sources",
+      "problemPerSource": "Problèmes de { short } par sources",
+      "problemPerNamespace": "Problèmes de { short } par namespace",
+      "problemShort": "Problèmes de { short }"
     },
     "overview": {
       "captionList": "liste { short }",
@@ -25,8 +35,7 @@
       "adviceBreadcrumb": "Recommandations",
       "adviceTitle": "{ name } Recommandations pour tous les namespaces",
       "adviceNSTitle": "{ name } recommandations pour le namespace { namespace }",
-      "perNamespace": "{short} par namespace",
-      "perNamespaceSource": "{short} par namespace et source"
+      "perNamespace": "{short} par namespace"
     },
     "category": {
       "automation": "Automatisation",
@@ -40,8 +49,14 @@
       "workflow": "Traitements",
       "workload": "Workload"
     },
+    "container": {
+      "init": "Init?"
+    },
     "core": {
+      "version": "Version",
+      "image": "Image",
       "url": "URL",
+      "urls": "Urls",
       "ip": "IP",
       "highlight": "En avant",
       "type": "Type",
@@ -54,11 +69,12 @@
       "notFound": "{ short } not found",
       "deleteTooltip": "Supprimer { short } { name }",
       "editTooltip": "Editer { short } { name }",
-      "viewParentTooltip": "Voir le parent { short } { name }",
+      "viewParentTooltip": "Voir le { short } parent { name }",
       "wait": "{msg}. veuillez patienter...",
-      "related": "Relié",
+      "related": "Suggestions",
       "cancel": "Annuler",
       "add": "Ajouter",
+      "action": "Action",
       "networkError": "Une erreur réseau est intervenue",
       "graphqlError": "Une erreur GraphQL est intervenue, c'est probablement un bug"
     },
@@ -81,6 +97,11 @@
       "breadcrumb": "Voir",
       "namespaced": "{ short } { name } dans le namespace { namespace }",
       "cluster": "{ short } { name }",
+      "name": "{ name }",
+      "object": "{ object }",
+      "namespacedObject": "{ name } { object } dans le namespace { namespace }",
+      "clusterObject": "{ name } { object }",
+      "as": "Voir { name } comme un { group } { short }",
       "tabs": {
         "simple": "Configuration",
         "yaml": "Yaml"
@@ -90,6 +111,10 @@
       "breadcrumb": "Editer",
       "namespaced": "Modifier le { short } { name } dans le namespace { namespace }",
       "cluster": "Modifier le { short } { name }",
+      "name": "Editer { name }",
+      "object": "Editer { object }",
+      "namespacedObject": "Modifier le { name } { object } dans le namespace { namespace }",
+      "clusterObject": "Edit { name } { object }",
       "submitTooltip": "Valider les modifications en cours",
       "notifyWorking": "Mise à jour en cours",
       "notifyDone": "Modification appliquée",
@@ -103,11 +128,20 @@
       "breadcrumb": "Créer",
       "namespaced": "Créer un nouveau { short } dans le namespace { namespace }",
       "cluster": "Créer un nouveau { short }",
+      "namespacedObject": "Créer un nouveau { name } dans le namespace { namespace }",
+      "clusterObject": "Créer un nouveau { name }",
       "notifyNotReady": "Pes encore prêt",
       "notifyDone": "Création terminée avec succès",
       "notifyError": "La création a échouée",
       "notifyWorking": "Création en cours"
     },
+    "certmanager": {
+      "Domain": "Domaine",
+      "Reason": "Raison",
+      "Issuer": "Issuer",
+      "Secret": "Secret",
+      "Requestor": "Requestor"
+    },
     "cilium": {
       "ciliumID": "Cilium ID",
       "endpointID": "Endpoint ID",
@@ -129,22 +163,25 @@
       "Children": "Children",
       "Endpoint": "Endpoint",
       "Chart": "Chart",
-      "Version": "Version",
       "SourceKind": "Source Kind",
       "SourceName": "Source Name",
       "LastRun": "Dernière éxécution",
       "LatestImage": "Dernière image",
       "LastChange": "Dernier Changement",
       "LastScan": "Dernier scan",
+      "lastAppliedRevision": "Dernier commit appliqué",
+      "revision": "Commit",
       "Tags": "Tags"
     },
     "jaeger": {
       "Status": "Statut",
-      "Version": "Version",
       "Strategy": "Strategie",
       "Storage": "Stockage"
     },
     "k8s": {
+      "Object": "Objet",
+      "Region": "Région",
+      "Zone": "Zone",
       "Types": "Types",
       "CPUs": "CPUs",
       "RAM": "RAM",
@@ -231,7 +268,16 @@
       "url": "Url",
       "branch": "Banche",
       "distrib": "Distribution",
-      "cat": "Categorie",
+      "cat": "Catégorie",
+      "desc": "Description",
+      "pck": "Paquetage",
       "app": "Application"
+    },
+    "zalando": {
+      "Team": "Equipe",
+      "Pods": "Pods",
+      "Volume": "Volume",
+      "CPURequest": "Demande de CPU",
+      "MemRequest": "Demande de mémoire"
     }
   }
\ No newline at end of file
diff --git a/front/index.ts b/front/index.ts
index 3261f498..5c5ecdb2 100644
--- a/front/index.ts
+++ b/front/index.ts
@@ -69,10 +69,18 @@ async function useRoute(app) {
     router.afterEach((to) => {
       if (Object.keys(to.meta).includes('title') && typeof to.meta.title == 'function') {
         if (Object.keys(to.meta).includes('useName')) {
-          if (to.meta.ns||false) {
-            document.title = to.meta.title(to.params.namespace, to.params.name)+` [${DEFAULT_TITLE}]`
+          if (Object.keys(to.meta).includes('useObject')) {
+            if (to.meta.ns||false) {
+              document.title = to.meta.title(to.params.name, to.params.namespace, to.params.object)+` [${DEFAULT_TITLE}]`
+            } else {
+              document.title = to.meta.title(to.params.name, to.params.object)+` [${DEFAULT_TITLE}]`
+            }
           } else {
-            document.title = to.meta.title(to.params.name)+` [${DEFAULT_TITLE}]`
+            if (to.meta.ns||false) {
+              document.title = to.meta.title(to.params.namespace, to.params.name)+` [${DEFAULT_TITLE}]`
+            } else {
+              document.title = to.meta.title(to.params.name)+` [${DEFAULT_TITLE}]`
+            }
           }
         } else {
           if (to.meta.ns||false) {
@@ -97,7 +105,8 @@ apolloClient.query({query: GramoConfig}).then(res => {
         const {setCRDs} = useCRDStore();
         setConfig(res.data.gramoConfig)
         setPermissions(Object.fromEntries(res.data.k8sNamespace.map(ns => {return [ns.metadata.name, ns.permissions]})))
-        setCurrentNamespace(res.data.gramoConfig.defaultNamespace)
+        const namespace = localStorage.getItem("current-namespace")
+        setCurrentNamespace(namespace!=null?namespace:res.data.gramoConfig.defaultNamespace)
         setCRDs(Object.fromEntries(res.data.k8sCustomResourceDefinition.map(crd => {return[crd.metadata.name, {group: crd.group, names:crd.names, versions:crd.versions}]})))
         setNamespaces(namespaces())
         useRoute(app).then(app =>{app.mount('#app')});
diff --git a/front/libs/certmanager/custom.ts b/front/libs/certmanager/custom.ts
index 5c1bb657..ef0e8e0e 100644
--- a/front/libs/certmanager/custom.ts
+++ b/front/libs/certmanager/custom.ts
@@ -2,6 +2,7 @@
 import { QTableColumn } from 'quasar'
 import { tableColumnAlign, timeAgo } from '../core'
 import { networkColor, networkIcon } from '../../routes/custom';
+import { i18n } from "../i18n"
 export const certmanagerIcon = networkIcon;
 export const certmanagerTitle = 'cert-manager';
 export const iconChallenge = networkIcon;
@@ -29,30 +30,30 @@ export const colorIssuer = networkColor;
 export const descriptionIssuer = '';
 export const shortIssuer = 'Issuer';
 export const extraChallengeColumns:Array<QTableColumn> = [
-  {name: 'Domain', label: 'Domain', field: row => row.spec.dnsName, sortable: true, align: tableColumnAlign.left},
-  {name: 'Reason', label: 'Reason', field: row => row.status.reason, sortable: true, align: tableColumnAlign.left},
-  {name: 'Age', label: 'Age', field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
+  {name: 'Domain', label: i18n.global.t('certmanager.Domain'), field: row => row.spec.dnsName, sortable: true, align: tableColumnAlign.left},
+  {name: 'Reason', label: i18n.global.t('certmanager.Reason'), field: row => row.status.reason, sortable: true, align: tableColumnAlign.left},
+  {name: 'Age', label: i18n.global.t('meta.age'), field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
 ];
 export const extraOrderColumns:Array<QTableColumn> = [
-  {name: 'Issuer', label: 'Issuer', field: row => row.spec.issuerRef.name, sortable: true, align: tableColumnAlign.left},
-  {name: 'Reason', label: 'Reason', field: row => row.status.reason, sortable: true, align: tableColumnAlign.left},
-  {name: 'Age', label: 'Age', field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
+  {name: 'Issuer', label: i18n.global.t('certmanager.Issuer'), field: row => row.spec.issuerRef.name, sortable: true, align: tableColumnAlign.left},
+  {name: 'Reason', label: i18n.global.t('certmanager.Reason'), field: row => row.status.reason, sortable: true, align: tableColumnAlign.left},
+  {name: 'Age', label: i18n.global.t('meta.age'), field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
 ];
 export const extraCertificateColumns:Array<QTableColumn> = [
-  {name: 'Secret', label: 'Secret', field: row => row.spec.secretName, sortable: true, align: tableColumnAlign.left},
-  {name: 'Issuer', label: 'Issuer', field: row => row.spec.issuerRef.name, sortable: true, align: tableColumnAlign.left},
-  {name: 'Age', label: 'Age', field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
+  {name: 'Secret', label: i18n.global.t('certmanager.Secret'), field: row => row.spec.secretName, sortable: true, align: tableColumnAlign.left},
+  {name: 'Issuer', label: i18n.global.t('certmanager.Issuer'), field: row => row.spec.issuerRef.name, sortable: true, align: tableColumnAlign.left},
+  {name: 'Age', label: i18n.global.t('meta.age'), field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
 ];
 export const extraCertificateRequestColumns:Array<QTableColumn> = [
-  {name: 'Issuer', label: 'Issuer', field: row => row.spec.issuerRef.name, sortable: true, align: tableColumnAlign.left},
-  {name: 'Requestor', label: 'Requestor', field: row => row.spec.username, sortable: true, align: tableColumnAlign.left},
-  {name: 'Age', label: 'Age', field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
+  {name: 'Issuer', label: i18n.global.t('certmanager.Issuer'), field: row => row.spec.issuerRef.name, sortable: true, align: tableColumnAlign.left},
+  {name: 'Requestor', label: i18n.global.t('certmanager.Requestor'), field: row => row.spec.username, sortable: true, align: tableColumnAlign.left},
+  {name: 'Age', label: i18n.global.t('meta.age'), field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
 ];
 export const extraClusterIssuerColumns:Array<QTableColumn> = [
-  {name: 'Age', label: 'Age', field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
+  {name: 'Age', label: i18n.global.t('meta.age'), field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
 ];
 export const extraIssuerColumns:Array<QTableColumn> = [
-  {name: 'Age', label: 'Age', field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
+  {name: 'Age', label: i18n.global.t('meta.age'), field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
 ];
 // Certificate') (eq short 'CertificateRequest')) (or (eq short 'ClusterIssuer') (eq short 'Issuer'
 export const ChallengeListExcludes = [
diff --git a/front/libs/core/crdObject.ts b/front/libs/core/crdObject.ts
new file mode 100644
index 00000000..48ea3a3d
--- /dev/null
+++ b/front/libs/core/crdObject.ts
@@ -0,0 +1,99 @@
+import { i18n } from "../i18n"
+import flexver from 'flexver/dist/module.js';
+import { ref, gqlDataToYaml, useCore, useNavigationStoreRef } from '../core'
+import { stringify, parse } from 'yaml'
+import { useRoute } from 'vue-router'
+export { gqlDataToYaml, ref, useCore, useQuery, useMutation, sanitizeData, getProperties, defineAsyncComponent, onMounted, tableColumnAlign, useNavigationStoreRef, elude, getColor, timeAgo } from '../core';
+export { i18n } from "../../libs/i18n"
+export { CrdObjectListExcludes as coreCrdObjectListExcludes } from './custom.js'
+export function getTargetVersion(versions: Array<{name:string}>) {
+  if (versions.length==1) return versions[0].name
+  const targetVersion = versions.map(v=>v.name).sort(flexver)[0];
+  const maxVersion = versions.map(v=>v.name).sort((a,b)=>a<b?1:-1)[0];
+  return (targetVersion.length<maxVersion.length)?targetVersion:maxVersion
+}
+export function usecrdObject() {
+  const { router, $q, pagination, setItemFromRoute, onErrorHandler, notify, notifySuccess, notifyError, notifyWorking, isNamespaced, setNamespaceFromRoute } = useCore();
+  const viewer = ref({
+      tab: 'meta',
+      full: '',
+      props: {
+        "spec": '',
+      }
+  });
+  const onlyReadProperties = (obj) => Object.keys(obj).filter(k=>['metadata',"spec","status"].includes(k)).reduce((res,k)=>{res[k] = obj[k]; return res},{});
+  const onlyWriteProperties = (obj) => Object.keys(obj).filter(k=>["spec"].includes(k)).reduce((res,k)=>{res[k] = obj[k];return res},{});
+  const route = useRoute();
+  const editor = ref({
+      tab: 'simple',
+      yaml: '',
+      obj: ref({}),
+      setKey: (key:string, o:object) => {
+        if (key!=null) {
+          editor.value.obj[key] = o;editor.value.yaml = stringify(editor.value.obj)
+        } else {
+          Object.keys(o).forEach(key=>{editor.value.obj[key] = o[key]})
+          editor.value.yaml = stringify(editor.value.obj)
+        }
+      },
+      ready: false,
+      setYaml: (y) => {editor.value.yaml = y;const tmp = parse(y);Object.keys(tmp).forEach(k=>editor.value.obj[k]=tmp[k]);},
+      updateFromQuery: (obj: object) => {
+        editor.value.ready=false;
+        editor.value.obj = onlyWriteProperties(obj);
+        editor.value.yaml = stringify(editor.value.obj);
+        editor.value.ready=true;
+      },
+  });
+  return {
+    isNamespaced, setNamespaceFromRoute, $q,
+    onlyReadProperties, onlyWriteProperties, editor, viewer, viewerUpdate: (obj) => {
+      viewer.value.full=gqlDataToYaml(obj)
+      viewer.value.props["spec"]=gqlDataToYaml({"spec": obj["spec"]})
+    },
+    readProperties: ["spec","status"],
+    writeProperties: ["spec"],
+    navigation: useNavigationStoreRef(),
+    route, router, pagination, setItemFromRoute, notify, notifySuccess, notifyError, notifyWorking, onErrorHandler,
+    toView: (name) => router.push({ name: 'vynilcrdObjectView', params: {name}}),
+    toViewReloaded: async (name) => {await router.push({ name: 'vynilcrdObjectView', params: {name}});router.go(0);},
+    toEdit: (name) => router.push({ name: 'vynilcrdObjectEdit', params: {name}}),
+    toParentView: (group,short,name,namespace) => router.push({ name: `${group}${short}View`, params: {name,namespace}}),
+    deleteDone: () => notifySuccess(i18n.global.t('delete.notifyDone')),
+    deleteError: (err) => {
+      notifyError(i18n.global.t('delete.notifyError'));
+      console.log('deletion error',err);
+    },
+    patchDone: () => {
+      notifySuccess(i18n.global.t('edit.notifyDone'));
+      router.go(-1);
+    },
+    patchError: (err) => {
+      notifyError(i18n.global.t('edit.notifyError'));
+      console.log('mutation error', err)
+    },
+    actionNew: ()    => router.push({ name: 'vynilcrdObjectCreate'}),
+    actionDelete: (deletor:(o:object)=>any, meta:{name:string,namespace?:string}, parent:object) => {
+      $q.dialog({
+        title: i18n.global.t('delete.title'),
+        message: i18n.global.t('delete.message',{short: parent.spec.names.kind, name: meta.name}),
+        persistent: true, cancel: true, html: true, ok: {color: 'negative'}
+      }).onOk(() => {
+        const vers = getTargetVersion(parent.spec.versions)
+        notifyWorking(i18n.global.t('delete.notifyWorking'));
+        deletor(parent.spec.scope=="Namespaced"?{
+          "name": meta.name,
+          "namespace": meta.namespace,
+          "group": parent.spec.group,
+          "version": vers,
+          "plural": parent.spec.names.plural,
+        }:{
+          "name": meta.name,
+          "group": parent.spec.group,
+          "version": vers,
+          "plural": parent.spec.names.plural,
+        });
+      })
+    },
+  }
+}
\ No newline at end of file
diff --git a/front/libs/core/custom.ts b/front/libs/core/custom.ts
index 056b3668..21c9015e 100644
--- a/front/libs/core/custom.ts
+++ b/front/libs/core/custom.ts
@@ -3,3 +3,4 @@ export const EventListExcludes = [];
 export const ContainerListExcludes = [];
 export const ProblemListExcludes = [];
 export const AdviceListExcludes = [];
+export const CrdObjectListExcludes = [];
\ No newline at end of file
diff --git a/front/libs/core/index.ts b/front/libs/core/index.ts
index 7b95c49f..09d10420 100644
--- a/front/libs/core/index.ts
+++ b/front/libs/core/index.ts
@@ -9,7 +9,8 @@ export * from './itemSetup.js'
 export * from './openapiSetup.js'
 export * from './tableSetup.js'
 export * from './interfaces.js'
-export { ref } from 'vue'
+export { useQuasar } from 'quasar'
+export { ref, defineAsyncComponent, onMounted, watch } from 'vue'
 export { useQuery, useMutation } from '@vue/apollo-composable'
 export { useNavigationStoreRef } from '../../stores'
 export function onlyUnique(value, index, array) {return array.indexOf(value) === index;}
@@ -124,5 +125,5 @@ export function timeAgo(date:string) {
     const hours = Math.floor((delta % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
     const minutes = Math.floor((delta % (1000 * 60 * 60)) / (1000 * 60));
     const seconds = Math.floor((delta % (1000 * 60)) / 1000);
-    return `${days>0?`${t("meta.days",days)} `:''}${hours>0?`${t("meta.hours",hours)} `:''}${minutes>0?`${t("meta.minutes",minutes)} `:''}${seconds>0?t("meta.seconds",seconds):''}`
+    return `${days>0?`${t("meta.days",days)} `:''}${hours>0?`${t("meta.hours",hours)} `:''}${minutes>0&&days<10?`${t("meta.minutes",minutes)} `:''}${seconds>0&&days<1&&hours<10?t("meta.seconds",seconds):''}`
 }
diff --git a/front/libs/fluxcd/custom.ts b/front/libs/fluxcd/custom.ts
index 68b40bfd..b4dfe89f 100644
--- a/front/libs/fluxcd/custom.ts
+++ b/front/libs/fluxcd/custom.ts
@@ -59,7 +59,8 @@ export const descriptionHelmRelease = '';
 export const shortHelmRelease = 'HelmRelease';
 
 export const extraKustomizationColumns:Array<QTableColumn> = [
-  {name: 'Children', label: `${i18n.global.t('fluxcd.Children')}`, field: row => row.status.inventory.entries.length, sortable: true, align: tableColumnAlign.left},
+  {name: 'Children', label: `${i18n.global.t('fluxcd.Children')}`, field: row => row.status?.inventory.entries.length, sortable: true, align: tableColumnAlign.left},
+  {name: 'lastAppliedRevision', label: `${i18n.global.t('fluxcd.lastAppliedRevision')}`, field: row => row.status?.lastAppliedRevision, sortable: true, align: tableColumnAlign.left},
   {name: 'LastChange', label: `${i18n.global.t('fluxcd.LastChange')}`, field: row => timeAgo(row.status?.conditions[0].lastTransitionTime), sortable: true, align: tableColumnAlign.left},
 ];
 export const extraReceiverColumns:Array<QTableColumn> = [
@@ -73,6 +74,7 @@ export const extraProviderColumns:Array<QTableColumn> = [
 ];
 export const extraGitRepositoryColumns:Array<QTableColumn> = [
   {name: 'URL', label: `${i18n.global.t('core.url')}`, field: row => row.spec.url, sortable: true, align: tableColumnAlign.left},
+  {name: 'revision', label: `${i18n.global.t('fluxcd.revision')}`, field: row => row.status!=undefined&&row.status?.artifact!=undefined?row.status?.artifact.revision:'', sortable: true, align: tableColumnAlign.left},
   {name: 'LastChange', label: `${i18n.global.t('fluxcd.LastChange')}`, field: row => row.status!=undefined&&Array.isArray(row.status.conditions)?timeAgo(row.status.conditions[0].lastTransitionTime):'--', sortable: true, align: tableColumnAlign.left},
 ];
 export const extraBucketColumns:Array<QTableColumn> = [
@@ -81,7 +83,7 @@ export const extraBucketColumns:Array<QTableColumn> = [
 ];
 export const extraHelmChartColumns:Array<QTableColumn> = [
   {name: 'Chart', label: `${i18n.global.t('fluxcd.Chart')}`, field: row => row.spec.chart, sortable: true, align: tableColumnAlign.left},
-  {name: 'Version', label: `${i18n.global.t('fluxcd.Version')}`, field: row => row.spec.version, sortable: true, align: tableColumnAlign.left},
+  {name: 'Version', label: `${i18n.global.t('core.version')}`, field: row => row.spec.version, sortable: true, align: tableColumnAlign.left},
   {name: 'SourceKind', label: `${i18n.global.t('fluxcd.SourceKind')}`, field: row => row.spec.sourceRef.kind, sortable: true, align: tableColumnAlign.left},
   {name: 'SourceName', label: `${i18n.global.t('fluxcd.SourceName')}`, field: row => row.spec.sourceRef.name, sortable: true, align: tableColumnAlign.left},
   {name: 'Age', label: `${i18n.global.t('meta.age')}`, field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
diff --git a/front/libs/jaegertracing/custom.ts b/front/libs/jaegertracing/custom.ts
index 701842e1..605f5de7 100644
--- a/front/libs/jaegertracing/custom.ts
+++ b/front/libs/jaegertracing/custom.ts
@@ -11,7 +11,7 @@ export const descriptionJaeger = '';
 export const shortJaeger = 'Jaeger';
 export const extraJaegerColumns:Array<QTableColumn> = [
   {name: 'Status', label: `${i18n.global.t('jaeger.Status')}`, field: row => row.status.phase, sortable: true, align: tableColumnAlign.left},
-  {name: 'Version', label: `${i18n.global.t('jaeger.Version')}`, field: row => row.status.version, sortable: true, align: tableColumnAlign.left},
+  {name: 'Version', label: `${i18n.global.t('core.version')}`, field: row => row.status.version, sortable: true, align: tableColumnAlign.left},
   {name: 'Strategy', label: `${i18n.global.t('jaeger.Strategy')}`, field: row => row.spec.strategy, sortable: true, align: tableColumnAlign.left},
   {name: 'Storage', label: `${i18n.global.t('jaeger.Storage')}`, field: row => row.spec.storage.type, sortable: true, align: tableColumnAlign.left},
   {name: 'Age', label: `${i18n.global.t('meta.age')}`, field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
diff --git a/front/libs/k8s/custom.ts b/front/libs/k8s/custom.ts
index 0027fbcf..70ca8321 100644
--- a/front/libs/k8s/custom.ts
+++ b/front/libs/k8s/custom.ts
@@ -25,7 +25,7 @@ export const iconLimitRange = workloadIcon;
 export const colorLimitRange = workloadColor;
 export const descriptionLimitRange = '';
 export const shortLimitRange = 'LimitRange';
-export const iconNamespace = systemIcon;
+export const iconNamespace = 'dashboard';
 export const colorNamespace = systemColor;
 export const descriptionNamespace = '';
 export const shortNamespace = 'Namespace';
@@ -157,7 +157,7 @@ export const iconValidatingWebhookConfiguration = systemIcon;
 export const colorValidatingWebhookConfiguration = systemColor;
 export const descriptionValidatingWebhookConfiguration = '';
 export const shortValidatingWebhookConfiguration = 'ValidatingWebhookConfiguration';
-export const iconCustomResourceDefinition = systemIcon;
+export const iconCustomResourceDefinition = 'photo_filter';
 export const colorCustomResourceDefinition = systemColor;
 export const descriptionCustomResourceDefinition = '';
 export const shortCustomResourceDefinition = 'CustomResourceDefinition';
@@ -204,6 +204,9 @@ export const extraNamespaceColumns:Array<QTableColumn> = [
 export const extraNodeColumns:Array<QTableColumn> = [
   {name: 'CPUs', label: `${i18n.global.t('k8s.CPUs')}`, field: row => row.status.capacity.cpu, sortable: true, align: tableColumnAlign.left},
   {name: 'RAM', label: `${i18n.global.t('k8s.RAM')}`, field: row => row.status.capacity.memory, sortable: true, align: tableColumnAlign.left},
+  {name: 'Version', label: `${i18n.global.t('core.version')}`, field: row => row.status.nodeInfo.kubeletVersion, sortable: true, align: tableColumnAlign.left},
+  {name: 'Region', label: `${i18n.global.t('k8s.Region')}`, field: row => row.metadata.labels['topology.kubernetes.io/region'], sortable: true, align: tableColumnAlign.left},
+  {name: 'Zone', label: `${i18n.global.t('k8s.Zone')}`, field: row => row.metadata.labels['topology.kubernetes.io/zone'], sortable: true, align: tableColumnAlign.left},
 //  {name: 'Name', label: 'Name', field: row => row.metadata.name, sortable: true, align: tableColumnAlign.left},
 ];
 export const extraPersistentVolumeColumns:Array<QTableColumn> = [
diff --git a/front/libs/vynil/custom.ts b/front/libs/vynil/custom.ts
index b60b5bd9..83264b4c 100644
--- a/front/libs/vynil/custom.ts
+++ b/front/libs/vynil/custom.ts
@@ -19,13 +19,13 @@ export const CategoryListExcludes = [];
 export const extraDistribColumns:Array<QTableColumn> = [
   {name: 'url', label: `${i18n.global.t('vynil.url')}`, field: row => row.spec.url, sortable: true, align: tableColumnAlign.left},
   {name: 'branch', label: `${i18n.global.t('vynil.branch')}`, field: row => row.spec.branch, sortable: true, align: tableColumnAlign.left},
-  {name: 'last_updated', label: `${i18n.global.t('meta.lastUpdate')}`, field: row => timeAgo(row.status.last_updated), sortable: true, align: tableColumnAlign.left},
+  {name: 'last_updated', label: `${i18n.global.t('meta.lastUpdate')}`, field: row => row.status!=undefined?timeAgo(row.status.last_updated):'', sortable: true, align: tableColumnAlign.left},
 ];
 export const extraInstallColumns:Array<QTableColumn> = [
   {name: 'dist', label: `${i18n.global.t('vynil.distrib')}`, field: row => row.spec.distrib, sortable: true, align: tableColumnAlign.left},
   {name: 'cat', label: `${i18n.global.t('vynil.cat')}`, field: row => row.spec.category, sortable: true, align: tableColumnAlign.left},
   {name: 'app', label: `${i18n.global.t('vynil.app')}`, field: row => row.spec.component, sortable: true, align: tableColumnAlign.left},
-  {name: 'last_updated', label: `${i18n.global.t('meta.lastUpdate')}`, field: row => timeAgo(row.status.last_updated), sortable: true, align: tableColumnAlign.left},
+  {name: 'last_updated', label: `${i18n.global.t('meta.lastUpdate')}`, field: row => row.status!=undefined?timeAgo(row.status.last_updated):'', sortable: true, align: tableColumnAlign.left},
 ];
 export const DistribListExcludes = [
   { path: 'spec/url', include: true },
diff --git a/front/libs/zalando/custom.ts b/front/libs/zalando/custom.ts
index 36a3ffad..a96e3b5f 100644
--- a/front/libs/zalando/custom.ts
+++ b/front/libs/zalando/custom.ts
@@ -2,6 +2,7 @@
 import { QTableColumn } from 'quasar'
 import { tableColumnAlign, timeAgo } from '../core'
 import { databaseColor, databaseIcon, } from '../../routes/custom';
+import { i18n } from "../i18n"
 export const zalandoIcon = databaseIcon;
 export const zalandoTitle = 'Zalando PG';
 export const iconpostgresql = databaseIcon;
@@ -17,14 +18,14 @@ export const colorKopfPeering = databaseColor;
 export const descriptionKopfPeering = '';
 export const shortKopfPeering = 'KopfPeering';
 export const extrapostgresqlColumns:Array<QTableColumn> = [
-  {name: 'Team', label: 'Team', field: row => row.spec.teamId, sortable: true, align: tableColumnAlign.left},
-  {name: 'Version', label: 'Version', field: row => row.spec.postgresql.version, sortable: true, align: tableColumnAlign.left},
-  {name: 'Pods', label: 'Pods', field: row => row.spec.numberOfInstances, sortable: true, align: tableColumnAlign.left},
-  {name: 'Volume', label: 'Volume', field: row => row.spec.volume.size, sortable: true, align: tableColumnAlign.left},
-  {name: 'CPU-Request', label: 'CPU-Request', field: row => row.spec.resources.requests.cpu, sortable: true, align: tableColumnAlign.left},
-  {name: 'Memory-Request', label: 'Memory-Request', field: row => row.spec.resources.requests.memory, sortable: true, align: tableColumnAlign.left},
-  {name: 'Age', label: 'Age', field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
-  {name: 'Status', label: 'Status', field: row => row.status.PostgresClusterStatus, sortable: true, align: tableColumnAlign.left},
+  {name: 'Team', label: i18n.global.t('zalando.Team'), field: row => row.spec.teamId, sortable: true, align: tableColumnAlign.left},
+  {name: 'Version', label: i18n.global.t('core.version'), field: row => row.spec.postgresql.version, sortable: true, align: tableColumnAlign.left},
+  {name: 'Pods', label: i18n.global.t('zalando.Pods'), field: row => row.spec.numberOfInstances, sortable: true, align: tableColumnAlign.left},
+  {name: 'Volume', label: i18n.global.t('zalando.Volume'), field: row => row.spec.volume.size, sortable: true, align: tableColumnAlign.left},
+  {name: 'CPU-Request', label: i18n.global.t('zalando.CPURequest'), field: row => row.spec.resources.requests.cpu, sortable: true, align: tableColumnAlign.left},
+  {name: 'Memory-Request', label: i18n.global.t('zalando.MemRequest'), field: row => row.spec.resources.requests.memory, sortable: true, align: tableColumnAlign.left},
+  {name: 'Age', label: i18n.global.t('meta.age'), field: row => timeAgo(row.metadata.creationTimestamp), sortable: true, align: tableColumnAlign.left},
+  {name: 'Status', label: i18n.global.t('core.status'), field: row => row.status.PostgresClusterStatus, sortable: true, align: tableColumnAlign.left},
 ];
 export const extraClusterKopfPeeringColumns:Array<QTableColumn> = [
 //  {name: 'Name', label: 'Name', field: row => row.metadata.name, sortable: true, align: tableColumnAlign.left},
diff --git a/front/pages/core/CrdObjectEdit.vue b/front/pages/core/CrdObjectEdit.vue
new file mode 100644
index 00000000..1eed9824
--- /dev/null
+++ b/front/pages/core/CrdObjectEdit.vue
@@ -0,0 +1,98 @@
+<script setup lang="ts">
+import crdObjectQuery       from '@/queries/core/crdObject.read.graphql'
+import clusteredObjectEdit  from '@/queries/core/clusteredObject.patch.graphql'
+import namespacedObjectEdit from '@/queries/core/namespacedObject.patch.graphql'
+import { useCustomResourceDefinition, CustomResourceDefinitionReadExcludes } from '../../libs/k8s/CustomResourceDefinition.js'
+import { getTargetVersion, defineAsyncComponent, i18n, ref, useQuery, useMutation, usecrdObject, coreCrdObjectListExcludes } from '../../libs/core/crdObject.js'
+const { route, onErrorHandler, patchDone, patchError, notifyWorking, navigation, setItemFromRoute, isNamespaced, setNamespaceFromRoute } = usecrdObject();if (isNamespaced()) setNamespaceFromRoute();setItemFromRoute();
+const {  onNotCustomResourceDefinitionFound } = useCustomResourceDefinition();
+const { loading, onResult, onError } = useQuery(crdObjectQuery, {
+  "crd": {
+    "filters": [
+      {
+        "op": "eq",
+        "path": "metadata/name",
+        "value": navigation.currentItem
+      }
+    ], "excludes": CustomResourceDefinitionReadExcludes
+  },
+  "obj": {
+    "filters": isNamespaced()?[
+      {
+        "op": "eq",
+        "path": "metadata/namespace",
+        "value": navigation.currentNamespace
+      },
+      {
+        "op": "eq",
+        "path": "metadata/name",
+        "value": route.params.object
+      }
+    ]:[
+      {
+        "op": "eq",
+        "path": "metadata/name",
+        "value": route.params.object
+      }
+    ],
+    "excludes": coreCrdObjectListExcludes
+  },
+});
+const { mutate: patchCrdObject, onDone: onPatchCrdObject, onError: onPatchError } = useMutation(isNamespaced()?namespacedObjectEdit:clusteredObjectEdit);
+const model = ref({});
+const parent = ref({});
+const targetVersion = ref('')
+onResult(res => {
+  if ( !res.loading ) {
+    onNotCustomResourceDefinitionFound(res);
+    if (res.data!=undefined && res.data.k8sCustomResourceDefinition[0]!=undefined && res.data.k8sCustomResourceDefinition[0]!=null) {
+      parent.value = res.data.k8sCustomResourceDefinition[0]
+      model.value = Object.assign({}, res.data.k8sCustomResourceDefinition[0].childcoreCrdObject[0])
+      targetVersion.value = getTargetVersion(parent.value.spec.versions)
+    }
+  }
+});
+function onSubmit(obj:object) {
+  notifyWorking(i18n.global.t('edit.notifyWorking'));
+  patchCrdObject({
+    ...obj,
+    "metadata": Object.fromEntries(Object.entries(model.value.metadata).filter(([name])=>name!='__typename')),
+    "group": parent.value.spec.group,
+    "version": targetVersion.value,
+    "plural": parent.value.spec.names.plural,
+    "kind": parent.value.spec.names.kind
+  });
+}
+onError(onErrorHandler);onPatchCrdObject(patchDone);onPatchError(patchError);
+const k8sCustomResourceDefinitionMeta = defineAsyncComponent(() => import( '@/components/k8s/CustomResourceDefinitionMeta.vue'));
+const coreCrdObjectMeta               = defineAsyncComponent(() => import( '@/components/core/CrdObjectMeta.vue'));
+const coreCrdObjectEdit               = defineAsyncComponent(() => import( '@/components/core/CrdObjectEdit.vue'));
+const TableSkeleton                   = defineAsyncComponent(() => import( '@/components/core/TableSkeleton.vue'));
+</script>
+<template><div>
+  <TableSkeleton :showNamespace="false" v-if="loading" />
+  <div class="row q-ml-sm">
+    <div class="col-md-6" v-if="!loading">
+      <k8sCustomResourceDefinitionMeta :useActions="false" :showStatus="false"
+        v-if="!loading && parent['metadata'] != undefined"
+        :model="parent"
+       />
+    </div>
+    <div class="col-md-6" v-if="!loading && model['metadata'] != undefined">
+      <coreCrdObjectMeta :useActions="false" :showStatus="false"
+      :model="model"
+      :parent="parent"
+       />
+    </div>
+  </div>
+  <div class="row q-ml-sx"  v-if="!loading && model['metadata'] != undefined">
+    <div class="col-md-12">
+      <coreCrdObjectEdit
+        :model="model"
+        :parent="parent"
+        @on-submit="onSubmit"
+       />
+    </div>
+  </div>
+</div></template>
+
diff --git a/front/pages/core/CrdObjectNew.vue b/front/pages/core/CrdObjectNew.vue
new file mode 100644
index 00000000..c2528821
--- /dev/null
+++ b/front/pages/core/CrdObjectNew.vue
@@ -0,0 +1,98 @@
+<script setup lang="ts">
+import crdObjectQuery         from '@/queries/k8s/CustomResourceDefinition.read.graphql'
+import clusteredObjectCreate  from '@/queries/core/clusteredObject.create.graphql'
+import namespacedObjectCreate from '@/queries/core/namespacedObject.create.graphql'
+import { getTargetVersion, defineAsyncComponent, i18n, ref, useQuery, useMutation, usecrdObject } from '../../libs/core/crdObject.js'
+const { $q, router, onErrorHandler, notifySuccess, notifyError, notifyWorking, navigation, setItemFromRoute, isNamespaced, setNamespaceFromRoute } = usecrdObject();if (isNamespaced()) setNamespaceFromRoute();setItemFromRoute();
+import { sanitizeData, useCustomResourceDefinition } from '../../libs/k8s/CustomResourceDefinition.js'
+import { colorCustomResourceDefinition, CustomResourceDefinitionReadExcludes } from '../../libs/k8s/custom.js'
+const {  onNotCustomResourceDefinitionFound } = useCustomResourceDefinition();setItemFromRoute();
+const { mutate, onDone, onError: onCreateError } = useMutation(isNamespaced()?namespacedObjectCreate:clusteredObjectCreate);
+const { loading, onResult, onError } = useQuery(crdObjectQuery, {
+  "obj": {
+    "filters": [
+      {
+        "op": "eq",
+        "path": "metadata/name",
+        "value": navigation.currentItem
+      }
+    ], "excludes": CustomResourceDefinitionReadExcludes
+  },
+});onError(onErrorHandler);
+const namespaced = isNamespaced();
+const parent = ref({});
+const name = ref('');
+const form = ref(null);
+const targetVersion = ref('')
+const obj  = ref({spec:{}});
+onResult(res=>{if ( !res.loading && Array.isArray(res.data.k8sCustomResourceDefinition)) {
+  onNotCustomResourceDefinitionFound(res);
+  parent.value = res.data.k8sCustomResourceDefinition[0]
+  targetVersion.value = getTargetVersion(parent.value['spec']['versions'])
+}});
+onDone(() => {
+  notifySuccess(i18n.global.t('new.notifyDone'));
+  router.go(-1);
+})
+onCreateError((err) => {
+  notifyError(i18n.global.t('new.notifyError'));
+  console.log('mutation error',err);
+})
+function onFinalSubmit() {
+  notifyWorking(i18n.global.t('new.notifyWorking'));
+  const payload = {
+    "metadata": namespaced?{
+      "name": name.value,
+      "namespace": navigation.currentNamespace.value
+    }:{
+      "name": name.value
+    },
+    "spec": sanitizeData(obj.value.spec),
+    "group": parent.value.spec.group,
+    "version": targetVersion.value,
+    "plural": parent.value.spec.names.plural,
+    "kind": parent.value.spec.names.kind
+  }
+  console.log(obj.value,payload)
+  mutate(payload);
+}
+async function onSubmit(o:object) {
+  if (form.value!=null) {
+    obj.value = o;
+    form.value.submit()
+  } else {
+    notifyError(i18n.global.t('new.notifyNotReady'));
+  }
+}
+const MetadataNew                     = defineAsyncComponent(() => import( '@/components/core/MetadataNew.vue'));
+const coreCrdObjectEdit               = defineAsyncComponent(() => import( '@/components/core/CrdObjectEdit.vue'));
+const k8sCustomResourceDefinitionMeta = defineAsyncComponent(() => import( '@/components/k8s/CustomResourceDefinitionMeta.vue'));
+</script>
+<template>
+  <div class="row q-mb-sm q-ml-sm">
+    <div class="col-md-6" v-if="!loading && parent['metadata'] != undefined">
+      <k8sCustomResourceDefinitionMeta :useActions="false" :showStatus="true"
+        :model="parent"
+       />
+    </div>
+    <div class="col-md-6" v-if="!loading && parent['metadata'] != undefined">
+      <q-form ref="form" @submit="onFinalSubmit" class="q-gutter-md q-pt-sm q-ml-sm">
+        <q-card bordered class="q-ma-sm">
+          <q-card-section  :class="`bg-${ colorCustomResourceDefinition } text-grey-2`">
+            <div class="text-subtitle q-mt-none q-mb-none q-pt-none q-pb-none">{{ $t('meta.metadata') }}</div>
+          </q-card-section>
+          <q-card-section :class="`bg-${ colorCustomResourceDefinition }-${$q.dark.isActive?'10':'1'}`">
+            <MetadataNew v-model:name="name" :namespaced="namespaced" />
+          </q-card-section>
+        </q-card>
+      </q-form>
+    </div>
+    <div class="col-md-12" v-if="!loading && parent['metadata'] != undefined">
+      <coreCrdObjectEdit
+        :model="obj"
+        :parent="parent"
+        @on-submit="onSubmit"
+       />
+    </div>
+  </div>
+</template>
\ No newline at end of file
diff --git a/front/pages/core/CrdObjectView.vue b/front/pages/core/CrdObjectView.vue
new file mode 100644
index 00000000..fc3f31f2
--- /dev/null
+++ b/front/pages/core/CrdObjectView.vue
@@ -0,0 +1,85 @@
+<script setup lang="ts">
+// noGramoGenerator
+import crdObjectQuery         from '@/queries/core/crdObject.read.graphql'
+import clusteredObjectDelete  from '@/queries/core/clusteredObject.delete.graphql'
+import namespacedObjectDelete from '@/queries/core/namespacedObject.delete.graphql'
+import { useCustomResourceDefinition, CustomResourceDefinitionReadExcludes } from '../../libs/k8s/CustomResourceDefinition.js'
+import { defineAsyncComponent, i18n, ref, useQuery, useMutation, usecrdObject, coreCrdObjectListExcludes } from '../../libs/core/crdObject.js'
+const { route, onErrorHandler, notifySuccess, notifyError, navigation, setItemFromRoute, isNamespaced, setNamespaceFromRoute, actionDelete } = usecrdObject();if (isNamespaced()) setNamespaceFromRoute();setItemFromRoute();
+const {  onNotCustomResourceDefinitionFound } = useCustomResourceDefinition();
+const { mutate: deletor, onDone: onDeleteDone, onError: onDeleteError } = useMutation(isNamespaced()?namespacedObjectDelete:clusteredObjectDelete);
+const { result, loading, onResult, onError } = useQuery(crdObjectQuery, {
+  "crd": {
+    "filters": [
+      {
+        "op": "eq",
+        "path": "metadata/name",
+        "value": navigation.currentItem
+      }
+    ], "excludes": CustomResourceDefinitionReadExcludes
+  },
+  "obj": {
+    "filters": isNamespaced()?[
+      {
+        "op": "eq",
+        "path": "metadata/namespace",
+        "value": navigation.currentNamespace
+      },
+      {
+        "op": "eq",
+        "path": "metadata/name",
+        "value": route.params.object
+      }
+    ]:[
+      {
+        "op": "eq",
+        "path": "metadata/name",
+        "value": route.params.object
+      }
+    ],
+    "excludes": coreCrdObjectListExcludes
+  },
+}, navigation.refreshOption);onError(onErrorHandler);onResult(onNotCustomResourceDefinitionFound);
+const conditions = ref({
+  "childcoreCrdObject": (data) => data != undefined && Array.isArray(data['k8sCustomResourceDefinition']) && data['k8sCustomResourceDefinition'].map(obj=>obj['childcoreCrdObject']).flat().filter(o=>o!=null).length>0,
+});
+const sectionCounts = ref({
+  consumeLeft: 0,
+  parent: 1,
+  consumeRight: 0,
+  gets: 0,
+  users: 0,
+  uses: 0,
+  bellow: 0
+});
+onDeleteDone(() => {
+  notifySuccess(i18n.global.t('delete.notifyDone'));
+})
+onDeleteError((err) => {
+  notifyError(i18n.global.t('delete.notifyError'));
+  console.log('deletion error',err);
+})
+const coreCrdObjectView               = defineAsyncComponent(() => import( '@/components/core/CrdObjectView.vue'));
+const k8sCustomResourceDefinitionMeta = defineAsyncComponent(() => import( '@/components/k8s/CustomResourceDefinitionMeta.vue'));
+const TableSkeleton                   = defineAsyncComponent(() => import( '@/components/core/TableSkeleton.vue'));
+</script>
+<template><div>
+  <TableSkeleton :showNamespace="false" v-if="loading" />
+  <div class="row q-mb-sm q-ml-sm">
+    <div :class="`col-md-${4-(sectionCounts.consumeLeft>0?3:0)}`" v-if="!loading && sectionCounts.parent+sectionCounts.consumeRight>0"></div>
+    <div class="col-md-4" v-if="!loading && sectionCounts.parent>0">
+      <k8sCustomResourceDefinitionMeta v-if="!loading" :showStatus="true"
+        :model="result.k8sCustomResourceDefinition[0]" origin="childcoreCrdObject"
+       />
+    </div>
+  </div>
+  <div class="row q-mb-sm q-ml-sm">
+    <div :class="`col-md-${sectionCounts.bellow<1?12:sectionCounts.bellow>4?3:12/sectionCounts.bellow}`" v-if="!loading && conditions['childcoreCrdObject'](result)">
+      <coreCrdObjectView :useRefresh="false" :useActions="true"
+        :model="result.k8sCustomResourceDefinition[0].childcoreCrdObject[0]"
+        :parent="result.k8sCustomResourceDefinition[0]"
+        @on-delete="(meta)=>{actionDelete(deletor, meta, result.k8sCustomResourceDefinition[0])}"
+       />
+    </div>
+  </div>
+</div></template>
diff --git a/front/pages/install/vynil/DistribView.vue b/front/pages/install/vynil/DistribView.vue
index c10bdf0f..cb113187 100644
--- a/front/pages/install/vynil/DistribView.vue
+++ b/front/pages/install/vynil/DistribView.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 // noGramoGenerator
 import { defineAsyncComponent } from 'vue'
+import { i18n } from "../../../libs/i18n"
 import vynilDistribQuery from '@/queries/vynil/Distrib.details.graphql'
 import DistribDelete from '@/queries/vynil/Distrib.delete.graphql'
 const  vynilDistribView   = defineAsyncComponent(() => import( '@/components/vynil/DistribView.vue'));
@@ -77,10 +78,10 @@ onResult(res => {
   }
 });
 onDeleteDone(() => {
-  notifySuccess('Deletion proceded');
+  notifySuccess(i18n.global.t('delete.notifyDone'));
 })
 onDeleteError((err) => {
-  notifyError('Deletion failed');
+  notifyError(i18n.global.t('delete.notifyError'));
   console.log('deletion error',err);
 })
 </script>
diff --git a/front/pages/install/vynil/InstallView.vue b/front/pages/install/vynil/InstallView.vue
index 3b2ea29e..4ac16560 100644
--- a/front/pages/install/vynil/InstallView.vue
+++ b/front/pages/install/vynil/InstallView.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 // noGramoGenerator
 import { defineAsyncComponent } from 'vue'
+import { i18n } from "../../../libs/i18n"
 import vynilInstallQuery from '@/queries/vynil/Install.details.graphql'
 import InstallDelete from '@/queries/vynil/Install.delete.graphql'
 const  vynilInstallView   = defineAsyncComponent(() => import( '@/components/vynil/InstallView.vue'));
@@ -839,10 +840,10 @@ onResult(res => {
   }
 });
 onDeleteDone(() => {
-  notifySuccess('Deletion proceded');
+  notifySuccess(i18n.global.t('delete.notifyDone'));
 })
 onDeleteError((err) => {
-  notifyError('Deletion failed');
+  notifyError(i18n.global.t('delete.notifyError'));
   console.log('deletion error',err);
 })
 </script>
diff --git a/front/queries/core/clusteredObject.create.graphql b/front/queries/core/clusteredObject.create.graphql
new file mode 100644
index 00000000..e28722f1
--- /dev/null
+++ b/front/queries/core/clusteredObject.create.graphql
@@ -0,0 +1,14 @@
+mutation clusteredObjectCreate($group: String!, $plural: String!, $kind: String!, $metadata: metadataInput!, $version: String!, $spec: JSONObject) {
+  clusteredCrdObjectCreate(group: $group, plural: $plural, kind: $kind, metadata: $metadata, version: $version, spec: $spec) {
+    metadata {
+      annotations
+      creationTimestamp
+      labels
+      name
+      resourceVersion
+      uid
+    }
+    spec
+    status
+  }
+}
diff --git a/front/queries/core/clusteredObject.delete.graphql b/front/queries/core/clusteredObject.delete.graphql
new file mode 100644
index 00000000..3640259b
--- /dev/null
+++ b/front/queries/core/clusteredObject.delete.graphql
@@ -0,0 +1,14 @@
+mutation clusteredObjectDelete($group: String!, $version: String!, $plural: String!, $name: String!) {
+  clusteredCrdObjectDelete(group: $group, version: $version, plural: $plural, name: $name) {
+    metadata {
+      annotations
+      creationTimestamp
+      labels
+      name
+      resourceVersion
+      uid
+    }
+    spec
+    status
+  }
+}
\ No newline at end of file
diff --git a/front/queries/core/clusteredObject.patch.graphql b/front/queries/core/clusteredObject.patch.graphql
new file mode 100644
index 00000000..54c5a650
--- /dev/null
+++ b/front/queries/core/clusteredObject.patch.graphql
@@ -0,0 +1,13 @@
+mutation clusteredCrdObjectPatch($group: String!, $version: String!, $plural: String!, $kind: String!, $metadata: metadataInput!, $spec: JSONObject) {
+  clusteredCrdObjectPatch(group: $group, version: $version, plural: $plural, kind: $kind, metadata: $metadata, spec: $spec) {
+    metadata {
+      name
+      annotations
+      labels
+      creationTimestamp
+      uid
+    }
+    spec
+    status
+  }
+}
\ No newline at end of file
diff --git a/front/queries/core/crdObject.read.graphql b/front/queries/core/crdObject.read.graphql
new file mode 100644
index 00000000..fc0944c3
--- /dev/null
+++ b/front/queries/core/crdObject.read.graphql
@@ -0,0 +1,21 @@
+query customObjectQuery($crd: queryParameters, $obj: queryParameters) {
+    k8sCustomResourceDefinition(params: $crd) {
+      childcoreCrdObject(params: $obj) {
+        metadata {
+          name
+          namespace
+          annotations
+          labels
+          creationTimestamp
+          uid
+        }
+        spec
+        status
+      }
+      metadata {
+        name
+      }
+      spec
+      status
+    }
+}
diff --git a/front/queries/core/namespacedObject.create.graphql b/front/queries/core/namespacedObject.create.graphql
new file mode 100644
index 00000000..e8f2dfa5
--- /dev/null
+++ b/front/queries/core/namespacedObject.create.graphql
@@ -0,0 +1,15 @@
+mutation namespacedObjectCreate($group: String!, $plural: String!, $kind: String!, $metadata: metadataInput!, $version: String!, $spec: JSONObject) {
+  namespacedCrdObjectCreate(group: $group, plural: $plural, kind: $kind, metadata: $metadata, version: $version, spec: $spec) {
+    metadata {
+      annotations
+      creationTimestamp
+      labels
+      name
+      namespace
+      resourceVersion
+      uid
+    }
+    spec
+    status
+  }
+}
diff --git a/front/queries/core/namespacedObject.delete.graphql b/front/queries/core/namespacedObject.delete.graphql
new file mode 100644
index 00000000..258cd4a5
--- /dev/null
+++ b/front/queries/core/namespacedObject.delete.graphql
@@ -0,0 +1,15 @@
+mutation namespacedObjectDelete($group: String!, $version: String!, $plural: String!, $namespace: String!, $name: String!) {
+  namespacedCrdObjectDelete(group: $group, version: $version, plural: $plural, namespace: $namespace, name: $name) {
+    metadata {
+      annotations
+      creationTimestamp
+      labels
+      name
+      namespace
+      resourceVersion
+      uid
+    }
+    spec
+    status
+  }
+}
\ No newline at end of file
diff --git a/front/queries/core/namespacedObject.patch.graphql b/front/queries/core/namespacedObject.patch.graphql
new file mode 100644
index 00000000..0fe26e64
--- /dev/null
+++ b/front/queries/core/namespacedObject.patch.graphql
@@ -0,0 +1,14 @@
+mutation namespacedCrdObjectPatch($group: String!, $version: String!, $plural: String!, $kind: String!, $metadata: metadataInput!, $spec: JSONObject) {
+  namespacedCrdObjectPatch(group: $group, version: $version, plural: $plural, kind: $kind, metadata: $metadata, spec: $spec) {
+    metadata {
+      name
+      namespace
+      annotations
+      labels
+      creationTimestamp
+      uid
+    }
+    spec
+    status
+  }
+}
\ No newline at end of file
diff --git a/front/stores/navigation.ts b/front/stores/navigation.ts
index 499c8edc..e048d6f1 100644
--- a/front/stores/navigation.ts
+++ b/front/stores/navigation.ts
@@ -44,6 +44,7 @@ export const useNavigationStore = defineStore('navigation', () => {
     }
   }
   function setCurrentNamespace(ns:string) {
+    localStorage.setItem("current-namespace", ns)
     currentNamespace.value = ns
   }
   function setCurrentItem(name:string) {
diff --git a/package.json b/package.json
index ac166df0..d21280dc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gramo",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "A cross-navigation Kubernetes front-end",
   "main": "index.js",
   "scripts": {
@@ -30,7 +30,6 @@
     "d3": "^7.8.5",
     "eslint": "^8.53.0",
     "eslint-plugin-vue": "^9.18.1",
-    "flexver": "^1.1.1",
     "graphql-tag": "^2.12.6",
     "handlebars": "^4.7.8",
     "node-fetch": "^3.3.2",
@@ -50,6 +49,7 @@
   },
   "dependencies": {
     "@apollo/server": "^4.10.0",
+    "flexver": "^1.1.1",
     "@kubernetes/client-node": "^0.20.0",
     "animate.css": "^4.1.1",
     "cors": "^2.8.5",
diff --git a/utils/gen.ts b/utils/gen.ts
index 3d5cbcfa..0057ad28 100755
--- a/utils/gen.ts
+++ b/utils/gen.ts
@@ -43,6 +43,7 @@ loadPartial('resolversSecret',          path.resolve(partials_resolvers, 'secret
 loadPartial('resolversFluxCD',          path.resolve(partials_resolvers, 'fluxcd.ts.hbs'));
 loadPartial('resolversK8up',            path.resolve(partials_resolvers, 'k8up.ts.hbs'));
 loadPartial('resolversConfigMap',       path.resolve(partials_resolvers, 'configMap.ts.hbs'));
+loadPartial('resolversCRD',             path.resolve(partials_resolvers, 'crd.ts.hbs'));
 loadPartial('vueLabelFields',           path.resolve(partials_front, 'labels.fields.vue.hbs'));
 loadPartial('vueNameFields',            path.resolve(partials_front, 'name.fields.vue.hbs'));
 loadPartial('vueExtraFields',           path.resolve(partials_front, 'extra.fields.vue.hbs'));
diff --git a/utils/generator/back/obj.resolvers.ts.hbs b/utils/generator/back/obj.resolvers.ts.hbs
index d94777e0..61e5a17a 100644
--- a/utils/generator/back/obj.resolvers.ts.hbs
+++ b/utils/generator/back/obj.resolvers.ts.hbs
@@ -8,6 +8,9 @@ import { knowledge } from '../knowledge.js'
 {{#if (and (eq group 'k8s') (eq short 'Namespace'))}}
 import { queries as permissionsQueries } from './permissions.js';
 {{/if}}
+{{#if (and (eq group 'k8s') (eq short 'CustomResourceDefinition'))}}
+import flexver from 'flexver/dist/module.js';
+{{/if}}
 {{#each listTargets}}
 {{#unless (eq name 'Url')}}
 import { lists as list{{group}}{{name}} } from '../{{group}}/{{name}}.js';
@@ -17,6 +20,9 @@ import { lists as list{{group}}{{name}} } from '../{{group}}/{{name}}.js';
 const k8sApi = kc.makeApiClient(k8s.CustomObjectsApi);
 {{else}}
 const k8sApi = kc.makeApiClient(k8s.{{capitalizeFirstLetter sub}}{{capitalizeFirstLetter apiVersion}}Api);
+{{#if (and (eq group 'k8s') (eq short 'CustomResourceDefinition'))}}
+const crdApi = kc.makeApiClient(k8s.CustomObjectsApi);
+{{/if}}
 {{/if}}
 const short2plural = (short:string) => short.toLowerCase()+'s'
 export const mutations = {
@@ -26,6 +32,9 @@ export const mutations = {
 };
 const localResolvers = {
 {{#each autoResolvers}}
+    {{#if (eq algo 'crd')}}
+{{> resolversCRD algo=this.algo type=this.type targetShort=this.targetShort targetGroup=this.targetGroup path=this.path }}
+    {{/if}}
     {{#if (eq algo 'stateful')}}
 {{> resolversStateful algo=this.algo type=this.type targetShort=this.targetShort targetGroup=this.targetGroup path=this.path }}
     {{/if}}
diff --git a/utils/generator/config.ts b/utils/generator/config.ts
index 84e9900d..39b94850 100644
--- a/utils/generator/config.ts
+++ b/utils/generator/config.ts
@@ -8,6 +8,11 @@ export const excludes = [
     {group: 'vynil', short: 'Install', for: ['list', 'simple'], values: [{path:'status/tfstate'}, {path:'status/plan'}]},
 ];
 const uses = [
+    {algo: 'crd',      group: 'k8s', short: 'CustomResourceDefinition', usedGroup: 'k8s', usedShort: 'MutatingWebhookConfiguration'},
+    {algo: 'crd',      group: 'k8s', short: 'CustomResourceDefinition', usedGroup: 'k8s', usedShort: 'ValidatingWebhookConfiguration'},
+    {algo: 'crd',      group: 'k8s', short: 'CustomResourceDefinition', usedGroup: 'k8s', usedShort: 'Service'},
+    {algo: 'crd',      group: 'k8s', short: 'MutatingWebhookConfiguration', usedGroup: 'k8s', usedShort: 'Service'},
+    {algo: 'crd',      group: 'k8s', short: 'ValidatingWebhookConfiguration', usedGroup: 'k8s', usedShort: 'Service'},
     {algo: 'endpoint', group: 'k8s', short: 'Endpoints', usedGroup: 'k8s', usedShort: 'Pod'},
     {algo: 'traefik',  group: 'k8s', short: 'Ingress', usedGroup: 'traefik', usedShort: 'Middleware', path: null},
     {algo: 'vynil',    group: 'vynil', short: 'Install', usedGroup: 'k8s', usedShort: 'Job', path: null},
@@ -85,6 +90,7 @@ const equity = [
     {algo: 'pvc', group: 'k8s', short: 'PersistentVolume', parentGroup: 'k8s', parentShort: 'PersistentVolumeClaim'},
 ];
 const children = [
+    {algo: 'crd',  group: 'core', short: 'CrdObject', parentGroup: 'k8s', parentShort: 'CustomResourceDefinition'},
     {algo: 'k8up', group: 'k8s', short: 'Job', parentGroup: 'k8up', parentShort: 'Backup'},
     {algo: 'k8up', group: 'k8s', short: 'Job', parentGroup: 'k8up', parentShort: 'Check'},
     {algo: 'k8up', group: 'k8s', short: 'Job', parentGroup: 'k8up', parentShort: 'Prune'},
@@ -99,6 +105,7 @@ const children = [
     {algo: 'certmanager', group: 'certmanager', short: 'Order', parentGroup: 'certmanager', parentShort: 'Certificate'},
     {algo: 'k8s', group: 'core', short: 'Container', parentGroup: 'k8s', parentShort: 'Pod'},
     {algo: 'k8s', group: 'k8s', short: 'ReplicaSet', parentGroup: 'k8s', parentShort: 'Deployment'},
+    {algo: 'k8s', group: 'k8s', short: 'Pod', parentGroup: 'k8s', parentShort: 'Node'},
     {algo: 'k8s', group: 'k8s', short: 'Pod', parentGroup: 'k8s', parentShort: 'ReplicaSet'},
     {algo: 'k8s', group: 'k8s', short: 'Pod', parentGroup: 'k8s', parentShort: 'StatefulSet'},
     {algo: 'k8s', group: 'k8s', short: 'Pod', parentGroup: 'k8s', parentShort: 'DaemonSet'},
diff --git a/utils/generator/front/all.query.read.graphql.hbs b/utils/generator/front/all.query.read.graphql.hbs
index 511c5dab..b4b4e95a 100644
--- a/utils/generator/front/all.query.read.graphql.hbs
+++ b/utils/generator/front/all.query.read.graphql.hbs
@@ -54,13 +54,25 @@ query {{ name }}Query($namespace: queryParameters{{#each objects}}{{#unless (isN
         name
           {{/if}}
           {{#if (eq resultShort 'Problem')}}
-            source
-            description
+        source
+        description
           {{/if}}
           {{#if (eq resultShort 'Advice')}}
-            source
-            reason
-            description
+        source
+        reason
+        description
+          {{/if}}
+          {{#if (eq resultShort 'CrdObject')}}
+        metadata {
+          name
+          namespace
+          annotations
+          labels
+          creationTimestamp
+          uid
+        }
+        spec
+        status
           {{/if}}
           {{#if (eq resultShort 'Url')}}
         proto
diff --git a/utils/generator/front/grp.pages.advices.vue.hbs b/utils/generator/front/grp.pages.advices.vue.hbs
index 0da2f62a..62339c7f 100644
--- a/utils/generator/front/grp.pages.advices.vue.hbs
+++ b/utils/generator/front/grp.pages.advices.vue.hbs
@@ -40,7 +40,7 @@ const { result, loading, refetch, onError } = useQuery({{ category }}Query, {
       }
     ]:[]
   }
-});
+}, navigation.refreshOption);
 onError(onErrorHandler);
 </script>
 <template><div>
diff --git a/utils/generator/front/grp.pages.dashboard.vue.hbs b/utils/generator/front/grp.pages.dashboard.vue.hbs
index d8d1dc9c..2dc4b641 100644
--- a/utils/generator/front/grp.pages.dashboard.vue.hbs
+++ b/utils/generator/front/grp.pages.dashboard.vue.hbs
@@ -43,7 +43,7 @@ const { result, loading, refetch, onResult, onError } = useQuery({{ category }}Q
       }
     ]:[]
   }
-});
+}, navigation.refreshOption);
 onError(onErrorHandler);
 onResult((res) => {
   if ( !res.loading ) {
diff --git a/utils/generator/front/grp.query.read.graphql.hbs b/utils/generator/front/grp.query.read.graphql.hbs
index be244ccd..23af489a 100644
--- a/utils/generator/front/grp.query.read.graphql.hbs
+++ b/utils/generator/front/grp.query.read.graphql.hbs
@@ -52,13 +52,25 @@ query {{ name }}Query($namespace: queryParameters{{#each objects}}{{#unless (isN
         name
           {{/if}}
           {{#if (eq resultShort 'Problem')}}
-            source
-            description
+        source
+        description
           {{/if}}
           {{#if (eq resultShort 'Advice')}}
-            source
-            reason
-            description
+        source
+        reason
+        description
+          {{/if}}
+          {{#if (eq resultShort 'CrdObject')}}
+        metadata {
+          name
+          namespace
+          annotations
+          labels
+          creationTimestamp
+          uid
+        }
+        spec
+        status
           {{/if}}
           {{#if (eq resultShort 'Url')}}
         proto
diff --git a/utils/generator/front/grp.routes.ts.hbs b/utils/generator/front/grp.routes.ts.hbs
index 2e99a9d5..53fe995b 100644
--- a/utils/generator/front/grp.routes.ts.hbs
+++ b/utils/generator/front/grp.routes.ts.hbs
@@ -117,7 +117,7 @@ export const route = {
   {{#if namespaced}}
               {target: '{{ group }}{{ short }}AllTable', ns: false, display: () => i18n.global.t('overview.titleAllList',{short: '{{ short }}'})},
               {target: '{{ ../category }}{{ ../name }}NSDashboard', ns: true, display: (namespace) => i18n.global.t('overview.dashboardNSTitle',{name: '{{ group }}', namespace})},
-              {target: '{{ ../category }}{{ ../name }}NSAdvices', ns: true, display: (ns) => i18n.global.t('overview.adviceNSTitle',{name: '{{ group }}', namespace})},
+              {target: '{{ ../category }}{{ ../name }}NSAdvices', ns: true, display: (namespace) => i18n.global.t('overview.adviceNSTitle',{name: '{{ group }}', namespace})},
   {{else}}
               {target: '{{ ../category }}{{ ../name }}Dashboard', ns: false, display: () => i18n.global.t('overview.dashboardTitle',{name: '{{ group }}'})},
               {target: '{{ ../category }}{{ ../name }}Advices', ns: false, display: () => i18n.global.t('overview.adviceTitle',{name: '{{ group }}'})},
@@ -127,13 +127,103 @@ export const route = {
         },
         {
           path: '{{#if namespaced}}:namespace/{{/if}}view/:name',
+{{#if (and (eq group 'k8s') (eq short 'CustomResourceDefinition'))}}
+          meta: {breadcrumb: arg => i18n.global.t('view.name',arg), icon: icon{{ short }}, ns: {{toJson namespaced}}, useName: true},
+{{else}}
           name: '{{ group }}{{ short }}View',
           component: () => import('../../pages/{{category}}/{{ group }}/{{ short }}View.vue'),
           meta: {
-            breadcrumb: i18n.global.t('view.breadcrumb'), icon: icon{{ short }}, ns: {{toJson namespaced}}, useName: true,
+            breadcrumb: arg => i18n.global.t('view.name',arg), icon: 'visibility', ns: {{toJson namespaced}}, useName: true,
             title: ({{#if namespaced}}namespace, {{/if}}name) => i18n.global.t('view.{{#if namespaced}}namespaced{{else}}cluster{{/if}}',{short: '{{ short }}',name{{#if namespaced}}, namespace{{/if}} })
           },
+{{/if}}
           children: [
+{{#if (and (eq group 'k8s') (eq short 'CustomResourceDefinition'))}}
+            {
+              path: '',
+              name: '{{ group }}{{ short }}View',
+              component: () => import('../../pages/{{category}}/{{ group }}/{{ short }}View.vue'),
+              meta: {
+                breadcrumb: i18n.global.t('view.breadcrumb'), icon: 'visibility', ns: {{toJson namespaced}}, useName: true,
+                title: ({{#if namespaced}}namespace, {{/if}}name) => i18n.global.t('view.{{#if namespaced}}namespaced{{else}}cluster{{/if}}',{short: '{{ short }}',name{{#if namespaced}}, namespace{{/if}} })
+              },
+              children: [
+                {name: 'CrdObjectClusterViewFromchildcoreCrdObject', path: 'childcoreCrdObject', redirect: to => { return {name: '{{ group }}{{ short }}View', params: to.params} }, meta: {animation: 'child'} },
+              ]
+            },
+            {
+              path: 'cl-view/:object',
+              name: 'CrdObjectClusterView',
+              component: () => import('../../pages/core/CrdObjectView.vue'),
+              meta: {
+                breadcrumb: arg => i18n.global.t('view.object',arg), icon: 'visibility', ns: false, useName: true, useObject: true,
+                title: (name, object) => i18n.global.t('view.clusterObject',{ name, object })
+              },
+              children: [
+                {name: 'CrdObjectClusterViewFromparent{{ group }}{{ short }}', path: 'parent{{ group }}{{ short }}', redirect: to => { return {name: 'CrdObjectClusterView', params: to.params} }, meta: {animation: 'parent'} },
+              ]
+            },
+            {
+              path: 'ns-view/:namespace/:object',
+              name: 'CrdObjectNamespacedView',
+              component: () => import('../../pages/core/CrdObjectView.vue'),
+              meta: {
+                breadcrumb: arg => i18n.global.t('view.object',arg), icon: 'visibility', ns: true, useName: true, useObject: true,
+                title: (name, namespace, object) => i18n.global.t('view.namespacedObject',{ name, namespace, object })
+              },
+              children: [
+                {name: 'CrdObjectNamespacedViewFromparent{{ group }}{{ short }}', path: 'parent{{ group }}{{ short }}', redirect: to => { return {name: 'CrdObjectNamespacedView', params: to.params} }, meta: {animation: 'parent'} },
+              ]
+            },
+            {
+              path: 'cl-edit/:object',
+              name: 'CrdObjectClusterEdit',
+              component: () => import('../../pages/core/CrdObjectEdit.vue'),
+              meta: {
+                breadcrumb: arg => i18n.global.t('edit.object',arg), icon: 'visibility', ns: false, useName: true, useObject: true,
+                title: (name, object) => i18n.global.t('edit.clusterObject',{ name, object })
+              },
+              children: [
+                {name: 'CrdObjectClusterEditFromparent{{ group }}{{ short }}', path: 'parent{{ group }}{{ short }}', redirect: to => { return {name: 'CrdObjectClusterEdit', params: to.params} }, meta: {animation: 'parent'} },
+              ]
+            },
+            {
+              path: 'ns-edit/:namespace/:object',
+              name: 'CrdObjectNamespacedEdit',
+              component: () => import('../../pages/core/CrdObjectEdit.vue'),
+              meta: {
+                breadcrumb: arg => i18n.global.t('edit.object',arg), icon: 'visibility', ns: true, useName: true, useObject: true,
+                title: (name, namespace, object) => i18n.global.t('edit.namespacedObject',{ name, namespace, object })
+              },
+              children: [
+                {name: 'CrdObjectNamespacedEditFromparent{{ group }}{{ short }}', path: 'parent{{ group }}{{ short }}', redirect: to => { return {name: 'CrdObjectNamespacedEdit', params: to.params} }, meta: {animation: 'parent'} },
+              ]
+            },
+            {
+              path: 'create/:namespace',
+              name: 'CrdObjectNamespacedCreate',
+              component: () => import('../../pages/core/CrdObjectNew.vue'),
+              meta: {
+                breadcrumb: i18n.global.t('new.breadcrumb'), icon: 'visibility', ns: true, useName: true,
+                title: (namespace, name) => i18n.global.t('new.namespacedObject',{ name, namespace })
+              },
+              children: [
+                {name: 'CrdObjectNamespacedCreateFromparent{{ group }}{{ short }}', path: 'parent{{ group }}{{ short }}', redirect: to => { return {name: 'CrdObjectNamespacedCreate', params: to.params} }, meta: {animation: 'parent'} },
+              ]
+            },
+            {
+              path: 'create',
+              name: 'CrdObjectClusterCreate',
+              component: () => import('../../pages/core/CrdObjectNew.vue'),
+              meta: {
+                breadcrumb: i18n.global.t('new.breadcrumb'), icon: 'visibility', ns: false, useName: true,
+                title: (name) => i18n.global.t('new.clusterObject',{ name })
+              },
+              children: [
+                {name: 'CrdObjectClusterCreateFromparent{{ group }}{{ short }}', path: 'parent{{ group }}{{ short }}', redirect: to => { return {name: 'CrdObjectClusterCreate', params: to.params} }, meta: {animation: 'parent'} },
+              ]
+            },
+{{/if}}
 {{#each resolvers}}
             {name: '{{ ../group }}{{ ../short }}ViewFrom{{name}}', path: '{{name}}', redirect: to => { return {name: '{{ ../group }}{{ ../short }}View', params: to.params} }, meta: {animation: '{{type}}'} },
 {{/each}}
@@ -144,7 +234,7 @@ export const route = {
           name: '{{ group }}{{ short }}Edit',
           component: () => import('../../pages/{{category}}/{{ group }}/{{ short }}Edit.vue'),
           meta: {
-            breadcrumb: i18n.global.t('edit.breadcrumb'), icon: 'visibility', ns: {{toJson namespaced}}, useName: true,
+            breadcrumb: arg => i18n.global.t('edit.name',arg), icon: 'edit', ns: {{toJson namespaced}}, useName: true,
             title: ({{#if namespaced}}namespace, {{/if}}name) => i18n.global.t('edit.{{#if namespaced}}namespaced{{else}}cluster{{/if}}',{short: '{{ short }}',name{{#if namespaced}}, namespace{{/if}} })
           },
         },
diff --git a/utils/generator/front/obj.components.edit.vue.hbs b/utils/generator/front/obj.components.edit.vue.hbs
index 3d4dd140..8745618a 100644
--- a/utils/generator/front/obj.components.edit.vue.hbs
+++ b/utils/generator/front/obj.components.edit.vue.hbs
@@ -1,28 +1,20 @@
 <script setup lang="ts">
-import { onMounted } from "vue";
-import { defineAsyncComponent } from 'vue'
-const  OpenApiEdit   = defineAsyncComponent(() => import( '@/components/core/OpenApiEdit.vue'));
-const  MonacoEditor   = defineAsyncComponent(() => import( '@/components/core/MonacoEditor.vue'));
-const  OpenApiNamedIcon   = defineAsyncComponent(() => import( '@/components/core/OpenApiNamedIcon.vue'));
-import { use{{ short }}, sanitizeData, getProperties, {{ short }}Definition } from '../../libs/{{ group }}/{{ short }}.js'
+const emit = defineEmits(['on-submit'])
+const props = defineProps<{model: object}>();
+import { onMounted, defineAsyncComponent, use{{ short }}, sanitizeData, getProperties, {{ short }}Definition } from '../../libs/{{ group }}/{{ short }}.js'
 import { color{{ short }}, icon{{ short }}, extra{{ short }}Columns } from '../../libs/{{ group }}/custom.js'
-import { useQuasar } from 'quasar'
-const $q = useQuasar()
 {{#if namespaced}}
-const { writeProperties, onlyWriteProperties, editor, setNamespacedItemFromRoute } = use{{ short }}();setNamespacedItemFromRoute();
+const { $q, writeProperties, onlyWriteProperties, editor, setNamespacedItemFromRoute } = use{{ short }}();setNamespacedItemFromRoute();
 {{else}}
-const { writeProperties, onlyWriteProperties, editor, setItemFromRoute } = use{{ short }}();setItemFromRoute();
+const { $q, writeProperties, onlyWriteProperties, editor, setItemFromRoute } = use{{ short }}();setItemFromRoute();
 {{/if}}
-const emit = defineEmits(['on-submit'])
-const props = defineProps<{model: object}>();
-onMounted(() => {
-  editor.value.updateFromQuery(onlyWriteProperties(props.model));
-})
-function onSubmit() {
-  emit('on-submit', sanitizeData(editor.value.obj));
-}
+onMounted(() => editor.value.updateFromQuery(onlyWriteProperties(props.model)) )
+const onSubmit = () => emit('on-submit', sanitizeData(editor.value.obj))
 const setkey = (key:string, v) => editor.value.setKey(key, v)
 const setYaml = (v) => editor.value.setYaml(v)
+const OpenApiEdit      = defineAsyncComponent(() => import( '@/components/core/OpenApiEdit.vue'));
+const MonacoEditor     = defineAsyncComponent(() => import( '@/components/core/MonacoEditor.vue'));
+const OpenApiNamedIcon = defineAsyncComponent(() => import( '@/components/core/OpenApiNamedIcon.vue'));
 </script>
 <template>
   <q-form @submit="onSubmit" class="q-gutter-md q-pt-sm q-ml-sm">
@@ -38,7 +30,7 @@ const setYaml = (v) => editor.value.setYaml(v)
     </q-tabs>
     <q-tab-panels v-model="editor.tab" animated>
       <q-tab-panel name="simple" :class="`bg-${ color{{ short }} }-${$q.dark.isActive?'10':'1'}`">
-        <OpenApiEdit v-if="editor.ready"
+        <OpenApiEdit v-if="editor.ready" :showdefault="true"
 {{#if (and (eq group 'vynil') (eq short 'Install'))}}
           @update:out="(v)=>setkey('spec', {...model['spec'],options:sanitizeData(v)})"
           :in="editor.obj['spec']['options']"
@@ -63,7 +55,7 @@ const setYaml = (v) => editor.value.setYaml(v)
 {{#if (and (eq group 'vynil') (eq short 'Install'))}}
             :properties="getProperties({properties: model.consumevynilPackage.options})"
 {{else}}
-            :properties="getProperties({properties: Object.fromEntries(Object.entries({{ short }}Definition).filter(([n])=>!['metadata','status'].includes(n)))})"
+            :properties="getProperties({{ short }}Definition,([k])=>writeProperties.includes(k))"
 {{/if}}
             />
       </q-tab-panel>
diff --git a/utils/generator/front/obj.components.list.vue.hbs b/utils/generator/front/obj.components.list.vue.hbs
index 162c8c74..8d271264 100644
--- a/utils/generator/front/obj.components.list.vue.hbs
+++ b/utils/generator/front/obj.components.list.vue.hbs
@@ -1,25 +1,21 @@
 <script setup lang="ts">
-import { defineAsyncComponent } from 'vue'
-const  TableHeader   = defineAsyncComponent(() => import( '@/components/core/TableHeader.vue'));
-import { ref, use{{ short }}, {{ short }}Columns{{#if namespaced}}, {{ short }}AllColumns{{/if}} } from '../../libs/{{ group }}/{{ short }}.js'
-const { can, actionNew, toEdit, toParentView, pagination{{#if namespaced}}, navigation, isNamespaced{{/if}} } = use{{ short }}();
-import { color{{ short }}, icon{{ short }} } from '../../libs/{{ group }}/custom.js'
-import { elude } from "../../libs/core/"
-import { useQuasar } from 'quasar'
-const $q = useQuasar()
-let filter = ref('');
 defineEmits(['refresh','on-delete']);
-withDefaults(defineProps<{model: object[], useAction?:boolean, useRefresh?: boolean, showNamespace?:boolean, origin?:string}>(),{
+withDefaults(defineProps<{model: object[], parent?:object, useAction?:boolean, useRefresh?: boolean, showNamespace?:boolean, origin?:string}>(),{
   useAction: false,
   useRefresh: true,
   showNamespace: false,
 });
+import { color{{ short }}, icon{{ short }} } from '../../libs/{{ group }}/custom.js'
+import { elude, defineAsyncComponent, ref, use{{ short }}, {{ short }}Columns{{#if namespaced}}, {{ short }}AllColumns{{/if}} } from '../../libs/{{ group }}/{{ short }}.js'
+const { $q, can, actionNew, toEdit, toParentView, pagination{{#if namespaced}}, navigation, isNamespaced{{/if}} } = use{{ short }}();
+const filter = ref('');
+const TableHeader = defineAsyncComponent(() => import( '@/components/core/TableHeader.vue'));
 </script>
 <template>
   <q-card bordered class="q-ma-sm">
     <TableHeader title="{{ short }}" :icon="icon{{ short }}" :class="`bg-${ color{{ short }} }`" :usecreate="useAction&&can('create'{{#if namespaced}},navigation.currentNamespace.value{{/if}})" :userefresh="useRefresh" itemtype='{{ group }} {{ short }}' v-model:model-filter="filter" @refresh="$emit('refresh')" @create="actionNew({{#if namespaced}}navigation.currentNamespace.value{{/if}})" />
     <q-card-section class="q-pa-none">
-    <q-table :rows="model" :class="`bg-${ color{{ short }} }-${$q.dark.isActive?'10':'1'}`" :columns="{{#if namespaced}}(showNamespace||!isNamespaced())?{{ short }}AllColumns:{{/if}}{{ short }}Columns.filter(c=>c.name!='Action'||useAction)" class="no-shadow" v-model:pagination="pagination" :filter="filter" hide-bottom>
+    <q-table :rows="model" :class="`bg-${ color{{ short }} }-${$q.dark.isActive?'10':'1'}`" :columns="({{#if namespaced}}(showNamespace||!isNamespaced())?{{ short }}AllColumns:{{/if}}{{ short }}Columns).filter(c=>c.name!='Action'||useAction)" class="no-shadow" v-model:pagination="pagination" :filter="filter" hide-bottom>
 {{#if namespaced}}
         <template v-slot:body-cell-Namespace="props" v-if="showNamespace||!isNamespaced()">
           <q-td :props="props">
diff --git a/utils/generator/front/obj.components.meta.vue.hbs b/utils/generator/front/obj.components.meta.vue.hbs
index 2164b4b2..030bef52 100644
--- a/utils/generator/front/obj.components.meta.vue.hbs
+++ b/utils/generator/front/obj.components.meta.vue.hbs
@@ -1,12 +1,4 @@
 <script setup lang="ts">
-import { defineAsyncComponent } from 'vue'
-import { ref, use{{ short }} } from '../../libs/{{ group }}/{{ short }}.js'
-import { color{{ short }}, icon{{ short }}, extra{{ short }}Columns } from '../../libs/{{ group }}/custom.js'
-import { elude, getColor, getConditionColor, timeAgo } from "../../libs/core/"
-import { useQuasar } from 'quasar'
-const  OpenApiNamedIcon   = defineAsyncComponent(() => import( '@/components/core/OpenApiNamedIcon.vue'));
-const $q = useQuasar()
-const { can, toEdit } = use{{ short }}();
 defineEmits(['on-delete']);
 const props = withDefaults(defineProps<{model: object, useActions?:boolean, showLink?:boolean, showLabels?:boolean, showStatus?: boolean, origin?:string}>(), {
   useActions: false,
@@ -14,6 +6,10 @@ const props = withDefaults(defineProps<{model: object, useActions?:boolean, show
   showStatus: true,
   showLink: true,
 });
+import { elude, getColor, getConditionColor, timeAgo, defineAsyncComponent, ref, use{{ short }} } from '../../libs/{{ group }}/{{ short }}.js'
+import { color{{ short }}, icon{{ short }}, extra{{ short }}Columns } from '../../libs/{{ group }}/custom.js'
+const { $q, can, toEdit } = use{{ short }}();
+const OpenApiNamedIcon = defineAsyncComponent(() => import( '@/components/core/OpenApiNamedIcon.vue'));
 </script>
 <template>
   <q-card bordered class="q-ma-sm">
diff --git a/utils/generator/front/obj.components.status.vue.hbs b/utils/generator/front/obj.components.status.vue.hbs
index 4d92b167..970d29f4 100644
--- a/utils/generator/front/obj.components.status.vue.hbs
+++ b/utils/generator/front/obj.components.status.vue.hbs
@@ -1,16 +1,14 @@
 <script setup lang="ts">
-import { defineAsyncComponent } from 'vue'
-import { getConditionColor, elude } from "../../libs/core/"
-import { color{{ short }}, icon{{ short }}, extra{{ short }}Columns } from '../../libs/{{ group }}/custom.js'
-import { useQuasar } from 'quasar'
-const  OpenApiNamedIcon   = defineAsyncComponent(() => import( '@/components/core/OpenApiNamedIcon.vue'));
-const $q = useQuasar()
 const props = withDefaults(defineProps<{model: object, useActions?:boolean, showLink?:boolean, showLabels?:boolean, showStatus?: boolean, origin?:string}>(), {
   useActions: false,
   showLabels: false,
   showStatus: true,
   showLink: true,
 });
+import { useQuasar, defineAsyncComponent, getConditionColor, elude } from "../../libs/core/"
+import { color{{ short }}, icon{{ short }}, extra{{ short }}Columns } from '../../libs/{{ group }}/custom.js'
+const $q = useQuasar()
+const OpenApiNamedIcon = defineAsyncComponent(() => import( '@/components/core/OpenApiNamedIcon.vue'));
 </script>
 <template>
   <q-card bordered class="q-ma-sm" v-if="model.status != null">
diff --git a/utils/generator/front/obj.components.view.vue.hbs b/utils/generator/front/obj.components.view.vue.hbs
index 508db9a9..25eb204e 100644
--- a/utils/generator/front/obj.components.view.vue.hbs
+++ b/utils/generator/front/obj.components.view.vue.hbs
@@ -1,28 +1,17 @@
 <script setup lang="ts">
-import { defineAsyncComponent } from 'vue'
-import { onMounted } from "vue";
-import { elude, getColor, getConditionColor, timeAgo } from "../../libs/core/"
-const  OpenApiEdit   = defineAsyncComponent(() => import( '@/components/core/OpenApiEdit.vue'));
-const  EventList   = defineAsyncComponent(() => import( '@/components/core/EventList.vue'));
-const  MonacoViewer   = defineAsyncComponent(() => import( '@/components/core/MonacoViewer.vue'));
-const  OpenApiNamedIcon   = defineAsyncComponent(() => import( '@/components/core/OpenApiNamedIcon.vue'));
-import { use{{ short }}, getProperties, {{ short }}Definition } from '../../libs/{{ group }}/{{ short }}.js'
-import { color{{ short }}, icon{{ short }}, extra{{ short }}Columns } from '../../libs/{{ group }}/custom.js'
-import { useQuasar } from 'quasar'
-const $q = useQuasar()
-{{#if namespaced}}
-const { can, writeProperties, onlyReadProperties, toParentView, viewer, viewerUpdate, toEdit, actionDelete, setNamespacedItemFromRoute } = use{{ short }}();setNamespacedItemFromRoute();
-{{else}}
-const { can, writeProperties, onlyReadProperties, toParentView, viewer, viewerUpdate, toEdit, actionDelete, setItemFromRoute } = use{{ short }}();setItemFromRoute();
-{{/if}}
 defineEmits(['on-delete']);
 const props = withDefaults(defineProps<{model: object, useActions?:boolean, showLink?:boolean, origin?:string}>(), {
   useActions: false,
   showLink: false,
 });
-onMounted(() => {
-  viewerUpdate(onlyReadProperties(props.model));
-})
+import { defineAsyncComponent, onMounted, elude, getColor, getConditionColor, timeAgo, use{{ short }}, getProperties, {{ short }}Definition } from '../../libs/{{ group }}/{{ short }}.js'
+import { color{{ short }}, icon{{ short }}, extra{{ short }}Columns } from '../../libs/{{ group }}/custom.js'
+const { $q, can, writeProperties, onlyReadProperties, toParentView, viewer, viewerUpdate, toEdit, actionDelete, set{{#if namespaced}}Namespaced{{/if}}ItemFromRoute } = use{{ short }}();
+set{{#if namespaced}}Namespaced{{/if}}ItemFromRoute();onMounted(() => { viewerUpdate(onlyReadProperties(props.model)) })
+const OpenApiEdit      = defineAsyncComponent(() => import( '@/components/core/OpenApiEdit.vue'));
+const EventList        = defineAsyncComponent(() => import( '@/components/core/EventList.vue'));
+const MonacoViewer     = defineAsyncComponent(() => import( '@/components/core/MonacoViewer.vue'));
+const OpenApiNamedIcon = defineAsyncComponent(() => import( '@/components/core/OpenApiNamedIcon.vue'));
 </script>
 <template>
   <q-card bordered class="q-ma-sm">
diff --git a/utils/generator/front/obj.lib.ts.hbs b/utils/generator/front/obj.lib.ts.hbs
index 7234438b..166eeda3 100644
--- a/utils/generator/front/obj.lib.ts.hbs
+++ b/utils/generator/front/obj.lib.ts.hbs
@@ -1,8 +1,9 @@
 import { QTableColumn } from 'quasar'
 import { i18n } from "../i18n"
 import { usePermissionStore } from '../../stores'
-import { ref, gqlDataToYaml, tableColumnAlign, useCore, useNavigationStoreRef } from '../core'
-export { ref, useCore, useQuery, useMutation, sanitizeData, getProperties } from '../core';
+import { watch, ref, gqlDataToYaml, tableColumnAlign, useCore, useNavigationStoreRef } from '../core'
+export { onMounted, defineAsyncComponent, elude, getColor, getConditionColor, timeAgo, ref, useCore, useQuery, useMutation, sanitizeData, getProperties } from '../core';
+export { i18n } from "../../libs/i18n"
 export { {{ short }}ListExcludes, {{ short }}ReadExcludes, {{ short }}SimpleExcludes } from './custom.js'
 import { extra{{short}}Columns } from './custom.js'
 import { stringify, parse } from 'yaml'
@@ -12,7 +13,7 @@ export const {{short}}Columns:Array<QTableColumn> = ([
   {name: 'Name', label: i18n.global.t('meta.name'), field: row => row.metadata.name, sortable: true, align: tableColumnAlign.left}
 ] as Array<QTableColumn>).concat(extra{{short}}Columns).concat([
   {name: 'Problems', label: i18n.global.t('core.status'), field: 'Ok', sortable: false, align: tableColumnAlign.right},
-  {name: 'Action', label: '', field: 'Action', sortable: false, align: tableColumnAlign.right}
+  {name: 'Action', label: i18n.global.t('core.action'), field: 'Action', sortable: false, align: tableColumnAlign.right}
 ]);
 {{#if namespaced}}
 export const {{short}}AllColumns = ([
@@ -33,22 +34,8 @@ export function use{{ short }}() {
 {{/each}}
       }
   });
-  const onlyReadProperties = (obj) => {
-      const res = {}
-      Object.keys(obj).forEach(k=>{
-        if ({{toJsonKeys readProperties}}.includes(k)||k=='metadata')
-          res[k] = obj[k];
-      })
-      return res
-    };
-  const onlyWriteProperties = (obj) => {
-      const res = {}
-      Object.keys(obj).forEach(k=>{
-        if ({{toJsonKeys writeProperties}}.includes(k))
-          res[k] = obj[k];
-      })
-      return res
-    };
+  const onlyReadProperties = (obj) => Object.keys(obj).filter(k=>{{toJsonKeys readProperties}}.includes(k)||k=='metadata').reduce((res,k)=>{res[k] = obj[k]; return res},{});
+  const onlyWriteProperties = (obj) => Object.keys(obj).filter(k=>{{toJsonKeys writeProperties}}.includes(k)).reduce((res,k)=>{res[k] = obj[k];return res},{});
   const editor = ref({
       tab: 'simple',
       yaml: '',
@@ -71,7 +58,7 @@ export function use{{ short }}() {
       },
   });
   return {
-    onlyReadProperties, onlyWriteProperties, editor, viewer, viewerUpdate: (obj) => {
+    onlyReadProperties, onlyWriteProperties, editor, viewer, $q, viewerUpdate: (obj) => {
       viewer.value.full=gqlDataToYaml(obj)
 {{#each writeProperties}}
       viewer.value.props["{{this}}"]=gqlDataToYaml({"{{this}}": obj["{{this}}"]})
@@ -131,7 +118,7 @@ export function use{{ short }}() {
     actionDelete: (deletor:(o:object)=>any, meta:object) => {
       $q.dialog({
         title: i18n.global.t('delete.title'),
-        message: i18n.global.t('delete.message'),
+        message: i18n.global.t('delete.message',{short: '{{short}}', name: meta.name}),
         persistent: true, cancel: true, html: true, ok: {color: 'negative'}
       }).onOk(() => {
         notifyWorking(i18n.global.t('delete.notifyWorking'));
diff --git a/utils/generator/front/obj.pages.edit.vue.hbs b/utils/generator/front/obj.pages.edit.vue.hbs
index 4fe7d9f1..a4416578 100644
--- a/utils/generator/front/obj.pages.edit.vue.hbs
+++ b/utils/generator/front/obj.pages.edit.vue.hbs
@@ -1,17 +1,9 @@
 <script setup lang="ts">
-import { defineAsyncComponent } from 'vue'
 import {{ group }}{{ short }}Query from '@/queries/{{ group }}/{{ short }}.read.graphql'
 import {{ short }}Edit from '@/queries/{{ group }}/{{ short }}.patch.graphql'
-const  {{ group }}{{ short }}Meta   = defineAsyncComponent(() => import( '@/components/{{ group }}/{{ short }}Meta.vue'));
-const  {{ group }}{{ short }}Edit   = defineAsyncComponent(() => import( '@/components/{{ group }}/{{ short }}Edit.vue'));
-const TableSkeleton = defineAsyncComponent(() => import( '@/components/core/TableSkeleton.vue'));
-const  {{ group }}{{ short }}Status   = defineAsyncComponent(() => import( '@/components/{{ group }}/{{ short }}Status.vue'));
-import { ref, useQuery, useMutation, use{{ short }}, {{ short }}SimpleExcludes } from '../../../libs/{{ group }}/{{ short }}.js'
-{{#if namespaced}}
-const { onErrorHandler, patchDone, patchError, notifyWorking, onNot{{ short }}Found, navigation, setNamespacedItemFromRoute } = use{{ short }}();setNamespacedItemFromRoute();
-{{else}}
-const { onErrorHandler, patchDone, patchError, notifyWorking, onNot{{ short }}Found, navigation, setItemFromRoute } = use{{ short }}();setItemFromRoute();
-{{/if}}
+import { i18n, defineAsyncComponent, ref, useQuery, useMutation, use{{ short }}, {{ short }}SimpleExcludes } from '../../../libs/{{ group }}/{{ short }}.js'
+const { onErrorHandler, patchDone, patchError, notifyWorking, onNot{{ short }}Found, navigation, set{{#if namespaced}}Namespaced{{/if}}ItemFromRoute } = use{{ short }}();set{{#if namespaced}}Namespaced{{/if}}ItemFromRoute();
+const { mutate: patch{{ short }}, onDone: onPatch{{ short }}, onError: onPatchError } = useMutation({{ short }}Edit);
 const { result, loading, onResult, onError } = useQuery({{ group }}{{ short }}Query, {
   "obj": {
     "filters": [
@@ -34,7 +26,6 @@ const { result, loading, onResult, onError } = useQuery({{ group }}{{ short }}Qu
   }
 {{/if}}
 });
-const { mutate: patch{{ short }}, onDone: onPatch{{ short }}, onError: onPatchError } = useMutation({{ short }}Edit);
 const model = ref({});
 onResult(res => {
   if ( !res.loading ) {
@@ -105,13 +96,17 @@ onResult(res => {
   }
 });
 function onSubmit(obj:object) {
-  notifyWorking($t('edit.notifyWorking'));
+  notifyWorking(i18n.global.t('edit.notifyWorking'));
   patch{{ short }}({
     ...obj,
     "metadata": Object.fromEntries(Object.entries(result.value{{#if namespaced}}.k8sNamespace[0]{{/if}}.{{ group }}{{ short }}[0].metadata).filter(([name])=>name!='__typename')),
   });
 }
 onError(onErrorHandler);onPatch{{ short }}(patchDone);onPatchError(patchError);
+const TableSkeleton = defineAsyncComponent(() => import( '@/components/core/TableSkeleton.vue'));
+const {{ group }}{{ short }}Meta   = defineAsyncComponent(() => import( '@/components/{{ group }}/{{ short }}Meta.vue'));
+const {{ group }}{{ short }}Edit   = defineAsyncComponent(() => import( '@/components/{{ group }}/{{ short }}Edit.vue'));
+const {{ group }}{{ short }}Status = defineAsyncComponent(() => import( '@/components/{{ group }}/{{ short }}Status.vue'));
 </script>
 <template><div>
   <TableSkeleton :showNamespace="{{toJson namespaced}}" v-if="loading" />
diff --git a/utils/generator/front/obj.pages.list.vue.hbs b/utils/generator/front/obj.pages.list.vue.hbs
index c9b3181f..3fba86fb 100644
--- a/utils/generator/front/obj.pages.list.vue.hbs
+++ b/utils/generator/front/obj.pages.list.vue.hbs
@@ -1,13 +1,10 @@
 <script setup lang="ts">
-import { defineAsyncComponent } from 'vue'
 import {{ group }}{{ short }}Query from '@/queries/{{ group }}/{{ short }}.read.graphql'
 import {{ short }}Delete from '@/queries/{{ group }}/{{ short }}.delete.graphql'
-const  {{ group }}{{ short }}List   = defineAsyncComponent(() => import( '@/components/{{ group }}/{{ short }}List.vue'));
-const TableSkeleton = defineAsyncComponent(() => import( '@/components/core/TableSkeleton.vue'));
-import { useQuery, useMutation, use{{ short }}, {{ short }}ListExcludes } from '../../../libs/{{ group }}/{{ short }}.js'
-import { watch } from 'vue';
+import { watch, defineAsyncComponent, useQuery, useMutation, use{{ short }}, {{ short }}ListExcludes } from '../../../libs/{{ group }}/{{ short }}.js'
 {{#if namespaced}}
 const { actionDelete, deleteDone, deleteError, onErrorHandler, navigation, setNamespaceFromRoute{{#if namespaced}}, isNamespaced{{/if}} } = use{{ short }}();setNamespaceFromRoute();
+const { mutate: deletor, onDone: onDeleteDone, onError: onDeleteError } = useMutation({{ short }}Delete);
 const { result, refetch, onError } = useQuery({{ group }}{{ short }}Query, {
   "obj": {
     "filters": [],
@@ -25,12 +22,14 @@ const { result, refetch, onError } = useQuery({{ group }}{{ short }}Query, {
 }, navigation.refreshOption);
 {{else}}
 const { navigation, actionNew, toEdit, actionDelete, pagination, deleteDone, deleteError, onErrorHandler } = use{{ short }}();
+const { mutate: deletor, onDone: onDeleteDone, onError: onDeleteError } = useMutation({{ short }}Delete);
 const { result, refetch, onError } = useQuery({{ group }}{{ short }}Query, {
   "obj": {}
 }, navigation.refreshOption);
 {{/if}}
-const { mutate: deletor, onDone: onDeleteDone, onError: onDeleteError } = useMutation({{ short }}Delete);
 onError(onErrorHandler);onDeleteDone(deleteDone);onDeleteError(deleteError);
+const {{ group }}{{ short }}List = defineAsyncComponent(() => import( '@/components/{{ group }}/{{ short }}List.vue'));
+const TableSkeleton = defineAsyncComponent(() => import( '@/components/core/TableSkeleton.vue'));
 </script>
 <template><div>
   <TableSkeleton :showNamespace="{{toJson namespaced}}" v-if="result === undefined" />
diff --git a/utils/generator/front/obj.pages.new.vue.hbs b/utils/generator/front/obj.pages.new.vue.hbs
index ed24d62b..e5c0eb88 100644
--- a/utils/generator/front/obj.pages.new.vue.hbs
+++ b/utils/generator/front/obj.pages.new.vue.hbs
@@ -1,31 +1,23 @@
 <script setup lang="ts">
-import { defineAsyncComponent } from 'vue'
 import {{ short }}New from '@/queries/{{ group }}/{{ short }}.create.graphql'
-const  {{ group }}{{ short }}Edit   = defineAsyncComponent(() => import( '@/components/{{ group }}/{{ short }}Edit.vue'));
-const  MetadataNew   = defineAsyncComponent(() => import( '@/components/core/MetadataNew.vue'));
 import { color{{ short }}, icon{{ short }} } from '../../../libs/{{ group }}/custom.js'
-import { ref, useMutation, use{{ short }}, {{ short }}Definition, sanitizeData, getProperties } from '@/libs/{{ group }}/{{ short }}.js'
-import { useQuasar } from 'quasar'
-const $q = useQuasar()
+import { defineAsyncComponent, i18n, ref, useMutation, use{{ short }}, {{ short }}Definition, sanitizeData, getProperties } from '@/libs/{{ group }}/{{ short }}.js'
+const { $q, editor, router, navigation, set{{#if namespaced}}Namespaced{{/if}}ItemFromRoute, notifySuccess, notifyError, notifyWorking } = use{{ short }}();set{{#if namespaced}}Namespaced{{/if}}ItemFromRoute();
+const { mutate, onDone, onError } = useMutation({{ short }}New);
 const name = ref('');
 const form = ref(null);
 const obj  = ref({});
-{{#if namespaced}}
-const { editor, router, navigation, setNamespacedItemFromRoute, notifySuccess, notifyError, notifyWorking } = use{{ short }}();setNamespacedItemFromRoute();
-{{else}}
-const { editor, router, navigation, setItemFromRoute, notifySuccess, notifyError, notifyWorking } = use{{ short }}();setItemFromRoute();
-{{/if}}
-const { mutate, onDone, onError } = useMutation({{ short }}New);
+const model = ref({});
 onDone(() => {
-  notifySuccess($t('new.notifyDone'));
+  notifySuccess(i18n.global.t('new.notifyDone'));
   router.go(-1);
 })
 onError((err) => {
-  notifyError($t('new.notifyError'));
+  notifyError(i18n.global.t('new.notifyError'));
   console.log('mutation error',err);
 })
 function onFinalSubmit() {
-  notifyWorking($t('new.notifyWorking'));
+  notifyWorking(i18n.global.t('new.notifyWorking'));
   mutate({
     "metadata": {
 {{#if namespaced}}
@@ -43,10 +35,11 @@ async function onSubmit(o:object) {
     obj.value = o;
     form.value.submit()
   } else {
-    notifyError($t('new.notifyNotReady'));
+    notifyError(i18n.global.t('new.notifyNotReady'));
   }
 }
-
+const {{ group }}{{ short }}Edit = defineAsyncComponent(() => import( '@/components/{{ group }}/{{ short }}Edit.vue'));
+const MetadataNew = defineAsyncComponent(() => import( '@/components/core/MetadataNew.vue'));
 </script>
 <template>
   <div class="row q-mb-sm q-ml-sm">
@@ -64,7 +57,7 @@ async function onSubmit(o:object) {
     </div>
     <div class="col-md-12">
       <{{ group }}{{ short }}Edit
-        :model="{}"
+        :model="model"
         @on-submit="onSubmit"
        />
     </div>
diff --git a/utils/generator/front/obj.pages.view.vue.hbs b/utils/generator/front/obj.pages.view.vue.hbs
index a7332f9c..08c2bdae 100644
--- a/utils/generator/front/obj.pages.view.vue.hbs
+++ b/utils/generator/front/obj.pages.view.vue.hbs
@@ -4,14 +4,19 @@ import {{ group }}{{ short }}Query from '@/queries/{{ group }}/{{ short }}.detai
 import {{ short }}Delete from '@/queries/{{ group }}/{{ short }}.delete.graphql'
 const  {{ group }}{{ short }}View   = defineAsyncComponent(() => import( '@/components/{{ group }}/{{ short }}View.vue'));
 const TableSkeleton = defineAsyncComponent(() => import( '@/components/core/TableSkeleton.vue'));
+import { i18n } from "../../../libs/i18n"
 {{#each resolvers}}
   {{#if (or (eq type 'parent') (eq type 'consume'))}}
+    {{#unless (and (and (eq type 'parent') (eq short 'Pod')) (eq resultShort 'Node'))}}
 const  {{ resultGroup }}{{ resultShort }}Meta   = defineAsyncComponent(() => import( '@/components/{{ resultGroup }}/{{ resultShort }}Meta.vue'));
+    {{/unless}}
   {{else}}
   {{#if (eq type 'equity')}}
 const  {{ resultGroup }}{{ resultShort }}View   = defineAsyncComponent(() => import( '@/components/{{ resultGroup }}/{{ resultShort }}View.vue'));
   {{else}}
+    {{#unless (and (and (eq type 'child') (eq short 'Node')) (eq resultShort 'Pod'))}}
 const  {{ resultGroup }}{{ resultShort }}List   = defineAsyncComponent(() => import( '@/components/{{ resultGroup }}/{{ resultShort }}List.vue'));
+    {{/unless}}
   {{/if}}
   {{/if}}
 {{/each}}
@@ -66,7 +71,11 @@ const conditions = ref({
     {{#if (or (eq type 'parent') (eq type 'consume'))}}
   "{{name}}": (data) => data != undefined && Array.isArray(data['{{ ../group }}{{ ../short }}']) && data['{{ ../group }}{{ ../short }}'].map(obj=>obj['{{name}}']!=null).reduce((acc,cur)=>acc||cur,false),
     {{else}}
+      {{#if (eq name 'childcoreCrdObject')}}
+  "{{name}}": (data) => data != undefined && Array.isArray(data['{{ ../group }}{{ ../short }}']),
+      {{else}}
   "{{name}}": (data) => data != undefined && Array.isArray(data['{{ ../group }}{{ ../short }}']) && data['{{ ../group }}{{ ../short }}'].map(obj=>obj['{{name}}']).flat().filter(o=>o!=null).length>0,
+      {{/if}}
     {{/if}}
   {{/if}}
 {{/each}}
@@ -180,10 +189,10 @@ onResult(res => {
   }
 });
 onDeleteDone(() => {
-  notifySuccess($t('new.notifyDone'));
+  notifySuccess(i18n.global.t('delete.notifyDone'));
 })
 onDeleteError((err) => {
-  notifyError($t('delete.notifyError'));
+  notifyError(i18n.global.t('delete.notifyError'));
   console.log('deletion error',err);
 })
 </script>
@@ -230,7 +239,7 @@ onDeleteError((err) => {
     <div class="col-md-3" v-if="!loading && sectionCounts.users>0">
 {{#each resolvers}}
   {{#if (eq type 'users')}}
-      <{{ resultGroup }}{{ resultShort }}List :useRefresh="false"
+      <{{ resultGroup }}{{ resultShort }}List :useRefresh="false" :parent="sanitizeData(model)"
         v-if="!loading && conditions['{{name}}'](result)"
         :model="result{{#if ../namespaced}}.k8sNamespace[0]{{/if}}.{{ ../group }}{{ ../short }}[0].{{ name }}"
         origin="{{inverse}}{{../group}}{{../short}}"
@@ -260,7 +269,7 @@ onDeleteError((err) => {
     <div class="col-md-3" v-if="!loading && sectionCounts.uses>0">
 {{#each resolvers}}
   {{#if (eq type 'use')}}
-      <{{ resultGroup }}{{ resultShort }}List :useRefresh="false"
+      <{{ resultGroup }}{{ resultShort }}List :useRefresh="false" :parent="sanitizeData(model)"
         v-if="!loading && conditions['{{name}}'](result)"
         :model="result{{#if ../namespaced}}.k8sNamespace[0]{{/if}}.{{ ../group }}{{ ../short }}[0].{{ name }}"
         origin="{{inverse}}{{../group}}{{../short}}"
@@ -271,7 +280,7 @@ onDeleteError((err) => {
 {{#each resolvers}}
   {{#if (or (eq type 'child') (eq type 'provide'))}}
     <div :class="`col-md-${sectionCounts.bellow<1?12:sectionCounts.bellow>4?3:12/sectionCounts.bellow}`" v-if="!loading && conditions['{{name}}'](result)">
-      <{{ resultGroup }}{{ resultShort }}List :useRefresh="false"
+      <{{ resultGroup }}{{ resultShort }}List :useRefresh="false" :parent="sanitizeData(model)"
         :model="result{{#if ../namespaced}}.k8sNamespace[0]{{/if}}.{{ ../group }}{{ ../short }}[0].{{ name }}"
         origin="{{inverse}}{{../group}}{{../short}}"
        />
diff --git a/utils/generator/front/obj.query.read.graphql.hbs b/utils/generator/front/obj.query.read.graphql.hbs
index b2330660..ef942cab 100644
--- a/utils/generator/front/obj.query.read.graphql.hbs
+++ b/utils/generator/front/obj.query.read.graphql.hbs
@@ -42,6 +42,18 @@ query {{ group }}{{ short }}Query($obj: queryParameters{{#if detailed}}{{#each r
       {{#if (eq resultShort 'Category')}}
         name
       {{/if}}
+      {{#if (eq resultShort 'CrdObject')}}
+        metadata {
+          name
+          namespace
+          annotations
+          labels
+          creationTimestamp
+          uid
+        }
+        spec
+        status
+      {{/if}}
       {{#if (eq resultShort 'Url')}}
         proto
         host
diff --git a/utils/generator/partials/back/list.resolver.ts.hbs b/utils/generator/partials/back/list.resolver.ts.hbs
index d84f8ffa..c880c073 100644
--- a/utils/generator/partials/back/list.resolver.ts.hbs
+++ b/utils/generator/partials/back/list.resolver.ts.hbs
@@ -75,6 +75,6 @@
                 return []
             }
         }
-        return lst.filter(o=>applyFilter(o,args)).map(o=>applyFieldSelection(o,args)).filter(o=>applyHaving(o,args, localResolvers))
+        return lst.filter(o=>applyFilter(o,args)).filter(o=>applyHaving(o,args, localResolvers)).map(o=>applyFieldSelection(o,args))
     }
 {{/with}}
\ No newline at end of file
diff --git a/utils/generator/partials/front/extra.fields.vue.hbs b/utils/generator/partials/front/extra.fields.vue.hbs
index f8f19818..1eece922 100644
--- a/utils/generator/partials/front/extra.fields.vue.hbs
+++ b/utils/generator/partials/front/extra.fields.vue.hbs
@@ -5,7 +5,7 @@
         </div></template>
       </q-field>
       <div class="row" v-if="extra{{ short }}Columns.filter(c=>![null,undefined,''].includes(c.field(model))).length>0">
-        <div class="col-md-3" v-for="extra in extra{{ short }}Columns.filter(c=>![null,undefined,''].includes(c.field(model)))">
+        <div :class="`col-md-${extra{{ short }}Columns.filter(c=>![null,undefined,''].includes(c.field(model))).length<4?12/extra{{ short }}Columns.filter(c=>![null,undefined,''].includes(c.field(model))).length:3}`" v-for="extra in extra{{ short }}Columns.filter(c=>![null,undefined,''].includes(c.field(model)))">
           <q-field stack-label borderless  :label="extra.label">
             <template v-slot:prepend><OpenApiNamedIcon :name="extra.name" /></template>
             <template v-slot:control><div class="self-center full-width no-outline" tabindex="0">
diff --git a/utils/generator/partials/front/name.fields.vue.hbs b/utils/generator/partials/front/name.fields.vue.hbs
index b8f840c4..c43dfed1 100644
--- a/utils/generator/partials/front/name.fields.vue.hbs
+++ b/utils/generator/partials/front/name.fields.vue.hbs
@@ -20,7 +20,7 @@
             </template>
           </q-field>
         </div>
-        <div class="col-md-4">
+        <div class="col-md-4" v-if="model.metadata.creationTimestamp">
           <q-field :label="$t('meta.age')" stack-label borderless>
             <template v-slot:prepend><q-icon name="smart_button" /></template>
             <template v-slot:control>
diff --git a/utils/generator/partials/resolvers/crd.ts.hbs b/utils/generator/partials/resolvers/crd.ts.hbs
new file mode 100644
index 00000000..de139b6d
--- /dev/null
+++ b/utils/generator/partials/resolvers/crd.ts.hbs
@@ -0,0 +1,87 @@
+    {{type}}{{targetGroup}}{{targetShort}}: async (parent: object, args: object) => {
+      try {
+{{#if (and (eq type 'use') (and (ne targetShort 'Service') (eq short 'CustomResourceDefinition')))}}
+        const res = (await list{{targetGroup}}{{targetShort}}.{{targetGroup}}{{targetShort}}(parent,args))
+            .filter(hook=>hook['webhooks'].map(w=>w['rules']).flat().filter(r=>r!=null&&r!=undefined&&Array.isArray(r['apiGroups'])&&Array.isArray(r['resources'])).map(r=>r['apiGroups'].map(g=>r['resources'].map(r=>{return { group:g, res:r} })).flat()).flat().filter(t=>t.group==parent['spec']['group'] && (t.res=='*/*'||t.res==parent['spec']['names']['plural'])).length>0)
+        if (Array.isArray(res) && res.length>0) return res;
+{{/if}}
+{{#if (and (eq type 'users') (and (ne short 'Service') (eq targetShort 'CustomResourceDefinition')))}}
+        if (!Array.isArray(parent['webhooks'])) return null;
+        const targets = parent['webhooks'].map(w=>w['rules']).flat().filter(r=>r!=null&&r!=undefined&&Array.isArray(r['apiGroups'])&&Array.isArray(r['resources'])).map(r=>r['apiGroups'].map(g=>r['resources'].map(r=>{return { group:g, res:r} })).flat()).flat()
+        const res = (await list{{targetGroup}}{{targetShort}}.{{targetGroup}}{{targetShort}}(parent,args))
+            .filter(crd => crd['spec']!=undefined && targets.filter(t=>t.group==crd['spec']['group'] && (t.res=='*/*'||t.res==crd['spec']['names']['plural'])).length>0)
+        if (Array.isArray(res) && res.length>0) return res;
+{{/if}}
+{{#if (and (eq type 'use') (and (eq targetShort 'Service') (eq short 'CustomResourceDefinition')))}}
+        if (parent['spec']==undefined || parent['spec']['conversion']==undefined || parent['spec']['conversion']['strategy']!='Webhook' || parent['spec']['conversion']['webhook']==undefined||parent['spec']['conversion']['webhook']['clientConfig']==undefined||parent['spec']['conversion']['webhook']['clientConfig']['service']==undefined) return null;
+        const res = (await list{{targetGroup}}{{targetShort}}.{{targetGroup}}{{targetShort}}(parent,{namespace: parent['spec']['conversion']['webhook']['clientConfig']['service']['namespace'], ...args}))
+            .filter(svc=>svc['metadata']['name']==parent['spec']['conversion']['webhook']['clientConfig']['service']['name'])
+        if (Array.isArray(res) && res.length>0) return res;
+{{/if}}
+{{#if (and (eq type 'users') (and (eq short 'Service') (eq targetShort 'CustomResourceDefinition')))}}
+        const res = (await list{{targetGroup}}{{targetShort}}.{{targetGroup}}{{targetShort}}(parent,args))
+            .filter(crd=>crd['spec']!=undefined && crd['spec']['conversion']!=undefined && crd['spec']['conversion']['strategy']=='Webhook' && crd['spec']['conversion']['webhook']!=undefined&&crd['spec']['conversion']['webhook']['clientConfig']!=undefined&&crd['spec']['conversion']['webhook']['clientConfig']['service']!=undefined && crd['spec']['conversion']['webhook']['clientConfig']['service']['namespace']==parent['metadata']['namespace'] && crd['spec']['conversion']['webhook']['clientConfig']['service']['name']==parent['metadata']['name'])
+        if (Array.isArray(res) && res.length>0) return res;
+{{/if}}
+{{#if (and (eq type 'use') (and (eq targetShort 'Service') (ne short 'CustomResourceDefinition')))}}
+        if (!Array.isArray(parent['webhooks'])) return null;
+        const svcs = parent['webhooks'].filter(h=>h['clientConfig']!=undefined&&h['clientConfig']['service']!=undefined).map(h=>h['clientConfig']['service'])
+        const nss = svcs.map(s=>s['namespace']).filter((v,i,a)=>a.indexOf(v) === i);
+        const res = (await Promise.all(nss.map(async (ns)=>{
+          const lst = await list{{targetGroup}}{{targetShort}}.{{targetGroup}}{{targetShort}}(parent, {namespace: ns, ...args})
+          return lst.filter(svc=>svcs.filter(s=>s['name']==svc['metadata']['name']&&s['namespace']==svc['metadata']['namespace']).length>0)
+        }))).flat().filter((v)=>v!=null)
+        if (Array.isArray(res) && res.length>0) return res;
+{{/if}}
+{{#if (and (eq type 'users') (and (eq short 'Service') (ne targetShort 'CustomResourceDefinition')))}}
+        const res = (await list{{targetGroup}}{{targetShort}}.{{targetGroup}}{{targetShort}}(parent,args))
+            .filter(hook=>Array.isArray(hook['webhooks'])&&hook['webhooks'].filter(h=>h['clientConfig']!=undefined&&h['clientConfig']['service']!=undefined).map(h=>h['clientConfig']['service']).filter(s=>s['name']==parent['metadata']['name'] && s['namespace']==parent['metadata']['namespace']).length>0)
+        if (Array.isArray(res) && res.length>0) return res;
+{{/if}}
+{{#if (eq type 'child')}}
+        if (parent['spec']==undefined||!Array.isArray(parent['spec']['versions'])||parent['status']==undefined||parent['status']['acceptedNames']==undefined) return null;
+        const getTargetVersion = (versions) => {
+          if (versions.length==1) return versions[0].name
+          const targetVersion = versions.map(v=>v.name).sort(flexver.apply)[0];
+          const maxVersion = versions.map(v=>v.name).sort((a,b)=>a<b?1:-1)[0];
+          return (targetVersion.length<maxVersion.length)?targetVersion:maxVersion
+        }
+        const targetVersion = getTargetVersion(parent['spec']['versions'])
+        let res:Array<object>|undefined = cache.get(`{{group}}{{short}}Childs.${parent['metadata']['name']}`)
+        if (res==undefined) {
+          if (parent['spec']['scope']=='Namespaced') {
+            const params = (args['params']!=undefined && Array.isArray(args['params']['filters']) && args['params']['filters'].filter(f=>f['op']=='eq' && f['path']=='metadata/namespace').length>0)?{filters:[{op:'eq',path:'metadata/name',value: args['params']['filters'].filter(f=>f['op']=='eq' && f['path']=='metadata/namespace').map(f=>f.value)[0]}]}:{}
+            const nss = await listNamespace.k8sNamespace(parent, { params })
+            res = (await Promise.all(nss.map(n=>n['metadata']['name']).map(async (ns)=>{
+              try {
+                return (await crdApi.listNamespacedCustomObject(parent['spec']['group'],targetVersion,ns,parent['status']['acceptedNames']['plural']))['body']['items']
+              } catch (err) {
+                if (typeof err === 'object' && (err as object)['body'] !=undefined && (err as object)['statusCode'] !=undefined) {
+                  if ((err as object)['statusCode'] != 404 && (err as object)['body']['reason']!='Forbidden') {
+                    console.error('error', (err as object)['body']);
+                  } else {
+                    cache.set('{{group}}{{short}}', [], 2);
+                  }
+                } else {console.error('error', err)}
+              }
+              return null
+            }))).flat().filter((v)=>v!=null)
+          } else {
+            res = (await crdApi.listClusterCustomObject(parent['spec']['group'],targetVersion,parent['status']['acceptedNames']['plural']))['body']['items']
+          }
+          if (Array.isArray(res) && res.length>0) cache.set(`{{group}}{{short}}Childs.${parent['metadata']['name']}`, res);
+        }
+        if (Array.isArray(res) && res.length>0) return res.filter(o=>applyFilter(o,args)).filter(o=>applyHaving(o,args, localResolvers)).map(o=>applyFieldSelection(o,args));
+{{/if}}
+      } catch (err) {
+        if (typeof err === 'object' && (err as object)['body'] !=undefined && (err as object)['statusCode'] !=undefined) {
+          if ((err as object)['statusCode'] != 404 && (err as object)['body']['reason']!='Forbidden') {
+            console.error('error', (err as object)['body']);
+          } else {
+            cache.set('{{group}}{{short}}', [], 2);
+          }
+        } else {console.error('error', err)}
+        return []
+      }
+      return null
+    },
diff --git a/utils/generator/partials/resolvers/k8s.ts.hbs b/utils/generator/partials/resolvers/k8s.ts.hbs
index e97a2e18..8fd00cdb 100644
--- a/utils/generator/partials/resolvers/k8s.ts.hbs
+++ b/utils/generator/partials/resolvers/k8s.ts.hbs
@@ -6,13 +6,23 @@
             .filter(o=>parent.metadata['ownerReferences'].filter(r=>r.kind=='{{targetShort}}'&&r.name==o['metadata']['name']).length>0)
         if (lst.length>0) return lst[0];
 {{/if}}
-{{#if (and (eq type 'child') (ne targetGroup 'core'))}}
+{{#if (and (eq type 'child') (and (ne targetGroup 'core') (ne short 'Node'))) }}
         const lst = await list{{targetGroup}}{{targetShort}}.{{targetGroup}}{{targetShort}}(parent,{namespace: parent['metadata']['namespace'], ...args})
         return lst.filter(r=>
             r.metadata['ownerReferences']!=null && r.metadata['ownerReferences']!=undefined &&
             r.metadata['ownerReferences'].filter(r=>r.kind=='{{short}}' && r.name == parent['metadata']['name']).length>0
         )
 {{/if}}
+{{#if (and (eq type 'child') (eq short 'Node')) }}
+        const nss = await listNamespace.k8sNamespace(parent, args)
+        return (await Promise.all(nss.map(n=>n['metadata']['name']).map(async (ns)=>{
+            const lst = await listk8sPod.k8sPod(parent, {namespace: ns, ...args})
+            return lst.filter(r=>
+                r.metadata['ownerReferences']!=null && r.metadata['ownerReferences']!=undefined &&
+                r.metadata['ownerReferences'].filter(r=>r.kind=='{{short}}' && r.name == parent['metadata']['name']).length>0
+            )
+        }))).flat()
+{{/if}}
 {{#if (eq type 'equity')}}
         const lst = (await list{{targetGroup}}{{targetShort}}.{{targetGroup}}{{targetShort}}(parent,{namespace: parent['metadata']['namespace'], ...args}))
             .filter(r=>