taskchef 7.11.1 → 7.12.0

package/.codex-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "taskchef",
-  "version": "7.11.1",
+  "version": "7.12.0",
   "description": "Dispatch work from a data-only workspace to visible Codex project tasks.",
   "author": {
     "name": "Favo Yang",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taskchef",
-  "version": "7.11.1",
+  "version": "7.12.0",
   "description": "A non-blocking interactive dispatcher for visible Codex tasks.",
   "license": "MIT",
   "author": "Favo Yang",

package/src/dashboard/index.html

@@ -29,12 +29,22 @@
 
     <main>
       <section class="toolbar" aria-label="Task filters">
-        <label>
-          Project
-          <select id="project-filter">
-            <option value="">All projects</option>
-          </select>
-        </label>
+        <div class="toolbar-primary">
+          <label>
+            Project
+            <select id="project-filter">
+              <option value="">All projects</option>
+            </select>
+          </label>
+          <label>
+            Updated
+            <select id="date-filter">
+              <option value="24h">Latest 24 hours</option>
+              <option value="7d">Latest 7 days</option>
+              <option value="all" selected>All time</option>
+            </select>
+          </label>
+        </div>
         <fieldset class="status-filter-fieldset">
           <legend>Status</legend>
           <div id="status-filter" class="status-filter-options">
@@ -60,14 +70,6 @@
             </label>
           </div>
         </fieldset>
-        <label>
-          Updated
-          <select id="date-filter">
-            <option value="24h">Latest 24 hours</option>
-            <option value="7d">Latest 7 days</option>
-            <option value="all" selected>All time</option>
-          </select>
-        </label>
         <p id="task-count" class="task-count" aria-live="polite"></p>
       </section>
 

package/src/dashboard/styles.css

@@ -62,15 +62,22 @@ h3 { margin-bottom: 8px; font-size: 0.84rem; letter-spacing: 0.08em; text-transf
 main { padding-block: 28px 80px; }
 
 .toolbar {
-  display: flex;
-  align-items: flex-end;
-  gap: 16px;
+  display: grid;
+  gap: 12px;
   margin-bottom: 22px;
 }
 
+.toolbar-primary {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(180px, 240px));
+  align-items: end;
+  gap: 16px;
+}
+
 label { display: grid; gap: 6px; color: var(--muted); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
 select { min-width: 180px; padding: 9px 34px 9px 11px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface); color: var(--text); }
-.status-filter-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
+.toolbar-primary select { width: 100%; }
+.status-filter-fieldset { width: 100%; min-width: 0; margin: 0; padding: 0; border: 0; }
 .status-filter-fieldset legend { margin-bottom: 6px; padding: 0; color: var(--muted); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
 .status-filter-options { display: flex; flex-wrap: wrap; gap: 6px; }
 .status-filter-option { position: relative; display: block; color: var(--text); font-size: 0.82rem; letter-spacing: 0; text-transform: none; cursor: pointer; }
@@ -79,7 +86,7 @@ select { min-width: 180px; padding: 9px 34px 9px 11px; border: 1px solid var(--b
 .status-filter-option:hover span { border-color: var(--accent); }
 .status-filter-option:has(input:checked) span { border-color: var(--accent); background: var(--accent); color: white; box-shadow: 0 1px 2px rgb(24 33 29 / 16%); }
 .status-filter-option:has(input:focus-visible) span { outline: 3px solid var(--accent); outline-offset: 3px; }
-.task-count { margin: 0 0 9px auto; color: var(--muted); font-size: 0.9rem; }
+.task-count { justify-self: end; margin: 0; color: var(--muted); font-size: 0.9rem; }
 
 .task-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
 .task-card { padding: 20px 22px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); box-shadow: 0 1px 0 rgb(0 0 0 / 2%); }
@@ -159,10 +166,10 @@ pre { max-height: 280px; margin: 0; padding: 14px; overflow: auto; border-radius
 @media (max-width: 650px) {
   .site-header { align-items: flex-start; padding-top: 32px; }
   .title-row { align-items: flex-start; }
-  .toolbar { align-items: stretch; flex-direction: column; }
-  .toolbar label, .toolbar select { width: 100%; }
+  .toolbar-primary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .toolbar-primary label, .toolbar-primary select { width: 100%; min-width: 0; }
   .toolbar .status-filter-option { width: auto; }
-  .task-count { margin: 0; }
+  .task-count { justify-self: start; }
   .task-heading { align-items: flex-start; }
   .task-footer { align-items: flex-start; flex-direction: column; }
   .task-open { align-self: flex-start; }
@@ -171,6 +178,10 @@ pre { max-height: 280px; margin: 0; padding: 14px; overflow: auto; border-radius
   .metadata dt { padding-bottom: 0; border-bottom: 0; }
 }
 
+@media (max-width: 480px) {
+  .toolbar-primary { grid-template-columns: minmax(0, 1fr); }
+}
+
 @media (prefers-color-scheme: dark) {
   :root {
     color-scheme: dark;