Unify plugin collection controls

apps/app/src/components/create-via-prompt-examples.tsx

@@ -85,13 +85,15 @@ interface CreateWithTemplatesButtonProps {
   kind: CreateViaPromptKind;
   label: string;
   menuActions?: readonly ResourceCreateMenuAction[];
+  compactWhenNarrow?: boolean;
   onCreate: (prompt?: string) => void;
 }
 
 export function CreateWithTemplatesButton({
   kind,
   label,
   menuActions,
+  compactWhenNarrow,
   onCreate,
 }: CreateWithTemplatesButtonProps) {
   const { examples } = getCreateExamples(kind);
@@ -116,6 +118,7 @@ export function CreateWithTemplatesButton({
       templates={examples}
       templateGroups={templateGroups}
       menuActions={menuActions}
+      compactWhenNarrow={compactWhenNarrow}
       onCreate={onCreate}
     />
   );

apps/app/src/components/plugin/PluginCreateButton.tsx

@@ -0,0 +1,25 @@
+import { CreateWithTemplatesButton } from "@/components/create-via-prompt-examples";
+
+export function PluginCreateButton({
+  onCreate,
+  onInstallFromSource,
+}: {
+  onCreate: (prompt?: string) => void;
+  onInstallFromSource: () => void;
+}) {
+  return (
+    <CreateWithTemplatesButton
+      kind="plugin"
+      compactWhenNarrow
+      label="New plugin"
+      menuActions={[
+        {
+          label: "Install from source",
+          icon: "Download",
+          onSelect: onInstallFromSource,
+        },
+      ]}
+      onCreate={onCreate}
+    />
+  );
+}