feat(app-widget): show description in widget (#3876)

packages/widgets/src/app/index.ts

@@ -1,10 +1,13 @@
 import {
   IconApps,
   IconDeviceDesktopX,
+  IconEyeOff,
   IconLayoutBottombarExpand,
   IconLayoutNavbarExpand,
   IconLayoutSidebarLeftExpand,
   IconLayoutSidebarRightExpand,
+  IconTextScan2,
+  IconTooltip,
 } from "@tabler/icons-react";
 
 import { createWidgetDefinition } from "../definition";
@@ -18,7 +21,34 @@ export const { definition, componentLoader } = createWidgetDefinition("app", {
         appId: factory.app(),
         openInNewTab: factory.switch({ defaultValue: true }),
         showTitle: factory.switch({ defaultValue: true }),
-        showDescriptionTooltip: factory.switch({ defaultValue: false }),
+        descriptionDisplayMode: factory.select({
+          options: [
+            {
+              label(t) {
+                return t("widget.app.option.descriptionDisplayMode.option.normal");
+              },
+              value: "normal",
+              icon: IconTextScan2,
+            },
+            {
+              label(t) {
+                return t("widget.app.option.descriptionDisplayMode.option.tooltip");
+              },
+              value: "tooltip",
+              icon: IconTooltip,
+            },
+            {
+              label(t) {
+                return t("widget.app.option.descriptionDisplayMode.option.hidden");
+              },
+              value: "hidden",
+              icon: IconEyeOff,
+            },
+          ],
+          defaultValue: "hidden",
+          searchable: true,
+          withDescription: true,
+        }),
         layout: factory.select({
           options: [
             {