[{"data":1,"prerenderedAt":151},["ShallowReactive",2],{"$fHgbaUQGnNj42eJ9-qakXMeFL2yX9NJpmxD4E0F6btpo":3},{"item":4,"meta":87},{"id":5,"title":6,"alt":7,"date":8,"design-phase":9,"designer":10,"era":11,"extension":12,"featured":13,"gallery":14,"image":16,"meta":24,"narrative":75,"project":76,"source-file":75,"stem":77,"subject":78,"tags":79,"tool":84,"type":85,"__hash__":86},"archive\u002Farchive\u002F2026-q3\u002F2026-09-21-c92-timeframe-always.md","Timeframe Always — The Permanent when: Pill","The Filter component page on the design site — the segmented bar with a team: pill, a when: pill reading Past 24 hours, and Config; below it the 'Timeframe only' scenario where the when: column stands alone with ADD and Config.","2026-09-21","2.0","mark","seed","md",false,[15,18,21],{"src":16,"alt":17},"\u002Fcycles\u002Fdesign\u002Fc92-filter-timeframe-only.png","Filter demo — the populated bar (ADD · team: Engineering · when: Past 24 hours · Config) and the 'Timeframe only' scenario, the state a fresh consumer opens in.",{"src":19,"alt":20},"\u002Fcycles\u002Fdesign\u002Fc92-filter-item-removable.png","FilterItem demo — the new removable admin toggle, and the 'Not removable' scenario: a when: pill with no x, its value still a dropdown showing formatVal option labels.",{"src":22,"alt":23},"\u002Fcycles\u002Fdesign\u002Fc92-teams-mock-pill.png","The c90 Teams, Users & Devices mock with the permanent when: Past 7 days pill in the page title, where the bar was previously hidden behind timeframe=false.",{"body":25},{"type":26,"value":27,"toc":71},"minimark",[28,56],[29,30,31,32,36,37,40,41,44,45,48,49,51,52,55],"p",{},"c88's Phase 2 filter bar carried ",[33,34,35],"code",{},"timeframe"," props but never rendered them — timeframe selection had moved into the Config modal, so the only real registrant compensated with a hand-placed period trigger bar. c92's timeframe-always thread put the timeframe back in the bar as a column that is always there: a ",[33,38,39],{},"FilterItem"," with the new ",[33,42,43],{},"removable"," prop off, keyed ",[33,46,47],{},"when:",", last before Config, rendered whenever the consumer turns ",[33,50,35],{}," on and supplies options. The bar is never in its empty state on such a consumer; ",[33,53,54],{},"timeframe=false"," keeps the plain \"Add Filter\" pill for bars that genuinely have no window.",[29,57,58,59,62,63,66,67,70],{},"Shipped in q-nuxt-layer 0.9.17. On the design site the Filter demo's \"Empty\" scenario became \"Timeframe only\", FilterItem gained a ",[33,60,61],{},"removable=false"," scenario with ",[33,64,65],{},"formatVal"," option labels, and the c90 Teams mock flipped to the pill. In qdash the period is shell-owned (",[33,68,69],{},"?period=",", default seven days and omitted from the URL) and every listing endpoint windows server-side under one fleet anchor, so the numbers beneath the pill are in-window rather than decorative.",{"title":72,"searchDepth":73,"depth":73,"links":74},"",2,[],null,"dashboard","archive\u002F2026-q3\u002F2026-09-21-c92-timeframe-always","product",[80,81,82,83],"c92","filter","components","qcontrol","Playwright capture","screengrab","6-bU7pbtwjWakZeyALDJZgFgvRWZiS7eEHJCOKbCx7s",{"eras":88,"designers":111,"subjects":119,"projects":139},[89,96,103,106],{"id":90,"name":91,"description":92,"startDate":93,"endDate":94,"order":95},"ideation","Ideation","First dashboard and site mockups, pre-brand.","2022-01","2025-09",0,{"id":97,"name":98,"description":99,"startDate":100,"endDate":101,"order":102},"pre-seed","Pre-Seed","Establishing identity, voice, and visual language.","2025-10","2026-01",1,{"id":11,"name":104,"description":105,"startDate":101,"order":73},"Seed","Building the product and its interface.",{"id":107,"name":108,"description":109,"order":110},"post-seed","Post-Seed","Scaling the product and expanding reach.",3,[112,115],{"id":10,"name":113,"role":114},"Mark","Founder \u002F Design",{"id":116,"name":117,"role":118},"sarah","Sarah Parson","Illustration \u002F Design",[120,124,128,131,135],{"id":121,"label":122,"description":123},"front-site","Front Site","Public website and marketing pages.",{"id":125,"label":126,"description":127},"pitch-deck","Pitch Deck","Investor and partner presentations.",{"id":78,"label":129,"description":130},"Product","Application UI and dashboard.",{"id":132,"label":133,"description":134},"cli","Command Line Tools","Terminal interfaces and output.",{"id":136,"label":137,"description":138},"brand-system","Brand System","Style guide, brand documents, MCP server.",[140,144,147],{"id":141,"label":142,"description":143},"brochure-site","Brochure Site","Public marketing website — messaging, landing pages, campaigns.",{"id":76,"label":145,"description":146},"Dashboard","Product application UI — the tool customers use.",{"id":148,"label":149,"description":150},"brand","Brand","Brand system, style guides, design tokens, and tooling.",1794599288392]