Merge branch 'dap-4799' of github.com:dapplets/mutable-web-monorepo into dap-4799

Author: alsakhaev

libs/shared-components/src/mini-overlay/index.tsx

@@ -159,39 +159,46 @@ interface IMiniOverlayProps extends Partial<IWalletConnect> {
   trackingRefs?: Set<React.RefObject<HTMLDivElement>>
 }
 
-export const AppSwitcher: FC<IAppSwitcherProps> = ({ app, enableApp, disableApp, isLoading }) => (
-  <>
-    {isLoading ? (
-      <Loading>
-        <Spinner animation="border" variant="primary"></Spinner>
-      </Loading>
-    ) : (
-      <MutationIconWrapper
-        title={app.localId}
-        $isStopped={!app.settings.isEnabled}
-        $isButton={true}
-      >
-        {app?.metadata.image ? <Image image={app?.metadata.image} /> : <MutationFallbackIcon />}
+export const AppSwitcher: FC<IAppSwitcherProps> = ({ app, enableApp, disableApp, isLoading }) => {
+  const docMeta = (app as any).documentId?.split('/')
+  return (
+    <>
+      {isLoading ? (
+        <Loading>
+          <Spinner animation="border" variant="primary"></Spinner>
+        </Loading>
+      ) : (
+        <MutationIconWrapper
+          title={
+            (app as any).documentId
+              ? `${app.localId}:\n${docMeta?.[2]}\nby ${docMeta?.[0]}`
+              : app.localId
+          }
+          $isStopped={!app.settings.isEnabled}
+          $isButton={true}
+        >
+          {app?.metadata.image ? <Image image={app?.metadata.image} /> : <MutationFallbackIcon />}
 
-        {!app.settings.isEnabled ? (
-          <LabelAppTop className="labelAppTop">
-            <StopTopIcon />
-          </LabelAppTop>
-        ) : null}
+          {!app.settings.isEnabled ? (
+            <LabelAppTop className="labelAppTop">
+              <StopTopIcon />
+            </LabelAppTop>
+          ) : null}
 
-        {app.settings.isEnabled ? (
-          <LabelAppCenter className="labelAppCenter" onClick={disableApp}>
-            <StopCenterIcon />
-          </LabelAppCenter>
-        ) : (
-          <LabelAppCenter className="labelAppCenter" onClick={enableApp}>
-            <PlayCenterIcon />
-          </LabelAppCenter>
-        )}
-      </MutationIconWrapper>
-    )}
-  </>
-)
+          {app.settings.isEnabled ? (
+            <LabelAppCenter className="labelAppCenter" onClick={disableApp}>
+              <StopCenterIcon />
+            </LabelAppCenter>
+          ) : (
+            <LabelAppCenter className="labelAppCenter" onClick={enableApp}>
+              <PlayCenterIcon />
+            </LabelAppCenter>
+          )}
+        </MutationIconWrapper>
+      )}
+    </>
+  )
+}
 
 export const MiniOverlay: FC<IMiniOverlayProps> = ({
   baseMutation,