update

src/routes/(app)/+layout.svelte

@@ -116,7 +116,7 @@
 				<DropdownMenu.Content align="end">
 					<DropdownMenu.Label>My Account</DropdownMenu.Label>
 					<DropdownMenu.Separator />
-					<!-- <DropdownMenu.Item href={config.api_url + "/me/billing"}>Billing</DropdownMenu.Item> -->
+					<DropdownMenu.Item href={config.api_url + "/me/billing"}>Billing</DropdownMenu.Item>
 					<DropdownMenu.Item><a href="mailto:osabic2004@gmail.com?Subject=Youpage.ai support">Support</a></DropdownMenu.Item>
 					<DropdownMenu.Separator />
 					<DropdownMenu.Item on:click={logout}>Logout</DropdownMenu.Item>

src/routes/(app)/articles/articleQueue.svelte

@@ -31,7 +31,7 @@
 			<Dialog.Title>Queue</Dialog.Title>
 			<Dialog.Description></Dialog.Description>
 		</Dialog.Header>
-		{#if queue.length === 0}
+		{#if queue.find(x=>!["done","error"].includes(x.status)) === 0}
 			<p class="pt-12 text-center text-gray-400">No articles are currently being generated!</p>
 		{:else}
 			<Table.Root>

src/routes/(app)/articles/createArticleDialog.svelte

@@ -130,6 +130,7 @@
 				</div>
 				<!-- <Form.Description /> -->
 			</Form.Field>
+			<!--
 			<Form.Field {form} name="length">
 				<Form.Control let:attrs>
 					<div class="mb-4 grid gap-4">
@@ -146,12 +147,12 @@
 										>
 										<Select.Item value="1500" label="Medium"
 											>Medium
-											<!-- <ProBadge /> -->
+											<!- - <ProBadge /> - ->
 										</Select.Item>
-										<!-- disabled={['free', 'basic'].includes(tier)} -->
+										<!- - disabled={['free', 'basic'].includes(tier)} - ->
 										<Select.Item value="2500" label="Long"
 											>Long
-											<!-- <ProBadge /> -->
+											<!- - <ProBadge /> - ->
 										</Select.Item>
 									</Select.Group>
 								</Select.Content>
@@ -192,13 +193,15 @@
 					<div class="grid grid-cols-4 items-center gap-4">
 						<Form.Label class="text-right">Include FAQ</Form.Label>
 						<div class="flex items-center justify-start">
-							<!-- <Switch disabled={['free', 'basic'].includes(tier)} {...attrs} /> -->
+							<!- - <Switch disabled={['free', 'basic'].includes(tier)} {...attrs} /> - ->
 							<Switch {...attrs} />
-							<!-- <ProBadge class="ml-[10px]" /> -->
+							<!- - <ProBadge class="ml-[10px]" /> - ->
 						</div>
 					</div>
 				</Form.Control>
 			</Form.Field>
+			-->
+
 		</form>
 
 		<Dialog.Footer>