feat: dev-mode only settings visibility (#42)

* feat: hide dev-only settings unless dev mode is active

Add useDevMode hook that checks if any plugin is in dev mode.
Filter devOnly settings in SettingsEntries so they are hidden
by default. Mark telemetry endpoint/auth settings as devOnly.
Update Wails TS binding with devOnly field.

* chore: bump plugin-sdk to v0.4.1 and regenerate bindings

Updates go.mod to use plugin-sdk v0.4.1 which includes the
DevOnly field on Setting. Regenerates Wails bindings via
make bindings.

Author: joshuapare

go.mod

@@ -12,7 +12,7 @@ require (
 	github.com/hashicorp/go-hclog v1.6.3
 	github.com/hashicorp/go-plugin v1.7.0
 	github.com/nxadm/tail v1.4.11
-	github.com/omniviewdev/plugin-sdk v0.4.0
+	github.com/omniviewdev/plugin-sdk v0.4.1
 	github.com/omniviewdev/registry v0.2.1
 	github.com/stretchr/testify v1.11.1
 	github.com/tidwall/gjson v1.18.0

go.sum

@@ -131,8 +131,8 @@ github.com/nxadm/tail v1.4.11 h1:8feyoE3OzPrcshW5/MJ4sGESc5cqmGkGCWlco4l0bqY=
 github.com/nxadm/tail v1.4.11/go.mod h1:OTaG3NK980DZzxbRq6lEuzgU+mug70nY11sMd4JXXHc=
 github.com/oklog/run v1.1.0 h1:GEenZ1cK0+q0+wsJew9qUg/DyD8k3JzYsZAi5gYi2mA=
 github.com/oklog/run v1.1.0/go.mod h1:sVPdnTZT1zYwAJeCMu2Th4T21pA3FPOQRfWjQlk7DVU=
-github.com/omniviewdev/plugin-sdk v0.4.0 h1:0W9HTWTUYHv5s0yhU6KpxcPdEqLG7JfpkNjcGDllXmA=
-github.com/omniviewdev/plugin-sdk v0.4.0/go.mod h1:7EL5BfctDEQdflClkZMhgvSAGkDff79UteN7rcuBUho=
+github.com/omniviewdev/plugin-sdk v0.4.1 h1:DLZrKzm+szGrVslp3vvCN8Ao7yd4czCkjzxgZKU1+Rk=
+github.com/omniviewdev/plugin-sdk v0.4.1/go.mod h1:7EL5BfctDEQdflClkZMhgvSAGkDff79UteN7rcuBUho=
 github.com/omniviewdev/registry v0.2.1 h1:4CsiBZmlftBZV/3LyQNiI2plRkMAqgFD8Q4zffFCVYk=
 github.com/omniviewdev/registry v0.2.1/go.mod h1:/IZABypY6iIaHo2Gw5g5Ll4SIbUhEm5/02spR/svl3Q=
 github.com/onsi/ginkgo/v2 v2.22.0 h1:Yed107/8DjTr0lKCNt7Dn8yQ6ybuDRQoMGrNFKzMfHg=

internal/settings/telemetry.go

@@ -81,20 +81,23 @@ func buildTelemetrySettings() map[string]settings.Setting {
 			Description: "OTLP HTTP endpoint for traces, metrics, and logs (e.g., localhost:4318)",
 			Type:        settings.Text,
 			Default:     defaults.OTLPEndpoint,
+			DevOnly:     true,
 		},
 		"endpoint_pyroscope": {
 			ID:          "endpoint_pyroscope",
 			Label:       "Pyroscope Endpoint",
 			Description: "Pyroscope endpoint for continuous profiling (e.g., localhost:4040)",
 			Type:        settings.Text,
 			Default:     defaults.PyroscopeEndpoint,
+			DevOnly:     true,
 		},
 		"auth_header": {
 			ID:          "auth_header",
 			Label:       "Auth Header",
 			Description: "HTTP header name for authentication (e.g., Authorization for Grafana Cloud)",
 			Type:        settings.Text,
 			Default:     defaults.AuthHeader,
+			DevOnly:     true,
 		},
 		"auth_value": {
 			ID:          "auth_value",
@@ -103,6 +106,7 @@ func buildTelemetrySettings() map[string]settings.Setting {
 			Type:        settings.Password,
 			Default:     defaults.AuthValue,
 			Sensitive:   true,
+			DevOnly:     true,
 		},
 	}
 }

packages/omniviewdev-runtime/src/wailsjs/go/models.ts

@@ -2580,6 +2580,7 @@ export namespace settings {
 	    options: SettingOption[];
 	    fileSelection?: SettingFileSelection;
 	    sensitive: boolean;
+	    devOnly: boolean;
 
 	    static createFrom(source: any = {}) {
 	        return new Setting(source);
@@ -2596,6 +2597,7 @@ export namespace settings {
 	        this.options = this.convertValues(source["options"], SettingOption);
 	        this.fileSelection = this.convertValues(source["fileSelection"], SettingFileSelection);
 	        this.sensitive = source["sensitive"];
+	        this.devOnly = source["devOnly"];
 	    }
 
 		convertValues(a: any, classs: any, asMap: boolean = false): any {

ui/hooks/useDevMode.ts

@@ -0,0 +1,10 @@
+import { useInstalledPlugins } from '@/hooks/plugin/useInstalledPlugins';
+
+/**
+ * Returns true when at least one plugin is installed in dev mode,
+ * which activates visibility of dev-only settings.
+ */
+export function useDevMode(): boolean {
+  const { plugins } = useInstalledPlugins();
+  return plugins.some(p => p.dev);
+}

ui/pages/settings/SettingsEntries.tsx

@@ -9,6 +9,7 @@ import { Text } from '@omniviewdev/ui/typography';
 import { type SectionSelection } from '.';
 import SettingsEntry from './SettingsEntry';
 import { type settings } from '@omniviewdev/runtime/models';
+import { useDevMode } from '@/hooks/useDevMode';
 
 type Props = SectionSelection & {
   settings: Record<string, settings.Setting>;
@@ -20,6 +21,8 @@ type Props = SectionSelection & {
  * Displays and allows modification to application settings, given a settings namespace and section.
  */
 const SettingsEntries: React.FC<Props> = ({ id: sectionID, settings, draftValues, setDraftValues }) => {
+  const devMode = useDevMode();
+
   const handleChange = (name: string, value: any) => {
     const id = `${sectionID}.${name}`;
     setDraftValues({ ...draftValues, [id]: value });
@@ -29,6 +32,10 @@ const SettingsEntries: React.FC<Props> = ({ id: sectionID, settings, draftValues
     return <></>;
   }
 
+  const visibleSettings = Object.entries(settings).filter(
+    ([, setting]) => !setting.devOnly || devMode,
+  );
+
   return (
     <Stack
       direction='column'
@@ -42,7 +49,7 @@ const SettingsEntries: React.FC<Props> = ({ id: sectionID, settings, draftValues
         scrollbarWidth: 'none',
       }}
     >
-      {Object.entries(settings).map(([id, setting], index) => (
+      {visibleSettings.map(([id, setting], index) => (
         <Box
           key={id}
           sx={{
@@ -51,7 +58,7 @@ const SettingsEntries: React.FC<Props> = ({ id: sectionID, settings, draftValues
             gap: { xs: 1, md: 4 },
             alignItems: { xs: 'stretch', md: 'flex-start' },
             py: 2.5,
-            borderBottom: index < Object.keys(settings).length - 1 ? '1px solid' : 'none',
+            borderBottom: index < visibleSettings.length - 1 ? '1px solid' : 'none',
             borderColor: 'divider',
           }}
         >