@@ -77,6 +77,19 @@ export const ExternalAppNotInstalled: Story = {
 	},
 };
 
+export const ExternalAppShareable: Story = {
+	args: {
+		workspace: MockWorkspace,
+		app: {
+			...MockWorkspaceApp,
+			url: "vscode://open",
+			external: true,
+			sharing_level: "authenticated",
+		},
+		agent: MockWorkspaceAgent,
+	},
+};
+
 export const SharingLevelOwner: Story = {
 	args: {
 		workspace: MockWorkspace,
 
@@ -9,13 +9,19 @@ import {
 	TooltipTrigger,
 } from "components/Tooltip/Tooltip";
 import { useProxy } from "contexts/ProxyContext";
-import { CircleAlertIcon } from "lucide-react";
+import {
+	Building2Icon,
+	CircleAlertIcon,
+	GlobeIcon,
+	type LucideIcon,
+	SquareArrowOutUpRightIcon,
+	UsersIcon,
+} from "lucide-react";
 import { isExternalApp, needsSessionToken } from "modules/apps/apps";
 import { useAppLink } from "modules/apps/useAppLink";
 import { type FC, type ReactNode, useState } from "react";
 import { AgentButton } from "../AgentButton";
 import { BaseIcon } from "./BaseIcon";
-import { ShareIcon } from "./ShareIcon";
 
 export const DisplayAppNameMap: Record<TypesGen.DisplayApp, string> = {
 	port_forwarding_helper: "Ports",
@@ -115,21 +121,32 @@ export const AppLink: FC<AppLinkProps> = ({
 	}
 
 	const canShare = app.sharing_level !== "owner";
+	const { shareTooltip, shareIcon: ShareIcon } = canShare
+		? app.external
+			? {
+					shareTooltip: "Open external URL",
+					shareIcon: SquareArrowOutUpRightIcon,
+				}
+			: shareDetails[app.sharing_level]
+		: {
+				shareTooltip: null,
+				shareIcon: null,
+			};
 
 	const button = grouped ? (
 		<DropdownMenuItem asChild>
 			<a href={canClick ? link.href : undefined} onClick={link.onClick}>
 				{icon}
 				{link.label}
-				{canShare && <ShareIcon app={app} />}
+				{ShareIcon && <ShareIcon />}
 			</a>
 		</DropdownMenuItem>
 	) : (
 		<AgentButton asChild>
 			<a href={canClick ? link.href : undefined} onClick={link.onClick}>
 				{icon}
 				{link.label}
-				{canShare && <ShareIcon app={app} />}
+				{ShareIcon && <ShareIcon />}
 			</a>
 		</AgentButton>
 	);
@@ -146,10 +163,31 @@ export const AppLink: FC<AppLinkProps> = ({
 							{app.tooltip}
 						</Markdown>
 					) : null}
+					{shareTooltip}
 				</TooltipContent>
 			</Tooltip>
 		);
 	}
 
 	return button;
 };
+
+const shareDetails: {
+	[SharingLevel in TypesGen.WorkspaceAppSharingLevel as Exclude<
+		SharingLevel,
+		"owner"
+	>]: { shareTooltip: string; shareIcon: LucideIcon };
+} = {
+	authenticated: {
+		shareTooltip: "Shared with all authenticated users",
+		shareIcon: UsersIcon,
+	},
+	organization: {
+		shareTooltip: "Shared with organization members",
+		shareIcon: Building2Icon,
+	},
+	public: {
+		shareTooltip: "Shared publicly",
+		shareIcon: GlobeIcon,
+	},
+};