<commit_before><template>
	<v-dialog v-model="value" persistent hide-overlay width="500" style="max-height: 100%">
		<v-toolbar dark tabs color="grey darken-3">
			<v-toolbar-title>{{$t('task.manager')}}</v-toolbar-title>
			<v-spacer></v-spacer>
			<v-btn icon @click="$emit('close')">
				<v-icon>arrow_drop_down</v-icon>
			</v-btn>
		</v-toolbar>
		<v-card flat style="min-height: 300px; max-width: 100%;" dark color="grey darken-4">
			<v-card-text>
				{{ all.length === 0 ? $t('task.empty') : '' }}
				<v-treeview hoverable transition v-model="tree" :open="opened" :items="all" activatable
				  item-key="_internalId" open-on-click item-children="tasks" item-text="localText">
					<template v-slot:append="{ item, open }">
						<v-icon v-if="item.status !== 'running'" :color="item.status === 'successed'?'green':item.status === 'cancelled'?'white':'red'">
							{{item.status === 'successed' ? 'check' : item.status === 'cancelled' ? 'stop' :
							'error_outline'}}
						</v-icon>
						<v-progress-circular v-if="item.status === 'running'" small :size="20" :value="item.progress / item.total * 100"
						  :width="3" :indeterminate="item.total === -1" color="white" class="mb-0"></v-progress-circular>
					</template>

					<template v-slot:label="{ item, open }">
						<div style="padding: 5px 0px;">
							<span style="white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;">{{$t(item.path, item.arguments || {})}}</span>
							<span style="color: grey; font-size: 12px; font-style: italic; ">{{item.time}}</span>
							<div style="color: grey; font-size: 12px; font-style: italic; ">{{item.message}}</div>
						</div>
					</template>
				</v-treeview>
			</v-card-text>
		</v-card>

	</v-dialog><commit_msg>style: optimize task bar looking<commit_after><template>
	<v-dialog v-model="value" persistent hide-overlay width="500" style="max-height: 100%">
		<v-toolbar dark tabs color="grey darken-3">
			<v-toolbar-title>{{$t('task.manager')}}</v-toolbar-title>
			<v-spacer></v-spacer>
			<v-btn icon @click="$emit('close')">
				<v-icon>arrow_drop_down</v-icon>
			</v-btn>
		</v-toolbar>
		<v-card flat style="min-height: 300px; max-width: 100%;" dark color="grey darken-4">
			<v-card-text>
				{{ all.length === 0 ? $t('task.empty') : '' }}
				<v-treeview hoverable transition v-model="tree" :open="opened" :items="all" activatable
				  item-key="_internalId" open-on-click item-children="tasks" item-text="localText">
					<template v-slot:append="{ item, open }">
						<v-icon v-if="item.status !== 'running'" :color="item.status === 'successed'?'green':item.status === 'cancelled'?'white':'red'">
							{{item.status === 'successed' ? 'check' : item.status === 'cancelled' ? 'stop' :
							'error_outline'}}
						</v-icon>
						<v-progress-circular v-if="item.status === 'running'" small :size="20" :value="item.progress / item.total * 100"
						  :width="3" :indeterminate="item.total === -1" color="white" class="mb-0" ></v-progress-circular>
					</template>

					<template v-slot:label="{ item, open }">
						<div style="padding: 5px 0px;">
							<span style="white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;">{{$t(item.path, item.arguments || {})}}</span>
							<span style="color: grey; font-size: 12px; font-style: italic; ">{{item.time}}</span>
							<div style="color: grey; font-size: 12px; font-style: italic; max-width: 300px;">{{item.message}}</div>
						</div>
					</template>
				</v-treeview>
			</v-card-text>
		</v-card>

	</v-dialog>
{'fraction_non_alphanumeric': 0.22512049900765524, 'fraction_numerical': 0.01729515168698611, 'mean_word_length': 3.716577540106952, 'pattern_counts': {'":': 0, '<': 73, '<?xml version=': 0, '>': 73, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5616188', 'n_tokens_mistral': 1545, 'n_tokens_neox': 1240, 'n_words': 237}