ui: Move Report Issue to sidebar (bottom)

README.md

@@ -11,7 +11,8 @@
   <a href="https://nixopus.com"><b>Website</b></a> •
   <a href="https://docs.nixopus.com"><b>Documentation</b></a> •
   <a href="https://docs.nixopus.com/blog/"><b>Blog</b></a> •
-  <a href="https://discord.gg/skdcq39Wpv"><b>Discord</b></a>
+  <a href="https://discord.gg/skdcq39Wpv"><b>Discord</b></a> •
+  <a href="https://github.com/raghavyuva/nixopus/discussions/262"><b>Roadmap</b></a>
 </p>
 
 <img width="1210" height="764" alt="image" src="https://github.com/user-attachments/assets/3f1dc1e0-956d-4785-8745-ed59d0390afd" />
@@ -80,3 +81,4 @@ Nixopus is derived from the combination of "octopus" and the Linux penguin (Tux)
 <a href="https://github.com/raghavyuva/nixopus/graphs/contributors">
   <img src="https://contrib.rocks/image?repo=raghavyuva/nixopus" alt="Nixopus project contributors" />
 </a>
+

api/api/versions.json

@@ -3,7 +3,7 @@
     {
       "version": "v1",
       "status": "active",
-      "release_date": "2025-09-11T20:17:18.854289411+05:30",
+      "release_date": "2025-09-18T09:02:53.080017+05:30",
       "end_of_life": "0001-01-01T00:00:00Z",
       "changes": [
         "Initial API version"

api/internal/features/deploy/tasks/create.go

@@ -7,6 +7,7 @@ import (
 
 	"github.com/google/uuid"
 	"github.com/raghavyuva/caddygo"
+	"github.com/raghavyuva/nixopus-api/internal/config"
 	"github.com/raghavyuva/nixopus-api/internal/features/deploy/types"
 	shared_types "github.com/raghavyuva/nixopus-api/internal/types"
 )
@@ -81,7 +82,9 @@ func (t *TaskService) HandleCreateDockerfileDeployment(ctx context.Context, Task
 		taskCtx.LogAndUpdateStatus("Failed to convert port to int: "+err.Error(), shared_types.Failed)
 		return err
 	}
-	err = client.AddDomainWithAutoTLS(TaskPayload.Application.Domain, TaskPayload.Application.Domain, port, caddygo.DomainOptions{})
+	upstreamHost := config.AppConfig.SSH.Host
+
+	err = client.AddDomainWithAutoTLS(TaskPayload.Application.Domain, upstreamHost, port, caddygo.DomainOptions{})
 	if err != nil {
 		fmt.Println("Failed to add domain: ", err)
 		taskCtx.LogAndUpdateStatus("Failed to add domain: "+err.Error(), shared_types.Failed)

docker-compose.yml

@@ -62,7 +62,7 @@ services:
 
   nixopus-redis:
     image: redis:7-alpine
-    container_name: nixopus-redis-container
+    container_name: nixopus-redis
     restart: unless-stopped
     ports:
       - "${REDIS_PORT:-6379}:6379"

helpers/config.dev.yaml

@@ -17,6 +17,7 @@ services:
       SSH_PASSWORD: ${SSH_PASSWORD:-}
       DOCKER_HOST: ${DOCKER_HOST:-unix:///var/run/docker.sock}
       REDIS_URL: ${REDIS_URL:-redis://localhost:6379}
+      CADDY_ENDPOINT: ${CADDY_ENDPOINT:-http://127.0.0.1:2019}
       ALLOWED_ORIGIN: ${ALLOWED_ORIGIN:-http://localhost:7443}
       ENV: ${ENV:-development}
       LOGS_PATH: ${LOGS_PATH:-./logs}

view/app/containers/components/table.tsx

@@ -83,10 +83,10 @@ const ContainersTable = ({
 
                             const hasPorts = container.ports && container.ports.length > 0;
                             const formattedDate = container.created
-                                ? new Intl.DateTimeFormat(undefined, { day: 'numeric', month: 'long' }).format(
-                                    new Date(parseInt(container.created) * 1000)
-                                )
-                                : '-';
+                            ? new Intl.DateTimeFormat('en-US', { month: 'short', day: '2-digit', year: 'numeric' }).format(
+                             new Date(parseInt(container.created) * 1000)
+                  )
+                         : '-';
 
                             return (
                                 <TableRow key={container.id} onClick={() => router.push(`/containers/${container.id}`)}

view/app/globals.css

@@ -523,3 +523,5 @@
     scrollbar-width: none;
   }
 }
+
+

view/components/layout/app-sidebar.tsx

@@ -151,7 +151,7 @@ export function AppSidebar({
   }
 
   return (
-    <Sidebar collapsible="icon" {...props}>
+    <Sidebar className="sidebar" collapsible="icon" {...props}>
       <SidebarHeader>
         <TeamSwitcher refetch={refetch} />
       </SidebarHeader>

view/components/layout/nav-user.tsx

@@ -220,10 +220,6 @@ Add any other context about the problem here.`;
               <HelpCircle />
               {t('user.menu.help')}
             </DropdownMenuItem>
-            <DropdownMenuItem onClick={handleReportIssue}>
-              <AlertCircle />
-              {t('user.menu.reportIssue')}
-            </DropdownMenuItem>
             <DropdownMenuSeparator />
             <DropdownMenuItem onClick={handleLogout}>
               <LogOut />
@@ -232,6 +228,20 @@ Add any other context about the problem here.`;
           </DropdownMenuContent>
         </DropdownMenu>
       </SidebarMenuItem>
+
+       {/* Bottom-aligned actions */}
+       <SidebarMenuItem className="mt-auto" onClick={handleSponsor}>
+        <Heart className="text-red-500" />
+        {t('user.menu.sponsor')}
+      </SidebarMenuItem>
+      <SidebarMenuItem onClick={handleHelp}>
+        <HelpCircle />
+        {t('user.menu.help')}
+      </SidebarMenuItem>
+      <SidebarMenuItem onClick={handleReportIssue}>
+        <AlertCircle />
+        {t('user.menu.reportIssue')}
+      </SidebarMenuItem>
     </SidebarMenu>
   );
 }

view/components/ui/password-input-field.tsx

@@ -9,17 +9,17 @@ export interface PasswordInputFieldProps extends React.ComponentProps<'input'> {
 }
 
 const PasswordInputField = React.forwardRef<HTMLInputElement, PasswordInputFieldProps>(
-  function PasswordInputField({ className, containerClassName, ...props }, ref) {
+  function PasswordInputField({ className, containerClassName, autoComplete, ...props }, ref) {
     const [showPassword, setShowPassword] = React.useState(false);
 
     return (
       <div className={cn('relative', containerClassName)}>
         <Input
           ref={ref}
+          {...props}
           type={showPassword ? 'text' : 'password'}
           className={cn('pr-10', className)}
-          autoComplete={props.autoComplete ?? 'current-password'}
-          {...props}
+          autoComplete={autoComplete ?? 'current-password'}
         />
         <button
           type="button"

view/components/ui/sidebar.tsx

@@ -431,12 +431,13 @@ function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'
   );
 }
 
+// Ensure the sidebar supports bottom anchoring
 function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {
   return (
     <ul
       data-slot="sidebar-menu"
       data-sidebar="menu"
-      className={cn('flex w-full min-w-0 flex-col gap-1', className)}
+      className={cn('flex w-full min-w-0 flex-col gap-1', className)} // Already supports flex-column
       {...props}
     />
   );