Round dashboards: shape and ring, the ring drawn and turned in every look, Knob preset and face guide in the editor

frontend/src/client/schemas.gen.ts

@@ -676,6 +676,17 @@ export const DashboardDef_InputSchema = {
             title: 'Canvas Height',
             default: 1080
         },
+        shape: {
+            type: 'string',
+            enum: ['rect', 'round'],
+            title: 'Shape',
+            default: 'rect'
+        },
+        ring: {
+            type: 'string',
+            title: 'Ring',
+            default: ''
+        },
         icon: {
             type: 'string',
             title: 'Icon',
@@ -744,6 +755,17 @@ export const DashboardDef_OutputSchema = {
             title: 'Canvas Height',
             default: 1080
         },
+        shape: {
+            type: 'string',
+            enum: ['rect', 'round'],
+            title: 'Shape',
+            default: 'rect'
+        },
+        ring: {
+            type: 'string',
+            title: 'Ring',
+            default: ''
+        },
         icon: {
             type: 'string',
             title: 'Icon',

frontend/src/client/types.gen.ts

@@ -168,6 +168,8 @@ export type DashboardDef_Input = {
     columns?: number;
     canvas_width?: number;
     canvas_height?: number;
+    shape?: 'rect' | 'round';
+    ring?: string;
     icon?: string;
     widgets?: Array<WidgetDef>;
     settings?: {
@@ -177,6 +179,8 @@ export type DashboardDef_Input = {
     has_draft?: boolean;
 };
 
+export type shape = 'rect' | 'round';
+
 /**
  * A dashboard as stored, and as the API hands it over.
  */
@@ -186,6 +190,8 @@ export type DashboardDef_Output = {
     columns?: number;
     canvas_width?: number;
     canvas_height?: number;
+    shape?: 'rect' | 'round';
+    ring?: string;
     icon?: string;
     widgets?: Array<WidgetDef>;
     settings?: {