Provide metadata to the tilt dashboard that provides more information on what project you're working on.

Describe the Feature You Want

I work in a micro-services architecture and often have multiple tilt dashboards up and running. One for each namespace in a K8s cluster. Example, inv for fetching inventory data, vendor for fetching vendor data, customer for fetching and managing customer data. I run tilt up for each of these repos and now have 3 very similar dashboards that are indistinguishable. I would love a way to provide some metadata to the dashboard that makes it easy to know which dashboard i'm looking at.

Current Behavior

Currently, there's not good way for me to identify which dashboard is which. They all look the same (See screenshots)

Why Do You Want This?

In my organization, this issue is felt by everyone. There is difficulty navigating which dashboard corresponds to which service when developing locally.

Additional context Add any other context or screenshots about the feature request here.

Suggestions:

Provide a config to pass a title to the HTML tag of the dashboard. This way you can name the browser tab, right now it just shows the status of the <code>Tilt | n/N</code> where n is the number of up and running resources and N is the total number of resources.</li> <li>Provide a config or a param to the resource that can be displayed on the individual tiles?</li> <li>Show info on the namespace a k8's resource is running or other meta data from the yaml file that tilt is running.</li> </ul> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/maiamcc"><img src="https://avatars.githubusercontent.com/u/6332648?v=4" />maiamcc</a> commented <strong> 3 years ago</strong> </div> <div class="markdown-body"> <p>Thanks for filing this @ethunk , I'll run this up the flagpole!</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

tilt-dev / tilt