Initial Commit

* [fix] Remove overflow:hidden on the tiddler info pannel, allowing popups to escape the pannel

* add change note

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9097.tid

@@ -1,4 +1,4 @@
-change-category: internal
+change-category: developer
 change-type: enhancement
 created: 20260120153052332
 description: Adds a destroy method for widgets allowing for clean up of resources when a widget is removed.

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9119.tid

@@ -4,5 +4,5 @@ release: 5.4.0
 tags: $:/tags/ChangeNote
 change-type: performance
 change-category: internal
-github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9118
+github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9119
 github-contributors: Leilei332

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9131.tid

@@ -4,5 +4,5 @@ release: 5.4.0
 tags: $:/tags/ChangeNote
 change-type: deprecation
 change-category: internal
-github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9118
+github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9131
 github-contributors: Leilei332

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9177.tid

@@ -1,9 +1,9 @@
 title: $:/changenotes/5.4.0/#9177
-description: Add Display Field to list-tagged-draggable and list-links-draggable
+description: Add Display Field to list-tagged-draggable and list-links-draggable macros
 release: 5.4.0
 tags: $:/tags/ChangeNote
 change-type: enhancement
-change-category: usability
+change-category: hackability
 github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9177
 github-contributors: kookma
 

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9254-list-links-draggable-parameter-missing.tid

@@ -1,4 +1,4 @@
-change-category: usability
+change-category: hackability
 change-type: enhancement
 created: 20251115012214040
 description: list-links-draggable defaults to currentTiddler if tiddler parameter is missing

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9287.tid

@@ -4,7 +4,7 @@ release: 5.4.0
 tags: $:/tags/ChangeNote
 change-type: enhancement
 change-category: internal
-github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9287
+github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9287 https://github.com/TiddlyWiki/TiddlyWiki5/pull/9657
 github-contributors: Jermolene
 
 Doing so enables us to filter and group changes. For example, we could show all the breaking changes between two releases.

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9445.tid

@@ -3,7 +3,7 @@ description: Add the prevailing mimetype for CSV parser
 release: 5.4.0
 tags: $:/tags/ChangeNote
 change-type: enhancement
-change-category: internal
+change-category: developer
 github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9445
 github-contributors: EvidentlyCube
 

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9465.tid

@@ -3,7 +3,7 @@ description: Import UI now conditionally displays file-type-specific import opti
 tags: $:/tags/ChangeNote
 release: 5.4.0
 change-type: enhancement
-change-category: hackability
+change-category: usability
 github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9465
 github-contributors: linonetwo
 

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9570.tid

@@ -5,6 +5,6 @@ tags: $:/tags/ChangeNote
 change-type: bugfix
 change-category: internal
 github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9570
-github-contributors: jermolene
+github-contributors: Jermolene
 
 Fixes issue whereby transcluding a _canonical_uri tiddler with a missing image did not assign the progress classes `tc-image-loading`, `tc-image-loaded` and `tc-image-error`.

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9585 - button-classes.tid

@@ -3,7 +3,7 @@ created: 20260106174849522
 modified: 20260106174849522
 tags: $:/tags/ChangeNote
 change-type: enhancement
-change-category: usability
+change-category: hackability
 description: The button classes of Editor toolbar buttons can now be evaluated as filter expressions
 release: 5.4.0
 github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9585

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9609.tid

@@ -1,7 +1,7 @@
 change-category: widget
 change-type: enhancement
 created: 20260125124838970
-description: adds support for pointer capture and enabling/disabling the widget
+description: Adds support for pointer capture and enabling/disabling to the EventCatcherWidget.
 github-contributors: saqimtiaz
 github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9609
 modified: 20260125202924515

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9612-toc-level.tid

@@ -1,4 +1,4 @@
-change-category: usability
+change-category: hackability
 change-type: enhancement
 created: 20260124121646761
 description: The simple toc macro now supports a level parameter

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9621 - list-widget-macros-start-endactions.tid

@@ -1,4 +1,4 @@
-change-category: usability
+change-category: hackability
 change-type: enhancement
 created: 20260126125300
 description: Add start- and endactions to link-widget, list-links-draggable and list-tagged-draggable macros

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9634-cascade-info-tab.tid

@@ -3,7 +3,7 @@ description: Add "Cascade Details" to the Advanced tab of the Tiddler Info panel
 tags: $:/tags/ChangeNote
 release: 5.4.0
 change-type: enhancement
-change-category: hackability
+change-category: usability
 github-links: https://github.com/Jermolene/TiddlyWiki5/pull/9634 https://github.com/Jermolene/TiddlyWiki5/pull/9643
 github-contributors: DesignThinkerer
 

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9641.tid

@@ -3,11 +3,11 @@ description: Background actions and media query tracking
 tags: $:/tags/ChangeNote
 release: 5.4.0
 change-type: enhancement
-change-category: internal
+change-category: hackability
 github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9641
 github-contributors: Jermolene
 
-Introduces[[Background Actions]] that are triggered whenever there is a change to the results of a specified filter.
+Introduces [[Background Actions]] that are triggered whenever there is a change to the results of a specified filter.
 
 Building on that, it also introduces a new [[Media Query Tracker Mechanism]] that can track the results of any CSS media query (not just dark mode), storing the results in a shadow `$:/info/...` tiddler
 

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9655 - german-translations.tid

@@ -0,0 +1,8 @@
+title: $:/changenotes/5.4.0/#9655
+description: Update German translation
+release: 5.4.0
+tags: $:/tags/ChangeNote
+change-type: enhancement
+change-category: translation
+github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9655
+github-contributors: pmario

editions/tw5.com/tiddlers/releasenotes/5.4.0/#9660.tid

@@ -0,0 +1,10 @@
+title: $:/changenotes/5.4.0/#9660
+description: Fix info panel overflow
+tags: $:/tags/ChangeNote
+release: 5.4.0
+change-type: enhancement
+change-category: theme
+github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/9660
+github-contributors: DesignThinkerer
+
+Remove `overflow: hidden` from the `.tc-tiddler-info` style definition. This allows popups and dropdowns triggered from within the tiddler info panel to extend beyond its boundaries rather than being clipped.

editions/tw5.com/tiddlers/releasenotes/5.4.0/Release 5.4.0.tid

@@ -7,9 +7,9 @@ type: text/vnd.tiddlywiki
 description: Under development
 
 \procedure release-introduction()
-Release v5.4.0 is an important release because it deliberately and forensically loosens backwards compatibility where needed to allow significant new features and fundamental improvements to be made.
+Release v5.4.0 deliberately and forensically loosens backwards compatibility to clear the path for significant new features and fundamental improvements to be made in the future.
 
-''Please note that this release note is not yet fully completed, please see the change history on ~GitHub for the full list of changes included in this release.''
+''Please note that there are some changes that do not yet change notes, please see the change history on ~GitHub for the full list of changes.''
 
 See the [[project plan|https://github.com/orgs/TiddlyWiki/projects/4]] for full details.
 \end release-introduction

editions/tw5.com/tiddlers/releasenotes/5.4.0/draft-i18n.tid

@@ -3,7 +3,7 @@ description: Draft title internationalization
 release: 5.4.0
 tags: $:/tags/ChangeNote
 change-type: enhancement
-change-category: internal
+change-category: translation
 github-links: https://github.com/TiddlyWiki/TiddlyWiki5/pull/8891
 github-contributors: Leilei332
 

editions/tw5.com/tiddlers/releasenotes/Release Notes and Changes Internals.tid

@@ -53,3 +53,13 @@ Impact note fields:
 * `description` - a brief description of the impact
 * `impact-type` - the type of impact; see [[here|Release Notes and Changes]] for valid values
 * `text` - description of the impact if required
+
+! Summary Lists
+
+Summary sections are curated via lists stored in fields on the tiddler `$:/tw5.com/releases/info/summary-lists`.
+
+Each field is named `<section>/<release>` and contains a list of change note tiddler titles, for example:
+
+* `highlights/5.4.0`
+* `big-bug-fixes/5.4.0`
+* `clearing-the-decks/5.4.0`

editions/tw5.com/tiddlers/releasenotes/ReleasesInfo.multids

@@ -1,35 +1,75 @@
 title: $:/tw5.com/releases/info/
 
-category-order: translation  plugin usability theme hackability widget filters performance nodejs internal developer 
+category-order: translation usability hackability performance widget filters plugin theme nodejs developer internal
-categories/internal/caption: Internal
+
-categories/translation/caption: Translation
+summary-section-order: highlights big-bug-fixes clearing-the-decks
-categories/plugin/caption: Plugin
+change-type-order: feature enhancement performance bugfix deprecation security
-categories/widget/caption: Widget
+impact-type-order: compatibility-break deprecation pluginisation
-categories/usability/caption: Usability
+tab-order: [[Summary]] [[Change Types]] [[Change Categories]] [[Impacts]]
-categories/theme/caption: Theme
+categories/developer/singular: Developer
-categories/hackability/caption: Hackability
+categories/developer/plural: Developer
-categories/nodejs/caption: Node.js
+categories/filters/singular: Filters
-categories/performance/caption: Performance
+categories/filters/plural: Filters
-categories/developer/caption: Developer
+categories/hackability/singular: Hackability
-categories/filters/caption: Filters
+categories/hackability/plural: Hackability
-change-types/bugfix/caption: Bugfix
+categories/internal/singular: Internal
+categories/internal/plural: Internal
+categories/nodejs/singular: Node.js
+categories/nodejs/plural: Node.js
+categories/performance/singular: Performance
+categories/performance/plural: Performance
+categories/plugin/singular: Plugin
+categories/plugin/plural: Plugins
+categories/theme/singular: Theme
+categories/theme/plural: Theming
+categories/translation/singular: Translation
+categories/translation/plural: Translation
+categories/usability/singular: Usability
+categories/usability/plural: Usability
+categories/widget/singular: Widget
+categories/widget/plural: Widgets
+change-types/bugfix/singular: Bugfix
 change-types/bugfix/colour: #ffe246
-change-types/feature/caption: Feature
+change-types/bugfix/plural: Bugfixes
-change-types/feature/colour: #91ba66
+change-types/deprecation/singular: Deprecation
-change-types/enhancement/caption: Enhancement
-change-types/enhancement/colour: #cba5ff
-change-types/deprecation/caption: Deprecation
 change-types/deprecation/colour: #ff9d6c
-change-types/security/caption: Security
+change-types/deprecation/plural: Deprecations
-change-types/security/colour: #ff6666
+change-types/enhancement/singular: Enhancement
-change-types/performance/caption: Performance
+change-types/enhancement/colour: #cba5ff
+change-types/enhancement/plural: Enhancements
+change-types/feature/singular: Feature
+change-types/feature/colour: #91ba66
+change-types/feature/plural: Features
+change-types/performance/singular: Performance
 change-types/performance/colour: #c2c7ff
-impact-types/deprecation/caption: Deprecation
+change-types/performance/plural: Performance
-impact-types/deprecation/colour/foreground: #882222
+change-types/security/singular: Security
-impact-types/deprecation/colour/background: #ffdddd
+change-types/security/colour: #ff6666
-impact-types/compatibility-break/caption: Compatibility Break
+change-types/security/plural: Security
-impact-types/compatibility-break/colour/foreground: #228822
+impact-types/compatibility-break/singular: Compatibility Break
 impact-types/compatibility-break/colour/background: #ddffdd
-impact-types/pluginisation/caption: Pluginisation
+impact-types/compatibility-break/colour/foreground: #228822
-impact-types/pluginisation/colour/foreground: #222288
+impact-types/compatibility-break/plural: Compatibility Breaks
+impact-types/deprecation/singular: Deprecation
+impact-types/deprecation/colour/background: #ffdddd
+impact-types/deprecation/colour/foreground: #882222
+impact-types/deprecation/plural: Deprecations
+impact-types/pluginisation/singular: Pluginisation
 impact-types/pluginisation/colour/background: #ddddff
+impact-types/pluginisation/colour/foreground: #222288
+impact-types/pluginisation/plural: Pluginisations
+summary-sections/big-bug-fixes/plural: Big Bug Fixes
+summary-sections/clearing-the-decks/plural: Clearing the Decks
+summary-sections/highlights/plural: Highlights
+summary-sections/highlights/default-state: open
+categories/translation/colour: #7ec8e3
+categories/usability/colour: #f4a261
+categories/hackability/colour: #9b8ec4
+categories/performance/colour: #87ceeb
+categories/widget/colour: #e78ac3
+categories/filters/colour: #8cc56d
+categories/plugin/colour: #f0c674
+categories/theme/colour: #d4a76a
+categories/nodejs/colour: #77bb66
+categories/developer/colour: #6baed6
+categories/internal/colour: #b0b0b0

editions/tw5.com/tiddlers/releasenotes/ReleasesProcedures.tid

@@ -48,69 +48,295 @@ tags: $:/tags/Global
 </span>
 \end impact-pill
 
-\procedure change-list()
+\procedure release-section-toggle(state,default)
 \whitespace trim
-<div class="doc-release-note">
+<$reveal type="nomatch" state=<<state>> text="open" default=<<default>> tag="span">
-	<$list filter="[enlist{$:/tw5.com/releases/info/category-order}]" variable="category">
+	<$action-setfield $tiddler=<<state>> $field="text" $value="open"/>
-		<%if [tag[$:/tags/ChangeNote]] :filter[{!!release}match<release>] :filter[{!!change-category}match<category>] %>
+	<span class="doc-release-section-toggle">{{$:/core/images/right-arrow}}</span>
-			<div class="doc-release-note-heading">
+</$reveal>
-				<h2 class="doc-change-note-category">
+<$reveal type="match" state=<<state>> text="open" default=<<default>> tag="span">
-					<$text text={{{ [[$:/tw5.com/releases/info/categories/]addsuffix<category>addsuffix[/caption]get[text]] }}} />
+	<$action-setfield $tiddler=<<state>> $field="text" $value="close"/>
-				</h2>
+	<span class="doc-release-section-toggle">{{$:/core/images/down-arrow}}</span>
-			</div>
+</$reveal>
-			<$list filter="[tag[$:/tags/ChangeNote]] :filter[{!!release}match<release>] :filter[{!!change-category}match<category>sort[description]]" variable="change">
+\end release-section-toggle
-				<div class="doc-change-note-item">
+
-					<h3 class="doc-change-note-heading">
+\procedure change-note-type-badge()
-						<$link
+\whitespace trim
-							to="Release Notes and Changes"
+<$link
-							class="doc-link-badge"
+	to="Release Notes and Changes"
-							style.backgroundColor={{{ [<change>get[change-type]addprefix[$:/tw5.com/releases/info/change-types/]addsuffix[/colour]get[text]] }}}
+	class="doc-link-badge"
-						>
+	style.backgroundColor={{{ [<change>get[change-type]addprefix[$:/tw5.com/releases/info/change-types/]addsuffix[/colour]get[text]] }}}
-							<$text text={{{ [<change>get[change-type]addprefix[$:/tw5.com/releases/info/change-types/]addsuffix[/caption]get[text]] }}}/>
+>
-						</$link> <$transclude $tiddler=<<change>> $field="description" $mode="inline"/></h3>
+	<$text text={{{ [<change>get[change-type]addprefix[$:/tw5.com/releases/info/change-types/]addsuffix[/singular]get[text]] }}}/>
-					<div class="doc-change-note-info-list">
+</$link>
-						<$list filter="[tag[$:/tags/ImpactNote]] :filter[{!!changenote}match<change>] +[sort[description]]" variable="impact" counter="impactCount">
+\end change-note-type-badge
-							<div class="doc-change-note-info-list-item-caption">
+
-								<%if [<impactCount>match[1]] %>
+\procedure change-note-category-badge()
-									Impact:
+\whitespace trim
-								<%endif%>
+<$link
-							</div>
+	to="Release Notes and Changes"
-							<div class="doc-change-note-info-list-item-description">
+	class="doc-link-badge"
-								<div class="doc-change-note-info-list-item-description-summary">
+	style.backgroundColor={{{ [<change>get[change-category]addprefix[$:/tw5.com/releases/info/categories/]addsuffix[/colour]get[text]] }}}
-									<$transclude $variable="impact-pill" $mode="inline" impact-type={{{ [<impact>get[impact-type]] }}}/>
+>
-									<$text text=": "/>
+	<$text text={{{ [<change>get[change-category]addprefix[$:/tw5.com/releases/info/categories/]addsuffix[/singular]get[text]] }}}/>
-									<$transclude $tiddler=<<impact>> $field="description" $mode="inline"/>
+</$link>
-								</div>
+\end change-note-category-badge
-								<div class="doc-change-note-info-list-item-description-details">
+
-									<$transclude $tiddler=<<impact>> $field="text" $mode="block"/>
+\procedure change-note-heading()
-								</div>
+\whitespace trim
-							</div>
+<h3 class="doc-change-note-heading"
-						</$list>
+	style.backgroundColor={{{ [<change>get[change-type]addprefix[$:/tw5.com/releases/info/change-types/]addsuffix[/colour]get[text]addsuffix[40]] }}}
-						<div class="doc-change-note-info-list-item-caption">
+>
-							<$text text="GitHub: "/>
+	<%if [<show-type-badge>!match[no]] %><<change-note-type-badge>><%endif%>
-						</div>
+	<%if [<show-category-badge>match[yes]] %><<change-note-category-badge>><%endif%>
-						<div class="doc-change-note-info-list-item-description">
+	<%if [<show-tiddler-link>match[yes]] %><$link to=<<change>> class="doc-change-note-description-link"><$transclude $tiddler=<<change>> $field="description" $mode="inline"/></$link><%else%><$transclude $tiddler=<<change>> $field="description" $mode="inline"/><%endif%>
-							<$list filter="[<change>get[github-links]enlist-input[]]" variable="link">
+</h3>
-								<a
+\end change-note-heading
-									href=<<link>>
+
-									class="doc-github-link"
+\procedure change-note-impacts()
-									target="_blank"
+\whitespace trim
-									rel="noopener noreferrer"
+<$list filter="[tag[$:/tags/ImpactNote]] :filter[{!!changenote}match<change>] +[sort[description]]" variable="impact" counter="impactCount">
-								>
+	<div class="doc-change-note-info-list-item-caption">
-									{{$:/core/images/github}}
+		<%if [<impactCount>match[1]] %>Impact:<%endif%>
-								</a>
+	</div>
-							</$list>
+	<div class="doc-change-note-info-list-item-description">
-						</div>
+		<div class="doc-change-note-info-list-item-description-summary">
-					</div>
+			<$transclude $variable="impact-pill" $mode="inline" impact-type={{{ [<impact>get[impact-type]] }}}/>
-					<div class="doc-change-note-description">
+			<$text text=": "/>
-						<$transclude $tiddler=<<change>> $mode="block"/>
+			<%if [<show-tiddler-link>match[yes]] %><$link to=<<impact>> class="doc-change-note-description-link"><$transclude $tiddler=<<impact>> $field="description" $mode="inline"/></$link><%else%><$transclude $tiddler=<<impact>> $field="description" $mode="inline"/><%endif%>
-					</div>
+		</div>
-				</div>
+		<div class="doc-change-note-info-list-item-description-details">
-			</$list>
+			<$transclude $tiddler=<<impact>> $field="text" $mode="block"/>
-		<%endif%>
+		</div>
+	</div>
+</$list>
+\end change-note-impacts
+
+\procedure change-note-github-links()
+\whitespace trim
+<div class="doc-change-note-info-list-item-caption">
+	<$text text="GitHub: "/>
+</div>
+<div class="doc-change-note-info-list-item-description">
+	<$list filter="[<change>get[github-links]enlist-input[]]" variable="link">
+		<a href=<<link>> class="doc-github-link" target="_blank" rel="noopener noreferrer">
+			{{$:/core/images/github}}
+		</a>
 	</$list>
 </div>
-\end change-list
+\end change-note-github-links
+
+\procedure change-note-info()
+\whitespace trim
+<div class="doc-change-note-info-list">
+	<%if [<show-change-impacts>!match[no]] %><<change-note-impacts>><%endif%>
+	<<change-note-github-links>>
+</div>
+\end change-note-info
+
+\procedure change-note-description()
+\whitespace trim
+<div class="doc-change-note-description">
+	<$transclude $tiddler=<<change>> $mode="block"/>
+</div>
+\end change-note-description
+
+\procedure change-note-item()
+\whitespace trim
+<div class="doc-change-note-item">
+	<<change-note-heading>>
+	<<change-note-info>>
+	<<change-note-description>>
+</div>
+\end change-note-item
+
+\procedure change-note-list(filter)
+\whitespace trim
+<$list
+	filter=<<filter>>
+	variable="change"
+	emptyMessage="<div class='doc-change-note-empty'>No curated changes yet.</div>"
+>
+	<<change-note-item>>
+</$list>
+\end change-note-list
+
+\procedure summary-section()
+\whitespace trim
+<$let
+	summaryState={{{ [<release>addprefix[$:/state/release/summary/]addsuffix[/]addsuffix<summary-key>] }}}
+	summaryDefault={{{ [[$:/tw5.com/releases/info/summary-sections/]addsuffix<summary-key>addsuffix[/default-state]get[text]] }}}
+	summaryListTiddler="$:/tw5.com/releases/info/summary-lists"
+	summaryListField={{{ [<summary-key>addsuffix[/]addsuffix<release>] }}}
+>
+	<$let summaryFilter="[<summaryListTiddler>get<summaryListField>enlist-input[]]">
+	<div class="doc-release-section">
+		<$button class="tc-btn-invisible doc-release-section-summary">
+			<$macrocall $name="release-section-toggle" state=<<summaryState>> default=<<summaryDefault>>/>
+			<span class="doc-release-section-summary-text">
+				<$text text={{{ [[$:/tw5.com/releases/info/summary-sections/]addsuffix<summary-key>addsuffix[/plural]get[text]] }}} />
+				<$text text=" "/><span class="doc-release-section-count">(<$text text={{{ [<summaryListTiddler>get<summaryListField>enlist-input[]] +[count[]] }}}/>)</span>
+			</span>
+		</$button>
+		<$reveal type="match" state=<<summaryState>> text="open" default=<<summaryDefault>> tag="div" class="doc-release-section-body">
+			<$macrocall $name="change-note-list" filter=<<summaryFilter>>/>
+		</$reveal>
+	</div>
+	</$let>
+</$let>
+\end summary-section
+
+\procedure summary-tab()
+\whitespace trim
+<$let show-type-badge="yes" show-category-badge="yes" show-change-impacts="yes" show-tiddler-link="yes">
+<div class="doc-release-summary">
+	<$list filter="[enlist{$:/tw5.com/releases/info/summary-section-order}]" variable="summary-key">
+		<div class="doc-release-summary-section">
+			<$macrocall $name="summary-section"/>
+		</div>
+	</$list>
+</div>
+</$let>
+\end summary-tab
+
+\procedure change-type-section()
+\whitespace trim
+<$let changeTypeState={{{ [<release>addprefix[$:/state/release/change-type/]addsuffix[/]addsuffix<change-type>] }}}>
+	<div class="doc-release-section">
+		<$button class="tc-btn-invisible doc-release-section-summary"
+			style.backgroundColor={{{ [[$:/tw5.com/releases/info/change-types/]addsuffix<change-type>addsuffix[/colour]get[text]addsuffix[40]] }}}
+		>
+			<$macrocall $name="release-section-toggle" state=<<changeTypeState>>/>
+			<span class="doc-release-section-summary-text">
+				<$text text={{{ [[$:/tw5.com/releases/info/change-types/]addsuffix<change-type>addsuffix[/plural]get[text]] }}} />
+				<$text text=" "/><span class="doc-release-section-count">(<$text text={{{ [tag[$:/tags/ChangeNote]] :filter[{!!release}match<release>] :filter[{!!change-type}match<change-type>] +[count[]] }}}/>)</span>
+			</span>
+		</$button>
+		<$reveal type="match" state=<<changeTypeState>> text="open" tag="div" class="doc-release-section-body">
+			<$let typeFilter="[tag[$:/tags/ChangeNote]] :filter[{!!release}match<release>] :filter[{!!change-type}match<change-type>] +[sort[description]]">
+				<$macrocall $name="change-note-list" filter=<<typeFilter>>/>
+			</$let>
+		</$reveal>
+	</div>
+</$let>
+\end change-type-section
+
+\procedure change-types-tab()
+\whitespace trim
+<$let show-type-badge="no" show-category-badge="yes" show-change-impacts="yes" show-tiddler-link="yes">
+<$list filter="[enlist{$:/tw5.com/releases/info/change-type-order}]" variable="change-type">
+	<<change-type-section>>
+</$list>
+</$let>
+\end change-types-tab
+
+\procedure change-category-section()
+\whitespace trim
+<$let changeCategoryState={{{ [<release>addprefix[$:/state/release/change-category/]addsuffix[/]addsuffix<category>] }}}>
+	<div class="doc-release-section">
+		<$button class="tc-btn-invisible doc-release-section-summary"
+			style.backgroundColor={{{ [[$:/tw5.com/releases/info/categories/]addsuffix<category>addsuffix[/colour]get[text]addsuffix[40]] }}}
+		>
+			<$macrocall $name="release-section-toggle" state=<<changeCategoryState>>/>
+			<span class="doc-release-section-summary-text">
+				<$text text={{{ [[$:/tw5.com/releases/info/categories/]addsuffix<category>addsuffix[/plural]get[text]] }}} />
+				<$text text=" "/><span class="doc-release-section-count">(<$text text={{{ [tag[$:/tags/ChangeNote]] :filter[{!!release}match<release>] :filter[{!!change-category}match<category>] +[count[]] }}}/>)</span>
+			</span>
+		</$button>
+		<$reveal type="match" state=<<changeCategoryState>> text="open" tag="div" class="doc-release-section-body">
+			<$let categoryFilter="[tag[$:/tags/ChangeNote]] :filter[{!!release}match<release>] :filter[{!!change-category}match<category>] +[sort[description]]">
+				<$macrocall $name="change-note-list" filter=<<categoryFilter>>/>
+			</$let>
+		</$reveal>
+	</div>
+</$let>
+\end change-category-section
+
+\procedure change-categories-tab()
+\whitespace trim
+<$let show-type-badge="yes" show-category-badge="no" show-change-impacts="yes" show-tiddler-link="yes">
+<$list filter="[enlist{$:/tw5.com/releases/info/category-order}]" variable="category">
+	<<change-category-section>>
+</$list>
+</$let>
+\end change-categories-tab
+
+\procedure impact-change-note()
+\whitespace trim
+<$let change={{{ [<impact>get[changenote]] }}} show-change-impacts="no">
+	<<change-note-item>>
+</$let>
+\end impact-change-note
+
+\procedure impact-note-item()
+\whitespace trim
+<div class="doc-impact-note-item">
+	<h3 class="doc-impact-note-heading"
+		style.backgroundColor={{{ [<impact>get[impact-type]addprefix[$:/tw5.com/releases/info/impact-types/]addsuffix[/colour/background]get[text]] }}}
+	>
+		<$transclude $variable="impact-pill" $mode="inline" impact-type={{{ [<impact>get[impact-type]] }}}/>
+		<$text text=": "/>
+		<%if [<show-tiddler-link>match[yes]] %><$link to=<<impact>> class="doc-change-note-description-link"><$transclude $tiddler=<<impact>> $field="description" $mode="inline"/></$link><%else%><$transclude $tiddler=<<impact>> $field="description" $mode="inline"/><%endif%>
+	</h3>
+	<div class="doc-impact-note-details">
+		<$transclude $tiddler=<<impact>> $field="text" $mode="block"/>
+	</div>
+	<<impact-change-note>>
+</div>
+\end impact-note-item
+
+\procedure impact-type-section()
+\whitespace trim
+<$let impactTypeState={{{ [<release>addprefix[$:/state/release/impact-type/]addsuffix[/]addsuffix<impact-type>] }}}>
+	<div class="doc-release-section">
+		<$button class="tc-btn-invisible doc-release-section-summary"
+			style.backgroundColor={{{ [[$:/tw5.com/releases/info/impact-types/]addsuffix<impact-type>addsuffix[/colour/background]get[text]] }}}
+		>
+			<$macrocall $name="release-section-toggle" state=<<impactTypeState>>/>
+			<span class="doc-release-section-summary-text">
+				<$text text={{{ [[$:/tw5.com/releases/info/impact-types/]addsuffix<impact-type>addsuffix[/plural]get[text]] }}} />
+				<$text text=" "/><span class="doc-release-section-count">(<$text text={{{ [tag[$:/tags/ImpactNote]] :filter[{!!impact-type}match<impact-type>] :filter[{!!changenote}get[release]match<release>] +[count[]] }}}/>)</span>
+			</span>
+		</$button>
+		<$reveal type="match" state=<<impactTypeState>> text="open" tag="div" class="doc-release-section-body">
+			<$list
+				filter="[tag[$:/tags/ImpactNote]] :filter[{!!impact-type}match<impact-type>] :filter[{!!changenote}get[release]match<release>] +[sort[description]]"
+				variable="impact"
+			>
+				<<impact-note-item>>
+			</$list>
+		</$reveal>
+	</div>
+</$let>
+\end impact-type-section
+
+\procedure impacts-tab()
+\whitespace trim
+<$let show-tiddler-link="yes">
+<$list filter="[enlist{$:/tw5.com/releases/info/impact-type-order}]" variable="impact-type">
+	<<impact-type-section>>
+</$list>
+</$let>
+\end impacts-tab
+
+\procedure credits-tab()
+\whitespace trim
+<div class="doc-release-credits">
+	A warm thank you to the developers who have contributed to this release:
+	<<acknowledgements>>
+</div>
+\end credits-tab
+
+\procedure release-tabs()
+\whitespace trim
+<$macrocall
+	$name="tabs"
+	tabsList="[enlist{$:/tw5.com/releases/info/tab-order}]"
+	default="Summary"
+	class="doc-release-tabs"
+	template="$:/tw5.com/releases/tab-template"
+/>
+\end release-tabs
 
 \procedure acknowledgements()
 <ol class="doc-github-contributors">
@@ -136,21 +362,13 @@ See <<github-release-changes-link>> and [[other releases|TiddlyWiki Releases]].
 
 <<banner-credits>>
 
-! Introduction
-
 <$transclude $variable="release-introduction" $mode="block"/>
 
-! Changes
+<<release-tabs>>
 
-<$transclude $variable="change-list" $mode="inline"/>
+! Credits
 
-<!-- Acknowledgement list -->
+<<credits-tab>>
-
-! Acknowledgements
-
-A warm thank you to the developers who have contributed to this release:
-
-<<acknowledgements>>
 
 </$let>
 \end releasenote

editions/tw5.com/tiddlers/releasenotes/ReleasesStyles.tid

@@ -5,6 +5,57 @@ type: text/vnd.tiddlywiki
 .doc-release-note {
 }
 
+.tc-tab-set.doc-release-tabs {
+	margin-top: 1rem;
+}
+
+.doc-release-summary-section {
+	margin-bottom: 0.75em;
+}
+
+.doc-release-section {
+	border: 1px solid #e8e8e8;
+	border-radius: 0.5em;
+	margin: 0.75em 0;
+	background: #ffffff;
+}
+
+.doc-release-section-summary {
+	display: flex;
+	align-items: center;
+	padding: 0.5em 0.75em;
+	font-weight: 600;
+	background: #f1f1f1;
+	width: 100%;
+	cursor: pointer;
+	text-align: left;
+	border: none;
+	font-size: inherit;
+	font-family: inherit;
+	border-radius: 0.5em 0.5em 0 0;
+}
+
+.doc-release-section-toggle {
+	margin-right: 0.5em;
+}
+
+.doc-release-section-summary-text {
+	flex: 1 1 auto;
+}
+
+.doc-release-section-count {
+	font-weight: normal;
+	opacity: 0.6;
+}
+
+.doc-release-credits {
+	margin: 0.75em 0;
+}
+
+.doc-release-section-body {
+	padding: 0.5em 0.75em;
+}
+
 .doc-release-note-heading {
 }
 
@@ -84,3 +135,56 @@ type: text/vnd.tiddlywiki
 	padding: 0.25em;
 	background: #ffffff;
 }
+
+.doc-impact-note-item {
+	border: 1px solid #e8e8e8;
+	border-radius: 0.5em;
+	margin: 0.5em 0;
+	padding: 0.5em;
+	background: #f9f9f9;
+}
+
+.doc-impact-note-heading {
+	font-weight: 600;
+	margin: 0 0 0.25em 0;
+	padding: 0.25em 0.5em;
+	border-radius: 0.25em;
+}
+
+.doc-impact-note-item > .doc-change-note-item {
+	font-size: 0.9em;
+}
+
+.doc-impact-note-details {
+	font-size: 0.9em;
+	margin-bottom: 0.5em;
+}
+
+.doc-impact-note-change {
+	display: flex;
+	gap: 0.5em;
+	align-items: baseline;
+	flex-wrap: wrap;
+}
+
+.doc-impact-note-change-caption {
+	text-transform: uppercase;
+	font-size: 0.7em;
+	font-weight: bold;
+	white-space: nowrap;
+}
+
+.doc-impact-note-change-link {
+	font-weight: 600;
+}
+
+.doc-change-note-description-link {
+	font-weight: inherit;
+	color: inherit;
+	text-decoration: underline;
+	text-decoration-style: dotted;
+}
+
+.doc-change-note-description-link:hover {
+	text-decoration-style: solid;
+}

editions/tw5.com/tiddlers/releasenotes/ReleasesSummaryLists.tid

@@ -0,0 +1,5 @@
+title: $:/tw5.com/releases/info/summary-lists
+type: text/vnd.tiddlywiki
+highlights/5.4.0: [[$:/changenotes/5.4.0/#9055]] [[$:/changenotes/5.4.0/#9641]] [[$:/changenotes/5.4.0/#8972]]
+big-bug-fixes/5.4.0: [[$:/changenotes/5.4.0/#9259]]
+clearing-the-decks/5.4.0: 

editions/tw5.com/tiddlers/releasenotes/ReleasesTabTemplate.tid

@@ -0,0 +1,14 @@
+title: $:/tw5.com/releases/tab-template
+type: text/vnd.tiddlywiki
+
+<%if [<currentTab>match[Summary]] %>
+	<<summary-tab>>
+<%elseif [<currentTab>match[Change Types]] %>
+	<<change-types-tab>>
+<%elseif [<currentTab>match[Change Categories]] %>
+	<<change-categories-tab>>
+<%elseif [<currentTab>match[Impacts]] %>
+	<<impacts-tab>>
+<%elseif [<currentTab>match[Credits]] %>
+	<<credits-tab>>
+<%endif%>

editions/tw5.com/tiddlers/releasenotes/ReleasesViewTemplateBodyChangeNote.tid

@@ -0,0 +1,6 @@
+title: $:/tw5.com/releases/ViewTemplate/body/changenote
+
+\whitespace trim
+<$let change=<<currentTiddler>> show-type-badge="yes" show-category-badge="yes" show-change-impacts="yes">
+	<<change-note-item>>
+</$let>

editions/tw5.com/tiddlers/releasenotes/ReleasesViewTemplateBodyFilters.tid

@@ -0,0 +1,6 @@
+title: $:/tw5.com/releases/ViewTemplateBodyFilters
+tags: $:/tags/ViewTemplateBodyFilter
+list-before:
+
+[tag[$:/tags/ChangeNote]then[$:/tw5.com/releases/ViewTemplate/body/changenote]]
+[tag[$:/tags/ImpactNote]then[$:/tw5.com/releases/ViewTemplate/body/impactnote]]

editions/tw5.com/tiddlers/releasenotes/ReleasesViewTemplateBodyImpactNote.tid

@@ -0,0 +1,6 @@
+title: $:/tw5.com/releases/ViewTemplate/body/impactnote
+
+\whitespace trim
+<$let impact=<<currentTiddler>> show-tiddler-link="yes">
+	<<impact-note-item>>
+</$let>

languages/de-DE/ControlPanel.multids

@@ -6,6 +6,7 @@ Appearance/Caption: Design
 Appearance/Hint: Möglichkeiten um das Aussehen Ihres ~TiddlyWikis anzupassen.
 Basics/AnimDuration/Prompt: Dauer der Animation
 Basics/AutoFocus/Prompt: Standard Fokus Feld für neue Tiddler
+Basics/AutoFocusEdit/Prompt: Standard Fokus Feld für bestehende Tiddler
 Basics/Caption: Basis
 Basics/DefaultTiddlers/BottomHint: Verwenden Sie [[doppelte eckige Klammern]] für Titel mit Leerzeichen oder wählen Sie {{Offene Tiddler beim Laden wiederherstellen.||$:/snippets/retain-story-ordering-button}}
 Basics/DefaultTiddlers/Prompt: Standard-Tiddler
@@ -96,12 +97,12 @@ Plugins/PluginWillRequireReload: ("reload" ist nötig)
 Plugins/Plugins/Caption: Plugins
 Plugins/Plugins/Hint: Erweiterungen
 Plugins/Reinstall/Caption: erneut installieren
-Plugins/Themes/Caption: Themes
-Plugins/Themes/Hint: Theme Erweiterungen
 Plugins/Stability/Deprecated: ABGEKÜNDIGT
 Plugins/Stability/Experimental: EXPERIMENTELL
 Plugins/Stability/Legacy: VERALTET
 Plugins/Stability/Stable: STABIL
+Plugins/Themes/Caption: Themes
+Plugins/Themes/Hint: Theme Erweiterungen
 Plugins/Update/Caption: aktualisieren
 Plugins/Updates/Caption: Aktualisieren
 Plugins/Updates/Hint: Verfügbare Erweiterungen zu bereits installierten "Plugins"
@@ -252,3 +253,6 @@ ViewTemplateSubtitle/Caption: View Template Subtitle
 ViewTemplateSubtitle/Hint: Diese Filter-Kaskade wird vom "View Template" dazu verwendet, um den "Sub-Titel" für den Tidddler Kopf auszuwählen. 
 ViewTemplateTags/Caption: View Template Tags
 ViewTemplateTags/Hint: Diese Filter-Kaskade wird vom "View Template" dazu verwendet, um das Template für den Tag auszuwählen
+WikiInformation/Caption: Wiki Information
+WikiInformation/Hint: Diese Seite generiert eine Zusammenfassung wichtiger Informationen über dieses Wiki. Diese Seite kann dazu benutzt werden um Wiki Informationen mit anderen Usern auszutauschen. Zum Beispiel: Um Hilfe im TW Talk Forum zu bekommen. Es wereden ''keine'' privaten oder persönliche Daten erfasst. Keine Daten verlassen den Computer, ausser sie werden aktiv kopiert.
+WikiInformation/Drag/Caption: Ziehe diesen Link in ein anderes Wiki um die Daten zu kopieren

languages/de-DE/Draft.multids

@@ -0,0 +1,4 @@
+title: $:/language/Draft/
+
+Attribution: Entwurf: '<<draft-title>>' von {{$:/status/UserName}}
+Title: Entwurf: '<<draft-title>>'

languages/de-DE/Misc.multids

@@ -1,5 +1,6 @@
 title: $:/language/
 
+Alerts: Hinweis
 AboveStory/ClassicPlugin/Warning: Es scheint, Sie möchten ein Plugin verwenden, dass für [[TiddlyWiki Classic|https://tiddlywiki.com/#TiddlyWikiClassic]] entwickelt wurde. Diese Plugins können jedoch mit ~TiddlyWiki Version 5 nicht verwendet werden. ~TiddlyWiki Classic plugin erkannt:
 BinaryWarning/Prompt: Dieser Tiddler enthält binäre Daten.
 ClassicWarning/Hint: Dieser Tiddler wurde im TiddlyWiki Classic Format erstellt. Dieses Format ist nur teilweise kompatibel mit TiddlyWiki Version 5. Mehr Info finden Sie unter: https://tiddlywiki.com/static/Upgrading.html

languages/de-DE/TiddlerInfo.multids

@@ -9,6 +9,11 @@ Advanced/ShadowInfo/NotShadow/Hint: Der Tiddler: <$link to=<<infoTiddler>>><$tex
 Advanced/ShadowInfo/Shadow/Hint: Der Tiddler: <$link to=<<infoTiddler>>><$text text=<<infoTiddler>>/></$link> ist ein Schatten-Tiddler.
 Advanced/ShadowInfo/Shadow/Source: Er ist definiert im Plugin: <$link to=<<pluginTiddler>>><$text text=<<pluginTiddler>>/></$link>.
 Advanced/ShadowInfo/OverriddenShadow/Hint: Der originale Schatten-Tiddler wurde durch diesen Tiddler überschrieben. Wenn Sie diesen Tiddler löschen, wird der originale Schatten-Tiddler wieder aktiv. Erstellen Sie vorher eventuell eine Sicherungskopie!
+Advanced/CascadeInfo/Heading: Kascade Details
+Advanced/CascadeInfo/Hint: ViewTemplate Kaskade - Filter Segmente getagged: <<tag "$:/tags/ViewTemplate">>.
+Advanced/CascadeInfo/Detail/View: Ansicht
+Advanced/CascadeInfo/Detail/ActiveCascadeFilter: Filter - Aktive Kascade
+Advanced/CascadeInfo/Detail/Template: Template
 Fields/Caption: Felder
 List/Caption: Liste
 List/Empty: Dieser Tiddler hat kein "list" Feld.

plugins/tiddlywiki/jasmine/run-wiki-based-tests.js

@@ -13,6 +13,12 @@ var TEST_WIKI_TIDDLER_FILTER = "[all[tiddlers+shadows]type[text/vnd.tiddlywiki-m
 
 var widget = require("$:/core/modules/widgets/widget.js");
 
+// List any wikitext tests that you want to debug here
+// Code can then check for the value of $tw.debugWikiTextTests to decide whether to trigger the debugger
+var debugTitles = [
+	// "MultiValuedVariables/TranscludeParameterDirectly"
+];
+
 describe("Wiki-based tests", function() {
 
 	// Step through the test tiddlers
@@ -39,6 +45,10 @@ describe("Wiki-based tests", function() {
 				throw "Missing 'Output' tiddler";
 			}
 			if(wiki.tiddlerExists("ExpectedResult")) {
+				// Set the debug flag if this is one of the tests we're interested in
+				if(debugTitles.indexOf(title) !== -1) {
+					$tw.debugWikiTextTests = true;
+				}
 				// Construct the widget node
 				var text = "{{Output}}\n\n";
 				var widgetNode = createWidgetNode(parseText(text,wiki),wiki);
@@ -51,6 +61,8 @@ describe("Wiki-based tests", function() {
 					widgetNode.invokeActionString(wiki.getTiddlerText("Actions"));
 					refreshWidgetNode(widgetNode,wrapper);
 				}
+				// Clear the debug flag
+				$tw.debugWikiTextTests = false;
 				// Test the rendering
 				expect(wrapper.innerHTML).toBe(wiki.getTiddlerText("ExpectedResult"));
 			}

themes/tiddlywiki/vanilla/base.tid

@@ -1108,7 +1108,6 @@ button.tc-btn-invisible.tc-remove-tag-button {
 {{$:/themes/tiddlywiki/vanilla/sticky}}
 
 .tc-tiddler-info {
-	overflow: hidden;
 	padding: 14px 42px 14px 42px;
 	background-color: <<colour tiddler-info-background>>;
 	border-top: 1px solid <<colour tiddler-info-border>>;