Missing required props indicator for the opened component

adeira-source-id: c7b2857efd96a4a446d34b140ed8ee09f0a4fe50

.changeset/lemon-pets-smash.md

@@ -0,0 +1,5 @@
+---
+"triplex-vsce": patch
+---
+
+Add warning dialog when a component is missing required props.

.changeset/long-fans-try.md

@@ -0,0 +1,5 @@
+---
+"triplex-vsce": patch
+---
+
+Component switcher now shows ellipsis if the component name is longer than the container.

.vscode/launch.json

@@ -5,6 +5,10 @@
       "name": "Run VS Code",
       "type": "extensionHost",
       "request": "launch",
+      "env": {
+        "FG_ENVIRONMENT_OVERRIDE": "development"
+      },
+      "debugWebviews": true,
       "args": [
         "${workspaceFolder}/examples",
         "${workspaceFolder}/examples/test-fixture/src/scene.tsx",

examples/test-fixture/src/required-props.tsx

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Michael Dougall. All rights reserved.
+ *
+ * This source code is licensed under the GPL-3.0 license found in the LICENSE
+ * file in the root directory of this source tree.
+ */
+
+import { Gltf } from "@react-three/drei";
+
+export function RequiredProps({
+  color = "red",
+  size,
+}: {
+  color: string;
+  size: number;
+}) {
+  return (
+    <>
+      <Gltf scale={size} src="assets/pmndrs.glb">
+        <meshStandardMaterial color={color} />
+      </Gltf>
+    </>
+  );
+}