itismyskillmarket 1.3.22 → 1.3.23

package/dist/index.js

@@ -2151,7 +2151,9 @@ API_ROUTES.GET["/api/skills"] = async (_req, res, url) => {
     });
     const filteredTotal = skills.length;
     const totalPages = Math.ceil(filteredTotal / limit) || 1;
-    jsonResponse(res, 200, { skills, page, totalPages, total: filteredTotal, fetchErrors });
+    const start = (page - 1) * limit;
+    const pagedSkills = skills.slice(start, start + limit);
+    jsonResponse(res, 200, { skills: pagedSkills, page, totalPages, total: filteredTotal, fetchErrors });
   } catch (err) {
     jsonResponse(res, 500, {
       error: String(err),

package/gui/app.js

@@ -832,6 +832,12 @@ function renderPagination(currentPage, totalPages) {
   let html = `
     <button ${currentPage <= 1 ? 'disabled' : ''} onclick="changePage(${currentPage - 1})">${t('pagination.prev')}</button>
     <span class="page-info">${t('pagination.pageInfo', { page: currentPage, totalPages: totalPages })}</span>
+    <span class="page-jump">
+      <label>Go to</label>
+      <input type="number" id="page-jump-input" min="1" max="${totalPages}" value="${currentPage}"
+        onkeydown="if(event.key==='Enter')jumpToPage()">
+      <button onclick="jumpToPage()">Go</button>
+    </span>
     <button ${currentPage >= totalPages ? 'disabled' : ''} onclick="changePage(${currentPage + 1})">${t('pagination.next')}</button>
   `;
 
@@ -844,6 +850,17 @@ function changePage(page) {
   loadSkills();
 }
 
+function jumpToPage() {
+  const input = document.getElementById('page-jump-input');
+  if (!input) return;
+  const page = parseInt(input.value);
+  if (isNaN(page) || page < 1 || page > state.totalPages) {
+    input.value = state.currentPage;
+    return;
+  }
+  changePage(page);
+}
+
 // -----------------------------------------------------------------------------
 // Platforms
 // -----------------------------------------------------------------------------

package/gui/style.css

@@ -366,6 +366,54 @@ body {
   font-size: 0.85rem;
 }
 
+.pagination .page-jump {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--text-muted);
+  font-size: 0.85rem;
+}
+
+.pagination .page-jump input {
+  width: 50px;
+  padding: 5px 6px;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  color: var(--text-secondary);
+  border-radius: 4px;
+  font-size: 0.85rem;
+  text-align: center;
+}
+
+.pagination .page-jump input:focus {
+  outline: none;
+  border-color: var(--accent);
+}
+
+.pagination .page-jump button {
+  padding: 5px 10px;
+  background: var(--bg-card);
+  border: 1px solid var(--border-color);
+  color: var(--text-secondary);
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 0.8rem;
+}
+
+.pagination .page-jump button:hover {
+  background: var(--bg-hover);
+}
+
+/* Hide spinner for number input */
+.pagination .page-jump input::-webkit-outer-spin-button,
+.pagination .page-jump input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.pagination .page-jump input[type=number] {
+  -moz-appearance: textfield;
+}
+
 /* -----------------------------------------------------------------------------
    Skill 详情视图
    ----------------------------------------------------------------------------- */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itismyskillmarket",
-  "version": "1.3.22",
+  "version": "1.3.23",
   "description": "Cross-platform skill manager for AI coding tools",
   "type": "module",
   "bin": {