Unity 8

Merge lp:~unity-team/unity8/tutorial-redesign into lp:unity8

tutorial-redesign
Merge into trunk

Proposed by Michael Terry on 2016-03-11

Status:	Superseded
Proposed branch:	lp:~unity-team/unity8/tutorial-redesign
Merge into:	lp:unity8
Prerequisite:	lp:~unity-team/unity8/side-stage-redesign
Diff against target:	5045 lines (+1824/-1529) 66 files modified plugins/AccountsService/AccountsService.cpp (+16/-0) plugins/AccountsService/AccountsService.h (+7/-0) plugins/AccountsService/AccountsService.qmltypes (+5/-0) plugins/AccountsService/com.canonical.unity.AccountsService.xml (+5/-0) plugins/ScreenGrabber/screengrabber.cpp (+0/-2) plugins/Ubuntu/Gestures/DirectionalDragArea.cpp (+40/-5) plugins/Ubuntu/Gestures/DirectionalDragArea.h (+8/-0) plugins/Ubuntu/Gestures/DirectionalDragArea_p.h (+2/-0) plugins/Utils/CMakeLists.txt (+1/-1) plugins/Utils/Utils.qmltypes (+2/-2) plugins/Utils/plugin.cpp (+2/-2) plugins/Utils/windowinputfilter.cpp (+14/-16) plugins/Utils/windowinputfilter.h (+11/-11) qml/Components/InputMethod.qml (+4/-1) qml/Greeter/Greeter.qml (+10/-6) qml/Launcher/Launcher.qml (+2/-3) qml/Panel/IndicatorsMenu.qml (+0/-2) qml/Shell.qml (+32/-46) qml/Stages/AbstractStage.qml (+3/-0) qml/Stages/ApplicationWindow.qml (+0/-2) qml/Stages/DesktopStage.qml (+61/-9) qml/Stages/PhoneStage.qml (+12/-6) qml/Stages/StagedFullscreenPolicy.qml (+58/-0) qml/Stages/TabletStage.qml (+18/-5) qml/Stages/WindowResizeArea.qml (+1/-1) qml/Stages/WindowedFullscreenPolicy.qml (+41/-0) qml/Tutorial/Arrow.qml (+0/-56) qml/Tutorial/InactivityTimer.qml (+62/-0) qml/Tutorial/Slider.qml (+0/-123) qml/Tutorial/Tick.qml (+0/-29) qml/Tutorial/Tutorial.qml (+43/-18) qml/Tutorial/TutorialBottom.qml (+0/-104) qml/Tutorial/TutorialBottomFinish.qml (+0/-41) qml/Tutorial/TutorialContent.qml (+250/-80) qml/Tutorial/TutorialLeft.qml (+28/-75) qml/Tutorial/TutorialLeftFinish.qml (+0/-41) qml/Tutorial/TutorialLeftLong.qml (+54/-0) qml/Tutorial/TutorialPage.qml (+66/-190) qml/Tutorial/TutorialRight.qml (+0/-223) qml/Tutorial/TutorialTop.qml (+61/-0) qml/Tutorial/graphics/arrow.svg (+19/-0) tests/autopilot/unity8/shell/emulators.py (+0/-2) tests/autopilot/unity8/shell/tests/test_tutorial.py (+0/-57) tests/autopilot/unity8/tutorial.py (+0/-73) tests/mocks/AccountsService/AccountsService.cpp (+20/-0) tests/mocks/AccountsService/AccountsService.h (+10/-0) tests/mocks/AccountsService/AccountsService.qmltypes (+5/-0) tests/mocks/Unity/Application/ApplicationInfo.cpp (+21/-3) tests/mocks/Unity/Application/ApplicationInfo.h (+6/-2) tests/mocks/Unity/Application/ApplicationManager.cpp (+6/-4) tests/mocks/Unity/Application/MirSurface.cpp (+16/-0) tests/mocks/Unity/Application/MirSurface.h (+5/-3) tests/mocks/Unity/Application/MirSurfaceItem.cpp (+9/-0) tests/mocks/Unity/Application/MirSurfaceItem.h (+1/-0) tests/mocks/Unity/Application/Session.cpp (+26/-1) tests/mocks/Unity/Application/Session.h (+7/-0) tests/mocks/Utils/CMakeLists.txt (+1/-1) tests/mocks/Utils/Utils.qmltypes (+2/-2) tests/mocks/Utils/plugin.cpp (+2/-2) tests/plugins/AccountsService/PropertiesServer.cpp (+1/-0) tests/plugins/AccountsService/client.cpp (+37/-0) tests/qmltests/Components/tst_PhysicalKeysMapper.qml (+3/-3) tests/qmltests/Greeter/tst_Greeter.qml (+7/-1) tests/qmltests/Tutorial/tst_Tutorial.qml (+636/-245) tests/qmltests/tst_Shell.qml (+65/-8) tests/qmltests/tst_ShellWithPin.qml (+0/-22)
To merge this branch:	bzr merge lp:~unity-team/unity8/tutorial-redesign
Related bugs:	Link a bug report

Reviewer	Review Type	Date Requested	Status
Unity8 CI Bot	continuous-integration	2016-03-11	Needs Fixing on 2016-03-15
Albert Astals Cid (community)		2016-03-11	Abstain on 2016-03-15
PS Jenkins bot	continuous-integration	2016-03-11	Pending
Michael Zanetti		2016-03-11	Pending
Review via email: mp+288839@code.launchpad.net

This proposal supersedes a proposal from 2016-03-10.

This proposal has been superseded by a proposal from 2016-03-15.

Commit Message

Redesign the first-boot edge tutorial

Description of the Change

Based on new design specs [1], this is whole new tutorial code.

Some of the interesting things going on here:

- New DDA feature "monitorOnly" which lets input events "fall through" (i.e. it doesn't own them) but continues to monitor them. This is how we implement the bottom edge tutorial fading out without having to communicate with the app.

- New AccountsService key to keep track of which particular edges are done, now that they are presented separately. We still use the old key for overall "done" status.

- Renamed WindowKeysFilter to WindowInputFilter. I needed a way to keep track of input inactivity. And since WindowKeysFilter was already injecting itself into the event stream and already kept track of timestamps for us (which usually isn't exposed to Qml), I just modified it a bit. I felt like the new scope should be indicated in the name, so I renamed it.

- I took out some old hacks only needed for the old tutorial.

[1] https://docs.google.com/document/d/1pZ-Ro--2eaRzjZKNRoYAeDvQHMkCuyvVuPFWFQfPW4s/edit

== Checklist ==

* Are there any related MPs required for this MP to build/function as expected? Please list.

Yes. A new phablet-tools branch for your desktop [2] and a new upload of dbus-property-service (not in a VCS). Both are in silo 33.

[2] https://code.launchpad.net/~mterry/phablet-tools/tutorial-redesign/+merge/277764

* Did you perform an exploratory manual test run of your code change and any related functionality?
Yes

* Did you make sure that your branch does not contain spurious tags?
Yes

* If you changed the packaging (debian), did you subscribe the ubuntu-unity team to this MP?
NA

* If you changed the UI, has there been a design review?
Yes. Patricia is on board with this MP. She has another screen coming (long swipe on left), but I'll do that as a separate MP.

Michael Terry (mterry) wrote on 2015-11-17: Posted in a previous version of this proposal

<dandrader> mterry, DDA changes in lp:~mterry/unity8/tutorial-redesign look fine
<mterry> dandrader, awesome, thanks
will quote you in the MP :)
<dandrader> mterry, only unsure about the property name. Because it will work all the same, only difference is that it won't claim ownership over the touch point once it recognizes it's performing a gesture
<mterry> dandrader, yeah. I'm happy to rename it. Got something you like better?
<dandrader> mterry, no :)

Michael Terry (mterry) wrote on 2015-11-18: Posted in a previous version of this proposal

OK, I'm opening this up to review, although the final design review isn't done yet and I need to add a couple more qmltests. But I'd like to get the review train started on its way.

Michael Terry (mterry) wrote on 2015-11-18: Posted in a previous version of this proposal

OK, added more tests and cleaned up existing ones. Hopefully this is "done-ish" from a technical POV and only design-related changes will happen now (like changes to strings or alignment).

PS Jenkins bot (ps-jenkins) wrote on 2015-11-18: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/6737/rebuild

review: Needs Fixing (continuous-integration)

PS Jenkins bot (ps-jenkins) wrote on 2015-11-19: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/6739/rebuild

review: Needs Fixing (continuous-integration)

Michael Zanetti (mzanetti) wrote on 2015-11-19: Posted in a previous version of this proposal

Hmm... I've just flashed a device and enabled the edges-intro with phablet-config. I could see the intro for left, top and bottom edges, however, still waiting for the right edge one to appear.

====

As you renamed WindowKeyFilter, please update this comment too

qml/Shell.qml: // dummy shortcut to force creation of GlobalShortcutRegistry before WindowKeyFilter

===

- readonly property real dragProgress: spreadRepeater.count > 0 ? -spreadRepeater.itemAt(0).xTranslate : 0
+ dragProgress: spreadRepeater.count > 0 ? spreadRepeater.itemAt(0).animatedProgress : 0

Given that it's not obvious what the dragProgress is used for, please add a comment in the stages code to indicate it. otherwise it's likely to be removed at some point because noone knows what it does.

===

+ ////

Is there a purpose to this? :)

===
+ sourceSize.height: 1080
+ sourceSize.width: 1916

erm... can you explain the values? Looks wrong to me

review: Needs Fixing

Michael Zanetti (mzanetti) wrote on 2015-11-19: Posted in a previous version of this proposal

Notes for myself:

* test if CPU usage drops if screen locks during animation
* test what happens if plugging external screen while in tutorial

Michael Terry (mterry) wrote on 2015-11-19: Posted in a previous version of this proposal

Download full text (3.2 KiB)

OK, I've made some changes. One, I added some more space between tutorial text lines, per design request.

Second, also per design request, I've added unique helper text on the bottom edge tutorial for each supported app. This also means that we show the tutorial for each app rather than once for any of them. Since this meant that the tutorial might not formally "finish" for quite some time, I've optimized the rest of the tutorial to use Loaders. So that we're not loading three unused background images a week after the user unboxes their phone.

As for your comments:

> Hmm... I've just flashed a device and enabled the edges-intro
> with phablet-config. I could see the intro for left, top and
> bottom edges, however, still waiting for the right edge one to appear.

As discussed on IRC, we're guessing this was user error. Unless you've seen it again?

====

> As you renamed WindowKeyFilter, please update this comment too
>
> qml/Shell.qml: // dummy shortcut to force creation of GlobalShortcutRegistry before WindowKeyFilter

Done.

===

> - readonly property real dragProgress: spreadRepeater.count > 0 ? -spreadRepeater.itemAt(0).xTranslate : 0
> + dragProgress: spreadRepeater.count > 0 ? spreadRepeater.itemAt(0).animatedProgress : 0

> Given that it's not obvious what the dragProgress is used for,
> please add a comment in the stages code to indicate it. otherwise
> it's likely to be removed at some point because noone knows what it does.

Done.

===

> + ////
>
> Is there a purpose to this? :)

Ah, that's just a little visual separator I use between the public interface part of the object and the implementation parts. Qml doesn't use headers, and while we seem to use the placement of the QtObject component to separate the portions of code, sometimes an object doesn't warrant a QtObject, so it isn't a universal distinguisher. Plus, I like the extra visual space.

I can take it out if it will be as confusing to you as others. I know Cimi doesn't like that I do that.

===

> + sourceSize.height: 1080
> + sourceSize.width: 1916
>
> erm... can you explain the values? Looks wrong to me

Duh, I swapped height and width. Fixed.

===

> * test if CPU usage drops if screen locks during animation

Please do, but note that there isn't any animation anymore. So I expect no CPU difference.

===

> * test what happens if plugging external screen while in tutorial

Ah yes. Here's what I expect the code to do:

- Any visible tutorials that aren't marked for desktop use will fade out.
- The right edge tutorial will appear (or update itself) with desktop-specific text when you have enough apps open.
- If you finish the right edge tutorial while in desktop mode, the tutorial will be marked complete and you won't see any more coach marks. However, if you don't finish the right edge tutorial before undocking, you will continue to see all the tutorials you haven't seen yet, as normal.

How do you feel about that last behavior? It might be tricky to do something much smarter unless either (A) we know the "native" usageScenario of the device or (B) we stop marking the "whole-tutorial-is-complete" flag and accept that if we add new pages or redesign th...

PS Jenkins bot (ps-jenkins) wrote on 2015-11-19: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/6745/rebuild

review: Needs Fixing (continuous-integration)

PS Jenkins bot (ps-jenkins) wrote on 2015-11-20: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/6749/rebuild

review: Needs Fixing (continuous-integration)

Albert Astals Cid (aacid) wrote on 2015-11-20: Posted in a previous version of this proposal

Text conflict in tests/plugins/AccountsService/PropertiesServer.cpp
1 conflicts encountered.

review: Needs Fixing

Michael Terry (mterry) wrote on 2015-11-20: Posted in a previous version of this proposal

Fixed conflicts.

Albert Astals Cid (aacid) on 2015-11-20: Posted in a previous version of this proposal

review: Abstain (merges fine)

PS Jenkins bot (ps-jenkins) wrote on 2015-11-20: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/6755/rebuild

review: Needs Fixing (continuous-integration)

PS Jenkins bot (ps-jenkins) wrote on 2015-11-23: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/6785/rebuild

review: Needs Fixing (continuous-integration)

PS Jenkins bot (ps-jenkins) wrote on 2015-11-23: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/6787/rebuild

review: Needs Fixing (continuous-integration)

PS Jenkins bot (ps-jenkins) wrote on 2015-11-24: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/6794/rebuild

review: Needs Fixing (continuous-integration)

PS Jenkins bot (ps-jenkins) wrote on 2015-11-27: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/6823/rebuild

review: Needs Fixing (continuous-integration)

PS Jenkins bot (ps-jenkins) wrote on 2015-11-30: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/6834/rebuild

review: Needs Fixing (continuous-integration)

Michael Zanetti (mzanetti) wrote on 2015-12-01: Posted in a previous version of this proposal

+ i18n.tr("Hover your mouse on the right edge to view your open apps") :
+ i18n.tr("Short or long swipe from the right edge to view your open apps")

I know those have been given by design, but gotta point out some errors:
- In windowed mode, you need to push the mouse against the right edge and even overcome some resistance. Hovering is not enough.
- While at it, we might want to ask back on short swipe one too, but I guess that would be ok to oversimplify it in this case.

========

+ text: d.landscape ? i18n.tr("Swipe from the top right edge to open the notification bar")
+ : i18n.tr("Swipe from the top edge to open the notification bar")

this might needs a windowed mode special case too. We don't want to encourage clicking with a mouse so the indicators can also be revealed by clicking the icons. Although this is not wrong. If you have a touch screen too, you can also swipe then on a desktop.

========

+ text: i18n.tr("Swipe from the left edge to open the launcher")

same as for the right edge. With a mouse, it requires pushing towards the edge. Why not special cased here?

review: Needs Information

Michael Zanetti (mzanetti) wrote on 2015-12-01: Posted in a previous version of this proposal

Another question:

I figure it will take ages until completed goes to true. Some people might never open the calculator app which would leave us with the tutorial being enabled forever. What are the implications of that?

review: Needs Information

Michael Terry (mterry) wrote on 2015-12-01: Posted in a previous version of this proposal

You mention the wording on the left edge drag needing to be changed for desktop mode -- but we don't show that tutorial on desktop. So I'm guessing we can leave it as is.

And you asked about the tutorial never "completing". This is a small issue. And it's why I revised TutorialContent to use loaders for each tutorial page. I don't think it's a problem, per se. But it does mean that we'll likely have the TutorialBottom page loaded most of the time. Until they load all the bottom-supported apps anyway...

Michael Zanetti (mzanetti) wrote on 2015-12-01: Posted in a previous version of this proposal

On the right edge in windowed mode, it's not only the text, but the hoverMouseArea disappered and it's not possible to get past that step any more.

review: Needs Fixing

PS Jenkins bot (ps-jenkins) wrote on 2015-12-14: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/6940/rebuild

review: Needs Fixing (continuous-integration)

Albert Astals Cid (aacid) wrote on 2016-01-13: Posted in a previous version of this proposal

Text conflict in qml/Launcher/Launcher.qml
1 conflicts encountered.

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-01-13: Posted in a previous version of this proposal

FAILED: Continuous integration, rev:1987
https://unity8-jenkins.ubuntu.com/job/lp-unity8-1-ci/35/
Executed test runs:

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-1-ci/35/rebuild

review: Needs Fixing (continuous-integration)

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-01-18: Posted in a previous version of this proposal

FAILED: Continuous integration, rev:1988
https://unity8-jenkins.ubuntu.com/job/lp-unity8-1-ci/124/
Executed test runs:

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-1-ci/124/rebuild

review: Needs Fixing (continuous-integration)

PS Jenkins bot (ps-jenkins) wrote on 2016-01-18: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/7092/rebuild

review: Needs Fixing (continuous-integration)

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-01-22: Posted in a previous version of this proposal

FAILED: Continuous integration, rev:1989
https://unity8-jenkins.ubuntu.com/job/lp-unity8-1-ci/168/
Executed test runs:

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-1-ci/168/rebuild

review: Needs Fixing (continuous-integration)

PS Jenkins bot (ps-jenkins) wrote on 2016-01-22: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/7129/rebuild

review: Needs Fixing (continuous-integration)

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-01-22: Posted in a previous version of this proposal

FAILED: Continuous integration, rev:1989
https://unity8-jenkins.ubuntu.com/job/lp-unity8-1-ci/168/
Executed test runs:

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-1-ci/168/rebuild

review: Needs Fixing (continuous-integration)

Albert Astals Cid (aacid) wrote on 2016-02-02: Posted in a previous version of this proposal

Text conflict in qml/Stages/PhoneStage.qml
Text conflict in qml/Stages/TabletStage.qml
2 conflicts encountered.

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-02-10: Posted in a previous version of this proposal

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-1-ci/322/rebuild

review: Needs Fixing (continuous-integration)

PS Jenkins bot (ps-jenkins) wrote on 2016-02-11: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/7260/rebuild

review: Needs Fixing (continuous-integration)

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-02-16: Posted in a previous version of this proposal

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-1-ci/385/rebuild

review: Needs Fixing (continuous-integration)

PS Jenkins bot (ps-jenkins) wrote on 2016-02-16: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/7323/rebuild

review: Needs Fixing (continuous-integration)

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-02-16: Posted in a previous version of this proposal

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-1-ci/390/rebuild

review: Needs Fixing (continuous-integration)

PS Jenkins bot (ps-jenkins) wrote on 2016-02-17: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/7328/rebuild

review: Needs Fixing (continuous-integration)

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-02-19: Posted in a previous version of this proposal

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-1-ci/452/rebuild

review: Needs Fixing (continuous-integration)

PS Jenkins bot (ps-jenkins) wrote on 2016-02-19: Posted in a previous version of this proposal

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/unity8-ci/7383/rebuild

review: Needs Fixing (continuous-integration)

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-03-08: Posted in a previous version of this proposal

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-ci/628/rebuild

review: Needs Fixing (continuous-integration)

Michał Sawicz (saviq) wrote on 2016-03-09: Posted in a previous version of this proposal

Tests need fixin ↑?

Michael Terry (mterry) wrote on 2016-03-09: Posted in a previous version of this proposal

Fixed the qmluitest, and removed the autopilot test. The tutorial is harder to test via one autopilot test now that the pages have been split up and separately triggered. Plus, we cover them well in qmluitests. And there's nothing autopilot-centric to test there.

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-03-10: Posted in a previous version of this proposal

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-ci/642/rebuild

review: Needs Fixing (continuous-integration)

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-03-10: Posted in a previous version of this proposal

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-ci/656/rebuild

review: Needs Fixing (continuous-integration)

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-03-10: Posted in a previous version of this proposal

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-ci/662/rebuild

review: Needs Fixing (continuous-integration)

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-03-10: Posted in a previous version of this proposal

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-ci/663/rebuild

review: Needs Fixing (continuous-integration)

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-03-11: Posted in a previous version of this proposal

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-ci/685/rebuild

review: Needs Fixing (continuous-integration)

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-03-11:

FAILED: Continuous integration, rev:2002
https://unity8-jenkins.ubuntu.com/job/lp-unity8-ci/693/
Executed test runs:
    SUCCESS: https://unity8-jenkins.ubuntu.com/job/build-0-fetch/911
    SUCCESS: https://unity8-jenkins.ubuntu.com/job/build-1-sourcepkg/release=vivid+overlay/927
    SUCCESS: https://unity8-jenkins.ubuntu.com/job/build-1-sourcepkg/release=xenial/927
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=amd64,release=vivid+overlay/925/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=amd64,release=xenial/925/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=armhf,release=vivid+overlay/925/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=armhf,release=xenial/925/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=i386,release=vivid+overlay/925/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=i386,release=xenial/925/console

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-ci/693/rebuild

review: Needs Fixing (continuous-integration)

Albert Astals Cid (aacid) on 2016-03-15:

review: Abstain

lp:~unity-team/unity8/tutorial-redesign updated on 2016-03-15

2003. By Michael Terry on 2016-03-15: Patch from dednick, fixing my bad merge

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-03-15:

FAILED: Continuous integration, rev:2003
https://unity8-jenkins.ubuntu.com/job/lp-unity8-ci/743/
Executed test runs:
    SUCCESS: https://unity8-jenkins.ubuntu.com/job/build-0-fetch/980
    SUCCESS: https://unity8-jenkins.ubuntu.com/job/build-1-sourcepkg/release=vivid+overlay/996
    SUCCESS: https://unity8-jenkins.ubuntu.com/job/build-1-sourcepkg/release=xenial/996
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=amd64,release=vivid+overlay/994/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=amd64,release=xenial/994/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=armhf,release=vivid+overlay/994/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=armhf,release=xenial/994/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=i386,release=vivid+overlay/994/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=i386,release=xenial/994/console

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-ci/743/rebuild

review: Needs Fixing (continuous-integration)

lp:~unity-team/unity8/tutorial-redesign updated on 2016-03-15

2004. By Michael Terry on 2016-03-15: merge from side-stage-redesign

Unity8 CI Bot (unity8-ci-bot) wrote on 2016-03-15:

FAILED: Continuous integration, rev:2004
https://unity8-jenkins.ubuntu.com/job/lp-unity8-ci/744/
Executed test runs:
    SUCCESS: https://unity8-jenkins.ubuntu.com/job/build-0-fetch/981
    SUCCESS: https://unity8-jenkins.ubuntu.com/job/build-1-sourcepkg/release=vivid+overlay/997
    SUCCESS: https://unity8-jenkins.ubuntu.com/job/build-1-sourcepkg/release=xenial/997
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=amd64,release=vivid+overlay/995/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=amd64,release=xenial/995/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=armhf,release=vivid+overlay/995/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=armhf,release=xenial/995/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=i386,release=vivid+overlay/995/console
    FAILURE: https://unity8-jenkins.ubuntu.com/job/build-2-binpkg/arch=i386,release=xenial/995/console

Click here to trigger a rebuild:
https://unity8-jenkins.ubuntu.com/job/lp-unity8-ci/744/rebuild

review: Needs Fixing (continuous-integration)

lp:~unity-team/unity8/tutorial-redesign updated on 2016-03-16

2005. By Michael Terry on 2016-03-15: Merge in shell_chrome
2006. By Michael Terry on 2016-03-16: Some test fixes
2007. By Michael Terry on 2016-03-16: Fix last failing test
2008. By Michael Zanetti on 2016-03-16: fix whitespace

Unmerged revisions

Preview Diff

[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk

The diff has been truncated for viewing.

Subscribers

People subscribed via source and target branches

to all changes:

Mohammad Rakibul Hasan

Unity Team

 === modified file 'plugins/AccountsService/AccountsService.cpp'
 --- plugins/AccountsService/AccountsService.cpp	2016-03-15 20:13:36 +0000
 +++ plugins/AccountsService/AccountsService.cpp	2016-03-15 20:13:37 +0000
@@ -32,6 +32,7 @@
  #define PROP_BACKGROUND_FILE                   QStringLiteral("BackgroundFile")
  #define PROP_DEMO_EDGES                        QStringLiteral("demo-edges")
++#define PROP_DEMO_EDGES_COMPLETED              QStringLiteral("DemoEdgesCompleted")
  #define PROP_EMAIL                             QStringLiteral("Email")
  #define PROP_ENABLE_INDICATORS_WHILE_LOCKED    QStringLiteral("EnableIndicatorsWhileLocked")
  #define PROP_ENABLE_LAUNCHER_WHILE_LOCKED      QStringLiteral("EnableLauncherWhileLocked")
@@ -89,6 +90,7 @@
      registerProperty(IFACE_UBUNTU_SECURITY, PROP_PASSWORD_DISPLAY_HINT, QStringLiteral("passwordDisplayHintChanged"));
      registerProperty(IFACE_UBUNTU_SECURITY_OLD, PROP_STATS_WELCOME_SCREEN, QStringLiteral("statsWelcomeScreenChanged"));
      registerProperty(IFACE_UNITY, PROP_DEMO_EDGES, QStringLiteral("demoEdgesChanged"));
++    registerProperty(IFACE_UNITY, PROP_DEMO_EDGES_COMPLETED, QStringLiteral("demoEdgesCompletedChanged"));
      registerProperty(IFACE_UNITY_PRIVATE, PROP_FAILED_LOGINS, QStringLiteral("failedLoginsChanged"));
      registerProxy(IFACE_UBUNTU_INPUT, PROP_MOUSE_CURSOR_SPEED,
@@ -152,6 +154,20 @@
      setProperty(IFACE_UNITY, PROP_DEMO_EDGES, demoEdges);
+ }
++QStringList AccountsService::demoEdgesCompleted() const
++{
++    auto value = getProperty(IFACE_UNITY, PROP_DEMO_EDGES_COMPLETED);
++    return value.toStringList();
++}
++
++void AccountsService::markDemoEdgeCompleted(const QString &edge)
++{
++    auto currentList = demoEdgesCompleted();
++    if (!currentList.contains(edge)) {
++        setProperty(IFACE_UNITY, PROP_DEMO_EDGES_COMPLETED, currentList << edge);
++    }
++}
++
  bool AccountsService::enableLauncherWhileLocked() const
+ {
      auto value = getProperty(IFACE_UBUNTU_SECURITY, PROP_ENABLE_LAUNCHER_WHILE_LOCKED);
 === modified file 'plugins/AccountsService/AccountsService.h'
 --- plugins/AccountsService/AccountsService.h	2016-03-15 20:13:36 +0000
 +++ plugins/AccountsService/AccountsService.h	2016-03-15 20:13:37 +0000
@@ -20,6 +20,7 @@
  #include <QHash>
  #include <QObject>
  #include <QString>
++#include <QStringList>
  #include <QVariant>
  class AccountsServiceDBusAdaptor;
@@ -37,6 +38,9 @@
                  READ demoEdges
                  WRITE setDemoEdges
                  NOTIFY demoEdgesChanged)
++    Q_PROPERTY (QStringList demoEdgesCompleted
++                READ demoEdgesCompleted
++                NOTIFY demoEdgesCompletedChanged)
      Q_PROPERTY (bool enableLauncherWhileLocked
                  READ enableLauncherWhileLocked
                  NOTIFY enableLauncherWhileLockedChanged)
@@ -82,6 +86,8 @@
      void setUser(const QString &user);
      bool demoEdges() const;
      void setDemoEdges(bool demoEdges);
++    QStringList demoEdgesCompleted() const;
++    Q_INVOKABLE void markDemoEdgeCompleted(const QString &edge);
      bool enableLauncherWhileLocked() const;
      bool enableIndicatorsWhileLocked() const;
      QString backgroundFile() const;
@@ -101,6 +107,7 @@
  Q_SIGNALS:
      void userChanged();
      void demoEdgesChanged();
++    void demoEdgesCompletedChanged();
      void enableLauncherWhileLockedChanged();
      void enableIndicatorsWhileLockedChanged();
      void backgroundFileChanged();
 === modified file 'plugins/AccountsService/AccountsService.qmltypes'
 --- plugins/AccountsService/AccountsService.qmltypes	2015-02-13 09:01:16 +0000
 +++ plugins/AccountsService/AccountsService.qmltypes	2016-03-15 20:13:37 +0000
@@ -23,6 +23,7 @@
+         }
          Property { name: "user"; type: "string" }
          Property { name: "demoEdges"; type: "bool" }
++        Property { name: "demoEdgesCompleted"; type: "QStringList"; isReadonly: true }
          Property { name: "enableLauncherWhileLocked"; type: "bool"; isReadonly: true }
          Property { name: "enableIndicatorsWhileLocked"; type: "bool"; isReadonly: true }
          Property { name: "backgroundFile"; type: "string"; isReadonly: true }
@@ -32,5 +33,9 @@
          Property { name: "hereEnabled"; type: "bool" }
          Property { name: "hereLicensePath"; type: "string"; isReadonly: true }
          Property { name: "hereLicensePathValid"; type: "bool"; isReadonly: true }
++        Method {
++            name: "markDemoEdgeCompleted"
++            Parameter { name: "edge"; type: "string" }
++        }
+     }
+ }
 === modified file 'plugins/AccountsService/com.canonical.unity.AccountsService.xml'
 --- plugins/AccountsService/com.canonical.unity.AccountsService.xml	2015-02-04 15:12:36 +0000
 +++ plugins/AccountsService/com.canonical.unity.AccountsService.xml	2016-03-15 20:13:37 +0000
@@ -14,6 +14,11 @@
        <annotation name="org.freedesktop.Accounts.DefaultValue" value="true"/>
      </property>
++    <!-- List of tutorial pages that have been completed by the user -->
++    <property name="DemoEdgesCompleted" type="as" access="readwrite">
++      <annotation name="org.freedesktop.Accounts.DefaultValue" value="[]"/>
++    </property>
++
      <property name="LauncherItems" type="aa{sv}" access="readwrite">
        <annotation name="org.freedesktop.Accounts.DefaultValue" value="[{'defaults': <true>}]"/>
      </property>
 === modified file 'plugins/ScreenGrabber/screengrabber.cpp'
 --- plugins/ScreenGrabber/screengrabber.cpp	2015-11-18 18:38:36 +0000
 +++ plugins/ScreenGrabber/screengrabber.cpp	2016-03-15 20:13:37 +0000
@@ -46,12 +46,10 @@
      QDir screenshotsDir;
      if (qEnvironmentVariableIsSet("UNITY_TESTING")) {
--        qDebug() << "Using test environment";
          QTemporaryDir tDir;
          tDir.setAutoRemove(false);
          screenshotsDir = tDir.path();
      } else {
--        qDebug() << "Using real environment";
          screenshotsDir = QStandardPaths::writableLocation(QStandardPaths::PicturesLocation);
+     }
      screenshotsDir.mkpath(QStringLiteral("Screenshots"));
 === modified file 'plugins/Ubuntu/Gestures/DirectionalDragArea.cpp'
 --- plugins/Ubuntu/Gestures/DirectionalDragArea.cpp	2016-03-15 20:13:36 +0000
 +++ plugins/Ubuntu/Gestures/DirectionalDragArea.cpp	2016-03-15 20:13:37 +0000
@@ -194,6 +194,26 @@
+     }
+ }
++bool DirectionalDragArea::monitorOnly() const
++{
++    return d->monitorOnly;
++}
++
++void DirectionalDragArea::setMonitorOnly(bool monitorOnly)
++{
++    if (d->monitorOnly != monitorOnly) {
++        d->monitorOnly = monitorOnly;
++
++        if (monitorOnly && d->status == DirectionalDragAreaPrivate::Undecided) {
++            TouchRegistry::instance()->removeCandidateOwnerForTouch(d->touchId, this);
++            // We still wanna know when it ends for keeping the composition time window up-to-date
++            TouchRegistry::instance()->addTouchWatcher(d->touchId, this);
++        }
++
++        Q_EMIT monitorOnlyChanged(monitorOnly);
++    }
++}
++
  void DirectionalDragArea::removeTimeConstraints()
+ {
      d->setMaxTime(60 * 60 * 1000);
@@ -260,7 +280,10 @@
              unownedTouchEvent_undecided(unownedTouchEvent);
              break;
          default: // Recognized:
--            // do nothing
++            if (monitorOnly) {
++                // Treat unowned event as if we owned it, but we are really just watching it
++                touchEvent_recognized(event);
++            }
              break;
+     }
@@ -311,7 +334,9 @@
+     }
      if (movedFarEnoughAlongGestureAxis()) {
--        TouchRegistry::instance()->requestTouchOwnership(touchId, q);
++        if (!monitorOnly) {
++            TouchRegistry::instance()->requestTouchOwnership(touchId, q);
++        }
          setStatus(Recognized);
          setPublicPos(touchPoint->pos());
          setPublicScenePos(touchScenePos);
@@ -411,12 +436,21 @@
          if (recognitionIsDisabled()) {
              // Behave like a dumb TouchArea
              ddaDebug("Gesture recognition is disabled. Requesting touch ownership immediately.");
--            TouchRegistry::instance()->requestTouchOwnership(touchId, q);
              setStatus(Recognized);
--            event->accept();
++            if (monitorOnly) {
++                watchPressedTouchPoints(touchPoints);
++                event->ignore();
++            } else {
++                TouchRegistry::instance()->requestTouchOwnership(touchId, q);
++                event->accept();
++            }
          } else {
              // just monitor the touch points for now.
--            TouchRegistry::instance()->addCandidateOwnerForTouch(touchId, q);
++            if (monitorOnly) {
++                watchPressedTouchPoints(touchPoints);
++            } else {
++                TouchRegistry::instance()->addCandidateOwnerForTouch(touchId, q);
++            }
              setStatus(Undecided);
              // Let the item below have it. We will monitor it and grab it later if a gesture
@@ -893,5 +927,6 @@
      , recognitionTimer(nullptr)
      , timeSource(new RealTimeSource)
      , activeTouches(timeSource)
++    , monitorOnly(false)
+ {
+ }
 === modified file 'plugins/Ubuntu/Gestures/DirectionalDragArea.h'
 --- plugins/Ubuntu/Gestures/DirectionalDragArea.h	2015-05-11 07:49:36 +0000
 +++ plugins/Ubuntu/Gestures/DirectionalDragArea.h	2016-03-15 20:13:37 +0000
@@ -77,6 +77,10 @@
              WRITE setImmediateRecognition
              NOTIFY immediateRecognitionChanged)
++    // Whether we are merely monitoring touch events (in which case, we don't
++    // claim ownership of the touch).
++    Q_PROPERTY(bool monitorOnly READ monitorOnly WRITE setMonitorOnly NOTIFY monitorOnlyChanged)
++
      Q_ENUMS(Direction)
  public:
      DirectionalDragArea(QQuickItem *parent = 0);
@@ -100,6 +104,9 @@
      bool immediateRecognition() const;
      void setImmediateRecognition(bool enabled);
++    bool monitorOnly() const;
++    void setMonitorOnly(bool monitorOnly);
++
      bool event(QEvent *e) override;
      /*
@@ -123,6 +130,7 @@
      void touchSceneXChanged(qreal value);
      void touchSceneYChanged(qreal value);
      void immediateRecognitionChanged(bool value);
++    void monitorOnlyChanged(bool value);
  protected:
      void touchEvent(QTouchEvent *event) override;
 === modified file 'plugins/Ubuntu/Gestures/DirectionalDragArea_p.h'
 --- plugins/Ubuntu/Gestures/DirectionalDragArea_p.h	2015-11-20 15:01:39 +0000
 +++ plugins/Ubuntu/Gestures/DirectionalDragArea_p.h	2016-03-15 20:13:37 +0000
@@ -160,6 +160,8 @@
      ActiveTouchesInfo activeTouches;
++    bool monitorOnly;
++
  Q_SIGNALS:
      void statusChanged(Status value);
  };
 === modified file 'plugins/Utils/CMakeLists.txt'
 --- plugins/Utils/CMakeLists.txt	2016-03-15 20:13:36 +0000
 +++ plugins/Utils/CMakeLists.txt	2016-03-15 20:13:37 +0000
@@ -17,7 +17,7 @@
      unitysortfilterproxymodelqml.cpp
      Timer.cpp
      unitymenumodelpaths.cpp
--    windowkeysfilter.cpp
++    windowinputfilter.cpp
      windowscreenshotprovider.cpp
      easingcurve.cpp
      windowstatestorage.cpp
 === modified file 'plugins/Utils/Utils.qmltypes'
 --- plugins/Utils/Utils.qmltypes	2015-09-03 11:08:46 +0000
 +++ plugins/Utils/Utils.qmltypes	2016-03-15 20:13:37 +0000
@@ -147,10 +147,10 @@
+         }
+     }
      Component {
--        name: "WindowKeysFilter"
++        name: "WindowInputFilter"
          defaultProperty: "data"
          prototype: "QQuickItem"
--        exports: ["Utils/WindowKeysFilter 0.1"]
++        exports: ["Utils/WindowInputFilter 0.1"]
          exportMetaObjectRevisions: [0]
+     }
      Component {
 === modified file 'plugins/Utils/plugin.cpp'
 --- plugins/Utils/plugin.cpp	2016-03-15 20:13:36 +0000
 +++ plugins/Utils/plugin.cpp	2016-03-15 20:13:37 +0000
@@ -30,7 +30,7 @@
  #include "qlimitproxymodelqml.h"
  #include "unitysortfilterproxymodelqml.h"
  #include "unitymenumodelpaths.h"
--#include "windowkeysfilter.h"
++#include "windowinputfilter.h"
  #include "windowscreenshotprovider.h"
  #include "windowstatestorage.h"
  #include "constants.h"
@@ -69,7 +69,7 @@
      qmlRegisterType<QLimitProxyModelQML>(uri, 0, 1, "LimitProxyModel");
      qmlRegisterType<UnitySortFilterProxyModelQML>(uri, 0, 1, "UnitySortFilterProxyModel");
      qmlRegisterType<UnityMenuModelPaths>(uri, 0, 1, "UnityMenuModelPaths");
--    qmlRegisterType<WindowKeysFilter>(uri, 0, 1, "WindowKeysFilter");
++    qmlRegisterType<WindowInputFilter>(uri, 0, 1, "WindowInputFilter");
      qmlRegisterType<EasingCurve>(uri, 0, 1, "EasingCurve");
      qmlRegisterSingletonType<WindowStateStorage>(uri, 0, 1, "WindowStateStorage", createWindowStateStorage);
      qmlRegisterType<InputWatcher>(uri, 0, 1, "InputWatcher");
 === renamed file 'plugins/Utils/windowkeysfilter.cpp' => 'plugins/Utils/windowinputfilter.cpp'
 --- plugins/Utils/windowkeysfilter.cpp	2015-10-22 17:37:26 +0000
 +++ plugins/Utils/windowinputfilter.cpp	2016-03-15 20:13:37 +0000
@@ -16,36 +16,34 @@
   * Author: Daniel d'Andrada <daniel.dandrada@canonical.com>
   */
--#include "windowkeysfilter.h"
++#include "windowinputfilter.h"
  #include <QQuickWindow>
--WindowKeysFilter::WindowKeysFilter(QQuickItem *parent)
++WindowInputFilter::WindowInputFilter(QQuickItem *parent)
      : QQuickItem(parent),
--      m_currentEventTimestamp(0)
++      m_lastInputTimestamp(0)
+ {
      connect(this, &QQuickItem::windowChanged,
--            this, &WindowKeysFilter::setupFilterOnWindow);
++            this, &WindowInputFilter::setupFilterOnWindow);
+ }
--bool WindowKeysFilter::eventFilter(QObject *watched, QEvent *event)
++bool WindowInputFilter::eventFilter(QObject *watched, QEvent *event)
+ {
      Q_ASSERT(!m_filteredWindow.isNull());
      Q_ASSERT(watched == static_cast<QObject*>(m_filteredWindow.data()));
      Q_UNUSED(watched);
++    QInputEvent *inputEvent = dynamic_cast<QInputEvent*>(event);
++    if (inputEvent) {
++        m_lastInputTimestamp = inputEvent->timestamp();
++        Q_EMIT lastInputTimestampChanged();
++    }
++
      if (event->type() == QEvent::KeyPress || event->type() == QEvent::KeyRelease) {
          // Let QML see this event and decide if it does not want it
          event->accept();
--
--        m_currentEventTimestamp = static_cast<QInputEvent*>(event)->timestamp();
--        Q_EMIT currentEventTimestampChanged();
--
          QCoreApplication::sendEvent(this, event);
--
--        m_currentEventTimestamp = 0;
--        Q_EMIT currentEventTimestampChanged();
--
          return event->isAccepted();
      } else {
          // Not interested
@@ -53,7 +51,7 @@
+     }
+ }
--void WindowKeysFilter::setupFilterOnWindow(QQuickWindow *window)
++void WindowInputFilter::setupFilterOnWindow(QQuickWindow *window)
+ {
      if (!m_filteredWindow.isNull()) {
          m_filteredWindow->removeEventFilter(this);
@@ -66,7 +64,7 @@
+     }
+ }
--ulong WindowKeysFilter::currentEventTimestamp() const
++ulong WindowInputFilter::lastInputTimestamp() const
+ {
--    return m_currentEventTimestamp;
++    return m_lastInputTimestamp;
+ }
 === renamed file 'plugins/Utils/windowkeysfilter.h' => 'plugins/Utils/windowinputfilter.h'
 --- plugins/Utils/windowkeysfilter.h	2015-10-22 17:37:26 +0000
 +++ plugins/Utils/windowinputfilter.h	2016-03-15 20:13:37 +0000
@@ -16,8 +16,8 @@
   * Author: Daniel d'Andrada <daniel.dandrada@canonical.com>
   */
--#ifndef UNITY_WINDOWKEYSFILTER_H
--#define UNITY_WINDOWKEYSFILTER_H
++#ifndef UNITY_WINDOWINPUTFILTER_H
++#define UNITY_WINDOWINPUTFILTER_H
  #include <QQuickItem>
  #include <QPointer>
@@ -29,30 +29,30 @@
     accepted ones will be filtered out. Events are accepted by default, so make sure you reject
     the keys you're not interested in.
--   If more than one WindowKeysFilter exist in the same QML scene (and thus in the same QQuickWindow)
++   If more than one WindowInputFilter exist in the same QML scene (and thus in the same QQuickWindow)
     they will be called in the order of creation, which can be tricky to assess. So the best practice
--   is to have at most one WindowKeysFilter per QML scene.
++   is to have at most one WindowInputFilter per QML scene.
   */
--class WindowKeysFilter : public QQuickItem
++class WindowInputFilter : public QQuickItem
+ {
      Q_OBJECT
--    Q_PROPERTY(ulong currentEventTimestamp READ currentEventTimestamp NOTIFY currentEventTimestampChanged)
++    Q_PROPERTY(ulong lastInputTimestamp READ lastInputTimestamp NOTIFY lastInputTimestampChanged)
  public:
--    WindowKeysFilter(QQuickItem *parent = 0);
++    WindowInputFilter(QQuickItem *parent = 0);
      bool eventFilter(QObject *watched, QEvent *event) override;
--    ulong currentEventTimestamp() const;
++    ulong lastInputTimestamp() const;
  Q_SIGNALS:
--    void currentEventTimestampChanged();
++    void lastInputTimestampChanged();
  private Q_SLOTS:
      void setupFilterOnWindow(QQuickWindow *window);
  private:
      QPointer<QQuickWindow> m_filteredWindow;
--    ulong m_currentEventTimestamp;
++    ulong m_lastInputTimestamp;
  };
--#endif // UNITY_WINDOWKEYSFILTER_H
++#endif // UNITY_WINDOWINPUTFILTER_H
 === modified file 'qml/Components/InputMethod.qml'
 --- qml/Components/InputMethod.qml	2016-02-15 17:26:51 +0000
 +++ qml/Components/InputMethod.qml	2016-03-15 20:13:37 +0000
@@ -51,7 +51,10 @@
+     }
      state: {
--        if (surfaceItem.surface && surfaceItem.surfaceState != Mir.MinimizedState && root.enabled) {
++        if (surfaceItem.surface &&
++              surfaceItem.surfaceState != Mir.HiddenState &&
++              surfaceItem.surfaceState != Mir.MinimizedState &&
++              root.enabled) {
              return "shown";
          } else {
              return "hidden";
 === modified file 'qml/Greeter/Greeter.qml'
 --- qml/Greeter/Greeter.qml	2016-01-11 17:37:02 +0000
 +++ qml/Greeter/Greeter.qml	2016-03-15 20:13:37 +0000
@@ -160,6 +160,14 @@
                  return false;
+             }
+         }
++
++        function checkForcedUnlock() {
++            if (forcedUnlock && shown && loader.item) {
++                // pretend we were just authenticated
++                loader.item.notifyAuthenticationSucceeded();
++                loader.item.hide();
++            }
++        }
+     }
      onLauncherOffsetChanged: {
@@ -168,12 +176,8 @@
+         }
+     }
--    onForcedUnlockChanged: {
--        if (forcedUnlock && shown) {
--            // pretend we were just authenticated
--            loader.item.notifyAuthenticationSucceeded();
--        }
--    }
++    onForcedUnlockChanged: d.checkForcedUnlock()
++    Component.onCompleted: d.checkForcedUnlock()
      onRequiredChanged: {
          if (required) {
 === modified file 'qml/Launcher/Launcher.qml'
 --- qml/Launcher/Launcher.qml	2016-03-10 22:37:30 +0000
 +++ qml/Launcher/Launcher.qml	2016-03-15 20:13:37 +0000
@@ -28,7 +28,6 @@
      property bool lockedVisible: false
      property bool available: true // can be used to disable all interactions
      property alias inverted: panel.inverted
--    property bool shadeBackground: true // can be used to disable background shade when launcher is visible
      property int panelWidth: units.gu(10)
      property int dragAreaWidth: units.gu(1)
@@ -298,7 +297,7 @@
      InverseMouseArea {
          id: closeMouseArea
          anchors.fill: panel
--        enabled: root.shadeBackground && root.state == "visible" && (!root.lockedVisible || panel.highlightIndex >= -1)
++        enabled: root.state == "visible" && (!root.lockedVisible || panel.highlightIndex >= -1)
          visible: enabled
          onPressed: {
              panel.highlightIndex = -2
@@ -310,7 +309,7 @@
          id: backgroundShade
          anchors.fill: parent
          color: "black"
--        opacity: root.shadeBackground && root.state == "visible" && !root.lockedVisible ? 0.6 : 0
++        opacity: root.state == "visible" && !root.lockedVisible ? 0.6 : 0
          Behavior on opacity { NumberAnimation { duration: UbuntuAnimation.BriskDuration } }
+     }
 === modified file 'qml/Panel/IndicatorsMenu.qml'
 --- qml/Panel/IndicatorsMenu.qml	2016-03-10 21:28:46 +0000
 +++ qml/Panel/IndicatorsMenu.qml	2016-03-15 20:13:37 +0000
@@ -36,7 +36,6 @@
      readonly property bool partiallyOpened: unitProgress > 0 && unitProgress < 1.0
      readonly property bool fullyClosed: unitProgress == 0
      property bool enableHint: true
--    property bool contentEnabled: true
      property bool showOnClick: true
      property color panelColor: UbuntuColors.jet
@@ -86,7 +85,6 @@
          height: openedHeight - bar.height - handle.height
          indicatorsModel: root.indicatorsModel
          visible: root.unitProgress > 0
--        enabled: contentEnabled
          currentMenuIndex: bar.currentItemIndex
+     }
 === modified file 'qml/Shell.qml'
 --- qml/Shell.qml	2016-03-15 20:13:36 +0000
 +++ qml/Shell.qml	2016-03-15 20:13:37 +0000
@@ -24,7 +24,7 @@
  import Ubuntu.Telephony 0.1 as Telephony
  import Unity.Connectivity 0.1
  import Unity.Launcher 0.1
--import GlobalShortcut 1.0 // has to be before Utils, because of WindowKeysFilter
++import GlobalShortcut 1.0 // has to be before Utils, because of WindowInputFilter
  import GSettings 1.0
  import Utils 0.1
  import Powerd 0.1
@@ -167,12 +167,13 @@
+     }
      GlobalShortcut {
--        // dummy shortcut to force creation of GlobalShortcutRegistry before WindowKeyFilter
++        // dummy shortcut to force creation of GlobalShortcutRegistry before WindowInputFilter
+     }
--    WindowKeysFilter {
--        Keys.onPressed: physicalKeysMapper.onKeyPressed(event, currentEventTimestamp);
--        Keys.onReleased: physicalKeysMapper.onKeyReleased(event, currentEventTimestamp);
++    WindowInputFilter {
++        id: inputFilter
++        Keys.onPressed: physicalKeysMapper.onKeyPressed(event, lastInputTimestamp);
++        Keys.onReleased: physicalKeysMapper.onKeyReleased(event, lastInputTimestamp);
+     }
      WindowInputMonitor {
@@ -205,7 +206,7 @@
              onFocusedApplicationIdChanged: {
                  var appId = ApplicationManager.focusedApplicationId;
--                if (tutorial.running && appId != "" && appId != "unity8-dash") {
++                if (wizard.active && appId != "" && appId != "unity8-dash") {
                      // If this happens on first boot, we may be in edge
                      // tutorial or wizard while receiving a call.  But a call
                      // is more important than wizard so just bail out of those.
@@ -246,7 +247,7 @@
              property string usageScenario: shell.usageScenario === "phone" || greeter.hasLockedApp
                                             ? "phone"
                                             : shell.usageScenario
--            source: {
++            readonly property string qmlComponent: {
                  if(shell.mode === "greeter") {
                      return "Stages/ShimStage.qml"
                  } else if (applicationsDisplayLoader.usageScenario === "phone") {
@@ -257,9 +258,12 @@
                      return "Stages/DesktopStage.qml";
+                 }
+             }
++            onQmlComponentChanged: {
++                if (item) item.stageAboutToBeUnloaded();
++                source = qmlComponent;
++            }
--            property bool interactive: tutorial.spreadEnabled
--                    && (!greeter || !greeter.shown)
++            property bool interactive: (!greeter || !greeter.shown)
                      && panel.indicators.fullyClosed
                      && launcher.progress == 0
                      && !notifications.useModal
@@ -353,30 +357,6 @@
                  value: shell.usageScenario == "desktop" && !settings.autohideLauncher ? launcher.panelWidth: 0
+             }
+         }
--
--        Tutorial {
--            id: tutorial
--            objectName: "tutorial"
--            anchors.fill: parent
--
--            // EdgeDragAreas don't work with mice.  So to avoid trapping the user,
--            // we skip the tutorial on the Desktop to avoid using them.  The
--            // Desktop doesn't use the same spread design anyway.  The tutorial is
--            // all a bit of a placeholder on non-phone form factors right now.
--            // When the design team gives us more guidance, we can do something
--            // more clever here.
--            active: usageScenario != "desktop" && AccountsService.demoEdges
--
--            paused: lightDM.greeter.active
--            launcher: launcher
--            panel: panel
--            edgeSize: shell.edgeSize
--
--            onFinished: {
--                AccountsService.demoEdges = false;
--                active = false; // for immediate response / if AS is having problems
--            }
--        }
+     }
      InputMethod {
@@ -387,7 +367,7 @@
              topMargin: panel.panelHeight
              leftMargin: launcher.lockedVisible ? launcher.panelWidth : 0
+         }
--        z: notifications.useModal || panel.indicators.shown || wizard.active ? overlay.z + 1 : overlay.z - 1
++        z: notifications.useModal || panel.indicators.shown || wizard.active || tutorial.running ? overlay.z + 1 : overlay.z - 1
+     }
      Connections {
@@ -418,7 +398,7 @@
              hides: [launcher, panel.indicators]
              tabletMode: shell.usageScenario != "phone"
              launcherOffset: launcher.progress
--            forcedUnlock: tutorial.running
++            forcedUnlock: wizard.active
              background: wallpaperResolver.background
              // avoid overlapping with Launcher's edge drag area
@@ -475,7 +455,7 @@
          onStatusChanged: {
              if (Powerd.status === Powerd.Off && reason !== Powerd.Proximity &&
--                    !callManager.hasCalls && !tutorial.running) {
++                    !callManager.hasCalls && !wizard.active) {
                  // We don't want to simply call greeter.showNow() here, because
                  // that will take too long.  Qt will delay button event
                  // handling until the greeter is done loading and may think the
@@ -491,10 +471,6 @@
+     }
      function showHome() {
--        if (tutorial.running) {
--            return
--        }
--
          greeter.notifyAboutToFocusApp("unity8-dash");
          var animate = !lightDM.greeter.active && !stages.shown
@@ -528,7 +504,6 @@
                  available: tutorial.panelEnabled
                          && ((!greeter || !greeter.locked) || AccountsService.enableIndicatorsWhileLocked)
                          && (!greeter || !greeter.hasLockedApp)
--                contentEnabled: tutorial.panelContentEnabled
                  width: parent.width > units.gu(60) ? units.gu(40) : parent.width
                  minimizedPanelHeight: units.gu(3)
@@ -567,7 +542,6 @@
                      && (!greeter.locked || AccountsService.enableLauncherWhileLocked)
                      && !greeter.hasLockedApp
              inverted: shell.usageScenario !== "desktop"
--            shadeBackground: !tutorial.running
              superPressed: physicalKeysMapper.superPressed
              superTabPressed: physicalKeysMapper.superTabPressed
              panelWidth: units.gu(settings.launcherWidth)
@@ -581,10 +555,8 @@
+                 }
+             }
              onLauncherApplicationSelected: {
--                if (!tutorial.running) {
--                    greeter.notifyAboutToFocusApp(appId);
--                    shell.activateApplication(appId)
--                }
++                greeter.notifyAboutToFocusApp(appId);
++                shell.activateApplication(appId);
+             }
              onShownChanged: {
                  if (shown) {
@@ -624,6 +596,20 @@
+             }
+         }
++        Tutorial {
++            id: tutorial
++            objectName: "tutorial"
++            anchors.fill: parent
++
++            paused: callManager.hasCalls || greeter.shown
++            keyboardVisible: inputMethod.state === "shown"
++            usageScenario: shell.usageScenario
++            lastInputTimestamp: inputFilter.lastInputTimestamp
++            launcher: launcher
++            panel: panel
++            stage: applicationsDisplayLoader.item
++        }
++
          Wizard {
              id: wizard
              objectName: "wizard"
 === modified file 'qml/Stages/AbstractStage.qml'
 --- qml/Stages/AbstractStage.qml	2016-03-15 20:13:36 +0000
 +++ qml/Stages/AbstractStage.qml	2016-03-15 20:13:37 +0000
@@ -28,6 +28,7 @@
      property url background
      property bool beingResized
      property int dragAreaWidth
++    property real dragProgress // How far left the stage has been dragged, used externally by tutorial code
      property bool interactive
      property real inverseProgress // This is the progress for left edge drags, in pixels.
      property bool keepDashRunning: true
@@ -51,6 +52,8 @@
                                        | Qt.InvertedPortraitOrientation
                                        | Qt.InvertedLandscapeOrientation
++    signal stageAboutToBeUnloaded
++
      // Shared code for use in stage implementations
      GSettings {
          id: lifecycleExceptions
 === modified file 'qml/Stages/ApplicationWindow.qml'
 --- qml/Stages/ApplicationWindow.qml	2016-03-15 20:13:36 +0000
 +++ qml/Stages/ApplicationWindow.qml	2016-03-15 20:13:37 +0000
@@ -60,7 +60,6 @@
          readonly property color splashColor: root.application ? root.application.splashColor : "#00000000"
          readonly property color splashColorHeader: root.application ? root.application.splashColorHeader : "#00000000"
          readonly property color splashColorFooter: root.application ? root.application.splashColorFooter : "#00000000"
--        readonly property url defaultScreenshot: (root.application && root.application.defaultScreenshot !== undefined) ? root.application.defaultScreenshot : ""
          // Whether the Application had a surface before but lost it.
          property bool hadSurface: sessionContainer.surfaceContainer.hadSurface
@@ -112,7 +111,6 @@
      Image {
          id: screenshotImage
          objectName: "screenshotImage"
--        source: d.defaultScreenshot
          anchors.fill: parent
          antialiasing: !root.interactive
 === modified file 'qml/Stages/DesktopStage.qml'
 --- qml/Stages/DesktopStage.qml	2016-03-10 22:37:38 +0000
 +++ qml/Stages/DesktopStage.qml	2016-03-15 20:13:37 +0000
@@ -255,8 +255,8 @@
                  focus: appId === priv.focusedAppId
                  width: decoratedWindow.width
                  height: decoratedWindow.height
--                property alias requestedWidth: decoratedWindow.requestedWidth
--                property alias requestedHeight: decoratedWindow.requestedHeight
++                property int requestedWidth: -1
++                property int requestedHeight: -1
                  property alias minimumWidth: decoratedWindow.minimumWidth
                  property alias minimumHeight: decoratedWindow.minimumHeight
                  property alias maximumWidth: decoratedWindow.maximumWidth
@@ -388,20 +388,40 @@
                          PropertyChanges {
                              target: appDelegate;
                              x: root.leftMargin; y: 0;
--                            requestedWidth: appContainer.width - root.leftMargin; requestedHeight: appContainer.height;
                              visuallyMinimized: false;
                              visuallyMaximized: true
+                         }
++                        PropertyChanges {
++                            target: decoratedWindow
++                            requestedWidth: root.width;
++                            requestedHeight: root.height;
++                        }
                      },
                      State {
                          name: "maximizedLeft"; when: appDelegate.maximizedLeft && !appDelegate.minimized
--                        PropertyChanges { target: appDelegate; x: root.leftMargin; y: PanelState.panelHeight;
--                            requestedWidth: (appContainer.width - root.leftMargin)/2; requestedHeight: appContainer.height - PanelState.panelHeight }
++                        PropertyChanges {
++                            target: appDelegate
++                            x: root.leftMargin
++                            y: PanelState.panelHeight
++                        }
++                        PropertyChanges {
++                            target: decoratedWindow
++                            requestedWidth: (appContainer.width - root.leftMargin)/2
++                            requestedHeight: appContainer.height - PanelState.panelHeight
++                        }
                      },
                      State {
                          name: "maximizedRight"; when: appDelegate.maximizedRight && !appDelegate.minimized
--                        PropertyChanges { target: appDelegate; x: (appContainer.width + root.leftMargin)/2; y: PanelState.panelHeight;
--                            requestedWidth: (appContainer.width - root.leftMargin)/2; requestedHeight: appContainer.height - PanelState.panelHeight }
++                        PropertyChanges {
++                            target: appDelegate;
++                            x: (appContainer.width + root.leftMargin)/2
++                            y: PanelState.panelHeight
++                        }
++                        PropertyChanges {
++                            target: decoratedWindow
++                            requestedWidth: (appContainer.width - root.leftMargin)/2
++                            requestedHeight: appContainer.height - PanelState.panelHeight
++                        }
                      },
                      State {
                          name: "minimized"; when: appDelegate.minimized
@@ -421,13 +441,17 @@
                          enabled: appDelegate.animationsEnabled
                          PropertyAction { target: appDelegate; properties: "visuallyMinimized,visuallyMaximized" }
                          UbuntuNumberAnimation { target: appDelegate; properties: "x,y,opacity,requestedWidth,requestedHeight,scale"; duration: UbuntuAnimation.FastDuration }
++                        UbuntuNumberAnimation { target: decoratedWindow; properties: "requestedWidth,requestedHeight"; duration: UbuntuAnimation.FastDuration }
                      },
                      Transition {
                          to: "minimized"
                          enabled: appDelegate.animationsEnabled
                          PropertyAction { target: appDelegate; property: "visuallyMaximized" }
                          SequentialAnimation {
--                            UbuntuNumberAnimation { target: appDelegate; properties: "x,y,opacity,requestedWidth,requestedHeight,scale"; duration: UbuntuAnimation.FastDuration }
++                            ParallelAnimation {
++                                UbuntuNumberAnimation { target: appDelegate; properties: "x,y,opacity,scale"; duration: UbuntuAnimation.FastDuration }
++                                UbuntuNumberAnimation { target: decoratedWindow; properties: "requestedWidth,requestedHeight"; duration: UbuntuAnimation.FastDuration }
++                            }
                              PropertyAction { target: appDelegate; property: "visuallyMinimized" }
                              ScriptAction {
                                  script: {
@@ -443,7 +467,10 @@
                          enabled: appDelegate.animationsEnabled
                          PropertyAction { target: appDelegate; property: "visuallyMinimized" }
                          SequentialAnimation {
--                            UbuntuNumberAnimation { target: appDelegate; properties: "x,y,opacity,requestedWidth,requestedHeight,scale"; duration: UbuntuAnimation.FastDuration }
++                            ParallelAnimation {
++                                UbuntuNumberAnimation { target: appDelegate; properties: "x,y,opacity,scale"; duration: UbuntuAnimation.FastDuration }
++                                UbuntuNumberAnimation { target: decoratedWindow; properties: "requestedWidth,requestedHeight"; duration: UbuntuAnimation.FastDuration }
++                            }
                              PropertyAction { target: appDelegate; property: "visuallyMaximized" }
+                         }
+                     }
@@ -458,6 +485,7 @@
+                 }
                  WindowResizeArea {
++                    id: resizeArea
                      objectName: "windowResizeArea"
                      target: appDelegate
                      minWidth: units.gu(10)
@@ -469,6 +497,21 @@
                      leftMargin: root.leftMargin
                      onPressed: { ApplicationManager.focusApplication(model.appId) }
++
++                    property bool saveStateOnDestruction: true
++                    Connections {
++                        target: root
++                        onStageAboutToBeUnloaded: {
++                            resizeArea.saveWindowState();
++                            resizeArea.saveStateOnDestruction = false;
++                            fullscreenPolicy.active = false;
++                        }
++                    }
++                    Component.onDestruction: {
++                        if (saveStateOnDestruction) {
++                            saveWindowState();
++                        }
++                    }
+                 }
                  DecoratedWindow {
@@ -480,12 +523,21 @@
                      active: ApplicationManager.focusedApplicationId === model.appId
                      focus: true
++                    requestedWidth: appDelegate.requestedWidth
++                    requestedHeight: appDelegate.requestedHeight
++
                      onClose: ApplicationManager.stopApplication(model.appId)
                      onMaximize: appDelegate.maximized || appDelegate.maximizedLeft || appDelegate.maximizedRight
                                  ? appDelegate.restoreFromMaximized() : appDelegate.maximize()
                      onMinimize: appDelegate.minimize()
                      onDecorationPressed: { ApplicationManager.focusApplication(model.appId) }
+                 }
++
++                WindowedFullscreenPolicy {
++                    id: fullscreenPolicy
++                    active: true
++                    application: decoratedWindow.application
++                }
+             }
+         }
+     }
 === modified file 'qml/Stages/PhoneStage.qml'
 --- qml/Stages/PhoneStage.qml	2016-03-10 09:19:38 +0000
 +++ qml/Stages/PhoneStage.qml	2016-03-15 20:13:37 +0000
@@ -120,14 +120,11 @@
                                     : (Qt.PortraitOrientation | Qt.LandscapeOrientation
                                        | Qt.InvertedPortraitOrientation | Qt.InvertedLandscapeOrientation)
--    // How far left the stage has been dragged
--    readonly property real dragProgress: spreadRepeater.count > 0 ? -spreadRepeater.itemAt(0).xTranslate : 0
++    // How far left the stage has been dragged, used externally by tutorial code
++    dragProgress: spreadRepeater.count > 0 ? spreadRepeater.itemAt(0).animatedProgress : 0
      readonly property alias dragging: spreadDragArea.dragging
--    // Only used by the tutorial right now, when it is teasing the right edge
--    property real dragAreaOverlap
--
      signal opened()
      function select(appId) {
@@ -629,6 +626,15 @@
                          property: "focusedAppOrientationChangesEnabled"
                          value: orientationChangesEnabled
+                     }
++
++                    StagedFullscreenPolicy {
++                        id: fullscreenPolicy
++                        application: appDelegate.application
++                    }
++                    Connections {
++                        target: root
++                        onStageAboutToBeUnloaded: fullscreenPolicy.active = false
++                    }
+                 }
+             }
+         }
@@ -647,7 +653,7 @@
          direction: Direction.Leftwards
          enabled: (spreadView.phase != 2 && root.spreadEnabled) || dragging
--        anchors { top: parent.top; right: parent.right; bottom: parent.bottom; rightMargin: -root.dragAreaOverlap }
++        anchors { top: parent.top; right: parent.right; bottom: parent.bottom; }
          width: root.dragAreaWidth
          property var gesturePoints: new Array()
 === added file 'qml/Stages/StagedFullscreenPolicy.qml'
 --- qml/Stages/StagedFullscreenPolicy.qml	1970-01-01 00:00:00 +0000
 +++ qml/Stages/StagedFullscreenPolicy.qml	2016-03-15 20:13:37 +0000
@@ -0,0 +1,58 @@
++/*
++ * Copyright (C) 2016 Canonical, Ltd.
++ *
++ * This program is free software; you can redistribute it and/or modify
++ * it under the terms of the GNU General Public License as published by
++ * the Free Software Foundation; version 3.
++ *
++ * This program is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
++ * GNU General Public License for more details.
++ *
++ * You should have received a copy of the GNU General Public License
++ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
++ */
++
++import QtQuick 2.4
++import Unity.Application 0.1
++
++// This component will change the state of the surface based on the surface
++// state and shell chrome.
++//
++// Chrome changed to LowChrome -> server sets client window state to "fullscreen"
++// Chrome changed to NormalChrome -> server sets client window to "restored" state.
++// Chrome set and state change to restored -> server RESETS client window state to "fullscreen"
++// Chrome not set and state change to restored -> client window stays "restored"
++// Chrome not set and state change to fulscreen -> client window stays "fullscreen"
++QtObject {
++    property bool active: true
++    property QtObject application: null
++
++    readonly property var lastSurface: application && application.session ?
++                              application.session.lastSurface : null
++    onLastSurfaceChanged: {
++        if (!active || !lastSurface) return;
++        if (lastSurface.shellChrome === Mir.LowChrome) {
++            lastSurface.state = Mir.FullscreenState;
++        }
++    }
++
++    property var _connections: Connections {
++        target: lastSurface
++        onShellChromeChanged: {
++            if (!active || !lastSurface) return;
++            if (lastSurface.shellChrome === Mir.LowChrome) {
++                lastSurface.state = Mir.FullscreenState;
++            } else {
++                lastSurface.state = Mir.RestoredState;
++            }
++        }
++        onStateChanged: {
++            if (!active) return;
++            if (lastSurface.state === Mir.RestoredState && lastSurface.shellChrome === Mir.LowChrome) {
++                lastSurface.state = Mir.FullscreenState;
++            }
++        }
++    }
++}
 === modified file 'qml/Stages/TabletStage.qml'
 --- qml/Stages/TabletStage.qml	2016-03-15 20:13:36 +0000
 +++ qml/Stages/TabletStage.qml	2016-03-15 20:13:37 +0000
@@ -27,6 +27,9 @@
      objectName: "stages"
      anchors.fill: parent
++    property alias sideStageVisible: spreadView.sideStageVisible
++    property alias sideStageWidth: spreadView.sideStageWidth
++
      // Functions to be called from outside
      function updateFocusedAppOrientation() {
          var mainStageAppIndex = priv.indexOf(priv.mainStageAppId);
@@ -97,6 +100,9 @@
+         }
+     }
++    // How far left the stage has been dragged, used externally by tutorial code
++    dragProgress: spreadRepeater.count > 0 ? spreadRepeater.itemAt(0).animatedProgress : 0
++
      onWidthChanged: {
          spreadView.selectedIndex = -1;
          spreadView.phase = 0;
@@ -318,8 +324,6 @@
          contentX: -shift
          property int tileDistance: units.gu(20)
--        property int sideStageWidth: units.gu(40)
--        property bool sideStageVisible: priv.sideStageAppId
          // This indicates when the spreadView is active. That means, all the animations
          // are activated and tiles need to line up for the spread.
@@ -382,6 +386,9 @@
+         }
          property real sideStageDragProgress: sideStage.progress
++        property bool sideStageVisible: priv.sideStageAppId
++        property real sideStageWidth: units.gu(40)
++
          property bool surfaceDragging: triGestureArea.recognisedDrag
          // In case the ApplicationManager already holds an app when starting up we're missing animations
@@ -688,9 +695,6 @@
                      readonly property bool wantsMainStage: model.stage == ApplicationInfoInterface.MainStage
--                    readonly property string appId: model.appId
--                    readonly property bool isDash: model.appId == "unity8-dash"
--
                      stage: model.stage
                      fullscreen: {
                          if (mainApp && stage === ApplicationInfoInterface.SideStage) {
@@ -947,6 +951,15 @@
                          period: (spreadView.positionMarker2 - spreadView.positionMarker1) / 3
                          progress: spreadTile.progress - spreadView.positionMarker1
+                     }
++
++                    StagedFullscreenPolicy {
++                        id: fullscreenPolicy
++                        application: spreadTile.application
++                    }
++                    Connections {
++                        target: root
++                        onStageAboutToBeUnloaded: fullscreenPolicy.active = false
++                    }
+                 }
+             }
+         }
 === modified file 'qml/Stages/WindowResizeArea.qml'
 --- qml/Stages/WindowResizeArea.qml	2016-03-10 22:43:31 +0000
 +++ qml/Stages/WindowResizeArea.qml	2016-03-15 20:13:37 +0000
@@ -87,7 +87,7 @@
          priv.updateNormalGeometry();
+     }
--    Component.onDestruction: {
++    function saveWindowState() {
          windowStateStorage.saveState(root.windowId, target.state == "maximized" ? WindowStateStorage.WindowStateMaximized : WindowStateStorage.WindowStateNormal)
          windowStateStorage.saveGeometry(root.windowId, Qt.rect(priv.normalX, priv.normalY, priv.normalWidth, priv.normalHeight))
+     }
 === added file 'qml/Stages/WindowedFullscreenPolicy.qml'
 --- qml/Stages/WindowedFullscreenPolicy.qml	1970-01-01 00:00:00 +0000
 +++ qml/Stages/WindowedFullscreenPolicy.qml	2016-03-15 20:13:37 +0000
@@ -0,0 +1,41 @@
++/*
++ * Copyright (C) 2016 Canonical, Ltd.
++ *
++ * This program is free software; you can redistribute it and/or modify
++ * it under the terms of the GNU General Public License as published by
++ * the Free Software Foundation; version 3.
++ *
++ * This program is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
++ * GNU General Public License for more details.
++ *
++ * You should have received a copy of the GNU General Public License
++ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
++ */
++
++import QtQml 2.2
++import Unity.Application 0.1
++
++// This component will change the state of the surface when the stage is loaded.
++//
++// On first surface load; if the surface is set to low chrome & fullscreen, the
++// state of the window is returned to restored.
++QtObject {
++    property bool active: true
++    property QtObject application: null
++
++    readonly property var lastSurface: application && application.session ?
++                                      application.session.lastSurface : null
++    property bool _firstTimeSurface: true
++
++    onLastSurfaceChanged: {
++        if (!active || !lastSurface) return;
++        if (!_firstTimeSurface) return;
++        _firstTimeSurface = false;
++
++        if (lastSurface.state === Mir.FullscreenState && lastSurface.shellChrome === Mir.LowChrome) {
++            lastSurface.state = Mir.RestoredState;
++        }
++    }
++}
 === removed file 'qml/Tutorial/Arrow.qml'
 --- qml/Tutorial/Arrow.qml	2015-07-15 15:07:19 +0000
 +++ qml/Tutorial/Arrow.qml	1970-01-01 00:00:00 +0000
@@ -1,56 +0,0 @@
--/*
-- * Copyright (C) 2014 Canonical, Ltd.
-- *
-- * This program is free software; you can redistribute it and/or modify
-- * it under the terms of the GNU General Public License as published by
-- * the Free Software Foundation; version 3.
-- *
-- * This program is distributed in the hope that it will be useful,
-- * but WITHOUT ANY WARRANTY; without even the implied warranty of
-- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-- * GNU General Public License for more details.
-- *
-- * You should have received a copy of the GNU General Public License
-- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-- */
--
--import QtQuick 2.4
--import Ubuntu.Components 1.3
--
--Item {
--    id: root
--
--    property alias color: circle.color
--
--    // Will make whole arrow darker
--    property real darkenBy: 0
--
--    property alias chevronOpacity: chevron.opacity
--
--    ////
--
--    Rectangle {
--        id: circle
--        anchors.fill: parent
--        radius: width / 2
--    }
--
--    Image {
--        id: chevron
--        anchors.centerIn: parent
--        source: Qt.resolvedUrl("graphics/chevron.png")
--        fillMode: Image.PreserveAspectFit
--        sourceSize.width: 152
--        sourceSize.height: 152
--        width: parent.width / 2
--        height: parent.height / 2
--    }
--
--    Rectangle {
--        id: darkCircle
--        anchors.fill: parent
--        radius: width / 2
--        color: "black"
--        opacity: root.darkenBy
--    }
--}
 === added file 'qml/Tutorial/InactivityTimer.qml'
 --- qml/Tutorial/InactivityTimer.qml	1970-01-01 00:00:00 +0000
 +++ qml/Tutorial/InactivityTimer.qml	2016-03-15 20:13:37 +0000
@@ -0,0 +1,62 @@
++/*
++ * Copyright (C) 2015 Canonical, Ltd.
++ *
++ * This program is free software; you can redistribute it and/or modify
++ * it under the terms of the GNU General Public License as published by
++ * the Free Software Foundation; version 3.
++ *
++ * This program is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
++ * GNU General Public License for more details.
++ *
++ * You should have received a copy of the GNU General Public License
++ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
++ */
++
++import QtQuick 2.4
++import Ubuntu.Components 1.3
++
++Item {
++    readonly property alias running: internalTimer.running
++    property alias interval: internalTimer.interval
++    property var page
++    property int lastInputTimestamp
++
++    function start() {
++        internalTimer.start();
++    }
++
++    ////
++
++    onLastInputTimestampChanged: {
++        if (internalTimer.running) {
++            internalTimer.restart();
++        }
++    }
++
++    Connections {
++        target: page
++        onIsReadyChanged: {
++            if (page.isReady && internalTimer.running) {
++                internalTimer.restart();
++            }
++        }
++    }
++
++    Timer {
++        id: internalTimer
++
++        interval: 3000
++
++        onTriggered: {
++            if (page.isReady) {
++                if (!page.shown) {
++                    page.show();
++                }
++            } else if (!page.skipped) {
++                restart();
++            }
++        }
++    }
++}
 === removed file 'qml/Tutorial/Slider.qml'
 --- qml/Tutorial/Slider.qml	2015-07-15 15:07:19 +0000
 +++ qml/Tutorial/Slider.qml	1970-01-01 00:00:00 +0000
@@ -1,123 +0,0 @@
--/*
-- * Copyright (C) 2014 Canonical, Ltd.
-- *
-- * This program is free software; you can redistribute it and/or modify
-- * it under the terms of the GNU General Public License as published by
-- * the Free Software Foundation; version 3.
-- *
-- * This program is distributed in the hope that it will be useful,
-- * but WITHOUT ANY WARRANTY; without even the implied warranty of
-- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-- * GNU General Public License for more details.
-- *
-- * You should have received a copy of the GNU General Public License
-- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-- */
--
--import QtQuick 2.4
--import Ubuntu.Components 1.3
--
--Item {
--    id: root
--
--    // Whether this slider is short or long
--    property bool shortSwipe
--
--    // How far the user has slid
--    property real offset
--
--    // Set to true when slider is being used
--    property bool active
--
--    // How far in percentage terms
--    readonly property real percent: d.slideOffset / target.x
--
--    QtObject {
--        id: d
--        readonly property color trayColor: "#424141"
--        readonly property real margin: units.gu(0.5)
--        readonly property real arrowSize: root.height - margin * 2
--        readonly property real dotSize: units.dp(1)
--        readonly property real slideOffset: MathUtils.clamp(root.offset - offscreenOffset, -offscreenOffset, target.x)
--        readonly property real offscreenOffset: units.gu(2)
--    }
--
--    implicitWidth: shortSwipe ? units.gu(15) : units.gu(27.5)
--    implicitHeight: units.gu(6.5)
--
--    Rectangle {
--        color: d.trayColor
--        anchors.fill: parent
--        anchors.rightMargin: clipBox.width - 1
--    }
--
--    // We want to have a circular border around the target.  But we can't just
--    // do a radius on two of a rectangle's corners.  So we clip a full circle.
--    Item {
--        id: clipBox
--
--        clip: true
--        anchors.top: parent.top
--        anchors.bottom: parent.bottom
--        anchors.right: parent.right
--        width: parent.height / 2
--
--        Rectangle {
--            color: d.trayColor
--            anchors.top: parent.top
--            anchors.bottom: parent.bottom
--            anchors.right: parent.right
--            width: parent.width * 2
--            radius: parent.width
--        }
--    }
--
--    Arrow {
--        id: target
--        width: d.arrowSize
--        height: d.arrowSize
--        color: "#73000000"
--        chevronOpacity: 0.52
--        anchors.right: parent.right
--        anchors.rightMargin: d.margin
--        anchors.verticalCenter: parent.verticalCenter
--    }
--
--    Row {
--        anchors.left: handle.horizontalCenter
--        anchors.right: target.horizontalCenter
--        anchors.verticalCenter: parent.verticalCenter
--
--        layoutDirection: Qt.RightToLeft
--        spacing: d.dotSize * 2
--
--        Repeater {
--            model: parent.width / (parent.spacing + d.dotSize)
--            Rectangle {
--                anchors.verticalCenter: parent ? parent.verticalCenter : undefined
--                height: d.dotSize
--                width: height
--                radius: width
--                color: "white"
--                opacity: 0.2
--            }
--        }
--    }
--
--    Arrow {
--        id: handle
--        width: d.arrowSize
--        height: d.arrowSize
--        color: UbuntuColors.orange
--        darkenBy: root.active ? 0.5 : 0
--        anchors.left: parent.left
--        // We use a Translate transform rather than anchors.leftMargin because
--        // the latter has weird performance problems on the TutorialRight page.
--        transform: [
--            Translate {
--                x: d.slideOffset
--            }
--        ]
--        anchors.verticalCenter: parent.verticalCenter
--    }
--}
 === removed file 'qml/Tutorial/Tick.qml'
 --- qml/Tutorial/Tick.qml	2015-07-15 15:07:19 +0000
 +++ qml/Tutorial/Tick.qml	1970-01-01 00:00:00 +0000
@@ -1,29 +0,0 @@
--/*
-- * Copyright (C) 2015 Canonical, Ltd.
-- *
-- * This program is free software; you can redistribute it and/or modify
-- * it under the terms of the GNU General Public License as published by
-- * the Free Software Foundation; version 3.
-- *
-- * This program is distributed in the hope that it will be useful,
-- * but WITHOUT ANY WARRANTY; without even the implied warranty of
-- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-- * GNU General Public License for more details.
-- *
-- * You should have received a copy of the GNU General Public License
-- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-- */
--
--import QtQuick 2.4
--import Ubuntu.Components 1.3
--
--MouseArea {
--    implicitHeight: tick.height
--    implicitWidth: tick.width
--    Image {
--        id: tick
--        source: Qt.resolvedUrl("graphics/tick.png")
--        height: units.gu(6.5)
--        width: units.gu(6.5)
--    }
--}
 === modified file 'qml/Tutorial/Tutorial.qml'
 --- qml/Tutorial/Tutorial.qml	2015-08-25 07:25:26 +0000
 +++ qml/Tutorial/Tutorial.qml	2016-03-15 20:13:37 +0000
@@ -16,21 +16,29 @@
  import QtQuick 2.4
  import Ubuntu.Components 1.3
++import AccountsService 0.1
++
++/**
++ * This object is always present, so it should be lean and mean.  It will
++ * use a Loader to create the heavier tutorial pages if needed.
++ */
  Item {
      id: root
      property alias active: loader.active
--    property bool paused
--    property real edgeSize
      property Item launcher
      property Item panel
++    property Item stage
++    property string usageScenario
++    property bool paused
++    property bool keyboardVisible
++    property int lastInputTimestamp
      readonly property bool launcherEnabled: loader.item ? loader.item.launcherEnabled : true
      readonly property bool spreadEnabled: loader.item ? loader.item.spreadEnabled : true
      readonly property bool panelEnabled: loader.item ? loader.item.panelEnabled : true
--    readonly property bool panelContentEnabled: loader.item ? loader.item.panelContentEnabled : true
      readonly property bool running: loader.item ? loader.item.running : false
      function finish() {
@@ -39,24 +47,11 @@
+         }
+     }
--    signal finished()
--
      Loader {
          id: loader
          anchors.fill: parent
          source: "TutorialContent.qml"
--
--        Binding {
--            target: loader.item
--            property: "paused"
--            value: root.paused
--        }
--
--        Binding {
--            target: loader.item
--            property: "edgeSize"
--            value: root.edgeSize
--        }
++        active: AccountsService.demoEdges
          Binding {
              target: loader.item
@@ -70,9 +65,39 @@
              value: root.panel
+         }
++        Binding {
++            target: loader.item
++            property: "stage"
++            value: root.stage
++        }
++
++        Binding {
++            target: loader.item
++            property: "usageScenario"
++            value: root.usageScenario
++        }
++
++        Binding {
++            target: loader.item
++            property: "paused"
++            value: root.paused
++        }
++
++        Binding {
++            target: loader.item
++            property: "keyboardVisible"
++            value: root.keyboardVisible
++        }
++
++        Binding {
++            target: loader.item
++            property: "lastInputTimestamp"
++            value: root.lastInputTimestamp
++        }
++
          Connections {
              target: loader.item
--            onFinished: root.finished()
++            onFinished: AccountsService.demoEdges = false
+         }
+     }
+ }
 === added file 'qml/Tutorial/TutorialBottom.qml'
 --- qml/Tutorial/TutorialBottom.qml	1970-01-01 00:00:00 +0000
 +++ qml/Tutorial/TutorialBottom.qml	2016-03-15 20:13:37 +0000
@@ -0,0 +1,126 @@
++/*
++ * Copyright (C) 2015 Canonical, Ltd.
++ *
++ * This program is free software; you can redistribute it and/or modify
++ * it under the terms of the GNU General Public License as published by
++ * the Free Software Foundation; version 3.
++ *
++ * This program is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
++ * GNU General Public License for more details.
++ *
++ * You should have received a copy of the GNU General Public License
++ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
++ */
++
++import QtQuick 2.4
++import Ubuntu.Components 1.3
++import Ubuntu.Gestures 0.1
++import Unity.Application 0.1
++
++TutorialPage {
++    id: root
++
++    property string usageScenario
++    property var stage
++    property var application: null
++
++    // This page is a bit fragile.  It relies on knowing how the app beneath
++    // the shell will react to a drag.  What we do is put a monitor-only DDA
++    // at the bottom of the page (so that we know when the drag is finished)
++    // and pass the events on through to the app.  Thus, it sees the drag and
++    // brings its bottom edge up.
++    //
++    // Unfortunately, each app is on its own when implementing the bottom edge
++    // drag.  Most share copied-and-pasted code right now, but they will
++    // eventually consolidate on a version of DirectionalDragArea that will
++    // land in the SDK (making our guessing job easier).  Though, also in the
++    // future, this whole bottom tutorial component will also land in the SDK,
++    // rendering our version here obsolete.
++    //
++    // Anyway, for the moment, we base our guesses on the copied-and-pasted
++    // code used in several of the core apps and only bring this component
++    // up if we are in those core apps.
++
++    readonly property real mainStageWidth: stage.width - sideStageWidth
++    readonly property real sideStageWidth: root.usageScenario === "tablet" && stage.sideStageVisible ?
++                                           stage.sideStageWidth : 0
++    readonly property bool isMainStageApp: usageScenario !== "tablet" ||
++                                           application.stage === ApplicationInfoInterface.MainStage
++    readonly property real dragAreaHeight: units.gu(3) // based on PageWithBottomEdge.qml
++    readonly property real targetDistance: height * 0.2 + dragAreaHeight // based on PageWithBottomEdge.qml
++
++    opacityOverride: dragArea.dragging ? 1 - (-dragArea.distance / targetDistance) : 1
++
++    mouseArea {
++        anchors.bottomMargin: root.dragAreaHeight
++    }
++
++    background {
++        sourceSize.height: 1916
++        sourceSize.width: 1080
++        source: Qt.resolvedUrl("graphics/background2.png")
++        rotation: 180
++    }
++
++    arrow {
++        anchors.bottom: root.bottom
++        anchors.bottomMargin: units.gu(3)
++        anchors.horizontalCenter: label.horizontalCenter
++        anchors.horizontalCenterOffset: -(label.width - label.contentWidth) / 2
++        rotation: 90
++    }
++
++    label {
++        text: !application ? "" :
++              application.appId === "address-book-app" ?
++                                    i18n.tr("Swipe up to add a contact") :
++              application.appId === "com.ubuntu.calculator_calculator" ?
++                                    i18n.tr("Swipe up for favorite calculations") :
++              application.appId === "com.ubuntu.clock_clock" ?
++                                    i18n.tr("Swipe up to manage alarms") :
++              application.appId === "dialer-app" ?
++                                    i18n.tr("Swipe up for recent calls") :
++              application.appId === "messaging-app" ?
++                                    i18n.tr("Swipe up to create a message") :
++              i18n.tr("Swipe up to manage the app") // shouldn't be used
++        anchors.bottom: arrow.top
++        anchors.bottomMargin: units.gu(3)
++        anchors.left: root.left
++        anchors.leftMargin: (label.width - label.contentWidth) / 2 + sideMargin +
++                            (isMainStageApp ? 0 : mainStageWidth)
++        width: (isMainStageApp ? mainStageWidth : sideStageWidth) - sideMargin * 2
++
++        readonly property real sideMargin: units.gu(4)
++    }
++
++    // Watches drag events but does not intercept them, so that the app beneath
++    // will still drag the bottom edge up.
++    DirectionalDragArea {
++        id: dragArea
++        monitorOnly: true
++        direction: Direction.Upwards
++        anchors.left: parent.left
++        anchors.right: parent.right
++        anchors.bottom: parent.bottom
++        height: root.dragAreaHeight
++
++        // Apps currently don't use DDA.  DDA will stop a gesture if
++        // horizontal motion is detected.  But our apps won't.  So turn off
++        // that gesture cleverness on our part, it will only get us out of sync.
++        immediateRecognition: true
++    }
++
++    MouseArea {
++        // A second mouse area because in tablet mode, we only want to let the
++        // user drag up on one of the stages, not both.  So we want to cover
++        // the second bottom edge with an event eater.
++        enabled: root.usageScenario === "tablet"
++        height: root.dragAreaHeight
++        width: isMainStageApp ? sideStageWidth : mainStageWidth
++        anchors.bottom: parent.bottom
++        anchors.left: isMainStageApp ? undefined : parent.left
++        anchors.right: isMainStageApp ? parent.right : undefined
++    }
++}
 === removed file 'qml/Tutorial/TutorialBottom.qml'
 --- qml/Tutorial/TutorialBottom.qml	2015-07-15 15:07:19 +0000
 +++ qml/Tutorial/TutorialBottom.qml	1970-01-01 00:00:00 +0000
@@ -1,104 +0,0 @@
--/*
-- * Copyright (C) 2014 Canonical, Ltd.
-- *
-- * This program is free software; you can redistribute it and/or modify
-- * it under the terms of the GNU General Public License as published by
-- * the Free Software Foundation; version 3.
-- *
-- * This program is distributed in the hope that it will be useful,
-- * but WITHOUT ANY WARRANTY; without even the implied warranty of
-- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-- * GNU General Public License for more details.
-- *
-- * You should have received a copy of the GNU General Public License
-- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-- */
--
--import QtQuick 2.4
--import Ubuntu.Components 1.3
--import Ubuntu.Gestures 0.1
--import "../Components"
--import "." as LocalComponents
--
--TutorialPage {
--    id: root
--
--    property alias edgeSize: dragArea.height
--
--    title: i18n.tr("Open special menus")
--    text: i18n.tr("Swipe up from the bottom edge.")
--    fullTextWidth: true
--
--    SequentialAnimation {
--        id: teaseAnimation
--        paused: running && root.paused
--        running: !dragArea.useTouchY && slider.dragOffset === 0
--        loops: Animation.Infinite
--
--        UbuntuNumberAnimation {
--            target: slider
--            property: "teaseOffset"
--            to: units.gu(1)
--            duration: UbuntuAnimation.SleepyDuration
--        }
--        UbuntuNumberAnimation {
--            target: slider
--            property: "teaseOffset"
--            to: 0
--            duration: UbuntuAnimation.SleepyDuration
--        }
--    }
--
--    foreground {
--        children: [
--            LocalComponents.Slider {
--                id: slider
--                anchors {
--                    bottom: parent.bottom
--                    bottomMargin: width / 2 - height / 2
--                    horizontalCenter: parent.horizontalCenter
--                }
--                rotation: -90
--                offset: teaseOffset + dragOffset
--                active: dragArea.dragging
--
--                property real teaseOffset
--                property real dragOffset: dragArea.useTouchY ? -dragArea.touchY : 0
--
--                Behavior on dragOffset {
--                    id: offsetAnimation
--                    UbuntuNumberAnimation {}
--                }
--            }
--        ]
--    }
--
--    DirectionalDragArea {
--        id: dragArea
--        direction: Direction.Upwards
--        anchors {
--            bottom: parent.bottom
--            left: parent.left
--            right: parent.right
--        }
--
--        property bool useTouchY
--
--        onDraggingChanged: {
--            if (!dragging) {
--                if (slider.percent >= 0.85) {
--                    root.hide();
--                } else if (slider.percent >= 0.15) {
--                    root.showError();
--                }
--            }
--
--            // We use a separate vars here rather than just directly looking at
--            // 'dragging' because we want to preserve our 'slider.offset'
--            // value during the above percent check.  Now that we made it,
--            // we can have 'slider.offset' go back to zero.
--            offsetAnimation.enabled = !dragging;
--            useTouchY = dragging;
--        }
--    }
--}
 === removed file 'qml/Tutorial/TutorialBottomFinish.qml'
 --- qml/Tutorial/TutorialBottomFinish.qml	2015-07-15 15:07:19 +0000
 +++ qml/Tutorial/TutorialBottomFinish.qml	1970-01-01 00:00:00 +0000
@@ -1,41 +0,0 @@
--/*
-- * Copyright (C) 2014 Canonical, Ltd.
-- *
-- * This program is free software; you can redistribute it and/or modify
-- * it under the terms of the GNU General Public License as published by
-- * the Free Software Foundation; version 3.
-- *
-- * This program is distributed in the hope that it will be useful,
-- * but WITHOUT ANY WARRANTY; without even the implied warranty of
-- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-- * GNU General Public License for more details.
-- *
-- * You should have received a copy of the GNU General Public License
-- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-- */
--
--import QtQuick 2.4
--import Ubuntu.Components 1.3
--import "." as LocalComponents
--
--TutorialPage {
--    id: root
--
--    title: i18n.tr("This action does different things for different apps")
--    text: i18n.tr("Tap here to finish.")
--    fullTextWidth: true
--
--    foreground {
--        children: [
--            LocalComponents.Tick {
--                objectName: "tick"
--                anchors {
--                    horizontalCenter: parent.horizontalCenter
--                    top: parent.top
--                    topMargin: root.textBottom + units.gu(3)
--                }
--                onClicked: root.hide()
--            }
--        ]
--    }
--}
 === modified file 'qml/Tutorial/TutorialContent.qml'
 --- qml/Tutorial/TutorialContent.qml	2015-08-25 07:25:26 +0000
 +++ qml/Tutorial/TutorialContent.qml	2016-03-15 20:13:37 +0000
@@ -16,103 +16,273 @@
  import QtQuick 2.4
  import Ubuntu.Components 1.3
++import AccountsService 0.1
++import Unity.Application 0.1
  Item {
      id: root
      property Item launcher
      property Item panel
--
--    readonly property bool launcherEnabled: !running ||
--                                            (!paused && tutorialLeft.shown)
--    readonly property bool spreadEnabled: !running
--    readonly property bool panelEnabled: !running
--    readonly property bool panelContentEnabled: !running
--    readonly property alias running: d.running
--
--    property bool paused: false
--    property real edgeSize
++    property Item stage
++    property string usageScenario
++    property bool paused
++    property bool keyboardVisible
++    property var lastInputTimestamp
++
++    readonly property bool launcherEnabled: !running
++                                            || tutorialLeftLoader.shown
++                                            || tutorialLeftLongLoader.shown
++    readonly property bool spreadEnabled: !running || tutorialRightLoader.shown
++    readonly property bool panelEnabled: !running || tutorialTopLoader.shown
++    readonly property bool running: tutorialLeftLoader.shown
++                                    || tutorialTopLoader.shown
++                                    || tutorialRightLoader.shown
++                                    || tutorialBottomLoader.shown
      signal finished()
      function finish() {
--        d.stop();
          finished();
+     }
      ////
--    Component.onCompleted: {
--        d.start();
--    }
--
      QtObject {
          id: d
--        property bool running
--
--        function stop() {
--            running = false;
--        }
--
--        function start() {
--            running = true;
--            tutorialLeft.show();
--        }
--    }
--
--    TutorialLeft {
--        id: tutorialLeft
--        objectName: "tutorialLeft"
--        anchors.fill: parent
--        launcher: root.launcher
--        paused: !shown || root.paused
--
--        onFinished: tutorialLeftFinish.show()
--    }
--
--    TutorialLeftFinish {
--        id: tutorialLeftFinish
--        objectName: "tutorialLeftFinish"
--        anchors.fill: parent
--        textXOffset: root.launcher.panelWidth
--        paused: !shown || root.paused
--        text: i18n.tr("Tap here to continue.")
--
--        onFinished: {
--            root.launcher.hide();
--            tutorialRight.show();
--        }
--    }
--
--    TutorialRight {
--        id: tutorialRight
--        objectName: "tutorialRight"
--        anchors.fill: parent
--        edgeSize: root.edgeSize
--        panel: root.panel
--        paused: !shown || root.paused
--
--        onFinished: tutorialBottom.show()
--    }
--
--    TutorialBottom {
--        id: tutorialBottom
--        objectName: "tutorialBottom"
--        anchors.fill: parent
--        edgeSize: root.edgeSize
--        paused: !shown || root.paused
--
--        onFinished: tutorialBottomFinish.show()
--    }
--
--    TutorialBottomFinish {
--        id: tutorialBottomFinish
--        objectName: "tutorialBottomFinish"
--        anchors.fill: parent
--        backgroundFadesOut: true
--        paused: !shown || root.paused
--
--        onFinished: root.finish()
++        // We allow "" because it is briefly empty on startup, and we don't
++        // want to improperly skip any mobile tutorials.
++        property bool mobileScenario: root.usageScenario === "" ||
++                                      root.usageScenario === "phone" ||
++                                      root.usageScenario === "tablet"
++
++        property var focusedApp: ApplicationManager.focusedApplicationId
++                                 ? ApplicationManager.findApplication(ApplicationManager.focusedApplicationId)
++                                 : null
++
++        function haveShown(tutorialId) {
++            return AccountsService.demoEdgesCompleted.indexOf(tutorialId) != -1;
++        }
++
++        property bool endPointsFinished: tutorialRightLoader.skipped &&
++                                         tutorialBottomLoader.skipped
++        onEndPointsFinishedChanged: if (endPointsFinished) root.finish()
++    }
++
++    Loader {
++        id: tutorialLeftLoader
++        objectName: "tutorialLeftLoader"
++        anchors.fill: parent
++
++        readonly property bool skipped: !d.mobileScenario || d.haveShown("left")
++        readonly property bool shown: item && item.shown
++        active: !skipped || (item && item.visible)
++        onSkippedChanged: if (skipped && shown) item.hide()
++
++        sourceComponent: TutorialLeft {
++            id: tutorialLeft
++            objectName: "tutorialLeft"
++            anchors.fill: parent
++            launcher: root.launcher
++            hides: [launcher, panel.indicators]
++            paused: root.paused
++
++            isReady: !tutorialLeftLoader.skipped && !paused && !keyboardVisible
++
++            // Use an idle timer here, because when constructed, all our isReady variables will be false.
++            // Qml needs a moment to copy their values from Tutorial.qml.  So we idle it and recheck.
++            Timer {
++                id: tutorialLeftTimer
++                interval: 0
++                onTriggered: if (tutorialLeft.isReady && !tutorialLeft.shown) tutorialLeft.show()
++            }
++
++            onIsReadyChanged: if (isReady && !shown) tutorialLeftTimer.start()
++            onFinished: AccountsService.markDemoEdgeCompleted("left")
++        }
++    }
++
++    Loader {
++        id: tutorialLeftLongLoader
++        objectName: "tutorialLeftLongLoader"
++        anchors.fill: parent
++
++        readonly property bool skipped: !d.mobileScenario || d.haveShown("left-long")
++        readonly property bool shown: item && item.shown
++        active: !skipped || (item && item.visible)
++        onSkippedChanged: if (skipped && shown) item.hide()
++
++        sourceComponent: TutorialLeftLong {
++            id: tutorialLeftLong
++            objectName: "tutorialLeftLong"
++            anchors.fill: parent
++            launcher: root.launcher
++            hides: [launcher, panel.indicators]
++            paused: root.paused
++
++            skipped: tutorialLeftLongLoader.skipped
++            isReady: tutorialLeftLoader.skipped && !skipped && !paused && !keyboardVisible &&
++                     !tutorialBottomLoader.shown && !tutorialBottomLoader.mightShow
++
++            Timer {
++                id: tutorialLeftLongTimer
++                objectName: "tutorialLeftLongTimer"
++                interval: 5000
++                onTriggered: {
++                    if (parent.isReady) {
++                        if (!parent.shown) {
++                            parent.show();
++                        }
++                    } else if (!parent.skipped) {
++                        restart();
++                    }
++                }
++            }
++
++            onIsReadyChanged: if (isReady && !shown) tutorialLeftLongTimer.start()
++            onFinished: AccountsService.markDemoEdgeCompleted("left-long")
++        }
++    }
++
++    Loader {
++        id: tutorialTopLoader
++        objectName: "tutorialTopLoader"
++        anchors.fill: parent
++
++        readonly property bool skipped: !d.mobileScenario || d.haveShown("top")
++        readonly property bool shown: item && item.shown
++        active: !skipped || (item && item.visible)
++        onSkippedChanged: if (skipped && shown) item.hide()
++
++        sourceComponent: TutorialTop {
++            id: tutorialTop
++            objectName: "tutorialTop"
++            anchors.fill: parent
++            panel: root.panel
++            hides: [launcher, panel.indicators]
++            paused: root.paused
++
++            skipped: tutorialTopLoader.skipped
++            isReady: tutorialLeftLongLoader.skipped && !skipped && !paused && !keyboardVisible &&
++                     !tutorialBottomLoader.shown && !tutorialBottomLoader.mightShow
++
++            // We fire 30s after left edge tutorial, with at least 3s of inactivity
++
++            InactivityTimer {
++                id: tutorialTopInactivityTimer
++                lastInputTimestamp: root.lastInputTimestamp
++                page: parent
++            }
++
++            Timer {
++                id: tutorialTopTimer
++                objectName: "tutorialTopTimer"
++                interval: 27000
++                onTriggered: tutorialTopInactivityTimer.start()
++            }
++
++            onIsReadyChanged: if (isReady && !shown) tutorialTopTimer.start()
++            onFinished: AccountsService.markDemoEdgeCompleted("top")
++        }
++    }
++
++    Loader {
++        id: tutorialRightLoader
++        objectName: "tutorialRightLoader"
++        anchors.fill: parent
++
++        readonly property bool skipped: d.haveShown("right")
++        readonly property bool shown: item && item.shown
++        active: !skipped || (item && item.visible)
++        onSkippedChanged: if (skipped && shown) item.hide()
++
++        sourceComponent: TutorialRight {
++            id: tutorialRight
++            objectName: "tutorialRight"
++            anchors.fill: parent
++            stage: root.stage
++            usageScenario: root.usageScenario
++            hides: [launcher, panel.indicators]
++            paused: root.paused
++
++            skipped: tutorialRightLoader.skipped
++            isReady: tutorialTopLoader.skipped && !skipped && !paused && !keyboardVisible &&
++                     !tutorialBottomLoader.shown && !tutorialBottomLoader.mightShow &&
++                     ApplicationManager.count >= 3
++
++            InactivityTimer {
++                id: tutorialRightInactivityTimer
++                objectName: "tutorialRightInactivityTimer"
++                lastInputTimestamp: root.lastInputTimestamp
++                page: parent
++            }
++
++            Connections {
++                target: d
++                onFocusedAppChanged: {
++                    if (tutorialRight.isReady && !tutorialRight.shown && d.focusedApp
++                            && d.focusedApp.state === ApplicationInfoInterface.Starting) {
++                        tutorialRight.show();
++                    }
++                }
++            }
++
++            onIsReadyChanged: if (isReady && !shown) tutorialRightInactivityTimer.start()
++            onFinished: AccountsService.markDemoEdgeCompleted("right")
++        }
++    }
++
++    Loader {
++        id: tutorialBottomLoader
++        objectName: "tutorialBottomLoader"
++        anchors.fill: parent
++
++        // See TutorialBottom.qml for an explanation of why we only support
++        // certain apps.
++        readonly property var supportedApps: ["address-book-app",
++                                              "com.ubuntu.calculator_calculator",
++                                              "dialer-app",
++                                              "messaging-app"]
++        readonly property bool skipped: {
++            if (!d.mobileScenario) {
++                return true;
++            }
++            for (var i = 0; i < supportedApps.length; i++) {
++                if (!d.haveShown("bottom-" + supportedApps[i])) {
++                    return false;
++                }
++            }
++            return true;
++        }
++        readonly property bool shown: item && item.shown
++        readonly property bool haveShownFocusedApp: d.focusedApp &&
++                                                    d.haveShown("bottom-" + d.focusedApp.appId)
++        readonly property bool mightShow: !skipped && d.focusedApp &&
++                                          supportedApps.indexOf(d.focusedApp.appId) !== -1 &&
++                                          !haveShownFocusedApp
++        active: !skipped || (item && item.visible)
++        onHaveShownFocusedAppChanged: if (haveShownFocusedApp && shown) hide()
++        onSkippedChanged: if (skipped && shown) item.hide()
++
++        sourceComponent: TutorialBottom {
++            id: tutorialBottom
++            objectName: "tutorialBottom"
++            anchors.fill: parent
++            hides: [launcher, panel.indicators]
++            paused: root.paused
++            usageScenario: root.usageScenario
++            stage: root.stage
++            application: d.focusedApp
++
++            skipped: tutorialBottomLoader.skipped
++            isReady: !tutorialBottomLoader.skipped && !paused && !keyboardVisible &&
++                     !tutorialTopLoader.shown && !tutorialRightLoader.shown &&
++                     tutorialBottomLoader.mightShow &&
++                     d.focusedApp.state === ApplicationInfoInterface.Running
++
++            onIsReadyChanged: if (isReady && !shown) show()
++            onFinished: AccountsService.markDemoEdgeCompleted("bottom-" + d.focusedApp.appId)
++        }
+     }
+ }
 === modified file 'qml/Tutorial/TutorialLeft.qml'
 --- qml/Tutorial/TutorialLeft.qml	2015-07-21 14:38:35 +0000
 +++ qml/Tutorial/TutorialLeft.qml	2016-03-15 20:13:37 +0000
@@ -1,5 +1,5 @@
  /*
-- * Copyright (C) 2014,2015 Canonical, Ltd.
++ * Copyright (C) 2015 Canonical, Ltd.
+  *
   * This program is free software; you can redistribute it and/or modify
   * it under the terms of the GNU General Public License as published by
@@ -23,79 +23,32 @@
      property var launcher
--    title: i18n.tr("Open the launcher")
--    text: i18n.tr("Short swipe from the left edge.")
--
--    textXOffset: root.launcher.x + root.launcher.visibleWidth
--
--    Connections {
--        target: root.launcher
--
--        onStateChanged: {
--            if (root.launcher.state === "visible") {
--                finishTimer.start();
--            }
--        }
--
--        onDash: {
--            finishTimer.stop();
--            root.showError();
--            root.launcher.hide();
--        }
--    }
--
--    SequentialAnimation {
--        id: teaseAnimation
--        objectName: "teaseAnimation"
--        paused: running && root.paused
--        running: !slider.active && root.launcher.visibleWidth === 0 && root.shown
--        loops: Animation.Infinite
--        property real bounce: 0
--        readonly property real maxBounce: units.gu(2)
--
--        UbuntuNumberAnimation {
--            target: teaseAnimation
--            property: "bounce"
--            to: teaseAnimation.maxBounce
--            duration: UbuntuAnimation.SleepyDuration
--        }
--        UbuntuNumberAnimation {
--            target: teaseAnimation
--            property: "bounce"
--            to: 0
--            duration: UbuntuAnimation.SleepyDuration
--        }
--    }
--
--    Binding {
--        target: root.launcher
--        when: root.shown
--        property: "x"
--        value: Math.min(root.launcher.panelWidth - root.launcher.visibleWidth, teaseAnimation.bounce)
--    }
--
--    Timer {
--        id: finishTimer
--        interval: 1
--        onTriggered: {
--            root.hide();
--            root.launcher.x = 0; // make sure to reset launcher before we go
--        }
--    }
--
--    foreground {
--        children: [
--            LocalComponents.Slider {
--                id: slider
--                anchors {
--                    left: parent.left
--                    top: parent.top
--                    topMargin: root.textBottom + units.gu(3)
--                }
--                offset: root.launcher.x + root.launcher.visibleWidth + root.launcher.progress
--                active: root.launcher.dragging
--                shortSwipe: true
--            }
--        ]
++    opacityOverride: 1 - launcher.visibleWidth / launcher.panelWidth
++
++    mouseArea {
++        anchors.leftMargin: launcher.dragAreaWidth
++    }
++
++    background {
++        sourceSize.height: 1916
++        sourceSize.width: 1080
++        source: Qt.resolvedUrl("graphics/background1.png")
++        mirror: true
++    }
++
++    arrow {
++        anchors.left: root.left
++        anchors.leftMargin: units.gu(2)
++        anchors.verticalCenter: root.verticalCenter
++        rotation: 180
++    }
++
++    label {
++        text: i18n.tr("Swipe from the left edge to open the launcher")
++        anchors.left: arrow.right
++        anchors.leftMargin: units.gu(3)
++        anchors.right: root.right
++        anchors.rightMargin: units.gu(4)
++        anchors.verticalCenter: arrow.verticalCenter
+     }
+ }
 === removed file 'qml/Tutorial/TutorialLeftFinish.qml'
 --- qml/Tutorial/TutorialLeftFinish.qml	2015-07-15 15:07:19 +0000
 +++ qml/Tutorial/TutorialLeftFinish.qml	1970-01-01 00:00:00 +0000
@@ -1,41 +0,0 @@
--/*
-- * Copyright (C) 2014 Canonical, Ltd.
-- *
-- * This program is free software; you can redistribute it and/or modify
-- * it under the terms of the GNU General Public License as published by
-- * the Free Software Foundation; version 3.
-- *
-- * This program is distributed in the hope that it will be useful,
-- * but WITHOUT ANY WARRANTY; without even the implied warranty of
-- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-- * GNU General Public License for more details.
-- *
-- * You should have received a copy of the GNU General Public License
-- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-- */
--
--import QtQuick 2.4
--import Ubuntu.Components 1.3
--import "." as LocalComponents
--
--TutorialPage {
--    id: root
--
--    title: i18n.tr("These are the shortcuts to favorite apps")
--    text: i18n.tr("Tap here to continue.")
--    fullTextWidth: true
--
--    foreground {
--        children: [
--            LocalComponents.Tick {
--                objectName: "tick"
--                anchors {
--                    horizontalCenter: parent.horizontalCenter
--                    top: parent.top
--                    topMargin: root.textBottom + units.gu(3)
--                }
--                onClicked: root.hide()
--            }
--        ]
--    }
--}
 === added file 'qml/Tutorial/TutorialLeftLong.qml'
 --- qml/Tutorial/TutorialLeftLong.qml	1970-01-01 00:00:00 +0000
 +++ qml/Tutorial/TutorialLeftLong.qml	2016-03-15 20:13:37 +0000
@@ -0,0 +1,54 @@
++/*
++ * Copyright (C) 2016 Canonical, Ltd.
++ *
++ * This program is free software; you can redistribute it and/or modify
++ * it under the terms of the GNU General Public License as published by
++ * the Free Software Foundation; version 3.
++ *
++ * This program is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
++ * GNU General Public License for more details.
++ *
++ * You should have received a copy of the GNU General Public License
++ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
++ */
++
++import QtQuick 2.4
++import Ubuntu.Components 1.3
++import "." as LocalComponents
++
++TutorialPage {
++    id: root
++
++    property var launcher
++
++    opacityOverride: 1 - launcher.dragDistance / launcher.minimizeDistance
++
++    mouseArea {
++        anchors.leftMargin: launcher.dragAreaWidth
++    }
++
++    background {
++        sourceSize.height: 1916
++        sourceSize.width: 1080
++        source: Qt.resolvedUrl("graphics/background1.png")
++        mirror: true
++    }
++
++    arrow {
++        anchors.left: root.left
++        anchors.leftMargin: units.gu(2)
++        anchors.verticalCenter: root.verticalCenter
++        rotation: 180
++    }
++
++    label {
++        text: i18n.tr("Long swipe from the left edge to open the Today scope")
++        anchors.left: arrow.right
++        anchors.leftMargin: units.gu(3)
++        anchors.right: root.right
++        anchors.rightMargin: units.gu(4)
++        anchors.verticalCenter: arrow.verticalCenter
++    }
++}
 === modified file 'qml/Tutorial/TutorialPage.qml'
 --- qml/Tutorial/TutorialPage.qml	2015-07-15 15:07:19 +0000
 +++ qml/Tutorial/TutorialPage.qml	2016-03-15 20:13:37 +0000
@@ -21,225 +21,101 @@
  Showable {
      id: root
--    // This is the header displayed, like "Right edge"
--    property alias title: titleLabel.text
--
--    // This is the block of text displayed below the header
--    property alias text: textLabel.text
--
--    // Whether animations are paused
++    property alias arrow: arrow
++    property alias label: label
++    property alias background: background
++    property alias mouseArea: mouseArea
++    property real opacityOverride: 1
      property bool paused
--
--    // Whether to give the text the full width that the title has
--    property bool fullTextWidth
--
--    // Whether whole page (background + foreground) or just the foreground fades in
--    property bool backgroundFadesIn: false
--
--    // Whether whole page (background + foreground) or just the foreground fades out
--    property bool backgroundFadesOut: false
--
--    // The foreground Item, add children to it that you want to fade in
--    property alias foreground: foregroundExtra
--
--    // The text label bottom, so you can position elements relative to it
--    readonly property real textBottom: Math.max(textLabel.y + textLabel.height, errorTextLabel.y + errorTextLabel.height)
--
--    // The MouseArea that eats events (so you can adjust size as you will)
--    property alias mouseArea: mouseArea
--
--    // X/Y offsets for text
--    property real textXOffset: 0
--    property real textYOffset: 0
--
--    // Foreground text opacity
--    property real textOpacity: 1
++    property bool skipped
++    property bool isReady
      signal finished()
--    function showError() {
--        errorTimer.start();
--    }
--
      ////
++    QtObject {
++        id: d
++        property bool showOnUnpause
++    }
++
      visible: false
      shown: false
--    property real _foregroundHideOpacity
++    opacity: Math.max(Math.min(_showOpacity, opacityOverride), 0)
++    onOpacityOverrideChanged: {
++        if (opacityOverride <= 0) {
++            d.showOnUnpause = false;
++            hide();
++        }
++    }
++    property real _showOpacity: 0
++
++    onPausedChanged: {
++        if (paused && shown) {
++            d.showOnUnpause = true;
++            hide();
++        } else if (!paused && d.showOnUnpause) {
++            if (isReady) {
++                show();
++            } else if (hideAnimation.running) {
++                hideAnimation.stop();
++            }
++            d.showOnUnpause = false;
++        }
++    }
      showAnimation: StandardAnimation {
--        property: root.backgroundFadesIn ? "opacity" : "_foregroundHideOpacity"
++        property: "_showOpacity"
          from: 0
          to: 1
--        duration: root.backgroundFadesIn ? UbuntuAnimation.SleepyDuration : UbuntuAnimation.BriskDuration
++        duration: UbuntuAnimation.SleepyDuration
          onStarted: root.visible = true
+     }
      hideAnimation: StandardAnimation {
--        property: root.backgroundFadesOut ? "opacity" : "_foregroundHideOpacity"
++        property: "_showOpacity"
          to: 0
          duration: UbuntuAnimation.BriskDuration
          onStopped: {
              root.visible = false;
--            root.finished();
--        }
--    }
--
--    QtObject {
--        id: d
--
--        readonly property real sideMargin: units.gu(5.5)
--        readonly property real verticalOffset: -units.gu(9)
--        readonly property real textXOffset: Math.max(0, root.textXOffset - sideMargin + units.gu(2))
--
--        property real fadeInOffset: {
--            if (showAnimation.running) {
--                var opacity = root[root.showAnimation.property]
--                return (1 - opacity) * units.gu(3);
--            } else {
--                return 0;
++            if (!d.showOnUnpause) {
++                root.finished();
+             }
+         }
+     }
--    Timer {
--        id: errorTimer
--        interval: 3500
--    }
--
      MouseArea { // eat any errant presses
          id: mouseArea
          anchors.fill: parent
+     }
--    Rectangle {
--        anchors.fill: parent
--        color: "black"
--        opacity: 0.82
--    }
--
--    Item {
--        id: foreground
--        anchors.fill: parent
--        opacity: root._foregroundHideOpacity
--
--        Item {
--            anchors.fill: parent
--            opacity: root.textOpacity
--
--            Label {
--                id: titleLabel
--                anchors {
--                    top: parent.verticalCenter
--                    topMargin: d.verticalOffset + root.textYOffset
--                    left: parent.left
--                    leftMargin: d.sideMargin + d.textXOffset
--                }
--                width: parent.width - d.sideMargin * 2
--                horizontalAlignment: Text.AlignLeft
--                wrapMode: Text.Wrap
--                font.weight: Font.Light
--                font.pixelSize: units.gu(3.5)
--            }
--
--            Label {
--                id: textLabel
--                anchors {
--                    top: titleLabel.bottom
--                    topMargin: units.gu(2)
--                    left: parent.left
--                    leftMargin: d.sideMargin + d.textXOffset
--                }
--                width: (parent.width - d.sideMargin * 2) * (fullTextWidth ? 1 : 0.66)
--                horizontalAlignment: Text.AlignLeft
--                wrapMode: Text.Wrap
--                font.weight: Font.Light
--                font.pixelSize: units.gu(2.5)
--            }
--
--            // We use two separate labels like this rather than just changing
--            // the text of the above labels because we want to know where to place
--            // sliders (via root.textBottom) without having that place change
--            // as the text changes length.
--            Label {
--                id: errorTitleLabel
--                objectName: "errorTitleLabel"
--                anchors {
--                    top: titleLabel.top
--                    left: titleLabel.left
--                }
--                width: titleLabel.width
--                horizontalAlignment: titleLabel.horizontalAlignment
--                wrapMode: titleLabel.wrapMode
--                font.weight: titleLabel.font.weight
--                font.pixelSize: titleLabel.font.pixelSize
--                opacity: 0
--                text: i18n.tr("You almost got it!")
--            }
--
--            Label {
--                id: errorTextLabel
--                objectName: "errorTextLabel"
--                anchors {
--                    top: errorTitleLabel.bottom
--                    topMargin: textLabel.anchors.topMargin
--                    left: textLabel.left
--                }
--                width: textLabel.width
--                horizontalAlignment: textLabel.horizontalAlignment
--                wrapMode: textLabel.wrapMode
--                font.weight: textLabel.font.weight
--                font.pixelSize: textLabel.font.pixelSize
--                opacity: 0
--                text: i18n.tr("Try again.")
--            }
--        }
--
--        // A place for subclasses to add extra widgets
--        Item {
--            id: foregroundExtra
--            anchors.fill: parent
--        }
--    }
--
--    states: State {
--        name: "errorState"
--        when: errorTimer.running
--        PropertyChanges { target: titleLabel; opacity: 0 }
--        PropertyChanges { target: textLabel; opacity: 0 }
--        PropertyChanges { target: errorTitleLabel; opacity: 1 }
--        PropertyChanges { target: errorTextLabel; opacity: 1 }
--    }
--
--    transitions: Transition {
--        to: "errorState"
--        reversible: true
--        SequentialAnimation {
--            ParallelAnimation {
--                StandardAnimation {
--                    target: titleLabel
--                    property: "opacity"
--                    duration: UbuntuAnimation.BriskDuration
--                }
--                StandardAnimation {
--                    target: textLabel
--                    property: "opacity"
--                    duration: UbuntuAnimation.BriskDuration
--                }
--            }
--            ParallelAnimation {
--                StandardAnimation {
--                    target: errorTitleLabel
--                    property: "opacity"
--                    duration: UbuntuAnimation.BriskDuration
--                }
--                StandardAnimation {
--                    target: errorTextLabel
--                    property: "opacity"
--                    duration: UbuntuAnimation.BriskDuration
--                }
--            }
--        }
++    Image {
++        id: background
++        // Use x/y/height/width instead of anchors so that we don't adjust
++        // the image if the OSK appears.
++        x: 0
++        y: 0
++        height: root.height
++        width: root.width
++        fillMode: Image.PreserveAspectCrop
++    }
++
++    Image {
++        id: arrow
++        width: units.gu(1.5)
++        source: Qt.resolvedUrl("graphics/arrow.svg")
++        fillMode: Image.PreserveAspectFit
++        mipmap: true
++    }
++
++    Label {
++        id: label
++        objectName: "tutorialLabel"
++        fontSize: "large"
++        font.weight: Font.Light
++        color: "#333333"
++        wrapMode: Text.Wrap
++        lineHeight: 1.2
+     }
+ }
 === added file 'qml/Tutorial/TutorialRight.qml'
 --- qml/Tutorial/TutorialRight.qml	1970-01-01 00:00:00 +0000
 +++ qml/Tutorial/TutorialRight.qml	2016-03-15 20:13:37 +0000
@@ -0,0 +1,61 @@
++/*
++ * Copyright (C) 2015 Canonical, Ltd.
++ *
++ * This program is free software; you can redistribute it and/or modify
++ * it under the terms of the GNU General Public License as published by
++ * the Free Software Foundation; version 3.
++ *
++ * This program is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
++ * GNU General Public License for more details.
++ *
++ * You should have received a copy of the GNU General Public License
++ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
++ */
++
++import QtQuick 2.4
++import Ubuntu.Components 1.3
++
++TutorialPage {
++    id: root
++
++    property var stage
++    property string usageScenario
++
++    // When on phone or tablet, fade out as the drag progresses
++    opacityOverride: usageScenario === "desktop" ? 1 : 1 - stage.dragProgress * 2
++
++    // Else on desktop, fade out when the spread is shown
++    Connections {
++        target: usageScenario === "desktop" ? stage : null
++        ignoreUnknownSignals: true
++        onSpreadShownChanged: if (stage.spreadShown && root.shown) root.hide()
++    }
++
++    mouseArea {
++        anchors.rightMargin: stage.dragAreaWidth
++    }
++
++    background {
++        sourceSize.height: 1916
++        sourceSize.width: 1080
++        source: Qt.resolvedUrl("graphics/background1.png")
++    }
++
++    arrow {
++        anchors.right: root.right
++        anchors.rightMargin: units.gu(2)
++        anchors.verticalCenter: root.verticalCenter
++    }
++
++    label {
++        text: root.usageScenario === "desktop" ?
++                    i18n.tr("Hover your mouse on the right edge to view your open apps") :
++                    i18n.tr("Short or long swipe from the right edge to view your open apps")
++        anchors.right: arrow.left
++        anchors.rightMargin: units.gu(2) - (label.width - label.contentWidth)
++        anchors.verticalCenter: arrow.verticalCenter
++        width: Math.min(units.gu(40), arrow.x - units.gu(4))
++    }
++}
 === removed file 'qml/Tutorial/TutorialRight.qml'
 --- qml/Tutorial/TutorialRight.qml	2015-07-15 15:07:19 +0000
 +++ qml/Tutorial/TutorialRight.qml	1970-01-01 00:00:00 +0000
@@ -1,223 +0,0 @@
--/*
-- * Copyright (C) 2014 Canonical, Ltd.
-- *
-- * This program is free software; you can redistribute it and/or modify
-- * it under the terms of the GNU General Public License as published by
-- * the Free Software Foundation; version 3.
-- *
-- * This program is distributed in the hope that it will be useful,
-- * but WITHOUT ANY WARRANTY; without even the implied warranty of
-- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-- * GNU General Public License for more details.
-- *
-- * You should have received a copy of the GNU General Public License
-- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-- */
--
--import QtQuick 2.4
--import Ubuntu.Components 1.3
--import Ubuntu.Gestures 0.1
--import Unity.Application 0.1
--import "../Components"
--import "../Stages"
--import "." as LocalComponents
--
--TutorialPage {
--    id: root
--
--    property var panel
--    property alias edgeSize: stage.dragAreaWidth
--
--    title: i18n.tr("To view open apps")
--    text: i18n.tr("Long swipe from the right edge.")
--
--    textOpacity: 1 - slider.percent
--
--    SequentialAnimation {
--        id: teaseAnimation
--        paused: running && root.paused
--        running: !stage.dragging && stage.dragProgress === 0
--        loops: Animation.Infinite
--
--        UbuntuNumberAnimation {
--            target: stage
--            property: "x"
--            to: -units.gu(2)
--            duration: UbuntuAnimation.SleepyDuration
--        }
--        UbuntuNumberAnimation {
--            target: stage
--            property: "x"
--            to: 0
--            duration: UbuntuAnimation.SleepyDuration
--        }
--    }
--
--    foreground {
--        children: [
--            LocalComponents.Slider {
--                id: slider
--                anchors {
--                    right: parent.right
--                    top: parent.top
--                    topMargin: root.textBottom + units.gu(3)
--                }
--                rotation: 180
--                offset: stage.dragProgress - stage.x
--                active: stage.dragging
--            },
--
--            // Just assume PhoneStage for now.  The tablet version of the right-edge
--            // tutorial is still being spec'd by the design team.
--            PhoneStage {
--                id: stage
--                objectName: "stage"
--                anchors.top: parent.top
--                width: parent.width
--                height: parent.height
--                applicationManager: fakeAppManager
--                color: "transparent"
--                interactive: false
--                altTabEnabled: false
--                focusFirstApp: false
--                startScale: 0.8
--                endScale: 0.6
--                dragAreaOverlap: -x
--
--                onOpened: {
--                    overlay.show();
--                    root.textOpacity = 0;
--                    slider.visible = false;
--                }
--
--                onDraggingChanged: {
--                    if (!dragging) {
--                        if (!overlay.shown) {
--                            root.showError();
--                        }
--                        teaseAnimation.complete();
--                    }
--                }
--            },
--
--            Showable {
--                id: overlay
--                objectName: "overlay"
--                anchors.fill: parent
--
--                opacity: 0
--                shown: false
--                showAnimation: UbuntuNumberAnimation { property: "opacity"; to: 1 }
--
--                Label {
--                    anchors.top: parent.top
--                    anchors.topMargin: root.panel.panelHeight + units.gu(2)
--                    anchors.left: parent.left
--                    anchors.leftMargin: units.gu(2)
--                    anchors.right: parent.right
--                    anchors.rightMargin: units.gu(2)
--                    wrapMode: Text.Wrap
--                    horizontalAlignment: Text.AlignHCenter
--                    fontSize: "large"
--                    text: i18n.tr("View all your running tasks.")
--                }
--
--                LocalComponents.Tick {
--                    objectName: "tick"
--                    anchors.bottom: bottomOverlayText.top
--                    anchors.bottomMargin: units.gu(1)
--                    anchors.horizontalCenter: bottomOverlayText.horizontalCenter
--                    onClicked: root.hide()
--                }
--
--                Label {
--                    id: bottomOverlayText
--                    anchors.bottom: parent.bottom
--                    anchors.bottomMargin: units.gu(2)
--                    anchors.left: parent.left
--                    anchors.leftMargin: units.gu(2)
--                    anchors.right: parent.right
--                    anchors.rightMargin: units.gu(2)
--                    wrapMode: Text.Wrap
--                    horizontalAlignment: Text.AlignHCenter
--                    fontSize: "small"
--                    text: i18n.tr("Tap here to continue.")
--                }
--            }
--        ]
--    }
--
--    ListModel {
--        id: fakeAppManager
--
--        readonly property string focusedApplicationId: "facebook"
--
--        function focusApplication(appId) {}
--        function requestFocusApplication(appId) {}
--        function findApplication(appId) {return null;}
--
--        signal applicationAdded(string appId)
--        signal applicationRemoved(string appId)
--        signal focusRequested(string appId)
--
--        ListElement {
--            appId: "facebook"
--            fullscreen: false
--            name: ""
--            icon: ""
--            state: ApplicationInfoInterface.Stopped
--            splashTitle: ""
--            splashImage: ""
--            splashShowHeader: false
--            splashColor: "transparent"
--            splashColorHeader: "transparent"
--            splashColorFooter: "transparent"
--            defaultScreenshot: "../Tutorial/graphics/facebook.png"
--        }
--
--        ListElement {
--            appId: "camera"
--            fullscreen: false
--            name: ""
--            icon: ""
--            state: ApplicationInfoInterface.Stopped
--            splashTitle: ""
--            splashImage: ""
--            splashShowHeader: false
--            splashColor: "transparent"
--            splashColorHeader: "transparent"
--            splashColorFooter: "transparent"
--            defaultScreenshot: "../Tutorial/graphics/camera.png"
--        }
--
--        ListElement {
--            appId: "gallery"
--            fullscreen: false
--            name: ""
--            icon: ""
--            state: ApplicationInfoInterface.Stopped
--            splashTitle: ""
--            splashImage: ""
--            splashShowHeader: false
--            splashColor: "transparent"
--            splashColorHeader: "transparent"
--            splashColorFooter: "transparent"
--            defaultScreenshot: "../Tutorial/graphics/gallery.png"
--        }
--
--        ListElement {
--            appId: "dialer"
--            fullscreen: false
--            name: ""
--            icon: ""
--            state: ApplicationInfoInterface.Stopped
--            splashTitle: ""
--            splashImage: ""
--            splashShowHeader: false
--            splashColor: "transparent"
--            splashColorHeader: "transparent"
--            splashColorFooter: "transparent"
--            defaultScreenshot: "../Tutorial/graphics/dialer.png"
--        }
--    }
--}
 === added file 'qml/Tutorial/TutorialTop.qml'
 --- qml/Tutorial/TutorialTop.qml	1970-01-01 00:00:00 +0000
 +++ qml/Tutorial/TutorialTop.qml	2016-03-15 20:13:37 +0000
@@ -0,0 +1,61 @@
++/*
++ * Copyright (C) 2015 Canonical, Ltd.
++ *
++ * This program is free software; you can redistribute it and/or modify
++ * it under the terms of the GNU General Public License as published by
++ * the Free Software Foundation; version 3.
++ *
++ * This program is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
++ * GNU General Public License for more details.
++ *
++ * You should have received a copy of the GNU General Public License
++ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
++ */
++
++import QtQuick 2.4
++import Ubuntu.Components 1.3
++import "." as LocalComponents
++
++TutorialPage {
++    id: root
++
++    property var panel
++
++    opacityOverride: 1 - panel.indicators.unitProgress
++
++    QtObject {
++        id: d
++        readonly property bool landscape: root.width > units.gu(50)
++        readonly property real columnWidth: landscape ? panel.indicators.width : root.width
++    }
++
++    mouseArea {
++        anchors.topMargin: panel.indicators.minimizedPanelHeight
++    }
++
++    background {
++        sourceSize.height: 1916
++        sourceSize.width: 1080
++        source: Qt.resolvedUrl("graphics/background2.png")
++    }
++
++    arrow {
++        anchors.top: root.top
++        anchors.topMargin: units.gu(4)
++        anchors.horizontalCenter: root.right
++        anchors.horizontalCenterOffset: - d.columnWidth / 2
++        rotation: -90
++    }
++
++    label {
++        text: d.landscape ? i18n.tr("Swipe from the top right edge to open the notification bar")
++                          : i18n.tr("Swipe from the top edge to open the notification bar")
++        anchors.top: arrow.bottom
++        anchors.topMargin: units.gu(3)
++        anchors.horizontalCenter: arrow.horizontalCenter
++        anchors.horizontalCenterOffset: (label.width - label.contentWidth) / 2
++        width: d.columnWidth - units.gu(8)
++    }
++}
 === added file 'qml/Tutorial/graphics/arrow.svg'
 --- qml/Tutorial/graphics/arrow.svg	1970-01-01 00:00:00 +0000
 +++ qml/Tutorial/graphics/arrow.svg	2016-03-15 20:13:37 +0000
@@ -0,0 +1,19 @@
++<?xml version="1.0" encoding="UTF-8" standalone="no"?>
++<svg width="35px" height="106px" viewBox="0 0 35 106" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
++    <!-- Generator: Sketch 3.3.3 (12072) - http://www.bohemiancoding.com/sketch -->
++    <title>left swipe arrow</title>
++    <desc>Created with Sketch.</desc>
++    <defs></defs>
++    <g id="Final-design" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
++        <g id="1.Left-swipe" sketch:type="MSArtboardGroup" transform="translate(-54.000000, -906.000000)">
++            <g id="left-swipe-arrow" sketch:type="MSLayerGroup" transform="translate(15.000000, 903.000000)">
++                <g id="layer1" transform="translate(0.857146, 0.494959)" sketch:type="MSShapeGroup">
++                    <g id="g4216" transform="translate(0.952384, 0.831650)">
++                        <path d="M38.0127338,5.94292186 C40.8696258,9.70328846 43.6961579,13.5492607 46.4521869,17.5776877 C50.0756129,22.8738077 53.4767719,28.2917937 56.6611719,33.8315937 C60.6031619,40.9214757 64.3797399,47.5658927 67.7217189,54.6714377 C64.3797399,61.7769828 60.6031619,68.4213998 56.6611719,75.5112818 C53.4767719,81.0510808 50.0756129,86.4690678 46.4521869,91.7651878 C43.6961579,95.7936138 40.8696258,99.6395938 38.0127338,103.399951 L38.0127338,107.669481 C42.0030779,102.508161 45.9748129,97.3405748 49.5537499,92.0679218 C54.5609019,84.6937758 59.0395839,77.5443828 62.9990629,70.6226098 C66.5019159,64.4983168 69.0866949,59.3452977 71.2158589,54.6733907 L69.4678129,54.6713907 L71.2158589,54.6693907 C69.0866949,49.9975777 66.5019159,44.8445587 62.9990629,38.7202657 C59.0395839,31.7984927 54.5609019,24.6490997 49.5537499,17.2749527 C45.9748129,12.0022997 42.0030779,6.83471186 38.0127338,1.67339065 L38.0127338,5.94292186 Z" id="left-swipe-arrow" fill="#6C0D52" transform="translate(54.614296, 54.671436) scale(-1, 1) translate(-54.614296, -54.671436) "></path>
++                        <rect id="rect4782-01" transform="translate(54.190469, 54.673389) rotate(90.000000) translate(-54.190469, -54.673389) " x="0.190470662" y="0.67339065" width="107.999997" height="107.999997"></rect>
++                    </g>
++                </g>
++            </g>
++        </g>
++    </g>
++</svg>
 \ No newline at end of file
 === added file 'qml/Tutorial/graphics/background1.png'
 Binary files qml/Tutorial/graphics/background1.png	1970-01-01 00:00:00 +0000 and qml/Tutorial/graphics/background1.png	2016-03-15 20:13:37 +0000 differ
 === added file 'qml/Tutorial/graphics/background2.png'
 Binary files qml/Tutorial/graphics/background2.png	1970-01-01 00:00:00 +0000 and qml/Tutorial/graphics/background2.png	2016-03-15 20:13:37 +0000 differ
 === removed file 'qml/Tutorial/graphics/camera.png'
 Binary files qml/Tutorial/graphics/camera.png	2015-01-09 21:56:17 +0000 and qml/Tutorial/graphics/camera.png	1970-01-01 00:00:00 +0000 differ
 === removed file 'qml/Tutorial/graphics/chevron.png'
 Binary files qml/Tutorial/graphics/chevron.png	2014-12-18 23:32:42 +0000 and qml/Tutorial/graphics/chevron.png	1970-01-01 00:00:00 +0000 differ
 === removed file 'qml/Tutorial/graphics/dialer.png'
 Binary files qml/Tutorial/graphics/dialer.png	2015-01-09 21:56:17 +0000 and qml/Tutorial/graphics/dialer.png	1970-01-01 00:00:00 +0000 differ
 === removed file 'qml/Tutorial/graphics/facebook.png'
 Binary files qml/Tutorial/graphics/facebook.png	2015-01-12 14:02:33 +0000 and qml/Tutorial/graphics/facebook.png	1970-01-01 00:00:00 +0000 differ
 === removed file 'qml/Tutorial/graphics/gallery.png'
 Binary files qml/Tutorial/graphics/gallery.png	2015-01-09 21:56:17 +0000 and qml/Tutorial/graphics/gallery.png	1970-01-01 00:00:00 +0000 differ
 === removed file 'qml/Tutorial/graphics/tick.png'
 Binary files qml/Tutorial/graphics/tick.png	2014-12-18 23:32:42 +0000 and qml/Tutorial/graphics/tick.png	1970-01-01 00:00:00 +0000 differ
 === modified file 'tests/autopilot/unity8/shell/emulators.py'
 --- tests/autopilot/unity8/shell/emulators.py	2015-04-29 19:21:18 +0000
 +++ tests/autopilot/unity8/shell/emulators.py	2016-03-15 20:13:37 +0000
@@ -36,7 +36,6 @@
      'greeter',
      'launcher',
      'main_window',
--    'tutorial',
      'UnityEmulatorException',
+ ]
@@ -46,7 +45,6 @@
      dash,
      launcher,
      shell as main_window,
--    tutorial,
      UnityException as UnityEmulatorException
+ )
  from unity8.shell import create_interactive_notification
 === removed file 'tests/autopilot/unity8/shell/tests/test_tutorial.py'
 --- tests/autopilot/unity8/shell/tests/test_tutorial.py	2015-04-29 19:21:18 +0000
 +++ tests/autopilot/unity8/shell/tests/test_tutorial.py	1970-01-01 00:00:00 +0000
@@ -1,57 +0,0 @@
--# -*- Mode: Python; coding: utf-8; indent-tabs-mode: nil; tab-width: 4 -*-
--#
--# Unity Autopilot Test Suite
--# Copyright (C) 2014, 2015 Canonical
--#
--# This program is free software: you can redistribute it and/or modify
--# it under the terms of the GNU General Public License as published by
--# the Free Software Foundation, either version 3 of the License, or
--# (at your option) any later version.
--#
--# This program is distributed in the hope that it will be useful,
--# but WITHOUT ANY WARRANTY; without even the implied warranty of
--# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
--# GNU General Public License for more details.
--#
--# You should have received a copy of the GNU General Public License
--# along with this program.  If not, see <http://www.gnu.org/licenses/>.
--#
--
--from autopilot.matchers import Eventually
--from testtools.matchers import Equals
--
--from unity8.shell import (
--    fixture_setup,
--    tests
--)
--# unused import to load the tutorial helpers custom proxy objects.
--from unity8 import tutorial as tutorial_helpers  # NOQA
--
--
--class TutorialTestCase(tests.UnityTestCase):
--
--    def setUp(self):
--        super().setUp()
--        self._qml_mock_enabled = False
--        self._data_dirs_mock_enabled = False
--
--        self.useFixture(fixture_setup.Tutorial(True))
--        self.unity = self.launch_unity()
--
--    def test_complete_tutorial(self):
--        greeter = self.main_window.get_greeter()
--        tutorial = self.unity.select_single('Tutorial')
--        self.assertThat(tutorial.running, Eventually(Equals(True)))
--        greeter.swipe()
--        page = self.unity.wait_select_single(objectName='tutorialLeft')
--        page.short_swipe_right()
--        page = self.unity.wait_select_single(objectName='tutorialLeftFinish')
--        page.tap()
--        page = self.unity.wait_select_single(objectName='tutorialRight')
--        page.swipe_left()
--        page.tap()
--        page = self.unity.wait_select_single(objectName='tutorialBottom')
--        page.swipe_up()
--        page = self.unity.wait_select_single(objectName='tutorialBottomFinish')
--        page.tap()
--        self.assertThat(tutorial.running, Eventually(Equals(False)))
 === removed file 'tests/autopilot/unity8/tutorial.py'
 --- tests/autopilot/unity8/tutorial.py	2015-04-29 19:21:18 +0000
 +++ tests/autopilot/unity8/tutorial.py	1970-01-01 00:00:00 +0000
@@ -1,73 +0,0 @@
--# -*- Mode: Python; coding: utf-8; indent-tabs-mode: nil; tab-width: 4 -*-
--#
--# Unity Autopilot Test Suite
--# Copyright (C) 2014 Canonical
--#
--# This program is free software: you can redistribute it and/or modify
--# it under the terms of the GNU General Public License as published by
--# the Free Software Foundation, either version 3 of the License, or
--# (at your option) any later version.
--#
--# This program is distributed in the hope that it will be useful,
--# but WITHOUT ANY WARRANTY; without even the implied warranty of
--# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
--# GNU General Public License for more details.
--#
--# You should have received a copy of the GNU General Public License
--# along with this program.  If not, see <http://www.gnu.org/licenses/>.
--#
--
--import logging
--
--import ubuntuuitoolkit
--
--import autopilot
--from autopilot import introspection
--
--
--logger = logging.getLogger(__name__)
--
--
--class TutorialPage(
--        ubuntuuitoolkit.UbuntuUIToolkitCustomProxyObjectBase):
--
--    @classmethod
--    def validate_dbus_object(cls, path, state):
--        name = introspection.get_classname_from_path(path)
--        return name in (b'TutorialPage', b'TutorialLeft',
--                        b'TutorialLeftFinish', b'TutorialRight',
--                        b'TutorialBottom', b'TutorialBottomFinish')
--
--    @autopilot.logging.log_action(logger.info)
--    def short_swipe_right(self):
--        self.shown.wait_for(True)
--        x, y, width, height = self.globalRect
--        start_x = x
--        stop_x = x + width // 3
--        start_y = stop_y = y + height // 2
--        self.pointing_device.drag(start_x, start_y, stop_x, stop_y)
--
--    @autopilot.logging.log_action(logger.info)
--    def swipe_left(self):
--        self.shown.wait_for(True)
--        x, y, width, height = self.globalRect
--        start_x = width
--        stop_x = x
--        start_y = stop_y = y + height // 2
--        self.pointing_device.drag(start_x, start_y, stop_x, stop_y)
--
--    @autopilot.logging.log_action(logger.info)
--    def swipe_up(self):
--        self.shown.wait_for(True)
--        x, y, width, height = self.globalRect
--        start_y = height
--        stop_y = y
--        start_x = stop_x = x + width // 2
--        self.pointing_device.drag(start_x, start_y, stop_x, stop_y)
--
--    @autopilot.logging.log_action(logger.info)
--    def tap(self):
--        """Tap the tick button to complete this step."""
--        self.shown.wait_for(True)
--        button = self.wait_select_single(objectName="tick")
--        self.pointing_device.click_object(button)
 === modified file 'tests/mocks/AccountsService/AccountsService.cpp'
 --- tests/mocks/AccountsService/AccountsService.cpp	2016-03-15 20:13:36 +0000
 +++ tests/mocks/AccountsService/AccountsService.cpp	2016-03-15 20:13:37 +0000
@@ -26,6 +26,7 @@
      m_statsWelcomeScreen(true),
      m_failedLogins(0),
      m_demoEdges(false),
++    m_demoEdgesCompleted(),
      m_hereEnabled(false),
      m_hereLicensePath("")
+ {
@@ -54,6 +55,25 @@
      Q_EMIT demoEdgesChanged();
+ }
++QStringList AccountsService::demoEdgesCompleted() const
++{
++    return m_demoEdgesCompleted;
++}
++
++void AccountsService::markDemoEdgeCompleted(const QString &edge)
++{
++    if (!m_demoEdgesCompleted.contains(edge)) {
++        m_demoEdgesCompleted << edge;
++        Q_EMIT demoEdgesCompletedChanged();
++    }
++}
++
++void AccountsService::setDemoEdgesCompleted(const QStringList &demoEdgesCompleted)
++{
++    m_demoEdgesCompleted = demoEdgesCompleted;
++    Q_EMIT demoEdgesCompletedChanged();
++}
++
  bool AccountsService::enableLauncherWhileLocked() const
+ {
      return m_enableLauncherWhileLocked;
 === modified file 'tests/mocks/AccountsService/AccountsService.h'
 --- tests/mocks/AccountsService/AccountsService.h	2016-03-15 20:13:36 +0000
 +++ tests/mocks/AccountsService/AccountsService.h	2016-03-15 20:13:37 +0000
@@ -19,6 +19,7 @@
  #include <QObject>
  #include <QString>
++#include <QStringList>
  #include <QVariant>
  class AccountsService: public QObject
@@ -33,6 +34,10 @@
                  READ demoEdges
                  WRITE setDemoEdges
                  NOTIFY demoEdgesChanged)
++    Q_PROPERTY (QStringList demoEdgesCompleted
++                READ demoEdgesCompleted
++                WRITE setDemoEdgesCompleted // only available in mock
++                NOTIFY demoEdgesCompletedChanged)
      Q_PROPERTY (bool enableLauncherWhileLocked
                  READ enableLauncherWhileLocked
                  WRITE setEnableLauncherWhileLocked // only available in mock
@@ -82,6 +87,9 @@
      void setUser(const QString &user);
      bool demoEdges() const;
      void setDemoEdges(bool demoEdges);
++    QStringList demoEdgesCompleted() const;
++    void setDemoEdgesCompleted(const QStringList &demoEdges);
++    Q_INVOKABLE void markDemoEdgeCompleted(const QString &edge);
      bool enableLauncherWhileLocked() const;
      void setEnableLauncherWhileLocked(bool enableLauncherWhileLocked);
      bool enableIndicatorsWhileLocked() const;
@@ -106,6 +114,7 @@
  Q_SIGNALS:
      void userChanged();
      void demoEdgesChanged();
++    void demoEdgesCompletedChanged();
      void enableLauncherWhileLockedChanged();
      void enableIndicatorsWhileLockedChanged();
      void backgroundFileChanged();
@@ -125,6 +134,7 @@
      bool m_statsWelcomeScreen;
      uint m_failedLogins;
      bool m_demoEdges;
++    QStringList m_demoEdgesCompleted;
      bool m_hereEnabled;
      QString m_hereLicensePath;
      QString m_realName;
 === modified file 'tests/mocks/AccountsService/AccountsService.qmltypes'
 --- tests/mocks/AccountsService/AccountsService.qmltypes	2015-02-13 09:01:16 +0000
 +++ tests/mocks/AccountsService/AccountsService.qmltypes	2016-03-15 20:13:37 +0000
@@ -23,6 +23,7 @@
+         }
          Property { name: "user"; type: "string" }
          Property { name: "demoEdges"; type: "bool" }
++        Property { name: "demoEdgesCompleted"; type: "QStringList" }
          Property { name: "enableLauncherWhileLocked"; type: "bool" }
          Property { name: "enableIndicatorsWhileLocked"; type: "bool" }
          Property { name: "backgroundFile"; type: "string" }
@@ -32,5 +33,9 @@
          Property { name: "hereEnabled"; type: "bool" }
          Property { name: "hereLicensePath"; type: "string" }
          Property { name: "hereLicensePathValid"; type: "bool"; isReadonly: true }
++        Method {
++            name: "markDemoEdgeCompleted"
++            Parameter { name: "edge"; type: "string" }
++        }
+     }
+ }
 === modified file 'tests/mocks/Unity/Application/ApplicationInfo.cpp'
 --- tests/mocks/Unity/Application/ApplicationInfo.cpp	2016-01-22 19:44:56 +0000
 +++ tests/mocks/Unity/Application/ApplicationInfo.cpp	2016-03-15 20:13:37 +0000
@@ -44,6 +44,7 @@
      , m_isTouchApp(true)
      , m_exemptFromLifecycle(false)
      , m_manualSurfaceCreation(false)
++    , m_shellChrome(Mir::NormalChrome)
+ {
+ }
@@ -63,6 +64,7 @@
      , m_isTouchApp(true)
      , m_exemptFromLifecycle(false)
      , m_manualSurfaceCreation(false)
++    , m_shellChrome(Mir::NormalChrome)
+ {
+ }
@@ -102,9 +104,11 @@
      if (m_session) {
          m_session->setApplication(this);
          m_session->setParent(this);
++        m_session->setFullscreen(m_fullscreen);
          SessionManager::singleton()->registerSession(m_session);
          connect(m_session, &Session::surfaceAdded,
                  this, &ApplicationInfo::onSessionSurfaceAdded);
++        connect(m_session, &Session::fullscreenChanged, this, &ApplicationInfo::fullscreenChanged);
          if (!m_manualSurfaceCreation) {
              QTimer::singleShot(500, m_session, &Session::createSurface);
@@ -191,12 +195,17 @@
  void ApplicationInfo::setFullscreen(bool value)
+ {
--    if (value != m_fullscreen) {
--        m_fullscreen = value;
--        Q_EMIT fullscreenChanged(value);
++    m_fullscreen = value;
++    if (m_session) {
++        m_session->setFullscreen(value);
+     }
+ }
++bool ApplicationInfo::fullscreen() const
++{
++    return m_session ? m_session->fullscreen() : false;
++}
++
  void ApplicationInfo::setManualSurfaceCreation(bool value)
+ {
      if (value != m_manualSurfaceCreation) {
@@ -262,6 +271,7 @@
          } else {
              setState(Suspended);
+         }
++        surface->setShellChrome(m_shellChrome);
+     }
+ }
@@ -291,3 +301,11 @@
          Q_EMIT initialSurfaceSizeChanged(m_initialSurfaceSize);
+     }
+ }
++
++void ApplicationInfo::setShellChrome(Mir::ShellChrome shellChrome)
++{
++    m_shellChrome = shellChrome;
++    if (m_session && m_session->lastSurface()) {
++        m_session->lastSurface()->setShellChrome(shellChrome);
++    }
++}
 === modified file 'tests/mocks/Unity/Application/ApplicationInfo.h'
 --- tests/mocks/Unity/Application/ApplicationInfo.h	2016-01-19 21:41:34 +0000
 +++ tests/mocks/Unity/Application/ApplicationInfo.h	2016-03-15 20:13:37 +0000
@@ -24,6 +24,7 @@
  // unity-api
  #include <unity/shell/application/ApplicationInfoInterface.h>
++#include <unity/shell/application/Mir.h>
  using namespace unity::shell::application;
@@ -59,7 +60,7 @@
      QUrl icon() const override { return m_icon; }
--    void setStage(Stage value);
++    Q_INVOKABLE void setStage(Stage value); // invokable only for mock
      Stage stage() const override { return m_stage; }
      Q_INVOKABLE void setState(State value);
@@ -78,7 +79,7 @@
      QString screenshot() const { return m_screenshotFileName; }
      void setFullscreen(bool value);
--    bool fullscreen() const { return m_fullscreen; }
++    bool fullscreen() const;
      Qt::ScreenOrientations supportedOrientations() const override;
      void setSupportedOrientations(Qt::ScreenOrientations orientations);
@@ -97,6 +98,8 @@
      QSize initialSurfaceSize() const override;
      void setInitialSurfaceSize(const QSize &size) override;
++
++    Q_INVOKABLE void setShellChrome(Mir::ShellChrome shellChrome);
  public:
      void setSession(Session* session);
      Session* session() const { return m_session; }
@@ -134,6 +137,7 @@
      QSize m_initialSurfaceSize;
      bool m_manualSurfaceCreation;
++    Mir::ShellChrome m_shellChrome;
  };
  Q_DECLARE_METATYPE(ApplicationInfo*)
 === modified file 'tests/mocks/Unity/Application/ApplicationManager.cpp'
 --- tests/mocks/Unity/Application/ApplicationManager.cpp	2016-03-15 20:13:36 +0000
 +++ tests/mocks/Unity/Application/ApplicationManager.cpp	2016-03-15 20:13:37 +0000
@@ -328,6 +328,7 @@
      application->setName("Camera");
      application->setScreenshotId("camera");
      application->setIconId("camera");
++    application->setShellChrome(Mir::LowChrome);
      application->setFullscreen(true);
      application->setSupportedOrientations(Qt::PortraitOrientation
                                          | Qt::LandscapeOrientation
@@ -341,7 +342,8 @@
      application->setName("Gallery");
      application->setScreenshotId("gallery");
      application->setIconId("gallery");
--    application->setFullscreen(true);
++    application->setShellChrome(Mir::LowChrome);
++    application->setStage(ApplicationInfo::MainStage);
      m_availableApplications.append(application);
      application = new ApplicationInfo(this);
@@ -353,7 +355,7 @@
      application = new ApplicationInfo(this);
      application->setAppId("webbrowser-app");
--    application->setFullscreen(true);
++    application->setShellChrome(Mir::LowChrome);
      application->setName("Browser");
      application->setScreenshotId("browser");
      application->setIconId("browser");
@@ -378,7 +380,7 @@
      application->setName("GMail");
      application->setIconId("gmail");
      application->setScreenshotId("gmail-webapp.svg");
--    application->setFullscreen(false);
++    application->setStage(ApplicationInfo::MainStage);
      application->setSupportedOrientations(Qt::PortraitOrientation
                                          | Qt::LandscapeOrientation
                                          | Qt::InvertedPortraitOrientation
@@ -390,7 +392,7 @@
      application->setName("Music");
      application->setIconId("soundcloud");
      application->setScreenshotId("music");
--    application->setFullscreen(false);
++    application->setStage(ApplicationInfo::MainStage);
      application->setSupportedOrientations(Qt::PortraitOrientation
                                          | Qt::LandscapeOrientation
                                          | Qt::InvertedPortraitOrientation
 === modified file 'tests/mocks/Unity/Application/MirSurface.cpp'
 --- tests/mocks/Unity/Application/MirSurface.cpp	2016-03-10 22:39:10 +0000
 +++ tests/mocks/Unity/Application/MirSurface.cpp	2016-03-15 20:13:37 +0000
@@ -38,6 +38,7 @@
      , m_width(-1)
      , m_height(-1)
      , m_slowToResize(false)
++    , m_shellChrome(Mir::NormalChrome)
+ {
  //    qDebug() << "MirSurface::MirSurface() " << name;
      QQmlEngine::setObjectOwnership(this, QQmlEngine::CppOwnership);
@@ -134,6 +135,21 @@
+ }
++Mir::ShellChrome MirSurface::shellChrome() const
++{
++    return m_shellChrome;
++}
++
++void MirSurface::setShellChrome(Mir::ShellChrome shellChrome)
++{
++    if (shellChrome == m_shellChrome)
++        return;
++
++    m_shellChrome = shellChrome;
++    Q_EMIT shellChromeChanged(shellChrome);
++}
++
++
  void MirSurface::registerView(qintptr viewId)
+ {
 === modified file 'tests/mocks/Unity/Application/MirSurface.h'
 --- tests/mocks/Unity/Application/MirSurface.h	2016-03-01 12:56:35 +0000
 +++ tests/mocks/Unity/Application/MirSurface.h	2016-03-15 20:13:37 +0000
@@ -74,10 +74,13 @@
      int widthIncrement() const override { return m_widthIncrement; }
      int heightIncrement() const override { return m_heightIncrement; }
++    Mir::ShellChrome shellChrome() const override;
++
      ////
      // API for tests
      Q_INVOKABLE void setLive(bool live);
++    Q_INVOKABLE void setShellChrome(Mir::ShellChrome shellChrome);
      void registerView(qintptr viewId);
      void unregisterView(qintptr viewId);
@@ -109,9 +112,6 @@
      void setActiveFocus(bool);
  Q_SIGNALS:
--    void stateChanged(Mir::State);
--    void liveChanged(bool live);
--    void orientationAngleChanged(Mir::OrientationAngle angle);
      void widthChanged();
      void heightChanged();
      void slowToResizeChanged();
@@ -152,6 +152,8 @@
      QSize m_delayedResize;
      QSize m_pendingResize;
++    Mir::ShellChrome m_shellChrome;
++
      struct View {
          bool visible;
      };
 === modified file 'tests/mocks/Unity/Application/MirSurfaceItem.cpp'
 --- tests/mocks/Unity/Application/MirSurfaceItem.cpp	2016-03-15 20:13:36 +0000
 +++ tests/mocks/Unity/Application/MirSurfaceItem.cpp	2016-03-15 20:13:37 +0000
@@ -100,6 +100,15 @@
+     }
+ }
++Mir::ShellChrome MirSurfaceItem::shellChrome() const
++{
++    if (m_qmlSurface) {
++        return m_qmlSurface->shellChrome();
++    } else {
++        return Mir::NormalChrome;
++    }
++}
++
  Mir::OrientationAngle MirSurfaceItem::orientationAngle() const
+ {
      if (m_qmlSurface) {
 === modified file 'tests/mocks/Unity/Application/MirSurfaceItem.h'
 --- tests/mocks/Unity/Application/MirSurfaceItem.h	2016-03-15 20:13:36 +0000
 +++ tests/mocks/Unity/Application/MirSurfaceItem.h	2016-03-15 20:13:37 +0000
@@ -47,6 +47,7 @@
      Mir::Type type() const override;
      QString name() const override;
      bool live() const override;
++    Mir::ShellChrome shellChrome() const override;
      Mir::State surfaceState() const override;
      void setSurfaceState(Mir::State) override {}
 === modified file 'tests/mocks/Unity/Application/Session.cpp'
 --- tests/mocks/Unity/Application/Session.cpp	2015-12-01 12:17:24 +0000
 +++ tests/mocks/Unity/Application/Session.cpp	2016-03-15 20:13:37 +0000
@@ -34,6 +34,7 @@
      , m_surface(nullptr)
      , m_parentSession(nullptr)
      , m_children(new SessionModel(this))
++    , m_fullscreen(false)
+ {
  //    qDebug() << "Session::Session() " << this->name();
@@ -71,6 +72,25 @@
      deleteLater();
+ }
++void Session::updateFullscreenProperty()
++{
++    if (m_surfaces.rowCount() > 0) {
++        // TODO: Figure out something better
++        setFullscreen(lastSurface()->state() == Mir::FullscreenState);
++    } else {
++        // Keep the current value of the fullscreen property until we get a new
++        // surface
++    }
++}
++
++void Session::setFullscreen(bool fullscreen)
++{
++    if (m_fullscreen != fullscreen) {
++        m_fullscreen = fullscreen;
++        Q_EMIT fullscreenChanged(m_fullscreen);
++    }
++}
++
  void Session::setApplication(ApplicationInfo* application)
+ {
      if (m_application == application)
@@ -82,15 +102,18 @@
  void Session::appendSurface(MirSurface* surface)
+ {
--    // qDebug() << "Session::appendSurface - session=" << name() << "surface=" << surface;
++     qDebug() << "Session::appendSurface - session=" << name() << "surface=" << surface;
      m_surfaces.insert(m_surfaces.rowCount(), surface);
++    connect(surface, &MirSurfaceInterface::stateChanged, this, &Session::updateFullscreenProperty);
      connect(surface, &QObject::destroyed,
              this, [this, surface]() { this->removeSurface(surface); });
      Q_EMIT lastSurfaceChanged(surface);
      Q_EMIT surfaceAdded(surface);
++
++    updateFullscreenProperty();
+ }
  void Session::removeSurface(MirSurface* surface)
@@ -99,6 +122,8 @@
      if (m_surfaces.contains(surface)) {
          m_surfaces.remove(surface);
+     }
++
++    updateFullscreenProperty();
+ }
  void Session::setScreenshot(const QUrl& screenshot)
 === modified file 'tests/mocks/Unity/Application/Session.h'
 --- tests/mocks/Unity/Application/Session.h	2015-12-01 12:17:24 +0000
 +++ tests/mocks/Unity/Application/Session.h	2016-03-15 20:13:37 +0000
@@ -47,6 +47,7 @@
      //getters
      QString name() const { return m_name; }
      bool live() const { return m_live; }
++    bool fullscreen() const { return m_fullscreen; }
      ApplicationInfo* application() const { return m_application; }
      MirSurface *lastSurface() const;
      ObjectListModel<MirSurface>* surfaces() const;
@@ -57,6 +58,7 @@
      void removeSurface(MirSurface* surface);
      void setScreenshot(const QUrl& m_screenshot);
      void setLive(bool live);
++    void setFullscreen(bool fullscreen);
      Q_INVOKABLE void addChildSession(Session* session);
      void insertChildSession(uint index, Session* session);
@@ -68,6 +70,7 @@
      void liveChanged(bool live);
      void surfaceAdded(MirSurface *surface);
      void lastSurfaceChanged(MirSurface *surface);
++    void fullscreenChanged(bool fullscreen);
      // internal mock use
      void deregister();
@@ -75,6 +78,9 @@
  public Q_SLOTS:
      Q_INVOKABLE void createSurface();
++private Q_SLOTS:
++    void updateFullscreenProperty();
++
  private:
      SessionModel* childSessions() const;
      void setParentSession(Session* session);
@@ -87,6 +93,7 @@
      Session* m_parentSession;
      SessionModel* m_children;
      ObjectListModel<MirSurface> m_surfaces;
++    bool m_fullscreen;
      friend class ApplicationTestInterface;
  };
 === modified file 'tests/mocks/Utils/CMakeLists.txt'
 --- tests/mocks/Utils/CMakeLists.txt	2016-03-15 20:13:36 +0000
 +++ tests/mocks/Utils/CMakeLists.txt	2016-03-15 20:13:37 +0000
@@ -12,7 +12,7 @@
      ${CMAKE_SOURCE_DIR}/plugins/Utils/qlimitproxymodelqml.cpp
      ${CMAKE_SOURCE_DIR}/plugins/Utils/unitysortfilterproxymodelqml.cpp
      ${CMAKE_SOURCE_DIR}/plugins/Utils/unitymenumodelpaths.cpp
--    ${CMAKE_SOURCE_DIR}/plugins/Utils/windowkeysfilter.cpp
++    ${CMAKE_SOURCE_DIR}/plugins/Utils/windowinputfilter.cpp
      ${CMAKE_SOURCE_DIR}/plugins/Utils/windowscreenshotprovider.cpp
      ${CMAKE_SOURCE_DIR}/plugins/Utils/easingcurve.cpp
      ${CMAKE_SOURCE_DIR}/plugins/Utils/inputwatcher.cpp
 === modified file 'tests/mocks/Utils/Utils.qmltypes'
 --- tests/mocks/Utils/Utils.qmltypes	2015-07-15 11:37:23 +0000
 +++ tests/mocks/Utils/Utils.qmltypes	2016-03-15 20:13:37 +0000
@@ -145,10 +145,10 @@
+         }
+     }
      Component {
--        name: "WindowKeysFilter"
++        name: "WindowInputFilter"
          defaultProperty: "data"
          prototype: "QQuickItem"
--        exports: ["Utils/WindowKeysFilter 0.1"]
++        exports: ["Utils/WindowInputFilter 0.1"]
          exportMetaObjectRevisions: [0]
+     }
      Component {
 === modified file 'tests/mocks/Utils/plugin.cpp'
 --- tests/mocks/Utils/plugin.cpp	2016-03-15 20:13:36 +0000
 +++ tests/mocks/Utils/plugin.cpp	2016-03-15 20:13:37 +0000
@@ -32,7 +32,7 @@
  #include <qlimitproxymodelqml.h>
  #include <unitysortfilterproxymodelqml.h>
  #include <unitymenumodelpaths.h>
--#include <windowkeysfilter.h>
++#include <windowinputfilter.h>
  #include <windowscreenshotprovider.h>
  #include <easingcurve.h>
  #include <timezoneFormatter.h>
@@ -69,7 +69,7 @@
      qmlRegisterType<QLimitProxyModelQML>(uri, 0, 1, "LimitProxyModel");
      qmlRegisterType<UnitySortFilterProxyModelQML>(uri, 0, 1, "UnitySortFilterProxyModel");
      qmlRegisterType<UnityMenuModelPaths>(uri, 0, 1, "UnityMenuModelPaths");
--    qmlRegisterType<WindowKeysFilter>(uri, 0, 1, "WindowKeysFilter");
++    qmlRegisterType<WindowInputFilter>(uri, 0, 1, "WindowInputFilter");
      qmlRegisterType<EasingCurve>(uri, 0, 1, "EasingCurve");
      qmlRegisterSingletonType<WindowStateStorage>(uri, 0, 1, "WindowStateStorage", createWindowStateStorage);
      qmlRegisterType<InputWatcher>(uri, 0, 1, "InputWatcher");
 === modified file 'tests/plugins/AccountsService/PropertiesServer.cpp'
 --- tests/plugins/AccountsService/PropertiesServer.cpp	2016-03-10 22:42:54 +0000
 +++ tests/plugins/AccountsService/PropertiesServer.cpp	2016-03-15 20:13:37 +0000
@@ -89,6 +89,7 @@
  void PropertiesServer::Reset()
+ {
      m_properties["com.canonical.unity.AccountsService"]["demo-edges"] = false;
++    m_properties["com.canonical.unity.AccountsService"]["DemoEdgesCompleted"] = QStringList();
      m_properties["com.canonical.unity.AccountsService"]["LauncherItems"] = QVariant::fromValue(QList<QVariantMap>());
      m_properties["com.canonical.unity.AccountsService.Private"]["FailedLogins"] = 0;
      m_properties["com.ubuntu.touch.AccountsService.SecurityPrivacy"]["StatsWelcomeScreen"] = true;
 === modified file 'tests/plugins/AccountsService/client.cpp'
 --- tests/plugins/AccountsService/client.cpp	2016-02-25 10:57:17 +0000
 +++ tests/plugins/AccountsService/client.cpp	2016-03-15 20:13:37 +0000
@@ -117,6 +117,43 @@
          QCOMPARE(session.hereEnabled(), true);
+     }
++    void testMarkDemoEdgeCompleted()
++    {
++        AccountsService session(this, QTest::currentTestFunction());
++        QSignalSpy changedSpy(&session, &AccountsService::demoEdgesCompletedChanged);
++
++        QCOMPARE(changedSpy.count(), 0);
++        QCOMPARE(session.demoEdgesCompleted(), QStringList());
++
++        session.markDemoEdgeCompleted("testedge");
++        QCOMPARE(changedSpy.count(), 1);
++        QCOMPARE(session.demoEdgesCompleted(), QStringList() << "testedge");
++
++        session.markDemoEdgeCompleted("testedge");
++        QCOMPARE(changedSpy.count(), 1);
++        QCOMPARE(session.demoEdgesCompleted(), QStringList() << "testedge");
++
++        session.markDemoEdgeCompleted("testedge2");
++        QCOMPARE(changedSpy.count(), 2);
++        QCOMPARE(session.demoEdgesCompleted(), QStringList() << "testedge" << "testedge2");
++    }
++
++    void testAsynchronousChangeForDemoEdgesCompleted()
++    {
++        AccountsService session(this, QTest::currentTestFunction());
++        QSignalSpy changedSpy(&session, &AccountsService::demoEdgesCompletedChanged);
++
++        QCOMPARE(changedSpy.count(), 0);
++        QCOMPARE(session.demoEdgesCompleted(), QStringList());
++
++        ASSERT_DBUS_CALL(m_userInterface->call("Set",
++                                               "com.canonical.unity.AccountsService",
++                                               "DemoEdgesCompleted",
++                                               dbusVariant(QStringList() << "testedge")));
++        QTRY_COMPARE(changedSpy.count(), 1);
++        QCOMPARE(session.demoEdgesCompleted(), QStringList() << "testedge");
++    }
++
      void testAsynchronousChangeForDemoEdges()
+     {
          AccountsService session(this, QTest::currentTestFunction());
 === modified file 'tests/qmltests/Components/tst_PhysicalKeysMapper.qml'
 --- tests/qmltests/Components/tst_PhysicalKeysMapper.qml	2016-01-15 10:21:18 +0000
 +++ tests/qmltests/Components/tst_PhysicalKeysMapper.qml	2016-03-15 20:13:37 +0000
@@ -26,9 +26,9 @@
      property var physicalKeysMapper: loader.item
--    WindowKeysFilter {
--        Keys.onPressed: physicalKeysMapper.onKeyPressed(event, currentEventTimestamp);
--        Keys.onReleased: physicalKeysMapper.onKeyReleased(event, currentEventTimestamp);
++    WindowInputFilter {
++        Keys.onPressed: physicalKeysMapper.onKeyPressed(event, lastInputTimestamp);
++        Keys.onReleased: physicalKeysMapper.onKeyReleased(event, lastInputTimestamp);
+     }
      Loader {
 === modified file 'tests/qmltests/Greeter/tst_Greeter.qml'
 --- tests/qmltests/Greeter/tst_Greeter.qml	2016-01-11 17:37:02 +0000
 +++ tests/qmltests/Greeter/tst_Greeter.qml	2016-03-15 20:13:37 +0000
@@ -328,9 +328,15 @@
              LightDM.Greeter.active = true;
              greeter.forcedUnlock = true;
--            compare(view.locked, false);
++            compare(greeter.required, false);
              greeter.forcedUnlock = false;
++            // Now recover from tearing down the view above
++            LightDM.Greeter.showGreeter();
++            tryCompare(greeter, "required", true);
++            tryCompare(greeter, "waiting", false);
++            view = findChild(greeter, "testView");
++
              selectUser("no-password");
              tryCompare(view, "locked", false);
              selectUser("has-password");
 === modified file 'tests/qmltests/Tutorial/tst_Tutorial.qml'
 --- tests/qmltests/Tutorial/tst_Tutorial.qml	2015-09-02 07:42:27 +0000
 +++ tests/qmltests/Tutorial/tst_Tutorial.qml	2016-03-15 20:13:37 +0000
@@ -19,15 +19,19 @@
  import AccountsService 0.1
  import IntegratedLightDM 0.1 as LightDM
  import Ubuntu.Components 1.3
++import Ubuntu.Components.ListItems 1.3
++import Ubuntu.Telephony 0.1 as Telephony
  import Unity.Application 0.1
  import Unity.Test 0.1 as UT
  import "../../../qml"
++import "../../../qml/Components"
--Item {
++Rectangle {
      id: root
--    width: shellLoader.width + buttons.width
--    height: shellLoader.height
++    color: UbuntuColors.lightGrey
++    width: units.gu(100) + buttons.width
++    height: units.gu(71)
      QtObject {
          id: applicationArguments
@@ -45,6 +49,11 @@
+         }
+     }
++    Telephony.CallEntry {
++        id: phoneCall
++        phoneNumber: "+447812221111"
++    }
++
      Component.onCompleted: {
          // must set the mock mode before loading the Shell
          LightDM.Greeter.mockMode = "single-pin";
@@ -52,21 +61,63 @@
          shellLoader.active = true;
+     }
--    Row {
--        spacing: 0
--        anchors.fill: parent
++    Item {
++        id: shellContainer
++        anchors.left: root.left
++        anchors.right: buttons.left
++        anchors.top: root.top
++        anchors.bottom: root.bottom
          Loader {
              id: shellLoader
              active: false
--            width: units.gu(40)
--            height: units.gu(71)
++            anchors.horizontalCenter: parent.horizontalCenter
++            anchors.top: parent.top
++            anchors.bottom: parent.bottom
++
++            property int shellOrientation: Qt.PortraitOrientation
++            property int nativeOrientation: Qt.PortraitOrientation
++            property int primaryOrientation: Qt.PortraitOrientation
++
++            state: modeSelector.model[modeSelector.selectedIndex]
++            states: [
++                State {
++                    name: "phone"
++                    PropertyChanges {
++                        target: shellLoader
++                        width: units.gu(40)
++                    }
++                },
++                State {
++                    name: "tablet"
++                    PropertyChanges {
++                        target: shellLoader
++                        width: units.gu(100)
++                        shellOrientation: Qt.LandscapeOrientation
++                        nativeOrientation: Qt.LandscapeOrientation
++                        primaryOrientation: Qt.LandscapeOrientation
++                    }
++                },
++                State {
++                    name: "desktop"
++                    PropertyChanges {
++                        target: shellLoader
++                        width: units.gu(100)
++                    }
++                }
++            ]
              property bool itemDestroyed: false
              sourceComponent: Component {
                  Shell {
++                    usageScenario: shellLoader.state
                      property string indicatorProfile: "phone"
++                    orientation: shellLoader.shellOrientation
++                    orientations: Orientations {
++                        native_: shellLoader.nativeOrientation
++                        primary: shellLoader.primaryOrientation
++                    }
                      Component.onDestruction: {
                          shellLoader.itemDestroyed = true;
@@ -74,29 +125,92 @@
+                 }
+             }
+         }
--
--        Rectangle {
--            id: buttons
--            color: "white"
--            width: units.gu(30)
--            height: shellLoader.height
--
--            Column {
--                anchors { left: parent.left; right: parent.right; top: parent.top; margins: units.gu(1) }
--                spacing: units.gu(1)
--                Row {
--                    anchors { left: parent.left; right: parent.right }
--                    Button {
--                        text: "Restart Tutorial"
--                        onClicked: {
--                            if (shellLoader.status !== Loader.Ready)
--                                return;
--
--                            AccountsService.demoEdges = false;
--                            AccountsService.demoEdges = true;
--                        }
--                    }
--                }
++    }
++
++    Rectangle {
++        id: buttons
++        color: UbuntuColors.darkGrey
++        width: units.gu(30)
++        anchors.top: root.top
++        anchors.bottom: root.bottom
++        anchors.right: root.right
++
++        Column {
++            anchors { left: parent.left; right: parent.right; top: parent.top; margins: units.gu(1) }
++            spacing: units.gu(1)
++            Row {
++                anchors { left: parent.left; right: parent.right }
++                Button {
++                    text: "Hide Greeter"
++                    onClicked: {
++                        if (shellLoader.status !== Loader.Ready)
++                            return;
++
++                        var greeter = testCase.findChild(shellLoader.item, "greeter");
++                        if (greeter.shown) {
++                            greeter.hide();
++                        }
++                    }
++                }
++            }
++
++            Row {
++                anchors { left: parent.left; right: parent.right }
++                Button {
++                    text: "Restart Tutorial"
++                    onClicked: {
++                        if (shellLoader.status !== Loader.Ready)
++                            return;
++
++                        AccountsService.demoEdges = false;
++                        AccountsService.demoEdgesCompleted = [];
++                        AccountsService.demoEdges = true;
++                    }
++                }
++            }
++
++            Row {
++                anchors { left: parent.left; right: parent.right }
++                CheckBox {
++                    onCheckedChanged: {
++                        if (checked) {
++                            callManager.foregroundCall = phoneCall;
++                        } else {
++                            callManager.foregroundCall = null;
++                        }
++                    }
++                }
++                Label {
++                    text: "Active Call"
++                    anchors.verticalCenter: parent.verticalCenter
++                }
++            }
++
++            Row {
++                anchors { left: parent.left; right: parent.right }
++                CheckBox {
++                    activeFocusOnPress: false
++                    onCheckedChanged: {
++                        var surface = SurfaceManager.inputMethodSurface;
++                        if (checked) {
++                            surface.setState(Mir.RestoredState);
++                        } else {
++                            surface.setState(Mir.MinimizedState);
++                        }
++                    }
++                }
++                Label {
++                    text: "Input Method"
++                    anchors.verticalCenter: parent.verticalCenter
++                }
++            }
++
++            ItemSelector {
++                id: modeSelector
++                anchors { left: parent.left; right: parent.right }
++                activeFocusOnPress: false
++                text: "Mode"
++                model: ["phone", "tablet", "desktop"]
+             }
+         }
+     }
@@ -111,17 +225,21 @@
          property real halfHeight: shell ? shell.height / 2 : 0
          function init() {
--            tryCompare(shell, "enabled", true); // enabled by greeter when ready
++            prepareShell();
--            AccountsService.demoEdges = false;
--            AccountsService.demoEdges = true;
--            swipeAwayGreeter();
++            var tutorialLeft = findChild(shell, "tutorialLeft");
++            tryCompare(tutorialLeft, "opacity", 1);
+         }
          function cleanup() {
++            resetLoader("phone");
++        }
++
++        function resetLoader(state) {
              shellLoader.itemDestroyed = false;
              shellLoader.active = false;
++            shellLoader.state = state;
              tryCompare(shellLoader, "status", Loader.Null);
              tryCompare(shellLoader, "item", null);
@@ -133,6 +251,11 @@
              // Shell instance gets destroyed.
              tryCompare(shellLoader, "itemDestroyed", true);
++            // Reset any futzing our tests may have done with persistent objects
++            var app = ApplicationManager.findApplication("dialer-app");
++            if (app) {
++                app.setStage(ApplicationInfoInterface.SideStage);
++            }
              // kill all (fake) running apps
              killApps();
@@ -143,6 +266,22 @@
              removeTimeConstraintsFromDirectionalDragAreas(shellLoader.item);
+         }
++        function prepareShell() {
++            tryCompare(shell, "enabled", true); // enabled by greeter when ready
++
++            callManager.foregroundCall = null;
++            AccountsService.demoEdges = false;
++            AccountsService.demoEdgesCompleted = [];
++            AccountsService.demoEdges = true;
++
++            LightDM.Greeter.hideGreeter();
++        }
++
++        function loadShell(state) {
++            resetLoader(state);
++            prepareShell();
++        }
++
          function killApps() {
              while (ApplicationManager.count > 1) {
                  var appIndex = ApplicationManager.get(0).appId == "unity8-dash" ? 1 : 0
@@ -163,234 +302,486 @@
              waitForRendering(greeter);
+         }
--        function waitForPage(name) {
--            waitForRendering(findChild(shell, name));
--            var page = findChild(shell, name);
--            tryCompare(page, "shown", true);
--            tryCompare(page.showAnimation, "running", false);
--            return page;
--        }
--
--        function checkTopEdge() {
--            touchFlick(shell, halfWidth, 0, halfWidth, halfHeight);
--
++        function openTutorialTop() {
++            var tutorialLeftLoader = findChild(shell, "tutorialLeftLoader");
++            var tutorialTop = findChild(shell, "tutorialTop");
++            var tutorialTopTimer = findInvisibleChild(tutorialTop, "tutorialTopTimer");
++
++            tutorialTopTimer.interval = 1;
++            AccountsService.demoEdgesCompleted = ["left", "left-long"];
++
++            tryCompare(tutorialLeftLoader, "active", false);
++            tryCompare(tutorialTop, "shown", true);
++            tryCompare(tutorialTop, "opacity", 1);
++        }
++
++        function openTutorialRight() {
++            var tutorialLeftLoader = findChild(shell, "tutorialLeftLoader");
++            var tutorialRight = findChild(shell, "tutorialRight");
++
++            AccountsService.demoEdgesCompleted = ["left", "left-long", "top"];
++            ApplicationManager.startApplication("gallery-app");
++            ApplicationManager.startApplication("facebook-webapp");
++
++            tryCompare(tutorialLeftLoader, "active", false);
++            tryCompare(tutorialRight, "shown", true);
++            tryCompare(tutorialRight, "opacity", 1);
++        }
++
++        function openTutorialBottom() {
++            var tutorialLeftLoader = findChild(shell, "tutorialLeftLoader");
++            var tutorialBottom = findChild(shell, "tutorialBottom");
++
++            AccountsService.demoEdgesCompleted = ["left", "left-long", "top", "right"];
++            ApplicationManager.startApplication("dialer-app");
++
++            tryCompare(tutorialLeftLoader, "active", false);
++            tryCompare(tutorialBottom, "shown", true);
++            tryCompare(tutorialBottom, "opacity", 1);
++        }
++
++        function test_tutorialLeftEdges() {
++            var tutorial = findChild(shell, "tutorial");
++            var tutorialLeft = findChild(tutorial, "tutorialLeft");
++            var launcher = findChild(shell, "launcher");
++            var stage = findChild(shell, "stage");
              var panel = findChild(shell, "panel");
--            tryCompare(panel.indicators, "fullyClosed", true);
--        }
--
--        function checkLeftEdge() {
--            touchFlick(shell, 0, halfHeight, halfWidth, halfHeight);
--
--            var launcher = findChild(shell, "launcher");
--            tryCompare(launcher, "state", "");
--        }
--
--        function checkRightEdge() {
--            if (shell.usageScenario === "phone") {
--                touchFlick(shell, shell.width, halfHeight, halfWidth, halfHeight);
--
--                var stage = findChild(shell, "stage");
--                var spreadView = findChild(stage, "spreadView");
--                tryCompare(spreadView, "phase", 0);
--            }
--        }
--
--        function checkBottomEdge() {
--            // Can't actually check effect of swipe, since dash isn't really loaded
--            var applicationsDisplayLoader = findChild(shell, "applicationsDisplayLoader");
--            tryCompare(applicationsDisplayLoader, "interactive", false);
--        }
--
--        function checkFinished() {
--            tryCompare(AccountsService, "demoEdges", false);
--
--            var tutorial = findChild(shell, "tutorial");
--            tryCompare(tutorial, "running", false);
--
--            var launcher = findChild(shell, "launcher");
--            tryCompare(launcher, "shown", false);
--        }
--
--        function goToPage(name) {
--            var page = waitForPage("tutorialLeft");
--            checkTopEdge();
--            checkRightEdge();
--            checkBottomEdge();
--            if (name === "tutorialLeft") return page;
--            touchFlick(shell, 0, halfHeight, halfWidth, halfHeight);
--
--            page = waitForPage("tutorialLeftFinish");
--            if (name === "tutorialLeftFinish") return page;
--            var tick = findChild(page, "tick");
--            tap(tick);
--
--            page = waitForPage("tutorialRight");
--            checkTopEdge();
--            checkLeftEdge();
--            checkBottomEdge();
--            if (name === "tutorialRight") return page;
--            touchFlick(shell,
--                shell.width, halfHeight,
--                halfWidth, halfHeight,
--                true /* beginTouch */, true /* endTouch */,
--                20 /* speed */, 50 /* iterations */);
--            var overlay = findChild(page, "overlay");
--            tryCompare(overlay, "shown", true);
--            var tick = findChild(page, "tick");
--            tap(tick);
--
--            var page = waitForPage("tutorialBottom");
--            checkTopEdge();
--            checkLeftEdge();
--            checkRightEdge();
--            if (name === "tutorialBottom") return page;
--            touchFlick(shell, halfWidth, shell.height, halfWidth, halfHeight);
--
--            var page = waitForPage("tutorialBottomFinish");
--            checkTopEdge();
--            checkLeftEdge();
--            checkRightEdge();
--            checkBottomEdge();
--            if (name === "tutorialBottomFinish") return page;
--            var tick = findChild(page, "tick");
--            tap(tick);
--
--            checkFinished();
--            return null;
--        }
--
--        function test_walkthrough() {
--            goToPage(null);
--        }
--
--        function test_skipOnDesktop() {
--            var tutorial = findChild(shell, "tutorial");
--            tryCompare(tutorial, "active", true);
--            tryCompare(tutorial, "running", true);
--
--            shell.usageScenario = "desktop";
--            tryCompare(tutorial, "active", false);
--            tryCompare(tutorial, "running", false);
--        }
--
--        function test_launcherShortDrag() {
--            // goToPage does a normal launcher pull.  But here we want to test
--            // just barely pulling the launcher out and letting go (i.e. not
--            // triggering the "progress" property of Launcher).
--
--            var left = goToPage("tutorialLeft");
++
++            verify(tutorial.running);
++            verify(tutorial.launcherEnabled);
++            verify(!tutorial.spreadEnabled);
++            verify(!tutorial.panelEnabled);
++            verify(tutorialLeft.shown);
++            verify(launcher.available);
++            verify(!stage.spreadEnabled);
++            verify(!panel.indicators.available);
++        }
++
++        function test_tutorialLeftFinish() {
++            var tutorial = findChild(shell, "tutorial");
++            var tutorialLeft = findChild(tutorial, "tutorialLeft");
++            var launcher = findChild(shell, "launcher");
++
++            touchFlick(shell, 0, halfHeight, halfWidth, halfHeight);
++
++            tryCompare(tutorialLeft, "shown", false);
++            tryCompare(AccountsService, "demoEdgesCompleted", ["left"]);
++            tryCompare(launcher, "state", "visible");
++        }
++
++        function test_tutorialLeftShortDrag() {
++            // Here we want to test just barely pulling the launcher out and
++            // letting go (i.e. not triggering the "progress" property of
++            // Launcher).
++            var tutorialLeft = findChild(shell, "tutorialLeft");
++            var launcher = findChild(shell, "launcher");
++
++            // Confirm fade during drag
++            touchFlick(shell, 0, halfHeight, launcher.panelWidth * 0.4, halfHeight, true, false);
++            // compare opacity with a bound rather than hard 0.6 because progress doesn't
++            // always match the drag perfectly (takes a moment for drag to kick in)
++            tryCompareFunction(function() {
++                return tutorialLeft.opacity >= 0.6 && tutorialLeft.opacity < 0.7;
++            }, true);
++            touchFlick(shell, 0, halfHeight, launcher.panelWidth * 0.4, halfHeight, false, true);
++
              // Make sure we don't do anything if we don't pull the launcher
              // out much.
--            var launcher = findChild(shell, "launcher");
              touchFlick(shell, 0, halfHeight, launcher.panelWidth * 0.4, halfHeight);
              tryCompare(launcher, "state", ""); // should remain hidden
--            tryCompare(left, "shown", true); // and we should still be on left
++            tryCompare(tutorialLeft, "shown", true); // and we should still be on left
++
              // Now drag out but not past launcher itself
              touchFlick(shell, 0, halfHeight, launcher.panelWidth * 0.9, halfHeight);
--            waitForPage("tutorialLeftFinish");
++            tryCompare(tutorialLeft, "shown", false);
++            tryCompare(AccountsService, "demoEdgesCompleted", ["left"]);
++            tryCompare(launcher, "state", "visible");
+         }
--        function test_launcherLongDrag() {
--            // goToPage does a normal launcher pull.  But here we want to test
--            // a full pull across the page.
++        function test_tutorialLeftLongDrag() {
++            // Just confirm that a long drag ("dash" drag) doesn't confuse us
--            var left = goToPage("tutorialLeft");
++            // So that we actually switch to dash and launcher hides
++            ApplicationManager.startApplication("gallery-app");
              var launcher = findChild(shell, "launcher");
++            var tutorialLeft = findChild(shell, "tutorialLeft");
              touchFlick(shell, 0, halfHeight, shell.width, halfHeight);
--            var errorTextLabel = findChild(left, "errorTextLabel");
--            var errorTitleLabel = findChild(left, "errorTitleLabel");
--            tryCompare(launcher, "state", ""); // launcher goes away
--            tryCompare(left, "shown", true); // still on left page
--            tryCompare(errorTextLabel, "opacity", 1); // show error
--            tryCompare(errorTitleLabel, "opacity", 1); // show error
--        }
--
--        function test_launcherDragBack() {
--            // goToPage does a full launcher pull.  But here we test pulling
--            // all the way out, then dragging back into place.
--
--            var left = goToPage("tutorialLeft");
--            touchFlick(shell, 0, halfHeight, halfWidth, halfHeight, true, false);
--            touchFlick(shell, halfWidth, halfHeight, 0, halfHeight, false, true);
--
--            tryCompare(left, "shown", true); // and we should still be on left
--        }
--
--        function test_launcherNoDragGap() {
--            // See bug 1454882, where if you dragged the launcher while it was
--            // visible, you could pull it further than the edge of the screen.
--
--            var left = goToPage("tutorialLeft");
--            var launcher = findChild(shell, "launcher");
--            var teaseAnimation = findInvisibleChild(left, "teaseAnimation");
--
--            // Wait for launcher to be really out there
--            tryCompareFunction(function() {return launcher.x > teaseAnimation.maxBounce/2}, true);
--            verify(teaseAnimation.running);
--
--            // Start a drag, make sure animation stops
--            touchFlick(shell, 0, halfHeight, units.gu(4), halfHeight, true, false);
--            verify(!teaseAnimation.running);
--            verify(launcher.visibleWidth > 0);
--            verify(launcher.x > 0);
--            compare(launcher.x, teaseAnimation.bounce);
--
--            // Continue drag, make sure we don't create a gap on the left hand side
--            touchFlick(shell, units.gu(4), halfHeight, shell.width, halfHeight, false, false);
--            verify(!teaseAnimation.running);
--            compare(launcher.visibleWidth, launcher.panelWidth);
--            compare(launcher.x, 0);
--
--            // Finish and make sure we continue animation
--            touchFlick(shell, shell.width, halfHeight, shell.width, halfHeight, false, true);
--            tryCompare(teaseAnimation, "running", true);
--        }
--
--        function test_spread() {
--            // Unfortunately, most of what we want to test of the spread is
--            // "did it render correctly?" but that's hard to test.  So instead,
--            // just poke and prod it a little bit to see if some of the values
--            // we'd expect to be correct, are so.
--
--            var right = goToPage("tutorialRight");
--            var stage = findChild(right, "stage");
--            var delegate0 = findChild(right, "appDelegate0");
--
--            tryCompare(stage, "dragProgress", 0);
++            tryCompare(tutorialLeft, "shown", false);
++            tryCompare(AccountsService, "demoEdgesCompleted", ["left"]);
++        }
++
++        function test_tutorialLeftAutoSkipped() {
++            // Test that we skip the tutorial if user uses left edge themselves
++
++            var tutorialLeft = findChild(shell, "tutorialLeft");
++            LightDM.Greeter.showGreeter();
++            tryCompare(tutorialLeft, "visible", false);
++            compare(AccountsService.demoEdgesCompleted, []);
++
++            touchFlick(shell, 0, halfHeight, halfWidth, halfHeight);
++            tryCompare(AccountsService, "demoEdgesCompleted", ["left"]);
++        }
++
++        function test_tutorialTopEdges() {
++            var tutorial = findChild(shell, "tutorial");
++            var tutorialTop = findChild(tutorial, "tutorialTop");
++            var launcher = findChild(shell, "launcher");
++            var stage = findChild(shell, "stage");
++            var panel = findChild(shell, "panel");
++
++            openTutorialTop();
++
++            tryCompare(tutorial, "running", true);
++            verify(!tutorial.launcherEnabled);
++            verify(!tutorial.spreadEnabled);
++            verify(tutorial.panelEnabled);
++            verify(tutorialTop.shown);
++            verify(!launcher.available);
++            verify(!stage.spreadEnabled);
++            verify(panel.indicators.available);
++        }
++
++        function test_tutorialTopFinish() {
++            var tutorial = findChild(shell, "tutorial");
++            var tutorialTop = findChild(tutorial, "tutorialTop");
++            var panel = findChild(shell, "panel");
++
++            openTutorialTop();
++            touchFlick(shell, halfWidth, 0, halfWidth, shell.height);
++
++            tryCompare(tutorialTop, "shown", false);
++            tryCompare(AccountsService, "demoEdgesCompleted", ["left", "left-long", "top"]);
++            tryCompare(panel.indicators, "fullyOpened", true);
++        }
++
++        function test_tutorialTopShortDrag() {
++            var tutorial = findChild(shell, "tutorial");
++            var tutorialTop = findChild(tutorial, "tutorialTop");
++            var panel = findChild(shell, "panel");
++
++            openTutorialTop();
++            touchFlick(shell, halfWidth, 0, halfWidth, shell.height * 0.4, true, false);
++            // compare opacity with a bound rather than hard 0.6 because progress doesn't
++            // always match the drag perfectly (takes a moment for drag to kick in)
++            tryCompareFunction(function() {
++                return tutorialTop.opacity >= 0.6 && tutorialTop.opacity < 0.7;
++            }, true);
++            touchFlick(shell, halfWidth, 0, halfWidth, shell.height * 0.4, false, true);
++
++            compare(tutorialTop.shown, true);
++        }
++
++        function test_tutorialTopAutoSkipped() {
++            // Test that we skip the tutorial if user uses top edge themselves
++
++            var tutorialLeftLoader = findChild(shell, "tutorialLeftLoader");
++            var tutorialTop = findChild(shell, "tutorialTop");
++            AccountsService.demoEdgesCompleted = ["left", "left-long"];
++            tryCompare(tutorialLeftLoader, "active", false);
++            verify(!tutorialTop.shown);
++
++            touchFlick(shell, halfWidth, 0, halfWidth, shell.height);
++            tryCompare(AccountsService, "demoEdgesCompleted", ["left", "left-long", "top"]);
++        }
++
++        function test_tutorialRightEdges() {
++            var tutorial = findChild(shell, "tutorial");
++            var tutorialRight = findChild(tutorial, "tutorialRight");
++            var launcher = findChild(shell, "launcher");
++            var stage = findChild(shell, "stage");
++            var panel = findChild(shell, "panel");
++
++            openTutorialRight();
++
++            tryCompare(tutorial, "running", true);
++            verify(!tutorial.launcherEnabled);
++            verify(tutorial.spreadEnabled);
++            verify(!tutorial.panelEnabled);
++            verify(tutorialRight.shown);
++            verify(!launcher.available);
++            verify(stage.spreadEnabled);
++            verify(!panel.indicators.available);
++        }
++
++        function test_tutorialRightFinish() {
++            var tutorial = findChild(shell, "tutorial");
++            var tutorialRight = findChild(tutorial, "tutorialRight");
++            var stage = findChild(shell, "stage");
++
++            openTutorialRight();
++            touchFlick(shell, shell.width, halfHeight, 0, halfHeight);
++
++            tryCompare(tutorialRight, "shown", false);
++            tryCompare(AccountsService, "demoEdgesCompleted", ["left", "left-long", "top", "right"]);
++        }
++
++        function test_tutorialRightShortDrag() {
++            var tutorial = findChild(shell, "tutorial");
++            var tutorialRight = findChild(tutorial, "tutorialRight");
++            var stage = findChild(shell, "stage");
++
++            openTutorialRight();
              touchFlick(shell, shell.width, halfHeight, shell.width * 0.8, halfHeight, true, false);
--            verify(stage.dragProgress > 0);
--            compare(stage.dragProgress, -delegate0.xTranslate);
--            touchFlick(shell, shell.width * 0.8, halfHeight, shell.width, halfHeight, false, true);
--            tryCompare(stage, "dragProgress", 0);
--
--            tryCompare(delegate0, "x", shell.width);
--
--            var screenshotImage = findChild(right, "screenshotImage");
--            tryCompare(screenshotImage, "source", Qt.resolvedUrl("../../../qml/Tutorial/graphics/facebook.png"));
--            tryCompare(screenshotImage, "visible", true);
--        }
--
--        function test_bottomShortDrag() {
--            var bottom = goToPage("tutorialBottom");
--
--            touchFlick(shell, halfWidth, shell.height, halfWidth, shell.height * 0.8);
--
--            var errorTextLabel = findChild(bottom, "errorTextLabel");
--            var errorTitleLabel = findChild(bottom, "errorTitleLabel");
--            tryCompare(bottom, "shown", true); // still on bottom page
--            tryCompare(errorTextLabel, "opacity", 1); // show error
--            tryCompare(errorTitleLabel, "opacity", 1); // show error
--        }
--
--        function test_interrupted() {
--            goToPage("tutorialLeft");
--            ApplicationManager.startApplication("dialer-app");
--            checkFinished();
++            // compare opacity with a bound rather than hard 0.6 because progress doesn't
++            // always match the drag perfectly (takes a moment for drag to kick in)
++            tryCompareFunction(function() {
++                return tutorialRight.opacity >= 0.6 && tutorialRight.opacity < 0.8;
++            }, true);
++            touchFlick(shell, shell.width, halfHeight, shell.width * 0.8, halfHeight, false, true);
++
++            compare(tutorialRight.shown, true);
++        }
++
++        function test_tutorialRightDelay() {
++            // Test that if we exit the top tutorial, we don't immediately
++            // jump into right tutorial.
++            var tutorialRight = findChild(shell, "tutorialRight");
++            var tutorialRightTimer = findInvisibleChild(tutorialRight, "tutorialRightInactivityTimer");
++
++            tutorialRightTimer.interval = 1;
++            openTutorialTop();
++            ApplicationManager.startApplication("gallery-app");
++            ApplicationManager.startApplication("facebook-webapp");
++            tryCompare(ApplicationManager, "count", 3);
++
++            AccountsService.demoEdgesCompleted = ["left", "left-long", "top"];
++            verify(tutorialRightTimer.running, true);
++            verify(!tutorialRight.shown);
++            tryCompare(tutorialRight, "shown", true);
++        }
++
++        function test_tutorialRightAutoSkipped() {
++            // Test that we skip the tutorial if user uses right edge themselves
++
++            var tutorialLeftLoader = findChild(shell, "tutorialLeftLoader");
++            AccountsService.demoEdgesCompleted = ["left", "left-long"];
++            tryCompare(tutorialLeftLoader, "active", false);
++
++            touchFlick(shell, shell.width, halfHeight, 0, halfHeight);
++            tryCompare(AccountsService, "demoEdgesCompleted", ["left", "left-long", "right"]);
++        }
++
++        function test_tutorialBottomEdges() {
++            var tutorial = findChild(shell, "tutorial");
++            var tutorialBottom = findChild(tutorial, "tutorialBottom");
++            var tutorialLabel = findChild(tutorialBottom, "tutorialLabel");
++            var launcher = findChild(shell, "launcher");
++            var stage = findChild(shell, "stage");
++            var panel = findChild(shell, "panel");
++
++            openTutorialBottom();
++
++            tryCompare(tutorial, "running", true);
++            verify(!tutorial.launcherEnabled);
++            verify(!tutorial.spreadEnabled);
++            verify(!tutorial.panelEnabled);
++            verify(tutorialBottom.shown);
++            verify(!launcher.available);
++            verify(!stage.spreadEnabled);
++            verify(!panel.indicators.available);
++            compare(tutorialLabel.text, "Swipe up for recent calls");
++        }
++
++        function test_tutorialBottomFinish() {
++            var tutorial = findChild(shell, "tutorial");
++            var tutorialBottom = findChild(tutorial, "tutorialBottom");
++
++            openTutorialBottom();
++            touchFlick(shell, halfWidth, shell.height, halfWidth, halfHeight);
++
++            tryCompare(tutorialBottom, "shown", false);
++            tryCompare(AccountsService, "demoEdgesCompleted", ["left", "left-long", "top", "right", "bottom-dialer-app"]);
++
++            // OK, we did one, just confirm that when all are done, we mark whole tutorial as done.
++            verify(AccountsService.demoEdges);
++            AccountsService.demoEdgesCompleted = ["left", "left-long", "top", "right",
++                                                  "bottom-address-book-app",
++                                                  "bottom-com.ubuntu.calculator_calculator",
++                                                  "bottom-dialer-app",
++                                                  "bottom-messaging-app"];
++            verify(!AccountsService.demoEdges);
++        }
++
++        function test_tutorialBottomAppearsBeforeRight() {
++            // Confirm that if bottom edge and right edge would appear on the
++            // the same app open, bottom edge appears first. (this is a lightly
++            // edited version of openTutorialRight)
++            var tutorialLeftLoader = findChild(shell, "tutorialLeftLoader");
++            var tutorialRight = findChild(shell, "tutorialRight");
++            var tutorialBottom = findChild(shell, "tutorialBottom");
++
++            AccountsService.demoEdgesCompleted = ["left", "left-long", "top"];
++            ApplicationManager.startApplication("gallery-app");
++            ApplicationManager.startApplication("dialer-app");
++
++            tryCompare(tutorialLeftLoader, "active", false);
++            tryCompare(tutorialBottom, "shown", true);
++            tryCompare(tutorialBottom, "opacity", 1);
++            tryCompare(tutorialRight, "visible", false);
++        }
++
++        function test_tutorialBottomOnlyCoversSideStageOnTablet() {
++            loadShell("tablet");
++
++            var tutorialBottom = findChild(shell, "tutorialBottom");
++            var targetHeight = shell.height - units.gu(4);
++            var mainStageX = units.gu(20);
++            var sideStageX = shell.width - units.gu(20);
++
++            openTutorialBottom();
++
++            touchFlick(shell, mainStageX, shell.height, mainStageX, targetHeight, true, false);
++            compare(tutorialBottom.opacity, 1);
++            touchFlick(shell, mainStageX, shell.height, mainStageX, targetHeight, false, true);
++
++            touchFlick(shell, sideStageX, shell.height, sideStageX, targetHeight, true, false);
++            verify(tutorialBottom.opacity < 1);
++            touchFlick(shell, sideStageX, shell.height, sideStageX, targetHeight, false, true);
++        }
++
++        function test_tutorialBottomOnlyCoversMainStageOnTablet() {
++            loadShell("tablet");
++
++            var tutorialBottom = findChild(shell, "tutorialBottom");
++            var targetHeight = shell.height - units.gu(4);
++            var mainStageX = units.gu(20);
++            var sideStageX = shell.width - units.gu(20);
++
++            openTutorialBottom();
++            var app = ApplicationManager.findApplication("dialer-app");
++            app.setStage(ApplicationInfoInterface.MainStage);
++
++            touchFlick(shell, sideStageX, shell.height, sideStageX, targetHeight, true, false);
++            compare(tutorialBottom.opacity, 1);
++            touchFlick(shell, sideStageX, shell.height, sideStageX, targetHeight, false, true);
++
++            touchFlick(shell, mainStageX, shell.height, mainStageX, targetHeight, true, false);
++            verify(tutorialBottom.opacity < 1);
++            touchFlick(shell, mainStageX, shell.height, mainStageX, targetHeight, false, true);
++        }
++
++        function test_activeCallInterruptsTutorial() {
++            var tutorialLeft = findChild(shell, "tutorialLeft");
++            verify(tutorialLeft.shown);
++            verify(!tutorialLeft.paused);
++
++            callManager.foregroundCall = phoneCall;
++            verify(!tutorialLeft.shown);
++            verify(tutorialLeft.paused);
++            tryCompare(tutorialLeft, "visible", false);
++
++            callManager.foregroundCall = null;
++            tryCompare(tutorialLeft, "shown", true);
++            verify(!tutorialLeft.paused);
++        }
++
++        function test_greeterInterruptsTutorial() {
++            var tutorialLeft = findChild(shell, "tutorialLeft");
++            verify(tutorialLeft.shown);
++            verify(!tutorialLeft.paused);
++
++            LightDM.Greeter.showGreeter();
++            verify(!tutorialLeft.shown);
++            verify(tutorialLeft.paused);
++            tryCompare(tutorialLeft, "visible", false);
++
++            LightDM.Greeter.hideGreeter();
++            tryCompare(tutorialLeft, "shown", true);
++            verify(!tutorialLeft.paused);
++        }
++
++        function test_interruptionChecksReadyStateWhenDone() {
++            // If we're done with an interruption (like active call), make sure
++            // that we don't blindly resume the tutorial -- our trigger
++            // conditions still need to be met.  For example, there need to be
++            // enough apps open for the right edge tutorial.
++
++            openTutorialRight();
++
++            var tutorialRight = findChild(shell, "tutorialRight");
++            verify(tutorialRight.isReady);
++            verify(tutorialRight.shown);
++            verify(!tutorialRight.paused);
++
++            callManager.foregroundCall = phoneCall;
++            killApps();
++            callManager.foregroundCall = null;
++
++            verify(!tutorialRight.isReady);
++            verify(!tutorialRight.shown);
++            verify(!tutorialRight.paused);
++            compare(AccountsService.demoEdgesCompleted, ["left", "left-long", "top"]);
++        }
++
++        function test_desktopOnlyShowsTutorialRight() {
++            loadShell("desktop");
++
++            var tutorialLeftLoader = findChild(shell, "tutorialLeftLoader");
++            var tutorialTopLoader = findChild(shell, "tutorialTopLoader");
++            var tutorialRightLoader = findChild(shell, "tutorialRightLoader");
++            var tutorialBottomLoader = findChild(shell, "tutorialBottomLoader");
++            verify(!tutorialLeftLoader.active);
++            verify(!tutorialTopLoader.active);
++            verify(tutorialRightLoader.active);
++            verify(!tutorialBottomLoader.active);
++            compare(AccountsService.demoEdgesCompleted, []);
++
++            ApplicationManager.startApplication("dialer-app");
++            ApplicationManager.startApplication("camera-app");
++            tryCompare(tutorialRightLoader.item, "isReady", true);
++            tryCompare(tutorialRightLoader, "shown", true);
++        }
++
++        function test_oskDoesNotHideTutorial() {
++            var tutorialLeft = findChild(shell, "tutorialLeft");
++            verify(tutorialLeft.shown);
++
++            var surface = SurfaceManager.inputMethodSurface;
++            surface.setState(Mir.RestoredState);
++
++            var inputMethod = findInvisibleChild(shell, "inputMethod");
++            tryCompare(inputMethod, "state", "shown");
++
++            verify(tutorialLeft.shown);
++        }
++
++        function test_oskPreventsTutorial() {
++            var surface = SurfaceManager.inputMethodSurface;
++            var inputMethod = findInvisibleChild(shell, "inputMethod");
++
++            AccountsService.demoEdges = false;
++            surface.setState(Mir.RestoredState);
++            tryCompare(inputMethod, "state", "shown");
++
++            var tutorial = findChild(shell, "tutorial");
++            tryCompare(tutorial, "keyboardVisible", true);
++
++            AccountsService.demoEdges = true;
++            var tutorialLeft = findChild(shell, "tutorialLeft");
++            verify(!tutorialLeft.shown);
++
++            surface.setState(Mir.MinimizedState);
++            tryCompare(inputMethod, "state", "hidden");
++            tryCompare(tutorialLeft, "shown", false);
++        }
++
++        function test_accountsServiceSettings() {
++            var tutorialLeft = findChild(shell, "tutorialLeft");
++            verify(tutorialLeft != null);
++            verify(tutorialLeft.shown);
++
++            AccountsService.demoEdges = false;
++            verify(findChild(shell, "tutorialLeft") == null);
++
++            AccountsService.demoEdges = true;
++            tutorialLeft = findChild(shell, "tutorialLeft");
++            verify(tutorialLeft != null);
++            tryCompare(tutorialLeft, "shown", true);
+         }
+     }
+ }
 === modified file 'tests/qmltests/tst_Shell.qml'
 --- tests/qmltests/tst_Shell.qml	2016-03-10 22:43:31 +0000
 +++ tests/qmltests/tst_Shell.qml	2016-03-15 20:13:37 +0000
@@ -131,6 +131,9 @@
          anchors.right: root.right
          width: units.gu(30)
++        property var focusedApp: ApplicationManager.findApplication(ApplicationManager.focusedApplicationId)
++        property var focusedSurface: focusedApp && focusedApp.session ? focusedApp.session.lastSurface : null
++
          Rectangle {
              id: controlRect
              anchors { left: parent.left; right: parent.right }
@@ -251,6 +254,65 @@
                          appId: modelData
+                     }
+                 }
++
++                Label { text: "Focused Application"; font.bold: true }
++
++                Row {
++                    CheckBox {
++                        id: fullscreeAppCheck
++
++                        onTriggered: {
++                            if (!controls.focusedSurface) return;
++                            if (controls.focusedSurface.state == Mir.FullscreenState) {
++                                controls.focusedSurface.state = Mir.RestoredState;
++                            } else {
++                                controls.focusedSurface.state = Mir.FullscreenState;
++                            }
++                        }
++
++                        Binding {
++                            target: fullscreeAppCheck
++                            when: controls.focusedSurface
++                            property: "checked"
++                            value: {
++                                if (!controls.focusedSurface) return false;
++                                return controls.focusedSurface.state === Mir.FullscreenState
++                            }
++                        }
++                    }
++                    Label {
++                        text: "Fullscreen"
++                    }
++                }
++
++                Row {
++                    CheckBox {
++                        id: chromeAppCheck
++
++                        onTriggered: {
++                            if (!controls.focusedSurface) return;
++                            if (controls.focusedSurface.shellChrome == Mir.LowChrome) {
++                                controls.focusedSurface.setShellChrome(Mir.NormalChrome);
++                            } else {
++                                controls.focusedSurface.setShellChrome(Mir.LowChrome);
++                            }
++                        }
++
++                        Binding {
++                            target: chromeAppCheck
++                            when: controls.focusedSurface !== null
++                            property: "checked"
++                            value: {
++                                if (!controls.focusedSurface) return false;
++                                controls.focusedSurface.shellChrome === Mir.LowChrome
++                            }
++                        }
++                    }
++                    Label {
++                        text: "Low Chrome"
++                    }
++                }
++
+             }
+         }
+     }
@@ -425,6 +487,7 @@
              setLightDMMockMode("single"); // back to the default value
              AccountsService.demoEdges = false;
++            AccountsService.demoEdgesCompleted = [];
              Wizard.System.wizardEnabled = false;
              // kill all (fake) running apps
@@ -576,9 +639,8 @@
          function test_tabletLeftEdgeDrag_data() {
              return [
--                {tag: "without password", user: "no-password", loggedIn: true, demo: false},
--                {tag: "with password", user: "has-password", loggedIn: false, demo: false},
--                {tag: "with demo", user: "has-password", loggedIn: true, demo: true},
++                {tag: "without password", user: "no-password", loggedIn: true},
++                {tag: "with password", user: "has-password", loggedIn: false},
+             ]
+         }
@@ -588,10 +650,6 @@
              selectUser(data.user)
--            AccountsService.demoEdges = data.demo
--            var tutorial = findChild(shell, "tutorial");
--            tryCompare(tutorial, "running", data.demo);