@lokalise/harmony 1.37.1-exp-epic2x.1 → 1.39.0

package/dist/harmony.cjs

@@ -6,68 +6,70 @@ const Sidebar = require("./harmony4.cjs");
 const Breadcrumbs = require("./harmony5.cjs");
 const NavigationTabs = require("./harmony6.cjs");
 const Table = require("./harmony7.cjs");
-const plan = require("./harmony8.cjs");
-const text = require("./harmony9.cjs");
-const url = require("./harmony10.cjs");
-const date = require("./harmony11.cjs");
-const useEffectOnce = require("./harmony12.cjs");
-const jwtAuthHeaderBuilderMiddleware = require("./harmony13.cjs");
-const publicApiHeaderBuilderMiddleware = require("./harmony14.cjs");
-const UnauthorizedError = require("./harmony15.cjs");
-const jwtTokenPayload = require("./harmony16.cjs");
-const cookieTokenUtils = require("./harmony17.cjs");
-const createHeaderBuilderMiddleware = require("./harmony18.cjs");
-const headerBuilder = require("./harmony19.cjs");
-const getAuthenticatedSessionDetailFromRequest = require("./harmony20.cjs");
-const generateTokenFromClassicSession = require("./harmony21.cjs");
-const refreshExpiredToken = require("./harmony22.cjs");
-const useGetPromotedClassicSessionJwtQuery = require("./harmony23.cjs");
-const useAuthenticatedSessionPayload = require("./harmony24.cjs");
-const useAuthenticatedUser = require("./harmony25.cjs");
-const useAuthenticatedProjectContributor = require("./harmony26.cjs");
-const contributors = require("./harmony27.cjs");
-const languages = require("./harmony28.cjs");
-const permissionTemplates = require("./harmony29.cjs");
-const projects = require("./harmony30.cjs");
-const score = require("./harmony31.cjs");
-const team = require("./harmony32.cjs");
-const teamUsers = require("./harmony33.cjs");
-const userToken = require("./harmony34.cjs");
-const useAddContributorsMutation = require("./harmony35.cjs");
-const useAddLanguagesToProjectMutation = require("./harmony36.cjs");
-const useBulkUpdateProjectLanguagesMutation = require("./harmony37.cjs");
-const useCreateScoreMutation = require("./harmony38.cjs");
-const useCreateProjectMutation = require("./harmony39.cjs");
-const useDeleteScoreMutation = require("./harmony40.cjs");
-const useDeleteContributorMutation = require("./harmony41.cjs");
-const useDeleteProjectMutation = require("./harmony42.cjs");
-const useGetProjectPermissionMetaQuery = require("./harmony43.cjs");
-const useGetScoreQuery = require("./harmony44.cjs");
-const useGetTeamUsersQuery = require("./harmony45.cjs");
-const useGetUserTokenQuery = require("./harmony46.cjs");
-const useListContributorsQuery = require("./harmony47.cjs");
-const useListPermissionTemplates = require("./harmony48.cjs");
-const useListProjectLanguagesQuery = require("./harmony49.cjs");
-const useListProjectsQuery = require("./harmony50.cjs");
-const useListTeamsQuery = require("./harmony51.cjs");
-const useListTeamUsersQuery = require("./harmony52.cjs");
-const useRetrieveContributorQuery = require("./harmony53.cjs");
-const useRetrieveProjectQuery = require("./harmony54.cjs");
-const useRetrieveTeamQuery = require("./harmony55.cjs");
-const useUpdateContributorMutation = require("./harmony56.cjs");
-const useUpdateProjectMutation = require("./harmony57.cjs");
-const contributorTypes = require("./harmony58.cjs");
-const languageTypes = require("./harmony59.cjs");
-const paginationTypes = require("./harmony60.cjs");
-const permissionTemplateTypes = require("./harmony61.cjs");
-const permissionTypes = require("./harmony62.cjs");
-const projectTypes = require("./harmony63.cjs");
-const scoreTypes = require("./harmony64.cjs");
-const sharedTypes = require("./harmony65.cjs");
-const teamRoleTypes = require("./harmony66.cjs");
-const teamTypes = require("./harmony67.cjs");
-const teamUserTypes = require("./harmony68.cjs");
-const userTokenTypes = require("./harmony69.cjs");
+const ProjectNavigationPanel = require("./harmony8.cjs");
+const plan = require("./harmony9.cjs");
+const text = require("./harmony10.cjs");
+const url = require("./harmony11.cjs");
+const date = require("./harmony12.cjs");
+const useEffectOnce = require("./harmony13.cjs");
+const jwtAuthHeaderBuilderMiddleware = require("./harmony14.cjs");
+const publicApiHeaderBuilderMiddleware = require("./harmony15.cjs");
+const UnauthorizedError = require("./harmony16.cjs");
+const jwtTokenPayload = require("./harmony17.cjs");
+const cookieTokenUtils = require("./harmony18.cjs");
+const createHeaderBuilderMiddleware = require("./harmony19.cjs");
+const headerBuilder = require("./harmony20.cjs");
+const headerBuilderFactories = require("./harmony21.cjs");
+const getAuthenticatedSessionDetailFromRequest = require("./harmony22.cjs");
+const generateTokenFromClassicSession = require("./harmony23.cjs");
+const refreshExpiredToken = require("./harmony24.cjs");
+const useGetPromotedClassicSessionJwtQuery = require("./harmony25.cjs");
+const useAuthenticatedSessionPayload = require("./harmony26.cjs");
+const useAuthenticatedUser = require("./harmony27.cjs");
+const useAuthenticatedProjectContributor = require("./harmony28.cjs");
+const contributors = require("./harmony29.cjs");
+const languages = require("./harmony30.cjs");
+const permissionTemplates = require("./harmony31.cjs");
+const projects = require("./harmony32.cjs");
+const score = require("./harmony33.cjs");
+const team = require("./harmony34.cjs");
+const teamUsers = require("./harmony35.cjs");
+const userToken = require("./harmony36.cjs");
+const useAddContributorsMutation = require("./harmony37.cjs");
+const useAddLanguagesToProjectMutation = require("./harmony38.cjs");
+const useBulkUpdateProjectLanguagesMutation = require("./harmony39.cjs");
+const useCreateScoreMutation = require("./harmony40.cjs");
+const useCreateProjectMutation = require("./harmony41.cjs");
+const useDeleteScoreMutation = require("./harmony42.cjs");
+const useDeleteContributorMutation = require("./harmony43.cjs");
+const useDeleteProjectMutation = require("./harmony44.cjs");
+const useGetProjectPermissionMetaQuery = require("./harmony45.cjs");
+const useGetScoreQuery = require("./harmony46.cjs");
+const useGetTeamUsersQuery = require("./harmony47.cjs");
+const useGetUserTokenQuery = require("./harmony48.cjs");
+const useListContributorsQuery = require("./harmony49.cjs");
+const useListPermissionTemplates = require("./harmony50.cjs");
+const useListProjectLanguagesQuery = require("./harmony51.cjs");
+const useListProjectsQuery = require("./harmony52.cjs");
+const useListTeamsQuery = require("./harmony53.cjs");
+const useListTeamUsersQuery = require("./harmony54.cjs");
+const useRetrieveContributorQuery = require("./harmony55.cjs");
+const useRetrieveProjectQuery = require("./harmony56.cjs");
+const useRetrieveTeamQuery = require("./harmony57.cjs");
+const useUpdateContributorMutation = require("./harmony58.cjs");
+const useUpdateProjectMutation = require("./harmony59.cjs");
+const contributorTypes = require("./harmony60.cjs");
+const languageTypes = require("./harmony61.cjs");
+const paginationTypes = require("./harmony62.cjs");
+const permissionTemplateTypes = require("./harmony63.cjs");
+const permissionTypes = require("./harmony64.cjs");
+const projectTypes = require("./harmony65.cjs");
+const scoreTypes = require("./harmony66.cjs");
+const sharedTypes = require("./harmony67.cjs");
+const teamRoleTypes = require("./harmony68.cjs");
+const teamTypes = require("./harmony69.cjs");
+const teamUserTypes = require("./harmony70.cjs");
+const userTokenTypes = require("./harmony71.cjs");
 exports.SidebarTaskLanguageStatuses = types.SidebarTaskLanguageStatuses;
 exports.SidebarTaskStatuses = types.SidebarTaskStatuses;
 exports.SidebarTaskTypeOptions = types.SidebarTaskTypeOptions;
@@ -76,6 +78,7 @@ exports.Sidebar = Sidebar.Sidebar;
 exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
 exports.NavigationTabs = NavigationTabs.NavigationTabs;
 exports.Table = Table.Table;
+exports.ProjectNavigationPanel = ProjectNavigationPanel.ProjectNavigationPanel;
 exports.ENTERPRISE_OPENSOURCE_PLAN_ID = plan.ENTERPRISE_OPENSOURCE_PLAN_ID;
 exports.ENTERPRISE_PLAN_IDS = plan.ENTERPRISE_PLAN_IDS;
 exports.ESSENTIAL_PLAN_IDS = plan.ESSENTIAL_PLAN_IDS;
@@ -104,6 +107,7 @@ exports.getCsrfTokenFromCookie = cookieTokenUtils.getCsrfTokenFromCookie;
 exports.getJwtTokenFromCookie = cookieTokenUtils.getJwtTokenFromCookie;
 exports.createHeaderBuilderMiddleware = createHeaderBuilderMiddleware.createHeaderBuilderMiddleware;
 exports.HeaderBuilder = headerBuilder.HeaderBuilder;
+exports.createPublicApiHeaderBuilder = headerBuilderFactories.createPublicApiHeaderBuilder;
 exports.getAuthenticatedSessionDetailFromRequest = getAuthenticatedSessionDetailFromRequest.getAuthenticatedSessionDetailFromRequest;
 exports.generateTokenFromClassicSession = generateTokenFromClassicSession.generateTokenFromClassicSession;
 exports.refreshExpiredToken = refreshExpiredToken.refreshExpiredToken;
@@ -132,6 +136,7 @@ exports.getScore = score.getScore;
 exports.listTeams = team.listTeams;
 exports.retrieveTeam = team.retrieveTeam;
 exports.getTeamUser = teamUsers.getTeamUser;
+exports.getTeamUserPermissions = teamUsers.getTeamUserPermissions;
 exports.listTeamUsers = teamUsers.listTeamUsers;
 exports.getUserToken = userToken.getUserToken;
 exports.useAddContributorMutation = useAddContributorsMutation.useAddContributorMutation;
@@ -200,6 +205,7 @@ exports.PAGINATION_QUERY_PARAMS_SCHEMA = paginationTypes.PAGINATION_QUERY_PARAMS
 exports.LIST_PERMISSION_TEMPLATES_PATH_PARAMS = permissionTemplateTypes.LIST_PERMISSION_TEMPLATES_PATH_PARAMS;
 exports.LIST_PERMISSION_TEMPLATES_RESPONSE = permissionTemplateTypes.LIST_PERMISSION_TEMPLATES_RESPONSE;
 exports.PERMISSION_TEMPLATE_SCHEMA = permissionTemplateTypes.PERMISSION_TEMPLATE_SCHEMA;
+exports.PERMISSIONS = permissionTypes.PERMISSIONS;
 exports.PERMISSION_DETAILS_SCHEMA = permissionTypes.PERMISSION_DETAILS_SCHEMA;
 exports.PERMISSION_ID_SCHEMA = permissionTypes.PERMISSION_ID_SCHEMA;
 exports.PERMISSION_SCOPE_SCHEMA = permissionTypes.PERMISSION_SCOPE_SCHEMA;
@@ -243,12 +249,15 @@ exports.TEAM_API_BASE_HEADERS_SCHEMA = teamTypes.TEAM_API_BASE_HEADERS_SCHEMA;
 exports.TEAM_QUOTA_ALLOWED_SCHEMA = teamTypes.TEAM_QUOTA_ALLOWED_SCHEMA;
 exports.TEAM_QUOTA_METRICS_SCHEMA = teamTypes.TEAM_QUOTA_METRICS_SCHEMA;
 exports.TEAM_QUOTA_USAGE_SCHEMA = teamTypes.TEAM_QUOTA_USAGE_SCHEMA;
+exports.GET_TEAM_USER_PERMISSIONS_REQUEST_BODY_SCHEMA = teamUserTypes.GET_TEAM_USER_PERMISSIONS_REQUEST_BODY_SCHEMA;
+exports.GET_TEAM_USER_PERMISSIONS_RESPONSE_SCHEMA = teamUserTypes.GET_TEAM_USER_PERMISSIONS_RESPONSE_SCHEMA;
 exports.LIST_TEAM_USERS_RESPONSE_SCHEMA = teamUserTypes.LIST_TEAM_USERS_RESPONSE_SCHEMA;
 exports.TEAM_PATH_PARAMS_SCHEMA = teamUserTypes.TEAM_PATH_PARAMS_SCHEMA;
 exports.TEAM_USER_API_BASE_HEADERS_SCHEMA = teamUserTypes.TEAM_USER_API_BASE_HEADERS_SCHEMA;
 exports.TEAM_USER_PATH_PARAMS_SCHEMA = teamUserTypes.TEAM_USER_PATH_PARAMS_SCHEMA;
 exports.TEAM_USER_RESPONSE_SCHEMA = teamUserTypes.TEAM_USER_RESPONSE_SCHEMA;
 exports.TEAM_USER_SCHEMA = teamUserTypes.TEAM_USER_SCHEMA;
+exports.USER_PROJECTS_PERMISSIONS_SCHEMA = teamUserTypes.USER_PROJECTS_PERMISSIONS_SCHEMA;
 exports.JWT_TOKEN_SCHEMA = userTokenTypes.JWT_TOKEN_SCHEMA;
 exports.USER_TOKEN_REQUEST_HEADER_SCHEMA = userTokenTypes.USER_TOKEN_REQUEST_HEADER_SCHEMA;
 //# sourceMappingURL=harmony.cjs.map

package/dist/harmony.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/harmony.css

@@ -56,6 +56,51 @@
 	padding-top: 0;
 	box-shadow: none;
 }
+._sidebarContainer_bmdti_1 {
+	border-right: 1px solid var(--lok-color-border-default);
+	position: fixed;
+	width: 65px;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	background-color: var(--lok-color-background-surface-middle);
+	display: flex;
+	justify-content: space-between;
+	flex-direction: column;
+	padding-bottom: var(--lok-spacing-3);
+	z-index: 1;
+}
+
+._logoLink_bmdti_16 {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 67px;
+	position: relative;
+
+	&:hover {
+		background-color: var(--lok-color-background-surface-middle);
+	}
+
+	> img {
+		width: 36px;
+	}
+}
+._logoLink_1baxb_1 {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 67px;
+	position: relative;
+
+	&:hover {
+		background-color: var(--lok-color-background-surface-middle);
+	}
+
+	> img {
+		width: 36px;
+	}
+}
 ._link_18vhx_1._link_18vhx_1 {
 	display: flex;
 	justify-content: center;
@@ -77,16 +122,94 @@
 	color: var(--lok-color-background-action-primary-default);
 	background-color: var(--lok-color-background-surface-fore);
 }
-._mainLabel_1baso_1 {
-	color: var(--lok-color-text-disabled);
+._dropdownButton_1naek_1 {
+	cursor: pointer;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 65px;
+	width: 64px;
+	background: transparent;
+	border: none;
+	outline: none;
+	color: var(--lok-color-text-light-default);
+
+	&:hover {
+		color: var(--lok-color-background-action-primary-default);
+		background-color: var(--lok-color-background-surface-fore);
+	}
 }
 
-._subLabel_1baso_5 {
-	color: var(--lok-color-text-disabled);
-	font: var(--lok-typography-body-tiny-default);
+._dropdownButtonActive_1naek_19 {
+	color: var(--lok-color-background-action-primary-default);
+	background-color: var(--lok-color-background-surface-fore);
 }
-._switchContainer_9byp6_1 {
-	flex-grow: 1;
+._iconContainer_nz34m_1 {
+	color: var(--lok-color-background-surface-default);
+	background-color: var(--lok-color-background-action-danger-default);
+	border-radius: 100%;
+	font-size: 10px;
+	height: 16px;
+	width: 16px;
+}
+:root {
+	--menu-container-width: 300px;
+	--profile-button-size: 65px;
+}
+
+._popoverContent_1phdw_6 {
+	width: var(--menu-container-width);
+}
+
+._menuContainer_1phdw_10 {
+	width: var(--menu-container-width);
+	font-size: var(--lok-font-size-small);
+	button,
+	a {
+		font-size: var(--lok-font-size-small);
+		padding: var(--lok-spacing-3) var(--lok-spacing-4);
+	}
+}
+
+._profileButton_1phdw_20 {
+	cursor: pointer;
+	position: relative;
+	border: none;
+	background: transparent;
+	height: var(--profile-button-size);
+	width: var(--profile-button-size);
+
+	&:hover {
+		background: none;
+	}
+}
+
+._profileImage_1phdw_33 {
+	width: 40px;
+	height: 40px;
+	border-radius: 100%;
+	background-color: var(--lok-color-background-surface-default);
+	object-fit: contain; /* Make sure that non-square images maintain their aspect ratio */
+}
+
+._profileImageHighlight_1phdw_41 {
+	border: 3px solid var(--lok-color-background-action-danger-default);
+}
+
+._profileImageUpgradeIcon_1phdw_45 {
+	position: absolute;
+	bottom: 10px;
+	right: 10px;
+}
+
+._userIconWrapper_1phdw_51 {
+	width: 45px;
+	height: 45px;
+	display: flex;
+	align-items: center;
+	border-radius: var(--lok-radius-rounded);
+	justify-content: center;
+	margin: auto;
 }
 ._container_q5pot_1 {
 	max-width: 100%;
@@ -182,14 +305,6 @@
 	background-color: var(--lok-color-background-surface-default);
 	object-fit: contain;
 }
-._iconContainer_nz34m_1 {
-	color: var(--lok-color-background-surface-default);
-	background-color: var(--lok-color-background-action-danger-default);
-	border-radius: 100%;
-	font-size: 10px;
-	height: 16px;
-	width: 16px;
-}
 ._container_1u995_1 {
 	max-width: 100%;
 	min-width: 0;
@@ -213,134 +328,226 @@
 	font: var(--lok-typography-body-small-strong);
 	height: 16px;
 }
-:root {
-	--menu-container-width: 300px;
-	--profile-button-size: 65px;
+._navItem_1dudv_1._navItem_1dudv_1 {
+	border: 0;
+	background: none;
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	position: relative;
+	height: 65px;
+	color: var(--lok-color-text-light-default);
+
+	&:hover {
+		color: var(--lok-color-background-action-primary-default);
+		background-color: var(--lok-color-background-surface-fore);
+	}
 }
 
-._popoverContent_1phdw_6 {
-	width: var(--menu-container-width);
+._activeNavItem_1dudv_18 {
+	color: var(--lok-color-background-action-primary-default);
+	background-color: var(--lok-color-background-surface-fore);
 }
 
-._menuContainer_1phdw_10 {
-	width: var(--menu-container-width);
-	font-size: var(--lok-font-size-small);
-	button,
-	a {
-		font-size: var(--lok-font-size-small);
-		padding: var(--lok-spacing-3) var(--lok-spacing-4);
+._badge_1dudv_23 {
+	position: absolute;
+	top: calc(50% - 16px);
+	left: calc(50% + 2px);
+
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+
+	width: 16px;
+	height: 16px;
+	border-radius: var(--lok-radius-rounded);
+	background-color: var(--lok-color-text-danger);
+
+	font-size: var(--lok-font-size-tiny);
+	text-transform: uppercase;
+	color: var(--lok-color-text-inverse);
+}
+._langRowCompleted_vpgdi_1 {
+	background: var(--lok-color-background-info);
+	td {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		text-align: start;
+
+		&:first-child {
+			border-left: 2px solid
+				var(--lok-color-background-action-primary-default);
+		}
 	}
 }
 
-._profileButton_1phdw_20 {
-	cursor: pointer;
-	position: relative;
-	border: none;
-	background: transparent;
-	height: var(--profile-button-size);
-	width: var(--profile-button-size);
+._langCellSecondary_vpgdi_15 {
+	color: var(--lok-color-text-light-default);
+	text-align: left;
+}
 
-	&:hover {
-		background: none;
+._langStatus_vpgdi_20 {
+	color: var(--lok-color-text-light-default);
+
+	&::before {
+		display: inline-block;
+		content: '';
+		width: 6px;
+		height: 6px;
+		border-radius: 50%;
+		margin: var(--lok-spacing-1);
+		background-color: #cbd5e0;
+	}
+
+	&[data-status='completed'] {
+		&::before {
+			background-color: #60e778;
+		}
+	}
+
+	&[data-status='in_progress'] {
+		&::before {
+			background-color: #facc15;
+		}
 	}
 }
+._taskContainer_mt2or_1 {
+	padding: var(--lok-spacing-4);
+	position: relative;
 
-._profileImage_1phdw_33 {
-	width: 40px;
-	height: 40px;
-	border-radius: 100%;
-	background-color: var(--lok-color-background-surface-default);
-	object-fit: contain; /* Make sure that non-square images maintain their aspect ratio */
+	&:not(:first-child)::before {
+		display: block;
+		content: '';
+		height: 1px;
+		width: calc(100% - 2 * var(--lok-spacing-4));
+		position: absolute;
+		top: 0;
+		left: var(--lok-spacing-4);
+		background: var(--lok-color-background-surface-fore);
+	}
 }
 
-._profileImageHighlight_1phdw_41 {
-	border: 3px solid var(--lok-color-background-action-danger-default);
+._tagDue_mt2or_17 {
+	background: #dea829;
 }
 
-._profileImageUpgradeIcon_1phdw_45 {
-	position: absolute;
-	bottom: 10px;
-	right: 10px;
+._taskTitle_mt2or_21 {
+	font: var(--lok-typography-body-small-default);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	margin-block: var(--lok-spacing-4) var(--lok-spacing-2);
 }
 
-._userIconWrapper_1phdw_51 {
-	width: 45px;
-	height: 45px;
-	display: flex;
-	align-items: center;
-	border-radius: var(--lok-radius-rounded);
-	justify-content: center;
-	margin: auto;
+._taskDescription_mt2or_28 {
+	color: var(--lok-color-text-light-default);
+	font: var(--lok-typography-body-action-small);
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
-._logoLink_1baxb_1 {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 67px;
-	position: relative;
 
-	&:hover {
-		background-color: var(--lok-color-background-surface-middle);
+._languagesTable_mt2or_35 {
+	table-layout: fixed;
+	margin-top: var(--lok-spacing-3);
+	width: auto;
+	margin-left: calc(var(--lok-spacing-4) * -1);
+	border-collapse: separate;
+
+	tbody td {
+		padding-top: var(--lok-spacing-1);
+		padding-bottom: var(--lok-spacing-1);
 	}
 
-	> img {
-		width: 36px;
+	thead th:first-child,
+	tbody td:first-child {
+		padding-left: var(--lok-spacing-4);
 	}
-}
-._shortcutMenu_ujdmb_1:hover {
-	background-color: var(--lok-color-background-active);
-}
 
-._shortcutLabel_ujdmb_5 {
-	margin-left: var(--lok-spacing-1);
-	color: var(--lok-color-text-light-default);
-	width: 47px;
-	text-align: right;
+	thead th,
+	tbody td {
+		padding-left: var(--lok-spacing-2);
+	}
+
+	thead th:last-child,
+	tbody td:last-child {
+		padding-right: var(--lok-spacing-4);
+	}
+
+	thead tr th {
+		color: var(--lok-color-text-light-default);
+		text-align: left;
+		padding-bottom: var(--lok-spacing-1);
+		font: var(--lok-typography-body-tiny-default);
+		text-transform: uppercase;
+
+		&:nth-child(1) {
+			width: 170px;
+		}
+
+		&:nth-child(2) {
+			width: 107px;
+		}
+
+		&:nth-child(3) {
+			width: 75px;
+		}
+
+		&:nth-child(4) {
+			width: 118px;
+		}
+	}
 }
 
-._dropdownButton_ujdmb_12 {
-	cursor: pointer;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	height: 65px;
-	width: 64px;
-	background: transparent;
-	border: none;
-	outline: none;
+._metadata_mt2or_87 {
 	color: var(--lok-color-text-light-default);
+	margin: var(--lok-spacing-4) 0 0;
+	font: var(--lok-typography-body-tiny-default);
 
-	&:hover {
-		color: var(--lok-color-background-action-primary-default);
-		background-color: var(--lok-color-background-surface-fore);
+	> span {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		flex-basis: 100%;
+		max-width: max-content;
+
+		&:not(:first-child) {
+			margin-left: var(--lok-spacing-1);
+		}
+
+		&:not(:first-child)::before {
+			content: '•';
+			margin-right: var(--lok-spacing-1);
+		}
 	}
 }
+._loadingContainer_19d6m_1 {
+	height: 100px;
+	width: 487px;
+	left: 69px;
+}
 
-._dropdownButtonActive_ujdmb_30 {
-	color: var(--lok-color-background-action-primary-default);
-	background-color: var(--lok-color-background-surface-fore);
+._noTasksContainer_19d6m_7 {
+	text-align: center;
+	padding: var(--lok-spacing-8);
+	width: 360px;
+	left: 65px;
 }
-._sidebarContainer_1x0gj_1 {
-	border-right: 1px solid var(--lok-color-border-default);
-	position: fixed;
-	width: 65px;
-	top: 0;
-	left: 0;
-	bottom: 0;
-	background-color: var(--lok-color-background-surface-middle);
-	display: flex;
-	justify-content: space-between;
-	flex-direction: column;
-	padding-bottom: var(--lok-spacing-3);
-	z-index: 1;
+
+._noTasksHeading_19d6m_14 {
+	font: var(--lok-typography-heading-3);
 }
 
-._sidebarSkeleton_1x0gj_16 {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	gap: var(--lok-spacing-5);
+._noTasksText_19d6m_18 {
+	font: var(--lok-typography-body-action-base);
+	color: var(--lok-color-text-light-default);
+}
+
+._tasksContainer_19d6m_23 {
+	width: 487px;
+	max-height: 70vh;
+	overflow-y: auto;
+	overflow-x: hidden;
+	left: 65px;
 }
 ._breadcrumbsItem_1hm6a_1 {
 	color: var(--lok-color-text-light-default);