From bf9dfd9344d191ad176599196d935adb05e14fb8 Mon Sep 17 00:00:00 2001
From: Mattias Persson <mattias.persson.87@gmail.com>
Date: Fri, 5 Jul 2024 14:06:14 +0200
Subject: [PATCH 1/3] Add section visibility config

---
 src/lib/Components/Select.svelte              |   2 +
 src/lib/Conditional.ts                        | 200 ++++++++++
 src/lib/Main/DeleteButton.svelte              |  13 +-
 src/lib/Main/HorizontalStackHeader.svelte     |   3 +
 src/lib/Main/Index.svelte                     |  27 +-
 src/lib/Main/SectionHeader.svelte             |   4 +
 src/lib/Main/VisibilitySectionButton.svelte   |  79 ++++
 src/lib/Modal/Index.svelte                    |   6 +-
 src/lib/Modal/Modal.css                       |  20 +
 .../AddConditionButtons.svelte                |  63 ++++
 .../VisibilityConfig/CollapseButton.svelte    |  34 ++
 .../VisibilityConfig/EvaluateCondition.svelte |  86 +++++
 .../Modal/VisibilityConfig/Explanation.svelte |  37 ++
 src/lib/Modal/VisibilityConfig/Index.svelte   | 345 ++++++++++++++++++
 .../Modal/VisibilityConfig/ItemHeader.svelte  |  46 +++
 .../VisibilityConfig/NumericCondition.svelte  |  96 +++++
 .../VisibilityConfig/RemoveButton.svelte      |  43 +++
 .../VisibilityConfig/ScreenCondition.svelte   | 188 ++++++++++
 .../VisibilityConfig/StateCondition.svelte    | 112 ++++++
 src/lib/Types.ts                              |  16 +
 20 files changed, 1412 insertions(+), 8 deletions(-)
 create mode 100644 src/lib/Conditional.ts
 create mode 100644 src/lib/Main/VisibilitySectionButton.svelte
 create mode 100644 src/lib/Modal/VisibilityConfig/AddConditionButtons.svelte
 create mode 100644 src/lib/Modal/VisibilityConfig/CollapseButton.svelte
 create mode 100644 src/lib/Modal/VisibilityConfig/EvaluateCondition.svelte
 create mode 100644 src/lib/Modal/VisibilityConfig/Explanation.svelte
 create mode 100644 src/lib/Modal/VisibilityConfig/Index.svelte
 create mode 100644 src/lib/Modal/VisibilityConfig/ItemHeader.svelte
 create mode 100644 src/lib/Modal/VisibilityConfig/NumericCondition.svelte
 create mode 100644 src/lib/Modal/VisibilityConfig/RemoveButton.svelte
 create mode 100644 src/lib/Modal/VisibilityConfig/ScreenCondition.svelte
 create mode 100644 src/lib/Modal/VisibilityConfig/StateCondition.svelte

diff --git a/src/lib/Components/Select.svelte b/src/lib/Components/Select.svelte
index f063e260..ac0073f6 100644
--- a/src/lib/Components/Select.svelte
+++ b/src/lib/Components/Select.svelte
@@ -184,6 +184,7 @@
 
 	{#if listOpen}
 		<input
+			data-modal
 			bind:value={search}
 			bind:this={input}
 			on:focus={handleFocus}
@@ -196,6 +197,7 @@
 	{:else}
 		<!-- only to display label -->
 		<input
+			data-modal
 			value={options?.[selectedIndex]?.label || ''}
 			on:focus={async () => {
 				listOpen = true;
diff --git a/src/lib/Conditional.ts b/src/lib/Conditional.ts
new file mode 100644
index 00000000..6233066a
--- /dev/null
+++ b/src/lib/Conditional.ts
@@ -0,0 +1,200 @@
+import { get, writable } from 'svelte/store';
+import type { Section, Condition } from '$lib/Types';
+import type { HassEntities } from 'home-assistant-js-websocket';
+
+/**
+ * Checks every section in a view
+ * Runs whenever paramerers changes
+ */
+export function handleVisibility($editMode: boolean, sections: Section[], states: HassEntities) {
+	const viewSections: Section[] = [];
+
+	sections.forEach((section: Section) => {
+		if (handleAllConditions($editMode, states, section)) {
+			// horizontal-stack
+			if (section.type === 'horizontal-stack' && section.sections) {
+				const stack = section.sections.filter((nested: Section) => {
+					return handleAllConditions($editMode, states, nested);
+				});
+
+				// if every section in a horizontal-stack are hidden
+				// hide horizontal-stack itself
+				if (stack.length > 0) {
+					section = {
+						...section,
+						sections: stack
+					};
+
+					viewSections.push(section);
+				}
+			} else {
+				// section
+				viewSections.push(section);
+			}
+		}
+	});
+	return viewSections;
+}
+
+/**
+ * Handles every section in handleVisibility
+ */
+export function handleAllConditions($editMode: boolean, $states: HassEntities, section: Section) {
+	// early return if no states or visibility array
+	if (!$states || !section?.visibility) return true;
+
+	return section.visibility.every((condition) =>
+		validateCondition($editMode, $states, section, condition)
+	);
+}
+
+/**
+ * Validates every condition in handleAllConditions
+ */
+export function validateCondition(
+	$editMode: boolean,
+	$states: HassEntities,
+	section: Section,
+	condition: Condition
+): boolean {
+	switch (condition?.condition) {
+		case 'and':
+			return handleAnd($editMode, $states, section, condition);
+		case 'or':
+			return handleOr($editMode, $states, section, condition);
+		case 'state':
+			return handleState($states, condition);
+		case 'numeric_state':
+			return handleNumericState($states, condition);
+		case 'screen':
+			return handleScreen($editMode, section, condition);
+		default:
+			return false;
+	}
+}
+
+/**
+ * State
+ */
+export function handleState($states: HassEntities, conditions: Condition) {
+	if (!conditions?.entity || !$states?.[conditions?.entity]) return false;
+	const entityState = $states?.[conditions?.entity]?.state;
+
+	if (typeof conditions?.state !== 'undefined' && conditions?.state !== '') {
+		return entityState === conditions?.state;
+	} else if (typeof conditions?.state_not !== 'undefined' && conditions?.state_not !== '') {
+		return entityState !== conditions?.state_not;
+	} else {
+		return false;
+	}
+}
+
+/**
+ * Numeric
+ */
+export function handleNumericState($states: HassEntities, conditions: Condition) {
+	if (!conditions?.entity || !$states?.[conditions?.entity]) return false;
+
+	const entityState = parseFloat($states?.[conditions?.entity]?.state);
+
+	if (isNaN(entityState)) {
+		return false;
+	} else if (typeof conditions?.above === 'number' && typeof conditions?.below === 'number') {
+		return entityState > conditions?.above && entityState < conditions?.below;
+	} else if (typeof conditions?.above === 'number') {
+		return entityState > conditions?.above;
+	} else if (typeof conditions?.below === 'number') {
+		return entityState < conditions?.below;
+	} else {
+		return false;
+	}
+}
+
+/**
+ * And
+ */
+export function handleAnd(
+	$editMode: boolean,
+	$states: HassEntities,
+	section: Section,
+	condition: Condition
+) {
+	if (!condition.conditions?.length) return false;
+
+	return (
+		condition.conditions?.every((subCondition) =>
+			validateCondition($editMode, $states, section, subCondition)
+		) ?? false
+	);
+}
+
+/**
+ * Or
+ */
+export function handleOr(
+	$editMode: boolean,
+	$states: HassEntities,
+	section: Section,
+	condition: Condition
+) {
+	if (!condition.conditions?.length) return false;
+
+	return (
+		condition.conditions?.some((subCondition) =>
+			validateCondition($editMode, $states, section, subCondition)
+		) ?? false
+	);
+}
+
+/**
+ * Screen
+ */
+
+interface mediaQueries {
+	[key: string]: {
+		mql: MediaQueryList;
+		matches: boolean;
+		listener?: () => void;
+	};
+}
+
+export const mediaQueries = writable<mediaQueries>({});
+
+export function handleScreen($editMode: boolean, section: Section, conditions: Condition) {
+	const id = section?.id;
+	if (!id || !conditions?.media_query) return false;
+
+	// prevent infinite loop
+	if ($editMode) {
+		return window?.matchMedia(conditions?.media_query)?.matches;
+	}
+
+	const store = get(mediaQueries);
+
+	// cleanup
+	const prev = store?.[id];
+	if (prev?.mql && prev?.listener) {
+		prev?.mql?.removeEventListener('change', prev?.listener);
+		delete prev?.listener;
+	}
+
+	const mql = window?.matchMedia(conditions?.media_query);
+
+	const listener = () => {
+		mediaQueries?.update((mqs) => ({
+			...mqs,
+			[id]: { ...mqs?.[id], matches: mql?.matches }
+		}));
+	};
+
+	mql?.addEventListener('change', listener);
+
+	mediaQueries?.update((mqs) => {
+		return {
+			...mqs,
+			[id]: { mql, listener, matches: mql?.matches }
+		};
+	});
+
+	return mql?.matches;
+}
diff --git a/src/lib/Main/DeleteButton.svelte b/src/lib/Main/DeleteButton.svelte
index 361d6022..5242db43 100644
--- a/src/lib/Main/DeleteButton.svelte
+++ b/src/lib/Main/DeleteButton.svelte
@@ -2,6 +2,7 @@
 	import { dashboard, motion, record, lang, ripple } from '$lib/Stores';
 	import Ripple from 'svelte-ripple';
 	import { scale } from 'svelte/transition';
+	import Icon from '@iconify/svelte';
 
 	export let view: any;
 	export let section: any;
@@ -26,19 +27,22 @@
 </script>
 
 <button
+	title={$lang('remove')}
 	transition:scale={{ start: 0.9, duration: $motion }}
 	on:click={handleClick}
 	on:pointerdown|stopPropagation
 	use:Ripple={{ ...$ripple, color: 'rgba(0, 0, 0, 0.35)' }}
 >
-	{$lang('remove')}
+	<div class="icon">
+		<Icon icon="ic:round-delete" height="none" />
+	</div>
 </button>
 
 <style>
 	button {
 		background: #ba0000;
 		color: white;
-		padding: 0.4rem 0.7rem;
+		padding: 0.4rem 0.6rem;
 		font-weight: 500;
 		float: right;
 		font-size: 0.8rem;
@@ -52,4 +56,9 @@
 		overflow: hidden;
 		white-space: nowrap;
 	}
+
+	.icon {
+		width: 1.1rem;
+		height: 110%;
+	}
 </style>
diff --git a/src/lib/Main/HorizontalStackHeader.svelte b/src/lib/Main/HorizontalStackHeader.svelte
index d8e738d5..d32298cf 100644
--- a/src/lib/Main/HorizontalStackHeader.svelte
+++ b/src/lib/Main/HorizontalStackHeader.svelte
@@ -3,6 +3,7 @@
 	import { slide } from 'svelte/transition';
 	import DragIndicator from '$lib/Main/DragIndicator.svelte';
 	import DeleteButton from '$lib/Main/DeleteButton.svelte';
+	import VisibilitySectionButton from '$lib/Main/VisibilitySectionButton.svelte';
 
 	export let view: any;
 	export let section: any;
@@ -18,6 +19,8 @@
 		<span class="right">
 			<DragIndicator />
 
+			<VisibilitySectionButton {section} />
+
 			<DeleteButton {view} {section} />
 		</span>
 	</header>
diff --git a/src/lib/Main/Index.svelte b/src/lib/Main/Index.svelte
index 1843fa6b..cf44fed4 100644
--- a/src/lib/Main/Index.svelte
+++ b/src/lib/Main/Index.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
-	import { editMode, motion, record, dragging, itemHeight } from '$lib/Stores';
-	import { tick } from 'svelte';
+	import { editMode, motion, record, dragging, itemHeight, states } from '$lib/Stores';
+	import { onMount, tick } from 'svelte';
 	import { flip } from 'svelte/animate';
 	import { dndzone, SHADOW_ITEM_MARKER_PROPERTY_NAME } from 'svelte-dnd-action';
 	import Content from '$lib/Main/Content.svelte';
 	import SectionHeader from '$lib/Main/SectionHeader.svelte';
 	import HorizontalStackHeader from '$lib/Main/HorizontalStackHeader.svelte';
-	import Scenes from './Scenes.svelte';
+	import Scenes from '$lib/Main/Scenes.svelte';
+	import { handleVisibility, mediaQueries } from '$lib/Conditional';
 
 	export let view: any;
 
@@ -18,6 +19,9 @@
 
 	const stackHeight = $itemHeight * 1.65;
 
+	let mounted = false;
+	onMount(() => (mounted = true));
+
 	$: dndOptions = {
 		flipDurationMs: $motion,
 		dragDisabled: !$editMode,
@@ -193,6 +197,19 @@
 
 		currentDraggedElement.appendChild(div);
 	}
+
+	/**
+	 * If $editMode is true, return the original view sections
+	 * Otherwise filter the sections based on current states and conditions.
+	 *
+	 * This statement reactively updates when any of the following change:
+	 * $editMode, mounted, $mediaQueries, view?.sections, $states
+	 */
+	$: viewSections = $editMode
+		? view?.sections
+		: typeof mounted === 'boolean' &&
+			typeof $mediaQueries === 'object' &&
+			handleVisibility($editMode, view?.sections, $states);
 </script>
 
 <main
@@ -202,7 +219,7 @@
 	on:consider={dragSection}
 	on:finalize={dragSection}
 >
-	{#each view?.sections as section (`${section?.id}${section?.[SHADOW_ITEM_MARKER_PROPERTY_NAME] ? '_' + section?.[SHADOW_ITEM_MARKER_PROPERTY_NAME] : ''}`)}
+	{#each viewSections as section (`${section?.id}${section?.[SHADOW_ITEM_MARKER_PROPERTY_NAME] ? '_' + section?.[SHADOW_ITEM_MARKER_PROPERTY_NAME] : ''}`)}
 		<section
 			id={String(section?.id)}
 			data-is-dnd-shadow-item-hint={section?.[SHADOW_ITEM_MARKER_PROPERTY_NAME]}
@@ -300,7 +317,9 @@
 				<!-- normal -->
 			{:else}
 				{@const empty = $editMode && !section?.items?.length}
+
 				<SectionHeader {view} {section} />
+
 				<div
 					class="items"
 					data-is-dnd-shadow-item-hint={section?.[SHADOW_ITEM_MARKER_PROPERTY_NAME]}
diff --git a/src/lib/Main/SectionHeader.svelte b/src/lib/Main/SectionHeader.svelte
index cefd8094..a7d7b539 100644
--- a/src/lib/Main/SectionHeader.svelte
+++ b/src/lib/Main/SectionHeader.svelte
@@ -2,6 +2,7 @@
 	import { editMode, motion } from '$lib/Stores';
 	import DragIndicator from '$lib/Main/DragIndicator.svelte';
 	import DeleteButton from '$lib/Main/DeleteButton.svelte';
+	import VisibilitySectionButton from '$lib/Main/VisibilitySectionButton.svelte';
 	import SectionTitle from '$lib/Main/SectionTitle.svelte';
 	import { slide } from 'svelte/transition';
 
@@ -25,6 +26,8 @@
 			<div class="right">
 				<DragIndicator />
 
+				<VisibilitySectionButton {section} />
+
 				<!-- can't be asynchronously loaded, it'll flash on dnd -->
 				<DeleteButton {view} {section} />
 			</div>
@@ -54,6 +57,7 @@
 			font-size: 1.7rem;
 		}
 	}
+
 	.right {
 		display: flex;
 	}
diff --git a/src/lib/Main/VisibilitySectionButton.svelte b/src/lib/Main/VisibilitySectionButton.svelte
new file mode 100644
index 00000000..9489bc75
--- /dev/null
+++ b/src/lib/Main/VisibilitySectionButton.svelte
@@ -0,0 +1,79 @@
+<script lang="ts">
+	import { motion, lang, ripple, states, editMode } from '$lib/Stores';
+	import { modals, openModal } from 'svelte-modals';
+	import Ripple from 'svelte-ripple';
+	import { scale } from 'svelte/transition';
+	import Icon from '@iconify/svelte';
+	import { handleAllConditions } from '$lib/Conditional';
+	import type { Section } from '$lib/Types';
+
+	export let section: Section;
+
+	/**
+	 * Opens visibility configuration
+	 */
+	function handleClick() {
+		openModal(() => import('$lib/Modal/VisibilityConfig/Index.svelte'), {
+			sel: section
+		});
+	}
+
+	/**
+	 * Handles window resize because no new event listerners are setup in $editMode
+	 */
+	function handleResize() {
+		if ($modals?.length !== 0) return;
+		visible = visible;
+	}
+
+	/**
+	 * Checks if `visibility` exists on current section
+	 */
+	$: conditions = section?.visibility && section?.visibility?.length > 0;
+
+	/**
+	 * Evaluates all conditions in section `visibility`
+	 */
+	$: visible = handleAllConditions($editMode, $states, section);
+</script>
+
+<svelte:window on:resize={handleResize} />
+
+<button
+	title={!conditions ? $lang('visibility') : $lang(visible ? 'visible' : 'hidden')}
+	transition:scale={{ start: 0.9, duration: $motion }}
+	on:click={handleClick}
+	on:pointerdown|stopPropagation
+	use:Ripple={{ ...$ripple, color: 'rgba(0, 0, 0, 0.35)' }}
+	style:color={conditions ? '#3b0f0f' : 'inherit'}
+	style:background-color={conditions ? '#ffc008' : 'var(--theme-button-background-color-off)'}
+	style:transition="background-color {$motion}ms ease"
+>
+	<div class="icon">
+		<Icon icon={visible ? 'lucide:eye' : 'lucide:eye-off'} height="none" />
+	</div>
+</button>
+
+<style>
+	button {
+		padding: 0.4rem 0.6rem;
+		font-weight: 500;
+		float: right;
+		font-size: 0.8rem;
+		cursor: pointer;
+		height: 1.8rem;
+		align-items: center;
+		border: inherit;
+		border-radius: 0.4rem;
+		display: flex;
+		font-family: inherit;
+		overflow: hidden;
+		white-space: nowrap;
+		margin-right: 0.4rem;
+	}
+
+	.icon {
+		width: 1.1rem;
+		height: 110%;
+	}
+</style>
diff --git a/src/lib/Modal/Index.svelte b/src/lib/Modal/Index.svelte
index b9572cf7..66621a8f 100644
--- a/src/lib/Modal/Index.svelte
+++ b/src/lib/Modal/Index.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { motion, autocompleteOpen, ripple } from '$lib/Stores';
+	import { motion, autocompleteOpen, ripple, dragging } from '$lib/Stores';
 	import { onMount, onDestroy } from 'svelte';
 	import { modals, closeModal } from 'svelte-modals';
 	import { fly, scale } from 'svelte/transition';
@@ -149,7 +149,9 @@
 
 	function handleKeydown(event: any) {
 		if (event.key === 'Escape') {
-			if (!$autocompleteOpen) closeModal();
+			if (!$autocompleteOpen && !$dragging) {
+				closeModal();
+			}
 		}
 	}
 </script>
diff --git a/src/lib/Modal/Modal.css b/src/lib/Modal/Modal.css
index 9b25e2ad..baa69d50 100644
--- a/src/lib/Modal/Modal.css
+++ b/src/lib/Modal/Modal.css
@@ -20,6 +20,14 @@
 	pointer-events: none;
 }
 
+/* directly add `data-modal` to every element instead of just h2 */
+h2[data-modal] {
+	font-weight: 500;
+	margin: 1.3rem 0 0.6rem 0;
+	font-size: 1.125rem;
+	pointer-events: none;
+}
+
 #modal h2 .align-right {
 	float: right;
 }
@@ -80,6 +88,18 @@
 	font-size: inherit;
 }
 
+/* directly add `data-modal` to every element instead of just input */
+input[data-modal] {
+	padding: 0.9em;
+	border-radius: 0.6em;
+	border: 1px solid rgba(255, 255, 255, 0.3);
+	background-color: rgba(0, 0, 0, 0.2);
+	color: inherit;
+	font-family: inherit;
+	width: 100%;
+	font-size: inherit;
+}
+
 #modal .input::placeholder {
 	color: rgba(255, 255, 255, 0.3);
 	opacity: 1;
diff --git a/src/lib/Modal/VisibilityConfig/AddConditionButtons.svelte b/src/lib/Modal/VisibilityConfig/AddConditionButtons.svelte
new file mode 100644
index 00000000..cd304324
--- /dev/null
+++ b/src/lib/Modal/VisibilityConfig/AddConditionButtons.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+	import { lang, ripple } from '$lib/Stores';
+	import Ripple from 'svelte-ripple';
+	import type { Condition } from '$lib/Types';
+
+	export let items: Condition[];
+
+	const buttons: Array<{ id: Condition['condition']; icon: string; label: string }> = [
+		{ id: 'state', icon: 'mdi:state-machine', label: $lang('state') },
+		{ id: 'numeric_state', icon: 'tabler:number-123', label: $lang('numeric_state') },
+		{ id: 'screen', icon: 'tabler:arrow-autofit-width', label: $lang('screen') },
+		{ id: 'and', icon: 'tabler:logic-and', label: $lang('and') },
+		{ id: 'or', icon: 'tabler:logic-or', label: $lang('or') }
+	];
+
+	/**
+	 * Adds a condition to `items`
+	 * if nested add empty `conditions`
+	 */
+	function handleClick(option: Condition['condition']) {
+		items = [
+			{
+				condition: option,
+				id: crypto.randomUUID(),
+				...(option === 'and' || option === 'or' ? { conditions: [] } : {})
+			},
+			...items
+		];
+	}
+</script>
+
+<h2>
+	{$lang('add_condition')}
+</h2>
+
+<div>
+	{#each buttons as button}
+		{#if button?.id}
+			<button class="action options" on:click={() => handleClick(button?.id)} use:Ripple={$ripple}>
+				{$lang(button?.id)}
+			</button>
+		{/if}
+	{/each}
+</div>
+
+<style>
+	div {
+		display: flex;
+		gap: 0.5rem;
+		width: 100%;
+		overflow: hidden;
+	}
+
+	.action.options {
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		flex-shrink: 1;
+		min-width: 0;
+		background-color: rgba(0, 0, 0, 0.15) !important;
+		border: 1px solid rgba(255, 255, 255, 0.25) !important;
+	}
+</style>
diff --git a/src/lib/Modal/VisibilityConfig/CollapseButton.svelte b/src/lib/Modal/VisibilityConfig/CollapseButton.svelte
new file mode 100644
index 00000000..30361c31
--- /dev/null
+++ b/src/lib/Modal/VisibilityConfig/CollapseButton.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+	import { lang } from '$lib/Stores';
+	import Icon from '@iconify/svelte';
+	import type { Condition } from '$lib/Types';
+
+	export let item: Condition;
+
+	/**
+	 * Handles click
+	 */
+	function handleClick() {
+		if (item) item.collapsed = !item?.collapsed;
+	}
+</script>
+
+<button title={$lang(!item?.collapsed ? 'hide' : 'show')} on:click={handleClick}>
+	<Icon icon={!item?.collapsed ? 'octicon:chevron-up-12' : 'octicon:chevron-down-12'} />
+</button>
+
+<style>
+	button {
+		all: unset;
+		color: white;
+		border-radius: 0.35rem;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		cursor: pointer;
+		background-color: rgba(255, 255, 255, 0.2);
+		width: 1.6rem;
+		height: 1.6rem;
+		flex-shrink: 0;
+	}
+</style>
diff --git a/src/lib/Modal/VisibilityConfig/EvaluateCondition.svelte b/src/lib/Modal/VisibilityConfig/EvaluateCondition.svelte
new file mode 100644
index 00000000..6ac1bc84
--- /dev/null
+++ b/src/lib/Modal/VisibilityConfig/EvaluateCondition.svelte
@@ -0,0 +1,86 @@
+<script lang="ts">
+	import { states, lang, editMode } from '$lib/Stores';
+	import { handleState, handleNumericState, handleAnd, handleOr } from '$lib/Conditional';
+
+	export let item: any;
+	export let matches: { [key: string]: boolean };
+	export let innerWidth: number;
+
+	const condition = item?.condition;
+	const title = `${$lang('state')} (${$lang('current_state')})`;
+
+	function handleTitle(condition: string) {
+		return $lang(condition === 'visible' ? 'condition_pass' : 'condition_error');
+	}
+</script>
+
+<!-- STATE -->
+{#if condition === 'state'}
+	{@const evalState = handleState($states, item) ? 'visible' : 'hidden'}
+	{@const state = item?.entity && $states?.[item?.entity]?.state}
+
+	{#if state}
+		<div class="evaluate-condition state" {title}>
+			{state}
+		</div>
+	{/if}
+
+	<div class="evaluate-condition {evalState}" title={handleTitle(evalState)}>
+		{$lang(evalState)}
+	</div>
+
+	<!-- NUMERIC -->
+{:else if condition === 'numeric_state'}
+	{@const evalNumeric = handleNumericState($states, item) ? 'visible' : 'hidden'}
+	{@const state = item?.entity && $states?.[item?.entity]?.state}
+
+	{#if state}
+		<div class="evaluate-condition state" {title}>
+			{state}
+		</div>
+	{/if}
+
+	<div class="evaluate-condition {evalNumeric}" title={handleTitle(evalNumeric)}>
+		{$lang(evalNumeric)}
+	</div>
+
+	<!-- SCREEN -->
+{:else if condition === 'screen'}
+	{@const _matches = item.id && matches?.[item.id] ? 'visible' : 'hidden'}
+
+	{#if innerWidth}
+		<div class="evaluate-condition state" {title}>
+			{innerWidth}px
+		</div>
+	{/if}
+
+	<div class="evaluate-condition {_matches}" title={handleTitle(_matches)}>
+		{$lang(_matches)}
+	</div>
+
+	<!-- AND -->
+{:else if condition === 'and'}
+	{@const evalAnd = handleAnd($editMode, $states, item, item) ? 'visible' : 'hidden'}
+
+	<div class="evaluate-condition {evalAnd}" title={handleTitle(evalAnd)}>
+		{$lang(evalAnd)}
+	</div>
+
+	<!-- OR -->
+{:else if condition === 'or'}
+	{@const evalOr = handleOr($editMode, $states, item, item) ? 'visible' : 'hidden'}
+
+	<div class="evaluate-condition {evalOr}" title={handleTitle(evalOr)}>
+		{$lang(evalOr)}
+	</div>
+{/if}
+
+<style>
+	.state {
+		text-transform: lowercase;
+		background-color: rgba(255, 255, 255, 0.2);
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+</style>
diff --git a/src/lib/Modal/VisibilityConfig/Explanation.svelte b/src/lib/Modal/VisibilityConfig/Explanation.svelte
new file mode 100644
index 00000000..541f58b1
--- /dev/null
+++ b/src/lib/Modal/VisibilityConfig/Explanation.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+	import { editMode, lang, states } from '$lib/Stores';
+	import { handleAllConditions } from '$lib/Conditional';
+	import type { Condition } from '$lib/Types';
+
+	export let sel: any;
+	export let items: Condition[];
+	export let matches: { [key: string]: boolean };
+
+	/**
+	 * Current section visibility
+	 */
+	$: visible =
+		matches && handleAllConditions($editMode, $states, { ...sel, visibility: items })
+			? 'visible'
+			: 'hidden';
+</script>
+
+<div class="explanation">
+	{$lang('visibility_explanation')}
+
+	<div class="evaluate-condition {visible}">
+		{$lang(visible)}
+	</div>
+</div>
+
+<style>
+	.explanation {
+		margin-top: 1rem;
+		padding: 0.9rem 1rem;
+		border-radius: 0.65rem;
+		background-color: rgba(0, 0, 0, 0.3);
+		display: flex;
+		flex-direction: column;
+		gap: 0.75rem;
+	}
+</style>
diff --git a/src/lib/Modal/VisibilityConfig/Index.svelte b/src/lib/Modal/VisibilityConfig/Index.svelte
new file mode 100644
index 00000000..59bc1f3d
--- /dev/null
+++ b/src/lib/Modal/VisibilityConfig/Index.svelte
@@ -0,0 +1,345 @@
+<script lang="ts">
+	import { dashboard, dragging, lang, motion, record, ripple } from '$lib/Stores';
+	import Modal from '$lib/Modal/Index.svelte';
+	import { dndzone, SHADOW_ITEM_MARKER_PROPERTY_NAME } from 'svelte-dnd-action';
+	import { flip } from 'svelte/animate';
+	import AddConditionButtons from '$lib/Modal/VisibilityConfig/AddConditionButtons.svelte';
+	import StateCondition from '$lib/Modal/VisibilityConfig/StateCondition.svelte';
+	import NumericCondition from '$lib/Modal/VisibilityConfig/NumericCondition.svelte';
+	import ScreenCondition from '$lib/Modal/VisibilityConfig/ScreenCondition.svelte';
+	import { onDestroy } from 'svelte';
+	import type { Condition } from '$lib/Types';
+	import { slide } from 'svelte/transition';
+	import { expoOut } from 'svelte/easing';
+	import Explanation from '$lib/Modal/VisibilityConfig/Explanation.svelte';
+	import ItemHeader from '$lib/Modal/VisibilityConfig/ItemHeader.svelte';
+	import { closeModal } from 'svelte-modals';
+	import Ripple from 'svelte-ripple';
+
+	export let isOpen: boolean;
+	export let sel: any;
+
+	let innerWidth = 0;
+	let draggingGroup = false;
+	let draggedElHeight: number | undefined;
+	let matches: { [key: string]: boolean } = {};
+
+	/**
+	 * Add id's to to each item
+	 */
+	let items =
+		sel?.visibility?.map((item: Condition) => ({
+			id: crypto.randomUUID(),
+			...item,
+			...(item.condition === 'and' || item.condition === 'or'
+				? {
+						conditions: item.conditions?.map((condition: Condition) => ({
+							id: crypto.randomUUID(),
+							...condition
+						}))
+					}
+				: {})
+		})) || [];
+
+	/**
+	 * dnd
+	 */
+
+	const dndOptions = {
+		flipDurationMs: $motion,
+		dropTargetStyle: {},
+		transformDraggedElement
+	};
+
+	function dragItem(event: CustomEvent<DndEvent>) {
+		const draggedItem = event.detail.items.find((section) =>
+			[event?.detail?.info?.id, 'id:dnd-shadow-placeholder-0000'].includes(section.id)
+		);
+
+		if (draggedItem && (draggedItem.condition === 'and' || draggedItem.condition === 'or')) {
+			draggingGroup = true;
+		}
+
+		handleDrag(event, () => {
+			items = event.detail.items;
+		});
+	}
+
+	function dragNestedItem(id: string, event: CustomEvent<DndEvent>) {
+		handleDrag(event, () => {
+			const condition = items.find((item: any) => item.id === id);
+
+			if (condition && condition.conditions) {
+				condition.conditions = event.detail.items;
+				items = [...items];
+			}
+		});
+	}
+
+	function handleDrag(event: CustomEvent<DndEvent>, callback: () => void) {
+		$dragging = true;
+
+		callback();
+
+		// reset
+		if (event.type === 'finalize') {
+			$dragging = false;
+			draggingGroup = false;
+			draggedElHeight = undefined;
+		}
+	}
+
+	/**
+	 * Fix visual bugs on dnd
+	 *
+	 * - hide entity select list if open on dragging
+	 * - force fixed element height when dragging
+	 */
+	function transformDraggedElement(draggedEl: HTMLElement | undefined) {
+		if (!draggedEl) return;
+
+		const listOpen = draggedEl.querySelector('.wrapper') as HTMLElement;
+		if (listOpen) listOpen.style.display = 'none';
+
+		if (!draggedElHeight) draggedElHeight = draggedEl.offsetHeight;
+		if (draggedElHeight) draggedEl.style.height = `${draggedElHeight}px`;
+	}
+
+	/**
+	 * Get all 'screen' conditions
+	 * { id, media_query }
+	 */
+	$: screenConditions = items.flatMap((item: Condition) =>
+		item.condition === 'screen'
+			? [{ id: item.id, media_query: item.media_query }]
+			: item.condition === 'and' || item.condition === 'or'
+				? item.conditions
+						?.filter((cond) => cond.condition === 'screen')
+						.map(({ id, media_query }) => ({ id, media_query })) ?? []
+				: []
+	);
+
+	/**
+	 * Updates `matches`
+	 */
+	$: if (screenConditions) updateMatches();
+
+	function updateMatches() {
+		matches = Object.fromEntries(
+			screenConditions.map((item: { id: string; media_query: string }) => [
+				item.id,
+				typeof item.media_query === 'string' && item.media_query !== ''
+					? window.matchMedia(item.media_query).matches
+					: false
+			])
+		);
+	}
+
+	/**
+	 * Removes all conditions, which in turn also triggers onDestroy
+	 */
+	function handleRemove() {
+		delete sel?.visibility;
+		sel = { ...sel };
+		closeModal();
+	}
+
+	/**
+	 * When modal is closed remove any `id` and `collapsed` keys
+	 * and add transformed items to dashboard section visibility
+	 */
+	onDestroy(() => {
+		sel.visibility = items?.map((item: Condition) => {
+			const condition = { ...item };
+			delete condition.id;
+			delete condition.collapsed;
+
+			if (condition.conditions) {
+				condition.conditions = condition.conditions.map((nestedItem: Condition) => {
+					const nested = { ...nestedItem };
+					delete nested.id;
+					delete nested.collapsed;
+					return nested;
+				});
+			}
+
+			return condition;
+		});
+
+		if (!sel.visibility?.length) {
+			delete sel.visibility;
+		}
+
+		$dashboard = $dashboard;
+
+		$record();
+	});
+</script>
+
+<svelte:window on:resize={updateMatches} bind:innerWidth />
+
+{#if isOpen}
+	<Modal>
+		<h1 slot="title">
+			{$lang('visibility')}
+		</h1>
+
+		<Explanation {sel} {items} {matches} />
+
+		<AddConditionButtons bind:items />
+
+		{#if items}
+			<section
+				data-exclude-drag-modal
+				style:padding="1.5rem 0"
+				use:dndzone={{
+					...dndOptions,
+					type: 'condition',
+					items
+				}}
+				on:consider={dragItem}
+				on:finalize={dragItem}
+			>
+				{#each items as item (`${item?.id}${item?.[SHADOW_ITEM_MARKER_PROPERTY_NAME] ? '_' + item?.[SHADOW_ITEM_MARKER_PROPERTY_NAME] : ''}`)}
+					<div
+						data-is-dnd-shadow-item-hint={item?.[SHADOW_ITEM_MARKER_PROPERTY_NAME]}
+						class:item
+						animate:flip={{ duration: $motion }}
+					>
+						<ItemHeader bind:item bind:items {matches} {innerWidth} />
+
+						{#if !item?.collapsed}
+							<div class="content" transition:slide={{ duration: $motion, easing: expoOut }}>
+								{#if item?.condition === 'state' && !item?.collapsed}
+									<StateCondition {item} bind:items />
+								{:else if item?.condition === 'numeric_state' && !item?.collapsed}
+									<NumericCondition {item} bind:items />
+								{:else if item?.condition === 'screen' && !item?.collapsed}
+									<ScreenCondition {item} bind:items />
+								{:else if item?.condition === 'and' || item?.condition === 'or'}
+									<!-- nested -->
+									<!-- code can be reduced with snippets -->
+
+									{#if item?.conditions}
+										{@const empty = !item?.conditions?.length}
+
+										<section
+											data-exclude-drag-modal
+											class="nested"
+											style:background-color={empty ? 'rgba(255, 190, 10, 0.25)' : 'transparent'}
+											style:outline={empty ? '2px dashed #ffc107' : 'none'}
+											style:transition="background-color {$motion}ms ease"
+											use:dndzone={{
+												...dndOptions,
+												type: draggingGroup ? 'group' : 'condition',
+												items: item?.conditions
+											}}
+											on:consider={(event) => dragNestedItem(item.id, event)}
+											on:finalize={(event) => dragNestedItem(item.id, event)}
+										>
+											{#each item.conditions as subItem (`${subItem?.id}${subItem?.[SHADOW_ITEM_MARKER_PROPERTY_NAME] ? '_' + subItem?.[SHADOW_ITEM_MARKER_PROPERTY_NAME] : ''}`)}
+												<div
+													data-is-dnd-shadow-item-hint={subItem?.[SHADOW_ITEM_MARKER_PROPERTY_NAME]}
+													class="item"
+													animate:flip={{ duration: $motion }}
+												>
+													<ItemHeader bind:item={subItem} bind:items {matches} {innerWidth} />
+
+													{#if !subItem.collapsed}
+														<div
+															class="content"
+															transition:slide={{ duration: $motion, easing: expoOut }}
+														>
+															{#if subItem?.condition === 'state' && !subItem?.collapsed}
+																<StateCondition item={subItem} bind:items={item.conditions} />
+															{:else if subItem?.condition === 'numeric_state' && !subItem?.collapsed}
+																<NumericCondition item={subItem} bind:items={item.conditions} />
+															{:else if subItem?.condition === 'screen' && !subItem?.collapsed}
+																<ScreenCondition item={subItem} bind:items={item.conditions} />
+															{/if}
+														</div>
+													{/if}
+												</div>
+											{/each}
+										</section>
+									{/if}
+
+									<!-- / nested -->
+								{/if}
+							</div>
+						{/if}
+					</div>
+				{/each}
+			</section>
+		{/if}
+
+		<div class="add-config-buttons">
+			<button
+				class="action remove"
+				on:click={handleRemove}
+				use:Ripple={{ ...$ripple, color: !items?.length ? 'transparent' : $ripple.color }}
+				style:cursor={!items?.length ? 'initial' : 'pointer'}
+				style:opacity={!items?.length ? '0.3' : 'initial'}
+				disabled={!items?.length}
+			>
+				{$lang('remove')}
+			</button>
+
+			<button class="action done" on:click={closeModal} use:Ripple={$ripple}>
+				{$lang('done')}
+			</button>
+		</div>
+	</Modal>
+{/if}
+
+<style>
+	section {
+		display: flex;
+		flex-flow: column;
+		gap: 1rem;
+	}
+
+	.nested {
+		min-height: 8.6rem;
+		border-radius: calc(1.2rem - 0.6em) calc(1.2rem - 0.6em);
+		outline-offset: -2px;
+	}
+
+	.item {
+		border: 1px solid rgba(255, 255, 255, 0.25);
+		padding: 1rem 1.1rem 1.1rem 1.1rem;
+		border-radius: calc(1.2rem - 0.6em);
+		background-color: rgba(255, 255, 255, 0.05);
+	}
+
+	.content {
+		padding-top: 0.8rem;
+	}
+
+	.add-config-buttons {
+		display: flex;
+		justify-content: space-between;
+		width: 100%;
+	}
+
+	:global(.evaluate-condition) {
+		padding: 0.2rem 0.5rem;
+		font-size: 0.8rem;
+		border-radius: 0.35rem;
+		height: 1.6rem;
+		text-transform: uppercase;
+		font-weight: 500;
+		align-content: center;
+		line-height: 1.25rem;
+		width: fit-content;
+	}
+
+	:global(.evaluate-condition.visible) {
+		background-color: #007800;
+	}
+
+	:global(.evaluate-condition.hidden) {
+		background: #ffc008;
+		color: #3b0f0f;
+	}
+</style>
diff --git a/src/lib/Modal/VisibilityConfig/ItemHeader.svelte b/src/lib/Modal/VisibilityConfig/ItemHeader.svelte
new file mode 100644
index 00000000..af25a204
--- /dev/null
+++ b/src/lib/Modal/VisibilityConfig/ItemHeader.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+	import { lang } from '$lib/Stores';
+	import EvaluateCondition from '$lib/Modal/VisibilityConfig/EvaluateCondition.svelte';
+	import CollapseButton from '$lib/Modal/VisibilityConfig/CollapseButton.svelte';
+	import RemoveButton from '$lib/Modal/VisibilityConfig/RemoveButton.svelte';
+	import type { Condition } from '$lib/Types';
+
+	export let item: Condition;
+	export let items: Condition[];
+	export let matches: { [key: string]: boolean };
+	export let innerWidth: number;
+</script>
+
+<div class="header">
+	<h2 data-modal>
+		{$lang(item?.condition || '')}
+	</h2>
+
+	<div class="right">
+		<EvaluateCondition {item} {matches} {innerWidth} />
+
+		<CollapseButton bind:item />
+
+		<RemoveButton {item} bind:items />
+	</div>
+</div>
+
+<style>
+	.header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	h2 {
+		margin: 0 !important;
+		padding-right: 0.5rem;
+	}
+
+	.right {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+		min-width: 0;
+	}
+</style>
diff --git a/src/lib/Modal/VisibilityConfig/NumericCondition.svelte b/src/lib/Modal/VisibilityConfig/NumericCondition.svelte
new file mode 100644
index 00000000..fd1cdd47
--- /dev/null
+++ b/src/lib/Modal/VisibilityConfig/NumericCondition.svelte
@@ -0,0 +1,96 @@
+<script lang="ts">
+	import { lang, entityList } from '$lib/Stores';
+	import Select from '$lib/Components/Select.svelte';
+	import type { Condition } from '$lib/Types';
+
+	export let item: Condition;
+	export let items: Condition[];
+
+	$: entityOptions = $entityList('');
+
+	/**
+	 * Updates `entity` value
+	 */
+	function handleEntity(id: string | undefined, entity_id: string) {
+		items = items.map((condition: Condition) => {
+			if (id === condition.id) {
+				return { ...condition, entity: entity_id };
+			}
+			return condition;
+		});
+	}
+
+	/**
+	 * Updates `above` or `below` value
+	 */
+	function handleRange(id: string | undefined, target: EventTarget | null, key: 'above' | 'below') {
+		const input = target as HTMLInputElement;
+		const value = input.value;
+
+		items = items.map((condition: Condition) => {
+			if (id === condition.id) {
+				// delete key ef empty
+				if (value === '') {
+					const _condition = { ...condition };
+					delete _condition[key];
+					return _condition;
+				} else {
+					return { ...condition, [key]: Number(value) };
+				}
+			}
+			return condition;
+		});
+	}
+</script>
+
+<Select
+	options={entityOptions}
+	placeholder={$lang('entity')}
+	value={item.entity}
+	on:change={(event) => handleEntity(item?.id, event?.detail)}
+	computeIcons={true}
+	defaultIcon={'mdi:state-machine'}
+/>
+
+<br />
+
+<div>
+	<span>
+		<input
+			data-modal
+			type="number"
+			value={item?.above !== undefined ? item.above : ''}
+			on:input={(event) => handleRange(item?.id, event?.target, 'above')}
+			placeholder={$lang('above')}
+			autocomplete="off"
+		/>
+	</span>
+
+	<span>
+		<input
+			data-modal
+			type="number"
+			value={item?.below !== undefined ? item.below : ''}
+			on:input={(event) => handleRange(item?.id, event?.target, 'below')}
+			placeholder={$lang('below')}
+			autocomplete="off"
+		/>
+	</span>
+</div>
+
+<style>
+	div {
+		display: flex;
+		width: 100%;
+		gap: 1rem;
+	}
+
+	span {
+		width: 50%;
+	}
+
+	input[type='number'] {
+		color-scheme: dark;
+		margin-right: 2rem;
+	}
+</style>
diff --git a/src/lib/Modal/VisibilityConfig/RemoveButton.svelte b/src/lib/Modal/VisibilityConfig/RemoveButton.svelte
new file mode 100644
index 00000000..08512018
--- /dev/null
+++ b/src/lib/Modal/VisibilityConfig/RemoveButton.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+	import { lang } from '$lib/Stores';
+	import Icon from '@iconify/svelte';
+	import type { Condition } from '$lib/Types';
+
+	export let item: Condition;
+	export let items: Condition[];
+
+	/**
+	 * Removes selected condition or nested condition
+	 */
+	function handleClick(item: Condition): Condition[] {
+		const removeItem = (items: Condition[]): Condition[] =>
+			items
+				.filter((condition) => condition.id !== item.id)
+				.map((condition) =>
+					condition.conditions
+						? { ...condition, conditions: removeItem(condition.conditions) }
+						: condition
+				);
+		return (items = removeItem(items));
+	}
+</script>
+
+<button title={$lang('remove')} on:click={() => handleClick(item)}>
+	<Icon icon="mingcute:close-fill" />
+</button>
+
+<style>
+	button {
+		all: unset;
+		color: white;
+		border-radius: 0.35rem;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		cursor: pointer;
+		background-color: #ae2e2e;
+		width: 1.6rem;
+		height: 1.6rem;
+		flex-shrink: 0;
+	}
+</style>
diff --git a/src/lib/Modal/VisibilityConfig/ScreenCondition.svelte b/src/lib/Modal/VisibilityConfig/ScreenCondition.svelte
new file mode 100644
index 00000000..26e8e9e0
--- /dev/null
+++ b/src/lib/Modal/VisibilityConfig/ScreenCondition.svelte
@@ -0,0 +1,188 @@
+<script lang="ts">
+	import { lang } from '$lib/Stores';
+	import type { Condition } from '$lib/Types';
+	import { onMount } from 'svelte';
+
+	export let item: Condition;
+	export let items: Condition[];
+
+	// mobile: "(min-width: 0px) and (max-width: 767px)"
+	// tablet: "(min-width: 768px) and (max-width: 1023px)"
+	// desktop: "(min-width: 1024px) and (max-width: 1279px)"
+	// wide: "(min-width: 1280px)"
+	// mobile + tablet: "(min-width: 0px) and (max-width: 1023px)"
+	// mobile + desktop: "(min-width: 0px) and (max-width: 767px), (min-width: 1024px) and (max-width: 1279px)"
+	// mobile + wide: "(min-width: 0px) and (max-width: 767px), (min-width: 1280px)"
+	// tablet + desktop: "(min-width: 768px) and (max-width: 1279px)"
+	// tablet + wide: "(min-width: 768px) and (max-width: 1023px), (min-width: 1280px)"
+	// desktop + wide: "(min-width: 1024px)"
+	// mobile + tablet + desktop: "(min-width: 0px) and (max-width: 1279px)"
+	// mobile + tablet + wide: "(min-width: 0px) and (max-width: 1023px), (min-width: 1280px)"
+	// mobile + desktop + wide: "(min-width: 0px) and (max-width: 767px), (min-width: 1024px)"
+	// tablet + desktop + wide: "(min-width: 768px)"
+	// mobile + tablet + desktop + wide: "(min-width: 0px)"
+
+	let mobile = false;
+	let tablet = false;
+	let desktop = false;
+	let wide = false;
+
+	let input = item?.media_query;
+
+	const breakpoints: {
+		[key: string]: {
+			min: number;
+			max: number;
+		};
+	} = {
+		mobile: { min: 0, max: 767 },
+		tablet: { min: 768, max: 1023 },
+		desktop: { min: 1024, max: 1279 },
+		wide: { min: 1280, max: Infinity }
+	};
+
+	$: if (typeof input === 'string') {
+		handleChange();
+	}
+
+	function handleChange() {
+		items = items.map((condition: Condition) =>
+			condition.id === item.id ? { ...condition, media_query: input } : condition
+		);
+	}
+
+	onMount(() => handleInput());
+
+	/**
+	 * Handles input text field
+	 */
+	function handleInput(): void {
+		if (!input?.trim()) {
+			mobile = tablet = desktop = wide = false;
+			return;
+		}
+
+		const result = parseMediaQuery(input);
+
+		const generatedQuery = generateMediaQuery(
+			result.mobile,
+			result.tablet,
+			result.desktop,
+			result.wide
+		);
+
+		if (input === generatedQuery) {
+			({ mobile, tablet, desktop, wide } = result);
+		} else {
+			mobile = tablet = desktop = wide = false;
+		}
+	}
+
+	/**
+	 * Handles checkbox click
+	 */
+	function handleClick() {
+		input = generateMediaQuery(mobile, tablet, desktop, wide);
+	}
+
+	/**
+	 * Generates a media query string based on selected checkboxes
+	 */
+	function generateMediaQuery(m: boolean, t: boolean, d: boolean, w: boolean): string {
+		const selected = [m && 'mobile', t && 'tablet', d && 'desktop', w && 'wide'].filter(
+			Boolean
+		) as string[];
+		if (selected.length === 0) return '';
+		if (selected.length === 4) return '(min-width: 0px)';
+
+		const ranges: string[] = [];
+		let currentMin: number | null = null;
+		let currentMax: number | null = null;
+
+		for (const bp of Object.keys(breakpoints) as Array<keyof typeof breakpoints>) {
+			if (selected.includes(bp as string)) {
+				currentMin = currentMin ?? breakpoints[bp].min;
+				currentMax = breakpoints[bp].max;
+			} else if (currentMin !== null && currentMax !== null) {
+				ranges.push(
+					`(min-width: ${currentMin}px)${currentMax !== Infinity ? ` and (max-width: ${currentMax}px)` : ''}`
+				);
+				currentMin = currentMax = null;
+			}
+		}
+
+		if (currentMin !== null && currentMax !== null) {
+			ranges.push(
+				`(min-width: ${currentMin}px)${currentMax !== Infinity ? ` and (max-width: ${currentMax}px)` : ''}`
+			);
+		}
+
+		return ranges.join(', ');
+	}
+
+	/**
+	 * Parses media query, inverse of generateMediaQuery
+	 */
+	function parseMediaQuery(query: string) {
+		const result = { mobile: false, tablet: false, desktop: false, wide: false };
+		if (!query.trim()) return result;
+
+		const parts = query.split(',');
+
+		for (const part of parts) {
+			const minWidth = parseInt(part.match(/min-width:\s*(\d+)px/)?.[1] || '0');
+			const maxWidth = part.includes('max-width')
+				? parseInt(part.match(/max-width:\s*(\d+)px/)?.[1] || 'Infinity')
+				: Infinity;
+
+			if (minWidth <= breakpoints.mobile.max) result.mobile = true;
+			if (minWidth <= breakpoints.tablet.max && maxWidth > breakpoints.tablet.min)
+				result.tablet = true;
+			if (minWidth <= breakpoints.desktop.max && maxWidth > breakpoints.desktop.min)
+				result.desktop = true;
+			if (maxWidth === Infinity || maxWidth > breakpoints.wide.min) result.wide = true;
+		}
+
+		return result;
+	}
+</script>
+
+<div class="container">
+	<label>
+		<input type="checkbox" bind:checked={mobile} on:change={handleClick} />
+		{$lang('breakpoints_mobile')}
+	</label>
+
+	<label>
+		<input type="checkbox" bind:checked={tablet} on:change={handleClick} />
+		{$lang('breakpoints_tablet')}
+	</label>
+
+	<label>
+		<input type="checkbox" bind:checked={desktop} on:change={handleClick} />
+		{$lang('breakpoints_desktop')}
+	</label>
+
+	<label>
+		<input type="checkbox" bind:checked={wide} on:change={handleClick} />
+		{$lang('breakpoints_wide')}
+	</label>
+</div>
+
+<input data-modal type="text" bind:value={input} on:input={handleInput} />
+
+<style>
+	.container {
+		display: flex;
+		gap: 1rem;
+		margin-bottom: 0.9rem;
+	}
+
+	input[type='text'] {
+		width: 100%;
+	}
+
+	input[type='checkbox'] {
+		color-scheme: dark;
+	}
+</style>
diff --git a/src/lib/Modal/VisibilityConfig/StateCondition.svelte b/src/lib/Modal/VisibilityConfig/StateCondition.svelte
new file mode 100644
index 00000000..f575fae9
--- /dev/null
+++ b/src/lib/Modal/VisibilityConfig/StateCondition.svelte
@@ -0,0 +1,112 @@
+<script lang="ts">
+	import { lang, entityList } from '$lib/Stores';
+	import Select from '$lib/Components/Select.svelte';
+	import type { Condition } from '$lib/Types';
+
+	export let item: Condition;
+	export let items: Condition[];
+
+	$: entityOptions = $entityList('');
+
+	const stateOptions = [
+		{ id: 'state', label: $lang('state_equal') },
+		{ id: 'state_not', label: $lang('state_not_equal') }
+	];
+
+	/**
+	 * Updates `entity` value
+	 */
+	function handleEntity(id: string | undefined, entity_id: string) {
+		items = items.map((condition: Condition) => {
+			if (id === condition.id) {
+				return { ...condition, entity: entity_id };
+			}
+			return condition;
+		});
+	}
+
+	/**
+	 * Updates `state` or `state_not` keys
+	 */
+	function handleEquals(id: string | undefined, key: string) {
+		items = items.map((condition: Condition) => {
+			if (id === condition.id) {
+				const _condition = { ...condition };
+
+				if (key === 'state_not') {
+					delete _condition.state;
+				} else {
+					delete _condition.state_not;
+				}
+
+				return {
+					..._condition,
+					[key]: condition.state_not || condition.state
+				};
+			}
+			return condition;
+		});
+	}
+
+	/**
+	 * Updates `state` value
+	 */
+	function handleState(id: string | undefined, target: EventTarget | null) {
+		const input = target as HTMLInputElement;
+
+		items = items.map((condition: Condition) => {
+			if (id === condition.id) {
+				if ('state_not' in condition) {
+					return { ...condition, state_not: input.value };
+				} else {
+					return { ...condition, state: input.value };
+				}
+			}
+			return condition;
+		});
+	}
+</script>
+
+<Select
+	options={entityOptions}
+	placeholder={$lang('entity')}
+	value={item.entity}
+	on:change={(event) => handleEntity(item?.id, event?.detail)}
+	computeIcons={true}
+	defaultIcon={'mdi:state-machine'}
+/>
+
+<br />
+
+<div>
+	<span>
+		<Select
+			options={stateOptions}
+			value={'state_not' in item ? 'state_not' : 'state'}
+			placeholder={$lang('state_not' in item ? 'state_not_equal' : 'state_equal')}
+			on:change={(event) => handleEquals(item?.id, event?.detail)}
+		/>
+	</span>
+
+	<span>
+		<input
+			data-modal
+			type="text"
+			value={item?.state || item?.state_not || ''}
+			placeholder={$lang('state')}
+			on:input={(event) => handleState(item?.id, event?.target)}
+		/>
+	</span>
+</div>
+
+<style>
+	div {
+		display: flex;
+		width: 100%;
+		gap: 1rem;
+	}
+
+	span {
+		width: 50%;
+	}
+</style>
diff --git a/src/lib/Types.ts b/src/lib/Types.ts
index 6c23c78e..8f912e59 100644
--- a/src/lib/Types.ts
+++ b/src/lib/Types.ts
@@ -37,12 +37,28 @@ export interface Section {
 	id?: number;
 	name?: string;
 	items?: Item[];
+	visibility?: {
+		conditions?: Condition[];
+	}[];
 
 	// HorizontalStack
 	type?: string;
 	sections?: Section[];
 }
 
+export interface Condition {
+	condition?: 'state' | 'numeric_state' | 'screen' | 'or' | 'and';
+	conditions?: Condition[];
+	id?: string;
+	entity?: string;
+	state?: string;
+	state_not?: string;
+	media_query?: string;
+	above?: number;
+	below?: number;
+	collapsed?: boolean;
+}
+
 export interface Translations {
 	[key: string]: string;
 }

From 1cb24e8cf1280b02a6db35e9cb64e6c35b339c7b Mon Sep 17 00:00:00 2001
From: Mattias Persson <mattias.persson.87@gmail.com>
Date: Fri, 5 Jul 2024 14:06:39 +0200
Subject: [PATCH 2/3] Update translations

---
 scripts/translations/fetch.py    | 23 +++++++++--
 static/translations/af.json      | 24 ++++++++++--
 static/translations/ar.json      | 22 ++++++++++-
 static/translations/bg.json      | 24 ++++++++++--
 static/translations/bn.json      | 24 ++++++++++--
 static/translations/bs.json      | 22 ++++++++++-
 static/translations/ca.json      | 22 ++++++++++-
 static/translations/cs.json      | 22 ++++++++++-
 static/translations/cy.json      | 24 ++++++++++--
 static/translations/da.json      | 22 ++++++++++-
 static/translations/de.json      | 20 +++++++++-
 static/translations/el.json      | 26 ++++++++++++-
 static/translations/en-GB.json   | 22 ++++++++++-
 static/translations/en.json      | 24 ++++++++++--
 static/translations/eo.json      | 23 +++++++++--
 static/translations/es-419.json  | 24 ++++++++++--
 static/translations/es.json      | 22 ++++++++++-
 static/translations/et.json      | 22 ++++++++++-
 static/translations/eu.json      | 23 +++++++++--
 static/translations/fa.json      | 23 +++++++++--
 static/translations/fi.json      | 22 ++++++++++-
 static/translations/fr.json      | 22 ++++++++++-
 static/translations/fy.json      | 22 ++++++++++-
 static/translations/gl.json      | 22 ++++++++++-
 static/translations/gsw.json     | 20 +++++++++-
 static/translations/he.json      | 22 ++++++++++-
 static/translations/hi.json      | 24 ++++++++++--
 static/translations/hr.json      | 22 ++++++++++-
 static/translations/hu.json      | 22 ++++++++++-
 static/translations/hy.json      | 24 ++++++++++--
 static/translations/id.json      | 22 ++++++++++-
 static/translations/is.json      | 28 +++++++++++---
 static/translations/it.json      | 24 ++++++++++--
 static/translations/ja.json      | 22 ++++++++++-
 static/translations/ka.json      | 24 ++++++++++--
 static/translations/ko.json      | 20 +++++++++-
 static/translations/lb.json      | 22 ++++++++++-
 static/translations/lt.json      | 22 ++++++++++-
 static/translations/lv.json      | 22 ++++++++++-
 static/translations/mk.json      | 24 ++++++++++--
 static/translations/ml.json      | 22 ++++++++++-
 static/translations/nb.json      | 22 ++++++++++-
 static/translations/nl.json      | 24 ++++++++++--
 static/translations/nn.json      | 22 ++++++++++-
 static/translations/no.json      | 24 ++++++++++--
 static/translations/pl.json      | 26 +++++++++++--
 static/translations/pt-BR.json   | 20 +++++++++-
 static/translations/pt.json      | 20 +++++++++-
 static/translations/ro.json      | 22 ++++++++++-
 static/translations/ru.json      | 20 +++++++++-
 static/translations/sk.json      | 22 ++++++++++-
 static/translations/sl.json      | 22 ++++++++++-
 static/translations/sr-Latn.json | 58 ++++++++++++++++++----------
 static/translations/sr.json      | 66 ++++++++++++++++++++------------
 static/translations/sv.json      | 21 +++++++++-
 static/translations/ta.json      | 24 ++++++++++--
 static/translations/te.json      | 24 ++++++++++--
 static/translations/th.json      | 24 ++++++++++--
 static/translations/tr.json      | 22 ++++++++++-
 static/translations/uk.json      | 22 ++++++++++-
 static/translations/ur.json      | 24 ++++++++++--
 static/translations/vi.json      | 22 ++++++++++-
 static/translations/zh-Hans.json | 20 +++++++++-
 static/translations/zh-Hant.json | 20 +++++++++-
 64 files changed, 1325 insertions(+), 198 deletions(-)

diff --git a/scripts/translations/fetch.py b/scripts/translations/fetch.py
index 3f42e21c..5dffd239 100755
--- a/scripts/translations/fetch.py
+++ b/scripts/translations/fetch.py
@@ -437,7 +437,7 @@ def process_dir(_dir, _output, _keys):
             ("hours", ["ui.panel.config.automation.editor.triggers.type.time_pattern.hours"]),
             ("minutes", ["ui.panel.config.automation.editor.triggers.type.time_pattern.minutes"]),
             ("seconds", ["ui.panel.config.automation.editor.triggers.type.time_pattern.seconds"]),
-            ("numeric", ["ui.panel.config.automation.editor.triggers.type.numeric_state.label"]),
+            ("numeric_state", ["ui.panel.config.automation.editor.triggers.type.numeric_state.label"]),
             ("template", ["ui.panel.config.automation.editor.triggers.type.template.label"]),
             ("before", ["ui.panel.config.automation.editor.triggers.type.calendar.before"]),
             ("after", ["ui.panel.config.automation.editor.triggers.type.calendar.after"]),
@@ -457,7 +457,7 @@ def process_dir(_dir, _output, _keys):
             ("description", ["ui.panel.config.automation.editor.description.label"]),
             ("manage_account", ["ui.panel.config.cloud.account.manage_account"]),
             ("configure", ["ui.panel.config.integrations.configure"]),
-            ("scenes", ["ui.panel.config.devices.scene.scenes"]),
+            ("scenes", ["ui.panel.config.devices.scene.scenes_heading"]),
             ("check_updates", ["ui.panel.config.updates.check_updates"]),
             ("checking_updates", ["ui.panel.config.updates.checking_updates"]),
         ],
@@ -515,7 +515,7 @@ def process_dir(_dir, _output, _keys):
             ("saved", ["ui.panel.lovelace.editor.raw_editor.saved"]),
             ("iframe", ["ui.panel.lovelace.editor.card.iframe.name"]),
             ("horizontal_stack", ["ui.panel.lovelace.editor.card.horizontal-stack.name"]),
-            ("drag_and_drop", ["ui.panel.lovelace.cards.shopping-list.drag_and_drop"]),
+            ("drag_and_drop", ["ui.panel.lovelace.cards.todo-list.drag_and_drop"]),
             ("alarm_modes_label", ["ui.panel.lovelace.editor.features.types.alarm-modes.label"]),
             ("alarm_modes_armed_away", ["ui.panel.lovelace.editor.features.types.alarm-modes.modes_list.armed_away"]),
             ("alarm_modes_armed_home", ["ui.panel.lovelace.editor.features.types.alarm-modes.modes_list.armed_home"]),
@@ -542,6 +542,23 @@ def process_dir(_dir, _output, _keys):
             ("conditional", ["ui.panel.lovelace.editor.card.conditional.name"]),
             ("conditions", ["ui.panel.lovelace.editor.card.conditional.conditions"]),
             ("media_player", ["ui.panel.lovelace.editor.card.media-control.name"]),
+            ("visibility_explanation", ["ui.panel.lovelace.editor.edit_card.visibility.explanation"]),
+            ("add_condition", ["ui.panel.lovelace.editor.condition-editor.add"]),
+            ("above", ["ui.panel.lovelace.editor.condition-editor.condition.numeric_state.above"]),
+            ("below", ["ui.panel.lovelace.editor.condition-editor.condition.numeric_state.below"]),
+            ("screen", ["ui.panel.lovelace.editor.condition-editor.condition.screen.label"]),
+            ("breakpoints", ["ui.panel.lovelace.editor.condition-editor.condition.screen.breakpoints"]),
+            ("breakpoints_mobile", ["ui.panel.lovelace.editor.condition-editor.condition.screen.breakpoints_list.mobile"]),
+            ("breakpoints_tablet", ["ui.panel.lovelace.editor.condition-editor.condition.screen.breakpoints_list.tablet"]),
+            ("breakpoints_desktop", ["ui.panel.lovelace.editor.condition-editor.condition.screen.breakpoints_list.desktop"]),
+            ("breakpoints_wide", ["ui.panel.lovelace.editor.condition-editor.condition.screen.breakpoints_list.wide"]),
+            ("state_equal", ["ui.panel.lovelace.editor.condition-editor.condition.state.state_equal"]),
+            ("state_not_equal", ["ui.panel.lovelace.editor.condition-editor.condition.state.state_not_equal"]),
+            ("or", ["ui.panel.lovelace.editor.condition-editor.condition.or.label"]),
+            ("and", ["ui.panel.lovelace.editor.condition-editor.condition.and.label"]),
+            ("condition_pass", ["ui.panel.lovelace.editor.condition-editor.testing_pass"]),
+            ("condition_error", ["ui.panel.lovelace.editor.condition-editor.testing_error"]),
+            ("current_state", ["ui.panel.lovelace.editor.condition-editor.condition.state.current_state"]),
         ],
     ),
     (  # DEVELOPER-TOOLS
diff --git a/static/translations/af.json b/static/translations/af.json
index 7019b363..3c677b8f 100644
--- a/static/translations/af.json
+++ b/static/translations/af.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Aanmelding gestaak",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Voeg aansig by",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Helderheid",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -36,10 +45,11 @@
 	"close_cover": "Close cover",
 	"close_tilt_cover": "Close cover tilt",
 	"close_valve": "Close valve",
-	"code": "Code",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "Stel op",
@@ -49,6 +59,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "Copiato",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Date",
 	"date_or_time": "Datum en/of tyd",
 	"day": "Day",
@@ -60,6 +71,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Wysig",
 	"edit_title": "Wysig titel",
 	"edit_ui": "Wysig gebruikerskoppelvlak",
@@ -139,7 +151,7 @@
 	"notifications": "Kennisgewings",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "Geen kennisgewings",
-	"numeric": "Numeriese toestand",
+	"numeric_state": "Numeriese toestand",
 	"object": "Object",
 	"ok": "OK",
 	"open_cover": "Open cover",
@@ -149,6 +161,7 @@
 	"open_valve": "Open valve",
 	"optional": "optional",
 	"options": "Opsies",
+	"or": "Or",
 	"overview": "Oorsig",
 	"password": "Wagwoord",
 	"pause": "Wag",
@@ -169,7 +182,8 @@
 	"save": "Stoor",
 	"saved": "Gestoor",
 	"say": "Say",
-	"scenes": "Tonele",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "Sekondes",
@@ -193,6 +207,8 @@
 	"start_over": "Start over",
 	"start_pause": "Begin/Wag",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -233,8 +249,8 @@
 	"url": "URL",
 	"username": "Gebruikersnaam",
 	"vacuum_commands": "Stofsuier bevele:",
-	"value": "Value",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "Voorspelling",
 	"week": "Week",
diff --git a/static/translations/ar.json b/static/translations/ar.json
index d2993afa..d71839d5 100644
--- a/static/translations/ar.json
+++ b/static/translations/ar.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "\u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u062f\u062e\u0648\u0644",
+	"above": "\u0623\u0643\u062b\u0631 \u0645\u0646",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "\u0625\u0636\u0627\u0641\u0629 \u0639\u0631\u0636",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "\u0646\u0633\u0628\u0629 \u0627\u0644\u0639\u0631\u0636 \u0625\u0644\u0649 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "\u0639\u0648\u062f\u0629",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "\u0623\u0642\u0644 \u0645\u0646",
+	"breakpoints": "\u062d\u062c\u0645 \u0627\u0644\u0634\u0627\u0634\u0629",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "\u062c\u0648\u0627\u0644",
+	"breakpoints_tablet": "\u062a\u0627\u0628\u0644\u062a",
+	"breakpoints_wide": "Wide",
 	"brightness": "\u0627\u0644\u0633\u0637\u0648\u0639",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -41,6 +50,8 @@
 	"color": "\u0627\u0644\u0644\u0648\u0646",
 	"color_temp": "\u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u0629",
 	"columns": "\u0627\u0644\u0623\u0639\u0645\u062f\u0629",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "\u0627\u0644\u0634\u0631\u0637",
 	"conditions": "\u0634\u0631\u0648\u0637",
 	"configure": "\u0625\u0639\u062f\u0627\u062f",
@@ -51,6 +62,7 @@
 	"connection_starting": "\u064a\u0628\u062f\u0623 \u0628\u0631\u0646\u0627\u0645\u062c Home Assistant \u062d\u0627\u0644\u064a\u0627 \u060c \u0648\u0644\u0646 \u064a\u0643\u0648\u0646 \u0643\u0644 \u0634\u064a\u0621 \u0645\u062a\u0627\u062d\u064b\u0627 \u062d\u062a\u0649 \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621.",
 	"copied": "Copied",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "\u062a\u0627\u0631\u064a\u062e",
 	"date_or_time": "\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648 / \u0623\u0648 \u0627\u0644\u0648\u0642\u062a",
 	"day": "\u064a\u0648\u0645",
@@ -62,6 +74,7 @@
 	"divider": "Divider",
 	"docs": "\u0627\u0644\u0648\u062b\u0627\u0626\u0642",
 	"done": "\u0623\u064f\u0646\u062c\u0632",
+	"drag_and_drop": "Drag and drop",
 	"edit": "\u062a\u0635\u062d\u064a\u062d",
 	"edit_title": "Edit title",
 	"edit_ui": "\u062a\u062d\u0631\u064a\u0631 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645",
@@ -141,7 +154,7 @@
 	"notifications": "\u0627\u0644\u0627\u0634\u0639\u0627\u0631\u0627\u062a",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "\u0644\u0627\u062a\u0648\u062c\u062f \u0625\u0634\u0639\u0627\u0631\u0627\u062a",
-	"numeric": "\u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629",
+	"numeric_state": "\u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629",
 	"object": "Object",
 	"ok": "\u0646\u0639\u0645",
 	"open_cover": "\u0641\u062a\u062d \u0627\u0644\u063a\u0637\u0627\u0621",
@@ -151,6 +164,7 @@
 	"open_valve": "\u0641\u062a\u062d \u0627\u0644\u0635\u0645\u0627\u0645",
 	"optional": "\u0627\u062e\u062a\u064a\u0627\u0631\u064a",
 	"options": "\u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a",
+	"or": "\u0623\u0648",
 	"overview": "\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629",
 	"password": "\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631",
 	"pause": "\u0625\u064a\u0642\u0627\u0641 \u0645\u0624\u0642\u062a",
@@ -171,7 +185,8 @@
 	"save": "\u062d\u0641\u0638",
 	"saved": "\u062a\u0645 \u0627\u0644\u062d\u0641\u0638",
 	"say": "Say",
-	"scenes": "\u0645\u0634\u0627\u0647\u062f",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "\u0628\u062d\u062b",
 	"seconds": "\u062b\u0648\u0627\u0646\u064a",
@@ -195,6 +210,8 @@
 	"start_over": "\u0627\u0644\u0628\u062f\u0621 \u0645\u0646 \u062c\u062f\u064a\u062f",
 	"start_pause": "\u0628\u062f\u0621/\u0625\u064a\u0642\u0627\u0641 \u0645\u0624\u0642\u062a",
 	"state": "\u0627\u0644\u062d\u0627\u0644\u0629",
+	"state_equal": "\u0627\u0644\u062d\u0627\u0644\u0629 \u062a\u0633\u0627\u0648\u064a",
+	"state_not_equal": "\u0627\u0644\u062d\u0627\u0644\u0629 \u0644\u0627 \u062a\u0633\u0627\u0648\u064a",
 	"status": "Status",
 	"stop": "\u062a\u0648\u0642\u0641",
 	"stop_cover": "Stop cover",
@@ -238,6 +255,7 @@
 	"vacuum_commands": "\u0623\u0648\u0627\u0645\u0631 \u0627\u0644\u0645\u0643\u0646\u0633\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629:",
 	"value": "\u0642\u064a\u0645\u0629",
 	"visibility": "\u0627\u0644\u0631\u0624\u064a\u0629",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "\u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a",
 	"week": "Week",
diff --git a/static/translations/bg.json b/static/translations/bg.json
index 34018b33..ac7ddb89 100644
--- a/static/translations/bg.json
+++ b/static/translations/bg.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "\u0412\u0445\u043e\u0434\u044a\u0442 \u0435 \u043f\u0440\u0435\u043a\u0440\u0430\u0442\u0435\u043d",
+	"above": "\u041d\u0430\u0434",
 	"above_horizon": "\u041d\u0430\u0434 \u0445\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430",
 	"active": "\u0410\u043a\u0442\u0438\u0432\u0435\u043d",
 	"add": "\u0414\u043e\u0431\u0430\u0432\u044f\u043d\u0435",
+	"add_condition": "\u0414\u043e\u0431\u0430\u0432\u044f\u043d\u0435 \u043d\u0430 \u0443\u0441\u043b\u043e\u0432\u0438\u0435",
 	"add_item": "\u0414\u043e\u0431\u0430\u0432\u0435\u0442\u0435 \u0430\u0440\u0442\u0438\u043a\u0443\u043b",
 	"add_view": "\u0414\u043e\u0431\u0430\u0432\u044f\u043d\u0435 \u043d\u0430 \u0438\u0437\u0433\u043b\u0435\u0434",
 	"addons": "\u0414\u043e\u0431\u0430\u0432\u043a\u0438",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "\u0412\u0430\u043a\u0430\u043d\u0446\u0438\u044f",
 	"alarm_modes_disarmed": "\u0418\u0437\u043a\u043b\u044e\u0447\u0435\u043d\u0430",
 	"alarm_modes_label": "\u0410\u043b\u0430\u0440\u043c\u0435\u043d\u0438 \u0440\u0435\u0436\u0438\u043c\u0438",
+	"and": "\u0418",
 	"appearance": "\u0412\u044a\u043d\u0448\u0435\u043d \u0432\u0438\u0434",
 	"armed": "\u0412\u043a\u043b\u044e\u0447\u0435\u043d\u0430",
 	"arming": "\u0412\u043a\u043b\u044e\u0447\u0432\u0430\u043d\u0435",
@@ -26,8 +29,14 @@
 	"back": "\u041d\u0430\u0437\u0430\u0434",
 	"battery": "\u0411\u0430\u0442\u0435\u0440\u0438\u044f",
 	"before": "\u041f\u0440\u0435\u0434\u0438",
+	"below": "\u041f\u043e\u0434",
 	"below_horizon": "\u041f\u043e\u0434 \u0445\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430",
 	"both": "\u0418 \u0434\u0432\u0435\u0442\u0435",
+	"breakpoints": "\u0420\u0430\u0437\u043c\u0435\u0440\u0438 \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430",
+	"breakpoints_desktop": "\u041d\u0430\u0441\u0442\u043e\u043b\u0435\u043d \u043a\u043e\u043c\u043f\u044e\u0442\u044a\u0440",
+	"breakpoints_mobile": "\u041c\u043e\u0431\u0438\u043b\u0435\u043d",
+	"breakpoints_tablet": "\u0422\u0430\u0431\u043b\u0435\u0442",
+	"breakpoints_wide": "\u0428\u0438\u0440\u043e\u043a",
 	"brightness": "\u042f\u0440\u043a\u043e\u0441\u0442",
 	"buffering": "\u0411\u0443\u0444\u0435\u0440\u0438\u0440\u0430\u043d\u0435",
 	"button": "\u0411\u0443\u0442\u043e\u043d",
@@ -51,6 +60,8 @@
 	"color": "\u0426\u0432\u044f\u0442",
 	"color_temp": "\u0422\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0430",
 	"columns": "\u041a\u043e\u043b\u043e\u043d\u0438",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "\u0423\u0441\u043b\u043e\u0432\u043d\u0430",
 	"conditions": "\u0423\u0441\u043b\u043e\u0432\u0438\u044f",
 	"configure": "\u041a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0438\u0440\u0430\u043d\u0435",
@@ -65,6 +76,7 @@
 	"copy": "\u041a\u043e\u043f\u0438\u0440\u0430\u043d\u0435",
 	"counter": "\u0411\u0440\u043e\u044f\u0447",
 	"current_humidity": "\u0422\u0435\u043a\u0443\u0449\u0430 \u0432\u043b\u0430\u0436\u043d\u043e\u0441\u0442",
+	"current_state": "\u0442\u0435\u043a\u0443\u0449",
 	"date": "\u0414\u0430\u0442\u0430",
 	"date_or_time": "\u0414\u0430\u0442\u0430 \u0438/\u0438\u043b\u0438 \u0432\u0440\u0435\u043c\u0435",
 	"day": "\u0414\u0435\u043d",
@@ -79,6 +91,7 @@
 	"divider": "\u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b",
 	"docs": "\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",
 	"done": "\u0413\u043e\u0442\u043e\u0432\u043e",
+	"drag_and_drop": "\u0412\u043b\u0430\u0447\u0435\u043d\u0435 \u0438 \u043f\u0443\u0441\u043a\u0430\u043d\u0435",
 	"dry": "\u0418\u0437\u0441\u0443\u0448\u0430\u0432\u0430\u043d\u0435",
 	"drying": "\u0418\u0437\u0441\u0443\u0448\u0430\u0432\u0430\u043d\u0435",
 	"duration": "\u041f\u0440\u043e\u0434\u044a\u043b\u0436\u0438\u0442\u0435\u043b\u043d\u043e\u0441\u0442",
@@ -172,7 +185,7 @@
 	"month": "\u041c\u0435\u0441\u0435\u0446",
 	"motion": "\u0414\u0432\u0438\u0436\u0435\u043d\u0438\u0435",
 	"name": "\u0418\u043c\u0435",
-	"navigate": "Navigate",
+	"navigate": "\u041d\u0430\u0432\u0438\u0433\u0438\u0440\u0430\u043d\u0435",
 	"never_triggered": "\u041d\u0435\u0437\u0430\u0434\u0435\u0439\u0441\u0442\u0432\u0430\u043d\u043e \u0438\u0437\u043e\u0431\u0449\u043e",
 	"no": "\u041d\u0435",
 	"no_entities": "\u041d\u044f\u043c\u0430 \u043e\u0431\u0435\u043a\u0442\u0438",
@@ -185,7 +198,7 @@
 	"notifications": "\u0418\u0437\u0432\u0435\u0441\u0442\u0438\u044f",
 	"notifications_dismiss": "\u041e\u0442\u0445\u0432\u044a\u0440\u043b\u044f\u043d\u0435",
 	"notifications_empty": "\u041d\u044f\u043c\u0430 \u0438\u0437\u0432\u0435\u0441\u0442\u0438\u044f",
-	"numeric": "\u0427\u0438\u0441\u043b\u043e\u0432\u043e \u0441\u044a\u0441\u0442\u043e\u044f\u043d\u0438\u0435",
+	"numeric_state": "\u0427\u0438\u0441\u043b\u043e\u0432\u043e \u0441\u044a\u0441\u0442\u043e\u044f\u043d\u0438\u0435",
 	"object": "\u041e\u0431\u0435\u043a\u0442",
 	"off": "\u0418\u0437\u043a\u043b\u044e\u0447\u0435\u043d",
 	"ok": "OK",
@@ -199,6 +212,7 @@
 	"opening": "\u041e\u0442\u0432\u0430\u0440\u044f\u043d\u0435",
 	"optional": "\u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u0435",
 	"options": "\u041e\u043f\u0446\u0438\u0438",
+	"or": "\u0418\u043b\u0438",
 	"overview": "\u041e\u0431\u0449 \u043f\u0440\u0435\u0433\u043b\u0435\u0434",
 	"password": "\u041f\u0430\u0440\u043e\u043b\u0430",
 	"pause": "\u041f\u0430\u0443\u0437\u0430",
@@ -222,7 +236,8 @@
 	"save": "\u0417\u0430\u043f\u0430\u0437\u0432\u0430\u043d\u0435",
 	"saved": "\u0417\u0430\u043f\u0430\u0437\u0435\u043d\u043e",
 	"say": "\u041a\u0430\u0436\u0438",
-	"scenes": "\u0441\u0446\u0435\u043d\u0438",
+	"scenes": "\u0421\u0446\u0435\u043d\u0438",
+	"screen": "\u0415\u043a\u0440\u0430\u043d",
 	"script": "\u0421\u043a\u0440\u0438\u043f\u0442",
 	"search": "\u0422\u044a\u0440\u0441\u0435\u043d\u0435",
 	"seconds": "\u0421\u0435\u043a\u0443\u043d\u0434\u0438",
@@ -249,6 +264,8 @@
 	"start_over": "Start over",
 	"start_pause": "\u0421\u0442\u0430\u0440\u0442/\u041f\u0430\u0443\u0437\u0430",
 	"state": "State",
+	"state_equal": "\u0421\u044a\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u0442\u043e \u0435 \u0435\u043a\u0432\u0438\u0432\u0430\u043b\u0435\u043d\u0442\u043d\u043e \u043d\u0430",
+	"state_not_equal": "\u0421\u044a\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u0442\u043e \u043d\u0435 \u0435 \u0435\u043a\u0432\u0438\u0432\u0430\u043b\u0435\u043d\u0442\u043d\u043e \u043d\u0430",
 	"status": "\u0421\u044a\u0441\u0442\u043e\u044f\u043d\u0438\u0435",
 	"stop": "\u0421\u0442\u043e\u043f",
 	"stop_cover": "\u0421\u043f\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u043f\u043e\u043a\u0440\u0438\u0432\u0430\u043b\u043e",
@@ -305,6 +322,7 @@
 	"version": "\u0412\u0435\u0440\u0441\u0438\u044f",
 	"vertical": "\u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u043d\u043e",
 	"visibility": "\u0412\u0438\u0434\u0438\u043c\u043e\u0441\u0442",
+	"visibility_explanation": "\u041a\u0430\u0440\u0442\u0430\u0442\u0430 \u0449\u0435 \u0431\u044a\u0434\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u0430, \u043a\u043e\u0433\u0430\u0442\u043e \u0441\u0430 \u0438\u0437\u043f\u044a\u043b\u043d\u0435\u043d\u0438 \u0412\u0421\u0418\u0427\u041a\u0418 \u043f\u043e\u0441\u043e\u0447\u0435\u043d\u0438 \u043f\u043e-\u0434\u043e\u043b\u0443 \u0443\u0441\u043b\u043e\u0432\u0438\u044f. \u0410\u043a\u043e \u043d\u0435 \u0441\u0430 \u0437\u0430\u0434\u0430\u0434\u0435\u043d\u0438 \u043d\u0438\u043a\u0430\u043a\u0432\u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f, \u043a\u0430\u0440\u0442\u0430\u0442\u0430 \u0449\u0435 \u0441\u0435 \u043f\u043e\u043a\u0430\u0437\u0432\u0430 \u0432\u0438\u043d\u0430\u0433\u0438.",
 	"visible": "\u0412\u0438\u0434\u0438\u043c",
 	"volume_level": "\u0421\u0438\u043b\u0430 \u043d\u0430 \u0437\u0432\u0443\u043a\u0430",
 	"water_heater_gas": "\u0413\u0430\u0437",
diff --git a/static/translations/bn.json b/static/translations/bn.json
index 1ea3b10d..842d8cb3 100644
--- a/static/translations/bn.json
+++ b/static/translations/bn.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Login aborted",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Add view",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Brightness",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -36,10 +45,11 @@
 	"close_cover": "Close cover",
 	"close_tilt_cover": "Close cover tilt",
 	"close_valve": "Close valve",
-	"code": "Code",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "Configure",
@@ -49,6 +59,7 @@
 	"connection_starting": "Home Assistant \u09b6\u09c1\u09b0\u09c1 \u09b9\u099a\u09cd\u099b\u09c7, \u09b6\u09c7\u09b7 \u09a8\u09be \u09b9\u0993\u09df\u09be \u09aa\u09b0\u09cd\u09af\u09a8\u09cd\u09a4 \u09b8\u09ac\u0995\u09bf\u099b\u09c1 \u09aa\u09be\u0993\u09df\u09be \u09af\u09be\u09ac\u09c7 \u09a8\u09be\u0964",
 	"copied": "Copied",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Date",
 	"date_or_time": "Date and/or time",
 	"day": "Day",
@@ -60,6 +71,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Edit",
 	"edit_title": "Edit title",
 	"edit_ui": "Edit UI",
@@ -139,7 +151,7 @@
 	"notifications": "Notifications",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "No notifications",
-	"numeric": "Numeric state",
+	"numeric_state": "Numeric state",
 	"object": "Object",
 	"ok": "OK",
 	"open_cover": "Open cover",
@@ -149,6 +161,7 @@
 	"open_valve": "Open valve",
 	"optional": "optional",
 	"options": "Options",
+	"or": "Or",
 	"overview": "\u0993\u09ad\u09be\u09b0\u09ad\u09bf\u0989",
 	"password": "Password",
 	"pause": "Pause",
@@ -169,7 +182,8 @@
 	"save": "Save",
 	"saved": "Saved",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "Seconds",
@@ -193,6 +207,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -233,8 +249,8 @@
 	"url": "URL",
 	"username": "Username",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "Forecast",
 	"week": "Week",
diff --git a/static/translations/bs.json b/static/translations/bs.json
index d008657c..ef8736d7 100644
--- a/static/translations/bs.json
+++ b/static/translations/bs.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Prijava je prekinuta",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Dodaj prikaz",
 	"addons": "Dodaci",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "Omjer",
 	"attributes": "Atributi",
@@ -20,6 +23,12 @@
 	"back": "Nazad",
 	"battery": "Baterija",
 	"before": "Prije",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Osvjetljenje",
 	"button": "Dugme",
 	"buttons": "Dugmad",
@@ -40,6 +49,8 @@
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Kolone",
+	"condition_error": "Uslov nije pro\u0161ao",
+	"condition_pass": "Uslov je pro\u0161ao",
 	"conditional": "Uslovno",
 	"conditions": "Uslovi",
 	"configure": "Konfiguri\u0161i",
@@ -50,6 +61,7 @@
 	"connection_starting": "Home Assistant se pokre\u0107e, ne\u0107e sve biti dostupno dok se ne zavr\u0161i.",
 	"copied": "Kopirano",
 	"copy": "Kopirati",
+	"current_state": "current",
 	"date": "Datum",
 	"date_or_time": "Datum i/ili vrijeme",
 	"day": "Dan",
@@ -61,6 +73,7 @@
 	"divider": "Razdjelnik",
 	"docs": "Dokumentacija",
 	"done": "Gotovo",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Uredi",
 	"edit_title": "Promjeni naslov",
 	"edit_ui": "Uredi korisni\u010dko su\u010delje",
@@ -140,7 +153,7 @@
 	"notifications": "Obavje\u0161tenja",
 	"notifications_dismiss": "Odbij",
 	"notifications_empty": "Nema obavje\u0161tenja",
-	"numeric": "Numeri\u010dko stanje",
+	"numeric_state": "Numeri\u010dko stanje",
 	"object": "Object",
 	"ok": "OK",
 	"open_cover": "Open cover",
@@ -150,6 +163,7 @@
 	"open_valve": "Open valve",
 	"optional": "opcionalno",
 	"options": "Opcije",
+	"or": "Or",
 	"overview": "Pregled",
 	"password": "Lozinka",
 	"pause": "pauziraj",
@@ -170,7 +184,8 @@
 	"save": "Spasiti",
 	"saved": "Sa\u010duvano",
 	"say": "Re\u0107i",
-	"scenes": "scene",
+	"scenes": "Scene",
+	"screen": "Screen",
 	"script": "Skripta",
 	"search": "Tra\u017ei",
 	"seconds": "Sekunde",
@@ -194,6 +209,8 @@
 	"start_over": "Po\u010deti iznova",
 	"start_pause": "Start/pauza",
 	"state": "Stanje",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Zaustavi",
 	"stop_cover": "Stop cover",
@@ -236,6 +253,7 @@
 	"vacuum_commands": "Komande za usisiva\u010d:",
 	"value": "Vrijednost",
 	"visibility": "Vidljivost",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "Prognoza",
 	"week": "Week",
diff --git a/static/translations/ca.json b/static/translations/ca.json
index 6202440b..eae03f6f 100644
--- a/static/translations/ca.json
+++ b/static/translations/ca.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "S'ha avortat l'inici de sessi\u00f3",
+	"above": "Per sobre",
 	"above_horizon": "Sobre l'horitz\u00f3",
 	"active": "Actiu",
 	"add": "Afegeix",
+	"add_condition": "Afegeix condici\u00f3",
 	"add_item": "Afegeix element",
 	"add_view": "Afegeix visualitzaci\u00f3",
 	"addons": "Complements",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Vacances",
 	"alarm_modes_disarmed": "Desactivada",
 	"alarm_modes_label": "Modes d'alarma",
+	"and": "I",
 	"apparent_temperature": "Temperatura aparent",
 	"appearance": "Aparen\u00e7a",
 	"armed": "Activada",
@@ -33,8 +36,14 @@
 	"balanced": "Equilibrada",
 	"battery": "Bateria",
 	"before": "Abans",
+	"below": "Per sota",
 	"below_horizon": "Sota l'horitz\u00f3",
 	"both": "Ambd\u00f3s",
+	"breakpoints": "Mides de pantalla",
+	"breakpoints_desktop": "Escriptori",
+	"breakpoints_mobile": "M\u00f2bil",
+	"breakpoints_tablet": "Tauleta",
+	"breakpoints_wide": "Amplada",
 	"brightness": "Brillantor",
 	"buffering": "Carregant",
 	"button": "Bot\u00f3",
@@ -60,6 +69,8 @@
 	"color": "Color",
 	"color_temp": "Temperatura",
 	"columns": "Columnes",
+	"condition_error": "La condici\u00f3 NO ha passat",
+	"condition_pass": "La condici\u00f3 ha passat",
 	"conditional": "Condicional",
 	"conditions": "Condicions",
 	"configure": "Configurar",
@@ -74,6 +85,7 @@
 	"copy": "Copia",
 	"counter": "Comptador num\u00e8ric",
 	"current_humidity": "Humitat actual",
+	"current_state": "actual",
 	"custom": "Personalitzat",
 	"date": "Data",
 	"date_or_time": "Data i/o hora",
@@ -91,6 +103,7 @@
 	"docked": "Aparcada",
 	"docs": "Documentaci\u00f3",
 	"done": "Fet",
+	"drag_and_drop": "Arrossega i deixa anar",
 	"dry": "Asseca",
 	"drying": "Assecant",
 	"duration": "Durada",
@@ -212,7 +225,7 @@
 	"notifications": "Notificacions",
 	"notifications_dismiss": "Descarta",
 	"notifications_empty": "No hi ha notificacions",
-	"numeric": "Estat num\u00e8ric",
+	"numeric_state": "Estat num\u00e8ric",
 	"object": "Objecte",
 	"off": "OFF",
 	"ok": "D'acord",
@@ -227,6 +240,7 @@
 	"opening": "Obrint",
 	"optional": "opcional",
 	"options": "Opcions",
+	"or": "O",
 	"overview": "Visualitzaci\u00f3 principal",
 	"password": "Contrasenya",
 	"pause": "Pausa",
@@ -254,7 +268,8 @@
 	"save": "Desa",
 	"saved": "Desat",
 	"say": "Dir-ho",
-	"scenes": "escenes",
+	"scenes": "Escenes",
+	"screen": "Pantalla",
 	"script": "Programa (script)",
 	"search": "Cerca",
 	"seconds": "Segons",
@@ -282,6 +297,8 @@
 	"start_over": "Comen\u00e7a de nou",
 	"start_pause": "Inicia/pausa",
 	"state": "Estat",
+	"state_equal": "Estat igual a",
+	"state_not_equal": "Estat NO igual a",
 	"status": "Estat",
 	"stop": "Atura",
 	"stop_cover": "Atura la coberta",
@@ -343,6 +360,7 @@
 	"version": "Versi\u00f3",
 	"vertical": "Vertical",
 	"visibility": "Visibilitat",
+	"visibility_explanation": "La targeta es mostrar\u00e0 quan es compleixin TOTES les condicions de sota. Si no s'estableixen condicions, la targeta sempre es mostrar\u00e0.",
 	"visible": "Visible",
 	"volume_level": "Volum",
 	"water_heater_away_mode": "Mode a fora",
diff --git a/static/translations/cs.json b/static/translations/cs.json
index 6ab8eec2..93f03304 100644
--- a/static/translations/cs.json
+++ b/static/translations/cs.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "P\u0159ihl\u00e1\u0161en\u00ed bylo zru\u0161eno",
+	"above": "V\u011bt\u0161\u00ed ne\u017e",
 	"above_horizon": "Nad obzorem",
 	"active": "Aktivn\u00ed",
 	"add": "P\u0159idat",
+	"add_condition": "P\u0159idat podm\u00ednku",
 	"add_item": "P\u0159idat polo\u017eku",
 	"add_view": "P\u0159idat zobrazen\u00ed",
 	"addons": "Dopl\u0148ky",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Dovolen\u00e1",
 	"alarm_modes_disarmed": "Nezabezpe\u010deno",
 	"alarm_modes_label": "Re\u017eimy alarmu",
+	"and": "A",
 	"apparent_temperature": "Zd\u00e1nliv\u00e1 teplota",
 	"appearance": "Vzhled",
 	"armed": "Zabezpe\u010deno",
@@ -33,8 +36,14 @@
 	"balanced": "Vyv\u00e1\u017een\u00fd",
 	"battery": "Baterie",
 	"before": "P\u0159ed",
+	"below": "Men\u0161\u00ed ne\u017e",
 	"below_horizon": "Pod obzorem",
 	"both": "Oba",
+	"breakpoints": "Velikosti obrazovky",
+	"breakpoints_desktop": "Stoln\u00ed po\u010d\u00edta\u010d",
+	"breakpoints_mobile": "Mobil",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "\u0160irok\u00e1",
 	"brightness": "Jas",
 	"buffering": "Ukl\u00e1d\u00e1n\u00ed do vyrovn\u00e1vac\u00ed pam\u011bti",
 	"button": "Tla\u010d\u00edtko",
@@ -60,6 +69,8 @@
 	"color": "Barva",
 	"color_temp": "Teplota",
 	"columns": "Sloupce",
+	"condition_error": "Podm\u00ednka nespln\u011bna",
+	"condition_pass": "Podm\u00ednka spln\u011bna",
 	"conditional": "Podm\u00ednka",
 	"conditions": "Podm\u00ednky",
 	"configure": "Nastavit",
@@ -74,6 +85,7 @@
 	"copy": "Kop\u00edrovat",
 	"counter": "Po\u010d\u00edtadlo",
 	"current_humidity": "Aktu\u00e1ln\u00ed vlhkost",
+	"current_state": "aktu\u00e1ln\u00ed",
 	"custom": "Vlastn\u00ed",
 	"date": "Datum",
 	"date_or_time": "Datum a/nebo \u010das",
@@ -91,6 +103,7 @@
 	"docked": "V doku",
 	"docs": "Dokumentace",
 	"done": "Hotovo",
+	"drag_and_drop": "P\u0159et\u00e1hnout a pustit",
 	"dry": "Vysou\u0161en\u00ed",
 	"drying": "Vysou\u0161en\u00ed",
 	"duration": "Doba trv\u00e1n\u00ed",
@@ -212,7 +225,7 @@
 	"notifications": "Ozn\u00e1men\u00ed",
 	"notifications_dismiss": "Zav\u0159\u00edt",
 	"notifications_empty": "\u017d\u00e1dn\u00e1 ozn\u00e1men\u00ed",
-	"numeric": "\u010c\u00edseln\u00fd stav",
+	"numeric_state": "\u010c\u00edseln\u00fd stav",
 	"object": "Objekt",
 	"off": "Vypnuto",
 	"ok": "OK",
@@ -227,6 +240,7 @@
 	"opening": "Otv\u00edr\u00e1 se",
 	"optional": "voliteln\u00e9",
 	"options": "Volby",
+	"or": "Nebo",
 	"overview": "P\u0159ehled",
 	"password": "Heslo",
 	"pause": "Pauza",
@@ -254,7 +268,8 @@
 	"save": "Ulo\u017eit",
 	"saved": "Ulo\u017eeno",
 	"say": "\u0158\u00edci",
-	"scenes": "sc\u00e9ny",
+	"scenes": "Sc\u00e9ny",
+	"screen": "Obrazovka",
 	"script": "Skript",
 	"search": "Hledat",
 	"seconds": "Sekundy",
@@ -282,6 +297,8 @@
 	"start_over": "Za\u010d\u00edt znovu",
 	"start_pause": "Start/Pauza",
 	"state": "Stav",
+	"state_equal": "Stav se rovn\u00e1",
+	"state_not_equal": "Stav se nerovn\u00e1",
 	"status": "Stav",
 	"stop": "Zastavit",
 	"stop_cover": "Zastavit",
@@ -343,6 +360,7 @@
 	"version": "Verze",
 	"vertical": "Vertik\u00e1ln\u00ed",
 	"visibility": "Viditelnost",
+	"visibility_explanation": "Karta se zobraz\u00ed, pokud jsou spln\u011bny V\u0160ECHNY n\u00ed\u017ee uveden\u00e9 podm\u00ednky. Pokud nejsou nastaveny \u017e\u00e1dn\u00e9 podm\u00ednky, karta se zobraz\u00ed v\u017edy.",
 	"visible": "Viditeln\u00e9",
 	"volume_level": "Hlasitost",
 	"water_heater_away_mode": "Re\u017eim Pry\u010d",
diff --git a/static/translations/cy.json b/static/translations/cy.json
index e878acb0..04312e49 100644
--- a/static/translations/cy.json
+++ b/static/translations/cy.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Login aborted",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Ychwanegu golwg",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Brightness",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -36,10 +45,11 @@
 	"close_cover": "Close cover",
 	"close_tilt_cover": "Close cover tilt",
 	"close_valve": "Close valve",
-	"code": "Code",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Amodol",
 	"conditions": "Amodau",
 	"configure": "Ffurfweddu",
@@ -49,6 +59,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "Copied",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Dyddiad",
 	"date_or_time": "Date and/or time",
 	"day": "Day",
@@ -60,6 +71,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Golygu",
 	"edit_title": "Golygu teitl",
 	"edit_ui": "Golygu rhyngwyneb defnyddiwr",
@@ -139,7 +151,7 @@
 	"notifications": "Notifications",
 	"notifications_dismiss": "Gwrthod",
 	"notifications_empty": "No notifications",
-	"numeric": "Cyflwr rhifol",
+	"numeric_state": "Cyflwr rhifol",
 	"object": "Object",
 	"ok": "OK",
 	"open_cover": "Open cover",
@@ -149,6 +161,7 @@
 	"open_valve": "Open valve",
 	"optional": "optional",
 	"options": "Options",
+	"or": "Or",
 	"overview": "Trosolwg",
 	"password": "Password",
 	"pause": "Pause",
@@ -169,7 +182,8 @@
 	"save": "Arbed",
 	"saved": "Arbed",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "Eiliadau",
@@ -193,6 +207,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -233,8 +249,8 @@
 	"url": "URL",
 	"username": "Username",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "Rhagolwg",
 	"week": "Week",
diff --git a/static/translations/da.json b/static/translations/da.json
index 4b532554..a0b8665f 100644
--- a/static/translations/da.json
+++ b/static/translations/da.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Login afbrudt",
+	"above": "Over",
 	"above_horizon": "Over horisonten",
 	"active": "Aktiv",
 	"add": "Tilf\u00f8j",
+	"add_condition": "Tilf\u00f8j betingelse",
 	"add_item": "Tilf\u00f8j element",
 	"add_view": "Tilf\u00f8j visning",
 	"addons": "Add-ons",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Ferie",
 	"alarm_modes_disarmed": "Frakoblet",
 	"alarm_modes_label": "Alarmtilstande",
+	"and": "Og",
 	"apparent_temperature": "Tilsyneladende temperatur",
 	"appearance": "Udseende",
 	"armed": "Tilkoblet",
@@ -33,8 +36,14 @@
 	"balanced": "Afbalanceret",
 	"battery": "Batteri",
 	"before": "F\u00f8r",
+	"below": "Under",
 	"below_horizon": "Under horisonten",
 	"both": "Begge",
+	"breakpoints": "Sk\u00e6rmst\u00f8rrelser",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobil",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Bredde",
 	"brightness": "Lysstyrke",
 	"buffering": "Buffer",
 	"button": "Knap",
@@ -60,6 +69,8 @@
 	"color": "Farve",
 	"color_temp": "Temperatur",
 	"columns": "Kolonner",
+	"condition_error": "Betingelsen er ikke opfyldt",
+	"condition_pass": "Betingelsen er opfyldt",
 	"conditional": "Betinget",
 	"conditions": "Betingelser",
 	"configure": "Konfigur\u00e9r",
@@ -74,6 +85,7 @@
 	"copy": "Kopi\u00e9r",
 	"counter": "T\u00e6ller",
 	"current_humidity": "Aktuel luftfugtighed",
+	"current_state": "aktuelt",
 	"custom": "Brugerdefineret",
 	"date": "Dato",
 	"date_or_time": "Dato og/eller klokkesl\u00e6t",
@@ -90,6 +102,7 @@
 	"docked": "I dock",
 	"docs": "Dokumentation",
 	"done": "F\u00e6rdig",
+	"drag_and_drop": "Tr\u00e6k og slip",
 	"dry": "T\u00f8r",
 	"drying": "T\u00f8rring",
 	"duration": "Varighed",
@@ -206,7 +219,7 @@
 	"notifications": "Notifikationer",
 	"notifications_dismiss": "Afvis",
 	"notifications_empty": "Ingen notifikationer",
-	"numeric": "Numerisk tilstand",
+	"numeric_state": "Numerisk tilstand",
 	"object": "Objekt",
 	"off": "Fra",
 	"ok": "OK",
@@ -221,6 +234,7 @@
 	"opening": "\u00c5bner",
 	"optional": "valgfrit",
 	"options": "Indstillinger",
+	"or": "Eller",
 	"overview": "Oversigt",
 	"password": "Adgangskode",
 	"pause": "Pause",
@@ -247,7 +261,8 @@
 	"save": "Gem",
 	"saved": "Gemt",
 	"say": "Sig",
-	"scenes": "scener",
+	"scenes": "Scener",
+	"screen": "Sk\u00e6rm",
 	"script": "Script",
 	"search": "S\u00f8g",
 	"seconds": "Sekunder",
@@ -275,6 +290,8 @@
 	"start_over": "Start forfra",
 	"start_pause": "Start/pause",
 	"state": "Tilstand",
+	"state_equal": "Tilstand er lig med",
+	"state_not_equal": "Tilstand er ikke lig med",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop gardin/port",
@@ -334,6 +351,7 @@
 	"version": "Version",
 	"vertical": "Lodret",
 	"visibility": "Synlighed",
+	"visibility_explanation": "Kortet vises, n\u00e5r ALLE nedenst\u00e5ende betingelser er opfyldt. Hvis der ikke er angivet nogen betingelser, vil kortet altid blive vist.",
 	"visible": "Synlig",
 	"volume_level": "Lydstyrke",
 	"water_heater_away_mode": "Ude-tilstand",
diff --git a/static/translations/de.json b/static/translations/de.json
index e5fc61d6..bd60bc05 100644
--- a/static/translations/de.json
+++ b/static/translations/de.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Anmeldung abgebrochen",
+	"above": "\u00dcber",
 	"above_horizon": "\u00dcber dem Horizont",
 	"active": "Aktiv",
 	"add": "Hinzuf\u00fcgen",
+	"add_condition": "Bedingung hinzuf\u00fcgen",
 	"add_item": "Eintrag hinzuf\u00fcgen",
 	"add_view": "Ansicht hinzuf\u00fcgen",
 	"addons": "Add-ons",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Urlaub",
 	"alarm_modes_disarmed": "Deaktiviert",
 	"alarm_modes_label": "Alarmmodi",
+	"and": "Und",
 	"apparent_temperature": "Scheinbare Temperatur",
 	"appearance": "Aussehen",
 	"armed": "Aktiv",
@@ -33,8 +36,14 @@
 	"balanced": "Ausgeglichen",
 	"battery": "Batterie",
 	"before": "Vor",
+	"below": "Unter",
 	"below_horizon": "Unter dem Horizont",
 	"both": "Beide",
+	"breakpoints": "Bildschirmgr\u00f6\u00dfen",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobil",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Breit",
 	"brightness": "Helligkeit",
 	"buffering": "Puffern",
 	"button": "Schalter",
@@ -60,6 +69,8 @@
 	"color": "Farbe",
 	"color_temp": "Temperatur",
 	"columns": "Spalten",
+	"condition_error": "Bedingung nicht erf\u00fcllt",
+	"condition_pass": "Bedingung erf\u00fcllt",
 	"conditional": "Bedingungen",
 	"conditions": "Bedingungen",
 	"configure": "Konfigurieren",
@@ -74,6 +85,7 @@
 	"copy": "Kopieren",
 	"counter": "Z\u00e4hler",
 	"current_humidity": "Aktuelle Luftfeuchtigkeit",
+	"current_state": "aktuell",
 	"custom": "Benutzerdefiniert",
 	"date": "Datum",
 	"date_or_time": "Datum und/oder Uhrzeit",
@@ -91,6 +103,7 @@
 	"docked": "Angedockt",
 	"docs": "Dokumentation",
 	"done": "Fertig",
+	"drag_and_drop": "Drag-and-drop",
 	"dry": "Trocknen",
 	"drying": "Trocknen",
 	"duration": "Dauer",
@@ -212,7 +225,7 @@
 	"notifications": "Benachrichtigungen",
 	"notifications_dismiss": "Ausblenden",
 	"notifications_empty": "Keine Benachrichtigungen",
-	"numeric": "Numerischer Zustand",
+	"numeric_state": "Numerischer Zustand",
 	"object": "Objekt",
 	"off": "Aus",
 	"ok": "OK",
@@ -227,6 +240,7 @@
 	"opening": "\u00d6ffnet",
 	"optional": "optional",
 	"options": "Optionen",
+	"or": "Oder",
 	"overview": "\u00dcbersicht",
 	"password": "Passwort",
 	"pause": "Pause",
@@ -255,6 +269,7 @@
 	"saved": "Gespeichert",
 	"say": "Sagen",
 	"scenes": "Szenen",
+	"screen": "Bildschirm",
 	"script": "Skript",
 	"search": "Suche",
 	"seconds": "Sekunden",
@@ -282,6 +297,8 @@
 	"start_over": "Neu anfangen",
 	"start_pause": "Start/Pause",
 	"state": "Zustand",
+	"state_equal": "Zustand ist gleich",
+	"state_not_equal": "Zustand ist nicht gleich",
 	"status": "Status",
 	"stop": "Stoppen",
 	"stop_cover": "Abdeckung stoppen",
@@ -343,6 +360,7 @@
 	"version": "Version",
 	"vertical": "Vertikal",
 	"visibility": "Sichtbarkeit",
+	"visibility_explanation": "Die Karte wird angezeigt, wenn ALLE unten aufgef\u00fchrten Bedingungen erf\u00fcllt sind. Wenn keine Bedingungen festgelegt sind, wird die Karte immer angezeigt.",
 	"visible": "Sichtbar",
 	"volume_level": "Lautst\u00e4rke",
 	"water_heater_away_mode": "Abwesend-Modus",
diff --git a/static/translations/el.json b/static/translations/el.json
index 3425c155..aaff85aa 100644
--- a/static/translations/el.json
+++ b/static/translations/el.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "\u03a3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7 \u03bc\u03b1\u03c4\u03b1\u03b9\u03ce\u03b8\u03b7\u03ba\u03b5",
+	"above": "\u03a0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc",
 	"above_horizon": "\u03a0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03bf\u03c1\u03af\u03b6\u03bf\u03bd\u03c4\u03b1",
 	"active": "\u0395\u03bd\u03b5\u03c1\u03b3\u03cc",
 	"add": "\u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7",
+	"add_condition": "\u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03c0\u03c1\u03bf\u03cb\u03c0\u03cc\u03b8\u03b5\u03c3\u03b7\u03c2",
 	"add_item": "\u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03c5\u03c0\u03bf\u03c7\u03c1\u03b5\u03ce\u03c3\u03b5\u03c9\u03bd",
 	"add_view": "\u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03c0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae\u03c2",
 	"addons": "\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c4\u03b1",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "\u0394\u03b9\u03b1\u03ba\u03bf\u03c0\u03ad\u03c2",
 	"alarm_modes_disarmed": "\u0391\u03c6\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03ad\u03bd\u03bf\u03c2",
 	"alarm_modes_label": "\u039b\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b5\u03c2 \u03c3\u03c5\u03bd\u03b1\u03b3\u03b5\u03c1\u03bc\u03bf\u03cd",
+	"and": "\u039a\u03b1\u03b9",
 	"apparent_temperature": "\u0391\u03af\u03c3\u03b8\u03b7\u03c3\u03b7 \u03b8\u03b5\u03c1\u03bc\u03bf\u03ba\u03c1\u03b1\u03c3\u03af\u03b1\u03c2",
 	"appearance": "\u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7",
 	"armed": "\u039f\u03c0\u03bb\u03b9\u03c3\u03bc\u03ad\u03bd\u03bf\u03c2",
@@ -33,8 +36,14 @@
 	"balanced": "\u0399\u03c3\u03bf\u03c1\u03c1\u03bf\u03c0\u03b7\u03bc\u03ad\u03bd\u03b7",
 	"battery": "\u039c\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1",
 	"before": "\u03a0\u03c1\u03b9\u03bd",
+	"below": "\u039a\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc",
 	"below_horizon": "\u039a\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03bf\u03c1\u03af\u03b6\u03bf\u03bd\u03c4\u03b1",
 	"both": "\u039a\u03b1\u03b9 \u03c4\u03b1 \u03b4\u03cd\u03bf",
+	"breakpoints": "\u039c\u03b5\u03b3\u03ad\u03b8\u03b7 \u03bf\u03b8\u03cc\u03bd\u03b7\u03c2",
+	"breakpoints_desktop": "\u03a3\u03c4\u03b1\u03b8\u03b5\u03c1\u03cc\u03c2 \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ae\u03c2",
+	"breakpoints_mobile": "\u039a\u03b9\u03bd\u03b7\u03c4\u03cc",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "\u03a0\u03bb\u03ac\u03c4\u03bf\u03c2",
 	"brightness": "\u03a6\u03c9\u03c4\u03b5\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1",
 	"buffering": "\u03a0\u03c1\u03bf\u03c3\u03c9\u03c1\u03b9\u03bd\u03ae \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7",
 	"button": "\u039a\u03bf\u03c5\u03bc\u03c0\u03af",
@@ -60,6 +69,8 @@
 	"color": "\u03a7\u03c1\u03ce\u03bc\u03b1",
 	"color_temp": "\u0398\u03b5\u03c1\u03bc\u03bf\u03ba\u03c1\u03b1\u03c3\u03af\u03b1",
 	"columns": "\u03a3\u03c4\u03ae\u03bb\u03b5\u03c2",
+	"condition_error": "\u0397 \u03c0\u03c1\u03bf\u03cb\u03c0\u03cc\u03b8\u03b5\u03c3\u03b7 \u03b4\u03b5\u03bd \u03b9\u03ba\u03b1\u03bd\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c4\u03b1\u03b9",
+	"condition_pass": "\u0397 \u03c0\u03c1\u03bf\u03cb\u03c0\u03cc\u03b8\u03b5\u03c3\u03b7 \u03b9\u03ba\u03b1\u03bd\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c4\u03b1\u03b9",
 	"conditional": "\u03a5\u03c0\u03cc \u03c0\u03c1\u03bf\u03cb\u03c0\u03bf\u03b8\u03ad\u03c3\u03b5\u03b9\u03c2",
 	"conditions": "\u03a3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b5\u03c2",
 	"configure": "\u0394\u03b9\u03b1\u03bc\u03cc\u03c1\u03c6\u03c9\u03c3\u03b7",
@@ -74,6 +85,7 @@
 	"copy": "\u0391\u03bd\u03c4\u03b9\u03b3\u03c1\u03b1\u03c6\u03ae",
 	"counter": "\u039c\u03b5\u03c4\u03c1\u03b7\u03c4\u03ae\u03c2",
 	"current_humidity": "\u03a4\u03c1\u03ad\u03c7\u03bf\u03c5\u03c3\u03b1 \u03c5\u03b3\u03c1\u03b1\u03c3\u03af\u03b1",
+	"current_state": "\u03c4\u03c1\u03ad\u03c7\u03bf\u03c5\u03c3\u03b1",
 	"date": "\u0397\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1",
 	"date_or_time": "\u0397\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1 \u03ae/\u03ba\u03b1\u03b9 \u03ce\u03c1\u03b1",
 	"day": "\u0397\u03bc\u03ad\u03c1\u03b1",
@@ -89,6 +101,7 @@
 	"docked": "\u03a3\u03c4\u03b7 \u03b2\u03ac\u03c3\u03b7",
 	"docs": "\u03a4\u03b5\u03ba\u03bc\u03b7\u03c1\u03af\u03c9\u03c3\u03b7",
 	"done": "\u039f\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b5",
+	"drag_and_drop": "\u039c\u03b5\u03c4\u03b1\u03c6\u03bf\u03c1\u03ac \u03ba\u03b1\u03b9 \u03b1\u03c0\u03cc\u03b8\u03b5\u03c3\u03b7",
 	"dry": "\u039e\u03b7\u03c1\u03cc\u03c2",
 	"drying": "\u0391\u03c6\u03cd\u03b3\u03c1\u03b1\u03bd\u03c3\u03b7",
 	"duration": "\u0394\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1",
@@ -206,7 +219,7 @@
 	"notifications": "\u0395\u03b9\u03b4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03b9\u03c2",
 	"notifications_dismiss": "\u0391\u03c0\u03cc\u03c1\u03c1\u03b9\u03c8\u03b7",
 	"notifications_empty": "\u039a\u03b1\u03bc\u03af\u03b1 \u03b5\u03b9\u03b4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7",
-	"numeric": "\u0391\u03c1\u03b9\u03b8\u03bc\u03b7\u03c4\u03b9\u03ba\u03ae \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7",
+	"numeric_state": "\u0391\u03c1\u03b9\u03b8\u03bc\u03b7\u03c4\u03b9\u03ba\u03ae \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7",
 	"object": "\u0391\u03bd\u03c4\u03b9\u03ba\u03b5\u03af\u03bc\u03b5\u03bd\u03bf",
 	"off": "\u0391\u03bd\u03b5\u03bd\u03b5\u03c1\u03b3\u03cc",
 	"ok": "OK",
@@ -221,6 +234,7 @@
 	"opening": "\u0391\u03bd\u03bf\u03b9\u03b3\u03bc\u03b1",
 	"optional": "\u03c0\u03c1\u03bf\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03cc",
 	"options": "\u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2",
+	"or": "\u03ae",
 	"overview": "\u0395\u03c0\u03b9\u03c3\u03ba\u03cc\u03c0\u03b7\u03c3\u03b7",
 	"password": "\u039a\u03c9\u03b4\u03b9\u03ba\u03cc\u03c2",
 	"pause": "\u03a0\u03b1\u03cd\u03c3\u03b7",
@@ -247,7 +261,8 @@
 	"save": "\u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7",
 	"saved": "\u0391\u03c0\u03bf\u03b8\u03b7\u03ba\u03b5\u03cd\u03c4\u03b7\u03ba\u03b5",
 	"say": "\u03a0\u03b5\u03c2",
-	"scenes": "\u03c3\u03ba\u03b7\u03bd\u03ad\u03c2",
+	"scenes": "\u03a3\u03ba\u03b7\u03bd\u03ad\u03c2",
+	"screen": "\u039f\u03b8\u03cc\u03bd\u03b7",
 	"script": "\u03a3\u03b5\u03bd\u03ac\u03c1\u03b9\u03bf",
 	"search": "\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7",
 	"seconds": "\u0394\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1",
@@ -274,6 +289,8 @@
 	"start_over": "\u039e\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03ae",
 	"start_pause": "\u0395\u03bd\u03b1\u03c1\u03be\u03b7/\u03a0\u03b1\u03cd\u03c3\u03b7",
 	"state": "\u039a\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7",
+	"state_equal": "\u0397 \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03b9\u03c3\u03bf\u03cd\u03c4\u03b1\u03b9 \u03bc\u03b5",
+	"state_not_equal": "\u0397 \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03b4\u03b5\u03bd \u03b9\u03c3\u03bf\u03cd\u03c4\u03b1\u03b9 \u03bc\u03b5",
 	"status": "\u039a\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7",
 	"stop": "\u03a3\u03c4\u03bf\u03c0",
 	"stop_cover": "\u03a3\u03c4\u03b1\u03bc\u03ac\u03c4\u03b7\u03bc\u03b1 \u03c1\u03bf\u03bb\u03bf\u03cd",
@@ -314,13 +331,17 @@
 	"unsaved_changes": "\u0395\u03c7\u03b5\u03c4\u03b5 \u03bc\u03b7-\u03b1\u03c0\u03bf\u03b8\u03b7\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b5\u03c2 \u03b1\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2, \u03b5\u03af\u03c3\u03c4\u03b5 \u03b2\u03ad\u03b2\u03b1\u03b9\u03bf\u03b9 \u03cc\u03c4\u03b9 \u03b8\u03ad\u03bb\u03b5\u03c4\u03b5 \u03bd\u03b1 \u03b1\u03c0\u03bf\u03c7\u03c9\u03c1\u03ae\u03c3\u03b5\u03c4\u03b5;",
 	"unsaved_changes_title": "\u039c\u03b7 \u03b1\u03c0\u03bf\u03b8\u03b7\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b5\u03c2 \u03b1\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2",
 	"update": "\u0395\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7",
+	"update_available": "\u0394\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03b7 \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7",
 	"update_clear_skipped": "\u0395\u03ba\u03ba\u03b1\u03b8\u03ac\u03c1\u03b9\u03c3\u03b7 \u03c0\u03b1\u03c1\u03b1\u03bb\u03b5\u03b9\u03c0\u03cc\u03bc\u03b5\u03bd\u03c9\u03bd",
 	"update_create_backup": "\u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03b1\u03bd\u03c4\u03b9\u03b3\u03c1\u03ac\u03c6\u03bf\u03c5 \u03b1\u03c3\u03c6\u03b1\u03bb\u03b5\u03af\u03b1\u03c2 \u03c0\u03c1\u03b9\u03bd \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7",
 	"update_install": "\u0395\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7",
+	"update_installed_version": "\u0395\u03b3\u03ba\u03b1\u03c4\u03b5\u03c3\u03c4\u03b7\u03bc\u03ad\u03bd\u03b7 \u03ad\u03ba\u03b4\u03bf\u03c3\u03b7",
 	"update_installing": "\u0395\u03ba\u03c4\u03b5\u03bb\u03b5\u03af\u03c4\u03b1\u03b9 \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7",
 	"update_installing_progress": "\u0395\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 ({progress}%)",
+	"update_latest_version": "\u03a4\u03b5\u03bb\u03b5\u03c5\u03c4\u03b1\u03af\u03b1 \u03ad\u03ba\u03b4\u03bf\u03c3\u03b7",
 	"update_release_notes": "\u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b1\u03bd\u03b1\u03ba\u03bf\u03af\u03bd\u03c9\u03c3\u03b7 \u03ba\u03c5\u03ba\u03bb\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2",
 	"update_skip": "\u03a0\u03b1\u03c1\u03ac\u03bb\u03b5\u03b9\u03c8\u03b7",
+	"update_up_to_date": "\u0395\u03bd\u03b7\u03bc\u03b5\u03c1\u03c9\u03bc\u03ad\u03bd\u03bf",
 	"url": "URL",
 	"username": "\u039f\u03bd\u03bf\u03bc\u03b1 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7",
 	"vacuum": "\u03a3\u03ba\u03bf\u03cd\u03c0\u03b1",
@@ -329,6 +350,7 @@
 	"version": "\u0388\u03ba\u03b4\u03bf\u03c3\u03b7",
 	"vertical": "\u039a\u03b1\u03c4\u03b1\u03ba\u03cc\u03c1\u03c5\u03c6\u03b1",
 	"visibility": "\u039f\u03c1\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1",
+	"visibility_explanation": "\u0397 \u03ba\u03ac\u03c1\u03c4\u03b1 \u03b8\u03b1 \u03b5\u03bc\u03c6\u03b1\u03bd\u03b9\u03c3\u03c4\u03b5\u03af \u03cc\u03c4\u03b1\u03bd \u03c0\u03bb\u03b7\u03c1\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9 \u039f\u039b\u0395\u03a3 \u03bf\u03b9 \u03c0\u03b1\u03c1\u03b1\u03ba\u03ac\u03c4\u03c9 \u03c0\u03c1\u03bf\u03cb\u03c0\u03bf\u03b8\u03ad\u03c3\u03b5\u03b9\u03c2. \u0395\u03ac\u03bd \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9 \u03bf\u03c1\u03b9\u03c3\u03c4\u03b5\u03af \u03ba\u03b1\u03bc\u03af\u03b1 \u03c0\u03c1\u03bf\u03cb\u03c0\u03cc\u03b8\u03b5\u03c3\u03b7, \u03b7 \u03ba\u03ac\u03c1\u03c4\u03b1 \u03b8\u03b1 \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1.",
 	"visible": "\u039f\u03c1\u03b1\u03c4\u03cc",
 	"volume_level": "\u0395\u03bd\u03c4\u03b1\u03c3\u03b7",
 	"water_heater_away_mode": "\u039b\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u0395\u03ba\u03c4\u03cc\u03c2 \u03c3\u03c0\u03b9\u03c4\u03b9\u03bf\u03cd",
diff --git a/static/translations/en-GB.json b/static/translations/en-GB.json
index 3b1344e7..b220da11 100644
--- a/static/translations/en-GB.json
+++ b/static/translations/en-GB.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Login aborted",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Add view",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "Aspect Ratio",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Brightness",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -40,6 +49,8 @@
 	"color": "Colour",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "Configure",
@@ -50,6 +61,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "Copied",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Date",
 	"date_or_time": "Date and/or time",
 	"day": "Day",
@@ -61,6 +73,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Edit",
 	"edit_title": "Edit title",
 	"edit_ui": "Edit UI",
@@ -140,7 +153,7 @@
 	"notifications": "Notifications",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "No Notifications",
-	"numeric": "Numeric state",
+	"numeric_state": "Numeric state",
 	"object": "Object",
 	"ok": "OK",
 	"open_cover": "Open cover",
@@ -150,6 +163,7 @@
 	"open_valve": "Open valve",
 	"optional": "optional",
 	"options": "Options",
+	"or": "Or",
 	"overview": "Overview",
 	"password": "Password",
 	"pause": "Pause",
@@ -170,7 +184,8 @@
 	"save": "Save",
 	"saved": "Saved",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "Seconds",
@@ -194,6 +209,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/Pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -236,6 +253,7 @@
 	"vacuum_commands": "Vacuum cleaner commands:",
 	"value": "Value",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "Forecast",
 	"week": "Week",
diff --git a/static/translations/en.json b/static/translations/en.json
index e0691443..379931c9 100644
--- a/static/translations/en.json
+++ b/static/translations/en.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Login aborted",
+	"above": "Above",
 	"above_horizon": "Above horizon",
 	"active": "Active",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Add view",
 	"addons": "Add-ons",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"apparent_temperature": "Apparent temperature",
 	"appearance": "Appearance",
 	"armed": "Armed",
@@ -33,8 +36,14 @@
 	"balanced": "Balanced",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
 	"below_horizon": "Below horizon",
 	"both": "Both",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Brightness",
 	"buffering": "Buffering",
 	"button": "Button",
@@ -56,10 +65,11 @@
 	"close_valve": "Close valve",
 	"closed": "Closed",
 	"closing": "Closing",
-	"code": "Code",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "Configure",
@@ -73,6 +83,7 @@
 	"copy": "Copy",
 	"counter": "Counter",
 	"current_humidity": "Current humidity",
+	"current_state": "current",
 	"custom": "Custom",
 	"date": "Date",
 	"date_or_time": "Date and/or time",
@@ -90,6 +101,7 @@
 	"docked": "Docked",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"dry": "Dry",
 	"drying": "Drying",
 	"duration": "Duration",
@@ -211,7 +223,7 @@
 	"notifications": "Notifications",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "No notifications",
-	"numeric": "Numeric state",
+	"numeric_state": "Numeric state",
 	"object": "Object",
 	"off": "Off",
 	"ok": "OK",
@@ -225,6 +237,7 @@
 	"opening": "Opening",
 	"optional": "optional",
 	"options": "Options",
+	"or": "Or",
 	"overview": "Overview",
 	"password": "Password",
 	"pause": "Pause",
@@ -252,7 +265,8 @@
 	"save": "Save",
 	"saved": "Saved",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "Seconds",
@@ -280,6 +294,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -337,10 +353,10 @@
 	"username": "Username",
 	"vacuum": "Vacuum",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"version": "Version",
 	"vertical": "Vertical",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"volume_level": "Volume",
 	"water_heater_away_mode": "Away mode",
diff --git a/static/translations/eo.json b/static/translations/eo.json
index d4b7bde5..b607614c 100644
--- a/static/translations/eo.json
+++ b/static/translations/eo.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Login aborted",
+	"above": "Above",
 	"add": "Ajouter",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Add view",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Atributoj",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Brightness",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -40,6 +49,8 @@
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Kondicionalo",
 	"conditions": "Conditions",
 	"configure": "Configure",
@@ -49,6 +60,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "Copied",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Date",
 	"date_or_time": "Date and/or time",
 	"day": "Day",
@@ -60,6 +72,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Edit",
 	"edit_title": "Redakti titolon",
 	"edit_ui": "Edit UI",
@@ -139,7 +152,7 @@
 	"notifications": "Notifications",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "No notifications",
-	"numeric": "Numeric state",
+	"numeric_state": "Numeric state",
 	"object": "Object",
 	"ok": "OK",
 	"open_cover": "Open cover",
@@ -149,6 +162,7 @@
 	"open_valve": "Open valve",
 	"optional": "optional",
 	"options": "Options",
+	"or": "Or",
 	"overview": "Overview",
 	"password": "Password",
 	"pause": "Pause",
@@ -169,7 +183,8 @@
 	"save": "Save",
 	"saved": "Saved",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "Seconds",
@@ -193,6 +208,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -233,8 +250,8 @@
 	"url": "URL",
 	"username": "Username",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "Forecast",
 	"week": "Week",
diff --git a/static/translations/es-419.json b/static/translations/es-419.json
index 4ef74806..c53af85f 100644
--- a/static/translations/es-419.json
+++ b/static/translations/es-419.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Inicio de sesi\u00f3n cancelado",
+	"above": "Por encima de",
 	"add": "Agregar",
+	"add_condition": "Agregar condici\u00f3n",
 	"add_item": "Agregar elemento",
 	"add_view": "Agregar vista",
 	"addons": "Complementos",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacaciones",
 	"alarm_modes_disarmed": "Desarmada",
 	"alarm_modes_label": "Modos de alarma",
+	"and": "Y",
 	"appearance": "Apariencia",
 	"aspect_ratio": "Relaci\u00f3n de aspecto",
 	"attributes": "Atributos",
@@ -20,6 +23,12 @@
 	"back": "Atr\u00e1s",
 	"battery": "Bater\u00eda",
 	"before": "Antes",
+	"below": "Por debajo de",
+	"breakpoints": "Tama\u00f1os de pantalla",
+	"breakpoints_desktop": "Escritorio",
+	"breakpoints_mobile": "M\u00f3vil",
+	"breakpoints_tablet": "Tableta",
+	"breakpoints_wide": "Ancho",
 	"brightness": "Brillo",
 	"button": "Bot\u00f3n",
 	"buttons": "Botones",
@@ -40,6 +49,8 @@
 	"color": "Color",
 	"color_temp": "Temperatura",
 	"columns": "Columnas",
+	"condition_error": "La condici\u00f3n no pas\u00f3",
+	"condition_pass": "La condici\u00f3n pasa",
 	"conditional": "Condicional",
 	"conditions": "Condiciones",
 	"configure": "Configurar",
@@ -50,6 +61,7 @@
 	"connection_starting": "Home Assistant est\u00e1 iniciando, no todo estar\u00e1 disponible hasta que termine.",
 	"copied": "Copiado",
 	"copy": "Copiar",
+	"current_state": "actual",
 	"date": "Fecha",
 	"date_or_time": "Fecha y/o hora",
 	"day": "D\u00eda",
@@ -61,6 +73,7 @@
 	"divider": "Divisor",
 	"docs": "Documentaci\u00f3n",
 	"done": "Hecho",
+	"drag_and_drop": "Arrastrar y soltar",
 	"edit": "Editar",
 	"edit_title": "Editar t\u00edtulo",
 	"edit_ui": "Editar interfaz de usuario",
@@ -140,7 +153,7 @@
 	"notifications": "Notificaciones",
 	"notifications_dismiss": "Descartar",
 	"notifications_empty": "Sin Notificaciones",
-	"numeric": "Estado num\u00e9rico",
+	"numeric_state": "Estado num\u00e9rico",
 	"object": "Objeto",
 	"ok": "OK",
 	"open_cover": "Abrir cortina",
@@ -151,6 +164,7 @@
 	"open_valve": "Abrir v\u00e1lvula",
 	"optional": "opcional",
 	"options": "Opciones",
+	"or": "O",
 	"overview": "Resumen",
 	"password": "Contrase\u00f1a",
 	"pause": "Pausar",
@@ -171,7 +185,8 @@
 	"save": "Guardar",
 	"saved": "Guardado",
 	"say": "Decir",
-	"scenes": "escenas",
+	"scenes": "Escenas",
+	"screen": "Pantalla",
 	"script": "Script",
 	"search": "Buscar",
 	"seconds": "Segundos",
@@ -181,7 +196,7 @@
 	"service_data": "Datos de servicio",
 	"set_state": "Establecer estado",
 	"set_white": "Establecer blanco",
-	"settings": "Ajustes",
+	"settings": "Configuraci\u00f3n",
 	"shortcuts": "Atajos",
 	"show": "Mostrar",
 	"show_area": "Mostrar {area}",
@@ -195,6 +210,8 @@
 	"start_over": "Comenzar de nuevo",
 	"start_pause": "Iniciar/Pausar",
 	"state": "Estado",
+	"state_equal": "El estado es igual a",
+	"state_not_equal": "El estado no es igual a",
 	"status": "Estado",
 	"stop": "Detener",
 	"stop_cover": "Detener cortina",
@@ -237,6 +254,7 @@
 	"vacuum_commands": "Comandos de la aspiradora:",
 	"value": "Valor",
 	"visibility": "Visibilidad",
+	"visibility_explanation": "La tarjeta se mostrar\u00e1 cuando se cumplan TODAS las condiciones siguientes. Si no se establecen condiciones, la tarjeta siempre se mostrar\u00e1.",
 	"visible": "Visible",
 	"weather_forecast": "Pron\u00f3stico",
 	"week": "Semana",
diff --git a/static/translations/es.json b/static/translations/es.json
index 3fc425d1..38187def 100644
--- a/static/translations/es.json
+++ b/static/translations/es.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Inicio de sesi\u00f3n cancelado",
+	"above": "Por encima de",
 	"above_horizon": "Sobre el horizonte",
 	"active": "Activo",
 	"add": "A\u00f1adir",
+	"add_condition": "A\u00f1adir condici\u00f3n",
 	"add_item": "A\u00f1adir elemento",
 	"add_view": "A\u00f1adir vista",
 	"addons": "Complementos",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Vacaciones",
 	"alarm_modes_disarmed": "Desarmada",
 	"alarm_modes_label": "Modos de alarma",
+	"and": "Y",
 	"apparent_temperature": "Temperatura aparente",
 	"appearance": "Apariencia",
 	"armed": "Armada",
@@ -33,8 +36,14 @@
 	"balanced": "Equilibrado",
 	"battery": "Bater\u00eda",
 	"before": "Antes de",
+	"below": "Por debajo de",
 	"below_horizon": "Bajo el horizonte",
 	"both": "Ambos",
+	"breakpoints": "Tama\u00f1os de pantalla",
+	"breakpoints_desktop": "Escritorio",
+	"breakpoints_mobile": "M\u00f3vil",
+	"breakpoints_tablet": "Tableta",
+	"breakpoints_wide": "Ancho",
 	"brightness": "Brillo",
 	"buffering": "Almacenando en b\u00fafer",
 	"button": "Bot\u00f3n",
@@ -60,6 +69,8 @@
 	"color": "Color",
 	"color_temp": "Temperatura",
 	"columns": "Columnas",
+	"condition_error": "La condici\u00f3n no pas\u00f3",
+	"condition_pass": "La condici\u00f3n pasa",
 	"conditional": "Condicional",
 	"conditions": "Condiciones",
 	"configure": "Configurar",
@@ -74,6 +85,7 @@
 	"copy": "Copiar",
 	"counter": "Contador",
 	"current_humidity": "Humedad actual",
+	"current_state": "actual",
 	"custom": "Personalizado",
 	"date": "Fecha",
 	"date_or_time": "Fecha y/o hora",
@@ -91,6 +103,7 @@
 	"docked": "En la base",
 	"docs": "Documentaci\u00f3n",
 	"done": "Hecho",
+	"drag_and_drop": "Arrastrar y soltar",
 	"dry": "Seco",
 	"drying": "Secando",
 	"duration": "Duraci\u00f3n",
@@ -212,7 +225,7 @@
 	"notifications": "Notificaciones",
 	"notifications_dismiss": "Descartar",
 	"notifications_empty": "Sin Notificaciones",
-	"numeric": "Estado num\u00e9rico",
+	"numeric_state": "Estado num\u00e9rico",
 	"object": "Objeto",
 	"off": "Apagado",
 	"ok": "OK",
@@ -227,6 +240,7 @@
 	"opening": "Abriendo",
 	"optional": "opcional",
 	"options": "Opciones",
+	"or": "O",
 	"overview": "Resumen",
 	"password": "Contrase\u00f1a",
 	"pause": "Pausar",
@@ -254,7 +268,8 @@
 	"save": "Guardar",
 	"saved": "Guardado",
 	"say": "Decir",
-	"scenes": "escenas",
+	"scenes": "Escenas",
+	"screen": "Pantalla",
 	"script": "Script",
 	"search": "Buscar",
 	"seconds": "Segundos",
@@ -282,6 +297,8 @@
 	"start_over": "Empezar de nuevo",
 	"start_pause": "Iniciar/Pausar",
 	"state": "Estado",
+	"state_equal": "El estado es igual a",
+	"state_not_equal": "El estado no es igual a",
 	"status": "Estado",
 	"stop": "Detener",
 	"stop_cover": "Detener la persiana",
@@ -343,6 +360,7 @@
 	"version": "Versi\u00f3n",
 	"vertical": "Vertical",
 	"visibility": "Visibilidad",
+	"visibility_explanation": "La tarjeta se mostrar\u00e1 cuando se cumplan TODAS las condiciones siguientes. Si no se establecen condiciones, la tarjeta siempre se mostrar\u00e1.",
 	"visible": "Visible",
 	"volume_level": "Volumen",
 	"water_heater_away_mode": "Modo ausente",
diff --git a/static/translations/et.json b/static/translations/et.json
index 6cc15094..f25950f1 100644
--- a/static/translations/et.json
+++ b/static/translations/et.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Sisselogimine katkestatud",
+	"above": "\u00dcle",
 	"above_horizon": "T\u00f5usnud",
 	"active": "Aktiivne",
 	"add": "Lisa",
+	"add_condition": "Lisa tingimus",
 	"add_item": "Lisa \u00fcksus",
 	"add_view": "Lisa vaade",
 	"addons": "Lisandmoodulid",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Puhkus",
 	"alarm_modes_disarmed": "Valveta",
 	"alarm_modes_label": "Valvestamise re\u017eiimid",
+	"and": "Ja",
 	"apparent_temperature": "Tunduv temperatuur",
 	"appearance": "V\u00e4limus",
 	"armed": "Valves",
@@ -33,8 +36,14 @@
 	"balanced": "Tasakaalustatud",
 	"battery": "Aku",
 	"before": "Enne",
+	"below": "Alla",
 	"below_horizon": "Loojunud",
 	"both": "M\u00f5lemad",
+	"breakpoints": "Ekraani suurused",
+	"breakpoints_desktop": "T\u00f6\u00f6lauaarvuti",
+	"breakpoints_mobile": "Mobiiltelefon",
+	"breakpoints_tablet": "Tahvelarvuti",
+	"breakpoints_wide": "Laiformaat",
 	"brightness": "Heledus",
 	"buffering": "Puhverdamine",
 	"button": "Nupp",
@@ -60,6 +69,8 @@
 	"color": "V\u00e4rv",
 	"color_temp": "Temperatuur",
 	"columns": "Veerud",
+	"condition_error": "Vigane tingimus",
+	"condition_pass": "Tingimus sobib",
 	"conditional": "Tingimuslik",
 	"conditions": "Tingimused",
 	"configure": "Seadista",
@@ -74,6 +85,7 @@
 	"copy": "Kopeeri",
 	"counter": "Loendur",
 	"current_humidity": "Praegune niiskus",
+	"current_state": "hetkel",
 	"custom": "Kohandatud",
 	"date": "Kuup\u00e4ev",
 	"date_or_time": "Kuup\u00e4ev ja / v\u00f5i kellaaeg",
@@ -91,6 +103,7 @@
 	"docked": "Dokitud",
 	"docs": "Dokumentatsioon",
 	"done": "Valmis",
+	"drag_and_drop": "Pukseeri",
 	"dry": "Kuivata",
 	"drying": "Kuivatus",
 	"duration": "Kestus",
@@ -212,7 +225,7 @@
 	"notifications": "Teavitused",
 	"notifications_dismiss": "Loobu",
 	"notifications_empty": "Teavitusi pole",
-	"numeric": "Numbriline olek",
+	"numeric_state": "Numbriline olek",
 	"object": "Objekt",
 	"off": "V\u00e4ljas",
 	"ok": "OK",
@@ -227,6 +240,7 @@
 	"opening": "Avaneb",
 	"optional": "valikuline",
 	"options": "Valikud",
+	"or": "V\u00f5i",
 	"overview": "\u00dclevaade",
 	"password": "Salas\u00f5na",
 	"pause": "Peata",
@@ -254,7 +268,8 @@
 	"save": "Salvesta",
 	"saved": "Salvestatud",
 	"say": "\u00dctle",
-	"scenes": "stseenid",
+	"scenes": "Stseenid",
+	"screen": "Ekraan",
 	"script": "Skript",
 	"search": "Otsing",
 	"seconds": "Sekundit",
@@ -282,6 +297,8 @@
 	"start_over": "Alusta uuesti",
 	"start_pause": "K\u00e4ivita/Peata",
 	"state": "Olek",
+	"state_equal": "Olemi olek v\u00f5rdub",
+	"state_not_equal": "Olemi olek ei v\u00f5rdu",
 	"status": "Olek",
 	"stop": "Peatu",
 	"stop_cover": "Peata avakate",
@@ -343,6 +360,7 @@
 	"version": "Versioon",
 	"vertical": "Vertikaalne",
 	"visibility": "N\u00e4htavus",
+	"visibility_explanation": "Kaart kuvatakse, kui K\u00d5IK allpool esitatud tingimused on t\u00e4idetud. Kui \u00fchtegi tingimust ei ole seatud, kuvatakse kaart alati.",
 	"visible": "N\u00e4htav",
 	"volume_level": "Helitugevus",
 	"water_heater_away_mode": "Eemalolekure\u017eiim",
diff --git a/static/translations/eu.json b/static/translations/eu.json
index 30e709cc..6b397b0d 100644
--- a/static/translations/eu.json
+++ b/static/translations/eu.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Login aborted",
+	"above": "Gainean",
 	"add": "Gehitu",
+	"add_condition": "Gehitu baldintza",
 	"add_item": "Gehitu elementua",
 	"add_view": "Bista gehitu",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "Eta",
 	"appearance": "Itxura",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Azpian",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Distira",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -40,6 +49,8 @@
 	"color": "Kolorea",
 	"color_temp": "Tenperatura",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "Baldintzak",
 	"configure": "Konfiguratu",
@@ -49,6 +60,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "Kopiatuta",
 	"copy": "Kopiatu",
+	"current_state": "current",
 	"date": "Data",
 	"date_or_time": "Date and/or time",
 	"day": "Eguna",
@@ -60,6 +72,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Editatu",
 	"edit_title": "Edit title",
 	"edit_ui": "Erabiltzaile interfazea editatu",
@@ -139,7 +152,7 @@
 	"notifications": "Jakinarazpenak",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "Jakinarazpenik ez",
-	"numeric": "Numeric state",
+	"numeric_state": "Numeric state",
 	"object": "Object",
 	"ok": "Ados",
 	"open_cover": "Open cover",
@@ -150,6 +163,7 @@
 	"open_valve": "Open valve",
 	"optional": "optional",
 	"options": "Options",
+	"or": "Edo",
 	"overview": "Laburpena",
 	"password": "Pasahitza",
 	"pause": "Pause",
@@ -170,7 +184,8 @@
 	"save": "Gorde",
 	"saved": "Gordeta",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Bilatu",
 	"seconds": "Segunduak",
@@ -194,6 +209,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "Egoera",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Gelditu",
 	"stop_cover": "Stop cover",
@@ -234,8 +251,8 @@
 	"url": "URL",
 	"username": "Erabiltzaile izena",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"visibility": "Ikusgarritasuna",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "Iragarpena",
 	"week": "Astea",
diff --git a/static/translations/fa.json b/static/translations/fa.json
index 9a62fdc6..d765b96e 100644
--- a/static/translations/fa.json
+++ b/static/translations/fa.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "\u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0644\u063a\u0648 \u0634\u062f",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "\u0627\u0641\u0632\u0648\u062f\u0646 \u0646\u0645\u0627\u06cc\u0647",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Atribute",
@@ -20,6 +23,12 @@
 	"back": "\u0628\u0627\u0632\u06af\u0634\u062a",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "\u0631\u0648\u0634\u0646\u0627\u06cc\u06cc",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -40,6 +49,8 @@
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "\u0634\u0631\u0627\u06cc\u0637",
 	"configure": "\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc",
@@ -49,6 +60,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "\u06a9\u067e\u06cc \u0634\u062f",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "\u062a\u0627\u0631\u06cc\u062e",
 	"date_or_time": "\u062a\u0627\u0631\u06cc\u062e \u0648 / \u06cc\u0627 \u0632\u0645\u0627\u0646",
 	"day": "Day",
@@ -60,6 +72,7 @@
 	"divider": "Divider",
 	"docs": "\u0645\u0633\u062a\u0646\u062f\u0627\u062a",
 	"done": "\u0627\u0646\u062c\u0627\u0645 \u0634\u062f\u0647",
+	"drag_and_drop": "Drag and drop",
 	"edit": "\u0648\u06cc\u0631\u0627\u06cc\u0634",
 	"edit_title": "Edit title",
 	"edit_ui": "\u0648\u06cc\u0631\u0627\u06cc\u0634 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc",
@@ -139,7 +152,7 @@
 	"notifications": "\u0627\u0639\u0644\u0627\u0646\u0647\u0627",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "\u0628\u062f\u0648\u0646 \u0627\u0639\u0644\u0627\u0646",
-	"numeric": "\u062d\u0627\u0644\u062a \u0639\u062f\u062f\u06cc",
+	"numeric_state": "\u062d\u0627\u0644\u062a \u0639\u062f\u062f\u06cc",
 	"object": "Object",
 	"ok": "\u0628\u0627\u0634\u0647",
 	"open_cover": "Open cover",
@@ -149,6 +162,7 @@
 	"open_valve": "Open valve",
 	"optional": "\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc",
 	"options": "Optiuni",
+	"or": "Or",
 	"overview": "\u0646\u0645\u0627\u06cc \u06a9\u0644\u06cc",
 	"password": "\u0631\u0645\u0632 \u0639\u0628\u0648\u0631",
 	"pause": "Pauza",
@@ -169,7 +183,8 @@
 	"save": "\u0630\u062e\u06cc\u0631\u0647",
 	"saved": "\u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647",
 	"say": "Say",
-	"scenes": "Scene",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "\u062c\u0633\u062a\u062c\u0648",
 	"seconds": "\u062b\u0627\u0646\u06cc\u0647 \u0647\u0627",
@@ -193,6 +208,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/Pauza",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -233,8 +250,8 @@
 	"url": "\u0622\u062f\u0631\u0633",
 	"username": "\u0646\u0627\u0645 \u06a9\u0627\u0631\u0628\u0631\u06cc",
 	"vacuum_commands": "Comenzi aspirator:",
-	"value": "Value",
 	"visibility": "\u0631\u0648\u06cc\u062a \u067e\u0630\u06cc\u0631\u06cc",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "\u067e\u06cc\u0634 \u0628\u06cc\u0646\u06cc",
 	"week": "Week",
diff --git a/static/translations/fi.json b/static/translations/fi.json
index a1031ca6..d18ea137 100644
--- a/static/translations/fi.json
+++ b/static/translations/fi.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Kirjautuminen on keskeytetty",
+	"above": "Yli",
 	"above_horizon": "Horisontin yl\u00e4puolella",
 	"active": "Aktiivinen",
 	"add": "Lis\u00e4\u00e4",
+	"add_condition": "Lis\u00e4\u00e4 ehto",
 	"add_item": "Lis\u00e4\u00e4",
 	"add_view": "Lis\u00e4\u00e4 n\u00e4kym\u00e4",
 	"addons": "Lis\u00e4osat",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Loma",
 	"alarm_modes_disarmed": "Viritys pois",
 	"alarm_modes_label": "H\u00e4lytystilat",
+	"and": "Ja",
 	"apparent_temperature": "N\u00e4enn\u00e4inen l\u00e4mp\u00f6tila",
 	"appearance": "Ulkon\u00e4k\u00f6",
 	"armed": "Viritetty",
@@ -33,8 +36,14 @@
 	"balanced": "Tasapainotettu",
 	"battery": "Akku",
 	"before": "J\u00e4lkeen",
+	"below": "Alle",
 	"below_horizon": "Horisontin alapuolella",
 	"both": "Molemmat",
+	"breakpoints": "N\u00e4ytt\u00f6koot",
+	"breakpoints_desktop": "Ty\u00f6p\u00f6yt\u00e4",
+	"breakpoints_mobile": "Mobiili",
+	"breakpoints_tablet": "Tabletti",
+	"breakpoints_wide": "Leve\u00e4",
 	"brightness": "Kirkkaus",
 	"buffering": "Puskuroi",
 	"button": "Painike",
@@ -60,6 +69,8 @@
 	"color": "V\u00e4ri",
 	"color_temp": "V\u00e4ril\u00e4mp\u00f6tila",
 	"columns": "Sarakkeet",
+	"condition_error": "Ehto ei tosi",
+	"condition_pass": "Ehto tosi",
 	"conditional": "Ehdollinen",
 	"conditions": "Ehdot",
 	"configure": "M\u00e4\u00e4rittele",
@@ -74,6 +85,7 @@
 	"copy": "Kopioi",
 	"counter": "Laskuri",
 	"current_humidity": "Nykyinen kosteus",
+	"current_state": "nykyinen",
 	"custom": "Mukautettu",
 	"date": "P\u00e4iv\u00e4m\u00e4\u00e4r\u00e4",
 	"date_or_time": "P\u00e4iv\u00e4m\u00e4\u00e4r\u00e4 ja/tai kellonaika",
@@ -91,6 +103,7 @@
 	"docked": "Telakoituna",
 	"docs": "Dokumentointi",
 	"done": "Valmis",
+	"drag_and_drop": "Raahaa ja pudota",
 	"dry": "Kuivaus",
 	"drying": "Kuivaus",
 	"duration": "Kesto",
@@ -212,7 +225,7 @@
 	"notifications": "Ilmoitukset",
 	"notifications_dismiss": "Hylk\u00e4\u00e4",
 	"notifications_empty": "Ei ilmoituksia",
-	"numeric": "Numeerinen tila",
+	"numeric_state": "Numeerinen tila",
 	"object": "Objekti",
 	"off": "Pois",
 	"ok": "OK",
@@ -227,6 +240,7 @@
 	"opening": "Avataan",
 	"optional": "Valinnainen",
 	"options": "Asetukset",
+	"or": "Tai",
 	"overview": "Yleisn\u00e4kym\u00e4",
 	"password": "Salasana",
 	"pause": "Tauko",
@@ -254,7 +268,8 @@
 	"save": "Tallenna",
 	"saved": "Tallennettu",
 	"say": "Sano",
-	"scenes": "tilanteet",
+	"scenes": "Tilanteet",
+	"screen": "N\u00e4ytt\u00f6",
 	"script": "Skripti",
 	"search": "Hae",
 	"seconds": "Sekuntia",
@@ -282,6 +297,8 @@
 	"start_over": "Aloita alusta",
 	"start_pause": "K\u00e4ynnistys / Tauko",
 	"state": "Tila",
+	"state_equal": "Tila on yht\u00e4 suuri kuin",
+	"state_not_equal": "Tila ei ole yht\u00e4 suuri kuin",
 	"status": "Tila",
 	"stop": "Pys\u00e4yt\u00e4",
 	"stop_cover": "Pys\u00e4yt\u00e4 suojus",
@@ -343,6 +360,7 @@
 	"version": "Versio",
 	"vertical": "Pystysuuntainen",
 	"visibility": "N\u00e4kyvyys",
+	"visibility_explanation": "Kortti n\u00e4ytet\u00e4\u00e4n, kun KAIKKI alla olevat ehdot t\u00e4yttyv\u00e4t. Jos mit\u00e4\u00e4n ehtoja ei ole asetettu, kortti n\u00e4ytet\u00e4\u00e4n aina.",
 	"visible": "N\u00e4kyy",
 	"volume_level": "\u00c4\u00e4nenvoimakkuus",
 	"water_heater_away_mode": "Poissa-tila",
diff --git a/static/translations/fr.json b/static/translations/fr.json
index 3d74c5ef..a0fdd5de 100644
--- a/static/translations/fr.json
+++ b/static/translations/fr.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Connexion interrompue",
+	"above": "Sup\u00e9rieur \u00e0",
 	"above_horizon": "Au-dessus de l'horizon",
 	"active": "Actif",
 	"add": "Ajouter",
+	"add_condition": "Ajouter une condition",
 	"add_item": "Ajouter un \u00e9l\u00e9ment",
 	"add_view": "Ajouter la vue",
 	"addons": "Modules compl\u00e9mentaires",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Vacances",
 	"alarm_modes_disarmed": "D\u00e9sactiv\u00e9",
 	"alarm_modes_label": "Modes d\u2019alarme",
+	"and": "Et",
 	"apparent_temperature": "Temp\u00e9rature apparente",
 	"appearance": "Apparence",
 	"armed": "Activ\u00e9e",
@@ -33,8 +36,14 @@
 	"balanced": "\u00c9quilibr\u00e9",
 	"battery": "Batterie",
 	"before": "Avant",
+	"below": "Inf\u00e9rieur \u00e0",
 	"below_horizon": "Sous l\u2019horizon",
 	"both": "Les deux",
+	"breakpoints": "Tailles de l'\u00e9cran",
+	"breakpoints_desktop": "Ordinateur",
+	"breakpoints_mobile": "T\u00e9l\u00e9phone",
+	"breakpoints_tablet": "Tablette",
+	"breakpoints_wide": "Large",
 	"brightness": "Luminosit\u00e9",
 	"buffering": "Mise en m\u00e9moire tampon",
 	"button": "Bouton",
@@ -60,6 +69,8 @@
 	"color": "Couleur",
 	"color_temp": "Temp\u00e9rature",
 	"columns": "Colonnes",
+	"condition_error": "La condition n'est pas remplie",
+	"condition_pass": "La condition est remplie",
 	"conditional": "Conditionnelle",
 	"conditions": "Conditions",
 	"configure": "Configurer",
@@ -74,6 +85,7 @@
 	"copy": "Copier",
 	"counter": "Compteur",
 	"current_humidity": "Humidit\u00e9 actuelle",
+	"current_state": "actuel",
 	"custom": "Personnalis\u00e9",
 	"date": "Date",
 	"date_or_time": "Date et/ou heure",
@@ -91,6 +103,7 @@
 	"docked": "Sur la base",
 	"docs": "Documentation",
 	"done": "Termin\u00e9",
+	"drag_and_drop": "Glisser-d\u00e9poser",
 	"dry": "D\u00e9shumidification",
 	"drying": "D\u00e9shumidifie",
 	"duration": "Dur\u00e9e",
@@ -211,7 +224,7 @@
 	"notifications": "Notifications",
 	"notifications_dismiss": "Ignorer",
 	"notifications_empty": "Aucune notification",
-	"numeric": "\u00c9tat num\u00e9rique",
+	"numeric_state": "\u00c9tat num\u00e9rique",
 	"object": "Objet",
 	"off": "D\u00e9sactiv\u00e9",
 	"ok": "OK",
@@ -226,6 +239,7 @@
 	"opening": "Ouverture",
 	"optional": "optionnel",
 	"options": "Options",
+	"or": "Ou",
 	"overview": "Aper\u00e7u",
 	"password": "Mot de passe",
 	"pause": "Interrompre",
@@ -253,7 +267,8 @@
 	"save": "Enregistrer",
 	"saved": "Enregistr\u00e9",
 	"say": "Dire",
-	"scenes": "sc\u00e8nes",
+	"scenes": "Sc\u00e8nes",
+	"screen": "\u00c9cran",
 	"script": "Script",
 	"search": "Rechercher",
 	"seconds": "Secondes",
@@ -281,6 +296,8 @@
 	"start_over": "Recommencer",
 	"start_pause": "D\u00e9marrer/Interrompre",
 	"state": "\u00c9tat",
+	"state_equal": "L'\u00e9tat est \u00e9gal \u00e0",
+	"state_not_equal": "L'\u00e9tat n'est pas \u00e9gal \u00e0",
 	"status": "\u00c9tat",
 	"stop": "Arr\u00eater",
 	"stop_cover": "Arr\u00eater le volet",
@@ -342,6 +359,7 @@
 	"version": "Version",
 	"vertical": "Verticale",
 	"visibility": "Visibilit\u00e9",
+	"visibility_explanation": "La carte sera affich\u00e9e lorsque TOUTES les conditions ci-dessous seront remplies. Si aucune condition n\u2019est d\u00e9finie, la carte sera toujours affich\u00e9e.",
 	"visible": "Visible",
 	"volume_level": "Volume",
 	"water_heater_away_mode": "Mode absent",
diff --git a/static/translations/fy.json b/static/translations/fy.json
index 5230a104..4e3e7fb8 100644
--- a/static/translations/fy.json
+++ b/static/translations/fy.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Oanmelding \u00f4fbrutsen",
+	"above": "Above",
 	"add": "Taheakje",
+	"add_condition": "Add condition",
 	"add_item": "Item taheakje",
 	"add_view": "Werjefte taheakje",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Fak\u00e2nsje",
 	"alarm_modes_disarmed": "\u00datskeakelje",
 	"alarm_modes_label": "Alarm modi",
+	"and": "En",
 	"appearance": "Uterlik",
 	"aspect_ratio": "Byldferh\u00e2lding",
 	"attributes": "Attributen",
@@ -20,6 +23,12 @@
 	"back": "Werom",
 	"battery": "Batterij",
 	"before": "Foar",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobyl",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Helderheid",
 	"button": "Knop",
 	"buttons": "Knoppen",
@@ -40,6 +49,8 @@
 	"color": "Kleur",
 	"color_temp": "Temperatuer",
 	"columns": "Kolommen",
+	"condition_error": "Net foldien oan betingst",
+	"condition_pass": "Betingst foldien",
 	"conditional": "\u00dbnder betingst",
 	"conditions": "Betingsten",
 	"configure": "Konfigurearje",
@@ -50,6 +61,7 @@
 	"connection_starting": "Home Assistant is oan it opstarten. Under it opstarten is net alles beskikber.",
 	"copied": "Kopiearre",
 	"copy": "Kopiearjen",
+	"current_state": "Hjoeddeistige",
 	"date": "Datum",
 	"date_or_time": "Datum en/of tiid",
 	"day": "Dei",
@@ -61,6 +73,7 @@
 	"divider": "Ferdieler",
 	"docs": "Dokumintaasje",
 	"done": "Klear",
+	"drag_and_drop": "Sleepe en delsette",
 	"edit": "Bewurkje",
 	"edit_title": "Wizich titel",
 	"edit_ui": "Dashboard bewurkje",
@@ -140,7 +153,7 @@
 	"notifications": "Notifikaasjes",
 	"notifications_dismiss": "Slute",
 	"notifications_empty": "Gjin notifikaasjes",
-	"numeric": "N\u00fbmerike status",
+	"numeric_state": "N\u00fbmerike status",
 	"object": "Objekt",
 	"ok": "OK",
 	"open_cover": "Iepen bedekking",
@@ -150,6 +163,7 @@
 	"open_valve": "Iepen klep",
 	"optional": "opsjoneel",
 	"options": "Op",
+	"or": "Of",
 	"overview": "Oersicht",
 	"password": "Wachtwurd",
 	"pause": "Pauzeren",
@@ -170,7 +184,8 @@
 	"save": "Opslaan",
 	"saved": "Opslein",
 	"say": "Sis",
-	"scenes": "s\u00eanes",
+	"scenes": "S\u00eanes",
+	"screen": "Screen",
 	"script": "Skript",
 	"search": "Sykje",
 	"seconds": "Sekonden",
@@ -194,6 +209,8 @@
 	"start_over": "Oernij begjinne",
 	"start_pause": "Start/Pause",
 	"state": "Steat",
+	"state_equal": "State is equal to",
+	"state_not_equal": "Status is net gelyk oan",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop bedekking",
@@ -237,6 +254,7 @@
 	"vacuum_commands": "Stofs\u00fbger opdrachten:",
 	"value": "Wearde",
 	"visibility": "Sichtberens",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Sichtber",
 	"weather_forecast": "Foarsizzing",
 	"week": "Wike",
diff --git a/static/translations/gl.json b/static/translations/gl.json
index 4bd26982..85b2c3af 100644
--- a/static/translations/gl.json
+++ b/static/translations/gl.json
@@ -1,7 +1,9 @@
 {
 	"abort_login": "Cancelouse o inicio de sesi\u00f3n",
+	"above": "Por enriba de",
 	"above_horizon": "Sobre o horizonte",
 	"add": "Engadir",
+	"add_condition": "Engadir condici\u00f3n",
 	"add_item": "Engadir elementos",
 	"add_view": "Engadir vista",
 	"addons": "Complementos",
@@ -13,6 +15,7 @@
 	"alarm_modes_armed_vacation": "Vacaci\u00f3ns",
 	"alarm_modes_disarmed": "Desarmado",
 	"alarm_modes_label": "Modos de alarma",
+	"and": "E",
 	"appearance": "Aparencia",
 	"arming": "Armando",
 	"aspect_ratio": "Relaci\u00f3n de aspecto",
@@ -24,7 +27,13 @@
 	"balanced": "Equilibrado",
 	"battery": "Bater\u00eda",
 	"before": "Antes de",
+	"below": "Por debaixo de",
 	"below_horizon": "Baixo o horizonte",
+	"breakpoints": "Tama\u00f1os de pantalla",
+	"breakpoints_desktop": "Escritorio",
+	"breakpoints_mobile": "M\u00f3bil",
+	"breakpoints_tablet": "Tableta",
+	"breakpoints_wide": "Ancho",
 	"brightness": "Brillo",
 	"button": "Bot\u00f3n",
 	"buttons": "Bot\u00f3ns",
@@ -45,6 +54,8 @@
 	"color": "Cor",
 	"color_temp": "Temperatura",
 	"columns": "Columnas",
+	"condition_error": "Non cumpre coa condici\u00f3n",
+	"condition_pass": "Cumpre coa condici\u00f3n",
 	"conditional": "Condici\u00f3ns",
 	"conditions": "Condici\u00f3ns",
 	"configure": "Configurar",
@@ -55,6 +66,7 @@
 	"connection_starting": "Home Assistant est\u00e1 a comezar, non todo estar\u00e1 dispo\u00f1ible ata que termine.",
 	"copied": "Copiado",
 	"copy": "Copiar",
+	"current_state": "Actual",
 	"date": "Data",
 	"date_or_time": "Data e/ou hora",
 	"day": "D\u00eda",
@@ -68,6 +80,7 @@
 	"divider": "Divisor",
 	"docs": "Documentaci\u00f3n",
 	"done": "Feito",
+	"drag_and_drop": "Arrastrar e soltar",
 	"edit": "Editar",
 	"edit_title": "Editar t\u00edtulo",
 	"edit_ui": "Editar UI",
@@ -153,7 +166,7 @@
 	"notifications": "Notificaci\u00f3ns",
 	"notifications_dismiss": "Desbotar",
 	"notifications_empty": "Sen notificaci\u00f3ns",
-	"numeric": "Estado num\u00e9rico",
+	"numeric_state": "Estado num\u00e9rico",
 	"object": "Obxecto",
 	"ok": "OK",
 	"open_cover": "Abrir persiana",
@@ -164,6 +177,7 @@
 	"open_valve": "Abrir v\u00e1lvula",
 	"optional": "Opcional",
 	"options": "Opci\u00f3ns",
+	"or": "Ou",
 	"overview": "Vista Xeral",
 	"password": "Contrasinal",
 	"pause": "Pausa",
@@ -186,7 +200,8 @@
 	"save": "Gardar",
 	"saved": "Gardado",
 	"say": "Di",
-	"scenes": "escenas",
+	"scenes": "Escenas",
+	"screen": "Pantalla",
 	"script": "Script",
 	"search": "Buscar",
 	"seconds": "Segundos",
@@ -211,6 +226,8 @@
 	"start_over": "Comezar de novo",
 	"start_pause": "Comezar/pausa",
 	"state": "Estado",
+	"state_equal": "O estado e igual a",
+	"state_not_equal": "O estado non \u00e9 igual a",
 	"status": "Estado",
 	"stop": "Deter",
 	"stop_cover": "Parar persiana",
@@ -259,6 +276,7 @@
 	"vacuum_commands": "Comandos do aspirador:",
 	"value": "Valor",
 	"visibility": "Visibilidade",
+	"visibility_explanation": "A tarxeta mostrarase cando TODAS as condici\u00f3ns se cumpran. Se non se establecen condici\u00f3ns, a tarxeta sempre se mostrar\u00e1.",
 	"visible": "Vis\u00edbel",
 	"weather": "Clima",
 	"weather_clear_night": "Despexado, de noite",
diff --git a/static/translations/gsw.json b/static/translations/gsw.json
index 54144f00..3647473b 100644
--- a/static/translations/gsw.json
+++ b/static/translations/gsw.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Aam\u00e4udig abbroche",
+	"above": "\u00dcber",
 	"above_horizon": "\u00dcberem Horizont",
 	"active": "Aktiv",
 	"add": "Derzuef\u00fcege",
+	"add_condition": "Bedingig derzuetue",
 	"add_item": "Yytrag derzuef\u00fcege",
 	"add_view": "Aasicht derzuef\u00fcege",
 	"addons": "Add-On",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Ferie",
 	"alarm_modes_disarmed": "Deaktiviert",
 	"alarm_modes_label": "Alarm-Modi",
+	"and": "Und",
 	"apparent_temperature": "Gf\u00fceuti Temperatur",
 	"appearance": "Erschynig",
 	"aspect_ratio": "Massstab",
@@ -23,7 +26,13 @@
 	"back": "Zr\u00fcgg",
 	"battery": "Batterie",
 	"before": "Vorh\u00e4r",
+	"below": "Under",
 	"below_horizon": "Underem Horizont",
+	"breakpoints": "Biudschirmgr\u00f6ssi",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Natel",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Breiti",
 	"brightness": "H\u00e4uigkeit",
 	"button": "Chopf",
 	"buttons": "Chn\u00f6pf",
@@ -45,6 +54,8 @@
 	"color": "Farb",
 	"color_temp": "Temperatur",
 	"columns": "Spaute",
+	"condition_error": "Bedingig nid erf\u00fcllt",
+	"condition_pass": "Bedingig erf\u00fcllt",
 	"conditional": "bedingt",
 	"conditions": "Bedingige",
 	"configure": "Konfiguri\u00e4r\u00e4",
@@ -55,6 +66,7 @@
 	"connection_starting": "Home Assistant isch am ufstarte, es isch no nid aues verf\u00fcegbar bis der Start abgschlosse isch.",
 	"copied": "Kopiert",
 	"copy": "Kopiere",
+	"current_state": "aktuell",
 	"date": "Datum",
 	"date_or_time": "Datum und/oder Zyt",
 	"day": "Tag",
@@ -66,6 +78,7 @@
 	"divider": "Trenner",
 	"docs": "Dokumentation",
 	"done": "Fertig",
+	"drag_and_drop": "Drag & Drop",
 	"edit": "Bearbeite",
 	"edit_title": "Titu bearbeite",
 	"edit_ui": "Benutzeroberfl\u00e4chi bearbeite",
@@ -149,7 +162,7 @@
 	"notifications": "Benachrichtigunge",
 	"notifications_dismiss": "Verw\u00e4rfe",
 	"notifications_empty": "Ke Benachrichtigunge",
-	"numeric": "Numerische Zuestand",
+	"numeric_state": "Numerische Zuestand",
 	"object": "Objekt",
 	"off": "Us",
 	"ok": "OK",
@@ -163,6 +176,7 @@
 	"open_valve": "V\u00e4ntiu uftue",
 	"optional": "freiwiuig",
 	"options": "Optione",
+	"or": "Oder",
 	"overview": "\u00dcbersicht",
 	"password": "Passwort",
 	"pause": "Pouse",
@@ -185,6 +199,7 @@
 	"saved": "Gspycheret",
 	"say": "S\u00e4ge",
 	"scenes": "Szene",
+	"screen": "Biudschirm",
 	"script": "Skript",
 	"search": "Suech",
 	"seconds": "Sekunde",
@@ -209,6 +224,8 @@
 	"start_over": "Nomau aafah",
 	"start_pause": "Starte/pouse",
 	"state": "Status",
+	"state_equal": "Zuestand entspricht",
+	"state_not_equal": "Zuestand entspricht nid",
 	"status": "Status",
 	"stop": "Stope",
 	"stop_cover": "Bl\u00e4ndi stoppe",
@@ -252,6 +269,7 @@
 	"vacuum_commands": "Stoubsuger Bef\u00e4u:",
 	"value": "W\u00e4rt",
 	"visibility": "Sichtbarkeit",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "sichtbar",
 	"water_heater_off": "Us",
 	"weather": "W\u00e4tter",
diff --git a/static/translations/he.json b/static/translations/he.json
index b97da7e7..f6465cfe 100644
--- a/static/translations/he.json
+++ b/static/translations/he.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "\u05d4\u05db\u05e0\u05d9\u05e1\u05d4 \u05d1\u05d5\u05d8\u05dc\u05d4",
+	"above": "\u05de\u05e2\u05dc",
 	"above_horizon": "\u05de\u05e2\u05dc \u05d4\u05d0\u05d5\u05e4\u05e7",
 	"active": "\u05e4\u05e2\u05d9\u05dc",
 	"add": "\u05d4\u05d5\u05e1\u05e4\u05d4",
+	"add_condition": "\u05d4\u05d5\u05e1\u05e4\u05ea \u05ea\u05e0\u05d0\u05d9",
 	"add_item": "\u05d4\u05d5\u05e1\u05e4\u05ea \u05e4\u05e8\u05d9\u05d8",
 	"add_view": "\u05d4\u05d5\u05e1\u05e4\u05ea \u05ea\u05e6\u05d5\u05d2\u05d4",
 	"addons": "\u05d4\u05e8\u05d7\u05d1\u05d5\u05ea",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "\u05d7\u05d5\u05e4\u05e9\u05d4",
 	"alarm_modes_disarmed": "\u05dc\u05d0 \u05d3\u05e8\u05d5\u05da",
 	"alarm_modes_label": "\u05de\u05e6\u05d1\u05d9 \u05d0\u05d6\u05e2\u05e7\u05d4",
+	"and": "\u05d5\u05d2\u05dd",
 	"apparent_temperature": "\u05d8\u05de\u05e4\u05e8\u05d8\u05d5\u05e8\u05d4 \u05de\u05d5\u05e8\u05d2\u05e9\u05ea",
 	"appearance": "\u05de\u05e8\u05d0\u05d4",
 	"armed": "\u05d3\u05e8\u05d5\u05da",
@@ -33,8 +36,14 @@
 	"balanced": "\u05de\u05d0\u05d5\u05d6\u05df",
 	"battery": "\u05e1\u05d5\u05dc\u05dc\u05d4",
 	"before": "\u05dc\u05e4\u05e0\u05d9",
+	"below": "\u05de\u05ea\u05d7\u05ea",
 	"below_horizon": "\u05de\u05ea\u05d7\u05ea \u05dc\u05d0\u05d5\u05e4\u05e7",
 	"both": "\u05e9\u05e0\u05d9\u05d4\u05dd",
+	"breakpoints": "\u05d2\u05d3\u05dc\u05d9 \u05de\u05e1\u05da",
+	"breakpoints_desktop": "\u05e9\u05d5\u05dc\u05d7\u05df \u05e2\u05d1\u05d5\u05d3\u05d4",
+	"breakpoints_mobile": "\u05e0\u05d9\u05d9\u05d3",
+	"breakpoints_tablet": "\u05d8\u05d0\u05d1\u05dc\u05d8",
+	"breakpoints_wide": "\u05e8\u05d7\u05d1",
 	"brightness": "\u05d1\u05d4\u05d9\u05e8\u05d5\u05ea",
 	"buffering": "\u05d0\u05d5\u05d2\u05e8",
 	"button": "\u05db\u05e4\u05ea\u05d5\u05e8",
@@ -60,6 +69,8 @@
 	"color": "\u05e6\u05d1\u05e2",
 	"color_temp": "\u05d8\u05de\u05e4\u05e8\u05d8\u05d5\u05e8\u05d4",
 	"columns": "\u05e2\u05de\u05d5\u05d3\u05d5\u05ea",
+	"condition_error": "\u05d4\u05ea\u05e0\u05d0\u05d9 \u05dc\u05d0 \u05e2\u05d1\u05e8",
+	"condition_pass": "\u05d4\u05ea\u05e0\u05d0\u05d9 \u05e2\u05d5\u05d1\u05e8",
 	"conditional": "\u05de\u05d5\u05ea\u05e0\u05d4",
 	"conditions": "\u05ea\u05e0\u05d0\u05d9\u05dd",
 	"configure": "\u05d4\u05d2\u05d3\u05e8",
@@ -74,6 +85,7 @@
 	"copy": "\u05d4\u05e2\u05ea\u05e7\u05d4",
 	"counter": "\u05de\u05d5\u05e0\u05d4",
 	"current_humidity": "\u05dc\u05d7\u05d5\u05ea \u05e0\u05d5\u05db\u05d7\u05d9\u05ea",
+	"current_state": "\u05e0\u05d5\u05db\u05d7\u05d9",
 	"custom": "\u05de\u05d5\u05ea\u05d0\u05dd \u05d0\u05d9\u05e9\u05d9\u05ea",
 	"date": "\u05ea\u05d0\u05e8\u05d9\u05da",
 	"date_or_time": "\u05ea\u05d0\u05e8\u05d9\u05da \u05d5/\u05d0\u05d5 \u05e9\u05e2\u05d4",
@@ -91,6 +103,7 @@
 	"docked": "\u05d1\u05ea\u05d7\u05e0\u05ea \u05e2\u05d2\u05d9\u05e0\u05d4",
 	"docs": "\u05ea\u05d9\u05e2\u05d5\u05d3",
 	"done": "\u05d1\u05d5\u05e6\u05e2",
+	"drag_and_drop": "\u05d2\u05e8\u05d9\u05e8\u05d4 \u05d5\u05e9\u05d7\u05e8\u05d5\u05e8",
 	"dry": "\u05d9\u05d1\u05e9",
 	"drying": "\u05d9\u05d9\u05d1\u05d5\u05e9",
 	"duration": "\u05de\u05e9\u05da \u05d6\u05de\u05df",
@@ -187,7 +200,7 @@
 	"medium": "\u05d1\u05d9\u05e0\u05d5\u05e0\u05d9",
 	"menu": "\u05ea\u05e4\u05e8\u05d9\u05d8",
 	"mfa_code": "\u05e7\u05d5\u05d3 \u05d0\u05d9\u05de\u05d5\u05ea \u05d3\u05d5 \u05e9\u05dc\u05d1\u05d9",
-	"mfa_description": "\u05e4\u05ea\u05d9\u05d7\u05ea {mfa_module_name} \u05d1\u05d4\u05ea\u05e7\u05df \u05e9\u05dc\u05da \u05db\u05d3\u05d9 \u05dc\u05d4\u05e6\u05d9\u05d2 \u05d0\u05ea \u05e7\u05d5\u05d3 \u05d4\u05d0\u05d9\u05de\u05d5\u05ea \u05d4\u05d3\u05d5 \u05e9\u05dc\u05d1\u05d9 \u05e9\u05dc\u05da.",
+	"mfa_description": "\u05d9\u05e9 \u05dc\u05e4\u05ea\u05d5\u05d7 \u05d0\u05ea {mfa_module_name} \u05d1\u05d4\u05ea\u05e7\u05df \u05e9\u05dc\u05da \u05db\u05d3\u05d9 \u05dc\u05d4\u05e6\u05d9\u05d2 \u05d0\u05ea \u05e7\u05d5\u05d3 \u05d4\u05d0\u05d9\u05de\u05d5\u05ea \u05d4\u05d3\u05d5-\u05e9\u05dc\u05d1\u05d9 \u05e9\u05dc\u05da.",
 	"min_length": "\u05d0\u05d5\u05e8\u05da \u05de\u05d6\u05e2\u05e8\u05d9",
 	"minutes": "\u05d3\u05e7\u05d5\u05ea",
 	"mobile": "\u05e0\u05d9\u05d9\u05d3",
@@ -208,7 +221,7 @@
 	"notifications": "\u05d4\u05ea\u05e8\u05d0\u05d5\u05ea",
 	"notifications_dismiss": "\u05d1\u05d8\u05dc",
 	"notifications_empty": "\u05d0\u05d9\u05df \u05d4\u05ea\u05e8\u05d0\u05d5\u05ea",
-	"numeric": "\u05de\u05e6\u05d1 \u05de\u05e1\u05e4\u05e8\u05d9",
+	"numeric_state": "\u05de\u05e6\u05d1 \u05de\u05e1\u05e4\u05e8\u05d9",
 	"object": "\u05d0\u05d5\u05d1\u05d9\u05d9\u05e7\u05d8",
 	"off": "\u05db\u05d1\u05d5\u05d9",
 	"ok": "\u05d0\u05d9\u05e9\u05d5\u05e8",
@@ -223,6 +236,7 @@
 	"opening": "\u05e4\u05d5\u05ea\u05d7",
 	"optional": "\u05d0\u05d5\u05e4\u05e6\u05d9\u05d5\u05e0\u05dc\u05d9",
 	"options": "\u05d0\u05e4\u05e9\u05e8\u05d5\u05d9\u05d5\u05ea",
+	"or": "\u05d0\u05d5",
 	"overview": "\u05e8\u05d0\u05e9\u05d9",
 	"password": "\u05e1\u05d9\u05e1\u05de\u05d4",
 	"pause": "\u05d4\u05e9\u05d4\u05d9\u05d4",
@@ -251,6 +265,7 @@
 	"saved": "\u05e0\u05e9\u05de\u05e8",
 	"say": "\u05d0\u05de\u05d5\u05e8",
 	"scenes": "\u05e1\u05e6\u05e0\u05d5\u05ea",
+	"screen": "\u05de\u05e1\u05da",
 	"script": "\u05ea\u05e1\u05e8\u05d9\u05d8",
 	"search": "\u05d7\u05d9\u05e4\u05d5\u05e9",
 	"seconds": "\u05e9\u05e0\u05d9\u05d5\u05ea",
@@ -278,6 +293,8 @@
 	"start_over": "\u05d4\u05ea\u05d7\u05dc \u05de\u05d7\u05d3\u05e9",
 	"start_pause": "\u05d4\u05ea\u05d7\u05dc\u05d4/\u05d4\u05e9\u05d4\u05d9\u05d4",
 	"state": "\u05de\u05e6\u05d1",
+	"state_equal": "\u05d4\u05de\u05e6\u05d1 \u05e9\u05d5\u05d5\u05d4 \u05dc",
+	"state_not_equal": "\u05d4\u05de\u05e6\u05d1 \u05d0\u05d9\u05e0\u05d5 \u05e9\u05d5\u05d5\u05d4 \u05dc",
 	"status": "\u05e1\u05d8\u05d8\u05d5\u05e1",
 	"stop": "\u05e2\u05e6\u05d9\u05e8\u05d4",
 	"stop_cover": "\u05e2\u05e6\u05d9\u05e8\u05ea \u05d5\u05d9\u05dc\u05d5\u05df",
@@ -339,6 +356,7 @@
 	"version": "\u05d2\u05d9\u05e8\u05e1\u05d4",
 	"vertical": "\u05d0\u05e0\u05db\u05d9",
 	"visibility": "\u05e0\u05d9\u05e8\u05d0\u05d5\u05ea",
+	"visibility_explanation": "\u05d4\u05db\u05e8\u05d8\u05d9\u05e1 \u05d9\u05d5\u05e6\u05d2 \u05db\u05d0\u05e9\u05e8 \u05db\u05dc \u05d4\u05ea\u05e0\u05d0\u05d9\u05dd \u05dc\u05d4\u05dc\u05df \u05d9\u05ea\u05e7\u05d9\u05d9\u05de\u05d5. \u05d0\u05dd \u05dc\u05d0 \u05e0\u05e7\u05d1\u05e2\u05d5 \u05ea\u05e0\u05d0\u05d9\u05dd, \u05d4\u05db\u05e8\u05d8\u05d9\u05e1 \u05ea\u05de\u05d9\u05d3 \u05d9\u05d5\u05e6\u05d2.",
 	"visible": "\u05d2\u05dc\u05d5\u05d9",
 	"volume_level": "\u05e2\u05d5\u05e6\u05de\u05ea \u05e9\u05de\u05e2",
 	"water_heater_away_mode": "\u05de\u05e6\u05d1 \u05dc\u05d0 \u05d1\u05d1\u05d9\u05ea",
diff --git a/static/translations/hi.json b/static/translations/hi.json
index 01e0cde7..1c684bce 100644
--- a/static/translations/hi.json
+++ b/static/translations/hi.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Login aborted",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Add view",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Brightness",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -36,10 +45,11 @@
 	"close_cover": "Close cover",
 	"close_tilt_cover": "Close cover tilt",
 	"close_valve": "Close valve",
-	"code": "Code",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "Configure",
@@ -49,6 +59,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "Copied",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Date",
 	"date_or_time": "Date and/or time",
 	"day": "Day",
@@ -60,6 +71,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Edit",
 	"edit_title": "Edit title",
 	"edit_ui": "Edit UI",
@@ -139,7 +151,7 @@
 	"notifications": "\u0938\u0942\u091a\u0928\u093e\u090f\u0901",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "\u0938\u0942\u091a\u0928\u093e\u090f\u0901\u00a0\u0928\u0939\u0940\u0902\u00a0\u0939\u0948\u0902",
-	"numeric": "Numeric state",
+	"numeric_state": "Numeric state",
 	"object": "Object",
 	"ok": "OK",
 	"open_cover": "Open cover",
@@ -149,6 +161,7 @@
 	"open_valve": "Open valve",
 	"optional": "optional",
 	"options": "Options",
+	"or": "Or",
 	"overview": "\u0938\u094d\u0925\u0905\u0935\u0932\u094b\u0915\u0928",
 	"password": "Password",
 	"pause": "Pause",
@@ -169,7 +182,8 @@
 	"save": "Save",
 	"saved": "Saved",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "Seconds",
@@ -193,6 +207,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -233,8 +249,8 @@
 	"url": "URL",
 	"username": "Username",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "Forecast",
 	"week": "Week",
diff --git a/static/translations/hr.json b/static/translations/hr.json
index 1d27202a..d63a846b 100644
--- a/static/translations/hr.json
+++ b/static/translations/hr.json
@@ -1,7 +1,9 @@
 {
 	"abort_login": "Prijava je prekinuta",
+	"above": "Iznad",
 	"above_horizon": "Iznad horizonta",
 	"add": "Dodati",
+	"add_condition": "Dodaj uvjet",
 	"add_item": "Dodaj stavku",
 	"add_view": "Dodaj prikaz",
 	"addons": "Dodaci",
@@ -13,6 +15,7 @@
 	"alarm_modes_armed_vacation": "Godi\u0161nji",
 	"alarm_modes_disarmed": "Deaktiviran",
 	"alarm_modes_label": "Na\u010dini rada alarma",
+	"and": "I",
 	"appearance": "Izgled",
 	"aspect_ratio": "Omjer",
 	"attributes": "Atributi",
@@ -21,7 +24,13 @@
 	"back": "Nazad",
 	"battery": "Baterija",
 	"before": "Prije",
+	"below": "Ispod",
 	"below_horizon": "Ispod horizonta",
+	"breakpoints": "Veli\u010dine zaslona",
+	"breakpoints_desktop": "Radna povr\u0161ina",
+	"breakpoints_mobile": "Mobitel",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "\u0160irina",
 	"brightness": "Svjetlina",
 	"button": "Gumb",
 	"buttons": "Gumbi",
@@ -42,6 +51,8 @@
 	"color": "Boja",
 	"color_temp": "Temperatura",
 	"columns": "Stupci",
+	"condition_error": "Uvjet nije ispunjen",
+	"condition_pass": "Uvjeti prolaza",
 	"conditional": "Uvjetni",
 	"conditions": "Uvjeti",
 	"configure": "Konfiguriranje",
@@ -52,6 +63,7 @@
 	"connection_starting": "Home Assistant po\u010dinje, ne\u0107e sve biti dostupno dok ne zavr\u0161i.",
 	"copied": "Kopirano",
 	"copy": "Kopirati",
+	"current_state": "struja",
 	"date": "Datum",
 	"date_or_time": "Datum i/ili vrijeme",
 	"day": "Dan",
@@ -63,6 +75,7 @@
 	"divider": "Razdjelnik",
 	"docs": "Dokumentacija",
 	"done": "Gotovo",
+	"drag_and_drop": "Povucite i ispustite",
 	"edit": "Uredi",
 	"edit_title": "Uredi naslov",
 	"edit_ui": "Uredi UI",
@@ -142,7 +155,7 @@
 	"notifications": "Obavijesti",
 	"notifications_dismiss": "Odbaci",
 	"notifications_empty": "Nema obavijesti",
-	"numeric": "Numeri\u010dko stanje",
+	"numeric_state": "Numeri\u010dko stanje",
 	"object": "Objekt",
 	"ok": "OK",
 	"open_cover": "Otvori",
@@ -153,6 +166,7 @@
 	"open_valve": "Otvori ventil",
 	"optional": "Neobavezno",
 	"options": "Opcije",
+	"or": "Ili",
 	"overview": "Pregled",
 	"password": "Lozinka",
 	"pause": "Pauza",
@@ -173,7 +187,8 @@
 	"save": "Spremi",
 	"saved": "Spremljeno",
 	"say": "Reci",
-	"scenes": "scene",
+	"scenes": "Scene",
+	"screen": "Zaslon",
 	"script": "Skripta",
 	"search": "Pretra\u017eivanje",
 	"seconds": "Sekundi",
@@ -197,6 +212,8 @@
 	"start_over": "Po\u010deti ispo\u010detka",
 	"start_pause": "Start/pauza",
 	"state": "Stanje",
+	"state_equal": "Stanje je jednako",
+	"state_not_equal": "Stanje nije jednako",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Zaustavit",
@@ -239,6 +256,7 @@
 	"vacuum_commands": "Naredbe usisava\u010da:",
 	"value": "Vrijednost",
 	"visibility": "Vidljivost",
+	"visibility_explanation": "Kartica \u0107e se prikazati kada su ispunjeni SVI dolje navedeni uvjeti. Ako nisu postavljeni uvjeti, kartica \u0107e uvijek biti prikazana.",
 	"visible": "Vidljivo",
 	"weather_forecast": "Prognoza",
 	"weather_partlycloudy": "Promjenjivo obla\u010dno",
diff --git a/static/translations/hu.json b/static/translations/hu.json
index ffab5c66..a6df49fd 100644
--- a/static/translations/hu.json
+++ b/static/translations/hu.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Bejelentkez\u00e9s megszak\u00edtva",
+	"above": "Felett",
 	"above_horizon": "L\u00e1t\u00f3hat\u00e1r felett",
 	"active": "Akt\u00edv",
 	"add": "Hozz\u00e1ad\u00e1s",
+	"add_condition": "Felt\u00e9tel hozz\u00e1ad\u00e1sa",
 	"add_item": "T\u00e9tel hozz\u00e1ad\u00e1sa",
 	"add_view": "N\u00e9zet hozz\u00e1ad\u00e1sa",
 	"addons": "B\u0151v\u00edtm\u00e9nyek",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Vak\u00e1ci\u00f3",
 	"alarm_modes_disarmed": "Hat\u00e1stalan\u00edtva",
 	"alarm_modes_label": "Riaszt\u00e1si m\u00f3dok",
+	"and": "\u00c9s",
 	"apparent_temperature": "H\u0151\u00e9rzet",
 	"appearance": "Megjelen\u00e9s",
 	"armed": "\u00c9les\u00edtve",
@@ -33,8 +36,14 @@
 	"balanced": "Kiegyens\u00falyozott",
 	"battery": "Akkumul\u00e1tor",
 	"before": "El\u0151tt",
+	"below": "Alatt",
 	"below_horizon": "L\u00e1t\u00f3hat\u00e1r alatt",
 	"both": "Mindkett\u0151",
+	"breakpoints": "K\u00e9perny\u0151m\u00e9retek",
+	"breakpoints_desktop": "Asztali",
+	"breakpoints_mobile": "Mobil",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Sz\u00e9less\u00e9g",
 	"brightness": "F\u00e9nyer\u0151",
 	"buffering": "Pufferel\u00e9s",
 	"button": "Gomb",
@@ -60,6 +69,8 @@
 	"color": "Sz\u00edn",
 	"color_temp": "H\u0151m\u00e9rs\u00e9klet",
 	"columns": "Oszlopok",
+	"condition_error": "A felt\u00e9tel nem teljes\u00fcl",
+	"condition_pass": "A felt\u00e9tel teljes\u00fcl",
 	"conditional": "Felt\u00e9teles",
 	"conditions": "Felt\u00e9telek",
 	"configure": "Be\u00e1ll\u00edt\u00e1s",
@@ -74,6 +85,7 @@
 	"copy": "M\u00e1sol\u00e1s",
 	"counter": "Sz\u00e1ml\u00e1l\u00f3",
 	"current_humidity": "Aktu\u00e1lis p\u00e1ratartalom",
+	"current_state": "jelenlegi",
 	"custom": "Egy\u00e9ni",
 	"date": "D\u00e1tum",
 	"date_or_time": "D\u00e1tum \u00e9s/vagy id\u0151pont",
@@ -91,6 +103,7 @@
 	"docked": "Dokkolva",
 	"docs": "Dokument\u00e1ci\u00f3",
 	"done": "K\u00e9sz",
+	"drag_and_drop": "Fogd \u00e9s vidd",
 	"dry": "P\u00e1r\u00e1tlan\u00edt\u00e1s",
 	"drying": "P\u00e1r\u00e1tlan\u00edt\u00e1s",
 	"duration": "Id\u0151tartam",
@@ -212,7 +225,7 @@
 	"notifications": "\u00c9rtes\u00edt\u00e9sek",
 	"notifications_dismiss": "Elvet\u00e9s",
 	"notifications_empty": "Nincsenek \u00e9rtes\u00edt\u00e9sek",
-	"numeric": "Numerikus \u00e1llapot",
+	"numeric_state": "Numerikus \u00e1llapot",
 	"object": "Objektum",
 	"off": "Ki",
 	"ok": "OK",
@@ -227,6 +240,7 @@
 	"opening": "Ny\u00edlik",
 	"optional": "opcion\u00e1lis",
 	"options": "Opci\u00f3k",
+	"or": "Vagy",
 	"overview": "\u00c1ttekint\u00e9s",
 	"password": "Jelsz\u00f3",
 	"pause": "Sz\u00fcnet",
@@ -254,7 +268,8 @@
 	"save": "Ment\u00e9s",
 	"saved": "Mentve",
 	"say": "Kimond\u00e1s",
-	"scenes": "jelenetek",
+	"scenes": "Jelenetek",
+	"screen": "K\u00e9perny\u0151",
 	"script": "Szkript",
 	"search": "Keres\u00e9s",
 	"seconds": "M\u00e1sodperc",
@@ -282,6 +297,8 @@
 	"start_over": "\u00dajrakezd\u00e9s",
 	"start_pause": "Ind\u00edt\u00e1s/sz\u00fcnet",
 	"state": "\u00c1llapot",
+	"state_equal": "Az \u00e1llapot egyenl\u0151",
+	"state_not_equal": "Az \u00e1llapot nem egyenl\u0151",
 	"status": "\u00c1llapot",
 	"stop": "Le\u00e1ll\u00edt\u00e1s",
 	"stop_cover": "Le\u00e1ll\u00edt\u00e1s",
@@ -343,6 +360,7 @@
 	"version": "Verzi\u00f3",
 	"vertical": "F\u00fcgg\u0151leges",
 	"visibility": "L\u00e1that\u00f3s\u00e1g",
+	"visibility_explanation": "A k\u00e1rtya akkor jelenik meg, ha az \u00d6SSZES al\u00e1bbi felt\u00e9tel teljes\u00fcl. Ha nincsenek be\u00e1ll\u00edtva felt\u00e9telek, a k\u00e1rtya mindig megjelenik.",
 	"visible": "L\u00e1that\u00f3",
 	"volume_level": "Hanger\u0151",
 	"water_heater_away_mode": "T\u00e1voli m\u00f3d",
diff --git a/static/translations/hy.json b/static/translations/hy.json
index 1d514719..e9eda19a 100644
--- a/static/translations/hy.json
+++ b/static/translations/hy.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "\u0544\u0578\u0582\u057f\u0584 \u0568\u0576\u0564\u0570\u0561\u057f\u057e\u0565\u056c",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "\u0531\u057e\u0565\u056c\u0561\u0581\u0576\u0565\u056c \u057f\u0565\u057d\u0584",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "\u054a\u0561\u0575\u056e\u0561\u057c\u0578\u0582\u0569\u0575\u0578\u0582\u0576",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -36,10 +45,11 @@
 	"close_cover": "Close cover",
 	"close_tilt_cover": "Close cover tilt",
 	"close_valve": "Close valve",
-	"code": "Code",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "\u053f\u0561\u0580\u0563\u0561\u057e\u0578\u0580\u0565\u056c",
@@ -49,6 +59,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "Copied",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Date",
 	"date_or_time": "Date and/or time",
 	"day": "Day",
@@ -60,6 +71,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "\u053d\u0574\u0562\u0561\u0563\u0580\u0565\u056c",
 	"edit_title": "Edit title",
 	"edit_ui": "\u053d\u0574\u0562\u0561\u0563\u0580\u0565\u056c UI",
@@ -139,7 +151,7 @@
 	"notifications": "\u053e\u0561\u0576\u0578\u0582\u0581\u0578\u0582\u0574\u0576\u0565\u0580",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "\u0548\u0579 \u0574\u056b \u056e\u0561\u0576\u0578\u0582\u0581\u0578\u0582\u0574",
-	"numeric": "\u0539\u057e\u0561\u0575\u056b\u0576 \u057e\u056b\u0573\u0561\u056f",
+	"numeric_state": "\u0539\u057e\u0561\u0575\u056b\u0576 \u057e\u056b\u0573\u0561\u056f",
 	"object": "\u0555\u0562\u0575\u0565\u056f\u057f",
 	"ok": "OK",
 	"open_cover": "Open cover",
@@ -149,6 +161,7 @@
 	"open_valve": "Open valve",
 	"optional": "\u0568\u0576\u057f\u0580\u0578\u057e\u056b",
 	"options": "Options",
+	"or": "Or",
 	"overview": "\u0531\u056f\u0576\u0561\u0580\u056f",
 	"password": "\u0533\u0561\u0572\u057f\u0576\u0561\u0562\u0561\u057c",
 	"pause": "Pause",
@@ -169,7 +182,8 @@
 	"save": "\u054a\u0561\u0570\u057a\u0561\u0576\u0565\u056c",
 	"saved": "\u054a\u0561\u0570\u057a\u0561\u0576\u057e\u0561\u056e",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "\u054e\u0561\u0575\u0580\u056f\u0575\u0561\u0576",
@@ -193,6 +207,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -233,8 +249,8 @@
 	"url": "URL",
 	"username": "\u0555\u0563\u057f\u0561\u0563\u0578\u0580\u056e\u0578\u0572\u056b \u0561\u0576\u0578\u0582\u0576\u0568",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "\u053f\u0561\u0576\u056d\u0561\u057f\u0565\u057d\u0578\u0582\u0574",
 	"week": "Week",
diff --git a/static/translations/id.json b/static/translations/id.json
index f8418159..e4f8a780 100644
--- a/static/translations/id.json
+++ b/static/translations/id.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Proses masuk dibatalkan",
+	"above": "Lebih dari",
 	"above_horizon": "Terbit",
 	"active": "Aktif",
 	"add": "Tambahkan",
+	"add_condition": "Tambah kondisi",
 	"add_item": "Tambah item",
 	"add_view": "Tambahkan tampilan",
 	"addons": "Add-on",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Liburan",
 	"alarm_modes_disarmed": "Dinonaktifkan",
 	"alarm_modes_label": "Mode alarm",
+	"and": "Dan",
 	"apparent_temperature": "Suhu yang tampak",
 	"appearance": "Tampilan",
 	"armed": "Diaktifkan",
@@ -33,8 +36,14 @@
 	"balanced": "Seimbang",
 	"battery": "Baterai",
 	"before": "Sebelum",
+	"below": "Kurang dari",
 	"below_horizon": "Terbenam",
 	"both": "Keduanya",
+	"breakpoints": "Ukuran layar",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Seluler",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Lebar",
 	"brightness": "Kecerahan",
 	"buffering": "Buffering",
 	"button": "Tombol",
@@ -60,6 +69,8 @@
 	"color": "Warna",
 	"color_temp": "Suhu",
 	"columns": "Kolom",
+	"condition_error": "Kondisi tidak terpenuhi",
+	"condition_pass": "Kondisi terpenuhi",
 	"conditional": "Bersyarat",
 	"conditions": "Kondisi",
 	"configure": "Konfigurasi",
@@ -74,6 +85,7 @@
 	"copy": "Salin",
 	"counter": "Pencacah",
 	"current_humidity": "Kelembapan saat ini",
+	"current_state": "saat ini",
 	"custom": "Khusus",
 	"date": "Tanggal",
 	"date_or_time": "Tanggal dan/atau waktu",
@@ -91,6 +103,7 @@
 	"docked": "Berlabuh",
 	"docs": "Dokumentasi",
 	"done": "Selesai",
+	"drag_and_drop": "Seret dan lepas",
 	"dry": "Kering",
 	"drying": "Mengeringkan",
 	"duration": "Durasi",
@@ -212,7 +225,7 @@
 	"notifications": "Notifikasi",
 	"notifications_dismiss": "Tutup",
 	"notifications_empty": "Tidak ada notifikasi",
-	"numeric": "Status numerik",
+	"numeric_state": "Status numerik",
 	"object": "Obyek",
 	"off": "Mati",
 	"ok": "Oke",
@@ -227,6 +240,7 @@
 	"opening": "Membuka",
 	"optional": "opsional",
 	"options": "Opsi",
+	"or": "Atau",
 	"overview": "Ikhtisar",
 	"password": "Kata Sandi",
 	"pause": "Jeda",
@@ -254,7 +268,8 @@
 	"save": "Simpan",
 	"saved": "Disimpan",
 	"say": "Ucapkan",
-	"scenes": "skenario",
+	"scenes": "Skenario",
+	"screen": "Layar",
 	"script": "Skrip",
 	"search": "Cari",
 	"seconds": "Detik",
@@ -282,6 +297,8 @@
 	"start_over": "Mulai dari awal",
 	"start_pause": "Mulai/jeda",
 	"state": "Status",
+	"state_equal": "Status sama dengan",
+	"state_not_equal": "Status tidak sama dengan",
 	"status": "Status",
 	"stop": "Hentikan",
 	"stop_cover": "Hentikan penutup",
@@ -343,6 +360,7 @@
 	"version": "Versi",
 	"vertical": "Vertikal",
 	"visibility": "Visibilitas",
+	"visibility_explanation": "Kartu akan ditampilkan ketika SEMUA kondisi di bawah ini terpenuhi. Jika tidak ada kondisi yang ditetapkan, kartu akan selalu ditampilkan.",
 	"visible": "Terlihat",
 	"volume_level": "Volume",
 	"water_heater_away_mode": "Mode keluar rumah",
diff --git a/static/translations/is.json b/static/translations/is.json
index 716af769..72204742 100644
--- a/static/translations/is.json
+++ b/static/translations/is.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "H\u00e6tt var vi\u00f0 innskr\u00e1ningu",
+	"above": "Above",
 	"above_horizon": "Yfir sj\u00f3ndeildarhring",
 	"active": "Virkur",
 	"add": "B\u00e6ta vi\u00f0",
+	"add_condition": "B\u00e6ta vi\u00f0 skilyr\u00f0i",
 	"add_item": "B\u00e6ta vi\u00f0 verkefni",
 	"add_view": "B\u00e6ta vi\u00f0 s\u00fdn",
 	"addons": "Vi\u00f0b\u00e6tur",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "OG",
 	"appearance": "\u00datlit",
 	"armed": "\u00c1 ver\u00f0i",
 	"armed_away": "\u00c1 ver\u00f0i \u00fati",
@@ -28,8 +31,14 @@
 	"back": "Til baka",
 	"battery": "Rafhla\u00f0a",
 	"before": "Fyrir",
+	"below": "Below",
 	"below_horizon": "Undir sj\u00f3ndeildarhring",
 	"both": "B\u00e6\u00f0i",
+	"breakpoints": "Skj\u00e1st\u00e6r\u00f0ir",
+	"breakpoints_desktop": "Bor\u00f0t\u00f6lva",
+	"breakpoints_mobile": "Fars\u00edmi",
+	"breakpoints_tablet": "Spjaldt\u00f6lva",
+	"breakpoints_wide": "Wide",
 	"brightness": "Birtustig",
 	"button": "Hnappur",
 	"buttons": "Hnappar",
@@ -41,7 +50,7 @@
 	"change_color": "Skipta um lit",
 	"change_type": "Breyta ger\u00f0",
 	"check_updates": "Athuga me\u00f0 uppf\u00e6rslur",
-	"checking_updates": "Checking for updates...",
+	"checking_updates": "Athuga me\u00f0 uppf\u00e6rslur...",
 	"clean_spot": "Hreinsa blett",
 	"clear_items": "Fjarl\u00e6gja verkefni sem er loki\u00f0",
 	"close_cover": "Close cover",
@@ -53,6 +62,8 @@
 	"color": "Litur",
 	"color_temp": "Hitastig",
 	"columns": "D\u00e1lkar",
+	"condition_error": "Skilyr\u00f0i stenst ekki",
+	"condition_pass": "Skilyr\u00f0i stenst",
 	"conditional": "Skilyrt",
 	"conditions": "Skilyr\u00f0i",
 	"configure": "Stilla",
@@ -64,6 +75,7 @@
 	"cooling": "K\u00e6ling",
 	"copied": "Afrita\u00f0",
 	"copy": "Afrita",
+	"current_state": "current",
 	"date": "Dagsetning",
 	"date_or_time": "Dagsetning og/e\u00f0a t\u00edmi",
 	"day": "Dagur",
@@ -77,6 +89,7 @@
 	"divider": "Divider",
 	"docs": "Lei\u00f0beiningar",
 	"done": "Loki\u00f0",
+	"drag_and_drop": "Draga og sleppa",
 	"dry": "\u00deurrkun",
 	"drying": "\u00deurrkun",
 	"edit": "Breyta",
@@ -120,7 +133,7 @@
 	"hidden": "Fali\u00f0",
 	"hide": "Fela",
 	"high": "H\u00e1tt",
-	"history": "Saga",
+	"history": "Ferill",
 	"home": "Heima",
 	"horizontal_stack": "L\u00e1r\u00e9ttur stafli",
 	"hours": "Klukkustundir",
@@ -172,7 +185,7 @@
 	"notifications": "Tilkynningar",
 	"notifications_dismiss": "V\u00edsa fr\u00e1",
 	"notifications_empty": "Engar tilkynningar",
-	"numeric": "T\u00f6luleg sta\u00f0a",
+	"numeric_state": "T\u00f6luleg sta\u00f0a",
 	"object": "Object",
 	"off": "Sl\u00f6kkt",
 	"ok": "\u00cd lagi",
@@ -187,6 +200,7 @@
 	"opening": "Opnast",
 	"optional": "Valfrj\u00e1lst",
 	"options": "Valkostir",
+	"or": "E\u00d0A",
 	"overview": "Yfirlit",
 	"password": "Lykilor\u00f0",
 	"pause": "Hl\u00e9",
@@ -210,6 +224,7 @@
 	"saved": "Vista\u00f0",
 	"say": "Segja",
 	"scenes": "Senur",
+	"screen": "Skj\u00e1r",
 	"script": "Skrifta",
 	"search": "Leita",
 	"seconds": "Sek\u00fandur",
@@ -222,7 +237,7 @@
 	"settings": "Stillingar",
 	"shortcuts": "Fl\u00fdtiv\u00edsanir",
 	"show": "S\u00fdna",
-	"show_area": "Show {area}",
+	"show_area": "Birta {area}",
 	"show_in_sidebar": "S\u00fdna \u00ed hli\u00f0arstiku",
 	"show_more_info": "S\u00fdna meiri uppl\u00fdsingar",
 	"show_password": "Show password",
@@ -234,6 +249,8 @@
 	"start_over": "Byrja upp \u00e1 n\u00fdtt",
 	"start_pause": "Byrja/Hl\u00e9",
 	"state": "Sta\u00f0a",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Sta\u00f0a",
 	"stop": "St\u00f6\u00f0va",
 	"stop_cover": "Stop cover",
@@ -258,7 +275,7 @@
 	"today": "\u00cd dag",
 	"todo_list": "Minnislisti",
 	"toggle": "Toggle",
-	"token": "Langl\u00edfir a\u00f0gangst\u00f3kar",
+	"token": "Langl\u00edf a\u00f0gangsteikn",
 	"trigger": "Kveikja",
 	"triggered": "R\u00e6st",
 	"unavailable": "Ekki tilt\u00e6kt",
@@ -279,6 +296,7 @@
 	"vacuum_commands": "Skipanir ryksugu:",
 	"value": "Gildi",
 	"visibility": "S\u00fdnileiki",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "S\u00fdnilegt",
 	"water_heater_off": "Sl\u00f6kkt",
 	"weather_clear_night": "Hei\u00f0sk\u00edrt, n\u00f3tt",
diff --git a/static/translations/it.json b/static/translations/it.json
index 5de769c8..839246ac 100644
--- a/static/translations/it.json
+++ b/static/translations/it.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Accesso interrotto",
+	"above": "Maggiore di",
 	"above_horizon": "Sopra l'orizzonte",
 	"active": "Attivo",
 	"add": "Aggiungi",
+	"add_condition": "Aggiungi condizione",
 	"add_item": "Aggiungi elemento",
 	"add_view": "Aggiungi vista",
 	"addons": "Componenti aggiuntivi",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Vacanza",
 	"alarm_modes_disarmed": "Disattivo",
 	"alarm_modes_label": "Modalit\u00e0 di allarme",
+	"and": "E",
 	"apparent_temperature": "Temperatura apparente",
 	"appearance": "Aspetto",
 	"armed": "Attivo",
@@ -33,8 +36,14 @@
 	"balanced": "Equilibrato",
 	"battery": "Batteria",
 	"before": "Prima",
+	"below": "Minore di",
 	"below_horizon": "Sotto l'orizzonte",
 	"both": "Entrambi",
+	"breakpoints": "Dimensioni dello schermo",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Esteso",
 	"brightness": "Luminosit\u00e0",
 	"buffering": "Precaricamento",
 	"button": "Pulsante",
@@ -60,6 +69,8 @@
 	"color": "Colore",
 	"color_temp": "Temperatura",
 	"columns": "Colonne",
+	"condition_error": "La condizione non \u00e8 passata",
+	"condition_pass": "La condizione \u00e8 passata",
 	"conditional": "Condizionale",
 	"conditions": "Condizioni",
 	"configure": "Configura",
@@ -74,6 +85,7 @@
 	"copy": "Copia",
 	"counter": "Contatore",
 	"current_humidity": "Umidit\u00e0 attuale",
+	"current_state": "attuale",
 	"custom": "Personalizzata",
 	"date": "Data",
 	"date_or_time": "Data e/o ora",
@@ -91,7 +103,8 @@
 	"docked": "Alla base",
 	"docs": "Documentazione",
 	"done": "Fatto",
-	"dry": "Asciutto",
+	"drag_and_drop": "Trascina e rilascia",
+	"dry": "Deumidificazione",
 	"drying": "In deumidificazione",
 	"duration": "Durata",
 	"edit": "Modifica",
@@ -212,7 +225,7 @@
 	"notifications": "Notifiche",
 	"notifications_dismiss": "Rimuovi",
 	"notifications_empty": "Nessuna notifica",
-	"numeric": "Valore numerico",
+	"numeric_state": "Valore numerico",
 	"object": "Oggetto",
 	"off": "Spento/a",
 	"ok": "OK",
@@ -227,6 +240,7 @@
 	"opening": "In apertura",
 	"optional": "facoltativo",
 	"options": "Opzioni",
+	"or": "Oppure",
 	"overview": "Panoramica",
 	"password": "Password",
 	"pause": "Pausa",
@@ -254,7 +268,8 @@
 	"save": "Salva",
 	"saved": "Salvato",
 	"say": "Parla",
-	"scenes": "scene",
+	"scenes": "Scene",
+	"screen": "Schermo",
 	"script": "Script",
 	"search": "Ricerca",
 	"seconds": "Secondi",
@@ -282,6 +297,8 @@
 	"start_over": "Ricomincia",
 	"start_pause": "Avvio/Pausa",
 	"state": "Stato",
+	"state_equal": "Lo Stato \u00e8 uguale a",
+	"state_not_equal": "Lo Stato non \u00e8 uguale a",
 	"status": "Stato",
 	"stop": "Ferma",
 	"stop_cover": "Ferma il movimento della serranda",
@@ -343,6 +360,7 @@
 	"version": "Versione",
 	"vertical": "Verticale",
 	"visibility": "Visibilit\u00e0",
+	"visibility_explanation": "La scheda verr\u00e0 visualizzata quando TUTTE le condizioni riportate di seguito sono soddisfatte. Se non viene impostata alcuna condizione, la scheda verr\u00e0 sempre visualizzata.",
 	"visible": "Visibile",
 	"volume_level": "Volume",
 	"water_heater_away_mode": "Modalit\u00e0 fuori casa",
diff --git a/static/translations/ja.json b/static/translations/ja.json
index 67c1590f..4d6fa842 100644
--- a/static/translations/ja.json
+++ b/static/translations/ja.json
@@ -1,19 +1,22 @@
 {
 	"abort_login": "\u30ed\u30b0\u30a4\u30f3\u304c\u4e2d\u6b62\u3055\u308c\u307e\u3057\u305f",
+	"above": "\u8d85\u904e",
 	"above_horizon": "\u5730\u5e73\u7dda\u3088\u308a\u4e0a",
 	"active": "\u30a2\u30af\u30c6\u30a3\u30d6",
 	"add": "\u8ffd\u52a0",
+	"add_condition": "\u6761\u4ef6\u3092\u8ffd\u52a0",
 	"add_item": "\u30a2\u30a4\u30c6\u30e0\u3092\u8ffd\u52a0",
 	"add_view": "\u30d3\u30e5\u30fc\u3092\u8ffd\u52a0",
 	"addons": "\u30a2\u30c9\u30aa\u30f3",
 	"after": "\u4ee5\u5f8c",
 	"alarm_modes_armed_away": "\u5916\u51fa",
 	"alarm_modes_armed_custom_bypass": "\u30ab\u30b9\u30bf\u30e0",
-	"alarm_modes_armed_home": "\u5728\u5b85",
+	"alarm_modes_armed_home": "\u30db\u30fc\u30e0",
 	"alarm_modes_armed_night": "\u591c\u9593",
 	"alarm_modes_armed_vacation": "\u30d0\u30b1\u30fc\u30b7\u30e7\u30f3",
 	"alarm_modes_disarmed": "\u8b66\u6212\u89e3\u9664",
 	"alarm_modes_label": "\u30a2\u30e9\u30fc\u30e0\u30e2\u30fc\u30c9",
+	"and": "AND",
 	"apparent_temperature": "\u4f53\u611f\u6e29\u5ea6",
 	"appearance": "\u5916\u89b3",
 	"armed": "\u8b66\u6212\u72b6\u614b",
@@ -33,8 +36,14 @@
 	"balanced": "\u30d0\u30e9\u30f3\u30b9",
 	"battery": "\u30d0\u30c3\u30c6\u30ea\u30fc",
 	"before": "\u4ee5\u524d",
+	"below": "\u672a\u6e80",
 	"below_horizon": "\u5730\u5e73\u7dda\u3088\u308a\u4e0b",
 	"both": "\u4e21\u65b9",
+	"breakpoints": "\u753b\u9762\u30b5\u30a4\u30ba",
+	"breakpoints_desktop": "\u30c7\u30b9\u30af\u30c8\u30c3\u30d7",
+	"breakpoints_mobile": "\u30e2\u30d0\u30a4\u30eb",
+	"breakpoints_tablet": "\u30bf\u30d6\u30ec\u30c3\u30c8",
+	"breakpoints_wide": "\u5e45",
 	"brightness": "\u8f1d\u5ea6",
 	"buffering": "\u30d0\u30c3\u30d5\u30a1\u30ea\u30f3\u30b0",
 	"button": "\u30dc\u30bf\u30f3",
@@ -60,6 +69,8 @@
 	"color": "\u8272",
 	"color_temp": "\u6e29\u5ea6",
 	"columns": "\u5217",
+	"condition_error": "\u6761\u4ef6\u4e0d\u4e00\u81f4",
+	"condition_pass": "\u6761\u4ef6\u4e00\u81f4",
 	"conditional": "\u6761\u4ef6\u4ed8\u304d",
 	"conditions": "\u6761\u4ef6",
 	"configure": "\u8a2d\u5b9a",
@@ -74,6 +85,7 @@
 	"copy": "\u30b3\u30d4\u30fc",
 	"counter": "\u30ab\u30a6\u30f3\u30bf\u30fc",
 	"current_humidity": "\u73fe\u5728\u306e\u6e7f\u5ea6",
+	"current_state": "\u73fe\u5728(current)",
 	"custom": "\u30ab\u30b9\u30bf\u30e0",
 	"date": "\u65e5\u4ed8",
 	"date_or_time": "\u65e5\u4ed8\u30fb\u6642\u523b",
@@ -91,6 +103,7 @@
 	"docked": "\u30c9\u30c3\u30af\u5165\u308a",
 	"docs": "\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8",
 	"done": "\u5b8c\u4e86",
+	"drag_and_drop": "\u30c9\u30e9\u30c3\u30b0&\u30c9\u30ed\u30c3\u30d7",
 	"dry": "\u30c9\u30e9\u30a4",
 	"drying": "\u30c9\u30e9\u30a4",
 	"duration": "\u671f\u9593",
@@ -212,7 +225,7 @@
 	"notifications": "\u901a\u77e5",
 	"notifications_dismiss": "\u9589\u3058\u308b",
 	"notifications_empty": "\u901a\u77e5\u306f\u3042\u308a\u307e\u305b\u3093",
-	"numeric": "\u6570\u5024\u306e\u72b6\u614b",
+	"numeric_state": "\u6570\u5024\u306e\u72b6\u614b",
 	"object": "\u30aa\u30d6\u30b8\u30a7\u30af\u30c8",
 	"off": "\u30aa\u30d5",
 	"ok": "OK",
@@ -227,6 +240,7 @@
 	"opening": "\u958b\u9589",
 	"optional": "\u30aa\u30d7\u30b7\u30e7\u30f3",
 	"options": "\u30aa\u30d7\u30b7\u30e7\u30f3",
+	"or": "OR",
 	"overview": "\u30aa\u30fc\u30d0\u30fc\u30d3\u30e5\u30fc",
 	"password": "\u30d1\u30b9\u30ef\u30fc\u30c9",
 	"pause": "\u4e00\u6642\u505c\u6b62",
@@ -255,6 +269,7 @@
 	"saved": "\u4fdd\u5b58\u3057\u307e\u3057\u305f",
 	"say": "\u767a\u8a00",
 	"scenes": "\u30b7\u30fc\u30f3",
+	"screen": "\u30b9\u30af\u30ea\u30fc\u30f3",
 	"script": "\u30b9\u30af\u30ea\u30d7\u30c8",
 	"search": "\u691c\u7d22",
 	"seconds": "\u79d2",
@@ -282,6 +297,8 @@
 	"start_over": "\u3084\u308a\u76f4\u3059",
 	"start_pause": "\u958b\u59cb/\u4e00\u6642\u505c\u6b62",
 	"state": "\u72b6\u614b",
+	"state_equal": "\u72b6\u614b\u304c\u7b49\u3057\u3044",
+	"state_not_equal": "\u72b6\u614b\u304c\u7b49\u3057\u304f\u306a\u3044",
 	"status": "\u30b9\u30c6\u30fc\u30bf\u30b9",
 	"stop": "\u505c\u6b62",
 	"stop_cover": "\u30ab\u30d0\u30fc\u3092\u6b62\u3081\u308b",
@@ -343,6 +360,7 @@
 	"version": "\u30d0\u30fc\u30b8\u30e7\u30f3",
 	"vertical": "\u5782\u76f4",
 	"visibility": "\u53ef\u8996\u6027",
+	"visibility_explanation": "\u4ee5\u4e0b\u306e\u6761\u4ef6\u3092\u3059\u3079\u3066\u6e80\u305f\u3057\u305f\u5834\u5408\u3001\u30ab\u30fc\u30c9\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u6761\u4ef6\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u306a\u3044\u5834\u5408\u306f\u3001\u30ab\u30fc\u30c9\u306f\u5e38\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002",
 	"visible": "\u8996\u8a8d\u6027(Visible)",
 	"volume_level": "\u30dc\u30ea\u30e5\u30fc\u30e0",
 	"water_heater_away_mode": "\u5916\u51fa\u30e2\u30fc\u30c9",
diff --git a/static/translations/ka.json b/static/translations/ka.json
index bba5ed03..5a6d2058 100644
--- a/static/translations/ka.json
+++ b/static/translations/ka.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "\u10e8\u10d4\u10e1\u10d5\u10da\u10d0 \u10e8\u10d4\u10ec\u10e7\u10d5\u10d4\u10e2\u10d8\u10da\u10d8\u10d0",
+	"above": "\u10d6\u10d4\u10db\u10dd\u10d7",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Add view",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "\u10e8\u10d5\u10d4\u10d1\u10e3\u10da\u10d4\u10d1\u10d0",
 	"alarm_modes_disarmed": "\u10d3\u10d0\u10ea\u10d5\u10d8\u10d3\u10d0\u10dc \u10db\u10dd\u10ee\u10e1\u10dc\u10d8\u10da\u10d8",
 	"alarm_modes_label": "Alarm modes",
+	"and": "\u10d3\u10d0",
 	"appearance": "\u10d8\u10d4\u10e0\u10e1\u10d0\u10ee\u10d4",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "\u10e5\u10d5\u10d4\u10db\u10dd\u10d7",
+	"breakpoints": "\u10d4\u10d9\u10e0\u10d0\u10dc\u10d8\u10e1 \u10d6\u10dd\u10db\u10d4\u10d1\u10d8",
+	"breakpoints_desktop": "\u10e1\u10d0\u10db\u10e3\u10e8\u10d0\u10dd \u10db\u10d0\u10d2\u10d8\u10d3\u10d0",
+	"breakpoints_mobile": "\u10db\u10dd\u10d1\u10d8\u10da\u10e3\u10e0\u10d8",
+	"breakpoints_tablet": "\u10de\u10da\u10d0\u10dc\u10e8\u10d4\u10e2\u10d8",
+	"breakpoints_wide": "\u10e4\u10d0\u10e0\u10d7\u10dd",
 	"brightness": "\u10e1\u10d8\u10d9\u10d0\u10e8\u10d9\u10d0\u10e8\u10d4",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -36,10 +45,11 @@
 	"close_cover": "\u10d3\u10d0\u10ee\u10e3\u10e0\u10d5\u10d0",
 	"close_tilt_cover": "\u10df\u10d0\u10da\u10e3\u10d6\u10d8\u10e1 \u10d3\u10d0\u10ee\u10e3\u10e0\u10d5\u10d0",
 	"close_valve": "Close valve",
-	"code": "Code",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "Configure",
@@ -49,6 +59,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "Copied",
 	"copy": "Copy",
+	"current_state": "\u10db\u10d8\u10db\u10d3\u10d8\u10dc\u10d0\u10e0\u10d4",
 	"date": "Date",
 	"date_or_time": "Date and/or time",
 	"day": "Day",
@@ -60,6 +71,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Edit",
 	"edit_title": "Edit title",
 	"edit_ui": "Edit UI",
@@ -139,7 +151,7 @@
 	"notifications": "\u10e8\u10d4\u10e2\u10e7\u10dd\u10d1\u10d8\u10dc\u10d4\u10d1\u10d4\u10d1\u10d8",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "\u10e8\u10d4\u10e2\u10e7\u10dd\u10d1\u10d8\u10dc\u10d4\u10d1\u10d4\u10d1\u10d8 \u10d0\u10e0 \u10d0\u10e0\u10d8\u10e1",
-	"numeric": "\u10e0\u10d8\u10ea\u10ee\u10d5\u10d8\u10d7\u10d8 \u10db\u10d3\u10d2\u10dd\u10db\u10d0\u10e0\u10d4\u10dd\u10d1\u10d0",
+	"numeric_state": "\u10e0\u10d8\u10ea\u10ee\u10d5\u10d8\u10d7\u10d8 \u10db\u10d3\u10d2\u10dd\u10db\u10d0\u10e0\u10d4\u10dd\u10d1\u10d0",
 	"object": "Object",
 	"ok": "\u10d9\u10d0\u10e0\u10d2\u10d8",
 	"open_cover": "\u10d2\u10d0\u10ee\u10e1\u10dc\u10d0",
@@ -149,6 +161,7 @@
 	"open_valve": "Open valve",
 	"optional": "optional",
 	"options": "Options",
+	"or": "\u10d0\u10dc",
 	"overview": "\u10db\u10d8\u10db\u10dd\u10ee\u10d8\u10da\u10d5\u10d0",
 	"password": "\u10de\u10d0\u10e0\u10dd\u10da\u10d8",
 	"pause": "Pause",
@@ -169,7 +182,8 @@
 	"save": "\u10e8\u10d4\u10dc\u10d0\u10ee\u10d5\u10d0",
 	"saved": "Saved",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "\u10d4\u10d9\u10e0\u10d0\u10dc\u10d8",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "Seconds",
@@ -193,6 +207,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -233,9 +249,9 @@
 	"url": "URL",
 	"username": "\u10e1\u10d0\u10ee\u10d4\u10da\u10d8",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"version": "\u10d5\u10d4\u10e0\u10e1\u10d8\u10d0",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "\u10de\u10e0\u10dd\u10d2\u10dc\u10dd\u10d6\u10d8",
 	"week": "\u10d9\u10d5\u10d8\u10e0\u10d0",
diff --git a/static/translations/ko.json b/static/translations/ko.json
index 96206430..f0cedf9f 100644
--- a/static/translations/ko.json
+++ b/static/translations/ko.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "\ub85c\uadf8\uc778\uc774 \uc911\ub2e8\ub418\uc5c8\uc2b5\ub2c8\ub2e4",
+	"above": "\ucd08\uacfc",
 	"above_horizon": "\uc218\ud3c9\uc120 \uc704",
 	"active": "\ud65c\uc131 \uc0c1\ud0dc",
 	"add": "\ucd94\uac00\ud558\uae30",
+	"add_condition": "\uc870\uac74 \ucd94\uac00\ud558\uae30",
 	"add_item": "\ud56d\ubaa9 \ucd94\uac00",
 	"add_view": "\ubdf0 \ucd94\uac00\ud558\uae30",
 	"addons": "\uc560\ub4dc\uc628",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "\ud734\uac00",
 	"alarm_modes_disarmed": "\uacbd\ubcf4 \ud574\uc81c\ub428",
 	"alarm_modes_label": "\uc54c\ub78c \ubaa8\ub4dc",
+	"and": "\ub2e4\uc911\uc870\uac74 (And)",
 	"apparent_temperature": "\uccb4\uac10 \uc628\ub3c4",
 	"appearance": "\ubaa8\uc2b5",
 	"armed": "\uacbd\ubcf4 \uc124\uc815\ub428",
@@ -33,8 +36,14 @@
 	"balanced": "\uade0\ud615 \uc7a1\ud798",
 	"battery": "\ubc30\ud130\ub9ac",
 	"before": "\uc774\uc804",
+	"below": "\ubbf8\ub9cc",
 	"below_horizon": "\uc218\ud3c9\uc120 \uc544\ub798",
 	"both": "\ub458 \ub2e4",
+	"breakpoints": "\ud654\uba74 \ud06c\uae30",
+	"breakpoints_desktop": "\ub370\uc2a4\ud06c\ud0d1",
+	"breakpoints_mobile": "\ubaa8\ubc14\uc77c",
+	"breakpoints_tablet": "\ud0dc\ube14\ub9bf",
+	"breakpoints_wide": "\ub113\uc740",
 	"brightness": "\ubc1d\uae30",
 	"buffering": "\ubc84\ud37c\ub9c1 \uc911",
 	"button": "\ubc84\ud2bc",
@@ -60,6 +69,8 @@
 	"color": "\uc0c9\uc0c1",
 	"color_temp": "\uc628\ub3c4",
 	"columns": "\uc5f4",
+	"condition_error": "\uc870\uac74 \ub9cc\uc871\ud558\uc9c0 \ubabb\ud568",
+	"condition_pass": "\uc870\uac74 \ub9cc\uc871\ub428",
 	"conditional": "\uc870\uac74\ubd80",
 	"conditions": "\uc870\uac74",
 	"configure": "\uad6c\uc131\ud558\uae30",
@@ -74,6 +85,7 @@
 	"copy": "\ubcf5\uc0ac",
 	"counter": "\uacc4\uc218\uae30",
 	"current_humidity": "\ud604\uc7ac \uc2b5\ub3c4",
+	"current_state": "\ud604\uc7ac",
 	"custom": "\uc0ac\uc6a9\uc790 \uc815\uc758",
 	"date": "\ub0a0\uc9dc",
 	"date_or_time": "\ub0a0\uc9dc \ub610\ub294 \uc2dc\uac04",
@@ -91,6 +103,7 @@
 	"docked": "\ub3c4\ud0b9\ub428",
 	"docs": "\uad00\ub828 \ubb38\uc11c",
 	"done": "\uc644\ub8cc",
+	"drag_and_drop": "\ub04c\uc5b4\uc11c \ub193\uae30",
 	"dry": "\uc81c\uc2b5",
 	"drying": "\uc81c\uc2b5 \uc911",
 	"duration": "\uc9c0\uc18d \uae30\uac04",
@@ -212,7 +225,7 @@
 	"notifications": "\uc54c\ub9bc",
 	"notifications_dismiss": "\ud574\uc81c\ud558\uae30",
 	"notifications_empty": "\uc54c\ub9bc \ub0b4\uc6a9\uc774 \uc5c6\uc2b5\ub2c8\ub2e4.",
-	"numeric": "\uc218\uce58 \uc0c1\ud0dc",
+	"numeric_state": "\uc218\uce58 \uc0c1\ud0dc",
 	"object": "\uac1c\uccb4",
 	"off": "\uaebc\uc9d0",
 	"ok": "OK",
@@ -227,6 +240,7 @@
 	"opening": "\uc5ec\ub294\uc911",
 	"optional": "\uc120\ud0dd \uc0ac\ud56d",
 	"options": "\uc635\uc158",
+	"or": "\ub2e4\uc911\uc870\uac74 (Or)",
 	"overview": "\ub458\ub7ec\ubcf4\uae30",
 	"password": "\uc554\ud638",
 	"pause": "\uc77c\uc2dc\uc815\uc9c0",
@@ -255,6 +269,7 @@
 	"saved": "\uc800\uc7a5\ub418\uc5c8\uc2b5\ub2c8\ub2e4",
 	"say": "\ub9d0\ud558\uae30",
 	"scenes": "\uc7a5\uba74",
+	"screen": "\ud654\uba74",
 	"script": "\uc2a4\ud06c\ub9bd\ud2b8",
 	"search": "\uac80\uc0c9",
 	"seconds": "\ucd08",
@@ -282,6 +297,8 @@
 	"start_over": "\ub2e4\uc2dc \uc2dc\uc791",
 	"start_pause": "\uc2dc\uc791 / \uc77c\uc2dc\uc815\uc9c0",
 	"state": "\uc0c1\ud0dc",
+	"state_equal": "\uc0c1\ud0dc\uac00 \ub2e4\uc74c\uacfc \uac19\uc73c\uba74",
+	"state_not_equal": "\uc0c1\ud0dc\uac00 \ub2e4\uc74c\uacfc \uac19\uc9c0 \uc54a\ub2e4\uba74",
 	"status": "\uc0c1\ud0dc",
 	"stop": "\uc911\uc9c0\ud558\uae30",
 	"stop_cover": "\ucee4\ubc84 \uc911\uc9c0",
@@ -343,6 +360,7 @@
 	"version": "\ubc84\uc804",
 	"vertical": "\uc218\uc9c1",
 	"visibility": "\ubcf4\uae30 \uad8c\ud55c",
+	"visibility_explanation": "\uc544\ub798 \uc870\uac74\uc774 \ubaa8\ub450 \ucda9\uc871\ub418\uba74 \uce74\ub4dc\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4. \uc870\uac74\uc774 \uc124\uc815\ub418\uc9c0 \uc54a\uc73c\uba74 \uce74\ub4dc\uac00 \ud56d\uc0c1 \ud45c\uc2dc\ub429\ub2c8\ub2e4.",
 	"visible": "\ubcf4\uae30",
 	"volume_level": "\uc74c\ub7c9",
 	"water_heater_away_mode": "\uc678\ucd9c \ubaa8\ub4dc",
diff --git a/static/translations/lb.json b/static/translations/lb.json
index 56ef8ff1..4b7dcf8a 100644
--- a/static/translations/lb.json
+++ b/static/translations/lb.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Login ofgebrach",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Vue dob\u00e4isetzen",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "S\u00e4iteverh\u00e4ltnis",
 	"attributes": "Attributer",
@@ -20,6 +23,12 @@
 	"back": "Zer\u00e9ck",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Hellegkeet",
 	"button": "Kn\u00e4ppchen",
 	"buttons": "Kn\u00e4ppercher",
@@ -41,6 +50,8 @@
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Bedingungen",
 	"conditions": "Konditiounen",
 	"configure": "Astellen",
@@ -51,6 +62,7 @@
 	"connection_starting": "Home Assistant start, et w\u00e4ert nach net alles prett sinn bis et f\u00e4erdeg gestart ass.",
 	"copied": "Kop\u00e9iert",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Datum",
 	"date_or_time": "Datum an/oder Z\u00e4it",
 	"day": "Dag",
@@ -62,6 +74,7 @@
 	"divider": "Deeler",
 	"docs": "Dokumentatioun",
 	"done": "Gemaach",
+	"drag_and_drop": "Drag and drop",
 	"edit": "\u00c4nneren",
 	"edit_title": "Titel \u00e4nneren",
 	"edit_ui": "UI \u00e4nneren",
@@ -141,7 +154,7 @@
 	"notifications": "Notifikatioune",
 	"notifications_dismiss": "Verwerfen",
 	"notifications_empty": "Keng Notifikatioune",
-	"numeric": "Numereschen Zoustand",
+	"numeric_state": "Numereschen Zoustand",
 	"object": "Object",
 	"ok": "OK",
 	"open_cover": "Open cover",
@@ -151,6 +164,7 @@
 	"open_valve": "Open valve",
 	"optional": "Optional",
 	"options": "Optiounen",
+	"or": "Or",
 	"overview": "Iwwersiicht",
 	"password": "Passwuert",
 	"pause": "Pause",
@@ -171,7 +185,8 @@
 	"save": "Sp\u00e4icheren",
 	"saved": "Gesp\u00e4ichert",
 	"say": "Say",
-	"scenes": "Zeenen",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Sichen",
 	"seconds": "Sekonnen",
@@ -195,6 +210,8 @@
 	"start_over": "Nei uf\u00e4nken",
 	"start_pause": "Start/Pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -238,6 +255,7 @@
 	"value": "W\u00e4ert",
 	"version": "Versioun",
 	"visibility": "Visibilit\u00e9it",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "Prognose",
 	"week": "Week",
diff --git a/static/translations/lt.json b/static/translations/lt.json
index e5d8882b..8a6eb98e 100644
--- a/static/translations/lt.json
+++ b/static/translations/lt.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Prisijungimas nutrauktas",
+	"above": "Auk\u0161\u010diau",
 	"above_horizon": "Vir\u0161 horizonto",
 	"active": "aktyvus",
 	"add": "Papildyti",
+	"add_condition": "Prid\u0117ti s\u0105lyg\u0105",
 	"add_item": "Prid\u0117ti element\u0105",
 	"add_view": "Prid\u0117ti rodin\u012f",
 	"addons": "Priedai",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Atostogos",
 	"alarm_modes_disarmed": "Atrakinta",
 	"alarm_modes_label": "Aliarmo re\u017eimai",
+	"and": "Ir",
 	"apparent_temperature": "Matoma temperat\u016bra",
 	"appearance": "I\u0161vaizda",
 	"armed": "Apsaugota",
@@ -33,8 +36,14 @@
 	"balanced": "Subalansuotas",
 	"battery": "Baterija",
 	"before": "Prie\u0161 tai",
+	"below": "\u017demiau",
 	"below_horizon": "\u017demiau horizonto",
 	"both": "Abu",
+	"breakpoints": "Ekrano dyd\u017eiai",
+	"breakpoints_desktop": "Darbalaukis",
+	"breakpoints_mobile": "Mobilusis",
+	"breakpoints_tablet": "Plan\u0161etinis kompiuteris",
+	"breakpoints_wide": "Platus",
 	"brightness": "Ry\u0161kumas",
 	"buffering": "Buferis",
 	"button": "Mygtukas",
@@ -60,6 +69,8 @@
 	"color": "Spalva",
 	"color_temp": "Temperat\u016bra",
 	"columns": "Stulpeliai",
+	"condition_error": "S\u0105lyga nei\u0161laik\u0117",
+	"condition_pass": "S\u0105lyga patvirtinta",
 	"conditional": "S\u0105lyginis",
 	"conditions": "S\u0105lygos",
 	"configure": "Konfig\u016bruoti",
@@ -74,6 +85,7 @@
 	"copy": "Kopijuoti",
 	"counter": "Skaitiklis",
 	"current_humidity": "Dabartin\u0117 dr\u0117gm\u0117",
+	"current_state": "srov\u0117",
 	"custom": "Pasirinktinis",
 	"date": "Data",
 	"date_or_time": "Data ir (arba) laikas",
@@ -91,6 +103,7 @@
 	"docked": "Stotel\u0117je",
 	"docs": "Dokumentacija",
 	"done": "Atlikta",
+	"drag_and_drop": "Tempti ir paleisti",
 	"dry": "Sausas",
 	"drying": "D\u017eiovinimas",
 	"duration": "Trukm\u0117",
@@ -212,7 +225,7 @@
 	"notifications": "Prane\u0161imai",
 	"notifications_dismiss": "Atmesti",
 	"notifications_empty": "Prane\u0161im\u0173 n\u0117ra",
-	"numeric": "Skaitin\u0117 vert\u0117",
+	"numeric_state": "Skaitin\u0117 vert\u0117",
 	"object": "Objektas",
 	"off": "I\u0161jungta",
 	"ok": "Gerai",
@@ -227,6 +240,7 @@
 	"opening": "Atidaroma",
 	"optional": "Neprivaloma",
 	"options": "Parinktys",
+	"or": "Arba",
 	"overview": "Valdymas",
 	"password": "Slapta\u017eodis",
 	"pause": "Pristabdyti",
@@ -254,7 +268,8 @@
 	"save": "I\u0161saugoti",
 	"saved": "I\u0161saugota",
 	"say": "Pasakyti",
-	"scenes": "scenos",
+	"scenes": "Scenos",
+	"screen": "Ekranas",
 	"script": "Skriptas",
 	"search": "Paie\u0161ka",
 	"seconds": "Sekund\u0117s",
@@ -282,6 +297,8 @@
 	"start_over": "Prad\u0117ti i\u0161 naujo",
 	"start_pause": "Prad\u0117ti/Pristabdyti",
 	"state": "B\u016bsena",
+	"state_equal": "B\u016bsena lygi",
+	"state_not_equal": "B\u016bsena nelygi",
 	"status": "B\u016bsena",
 	"stop": "Sustabdyti",
 	"stop_cover": "Stop dangtis",
@@ -343,6 +360,7 @@
 	"version": "Versija",
 	"vertical": "Vertikalus",
 	"visibility": "Matomumas",
+	"visibility_explanation": "Kortel\u0117 bus parodyta, kai bus \u012fvykdytos VISOS toliau pateiktos s\u0105lygos. Jei s\u0105lygos nenustatytos, kortel\u0117 visada bus rodoma.",
 	"visible": "Matomas",
 	"volume_level": "Garsas",
 	"water_heater_away_mode": "I\u0161vykimo re\u017eimas",
diff --git a/static/translations/lv.json b/static/translations/lv.json
index 38f1c5db..bc30e8ee 100644
--- a/static/translations/lv.json
+++ b/static/translations/lv.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Pieteik\u0161an\u0101s p\u0101rtraukta",
+	"above": "Above",
 	"above_horizon": "Virs horizonta",
 	"active": "Akt\u012bvs",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Pievienot skatu",
 	"addons": "Papla\u0161in\u0101jumi",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Atva\u013cin\u0101juma re\u017e\u012bms",
 	"alarm_modes_disarmed": "Atsl\u0113gta",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Izskats",
 	"armed": "Aizsarg\u0101ts",
 	"armed_away": "Promb\u016btnes aizsardz\u012bba",
@@ -32,8 +35,14 @@
 	"balanced": "L\u012bdzsvarots",
 	"battery": "Baterija",
 	"before": "Pirms",
+	"below": "Below",
 	"below_horizon": "Zem horizonta",
 	"both": "Abi",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Spilgtums",
 	"buffering": "Buferiz\u0101cija",
 	"button": "Poga",
@@ -58,6 +67,8 @@
 	"color": "Kr\u0101sa",
 	"color_temp": "Temperat\u016bra",
 	"columns": "Kolonnas",
+	"condition_error": "Nosac\u012bjums nav izpild\u012bts",
+	"condition_pass": "Nosac\u012bjums izpild\u012bts",
 	"conditional": "Nosac\u012bjums",
 	"conditions": "Nosac\u012bjumi",
 	"configure": "Konfigur\u0113t",
@@ -71,6 +82,7 @@
 	"copied": "Nokop\u0113ts",
 	"copy": "Kop\u0113t",
 	"counter": "Skait\u012bt\u0101js",
+	"current_state": "current",
 	"custom": "Izv\u0113les",
 	"date": "Datums",
 	"date_or_time": "Datums un/vai laiks",
@@ -87,6 +99,7 @@
 	"docked": "Pie doka",
 	"docs": "Dokument\u0101cija",
 	"done": "Gatavs",
+	"drag_and_drop": "Drag and drop",
 	"dry": "\u017d\u0101v\u0113\u0161ana",
 	"drying": "\u017d\u0101v\u0113\u0161ana",
 	"duration": "Ilgums",
@@ -200,7 +213,7 @@
 	"notifications": "Pazi\u0146ojumi",
 	"notifications_dismiss": "Aizv\u0113rt",
 	"notifications_empty": "Nav pazi\u0146ojumu",
-	"numeric": "Skaitliskais st\u0101voklis",
+	"numeric_state": "Skaitliskais st\u0101voklis",
 	"object": "Object",
 	"off": "Izsl\u0113gts",
 	"ok": "Apstiprin\u0101t",
@@ -214,6 +227,7 @@
 	"opening": "Atveras",
 	"optional": "neoblig\u0101ti",
 	"options": "Iesp\u0113jas",
+	"or": "Or",
 	"overview": "P\u0101rskats",
 	"password": "Parole",
 	"pause": "Pauze",
@@ -241,6 +255,7 @@
 	"saved": "Saglab\u0101ts",
 	"say": "Atska\u0146ot",
 	"scenes": "Ainas",
+	"screen": "Screen",
 	"script": "Skripts",
 	"search": "Mekl\u0113t",
 	"seconds": "Sekundes",
@@ -268,6 +283,8 @@
 	"start_over": "S\u0101kt no jauna",
 	"start_pause": "S\u0101kt/Pauze",
 	"state": "St\u0101voklis",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Statuss",
 	"stop": "Aptur\u0113t",
 	"stop_cover": "Stop cover",
@@ -321,7 +338,8 @@
 	"value": "V\u0113rt\u012bba",
 	"vertical": "Vertik\u0101li",
 	"visibility": "Redzam\u012bba",
-	"visible": "Redzams",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
+	"visible": "Redzama",
 	"volume_level": "Ska\u013cums",
 	"water_heater_eco": "Eko",
 	"water_heater_electric": "Elektr\u012bba",
diff --git a/static/translations/mk.json b/static/translations/mk.json
index 812f3890..243e9d80 100644
--- a/static/translations/mk.json
+++ b/static/translations/mk.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Login aborted",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Add view",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Brightness",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -36,10 +45,11 @@
 	"close_cover": "Close cover",
 	"close_tilt_cover": "Close cover tilt",
 	"close_valve": "Close valve",
-	"code": "Code",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "Configure",
@@ -49,6 +59,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "Copied",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Date",
 	"date_or_time": "Date and/or time",
 	"day": "Day",
@@ -60,6 +71,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Edit",
 	"edit_title": "Edit title",
 	"edit_ui": "Edit UI",
@@ -139,7 +151,7 @@
 	"notifications": "Notifications",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "No notifications",
-	"numeric": "Numeric state",
+	"numeric_state": "Numeric state",
 	"object": "Object",
 	"ok": "OK",
 	"open_cover": "Open cover",
@@ -149,6 +161,7 @@
 	"open_valve": "Open valve",
 	"optional": "optional",
 	"options": "Options",
+	"or": "Or",
 	"overview": "Overview",
 	"password": "Password",
 	"pause": "Pause",
@@ -169,7 +182,8 @@
 	"save": "Save",
 	"saved": "Saved",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "Seconds",
@@ -193,6 +207,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -233,8 +249,8 @@
 	"url": "URL",
 	"username": "Username",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "Forecast",
 	"week": "Week",
diff --git a/static/translations/ml.json b/static/translations/ml.json
index 01e601d8..2a361efc 100644
--- a/static/translations/ml.json
+++ b/static/translations/ml.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "\u0d32\u0d4b\u0d17\u0d3f\u0d7b \u0d31\u0d26\u0d4d\u0d26\u0d3e\u0d15\u0d4d\u0d15\u0d3f",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "\u0d35\u0d4d\u0d2f\u0d42 \u0d1a\u0d47\u0d7c\u0d15\u0d4d\u0d15\u0d41\u0d15",
 	"addons": "\u0d06\u0d21\u0d4d-\u0d13\u0d23\u0d41\u0d15\u0d7e",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "\u0d30\u0d42\u0d2a\u0d02",
 	"aspect_ratio": "\u0d35\u0d40\u0d15\u0d4d\u0d37\u0d23\u0d3e\u0d28\u0d41\u0d2a\u0d3e\u0d24\u0d02",
 	"attributes": "\u0d06\u0d1f\u0d4d\u0d30\u0d3f\u0d2c\u0d4d\u0d2f\u0d42\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e",
@@ -20,6 +23,12 @@
 	"back": "\u0d24\u0d3f\u0d30\u0d3f\u0d15\u0d46",
 	"battery": "\u0d2c\u0d3e\u0d31\u0d4d\u0d31\u0d31\u0d3f",
 	"before": "\u0d2e\u0d41\u0d2e\u0d4d\u0d2a\u0d4d",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "\u0d24\u0d46\u0d33\u0d3f\u0d1a\u0d4d\u0d1a\u0d02",
 	"button": "\u0d2c\u0d1f\u0d4d\u0d1f\u0d7a",
 	"buttons": "\u0d2c\u0d1f\u0d4d\u0d1f\u0d23\u0d41\u0d15\u0d7e",
@@ -40,6 +49,8 @@
 	"color": "\u0d28\u0d3f\u0d31\u0d02",
 	"color_temp": "\u0d24\u0d3e\u0d2a\u0d28\u0d3f\u0d32",
 	"columns": "\u0d28\u0d3f\u0d30\u0d15\u0d7e",
+	"condition_error": "\u0d35\u0d4d\u0d2f\u0d35\u0d38\u0d4d\u0d25 \u0d15\u0d1f\u0d28\u0d4d\u0d28\u0d41\u0d2a\u0d4b\u0d2f\u0d3f\u0d32\u0d4d\u0d32",
+	"condition_pass": "\u0d35\u0d4d\u0d2f\u0d35\u0d38\u0d4d\u0d25 \u0d15\u0d1f\u0d28\u0d4d\u0d28\u0d41\u0d2a\u0d4b\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41",
 	"conditional": "\u0d28\u0d3f\u0d2c\u0d28\u0d4d\u0d27\u0d28\u0d2f\u0d41\u0d33\u0d4d\u0d33",
 	"conditions": "\u0d35\u0d4d\u0d2f\u0d35\u0d38\u0d4d\u0d25\u0d15\u0d7e",
 	"configure": "\u0d15\u0d4b\u0d7a\u0d2b\u0d3f\u0d17\u0d7c \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15",
@@ -50,6 +61,7 @@
 	"connection_starting": "\u0d39\u0d4b\u0d02 \u0d05\u0d38\u0d3f\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d28\u0d4d\u0d31\u0d4d \u0d24\u0d41\u0d1f\u0d19\u0d4d\u0d19\u0d41\u0d28\u0d4d\u0d28\u0d41, \u0d05\u0d24\u0d4d \u0d24\u0d40\u0d30\u0d41\u0d28\u0d4d\u0d28\u0d24\u0d41\u0d35\u0d30\u0d46 \u0d0e\u0d32\u0d4d\u0d32\u0d3e\u0d02 \u0d32\u0d2d\u0d4d\u0d2f\u0d2e\u0d3e\u0d15\u0d3f\u0d32\u0d4d\u0d32.",
 	"copied": "\u0d2a\u0d15\u0d7c\u0d24\u0d4d\u0d24\u0d3f",
 	"copy": "\u0d2a\u0d15\u0d7c\u0d24\u0d4d\u0d24\u0d41\u0d15",
+	"current_state": "current",
 	"date": "\u0d24\u0d40\u0d2f\u0d24\u0d3f",
 	"date_or_time": "\u0d24\u0d40\u0d2f\u0d24\u0d3f \u0d15\u0d42\u0d1f\u0d3e\u0d24\u0d46/\u0d05\u0d32\u0d4d\u0d32\u0d46\u0d19\u0d4d\u0d15\u0d3f\u0d7d \u0d38\u0d2e\u0d2f\u0d02",
 	"day": "\u0d26\u0d3f\u0d35\u0d38\u0d02",
@@ -61,6 +73,7 @@
 	"divider": "\u0d35\u0d47\u0d31\u0d3e\u0d15\u0d4d\u0d15\u0d7d \u0d35\u0d30",
 	"docs": "\u0d2a\u0d4d\u0d30\u0d2e\u0d3e\u0d23\u0d40\u0d15\u0d30\u0d23\u0d02",
 	"done": "\u0d15\u0d34\u0d3f\u0d1e\u0d4d\u0d1e\u0d41",
+	"drag_and_drop": "Drag and drop",
 	"edit": "\u0d24\u0d3f\u0d30\u0d41\u0d24\u0d4d\u0d24\u0d41\u0d15",
 	"edit_title": "\u0d24\u0d32\u0d15\u0d4d\u0d15\u0d46\u0d1f\u0d4d\u0d1f\u0d4d \u0d24\u0d3f\u0d30\u0d41\u0d24\u0d4d\u0d24\u0d41\u0d15",
 	"edit_ui": "UI \u0d24\u0d3f\u0d30\u0d41\u0d24\u0d4d\u0d24\u0d41\u0d15",
@@ -140,7 +153,7 @@
 	"notifications": "\u0d05\u0d31\u0d3f\u0d2f\u0d3f\u0d2a\u0d4d\u0d2a\u0d41\u0d15\u0d7e",
 	"notifications_dismiss": "\u0d2a\u0d3f\u0d30\u0d3f\u0d1a\u0d4d\u0d1a\u0d41\u0d35\u0d3f\u0d1f\u0d41\u0d15",
 	"notifications_empty": "\u0d05\u0d31\u0d3f\u0d2f\u0d3f\u0d2a\u0d4d\u0d2a\u0d41\u0d15\u0d33\u0d4a\u0d28\u0d4d\u0d28\u0d41\u0d2e\u0d3f\u0d32\u0d4d\u0d32",
-	"numeric": "\u0d28\u0d4d\u0d2f\u0d42\u0d2e\u0d46\u0d31\u0d3f\u0d15\u0d4d \u0d28\u0d3f\u0d32",
+	"numeric_state": "\u0d28\u0d4d\u0d2f\u0d42\u0d2e\u0d46\u0d31\u0d3f\u0d15\u0d4d \u0d28\u0d3f\u0d32",
 	"object": "Object",
 	"ok": "\u0d36\u0d30\u0d3f",
 	"open_cover": "Open cover",
@@ -150,6 +163,7 @@
 	"open_valve": "Open valve",
 	"optional": "\u0d10\u0d1a\u0d4d\u0d1b\u0d3f\u0d15\u0d02",
 	"options": "\u0d13\u0d2a\u0d4d\u0d37\u0d28\u0d41\u0d15\u0d7e",
+	"or": "Or",
 	"overview": "\u0d2e\u0d47\u0d7d\u0d15\u0d4d\u0d15\u0d3e\u0d34\u0d4d\u0d1a\u0d4d\u0d1a",
 	"password": "\u0d2a\u0d3e\u0d38\u0d4d\u0d35\u0d47\u0d21\u0d4d",
 	"pause": "\u0d2a\u0d4b\u0d38\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15",
@@ -171,6 +185,7 @@
 	"saved": "\u0d38\u0d02\u0d30\u0d15\u0d4d\u0d37\u0d3f\u0d1a\u0d4d\u0d1a\u0d41",
 	"say": "\u0d2a\u0d31\u0d2f\u0d42",
 	"scenes": "\u0d38\u0d40\u0d28\u0d41\u0d15\u0d7e",
+	"screen": "Screen",
 	"script": "\u0d38\u0d4d\u0d15\u0d4d\u0d30\u0d3f\u0d2a\u0d4d\u0d31\u0d4d\u0d31\u0d4d",
 	"search": "\u0d24\u0d3f\u0d30\u0d2f\u0d41\u0d15",
 	"seconds": "\u0d38\u0d46\u0d15\u0d4d\u0d15\u0d28\u0d4d\u0d31\u0d41\u0d15\u0d7e",
@@ -194,6 +209,8 @@
 	"start_over": "\u0d35\u0d40\u0d23\u0d4d\u0d1f\u0d41\u0d02 \u0d24\u0d41\u0d1f\u0d19\u0d4d\u0d19\u0d41\u0d15",
 	"start_pause": "\u0d24\u0d41\u0d1f\u0d19\u0d4d\u0d19\u0d41\u0d15/\u0d24\u0d3e\u0d7d\u0d15\u0d4d\u0d15\u0d3e\u0d32\u0d3f\u0d15\u0d2e\u0d3e\u0d2f\u0d3f \u0d28\u0d3f\u0d7c\u0d24\u0d4d\u0d24\u0d41\u0d15",
 	"state": "\u0d28\u0d3f\u0d32",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "\u0d28\u0d3f\u0d32",
 	"stop": "\u0d28\u0d3f\u0d7c\u0d24\u0d4d\u0d24\u0d41\u0d15",
 	"stop_cover": "Stop cover",
@@ -225,7 +242,7 @@
 	"unsaved_changes": "\u0d28\u0d3f\u0d19\u0d4d\u0d19\u0d7e\u0d15\u0d4d\u0d15\u0d4d \u0d38\u0d02\u0d30\u0d15\u0d4d\u0d37\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d24\u0d4d\u0d24 \u0d2e\u0d3e\u0d31\u0d4d\u0d31\u0d19\u0d4d\u0d19\u0d33\u0d41\u0d23\u0d4d\u0d1f\u0d4d, \u0d2a\u0d41\u0d31\u0d24\u0d4d\u0d24\u0d41\u0d15\u0d1f\u0d15\u0d4d\u0d15\u0d23\u0d2e\u0d46\u0d28\u0d4d\u0d28\u0d4d \u0d24\u0d40\u0d7c\u0d1a\u0d4d\u0d1a\u0d2f\u0d3e\u0d23\u0d4b?",
 	"unsaved_changes_title": "\u0d38\u0d02\u0d30\u0d15\u0d4d\u0d37\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d24\u0d4d\u0d24 \u0d2e\u0d3e\u0d31\u0d4d\u0d31\u0d19\u0d4d\u0d19\u0d7e",
 	"update_clear_skipped": "\u0d12\u0d34\u0d3f\u0d35\u0d3e\u0d15\u0d4d\u0d15\u0d3f\u0d2f\u0d24\u0d4d \u0d2e\u0d3e\u0d2f\u0d4d\u0d1a\u0d4d\u0d1a\u0d41\u0d15\u0d33\u0d2f\u0d41\u0d15",
-	"update_create_backup": "\u0d2a\u0d41\u0d24\u0d41\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d24\u0d3f\u0d28\u0d41 \u0d2e\u0d41\u0d2e\u0d4d\u0d2a\u0d4d \u0d2c\u0d3e\u0d15\u0d4d\u0d15\u0d2a\u0d4d\u0d2a\u0d4d \u0d09\u0d23\u0d4d\u0d1f\u0d3e\u0d15\u0d4d\u0d15\u0d41\u0d15",
+	"update_create_backup": "\u0d2a\u0d41\u0d24\u0d41\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d24\u0d3f\u0d28\u0d41 \u0d2e\u0d41\u0d2e\u0d4d\u0d2a\u0d4d \u0d2e\u0d31\u0d41\u0d2a\u0d15\u0d7c\u0d2a\u0d4d\u0d2a\u0d4d \u0d09\u0d23\u0d4d\u0d1f\u0d3e\u0d15\u0d4d\u0d15\u0d41\u0d15",
 	"update_install": "\u0d07\u0d7b\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d3e\u0d7e \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15",
 	"update_installing": "\u0d07\u0d7b\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d3e\u0d7e \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d28\u0d4d\u0d28\u0d41",
 	"update_installing_progress": "\u0d07\u0d7b\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d3e\u0d7e \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d28\u0d4d\u0d28\u0d41 ( {progress} %)",
@@ -236,6 +253,7 @@
 	"vacuum_commands": "\u0d35\u0d3e\u0d15\u0d4d\u0d35\u0d02 \u0d15\u0d4d\u0d32\u0d40\u0d28\u0d7c \u0d15\u0d2e\u0d3e\u0d7b\u0d21\u0d41\u0d15\u0d7e:",
 	"value": "\u0d2e\u0d42\u0d32\u0d4d\u0d2f\u0d02",
 	"visibility": "\u0d15\u0d3e\u0d23\u0d7d\u0d28\u0d3f\u0d32",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "\u0d15\u0d3e\u0d23\u0d2a\u0d4d\u0d2a\u0d46\u0d1f\u0d41\u0d28\u0d4d\u0d28\u0d24\u0d4d",
 	"weather_forecast": "\u0d2a\u0d4d\u0d30\u0d35\u0d1a\u0d28\u0d02",
 	"week": "\u0d06\u0d34\u0d4d\u0d1a",
diff --git a/static/translations/nb.json b/static/translations/nb.json
index 8a3b7642..abe73a89 100644
--- a/static/translations/nb.json
+++ b/static/translations/nb.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Innlogging avbrutt",
+	"above": "Over",
 	"above_horizon": "Over horisonten",
 	"active": "Aktiv",
 	"add": "Legg til",
+	"add_condition": "Legg til betingelse",
 	"add_item": "Legg til gj\u00f8rem\u00e5l",
 	"add_view": "Legg til visning",
 	"addons": "Tillegg",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Ferie",
 	"alarm_modes_disarmed": "Deaktivert",
 	"alarm_modes_label": "Alarm-moduser",
+	"and": "Og",
 	"appearance": "Utseende",
 	"armed": "Armert",
 	"armed_away": "Armert borte",
@@ -31,8 +34,14 @@
 	"back": "Tilbake",
 	"battery": "Batteri",
 	"before": "F\u00f8r",
+	"below": "Under",
 	"below_horizon": "Under horisonten",
 	"both": "Begge",
+	"breakpoints": "Skjermst\u00f8rrelser",
+	"breakpoints_desktop": "Skrivebord",
+	"breakpoints_mobile": "Mobil",
+	"breakpoints_tablet": "Nettbrett",
+	"breakpoints_wide": "Bred",
 	"brightness": "Lysstyrke",
 	"buffering": "Bufring",
 	"button": "Knapp",
@@ -58,6 +67,8 @@
 	"color": "Farge",
 	"color_temp": "Temperatur",
 	"columns": "Kolonner",
+	"condition_error": "Betingelsen passerte ikke",
+	"condition_pass": "Betingelse passerer",
 	"conditional": "Betinget",
 	"conditions": "Betingelser",
 	"configure": "Konfigurer",
@@ -71,6 +82,7 @@
 	"copied": "Kopiert",
 	"copy": "Kopiere",
 	"counter": "Teller",
+	"current_state": "n\u00e5v\u00e6rende",
 	"date": "Dato",
 	"date_or_time": "Dato og/eller klokkeslett",
 	"day": "Dag",
@@ -87,6 +99,7 @@
 	"docked": "Dokket",
 	"docs": "Dokumentasjon",
 	"done": "Ferdig",
+	"drag_and_drop": "Dra og slipp",
 	"dry": "T\u00f8rr",
 	"drying": "T\u00f8rking",
 	"duration": "Varighet",
@@ -194,7 +207,7 @@
 	"notifications": "Varsler",
 	"notifications_dismiss": "Lukk",
 	"notifications_empty": "Ingen varsler",
-	"numeric": "Numerisk tilstand",
+	"numeric_state": "Numerisk tilstand",
 	"object": "Objekt",
 	"off": "Av",
 	"ok": "OK",
@@ -209,6 +222,7 @@
 	"opening": "\u00c5pner",
 	"optional": "Valgfritt",
 	"options": "Alternativer",
+	"or": "Eller",
 	"overview": "Oversikt",
 	"password": "Passord",
 	"pause": "Pause",
@@ -235,7 +249,8 @@
 	"save": "Lagre",
 	"saved": "Lagret",
 	"say": "Si",
-	"scenes": "scener",
+	"scenes": "Scener",
+	"screen": "Skjerm",
 	"script": "Skript",
 	"search": "S\u00f8k",
 	"seconds": "Sekunder",
@@ -261,6 +276,8 @@
 	"start_over": "Start p\u00e5 nytt",
 	"start_pause": "Start / Pause",
 	"state": "Tilstand",
+	"state_equal": "Tilstanden er lik",
+	"state_not_equal": "Tilstanden er ikke lik",
 	"status": "Status",
 	"stop": "Stopp",
 	"stop_cover": "Stopp deksel",
@@ -319,6 +336,7 @@
 	"version": "Versjon",
 	"vertical": "Vertikal",
 	"visibility": "Synlighet",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Synlig",
 	"volume_level": "Volum",
 	"water_heater_away_mode": "Bortemodus",
diff --git a/static/translations/nl.json b/static/translations/nl.json
index 09e9b5db..8daaa559 100644
--- a/static/translations/nl.json
+++ b/static/translations/nl.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Aanmelden afgebroken",
+	"above": "Boven",
 	"above_horizon": "Boven de horizon",
 	"active": "Actief",
 	"add": "Toevoegen",
+	"add_condition": "Voeg voorwaarde toe",
 	"add_item": "Voeg item toe",
 	"add_view": "Weergave  toevoegen",
 	"addons": "Add-ons",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Vakantie",
 	"alarm_modes_disarmed": "Uitgeschakeld",
 	"alarm_modes_label": "Alarm modi",
+	"and": "En",
 	"appearance": "Uiterlijk",
 	"armed": "Ingeschakeld",
 	"armed_away": "Ingeschakeld afwezig",
@@ -32,8 +35,14 @@
 	"balanced": "Gebalanceerd",
 	"battery": "Batterij",
 	"before": "Voor",
+	"below": "Onder",
 	"below_horizon": "Onder de horizon",
 	"both": "Beide",
+	"breakpoints": "Schermformaten",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobiel",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Breed scherm",
 	"brightness": "Helderheid",
 	"buffering": "Bufferen",
 	"button": "Knop",
@@ -59,6 +68,8 @@
 	"color": "Kleur",
 	"color_temp": "Temperatuur",
 	"columns": "Kolommen",
+	"condition_error": "Niet voldaan aan voorwaarde",
+	"condition_pass": "Voorwaarde voldaan",
 	"conditional": "Voorwaardelijk",
 	"conditions": "Voorwaarden",
 	"configure": "Configureren",
@@ -73,6 +84,7 @@
 	"copy": "Kopi\u00ebren",
 	"counter": "Teller",
 	"current_humidity": "Huidige luchtvochtigheid",
+	"current_state": "huidige",
 	"custom": "Aangepast",
 	"date": "Datum",
 	"date_or_time": "Datum en/of tijd",
@@ -90,6 +102,7 @@
 	"docked": "Gedockt",
 	"docs": "Documentatie",
 	"done": "Klaar",
+	"drag_and_drop": "Slepen en neerzetten",
 	"dry": "Droog",
 	"drying": "Drogen",
 	"duration": "Duur",
@@ -210,7 +223,7 @@
 	"notifications": "Meldingen",
 	"notifications_dismiss": "Sluiten",
 	"notifications_empty": "Geen meldingen",
-	"numeric": "Numerieke status",
+	"numeric_state": "Numerieke status",
 	"object": "Object",
 	"off": "Uit",
 	"ok": "OK",
@@ -225,6 +238,7 @@
 	"opening": "Openen",
 	"optional": "optioneel",
 	"options": "Opties",
+	"or": "Of",
 	"overview": "Overzicht",
 	"password": "Wachtwoord",
 	"pause": "Pauzeren",
@@ -252,7 +266,8 @@
 	"save": "Opslaan",
 	"saved": "Opgeslagen",
 	"say": "Zeg",
-	"scenes": "sc\u00e8nes",
+	"scenes": "Sc\u00e8nes",
+	"screen": "Scherm",
 	"script": "Script",
 	"search": "Zoek",
 	"seconds": "Seconden",
@@ -280,6 +295,8 @@
 	"start_over": "Begin opnieuw",
 	"start_pause": "Start/Pauze",
 	"state": "Staat",
+	"state_equal": "Status is gelijk aan",
+	"state_not_equal": "Status is niet gelijk aan",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop bedekking",
@@ -328,7 +345,7 @@
 	"update_install": "Installeren",
 	"update_installing": "Installeren",
 	"update_installing_progress": "Installeren ({progress}%)",
-	"update_release_notes": "Release-aankondiging lezen",
+	"update_release_notes": "Uitgave-aankondiging lezen",
 	"update_skip": "Overslaan",
 	"update_up_to_date": "Up-to-date",
 	"url": "URL",
@@ -339,6 +356,7 @@
 	"version": "Versie",
 	"vertical": "Verticaal",
 	"visibility": "Zichtbaarheid",
+	"visibility_explanation": "De kaart wordt getoond wanneer ALLE voorwaarden zijn vervuld. Als er geen voorwaarden zijn ingesteld, wordt de kaart altijd getoond.",
 	"visible": "Zichtbaar",
 	"volume_level": "Volume",
 	"water_heater_away_mode": "Niet thuis mode",
diff --git a/static/translations/nn.json b/static/translations/nn.json
index c44880be..917367cb 100644
--- a/static/translations/nn.json
+++ b/static/translations/nn.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Innlogging avbrote",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Legg til side",
 	"addons": "Tillegg",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarmmodusar",
+	"and": "And",
 	"appearance": "Utsj\u00e5nad",
 	"aspect_ratio": "St\u00f8rrelsesforholdet",
 	"attributes": "Attributtar",
@@ -20,6 +23,12 @@
 	"back": "Tilbake",
 	"battery": "Batteri",
 	"before": "F\u00f8r",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Lysstyrke",
 	"button": "Knapp",
 	"buttons": "Knappar",
@@ -41,6 +50,8 @@
 	"color": "Farge",
 	"color_temp": "Temperatur",
 	"columns": "Kolonner",
+	"condition_error": "F\u00f8resetnad ikkje oppfylt",
+	"condition_pass": "Condition passes",
 	"conditional": "Betinga",
 	"conditions": "F\u00f8resetnadar",
 	"configure": "Konfigurer",
@@ -51,6 +62,7 @@
 	"connection_starting": "Home Assistant held p\u00e5 \u00e5 starte. Alt er ikkje tilgjengeleg f\u00f8r den er ferdig starta.",
 	"copied": "Kopiert",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Dato",
 	"date_or_time": "Dato og/eller klokkeslett",
 	"day": "Dag",
@@ -63,6 +75,7 @@
 	"docked": "Parkert",
 	"docs": "Dokumentasjon",
 	"done": "Ferdig",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Redigere",
 	"edit_title": "Rediger tittel",
 	"edit_ui": "Rediger brukargrensesnitt",
@@ -144,7 +157,7 @@
 	"notifications": "Varsler",
 	"notifications_dismiss": "Avvis",
 	"notifications_empty": "Ingen varslar",
-	"numeric": "Numerisk tilstand",
+	"numeric_state": "Numerisk tilstand",
 	"object": "Object",
 	"ok": "Ok",
 	"open_cover": "Open cover",
@@ -154,6 +167,7 @@
 	"open_valve": "Opne ventil",
 	"optional": "valfri",
 	"options": "Alternativ",
+	"or": "Or",
 	"overview": "Oversikt",
 	"password": "Passord",
 	"pause": "Sett p\u00e5 pause",
@@ -175,7 +189,8 @@
 	"save": "Lagre",
 	"saved": "Lagra",
 	"say": "Sei",
-	"scenes": "scener",
+	"scenes": "Scener",
+	"screen": "Screen",
 	"script": "Skript",
 	"search": "S\u00f8k",
 	"seconds": "Sekund",
@@ -199,6 +214,8 @@
 	"start_over": "Start p\u00e5 nytt",
 	"start_pause": "Start/Sett p\u00e5 pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stopp",
 	"stop_cover": "Stop cover",
@@ -242,6 +259,7 @@
 	"vacuum_commands": "St\u00f8vsugarkommandoar",
 	"value": "Verdi",
 	"visibility": "Synlegheit",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Synleg",
 	"weather_forecast": "V\u00earmelding",
 	"weather_lightning": "Lyn",
diff --git a/static/translations/no.json b/static/translations/no.json
index 27f0c623..d3f64cb9 100644
--- a/static/translations/no.json
+++ b/static/translations/no.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Login aborted",
+	"above": "Above",
 	"add": "Legg til",
+	"add_condition": "Add condition",
 	"add_item": "Legg til",
 	"add_view": "Add view",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Utseende",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Brightness",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -36,10 +45,11 @@
 	"close_cover": "Lukk deksel",
 	"close_tilt_cover": "Close cover tilt",
 	"close_valve": "Close valve",
-	"code": "Code",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "Configure",
@@ -49,6 +59,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "Copied",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Date",
 	"date_or_time": "Date and/or time",
 	"day": "Day",
@@ -60,6 +71,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Edit",
 	"edit_title": "Edit title",
 	"edit_ui": "Edit UI",
@@ -139,7 +151,7 @@
 	"notifications": "Notifications",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "No notifications",
-	"numeric": "Numerisk tilstand",
+	"numeric_state": "Numerisk tilstand",
 	"object": "Object",
 	"ok": "Ok",
 	"open_cover": "\u00c5pne deksel",
@@ -149,6 +161,7 @@
 	"open_valve": "Open valve",
 	"optional": "optional",
 	"options": "Options",
+	"or": "Or",
 	"overview": "Oversikt",
 	"password": "Password",
 	"pause": "Pause",
@@ -169,7 +182,8 @@
 	"save": "Lagre",
 	"saved": "Saved",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "Seconds",
@@ -193,6 +207,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -233,8 +249,8 @@
 	"url": "URL",
 	"username": "Username",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "Prognose",
 	"week": "Uke",
diff --git a/static/translations/pl.json b/static/translations/pl.json
index 52e8365c..9c5a3199 100644
--- a/static/translations/pl.json
+++ b/static/translations/pl.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Logowanie przerwane",
+	"above": "Powy\u017cej",
 	"above_horizon": "powy\u017cej horyzontu",
 	"active": "aktywno\u015b\u0107",
 	"add": "Utw\u00f3rz",
+	"add_condition": "Dodaj warunek",
 	"add_item": "Dodaj element",
 	"add_view": "Dodaj widok",
 	"addons": "Dodatki",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Wakacje",
 	"alarm_modes_disarmed": "Rozbrojony",
 	"alarm_modes_label": "Tryby alarmu",
+	"and": "I",
 	"apparent_temperature": "Odczuwalna temperatura",
 	"appearance": "Wygl\u0105d",
 	"armed": "uzbrojony",
@@ -33,8 +36,14 @@
 	"balanced": "zr\u00f3wnowa\u017cony",
 	"battery": "Bateria",
 	"before": "przed",
+	"below": "Poni\u017cej",
 	"below_horizon": "poni\u017cej horyzontu",
 	"both": "ruch w obu p\u0142aszczyznach",
+	"breakpoints": "Rozmiar ekranu",
+	"breakpoints_desktop": "Komputer",
+	"breakpoints_mobile": "Smartfon",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Szeroki ekran",
 	"brightness": "Jasno\u015b\u0107",
 	"buffering": "buforowanie",
 	"button": "Przycisk",
@@ -60,6 +69,8 @@
 	"color": "Kolor",
 	"color_temp": "Temperatura",
 	"columns": "Kolumny",
+	"condition_error": "Warunek nie zosta\u0142 spe\u0142niony",
+	"condition_pass": "Warunek zosta\u0142 spe\u0142niony",
 	"conditional": "Warunkowa",
 	"conditions": "Warunki",
 	"configure": "Konfiguruj",
@@ -74,6 +85,7 @@
 	"copy": "Kopiuj",
 	"counter": "Licznik",
 	"current_humidity": "Aktualna wilgotno\u015b\u0107",
+	"current_state": "Aktualne",
 	"custom": "niestandardowy",
 	"date": "Data",
 	"date_or_time": "Data/czas",
@@ -91,6 +103,7 @@
 	"docked": "zadokowany",
 	"docs": "Dokumentacja",
 	"done": "Gotowe",
+	"drag_and_drop": "Przeci\u0105gnij i upu\u015b\u0107",
 	"dry": "osuszanie",
 	"drying": "osuszanie",
 	"duration": "Czas trwania",
@@ -206,7 +219,7 @@
 	"notifications": "Powiadomienia",
 	"notifications_dismiss": "Ukryj",
 	"notifications_empty": "Brak powiadomie\u0144",
-	"numeric": "Stan numeryczny",
+	"numeric_state": "Stan numeryczny",
 	"object": "Obiekt",
 	"off": "wy\u0142\u0105czono",
 	"ok": "OK",
@@ -221,6 +234,7 @@
 	"opening": "otwieranie",
 	"optional": "opcjonalne",
 	"options": "Opcje",
+	"or": "Lub",
 	"overview": "Przegl\u0105d",
 	"password": "Has\u0142o",
 	"pause": "Wstrzymaj",
@@ -246,7 +260,8 @@
 	"save": "Zapisz",
 	"saved": "Zapisano",
 	"say": "Powiedz",
-	"scenes": "sceny",
+	"scenes": "Sceny",
+	"screen": "Ekran",
 	"script": "Skrypt",
 	"search": "Szukaj",
 	"seconds": "Sekundy",
@@ -273,6 +288,8 @@
 	"start_over": "Zacznij od nowa",
 	"start_pause": "Start/Wstrzymaj",
 	"state": "Stan",
+	"state_equal": "Stan jest r\u00f3wny",
+	"state_not_equal": "Stan nie jest r\u00f3wny",
 	"status": "Status",
 	"stop": "Zatrzymaj",
 	"stop_cover": "Zatrzymaj",
@@ -318,8 +335,8 @@
 	"update_create_backup": "Utw\u00f3rz kopi\u0119 zapasow\u0105 przed aktualizacj\u0105",
 	"update_install": "Zainstaluj",
 	"update_installed_version": "Zainstalowana wersja",
-	"update_installing": "Instalowanie",
-	"update_installing_progress": "Instalowanie ({progress}%)",
+	"update_installing": "instalacja",
+	"update_installing_progress": "instalacja ({progress}%)",
 	"update_latest_version": "Ostatnia wersja",
 	"update_release_notes": "Przeczytaj og\u0142oszenie o wydaniu",
 	"update_skip": "Pomi\u0144",
@@ -332,6 +349,7 @@
 	"version": "Wersja",
 	"vertical": "ruch pionowy",
 	"visibility": "Widzialno\u015b\u0107",
+	"visibility_explanation": "Karta zostanie wy\u015bwietlona, gdy WSZYSTKIE poni\u017csze warunki b\u0119d\u0105 spe\u0142nione. Je\u015bli nie ustawiono \u017cadnych warunk\u00f3w, karta b\u0119dzie zawsze widoczna.",
 	"visible": "Encja widoczna",
 	"volume_level": "G\u0142o\u015bno\u015b\u0107",
 	"water_heater_eco": "eko",
diff --git a/static/translations/pt-BR.json b/static/translations/pt-BR.json
index 48e9cccf..1f40f5a6 100644
--- a/static/translations/pt-BR.json
+++ b/static/translations/pt-BR.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Login cancelado",
+	"above": "Acima",
 	"add": "Adicionar",
+	"add_condition": "Adicionar condi\u00e7\u00e3o",
 	"add_item": "Adicionar item",
 	"add_view": "Editar visualiza\u00e7\u00e3o",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "F\u00e9rias",
 	"alarm_modes_disarmed": "Desarmado",
 	"alarm_modes_label": "Modos de alarme",
+	"and": "E",
 	"appearance": "Apar\u00eancia",
 	"aspect_ratio": "Propor\u00e7\u00e3o da tela",
 	"attributes": "Atributos",
@@ -20,6 +23,12 @@
 	"back": "Voltar",
 	"battery": "Bateria",
 	"before": "Antes",
+	"below": "Abaixo",
+	"breakpoints": "Tamanhos de tela",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Celular",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Largo (wide)",
 	"brightness": "Brilho",
 	"button": "Bot\u00e3o",
 	"buttons": "Bot\u00f5es",
@@ -40,6 +49,8 @@
 	"color": "Cor",
 	"color_temp": "Temperatura",
 	"columns": "Colunas",
+	"condition_error": "A condi\u00e7\u00e3o n\u00e3o passou",
+	"condition_pass": "A condi\u00e7\u00e3o passa",
 	"conditional": "Condicional",
 	"conditions": "Condi\u00e7\u00f5es",
 	"configure": "Configurar",
@@ -50,6 +61,7 @@
 	"connection_starting": "O Home Assistant est\u00e1 iniciando, algumas funcionalidades podem estar indispon\u00edveis at\u00e9 que tudo seja carregado.",
 	"copied": "Copiado",
 	"copy": "Copiar",
+	"current_state": "atual",
 	"date": "Data",
 	"date_or_time": "Data e/ou hora",
 	"day": "Dia",
@@ -61,6 +73,7 @@
 	"divider": "Divisor",
 	"docs": "Documenta\u00e7\u00e3o",
 	"done": "Feito",
+	"drag_and_drop": "Arrastar e soltar",
 	"edit": "Editar",
 	"edit_title": "Editar t\u00edtulo",
 	"edit_ui": "Editar \u201cinterface\u201d do usu\u00e1rio",
@@ -140,7 +153,7 @@
 	"notifications": "Notifica\u00e7\u00f5es",
 	"notifications_dismiss": "Dispensar",
 	"notifications_empty": "Sem notifica\u00e7\u00f5es",
-	"numeric": "Estado num\u00e9rico",
+	"numeric_state": "Estado num\u00e9rico",
 	"object": "Objeto",
 	"ok": "OK",
 	"open_cover": "Abrir cobertura",
@@ -151,6 +164,7 @@
 	"open_valve": "Abra a V\u00e1lvula",
 	"optional": "Opcional",
 	"options": "Op\u00e7\u00f5es",
+	"or": "Ou",
 	"overview": "Vis\u00e3o geral",
 	"password": "Senha",
 	"pause": "Pausar",
@@ -172,6 +186,7 @@
 	"saved": "Salvo",
 	"say": "Dizer",
 	"scenes": "Cenas",
+	"screen": "Tela",
 	"script": "Script",
 	"search": "Procurar",
 	"seconds": "Segundos",
@@ -195,6 +210,8 @@
 	"start_over": "Recome\u00e7ar",
 	"start_pause": "Iniciar/Pausar",
 	"state": "Estado",
+	"state_equal": "O estado \u00e9 igual a",
+	"state_not_equal": "O estado n\u00e3o \u00e9 igual a",
 	"status": "Estado",
 	"stop": "Parar",
 	"stop_cover": "Parar a cortina",
@@ -237,6 +254,7 @@
 	"vacuum_commands": "Comandos do aspirador de p\u00f3:",
 	"value": "Valor",
 	"visibility": "Visibilidade",
+	"visibility_explanation": "O cart\u00e3o ser\u00e1 mostrado quando TODAS as condi\u00e7\u00f5es abaixo forem cumpridas. Se nenhuma condi\u00e7\u00e3o for definida, o cart\u00e3o ser\u00e1 sempre mostrado.",
 	"visible": "Vis\u00edvel",
 	"weather_forecast": "Previs\u00e3o",
 	"week": "Semana",
diff --git a/static/translations/pt.json b/static/translations/pt.json
index b9819f3e..cf9bea60 100644
--- a/static/translations/pt.json
+++ b/static/translations/pt.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "In\u00edcio de sess\u00e3o cancelado",
+	"above": "Acima",
 	"above_horizon": "Acima do horizonte",
 	"active": "Ativo ",
 	"add": "Adicionar",
+	"add_condition": "Adicionar condi\u00e7\u00e3o",
 	"add_item": "Adicionar item",
 	"add_view": "Adicionar Vista",
 	"addons": "Add-ons",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "F\u00e9rias",
 	"alarm_modes_disarmed": "Desarmado",
 	"alarm_modes_label": "Modos do Alarme",
+	"and": "E",
 	"apparent_temperature": "Temperatura aparente",
 	"appearance": "Apar\u00eancia",
 	"armed": "Armado",
@@ -33,8 +36,14 @@
 	"balanced": "Equilibrado",
 	"battery": "Bateria",
 	"before": "Antes de",
+	"below": "Abaixo",
 	"below_horizon": "Abaixo do horizonte",
 	"both": "Ambos",
+	"breakpoints": "Tamanhos de ecr\u00e3",
+	"breakpoints_desktop": "Ambiente de trabalho",
+	"breakpoints_mobile": "Telem\u00f3vel",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Largura",
 	"brightness": "Brilho",
 	"buffering": "A armazenar em buffer",
 	"button": "Bot\u00e3o",
@@ -60,6 +69,8 @@
 	"color": "Cor",
 	"color_temp": "Temperatura",
 	"columns": "Colunas",
+	"condition_error": "A condi\u00e7\u00e3o n\u00e3o passou",
+	"condition_pass": "A condi\u00e7\u00e3o passou",
 	"conditional": "Condicional",
 	"conditions": "Condi\u00e7\u00f5es",
 	"configure": "Configurar",
@@ -74,6 +85,7 @@
 	"copy": "Copiar",
 	"counter": "Contador",
 	"current_humidity": "Humidade atual",
+	"current_state": "atual",
 	"custom": "Personalizado",
 	"date": "Data",
 	"date_or_time": "Data e/ou hora",
@@ -90,6 +102,7 @@
 	"docked": "Na Base",
 	"docs": "Documenta\u00e7\u00e3o",
 	"done": "Feito",
+	"drag_and_drop": "Arrastar e largar",
 	"dry": "Desumidifica\u00e7\u00e3o",
 	"drying": "Desumidifica\u00e7\u00e3o",
 	"duration": "Dura\u00e7\u00e3o",
@@ -209,7 +222,7 @@
 	"notifications": "Notifica\u00e7\u00f5es",
 	"notifications_dismiss": "Descartar",
 	"notifications_empty": "Sem notifica\u00e7\u00f5es",
-	"numeric": "Estado num\u00e9rico",
+	"numeric_state": "Estado num\u00e9rico",
 	"object": "Objeto",
 	"off": "Desligado",
 	"ok": "OK",
@@ -224,6 +237,7 @@
 	"opening": "A abrir",
 	"optional": "opcional",
 	"options": "Op\u00e7\u00f5es",
+	"or": "Ou",
 	"overview": "Vis\u00e3o Geral",
 	"password": "Palavra-passe",
 	"pause": "Pausa",
@@ -251,6 +265,7 @@
 	"saved": "Guardada",
 	"say": "Dizer",
 	"scenes": "Cen\u00e1rios",
+	"screen": "Ecr\u00e3",
 	"script": "Script",
 	"search": "Procurar",
 	"seconds": "Segundos",
@@ -278,6 +293,8 @@
 	"start_over": "Recome\u00e7ar",
 	"start_pause": "Iniciar /pausa",
 	"state": "Estado",
+	"state_equal": "O estado \u00e9 igual a",
+	"state_not_equal": "O estado n\u00e3o \u00e9 igual a",
 	"status": "Estado",
 	"stop": "Parar",
 	"stop_cover": "Parar",
@@ -339,6 +356,7 @@
 	"version": "Vers\u00e3o",
 	"vertical": "Vertical",
 	"visibility": "Visibilidade",
+	"visibility_explanation": "O cart\u00e3o ser\u00e1 mostrado quando TODAS as condi\u00e7\u00f5es abaixo forem cumpridas. Se n\u00e3o forem definidas condi\u00e7\u00f5es, o cart\u00e3o ser\u00e1 sempre apresentado",
 	"visible": "Vis\u00edvel",
 	"volume_level": "Volume",
 	"water_heater_away_mode": "Modo ausente",
diff --git a/static/translations/ro.json b/static/translations/ro.json
index 72c4f75b..acc25ec4 100644
--- a/static/translations/ro.json
+++ b/static/translations/ro.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Autentificare anulat\u0103",
+	"above": "Peste",
 	"above_horizon": "Deasupra orizontului",
 	"active": "Activ",
 	"add": "Adaug\u0103",
+	"add_condition": "Adaug\u0103 condi\u021bie",
 	"add_item": "Adaug\u0103 element",
 	"add_view": "Ad\u0103ug\u0103 perspectiv\u0103",
 	"addons": "Add-on-uri",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Vacan\u021b\u0103",
 	"alarm_modes_disarmed": "Dezarmat",
 	"alarm_modes_label": "Moduri alarm\u0103",
+	"and": "\u0218i",
 	"apparent_temperature": "Temperatura aparent\u0103",
 	"appearance": "\u00cenf\u0103\u021bi\u0219are",
 	"armed": "Armat\u0103",
@@ -33,8 +36,14 @@
 	"balanced": "Echilibrat",
 	"battery": "Baterie",
 	"before": "\u00cenainte de",
+	"below": "Sub",
 	"below_horizon": "Sub orizont",
 	"both": "Ambele",
+	"breakpoints": "Dimensiuni ecran",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobil",
+	"breakpoints_tablet": "Tablet\u0103",
+	"breakpoints_wide": "Lat",
 	"brightness": "Luminozitate",
 	"buffering": "Cite\u0219te date \u00een avans",
 	"button": "Buton",
@@ -60,6 +69,8 @@
 	"color": "Culoare",
 	"color_temp": "Temperatur\u0103",
 	"columns": "Coloane",
+	"condition_error": "Condi\u021bia nu a fost \u00eendeplinit\u0103",
+	"condition_pass": "Condi\u021bia a fost \u00eendeplinit\u0103",
 	"conditional": "Conditional",
 	"conditions": "Condi\u021bii",
 	"configure": "Configureaz\u0103",
@@ -74,6 +85,7 @@
 	"copy": "Copiaz\u0103",
 	"counter": "Contor",
 	"current_humidity": "Umiditate curent\u0103",
+	"current_state": "actual",
 	"date": "Data",
 	"date_or_time": "Dat\u0103 \u0219i/sau or\u0103",
 	"day": "Zi",
@@ -89,6 +101,7 @@
 	"docked": "Andocat",
 	"docs": "Documenta\u021bie",
 	"done": "Terminat",
+	"drag_and_drop": "Drag and drop",
 	"dry": "Dezumidificare",
 	"drying": "Dezumidificare",
 	"duration": "Durat\u0103",
@@ -206,7 +219,7 @@
 	"notifications": "Notific\u0103ri",
 	"notifications_dismiss": "\u00cenl\u0103tur\u0103",
 	"notifications_empty": "Nicio notificare",
-	"numeric": "Stare numeric\u0103",
+	"numeric_state": "Stare numeric\u0103",
 	"object": "Obiect",
 	"off": "Oprit",
 	"ok": "OK",
@@ -220,6 +233,7 @@
 	"opening": "\u00cen curs de deschidere",
 	"optional": "op\u021bional",
 	"options": "Op\u021biuni",
+	"or": "Sau",
 	"overview": "Prezentare general\u0103",
 	"password": "Parol\u0103",
 	"pause": "Pauz\u0103",
@@ -246,7 +260,8 @@
 	"save": "Salveaz\u0103",
 	"saved": "Salvat",
 	"say": "Spune",
-	"scenes": "scene",
+	"scenes": "Scene",
+	"screen": "Ecran",
 	"script": "Script",
 	"search": "C\u0103utare",
 	"seconds": "Secunde",
@@ -273,6 +288,8 @@
 	"start_over": "Ia-o de la cap\u0103t",
 	"start_pause": "Start/pauz\u0103",
 	"state": "Status",
+	"state_equal": "Statusul este",
+	"state_not_equal": "Statusul nu este",
 	"status": "Stare",
 	"stop": "Stop",
 	"stop_cover": "Opre\u0219te",
@@ -328,6 +345,7 @@
 	"version": "Versiune",
 	"vertical": "Vertical",
 	"visibility": "Vizibilitate",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Vizibil",
 	"volume_level": "Volum",
 	"water_heater_eco": "Eco",
diff --git a/static/translations/ru.json b/static/translations/ru.json
index 2eb0e3c6..78ff6a29 100644
--- a/static/translations/ru.json
+++ b/static/translations/ru.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "\u0412\u0445\u043e\u0434 \u043f\u0440\u0435\u0440\u0432\u0430\u043d",
+	"above": "\u0411\u043e\u043b\u044c\u0448\u0435",
 	"above_horizon": "\u041d\u0430\u0434 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u043e\u043c",
 	"active": "\u0410\u043a\u0442\u0438\u0432\u043d\u043e",
 	"add": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c",
+	"add_condition": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0443\u0441\u043b\u043e\u0432\u0438\u0435",
 	"add_item": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442",
 	"add_view": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432\u043a\u043b\u0430\u0434\u043a\u0443",
 	"addons": "\u0414\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "\u041e\u0442\u043f\u0443\u0441\u043a",
 	"alarm_modes_disarmed": "\u0411\u0435\u0437 \u043e\u0445\u0440\u0430\u043d\u044b",
 	"alarm_modes_label": "\u0420\u0435\u0436\u0438\u043c\u044b \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u0438\u0433\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438",
+	"and": "\u0418",
 	"apparent_temperature": "\u041e\u0449\u0443\u0449\u0430\u0435\u043c\u0430\u044f \u0442\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0430",
 	"appearance": "\u0412\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434",
 	"armed": "\u041f\u043e\u0434 \u043e\u0445\u0440\u0430\u043d\u043e\u0439",
@@ -33,8 +36,14 @@
 	"balanced": "\u0421\u0431\u0430\u043b\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f",
 	"battery": "\u0410\u043a\u043a\u0443\u043c\u0443\u043b\u044f\u0442\u043e\u0440",
 	"before": "\u0414\u043e",
+	"below": "\u041c\u0435\u043d\u044c\u0448\u0435",
 	"below_horizon": "\u041d\u0438\u0436\u0435 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430",
 	"both": "\u041e\u0431\u0430",
+	"breakpoints": "\u0420\u0430\u0437\u043c\u0435\u0440\u044b \u044d\u043a\u0440\u0430\u043d\u0430",
+	"breakpoints_desktop": "\u041a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440",
+	"breakpoints_mobile": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d",
+	"breakpoints_tablet": "\u041f\u043b\u0430\u043d\u0448\u0435\u0442",
+	"breakpoints_wide": "\u0428\u0438\u0440\u0438\u043d\u0430",
 	"brightness": "\u042f\u0440\u043a\u043e\u0441\u0442\u044c",
 	"buffering": "\u0411\u0443\u0444\u0435\u0440\u0438\u0437\u0430\u0446\u0438\u044f",
 	"button": "\u041a\u043d\u043e\u043f\u043a\u0430",
@@ -60,6 +69,8 @@
 	"color": "\u0426\u0432\u0435\u0442",
 	"color_temp": "\u0426\u0432\u0435\u0442\u043e\u0432\u0430\u044f \u0442\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0430",
 	"columns": "\u0421\u0442\u043e\u043b\u0431\u0446\u044b",
+	"condition_error": "\u0423\u0441\u043b\u043e\u0432\u0438\u0435 \u043d\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043e",
+	"condition_pass": "\u0423\u0441\u043b\u043e\u0432\u0438\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043e",
 	"conditional": "\u0423\u0441\u043b\u043e\u0432\u0438\u044f",
 	"conditions": "\u0423\u0441\u043b\u043e\u0432\u0438\u044f",
 	"configure": "\u041d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c",
@@ -74,6 +85,7 @@
 	"copy": "\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c",
 	"counter": "\u0421\u0447\u0451\u0442\u0447\u0438\u043a",
 	"current_humidity": "\u0422\u0435\u043a\u0443\u0449\u0430\u044f \u0432\u043b\u0430\u0436\u043d\u043e\u0441\u0442\u044c",
+	"current_state": "\u0441\u0438\u043b\u0430 \u0442\u043e\u043a\u0430",
 	"custom": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439",
 	"date": "\u0414\u0430\u0442\u0430",
 	"date_or_time": "\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043c\u044f",
@@ -91,6 +103,7 @@
 	"docked": "\u0423 \u0434\u043e\u043a-\u0441\u0442\u0430\u043d\u0446\u0438\u0438",
 	"docs": "\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",
 	"done": "\u0413\u043e\u0442\u043e\u0432\u043e",
+	"drag_and_drop": "\u041f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u043d\u0438\u0435",
 	"dry": "\u041e\u0441\u0443\u0448\u0435\u043d\u0438\u0435",
 	"drying": "\u041e\u0441\u0443\u0448\u0435\u043d\u0438\u0435",
 	"duration": "\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c",
@@ -210,7 +223,7 @@
 	"notifications": "\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f",
 	"notifications_dismiss": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c",
 	"notifications_empty": "\u041d\u0435\u0442 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0439",
-	"numeric": "\u0427\u0438\u0441\u043b\u043e\u0432\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435",
+	"numeric_state": "\u0427\u0438\u0441\u043b\u043e\u0432\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435",
 	"object": "\u041e\u0431\u044a\u0435\u043a\u0442",
 	"off": "\u0412\u044b\u043a\u043b\u044e\u0447\u0435\u043d\u043e",
 	"ok": "\u041e\u041a",
@@ -225,6 +238,7 @@
 	"opening": "\u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f",
 	"optional": "\u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e",
 	"options": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442\u044b",
+	"or": "\u0418\u043b\u0438",
 	"overview": "\u041e\u0431\u0437\u043e\u0440",
 	"password": "\u041f\u0430\u0440\u043e\u043b\u044c",
 	"pause": "\u041f\u0430\u0443\u0437\u0430",
@@ -253,6 +267,7 @@
 	"saved": "\u0421\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u043e",
 	"say": "\u0412\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0441\u0442\u0438",
 	"scenes": "\u0421\u0446\u0435\u043d\u044b",
+	"screen": "\u042d\u043a\u0440\u0430\u043d",
 	"script": "\u0421\u043a\u0440\u0438\u043f\u0442",
 	"search": "\u041f\u043e\u0438\u0441\u043a",
 	"seconds": "\u0421\u0435\u043a\u0443\u043d\u0434",
@@ -280,6 +295,8 @@
 	"start_over": "\u041d\u0430\u0447\u0430\u0442\u044c \u0441\u043d\u0430\u0447\u0430\u043b\u0430",
 	"start_pause": "\u0417\u0430\u043f\u0443\u0441\u043a/\u041f\u0430\u0443\u0437\u0430",
 	"state": "\u0421\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435",
+	"state_equal": "\u0421\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0440\u0430\u0432\u043d\u043e",
+	"state_not_equal": "\u0421\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043d\u0435 \u0440\u0430\u0432\u043d\u043e",
 	"status": "\u0421\u0442\u0430\u0442\u0443\u0441",
 	"stop": "\u041e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c",
 	"stop_cover": "\u041e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c",
@@ -341,6 +358,7 @@
 	"version": "\u0412\u0435\u0440\u0441\u0438\u044f",
 	"vertical": "\u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e",
 	"visibility": "\u0412\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u044c",
+	"visibility_explanation": "\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u043f\u0440\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438 \u0412\u0421\u0415\u0425 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u0445 \u043d\u0438\u0436\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u0439. \u0415\u0441\u043b\u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u043d\u0435 \u0437\u0430\u0434\u0430\u043d\u044b, \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u0432\u0441\u0435\u0433\u0434\u0430.",
 	"visible": "\u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u0438",
 	"volume_level": "\u0413\u0440\u043e\u043c\u043a\u043e\u0441\u0442\u044c",
 	"water_heater_away_mode": "\u0420\u0435\u0436\u0438\u043c \"\u043d\u0435 \u0434\u043e\u043c\u0430\"",
diff --git a/static/translations/sk.json b/static/translations/sk.json
index df3dff84..6b9807c8 100644
--- a/static/translations/sk.json
+++ b/static/translations/sk.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Prihl\u00e1senie bolo zru\u0161en\u00e9",
+	"above": "Nad",
 	"above_horizon": "Nad horizontom",
 	"active": "Akt\u00edvny",
 	"add": "Prida\u0165",
+	"add_condition": "Prida\u0165 podmienku",
 	"add_item": "Prida\u0165 polo\u017eku",
 	"add_view": "Prida\u0165 zobrazenie",
 	"addons": "Doplnky",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Dovolenka",
 	"alarm_modes_disarmed": "Deaktivovan\u00e9",
 	"alarm_modes_label": "Re\u017eimy alarmu",
+	"and": "A",
 	"apparent_temperature": "Zdanliv\u00e1 teplota",
 	"appearance": "Vzh\u013ead",
 	"armed": "Zabezpe\u010den\u00fd",
@@ -33,8 +36,14 @@
 	"balanced": "Vyv\u00e1\u017een\u00e9",
 	"battery": "Bat\u00e9ria",
 	"before": "pred",
+	"below": "Pod",
 	"below_horizon": "Za horizontom",
 	"both": "Obidva",
+	"breakpoints": "Ve\u013ekos\u0165 obrazovky",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobil",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "\u0160irok\u00fd",
 	"brightness": "Jas",
 	"buffering": "Na\u010d\u00edtanie",
 	"button": "Tla\u010didlo",
@@ -60,6 +69,8 @@
 	"color": "Farba",
 	"color_temp": "Teplota",
 	"columns": "St\u013apce",
+	"condition_error": "Podmienka nepre\u0161la",
+	"condition_pass": "Podmienka prech\u00e1dza",
 	"conditional": "Podmienka",
 	"conditions": "Podmienky",
 	"configure": "Konfigurova\u0165",
@@ -74,6 +85,7 @@
 	"copy": "Kop\u00edrova\u0165",
 	"counter": "Po\u010d\u00edtadlo",
 	"current_humidity": "Aktu\u00e1lna vlhkos\u0165",
+	"current_state": "aktu\u00e1lne",
 	"custom": "Vlastn\u00e9",
 	"date": "D\u00e1tum",
 	"date_or_time": "D\u00e1tum a/alebo \u010das",
@@ -91,6 +103,7 @@
 	"docked": "V doku",
 	"docs": "Dokument\u00e1cia",
 	"done": "Hotovo",
+	"drag_and_drop": "Presu\u0148te my\u0161ou",
 	"dry": "Su\u0161enie",
 	"drying": "Su\u0161enie",
 	"duration": "Trvanie",
@@ -212,7 +225,7 @@
 	"notifications": "Upozornenia",
 	"notifications_dismiss": "Zru\u0161i\u0165",
 	"notifications_empty": "\u017diadne upozornenia",
-	"numeric": "\u010c\u00edseln\u00fd stav",
+	"numeric_state": "\u010c\u00edseln\u00fd stav",
 	"object": "Objekt",
 	"off": "Neakt\u00edvny",
 	"ok": "OK",
@@ -227,6 +240,7 @@
 	"opening": "Otv\u00e1ra sa",
 	"optional": "volite\u013en\u00e9",
 	"options": "Mo\u017enosti",
+	"or": "Alebo",
 	"overview": "Preh\u013ead",
 	"password": "Heslo",
 	"pause": "Pozastavi\u0165",
@@ -254,7 +268,8 @@
 	"save": "Ulo\u017ei\u0165",
 	"saved": "Ulo\u017een\u00e9",
 	"say": "Poveda\u0165",
-	"scenes": "sc\u00e9ny",
+	"scenes": "Sc\u00e9ny",
+	"screen": "Obrazovka",
 	"script": "Skript",
 	"search": "H\u013eada\u0165",
 	"seconds": "Sek\u00fand",
@@ -282,6 +297,8 @@
 	"start_over": "\u0160tart odznova",
 	"start_pause": "\u0160tart/pauza",
 	"state": "Stav",
+	"state_equal": "Stav sa rovn\u00e1",
+	"state_not_equal": "Stav sa nerovn\u00e1",
 	"status": "Stav",
 	"stop": "Zastavi\u0165",
 	"stop_cover": "Zastavi\u0165",
@@ -343,6 +360,7 @@
 	"version": "Verzia",
 	"vertical": "Vertik\u00e1lny",
 	"visibility": "Vidite\u013enos\u0165",
+	"visibility_explanation": "Karta sa zobraz\u00ed, ke\u010f s\u00fa splnen\u00e9 V\u0160ETKY ni\u017e\u0161ie uveden\u00e9 podmienky. Ak nie s\u00fa nastaven\u00e9 \u017eiadne podmienky, karta sa zobraz\u00ed v\u017edy.",
 	"visible": "Vidite\u013en\u00e9",
 	"volume_level": "Hlasitos\u0165",
 	"water_heater_away_mode": "Re\u017eim nepr\u00edtomnosti",
diff --git a/static/translations/sl.json b/static/translations/sl.json
index 632ac865..a575bc6a 100644
--- a/static/translations/sl.json
+++ b/static/translations/sl.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Prijava prekinjena",
+	"above": "Zgoraj",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Dodaj pogled",
 	"addons": "Dodatki",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Videz",
 	"armed": "Vklopljen",
 	"armed_away": "Vklopljen (Odsoten)",
@@ -27,7 +30,13 @@
 	"back": "Nazaj",
 	"battery": "Baterija",
 	"before": "Pred",
+	"below": "Spodaj",
 	"both": "Oboje",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Svetlost",
 	"button": "Gumb",
 	"buttons": "Gumbi",
@@ -49,6 +58,8 @@
 	"color": "Barva",
 	"color_temp": "Temperatura",
 	"columns": "Stolpci",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Pogojno",
 	"conditions": "Pogoji",
 	"configure": "Konfiguriraj",
@@ -61,6 +72,7 @@
 	"cooling": "Hlajenje",
 	"copied": "Kopirano",
 	"copy": "Kopiraj",
+	"current_state": "trenutno",
 	"date": "Datum",
 	"date_or_time": "Datum in/ali \u010das",
 	"day": "Dan",
@@ -73,6 +85,7 @@
 	"divider": "Razdelilnik",
 	"docs": "Dokumentacija",
 	"done": "Kon\u010dano",
+	"drag_and_drop": "Drag and drop",
 	"dry": "Suho",
 	"drying": "Su\u0161enje",
 	"edit": "Uredi",
@@ -164,7 +177,7 @@
 	"notifications": "Obvestila",
 	"notifications_dismiss": "Opusti",
 	"notifications_empty": "Ni obvestil",
-	"numeric": "Numeri\u010dno stanje",
+	"numeric_state": "Numeri\u010dno stanje",
 	"object": "Object",
 	"off": "Izkl.",
 	"ok": "V redu",
@@ -178,6 +191,7 @@
 	"opening": "Odpiranje",
 	"optional": "neobvezno",
 	"options": "Mo\u017enosti",
+	"or": "Or",
 	"overview": "Pregled",
 	"password": "Geslo",
 	"pause": "Premor",
@@ -199,7 +213,8 @@
 	"save": "Shrani",
 	"saved": "Shranjeno",
 	"say": "Reci",
-	"scenes": "scene",
+	"scenes": "Scenariji",
+	"screen": "Screen",
 	"script": "Skripta",
 	"search": "Iskanje",
 	"seconds": "Sekund",
@@ -224,6 +239,8 @@
 	"start_over": "Za\u010deti znova",
 	"start_pause": "Za\u010detek/Premor",
 	"state": "Stanje",
+	"state_equal": "Stanje je enako",
+	"state_not_equal": "Stanje ni enako",
 	"status": "Stanje",
 	"stop": "Ustavi",
 	"stop_cover": "Stop cover",
@@ -272,6 +289,7 @@
 	"version": "Razli\u010dica",
 	"vertical": "Navpi\u010dno",
 	"visibility": "Vidljivost",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Vidno",
 	"water_heater_gas": "Plin",
 	"water_heater_heat_pump": "Toplotna \u010crpalka",
diff --git a/static/translations/sr-Latn.json b/static/translations/sr-Latn.json
index f02f7331..217d4af3 100644
--- a/static/translations/sr-Latn.json
+++ b/static/translations/sr-Latn.json
@@ -1,10 +1,12 @@
 {
-	"abort_login": "Login aborted",
+	"abort_login": "Prijavljivanje prekinuto",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Dodaj pogled",
 	"addons": "Dodaci",
-	"after": "After",
+	"after": "Posle",
 	"alarm_modes_armed_away": "Away",
 	"alarm_modes_armed_custom_bypass": "Custom",
 	"alarm_modes_armed_home": "Home",
@@ -12,14 +14,21 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Izgled",
 	"aspect_ratio": "Odnos \u0161irina/visina",
 	"attributes": "Atributi",
 	"auth": "Application credentials",
-	"authorizing_client": "You're about to give {clientId} access to your Home Assistant instance.",
+	"authorizing_client": "Upravo \u0107e\u0161 dati {clientId} pristup tvojoj Home Assistant instanci.",
 	"back": "Back",
 	"battery": "Baterija",
-	"before": "Before",
+	"before": "Pre",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Osvetljenost",
 	"button": "Taster",
 	"buttons": "Tasteri",
@@ -36,33 +45,37 @@
 	"close_cover": "Close cover",
 	"close_tilt_cover": "Close cover tilt",
 	"close_valve": "Close valve",
-	"code": "Code",
+	"code": "Kod",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Kolone",
+	"condition_error": "Uslov nije pro\u0161ao",
+	"condition_pass": "Uslov prolazi",
 	"conditional": "Conditional",
 	"conditions": "Uslovi",
 	"configure": "Konfiguri\u0161i",
 	"confirm_log_out": "Da li ste sigurni da \u017eelite da se odjavite?",
-	"connection_lost": "Veza je izgubljena. Ponovno povezivanje...",
-	"connection_started": "Home Assistant has started!",
-	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
+	"connection_lost": "Izgubljena veza. Ponovno povezivanje\u2026",
+	"connection_started": "Home Assistant je pokrenut!",
+	"connection_starting": "Home Assistant se pokre\u0107e, ne\u0107e sve biti dostupno dok se ne zavr\u0161i.",
 	"copied": "Copied",
 	"copy": "Kopiraj",
+	"current_state": "current",
 	"date": "Datum",
 	"date_or_time": "Datum i/ili vreme",
 	"day": "Dan",
 	"days_to_show": "Dani za prikaz",
 	"delete": "Obri\u0161i",
-	"description": "Description",
+	"description": "Opis",
 	"detect": "Detect",
 	"discovered": "Otkriveno",
 	"divider": "Razdelnik",
 	"docs": "Dokumentacija",
 	"done": "Gotovo",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Izmeni",
 	"edit_title": "Uredi naziv",
-	"edit_ui": "Edit UI",
+	"edit_ui": "Izmeni UI",
 	"edit_view": "Izmeni pogled",
 	"edit_yaml": "Izmeni u YAML",
 	"entities": "Entiteti",
@@ -100,8 +113,8 @@
 	"icon": "Ikona",
 	"icons": "Icons",
 	"iframe": "Veb stranica",
-	"invalid_auth": "Invalid username or password",
-	"invalid_code": "Invalid authentication code",
+	"invalid_auth": "Neva\u017ee\u0107e korisni\u010dko ime ili lozinka",
+	"invalid_code": "Neispravan kod za autentifikaciju",
 	"invalid_timestamp": "Invalid timestamp",
 	"javascript_module": "JavaScript modul",
 	"key_missing": "Required key ''{key}'' is missing.",
@@ -119,8 +132,8 @@
 	"media": "Media",
 	"media_player": "Kontrola medija",
 	"menu": "Meni",
-	"mfa_code": "Two-factor authentication code",
-	"mfa_description": "Open the {mfa_module_name} on your device to view your two-factor authentication code.",
+	"mfa_code": "Kod za dvofaktorsku autentifikaciju",
+	"mfa_description": "Otvorite {mfa_module_name} na va\u0161em ure\u0111aju da biste videli va\u0161 kod za dvofaktorsku autentifikaciju.",
 	"min_length": "Minimalna du\u017eina",
 	"minutes": "MInuta",
 	"mobile": "Mobile",
@@ -139,7 +152,7 @@
 	"notifications": "Obave\u0161tenja",
 	"notifications_dismiss": "Odbaci",
 	"notifications_empty": "Nema obave\u0161tenja",
-	"numeric": "Numeri\u010dko stanje",
+	"numeric_state": "Numeri\u010dko stanje",
 	"object": "Object",
 	"ok": "\u041e\u041a",
 	"open_cover": "Open cover",
@@ -149,6 +162,7 @@
 	"open_valve": "Open valve",
 	"optional": "opciono",
 	"options": "Opcije",
+	"or": "Or",
 	"overview": "Pregled",
 	"password": "Lozinka",
 	"pause": "Pauziraj",
@@ -159,7 +173,7 @@
 	"period_month": "Mesec",
 	"period_week": "Nedelja",
 	"picture": "Slika",
-	"position": "Position",
+	"position": "Pozicija",
 	"precision": "Preciznost prikaza",
 	"preview": "Pregled",
 	"raw": "Raw configuration editor",
@@ -169,7 +183,8 @@
 	"save": "Sa\u010duvaj",
 	"saved": "Sa\u010duvano",
 	"say": "Izgovori",
-	"scenes": "scene",
+	"scenes": "Scene",
+	"screen": "Screen",
 	"script": "Skripta",
 	"search": "Pretraga",
 	"seconds": "Sekundi",
@@ -193,6 +208,8 @@
 	"start_over": "Start over",
 	"start_pause": "Zapo\u010dni/pauziraj",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -205,14 +222,14 @@
 	"template_editor": "Ure\u0111iva\u010d \u0161ablona",
 	"text": "Tekst",
 	"theme": "Tema",
-	"tilt_position": "Tilt position",
+	"tilt_position": "Polo\u017eaj nagiba",
 	"time": "Vreme",
 	"time_format_12": "12 sati (AM/PM)",
 	"time_format_24": "24 sata",
 	"time_format_auto": "Automatski (koristi pode\u0161avanja jezika)",
 	"time_format_description": "Odaberite na\u010din formatiranja vremena.",
 	"time_format_header": "Format vremena",
-	"timer": "Timer",
+	"timer": "Tajmer",
 	"today": "Danas",
 	"todo_list": "To-do list",
 	"toggle": "Toggle",
@@ -233,8 +250,9 @@
 	"url": "URL",
 	"username": "Korisni\u010dko ime",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
+	"value": "Vrednost",
 	"visibility": "Vidljivost",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Vidljivost",
 	"weather_forecast": "Vremenska prognoza",
 	"week": "Nedelja",
diff --git a/static/translations/sr.json b/static/translations/sr.json
index 0bb26792..4b324242 100644
--- a/static/translations/sr.json
+++ b/static/translations/sr.json
@@ -1,10 +1,12 @@
 {
 	"abort_login": "Login aborted",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Add view",
 	"addons": "Add-ons",
-	"after": "After",
+	"after": "Posle",
 	"alarm_modes_armed_away": "Away",
 	"alarm_modes_armed_custom_bypass": "Custom",
 	"alarm_modes_armed_home": "Home",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"armed": "Aktivirano",
 	"armed_away": "Aktivirano odsustvo",
@@ -26,8 +29,14 @@
 	"auto": "Auto",
 	"back": "Back",
 	"battery": "Baterija",
-	"before": "Before",
-	"brightness": "Brightness",
+	"before": "Pre",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
+	"brightness": "Osvetljenost",
 	"button": "Button",
 	"buttons": "Buttons",
 	"calendar": "\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440",
@@ -44,10 +53,12 @@
 	"close_tilt_cover": "Close cover tilt",
 	"close_valve": "Close valve",
 	"closed": "Zatvoren",
-	"code": "Code",
+	"code": "Kod",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Uslov nije pro\u0161ao",
+	"condition_pass": "Uslov prolazi",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "Configure",
@@ -59,12 +70,13 @@
 	"cooling": "Hla\u0111enje",
 	"copied": "Copied",
 	"copy": "Copy",
-	"date": "Date",
-	"date_or_time": "Date and/or time",
+	"current_state": "current",
+	"date": "Datum",
+	"date_or_time": "Datum i/ili vreme",
 	"day": "Day",
 	"days_to_show": "Days to show",
-	"delete": "Delete",
-	"description": "Description",
+	"delete": "Obri\u0161i",
+	"description": "Opis",
 	"detect": "Detect",
 	"disarmed": "Deaktivirano",
 	"disarming": "Deaktiviranje",
@@ -72,6 +84,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "\u0413\u043e\u0442\u043e\u0432\u043e",
+	"drag_and_drop": "Drag and drop",
 	"dry": "Odvla\u017eivanje",
 	"edit": "Edit",
 	"edit_title": "Edit title",
@@ -114,7 +127,7 @@
 	"high": "Visok",
 	"history": "\u0418\u0441\u0442\u043e\u0440\u0438\u0458\u0430",
 	"horizontal_stack": "Horizontal stack",
-	"hours": "Hours",
+	"hours": "Sati",
 	"icon": "Icon",
 	"icons": "Icons",
 	"iframe": "Webpage",
@@ -134,24 +147,24 @@
 	"login_error": "Error: {error}",
 	"low": "Nizak",
 	"manage_account": "Manage account",
-	"max_length": "Maximum length",
+	"max_length": "Maksimalna du\u017eina",
 	"media": "Media",
 	"media_player": "Media control",
 	"medium": "Srednji",
 	"menu": "Menu",
 	"mfa_code": "Two-factor authentication code",
 	"mfa_description": "Open the {mfa_module_name} on your device to view your two-factor authentication code.",
-	"min_length": "Minimum length",
-	"minutes": "Minutes",
+	"min_length": "Minimalna du\u017eina",
+	"minutes": "Minuta",
 	"mobile": "Mobile",
 	"month": "Month",
-	"motion": "Pokret",
+	"motion": "Kretanje",
 	"name": "Name",
 	"navigate": "Navigate",
 	"never_triggered": "Never triggered",
 	"no": "No",
 	"no_entities": "No entities",
-	"no_options": "There are no options yet.",
+	"no_options": "Jo\u0161 uvek nema opcija.",
 	"none": "\u041d\u0438\u0458\u0435\u0434\u0430\u043d",
 	"nothing_configured": "Nothing configured yet",
 	"nothing_found": "Ni\u0161ta nije prona\u0111eno!",
@@ -159,7 +172,7 @@
 	"notifications": "Obave\u0161tenja",
 	"notifications_dismiss": "Odbaci",
 	"notifications_empty": "Nema obave\u0161tenja",
-	"numeric": "Numeric state",
+	"numeric_state": "Numeric state",
 	"object": "Object",
 	"ok": "\u041e\u041a",
 	"open": "Otvoren",
@@ -169,7 +182,8 @@
 	"open_tilt_cover": "Open cover tilt",
 	"open_valve": "Open valve",
 	"optional": "optional",
-	"options": "Options",
+	"options": "Opcije",
+	"or": "Or",
 	"overview": "\u041f\u0440\u0435\u0433\u043b\u0435\u0434",
 	"password": "Password",
 	"pause": "Pause",
@@ -181,20 +195,21 @@
 	"period_month": "Mesec",
 	"period_week": "Week",
 	"picture": "Picture",
-	"position": "Position",
+	"position": "Pozicija",
 	"precision": "Display precision",
 	"preview": "Preview",
 	"raw": "Raw configuration editor",
 	"remove": "Remove",
 	"return_home": "Return home",
 	"running": "Running\u2026",
-	"save": "Save",
+	"save": "Sa\u010duvaj",
 	"saved": "Saved",
 	"say": "Izgovori",
-	"scenes": "scenes",
+	"scenes": "Scena",
+	"screen": "Screen",
 	"script": "Skripte",
 	"search": "Search",
-	"seconds": "Seconds",
+	"seconds": "Sekundi",
 	"section": "Section",
 	"sensor": "Sensor",
 	"service": "Servis",
@@ -215,6 +230,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -225,16 +242,16 @@
 	"target": "Target",
 	"template": "Template",
 	"template_editor": "Template editor",
-	"text": "Text",
+	"text": "Tekst",
 	"theme": "\u0422\u0435\u043c\u0430",
 	"tilt_position": "Tilt position",
-	"time": "Time",
+	"time": "Vreme",
 	"time_format_12": "12 \u0441\u0430\u0442\u0438 (AM/PM)",
 	"time_format_24": "24 \u0441\u0430\u0442\u0430",
 	"time_format_auto": "Auto (use language setting)",
 	"time_format_description": "\u041e\u0434\u0430\u0431\u0435\u0440\u0438\u0442\u0435 \u043d\u0430\u0447\u0438\u043d \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0430\u045a\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u0430",
 	"time_format_header": "\u0424\u043e\u0440\u043c\u0430\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0430",
-	"timer": "Timer",
+	"timer": "Tajmer",
 	"today": "Today",
 	"todo_list": "To-do list",
 	"toggle": "Toggle",
@@ -255,8 +272,9 @@
 	"url": "URL",
 	"username": "Username",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
+	"value": "Vrednost",
 	"visibility": "Vidljivost",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather": "Vreme",
 	"weather_clear_night": "Vedra no\u0107",
diff --git a/static/translations/sv.json b/static/translations/sv.json
index a38bf4e6..56f9ab84 100644
--- a/static/translations/sv.json
+++ b/static/translations/sv.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Inloggning avbruten",
+	"above": "\u00d6ver",
 	"above_horizon": "\u00d6ver horisonten",
 	"active": "Aktiv",
 	"add": "L\u00e4gg till",
+	"add_condition": "L\u00e4gg till villkor",
 	"add_item": "L\u00e4gg till uppgift",
 	"add_view": "L\u00e4gg till vy",
 	"addons": "Till\u00e4gg",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Semester",
 	"alarm_modes_disarmed": "Avlarmat",
 	"alarm_modes_label": "Alarml\u00e4gen",
+	"and": "Och",
 	"apparent_temperature": "Upplevd temperatur",
 	"appearance": "Utseende",
 	"armed": "Larmat",
@@ -33,8 +36,14 @@
 	"balanced": "Balanserad",
 	"battery": "Batteri",
 	"before": "F\u00f6re",
+	"below": "Under",
 	"below_horizon": "Under horisonten",
 	"both": "B\u00e5da",
+	"breakpoints": "Sk\u00e4rmstorlekar",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobil",
+	"breakpoints_tablet": "Surfplatta",
+	"breakpoints_wide": "Bred",
 	"brightness": "Ljusstyrka",
 	"buffering": "Buffrar",
 	"button": "Knapp",
@@ -60,6 +69,8 @@
 	"color": "F\u00e4rg",
 	"color_temp": "Temperatur",
 	"columns": "Kolumner",
+	"condition_error": "Villkoret har inte godk\u00e4nts",
+	"condition_pass": "Villkoret \u00e4r godk\u00e4nt",
 	"conditional": "Villkorlig",
 	"conditions": "Villkor",
 	"configure": "Konfigurera",
@@ -74,6 +85,7 @@
 	"copy": "Kopiera",
 	"counter": "R\u00e4knare",
 	"current_humidity": "Aktuell luftfuktighet",
+	"current_state": "nuvarande",
 	"custom": "Anpassad",
 	"date": "Datum",
 	"date_or_time": "Datum och/eller tid",
@@ -91,6 +103,7 @@
 	"docked": "Dockad",
 	"docs": "Dokumentation",
 	"done": "Klar",
+	"drag_and_drop": "Dra och sl\u00e4pp",
 	"dry": "Torka",
 	"drying": "Torkar",
 	"duration": "Varaktighet",
@@ -212,7 +225,7 @@
 	"notifications": "Notiser",
 	"notifications_dismiss": "Avf\u00e4rda",
 	"notifications_empty": "Inga notiser",
-	"numeric": "Numeriskt tillst\u00e5nd",
+	"numeric_state": "Numeriskt tillst\u00e5nd",
 	"object": "Objekt",
 	"off": "Av",
 	"ok": "OK",
@@ -227,6 +240,7 @@
 	"opening": "\u00d6ppnar",
 	"optional": "valfri",
 	"options": "Alternativ",
+	"or": "Eller",
 	"overview": "\u00d6versikt",
 	"password": "L\u00f6senord",
 	"pause": "Pausa",
@@ -255,6 +269,7 @@
 	"saved": "Sparad",
 	"say": "S\u00e4g",
 	"scenes": "Scenarier",
+	"screen": "Sk\u00e4rm",
 	"script": "Skript",
 	"search": "S\u00f6k",
 	"seconds": "Sekunder",
@@ -282,6 +297,8 @@
 	"start_over": "B\u00f6rja om",
 	"start_pause": "Starta/Pausa",
 	"state": "Tillst\u00e5nd",
+	"state_equal": "Tillst\u00e5ndet \u00e4r lika med",
+	"state_not_equal": "Tillst\u00e5ndet \u00e4r inte lika med",
 	"status": "Status",
 	"stop": "Stoppa",
 	"stop_cover": "Stoppa skydd",
@@ -343,6 +360,7 @@
 	"version": "Version",
 	"vertical": "Vertikalt",
 	"visibility": "Synlighet",
+	"visibility_explanation": "Kortet kommer att visas n\u00e4r ALLA villkor nedan \u00e4r uppfyllda. Om inga villkor anges kommer kortet alltid att visas.",
 	"visible": "Synlig",
 	"volume_level": "Volym",
 	"water_heater_away_mode": "Bortal\u00e4ge",
@@ -369,6 +387,7 @@
 	"weather_snowy_rainy": "Sn\u00f6igt, regnigt",
 	"weather_sunny": "Soligt",
 	"weather_windy": "Bl\u00e5sigt",
+	"weather_windy_variant": "Bl\u00e5sigt, molnigt",
 	"week": "Vecka",
 	"welcome_home": "V\u00e4lkommen hem",
 	"year": "\u00e5r",
diff --git a/static/translations/ta.json b/static/translations/ta.json
index 5eb60459..ef64cb4c 100644
--- a/static/translations/ta.json
+++ b/static/translations/ta.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Login aborted",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Add view",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Brightness",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -36,10 +45,11 @@
 	"close_cover": "Close cover",
 	"close_tilt_cover": "Close cover tilt",
 	"close_valve": "Close valve",
-	"code": "Code",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "Configure",
@@ -49,6 +59,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "Copied",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Date",
 	"date_or_time": "Date and/or time",
 	"day": "Day",
@@ -60,6 +71,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Edit",
 	"edit_title": "Edit title",
 	"edit_ui": "Edit UI",
@@ -139,7 +151,7 @@
 	"notifications": "Notifications",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "No notifications",
-	"numeric": "Numeric state",
+	"numeric_state": "Numeric state",
 	"object": "Object",
 	"ok": "OK",
 	"open_cover": "Open cover",
@@ -149,6 +161,7 @@
 	"open_valve": "Open valve",
 	"optional": "optional",
 	"options": "Options",
+	"or": "Or",
 	"overview": "\u0b95\u0ba3\u0bcd\u0ba3\u0bcb\u0b9f\u0bcd\u0b9f\u0bae\u0bcd",
 	"password": "Password",
 	"pause": "Pause",
@@ -169,7 +182,8 @@
 	"save": "Save",
 	"saved": "Saved",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "Seconds",
@@ -193,6 +207,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -233,8 +249,8 @@
 	"url": "URL",
 	"username": "Username",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "Forecast",
 	"week": "Week",
diff --git a/static/translations/te.json b/static/translations/te.json
index 8fc7f003..bcce56bf 100644
--- a/static/translations/te.json
+++ b/static/translations/te.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "\u0c32\u0c3e\u0c17\u0c3f\u0c28\u0c4d \u0c2a\u0c4d\u0c30\u0c15\u0c4d\u0c30\u0c3f\u0c2f \u0c06\u0c2a\u0c3f\u0c35\u0c47\u0c2f\u0c2a\u0c21\u0c3f\u0c02\u0c26\u0c3f",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Add view",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "Appearance",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Brightness",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -36,10 +45,11 @@
 	"close_cover": "Close cover",
 	"close_tilt_cover": "Close cover tilt",
 	"close_valve": "Close valve",
-	"code": "Code",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "Configure",
@@ -49,6 +59,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "Copied",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Date",
 	"date_or_time": "Date and/or time",
 	"day": "Day",
@@ -60,6 +71,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Edit",
 	"edit_title": "Edit title",
 	"edit_ui": "Edit UI",
@@ -139,7 +151,7 @@
 	"notifications": "\u0c2a\u0c4d\u0c30\u0c15\u0c1f\u0c28\u0c32\u0c41",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "\u0c2a\u0c4d\u0c30\u0c15\u0c1f\u0c28\u0c32\u0c41 \u0c32\u0c47\u0c35\u0c41",
-	"numeric": "\u0c38\u0c02\u0c16\u0c4d\u0c2f\u0c3e \u0c38\u0c4d\u0c25\u0c3f\u0c24\u0c3f",
+	"numeric_state": "\u0c38\u0c02\u0c16\u0c4d\u0c2f\u0c3e \u0c38\u0c4d\u0c25\u0c3f\u0c24\u0c3f",
 	"object": "Object",
 	"ok": "OK",
 	"open_cover": "Open cover",
@@ -149,6 +161,7 @@
 	"open_valve": "Open valve",
 	"optional": "optional",
 	"options": "Options",
+	"or": "Or",
 	"overview": "\u0c1f\u0c42\u0c15\u0c40\u0c17\u0c3e",
 	"password": "\u0c2a\u0c3e\u0c38\u0c4d\u0c35\u0c30\u0c4d\u0c21\u0c4d",
 	"pause": "Pause",
@@ -169,7 +182,8 @@
 	"save": "\u0c38\u0c47\u0c35\u0c4d",
 	"saved": "Saved",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "Seconds",
@@ -193,6 +207,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -233,8 +249,8 @@
 	"url": "URL",
 	"username": "\u0c2f\u0c42\u0c1c\u0c30\u0c4d \u0c2a\u0c47\u0c30\u0c41",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "\u0c35\u0c3e\u0c24\u0c3e\u0c35\u0c30\u0c23 \u0c38\u0c42\u0c1a\u0c28",
 	"week": "Week",
diff --git a/static/translations/th.json b/static/translations/th.json
index 074b741c..e0c46198 100644
--- a/static/translations/th.json
+++ b/static/translations/th.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e16\u0e39\u0e01\u0e22\u0e01\u0e40\u0e25\u0e34\u0e01",
+	"above": "\u0e2a\u0e39\u0e07\u0e01\u0e27\u0e48\u0e32",
 	"add": "Add",
+	"add_condition": "\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02",
 	"add_item": "\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e21\u0e48",
 	"add_view": "\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e21\u0e38\u0e21\u0e21\u0e2d\u0e07",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "\u0e41\u0e25\u0e30",
 	"appearance": "Appearance",
 	"aspect_ratio": "\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e20\u0e32\u0e1e",
 	"attributes": "Attributes",
@@ -22,6 +25,12 @@
 	"balanced": "\u0e2a\u0e21\u0e14\u0e38\u0e25",
 	"battery": "\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48",
 	"before": "Before",
+	"below": "\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32",
+	"breakpoints": "\u0e02\u0e19\u0e32\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "\u0e01\u0e27\u0e49\u0e32\u0e07",
 	"brightness": "\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e27\u0e48\u0e32\u0e07",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -38,10 +47,11 @@
 	"close_cover": "Close cover",
 	"close_tilt_cover": "Close cover tilt",
 	"close_valve": "Close valve",
-	"code": "Code",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19",
+	"condition_pass": "\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e1c\u0e48\u0e32\u0e19",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07",
@@ -51,6 +61,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e41\u0e25\u0e49\u0e27",
 	"copy": "\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01",
+	"current_state": "\u0e15\u0e2d\u0e19\u0e19\u0e35\u0e49",
 	"date": "Date",
 	"date_or_time": "Date and/or time",
 	"day": "Day",
@@ -62,6 +73,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e41\u0e25\u0e49\u0e27",
+	"drag_and_drop": "Drag and drop",
 	"edit": "\u0e41\u0e01\u0e49\u0e44\u0e02",
 	"edit_title": "Edit title",
 	"edit_ui": "\u0e41\u0e01\u0e49\u0e44\u0e02 UI",
@@ -144,7 +156,7 @@
 	"notifications": "\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "\u0e44\u0e21\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19",
-	"numeric": "\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02",
+	"numeric_state": "\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02",
 	"object": "Object",
 	"ok": "OK",
 	"open_cover": "Open cover",
@@ -154,6 +166,7 @@
 	"open_valve": "Open valve",
 	"optional": "\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01",
 	"options": "Options",
+	"or": "\u0e2b\u0e23\u0e37\u0e2d",
 	"overview": "\u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21",
 	"password": "\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19",
 	"pause": "Pause",
@@ -175,7 +188,8 @@
 	"save": "\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01",
 	"saved": "\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e41\u0e25\u0e49\u0e27",
 	"say": "Say",
-	"scenes": "\u0e09\u0e32\u0e01",
+	"scenes": "Scenes",
+	"screen": "\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d",
 	"script": "\u0e2a\u0e04\u0e23\u0e34\u0e1b\u0e15\u0e4c",
 	"search": "Search",
 	"seconds": "\u0e27\u0e34\u0e19\u0e32\u0e17\u0e35",
@@ -200,6 +214,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e1a",
+	"state_not_equal": "\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e44\u0e21\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e1a",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -241,8 +257,8 @@
 	"url": "URL",
 	"username": "\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e13\u0e4c\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32",
 	"week": "Week",
diff --git a/static/translations/tr.json b/static/translations/tr.json
index 611cebe5..812aa7ec 100644
--- a/static/translations/tr.json
+++ b/static/translations/tr.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "Giri\u015f iptal edildi",
+	"above": "\u00dczerinde",
 	"above_horizon": "G\u00fcnd\u00fcz",
 	"active": "Etkin",
 	"add": "Ekle",
+	"add_condition": "Ko\u015ful ekle",
 	"add_item": "\u00d6ge ekle",
 	"add_view": "G\u00f6r\u00fcn\u00fcm ekle",
 	"addons": "Eklentiler",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "Tatil",
 	"alarm_modes_disarmed": "Devre d\u0131\u015f\u0131",
 	"alarm_modes_label": "Alarm modlar\u0131",
+	"and": "Ve",
 	"apparent_temperature": "G\u00f6r\u00fcn\u00fcr s\u0131cakl\u0131k",
 	"appearance": "G\u00f6r\u00fcn\u00fc\u015f",
 	"armed": "Aktif",
@@ -33,8 +36,14 @@
 	"balanced": "Dengeli",
 	"battery": "Pil",
 	"before": "\u00d6nce",
+	"below": "Alt\u0131nda",
 	"below_horizon": "Ufkun alt\u0131nda",
 	"both": "\u00c7ift",
+	"breakpoints": "Ekran boyutlar\u0131",
+	"breakpoints_desktop": "Masa\u00fcst\u00fc",
+	"breakpoints_mobile": "Mobil",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Geni\u015f",
 	"brightness": "Parlakl\u0131k",
 	"buffering": "\u00d6n belle\u011fe al\u0131n\u0131yor",
 	"button": "D\u00fc\u011fme",
@@ -60,6 +69,8 @@
 	"color": "Renk",
 	"color_temp": "S\u0131cakl\u0131k",
 	"columns": "S\u00fctunlar",
+	"condition_error": "Durum ge\u00e7medi",
+	"condition_pass": "Ko\u015ful t\u00fcr\u00fc",
 	"conditional": "Ko\u015fullu",
 	"conditions": "Ko\u015fullar",
 	"configure": "Yap\u0131land\u0131r",
@@ -74,6 +85,7 @@
 	"copy": "Kopyala",
 	"counter": "Saya\u00e7",
 	"current_humidity": "Mevcut nem",
+	"current_state": "\u015fimdiki",
 	"custom": "Ki\u015fiselle\u015ftirilmi\u015f",
 	"date": "Tarih",
 	"date_or_time": "Tarih ve/veya saat",
@@ -91,6 +103,7 @@
 	"docked": "\u015earj istasyonunda",
 	"docs": "D\u00f6k\u00fcmanlar",
 	"done": "Bitti",
+	"drag_and_drop": "S\u00fcr\u00fckle ve b\u0131rak",
 	"dry": "Kuru",
 	"drying": "Kurutuluyor",
 	"duration": "S\u00fcre",
@@ -212,7 +225,7 @@
 	"notifications": "Bildirimler",
 	"notifications_dismiss": "Yoksay",
 	"notifications_empty": "Bildirim yok",
-	"numeric": "Say\u0131sal durum",
+	"numeric_state": "Say\u0131sal durum",
 	"object": "Nesne",
 	"off": "Kapal\u0131",
 	"ok": "TAMAM",
@@ -227,6 +240,7 @@
 	"opening": "A\u00e7\u0131l\u0131yor",
 	"optional": "iste\u011fe ba\u011fl\u0131",
 	"options": "Se\u00e7enekler",
+	"or": "Veya",
 	"overview": "Durumlar",
 	"password": "Parola",
 	"pause": "Duraklat",
@@ -254,7 +268,8 @@
 	"save": "Kaydet",
 	"saved": "Kaydedildi",
 	"say": "S\u00f6yle",
-	"scenes": "sahneler",
+	"scenes": "Sahneler",
+	"screen": "Ekran",
 	"script": "Senaryo",
 	"search": "Ara",
 	"seconds": "Saniye",
@@ -282,6 +297,8 @@
 	"start_over": "Ba\u015ftan ba\u015fla",
 	"start_pause": "Ba\u015flat/duraklat",
 	"state": "Durum",
+	"state_equal": "Durum \u015funa e\u015fit",
+	"state_not_equal": "Durum e\u015fit de\u011fil",
 	"status": "Durum",
 	"stop": "Durdur",
 	"stop_cover": "Kepengi durdur",
@@ -343,6 +360,7 @@
 	"version": "S\u00fcr\u00fcm",
 	"vertical": "Dikey",
 	"visibility": "G\u00f6r\u00fcn\u00fcrl\u00fck",
+	"visibility_explanation": "A\u015fa\u011f\u0131daki T\u00dcM ko\u015fullar yerine getirildi\u011finde kart g\u00f6sterilecektir. Hi\u00e7bir ko\u015ful ayarlanmazsa kart her zaman g\u00f6sterilir.",
 	"visible": "G\u00f6r\u00fcn\u00fcr",
 	"volume_level": "Ses",
 	"water_heater_away_mode": "D\u0131\u015far\u0131da modu",
diff --git a/static/translations/uk.json b/static/translations/uk.json
index cad3ff40..09817c12 100644
--- a/static/translations/uk.json
+++ b/static/translations/uk.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "\u041b\u043e\u0433\u0456\u043d \u0441\u043a\u0430\u0441\u043e\u0432\u0430\u043d\u043e",
+	"above": "\u0412\u0438\u0449\u0435",
 	"above_horizon": "\u041d\u0430\u0434 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u043e\u043c",
 	"active": "\u0410\u043a\u0442\u0438\u0432\u043d\u0438\u0439",
 	"add": "\u0414\u043e\u0434\u0430\u0442\u0438",
+	"add_condition": "\u0414\u043e\u0434\u0430\u0442\u0438 \u0443\u043c\u043e\u0432\u0443",
 	"add_item": "\u0414\u043e\u0434\u0430\u0442\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442",
 	"add_view": "\u0414\u043e\u0434\u0430\u0442\u0438 \u0432\u043a\u043b\u0430\u0434\u043a\u0443",
 	"addons": "\u0414\u043e\u043f\u043e\u0432\u043d\u0435\u043d\u043d\u044f",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "\u0412\u0456\u0434\u043f\u0443\u0441\u0442\u043a\u0430",
 	"alarm_modes_disarmed": "\u0411\u0435\u0437 \u043e\u0445\u043e\u0440\u043e\u043d\u0438",
 	"alarm_modes_label": "\u0420\u0435\u0436\u0438\u043c\u0438 \u0441\u0438\u0433\u043d\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457",
+	"and": "\u0422\u0430",
 	"apparent_temperature": "\u0422\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0430 \u043d\u0430 \u0432\u0456\u0434\u0447\u0443\u0442\u0442\u044f",
 	"appearance": "\u0417\u043e\u0432\u043d\u0456\u0448\u043d\u0456\u0439 \u0432\u0438\u0433\u043b\u044f\u0434",
 	"armed": "\u041f\u0456\u0434 \u043e\u0445\u043e\u0440\u043e\u043d\u043e\u044e",
@@ -33,8 +36,14 @@
 	"balanced": "\u0417\u0431\u0430\u043b\u0430\u043d\u0441\u043e\u0432\u0430\u043d\u043e",
 	"battery": "\u0410\u043a\u0443\u043c\u0443\u043b\u044f\u0442\u043e\u0440",
 	"before": "\u0414\u043e",
+	"below": "\u041d\u0438\u0436\u0447\u0435",
 	"below_horizon": "\u0417\u0430 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u043e\u043c",
 	"both": "\u041e\u0431\u0438\u0434\u0432\u0430",
+	"breakpoints": "\u0420\u043e\u0437\u043c\u0456\u0440\u0438 \u0435\u043a\u0440\u0430\u043d\u0443",
+	"breakpoints_desktop": "\u041d\u0430\u0441\u0442\u0456\u043b\u044c\u043d\u0438\u0439",
+	"breakpoints_mobile": "\u041c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0439",
+	"breakpoints_tablet": "\u041f\u043b\u0430\u043d\u0448\u0435\u0442",
+	"breakpoints_wide": "\u0428\u0438\u0440\u043e\u043a\u0438\u0439",
 	"brightness": "\u042f\u0441\u043a\u0440\u0430\u0432\u0456\u0441\u0442\u044c",
 	"buffering": "\u0411\u0443\u0444\u0435\u0440\u0438\u0437\u0430\u0446\u0456\u044f",
 	"button": "\u041a\u043d\u043e\u043f\u043a\u0430",
@@ -60,6 +69,8 @@
 	"color": "\u041a\u043e\u043b\u0456\u0440",
 	"color_temp": "\u0422\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0430",
 	"columns": "\u0421\u0442\u043e\u0432\u043f\u0446\u0456",
+	"condition_error": "\u0423\u043c\u043e\u0432\u0430 \u043d\u0435 \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u0430",
+	"condition_pass": "\u0423\u043c\u043e\u0432\u0430 \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u0430",
 	"conditional": "\u0423\u043c\u043e\u0432\u0438",
 	"conditions": "\u0423\u043c\u043e\u0432\u0438",
 	"configure": "\u041d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u0442\u0438",
@@ -74,6 +85,7 @@
 	"copy": "\u041a\u043e\u043f\u0456\u044e\u0432\u0430\u0442\u0438",
 	"counter": "\u041b\u0456\u0447\u0438\u043b\u044c\u043d\u0438\u043a",
 	"current_humidity": "\u041f\u043e\u0442\u043e\u0447\u043d\u0430 \u0432\u043e\u043b\u043e\u0433\u0456\u0441\u0442\u044c",
+	"current_state": "\u043f\u043e\u0442\u043e\u0447\u043d\u0438\u0439",
 	"date": "\u0414\u0430\u0442\u0430",
 	"date_or_time": "Input Datetime",
 	"day": "\u0414\u0435\u043d\u044c",
@@ -89,6 +101,7 @@
 	"docked": "\u041f\u0440\u0438\u0441\u0442\u0438\u043a\u043e\u0432\u0430\u043d\u043e",
 	"docs": "\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0456\u044f",
 	"done": "\u0413\u043e\u0442\u043e\u0432\u043e",
+	"drag_and_drop": "\u041f\u0435\u0440\u0435\u0442\u044f\u0433\u0443\u0432\u0430\u043d\u043d\u044f",
 	"dry": "\u041e\u0441\u0443\u0448\u0435\u043d\u043d\u044f",
 	"drying": "\u0421\u0443\u0448\u0456\u043d\u043d\u044f",
 	"duration": "\u0422\u0440\u0438\u0432\u0430\u043b\u0456\u0441\u0442\u044c",
@@ -205,7 +218,7 @@
 	"notifications": "\u0421\u043f\u043e\u0432\u0456\u0449\u0435\u043d\u043d\u044f",
 	"notifications_dismiss": "\u0412\u0456\u0434\u0445\u0438\u043b\u0438\u0442\u0438",
 	"notifications_empty": "\u041d\u0435\u043c\u0430\u0454 \u0441\u043f\u043e\u0432\u0456\u0449\u0435\u043d\u044c",
-	"numeric": "\u0427\u0438\u0441\u043b\u043e\u0432\u0438\u0439 \u0441\u0442\u0430\u043d",
+	"numeric_state": "\u0427\u0438\u0441\u043b\u043e\u0432\u0438\u0439 \u0441\u0442\u0430\u043d",
 	"object": "\u041e\u0431'\u0454\u043a\u0442",
 	"off": "\u0412\u0438\u043c\u043a\u043d\u0435\u043d\u043e",
 	"ok": "OK",
@@ -220,6 +233,7 @@
 	"opening": "\u0412\u0456\u0434\u043a\u0440\u0438\u0442\u0442\u044f",
 	"optional": "\u043d\u0435\u043e\u0431\u043e\u0432\u02bc\u044f\u0437\u043a\u043e\u0432\u043e",
 	"options": "\u041e\u043f\u0446\u0456\u0457",
+	"or": "\u0410\u0431\u043e",
 	"overview": "\u041e\u0433\u043b\u044f\u0434",
 	"password": "\u041f\u0430\u0440\u043e\u043b\u044c",
 	"pause": "\u041f\u0430\u0443\u0437\u0430",
@@ -246,7 +260,8 @@
 	"save": "\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438",
 	"saved": "\u0417\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043e",
 	"say": "\u0421\u043a\u0430\u0437\u0430\u0442\u0438",
-	"scenes": "\u0441\u0446\u0435\u043d\u0438",
+	"scenes": "\u0421\u0446\u0435\u043d\u0438",
+	"screen": "\u0415\u043a\u0440\u0430\u043d",
 	"script": "\u0421\u043a\u0440\u0438\u043f\u0442",
 	"search": "\u041f\u043e\u0448\u0443\u043a",
 	"seconds": "\u0421\u0435\u043a\u0443\u043d\u0434",
@@ -273,6 +288,8 @@
 	"start_over": "\u041f\u043e\u0447\u0430\u0442\u0438 \u0437\u0430\u043d\u043e\u0432\u043e",
 	"start_pause": "\u0421\u0442\u0430\u0440\u0442/\u041f\u0430\u0443\u0437\u0430",
 	"state": "\u0421\u0442\u0430\u043d",
+	"state_equal": "\u0421\u0442\u0430\u043d \u0434\u043e\u0440\u0456\u0432\u043d\u044e\u0454",
+	"state_not_equal": "\u0421\u0442\u0430\u043d \u043d\u0435 \u0434\u043e\u0440\u0456\u0432\u043d\u044e\u0454",
 	"status": "\u0421\u0442\u0430\u0442\u0443\u0441",
 	"stop": "\u0417\u0443\u043f\u0438\u043d\u0438\u0442\u0438",
 	"stop_cover": "\u0417\u0443\u043f\u0438\u043d\u0438\u0442\u0438 \u043a\u0440\u0438\u0448\u043a\u0443",
@@ -328,6 +345,7 @@
 	"version": "\u0412\u0435\u0440\u0441\u0456\u044f",
 	"vertical": "\u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u0438\u0439",
 	"visibility": "\u0412\u0438\u0434\u0438\u043c\u0456\u0441\u0442\u044c",
+	"visibility_explanation": "\u041a\u0430\u0440\u0442\u043a\u0443 \u0431\u0443\u0434\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e, \u043a\u043e\u043b\u0438 \u0431\u0443\u0434\u0443\u0442\u044c \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u0456 \u0412\u0421\u0406 \u0443\u043c\u043e\u0432\u0438, \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0456 \u043d\u0438\u0436\u0447\u0435. \u042f\u043a\u0449\u043e \u0436\u043e\u0434\u043d\u0438\u0445 \u0443\u043c\u043e\u0432 \u043d\u0435 \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043e, \u043a\u0430\u0440\u0442\u043a\u0443 \u0431\u0443\u0434\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u0437\u0430\u0432\u0436\u0434\u0438.",
 	"visible": "\u0412\u0438\u0434\u0438\u043c\u0438\u0439",
 	"volume_level": "\u0413\u0443\u0447\u043d\u0456\u0441\u0442\u044c",
 	"water_heater_away_mode": "\u0420\u0435\u0436\u0438\u043c\u0443 \u043e\u0447\u0456\u043a\u0443\u0432\u0430\u043d\u043d\u044f",
diff --git a/static/translations/ur.json b/static/translations/ur.json
index 017d8241..59e680dd 100644
--- a/static/translations/ur.json
+++ b/static/translations/ur.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "Login aborted",
+	"above": "Above",
 	"add": "Add",
+	"add_condition": "Add condition",
 	"add_item": "Add item",
 	"add_view": "Add view",
 	"addons": "Add-ons",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "Vacation",
 	"alarm_modes_disarmed": "Disarmed",
 	"alarm_modes_label": "Alarm modes",
+	"and": "And",
 	"appearance": "\u0638\u06c1\u0648\u0631",
 	"aspect_ratio": "Aspect ratio",
 	"attributes": "Attributes",
@@ -20,6 +23,12 @@
 	"back": "Back",
 	"battery": "Battery",
 	"before": "Before",
+	"below": "Below",
+	"breakpoints": "Screen sizes",
+	"breakpoints_desktop": "Desktop",
+	"breakpoints_mobile": "Mobile",
+	"breakpoints_tablet": "Tablet",
+	"breakpoints_wide": "Wide",
 	"brightness": "Brightness",
 	"button": "Button",
 	"buttons": "Buttons",
@@ -36,10 +45,11 @@
 	"close_cover": "Close cover",
 	"close_tilt_cover": "Close cover tilt",
 	"close_valve": "Close valve",
-	"code": "Code",
 	"color": "Color",
 	"color_temp": "Temperature",
 	"columns": "Columns",
+	"condition_error": "Condition did not pass",
+	"condition_pass": "Condition passes",
 	"conditional": "Conditional",
 	"conditions": "Conditions",
 	"configure": "Configure",
@@ -49,6 +59,7 @@
 	"connection_starting": "Home Assistant is starting, not everything will be available until it is finished.",
 	"copied": "Copied",
 	"copy": "Copy",
+	"current_state": "current",
 	"date": "Date",
 	"date_or_time": "Date and/or time",
 	"day": "Day",
@@ -60,6 +71,7 @@
 	"divider": "Divider",
 	"docs": "Documentation",
 	"done": "Done",
+	"drag_and_drop": "Drag and drop",
 	"edit": "Edit",
 	"edit_title": "Edit title",
 	"edit_ui": "Edit UI",
@@ -139,7 +151,7 @@
 	"notifications": "Notifications",
 	"notifications_dismiss": "Dismiss",
 	"notifications_empty": "No notifications",
-	"numeric": "Numeric state",
+	"numeric_state": "Numeric state",
 	"object": "Object",
 	"ok": "\u0679\u06be\u064a\u06a9",
 	"open_cover": "Open cover",
@@ -149,6 +161,7 @@
 	"open_valve": "Open valve",
 	"optional": "optional",
 	"options": "Options",
+	"or": "Or",
 	"overview": "\u062c\u0627\u0626\u0632\u06c1",
 	"password": "Password",
 	"pause": "Pause",
@@ -169,7 +182,8 @@
 	"save": "Save",
 	"saved": "Saved",
 	"say": "Say",
-	"scenes": "scenes",
+	"scenes": "Scenes",
+	"screen": "Screen",
 	"script": "Script",
 	"search": "Search",
 	"seconds": "Seconds",
@@ -193,6 +207,8 @@
 	"start_over": "Start over",
 	"start_pause": "Start/pause",
 	"state": "State",
+	"state_equal": "State is equal to",
+	"state_not_equal": "State is not equal to",
 	"status": "Status",
 	"stop": "Stop",
 	"stop_cover": "Stop cover",
@@ -233,8 +249,8 @@
 	"url": "URL",
 	"username": "Username",
 	"vacuum_commands": "Vacuum cleaner commands:",
-	"value": "Value",
 	"visibility": "Visibility",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Visible",
 	"weather_forecast": "Forecast",
 	"week": "\u06c1\u0641\u062a\u06c1",
diff --git a/static/translations/vi.json b/static/translations/vi.json
index 9e4a9fa7..c97d5773 100644
--- a/static/translations/vi.json
+++ b/static/translations/vi.json
@@ -1,8 +1,10 @@
 {
 	"abort_login": "\u0110\u00e3 h\u1ee7y \u0111\u0103ng nh\u1eadp",
+	"above": "Tr\u00ean",
 	"above_horizon": "Tr\u00ean \u0111\u01b0\u1eddng ch\u00e2n tr\u1eddi",
 	"active": "Ho\u1ea1t \u0111\u1ed9ng",
 	"add": "Th\u00eam",
+	"add_condition": "Th\u00eam \u0111i\u1ec1u ki\u1ec7n",
 	"add_item": "Th\u00eam m\u1ee5c",
 	"add_view": "Th\u00eam m\u00e0n h\u00ecnh \u0111i\u1ec1u khi\u1ec3n",
 	"addons": "Ti\u1ec7n \u00edch b\u1ed5 sung",
@@ -14,6 +16,7 @@
 	"alarm_modes_armed_vacation": "\u0110i ngh\u1ec9",
 	"alarm_modes_disarmed": "T\u1eaft b\u1ea3o v\u1ec7",
 	"alarm_modes_label": "Ch\u1ebf \u0111\u1ed9 b\u00e1o \u0111\u1ed9ng",
+	"and": "V\u00e0",
 	"apparent_temperature": "Nhi\u1ec7t \u0111\u1ed9 bi\u1ec3u ki\u1ebfn",
 	"appearance": "B\u1ec1 ngo\u00e0i",
 	"armed": "\u0110\u00e3 b\u1ea3o v\u1ec7",
@@ -32,8 +35,14 @@
 	"back": "Tr\u1edf l\u1ea1i",
 	"battery": "Pin",
 	"before": "Tr\u01b0\u1edbc",
+	"below": "D\u01b0\u1edbi",
 	"below_horizon": "D\u01b0\u1edbi \u0111\u01b0\u1eddng ch\u00e2n tr\u1eddi",
 	"both": "C\u1ea3 hai",
+	"breakpoints": "K\u00edch th\u01b0\u1edbc m\u00e0n h\u00ecnh",
+	"breakpoints_desktop": "M\u00e1y t\u00ednh \u0111\u1ec3 b\u00e0n",
+	"breakpoints_mobile": "\u0110i\u1ec7n tho\u1ea1i di \u0111\u1ed9ng",
+	"breakpoints_tablet": "M\u00e1y t\u00ednh b\u1ea3ng",
+	"breakpoints_wide": "R\u1ed9ng",
 	"brightness": "\u0110\u1ed9 s\u00e1ng",
 	"buffering": "\u0110ang \u0111\u1ec7m",
 	"button": "N\u00fat b\u1ea5m",
@@ -58,6 +67,8 @@
 	"color": "M\u00e0u",
 	"color_temp": "Nhi\u1ec7t \u0111\u1ed9 m\u00e0u",
 	"columns": "S\u1ed1 c\u1ed9t",
+	"condition_error": "\u0110i\u1ec1u ki\u1ec7n kh\u00f4ng th\u1ecfa m\u00e3n",
+	"condition_pass": "\u0110i\u1ec1u ki\u1ec7n th\u1ecfa m\u00e3n",
 	"conditional": "Theo \u0111i\u1ec1u ki\u1ec7n",
 	"conditions": "\u0110i\u1ec1u ki\u1ec7n",
 	"configure": "C\u1ea5u h\u00ecnh",
@@ -71,6 +82,7 @@
 	"copied": "\u0110\u00e3 sao ch\u00e9p",
 	"copy": "Ch\u00e9p",
 	"current_humidity": "\u0110\u1ed9 \u1ea9m hi\u1ec7n t\u1ea1i",
+	"current_state": "hi\u1ec7n h\u00e0nh",
 	"date": "Ng\u00e0y",
 	"date_or_time": "Ng\u00e0y v\u00e0/ho\u1eb7c gi\u1edd",
 	"day": "Ng\u00e0y",
@@ -86,6 +98,7 @@
 	"docked": "\u0110\u00e3 v\u1ec1 b\u1ec7 s\u1ea1c",
 	"docs": "T\u00e0i li\u1ec7u",
 	"done": "Xong",
+	"drag_and_drop": "K\u00e9o v\u00e0 th\u1ea3",
 	"dry": "Kh\u00f4",
 	"drying": "L\u00e0m kh\u00f4",
 	"duration": "Th\u1eddi l\u01b0\u1ee3ng",
@@ -199,7 +212,7 @@
 	"notifications": "Th\u00f4ng b\u00e1o",
 	"notifications_dismiss": "B\u1ecf qua",
 	"notifications_empty": "Kh\u00f4ng c\u00f3 th\u00f4ng b\u00e1o",
-	"numeric": "Tr\u1ea1ng th\u00e1i s\u1ed1",
+	"numeric_state": "Tr\u1ea1ng th\u00e1i s\u1ed1",
 	"object": "\u0110\u1ed1i t\u01b0\u1ee3ng",
 	"off": "T\u1eaft",
 	"ok": "OK",
@@ -214,6 +227,7 @@
 	"opening": "\u0110ang m\u1edf",
 	"optional": "t\u00f9y ch\u1ecdn",
 	"options": "T\u00f9y ch\u1ecdn",
+	"or": "Ho\u1eb7c",
 	"overview": "T\u1ed5ng quan",
 	"password": "M\u1eadt kh\u1ea9u",
 	"pause": "T\u1ea1m d\u1eebng",
@@ -239,7 +253,8 @@
 	"save": "L\u01b0u",
 	"saved": "\u0110\u00e3 l\u01b0u",
 	"say": "N\u00f3i",
-	"scenes": "c\u1ea3nh",
+	"scenes": "C\u1ea3nh",
+	"screen": "M\u00e0n h\u00ecnh",
 	"script": "T\u1eadp l\u1ec7nh",
 	"search": "T\u00ecm ki\u1ebfm",
 	"seconds": "Gi\u00e2y",
@@ -265,6 +280,8 @@
 	"start_over": "B\u1eaft \u0111\u1ea7u l\u1ea1i",
 	"start_pause": "B\u1eaft \u0111\u1ea7u/t\u1ea1m d\u1eebng",
 	"state": "Tr\u1ea1ng th\u00e1i",
+	"state_equal": "Tr\u1ea1ng th\u00e1i b\u1eb1ng",
+	"state_not_equal": "Tr\u1ea1ng th\u00e1i kh\u00f4ng b\u1eb1ng",
 	"status": "Tr\u1ea1ng th\u00e1i",
 	"stop": "D\u1eebng",
 	"stop_cover": "D\u1eebng m\u00e0n",
@@ -321,6 +338,7 @@
 	"value": "Gi\u00e1 tr\u1ecb",
 	"vertical": "D\u1ecdc",
 	"visibility": "Hi\u1ec3n th\u1ecb",
+	"visibility_explanation": "The card will be shown when ALL conditions below are fulfilled. If no conditions are set, the card will always be shown.",
 	"visible": "Hi\u1ec3n th\u1ecb",
 	"volume_level": "\u00c2m l\u01b0\u1ee3ng",
 	"water_heater_away_mode": "Ch\u1ebf \u0111\u1ed9 \u0111i v\u1eafng",
diff --git a/static/translations/zh-Hans.json b/static/translations/zh-Hans.json
index 41cddb44..67894f63 100644
--- a/static/translations/zh-Hans.json
+++ b/static/translations/zh-Hans.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "\u767b\u5f55\u4e2d\u65ad",
+	"above": "\u9ad8\u4e8e",
 	"add": "\u6dfb\u52a0",
+	"add_condition": "\u6dfb\u52a0\u6761\u4ef6",
 	"add_item": "\u6dfb\u52a0\u9879\u76ee",
 	"add_view": "\u6dfb\u52a0\u89c6\u56fe",
 	"addons": "\u52a0\u8f7d\u9879",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "\u5ea6\u5047",
 	"alarm_modes_disarmed": "\u64a4\u9632",
 	"alarm_modes_label": "\u8b66\u62a5\u6a21\u5f0f",
+	"and": "\u5e76\u4e14",
 	"appearance": "\u5916\u89c2",
 	"aspect_ratio": "\u957f\u5bbd\u6bd4",
 	"attributes": "\u5c5e\u6027",
@@ -20,6 +23,12 @@
 	"back": "\u8fd4\u56de",
 	"battery": "\u7535\u6c60\u7535\u91cf",
 	"before": "\u65e9\u4e8e",
+	"below": "\u4f4e\u4e8e",
+	"breakpoints": "\u5c4f\u5e55\u5c3a\u5bf8",
+	"breakpoints_desktop": "\u684c\u9762",
+	"breakpoints_mobile": "\u624b\u673a",
+	"breakpoints_tablet": "\u5e73\u677f\u7535\u8111",
+	"breakpoints_wide": "\u5bbd",
 	"brightness": "\u4eae\u5ea6",
 	"button": "\u6309\u94ae",
 	"buttons": "\u6309\u94ae",
@@ -40,6 +49,8 @@
 	"color": "\u989c\u8272",
 	"color_temp": "\u8272\u6e29",
 	"columns": "\u5217",
+	"condition_error": "\u73af\u5883\u6761\u4ef6\u4e0d\u6210\u7acb",
+	"condition_pass": "\u73af\u5883\u6761\u4ef6\u6210\u7acb",
 	"conditional": "\u6761\u4ef6",
 	"conditions": "\u6761\u4ef6",
 	"configure": "\u914d\u7f6e",
@@ -50,6 +61,7 @@
 	"connection_starting": "Home Assistant \u6b63\u5728\u542f\u52a8\u3002\u5728\u542f\u52a8\u5b8c\u6210\u524d\uff0c\u90e8\u5206\u529f\u80fd\u6682\u4e0d\u53ef\u7528\u3002",
 	"copied": "\u5df2\u590d\u5236",
 	"copy": "\u590d\u5236",
+	"current_state": "\u5f53\u524d",
 	"date": "\u65e5\u671f",
 	"date_or_time": "\u65e5\u671f/\u65f6\u95f4",
 	"day": "\u65e5",
@@ -61,6 +73,7 @@
 	"divider": "\u5206\u9694\u7ebf",
 	"docs": "\u6587\u6863",
 	"done": "\u5b8c\u6210",
+	"drag_and_drop": "\u62d6\u653e",
 	"edit": "\u7f16\u8f91",
 	"edit_title": "\u7f16\u8f91\u6807\u9898",
 	"edit_ui": "\u7f16\u8f91\u7528\u6237\u754c\u9762",
@@ -140,7 +153,7 @@
 	"notifications": "\u901a\u77e5",
 	"notifications_dismiss": "\u5173\u95ed",
 	"notifications_empty": "\u6ca1\u6709\u4efb\u4f55\u901a\u77e5",
-	"numeric": "\u6570\u503c\u72b6\u6001",
+	"numeric_state": "\u6570\u503c\u72b6\u6001",
 	"object": "\u5bf9\u8c61",
 	"ok": "\u786e\u5b9a",
 	"open_cover": "\u6253\u5f00\u7a97\u5e18",
@@ -151,6 +164,7 @@
 	"open_valve": "\u6253\u5f00\u9600\u95e8",
 	"optional": "\u53ef\u9009",
 	"options": "\u9009\u9879",
+	"or": "\u6216\u8005",
 	"overview": "\u6982\u89c8",
 	"password": "\u5bc6\u7801",
 	"pause": "\u6682\u505c",
@@ -172,6 +186,7 @@
 	"saved": "\u5df2\u4fdd\u5b58",
 	"say": "\u6717\u8bfb",
 	"scenes": "\u573a\u666f",
+	"screen": "\u5c4f\u5e55",
 	"script": "\u811a\u672c",
 	"search": "\u641c\u7d22",
 	"seconds": "\u79d2",
@@ -195,6 +210,8 @@
 	"start_over": "\u91cd\u65b0\u5f00\u59cb",
 	"start_pause": "\u542f\u52a8/\u6682\u505c",
 	"state": "\u72b6\u6001",
+	"state_equal": "\u72b6\u6001\u7b49\u4e8e",
+	"state_not_equal": "\u72b6\u6001\u4e0d\u7b49\u4e8e",
 	"status": "\u72b6\u51b5",
 	"stop": "\u505c\u6b62",
 	"stop_cover": "\u505c\u6b62\u7a97\u5e18\u79fb\u52a8",
@@ -237,6 +254,7 @@
 	"vacuum_commands": "\u626b\u5730\u673a\u6307\u4ee4\uff1a",
 	"value": "\u503c",
 	"visibility": "\u53ef\u89c1\u6027",
+	"visibility_explanation": "\u5f53\u4ee5\u4e0b\u6240\u6709\u6761\u4ef6\u90fd\u6ee1\u8db3\u65f6\uff0c\u663e\u793a\u6b64\u5361\u7247\u3002\u5982\u679c\u672a\u8bbe\u7f6e\u4efb\u4f55\u6761\u4ef6\uff0c\u6b64\u5361\u7247\u5c06\u59cb\u7ec8\u663e\u793a\u3002",
 	"visible": "\u53ef\u89c1",
 	"weather_forecast": "\u9884\u62a5",
 	"week": "\u5468",
diff --git a/static/translations/zh-Hant.json b/static/translations/zh-Hant.json
index cf56a663..d15c6e97 100644
--- a/static/translations/zh-Hant.json
+++ b/static/translations/zh-Hant.json
@@ -1,6 +1,8 @@
 {
 	"abort_login": "\u767b\u5165\u4e2d\u6b62",
+	"above": "\u5927\u65bc",
 	"add": "\u65b0\u589e",
+	"add_condition": "\u65b0\u589e\u89f8\u767c\u5224\u65b7",
 	"add_item": "\u65b0\u589e\u9805\u76ee",
 	"add_view": "\u65b0\u589e\u756b\u5e03",
 	"addons": "\u9644\u52a0\u5143\u4ef6",
@@ -12,6 +14,7 @@
 	"alarm_modes_armed_vacation": "\u5ea6\u5047\u6a21\u5f0f",
 	"alarm_modes_disarmed": "\u8b66\u6212\u89e3\u9664",
 	"alarm_modes_label": "\u8b66\u6212\u6a21\u5f0f",
+	"and": "En",
 	"appearance": "\u5916\u89c0",
 	"aspect_ratio": "\u9577\u5bec\u6bd4",
 	"attributes": "\u5c6c\u6027",
@@ -20,6 +23,12 @@
 	"back": "\u4e0a\u4e00\u6b65",
 	"battery": "\u96fb\u91cf",
 	"before": "\u5728...\u4e4b\u524d",
+	"below": "\u5c0f\u65bc",
+	"breakpoints": "\u87a2\u5e55\u5c3a\u5bf8",
+	"breakpoints_desktop": "\u684c\u6a5f",
+	"breakpoints_mobile": "\u624b\u6a5f",
+	"breakpoints_tablet": "\u5e73\u677f",
+	"breakpoints_wide": "\u5bec",
 	"brightness": "\u4eae\u5ea6",
 	"button": "\u6309\u9215",
 	"buttons": "\u6309\u9215",
@@ -40,6 +49,8 @@
 	"color": "\u984f\u8272",
 	"color_temp": "\u8272\u6eab",
 	"columns": "\u5217",
+	"condition_error": "\u89f8\u767c\u5224\u65b7\u689d\u4ef6\u4e0d\u901a\u904e",
+	"condition_pass": "\u89f8\u767c\u5224\u65b7\u689d\u4ef6\u901a\u904e",
 	"conditional": "\u689d\u4ef6\u5f0f\u9762\u677f",
 	"conditions": "\u689d\u4ef6\u5f0f\u9762\u677f",
 	"configure": "\u8a2d\u5b9a",
@@ -50,6 +61,7 @@
 	"connection_starting": "Home Assistant \u6b63\u5728\u555f\u52d5\uff0c\u5728\u5b8c\u6210\u8f09\u5165\u524d\u3001\u53ef\u80fd\u7121\u6cd5\u986f\u793a\u6240\u6709\u529f\u80fd\u3002",
 	"copied": "\u5df2\u8907\u88fd",
 	"copy": "\u8907\u88fd",
+	"current_state": "\u76ee\u524d",
 	"date": "\u65e5\u671f",
 	"date_or_time": "\u65e5\u671f\u53ca/\u6216\u6642\u9593",
 	"day": "\u65e5",
@@ -61,6 +73,7 @@
 	"divider": "\u5206\u914d",
 	"docs": "\u76f8\u95dc\u6587\u4ef6",
 	"done": "\u5b8c\u6210",
+	"drag_and_drop": "\u62d6\u62c9",
 	"edit": "\u7de8\u8f2f",
 	"edit_title": "\u7de8\u8f2f\u6a19\u984c",
 	"edit_ui": "\u7de8\u8f2f UI",
@@ -140,7 +153,7 @@
 	"notifications": "\u901a\u77e5\u63d0\u793a",
 	"notifications_dismiss": "\u95dc\u9589",
 	"notifications_empty": "\u6c92\u6709\u901a\u77e5",
-	"numeric": "\u6578\u503c\u8b8a\u52d5\u89f8\u767c",
+	"numeric_state": "\u6578\u503c\u8b8a\u52d5\u89f8\u767c",
 	"object": "\u7269\u4ef6",
 	"ok": "\u597d",
 	"open_cover": "\u958b\u555f\u9580\u7c3e",
@@ -151,6 +164,7 @@
 	"open_valve": "\u958b\u555f\u95a5\u9580",
 	"optional": "\u9078\u586b",
 	"options": "\u9078\u9805",
+	"or": "Of",
 	"overview": "\u7e3d\u89bd",
 	"password": "\u4f7f\u7528\u8005\u5bc6\u78bc",
 	"pause": "\u66ab\u505c",
@@ -172,6 +186,7 @@
 	"saved": "\u5df2\u5132\u5b58",
 	"say": "\u8a9e\u97f3",
 	"scenes": "\u5834\u666f",
+	"screen": "\u87a2\u5e55",
 	"script": "\u8173\u672c",
 	"search": "\u641c\u5c0b",
 	"seconds": "\u79d2\u9418",
@@ -195,6 +210,8 @@
 	"start_over": "\u91cd\u65b0\u958b\u59cb",
 	"start_pause": "\u958b\u59cb/\u66ab\u505c",
 	"state": "\u72c0\u614b",
+	"state_equal": "\u72c0\u614b\u7b49\u65bc",
+	"state_not_equal": "\u72c0\u614b\u4e0d\u7b49\u65bc",
 	"status": "\u72c0\u614b",
 	"stop": "\u505c\u6b62\u6e05\u6383",
 	"stop_cover": "\u505c\u6b62\u9580\u7c3e",
@@ -237,6 +254,7 @@
 	"vacuum_commands": "\u6383\u5730\u6a5f\u5668\u4eba\u6e05\u6383\u6307\u4ee4\uff1a",
 	"value": "\u6578\u503c",
 	"visibility": "\u986f\u793a\u9078\u9805",
+	"visibility_explanation": "\u7576\u4ee5\u4e0b\u6240\u6709\u689d\u4ef6\u90fd\u6eff\u8db3\u6642\u5c07\u6703\u986f\u793a\u9762\u672c\u3002\u5047\u5982\u672a\u8a2d\u5b9a\u689d\u4ef6\u3001\u5247\u5c07\u59cb\u7d42\u986f\u793a\u9762\u677f\u3002",
 	"visible": "\u53ef\u898b",
 	"weather_forecast": "\u9810\u5831",
 	"week": "\u9031",

From 9cd4e88d9e86a4929b1606f199243379c6af911f Mon Sep 17 00:00:00 2001
From: Mattias Persson <mattias.persson.87@gmail.com>
Date: Fri, 5 Jul 2024 14:07:40 +0200
Subject: [PATCH 3/3] Update deps

---
 package.json   |  20 +-
 pnpm-lock.yaml | 817 ++++++++++++++++++++++++++++++++++++++-----------
 2 files changed, 654 insertions(+), 183 deletions(-)

diff --git a/package.json b/package.json
index 2d43c376..23150216 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
 		"@event-calendar/list": "^3.1.0",
 		"@iconify/svelte": "^4.0.2",
 		"@sveltejs/adapter-node": "^5.2.0",
-		"@sveltejs/kit": "^2.5.17",
+		"@sveltejs/kit": "^2.5.18",
 		"@sveltejs/vite-plugin-svelte": "^3.1.1",
 		"@types/d3-array": "^3.2.1",
 		"@types/d3-scale": "^4.0.8",
@@ -29,7 +29,7 @@
 		"eslint": "^9.6.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.41.0",
-		"globals": "^15.6.0",
+		"globals": "^15.8.0",
 		"prettier": "^3.3.2",
 		"prettier-plugin-svelte": "^3.2.5",
 		"svelte": "^4.2.18",
@@ -37,21 +37,21 @@
 		"svelte-confetti": "^2.0.1",
 		"svelte-fast-dimension": "^1.1.0",
 		"tslib": "^2.6.3",
-		"typescript": "^5.5.2",
-		"typescript-eslint": "8.0.0-alpha.30",
-		"vite": "^5.3.2"
+		"typescript": "^5.5.3",
+		"typescript-eslint": "8.0.0-alpha.39",
+		"vite": "^5.3.3"
 	},
 	"type": "module",
 	"dependencies": {
-		"@codemirror/autocomplete": "^6.16.3",
+		"@codemirror/autocomplete": "^6.17.0",
 		"@codemirror/commands": "^6.6.0",
 		"@codemirror/language": "^6.10.2",
 		"@codemirror/legacy-modes": "^6.4.0",
 		"@codemirror/lint": "^6.8.1",
 		"@codemirror/state": "^6.4.1",
 		"@codemirror/theme-one-dark": "^6.1.2",
-		"@codemirror/view": "^6.28.2",
-		"@fontsource-variable/inter": "^5.0.18",
+		"@codemirror/view": "^6.28.4",
+		"@fontsource-variable/inter": "^5.0.19",
 		"@jaames/iro": "^5.5.2",
 		"codemirror": "^6.0.1",
 		"d3-array": "^3.2.4",
@@ -59,13 +59,13 @@
 		"d3-shape": "^3.2.0",
 		"dotenv": "^16.4.5",
 		"express": "^4.19.2",
-		"hls.js": "^1.5.11",
+		"hls.js": "^1.5.13",
 		"home-assistant-js-websocket": "^9.4.0",
 		"http-proxy-middleware": "^3.0.0",
 		"js-yaml": "^4.1.0",
 		"konva": "^9.3.12",
 		"maplibre-gl": "^4.5.0",
-		"marked": "^13.0.1",
+		"marked": "^13.0.2",
 		"svelte-dnd-action": "^0.9.49",
 		"svelte-modals": "^1.3.0",
 		"svelte-ripple": "^0.1.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6530a2e8..b974ac7f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,8 @@ importers:
   .:
     dependencies:
       '@codemirror/autocomplete':
-        specifier: ^6.16.3
-        version: 6.16.3(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.2)(@lezer/common@1.2.1)
+        specifier: ^6.17.0
+        version: 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.4)(@lezer/common@1.2.1)
       '@codemirror/commands':
         specifier: ^6.6.0
         version: 6.6.0
@@ -30,11 +30,11 @@ importers:
         specifier: ^6.1.2
         version: 6.1.2
       '@codemirror/view':
-        specifier: ^6.28.2
-        version: 6.28.2
+        specifier: ^6.28.4
+        version: 6.28.4
       '@fontsource-variable/inter':
-        specifier: ^5.0.18
-        version: 5.0.18
+        specifier: ^5.0.19
+        version: 5.0.19
       '@jaames/iro':
         specifier: ^5.5.2
         version: 5.5.2
@@ -57,8 +57,8 @@ importers:
         specifier: ^4.19.2
         version: 4.19.2
       hls.js:
-        specifier: ^1.5.11
-        version: 1.5.11
+        specifier: ^1.5.13
+        version: 1.5.13
       home-assistant-js-websocket:
         specifier: ^9.4.0
         version: 9.4.0
@@ -75,8 +75,8 @@ importers:
         specifier: ^4.5.0
         version: 4.5.0
       marked:
-        specifier: ^13.0.1
-        version: 13.0.1
+        specifier: ^13.0.2
+        version: 13.0.2
       svelte-dnd-action:
         specifier: ^0.9.49
         version: 0.9.49(svelte@4.2.18)
@@ -110,13 +110,13 @@ importers:
         version: 4.0.2(svelte@4.2.18)
       '@sveltejs/adapter-node':
         specifier: ^5.2.0
-        version: 5.2.0(@sveltejs/kit@2.5.17(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9)))(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9)))
+        version: 5.2.0(@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1)))(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1)))
       '@sveltejs/kit':
-        specifier: ^2.5.17
-        version: 2.5.17(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9)))(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9))
+        specifier: ^2.5.18
+        version: 2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1)))(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1))
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.1.1
-        version: 3.1.1(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9))
+        version: 3.1.1(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1))
       '@types/d3-array':
         specifier: ^3.2.1
         version: 3.2.1
@@ -148,8 +148,8 @@ importers:
         specifier: ^2.41.0
         version: 2.41.0(eslint@9.6.0)(svelte@4.2.18)
       globals:
-        specifier: ^15.6.0
-        version: 15.6.0
+        specifier: ^15.8.0
+        version: 15.8.0
       prettier:
         specifier: ^3.3.2
         version: 3.3.2
@@ -161,7 +161,7 @@ importers:
         version: 4.2.18
       svelte-check:
         specifier: ^3.8.4
-        version: 3.8.4(postcss-load-config@3.1.4(postcss@8.4.38))(postcss@8.4.38)(svelte@4.2.18)
+        version: 3.8.4(@babel/core@7.24.7)(postcss-load-config@3.1.4(postcss@8.4.39))(postcss@8.4.39)(svelte@4.2.18)
       svelte-confetti:
         specifier: ^2.0.1
         version: 2.0.1(svelte@4.2.18)
@@ -172,14 +172,14 @@ importers:
         specifier: ^2.6.3
         version: 2.6.3
       typescript:
-        specifier: ^5.5.2
-        version: 5.5.2
+        specifier: ^5.5.3
+        version: 5.5.3
       typescript-eslint:
-        specifier: 8.0.0-alpha.30
-        version: 8.0.0-alpha.30(eslint@9.6.0)(typescript@5.5.2)
+        specifier: 8.0.0-alpha.39
+        version: 8.0.0-alpha.39(eslint@9.6.0)(typescript@5.5.3)
       vite:
-        specifier: ^5.3.2
-        version: 5.3.2(@types/node@20.14.9)
+        specifier: ^5.3.3
+        version: 5.3.3(@types/node@20.14.9)(terser@5.31.1)
 
 packages:
 
@@ -187,8 +187,95 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
-  '@codemirror/autocomplete@6.16.3':
-    resolution: {integrity: sha512-Vl/tIeRVVUCRDuOG48lttBasNQu8usGgXQawBXI7WJAiUDSFOfzflmEsZFZo48mAvAaa4FZ/4/yLLxFtdJaKYA==}
+  '@babel/code-frame@7.24.7':
+    resolution: {integrity: sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.24.7':
+    resolution: {integrity: sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.24.7':
+    resolution: {integrity: sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.24.7':
+    resolution: {integrity: sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.24.7':
+    resolution: {integrity: sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-environment-visitor@7.24.7':
+    resolution: {integrity: sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-function-name@7.24.7':
+    resolution: {integrity: sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-hoist-variables@7.24.7':
+    resolution: {integrity: sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.24.7':
+    resolution: {integrity: sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.24.7':
+    resolution: {integrity: sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-simple-access@7.24.7':
+    resolution: {integrity: sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-split-export-declaration@7.24.7':
+    resolution: {integrity: sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.24.7':
+    resolution: {integrity: sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.24.7':
+    resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.24.7':
+    resolution: {integrity: sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.24.7':
+    resolution: {integrity: sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/highlight@7.24.7':
+    resolution: {integrity: sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.24.7':
+    resolution: {integrity: sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/template@7.24.7':
+    resolution: {integrity: sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.24.7':
+    resolution: {integrity: sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.24.7':
+    resolution: {integrity: sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@codemirror/autocomplete@6.17.0':
+    resolution: {integrity: sha512-fdfj6e6ZxZf8yrkMHUSJJir7OJkHkZKaOZGzLWIYp2PZ3jd+d+UjG8zVPqJF6d3bKxkhvXTPan/UZ1t7Bqm0gA==}
     peerDependencies:
       '@codemirror/language': ^6.0.0
       '@codemirror/state': ^6.0.0
@@ -216,8 +303,8 @@ packages:
   '@codemirror/theme-one-dark@6.1.2':
     resolution: {integrity: sha512-F+sH0X16j/qFLMAfbciKTxVOwkdAS336b7AXTKOZhy8BR3eH/RelsnLgLFINrpST63mmN2OuwUt0W2ndUgYwUA==}
 
-  '@codemirror/view@6.28.2':
-    resolution: {integrity: sha512-A3DmyVfjgPsGIjiJqM/zvODUAPQdQl3ci0ghehYNnbt5x+o76xq+dL5+mMBuysDXnI3kapgOkoeJ0sbtL/3qPw==}
+  '@codemirror/view@6.28.4':
+    resolution: {integrity: sha512-QScv95fiviSQ/CaVGflxAvvvDy/9wi0RFyDl4LkHHWiMr/UPebyuTspmYSeN5Nx6eujcPYwsQzA6ZIZucKZVHQ==}
 
   '@esbuild/aix-ppc64@0.21.5':
     resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
@@ -396,8 +483,8 @@ packages:
     resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==}
     engines: {node: '>=14'}
 
-  '@fontsource-variable/inter@5.0.18':
-    resolution: {integrity: sha512-rJzSrtJ3b7djiGFvRuTe6stDfbYJGhdQSfn2SI2WfXviee7Er0yKAHE5u7FU7OWVQQQ1x3+cxdmx9NdiAkcrcA==}
+  '@fontsource-variable/inter@5.0.19':
+    resolution: {integrity: sha512-V5KPpF5o0sI1uNWAdFArC87NDOb/ZJDPXLomEiKmDCYMlDUCTn2flkuAZkyME2rtGOKO7vzCuDJAND0m/5PhDA==}
 
   '@humanwhocodes/module-importer@1.0.1':
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
@@ -437,6 +524,9 @@ packages:
     resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
     engines: {node: '>=6.0.0'}
 
+  '@jridgewell/source-map@0.3.6':
+    resolution: {integrity: sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==}
+
   '@jridgewell/sourcemap-codec@1.4.15':
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
@@ -620,8 +710,8 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^2.4.0
 
-  '@sveltejs/kit@2.5.17':
-    resolution: {integrity: sha512-wiADwq7VreR3ctOyxilAZOfPz3Jiy2IIp2C8gfafhTdQaVuGIHllfqQm8dXZKADymKr3uShxzgLZFT+a+CM4kA==}
+  '@sveltejs/kit@2.5.18':
+    resolution: {integrity: sha512-+g06hvpVAnH7b4CDjhnTDgFWBKBiQJpuSmQeGYOuzbO3SC3tdYjRNlDCrafvDtKbGiT2uxY5Dn9qdEUGVZdWOQ==}
     engines: {node: '>=18.13'}
     hasBin: true
     peerDependencies:
@@ -740,8 +830,8 @@ packages:
   '@types/supercluster@7.1.3':
     resolution: {integrity: sha512-Z0pOY34GDFl3Q6hUFYf3HkTwKEE02e7QgtJppBt+beEAxnyOpJua+voGFvxINBHa06GwLFFym7gRPY2SiKIfIA==}
 
-  '@typescript-eslint/eslint-plugin@8.0.0-alpha.30':
-    resolution: {integrity: sha512-2CBUupdkfbE3eATph4QeZejvT+M+1bVur+zXlVx09WN31phap51ps/qemeclnCbGEz6kTgBDmScrr9XmmF8/Pg==}
+  '@typescript-eslint/eslint-plugin@8.0.0-alpha.39':
+    resolution: {integrity: sha512-ILv1vDA8M9ah1vzYpnOs4UOLRdB63Ki/rsxedVikjMLq68hFfpsDR25bdMZ4RyUkzLJwOhcg3Jujm/C1nupXKA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
@@ -751,8 +841,8 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/parser@8.0.0-alpha.30':
-    resolution: {integrity: sha512-tAYgFmgXU1MlCK3nbblUvJlDSibBvxtAQXGrF3IG0KmnRza9FXILZifHWL0rrwacDn40K53K607Fk2QkMjiGgw==}
+  '@typescript-eslint/parser@8.0.0-alpha.39':
+    resolution: {integrity: sha512-5k+pwV91plJojHgZkWlq4/TQdOrnEaeSvt48V0m8iEwdMJqX/63BXYxy8BUOSghWcjp05s73vy9HJjovAKmHkQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -761,12 +851,12 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/scope-manager@8.0.0-alpha.30':
-    resolution: {integrity: sha512-FGW/iPWGyPFamAVZ60oCAthMqQrqafUGebF8UKuq/ha+e9SVG6YhJoRzurlQXOVf8dHfOhJ0ADMXyFnMc53clg==}
+  '@typescript-eslint/scope-manager@8.0.0-alpha.39':
+    resolution: {integrity: sha512-HCBlKQROY+JIgWolucdFMj1W3VUnnIQTdxAhxJTAj3ix2nASmvKIFgrdo5KQMrXxQj6tC4l3zva10L+s0dUIIw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/type-utils@8.0.0-alpha.30':
-    resolution: {integrity: sha512-FrnhlCKEKZKRbpDviHkIU9tayIUGTOfa+SjvrRv6p/AJIUv6QT8oRboRjLH/cCuwUEbM0k5UtRWYug4albHUqQ==}
+  '@typescript-eslint/type-utils@8.0.0-alpha.39':
+    resolution: {integrity: sha512-alO13fRU6yVeJbwl9ESI3AYhq5dQdz3Dpd0I5B4uezs2lvgYp44dZsj5hWyPz/kL7JFEsjbn+4b/CZA0OQJzjA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '*'
@@ -774,12 +864,12 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/types@8.0.0-alpha.30':
-    resolution: {integrity: sha512-4WzLlw27SO9pK9UFj/Hu7WGo8WveT0SEiIpFVsV2WwtQmLps6kouwtVCB8GJPZKJyurhZhcqCoQVQFmpv441Vg==}
+  '@typescript-eslint/types@8.0.0-alpha.39':
+    resolution: {integrity: sha512-yINN7j0/+S1VGSp0IgH52oQvUx49vkOug6xbrDA/9o+U55yCAQKSvYWvzYjNa+SZE3hXI0zwvYtMVsIAAMmKIQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.0.0-alpha.30':
-    resolution: {integrity: sha512-WSXbc9ZcXI+7yC+6q95u77i8FXz6HOLsw3ST+vMUlFy1lFbXyFL/3e6HDKQCm2Clt0krnoCPiTGvIn+GkYPn4Q==}
+  '@typescript-eslint/typescript-estree@8.0.0-alpha.39':
+    resolution: {integrity: sha512-S8gREuP8r8PCxGegeojeXntx0P50ul9YH7c7JYpbLIIsEPNr5f7UHlm+I1NUbL04CBin4kvZ60TG4eWr/KKN9A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '*'
@@ -787,14 +877,14 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/utils@8.0.0-alpha.30':
-    resolution: {integrity: sha512-rfhqfLqFyXhHNDwMnHiVGxl/Z2q/3guQ1jLlGQ0hi9Rb7inmwz42crM+NnLPR+2vEnwyw1P/g7fnQgQ3qvFx4g==}
+  '@typescript-eslint/utils@8.0.0-alpha.39':
+    resolution: {integrity: sha512-Nr2PrlfNhrNQTlFHlD7XJdTGw/Vt8qY44irk6bfjn9LxGdSG5e4c1R2UN6kvGMhhx20DBPbM7q3Z3r+huzmL1w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  '@typescript-eslint/visitor-keys@8.0.0-alpha.30':
-    resolution: {integrity: sha512-XZuNurZxBqmr6ZIRIwWFq7j5RZd6ZlkId/HZEWyfciK+CWoyOxSF9Pv2VXH9Rlu2ZG2PfbhLz2Veszl4Pfn7yA==}
+  '@typescript-eslint/visitor-keys@8.0.0-alpha.39':
+    resolution: {integrity: sha512-DVJ0UdhucZy+/1GlIy7FX2+CFhCeNAi4VwaEAe7u2UDenQr9/kGqvzx00UlpWibmEVDw4KsPOI7Aqa1+2Vqfmw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   accepts@1.3.8:
@@ -806,8 +896,8 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
-  acorn@8.12.0:
-    resolution: {integrity: sha512-RTvkC4w+KNXrM39/lWCUaG0IbRkWdCv7W/IOW9oU6SawyxulvkQy5HQPVTKxEjczcUvapcrw3cFx/60VN/NRNw==}
+  acorn@8.12.1:
+    resolution: {integrity: sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
@@ -822,6 +912,10 @@ packages:
     resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
     engines: {node: '>=12'}
 
+  ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+
   ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
@@ -879,10 +973,18 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
+  browserslist@4.23.1:
+    resolution: {integrity: sha512-TUfofFo/KsK/bWZ9TWQ5O26tsWW4Uhmt8IYklbnUa70udB6P2wA7w7o4PY4muaEPBQaAX+CEnmmIA41NVHtPVw==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
   buffer-crc32@1.0.0:
     resolution: {integrity: sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==}
     engines: {node: '>=8.0.0'}
 
+  buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
   builtin-modules@3.3.0:
     resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
     engines: {node: '>=6'}
@@ -905,6 +1007,13 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
+  caniuse-lite@1.0.30001640:
+    resolution: {integrity: sha512-lA4VMpW0PSUrFnkmVuEKBUovSWKhj7puyCg8StBChgu298N1AtuF1sKWEvfDuimSEDbhlb/KqPKC3fs1HbuQUA==}
+
+  chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
@@ -919,13 +1028,22 @@ packages:
   codemirror@6.0.1:
     resolution: {integrity: sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==}
 
+  color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
 
+  color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
+  commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+
   commondir@1.0.1:
     resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
 
@@ -940,6 +1058,9 @@ packages:
     resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
     engines: {node: '>= 0.6'}
 
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
   cookie-signature@1.0.6:
     resolution: {integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==}
 
@@ -1063,6 +1184,9 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
+  electron-to-chromium@1.4.816:
+    resolution: {integrity: sha512-EKH5X5oqC6hLmiS7/vYtZHZFTNdhsYG5NVPRN6Yn0kQHNBlT59+xSM8HBy66P5fxWpKgZbPqb+diC64ng295Jw==}
+
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
@@ -1089,9 +1213,17 @@ packages:
     engines: {node: '>=12'}
     hasBin: true
 
+  escalade@3.1.2:
+    resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
+    engines: {node: '>=6'}
+
   escape-html@1.0.3:
     resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
 
+  escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+
   escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
@@ -1262,6 +1394,10 @@ packages:
   function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
   geojson-vt@4.0.2:
     resolution: {integrity: sha512-AV9ROqlNqoZEIJGfm1ncNjEXfkz2hdFlZf0qkVfmkwdKa8vj7H16YUOT81rJw1rdFhyEDlN2Tds91p/glzbl5A==}
 
@@ -1301,12 +1437,16 @@ packages:
     resolution: {integrity: sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==}
     engines: {node: '>=6'}
 
+  globals@11.12.0:
+    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
+    engines: {node: '>=4'}
+
   globals@14.0.0:
     resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
     engines: {node: '>=18'}
 
-  globals@15.6.0:
-    resolution: {integrity: sha512-UzcJi88Hw//CurUIRa9Jxb0vgOCcuD/MNjwmXp633cyaRKkCWACkoqHCtfZv43b1kqXGg/fpOa8bwgacCeXsVg==}
+  globals@15.8.0:
+    resolution: {integrity: sha512-VZAJ4cewHTExBWDHR6yptdIBlx9YSSZuwojj9Nt5mBRXQzrKakDsVKQ1J63sklLvzAJm0X5+RpO4i3Y2hcOnFw==}
     engines: {node: '>=18'}
 
   globalyzer@0.1.0:
@@ -1328,6 +1468,10 @@ packages:
   graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
 
+  has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+
   has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
@@ -1347,8 +1491,8 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
-  hls.js@1.5.11:
-    resolution: {integrity: sha512-q3We1izi2+qkOO+TvZdHv+dx6aFzdtk3xc1/Qesrvto4thLTT/x/1FK85c5h1qZE4MmMBNgKg+MIW8nxQfxwBw==}
+  hls.js@1.5.13:
+    resolution: {integrity: sha512-xRgKo84nsC7clEvSfIdgn/Tc0NOT+d7vdiL/wvkLO+0k0juc26NRBPPG1SfB8pd5bHXIjMW/F5VM8VYYkOYYdw==}
 
   home-assistant-js-websocket@9.4.0:
     resolution: {integrity: sha512-312TuI63IfKf8G+iWvKmPYIdxWMNojwVk03o9OSpQFFDjSCNAYdCUfuPCFs73SuJ1Xpd4D1Eo11CB33MGMqZ+Q==}
@@ -1476,10 +1620,18 @@ packages:
   jintr@1.1.0:
     resolution: {integrity: sha512-Tu9wk3BpN2v+kb8yT6YBtue+/nbjeLFv4vvVC4PJ7oCidHKbifWhvORrAbQfxVIQZG+67am/mDagpiGSVtvrZg==}
 
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
   js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
 
+  jsesc@2.5.2:
+    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
+    engines: {node: '>=4'}
+    hasBin: true
+
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
@@ -1492,6 +1644,11 @@ packages:
   json-stringify-pretty-compact@4.0.0:
     resolution: {integrity: sha512-3CNZ2DnrpByG9Nqj6Xo8vqbjT4F6N+tb4Gb28ESAZjYZ5yqvmc56J+/kuIwkaAMOyblTQhUW7PxMkUb8Q36N3Q==}
 
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
   kdbush@4.0.2:
     resolution: {integrity: sha512-WbCVYJ27Sz8zi9Q7Q0xHC+05iwkm3Znipc2XTlrnJbsHMYktW4hPhXUE8Ys1engBrvffoSCqbil1JQAa7clRpA==}
 
@@ -1534,6 +1691,9 @@ packages:
     resolution: {integrity: sha512-CQl19J/g+Hbjbv4Y3mFNNXFEL/5t/KCg8POCuUqd4rMKjGG+j1ybER83hxV58zL+dFI1PTkt3GNFSHRt+d8qEQ==}
     engines: {node: 14 || >=16.14}
 
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
   magic-string@0.30.10:
     resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
 
@@ -1541,8 +1701,8 @@ packages:
     resolution: {integrity: sha512-qOS1hn4d/pn2i0uva4S5Oz+fACzTkgBKq+NpwT/Tqzi4MSyzcWNtDELzLUSgWqHfNIkGCl5CZ/w7dtis+t4RCw==}
     engines: {node: '>=16.14.0', npm: '>=8.1.0'}
 
-  marked@13.0.1:
-    resolution: {integrity: sha512-7kBohS6GrZKvCsNXZyVVXSW7/hGBHe49ng99YPkDCckSUrrG7MSFLCexsRxptzOmyW2eT5dySh4Md1V6my52fA==}
+  marked@13.0.2:
+    resolution: {integrity: sha512-J6CPjP8pS5sgrRqxVRvkCIkZ6MFdRIjDkwUwgJ9nL2fbmM6qGQeB2C16hi8Cc9BOzj6xXzy0jyi0iPIfnMHYzA==}
     engines: {node: '>= 18'}
     hasBin: true
 
@@ -1635,6 +1795,9 @@ packages:
     resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
     engines: {node: '>= 0.6'}
 
+  node-releases@2.0.14:
+    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+
   normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
@@ -1699,8 +1862,8 @@ packages:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
 
-  pbf@3.2.1:
-    resolution: {integrity: sha512-ClrV7pNOn7rtmoQVF4TS1vyU0WhYRnP92fzbfF75jAIwpnzdJXf8iTd4CMEqO4yUenH6NDqLiwjqlh6QgZzgLQ==}
+  pbf@3.3.0:
+    resolution: {integrity: sha512-XDF38WCH3z5OV/OVa8GKUNtLAyneuzbCisx7QUCF8Q6Nutx0WnJrQe5O+kOtBlLfRNUws98Y58Lblp+NJG5T4Q==}
     hasBin: true
 
   periscopic@3.1.0:
@@ -1741,15 +1904,15 @@ packages:
     resolution: {integrity: sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==}
     engines: {node: '>=4'}
 
-  postcss@8.4.38:
-    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
+  postcss@8.4.39:
+    resolution: {integrity: sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==}
     engines: {node: ^10 || ^12 || >=14}
 
   potpack@2.0.0:
     resolution: {integrity: sha512-Q+/tYsFU9r7xoOJ+y/ZTtdVQwTWfzjbiXBDMM/JKUux3+QPP02iUuIoeBQ+Ot6oEDlC+/PGjB/5A3K7KKb7hcw==}
 
-  preact@10.22.0:
-    resolution: {integrity: sha512-RRurnSjJPj4rp5K6XoP45Ui33ncb7e4H7WiOHVpjbkvqvA3U+N8Z6Qbo0AE6leGYBV66n8EhEaFixvIu3SkxFw==}
+  preact@10.22.1:
+    resolution: {integrity: sha512-jRYbDDgMpIb5LHq3hkI0bbl+l/TQ9UnkdQ0ww+lp+4MMOdqaUYdFc5qeyP+IV8FAd/2Em7drVPeKdQxsiWCf/A==}
 
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
@@ -1846,6 +2009,10 @@ packages:
   sander@0.5.1:
     resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
 
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
   semver@7.6.2:
     resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
     engines: {node: '>=10'}
@@ -1917,6 +2084,13 @@ packages:
     resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
     engines: {node: '>=0.10.0'}
 
+  source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
   split-string@3.1.0:
     resolution: {integrity: sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==}
     engines: {node: '>=0.10.0'}
@@ -1955,6 +2129,10 @@ packages:
   supercluster@8.0.1:
     resolution: {integrity: sha512-IiOea5kJ9iqzD2t7QJq/cREyLHTtSmUT6gQsweojg9WH2sYJqZK9SswTu6jrscO6D1G5v5vYZ9ru/eq85lXeZQ==}
 
+  supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -2056,6 +2234,11 @@ packages:
     resolution: {integrity: sha512-d0FdzYIiAePqRJEb90WlJDkjUEx42xhivxN8muUBmfZnP+tzUgz12DJ2hRJi8sIHCME7jeK1PTMgKPSfTd8JrA==}
     engines: {node: '>=16'}
 
+  terser@5.31.1:
+    resolution: {integrity: sha512-37upzU1+viGvuFtBo9NPufCb9dwM0+l9hMxYyWfBA+fbwrPqNJAhbZ6W47bBFnZHKHTUBnMvi87434qq+qnxOg==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
 
@@ -2065,6 +2248,10 @@ packages:
   tinyqueue@2.0.3:
     resolution: {integrity: sha512-ppJZNDuKGgxzkHihX8v9v9G5f+18gzaTfrukGrq6ueg0lmH4nqVnA2IPG0AEH3jKEk2GRJCUhDoqpoiw3PHLBA==}
 
+  to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
+    engines: {node: '>=4'}
+
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
@@ -2094,8 +2281,8 @@ packages:
     resolution: {integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==}
     engines: {node: '>= 0.6'}
 
-  typescript-eslint@8.0.0-alpha.30:
-    resolution: {integrity: sha512-/vGhBMsK1TpadQh1eQ02c5pyiPGmKR9cVzX5C9plZ+LC0HPLpWoJbbTVfQN7BkIK7tUxDt2BFr3pFL5hDDrx7g==}
+  typescript-eslint@8.0.0-alpha.39:
+    resolution: {integrity: sha512-bsuR1BVJfHr7sBh7Cca962VPIcP+5UWaIa/+6PpnFZ+qtASjGTxKWIF5dG2o73BX9NsyqQfvRWujb3M9CIoRXA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '*'
@@ -2103,8 +2290,8 @@ packages:
       typescript:
         optional: true
 
-  typescript@5.5.2:
-    resolution: {integrity: sha512-NcRtPEOsPFFWjobJEtfihkLCZCXZt/os3zf8nTxjVH3RvTSxjrCamJpbExGvYOF+tFHc3pA65qpdwPbzjohhew==}
+  typescript@5.5.3:
+    resolution: {integrity: sha512-/hreyEujaB0w76zKo6717l3L0o/qEUtRgdvUBvlkhoWeOVMjMuHNHk0BRBzikzuGDqNmPQbg5ifMEqsHLiIUcQ==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -2129,6 +2316,12 @@ packages:
     resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}
 
+  update-browserslist-db@1.1.0:
+    resolution: {integrity: sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
@@ -2143,8 +2336,8 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
-  vite@5.3.2:
-    resolution: {integrity: sha512-6lA7OBHBlXUxiJxbO5aAY2fsHHzDr1q7DvXYnyZycRs2Dz+dXBWuhpWHvmljTRTpQC2uvGmUFFkSHF2vGo90MA==}
+  vite@5.3.3:
+    resolution: {integrity: sha512-NPQdeCU0Dv2z5fu+ULotpuq5yfCS1BzKUIPhNbP3YBfAMGJXbt2nS+sbTFu+qchaqWTD+H3JK++nRwr6XIcp6A==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -2212,6 +2405,9 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
   yaml@1.10.2:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
@@ -2230,24 +2426,178 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@codemirror/autocomplete@6.16.3(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.2)(@lezer/common@1.2.1)':
+  '@babel/code-frame@7.24.7':
+    dependencies:
+      '@babel/highlight': 7.24.7
+      picocolors: 1.0.1
+    optional: true
+
+  '@babel/compat-data@7.24.7':
+    optional: true
+
+  '@babel/core@7.24.7':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@babel/code-frame': 7.24.7
+      '@babel/generator': 7.24.7
+      '@babel/helper-compilation-targets': 7.24.7
+      '@babel/helper-module-transforms': 7.24.7(@babel/core@7.24.7)
+      '@babel/helpers': 7.24.7
+      '@babel/parser': 7.24.7
+      '@babel/template': 7.24.7
+      '@babel/traverse': 7.24.7
+      '@babel/types': 7.24.7
+      convert-source-map: 2.0.0
+      debug: 4.3.5
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
+  '@babel/generator@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.7
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+      jsesc: 2.5.2
+    optional: true
+
+  '@babel/helper-compilation-targets@7.24.7':
+    dependencies:
+      '@babel/compat-data': 7.24.7
+      '@babel/helper-validator-option': 7.24.7
+      browserslist: 4.23.1
+      lru-cache: 5.1.1
+      semver: 6.3.1
+    optional: true
+
+  '@babel/helper-environment-visitor@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.7
+    optional: true
+
+  '@babel/helper-function-name@7.24.7':
+    dependencies:
+      '@babel/template': 7.24.7
+      '@babel/types': 7.24.7
+    optional: true
+
+  '@babel/helper-hoist-variables@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.7
+    optional: true
+
+  '@babel/helper-module-imports@7.24.7':
+    dependencies:
+      '@babel/traverse': 7.24.7
+      '@babel/types': 7.24.7
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
+  '@babel/helper-module-transforms@7.24.7(@babel/core@7.24.7)':
+    dependencies:
+      '@babel/core': 7.24.7
+      '@babel/helper-environment-visitor': 7.24.7
+      '@babel/helper-module-imports': 7.24.7
+      '@babel/helper-simple-access': 7.24.7
+      '@babel/helper-split-export-declaration': 7.24.7
+      '@babel/helper-validator-identifier': 7.24.7
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
+  '@babel/helper-simple-access@7.24.7':
+    dependencies:
+      '@babel/traverse': 7.24.7
+      '@babel/types': 7.24.7
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
+  '@babel/helper-split-export-declaration@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.7
+    optional: true
+
+  '@babel/helper-string-parser@7.24.7':
+    optional: true
+
+  '@babel/helper-validator-identifier@7.24.7':
+    optional: true
+
+  '@babel/helper-validator-option@7.24.7':
+    optional: true
+
+  '@babel/helpers@7.24.7':
+    dependencies:
+      '@babel/template': 7.24.7
+      '@babel/types': 7.24.7
+    optional: true
+
+  '@babel/highlight@7.24.7':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.24.7
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+      picocolors: 1.0.1
+    optional: true
+
+  '@babel/parser@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.7
+    optional: true
+
+  '@babel/template@7.24.7':
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      '@babel/parser': 7.24.7
+      '@babel/types': 7.24.7
+    optional: true
+
+  '@babel/traverse@7.24.7':
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      '@babel/generator': 7.24.7
+      '@babel/helper-environment-visitor': 7.24.7
+      '@babel/helper-function-name': 7.24.7
+      '@babel/helper-hoist-variables': 7.24.7
+      '@babel/helper-split-export-declaration': 7.24.7
+      '@babel/parser': 7.24.7
+      '@babel/types': 7.24.7
+      debug: 4.3.5
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
+  '@babel/types@7.24.7':
+    dependencies:
+      '@babel/helper-string-parser': 7.24.7
+      '@babel/helper-validator-identifier': 7.24.7
+      to-fast-properties: 2.0.0
+    optional: true
+
+  '@codemirror/autocomplete@6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.4)(@lezer/common@1.2.1)':
     dependencies:
       '@codemirror/language': 6.10.2
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.2
+      '@codemirror/view': 6.28.4
       '@lezer/common': 1.2.1
 
   '@codemirror/commands@6.6.0':
     dependencies:
       '@codemirror/language': 6.10.2
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.2
+      '@codemirror/view': 6.28.4
       '@lezer/common': 1.2.1
 
   '@codemirror/language@6.10.2':
     dependencies:
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.2
+      '@codemirror/view': 6.28.4
       '@lezer/common': 1.2.1
       '@lezer/highlight': 1.2.0
       '@lezer/lr': 1.4.1
@@ -2260,13 +2610,13 @@ snapshots:
   '@codemirror/lint@6.8.1':
     dependencies:
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.2
+      '@codemirror/view': 6.28.4
       crelt: 1.0.6
 
   '@codemirror/search@6.5.6':
     dependencies:
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.2
+      '@codemirror/view': 6.28.4
       crelt: 1.0.6
 
   '@codemirror/state@6.4.1': {}
@@ -2275,10 +2625,10 @@ snapshots:
     dependencies:
       '@codemirror/language': 6.10.2
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.2
+      '@codemirror/view': 6.28.4
       '@lezer/highlight': 1.2.0
 
-  '@codemirror/view@6.28.2':
+  '@codemirror/view@6.28.4':
     dependencies:
       '@codemirror/state': 6.4.1
       style-mod: 4.1.2
@@ -2402,7 +2752,7 @@ snapshots:
 
   '@fastify/busboy@2.1.1': {}
 
-  '@fontsource-variable/inter@5.0.18': {}
+  '@fontsource-variable/inter@5.0.19': {}
 
   '@humanwhocodes/module-importer@1.0.1': {}
 
@@ -2429,7 +2779,7 @@ snapshots:
   '@jaames/iro@5.5.2':
     dependencies:
       '@irojs/iro-core': 1.2.1
-      preact: 10.22.0
+      preact: 10.22.1
 
   '@jridgewell/gen-mapping@0.3.5':
     dependencies:
@@ -2441,6 +2791,12 @@ snapshots:
 
   '@jridgewell/set-array@1.2.1': {}
 
+  '@jridgewell/source-map@0.3.6':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+    optional: true
+
   '@jridgewell/sourcemap-codec@1.4.15': {}
 
   '@jridgewell/trace-mapping@0.3.25':
@@ -2589,17 +2945,17 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.18.0':
     optional: true
 
-  '@sveltejs/adapter-node@5.2.0(@sveltejs/kit@2.5.17(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9)))(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9)))':
+  '@sveltejs/adapter-node@5.2.0(@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1)))(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1)))':
     dependencies:
       '@rollup/plugin-commonjs': 26.0.1(rollup@4.18.0)
       '@rollup/plugin-json': 6.1.0(rollup@4.18.0)
       '@rollup/plugin-node-resolve': 15.2.3(rollup@4.18.0)
-      '@sveltejs/kit': 2.5.17(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9)))(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9))
+      '@sveltejs/kit': 2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1)))(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1))
       rollup: 4.18.0
 
-  '@sveltejs/kit@2.5.17(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9)))(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9))':
+  '@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1)))(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9))
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.0.0
@@ -2613,28 +2969,28 @@ snapshots:
       sirv: 2.0.4
       svelte: 4.2.18
       tiny-glob: 0.2.9
-      vite: 5.3.2(@types/node@20.14.9)
+      vite: 5.3.3(@types/node@20.14.9)(terser@5.31.1)
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9)))(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9))':
+  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1)))(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9))
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1))
       debug: 4.3.5
       svelte: 4.2.18
-      vite: 5.3.2(@types/node@20.14.9)
+      vite: 5.3.3(@types/node@20.14.9)(terser@5.31.1)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9))':
+  '@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9)))(svelte@4.2.18)(vite@5.3.2(@types/node@20.14.9))
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1)))(svelte@4.2.18)(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1))
       debug: 4.3.5
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.10
       svelte: 4.2.18
       svelte-hmr: 0.16.0(svelte@4.2.18)
-      vite: 5.3.2(@types/node@20.14.9)
-      vitefu: 0.2.5(vite@5.3.2(@types/node@20.14.9))
+      vite: 5.3.3(@types/node@20.14.9)(terser@5.31.1)
+      vitefu: 0.2.5(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1))
     transitivePeerDependencies:
       - supports-color
 
@@ -2745,85 +3101,85 @@ snapshots:
     dependencies:
       '@types/geojson': 7946.0.14
 
-  '@typescript-eslint/eslint-plugin@8.0.0-alpha.30(@typescript-eslint/parser@8.0.0-alpha.30(eslint@9.6.0)(typescript@5.5.2))(eslint@9.6.0)(typescript@5.5.2)':
+  '@typescript-eslint/eslint-plugin@8.0.0-alpha.39(@typescript-eslint/parser@8.0.0-alpha.39(eslint@9.6.0)(typescript@5.5.3))(eslint@9.6.0)(typescript@5.5.3)':
     dependencies:
       '@eslint-community/regexpp': 4.11.0
-      '@typescript-eslint/parser': 8.0.0-alpha.30(eslint@9.6.0)(typescript@5.5.2)
-      '@typescript-eslint/scope-manager': 8.0.0-alpha.30
-      '@typescript-eslint/type-utils': 8.0.0-alpha.30(eslint@9.6.0)(typescript@5.5.2)
-      '@typescript-eslint/utils': 8.0.0-alpha.30(eslint@9.6.0)(typescript@5.5.2)
-      '@typescript-eslint/visitor-keys': 8.0.0-alpha.30
+      '@typescript-eslint/parser': 8.0.0-alpha.39(eslint@9.6.0)(typescript@5.5.3)
+      '@typescript-eslint/scope-manager': 8.0.0-alpha.39
+      '@typescript-eslint/type-utils': 8.0.0-alpha.39(eslint@9.6.0)(typescript@5.5.3)
+      '@typescript-eslint/utils': 8.0.0-alpha.39(eslint@9.6.0)(typescript@5.5.3)
+      '@typescript-eslint/visitor-keys': 8.0.0-alpha.39
       eslint: 9.6.0
       graphemer: 1.4.0
       ignore: 5.3.1
       natural-compare: 1.4.0
-      ts-api-utils: 1.3.0(typescript@5.5.2)
+      ts-api-utils: 1.3.0(typescript@5.5.3)
     optionalDependencies:
-      typescript: 5.5.2
+      typescript: 5.5.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.0.0-alpha.30(eslint@9.6.0)(typescript@5.5.2)':
+  '@typescript-eslint/parser@8.0.0-alpha.39(eslint@9.6.0)(typescript@5.5.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.0.0-alpha.30
-      '@typescript-eslint/types': 8.0.0-alpha.30
-      '@typescript-eslint/typescript-estree': 8.0.0-alpha.30(typescript@5.5.2)
-      '@typescript-eslint/visitor-keys': 8.0.0-alpha.30
+      '@typescript-eslint/scope-manager': 8.0.0-alpha.39
+      '@typescript-eslint/types': 8.0.0-alpha.39
+      '@typescript-eslint/typescript-estree': 8.0.0-alpha.39(typescript@5.5.3)
+      '@typescript-eslint/visitor-keys': 8.0.0-alpha.39
       debug: 4.3.5
       eslint: 9.6.0
     optionalDependencies:
-      typescript: 5.5.2
+      typescript: 5.5.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.0.0-alpha.30':
+  '@typescript-eslint/scope-manager@8.0.0-alpha.39':
     dependencies:
-      '@typescript-eslint/types': 8.0.0-alpha.30
-      '@typescript-eslint/visitor-keys': 8.0.0-alpha.30
+      '@typescript-eslint/types': 8.0.0-alpha.39
+      '@typescript-eslint/visitor-keys': 8.0.0-alpha.39
 
-  '@typescript-eslint/type-utils@8.0.0-alpha.30(eslint@9.6.0)(typescript@5.5.2)':
+  '@typescript-eslint/type-utils@8.0.0-alpha.39(eslint@9.6.0)(typescript@5.5.3)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.0.0-alpha.30(typescript@5.5.2)
-      '@typescript-eslint/utils': 8.0.0-alpha.30(eslint@9.6.0)(typescript@5.5.2)
+      '@typescript-eslint/typescript-estree': 8.0.0-alpha.39(typescript@5.5.3)
+      '@typescript-eslint/utils': 8.0.0-alpha.39(eslint@9.6.0)(typescript@5.5.3)
       debug: 4.3.5
-      ts-api-utils: 1.3.0(typescript@5.5.2)
+      ts-api-utils: 1.3.0(typescript@5.5.3)
     optionalDependencies:
-      typescript: 5.5.2
+      typescript: 5.5.3
     transitivePeerDependencies:
       - eslint
       - supports-color
 
-  '@typescript-eslint/types@8.0.0-alpha.30': {}
+  '@typescript-eslint/types@8.0.0-alpha.39': {}
 
-  '@typescript-eslint/typescript-estree@8.0.0-alpha.30(typescript@5.5.2)':
+  '@typescript-eslint/typescript-estree@8.0.0-alpha.39(typescript@5.5.3)':
     dependencies:
-      '@typescript-eslint/types': 8.0.0-alpha.30
-      '@typescript-eslint/visitor-keys': 8.0.0-alpha.30
+      '@typescript-eslint/types': 8.0.0-alpha.39
+      '@typescript-eslint/visitor-keys': 8.0.0-alpha.39
       debug: 4.3.5
       globby: 11.1.0
       is-glob: 4.0.3
       minimatch: 9.0.5
       semver: 7.6.2
-      ts-api-utils: 1.3.0(typescript@5.5.2)
+      ts-api-utils: 1.3.0(typescript@5.5.3)
     optionalDependencies:
-      typescript: 5.5.2
+      typescript: 5.5.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.0.0-alpha.30(eslint@9.6.0)(typescript@5.5.2)':
+  '@typescript-eslint/utils@8.0.0-alpha.39(eslint@9.6.0)(typescript@5.5.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@9.6.0)
-      '@typescript-eslint/scope-manager': 8.0.0-alpha.30
-      '@typescript-eslint/types': 8.0.0-alpha.30
-      '@typescript-eslint/typescript-estree': 8.0.0-alpha.30(typescript@5.5.2)
+      '@typescript-eslint/scope-manager': 8.0.0-alpha.39
+      '@typescript-eslint/types': 8.0.0-alpha.39
+      '@typescript-eslint/typescript-estree': 8.0.0-alpha.39(typescript@5.5.3)
       eslint: 9.6.0
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@typescript-eslint/visitor-keys@8.0.0-alpha.30':
+  '@typescript-eslint/visitor-keys@8.0.0-alpha.39':
     dependencies:
-      '@typescript-eslint/types': 8.0.0-alpha.30
+      '@typescript-eslint/types': 8.0.0-alpha.39
       eslint-visitor-keys: 3.4.3
 
   accepts@1.3.8:
@@ -2831,11 +3187,11 @@ snapshots:
       mime-types: 2.1.35
       negotiator: 0.6.3
 
-  acorn-jsx@5.3.2(acorn@8.12.0):
+  acorn-jsx@5.3.2(acorn@8.12.1):
     dependencies:
-      acorn: 8.12.0
+      acorn: 8.12.1
 
-  acorn@8.12.0: {}
+  acorn@8.12.1: {}
 
   ajv@6.12.6:
     dependencies:
@@ -2848,6 +3204,11 @@ snapshots:
 
   ansi-regex@6.0.1: {}
 
+  ansi-styles@3.2.1:
+    dependencies:
+      color-convert: 1.9.3
+    optional: true
+
   ansi-styles@4.3.0:
     dependencies:
       color-convert: 2.0.1
@@ -2911,8 +3272,19 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
+  browserslist@4.23.1:
+    dependencies:
+      caniuse-lite: 1.0.30001640
+      electron-to-chromium: 1.4.816
+      node-releases: 2.0.14
+      update-browserslist-db: 1.1.0(browserslist@4.23.1)
+    optional: true
+
   buffer-crc32@1.0.0: {}
 
+  buffer-from@1.1.2:
+    optional: true
+
   builtin-modules@3.3.0: {}
 
   bytes@3.1.2: {}
@@ -2936,6 +3308,16 @@ snapshots:
 
   callsites@3.1.0: {}
 
+  caniuse-lite@1.0.30001640:
+    optional: true
+
+  chalk@2.4.2:
+    dependencies:
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
+    optional: true
+
   chalk@4.1.2:
     dependencies:
       ansi-styles: 4.3.0
@@ -2957,28 +3339,39 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
       '@types/estree': 1.0.5
-      acorn: 8.12.0
+      acorn: 8.12.1
       estree-walker: 3.0.3
       periscopic: 3.1.0
 
   codemirror@6.0.1(@lezer/common@1.2.1):
     dependencies:
-      '@codemirror/autocomplete': 6.16.3(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.2)(@lezer/common@1.2.1)
+      '@codemirror/autocomplete': 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.4)(@lezer/common@1.2.1)
       '@codemirror/commands': 6.6.0
       '@codemirror/language': 6.10.2
       '@codemirror/lint': 6.8.1
       '@codemirror/search': 6.5.6
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.2
+      '@codemirror/view': 6.28.4
     transitivePeerDependencies:
       - '@lezer/common'
 
+  color-convert@1.9.3:
+    dependencies:
+      color-name: 1.1.3
+    optional: true
+
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
 
+  color-name@1.1.3:
+    optional: true
+
   color-name@1.1.4: {}
 
+  commander@2.20.3:
+    optional: true
+
   commondir@1.0.1: {}
 
   concat-map@0.0.1: {}
@@ -2989,6 +3382,9 @@ snapshots:
 
   content-type@1.0.5: {}
 
+  convert-source-map@2.0.0:
+    optional: true
+
   cookie-signature@1.0.6: {}
 
   cookie@0.6.0: {}
@@ -3082,6 +3478,9 @@ snapshots:
 
   ee-first@1.1.1: {}
 
+  electron-to-chromium@1.4.816:
+    optional: true
+
   emoji-regex@8.0.0: {}
 
   emoji-regex@9.2.2: {}
@@ -3122,8 +3521,14 @@ snapshots:
       '@esbuild/win32-ia32': 0.21.5
       '@esbuild/win32-x64': 0.21.5
 
+  escalade@3.1.2:
+    optional: true
+
   escape-html@1.0.3: {}
 
+  escape-string-regexp@1.0.5:
+    optional: true
+
   escape-string-regexp@4.0.0: {}
 
   eslint-compat-utils@0.5.1(eslint@9.6.0):
@@ -3143,9 +3548,9 @@ snapshots:
       eslint-compat-utils: 0.5.1(eslint@9.6.0)
       esutils: 2.0.3
       known-css-properties: 0.34.0
-      postcss: 8.4.38
-      postcss-load-config: 3.1.4(postcss@8.4.38)
-      postcss-safe-parser: 6.0.0(postcss@8.4.38)
+      postcss: 8.4.39
+      postcss-load-config: 3.1.4(postcss@8.4.39)
+      postcss-safe-parser: 6.0.0(postcss@8.4.39)
       postcss-selector-parser: 6.1.0
       semver: 7.6.2
       svelte-eslint-parser: 0.39.2(svelte@4.2.18)
@@ -3211,14 +3616,14 @@ snapshots:
 
   espree@10.1.0:
     dependencies:
-      acorn: 8.12.0
-      acorn-jsx: 5.3.2(acorn@8.12.0)
+      acorn: 8.12.1
+      acorn-jsx: 5.3.2(acorn@8.12.1)
       eslint-visitor-keys: 4.0.0
 
   espree@9.6.1:
     dependencies:
-      acorn: 8.12.0
-      acorn-jsx: 5.3.2(acorn@8.12.0)
+      acorn: 8.12.1
+      acorn-jsx: 5.3.2(acorn@8.12.1)
       eslint-visitor-keys: 3.4.3
 
   esquery@1.5.0:
@@ -3358,6 +3763,9 @@ snapshots:
 
   function-bind@1.1.2: {}
 
+  gensync@1.0.0-beta.2:
+    optional: true
+
   geojson-vt@4.0.2: {}
 
   get-intrinsic@1.2.4:
@@ -3406,9 +3814,12 @@ snapshots:
       kind-of: 6.0.3
       which: 1.3.1
 
+  globals@11.12.0:
+    optional: true
+
   globals@14.0.0: {}
 
-  globals@15.6.0: {}
+  globals@15.8.0: {}
 
   globalyzer@0.1.0: {}
 
@@ -3431,6 +3842,9 @@ snapshots:
 
   graphemer@1.4.0: {}
 
+  has-flag@3.0.0:
+    optional: true
+
   has-flag@4.0.0: {}
 
   has-property-descriptors@1.0.2:
@@ -3445,7 +3859,7 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
-  hls.js@1.5.11: {}
+  hls.js@1.5.13: {}
 
   home-assistant-js-websocket@9.4.0: {}
 
@@ -3564,12 +3978,18 @@ snapshots:
 
   jintr@1.1.0:
     dependencies:
-      acorn: 8.12.0
+      acorn: 8.12.1
+
+  js-tokens@4.0.0:
+    optional: true
 
   js-yaml@4.1.0:
     dependencies:
       argparse: 2.0.1
 
+  jsesc@2.5.2:
+    optional: true
+
   json-buffer@3.0.1: {}
 
   json-schema-traverse@0.4.1: {}
@@ -3578,6 +3998,9 @@ snapshots:
 
   json-stringify-pretty-compact@4.0.0: {}
 
+  json5@2.2.3:
+    optional: true
+
   kdbush@4.0.2: {}
 
   keyv@4.5.4:
@@ -3609,6 +4032,11 @@ snapshots:
 
   lru-cache@10.3.0: {}
 
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+    optional: true
+
   magic-string@0.30.10:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -3636,14 +4064,14 @@ snapshots:
       global-prefix: 3.0.0
       kdbush: 4.0.2
       murmurhash-js: 1.0.0
-      pbf: 3.2.1
+      pbf: 3.3.0
       potpack: 2.0.0
       quickselect: 2.0.0
       supercluster: 8.0.1
       tinyqueue: 2.0.3
       vt-pbf: 3.1.3
 
-  marked@13.0.1: {}
+  marked@13.0.2: {}
 
   mdn-data@2.0.30: {}
 
@@ -3704,6 +4132,9 @@ snapshots:
 
   negotiator@0.6.3: {}
 
+  node-releases@2.0.14:
+    optional: true
+
   normalize-path@3.0.0: {}
 
   object-inspect@1.13.2: {}
@@ -3758,7 +4189,7 @@ snapshots:
 
   path-type@4.0.0: {}
 
-  pbf@3.2.1:
+  pbf@3.3.0:
     dependencies:
       ieee754: 1.2.1
       resolve-protobuf-schema: 2.1.0
@@ -3773,27 +4204,27 @@ snapshots:
 
   picomatch@2.3.1: {}
 
-  postcss-load-config@3.1.4(postcss@8.4.38):
+  postcss-load-config@3.1.4(postcss@8.4.39):
     dependencies:
       lilconfig: 2.1.0
       yaml: 1.10.2
     optionalDependencies:
-      postcss: 8.4.38
+      postcss: 8.4.39
 
-  postcss-safe-parser@6.0.0(postcss@8.4.38):
+  postcss-safe-parser@6.0.0(postcss@8.4.39):
     dependencies:
-      postcss: 8.4.38
+      postcss: 8.4.39
 
-  postcss-scss@4.0.9(postcss@8.4.38):
+  postcss-scss@4.0.9(postcss@8.4.39):
     dependencies:
-      postcss: 8.4.38
+      postcss: 8.4.39
 
   postcss-selector-parser@6.1.0:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss@8.4.38:
+  postcss@8.4.39:
     dependencies:
       nanoid: 3.3.7
       picocolors: 1.0.1
@@ -3801,7 +4232,7 @@ snapshots:
 
   potpack@2.0.0: {}
 
-  preact@10.22.0: {}
+  preact@10.22.1: {}
 
   prelude-ls@1.2.1: {}
 
@@ -3905,6 +4336,9 @@ snapshots:
       mkdirp: 0.5.6
       rimraf: 2.7.1
 
+  semver@6.3.1:
+    optional: true
+
   semver@7.6.2: {}
 
   send@0.18.0:
@@ -3999,6 +4433,15 @@ snapshots:
 
   source-map-js@1.2.0: {}
 
+  source-map-support@0.5.21:
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+    optional: true
+
+  source-map@0.6.1:
+    optional: true
+
   split-string@3.1.0:
     dependencies:
       extend-shallow: 3.0.2
@@ -4037,21 +4480,26 @@ snapshots:
     dependencies:
       kdbush: 4.0.2
 
+  supports-color@5.5.0:
+    dependencies:
+      has-flag: 3.0.0
+    optional: true
+
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-check@3.8.4(postcss-load-config@3.1.4(postcss@8.4.38))(postcss@8.4.38)(svelte@4.2.18):
+  svelte-check@3.8.4(@babel/core@7.24.7)(postcss-load-config@3.1.4(postcss@8.4.39))(postcss@8.4.39)(svelte@4.2.18):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
       picocolors: 1.0.1
       sade: 1.8.1
       svelte: 4.2.18
-      svelte-preprocess: 5.1.4(postcss-load-config@3.1.4(postcss@8.4.38))(postcss@8.4.38)(svelte@4.2.18)(typescript@5.5.2)
-      typescript: 5.5.2
+      svelte-preprocess: 5.1.4(@babel/core@7.24.7)(postcss-load-config@3.1.4(postcss@8.4.39))(postcss@8.4.39)(svelte@4.2.18)(typescript@5.5.3)
+      typescript: 5.5.3
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -4076,8 +4524,8 @@ snapshots:
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
-      postcss: 8.4.38
-      postcss-scss: 4.0.9(postcss@8.4.38)
+      postcss: 8.4.39
+      postcss-scss: 4.0.9(postcss@8.4.39)
     optionalDependencies:
       svelte: 4.2.18
 
@@ -4099,7 +4547,7 @@ snapshots:
     dependencies:
       svelte: 4.2.18
 
-  svelte-preprocess@5.1.4(postcss-load-config@3.1.4(postcss@8.4.38))(postcss@8.4.38)(svelte@4.2.18)(typescript@5.5.2):
+  svelte-preprocess@5.1.4(@babel/core@7.24.7)(postcss-load-config@3.1.4(postcss@8.4.39))(postcss@8.4.39)(svelte@4.2.18)(typescript@5.5.3):
     dependencies:
       '@types/pug': 2.0.10
       detect-indent: 6.1.0
@@ -4108,9 +4556,10 @@ snapshots:
       strip-indent: 3.0.0
       svelte: 4.2.18
     optionalDependencies:
-      postcss: 8.4.38
-      postcss-load-config: 3.1.4(postcss@8.4.38)
-      typescript: 5.5.2
+      '@babel/core': 7.24.7
+      postcss: 8.4.39
+      postcss-load-config: 3.1.4(postcss@8.4.39)
+      typescript: 5.5.3
 
   svelte-ripple@0.1.1: {}
 
@@ -4122,7 +4571,7 @@ snapshots:
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.25
       '@types/estree': 1.0.5
-      acorn: 8.12.0
+      acorn: 8.12.1
       aria-query: 5.3.0
       axobject-query: 4.0.0
       code-red: 1.0.4
@@ -4133,6 +4582,14 @@ snapshots:
       magic-string: 0.30.10
       periscopic: 3.1.0
 
+  terser@5.31.1:
+    dependencies:
+      '@jridgewell/source-map': 0.3.6
+      acorn: 8.12.1
+      commander: 2.20.3
+      source-map-support: 0.5.21
+    optional: true
+
   text-table@0.2.0: {}
 
   tiny-glob@0.2.9:
@@ -4142,6 +4599,9 @@ snapshots:
 
   tinyqueue@2.0.3: {}
 
+  to-fast-properties@2.0.0:
+    optional: true
+
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
@@ -4150,9 +4610,9 @@ snapshots:
 
   totalist@3.0.1: {}
 
-  ts-api-utils@1.3.0(typescript@5.5.2):
+  ts-api-utils@1.3.0(typescript@5.5.3):
     dependencies:
-      typescript: 5.5.2
+      typescript: 5.5.3
 
   tslib@2.6.3: {}
 
@@ -4165,18 +4625,18 @@ snapshots:
       media-typer: 0.3.0
       mime-types: 2.1.35
 
-  typescript-eslint@8.0.0-alpha.30(eslint@9.6.0)(typescript@5.5.2):
+  typescript-eslint@8.0.0-alpha.39(eslint@9.6.0)(typescript@5.5.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.0.0-alpha.30(@typescript-eslint/parser@8.0.0-alpha.30(eslint@9.6.0)(typescript@5.5.2))(eslint@9.6.0)(typescript@5.5.2)
-      '@typescript-eslint/parser': 8.0.0-alpha.30(eslint@9.6.0)(typescript@5.5.2)
-      '@typescript-eslint/utils': 8.0.0-alpha.30(eslint@9.6.0)(typescript@5.5.2)
+      '@typescript-eslint/eslint-plugin': 8.0.0-alpha.39(@typescript-eslint/parser@8.0.0-alpha.39(eslint@9.6.0)(typescript@5.5.3))(eslint@9.6.0)(typescript@5.5.3)
+      '@typescript-eslint/parser': 8.0.0-alpha.39(eslint@9.6.0)(typescript@5.5.3)
+      '@typescript-eslint/utils': 8.0.0-alpha.39(eslint@9.6.0)(typescript@5.5.3)
     optionalDependencies:
-      typescript: 5.5.2
+      typescript: 5.5.3
     transitivePeerDependencies:
       - eslint
       - supports-color
 
-  typescript@5.5.2: {}
+  typescript@5.5.3: {}
 
   typewise-core@1.2.0: {}
 
@@ -4199,6 +4659,13 @@ snapshots:
 
   unpipe@1.0.0: {}
 
+  update-browserslist-db@1.1.0(browserslist@4.23.1):
+    dependencies:
+      browserslist: 4.23.1
+      escalade: 3.1.2
+      picocolors: 1.0.1
+    optional: true
+
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
@@ -4209,24 +4676,25 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vite@5.3.2(@types/node@20.14.9):
+  vite@5.3.3(@types/node@20.14.9)(terser@5.31.1):
     dependencies:
       esbuild: 0.21.5
-      postcss: 8.4.38
+      postcss: 8.4.39
       rollup: 4.18.0
     optionalDependencies:
       '@types/node': 20.14.9
       fsevents: 2.3.3
+      terser: 5.31.1
 
-  vitefu@0.2.5(vite@5.3.2(@types/node@20.14.9)):
+  vitefu@0.2.5(vite@5.3.3(@types/node@20.14.9)(terser@5.31.1)):
     optionalDependencies:
-      vite: 5.3.2(@types/node@20.14.9)
+      vite: 5.3.3(@types/node@20.14.9)(terser@5.31.1)
 
   vt-pbf@3.1.3:
     dependencies:
       '@mapbox/point-geometry': 0.1.0
       '@mapbox/vector-tile': 1.3.1
-      pbf: 3.2.1
+      pbf: 3.3.0
 
   w3c-keyname@2.2.8: {}
 
@@ -4256,6 +4724,9 @@ snapshots:
 
   wrappy@1.0.2: {}
 
+  yallist@3.1.1:
+    optional: true
+
   yaml@1.10.2: {}
 
   yocto-queue@0.1.0: {}