fix build and reduce complexity of composer

Author: naiylo

src/components/WidgetWorkbench.tsx

@@ -28,6 +28,20 @@ export function WidgetWorkbench({
   const modalClass =
     "workbench-modal" + (mode === "addWidget" ? " workbench-modal--wide" : "");
 
+  const renderComposer = () => {
+    if (mode === "addWidget") {
+      return <AddWidget widgets={widgets} />;
+    }
+    if (!currentComposer) return null;
+
+    if (!currentComposer.elements?.composer) return null;
+    return currentComposer.elements.composer({
+      actions: widgetActions[currentComposer.type],
+      authorId: selectedAuthorId,
+      onClose,
+    });
+  };
+
   const handleRemoveWidget = async (type: string, registryName?: string) => {
     const target = registryName || type;
     setRemoveNotice("");
@@ -108,22 +122,7 @@ export function WidgetWorkbench({
           )}
         </div>
 
-        {mode === "addWidget" ? (
-          <AddWidget widgets={widgets} />
-        ) : currentComposer?.elements?.composer ? (
-          currentComposer.elements.composer({
-            actions: widgetActions[currentComposer.type],
-            authorId: selectedAuthorId,
-            onClose,
-          })
-        ) : (currentComposer as any)?.composer ? (
-          // Legacy widgets might still export composer at the top level.
-          (currentComposer as any).composer({
-            actions: widgetActions[currentComposer.type],
-            authorId: selectedAuthorId,
-            onClose,
-          })
-        ) : null}
+        {renderComposer()}
       </div>
     </div>
   );

src/exampleWidgets/examplepoll.tsx

@@ -211,7 +211,7 @@ function PollView({
 
   const options = message.custom.options;
   const votes = allMessages.filter(
-    (m) =>
+    (m): m is Message & { custom: VoteCustom } =>
       m.type === "vote" &&
       isVoteCustom(m.custom) &&
       m.custom.pollId === message.id
@@ -241,7 +241,7 @@ function PollView({
       <div className="poll-options">
         {options.map((option) => {
           const optionVotes = votes.filter(
-            (v) => (v.custom as VoteCustom).optionId === option.id
+            (v) => v.custom.optionId === option.id
           );
           const percent = totalVotes
             ? Math.round((optionVotes.length / totalVotes) * 100)

src/widgets/examplepoll.tsx

@@ -211,7 +211,7 @@ function PollView({
 
   const options = message.custom.options;
   const votes = allMessages.filter(
-    (m) =>
+    (m): m is Message & { custom: VoteCustom } =>
       m.type === "vote" &&
       isVoteCustom(m.custom) &&
       m.custom.pollId === message.id
@@ -241,7 +241,7 @@ function PollView({
       <div className="poll-options">
         {options.map((option) => {
           const optionVotes = votes.filter(
-            (v) => (v.custom as VoteCustom).optionId === option.id
+            (v) => v.custom.optionId === option.id
           );
           const percent = totalVotes
             ? Math.round((optionVotes.length / totalVotes) * 100)