1776514298s:40831:"<li
    class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <span title="User" class="lqd-navbar-label inline-block max-w-full overflow-hidden text-ellipsis pb-navbar-link-pb ps-navbar-link-ps pt-navbar-link-pt text-4xs uppercase tracking-widest lg:group-[&.navbar-shrinked]/body:w-full lg:group-[&.navbar-shrinked]/body:px-2 lg:group-[&.navbar-shrinked]/body:text-center">
    User
</span>
</li>
		
	
			<li
    id="dashboard" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100 active" data-name="" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" />
  <path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" />
  <path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" />
  <path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            Dashboard
        </span>
    
    
    </a>
</li>
			
	
			<li
    id="documents" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="documents" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/documents/all"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M3 4m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" />
  <path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10" />
  <path d="M10 12l4 0" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            Documents
        </span>
    
    
    </a>
</li>
												
	
			<li
    id="ai_editor" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_editor" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/generator"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-11a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1m3 0v18" />
  <path d="M13 8l2 0" />
  <path d="M13 12l2 0" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI Editor
        </span>
    
    
    </a>
</li>
					
	
			<li
    id="ai_writer" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_writer" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z" />
  <path d="M9 7l6 0" />
  <path d="M9 11l6 0" />
  <path d="M9 15l4 0" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI Writer
        </span>
    
    
    </a>
</li>
			
	
			<li
    id="ai_video" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_video" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/generator/ai_video"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" />
  <path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI Video
        </span>
    
    
    </a>
</li>
							
	
			<li
    id="ai_image_generator" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_image" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/generator/ai_image_generator"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M15 8h.01" />
  <path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z" />
  <path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5" />
  <path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI Image
        </span>
    
    
    </a>
</li>
			
	
			<li
    id="ai_article_wizard" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_article_wizard" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/articlewizard/new?ai_article_wizard"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M11.933 5h-6.933v16h13v-8" />
  <path d="M14 17h-5" />
  <path d="M9 13h5v-4h-5z" />
  <path d="M15 5v-2" />
  <path d="M18 6l2 -2" />
  <path d="M19 9h2" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI Article Wizard
        </span>
    
    
    </a>
</li>
			
	
			<li
    id="ai_pdf" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_pdf" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/generator/ai_pdf/workbook"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M14 3v4a1 1 0 0 0 1 1h4" />
  <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" />
  <path d="M10 18l5 -5a1.414 1.414 0 0 0 -2 -2l-5 5v2h2z" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI File Chat
        </span>
    
    
    </a>
</li>
						
	
			<li
    id="ai_vision" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_vision" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/generator/ai_vision/workbook"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
  <path d="M4 16v2a2 2 0 0 0 2 2h2" />
  <path d="M16 4h2a2 2 0 0 1 2 2v2" />
  <path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
  <path d="M7 12c3.333 -4.667 6.667 -4.667 10 0" />
  <path d="M7 12c3.333 4.667 6.667 4.667 10 0" />
  <path d="M12 12h-.01" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI Vision
        </span>
    
    
    </a>
</li>
						
	
			<li
    id="ai_rewriter" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_rewriter" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/rewrite?ai_rewriter"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M14 6l7 7l-4 4" />
  <path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" />
  <path d="M4 20l1.768 -1.768" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI ReWriter
        </span>
    
    
    </a>
</li>
		
	
			<li
    id="ai_chat_image" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_chat_image" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/generator/ai_chat_image/workbook"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M15 8h.01" />
  <path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z" />
  <path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5" />
  <path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI Chat Image
        </span>
    
    
    </a>
</li>
		
	
			<li
    id="ai_chat_all" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_chat_all" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/chat/ai-chat"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" />
  <path d="M12 11l0 .01" />
  <path d="M8 11l0 .01" />
  <path d="M16 11l0 .01" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI Chat
        </span>
    
    
    </a>
</li>
			
	
			<li
    id="ai_code_generator" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_code" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/generator/ai_code_generator/workbook"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 9l3 3l-3 3" />
  <path d="M13 15l3 0" />
  <path d="M3 4m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI Code
        </span>
    
    
    </a>
</li>
			
	
			<li
    id="ai_youtube" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_youtube" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/generator/ai_youtube/workbook"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z" />
  <path d="M10 9l5 3l-5 3z" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI YouTube
        </span>
    
    
    </a>
</li>
		
	
			<li
    id="ai_rss" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_rss" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/generator/ai_rss/workbook"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
  <path d="M4 4a16 16 0 0 1 16 16" />
  <path d="M4 11a9 9 0 0 1 9 9" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI RSS
        </span>
    
    
    </a>
</li>
		
	
			<li
    id="ai_speech_to_text" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_speech_to_text" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/generator/ai_speech_to_text"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M9 2m0 3a3 3 0 0 1 3 -3h0a3 3 0 0 1 3 3v5a3 3 0 0 1 -3 3h0a3 3 0 0 1 -3 -3z" />
  <path d="M5 10a7 7 0 0 0 14 0" />
  <path d="M8 21l8 0" />
  <path d="M12 17l0 4" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI Speech to Text
        </span>
    
    
    </a>
</li>
		
	
			<li
    id="ai_voiceover" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="ai_voiceover" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/generator/ai_voiceover"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M15 8a5 5 0 0 1 0 8" />
  <path d="M17.7 5a9 9 0 0 1 0 14" />
  <path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            AI Voiceover
        </span>
    
    
    </a>
</li>
					
	
			<li
    id="brand_voice" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="brand_voice" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/brand"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" />
  <path d="M7 7h3v10h-3z" />
  <path d="M14 7h3v6h-3z" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            Brand Voice
        </span>
    
    
    </a>
</li>
											
	
			<li
    id="support" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="support" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/support/my-requests"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
                <span
            class="lqd-nav-link-icon bg-navbar-icon-background text-navbar-icon-foreground group-hover/nav-item:bg-navbar-icon-background-hover group-hover/nav-item:text-navbar-icon-foreground-hover group-[&.active]/link:bg-navbar-icon-background-active group-[&.active]/link:text-navbar-icon-foreground-active"
        >
                            <svg stroke-width="1.5" class="size-navbar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" />
  <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
  <path d="M15 15l3.35 3.35" />
  <path d="M9 15l-3.35 3.35" />
  <path d="M5.65 5.65l3.35 3.35" />
  <path d="M18.35 5.65l-3.35 3.35" />
</svg>                    </span>
    
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            Support
        </span>
    
    
    </a>
</li>
			
	
			<li
    class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <hr class="lqd-navbar-divider my-3 border-navbar-divider">
</li>
		
	
			<li
    class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <span title="Links" class="lqd-navbar-label inline-block max-w-full overflow-hidden text-ellipsis pb-navbar-link-pb ps-navbar-link-ps pt-navbar-link-pt text-4xs uppercase tracking-widest lg:group-[&.navbar-shrinked]/body:w-full lg:group-[&.navbar-shrinked]/body:px-2 lg:group-[&.navbar-shrinked]/body:text-center">
    Links
</span>
</li>
		
	
			<li
    id="favorites" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai?filter=favorite"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
            <span
            class="lqd-nav-link-letter-icon inline-flex size-6 shrink-0 items-center justify-center rounded-md text-4xs bg-[#7A8193] text-white"
             style="bg-[#7A8193] text-white"         >
            F
        </span>
        
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            Favorites
        </span>
    
    
    </a>
</li>
		
	
			<li
    id="workbook" class="lqd-navbar-item relative group/nav-item"
    x-data="navbarItem()"
    x-bind="item"
>
    <a
    class="lqd-navbar-link flex items-center gap-2 ps-navbar-link-ps pe-navbar-link-pe pt-navbar-link-pt pb-navbar-link-pb rounded-navbar-link relative transition-colors group/link hover:bg-navbar-background-hover/5 hover:text-navbar-foreground-hover [&.active]:bg-navbar-background-active/5 [&.active]:text-navbar-foreground-active dark:[&.active]:bg-transparent dark:before:w-1.5 dark:before:h-full dark:before:absolute dark:before:top-0 dark:before:-start-2 dark:before:bg-current dark:before:rounded-e-lg dark:before:opacity-0 dark:[&.active]:before:opacity-100" data-name="" onclick=""
    href="https://aimeta.metawebdevelopment.cloud/dashboard/user/openai/documents/all/?filter=favorites"
    target="_self"
    x-data="navbarLink({ isDemo: false })"
        >
            <span
            class="lqd-nav-link-letter-icon inline-flex size-6 shrink-0 items-center justify-center rounded-md text-4xs bg-[#658C8E] text-white"
             style="bg-[#658C8E] text-white"         >
            W
        </span>
        
            <span class="lqd-nav-link-label flex grow gap-2 items-center transition-[opacity,transform,visbility] [&_.lqd-nav-item-badge]:ms-auto">
            Workbook
        </span>
    
    
    </a>
</li>
																																		";