Blank root panel, asset form as a modal, and a dedicated Statuses page

- Main panel is now blank at the top level ("Select a folder or asset
  from the tree") instead of showing a dashboard - browsing happens in
  the tree, the panel only shows something once you click into it.
  Removed the now-dead DashboardStats/Stats() machinery it depended on.
- Add/Edit Asset no longer takes over the main panel; it opens in
  #assetModal instead; asset_form.html was trimmed down to just the form
  (no more breadcrumb/panel wrapper) since the modal chrome provides the
  title and footer buttons now. The dynamic item-type-fields and submit
  listeners moved from #main-panel's delegation to the modal element's.
- Statuses split out of the General settings page into its own
  /settings/statuses page and sub-nav entry, alongside General, Item
  Types, and Users.

web/static/js/app.js

@@ -14,7 +14,6 @@
   var mainPanel = document.getElementById('main-panel');
   var isAdmin = document.body.classList.contains('role-admin');
   var draggedNode = null;
-  var formReturnContext = { type: 'root', id: '' };
 
   // ---------------------------------------------------------------------
   // Generic helpers
@@ -514,33 +513,32 @@
   }
 
   // ---------------------------------------------------------------------
-  // Asset form (create / edit)
+  // Asset form (create / edit) - shown in a modal
   // ---------------------------------------------------------------------
 
+  var assetModalEl = document.getElementById('assetModal');
+  var assetModal = (assetModalEl && window.bootstrap) ? new bootstrap.Modal(assetModalEl) : null;
+
+  function showAssetModal(html) {
+    if (!assetModal) return;
+    document.getElementById('assetModalBody').innerHTML = html;
+    var form = document.getElementById('assetForm');
+    document.getElementById('assetModalTitle').textContent = form.dataset.title;
+    document.getElementById('assetModalSubmit').textContent = form.dataset.mode === 'edit' ? 'Save Changes' : 'Create Asset';
+    assetModal.show();
+  }
+
   async function loadAssetForm(opts) {
-    formReturnContext = { type: mainPanel.dataset.contextType || 'root', id: mainPanel.dataset.contextId || '' };
     var params = new URLSearchParams();
     if (opts && opts.folderId) params.set('folder_id', opts.folderId);
     var qs = params.toString();
     var html = await fetchText('/app/panel/assets/new' + (qs ? '?' + qs : ''));
-    mainPanel.innerHTML = html;
-    mainPanel.dataset.contextType = 'asset-form';
-    mainPanel.dataset.contextId = '';
+    showAssetModal(html);
   }
 
   async function loadAssetEditForm(id) {
     var html = await fetchText('/app/panel/assets/' + id + '/edit');
-    mainPanel.innerHTML = html;
-    mainPanel.dataset.contextType = 'asset-form';
-    mainPanel.dataset.contextId = id;
-  }
-
-  function cancelAssetForm(btn) {
-    if (btn.dataset.id) {
-      navigateAndSelect('asset', btn.dataset.id);
-    } else {
-      navigateAndSelect(formReturnContext.type, formReturnContext.id);
-    }
+    showAssetModal(html);
   }
 
   async function submitAssetForm(form) {
@@ -569,6 +567,7 @@
     var method = mode === 'edit' ? 'PATCH' : 'POST';
     try {
       var res = await apiFetch(url, { method: method, json: payload });
+      if (assetModal) assetModal.hide();
       await refreshWholeTree();
       await navigateAndSelect('asset', res.id);
     } catch (err) {
@@ -779,18 +778,9 @@
 
       var pageLink = e.target.closest('.panel-page-link');
       if (pageLink) { e.preventDefault(); loadFolderPanelWithFilters(pageLink.dataset.folderId, { page: pageLink.dataset.page }); return; }
-
-      var cancelFormBtn = e.target.closest('[data-action="cancel-asset-form"]');
-      if (cancelFormBtn) { cancelAssetForm(cancelFormBtn); return; }
     });
 
-    mainPanel.addEventListener('change', async function (e) {
-      if (e.target.id === 'assetFormItemType') {
-        var html = await fetchText('/app/forms/asset-fields?item_type_id=' + e.target.value);
-        var container = document.getElementById('asset-fields-container');
-        if (container) container.innerHTML = html;
-        return;
-      }
+    mainPanel.addEventListener('change', function (e) {
       var filterForm = e.target.closest('.panel-filter-form');
       if (filterForm) {
         loadFolderPanelWithFilters(filterForm.dataset.folderId, { page: 1 });
@@ -810,11 +800,6 @@
       if (e.target.matches && e.target.matches('.panel-filter-form')) {
         e.preventDefault();
         loadFolderPanelWithFilters(e.target.dataset.folderId, { page: 1 });
-        return;
-      }
-      if (e.target.id === 'assetForm') {
-        e.preventDefault();
-        submitAssetForm(e.target);
       }
     });
 
@@ -822,6 +807,25 @@
     // onto the tree only; the tree pane is the primary drag surface.
   }
 
+  // The asset create/edit form lives inside #assetModal (injected fresh
+  // each time it's opened), so its dynamic bits are delegated from the
+  // modal element itself rather than from #main-panel.
+  if (assetModalEl) {
+    assetModalEl.addEventListener('change', async function (e) {
+      if (e.target.id === 'assetFormItemType') {
+        var html = await fetchText('/app/forms/asset-fields?item_type_id=' + e.target.value);
+        var container = document.getElementById('asset-fields-container');
+        if (container) container.innerHTML = html;
+      }
+    });
+    assetModalEl.addEventListener('submit', function (e) {
+      if (e.target.id === 'assetForm') {
+        e.preventDefault();
+        submitAssetForm(e.target);
+      }
+    });
+  }
+
   // ---------------------------------------------------------------------
   // Item type custom field admin form (item-types/{id}/edit page)
   // ---------------------------------------------------------------------

web/templates/pages/inventory.html

@@ -29,7 +29,7 @@
   </aside>
 
   <section id="main-panel" class="main-panel flex-fill overflow-auto" data-context-type="root" data-context-id="">
-    {{template "panel_root" .Root}}
+    {{template "panel_root" .}}
   </section>
 </div>
 

web/templates/pages/settings.html

@@ -7,86 +7,28 @@
     </div>
     <div class="col-md-9 col-lg-10" style="max-width: 800px">
 
-  <div class="card mb-4">
-    <div class="card-header py-2 fw-semibold">General</div>
-    <div class="card-body">
-      <form method="post" action="/settings/general" class="row g-3">
-        <div class="col-md-6">
-          <label class="form-label">Site Name</label>
-          <input type="text" class="form-control" name="site_name" value="{{.SiteName}}">
+      <div class="card">
+        <div class="card-header py-2 fw-semibold">General</div>
+        <div class="card-body">
+          <form method="post" action="/settings/general" class="row g-3">
+            <div class="col-md-6">
+              <label class="form-label">Site Name</label>
+              <input type="text" class="form-control" name="site_name" value="{{.SiteName}}">
+            </div>
+            <div class="col-md-3">
+              <label class="form-label">Asset ID Prefix</label>
+              <input type="text" class="form-control" name="asset_id_prefix" value="{{.AssetPrefix}}">
+            </div>
+            <div class="col-md-3">
+              <label class="form-label">Asset ID Padding</label>
+              <input type="number" class="form-control" name="asset_id_padding" value="{{.AssetPadding}}" min="1" max="12">
+            </div>
+            <div class="col-12">
+              <button type="submit" class="btn btn-primary">Save</button>
+            </div>
+          </form>
         </div>
-        <div class="col-md-3">
-          <label class="form-label">Asset ID Prefix</label>
-          <input type="text" class="form-control" name="asset_id_prefix" value="{{.AssetPrefix}}">
-        </div>
-        <div class="col-md-3">
-          <label class="form-label">Asset ID Padding</label>
-          <input type="number" class="form-control" name="asset_id_padding" value="{{.AssetPadding}}" min="1" max="12">
-        </div>
-        <div class="col-12">
-          <button type="submit" class="btn btn-primary">Save</button>
-        </div>
-      </form>
-    </div>
-  </div>
-
-  <div class="card">
-    <div class="card-header py-2 fw-semibold">Statuses</div>
-    <div class="table-responsive">
-      <table class="table mb-0 align-middle">
-        <thead><tr><th>Order</th><th>Preview</th><th>Name &amp; Color</th><th></th></tr></thead>
-        <tbody>
-          {{range $i, $st := .Statuses}}
-          <tr>
-            <td class="text-nowrap">
-              <form method="post" action="/settings/statuses/{{$st.ID}}/reorder" class="d-inline">
-                <input type="hidden" name="dir" value="up">
-                <button type="submit" class="btn btn-sm btn-outline-secondary" {{if eq $i 0}}disabled{{end}}><i class="bi bi-arrow-up"></i></button>
-              </form>
-              <form method="post" action="/settings/statuses/{{$st.ID}}/reorder" class="d-inline">
-                <input type="hidden" name="dir" value="down">
-                <button type="submit" class="btn btn-sm btn-outline-secondary" {{if eq (add $i 1) (len $.Statuses)}}disabled{{end}}><i class="bi bi-arrow-down"></i></button>
-              </form>
-            </td>
-            <td><span class="badge text-bg-{{$st.Color}}">{{$st.Name}}</span></td>
-            <td>
-              <form method="post" action="/settings/statuses/{{$st.ID}}" class="d-flex gap-2 align-items-center">
-                <input type="text" class="form-control form-control-sm" name="name" value="{{$st.Name}}" style="max-width:160px" required>
-                <select class="form-select form-select-sm" name="color" style="max-width:130px">
-                  {{range (list "primary" "secondary" "success" "danger" "warning" "info" "dark")}}
-                  <option value="{{.}}" {{if eq . $st.Color}}selected{{end}}>{{.}}</option>
-                  {{end}}
-                </select>
-                <button type="submit" class="btn btn-sm btn-outline-secondary">Save</button>
-              </form>
-            </td>
-            <td>
-              <form method="post" action="/settings/statuses/{{$st.ID}}/delete" onsubmit="return confirm('Delete this status?')">
-                <button type="submit" class="btn btn-sm btn-outline-danger">Delete</button>
-              </form>
-            </td>
-          </tr>
-          {{end}}
-        </tbody>
-      </table>
-    </div>
-    <div class="card-body border-top">
-      <h6>Add Status</h6>
-      <form method="post" action="/settings/statuses" class="d-flex gap-2 align-items-end">
-        <div>
-          <label class="form-label small mb-1">Name</label>
-          <input type="text" class="form-control form-control-sm" name="name" required>
-        </div>
-        <div>
-          <label class="form-label small mb-1">Color</label>
-          <select class="form-select form-select-sm" name="color">
-            {{range (list "primary" "secondary" "success" "danger" "warning" "info" "dark")}}<option value="{{.}}">{{.}}</option>{{end}}
-          </select>
-        </div>
-        <button type="submit" class="btn btn-sm btn-primary">Add</button>
-      </form>
-    </div>
-  </div>
+      </div>
 
     </div>
   </div>

web/templates/pages/settings_statuses.html

@@ -0,0 +1,71 @@
+{{define "content"}}
+<div class="container-fluid p-3">
+  <h4 class="mb-3">Settings</h4>
+  <div class="row g-3">
+    <div class="col-md-3 col-lg-2">
+      {{template "settings_nav" "statuses"}}
+    </div>
+    <div class="col-md-9 col-lg-10" style="max-width: 800px">
+
+      <div class="card">
+        <div class="card-header py-2 fw-semibold">Statuses</div>
+        <div class="table-responsive">
+          <table class="table mb-0 align-middle">
+            <thead><tr><th>Order</th><th>Preview</th><th>Name &amp; Color</th><th></th></tr></thead>
+            <tbody>
+              {{range $i, $st := .Statuses}}
+              <tr>
+                <td class="text-nowrap">
+                  <form method="post" action="/settings/statuses/{{$st.ID}}/reorder" class="d-inline">
+                    <input type="hidden" name="dir" value="up">
+                    <button type="submit" class="btn btn-sm btn-outline-secondary" {{if eq $i 0}}disabled{{end}}><i class="bi bi-arrow-up"></i></button>
+                  </form>
+                  <form method="post" action="/settings/statuses/{{$st.ID}}/reorder" class="d-inline">
+                    <input type="hidden" name="dir" value="down">
+                    <button type="submit" class="btn btn-sm btn-outline-secondary" {{if eq (add $i 1) (len $.Statuses)}}disabled{{end}}><i class="bi bi-arrow-down"></i></button>
+                  </form>
+                </td>
+                <td><span class="badge text-bg-{{$st.Color}}">{{$st.Name}}</span></td>
+                <td>
+                  <form method="post" action="/settings/statuses/{{$st.ID}}" class="d-flex gap-2 align-items-center">
+                    <input type="text" class="form-control form-control-sm" name="name" value="{{$st.Name}}" style="max-width:160px" required>
+                    <select class="form-select form-select-sm" name="color" style="max-width:130px">
+                      {{range (list "primary" "secondary" "success" "danger" "warning" "info" "dark")}}
+                      <option value="{{.}}" {{if eq . $st.Color}}selected{{end}}>{{.}}</option>
+                      {{end}}
+                    </select>
+                    <button type="submit" class="btn btn-sm btn-outline-secondary">Save</button>
+                  </form>
+                </td>
+                <td>
+                  <form method="post" action="/settings/statuses/{{$st.ID}}/delete" onsubmit="return confirm('Delete this status?')">
+                    <button type="submit" class="btn btn-sm btn-outline-danger">Delete</button>
+                  </form>
+                </td>
+              </tr>
+              {{end}}
+            </tbody>
+          </table>
+        </div>
+        <div class="card-body border-top">
+          <h6>Add Status</h6>
+          <form method="post" action="/settings/statuses" class="d-flex gap-2 align-items-end">
+            <div>
+              <label class="form-label small mb-1">Name</label>
+              <input type="text" class="form-control form-control-sm" name="name" required>
+            </div>
+            <div>
+              <label class="form-label small mb-1">Color</label>
+              <select class="form-select form-select-sm" name="color">
+                {{range (list "primary" "secondary" "success" "danger" "warning" "info" "dark")}}<option value="{{.}}">{{.}}</option>{{end}}
+              </select>
+            </div>
+            <button type="submit" class="btn btn-sm btn-primary">Add</button>
+          </form>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</div>
+{{end}}

web/templates/partials/asset_form.html

@@ -1,81 +1,69 @@
 {{define "asset_form"}}
-<div class="panel-content p-3">
-  <nav aria-label="breadcrumb">
-    <ol class="breadcrumb mb-2">
-      <li class="breadcrumb-item"><a href="#" class="breadcrumb-link" data-type="root">Inventory</a></li>
-      <li class="breadcrumb-item active">{{if .Asset}}Edit {{.Asset.Name}}{{else}}New Asset{{end}}</li>
-    </ol>
-  </nav>
+<form id="assetForm" data-mode="{{if .Asset}}edit{{else}}create{{end}}" {{if .Asset}}data-asset-id="{{.Asset.ID}}"{{end}}
+  data-title="{{if .Asset}}Edit {{.Asset.Name}}{{else}}New Asset{{end}}">
+  <div class="row g-3">
+    <div class="col-md-6">
+      <label class="form-label">Asset ID</label>
+      <input type="text" class="form-control" name="asset_id" value="{{if .Asset}}{{.Asset.AssetTag}}{{end}}" placeholder="Auto-generated if left blank">
+    </div>
+    <div class="col-md-6">
+      <label class="form-label">Name <span class="text-danger">*</span></label>
+      <input type="text" class="form-control" name="name" value="{{if .Asset}}{{.Asset.Name}}{{end}}" required autofocus>
+    </div>
 
-  <form id="assetForm" data-mode="{{if .Asset}}edit{{else}}create{{end}}" {{if .Asset}}data-asset-id="{{.Asset.ID}}"{{end}}>
-    <div class="row g-3">
-      <div class="col-md-6">
-        <label class="form-label">Asset ID</label>
-        <input type="text" class="form-control" name="asset_id" value="{{if .Asset}}{{.Asset.AssetTag}}{{end}}" placeholder="Auto-generated if left blank">
-      </div>
-      <div class="col-md-6">
-        <label class="form-label">Name <span class="text-danger">*</span></label>
-        <input type="text" class="form-control" name="name" value="{{if .Asset}}{{.Asset.Name}}{{end}}" required autofocus>
-      </div>
-
-      <div class="col-md-6">
-        <label class="form-label">Item Type <span class="text-danger">*</span></label>
-        {{if .Asset}}
-        <input type="text" class="form-control" value="{{.Asset.ItemTypeName}}" disabled>
-        <div class="form-text">Item type cannot be changed after creation.</div>
-        {{else}}
-        <select class="form-select" name="item_type_id" id="assetFormItemType" required>
-          {{range .ItemTypes}}<option value="{{.ID}}" {{if eq .ID $.SelectedIT}}selected{{end}}>{{.Name}}</option>{{end}}
-        </select>
+    <div class="col-md-6">
+      <label class="form-label">Item Type <span class="text-danger">*</span></label>
+      {{if .Asset}}
+      <input type="text" class="form-control" value="{{.Asset.ItemTypeName}}" disabled>
+      <div class="form-text">Item type cannot be changed after creation.</div>
+      {{else}}
+      <select class="form-select" name="item_type_id" id="assetFormItemType" required>
+        {{range .ItemTypes}}<option value="{{.ID}}" {{if eq .ID $.SelectedIT}}selected{{end}}>{{.Name}}</option>{{end}}
+      </select>
+      {{end}}
+    </div>
+    <div class="col-md-6">
+      <label class="form-label">Folder</label>
+      {{$selectedFolder := deref .FolderID}}
+      {{if .Asset}}{{$selectedFolder = deref .Asset.FolderID}}{{end}}
+      <select class="form-select" name="folder_id">
+        <option value="">Inventory (top level)</option>
+        {{range .FolderOptions}}
+        <option value="{{.ID}}" {{if eq $selectedFolder .ID}}selected{{end}}>
+          {{range seq .Depth}}&nbsp;&nbsp;&nbsp;{{end}}{{.Path}}
+        </option>
         {{end}}
-      </div>
-      <div class="col-md-6">
-        <label class="form-label">Folder</label>
-        {{$selectedFolder := deref .FolderID}}
-        {{if .Asset}}{{$selectedFolder = deref .Asset.FolderID}}{{end}}
-        <select class="form-select" name="folder_id">
-          <option value="">Inventory (top level)</option>
-          {{range .FolderOptions}}
-          <option value="{{.ID}}" {{if eq $selectedFolder .ID}}selected{{end}}>
-            {{range seq .Depth}}&nbsp;&nbsp;&nbsp;{{end}}{{.Path}}
-          </option>
-          {{end}}
-        </select>
-      </div>
-
-      <div class="col-md-6">
-        <label class="form-label">Status <span class="text-danger">*</span></label>
-        <select class="form-select" name="status_id" required>
-          {{range .Statuses}}<option value="{{.ID}}" {{if $.Asset}}{{if eq .ID $.Asset.StatusID}}selected{{end}}{{end}}>{{.Name}}</option>{{end}}
-        </select>
-      </div>
-      <div class="col-md-6">
-        <label class="form-label">Assigned User</label>
-        {{$selectedUser := 0}}
-        {{if .Asset}}{{$selectedUser = deref .Asset.AssignedUserID}}{{end}}
-        <select class="form-select" name="assigned_user_id">
-          <option value="">Unassigned</option>
-          {{range .Users}}
-          <option value="{{.ID}}" {{if eq $selectedUser .ID}}selected{{end}}>{{.Username}}</option>
-          {{end}}
-        </select>
-      </div>
-
-      <div class="col-12">
-        <label class="form-label">Notes</label>
-        <textarea class="form-control" name="notes" rows="3">{{if .Asset}}{{.Asset.Notes}}{{end}}</textarea>
-      </div>
-
-      <div class="col-12" id="asset-fields-container">
-        {{template "asset_fields_only" .Fields}}
-      </div>
+      </select>
     </div>
 
-    <div class="d-flex gap-2 mt-4">
-      <button type="submit" class="btn btn-primary">{{if .Asset}}Save Changes{{else}}Create Asset{{end}}</button>
-      <button type="button" class="btn btn-outline-secondary" data-action="cancel-asset-form" {{if .Asset}}data-id="{{.Asset.ID}}"{{end}}>Cancel</button>
+    <div class="col-md-6">
+      <label class="form-label">Status <span class="text-danger">*</span></label>
+      <select class="form-select" name="status_id" required>
+        {{range .Statuses}}<option value="{{.ID}}" {{if $.Asset}}{{if eq .ID $.Asset.StatusID}}selected{{end}}{{end}}>{{.Name}}</option>{{end}}
+      </select>
     </div>
-    <div class="alert alert-danger mt-3 d-none" id="assetFormError"></div>
-  </form>
-</div>
+    <div class="col-md-6">
+      <label class="form-label">Assigned User</label>
+      {{$selectedUser := 0}}
+      {{if .Asset}}{{$selectedUser = deref .Asset.AssignedUserID}}{{end}}
+      <select class="form-select" name="assigned_user_id">
+        <option value="">Unassigned</option>
+        {{range .Users}}
+        <option value="{{.ID}}" {{if eq $selectedUser .ID}}selected{{end}}>{{.Username}}</option>
+        {{end}}
+      </select>
+    </div>
+
+    <div class="col-12">
+      <label class="form-label">Notes</label>
+      <textarea class="form-control" name="notes" rows="3">{{if .Asset}}{{.Asset.Notes}}{{end}}</textarea>
+    </div>
+
+    <div class="col-12" id="asset-fields-container">
+      {{template "asset_fields_only" .Fields}}
+    </div>
+  </div>
+
+  <div class="alert alert-danger mt-3 d-none" id="assetFormError"></div>
+</form>
 {{end}}

web/templates/partials/modals.html

@@ -77,6 +77,23 @@
   </div>
 </div>
 
+<!-- Add / edit asset -->
+<div class="modal fade" id="assetModal" tabindex="-1">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="assetModalTitle">New Asset</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+      </div>
+      <div class="modal-body" id="assetModalBody"></div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+        <button type="submit" form="assetForm" class="btn btn-primary" id="assetModalSubmit">Create Asset</button>
+      </div>
+    </div>
+  </div>
+</div>
+
 <!-- Move asset -->
 <div class="modal fade" id="moveAssetModal" tabindex="-1">
   <div class="modal-dialog">

web/templates/partials/panel_root.html

@@ -1,102 +1,5 @@
 {{define "panel_root"}}
-<div class="panel-content p-3" data-panel-type="root">
-  <nav aria-label="breadcrumb">
-    <ol class="breadcrumb mb-2">
-      <li class="breadcrumb-item active" aria-current="page" data-type="root">Inventory</li>
-    </ol>
-  </nav>
-
-  <div class="row g-2 mb-3">
-    <div class="col-6 col-md-2">
-      <div class="card stat-card">
-        <div class="card-body py-2">
-          <div class="stat-value">{{.Stats.Total}}</div>
-          <div class="stat-label">Total Assets</div>
-        </div>
-      </div>
-    </div>
-    {{range .Stats.ByStatus}}
-    <div class="col-6 col-md-2">
-      <div class="card stat-card">
-        <div class="card-body py-2">
-          <div class="stat-value">{{.Count}}</div>
-          <div class="stat-label"><span class="badge text-bg-{{.Color}}">{{.Name}}</span></div>
-        </div>
-      </div>
-    </div>
-    {{end}}
-  </div>
-
-  <div class="row g-3 mb-3">
-    <div class="col-md-6">
-      <div class="card h-100">
-        <div class="card-header py-2 fw-semibold">Assets by Type</div>
-        <ul class="list-group list-group-flush">
-          {{range .Stats.ByType}}
-          <li class="list-group-item d-flex justify-content-between align-items-center py-1">
-            <span><i class="bi {{iconOr .Icon "bi-box-seam"}} me-2"></i>{{.Name}}</span>
-            <span class="badge text-bg-secondary rounded-pill">{{.Count}}</span>
-          </li>
-          {{else}}
-          <li class="list-group-item text-body-secondary py-2">No assets yet.</li>
-          {{end}}
-        </ul>
-      </div>
-    </div>
-    <div class="col-md-6">
-      <div class="card h-100">
-        <div class="card-header py-2 fw-semibold">Recently Added</div>
-        <ul class="list-group list-group-flush">
-          {{range .Stats.RecentlyAdded}}
-          <li class="list-group-item py-1">
-            <a href="#" class="asset-link text-decoration-none" data-id="{{.ID}}">
-              <i class="bi {{iconOr .ItemTypeIcon "bi-box-seam"}} me-2"></i>{{.Name}}
-              <span class="text-body-secondary small">{{.AssetTag}}</span>
-            </a>
-          </li>
-          {{else}}
-          <li class="list-group-item text-body-secondary py-2">No assets yet.</li>
-          {{end}}
-        </ul>
-      </div>
-    </div>
-  </div>
-
-  <h6 class="mb-2">Top-Level Folders</h6>
-
-  {{if .Folders}}
-  <div class="list-group mb-3">
-    {{range .Folders}}
-    <a href="#" class="list-group-item list-group-item-action folder-link d-flex align-items-center" data-id="{{.ID}}">
-      <i class="bi {{iconOr .Icon "bi-folder-fill"}} text-warning-emphasis me-2"></i>
-      {{.Name}}
-      <span class="text-body-secondary small ms-2">{{if .Description}}{{.Description}}{{end}}</span>
-      <span class="ms-auto text-body-secondary small">{{.FolderCount}} folder(s), {{.AssetCount}} asset(s)</span>
-    </a>
-    {{end}}
-  </div>
-  {{else}}
-  <p class="text-body-secondary">No folders yet. <span class="admin-only">Right-click here (or the tree) to create one.</span></p>
-  {{end}}
-
-  {{if .UnfiledAssets}}
-  <h6 class="mb-2">Unfiled Assets</h6>
-  <div class="table-responsive">
-    <table class="table table-sm table-hover asset-table">
-      <thead><tr><th>Asset ID</th><th>Name</th><th>Type</th><th>Status</th><th>Assigned</th></tr></thead>
-      <tbody>
-        {{range .UnfiledAssets}}
-        <tr class="asset-row" data-id="{{.ID}}">
-          <td>{{.AssetTag}}</td>
-          <td><i class="bi {{iconOr .ItemTypeIcon "bi-box-seam"}} me-1"></i>{{.Name}}</td>
-          <td>{{.ItemTypeName}}</td>
-          <td><span class="badge text-bg-{{.StatusColor}}">{{.StatusName}}</span></td>
-          <td>{{if .AssignedUsername}}{{.AssignedUsername}}{{else}}<span class="text-body-secondary">&mdash;</span>{{end}}</td>
-        </tr>
-        {{end}}
-      </tbody>
-    </table>
-  </div>
-  {{end}}
+<div class="panel-content panel-blank p-3 h-100 d-flex align-items-center justify-content-center" data-panel-type="root">
+  <p class="text-body-secondary mb-0">Select a folder or asset from the tree.</p>
 </div>
 {{end}}

web/templates/partials/settings_nav.html

@@ -3,6 +3,9 @@
   <a href="/settings" class="list-group-item list-group-item-action{{if eq . "general"}} active{{end}}">
     <i class="bi bi-sliders me-2"></i>General
   </a>
+  <a href="/settings/statuses" class="list-group-item list-group-item-action{{if eq . "statuses"}} active{{end}}">
+    <i class="bi bi-tag me-2"></i>Statuses
+  </a>
   <a href="/settings/item-types" class="list-group-item list-group-item-action{{if eq . "itemtypes"}} active{{end}}">
     <i class="bi bi-tags me-2"></i>Item Types
   </a>