Update app.py

app.py

@@ -25,7 +25,7 @@ REPO_ID = os.getenv("HF_REPO_ID", "Kgshop/tontalent2")
 HF_TOKEN_WRITE = os.getenv("HF_TOKEN_WRITE")
 HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")
 
-TELEGRAM_BOT_TOKEN = "7549355625:AAGhdbf6x1JEzpH0mUtuxTF83Soi7MFVNZ8" # User-provided
+TELEGRAM_BOT_TOKEN = "7549355625:AAGhdbf6x1JEzpH0mUtuxTF83Soi7MFVNZ8" # Placeholder, user should replace
 
 DOWNLOAD_RETRIES = 3
 DOWNLOAD_DELAY = 5
@@ -66,8 +66,8 @@ def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWN
                                 logging.info(f"Created empty local file {file_name} because it was not found on HF.")
                         except Exception as create_e:
                             logging.error(f"Failed to create empty local file {file_name}: {create_e}")
-                    success = False 
-                    break 
+                    success = False
+                    break
                 else:
                     logging.error(f"HTTP error downloading {file_name} (Attempt {attempt + 1}): {e}. Retrying in {delay}s...")
             except Exception as e:
@@ -229,41 +229,32 @@ MAIN_APP_TEMPLATE = '''
             overscroll-behavior-y: none;
             -webkit-font-smoothing: antialiased;
             -moz-osx-font-smoothing: grayscale;
-            display: flex;
-            flex-direction: column;
-            min-height: 100vh;
-            min-height: calc(100vh - env(safe-area-inset-bottom)); /* iOS notch */
+            transition: background-color 0.3s, color 0.3s;
         }
-        .app-container { display: flex; flex-direction: column; flex-grow: 1; }
-        .app-header {
+        .app-container { display: flex; flex-direction: column; min-height: 100vh; min-height: -webkit-fill-available; }
+        .header {
             background-color: var(--tg-theme-header-bg-color);
-            padding: 10px 15px;
-            border-bottom: 1px solid var(--tg-theme-secondary-bg-color);
+            padding: 12px 15px;
+            text-align: center;
+            font-weight: 600;
+            font-size: 17px;
+            border-bottom: 0.5px solid var(--tg-theme-hint-color, #c8c7cb);
             position: sticky;
             top: 0;
             z-index: 100;
         }
-        .app-header-title { text-align: center; font-weight: 600; font-size: 17px; color: var(--tg-theme-text-color); }
-        .profile-header {
+        .user-info {
+            padding: 12px 15px;
+            background-color: var(--tg-theme-secondary-bg-color);
+            font-size: 14px;
             display: flex;
             align-items: center;
-            padding: 10px 15px;
-            background-color: var(--tg-theme-secondary-bg-color);
-        }
-        .profile-header img {
-            width: 44px;
-            height: 44px;
-            border-radius: 50%;
-            margin-right: 12px;
-            object-fit: cover;
-            border: 1px solid var(--tg-theme-hint-color);
-            background-color: var(--tg-theme-bg-color); /* Placeholder bg */
+            border-bottom: 0.5px solid var(--tg-theme-hint-color, #c8c7cb);
         }
-        .profile-header div { display: flex; flex-direction: column; justify-content: center; }
-        #profileName { font-weight: 500; font-size: 16px; color: var(--tg-theme-text-color); }
-        #profileUsername { font-size: 13px; color: var(--tg-theme-hint-color); }
+        .user-info img { width: 36px; height: 36px; border-radius: 50%; margin-right: 10px; object-fit: cover; }
+        .user-info span { font-weight: 500; }
 
-        .tabs { display: flex; background-color: var(--tg-theme-secondary-bg-color); padding: 5px; border-bottom: 1px solid var(--tg-theme-secondary-bg-color); }
+        .tabs { display: flex; background-color: var(--tg-theme-secondary-bg-color); padding: 8px 5px 0; }
         .tab-button {
             flex: 1;
             padding: 12px 5px;
@@ -275,32 +266,36 @@ MAIN_APP_TEMPLATE = '''
             font-size: 15px;
             font-weight: 500;
             border-bottom: 3px solid transparent;
-            transition: color 0.2s, border-bottom-color 0.2s;
-            -webkit-tap-highlight-color: transparent;
+            transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            gap: 4px;
         }
+        .tab-button svg { width: 22px; height: 22px; fill: currentColor; }
         .tab-button.active { color: var(--tg-theme-link-color); border-bottom-color: var(--tg-theme-link-color); }
-        .content { 
-            flex-grow: 1; padding: 15px; 
-            transition: opacity 0.25s ease-in-out;
-            overflow-y: auto; /* Enable scrolling for content */
-            -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
-        }
-        .content.loading-state { opacity: 0.5; }
+        .content { flex-grow: 1; padding: 15px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
         .list-item {
             background-color: var(--tg-theme-section-bg-color);
             border-radius: 10px;
-            padding: 12px 15px;
-            margin-bottom: 10px;
-            box-shadow: 0 2px 6px rgba(0,0,0,0.08);
+            padding: 15px;
+            margin-bottom: 12px;
+            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
             cursor: pointer;
-            transition: background-color 0.2s, transform 0.1s;
+            transition: transform 0.1s ease-out, background-color 0.2s;
         }
-        .list-item:active { background-color: var(--tg-theme-secondary-bg-color); transform: scale(0.99); }
-        .list-item h3 { margin: 0 0 5px 0; font-size: 17px; font-weight: 600; color: var(--tg-theme-text-color); }
-        .list-item p { margin: 0 0 4px 0; font-size: 14px; color: var(--tg-theme-text-color); opacity: 0.8; }
-        .list-item .meta { font-size: 12px; color: var(--tg-theme-hint-color); margin-top: 8px; }
+        .list-item:active { transform: scale(0.98); background-color: var(--tg-theme-secondary-bg-color); }
+        .list-item h3 { margin: 0 0 6px 0; font-size: 17px; font-weight: 600; color: var(--tg-theme-text-color); }
+        .list-item p { margin: 0 0 4px 0; font-size: 14px; color: var(--tg-theme-hint-color); line-height: 1.4; }
+        .list-item .meta { font-size: 13px; color: var(--tg-theme-hint-color); margin-top: 8px; }
         
-        .form-container { padding: 15px; background-color: var(--tg-theme-section-bg-color); }
+        .form-container, .detail-view {
+            padding: 15px; background-color: var(--tg-theme-section-bg-color);
+            animation: fadeIn 0.3s ease-out;
+        }
+        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
+
         .form-group { margin-bottom: 18px; }
         .form-group label { display: block; font-size: 14px; color: var(--tg-theme-section-header-text-color); margin-bottom: 6px; font-weight: 500; }
         .form-group input, .form-group textarea {
@@ -312,10 +307,11 @@ MAIN_APP_TEMPLATE = '''
             background-color: var(--tg-theme-bg-color);
             color: var(--tg-theme-text-color);
             box-sizing: border-box;
-            transition: border-color 0.2s;
+            transition: border-color 0.2s, box-shadow 0.2s;
         }
         .form-group input:focus, .form-group textarea:focus {
             border-color: var(--tg-theme-link-color);
+            box-shadow: 0 0 0 2px var(--tg-theme-link-color, #007aff30);
             outline: none;
         }
         .form-group textarea { min-height: 100px; resize: vertical; }
@@ -333,65 +329,64 @@ MAIN_APP_TEMPLATE = '''
             align-items: center;
             justify-content: center;
             font-size: 28px;
-            line-height: 1;
             box-shadow: 0 4px 12px rgba(0,0,0,0.15);
             cursor: pointer;
             z-index: 1000;
             border: none;
-            transition: transform 0.15s ease-out, background-color 0.2s;
-            -webkit-tap-highlight-color: transparent;
+            transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
         }
-        .fab:active { transform: scale(0.92); background-color: color-mix(in srgb, var(--tg-theme-button-color) 90%, black); }
+        .fab:active { transform: scale(0.9); }
+        .fab svg { width: 24px; height: 24px; fill: currentColor; }
+
+        .detail-view h2 { margin-top: 0; font-size: 22px; font-weight: 700; color: var(--tg-theme-text-color); margin-bottom: 15px; }
+        .detail-view p { margin-bottom: 10px; line-height: 1.6; font-size: 16px; }
+        .detail-view strong { font-weight: 600; color: var(--tg-theme-text-color); }
+        .detail-view .meta-detail { font-size: 13px; color: var(--tg-theme-hint-color); margin-top: 15px; padding-top: 10px; border-top: 1px solid var(--tg-theme-secondary-bg-color); }
         
-        .detail-view { padding: 15px; background-color: var(--tg-theme-section-bg-color); }
-        .detail-view h2 { margin-top: 0; font-size: 22px; font-weight: 600; color: var(--tg-theme-text-color); margin-bottom: 15px;}
-        .detail-view p { margin-bottom: 10px; line-height: 1.6; font-size: 16px; color: var(--tg-theme-text-color); }
-        .detail-view strong { font-weight: 600; color: var(--tg-theme-section-header-text-color); }
-        .detail-view a { color: var(--tg-theme-link-color); text-decoration: none; }
-        .detail-view a:hover { text-decoration: underline; }
-        .detail-view .meta { font-size: 13px; color: var(--tg-theme-hint-color); margin-top: 15px; }
-
-        .action-buttons { margin-top: 25px; display: flex; gap: 12px; }
-        .action-buttons button {
-            flex-grow: 1;
+        .loading, .empty-state { text-align: center; padding: 50px 15px; color: var(--tg-theme-hint-color); font-size: 16px; }
+        .error-message { color: var(--tg-theme-destructive-text-color); font-size: 14px; margin-top: 8px; text-align: center; }
+        .owner-actions { margin-top: 25px; padding-top: 15px; border-top: 1px solid var(--tg-theme-secondary-bg-color); }
+        .button-destructive {
+            display: block;
+            width: 100%;
             padding: 12px 15px;
+            background-color: var(--tg-theme-destructive-text-color);
+            color: white;
+            border: none;
             border-radius: 8px;
             font-size: 16px;
             font-weight: 500;
+            text-align: center;
             cursor: pointer;
-            border: none;
-            transition: background-color 0.2s, transform 0.1s;
-            -webkit-tap-highlight-color: transparent;
+            transition: background-color 0.2s;
         }
-        .action-buttons button:active { transform: scale(0.98); }
-        .button-edit { background-color: var(--tg-theme-button-color); color: var(--tg-theme-button-text-color); }
-        .button-delete { background-color: var(--tg-theme-destructive-text-color); color: var(--tg-theme-button-text-color); }
-        
-        .loading, .empty-state { text-align: center; padding: 50px 15px; color: var(--tg-theme-hint-color); font-size: 16px; }
-        .error-message { color: var(--tg-theme-destructive-text-color); font-size: 14px; margin-top: 10px; text-align: center;}
+        .button-destructive:active { background-color: color-mix(in srgb, var(--tg-theme-destructive-text-color), #000000 20%); }
     </style>
 </head>
 <body>
     <div class="app-container">
-        <div class="app-header">
-            <div class="app-header-title">TonTalent</div>
-        </div>
-        <div class="profile-header">
-            <img id="userAvatar" src="#" alt="User Avatar" style="display: none;">
-            <div>
-                <span id="profileName">Loading...</span>
-                <span id="profileUsername"></span>
-            </div>
-        </div>
+        <div class="header">TonTalent</div>
+        <div class="user-info" id="userInfo"><span class="placeholder">Loading user...</span></div>
         <div class="tabs">
-            <button class="tab-button active" data-tab="resumes">Resumes</button>
-            <button class="tab-button" data-tab="vacancies">Vacancies</button>
-            <button class="tab-button" data-tab="freelance_offers">Freelance</button>
+            <button class="tab-button active" data-tab="resumes">
+                <svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
+                Resumes
+            </button>
+            <button class="tab-button" data-tab="vacancies">
+                <svg viewBox="0 0 24 24"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z"/></svg>
+                Vacancies
+            </button>
+            <button class="tab-button" data-tab="freelance_offers">
+                <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v2h-2zm0 4h2v6h-2z"/></svg>
+                Freelance
+            </button>
         </div>
         <div class="content" id="mainContent">
             <div class="loading">Loading content...</div>
         </div>
-        <button class="fab" id="fabButton" title="Add New Item">+</button>
+        <button class="fab" id="fabButton" title="Add New Item">
+            <svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+        </button>
     </div>
 
     <script>
@@ -399,26 +394,27 @@ MAIN_APP_TEMPLATE = '''
         let currentUser = null;
         let currentView = 'resumes';
         let currentItem = null;
-
-        let touchstartX = 0;
-        let touchendX = 0;
-        const swipeThreshold = 75; 
-        const mainContentEl = document.getElementById('mainContent');
+        const tabOrder = ['resumes', 'vacancies', 'freelance_offers'];
 
         function applyThemeParams() {
             const root = document.documentElement;
-            root.style.setProperty('--tg-theme-bg-color', tg.themeParams.bg_color || '#ffffff');
-            root.style.setProperty('--tg-theme-text-color', tg.themeParams.text_color || '#000000');
-            root.style.setProperty('--tg-theme-hint-color', tg.themeParams.hint_color || '#999999');
-            root.style.setProperty('--tg-theme-link-color', tg.themeParams.link_color || '#007aff');
-            root.style.setProperty('--tg-theme-button-color', tg.themeParams.button_color || '#007aff');
-            root.style.setProperty('--tg-theme-button-text-color', tg.themeParams.button_text_color || '#ffffff');
-            root.style.setProperty('--tg-theme-secondary-bg-color', tg.themeParams.secondary_bg_color || '#f0f0f0');
-            root.style.setProperty('--tg-theme-header-bg-color', tg.themeParams.header_bg_color || tg.themeParams.secondary_bg_color || '#efeff4');
-            root.style.setProperty('--tg-theme-section-bg-color', tg.themeParams.section_bg_color || tg.themeParams.bg_color || '#ffffff');
-            root.style.setProperty('--tg-theme-section-header-text-color', tg.themeParams.section_header_text_color || tg.themeParams.hint_color || '#8e8e93');
-            root.style.setProperty('--tg-theme-destructive-text-color', tg.themeParams.destructive_text_color || '#ff3b30');
-            root.style.setProperty('--tg-theme-accent-text-color', tg.themeParams.accent_text_color || tg.themeParams.link_color || '#007aff');
+            const themeParams = tg.themeParams;
+            root.style.setProperty('--tg-theme-bg-color', themeParams.bg_color || '#ffffff');
+            root.style.setProperty('--tg-theme-text-color', themeParams.text_color || '#000000');
+            root.style.setProperty('--tg-theme-hint-color', themeParams.hint_color || '#999999');
+            root.style.setProperty('--tg-theme-link-color', themeParams.link_color || '#007aff');
+            root.style.setProperty('--tg-theme-button-color', themeParams.button_color || '#007aff');
+            root.style.setProperty('--tg-theme-button-text-color', themeParams.button_text_color || '#ffffff');
+            root.style.setProperty('--tg-theme-secondary-bg-color', themeParams.secondary_bg_color || '#f0f0f0');
+            root.style.setProperty('--tg-theme-header-bg-color', themeParams.header_bg_color || themeParams.secondary_bg_color || '#efeff4');
+            root.style.setProperty('--tg-theme-section-bg-color', themeParams.section_bg_color || themeParams.bg_color || '#ffffff');
+            root.style.setProperty('--tg-theme-section-header-text-color', themeParams.section_header_text_color || themeParams.hint_color || '#8e8e93');
+            root.style.setProperty('--tg-theme-destructive-text-color', themeParams.destructive_text_color || '#ff3b30');
+            root.style.setProperty('--tg-theme-accent-text-color', themeParams.accent_text_color || themeParams.link_color || '#007aff');
+            
+            if (themeParams.bg_color) {
+                 tg.setHeaderColor(themeParams.header_bg_color || themeParams.secondary_bg_color || '#efeff4');
+            }
         }
         
         async function apiCall(endpoint, method = 'GET', body = null) {
@@ -428,23 +424,28 @@ MAIN_APP_TEMPLATE = '''
             }
             const options = { method, headers };
             if (body) options.body = JSON.stringify(body);
+            
+            tg.MainButton.showProgress(false);
             try {
                 const response = await fetch(endpoint, options);
                 if (!response.ok) {
-                    const errorData = await response.json().catch(() => ({ error: 'Request failed with status: ' + response.status }));
+                    const errorData = await response.json().catch(() => ({ error: 'Request failed, server might be unavailable.' }));
                     throw new Error(errorData.error || `HTTP error ${response.status}`);
                 }
                 return response.json();
             } catch (error) {
                 console.error('API Call Error:', error);
                 tg.showAlert(error.message || 'An API error occurred.');
+                tg.HapticFeedback.notificationOccurred('error');
                 throw error;
+            } finally {
+                tg.MainButton.hideProgress();
             }
         }
 
         function renderList(items, type) {
             const contentDiv = document.getElementById('mainContent');
-            contentDiv.classList.remove('loading-state');
+            contentDiv.scrollTop = 0; 
             if (!items || items.length === 0) {
                 contentDiv.innerHTML = `<div class="empty-state">No ${type} found. Be the first to add one!</div>`;
                 return;
@@ -460,151 +461,198 @@ MAIN_APP_TEMPLATE = '''
         }
 
         function showDetailView(type, id) {
+            tg.HapticFeedback.impactOccurred('light');
             tg.BackButton.show();
             tg.BackButton.onClick(() => {
                 loadView(type);
-                tg.HapticFeedback.selectionChanged();
+                tg.HapticFeedback.impactOccurred('light');
             });
             tg.MainButton.hide();
             document.getElementById('fabButton').style.display = 'none';
-            mainContentEl.classList.add('loading-state');
 
             apiCall(`/api/${type}/${id}`)
                 .then(item => {
                     currentItem = item;
-                    mainContentEl.classList.remove('loading-state');
                     const contentDiv = document.getElementById('mainContent');
+                    contentDiv.scrollTop = 0;
                     let detailsHtml = `<div class="detail-view"><h2>${item.title || item.name}</h2>`;
-                    
-                    const formatText = (text) => text ? String(text).replace(/\\n/g, '<br>').replace(/\n/g, '<br>') : 'N/A';
-
                     if (type === 'resumes') {
                         detailsHtml += `
-                            <p><strong>Skills:</strong> ${formatText(item.skills)}</p>
-                            <p><strong>Experience:</strong><br>${formatText(item.experience)}</p>
-                            <p><strong>Education:</strong><br>${formatText(item.education)}</p>
+                            <p><strong>Skills:</strong> ${item.skills || 'N/A'}</p>
+                            <p><strong>Experience:</strong><br>${item.experience ? item.experience.replace(/\n/g, '<br>') : 'N/A'}</p>
+                            <p><strong>Education:</strong><br>${item.education ? item.education.replace(/\n/g, '<br>') : 'N/A'}</p>
                             <p><strong>Contact:</strong> ${item.contact || `@${item.user_telegram_username}`}</p>
-                            ${item.portfolio_link ? `<p><strong>Portfolio:</strong> <a href="${item.portfolio_link}" target="_blank" rel="noopener noreferrer">${item.portfolio_link}</a></p>` : ''}
+                            ${item.portfolio_link ? `<p><strong>Portfolio:</strong> <a href="${item.portfolio_link}" target="_blank" style="color: var(--tg-theme-link-color);">${item.portfolio_link}</a></p>` : ''}
                         `;
                     } else if (type === 'vacancies') {
                         detailsHtml += `
                             <p><strong>Company:</strong> ${item.company_name || 'N/A'}</p>
-                            <p><strong>Description:</strong><br>${formatText(item.description)}</p>
-                            <p><strong>Requirements:</strong><br>${formatText(item.requirements)}</p>
+                            <p><strong>Description:</strong><br>${item.description ? item.description.replace(/\n/g, '<br>') : 'N/A'}</p>
+                            <p><strong>Requirements:</strong><br>${item.requirements ? item.requirements.replace(/\n/g, '<br>') : 'N/A'}</p>
                             <p><strong>Salary:</strong> ${item.salary || 'N/A'}</p>
                             <p><strong>Location:</strong> ${item.location || 'N/A'}</p>
-                            <p><strong>Contact/Apply:</strong> ${formatText(item.contact) || `@${item.user_telegram_username}`}</p>
+                            <p><strong>Contact/Apply:</strong> ${item.contact || `@${item.user_telegram_username}`}</p>
                         `;
                     } else if (type === 'freelance_offers') {
                         detailsHtml += `
-                            <p><strong>Description:</strong><br>${formatText(item.description)}</p>
+                            <p><strong>Description:</strong><br>${item.description ? item.description.replace(/\n/g, '<br>') : 'N/A'}</p>
                             <p><strong>Budget:</strong> ${item.budget || 'N/A'}</p>
                             <p><strong>Deadline:</strong> ${item.deadline || 'N/A'}</p>
-                            <p><strong>Skills Needed:</strong> ${formatText(item.skills_needed)}</p>
+                            <p><strong>Skills Needed:</strong> ${item.skills_needed || 'N/A'}</p>
                             <p><strong>Contact:</strong> ${item.contact || `@${item.user_telegram_username}`}</p>
                         `;
                     }
-                    detailsHtml += `<p class="meta">Posted by: @${item.user_telegram_username || 'anonymous'} on ${new Date(item.timestamp).toLocaleDateString()}</p>`;
+                    detailsHtml += `<p class="meta-detail">Posted by: @${item.user_telegram_username || 'anonymous'} on ${new Date(item.timestamp).toLocaleDateString()}</p>`;
                     
-                    let actionButtonsHtml = '';
                     if (currentUser && item.user_id === String(currentUser.id)) {
-                        actionButtonsHtml = `
-                            <div class="action-buttons">
-                                <button class="button-edit" onclick="handleEditItem('${type}', '${item.id}')">Edit</button>
-                                <button class="button-delete" onclick="handleDeleteItemPrompt('${type}', '${item.id}')">Delete</button>
+                        detailsHtml += `
+                            <div class="owner-actions">
+                                <button id="deleteItemButton" class="button-destructive">Delete Post</button>
                             </div>
                         `;
+                        tg.MainButton.setText('Edit My Post');
+                        tg.MainButton.onClick(() => {
+                            showForm(type, item);
+                            tg.HapticFeedback.impactOccurred('light');
+                        });
+                        tg.MainButton.show();
                     }
-                    detailsHtml += actionButtonsHtml;
                     detailsHtml += `</div>`;
                     contentDiv.innerHTML = detailsHtml;
+
+                    if (currentUser && item.user_id === String(currentUser.id)) {
+                        document.getElementById('deleteItemButton')?.addEventListener('click', () => confirmDeleteItem(type, item.id));
+                    }
                 })
                 .catch(err => {
-                    mainContentEl.classList.remove('loading-state');
                     document.getElementById('mainContent').innerHTML = `<div class="empty-state">Error loading details. Please try again.</div>`;
                 });
         }
-        
-        function handleEditItem(type, id) {
-            tg.HapticFeedback.impactOccurred('light');
-            if (currentItem && currentItem.id === id) {
-                showForm(type, currentItem);
-            } else {
-                apiCall(`/api/${type}/${id}`).then(itemData => {
-                    currentItem = itemData; 
-                    showForm(type, itemData);
-                }).catch(err => tg.showAlert('Could not load item for editing.'));
-            }
-        }
 
-        function handleDeleteItemPrompt(type, id) {
-            tg.HapticFeedback.impactOccurred('light');
-            tg.showConfirm(`Are you sure you want to delete this ${type.slice(0,-1)}? This action cannot be undone.`, (confirmed) => {
+        function confirmDeleteItem(type, itemId) {
+            tg.HapticFeedback.impactOccurred('medium');
+            tg.showConfirm("Are you sure you want to delete this post? This action cannot be undone.", (confirmed) => {
                 if (confirmed) {
-                    tg.HapticFeedback.impactOccurred('heavy');
-                    actuallyDeleteItem(type, id);
+                    tg.HapticFeedback.impactOccurred('light');
+                    apiCall(`/api/${type}/${itemId}`, 'DELETE')
+                        .then(() => {
+                            tg.HapticFeedback.notificationOccurred('success');
+                            tg.showAlert('Post deleted successfully.');
+                            loadView(type);
+                        })
+                        .catch(err => {
+                             tg.HapticFeedback.notificationOccurred('error');
+                             tg.showAlert('Failed to delete post: ' + err.message);
+                        });
+                } else {
+                    tg.HapticFeedback.impactOccurred('light');
                 }
             });
         }
-
-        function actuallyDeleteItem(type, id) {
-            tg.MainButton.setText('Deleting...').showProgress().disable();
-            apiCall(`/api/${type}/${id}`, 'DELETE')
-                .then(response => {
-                    tg.MainButton.hideProgress().enable().hide();
-                    tg.HapticFeedback.notificationOccurred('success');
-                    tg.showAlert(response.message || `${type.slice(0,-1)} deleted successfully.`);
-                    loadView(type); 
-                })
-                .catch(err => {
-                    tg.MainButton.hideProgress().enable().hide();
-                    tg.HapticFeedback.notificationOccurred('error');
-                    tg.showAlert(err.message || `Failed to delete ${type.slice(0,-1)}.`);
-                });
-        }
-
+        
         function showForm(type, itemToEdit = null) {
+            tg.HapticFeedback.impactOccurred('light');
             currentItem = itemToEdit;
             tg.BackButton.show();
             tg.BackButton.onClick(() => {
-                tg.HapticFeedback.selectionChanged();
+                tg.HapticFeedback.impactOccurred('light');
                 if (itemToEdit) showDetailView(type, itemToEdit.id);
                 else loadView(type);
             });
             document.getElementById('fabButton').style.display = 'none';
-            mainContentEl.classList.remove('loading-state'); 
 
             const contentDiv = document.getElementById('mainContent');
-            let formHtml = `<div class="form-container"><h2>${itemToEdit ? 'Edit' : 'New'} ${type.slice(0, -1)}</h2>`;
+            contentDiv.scrollTop = 0;
+            let formHtml = `<div class="form-container"><h2>${itemToEdit ? 'Edit' : 'New'} ${type.charAt(0).toUpperCase() + type.slice(1, -1)}</h2>`;
             
             if (type === 'resumes') {
                 formHtml += `
-                    <div class="form-group"><label for="name">Full Name</label><input type="text" id="name" value="${itemToEdit?.name || ''}" required></div>
-                    <div class="form-group"><label for="title">Job Title / Desired Position</label><input type="text" id="title" value="${itemToEdit?.title || ''}" required></div>
-                    <div class="form-group"><label for="skills">Skills (comma separated)</label><textarea id="skills">${itemToEdit?.skills || ''}</textarea></div>
-                    <div class="form-group"><label for="experience">Experience</label><textarea id="experience">${itemToEdit?.experience || ''}</textarea></div>
-                    <div class="form-group"><label for="education">Education</label><textarea id="education">${itemToEdit?.education || ''}</textarea></div>
-                    <div class="form-group"><label for="contact">Contact Info (e.g., email, or leave blank to use Telegram)</label><input type="text" id="contact" value="${itemToEdit?.contact || ''}"></div>
-                    <div class="form-group"><label for="portfolio_link">Portfolio Link (optional)</label><input type="url" id="portfolio_link" value="${itemToEdit?.portfolio_link || ''}"></div>
+                    <div class="form-group">
+                        <label for="name">Full Name *</label>
+                        <input type="text" id="name" value="${itemToEdit?.name || ''}" required placeholder="e.g., John Doe">
+                    </div>
+                    <div class="form-group">
+                        <label for="title">Job Title / Desired Position *</label>
+                        <input type="text" id="title" value="${itemToEdit?.title || ''}" required placeholder="e.g., Software Engineer">
+                    </div>
+                    <div class="form-group">
+                        <label for="skills">Skills (comma separated)</label>
+                        <textarea id="skills" placeholder="e.g., Python, JavaScript, Project Management">${itemToEdit?.skills || ''}</textarea>
+                    </div>
+                    <div class="form-group">
+                        <label for="experience">Experience</label>
+                        <textarea id="experience" placeholder="Describe your work experience...">${itemToEdit?.experience || ''}</textarea>
+                    </div>
+                    <div class="form-group">
+                        <label for="education">Education</label>
+                        <textarea id="education" placeholder="Your educational background...">${itemToEdit?.education || ''}</textarea>
+                    </div>
+                    <div class="form-group">
+                        <label for="contact">Contact Info (email, etc. Optional - uses Telegram if blank)</label>
+                        <input type="text" id="contact" value="${itemToEdit?.contact || ''}" placeholder="e.g., mail@example.com">
+                    </div>
+                    <div class="form-group">
+                        <label for="portfolio_link">Portfolio Link (optional)</label>
+                        <input type="url" id="portfolio_link" value="${itemToEdit?.portfolio_link || ''}" placeholder="e.g., https://github.com/johndoe">
+                    </div>
                 `;
             } else if (type === 'vacancies') {
                 formHtml += `
-                    <div class="form-group"><label for="company_name">Company Name</label><input type="text" id="company_name" value="${itemToEdit?.company_name || ''}" required></div>
-                    <div class="form-group"><label for="title">Job Title</label><input type="text" id="title" value="${itemToEdit?.title || ''}" required></div>
-                    <div class="form-group"><label for="description">Description</label><textarea id="description">${itemToEdit?.description || ''}</textarea></div>
-                    <div class="form-group"><label for="requirements">Requirements</label><textarea id="requirements">${itemToEdit?.requirements || ''}</textarea></div>
-                    <div class="form-group"><label for="salary">Salary/Compensation</label><input type="text" id="salary" value="${itemToEdit?.salary || ''}"></div>
-                    <div class="form-group"><label for="location">Location (e.g., Remote, City)</label><input type="text" id="location" value="${itemToEdit?.location || ''}"></div>
-                    <div class="form-group"><label for="contact">Contact Info / How to Apply</label><textarea id="contact">${itemToEdit?.contact || ''}</textarea></div>
+                    <div class="form-group">
+                        <label for="company_name">Company Name *</label>
+                        <input type="text" id="company_name" value="${itemToEdit?.company_name || ''}" required placeholder="e.g., Tech Solutions Inc.">
+                    </div>
+                    <div class="form-group">
+                        <label for="title">Job Title *</label>
+                        <input type="text" id="title" value="${itemToEdit?.title || ''}" required placeholder="e.g., Marketing Manager">
+                    </div>
+                    <div class="form-group">
+                        <label for="description">Description</label>
+                        <textarea id="description" placeholder="Job details, responsibilities...">${itemToEdit?.description || ''}</textarea>
+                    </div>
+                    <div class="form-group">
+                        <label for="requirements">Requirements</label>
+                        <textarea id="requirements" placeholder="Required skills and qualifications...">${itemToEdit?.requirements || ''}</textarea>
+                    </div>
+                    <div class="form-group">
+                        <label for="salary">Salary/Compensation</label>
+                        <input type="text" id="salary" value="${itemToEdit?.salary || ''}" placeholder="e.g., $5000/month or Competitive">
+                    </div>
+                    <div class="form-group">
+                        <label for="location">Location</label>
+                        <input type="text" id="location" value="${itemToEdit?.location || ''}" placeholder="e.g., Remote, New York">
+                    </div>
+                    <div class="form-group">
+                        <label for="contact">Contact Info / How to Apply</label>
+                        <textarea id="contact" placeholder="e.g., Apply via email@company.com or link">${itemToEdit?.contact || ''}</textarea>
+                    </div>
                 `;
             } else if (type === 'freelance_offers') {
                 formHtml += `
-                    <div class="form-group"><label for="title">Project Title</label><input type="text" id="title" value="${itemToEdit?.title || ''}" required></div>
-                    <div class="form-group"><label for="description">Description of Work</label><textarea id="description">${itemToEdit?.description || ''}</textarea></div>
-                    <div class="form-group"><label for="budget">Budget</label><input type="text" id="budget" value="${itemToEdit?.budget || ''}"></div>
-                    <div class="form-group"><label for="deadline">Expected Deadline</label><input type="text" id="deadline" value="${itemToEdit?.deadline || ''}"></div>
-                    <div class="form-group"><label for="skills_needed">Skills Needed (comma separated)</label><textarea id="skills_needed">${itemToEdit?.skills_needed || ''}</textarea></div>
-                    <div class="form-group"><label for="contact">Contact Info (or leave blank to use Telegram)</label><input type="text" id="contact" value="${itemToEdit?.contact || ''}"></div>
+                    <div class="form-group">
+                        <label for="title">Project Title *</label>
+                        <input type="text" id="title" value="${itemToEdit?.title || ''}" required placeholder="e.g., Design a new logo">
+                    </div>
+                    <div class="form-group">
+                        <label for="description">Description of Work</label>
+                        <textarea id="description" placeholder="Detailed project scope...">${itemToEdit?.description || ''}</textarea>
+                    </div>
+                    <div class="form-group">
+                        <label for="budget">Budget</label>
+                        <input type="text" id="budget" value="${itemToEdit?.budget || ''}" placeholder="e.g., $500 or Negotiable">
+                    </div>
+                    <div class="form-group">
+                        <label for="deadline">Expected Deadline</label>
+                        <input type="text" id="deadline" value="${itemToEdit?.deadline || ''}" placeholder="e.g., 2 weeks or 2024-12-31">
+                    </div>
+                    <div class="form-group">
+                        <label for="skills_needed">Skills Needed (comma separated)</label>
+                        <textarea id="skills_needed" placeholder="e.g., Graphic Design, Adobe Illustrator">${itemToEdit?.skills_needed || ''}</textarea>
+                    </div>
+                     <div class="form-group">
+                        <label for="contact">Contact Info (Optional - uses Telegram if blank)</label>
+                        <input type="text" id="contact" value="${itemToEdit?.contact || ''}" placeholder="e.g., project@example.com">
+                    </div>
                 `;
             }
             formHtml += `<div id="formError" class="error-message"></div></div>`;
@@ -649,12 +697,12 @@ MAIN_APP_TEMPLATE = '''
             }
 
             if (!isValid) {
-                document.getElementById('formError').textContent = 'Please fill in all required fields.';
+                document.getElementById('formError').textContent = 'Please fill in all required fields (marked with *).';
                 tg.HapticFeedback.notificationOccurred('error');
                 return;
             }
             
-            tg.MainButton.showProgress().disable();
+            tg.MainButton.showProgress();
 
             const method = itemId ? 'PUT' : 'POST';
             const endpoint = itemId ? `/api/${type}/${itemId}` : `/api/${type}`;
@@ -662,59 +710,85 @@ MAIN_APP_TEMPLATE = '''
             apiCall(endpoint, method, payload)
                 .then(response => {
                     tg.HapticFeedback.notificationOccurred('success');
-                    tg.MainButton.hideProgress().enable();
+                    tg.MainButton.hideProgress();
                     loadView(type); 
+                    tg.showAlert(itemId ? 'Successfully updated!' : 'Successfully posted!');
                 })
                 .catch(err => {
                     tg.HapticFeedback.notificationOccurred('error');
-                    tg.MainButton.hideProgress().enable();
-                    document.getElementById('formError').textContent = err.message || 'Failed to submit.';
+                    tg.MainButton.hideProgress();
+                    document.getElementById('formError').textContent = err.message || 'Failed to submit. Please try again.';
                 });
         }
 
-        function loadView(tabName) {
+        function loadView(tabName, noHaptic = false) {
             currentView = tabName;
             document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('active'));
-            document.querySelector(`.tab-button[data-tab="${tabName}"]`).classList.add('active');
+            const activeTabButton = document.querySelector(`.tab-button[data-tab="${tabName}"]`);
+            if (activeTabButton) activeTabButton.classList.add('active');
             
-            mainContentEl.innerHTML = `<div class="loading">Loading ${tabName}...</div>`;
-            mainContentEl.classList.add('loading-state');
+            if (!noHaptic) tg.HapticFeedback.selectionChanged();
+            
+            const contentDiv = document.getElementById('mainContent');
+            contentDiv.innerHTML = `<div class="loading">Loading ${tabName}...</div>`;
+            contentDiv.scrollTop = 0;
             tg.BackButton.hide();
             tg.MainButton.hide();
             document.getElementById('fabButton').style.display = 'block';
+            document.getElementById('fabButton').innerHTML = '<svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>';
+
 
             apiCall(`/api/${tabName}`)
                 .then(data => renderList(data, tabName))
                 .catch(err => {
-                    mainContentEl.classList.remove('loading-state');
-                    mainContentEl.innerHTML = `<div class="empty-state">Error loading ${tabName}. Please try again.</div>`;
+                    document.getElementById('mainContent').innerHTML = `<div class="empty-state">Error loading ${tabName}. Please check your connection and try again.</div>`;
                 });
         }
         
-        mainContentEl.addEventListener('touchstart', function(event) {
-            touchstartX = event.changedTouches[0].screenX;
-        }, { passive: true });
-
-        mainContentEl.addEventListener('touchend', function(event) {
-            touchendX = event.changedTouches[0].screenX;
-            handleSwipeGesture();
-        }, { passive: true });
-
-        function handleSwipeGesture() {
-            const tabs = ['resumes', 'vacancies', 'freelance_offers'];
-            const currentIndex = tabs.indexOf(currentView);
-            let direction = 0;
-
-            if (touchendX < touchstartX - swipeThreshold) { direction = 1; } // Swiped left
-            if (touchendX > touchstartX + swipeThreshold) { direction = -1; } // Swiped right
+        let touchStartX = 0;
+        let touchEndX = 0;
+        const swipeThreshold = 50;
+
+        function handleTouchStart(event) {
+            if (event.touches.length === 1) {
+                touchStartX = event.touches[0].clientX;
+            }
+        }
+
+        function handleTouchMove(event) {
+            if (event.touches.length === 1) {
+                touchEndX = event.touches[0].clientX;
+            }
+        }
+
+        function handleTouchEnd() {
+            if (touchStartX === 0 || touchEndX === 0) return; 
             
-            if (direction !== 0) {
-                const nextIndex = currentIndex + direction;
-                if (nextIndex >= 0 && nextIndex < tabs.length) {
-                    loadView(tabs[nextIndex]);
-                    tg.HapticFeedback.selectionChanged();
+            const diffX = touchStartX - touchEndX;
+            const mainContent = document.getElementById('mainContent');
+            const isFormOrDetailActive = mainContent.querySelector('.form-container') || mainContent.querySelector('.detail-view');
+
+            if (isFormOrDetailActive) { // Disable swipe on form/detail for now
+                touchStartX = 0;
+                touchEndX = 0;
+                return;
+            }
+
+
+            if (Math.abs(diffX) > swipeThreshold) {
+                const currentIndex = tabOrder.indexOf(currentView);
+                if (diffX > 0) { // Swiped left
+                    if (currentIndex < tabOrder.length - 1) {
+                        loadView(tabOrder[currentIndex + 1]);
+                    }
+                } else { // Swiped right
+                    if (currentIndex > 0) {
+                        loadView(tabOrder[currentIndex - 1]);
+                    }
                 }
             }
+            touchStartX = 0;
+            touchEndX = 0;
         }
 
         async function init() {
@@ -723,52 +797,44 @@ MAIN_APP_TEMPLATE = '''
             tg.onEvent('themeChanged', applyThemeParams);
             tg.expand();
             tg.enableClosingConfirmation();
-            tg.setHeaderColor(tg.themeParams.secondary_bg_color || '#f0f0f0');
 
-
-            const profileNameEl = document.getElementById('profileName');
-            const profileUsernameEl = document.getElementById('profileUsername');
-            const userAvatarEl = document.getElementById('userAvatar');
+            const userInfoDiv = document.getElementById('userInfo');
+            const defaultUserText = `Welcome, ${tg.initDataUnsafe.user?.first_name || 'User'}! (@${tg.initDataUnsafe.user?.username || 'anonymous'})`;
+            let avatarHtml = tg.initDataUnsafe.user?.photo_url ? `<img src="${tg.initDataUnsafe.user.photo_url}" alt="avatar">` : '<div style="width:36px; height:36px; border-radius:50%; background-color:var(--tg-theme-hint-color); margin-right:10px; display:flex; align-items:center; justify-content:center; font-size:18px; color:var(--tg-theme-button-text-color);">${(tg.initDataUnsafe.user?.first_name || "U").charAt(0)}</div>';
+            userInfoDiv.innerHTML = `${avatarHtml}<span>${defaultUserText}</span>`;
             
             try {
                 const authResponse = await apiCall('/api/auth_user', 'POST', { init_data: tg.initData });
                 currentUser = authResponse.user;
                 if (currentUser) {
-                    profileNameEl.textContent = `${currentUser.first_name || ''} ${currentUser.last_name || ''}`.trim() || 'User';
-                    if (currentUser.username) profileUsernameEl.textContent = `@${currentUser.username}`;
-                    else profileUsernameEl.textContent = 'Authenticated';
-                    
-                    if (currentUser.photo_url) {
-                        userAvatarEl.src = currentUser.photo_url;
-                        userAvatarEl.style.display = 'block';
-                        userAvatarEl.onerror = () => { userAvatarEl.style.display = 'none'; };
-                    } else { userAvatarEl.style.display = 'none'; }
-                } else { throw new Error("No user data from auth"); }
+                     let userDisplayName = currentUser.first_name;
+                     if (currentUser.last_name) userDisplayName += ` ${currentUser.last_name}`;
+                     const avatar = currentUser.photo_url ? `<img src="${currentUser.photo_url}" alt="avatar">` : `<div style="width:36px; height:36px; border-radius:50%; background-color:var(--tg-theme-hint-color); margin-right:10px; display:flex; align-items:center; justify-content:center; font-size:18px; color:var(--tg-theme-button-text-color);">${(currentUser.first_name || "U").charAt(0)}</div>`;
+                     userInfoDiv.innerHTML = `${avatar}<span>${userDisplayName} (@${currentUser.username || 'id'+currentUser.id})</span>`;
+                }
             } catch (error) {
                 console.error("Auth error:", error);
-                const unsafeUser = tg.initDataUnsafe.user;
-                profileNameEl.textContent = `${unsafeUser?.first_name || ''} ${unsafeUser?.last_name || ''}`.trim() || 'User';
-                if (unsafeUser?.username) profileUsernameEl.textContent = `@${unsafeUser.username}`;
-                else profileUsernameEl.textContent = 'Guest (Limited Access)';
-                userAvatarEl.style.display = 'none';
-                if (error.message !== "No user data from auth") { // Avoid double alert if it's just missing data
-                    tg.showAlert("Authentication with the server failed. Some features might be limited.");
-                }
+                 userInfoDiv.innerHTML = `${avatarHtml}<span>Auth failed. Limited functionality.</span>`;
+                tg.showAlert("Authentication with the server failed. Some features might not work correctly.");
             }
 
+
             document.querySelectorAll('.tab-button').forEach(button => {
-                button.addEventListener('click', () => {
-                    loadView(button.dataset.tab);
-                    tg.HapticFeedback.selectionChanged();
-                });
+                button.addEventListener('click', () => loadView(button.dataset.tab));
             });
             document.getElementById('fabButton').addEventListener('click', () => {
                 showForm(currentView);
                 tg.HapticFeedback.impactOccurred('medium');
             });
             
-            loadView('resumes');
+            const mainContentEl = document.getElementById('mainContent');
+            mainContentEl.addEventListener('touchstart', handleTouchStart, { passive: true });
+            mainContentEl.addEventListener('touchmove', handleTouchMove, { passive: true });
+            mainContentEl.addEventListener('touchend', handleTouchEnd, { passive: true });
+
+            loadView('resumes', true); // Initial load without haptic
         }
+
         init();
     </script>
 </body>
@@ -900,28 +966,31 @@ def auth_user():
         else:
             return jsonify({"error": "Authentication data not provided"}), 401
 
-    is_valid, user_data_from_auth = verify_telegram_auth_data(auth_data_str, TELEGRAM_BOT_TOKEN)
+    is_valid, user_data_from_tg = verify_telegram_auth_data(auth_data_str, TELEGRAM_BOT_TOKEN)
 
-    if not is_valid or not user_data_from_auth:
+    if not is_valid or not user_data_from_tg:
         return jsonify({"error": "Invalid authentication data"}), 403
 
     data = load_data()
     users = data.get('users', {})
-    user_id_str = str(user_data_from_auth.get('id'))
+    user_id_str = str(user_data_from_tg.get('id'))
 
     if user_id_str not in users:
         users[user_id_str] = {
-            'id': user_data_from_auth.get('id'), # This is an int
-            'first_name': user_data_from_auth.get('first_name'),
-            'last_name': user_data_from_auth.get('last_name'),
-            'username': user_data_from_auth.get('username'),
-            'language_code': user_data_from_auth.get('language_code'),
-            'photo_url': user_data_from_auth.get('photo_url'),
+            'id': user_data_from_tg.get('id'),
+            'first_name': user_data_from_tg.get('first_name'),
+            'last_name': user_data_from_tg.get('last_name'),
+            'username': user_data_from_tg.get('username'),
+            'language_code': user_data_from_tg.get('language_code'),
+            'photo_url': user_data_from_tg.get('photo_url'),
             'first_seen': datetime.now().isoformat()
         }
     users[user_id_str]['last_seen'] = datetime.now().isoformat()
-    if user_data_from_auth.get('photo_url'): # Update photo_url if changed
-         users[user_id_str]['photo_url'] = user_data_from_auth.get('photo_url')
+    users[user_id_str]['first_name'] = user_data_from_tg.get('first_name', users[user_id_str].get('first_name'))
+    users[user_id_str]['last_name'] = user_data_from_tg.get('last_name', users[user_id_str].get('last_name'))
+    users[user_id_str]['username'] = user_data_from_tg.get('username', users[user_id_str].get('username'))
+    users[user_id_str]['photo_url'] = user_data_from_tg.get('photo_url', users[user_id_str].get('photo_url'))
+    
     data['users'] = users
     save_data(data)
     
@@ -933,7 +1002,7 @@ def get_authenticated_user(request_headers):
         return None
     is_valid, user_data = verify_telegram_auth_data(auth_data_str, TELEGRAM_BOT_TOKEN)
     if is_valid and user_data:
-        return user_data # user_data['id'] is an int here
+        return user_data
     return None
 
 @app.route('/api/<item_type>', methods=['GET'])
@@ -956,7 +1025,7 @@ def get_item(item_type, item_id):
 
 @app.route('/api/<item_type>', methods=['POST'])
 def create_item(item_type):
-    user = get_authenticated_user(request.headers) # user['id'] is int
+    user = get_authenticated_user(request.headers)
     if not user:
         return jsonify({"error": "Authentication required"}), 401
 
@@ -969,7 +1038,7 @@ def create_item(item_type):
 
     new_item = {
         "id": str(uuid.uuid4()),
-        "user_id": str(user.get('id')), # Store as string
+        "user_id": str(user.get('id')),
         "user_telegram_username": user.get('username', 'unknown'),
         "timestamp": datetime.now().isoformat(),
     }
@@ -1011,7 +1080,7 @@ def create_item(item_type):
 
 @app.route('/api/<item_type>/<item_id>', methods=['PUT'])
 def update_item(item_type, item_id):
-    user = get_authenticated_user(request.headers) # user['id'] is int
+    user = get_authenticated_user(request.headers)
     if not user: return jsonify({"error": "Authentication required"}), 401
 
     if item_type not in ['resumes', 'vacancies', 'freelance_offers']:
@@ -1031,14 +1100,16 @@ def update_item(item_type, item_id):
     if item_index == -1: return jsonify({"error": "Item not found"}), 404
     
     original_item = items_list[item_index]
-    # original_item['user_id'] is string, user.get('id') is int
-    if original_item.get('user_id') != str(user.get('id')):
+    if str(original_item.get('user_id')) != str(user.get('id')):
         return jsonify({"error": "Forbidden: You can only edit your own items"}), 403
 
     updated_item = original_item.copy()
     updated_item['updated_timestamp'] = datetime.now().isoformat()
 
     if item_type == 'resumes':
+        required_fields = ['name', 'title']
+        for field in required_fields:
+            if not req_data.get(field): return jsonify({"error": f"Missing field: {field} in update"}), 400
         updated_item.update({
             "name": req_data.get('name', original_item.get('name')), 
             "title": req_data.get('title', original_item.get('title')),
@@ -1049,6 +1120,9 @@ def update_item(item_type, item_id):
             "portfolio_link": req_data.get('portfolio_link', original_item.get('portfolio_link'))
         })
     elif item_type == 'vacancies':
+        required_fields = ['company_name', 'title']
+        for field in required_fields:
+            if not req_data.get(field): return jsonify({"error": f"Missing field: {field} in update"}), 400
         updated_item.update({
             "company_name": req_data.get('company_name', original_item.get('company_name')), 
             "title": req_data.get('title', original_item.get('title')),
@@ -1059,7 +1133,10 @@ def update_item(item_type, item_id):
             "contact": req_data.get('contact', original_item.get('contact'))
         })
     elif item_type == 'freelance_offers':
-         updated_item.update({
+        required_fields = ['title']
+        for field in required_fields:
+            if not req_data.get(field): return jsonify({"error": f"Missing field: {field} in update"}), 400
+        updated_item.update({
             "title": req_data.get('title', original_item.get('title')), 
             "description": req_data.get('description', original_item.get('description')),
             "budget": req_data.get('budget', original_item.get('budget')), 
@@ -1074,7 +1151,7 @@ def update_item(item_type, item_id):
 
 @app.route('/api/<item_type>/<item_id>', methods=['DELETE'])
 def delete_item(item_type, item_id):
-    user = get_authenticated_user(request.headers) # user['id'] is int
+    user = get_authenticated_user(request.headers)
     if not user: return jsonify({"error": "Authentication required"}), 401
 
     if item_type not in ['resumes', 'vacancies', 'freelance_offers']:
@@ -1087,8 +1164,7 @@ def delete_item(item_type, item_id):
     item_to_delete = next((i for i in items_list if i['id'] == item_id), None)
     if not item_to_delete: return jsonify({"error": "Item not found"}), 404
 
-    # item_to_delete['user_id'] is string, user.get('id') is int
-    if item_to_delete.get('user_id') != str(user.get('id')):
+    if str(item_to_delete.get('user_id')) != str(user.get('id')):
         return jsonify({"error": "Forbidden: You can only delete your own items"}), 403
 
     data[item_type] = [i for i in items_list if i['id'] != item_id]